@import "/content/neon/fonts/ezex/stylesheet.css";

@media print {
    .header-menu {
        display: none;
    }

    footer {
        display: none;
    }

    .no-print {
        display: none;
    }
}


/*html, body {height:100%;overflow:auto}*/

body:not(.login-page) {
    font: 12px/18px "Noto Sans", sans-serif;
    color: #373737;
}

h1,
h2,
h3 {
    margin-top: 5px;
    margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Noto Sans", sans-serif;
}

h3 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.table > tbody > tr > td {
    border-bottom: 1px solid #ebebeb;
}

.table-hover > tbody > tr:hover > td {
    background-color: #e2e2e3;
}

.td-ellipsed-owerflow {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-header-docs table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 10px 10px;
    border-collapse: separate;
}

    .order-header-docs table tbody tr td:nth-child(2) {
        width: 70px;
    }

.order-header-docs .td-ellipsed-owerflow {
    max-width: none !important;
    min-width: 110px !important;
}

.btn.full-width {
    width: 100%;
}

.text-success {
    color: #00a651;
}

.text-gray {
    color: #979797 !important;
}

.daterange,
.selectboxit {
    border-color: #cdcdcd !important;
}

.datepicker-dropdown {
    z-index: 10000 !important;
}

.no-padding {
    padding: 0;
}

.daterange {
    background-color: #fff;
}

    .daterange li {
        color: #949494 !important;
    }

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

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

.barcode-conteiner {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
}

.tile-barcode {
    display: none;
    border-radius: 0;
    margin-bottom: 0;
}

.form-control {
    border-color: #c8cdd7;
}

.form-control-slim {
    padding: 0 0 0 3px;
}

.buttonset > .btn {
    margin-right: 8px;
}

.splash-loading,
.splash-loading-bg {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
}

.splash-loading-bg {
    background-color: white;
    opacity: 0.7;
    z-index: 1060;
}

.splash-loading-content {
    opacity: 1;
    z-index: 1061;
    position: relative;
    top: 40%;
    text-align: center;
}

.progress-slim {
    height: 5px;
}

.page-container .main-content {
    padding-bottom: 65px;
}

.tile-alert {
    text-align: center;
}

.tile-gray-no-hover:hover {
    background-color: #F5F5F5 !important;
}

.tile-stats .icon {
    bottom: -5px !important;
}

.approved,
.approved td,
.approved:hover td {
    background-color: #bbb !important;
}

.btn-primary {
    color: #cdcdcd;
}

.col-stack-right {
    padding-right: 7px;
}

.col-stack-left {
    padding-left: 7px;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary.active {
    background-color: #929292;
    border-color: #838994;
}

.table-row-bordered-bottom {
    border-bottom: 1px solid #EBEBEB;
}

    .table-row-bordered-bottom td {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

.table-linked tbody tr td:hover {
    cursor: pointer;
}

.table thead tr td,
.table thead tr th {
    font-weight: bold;
}

.table tbody tr td,
.table thead tr td,
.table thead tr th,
.table tfoot tr td {
    color: #373737;
}

.no-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.document-detail-title {
    font-size: 18px;
    color: #373737;
    display: block;
    margin-bottom: 20px;
}

.document-detail-subtitle {
    font-size: 12px;
    color: #373737;
    display: block;
    margin-bottom: 15px;
}

.table-documents thead tr {
    height: 35px;
}

    .table-documents thead tr th,
    .table-documents thead tr td {
        border-bottom: 1px solid #d9d9d9 !important;
        background-color: #ebebeb !important;
        vertical-align: middle !important;
        padding: 0 5px !important;
        font-size: 12px !important;
        line-height: 12px !important;
    }

.table-documents > tbody > tr > td {
    background: none !important;
    padding: 20px 5px !important;
    vertical-align: middle;
}

.table-documents > tbody > tr:hover > td {
    background-color: #ebebeb !important;
}

.barcode-col a:hover {
    color: #da4545 !important;
}


/* -- Футер  -- */

footer.main {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}


/* -- Верхняя менюшка -- */

.links-list-nopadding {
    padding-top: 0;
    padding-bottom: 0;
}

.links-list-cart {
    padding-top: 7px;
    padding-bottom: 0;
}

.links-list > li.sep {
    position: relative;
    top: 2px;
    height: 25px;
}

.user-info > li {
    margin-right: 7px;
}

.list-inline li {
    vertical-align: middle;
}

.profile-info.dropdown > a {
    font-size: 12px;
}

.profile-info > div {
    height: 44px;
    padding-top: 4px;
    padding-left: 10px;
}

    .profile-info > div > a {
        font-size: 14px;
        color: #737880;
    }

    .profile-info > div > span {
        color: #737880;
    }

hr {
    margin-top: 10px;
}

.top-search-conteiner {
    margin-top: 7px;
}

.img-circle {
    margin-right: 2px;
}

.balance {
    margin-left: -20px;
}

li.header-icon.dropdown.notifications,
li.header-icon.dropdown.notifications > a.js-cart-modal {
    margin-right: 0 !important;
}

li#UserSelectConteiner > .js-ezex-select-client-modal {
    margin-right: 10px;
}

.warehouse-selector-container {
    width: 250px !important;
    margin-right: 0 !important;
}

.page-body .selectboxit-container .selectboxit {
    padding-bottom: 29px;
    border-radius: 0;
}

.warehouse-selector-container .selectboxit-container .selectboxit {
    padding-bottom: 33px !important;
}

#userWarehouseIdSelectBoxIt {
    border-left: none;
}

.user-search-menu {
    width: 270px !important;
    padding: 3px;
}

    .user-search-menu .input-conteiner {
        padding: 10px !important;
    }

    .user-search-menu .input-group-addon {
    }

    .user-search-menu > li > a > i {
        padding-right: 10px;
    }

    .user-search-menu > li > a {
        padding: 10px 10px 10px 15px !important;
    }

    .user-search-menu .user-search-icon {
        border-left: none !important;
        background-color: #fff !important;
    }

    .user-search-menu input {
        border-right: none !important;
    }

        .user-search-menu input:focus {
            border-color: #EBEBEB;
        }

    .user-search-menu .user-add {
        background-color: #fff !important;
    }

.user-search-list {
    margin: 0;
}

    .user-search-list li {
        border-bottom: 1px solid #EDEDED;
    }

    .user-search-list a {
        display: block;
    }

.user-info .notifications-text {
    padding-left: 5px;
    padding-top: 10px;
}

.notifications .fa {
    /*padding-top : 5px;*/
}

    .notifications .fa:before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0.2em;
        margin-right: 0.2em;
        text-align: center;
        text-decoration: inherit;
        text-transform: none;
        width: 1em;
    }

.badge-sm {
    font-size: 9px !important;
    right: 1px !important;
    top: 1px !important;
}


/*.header-icons a,*/

.header-icon > a {
    background-color: #ebebeb;
    padding: 7px 5px 5px 5px !important;
    margin-right: 3px;
    border: 1px solid #cdcdcd !important;
}


    /*.header-icons a:hover*/

    .header-icon > a:hover {
        background-color: #E8E8E8;
    }

.money-form span.switch-mini {
    min-width: 64px;
    padding-bottom: 6px;
}

.money-form label.switch-mini {
    padding: 0;
}

.money-form > li {
    padding: 10px !important;
}

.money-form .switch-right {
    background-color: #0088CC !important;
    color: #fff !important;
}

.money-form {
    width: 270px !important;
}

.margins-menu {
    width: 150px !important;
}

.col-padding-right-none div {
    padding: 0 !important;
}

.profile-info span {
    font-size: 12px;
    color: #bbb;
}

.user-select-item:hover,
.user-select-item:focus {
    background-color: #dbdbdd !important;
    outline: none;
}

.sub-info {
    font-size: 10px;
}


/* -- Верхняя менюшка -- */


/* -- Страница поиска -- */

.search-widget-conteiner {
    position: relative;
}

.search-input-group {
    position: absolute;
    bottom: 18px;
    width: 50%;
    padding-left: 10px;
}

.search-info {
    margin-bottom: 10px;
}

.search-count-input {
    width: 50px;
    padding: 0;
    text-align: center;
    height: 20px;
}

.table-search tbody tr td,
.table-secondary tbody tr td,
.table-secondary tfoot tr td,
.table-income tbody tr td,
.table-income tbody tr td,
.table-income tfoot tr td {
    background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDcwOTNBNkVBMEIxMUUyOTEwMDhFQTM4Q0RGN0RFNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDcwOTNBN0VBMEIxMUUyOTEwMDhFQTM4Q0RGN0RFNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0NzA5M0E0RUEwQjExRTI5MTAwOEVBMzhDREY3REU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0NzA5M0E1RUEwQjExRTI5MTAwOEVBMzhDREY3REU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4AJkFkb2JlAGTAAAAAAQMAFQQDBgoNAAAEwwAABOYAAAUYAAAFOf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8IAEQgADQACAwERAAIRAQMRAf/EAHQAAQEAAAAAAAAAAAAAAAAAAAAJAQEBAQAAAAAAAAAAAAAAAAAAAgMQAQAAAAAAAAAAAAAAAAAAABARAQEAAAAAAAAAAAAAAAAAAACGEgEAAAAAAAAAAAAAAAAAAAAQEwADAAAAAAAAAAAAAAAAAAAAENH/2gAMAwEAAhEDEQAAAbZXmP/aAAgBAQABBQI//9oACAECAAEFAj//2gAIAQMAAQUCP//aAAgBAgIGPwI//9oACAEDAgY/Aj//2gAIAQEBBj8Cm02//9oACAEBAwE/IV//2gAIAQIDAT8hpT//2gAIAQMDAT8hhD//2gAMAwEAAhEDEQAAELf/2gAIAQEDAT8QX//aAAgBAgMBPxBf/9oACAEDAwE/EF//2Q==') /*/content/default/images/line_table.jpg*/
    no-repeat 100% 50%;
    vertical-align: middle;
    padding-right: 8px;
}

.table-secondary tr td:last-child,
.table-income tr td:last-child {
    background: none;
}

.table-search thead tr td,
.table-secondary thead tr td {
    color: #000;
    vertical-align: bottom;
}

.table-secondary tfoot tr td {
    font-weight: bold;
}

.table-search tbody tr:hover > td,
.table-secondary tbody tr:hover > td {
    background-color: #999 !important;
    color: #fff !important;
    cursor: pointer;
}

    .table-search tbody tr:hover > td a:hover {
        color: #FFF !important;
    }


/*.inline-table-search {
    margin: 5px 0;
}

    .inline-table-search td {
        padding: 5px !important;
    }*/


/*.table-search tbody .tr-inline-table:hover td, .table-search tbody .tr-inline-table td {
    background-color: #fff !important;
    background: #fff none;
    color: inherit !important;
    cursor: default;
}

.table-search tbody .tr-inline-table > td {
    padding: 0;
    border: none;
    background: #fff none;
}*/

.inline-table-search tr:first-child td,
.inline-table-search tr td:first-child {
    border: 0;
}

.inline-table-search tr td:first-child {
    visibility: hidden;
}

.inline-table-search-triangle {
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #000;
    margin-left: -20px;
    margin-top: 3px;
    display: none;
}

.inline-table-search tr:hover .inline-table-search-triangle {
    display: block;
}

.inline-table-search tr:hover td:first-child {
    visibility: visible;
}

.table-cart .inline-table-search {
    border-collapse: separate;
}

    .table-cart .inline-table-search tr td {
        border-top: 1px solid #EBEBEB;
    }

        .table-cart .inline-table-search tr td:first-child {
            border-color: #fff;
        }

.table-secondary .checkbox {
    padding: 3px 3px 0 3px;
}

.cart-column {
    padding: 0px 11px !important;
    width: 48px !important;
}

.panel-title > a {
    outline: none;
}

.search-tab-header {
    font-size: 14px;
}

.search-tab .panel-body {
}

.search-tab-bage {
    padding: 2px;
    margin: 0px -5px 0px 5px;
    background-color: #fddc76;
    color: #373737;
}

.search-incoming {
    color: #979797 !important;
}

.active .search-tab-bage,
.btn-search-results:hover .search-tab-bage {
    background-color: #373737;
    color: #fddc76;
}

.tile-search p {
    font-size: 12px;
}

.tile-select-user,
.tile-select-user:hover {
    background: url('/content/neon/images/ezex/select_users.png') 20px 20px no-repeat #ebebeb;
    height: 172px;
    padding: 35px 10px 10px 160px;
    position: relative;
}

.tile-select-user-selected,
.tile-select-user-selected:hover {
    background-image: url('/content/neon/images/ezex/client_selected.png');
    padding-top: 10px;
}

.tile-select-user h4,
.tile-select-user p {
    color: #8F8F8F;
}

.tile-select-user-buttonset {
    position: absolute;
    bottom: 10px;
}

.modal-footer-centred {
    text-align: center;
}

.table-selcteble tr {
    height: 20px;
}

.table-selcteble > tbody > tr:hover > td,
.table-selcteble > tbody > tr:hover > th {
    cursor: pointer;
}

.modal-body-clients {
    padding-bottom: 0;
}

    .modal-body-clients table {
        margin-bottom: 0;
    }

    .modal-body-clients .hide {
        display: none;
    }

.modal-footer-clients {
    margin-top: 0;
}

.btn-wide {
    width: 100px;
}

.tile-stats h4 {
    font-size: 18px !important;
}

.tile-stats p {
    font-size: 12px !important;
}


/* -- Страница поиска -- */

.qtip-light {
    background-color: #FFF !important;
}

.btn-set .btn {
    margin-right: 9px;
}


/* -- Фильтры --*/

.tile-filter,
.tile-filter-thin {
    background-color: #f5f5f6;
    overflow: visible !important;
}

    .tile-filter:hover,
    .tile-filter-thin:hover {
        background-color: #f5f5f6;
    }

.tile-filter-thin {
    padding: 0;
}

.col-filter {
    border-right: 1px solid #cdcdcd;
}


/* -- Унаследовано со старого проекта "Занести товар в базу" --*/

#BarcodeIndicator {
    height: 65px;
    background-color: #5590aa;
    cursor: pointer;
    top: 0;
    color: #fff;
    font-size: 16px;
}

    #BarcodeIndicator span {
        display: block;
        width: 420px;
        height: 60px;
        margin: 0 auto;
        padding: 25px 0 0 50px;
        clear: none;
        text-align: center;
    }

#BarcodeKeyboardInput {
    background: url(/Content/default/images/b_keyboard.png) left 12px no-repeat;
    width: 500px !important;
    padding-top: 16px !important;
}

#BarcodeScannerInput {
    background: url(/Content/default/images/b_barcode.png) left 22px no-repeat;
}

#BarcodeStartInput {
    background: url(/Content/default/images/b_click.png) left 17px no-repeat;
}

#AddBarcode {
    display: block;
    float: right;
    top: 0;
    right: 0;
    width: 69px;
    height: 65px;
    background: url(/Content/default/images/plus.png) left top no-repeat;
}

    #AddBarcode:hover {
        background: url(/Content/default/images/plus.png) -69px top no-repeat;
    }


/* -- Корзина --*/

.progress-cart {
    margin-top: 60px;
    margin-bottom: 60px;
}


/*#region Маркировка склада */

.mark-col {
    float: left;
    width: 20%;
}

.mark-header-row {
    text-align: center;
    color: #949494;
    border-bottom: 1px solid #cecfd2;
    padding: 10px 0;
    font-weight: bold;
}

.mark-row-conteiner {
    border-left: 1px solid #cecfd2;
    border-bottom: 1px solid #cecfd2;
    padding: 20px 1px;
}


/*.mark-row-conteiner>div:first-child {
        margin-top: 20px;
    }*/

.mark-row-conteiner-last {
    border-right: 1px solid #cecfd2;
}

.mark-row {
    color: #373e4a;
    /*padding: 0 20px 10px;*/
    font-size: 12px;
    margin-bottom: 10px;
}

    .mark-row .js-control-mark {
        background-color: #303641;
        border: none;
        border-radius: 0;
        float: right;
        margin-left: 5px;
    }

.mark-row-inner {
    height: 30px;
    padding: 6px 5px 6px 20px;
}

.mark-row-control {
    padding: 10px 20px 10px;
}

    .mark-row-control a,
    .mark-row-control input {
        border-radius: 0;
        height: 31px;
        font-size: 14px;
        padding: 4px 12px;
    }

.mark-row-control-print a,
.mark-row-control-print input {
    width: auto;
    border-radius: 0;
}

.mark-row .mark-select-node {
    /*padding-left: 20px;*/
}

.mark-row-selected {
}

    .mark-row-selected .mark-row-inner {
        background-color: #242930;
    }

    .mark-row-selected a,
    .mark-row-selected a:hover {
        color: #FFF;
    }

.fa-2x {
    font-size: 16px !important;
}


/*#endregion */


/*.form-group label {
    margin-right: 20px;
    padding-left: 5px;
}*/

.form-group input[type=radio],
.form-group input[type=checkbox] {
    position: relative;
    top: 2px;
}


/*Agreement/Details*/

.agreements-detail-content .tab-pane {
    overflow: hidden;
}

.agreements-detail-top-bar {
    overflow: hidden;
}

    .agreements-detail-top-bar h3,
    .js-agreement-client {
        float: left;
        margin-right: 20px;
    }

.agreement-warehouses {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 130px !important;
    white-space: nowrap;
}


/*Validation errors*/

.field-validation-error,
.field-validation-error:hover {
    border-color: red !important;
}


/*Admin Profile*/

.admin-profile-content,
.physical-clients-detail-content {
    margin-top: 40px;
    margin-bottom: 50px;
    padding: 0 15px;
    color: #737880;
}

    .admin-profile-content .row,
    .physical-clients-detail-content .row {
        margin: 0;
    }

    .admin-profile-content ul,
    .physical-clients-detail-content ul {
        padding: 0;
    }

    .admin-profile-content .profile-data .col-sm-2:first-child,
    .physical-clients-detail-content .profile-data .col-sm-2:first-child {
        padding-left: 0;
    }

.admin-profile-top-bar {
    /*margin: 0;*/
    padding-left: 20px;
}

.admin-profile-content .profile-picture img,
.physical-clients-detail-content .profile-picture img {
    float: right;
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.admin-profile-image {
    float: left;
}

.admin-profile-name {
    padding: 10px 15px;
    float: left;
    height: 70px;
}

    .admin-profile-name a {
        font-size: 16px;
        color: #373737;
    }

    .admin-profile-name strong span {
        font-size: 16px;
        color: #373737;
        max-width: 250px;
        display: inline-block;
        width: 250px;
    }

.admin-profile-sections {
    float: left;
    padding: 20px 0;
    height: 70px;
}

    .admin-profile-sections ul {
        list-style-type: none;
        /*padding: 0;*/
    }

        .admin-profile-sections ul li {
            display: inline-block;
            border-left: 1px solid #d9d9d9;
            padding: 0 10px;
            height: 30px;
        }

            .admin-profile-sections ul li a {
                color: #737880;
                display: block;
                height: 30px;
                padding: 6px 10px;
            }

            .admin-profile-sections ul li.active a,
            .admin-profile-sections ul li:hover a {
                background-color: #f5f5f6;
            }

            .admin-profile-sections ul li span.section-icon {
                font-size: 16px;
            }

            .admin-profile-sections ul li span.section-name {
            }

.admin-profile-edit {
    float: right;
    padding-top: 20px;
    height: 40px;
}

    .admin-profile-edit a {
        height: 30px;
        width: 30px;
        padding: 3px;
        font-size: 16px;
        margin-left: 10px;
    }

.admin-profile-balance {
    float: right;
    padding-top: 20px;
    height: 40px;
}

.admin-profile-data {
    padding-left: 140px;
    background-color: #f5f5f6;
    margin-top: -30px !important;
    padding-top: 30px;
}

.admin-profile-background-line {
    height: 57px;
    background-color: #f5f5f6;
}

.admin-profile-data ul {
    list-style: none;
}

    .admin-profile-data ul li {
        margin-bottom: 10px;
    }

        .admin-profile-data ul li.active {
            /*margin-bottom: -1px !important;*/
        }

        .admin-profile-data ul li a {
            color: #737880;
        }

            .admin-profile-data ul li a i {
                margin-right: 5px;
            }

.admin-profile-content .profile-info-tabs,
.physical-clients-detail-content .profile-info-tabs {
    padding-left: 130px;
    background-color: #f5f5f6;
}

    .admin-profile-content .profile-info-tabs ul,
    .profile-info-tabs ul li,
    .physical-clients-detail-content .profile-info-tabs ul,
    .physical-clients-detail-content .profile-info-tabs ul li {
        margin-bottom: 0;
    }

        .admin-profile-content .profile-info-tabs ul,
        .profile-info-tabs ul li a,
        .physical-clients-detail-content .profile-info-tabs ul,
        .physical-clients-detail-content .profile-info-tabs ul li a {
            border: none !important;
        }


    /*.admin-profile-content .profile-info-tabs .nav-tabs, .admin-profile-content .profile-info-tabs .nav-tabs > li.active > a, .admin-profile-content .profile-info-tabs .nav-tabs > li.active > a:hover, .admin-profile-content .profile-info-tabs .nav-tabs > li.active > a:focus {

    }*/

    .admin-profile-content .profile-info-tabs .nav-tabs > li > a,
    .physical-clients-detail-content .profile-info-tabs .nav-tabs > li > a {
        background-color: #dcdcdc;
    }

    .admin-profile-content .profile-info-tabs .nav-tabs > li.active > a,
    .physical-clients-detail-content .profile-info-tabs .nav-tabs > li.active > a {
        background-color: #FFF;
    }


/*====Admin Profile====*/


/*Admin Profile Licenses*/

.admin-profile-licenses-top-bar {
    height: 80px;
    border-bottom: 1px solid #d6d6d6;
}

.licenses-top-bar-item {
    width: 14%;
    height: 80px;
    /*border-right: 1px solid #000;*/
    float: left;
}

    .licenses-top-bar-item span {
        color: #cccccc;
        font-size: 12px;
    }

    .licenses-top-bar-item .license-item-title {
        color: #373737;
        font-weight: bold;
    }

.admin-profile-licenses-cash table thead tr th {
    color: #373737;
    font-size: 12px;
    font-weight: bold;
}

.admin-profile-licenses-cash table tbody tr td span.success {
    color: #499e51;
}


/*====Admin Profile Licenses====*/


/*Reports*/

.admin-profile-reports-tiles {
    margin: 0 -15px !important;
}

.admin-profile-reports-body {
    margin: 35px 0 0 !important;
}

.admin-profile-reports-chart,
.admin-profile-reports-managers {
    border: 1px solid #d5d5d5;
    /*margin:0;*/
    padding: 0;
}

.admin-profile-reports-chart {
    height: 365px;
    width: 63%;
    float: left;
}

.admin-profile-reports-managers {
    width: 35%;
    float: right;
}

.admin-profile-reports-chart-top {
    height: 56px;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 30px;
}

    .admin-profile-reports-chart-top span {
        font-size: 14px;
        color: #5f5f5f;
    }

#dbChartLegend table {
    line-height: 50px;
    margin-bottom: 30px;
}

.admin-profile-reports-managers-body {
    padding: 15px;
}

    .admin-profile-reports-managers-body table {
        line-height: 40px;
    }

        .admin-profile-reports-managers-body table tr th {
            font-weight: bold;
            font-size: 14px;
            color: #555555;
        }

        .admin-profile-reports-managers-body table tr td {
            vertical-align: middle;
            line-height: 40px;
            padding: 0;
        }

        .admin-profile-reports-managers-body table tr:last-child td {
            border-bottom: 1px solid #dedede;
        }

    .admin-profile-reports-managers-body .btn {
        width: 140px;
        display: block;
        margin: 0 auto;
    }


/*====Reports====*/


/*Tooltips-custom*/

.tooltip .tooltip-wide {
    max-width: none;
}


/*====Актуальность информации====*/

.fix-content {
}

    .fix-content hr {
        margin: 30px 0;
    }

    .fix-content table tbody tr td,
    .fix-content table thead tr th {
        border-color: #c3c3c3 !important;
    }

.fixed-indicator {
    font-size: 14px;
    margin-top: 30px;
    font-weight: bold;
}

    .fixed-indicator .counter {
        font-size: 24px;
    }

.fix-title,
.fix-description {
    color: #373737;
    display: inline-block;
}

.fix-title {
    font-size: 18px;
    margin-bottom: 5px;
}

.fix-description {
    font-size: 14px;
    font-weight: normal !important;
}

.total-fixed {
    color: #00a651;
    padding-left: 30px;
}

    .total-fixed img,
    .total-damaged img,
    .total-parts img {
        margin-top: -4px;
    }

    .total-fixed span,
    .total-damaged span,
    .total-parts span {
        display: inline-block;
        padding-left: 45px;
    }

.total-parts img {
    margin-right: 4px;
}

.total-parts,
.total-fixed,
.total-damaged {
    border-left: 1px solid #cccccc;
    float: left;
    padding: 0 25px;
}

.fix-total-title {
    width: 385px;
    float: left;
    margin-left: 20px;
}

.total-damaged span {
}

.counter {
    padding-left: 12px !important;
}

.total-damaged {
    color: #f26c4f;
}

.fixed-bar {
    padding: 0 20px;
}

.progress-fat {
    height: 20px;
}

.fix-part-title {
    float: left;
    padding-left: 20px;
    display: inline-block;
    padding: 6px 0;
}

.fix-part-name {
    font-size: 18px;
    font-weight: bold;
    color: #373737;
}

.fix-part-switcher {
}

    .fix-part-switcher a {
        display: inline-block;
        float: left;
        width: 30px;
        height: 30px;
        padding: 7px 6px !important;
        /*color: #fff;*/
        /*background-color: #c5c5c5;
        
        padding-top: 8px;
        text-align: center;*/
    }

    .fix-part-switcher span {
        display: inline-block;
        color: #666666;
        font-size: 14px;
        margin: 7px 10px;
    }

.table-fix-form {
    table-layout: fixed;
    margin-bottom: 0;
}

    .table-fix-form tr {
        height: 105px;
    }

    .table-fix-form th {
        border-bottom: 1px solid #c3c3c3 !important;
        vertical-align: top !important;
        border-top: 1px solid #c3c3c3 !important;
    }

        .table-fix-form th span.fix-label {
            display: inline-block;
            margin-bottom: 10px;
            color: #9c9c9c;
        }

    .table-fix-form .selectboxit-container {
        margin-bottom: 0 !important;
    }

    .table-fix-form th:nth-child(-n+4) {
        /*width: -webkit-calc((100% - 160px)/4);
        width: calc((100% - 160px)/4);*/
        padding: 18px 10px 18px !important;
        color: #9c9c9c;
    }

    .table-fix-form th:first-child {
        padding-left: 25px !important;
        border-left: 1px solid #c3c3c3;
    }

    .table-fix-form th:last-child {
        width: 110px;
        padding: 45px 20px 18px 10px !important;
        color: #9c9c9c;
        border-right: 1px solid #c3c3c3;
    }

    .table-fix-form th a.btn {
        margin-left: 5px;
        font-size: 16px;
        height: 31px;
        width: 31px;
        padding: 3.5px 0;
    }

    .table-fix-form .selectboxit-arrow-container {
        background-color: #FFF;
    }

.table-fix-container {
    padding: 0 20px 0 25px;
    border: 1px solid #c3c3c3 !important;
}

.table-fix {
    margin-bottom: 0;
    table-layout: fixed;
}

    .table-fix th {
        font-size: 14px;
        height: 45px;
        font-weight: bold;
    }

    .table-fix th,
    .table-fix tbody td {
        border-bottom: 1px solid #c3c3c3 !important;
        color: #373737;
        vertical-align: middle !important;
        padding: 15px 0 !important;
    }

    .table-fix tbody tr:last-child td {
        border-bottom: none !important;
    }

    .table-fix tbody {
        padding-top: 20px;
        text-align: left;
    }

        .table-fix tbody td {
            font-size: 12px;
        }

        .table-fix tbody tr:hover {
            background-color: #f1f1f1;
        }

    .table-fix .tbody-header {
        font-weight: bold;
    }

.js-fix-more {
    margin-right: 10px;
    background-color: #c5c5c5;
    border-color: #c5c5c5;
    color: #FFF;
}

    .js-fix-more:hover {
        background-color: #bababa;
        border-color: #bababa;
    }

.js-fix-fill,
.js-fix-fill:hover {
    color: #FFF !important;
    font-size: 14px !important;
    padding: 4.5px 12px !important;
}

.fix-results-title {
    height: 65px;
    padding: 30px 0 15px;
}

    .fix-results-title span {
        font-size: 18px;
        font-weight: bold;
        color: #333333;
    }

.modal-progress-centered {
    position: fixed;
    top: 350px;
    left: 50%;
    margin: -50px 0 0 -150px;
}

.modal-backdrop {
    background-color: #fff;
}

.modal-content,
.modal-header,
.modal-footer {
    border-color: #979797 !important;
}

#modal-process .modal-content > .row {
    padding: 0 17px;
    margin: 0;
}

    #modal-process .modal-content > .row .progress {
        margin: 10px 0;
    }

    #modal-process .modal-content > .row .progress-bar {
        padding-top: 3px;
        font-size: 14px;
        line-height: 14px;
    }

.modal-reload {
    float: right;
    margin-right: 5px;
}


/*Модалка подробности*/

.modal-fix-details-content {
    padding: 0 !important;
    max-height: 700px;
}

.carpart-detail-content {
    color: #313641;
}

    .carpart-detail-content .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .carpart-detail-content .carpart-detail-header {
        border-bottom: 1px solid #e5e5e5;
        height: 60px;
        padding: 14px 10px 0 30px !important;
    }

        .carpart-detail-content .carpart-detail-header > div {
            height: 100%;
        }

            .carpart-detail-content .carpart-detail-header > div.col1 {
                float: left;
            }

        .carpart-detail-content .carpart-detail-header .btn-blue {
            margin-left: 30px;
        }

        .carpart-detail-content .carpart-detail-header .btn-info,
        .carpart-detail-content .carpart-detail-header .btn-success {
            margin-left: 10px;
        }

        .carpart-detail-content .carpart-detail-header .carpart-oldprice {
            text-decoration: line-through;
            padding-top: 9px;
            color: #aba6a6;
        }

        .carpart-detail-content .carpart-detail-header .carpart-price {
            margin-left: 30px;
            font-size: 18px;
            padding-top: 5px;
        }

    .carpart-detail-content .wrap-scroll {
        overflow-y: scroll;
        max-height: 610px;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

    .carpart-detail-content .carpart-detail-info {
    }

        .carpart-detail-content .carpart-detail-info .col1 {
            width: 225px;
            padding: 50px 5px;
            float: left;
        }

        .carpart-detail-content .carpart-detail-info .col2 {
            width: 400px;
            float: left;
            padding: 50px 35px;
        }

        .carpart-detail-content .carpart-detail-info .col3 {
            width: 190px;
            float: left;
            padding: 50px 10px;
        }

.points-of-issue {
    /*border: 1px solid #bfc2ca;*/
    font-size: 14px;
    padding: 15px;
}

    .points-of-issue table {
        width: 100%;
        margin: 15px 0 30px 0;
        font-size: 12px;
        border-collapse: separate;
        border-spacing: 0 15px;
    }

        .points-of-issue table tr td:first-child {
            width: 70%;
        }

    .points-of-issue a {
        font-size: 12px;
        text-decoration: underline !important;
        color: #5b88f1;
    }

.carpart-detail-content .carpart-detail-info .col2 button {
    border: 2px solid #ffc600 !important;
    background-color: #FFF;
    color: #313641;
}

.carpart-detail-content .carpart-detail-info .main-properties {
    font-weight: bold;
    font-size: 14px;
}

.carpart-detail-content .carpart-detail-info img {
    width: 100%;
}

.carpart-detail-content .carpart-detail-info .col-md-5 {
    padding: 0 25px;
    line-height: 24px;
}

    .carpart-detail-content .carpart-detail-info .col-md-5 strong {
        font-size: 14px;
    }


/*Применимость*/

.carpart-detail-application {
    color: #313641;
}

.carpart-detail-application-header {
    font-size: 14px;
}

    .carpart-detail-application-header > h3 {
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 20px 25px;
    }

    .carpart-detail-application-header div.row:first-of-type {
        border: 1px solid #bfc2ca;
        height: 60px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .carpart-detail-application-header div.row:nth-of-type(2) {
        padding: 0 10px;
        height: 70px;
    }

    .carpart-detail-application-header > .row .col-md-6 {
        padding: 6px 10px;
    }


    /*.carpart-detail-application-header > .row .col-md-4 {
        height: 100%;
        padding: 6px 10px;
    }*/


    /*.carpart-detail-application-header > .row .col-md-4 div div {
            float: left;
            width: 81px;
            height: 46px;
            margin-left: 8px;
        }*/

    .carpart-detail-application-header .selectboxit-container span,
    .carpart-detail-application-header .selectboxit-container .selectboxit-options a,
    .carpart-detail-application-header .selectboxit-option a,
    .selectboxit-option-anchor {
        height: 46px !important;
        line-height: 46px !important;
        margin-left: 2px;
    }

    .carpart-detail-application-header #ModelIdSelectBoxItContainer,
    .carpart-detail-application-header #VendorIdSelectBoxItContainer {
        float: left;
    }

    .carpart-detail-application-header #VendorIdSelectBoxItContainer {
        width: 100%;
    }

    .carpart-detail-application-header #ModelIdSelectBoxItContainer {
        width: 100%;
        /*margin-left: 10px;*/
    }

    .carpart-detail-application-header label {
        margin-top: 14px;
    }

    .carpart-detail-application-header select {
        width: 85px;
        height: 42px;
    }

.carpart-detail-application .detail-grade-list {
    margin-top: 10px;
}

#modal-fix-details .modal-header {
    text-align: left !important;
}

    #modal-fix-details .modal-header h4 {
        color: #313641;
        font-size: 18px;
        font-weight: bold;
    }

#modal-fix-details .modal-footer {
    margin-top: 0 !important;
}


/*ul.detail-brends-list, ul.detail-model-list {
    margin: 0;
    padding: 18px;
}

    ul.detail-brends-list li, ul.detail-model-list li {
        display: inline-block;
        min-width: 60px;
        height: 24px;
        text-align: center;
        margin-right: 5px;
        padding: 3px;
    }

        ul.detail-brends-list li.active, ul.detail-model-list li.active {
            background-color: #e8e8e8;
        }

    ul.detail-model-list li {
        margin-right: 15px;
    }*/

.carpart-detail-application table,
.carpart-detail-properties table {
    width: 100%;
}

    .carpart-detail-application table thead tr,
    .carpart-detail-properties table thead tr {
        height: 35px;
        font-size: 12px;
        background-color: #e8e8e8;
    }

        .carpart-detail-application table thead tr th,
        .carpart-detail-properties table thead tr th {
            font-weight: bold;
            padding: 0 25px;
        }

    .carpart-detail-application table tbody tr,
    .carpart-detail-properties table tbody tr {
        height: 45px;
        font-size: 12px;
    }

        .carpart-detail-application table tbody tr td,
        .carpart-detail-properties table tbody tr td {
            padding: 0 25px;
            border-bottom: 1px solid #d1d1d1;
        }


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

.green-badge {
    width: 100px;
    height: 20px;
    background-color: #4bb255;
    color: #FFF;
    text-align: center;
}

.superprice {
    margin-left: 40px;
    float: left;
}


/*-----*/

.js-tab {
    display: none;
}

    .js-tab.active {
        display: block;
    }

.photo-list {
    margin-top: 35px;
}

    .photo-list img {
        float: left;
        height: 34px;
        width: 34px !important;
        margin-right: 10px;
        border: 2px solid #eeeeee;
    }

        .photo-list img:last-child {
            margin-right: 0 !important;
        }

        .photo-list img.active,
        .photo-list img:hover {
            border-color: #3487cd;
        }


/*Редактирование карточки*/

.carpart-edit-content .column-title {
    font-size: 18px;
    color: #333333;
    margin: 10px 0 35px;
    display: block;
}

.carpart-edit-content .attributes-container {
    background-color: #e8e8e8;
    padding: 20px;
}

    .carpart-edit-content .attributes-container label {
        color: #737880;
        font-size: 14px;
    }

.carpart-edit-content .dropzone .dz-message {
    opacity: 1;
    width: 100% !important;
    min-height: 100px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 100;
}

.carpart-edit-content .dropzone.dz-max-files-reached .dz-message {
    opacity: 0;
}

.carpart-edit-content .dropzone {
    min-height: 100px;
    padding: 15px;
    margin-bottom: 10px;
}

    .carpart-edit-content .dropzone .dz-preview .dz-details .dz-filename,
    .carpart-edit-content .dropzone-previews .dz-preview .dz-details .dz-filename {
        display: none;
    }

    .carpart-edit-content .dropzone .dz-preview.dz-image-preview:hover .dz-details img,
    .carpart-edit-content .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
        opacity: 1;
    }

    .carpart-edit-content .dropzone .dropzone-placeholder {
        height: 68px;
        text-align: center;
        /*background-color:#000;*/
    }

        .carpart-edit-content .dropzone .dropzone-placeholder span {
            font-size: 18px;
            color: #333333;
            line-height: 20px;
            display: block !important;
        }

    .carpart-edit-content .dropzone.dz-started .dropzone-placeholder {
        display: none;
    }


/*Поиск на главной*/

.shop-search-results {
    margin-top: 10px;
    margin-bottom: 30px;
    color: #373737;
}

    .shop-search-results .search-no-results {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAolBMVEUAAAD///8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMp0SeNAAAANXRSTlMAAAEPFhcaHCUmKDA5PEBERk1WYGZteHx+gJucnZ+ms7W5u7/AyczN0NLW2tzd5ebp6+/2+Pn2WUgAAADwSURBVHhezdNRT8IwGIXh4watAlNArcpggIo6HXMq5///NUO7kpXtixcmxveyebq06Tec/NyfGzTKczTqNuSvTM+o0CjTOzaGhW6eRxc0x0YVHnlSqNC41RSH0npHaKDTBNF0ud0upxGSVAv3ite0rWP57it+XA+uXsmVaCb8PB29cd9EMhlvhl+0ZS2Tk8yBZyaPdD0BdrFlNrxk3aZl4JrzxZuFdJ5zHrqQDO49eYBoznaO7AaBCd/i1pk7JDMNdL3pDH1n+u5Nhdl4J8lSmA1jic8iI8xqRZKVMKt1tMn/Rfgd2WBclmN0Gbl/ab4B0SIrd3ohdakAAAAASUVORK5CYII=') /*/Content/shop/images/search-tip.png*/
        no-repeat #fff;
        background-position-y: 10px;
        padding: 20px 20px 10px 45px;
        font-size: 12px;
        border-top: 1px solid #ddddde;
    }

        .shop-search-results .search-no-results a {
            color: #4576e1;
            text-decoration: underline;
        }

    .shop-search-results .search-no-results-header {
        font-size: 12px;
    }

        .shop-search-results .search-no-results-header span {
            color: #f65e4e;
        }


/*Юридические клиенты*/

.js-jur-client-tabs {
    margin-top: -10px !important;
}

.js-jur-client-tabs-content {
    margin-bottom: -20px !important;
}

.action-row {
    display: none;
}

    .action-row.active {
        display: table-row;
    }

.modal-dialog {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


/*Галерея*/

.uploaded-items-content .dropzone .dz-message {
    opacity: 1;
    width: 100% !important;
    min-height: 100px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 100;
}

.uploaded-items-content .dropzone.dz-max-files-reached .dz-message {
    opacity: 0;
}

.uploaded-items-content .dropzone {
    min-height: 100px;
    padding: 15px;
    margin-bottom: 10px;
}

    .uploaded-items-content .dropzone .dz-preview .dz-details .dz-filename,
    .uploaded-items-content .dropzone-previews .dz-preview .dz-details .dz-filename {
        display: none;
    }

    .uploaded-items-content .dropzone .dz-preview.dz-image-preview:hover .dz-details img,
    .uploaded-items-content .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
        opacity: 1;
    }

    .uploaded-items-content .dropzone .dropzone-placeholder {
        height: 68px;
        text-align: center;
        /*background-color:#000;*/
    }

        .uploaded-items-content .dropzone .dropzone-placeholder span {
            font-size: 18px;
            color: #333333;
            line-height: 20px;
            display: block !important;
        }

    .uploaded-items-content .dropzone.dz-started .dropzone-placeholder {
        display: none;
    }

.typeahead-container {
    position: relative;
}

.typeahead-result {
    position: absolute;
    background-color: #fff;
    z-index: 100;
    width: 100%;
}

.typeahead-list {
    list-style: none;
    padding-left: 0 !important;
    background: #fff;
    border: 1px solid;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border-top: 0;
    border-color: #bbbbbb;
    -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, .06);
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .06);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .06);
}

    .typeahead-list li {
        display: block;
        height: 40px;
    }

        .typeahead-list li:hover {
            background-color: #ebebeb;
        }

        .typeahead-list li a {
            position: relative;
            display: block;
            padding: 11.5px 10px;
        }

.selectboxit-options .rootCategory a {
    font-weight: bold;
}

.selectboxit-options .childCategory a {
    padding-left: 20px !important;
}

#tourAnchor {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 1px;
}

.system-tour-fade {
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.6;
}

.system-tour-panel {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 57px;
    z-index: 101;
    text-align: center;
}

    .system-tour-panel span.step {
        color: #ffffff;
        font-size: 16px;
    }

    .system-tour-panel .chevron-position {
        width: 57px;
        height: 57px;
        /*float:left;*/
        background-color: #d7614e;
    }

    .system-tour-panel .text-position {
        /*width:80%;*/
        height: 57px;
        /*float:left;*/
        background-color: #d7614e;
    }

    .system-tour-panel div a {
        display: none;
    }

    .system-tour-panel div.active a {
        display: block !important;
        height: 57px;
        font-size: 20px;
    }

    .system-tour-panel .text-position a {
        padding: 20px 40px;
    }

    .system-tour-panel .chevron-position a {
        padding: 20px 22.5px;
        width: 57px;
    }

    .system-tour-panel a img {
        height: 17px;
    }

    .system-tour-panel div.active:hover {
        background-color: #c73b25;
    }

.glimpse {
    z-index: 99999 !important;
}

.page-container.locked {
    padding-left: 0 !important;
}

.bootstrap-tagsinput {
    border: 1px solid #ccc !important;
    padding: 3.5px 12px !important;
}

    .bootstrap-tagsinput .tag {
        vertical-align: top !important;
    }

.select2-result-selectable.inner .select2-result-label {
    padding-left: 40px !important;
}

.select2-result-unselectable.outer .select2-result-label {
    color: #000 !important;
    font-weight: bold;
}

.select2-results .outer {
    font-weight: bold !important;
}

.select2-results .outer-root {
    font-size: 14px !important;
    font-weight: bold !important;
}

.page-body .select2-drop,
.select2-arrow,
#s2id_CategoryId.select2-container .select2-choice,
#s2id_DataType.select2-container .select2-choice,
#s2id_ShopCategoryIconUrl.select2-container .select2-choice {
    border-color: #c8cdd7 !important;
}

#s2id_CategoryId {
    height: 31px !important;
}

    #s2id_CategoryId a {
        height: 31px !important;
        line-height: 31px !important;
    }


/**/

.help-tour-items {
    padding: 0 !important;
}

    .help-tour-items .scroller {
        max-height: 500px !important;
    }

    .help-tour-items .top-stick {
        display: block !important;
        height: 20px;
        border: none !important;
        background-color: #f5f5f6;
        margin-left: 313.5px !important;
    }

    .help-tour-items > ul {
        border: none;
        background-color: transparent;
    }

    .help-tour-items li.top p {
        font-size: 14px;
        font-weight: bold;
        color: #373737 !important;
    }

    .help-tour-items li.down a {
        color: #373737 !important;
    }

    .help-tour-items.notifications.dropdown .dropdown-menu > li > ul > li > a:hover {
        background-color: transparent !important;
    }

.help-tour-item {
    height: 80px;
    /*padding:20px!important;*/
}

    .help-tour-item:hover {
        background-color: #e6e6e6 !important;
    }

    .help-tour-item > a {
        background-color: transparent !important;
        padding: 0 !important;
        display: block;
        height: 80px !important;
        padding: 20px !important;
    }

    .help-tour-item .help-tour-item-icon {
        height: 40px;
        width: 40px;
        background-color: #c1c2c6;
        color: #FFF;
        display: block;
        font-size: 20px;
        text-align: center;
        vertical-align: middle;
        padding: 8px 0;
        float: left;
        margin-right: 20px;
    }

    .help-tour-item.active .help-tour-item-icon {
        background-color: #dd7f70;
    }

    .help-tour-item.completed .help-tour-item-icon {
        background-color: #00a651 !important;
    }

.help-tour-item-title {
    font-size: 14px !important;
    color: #373737;
}

.help-tour-item-description {
    font-size: 12px !important;
    color: #737880;
}

.webui-popover {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background-color: #80cc66 !important;
}

    .webui-popover.right {
        margin-left: 25px !important;
    }

    .webui-popover.bottom {
        margin-top: 25px !important;
    }

    .webui-popover.left {
        margin-right: 25px !important;
    }

    .webui-popover.top {
        margin-bottom: 25px !important;
    }

    .webui-popover.right .arrow:after {
        border-right-color: #80cc66 !important;
    }

    .webui-popover.bottom .arrow:after {
        border-bottom-color: #80cc66 !important;
    }

    .webui-popover.left .arrow:after {
        border-left-color: #80cc66 !important;
    }

    .webui-popover.top .arrow:after {
        border-top-color: #80cc66 !important;
    }

.webui-popover-inner {
    color: #FFF !important;
}

    .webui-popover-inner .close {
        font-size: 14px !important;
        line-height: 14px !important;
        color: #FFF !important;
        opacity: 1 !important;
        font-weight: normal !important;
    }

    .webui-popover-inner .webui-popover-content {
        text-align: center;
        padding: 0 14px 15px !important;
    }

        .webui-popover-inner .webui-popover-content p {
            margin-bottom: 0 !important;
        }

            .webui-popover-inner .webui-popover-content p:first-child {
                padding: 25px 25px 10px 25px;
            }

            .webui-popover-inner .webui-popover-content p.popover-btn {
                padding-bottom: 10px !important;
            }

.step-circle {
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background-color: #FFF;
    display: inline-block;
    margin-right: 4px;
}

    .step-circle.completed {
        background-color: #a5ff86 !important;
    }

.logout a {
    color: #737881;
    display: inline-block;
}

.logout i {
    font-size: 19px;
}


/*---Управление лицензией---*/

.license-management {
}

    .license-management .license-management-month-payment {
        background-color: #f5f5f6;
        height: 120px;
        padding: 36px 5px;
        /*e9e9e9*/
    }

    .license-management .license-management-current-balance {
        height: 170px;
        background-color: #f5f5f6;
    }

.license-management-month-payment .payment-total-title {
    line-height: 30px;
}

.license-management-month-payment .payment-total-title,
.license-management-month-payment .payment-total {
    font-size: 16px;
    color: #000;
}

.license-management-month-payment .payment-total {
    font-weight: bold;
}

.license-management-month-payment .payment-total-description {
    font-size: 12px;
    color: #000;
}

.license-management-month-payment .col-md-3 {
    padding: 15px 30px;
    height: 48px;
    text-align: right;
}

.license-config {
    background-color: #e9e9e9;
    min-height: 400px;
    margin-left: 10px;
    margin-right: 10px;
}

    .license-config table {
        width: 100%;
    }

    .license-config .license-config-item {
        height: 80px;
        border-bottom: 1px solid #d5d5d5;
        padding: 16px 0;
        overflow: hidden;
    }

        .license-config .license-config-item:last-child {
            border-bottom: none;
        }

        .license-config .license-config-item td {
            height: 80px;
        }

            .license-config .license-config-item td:nth-child(1) {
                width: 40px;
            }

            .license-config .license-config-item td:nth-child(3) {
                width: 150px;
                text-align: right;
            }

            .license-config .license-config-item td:nth-child(4) {
                width: 120px;
            }

            .license-config .license-config-item td:nth-child(5) {
                width: 100px;
                text-align: left;
                padding: 0 10px;
            }

        .license-config .license-config-item .license-config-item-checkbox {
            width: 25px;
            /*height: 48px;*/
            padding: 7px 12px 16px 12px;
            float: left;
            min-height: 50px;
        }

        .license-config .license-config-item .input-spinner input {
            border-color: #c0c0c0 !important;
        }

            .license-config .license-config-item .input-spinner input[disabled="disabled"] {
                color: #b6b6b6;
            }

        .license-config .license-config-item .license-config-item-title {
            line-height: 30px;
        }

        .license-config .license-config-item .license-config-item-title,
        .license-config .license-config-item .license-config-item-total {
            font-size: 16px;
            color: #000;
        }

        .license-config .license-config-item.item-disabled .license-config-item-total {
            color: #b6b6b6 !important;
        }

        .license-config .license-config-item.item-disabled .license-config-item-active {
            color: #b6b6b6 !important;
        }

            .license-config .license-config-item.item-disabled .license-config-item-active span {
                background-color: #b6b6b6 !important;
            }

        .license-config .license-config-item .license-config-item-total {
            /*font-weight: bold;*/
        }

        .license-config .license-config-item .license-config-item-description {
            font-size: 12px;
            color: #919191;
        }

        .license-config .license-config-item .col-md-3 {
            text-align: right;
        }

            .license-config .license-config-item .col-md-3:last-child {
                padding: 15px 30px;
                height: 48px;
            }

.license-management-current-balance {
    padding: 0 15px;
}

    .license-management-current-balance span {
        color: #000;
    }

    .license-management-current-balance .license-management-current-balance-title {
        font-weight: bold;
        font-size: 14px;
        line-height: 40px;
    }

    .license-management-current-balance .current-balance-items {
        height: 40px;
    }

    .license-management-current-balance .current-balance,
    .license-management-current-balance .days-left {
        width: 50%;
        float: left;
        height: 40px;
    }

    .license-management-current-balance hr {
        clear: both;
        margin-top: 20px;
        border-color: #d5d5d5;
    }

    .license-management-current-balance .current-balance .current-balance-title,
    .license-management-current-balance .days-left .days-left-title {
        font-size: 16px;
        font-weight: bold;
    }

    .license-management-current-balance .current-balance .current-balance-description,
    .license-management-current-balance .days-left .days-left-description {
        font-size: 12px;
        display: inline-block;
        margin-left: 28px;
    }

    .license-management-current-balance .current-balance-add-balance {
        text-align: center;
    }

.license-management-invoices .table thead th {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.license-management-invoices .table tbody tr {
}

    .license-management-invoices .table tbody tr td:first-child {
        /*width:100px;*/
    }

    .license-management-invoices .table tbody tr:hover .invoice-number {
        color: #1f8bd7 !important;
        height: 65px;
    }

    .license-management-invoices .table tbody tr td {
        vertical-align: bottom;
        padding: 10px;
    }

        .license-management-invoices .table tbody tr td.all-invoices {
            text-align: left !important;
        }

            .license-management-invoices .table tbody tr td.all-invoices a:hover {
                color: #1f8bd7;
            }

            .license-management-invoices .table tbody tr td.all-invoices span {
                color: #fff;
                line-height: 16px;
            }

        .license-management-invoices .table tbody tr td:nth-child(2) {
            text-align: center;
            width: 70px;
            padding: 10px 5px;
        }

        .license-management-invoices .table tbody tr td:last-child {
            text-align: right;
            min-width: 135px;
        }

.license-management-invoices .table tbody span {
    color: #000;
    font-size: 12px;
}

.license-management-invoices .table .invoice-date {
    color: #d5d5d5 !important;
    line-height: 24px;
}

.license-management-invoices .table .invoice-status {
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: -3px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 23px;
    overflow: hidden;
    text-align: left;
}

    .license-management-invoices .table .invoice-status.wait {
        background-color: #f5f2c9;
    }

    .license-management-invoices .table .invoice-status.completed {
        background-color: #c8e2ca;
    }

.btn.js-license-config-save {
    margin-left: 10px;
    margin-top: 15px;
}

.js-agreement-client .popover {
    width: 250px !important;
}

    .js-agreement-client .popover .arrow {
        left: 50% !important;
    }

.table-config {
    position: relative;
    display: none;
}

    .table-config.ready {
        display: table;
    }

    .table-config ul.column-editor {
        list-style: none;
        width: 150px;
        left: -133px !important;
        padding: 10px 0;
    }

        .table-config ul.column-editor li {
            padding: 3px 10px;
        }

            .table-config ul.column-editor li span {
                vertical-align: top;
                font-weight: normal;
            }

    .table-config .dropdown-container td {
        padding: 0;
        border: none !important;
    }

    .table-config .dropdown {
        /*position: absolute;
        right: 0;
        top: 0px;*/
    }

.table-config-summary {
    position: relative;
}

    .table-config-summary span {
        position: absolute;
        top: 3px;
        left: 0;
    }

.table-config tfoot tr td {
    background: none !important;
}

.table-config .table-config-save {
    text-align: center;
}

.overflow-none {
    overflow: visible !important;
}

#s2id_ShopCategoryIconUrl.select2-container .select2-choices,
#s2id_ParentItemId.select2-container .select2-choices,
#s2id_ManagerId.select2-container .select2-choices,
#s2id_PointOfDeliveryId.select2-container .select2-choices #s2id_categoryFilter.select2-container .select2-choices {
    border-color: #c8cdd7 !important;
    padding-top: 0px;
    height: 31px !important;
}

#s2id_CategoryId,
#s2id_ParentItemId,
#s2id_ManagerId,
#s2id_PointOfDeliveryId,
#s2id_DataType,
#s2id_categoryFilter {
    height: 31px !important;
    border-color: #c8cdd7 !important;
}

    #s2id_CategoryId a.select2-choice,
    #s2id_ParentItemId a.select2-choice,
    #s2id_ManagerId a.select2-choice,
    #s2id_PointOfDeliveryId a.select2-choice,
    #s2id_DataType a.select2-choice,
    #s2id_categoryFilter a.select2-choice {
        height: 31px !important;
        line-height: 31px !important;
        border-color: #c8cdd7 !important;
    }

.dd-list .dd-content {
    min-height: 30px;
}

a.dd-content:hover {
    background-color: #efeedc !important;
    color: black;
}

.dd-list .selected {
    background-color: #efeedc !important;
    color: black;
    outline: none;
}

.table-modal-change-margin td {
    vertical-align: middle;
    padding-right: 10px;
}

.table-modal-change-margin .btn {
    border-color: #c8cdd7;
}


/*     Номенклатура     */

#nomenclatureContent .dd-content {
    max-height: 32px;
}

    #nomenclatureContent .dd-content .category-name {
        display: inline-block;
        max-width: 85%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: 32px;
    }

@media all and (max-width:1590px) {
    #nomenclatureContent .dd-content .category-name {
        max-width: 65% !important;
    }
}


/*#nomenclatureTable tbody tr td:nth-child(7) {
    max-width: 105px;
    width: 105px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/

.nomenclature-onlyshared {
    height: 31px;
    padding: 8px 16px;
}

.nomenclature-td-active:hover,
.nomenclature-td-selected {
    background: #4ca7e7;
    color: #fff;
    position: relative;
    cursor: pointer;
}

#nomenclatureTable .nomenclature-photo {
    padding: 5px 5px 5px 0;
}

.nomenclature-td-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
}

@media all and (max-width:1500px) {
    .nomenclature-td-link {
        max-width: 175px;
    }
}

.nomenclature-td-link:hover {
    color: #4ca7e7;
    cursor: pointer;
}

.nomenclature-td-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #4ca7e7 transparent transparent transparent;
    bottom: -7px;
    left: 13px;
    z-index: 1;
}

.nomenclature-table-additional {
    padding: 15px 37px 15px 37px !important;
    position: relative;
    background-color: #f5f5f6;
    text-align: left;
}

    .nomenclature-table-additional table {
        margin-top: 5px;
        width: 80%;
        margin-bottom: 0;
        background-color: #f5f5f6;
    }

    .nomenclature-table-additional input {
        width: 120px;
        padding: 0px 5px !important;
        height: 28px !important;
        background-color: #f5f5f6;
    }

    .nomenclature-table-additional .btn {
        height: 28px !important;
        padding-top: 4px;
        border-color: #c8cdd7;
    }

    .nomenclature-table-additional .input-group {
        width: 100%;
    }

    .nomenclature-table-additional td {
        vertical-align: middle !important;
        border: none !important;
        background-color: #f5f5f6;
    }

.nomenclature-table-collapse {
    color: #4ca7e7;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.nomenclature-category-edit {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 3px;
}

    .nomenclature-category-edit:hover {
        background-color: #dbdbdd;
        border-color: #d0d0d3;
    }

.category-list .dd-content:hover .nomenclature-category-count {
    display: none;
}

.nomenclature-category-count {
    color: #949494;
    position: absolute;
    right: 10px;
    top: 5px;
}

#modal-add-minstores .modal-body {
    padding-bottom: 0 !important;
}

    #modal-add-minstores .modal-body .row {
        margin-bottom: 10px;
    }

#modal-add-minstores .input-group-btn:last-child > .btn {
    border-color: #c8cdd7;
}

.stacked-btn {
    height: 31px !important;
    padding-top: 4px;
    border-color: #c8cdd7;
}


/* Наценки */

#margins .col-md-5 > div {
    background-color: #f5f5f6;
    padding: 15px;
}


/*#marginItems{
    padding-top:15px;
}*/

#marginSettings {
    color: #000;
}

.table-margins tr td .btn {
    padding: 7px !important;
    height: 31px;
    width: 31px;
}

.table-margins tr td .btn-add {
    display: none;
}

.table-margins tr:hover td .btn-add {
    display: inline-block !important;
}

.table-margins td {
    vertical-align: middle !important;
}

.table-config .table-config-save {
    text-align: center;
}

.table-margins td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#marginSettings {
}

.overflow-none {
    overflow: visible !important;
}

.margin-vendor-exists {
    font-weight: bold;
}
/*
    .select2-params - делает select2 тоньше и все.
*/
.income-params .select2-container .select2-choice,
.select2-params .select2-container .select2-choice {
    border-color: #c8cdd7 !important;
}

.income-params .select2-container.select2,
.income-list .select2-container.select2,
.select2-params .select2-container.select2 {
    height: 31px !important;
}

    .income-params .select2-container.select2 a,
    .income-params .select2-container.select2 a,
    .select2-params .select2-container.select2 a {
        height: 31px !important;
        line-height: 31px !important;
    }

    .income-list .select2-container.select2 .select2-chosen {
        margin-right: 60px !important;
        /*39*/
    }

    .income-list .select2-container.select2 .select2-search-choice-close {
        right: 45px !important;
    }


/*.select2-drop.bigdrop{
            width: 450px!important;
    }*/

.income-list .validate-have-error > div > a.select2-choice,
.income-params .validate-have-error > div > a.select2-choice {
    border-color: red !important;
}

.income-params {
    padding: 20px;
    background-color: #f5f5f6;
    height: 95px;
    margin-bottom: 25px;
}

.income-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #373e4a;
    margin-bottom: 20px;
    display: inline-block;
}

.income-list thead tr th {
    /*font-size: 14px;*/
    color: #000;
}

.income-list tfoot tr td {
    font-size: 14px;
    color: #373737;
    font-weight: bold;
    text-align: right;
}

.income-list tbody tr td {
    padding: 15px 12px;
    vertical-align: middle;
}

.stocktaking-list thead tr th {
    font-size: 14px;
    color: #000;
}

.stocktaking-list tfoot tr td {
    font-size: 14px;
    color: #373737;
    font-weight: bold;
    text-align: right;
}

.stocktaking-list tbody tr td {
    padding: 15px 12px;
    vertical-align: middle;
    color: #000;
}

.stocktaking-separator {
    border-left: 1px solid #d8d8d8;
    border-radius: 0;
    height: 26px;
    margin-left: 15px;
    margin-right: 15px;
    width: 2px;
    padding: 0;
}

#pagerInner {
    text-align: center;
}

.nomenclature-suggestions {
    padding: 10px;
    width: 100%;
    border: 1px solid #ebebeb;
}

    .nomenclature-suggestions hr {
        margin: 5px 0;
    }

.nomenclature-select-btn {
    /*width: 120px;*/
    border-color: #c8cdd7;
}

.nomenclature-suggestions {
    width: 100%;
}

.invoice-item-description strong {
    color: #373737;
}

.suggestions-list-table-title {
    font-size: 12px;
    color: #373737;
    font-weight: bold;
    padding: 10px;
    line-height: 34px;
}


/*.suggestions-list-table {
    width: 100%;
}

    .suggestions-list-table tr:hover {
        background-color: #f5f5f6;
        cursor: pointer;
    }

    .suggestions-list-table tr td {
        font-size: 12px;
        padding: 10px;
        vertical-align: middle;
        color: #373737;
        min-height: 56px;
        max-height: 56px;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
        max-width:200px;
      
    }

      
        .suggestions-list-table tr td span.vendor,
        .suggestions-list-table tr td span.number{
            font-weight: bold;
        }*/

.suggestions-list-table {
    width: 100%;
    list-style: none;
    padding-left: 0 !important;
}

    .suggestions-list-table li {
        display: block;
    }

        .suggestions-list-table li:hover {
            background-color: #f5f5f6;
            cursor: pointer;
        }

        .suggestions-list-table li div {
            font-size: 12px;
            padding: 10px;
            vertical-align: middle;
            color: #373737;
            min-height: 56px;
            max-height: 56px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            line-height: 36px;
        }

        .suggestions-list-table li:not(.barcode-row, .article-row, .search-row) div:last-child {
            margin-right: 45px;
        }

        .suggestions-list-table li div span.barcode,
        .suggestions-list-table li div span.vendor,
        .suggestions-list-table li div span.number {
            font-weight: bold;
        }

.nomenclature-suggestions-addnew {
    height: 55px;
    padding: 22px;
}

    .nomenclature-suggestions-addnew span {
        color: #428ae3 !important;
        cursor: pointer;
    }

.nomenclatureSelect-content {
    max-height: 715px;
    overflow-y: scroll;
}


/*Новый Поиск*/

.search-filter {
    background-color: #f5f5f6;
    height: 41px;
    padding: 5px 20px;
    color: #373737;
}

    .search-filter table tr td:nth-child(n+5) {
        padding-left: 25px;
        vertical-align: middle;
    }

        .search-filter table tr td:nth-child(n+5) label {
            margin: 0 !important;
        }

.search-vendors-list {
    list-style: none;
    padding: 0 15px;
    display: inline-block;
    margin: 0;
}

    .search-vendors-list li {
        display: inline-block;
        margin-right: 12px;
        margin-bottom: 12px;
        float: left;
    }

.icheckbox_minimal-yellow {
    background-color: #FFF !important;
}

.search-results-list a,
.search-results-list span,
.search-results-list td {
    color: #373737;
}


/*.search-results-list table tr td a.hover-link:hover {
    color: #da4545 !important;
}*/

.search-results-list table .hover-link:hover {
    color: #da4545 !important;
    cursor: pointer;
}

.search-results-list table tr td a.badge {
    height: 17px;
    width: 17px;
    padding: 3px 4px;
    border-radius: 50%;
    color: #FFF !important;
}

    .search-results-list table tr td a.badge:hover {
        color: #000 !important;
    }

    .search-results-list table tr td a.badge i {
        font-size: 10px !important;
    }

.search-results-list .search-result-group {
    border: 1px solid #c8cdd7;
}

    .search-results-list .search-result-group:nth-child(n+2) {
        border-top: none;
    }

    .search-results-list .search-result-group .search-result-group-title {
        height: 40px;
        padding: 12px;
        border-bottom: 1px solid #c8cdd7;
    }

.highlight-orange {
    background-color: #fddc76;
    padding: 2px;
}

.search-results-list .search-result-group .search-result-group-body {
    padding: 10px;
    background-color: #f5f5f6;
}

.search-results-table .tr-inline-table,
.search-results-table .tr-inline-table table {
    background-color: #e0e0e0 !important;
    margin: 0 !important;
}

.search-results-table > tbody > tr {
}

    .search-results-table > tbody > tr > td {
        /*padding:20px 5px;*/
        height: 48px;
        vertical-align: middle;
    }

.search-results-table .tr-inline-table {
    border-radius: 3px;
}

    .search-results-table .tr-inline-table > td {
        padding: 0 !important;
    }

.search-results-table .inline-table-search tr td {
    /*padding: 14px 5px !important;*/
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-color: #c8cdd7;
}

    .search-results-table .inline-table-search tr td:first-child {
        padding-right: 30px !important;
    }

.search-results-table-load-more {
    padding-top: 30px;
    text-align: center;
    cursor: pointer;
}

    .search-results-table-load-more:hover,
    .search-results-table-load-more:hover span {
        background-color: #ebebeb;
        color: #da4545;
    }

.__cart_button.btn-search-results {
    height: 23px;
    width: 23px;
    padding: 3px 0px;
    background-color: #f5f5f6;
}

.btn-search-results.active {
    box-shadow: none !important;
}

.btn-search-results-drop-hover a {
    color: #373737 !important;
    background-color: #fddc76 !important;
    border-color: #fddc76 !important;
    opacity: 0.75 !important;
}

.ui-draggable-dragging a {
    opacity: 0.5 !important;
}

.close-inline-results-col {
    font-size: 14px;
    vertical-align: middle !important;
    font-weight: bold;
    text-align: center;
}

.search-result-group-body table tbody tr td:nth-child(3) {
    word-break: break-all;
    /*width:200px;*/
}

.search-result-group-body .cart-column input {
    padding: 2px 2px;
    height: 23px;
    width: 36px;
    border-color: #000;
    color: #000;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.search-result-group-body .cart-column .btn-search-results {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-color: #000;
}

#stocktakingIndexTable tbody tr td {
    color: #373737 !important;
}

.stocktaking-success {
    background-color: #418d48;
    color: #FFF;
    display: inline-block;
    padding: 2px 10px;
}

.stocktaking-danger {
    background-color: #b84c2f;
    color: #FFF;
    display: inline-block;
    padding: 2px 10px;
}

.stocktaking-items-title span {
    color: #000 !important;
}

.stocktaking-back-link {
    color: #000;
}

    .stocktaking-back-link:hover {
        color: #4ca7e7;
        cursor: pointer;
    }

.suppliers-filter {
    background-color: #f5f5f6;
    padding: 10px 13px 10px 0;
    color: #000;
}

    .suppliers-filter table tr td {
        padding-left: 13px;
    }

        .suppliers-filter table tr td button {
            width: 100% !important;
            background-color: #cacaca;
        }

        .suppliers-filter table tr td:nth-child(n+3) {
            padding-left: 25px;
            vertical-align: middle;
        }

            .suppliers-filter table tr td:nth-child(n+3) label {
                margin: 0 0 0 5px !important;
            }

.supplier-group {
    color: #000;
    margin-bottom: 20px;
}

.supplier-group-title {
    padding: 14px 10px;
}

    .supplier-group-title .title-text {
        font-size: 14px;
    }

.supplier-group-body {
    background-color: #f5f5f6;
    padding: 15px 10px;
}

.ezex-main-table {
    margin: 0 !important;
    /*color:#000;*/
}

.inline-btn.btn-search-results {
    height: 23px;
    width: 23px;
    padding: 3px 0px;
    background-color: #f5f5f6;
}

    .inline-btn.btn-search-results i {
        font-size: 13px;
    }

.ezex-main-table > tbody > tr {
}

    .ezex-main-table > tbody > tr > td {
        /*padding:20px 5px;*/
        height: 48px;
        vertical-align: middle;
    }

.supplier-loading-table {
    width: 100%;
    margin: 20px 0;
}

    .supplier-loading-table td {
        padding: 5px;
        vertical-align: middle;
        text-align: left;
    }

    .supplier-loading-table .progress {
        margin-bottom: 0;
    }

.filter-notfound {
    padding: 14px 40px;
    background: url('/Content/neon/images/warning-icon.png') no-repeat;
    background-position: 10px 14px;
}

    .filter-notfound .filter-notfound-title {
        color: #e66133;
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .filter-notfound .filter-notfound-body {
        color: #373737;
        font-size: 12px;
    }

#sharedmodal_form {
    width: 900px;
    height: 290px;
    /* Рaзмеры дoлжны быть фиксирoвaны */
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed;
    /* чтoбы oкнo былo в видимoй зoне в любoм месте */
    top: 45%;
    /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
    left: 50%;
    /* пoлoвинa экрaнa слевa */
    margin-top: -145px;
    margin-left: -450px;
    /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
    display: none;
    /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
    opacity: 0;
    /* пoлнoстью прoзрaчнo для aнимирoвaния */
    z-index: 5;
    /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
    padding: 20px 0;
    color: #373737;
}

    #sharedmodal_form .sharedmodal-title {
        display: inline-block;
        font-size: 14px;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 10px;
        width: 100%;
    }

    #sharedmodal_form .sharedmodal-footer-title {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
    }

    #sharedmodal_form .sharedmodal-footer-body {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        #sharedmodal_form .sharedmodal-footer-body > span {
            background-color: #fddc76;
            line-height: 20px;
            display: inline-block;
            padding: 0 8px;
        }

    #sharedmodal_form .sharedmodal-info-body {
        border-bottom: 1px solid #ebebeb;
        padding: 25px 0;
        width: 100%;
    }

    #sharedmodal_form .sharedmodal-footer {
        padding: 20px 0 25px;
        width: 100%;
    }

    #sharedmodal_form .sharedmodal-info-body table tr:nth-child(-n+2) td {
        padding-bottom: 15px;
    }

    #sharedmodal_form .sharedmodal-info-body table tr td:first-child {
        text-align: right;
        width: 135px;
    }

    #sharedmodal_form .sharedmodal-info-body table tr td:last-child {
        padding-left: 12px;
    }

.sharedmodal-info-col {
    padding: 0 20px !important;
}

.sharedmodal-map-col {
    height: 284px;
    margin-top: -20px;
    padding: 0;
}

.sharedmodal-body .row {
    margin: 0 !important;
}


/* Кнoпкa зaкрыть для тех ктo в тaнке) */

#sharedmodal_form #modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    display: block;
    font-weight: bold;
}


/* Пoдлoжкa */

#sharedoverlay {
    z-index: 3;
    /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
    position: fixed;
    /* всегдa перекрывaет весь сaйт */
    background-color: #000;
    /* чернaя */
    opacity: 0.8;
    /* нo немнoгo прoзрaчнa */
    -moz-opacity: 0.8;
    /* фикс прозрачности для старых браузеров */
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    /* рaзмерoм вo весь экрaн */
    top: 0;
    /* сверху и слевa 0, oбязaтельные свoйствa! */
    left: 0;
    cursor: pointer;
    display: none;
    /* в oбычнoм сoстoянии её нет) */
}

.modal-edit-warehouse-content fieldset legend,
.modal-edit-warehouse-content fieldset legend {
    font-size: 14px;
    margin-left: 16px;
    border: none;
    color: #373737;
}

.datatable-title {
    margin: 40px 0 20px 0;
}

.datatable-tile {
    padding: 10px;
    background-color: #f5f5f6;
}

.table-order-header > tbody > tr > td {
    border: 0;
    border-right: 1px solid #ebebeb;
    padding: 0 20px;
}

    .table-order-header > tbody > tr > td:last-child {
        border: 0;
    }

    .table-order-header > tbody > tr > td > h4 {
        margin-top: 0;
    }

.order-header-row {
    margin-bottom: 10px;
}

    .order-header-row a.order-document-print-link {
        max-width: 140px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }

.order-header-docs a:hover {
    color: #e66133;
}

.order-header-docs span {
    color: #979797;
}


/*-----*/

.filter-check {
    float: left;
    margin-right: 30px;
    height: 31px;
    padding: 6px;
}


/*RESULT SEARCH*/

.searchResult {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 500px;
}

.pageHead h3 span {
    color: #1cb2ff;
    font-weight: bold;
}

.pageHead h3 a {
    text-decoration: none;
}

.searchResult .pageHead h3::before {
    background-image: url("/Content/neon/images/ezex/resultImg.png");
}

.loadDiv {
    position: relative;
    width: 100%;
    height: 56px;
    background-color: #f5f5f6;
    display: table;
    border-radius: 5px;
    margin-bottom: 5px;
}

    .loadDiv p {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        /*color: #373737;*/
        font-size: 10pt;
        font-weight: 300;
        padding-left: 35px;
    }

        .loadDiv p::before {
            position: absolute;
            content: '';
            top: 12px;
            left: 50%;
            width: 30px;
            margin-left: -227px;
            height: 30px;
            background-image: url("/Content/neon/images/ezex/clockBlue.png");
            background-position: center;
            background-repeat: no-repeat;
        }

.selectedManufacture {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 50px;
    padding-top: 15px;
    display: table;
}

    .selectedManufacture::after {
        position: absolute;
        content: '';
        top: 100%;
        left: 0%;
        width: 100%;
        height: 1px;
        background-color: #cccccc;
    }

    .selectedManufacture::before {
        position: absolute;
        content: '';
        top: 0%;
        left: 0%;
        width: 100%;
        height: 1px;
        background-color: #cccccc;
    }

    .selectedManufacture .manItem {
        position: relative;
        width: auto;
        height: 30px;
        border: solid 1px #c8cdd7;
        float: left;
        padding: 0px 10px;
        box-sizing: border-box;
        margin: 0px 5px;
        border-radius: 5px;
        cursor: pointer;
        margin-bottom: 15px;
    }

        .selectedManufacture .manItem p {
            line-height: 26px;
            font-size: 10pt;
            float: left;
        }

.manItem ._on {
    position: relative;
    width: 18px;
    height: 18px;
    background-image: url("/Content/neon/images/ezex/stock.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 36px 18px;
    float: left;
    display: none;
    top: 5px;
    margin-left: 7px;
}

.manItem:hover,
.manItem.active {
    background-color: #1cb2ff;
    color: white;
    border: solid 1px #1cb2ff;
}

.manItem.onStock ._on {
    display: inline-block;
}

.manItem.onStock:hover ._on {
    background-position: right;
}

.manItem.onStock.active ._on {
    background-position: right;
}

.resultTableCont {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
    padding-bottom: 70px;
}

    .resultTableCont .tableHead {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 50px;
        padding-left: 15px;
        display: inline-block;
    }

.tableHead h3,
.tableHead p {
    position: relative;
    width: auto;
    height: 50px;
    line-height: 48px;
    font-weight: 800;
    font-size: 10pt;
    float: left;
    display: inline-block;
    margin: 0;
}

.tableHead p {
    padding-left: 15px;
    font-weight: 100;
}

.resultTable,
.tableItem {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 50px;
    background-color: #f5f5f6;
    display: table;
}

    .tableItem .infoShort {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 51px;
        background-color: #ffffff;
        border: solid 1px #c8cdd7;
        border-bottom: transparent;
    }

._noResult {
    display: none;
}

    ._noResult.show {
        display: block;
    }

.noResultDiv {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .noResultDiv p {
        font-size: 10pt;
        /*color: #373737;*/
    }


/*!!!*/

.infoShort .columnTable {
    position: relative;
    width: auto;
    height: auto;
    min-height: 50px;
    min-width: 125px;
    float: left;
    display: inline-block;
}

    .infoShort .columnTable:first-child {
        padding-left: 15px;
        max-width: 125px;
    }

        .infoShort .columnTable:first-child p {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

    .infoShort .columnTable:nth-child(2) {
        text-align: center;
    }

    .infoShort .columnTable:nth-child(3) {
        padding-left: 35px;
        max-width: 595px;
    }

@media all and (max-width:1440px) {
    .infoShort .columnTable:nth-child(3) {
        max-width: 295px !important;
    }
}

.infoShort .columnTable:nth-child(3) {
    text-decoration: none;
    /*color: #373737;*/
    font-size: 10pt;
    line-height: 47px;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

    .infoShort .columnTable:nth-child(3) a:hover {
        cursor: pointer;
    }

.infoShort .columnTable:nth-child(4) {
    margin-left: 15px;
}

.columnTable p {
    line-height: 50px;
    font-size: 10pt;
    margin: 0;
}

.columnTable.right {
    position: relative;
    width: auto;
    height: 50px;
    float: right;
}

.showMore,
.priceMore {
    position: relative;
    width: auto;
    height: 50px;
    float: left;
    display: table;
    text-align: center;
    cursor: pointer;
}

.priceMore {
    width: 125px;
    padding-right: 20px;
    box-sizing: border-box;
}

    .priceMore p {
        text-align: right;
    }

.showMore:hover p {
    color: #2792e4;
}

.showMore:hover .numbMore {
    background-color: #2792e4;
}

    .showMore:hover .numbMore p {
        color: white;
    }

.showMore p {
    float: left;
    width: auto;
    display: inline-block;
    height: 50px;
    padding: 0px 5px;
    /* color: #373737;*/
    font-size: 10pt;
}

.showMore .numbMore {
    position: relative;
    width: auto;
    margin-top: 16px;
    height: 20px;
    border-radius: 4px;
    background-color: #e0e0e0;
    text-align: center;
    display: inline-block;
}

.numbMore p {
    line-height: 20px;
    padding: 0px 5px;
    float: none;
}

.columnTable.right .closeThat {
    display: none;
}

.columnTable.right.active .closeThat {
    display: block;
    text-align: right;
    padding-right: 15px;
    cursor: pointer;
}

    .columnTable.right.active .closeThat p::before {
        position: absolute;
        content: '';
        width: 9px;
        height: 6px;
        background-position: center;
        background-image: url("/Content/neon/images/ezex/closeThat.png");
        background-repeat: no-repeat;
        top: 45%;
        left: 30px;
    }

.columnTable.right.active .priceMore,
.columnTable.right.active .showMore {
    display: none;
}

.iconsTable {
    position: relative;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 75px 15px;
    float: left;
    display: inline-block;
    top: 16px;
    margin-right: 8px;
    /*cursor: pointer;*/
}

    .iconsTable._car {
        background-image: url("/Content/neon/images/ezex/sprite.png");
        background-position: 0px 0px;
    }

    .iconsTable._photo {
        background-image: url("/Content/neon/images/ezex/sprite.png");
        background-position: -15px 0px;
    }

    .iconsTable._light {
        background-image: url("/Content/neon/images/ezex/sprite.png");
        background-position: -30px 0px;
    }

    .iconsTable._ok {
        background-image: url("/Content/neon/images/ezex/sprite.png");
        background-position: -45px 0px;
    }

        .iconsTable._ok.instock-current {
            background-image: url("/Content/neon/images/ezex/sprite.png");
            background-position: -60px 0px !important;
        }

.infoAll {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 50px;
    display: table;
    border: solid 1px #cccccc;
    border-top: transparent;
}

.resultTable._analog .infoAll {
    display: none;
    border: solid 1px #cccccc;
    border-bottom: transparent;
}

    .resultTable._analog .infoAll.active {
        display: table;
    }

.resultTable._analog:last-child .tableItem .infoAll.active {
    border: solid 1px #cccccc;
    border-top: transparent;
}

.resultTable._analog:last-child .tableItem .infoShort {
    border: solid 1px #cccccc;
}

.infoTable {
    position: relative;
    height: auto;
    min-height: 50px;
    box-sizing: border-box;
    float: right;
}

    .infoTable table tr td,
    .infoTable table thead tr:last-child th {
        height: 50px;
        border-bottom: solid 1px #cccccc;
    }

    .infoTable table tr:last-child {
        border-bottom: transparent;
    }

    .infoTable._bord tbody tr:last-child td {
        border-bottom: solid 1px #cccccc;
    }

    .infoTable table tr td {
        width: auto;
        height: 50px;
        font-size: 10pt;
        box-sizing: border-box;
        padding: 0px 5px;
        vertical-align: middle;
    }

        .infoTable table tr td:nth-child(5) span.yes {
            position: relative;
            width: 16px;
            height: 16px;
            display: inline-block;
            background-image: url("/Content/neon/images/ezex/deliveryOk.png");
            background-repeat: no-repeat;
            background-position: center;
        }

        .infoTable table tr td:nth-child(1),
        .infoTable table tr td:nth-child(1) {
            padding-left: 10px;
            line-height: 49px;
        }

            .infoTable table tr td:nth-child(1) .colorStripe.yesGreen,
            .infoTable table tr td:nth-child(1) .colorStripe.noBlue,
            .infoTable table tr td:nth-child(1) .colorStripe.shared {
                position: relative;
                width: 5px;
                height: 50px;
                top: 0px;
                left: -10px;
                background-color: #cce39b;
                float: left;
            }

            .infoTable table tr td:nth-child(1) .colorStripe.noBlue {
                background-color: #b6dee5;
            }

            .infoTable table tr td:nth-child(1) .colorStripe.shared {
                background-color: #f2eebe;
            }


        /*.infoTable table tr td:first-child {
            text-align: right;
        }

            .infoTable table tr td:first-child i, .infoTable table tr td:first-child span.carpart-warehouse-place {
                display: none;
            }

    .infoTable table tr:hover td:first-child i, .infoTable table tr:hover td:first-child span.carpart-warehouse-place {
        display: inline;
    }*/


        /*

    .infoTable table tr:hover td:first-child span.carpartdescription {
        display: none;
    }*/


        /*.infoTable table tr td:first-child {
        border: none !important;
        padding-right: 20px;
    }*/


        /*.infoTable table tr td:first-child span {
            font-size: 11px;
        }*/


        /*.infoTable table tr td:nth-child(2) {
        text-align: center;
    }*/

        .infoTable table tr td:nth-child(2) span.carpartdescription {
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 600px;
            min-width: 600px;
        }

@media all and (max-width:1440px) {
    .infoTable table tr td:nth-child(2) span.carpartdescription {
        max-width: 300px !important;
        min-width: 300px !important;
    }
}

.infoTable table tr td:nth-child(3) {
    text-align: center;
    min-width: 120px;
}

.infoTable table tr td:nth-child(4) {
    text-align: center;
    width: 120px;
}

.infoTable table tr td:nth-child(5) {
    text-align: center;
    width: 90px;
}

.infoTable table tr td:nth-child(6) {
    width: 165px;
    text-align: right;
    min-width: 120px;
}

.infoTable table tr td:nth-child(7) {
    min-width: 70px;
    width: 70px;
}

.infoTable table tr th {
    vertical-align: middle;
    font-weight: normal;
    font-size: 10pt;
}

.cellLenght {
    width: 35px;
    position: relative;
    height: 100%;
    display: inline-block;
    float: left;
}

    .cellLenght input {
        position: relative;
        width: 100%;
        height: 25px;
        border: solid 1px #373737;
        box-sizing: border-box;
        text-align: center;
        border-radius: 3px 0 0 3px;
    }

.cellShop {
    position: relative;
    width: 25px;
    height: 25px;
    left: -1px;
    float: left;
    display: inline-block;
    background-color: white;
    border: solid 1px #373737;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/Content/neon/images/ezex/shop.png");
    background-position: center;
    background-position: -1px;
}

    .cellShop:hover {
        background-color: #fddc76;
    }

.cellInfo {
    position: relative;
    width: 60px;
    height: 25px;
    left: -1px;
    float: left;
    display: inline-block;
    background-color: white;
    border: solid 1px #373737;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    padding-top: 3px;
}

    .cellInfo:hover {
        background-color: #fddc76;
    }

.buyCell .info {
    display: none;
}

.buyCell.notBuy .cellShop,
.buyCell.notBuy .cellLenght {
    display: none;
}

.buyCell.notBuy .info {
    width: 60px;
    height: 25px;
    border: solid 1px #373737;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    background-color: white;
    cursor: pointer;
    display: block;
}

    .buyCell.notBuy .info:hover {
        background-color: #2792e4;
    }

        .buyCell.notBuy .info:hover p {
            color: white;
        }

.openAll {
    position: relative;
    width: auto;
    height: 50px;
    display: table;
    float: right;
    cursor: pointer;
}

    .openAll p {
        font-size: 10pt;
        padding-right: 25px;
    }

        .openAll p::before {
            position: absolute;
            content: '';
            top: 20px;
            left: 0px;
            width: 6px;
            height: 9px;
            background-image: url("/Content/neon/images/ezex/openAll.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

    .openAll.active p::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.addMore {
    position: relative;
    width: auto;
    height: 50px;
    display: inline-block;
    float: right;
    font-size: 10pt;
    margin-right: 15px;
    cursor: pointer;
}

    .addMore p,
    .addMore .numbMore {
        position: relative;
        width: auto;
        height: 50px;
        display: inline-block;
        float: left;
    }

.wrapperNumb {
    position: relative;
    float: left;
    height: 50px;
    width: 50px;
    display: inline-block;
    text-align: center;
}

.addMore p {
    line-height: 50px;
}

.addMore .numbMore {
    position: relative;
    width: 25px;
    margin-top: 16px;
    height: 20px;
    float: left;
    border-radius: 4px;
    background-color: #e0e0e0;
    margin-left: 10px;
}

    .addMore .numbMore p {
        line-height: 20px;
    }

.addMore:hover p {
    color: #2792e4;
}

.addMore:hover .numbMore {
    background-color: #2792e4;
}

    .addMore:hover .numbMore p {
        color: white;
    }


/*RESULT SEARCH*/


/*Редактирование заказа*/

.edit-order-row td {
    padding: 10px 8px !important;
}

.cbp_tmtimeline > li .cbp_tmtime {
    padding-right: 120px !important;
}

.cbp_tmtimeline .cbp_tmlabel img {
    max-width: 100% !important;
    height: auto !important;
}

td.physical-clients-details {
    max-width: 220px !important;
    width: 220px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.price-upload {
    border: 2px dashed;
    border-radius: 10px;
    min-height: 315px;
    padding-top: 50px;
}

.price-upload-td-ellipsed-owerflow {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#infoEmail {
    position: relative;
}

    #infoEmail:hover div {
        display: block;
    }

    #infoEmail div {
        position: absolute;
        width: 250px;
        padding: 5px;
        display: none;
        background-color: #303641;
        color: white;
        top: -250%;
        left: -75px;
        border-radius: 5px;
    }

.formattedHeightRow {
    max-height: 350px;
    overflow-y: overlay;
}

    .formattedHeightRow::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
        border-radius: 2px;
        background-color: #f5f5f5;
    }

    .formattedHeightRow::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f5f5;
    }

    .formattedHeightRow::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
        background-color: #2b2f35;
        /*#f5f5f5*/
    }

.apiLoader {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

    .apiLoader * {
        padding: 0;
        margin: 5px;
    }

.supplier-loading-table {
    position: relative;
}

    .supplier-loading-table tbody {
        position: absolute;
        background-color: white;
        z-index: 9999;
        border: dotted 1px gray;
    }

.suggestions-list-table {
    max-height: 350px;
    overflow-y: scroll;
}

.slimScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

.slimScroll::-webkit-scrollbar {
    width: 4px;
}

.slimScroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    /*#f5f5f5*/
}

.slimScroll.dark::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.slimScroll.dark::-webkit-scrollbar {
    background-color: #f5f5f5;
}

.slimScroll.dark::-webkit-scrollbar-thumb {
    background-color: #2b2f35;
}

.slimScroll.light::-webkit-scrollbar-track {
    background-color: #2b2f35;
}

.slimScroll.light::-webkit-scrollbar {
    background-color: #2b2f35;
}

.slimScroll.light::-webkit-scrollbar-thumb {
    background-color: #f5f5f5;
}


/*Header remainder licence warning*/

.end-licence {
    position: absolute;
    left: -20px;
    bottom: -22px;
}

    .end-licence > i {
        color: red !important;
    }

    .end-licence:hover .tip-licensing {
        display: block;
    }

.tip-licensing {
    display: none;
    color: lightgray;
    z-index: 999;
    position: absolute;
    width: 200px;
    border-top: solid 10px transparent;
    left: -30px;
}

.tip-content {
    background-color: #303641;
    border-radius: 5px;
    padding: 10px;
}

.tip-licensing p {
    white-space: normal;
}

.top-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #303641;
    top: -10px;
    left: 33px;
}

.fixed {
    position: fixed;
    max-width: 300px;
    right: -300px;
    top: 0;
    height: 100vh;
    background-color: #303641;
    width: 100%;
    z-index: 10;
    transition: all .5s;
}

    .fixed.show {
        right: 0;
        transition: all .5s;
    }

.cartsHeader {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding: 20px 10px;
    align-items: center;
    border-bottom: 1px solid rgba(69, 74, 84, 0.7);
}

    .cartsHeader * {
        color: #aaabae;
    }

.cartIcon {
    position: relative;
    margin-right: 10px;
}

    .cartIcon > i {
        font-size: 4rem;
    }

    .cartIcon span {
        position: absolute;
        top: 0;
        right: 0;
    }

.cartsHeader h3 {
    padding: 2px 0 0 0;
    margin: 0;
    flex: 1 0 auto;
    text-align: left;
    font-weight: 100;
}

.cartsHeader a i {
    font-size: 2rem;
}

.cartsContent {
    padding: 0 20px;
}

    .cartsContent * {
        color: #aaabae;
    }

    .cartsContent ul {
        list-style: none;
        margin: 0;
        padding: 20px 0 0 0;
    }

        .cartsContent ul h3 {
            color: #7f8186;
        }

        .cartsContent ul li {
            padding: 5px 5px 0 20px;
            position: relative;
        }

            .cartsContent ul li > a {
                display: flex;
                flex-flow: column nowrap;
                justify-content: flex-start;
            }

.topLine {
    flex: 1 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.cartsContent ul li a > span {
    padding-left: 15px;
    font-size: 11px;
}

.cartsContent ul li:hover {
    background-color: rgba(69, 74, 84, 0.3);
}

.user-status {
    display: inline-block;
    background: #575d67;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-clip: padding-box;
}

    .user-status.one {
        background-color: #06b53c;
    }

    .user-status.two {
        background-color: #f7d227;
    }

    .user-status.three {
        background-color: #ee4749;
    }

.cartsContent ul li a strong {
    flex: 1 0 auto;
    text-align: right;
    padding-right: 15px;
}

.cartItems {
    position: absolute;
    width: 400px;
    max-height: 400px;
    background-color: #2b303a;
    left: -420px;
    top: -50px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
}

    .cartItems.show {
        display: block;
        transition: all .5s;
    }

.rightTriangle {
    position: absolute;
    width: 20px;
    height: 20px;
    border-right: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-top: solid 10px transparent;
    right: -20px;
    top: 65px;
}

    .rightTriangle.darkGray {
        border-left: solid 10px #2b303a;
    }

    .rightTriangle.yellowGold {
        border-left: solid 10px #efdf44;
    }

.cartItemsHeader {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
}

.customerInfo {
    flex: 1 0 auto;
    padding: 10px 20px;
    max-width: 350px;
}

    .customerInfo h4 {
        margin: 0;
        padding: 0;
    }

    .customerInfo p {
        margin: 0;
        padding: 0;
        font-size: 10px;
        display: inline-block;
    }

.cartItemsPositions {
    background-color: #343a45;
    width: 100%;
    overflow-y: scroll;
    max-height: 300px;
}

.positionInfo {
    width: 100%;
}

    .positionInfo tbody tr {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        border-bottom: 1px solid rgba(69, 74, 84, 0.7);
    }

        .positionInfo tbody tr td {
            flex: 1 0 auto;
        }

    .positionInfo tr:hover {
        background-color: #3d4451;
    }

.positionTitle h4 {
    font-size: 12px;
    max-width: 200px;
    cursor: alias;
}

.positionTitle {
    max-width: 200px;
    overflow: hidden;
    padding-left: 10px;
}

    .positionTitle p {
        display: inline-block;
        text-transform: uppercase;
        padding-right: 10px;
        font-size: 10px;
        font-weight: 900;
    }

.countTypes {
    max-width: 80px;
    text-align: center;
}

.itemSumm {
    max-width: 100px;
    text-align: end;
}

.cartItemsFooter {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    position: relative;
}

    .cartItemsFooter > * {
        margin: 7px 10px;
    }

    .cartItemsFooter h4 {
        flex: 0 0 auto;
        text-align: end;
        margin-right: 70px;
    }

    .cartItemsFooter strong {
        padding-top: 1px;
    }

.cartFooterButtons {
    flex: 1 0 auto;
}

    .cartFooterButtons a {
        display: inline-block;
        color: #303641;
        background-color: #f0f0f1;
        border-color: #f0f0f1;
        padding: 2px 10px;
        border-radius: 1px;
    }

        .cartFooterButtons a.success {
            background-color: #00a651;
            color: white;
            font-weight: 600;
        }

        .cartFooterButtons a.danger {
            background-color: #ee4749;
            color: #fff;
            font-weight: 600;
        }

        .cartFooterButtons a:first-child {
            margin-right: 5px;
        }

        .cartFooterButtons a:hover {
            background-color: #f0f0f1a8;
        }

.confirmDelete {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.deleteFormConfirmModal {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #242930;
    width: 600px;
    margin: 30vh auto 0;
}

.deleteFormConfirmModalHead {
    border-bottom: solid 1px #242930;
}

    .deleteFormConfirmModalHead h4 {
        font-weight: 600;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        color: #242930;
        margin: 15px 0;
    }

.deleteFormConfirmModalBody {
    border-bottom: solid 1px #242930;
    padding: 10px;
}

    .deleteFormConfirmModalBody p {
        width: 100%;
        text-align: center;
        margin: 20px 0;
        color: #242930;
    }

        .deleteFormConfirmModalBody p span {
            color: #242930;
        }

.deleteFormConfirmModalFooter {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

    .deleteFormConfirmModalFooter a {
        text-transform: capitalize;
        width: 100px;
        color: #fff;
    }

        .deleteFormConfirmModalFooter a:first-child {
            margin-right: 10px;
        }