* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

:root {
    --white: #fff;
    --white-1: #eceff4;
    --white-2: #e4e9f3;
    --white-3: #f6f8fc;
    --white-4: #eaeaea;
    --white-5: #ecf5fc;
    --black: #000;
    --pink: #ffdfdf;
    --light-blue: #D5E3F9;
    --blue: #7e9ac8;
    --blue-1: #5897fb;
    --blue-2: #427ea6;
    --light-gray: #bfbfbf;
    --gray: #333;
    --gray-1: #aaa;
    --gray-2: #212529;
    --gray-3: #1b1f22;
    --gray-4: #2b3035;
    --gray-5: #444;
    --gray-6: #313234;
    --gray-7: #555;
    --red: #ff0000;
    --orange: orange;
    --dark-blue: #597da3;
    --dark-gray: #375a7f;
}

[data-theme="light"] {
    --btn-color: var(--light-blue);
    --active-color: var(--light-blue);
    --main-background: var(--white-3);
    --table-title-background: var(--white-2);
    --table-th-background: var(--white);
    --table-td-background: var(--white);
    --table-row-background: var(--white-1);
    --table-background: var(--white);
    --table-active-background: var(--pink);
    --text-color: var(--gray);
    --scroll-bar-color: var(--light-gray);
    --select-background: var(--white);
    --select-border-color: var(--gray-1);
    --select-color-text: var(--gray-5);
    --select-option-background: var(--white-5);
    --select-option-background-hightlight: var(--blue-1);
    --select-option-background-disabled: var(--white-1);
    --select-option-background-selected: var(--light-blue);
    --select-option-background-text: var(--white);
    --required-color: var(--red);
    --submenu-hover-background: var(--white-4);
    --submenu-item-background: var(--blue);
    --submenu-item-color: var(--white);
    --submenu-active-background: var(--pink);
    --submenu-background: var(--white-3);
    --tabs-background: var(--dark-blue);
    --tabs-background-active: var(--white);
    --tabs-background-noactive: var(--white-5);
    --tabs-background-hover: var(--blue);
    --tabs-border-color: var(--dark-blue);
    --tabs-border: var(--blue-2);
    --search-background: var(--white);
    --arrow-background: var(--white);
    --icon-background: var(--gray);
    --icon-background-hover: var(--blue-2);
}

[data-theme="dark"] {
    --btn-color: var(--gray-7);
    --active-color: var(--gray-2);
    --main-background: var(--gray-6);
    --table-title-background: var(--gray-7);
    --table-th-background: var(--gray-3);
    --table-td-background: var(--gray-7);
    --table-row-background: var(--gray-2);
    --table-active-background: var(--gray-6);
    --table-background: var(--gray-2);
    --text-color: var(--white-4);
    --scroll-bar-color: var(--gray-7);
    --select-background: var(--gray-2);
    --select-border-color: var(--gray-1);
    --select-color-text: var(--white-3);
    --select-option-background: var(--gray-2);
    --select-option-background-hightlight: var(--gray-7);
    --select-option-background-disabled: var(--gray-7);
    --select-option-background-selected: var(--gray-7);
    --select-option-background-text: var(--white);
    --required-color: var(--orange);
    --submenu-hover-background: var(--gray-7);
    --submenu-item-background: var(--gray-7);
    --submenu-item-color: var(--white);
    --submenu-active-background: var(--gray-1);
    --submenu-background: var(--gray-2);
    --tabs-background: var(--gray-3);
    --tabs-background-active: var(--gray-2);
    --tabs-background-noactive: var(--gray-4);
    --tabs-background-hover: var(--gray-3);
    --tabs-border-color: var(--dark-blue);
    --tabs-border: var(--gray-7);
    --search-background: var(--gray-3);
    --arrow-background: var(--gray-3);
    --icon-background: var(--black);
    --icon-background-hover: var(--black);
}

::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: transparent
}

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--scroll-bar-color);
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--scroll-bar-color);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: var(--scroll-bar-color);
    }

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow: hidden;
}

.select2-container--open .select2-results__option {
    max-height: 100%;
    overflow: hidden;
}

    .select2-container--open .select2-results__option:hover {
        max-height: 100%;
        overflow: visible;
    }

.select2-dropdown {
    background-color: var(--select-background);
    border: 1px solid var(--select-border-color);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--tabs-border) transparent transparent transparent;
}

.block {
    display: block;
}

body {
    color: var(--text-color);
    height: 100%;
    width: 100%;
    background-color: var(--main-background);
    padding: 0;
    margin: 0;
    font-family: Tahoma, Arial, Verdana, Sans-Serif;
    font-size: 11px;
    line-height: 15px;
    border: 1px solid #B5B8C8;
}

datalist {
    position: absolute;
    visibility: hidden;
    display: block;
    line-height: 14px;
    font-family: Sans-Serif, Arial, Verdana, Tahoma;
    font-size: 11px;
    font-weight: 400; /* select styles */
}

.header {
    /*  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  right: 0;*/
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid var(--table-title-background);
}

    .header .error {
        padding: 0 4px;
    }

    .header .user {
        float: right;
        margin-right: 12px;
        line-height: 25px;
        grid-template-columns: 1fr 1fr;
        place-items: center;
    }

        .header .user a {
            padding: 0 4px;
        }

        .header .user .welcome {
            /*margin: 2px 10px 2px 3px;*/
        }

            .header .user .welcome span {
                font-weight: bold;
            }

            .header .user .welcome a {
                padding: 0px 1px !important;
            }

#footer {
    position: sticky;
    bottom: 0;
    overflow: hidden;
    border-top: solid 1px #bbb;
}

.status {
    padding: 10px 0 0 12px;
}

    .status a {
        padding: 0 5px 0 20px;
        border-right: solid 1px #aaa;
        font-family: Sans-Serif,Tahoma,Arial,Verdana;
        text-decoration: none;
        font-size: 10px;
        background-image: url(images/status-icons.gif);
        background-position: 5px 0;
        background-repeat: no-repeat;
        line-height: 10px;
    }

    .status .st-last {
        border-right: none 0 !important;
    }

    .status a.st-none {
        background-image: none !important;
        background-position: 0 0 !important;
        padding-left: 7px !important;
    }

    .status a.st-users {
    }

    .status a.st-elapsed {
        background-position: 5px -20px;
    }

    .status a.st-file {
        background-position: 5px -40px;
    }

    .status a.st-cache {
        background-position: 5px -60px;
    }

    .status a.st-db-memory {
        background-position: 5px -80px;
    }

    .status a.st-app-memory {
        background-position: 5px -100px;
    }

    .status div {
        float: left;
    }

    .status .operation-message {
        display: inline-block;
        margin: -5px 0 0 12px;
        padding: 0 8px;
        line-height: 21px;
        font-size: 11px;
        background: #648CB7;
        color: #FFFFFF;
        border-radius: 3px;
    }

    .status .more {
        padding: 5px;
        background: url(images/icon-show-gray.png) no-repeat 0;
    }

    .status .more-hide {
        background: url(images/icon-hide-gray.png) no-repeat 0 !important;
    }

    .status a[data-statusbar-item] {
        display: none;
    }

input, select, textarea {
    font-family: Tahoma, Arial, Verdana, Sans-Serif;
    font-size: 11px;
    line-height: 15px;
    border: 1px solid #B5B8C8;
    background-color: #fff;
}

input, select, textarea {
    cursor: pointer;
    line-height: 15px;
    font-family: Sans-Serif, Arial, Verdana, Tahoma;
    font-size: 13px;
    color: var(--text-color);
    font-weight: 400;
    margin: 0;
    border-radius: 5px;
}

input, select {
    height: 18px;
}

    input[type=checkbox] {
        height: 16px;
        width: 16px;
    }

    input[type=text] {
        padding-right: 15px;
    }

        input[type=text][disabled] {
            background: #dddddd;
        }

    input:read-only.readonly {
        background: #dddddd;
    }

    input[readonly].readonly {
        background: #dddddd;
    }

a {
    color: inherit;
}

    a:hover {
        text-decoration: none;
    }

.bold, .bold th, .bold td {
    font-weight: bold !important;
}

.normal, .normal th, .normal td {
    font-weight: normal !important;
}

.opacity05 {
    opacity: 0.5;
}

.error-code {
    color: var(--required-color);
    font-weight: bold;
    padding: 1px;
}
[data-theme="dark"] .error-code {
    color: #ff0000;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

hr {
    background-color: #ccc; /* border: 0 none;*/
    color: #eee;
    height: 1px;
    margin: 0;
    padding: 0;
}

.dv {
    min-height: 16px;
}

    .dv span {
        white-space: nowrap;
        margin: 1px;
        cursor: default;
        float: none !important;
    }

.grid .dv span {
    white-space: normal;
}

.inline-dv .dv {
    display: inline;
}

.column2 {
    margin: 0 auto;
}

    .column2 .l {
        float: left;
        text-align: left;
    }

    .column2 .r {
        float: right;
        text-align: left;
    }

.nowrap {
    white-space: nowrap;
}

.pointer {
    cursor: pointer !important;
}

.dotted {
    color: #427ea6;
    border-bottom: 2px dotted #427ea6;
    transition: border-bottom .4s ease;
}

    .dotted:hover {
        border-bottom: 2px dotted transparent;
    }

.help {
    cursor: help;
}

.red {
    color: red;
}

.green {
    color: green;
}

.white {
    color: white;
}

.blue {
    color: blue;
}

.black {
    color: black;
}

[data-theme="dark"] .blue {
    color: #7777ff;
}

.green-check {
    color: green;
    background: url('../content/images/checked.gif') no-repeat left;
    padding: 3px 3px 3px 18px;
    margin: 5px 10px;
}

.green-check-badge {
    cursor: help;
    background: url('../content/images/checked.gif') no-repeat center center;
    border: solid 1px green;
    padding: 4px 8px;
    margin: 5px;
    border-radius: 6px;
}

.gray {
    color: #aaa;
}

.through {
    text-decoration: line-through;
}

.underline {
    text-decoration: underline;
}

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

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

.small {
    font-size: 9px;
}

.alert {
    padding: 5px 3px 5px 8px !important;
    border: 1px solid #9ece9e;
    margin: 0px 0px 10px !important;
    border-radius: 5px;
    font-size: 9pt;
    color: red;
    background-color: #e8f5df;
}

.alert-no-color {
    padding: 5px 3px 5px 5px !important;
    border: 1px solid #B5B8C8;
    margin: 0px 0px 0px !important;
    border-radius: 5px;
}

.alert-link {
    cursor: pointer;
    text-decoration: underline;
}

a.delete {
    background: url(../Content/images/delete.png) 0 0 no-repeat !important;
    background-size: 12px 12px !important;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.edited {
    background: url(../UISite/images/edited.png) no-repeat right;
    padding-right: 16px;
}

.spanner {
    display: inline-block;
}

    .spanner:after {
        background: url(../UISite/images/spanner.png) no-repeat;
        background-position: 50% 50%;
        background-size: 10px 10px !important;
        height: 12px;
        width: 12px;
        content: '';
        display: inline-block;
        padding-left: 12px;
    }

.phone_number {
    background: url(../UISite/images/phone.png) no-repeat !important;
    background-size: 10px 10px !important;
    background-position: 0 center !important;
    padding-left: 12px;
}

.email {
    background: url(../UISite/images/email.png) no-repeat !important;
    background-size: 10px 10px !important;
    background-position: 0 center !important;
    padding-left: 12px;
}

.center {
    display: grid;
    grid-template-columns: 300px 30px 5fr;
    grid-template-rows: 1fr;
    overflow: hidden;
}

    .center .ctx {
        width: 100%;
        padding-right: 10px;
        max-height: 100vh;
        overflow-y: auto;
        padding-top: 10px;
    }

.center2 {
    position: relative;
    top: 35px;
    bottom: 32px;
    left: 0;
    right: 0;
    overflow: auto;
}

    .center2 .ctx2 {
        position: relative;
        left: 20%;
        top: 0;
        bottom: 0;
        right: 0;
        overflow-y: auto;
        padding: 0 0 20px 10px;
    }

.center.hidden .ctx.lite {
    padding: 0;
}


.center .main-menu-tgl {
    height: 100%;
    position: relative;
}

.center .main-menu-tgl-wrapper {
    width: 100%;
    height: 100%;
    top: -30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: e-resize;
    position: relative;
    padding-left: 5px;
}

.center .main-menu-tgl .main-menu-tgl-btn {
    background: var(--arrow-background);
    width: 100%;
    height: 30px;
    border-radius: 50%;
    /* opacity: 0; */
    /* visibility: hidden; */
    transition: .2s all ease;
    cursor: pointer;
    position: sticky;
    top: 10px;
    z-index: 1;
    margin-left: -5px;
    border: 1px solid var(--table-title-background);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(180deg);
}

    .center .main-menu-tgl .main-menu-tgl-btn:hover {
        border: 1px solid var(--active-color);
    }

.center .main-menu-tgl .main-menu-tgl-line {
    background: var(--table-title-background);
    width: 1px;
    height: 100%;
    transition: .2s all ease;
    margin-left: -15px;
}

.center .main-menu-tgl:hover .main-menu-tgl-line {
    background-color: var(--active-color);
}

.center .main-menu-tgl:hover .main-menu-tgl-btn {
    opacity: 1;
    visibility: visible;
    border: 1px solid var(--active-color);
}

.main-menu ul {
    padding: 0;
    margin: 0;
    grid-area: menu-links;
}

    .main-menu ul li {
        list-style: none;
    }

        .main-menu ul li ul {
            background: var(--submenu-background);
            display: none;
        }

.center.hidden .ctx {
    overflow-y: auto;
}

.center.hidden .main-menu-tgl span {
    display: none;
}

a.viki-ajax-worked {
    color: Gray;
}

.viki-ajax-wait {
    z-index: 8002;
    display: none;
    background: url(../UI/Viki/images/icon_wait.gif) 0 0 no-repeat;
    position: absolute;
    overflow: hidden;
    height: 24px;
    width: 24px;
    right: 40px !important;
}

#footer-wait {
    bottom: 8px !important;
    top: auto !important;
    left: auto !important;
    background: url(../UI/Viki/images/icon_wait6.gif) 0 0 no-repeat !important;
    height: 11px !important;
    width: 16px !important;
}

.dynamic-wait {
    background: url(../UI/Viki/images/icon_wait6.gif) 0 0 no-repeat !important;
    min-height: 11px !important;
    min-width: 16px !important;
}

.snapshot-wait {
    background: url(../UI/Viki/images/icon_wait6.gif) 0 0 no-repeat !important;
    min-height: 11px !important;
    min-width: 16px !important;
    margin: 0 auto;
}

.lazy-wait {
    background: url(../UI/Viki/images/icon_wait6.gif) 0 0 no-repeat !important;
    min-height: 11px !important;
    min-width: 16px !important;
    margin: 0 auto;
}

.camera-wait {
    background: url(../UI/Viki/images/icon_wait6.gif) 50% 50% no-repeat !important;
    min-height: 22px !important;
    min-width: 100% !important;
    margin: 0 auto;
    display: inline-block;
}

.flash-message {
    color: white;
    font-weight: bold;
    padding: 5px;
    margin: 5px;
    background: url(images/error-hd.png) 0 0 repeat-y;
    border-radius: 5px;
}

.clr-both {
    clear: both !important;
}

.clr {
    clear: both;
    height: 0;
    line-height: 0;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

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

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

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

.display-inline {
    display: inline !important;
}

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

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

.display-none {
    display: none;
}

.display-inline-table {
    display: inline-table;
}

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

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

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

.t-large {
    font-size: large !important;
}

.img-center img {
    margin: 0 50% !important;
}

.mtb-1-mlr-2 {
    margin: 1px 2px;
}

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

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

.m-5 {
    margin: 5px !important;
}

.m-15 {
    margin: 15px !important;
}

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

.ml-3 {
    margin-left: 3px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-minus-3 {
    margin-left: -3px !important;
}

.ml-minus-5 {
    margin-left: -5px !important;
}

.ml-minus-8 {
    margin-left: -8px !important;
}

.ml-minus-35 {
    margin-left: -35px !important;
}

.ml-minus-85 {
    margin-left: -85px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-130 {
    margin-left: 130px !important;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-178 {
    margin-left: 178px !important;
}

.ml-178 {
    margin-left: 178px !important;
}

.ml-231 {
    margin-left: 231px !important;
}

.mt-minus-1 {
    margin-top: -1px !important;
}

.mt-minus-3 {
    margin-top: -3px !important;
}

.mt-minus-10 {
    margin-top: -10px !important;
}

.mt-minus-13 {
    margin-top: -13px !important;
}

.mt-minus-26 {
    margin-top: -26px !important;
}

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

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

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

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

.mt-30 {
    margin-top: 30px !important;
}

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

.pt-10 {
    padding-top: 10px !important;
}

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

.mb-10 {
    margin-bottom: 10px !important;
}

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

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

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

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

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

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.w-auto {
    width: auto !important;
}

.w-25 {
    width: 25px !important;
}

.w-30 {
    width: 30px !important;
}

.w-50,
.efficiency_of_sales_channels_grid .w-50 {
    max-width: 100% !important;
    min-width: auto !important;
    width: 50px !important;
}

.w-60 {
    width: 60px !important;
}

.w-65 {
    width: 65px !important;
}

.w-70 {
    width: 70px !important;
}

.w-75 {
    width: 75px !important;
}

.w-80 {
    width: 80px !important;
}

.w-90 {
    width: 90px !important;
}

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

.w-120 {
    width: 120px !important;
}

.w-130 {
    width: 130px !important;
}

.w-150 {
    width: 150px !important;
}

.w-180 {
    width: 180px !important;
}

.w-200 {
    width: 200px !important;
}

.w-250 {
    width: 250px !important;
}

.w-280 {
    width: 280px !important;
}

.w-300 {
    width: 300px !important;
}

.w-350 {
    width: 350px !important;
}

.w-400 {
    width: 400px !important;
}

.w-450 {
    width: 450px !important;
}

.w-500 {
    width: 500px !important;
}

.w-600 {
    width: 600px !important;
}

.w-700 {
    width: 700px !important;
}

.w-800 {
    width: 800px !important;
}

.w-5p {
    width: 5% !important;
}

.w-10p {
    width: 10% !important;
}

.w-15p {
    width: 15% !important;
}

.w-19p {
    width: 19% !important;
}

.w-20p {
    width: 20% !important;
}

.w-25p {
    width: 25% !important;
}

.w-30p {
    width: 30% !important;
}

.w-35p {
    width: 30% !important;
}

.w-40p {
    width: 40% !important;
}

.w-45p {
    width: 45% !important;
}

.w-47p {
    width: 47% !important;
}

.w-49p {
    width: 49% !important;
}

.w-50p {
    width: 50% !important;
}

.w-55p {
    width: 55% !important;
}

.w-60p {
    width: 60% !important;
}

.w-65p {
    width: 65% !important;
}

.w-70p {
    width: 70% !important;
}

.w-75p {
    width: 75% !important;
}

.w-80p {
    width: 80% !important;
}

.w-85p {
    width: 85% !important;
}

.w-90p {
    width: 90% !important;
}

.w-95p {
    width: 95% !important;
}

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

.w-max-25 {
    max-width: 25px !important;
}

.w-max-50 {
    max-width: 50px !important;
}

.w-max-75 {
    max-width: 75px !important;
}

.w-max-80 {
    max-width: 80px !important;
}

.w-max-90 {
    max-width: 80px !important;
}

.w-max-100 {
    max-width: 100px !important;
}

.w-max-120 {
    max-width: 120px !important;
}

.w-max-150 {
    max-width: 150px !important;
}

.w-max-200 {
    max-width: 200px !important;
}

.w-max-250 {
    max-width: 250px !important;
}

.w-max-300 {
    max-width: 300px !important;
}

.w-max-350 {
    max-width: 350px !important;
}

.w-max-400 {
    max-width: 400px !important;
}

.w-max-450 {
    max-width: 450px !important;
}

.w-max-500 {
    max-width: 500px !important;
}

.w-max-600 {
    max-width: 600px !important;
}

.w-max-700 {
    max-width: 700px !important;
}

.w-max-800 {
    max-width: 800px !important;
}

.w-max-850 {
    max-width: 850px !important;
}

.w-min-25 {
    min-width: 25px !important;
}

.w-min-50 {
    min-width: 50px !important;
}

.w-min-75 {
    min-width: 75px !important;
}

.w-min-80 {
    min-width: 80px !important;
}

.w-min-90 {
    min-width: 80px !important;
}

.w-min-100 {
    min-width: 100px !important;
}

.w-min-120 {
    min-width: 120px !important;
}

.w-min-150 {
    min-width: 150px !important;
}

.w-min-200 {
    min-width: 200px !important;
}

.w-min-250 {
    min-width: 250px !important;
}

.w-min-300 {
    min-width: 300px !important;
}

.w-min-350 {
    min-width: 350px !important;
}

.w-min-400 {
    min-width: 400px !important;
}

.w-min-450 {
    min-width: 450px !important;
}

.w-min-500 {
    min-width: 500px !important;
}

.w-min-600 {
    min-width: 600px !important;
}

.w-min-700 {
    min-width: 700px !important;
}

.w-min-800 {
    min-width: 800px !important;
}

.h-max-500 {
    max-height: 500px !important;
}

.h-16 {
    height: 16px !important;
}

.h-20 {
    height: 20px !important;
}

.h-50 {
    height: 50px !important;
}

.h-60 {
    height: 60px !important;
}

.h-200 {
    height: 200px !important;
}

.valign-super {
    vertical-align: super;
}

.valign-middle {
    vertical-align: middle;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.clipboard {
    background: url('../UISite/images/clipboard.png') no-repeat right;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.clr-both {
    clear: both !important;
}

.clr {
    clear: both;
    height: 0;
    line-height: 0;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

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

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

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

.display-inline {
    display: inline !important;
}

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

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

.display-none {
    display: none;
}

.display-inline-table {
    display: inline-table;
}

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

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

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

.t-large {
    font-size: large !important;
}

.img-center img {
    margin: 0 50% !important;
}

.mtb-1-mlr-2 {
    margin: 1px 2px;
}

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

.m-5 {
    margin: 5px !important;
}

.m-15 {
    margin: 15px !important;
}

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

.ml-3 {
    margin-left: 3px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-minus-3 {
    margin-left: -3px !important;
}

.ml-minus-5 {
    margin-left: -5px !important;
}

.ml-minus-8 {
    margin-left: -8px !important;
}

.ml-minus-35 {
    margin-left: -35px !important;
}

.ml-minus-85 {
    margin-left: -85px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-130 {
    margin-left: 130px !important;
}

.ml-140 {
    margin-left: 140px !important;
}

.ml-178 {
    margin-left: 178px !important;
}

.ml-178 {
    margin-left: 178px !important;
}

.ml-231 {
    margin-left: 231px !important;
}

.mt-minus-1 {
    margin-top: -1px !important;
}

.mt-minus-3 {
    margin-top: -3px !important;
}

.mt-minus-10 {
    margin-top: -10px !important;
}

.mt-minus-13 {
    margin-top: -13px !important;
}

.mt-minus-26 {
    margin-top: -26px !important;
}

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

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

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

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

.mt-30 {
    margin-top: 30px !important;
}

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

.pt-10 {
    padding-top: 10px !important;
}

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

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

.mb-10 {
    margin-bottom: 10px !important;
}

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

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

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

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

.pb-10 {
    padding-bottom: 10px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

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

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.w-auto {
    width: auto !important;
}

.w-16 {
    width: 16px !important;
}

.w-25 {
    max-width: 100% !important;
    min-width: 25px !important;
    width: 25px !important;
}

.w-35 {
    max-width: 100% !important;
    min-width: 35px !important;
    width: 35px !important;
}

.w-30 {
    width: 30px !important;
}

.w-50 {
    min-width: 50px !important;
    width: 50px !important;
}

.w-60 {
    width: 60px !important;
}

.w-75 {
    width: 75px !important;
}

.w-80 {
    max-width: 100% !important;
    min-width: 80px !important;
    width: 80px !important;
}

.w-90 {
    width: 90px !important;
}

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

.w-120 {
    width: 120px !important;
}

.w-130 {
    width: 130px !important;
}

.w-150 {
    width: 150px !important;
}

.w-180 {
    width: 180px !important;
}

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

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

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

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

.w-330 {
    max-width: 100%;
    min-width: 330px !important;
    width: 330px !important;
}

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

.w-380 {
    max-width: 100%;
    min-width: 380px !important;
    width: 380px !important;
}

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

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

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

.w-600 {
    width: 600px !important;
}

.w-700 {
    width: 700px !important;
}

.w-800 {
    width: 800px !important;
}

.w-5p {
    width: 5% !important;
}

.w-10p {
    width: 10% !important;
}

.w-15p {
    width: 15% !important;
}

.w-19p {
    width: 19% !important;
}

.w-20p {
    width: 20% !important;
}

.w-25p {
    width: 25% !important;
}

.w-30p {
    width: 30% !important;
}

.w-35p {
    width: 30% !important;
}

.w-40p {
    width: 40% !important;
}

.w-45p {
    width: 45% !important;
}

.w-47p {
    width: 47% !important;
}

.w-49p {
    width: 49% !important;
}

.w-50p {
    width: 50% !important;
}

.w-55p {
    width: 55% !important;
}

.w-60p {
    width: 60% !important;
}

.w-65p {
    width: 65% !important;
}

.w-70p {
    width: 70% !important;
}

.w-75p {
    width: 75% !important;
}

.w-80p {
    width: 80% !important;
}

.w-85p {
    width: 85% !important;
}

.w-90p {
    width: 90% !important;
}

.w-95p {
    width: 95% !important;
}

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

.w-30p_50p {
    width: 16.666% !important;
}
/* 30% от 50% */

.w-max-25 {
    max-width: 25px !important;
}

.w-max-50 {
    max-width: 50px !important;
}

.w-max-75 {
    max-width: 75px !important;
}

.w-max-80 {
    max-width: 80px !important;
}

.w-max-90 {
    max-width: 80px !important;
}

.w-max-100 {
    max-width: 100px !important;
}

.w-max-120 {
    max-width: 120px !important;
}

.w-max-150 {
    max-width: 150px !important;
}

.w-max-200 {
    max-width: 200px !important;
}

.w-max-250 {
    max-width: 250px !important;
}

.w-max-300 {
    max-width: 300px !important;
}

.w-max-350 {
    max-width: 350px !important;
}

.w-max-400 {
    max-width: 400px !important;
}

.w-max-450 {
    max-width: 450px !important;
}

.w-max-500 {
    max-width: 500px !important;
}

.w-max-600 {
    max-width: 600px !important;
}

.w-max-700 {
    max-width: 700px !important;
}

.w-max-800 {
    max-width: 800px !important;
}

.w-min-25 {
    min-width: 25px !important;
}

.w-min-50 {
    min-width: 50px !important;
}

.w-min-75 {
    min-width: 75px !important;
}

.w-min-80 {
    min-width: 80px !important;
}

.w-min-90 {
    min-width: 80px !important;
}

.w-min-100 {
    min-width: 100px !important;
}

.w-min-120 {
    min-width: 120px !important;
}

.w-min-150 {
    min-width: 150px !important;
}

.w-min-200 {
    min-width: 200px !important;
}

.w-min-250 {
    min-width: 250px !important;
}

.w-min-300 {
    min-width: 300px !important;
}

.w-min-350 {
    min-width: 350px !important;
}

.w-min-400 {
    min-width: 400px !important;
}

.w-min-450 {
    min-width: 450px !important;
}

.w-min-500 {
    min-width: 500px !important;
}

.w-min-600 {
    min-width: 600px !important;
}

.w-min-640 {
    min-width: 640px !important;
}

.w-min-700 {
    min-width: 700px !important;
}

.w-min-800 {
    min-width: 800px !important;
}

ul.decimal {
    list-style: decimal;
}

.h-16 {
    height: 16px !important;
}

.h-20 {
    height: 20px !important;
}

.h-30 {
    height: 30px !important;
}

.h-50 {
    height: 50px !important;
}

.h-60 {
    height: 60px !important;
}

.h-200 {
    height: 200px !important;
}

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

.b-blue {
    border-bottom: solid 1px blue;
}

.b-red {
    border-bottom: solid 1px red;
}

.b-gray {
    border-bottom: solid 1px gray;
}

.b-all-green {
    border: solid 1px green !important;
    border-radius: 3px;
    padding: 5px;
}

.b-all-red {
    border: solid 1px red !important;
    border-radius: 3px;
    padding: 5px;
}

.b-all-blue {
    border: solid 1px blue !important;
    border-radius: 3px;
    padding: 5px;
}

.b-all-gray {
    border: solid 1px gray !important;
    border-radius: 3px;
    padding: 5px;
}

.b-t-gray {
    border-top: solid 1px gray !important;
}

.illumination {
    background-color: white;
    margin: 3px 5px;
    padding: 3px;
    border-radius: 3px;
}

.b-l-black {
    border-left: solid 1px black !important;
}

.b-r-black {
    border-right: solid 1px black !important;
}

.b-t-black {
    border-top: solid 1px black !important;
}

.b-b-black {
    border-bottom: solid 1px black !important;
}

.left-fields {
    clear: both;
    padding: 2px 3px;
}


    .p0,
    .left-fields.p0 {
        padding: 0;
    }

.left-fields5 {
    padding: 5px 3px;
}
/*.left-fields div { height:35px; } !!!comment for select2 */
.left-fields div {
    float: left;
    margin: 0 5px 0 0;
}

.left-fields span {
    margin: 0 5px 0 0;
}

.left-fields label {
    display: block;
}

.label_inline label {
    display: inline-block !important;
    margin-left: 3px;
    margin-top: 9px;
}

ul.radio-list {
    list-style-type: none;
}

    ul.radio-list li {
    }

        ul.radio-list li label {
            text-align: left !important;
            padding: 3px 2px 2px 5px;
        }

#popup-container {
}

.field, .field-chbox, .field-chbox-group {
    clear: both;
    height: 30px;
    margin-bottom: 2px;
    margin-top: 2px;
    position: relative;
}

    .field .text {
        float: left;
    }

        .field .text span {
            float: none !important;
            display: inline;
            margin-left: 3px;
            white-space: normal !important;
        }

.checkbox-first label {
    width: auto !important;
    padding-left: 5px;
    line-height: 16px;
}

.field-chbox {
    margin-left: 130px;
}

    .field-chbox input, .field-chbox-group input {
        position: absolute;
        top: 3px;
        left: 0;
    }

    .field-chbox label, .field-chbox-group label {
        position: absolute;
        top: 0;
        left: 18px;
        line-height: 16px;
    }

.field-chbox-group label {
    top: 5px;
    margin-left: 0;
}

.field-chbox-group input {
    margin: 3px 0 0 0;
}

.field-chbox input, .field-chbox-group input {
    position: absolute;
    top: 3px;
    left: 0;
}

.field-chbox label, .field-chbox-group label {
    position: absolute;
    top: 0;
    left: 22px;
    line-height: 16px;
}

.field-chbox-group label {
    top: 5px;
    margin-left: 0;
}

.field-chbox-group input {
    margin: 3px 0 0 0;
}

input, select,
.popup div[data-dynamic-destination] select,
.popup div[data-dynamic-destination] input {
    height: 18px;
    padding: 0;
}

.field input {
    padding: 0 0 0 3px;
}

.field div, .field label, .field select, .field input, .field select, .field span {
    float: left;
    display: block;
    margin: 0;
}

.field div {
    margin: 0 3px 0 0;
}

.add-auto .select2,
.add-auto input[type="text"] {
    margin-right: 8px;
    width: 150px !important;
}

.w-300 ~ .select2 {
    width: 300px !important;
}

.add-auto {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 0;
}
/*.field div {height:15px;} !!!comment for select2 */
.out-lbl {
    margin-left: 10px;
}

.field label {
    margin-right: 10px;
    text-align: right;
    width: 170px;
}

.lbl80 label, label.lbl80 {
    width: 80px !important;
}

.lbl100 label, label.lbl100 {
    width: 100px !important;
}

.lbl130 label, label.lbl130 {
    width: 130px !important;
}

.lbl200 label, label.lbl200 {
    width: 200px !important;
}

.lbl250 label, label.lbl250 {
    width: 250px !important;
}

.lbl300 label, label.lbl300 {
    width: 300px !important;
}

.lbl350 label, label.lbl350 {
    width: 350px !important;
}

.lbl400 label, label.lbl400 {
    width: 400px !important;
}

.lbl-auto label, label.lbl-auto {
    width: auto !important;
}

.lbl-padding label {
    padding-left: 3px;
    padding-top: 2px;
}

.lbl-nowrap label {
    white-space: nowrap;
}

.long label {
    width: auto !important;
}

.lbl80 label, label.lbl80 {
    width: 80px !important;
}

.lbl100 label, label.lbl100 {
    width: 100px !important;
}

.lbl130 label, label.lbl130 {
    width: 130px !important;
}

.lbl200 label, label.lbl200 {
    width: 200px !important;
}

.lbl250 label, label.lbl250 {
    width: 250px !important;
}

.lbl300 label, label.lbl300 {
    width: 300px !important;
}

.lbl350 label, label.lbl350 {
    width: 350px !important;
}

.lbl400 label, label.lbl400 {
    width: 400px !important;
}

.lbl-auto label, label.lbl-auto {
    width: auto !important;
}

.lbl-padding label {
    padding-left: 3px;
    padding-top: 2px;
}

.long label {
    width: auto !important;
}

.field-radio label {
    width: auto !important;
    padding: 2px 3px;
}

.clean-form {
    float: left;
    margin: 5px 0 5px 10px;
}

    .clean-form label {
        padding-left: 5px;
    }

input:focus, select:focus, textarea:focus {
    border-color: #7EADD9;
}

.description {
    padding: 5px 3px 5px 8px !important;
    border: 1px solid #9ece9e;
    margin: 0 0 10px !important;
    border-radius: 5px;
    font-size: 9pt;
    background-color: #e8f5df;
}

[data-theme="dark"] .description {
    color: #333;
}

.field select option[disabled] {
    background: #cccccc;
}

.label-br {
    display: inline-block;
}

.popup-filter {
    padding: 0 !important;
}

    .popup-filter .box_body {
        padding-top: 2px;
        padding-left: 7px;
        padding-right: 3px;
    }

/*------------*/
.popup_overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 8000;
    background: url("images/layer_bg_lite.png") repeat scroll 0 0 transparent;
    opacity: 1 !important;
}

    .popup_overlay:after {
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
        content: ''
    }

.popup {
    text-align: left;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: var(--table-background);
    vertical-align: middle;
    border-radius: 15px;
}

.popup300 {
    width: 300px;
}

.popup350 {
    width: 350px;
}

.popup400 {
    width: 400px;
}

.popup480 {
    width: 480px;
}

.popup500 {
    width: 500px;
}

.popup550 {
    width: 550px;
}

.popup600 {
    width: 600px;
}

.popup640 {
    width: 640px;
}

.popup720 {
    width: 700px;
}

.popup800 {
    width: 800px;
}

.popup840 {
    width: 840px;
}

.popup960 {
    width: 960px;
}

.popup1100 {
    width: 1100px;
}

.popup1200 {
    width: 1200px;
}

.popup1400 {
    width: 1400px;
}

.popup-auto {
    width: auto;
}

.popup-full-screen {
    width: 100%;
    height: 100%
}

.size-16x16 {
    width: 16px;
    height: 16px;
}

.size-24x24 {
    width: 24px !important;
    height: 24px !important;
}

.popup .box_body {
    line-height: normal;
}

.ui-draggable-dragging {
    opacity: .5;
    filter: Alpha(Opacity=50);
}

    .ui-draggable-dragging input, .ui-draggable-dragging select, .ui-draggable-dragging button,
    .ui-draggable-dragging label, .ui-draggable-dragging .box_controls, .ui-draggable-dragging span {
        opacity: 0;
        filter: Alpha(Opacity=0);
    }

.popup_title_wrap, .title_wrap {
    background-color: var(--table-title-background);
    color: var(--text-color);
    font-size: 1.18em;
    font-weight: bold;
    padding: 0;
    cursor: move;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.title_wrap-query {
    border-top: 1px solid #999999;
}

.multipart .box_body > div {
    padding: 5px;
}

.confirmation_title_wrap {
    background-color: #66CC66 !important;
    border-color: #66CC33 #66CC00 !important;
}

    .confirmation_title_wrap .box_title {
        border-top-color: #669966 !important;
    }

.car-popup .tab2 {
    min-height: 345px;
    min-width: 640px;
    width: auto;
}

.error-popup {
    width: auto;
    min-width: 400px;
    max-width: 960px;
}

    .error-popup .box_title {
        background: url(images/error-hd.png) 0 0 repeat-y;
        min-width: 90%;
    }

    .error-popup .popup_title_wrap {
        border-top: none 0;
    }

    .error-popup .box_body {
        color: red;
        max-height: 400px;
        overflow-y: auto;
    }

.grid_filter .title_wrap {
    cursor: default;
}

.box_title {
    padding: 10px 16px 8px;
    display: inline-block;
}

    .box_title div,
    .box_title span,
    .box_title a {
        display: inline-block;
        float: left;
        margin: 0 2.5px;
    }

.box_body, .box_body_popup {
    line-height: 19px;
    padding: 16px 14px;
    border-left: 1px solid var(--table-title-background);
    border-right: 1px solid var(--table-title-background);
}

.group {
    padding: 0;
}

.group-title {
    width: 100%;
    text-align: center;
    background-color: var(--table-row-background);
    font-weight: bold;
    clear: both;
}

.group-body {
    padding: 10px 16px;
    line-height: normal;
}

    .group-body label {
        margin-right: 5px;
        margin-bottom: 3px;
        margin-left: 3px;
    }

.search-art {
    margin: 1px 3px 0 0 !important;
    cursor: pointer;
}

.popup .group {
    padding: 0 0 15px;
}

.car-popup {
    min-width: 660px;
}

    .car-popup .group-body {
        padding: 5px 15px;
    }

    .car-popup .left-fields .left-box div,
    .car-popup .left-fields .left-box span {
        margin: 0;
    }

.box_controls_wr, .box_controls_wr_popup {
    width: 100%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom: 1px solid var(--table-title-background);
    border-left: 1px solid var(--table-title-background);
    border-right: 1px solid var(--table-title-background);
}

.popup .box_controls_wr {
    cursor: move;
}

.merged-rows {
    background-color: #ecf5fc;
    display: flex;
    justify-content: space-between;
}

.make-real {
    align-items: center;
    background-color: #ecf5fc;
    display: flex;
    justify-content: space-between;
}

.popup .make-real .btn-contropls-box {
    width: auto;
}

.make-real .upload-photo-checkbox span,
.make-real .upload-photo-checkbox label {
    float: none;
    margin: 0;
    vertical-align: middle;
}

.popup .large {
    padding-top: 5px;
}

    .popup .large input[type=checkbox] {
        margin-top: 7px;
    }

    .popup .large label {
        padding: 10px 10px 10px 24px !important;
        margin: 1px 5px 5px -20px;
        vertical-align: super;
        border: solid 1px gray;
        cursor: pointer;
    }

.box_controls {
    padding: 10px 16px 8px;
    float: right;
}

#wms_buffer_area .box_controls {
    align-items: flex-end;
    display: flex;
    float: none;
    padding: 8px 8px 12px 8px;
}

    #wms_buffer_area .box_controls .left-fields {
        padding: 0;
    }

.box_controls .button_blue, .box_controls .button_gray, .box_controls .button_gray-query {
    margin: 0 5px;
}

.button_blue, .button_gray, .button_gray-query {
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    line-height: normal;
    position: relative;
    text-align: center;
    float: left;
}

.button_blue {
}

.button_gray, .button_gray-query {
}

    .button_blue button, .button_gray button, .button_gray-query button,
    .button_blue span, .button_gray span, .button_gray-query span,
    button.blue-btn {
        cursor: pointer;
        font-family: tahoma,arial,verdana,sans-serif,Lucida Sans;
        font-size: 11px;
        min-height: 28px;
        margin: 0;
        outline: none;
        padding: 1px 14px 2px;
        display: inline-block;
        border-radius: 2px;
    }

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a.blue-btn {
    align-items: center;
    display: flex;
    height: 24px;
    padding: 0 16px;
    text-decoration: none;
}

.button_blue button,
.button_blue span,
button.blue-btn,
a.blue-btn {
    background-color: var(--btn-color);
    color: var(--text-color);
    border: none;
}

button.blue-btn,
a.blue-btn {
    height: 24px;
}

.button_gray button, .button_gray span,
.button_gray-query button, .button_gray-query span {
    background: transparent;
    border: 1px solid var(--table-title-background);
    color: var(--text-color);
}

    .button_gray button:hover, .button_gray button.hover, .button_gray span:hover, .button_gray span.hover
    .button_gray-query button:hover, .button_gray-query button.hover, .button_gray-query span:hover, .button_gray-query span.hover {
        background-position: 0 -46px;
    }

.button_blue button:hover, .button_blue button.hover,
.button_blue span:hover, .button_blue span.hover {
    background-position: 0 -8px;
}

.button_main button {
    min-width: 100px;
}

.button_blue button:focus, .button_blue span:focus,
.button_gray button:focus, .button_gray span:focus,
.button_gray-query button:focus, .button_gray-query span:focus {
    border-color: #7EADD9;
}

.light-btn {
    border: 1px solid #b5b8c8;
    border-radius: 2px;
    padding: 3px;
    color: #b5b8c8;
    text-decoration: none;
}

.footer-controls {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
    display: flex;
    padding: 5px 0;
}

    .footer-controls .clean-form,
    .footer-controls .thermal-print-checkbox > div,
    .footer-controls .auto-generate-article-bottom {
        align-items: center;
        border-radius: 2px;
        padding: 5px 10px;
        display: flex;
        width: auto;
        white-space: nowrap;
        border: solid 1px #427ea6;
    }

    .part-popup .footer-controls label,
    .footer-controls label {
        color: #427ea6;
        cursor: pointer;
        padding-left: 8px;
        width: auto;
    }

    .footer-controls input {
        border-color: #427ea6;
    }

.light-btn:hover {
    background: #e2f1ff;
    color: #333333;
}

li.group button.blue-btn {
    height: 25px;
}

.mr-0 .hdd {
    margin-right: 0;
}

.ml-10 .button.blue-btn {
    margin-left: 10px;
}

/*------------*/
.box_x_button,
.play-ctrl,
.pause-ctrl {
    /*background: url("images/boxicon.png") repeat scroll -23px -2px var(--icon-background);*/
    background: url("images/boxicon2.png") repeat scroll -23px -2px;
    cursor: pointer;
    float: right;
    height: 17px;
    margin: 10px 15px 0;
    padding: 0;
    transition: background-color .3s ease;
    width: 17px;
}

.play-ctrl, .pause-ctrl {
    background: url("images/play-con.png") no-repeat 0 0 #9DB7D4;
}

.pause-ctrl {
    background-position: -6px -2px;
}

.play-ctrl {
    background-position: -26px -2px;
}

    .box_x_button:hover,
    .play-ctrl:hover,
    .pause-ctrl:hover {
        color: #FFFFFF;
        /*background-color: var(--icon-background-hover);*/
        text-decoration: none;
        filter: brightness(1.2);
    }

.popup_close {
    background-position: -23px -2px;
}

.close_filter {
    background-position: 0 -2px;
}

.link_add {
    background-position: -41px -2px;
    display: inline-block;
    float: left;
    margin: 0;
}

.link_multiadd {
    background-position: -138px -2px;
    display: inline-block;
    float: left;
    margin: 0;
}

.link_tbl {
    background-position: -58px -2px;
    display: inline-block;
    float: left;
    margin: 0;
}

.link_driver_list {
    background-position: -162px -2px;
    display: inline-block;
    float: left;
    margin: 0;
}

.link_edit {
    background-position: -98px -2px;
    display: inline-block;
    float: left;
    margin: 0;
}

.link_preview {
    background-position: -78px -2px;
    display: inline-block;
    float: left;
    margin: 0;
}

.link_operations {
    background-position: -118px -2px;
    display: inline-block;
    float: left;
    margin: 0;
}

.link_change_psw {
    background: url("images/change_password.png") repeat scroll -31px 0 transparent !important;
}

/*------------*/

.grid_filter {
    background-color: var(--table-background);
    margin-bottom: 10px;
    border-radius: 15px;
}

    .grid_filter .box_controls,
    .viki-tabs-frames .box_controls {
        float: left;
    }

.box_title a {
    text-decoration: none;
    color: var(--icon-background);
}

.grid_filter .button_blue, .grid_filter .button_gray, .grid_filter .button_gray-query {
    float: left;
}

.viki-tabs .button_gray {
    margin-left: 150px;
    clear: both;
}

.grid_filter .box_controls .button_gray {
    margin: 0;
}


table.grid tfoot .field {
    float: left !important;
    height: auto !important;
}

    table.grid tfoot .field div {
        clear: both;
        float: right;
    }

        table.grid tfoot .field label,
        table.grid tfoot .field div.select2-container {
            float: left;
            display: block;
            margin: 0;
            clear: none;
        }

table.grid tfoot .pad {
    margin: 3px;
}

.field.pad.pad-5 > div {
    padding-bottom: 6px;
}

table.grid tfoot .pad input[type=checkbox] {
    margin-left: 3px;
    margin-right: 3px;
}

table.grid tfoot .field label {
    width: auto !important;
}

table.grid tfoot button {
    padding: 0 14px !important;
}

table.grid tfoot .error {
    padding: 0 !important;
    clear: both;
}

table.grid tr.table-horizontal-separator td {
    border-bottom: 1px solid black !important;
}

.field.big {
    height: auto !important;
}

    .field.big input {
        width: 500px !important;
    }

    .field.big textarea {
        width: 500px !important;
        height: 100px;
    }

/* div table */
.tbl-wrapper {
    position: relative;
}

div.tbl {
    width: 100%;
    padding-bottom: 20px;
}

    div.tbl:before {
        display: table;
        table-layout: fixed;
        content: " ";
    }

    div.tbl:after {
        clear: both;
    }

    div.tbl div.row {
        display: table-row;
        page-break-inside: avoid !important;
        position: relative;
    }

        div.tbl div.row > div {
            border-bottom: 2px solid #AAAAAA;
            border-right: 2px solid #AAAAAA;
            display: table-cell;
            padding: 2px 3px;
        }

            div.tbl div.row > div:first-child {
                border-left: 2px solid #AAAAAA;
            }

            div.tbl div.row > div:after:not(.dv) {
                content: '.';
                visibility: hidden;
            }

    div.tbl div.caption {
        display: table-caption;
        page-break-inside: avoid !important;
    }

    div.tbl div.caption-top {
        caption-side: top;
        padding-bottom: 3px;
    }

    div.tbl div.caption-bottom {
        caption-side: bottom;
        padding-top: 3px;
    }

    div.tbl div.tbl-head {
        background-color: #eeeeee;
        display: table-header-group;
        font-weight: bold;
        width: 100%;
    }

        div.tbl div.tbl-head div.row > div {
            border-top: 2px solid #aaaaaa;
            padding: 6px;
            word-wrap: break-word;
        }

    div.tbl div.tbl-body {
        display: table-row-group;
        width: 100%;
    }

        div.tbl div.tbl-body div.row > div {
            border-top: 0 none;
            word-wrap: break-word;
        }

    div.tbl div.tbl-foot {
        display: table-footer-group;
        width: 100%;
    }

        div.tbl div.tbl-foot div.row > div {
            border-top: 0 none;
            word-wrap: break-word;
        }

    div.tbl div.no-border, div.tbl div.no-border > div {
        border: 0 none !important;
    }

    div.tbl div.rowspan {
        position: relative;
        border-bottom: 0 none !important;
    }

    div.tbl div.rowspan-empty {
        border: 0 none !important;
        border-right: 1px solid #AAAAAA !important;
    }

    div.tbl div.rowspan-empty-end {
        border-top: 0 none !important;
    }

    div.tbl div.row.colspan {
        height: 16px;
    }

    div.tbl div.row div.colspan {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    /*
div.tbl div.colspan { border: 0; }
div.tbl div.colspan > div { width: 1px; }
div.tbl div.colspan > div > div { width: 100%; position: relative; overflow: hidden; }
*/

    div.tbl div.c5 {
        width: 5%;
    }

    div.tbl div.c10 {
        width: 10%;
    }

    div.tbl div.c15 {
        width: 15%;
    }

    div.tbl div.c20 {
        width: 20%;
    }

    div.tbl div.c25 {
        width: 25%;
    }

    div.tbl div.c30 {
        width: 30%;
    }

    div.tbl div.c35 {
        width: 35%;
    }

    div.tbl div.c40 {
        width: 40%;
    }

    div.tbl div.c45 {
        width: 45%
    }

    div.tbl div.c50 {
        width: 50%;
    }

    div.tbl div.c55 {
        width: 55%;
    }

    div.tbl div.c60 {
        width: 60%;
    }

    div.tbl div.c65 {
        width: 65%;
    }

    div.tbl div.c70 {
        width: 70%;
    }

    div.tbl div.c75 {
        width: 75%;
    }

    div.tbl div.c80 {
        width: 80%;
    }

    div.tbl div.c85 {
        width: 85%;
    }

    div.tbl div.c90 {
        width: 90%;
    }

    div.tbl div.c95 {
        width: 95%;
    }

    div.tbl div.c100 {
        width: 100%;
    }

div.signature {
    page-break-inside: avoid !important;
}

    div.signature table {
        width: 90%;
        border: none 0;
        height: 50px;
    }

        div.signature table .td1 {
            white-space: nowrap;
            vertical-align: bottom;
        }

        div.signature table .td2 {
            border-top: solid 1px #000000;
            width: 100%;
            text-align: right;
            vertical-align: top;
        }

/* -- grid -- */
table.grid-lw {
    width: auto;
    border-collapse: collapse;
}

    table.grid-lw tbody td, table.grid-lw thead th {
        padding: 3px 5px;
        border: 1px solid #AAAAAA;
    }

.grid-loading {
    width: 99%;
    height: 100%;
    min-width: 172px; /* double image width */
    min-height: 172px; /* double image height */
    background: url(images/preloader1.gif) no-repeat;
    background-position: center;
}

/* Grid */
.grid input,
.grid textarea {
    background-color: #fff;
}

.grid .container-number input {
    padding-right: 5px;
    width: 100%;
}

ul.grid,
ul.grid ul {
    padding: 0;
    width: 100%;
}

ul.grid {
    color: var(--text-color);
    min-height: 0;
    max-height: 923.4px;
    overflow: auto;
    display: table;
    list-style-type: none;
}

.grid > li:nth-child(odd) > ul:not(.head) > li {
    background-color: var(--table-row-background)
}

.grid > li.group:nth-child(odd) > ul > li {
    background-color: var(--table-row-background);
}

.grid > li > ul {
    display: flex;
}

    .grid > li > ul > li {
        border: solid 1px rgba(0, 0, 0, 0.12);
        display: table-cell;
        padding: 4px 2px 4px 8px;
    }

.separate-grid > li > ul > li {
    padding: 6px;
}

    .separate-grid > li > ul > li.w-30 {
        text-align: center;
    }

.grid > li.group > ul > li {
    padding: 8px 0;
}

.wms-grid > li.group .is-progress > li {
    padding: 0;
}

.adding-parts > li > ul > li {
    flex-grow: 1;
    min-width: 9%;
    width: 10%;
}

    .adding-parts > li > ul > li:nth-child(3),
    .adding-parts > li > ul > li:nth-child(4),
    .adding-parts > li > ul > li:nth-child(9) {
        min-width: 12%;
        width: 12%;
    }



    .adding-parts > li > ul > li.actions {
        max-width: 60px;
        min-width: 60px;
        padding: 4px 5px;
        text-align: center;
        width: 60px;
    }

.garage > li > ul > li.actions {
    max-width: 105px;
    min-width: 105px;
    padding: 4px;
    text-align: center;
    width: 105px;
}

.grid > li > ul > li > ul > li:before,
.specifications-content ul ul > li:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    left: 2px;
    list-style-type: none;
    margin-left: -5px;
    opacity: .5;
    position: absolute;
    top: 5px;
    width: 5px;
}


.grid > li > ul > li > ul > li {
    line-height: normal;
    list-style-type: none;
    padding: 0 0 4px 8px;
    position: relative;
}


ul.grid .thermal-label-print {
    background: url(images/printer_blue.png) 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    opacity: .7;
    transition: all .3s ease;
}

    ul.grid .thermal-label-print:hover {
        opacity: 1;
        transform: scale(1.1);
    }

ul.grid .dv {
    display: inline-block;
    vertical-align: top;
}

.grid > li > ul > li > ul > li:first-child:before {
    background-color: red;
}

.grid > li > ul > li > ul > li:nth-child(2):before {
    background-color: blue;
}

.grid > li > ul > li > ul > li:nth-child(3):before {
    background-color: green;
}

.grid > li > ul > li > ul > li:nth-child(4):before {
    background-color: purple;
}

.grid > li > ul > li > ul > li:nth-child(5):before {
    background-color: lime;
}

.grid > li > ul > li > ul > li:nth-child(6):before {
    background-color: aqua;
}

.grid > li > ul > li > ul > li:nth-child(7):before {
    background-color: fuchsia;
}

.grid > li > ul > li > ul > li:nth-child(8):before {
    background-color: orange;
}

.grid > li > ul.head > li,
.separate-grid .head {
    background-color: var(--table-th-background);
    font-size: 10px;
    font-weight: 600;
}

.separate-grid .head {
    align-items: center;
    border: solid 1px rgba(0, 0, 0, 0.12);
    display: flex;
    height: 30px;
    padding: 0 8px;
}

.grid .img img {
    border-radius: 2px;
}

.grid .actions .history,
.grid .actions .add,
.grid .actions .unchecked,
.grid .actions .checked,
.grid .actions .a6-hover,
.grid .actions .a6 {
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    opacity: .5;
    transition: opacity .3s ease;
    vertical-align: middle;
    width: 18px;
}

    .grid .actions .history:hover,
    .grid .actions .add:hover,
    .grid .actions .a6:hover,
    .grid .actions .a6-hover {
        opacity: 1;
    }

.grid .actions .history {
    background: url("images/history.svg") no-repeat 50% 50%;
    background-size: 100%;
}

.grid .actions .add,
.grid .actions .checked,
.grid .actions .unchecked,
.grid .deliveried .checked,
.grid .actions .a6,
.grid .actions .a6-hover {
    margin: 0;
}

    .grid .add:before,
    .grid .actions .checked:before,
    .grid .actions .unchecked:before,
    .grid .actions .a6:before,
    .grid .actions .a6-hover:before,
    .grid .deliveried .checked:before {
        content: "";
        border: 2px solid #000;
        border-right: none;
        border-top: none;
        display: inline-block;
        height: 8px;
        transform: rotate(-45deg);
        width: 14px;
    }

.grid .actions .checked,
.grid .actions .unchecked,
.grid .actions .a6-hover,
.grid .deliveried .checked {
    opacity: 1;
}


    .grid .actions .checked:before,
    .grid .deliveried .checked:before,
    .grid .actions .a6-hover:before {
        border-width: 3px;
        border-color: green;
    }

    .grid .actions .unchecked:before {
        opacity: .5;
    }

ul.loading-grid > li > ul > li,
.grid-refresh > li > ul > li,
.add-wishlist > li > ul > li,
.client-card-orders > li > ul > li,
.client-card-order > li > ul > li.head,
.client-card-order > li > ul.head > li,
.client-card-order > .flex > li,
.garage > li > ul > li {
    flex-grow: 1;
    min-width: 10%;
}

.shipment-grid > li > ul > li,
ul.loading-grid.wms > li > ul > li {
    flex-grow: 1;
    min-width: 9%;
    width: 9%
}

.shipment-grid.wms-grid > li > ul > li {
    min-width: 8%;
}

.loading-grid > li > ul > li,
.grid-refresh > li > ul > li {
    width: 10%
}

.garage > li > ul > li,
.garage > li > ul > li:first-child {
    padding: 4px 8px;
    width: 13%;
}

.add-wishlist.in-popup > li > ul > li {
    min-width: 12%;
}

.grid .img,
ul.grid > li > ul > li.img,
.client-card-order > li > ul > li.img,
.client-card-order > li > ul.head > li.img {
    max-width: 108px;
    min-width: 108px;
    padding: 4px;
    width: 108px;
}

.specifications-container .specifications-content > ul > li.img {
    padding: 4px;
}

ul.loading-grid > li > ul > li.big-cell {
    min-width: 425px;
}

ul.shipment-grid > li > ul > li:first-child,
ul.loading-grid > li > ul > li:first-child,
.grid > li > ul > li.deliveried,
ul.loading-grid > li > ul > li.deliveried,
ul.shipment-grid > li > ul > li.actions {
    max-width: 45px;
    min-width: 45px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
}

    .grid > li > ul > li.deliveried input[type="checkbox"] {
        margin-left: 0;
    }

ul.loading-grid > li > ul > li.actions {
    max-width: 90px;
    min-width: 90px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
}

ul.loading-grid > li > ul > li:last-child img,
ul.shipment-grid > li > ul > li:last-child img {
    cursor: pointer;
    margin-right: 10px;
    transition: transform .3s ease;
}

.grid .actions img,
.inner-grid .actions img {
    transition: transform .3s ease, scale .3s ease;
}

ul.loading-grid > li > ul > li:last-child img:last-child,
ul.shipment-grid > li > ul > li:last-child img:last-child {
    margin-right: 0;
}

ul.loading-grid > li > ul > li:last-child img[alt="Удалить"]:hover,
ul.shipment-grid > li > ul > li:last-child img[alt="Удалить"]:hover,
.grid .actions img[alt="Удалить"]:hover,
.inner-grid .actions img[alt="Удалить"]:hover {
    transform: scale(1.2) rotate(360deg);
}

ul.loading-grid .group,
ul.shipment-grid .group {
    background-color: #f2f9ff;
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
}

    ul.loading-grid .group .l,
    ul.shipment-grid .group .l {
        flex-direction: column;
    }

        ul.loading-grid .group .l > li,
        ul.shipment-grid .group .l > li {
            border: none;
            max-width: 100%;
            min-width: auto;
            padding: 2px 8px;
            text-align: left;
            width: auto;
        }

    ul.loading-grid .group .r,
    ul.shipment-grid .group .r {
        justify-content: flex-end;
        padding-right: 8px;
    }

    ul.loading-grid .group .r {
        align-items: flex-end;
        flex-direction: column;
    }

ul.shipment-grid.wms-grid .group .r {
    width: auto
}

ul.shipment-grid.wms-grid .group .is-progress {
    flex-direction: column;
    justify-content: flex-start;
}

.wms-grid .is-progress .line-btn > ul {
    display: flex;
}

    .wms-grid .is-progress .line-btn > ul > li {
        padding: 0;
    }

        .wms-grid .is-progress .line-btn > ul > li:before {
            display: none;
        }


ul.loading-grid .group .r li,
ul.shipment-grid .group .r li {
    border: none;
    flex-grow: unset;
    max-width: 100%;
    min-width: auto;
    text-align: left;
    width: auto;
}

    ul.loading-grid .group .r li form,
    ul.shipment-grid .group .r li form {
        align-items: flex-end;
        display: flex;
    }

        ul.loading-grid .group .r li form > div,
        ul.shipment-grid .group .r li form > div {
            margin-left: 16px;
        }

ul.grid .group.check-group {
    justify-content: flex-end;
    padding: 0 105px 8px 0;
}

ul.grid .right-position,
ul.shipment-grid .group.right-position {
    justify-content: flex-end;
    padding: 8px;
}

ul.loading-grid .group.right-position {
    justify-content: flex-end;
    padding: 0 0 8px 0;
}

.add-wishlist > li > ul > li {
    width: 12%;
}

    .add-wishlist > li > ul > li.actions {
        max-width: 45px;
        min-width: 45px;
        padding: 4px;
        text-align: center;
    }

.add-wishlist.in-popup > li > ul > li.actions {
    max-width: 50px;
    min-width: 50px;
    padding: 4px;
    text-align: center;
}

.add-wishlist.in-popup > li > ul > li.actions {
    max-width: 50px;
    min-width: 50px;
    padding: 4px;
    text-align: center;
}

.add-wishlist.in-popup > li > ul > li.actions {
    max-width: 50px;
    min-width: 50px;
    padding: 4px;
}

.add-wishlist > li > ul > li.actions img {
    cursor: pointer;
}

.add-wishlist > li > ul > li.select-feature {
    max-width: 225px;
    min-width: 225px;
    width: 100%;
}

.add-wishlist.in-popup > li > ul > li.select-feature {
    max-width: 160px;
    min-width: 160px;
    width: 100%;
}

.add-wishlist.in-popup .select2 {
    width: 140px !important;
}

.add-wishlist > li > ul > li.recom-price {
    max-width: 6%;
    min-width: 105px;
    width: 6%;
}

.add-wishlist > li > ul > li.wish-comments {
    max-width: 25%;
    min-width: 25%;
    width: 25%;
}

.add-wishlist.in-popup > li > ul > li.wish-comments {
    max-width: 13%;
    min-width: 13%;
    width: 13%;
}

.recommented-price {
    align-items: center;
    display: flex;
}

    .recommented-price label {
        padding-right: 8px;
    }

    .recommented-price input[type=text] {
        vertical-align: middle;
    }

    .recommented-price .button_blue {
        margin-left: 8px;
    }

.clients-grid > li > ul > li {
    flex-grow: 1;
    width: 20%;
}

.grid > li > ul > li.id {
    flex-grow: unset;
    min-width: 50px;
    text-align: center;
    width: auto;
}

.clients-grid > li > ul > li.clients-type {
    flex-grow: unset;
    max-width: 145px;
    min-width: 145px;
    width: 100%;
}

ul.clients-grid > li > ul > li.status {
    flex-grow: unset;
    max-width: 68px;
    min-width: 68px;
    padding: 4px 0 0 0;
    text-align: center;
    width: 100%;
}

.clients-grid > li > ul > li.actions {
    flex-grow: unset;
    max-width: 150px;
    min-width: auto;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}

    .clients-grid > li > ul > li.actions > img {
        cursor: pointer;
    }

.grid > li > ul > li > ul > li.no-marker:before {
    display: none;
}

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

.grid .inline-flex {
    align-items: center;
    display: inline-flex;
}

.clients-grid .client-card-icon {
    background-position: 100% -5px;
    background-repeat: no-repeat;
    background-size: 25px;
    flex-grow: 1;
    height: 16px;
    order: 2;
    width: 25px;
}

.clients-grid .send-sms-icon,
.clients-grid .analysis-sales-channels-icon,
.clients-grid .manager-black-icon,
.clients-grid .manager-red-icon {
    vertical-align: middle;
}

.clients-grid .index-icon {
    cursor: pointer;
    margin-right: 5px;
}

.clients-grid .index-count {
    color: #6181A6;
    font-weight: 600;
}

.clients-grid .combine-deliveries-icon {
    margin-left: -6px;
}

.clients-grid .children-item {
    margin-left: 8px;
}


.credit-limit > li > ul > li:first-child {
    padding: 4px 2px 4px 8px;
    width: 60%;
}

.credit-limit > li > ul > li:last-child {
    width: 40%;
}

.credit-detailes {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}

    .credit-detailes dl {
        width: 47%;
    }

    .credit-detailes dl,
    .credit-detailes dt,
    .credit-detailes dd {
        margin: 0;
        padding: 0;
    }

    .credit-detailes dt {
        font-size: 12px;
        font-weight: bold;
    }

.ordering-grid > li > ul > li:first-child,
.ordering-grid > li > ul > li:last-child,
.ordering-grid > li > ul > li {
    padding: 4px 2px 4px 8px;
    width: 50%;
}

    .ordering-grid > li > ul > li:last-child {
        padding-right: 8px;
        text-align: right;
    }

.ordering-grid > li.head > ul > li {
    font-weight: bold;
}

.ordering-grid > li.head > ul > li,
.ordering-grid > li.head > ul > li {
    text-align: center;
}

.ordering-grid > li > ul > li.full-size {
    text-align: center;
    width: 100%;
}

.box_controls .hdd {
    cursor: pointer;
    font-size: 11px;
    padding: 6px 12px;
    transition: all .2s ease-in;
}

    .box_controls .hdd:hover {
        background-color: #43658A;
        color: #fff;
    }

    .box_controls .hdd:focus {
        outline: none;
    }

.new-design .box_controls {
    float: none;
    padding: 8px;
    text-align: right;
}

.partViewTable > li:nth-child(odd) {
    background-color: transparent;
}



.partViewTable > li > ul > li,
.partViewTable > li > ul > li:first-child,
.partViewTable > li > ul > li:last-child {
    padding: 4px 8px;
    text-align: left;
}

    .partViewTable > li > ul > li:first-child {
        width: 30%;
    }

    .partViewTable > li > ul > li:last-child {
        flex-grow: 1;
    }

    .partViewTable > li > ul > li.odd {
        background-color: #f5f5fa;
    }


.sales-channel > li > ul > li,
.sales-channel > li > ul > li:first-child,
.sales-channel > li > ul > li:last-child {
    padding: 4px 8px;
    text-align: left;
}

    .sales-channel > li > ul > li:first-child {
        width: 42%;
    }

.sales-channel > li > ul > li {
    flex-grow: 1;
    width: 29%;
}

.sales-channel > li > ul.head > li,
.partViewTable > li > ul.head > li {
    padding: 8px;
}

.passport-ico {
    vertical-align: middle;
}

.grid.clientInfoTable > li > ul > li {
    flex-basis: 16%;
    flex-grow: 1;
    padding: 4px 2px 4px 8px;
    text-align: left;
}

    .grid.clientInfoTable > li > ul > li.head:first-child {
        margin: 0;
    }

.grid.clientInfoTable > li:nth-child(odd) > ul > li {
    background-color: #f5f5fa;
}

.grid.clientInfoTable > li:nth-child(odd) {
    background-color: transparent;
}

.grid.clientInfoTable > li > ul > li.head {
    font-weight: 700;
    margin-left: 8px;
}

.grid.clientInfoTable > li:nth-child(odd) > ul > li.head {
    background-color: #ecf5fc;
}

.clients-controls {
    background-color: #ecf5fc;
    border: solid 1px rgba(0, 0, 0, 0.12);
    padding: 8px 10px;
    width: 100%;
}

.new-client-card-controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .new-client-card-controls .btn-contropls-box {
        padding: 0;
    }

.right-contropls-box > div {
    align-items: center;
    display: flex;
}

.right-contropls-box .field {
    margin: 2px 12px 0 0;
}

.right-contropls-box .button_blue {
    margin-left: 12px;
}

.clients-info-controls .alert-message {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-bottom: 0;
    padding: 0 10px;
}

.btn-contropls-box {
    align-items: center;
    display: flex;
}

    .btn-contropls-box button {
        margin-right: 10px;
    }

.popup .btn-contropls-box button {
    margin: 0 0 0 10px;
}

.no-marg button,
.popup .no-marg button,
.popup .btn-contropls-box > div:first-child button {
    margin: 0;
}

.popup .btn-contropls-box,
.btn-contropls-box {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 6px 10px;
    width: 100%;
}

.btn-contropls-box,
.popup .flex-start {
    justify-content: flex-start;
}

.grow-1 {
    flex-grow: 1;
}

.client-card-orders > li > ul > li:first-child,
.client-card-orders > li > ul > li:nth-child(2) {
    max-width: 13%;
    min-width: 150px;
    padding-top: 4px;
    width: 13%;
}

.grid > li > ul > li.specifications-container {
    padding: 0;
}

    .grid > li > ul > li.specifications-container .specifications-title {
        border-bottom: solid 1px rgba(0, 0, 0, 0.12);
        line-height: 40px;
        padding: 0;
        text-align: center;
    }

.grid > li > ul > li.client-card-specifications .total {
    background-color: #f2f9ff;
    border-top: solid 1px rgba(0, 0, 0, 0.12);
    line-height: 32px;
    padding: 0;
}

.grid > li.cur > ul > li.client-card-specifications .total {
    background-color: rgba(253, 201, 193, .4)
}

.specifications-container ul,
.client-card-specifications .specifications-content > ul > li {
    height: 100%
}

.specifications-container > ul {
    display: flex;
    flex-direction: column;
}

.specifications-container .specifications-content {
    flex-grow: 1;
    padding: 0;
}

    .specifications-container,
    .specifications-container .specifications-content > ul > li,
    .specifications-container .total > ul > li {
        flex-grow: 1;
        width: 16%;
    }

        .specifications-container .specifications-content > ul > li,
        .specifications-container .total > ul > li {
            border-right: solid 1px rgba(0, 0, 0, 0.12);
            padding: 4px 4px 4px 8px;
        }

        .specifications-container .long {
            max-width: 52%;
            min-width: 52%;
            width: 52%;
        }

        .specifications-container .specifications-content > ul > li:last-child {
            border-right: none;
        }

        .specifications-container li,
        .client-card-specifications li {
            list-style-type: none;
        }

.client-card-specifications .inner {
    border-top: 1px dashed #6181A6;
}

.grid > li > ul > li.specifications-container > ul > li:before,
.grid > li > ul > li.client-card-specifications > ul > li:before {
    display: none;
}

.client-card-specifications .specifications-content > ul {
    align-items: flex-start;
    display: flex;
}

.specifications-container .specifications-content > ul {
    display: flex;
}

.specifications-container .specifications-content li,
.client-card-specifications li {
    text-align: left;
}

.specifications-content ul ul > li {
    padding: 0 0 4px 8px;
    position: relative;
}

    .specifications-content ul ul > li:first-child:before {
        background-color: red;
    }

    .specifications-content ul ul > li:nth-child(2):before {
        background-color: blue;
    }

    .specifications-content ul ul > li:nth-child(3):before {
        background-color: green;
    }

    .specifications-content ul ul > li:nth-child(4):before {
        background-color: purple;
    }

    .specifications-content ul ul > li:nth-child(5):before {
        background-color: lime;
    }

    .specifications-content ul ul > li:nth-child(6):before {
        background-color: aqua;
    }

    .specifications-content ul ul > li:nth-child(7):before {
        background-color: fuchsia;
    }

    .specifications-content ul ul > li:nth-child(8):before {
        background-color: orange;
    }

.grid > li > ul > li.client-card-specifications {
    flex-grow: 1;
    min-width: auto;
    width: auto;
}

.client-card-orders > li > ul > li.client-card-specifications {
    max-width: 100%;
}

.client-card-specifications .flex > li {
    flex-grow: 1;
}

.order-spec-denied .denied, .order-spec-denied-full {
    opacity: 0.5;
    text-decoration: line-through;
}

.specifications-container .total > ul > .long {
    padding-right: 8px;
    text-align: right;
}


.grid-refresh > li > ul > li.actions {
    max-width: 90px;
    min-width: 90px;
    padding: 4px 0;
    text-align: center;
    width: 90px;
}

.grid-refresh .actions a,
.grid-refresh .actions img,
.client-card-order .actions a,
.client-card-order .actions img {
    cursor: pointer;
    vertical-align: middle;
}

.grid-refresh .actions.extended-search-item a.a6,
.grid-refresh .actions.extended-search-item a.a6-hover {
    margin: 0 6px;
    vertical-align: top;
}

.client-card-order > li > ul > li.actions,
.client-card-order > li > ul.head > li.actions,
.specifications-container .specifications-content > ul > li.actions {
    max-width: 90px;
    min-width: 90px;
    padding: 4px;
    text-align: center;
    width: 90px;
}

.client-card-order > li > ul.head > li,
.client-card-order > .flex > li {
    /*max-width: 10%;*/
    /*min-width: 10%;*/
    width: 10%;
}

.client-card-order > li > ul > li:first-child {
    max-width: 7%;
    min-width: 7%;
    width: 7%;
}

.edit-wish-lest-controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.wishlist-history > li > ul.head > li {
    padding: 8px;
}

.grid.wishlist-history > li > ul > li,
.grid.wishlist-history > li > ul > li:first-child {
    flex-grow: 1;
    padding: 6px;
    width: 16%;
}

    .grid.wishlist-history > li > ul > li:nth-child(2) {
        width: 20%
    }

.waiting-part {
    flex-direction: column;
}

.garage > li > .waiting-part li,
.garage > li > .waiting-part li:first-child,
.garage > li > .waiting-part li:last-child {
    border: solid 1px rgba(0, 0, 0, 0.12);
    padding: 4px;
    text-align: center;
    width: auto;
}

.garage > li > .waiting-part .head > li {
    padding: 8px;
    text-align: center;
}

.garage > li > .waiting-part li:before {
    display: none;
}

.garage > li > .waiting-part li.actions {
    width: 40px;
}

    .garage > li > .waiting-part li.actions img {
        cursor: pointer;
    }

.waiting-part > li > ul {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.waiting-part .group {
    background-color: #f2f9ff;
}

.garage > li > .waiting-part > li > ul > li {
    align-items: center;
    color: rgba(0, 0, 0, .6);
    display: flex;
    height: 26px;
    justify-content: center;
}

.grow1 {
    flex-grow: 1;
}

.grow2 {
    flex-grow: 2;
}

.grow3 {
    flex-grow: 3;
}

.editing-history > li > ul > li {
    flex-grow: 1;
    min-width: 6%;
    width: 10%;
}

    .editing-history > li > ul > li,
    .editing-history > li > ul > li:first-child {
        padding: 4px 6px;
    }

.editing-history > li > ul.head > li {
    align-content: center;
    align-items: center;
    display: flex;
    min-height: 30px;
    justify-content: center;
    text-align: center;
}

/*.editing-history > li > ul > li:nth-child(3),
.editing-history > li > ul > li:nth-child(8) {
  min-width: 52px;
  width: 52px;
}*/

.editing-history > li > ul > li:last-child {
    /*width: 13%;*/
    /*min-width: 13%;*/
    max-width: 13%;
}

.task-grid > li > ul > li {
    flex-grow: 1;
    line-height: 1;
    width: 10%;
}

    .task-grid > li > ul > li:first-child {
        padding: 4px 8px;
    }

    .task-grid > li > ul.head > li,
    .task-grid > li > ul > li.actions {
        padding: 8px;
    }

    .task-grid > li > ul > li.w-35 {
        padding: 4px 0;
        text-align: center;
    }

.task-grid .group-task.cur {
    background-color: rgba(253, 201, 193, .6) !important;
}

.task-grid .group-task > ul > li.w-35 {
    align-items: center;
    display: flex;
    justify-content: center;
}

.task-grid > li > ul > li.w-35 input {
    margin-left: 0
}

.task-grid > li > ul > li.actions {
    max-width: 80px;
    min-width: 80px;
    padding: 4px 0;
    text-align: center;
    width: 80px;
}

.task-grid > li.group-task .title-group-task {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

    .task-grid > li.group-task .title-group-task form,
    .task-grid > li.group-task .title-group-task .field {
        align-items: center;
        display: flex;
        height: auto;
        justify-content: flex-end;
    }

        .task-grid > li.group-task .title-group-task form p {
            margin: 0;
            padding-right: 12px;
        }

.task-history > li > ul > li:first-child {
    max-width: 8%;
    min-width: 8%;
    padding: 4px 6px;
    width: 8%;
}

.task-history > li > ul > li {
    padding: 4px 5px;
}


    .task-history > li > ul > li:last-child {
        text-align: left;
    }

.task-history > li > ul > li {
    flex-grow: 1;
    min-width: 9%;
    width: 9%;
}

    .task-history > li > ul > li:nth-child(2) {
        min-width: 10%;
        width: 10%;
    }

    .task-history > li > ul > li:nth-child(3) {
        max-width: 55px;
        min-width: 55px;
        width: 55px;
    }

    .task-history > li > ul > li:nth-child(4) {
        max-width: 50px;
        min-width: 50px;
        width: 50px;
    }

    .task-history > li > ul > li:nth-child(7) {
        max-width: 65px;
        min-width: 65px;
        width: 65px;
    }

    .task-history > li > ul > li:nth-child(5),
    .task-history > li > ul > li:nth-child(6) {
        flex-grow: 1;
        max-width: 11%;
        min-width: 11%;
        width: 11%;
    }

    .task-history > li > ul > li:nth-child(8),
    .task-history > li > ul > li:nth-child(9) {
        max-width: 10%;
        min-width: 10%;
        width: 10%;
    }

    .task-history > li > ul > li:nth-child(11),
    .task-history > li > ul > li:nth-child(12) {
        min-width: 8%;
        width: 8%;
    }

.communication-history-header > li > ul > li {
    flex-grow: 1;
    width: 20%;
}

.communication-history-grid > li > ul > li {
    flex-grow: 3;
    width: 60%;
}

    .communication-history-grid > li > ul > li:first-child {
        flex-grow: 2;
        width: 40%;
    }





















/* old table grid*/
table.grid {
    background: var(--table-background);
    width: 100%;
    border-collapse: collapse;
}

.grid thead {
    background: var(--table-th-background);
    cursor: default;
    padding: 0;
}

    .grid thead th {
        cursor: default;
        border: 0 none;
        background-color: var(--table-th-background);
        text-align: left;
        padding: 6px;
        font-weight: normal;
        font-weight: bold;
    }

        .grid thead th.rightBorder {
            border-right: 1px solid var(--table-title-background);
        }

        .grid thead th span.l {
            float: left;
        }

        .grid thead th span.r {
            float: right;
        }

.grid tr {
    border-top: 1px solid var(--table-title-background);
}

    .grid tr.group td {
        background: #eee !important;
        padding: 10px 3px 3px 15px;
    }

.grid thead tr {
    border-top: 0;
}

.grid td {
    border-left: 1px solid var(--table-title-background);
    padding: 3px 5px;
    vertical-align: top;
}

    .grid td:first-child, .grid th:first-child {
        border-left: 0;
    }

.grid:not(.grid-bg) tbody tr:nth-child(even) td {
    background-color: var(--table-row-background);
}

.grid:not(.grid-bg) tbody tr:nth-child(odd) td {
    background-color: var(--table-row-background);
}

.grid tbody tr.odd td {
    background-color: var(--table-row-background) !important;
}

.grid tbody tr.even td {
    background-color: var(--table-row-background) !important;
}

.grid tbody tr:hover {
}

    .grid tbody tr:hover td {
        background-color: var(--table-active-background);
    }

.grid tbody tr.cur td,
.grid .cur > ul {
    background-color: var(--table-active-background) !important;
}

.grid tbody tr.inner {
    border-top: dashed 1px #999;
}

.grid td.img {
    margin: 0 auto;
    vertical-align: middle;
}

    .grid td.img img {
        border-radius: 2px;
    }

.grid td.p {
    margin: 0;
    padding: 0;
}

.grid.grid-nonsel td:first-child, .grid-none .grid th:first-child {
    border-left: 1px solid #CCCCCC;
}

.grid.grid-nonsel tbody tr:nth-child(even) td {
    background-color: var(--table-active-background);
}

.grid.grid-nonsel tbody tr:hover td {
    background-color: var(--table-active-background);
}

.partViewTable td.odd + td.dv {
    min-height: 0;
}

.clientInfoTable td.odd + td.dv {
    min-height: 0;
}

.grid td input[type=checkbox] {
    vertical-align: top;
    text-align: center;
}

.label-chbox {
    float: left;
}

div.box-chbox input[type=checkbox] {
    display: inline-block;
    margin: 18px 5px 0 0;
}

div.box-chbox label {
    display: inline-block;
}

.grid:not(.grid-bg) tbody tr:nth-child(even) td {
    background-color: var(--table-th-background);
}

div[data-dynamic-destination] input[type=checkbox] {
    display: inline-block;
    margin: 18px 5px 0 0;
}
/*div[data-dynamic-destination] label {display: inline-block; }*/
div[data-dynamic-destination] select,
div[data-dynamic-destination] .select2-container,
div[data-dynamic-destination] input[type=text] {
    display: block;
    margin-bottom: 5px;
}


.part-popup div[data-dynamic-destination] {
    float: left;
    margin: 0 0 3px 120px;
}

.popup div[data-dynamic-destination] div {
    float: left;
    margin-left: 7px;
}

.popup div[data-dynamic-destination] label {
    width: auto !important;
    float: left;
}

.popup div[data-dynamic-destination] select,
.popup div[data-dynamic-destination] input {
    float: left;
}

    .popup div[data-dynamic-destination] input[type="checkbox"] {
        margin: 0 3px 0 0;
    }

#part_operations_popup div[data-dynamic-destination] {
    margin-left: 40px;
}

.field input[type="checkbox"] {
    margin: 3px 3px 0 0;
}

.left-box {
    float: left;
    margin: 0 0 5px 10px;
}

    .left-box > span,
    .left-box .field-chbox-group {
        margin-bottom: 8px;
    }

    .left-box div, .left-box span {
        float: none;
    }

input.price {
    width: 73px;
}

.left-box div, .left-box span {
    float: none;
}

input.price {
    width: 73px;
}

.pg {
    /*background:#cccccc; */
    /*border-radius: 6px; */
    background-color: var(--table-th-background);
    margin: 10px 0 15px;
    padding: 5px;
    width: 100%;
}

    .pg .pgng {
        align-items: center;
        display: flex;
        font: 11px arial,sans-serif;
    }

        .pg .pgng a {
            align-items: center;
            background-color: var(--active-color);
            border: 1px solid transparent;
            border-radius: 2px;
            color: var(--text-color);
            cursor: pointer;
            display: flex;
            font-weight: bold;
            font: 11px arial,sans-serif;
            height: 24px;
            justify-content: center;
            margin: 0 2px;
            min-width: 26px;
            /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DCDCDC');
            background: -webkit-linear-gradient(top, #FAFAFA, #DCDCDC);
            background: -moz-linear-gradient(center top, #FAFAFA, #DCDCDC);
            background: -o-linear-gradient(top, #FAFAFA, #DCDCDC);
            background: -ms-linear-gradient(top, #FAFAFA, #DCDCDC);
            box-shadow: 0 0 1px #FFFFFF inset;
            text-shadow: 0 1px 0 #FFFFFF;*/
            padding: 0 8px;
            text-decoration: none;
            transition: all .3s ease;
        }

        .pg .pgng span {
            float: left;
            line-height: 20px;
            padding: 3px 5px;
            font-weight: bold
        }

.pgng a.on, .pgng a:hover {
    background: var(--table-th-background);
    border-color: var(--active-color);
    color: var(--text-color);
}
[data-theme="dark"] .pgng a.on, .pgng a:hover {
    background: var(--table-title-background);
}

    .grid-cell-nowrap td, .grid-cell-nowrap th {
        white-space: nowrap;
    }

.grid td.actions, .inner-grid td.actions {
    opacity: 1 !important;
    text-decoration: none !important;
    white-space: nowrap;
}

    .grid td.actions a, .inner-grid td.actions a {
        text-decoration: none !important;
    }

.grid .actions img, .inner-grid .actions img {
    border: 0 none;
    cursor: pointer;
    float: none;
    width: 16px;
    height: 16px;
    margin: 1px 2px;
}

.grid td.actions img.disabled, .inner-grid td.actions img.disabled {
    opacity: 0.333 !important;
    cursor: help !important;
}

.grid td.actions.no-margin img, .inner-grid td.actions.no-margin img {
    margin: 0;
}

.grid td.logo, .grid th.logo {
    width: 36px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
}

.grid td.logo {
    color: gray;
}

    .grid td.logo img {
        max-width: 32px;
        max-height: 32px;
        border: 0 none;
        cursor: pointer;
    }

.v, .v a {
    color: #a52a2a;
}
/* virtual part */
span.auto-operation {
    color: #cc6633;
}
/* auto operation */

fieldset.virtual legend label {
    font-weight: normal !important;
    font-size: 12px !important;
}

fieldset.virtual-check {
    border: solid 1px gray;
    margin-bottom: 3px;
}

fieldset.virtual-uncheck {
    border: none;
}

fieldset.characteristics legend img {
    width: 10px;
    height: 10px;
}

fieldset.virtual-uncheck {
    border: none;
}

fieldset.characteristics legend img {
    width: 10px;
    height: 10px;
}

a.icon-btn {
    border-radius: 2px;
    color: #427ea6;
    padding: 3px 5px 3px 30px;
    margin-right: 10px;
    display: inline-block;
    line-height: 17px;
    margin-bottom: 7px;
    text-decoration: none;
    width: auto;
    white-space: nowrap;
    border: solid 1px #427ea6;
}

a.lock {
    background-color: #e14a4a;
    border-color: #e71616;
    color: #fff;
}

a.unlock {
    background-color: #0e8d0e;
    border-color: #0e8d0e;
    color: #fff;
}

    a.lock:before,
    a.unlock:before {
        border: 2px solid #fff;
        border-left: none;
        border-top: none;
        content: "";
        display: inline-block;
        height: 11px;
        margin-left: -12px;
        position: relative;
        right: 7px;
        transform: rotate(35deg);
        width: 6px;
    }

a.btn {
    height: 32px;
    padding: 7px 14px;
}

a.confirmed {
    background: url('../content/images/checked.gif') no-repeat 8px center;
    line-height: 12px;
}

.add-btn {
    margin: 2px 0;
    line-height: 13px;
    padding-top: 2px;
}

    .add-btn a {
        border: 1px solid #b5b8c8;
        border-radius: 2px;
        margin-top: 6px;
        padding: 2px 4px 3px 4px;
        color: #70727b;
        text-decoration: none;
        cursor: pointer;
        transition: background .2s ease;
    }

        .add-btn a:hover {
            background: #e2f1ff;
            color: #333333;
        }

.grid td.actions .viki-part
.grid td.actions .extended-search-item {
    clear: both;
    margin: 2px 0;
    height: 16px;
    width: auto;
}

.grid td.actions .viki-part a, .grid td .comment-button a {
    display: block;
    float: left;
    min-width: 16px;
    height: 16px;
    background: url(images/icon-actions1.png) 0 0 no-repeat;
    margin: 0 2px;
}

.grid .actions .viki-part a,
.grid .actions .extended-search-item a,
.grid .actions.extended-search-item a.a2 {
    display: inline-block;
    min-width: 16px;
    height: 16px;
    background: url(images/icon-actions1.png) 0 0 no-repeat;
    margin: 0;
}

.grid.grid-refresh .actions.extended-search-item a.a6,
.grid.grid-refresh .actions.extended-search-item a.a6-hover {
    background: none;
}

.grid td.actions .viki-part > a {
    margin-right: 10px;
}

.grid td.actions .viki-part a.a1 {
    background-position: 0 0;
}

    .grid td.actions .viki-part a.a1:hover {
        background-position: 0 -16px;
    }

.grid .actions .viki-part a.a2,
.grid .actions .extended-search-item a.a2,
.grid .actions.extended-search-item a.a2 {
    background-position: -16px 0;
}

    .grid .actions .viki-part a.a2:hover,
    .grid .actions .extended-search-item a.a2:hover,
    .grid .actions.extended-search-item a.a2:hover {
        background-position: -16px -16px;
    }

.grid td.actions .viki-part a.a3 {
    background-position: -32px 0;
}

    .grid td.actions .viki-part a.a3:hover {
        background-position: -32px -16px;
    }

.grid td.actions .viki-part a.a4 {
    background-position: -48px 0;
}

    .grid td.actions .viki-part a.a4:hover {
        background-position: -48px -16px;
    }

.grid td.actions .viki-part a.a5 {
    background-position: -64px 0;
}

    .grid td.actions .viki-part a.a5:hover {
        background-position: -64px -16px;
    }

.grid td .viki-part .comment-button a {
    background: url(images/part-comment.png) 0 0 no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}

    .grid td .viki-part .comment-button a.a6 {
        background-position: 0 0;
    }

        .grid td .viki-part .comment-button a.a6:hover {
            background-position: -46px 0;
        }


.grid td.actions .extended-search-item a.a6 {
    background-position: -80px 0;
}

    .grid td.actions .extended-search-item a.a6:hover {
        background-position: -80px -16px;
    }

.grid td.actions .extended-search-item a.a6-hover {
    background-position: -80px -16px;
}

.grid td.actions ul.currencies {
    width: 132px;
    padding: 0;
    margin: 0;
}

    .grid td.actions ul.currencies li {
        list-style: none;
        display: block;
        clear: both;
        padding: 2px 0;
        line-height: 17px;
    }

        /*.grid td.actions ul.currencies li:hover label {color: #AAAAAA;}*/

        .grid td.actions ul.currencies li label {
            width: 30px;
            float: left;
        }

        .grid td.actions ul.currencies li input[type=text],
        .grid td.currencies input[type=text] {
            float: left;
            width: 80px;
            border: 1px solid #AAAAAA;
            outline: none;
            padding-right: 0 !important;
        }

.warehouse-short-name {
    padding: 0 2px 1px 2px;
    text-decoration: underline;
}

.cell-number {
    font-weight: bolder;
}

.prev-warehouse {
    text-decoration: line-through;
}

    .prev-warehouse .cell-number {
        font-weight: normal !important;
    }

.grid_form {
    clear: left;
    display: block;
}

/* ----- */

.maxHeight {
    height: 100% !important;
}

.columns3 {
    margin: 0 auto;
}

    .columns3 div {
        float: left;
        margin: 0;
        width: 33%;
    }

/*
.columns3 div label,
.columns3 div input
.columns3 div select {
    float:left; 
}*/

.statuses span, .statuses div {
    display: inline-block;
    vertical-align: top;
    width: 280px;
}

    .statuses div.cb {
        padding: 2px;
    }

    .statuses span.inline {
        display: inline !important;
    }

a.excel-icon, a.images-to-zip, a.history-hint {
    background: url('../content/images/excel_icon.svg') no-repeat left center;
    height: 22px;
    margin: 0 5px 0 8px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

a.images-to-zip {
    background: url('images/icon-actions1.png') -32px -16px no-repeat;
    width: 16px;
}

a.history-hint {
    background: url(images/history-hint.png) no-repeat;
    background-size: 11px;
    border: 1px solid #8ca9c8;
    background-position: 3px 3px;
    cursor: pointer;
    float: none;
    height: 19px;
    width: 19px;
}



ul.viki-tabs-buttons li a.history-hint,
ul.viki-tabs-buttons li.act a.history-hint,
ul.viki-tabs-buttons li.act a.history-hint:hover {
    background-color: var(--tabs-background);
    background-size: 7px;
    border: 1px solid transparent;
    cursor: pointer;
    height: 16px;
    margin-right: 0;
    padding: 0;
    transition: all .3s ease;
    width: 16px;
}

    ul.viki-tabs-buttons li a.history-hint:hover,
    ul.viki-tabs-buttons li.act a.history-hint:hover {
        background-color: var(--tabs-background-hover);
        border-color: var(--tabs-border-color);
    }

ul.viki-tabs-buttons li.act a.history-hint {
    margin-bottom: 3px;
}

a.excel {
    background: url('../content/images/excel_icon.svg') no-repeat 8px center;
    padding-left: 30px;
    display: block;
    height: 30px;
    line-height: 29px;
    margin-bottom: 7px;
    text-decoration: none;
    width: 120px;
    border: solid 1px #eee;
}

a.excel-description {
    line-height: 15px !important;
}

span.export-progress {
    animation: formating 3s linear infinite;
    color: rgba(0, 0, 0, .6);
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
}

@keyframes formating {
    0% {
        opacity: .4;
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .4;
    }
}

span.export-progress span {
    margin-right: 3px;
    height: 16px;
    float: left;
}

span.export-progress-excel span {
    background: url('../content/images/excel_icon.gif') 3px center no-repeat;
    width: 24px;
}

span.export-progress-imagesToZip span {
    background: url('images/icon-actions1.png') -32px -16px no-repeat;
    width: 16px;
}

.red {
    color: var(--required-color) !important;
}

.warning-text {
    color: #f39c12 !important;
}

.access-denied {
    color: red;
    padding: 10px;
    margin: 0;
}

/* form custom */

.settings_form div.viki-tab:not(.lbl-auto) label {
    width: 400px !important;
}

.settings_form .help {
    margin-left: 180px;
}

/* link list */

ul.links {
    list-style: none;
}

    ul.links li a {
        text-decoration: none;
        border: solid 1px gray;
        padding: 8px;
        margin-bottom: 5px;
        float: left;
        width: 90%;
    }

/* grid customization */

.grid td.nowrap, .grid th.nowrap, .inner-grid td.nowrap, .inner-grid th.nowrap {
    white-space: nowrap;
}

.grid td.l, .grid th.l, .inner-grid td.l, .inner-grid th.l {
    text-align: left !important;
}

.grid td.r, .grid th.r, .inner-grid td.r, .inner-grid th.r {
    text-align: right !important;
}

.grid td.c, .grid th.c, .inner-grid td.c, .inner-grid th.c {
    text-align: center !important;
}

.grid td.t, .grid th.t, .inner-grid td.t, .inner-grid th.t {
    vert-align: top !important;
}

.grid td.m, .grid th.m, .inner-grid td.m, .inner-grid th.m {
    vert-align: middle !important;
}

.grid td.b, .grid th.b, .inner-grid td.b, .inner-grid th.b {
    vert-align: bottom !important;
}

.grid th.id {
    text-align: center;
    width: 30px;
}

.highlight-grid {
    margin-top: 5px !important;
}

    .highlight-grid tbody tr td {
        background-color: var(--table-th-background) !important;
    }

    .highlight-grid .highlight .clear {
        display: none;
    }

    .highlight-grid tbody tr.highlight td:not(:first-child) {
        background-color: #CCCCCC !important;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
        zoom: 1;
    }

    .highlight-grid tbody tr.highlight td:nth-child(n+3) {
        color: #CCC !important;
    }

        .highlight-grid tbody tr.highlight td:nth-child(n+3) .forbidden {
            background: none;
        }

    .highlight-grid tbody tr.highlight td div:last-child {
        margin-bottom: 0 !important;
    }

    .highlight-grid tbody tr.highlight td:not(:first-child) input,
    .highlight-grid tbody tr.highlight td:not(:first-child) select,
    .highlight-grid tbody tr.highlight td:not(:first-child) textarea,
    .highlight-grid tbody tr.highlight td:not(:first-child) a,
    .highlight-grid tbody tr.highlight td:not(:first-child) .select2-container {
        visibility: hidden;
    }


.div .c {
    text-align: center;
}

.consolidated_balance_grid thead th,
.buying-cars-grid thead th,
.assortment-analysis-grid thead th,
.revenue_from_sales_grid thead th,
.accounting_report_grid thead th {
    text-align: center !important;
    vertical-align: bottom !important;
}

.assortment-analysis-grid tr td:nth-child(1),
.assortment-analysis-grid tr td:nth-child(2) {
    text-align: left !important;
}

.assortment-analysis-grid tr td:nth-child(n+3) {
    text-align: center !important;
}

.ad_metrics_grid tr.ad_system td:not(:first-child),
.ad_metrics_grid tr.sales_channel td:nth-child(n+3),
.ad_metrics_grid tr.total td:not(:first-child),
.efficiency_of_sales_channels_grid tr.regional_sales_center td:nth-child(n+3),
.efficiency_of_sales_channels_grid tr.sales_channel td:nth-child(n+4),
.efficiency_of_sales_channels_grid tr.total td:not(:first-child),
.consolidated_balance_grid tr td:not(:first-child),
.consolidated_report_by_users tr td:not(:first-child),
.buying-cars-grid tr td:not(:first-child),
.revenue_from_sales_grid tr td:not(:first-child) {
    text-align: right !important;
}

.revenue_from_sales_grid tfoot,
.revenue_from_sales_grid th.total,
.revenue_from_sales_grid td.total {
    font-weight: bold !important;
}

.buying-cars-grid tfoot tr,
.revenue_from_sales_grid tr.level0 {
    font-weight: bold;
}

.cost_benefit_analysis_auto_grid,
.analysis_for_purchased_cars_grid,
.sold_goods_purchase_price_grid {
    empty-cells: show;
}

    .cost_benefit_analysis_auto_grid tr.part-row td,
    .analysis_for_purchased_cars_grid tr.part-row td,
    .sold_goods_purchase_price_grid tr.part-row td {
        color: #555;
    }

        .cost_benefit_analysis_auto_grid tr.part-row td:first-child,
        .analysis_for_purchased_cars_grid tr.part-row td:first-child,
        .sold_goods_purchase_price_grid tr.part-row td:first-child {
            padding-left: 15px;
        }

.analysis-of-factors-need-grid tbody td:not(:first-child) {
    text-align: right;
    padding-right: 5px;
}

.analysis-of-factors-need-grid tfoot td {
    text-align: right;
    font-weight: bold;
}

    .analysis-of-factors-need-grid tfoot td:first-child {
        text-align: left !important;
    }

.analysis-of-factors-need-query .additional-properties {
    padding: 3px;
    float: left;
    margin-top: 3px;
    border: solid 1px #cacecc;
}

    .analysis-of-factors-need-query .additional-properties div,
    .analysis-of-factors-need-query .additional-properties span {
        display: inline-block;
        vertical-align: top;
        width: 220px;
    }

.analysis-of-factors-need-grid th.border,
.analysis-of-factors-need-grid td.border {
    border-right: solid 1px #555;
}

/* analysis-of-credits */

.analysis-of-credits th.name {
    min-width: 200px !important;
}


.analysis-of-credits th {
    min-width: 75px;
}

.analysis-of-credits tfoot,
.analysis-of-credits td.total {
    font-weight: bold;
}

.analysis-of-credits td.period,
.analysis-of-credits th.period {
    border-left: solid 1px #777;
}

/* analysis-of-credits end */

.import-photos-settings {
}

    .import-photos-settings label {
        width: auto;
        white-space: nowrap;
    }

    .import-photos-settings select {
        height: 18px;
        margin: 2px 0px;
    }

.change-password-popup {
    width: 350px;
}

    .change-password-popup label {
        width: 70px !important;
    }

.payment-query label {
    width: 160px;
}

/* grid customization end */

/* tree */

table.tree {
}

/* tree end */

sup {
    color: red;
}

span.green-badge {
    background-color: #6181A6;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    padding: 1px 5px 2px 5px;
}

span.badge, span.badge-24x24 {
    background-color: #6181A6;
    border-radius: 2px;
    color: white;
    font-size: 0.8em;
    font-weight: bold !important;
    margin-right: 10px;
    padding: 2px 4px 3px 4px;
    position: relative;
    right: -12px;
    top: 1px;
}

    span.badge:hover {
        background-color: orange;
    }

span.img-wrap {
    height: 16px;
    width: 16px;
    padding: 0px;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

    span.img-wrap span.badge {
        padding: 0px 4px 0px 4px;
        position: absolute;
        top: -5px;
        right: -16px;
    }

    span.img-wrap span.badge-24x24 {
        top: -15px !important;
        right: 9px !important;
        font-size: 10px !important;
    }



.permission-choise {
    display: none;
    height: auto;
    width: auto;
    position: absolute;
    z-index: 9999;
    border-radius: 2px;
    border: solid 1px #ccc;
    background-color: #eee;
    top: 60%;
    left: 50%;
}

    .permission-choise div {
        padding: 5px 8px;
        border-bottom: solid 1px #ccc;
    }

        .permission-choise div:last-child {
            border-bottom: none 0;
        }

        .permission-choise div:hover {
            border: solid 1px #ccc;
            cursor: pointer;
        }

fieldset.permission-legend {
    border: none;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

    fieldset.permission-legend .permission {
        display: inline-block;
        margin-right: 3px;
        margin-left: 6px;
        width: 16px;
        height: 16px;
        border: solid 1px #ccc;
    }

    fieldset.permission-legend .allow {
        background: url('../content/images/checked.gif') no-repeat center;
    }

.permissions {
    width: auto !important;
    border: 0px;
}

    .permissions thead th {
        background: var(--table-th-background);
        border: 0px;
        font-size: 12px;
    }

        .permissions thead th:first-child {
            white-space: nowrap;
            vertical-align: bottom;
            text-align: left;
            padding: 6px;
        }

    .permissions tbody, .permissions tfoot {
        border: solid 1px #CCC;
    }

    .permissions thead th:not(:first-child) {
        height: 160px;
        white-space: nowrap;
        padding: 3px !important;
        font-family: Helvetica, sans-serif;
    }

        .permissions thead th:not(:first-child) > div {
            transform: translate(20px, 60px) rotate(310deg);
            width: 32px;
        }

            .permissions thead th:not(:first-child) > div > span {
                border-bottom: 1px solid #ccc;
                padding: 5px;
            }

    .permissions tbody td {
        white-space: nowrap;
    }

        .permissions tbody td:not(:first-child) {
            cursor: pointer;
            empty-cells: show;
            position: relative;
        }

        .permissions tbody td.allow {
            background: url('../content/images/checked.gif') no-repeat center;
        }

    .permissions tfoot td {
        text-align: right;
        padding-right: 15px;
    }

.part-popup {
    width: 810px;
}

    .part-popup label {
        width: 230px;
    }

    .part-popup .dont-show-car-info {
        padding-left: 220px !important;
    }

        .part-popup .dont-show-car-info label {
            width: auto !important;
            padding-left: 5px !important;
            padding-top: 3px !important;
        }

/*
.direction-popup { min-width: 600px; }
.direction-popup .box_body { min-height: 110px; }
.direction-popup .help { margin-left: 150px; }
*/

.auto-generate-article label, label.auto-generate-article {
    width: auto !important;
}

.auto-generate-article-bottom {
    float: left;
    margin: 5px 0 5px 10px;
}

.webcam {
}

    .webcam .cam {
        float: left;
        margin-right: 10px;
        text-align: center;
    }

        .webcam .cam .webcam-error {
            width: 320px;
            height: 240px;
            margin: 0 auto;
            color: red;
        }

        .webcam .cam .btn {
            padding: 5px;
            float: right;
        }

            .webcam .cam .btn div {
                margin-left: 3px;
            }

        .webcam .cam .cam-flash {
        }

.upload {
    padding: 3px 5px;
}

    .upload .input {
    }

    .upload .view {
        float: left;
        margin: 0 6px 6px 0;
        display: block;
        position: relative;
    }

        .upload .view img {
        }

            .upload .view img.del {
                border: 0 none;
                cursor: pointer;
                float: right;
                height: 16px;
                position: absolute;
                right: 0;
                top: 0;
                width: 16px;
            }

.webcam_upload {
    border-right: 1px solid #ddd;
    float: left;
    margin-right: 8px;
}

    .webcam_upload .separator {
        clear: both;
        height: 1px;
        line-height: 0;
        margin: 2px 0 5px;
        border-top: 1px solid #ddd;
    }

.photographing-rules-under-webcam {
    width: 100%;
    min-width: 250px;
    max-width: 295px;
}

.gallery {
    overflow: visible;
}

    .gallery a {
        display: inline-block;
        margin-top: 4px;
    }

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

        .gallery ul li {
            float: left;
            margin: 0 6px 6px 0;
            display: inline-block;
            position: relative;
            border: solid 1px #aaa;
            padding: 3px;
            border-radius: 2px;
        }

            .gallery ul li img {
                cursor: pointer;
                border: 1px solid transparent;
            }

                .gallery ul li img[data-src]:hover {
                    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
                    border: 1px solid #fff;
                }

                .gallery ul li img.btn {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 16px;
                    height: 16px;
                    float: right;
                    border: 0;
                }

                    .gallery ul li img.btn:hover {
                        border: 0;
                        box-shadow: none;
                    }

            .gallery ul li.moved {
                border: dotted 1px #777;
            }

    .gallery .drag-sort {
        padding: 3px 5px 10px 3px;
    }

        .gallery .drag-sort a {
            text-decoration: none;
            border: solid 1px gray;
            padding: 2px 3px;
        }

            .gallery .drag-sort a.wait {
                background: url(../UI/Viki/images/icon_wait6.gif) 3px center no-repeat !important;
                min-height: 11px !important;
                min-width: 16px !important;
                padding-left: 24px;
                line-height: 11px;
            }

    .gallery div.image-info {
        padding-top: 3px;
        padding-bottom: 2px;
    }

        .gallery div.image-info.image-info-large span {
            font-size: 15px;
        }

        .gallery div.image-info span {
            color: #666666;
            font-size: 9px;
            text-align: center;
            display: block;
        }

        .gallery div.image-info img, input[type="checkbox"] {
            margin-left: 3px;
        }

        .gallery div.image-info label {
            vertical-align: top;
            color: #666666
        }

        .gallery div.image-info input[type="checkbox"] {
            margin-bottom: 2px;
            margin-left: 3px;
        }

#progress .bar {
    height: 20px;
    background: #4caf50;
}


.webcam .gallery {
}

    .part-popup .gallery ul,
    .webcam .gallery ul {
        padding-left: 5px;
    }


/*--viki-tabs--*/
ul.viki-tabs-buttons,
ul.viki-tabs-buttons-vertical {
    line-height: 1.3;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}

ul.viki-tabs-buttons {
    align-items: center;
    border-bottom: 1px solid var(--tabs-border);
    display: flex;
    flex-wrap: wrap;
}

    ul.viki-tabs-buttons:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    ul.viki-tabs-buttons li,
    ul.viki-tabs-buttons-vertical li {
        align-items: center;
        background-color: var(--tabs-background-noactive);
        border: 1px solid var(--tabs-border);
        border-radius: 2px 2px 0 0;
        color: var(--text-color);
        cursor: pointer;
        display: flex;
        font-weight: normal;
        justify-content: center;
        height: 24px;
        list-style: none outside none;
        margin: 0 4px 0 0;
        min-width: 80px;
        padding: 0 12px;
        white-space: nowrap;
    }

    ul.viki-tabs-buttons li {
        border-bottom: 0 none !important;
    }

ul.viki-tabs-buttons-vertical {
    width: 20%;
    float: left;
}

    ul.viki-tabs-buttons-vertical li {
        width: 100%;
        float: left;
    }

ul.viki-tabs-buttons li:last-child {
    border-width: 1px 1px 1px 1px;
}

ul.viki-tabs-buttons li:hover,
ul.viki-tabs-buttons-vertical li:hover {
    background: var(--tabs-background-hover);
}

ul.viki-tabs-buttons li a,
ul.viki-tabs-buttons-vertical li a {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
    cursor: pointer;
    color: var(--text-color);
}

ul.viki-tabs-buttons li.act a.notifications-icon {
    margin-bottom: 2px;
}

    ul.viki-tabs-buttons li.act a.notifications-icon:hover {
        cursor: pointer
    }

ul.viki-tabs-buttons-vertical img {
    padding-top: 1px;
    padding-bottom: 1px;
    /* margin: 0 auto; */
    margin: auto;
}

ul.viki-tabs-buttons li.act,
ul.viki-tabs-buttons-vertical li.act {
    background: #D2DEE6;
}

    ul.viki-tabs-buttons li.act a, ul.viki-tabs-buttons li.act a:hover,
    ul.viki-tabs-buttons-vertical li.act a, ul.viki-tabs-buttons-vertical li.act a:hover {
        cursor: text;
    }

    ul.viki-tabs-buttons li.act.white,
    ul.viki-tabs-buttons-vertical li.act.white {
        background: var(--tabs-background-active) !important;
        color: var(--text-color);
        cursor: default;
        height: 28px;
        line-height: 24px;
        margin-top: -1px;
        position: relative;
        top: 1px;
    }

.viki-tabs-empty {
    padding: 6px 0;
    margin: 10px 10px 10px 30%;
    color: #777;
    font-weight: bolder;
    background: #fff !important;
}

    .viki-tabs-empty ul {
        margin: 5px 0 !important;
        font-weight: lighter;
        padding: 0 0 0 10px !important;
    }

    .viki-tabs-empty ul {
        margin: 5px 0 !important;
        font-weight: lighter;
        padding: 0 0 0 10px !important;
    }

.panelHeader {
    background-color: #D2DEE6 !important;
    padding: 1px 2px !important;
}

    .panelHeader span {
        font-weight: bold;
    }

.car-view td {
    border-bottom: 1px solid #9DAEB7 !important;
    padding: 1px 3px !important;
}

td.odd {
    background-color: #F1F1F1 !important;
    border-bottom: 1px solid #9DAEB7 !important;
    margin: 0;
    min-height: 18px;
    min-width: 20%;
    max-width: 25%;
}

.showme {
    opacity: 0.1;
}

    .showme:hover {
        opacity: 1;
    }

    .showme:hover {
        opacity: 1;
    }

/*.popup .viki-tabs-frames {*/
/*  max-height: 500px;*/
/*  overflow: auto;*/
/*}*/

.viki-tabs-frames,
.viki-tabs-frames-vertical {
    clear: both;
    margin: 10px 0 0 0;
}

    .viki-tabs-frames .viki-tab,
    .viki-tabs-frames-vertical .viki-tab {
        display: none;
    }

    .viki-tabs-frames .act,
    .viki-tabs-frames-vertical .act {
        display: block;
    }

    .viki-tabs-frames .sub-tabs .viki-tabs-buttons .act,
    .viki-tabs-frames-vertical .sub-tabs .viki-tabs-buttons .act {
        display: flex;
    }

.sub-tabs .grid > li > ul > li.full-size {
    flex-grow: 1;
}

.sub-tabs .grid > li > ul > li.actions {
    padding: 4px 0;
    text-align: center;
}

.viki-tabs-frames .grid, .viki-tabs-frames .grid thead tr {
    border-top: 0;
}

.viki-tabs-frames .grid-total, .viki-tabs-frames .grid-total thead tr {
    border-top: 1px solid #CCCCCC;
}

.viki-tabs-frames-vertical .grid thead th,
.viki-tabs-frames .grid thead th {
    background: var(--table-th-background);
}

.viki-tabs-frames .grid-total {
    margin: 0 0 0 0;
}

.viki-tabs-frames-vertical {
    float: right;
    width: 79%;
    clear: none;
}

table.inner-grid {
    margin: 10px 0 5px 0;
}

    table.inner-grid thead th, table.inner-grid td {
        border: solid 1px #9DAEB7;
    }

/* Validator */
.required {
    color: var(--required-color);
    display: inline !important;
    float: none !important;
    padding-left: 5px;
    padding-right: 5px;
}
.error {
    color: var(--required-color);
    padding: 10px;
    margin: 0;
}
ul.error {
    list-style: none;
}

.error li {
    background: url(../UISite/images/warning.png) 0 0 no-repeat;
    background-size: 17px;
    margin: 0;
    padding: 2px 0 4px 20px;
    height: auto;
}

.err-field label {
    color: var(--required-color);
}

.err-field input, .err-field select, .err-field textarea, .err-field .select2-container {
    border: solid 1px var(--required-color) !important;
}

    .err-field .select2-container input.select2-input {
        border: none 0 !important;
    }

.field-error {
    height: auto;
}

    .field-error span.error {
        float: none !important;
        display: inline;
    }

.success {
    color: green;
    padding: 2px 0 0 20px;
    margin: 0;
    height: 20px;
    background: url(../content/images/checked.gif) 0 0 no-repeat
}

.success-edit {
    color: orange;
    padding: 2px 0 0 20px;
    margin: 0;
    height: 20px;
    background: url(../content/images/checked.gif) 0 0 no-repeat
}


/* setup */

.setup {
    margin: 3px 8px;
}

    .setup fieldset {
        padding: 5px;
        border: solid 1px #818385;
        margin-top: 15px;
        border-radius: 5px;
    }

    .setup legend {
        font-weight: bold;
        font-size: 12px;
    }

    .setup .entity {
        margin: 1px 1px 10px 2px;
    }

        .setup .entity fieldset {
            border: solid 1px #cacecc;
            border-radius: 2px;
        }

            .setup .entity fieldset legend {
                font-weight: normal;
                font-size: 11px;
            }

    .setup .property {
        margin: 2px;
        padding: 1px;
    }

    .setup .item {
        padding-left: 12px;
    }


input.viki-field-selected,
.viki-fields-selected,
.viki-fields-selected input,
select.viki-field-selected,
.viki-fields-selected select,
.viki-field-selected .select2-choice,
.viki-fields-selected .select2-choice,
.viki-fields-group-selected input,
.viki-fields-group-selected select,
.viki-fields-group-selected .select2-choice {
    background: var(--select-option-background) !important;
}

.select2-title {
    display: block;
    padding-bottom: 3px;
    padding-right: 3px;
    white-space: normal !important;
    color: gray;
}

.prtsc {
    padding: 3px 2px;
}

    .prtsc .prtsc-wait {
        background: url(../UI/Viki/images/icon_wait6.gif) 0 0 no-repeat;
        padding-left: 22px;
        margin-left: 40%;
        display: none;
    }

    .prtsc .prtsc-toolbar {
        padding: 2px 5px;
        display: none;
        clear: both;
    }

        .prtsc .prtsc-toolbar a {
            padding-left: 10px;
        }

            .prtsc .prtsc-toolbar a[disabled] {
                color: gray !important;
            }

    .prtsc canvas {
        overflow: auto;
    }

.ce {
    cursor: pointer;
    float: right;
    color: gray;
    font-weight: bold;
    padding-left: 8px;
}

.ce-photographing-rules {
    cursor: pointer;
    font-weight: bold;
}

.code, .code pre {
    color: black;
    white-space: pre-wrap;
}

    .code pre {
        margin: 0em;
    }

    .code .rem {
        color: #008000;
    }

    .code .kwrd {
        color: #0000ff;
    }

    .code .str {
        color: #006080;
    }

    .code .op {
        color: #0000c0;
    }

    .code .preproc {
        color: #cc6633;
    }

    .code .asp {
        background-color: #ffff00;
    }

    .code .html {
        color: #800000;
    }

    .code .attr {
        color: #ff0000;
    }

    .code .alt {
        background-color: #f4f4f4;
        width: 100%;
        margin: 0em;
    }

    .code .lnum {
        color: #606060;
    }

/* clear */
.clearable {
    display: inline-block;
    position: relative;
    margin-bottom: 3px !important;
}

    .clearable input[type=text],
    .clearable textarea {
        padding-right: 13px;
        padding-left: 5px;
    }

a.clear {
    background: url("images/icons2.png") no-repeat;
    background-position: right 0;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px;
    z-index: 1;
    border: 0;
    position: absolute;
    right: 10px;
    top: 5px;
}

a.clear-select2 {
    margin-left: -37px !important;
}

a.clear:hover {
    background-position: right -11px;
}

a.clear.none {
    display: none;
}

textarea[data-stretchable] {
    height: 100%;
    overflow: hidden;
    resize: none !important;
}

label span.cnt {
    display: inline-block;
    float: none;
    color: #bbb;
    font-size: 9px;
}


/*customization */
.warehouse-form {
    min-width: 640px;
    width: auto;
}

    .warehouse-form .box_body {
        min-height: 335px;
        height: auto;
    }

    .warehouse-form label {
        width: 200px !important;
    }

    .warehouse-form input[type=text].big, .warehouse-form textarea {
        width: 300px;
    }

.warehouse-tooltip {
    display: none;
    text-align: left;
}

    .warehouse-tooltip .title {
        font-weight: bold;
        border-bottom: solid 1px #777;
    }

.revenue-from-sales-query label {
    width: 180px !important;
}

.revenue-from-sales-query .statuses {
    padding: 3px 3px 15px 30px;
}

fieldset.stack-trace {
    border: 0 none;
    border-left: solid 2px #ffa500;
}

.diagramm .wr {
    background-color: #D6DDE2;
    height: 16px;
    display: block;
}

    .diagramm .wr div {
        background-color: #648CB7;
        height: 16px;
        display: block;
    }

div.group-operation {
    border-top: 1px solid #CCCCCC;
    float: left;
    clear: both;
    width: 100%;
    padding: 5px;
}

    div.group-operation:first-child {
        border-top: 0 none;
    }

table.currency-spheres {
    empty-cells: show;
}

    table.currency-spheres th:not(:first-child), table.currency-spheres td:not(:first-child) {
        text-align: center
    }

        table.currency-spheres td:not(:first-child).allow {
            background: url('../content/images/checked.gif') no-repeat center;
        }

table.remove_temp_data_history td.error {
    color: #FF0000;
}

.additional-property-popup {
    width: 500px;
}

    .additional-property-popup label {
        width: 170px;
    }

a.additional-user-properties-configure {
    border: 1px solid #b5b8c8;
    border-radius: 3px;
    color: #b5b8c8;
    display: inline-block;
    margin-top: 8px;
    padding: 4px 2px 4px 4px;
    text-decoration: none;
    vertical-align: middle;
}

    a.additional-user-properties-configure:hover {
        background: #e2f1ff;
        color: #333333;
    }

.extended-search-result, .seart-order-spec {
    overflow: auto;
}

.seart-order-spec {
    margin: 5px 0 8px 0;
}

    .seart-order-spec .grid {
        margin: 0 !important;
    }

        .seart-order-spec .grid input {
            width: 80px;
        }

            .seart-order-spec .grid input[type=checkbox] {
                width: auto;
                margin: 1px 2px;
            }

table.order-total, div.order-form-right-panel {
    width: 280px;
    float: right;
}

    table.order-total td {
        white-space: nowrap;
        padding: 3px 6px;
        border-bottom: dotted 1px gray;
    }

        table.order-total td:last-child {
            text-align: right;
        }

    table.order-total tr:last-child td {
        border-bottom: none 0;
    }

div.order-form-right-panel {
    padding: 3px 1px;
}

    div.order-form-right-panel div {
        margin: 3px 1px;
    }

.client-comment-icon {
    background: url('../UISite/images/client-comment.png') no-repeat;
    padding-left: 18px !important;
}

div.order-form-client-line {
    margin: 3px 5px 5px 40px;
}

    div.order-form-client-line > span > div {
        margin: 3px 1px 3px 5px;
        display: inline;
    }


.schedule-popup {
    width: auto;
    min-width: 400px;
}

    .schedule-popup .box_body {
        min-height: 120px;
    }

/* color - picker */

#color-picker {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    padding: 10px 5px 5px 10px;
    width: 200px;
    z-index: 99999;
    position: absolute;
}

    #color-picker ul:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

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

        #color-picker ul li {
            float: left;
            margin: 0 5px 5px 0;
        }

            #color-picker ul li a {
                border: 1px solid #aaa;
                display: block;
                height: 13px;
                outline: 0 none;
                text-decoration: none;
                text-indent: -100000px;
                width: 13px;
            }

div.color-picker-btn {
    cursor: pointer;
    border: 1px solid;
    width: 16px;
    height: 16px;
    margin: 0 auto;
}

span.history-changed, span.find {
    background-color: yellow;
    border: solid 1px #f0f000;
    border-radius: 1px;
}
[data-theme="dark"] span.history-changed, [data-theme="dark"] span.find {
    background-color: var(--table-th-background);
    border: solid 1px var(--table-th-background);
}
.bg-yellow {
    background-color: yellow !important;
}
[data-theme="dark"] .bg-yellow {
    background-color: var(--table-th-background);
}
.diff {
    max-width: 800px !important;
}

ins {
    background-color: #cfc;
    text-decoration: none;
}

del {
    background-color: #FEC8C8;
    color: #555;
}

.list-ctx ins {
    background-color: transparent;
    color: green;
}

.list-ctx del {
    background-color: transparent;
    text-decoration: none;
    color: red;
}

.indicator-wrapper {
    margin-bottom: 5px !important;
}

.indicator {
    display: block;
    height: 3px;
    width: 0;
    background-color: #a5e77f;
    transition: .2s;
    -webkit-transition: .2s;
}

    .indicator.low {
        background-color: #eff684;
    }

    .indicator.med {
        background-color: #fbc55c;
    }

    .indicator.high {
        background-color: #ff9a13;
    }

    .indicator.full {
        background-color: #f84746;
    }

    .indicator.empty {
        background-color: #a5e77f;
    }

/* file */

.upload_frame {
    width: 0px;
    height: 0px;
    display: none;
}

.file {
    background-color: var(--select-option-background);
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    cursor: pointer;
    overflow: hidden;
    padding: 0px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: auto;
    min-width: 230px;
    height: 22px;
}

    .file .fbtn {
        background-color: #A2A3A3;
        color: #FFFFFF;
        float: right;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        width: 50px;
        height: 18px;
        padding: 0px !important;
        margin: 1px !important;
        font-size: 9px;
        line-height: 18px;
    }

    .file input[type=file] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        font-size: 150px;
        height: 24px;
        z-index: 20;
    }

    .file .flabel {
        background-color: #FFFFFF;
        float: left;
        height: 22px;
        overflow: hidden;
        padding: 0px 2px 2px 5px;
        text-align: left;
        vertical-align: middle;
    }

/* password */

.eye {
    width: 20px !important;
}

    .eye input[type=checkbox] {
        display: none;
    }

    .eye label {
        height: 20px;
        width: 20px !important;
        display: inline-block;
        padding: 0px;
        float: none;
        cursor: pointer;
    }

    .eye input[type=checkbox] + label {
        background: url("images/eye-hidden.png") no-repeat transparent;
    }

    .eye input[type=checkbox]:checked + label {
        background: url("images/eye.png") no-repeat transparent;
    }

a.generate-password {
    width: 20px;
    height: 20px;
}

    a.generate-password span {
        background: url("images/generate_password.jpg") no-repeat transparent;
        width: 20px;
        height: 20px;
    }

.checkbox td.checkbox-cell {
    width: 16px !important;
}

.checkbox input[type=checkbox] {
    display: none;
}

.checkbox label {
    height: 16px;
    width: 16px !important;
    display: inline-block;
    padding: 0;
    float: none;
    cursor: pointer;
}

.checkbox input[type=checkbox] + label {
    background: url("../content/images/unchecked.gif") no-repeat transparent;
}

.checkbox input[type=checkbox]:checked + label {
    background: url("../content/images/checked.gif") no-repeat transparent;
}


/* tree */

table.treetable span.indenter {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: right;
    /* Disable text selection of nodes (for better D&D UX) */
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
}

    table.treetable span.indenter a {
        background-position: left center;
        background-repeat: no-repeat;
        display: inline-block;
        text-decoration: none;
        width: 19px;
    }

table.treetable tr.collapsed span.indenter a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHlJREFUeNrcU1sNgDAQ6wgmcAM2MICGGlg1gJnNzWQcvwQGy1j4oUl/7tH0mpwzM7SgQyO+EZAUWh2MkkzSWhJwuRAlHYsJwEwyvs1gABDuzqoJcTw5qxaIJN0bgQRgIjnlmn1heSO5PE6Y2YXe+5Cr5+h++gs12AcAS6FS+7YOsj4AAAAASUVORK5CYII=);
}

table.treetable tr.expanded span.indenter a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAHFJREFUeNpi/P//PwMlgImBQsA44C6gvhfa29v3MzAwOODRc6CystIRbxi0t7fjDJjKykpGYrwwi1hxnLHQ3t7+jIGBQRJJ6HllZaUUKYEYRYBPOB0gBShKwKGA////48VtbW3/8clTnBIH3gCKkzJgAGvBX0dDm0sCAAAAAElFTkSuQmCC);
}

table.treetable tr.branch {
    background-color: #f9f9f9;
}

table.treetable tr.selected {
    background-color: #3875d7;
    color: #fff;
}

table.treetable tr span.indenter a {
    outline: none;
}

/* address */
.shipping-popup {
    width: 640px;
}

    .shipping-popup table {
        width: 100%;
        border-collapse: collapse;
    }

        .shipping-popup table tr td {
            padding: 4px 3px 2px 3px;
            border-bottom: solid 1px #ccc;
        }

            .shipping-popup table tr td:first-child {
                width: 180px;
                border-right: solid 1px #ccc;
                padding-left: 8px;
            }

    .shipping-popup .full {
        width: 430px;
    }

    .shipping-popup .first {
        float: left;
        width: 68px;
        margin-right: 2px;
    }

    .shipping-popup .second, .shipping-popup .extra {
        width: 360px;
    }

    .shipping-popup .street {
        width: 348px;
    }

    .shipping-popup table tr td.line div {
        display: inline;
        margin-right: 3px;
    }

    .shipping-popup table tr td.time div {
        display: inline;
        margin-right: 3px;
    }

    .shipping-popup input[type=text]:disabled, .shipping-popup select:disabled {
        background: #eee;
    }

.ymaps-error {
    color: white;
    font-weight: bold;
    padding: 5px 5px 5px 8px;
    border: solid 1px red;
    border-radius: 5px;
    margin: 5px;
    background-color: red;
}

.options-dpd-popup {
    width: 800px;
}

.popup .client span {
    padding: 2px 5px;
    margin: 2px 5px;
    float: left;
    text-transform: lowercase;
    background-color: #eee;
    border-radius: 2px;
}

/*order add*/
.order-popup {
    width: 1200px;
}

    .order-popup .box_body {
        min-height: 500px;
    }

    .order-popup .l {
        width: 65%;
    }

    .order-popup .r {
        width: 35%;
    }

    .order-popup textarea.big {
        height: 75px !important;
        width: 400px !important;
    }

    .order-popup hr.separator {
        margin: 5px 0;
    }

    .order-popup .l .separator {
        width: 98% !important;
    }

    .order-popup .l .field .text {
        width: 390px;
    }

    .order-popup .delivery {
        float: left;
        width: 548px;
    }

        .order-popup .delivery .grid {
            margin: 3px 2px 5px 2px;
        }

    .order-popup input[type=text]:disabled {
        background: #eee
    }

    .order-popup a.invoice_btn {
        border: 1px solid #b5b8c8;
        border-radius: 2px;
        color: #b5b8c8;
        display: inline-block;
        margin-top: 0 !important;
        padding: 3px 2px 3px 2px;
        text-decoration: none;
        vertical-align: middle;
        float: left;
    }

    .order-popup div.invoice-generate-progress {
        display: inline-block;
        vertical-align: middle;
        padding: 3px 30px 3px 4px;
        border-radius: 2px;
        border: solid 1px #8490c6;
        color: #8490c6;
        background: url(../UI/Viki/images/icon_wait6.gif) 95% center no-repeat !important;
        float: left;
    }

    .order-popup a.other-delivery-variants {
        float: right;
        color: blue;
        padding-bottom: 5px;
    }

    .order-popup .working_time-tooltip {
        display: none;
        width: 400px;
        height: 50px;
    }

    .order-popup table.grid hr {
        margin: 1px 0 3px 0;
    }

.order-warning {
    float: right;
    width: 16px;
    background-size: 12px 12px;
    background: url('../UI/Viki/images/warning.png') no-repeat transparent;
}

.btn-contropls-box .order-warning {
    display: inline-block;
    float: none;
}

.order-tooltip {
    display: none;
    text-align: left;
    color: #000;
}

    .order-tooltip .title {
        font-weight: bold;
    }

td.order-tooltip-icon-cell {
    border-left: none 0 !important;
    width: 12px;
}

/* tooltip */

.alert-link {
    cursor: pointer;
}

    .alert-link span {
        color: black;
    }

    .tooltip-link.red, .alert-link.red {
        border-bottom: 2px dotted red;
        cursor: pointer;
        text-decoration: none;
        transition: border-bottom .3s ease;
    }

        .tooltip-link.red:hover,
        .alert-link.red:hover {
            border-bottom: 2px dotted transparent;
        }

.tooltip_top, .tooltip_bottom,
.tooltip_topright, .tooltip_bottomright {
    display: none;
    position: absolute;
    z-index: 10000;
}

.tooltip_point_top, .tooltip_point_bottom,
.tooltip_point_topright, .tooltip_point_bottomright {
    position: relative;
    background: #fff;
    border: 1px solid #dcdcdc;
}

    .tooltip_point_top:after, .tooltip_point_top:before {
        position: absolute;
        pointer-events: none;
        border: solid transparent;
        top: 100%;
        content: "";
        height: 0;
        width: 0;
    }

    .tooltip_point_top:after {
        border-top-color: #fff;
        border-width: 8px;
        left: 50%;
        margin-left: -8px;
    }

    .tooltip_point_top:before {
        border-top-color: #dcdcdc;
        border-width: 9px;
        left: 50%;
        margin-left: -9px;
    }

    .tooltip_point_bottom:after, .tooltip_point_bottom:before {
        position: absolute;
        pointer-events: none;
        border: solid transparent;
        bottom: 100%;
        content: "";
        height: 0;
        width: 0;
    }

    .tooltip_point_bottom:after {
        border-bottom-color: #fff;
        border-width: 8px;
        left: 50%;
        margin-left: -8px;
    }

    .tooltip_point_bottom:before {
        border-bottom-color: #dcdcdc;
        border-width: 9px;
        left: 50%;
        margin-left: -9px;
    }

    .tooltip_point_topright:after, .tooltip_point_topright:before {
        position: absolute;
        pointer-events: none;
        border: solid transparent;
        top: 100%;
        content: "";
        height: 0;
        width: 0;
    }

    .tooltip_point_topright:after {
        border-top-color: #fff;
        border-width: 8px;
        left: 10px;
        margin-left: -8px;
    }

    .tooltip_point_topright:before {
        border-top-color: #dcdcdc;
        border-width: 9px;
        left: 10px;
        margin-left: -9px;
    }

    .tooltip_point_bottomright:after, .tooltip_point_bottomright:before {
        position: absolute;
        pointer-events: none;
        border: solid transparent;
        bottom: 100%;
        content: "";
        height: 0;
        width: 0;
    }

    .tooltip_point_bottomright:after {
        border-bottom-color: #fff;
        border-width: 8px;
        left: 10px;
        margin-left: -8px;
    }

    .tooltip_point_bottomright:before {
        border-bottom-color: #dcdcdc;
        border-width: 9px;
        left: 10px;
        margin-left: -9px;
    }


.tooltip_content {
    padding: 3px 5px;
    margin: 2px;
}

/**/
.order-spec-update-popup {
    width: 800px;
}

    .order-spec-update-popup textarea,
    .order-spec-update-popup input[type=text] {
        width: 500px;
        margin-top: 3px;
    }

        .order-spec-update-popup input[type=text].price {
            width: 80px !important;
        }

.specification > span {
    margin: 1px 3px 1px 1px;
}

.order-update-popup {
    width: 800px;
}

/**/

table.number-row-grid td:first-child {
    vertical-align: middle;
}

    table.number-row-grid td:first-child span {
        border-radius: 4px;
        padding: 3px;
        color: green;
        border: solid 1px green;
    }

        table.number-row-grid td:first-child span.current {
            background-color: green;
            color: white;
        }

        table.number-row-grid td:first-child span.storned {
            background-color: red;
            border: solid 1px red;
            color: white;
        }

/* wysiwyg_ */

textarea[data-wysiwyg] {
    min-height: 200px;
    min-width: 600px;
}

ul.wysiwyg_toolbar {
    border-left: 1px solid #DDD;
    margin: 0;
    padding: 0;
    background: #F6F6F6 -moz-linear-gradient(center bottom, #EEE 0%, white 100%) repeat scroll 0% 0%;
    width: 100%;
}

    ul.wysiwyg_toolbar li {
        position: relative;
        border-right: 1px solid #DDD;
        border-left: 1px solid white;
        list-style: outside none none;
        font-size: 11px;
        cursor: pointer;
        height: 24px;
        line-height: 24px;
        width: 32px;
        display: inline-block;
        text-align: center;
    }

.wysiwyg_bold, .wysiwyg_bulleted_list, .wysiwyg_italic, .wysiwyg_numbered_list, .wysiwyg_redo,
.wysiwyg_strike_trough, .wysiwyg_subscript, .wysiwyg_superscript, .wysiwyg_underline, .wysiwyg_undo,
.wysiwyg_text_align_left, .wysiwyg_text_align_center, .wysiwyg_text_align_right, .wysiwyg_file, .wysiwyg_link, .wysiwyg_import, .wysiwyg_broken_link, .wysiwyg_text_width {
    display: inline-block;
    background: url('images/wysiwyg_toolbar.png') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 16px;
    height: 16px;
}

.wysiwyg_bold {
    background-position: 0px 0px;
}

.wysiwyg_bulleted_list {
    background-position: -78px -130px;
}

.wysiwyg_italic {
    background-position: 0px -78px;
}

.wysiwyg_strike_trough {
    background-position: 0px -104px;
}

.wysiwyg_numbered_list {
    background-position: -104px -26px;
}

.wysiwyg_redo {
    background-position: -78px 0px;
}

.wysiwyg_subscript {
    background-position: -26px 0px;
}

.wysiwyg_superscript {
    background-position: 0px -26px;
}

.wysiwyg_underline {
    background-position: -104px -52px;
}

.wysiwyg_undo {
    background-position: -26px -78px;
}

.wysiwyg_text_align_left {
    background-position: -104px 0px;
}

.wysiwyg_text_align_center {
    background-position: -104px -78px;
}

.wysiwyg_text_align_right {
    background-position: -52px -52px;
}

.wysiwyg_file {
    background-position: -156px -52px;
}

.wysiwyg_link {
    background-position: -130px -78px;
}

.wysiwyg_broken_link {
    background-position: -52px -130px;
}

.wysiwyg_text_width {
    background-position: -26px -26px;
    width: 16px;
    height: 16px;
}

.wysiwyg_import {
    background-position: -156px 0px;
    width: 16px;
    height: 16px;
}

/* �������������� ������ (�����������������)
.wysiwyg_text_width { background-position: -26px -26px; width: 16px; height: 16px; }
.wysiwyg_indent { background-position: -52px 0px; width: 16px; height: 16px; }
.wysiwyg_outdent { background-position: -52px -26px; width: 16px; height: 16px; }
.wysiwyg_paragraph { background-position: 0px -52px; width: 16px; height: 16px; }
.wysiwyg_text_height { background-position: -26px -52px; width: 16px; height: 16px; }
.wysiwyg_print { background-position: -78px -26px; width: 16px; height: 16px; }
.wysiwyg_justify { background-position: -78px -52px; width: 16px; height: 16px; }
.wysiwyg_folder { background-position: -52px -78px; width: 16px; height: 16px; }
.wysiwyg_scissors { background-position: -78px -78px; width: 16px; height: 16px; }
.wysiwyg_columns { background-position: -26px -104px; width: 16px; height: 16px; }
.wysiwyg_font { background-position: -52px -104px; width: 16px; height: 16px; }
.wysiwyg_table_1 { background-position: -78px -104px; width: 16px; height: 16px; }
.wysiwyg_paperclip { background-position: -104px -104px; width: 16px; height: 16px; }
.wysiwyg_file_1 { background-position: -130px 0px; width: 16px; height: 16px; }
.wysiwyg_save_1 { background-position: -130px -26px; width: 16px; height: 16px; }
.wysiwyg_eraser { background-position: -130px -52px; width: 16px; height: 16px; }
.wysiwyg_link { background-position: -130px -78px; width: 16px; height: 16px; }
.wysiwyg_table { background-position: -130px -104px; width: 16px; height: 16px; }
.wysiwyg_paste { background-position: 0px -130px; width: 16px; height: 16px; }
.wysiwyg_copy { background-position: -26px -130px; width: 16px; height: 16px; }
.wysiwyg_broken_link { background-position: -52px -130px; width: 16px; height: 16px; }
.wysiwyg_save { background-position: -104px -130px; width: 16px; height: 16px; }
.wysiwyg_export { background-position: -130px -130px; width: 16px; height: 16px; }
.wysiwyg_import { background-position: -156px 0px; width: 16px; height: 16px; }
.wysiwyg_preview { background-position: -156px -26px; width: 16px; height: 16px; }
.wysiwyg_file { background-position: -156px -52px; width: 16px; height: 16px; }
.wysiwyg_close { background-position: -156px -78px; width: 16px; height: 16px; }
*/

/* ����������� wysiwyg �� ������ ������� �4 ��� ����������� ������� ��� ��������������/���������� */
.wysiwyg_a4 {
    width: 29.7cm;
    height: 15.9cm;
}

.width_a4 {
    padding: 0 1cm 0 1.6cm !important;
    width: 29.7cm !important;
}

/* moving document */
fieldset.movdoch-history-legend {
    align-items: center;
    border: none;
    display: flex;
    margin: 0;
    padding: 0 0 15px 0;
}

    fieldset.movdoch-history-legend span.icon {
        display: inline-block;
        margin-right: 5px;
        margin-left: 12px;
        width: 16px;
        height: 16px;
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        padding: 0 !important;
    }

        fieldset.movdoch-history-legend span.icon:first-child {
            margin-left: 0;
        }

textarea.reason {
    width: 360px;
    height: 70px;
    resize: none;
}

.scanner {
    width: 600px;
    padding: 3px 5px;
    margin: 3px 1px 5px 1px;
    height: 50px;
}

    .scanner label {
        float: left;
        padding-right: 5px;
    }

    .scanner input {
        height: 20px;
        padding: 0 !important;
        float: left;
    }

    .scanner div {
        display: none;
        padding: 0;
    }

    .scanner .error {
        color: red;
        font-weight: bold;
        clear: both;
    }

    .scanner .success {
        float: left;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        background: url('../content/images/checked.gif') no-repeat center;
    }

.print {
    color: #427ea6;
    padding-left: 26px !important;
    background: url('images/printer_blue.png') no-repeat 6px center;
    background-size: 14px;
}

.print-right {
    background: url('../content/images/print.png') 66px 16px no-repeat;
}

a.print-icon {
    background: url('../content/images/print.png') no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    content: ' '
}

a.print {
    border-radius: 2px;
    padding: 3px 5px 3px 26px;
    margin-right: 10px;
    display: inline-block;
    line-height: 17px;
    margin-bottom: 7px;
    text-decoration: none;
    width: auto;
    white-space: nowrap;
    border: solid 1px var(--tabs-border);
}

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

.no-border-left {
    border-left: none 0 !important;
}

.no-border-right {
    border-right: none 0 !important;
}

.no-border-top {
    border-top: none 0 !important;
}

.no-border-bottom {
    border-bottom: none 0 !important;
}

a.border {
    border: solid 1px #888 !important;
}

/* print */

.doc-print {
    width: 600px;
    padding: 0;
    margin: 0;
    font-size: 10px
}

    .doc-print .t-center {
        padding-bottom: 20px;
    }

        .doc-print .t-center p {
            margin: 0;
            padding: 3px 0;
        }

    .doc-print img.logo {
        display: block;
        margin: 20px auto;
    }

.pt-a4 {
    padding: 0 1cm 0 1.6cm !important;
    width: 29.7cm !important;
    font-size: 9px !important;
}

.pt-a4-calantitul {
    padding: 5cm 1cm 1cm 1.6cm !important;
    width: 29.7cm !important;
    font-size: 9px !important;
}

.doc-print .clr {
    height: 15px !important;
}

.doc-print table.grid {
    width: 100%;
}

    .doc-print table.grid thead th {
        background: var(--table-th-background);
        font-weight: bolder;
    }

    .doc-print table.grid td {
        padding: 1px 2px !important
    }

.doc-print table.head {
    width: 100%;
    border: none 0;
}

    .doc-print table.head td:first-child {
        width: 100%;
        vertical-align: top !important;
    }

    .doc-print table.head table tr {
        height: 22px;
    }

    .doc-print table.head table td {
        text-align: left;
        vertical-align: bottom !important;
        word-wrap: break-word;
    }

        .doc-print table.head table td:first-child {
            white-space: nowrap;
            width: auto;
            vertical-align: bottom !important;
        }

            .doc-print table.head table td:first-child + td {
                border-bottom: solid 1px #000000;
                width: 100%;
            }

.new-page {
    border-bottom: solid 1px #aaa;
    margin: 30px 0;
}

.size-and-weight-popup {
    width: 640px;
}

    .size-and-weight-popup .grid th {
        white-space: nowrap;
    }

    .size-and-weight-popup .grid input[type=text] {
        width: 80px;
    }

.delivery-system-edit label {
    width: 200px;
}

.binding-to-warehouse-popup {
    min-width: 800px;
}

    .binding-to-warehouse-popup .grid_filter label {
        white-space: nowrap;
    }

    .binding-to-warehouse-popup .edit-cell {
        width: 50%;
    }

        .binding-to-warehouse-popup .edit-cell select,
        .binding-to-warehouse-popup .edit-cell .select2-container {
            width: 98% !important;
        }

/* hover dropdown */
.hdd {
    border-radius: 2px;
    color: #427ea6;
    position: relative;
    width: auto;
    border: solid 1px #427ea6;
    padding: 3px 5px;
    margin-right: 10px;
}

    .hdd .hdd-title {
        padding: 3px 5px 3px 5px;
        line-height: 18px;
        margin-bottom: 7px;
        width: auto;
        white-space: nowrap;
    }

    .hdd .hdd-content {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 100%;
        border: solid 1px rgba(0, 0, 0, .2);
        border-top: none 0;
        right: 0;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
        z-index: 1;
    }

        .hdd .hdd-content ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .hdd .hdd-content li {
            padding: 4px 6px;
            white-space: nowrap;
        }

        .hdd .hdd-content a {
            margin: 0 5px;
        }

        .hdd .hdd-content .excel {
            background-size: auto 70%;
        }

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

        .hdd:hover .hdd-content li:hover {
            background-color: #f5f5fa;
        }
/* end hover dropdown */

table.working-time tr td, table.working-time tr th {
    white-space: nowrap;
    text-align: center;
}

ul.list-disc {
    list-style-type: disc;
}

ul.list-square {
    list-style-type: square;
}

.list-ctx ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}

    .list-ctx ul li {
        float: left;
        margin: 3px;
        padding: 2px 5px;
        border: solid 1px #aaa;
        border-radius: 3px;
    }

        .list-ctx ul li.selected {
            background-color: yellow;
            border: solid 1px #f0f000;
        }

        .list-ctx ul li.default span.default {
            position: relative;
            top: -7px;
            right: -3px;
            padding: 1px 2px;
            background-color: orange;
            color: white;
            border-radius: 3px;
        }

        .list-ctx ul li.show-all-hide {
            cursor: pointer;
            color: #000099;
            border: 0 solid;
        }

        .list-ctx ul li[data-sah-el] {
            display: none;
        }

ul.list-underline {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
}

.list-ctx ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}

    .list-ctx ul li {
        float: left;
        margin: 3px;
        padding: 2px 5px;
        border: solid 1px #aaa;
        border-radius: 3px;
    }

    .list-ctx ul.li-min-h-20 li {
        min-height: 20px;
    }

    .list-ctx ul li.selected {
        background-color: yellow;
        border: solid 1px #f0f000;
    }

    .list-ctx ul li.default span.default {
        position: relative;
        top: -7px;
        right: -3px;
        padding: 1px 2px;
        background-color: orange;
        color: white;
        border-radius: 3px;
    }

    .list-ctx ul li.show-all-hide {
        cursor: pointer;
        color: #000099;
        border: 0 solid;
    }

    .list-ctx ul li[data-sah-el] {
        display: none;
    }

.list-csv {
    padding: 2px 3px;
}

    .list-csv span {
        margin: 0 !important;
        padding: 0;
    }

        .list-csv span.show-all-hide {
            margin-left: 5px !important;
            cursor: pointer;
            color: #000099;
        }

        .list-csv span[data-sah-el] {
            display: none;
            margin-left: 5px;
        }

.queue-window {
    background-color: green;
    color: white;
    padding: 2px 4px;
    margin: 0;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
    top: -6px;
    right: -3px;
}

.queue-number {
    font-weight: bold;
    font-size: 36pt;
    padding: 5px;
}

.order-notification-template-edit-popup {
    width: 840px;
}

    .order-notification-template-edit-popup .l textarea {
        width: 540px;
        resize: none;
        height: 70px;
    }

    .order-notification-template-edit-popup .l input[type=text] {
        width: 540px;
    }

    .order-notification-template-edit-popup .l iframe {
        width: 540px !important;
        height: 150px !important;
    }

    .order-notification-template-edit-popup .r {
        width: 220px;
        padding-left: 10px;
    }

.thermal-label-add-edit-popup .l textarea {
    width: 500px;
    resize: none;
    height: 500px;
}

.sales-channel-add-edit-popup textarea {
    width: 600px;
    resize: none;
    height: 100px;
}

.discount-group-add-edit-popup textarea {
    width: 400px;
    resize: none;
    height: 300px;
}

.queue-number {
    font-weight: bold;
    font-size: 36pt;
    padding: 5px;
}

.order-notification-template-edit-popup {
    width: 840px;
}

    .order-notification-template-edit-popup .l textarea {
        width: 540px;
        resize: none;
        height: 70px;
    }

    .order-notification-template-edit-popup .l input[type=text] {
        width: 540px;
    }

    .order-notification-template-edit-popup .l iframe {
        width: 540px !important;
        height: 150px !important;
    }

    .order-notification-template-edit-popup .r {
        width: 220px;
        padding-left: 10px;
    }

.thermal-label-add-edit-popup .l textarea {
    width: 500px;
    resize: none;
    height: 500px;
}

.sales-channel-add-edit-popup textarea {
    width: 600px;
    resize: none;
    height: 100px;
}

.discount-group-add-edit-popup textarea {
    width: 400px;
    resize: none;
    height: 300px;
}

ul.wildcards {
    list-style: none;
    float: left;
    padding-left: 2px;
}

    ul.wildcards li {
        float: left;
        cursor: pointer;
        border-radius: 2px;
        border: solid 1px gray;
        padding: 2px 3px;
        margin: 2px 3px;
    }

input[type=text][data-table-column-filter] {
    width: 100% !important;
}

    input[type=text][data-table-column-filter][placeholder] {
        padding-left: 3px;
        background-image: none !important;
        background-color: inherit !important;
    }

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

    ul.checklist li {
        display: inline-block;
    }

        ul.checklist li:hover, ul.checklist li.focus {
            color: #999;
        }

        ul.checklist li input {
            margin-right: 3px;
        }

        ul.checklist li label {
            margin-left: 6px;
        }

ul.checklist-2column li {
    width: 48%;
}

ul.checklist-3column li {
    width: 31%;
}

ul.checklist-4column li {
    width: 22%;
}

ul.checklist li {
    display: inline-block;
}

    ul.checklist li:hover, ul.checklist li.focus {
        color: #999;
    }

    ul.checklist li input {
        margin-right: 3px;
    }

    ul.checklist li label {
        margin-left: 6px;
    }

ul.checklist-2column li {
    width: 48%;
}

ul.checklist-3column li {
    width: 31%;
}

ul.checklist-4column li {
    width: 22%;
}

/* font size - resizer */
ul.fs-resizer {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

    ul.fs-resizer li {
        display: inline;
        padding: 0;
        margin-right: 3px;
    }

        ul.fs-resizer li.current {
            padding: 2px 5px;
            cursor: default;
            font-weight: bold;
        }

    ul.fs-resizer a {
        color: #eee;
        padding: 1px 3px;
        border: solid 1px #eee;
        border-radius: 1px;
        font-size: 14px;
        text-decoration: none;
        width: 32px;
    }

        ul.fs-resizer a:hover {
            color: #ddd;
        }

        ul.fs-resizer a.disabled {
            color: #aaa;
            border-color: #aaa !important;
            cursor: default;
        }


/* order specification statuses */
tr.order-spec-denied td:nth-child(n+3), tr.order-spec-denied-full td {
    opacity: 0.5;
    text-decoration: line-through;
}

tr.order-spec-replacement td:nth-child(n+3), tr.order-spec-replacement-full td {
    opacity: 0.5;
}

/* - - - - - - - */
table.user-print-settings {
    margin: 15px 0 0 10px !important;
    width: auto !important;
}

    table.user-print-settings thead tr th:nth-child(1) {
        width: 150px;
        white-space: nowrap;
        text-align: left;
    }

    table.user-print-settings thead tr th:nth-child(2) {
        width: 100px;
        white-space: nowrap;
        margin: 0 auto;
    }

    table.user-print-settings tbody tr td:nth-child(1) {
        white-space: nowrap;
        text-align: left;
    }

    table.user-print-settings tbody tr td:nth-child(2) {
        text-align: center;
    }

div.remove_temp_data_settings_form div.field label {
    width: 400px;
}

div.save-font-size {
    background-color: rgb(242, 242, 242) !important;
    float: left;
    border: 0 none !important;
    display: none;
}

    div.save-font-size input[type=checkbox] {
        float: left;
        height: 24px;
        line-height: 24px !important;
    }

    div.save-font-size label {
        float: left;
        height: 24px !important;
        line-height: 24px;
        padding: 0 5px !important;
    }

fieldset {
    border: 1px solid gray;
    border-radius: 3px;
}

    fieldset legend {
        font-weight: bold;
        font-size: 11px;
    }

div .print-header {
    display: none;
}

div .print-footer {
    display: none;
}

@media print {
    div.kiosk-monitor-print {
    }
}

@media screen {
    div.kiosk-monitor-print {
        display: none;
    }
}

table {
    page-break-inside: auto
}

tr {
    page-break-inside: avoid;
    page-break-after: auto
}

@media print {
    .tt {
        width: .7em;
        width: 1ch;
        text-align: center;
        word-wrap: break-word;
    }

    body {
        background-color: #FFF;
        color: #000 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: solid 1px #fff !important;
    }

    .new-page {
        border: none 0 !important;
        page-break-after: always;
        display: block;
    }

    div.tbl div.tbl-head {
        background-color: #fff;
    }

    div.tbl div.tbl-head-print-colored {
        background-color: #eeeeee !important;
    }

    div .print-header {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        writing-mode: vertical-lr;
        padding-bottom: 8px;
        font-size: 20px;
        transform: rotate(180deg);
        -o-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    div .print-footer {
        display: block !important;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        writing-mode: vertical-rl;
        font-size: 20px;
        -o-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

[data-order-autocomplate] {
    width: 400px;
}

[data-client-autocomplate] {
    width: 500px;
}

[data-cell-autocomplate] {
    width: 190px;
}

[data-user-autocomplate] {
    width: 250px;
}

[data-cosignatory-autocomplate] {
    width: 400px;
}

[data-engine-marking-autocomplate] {
    width: 200px;
}

[data-terminal-autocomplete] {
    width: 400px;
}

[data-server-autocomplete] {
    width: 200px;
}

[data-position-state] {
    font-weight: bold;
    font-size: 12px;
}

div.fix-compare-state {
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    padding: 4px 2px 4px 12px;
}

    div.fix-compare-state a {
        border: 1px solid #b5b8c8;
        border-radius: 2px;
        margin-top: 8px;
        padding: 4px 2px 4px 4px;
        color: #b5b8c8;
        text-decoration: none;
    }

        div.fix-compare-state a:hover {
            background: #e2f1ff;
            color: #333333;
        }

table.mainboard {
    width: 100%;
}

    table.mainboard tr th {
        background-color: #777;
        padding: 5px;
        border: solid 1px #aaa;
        text-align: center;
    }

    table.mainboard tr.first th {
        font-weight: bold;
        color: #eee;
    }

    table.mainboard tr.second th {
        color: #eee;
    }

    table.mainboard tr td {
        border: solid 1px #aaa;
        padding: 3px;
        text-align: center;
    }

        table.mainboard tr th.separator, table.mainboard tr td.separator {
            border: none 0;
            width: 3px !important;
            background-color: #fff;
        }

*:-webkit-full-screen {
    font-size: 2em !important;
}

*:-moz-full-screen {
    font-size: 2em !important;
}

*:-ms-fullscreen {
    font-size: 2em !important;
}

*:full-screen {
    font-size: 2em !important;
}

*:fullscreen {
    font-size: 2em !important;
}

.selection {
    width: 100%;
}

.select2-selection {
    outline: none;
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px;
}

.select2-container .select2-selection--single {
    height: 25px;
    border-radius: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 18px;
    width: 8px;
    top: 0;
}

.select2-container--default .select2-selection--single {
    background: var(--select-option-background)
}

.gallery .drag-label {
    width: calc(100% - 340px);
    position: absolute;
    right: 0;
    top: 50%;
    text-align: center;
}

.loadMessage {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
}

.webcam_upload {
    position: relative;
}

.webcam_gallery {
    width: calc(100% - 445px);
    float: right;
}

#progress {
    margin-top: 5px;
    background: #ccc;
}

/*DonwloadStyles start*/

.open_unloading {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 27px;
    height: 32px;
    background: var(--table-title-background);
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
    padding-top: 10px;
}

#uploading_block {
    width: 270px;
    height: 210px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #648cb7;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 1px solid #336699;
    box-sizing: border-box;
}

.open_unloading_header {
    height: 22px;
    vertical-align: middle;
    line-height: 22px;
    background: #336699;
}

    .open_unloading_header p {
        float: left;
        color: #fff;
        font-size: 13px;
        margin-left: 10px;
        padding: 0 5px;
        margin: 0;
    }

    .open_unloading_header img {
        float: right;
        margin-right: 10px;
        margin-top: 5px;
        cursor: pointer;
    }

.open_unloading_body {
    width: 100%;
    height: 188px;
    box-sizing: border-box;
    overflow-y: scroll;
}

.open_unloading_body_block {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #336699;
}

.open_unloading_body_block_top {
    width: 100%;
    padding: 5px 10px 0px 10px;
    box-sizing: border-box;
}

    .open_unloading_body_block_top img {
        float: left;
        margin-top: 3px;
        margin-right: 5px;
    }

    .open_unloading_body_block_top p {
        display: block;
        width: 210px;
        height: 20px;
        float: left;
        overflow: hidden;
        color: #fff;
        padding: 0;
        margin: 0;
    }

    .open_unloading_body_block_top:after {
        clear: both;
    }

.open_unloading_body_block_bottom {
    background: #305a85;
    height: 18px;
    margin-top: 18px;
    width: 230px;
    margin-left: 10px;
    border-radius: 4px;
    position: relative;
    background: linear-gradient(to top, #336598, #305a85);
}

.open_unloading_body_block_bottom_pr {
    position: absolute;
    right: 0px;
    background: #ededed;
    height: 18px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.open_unloading_body_block_bottom span {
    position: absolute;
    right: 7px;
    color: #666666;
    top: 1px;
    font-size: 13px;
}

.open_unloading_body_block_bottom_text {
    height: 18px;
    margin-top: 18px;
    width: 230px;
    margin-left: 10px;
    border-radius: 4px;
    position: relative;
    color: #fff;
    font-size: 13px;
}

    .open_unloading_body_block_bottom_text p span {
        display: inline-block;
        margin: 0px 2px;
    }

    .open_unloading_body_block_bottom_text a {
        margin-left: 10px;
        cursor: pointer;
        display: inline-block;
    }

/*DonwloadStyles end*/

.labelCurrencyBasic {
    width: 30px;
}


/*test*/
.gallery .drag-label {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
}

.gallery {
    overflow: visible;
    position: relative;
}

.webcam_gallery .gallery {
    min-height: 320px;
}

.logo-uploader-input {
    height: 20px;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    background-color: var(--select-option-background-disabled);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--select-option-background-selected);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--select-option-background-hightlight);
    color: var(--select-option-background-text);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right: 5px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    width: 100%;
}

.select2-auto-height {
    max-height: 500px;
}

.upload-photos .file {
    width: 25%;
}

.thermal-label-print {
    background: url(images/printer1.png) 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    float: right;
    width: 16px;
    height: 16px;
}

    .thermal-label-print:hover {
        cursor: pointer;
    }

.thermal-print-checkbox {
    float: left;
    margin: 5px 0 5px 10px;
}

    .thermal-print-checkbox label {
        padding-left: 5px;
    }

span.thermal-label-print {
    opacity: 0.5;
    float: none !important;
}

    span.thermal-label-print:hover {
        opacity: 1;
        float: none !important;
    }

.upload-photo-checkbox {
    float: left;
    margin: 5px 0 5px 10px;
}

    .upload-photo-checkbox span {
        float: left;
        margin-top: 2px;
    }

    .upload-photo-checkbox label {
        padding-left: 5px;
    }

span.thermal-label-print {
    opacity: 0.5;
    float: none !important;
}

    span.thermal-label-print:hover {
        opacity: 1;
        float: none !important;
    }

.upload-photo-checkbox {
    float: left;
    margin: 5px 0 5px 10px;
}

    .upload-photo-checkbox span {
        float: left;
        margin-top: 2px;
    }

    .upload-photo-checkbox label {
        padding-left: 5px;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 1.2;
}

.select2-container .select2-selection--multiple {
    min-height: 25px;
    border-radius: 0;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.select2-container .select2-selection--single {
    height: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 23px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--select-color-text);
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--select-option-background);
}

input, select, .popup div[data-dynamic-destination] select, .popup div[data-dynamic-destination] input {
    height: 25px;
}

input, select, textarea {
    background: none;
}
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: var(--select-option-background) !important;
}
    input:focus,
    select:focus,
    textarea:focus {
        outline: none;
    }

.tags {
    clear: both;
    display: block;
    padding-top: 10px;
}

.select2-search__field {
    background-color: #E4EEFC;
    background: #E4EEFC url('images/select2.png') no-repeat 100% -22px;
    background: url('images/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #E4EEFC), color-stop(0.99, #eeeeee));
    background: url('images/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #E4EEFC 85%, #eeeeee 99%);
    background: url('images/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #E4EEFC 85%, #eeeeee 99%);
    background: url('images/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #E4EEFC 85%, #eeeeee 99%);
    background: url('images/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #E4EEFC 85%, #eeeeee 99%);
    background: url('images/select2.png') no-repeat 100% -22px, linear-gradient(top, #E4EEFC 85%, #eeeeee 99%);
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    font-family: sans-serif;
    font-size: 1em;
    width: 100%;
    margin: 0;
    height: auto !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.select2-choice {
    background-color: var(--active-color) !important;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 18px;
}

.popup div[data-dynamic-destination] span.select2 {
    float: left;
}

.note {
    float: none !important;
    margin: 35px 5px 0 0 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-title {
    color: white;
}

a.generate-password span {
    float: left;
}

.fs8 {
    font-size: 8px;
}

.fs10 {
    font-size: 10px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs15 {
    font-size: 15px;
}

.fs20 {
    font-size: 20px;
}

.fwb {
    font-weight: bold
}

.fsi {
    font-style: italic
}

a.wrench {
    cursor: pointer;
    text-decoration: none;
    background: url('../UISite/images/wrench.png') no-repeat left;
    background-size: 13px;
    margin: 2px;
    padding-left: 15px;
    border-bottom: dotted 2px red;
    color: red;
    font-weight: bold;
    transition: border-bottom .3s ease;
}

span.wrench-cancel-order {
    text-decoration: none;
    background: url('../UISite/images/wrench.png') no-repeat left;
    margin: 2px;
    padding-left: 18px;
    border-bottom: dotted 2px red;
    color: red;
    font-weight: bold;
    transition: border-bottom .3s ease;
}

.wrench {
    background: url('../UISite/images/wrench.png') no-repeat left;
    height: 16px;
    padding-left: 18px;
    transition: border-bottom .3s ease;
}

a.wrench.cancel {
    border-bottom: dotted 2px gray;
    color: gray;
}

.wrench:hover {
    border-bottom: 2px dotted transparent;
}

.select2-results__options li {
    padding: 1px 5px;
    user-select: none;
    -webkit-user-select: none;
}

.select2 .selection {
    width: 100%;
}

    .select2 .selection .select2-selection {
        outline: none;
        width: 100%;
    }

.common-btn,
.reset-btn button,
.confirm-btn,
.btn-contropls-box .popup_close,
.history-btn button {
    background-color: transparent;
    border: solid 1px var(--tabs-border);
    border-radius: 2px;
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    font-size: 11px;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    padding: 0 10px;
    transition: all .3s ease;
    width: auto;
    white-space: nowrap;
}

.confirm-btn {
    border: solid 1px #6181A6;
    background-color: #6181A6;
    color: #fff;
}

.common-btn:hover,
.btn-contropls-box .popup_close:hover {
    background-color: #fff;
}

.common-btn:focus,
.confirm-btn:focus,
.btn-contropls-box .popup_close:focus {
    outline: none;
}

.inverse-btn:hover {
    background-color: #6181A6;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #6181a6;
    color: #fff;
}

.select2-container--default .select2-results__options .loading-results {
    background-color: #FFFFFF;
}


/*.select2-container .select2-selection--multiple { margin-bottom: 5px; } ������ � ������2, �������, ���� ��� �������*/

.select2-container .select2-choice {
    background: url("../../images/text-bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #B5B8C8;
    height: 25px;
    line-height: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 0 0 0 2px;
    color: #444;
    text-decoration: none;
    width: 100%;
}

    .select2-container .select2-choice div {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
        background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        height: 100%;
        width: 21px;
        margin: 0;
    }

/*.select2-container .select2-choice div b {*/
/*    background: url('select2.png') no-repeat;*/
/*    background-position:0 -3px;*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/* lazy select */
.lazy-select {
    white-space: nowrap;
    width: 100%;
    padding-right: 8px;
}

.select2-container .lazy-select {
    padding-right: 8px;
}

.lazy-select span {
    float: none;
}

.lazy-select span {
    float: none;
}

.select2-container .select2-choice div b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.check {
    background: url('../content/images/checked.gif') no-repeat center;
}

.grid-vert-center td {
    vertical-align: middle;
}

.select2-container-multi span.select2 {
    height: auto;
}

.btn-gallery {
    top: 50%;
    position: absolute;
    background-image: url(images/fancybox_sprite.png);
}

.left-btn-gallery {
    left: 15px;
    width: 36px;
    height: 34px;
    background-position: 0 -36px;
}

.right-btn-gallery {
    right: 15px;
    background-position: 0 -72px;
    width: 36px;
    height: 34px;
}

span.selection {
    margin: 0;
}

span.dropdown-wrapper {
    margin: 0;
}

.counter-image {
    text-align: center;
    position: absolute;
    width: 100%;
    font-size: 15px;
    margin-top: 5px;
}

.client-card {
    background-color: white;
}

.viki-tabs-frames .client-card-orders {
    margin-top: 0;
    border-top: 1px solid #AAAAAA;
    line-height: 15px;
}

    .viki-tabs-frames .client-card-orders thead th {
        cursor: default;
        border: 0 none;
        border-left: 1px solid #CCCCCC;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#E3E4E6');
        background: -webkit-linear-gradient(top, #F9F9F9, #E3E4E6);
        background: -moz-linear-gradient(center top, #F9F9F9, #E3E4E6);
        background: -o-linear-gradient(top, #F9F9F9, #E3E4E6);
        background: -ms-linear-gradient(top, #F9F9F9, #E3E4E6);
        text-align: left;
        padding: 6px;
        font-weight: normal;
    }

.field .exampleTime {
    width: auto;
    margin: 4px;
}

.notification-count {
    background-color: #648cb7;
    border-radius: 3px;
    color: white;
    font-size: 0.8em;
    font-weight: bold !important;
    padding: 2px 4px 2px 3px;
    position: relative;
    margin-left: -15px;
}

[data-task-autocomplete] {
    width: 300px;
}

.icons {
    margin-top: 3px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 4px;
    background-image: url('images/icons/new-icons.png');
    background-repeat: no-repeat;
    display: inline-block;
}

    .icons.notes {
        width: 25px;
        height: 24px;
        background-position: -89px -364px;
    }

    .icons.logout {
        width: 24px;
        height: 24px;
        background-position: -364px -247px;
    }

    .icons.createtask {
        width: 24px;
        height: 24px;
        background-position: -167px -479px;
    }

    .icons.client {
        width: 16px;
        height: 16px;
        background-position: -10px -112px;
    }

    .icons.bell {
        width: 24px;
        height: 24px;
        background-position: -52px -15px;
    }

    .icons.avatar {
        width: 24px;
        height: 24px;
        background-position: -131px -170px;
    }

    .icons.administration {
        width: 25px;
        height: 24px;
        background-position: -441px -247px;
    }

.wishlist-history-delimiter,
.grid.wishlist-history-delimiter,
.grid > li > ul > li.wishlist-history-delimiter {
    border-right: 2px solid rgba(0, 0, 0, 0.25);
}

.float-none div {
    float: none;
}

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

    .clientInfo .icons.client + .field {
        position: absolute;
        background: #fff;
        display: none;
        height: auto;
        padding: 5px;
        border: 1px solid #CCCCCC;
    }

        .clientInfo .icons.client:hover + .field,
        .clientInfo .icons.client + .field:hover {
            display: block;
        }

.icon {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    cursor: help;
}

.transit-icon {
    background: url('../UISite/images/transit.png');
}

.warehouse-icon {
    background: url('../UISite/images/warehouse.png');
}

.deparment-icon {
    background: url('../UISite/images/department.png');
}

.users-icon {
    background: url('../UISite/images/users.png');
}

.export-icon {
    background: url('../UISite/images/export.png');
    cursor: auto;
}

.grid-icon {
    background: url('../UISite/images/grid.png');
}

.partial-icon {
    background: url('../UISite/images/partial.png');
}

.skype-icon {
    background: url('../UISite/images/skype.png');
}

.icq-icon {
    background: url('../UISite/images/icq.png');
}

.site-icon {
    background: url('../UISite/images/site.png');
}

.notifications-off-icon {
    background: url('../UISite/images/notifications-off.png');
    background-size: contain;
    margin: 5px;
    cursor: auto;
}

.notifications-position-off-icon {
    background: url('../UISite/images/notifications-off.png');
    background-size: contain;
    cursor: auto;
    position: absolute;
    left: 88%;
    top: 50%;
}

.prelative {
    position: relative
}

.export-xls-icon {
    background: url('../UISite/images/export-xls.png');
}

.info-icon {
    background: url('../UISite/images/info.png');
}

.part-icon {
    background: url('../UISite/images/part.png');
    width: 12px;
    height: 12px;
    background-size: contain;
    cursor: auto;
}

.ip-address {
    background: url('../UISite/images/ip_address.png') no-repeat 0 0;
    cursor: auto;
    background-size: 12px 12px;
    padding-left: 14px;
}

.attention-icon {
    background-image: url('../UISite/images/warning.png');
    width: 36px;
    height: 36px;
    background-size: contain;
    margin-right: 7px;
    cursor: auto;
}

.icon-small {
    width: 14px !important;
    height: 14px !important;
}

.attention-icon-16 {
    background-image: url('../UISite/images/warning.png');
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-right: 7px;
    cursor: auto;
}

.emulation-icon {
    background: url('../UISite/images/emulation_on.png');
}

.ignore-auto-icon {
    background: url('../UISite/images/prohibition.png');
    cursor: auto;
}

.send-sms-partial-delivery-icon {
    background: url('../UISite/images/send_sms_partial_delivery.png');
    cursor: auto;
}

.emulationOff-icon {
    margin-top: 3px;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 4px;
    background: url('../UISite/images/icons/new-icons.png');
    background-position: -209px -170px;
    content: '';
    width: 24px;
    height: 24px;
}

.price-icon {
    background: url('../UISite/images/price-tag.png');
    cursor: auto
}

.cashbox-icon {
    background: url('../UISite/images/cashbox.png');
}

.diff-icon {
    background: url('../UISite/images/diff.png');
}

.text-title-ctx {
    content: '';
    display: inline-block;
    cursor: help;
}

    .icon > .icon-title, .text-title-ctx > .text-title {
        position: absolute;
        background: #fff;
        display: none;
        height: auto;
        padding: 8px 12px;
        padding-right: 10px;
        margin-left: 24px;
        margin-top: -8px;
        list-style-type: none;
        border: 1px solid #CCCCCC;
        border-radius: 2px;
        width: auto;
        z-index: 99999;
    }

    [data-theme="dark"] .icon > .icon-title, .text-title-ctx > .text-title {
        background: #212529;
    }

ul .grid.grid-nonsel .group .l .icon-title li {
    align-items: center;
    display: flex;
    padding: 0 0 6px;
}

    ul.grid.grid-nonsel .group .l .icon-title li:first-child {
        padding: 0 0 10px 0;
    }

        ul.grid.grid-nonsel .group .l .icon-title li:first-child strong {
            padding-right: 6px;
        }

    ul.grid.grid-nonsel .group .l .icon-title li:last-child {
        padding: 0;
    }

ul.grid.grid-nonsel .group .l .icon-title label {
    flex-grow: 1;
}

.icon:hover > .icon-title, .icon > .icon-title:hover,
.text-title-ctx:hover > .text-title, .text-title-ctx > .text-title:hover {
    display: block;
}

.icon-badge[data-badge] {
    margin-right: 12px !important;
    white-space: nowrap;
}

    .icon-badge[data-badge] .icon-title {
        margin-left: 32px !important;
    }

    .icon-badge[data-badge]:after {
        content: attr(data-badge);
        line-height: 24px;
        color: gray;
        text-align: left;
        padding-left: 20px;
    }

.new-client-card-controls,
.left-fields.new-client-card-controls label {
    width: auto;
}

.right-contropls-box {
    align-items: center;
    display: flex;
}

    .right-contropls-box .field {
        align-items: center;
        display: flex;
    }

.main-page-icon {
    background: url('../UISite/images/main-page.png');
    cursor: default;
}

.sms-template-editor {
    width: 330px;
    height: 150px;
    resize: none
}

a.view-sms-template {
    border: 1px solid #b5b8c8;
    border-radius: 3px;
    color: #b5b8c8;
    display: inline-block;
    padding: 2px 2px 4px 2px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
}

    a.view-sms-template:hover {
        background: #e2f1ff;
        color: #333333;
    }

.sms-will-send {
    color: green;
    font-size: smaller;
}

.sms-has-not-sent {
    color: red;
    font-size: smaller;
}

.car-purpose {
    padding: 5px;
    font-size: 20px;
    color: #28a745;
}

.allowed-ip-comment-editor {
    width: 250px;
    height: 50px;
    resize: none
}

div.approve-disassembly-chart-btn {
    margin: 2px 0;
    display: inline-block;
}

    div.approve-disassembly-chart-btn a {
        border: 1px solid #b5b8c8;
        border-radius: 2px;
        margin-top: 6px;
        padding: 2px 4px;
        color: #70727b;
        text-decoration: none;
    }

        div.approve-disassembly-chart-btn a:hover {
            background: #e2f1ff;
            color: #333333;
        }

.cashbox {
    background: url('../UISite/images/cashbox.png') no-repeat;
    padding-left: 18px;
    float: left;
}

    .cashbox .checking-account {
        margin-left: -18px;
    }

div.analysis-of-auto-query-checkbox input[type=checkbox] {
    margin-top: 5px;
}

.grid .td-table {
    padding: 0;
}

ul.light-list {
    list-style: none;
    padding-left: 0px;
}

    ul.light-list li.l-list {
        padding: 3px;
        cursor: pointer;
    }

        ul.light-list li.l-list:nth-child(even) {
            background-color: #E4EEFC;
        }

        ul.light-list li.l-list:hover {
            background-color: #d5e3f5;
        }

        ul.light-list li.l-list ul li {
            height: 19px;
        }

.changelog ul {
    list-style: decimal;
}

    .changelog ul li {
        padding: 3px;
        border-bottom: solid 1px #E4EEFC;
    }

        .changelog ul li:last-child {
            border-bottom: none 0;
        }

.changelog a[target=_blank] {
    background: url(images/new_window_icon.png) no-repeat scroll 0 0;
    display: inline-block;
    text-decoration: none;
    width: 12px;
}

.delivery-without-confirmation-icon {
    background: url('../UISite/images/delivery-without-confirmation.png');
    cursor: default;
}

.disassembly-on-terminal-icon {
    background: url('../UISite/images/disassembly-on-terminal.png');
    cursor: default;
}

.to-assembly-when-pickup-delayed-icon {
    background: url('../UISite/images/return_to_assembly.png');
    cursor: default;
}

.equeue-icon {
    background: url('../UISite/images/queue.png');
    cursor: default;
}

.event-icon {
    background: url('../UISite/images/event.png');
    cursor: default;
}

.order-status-icon {
    background: url('../UISite/images/order-status.png');
    cursor: default;
}

.for-payment-icon {
    background: url('../UISite/images/for_payment.png') no-repeat left center;
    cursor: default;
    padding-left: 20px;
}

.filter-field-icon {
    position: absolute;
    top: 20px;
    left: 100px;
}

.part-type {
    border: solid 1px #eee;
    padding: 1px 2px;
    border-radius: 2px;
    margin-bottom: 1px;
}

.article {
    background: url('../UISite/images/article.png') no-repeat;
    margin-left: 2px;
    padding-left: 16px;
    padding-right: 3px;
    cursor: default;
    color: gray;
    height: 16px;
}

.inline-dv .dv, .inline-dv span {
    display: inline-block
}

.block-dv span {
    display: block;
    border: none 0 !important;
}

div.property-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

    div.property-grid > div {
        text-align: left;
        border-bottom: 1px solid #9DAEB7 !important;
        padding: 1px 2px;
        width: 29%;
        float: left;
    }

        div.property-grid > div.odd {
            background-color: #F1F1F1 !important;
            border-bottom: 1px solid #9DAEB7 !important;
            width: 21%;
        }

        div.property-grid > div.odd2 {
            background-color: #e6f1f7 !important;
            border-bottom: 1px solid #9DAEB7 !important;
            width: 21%;
            font-weight: bold;
        }

        div.property-grid > div.full {
            width: 79%;
        }

        div.property-grid > div.grouping {
            background-color: #D2DEE6 !important;
            padding: 2px 2px 2px 5px !important;
            width: 100%;
            font-weight: bold;
        }

.logo-view img {
    max-width: 100%;
    border: solid 1px black;
    margin: 10px;
}

.pdf-frame-ctx {
    width: 234mm;
}

    .pdf-frame-ctx iframe {
        width: 225mm;
        height: 317mm;
    }

.a6-pdf-frame-ctx {
    width: 130mm;
}

    .a6-pdf-frame-ctx iframe {
        width: 130mm;
        height: 168mm;
    }

.dashboare-frame-ctx iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.phones {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    padding: 2px 3px;
}

    .phones input[type=text] {
        width: 115px;
    }

    .phones span.clearable {
        width: 115px;
    }

    .phones li {
        line-height: 30px;
    }

.send-sms {
    margin-left: 2px;
    vertical-align: middle;
    background: url('../UISite/images/send-sms.png');
    content: '';
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-top: -5px;
}

.is-send-sms {
    display: none;
}

    .is-send-sms:checked + .send-sms {
        border-radius: 4px;
        background-color: #e2f1ff;
        border: 1px solid #B5B8C8;
        box-shadow: inset 0 0 3px 1px rgba(181,184,200,1);
    }

.inline-phones {
    clear: both;
}

    .inline-phones li {
        display: inline-block;
        margin-right: 20px;
        margin-top: 3px;
    }

.phone-label {
    display: block;
    line-height: 1;
}

.filter-icon {
    background: url('../UISite/images/filter.svg');
    background-size: 100%;
    cursor: default;
}

.manually-internal-delivery-chbox {
    width: 220px;
    float: left;
}

.manually-internal-delivery-currency {
    line-height: 20px;
    margin-left: 5px;
}

.manually-internal-delivery-editor {
    float: left;
}

.manually-icon {
    background: url('../UISite/images/manually.png');
    cursor: default;
}

.manually-internal-delivery-error {
    display: inline-block;
    border: red;
    border-style: solid;
    border-width: 1px;
    color: red;
    padding: 2px;
    margin-top: 10px;
}


.attention-code {
    color: red;
    font-weight: bold;
    padding: 7px;
    border: 3px solid red;
    border-radius: 10px;
    margin-left: 150px;
    margin-right: 150px;
    margin: 10px 150px 10px 150px;
}

.attention-personal-phone {
    color: red;
    font-weight: bold;
    padding: 7px;
    border: 3px solid red;
    border-radius: 10px;
    margin-bottom: 15px;
}

.attention-code-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.caption-img {
    display: inline-block;
}

    .caption-img.img {
        display: block;
    }

    .caption-img div {
        border: solid 1px red;
        text-align: center;
    }

.fieldset-line {
    border-right: 0 none !important;
    border-left: 0 none !important;
    border-bottom: 0 none !important;
    border-top: 1px solid gray !important;
    border-radius: 0 !important;
}

.session-extend-popup-overlay {
    z-index: 100000;
}

    .session-extend-popup-overlay .popup {
        width: 400px;
        border: solid 2px #305a85;
        border-radius: 2px;
        color: #305a85;
    }

    .session-extend-popup-overlay .box_body {
        line-height: 24px;
    }

    .session-extend-popup-overlay .timer {
        padding: 0 3px;
        font-weight: bold;
    }

.send-sms-icon {
    background: url('../UISite/images/send-sms.png');
    background-repeat: no-repeat;
    background-size: 14px, 14px;
    cursor: default;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 2px;
}

.keep-icon {
    background: url('../UISite/images/keep.png');
    background-repeat: no-repeat;
    background-size: 16px, 16px;
    cursor: default;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 2px;
}

.more-icon {
    background: url('../UISite/images/more.png');
    background-position: 0 0;
    margin-left: 2px;
    height: 11px;
    position: relative;
}

.client-phones {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}

.popup .client .more-icon {
    float: right;
    display: inline-block;
    margin: 0 5px;
}

.map-marker {
    background: url("../UISite/images/if_map_marker.png");
    height: 16px;
    width: 16px;
    content: '';
    display: inline-block;
}

.path-marker {
    background: url("../UISite/images/if_path.png");
    height: 16px;
    width: 16px;
    content: '';
    display: inline-block;
}

.timer-idle {
    color: gray;
    display: none;
    float: right;
    margin-right: 32px;
}

    .timer-idle span {
        font-size: 21px;
    }

.download {
    background: url('../UISite/images/download.png');
    background-size: contain;
    cursor: auto;
}

.zip-import {
    margin: 20px 0;
}

.zip-import-item {
    float: left;
    width: 25%;
    margin-bottom: 10px;
}

.zip-import-item-title {
    font-weight: 700;
}

.zip-import-item:nth-of-type(4n+1) {
    clear: both;
}

.fieldset-header {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    color: #aaa;
}

    .fieldset-header > span {
        display: inline-block;
        margin: 0 .4em;
    }

        .fieldset-header > span:before,
        .fieldset-header > span:after {
            content: '';
            position: absolute;
            width: 100%;
            border-top: 1px solid #aaa;
            margin-top: .6em;
        }

        .fieldset-header > span:before {
            margin-left: -102%;
        }

        .fieldset-header > span:after {
            margin-left: 2%;
        }

.list-limited-by-selected-markup {
    display: inline-block;
    margin-left: 180px;
    margin-bottom: 10px;
}

.last-pickup-terminal-icon {
    background: url('../UISite/images/last-pickup-terminal.png');
    background-size: contain;
    width: 20px;
    height: 20px;
    cursor: default;
}

.different-currency-icon {
    background: url('../UISite/images/different-currency.png');
}

.master-of-estimation-icon {
    background: url('../UISite/images/master-of-estimation.png');
    cursor: default;
}

.analysis-of-factors-need-icon {
    background: url('../UISite/images/analysis-of-factors-need.png');
    cursor: default;
}

.warehouse-query-label label {
    line-height: 19px;
}

table.warehouse-application-area {
    margin: 15px 0 0 10px !important;
    width: auto !important;
}

    table.warehouse-application-area thead tr th:nth-child(1) {
        width: 150px;
        white-space: nowrap;
        text-align: left;
    }

    table.warehouse-application-area thead tr th:nth-child(2) {
        width: 100px;
        white-space: nowrap;
        margin: 0 auto;
    }

    table.warehouse-application-area tbody tr td:nth-child(1) {
        white-space: nowrap;
        text-align: left;
    }

    table.warehouse-application-area tbody tr td:nth-child(2) {
        text-align: center;
    }

.price-history-icon {
    background: url('../UISite/images/price_history.png');
    display: inline-block;
    width: 16px;
    height: 16px;
}

.price-order-icon {
    background: url('../UISite/images/price_order.png');
    display: inline-block;
    width: 16px;
    height: 16px;
}

.price-recommended-icon {
    background: url('../UISite/images/price_recommended.png');
    display: inline-block;
    width: 16px;
    height: 16px;
}

.gtd-button-icon {
    background: url('../UISite/images/GTD-button.png');
    width: 23px !important;
}

.alert-message {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-message-photographing-rules {
    margin-bottom: 5px;
}

.alert-message-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-message-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-message-danger2 {
    color: #a94442;
    background-color: #f2dede;
    border-color: #d73925;
}

.alert-message-warning2 {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #e08e0b;
}

.alert-message-danger3 {
    color: #fff !important;
    background-color: #dd4b39 !important;
    border-color: #d73925;
}

.alert-message-warning3 {
    color: #fff !important;
    background-color: #f39c12 !important;
    border-color: #e08e0b;
}

.alert-message-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-message-info2 {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #00acd6;
}

.alert-message-info3 {
    color: #fff !important;
    background-color: #00c0ef !important;
    border-color: #00acd6;
}

.alert-message-info4 {
    color: #fff !important;
    background-color: #3875d7 !important;
    border-color: #3875d7;
}

.alert-message-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #008d4c;
}

.btn-contropls-box .alert-message-danger3 {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    margin: 0 0 0 10px;
    padding: 0 8px;
}

.flex {
    display: flex;
}

.flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

.notification-partial-delivery-off {
    background: url('../UISite/images/notifications-off-small.png');
    background-size: cover;
    height: 16px;
    width: 12px;
    content: '';
    display: inline-block;
}

div.sharding {
    width: 99%;
}

    div.sharding > div {
        border: solid 1px gray;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 1px;
    }

        div.sharding > div > div.progress {
            width: 99%;
            height: 24px;
            background-color: #D6DDE2;
            border-radius: 3px;
        }

            div.sharding > div > div.progress > div {
                background-color: #648CB7;
                height: 100%;
                border-radius: 3px;
                text-align: center;
                color: white;
                line-height: 24px;
            }

        div.sharding > div > div.desc {
            width: 99%;
            text-align: right;
            color: gray;
            font-weight: bold;
        }

    div.sharding div.folders {
        display: inline-block;
        padding: 5px;
    }

        div.sharding div.folders ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

div.sharding {
    width: 99%;
}

    div.sharding > div {
        border: solid 1px gray;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 1px;
    }

        div.sharding > div > div.progress {
            width: 99%;
            height: 24px;
            background-color: #D6DDE2;
            border-radius: 3px;
        }

            div.sharding > div > div.progress > div {
                background-color: #648CB7;
                height: 100%;
                border-radius: 3px;
                text-align: center;
                color: white;
                line-height: 24px;
            }

        div.sharding > div > div.desc {
            width: 99%;
            text-align: right;
            color: gray;
            font-weight: bold;
        }

    div.sharding div.folders {
        display: inline-block;
        padding: 5px;
    }

        div.sharding div.folders ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        div.sharding div.folders li {
            background: url('../UISite/images/folder.png') 3px center no-repeat;
            border: solid 1px gray;
            padding: 3px 6px 3px 21px;
            border-radius: 3px;
            float: left;
            margin: 3px;
        }

            div.sharding div.folders li span.cached {
                background: url('../UISite/images/cache.png') right center no-repeat;
                cursor: default;
                padding-right: 16px
            }

.purpose-car-icon {
    background: url('../UISite/images/purpose_car.png');
    cursor: default;
}

.chain-icon {
    background: url('../UISite/images/chain.png');
    cursor: default;
}

.menu-icon {
    background: url('../UISite/images/menu.png');
    cursor: default;
}

.the-sum-of-icon {
    background: url('../UISite/images/the-sum-of.png');
    cursor: default;
}

.align-middle {
    vertical-align: middle !important;
}

.sroll-500 {
    overflow: auto;
    max-height: 500px
}

.client-card-icon {
    background: url('../UISite/images/passport.png');
    cursor: pointer;
}

.box-view td {
    border-bottom: 1px solid #9DAEB7 !important;
    padding: 1px 3px !important;
}

.analysis-sales-channels-icon {
    background: url('../UISite/images/analysis-sales-channels.png');
    cursor: pointer;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-small {
    display: inline-block;
    min-width: 8px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center !important;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.progress-bar-success {
    background-color: #00a65a;
}

.progress-bar-warning {
    background-color: #f39c12;
}

.progress-bar-yellow {
    background-color: #ffd812;
}

.progress-bar-info {
    background-color: #00c0ef;
}

.progress-bar-danger {
    background-color: #dd4b39;
}

.button-right {
    float: right
}

.asterisk-icon {
    background: url('../UISite/images/asterisk.png');
    cursor: default;
}

.optional-icon {
    background: url('../UISite/images/optional.png');
    cursor: default;
}

.search-icon {
    background: url('../UISite/images/search.png');
    cursor: default;
}

.search-icon-kiosk-terminal {
    background: url('../UISite/images/search-kiosk-terminal.png');
    cursor: default;
}

.show-in-prices-icon {
    background: url('../UISite/images/show_in_prices.png');
    cursor: default;
}

.inheritance-icon {
    background: url('../UISite/images/inheritance.png');
    cursor: default;
}

.selection-icon {
    background: url('../UISite/images/selection.png');
    cursor: default;
}

.disassembly-card {
    background: url('../UISite/images/disassembly-card.png');
    cursor: default;
}

div.related-part-types {
    clear: both;
    margin-top: 5px;
    float: left;
}

    div.related-part-types ul {
        list-style: decimal !important;
    }

        div.related-part-types ul li {
            border: none 0 !important;
            margin-left: 15px;
            float: none !important;
        }

.without-warranty-icon {
    background: url('../UISite/images/without-warranty.png');
    cursor: default;
}

.invoice-icon {
    background: url('../UISite/images/invoice.png');
    cursor: default;
}

.photographing-rules-icon {
    background: url('../UISite/images/photo.png');
    cursor: default;
}

.not-consider-icon {
    background: url('../UISite/images/not_consider.png');
    cursor: default;
    width: 14px !important;
}

.parameters-icon {
    background: url('../UISite/images/parameters.png');
    cursor: auto;
}

[data-container-all-autocomplete] {
    width: 250px;
}

[data-container-not-transports-autocomplete] {
    width: 250px;
}

[data-container-registered-autocomplete] {
    width: 250px;
}

[data-box-autocomplete] {
    width: 250px;
}

[data-cashbox] {
    min-width: 250px;
}

.manager-black-icon {
    background: url('../UISite/images/manager-black.png');
    cursor: auto;
}

.manager-red-icon {
    background: url('../UISite/images/manager-red.png');
    cursor: auto;
}

.combine-deliveries-icon {
    background: url('../UISite/images/combine-deliveries.png');
    background-size: contain;
    cursor: default;
}

.engine-power-icon {
    background: url('../UISite/images/engine_power.png')0 1.5px;
    margin-right: 3px;
    cursor: default;
}

.engine-weight-icon {
    background: url('../UISite/images/weight.png') 0 1.1px;
    margin-right: 3px;
    cursor: default;
}

.feedback-icon {
    background: url('../UISite/images/feedback.png');
    cursor: auto;
}

.feedback-allowed-icon {
    background: url('../UISite/images/mail_white.png');
    cursor: auto;
}

.feedback-forbidden-icon {
    background: url('../UISite/images/mail_black.png');
    cursor: auto;
}

.engine-additional-info {
    display: inline-block;
    border: 1px solid #AAAAAA;
    margin: 2px;
    padding: 1px 4px;
    cursor: default;
}

.obtain_task_button .button_main button {
    width: 100%
}

.no_task {
    color: red;
    font-size: 16px;
    padding: 20px;
}

.no_task_complete {
    color: green;
    font-size: 18px;
    padding: 5px;
}

.client-info-icon {
    background: url('../UISite/images/additional_info.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.wms-icon-query {
    background: url('../UISite/images/wms.png');
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: default;
    position: absolute;
    left: 150px;
    top: 20px;
}

.wms-grid-icon {
    background: url('../UISite/images/wms.png');
    cursor: default;
}

.confirmation-code-icon {
    background: url('../UISite/images/confirmation-code.png');
    cursor: default;
}

.hr-bold {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
    box-shadow: 0 0 1px #111111;
}

.width-and-size {
    display: flex;
    flex-direction: row;
    margin: 0 0 2px 0;
}

    .width-and-size label {
        width: 75px;
    }

.weight-size-icon {
    background: url('../UISite/images/weight_size.png');
    cursor: default;
}

.description-icon {
    background: url('../UISite/images/file.png');
    cursor: default;
}

.past-icon {
    background: url('../UISite/images/past.png');
    cursor: auto;
}

.note-icon {
    background: url('../UISite/images/note.png');
    cursor: auto;
}

.processing-icon {
    background: url('../UISite/images/processing.png');
    cursor: auto;
}

.finish-flag-icon {
    background: url('../UISite/images/finish_flag.png');
    cursor: auto;
}

.no-icon {
    background: url('../UISite/images/no.png');
    cursor: auto;
}

.category-icon {
    background: url('../UISite/images/category.png');
    cursor: auto;
}

.offer-icon {
    background: url('../UISite/images/offer.png');
    cursor: auto;
}

.external-transaction-icon {
    background: url('../UISite/images/external_transaction.png');
    cursor: auto;
}

.order-number-icon {
    background: url('../UISite/images/order-number.png');
    cursor: auto;
}

.article-icon {
    background: url('../UISite/images/article.png');
    cursor: auto;
}

.return-hold-icon {
    background: url('../UISite/images/return_hold.png');
    cursor: auto;
}

.internal-delivery-icon {
    background: url('../UISite/images/internal_delivery.png');
    cursor: auto;
}

.question-icon {
    background: url('../UISite/images/question.png');
    cursor: auto;
    width: 15px !important;
    height: 16px;
}

a.send-confirmation-code-btn {
    border: 1px solid #b5b8c8;
    border-radius: 2px;
    color: black;
    display: inline-block;
    margin-top: 0 !important;
    padding: 3px 2px 3px 2px;
    text-decoration: none;
    vertical-align: middle;
    float: left;
    font-weight: bold !important;
    text-align: center;
}

td.rating-star {
    vertical-align: middle !important;
    text-align: center !important;
}

.break-word {
    word-wrap: break-word;
}

a.in-grid-btn {
    border: 1px solid #b5b8c8;
    border-radius: 1px;
    color: #b5b8c8;
    display: inline-block;
    margin-top: 0 !important;
    padding: 2px 1px 2px 1px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

.bg-lightgreen {
    background-color: lightgreen !important;
}

.bg-lightcoral {
    background-color: lightcoral !important;
}

.bg-gray {
    background-color: gray !important;
}

.no-matter {
    background-color: #9daeb7 !important;
    color: #aaaaaa !important;
}

.checked-icon {
    background: url('../UISite/images/checked.png');
    width: 24px;
    height: 24px;
    cursor: auto;
}

.other-order-icon {
    background: url('../UISite/images/order.png');
    cursor: auto;
}

.gear-icon {
    background: url('../UISite/images/gear.png');
    width: 24px;
    height: 24px;
    cursor: auto;
}

.error-icon {
    background: url('../UISite/images/error.png');
    width: 24px;
    height: 24px;
    cursor: auto;
}

.visibility-icon {
    background: url('../UISite/images/visibility.png');
    width: 14px !important;
    height: 14px !important;
    cursor: auto;
    display: inline-block;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

    .box.box-primary {
        border-top-color: #3c8dbc;
    }

    .box.box-info {
        border-top-color: #00c0ef;
    }

    .box.box-danger {
        border-top-color: #dd4b39;
    }

    .box.box-warning {
        border-top-color: #f39c12;
    }

    .box.box-success {
        border-top-color: #00a65a;
    }

    .box.box-default {
        border-top-color: #d2d6de;
    }

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

.box-body-order {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.funnel .axis path.domain, .funnel .axis line {
    fill: none;
    stroke: #333;
}

.funnel .axis .transition, .funnel .axis .ending-marker {
    fill: none;
    stroke-width: 1;
}

.funnel .axis .grid-line {
    stroke: #000;
    stroke-opacity: 0.2;
}

.funnel .axis text {
    font: 9px Verdana;
    text-anchor: end;
}

.funnel text.title {
    font: 15px Verdana;
    font-weight: bold;
    text-anchor: start;
}

.funnel .axis .label {
    font: 12px Verdana;
    text-anchor: middle;
    stroke-opacity: 0.5;
    stroke-width: 1;
}

.funnel .unselected {
    display: none;
}

.funnel .bar, .funnel .y-axis .tick {
    cursor: pointer;
}

.funnel .starting-marker {
    stroke: #333;
    stroke-width: 1;
    cursor: pointer;
}

/* ReSharper disable once DeclarationIsEmpty */
.funnel {
}

.ip-access-restriction-icon {
    background: url('../UISite/images/ip-access-restriction.png');
    background-size: contain;
    width: 16px;
    height: 16px;
    cursor: default;
}

/* charge component begin */

.charge table {
    background: #FFFFFF;
    margin-bottom: 5px;
}

    .charge table thead tr {
        border: 0 none;
    }

        .charge table thead tr th {
            background: #FFFFFF !important;
            font-weight: normal;
        }

    .charge table tbody tr {
        border: solid 1px #e2e3e3;
        border-radius: 5px;
    }

        .charge table tbody tr td {
            padding: 3px 6px;
            vertical-align: middle;
            text-align: left;
            background: #FFFFFF !important;
        }

            .charge table tbody tr td input {
                width: 80px;
                margin-top: 3px;
            }

.charge .nothing-account, .charge .nothing-cashbox {
    float: left;
    margin-right: 5px;
    color: red;
    vertical-align: middle;
    line-height: 18px;
}

.charge .more {
    border: 1px solid #b5b8c8;
    border-radius: 2px;
    color: #b5b8c8;
    padding: 3px 5px;
    vertical-align: middle;
    cursor: pointer;
    float: left;
    margin-bottom: 5px;
}

.charge .more, .charge .clear {
    color: #aaaaaa;
    font-weight: bold;
    cursor: pointer;
}

/* charge component end */

.no-car-belonging-icon {
    background: url('../UISite/images/no-car-belonging.png');
    background-size: contain;
    width: 16px;
    height: 16px;
    cursor: default;
}

.add-social-network,
div.add-social-network a {
    padding: 2px;
    margin: 0;
    cursor: pointer;
}

.add-social-network,
ul.viki-tabs-buttons li .add-social-network {
    background-color: #597DA3;
    border: 1px solid #D2DEE6;
    border-radius: 2px;
    color: rgba(255, 255, 255, .7);
    display: inline-block;
    float: none;
    font-size: 10px;
    height: 18px;
    margin-left: 6px;
    padding: 0 8px;
    transition: color .2s ease;
}

    .add-social-network:hover,
    ul.viki-tabs-buttons li .add-social-network:hover,
    ul.viki-tabs-buttons li.act .add-social-network:hover {
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
    }

.monitor-space-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px 0;
}

.monitor-column {
    padding: 35px;
    border: black 1px solid;
    width: 25%;
    background: -webkit-linear-gradient(top, #F9F9F9, #E3E4E6);
    background: linear-gradient(top, #F9F9F9, #E3E4E6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: large;
}

.monitor-quad {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.monitor-back-green {
    background: limegreen !important;
}

.monitor-border-b-l-t {
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    border-top: black 1px solid;
    background: -webkit-linear-gradient(top, lightgreen 5%, limegreen 45%, green 100%);
    background: linear-gradient(top, lightgreen 5%, limegreen 45%, green 100%);
    width: 0;
    padding: 7px 0;
}

.monitor-border-t-r-b {
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    border-top: black 1px solid;
    background: white;
    width: 0;
    padding: 7px 0;
}

.monitor-error-message {
    text-align: center;
    font-weight: bold;
    font-size: x-large;
}

div.monitor-space-between div.flex {
    margin-left: 1.3%;
}

*:fullscreen table td {
    padding: 10px 5px !important;
}

*:fullscreen div.m-20 {
    margin: 20px 0 !important;
}

*:fullscreen div.monitor-column {
    font-size: 1.3em;
}

*:fullscreen div.red.bold, *:fullscreen div.w-90p {
    margin-top: 20px !important;
}

*:fullscreen div.monitor-quad {
    width: 30px;
    height: 30px;
}

*:fullscreen div.monitor-free {
    margin: auto;
}

*:fullscreen div.monitor-space-between div.flex {
    margin-left: 2%;
}

.comment-button {
    display: flex;
}

    .comment-button .badge {
        background-color: green;
    }

.discount-add-edit-popup {
    width: 1250px;
}

    .discount-add-edit-popup textarea {
        width: 1100px;
        height: 50px;
        resize: none;
    }

    .discount-add-edit-popup .wysiwyg-box textarea {
        height: 200px;
    }

    .discount-add-edit-popup .wysiwyg_toolbar {
        margin-top: 10px;
    }

.discount-field-grid .table-block {
    height: 204px;
    overflow-y: auto;
    width: 100%;
    border: 1px solid #999999;
    border-top: none;
}

.discount-field-grid table {
    margin-top: 0 !important;
    border-left: none;
    border-right: none;
}

.discount-field-grid thead {
    background-color: #D2DEE6;
}

    .discount-field-grid thead td {
        border: 1px solid #aaa;
    }

    .discount-field-grid thead tr td:last-child {
        border-right: 1px solid #d2dee6;
    }

.discount-field-grid td {
    text-align: center;
    vertical-align: middle;
}

div.egrid-add-button {
    margin-top: 3px;
    cursor: pointer;
}

.discount-brand-model td {
    text-align: left;
}

.discount-articles {
    width: 100%;
    padding: 7px 0;
}

    .discount-articles span {
        width: 100%;
    }

    .discount-articles textarea {
        width: 100%;
        resize: none;
        height: 80px;
    }

.cursor-default {
    cursor: default !important;
}

.review-icon {
    background: url('../Content/images/review.png');
    cursor: pointer;
}

div.wms-cell div.progress,
tr.wms-cell div.progress {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 99%;
    height: 15px;
    background-color: #D6DDE2;
    border-radius: 3px;
}

.wms-grid .is-progress .progress {
    background-color: #D6DDE2;
    border-radius: 2px;
    height: 12px;
    margin: 0;
}

    div.wms-cell div.progress > div,
    tr.wms-cell div.progress > div,
    .wms-grid .is-progress .progress > div {
        background-color: green;
        height: 100%;
        text-align: center;
        color: white;
        line-height: 15px;
        border-radius: 3px;
    }



.ringing_button .export-progress span {
    display: none;
}

.ringing_button span.export-progress {
    border: none;
    margin: 0;
    padding: 4px 14px;
}

.responsible {
    width: 26px;
    height: 24px;
    background-position: -12px -625px;
    background-image: url('images/icons/new-icons.png');
}


.recommended-is-changed-icon {
    background: url('../UISite/images/price-is-changed.png');
    background-size: contain;
    cursor: initial;
}

.resize-none textarea {
    resize: none !important;
}

.avito-image {
    width: 100px;
    height: 100px;
    padding: 5px;
    background-color: #9cbcec;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.avito-unread {
    position: absolute;
    background-color: orange;
    left: -17px;
    top: 0px;
    text-align: center;
    vertical-align: middle;
    color: #e4eefc;
    font-weight: 600;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.avito-image img {
    width: 100%;
    height: 100%;
}

.avito-message-block {
    margin: 5px 15px;
    position: relative;
}

.avito-my-message {
    color: #9cbcec;
}

.avito-companion-message {
    color: #00a65a;
}

.avito-unswer-block {
    width: 100%;
    height: 35px;
}

    .avito-unswer-block span {
        width: 100%;
    }

    .avito-unswer-block textarea {
        height: 48px;
        margin-left: 15px;
        width: 100%;
        word-break: break-all;
        border-radius: 5px;
        resize: none;
    }

    .avito-unswer-block div {
        float: right;
    }

        .avito-unswer-block div.message-block {
            float: left;
            width: calc(100% - 110px);
        }

.avito-show-all-button {
    background: url(images/part-comment.png) 0 0 no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.avito-chat-block {
    height: 400px;
    position: relative;
    padding: 0;
}

    .avito-chat-block ul {
        bottom: 0;
        max-height: 400px;
        margin: 0;
        list-style: none;
        padding: 10px 5px;
        position: absolute;
        width: 100%;
        overflow: auto;
        display: flex;
        flex-direction: column-reverse;
    }

        .avito-chat-block ul li {
            margin: 3px 0px;
            width: 100%;
            display: inline-block;
        }

            .avito-chat-block ul li .message-box {
                width: fit-content;
            }

            .avito-chat-block ul li div.my, .avito-chat-block ul li div.his {
                border-radius: 5px;
                padding: 3px;
                width: 100%;
            }

            .avito-chat-block ul li div.my {
                border-top-right-radius: 0px;
                background-color: #00c0ef29;
            }

            .avito-chat-block ul li div.his {
                border-top-left-radius: 0px;
                background-color: #00a65a2e;
            }

            .avito-chat-block ul li div.unknown {
                background-color: #ff000061 !important;
            }

.avito-process-button {
    background-image: url('../UISite/images/approve.png');
    width: 16px;
    height: 16px;
    display: inline-block;
}

.avito-href {
    text-decoration: none;
    color: black !important;
    font-weight: 700;
}

    .avito-href:hover {
        text-decoration: underline;
    }


#history-hint-popup {
    z-index: 500;
}

.show-more-block {
    text-align: center;
}

    .show-more-block hr {
        border: 0;
    }

    .show-more-block span {
        cursor: pointer;
        color: #ccc;
    }

        .show-more-block span:hover {
            text-decoration: underline solid #9b9797;
            color: #9b9797;
        }

.import-required-icon {
    background: url('../UISite/images/import-required.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: default;
}

/*------------------------------ kiosk-monitor ----------------------------------*/
.kiosk-monitor {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 600px;
}

    .kiosk-monitor .kiosk-monitor-info__btn-start,
    .kiosk-monitor .kiosk-monitor-info__btn-btm,
    .kiosk-monitor .kiosk-monitor-info__btn {
        font-size: 2em;
        background: none repeat scroll 0 0 #5D81A7;
        border-color: #517295 #4E6F93 #4E6F93;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #45688E;
    }

.kiosk-monitor-basket__btn {
    border-radius: 10px;
    border: 0;
    padding: 0 10px;
    height: 60px;
    width: 100%;
    font-size: 1.4em;
    background: none repeat scroll 0 0 #5D81A7;
    border-color: #517295 #4E6F93 #4E6F93;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #45688E;
}

.kiosk-monitor-info {
    width: 100%;
    height: 100%;
    display: flex;
    /* ReSharper disable once CssBrowserCompatibility */
    justify-content: center;
    /* ReSharper disable once CssBrowserCompatibility */
    align-items: center;
}

.kiosk-monitor-info-start {
    width: 100%;
    height: 100%;
}

.kiosk-monitor-bottom {
    height: 10%;
    min-height: 90px;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

/*------------------------------ kiosk-monitor-make-order-search ----------------------------------*/

.kiosk-monitor-make-order-search {
    width: 100%;
    height: calc(100% - 10% - 16px);
    position: absolute;
    top: 0;
    display: flex;
}

.kiosk-monitor-make-order-search-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    width: 100%;
}

.kiosk-monitor-make-order-search-query-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.make-order-search__field-input {
    border: 2px solid #B5B8C8;
    width: 50%;
    height: auto;
    font-size: 3em;
    border-radius: 10px;
    outline: 0;
    padding: 0 10px;
    box-sizing: border-box;
}

.kiosk-monitor-make-order-search-query-input {
    border: 10px solid #5D81A7;
    border-radius: 10px;
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: 16px;
    padding: 8px;
    line-height: 2em;
}

.kiosk-monitor-make-order-search-query-input {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

    .kiosk-monitor-make-order-search-query-input div {
        margin: 5px;
        display: flex;
        flex-wrap: wrap;
    }

    .kiosk-monitor-make-order-search-query-input label {
        font-size: 1.5em;
        color: #5d81a7;
    }

    .kiosk-monitor-make-order-search-query-input input {
        font-size: 2em;
        height: auto;
        border-radius: 10px;
        border: 2px solid #B5B8C8;
    }


.kiosk-monitor-make-order-search-query {
}

.kiosk-monitor-make-order-search-result {
    margin-bottom: 16px;
    position: relative;
    height: 100%;
    width: 100%;
    max-height: 520px;
}

.kiosk-monitor-make-order-search-result-message {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    font-size: 2em;
    color: #5d81a7;
}

.kiosk-monitor-make-order-search-grid {
    margin-bottom: 16px;
    border: 10px solid #5D81A7;
    border-radius: 10px;
    position: relative;
    height: 100%;
    width: 100%;
    background: #e6e7e9;
    margin-top: 16px;
}

.kiosk-monitor-make-order-search-grid-scroll {
    overflow: auto;
    height: calc(100% - 80px);
    margin-top: 80px;
}

/*------------------------------ kiosk-monitor-make-order-basket ----------------------------------*/

.kiosk-monitor-make-order-basket {
    width: 100%;
    height: calc(100% - 10% - 16px);
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kiosk-monitor-make-order-basket-form {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kiosk-monitor-make-order-basket-table {
    margin-bottom: 16px;
    border: 10px solid #5D81A7;
    border-radius: 10px;
    position: relative;
    height: 100%;
    width: 100%;
    background: #e6e7e9;
}

.kiosk-monitor-make-order-basket-table-scroll {
    overflow: auto;
    height: calc(100% - 80px);
    margin-top: 80px;
}

/*------------------------------ End of kiosk-monitor-make-order-basket ----------------------------------*/
.kiosk-monitor-pickup-order-by-phone {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 300px;
}

    .kiosk-monitor-pickup-order-by-phone span.kiosk-monitor-text {
        font-size: 4em;
    }

.kiosk-monitor-info__btn-start {
    width: 90%;
    height: 15%;
    margin: 5%;
    border-radius: 10px;
    border: 0;
    outline: 0;
}

.kiosk-monitor-info__btn {
    width: 45%;
    height: 60%;
    margin: 5%;
    max-width: 550px;
    max-height: 650px;
    border-radius: 10px;
    border: 0;
    outline: 0;
}

.kiosk-monitor-info__btn-btm {
    border-radius: 10px;
    border: 0;
    outline: 0;
    padding: 0 50px;
    margin: 0 10px;
    height: 90px;
}

.kiosk-monitor-info button.disabled, .kiosk-monitor-bottom button.disabled {
    background: #80808091;
}

.kiosk-monitor-text {
    line-height: 1em;
    font-size: 2em;
    color: #5d81a7;
    text-align: center;
}

.kiosk-monitor-info__orders-wrap {
    width: 100%;
    height: calc(100% - 10% - 16px);
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*-------------------- pickup-order-by-phone ---------------*/
.pickup-order-by-phone__title {
    line-height: 1em;
    font-size: 2em;
    color: #5d81a7;
    text-align: center;
}

.pickup-order-by-phone__plus {
    font-size: 4em;
    line-height: 1em;
    color: #5d81a7;
    text-align: center;
}

.pickup-order-by-phone__field-input {
    border: 2px solid #B5B8C8;
    width: 100%;
    height: auto;
    font-size: 4em;
    border-radius: 10px;
    outline: 0;
    padding: 0 10px;
    box-sizing: border-box;
}

.pickup-order-by-phone__field {
    display: flex;
}

.pickup-order-by-phone__field-input:focus {
    border: 2px solid #0c86f8;
}
/*-------------------- pickup-order-by-phone end ---------------*/

/*-------------------- orders-page__form -----------------------*/

.orders-page__form {
    height: 100%;
    width: 100%;
}

.orders-page__form-inner-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.orders-page__wrap-table {
    margin-bottom: 16px;
    border: 10px solid #5D81A7;
    border-radius: 10px;
    position: relative;
    height: 100%;
    width: 100%;
    background: #e6e7e9;
}

.orders-page__table-scroll {
    overflow: auto;
    height: calc(100% - 70px);
    margin-top: 70px;
}

.table-order__tbody {
}

.grid:not(.grid-bg) tbody tr.can-be-ordered-from-manager:nth-child(odd) td {
    background-color: #ffff0033;
}

.grid:not(.grid-bg) tbody tr.can-be-ordered-from-manager:nth-child(even) td {
    background-color: #ffa50033;
}

.table-order__thead tr {
    position: absolute;
    top: 0;
    display: flex;
}

.orders-page__table {
    font-size: .7em;
}

.table-order__name, .table-order__item-name {
    width: 35%;
}

.table-order__article, .table-order__item-article {
    width: 10%;
}

.table-order__part-name, .table-order__item-part-name {
    width: 20%;
}

.table-order__car-model, .table-order__item-car-model {
    width: 15%;
}

.table-order__price, .table-order__item-price {
    width: 10%;
}

.table-order__checkbox, .table-order__item-checkbox {
    width: 10%;
}

.table-order.grid {
    border: 0;
}

.table-order__item-price {
    text-align: right;
}

.table-order__item th {
    text-align: left;
    font-weight: 500;
}

.table-search__article, .table-search__item-article {
    width: 10%;
}

.table-search__part-name, .table-search__item-part-name {
    width: 20%;
}

.table-search__photo, .table-search__item-photo {
    width: 10%;
}

.table-search__article-part-name, .table-search__item-article-part-name {
    width: 20%;
}

.table-search__car-model, .table-search__item-car-model {
    width: 15%;
}

.table-search__body-transmission-color, .table-search__item-body-transmission-color {
    width: 15%;
}

.table-search__engine, .table-search__item-engine {
    width: 15%;
}

.table-search__price, .table-search__item-price {
    width: 10%;
}

.table-search__action, .table-search__item-action {
    width: 15%;
}

.table-search__item-price {
    text-align: right;
}

.table-search__item-action, .table-search__item-photo {
    text-align: center;
    vertical-align: middle;
}

    .table-search__item-action div.item-action-message {
        color: red;
    }

.table-search__item th {
    text-align: left;
    font-weight: 500;
}

.table-order__thead tr th {
    background: #e6e7e9;
}

.checkbox-icon {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
    position: relative;
}

    .checkbox-icon span {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(images/checkbox.png) no-repeat;
        background-size: cover;
        background-position: 0 -33px;
        cursor: pointer;
    }

.table-order__item.cur .checkbox-icon span, .table-order__checkbox .checkbox-icon input[type="checkbox"]:checked + span {
    background-position: 0 0px;
}

.table-order__item-checkbox input, .table-order__checkbox input {
    visibility: hidden;
}

.excel_query_button a.excel {
    color: white;
    margin-bottom: 0;
    padding-right: 5px;
}

.excel_query_button span span {
    border: none;
}

.middle-icons {
    margin-top: 3px;
    margin-right: 5px;
    position: relative;
    background-image: url('images/icons/new-icons-header.png');
    background-color: #9DB7D4;
    display: inline-block;
}

.video-hint {
    background-position: -184px -1px;
    width: 16px;
    height: 16px;
    margin: 0 2.5px;
    cursor: pointer;
}

    .video-hint:hover {
        background-color: white;
    }


.column-selector .select2-container {
    width: 300px !important;
    margin-left: 0px;
    margin-bottom: 3px;
}

    .column-selector .select2-container ~ .select2-container {
        margin-left: 180px;
    }

/*-------------------- orders-page__form end -----------------------*/
@media screen and (max-width: 810px) {
    .kiosk-monitor .kiosk-monitor-info__btn-btm {
        font-size: 1.3em;
    }

    .pickup-order-by-phone__title {
        font-size: 1.7em;
    }

    .pickup-order-by-phone__field-input {
        font-size: 3.7em;
    }
}

/*------------------------------ kiosk-monitor-confirm-order ----------------------------------*/

.kiosk-monitor-confirm-order-message {
    line-height: 3em;
}

.kiosk-monitor-confirm-order-number {
    font-size: 4em;
}

/*------------------------------ kiosk-monitor-end ----------------------------------*/

.btn-action {
    padding-left: 30px;
    padding-right: 10px;
    display: inline-block;
    height: 30px;
    line-height: 29px;
    margin-bottom: 7px;
    text-decoration: none;
    border: solid 1px #5980A9;
    cursor: pointer;
}

.btn-action-edit {
    background: url('../content/images/edit.png') no-repeat 8px center;
}

.btn-action-history {
    background: url('../content/images/history.gif') no-repeat 8px center;
}

span a.btn-action {
    width: 100px;
}

.new-btn-action {
    background: url('../UISite/images/icons/new-icons.png') no-repeat center;
    background-size: 500px auto;
    display: block;
    width: 30px;
}

    .new-btn-action.draft {
        background-position: -102px -299px;
    }

    .new-btn-action.approve {
        background-position: -137px -489px;
    }

    .new-btn-action.recreate {
        background-position: -5px -330px;
    }

    .new-btn-action.new-history {
        background-position: -299px -298px;
    }

    .new-btn-action.inwork {
        background-position: -461px -136px;
    }

    .new-btn-action.disassembled {
        background-position: -71px -363px;
    }

    .new-btn-action.new-print {
        background-position: -365px -39px;
    }

a.apply-template-dc {
    display: inline-block;
    padding: 5px 3px;
    text-decoration: none;
    color: white;
}

.check-all {
    background: url('/UISite/images/check.png');
}

.uncheck-all {
    background: url('/UISite/images/uncheck.png');
}

span.check-all, span.uncheck-all {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.no_task_complete {
    /*text-align: center;*/
    color: green;
    font-size: 18px;
    padding: 5px;
}

span.check-all, span.uncheck-all {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.forbidden {
    background: url(/UISite/images/forbidden.png);
    width: 16px;
    height: 16px;
}

.temporary-popup {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    color: red;
    font-weight: bold;
    background: whitesmoke;
    max-width: 400px;
}

.temporary-popup-arrow-right {
    position: absolute;
    border: 5px solid transparent;
    border-right-color: whitesmoke;
    border-left: 0;
}


span.badge-photo {
    background-color: #648cb7;
    border-radius: 3px;
    color: white;
    font-size: 0.8em;
    font-weight: bold !important;
    margin-right: 10px;
    padding: 2px 4px 2px 3px;
    position: relative;
    right: 2px;
    top: -5px;
}

    span.badge-photo:hover {
        background-color: orange;
    }

.shipment-transfer-reason-icon {
    background: url('../UISite/images/shipment-transfer-reason.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: default;
}

li.unique-virtual {
    background-image: url(../UISite/images/unique.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    background-size: 16px 16px;
    padding-right: 20px !important;
}

.drive-assembly-icon {
    background: url('../UISite/images/drive-assembly.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: default;
}

.barcode-icon {
    background: url('../UISite/images/product-barcode.png');
    cursor: auto;
}

.webcam-icon {
    display: inline-block;
    min-width: 16px;
    height: 16px;
    background: url(images/icon-actions1.png) 0 0 no-repeat;
    margin: 0 2px;
    cursor: pointer !important;
    background-position: -32px 0;
}

    .webcam-icon:hover {
        display: inline-block;
        min-width: 16px;
        height: 16px;
        background: url(images/icon-actions1.png) 0 0 no-repeat;
        margin: 0 2px;
        cursor: pointer !important;
        background-position: -32px -16px;
    }

div.checkboxes-mt-5 input[type=checkbox] {
    margin-top: 5px;
}

.resubscribe_button {
    margin: auto;
    width: 200px;
    color: white;
}

.with-green-mark span, .with-red-mark span, .with-gray-mark span {
    width: 10px;
    height: 10px;
    float: right;
    border-radius: 50%;
    margin-top: 2px;
    vertical-align: middle;
}

.with-green-mark span {
    background-color: lightgreen !important;
}

.with-red-mark span {
    background-color: red !important;
}

.with-gray-mark span {
    background-color: gray;
}

.employee-card-icon {
    background: url('../UISite/images/employee.png');
    cursor: pointer;
}

div.checkboxes-mt-5 input[type=checkbox] {
    margin-top: 5px;
}

#notification-container {
    position: absolute;
    right: 8px;
    bottom: 0;
    width: 300px;
}

.position-relative {
    position: relative !important
}

#notification-container a {
    width: 100%;
    padding: 5px 20px 28px 5px;
    text-align: left;
    background-color: #597DA3;
    opacity: 1;
    margin-bottom: 3px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 8px 5px 16px rgba(0,0,0, .2);
    color: white;
    word-wrap: break-word;
    border-radius: 5px;
}

#notification-container span.clear {
    position: absolute;
    right: -7.5px;
    top: -7.5px;
    border: 2px solid #de1111;
    border-radius: 50%;
    background-position: 99% 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-color: #de1111;
}

    #notification-container span.clear:before {
        content: "";
        width: 8px;
        height: 2px;
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    #notification-container span.clear:after {
        content: "";
        width: 8px;
        height: 2px;
        background-color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

.simple-button {
    padding: 4.4px 16px;
    font-size: 11px;
    margin: 2px 5px;
    border: none;
    border-radius: 2px;
    color: white;
    border: 1px solid;
    text-decoration: none;
    display: block;
}

.simple-green-button {
    background-color: #7db84d;
    border-color: #6baa3a #6baa3a #6baa3a;
}

.simple-lightblue-button {
    background-color: #6499d6;
    border-color: #3b77bc #3b77bc #3b77bc;
}

.btn-contropls-box .simple-button {
    margin: 0;
}

#notification-container span.readed {
    position: absolute;
    right: 7px;
    bottom: 7px;
    color: white;
    border: 1px solid white;
    padding: 1px;
    cursor: pointer;
}

.clock-icon-red, .clock-icon-gray, .clock-icon-yellow, .clock-icon-green {
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    background-image: url('images/icons/clocks.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 4px;
    float: right;
}

.clock-icon-red {
    background-position: -51px 0;
}

.clock-icon-gray {
    background-position: 0 0;
}

.clock-icon-yellow {
    background-position: -34px 0;
}

.clock-icon-green {
    background-position: -17px 0;
}

.clear-both {
    clear: both;
}

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

.img-action img {
    height: 16px;
    width: 16px;
    padding: 0;
    margin-right: 8px;
    display: inline-block;
    cursor: pointer;
}

.message-popup {
    width: auto;
    min-width: 400px;
    max-width: 960px;
}

    .message-popup .box_title {
        background: url(images/message-hd.png) 0 0 repeat-y;
        min-width: 90%;
        border-top: none 0;
    }

    .message-popup .popup_title_wrap {
        border-top: none 0;
        border-bottom: none 0;
        border-left: none 0;
    }

    .message-popup .box_body {
        color: black;
        max-height: 400px;
        overflow-y: auto;
    }


.w-min-110 {
    min-width: 100px;
}

.general-info .head {
    font-size: 18px;
    margin: 0;
    padding: 0 0 12px 0;
}

.general-info ul,
.general-info li {
    list-style-type: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.general-info > ul {
    padding-bottom: 16px;
}

    .general-info > ul > li > ul {
        align-items: center;
        border-bottom: 1px solid #9DAEB7;
        display: flex;
        padding: 6px 0;
    }

        .general-info > ul > li > ul > li {
            width: 50%;
        }

            .general-info > ul > li > ul > li img {
                vertical-align: bottom;
            }

.t-xx-large {
    font-size: xx-large !important;
}

.main-menu {
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.top-menu {
    display: flex;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

    .top-menu a {
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: .1s all ease;
        cursor: pointer;
        max-width: 90px;
        min-width: 90px;
        padding: 5px;
    }

        .top-menu a .img-container {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            min-height: 50px;
            max-height: 50px;
            margin-bottom: 3px;
            padding: 10px;
        }

            .top-menu a .img-container img {
                max-height: 35px;
                max-width: 35px;
                max-height: 30px;
                max-width: 30px;
                width: 100%;
            }

        .top-menu a:hover {
            background-color: var(--table-title-background)
        }

        .top-menu a:focus, .top-menu a:active {
            background-color: var(--active-color)
        }

        .top-menu a span {
            font-size: 11px;
            line-height: 1;
            word-break: break-word;
            text-align: center;
        }

.main-wrapper {
    display: grid;
    grid-template-rows: 50px auto 32px;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: hidden;
}

.main-menu-search-container {
    grid-area: menu-search;
    display: flex;
    position: sticky;
    top: 0;
    background: var(--main-background);
    padding: 10px 0px 10px 10px;
    z-index: 1;
}

.main-menu a {
    text-decoration: none;
}

.main-menu ul li span {
    width: 100%;
    min-height: 18px;
    display: block;
    cursor: pointer;
}

.main-menu ul li > span.cur {
    background-color: var(--submenu-active-background);
}

.main-menu span.level-1-sub, .main-menu span.level-1-sub:hover {
    background-color: var(--submenu-item-background);
    color: var(--submenu-item-color);
}

.main-menu span.level-2-sub, .main-menu span.level-2-sub:hover {
    background-color: var(--table-title-background);
    color: var(--text-color);
}

.main-menu span:hover {
    background-color: var(--submenu-hover-background);
}

.main-menu .level-2-sub span {
    padding-left: 20px;
}

.main-menu span.level-3-sub {
    background-color: var(--table-title-background);
}

.main-menu .level-3-sub span {
    padding-left: 30px;
}

.main-menu span {
    padding: 2px 0 4px 10px;
    position: relative;
    clear: both;
    border-top: 1px solid #fff;
}

.main-menu a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%;
}

    .main-menu a[target=_blank] {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 9px;
        height: 9px;
        background: url(images/new_window_icon.png) no-repeat scroll 0 0;
    }

.main-menu-search-container .main-menu-search {
    height: 30px;
    padding: 5px 10px 5px 30px;
    border-radius: 30px;
    background: url(images/icons/search.svg) no-repeat 10px center var(--search-background);
    width: 100%;
}


    table.sar-table th:not(:last-child) {
        border-right: 1px solid var(--hover-color);
    }

#handlerTable th {
    cursor: default;
}

.some-handle {
    cursor: move;
}

#constrainTable th {
    cursor: default;
}

    #constrainTable th.accept {
        cursor: move;
    }

.main-menu-search::placeholder {
    color: var(--text-color);
}
[data-theme="dark"] .ui-widget-content {
    background: var(--select-option-background);
    color: var(--text-color);
}
/*[data-theme="dark"] .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-color: var(--active-color);
    color: var(--text-color);
}*/

[data-theme="dark"] .ui-widget-header {
    background-color: var(--active-color);
    color: var(--text-color);
}
/*[data-theme="dark"] .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background: var(--select-option-background);
    color: var(--text-color);
}

[data-theme="dark"] .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: var(--select-option-background);
}

[data-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--single {
    background: var(--select-option-background);
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--select-option-background);
}*/

.text-purple {
  color: #605ca8 !important;
}