.col-auto-3 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}

.col-auto-3 {
    flex: 0 0 auto;
    max-width: none;
    min-width: 25%;
    width: auto;
}

@media (min-width: 1500px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
    }

    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xxl-first {
        order: -1
    }

    .order-xxl-last {
        order: 13
    }

    .order-xxl-0 {
        order: 0
    }

    .order-xxl-1 {
        order: 1
    }

    .order-xxl-2 {
        order: 2
    }

    .order-xxl-3 {
        order: 3
    }

    .order-xxl-4 {
        order: 4
    }

    .order-xxl-5 {
        order: 5
    }

    .order-xxl-6 {
        order: 6
    }

    .order-xxl-7 {
        order: 7
    }

    .order-xxl-8 {
        order: 8
    }

    .order-xxl-9 {
        order: 9
    }

    .order-xxl-10 {
        order: 10
    }

    .order-xxl-11 {
        order: 11
    }

    .order-xxl-12 {
        order: 12
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

.m-subheader-search {
    background: #1361AC !important;
    padding: 20px 20px 20px 20px;
}

.m-subheader-search .form-control {
    border-color: #FFFFFF;
}

.m-subheader-search .m-input-icon__icon i {
    color: #FFFFFF !important;
}

.m-subheader-search .form-control {
    color: #FFFFFF !important;
}

.m-subheader-search .form-control::-moz-placeholder {
    color: #FFFFFF;
}

.m-subheader-search .form-control {
    padding-bottom: 0.35rem !important;
    padding-top: 0.35rem !important;
    /*padding-left: 0.35rem !important;*/
}

.m-portlet .m-portlet__head,
.m-portlet .m-portlet__body {
    padding: 1.2rem 1.2rem;
}

.m-body .m-content {
    padding: 20px 20px;
}

.m-subheader-search .m-form {
    margin-top: 10px !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #1361AC;
}

.car-container {
    /*position: absolute;*/
    background: url(/data/images/custom/car.jpg) no-repeat;
    bottom: 0;
    height: 378px;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0;
    width: 455px;
}

.car-checkboxes {
    height: 303px;
    position: relative;
    width: 435px;
}

.m-brand {
    background-color: #47D9C9 !important;
}

.m-widget7 .m-widget7__desc {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
    text-align: center;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link {
    background-color: #47D9C9;
    color: #FFFFFF;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link {
    background-color: #47D9C9;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link {
    background-color: #47D9C9;
}

.m-aside-menu > ul > .m-menu__item--hover > a,
.m-aside-menu > ul > .m-menu__item--hover > a span.m-menu__link-text,
.m-aside-menu > ul > .m-menu__item--hover > a .m-menu__link-icon::before {
    color: #FFFFFF !important;
}

.m-aside-menu .m-menu__nav > .m-menu__item,
.m-aside-menu .m-menu__subnav > .m-menu__item {
    position: relative;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link + .m-menu__link.m-menu__toggle,
.m-aside-menu .m-menu__subnav > .m-menu__item > .m-menu__link + .m-menu__link.m-menu__toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link + .m-menu__link.m-menu__toggle {
    height: 58px;
}

.m-menu__item--disabled {
    background-color: rgba(200, 200, 200, 0.1);
    pointer-events: none;
}

.m-wizard.m-wizard--2 .m-wizard__head {
    margin: 2rem 0 1rem 0;
    padding: 0 2rem;
    position: relative;
}

.car-form {

    padding: 10px;
}

.car-form p {
    margin: 0;
    margin-top: 10px;
    padding-left: 5px;
}

.car-form input#quantity {
    /*display: inline-block;*/
    /*width: 45px;*/
    /*margin-left: 20px;*/
    /*padding-left: 10px;*/
    /*height: 18px;*/
    /*border: 1px solid #CECECE;*/
}

.car-form label {
    line-height: 1.5rem;
}

.car-form label.control-label {
    line-height: 1.25em;
    padding: .65rem 1rem .65rem 0;
}

.car-form input[type="radio"] {
    margin-left: 8px;
    margin-right: 22px;
}

.car-checkboxes input[type="checkbox"] {
    position: absolute;
}

.FB {
    left: 0;
    top: 71px;
}

.FW1 {
    left: 55px;
    top: 15px;
}

.FW2 {
    left: 55px;
    top: 137px;
}

.BONNET {
    left: 55px;
    top: 71px;
}

.DOOR1 {
    left: 185px;
    top: 12px;

}

.DOOR2 {
    left: 265px;
    top: 12px;
}

.DOOR3 {
    left: 185px;
    top: 140px;
}

.DOOR4 {
    left: 265px;
    top: 140px;
}

.ROOF {
    left: 230px;
    top: 71px;
}

.BOOT {
    left: 182px;
    top: 71px;
}

.BW1 {
    left: 367px;
    top: 18px;
}

.BW2 {
    left: 367px;
    top: 133px;
}

.RB {
    left: 413px;
    top: 71px;
}

.FBs {
    left: 5px;
    top: 264px;
}

.FW1s {
    left: 50px;
    top: 229px;
}

.FW2s {
    left: 96px;
    top: 229px;
}

.DOOR1s {
    left: 190px;
    top: 248px;
}

.DOOR2s {
    left: 265px;
    top: 248px;
}

.DOOR3s {
    left: 170px;
    top: 248px;
}

.DOOR4s {
    left: 245px;
    top: 248px;
}

.BW1s {
    left: 363px;
    top: 224px;
}

.BW2s {
    left: 343px;
    top: 224px;
}

.RBs {
    left: 388px;
    top: 269px;
}

.selectedMix {
    margin-bottom: 50px;
}

.selectedMix p.mix {
    color: #1361AC;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0;
}

.selectedMix p {
    font-size: 25px;
    line-height: 1.2em;
    padding-left: 0;
    text-align: center;
}

table.table.recept th {
    font-weight: 700;
}

table.table.recept tbody tr {
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .selectedMix {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .main-tabs > .m-tabs-line .m-tabs__link,
    .main-tabs > .nav.nav-tabs .nav-link [class*=" fa-"],
    .main-tabs > .nav.nav-tabs .nav-link [class^="fa-"] {
        font-size: 1rem;
    }

    .m-portlet.m-portlet--tabs .m-portlet__head {
        padding-bottom: 0;
    }

    .selectedMix,
    .selectedMix + .seperator {
        display: none;
    }
}

@media screen and (max-width: 500px) {

    .car-container {
        background-size: 100%;
        height: 208px;
        margin-bottom: 30px;
        width: 300px;
    }

    .FW1, .DOOR1, .DOOR2, .BW1 {
        top: 3%;
    }

    .FB, .BONNET, .ROOF, .BOOT, .RB {
        top: 18%;
    }

    .FW2, .DOOR3, .DOOR4, .BW2 {
        top: 32%;
    }

    .FW1, .FW2, .BONNET {
        left: 10%;
    }

    .DOOR1, .BOOT, .DOOR3 {
        left: 30%;
    }

    .DOOR2, .ROOF, .DOOR4 {
        left: 43%;
    }

    .BW1, .BW2 {
        left: 58%
    }

    .RB {
        left: 65%;
    }

    .FBs, .RBs {
        top: 60%;
    }

    .FW1s, .FW2s, .BW1s, .BW2s {
        top: 51%;
    }

    .FW1s {
        left: 10%;
    }

    .FW2s {
        left: 14%;
    }

    .BW1s {
        left: 54%;
    }

    .BW2s {
        left: 58%;
    }

    .DOOR1s, .DOOR2s, .DOOR3s, .DOOR4s {
        top: 58%;
    }

    .DOOR1s {
        left: 28%;
    }

    .DOOR2s {
        left: 45%;
    }

    .DOOR3s {
        left: 24%;
    }

    .DOOR4s {
        left: 41%;
    }

    .RBs {
        left: 65%
    }

}

.fa {
    font-family: FontAwesome !important;
}

.scrollable-vertical {
    overflow-y: auto;
}

.scrollable-horizontal {
    overflow-x: auto;
}

.emptyTable {
    align-items: center;
    min-height: 200px;
}

.modal-open {
    overflow: hidden !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#editShowHide_table .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.mix-checked > .m-datatable__cell > span {
    color: lightgrey;
}

.mix-checked .m-checkbox.m-checkbox--checked > input ~ span {
    background: 0 0;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.mix-checked .m-checkbox.m-checkbox--checked > input ~ span:after {
    display: block
}

.mix-checked .m-checkbox.m-checkbox--checked:hover > input:not([disabled]) ~ span,
.mix-checked .m-checkbox.m-checkbox--checked > input ~ span {
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.m-datatable.m-datatable--default > .m-datatable__table[data-row-click]:not([data-row-click=""]) > .m-datatable__body .m-datatable__row > .m-datatable__cell.m-datatable__cell--no-sort,
.m-datatable.m-datatable--default > .m-datatable__table[data-row-click]:not([data-row-click=""]) > .m-datatable__foot .m-datatable__row > .m-datatable__cell.m-datatable__cell--no-sort,
.m-datatable.m-datatable--default > .m-datatable__table[data-row-click]:not([data-row-click=""]) > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--no-sort {
    cursor: pointer !important;
}

.m-datatable .blockOverlay {
    opacity: 0.2 !important;
    z-index: 10 !important;
}

.m-datatable .blockElement {
    z-index: 11 !important;
}

.m-checkbox.m-checkbox--centered > span, .m-radio.m-radio--centered > span {
    bottom: 1px;
    margin: auto;
}

.select2-container--default .select2-results__option {
    position: relative;
}

select[readonly].readonly.select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].readonly.select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].readonly.select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].readonly.select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

html[data-select-hack] .select2-container--default .select2-results__option {
    /*padding: 0;*/
    min-height: calc(1.5rem + 10px);
    position: relative;
}

html[data-select-hack] .select2-container--default .select2-results__option > div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

html[data-select-hack] .select2-container--default .select2-results__option > div + div {
    position: relative;
}

html[data-select-hack] .select2-container--default .select2-results__option span {
    /*display: inline-block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*padding: 5px 15px;*/
}

html[data-select-hack] .select2-container--default .select2-results__option {
    padding-right: 25px;
}

html[data-select-hack] .select2-container--default .select2-results__option span::before {
    bottom: 0;
    font-family: FontAwesome;
    height: 1rem;
    line-height: 1rem;
    margin: auto;
    position: absolute;
    right: -15px;
    top: 0;
}

html[data-select-hack] .select2-container--default .select2-results__option:hover span::before,
html[data-select-hack] .select2-container--default .select2-results__option.select2-results__option--highlighted span::before {
    content: "\f10c";
}

html[data-select-hack] .select2-container--default .select2-results__option[aria-selected="true"] span::before {
    content: "\f111";
}

.user-data .nav.nav-pills .nav-item,
.user-data .nav.nav-tabs .nav-item {
    margin-left: 0;
}

html > .blockOverlay {
    opacity: 0.3 !important;
    position: fixed !important;
    z-index: 10000 !important;
}

html > .blockMsg.blockElement {
    bottom: 0 !important;
    height: calc(16px + 1.15rem) !important;
    left: 0 !important;
    margin: auto !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 10010 !important;
}

@media (min-width: 768px) and (max-width: 768px) {
    .formulation .m-portlet .m-portlet__head .m-portlet__head-tools.main-tabs {
        width: 100%;
    }

    .formulation .m-portlet.m-portlet--tabs .m-portlet__head {
        padding-bottom: 0;
    }
}

/* Pagination*/
.pagination.datatable > li.page-item {
    display: inline-block;
    margin-right: 8px;
    padding: 0;
}

.pagination.datatable > li.page-item > a.page-link {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    height: 2.25rem;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1rem;
    min-width: 2.25rem;
    padding: .5rem;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.pagination.datatable > li.page-item > a.page-link.disabled {
    pointer-events: none;
}

.m-dropdown.datatable .m-dropdown__wrapper .m-dropdown__body {
    padding: 0;
}

.datatable .m-dropdown__body .m-nav .m-nav__section {
    margin: 0;
    padding: 10px;
}

.datatable .m-dropdown__body .m-nav .m-nav__section.selected {
    background-color: #EBE9F2;
}

/* */

.m-datatable > .m-datatable__table.table-transparent,
.m-datatable > .m-datatable__table.table-transparent > .m-datatable__head .m-datatable__row > .m-datatable__cell,
.m-datatable > .m-datatable__table.table-transparent > .m-datatable__body .m-datatable__row.m-datatable__row--even > .m-datatable__cell {
    background: transparent;
}

.m-datatable.m-datatable--default > .m-datatable__table.table-hover-transparent > .m-datatable__body .m-datatable__row.m-datatable__row--hover:not(.m-datatable__row--active) > .m-datatable__cell {
    background: transparent;
}

.table-bordered.repaired thead td, .table-bordered thead th {
    border-bottom-width: 1px;
}

.m-datatable.m-datatable--default > .select2-container--default .select2-dropdown {
    min-width: 200px;
}

select.text-left-clear + .select2-container .select2-selection--single .select2-selection__rendered:not([title]) {
    text-align: left !important;
}

select.text-right-clear + .select2-container .select2-selection--single .select2-selection__rendered:not([title]) {
    text-align: right !important;
}

select.text-center-clear + .select2-container .select2-selection--single .select2-selection__rendered:not([title]) {
    text-align: center !important;
}

.formulation-data > .tab-pane-header .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 2rem;
}

.formulation-data > .tab-pane-header .webScaleSelector + .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 3.2rem;
}

.formulation-data > .tab-pane-header .webScaleSelector + .select2-container {
    max-width: 250px;
    min-width: 250px;
}

.formulation-data > div:not(.tab-pane-header) .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 1rem;
}

.formulation .formulation-data > .tab-pane-header .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right: 0;
}

.m-input-icon > .m-input-icon__icon {
    width: 3.2rem;
}

.m-input-icon.m-icon--left > input {
    padding-left: 3.2rem;
}

.m-input-icon.m-icon--right > input {
    padding-right: 3.2rem;
}

.printing .box {
    margin: 0 0 30px;
}

.private .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.25;
    min-height: calc(0.65rem * 2 + 1.25rem);
    padding: .65rem 1rem;
}

#filtering.private .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 0;
}

.btn {
    white-space: inherit;
}

.blockUI--cancel {
    display: none;
}

.blockUI.blockOverlay.toCancel + .blockUI--cancel {
    color: rgba(0, 0, 0, .2);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 1rem;
    position: absolute;
    right: 2rem;
    text-align: center;
    top: 2rem;
    z-index: 1110;
}

body > .blockUI.blockOverlay.toCancel + .blockUI--cancel {
    z-index: 1111;
}

.blockUI.blockOverlay.toCancel + .blockUI--cancel:hover {
    color: rgba(255, 0, 0, .2);
}

@media (min-width: 992px) AND (max-width: 1300px) {
    .col-md-20-percent {
        max-width: 20%;
    }
}

@media (min-width: 1025px) {
    .m-dropdown.m-dropdown--as-parent .m-dropdown__wrapper {
        width: 100%
    }

    .m-dropdown.m-dropdown--xsmall .m-dropdown__wrapper {
        width: 125px
    }
}

.clearSelect2 {
    cursor: pointer;
    float: right;
    font-family: Poppins;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .5rem;
}

.clearSelect2::before {
    font-family: FontAwesome;
    padding-right: 0.2rem;
}

/*
select[multiple] + .select2-container .select2-search--inline {
    font-size: 12px;
}

select[multiple] + .select2-container .select2-search--inline:not(:first-child)::before {
    bottom: 0;
    content: "\f00d";
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 800;
    height: 1rem;
    line-height: 1rem;
    margin: auto 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
}
*/

.formulation .activeIcon > span i,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell i,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell i,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell i {
    font-size: 1.3rem;
}

.dashboardPage .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell i {
    font-size: 1.1rem;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-radio,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-checkbox {
    top: 1px;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-radio,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-radio,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-radio,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-checkbox,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-checkbox,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--check > span > .m-checkbox {
    margin: 0;
    padding: 0;
    top: 2px;
}

/*
#chips_table > table > tbody > tr.has_details td {
    cursor: row-resize;
}
*/

#chips_table > table > tbody > tr td p,
#chips_table > table > tbody > tr.has_details td,
#chips_table > table > tbody > tr.no_details td,
#chips_table > table > tbody > tr.has_details td:first-child {
    cursor: pointer;
}

/*
#chips_table > table > tbody > tr.has_details td {
    cursor: default;
}
*/

/*
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="info"] .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actions"] .m-btn--icon.m-btn--icon-only {
    margin-right: 10px;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="info"] .m-btn--icon.m-btn--icon-only:last-child,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actions"] .m-btn--icon.m-btn--icon-only:last-child {
    margin-right: 0;
}
 */

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="info"] .m-btn--icon.m-btn--icon-only + .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actions"] .m-btn--icon.m-btn--icon-only + .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actionsPopup"] .m-btn--icon.m-btn--icon-only + .m-btn--icon.m-btn--icon-only {
    margin-left: 10px;
}

.select2-container--default .select2-dropdown.hide-disabled .select2-results__option[aria-disabled="true"] {
    display: none;
}

.blockOverlay,
.modal-backdrop.show {
    opacity: var(--back-opacity) !important;
}

.blockOverlay,
.m-datatable .blockOverlay {
    opacity: 0.4 !important;
}

.swal2-container.swal2-modal {
    z-index: 150001 !important;
}

.swal2-container.swal2-shown {
    background-color: rgba(0, 0, 0, var(--back-opacity));
}

.swal2-popup .swal2-select {
    background: transparent;
    border: 1px solid #000000;
    outline: none;
}

.rainbow-party .rms-required .control-label,
.rainbow-party .form-group.rms-required > label,
.rainbow-party .required .control-label,
.rainbow-party .form-group.required > label {
    font-weight: bold;
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item:last-child {
    padding-right: 0;
}

@media (max-width: 1024px) {
    .m-aside-left-close,
    .m-aside-header-menu-mobile-close {
        left: -30px;
    }
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: var(--text-main-color);
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#active_debug .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field='data'] > span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin: 6px 5px;
    padding: 0;
}

#active_debug .modal th,
#active_debug .modal td {
    min-width: 50px;
    word-break: break-word;
}

#active_debug .modal th:first-child,
#active_debug .modal td:first-child {
    width: 10px;
    max-width: 120px;
}

.list-style-position-inside {
    list-style-position: inside;
}

.list-style-position-outside {
    list-style-position: outside;
}

#editCustomProduct.modal {
    z-index: 1170 !important;
}

@media (max-width: 767px) {
    body > .blockUI.blockMsg {
        max-width: 90vw !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
    }

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

.col-auto, .col-lg-auto, .col-md-auto, .col-sm-auto, .col-xl-auto, .col-xxl-auto {
    max-width: 100%;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .table-extra-hidden {
    display: none;
}

.cx .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .color img {
    pointer-events: none;
}

.bugfix-table {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 150px;
    height: 2rem;
}

.m-datatable.m-datatable--loaded:has(> .m-datatable--destroyed) + .bugfix-table {
    display: block;
    visibility: visible;
    opacity: 1;
}

.m-datatable.m-datatable--loaded > .m-datatable--destroyed {
    display: none;
}

.print-header,
.print-footer {
    display: none;
}

html.thisIsPopup #m_aside_left,
html.thisIsPopup .m-brand__tools,
html.thisIsPopup #m_aside_left_minimize_toggle,
html.thisIsPopup #m_aside_header_topbar_mobile_toggle,
html.thisIsPopup #m_aside_left_offcanvas_toggle,
html.thisIsPopup .m-stack#m_header_topbar {
    display: none !important;
}

html.thisIsPopup .m-stack,
html.thisIsPopup .m-brand__tools,
html.thisIsPopup #m_aside_left_minimize_toggle,
html.thisIsPopup #m_aside_header_topbar_mobile_toggle,
html.thisIsPopup #m_aside_left_offcanvas_toggle {
    pointer-events: none !important;
}

html.thisIsPopup .m-grid {
    padding-left: 0;
}

html.thisIsPopup .closeWindow {
    border-radius: .25rem 0 0 .25rem;
    height: 80px;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 80px;
    z-index: 1000;
}

html.thisIsPopup .closeWindow i {
    font-size: 1.5rem;
}

i.fa.light {
    font-size: 0.8rem !important;
}

i.fa + pre {
    bottom: auto;
    display: inline-block;
    font-size: 87.5%;
    font-weight: bolder;
    height: 2rem;
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
}

.is_popup .m-header--fixed-mobile .m-body {
    padding: 0 !important;
}

.is_popup .m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__item > .m-nav__link {
    pointer-events: none;
}

.is_popup .m-grid__item {
    position: relative;
}

.is_popup .m-subheader button.close,
.is_popup .m-subheader button.openNewTab {
    font-size: 1.55rem;
    line-height: 1.2;
    opacity: 1;
    padding: 7px 14px;
    /*position: absolute;*/
    /*right: 25px;*/
    /*top: 25px;*/
    z-index: 1;


    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: auto;
}

.is_popup .m-subheader button.openNewTab {
    font-size: 1rem;
    font-weight: normal;
    line-height: calc(1 * 1.55rem * 1.2);
    /*margin-right: 65px;*/
}

.is_popup .m-subheader button.close:focus, .is_popup .m-subheader button.close:hover,
.is_popup .m-subheader button.openNewTab:focus, .is_popup .m-subheader button.openNewTab:hover {
    opacity: 0.75;
}

.is_popup .m-content > .m-portlet,
.is_popup .m-content > * > .m-portlet {
    margin-bottom: 0;
}

.cursor-default {
    cursor: default !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.fullwidth {
    width: 100% !important;
}

.bold {
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
}

.no-break {
    white-space: nowrap;
}

.overwflow-hidden {
    overflow: hidden;
}

.block-on-init {
    min-height: 100px;
}

.m-portlet.editing .disable-on-editing,
.m-portlet .m-portlet__head-tools > .m-portlet__nav.editing .disable-on-editing {
    cursor: not-allowed !important;
    opacity: .3;
    pointer-events: none;
}

.m-datatable > .m-datatable__table .internal_data form {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.m-datatable > .m-datatable__table.editing .internal_data > div {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.m-datatable > .m-datatable__table.editing .internal_data form {
    display: initial;
    opacity: 1;
    visibility: visible;
}

.m-auto {
    margin: auto;
}

.mv-auto {
    margin: auto 0;
}

.mh-auto {
    margin: 0 auto;
}

.progress.m-progress--with-text {
    height: 3rem;
}

.progress.m-progress--with-text > .m-progress-text-container {
    bottom: 0;
    height: 1.6rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.progress.m-progress--with-text > .m-progress-text-container > p {
    background-color: rgb(255, 255, 255);
    border-radius: .25rem;
    display: inline-block;
    height: auto;
    line-height: 1.4rem;
    margin: 0;
    padding: 0.1rem 0.5rem;
    width: auto;
}

.uploadFile .progress .progress-bar {
    width: 100%;
}

.m-portlet.m-portlet--tabs .m-portlet__head {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.m-portlet.m-portlet--skin-dark .btn-department {
    max-width: 100%;
    white-space: normal;
}

.m-portlet.m-portlet--unair > .m-portlet__head {
    display: table;
    height: 5.1rem;
    padding: 0 1.2rem;
    /*padding: 0;*/
    width: 100%;
}

.m-portlet.m-portlet--unair > .m-portlet__head > .m-portlet__head-caption {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.m-portlet.m-portlet--unair > .m-portlet__head > .m-portlet__head-tools {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.user-data .m-portlet.m-portlet--unair .m-portlet__head .m-portlet__head-tools.save-button .m-portlet__nav .m-portlet__nav-item,
.m-portlet.m-portlet--unair > .m-portlet__head > .m-portlet__head-tools > .m-portlet__nav > .m-portlet__nav-item {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.is_popup .user-data .m-portlet.m-portlet--unair > .m-portlet__head > .m-portlet__head-tools.save-button,
.is_popup .user-data .m-portlet.m-portlet--unair > .m-portlet__head > .m-portlet__head-tools.save-button .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link,
.is_popup .user-data .m-portlet .m-portlet__head .m-portlet__head-tools.save-button,
.is_popup .user-data .m-portlet .m-portlet__head .m-portlet__head-tools.save-button .m-portlet__nav .m-portlet__nav-item .m-portlet__nav-link {
    display: none;
}

.table-fixed {
    table-layout: fixed !important;
}

.table-layout-auto {
    table-layout: auto !important;
}

.rowToBeFixed.fixed_header > * {
    position: fixed;
    z-index: 10;
}

.rowToBeFixed.fixed_header.frozen {
    position: relative;
}

.rowToBeFixed.fixed_header.frozen > * {
    position: absolute;
}

.displayBlock {
    display: block;
}

.displayInlineBlock {
    display: inline-block;
}

div.div-as-a {
    display: inline-block;
    width: auto;
}

.content100 {
    height: 100%;
}

.flex-flow-row-reverse {
    flex-flow: row-reverse
}

.col-align-self--end {
    align-self: end;
}

.col-align-content--end {
    align-content: end;
}

.col-align-self--center {
    align-self: center;
}

body:not(.m-brand--minimize) .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item {
    padding: 0 15px;
}

.m-aside-menu .m-menu__nav {
    padding: 0 0 40px 0;
}

.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__heading .m-menu__ver-arrow,
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__ver-arrow {
    cursor: pointer;
}

.m-brand .m-brand__logo .m-brand__logo-wrapper img.opened {
    max-width: 185px;
}

.m-brand__logo-wrapper > .closed {
    display: none;
}

.m-aside-left--minimize-hover .m-brand__logo-wrapper > .opened,
.m-aside-left--minimize .m-brand__logo-wrapper > .opened {
    display: none;
}

.m-aside-left--minimize-hover .m-brand__logo-wrapper > .closed,
.m-aside-left--minimize .m-brand__logo-wrapper > .closed {
    display: block;
}

.example {
    display: none;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.bordered-claim {
    align-items: center;
    border: 1px solid #CCCCCC;
    color: #212529;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.bordered-claim a {
    color: #212529;
    text-decoration: none;
    width: 100%;
}

.bordered-claim:hover {
    background-color: #F4F5F8;
}

.bordered-claim.active {
    background-color: #CCCCCC;
}

body > .blockUI.blockMsg:not(.customZindex) {
    z-index: 1111 !important;
}

body > .blockUI.blockOverlay:not(.customZindex) {
    z-index: 1110 !important;
}

.dashboard + .blockUI + .blockUI.blockOverlay {
    z-index: 50 !important;
}

.dashboard + .blockUI + .blockUI.blockOverlay + .blockUI.blockMsg {
    z-index: 51 !important;
}

.m-brand--minimize .m-brand .m-stack {
    width: 200px;
}

.m-brand--minimize .m-brand .m-brand__tools {
    display: table-cell !important;
    padding: 0 30px;
}

.m-brand--minimize .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item.m-stack__item--fluid {
    padding-left: 100px;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
    padding-right: 10px;
    text-transform: none;
}

.m-topbar .m-topbar__nav.m-nav .m-card-user.m-card-user__version {
    font-size: 0.9rem;
    padding: 0;
    width: 100%;
}

.m-topbar .m-topbar__nav.m-nav .m-card-user.m-card-user__version .m-card-user__details {
    text-align: right;
}

.m-topbar .m-topbar__nav.m-nav .m-card-user.m-card-user__version .m-card-user__details span {
    font-weight: 700;
}

.editable {
    cursor: pointer;
}

select:not([data-hack-width]) + .select2-container {
    width: 100% !important;
}

i.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

i.arrow.right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

i.arrow.left {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

i.arrow.up {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

i.arrow.down {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

button[disabled],
.disabled .disable-on-disabled,
label.disabled.disable-on-disabled,
a.btn[disabled],
.btn.btn-default-packing.disabled,
.btn.btn-default-packing:disabled {
    opacity: .3;
}

.btn-sm,
.btn-sm *,
.m-datatable.m-datatable--default > .m-datatable__table.table-notifications > .m-datatable__body .m-datatable__row > .m-datatable__cell i,
.m-datatable.m-datatable--default > .m-datatable__table.table-stock > .m-datatable__body .m-datatable__row > .m-datatable__cell i,
.m-datatable.m-datatable--default > .m-datatable__table.table-claim > .m-datatable__body .m-datatable__row > .m-datatable__cell i {
    font-size: .875rem;
}

.btn-xs,
.btn-xs * {
    font-size: .75rem;
}

.btn-xs {
    border-radius: .15rem;
    line-height: 1.5;
    padding: .25rem .5rem;
}

.m-table.m-table--head-bg-transparent thead th {
    /*background: #5867DD;*/
    /*color: #FFFFFF;*/
    border-bottom: 0;
    border-top: 0
}

.m-table.m-table--head-separator-transparent thead th {
    border-bottom: 0;
    border-top: 0;
}

.m-table tr.m-table__row--transparent td, .m-table tr.m-table__row--transparent th {
    /*background: #5867DD;*/
    /*color: #FFFFFF;*/
    border-bottom: 0;
    border-top: 0
}

.m-table.m-table--border-transparent, .m-table.m-table--border-transparent td, .m-table.m-table--border-transparent th {
    border-color: #F4F5F8;
}

#prices button, td button {
    margin-bottom: 10px;
}

#prices button + button,
td button + button {
    margin-left: 15px;
}

#error .error-block {
    text-align: center;
}

#error .error-center {
    bottom: 0;
    height: 2.4rem;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
}

#error .error-title {
    font-size: 150px;
}

#error .lead {
    font-size: 60px;
}

#error .form-control {
    margin: 0;
}

.img-responsive {
    max-width: 100%;
}

.resizable {
    position: relative;
}

.hidden {
    display: none !important;
}

.position-vcenter {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.ui-autocomplete {
    background: white;
    list-style: none;
    margin: 0;
    max-height: 300px;
    max-width: 80%;
    overflow: auto;
    padding: 0;
    z-index: 1090 !important;
}

.ui-autocomplete.ui-menu .ui-menu-item {
    border-bottom: 1px solid #CCCCCC !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    cursor: pointer;
    margin: 0 !important;
    padding: 3px 0 3px 15px;
}

.loading {
    background-color: rgba(51, 51, 51, 0.2) !important;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11050;
}

.loading.showing {
    display: block;
}

#global.loading {
    position: fixed;
}

.loading .spinner {
    background-image: url("/data/images/loading.gif") !important;
    background-repeat: no-repeat;
    bottom: 0;
    display: inline-block;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
}

#locations {
    display: none;
}

.form-group textarea {
    min-height: 80px;
}

/* moved to colors.css
.form-group.has-error input:not(.ignore),
.form-group.has-error textarea:not(.ignore),
.form-subscribe .email-container.has-error input,
.form-group.has-error .select2-container--default .select2-selection--multiple,
.form-group.has-error .select2-container--default .select2-selection--single,
table.table tbody tr.new.has-error input:not(.ignore),
table.table tbody tr.new.has-error textarea:not(.ignore),
table.table tbody tr.new .email-container.has-error input,
table.table tbody tr.new.has-error .select2-container--default .select2-selection--multiple,
table.table tbody tr.new.has-error .select2-container--default .select2-selection--single {
    border-color: #F4516C !important;
}
/* */

input.has-error {
    /* moved to colors.css
    border: 1px solid #F4516C !important;
    /* */
    border-style: solid !important;
    border-width: 1px !important;
}

/* moved to colors.css
.form-group.has-error .select2-container--default .select2-selection--single,
.form-group.has-error .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-group.has-error .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #F4516C !important;
}

.form-group.has-error label.control-label {
    color: #F4516C !important;
}

.form-group.has-error input::-webkit-input-placeholder {
    color: #F4516C !important;
}

.form-group.has-error input:-moz-placeholder {
    color: #F4516C !important;
}

.form-group.has-error input::-moz-placeholder {
    color: #F4516C !important;
}

.form-group.has-error input:-ms-input-placeholder {
    color: #F4516C !important;
}

.form-group.has-error input::-ms-input-placeholder {
    color: #F4516C !important;
}

.form-control::-webkit-input-placeholder {
    color: transparent;
}

.form-control:-moz-placeholder {
    color: transparent;
}

.form-control::-moz-placeholder {
    color: transparent;
}

.form-control:-ms-input-placeholder {
    color: transparent;
}

.form-control::-ms-input-placeholder {
    color: #000000;
}

.form-control:focus::-ms-input-placeholder {
    color: inherit;
}
/* */

.helios-background > .m-grid_image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.helios-background > .m-grid__item {
    z-index: 5;
}

.m-login.m-login--1 .m-login__content.helios-background .m-login__welcome {
    font-size: 1.5rem;
    font-weight: normal;
}

.m-login.m-login--1 .m-login__content.helios-background .m-login__msg {
    font-size: 1.8rem;
}

.m-login.m-login--1 .m-login__wrapper .m-login__signup .m-login__form .m-form__group .form-control::placeholder {
    color: var(--text-grey-color);
}

.m-login.m-login--1 .m-login__wrapper .m-login__signup .m-login__form .m-form__group .form-control::-webkit-input-placeholder {
    /*
    WebKit, Blink, Edge */
    color: var(--text-grey-color);
}

.m-login.m-login--1 .m-login__wrapper .m-login__signup .m-login__form .m-form__group .form-control:-moz-placeholder {
    /*
    Mozilla Firefox 4 to 18 */
    color: var(--text-grey-color);
}

.m-login.m-login--1 .m-login__wrapper .m-login__signup .m-login__form .m-form__group .form-control::-moz-placeholder {
    /*
    Mozilla Firefox 19+ */
    color: var(--text-grey-color);
}

.m-login.m-login--1 .m-login__wrapper .m-login__signup .m-login__form .m-form__group .form-control:-ms-input-placeholder {
    /*
    Internet Explorer 10-11 */
    color: var(--text-grey-color);
}

.m-login.m-login--1 .m-login__wrapper .m-login__signup .m-login__form .m-form__group .form-control::-ms-input-placeholder {
    /*
    Microsoft Edge */
    color: var(--text-grey-color);
}

.m-login.m-login--1 .m-login__wrapper .m-login__signup .m-login__form .m-form__group .form-control:focus::-ms-input-placeholder {
    /*
    Microsoft Edge */
    color: var(--text-grey-color);
}

#claim5 .form-control::placeholder {
    color: #9699A2;
}

#claim5 .form-control:focus::placeholder {
    color: transparent;
}

#claim5 .form-control::-webkit-input-placeholder {
    /*
    WebKit, Blink, Edge */
    color: #9699A2;
}

#claim5 .form-control:focus::-webkit-input-placeholder {
    /*
    WebKit, Blink, Edge */
    color: transparent;
}

#claim5 .form-control:-moz-placeholder {
    /*
    Mozilla Firefox 4 to 18 */
    color: #9699A2;
}

#claim5 .form-control:focus:-moz-placeholder {
    /*
    Mozilla Firefox 4 to 18 */
    color: transparent;
}

#claim5 .form-control::-moz-placeholder {
    /*
    Mozilla Firefox 19+ */
    color: #9699A2;
}

#claim5 .form-control:focus::-moz-placeholder {
    /*
    Mozilla Firefox 19+ */
    color: transparent;
}

#claim5 .form-control:-ms-input-placeholder {
    /*
    Internet Explorer 10-11 */
    color: #9699A2;
}

#claim5 .form-control:focus:-ms-input-placeholder {
    /*
    Internet Explorer 10-11 */
    color: transparent;
}

#claim5 .form-control::-ms-input-placeholder {
    /*
    Microsoft Edge */
    color: #9699A2;
}

#claim5 .form-control:focus::-ms-input-placeholder {
    /*
    Microsoft Edge */
    color: transparent;
}

.form-group > input:not([value=""]) + label,
.form-group > input:focus + label,
.form-group > textarea:valid + label,
.form-group > textarea:focus + label {
    opacity: 0;
    visibility: hidden;
}

.ignore .form-control {
}

.required .control-label:after,
.form-group.required > label:after,
.rms-required .control-label:after,
.form-group.rms-required > label:after {
    content: " *";
}

/* moved to colors.css
.form-group.has-error label {
    color: #F4516C !important;
}
/*  */

#results,
.form-results {
    display: none;
    /*border: 1px solid #cccccc;*/
    text-align: center;
}

#results .text,
.form-results.text {
    /*margin: 10px;*/
}

#results .text > ul.formated-niceley,
.form-results .text > ul.formated-niceley {
    display: inline-block;
    text-align: left;
    width: auto;
}

#results.show,
.form-results.show {
    display: block;
    /*padding: 10px;*/
}

#results,
.form-results {
    /*margin-bottom: 30px;*/
}

/* moved to colors.css
#results.error,
.form-results.error {
    border-color: #F4516C !important;
    color: #F4516C;
}

#results.error,
.form-results.error {
    border-color: #F4516C !important;
    color: #F4516C;
}

#results.success,
.form-results.success {
    border-color: #00778B !important;
    color: #00778B;
}
/* */

#form {
    overflow: hidden;
    position: relative;
}

#form.ajax_complete,
button.ajax_complete {
    opacity: 0;
    visibility: hidden;
}

button.ajax_complete {
    display: none;
}

.re-captcha > div {
    background-color: #FFFFFF;
    display: inline-block;
    height: auto;
    padding: 0;
    width: auto;
}

.re-captcha.has-error > div iframe {
    /* moved to colors.css
     border: 2px solid #F4516C !important;
    /* */
    border-style: solid !important;
    border-width: 2px !important;
}

.formulation .errors p {
    /* moved to colors.css
      color: #F4516C;
    /* */
    font-size: 2rem;
    text-align: center;
}

.formulation .m-input-icon > .m-input-icon__icon.m-input-icon__icon--right {
}

.formulation .m-input-icon > .m-input-icon__icon.m-input-icon__icon--right + .m-input-icon__icon {
    /*right: 2.7em;*/
    right: 2em;
}

.formulation .m-input-icon > .m-input-icon__icon.m-input-icon__icon--loading {
    opacity: 0;
    visibility: hidden;
}

.formulation .m-input-icon.m-input-icon__loading {
    cursor: wait;
}

.formulation .m-input-icon.m-input-icon__loading > .m-input-icon__icon.m-input-icon__icon--loading {
    opacity: 1;
    visibility: visible;
}


.formulation .m-input-icon > .m-input-icon__icon.m-input-icon__icon--clear-input {
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.formulation .m-input-icon > input:not([data-value=""]) + span + .m-input-icon__icon.m-input-icon__icon--clear-input {
    opacity: 1;
    visibility: visible;
}

.formulation .m-input-icon > .m-input-icon__icon--removeFile {
    cursor: pointer;
}

.formulation .m-input-icon > .m-input-fileName[value=""] + a + span + span + .m-input-icon__icon--removeFile,
.formulation .m-input-icon.m-input-icon__loading > .m-input-icon__icon.m-input-icon__icon--removeFile {
    opacity: 0;
    visibility: hidden;
}

.formulation .m-input-icon.m-input-icon__loading .select2-container--default {
    pointer-events: none;
}

.formulation:not(.pricesss) .m-input-icon.m-input-icon__loading .select2-container--default .select2-selection--single .select2-selection__arrow,
.formulation:not(.pricesss) .m-input-icon.m-input-icon__loading .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    opacity: 0;
    visibility: hidden;
}

.formulation .activeIcon {
    position: relative;
}

.formulation .activeIcon > span {
    background: red;
    border-radius: 100%;
    color: white;
    display: block;
    font-size: 0.55rem;
    height: 1.2rem;
    line-height: 1.2rem;
    position: absolute;
    right: 0;
    width: 1.2rem;
}

.m-input-icon > .m-input-icon__icon > span > i.unit {
    color: var(--text-grey-color);
    font-style: normal;
}

.m-input-icon > .m-input-icon__icon > span > span {
    color: var(--text-grey-color);
    display: table-cell;
    font-style: normal;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
}

.private-ratio .m-input-icon .form-control {
    max-width: calc(5rem + 3.2rem + 60px);
    padding-left: 5rem;
    padding-right: 3.2rem;
}

.private-ratio .m-input-icon > .m-input-icon__icon.m-input-icon__icon--left {
    padding-left: .65rem;
    padding-right: .65rem;
    width: 5rem;
}

.private-ratio .m-input-icon > .m-input-icon__icon.m-input-icon__icon--right {
    width: 3.2rem
}

.private-ratio .m-input-icon > .m-input-icon__icon > span > span.ratio {
    font-family: sans-serif, Arial;
    font-weight: 400;
    text-align: left;
}

.formulation .m-input-icon.m-input-icon--right .form-control.form-control-lg.m-input-fileName {
    padding-left: 1rem;
    padding-right: 4.7rem;
}

.formulation .m-input-icon.m-input-icon--left .form-control.form-control-lg {
    padding-right: 1rem;
}

.formulation .m-input-fileName + a.btn {
    bottom: 0;
    left: 0;
    padding: 0.35rem;
    position: absolute;
    right: 5rem;
    text-align: left;
    top: 0;
    width: auto;
}

#import .m-portlet__head-tools {
    width: 45%;
}

#import .m-portlet .m-portlet__head {
    padding: 0 1.2rem;
}

#import .m-portlet .m-portlet__body {
    padding: 1.2rem;
}

.formulation .has-error .m-input-fileName + a.btn {
    border-bottom-color: #F4516C !important;
    border-left-color: #F4516C !important;
    border-top-color: #F4516C !important;
}

.formulation .m-input-icon > .m-input-fileName[value]:not([value=""]) + a {
    opacity: 0;
    visibility: hidden;
}

.selectedMix {
    height: 100px;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.selectedMix p {
    font-size: 1.3rem;
    /*
 responsive 
    font-size: 18px;*/
    font-weight: bold;
    line-height: 1.2em;
    padding-left: 0;
    text-align: center;
}

.selectedMix p.mix {
    color: #1361AC;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 0;
    min-height: 2.5em;
}

.selectedMix p.mix span {
    white-space: nowrap;
}

.selectedMix p.kolicina {
    /*padding-top: 10px;*/
    /*
 responsive 
    font-size: 30px;*/
    font-size: 2.15rem;
}

.formulation .button-right-bar,
button[class*="webSocket"],
button[class*="cx-"],
.m-radio-list[class*="cx-"],
.price .showPrices .form-group {
    display: inline-block;
    width: 65%;
}

#filtering button[class*="cx-"] {
    width: auto;
}

#filtering .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="actions_template"] > span,
#filtering .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actions_template"] > span {
    padding-right: 0;
}

.formulation .button-right-bar.m-dropdown > button.m-dropdown__toggle.btn,
.formulation .button-right-bar.m-dropdown > a.m-dropdown__toggle.btn {
    width: 100%;
}

.btn.dropdown-toggle.msds::after, .nav-link.dropdown-toggle.msds::after {
    content: "\f1bd";
    font-size: 1rem;
    margin-left: 0;
}

.adr-images .col-auto {
    padding: 0 10px;
}

.adr-images img {
    max-width: 80px;
}

/*
    FORMULATION
*/
.formulation .m-input-icon .form-control.form-control-lg + .m-input-icon__icon,
.formulation .m-input-icon .input-group-lg > .form-control + .m-input-icon__icon,
.formulation .m-input-icon .input-group-lg > .input-group-append > .form-control.btn + .m-input-icon__icon,
.formulation .m-input-icon .input-group-lg > .input-group-append > .form-control.input-group-text + .m-input-icon__icon,
.formulation .m-input-icon .input-group-lg > .input-group-prepend > .form-control.btn + .m-input-icon__icon,
.formulation .m-input-icon .input-group-lg > .input-group-prepend > .form-control.input-group-text + .m-input-icon__icon {
    width: 3.2rem;
    z-index: 2;
}

.formulation .m-input-icon .form-control.form-control-lg,
.formulation .m-input-icon .input-group-lg > .form-control,
.formulation .m-input-icon .input-group-lg > .input-group-append > .form-control.btn,
.formulation .m-input-icon .input-group-lg > .input-group-append > .form-control.input-group-text,
.formulation .m-input-icon .input-group-lg > .input-group-prepend > .form-control.btn,
.formulation .m-input-icon .input-group-lg > .input-group-prepend > .form-control.input-group-text,
.formulation .select2 {
    z-index: 3;
}

/*
.formulation .m-subheader-search .select2-container--default .select2-selection--single,*/
/*
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple {*/
/*background-color: transparent;*/
/*border-color: #FFFFFF !important;*/
/*color: #FFFFFF;*/
/*
}*/
.formulation:not(.prices) .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.formulation:not(.prices) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
.formulation:not(.prices) .select2-container--default .select2-selection--single .select2-selection__arrow,
.formulation:not(.prices) .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    font-size: 1rem;
    font-weight: 700;
    margin-right: 1rem;
}

.formulation:not(.prices) select[data-hack-normal] + .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right: 0;
}

.formulation:not(.prices) .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.formulation:not(.prices) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
    /*right: 4.5em;*/
    right: 3.3em;
}

.formulation:not(.prices) .select2-container--default .select2-selection--single .select2-selection__arrow,
.formulation:not(.prices) .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    /*right: 2em;*/
    right: 1.2em;
}

.formulation:not(.prices) .modal.private.realPrivate .select2-container--default .select2-selection--single .select2-selection__arrow,
.formulation:not(.prices) .modal.private.realPrivate .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    right: 0;
}

.modal.private .table.table-stock .select2-container--default .select2-selection--single .select2-selection__arrow,
.modal.private .table.table-stock .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    margin-right: 0;
    right: 0;
}

.modal.private .table.table-stock .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 2.7rem;
}

.formulation:not(.pricess) .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
.formulation:not(.pricess) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #FFFFFF;
    /*padding: 0.35rem 3.6rem 0.35rem 1.5rem !important;*/
    line-height: 1.5em;
    padding: 0.35rem 4.85rem 0.35rem 1.5rem !important;
}

.formulation:not(.pricess) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0.35rem 3.6rem 0.35rem 1.5rem !important;
}

.formulation.prices .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
.formulation.prices .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-right: 2.6rem;
}

.formulation.prices .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.is_disabled > .m-datatable__cell > span {
    color: var(--danger);
}

#login_management .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
#login_management .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    line-height: 1.5em;
    padding-bottom: .35rem;
    padding-top: .35rem;
}

.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #FFFFFF;
}

.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
    color: #FFFFFF;
}

.formulation:not(.pricesss) .m-subheader-search .m-checkbox-inline,
.formulation:not(.pricesss) .m-subheader-search .m-radio-inline {
    padding: 0.35em;
}

.formulation:not(.pricesss) .m-subheader-search .m-checkbox-inline .m-checkbox,
.formulation:not(.pricesss) .m-subheader-search .m-checkbox-inline .m-radio,
.formulation:not(.pricesss) .m-subheader-search .m-radio-inline .m-checkbox {
    margin-bottom: 0;
}

.formulation:not(.pricesss) .m-subheader-search .select2-container .select2-selection--multiple {
    min-height: 0;
}

.formulation:not(.pricesss) .m-subheader-search .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
.formulation:not(.pricesss) .m-subheader-search .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
.formulation:not(.pricesss) .m-subheader-search .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    padding-bottom: 3px;
    padding-top: 3px;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span > i + i,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span > i + i,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span > i + i {
    margin-left: 10px;
}

.m-datatable.m-datatable--default > .m-datatable__table.table-hover > .m-datatable__body .m-datatable__row.m-datatable__row--hover > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.table-hover > .m-datatable__foot .m-datatable__row.m-datatable__row--hover > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.table-hover > .m-datatable__head .m-datatable__row.m-datatable__row--hover > .m-datatable__cell > span {
    font-weight: bold;
    color: var(--text-black-color);
}

.formulation:not(.pricesss) .m-subheader-search .m-form .control-label {
    margin-bottom: 11px;
    margin-top: 1px;
    padding: 0.35rem 0;
}

.m-subheader-search .m-form .m-checkbox-groupped-form {
    padding: 0.35rem 0;
}

.formulation:not(.pricesss) .m-subheader-search .m-datatable .form-control {
    display: inline-block;
    max-width: calc(100%);
    padding-bottom: 0.35rem;
    padding-left: 0.35rem;
    padding-top: 0.35rem;
    text-align: right;
}

.formulation .m-subheader-search .m-datatable .m-input-icon {
    display: inline-block;
    margin-bottom: 0.35rem !important;
    margin-top: 0.35rem;
}

.formulation .m-subheader-search .m-datatable .m-input-icon > .m-input-icon__icon.m-input-icon__icon--right {
    padding-bottom: 0.35rem;
    padding-top: 0.35rem;
}

.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    border: none;
    /*margin-bottom: 0 !important;*/
    /*margin-top: 0 !important;*/
    /*padding-bottom: 0 !important;*/
    /*padding-top: 0 !important;*/
}

.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered span.select2-search__field {
    font-size: 0.9rem;
    line-height: 1.3em;
}

.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:nth-last-child(2) {
    margin-right: 0;
}

.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered input.select2-search__field {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    font-size: 15px;
}

.formulation .m-portlet .m-portlet__head .m-portlet__head-text sup {
    display: inline-block;
    top: 0;
    width: 100%;
}

.formulation .m-portlet .m-portlet__head .m-portlet__head-tools.main-tabs {
    /*width: 45%;*/
}

.formulation h5.title {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #CFCFCF;
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 5px;
}

.formulation h5.title > .add-recipe-comment {
    cursor: pointer;
    float: right;
    padding: 0 10px;
}

.formulation .import-modules h5.title {
    border: none;
}

.formulation .import-modules h5.title,
.formulation .import-modules .m-checkbox-list .m-checkbox {
    white-space: nowrap;
}

.remove-recipe-comment-column {
    padding: .75rem 15px !important;
    text-align: right;
    width: 50px;
}

.formulation .remove-recipe-comment-column > .remove-recipe-comment {
    cursor: pointer;
}

.m-datatable.m-datatable--default > .m-datatable__table {
    min-height: 0;
}

.m-datatable tbody > tr > td:first-child > a.m-datatable__toggle-subtable {
    pointer-events: none;
}

.m-datatable thead > tr > th.m-datatable__cell--no-sort {
    cursor: default !important;
}

.m-datatable tbody > tr > td:first-child {
    cursor: pointer;
}

.m-datatable tr.no_details > td:first-child {
    cursor: auto;
}

.m-datatable tr.no_details > td > a.m-datatable__toggle-subtable {
    opacity: 0;
    visibility: hidden;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    display: inline-block;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    min-width: 100%;
    word-wrap: break-word;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="mix"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="mix"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="min_stock"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="min_stock"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="price"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="price"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="price_value"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="price_value"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="stock"] > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="stock"] > span {
    word-wrap: unset;
}

.m-datatable.m-datatable--default > .m-datatable__table.table-coloristic > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    /*word-wrap: normal;*/
    /*white-space: nowrap;*/
}

.m-datatable.m-datatable--default > .m-datatable__table.m-datatable--fixed-header > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table:not > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    white-space: nowrap;
}

.m-datatable.m-datatable--default > .m-datatable__table.table-stock > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
#productsPage .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
#productsPage .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
#packingsPage .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
#packingsPage .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    white-space: normal;
}

.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="mix"] > span,
.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="mix"] > span {
    /*white-space: nowrap;*/
}

/*
.jobTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="product"] > span,
.jobTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="product"] > span {
    overflow: visible;
}

.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="product"] > span,
.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="product"] > span {
    overflow: visible;
}

.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="product"] > span em,
.mixesTable > .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="product"] > span em {
    white-space: nowrap;
}
*/

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body > span.m-datatable--error {
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

.modal-xl {
    max-width: 90vw;
}

#stockList .modal-xl {
    max-width: 90vw;
    width: 950px;
}

.modal-h-lg > .modal-content {
    min-height: 900px;
}

.modal-header-search .modal-header {
    position: relative;
}

.modal-header-search .modal-header > .actions {
    bottom: 0;
    height: 34px;
    margin: auto;
    position: absolute;
    right: 60px;
    top: 0;
}

.job > .modal-lg {
    max-width: 90vw;
    width: 1000px;
}

#editMixingScheme > .modal-lg,
#editMixingStation > .modal-lg {
    max-width: 90vw;
    width: 1000px;
}

.modal.private table td,
.formulation.prices .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
#tab_colors .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
#tab_variants .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
.m-portlet.popular .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
.tab_formulation .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell {
    position: relative;
}

.formulation.prices .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="color"] {
    position: relative;
}

.formulation.prices .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="color"] > span {
    position: initial;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row[data-hidden="true"] {
    display: none;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span {
    padding: 0;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg {
    height: 50px;
    max-width: 100%;
    width: 50px;
}

/*
.tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell:first-child span {*/
/*width: 40px !important;*/
/*
}*/
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
#tab_colors .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
#tab_variants .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
.m-portlet.popular .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
.tab_formulation .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color {
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    bottom: 0;
    display: inline-block;
    height: auto;
    left: 11px;
    margin: 1px 0;
    position: absolute;
    right: 11px;
    top: 0;
    width: auto;
}

.cx .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
.cx #tab_colors .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
.cx #tab_variants .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
.cx .m-portlet.popular .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color,
.cx .tab_formulation .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color {
    overflow: hidden;
}

.cx .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color > div,
.cx #tab_colors .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color > div,
.cx #tab_variants .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color > div,
.cx .m-portlet.popular .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color > div,
.cx .tab_formulation .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color > div {
    cursor: zoom-in;
    height: 100%;
    width: 100%;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color + i {
    bottom: 0;
    height: 1.3rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

#tab_colors .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span > p,
#tab_variants .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span > p,
.m-portlet.popular .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span > p,
.tab_formulation .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span > p {
    margin-bottom: 0;
    position: relative;
    z-index: 3;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color.background,
#tab_colors .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color.background,
#tab_variants .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color.background,
.m-portlet.popular .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color.background,
.tab_formulation .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color.background {
    left: 0;
    right: 0;
    z-index: 2;
}

.m-checkbox-list.mixes .m-checkbox > span {
    height: 20px;
    width: 20px;
}

.m-checkbox-list.mixes .m-checkbox:not(:first-child) {
    padding-left: 60px;
    position: relative;
}

.m-checkbox-list.mixes .m-checkbox div.color,
.modal.private table td div.color {
    bottom: 0;
    display: block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.m-checkbox-list.mixes .m-checkbox div.color {
    left: 30px;
    margin: 0;
    top: 1px;
}

.modal.private .table th.quantity,
.modal.stock .table th.quantity {
    width: 90px;
}

.modal.stock#stock_document .table th.quantity {
    width: 120px;
}

.modal.job .table th.quantity,
.modal.job .table th.volume {
    width: 180px;
}

.modal.private .table th.color,
.modal.job .table th.color {
    width: 50px;
}

/*.table-stock div.color,*/
/*#colorMix_table div.color,*/
.table-claim div.color {
    display: inline-block;
    height: 20px;
    width: 20px;
}

/*#colorMix_table div.color {*/
/*    margin: auto;*/
/*}*/

.formulation-data table.table {
    margin-bottom: 0;
}

.modal.carparts .form-control-xxl {
    font-size: 4rem;
    line-height: 4rem;
    text-align: right;
}

.modal.carparts .form-control-xxl + .select2.select2-container {
    font-size: 2rem;
    /*line-height: 4rem;*/
}

.car-container {
    height: 335px;
}

.modal.carparts .modal-footer > .row {
    flex: 1;
}

.formulation .formulation-data .quantites[data-department='rms'] .form-group .control-label {
    max-width: 160px;
}

.formulation .formulation-data .quantites[data-department='rms'] .form-group .control-label.wider {
    max-width: 180px;
}

.formulation .formulation-data .quantites[data-department='rms'] .form-group .control-label > input {
    margin-bottom: 0;
    padding-right: 1.5rem;
    position: relative;
}

.formulation .formulation-data .tab-pane-header .quantites[data-department='rms'] .form-group .control-label i {
    bottom: .65rem;
    font-size: 0.8rem;
    font-weight: 400;
    height: 1em;
    line-height: 1em;
    margin: auto;
    position: absolute;
    right: .5rem;
    top: .65rem;
    vertical-align: top;
}

.formulation .formulation-data .form-control,
.formulation .formulation-data .form-control[readonly],
.formulation .formulation-data .select2-container--default .select2-selection--single,
.formulation .select2-container--default .select2-selection--multiple {
    border-color: rgba(204, 204, 204, 1);
}

.formulation .formulation-data .mixing_options .select2-container {
    margin-bottom: .5rem;
}


.formulation .formulation-data > .select2-container > .select2-dropdown {
    width: 170px !important;
}

.formulation .formulation-data .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: var(--text-grey-color);
    right: 0;
}

.formulation .formulationTabs .formulation-data .jobName td {
    font-weight: 300;
    text-align: center;
}

.formulation .formulationTabs .formulation-data .jobName td > span {
    font-size: 1.5rem;
    font-weight: 700;
}

.formulation .formulationTabs.type-app .formulation-data .jobTable,
.formulation .formulationTabs.type-app .formulation-data .jobName,
.formulation .formulationTabs.type-private .formulation-data .jobTable,
.formulation .formulationTabs.type-private .formulation-data .jobName {
    display: none;
    width: 100%;
}

.formulation .formulationTabs.type-job .formulation-data .jobTable td label {
    margin-bottom: 0;
}

.formulation .formulationTabs .formulation-data .jobName.available {
    display: table;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.disabled,
.disabled .disable-on-disabled,
label.disabled.disable-on-disabled,
*[disabled] {
    cursor: not-allowed !important;
    pointer-events: none;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.invisible,
.disabled .hide-on-disabled {
    opacity: 0;
    visibility: hidden;
}

.disabled .display-none-on-disabled {
    display: none;
}

.disable-on-click {
    pointer-events: none;
}

.nav.nav-tabs.disabled {
    display: none;
}

.tab-pane.disabled {
    position: relative;
}

.tab-pane.disabled::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.formulation .nav.nav-pills .nav-link.disabled i,
.formulation .nav.nav-tabs .nav-link.disabled i {
    border-bottom: none !important;
    color: #CCCED7 !important;
}

.formulation .nav.nav-pills .nav-link.disabled,
.formulation .nav.nav-tabs .nav-link.disabled {
    border-bottom: none !important;
    color: #AFB2C1 !important;
}

.formulation .modal.modal.superfilters .modal-dialog {
    max-width: 80%;
}

.formulation .modal.superfilters h5.title {
    border: none;
}

.formulation .modal.superfilters .form-group,
.formulation .modal.superfilters .m-radio-list,
.formulation .modal.superfilters .m-checkbox-list {
    border: 1px solid;
    max-height: 50vh;
    overflow: auto;
}

.formulation .modal.superfilters .m-radio-list + .m-radio-list,
.formulation .modal.superfilters .m-checkbox-list + .m-checkbox-list {
    border: none;
}

.formulation .modal.superfilters .m-radio-list .m-radio,
.formulation .modal.superfilters .m-checkbox-list .m-checkbox {
    margin: 5px 10px;
}

.formulation .activeJob {
    cursor: none !important;
    opacity: 0.3;
    pointer-events: none;
}

.formulation .activeJob i {
    color: inherit !important;
}

.formulation .cancelledJob {
    cursor: none !important;
    opacity: 0;
    pointer-events: none;
}

.formulation .finishedJob {
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*cursor: none !important;*/
}

.m-nav .languages .m-dropdown__toggle span.m-nav__item,
.m-nav .languages .m-dropdown__wrapper span.m-nav__item {
    display: table-cell;
    margin: 0 auto;
    padding: 0 30px 0 10px;
    text-align: center;
    vertical-align: middle;
}

.m-nav .languages .m-dropdown__wrapper span.m-nav__item,
.m-nav .languages span.m-nav__item {
    display: inline-block;
}

.tab_formulation .nav-item.m-tabs__item {
    padding: 0;
}

.privateTabs .nav-item.m-tabs__item > button.btn {
    font-size: 1.1rem;
    line-height: 1.5;
    padding-bottom: 12px;
    padding-top: 12px;
}

.privateTabs .nav-item.m-tabs__item > button.btn > i {
    vertical-align: baseline;
}

.tab_formulation .nav-item.m-tabs__item a.m-tabs__link.active {
    /*box-shadow: 10px 10px rgba(204, 204, 204, .1);*/
}

.nav-item.m-tabs__item.new_item {
    max-width: 50px !important;
}

.tab-pane .tab-pane-header {
    /*background-color: rgba(204,204,204,1);*/
    border-bottom: 1px solid rgba(204, 204, 204, 1);
    padding: 15px;
}

.tab-pane .tab-pane-header.disabled {
    position: relative;
}

.tab-pane .tab-pane-header.disabled::before {
    background-color: rgba(204, 204, 204, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.tab-pane .tab-pane-header > div + div {
    margin-top: 15px;
}

.tab-pane .tab-pane-content {
    padding: 15px;
}

.tab-pane .tab-pane-footer {
    border-top: 1px solid rgba(204, 204, 204, 1);
    padding: 10px 15px;
}

.box {
    border: 1px solid rgba(204, 204, 204, 1);
    margin: 15px 0;
    padding: 15px;
}

.printing .box {
    text-align: center;
}

.printing .box:hover {
    background: rgba(150, 150, 150, 0.1);
}

.printing input[type="radio"] {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.printing .m-radio > span {
    display: none;
}

.center-block {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.center-block.thinner_quantity {
    height: 40px;
    width: 100%;
}

.thinner_quantity > label {
    display: inline-block;
    /*position: relative;*/
}

.thinner_quantity > label::after {
    /*bottom: 0;*/
    /*content: "%";*/
    /*line-height: 40px;*/
    /*margin: auto;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
}

.thinner_quantity .form-control {
    float: left;
    margin-right: 5px;
    width: 80px;
}

.thinner_quantity .form-control[readonly] {
    background-color: #E9ECEF;
    pointer-events: none;
}

.thinner_quantity .control-label {
    float: left;
    line-height: 40px;
    vertical-align: middle;
}

.tab-pane-header .form-group {
    margin: 0;
}

.tab-pane-header .form-group .control-label,
.tab-pane-header .form-group .btn,
.tab-pane-header .form-group .form-control {
    margin-bottom: .5rem;
}

.tab-pane-header .form-group .control-label {
    position: relative;
}

.tab-pane-header .form-group .form-control {
    text-align: right;
}

.tab-pane-header .form-group .control-label span {
    bottom: .65rem;
    font-size: 1rem;
    height: 1.5em;
    left: 1rem;
    line-height: 1.25em;
    /*margin: auto;*/
    position: absolute;
    top: .65rem;
    vertical-align: top;
}

.tab-pane-header .form-group .btn {
    min-width: 80px;
}

.tab-pane-header .form-group .m-checkbox-inline,
.tab-pane-header .form-group .m-radio-inline,
.modal.private .form-group .m-radio-inline {
    padding: .65rem 1rem;
}

.tab-pane-header .form-group .m-checkbox > span,
.tab-pane-header .form-group .m-radio > span {
    bottom: 1px;
    height: 15px;
    left: 5px;
    margin: auto;
    top: 0;
    width: 15px;
}

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right,
.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper {
    /*margin-bottom: 0;*/
}

/*
    LOGIN
*/
.m-login.m-login--1 .m-login__aside {
    max-height: 100vh;
    overflow: auto;
}

.m-login.m-login--1 .m-login__content {
    width: calc(100vw - 700px);
}

.m-login.m-login--1 .m-login__wrapper {
    padding: 2rem;
}

.m-login__signup .m-form .col-form-label,
.m-login__signup .m-form .form-control-label,
.m-login__signup .m-form .m-form__group > label,
.m-login__signup .m-form .m-radio,
.m-login__signup .select2-container--default .select2-selection--single .select2-selection__rendered,
.m-login__signup .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--text-grey-color);
}

/*
.m-login.m-login--1 .m-login__wrapper .m-login__form .m-form__group .form-control::-moz-placeholder {*/
/*color: var(--text-grey-color);*/
/*
}*/
.m-login__signup .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
}

.m-login__signup .select2-container--default .select2-selection--single .select2-selection__arrow,
.m-login__signup .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    color: var(--text-grey-color);
    font-size: 1rem;
    font-weight: 300;
}

.m-login__signup .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    margin-top: -.7rem;
}

.m-login__signup .select2-container--default .select2-selection--single .select2-selection__placeholder {
}

.m-login__signup .m-form .col-form-label,
.m-login__signup .m-form .form-control-label,
.m-login__signup .m-form .m-form__group > label,
.m-login__signup .m-form .m-radio,
.m-login__signup .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: sans-serif, Arial;
    font-size: 1rem;
    line-height: 1.25;
}

.m-login__signup .m-form .m-radio,
.m-login__signup .m-form .m-checkbox,
.m-login__form.m-form .m-radio,
.m-login__form.m-form .m-checkbox {
    float: left;
    font-family: sans-serif, Arial;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 50%;
}

.width-100 {
    width: 100%;
}

.width-65 {
    width: 65%;
}

.width-50 {
    width: 50%;
}

.width-40 {
    width: 40%;
}

.m-login__form.m-form .m-radio.width-100,
.m-login__form.m-form .m-checkbox.width-100 {
    width: 100%;
}

.m-login__signup .m-form .user-roles .form-group,
.m-login__form.m-form .user-roles .form-group {
    float: left;
    margin-bottom: 0;
    width: 50%;
}

.m-login__signup .m-form .user-roles .m-radio,
.m-login__signup .m-form .user-roles .m-checkbox,
.m-login__form.m-form .user-roles .m-radio,
.m-login__form.m-form .user-roles .m-checkbox {
    float: none;
    width: 100%;
}

.m-login__signup .m-form .select2-container {
    font-family: sans-serif, Arial;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25;
    margin-top: .1rem;
    padding: 1rem 0;
    width: 100% !important;
}

.m-login__signup .m-form .control-label.list {
    margin-top: .1rem;
    padding: 1rem 0 0;
}

.m-login__signup .m-form .select2-container--default .select2-selection--multiple,
.m-login__signup .m-form .select2-container--default .select2-selection--single {
    border-left: none;
    border-radius: 0;
    border-right: none;
    border-top: none;
}

.m-login__signup .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.m-login__signup .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.m-login__signup .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: sans-serif, Arial;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
}

#licenceModal .m-login__signup .m-form .m-radio,
#licenceModal .m-login__signup .m-form .m-checkbox,
#licenceModal .m-login__form.m-form .m-radio,
#licenceModal .m-login__form.m-form .m-checkbox {
    width: auto;
}

#filtering {
    margin-top: 0 !important;
}

#filtering .formulation-buttons {
    border: 1px solid transparent;
}

#filtering,
.hideable {
    transition: all ease-in-out .5s;
    /*overflow: hidden !important;*/
    /*opacity: 1 !important;*/
    /*visibility: visible !important;*/
}

#filtering .m-input-icon {
    margin-bottom: 10px;
}

#filtering.private .m-checkbox {
    margin-bottom: 0;
}

#filtering .m-input-icon:last-child {
    margin-bottom: 0;
}

.row_show > * {
    margin: 25px 0;
    text-align: center;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 0;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    padding: 11px 10px;
}

.m-datatable.m-datatable--default > .m-datatable__table.table-coloristic > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.table-coloristic > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.table-coloristic > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    width: 110px;
}

.m-datatable.m-datatable--default > .m-datatable__table.table-cx > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.table-cx > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.table-cx > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    width: 110px;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort > span {
    position: relative;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort > span::after {
    content: "\f07d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 5px;
    text-rendering: auto;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--no-sort > span::after,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort[data-sort] > span::after {
    content: "";
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span > i {
    padding-left: 5px;
}

.m-datatable.m-datatable--default:not(.m-datatable--loaded) > table.m-datatable__table.table-cx,
.m-datatable.m-datatable--default:not(.m-datatable--loaded) > table.m-datatable__table.table-coloristic {
    min-height: 275px;
}

.tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
.tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell,
.tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    font-size: 1.1rem;
}

.tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.changeSorting {
    cursor: pointer !important;
}

.tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.changeSorting i {
    font-size: 0.8rem;
    line-height: 1rem;
    right: 0;
}

.mixing_options div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.tab-pane-header .mixing_options div[class^="col-"] .form-group .btn {
    min-width: 40px;
}

.formulation-data .mixing_options {
    margin-left: -5px;
    margin-right: -5px;
}

strong.danger,
.formulation-data .mixing .danger,
.formulation-data .mixing span.danger {
    color: #F4516C !important;
    font-weight: bold;
}

#licence {
    background-color: #FFFFFF;
}

#licence .m-portlet {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.helios-side {
    background-color: #3B6367;
    background-image: url(/data/images/custom/helios_car.jpg);
    background-position: 70% center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
}

.clickable,
.clickableRows tbody > tr,
table[data-row-click]:not([data-row-click=""]) tbody > tr {
    cursor: pointer;
}

.ngn-checkbox {
    display: none;
}

.ngn-checkbox + label {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    height: 1.3rem;
    line-height: 1.3rem;
    margin: auto;
    position: relative;
    text-align: center;
    width: 1.3rem;
}

.ngn-checkbox + label::before {
    /*
 responsive 
    font-size: 12px;*/
    bottom: 0;
    font-family: FontAwesome;
    font-size: 0.85rem;
    height: 1rem;
    left: 0;
    line-height: 1rem;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all ease-in-out 4s;
    vertical-align: middle;
}

.ngn-checkbox:checked + label {
    border-color: #00778B;
}

.ngn-checkbox:checked + label::before {
    color: #00778B;
    content: "\f00c";
}

.ui-front {
    z-index: 1100;
}

.table-stock,
.table-claim {
    border: 1px solid #F4F5F8;
}

.table-claim.cbe {
    table-layout: fixed;
}

.table-stock th,
.table-stock td,
.table-claim th,
.table-claim td {
    padding: 3px 8px;
    vertical-align: middle;
}

#supportClaim .table-claim.products th,
#supportClaim .table-claim.products td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-stock td button,
.table-claim td button {
}

.table-stock td strong,
.table-claim td strong {
    color: #F4516C;
}

.table-stock thead,
.table-claim thead {
    background-color: #F4F3F8;
    font-weight: 600;
}

.table-stock tfoot tr:not(.sum),
.table-claim tfoot tr:not(.sum) {
    display: none;
}

.table-claim tfoot tr.sum {
    font-weight: 500;
}

.table-stock tbody tr:nth-child(2n),
.table-claim tbody tr:nth-child(2n) {
    background-color: #FAF9FC;
}

.table-stock tbody td.quantity input,
.table-stock tbody td.volume input,
.table-stock tfoot td.quantity input,
.table-stock tfoot td.volume input,
.table-claim tbody td.quantity input {
    min-width: 120px;
    text-align: right;
}

.table-stock thead th.actions,
.table-claim thead th.actions {
    min-width: 200px;
    width: 200px;
}

.table-claim .form-control.m-input[name="data[weight][]"],
.table-claim .form-control.m-input[name="data[additional_product][weight][]"] {
    max-width: 100px;
    padding-right: 1rem;
    text-align: right;
}

.table-claim .form-control.m-input.total,
.table-claim .form-control.m-input.quantity,
.table-claim .form-control.m-input.price {
    text-align: right;
}

.job.modal .modal-footer,
.stock.modal .modal-footer,
.private.modal .modal-footer {
    /*display: initial;*/
    /*text-align: right;*/
    display: inline-block;
    text-align: right;
    width: 100%;
}

.private.modal {
    /*bottom: initial;*/
    overflow: auto;
}

.private.modal .nav.nav-tabs {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}

.private.modal .nav.nav-tabs .nav-item.m-tabs__item {
    display: block;
    flex: 1 0 auto;
    list-style-type: none;
    max-width: none;
    text-align: center;
    width: auto;
}

#price .modal-lg {
    max-width: 90vw;
    width: 1000px;
}

.private td,
#price td,
#stock td {
    max-width: 30%;
}

#min_stock .table.table-stock th[data-field="quantity"],
#min_stock .table.table-stock td[data-field="quantity"] {
    max-width: 150px;
    width: 150px;
}

.modal.stock table {
    table-layout: fixed;
}

.modal.stock th.product-column {
}

.modal.stock th.price-column {
    min-width: 120px;
    width: 120px;
}

.modal.stock th.price-group-column {
    min-width: 150px;
    width: 250px;
}

#price th.actions {
    min-width: 60px;
    width: 60px;
}

#editShowHide_table td > div {
    display: inline-block;
    padding: 5px 10px;
}

.modal.stock .modal-body,
#showingMixes .modal-body {
    max-height: 70vh;
    overflow: auto;
}

.modal.private .select2-container,
#stock .select2-container,
#price td .select2-container,
#stock td .select2-container,
#min_stock td .select2-container,
.user-data .select2-container {
    min-width: 100%;
}

.modal.private:not(.claims) .select2-container.select2-container--open:not(.select2) {
    position: fixed !important;
    z-index: 4;
}

.modal tr:first-child .move-start,
.modal tr:first-child .move-up {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.gravihel .modal.private tbody tr:first-child .btn:not(.move-remove):not(.move-down):not(.move-end) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.gravihel .modal.private tr:nth-child(2) .move-start,
.gravihel .modal.private tr:nth-child(2) .move-up {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.modal tr:last-child .move-end,
.modal tr:last-child .move-down {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.modal.private.last-jobs {
    overflow: hidden;
}

.modal.private.last-jobs .modal-body {
    max-height: 50vh;
    overflow: auto;
}

.user-data .main-tabs {
    max-width: 83.33333%;
}

.user-data .m-portlet .m-portlet__head .m-portlet__head-tools.save-button .m-portlet__nav .m-portlet__nav-item {
    padding: 1.15rem 5px .7rem 5px;
    vertical-align: top;
}

.m-input-icon.double {
    float: left;
    margin-right: 10px;
    width: 30%;
}

/*
 FILTERING */
.filtering-filters {
    /*
    list-style: none;
    padding: 0;
    display: inline-block;
    */
    text-align: right;
}

.filtering-filters > label {
    cursor: pointer;
    /*
    padding: 4px 8px;
      float: left;
    border: 2px solid #ccc;
    */
    margin: 5px 0;
}

.filtering-filters > label + label {
    margin-left: 10px;
}

.filtering-filters > label > input + span {
    background: 0 0;
    border: 1px solid #C4C5D6;
    color: var(--text-grey-color);
}

.filtering-filters > label > input {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.filtering-filters > label:hover > input + span,
.filtering-filters > label > input:checked + span {
    background-color: #9816F4 !important;
    border-color: #9816F4 !important;
    color: #FFFFFF !important;
}

/*ul.filtering-filters li:hover {
background-color: rgba(50,50,50,0.3);
}
ul.filtering-filters li.active {
background-color: rgba(50,50,50,0.3);
border-color: #36A3F7;
border-width: 2px;
}
ul.filtering-filters li a {
color: var(--text-grey-color);
}*/
.filtering .filter {
    border: none;
    display: none;
    height: 0;
    opacity: 0;
    transition: all ease-in-out .2s;
    /*transition: display ease-in-out .2s .2s;
    */
    visibility: hidden;
}

.filtering .filter.active {
    display: table-row;
    opacity: 1;
    visibility: visible;
}

.m-list-badge .m-list-badge__items .m-list-badge__item {
    background-color: #FFFFFF;
    color: #9816F4;
}

.m-list-badge.m-list-badge--light-bg .m-list-badge__items .m-list-badge__item {
    border: 1px solid #9816F4;
}

.m-list-badge .m-list-badge__items a.m-list-badge__item:hover {
    background-color: #9816F4;
    color: #FFFFFF;
}

/*
    LOGGING
 */
#colorLogs tr.chosen td > span {
    color: #FFFFFF;
}

#colorLogs tr.chosen td {
    background-color: #2C2E3E !important;
}

#colorLogs.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.user_approve > .m-datatable__cell {
    background-color: var(--changed-indicator) !important;
}

#colorLogs.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.user_approve > .m-datatable__cell * {
    color: #FFFFFF;
}

#colorLogs.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.user_approve > .m-datatable__cell button {
    display: none;
}

.changed {
    --changed-indicator: #47D9C9;
}

.form-group.changed label {
    color: var(--changed-indicator);
}

.form-group.changed > input,
.form-group.changed textarea,
.form-group.changed .select2-container {
    border: 1px solid var(--changed-indicator) !important;
}

.mixing table tr.changed td {
    border-bottom: 1px solid var(--changed-indicator) !important;
    border-top: 1px solid var(--changed-indicator) !important;
}

.mixing table tr.changed td:first-child {
    border-left: 1px solid var(--changed-indicator) !important;
}

.mixing table tr.changed td:last-child {
    border-right: 1px solid var(--changed-indicator) !important;
}

table.table.changes thead th,
table.table.changes tbody td {
    border: 1px solid #F4F5F8;
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__body.m-checkbox-list {
    padding: 0;
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__body.m-checkbox-list .dropdown-item,
.dropdown-menu.m-checkbox-list > .dropdown-item {
    padding: 0 1.2rem;
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__body.m-checkbox-list .dropdown-item {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__body.m-checkbox-list .dropdown-item,
.dropdown-menu.m-checkbox-list > .dropdown-item > label {
    padding-bottom: .7rem;
    padding-top: .7rem;
}

.dropdown-menu.m-checkbox-list > .dropdown-item > label.m-checkbox > span,
.dropdown-menu.m-checkbox-list > .dropdown-item > label.m-radio > span {
    bottom: 1px;
    margin: auto;
}

.claims a.claims-filtration + ul {
    display: none;
}

.claims a.claims-filtration[style="display: none;"] + ul {
    display: block;
}

.claims.m-widget3 .m-widget3__item {
    padding: .8rem .8rem 0;
}

.claims.m-widget3 .m-widget3__item:hover {
    background-color: rgba(10, 10, 10, 0.02);
}

.claims.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__user-img .m-widget3__img {
    height: 3.2rem;
    width: 3.2rem;
}

.claims.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__text {
    font-size: 0.9rem;
}

.claims.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__status {
    padding-top: 0;
}

.claims.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__user-img .m-widget3__img > span {
    display: inherit;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3.2rem;
    text-align: center;
}

#dayChanges .modal-lg,
#claim1 .modal-lg,
#claim2 .modal-lg,
#claim3 .modal-lg,
#claim4 .modal-lg,
#claim5 .modal-lg,
.modal[id^="claim2"] .modal-lg {
    max-width: 90vw;
    width: 1000px;
}

#claimCustom .modal-body > #step2 {
    min-height: 180px;
}

.table-claim.products th,
.table-claim.products td {
    padding: 3px 15px;
}

.table-claim.products th:first-child,
.table-claim.products td:first-child {
    width: 50%;
}

#supportClaim .table-claim.products th:first-child,
#supportClaim .table-claim.products td:first-child {
    width: 41.66667%;
}

.table-claim.products.cbe th,
.table-claim.products.cbe td {
    width: auto;
}

table:not(.mixing) th[data-field="quantity"] {
    min-width: 120px;
}

.addCBErange label.control-label {
    margin: 0;
}

.addCBErange .quantity,
.table-claim.cbe th[data-field="price"],
.table-claim.cbe th[data-field="price_item"],
.table-claim.cbe th[data-field="price_total"],
.table-claim.cbe td[data-field="price"],
.table-claim.cbe td[data-field="price_item"],
.table-claim.cbe td[data-field="price_total"] {
    /*max-width: 120px;*/
    width: 120px;
}

.table-claim.cbe th[data-field="quantity"],
.table-claim.cbe td[data-field="quantity"] {
    width: 120px;
}

.table-claim.cbe.cbe-subtable thead th.actions {
    min-width: 0;
    width: 0;
}

table.table-claim.cbe.upd .btn {
    margin: 5px 0;
}

.table-claim.cbe.cbe-missing tbody tr {
    float: left;
    width: 33%;
}

.table-claim.cbe.cbe-subtable th[data-field="quantity"],
.table-claim.cbe.cbe-subtable td[data-field="quantity"] {
    width: 100px;
}

.table-claim.cbe.swatch tr.new td {
    padding: 5px 8px;
}

.table-claim.cbe.upd tr.new td {
    white-space: nowrap;
}

.table-claim.cbe tr.newMissing,
.table-claim.cbe.swatch tr.newMissing,
.table-claim.cbe.swatch tr.newNotEnough {
    font-size: 0.9rem;
    /*
 responsive 
    font-size: 13px;*/
    font-style: italic;
}

.table-claim.cbe.upd tr.new td[data-field="counter"] {
    /*text-align: center;*/
    width: 120px;
}

.table-claim.cbe.upd tr.new td[data-field="cbe"] {
    font-size: 1.2rem;
    font-weight: 500;
    width: 60px;
}

.table-claim.cbe.swatch tr.new td[data-field="cbe"] {
    font-size: 1.2rem;
    font-weight: 500;
}

.table-claim.cbe tr.newMissing td[data-field="title"],
.table-claim.cbe.swatch tr.newMissing td[data-field="title"],
.table-claim.cbe.swatch tr.newNotEnough td[data-field="title"] {
    font-size: 0.9rem;
    font-weight: 500;
    padding-left: 15px;
}

.claimActions .btn {
    margin-left: 10px;
    margin-top: 10px;
}

#claimEdit > .modal-dialog {
    height: 100%;
    margin: 0 auto;
    padding: 1.75rem 0;
}

#claimEdit > .modal-dialog .modal .modal-body {
    max-height: 90vh;
    overflow: scroll;
}

.table-claim.combinations .combination {
    display: table-footer-group;
    transition: all ease-in-out 300ms;
}

.table-claim.combinations.combination_hidden .combination {
    display: table-column-group;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.m-portlet.chat_portlet {
    margin-bottom: 0;
    max-height: calc(100vh - 80px - 90px);
}

/*
.chat .claim.m-messenger {*/
/*height: calc(100vh - 80px - 100px - 20px - 126px);*/
/*
}*/
.chat .claim.m-messenger > .m-messenger__messages {
    /*height: calc(100vh - 80px - 100px - 100px - 140px);*/
    height: calc(100vh - 80px - 100px - 100px - 170px);
    /*max-height: calc(100vh - 80px - 70px - 20px - (5.1rem * 1.3) - 2.4rem - 2.4rem - 61px - 1.5rem - 20px - 20px - 10px - 20px);*/
    max-height: calc(100vh - 80px - 70px - 20px - (5.1rem * 1.3) - 2.4rem - 2.4rem - 61px - 1.5rem - 20px);
    overflow-x: hidden;
    overflow-y: scroll;
    /*height: 100%;*/
}

.chat .claim.m-messenger.hasFile > .m-messenger__messages {
    height: calc(100vh - 80px - 100px - 100px - 170px - 50px);
}

.chat .claim.m-messenger.hasFile .m-messenger__form-attachment.isFiles {
    pointer-events: none;
}

.chat .claim.m-messenger.onlyRead > .m-messenger__messages {
    height: calc(100vh - 80px - 100px - 100px - 20px);
}

.chat .claim.m-messenger .clearfix {
    display: table-row;
}

.chat .claim.m-messenger > .m-messenger__messages .m-messenger__message {
    overflow: auto;
    transition: all .9s ease-in-out;
    word-break: break-word;
}

.chat .claim.m-messenger > .m-messenger__messages .m-messenger__message.m-messenger__message-deleted {
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.chat .claim.m-messenger > .m-messenger__messages .m-messenger__message .image.file i.fa {
    font-size: 60px;
}

.chat .claim.m-messenger > .m-messenger__messages .m-messenger__message.m-messenger__message--out .image.file i.fa {
    color: #FFFFFF;
}

.chat .claim.m-messenger > .m-messenger__messages .m-messenger__message.m-messenger__message--in .image.file i.fa {
    color: var(--text-grey-color);
}

.chat .m-messenger .m-messenger__messages .m-messenger__message .m-messenger__message-delete,
.chat .m-messenger .m-messenger__messages .m-messenger__message .m-messenger__message-delete i {
    transition: all .3s ease-in-out;
}

.chat .m-messenger .m-messenger__messages .m-messenger__message .m-messenger__message-delete {
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 30px;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: visible;
    position: relative;
    text-align: center;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.chat .m-messenger .m-messenger__messages .m-messenger__message:hover .m-messenger__message-delete:hover i {
    font-size: 1.7rem;
}

.m-messenger__scroll-down {
    background-color: #F4F5F8;
    border-radius: 100%;
    cursor: pointer;
    display: none;
    height: 30px;
    padding: 5px 10px;
    position: absolute;
    right: 50px;
    top: calc(100vh - 80px - 100px - 20px - 100px - 70px);
    width: 30px;
}

.onlyRead .m-messenger__scroll-down {
    top: calc(100vh - 80px - 100px - 20px - 100px);
}

.m-messenger__scroll-down.show {
    display: initial;
}

.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .unread .m-menu__link-text,
.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__info .m-widget3__text {
    position: relative;
}

.m-widget3 .m-widget3__item .m-widget3__header .m-widget3__info .m-widget3__text::after {
    animation: blink-animation 4s steps(5, start) infinite;
    right: -1rem;
    top: 2px;
}

.status-messages .m-badge,
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-badge.unread .m-badge {
    height: 8px;
    line-height: 0;
    min-height: 8px;
    min-width: 8px;
    width: 8px;
}

.status-messages .m-badge.unread.blink {
    animation: blink-animation 3s steps(5, start) infinite;
}

.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-badge.unread.blink .m-badge {
    animation: blink-animation 4s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

/* CLAIM CHAT begin */
.m-messenger__wrapper.unread .m-messenger__message-body::after {
    right: -11px;
    top: 2px;
}

.m-widget3 .m-widget3__item.unread .m-widget3__header .m-widget3__info .m-widget3__text::after,
.m-messenger__wrapper.unread .m-messenger__message-body::after {
    border-radius: 100%;
    content: "";
    height: 8px;
    position: absolute;
    width: 8px;
}

.m-messenger__wrapper .m-messenger__message.has-image .m-messenger__message-body .m-messenger__message-text .image {
    background-repeat: no-repeat;
    background-size: 100%;
}

.m-messenger__wrapper .m-messenger__message.has-image .m-messenger__message-body .m-messenger__message-text .image img {
    max-height: 100px;
    max-width: 250px;
}

.m-messenger__wrapper .m-messenger__message.has-image .m-messenger__message-body .m-messenger__message-text .image img + div {
    display: none;
}

.m-messenger .m-messenger__form .m-messenger__form-controls textarea.m-messenger__form-input {
    height: calc(1.5em + 20px);
    line-height: 1.5em;
    max-height: calc(1.5em * 6 + 20px);
    min-height: calc(1.5em + 20px);
}

.m-messenger__wrapper.unread .m-messenger__message--out .m-messenger__message-body::after {
    left: -16px;
    right: auto;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--middle {
    margin: 0 auto 20px auto;
    max-width: 75%;
}

.m-messenger .m-messenger__messages .m-messenger__datetime.system {
    margin-bottom: 0;
    text-transform: none;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--middle .m-messenger__message-content {
    background-color: #00778B;
    color: #FFFFFF;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--clone {
    margin: 0 auto 20px auto;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-body .m-messenger__message-content {
    position: relative;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-body .m-messenger__message-content::after {
    bottom: 5px;
    color: #FFFFFF;
    content: "";
    font-family: 'FontAwesome';
    font-size: 10px;
    font-weight: lighter;
    position: absolute;
    right: 5px;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out.read .m-messenger__message-body .m-messenger__message-content::after {
    content: '\f00c';
}

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

.chat ul.file-list {
    margin-top: 10px;
    max-height: 100px;
    overflow: auto;
}

ul.file-list > li:not([id]) {
    display: none;
}

ul.file-list > li[id] {
    margin-bottom: 10px;
}

ul.file-list > li span.file-name {
    margin-left: 10px;
}

ul.file-list > li i {
    cursor: pointer;
    padding: 10px;
}

ul.file-list > li i.fa.file_preview {
    font-size: 30px;
    padding: 5px 0;
    text-align: center;
    width: 40px;
}

ul.file-list > li i.fa.file_preview.image {
    display: none;
}

ul.file-list > li i:not(.file_preview):hover {
    background: #00778B;
    color: #FFFFFF;
}

ul.file-list > li .filePreview {
    max-height: 80px;
    max-width: 80px;
}

/* CLAIM CHAT end */

tbody.jobs tr:hover td {
    background-color: rgba(10, 10, 10, 0.05);
}

#jobPrice.loading-price {
    min-height: calc(4px + var(--comm-font-size) * 1.5 + var(--comm-font-size) * 1.4 * 1.5);
}

.weighted-price td {
    /*
 responsive 
    font-size: 20px;*/
    font-size: 1.4rem;
    font-weight: 700;
}

/*
    DASHBOARD
*/
.m-wrapper.dashboard-loading {
    /*min-height: calc(100vh - 80px);*/
    /*max-height: calc(100vh - 80px);*/
    height: calc(100vh - 80px);
    margin-bottom: 0 !important;
}

.dashboard .dashboard-claims .m-portlet__body {
    /*max-height: 50vh;*/
    max-height: 550px;
    overflow: auto;
}

.dashboardFiltering {
    /*width: 60%;*/
    min-width: 150px;
    /*max-width: 250px;*/
}

.dashboardFiltering form {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row-reverse;
}

.dashboardFiltering form > .form-group {
    margin: 0 0 0 15px;
}

.dashboardFiltering form > .form-group .m-subheader__daterange {
    float: right;
    padding: 0;
}

.dashboardFiltering form > .form-group input.form-control[type='text'],
.dashboardFiltering form > .form-group .select2-container--default .select2-selection--multiple,
.dashboardFiltering form > .form-group .select2-container--default .select2-selection--single {
    border: none;
}

.dashboardFiltering form > .form-group input.form-control[type='text'],
.dashboardFiltering form > .form-group .select2-container--default .select2-selection--multiple,
.dashboardFiltering form > .form-group .select2-container--default .select2-selection--single {
    border-radius: 2rem;
}

.dashboardFiltering form > .form-group input.form-control[type='text'],
.dashboardFiltering form > .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.25;
    padding: 0.5rem 3rem 0.5rem 1rem;
    position: relative;
}

.dashboardFiltering input.form-control[type='text'] {
    max-width: 150px;
    min-width: 150px;
}

.dashboardFiltering .select2 {
    max-width: 250px;
    min-width: 150px;
}

.dashboardFiltering .m-select2[multiple] + .select2 {
    max-width: none;
}

.dashboardFiltering .m-select2[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.dashboardFiltering .m-select2[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    margin: 0;
}

.dashboardFiltering .m-select2[multiple] + .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 0 .4rem 0 0;
}

#productsPage .select2-dropdown,
#packings .select2-dropdown {
    width: 350px !important;
}

#dashboardPage .m-subheader .select2-dropdown {
    width: 350px !important;
    z-index: 50;
}

#dashboardPage .m-widget5 .m-widget5__item {
    table-layout: fixed;
}

#dashboardPage .m-widget5 .m-widget5__item .m-widget5__pic {
    width: 50px;
}

.dashboardFiltering .control-label {
    display: block;
}

.dashboardFiltering .m-checkbox {
    margin-bottom: 0;
}

.dashboardFiltering .form-group {
    white-space: nowrap;
}

.dashboard-numbers .m-widget1 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.dashboard-numbers .numberGroup,
.dashboard-numbers .allClaims,
.dashboard-numbers .m-widget14__legend,
.dashboard-claim-types .allClaims,
.dashboard-claim-types .m-widget14__legend {
    transition: background-color .4s ease-in-out;
}

.dashboard-numbers .numberGroup {
    padding-left: 1rem;
    padding-right: 1rem;
}

.dashboard-numbers .m-widget1 .m-widget1__item .m-widget1__number_desc {
    font-size: 0.8rem;
    font-weight: 600;
}

.dashboard-numbers .numberGroup .col-auto {
    max-width: calc(100% - 80px);
}

.dashboard-numbers .numberGroup.weighted .col-auto {
    max-width: calc(100% - 180px);
}

.dashboard-numbers .numberGroup .col.m--align-right {
    min-width: 80px;
    width: auto;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-scrollable {
    position: relative;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-widget14 {
    padding: 0;
}

.dashboard-weigthing .m-portlet .m-portlet__head,
.dashboard-weigthing .m-portlet .m-portlet__body {
    /*padding-left: 0.6rem;*/
    /*padding-right: 0.6rem;*/
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items::before,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item:first-child::before,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item:last-child::before {
    left: calc(0.6rem + 5px)
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    color: var(--text-grey-color);
    font-size: 1rem;
    width: 110px;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__time > span.weight {
    font-weight: bold;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__text span.time {
    font-size: 0.85rem;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__icon {
    display: table-cell;
    padding: 0 9px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__icon,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__icon i[class*=" fa-"],
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__icon i[class^="fa-"] {
    font-size: 1rem;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge {
    --badge-color: transparent;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge::before {
    border: 1px solid #CCCCCC;
    height: 11px;
    width: 11px;
}

table.mixing tbody tr.m-datatable__row.glow > .m-datatable__cell,
.dashboard-numbers .numberGroup.glow,
.dashboard-numbers .m-widget14__legend.glow,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item.glow {
    background-color: rgba(244, 81, 108, .6) !important;
}

table.mixing tbody tr.m-datatable__row.glow.up > .m-datatable__cell,
.dashboard-numbers .numberGroup.glow.up,
.dashboard-numbers .m-widget14__legend.glow.up,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item.glow.up {
    background-color: rgba(52, 191, 168, .6) !important;
}

.dashboard-numbers .numberGroup.glow .m-widget1__title,
.dashboard-numbers .numberGroup.glow .m-widget1__desc,
.dashboard-numbers .allClaims.glow,
.dashboard-numbers .m-widget14__legend.glow span,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item.glow span {
    color: #FFFFFF;
}

.dashboard-earnings {
    min-height: 500px;
}

.dashboard-claim-types .m-widget5 .m-widget5__item .m-widget5__stats2 {
    padding-left: 1rem;
    width: 7rem;
}

/*
.dashboard-earnings .m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item > div > span,*/
.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__number,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__number {
    white-space: nowrap;
}

.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__stats1,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__stats1 {
    width: 180px;
    /*width: 230px;*/
}

.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__stats2,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__stats2 {
    width: 180px;
    /*width: 230px;*/
}

.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__stats1,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__stats1,
.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__stats2,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__stats2 {
    padding-left: 2rem;
    width: 190px;
}

.dashboard-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats1,
.dashboard-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats2,
.dashboard-importer-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats1,
.dashboard-importer-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats2 {
    padding-top: 0;
}

.dashboard-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__number,
.dashboard-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__number,
.dashboard-importer-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__number,
.dashboard-importer-mixed.helios .m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__number {
    font-size: 1.2rem !important;
}

.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__sales,
.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__sales,
.dashboard-earnings-top .m-widget5 .m-widget5__item .m-widget5__stats1 .m-widget5__sales,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__stats2 .m-widget5__sales {
    font-size: 0.7rem;
}

.dashboard-earnings .m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item {
    cursor: pointer;
}

.dashboard-earnings .m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-price {
    white-space: nowrap;
}

.dashboard-earnings-other {
    height: 100%;
}

.dashboard-earnings-helper .m-portlet__body.m-widgetCompany {
    height: auto;
    padding: 0;
}

.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__pic {
    padding: 2.2rem 2.2rem 1.2rem;
}

.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__container {
    padding: 1.2rem 1.2rem;
}

.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__pic {
    background-color: #5075E4;
}

.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__pic * {
    color: #FFFFFF;
}

.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__pic .close {
    font-size: 2.3rem;
}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link,
.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__pic .m-widgetCompany-link {
    border: 1px solid #9EA7C0;
    display: block;
    font-weight: 400;
    margin: 1.5rem auto;
    padding: 1rem 0;
    text-align: center;
}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link {
    margin: 0.5rem auto !important;
    padding: 0 !important;
}

.m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-pills.m-nav-pills--align-center {
    justify-content: center;
}

.m-portlet .m-portlet__head .m-portlet__head-tools .nav.nav-pills.m-nav-pills--align-center > li {

}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link:hover {
    background-color: #5075E4;
    color: #FFFFFF;
}

.dashboard-earnings .m-widget5 .m-widget5__item {
    cursor: pointer;
}

.dashboard-earnings .m-widget5 .m-widget5__item .m-widget5__content,
.dashboard-earnings .m-widget5 .m-widget5__item .m-widget5__stats1 {
    padding-top: .3rem;
}

.dashboard-earnings .m-widget5 .m-widget5__item .m-widget5__stats1 {
    width: auto;
}

.dashboard-earnings .m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item > div.m-widget_body-item-pic > span,
.dashboard-earnings .m-widget5 .m-widget5__item .m-widget5__pic .m-widget5__img > span {
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 1.2rem;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    width: 3rem;
}

.dashboard-earnings .m-widget5 .m-widget5__item .m-widget5__pic .m-widget5__img > span {
    display: inline-block;
}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link > span,
.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__pic .m-widgetCompany-link > span {
    display: inline-block;
    font-weight: 400;
    width: 100%;
}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link > span > i,
.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__pic .m-widgetCompany-link > span > i {
    font-size: 2.2rem;
    margin-right: 0;
    padding-bottom: 1rem;
    padding-top: .4rem;
}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link > span:last-child,
.dashboard-earnings-helper .widgetCompany .m-widgetCompany__pic .m-widgetCompany-link > span:last-child {
    font-size: .8rem;
}

.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__container .m-widgetCompany__tab {
    margin-top: 0
}

.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__container .m-widgetCompany__tab .m-widgetCompany__tab-container .m-widgetCompany__tab-items .m-widgetCompany__tab-item {
    border-bottom: 1px solid #EBEDF2;
    margin-top: 1.2rem;
}

.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__container .m-widgetCompany__tab .m-widgetCompany__tab-container .m-widgetCompany__tab-items .m-widgetCompany__tab-item:first-child {
    margin-top: 0;
}

.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__container .m-widgetCompany__tab .m-widgetCompany__tab-container .m-widgetCompany__tab-items .m-widgetCompany__tab-item:last-child {
    border-bottom: none;
}

.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__container .m-widgetCompany__tab .m-widgetCompany__tab-container .m-widgetCompany__tab-items .m-widgetCompany__tab-item > span:first-child {
    color: #A4A6AE;
    display: block;
    font-size: .85rem;
    font-weight: 500;
}

.dashboard-earnings-helper .m-widgetCompany .m-widgetCompany__container .m-widgetCompany__tab .m-widgetCompany__tab-container .m-widgetCompany__tab-items .m-widgetCompany__tab-item > span:last-child {
    color: #7B7E8A;
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__pic,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__pic {
    position: relative;
}

.dashboard-mixed .m-widget5 .m-widget5__item .m-widget5__pic .m-widget7__img,
.dashboard-importer-mixed .m-widget5 .m-widget5__item .m-widget5__pic .m-widget7__img {
    border: 1px solid #CCCCCC;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.dashboard-mixed .m-widget5 .m-widget5__item:last-child,
.dashboard-importer-mixed .m-widget5 .m-widget5__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

#index .dashboard .mCustomScrollbar {
    height: 100%;
    overflow: visible;
    position: relative;
}

#index .dashboard .mCustomScrollbar {
    max-height: 380px;
}

#index .dashboard .dashboard-claims .m-portlet__body {
    margin: 1.2rem 0;
    max-height: 380px;
}

.m-portlet__body.maps {
    height: 100% !important;
    padding: 0 !important;
}

.m-portlet__body.maps .map {
    height: 100%;
}

.m-portlet__body.maps .map > div {
    height: 100%;
}

.m-timeline-2 {
    position: relative;
}

.live-dot {
    display: none;
    margin-left: -25px;
    margin-top: 12px;
}

.m-aside-left--minimize .live-dot {
    display: inherit;
}

.m-content.live {
    height: 100%;
}

.m-content.live .row {
    align-items: center;
    height: calc(100vh - 120px);
}

.m-content.live .row > .col {
    max-height: 100%;
}

.m-content.faq .m-portlet {
    min-height: calc(100vh - 40px - 2.2rem - 80px);
}

.table-downloads th[data-field="actions"] > *,
.table-downloads td[data-field="actions"] > *,
.table-downloads th[data-field="actionsPopup"] > *,
.table-downloads td[data-field="actionsPopup"] > * {
    /*padding: 0 0.5rem !important;*/
}

.m-aside-left--minimize .m-aside-menu .m-menu__nav > .m-menu__section {
    height: 10px;
}

.btn-selectColor {
    min-width: 0 !important;
    padding-left: 50px;
    padding-right: 50px;
}

.btn-cw3Action {
    min-width: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
}

.btn-cw3Action {
    white-space: nowrap;
}

.btn-multiple + .btn-multiple {
    display: none;
    width: 100%;
}

#infoFiles_table tbody tr td:hover .btn-multiple {
    display: inline-block;
    margin-left: 0 !important;
}

.swal2-popup .swal2-multicheckbox {
    margin: 10px auto;
    max-width: 80%;
    text-align: left;
    overflow: auto;
    max-height: 50vh;
}

.swal2-popup .swal2-close {
    visibility: hidden;
}

.swal2-popup .swal2-close::before {
    content: "x";
    display: inline-block;
    opacity: 1;
    position: absolute;
    visibility: visible;
}

#colorProducts_table .row {
    margin: 0;
}

#colorProducts_table .row > div[class^="col"] {
    padding: 4px;
}

#colorProducts_table .row > div[class^="col"] > a {
    display: block;
}

/*
**
    LOGGED AS CUSTOMER
 */
html.logged_as_customer #m_header {
    height: 80px;
    margin-top: 40px;
}

html.logged_as_customer .m-header--fixed .m-body {
    padding-top: 120px !important;
}

html.logged_as_customer.is_popup .m-header--fixed .m-body {
    padding-top: 40px !important;
}

html.logged_as_customer .m-aside-left--fixed.m-header--fixed .m-aside-left,
html.logged_as_customer .m-aside-left--fixed.m-header--static .m-aside-left {
    top: 120px !important;
}

html.logged_as_customer .control-panel {
    background-color: #BD9B5F;
    height: 40px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
}

html.logged_as_customer .control-panel > .title,
html.logged_as_customer .control-panel > .actions {
    float: left;
    height: 40px;
}

html.logged_as_customer .control-panel > .title {
    color: #FFFFFF;
    padding: 5px 15px;
    width: calc(100% - 50px);
}

html.logged_as_customer .control-panel > .title b {
    /*color: #000;*/
}

html.logged_as_customer .control-panel > .title h3 {
    font-size: 1.5rem;
    /*
 responsive
    font-size: 20px;
    line-height: 30px; */
    line-height: 30px;
    margin: 0;
}

html.logged_as_customer .control-panel > .actions {
    float: right;
    text-align: right;
    width: 50px;
}

html.logged_as_customer .control-panel > .actions .btn {
    font-size: 15px;
    height: 40px;
    line-height: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 50px;
}

.extra_tables table.table tr:hover {
    background-color: #F7F6FA;
}

.m-library .row {
    margin: 0 -10px;
}

.m-library .row div[class^="col"] {
    padding: 10px !important;
}

.m-library--bordered {
    border: 1px solid #EEEEEE;
}

.is_management .management-disabled .m-list-badge__item,
.is_management .management-disabled .form-control,
.is_management .management-disabled .select2,
.is_management .management-disabled .m-checkbox,
.is_management .management-disabled .m-radio {
    cursor: not-allowed;
    pointer-events: none;
}

.m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item.m-portlet__head-tools--database {
    min-width: 220px;
    text-align: left;
}

#login_management .m-portlet__body.main_content {
    min-height: calc(100vh - 150px - 2.2rem - 20px - 5.1rem);
}

#login_management .m-portlet__body .m-datatable__body .btn {
    margin: 5px;
}

#database_management .m-portlet__body.main_content {
    min-height: calc(100vh - 80px - 2.2rem - 20px - 5.1rem);
}

#database_management .m-portlet__body.main_content > div.row {
    min-height: calc(100vh - 80px - 2.2rem - 20px - 5.1rem - 2.4rem);
}

#webscaleSettings input#port,
.modal.settings input#port {
    max-width: 80px;
}

#webscaleSettings label.m-checkbox,
.modal.settings label.m-checkbox {
    font-family: sans-serif, Arial;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}

#webscaleSettings label.webscale-label,
.modal.settings label.webscale-label {
    color: var(--text-grey-color);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 0;
    padding: .65rem 0;
}

.internal_data .select2-container--default .select2-selection--single .select2-selection__rendered[title],
#webscaleSettings .select2-container--default .select2-selection--single .select2-selection__rendered,
.modal.settings .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 3rem;
}

.form-group-bordered .form-control,
.form-group-bordered .select2-container--default .select2-selection--multiple,
.form-group-bordered .select2-container--default .select2-selection--single {
    border: none;
}

.form-group-bordered .form-group-border {
    border-bottom: 1px solid #EBEDF2;
    border-left: 1px solid #EBEDF2;
    border-top: 1px solid #EBEDF2;
}

.form-group-bordered .form-group-border.form-group-border--first {
    border-radius: .25rem 0 0 .25rem;
}

.form-group-bordered .form-group-border.form-group-border--last {
    border-radius: 0 .25rem .25rem 0;
    border-right: 1px solid #EBEDF2;
}

.webSockets {
    display: none;
    pointer-events: none;
    position: relative;
}

.webSockets.available {
    display: inherit;
    pointer-events: inherit;
}

.webSockets .weighting-progress {
    background: transparent;
    border: 1px solid #CCCCCC;
    bottom: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.webSockets .weighting-progress > div {
    height: 100%;
    position: relative;
    transition: all .4s ease-in-out;
}

.webSockets .weighting-progress > div > span {
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transition: all .4s ease-in-out;
}

.webSockets .weighting-progress > div::after {
    background: #CCCCCC;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 10%;
}

.webSockets .weighting-progress > div.closing::after,
.webSockets .weighting-progress > div.correct::after,
.webSockets .weighting-progress > div.overflow::after {
    top: 70%;
}

.swal2-floating.swal2-popup.swal2-toast {
    width: auto !important;
    max-width: 80vw;
}

.swal2-floating.swal2-popup.swal2-toast.swal2-show {
    padding: 1rem !important;
}

.swal2-floating.swal2-popup.swal2-toast .btn {
    margin-top: 0;
}

.formulation .tab_formulation .formulation-data .info-files .m-dropdown.m-dropdown--arrow .m-dropdown__wrapper .btn {
    display: block;
    margin: auto;
}

.formulation .tab_formulation .formulation-data .info-files .m-dropdown.m-dropdown--arrow .m-dropdown__wrapper {
    margin-left: -50%;
    width: 100%;
}

.formulation .tab_formulation .formulation-data.weighting-active .jobTable {
    max-height: calc(100vh - 80px - 40px - 20px);
    overflow-x: hidden;
    overflow-y: auto;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell:first-child > span {
    padding: 0;
    /*width: 20px !important;*/
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell div.color {
    left: 0;
    right: 0;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row,
.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row * {
    cursor: pointer;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--hover:not(.chosen) > .m-datatable__cell::before {
    bottom: 0;
    content: "";
    left: 0;
    opacity: .15;
    position: absolute;
    right: 0;
    top: 0;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row[data-type="0"] > .m-datatable__cell * {
    z-index: 5;
}

.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .feedback {
    display: none;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell .feedback {
    display: block;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--hover > .m-datatable__cell {
    background-color: transparent;
    z-index: 4;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="packing"] .select2-container--default.select2-container--disabled .select2-selection--single {
    cursor: none;
}

.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="packing"] .select2-container--default .select2-selection__arrow {
    margin-right: 0;
}

.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="packing"] .select2-container--default.select2-container--readonly .select2-selection--multiple .select2-selection__arrow::before,
.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="packing"] .select2-container--default.select2-container--readonly .select2-selection--single .select2-selection__arrow::before {
    -webkit-animation: rotating 2s infinite linear;
    animation: rotating 2s infinite linear;
    content: "\f2d5";
}

.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="packing"] .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow::before,
.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="packing"] .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow::before {
    content: "\f271";
}

.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="packing"] .select2-container--default.select2-container--disabled .select2-selection__arrow {
    /*display: none;*/
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actual"],
.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="actual"],
.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="stock"],
.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="stock"],
.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="min_stock"],
.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell[data-field="min_stock"] {
    display: none;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row[data-type="0"] > .m-datatable__cell > span,
.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row[data-type="0"] > .m-datatable__cell > span em {
    overflow: visible;
    white-space: nowrap;
}

.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    /*white-space: nowrap;*/
}

.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    /*padding: 10px 0;*/
}

.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    /*white-space: nowrap;*/
    /*overflow: visible;*/
}

.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="status"],
.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="sub_status"] {
    position: relative;
}

.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="status"] > div,
.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="sub_status"] > div {
    padding: 0;
    /*left:0;*/
    /*right: 0;*/
    /*display: inherit;*/
}

.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="status"] > div > span,
.claims.report .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="sub_status"] > div > span {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    padding: 5px;
    width: 30px;
}

.swal2-popup .swal2-input[name="data[new_quantity]"] {
    margin-top: 0.5em;
    max-width: 10em;
}

.swal2-popup .swal2-input[name="data[new_quantity]"][readonly] {
    background-color: rgba(50, 50, 50, 0.1);
    cursor: not-allowed;
    pointer-events: none;
}

.communicator-notifications .modal-footer {
    border-top: none;
    justify-content: flex-start;
}

.communicator-notifications .modal-header {
    border-bottom: none;
}

.m-topbar__notifications.m-dropdown .m-dropdown__wrapper {
    max-height: 80vh;
    max-width: 90vw;
    overflow: hidden;
    width: 600px;
}

.m-topbar__notifications.m-dropdown .m-dropdown__wrapper .m-dropdown__content .m-scrollable {
    height: calc(85vh - 160px);
    margin-right: -10px;
    max-height: 450px;
    overflow: scroll;
    padding-right: 10px;
}

.m-topbar__notifications.m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
    left: auto;
    margin-left: 0;
    right: calc((40px - 35px + 15px));
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-dropdown {
    padding-right: 20px;
}

.m-topbar__notifications .m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    width: 120px;
}

.m-topbar__notifications .m-list-timeline__items .m-list-timeline__item .m-list-timeline__text {
    vertical-align: top;
}

.m-topbar__notifications .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge::before {
    /*top: 0.6rem;*/
    top: 11px;
}

.m-topbar__notifications .m-list-timeline__items .m-list-timeline__item:first-child::before {
    height: 0;
}

.m-topbar__notifications .m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    vertical-align: top;
}

.modal.superfilters.modal .modal-content .modal-header {
    position: relative;
}

.modal .modal-content .modal-header .reload {
    bottom: 0;
    height: calc(1.7rem + 0.65rem * 2);
    margin: auto;
    position: absolute;
    right: 25px;
    top: 0;
}

.processing-loading {
    color: #4C4C50;
    display: none;
    font-weight: 500;
    opacity: 0;
    padding: 0 40px 0 30px;
    vertical-align: middle;
    visibility: hidden;
}

.processing-loading.show {
    display: table-cell;
    opacity: 1;
    visibility: visible;
}

#m_header_topbar .m-dropdown__wrapper > .m-dropdown__inner > .m-dropdown__body > .m-dropdown__content {
    max-height: calc(100vh - 150px - 2rem);
    overflow-y: scroll;
}

.advanced-search {
    min-width: 0;
    vertical-align: middle;
}

.advanced-search,
.advanced-search input.form-control {
    transition: .5s ease-in-out all;
}

.advanced-search.opened {
    display: inherit;
    min-width: 150px;
    width: 100%;
}

.advanced-search:not(.opened) {
    display: inline-block;
}

.advanced-search > .m-input-icon {
    transition: .5s ease-in-out background-color;
}

.advanced-search > .m-input-icon .m-input-icon__icon--loading,
.advanced-search > .m-input-icon .m-input-icon__icon--clear-input {
    transition: .5s ease-in-out all;
}

.advanced-search:not(.opened) > .m-input-icon .m-input-icon__icon--loading,
.advanced-search:not(.opened) > .m-input-icon .m-input-icon__icon--clear-input {
    opacity: 0 !important;
    visibility: hidden !important;
}

.advanced-search:not(.opened) > .m-input-icon {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: .25rem;
    color: var(--text-main-color);
}

.advanced-search [data-toggle="advanced-search"] {
    cursor: pointer;
}

.advanced-search:not(.opened) input.form-control {
    border-width: 0;
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;
    transition: .0s ease-in-out border;
}

.advanced-search.opened .input.form-control {
    transition: .0s ease-in-out border;
}

/* PRIVATE CW */
.private-cw {
    position: relative;
}

.private-cw > i {
    font-size: 2rem !important;
}

.private-cw > svg + i {
    font-size: 1.6rem !important;
}

.private-cw > i > i,
.private-cw > svg + i {
    position: absolute;
}

.private-cw > i > i {
    right: 0.5rem;
    bottom: 0.5rem;
}

.private-cw > svg + i {
    right: 0.5rem;
    bottom: 0.5rem;
}

.privateScanCW .color {
    width: 100%;
    overflow: hidden;
    height: 200px;
    min-width: 400px;
    border: 1px solid var(--light-grey);
}

@media (max-height: 800px) {
    .m-content.live .row > .col {
        height: 100%;
    }

}

@media (max-width: 576px) {
    .hidden-xs {
        display: none !important
    }

}

@media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm {
        display: none !important
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none !important
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width: 992px) {

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

}

@media (min-width: 1200px) and (max-width: 1399px) {
    .hidden-xl {
        display: none !important
    }

}

@media (min-width: 1400px) {
    .hidden-xxl {
        display: none !important
    }

}

@media (min-width: 1023px) {
    .hidding {
        display: none !important;
    }

}

@media (max-width: 1500px) {
    td button + button {
        margin-left: 3px;
    }

}

@media (max-width: 1440px) {
    .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
    .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
    .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
        padding: 6px 5px;
    }

}

@media (max-width: 1200px) {
    body > .dashboardPage .m-subheader > div,
    body > .tintingPage .m-subheader > div {
        display: block !important;
    }

    .dashboardFiltering form {
        flex-wrap: wrap-reverse;
    }

    .dashboardFiltering form > .form-group {
        margin: 0;
        width: 50%;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
        max-width: 80px;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    html.logged_as_customer .m-aside-left--fixed.m-header--fixed .m-aside-left,
    html.logged_as_customer .m-aside-left--fixed.m-header--static .m-aside-left {
        top: 40px !important;
    }

    html.logged_as_customer .m-aside-left-close {
        top: 40px;
    }

    html.logged_as_customer .m-header--fixed .m-body {
        padding-top: 40px;
    }

    .m-header--fixed-mobile.m-topbar--on .m-topbar {
        height: 80px !important;
        padding: 10px 20px;
    }
}

@media (max-width: 991px) {

    .is_popup .m-subheader button.close,
    .is_popup .m-subheader button.openNewTab {
        /*right: 10px;*/
        /*top: 20px;*/

        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: auto;
    }

    html.thisIsPopup .closeWindow {
        height: 60px;
        width: 60px;
    }

    .formulation .modal.modal.superfilters .modal-dialog {
        margin: 1rem auto;
    }

    .modal-lg {
        max-width: 90vw;
    }

    .thinner_quantity .form-control {
        width: 60px;
    }

    .center-block.thinner_quantity {
        left: auto;
        right: 15px;
        width: auto;
    }

    .m-body .m-content {
        padding: 10px;
    }

    #m_login .m-login__aside {
        height: 100vh;
    }

    .saveButton {
        margin-bottom: calc(2.2rem - 10px);
    }

    /*
    .saveButton {
        height: 3rem;
    }

    .saveButton > div {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        padding: 1rem 10px;
        // padding-top: 1rem;
        // padding-bottom: 1rem;
    }
    */
}

@media (max-width: 767px) {
    .m-login.m-login--1 .m-login__aside .m-login__wrapper {
        padding: 2rem 2rem 0;
    }

    html.logged_as_customer .control-panel > .title h3 {
        font-size: 1rem;
        overflow: hidden;
        white-space: nowrap;
    }

    #filtering .m-input-icon:last-child {
        margin-bottom: 10px;
    }

    #m_header_topbar.m-topbar .m-topbar__nav.m-nav {
        width: 100%;
    }

    .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell {
    }

    .m-tabs-line .m-tabs__item {
        margin-right: 15px;
    }

    .tab-pane-header .form-group {
        margin: 0 0 5px
    }

    .tab-pane-header .form-group .btn {
        width: 100%;
    }

    .formulationTabs .m-tabs-line a.m-tabs__link,
    .formulationTabs .m-tabs-line.nav.nav-tabs .nav-link {
        height: 100%;
    }

    .center-block.thinner_quantity {
        position: relative;
        right: auto;
    }

    .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
    .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell,
    .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
        padding: 2px 5px;
    }

    .tab_formulation .formulation-data th[data-field="product"],
    .tab_formulation .formulation-data td[data-field="product"] {
        display: none;
    }

    .formulation .m-portlet .m-portlet__head .m-portlet__head-tools.main-tabs {
        width: 100%;
    }

    .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
    .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
    .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
        padding: 6px 5px;
    }

    .m-header--fixed-mobile #m_header_topbar.m-topbar {
        opacity: 0;
        visibility: hidden;
    }

    .m-header--fixed-mobile.m-topbar--on #m_header_topbar.m-topbar {
        opacity: 1;
        visibility: visible;
    }

    #m_header_topbar.m-topbar .m-topbar__nav.m-nav {
        margin: 0;
    }

    #m_header_topbar.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown {
        width: 25%;
    }

    #m_header_topbar.m-topbar .m-nav__item.m-topbar__quick-actions--img,
    #m_header_topbar.m-topbar .m-nav__item.m-topbar__user-profile {
        /*width: 100%;*/
        height: auto;
        margin: 0;
        text-align: right;
        width: auto;
    }

    #m_header_topbar.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-dropdown {
        /*max-width: 47%;*/
        overflow: hidden;
        width: 70%;
    }

    #m_header_topbar.m-topbar .m-nav__item.m-topbar__quick-actions--img.languages {
        /*float: left;*/
    }

    #m_header_topbar.m-topbar .m-nav__item.m-topbar__quick-actions--img > a {
        margin: 0;
        width: auto;
    }

    #m_header_topbar.m-topbar .m-nav__item.m-topbar__user-profile > a {
        float: right;
    }

    #m_header_topbar.m-topbar .m-dropdown.m-dropdown--mobile-full-width.m-dropdown--align-center:not(.languages) > .m-dropdown__wrapper,
    #m_header_topbar.m-topbar .m-dropdown.m-dropdown--mobile-full-width:not(.languages) > .m-dropdown__wrapper {
        left: 0;
        right: 0;
    }

    .m-portlet.chat_portlet {
        margin-bottom: 2.2rem;
        max-height: calc(75vh);
    }

    .chat .claim.m-messenger > .m-messenger__messages,
    .chat .claim.m-messenger.onlyRead > .m-messenger__messages {
        height: auto;
        max-height: calc(75vh - 70px - 80px);
    }

    .m-messenger .m-messenger__seperator {
        margin: 50px 0;
    }

    .m-messenger .m-messenger__form {
        background-color: #FFFFFF;
        bottom: 0;
        left: 10px;
        margin: 0;
        max-width: calc(100% - 20px);
        opacity: 0;
        padding: 15px 1.2rem;
        position: fixed;
        right: 10px;
        transition: all .2s ease-out;
        visibility: hidden;
    }

    .m-messenger.showSendMessage .m-messenger__form {
        opacity: 1;
        visibility: visible;
    }

    .m-messenger__scroll-down {
        /*top: calc(100vh - 80px - 20px - 100px - 70px);*/
    }

    .m-widget1 .m-widget1__item .m-widget1__desc {

    }

}

@media (max-width: 575px) {
    .m-login.m-login--1 .m-login__aside {
        padding: 0;
    }

    .re-captcha > div {
        width: 100%;
    }

    .re-captcha > div.g-recaptcha > div {
        display: block;
        margin: auto;
    }

    .modal.carparts .car-container {
        background-size: 100%;
        height: 208px;
        margin-bottom: 30px;
        width: 300px;
    }

    .dashboard-numbers .numberGroup .col-auto,
    .dashboard-numbers .numberGroup .col.m--align-right {
        max-width: none;
        width: 100%;
    }

    .modal-lg {
        max-width: none;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username {
        max-width: calc(100% - 45px);
        overflow: hidden;
    }

    .m-login__signup .m-form .user-roles .form-group,
    .m-login__form.m-form .user-roles .form-group {
        width: 100%;
    }

    .width-65,
    .formulation .button-right-bar,
    button[class*="webSocket"],
    button[class*="cx-"],
    .m-radio-list[class*="cx-"],
    .price .showPrices .form-group {
        width: 100%;
    }

    .modal table {
        width: auto;
    }

    .modal.stock th:not(.actions) {
        min-width: 150px;
    }

    .modal.stock td .select2-container {
        min-width: 150px;
    }

    .modal.stock td {
        max-width: none;
    }

    .prices-buttons {
        margin: 0px -10px;
    }

    #prices button {
        float: left;
        margin: 10px !important;
        width: calc(50% - 20px);
    }

    .user-data .m-portlet .m-portlet__head .m-portlet__head-tools.save-button .m-portlet__nav .m-portlet__nav-item {
        padding: 5px;
    }
}

@media (min-width: 1400px) {
    .m-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-0, .my-xxl-0 {
        margin-top: 0 !important
    }

    .mr-xxl-0, .mx-xxl-0 {
        margin-right: 0 !important
    }

    .mb-xxl-0, .my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ml-xxl-0, .mx-xxl-0 {
        margin-left: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .mt-xxl-1, .my-xxl-1 {
        margin-top: .25rem !important
    }

    .mr-xxl-1, .mx-xxl-1 {
        margin-right: .25rem !important
    }

    .mb-xxl-1, .my-xxl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xxl-1, .mx-xxl-1 {
        margin-left: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .mt-xxl-2, .my-xxl-2 {
        margin-top: .5rem !important
    }

    .mr-xxl-2, .mx-xxl-2 {
        margin-right: .5rem !important
    }

    .mb-xxl-2, .my-xxl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xxl-2, .mx-xxl-2 {
        margin-left: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .mt-xxl-3, .my-xxl-3 {
        margin-top: 1rem !important
    }

    .mr-xxl-3, .mx-xxl-3 {
        margin-right: 1rem !important
    }

    .mb-xxl-3, .my-xxl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xxl-3, .mx-xxl-3 {
        margin-left: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .mt-xxl-4, .my-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xxl-4, .mx-xxl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xxl-4, .my-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xxl-4, .mx-xxl-4 {
        margin-left: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .mt-xxl-5, .my-xxl-5 {
        margin-top: 3rem !important
    }

    .mr-xxl-5, .mx-xxl-5 {
        margin-right: 3rem !important
    }

    .mb-xxl-5, .my-xxl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xxl-5, .mx-xxl-5 {
        margin-left: 3rem !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-0, .py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0, .px-xxl-0 {
        padding-right: 0 !important
    }

    .pb-xxl-0, .py-xxl-0 {
        padding-bottom: 0 !important
    }

    .pl-xxl-0, .px-xxl-0 {
        padding-left: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .pt-xxl-1, .py-xxl-1 {
        padding-top: .25rem !important
    }

    .pr-xxl-1, .px-xxl-1 {
        padding-right: .25rem !important
    }

    .pb-xxl-1, .py-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xxl-1, .px-xxl-1 {
        padding-left: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .pt-xxl-2, .py-xxl-2 {
        padding-top: .5rem !important
    }

    .pr-xxl-2, .px-xxl-2 {
        padding-right: .5rem !important
    }

    .pb-xxl-2, .py-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xxl-2, .px-xxl-2 {
        padding-left: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .pt-xxl-3, .py-xxl-3 {
        padding-top: 1rem !important
    }

    .pr-xxl-3, .px-xxl-3 {
        padding-right: 1rem !important
    }

    .pb-xxl-3, .py-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xxl-3, .px-xxl-3 {
        padding-left: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .pt-xxl-4, .py-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xxl-4, .px-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xxl-4, .py-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xxl-4, .px-xxl-4 {
        padding-left: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .pt-xxl-5, .py-xxl-5 {
        padding-top: 3rem !important
    }

    .pr-xxl-5, .px-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-5, .py-xxl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xxl-5, .px-xxl-5 {
        padding-left: 3rem !important
    }

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

    .mt-xxl-auto, .my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto, .mx-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-auto, .my-xxl-auto {
        margin-bottom: auto !important
    }

    .ml-xxl-auto, .mx-xxl-auto {
        margin-left: auto !important
    }
}


html {
    --comm-font-size: 14px;
}

html.desktop_font_small {
    --comm-font-size: 11px;
}

html.desktop_font_big {
    --comm-font-size: 16px;
}

html,
html body {
    font-size: var(--comm-font-size);
}

html.desktop_font_small .modal .modal-content .modal-header {
    padding: 15px;
}

html.desktop_font_big .m-portlet .m-portlet__head {
    table-layout: fixed;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link + .m-menu__link.m-menu__toggle {
    height: calc(2rem + 30px);
}

p,
.ranges li,
.m-subheader__daterange,
table,
.m-nav__link,
.m-menu__link,
.m-link,
.select2-container {
    font-size: 1rem;
}

.m-btn--icon.m-btn--icon-only,
.m-checkbox > span, .m-radio > span {
    height: 1.3rem;
    width: 1.3rem;
}

.modal.comparison .activeIcon,
table.m-table .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="quick_jobs"] .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="comparison"] .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="info"] .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actions"] .m-btn--icon.m-btn--icon-only,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="actionsPopup"] .m-btn--icon.m-btn--icon-only {
    /*padding: .65rem 1rem !important;*/
    height: 2.35rem;
    width: 2.35rem;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="user"] button,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="cx_actions"] button,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="status"] button {
    width: 100%;
}

.m-datatable__cell[data-field="cx_actions"] .row {
    margin-left: 5px;
    margin-right: 5px;
}

.m-datatable__cell[data-field="cx_actions"] .row div[class*="col"] {
    padding-left: 5px;
    padding-right: 5px;

}

@media (max-width: 1300px) {
    .width-65,
    .formulation .button-right-bar,
    button[class*="webSocket"],
    button[class*="cx-"],
    .m-radio-list[class*="cx-"],
    .price .showPrices .form-group {
        min-width: 80%;
    }

    .modal-footer button[class*="cx-"] {
        min-width: 0 !important;
    }

    .correction-metrics > label > span.correction-metric number {
        max-width: 80px;
    }

    /*.formulation .button-right-bar,*/
    /*button[class*="webSocket"],*/
    button[class*="cx-"],
    .m-radio-list[class*="cx-"] {
        width: 100%;
    }
}

@media (min-width: 767px) and (max-width: 1300px) {
    .m-portlet .m-portlet__head {
        table-layout: fixed;
    }

    .m-tabs-line .m-tabs__item {
        margin-right: 15px;
    }
}

@media (max-width: 1024px) {
    .m-header--fixed-mobile .m-topbar {
        opacity: 0;
        visibility: hidden;
    }

    .m-header--fixed-mobile.m-topbar--on .m-topbar {
        opacity: 1;
        visibility: visible;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-badge {
        top: 0;
    }

}

@media (max-width: 767px) {
    .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
        max-height: 70vh;
        overflow: hidden scroll;
    }

    .m-subheader-search .m-input-icon {
        margin-right: 0;
    }

    html.mobile_font_small,
    html.mobile_font_small body {
        font-size: 12px;
    }

    html.mobile_font_normal,
    html.mobile_font_normal body {
        font-size: 14px;
    }

    html.mobile_font_big,
    html.mobile_font_big body {
        font-size: 16px;
    }

    /*html.mobile_font_big #m_header_topbar.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown,*/
    html.mobile_font_big #m_header_topbar.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-dropdown {
        width: auto;
    }

    html.mobile_font_small .modal .modal-content .modal-header {
        padding: 15px;
    }

    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
        font-size: 1.3rem;
    }

    .formulation-buttons > * {
        margin: 5px 5px 15px !important;
    }
}

@media (max-width: 575px) {
    .formulation-buttons {
        margin: 0 -5px;
    }

    .formulation-buttons > * {
        float: left;
        margin: 5px !important;
        padding: 5px;
        text-align: center;
        width: calc(50% - 10px);
    }

    .formulation-buttons > button.btn-selectColor,
    .formulation-buttons > button.btn-cw3Action {
        font-size: 1.2rem;
        width: calc(100% - 10px);
    }

    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools {
        margin-top: 0;
        max-width: 100%;
    }

    .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .nav-tabs.m-tabs-line > .nav-item.m-tabs__item {
        margin-bottom: 0.75rem;
    }

    .user-data .m-portlet .m-portlet__head .m-portlet__head-tools.save-button .m-portlet__nav .m-portlet__nav-item {
        display: inline-block;
    }
}

.variant-comparison {

}

.modal.comparison .modal-content .modal-header .modal-title {
    align-self: center;
    font-size: 1.2rem;
    font-weight: 900;
}

.modal.comparison .modal-content .modal-header button.close {
    margin: 0 -1rem 0 auto;
}

.modal.comparison .modal-header .quality-select {
    flex: 1 0 auto;
    margin: -5px 0;
    width: auto;
}

.modal.comparison .modal-header .quality-select form {
    float: right;
    max-width: 250px;
}

.modal.comparison .modal-header .select2 {
    max-width: 250px;
    min-width: 150px;
}

.modal.comparison table tbody {
    position: relative;
}

.modal.comparison table tbody tr.formulationLoading,
.modal.comparison table tbody tr.formulationLoading td {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.modal.comparison table td.mix_color {
    height: 50px;
    width: 40vw;
}

.modal.comparison table td div.color {
    height: 50px;
    /*margin: -10px;*/
    /*position: relative;*/
    width: 100%;
}

.modal.comparison table td span {
    font-weight: bold;
    white-space: nowrap;
}

.modal.comparison table td.color-data {
    max-width: 50%;
    padding: 0;
    width: 50%;
}

.modal.comparison table tr.showColor td {
    text-align: center;
}

.modal.comparison table tr.showColor td .btn {
    margin: 0;
}

.modal.comparison table tr.mixes td {
    width: 150px;
}

.modal.comparison table tr.formulationMixes td.layer,
.modal.comparison table tr.mixes td.layer {
    max-width: calc(40vw - 150px);
    text-align: right;
    width: 40vw;
}

.top.star {
    --color: var(--refinish);
    --scaling: 0.5;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    width: calc(200px * var(--scaling));
}

.top.star > div {
    border-bottom: calc(70px * var(--scaling)) solid var(--color);
    border-left: calc(100px * var(--scaling)) solid transparent;
    border-right: calc(100px * var(--scaling)) solid transparent;
    color: var(--color);
    display: block;
    height: 0;
    margin: calc(50px * var(--scaling)) 0;
    position: relative;
    transform: rotate(35deg);
    width: 0;
}

.top.star > span {
    color: var(--text-primary-color);
    font-size: calc(3rem * var(--scaling));
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: calc(200px * var(--scaling));
    z-index: 11;
}

.top.star > div:before {
    border-bottom: calc(80px * var(--scaling)) solid var(--color);
    border-left: calc(30px * var(--scaling)) solid transparent;
    border-right: calc(30px * var(--scaling)) solid transparent;
    content: '';
    display: block;
    height: 0;
    left: calc(-65px * var(--scaling));
    position: absolute;
    top: calc(-45px * var(--scaling));
    transform: rotate(-35deg);
    width: 0;
}

.top.star > div:after {
    border-bottom: calc(70px * var(--scaling)) solid var(--color);
    border-left: calc(100px * var(--scaling)) solid transparent;
    border-right: calc(100px * var(--scaling)) solid transparent;
    color: var(--color);
    content: '';
    display: block;
    height: 0;
    left: calc(-105px * var(--scaling));
    position: absolute;
    top: calc(3px * var(--scaling));
    transform: rotate(-70deg);
    width: 0;
}

.modal.comparison table tr.mixes:hover td {
    /*cursor: ;*/
}

.modal.comparison table tr.mixes:hover td {
    background-color: var(--secondary-color);
    font-weight: bold;
}

.modal.comparison table tr.mixes td span {
    /*line-height: 2rem;*/
    margin-left: 35px;
}

.modal.comparison table tr.mixes td div.color {
    bottom: 0;
    height: auto;
    left: 0;
    right: auto;
    top: 0;
    width: 30px;
}

.modal.comparison table tr.formulationInformation {
}

.modal.comparison table tr .formulation .errors p {
    font-size: 1rem;
}

.comparisonSelectDropdown {
    z-index: 11111;
}

.droptarget.dropping,
.droptarget.dropping-suggestion {
    position: relative;
}

.droptarget.dropping-suggestion::after {
    content: attr(title);
    position: absolute;
    text-align: center;
    margin: auto;
    max-width: 80%;
    max-height: 3rem;
    padding: 0.5em;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 131;
    /*background-color: rgba(255, 255, 255, .9);*/
    min-width: 150px;
    line-height: 2rem;
    width: 250px;
    border-radius: 10px;
    color: #fff;
    text-shadow: 2px 1px #000;
}

.droptarget.dropping-suggestion::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--real-black);
    opacity: 0.6;
    z-index: 130;
}

.droptarget.dropping.dropping-suggestion::before {
    background: var(--primary-color);
    opacity: 0.95;
}

.droptarget.dropping.dropping-suggestion::after {
    color: var(--text-primary-color);
    background-color: transparent;
}

/**
    TODO

    --ngn-success:#299781;
    --ngn-warning:#ffb822;
    --ngn-danger:#f4516c;

 */

html {
    --price: #5DBCC5;
    --refinish: #00778B;
    --stock: #6360C2;
    --text: #333333;
    --real-black: #000000;
    --text-black-color: #333333;
    --weighting-closing: #FF9900;
    --department-color: #00778B;
    --main-color: #00778B;
    --primary-color: #00778B;
    --secondary-color: #EBEDF2;
    --main-color-hover: #00778B;
    --main-color-rgba-40: rgba(19, 97, 172, 0.4);
    --weighting-correct: #00778B;

    --stock-documents: #BD9B5F;
    --color-error: #F4516C;

    --dark-grey: #6E6E6E;
    --light-grey: #A9A9A9;
    --text-grey-color: #575962;
    --price-group: #BD9B5F;
    --primary-hover-color: #00778B;
    --secondary-hover-color: #F4F5F8;
    --changed-indicator: #47D9C9;
    --text-main-color: #00778B;
    --back-opacity: 0.8;
    --weighting-overflow: #FF0000;
    --default-packing: #C4C5D6;
    --text-primary-color: #FFFFFF;
    --was-problematic: #6360C2;
    --refinish-second: #8AC2CA;

    --text-secondary-color: #212529;

    --min-stock: #0078A0;
    --color-success: #00778B;
    --color-warning: #FFB822;

    --tinting-white: rgb(250, 250, 250);
}

form#products {
    --text-main-color: #FFFFFF;
}

.text-online {
    color: #00778B;
}

.text-offline {
    color: #F4516C
}

.re-captcha.has-warning > div iframe,
.form-group.has-warning input:not(.ignore),
.form-group.has-warning textarea:not(.ignore),
.form-subscribe .email-container.has-warning input,
.form-group.has-warning .select2-container--default .select2-selection--multiple,
.form-group.has-warning .select2-container--default .select2-selection--single,
table.table tbody tr.new.has-warning input:not(.ignore),
table.table tbody tr.new.has-warning textarea:not(.ignore),
table.table tbody tr.new .email-container.has-warning input,
table.table tbody tr.new.has-warning .select2-container--default .select2-selection--multiple,
table.table tbody tr.new.has-warning .select2-container--default .select2-selection--single {
    border-color: var(--color-warning) !important;
}

input.has-warning {
    border-color: var(--color-warning) !important;
}

.formulation .errors p,
.form-group.has-warning label,
.form-group.has-warning .select2-container--default .select2-selection--single,
.form-group.has-warning .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-group.has-warning .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-warning) !important;
}

.form-group.has-warning label.control-label {
    color: var(--color-warning) !important;
}

.form-group.has-warning input::-webkit-input-placeholder {
    color: var(--color-warning) !important;
}

.form-group.has-warning input:-moz-placeholder {
    color: var(--color-warning) !important;
}

.form-group.has-warning input::-moz-placeholder {
    color: var(--color-warning) !important;
}

.form-group.has-warning input:-ms-input-placeholder {
    color: var(--color-warning) !important;
}

.form-group.has-warning input::-ms-input-placeholder {
    color: var(--color-warning) !important;
}


.re-captcha.has-error > div iframe,
.form-group.has-error input:not(.ignore),
.form-group.has-error textarea:not(.ignore),
.form-subscribe .email-container.has-error input,
.form-group.has-error .select2-container--default .select2-selection--multiple,
.form-group.has-error .select2-container--default .select2-selection--single,
table.table.has-error tbody tr.new input:not(.ignore),
table.table.has-error tbody tr.new textarea:not(.ignore),
table.table.has-error tbody tr.new .select2-container--default .select2-selection--multiple,
table.table.has-error tbody tr.new .select2-container--default .select2-selection--single,
table.table tbody tr.has-error input:not(.ignore),
table.table tbody tr.new.has-error input:not(.ignore),
table.table tbody tr.has-error textarea:not(.ignore),
table.table tbody tr.new.has-error textarea:not(.ignore),
table.table tbody tr.new .email-container.has-error input,
table.table tbody tr.has-error .select2-container--default .select2-selection--multiple,
table.table tbody tr.new.has-error .select2-container--default .select2-selection--multiple,
table.table tbody tr.has-error .select2-container--default .select2-selection--single,
table.table tbody tr.new.has-error .select2-container--default .select2-selection--single {
    border-color: var(--color-error) !important;
}

input.has-error {
    border-color: var(--color-error) !important;
}

.formulation .errors p,
.form-group.has-error label,
.form-group ul.file-list li.has-error span.file-name,
.form-group ul.file-list li.has-error span.file-size,
.form-group ul.file-list li.has-error i.file_preview,
.form-group.has-error input.form-control,
.form-group.has-error .select2-container--default .select2-selection--single,
.form-group.has-error .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-group.has-error .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-error) !important;
}

.form-group.has-error label.control-label {
    color: var(--color-error) !important;
}

.form-group.has-error .m-input-icon > .m-input-icon__icon i,
.form-group.has-error .m-input-icon > .m-input-icon__icon [class*=" fa-"],
.form-group.has-error .m-input-icon > .m-input-icon__icon [class^="fa-"] {
    color: var(--color-error) !important;
}

.form-group.has-error input::-webkit-input-placeholder {
    color: var(--color-error) !important;
}

.form-group.has-error input:-moz-placeholder {
    color: var(--color-error) !important;
}

.form-group.has-error input::-moz-placeholder {
    color: var(--color-error) !important;
}

.form-group.has-error input:-ms-input-placeholder {
    color: var(--color-error) !important;
}

.form-group.has-error input::-ms-input-placeholder {
    color: var(--color-error) !important;
}

.form-group ul.file-list li.has-success span.file-name,
.form-group ul.file-list li.has-success span.file-size,
.form-group ul.file-list li.has-success i.file_preview {
    color: var(--color-success) !important;
}

.form-control:not(.show-placeholder)::-webkit-input-placeholder {
    /*
    WebKit, Blink, Edge */
    color: transparent;
}

.form-control:not(.show-placeholder):-moz-placeholder {
    /*
    Mozilla Firefox 4 to 18 */
    color: transparent;
}

.form-control:not(.show-placeholder)::-moz-placeholder {
    /*
    Mozilla Firefox 19+ */
    color: transparent;
}

.form-control:not(.show-placeholder):-ms-input-placeholder {
    /*
    Internet Explorer 10-11 */
    color: transparent;
}

.form-control:not(.show-placeholder)::-ms-input-placeholder {
    /*
    Microsoft Edge */
    color: #000000;
}

.form-control:not(.show-placeholder):focus::-ms-input-placeholder {
    /*
    Microsoft Edge */
    color: inherit;
}


#results.error,
.form-results.error {
    border-color: var(--color-error) !important;
    color: var(--color-error);
}

#results.warning,
.form-results.warning {
    border-color: var(--color-warning) !important;
    color: var(--color-warning);
}

#results.success,
.form-results.success {
    border-color: var(--color-success) !important;
    color: var(--color-success);
}

#login_management {
    --text-main-color: #FFFFFF;
}

html.thisIsPopup .closeWindow {
    background-color: var(--secondary-color);
}

html.thisIsPopup .closeWindow:hover {
    background-color: var(--refinish);
    color: var(--text-primary-color);
}

.m-brand .m-brand__tools .m-brand__icon,
.m-brand .m-brand__tools .m-brand__icon > i {
    color: #FFFFFF;
}

.m-brand .m-brand__tools .m-brand__icon:hover,
.m-brand .m-brand__tools .m-brand__icon:hover > i {
    /*color: #ffffff;*/
}

.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow,
.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
    color: var(--refinish);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon.m-nav__link-icon--active .m-nav__link-icon-wrapper,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon:hover .m-nav__link-icon-wrapper {
    background-color: var(--refinish-second);
    border-color: var(--refinish-second);
}

.departments .btn-danger.btn-department {
    background-color: var(--changed-indicator) !important;
    border-color: var(--changed-indicator) !important;
}

.m-aside-left-close.m-aside-left-close--skin-light:hover,
.m-brand {
    background-color: var(--refinish) !important;
}

.btn.m-btn--label-brand {
    color: var(--refinish);
}

.m-link {
    color: #8AC2CA;
}

.m-link.m-link--focus {
    color: #00778B;
}

.m-portlet.m-portlet--skin-dark {
    --department-color: #2C2E3E;
    --main-color: #2C2E3E;
}

html {
    --main-black: #333333;
}

.is_management .management-disabled .form-control,
.is_management .management-disabled .select2,
select[readonly].readonly.select2-hidden-accessible + .select2-container .select2-selection,
select.readonly.select2-hidden-accessible + .select2-container .select2-selection,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection,
.select2-container--default.select2-container--disabled .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single,
.form-control[readonly]:not(.maintain-background) {
    background-color: #FAF9FC !important;
}

.is_management .management-disabled .m-checkbox,
.is_management .management-disabled .m-checkbox > input ~ span,
.is_management .management-disabled .m-checkbox > input:checked ~ span,
.is_management .management-disabled .m-radio,
.is_management .management-disabled .m-radio > input ~ span,
.is_management .management-disabled .m-radio > input:checked ~ span {
    border-color: #EBEDF2;
    color: var(--text-grey-color);
}

.communicator-notifications .modal-content {
    background-color: var(--refinish);
}

.communicator-notifications.modal .modal-content .modal-header .modal-title,
.communicator-notifications.modal .modal-content .modal-header .close,
.communicator-notifications.modal .modal-content .modal-body *,
.communicator-notifications.modal .modal-content .modal-footer .m-checkbox {
    color: #FFFFFF
}

.communicator-notifications.modal .modal-content .m-checkbox > input:checked ~ span::after,
.communicator-notifications.modal .modal-content .m-radio > input:checked ~ span::after {
    border-color: #FFFFFF;
}

.m-radio.disabled {
    color: var(--light-grey);
}

.m-radio.disabled > span {
    background-color: #FAF9FC;
    border-color: var(--light-grey);
}

.btn.btn-transparent {
    background-color: transparent;
}

.btn.msds_link2 {
    background-color: var(--refinish) !important;
    border-color: var(--refinish) !important;
    color: #FFFFFF !important;
}

.btn.btn-default-packing {
    background-color: var(--default-packing) !important;
    color: #FFFFFF !important;
}

.btn.btn-stock {
    background-color: var(--stock) !important;
    color: #FFFFFF !important;
}

.btn.btn-stock-documents {
    background-color: var(--stock-documents) !important;
    color: #FFFFFF !important;
}

.btn.btn-min-stock {
    background-color: var(--min-stock) !important;
    color: #FFFFFF !important;
}

.btn.btn-price {
    background-color: var(--price) !important;
    color: #FFFFFF !important;
}

.btn.btn-price-group {
    background-color: var(--price-group) !important;
    color: #FFFFFF !important;
}

.m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span,
.m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after,
.m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before {
    background: var(--refinish);
}

.m-brand .m-brand__tools .m-brand__toggler:not(.m-brand__toggler--active) span,
.m-brand .m-brand__tools .m-brand__toggler:not(.m-brand__toggler--active) span::after,
.m-brand .m-brand__tools .m-brand__toggler:not(.m-brand__toggler--active) span::before {
    background: #FFFFFF;
}

.m-topbar__notifications .m-tabs-line.m-tabs-line--brand a.m-tabs__link.active,
.m-topbar__notifications .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover,
.m-topbar__notifications .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active,
.m-topbar__notifications .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover {
    border-color: var(--refinish);
    color: var(--refinish);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon .m-nav__link-icon-wrapper {
    background: var(--refinish);
    border: 1px solid var(--refinish);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link#m_topbar_notification_icon .m-nav__link-icon-wrapper {
    /*border-color: var(--light-grey)*/
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link#m_topbar_notification_icon .m-nav__link-icon:hover .m-nav__link-icon-wrapper {
    background-color: var(--refinish-second);
    border-color: var(--refinish-second);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link#m_topbar_report_bug .m-nav__link-icon:hover .m-nav__link-icon-wrapper {
    background-color: var(--refinish-second);
    border-color: var(--refinish-second);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link.adminDisabled .m-topbar__usericon .m-nav__link-icon-wrapper {
    background: var(--refinish-second);
    border: 1px solid var(--refinish-second);
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #FFFFFF;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #D9DFE0;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link {
    background-color: #D9DFE0;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link {
    background-color: #6A6E77;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link {
    background-color: #6A6E77;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link > .m-menu__link-icon,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link > .m-menu__link-icon,
.m-aside-menu > ul > .m-menu__item--hover > a,
.m-aside-menu > ul > .m-menu__item--hover > a span.m-menu__link-text,
.m-aside-menu > ul > .m-menu__item--hover > a .m-menu__link-icon::before {
    color: #FFFFFF !important;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link,
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link {
    background-color: var(--dark-grey);
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text {
    color: #FFFFFF;
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link:hover .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: var(--refinish);
}

.bg-primary,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle,
.save-button .btn.btn-primary,
.save-button .btn.btn-primary:active,
.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .center > div,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span {
    background-color: var(--refinish);
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link:hover .m-menu__ver-arrow,
.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link:hover .m-menu__link-icon {
    color: var(--refinish-second);
}

.m-aside-menu.m-aside-menu--skin-light .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link:hover .m-menu__link-bullet.m-menu__link-bullet--dot > span {
    background-color: var(--refinish-second);
}

.table-stock .btn-brand,
.dashboardFiltering .btn-brand,
.nav.nav-pills.nav-pills--brand .nav-link.active,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--first:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--last:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev:hover {
    background-color: var(--refinish);
}

.m-checkbox.m-checkbox--focus > input:checked ~ span,
.table-stock .btn-brand,
.dashboardFiltering .btn-brand {
    border-color: var(--refinish);
}

.m-checkbox.m-checkbox--focus > span::after {
    border-color: var(--refinish);
}

.dashboardFiltering .m--font-brand,
.m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item .m-widget_body-item-price,
.dashboard-mixed .m--font-info,
.dashboard-importer-mixed .m--font-info {
    color: var(--refinish) !important;
}

.m-widget30 .m-widget_head .m-widget_head-owlcarousel-items .center > div > span:last-child {
    color: var(--light-grey);
}

.daterangepicker .ranges li:hover {
    background-color: var(--light-grey);
    border-color: var(--light-grey);
    color: #FFFFFF;
}

.daterangepicker .ranges li.active {
    background-color: var(--refinish);
    border-color: var(--refinish);
}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link:hover,
.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__pic .m-widgetCompany-link:hover,
.daterangepicker tbody td.active:hover,
.daterangepicker tbody td.in-range:hover,
.daterangepicker tbody td.today {
    background-color: var(--refinish-second);
}

.daterangepicker tbody td.active,
.daterangepicker tbody td.in-range {
    background-color: var(--refinish);
}

.dashboard-earnings .m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item > div.m-widget_body-item-pic > span,
.dashboard-earnings .m-widget5 .m-widget5__item .m-widget5__pic .m-widget5__img > span {
    background-color: var(--refinish-second);
    color: #FFFFFF;
}

.dashboard-earnings .m-widget30 .m-widget_body .m-widget_body-owlcarousel-items .m-widget_body-owlcarousel-item .m-widget_body-items .m-widget_body-item:hover > div.m-widget_body-item-pic > span,
.dashboard-earnings .m-widget5 .m-widget5__item:hover .m-widget5__pic .m-widget5__img > span {
    background-color: var(--refinish);
}

.daterangepicker .daterangepicker_input .input-mini.active,
.daterangepicker .daterangepicker_input .input-mini:focus {
    border-color: var(--refinish);
}

.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__pic {
    background-color: var(--refinish);
}

.gm-style-iw .m-widgetCompany__pic .m-widgetCompany-link,
.dashboard-earnings-helper > .m-portlet:not(.dashboard-earnings-other) .m-widgetCompany .m-widgetCompany__pic .m-widgetCompany-link {
    border-color: var(--light-grey)
}

.help-desk .btn.btn-primary,
.faq-helper .btn.btn-primary,
.save-button .btn.btn-primary,
.save-button .btn.btn-primary:active,
#editScale .btn-primary,
.user-data .btn-primary,
#editScale .btn-primary:active,
.user-data .btn-primary:active {
    background-color: var(--refinish);
    border-color: var(--refinish);
}

.user-data .btn-primary:hover {
    background-color: var(--refinish-second);
    border-color: var(--refinish-second);
}

.btn-tds {
    background-color: transparent;
}

.btn-tds:hover {
    background-color: var(--changed-indicator);
    color: #FFFFFF;
}

.m-tabs-line.m-tabs-line--accent a.m-tabs__link.active,
.m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover,
.m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active,
.m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover {
    border-bottom-color: var(--refinish);
    color: var(--refinish);
}

.btn.m-btn--hover-accent:hover,
.filtering-filters > label:hover > input + span,
.filtering-filters > label > input:checked + span {
    background-color: var(--refinish) !important;
    border-color: var(--refinish) !important;
    color: #FFFFFF !important;
}

.btn-tds {
    color: var(--refinish);
}

.btn-tds:hover {
    background-color: var(--refinish);
    color: #FFFFFF;
}

.btn-tds.removing {
    color: var(--danger, #F4516CFF);
}

.btn-tds.removing:hover {
    background-color: var(--danger, #F4516CFF);
    color: #FFFFFF;
}

#tdsSearch + .m-input-icon__icon .m--font-brand,
#faqSearch + .m-input-icon__icon .m--font-brand {
    color: var(--refinish) !important;
}

.form-control.focus,
.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.form-control.m-input--solid:focus {
    border-color: var(--refinish);
}

.m-nav.m-nav--active-bg .m-nav__item > .m-nav__link.m-tabs__item--active .m-nav__link-text,
.m-accordion.m-accordion--section .m-accordion__item .m-accordion__item-head .m-accordion__item-mode,
.m-accordion.m-accordion--section .m-accordion__item .m-accordion__item-head.collapsed .m-accordion__item-mode,
.m-accordion.m-accordion--section .m-accordion__item .m-accordion__item-head.collapsed,
.m-accordion.m-accordion--section .m-accordion__item .m-accordion__item-head {
    color: var(--refinish) !important;
}

.btn-success:hover {
    background-color: var(--refinish-second);
    border-color: var(--refinish-second);
    color: #FFFFFF;
}

.formulation #tab_colors .btn-info,
.formulation #tab_variants .btn-info {
    background-color: var(--refinish);
    border-color: var(--refinish);
}

.mastermix .formulation #tab_colors .btn-info,
.mastermix .formulation #tab_variants .btn-info {
    background-color: var(--department-color);
    border-color: var(--department-color);
}

.prosol .formulation #tab_colors .btn-info,
.prosol .formulation #tab_variants .btn-info {
    background-color: var(--department-color);
    border-color: var(--department-color);
}

.modal.comparison .modal-content .modal-header {
    background: var(--primary-color);
}

.modal.comparison .modal-content .modal-header .modal-title,
.modal.comparison .modal-content .modal-header button.close {
    color: #FFFFFF;
}

.tinting_data > div span.popularity > i {
    color: var(--refinish);
}

.tinting .m-portlet,
.tinting .tinting_data > div {
    background-color: var(--tinting-white);
}

.oswald > .preview_mixes > .target > span {
    color: var(--text-black-color);
}

.oswald > .preview_mixes > .target::after {
    border-color: var(--text-black-color);
}

.oswald > .preview_mixes > .target::before {
    background-color: var(--text-black-color);
    color: var(--text-black-color);
}

.oswald > .preview_mixes > .target:hover > span {
    color: var(--refinish);
}

.oswald > .preview_mixes > .target:hover::after {
    border-color: var(--refinish);
}

.oswald > .preview_mixes > .target:hover::before {
    background-color: var(--refinish);
    color: var(--refinish);
}

.card-tables div.color {
    border-color: var(--tinting-white);
}

.tinting .tinting_data > div {
    box-shadow: rgba(69, 65, 78, .08);
}

.tinting .tinting_data > div .colorScale > div.color.selected::before {
    border-color: var(--real-black);
}

.m-loader.m-loader--primary::before {
    border-top-color: var(--refinish);
}

.chat .m-messenger.m-messenger.m-messenger--message-arrow .m-messenger__message.m-messenger__message--out .m-messenger__message-arrow {
    color: var(--min-stock);
}

.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-no-pic,
.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content {
    background: var(--min-stock) !important;
}

.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--clone .m-messenger__message-content {
    background-color: var(--secondary-hover-color);
}

.chat .m-messenger.m-messenger.m-messenger--message-arrow .m-messenger__message.m-messenger__message--in .m-messenger__message-arrow {
    color: var(--price);
}

.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in .m-messenger__message-no-pic,
.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in .m-messenger__message-content {
    background: var(--price) !important;
}

.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in .m-messenger__message-no-pic,
.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in .m-messenger__message-content .m-messenger__message-text,
.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in .m-messenger__message-content .m-messenger__message-username {
    color: #FFFFFF !important;
}

.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-no-pic,
.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content .m-messenger__message-text,
.chat .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content .m-messenger__message-username {
    color: #FFFFFF !important;
}

.page-link {
    background-color: #FFFFFF;
    border-color: var(--light-grey);
    color: var(--refinish);
}

.page-link:hover {
    background-color: var(--default-packing);
    border-color: var(--light-grey);
    color: var(--refinish);
}

.page-item.active .page-link {
    background-color: var(--refinish);
    border-color: var(--refinish);
}

/* Pagination*/
.datatable.m-dropdown > .dropdown-toggle.btn,
.pagination.datatable > li.page-item.next > a.page-link,
.pagination.datatable > li.page-item.prev > a.page-link {
    background: #EBE9F2;
    border-color: #EBE9F2;
}

.datatable.m-dropdown > .dropdown-toggle.btn,
.pagination.datatable > li.page-item > a.page-link {
    color: #898B96;
}

.pagination.datatable > li.page-item.next > a.page-link,
.pagination.datatable > li.page-item.prev > a.page-link {
    background: #EBE9F2;
    color: #898B96;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.active label,
.dropdown-item:active label,
.datatable.m-dropdown > .dropdown-toggle.btn:hover,
.datatable.m-dropdown.m-dropdown--open > .dropdown-toggle.btn,
.pagination.datatable > li.page-item.active > a.page-link,
.pagination.datatable > li.page-item:hover > a.page-link,
.pagination.datatable > li.page-item:hover > a.page-link:hover {
    background-color: var(--refinish);
    color: var(--text-primary-color);
}

.pagination.datatable > li.page-item > a.page-link.disabled,
.pagination.datatable > li.page-item:hover > a.page-link.disabled {
    background: #EBE9F2;
    opacity: .3;
    pointer-events: none;
}

.pagination.datatable > li.page-item:hover > a.page-link.disabled {
    pointer-events: none;
}

/*
    LOGGING
 */
#colorLogs tr.chosen td > span {
    color: #FFFFFF;
}

#colorLogs tr.chosen td {
    background-color: #2C2E3E !important;
}

#colorLogs.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.user_approve > .m-datatable__cell {
    background-color: var(--changed-indicator) !important;
}

#colorLogs.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.user_approve > .m-datatable__cell * {
    color: #FFFFFF;
}

#colorLogs.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.user_approve > .m-datatable__cell button {
    display: none;
}

.form-group.changed label {
    color: var(--changed-indicator);
}

.form-group.changed > input,
.form-group.changed textarea,
.form-group.changed .select2-container {
    border-color: var(--changed-indicator) !important;
}

.mixing table tr.changed td {
    border-bottom-color: var(--changed-indicator) !important;
    border-top-color: var(--changed-indicator) !important;
}

.mixing table tr.changed td:first-child {
    border-left-color: var(--changed-indicator) !important;
}

.mixing table tr.changed td:last-child {
    border-right-color: 1 var(--changed-indicator) !important;
}

table.table.changes thead th,
table.table.changes tbody td {
    border-color: var(--secondary-hover-color);
}

/* */

.m-badge.unread,
.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-badge.unread .m-badge,
.m-widget3 .m-widget3__item.unread .m-widget3__header .m-widget3__info .m-widget3__username::after,
.m-widget3 .m-widget3__item.unread .m-widget3__header .m-widget3__info .m-widget3__text::after,
.m-messenger__wrapper.unread .m-messenger__message-body::after {
    background-color: var(--refinish);
}

.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-badge.unread.other .m-badge {
    /*background-color: var(--price);*/
}

.chat .m-messenger .m-messenger__messages .m-messenger__message .m-messenger__message-delete {
    color: #D9DFE0;
}

.chat .m-messenger .m-messenger__messages .m-messenger__message:hover .m-messenger__message-delete {
    color: var(--main-black);
}

.is_popup .m-subheader button.close {
    background-color: var(--danger, #F4516CFF);
}

.is_popup .m-subheader button.openNewTab {
    background-color: var(--success, #00778BFF);
    color: var(--text-primary-color, #FFFFFFFF) !important;
}

.formulation .activeJob {
    color: var(--success, #00778BFF) !important;
}

td div[data-problematic="1"],
td div[data-problematic="1"] > * {
    color: var(--was-problematic) !important;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge {
    --badge-color: transparent;
}

.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__badge::before {
    background-color: var(--badge-color);
    border-color: #CCCCCC;
}

table.mixing tbody tr.m-datatable__row.glow > .m-datatable__cell,
.dashboard-numbers .numberGroup.glow,
.dashboard-numbers .m-widget14__legend.glow,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item.glow {
    background-color: rgba(244, 81, 108, .6) !important;
}

table.mixing tbody tr.m-datatable__row.glow.up > .m-datatable__cell,
.dashboard-numbers .numberGroup.glow.up,
.dashboard-numbers .m-widget14__legend.glow.up,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item.glow.up {
    background-color: rgba(52, 191, 168, .6) !important;
}

.dashboard-numbers .numberGroup.glow .m-widget1__title,
.dashboard-numbers .numberGroup.glow .m-widget1__desc,
.dashboard-numbers .allClaims.glow,
.dashboard-numbers .m-widget14__legend.glow span,
.dashboard-weigthing .m-portlet .m-portlet__body .m-list-timeline .m-list-timeline__items .m-list-timeline__item.glow span {
    color: #FFFFFF;
}

/**
	FORMULATION COLORING

	#1361AC
	rgb(19,97,172)
**/

/*html {*/
/*    --refinish: #00778B;*/
/*    --refinish-second: #8AC2CA;*/
/*    --dark-grey: #6e6e6e;*/
/*    --light-grey: #a9a9a9;*/
/*}*/

.formulation {
    --text: #4C4C50;
    --text-black-color: #333333;
    --department-color: #00778B;
    --main-color: #00778B;
    --primary-color: #00778B;
    --readonly-color: rgba(50, 50, 50, 0.1);
    --secondary-color: #EBEDF2;
    --main-color-hover: #00778B;
    --main-color-rgba-40: rgba(19, 97, 172, 0.4);
    --text-grey-color: #575962;
    --primary-hover-color: #00778B;
    --secondary-hover-color: #F4F5F8;
    --text-main-color: #00778B;
    --text-primary-color: #FFFFFF;
    --text-secondary-color: #212529;
}

.formulation.settings.prices {
    --text-main-color: #FFFFFF;
    --main-color-hover: #DCDCDC;
}

.m-portlet.products.m-portlet--skin-dark,
.products .formulation {
    --main-color-hover: #FFFFFF;
}

/**
	MOBIHEL COLORING

	#4c4c50
	rgb(76,76,80)
**/

.m-portlet.mobihel.m-portlet--skin-dark,
.mobihel .formulation {
    --department-color: #4C4C50;
    --main-color: #4C4C50;
    --main-color-hover: #00778B;
    --text-main-color: #FFFFFF;
}

/** COLOMIX COLORING

    #01AABB
    rgb(1,170,187)
**/
.m-portlet.colomix.m-portlet--skin-dark,
.colomix .formulation {
    --department-color: #01AABB;
    --main-color: #01AABB;
    --main-color-hover: #DCDCDC;
    --text-main-color: #FFFFFF;
}

/** MasterMIX COLORING

    #DB3252
    rgb(219, 50, 82)
**/
.m-portlet.mastermix.m-portlet--skin-dark,
.mastermix > .modal,
.mastermix .formulation .modal,
.mastermix .formulation {
    --department-color: #DB3252;
    --main-color: #DB3252;
    --main-color-rgba-40: rgba(219, 50, 82, 0.4);
    --main-color-hover: #DCDCDC;
    --text-main-color: #FFFFFF;
}

.m-portlet.mastermix.m-portlet--skin-dark .btn-department {
    background-color: var(--text-black-color) !important;
    border-color: var(--text-black-color) !important;
}

/** PROSOL COLORING

    #e00707
    rgb(244, 7, 7)
**/
.m-portlet.prosol.m-portlet--skin-dark,
.prosol > .modal,
.prosol .formulation .modal,
.prosol .formulation {
    --department-color: #e00707;
    --main-color: #e00707;
    --main-color-rgba-40: rgba(244, 7, 7, 0.4);
    --main-color-hover: #DCDCDC;
    --text-main-color: #FFFFFF;
}

.m-portlet.prosol.m-portlet--skin-dark .btn-department {
    background-color: var(--text-black-color) !important;
    border-color: var(--text-black-color) !important;
}

/** GRAVIHEL COLORING

    #FFCC02
    rgb(255,204,2)
**/
.m-portlet.gravihel.m-portlet--skin-dark,
.gravihel .formulation {
    --department-color: #FFCC02;
    --main-color: #FFCC02;
    --main-color-hover: #DCDCDC;
    --text-main-color: #FFFFFF;
}

/** RMS COLORING

    #992abd
    rgb(153,42,189)
**/
.m-portlet.rms.m-portlet--skin-dark,
.rms .formulation {
    --department-color: #992ABD;
    --main-color: #992ABD;
    --main-color-hover: #DCDCDC;
    --text-main-color: #FFFFFF;
}

/** CBE COLORING

    #01AABB
    rgb(1,170,187)
**/
body.products.cbe .formulation form#products {
    --text-main-color: #FFFFFF;
}

.formulation .m-subheader-search .has-error {
    --text-main-color: red;
}

/*.m-portlet.gravihel.m-portlet--skin-dark,*/
/*.mobihel .formulation {*/
/*--main-color: #1361AC;*/
/*}*/

/**
    FORMULATION COLORING WITH VARS
 */
.m-portlet.m-portlet--skin-dark {
    background: var(--main-color);
}

.mastermix.m-portlet.m-portlet--skin-dark {
    background: #ffffff;
}

.prosol.m-portlet.m-portlet--skin-dark {
    background: #ffffff;
}

.m-portlet.m-portlet--skin-dark .btn-department {
    /*background-color: var(--main-color-hover) !important;*/
    /*border-color: var(--main-color-hover) !important;*/
}

.formulation .m-input-fileName + a.btn,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__username,
.m-nav .languages span.m-nav__item {
    color: var(--main-black);
}

.formulation .import-modules .title,
.formulation .import-modules .m-checkbox {
    color: var(--text-main-color);
}

.formulation .import-modules .m-checkbox > span::after {
    border-color: var(--text-main-color);
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link:hover .m-topbar__usericon:hover + .m-topbar__username {
    color: var(--main-black);
}

.m-subheader-search {
    background: var(--refinish) !important;
}

.formulation .m-subheader-search {
    background: var(--department-color) !important;
    /*background: var(--main-color) !important;*/
}

.formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell {
    background-color: var(--main-color-rgba-40) !important;
}

.formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell span,
.formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell span i {
    color: var(--text-main-color);
}

.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--just-corrected > .m-datatable__cell {
    background-color: var(--light-grey) !important;
}

.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--just-corrected > .m-datatable__cell span,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--just-correctedd > .m-datatable__cell span i {
    color: var(--text-main-color);
}

.private tbody tr.chosen,
.formulation .formulation-data table.table.recept tbody tr.chosen,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded.chosen > .m-datatable__cell {
    background-color: var(--main-color) !important;
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--hover > .m-datatable__cell::before {
    background-color: var(--main-color) !important;
}

.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active > i,
.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover > i,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active > i,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover > i,
.formulation .selectedMix p.mix {
    color: var(--main-color);
}

.formulation .m-subheader-search .m-form .form-control-label,
.formulation .m-subheader-search .m-form label,
.formulation .m-subheader-search .formulation-buttons > .btn.btn-transparent {
    color: var(--text-main-color);
}

.formulation .m-subheader-search .m-form .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field::placeholder {
    color: var(--text-main-color);
}

.formulation .m-subheader-search .m-form .m-checkbox > span::after,
.formulation .m-subheader-search .m-form .m-radio > span::after {
    border-color: var(--text-main-color);
    /*background: var(--text-main-color);*/
}

/*.formulation .m-subheader-search .m-form .m-checkbox > span::after {*/
/*     border-color: var(--text-main-color);*/
/*    background: transparent !important;*/
/*}*/

.formulation .m-subheader-search .m-form .m-checkbox > input ~ span,
.formulation .m-subheader-search .m-form .m-checkbox > input:checked ~ span,
.formulation .m-subheader-search .m-form .m-radio > input ~ span,
.formulation .m-subheader-search .m-form .m-radio > input:checked ~ span {
    border-color: var(--text-main-color);
}

.formulation .m-subheader-search .m-form table,
.formulation .m-subheader-search .m-form .m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
.formulation .m-subheader-search .m-form .m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span,
.formulation .m-subheader-search .m-form .m-datatable > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    color: var(--text-main-color);
}

.formulation .m-subheader-search .m-form input[readonly] {
    background-color: var(--readonly-color);
    border-color: var(--readonly-color);
}

.formulation .modal.superfilters label {
    color: var(--text);
}

.formulation .m-subheader-search .m-form .modal.superfilters .m-checkbox > input ~ span,
.formulation .m-subheader-search .m-form .modal.superfilters .m-checkbox > input:checked ~ span,
.formulation .m-subheader-search .m-form .modal.superfilters .m-radio > input ~ span,
.formulation .m-subheader-search .m-form .modal.superfilters .m-radio > input:checked ~ span,
.formulation .m-subheader-search .m-form .modal.superfilters .m-checkbox > span::after,
.formulation .m-subheader-search .m-form .modal.superfilters .m-radio > span::after {
    border-color: var(--text);
}

.formulation .m-subheader-search .formulation-buttons > .btn.btn-transparent:hover {
    color: var(--text-secondary-color);
}

.m-subheader-search h2.searchTitle,
.m-subheader-search .form-control {
    color: var(--text-main-color) !important;
}

.m-subheader-search #products .form-control,
.m-subheader-search #packings .form-control {
    color: var(--text-primary-color) !important;
}

.formulation .m-subheader-search .m-input-icon__icon i {
    color: var(--text-main-color) !important;
}

.formulation .m-subheader-search .form-control::-webkit-input-placeholder {
    color: var(--text-main-color) !important;
}

.formulation .m-subheader-search .form-control:-moz-placeholder { /* FF 4-18 */
    color: var(--text-main-color) !important;
    opacity: 1;
}

.formulation .m-subheader-search .form-control::-moz-placeholder { /* FF 19+ */
    color: var(--text-main-color) !important;
    opacity: 1;
}

.formulation .m-subheader-search .form-control:-ms-input-placeholder { /* IE 10+ */
    color: var(--text-main-color) !important;
}

.formulation .m-subheader-search .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--text-main-color) !important;
}

.formulation .m-subheader-search .form-control::placeholder { /* modern browser */
    color: var(--text-main-color) !important;
}

.formulation .m-subheader-search .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--text-main-color) !important;
}

.m-subheader-search .modal.superfilters .form-control {
    color: var(--text) !important;
}

.formulation .m-subheader-search .modal.superfilters .form-control::-webkit-input-placeholder {
    color: var(--text) !important;
}

.formulation .m-subheader-search .modal.superfilters .form-control:-moz-placeholder { /* FF 4-18 */
    color: var(--text) !important;
    opacity: 1;
}

.formulation .m-subheader-search .modal.superfilters .form-control::-moz-placeholder { /* FF 19+ */
    color: var(--text) !important;
    opacity: 1;
}

.formulation .m-subheader-search .modal.superfilters .form-control:-ms-input-placeholder { /* IE 10+ */
    color: var(--text) !important;
}

.formulation .m-subheader-search .modal.superfilters .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--text) !important;
}

.formulation .m-subheader-search .modal.superfilters .form-control::placeholder { /* modern browser */
    color: var(--text) !important;
}

.formulation .m-subheader-search .modal.superfilters .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--text) !important;
}

.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.formulation:not(.pricesss) .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
    color: var(--text-main-color);
}

.formulation .activeIcon > span {
    background-color: var(--refinish);
    color: var(--text-primary-color);
}

.custom-breadcrumbs-search .m-subheader-search .m-form .form-control-label,
.custom-breadcrumbs-search .m-subheader-search .m-form label {
    border-color: var(--text-main-color) !important;
    color: var(--text-main-color) !important;
}

.custom-breadcrumbs-search .m-subheader-search .m-form .m-checkbox.m-checkbox--focus > input ~ span,
.custom-breadcrumbs-search .m-subheader-search .m-form .m-checkbox.m-checkbox--focus > input:checked ~ span {
    border-color: var(--text-main-color) !important;
    color: var(--text-main-color) !important;
}

.custom-breadcrumbs-search .m-subheader-search .m-form .m-checkbox > input:checked ~ span::after,
.custom-breadcrumbs-search .m-subheader-search .m-form .m-radio > input:checked ~ span::after {
    border-color: var(--text-main-color) !important;
}

.custom-breadcrumbs-search .m-subheader-search .form-control::-webkit-input-placeholder {
    color: var(--text-main-color) !important;
}

.custom-breadcrumbs-search .m-subheader-search .form-control:-moz-placeholder { /* FF 4-18 */
    color: var(--text-main-color) !important;
    opacity: 1;
}

.custom-breadcrumbs-search .m-subheader-search .form-control::-moz-placeholder { /* FF 19+ */
    color: var(--text-main-color) !important;
    opacity: 1;
}

.custom-breadcrumbs-search .m-subheader-search .form-control:-ms-input-placeholder { /* IE 10+ */
    color: var(--text-main-color) !important;
}

.custom-breadcrumbs-search .m-subheader-search .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--text-main-color) !important;
}

.custom-breadcrumbs-search .m-subheader-search .form-control::placeholder { /* modern browser */
    color: var(--text-main-color) !important;
}

.custom-breadcrumbs-search .m-subheader-search .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--text-main-color) !important;
}

.swal2-popup .swal2-content {
    color: var(--text-black-color);
}

.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
    color: var(--text-black-color);
}

.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span em,
.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span em,
.formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span em {
    color: var(--text-grey-color);
}

.formulation .tab_formulation .formulation-data .info-files .m-dropdown .m-dropdown__wrapper .m-dropdown__body .m-nav .m-nav__item > .m-nav__link:hover {
    /*background: rgba(250, 250, 250, 1);*/
    /*background: var(--secondary-color);*/
}

.m-datatable > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort > span > i,
.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort > span > i,
.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.changeSorting i {
    color: var(--refinish);
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell.m-datatable__cell--sort > span::after {
    color: var(--light-grey);
}

.formulation .formulation-data table.table.recept tbody tr.chosen,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a i,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell span,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell span * {
    color: var(--text-main-color) !important;
}

.formulation h5.title,
.formulation .m-subheader-search .m-subheader-search__link {
    background-color: var(--main-color);
    color: var(--text-main-color);
}

.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active,
.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover {
    border-bottom-color: var(--main-color);
    color: var(--main-color);
}

.formulation .m-subheader-search .form-control:focus {
    border-color: var(--main-color-hover);
    color: var(--text-main-color);
}

/* TODO textarea *
.formulation .m-subheader-search .form-control:focus {
    border-color: var(--main-color-hover);
    color: var(--text-main-color);
}
/* */

.formulation .modal.superfilters .form-group,
.formulation .modal.superfilters .m-radio-list,
.formulation .modal.superfilters .m-checkbox-list {
    border-color: var(--main-color);
}

.formulation .btn.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-main-color);
}

.formulation .btn.btn-primary.active,
.formulation .btn.btn-primary:active,
.formulation .btn.btn-primary:focus,
.formulation .btn.btn-primary:hover:not(:disabled) {
    background-color: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}

.mastermix .formulation .btn.btn-primary {
    background-color: var(--department-color);
    border-color: var(--department-color);
    color: var(--text-main-color);
}

.mastermix .formulation .btn.btn-primary.active,
.mastermix .formulation .btn.btn-primary:active,
.mastermix .formulation .btn.btn-primary:focus,
.mastermix .formulation .btn.btn-primary:hover:not(:disabled) {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
    color: var(--text-main-color);
}

.mastermix .advanced-search:not(.opened) > .m-input-icon,
.mastermix .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover,
.mastermix .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active,
.mastermix .formulation .m-subheader-search .btn.btn-primary,
.mastermix .formulation .m-subheader-search button[class*="cx-"].btn.btn-primary.btn-selectColor {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
    color: var(--text-main-color) !important;
}

.mastermix .formulation .m-subheader-search .btn.btn-primary.active,
.mastermix .formulation .m-subheader-search .btn.btn-primary:active,
.mastermix .formulation .m-subheader-search .btn.btn-primary:focus,
.mastermix .formulation .m-subheader-search .btn.btn-primary:hover:not(:disabled) {
    background-color: var(--text-main-color);
    border-color: var(--text-main-color);
    color: var(--text-black-color) !important;
}

.mastermix .formulation .m-subheader-search .modal .btn.btn-primary:hover:not(:disabled) {
    color: var(--text-main-color) !important;
}

#settings.mastermix .formulation .btn.btn-success,
.mastermix .formulation .m-subheader-search .modal .btn.btn-primary,
.mastermix .save-button .btn.btn-primary,
.mastermix #editScale .btn-primary,
.mastermix .modal .btn.btn-primary,
.mastermix .modal .btn.btn-success,
.mastermix .mixer .modal .btn.btn-primary,
.mastermix .mixer .modal .btn.btn-success,
.mastermix .formulation .button-right-bar,
.mastermix .formulation button[class*="webSocket"],
.mastermix .formulation button[class*="cx-"],
    /*.mastermix .formulation .m-radio-list[class*="cx-"],*/
.mastermix .formulation .price .showPrices .form-group {
    background-color: var(--department-color);
    border-color: var(--department-color);
    color: var(--text-main-color);
}

#settings.mastermix .formulation .btn.btn-success:hover,
.mastermix .formulation .m-subheader-search .modal .btn.btn-primary:hover,
.mastermix .save-button .btn.btn-primary:hover,
.mastermix .save-button .btn.btn-primary:active,
.mastermix #editScale .btn-primary:hover,
.mastermix .modal .btn.btn-primary:hover,
.mastermix .modal .btn.btn-success:hover,
.mastermix .mixer .modal .btn.btn-primary:hover,
.mastermix .mixer .modal .btn.btn-success:hover,
.mastermix .formulation .button-right-bar:hover,
.mastermix .formulation button[class*="webSocket"]:hover,
.mastermix .formulation button[class*="cx-"]:hover,
    /*.mastermix .formulation .m-radio-list[class*="cx-"]:hover,*/
.mastermix .formulation .price .showPrices .form-group {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
    color: var(--text-main-color);
}

.prosol .formulation .btn.btn-primary {
    background-color: var(--department-color);
    border-color: var(--department-color);
    color: var(--text-main-color);
}

.prosol .formulation .btn.btn-primary.active,
.prosol .formulation .btn.btn-primary:active,
.prosol .formulation .btn.btn-primary:focus,
.prosol .formulation .btn.btn-primary:hover:not(:disabled) {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
    color: var(--text-main-color);
}

.prosol .advanced-search:not(.opened) > .m-input-icon,
.prosol .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover,
.prosol .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active,
.prosol .formulation .m-subheader-search .btn.btn-primary,
.prosol .formulation .m-subheader-search button[class*="cx-"].btn.btn-primary.btn-selectColor {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
    color: var(--text-main-color) !important;
}

.prosol .formulation .m-subheader-search .btn.btn-primary.active,
.prosol .formulation .m-subheader-search .btn.btn-primary:active,
.prosol .formulation .m-subheader-search .btn.btn-primary:focus,
.prosol .formulation .m-subheader-search .btn.btn-primary:hover:not(:disabled) {
    background-color: var(--text-main-color);
    border-color: var(--text-main-color);
    color: var(--text-black-color) !important;
}

.prosol .formulation .m-subheader-search .modal .btn.btn-primary:hover:not(:disabled) {
    color: var(--text-main-color) !important;
}

#settings.prosol .formulation .btn.btn-success,
.prosol .formulation .m-subheader-search .modal .btn.btn-primary,
.prosol .save-button .btn.btn-primary,
.prosol #editScale .btn-primary,
.prosol .modal .btn.btn-primary,
.prosol .modal .btn.btn-success,
.prosol .mixer .modal .btn.btn-primary,
.prosol .mixer .modal .btn.btn-success,
.prosol .formulation .button-right-bar,
.prosol .formulation button[class*="webSocket"],
.prosol .formulation button[class*="cx-"],
    /*.prosol .formulation .m-radio-list[class*="cx-"],*/
.prosol .formulation .price .showPrices .form-group {
    background-color: var(--department-color);
    border-color: var(--department-color);
    color: var(--text-main-color);
}

#settings.prosol .formulation .btn.btn-success:hover,
.prosol .formulation .m-subheader-search .modal .btn.btn-primary:hover,
.prosol .save-button .btn.btn-primary:hover,
.prosol .save-button .btn.btn-primary:active,
.prosol #editScale .btn-primary:hover,
.prosol .modal .btn.btn-primary:hover,
.prosol .modal .btn.btn-success:hover,
.prosol .mixer .modal .btn.btn-primary:hover,
.prosol .mixer .modal .btn.btn-success:hover,
.prosol .formulation .button-right-bar:hover,
.prosol .formulation button[class*="webSocket"]:hover,
.prosol .formulation button[class*="cx-"]:hover,
    /*.prosol .formulation .m-radio-list[class*="cx-"]:hover,*/
.prosol .formulation .price .showPrices .form-group {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
    color: var(--text-main-color);
}

.m-switch.m-switch--outline.m-switch--success input:checked ~ span::after {
    background-color: var(--department-color);
}

.formulation .privates.alert-primary {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
}

.mastermix .formulation .privates.alert-primary {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
}

.prosol .formulation .privates.alert-primary {
    background-color: var(--text-black-color);
    border-color: var(--text-black-color);
}

.formulation .btn.btn-outline-primary {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--text-main-color);
}

.formulation .btn.btn-outline-primary.active,
.formulation .btn.btn-outline-primary:active,
.formulation .btn.btn-outline-primary:focus,
.formulation .btn.btn-outline-primary:hover:not(:disabled) {
    background-color: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}

.formulation .btn.btn-default,
.formulation .btn.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--text-secondary-color);
}

.formulation .btn.btn-default.active,
.formulation .btn.btn-default:active,
.formulation .btn.btn-default:focus,
.formulation .btn.btn-default:hover:not(:disabled),
.formulation .btn.btn-secondary.active,
.formulation .btn.btn-secondary:active,
.formulation .btn.btn-secondary:focus,
.formulation .btn.btn-secondary:hover:not(:disabled) {
    background-color: var(--secondary-hover-color);
    border-color: var(--secondary-hover-color);
}

.m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: var(--text-main-color);
}

.formulation .webSockets .weighting-progress > div > span {
    background-color: var(--refinish);
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.is-ok > .m-datatable__cell * {
    color: var(--weighting-correct);
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.is-ok.has-error > .m-datatable__cell * {
    color: var(--weighting-closing);
}

.formulation .tab_formulation .formulation-data.weighting-active .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.is-ok.has-error.overflow > .m-datatable__cell * {
    color: var(--weighting-overflow);
}

.formulation .webSockets .weighting-progress > div.closing > span {
    background-color: var(--weighting-closing);
}

.formulation .webSockets .weighting-progress > div.correct > span {
    background-color: var(--weighting-correct);
}

.formulation .webSockets .weighting-progress > div.overflow > span {
    background-color: var(--weighting-overflow);
}

.formulation .tab-pane-header {
    /*background: var(--main-color) !important;*/
    border-bottom-color: var(--secondary-color) !important;
}

.formulation .tab-pane-footer {
    /*background: var(--main-color) !important;*/
    border-top-color: var(--secondary-color) !important;
}

.formulation .add-recipe-comment:hover,
.formulation .remove-recipe-comment:hover {
    color: var(--primary-hover-color);
}

.m-subheader-search .select2-container--default .select2-selection--single,
.m-subheader-search .select2-container--default .select2-selection--multiple,
.formulation .select2-container--default .select2-selection--single,
.formulation .select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
}

.private tbody tr.chosen .select2-container--default .select2-selection--single .select2-selection__rendered,
.m-subheader-search .select2-container--default .select2-selection--single,
.m-subheader-search .select2-container--default .select2-selection--multiple,
.formulation .m-subheader-search .select2-container--default .select2-selection--single,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple {
    border-color: var(--text-main-color) !important;
    color: var(--text-main-color);
}

.m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
.m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.m-subheader-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
.m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: var(--text-main-color);
}

.m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
.formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
.formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__arrow,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    color: var(--text-main-color);
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.row-edited td {
    background: var(--secondary-color) !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.row-edited * {
    color: var(--primary-color) !important;
}


.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.info .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.m-datatable__row--even.info .m-datatable__cell {
    background: var(--info, #36A3F7FF);
    color: #FFFFFF;
}

.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.info .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.m-datatable__row--even.info .m-datatable__cell > span {
    color: #FFFFFF;
}

.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.warning .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.m-datatable__row--even.warning .m-datatable__cell {
    background: var(--warning, #FFB822);
}

.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.warning .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.m-datatable__row--even.warning .m-datatable__cell > span {
    color: #FFFFFF;
}

.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.danger .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.m-datatable__row--even.danger .m-datatable__cell {
    background: var(--danger, #F4516CFF);
    color: #FFFFFF;
}

.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.danger .m-datatable__cell > span,
.m-datatable.m-datatable--default > .m-datatable__table.rainbow-party .m-datatable__body .m-datatable__row.m-datatable__row--even.danger .datatable__cell > span {
    color: #FFFFFF;
}

.rainbow-party .rms-required .control-label::after,
.rainbow-party .form-group.rms-required > label::after,
.rainbow-party .required .control-label::after,
.rainbow-party .form-group.required > label::after {
    color: var(--danger);
}

.m-subheader-search .m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link-number {
    color: var(--text-main-color)
}

/* CW private icon */

[data-field="source"] svg {
    --device-color: #4C4C50;
    /*--device-color: var(--department-color);*/
    --device-display: #FFFFFF;
}

.private-cw > i > i,
.private-cw > svg + i {
    color: var(--refinish);
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw3_border {
    display: none;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw3_body {
    fill: var(--device-color);
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw3_display {
    fill: #FFFFFF;
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw3_target > :not(g) {
    fill: var(--device-color);
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw_search_path {
    fill: var(--white);
    stroke: var(--department-color);
}

.private-cw > i > i.warning,
.private-cw > svg + i.warning,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw_search_path.warning {
    stroke: var(--warning);
    color: var(--warning);
}

.private-cw > i > i.danger,
.private-cw > svg + i.danger,
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw_search_path.danger {
    stroke: var(--danger);
    color: var(--danger);
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="source"] > span > div.private-cw > svg #cw3_target > ellipse#Oval {
    fill: transparent !important;
    stroke: var(--refinish);
}

.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell[data-field="toner"] > span > i {
    color: var(--department-color);
    text-shadow: 1px 0 0 var(--main-color-hover), 0 -1px 0 var(--main-color-hover), 0 1px 0 var(--main-color-hover), -1px 0 0 var(--main-color-hover);
}

.m-link {
    color: var(--refinish);
}

.m-link:hover {
    color: var(--refinish-second);
}

.m-link:hover::after {
    border-color: var(--refinish-second);
}

.m-link.m-link--focus {
    color: var(--refinish);
}

.m-link.m-link--focus:hover {
    color: var(--refinish-second);
}

.m-link.m-link--focus:hover::after {
    border-color: var(--refinish-second);
}

/**
	FORMULATION COLORING

	#1361AC
	rgb(19,97,172)
**/

/**
.m-nav .languages span.m-nav__item {
    color: #333333;
}

.formulation .m-subheader-search {
    background: #1361AC !important;
}

.formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell {
    background-color: rgba(19, 97, 172, 0.4) !important;
}

.formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell span {
    color: #FFFFFF;
}

.formulation .formulation-data table.table.recept tbody tr.chosen,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell {
    background-color: #1361AC !important;
}

.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active > i,
.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover > i,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active > i,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover > i,
.formulation .selectedMix p.mix {
    color: #1361AC;
}

.formulation .m-subheader-search .form-control::-webkit-input-placeholder {
    color: #FFFFFF !important;
}

.formulation .m-subheader-search .form-control:-moz-placeholder {
    color: #FFFFFF !important;
    opacity: 1;
}

.formulation .m-subheader-search .form-control::-moz-placeholder {
    color: #FFFFFF !important;
    opacity: 1;
}

.formulation .m-subheader-search .form-control:-ms-input-placeholder {
    color: #FFFFFF !important;
}

.formulation .m-subheader-search .form-control::-ms-input-placeholder {
    color: #FFFFFF !important;
}

.formulation .m-subheader-search .form-control::placeholder {
    color: #FFFFFF !important;
}

.formulation .formulation-data table.table.recept tbody tr.chosen,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a i,
.formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell span {
    color: #FFFFFF !important;
}

.formulation h5.title,
.formulation .m-subheader-search .m-subheader-search__link {
    background-color: #1361AC;
    color: #FFFFFF;
}

.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active,
.formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active,
.formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover {
    color: #1361AC;
    border-bottom-color: #1361AC;
}

.formulation .m-subheader-search .form-control:focus {
    border-color: #1361AC;
    color: #FFFFFF;
}

.formulation .modal.superfilters .m-checkbox-list {
    border-color: #1361AC;
}

.formulation .btn.btn-primary {
    color: #FFFFFF;
    background-color: #1361AC;
    border-color: #1361AC;
}

.formulation .btn.btn-primary.active,
.formulation .btn.btn-primary:active,
.formulation .btn.btn-primary:focus,
.formulation .btn.btn-primary:hover:not(:disabled) {
    background-color: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}

.formulation .btn.btn-default,
.formulation .btn.btn-secondary {
    color: #212529;
    background-color: #EBEDF2;
    border-color: #EBEDF2;
}

.formulation .btn.btn-default.active,
.formulation .btn.btn-default:active,
.formulation .btn.btn-default:focus,
.formulation .btn.btn-default:hover:not(:disabled),
.formulation .btn.btn-secondary.active,
.formulation .btn.btn-secondary:active,
.formulation .btn.btn-secondary:focus,
.formulation .btn.btn-secondary:hover:not(:disabled) {
    background-color: var(--secondary-hover-color);
    border-color: var(--secondary-hover-color);
}

.m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #FFFFFF;
}

.formulation .tab-pane-header {
    border-bottom-color: #EBEDF2 !important;
}

.formulation .tab-pane-footer {
    border-top-color: #EBEDF2 !important;
}

.formulation .select2-container--default .select2-selection--single,
.formulation .select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
}

.formulation .m-subheader-search .select2-container--default .select2-selection--single,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple {
    border-color: #FFFFFF !important;
    color: #FFFFFF;
}

.formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #FFFFFF;
}

.formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
.formulation .select2-container--default .select2-selection--single .select2-selection__arrow,
.formulation .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    color: #FFFFFF;
}
*/

/**
	MOBIHEL COLORING

	#4c4c50
	rgb(76,76,80)
**/

/**
.m-nav .languages span.m-nav__item {
    color: #333333;
}

.mobihel .formulation .m-subheader-search {
    background: #4C4C50 !important;
}

.mobihel .formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell {
    background-color: rgba(19, 97, 172, 0.4) !important;
}

.mobihel .formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell span {
    color: #ffffff;
}

.mobihel .formulation .formulation-data table.table.recept tbody tr.chosen,
.mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell {
    background-color: #4C4C50 !important;
}

.mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active > i,
.mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover > i,
.mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active > i,
.mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover > i,
.mobihel .formulation .selectedMix p.mix {
    color: #4C4C50;
}

.mobihel .formulation .m-subheader-search .form-control::-webkit-input-placeholder {
    color: #ffffff !important;
}

.mobihel .formulation .m-subheader-search .form-control:-moz-placeholder {
    color: #ffffff !important;
    opacity: 1;
}

.mobihel .formulation .m-subheader-search .form-control::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1;
}

.mobihel .formulation .m-subheader-search .form-control:-ms-input-placeholder {
    color: #ffffff !important;
}

.mobihel .formulation .m-subheader-search .form-control::-ms-input-placeholder {
    color: #ffffff !important;
}

.mobihel .formulation .m-subheader-search .form-control::placeholder {
    color: #ffffff !important;
}

.mobihel .formulation .formulation-data table.table.recept tbody tr.chosen,
.mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a,
.mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a i,
.mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell span {
    color: #ffffff !important;
}

.mobihel .formulation h5.title,
.mobihel .formulation .m-subheader-search .m-subheader-search__link {
    background-color: #4C4C50;
    color: #ffffff;
}

.mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active,
.mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover,
.mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active,
.mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover {
    color: #4C4C50;
    border-bottom-color: #4C4C50;
}

.mobihel .formulation .m-subheader-search .form-control:focus {
    border-color: #1361AC;
    color: #ffffff;
}

.mobihel .formulation .modal.superfilters .m-checkbox-list {
    border-color: #4C4C50;
}

.mobihel .formulation .btn.btn-primary {
    color: #ffffff;
    background-color: #1361AC;
    border-color: #1361AC;
}

.mobihel .formulation .btn.btn-primary.active,
.mobihel .formulation .btn.btn-primary:active,
.mobihel .formulation .btn.btn-primary:focus,
.mobihel .formulation .btn.btn-primary:hover:not(:disabled) {
    background-color: #134895;
    border-color: #134895;
}

.mobihel .formulation .btn.btn-default,
.mobihel .formulation .btn.btn-secondary {
    color: #212529;
    background-color: #EBEDF2;
    border-color: #EBEDF2;
}

.mobihel .formulation .btn.btn-default.active,
.mobihel .formulation .btn.btn-default:active,
.mobihel .formulation .btn.btn-default:focus,
.mobihel .formulation .btn.btn-default:hover:not(:disabled),
.mobihel .formulation .btn.btn-secondary.active,
.mobihel .formulation .btn.btn-secondary:active,
.mobihel .formulation .btn.btn-secondary:focus,
.mobihel .formulation .btn.btn-secondary:hover:not(:disabled) {
    background-color: #F4F5F8;
    border-color: #F4F5F8;
}

.m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #ffffff;
}

.mobihel .formulation .tab-pane-header {
    border-bottom-color: #EBEDF2 !important;
}

.mobihel .formulation .tab-pane-footer {
    border-top-color: #EBEDF2 !important;
}

.mobihel .formulation .select2-container--default .select2-selection--single,
.mobihel .formulation .select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
}

.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single,
.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple {
    border-color: #FFFFFF !important;
    color: #FFFFFF;
}

.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #FFFFFF;
}

.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
.mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
.mobihel .formulation .select2-container--default .select2-selection--single .select2-selection__arrow,
.mobihel .formulation .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    color: #FFFFFF;
}
*/

.table.table-bordered.dark th,
.table.table-bordered.dark td {
    border-color: var(--main-black);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .m-nav .languages span.m-nav__item {
        color: #4C4C50;
    }

    .mobihel .formulation .m-subheader-search {
        background: #4C4C50 !important;
    }

    .mobihel .formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell {
        background-color: rgba(19, 97, 172, 0.4) !important;
    }

    .mobihel .formulation .m-datatable.m-datatable--default.m-datatable--subtable > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--subtable-expanded > .m-datatable__cell span {
        color: #FFFFFF;
    }

    .mobihel .formulation .formulation-data table.table.recept tbody tr.chosen,
    .mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell {
        background-color: #4C4C50 !important;
    }

    .mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active > i,
    .mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover > i,
    .mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active > i,
    .mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover > i,
    .mobihel .formulation .selectedMix p.mix {
        color: #4C4C50;
    }

    .mobihel .formulation .m-subheader-search .form-control::-webkit-input-placeholder {
        color: #FFFFFF !important;
    }

    .mobihel .formulation .m-subheader-search .form-control:-moz-placeholder { /* FF 4-18 */
        color: #FFFFFF !important;
        opacity: 1;
    }

    .mobihel .formulation .m-subheader-search .form-control::-moz-placeholder { /* FF 19+ */
        color: #FFFFFF !important;
        opacity: 1;
    }

    .mobihel .formulation .m-subheader-search .form-control:-ms-input-placeholder { /* IE 10+ */
        color: #FFFFFF !important;
    }

    .mobihel .formulation .m-subheader-search .form-control::-ms-input-placeholder { /* Microsoft Edge */
        color: #FFFFFF !important;
    }

    .mobihel .formulation .m-subheader-search .form-control::placeholder { /* modern browser */
        color: #FFFFFF !important;
    }

    .mobihel .formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span,
    .mobihel .formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span,
    .mobihel .formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {
        color: #333333;
    }

    .mobihel .formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span em,
    .mobihel .formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell > span em,
    .mobihel .formulation .tab_formulation .formulation-data .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span em {
        color: var(--text-grey-color);
    }

    .mobihel .formulation .formulation-data table.table.recept tbody tr.chosen,
    .mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a,
    .mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell a i,
    .mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell span,
    .mobihel .formulation .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.chosen > .m-datatable__cell span * {
        color: #FFFFFF !important;
    }

    .mobihel .formulation h5.title,
    .mobihel .formulation .m-subheader-search .m-subheader-search__link {
        background-color: #4C4C50;
        color: #FFFFFF;
    }

    .mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link.active,
    .mobihel .formulation .m-tabs-line.m-tabs-line--accent a.m-tabs__link:hover,
    .mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link.active,
    .mobihel .formulation .m-tabs-line.m-tabs-line--accent.nav.nav-tabs .nav-link:hover {
        border-bottom-color: #4C4C50;
        color: #4C4C50;
    }

    .mobihel .formulation .m-subheader-search .form-control:focus {
        border-color: #1361AC;
        color: #FFFFFF;
    }

    .mobihel .formulation .modal.superfilters .m-checkbox-list {
        border-color: #4C4C50;
    }

    .mobihel .formulation .btn.btn-primary {
        background-color: #1361AC;
        border-color: #1361AC;
        color: #FFFFFF;
    }

    .mobihel .formulation .btn.btn-primary.active,
    .mobihel .formulation .btn.btn-primary:active,
    .mobihel .formulation .btn.btn-primary:focus,
    .mobihel .formulation .btn.btn-primary:hover:not(:disabled) {
        background-color: #134895;
        border-color: #134895;
    }

    .mobihel .formulation .btn.btn-default,
    .mobihel .formulation .btn.btn-secondary {
        background-color: #EBEDF2;
        border-color: #EBEDF2;
        color: #212529;
    }

    .mobihel .formulation .btn.btn-default.active,
    .mobihel .formulation .btn.btn-default:active,
    .mobihel .formulation .btn.btn-default:focus,
    .mobihel .formulation .btn.btn-default:hover:not(:disabled),
    .mobihel .formulation .btn.btn-secondary.active,
    .mobihel .formulation .btn.btn-secondary:active,
    .mobihel .formulation .btn.btn-secondary:focus,
    .mobihel .formulation .btn.btn-secondary:hover:not(:disabled) {
        background-color: #F4F5F8;
        border-color: #F4F5F8;
    }

    .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        background-color: #FFFFFF;
    }

    .mobihel .formulation .tab-pane-header {
        /*background: #4C4C50 !important;*/
        border-bottom-color: #EBEDF2 !important;
    }

    .mobihel .formulation .tab-pane-footer {
        /*background: #4C4C50 !important;*/
        border-top-color: #EBEDF2 !important;
    }

    .mobihel .formulation .select2-container--default .select2-selection--single,
    .mobihel .formulation .select2-container--default .select2-selection--multiple {
        background-color: transparent !important;
    }

    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single,
    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple {
        border-color: #FFFFFF !important;
        color: #FFFFFF;
    }

    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered,
    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered,
    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #FFFFFF;
    }

    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear,
    .mobihel .formulation .m-subheader-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear,
    .mobihel .formulation .select2-container--default .select2-selection--single .select2-selection__arrow,
    .mobihel .formulation .select2-container--default .select2-selection--multiple .select2-selection__arrow {
        color: #FFFFFF;
    }

}