html {
    margin:0;
    padding:0;
    width: 100%;
    overflow: hidden;
    height: 100%;
    background: #efefef;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
    position: relative;
}

body {
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #efefef;
    font-family: 'Open Sans', sans-serif !important;
    position: relative;
}

/** make things readable on mobile devices */
@media   (min-resolution: 2x) {
    body {
        font-size: 18px;
    }
    .site-search-query {
        font-size: 18pt;
        height: 4rem;
    }
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

img {
    max-width: 100%;
}

.modal-xl {
    width: calc(100% - 60px);
    /*max-width: 1350px;*/
}

.no-data {
    color: #ddd;
    opacity: .5;
    font-style: italic;
}

#hotsheet_compare_table td {
    cursor: default;
}

#hotsheet_compare_table .hotsheet-flagged > td.flagged {
    /*background: red !important;*/
    color: white
}

#hotsheet_compare_table .hotsheet-flagged > td.hc_hs { background-color: red !important; color: white; }
#hotsheet_compare_table .hotsheet-flagged > td.hc_ap.flagged { background-color: green !important; }
#hotsheet_compare_table .hotsheet-flagged > td.hc_lp.flagged { background-color: gold !important; }
#hotsheet_compare_table .hotsheet-flagged > td.hc_np.flagged { background-color: blue !important; }
#hotsheet_compare_table .hotsheet-flagged > td.hc_hs.flagged { background-color: red !important; }

.thin-font {
    font-family: 'Open Sans Condensed', sans-serif;
}

.btn,
.btn-group-lg>.btn, .btn-lg {
    border-radius: 0;
}

.badge-white {
    background: white;
}
.badge-counter {
    background-color: #c32c2c;
    color: white;
    font-weight: normal;
    border-radius: 100%;
    line-height: 1;
    display: block;
    position: absolute;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    top:2px;
    right: 8px;
    padding: 4px;
    min-width: 22px;
}

.btn-money {
    color: white;
    text-shadow: 0 0 5px #216c2a;
    background: #216c2a; /* Old browsers */
    background: -moz-linear-gradient(top, #216c2a 0%, #33a04b 47%, #2d913d 47%, #216c2a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #216c2a 0%,#33a04b 47%,#2d913d 47%,#216c2a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #216c2a 0%,#33a04b 47%,#2d913d 47%,#216c2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216c2a', endColorstr='#216c2a',GradientType=0 ); /* IE6-9 */
    
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease;
}

.btn-money .badge {
    color: #216c2a;
    text-shadow: none;
}

.btn-money:focus,
.btn-money:hover,
.btn-money:active {
    color: white;
    background: #216c2a;
    background: -moz-linear-gradient(top, #216c2a 0%, #43d373 47%, #2d913d 47%, #216c2a 100%);
    background: -webkit-linear-gradient(top, #216c2a 0%,#43d373 47%,#2d913d 47%,#216c2a 100%);
    background: linear-gradient(to bottom, #216c2a 0%,#43d373 47%,#2d913d 47%,#216c2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216c2a', endColorstr='#216c2a',GradientType=0 );
}

.color-green { color: #4ae000; }
.color-red { color: #e00000; }
.color-blue { color: #27aae1; }

.change_img_btn_wrapper {
    margin-top: 10px;
}

.quantity-legend {
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
}

.quantity-legend > li {
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.highlight-green {
    background: rgba(213, 255, 238, .25) !important;
    outline: 1px solid;
}

.highlight-blue {
    background: rgba(213, 255, 255, .25) !important;
    outline: 1px solid;
}

.highlight-orange {
    background: rgba(255, 246, 213, .25) !important;
    outline: 1px solid;
}

.missing-value {
    font-style: italic;
    opacity: 0.25;
}

#container {
    min-height:100%;
    position:relative;
}
#header {
    padding:10px;
}
#body {
    padding:0px;
}
#footer {
    position:absolute;
    bottom:0;
    width:100%;
    background:#333;
    color: white;
    text-align: center;
}

body.body-dashboard {
    height: 100%;
    background: #efefef;
    overflow: hidden;
    position: absolute;
}

body.body-dashboard #container {
    min-height: 0;
    height: 100%;
}

body.body-dashboard #body {
    height: 100%;
}

body.body-dashboard .logout-link {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    z-index: 10;
}

.col-md-20 {
    width: 20% !important;
}

.left-col {
    width: 15%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 5;
}

.right-col h3 {
    width: 100%;
    height: 75px;
    font-size: 24px;
    line-height: 75px;
    text-align: left;
    padding: 0 20px;
    z-index: 2;
}

.left-col .item-list {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #ccc;
    background: #efefef;
}

.left-col .item-list li {
    padding: 10px;
    font-size: 1.15em;
    cursor: pointer;
    text-align: left;
}

.left-col .item-list li.active {
    background: #999;
}

.left-col .item-list li:hover {
    background: #aaa;
}

.right-col {
    width: 85%;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    position: relative;
}

.right-col #api-content-area {
    width: 95%;
    margin: 10px auto;
    padding: 0 20px;
}

.right-col .loading-image {
    position: absolute;
    left: 50%;
    margin-left: -122px;
    top: 50%;
    margin-top: -122px;
    z-index: 100;
}

.left-col .dashboard-search-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 10px;
}

.left-col .left-col-inside {
    padding-top: 65px;
    border-right: 1px solid #999;
    height: 100%;
    overflow: hidden;
}

.left-col ul {
    margin: 0;
    padding: 0;
}

.api-item-details {
    width: 75%;
}

textarea.product-description-input {
    height: 400px;
    resize: vertical;
}

.message-wrapper {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1000;
    text-align: center;
}

.message-wrapper .text {
    padding: 5px 10px;
    font-size: 1.25em;
    color: white;
    display: inline-block;
    margin: 0 auto;
}

.message-wrapper.success-message-wrapper .text {
    background: #5cb85c;
}

.message-wrapper.error-message-wrapper .text {
    background: #d9534f;
}

#removeOverrideButton {
    display: none;
}

.has-override #removeOverrideButton {
    display: inline-block;
    margin-right: 15px;
}

.is_overridden {
    display: none;
}

.has-override.is_overridden {
    display: block;
}

#api_login_form_wrapper {
    margin-top: 20px;
}

.product-description-wrapper {
    height: 500px;
}

.product-description-wrapper .product-description-input {
    height: 450px;
    width: 100%;
}

span.parent-product-name {
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
}

.item-list li {
    border-left: 4px solid #333;
}

.item-list li.is-overridden {
    border-left: 4px solid red;
}

.item-list.hide-overrides li.is-overridden {
    display: none;
}

.api-tools {
    position: absolute;
    top: 55px;
    width: 25%;
    right: 1%;
}

.tool-textarea {
    text-align: left;
    width: 100%;
    height: 100%;
    min-height: 200px;
    resize: none;
    border: 1px solid #ddd;
    outline: none;
}

.tool-textarea:focus,
.tool-textarea:active {
    outline: none;
}

#tool_buttons li {
    display: inline-block;
    width: 50%;
    margin-bottom: 5px;
    padding: 0 4px;
}

#tool_buttons li button {
    width: 100%;
}

.tool-box {
    padding-top: 10px;
    position: relative;
}

.tool-box .tool-title {
    position: absolute;
    top: -9px;
    left: 15px;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px;
    background: white;
    border: 1px solid #ddd;
}

.primary-navigation {
    width: 100%;
    max-width: 100px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    background: #333;
    color: #fff;
    z-index: 10;
}

.primary-navigation a {
    color: #fff;
}

.primary-navigation .menu {
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

.primary-navigation .menu .menu-item-icon {
    font-size: 1.25em;
    width: 42px;
    overflow: hidden;
    margin: 0 auto;
}

.primary-navigation .menu .menu-item-icon .fa {
    margin-top: -5px;
}

.primary-navigation .menu .menu-item {
    display: block;
    width: 100%;
}

.primary-navigation .menu .menu-item a {
    padding: 5px 0;
    display: block;
    text-decoration: none;
    background-color: #333;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
}

.primary-navigation .menu .menu-item.active a,
.primary-navigation .menu .menu-item a:hover,
.primary-navigation .menu .menu-item a:focus,
.primary-navigation .menu .menu-item a:active {
    text-decoration: none;
    background-color: #10a4ff;
}

.primary-navigation .menu .menu-item .menu-item-name {
    text-transform: uppercase;
}

.secondary-navigation {
    width: 100%;
    max-width: 275px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 100px;
    height: 100vh;
    background: #777;
    color: #fff;
    overflow: hidden;
    overflow-y: auto;
    z-index: 10;
    padding-top: 40px;
}

.secondary-navigation .search-secondary-wrapper {
    height: 30px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 10px 0;
    display:flex;
}

#search_secondary_input {
    border: 0;
    box-shadow: 0 0 4px #000;
    outline: none !important;
    flex-grow:1;
    display: inline-block;
    margin-left: 5px;
    color: #333;
}
.secondary-nav-items-container {
    overflow-y:auto; position:absolute;bottom:0;top:45px;
    width: 100%;
}
.secondary-nav-items .secondary-nav-item {
}

.secondary-nav-items .secondary-nav-item .dashboard-item-name {
    font-size: 12px;
    text-align: left;
}

.secondary-nav-items a {
    color: white;
}

.secondary-nav-items .secondary-nav-item a {
    display: block;
    text-decoration: none;
    background: transparent;
    -webkit-transition: background-color 250ms ease-out;
    -moz-transition: background-color 250ms ease-out;
    -o-transition: background-color 250ms ease-out;
    transition: background-color 250ms ease-out;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.secondary-nav-items .secondary-nav-item a.active {
    background: #10a4ff;
}

.secondary-nav-items .secondary-nav-item a:focus,
.secondary-nav-items .secondary-nav-item a:active,
.secondary-nav-items .secondary-nav-item a:hover {
    background: #444;
}

.secondary-nav-items .secondary-nav-item a.active:focus,
.secondary-nav-items .secondary-nav-item a.active:active,
.secondary-nav-items .secondary-nav-item a.active:hover {
    background: #10a4ff;
}

.setting-item-name > p {
    font-style: italic;
    font-size: .9em;
}

.fieldset-pricing-types .setting-item-name {
    display: block;
    vertical-align: middle;
    margin-bottom: 5px;
}

.fieldset-pricing-types .setting-item-value {
    width: 85px;
    text-align: left;
    display: block;
    vertical-align: middle;
}

.settings-wrapper #pricing_overrides {
    height: 250px;
    resize: none;
}

.fa-custom {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1.25em;
    height: 1.25em;
    margin: 0 auto;
}

.fa-tire {
    background-image: url(../img/icon-tire.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fa-wheel {
    background-image: url(../img/icon-wheel.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fa-quickbooks {
    background-image: url(../img/icon-qb.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fa-channeladvisor {
    background-image: url(../img/ca-logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fa-shipstation {
    background-image: url(../img/ss-logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.request-panel[data-manual="0"] {
    border-left: 4px solid #ddd;
}

.request-panel[data-order-status="delivered"] {
    border-left: 4px solid #ddd;
}

.request-panel[data-manual="1"] {
    border-left: 4px solid #4cae4c;
}
.request-panel[data-order-status="danger"]
{
    border-left: 4px solid red;
}

.request-panel[data-order-status="warning"]
{
    border-left: 4px solid red;
}

.request-panel[data-order-status="not-processing"]
{
    background: whitesmoke;
}

.request-panel[data-order-status="success"] {
    border-left: 4px solid #4cae4c;
}

.order-line-item.expanded {
    margin: 10px 0;
    box-shadow: 2px 2px 5px gray;
}

#body .page-panel {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    padding-left: 100px;
}

#body .page-panel .page-panel-inside {
    padding: 10px;
}
@media(min-width: 900px){
    #body .page-panel .page-panel-inside {
        padding: 20px;
    }
}
#body .page-panel .page-panel-inside > h1 {
    margin-top: 0;
}

#body.has-secondary .page-panel {
    padding-left: 375px;
}

.child-tire {
    width: 100%;
    position: relative;
}

.child-tire .child-tire-inside {
    
}

.child-tire .child-tire-recommended {
    background: #27aae1;
    color: white;
    width: 100%;
    text-align: center;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.child-tire .child-tire-status {
    position: relative;
    text-align: center;
    color: white;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.child-tire .child-tire-status span {
    display: block;
    padding: 10px;
}

.child-tire .child-tire-status .status-discontinued {
    background: #e00000;
}

.child-tire .child-tire-status .status-current {
    background: #249100;
}

.child-tire .child-tire-dates {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 8px 5px 0;
    font-style: italic;
}

.child-tire .child-tire-inside .item-thumbnail {
    width: 100%;
    overflow: hidden;
    height: 175px;
    text-align: center;
}

.child-tire .child-tire-inside .manufacturer-logo img,
.child-tire .child-tire-inside .item-thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

.child-tire-name {
    font-weight: bold;
    font-size: 2em;
}

.child-tire .found-in-file {
    text-align: left;
    font-size: 1.25em;
    margin: 5px auto;
    padding-left: 10px;
}

.iumap-info span {
    display: none;
}

.iumap-info span.iumap-info-label,
.iumap-info span.iumap-pricing {
    display: inline;
}

.iumap-info[data-iumapped="0"] span.color-red,
.iumap-info[data-iumapped="1"] span.color-green {
    display: inline;
}

.child-tire .discontinued-status .status-current,
.child-tire .discontinued-status .status-discontinued {
    padding: 5px 10px;
    display: block;
    text-align: center;
    background: #ddd;
    color: white;
}

.child-tire .discontinued-status .status-current {
    background: #2e8c00;
}

.child-tire .discontinued-status .status-discontinued {
    background: #e00000;
}

.child-tire .featured-elements-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.child-tire .child-tire-featured-element {
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}

.child-tire .item-primary-panel .row {
    margin-bottom: 5px;
}

.child-tire .discontinued-status .child-tire-featured-element {
    padding: 0;
}

.child-tire .child-tire-featured-element .featured-element-title {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1em;
}

.child-tire .child-tire-featured-element .featured-element-value {
    font-size: 1.25em;
    font-weight: bold;
    overflow: hidden;
}

.item-sidebar .child-tire-featured-element {
    text-align: left;
}

.item-sidebar .child-tire-featured-element .featured-element-title {
    font-size: .75em;
}

.child-tire .child-tire-featured-element .featured-element-value.large-text {
    font-size: 2em;
    margin-bottom: -10px;
}

.child-tire .child-tire-extra-data {
    display: none;
}

.child-tire #warehouse-header-table {
    margin-bottom: 0;
}

.child-tire #warehouse-detail-table td {
    vertical-align: middle;
}

.child-tire #warehouse-detail-table .text-smaller {
    font-size: 10px;
    font-weight: 300;
    margin-top: -4px;
}

.file-object {
    margin-bottom: 15px;
}

.file-object .file-object-name {
    font-weight: bold;
    font-size: 1.25em;
}

.page-tab {
    display: none;
}

.zone-table-wrapper {
    width: 14.2857142857%;
    display: inline-block;
    vertical-align: top;
}

td.rate-cell {
    padding: 0 !important;
}

td.rate-cell > div {
    padding: 8px;
}

#rate_table tr:hover {
    background: rgba(0,0,0,.2);
}

.rate-cell:hover {
    background: #ddd;
}

.log-entries .log-entry {
    margin-bottom: 15px;
}

.log-entry .panel-body {
    overflow:auto;
}

.qty-table-hider {
    display: none;
}

.rebate-amount-group .input-group .input-group-addon {
    display: none;
}

.rebate-amount-group .input-group[data-type="flat"] .input-group-addon[data-icon="flat"],
.rebate-amount-group .input-group[data-type="percentage"] .input-group-addon[data-icon="percentage"] {
    display: table-cell;
}

.rebate-preview-wrapper {
    width: 100%;
    margin: 5px auto;
    height: 150px;
    text-align: center;
}

.rebate-preview-wrapper img {
    height: 100%;
    width: auto;
}

#rebate_products {
    resize: none;
    height: 140px;
}

#rebate_page_content {
    resize: vertical;
    min-height: 450px;
}

#rebates_list_table {
    margin: 20px auto;
}

.tool-market-rows {
    margin-top: 50px;
}

.market-row {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: white;
    background: #fff;
}

.market-row:nth-child(odd) {
    background: #eee;
}

.tool-cell {
    padding: 5px 5px;
}

.market-row > div {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.market-row > div:last-child {
    
}

.col-12_5 {
    width: 12.5%;
}

#dashboard_tire_search_results .tire_view_details {
    padding: 5px 10px;
    width: 100%;
    margin: 5px auto;
    text-align: center;
}

#dashboard_tire_search_results .clear-search-results {
    margin: 15px auto;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

.profit-calculator-html {
    display: none;
}

#global_modal .profit-calculator-html {
    display: block;
}

.pc_set_sellprice {
    border-bottom: 1px dashed #ddd;
    cursor: pointer;
}

.commission-row.highlighted {
    background: #bbb !important;
}

.widget-search-loader {
    text-align: center;
    margin: 0 auto;
}

.widget-search-loader span {
    display: block;
    margin: 5px auto;
    text-align: center;
}

.widget-search-loader img {
    width: 100%;
    max-width: 50px;
}

[data-toggle="tooltip"] {
    cursor: help;
}

.marketplace-pricing-title {
    font-weight: bold;
    font-size: 1.25em;
    padding-bottom: 10px;
}

.tirePricingHistory_wrapper {
}

.tire-detail-button-wrapper {
    margin-bottom: 10px;
}

#parent_description_input {
    min-height: 350px;
    resize: vertical;
    max-height: 800px;
    width: 100%;
    padding: 10px;
}

#parent-description-content-outer {
    position: relative;
    display: none;
}

#parent_description_plain_preview {
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    background: white;
    border-radius: 4px;
}

.parent-description-preview-style {
    display: none;
}

.marketplace-markups .tab-pane-inside {
    padding: 20px 10px;
}

#settings-iumap-table-box {
    background: white;
}

#load_iumap_table_button_wrapper {
    padding: 10px 20px;
    text-align: center;
}

#load_iumap_table_button_wrapper p {
    margin: 10px auto;
}

.negative-temp {
    background: #ffdbdb !important;
}

.exception-invalid {
    font-size: 10px;
    text-transform: uppercase;
    font-style:italic;
    display: inline-block;
    margin-left: 10px;
}

#rebate_panel .panel-heading {
    cursor: pointer;
}

#rebate_panel .rebate-image {
    max-width: 300px;
}

#loading-modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
}

#loading-modal .loading-modal-inside {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

#loading-modal .loading-modal-inside > div {
    padding: 20px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: white;
    overflow: hidden;
    margin: 0 auto;
}

#loading-modal .loading-modal-inside > div img {
    width: 100%;
}

.tire-view-copy-mspns {
    font-size: .75em;
    text-transform: uppercase;
    cursor: pointer;
}

.tire-view-copy-mspns:hover {
    text-decoration: underline;
}

#dashboard_tires_tire_table tr th {
    position: relative;
}

.tire-view-copy-status {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: red;
}

.tire-view-copy-status .fa-check {
    color: green;
}

.market-iumapped {
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px 10px;
    color: #ddd;
    background: #eee;
}

.market-iumapped.triggered {
    background: red;
    color: white;
}

.single-tire-image {
    height: 400px;
    overflow: hidden;
    text-align: center;
    background: white;
    padding: 30px;
    margin: 0 auto 15px auto;
    width: auto;
    border: 1px solid #ddd;
}

.single-tire-image img {
    max-width: 100%;
    max-height: 100%;
}

.psuedo-input.disabled {
    background: rgba(0,0,0,.01);
}

.d-block {
    display: block;
}

.warehouse-table-selector tbody tr:hover td {
    background: #ddd;
    cursor: pointer;
}

.warehouse-table-selector tbody tr:hover td label {
    cursor: pointer;
}

hr.lighter {
    border-color: #ddd;
}

.single-tire-product-wrapper hr {
    border-color: #ddd;
}

.order-instructions {
    font-style: italic;
    font-size: 10px;
    margin: 2px 0;
    padding: 0;
}

.single-tire-product-wrapper .single-tire-data-instructions {
    font-style: italic;
    font-size: 1em;
    margin: 5px 0;
}

.single-tire-product-wrapper textarea {
    resize: vertical;
    max-height: 400px;
    min-height: 75px;
}

.wheel-wrapper .panel-heading {
    cursor: pointer;
}

.wheel-wrapper .panel-heading:hover {
    background-color: #10a4ff;
    color: white;
}

.wheel-item-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.wheel-item-loader .wheel-item-loader-inside {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.wheel-item-loader .wheel-item-loader-inside img {
    width:150px;
    height: 150px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: white;
    padding: 5px;
    border: 8px solid #637b93;
}

.wheel-items {
    display: none;
}

.wheel-items #wheel_description_input {
    min-height: 175px;
}

.wheel-qty-details,
.wheel-item-details-list {
    margin-top: 20px;
    font-size: 1.15em;
    line-height: 2em;
}

.wheel-qty-details {
    margin-top: 0;
}

.wheel-qty-details li,
.wheel-item-details-list li {
    margin-bottom: 5px;
}

.wheel-item-details-list .wheel-item-detail-label {
    font-weight: bold;
    text-align: right;
    border-right: 8px solid #ddd;
}

.wheel-item-details-list .wheel-item-detail-label[data-detail="finish"] { border-right-color: #999; }
.wheel-item-details-list .wheel-item-detail-label[data-detail="diameter"] { border-right-color: #c744da; }
.wheel-item-details-list .wheel-item-detail-label[data-detail="width"] { border-right-color: #d8da44; }
.wheel-item-details-list .wheel-item-detail-label[data-detail="bore"] { border-right-color: #8c613b; }
.wheel-item-details-list .wheel-item-detail-label[data-detail="pcd"] { border-right-color: #35cd55; }
.wheel-item-details-list .wheel-item-detail-label[data-detail="offset"] { border-right-color: #2f7dff; }
.wheel-item-details-list .wheel-item-detail-label[data-detail="load_rating"] { border-right-color: #a30000; }

#grouped-wheel-items-table {
    margin-top: 20px;
}

#cost_trend_container.loaded {
    border: 1px solid #ddd;
}

.cost-trend-inside {
    padding: 10px 20px;
}

.shipping-month-wrapper {
    width: 100%;
    max-width: 300px;
    background: white;
    padding: 15px;
    margin: 15px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: top;
}

.month-calendar th {
    background: #999;
    color: white;
    text-align: center;
}

.month-calendar td {
    width: 14.28571428571429%;
}

.month-calendar td[data-noship="1"] {
    background: rgba(175,0,0,.2);
}

.month-calendar td.today {
    background: rgba(0,182,26,.2);
}

.month-calendar td:hover {
    background: #FFFBCC;
    cursor: pointer;
}

.month-calendar td.weekend:hover {
    background: #eee !important;
    cursor: default;
}

.month-calendar td[data-noship="1"]:hover {
    background: rgba(175,0,0,.5);
}

.shipping-month-header {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.shipping-month-wrapper .table-bordered,
.shipping-month-wrapper .table-bordered>tbody>tr>td,
.shipping-month-wrapper .table-bordered>tbody>tr>th,
.shipping-month-wrapper .table-bordered>tfoot>tr>td,
.shipping-month-wrapper .table-bordered>tfoot>tr>th,
.shipping-month-wrapper .table-bordered>thead>tr>td,
.shipping-month-wrapper .table-bordered>thead>tr>th {
    border-color: #333;
}

.shipping-month-wrapper td.calendar-day.blank-day {
    border: 0;
    background: #efefef;
}

.shipping-month-wrapper .table-bordered>thead>tr>td,
.shipping-month-wrapper .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

#marketplace_action_alert {
    margin-top: 20px;
}

.data-missing-list-outer,
.data_missing_images {
    margin-top: 10px;
}

.data-missing-list,
.data_missing_images_list {
    margin-top: 20px;
    display: none;
}

.data-missing-list ul,
.data_missing_images_list ul {
    border: 1px solid #ddd;
}

.data-missing-list ul li,
.data_missing_images_list ul li {
    padding: 5px;
}

.data-missing-list ul li:nth-child(odd),
.data_missing_images_list ul li:nth-child(odd) {
    background-color: #eee;
}

.in-threshold {
    background-color: red !important;
    color: white !important;
}

#wheel_key_data .panel-heading,
#wheel_key_data .panel-body,
#wheel_shipping_details .panel-heading,
#wheel_shipping_details .panel-body {
    padding: 4px 6px;
}

#wheel_key_data .table>tbody>tr>td,
#wheel_key_data .table>tbody>tr>th,
#wheel_key_data .table>tfoot>tr>td,
#wheel_key_data .table>tfoot>tr>th,
#wheel_key_data .table>thead>tr>td,
#wheel_key_data .table>thead>tr>th {
    padding: 4px 8px;
}

#wheel_key_data .panel-heading,
#shipping_core_data .panel-heading {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

#shipping_core_data .panel-body {
    text-align: center;
    font-size: 2em;
}

#wheel_key_data .panel-body {
    text-align: center;
    font-size: 1.25em;
}

#wheel_key_data .smalltext,
#shipping_core_data .smalltext {
    font-size: 12px;
    font-weight: 300;
}

.modal-content_wrapper {
    display: none;
}

#shipping_calculator_results {
    min-height: 300px;
    margin: 0 auto;
    width: 100%;
    display: block;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row.narrow-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.narrow-gutters > [class^="col-"],
.row.narrow-gutters > [class*=" col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.m-top-20 {
    margin-top: 20px;
}

#mp_loading_icon {
    margin-top: 40px;
}

#mp_loading_icon img {
    width: 100%;
    max-width: 75px;
    margin-top: 40px;
}

.parent-image-outer {
    padding: 10px;
    background: white;
    width: 100%;
    border: 1px solid #ddd;
}

.parent-image {
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.parent-image > img {
    width: 100%;
    display: block;
    position: relative;
    z-index: -1;
}

#hotsheet_issues_panel.loaded #data_load_hotsheet_issues {
    display: none;
}

#toggle_hotsheet_issues_list {
    margin-bottom: 10px;
}

.marketplace-modal-item {
    display: none;
}

.marketplace-process-result .row {
    margin-bottom: 5px;
    line-height: 34px;
}

.marketplace-process-result .row:nth-child(odd) {
    background: #eee;
}

#marketplace_data_modal .modal-body .row .btn {
    margin-bottom: 3px;
}

#process_wheel_marketplace_button,
#process_tire_marketplace_button {
    margin-top: -5px;
}

#wheel_marketplace_data .row .panel {
    margin-bottom: 0;
}

#data_fixImages_status .alert {
    padding: 5px;
    margin-top: 5px;
}

.show_vendor_qty_all:hover {
    cursor: pointer;
    background: #FFFBCC;
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 18px 0;
}

.calculator-body[data-mode="edit"] #calc_spacer,
.calculator-body[data-mode="edit"] #presentation_data,
.calculator-body[data-mode="edit"] #update_calculator,
.calculator-body[data-mode="presentation"] .hide-checked,
.calculator-body[data-mode="presentation"] .page-panel-inside > h1 {
    display: none;
    visibility: hidden;
}

.calculator-body .presentation-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.calculator-body[data-mode="edit"] #calculator_disable_presentation {
    display: none;
}

.calculator-body #calculator_disable_presentation {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    transition: opacity .6s;
    z-index: 10;
}

.calculator-body #calculator_disable_presentation:hover {
    opacity: 100;
}

.calculator-body[data-mode="presentation"] #presentation_data {
    text-align: center;
    font-size: 3em;
}

#body.calculator-body[data-mode="presentation"] .page-panel {
    padding-left: 0;
}

#body.calculator-body[data-mode="presentation"] .primary-navigation {
    display: none;
    visibility: hidden;
}

.presentation-group {
    width: 400px;
    border: 1px solid #ddd;
    padding-bottom: 15px;
    background: white;
    margin: 0 auto 15px auto;
    font-weight: 300;
}

#tech_amount.presentation-group .tech_presentation {
    color: green;
    font-weight: bold;
}

#tech_name_presentation {
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 30px;
}

.calculator_inputs {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 110px;
}

#body.calculator-body[data-mode="presentation"] .calculator_inputs {
    left: 0;
}

.forecast-display-actual {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 10px auto;
}

.marketplace-row-item td {
    word-wrap: break-word;
}

.ss-action-col .label {
    display: none;
}

.ss-action-col[data-processed="1"] .label[data-process="1"] {
    display: inline-block;
}

.ss-action-col[data-processed="0"] .label[data-process="0"] {
    display: inline-block;
}

#entry_modal .modal-body, .scrolled-content .modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.p-0 {
    padding: 0;
}

.p-5 {
    padding: 5px;
}

.m-0 {
    margin: 0 !important;
}

.h-100 {
    height: 100%;
}

.h-3 {
    height: 1.2rem;
}
.alert-xs {
    padding: 5px;
    margin-bottom: 5px;
}

.ss_toggle_processed {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.ss_toggle_processed > i.fa-toggle-on { color: #2e6da4; }
.ss_toggle_processed > i.fa-toggle-off { color: #d9534f; }

.ss_toggle_processed > i.fa {
    display: none;
}

.ss_toggle_processed[data-processed="0"] > i.fa-toggle-on { display: inline-block; }
.ss_toggle_processed[data-processed="0"] > i.fa-toggle-off { display: none; }

.ss_toggle_processed[data-processed="1"] > i.fa-toggle-on { display: none; }
.ss_toggle_processed[data-processed="1"] > i.fa-toggle-off { display: inline-block; }

.ss_alert {
    background: #ddd;
    padding: 5px 10px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 4px;
}

.ss_alert.ss_alert_success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.ss_alert.ss_alert_danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.middle-aligned {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.line-item-search-result {
    cursor: default;
    background: white;
}

.line-item-search-result:hover {
    cursor: pointer;
    background: #eee;
}

#lineItemSearch {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}


.scrolling-5em {
    height: calc(1.42857143*5em);
    overflow-y: auto;
    overflow-x: hidden;
}

.scrolling-3em {
    max-height: calc(1.42857143 * 3em);
    overflow-y: auto;
    overflow-x: hidden;
}

.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.error-saving-alert {
    margin: 20px auto 10px auto;
}

.ucwords {
    text-transform: uppercase;
}

#order-table {
    margin: 10px auto;
}

.row.image-row {
    margin-bottom: 10px;
}

.row.image-row img {
    border: 1px solid #999;
}

.atd-product-panels .row.image-row img{
    max-height: 200px;
}

.shadow {
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0 8px 6px -6px rgba(0,0,0,.5);  /* Firefox 3.5 - 3.6 */
    box-shadow:         0 8px 6px -6px rgba(0,0,0,.5);
}

.atd-product-panels .panel {
    margin-bottom: 10px;
}

.atd-product-panels .panel .panel-heading {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.atd-product-panels .panel .panel-heading,
.atd-product-panels .panel .panel-body {
    padding: 5px 10px;
}

.atd-tire-name {
    font-size: 2em;
    margin-bottom: 4px;
    font-weight: bold;
}

.file-table-data td,
.mp-row-item-val {
    width: 50%;
    /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

td.toggle-button-container
{
    width: 50px;
    text-align: center;
}

a.disabled {
    pointer-events: none;
    cursor: pointer;
}

/* default is to show the deactivated state. a system-active class indicates we should show the active state and hide the deactivated state */
.btn-toggle-switch.readonly {
    pointer-events: none;
}

.table-brands .btn-toggle-switch {
    opacity: .25;
    filter: grayscale(1);
}
.table-brands .btn-toggle-switch[data-value="1"] {
    opacity: 1;
    filter: none;
}
.btn-toggle-switch .fa-toggle-on {
    display: none;
}

.btn-toggle-switch[data-value="1"] .fa-toggle-on {
    display: inline-block;
}

.btn-toggle-switch[data-value="1"] .fa-toggle-off {
    display: none;
}

/* older code follows */
.brand-list-row td.brand-toggle-cell .fa-toggle-on
{
    display: none;
}


.brand-list-row.marketplace-active td.brand-toggle-cell [data-system="marketplace"] .fa-toggle-off
{
    display: none;
}

.brand-list-row.marketplace-active td.brand-toggle-cell [data-system="marketplace"] .fa-toggle-on
{
    display: inline-block;
}

.brand-list-row.woocommerce-active td.brand-toggle-cell [data-system="woocommerce"] .fa-toggle-off
{
    display: none;
}

.brand-list-row.woocommerce-active td.brand-toggle-cell [data-system="woocommerce"] .fa-toggle-on
{
    display: inline-block;
}

.drop-shadow-thin {
    box-shadow: 3px 3px 5px rgba(0,0,0,.25);
}
.w-2em {
    width: 2em !important;
}
.w-3em {
    width: 3em !important;
}
.w-4em {
    width: 4em;
}
.w-5em {
    width: 5em !important;
}
.w-6em {
    width: 6em !important;
}
.w-7em {
    width: 7em !important;
}
.w-8em {
    width: 8em !important;
}
.w-9em {
    width: 9em !important;
}
.w-10em {
    width: 10em !important;
}
.w-11em {
    width: 11em !important;
}
.w-13em{
    width: 13em !important;
}
.w-14em{
    width: 14em !important;
}
.w-26em{
    width: 26em;
}
.w-100 {
    width: 100%;
}
.border-0,
.border-0 td
{
    border:none !important;
}

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.ma-3 {
    margin: 1rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-2 {
    margin-bottom: .5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 2rem !important;
}

.mb-4r {
    margin-bottom: 4rem !important;
}

.ml-auto {
    margin-left: auto;
}
.ml-1 {
    margin-left: 0.25rem !important;
}
.ml-2 {
    margin-left: 0.5rem !important;
}
.ml-3 {
    margin-left: 1rem !important;
}
.ml-4 {
    margin-left: 1.5rem !important;
}
.mr-4 {
    margin-right: 1.5rem !important;
}

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

.white-space-normal {
    white-space:normal;
}
.white-space-pre {
    white-space:pre;
}
.border-bottom {
    border-bottom: 1px solid currentColor;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}
.p-3 {
    padding: 1em;
}
.pl-1 {
    padding-left: 0.25rem !important;
}
.pl-2 {
    padding-left: 0.5rem !important;
}
.pl-3 {
    padding-left: 1rem !important;
}

.clickable {
    cursor: pointer;
}

.clickable:hover {
    color: #10A4FF;
}

/* datatables sort indicators */

/* hide inactive sorting indicators to keep the UI clean */
table.dataTable thead .sorting:after {
    opacity: 0 !important;
    font-weight: normal;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after
{
    opacity: .75 !important;
}

table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc
{
    font-weight:bold;
    color: #337AB7;
}

table.dataTable.mt-0 {
    margin-top: 0 !important;
}

.table-marketplace-history tbody tr td:first-child,
.table-website-history tbody tr td:first-child
{
    white-space:nowrap;
}
.user-select-all {
    user-select: all;
}
table.user-select-all {
    user-select: none;
}
table.user-select-all td {
    user-select: all;
}
pre.user-select-all {
    white-space: pre-wrap;
}
pre.code-view {
    height: 20em;
    overflow:auto;
    resize: vertical;
    user-select: all;
    font-family:monospace;
    font-size: 12px;
}

.font-size-small {
    font-size: 12px;
}

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

.valign-middle{
    vertical-align: middle !important;
}
.d-inline-block{
    display:inline-block;
}

.w-0 {
    width: 0;
}

.w-50px {
    width: 50px;
    max-width: 50px !important;
}

.font-style-em {
    font-style: italic;
}

.table-vendor-qty-report th+th {
    vertical-align: bottom;
    text-align: right;
}
.table-vendor-qty-report th+th,
.table-vendor-qty-report td+td
{
    width: 6em;
}

.table-vendor-qty-report td+td {
    text-align: right;
}

.bg-light-gray {
    background-color: #f9f9f9 !important;
}
.bg-gray {
    background-color: #eee !important;
}
.bg-dark-gray {
    background-color: #ddd !important;
}
.bg-white {
    background-color: white !important;
}

.input-group-fixed-label-width .input-group-addon {
    width: 10rem;
    text-align:right;
}

.sticky-table-header {
    position: sticky;
    top: -1px;
    background:#efefef;
    z-index: 9;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);
}

.product-detail-page .badge-info {
    color: #333;
    background-color: #FFFF00;
    padding-top: 2px;
    line-height: 1.4;
    padding-left: 6px;
    padding-right:6px;
    border-radius:0;
}

.product-detail-page .badge-danger {
    color: #320000;
    background-color: #ffdfdf;
    padding-top: 2px;
    line-height: 1.4;
    padding-left: 6px;
    padding-right:6px;
    border-radius:0;
}
.mr-1 {
    margin-right: .25rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mr-3 {
    margin-right: 1rem;
}
.mx-3 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
}
.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
}
.d-flex{
    display:flex;
}
.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

select {
    padding-left: 4px;
}

.notices {
    max-height: 10.75rem;
    overflow-y: auto;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}


.alert:empty {
    display:none;
}
.swal2-html-container .table-list th,
.swal2-html-container .table-list td {
    /*why was no-wrap applied to tables inside a popup message? */
    /*white-space:nowrap;*/
    text-align:left;
    font-size: 12px;
}
.swal2-html-container .table-list th {
    white-space: nowrap;
}
.table.table-list {
    margin-bottom: 0;
}

.table.table-list th {
    font-weight: bold;
}
.table.table-list td {
    width: 100%;
    user-select: all;
}
.shipstation-order-details .table.table-list td {
    white-space: pre;
}
.table.table-list .nested-data {
    padding-right: 0;
    padding-bottom: 0;
}
.indent-1 {
    text-indent: 1rem;
}
.indent-2 {
    text-indent: 2rem;
}
.indent-3 {
    text-indent: 3rem;
}
.nested-data-label {
    background-color:#ebedf3;
}
.table-list pre {
    font-size: 12px;
    background:none;
    padding:0 ;
    margin: 0;
    border:none;
}
.modal-lg .table-list pre {
    overflow: auto;
    max-width:858px;
}
.gap-1 {
    gap: .25rem;
}
.gap-2 {
    gap: .5rem;
}
.gap-3 {
    gap: 1rem;
}
.gap-col-2em {
    column-gap: 2em;
}
.gap-col-1 {
    gap: 0 .25rem;
}
.gap-col-2 {
    gap: 0 .5rem;
}
.gap-col-3 {
    gap: 0 1rem;
}
.well label {
    margin-bottom: 0;
}
.align-start {
    align-items: start;
}
.align-items-center {
    align-items: center;
}
.align-items-baseline {
    align-items: baseline;
}
.align-items-start {
    align-items: start;
}
.align-items-end {
    align-items: end;
}
.justify-end {
    justify-content: end;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-auto {
    flex: 1 1 auto;
}
.font-weight-normal {
    font-weight: normal !important;
}
body.env-local::after {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    content: 'xs';
    background: black;
    color: white;
    z-index: 10;
    padding: 2px 4px;
    font-size: 18px;
    font-family: monospace;
}
@media (min-width:768px){
    body.env-local::after {
        content: 'sm';
    }
}

@media (min-width: 992px){
    body.env-local::after {
        content: 'md';
    }
}

@media (min-width: 1200px){
    body.env-local::after {
        content: 'lg';
    }
}

/*
@media (min-width: 1200px){
    body.env-local::after {
        content: 'xl';
    }
}*/

.notifications-wrapper {
    z-index: 1000;
    margin-top: 4px;
    margin-right: 12px;
    max-height: 170px;
    overflow-y: auto;
}

.ck-content ul,
.ck-content ol
{
    padding-left: 2rem;
}

.tooltip-inner {
    white-space: pre;
    text-align: left;
    font-size: larger;
    font-family: monospace;
    max-width: none;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order-wrapper {
    font-size: 12px;
}
.order-icon {
    max-width: 16px;
}
.order-activity-log-container {
    font-size: 14px;
}
@media (min-width: 1200px) {
    .order-wrapper {
        font-size: 13px;
    }
    .order-icon {
        max-width: 18px;
    }
}
@media (min-width: 1600px) {
    .order-wrapper {
        font-size: 14px;
    }
    .order-icon {
        max-width: 18px;
    }
}
.message-list {
    border-left: 5px solid #d2d2d266;
    padding-left: 28px;
}

.message {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    margin-bottom: 1.5rem;
    box-shadow: 2px 2px 5px #80808033;
}

.message--from {
    background: #f3f8ff;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    margin-right: 4rem;
}

.message--to {
    background: #f9fffa;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    margin-left: 4rem;
    margin-right: 4rem;
}

.message__header {
    font-weight: bold;
    font-size: 14px;
    display: flex;
    justify-content:space-between;
    align-content: center;
    border-bottom: 1px solid #d2d2d2;
}
.message__subject {
    margin: 4px 6px;
}

.message__time {
    color: #444;
    margin: 4px 6px;
    font-weight: normal;
}

.message__contents {
    font-size: 14px;
    margin: 4px 6px;
}

.border-color-gray {
    border-color: #ddd;
}
.border-color-light {
    border-color: #aaa;
}
.border-t {
    border-color: currentColor;
    border-top-style:solid;
    border-top-width: 1px;
}
.border-r {
    border-color: currentColor;
    border-right-style:solid;
    border-right-width: 1px;
}
.border-l {
    border-color: currentColor;
    border-left-style:solid;
    border-left-width: 1px;
}
.flex-grow{
    flex-grow: 1;
}



div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #337ab7 !important;
}
textarea.form-control {
    min-height: 2.4rem;
}

.input-group-inline .form-control {
    width: auto;
}
.input-group-inline .form-control:not(:last-child) {
    border-right: none;
}
.input-group-inline .form-control + .form-control {
    border-left: none;
}
.table-bordered caption {
    padding: 4px 0 ;
    text-align: center;
    background: #e4e4e4;
    border: 1px solid #dddddd;
    border-bottom: none;
    color: black;
}

#live_inventory_response .table {
    margin-bottom: 0px;
}
#live_inventory_response .table th {
    text-align: center;
}
#live_inventory_response .table td
{
    text-align: center;
}

.btn-default .ladda-spinner div[role=progressbar] div > div {
    background: #a9a9a9 !important
}

@media(max-width: 1200px){
    .product-data-panel-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .product-data-panel-row .col-md-3,
    .product-data-panel-row .col-md-6
    {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.product-images-container img {
    max-width: 300px;
}

/* If a page does not contain a .page-panel-inside element, the site-wide search won't be visible */
.site-header {
    margin: 12px 12px 0px 0;
    position:relative;
}

/* almost every page follows this structure however there are exceptions:
Accounting page
Returns
Reports
*/
.page-panel > .page-panel-inside > .site-header {
    margin-top: -12px;
    margin-bottom: 12px;
    margin-right: 0px;
}

.site-search-results:empty{
    display:none;
}
.site-search-results {
    border: 1px solid #ccc;
    border-top: none;
    padding: 8px 0px 8px;
    position: absolute;
    z-index:10;
    background: white;
    left: 0;
    right: 39px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 6px #00000033;
}
.site-search-results a,
.site-search-results h4
{
    display: block;
    padding: 6px 11px 7px;
    font-size: 18px;
}
.site-search-results > div {
    padding: 6px 11px 2px;
    font-size: 16px;
    color: gray;
}
.site-search-results a:hover {
    background: #337ab7;
    color: white;
    outline: 1px solid #aaa;
    text-decoration: none;
}

.tracking-dnd {
    resize:none;
    border: 1px solid #eee;
    text-align: center;
    padding-top: 1.3rem;
    padding-bottom: 0;
    height: 20rem !important;
}

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

.table-striped>tbody>tr.bg-danger:nth-of-type(odd) {
    background-color: #e9dada;
}

.text-hint {
    font-size: 85%;
    color: #aaa;
}

.settings-section {

}
.settings-section h3 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 12px;
}
.settings-section .form-field {
    display:flex;
    margin-top: 2px;
    flex: 1;
    align-items: baseline;
}

.settings-section .form-field__label {
    width: 9em;
    flex-shrink: 0;
}

.settings-section .form-field textarea {
    height: 10rem;
}

.settings-section-label {
    font-size: 16px;
    padding: 5px 12px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    cursor: pointer;
    background: #337ab7;
    color: white;
    position: sticky;
    top: 0px;
    z-index: 10;
}

/*
.settings-section-label::after {
    height: 1px;
    background: #cfcfcf;
    display: block;
    content: ' ';
    overflow: hidden;
    width: 100%;
    margin-left: .6rem;
    margin-right: 5px;
}
*/
.settings-section-body {
    padding-top: 1rem;
}

.settings-section-body-content {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
    /* CKEditor's min width is currently about 53rem */
    /*max-width: 54rem;*/
    margin-right: 1.5rem;
}
.ticket-content-section {
    max-width: 46em;
    .form-field:not(.form-field-checkbox) {
        flex-direction: column;
        margin-top: 10px;
        .form-field__label {
            display: block;
            margin-bottom: 2px;
            font-weight: bold;
            padding-left: 4px;
            width: auto;
        }
    }
    /* start a return modal has specifically sized and positioned ticket fields */
    .modal-start-return & {
        max-width: unset;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        & .form-field:nth-child(1),
        & .form-field:nth-child(2),
        & .form-field:nth-child(3) {
            width: 32%;
        }
        & .form-field:nth-child(4),
        & .form-field:nth-child(5)  {
            width: 100%;
        }
    }
}

.settings-section .form-field-checkbox .form-field__label {
    width: auto;
    margin-left: 4px;
    margin-right: 4px;
}

.ticket-properties-section {
    margin-block-start: 2em;
    .form-field__label {
        font-size: 12px;
        width: 9em;
    }
    .form-control {
        height: 30px;
        line-height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }
    .modal-start-return & {
        margin-block-start: 1em;
        display: flex;
        flex-wrap: wrap;
        column-gap: 8px;

        .form-field {
            margin-top: 0;
        }
    }
}

.settings-section .ck.ck-editor {
    flex-grow: 1;
}

.data-table.show-header-indexes > thead:first-child > tr:first-child > th:before {
    content: attr(data-number);
    display: block;
    position: absolute;
    font-size: 14px;
    top: -3px;
    left: 1.2rem;
    font-weight: bold;
    color: #a1a1a1;
}

.flex-column {
    flex-direction: column;
}
.hiding {
    opacity: .25;
}
td:hover .hiding,
tr.highlight-green .hiding
{
    opacity: 1;
}


.installer-list-item__hours-day {
    width: 18rem;
    justify-content: space-between;
    display: flex;
}

.installer-data-list-table .table-list th {
    min-width: 19rem;
}
.marketplace-data-table-wrapper table tr td:last-child {
    text-align: right;
}
.marketplace-data-table-wrapper table tr+tr td:last-child {
    text-align: right;
    font-size: smaller;
    color: #777;
}

.flex-stretch-children > div {
    flex-grow: 1;
}
.small {
    font-size: 85% !important;
}
.text-align-left {
    text-align: left !important;
}
.ck-editor__main .ck-content p {
    margin: 0;
}

.form-create-return .ck-editor__main .ck-content p {
    margin-bottom: 10px;
}

.site-search-results a b {
    font-weight: normal;
    opacity: .25;
}

.select2-container .select2-results {
    max-height: 25rem;
    overflow-y: auto;
}

.line-through {
    text-decoration: line-through;
}

.compact-select-list {
    appearance: none;
    background: none;
    border: 1px solid transparent;
    padding-right:12px;
    padding-top: 1px;
    &:hover, &:active, &:focus {
        appearance: auto;
        border: 1px solid;
        padding-right:0;
        padding-top:0;
    }
}

.btn-remove-selections {
    width: 12px;
    height: 12px;
    font-weight: normal;
    position: absolute;
    margin-left: -20px;
    margin-top: 9px;
    color: #aaa;
    cursor: pointer;
}

todo {
    padding: 4px 8px;
    margin: 8px 0;
    border: 1px solid #ccc;
    display: inline-block;
    &::before {
        display: inline-block;
        content: "FUTURE: ";
        margin-right: 4px;
        font-weight: bold;
    }
}

.modal-check-order-status .swal2-html-container {
    text-align: left;
    font-size: 12px;
}