.stf-version {
    font-size: 8pt;
    color: #c3c3c3;
}

.stf-err-text {
    color: #f00;
}

.stf-input-verify-ok {
    background-color: #d4ffd4;
    border-color: #3c3 !important;
}

.stf-input-verify-err {
    background-color: #ffbdbd;
    border-color: #c33 !important;
}

.stf-entry-approve-row {
    background-color: #c6ffc6 !important;
}

.stf-entry-reject-row {
    background-color: #ffc6c6 !important;
}

.ehict-entry-row {
    display: flex;
}

.stf-stockAssembly-col-no {
    display: inline-flex;
    width: 90px;
    align-items: center;
    height: 33px;
}

.stf-stockAssembly-col-item {
    display: inline-block;
    width: calc(100% - 105px - 110px - 8px - 8px);
    padding: 0px 10px;
}

.stf-stockAssembly-col-qty {
    display: inline-block;
    width: 105px;
}

.stf-stockAssembly-col-qty .k-widget {
    width: 100%;
}

.stf-stockAssembly-col-qty .k-widget .k-numeric-wrap {
    margin-bottom: unset !important;
}

.stf-stockAssembly-itemno {
    display: inline-flex;
    align-items:center;
    justify-content:center;
}

.stf-stockAssembly-header {
    background-color: #2a328d;
    color: #fff;
    font-weight: bold;
    padding: 0px 6px;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}

.stf-stockAssembly-btn-icon{
    cursor: pointer;
}

.stf-stockAssembly-btn-icon, .stf-stockAssembly-itemno {
    margin: 4px 4px;
}

.stf-stockAssembly-btn-icon img, .stf-stockAssembly-itemno {
    width: 24px;
    height: 24px;
}

.stf-input-with-scan-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div .stf-input-with-scan-icon input {
    display: inline-block !important;
    width: calc(100% - 32px) !important;
}

div .stf-input-with-scan-icon a {
    display: inline-block !important;
    margin-bottom: 0.5rem;
}
/*div[isappmode="1"] .stf-input-with-scan-icon input {
    display: inline-block !important;
    width: calc(100% - 32px) !important;
}

div[isappmode="0"] .stf-input-with-scan-icon a {
    display: none !important;
}


div[isappmode="1"] .stf-input-with-scan-icon a {
    display: inline-block !important;
    margin-bottom: 0.5rem;
}*/

.stf-input-with-scan-icon a .mdi {
    font-size: 20pt;
}

td[role=gridcell] .row {
    padding-left: unset !important;
    padding-right: unset !important;

    margin-left: unset !important;
    margin-right: unset !important;
}

td[role=gridcell] .row .col-sm-6 {
    padding-left: unset !important;
    padding-right: unset !important;

    margin-left: unset !important;
    margin-right: unset !important;

    margin-bottom: 0.5rem;
}

td[role=gridcell] .row label {
    font-weight: bold;
    margin-bottom: unset !important;
}

div[data-role=window] .row {
    padding-left: unset !important;
    padding-right: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;

    margin-bottom: 0.5rem;
}

div[data-role=window] .row label {
    font-weight: bold;
    margin-bottom: unset !important;
}


@media (max-width:575px) {
    .col-sm-9 {
        padding-bottom: 5px;
        border-bottom: 1px dotted #c3c3c3;
    }
}

.page-wrapper {
    background-color: #f7fdff !important;
}

.k-nogo {
    background-color: #f62828;
    color: #fff;
}

.k-content {
    background-color: transparent !important;
}

.k-footer-template {
    text-align: right;
}

/*.row .col-sm-6:first-child .row {
    padding-right: 5px !important;
}

.row .col-sm-6:last-child .row {
    padding-left: 5px !important;
}*/

.eco-hint {
    font-size: 8pt;
    font-style: italic;

    color: #c3c3c3;

    padding-bottom: 5px;
}

.swc-user-name {
    color: #fff;
    font-weight: bold;
}

.atuz-section, .atuz-warning-section, .atuz-alert-section {
    padding: 8px;
    margin: 5px;
    border-radius: 10px;
}

.atuz-section {
    border: 2px solid #87d7ff;
    box-shadow: 0px 0px 15px #87d7ff;
}

.atuz-warning-section {
    border: 2px solid #ff6;
    box-shadow: 0px 0px 15px #ff0;
    background-color: #ffe;
}

.atuz-alert-section {
    border: 2px solid #ff6666;
    box-shadow: 0px 0px 15px #ff6666;
    background-color: #ffeeee;
}

.swc-float-edit-btn {
    position: absolute;
    top: 2px;
    right: 4px;
    z-index: 5;
}

.atuz-report {
    padding: 4px;
    border-radius: 10px;

    border: 2px solid #87d7ff;
    box-shadow: 0px 0px 15px #87d7ff;
}

.atuz-alerttext, .atuz-overdueStory {
    color: #f00;
    font-weight: bold;
}

.atuz-labelWithSC::after{
    content: ":";
    float: right;
}

.dev-comingsoon {
    color: #c3c3c3;
    font-style: italic;
    font-size: 8pt;
}

.k-dropdown, .k-selectbox, .k-textbox {
    width: 100% !important;
}

.rowDisclaimer label {
    font-weight: bold;
    color: #f00;
}

.rowDisclaimer span {
    font-weight: bold;
    color: #c3c3c3;
}

.rowDisclaimer {
    font-weight: bold;
    color: #c3c3c3;
    margin-bottom: 0.5rem;
}

.k-loginbutton {
    min-width: 100px;
    display: inline !important;
}

div.k-window-content {
    overflow: visible;
}

.k-widget.k-maskedtextbox,
.k-widget.k-dropdown {
    background-color: transparent !important;
}

.k-autocomplete, .k-block, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker,
.k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-gantt-views > .k-current-view, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator,
.k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track,
.k-split-button .k-gantt-views, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action,
.k-window-titleless .k-window-content {
    margin-bottom: 0.5rem;
}

.remove-margin-bottom > * {
    margin-bottom: 0px !important;
}

.posPriceColumn .col-sm-9 {
    text-align: right;
}

.posPriceColumn .col-sm-3 {
    margin-bottom: 0px;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes ServiceOverdueColor {
    0% {
        background-color: #ff8585;
    }

    25% {
        background-color: #ff4f4f;
    }

    50% {
        background-color: #ff8585;
    }

    75% {
        background-color: #ff4f4f;
    }

    100% {
        background-color: #ff8585;
    }
}

@-webkit-keyframes ServiceComingColor {
    0% {
        background-color: #fffdd7;
    }

    25% {
        background-color: #fffa9e;
    }

    50% {
        background-color: #fffdd7;
    }

    75% {
        background-color: #fffa9e;
    }

    100% {
        background-color: #fffdd7;
    }
}

/* Standard syntax */
@keyframes ServiceOverdueColor {
    0% {
        background-color: #ff8585;
    }

    25% {
        background-color: #ff4f4f;
    }

    50% {
        background-color: #ff8585;
    }

    75% {
        background-color: #ff4f4f;
    }

    100% {
        background-color: #ff8585;
    }
}

/* Standard syntax */
@keyframes ServiceComingColor {
    0% {
        background-color: #fffdd7;
    }

    25% {
        background-color: #fffa9e;
    }

    50% {
        background-color: #fffdd7;
    }

    75% {
        background-color: #fffa9e;
    }

    100% {
        background-color: #fffdd7;
    }
}

.service-coming {
    -webkit-animation-name: ServiceComingColor; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: ServiceComingColor;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.service-overdue {
    -webkit-animation-name: ServiceOverdueColor; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: ServiceOverdueColor;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

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

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

.atuz-numeric-cell {
    display: flex;
    width: 100%;

    justify-content: flex-end;
}

.atuz-currency-text {

}

.atuz-currency-text .atuz-currency-symbol {
    display: inline-block;
    width: 25px;
}

.atuz-currency-text .atuz-currency-amount {
    display: inline-block;
    width: calc(100% - 25px - 5px);
    text-align: right;
}

.atuz-pos-counter-cashinout-list {
    max-height: 150px;
    overflow: auto;
}

@media print {
}