@CHARSET "ISO-8859-1";
/*!* RESET CSS *!*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    overflow-x: auto;
}

.table-layout-fixed {
    table-layout:fixed
}

:root {
    --dt-row-selected: 176, 190, 217;
}

::placeholder {
    color: #ccc;
    font-style: italic;
}

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

.c-sidebar, .c-header {
    -webkit-font-smoothing: antialiased;
}

.bg-light {
    color:#000;
}

.c-main {
    font-size: .75rem !important;
    width: 100%;
}

.c-main a {
    outline: 0;
    text-decoration: underline;
}

.select2-drop {
    font-size: .75rem;
    z-index:9999999999 !important;
}
.select2-drop-mask {
    z-index:9999999999 !important;
}

.sticky-top {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top:70px;
    z-index: 15006;
}

.ui-front {
    z-index: 15005 !important;
}
.ui-dialog {
    z-index: 15015 !important;
}

.dialog-on-top {
    z-index: 15016 !important;
}

.ui-dialog .select2-drop, .ui-dialog .select2-drop-mask {
    z-index:15009 !important;
}
.ui-dialog[aria-describedby='note_dialog'] {
    z-index: 9999999999 !important;
}

#ui-datepicker-div {
    z-index: 15020 !important;
}

.dataTable .orange_cell:nth-child(odd) td{
    background:#FFC17A !important;
}
.dataTable .orange_cell:nth-child(even) td{
    background:#f1a650 !important;
}

.dataTable .green_cell:nth-child(odd) td{
    background: #6f6 !important;
}
.dataTable .green_cell:nth-child(even) td{
    background: #9f9 !important;
}

.dataTable .blue_cell:nth-child(odd) td{
    background: #6AD4F7 !important;
}
.dataTable .blue_cell:nth-child(even) td{
    background: #92dbf7 !important;
}

.dataTable .plum_cell:nth-child(odd) td {
    background: #DDA0DD !important;
}
.dataTable .plum_cell:nth-child(even) td {
    background: #de85de !important;
}

.dataTable .light_red_cell:nth-child(odd) td {
    background: #db7371 !important;
}
.dataTable .light_red_cell:nth-child(even) td {
    background: #de6361 !important;
}


.dataTable .light_blue_cell:nth-child(odd) td {
    background: #93d4f1 !important;
}
.dataTable .light_blue_cell:nth-child(even) td {
    background: #b5e7fd !important;
}

.dataTable .light_brown_cell:nth-child(odd) td {
    color: #ffffff !important;
    background: #a99584 !important;
}
.dataTable .light_brown_cell:nth-child(even) td {
    color: #ffffff !important;
    background: #94897d !important;
}

#changeLogTrigger {
    cursor: pointer;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
    margin-left:5px;
    margin-top:3px;
}

h3 {
    width: 200px;
    border-bottom: 1px solid #999999;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1.2em;
    font-weight: bold
}

.strikethrough {
    text-decoration: line-through;
    font-style: italic;
    opacity: 0.8;
}

tfoot th {
    background-color: #e0e0e0;
    padding: 5px;
    border: 1px solid #65777f;
}

input[type='radio'] {
    margin: 3px;
}

button, input, optgroup, select, textarea {
    line-height: normal;
}

caption {
    display: table-caption;
    text-align: center;
    margin-top:10px;
}

#helpdesk {
    position: fixed;
    top: 0px;
    text-align: center;
    width: 100%;
}

#helpdesk a {
    text-decoration: none;
    padding: 5px;
    background-color: #205081;
    border: 2px solid white;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-top: none;
    display: inline-block;
}

.bold {
    font-weight: bold;
}

.no-underline {
    text-decoration: none !important;
}

.nowrap {
    white-space:nowrap;
}

.fixed_position {
    position: fixed !important;
}

.vertical-text {
    transform: rotate(270deg);
    /* Safari */
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right top; /* Chrome, Safari, Opera */
    /* Firefox */
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: right top;
    /* IE */
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right top;
    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    transform-origin: right top;
}

.rotate_180 {
    transform: rotate(180deg);
    /* Safari */
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: right top; /* Chrome, Safari, Opera */
    /* Firefox */
    -moz-transform: rotate(180deg);
    -moz-transform-origin: right top;
    /* IE */
    -ms-transform: rotate(180deg);
    -ms-transform-origin: right top;
    /* Opera */
    -o-transform: rotate(180deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    transform-origin: right top;
}
.card-header {
    /*background: #d1ecf1 !important;*/
}

.small_edit_icon {
    width: 12px;
    height: 12px;
    top: 0px;
}

.rounded_border {
    border: 1px solid #000000 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.rounded_border-top-only {
    border: 1px solid #000000 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 4px 0 0;
}

.rounded_border-bottom-only {
    border: 1px solid #000000 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0 0 4px 4px;
}

.border {
    border: 1px solid #000000;
}

.legend_text {
    margin-top: 3px;
    float: left;
    font-weight: bold;
}

.legend_thumb {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid silver;
}

.legend_thumb.unpicked {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid silver;
    background: linear-gradient(to right bottom, #FFFFFF 50%, #E2E9F2 50%);
}

.legend_thumb.pick_next {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid silver;
    background-color: #66FFFF;
    display: inline-block;
}

.legend_thumb.incomplete {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid silver;
    background: linear-gradient(to right bottom, #FF0100 50%, #FF3333 50%);
}

.legend_thumb.finished {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid silver;
    background: linear-gradient(to right bottom, #68FC66 50%, #99FD99 50%);
}


.legend_thumb.overage {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    border: 1px solid silver;
    background: linear-gradient(to right bottom, #7ac779 50%, #5B985C 50%);
}


.legend_item {
    margin-right: 20px;
    float: left;
}

.legend_item:first-child {
    argin-left: 0px;
}

.card-body .legend {
    margin-top: 20px;
    padding-top: 11px;
    padding-bottom: 32px;
    padding-left: 10px;
    width: auto;
}

.file_upload {
    display: none;
}

#file-upload-presentation, .file-upload-presentation {
    border: none;
    display: none;
}

#file-upload-presentation td, .file-upload-presentation td {
    border: none;
}

#file-upload-presentation label, .file-upload-presentation label {
    margin-left: 40px;
    width: 95px;
    margin-top: 0px;
}

#file-upload-preview img, .file-upload-preview img {
    max-height: 150px;
    max-width: 150px;
}

.small_screen {
    display: none;
}

.large_screen {
    display: inline;
}

.clear {
    clear: both;
}

.em-small {
    font-size: .8em;
    clear: both;
}

.em-normal {
    font-size: 1em;
}

.em-medium {
    font-size: 1.2em !important;
}

.em-large {
    font-size: 1.5em !important;
}

.em-double {
    font-size: 2em !important;
}

.line-height-medium {
    line-height: 1.6em !important;
}

.line-height-large {
    line-height: 2em !important;
}

.weight-normal {
    font-weight: normal;
}

.error {
    color: #EA3542 !important;
    background-color: #fcc7c7 !important;
}

.text-red {
    color: #EA3542 !important;
}

label.error {
    background-color: #ffffff !important;
}

.data_row .error_message, .slickgrid_error {
    top: 0px;
    background-color: #ffffff;
    color: #D80E18;
    padding: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.slick-row.even {
    background: #E3E9F2;
}

.slick-header-column.ui-state-default {
    color: #ffffff !important;
    background: #5d7399 !important;
    font-weight: bold !important;
    border: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    cursor: pointer;
}

.total-spacer-row {
    visibility: hidden;
}

.slick-viewport.totals-viewport {
    position: relative;
    overflow: hidden;
}

.slick-viewport .slick-row.totals {
    position: relative;
}

.slick-row.active {
    background: beige
}

.slick-footerrow-column {
    color: #000000 !important;
    font-weight: bold !important;
}

.cell-instruction {
    cursor: pointer;
    background: url("/images/comment.png") no-repeat center center;
}

.cell-instruction.custom-instruction {
    cursor: pointer;
    background: url("/images/cancel.png") no-repeat center center;
}

.success {
    color: #008000;
    background-color: #beeab4;
}

.success_message {
    background-color: #beeab4;
    border-radius: 4px;
    clear: both;
    color: #008000;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px;
    position: relative;
    top: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.error_message {
    background-color: #fcc7c7;
    border-radius: 4px;
    clear: both;
    color: #EA3542;
    font-size: 13px;
    font-weight: bold;
    /*padding: 5px;*/
    position: relative;
    top: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.information {
    font-size: 14px;
    font-weight: bold;
}

.icon {
    cursor: pointer;
    position: relative;
    /*top: 2px;*/
}

.clickable-element {
    cursor: pointer;
    cursor: hand;
}

.datatables_overall_totals {
    display: none;
}

.total_row {
    text-align: right;
    font-weight: bold;
    color: #000000;
}

.data_row {
    /*margin-top: 3px;*/
    margin-bottom: 5px;
    clear: both;
}

#scrap_dialog .data_row {
    line-height: 2em;
}

.data_row label {
    float: left;
    overflow: auto;
    font-weight: bold;
    /*padding-top: 3px;*/
    padding-bottom: 3px;
    width: 120px;
    padding-right: 5px;
}

.data_row label.plain-label {
    float: none;
    width: auto;
    font-weight: normal;
    padding: 0;
    margin: 0;
    overflow: visible;
}

.data_row label.short {
    width: 60px;
}

.data_row label.medium {
    width: 90px;
}

.data_row label.medium_long {
    width: 120px;
}

.data_row label.long {
    width: 150px;
}

.data_row label.extra_long {
    width: 180px;
}

.data_row label.super_long {
    width: 250px;
}

#carton_counts .data_row label, #View_Edit_dash_count .data_row label, #Add_dash_count .data_row label {
    width: 40px;
}

.data_row .data {
    font-weight: bold;
    color: #498ba8 !important;
    /*line-height: 2em;*/
    /*margin-top: -2px;*/
    /*padding-top: 3px;*/
}

.data_row textarea {
    margin-top: -4px;
}

.data_row p.data {
    float: right;
}

.column.noinput .data_row {
    line-height: 22px;
}

tr.complete:nth-child(odd) {
    background: #6f6;
}

tr.complete:nth-child(even) {
    background: #9f9;
}

tr.partially_complete:nth-child(odd) {
    background: #FFC17A !important;
}

tr.partially_complete:nth-child(even) {
    background: #f1a650 !important;
}

.dashboard_tile {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.thumb_tile {
    position: relative;
    height: 180px;
    border: 1px solid #cccccc;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
}

#order_pallet_photo_dialog .thumb_tile {
    height: 160px;
}

.thumb_tile_delete {
    position: absolute;
    top: -1px;
    right: -1px;
    background-color: #ffffff;
    padding: 2px;
    border: 1px solid #cccccc;
}

.thumb_tile_image_container {
    padding: 10px;
    height: 120px;
    text-align: center;
}

.thumb_tile_image_container img {
    max-width: 100px;
    max-height: 100px;
}

.thumb_tile .text_container {
    width: 160px;
    height: 36px;
    text-align: center;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.box_shadow_border {
    -moz-box-shadow: 3px 3px 5px 1px #cccccc;
    -webkit-box-shadow: 3px 3px 5px 1px #cccccc;
    box-shadow: 3px 3px 5px 1px #cccccc;
    border: 1px solid #999999;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.box_shadow_border_light {
    -moz-box-shadow: 1px 3px 5px 1px #cccccc;
    -webkit-box-shadow: 1px 3px 5px 1px #cccccc;
    box-shadow: 1px 3px 5px 1px #cccccc;
    border: 1px solid #999999 !important;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.manage-form-div form {
    margin-top: 20px;
    /*margin-left: 10px;*/
}

.manage-form-div .success_message, .manage-form-div .error_message {
    margin-top: 10px;
}

.directions {
    font-style: italic;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.row:after {
    clear: both;
}

.column {
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.filter th {
    background-color: #e0e0e0;
}

#saving .loader-dark {
    margin-top:0px;
    margin-bottom:10px;
    width:5em;
    height:5em;
}

.saving_wrapper {
    display: none;
    position: relative;
}

.saving_wrapper:before {
    content: "";
    opacity: .5;

    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 50000;
    background: #cccccc;
}

.saving {
    z-index: 50002 !important;
    top: 150px;
    position: fixed !important;
    display: block !important;
}

.loading, .saving {
    position: absolute;
    z-index: 10000;
    background: #ffffff;
    left: 50%;
    display: none;
    margin-left: -75px;
    margin-right: auto;
    margin-top: 30px;
    border: 1px solid #999999;
    width: 250px;
    padding: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
}

.loading span, .saving span {
    margin-left: 20px;
    position: relative;
    /*top: -10px;*/
    margin-left: 10px;
}

.no_formatting {
    border: none !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0px !important;
}

.grid {
    border: 1px solid #999999;
    margin-top: 10px;
    width: 100%;
    height: 400px;
}

.nowrap_cell {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tabs {
    display: none;
}

.tooltip {
    cursor: pointer;
    display: inline;
    opacity: 100;
    padding: 0px;
}

.ui-tooltip {
    z-index: 200000 !important;
}

header, #header, .header {
    border-bottom: 2px solid #999999;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    min-height: 75px;
    background: #ffffff;
}

#content {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Collapsible panels for Manage User navigation privileges UI */

.navigation-panels .panel-title label::after {
    content: "\f107"; /* down arrow - "Expand Me!" */
    color: #333;
    top: 8px;
    right: 10px;
    position: absolute;
    font-family: "Font Awesome 5 Pro"
}

.navigation-panels .panel-title[aria-expanded="true"] label::after {
    content: "\f106"; /* up arrow - "Collapse Me!" */
}

.navigation-panels .panel {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
}



#breadcrumb {
    display:none
}

.padding_0 {
    padding: 0 !important;
}

.padding_5 {
    padding: 5px !important;
}

.padding_10 {
    padding: 10px !important;
}

.margin_0 {
    margin: 0 !important;
}

.margin_5 {
    margin: 5px !important;
}

.margin_10 {
    margin: 10px !important;
}

footer, #footer {
    /*height: 15px;*/
    border-top: 2px solid #999999;
    background: #dddddd;
    z-index: 2000;
}

input:disabled, textarea:disabled, select:disabled {
    cursor: default
}

input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], textarea, input[type="numeric"] {
    color: #666666;
    padding: 4px;
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 220px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, input[type="numeric"]:focus {
    border-color: #5897fb;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}

input.no_effect, textarea.no_effect {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-left: 0px;
}

select {
    width: 230px;
    /* display: none; */
}

textarea {
    resize: none;
}

.card_header {
    border-bottom: 1px solid #999 !important;
    /*border-radius: 4px 4px 0 0;*/
    position: relative;
    top: 0;
    left: 0;
    padding: 5px;
    width: auto;
    text-align: center;
}

.placeholder {
    width: 220px;
    argin-bottom: 10px;
    color: #666666;
}

input[readonly] {
    background-color: #f2f2f2;
}

textarea[readonly] {
    background-color: #f2f2f2;
}

/* FORM ELEMENTS */
form {
    margin-top: 0px;
    margin-bottom: 10px;
}

.report_actions {
    clear: both;
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.actions {
    clear: both;
    border-top: 1px solid #999999;
    padding-top: 15px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.action {
    padding: 5px;
    border: 1px solid #999999;
    height: 30px;
    background: -moz-linear-gradient(center top, #FFFFFF 0%, #F3F3F3 89%, #F9F9F9 100%) repeat scroll 0 0 transparent
}

#bulk-cancel {
    padding: 10px;
    width: 50%;
    border: 1px solid rgb(99, 99, 99);
    border-radius: 5px;
    background-color: rgb(255, 222, 222);
}

.sidebar_actions {
    padding-top: 15px;
    margin-top: 20px;
    padding-bottom: 10px;
    width: 85px;
    position: fixed;
    top: 250px;
    right: 17px;
    z-index: 4000;
    background: #ffffff;
}

.actions .form_is_dirty {
    clear: both;
    padding-top: 10px;
    color: #ff0000;
    margin-left: 15px;
    margin-top: 10px;
    width: 40px;
    text-align: center;
    padding-top: 10px;
}

form .actions .form_is_dirty {
    clear: none;
    float: left;
    margin-top: 0px;
    padding-top: 0px;
    width: auto;
}

.cancel {
    margin-left: 10px;
}

span.cancel-bootstrap-override {
    background-color: #f0ad4e !important;
    background-image: none !important;
    border-color: #eea236 !important;
    border-radius: 3px !important;
    color: #FFFFFF !important;
    float: none !important;
    line-height: 1.5em !important;
    margin: 0 0 5px 0 !important;
    padding: 0.375em 0.75em !important;
    width: auto !important;
}

.bom-substitute-rm {
    width: 90%;
    border: 1px solid #0a0a0a;
    border-radius: 5px;
    background-color: #E3E9F2;
}

.bom_part_on_hold {
    font-weight: bold;
    color: #FF29FF;
}

.popup_background {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 5000;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.popup_box_content {
    background: #ffffff;
    position: fixed;
    text-align: left;
    top: 25%;
    left: 30%;
    right: 30%;
    width: 40%;
    padding: 16px;
    z-index: 5000;
    overflow: hidden;
    font-weight: normal;
    font-size: 1em;
    border: 1px solid #333333;
    max-height: 60%;
    min-height: 120px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#gray_background_help {
    z-index: 2000;
}

/*  TABLES */
.editor-initialized input {
    width: 100%;
    font-size: 1em;
    background: none;
}
.editor-initialized input:focus {
    outline: none;
}

table.dataTable.compact thead th, table.dataTable.compact thead td, table.dataTable.compact tfoot th, table.dataTable.compact tfoot td, table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 5px;
}

button.dt-button,
div.dt-button,
a.dt-button {
    position: relative;
    display: inline;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 1.5em;
    color: black;
    user-select: none;
    text-decoration: none;
    outline: none;
    margin-right: 0.25em;
    padding: 0;
    width:30px;
    border: 1px solid #999;
    border-radius: 2px;
    /*padding-top:15px;*/
}

.buttons-columnVisibility {
    font-size: 1.25em !important;
}

div.dataTables_processing {
    z-index:1000;
    margin-top:0px;
}

.dt-down-arrow {
    display:none;
}

.dt-button embed {
    outline: none;
}

div.dt-buttons {
    position: relative;
    float: right;
    top:-5px;
    margin-bottom:5px;
}
div.dt-buttons.buttons-right {
    float: right;
}

table.dataTable {
    /*border-collapse: collapse;*/
    /*border-bottom: 1px solid #65777f;*/
    /*border-right: 1px solid #65777f;*/
    /*min-width: 350px;*/
    font-size: 1em;
    clear: both;
    /*margin-bottom: -1px !important;*/
}

.dataTables_scrollBody .dataTable {
    border-bottom: none;
    margin: 0px;
}

.dataTables_scroll {
    padding-bottom: 10px;
}

tr {
    background-color: #ffffff;
}

tr.even > td {
    background-color: #ffffff;
}

td.odd {
    background-color: #E3E9F2;
}

td.even {
    background-color: #FFFFFF;
}

tr.odd > td {
    background-color: #E3E9F2;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #E3E9F2;
}

tr.odd td input.no_formatting {
    background-color: #E3E9F2 !important;
}

tr.table_header.no_formatting {
    background-color: #E3E9F2 !important;
    font-weight: bold;
}

tr.odd.DTTT_selected td {
    background-color: #9fafd1;
}

th {
    background-color: #5D7399;
    color: #eeeeee;
    padding: 5px;
    text-align: left;
    /* padding-right: 25px; */
    cursor: pointer;
}

.dataTable th.sorting_disabled {
    cursor: default;
}

table.dataTable thead th {
    border-bottom: none !important;
}

thead th {
    border: 1px solid #000;
}

.dataTable thead th {
    border: none;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}

.dataTable .sticky {
    left: 0;
    position: sticky !important;
    top: auto;
    z-index: 1100;
    border-right: 1px solid #000000 !important;
}
.dataTable .sticky_right {
    right: 0;
    position: sticky !important;
    top: auto;
    z-index: 1100;
    border-right: 2px solid #000000 !important;
}

.dataTable tfoot th {
    background-color: #e0e0e0;
    padding: 5px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0;
    border-left: 1px solid #65777f;
    order: 1px solid #65777f;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.detail td {
    background-color: #DBEDC2;
}

.sub_detail td {
    background-color: #98BC65;
}

.sub_sub_detail td {
    background-color: #6E9339;
}

.dataTable th.no_display input {
    display: none;
}

td {
    border: 1px solid #65777f;
    vertical-align: top;
    padding: 5px;
}

.dataTable td {
    border: none;
    border-left: 1px solid #65777f;
    border-top: 1px solid #65777f;
    white-space: nowrap;
}

.dataTable td:last-child, .dataTable th:last-child {
    border-right:1px solid #65777f;
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

td.breakword {
    word-wrap: break-word;
    /*word-break: break-all;*/
    overflow-wrap: break-word;
    white-space: normal;
}

.dataTables_scrollFoot {
    padding-bottom: 1px;
}
.dataTables_scrollFoot .dataTable {
    border-bottom: 1px solid;
}

/*.DTFC_Cloned {*/
    /*border: none;*/
    /*border-collapse: collapse;*/
    /*border-top: 1px solid;*/
/*}*/

/*.DTFC_LeftBodyWrapper thead {*/
    /*display: none;*/
/*}*/

/*.DTFC_LeftFootWrapper {*/
    /*padding-bottom: 1px;*/
/*}*/

/*.DTFC_Cloned th {*/
    /*border: 1px solid #000000;*/
/*}*/

/*.DTFC_Cloned thead {*/
    /*border-bottom: 1px solid #000;*/
/*}*/

/*.DTFC_Cloned tfoot th {*/
    /*border: 1px solid #65777f;*/
/*}*/

/*.DTFC_Cloned td {*/
    /*border: 1px solid #65777f;*/
    /*border-top: 1px solid #65777f;*/
/*}*/

#pick_item .data_row {
    margin-bottom: 15px;
}

.radio-toolbar {
    margin: 0;
    direction: rtl;
}

.radio-toolbar input[type="radio"] {
    display: none;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #DDDDDD;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #444;
    border-radius: 4px;
    direction: ltr;
    min-width: 60px;
    text-align: center;
}

.radio-toolbar label:hover {
    background-color: #DDFFDD;
}

.radio-toolbar input[type="radio"]:checked + label {
    background-color:#BBFFBB;
    border-color: #44CC44;
}

#dialog #checklist_questions {
    font-size: 16px;
}

@media (max-width:1200px) {

}

@media (max-width:992px) {
    .metrics {
        position:relative !important;
    }

}

@media (max-width:768px) {
}

/* LARGE TABLETS */
@media screen and (device-width: 1200px) and (orientation: landscape) {
    #inner_wrapper {
        font-size: 1.2em !important;
    }

    .select2-drop {
        font-size: 1.2em !important;
    }

    .DTTT_button_text, .DTTT_button_copy, .DTTT_button_print {
        display: none;
    }

    .submit, .save, .edit {
        max-height: 30px;
        padding: 10px 25px 10px 25px !important;
        width: auto !important;
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 800px) {
    html {
        font-size: 1.3em;
    }

    h3 {
        margin-bottom: 20px;
    }

    h1 {
        text-align: center;
        font-size: 1em;
        margin-bottom: 10px;
    }

    .data_row {
        margin: 5px 5px 12px 12px;
        clear: both;
    }

    #scan_form .data_row {
        width: 560px;
    }

    .data_row label {
        width: 200px;
    }

    #scan_form input#add_inventory {
        clear: both;
    }

    #tabs {
        width: auto !important
    }

    .submit, .save {
        max-height: 40px;
        padding: 10px 25px 10px 25px !important;
        width: auto !important;
        margin-top: 20px !important;
    }

    input, textarea, select, label {
        font-size: 1.2em;
    }

    .data_row .data {
        font-size: 1.2em;
    }

    select {
        width: 300px;
    }

    .DTTT_button_text, .DTTT_button_copy, .DTTT_button_print {
        display: none;
    }

    .dataTables_filter {
        margin-bottom: 10px;
    }

    .nowrap_cell {
        white-space: normal
    }

    able {
        max-width: 500px !important
    }

    .column {
        max-width: 600px !important;
    }

    .dataTable {
        font-size: 15px;
    }

    .saving {
        width: 160px;
    }

    .dataTable td {
        padding-bottom: 7px;
    }

    #cboxContent .column {
        margin-left: 5px;
        margin-right: 5px;
    }

    #cboxContent .column .data_row {
        margin: 3px 5px;
    }

    #cboxContent .column .data_row label {
        font-size: .85em;
    }

    .desktop_only {
        display: none;
    }

    #pick_item .column {
        width: auto !important;
        font-size: .7em !important;
    }

    #pick_item label {
        width: 100px;
    }

    #metrics {
        display: none;
    }

    .select2-result {
        margin-bottom: 10px;
    }

    .select2-results {
        max-height: 300px !important;
    }

    #ui-datepicker-div {
        font-size: 1.4em !important;
    }

    .ui-datepicker-header {
        height: 50px !important;
    }

    .sticky-top {
        top: 40px;
    }
}

@media screen and (max-width: 599px) {
    #scan_form .data_row {
        width: auto;
    }

    .data_row label {
        width: 280px;
    }

    #printable_batch_ticket_inner_content label {
        width: 150px;
    }

    #printable_bottling_job_list .data_row label {
        width: 150px !important;
    }

    #printable_batch_ticket_inner_content #formula td {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .desktop_only {
        display: none;
    }
}

/*@media screen and (max-height: 500px) {*/
/*    html {*/
/*        !*font-size: .6875em;*!*/
/*    }*/

/*    #footer {*/
/*        height: 20px;*/
/*        padding-top: 4px;*/
/*    }*/

/*    .desktop_only {*/
/*        display: none;*/
/*    }*/
/*}*/

/* SMALL TABLETS & PHONES */
@media screen and (max-width: 375px) {
    html{font-size: .8em}

    #PA_pallet_info_container table th {
        /*white-space: normal !important;*/
    }
    #PA_pallet_info_container table {
        font-size: 16px !important;
    }
    .tablet-button {
        padding: 20px 20px !important;
        width: 80px !important;
    }
}

@media screen and (max-width: 414px) {
    html{font-size: .8em;}
    .sticky-top {top:40px;}
}





#help {
    display: inline-block;
    margin-left: 5px;
    border: 0;
}

#help img {
    border: 0;
    cursor: help;
}

.help {
    margin-left: 8px;
    position: relative;
    cursor: help;
    border: 0;
}

.fancy_button {
    color: #000000;
}

.fancy_button,
.save,
.continue,
.cancel,
.submit,
button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    text-decoration: none !important;
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 4px 8px;
    border: 1px solid #999;
    cursor: pointer;
    *cursor: hand;
    color: black !important;
    font-size: 1em;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;

    /* Generated by http://www.colorzilla.com/gradient-editor/ */
    background: #ffffff; /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0); /* IE6-9 */
}

.submit {
    background: rgb(146, 190, 244); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(146, 190, 244, 1) 0%, rgba(78, 139, 219, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(146, 190, 244, 1)), color-stop(100%, rgba(78, 139, 219, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(146, 190, 244, 1) 0%, rgba(78, 139, 219, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(146, 190, 244, 1) 0%, rgba(78, 139, 219, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(146, 190, 244, 1) 0%, rgba(78, 139, 219, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(146, 190, 244, 1) 0%, rgba(78, 139, 219, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92bef4', endColorstr='#4e8bdb', GradientType=0); /* IE6-9 */
    margin-top: -5px;
    width: 50px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */
button.DTTT_button {
    height: 30px;
    padding: 3px 8px;
}

.DTTT_button embed {
    outline: none;
}

.fancy_button:hover, .fancy_button:focus, .save:focus, .cancel:focus, .continue:focus, .submit:focus,
.save:hover, .cancel:hover, .continue:hover, .submit:hover,
button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover {
    border: 1px solid #666;
    text-decoration: none !important;

    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    -ms-box-shadow: 1px 1px 3px #999;
    -o-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;

    background: #f3f3f3; /* Old browsers */
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* IE10+ */
    background: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */
}

button.DTTT_disabled,
div.DTTT_disabled,
a.DTTT_disabled {
    color: #999;
    border: 1px solid #d0d0d0;

    background: #ffffff; /* Old browsers */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #ffffff 0%, #f9f9f9 89%, #fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0); /* IE6-9 */
}

.error_gradient {
    background: #f9b8b8; /* Old browsers */
    background: -moz-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9b8b8), color-stop(100%, #c17f7f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9b8b8 0%, #c17f7f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b8b8', endColorstr='#c17f7f', GradientType=0); /* IE6-9 */
}

.green_gradient {
    background: #89e5a5; /* Old browsers */
    background: -moz-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89e5a5), color-stop(100%, #46c46c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #89e5a5 0%, #46c46c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89e5a5', endColorstr='#46c46c', GradientType=0); /* IE6-9 */

    color: #000000;
}

.green_gradient:hover, .green_gradient:focus {
    border: 1px solid #666;
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0); /* IE6-9 */

    -webkit-box-shadow: 1px 1px 6px #999;
    -moz-box-shadow: 1px 1px 6px #999;
    -ms-box-shadow: 1px 1px 6px #999;
    -o-box-shadow: 1px 1px 6px #999;
    box-shadow: 1px 1px 6px #999;
}

.red_gradient {
    background: #f9b8b8; /* Old browsers */
    background: -moz-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9b8b8), color-stop(100%, #c17f7f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9b8b8 0%, #c17f7f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b8b8', endColorstr='#c17f7f', GradientType=0); /* IE6-9 */

    color: #ffffff;
}

.red_gradient:hover, .red_gradient:focus {
    background: #f9bf9a; /* Old browsers */
    background: -moz-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9bf9a), color-stop(100%, #bf4e2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9bf9a 0%, #bf4e2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9bf9a', endColorstr='#bf4e2b', GradientType=0); /* IE6-9 */
}

.yellow_gradient {
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0); /* IE6-9 */

    color: #000000;
}

.yellow_gradient:hover, .yellow_gradient:focus {
    background: #F9F098; /* Old browsers */
    background: -moz-linear-gradient(top, #F9F098 0%, #DBD82B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F098), color-stop(100%, #DBD82B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F9F098 0%, #DBD82B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F9F098 0%, #DBD82B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F9F098 0%, #DBD82B 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F9F098 0%, #DBD82B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F098', endColorstr='#DBD82B', GradientType=0); /* IE6-9 */
}

.blue_gradient:hover, .blue_gradient:focus {
    background: #1EB6EA; /* Old browsers */
    background: -moz-linear-gradient(top, #1EB6EA 0%, #078FBC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1EB6EA), color-stop(100%, #f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1EB6EA 0%, #078FBC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1EB6EA 0%, #078FBC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1EB6EA 0%, #078FBC 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1EB6EA 0%, #078FBC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1EB6EA', endColorstr='#078FBC', GradientType=0); /* IE6-9 */
}

.blue_gradient {
    background: #6AD4F7; /* Old browsers */
    background: -moz-linear-gradient(top, #6AD4F7 0%, #1EB6EA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6AD4F7), color-stop(100%, #1EB6EA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6AD4F7 0%, #1EB6EA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6AD4F7 0%, #1EB6EA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6AD4F7 0%, #1EB6EA 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6AD4F7 0%, #1EB6EA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6AD4F7', endColorstr='#1EB6EA', GradientType=0); /* IE6-9 */
}

.orange_gradient {
    background: #FFC17A; /* Old browsers */
    background: -moz-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC17A), color-stop(100%, #FF944D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FFC17A 0%, #FF944D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC17A', endColorstr='#FF944D', GradientType=0); /* IE6-9 */
}

.orange_gradient:hover {
    background: #FFC17A; /* Old browsers */
    background: -moz-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC17A), color-stop(100%, #FF944D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFC17A 0%, #FF944D 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FFC17A 0%, #FF944D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC17A', endColorstr='#FF944D', GradientType=0); /* IE6-9 */
}

.bright_orange_cell {
    background: #f7bc17 !important;
}
.yellow_cell {
    /*background: #F9F940 !important;*/
    background: #ffe16c !important;
}

.orange_cell {
    /*background: #FFC17A !important;*/
    background: #ffb076 !important;
}

.green_cell {
    /*background: #71BF44 !important;*/
    background: #a2d087 !important;
}

.blue_cell {
    background: #6AD4F7 !important;
}

.gray_cell {
    background: #CACACA !important;
}

.light_yellow {
    /*background: #e6ff99 !important;*/
    /*background: #ffe9b5 !important;*/
    background: #fff7b3 !important;
}


.brown_cell {
    background: #7A5230 !important;
    color: #ffffff !important;
}

.light_brown_cell {
    /*background: #ab7f59 !important;*/
    color: #ffffff !important;
    background: #a99584 !important;
}

.light_red_cell {
    background: #de6361 !important;
    color: #ffffff !important;
}

.dark_red_cell {
    background: #bd340e !important;
    color: #ffffff !important;
}

.light_blue_cell {
    background: #8bc6e0 !important;
}

.blue_green_cell {
    background: #0d98ba !important;
}

.light_light_blue {
    background: #d1ecf1 !important;
}

.light_green_cell {
    background: #D2FF88 !important;
}

.bright_green_cell {
    background: #65FE08 !important;
}

.light_purple_cell {
    background: #bba6d2 !important;
}

.plum_cell {
    background: #DDA0DD !important;
}


.pink_cell {
    background: #FC62F7 !important;
}


.red_cell {
    background: #D82724 !important;
    color: #ffffff !important;
}

.bright_purple_cell {
    background: #7b49cb !important;
}

.no-content {
    content: '';
}

.save, .cancel, .continue {
    background: #89e5a5; /* Old browsers */
    background: -moz-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89e5a5), color-stop(100%, #46c46c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #89e5a5 0%, #46c46c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #89e5a5 0%, #46c46c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89e5a5', endColorstr='#46c46c', GradientType=0); /* IE6-9 */

    color: #000000;
    text-align: center;
    margin-top: -5px;
    width: 50px;
    padding-left: 0px;
    padding-right: 0px;
}

.save:hover, .save:focus, .cancel:hover, .cancel:focus, .continue:hover, .continue:focus, .submit:hover, .submit:focus {
    border: 1px solid #666;
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefcea), color-stop(100%, #f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fefcea 0%, #f1da36 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcea', endColorstr='#f1da36', GradientType=0); /* IE6-9 */

    -webkit-box-shadow: 1px 1px 6px #999;
    -moz-box-shadow: 1px 1px 6px #999;
    -ms-box-shadow: 1px 1px 6px #999;
    -o-box-shadow: 1px 1px 6px #999;
    box-shadow: 1px 1px 6px #999;
}

.edit {
    background: #f9b8b8; /* Old browsers */
    background: -moz-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9b8b8), color-stop(100%, #c17f7f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9b8b8 0%, #c17f7f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9b8b8 0%, #c17f7f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9b8b8', endColorstr='#c17f7f', GradientType=0); /* IE6-9 */

    color: #ffffff;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.edit:hover, .edit:focus {
    background: #f9bf9a; /* Old browsers */
    background: -moz-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9bf9a), color-stop(100%, #bf4e2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9bf9a 0%, #bf4e2b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9bf9a 0%, #bf4e2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9bf9a', endColorstr='#bf4e2b', GradientType=0); /* IE6-9 */

}

.formula_product {
    background: #ff9344 !important;
    text-shadow: none !important;
    font-size: 13px;
}

.formula_branch {
    background: #0065b7 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    font-size: 13px;
}

.formula_version {
    background: #3ad569 !important;
    color: #000000 !important;
    text-shadow: none !important;
    font-size: 13px;
}

.formula_revision {
    background: #d90000 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    font-size: 13px;
}

.formula-tooltip {
    float:left;
    margin-right:10px;
}

.continue, .stop {
    width: 70px;
}

.popup_closer {
    float: right;
    margin-top: -5px;
}

.action_icon {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15007;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: url(/images/overlay.png) repeat 0 0;
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(/images/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(/images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(/images/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(/images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    position: absolute;
    top: 0;
    right: 20px;
    background: url(/images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
    background: url(/images/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(/images/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(/images/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(/images/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(/images/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(/images/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(/images/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(/images/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

input.dirty, textarea.dirty {
    background-color: #fff7b3;
    border-color: #000000;
}

input.ignoredirty {
    background-color: #ffffff;
    border-color: #AAAAAA;
}

input.short {
    width: 60px;
}

input.medium_short {
    width: 75px;
}

input.medium {
    width: 90px;
}

.select2-container.medium {
    width: 50% !important;
}

input.medium_long {
    width: 120px;
}

input.long {
    width: 150px;
}

input.extra_long {
    width: 200px;
}

input.max_long {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.note {
    border: 1px solid #aaaaaa;
    margin: 10px 5px;
    white-space: pre-wrap;
    position: relative;
}

.note .delete {
    float: left;
    padding: 10px;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    height: 100%;
}

.note_content {
    float: left;
    padding: 10px;
    min-height: 40px;
    width: 600px;
}

.note_info {
    float: right;
    padding: 10px;
    border-left: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    margin-left: 20px;
    margin-bottom: 10px;
    height: 40px;
    position: absolute;
    right: 0;
}

.note.dirty {
    background-color: #e6ff99;
    border-color: #000000;
}

.dataTables_wrapper {
    verflow-x: auto;
    verflow-y: hidden;
    margin-top:10px;
}

.text_left {
    text-align: left;
}
.text_center {
    text-align: center;
}
.text_right {
    text-align: right;
}

.totals_row th, .totals_row {
    text-align: right;
    font-weight: bold;
    color: #000000;
    background-color: #e0e0e0 !important;
    padding: 5px;
    border: 1px solid #65777f;
}

.totals_column {
    text-align: right;
    font-weight: bold;
    color: #000000;
    background-color: #e0e0e0;
    padding: 5px;
    border: 1px solid #65777f;
}

.final_totals th {
    text-align: right;
    font-weight: bold;
    color: #000000;
    background-color: #c0c0c0;
    padding: 5px;
    border: 1px solid #65777f;
}

.totals_row .totals_column {
    background-color: #999999;
}

.final_totals .totals_column {
    background-color: #666666;
    color: #ffffff;
}

.DTFC_ScrollWrapper {
    margin-bottom: 20px;
}

.employee {
    background: #cccccc url(/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x !important;
}

/*
(cs)spinner.css - http://jh3y.github.io/-cs-spinner
Licensed under the MIT license

Jhey Tompkins (c) 2014.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* (cs)spinner base styling */
.csspinner {
    position: relative;
}

.csspinner:before {
    content: "";
    z-index: 1000000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #cccccc;
    opacity: 0.6;
}

.csspinner:after {
    z-index: 2;
    content: "";
    height: 40px;
    width: 40px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin: -20px 0 0 -20px;
    -webkit-transition: all .75s ease 0s;
    transition: all .75s ease 0s;
    border-radius: 100%;
    border-top: 4px solid #555555;
    -webkit-animation: standard .75s infinite linear;
    animation: standard .75s infinite linear;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.csspinner.no-overlay:before {
    content: none;
    display: none;
}

/* (cs)spinner standard rotation animation used for duo, double-up etc. */
@-webkit-keyframes standard {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes standard {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*(cs)spinner bar - a simple strafing bar animation*/
.csspinner.bar:after {
    height: 20px;
    width: 40px;
    border-radius: 0;
    border: none;
    -webkit-animation: bar 1s infinite linear;
    animation: bar 1s infinite linear;
}

@-webkit-keyframes bar {
    from {
        -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    to {
        -webkit-box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5);
    }
}

@keyframes bar {
    from {
        -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5);
    }
    to {
        -webkit-box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5);
    }
}

/*(cs)spinner bar follow - a simple strafing bar animation that follows itself*/
.csspinner.bar.follow:after {
    -webkit-animation: bar-follow 1s infinite linear;
    animation: bar-follow 1s infinite linear;
}

@-webkit-keyframes bar-follow {
    0% {
        -webkit-box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5);
    }
    100% {
        -webkit-box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5);
    }
}

@keyframes bar-follow {
    0% {
        -webkit-box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5);
    }
    100% {
        -webkit-box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5);
        box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5);
    }
}

/* (cs)spinner blade spinner.
experimental spinner that tries to create a blade effect.*/
.csspinner.blade:after {
    height: 20px;
    width: 20px;
    margin: -10px 0 0 10px;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #e74c3c;
    opacity: 1;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

/*(cs)spinner double up - a doubling up standard animation spinner*/
.csspinner.double-up:after {
    border-right: 4px solid #e74c3c;
    border-top: 4px double #e74c3c;
    border-left: 4px double #e74c3c;
    border-bottom: 4px double #e74c3c;
}

/*(cs)spinner duo - a dual colored standard animated spinner*/
.csspinner.duo:after {
    border-right: 4px solid #333333;
    border-left: 4px solid #333333;
    border-top: 4px solid #f1c40f;
    border-bottom: 4px solid #f1c40f;
}

/* (cs)spinner helicopter spinner.*/
.csspinner.helicopter:after {
    height: 10px;
    width: 40px;
    margin: -10px 0 0 -20px;
    border: none;
    border-radius: 0;
    opacity: 1;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background-color: #8e44ad;
}

/*(cs)spinner line - a simple strafing line animation*/
.csspinner.line:after {
    height: 20px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: inset -10px 0px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset -10px 0px 0px rgba(0, 0, 0, 0.5);
    -webkit-animation: line .75s infinite linear;
    animation: line .75s infinite linear;
}

@-webkit-keyframes line {
    from {
        width: 10px;
    }
    to {
        width: 50px;
    }
}

@keyframes line {
    from {
        width: 10px;
    }
    to {
        width: 50px;
    }
}

/*(cs)spinner line grow - a simple strafing line animation that grows in the middle*/
.csspinner.line.grow:after {
    -webkit-animation: line 0.75s infinite linear, line-grow 0.75s infinite linear;
    animation: line 0.75s infinite linear, line-grow 0.75s infinite linear;
}

@-webkit-keyframes line-grow {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    50% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes line-grow {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    50% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

/*(cs)spinner line back and forth - a simple strafing line animation that goes back and forth*/
.csspinner.line.back-and-forth:after {
    -webkit-animation: line-back-and-forth 1s infinite linear;
    animation: line-back-and-forth 1s infinite linear;
}

@-webkit-keyframes line-back-and-forth {
    0% {
        width: 10px;
    }
    50% {
        width: 50px;
    }
    100% {
        width: 10px;
    }
}

@keyframes line-back-and-forth {
    0% {
        width: 10px;
    }
    50% {
        width: 50px;
    }
    100% {
        width: 10px;
    }
}

/*(cs)spinner line back and forth grow - a simple strafing line animation that goes back and forth and grows in the middle*/
.csspinner.line.back-and-forth.grow:after {
    -webkit-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
    animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear;
}

@-webkit-keyframes line-back-and-forth-grow {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    25% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
    }
    50% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    75% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes line-back-and-forth-grow {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    25% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
    }
    50% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    75% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

/* (cs)spinner ringed spinner.
a spinner with a static ring and no overlay.*/
.csspinner.ringed:after {
    border-right: 4px solid #e74c3c;
    border-top: 4px solid #2ecc71;
    border-left: 4px solid #2ecc71;
    border-bottom: 4px solid #2ecc71;
    opacity: 1;
}

/* (cs)spinner shadow - makes use of box shadowing effects */
.csspinner.shadow:after {
    -webkit-animation: spin-shadow 0.25s infinite linear;
    animation: spin-shadow 0.25s infinite linear;
    border-radius: 100%;
    border: none;
}

@-webkit-keyframes spin-shadow {
    0% {
        -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    25% {
        -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    50% {
        -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
    }
    100% {
        -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
    }
}

@keyframes spin-shadow {
    0% {
        -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    25% {
        -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    50% {
        -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
    }
    100% {
        -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
    }
}

/* (cs)spinner shadow oval left - makes use of box shadowing effects
in addition to offsetting the width and the height to angle the shadow*/
.csspinner.shadow.oval.left:after,
.csspinner.shadow.oval:after {
    -webkit-animation: spin-shadow 0.25s infinite linear;
    animation: spin-shadow 0.25s infinite linear;
    border: none;
    border-radius: 40% 100%;
}

@keyframes spin-shadow {
    0% {
        -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    25% {
        -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    50% {
        -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
    }
    100% {
        -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
    }
}

/* (cs)spinner shadow oval right - makes use of box shadowing effects
in addition to offsetting the width and the height to angle the shadow*/
.csspinner.shadow.oval.right:after {
    -webkit-animation: spin-shadow 0.25s infinite linear;
    animation: spin-shadow 0.25s infinite linear;
    border: none;
    border-radius: 100% 40%;
}

@keyframes spin-shadow {
    0% {
        -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    25% {
        -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5);
    }
    50% {
        -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5);
    }
    100% {
        -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
        box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5);
    }
}

/*(cs)spinner spherical horizontal spinner*/
.csspinner.sphere.horizontal:after,
.csspinner.sphere:after {
    border-radius: 100%;
    -webkit-animation: sphere .5s infinite;
    animation: sphere .5s infinite;
    border: none;
    height: 40px;
}

@-webkit-keyframes sphere {
    from {
        -webkit-box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5);
    }
    to {
        -webkit-box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5);
    }
}

@keyframes sphere {
    from {
        -webkit-box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5);
    }
    to {
        -webkit-box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5);
    }
}

/*(cs)spinner spherical vertical spinner*/
.csspinner.sphere.vertical:after {
    border-radius: 100%;
    -webkit-animation: sphere-v 0.5s infinite;
    animation: sphere-v 0.5s infinite;
    border: none;
    height: 40px;
}

@-webkit-keyframes sphere-v {
    from {
        -webkit-box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5);
    }
    to {
        -webkit-box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5);
    }
}

@keyframes sphere-v {
    from {
        -webkit-box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5);
    }
    to {
        -webkit-box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5);
        box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5);
    }
}

/* (cs)spinner traditional spinner.
Makes use of standard animation spin and minimally extends core.*/
.csspinner.traditional:after {
    border-right: 4px solid #999999;
    border-top: 4px solid #999999;
    border-left: 4px solid #666666;
    border-bottom: 4px solid #000000;
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}

/* Tablet (Small Screen) Focused CSS */
/* Tabletized only CSS */
#scan_login {
    clear: both;
    width: auto;
    border: 2px solid #333;
    min-height: 135px;
    margin: 10px auto;
    text-align: center;
    padding-top: 25px;
    font-weight: bold;
}

#pick_order h1, #pallet_handler h1, #deliver_pallet h1 {
    font-size: 1em;
}

#pick_order #order_id {
    font-size: 1em;
    float: left;
    margin-left: 10px;
}

#pick_order #pick_list_wrapper {
    width: 98% !important;
    margin: 0px auto;
}

#deliver_pallet #delivery, #deliver_pallet #pallet_deliver {
    margin: 10px auto;
    width: 96%;
    border: 2px solid #333;
    in-height: 200px;
    clear: both;
    padding: 5px;
}

#pick_order #location_scan {
    width: 220px;
    margin: 10px auto;
    display: block;
}

#dialog-pick-parts .card {
    cursor: pointer;
    cursor: hand;
}

#dialog-pick-parts .card .data_row {
    width: 220px;
}

#pallet_handler #action_area, #close_pick_note {
    margin: 10px auto;
    width: 96%;
    border: 2px solid #333;
    min-height: 200px;
    clear: both;
    padding: 5px;
}

#close_pick_note {
    display: none;
}

#close_pick_note textarea {
    width: 300px;
    height: 100px;
    margin: 10px auto;
    float: none;
    display: block;
}

#close_pick_note #close_pick_add_note.save {
    display: block;
    width: 200px;
    margin: 10px auto;
    clear: both;
    float: none;
}

.hold_notice {
    color: #FF28FF;
    background-color: #000000;
    border-radius: 4px;
    line-height: 1.4em;
    width: 75%;
}

#material_handler #action_area {
    margin: 10px auto;
    width: 96%;
    border: 2px solid #333;
    min-height: 50px;
    clear: both;
    padding: 5px;
    text-align: center;
}

#material_handler #action_area .fancy_button {
    margin: 10px auto;
    display: inline-block;
    clear: both;
    float: none;
    width: 150px;
}

#pallet_handler #action_area #pallet_scan {
    width: 220px;
    margin: 20px auto 5px;
    display: block;
}

#deliver_pallet input[type=password] {
    width: 220px;
    margin: 20px auto 5px;
    display: block;
}

#deliver_pallet input[type=text] {
    width: 220px;
    margin: 20px auto 5px;
    display: block;
}

#deliver_pallet input[type=output] {
    width: 220px;
    margin: 20px auto 5px;
    display: block;
    text-align: center;
    border: none;
}

#pick_components_grid ul.menu {
    padding-inline-start: 0;
    margin-bottom: 0;
}

#pick_components_grid td, #pick_components_grid th,
#pick_order td, #pick_order th {
    text-align: center;
}

#pick_components_grid tr.picked.odd td,
#pick_order tr.picked.odd td {
    background: #6f6;
}

#pick_components_grid tr.picked.even td,
#pick_order tr.picked.even td {
    background: #9f9;
}

#pick_components_grid tr.overage.odd td,
#pick_order tr.overage.odd td {
    background: #79c779;
}

#pick_components_grid tr.overage.even td,
#pick_order tr.overage.even td {
    background: #5b985b;
}

#pick_components_grid tr.error.odd td,
#pick_order tr.error.odd td {
    background: #f33;
    color: #fff;
}

#pick_components_grid tr.error.even td,
#pick_order tr.error.even td {
    background: #f00;
    color: #fff;
}

#pick_components_grid tr.next td,
#pick_order tr.next td {
    background: #6ff;
}

#pick_components_grid #action_area #pick_item,
#pick_order #action_area #pick_item {
    display: none;
}

#pick_components_grid #action_area #pick_item h4,
#pick_order #action_area #pick_item h4 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

#pick_components_grid #action_area #pick_item .label,
#pick_order #action_area #pick_item .label {
    float: left;
    width: 26%;
    font-weight: bold;
    margin-top: 5px;
}

#pick_components_grid #action_area #pick_item .value,
#pick_order #action_area #pick_item .value {
    float: left;
    width: 23%;
    margin-top: 5px;
}

#pick_components_grid #action_area #pick_item .label.full_row,
#pick_order #action_area #pick_item .label.full_row {
    clear: both;
}

#pick_components_grid #action_area #pick_item .value.full_row,
#pick_order #action_area #pick_item .value.full_row {
    width: 72%
}

#pick_components_grid #action_area #pick_item #enter_picked,
#pick_order #action_area #pick_item #enter_picked {
    clear: both;
    text-align: center;
    margin: 20px auto;
    display: block;
}

#pick_components_grid #action_area #pick_item #enter_picked #pick_qty,
#pick_order #action_area #pick_item #enter_picked #pick_qty {
    width: 200px;
    font-size: 100%;
    border: 1px solid #333;
    padding: 3px;
    color: #333;
}

#pick_order #action_area #pick_item #enter_picked #pick_submit.save {
    float: inherit;
    margin-top: 15px;
}

#pick_order #action_area #location_close #close_pick_submit.save, #deliver_pallet .save {
    float: none;
    margin: 0px auto 10px;
    width: 120px;
    display: block;
}

#deliver_pallet .fancy_button {
    float: none;
    margin: 10px auto 0;
    display: block;
}

#pallet_handler .label, #deliver_pallet .label {
    float: left;
    width: 50%;
    font-weight: bold;
    margin-top: 5px;
}

#pallet_handler .value, #deliver_pallet .value {
    float: left;
    width: 50%;
    margin-top: 5px;
}

#pallet_handler #action_area #pallet_info {
    display: none;
    margin-top: 10px;
}

#pallet_handler #action_area #checkout_pallet.save {
    clear: both;
    float: none;
    margin: 20px auto 0;
    width: 120px;
    display: none;
}

#deliver_pallet {
    display: none;
}

#checkin_pallet.save {
    display: none;
}

#add_message {
    color: #0000cc;
}

/* BOTTLING JOB RUN */
.checklist th {
    padding-right: 5px;
}

.torque_time {
    width: 50px !important;
    background-color: transparent !important;
    color: #eeeeee !important;
    font-weight: bold !important;
    padding-right: 0px !important;
}

.inactive_run .icon {
    display: none;
}

.inactive_run .inactive_overlay {
    display: block !important;
    background: #cccccc;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .6;
}

.inactive_run .inactive_overlay_message {
    display: block !important;
    background: #ffffff;
    position: absolute;
    top: 20%;
    padding: 40px;
    left: calc(50% - 220px);
    width: 360px;
}

/* END BOTTLING JOB RUN */

#po_number_placeholder, #View_Edit_po_number_placeholder, #s2id_po_number_placeholder, #s2id_View_Edit_po_number_placeholder {
    width: 400px;
}

.notification-number {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #ff0000;
    padding: 7px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 16px;
}

/* TABLET ORIENTED ONLY CSS */
.tablet-button {
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    color: #000 !important;
    width: 130px;
    padding: 40px 20px;
    margin: 20px 20px;
    background-color: #ccc;
    text-align: center;
    text-decoration: none !important;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -ms-box-shadow: 1px 1px 3px #ccc;
    -o-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;

    background: #ffffff; /* Old browsers */
    background: -webkit-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* IE10+ */
    background: -o-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#bbb', GradientType=0); /* IE6-9 */
}

.tablet-button.double-wide {
    width: 300px !important;
    font-size: 1.4em;
}

.tablet-button.triple-wide {
    width: 560px !important;
    font-size: 1.4em;
}

.tablet-button-unavailable {
    pointer-events: none;
    background: url("/images/No_sign.svg") no-repeat center center, -webkit-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* Chrome10+,Safari5.1+ */
    background: url("/images/No_sign.svg") no-repeat center center, -moz-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* FF3.6+ */
    background: url("/images/No_sign.svg") no-repeat center center, -ms-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* IE10+ */
    background: url("/images/No_sign.svg") no-repeat center center, -o-linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* Opera 11.10+ */
    background: url("/images/No_sign.svg") no-repeat center center, linear-gradient(top, #bbb 0%, #ddd 89%, #bbb 100%); /* W3C */
    background-size: contain;
    opacity: 0.7
}

.tablet-button-grid {
    display: inline-grid !important;
}

.tablet-button:hover {
    background: #0d0 !important;
}

.tablet-button a:hover {
    text-decoration: none;
}

/* fix for uploadify button to make the whole thing clickable */
.swfupload {
    padding: 6px 10px 6px 10px;
}

/* JQ Dropdown */
.error .lstring a span, .error .jq-dropdown-open {
    color: #fff;
}

.error .jq-dropdown-menu {
    color: #333;
}

/* Physical Inventory */
#action_form output {
    width: 220px;
    margin: 10px 0px 5px 0px;
    display: block;
    text-align: center;
    border: none;
    font-size: 1.4em;
}


#physical_inventory .error_message {
    margin-top: 10px;
}

div.success_message.clear, div.error_message.clear {
    margin-bottom: 20px;
}

/* Material Handler Specific */
#merge_pallets {
    width: 150px;
}

/*Order Picking*/
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.action_message {
    margin-left: 10px;
}

/* BEGIN Selector Schedule */
.selector_order_unshare_wrapper {
    background-color: #999999;
    color: #ffffff;
    text-align: center;
    padding: 4px;
    font-size: 11px;
    padding-left: 2px;
    padding-right: 2px;
}

.jqx-kanban-item:hover .avatar1 {
    display: block !important;
}

.jqx-kanban-column-header-custom-button {
    right:2px !important;
}

/* END Selector Schedule */

/* ADDRESSES */

.address {
    -moz-box-shadow: 3px 3px 5px 1px #cccccc;
    -webkit-box-shadow: 3px 3px 5px 1px #cccccc;
    box-shadow: 3px 3px 5px 1px #cccccc;
    border: 1px solid #999999;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;

    float: left;
    margin-right: 20px;
}

.jqxprint, .jqxexcel, .jqxpdf, .jqxadd {
    margin-top: 4px !important;
    margin-right: 10px !important;
}

/* PURCHASE ORDERS */
#delivery_schedule_list_wrapper.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

/* Styling for Select2 with error */
div.has-error ul.select2-choices {
    border-color: rgb(185, 74, 72) !important;
}

div.has-error, ul.has-error, input.has-error, textarea.has-error, select.has-error {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #cc0000 !important;
    background-color: #f3d8d8 !important;
    /*background-image: url(http://goo.gl/GXVcmC) !important;*/
    background-position: 50% 50% !important;
    background-repeat: repeat !important;
}

ul.has-error input {
    color: #666 !important;
}

.tooltipster-sidetip.tooltipster-dash.tooltipster-dash-customized .tooltipster-content h4 {
    font-family: arial, sans-serif !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 14px;
}

.tooltipster-sidetip.tooltipster-dash.tooltipster-dash-customized .tooltipster-content .current_formula_identifier, ul.formulas_selected_for_comparison {
    font-size: 13px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #498BA8;
    cursor: pointer;
    cursor: hand;
}

.tooltipster-sidetip.tooltipster-dash.tooltipster-dash-customized .tooltipster-box {
    background: #FFF;
    border: 1px solid #000;
    border-radius: 6px;
    box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);
}

.tooltipster-sidetip.tooltipster-dash.tooltipster-dash-customized .tooltipster-content {
    color: #000;
    padding: 8px;
    overflow: hidden;
}

#add_current_formula {
    padding-bottom: 40px;
}

.popover-btn-area {
    text-align: right;
    padding: 10px 5px;
    position: absolute;
    bottom: 3px;
    right: 8px;
}

.popover-btn-area button {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    float: none;
    width: auto;
}

ul.formulas_selected_for_comparison {
    margin: 0 0 0 16px;
    padding: 0 0 0 10px;
    list-style-image: url('/images/cancel.png');
    line-height: 18px;
}

ul.formulas_selected_for_comparison li {
    margin-bottom: 3px;
}

.formula_comparison_table {
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

.formula_comparison_table th {
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.formula_comparison_table tfoot th {
    color: #000;
}

.formula_comparison_table td {
    padding: 5px;
    font-size: 14px;
}

.formula_comparison_table tr:nth-child(odd) {
    background-color: transparent;
}

.formula_comparison_table tr.odd td {
    background-color: transparent;
}

.formula_comparison_table td.odd {
    background-color: transparent;
}

.formula_comparison_table td.gray_cell {
    color: #3C3C3C !important;
    font-style: italic !important;
    text-transform: capitalize;
}

label.has-error {
    color: red;
    font-size: 11px;
    /*    font-style: italic;*/
    display: block;
}

.po_open {
    background: #9f9 !important;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.hidden {
    display: none;
}

.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

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

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

.one-line-below {
    margin-bottom: 1em !important;
}

.notes_badge {
    float: right;
}

.note_container {
    background-color: rgb(204, 204, 204);
    border: 1px solid rgb(170, 170, 170);
    border-radius: 2px;
    float: left;
    display: block;
    padding: 8px;
    margin-bottom: 10px;
    position: relative;
}

.modal_note_content {
    background-color: rgb(242, 242, 242);
    border: 1px solid rgb(170, 170, 170);
    border-radius: 2px;
    font-size: 1.2em;
    min-height: 4em;
    padding: 5px;
    margin-bottom: 5px;
}

.note_meta {
    font-size: .8em;
    font-style: italic;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.btn_add_note {
    float: none;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}

.btn_delete_note {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.ui-dialog-title {
    font-size: 1.4em;
}

.off_screen {
    position: absolute;
    left: -1000px;
    top: -1000px;
}

.position_top {
    position: absolute;
    top: 0px;
}

.position_bottom {
    position: absolute;
    bottom: 0px;
}


#pending_orders {
    min-width: 350px;
}

#wo_remove_pallet_button {
    top: 200px;
}

#barcode_scan_error p.error_message {
    display: inline-block;
    width: 220px;
}

.work_order_in_progress_container .cssProgress {
    width: 90% !important;
    margin: 20px auto !important;
    text-align: center;
}

.work_order_in_progress_container .cssProgress .progress2,
.work_order_in_progress_container .cssProgress .cssProgress-bar {
    height: 40px !important;
}

.work_order_in_progress_container .cssProgress-label {
    line-height: 40px !important;
    font-size: 1.2em !important;
}

#in-progress-legend {
    width: 100%;
    margin: 0 auto;
}

#in-progress-legend img {
    opacity: 0.4;
    vertical-align: middle;
    margin-right: 8px;
    border: 1px solid #000;
}

#in-progress-legend span {
    padding-bottom: 100px;
    font-size: 1.2em;
    font-weight: bold
}


.work_order_summary {
    line-height: 2em;
}


.work-order-dialog {
    display: none;
}

#dialog-review .manufacturing-documents {
    display: none;
    border: 1px solid black;
    border-radius: 5px;
    background-color: #E0E0E0;
    width: 75%;
    text-align: center;
    margin-top: 1.5em;
}

#dialog-review .manufacturing-documents h3 {
    width: auto;
}

#dialog-review .manufacturing-documents ul {
    display: inline-block;
}

#dialog-review .manufacturing-documents li {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-radius: 5px;
}

#dialog-review .manufacturing-documents .thumb_tile {
    height: 150px;
    width: 150px;
}

#dialog-review .manufacturing-documents .thumb_tile_image_container {
    padding: 0px;
}

#dialog-review .manufacturing-documents .thumb_tile_image_container img {
    padding: 5px 0 0 0;
}

#dialog-review .manufacturing-documents .thumb_tile .text_container {
    font-size: 12px;
    padding: 10px;
    width: auto;
}

#dialog-complete .row {
    margin: 20px 0;
    text-align: left;
}

#dialog-complete .row label {
    text-align: right;
    font-size: 20px;
    line-height: 22px;
}

#dialog-complete #calculated_actual_yield {
    line-height: 24px;
}

.ui-keyboard {
    padding: 0 !important;
}

.ui-keyboard-button {
    font-size: 2.4em !important;
    margin:0 !important;
    line-height:1.2em !important;
    height:1.4em !important;
}


#dispersion_details_container,
#dispersion_delayed_container {
    font-size: 1.1em;
    text-align: left;
    margin-top: 0px !important;
    margin-bottom: 0px;
}

#dispersion_details_container .data_row,
#dispersion_delayed_container .data_row {
    margin-top: 5px;
}

#dispersion_details_container .data_row label,
#dispersion_delayed_container .data_row label {
    text-align: left;
    line-height: 1.6em;
    font-weight: normal;
    width: 210px;
    white-space: nowrap;
}

#dispersion_details_container .data_row .data,
#dispersion_delayed_container .data_row .data {
    line-height: 1.6em;
    font-size: 20px;
}

#dispersion_details_container .data_row input,
#dispersion_delayed_container .data_row input {
    font-size: 16px;
    width: 100px;
}

#materials_used_container {
    margin-bottom: 0px;
    margin-top: -20px;
}

#bases_used_grid {
    height: 250px;
}

#bases_used_error {
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    color: #EA3542;
}

#review_batch_ticket_header h3 {
    text-align: left;
}

#review_batch_ticket #review_batch_ticket_header h2,
#review_batch_ticket #batch_pick_list h2 {
    font-size: 30px;
    float: right;
    margin-right: 30px;
    text-align: right;
}

#review_batch_ticket hr {
    margin-bottom: 2em;
}

#review_batch_ticket table {
    font-size: 12px !important;
}

#review_batch_ticket table#batch_information {
    width: 335px !important;
}

#review_batch_ticket table#batch_information th {
    border: 1px solid #000000;
    width: 80px;
}

#review_batch_ticket table#batch_information td,
#review_batch_ticket table#formula td {
    font-size: 12px;
    font-weight: normal;
}

#review_batch_ticket table#batch_information td {
    font-size: 12px;
    font-weight: normal;
}

/* Bottling Job Production Capture layout */

#PC_bom .PC_strike-material {
    width: 37px;
    text-align: center;
}

#PC_progress_bar {
    width: 100%;
}

#production-capture .row {
    /* margin-bottom: 20px; */
}

#production-capture #production-capture-main-container {
    width: 1000px;
    border: 0px solid red;
    float: left;
}

#production-capture #multiple_bottling_jobs {
    padding: 5px;
    text-align: center;
}

.bottling_job_action_link {
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
    width: 60px;
    line-height: 1.5em;
    cursor: pointer;
}

#production-capture .row .column {
    float: none;
    display: inline-block;
    margin: 0 20px;
}

#production-capture .row .column ~ .column {
    margin-left: 0;
}

#production-capture .info-block {
    border: 0px solid blue;
    border-radius: 5px;
    margin: 0;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    float: none;
    min-height: 180px;
    width: 300px;
}

#production-capture .manufacturing_documents_container {
    float: left;
    border: 0px solid goldenrod;
}

#production-capture #PC_manufacturing_documents {
    width: 250px;
    margin: auto;
}

#production-capture #PC_stop {
    position: absolute;
    top: 10px;
    right: 10px;
}

#production-capture #PC_start {
    position: absolute;
    top: 12px;
    right: 60px;
}

#production-capture #PC_record_scrap {
    position: absolute;
    top: 130px;
    right: 10px;
}

#bottling_job_checklist,
.periodic_checks_container {
    width: 1000px;
}

.periodic_checks_container h3 {
    display: table !important;
    width: auto !important;
}

.periodic_checks_container .torque_requirement_notice {
    font-weight: normal;
    font-size: 1em;
}

#periodic_check_form {
    margin-top: 10px;
}

#periodic_check_form label {
    width: 180px;
    text-align: right;
}

#production-capture .checklist_button_container {
    width: 100%;
    height: 60px;
}

#production-capture ul.PC-checklist-buttons {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    display: table;
    list-style: none;
}

#production-capture ul.PC-checklist-buttons li {
    display: table-cell;
    text-align: center;
}

#production-capture ul.PC-checklist-buttons li input, #production-capture ul.PC-checklist-buttons li button {
    display: block;
    height: 40px;
    width: 220px;
}

#time_until_next_periodic_check {
    background-color: #000;
    width: 120px !important;
    text-align: center;
    color: #a2d087;
    font-family: monospace;
    font-size: 1.6em !important;
    font-weight: normal !important;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
}

#PC_periodic_checks tbody td {
    height: 1.4em;
}

.PC_periodic_check_timestamp {
    min-width: 125px;
    white-space: nowrap;
}

.PC_periodic_check_torque {
    text-align: right;
}

.PC_important_info {
    margin: 0 auto;
    font-weight: bold;
    padding: 5px;
    border: 1px solid black;
    border-radius: 3px;
    background-color: #44b351;
    width: 90%;
}

#torque_guide {
    width: 1px;
    height: 1px;
    position: fixed;
    left: -9999px;
}

.torque_requirement {
    color: #498ba8 !important;
    margin-bottom: 10px;
}

#PC_quantity_bottled_error,
.torque_failure {
    font-weight: bold;
    padding: 6px;
    margin-top: 5px;
    margin-bottom: 1em;
    font-size: 1.2em;
    border-radius: 3px;
}

#dialog_setup_checklist ul {
    padding-left: 0;
    font-size: 16px;
}

#dialog_setup_checklist ul input[type='radio'] {
    zoom:1.3;
}

#dialog_setup_checklist li {
    margin-bottom: 8px;
}

ul#setup_checklist > li {
    padding: 4px;
    border: 1px solid #CCC;
    border-radius: 3px;
    margin-bottom: 10px;
}

ul#setup_checklist .error {
    margin-top: 2px;
    padding: 3px;
    border-radius: 3px;
}

#dialog_setup_checklist li ul {
    margin-top: 5px;
    margin-left: 2em;
}

#dialog_setup_checklist li input.initials,
#pallet_verification li input.initials {
    width: 3em;
}

#pallet_verification li {
    margin-bottom: 1em;
}

#pallet_verification label {
    width: auto;
    float: none;
}

#dialog_setup_checklist li textarea {
    width: 500px;
    margin-left: 4em;
    margin-top: 5px;
}

#dialog_scan_first_bottle {
    minWidth: 350px;
}

#dialog_BOM_checklist .fancy_button {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

#btn_record_periodic_check {
    margin-right: 20px;
}

#dialog_record_periodic_check .data_row {
    line-height: 2.2em;
}

#dialog_record_periodic_check .record_torque {
    width: 60px;
}

.checklist_initials {
    width: 50px;
}

.highlight-pause {
    -webkit-animation-play-state: paused;
}

.next_step, .blue-highlight {
    box-shadow: 0 0 10px 10px rgba(0, 255, 255, 0.75);
    animation: pulsate-blue 1s ease-out infinite;
}

.green-highlight {
    box-shadow: 0 0 10px 10px rgba(140, 191, 116, 0.75);
    animation: pulsate-green 1s ease-out infinite;
}

@-webkit-keyframes pulsate-blue {
    0% {
        box-shadow: 0 0 10px 7px rgba(0, 255, 255, 1.00);
    }
    50% {
        box-shadow: 0 0 10px 3px rgba(0, 200, 255, 0.50);
    }
    100% {
        box-shadow: 0 0 10px 7px rgba(0, 255, 255, 1.00);
    }
}

@-webkit-keyframes pulsate-green {
    0% {
        box-shadow: 0 0 10px 7px rgba(140, 191, 116, 1.00);
    }
    50% {
        box-shadow: 0 0 10px 3px rgba(128,157,115, 0.50);
    }
    100% {
        box-shadow: 0 0 10px 7px rgba(140, 191, 116, 1.00);
    }
}

#view_checklist {
    margin-left: 20px;
    margin-top: 10px;
}

#view_checklist th {
    border: 1px solid black;
}

.fat-text {
    font-size: 1.33em !important;
    font-weight: bold !important;
}

.fat-text-110 {
    font-size: 1.10em !important;
    font-weight: bold !important;
}

.fat-text-120 {
    font-size: 1.20em !important;
    font-weight: bold !important;
}

.fat-text-130 {
    font-size: 1.30em !important;
    font-weight: bold !important;
}

.double {
    font-size: 2em;
}

.large-text {
    font-size: 1.4em;
}

.tiny-text {
    font-size: 10px;
}

.underline {
    text-decoration: underline;
}

.light-gray-text {
    color: #CCCCCC;
}

.medium-gray-text {
    color: #878787;
}

.dark-gray-text {
    color: #454545;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-titlecase {
    text-transform: capitalize;
}

ul.label_rolls_used {
    padding: 0;
    margin: 0;
}

#batch_number_barcode_wrapper .barcode {
    float: right;
    padding-left: 40px;
    margin-top: -50px;
}

#printable_batch_ticket_inner_content #formula {
    font-size: 14px !important;
    width: 960px !important;
    font-weight:bold;
}


/* .disabled-until-setup-complete, */
.look-disabled,
.disabled-while-in-progress,
.disabled-while-pending-qc {
    background: rgb(230, 230, 230); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 1)), color-stop(100%, rgba(230, 230, 230, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* W3C */
    margin-top: -5px;
    /*width: 50px;*/
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    cursor: not-allowed;
}

.disabled-color {
    background: rgb(230, 230, 230); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 1)), color-stop(100%, rgba(230, 230, 230, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(230, 230, 230, 1) 0%, rgba(230, 230, 230, 1) 100%); /* W3C */
}

.deviation_error {
    color: red;
    font-weight: bold;
}

#work-order-eos label {
    white-space: nowrap;
    width: 150px;
}

table.work-order-daily {
    font-size: 11px !important;
    margin-top: 10px;
    font-family: Arial, Sans-Serif !important;
}

table.work-order-daily td.grand-total-row {
    background-color: #e0e0e0 !important;
}

table.order-list {
    margin: 15px 0;
}

.select {
    display: inline-block;
    height: 24px;
    width: 100%;
    cursor: pointer;
    background: url("/images/inactive-button.png") no-repeat center;
    background-size: contain;
}

.select.active {
    background-image: url("/images/active-button.png");
}

.select.disabled {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.pick-list-button-wrapper {
    width: 100%;
    margin-bottom: 25px;
}

.pick-list-button-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pick-list-button-wrapper .fancy_button.back {
    display: none;
}

.pick-list-button-wrapper .preview,
.pick-list-button-wrapper .continue-picking,
.pick-list-button-wrapper .start,
.pick-list-button-wrapper .lunch,
.pick-list-button-wrapper .break,
.pick-list-button-wrapper .pause,
.pick-list-button-wrapper .finish,
.pick-list-button-wrapper .end-of-day,
.pick-list-button-wrapper .print{
    display: none;
}

.pick-list-button-wrapper .finish:disabled {
    background: #afaf00;
    color: #888686 !important;
}

.pick-list-button-wrapper .continue-picking {
    z-index: 1500;
    width:auto;
}

.mark-part-number {
    position: relative;
    border: 0;
    display: none;
    height: 24px;
    width: 50%;
    cursor: pointer;
}

.mark-part-number:focus {
    outline: 0;
}

.mark-part-number.check {
    background: url("/images/check_large.png") no-repeat center;
    background-size: contain;

}

.mark-part-number.cross {
    background: url("/images/cancel_large.png") no-repeat center;
    background-size: contain;
}

.mark-part-number:disabled {
    opacity: 0.5;
}

.mark-part-number.unclickable {
    pointer-events: none;
    opacity: 0.5;
}

.pick-complete {
    background-color: #2ecc71 !important;
}

.pick-incomplete {
    background-color: #ff4559 !important;
}

.shield {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1250;
}

.pick-list-modal {
    display: none;
    position: absolute;
    width: 600px;
    background: white;
    padding: 25px;
    z-index: 1500;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.pick-list-modal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pick-list-modal h4 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #ff4559;
}

.pick-list-modal p {
    font-size: 18px;
    margin-bottom: 15px;
}

.pick-list-modal label {
    font-size: 17px;
    display: inline-block;
    font-weight: 700;
}

.pick-list-modal select {
    width: 100%;
}

.pick-list-modal input {
    width: 100%;
}

.pick-list-modal button {
    margin-top: 25px;
    float: right;
    font-size: 18px;
}

.pick-list-modal .part-number-spacer {
    clear: both;
    padding-bottom: 10px;
}

.pick-list-modal .go-back {
    float: left;
}

.order-list-percentage-wrapper {
    width: 100%;
    display: inline-block;
    background-color: #E5EFE5;
    border: 1px solid #006400;
}

.order-list-percentage {
    height: 24px;
    background: #006400;
    display: block;
}

#notifications {
    display: none;
    font-size: 14px;
    font-weight: 700;
    color: red;
    line-height: 25px;
    background: rgba(255, 0, 0, 0.3);
    padding: 5px;
    margin-bottom: 20px;
}

.notification_extra {
    position: absolute;
    bottom: 0.8em;
    left: 0.8em;
    font-size: 0.75em;
}


.notification_general div.pnotify-container {
    background: #8FCEDD none;
}

.notification_safety div.pnotify-container {
    background: #FFC17A none;
}

.notification_maintenance div.pnotify-container {
    background: #FFFFA2 none;
}

.notification_quality div.pnotify-container {
    background: #AFF29A none;
}


/*.alert{*/
/*border: 1px solid #cce66e;*/
/*background-color: #EDFFAD;*/
/*padding: 10px;*/
/*margin-bottom: 20px;*/
/*}*/

.separator {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

.row.column-labels * {
    box-sizing: border-box;
}

/* Material Handler Pallet Actions */

.kits_home_container,
.material_handler_home_container,
.receiving_home_container,
.selector_home_container,
.spd_home_container {
    width: 700px;
    margin: 0 auto;
    padding: 0;
}

#perform_remote_checklist_container {
    text-align: center;
    position: fixed;
    bottom: 20px;
    width: 100%;
}

#perform_remote_checklist_container a {
    font-size: 14px;
    height: auto;
    padding: 10px 20px;
}


#PA_container {

}

#PA_container .error {
    border-radius: 5px;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    width: 300px;
}

#PA_scan_tag_container {
    text-align: center;
    margin: 0 auto;
    font-size: 2em;
}

#PA_scan_option_container {
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: bold;
}

#PA_scan_tag_container input[name='PA_scan_option'] {
    zoom: 2;
    margin-right: 0;
    vertical-align: middle;
}

#PA_scan_tag_container label {
    font-size: 1em !important;
    text-decoration: underline;
}

.slick-header *, *:before, *.after {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#PA_pallet_info_container table {
    border: 1px solid #333;
    margin: 0 auto;
    font-size: 18px;
}

#PA_merge_pallets_results {
    margin-bottom: 1em !important;
}

#PA_pallet_info_container table th {
    background-color: #E0E0E0 !important;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    color: #000;
    font-weight: normal;
    padding: 2px 10px;
    white-space: nowrap;
}

#PA_pallet_info_container table td {
    border: 0;
    border-bottom: 1px solid #000;
    width: 100%;
    padding: 2px 10px;
}

.PA_action_container {
    padding-top: 1em;
    /* width: 75% !important; */
    margin: 0 auto;
    text-align: center;
}

.PA_pallet_found {
    position: relative;
    width: 75%;
    margin: 1em auto;
}

.PA_pallet_found table {
    width: 100%;
}

.PA_select_pallet {
    position: absolute;
    top: 2.4em;
    right: 1em;
    padding: .75em 1.5em;
}

#PA_pallet2_info,
#PA_merge_pallets_results {
    width: 100% !important;
    text-align: left;
}

#PA_pallet_action_buttons {
    text-align: center;
    margin: 0 auto;
}

#PA_merge_buttons_container {
    width: 75%;
    margin: 1em auto;
}

#PA_merge_pallets_results td {
    padding: 0 !important;
    text-align: left;
}

#PA_merge_pallets_results tr.PA_merged_quantity td {
    padding: 2px 1em !important;
}

#PA_merge_pallets_results select {
    width: 100%;
    font-size: 18px;
    padding: 0 1em;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>") no-repeat 100% 50%;
}

.PA_success_message {
    /* background-color: #beeab4; */
    border: 2px solid #008000;
    border-radius: 4px;
    color: #008000;
    font-size: 16px;
    font-weight: bold;
    line-height: 2em;
    margin: 0 auto 1em;
    position: relative;
    text-align: center;
    width: 75%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

input[name=PA_update_method_option] {
    margin: -2px 0 12px 0 !important;
    zoom: 2;
}

.card {
    /*border-radius: 5px;*/
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.metrics {
    position: fixed;
    margin: 0;
    right:20px;
}

.metrics label {
    width: 150px;
}

.bg-c-blue {
    background: linear-gradient(45deg, #4099ff, #73b4ff);
}

.bg-c-green {
    background: linear-gradient(45deg, #03ca90, #1cd29b);
}

.bg-c-yellow {
    background: linear-gradient(45deg, #e6fd98, #f9ff90);
}

.bg-c-pink {
    background: linear-gradient(45deg, #FF5370, #ff869a);
}

.bg-c-gray {
    background: linear-gradient(45deg, #E1E1E1, #f3f3f3);
}

.loader, .loader-dark,
.loader:after, .loader-dark:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader-dark {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0, 0, 0, 0.2);
    border-right: 1.1em solid rgba(0, 0, 0, 0.2);
    border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
    border-left: 1.1em solid #000000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader-md {
    width: 5em;
    height: 5em;
    margin: 20px auto;
}

.loader-sm {
    width: 3em;
    height: 3em;
    margin: 20px auto;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dataTables_scrollBody tfoot .totals_row {
    height: 0px !important;
    border: 0px;
}

div.dts div.dataTables_scrollBody {
    background: none;
}

div.dt-rowReorder-float-parent {
    z-index:99999;
    overflow:initial;
}

.slick-header *, *:before, *.after {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.grid *, *:before, *.after {
    box-sizing: content-box;
}

.ui-dialog {
    box-sizing: content-box
}

.ui-pnotify-title-bs4 {
    font-size: 1.5em !important;
}

.pnotify-text {
    font-size: 1.2em;
}

.pnotify-text ul {
    list-style-type: disc;
    margin: 0 0 0 20px;
}

.pnotify-text ul li {
    margin: 0;
    padding: 0;
}


.btn-action {
    color: #3D3D3D;
    background-color: #EDEDED;
    border-color: #858585;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active,
.open .dropdown-toggle.btn-action {
    color: #3D3D3D;
    background-color: #D9D9D9;
    border-color: #858585;
}

#downtime_reason_window .btn-action.active {
    background-color: rgba(0, 255, 255, 0.75);
}

.btn-action:active,
.btn-action.active,
.open .dropdown-toggle.btn-action {
    background-image: none;
}

.btn-action.disabled,
.btn-action[disabled],
fieldset[disabled] .btn-action,
.btn-action.disabled:hover,
.btn-action[disabled]:hover,
fieldset[disabled] .btn-action:hover,
.btn-action.disabled:focus,
.btn-action[disabled]:focus,
fieldset[disabled] .btn-action:focus,
.btn-action.disabled:active,
.btn-action[disabled]:active,
fieldset[disabled] .btn-action:active,
.btn-action.disabled.active,
.btn-action[disabled].active,
fieldset[disabled] .btn-action.active {
    background-color: #EDEDED;
    border-color: #858585;
}

.btn-action .badge {
    color: #EDEDED;
    background-color: #3D3D3D;
}

.bg-gray {
    background-color: #e9ecef;
    color: #000 !important;
}


.navbar {
    z-index:2000;
}

/* QC Orders pallet photo capture */

#camera_capture_container video {
    margin-top: 1em;
    /*-moz-transform:rotate(90deg);*/
    /*-webkit-transform:rotate(90deg);*/
    /*-o-transform:rotate(90deg);*/
    /*-ms-transform:rotate(90deg);*/
    /*transform:rotate(90deg);*/
}

#camera_capture_container {
    overflow: hidden;
}

#camera_capture_container button {
    position: absolute;
    bottom: 1em;
    right: 1em;
}

#refund-builder .top {
    margin-bottom: 15px;
}

#refund-builder .top h1 {
    margin-bottom: 10px;
}

#refund-builder .top h1 span,
#refund-builder .top h2 span{
    float: right;
}
#refund-builder table {
    margin-bottom: 25px;
}

#refund-builder table td {
    border: 0;
    line-height: 24px;
    font-size: 1.2em;
}

#refund-builder .btn {
    margin-right: 15px;
}

#refund-builder input:disabled {
    background-color: #b9bbbe;
    cursor: not-allowed;
}


#refund-summary h2 {
    margin: 10px 0;
}

#refund-summary h3 {
    width: 100%;
    border: 0;
    font-weight: 500;
}

#refund-summary li {
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500;
}

#printable_customer_information .column {
    margin-left: 0 !important;
}

.better-checkbox {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    margin: 20px auto;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

.pr20 {
    padding-right: 20px !important;
}

.empty_string_replacement {
    font-style: italic;
    color: #ccc;
}

.lower_button_position {
    position: absolute;
    z-index: 999;
    margin-top:5px;
}

.popup_dialog_titlebar_rightside {
    color:#5D7399;
    display:inline-block;
    float:right;
}

.dts_label {
    /*display: inline-block !important;*/
}

.suggested_row {
    color: #28424c;
    /*font-size: larger;*/
    font-weight: bold;
}

div#area_special_privileges td {
    background-color: #fff;
    border: 0;
    margin: 10px 0;
}

div#area_special_privileges td label {
    font-weight: bold;
}

td.special_privilege_label {
    width:20%;
}
div#area_special_privileges td div.special_privilege_selections {
    float: right;
    margin-left: 40px;
}

div#area_special_privileges div.spacer {
    width: 60px;
}

select#company_selector {
    width: 300px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #a00;
    padding: 4px;
    font-weight: bold;
    font-size: 14px;
}
.company_selector_message {
    font-size: 12px;
    color: #a00;
}
#company_selector_selected_logo {
    margin: 14px 0 -14px 10px;
    padding: 2px;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-position: center;
    background-size: 36px;
    background-repeat: no-repeat;
}

.divider {
    border-bottom: 1px solid lightgrey;
    padding: 10px;
}

.bare_table tr {
    background-color: transparent !important;
}
.bare_table td {
    border: 0;
    padding: 0;
}

.bom_addition_section {
    border:1px solid #ddd;
    background-color: #f2f7fc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
}

.pnotify-paginate-button.bootstrap4-paginate-btn {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    text-transform: none;
    line-height: 1;
}

.bootstrap4-paginate-previous::after {
    content: "\f053";
}

.bootstrap4-paginate-next::after {
    content: "\f054";
}

.dash_input_group {
    display: flex;
    align-items: center;
    gap: 0.5em; /* Adjust spacing between radio and label */
    margin-bottom: 0.5em;
}

.dash_input_group label {
    text-align: right;
    padding-bottom: 0;
}

.dash_input_group input[type="radio"] {
    margin: 0;
}

/* Chatbot fullscreen styles */
.chatbot-container-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    margin: 0 !important;
}

.chatbot-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: block !important;
}