/* Minification failed. Returning unminified contents.
(1655,50): run-time error CSS1030: Expected identifier, found '#btnSubcontracts'
(1655,66): run-time error CSS1031: Expected selector, found ')'
(1655,66): run-time error CSS1025: Expected comma or open brace, found ')'
(1680,59): run-time error CSS1030: Expected identifier, found '#btnSubcontracts'
(1680,75): run-time error CSS1031: Expected selector, found ')'
(1680,75): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.k-panelbar > li > .k-link,
.k-tabstrip-items .k-link,
.k-panelbar > .k-item > .k-link,
.k-panelbar > .k-panelbar-header > .k-link,
.k-panelbar .k-panelbar-content {
    color: #333;
}

.k-panelbar > .k-item > .k-link.k-state-selected,
.k-panelbar > .k-item > .k-link.k-state-selected:hover,
.k-panelbar > .k-panelbar-header > .k-link.k-state-selected,
.k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover {
    color: #333;
    background-color: #f5f5f5;
}

.k-panelbar > .k-item > .k-link.k-state-focused {
    box-shadow: unset;
}

body {
    background-color: #d1d1d1;
    background-image: url('img/background_texture_tile.jpg');
    font-size: 12px;
    padding-bottom: 45px;
}

.app-busy-parent {
}

.app-busy {
}

.boxFix *,
.boxFix *::before,
.boxFix *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.boxFix .k-widget *,
.k-picker-wrap .k-input,
.boxFix .k-widget *::before,
.boxFix .k-widget *::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.app-busy-splash {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.5;
    background-color: black;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

.app-busy-content {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -86px;
    margin-left: -72px;
    text-align: center;
    vertical-align: middle;
    width: 144px;
    padding-top: 136px;
    z-index: 1000001;
    background-color: white;
    padding-left: 8px;
    padding-bottom: 8px;
    border-radius: 8px;
}

.app-busy-image {
    margin-top: -128px;
    width: 128px;
    height: 128px;
    background-image: url('img/loading_128.gif');
}

.app-busy-message {
    margin-left: -8px;
    padding: 4px 4px 0 4px;
}

.app-header {
    background-color: #222222;
    color: #eeeeee;
    padding-right: 15px;
    padding-top: 5px;
    position: relative;
}

#appLication {
    /* limit content width */
    min-width: 1710px;
}

.app-header .app-searchform .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.app-header .app-searchform .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.app-zero-field {
    width: 0;
    height: 0;
    border-width: 0;
    padding: 0;
    margin: 0;
}

.app-header .app-searchform {
    width: auto;
    max-width: 250px;
    margin-top: 5px;
    margin-right: 10px;
}

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

.hight-label {
    vertical-align: top !important;
    padding-top: 4px;
}

.date {
    width: 9em;
}

.time {
    width: 7em;
}

.form-element {
    margin-bottom: 2px;
}

div.form-element {
    min-height: 24px;
    vertical-align: middle;
}

.form-element label {
    margin-top: 4px;
    margin-bottom: 0;
}

textarea {
    font-family: inherit;
    min-height: 24px;
}

textarea.sm {
    height: 5em;
}

textarea.default-max {
    max-height: 10em;
}

textarea.default {
    height: 10em;
}

.checkbox-inline {
    display: inline-block;
    margin-top: 0;
}

.inline-checkbox {
    display: inline-block;
    margin-top: 12px !important;
    margin-right: 2px !important;
    float: left;
}

.inline-multiselect.k-multiselect {
    display: inline-block;
}

.app-header .navbar-custom {
    color: #eeeeee;
    border-radius: 0;
    margin-bottom: 4px;
}
.app-header .navbar-custom .navbar-toggle {
    border-color: #dddddd;
    margin-top: 2px;
    float: left;
}
.app-header .navbar-custom .navbar-toggle:hover,
.app-header .navbar-custom .navbar-toggle:focus {
    background-color: #dddddd;
}
.app-header .navbar-custom .navbar-nav > li > a {
    color: #000000;
    background-color: #eeeeee;
    border-radius: 4px;
    height: 32px;
    padding: 6px 15px;
    margin-right: 5px;
    margin-top: 3px;
    font-size: 14px;
}

.app-header .navbar-custom .navbar-nav > li > a.active,
.app-header .navbar-custom .navbar-nav > li > a.active:hover {
    color: #000000;
    background-color: #ffc841;
}

.app-fa-big {
    font-size: 14px;
}

.app-header .navbar-custom .navbar-nav > li > a.disabled {
    color: #bbbbbb;
}

.app-header .navbar-custom .navbar-nav > .active > a,
.app-header .navbar-custom .navbar-nav > .active > a:hover,
.app-header .navbar-custom .navbar-nav > .active > a:focus {
    color: #000000;
    background-color: #ffc841;
}

.app-header .navbar-custom .navbar-nav > li > a:hover,
.app-header .nav > li > a:focus {
    text-decoration: none;
    background-color: #cccccc;
    color: #000000;
}
.app-header .navbar-custom .navbar-toggle .icon-bar {
    background-color: #888888;
}

:last-child.navbar-right.navbar-nav.rightpart {
    margin-right: 15px;
}

.app-header .app-logo {
    margin-right: 25px;
    height: 40px;
    width: 116px;
    display: block;
    background: url('img/logo.png') 100% 100% no-repeat;
    background-size: contain;
    background-position: 10px;
}
.app-headertabs {
    float: left;
    padding-top: 5px;
    margin-bottom: 3px;
}
.app-headertabs li > a {
    background-color: #eeeeee;
    height: 35px;
    border-radius: 4px;
    padding: 8px 15px;
}
.app-headertabs li > a:hover {
    background-color: #cccccc;
}
.app-header .app-stsearch-group {
    margin-right: 10px;
    max-width: 240px;
}
.app-header .app-btnsearch {
    top: 0;
    width: 30px;
}
.app-header .app-btnhelp {
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    top: 7px;
    right: 5px;
    margin-right: 20px;
    position: absolute;
    color: #ffc841;
    text-decoration: none;
}
.app-header .usercompany {
    padding-right: 25px;
    margin-top: 10px;
    display: block;
    font-weight: bolder;
    font-size: 13px;
}
.app-header a.app-username:link,
.app-header a.app-username:visited,
.app-header a.app-username:hover,
.app-header a.app-username:active,
.app-header a > span {
    color: #eeeeee;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    font-weight: bolder;
}
.app-header .navbar-custom .nav .open > a,
.app-header .navbar-custom .nav .open > a:hover,
.app-header .navbar-custom .nav .open > a:focus {
    background: none;
    border: none;
}
.app-header .listofflags {
    margin-top: 3px;
}
.app-header .listofflags li > a {
    height: 12px;
    width: 19px;
    display: block;
    cursor: pointer;
    background-size: cover;
}
.app-header .listofflags li > a.active {
    border: 1px solid #eeeeee;
}
.app-header .listofflags .fi-FI {
    background: url('img/fi-FI.gif') 100% 100% no-repeat;
    background-size: cover;
}
.app-header .listofflags .en-US {
    background: url('img/en-US.gif') 100% 100% no-repeat;
    background-size: cover;
}
.app-header .listofflags .ru-RU {
    background: url('img/ru-RU.gif') 100% 100% no-repeat;
    background-size: cover;
}
.app-header .listofflags .sv-SE {
    background: url('img/sv-SE.gif') 100% 100% no-repeat;
    background-size: cover;
}

.app-header .listofflags li label {
    cursor: pointer;
}

.app-header .listofflags li label:hover {
    text-decoration: underline;
}
.app-content {
    padding-left: 10px;
    padding-right: 10px;
}
.app-footer {
    background-color: #222222;
    color: #ababab;
    height: 35px;
    width: 100%;
    padding: 5px 10px 0 10px;
}
.app-alert {
    position: fixed;
    top: 25px;
    left: 50%;
    width: 50%;
    margin-left: -25%;
    z-index: 10100;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
}

.app-alert-center {
    top: 40%;
}

.history-no-changes {
    color: #d1d1d1;
}

.app-view-content {
    padding: 0 20px 20px;
}

.app-table-5-rows > .k-grid-content {
    height: 250px;
}

.app-table-7-rows > .k-grid-content {
    height: 350px;
}

.app-table-10-rows > .k-grid-content {
    height: 410px;
}

.app-table-orders .k-grid-content {
    height: 380px;
}

.app-table-20-rows > .k-grid-content {
    height: 820px;
}

.app-table-3-rows-no-actions > .k-grid-content {
    height: 110px;
}

.app-table-5-rows-no-actions > .k-grid-content {
    height: 170px;
}

.app-table-10-rows-no-actions > .k-grid-content {
    height: 340px;
}

.app-table-20-rows-no-actions > .k-grid-content {
    height: 680px;
}

.app-nav-tabs,
.app-form-nav-tabs {
    margin-bottom: 20px;
}

.app-form-nav-tabs {
    padding-left: 10px;
    padding-right: 10px;
}

.app-form-content,
.app-form-content div.row,
.app-form-content div.form-group,
.app-form-content div.ctrl-container {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.app-form-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.orderEditPanel div.row,
.orderEditPanel div.form-group,
.orderEditPanel div.ctrl-container {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.orderEditPanel {
    margin-top: 2px;
    margin-bottom: 2px;
}

.orderEditPanel > div {
    padding-left: 0;
    padding-right: 0;
}

.app-form-row {
    min-height: 2em;
}

.app-form-bottom-row {
    padding-top: 10px;
}

.app-file-row:hover {
    background-color: #eeeeee;
}

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

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

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


.app-width-20p {
    width: 20% !important;
}
.app-width-30p {
    width: 30% !important;
}
.app-width-40p {
    width: 40% !important;
}

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

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

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

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

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

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

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

.app-width-100p {
    width: 100% !important;
}
.app-width-250 {
    width: 250px !important;
}
.app-width-230 {
    width: 230px !important;
}
.app-editor-middle table {
    height: 350px;
}

.app-editor-tall table {
    height: 500px;
}

.app-edit-row {
    clear: both;
    padding: 0 2% 0.8em 2%;
}

.app-row-label {
    float: none;
    width: 100%;
    text-align: left;
    margin-left: 0;
    padding-top: 1em;
    padding-bottom: 0.4em;
}

div.app-window {
    padding: 0 0 0 0;
}

div.app-window .k-edit-buttons {
    position: static;
}

.app-popup-edit-form.machine-form {
    display: block;
    height: inherit;
}

.app-popup-edit-form {
    padding: 1em 0;
    box-sizing: border-box;
}

.app-popup-edit-form-50p .k-edit-label,
.app-popup-edit-form-50p .k-edit-field {
    width: 45%;
}

.app-popup-edit-form-40p .k-edit-label {
    width: 35%;
}

.app-popup-edit-form-40p .k-edit-field {
    width: 55%;
}

.app-edit-text {
    padding-top: 0.4em;
}

.app-edit-text > span {
    display: inline-block;
}

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

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

.app-right {
    text-align: right !important;
}
.app-text-nw {
    white-space: nowrap;
}
.app-hidden {
    display: none;
}
.app-text-red {
    color: red;
}
.app-text-bld {
    font-weight: bold;
}
.app-not-visibile {
    visibility: hidden;
}

.app-actions-column {
    width: 100px;
    padding-bottom: 0.5em !important;
    padding-left: 0.8em !important;
}

.app-field-value {
    margin-top: 0.4em;
}

.app-bad-item {
    color: #ababab;
}

.app-border-bottom {
    border-bottom: 2px solid #f2f2f2;
}
tr.app-quick-filter td {
    border-color: rgb(204, 204, 204);
}

tr.app-quick-filter td:first-child {
    border-left-width: 0;
}

.app-nav-warning {
    margin-right: 3px;
    margin-top: -2px;
}
.nomargin {
    margin: 0 !important;
}

.non-editable {
    color: #8a8a8a;
}

.non-editable-hide {
    display: none;
}

.k-grid .k-edit-cell.non-editable {
    padding: 0 0.6em;
}

.filter-row {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.filter-row > div {
    padding: 0px !important;
}

.on-hover {
    cursor: pointer;
}

.file-upload {
    color: inherit;
}

.uploaded-files {
    min-height: 21px;
    max-height: 300px;
    overflow: auto;
    margin-bottom: 2px;
    border: 1px solid #ccc;
    border-top-width: 0;
    border-radius: 0 0 4px 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.file-table {
    width: 100%;
}
.k-filename-long {
    max-width: 400px;
}
.file-table > tbody > tr > td {
    vertical-align: middle;
}

.file-table td.ItemType-2 {
    padding-left: 1em;
}

.file-table tr.IsDeleted-true td,
.file-table tr.IsDeleted-true td a {
    color: silver;
}

.file-table-inner {
    table-layout: fixed;
    width: 100%;
}

.file-table-name {
    padding-left: 3px;
    overflow: hidden;
}

.file-type-icon {
    height: 18px;
    width: 18px;
}

.file-collapser {
    cursor: pointer;
}

.pointer {
    cursor: pointer !important;
}

ul.dropdown-menu li:hover {
    background-color: #f5f5f5;
}

.glyphicon-color-true,
.glyphicon-color-false,
.glyphicon-hasDimensions-true,
.glyphicon-hasDimensions-false {
    width: 12px;
    height: 12px;
}

.glyphicon-color-true {
    background: url('img/FourColor.png') 100% 100% no-repeat;
    background-size: cover;
}

.glyphicon-color-false {
    background: url('img/BlackWhite.png') 100% 100% no-repeat;
    background-size: cover;
}

.glyphicon-hasDimensions-true {
    background: url('img/dimensions.png') 100% 100% no-repeat;
    background-size: cover;
}

.glyphicon-hasDimensions-false {
    background-size: cover;
}

.alarmCritical {
    background-color: #f2dede;
}
.importRowIgnored {
    background-color: #dddddd;
    color: #aeaeae;
}

.no-padding {
    padding: 0 !important;
}

.td-incell {
    padding: 0.4em 0 0.4em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    vertical-align: middle;
}

.td-incell > span {
    padding: 0 0.6em 0 0.6em;
}

/** Modified Responsive CSS **/
@media (max-width: 767px) {
    .btn-navbar {
        display: block;
    }

    .navbar .nav-collapse {
        clear: left;
    }

    .nav-collapse {
        height: 0;
        overflow: hidden;
    }

    .navbar .nav {
        float: none;
        margin: 0 0 9px;
    }

    .navbar .brand {
        margin: 0 0 0 -5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar .dropdown-menu:before,
    .navbar .dropdown-menu:after {
        display: none;
    }

    .navbar .nav > li > a,
    .navbar .dropdown-menu a {
        border-radius: 3px 3px 3px 3px;
        color: #999999;
        font-weight: bold;
        padding: 6px 15px;
    }

    .navbar .nav > li {
        float: none;
    }

    .navbar .dropdown-menu {
        background-color: transparent;
        border: medium none;
        border-radius: 0 0 0 0;
        box-shadow: none;
        display: block;
        float: none;
        left: auto;
        margin: 0 15px;
        max-width: none;
        padding: 0;
        position: static;
        top: auto;
    }

    .navbar-form,
    .navbar-search {
        border-bottom: 1px solid #222222;
        border-top: 1px solid #222222;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
        float: none;
        margin: 9px 0;
        padding: 9px 15px;
    }

    .navbar .nav.pull-right {
        float: none;
        margin-left: 0;
    }

    .nav.leftpart > li > a {
        display: inline-block;
        min-width: 188px;
    }

    a.username + ul.dropdown-menu {
        display: none;
        position: absolute;
        background-color: white;
    }

    .open > a.username + ul.dropdown-menu {
        position: absolute;
        display: block;
        background-color: white;
    }

    .in.navbar-collapse {
        overflow: visible;
    }

    .navbar-custom a.username + ul.dropdown-menu > li > a {
        background-color: white;
        color: black;
        font-weight: normal;
    }
}

.action-row {
    padding-bottom: 10px;
}

.dragTable {
    background-color: white;
    cursor: pointer;
}

.updateConnectedOrders input[type='checkbox'] {
    margin-left: 5px;
    top: 2px;
    position: relative;
}

/* bootstrap rewrite */

.radio-inline input[type='radio'] {
    float: none;
}

.radio {
    padding-left: 0;
}

.btn-xs-input {
    padding-top: 2px;
    padding-bottom: 2px;
}

.btn-xs-text {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.42857143;
}

.app-btn-xs {
    height: 24px;
}

.app-btn-xs span {
    vertical-align: middle;
}

.app-btn-xs span.glyphicon {
    margin-top: -2px;
}

.app-btn-xs {
    border-radius: 0;
    padding: 2px 5px;
}

span.iconleft {
    margin-right: 5px;
}
.selectAll {
    border-bottom: 1px solid gray;
}

.selectAll:after {
    content: '\a0';
}

.app-form-label:after {
    content: ':';
}

.bootstrap-select:not([class*='span']):not([class*='col-']):not([class*='form-control']) {
    width: 100% !important;
}

.input-block-level {
    height: 18px;
    padding: 0px;
}

.btn-primary {
    background-color: #ffc841;
    border-color: #000000;
    color: #000000;
    box-sizing: border-box;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #ffc841;
    border-color: #000000;
    color: #000000;
    box-shadow: none;
}

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

.btn-primary:hover {
    background-color: #bbbbbb;
    border-color: #000000;
    color: #000000;
}
.btn-gray {
    border: 1px solid #cccccc;
    background-color: #dddddd;
    color: #000000;
    color: black;
    box-sizing: border-box;
}
.btn-gray:hover,
.btn-gray:focus {
    border: 1px solid #999999;
    background-color: #bbbbbb;
    color: #000000;
    text-decoration: none;
}
/* kendo rewrite */

.navCreate.forwardActionLink.orderFinalLink[disabled] {
    opacity: 0.65;
}

.k-ff {
    overflow: inherit !important;
}

.k-dropzone .k-i-tick {
    display: none;
}

.k-i-center {
    background-image: url('img/CenterInFormHorizontally_8502_exp.png');
    background-position: center center;
    background-repeat: no-repeat;
}

html .k-upload-empty {
    border-width: 1px;
}

.k-upload-files {
    display: none;
}

.k-dropzone {
    justify-content: normal;
}

.k-grid tbody .k-button,
.k-ie8 .k-grid tbody button.k-button {
    min-width: 23px;
}

.k-button-icontext .k-icon,
.k-button-icontext .k-image {
    margin: 0 0 0 0;
}

.k-filtercell .k-button {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: 0;
    height: 24px;
    overflow: hidden;
}

.k-grid tbody td > .k-grid-delete {
    margin-top: 0;
    margin-bottom: 0;
}

.k-grid-content tr td {
    overflow: hidden;
    white-space: nowrap;
}

.k-edit-field {
    vertical-align: middle;
}

.k-edit-form-container {
    width: 100%;
}

.k-input[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 0.65;
}

.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
    width: auto;
    min-width: 2em;
}

.k-refresh {
    background-position: -32px -112px;
}

.k-clear-filter {
    background-position: -32px -96px;
}

.k-expand,
.k-plus {
    background-position: 0 -192px;
}

.k-collapse,
.k-minus {
    background-position: 0 -226px;
}

.k-multiselect > div {
    padding-right: 0.16em;
}

.k-multiselect li.k-button {
    margin-bottom: 0.08em;
    margin-right: 0;
}

.k-multiselect-wrap {
    min-height: 1.98em;
}

.k-edit-label {
    padding: 0;
}

.k-edit-field {
    padding-bottom: 2px;
}

.k-button.k-button-icontext {
    height: 26px;
}

.k-button span:not(.k-icon):not(.fa):not(.fas):not(:empty) {
    margin-left: 4px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-combobox-wrap .k-input,
.k-datepicker .k-input,
.k-timepicker .k-input,
.k-selectbox .k-input {
    height: 18px;
}

.k-numeric-wrap .k-input,
.k-filtercell .k-picker-wrap,
.k-dropdown-wrap .k-input {
    height: 22px;
}

.k-webkit .k-combobox .k-dropdown-wrap:before,
.k-webkit .k-numeric-wrap:before,
.k-webkit .k-picker-wrap:before,
.k-combobox .k-dropdown-wrap:before,
.k-numeric-wrap:before,
.k-picker-wrap:before {
    padding-bottom: 0;
    height: 18px;
}

input.k-textbox {
    height: 24px;
}

.k-i-calendar,
.k-i-clock {
    margin-top: -2px;
}

.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
    margin: -0.5em -0.8em -0.4em !important;
    padding: 0.5em 0 0.4em !important;
}

.k-grid-header .k-with-icon > .k-link {
    margin-right: 0 !important;
    padding: 0.5em 0.2em 0.4em !important;
    text-overflow: clip;
}

.k-upload-status-total {
    margin-left: 0.2em;
    margin-top: 2px;
    margin-right: 2em;
}

.k-widget.k-tooltip {
    border-color: #fbeed5;
    background-color: #fbeed5;
    color: #333;
}
.k-callout-w {
    border-right-color: #fbeed5;
}
#previousCustomer-list.k-list-container {
    white-space: nowrap !important;
    width: auto !important;
    /*  overflow-x: hidden !important;*/
    min-width: 243px !important;
    max-width: 1000px;
}
#previousCustomer-list .k-list {
    /*   overflow-x: hidden !important;
    overflow-y: auto !important;
        */
    width: auto !important;
}

/* Validation tooltip styles */

[data-ref='orderEditForm'] [role='alert'] .k-tooltip-button,
.app-popup-edit-form [role='alert'] .k-tooltip-button {
    height: auto;
    float: right;
    margin-left: 5px;
}

[data-ref='orderEditForm'] [role='alert'] .k-tooltip-content,
.app-popup-edit-form [role='alert'] .k-tooltip-content {
    padding-right: 18px;
}

/* Validation tooltip callout styles */

[data-ref='orderEditForm'] [role='alert']:after,
[data-ref='orderEditForm'] [role='alert']:before,
.app-popup-edit-form [role='alert']:after,
.app-popup-edit-form [role='alert']:before {
    bottom: 100%;
    left: 25px;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

[data-ref='orderEditForm'] [role='alert']:after,
.app-popup-edit-form [role='alert']:after {
    border-color: rgba(252, 248, 227, 0);
    border-bottom-color: #fcf8e3;
    border-width: 6px;
    margin-left: -6px;
}

[data-ref='orderEditForm'] [role='alert']:before,
.app-popup-edit-form [role='alert']:before {
    border-color: rgba(251, 238, 213, 0);
    border-bottom-color: #fbeed5;
    border-width: 7px;
    margin-left: -7px;
}

/*********/

[data-ref='orderEditForm'] [role='alert'] .k-callout-n {
    top: -12px;
    left: 20px;
    border-bottom-color: #fcf8e3;
}

[data-ref='orderEditForm'] [role='alert'] .k-icon,
.app-popup-edit-form [role='alert'] .k-icon {
    vertical-align: text-bottom;
}

.app-ordersHistoryFilters {
    margin-bottom: 10px;
    margin-top: 10px;
}

.ordersPanel .navbar {
    margin-bottom: 5px;
    min-height: 20px;
}

.ordersPanel {
    min-height: 30px;
    margin-bottom: 5px;
}

.orderHeaderSection {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.orderHeaderSection .form-group,
.wizardContent .form-group,
.app-popup-edit-form .form-group {
    display: table-row;
}

.orderHeaderSection .incut {
    display: table;
    width: 100%;
    padding-left: 5px;
    padding-right: 15px;
}

.orderHeaderSection .form-group .form-control-wrapper:first-child > label::after,
.app-popup-edit-form .form-group .form-control-wrapper:first-child > label::after,
label.app-form-control::after {
    content: ':';
}

.orderHeaderSection .incut .form-group {
    display: table-row;
}

.orderHeaderSection .incut .form-group .form-control-wrapper:last-child {
    padding: 0;
}

.orderHeaderSection .incut .form-group .form-control-wrapper:last-child > input {
    width: 100%;
}

.orderHeaderSection .form-group .form-control-wrapper.group-a {
    width: 200px;
}

.orderHeaderSection .form-group .form-control-wrapper,
.wizardContent .form-group .form-control-wrapper,
.app-popup-edit-form .form-group .form-control-wrapper {
    display: table-cell;
    padding-bottom: 2px;
    vertical-align: middle;
}

.form-control-wrapper-fixed {
    width: 98px;
}

.orderHeaderSection .form-group label,
.wizardContent .form-group label,
.app-popup-edit-form .form-group label {
    display: inline;
}

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

.orderHeaderSection .form-group .form-control.k-dropdown {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1px;
    padding-bottom: 2px;
}

.k-filtercell .form-group .k-button {
    position: relative !important;
}

.orderHeaderSection .form-group div.form-control,
div.form-control,
.orderHeaderSection .form-group input.form-control,
.orderHeaderSection .form-group button.form-control,
.orderHeaderSection .form-group span.form-control,
.orderHeaderSection .form-group select.form-control {
    width: auto;
    padding: 2px 2px;
    font-size: 12px;
    height: 24px;
    margin-bottom: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.input-fake {
    overflow: hidden;
    text-overflow: ellipsis;
}

div.input-fake.form-control {
    padding-left: 3px;
    padding-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fake-table {
    table-layout: fixed;
    width: 100%;
}

.input-fake-table td {
    margin: 0;
    padding: 0;
    border-width: 0 !important;
}

.input-fake-table tr:hover {
    background-color: initial !important;
}

.wizardContent .form-group input.form-control,
.wizardContent .form-group select.form-control,
.wizardContent .form-group span.form-control,
.wizardContent .form-group button.form-control,
.app-popup-edit-form .form-group input.form-control,
.app-popup-edit-form .form-group select.form-control,
.app-popup-edit-form .form-group span.form-control,
input.app-form-control,
select.app-form-control,
span.app-form-control,
.app-form-control > .k-numeric-wrap,
.orderHeaderDatetimePicker input.form-control {
    display: inline;
    width: auto;
    padding: 2px 2px;
    font-size: 12px;
    height: 24px;
    margin-bottom: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.app-form-control > .k-numeric-wrap,
.k-numerictextbox.app-form-control {
    display: inline-block;
}

span.form-control-alpha {
    margin-bottom: 2px;
}

.orderHeaderSection .form-group div.form-control,
div.form-control {
    margin-bottom: 0;
}

.orderHeaderSection .form-group .input-group-addon,
.wizardContent .form-group .input-group-addon,
.app-popup-edit-form .form-group .input-group-addon {
    font-size: 12px;
    padding: 2px 2px;
    height: 24px;
    cursor: default;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: baseline;
}

.input-group-next {
    border-left: 0;
}

.orderHeaderSection .form-group textarea.form-control,
.wizardContent .form-group textarea.form-control,
.app-popup-edit-form .form-group textarea.form-control {
    font-size: 12px;
    padding: 2px 2px;
    resize: none;
}

.form-group .orderHeaderDatetimePicker {
    display: inline-block;
}

.form-group .orderHeaderDatetimePicker input.form-control {
    margin: 0;
}

.form-group .orderHeaderDatetimePicker .date,
.form-group .orderHeaderDatetimePicker .time {
    width: auto;
}

.orderHeaderSection .form-group span.form-control,
.wizardContent .form-group span.form-control {
    border: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.orderHeaderSection .form-group input.form-control::-ms-clear,
.wizardContent .form-group input.form-control::-ms-clear,
.app-popup-edit-form .form-group input.form-control::-ms-clear {
    display: none;
}

.app-popup-edit-form .form-group .form-control-wrapper .k-textbox,
.app-popup-edit-form .form-group .form-control-wrapper .k-dropdown,
.app-popup-edit-form .form-group .form-control-wrapper .k-combobox {
    display: inline-block;
}

.app-popup-edit-form .form-group.has-error .k-picker-wrap,
.app-popup-edit-form .form-group.has-error .k-dropdown-wrap,
.app-popup-edit-form .form-group.has-error .k-combobox-wrap {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.app-popup-edit-form .form-group.has-error .k-picker-wrap .k-input,
.app-popup-edit-form .form-group.has-error .k-dropdown-wrap .k-input,
.app-popup-edit-form .form-group.has-error .k-combobox-wrap .k-input {
    color: #a94442;
    /*background-color: #f2dede;*/
}

span.requiredMarker {
    display: inline-block;
    margin-left: 4px;
    font-weight: bold;
    color: red;
}

.orderHeaderSection .form-group a#linkOrderInList {
    display: inline-block;
    padding-top: 3px;
    height: 24px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    padding-left: 20px;
    background-position: left center;
    background-image: url('img/arrow_back_16xLG.png');
    background-repeat: no-repeat;
}

.orderHeaderSection .input-group.fieldSelector,
.wizardContent .input-group.fieldSelector,
[data-ref='warehouseItemEditStyle'] .input-group.fieldSelector {
    margin-top: 0px;
    margin-bottom: 2px;
}

.orderHeaderSection .form-group .fieldSelector input.form-control,
.orderHeaderSection .form-group .fieldSelector button.form-control,
.wizardContent
    .form-group
    .fieldSelector
    input.form-control
    [data-ref='warehouseItemEditStyle']
    .form-group
    .fieldSelector
    input.form-control,
[data-ref='warehouseItemEditStyle'] .form-group .fieldSelector button.form-control {
    margin-bottom: 0;
}

.orderHeaderSection .fieldSelector .input-group-addon .glyphicon,
.wizardContent .fieldSelector .input-group-addon .glyphicon {
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.orderHeaderSection.commonPrint .form-group input.sonetNumber,
.orderHeaderSection.commonPrint .form-group input#offerNumber,
.orderHeaderSection.commonCAD .form-group input#sonetProjectNumber {
    width: 80px;
}

.orderHeaderSection.commonPrint .form-group input#sonetProjectNumber,
.orderHeaderSection.commonPrint .form-group input#sonetProjectName {
    width: 66px;
}

.orderHeaderSection.commonPrint .form-group select#orderStatus,
.orderHeaderSection.commonPrint .form-group select#regLocation {
    width: 222px;
}

.orderHeaderSection.commonPrint .form-group select#productionCostCenter {
    width: 222px;
}

.orderHeaderSection.commonPrint .form-group div.sonetNumber {
    width: 168px;
    min-height: 24px;
    height: auto;
}

.order-header-input {
    width: 222px;
    margin-bottom: 2px;
}

.orderHeaderSection.commonPrint .form-group select#workQueue,
.orderHeaderSection.commonPrint .form-group select#jobType {
    width: 222px;
}

.orderContact .k-widget.k-dropdown {
    width: 194px;
}


/* Styling for GÄMMI Tickets and Subcontracts buttons in orderActions section */
.orderHeaderSection.orderActions .form-group a.orderActionLink.btnJiraTicket {
    width: calc(100% - 35px);
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.orderHeaderSection.orderActions .form-group button.btn {
    width: 30px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0;
    padding: 0;
    line-height: 24px;
}

.orderHeaderSection.orderActions .form-group:has(#btnSubcontracts) {
    margin-top: 5px;
}

/* Styling for GÄMMI Tickets and Subcontracts buttons in CAD orderTiming section */
.orderHeaderSection.orderTiming.cadTiming .form-group a.orderActionLink.btnJiraTicket {
    width: calc(100% - 35px);
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.orderHeaderSection.orderTiming.cadTiming .form-group button.btn {
    width: 30px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0;
    padding: 0;
    line-height: 24px;
}

.orderHeaderSection.orderTiming.cadTiming .form-group:has(#btnSubcontracts) {
    margin-top: 5px;
}

.orderHeaderSection.commonPrint .form-group span[aria-owns='contactPerson1_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='contactPerson2_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='salesman_listbox'] > span,
.orderHeaderSection.orderDescription .form-group span[aria-owns='salesman_listbox'] > span {
    width: 169px;
}

.orderHeaderSection.commonPrint .form-group span[aria-owns='environmentCertificate_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='newCertificate_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='regLocation_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='productionCostCenter_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='location_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='workQueue_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='orderStatus_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='gdpr_listbox'],
.orderHeaderSection.orderDescription .form-group span[aria-owns='orderStatus_listbox'] {
    width: 222px;
}

.orderHeaderSection.commonPrint .form-group span[aria-owns='environmentCertificate_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='newCertificate_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='regLocation_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='productionCostCenter_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='location_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='workQueue_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='orderStatus_listbox'] > span,
.orderHeaderSection.commonPrint .form-group span[aria-owns='gdpr_listbox'] > span,
.orderHeaderSection.orderDescription .form-group span[aria-owns='orderStatus_listbox'] > span {
    width: 197px;
}

.orderHeaderSection.orderSource .form-group {
    display: block;
    margin-bottom: 10px;
}

.orderHeaderSection.orderSource .form-control-wrapper {
    margin-bottom: 2px;
}

.orderHeaderSection.orderSource .form-group .externalSystem {
    min-width: 152px;
    max-width: 234px;
}

.orderHeaderSection.orderSource .form-group .externalSystem > span {
    min-width: 127px;
    max-width: 209px;
}

.orderHeaderSection.cadTiming .form-group span[aria-owns='location_listbox'],
.orderHeaderSection.orderDescription .form-group span[aria-owns='location_listbox'],
.orderHeaderSection.orderDescription .form-group span[aria-owns='workQueue_listbox'],
.orderHeaderSection.cadTiming .form-group span[aria-owns='regLocation_listbox'],
.orderHeaderSection.commonPrint .form-group span[aria-owns='productionCostCenter_listbox'],
.orderHeaderSection.cadTiming .form-group span[aria-owns='gdpr_listbox'] {
    width: 212px;
}

.orderHeaderSection.cadTiming .form-group span[aria-owns='location_listbox'] > span,
.orderHeaderSection.cadTiming .form-group span[aria-owns='productionCostCenter_listbox'] > span,
.orderHeaderSection.orderDescription .form-group span[aria-owns='location_listbox'] > span,
.orderHeaderSection.cadTiming .form-group span[aria-owns='regLocation_listbox'] > span {
    width: 187px;
}

.orderHeaderSection.orderDescription .form-group select#workQueue,
.orderHeaderSection.commonPrint .form-group select#copyFromPreviousOrder,
.orderHeaderSection.commonCAD .form-group select#copyFromPreviousOrder {
    width: 150px;
}

.orderHeaderSection.commonCAD .form-group input {
    width: 200px;
}

.orderHeaderSection.orderTiming .form-group select#orderStatus,
.orderHeaderSection.orderTiming .form-group select#productionCostCenter,
.orderHeaderSection.orderTiming .form-group select#regLocation {
    width: 150px;
}

.orderHeaderSection.cadTiming .form-group select#location {
    width: 212px;
}

.orderHeaderSection.orderTiming .form-group #invoiceAppendix {
    margin-top: 5px;
}
.orderHeaderSection.orderTiming label[for='invoiceAppendix'] {
    font-weight: normal;
}

.orderHeaderText {
    padding-top: 4px;
    padding-bottom: 7px !important;
}

.datepicker {
    width: 100px;
}

.orderHeaderSection.orderTiming .form-group #studioFinishedDate-date > input,
.orderHeaderSection.orderTiming .form-group #desiredDeliveryDate-date > input {
    width: 80px;
}

.orderHeaderSection.orderTiming .form-group #studioFinishedDate-time > input,
.orderHeaderSection.orderTiming .form-group #desiredDeliveryDate-time > input,
.orderHeaderDatetimePicker #deliveryDate-time > input,
.orderHeaderDatetimePicker input.form-control.time,
input.form-control.time {
    width: 50px !important;
}

[data-ref='orderEditCtrlPrintWorkMaterials'] .form-group #proofSheetDate-date > input,
.orderHeaderDatetimePicker #deliveryDate-date > input,
.orderHeaderDatetimePicker input.form-control.date {
    width: 80px !important;
}

[data-ref='orderEditCtrlPrintWorkMaterials'] .form-group #proofSheetDate-time > input {
    width: 60px;
}

.orderHeaderSection label[for='copyFromPreviousOrder'] {
    display: inline-block;
    max-width: 150px;
}

.editCtrl-Datetime {
    display: inline-block;
}

.orderHeaderSection .form-group span.timeLabel,
.wizardContent .form-group span.timeLabel,
.app-edit-row .form-group span.timeLabel {
    display: inline-block;
    margin-left: 5px;
    margin-right: 2px;
    margin-bottom: 0;
    vertical-align: top;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div[data-ref='OrderHeaderForm'] > div {
    background-color: #f5f5f5;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

div[data-ref='OrderHeaderForm'] > div[data-ref='WarehouseTransactionEdit'] {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.orderActionLink,
.orderActionLinkDisable,
.wizardNav a.forwardActionLink {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    color: black;
    cursor: pointer;
    padding-left: 22px;
    padding-right: 10px;
    border: 1px solid #cccccc;
    background-color: #dddddd;
    width: 100%;
}

.orderActionLinksPair {
    width: 100%;
    margin-left: 5px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.orderActionLinksPair > .orderActionLink {
    margin-left: 0;
    margin-right: 0;
}

.orderActionLinksPair > .orderActionLink:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}

.orderActionLinksPair > .orderActionLink:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
}

.orderActionLink.disabled,
.orderActionLinkDisable,
.orderActionLink[disabled] {
    color: gray !important;
}

.orderActionLinkNoImage {
    padding-left: 10px;
}

.nav > li > a.orderCreateButton {
    color: #000000;
    background-color: #eeeeee;
    border-radius: 4px;
    height: 30px;
    padding: 6px 15px;
    margin-right: 5px;
    margin-top: 3px;
    font-size: 13px;
    padding: 6px 15px;
}

.nav > li > a.orderCreateButton:hover,
.nav > li > a.orderCreateButton:focus {
    text-decoration: none;
    background-color: #cccccc;
    color: #000000;
    cursor: pointer;
}

.orderActionLinkNoText {
    padding-left: 10px;
}

.wizardNav a.forwardActionLink {
    padding-left: 10px;
    padding-right: 22px;
}

.wizardNav a.orderActionLink,
.wizardNav a.forwardActionLink {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #b5b5b5;
}

.wizardContent .form-links {
    margin-top: 5px;
    margin-bottom: 10px;
}

.orderHeaderSection .form-control-wrapper a.orderActionLink,
.wizardContent .form-control-wrapper a.orderActionLink,
[data-ref='orderEditCtrlDeliveryEdit'] .form-control-wrapper a.orderActionLink {
    width: auto;
}

.orderHeaderSection .form-control-wrapper a.orderActionLink,
.wizardContent .form-control-wrapper a.orderActionLink,
[data-ref='orderEditCtrlDeliveryEdit'] .form-control-wrapper a.orderActionLink {
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
}

.wizardNav a.orderActionLink span.glyphicon {
    margin-right: 2px;
}

.wizardNav a.forwardActionLink span.glyphicon {
    margin-left: 2px;
}

a.orderActionLink:hover {
    border: 1px solid #999999;
    background-color: #bbbbbb;
    color: #000000;
    text-decoration: none;
}

.wizardNav a.orderFinalLink,
a.orderFinalLink {
    background-color: #ffc841;
    border-color: #000000;
    color: #000000;
}

.wizardNav a.orderFinalLink:hover {
    color: #000000;
    background-color: #bbbbbb;
}

.orderHeaderSection .form-group a#linkPrintOrder {
    background-position: 2px center;
    background-image: url('img/printer_16xLG.png');
    background-repeat: no-repeat;
}

.orderHeaderSection .form-group a#linkChangeHistory {
    background-position: 2px center;
    background-image: url('img/book_Open_16xLG.png');
    background-repeat: no-repeat;
}

.orderHeaderSection a.orderActionLink.searchAction,
.wizardContent a.orderActionLink.searchAction,
a.orderActionLink.searchAction {
    background-position: 2px center;
    background-image: url('img/FindResults1_6264.png');
    background-repeat: no-repeat;
}

.orderHeaderSection a.orderActionLink.copyAction,
.wizardContent a.orderActionLink.copyAction,
a.orderActionLink.copyAction {
    background-position: 2px center;
    background-image: url('img/Copy_6524.png');
    background-repeat: no-repeat;
}

a.orderActionLink.sendAction {
    background-position: 2px center;
    background-image: url('img/envelope_16xLG.png');
    background-repeat: no-repeat;
}

a.orderActionLink.saveAction {
    background-position: 2px center;
    background-image: url('img/save_16xLG.png');
    background-repeat: no-repeat;
}
a.orderActionLink.clearFilterAction {
    background-position: 2px center;
    background-image: url('img/icons8-clear-filters-16.png');
    background-repeat: no-repeat;
}
a.orderActionLink.deleteAction {
    background-position: 2px center;
    background-image: url('img/delete16x16.png');
    background-repeat: no-repeat;
}

a.orderActionLink.clearFieldsAction {
    background-position: 2px center;
    background-image: url('img/white-eraser.png');
    background-repeat: no-repeat;
}
.wizardContent .clearFieldsAction {
    float: right;
}

.orderCreateAction {
    background-position: 2px center;
    background-image: url('img/template_Document_16xLG.png');
    background-repeat: no-repeat;
    width: auto;
}

a.navCreateHold {
    margin-right: 25px !important;
}

fieldset.boxArea {
    padding: 15px;
}
.box-border {
    border: 1px solid blue;
}
.ImportPopup {
    max-width: 850px;
    margin-left: 20px;
}
.ImportPopup .k-button.k-upload-selected {
    background-color: #ffc841;
    margin-bottom: 5px;
    margin-left: 10px;
}

.ImportPopup .k-button.k-clear-selected {
    margin-left: 10px;
}

.BaseImport {
    max-width: 1130px;
}
/* 
    bootstrap-datetimepicker style
*/

.datetimepicker.dropdown-menu .datetimepicker-days table.table-condensed {
    margin-left: auto;
    margin-right: auto;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 3px;
    font-size: 12px;
    text-align: center;
}

.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td {
    cursor: default;
}

.table-condensed th.today,
.table-condensed th.prev,
.table-condensed th.next {
    cursor: default;
}

.datetimepicker.dropdown-menu .datetimepicker-hours table.table-condensed fieldset.hour legend {
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
}

.datetimepicker .datetimepicker-hours span {
    height: 20px;
    line-height: 20px;
}

.datetimepicker .datetimepicker-months span {
    height: 34px;
    line-height: 34px;
}

.datetimepicker table tr td span {
    margin: 1px;
    width: 23%;
}

/* 
    Order edit wizard form styles
*/

div[data-ref='OrderWizardForm'] > div {
}

div[data-ref='OrderWizardForm'] > div:not(:first-child) {
    padding-top: 10px;
}

.wizardContent {
    min-height: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.wizardNav {
    width: 100%;
}

.wizardNav .leftNav {
    text-align: left;
}

.wizardNav .rightNav {
    text-align: right;
}

.wizardNav .pageNav {
    text-align: center;
    display: inline-block;
}

@media (max-width: 1560px) {
    .wizardNav {
        width: auto;
    }
}

.wizardNav .pageNav > * {
    display: inline-block;
    white-space: nowrap;
}

.wizardNav .pageNav a {
    cursor: pointer;
    padding: 2px;
    margin-left: 5px;
    margin-left: 5px;
}

.wizardNav .pageNav a.orderActionLink {
    padding: 0 10px;
    color: #000000;
    background-color: #eeeeee;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
}

/* arrow like wizard page navigation links */

.wizardNav .pageNav [data-role='wizardPageLink'] {
    position: relative;
}

.wizardNav .pageNav [data-role='wizardPageLink'] a.orderActionLink {
    position: relative;
    margin-left: 10px;
    padding-right: 20px;
}

.wizardNav .pageNav [data-role='wizardPageLink']:not(:first-child) a.orderActionLink {
    padding-left: 40px;
}

.wizardNav .pageNav [data-role='wizardPageLink']:first-child a.orderActionLink {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.wizardNav .pageNav [data-role='wizardPageLink']:last-child a.orderActionLink {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.wizardNav a.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.wizardNav .pageNav [data-role='wizardPageLink'] a.selected {
    background-color: #ffc841;
}

.wizardNav .pageNav [data-role='wizardPageLink'] a.disabled {
    color: #92b4d3;
    background-color: #e3e3e3;
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=1);
    opacity: 1;
}

.wizardNav .pageNav [data-role='wizardPageLink']:not(:last-child) a.orderActionLink::after,
.wizardNav .pageNav [data-role='wizardPageLink']:not(:last-child) a.orderActionLink::before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
}

.wizardNav .pageNav [data-role='wizardPageLink']:not(:last-child) a.orderActionLink::after {
    border-color: rgba(238, 238, 238, 0);
    border-left-color: #eeeeee;
    border-width: 14px;
    margin-top: -14px;
}

.wizardNav .pageNav [data-role='wizardPageLink']:not(:last-child) a.orderActionLink::before {
    border-color: rgba(181, 181, 181, 0);
    border-left-color: #b5b5b5;
    border-width: 15px;
    margin-top: -15px;
}

.wizardNav .pageNav [data-role='wizardPageLink']:not(:last-child) a.orderActionLink.disabled::after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #e3e3e3;
    border-width: 14px;
    margin-top: -14px;
}

.wizardNav .pageNav [data-role='wizardPageLink']:not(:last-child) a.orderActionLink.selected::after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #ffc841;
    border-width: 14px;
    margin-top: -14px;
}

.wizardNav .pageNav [data-role='wizardPageLink']:not(:last-child) a.orderActionLink:hover::before {
    border-color: rgba(153, 153, 153, 0);
    border-left-color: #999999;
    border-width: 15px;
    margin-top: -15px;
}

/*#region Main order list and order edit wizard content styles */

#ordersFilterContainer fieldset,
.wizardContent fieldset,
.app-popup-edit-form fieldset {
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#ordersFilterContainer fieldset {
    padding-bottom: 0;
}

#ordersFilterContainer legend,
.wizardContent legend,
.app-popup-edit-form legend {
    width: auto;
    border: 0;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

#ordersFilterContainer legend {
    font-weight: bold;
    text-align: center;
    color: gray;
}

#ordersFilterContainer .k-datepicker {
    width: 100%;
}

#ordersFilterContainer .dropdown-toggle[disabled] {
    background-color: #eee;
}

    #ordersFilterContainer .dropdown-toggle[disabled] .filter-option,
    #ordersFilterContainer .k-input[disabled] {
        text-decoration: line-through;
    }

/*#endregion*/

/*#regin Order edit wizard pages' styles */

.wizardContent [data-ref='OrderWizardPagePrintOrdererPayer'] > div > [data-ref],
.wizardContent [data-ref='OrderWizardPageCADOrdererPayer'] > div > [data-ref],
.wizardContent [data-ref='OrderWizardPagePrintDistributions'] > div > [data-ref],
.wizardContent [data-ref='OrderWizardPageCADDistributions'] > div > [data-ref] {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.wizardContent [data-ref='OrderWizardPagePrintWorkAndProducts'] table.layout tr > td {
    vertical-align: top;
    padding: 10px;
}

.wizardContent [data-ref='OrderWizardPagePrintDistributions'] .PrintDistributionsRow {
    display: table-row;
}

.wizardContent [data-ref='OrderWizardPagePrintDistributions'] .PrintDistributionsRow .PrintDistributionsEdit,
.wizardContent [data-ref='OrderWizardPagePrintDistributions'] .PrintDistributionsRow .PrintDistributionsList {
    display: table-cell;
    vertical-align: top;
}

.wizardContent [data-ref='OrderWizardPagePrintDistributions'] .PrintDistributionsRow .PrintDistributionsList {
    width: 100%;
}

.wizardContent [data-ref='OrderWizardPageCADDistributions'] .PrintDistributionsRow {
    display: table-row;
}

.wizardContent [data-ref='OrderWizardPageCADDistributions'] .CADDistributionsRow .CADDistributionsEdit,
.wizardContent [data-ref='OrderWizardPageCADDistributions'] .CADDistributionsRow .CADDistributionsList {
    display: table-cell;
    vertical-align: top;
}

.wizardContent [data-ref='OrderWizardPageCADDistributions'] .CADDistributionsRow .CADDistributionsList {
    width: 100%;
}

/*#endregion*/

/*#region Order edit page controls' styles */

[data-ref='OrderEditCtrlOrderer'] .form-group input.form-control,
[data-ref='OrderEditCtrlPayer'] div.leftSide .form-group input.form-control,
[data-ref='OrderEditCtrlInternalNotes'] div.leftSide .form-group input.form-control,
[data-ref='OrderEditCtrlOrderer'] .form-group .k-autocomplete,
[data-ref='OrderEditCtrlOrderer'] .form-group .k-dropdown,
[data-ref='OrderEditCtrlPayer'] .form-group .k-autocomplete,
[data-ref='OrderEditCtrlPayer'] .form-group .k-dropdown,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group input.form-control,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group textarea.form-control,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group a.form-control,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group .k-autocomplete,
[data-ref='vendorBusinessInfoEdit'] .form-group input.form-control,
[data-ref='vendorBusinessInfoEdit'] .form-group .k-dropdown,
[data-ref='vendorBusinessInfoEdit'] .form-group .k-autocomplete,
[data-ref='warehouseItemEditStyle'] .form-group input.form-control,
[data-ref='warehouseItemEditStyle'] .k-dropdown,
[data-ref='warehouseItemEditStyle'] form-group a.form-control,
[data-ref='warehouseItemEditStyle'] .form-group .k-autocomplete {
    width: 240px;
}

[data-ref='OrderEditCtrlOrderer'] .form-group input#email,
[data-ref='OrderEditCtrlOrderer'] .form-group input#emailCAD {
    width: 213px;
}

[data-ref='OrderEditCtrlPayer'] .form-group input#projectSonetName {
    width: 213px;
}

[data-ref='warehouseItemEditStyle'] .form-group input.form-control,
[data-ref='warehouseItemEditStyle'] .k-dropdown,
[data-ref='warehouseItemEditStyle'] .k-autocomplete,
[data-ref='warehouseItemEditStyle'] .k-numerictextbox {
    max-width: 200px;
}

[data-ref='warehouseItemEditStyle'] .form-group .k-multiselect,
[data-ref='warehouseItemEditStyle'] .form-group textarea.form-control {
    max-width: 465px;
}

[data-ref='allocationToolForm'] .k-dropdown {
    width: 27em;
}

[data-ref='allocationToolForm'] .form-group label {
    display: block;
}

[data-ref='OrderEditCtrlOrderer'] .form-group .k-autocomplete,
[data-ref='OrderEditCtrlPayer'] .form-group .k-autocomplete,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group textarea.form-control,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group .k-numerictextbox,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group .k-multiselect,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group .k-autocomplete,
[data-ref='vendorBusinessInfoEdit'] .form-group input.form-control,
[data-ref='vendorBusinessInfoEdit'] .form-group .k-numerictextbox,
[data-ref='vendorBusinessInfoEdit'] .form-group .k-autocomplete,
[data-ref='witabscontent'] .form-group textarea.form-control,
[data-ref='witabscontent'] .form-group .k-numerictextbox,
[data-ref='witabscontent'] .form-group .k-multiselect,
[data-ref='witabscontent'] .form-group .k-dropdown,
[data-ref='warehouseItemEditStyle'] .form-group input.form-control,
[data-ref='warehouseItemEditStyle'] .form-group .k-numerictextbox,
[data-ref='warehouseItemEditStyle'] .form-group .k-multiselect,
[data-ref='warehouseItemEditStyle'] .form-group .k-autocomplete {
    margin-bottom: 2px;
}

[data-ref='allocationToolForm'] .form-group .k-dropdown {
    margin-bottom: 10px;
}

[data-ref='OrderEditCtrlOrderer'] .form-group .k-autocomplete .k-icon.k-loading,
[data-ref='OrderEditCtrlPayer'] .form-group .k-autocomplete .k-icon.k-loading,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group .k-autocomplete .k-icon.k-loading {
    display: none !important;
}

#ordererConfirmation {
    background-position: 2px center;
    background-image: url('img/envelope_16xLG.png');
    background-repeat: no-repeat;
}

/*#endregion*/

/*#region CrmMasterId component */

.crmMasterId a {
    width: 101px;
    padding: 0 2px;
    margin: 0;
    vertical-align: bottom;
}
.crmMasterId.payer a {
    width: 88px;
}

.crmMasterId .form-control:first-child {
    margin-right: 2px;
}

.crmMasterId button.clicked {
    background-color: #ffc841 !important;
}

/*#endregion*/

.copyToClipboardLink,
.copyToClipboardLink:focus,
.copyToClipboardLink:hover {
    color: black;
    text-decoration: none;
}

/*#region OrderName component */

div[data-ref='OrderHeaderForm'] .cad .order-header-titlebar input[name='orderName'] {
    width: 400px !important;
}

div[data-ref='OrderHeaderForm'] .cad .order-header-titlebar [name='orderName'] {
    min-width: 726px;
}

.orderHeaderSection .form-group input[name='orderName'] {
    font-weight: bold;
}

.orderHeaderSection.commonPrint .form-group input[name='orderName'] {
    width: 222px;
}

/*#endregion*/

/*#region OrderNumber component */

[data-ref='orderNumber'] .order-bundle-names {
    display: block !important;
    width: 222px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}

/*#endregion*/

/*#region ProductQuantity component */

[data-ref='productQuantity'] .k-numerictextbox,
[data-ref='productQuantity'] .k-dropdown {
    width: 5em;
}

.orderTiming [data-ref='productQuantity'] .k-numerictextbox {
    width: 100px;
}

.orderTiming [data-ref='productQuantity'] .k-dropdown {
    width: 70px;
}

.productQuantity-container {
    display: flex !important;
}

    .productQuantity-container [data-ref='orderName'] {
        flex-grow: 1;
    }

    .productQuantity-container [data-ref='productQuantity'] {
        padding-right: 15px;
    }

/*#endregion*/

/*#region OrderNumber component */

[data-ref='orderNumber'] .order-bundle-names {
    display: block !important;
    width: 222px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}

/*#endregion*/

/*#region BundleManagement component */

/*#region Reset Mylly custom styling to Bootstrap values */

[data-ref='bundleManagement'] .form-group * {
    box-sizing: border-box;
}

[data-ref='bundleManagement'] .form-group,
[data-ref='bundleManagement'] .form-group label {
    display: inherit;
}

[data-ref='bundleManagement'] .form-horizontal .form-control {
    display: block !important;
    width: 100% !important;
}

/*#endregion*/

[data-ref='bundleManagement'] .k-tabstrip,
[data-ref='bundleManagement'] .k-tabstrip:focus {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

[data-ref='bundleManagement'] .k-tabstrip-items-wrapper {
    border-bottom: 1px solid #ccc;
}

    [data-ref='bundleManagement'] .k-tabstrip-items .k-link,
    [data-ref='bundleManagement'] .k-grid-pager .k-link {
        color: #333 !important;
    }

    [data-ref='bundleManagement'] .k-tabstrip-items .bundle-type {
        font-size: 14px;
        margin-right: 1em;
    }

    [data-ref='bundleManagement'] .k-tabstrip-items .k-item.k-state-active {
        background-color: #ffc841;
        border-color: #ffc841;
    }

    [data-ref='bundleManagement'] .k-tabstrip-items .k-item,
    [data-ref='bundleManagement'] .k-tabstrip-items .k-item.k-state-hover {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 3em;
        margin-right: 1em;
        background-color: #f5f5f5;
        border-color: #ccc;
    }

[data-ref='bundleManagement'] .k-tabstrip > .k-content {
    border: 0;
    overflow: inherit;
}

[data-ref='bundleManagement'] .k-grid-content .k-state-selected a {
    color: white;
}

/*#endregion*/

/*#region CopyOfOrder component */
[data-ref='copyOfOrder'] input {
    width: 13.5em !important;
}

[data-ref='copyOfOrder'] button {
    width: 5em !important;
}

/*#endregion*/

[data-ref='OrderEditCtrlPayer'] .rightSide .form-group input#payerOrderNumber {
    width: 100%;
}
[data-ref='OrderEditCtrlPayer'] .rightSide .form-group input#payerReference {
    width: 100%;
}

[data-ref='OrderEditCtrlPayer'] .rightSide {
    width: 225px;
}

[data-ref='OrderEditCtrlPayer'] textarea#additionalInfoCAD {
    height: 130px;
}

[data-ref='OrderEditCtrlPayer'] .form-group input#customerSonetNumberCAD,
[data-ref='OrderEditCtrlPayer'] .form-group input#ProjectSonetNumber {
    width: 186px;
}

[data-ref='orderEditCtrlDeliveryEdit'] .form-group .k-dropdown,
[data-ref='orderEditCtrlDeliveryEdit'] .form-group .bootstrap-select .btn,
[data-ref='vendorBusinessInfoEdit'] .form-group .k-dropdown,
[data-ref='vendorBusinessInfoEdit'] .form-group .bootstrap-select .btn,
[data-ref='warehouseItemEditStyle'] .form-group .k-dropdown,
[data-ref='warehouseItemEditStyle'] .form-group .bootstrap-select .btn,
[data-ref='warehouseItemEditStyle'] .form-group .k-autocomplete,
[data-ref='warehouseItemEditStyle'] .k-numerictextbox {
    width: 240px;
    margin-bottom: 2px;
}

[data-ref='InventoryFilter'] .form-group .k-dropdown {
    width: 300px;
    margin-bottom: 2px;
}

[data-ref='orderEditCtrlDeliveryEdit'] .form-group input.input-block-level,
[data-ref='vendorBusinessInfoEdit'] .form-group input.input-block-level,
[data-ref='warehouseItemEditStyle'] .form-group input.input-block-level {
    width: 220px;
    margin: 2px;
}

[data-ref='orderEditCtrlDeliveryEdit'] .form-group .bootstrap-select li a,
[data-ref='vendorBusinessInfoEdit'] .form-group .bootstrap-select li a,
[data-ref='warehouseItemEditStyle'] .form-group .bootstrap-select li a {
    min-height: 18px;
}

[data-ref='orderEditCtrlDeliveryEdit'] .form-group div#postTrackingCode {
    font-size: 12px;
    height: 24px;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    cursor: pointer;
    padding-left: 2px;
    box-sizing: border-box;
}

[data-ref='OrderEditCtrlOrderer'] .form-group input#customerSonetNumber,
[data-ref='OrderEditCtrlPayer'] .form-group input#customerSonetNumber {
    width: 130px;
}

[data-ref='OrderEditCtrlPayer'] textarea#additionalInfo,
[data-ref='OrderEditCtrlInvoicingInfo'] textarea#invoicingInfoInfo {
    height: 130px;
}

[data-ref='OrderWizardPagePrintOrdererPayer'] textarea#invoicingInfo {
    height: 183px;
    min-width: auto;
}
[data-ref='OrderWizardPagePrintOrdererPayer'] span.form-control-wrapper {
    margin-bottom: 2px;
}

[data-ref='OrderAdditionalInfo'] textarea#additionalInfoCAD,
[data-ref='OrderAdditionalInfo'] textarea#internalInfoCAD {
    height: 110px;
}

[data-ref='OrderAdditionalInfo'] textarea#additionalInfo,
[data-ref='OrderDistributionInstructions'] textarea#distributionsInfo,
[data-ref='orderEditCtrlDeliveryEdit'] textarea#additionalInfo {
    max-height: 130px;
}

[data-ref='OrderEditCtrlPayer'] .leftSide,
[data-ref='OrderEditCtrlPayer'] .rightSide {
    display: inline-block;
    vertical-align: top;
}

[data-ref='OrderEditCtrlPayer'] .leftSide {
    margin-right: 30px;
}

[data-ref='OrderEditCtrlPayer'] .rightSide .form-group {
    display: block;
    margin-bottom: 10px;
}

.wizardContent [data-ref='OrderEditCtrlPayer'] .rightSide .form-control-wrapper,
.wizardContent [data-ref='OrderEditCtrlPayer'] .rightSide .form-control {
    display: block;
}

.wizardContent [data-ref='OrderEditCtrlPayer'] .rightSide .form-control-wrapper {
    margin-bottom: 2px;
    max-width: 300px;
}

[data-ref='OrderEditCtrlPayer'] .form-group .bootstrap-select {
    width: 150px;
}

[data-ref='OrderEditCtrlPayer'] .form-group .bootstrap-select .btn {
    width: 145px;
    margin-bottom: 2px;
}

[data-ref='OrderEditCtrlPayer'] div.bootstrap-select [data-ref='OrderHeaderForm'] .form-group .bootstrap-select .btn {
    height: 26px;
    margin: 0;
}

[data-ref='OrderHeaderForm'] .form-group .bootstrap-select .btn {
    height: 24px;
    padding: 0;
}

[data-ref='OrderHeaderForm'] .form-group .bootstrap-select {
    width: 228px;
    margin-bottom: 1px;
}

[data-ref='OrderHeaderForm'] .form-group .bootstrap-select .btn {
    width: 222px;
    margin-bottom: 1px;
}

.wizardContent [data-ref='OrderEditCtrlPayer'] label[for='copyFromPreviousPayer'],
[data-ref='OrderEditCtrlPayer'] .form-group .bootstrap-select {
    display: inline-block;
    max-width: 150px;
}

[data-ref='OrderEditCtrlInternalNotes'] .leftSide,
[data-ref='OrderEditCtrlInternalNotes'] .rightSide {
    display: inline-block;
    vertical-align: top;
}

[data-ref='orderEditCtrlDeliveryEdit'] a.btn,
[data-ref='vendorBusinessInfoEdit'] a.btn {
    margin-top: 150px;
    margin-left: 25px;
    margin-right: 25px;
}

[data-ref='orderEditCtrlDeliveryEdit'] .DeliveryAddressRow {
    display: table-row;
}

[data-ref='orderEditCtrlDeliveryEdit'] .DeliveryAddressForm,
[data-ref='orderEditCtrlDeliveryEdit'] .DeliveryAddressButton {
    display: table-cell;
    vertical-align: top;
}

[data-ref='orderEditCtrlDeliveryEdit'] .form-links,
[data-ref='vendorBusinessInfoEdit'] .form-links {
    min-width: 470px;
}

[data-ref='orderEditCtrlDeliveryEdit'] .form-w,
[data-ref='vendorBusinessInfoEdit'] .form-w {
    min-width: 470px;
}

[data-ref='orderEditCtrlDeliveryEdit'] div.bootstrap-select,
[data-ref='vendorBusinessInfoEdit'] div.bootstrap-select,
[data-ref='warehouseItemEditStyle'] div.bootstrap-select {
    height: 24px;
    margin: 0;
}

.bootstrap-select > button {
    height: 22px;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.bootstrap-select > button {
    padding-left: 0;
    padding-right: 0;
}

[data-ref='InventoryFilter'] .form-group .k-dropdown .k-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 350px;
}

#linkCopyPayer,
#linkCopyOrderer {
    min-width: 70px;
    margin-left: 0;
}

[data-ref='orderEditCtrlDeliveryEdit'] span[shapetype='label'].k-dropdown-wrap,
[data-ref='vendorBusinessInfoEdit'] span[shapetype='label'].k-dropdown-wrap,
[data-ref='warehouseItemEditStyle'] span[shapetype='label'].k-dropdown-wrap {
    padding-top: 3px;
    padding-left: 5px;
    margin: 0;
    height: 30px;
    border: 0px;
}

[data-ref='OrderDeliveryAddresses'] div.delivery-addresses {
    padding: 1px;
    border: 1px solid black;
    background: lightgrey;
    margin-top: 5px;
    /*margin: 1px;*/
    height: 342px;
    overflow-y: auto;
    display: block;
}

[data-ref='OrderDeliveryAddresses'] ul.side-by-side {
    /*min-height: 320px;*/
    padding-left: 15px;
    background: lightgrey;
}

[data-ref='OrderDeliveryAddresses'] .side-by-side li {
    display: inline;
    float: left;
    margin-right: 1px;

    width: 300px;
    max-width: 300px;
    width: 300px;
    max-width: 300px;
    margin: 3px;
}

[data-ref='OrderDeliveryAddresses'] .side-by-side li div.list-item {
    display: block;
    padding: 1px;
    border: 1px solid black;
    background: white;
    width: 300px;
    max-width: 300px;
    height: 207px;
    /*max-height: 205px;*/
}

[data-ref='OrderDeliveryAddresses'] .side-by-side li div.list-item div label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: black;
    padding-left: 2px;
    margin: 0;
}
[data-ref='OrderDeliveryAddresses'] .side-by-side li div.list-item .small-text label {
    font-weight: normal;
    font-size: 12px;
}

[data-ref='OrderDeliveryAddresses'] .side-by-side li div.list-item .delivery-content {
    width: 256px;
    overflow: hidden;
}

[data-ref='OrderDeliveryAddresses'] .side-by-side li div.list-item .delivery-content > div {
    padding: 4px 4px 4px 4px;
}

[data-ref='OrderDeliveryAddresses'] .side-by-side li div.list-item .delivery-buttons {
    width: 44px;
    padding-top: 60px;
}

[data-ref='OrderDeliveryAddresses'] .side-by-side li div.list-item .btn {
    margin: 2px 0 2px 0;
}

[data-ref='OrderDeliveryAddresses'] .selected-list-item div.list-item,
[data-ref='OrderDeliveryAddressesCAD'] .selected-list-item {
    background-color: #daf2ee !important;
}

[data-ref='gridDeliveryFiles'] .k-grid-content {
    overflow-y: hidden;
}

[data-ref='OrderDeliveryAddressesCAD'] .delivery-addresses-cad .k-grid-content {
    height: 342px;
}

[data-ref='OrderDeliveryInfo'],
[data-ref='OrderAdditionalInfo'] .app-block,
[data-ref='OrderDistributionInstructions'] {
    margin-top: 10px;
}

[data-ref='OrderAdditionalInfo'] fieldset#additionalInfoFieldsetCAD {
    margin-top: 15px;
}

[data-ref='OrderDeliveryInfo'] textarea#additionalInfo,
[data-ref='OrderDeliveryInfo'] div.form-group,
[data-ref='OrderDistributionInstructions'] textarea#distributionsInfo,
[data-ref='OrderDistributionInstructions'] div.form-group {
    width: 100%;
    display: block !important;
}

[data-ref='orderDeliveryControl'] tr.k-detail-row td.k-detail-cell {
    padding: 0;
}

[data-ref='orderDeliveryControl'] tr.k-detail-row td.k-detail-cell div.fileSetsGrid {
    border: 0;
    background-color: inherit;
    color: inherit;
}

[data-ref='orderDeliveryControl'] tr.k-detail-row td.k-detail-cell div.fileSetsGrid .k-alt {
    background-color: inherit;
}

[data-ref='orderDeliveryControl'] tr.k-detail-row td.k-detail-cell div.fileSetsGrid .k-alt.k-state-selected,
[data-ref='orderDeliveryControl'] tr.k-detail-row td.k-detail-cell div.fileSetsGrid .k-alt.k-state-selected:hover {
    background-color: #428bca;
}

[data-ref='orderDeliveryControl'] tr.k-detail-row td.k-detail-row {
    background-color: inherit;
}

[data-ref='OrderAdditionalInfo'] textarea#additionalInfoCAD,
[data-ref='OrderAdditionalInfo'] textarea#internalInfoCAD {
    width: 100%;
    resize: horizontal;
}

.btn {
    overflow: hidden;
    text-overflow: ellipsis;
}
s .app-form-content label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

a.disabled,
a[disabled] {
    background-color: #e3e3e3;
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=1);
    opacity: 1;
}

a.username.disabled {
    background-color: inherit;
}

a.orderActionLink.disabled::after {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: #e3e3e3;
    border-width: 14px;
    margin-top: -14px;
}

.popup-edit-wrapper div {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.popup-edit-wrapper {
    padding: 0 15px 0 15px;
}

/* Products grid styles*/

tr.app-product-cell td,
tr.app-unifaun-row td {
    border-top: 1px solid rgb(204, 204, 204);
}

tr.app-unifaun-row:last-child td {
    border-bottom: 1px solid rgb(204, 204, 204);
}

.app-product-cell-active {
    background-color: white;
}

.disabled-cell {
    background-color: #eeeeee;
}

.grid-product .k-grid-header .k-header,
.wrap-header .k-grid-header th.k-header {
    white-space: normal;
}

.sonet-products.sp-head td {
    padding: 4px;
}

.sonet-products.sp-list td {
    padding: 2px;
}

.sonet-products.sp-head {
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
    table-layout: fixed;
    width: 100%;
}

.sonet-products.sp-list {
    border-top: none;
    table-layout: fixed;
    width: 100%;
}

.sonet-products .sp-code,
.sonet-products .sp-name,
.sonet-products .sp-unit {
    border-bottom: 1px solid #cccccc;
}

.sonet-products .sp-code {
    width: 90px;
}

.sonet-products .sp-name,
.sonet-products .sp-type,
.sonet-products .sp-group,
.sonet-products .sp-class {
    border-left: 1px solid #cccccc;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sonet-products.sp-list .sp-name.notlast {
    width: 260px;
}
.sonet-products.sp-head .sp-name.notlast {
    width: 256px;
}

.sonet-products.sp-list .sp-unit {
    width: 70px;
}

.sonet-products.sp-head .sp-unit {
    width: 66px;
}

.sonet-products.sp-list .sp-type {
    width: 120px;
}
.sonet-products.sp-head .sp-type {
    width: 116px;
}

.sonet-products.sp-list .sp-group {
    width: 148px;
}
.sonet-products.sp-head .sp-group {
    width: 144px;
}

.sonet-products.sp-list .sp-class {
    width: 178px;
}
.sonet-products.sp-head .sp-class {
    width: 174px;
}
.sonet-products .sp-unit {
    border-left: 1px solid #cccccc;
}

.k-grid-header .add-row > td {
    border-top: 1px solid #cccccc;
}

td.product-dragable-td {
    padding: 0;
}

font.product-dragable-font {
    padding: 0.4em 0.6em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* order products grid : buttons and add row styles */
.grid-product {
    width: 100%;
}

.grid-product .k-footer-template td {
    padding: 0.4em 0.4em;
}

.grid-product:not([disabled='disabled']) .k-grid-content table[role='grid'] > tbody > tr:first-child > td {
    height: 25px;
}

.grid-product .k-grid-content table[role='grid'] > tbody > tr:first-child > td:first-child .k-grid-delete {
    display: none;
}

.grid-product .k-grid-content table[role='grid'] > tbody > tr .bt-hidden,
.grid-product .k-grid-content table[role='grid'] > tbody > tr:first-child > td:first-child .k-grid-addRow.bt-hidden,
.grid-product .k-grid-content table[role='grid'] > tbody > tr > td:first-child .k-grid-addRow {
    display: none;
}

.grid-product:not([disabled='disabled'])
    .k-grid-content
    table[role='grid']
    > tbody
    > tr:first-child
    > td:first-child
    .k-grid-viewTimeEntries {
    display: none;
}

.grid-product .k-grid-content table[role='grid'] > tbody > tr > td:first-child .k-grid-viewTimeEntries,
.grid-product .k-grid-content table[role='grid'] > tbody > tr:first-child > td:first-child .k-grid-addRow {
    display: inline-block;
}

.grid-product .k-edit-cell input[name='NonPackage'] {
    margin-left: 0;
}

.grid-product-buttons {
    padding-top: 10px;
}

.grid-product .price-editor {
    width: 100%;
}

.grid-no-dirty span.k-dirty,
.grid-product span.k-dirty {
    display: none;
}

.colRed {
    background-color: #ff000080;
}

.colYellow {
    background-color: #ffff0080;
}

.colOrange {
    background-color: #ffa50080;
}

.colGreen {
    background-color: #00800080;
}

.colBrown {
    background-color: #a52a2a80;
}

.colBlue {
    background-color: #00ffff80;
}

.colGradientRed {
    background: linear-gradient(to right bottom, #f38b8f, #f7d4d5);
}

.colGradientGreen {
    background: linear-gradient(to right bottom, #c6f2a6, #e1efd8);
}

.colGradientYellow {
    background: linear-gradient(to right bottom, #ffff99, #ffffe6);
}

/*#region Work queue attributes styles */

[data-ref='wiAttributeContainer'] .form-group {
    display: inherit;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
}
    [data-ref='wiAttributeContainer'] .form-group > div {
        display: flex;
    }
        [data-ref='wiAttributeContainer'] .form-group input[type=checkbox] {
            width: initial !important;
            height: initial;
        }

    [data-ref='wiAttributeContainer'] .form-group input,
    [data-ref='wiAttributeContainer'] .wi-TextBox input.form-control,
    [data-ref='wiAttributeContainer'] .form-group select[name],
    [data-ref='wiAttributeContainer'] .form-group .k-combobox,
    [data-ref='wiAttributeContainer'] .form-group .k-dropdown {
        width: 100% !important;
    }

    [data-ref='wiAttributeContainer'] .form-group .k-numerictextbox {
        margin-bottom: 2px;
    }

[data-ref='wiAttributeContainer'] .form-group .k-combobox .k-input::-ms-clear,
[data-ref='wiAttributeContainer'] .form-group .k-numerictextbox .k-input::-ms-clear {
    display: none;
}

[data-ref='wiAttributeContainer'] .form-group textarea {
    min-height: 80px;
    max-height: 220px;
    margin-bottom: 2px;
}

[data-ref='wiAttributeContainer'] .form-group .wiAttribute-Multiselect {
    display: table;
}

    [data-ref='wiAttributeContainer'] .form-group .wiAttribute-Multiselect .selector-group {
        display: flex;
    }

[data-ref='wiAttributeContainer'] .wi-ComboBoxWithStatus label,
[data-ref='wiAttributeContainer'] .wi-TextBoxWithStatus label {
    white-space: nowrap;
}

/*#endregion*/

/* Order confirm dialog styles */
.sendSonetRequest-container .row,
.orderConfirm-container .row {
    margin-left: 10px;
    margin-right: 10px;
}

.sendSonetRequest-container .row .col-md-6,
.orderConfirm-container .row .col-md-6 {
    width: 47%;
}

.sendSonetRequest-container .row .col-md-6 fieldset {
    min-width: 450px;
}

.orderConfirm-container .row .col-md-6 fieldset {
    min-width: 580px;
}

.sendSonetRequest-container .k-edit-buttons,
.orderConfirm-container .k-edit-buttons {
    margin-right: 2%;
}

.orderConfirm-container .properties {
    min-height: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sendSonetRequest-container .properties {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sendSonetRequest-container .properties > div,
.orderConfirm-container .properties > div {
    display: table;
    width: 100%;
}

.sendSonetRequest-container .properties > div .form-control-wrapper > input[type] {
    width: 100%;
}
.orderConfirm-container .properties > div .form-control-wrapper > input[type=text] {
    width: 350px;
}

.orderConfirm-container .properties .form-group input#sentDate {
    width: 200px;
}

.sendSonetRequest-container .properties .form-control-wrapper.group-a {
    width: 80px;
}

.orderConfirm-container fieldset {
    padding-bottom: 0;
}

.orderConfirm-container .properties .form-control-wrapper.group-a {
    width: 210px;
}

.orderConfirm-container .properties .form-control-wrapper.group-b {
    width: 350px;
    padding-right: 10px;
}

.orderConfirm-container .properties .form-control-wrapper.group-b input[type='text'] {
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
}

.orderConfirm-container .properties .form-control-wrapper.group-b .k-dropdown {
    padding-left: 0;
    padding-right: 0;
}

.orderConfirm-container .properties .form-control-wrapper.group-b textarea {
    width: 345px;
    height: 240px;
    margin-top: 1px;
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-right: 0;
}

.sendSonetRequest-container .body .form-group,
.orderConfirm-container .body .form-group {
    display: block;
}

.sendSonetRequest-container .body .form-group .form-control-wrapper,
.orderConfirm-container .body .form-group .form-control-wrapper {
    display: block;
}

.gray-option {
    background-color: #eee;
}

.sendSonetRequest-container .body-container,
.orderConfirm-container .body-container {
    height: 400px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding: 4px;
    padding-top: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sendSonetRequest-container .body-contentarea,
.orderConfirm-container .body-contentarea {
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: auto;
    /*disabled effect*/
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.moveRight {
    float: right;
}
.moveLeft {
    float: left;
}
.valign-top {
    vertical-align: top !important;
}
/******************************/

.small-padding-left {
    padding-left: 3px;
}

/* font-awesome */
.green {
    color: #10b329;
}

.gray {
    color: lightgray;
}
.black {
    color: black;
}
.egdIcon {
    color: #428bca;
}
.k-state-selected .egdIcon {
    color: white;
}
.delrow {
    color: #ababab;
}
/**  Multiple select styles ***/

.dropdown-wrapper {
    display: table;
    width: 100%;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    margin-bottom: 2px;
}

.dropdown-wrapper :hover {
    cursor: pointer;
}

.dropdown-wrapper .wrap-caret {
    padding-left: 2px;
    padding-right: 2px;
}

.dropdown-wrapper .input-group.selector-group {
    margin-top: 0;
    margin-bottom: 2px;
    display: table-row;
    width: 100%;
}

.dropdown-wrapper .input-group.selector-group > button.form-control {
    display: table-cell;
    width: 100%;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 2px;
    border-right-style: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
}

.dropdown-wrapper .input-group.selector-group > span.input-group-addon {
    display: table-cell;
    width: 24px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left-style: none;
    background-color: #fff;
}

button.input-group-addon[disabled] {
    color: silver;
}

.dropdown-wrapper .dropdown-menu {
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 3px;
    font-size: 12px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.dropdown-wrapper .dropdown-menu .dropdown-menu-items {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    white-space: nowrap;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdown-wrapper .input-group.selector-group .selection-text {
    top: 2px;
    left: 2px;
    position: absolute;
    overflow: hidden;
}

.dropdown-wrapper ul.dropdown-menu-items {
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    list-style: none;
}

.dropdown-wrapper ul.dropdown-menu-items > li:hover {
    background-color: #f5f5f5;
}

.dropdown-wrapper ul.dropdown-menu-items label {
    font-weight: normal;
}

.dropdown-wrapper ul.dropdown-menu-items input[type='checkbox'] {
    outline: none;
    background-color: white;
}
.listNoStyle {
    list-style-type: none;
    padding-left: 2px;
    margin-bottom: 2px;
    font-size: 12px;
}
.listNoStyle li {
    white-space: nowrap;
}
.listNoStyle > li > label {
    margin: 0;
    font-weight: normal;
    display: inline;
}
.nopadding {
    padding: 0 !important;
}
.nopadding-left {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.nopadding-right {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* #region Subcontract component */

.subcontractview {
    margin-top: 7px;
}

    .subcontractview,
    .subcontractview .row,
    .subcontractview .row [class^="col-"] {
        box-sizing: border-box;
    }
    .subcontractview .form-element,
    .subcontractview .form-control {
        width: 100% !important;
    }
    .subcontractview textarea {
        box-sizing: border-box;
        font-size: 12px;
    }
    .subcontractview .btn {
        box-sizing: border-box;
    }

    .subcontractview .order-name {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
}

/* #endregion */

.pit-stop-drop-msg {
    display: block;
    position: relative;
    white-space: nowrap;
    margin: 0;
    top: 0;
    right: 0;
}

.pitStop-No {
    color: black;
    width: 12px;
    display: inline-block;
    text-align: center;
}

.pitStop-InProgress {
    color: #aaaaaa;
}

.pitStop-Error {
    color: #ab3323;
}

.pitStop-Warning {
    color: #d2922c;
}

.pitStop-Ok {
    color: #2db245;
}

.pitStop-OtherError {
    color: #ab3323;
}

.pit-stop-queue-length {
    color: #aaaaaa;
    padding-right: 4px;
    text-decoration: none;
    display: inline-block;
}

/* Buttons */

.app-btn-action,
.app-btn-action:active,
.app-btn-action:hover {
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-decoration: none;
    padding: 2px 2px 2px 5px;
    color: #000000;
    margin: 4px 5px;
    font-size: 12px;
}
.app-btn-action,
.app-btn-action:active {
    background-color: #dddddd;
    border: 1px solid #cccccc;
}
.app-btn-action:focus,
.app-btn-action:hover {
    background-color: #bbbbbb;
    border: 1px solid #cccccc;
}

/*#region SearchPopup */

.popup-info {
    padding-bottom: 5px;
}
.popup-info.popup-info-empty {
    display: none;
}

.popup-info .popup-info-name {
    display: inline-block;
    padding: 0 10px 5px 0;
    width: 90px;
    font-weight: bold;
}
.popup-info .popup-info-value {
    display: inline-block;
    padding: 0 10px 5px 0;
}

    .popup-info td {
        padding: 0 10px 5px 0;
    }

    .popup-info tr td:first-child {
        min-width: 90px;
        font-weight: bold;
    }

/*#endregion*/

.cell-note.cell-note-normal {
    white-space: normal;
    overflow: auto;
    text-overflow: clip;
}

/* Subcontracts*/
input.form-control.input-small {
    width: 25px !important;
    vertical-align: middle;
    margin-top: 2px;
    padding-right: 2px;
}

/* Logistics */
#logisticDialogLeftInput {
    float: left;
    /*padding-right: 10px;*/
    margin-left: 40px;
}

#logisticDialogRightInput {
    float: right;
    width: 30%;
    padding-left: 10px;
}

.clear {
    clear: both;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#cbShowDelivered {
    margin-top: 7px;
    vertical-align: top;
}

#lblForcbShowDelivered {
    margin-top: 5px;
}
/*******************************************************/

.confirm-backdrop {
    z-index: 10101;
}

.app-confirm {
    position: fixed;
    top: 25px;
    left: 50%;
    width: 50%;
    margin-left: -25%;
    z-index: 10102;
}

.app-confirm-center {
    top: 40%;
}

.confirm {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.confirm h4 {
    margin-top: 0;
    color: inherit;
}
.confirm .confirm-link {
    font-weight: bold;
    cursor: pointer;
}
.confirm > p,
.confirm > ul {
    margin-bottom: 0;
}
.confirm > p + p {
    margin-top: 5px;
}
.confirm-dismissable {
    padding-right: 35px;
}
.confirm-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.confirm-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.confirm-success hr {
    border-top-color: #c9e2b3;
}
.confirm-success .confirm-link {
    color: #2b542c;
}
.confirm-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.confirm-info hr {
    border-top-color: #a6e1ec;
}
.confirm-info .confirm-link {
    color: #245269;
}
.confirm-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.confirm-warning hr {
    border-top-color: #f7e1b5;
}
.confirm-warning .confirm-link {
    color: #66512c;
}
.confirm-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.confirm-danger hr {
    border-top-color: #e4b9c0;
}
.confirm-danger .confirm-link {
    color: #843534;
}

.labeled-ckeckbox {
    cursor: pointer;
}

.labeled-ckeckbox[disabled] {
    cursor: default;
}

.labeled-ckeckbox span {
}

.labeled-ckeckbox input[type='checkbox'] {
    top: 2px;
    position: relative;
}

.row-icon {
    margin: 0 2px 0 2px;
}

.app-alert > span,
.app-confirm > span {
    color: #333;
}

.offerIsFromEgdIcon {
    color: #bbbbbb;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}

.margin-right-5 {
    margin-top: 5px;
}
.margin-right-10 {
    margin-top: 10px;
}
.margin-right-15 {
    margin-top: 15px;
}
.margin-right-20 {
    margin-top: 20px;
}

.app-width-60 {
    width: 70px;
}
.grey-btn {
    background-color: rgb(238, 233, 233);
}

/*** Shipment ****/

.shipment-form .k-content {
    width: 1150px;
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 0;
}

[data-role='shipment'] .k-grid tr[role='row'] td[role='gridcell'] a.k-link,
[data-role='shipment'] .k-grid tr[role='row'] td[role='gridcell'] a.k-link:link,
[data-role='shipment'] .k-grid tr[role='row'] td[role='gridcell'] a.k-link:active,
[data-role='shipment'] .k-grid tr[role='row'] td[role='gridcell'] a.k-link:visited,
[data-role='shipment'] .k-grid tr[role='row'] td[role='gridcell'] a.k-link:hover {
    text-decoration: none;
    outline: none;
}

[data-role='shipment'] .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link,
[data-role='shipment'] .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:link,
[data-role='shipment'] .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:active,
[data-role='shipment'] .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:visited,
[data-role='shipment'] .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:hover {
    color: #fff;
}

[data-role='shipment'] .k-grid tr[role='row'] td[role='gridcell'] a.k-link:hover,
[data-role='shipment'] .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:hover {
    text-decoration: underline;
}

[data-role='shipment'] [data-role='shipmentnumber'] .k-content {
    margin: 5px 0;
    padding: 10px 10px;
}

[data-role='shipment'] [data-role='shipmentnumber'] .k-content .form-group {
    margin-bottom: 0;
}

[data-role='shipment'] [data-role='shipmentnumber'] .form-group .form-control-wrapper:first-child > label::after,
.shipment-form .form-group .form-control-wrapper:first-child > label::after {
    content: ':';
}

[data-role='shipment'] .form-group .k-button,
.shipment-form .form-group .k-button {
    padding: 3px 7px;
}

[data-role='shipment'] .form-group .k-numeric-wrap,
.shipment-form .form-group .k-numeric-wrap {
    height: 26px;
}

[data-role='shipment'] .form-group .k-numeric-wrap .k-input::-ms-clear,
.shipment-form .form-group .k-numeric-wrap .k-input::-ms-clear {
    display: none;
}

[data-role='shipment'] .form-group .k-numeric-wrap .k-input,
.shipment-form .form-group .k-numeric-wrap .k-input {
    padding: 0;
    height: 26px;
}

[data-role='shipment'] .form-group .k-numeric-wrap .k-select,
.shipment-form .form-group .k-numeric-wrap .k-select {
    padding: 0;
}

[data-role='shipment'] .form-group .k-numeric-wrap .k-select > .k-link:last-child > .k-icon,
.shipment-form .form-group .k-numeric-wrap .k-select > .k-link:last-child > .k-icon {
    vertical-align: top;
}

.shipment-form .form-group {
    margin-bottom: 8px;
    display: table-row;
}

.shipment-form fieldset {
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.shipment-form legend {
    width: auto;
    border: 0;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.shipment-form .form-group .form-control-wrapper {
    display: table-cell;
    padding-bottom: 8px;
    padding-right: 5px;
}

.shipment-form .form-group input.form-control {
    display: inline;
    /*width: auto;*/
    padding: 2px 2px;
    font-size: 12px;
    height: 26px;
    margin-bottom: 2px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.shipment-form {
    margin: 0 15px;
    padding: 0;
    padding-bottom: 0px;
    min-width: 840px;
}

.shipment-form .k-content {
    margin-bottom: 10px;
}

.shipment-form .k-content > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.shipment-form .k-edit-buttons {
    margin: 0;
    margin-top: 15px;
    padding: 10px 10px;
    border-top: 1px solid #ccc;
}

.shipment-form .row {
    width: 100%;
}

.shipment-form div.deliveryAddressInfo {
    padding: 1px;
    border: 1px solid black;
    padding-left: 5px;
    padding-top: 5px;
    background: lightgrey;
    height: 215px;
    width: 325px;
    overflow-y: auto;
    display: block;
}

.shipment-form div.deliveryAddressInfo .delivery-content {
    background-color: white;
    width: 300px;
    padding-left: 5px;
    border: 1px solid black;
}

.shipment-form .products-list {
    margin-left: 15px;
}

.shipment-form .first-fieldset {
    margin-left: 15px;
    margin-right: 15px;
}

.shipment-form table.delivery-info {
    width: 100%;
}

.shipment-form .shipment-not-delivered {
    display: block;
    width: 733px;
}
.shipment-form .shipment-not-delivered.not-cad {
    width: 400px;
}

.shipment-not-delivered .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link,
.shipment-not-delivered .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:link,
.shipment-not-delivered .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:active,
.shipment-not-delivered .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:visited,
.shipment-not-delivered .k-grid tr.k-state-selected[role='row'] td[role='gridcell'] a.k-link:hover {
    color: #ffffff;
}

.column-width-120 {
    width: 120px;
}

.column-width-370 {
    width: 370px;
}

.column-width-250 {
    width: 250px;
}

.column-width-20 {
    width: 20px;
}

.save-filter {
    width: 45px;
    display: inline-block;
}

.measure-icon {
    background-position: -112px -288px;
}

.machine-form fieldset.machine-edit-region,
.vendor-form fieldset.vendor-edit-region {
    padding-top: 10px;
    border: none;
}

.machine-edit-form li span.k-header {
    background-color: rgb(245, 245, 245);
}

.machine-edit-form li ul li > span {
    background-color: white !important;
    cursor: default;
}

.machine-edit-form li .k-multiselect ul li > span {
    border-color: #357ebd;
    background-color: #428bca !important;
}

.machine-edit-form span.k-state-selected,
.machine-edit-form span.k-state-hover,
.machine-edit-form span.k-state-focused {
    color: rgb(51, 51, 51) !important;
    box-shadow: none !important;
}

/*.machine-form .form-content {
    width: 750px;
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 0;
}*/

.machine-edit-form .form-control-wrapper.group-a {
    font-size: 12px;
    min-width: 200px;
}

.machine-edit-form .form-control-wrapper.group-a label {
    margin-right: 5px;
}

.machine-edit-form .form-control-wrapper input,
.machine-edit-form .form-control-wrapper textarea {
    text-indent: 0.33em;
}

.machine-edit-form .form-group .form-control.k-dropdown,
.machine-edit-form .form-group .form-control.k-datepicker,
.machine-edit-form .form-group span.form-control.k-numerictextbox {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1px;
    padding-bottom: 2px;
}

.form-group > .k-combobox {
    margin-bottom: 2px;
    width: 100%;
    font-size: 12px;
}

.form-group > .k-combobox input {
    color: #555;
}

.form-group > .k-combobox .k-dropdown-wrap:before {
    display: none;
}

.machine-edit-form .form-group .form-control.k-datepicker .k-picker-wrap {
    width: 120px;
}
.machine-edit-form .form-group span.form-control.k-numerictextbox {
    width: 146px;
    display: block;
}

.machine-edit-form .form-group span.form-control.k-numerictextbox input {
    width: 100%;
}

/*.machine-edit-form .form-group .form-control.k-dropdown .k-dropdown-wrap {
    width: 170px;
}*/

.machine-edit-form .form-group .form-control.k-datepicker input,
.machine-edit-form .form-group .form-control.k-numerictextbox input {
    margin-bottom: 0;
}

.machine-edit-form .form-group input.wide,
.machine-edit-form .form-group textarea.wide,
.machine-edit-form .form-group .k-dropdown {
    width: 300px !important;
}

.machine-form .form-group input[type='radio'] {
    vertical-align: middle;
    margin-top: -1px;
}

.machine-form > .k-content {
    overflow-x: hidden;
    overflow-y: auto;
}

.machine-edit-form .form-control-wrapper.group-a label.used-in-title {
    margin-right: 0;
    margin-left: 5px;
}

input[type='radio'].push-left-15,
input[type='checkbox'].push-left-15 {
    margin-left: 15px;
}

.push-left-15 {
    margin-left: 15px;
}

.app-popup-edit-form .form-header {
    font-size: 18px;
    margin: 5px 0;
}

.app-popup-edit-form .form-header label {
    font-weight: normal;
}

.app-popup-edit-form .form-header label::after {
    content: ':';
}

.app-popup-edit-form > .k-content {
    margin-bottom: 10px;
}

#machine-measure-value-dialog {
    overflow: hidden;
}

#machine-measure-value-dialog .app-popup-edit-form,
#machine-item-dialog .app-popup-edit-form {
    min-height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

#machine-measure-value-dialog .app-popup-edit-form .k-content {
    padding: 0 10px;
}

#machine-measure-value-dialog .app-popup-edit-form .k-edit-buttons,
#machine-item-dialog .app-popup-edit-form .k-edit-buttons {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    padding: 5px 0;
}

#machine-measure-value-dialog .app-popup-edit-form .k-edit-buttons > div,
#machine-item-dialog .app-popup-edit-form .k-edit-buttons > div {
    padding: 2px 10px;
}

#machine-form-measure-grid .k-grid-header thead tr:nth-child(1) th:nth-child(n + 4) {
    text-align: center;
}

#machine-form-measure-grid .k-grid-header thead tr:nth-child(1) th:nth-child(-n + 3) {
    vertical-align: middle;
}

#machine-form-measure-grid .k-grid-header thead tr:nth-child(1) th:last-child {
    vertical-align: middle;
    text-align: left;
}

.measurements a.k-grid-add {
    margin-right: 5px;
    background-color: transparent;
}

.measurements .k-dirty {
    display: none;
}

.measurements .text-align-center {
    text-align: center;
}

.measurements.k-grid {
    font-size: 12px;
}

#AddMachineButton .k-icon.k-add {
    margin-right: 5px;
}

/** grid styles **/

.app-grid .k-input::-ms-clear,
.measurements .k-input::-ms-clear {
    display: none;
}

.app-popup-grid .k-input::-ms-clear {
    display: none;
}

.filterButtons {
    max-width: 250px;
}

.filterButtons > div {
    display: inline-block;
    padding: 0;
}

.filterButtons > div:first-child {
    width: 200px;
}

.filterButtons > div:last-child {
    width: 45px;
}

.filterButtons > div:first-child > a:first-child {
    margin-right: 15px;
}

#machine-item-dialog {
    overflow-y: hidden;
}

.app-error-tooltip {
    display: block;
    position: absolute;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: solid 1px #fbeed5;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-width: 100px;
    max-width: 250px;
    margin-left: -60px;
    margin-top: 10px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.app-error-tooltip .v-tooltip-icon {
    float: left;
    font-size: 18px;
    margin-top: 1px;
}

.app-error-tooltip .v-tooltip-close {
    float: right;
}

.app-error-tooltip .v-tooltip-text {
    margin-left: 22px;
    margin-right: 20px;
    text-align: left;
    word-wrap: break-word;
}

.app-error-tooltip > div {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.app-error-tooltip > div:after {
    clear: both;
}

.app-error-tooltip:after,
.app-error-tooltip:before {
    bottom: 100%;
    left: 35px;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.app-error-tooltip:after {
    border-color: rgba(252, 248, 227, 0);
    border-bottom-color: #fcf8e3;
    border-width: 9px;
    margin-left: -9px;
}

.app-error-tooltip:before {
    border-color: rgba(251, 238, 213, 0);
    border-bottom-color: #fbeed5;
    border-width: 10px;
    margin-left: -10px;
}

.app-error-message {
    display: inline-block;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: solid 1px #fbeed5;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    min-width: 200px;
    max-width: 500px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.app-error-message .v-tooltip-icon {
    float: left;
    font-size: 18px;
    margin-top: 1px;
}

.app-error-message .v-tooltip-close {
    float: right;
}

.app-error-message .v-tooltip-text {
    margin-left: 22px;
    margin-right: 20px;
    text-align: left;
    word-wrap: break-word;
}

.app-error-message > div {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.app-error-message > div:after {
    clear: both;
}

.panelbar-item-header-error {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 2px;
    padding-bottom: 4px;
    vertical-align: middle;
    background-image: url('img/exclamation.png');
    background-repeat: no-repeat;
}

.k-datepicker.w-105px {
    width: 105px !important;
}

.k-input.k-textbox.k-invalid {
    box-shadow: none;
    border-color: #a94442;
}

.savefilter-favorite-btn {
    color: darkgrey;
}

.savefilter-favorite-btn:hover,
.savefilter-favorite-btn.active {
    color: #ffc841;
}
a.fa-external-link,
a.fa-globe {
    vertical-align: middle;
    cursor: pointer;
    padding-left: 5px;
    text-decoration: none;
}

#btnExportToExcel {
    width: 70px;
}

ul.simplelist {
    list-style-type: none;
    margin-left: 0;
}

ul.simplelist li {
    margin: 15px;
    display: block;
    height: 20px;
}

ul.simplelist li label {
    padding-top: 3px;
    padding-left: 25px;
}

ul.simplelist li .k-radio:checked + .k-radio-label:after {
    background-color: #ffc841;
    border-radius: 50%;
}

.adminReportBtn {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 5px;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    color: black;
    cursor: pointer;
    padding-left: 22px;
    padding-right: 10px;
    border: 1px solid #cccccc;
    background-color: #dddddd;
    width: 60px;
}
.adminPageContent {
    background-color: #dddddd;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}
.adminPageContent .col1 {
    width: 100px;
    display: inline-block;
}
.adminPageContent .col2 {
    width: auto;
    display: inline-block;
}
.adminPageContent .k-dropdown {
    width: 250px !important;
}
.frontpageContent {
    width: 600px;
}

.frontpageContent .form-control {
    height: auto;
    padding: 4px 6px;
}

.frontpageContent .form-group input {
    width: 520px;
}

.frontpageContent .tabs {
    border-bottom: none;
}

.frontpageContent .btns {
    width: 600px;
    background-color: #f5f5f5;
    border-right: rgb(204, 204, 204) solid 1px;
    border-bottom: rgb(204, 204, 204) solid 1px;
    border-left: rgb(204, 204, 204) solid 1px;
    padding-bottom: 5px;
    text-align: right;
}

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

.tooltipContainer .tooltiptext {
    visibility: hidden;
    display: none;
    /*
    visibility: hidden;
    background-color: white;
    color: black;
    text-align: left;
    padding: 3px;
    border-radius: 2px;
    white-space: nowrap;
    border: 1px solid rgb(212, 212, 212);
 
    position: absolute;
    top: -28px;
    left: -3px;
    z-index: 1;
    */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipContainer:hover .tooltiptext {
    /*visibility: visible;*/
    display: none;
    visibility: hidden;
}

.confirm-order-changes {
    padding-right: 15px;
    text-align: center;
    font-weight: bold;
    width: 35%;
    font-size: 13px;
}

.confirm-order-changes > div {
    display: table;
}

.confirm-order-changes > div a {
    display: table-cell;
    width: 50%;
    direction: rtl;
}

.confirm-order-changes > div a:first-child {
    text-align: left;
}

.confirm-order-changes > div a:last-child {
    text-align: right;
}

.confirm-message-center {
    padding-right: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.confirm-buttons-corner > div {
    display: table;
}

.confirm-buttons-corner > div a {
    display: table-cell;
    direction: rtl;
}

.confirm-buttons-corner > div a:first-child {
    text-align: left;
}

.confirm-buttons-corner > div a:last-child {
    text-align: right;
}

.highlight-droparea {
    color: green;
    background-color: darkseagreen;
}
.app-padding-top10 {
    padding-top: 10px !important;
}
.app-padding-top15 {
    padding-top: 15px !important;
}

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

.app-padding-left5 {
    padding-left: 5px !important;
}
.app-padding-left10 {
    padding-left: 10px !important;
}
.app-padding-bottom5 {
    padding-bottom: 5px !important;
}

.app-dash {
    width: 5px;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
}
#ordersFilterContainer label {
    margin-bottom: 1px !important;
    font-weight: normal;
}
#ordersFilterContainer label.labeled-ckeckbox {
    white-space: nowrap;
}
#ordersFilterContainer .row {
    margin-bottom: 0px;
    margin-top: 0px;
}

#ordersFilterContainer .row > div.form-group,
#ordersFilterContainer .app-fixed-width-search > div.form-group {
    margin-bottom: 0px;
    margin-top: 0px;
}

/*#region Product group filter */

#ordersFilterContainer #msProductGroups + button + .dropdown-menu .selectAll {
    margin-bottom: 6px;
}

#ordersFilterContainer #msProductGroups + button + .dropdown-menu .dropdown-item:not(.selectAll) {
    padding-bottom: 0;
    padding-top: 0;
    height: 19px;
}

#ordersFilterContainer #msProductGroups + button + .dropdown-menu .row {
    width: 750px;
}

    #ordersFilterContainer #msProductGroups + button + .dropdown-menu .dropdown-item .col-md-3 {
        overflow: hidden;
        text-overflow: ellipsis;
        border: 1px solid lightgray;
        margin-left: -1px;
        margin-top: -1px;
        height: 20px;
    }

    #ordersFilterContainer #msProductGroups + button + .dropdown-menu .ms-header .col-md-3 {
        color: black;
        background-color: rgb(234, 234, 234);
        border: 1px solid lightgray;
    }

/*#endregion*/

.app-fixed-width-search {
    width: 490px;
    float: left;
}
.app-fluid-search {
    padding-right: 490px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.col-sm-7.five-three {
    width: 60% !important;
}

div.col-sm-5.five-two {
    width: 40% !important;
    padding-left: 5px;
    padding-right: 5px;
}

.createOrderLabel {
    width: 130px;
    font-weight: bold;
    padding-left: 9px;
}

/*#region Pure CSS checkbox */

.pureCheckbox {
    padding-top: 3px;
    padding-bottom: 3px;
    white-space: nowrap;
    width: 100%;
}

.pureCheckbox > input[type='checkbox'] {
    display: none;
}

.pureCheckbox > label {
    cursor: pointer;
}

.pureCheckbox > input[type='checkbox'] + label:after {
    border: 1px solid #122b40;
    content: '\00a0';
    display: inline-block;
    font: 12px/1em sans-serif;
    height: 14px;
    margin: 0 0.25em 0 0;
    padding: 0;
    vertical-align: top;
    width: 14px;
    margin-left: 5px;
    background: white;
}

    .pureCheckbox > input[type='checkbox'][disabled] + label:after {
        color: rgba(118, 118, 118, 0.3) !important;
        border-color: rgba(118, 118, 118, 0.3);
        cursor: not-allowed;
    }

.pureCheckbox > input[type='checkbox']:checked + label:after {
    color: #122b40;
    content: '\2713';
    text-align: center;
}

.pureCheckbox > input[type='checkbox'].superior:checked + label:after {
    background: #ffc841;
}

.pureCheckbox > input[type='checkbox']:checked + label:before {
    font-weight: bold;
}

.pureCheckbox.bold > label {
    font-weight: bold !important;
}

/*#endregion*/

.no-padding-left-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row.clearfix .orderActionLink {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-align: center;
}

.bootstrap-select .dropdown-menu.open {
    z-index: 1100;
}

.bootstrap-select .dropdown-menu.inner {
    font-size: 12px;
}

.bootstrap-select .filter-option {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-left: 12px;
}

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*='span'] {
    margin-bottom: 0;
}

.measurement-roolbar {
    width: 100%;
}

.measurement-roolbar .addBtn {
    border-radius: 4px;
    border: 1px solid lightgray;
    background-color: white;
    width: 30px;
    height: 20px;
}

.measurement-roolbar .weeklyCountCheck {
    float: right;
    display: table-cell;
    margin-top: 3px;
    margin-right: 3px;
}

.measurement-roolbar .weeklyCountCheck label {
    cursor: pointer;
}

.measurement-roolbar .weeklyCountCheck label,
.measurement-roolbar .weeklyCountCheck input {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.attribute-with-addon {
    width: 250px !important;
    box-sizing: border-box;
}

.attribute-with-addon-short {
    width: 192px !important;
}

.attribute-addon {
    padding-left: 4px;
    padding-right: 3px;
}

.table-div {
    display: table;
}

.tr-div {
    display: table-row;
}

.td-div {
    display: table-cell;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

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

.table-div.customer-frontpage .tr-div {
    padding-bottom: 20px;
}

.table-div.customer-frontpage .td-div {
    padding: 5px 5px 20px 5px;
    text-align: center;
}

.payerInfoIcon {
    margin-right: 15px;
}
.payerInfoTooltipWindow,
.allocatedUserInfoTooltipWindow {
    margin: 10px;
}

.front-page-image {
    vertical-align: top;
}

.front-page-btn {
    width: 160px !important;
    height: 32px !important;
    font-size: 13pt;
}

div.k-grid-footer {
    border-bottom-width: 0;
}

.collapsible > * {
    padding: 8px;
    border-radius: 5px;
    border: solid 1px #ccc;
}

.collapsible > .header,
.collapsible.collapsed > .header-body {
    background-color: #f5f5f5;
}

.collapsible > .body,
.collapsible:not(.collapsed) > .header-body {
    background-color: white;
}

.collapsible > .body > .content {
    margin-top: 8px;
}

.collapsible span.collapse.k-i-arrow-n,
.collapsible span.collapse.k-i-arrow-s {
    cursor: pointer;
}

.collapsible:not(.collapsed) > .body,
.collapsible.collapsed > .header,
.collapsible:not(.collapsed) .collapsed-hidden,
.collapsible.collapsed span.collapse.k-i-arrow-s,
.collapsible:not(.collapsed) span.collapse.k-i-arrow-n {
    display: inherit;
}

.collapsible:not(.collapsed) > .header,
.collapsible.collapsed > .body,
.collapsible.collapsed .collapsed-hidden,
.collapsible:not(.collapsed) span.collapse.k-i-arrow-s,
.collapsible.collapsed span.collapse.k-i-arrow-n {
    display: none;
}

.k-button.order-edit {
    min-width: 50px;
    font-size: 14px;
    white-space: nowrap;
    height: 30px;
}

button.order-name {
    min-width: 100px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bold {
    font-weight: bold;
}

.k-button.order-edit.primary,
.button-primary {
    background-color: #ffc841;
}

.order-edit.button-space {
    width: 20px;
    display: inline-block;
}

.bg-white {
    background-color: white;
}

.bg-transparent {
    background-color: transparent;
}

.order-part-content {
    padding: 0 15px 0 15px;
    margin: 0;
}

.auto-height {
    min-height: inherit;
}

.order-button-row {
    height: 34px;
}

.inline {
    display: inline;
}

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

.form-block-both {
    padding-left: 12px;
    padding-right: 12px;
}

.form-block-left {
    padding-right: 12px;
}

.form-block-right {
    padding-left: 12px;
}

.fix-control-height {
    height: 24px;
    overflow-y: hidden;
}

.height40 {
    height: 40px !important;
}

div[data-ref='popup-import-serviceTranslationMap'] .app-table-10-rows-no-actions > .k-grid-content {
    line-height: 340px;
}

div[data-ref='popup-import-serviceTranslationMap'] {
    padding-top: 15px;
}

.border-box {
    box-sizing: border-box;
}

.print-report-shortcut {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.print-report-shortcut:first-child {
    padding-left: 0px;
}

.print-report-shortcut:last-child {
    padding-right: 0px;
}

.order-header-titlebar .form-group {
    padding-right: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.order-header-titlebar .incut {
    padding-right: 5px !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div[data-ref='orderEditForm'] .page-actions .orderActionLink {
    margin: 0px;
    width: 30px;
    position: relative;
}

div[data-ref='orderEditForm'] .page-actions .orderActionLink span {
    color: black;
}

.header-action {
    border: solid transparent 1px;
    border-radius: 4px;
    padding: 2px 3px 2px 3px;
}

.header-action-yes {
    border: solid silver 1px;
    background-color: cornflowerblue;
}

.input-group > *:not(:first-child):not(:last-child) {
    border-left: 0;
}
/*!---!*/

div[data-ref='OrderHeaderForm'] .cad .orderHeaderSection .incut .form-control-wrapper {
    display: block !important;
}

div[data-ref='OrderHeaderForm'] .cad .orderHeaderSection .incut .orderHeaderSection {
    display: block;
    overflow: hidden;
    padding: 0px;
}

div[data-ref='OrderHeaderForm'] .cad .orderHeaderSection .incut .orderHeaderSection.pull-left {
    width: 137px;
}

div[data-ref='OrderHeaderForm'] .cad .orderHeaderSection .incut .orderHeaderSection.pull-left .fieldSelector {
    width: 100%;
    padding-right: 5px;
}

div[data-ref='OrderHeaderForm']
    .cad
    .orderHeaderSection
    .incut
    .orderHeaderSection.pull-left
    .fieldSelector
    .sonetNumber {
    width: 100%;
}

div[data-ref='OrderHeaderForm'] .cad .orderHeaderSection .incut .orderHeaderSection .form-group {
    display: block;
    margin-bottom: 0px;
}

div[data-ref='OrderHeaderForm'] .cad .orderHeaderSection.orderTiming .form-group {
    display: block;
    margin: 0px;
}

div[data-ref='OrderHeaderForm'] .cad #sonetProjectNumber {
    width: 40px;
}

div[data-ref='OrderHeaderForm'] .cad .form-control-wrapper .k-dropdown {
    width: 100%;
}

div[data-ref='OrderHeaderForm'] .cad .form-control-wrapper > .k-dropdown,
div[data-ref='OrderHeaderForm'] .cad input[name=buyerPartCode],
div[data-ref='OrderHeaderForm'] .cad input[name=buyerBatchCode] {
    width: 300px;
}

div[data-ref='OrderHeaderForm'] .cad .cad-header-right > .k-dropdown {
    width: 200px;
}

div[data-ref='OrderHeaderForm']
    .cad
    .orderHeaderSection.orderDescription
    .form-group
    span[aria-owns='salesman_listbox']
    > span {
    width: auto !important;
}

div[data-ref='OrderHeaderForm'] .cad .open-subcontract .orderActionLink {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
}

div[data-ref='OrderHeaderForm'] .cad .open-subcontract input {
    display: inline;
    vertical-align: middle;
}

div[data-ref='OrderHeaderForm'] .cad .orderHeaderSection.orderStatus .form-control-wrapper {
    display: block;
}

div[data-ref='OrderHeaderForm'] .cad .order-header-titlebar .sonetNumber {
    min-width: 132px;
}

div[data-ref='OrderHeaderForm'] .cad .order-header-titlebar .orderTiming {
    margin-left: 6px;
}

div[data-ref='OrderWizardForm'] .page-actions .glyphicon {
    color: black;
}

div[data-ref='OrderHeaderForm'] .form-control {
    white-space: normal;
}

div[data-ref='OrderHeaderForm'] > div {
    white-space: nowrap;
}

div[data-ref='orderMeasurements'] .k-edit-form-container {
    height: 100%;
}

div[data-ref='orderMeasurements'] .k-edit-form-container .k-edit-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/*#region Print a report */

div[data-ref='orderEditForm'] a[data-ref='OrderReportPrintButton'] div {
    padding-left: 0px;
    padding-right: 0px;
    overflow: unset;
}

div[data-ref='orderEditForm'] a[data-ref='OrderReportPrintButton'] div a {
    display: block;
}

[data-role='orderreportmenu'] .dropdown-menu {
    padding: 5px !important;
}

[data-role='orderreportmenu'] li {
    color: #333;
}

[data-role='orderreportmenu'] [data-role="loader"] {
    display: table;
    margin: 0 auto;
}

#orderReportMenuBundleTypes .k-radio-item {
    margin-top: 0;
}

[data-role='orderreportmenu'] .app-btn-action[disabled] {
    color: grey;
}

/*#endregion*/
.nowrap {
    white-space: nowrap !important;
}

.termsPostingContent .terms-posting.version-title, .internalInfoPostingContent .internalinfo-posting.version-title {
    background: white;
    margin: 1px;
    padding: 5px 5px 10px;
    font-weight: bold;
}

.termsPostingContent #termsposting-versions, .internalInfoPostingContent #internalinfoposting-versions {
    max-height: 424px;
    height: 424px;
    overflow: auto;
}
.termsPostingContent #termsposting-versions > div, .internalInfoPostingContent #internalinfoposting-versions > div {
    padding: 4px 2px;
}

.k-edit-field .k-edit-high-field {
    line-height: 2em;
}

.k-edit-field > input[type='radio'],
.k-edit-field > input[type='checkbox'] {
    margin-top: 0;
    vertical-align: text-bottom;
}

a[disabled] .glyphicon {
    color: #a1a1a1 !important;
}

.grid-product-buttons-top {
    margin-top: 4px;
    margin-bottom: 4px;
}

.fieldset-cad-products {
    border: 0 !important;
}

.cad-files .k-dropzone {
    padding-top: 2em;
    padding-bottom: 2em;
}

.show-hidden-files {
    top: 12px;
}

.cad-files .show-hidden-files {
    top: 26px;
}

.reset-overflow {
    overflow: hidden;
    text-overflow: unset;
}

.contact-info-tooltip {
    text-align: left;
    padding: 8px;
}

.contact-info-tooltip > div.item {
    margin: 5px 1px 0px 2px;
}

button * {
    pointer-events: none;
}

div.app-width-100p-forchild div:first-child {
    width: 100% !important;
}

.small-margin-left {
    margin-left: 0.5em;
}

.app-logo-posti {
    height: 24px;
    display: flex;
    background: url('img/postilogo_50x30.png') 100% 100% no-repeat;
    background-size: contain;
    width: 32px;
}

.app-logo-unifaun {
    height: 20px;
    display: flex;
    background: url('img/nshift_logo_small.png') 100% 100% no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 38px;
}
.properties .form-control.k-dropdown {
    width: 350px !important;
}

.form-control-wrapper .k-dropdown[aria-owns='orderAllocations_listbox'] {
    width: 86%;
}

.form-control-wrapper.new .k-dropdown[aria-owns='orderAllocations_listbox'] {
    width: 100%;
}

#panelbarAppSettings {
    overflow-y: scroll;
}

.btnJiraTicket {
    margin: 0;
    padding: 0;
}

/* #region WarehouseVendorEdit component */

div[data-ref='vendorPriceListsEdit'] .app-left,
div[data-ref='vendorContactsEdit'] .app-left {
    margin-bottom: 5px;
}

    div[data-ref='vendorPriceListsEdit'] .app-left input[type=checkbox] {
        margin-top: 0;
    }

div[data-ref='vendorPriceListsEdit'] div[data-role='toolbar'] {
    border-radius: 4px;
}

div[data-ref='vendorPriceListsEdit'] .app-left > .form-control-wrapper {
    padding: 0 5px 0 10px;
}

div[data-ref='vendorContactsEdit'] .app-left > button {
    margin-left: 0.1em;
    margin-right: 0.5em;
}

div[data-ref='vendorPriceListsEdit'] .app-left > button {
    margin-left: 0;
    margin-right: 0;
}

div[data-ref='vendorPriceListsEdit'] .k-toolbar a[disabled],
div[data-ref='vendorPriceListsEdit'] .k-grid-toolbar a[disabled] {
    background-color: #eee;
}

/* #endregion */

.k-input[readonly],
.properties [readonly],
.properties span[aria-readonly='true'] span {
    background-color: #eee;
}

button.k-button[disabled] {
    background-color: #eee;
}

button.input-group-addon[disabled] {
    background-color: #eee;
}

td.default-vendor-color {
    background-color: #ffc841;
}

:invalid {
    box-shadow: none;
}

:-moz-submit-invalid {
    box-shadow: none;
}

:-moz-ui-invalid {
    box-shadow: none;
}

div[data-ref='warehouseItemsInfo'] div.column-padding-left {
    padding-left: 25px;
}

div[data-ref='warehouseItemsInfo'] div.column-padding-right {
    padding-right: 25px;
}

div.AnyFileImages {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: stretch;
    margin: 10px 0 0 0;
    resize: both;
}

div.AnyFileNotImages {
    margin: 10px 0 0 0;
}

.AnyFileImageItem {
    position: relative;
    width: 150px;
    height: 100px;
    margin: 2px;
    margin: 1px;
    background-color: #f5f5f5;
}

.AnyFileImageItem span.Remove {
    position: absolute;
    right: 4px;
    top: 4px;
}

.AnyFileImageItem span.Info {
    position: absolute;
    right: 4px;
    top: 18px;
}

.FileInfoImage {
    padding: 0 4px 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 4px;
    width: 142px;
}

.AnyFileImageItem > a > img {
    max-width: 120px;
    max-height: 80px;
    padding: 5px;
}

.AnyFileNoImageItem {
    display: block;
    margin-bottom: 2px;
    background-color: #f5f5f5;
    padding: 4px 4px 4px 4px;
}

.AnyFileNoImageItem span.Remove,
.AnyFileNoImageItem span.Info {
    float: right;
    width: 15px;
    text-align: center;
}

.k-dirty {
    display: none;
}

.k-filtercell .k-dropdown.k-dropdown-operator {
    right: 32px;
}

div[data-ref='reservationGrid'] .k-filtercell .k-dropdown.k-dropdown-operator {
    right: 1px;
}

div[data-ref='reservationGrid'] .k-filtercell > span {
    padding-right: 2.3em;
}

input[type='text'].fieldNeedsAttention {
    border-color: #ffc841 !important;
    box-shadow: inset 0 0 1px 1px rgba(255, 200, 65, 1), 0 0 8px 1px rgba(255, 200, 65, 1) !important;
}

.any-file-edit {
    overflow: auto;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    width: auto;
    padding: 2px 2px;
    font-size: 12px;
}

.orderHeaderSection .form-group .form-control-wrapper.vert-align-top,
.wizardContent .form-group .form-control-wrapper.vert-align-top,
.app-popup-edit-form .form-group .form-control-wrapper.vert-align-top {
    vertical-align: top;
}

.vertical-scroll-250p {
    overflow-y: auto;
    max-height: 250px;
}

div[data-ref='warehouseItemDetailFieldsGrid'] .k-grid tbody tr {
    cursor: move;
}

div[data-ref='warehouseItemDetailFieldsGrid'] .placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: red;
}

.k-clear-value {
    display: none !important;
}

.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-multiselect-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input {
    text-indent: 0;
    padding: 2px 2px 2px 2px;
}

.k-autocomplete .k-input {
    box-sizing: border-box;
    height: 22px;
}

.item-display-none {
    display: none !important;
}

.app-import-succeeded {
    color: #0e8501;
}
.app-import-failed {
    color: #ab3323;
}

.stddate.k-datepicker {
    width: 100px;
    margin-right: 4px;
}

.stddate.k-timepicker {
    width: 70px;
}

.padding-4 {
    padding: 4px 4px 4px 4px;
}

#ordersFilterContainer div[data-ref='SaveFilter'] .orderActionLink {
    margin: 0 0 0 0;
}

.indent-input {
    text-indent: 3px;
}

label.padding-right {
    padding-right: 4px;
}

.padding-right-8 {
    padding-right: 8px;
}

div[data-ref='purchaseOrderEditForm'] .border-spacing {
    border-spacing: 0 5px;
}

div[data-ref='purchaseOrderEditForm'] .button-marging {
    margin-left: 5px;
    margin-right: 5px;
}

div[data-ref='purchaseOrderEditForm'] .wide-text-area {
    height: 54px;
    width: 300px;
    margin-left: 5px;
}

div[data-ref='purchaseOrderEditForm'] .actionLink {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    color: black;
    cursor: pointer;
    padding-left: 22px;
    padding-right: 10px;
    border: 1px solid #cccccc;
    background-color: #dddddd;
    width: 100px;
}

div[data-ref='purchaseOrderEditForm'] a.actionLink.sendAction {
    background-position: 2px center;
    background-image: url('img/envelope_16xLG.png');
    background-repeat: no-repeat;
    width: 150px;
}

div[data-ref='purchaseOrderEditForm'] a.actionLink.saveAction {
    background-position: 2px center;
    background-image: url('img/save_16xLG.png');
    background-repeat: no-repeat;
}

div[data-ref='purchaseOrderEditForm'] a.actionLink.deleteAction {
    background-position: 2px center;
    background-image: url('img/delete16x16.png');
    background-repeat: no-repeat;
}

.actionLink.disabled,
.actionLink[disabled] {
    color: gray !important;
}

.padding-top5 {
    padding-top: 5px;
}

.padding-bottom4 {
    padding-bottom: 4px;
}

.padding-bottom7 {
    padding-bottom: 7px;
}

.max-width-200 {
    max-width: 200px;
}

div.popupTableContainer {
    display: table;
    height: 100%;
    width: 100%;
}

div.popupTableContainer > .row {
    display: table-row;
}

div.popupTableContainer > .row > .cell {
    display: table-cell;
}

div.popupTableContainer > .last-row {
    height: 40px;
}
.adjust-height {
    height: 100%;
}

div.popupTableContainer .flex-container {
    height: 100%;
    width: 100%;
    display: inline-table;
}

div.popupTableContainer .flex-container .form-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

div.popupTableContainer .flex-container .form-container .fill-row {
    flex: 1;
}

.popupTableContainer .buttons-bar {
    min-height: 26px;
}

.flex-form {
    display: table;
    height: 100%;
    width: 100%;
}

.flex-form .flex-table {
    display: table;
}

.flex-form .table-row {
    display: table-row;
}

.flex-form .table-row .table-cell {
    display: table-cell;
}

.flex-form .table-row .table-cell .fill-container {
    height: 100%;
    display: inline-table;
    box-sizing: border-box;
}

.flex-form .table-row .table-cell.header {
    height: 25px;
}

.flex-form .table-row .table-cell.tabs {
    height: 60px;
}

.flex-form .table-row .table-cell.tiny {
    height: 25px;
}

.grid-container-flex-height {
    padding-bottom: 0;
}

.no-padding-but-right {
    padding: 0 25px 0 0 !important;
}

div[data-ref='allocationOrderToUser'] .allocationFormGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

div[data-ref='allocationOrderToUser'] .k-dropdown {
    width: 100%;
}

div[data-ref='allocationOrderToUser'] .gridFullSizeItem {
    grid-column: 1 / 3;
}

.active-users-text {
    color: steelblue;
    font-weight: bold;
}

.quick-search input[data-role='dropdownlist'] {
    width: 140px;
}

.quick-search button {
    width: 30px;
    top: 0;
    height: 24px !important;
    padding-top: 2px !important;
    padding-left: 8px !important;
}

.quick-search #warehouseQuickSearch {
    text-indent: 3px;
}

.quick-search .k-dropdown-wrap .k-input {
    padding-left: 5px;
}

.autocomplete-footer {
    padding: 2px 4px 2px 4px;
    border-top: 1px solid #cccccc;
    font-size: 11px;
}

[data-role='grid'] .k-multiselect-wrap {
    /* enable scrollability */
    overflow-y: auto;
    overflow-x: hidden;
    /* control selected items' container - use height or min-height and/or max-height */
    max-height: 24px;
}

[data-role='grid'] .k-multiselect-wrap .k-button {
    margin-bottom: 0;
    /*remove blue color*/
    color: #333;
    background-color: #fff;
    border-color: rgb(204, 204, 204);
}

[data-role='grid'] .k-multiselect-wrap .k-button .k-state-hover,
[data-role='grid'] .k-multiselect-wrap .k-button.k-button:hover {
    /*remove blue color*/
    background-color: #ededed;
}
.mylly-header-usermenu .k-menu-group {
    padding-top: 10px;
}
.mylly-header-usermenu {
    margin-left: 30px;
    margin-top: 5px;
    border: none !important;
}
.mylly-header-usermenu .k-menu-expand-arrow {
    display: none !important;
}

.mylly-header-usermenu.k-menu,
.mylly-header-usermenu.k-menu > li.k-item {
    background-color: #222222 !important;
    border: none !important;
    box-shadow: none !important;
}
.mylly-header-usermenu.k-menu > li.k-item:hover,
mylly-header-usermenu.k-menu > li.k-item:active,
mylly-header-usermenu.k-menu > li.k-item:visited,
.mylly-header-usermenu.k-menu > li.k-item > span.k-link {
    background-color: #222222 !important;
    border: 0 !important;
    box-shadow: none !important;
}
.mylly-header-usermenu.k-menu > li.k-item > span.k-link {
    padding-right: 0px;
}
.mylly-header-usermenu li.k-item > .k-link .fa-bars {
    font-size: 22px;
    color: #cccccc;
    padding: 0 3px 0 3px;
}
[data-ref='header'] .app-header .navbar-custom div.container-fluid {
    padding-right: 0 !important;
}
.mylly-header-usermenu li.k-item > .k-link .fa-bars:hover {
    color: #999999;
}
.UserLogedIn {
    padding-top: 4px;
}
.dc-icon-auto-error {
    padding: 7px;
}
.app-padding-left-right20 {
    padding-left: 20px;
    padding-right: 20px;
}

textarea.subcontract-terms {
    text-indent: 3px;
}

.multiselect-max-height-110 {
    display: inline-block;
    width: 250px;
    max-height: 115px;
    overflow-y: auto;
    overflow-x: hidden;
}

.indent7p{
    text-indent: 7px;
}

k-file k-file-progress {
    overflow: hidden;
}

.k-file-name-size-wrapper {
    overflow: hidden;
}

.material-button:not([disabled]) {
    cursor: pointer !important;
}

.cad-header-dropdown {
    width: 300px !important;
}

.empty-fieldset-col {
    height: 44px;
}

td.table-red-borders {
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important;
}
.text-align-right {
    text-align: right !important;
}
.bg-cyan-50, .colCyan {
    background-color: #50BCBC80 !important;
}
.bg-pink-50, .colPink {
    background-color: #F1729E80 !important;
}
#bundleManagementTabs {
    overflow-x: hidden;
}
div.app-popup-edit-form.flex-container input.k-textbox {
    text-indent: 2px;
}
.orderPhaseDetailGrid {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Set overflow visible for order phase activity error messages to show */
.orderPhaseDetailGrid .k-grid-content,
.orderPhaseDetailGrid .k-virtual-scrollable-wrap {
    overflow: visible !important;
    overflow-y: visible !important;
}

.gridHeaderCheckbox {
    display: inline-block;
    margin-top: 5px;
    margin-left: 15px;
}
.gridHeaderCheckbox input {
    margin-right: 5px;
}
.gridHeaderCheckbox label {
    vertical-align: middle;
}
.schedulingHeaderText {
    margin-left: 15px;
    vertical-align: middle;
}
.schedulingHeaderText.red {
    color: red;
}
.schedulingHeaderText.green {
    color: green;
}

/* #region UserProfileEdit component */

.orderManagementDefaultSorting .k-dropdown {
    width: 12em !important;
    vertical-align: top;
}

.orderManagementDefaultSortingOrder {
    display: inline-block;
}

.orderManagementDefaultSortingOrder label {
    margin-bottom: 0;
}

.orderManagementDefaultSortingOrder label span {
    vertical-align: top;
    font-weight: normal;
}
    
/* #endregion */

.sequence-validation-error {
    color: #dc3545;
    margin-top: 4px;
    white-space: normal;
}

.sequence-editor-wrapper {
    display: flex;
    flex-direction: column;
}
.app-actions-column.k-header {
    padding-bottom: 0.7em !important;
}

.scheduling-indicator {
    padding: 2px 0;
    margin: 3px 0 10px 0;
    font-weight: bold;
    font-size: 12px;
}
.scheduling-indicator--on { color: green; }
.scheduling-indicator--off { color: red; }

.k-grid tr.k-state-selected td .crm-ticket-link {
    color: white !important;
}