.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.thumbnails-container {
    min-height: 50px;
    width: 100%;
    margin-top: 15px;
}
.thumbnail-img:first-child {
    margin-left: 0;
}
.thumbnail-img {
    height: 58px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 5px;
    border: 1px solid #000000;
}
.thumbnail-img:hover {
    cursor: pointer;
}
.thumbnail-img:active,
.thumbnail-img:focus,
.thumbnail-img.active {
    border: 2px solid #5cb85c;
}
.main-preview-img {
    clear: both;
}
.dropdown-thumbnail {
    height: 20px;
}
.images-view-wrapper {
    position: sticky;
    position: -webkit-sticky;
    /*left:50%;*/
    top: 0;
}
.images-view-wrapper.top-position {
    top: 0;
}
.sw-main .sw-container {
    margin-top: 15px !important;
    min-height: 580px !important;
}
.no-resize-h {
    resize: vertical;
}
.no-resize {
    resize: none;
}
.req-icon {
    color: #f00;
}
fieldset.scheduler-border {
    border: 1px solid #eee !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    clear: both;
}

legend.scheduler-border {
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}
.order-section {
    overflow-x: scroll;
}
.order-table .meter-input {
    min-width: 45px;
}
tr.selected {
    border: 3px solid #5cb85c;
    overflow: hidden !important;
}
.order-type {
    text-transform: capitalize;
}
.receipt-logo {
    margin-bottom: 15px;
}
.address-section {
    margin-bottom: 15px;
    overflow: hidden;
}
.date-section {
    margin-bottom: 15px;
}
.receipt-table {
    border: none;
}
.receipt-table.table > thead > tr > th {
    border-bottom: 1px solid #5e5d5d;
}
.receipt-table tbody tr td {
    border: none;
}
.receipt-table tfoot tr td {
    border-bottom: 1px solid #5e5d5d;
    border-top: 1px solid #5e5d5d;
}
.text-underline {
    text-decoration: underline;
}
.custom-quantity {
    background-color: #fff !important;
}
.radio-btns-wrapper {
    overflow: hidden;
}
.radio-btns-wrapper .radio .radio-inline {
    margin-left: 0 !important;
}
.form-group {
    overflow: hidden;
}
.search-wrapper {
    margin-bottom: 50px;
    overflow: hidden;
}
.ui-autocomplete-loading {
}

.m-top-25 {
    margin-top: 25px !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #5cb85c;
    background: #5cb85c;
    font-weight: normal;
    color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #5cb85c;
    background-color: #ffffff;
}
.table .ui-selected {
    background-color: #5cb85c;
}
.table .ui-selectable > tr.ui-selectee {
    cursor: pointer;
}
.table .ui-selected .ui-selectee {
    color: #fff;
}
.m-top-15 {
    margin-top: 15px;
}
.m-bottom-15 {
    margin-bottom: 15px;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-10 {
    margin-bottom: 10px;
}

/* Styles Section Styles */
.order-item-check {
    cursor: pointer;
}
.code-wrapper {
    margin-top: 15px;
}

.products_total {
    font-size: 20px;
}

.job-ids-wrapper .label.job-id {
    margin: 0 auto;
}
.job-ids-wrapper .label.job-id:first-child {
    margin-left: 0 !important;
}
.job-ids-wrapper .label.job-id:last-child {
    margin-right: 0 !important;
}
.job-ids-wrapper .label.label-success.job-id {
    margin-right: 5px;
}

/* End Styles Section Styles */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Services Section */
.check-box-wrapper {
    padding: 0;
}
.check-box-wrapper > input[type='checkbox'] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.bold {
    font-weight: bold;
}

/* Receipt Page */
.bar-code-table tr td {
    vertical-align: middle !important;
}
.sw-btn-group-extra {
    float: right !important;
}
.sw-btn-group-extra > .btn {
    margin: 0 15px;
    border-radius: 4px !important;
    border-radius: 4px !important;
    width: 100px;
}
#wPaint {
    border-radius: 4px;
    background: #f5f5f5 !important;
    border: none !important;
}
.wPaint-theme-classic .wPaint-menu-icon {
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
}

.wPaint-theme-classic .wPaint-menu-icon.hover,
.wPaint-theme-classic .wPaint-menu-icon.active {
    border-color: #9cf !important;
    background-color: #acf !important;
}
.wPaint-menu-holder {
    box-shadow: 3px 2px 4px #999 !important;
}
.wPaint-menu {
    top: -45px !important;
}

#wPaintContainer .buttons {
    position: absolute;
    top: 10px;
    right: 10px;
}
#wPaintContainer .buttons a {
    padding: 8px;
    text-decoration: none;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #84133e;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}
div#overlay {
    display: none;
    width: 100%;
    background: #0f0f0f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0.4;
}
.btn-action {
    padding: 5px;
    color: #fff;
    margin-right: 10px;
}
.btn-action.btn-default {
    color: #c8b5b5;
}
/* Action shown but not available (e.g. Duplicate Job for admin users). */
.btn-action.btn-action-disabled,
.btn-action.btn-action-disabled:hover,
.btn-action.btn-action-disabled:focus {
    background: #bfbfbf;
    border-color: #bfbfbf;
    color: #f0f0f0;
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
}
.btn-action.btn-default:hover {
    background: #d5d4d4;
    color: #eb0303;
}

/* Quick picks under Other Type Name. */
.type-other-presets {
    margin-top: 8px;
}
.type-other-preset.active {
    background: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

.btn-job-status {
    font-size: 13px;
    padding: 1px 4px;
    border-radius: 0;
}
.blocker {
    z-index: 2 !important;
}

.original-data {
    color: red;
    font-size: 12px;
    margin-left: 10px;
}

.glower {
    background-color: #fff4f4;
    /*border: 1px solid transparent;*/
    -webkit-transition:
        border 0.1s linear,
        box-shadow 0.1s linear;
    -moz-transition:
        border 0.1s linear,
        box-shadow 0.1s linear;
    transition:
        border 0.1s linear,
        box-shadow 0.1s linear;
    border-color: #84133e;
    -webkit-box-shadow: 0 0 5px #84133e;
    -moz-box-shadow: 0 0 5px #84133e;
    box-shadow: 0 0 5px #84133e;
}
#wPaint a.close-modal {
    top: 1px !important;
    right: 3px !important;
    width: 42px !important;
    height: 29px !important;
    text-indent: 0 !important;
    background-image: none;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}
form .error {
    color: #ff0000;
    font-size: 13px;
    font-weight: normal;
}
#remarksImage img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#openRemarks {
    float: right;
}
.wPaint-canvas {
    border: 1px solid #ccc;
    border-radius: 4px;
    /*margin: 26px 0 0 10px;*/
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#wPaintContainer {
    position: fixed;
    margin: 5px;
    padding: 45px 5px 5px 5px;
}
/*.wPaint-menu-alignment-vertical {
    right: 0px !important;
    top: 35px !important;
    left: inherit;
}*/

.shipping-icon {
    height: 20px;
}

/* Print Status Badge Styles */
.print-status-badge {
    font-size: 10px;
    padding: 2px 6px;
    margin-left: 8px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    cursor: help;
}

.print-status-badge.badge-success {
    background-color: #5cb85c;
    color: #fff;
}

.print-status-badge.badge-default {
    background-color: #999;
    color: #fff;
}

.btn-reset-print {
    font-size: 12px;
    padding: 2px 5px;
    margin-left: 5px;
}

/* Add spacing between action buttons and print badge */
.btn-action + .print-status-badge,
.print-status-badge + .btn-action,
.btn-action + .btn-reset-print {
    margin-left: 8px;
}
#measurementForm .input-group,
#frmSkipJobID .input-group {
    line-height: 0;
}
@media all and (max-width: 540px) {
    .thumbnail-img {
        height: 54px;
    }
}
@media all and (max-width: 767px) {
    .first-field {
        margin-bottom: 10px;
        padding-right: 0 !important;
    }
}
@media all and (min-width: 768px) {
    .first-field {
    }
}
@media all and (min-width: 768px) and (max-width: 990px) {
    /*.images-view-wrapper{
        width: 340px;
    }*/
}
@media all and (min-width: 991px) and (max-width: 1200px) {
    /*.images-view-wrapper {
        width: 290px;
    }*/
    .radio-btns-wrapper .radio .radio-inline {
        margin-left: 0 !important;
        min-width: 58px !important;
        width: auto !important;
    }
}
/*@media all and (max-width: 1200px){

}*/
@media all and (min-width: 1201px) {
    .images-view-wrapper {
        /*width: 355px;*/
        width: 50%;
    }
    .radio-btns-wrapper .radio .radio-inline {
        margin-left: 0 !important;
        min-width: 58px !important;
        width: auto !important;
    }
}

/* A readonly number input can still render spin buttons, which invite exactly
   the edit the readonly is there to prevent. Hide them, and show the cursor
   that says "not editable". Bootstrap already greys the background. */
input[type="number"][readonly]::-webkit-outer-spin-button,
input[type="number"][readonly]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"][readonly] {
    -moz-appearance: textfield;
    cursor: not-allowed;
}

@media print {
    .nav-tabs.step-anchor,
    .navbar,
    .sw-toolbar {
        display: none;
    }
    .code-wrapper {
        margin-top: 5px;
    }
    .panel {
        margin-bottom: 0;
    }
    @page {
        size: auto; /* auto is the initial value */
        margin: 0; /* this affects the margin in the printer settings */
    }
}