/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/*======================================================*/
/*=============    Global Level     ====================*/
/*======================================================*/

/* ========================== Navigation ==========================*/
#header {
    height: 52px;
    background-color: #2196F3;
    background-image: -moz-linear-gradient(top, #2196F3, #2196F3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2196F3), to(#2196F3));
    background-image: -webkit-linear-gradient(top, #2196F3, #2196F3);
    background-image: -o-linear-gradient(top, #2196F3, #2196F3);
    background-image: linear-gradient(to bottom, #2196F3, #2196F3);
}

.staplesHeader {
    background-color: #fff !important;
    background-image: none !important;
    border-bottom: solid 2px #e2e2e2;
}

aside {
    background: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left, #fff 93%, #fff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(93%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(left, #fff 93%, #fff 100%);
    background: -o-linear-gradient(left, #fff 93%, #fff 100%);
    background: -ms-linear-gradient(left, #fff 93%, #fff 100%);
    background: linear-gradient(to right, #fff 93%, #fff 100%);
}

nav ul li a {
    color: #4C4C4C;
}

nav ul li a:active {
    background: #fff !important;
}

nav>ul>li:hover>ul::before,
nav>ul>li:hover>ul>li::before {
    border-color: inherit !important;
}

.menu-on-top aside#left-panel {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    border-bottom: 1px solid #edecec;
    border-top: 1px solid #edecec;
}

.menu-on-top aside#left-panel nav>ul>li {
    border-right: 1px solid #edecec;
    border-left: 1px solid #edecec;
}

.menu-on-top aside#left-panel nav>ul>li:hover {
    /*responsible for hover of anchor*/
    background: #fff;
}

.menu-on-top aside#left-panel nav>ul>li:active>a {
    color: #333 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li:hover>a {
    border-left: none !important;
    border-right: none !important;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li:hover>a {
    color: #1565C0 !important;
}

.menu-on-top aside#left-panel nav>ul>li:focus>a {
    color: #333 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li:visited>a {
    color: #333 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li>a {
    height: 70px;
    font-size: 13px;
    line-height: 27px;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li>a:active {
    height: 70px;
    font-size: 13px;
    line-height: 27px;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li>a:hover {
    height: 70px;
    font-size: 13px;
    line-height: 27px;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li>a:focus {
    height: 70px;
    font-size: 13px;
    line-height: 27px;
    padding: 10px 18px !important;
}

.menu-on-top aside#left-panel nav>ul>li>a:visited {
    height: 70px;
    font-size: 13px;
    line-height: 27px;
}

.menu-on-top aside#left-panel nav>ul>li>a>em {
    font-size: 37px;
    display: block !important;
    margin: 1px 0 2px 4px;
    line-height: inherit;
    text-align: center;
    width: 100%;
}

.menu-on-top nav>ul>li>a:after {
    content: none !important;
}

.menu-on-top li.active>a {
    font-weight: 200 !important;
    color: #1565C0 !important;
}

.menu-on-top nav ul ul .active>a:hover,
.menu-on-top nav ul ul li.active:hover>a {
    color: #1565C0 !important;
}

.menu-on-top nav ul ul .active>a {
    color: #1565C0 !important;
}

.menu-on-top nav ul ul li a:hover,
.menu-on-top nav ul ul li:hover>a,
.menu-on-top nav ul ul ul li a:hover {
    color: #1565C0;
    background-color: #fff;
}

.menu-on-top .menu-item-parent {
    max-width: 100px;
    min-width: 80px;
}

/* ========================== Bread-Crumbs ==========================*/
#ribbon {
    background: rgba(255, 255, 255, .4);
}

#ribbon .breadcrumb li:last-child,
#ribbon .breadcrumb>.active {
    color: #4C4C4C;
}

#ribbon .breadcrumb,
#ribbon .breadcrumb a {
    color: #4C4C4C !important;
}

.txt-color-blueDark {
    color: #1565C0 !important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    margin-top: 31px;
    margin-bottom: 13px;
}

.txt-blueDark {
    color: #1565C0 !important;
    font-weight: 600;
    margin-top: 31px;
    margin-bottom: 13px;
}

.txt-color-blueDark span {
    text-transform: capitalize;
}

/* ========================== Footer ==========================*/
.page-footer {
    background: #2196F3;
}

/*  ========================== Button Header ========================== */
.collapseMenu {
    display: none;
}

.staplesHeaderParent div a {
    background-color: #fff !important;
    background-image: none !important;
    border: none;
    color: #2196F3 !important;
}

.staplesHeaderParent div a:hover {
    border: none;
    color: #2196F3;
    box-shadow: none;
}

.staplesHeaderParent div a:active {
    background-color: #fff;
    background-image: none;
    box-shadow: none;
}

.btn-header> :first-child>a {
    background-color: #2196F3;
    background-image: none;
    background-image: -moz-linear-gradient(top, #2196F3, #2196F3);
    background-image: -ms-linear-gradient(top, #2196F3, #2196F3);
    background-image: -o-linear-gradient(top, #2196F3, #2196F3);
    background-image: linear-gradient(to bottom, #2196F3, #2196F3);
    border: none;
    color: #fff;
}

.btn-header> :first-child>a:hover {
    border: none;
    color: #fff;
    box-shadow: none;
}

.btn-header> :first-child>a:active {
    background-color: #2196F3;
    background-image: none;
    box-shadow: none;
}

/* Staples Header*/
/*.btn-staplesHeader>:first-child>a{*/
/*background-color: #fff !important;*/
/*background-image: none !important;*/
/*border: none;*/
/*color: #2196F3 !important;*/
/*}*/

/*.btn-staplesHeader>:first-child>a:hover {*/
/*border: none;*/
/*color: #2196F3;*/
/*box-shadow: none;*/
/*}*/

/*.btn-staplesHeader>:first-child>a:active {*/
/*background-color: #fff;*/
/*background-image: none;*/
/*box-shadow: none;*/
/*}*/

:-webkit-full-screen #fullscreen> :first-child>a {
    background-color: #2196F3;
    background-image: none;
    box-shadow: none;
    border: none;
}

/*  ========================== Collapse Menu ========================== */

/* Default */
.hidden-menu #hide-menu> :first-child>a {
    background-color: #2196F3;
    background-image: none;
    box-shadow: none;
    color: #fff;
    border: none;
}

/* Staples */
.hidden-menu #staplesHide> :first-child>a {
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    color: #2196F3;
    border: none;
}

/*#extr-page body.desktop-detected {*/
/*min-height: 1070px !important;*/
/*}*/

.color-box,
.color-select li span {
    display: none;
}

/* ========================== Body  ==========================*/

body,
h4 {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: none;
}

label {
    font-weight: 700;
    font-size: 14px;
}

/* ========================== "Add New" Widget Button Toolbar ========================== */
.smart-form.widget-body-toolbar,
.widget-body-toolbar {
    border-bottom: none;
    background: none;
}

.control-label {
    margin-bottom: 0;
}

/* ========================== Table ========================== */
table .col-action {
    text-align: center;
    white-space: nowrap;
    width: 120px;
    overflow: visible;
}

table .col-action-return {
    text-align: center;
    white-space: nowrap;
    width: 130px;
    overflow: visible;
}

table .col-action-detail {
    text-align: center;
    white-space: nowrap;
    width: 150px;
    overflow: visible;
}

table .col-dropdown-action {
    text-align: center;
    white-space: nowrap;
    width: 180px;
    overflow: visible;
}

table .col-level {
    text-align: center;
    width: 40px;
}

.form-actions {
    border-top: 0;
    background-color: #fff;
}

.air-bottom-right {
    bottom: 10px;
    right: 10px;
}

.jarviswidget .widget-body {
    min-height: 0;
}

.fc-border-separate thead tr,
.table thead tr {
    font-size: 14px;
}

.jarviswidget-color-blueDark .nav-tabs li:not(.active) a,
.jarviswidget-color-blueDark>header>.jarviswidget-ctrls a {
    color: #333 !important;
}

/*======================================================*/
/*==============  Bootstrap Class Over-written  ========*/
/*======================================================*/

.dataTables_wrapper .form-control {
    border-radius: 0 !important;
    font-size: 14px;
}

.has-success .form-control {
    border-color: #CCCCCC;
}

.has-success .form-control:active {
    border-color: #CCCCCC;
}

.has-success .form-control:hover {
    border-color: #CCCCCC;
}

.has-success .form-control:focus {
    border-color: inherit;
}

.has-success .form-control:visited {
    border-color: #CCCCCC;
}

.has-success .control-label,
.has-success .help-block,
.has-success .form-control-feedback {
    color: #333333;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #F44336;
}

.has-error input[type=text],
.has-error input[type=text]+.input-group-addon {
    border-color: #F44336;
    background-color: #F2DEDE;
}

.has-errorInlineRadio {
    border-color: #F44336;
    background-color: #F2DEDE;
}

.alert-warning {
    background-color: #FFEB3B;
    border-left-color: #F9A825 !important;
}

.alert-warning-pickup {
    background-color: #FFF2CC;
    border-left-color: #F9A825 !important;
}

.alert-danger {
    background-color: #F44336;
    border-left-color: darkred !important;
}

.alert-banner {
    padding-left: 0px;
}

.alert-primary {
    background-color: #2196F3;
    border-left-color: #CECECE !important;
}

/*.close, .close:focus, .close:hover {*/
/*color: #fff;*/
/*opacity: 9;*/
/*}*/

.alert-dismissable .close,
.alert-dismissible .close {
    position: absolute;
}

/* ========================= Input Fields =========================*/

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #333333;
}

/* ========================= Buttons For Add New and Action Buttons =========================*/
.btn-primary {
    background-color: #2196F3 !important;
    border-color: #0C7CD5 !important;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    background-color: #2196F3;
    border-color: #0C7CD5;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #2196F3;
    border-color: #0C7CD5;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #2196F3;
    /*rough*/
    min-width: 160px !important;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline-color: #999 !important;
}

/* ========================= Pagination =========================*/
div.dataTables_paginate>.pagination>.active>a,
.pagination>.active>a:active,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #fff !important;
    background-color: #2196F3;
    border-color: #0C7CD5;
}

/*======================================================*/
/*=============    Custom Changes     ==================*/
/*======================================================*/
/* Logo */
#logo {
    margin-top: 5px;
    width: 260px;
}

#logo img {
    width: 260px;
}

/* Text */
.textIntent {
    display: block;
    padding: 1px 2px;
    margin-left: 16px;
    text-indent: -18px;
}

.unitsDisplay {
    padding-top: 35px;
    padding-left: 5px;
}

/*.smart-accordion-default .panel-heading .panel-title .collapsed {*/
/*padding:12px 2px 12px 12px !important;*/
/*}*/
.custom-link {
    text-decoration: underline !important;
    color: #2196F3 !important;
}

.smart-accordion-default .panel-heading .panel-title .custom-link {
    padding-left: 0px !important;
}

.disable-text {
    color: #999 !important;
    cursor: default !important;
}

/* Border */
.no-border {
    border: none !important;
}

/* Tabs to button group*/
.button-tabs {
    line-height: 4px !important;
    border-radius: 1px !important;
    padding: 3px 6px !important;
}

.button-tabs.active {
    background-color: #e6e6e6 !important;
}

.button-tabs>a {
    background-color: transparent !important;
}

.border-dark-grey {
    border: 1px solid #383838;
}

/* Tabs */
.tabs-color-grey li.active>a {
    color: #4A4A4A !important;
    font-weight: 600 !important;
    box-shadow: 0 -2px 0 #1565C0;
}

/* Basic Drop Down */
.select-basic {
    height: 35px;
}

.select-basic option {
    width: auto;
}

.placeholderTextPadding {
    padding: 6px 10px;
}

/*=========================  Angular Bootstrap Toggle ========================= */
.slow .toggle-group {
    transition: left 0.7s;
    -webkit-transition: left 0.7s;
}

.fast .toggle-group {
    transition: left 0.1s;
    -webkit-transition: left 0.1s;
}

.quick .toggle-group {
    transition: none;
    -webkit-transition: none;
}

.toggle-off {
    left: 50% !important;
}

.toggle-group,
.toggle-off,
.toggle-on {
    position: absolute !important;
    top: 0 !important;
}

/*=========================  Table ========================= */
.checkBoxLabel[type=checkbox],
.checkBoxLabel[type=radio] {
    margin: 4px 12px 0;
}

.radioCheckStyle0 {
    margin-right: -11px;
    margin-left: 6px;
    margin-top: -15px !important;
}

.phone-position {
    background-color: inherit !important;
    margin-top: 8px;
}

#dtCustomers .phone-address-border,
#dtRecipient .phone-address-border {
    border-left: 1px solid #ddd !important;
}

.suggested-address-box {

    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-left-width: 5px !important;
}

.table-bottom-padding {
    padding: 10px 10px 0px 10px;
}

.btn-dd-line-height {
    line-height: 1.65;
}

/* line 34, ../../../compass/sass/default.scss */
.overlay {
    background: #000;
    opacity: 0.6;
    position: fixed;
    z-index: 1006;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

/* ========================== Widget Button Toolbar Area ========================== */
.inline-widget {
    padding-bottom: 10px;
    padding-top: 10px;
}

/* For Inline Button Not using it*/
.widget-data-toolbar-inline {
    position: relative;
    display: inline-block;
}

/**/

.page-dropdown-inline {
    float: right;
    padding-left: 10px
}

.select-cus-dd {
    height: 33px !important;
    font-weight: 100;
}

.backTo {
    border-bottom: 1px solid #C2C2C2;
    background: none;
}

.addressAddButton {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 0px;
}

.padding-13 {
    padding: 13px;
}

.fontSize-16 {
    font-size: 16px;
}

.fontSize-18 {
    font-size: 18px;
}

.fontSize-20 {
    font-size: 20px;
}

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

.width-100 {
    width: 100%;
}

.width-150 {
    width: 150px;
}

.width-80 {
    width: 80%;
}

/*  ========================== Button Header ========================== */
.margin-header-icons {
    margin-right: 23px !important;
}

.facility-popover {
    top: 33px;
    width: 225px;
    right: 7px;
    left: inherit;
}

.facility-popover>.arrow {
    left: 63% !important;
}

.barcode-popover {
    top: 33px;
    width: 255px;
    right: 78px;
    left: inherit
}

.barcode-popover>.arrow {
    left: 67% !important;
}

.weak {
    font-weight: lighter;
}

.bill-to-drop-down-content {
    /*margin-left: 15px;*/
    z-index: 2;
    padding: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.drop-down-content {
    margin-top: 15px;
    margin-left: 15px;
    position: absolute;
    z-index: 1;
    padding: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

/* Bootstrap Fuel UX */
.fuelux .wizard ul {
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none outside none;
    float: none
}

.fuelux .wizard ul li:first-child {
    padding-left: 0;
    border-radius: 0;
}

.fuelux .wizard ul li {
    position: relative;
    float: left;
    height: auto;
    padding: 3px 0px;
    font-size: inherit;
    line-height: 1.46;
    background: none;
}

.fuelux .wizard>.steps .fullServeLong {
    line-height: 0.5 !important;
    /*padding-top: 4px !important;*/
}

.fuelux .wizard>.steps .fullServeShort {
    line-height: normal !important;
    padding-top: 10px !important;
}

.badgeLong {
    margin-top: 11px;
}

/* Select2 */

.select2-hidden-accessible {
    display: none;
}

.select2-container .select2-choice,
.form-control {
    border-radius: 3px !important;
    font-size: 15px;
}

.select2 {
    width: 100%;
}

/* additional services*/

.left-border-blue {
    border-left: 5px solid #2196F3;
}

.left-border-red {
    border-left: 5px solid #F44336 !important;
}

.heading-error {
    background-color: #F2DEDE !important;
    border: 1px solid #F44336 !important;
    color: red !important;
}

.heading-error-color {
    color: #F44336 !important;
}

/* Customize it with styles*/
.full-panel-margin {
    margin-bottom: 0;
    margin-left: -10px;
}

.full-serve>tbody>tr>td,
.full-serve>tbody>tr>th,
.full-serve>tfoot>tr>td,
.full-serve>tfoot>tr>th,
.full-serve>thead>tr>td,
.full-serve>thead>tr>th {
    border-top: none;
    width: 200px;
}

.harmonizedCodeTable {
    margin-bottom: 0px;
}

.disable-nav-bar-btn {
    pointer-events: none;
}

.horizontalLineFull {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.review-txt-color-blueDark {
    color: #1565C0 !important;
    font-size: 20px;
    font-weight: 500;
    margin-top: 31px;
    margin-bottom: 13px;
}

.unitsDisplayDimension {
    padding-top: 27px;
    padding-left: 5px;
}

/* Rough */

#messagePrinterError {
    position: fixed;
    top: 127px;
    left: 0px;
    width: 100%;
    z-index: 10;
}

.multi-package-tab-height {
    height: 45px !important;
}

#messagePrinterError.affix {
    top: 10px;
    z-index: 9999;
}

.topMessageBanner {
    position: fixed;
    top: 150px;
    left: 0;
    width: 100%;
    z-index: 904;
}

.topMessageBanner.affix {
    top: 10px;
    z-index: 9999;
}

.top-message {
    padding-left: 5px;
}

.inner-message {
    margin: 0 auto;
}

.action-btn-separator {
    border-top: thick solid lightgrey;
}

.colorRedText {
    color: #ff0000;
}

.colorYellowText {
    color: #F9A825;
}

.blockLabel {
    display: block;
}

@-moz-document url-prefix() {
    .drop-down-content {
        margin-top: -18px !important;
    }
}

.badge-default-tabPackages {
    padding: 3px 3px !important;
}

.badge-success-tabPackages {
    padding: 3px 3px !important;
    background: green;
}

.badge-error-tabPackages {
    padding: 3px 3px !important;
    background: red;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

input[type=text]::-ms-clear {
    display: none;
}

input[type=tel]::-ms-clear {
    display: none;
}

/*$ingh added this for divider*/
.divider {
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 0 0 1px;
    height: 10px;
    line-height: 20px;
    text-align: center;
    overflow: visible;
}

/*Start of modal classes
to center the modal JSS*/
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

/*End of modal classes
to center the modal JSS*/

.wizard .top-actionsFinal {
    z-index: 99;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    height: 46px;
    float: right;
    vertical-align: middle;
    background-color: #ececec;
    border-left: none;
    padding: 0 10px;
    display: table;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.wizard .left-actions,
.wizard .right-actions {
    display: inline;
    width: 10%;
}

@font-face {
    font-family: 'wizard-font';
    font-weight: normal;
    font-style: normal;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDGQAAAC8AAAAYGNtYXD6RMuEAAABHAAAAGRnYXNwAAAAEAAAAYAAAAAIZ2x5Zh39Yw4AAAGIAAAArGhlYWQGSx/bAAACNAAAADZoaGVhB8MDxwAAAmwAAAAkaG10eA9/ACAAAAKQAAAAHGxvY2EAbgCcAAACrAAAABBtYXhwAAkACQAAArwAAAAgbmFtZZ+vDy0AAALcAAABtnBvc3QAAwAAAAAElAAAACAAAwLgAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADwWgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQASAAAAA4ACAACAAYAAQAg6jTqOPBa//3//wAAAAAAIOo06jjwWv/9//8AAf/jFdAVzQ+sAAMAAQAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/+AD4AOgAAYAAAkBESERIRED4P4g/gACAAHAAeD+4P6A/uAAAAEAIP/gBAADoAAGAAATAREhESERIAHgAgD+AAHA/iABIAGAASAAAAABAAAAQAGAA0AAAwAAEwkBEQABgP6AA0D+gP6AAwAAAAEAAAABAAB0IT+bXw889QALBAAAAAAA0ZXtrwAAAADRle2vAAD/4AQAA6AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAP//BAAAAQAAAAAAAAAAAAAAAAAAAAcEAAAAAAAAAAAAAAACAAAABAAAAAQAACABfwAAAAAAAAAKABQAHgAyAEYAVgABAAAABwAHAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUd2l6YXJkLWZvbnQAdwBpAHoAYQByAGQALQBmAG8AbgB0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2l6YXJkLWZvbnQAdwBpAHoAYQByAGQALQBmAG8AbgB0d2l6YXJkLWZvbnQAdwBpAHoAYQByAGQALQBmAG8AbgB0UmVndWxhcgBSAGUAZwB1AGwAYQByd2l6YXJkLWZvbnQAdwBpAHoAYQByAGQALQBmAG8AbgB0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype');
}

[class^="wiz-icon-"],
[class*=" wiz-icon-"] {
    font-family: 'wizard-font', serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wiz-icon-chevron-right:before {
    content: "\f05a";
    font-size: 64px;
    position: absolute;
}

.wiz-icon-arrow-right:before {
    content: "\ea34";
    margin-left: 4px;
}

.wiz-icon-arrow-left:before {
    content: "\ea38";
    margin-right: 4px;
}

.wizard {
    border: 1px solid #d4d4d4;
}

.wizard .steps-index-container {
    position: relative;
    overflow: hidden;
}

.wizard .steps-content {
    border-top: 1px solid #d4d4d4;
}

.wizard ul.steps {
    padding: 0;
    margin: 0;
    width: 5000px;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}

.wizard ul.steps>li {
    height: 46px;
    line-height: 17px;
    display: table-cell;
    list-style: none outside none;
    padding: 6px;
    margin: 0;
    background: #ededed;
    color: #b5b5b5;
    position: relative;
    max-width: 171px;
    vertical-align: middle;
    font-size: 16px;
}

.wizard ul.steps>li.active {
    background-color: #F1F6FC;
    color: #337ab7;
}

.wizard ul.steps>li.completed {
    cursor: pointer;
    background-color: #EFF9F0;
    color: #5cb85c;
}

.wizard ul.steps>li>span {
    display: table-cell !important;
    vertical-align: middle !important;
}

.wizard ul.steps>li .step-index {
    padding-left: 30px;
    padding-right: 5px;
}

.wizard ul.steps>li .step-index .label {
    background-color: #b5b5b5;
}

.wizard ul.steps>li.active .step-index .label {
    background-color: #337ab7;
}

.wizard ul.steps>li.completed .step-index .label {
    background-color: #5cb85c;
}

.wizard ul.steps>li:first-child .step-index {
    padding-left: 10px;
}

.wizard .top-actions {
    z-index: 99;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    height: 46px;
    float: right;
    vertical-align: middle;
    background-color: #e5e5e5;
    border-left: 1px solid #d4d4d4;
    padding: 0 10px;
    display: table;
    box-shadow: -3px 0 2px -1px #888;
    -webkit-box-shadow: -3px 0 2px -1px #888;
    -moz-box-shadow: -3px 0 2px -1px #888;
    -o-box-shadow: -3px 0 2px -1px #888;
}

.wizard .top-actions .btn-group {
    display: table-cell;
    vertical-align: middle;
}

.wizard .bottom-actions {
    width: 100%;
    display: table;
}

.wizard .left-actions,
.wizard .right-actions {
    display: table-cell;
    width: 50%;
}

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

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

.wizard .bottom-actions .btn-next,
.wizard .bottom-actions .btn-prev {
    margin: 10px;
}

.wizard .steps-content .step-pane:not(.active) {
    display: none;
}

.wizard .steps-content .step-pane {
    padding: 10px;
}

.wizard .btn-next,
.wizard .btn-prev {
    white-space: nowrap;
}

.wizard .btn-next:not(.final-step) .finished-text {
    display: none;
}

.wizard .btn-next.final-step .next-text,
.wizard .btn-next.final-step .wiz-icon-arrow-right {
    display: none;
}

.wizard .wiz-icon-chevron-right.colorA::before {
    right: -23px;
    top: -9.5px;
    z-index: 2;
    color: #ededed;
}

.wizard .wiz-icon-chevron-right.colorB::before {
    right: -24px;
    top: -9.5px;
    z-index: 1;
    color: #b5b5b5;
}

.wizard li.active .wiz-icon-chevron-right.colorA::before {
    color: #f1f6fc;
}

.wizard li.completed .wiz-icon-chevron-right.colorA::before {
    color: #EFF9F0;
}

.transparentBorderTop {
    border-top: 1px solid rgba(255, 255, 255, 0) !important;
}

.littleTopPadding {
    border-top: 1px solid rgba(255, 255, 255, 0) !important;
    margin-bottom: 5px;
    /*border-top: 1px solid #eee;*/
}

.font18Blue {
    font-size: 18px;
    color: #2196f3
}

.vertical-center {
    min-height: 10%;
    /* Fallback for browsers do NOT support vh unit */
    min-height: 10vh;
    /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}

.textUnderline {
    text-decoration: underline !important;
}

th.dtRateDetailsSaturdayHiddenColumn {
    border-right: none !important;
}

/* Temporary fix */
td.dtRateDetailsSaturdayHiddenColumn {
    border-right: none !important;
    width: 180px;
}

/* Temporary fix */
td.saturdayRowsWidth {
    width: 121px;
}

td.saturdayRowsWidth>label {
    margin-bottom: 0;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: initial;
}

/* Case 1*/
/*Setting for particular drop off slider */

#drop-off-modal {
    z-index: 1041;
}

.demo.activate {
    z-index: unset !important;
    background: none !important;
    width: 880px !important;
    padding: 0 10px 10px !important;
}

/*remove for returns/optro */
/*.demo.activate > span {*/
/*    left: -65px !important;*/
/*    cursor: default !important;*/
/*    top: 1px;*/
/*    z-index: 1042;*/
/*}*/
/*end*/

/*added for returns/optro */
.demo.activate>span#drop-setting {
    left: -89px !important;
    cursor: default !important;
    top: 1px;
    z-index: 1042;
    /*background: white !important;*/
    /*color: black !important;*/
}

.demo.activate>span#return-setting {
    left: -89px !important;
    cursor: default !important;
    top: 64px;
    z-index: 1042;
    /*background: white !important;*/
    /*color: black !important;*/
}

/*end */

.demo #drop-setting+form {
    display: none
}

/*added for returns/optro */
.demo #return-setting+form {
    display: none
}

/*end*/

.demo.activate #drop-setting+form {
    display: block
}

/*added for returns/optro */
.demo.activate #return-setting+form {
    display: block
}

/*end*/

.demo.activate>span i:before {
    display: none;
}

.demo.activate>span i:after {
    content: "\f0ab";
}

/*remove for returns/optro */
/*#drop-setting {*/
/*    width: 75px;*/
/*    height: 60px;*/
/*    background: #1565C0 !important;*/
/*    color: #fff;*/
/*}*/

/*#drop-setting > em, .demo > span:hover em {*/
/*    color: #fff !important;*/
/*}*/
/*end*/

/*added for returns/optro */
#drop-setting {
    width: 100px;
    height: 77px;
    background: #1565C0 !important;
    color: #fff;
    line-height: 22px;
    padding: 7px;
    border-radius: 10px 0 0 10px;
}

#return-setting {
    width: 100px;
    height: 70px;
    background: #1565C0 !important;
    color: #fff;
    top: 59px;
    line-height: 17px;
    padding: 12px;
    border-radius: 10px 0 0 10px;
}

#drop-setting>em,
.demo>span:hover em {
    /*color: #fff !important;*/
}

/*end*/

#drop-setting:hover {
    color: #fff !important;
}

.badge-success-fieldDropOff {
    background: green;
}

.badge-success-abandonedPickup {
    background: green;
}

.badge-error-abandonedPickup {
    background: red;
}

.left-align-pickup-abandoned {
    float: left;
}

.border-red-pickup-abandoned {
    border-color: red !important;
    background-color: rgb(243, 222, 222);
}

.dropOffLabel {
    text-align: initial !important;
}

#btnProcess,
#btnCancelDropOff,
#btnProcessNewDropOff {
    font-size: inherit !important;
    line-height: inherit !important;
    border-radius: 2px !important;
    padding: 6px 12px !important;
    height: auto !important;
}

/*Drop-off enhancement*/
.popupModal-dialog {
    position: absolute;
    width: 100%;
    z-index: 1041;
}

.popupModal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: none;
    padding-left: 0px;
}

.popupModal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.popupModal-body {
    position: relative;
    padding: 13px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 650px;
}

.packingInstructions-header {
    border-bottom: solid #e4e0e0 2px;
    padding-left: 13px;
}

.packingInstructions {
    border: solid #e4e0e0 2px;
    height: 220px;
    border-radius: 5px;
}

.countryDropdown {
    border-left: none;
    border-radius: 0px !important;
}

.intl-tel-input {
    position: initial;
    display: initial;
}

.intl-tel-input .country-list {
    z-index: 122;
}

/* To hide flag and style drop-down */

.intl-tel-input .selected-flag .iti-flag {
    display: none;
}

.intl-tel-input .selected-flag {
    width: 18px !important;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    padding-left: 20px !important;
}

/* end flag */

.iti-flag {
    background-image: url("../img/flags.png");
}

#modalInternationalMaxValue>tbody>tr>td {
    padding: 0 !important;
}

#modalCommercialInvoiceDetails>tbody>tr>td {
    padding: 0 !important;
}

.commercialInvoiceModalContent {
    width: 700px;
}

.intl-tel-input {
    position: initial;
    display: initial;
}

.intl-tel-input .country-list {
    z-index: 122;
}

/* To hide flag and style drop-down */

.intl-tel-input .selected-flag .iti-flag {
    display: none;
}

.intl-tel-input .selected-flag {
    width: 18px !important;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    padding-left: 20px !important;
}

/* end flag */

.iti-flag {
    background-image: url("../img/flags.png");
}

#modalInternationalMaxValue>tbody>tr>td {
    padding: 0 !important;
}

#modalCommercialInvoiceDetails>tbody>tr>td {
    padding: 0 !important;
}

.commercialInvoiceModalContent {
    width: 700px;
}

.input-dash {
    position: relative;
}

.input-inlineBorderText {
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
    position: absolute;
    top: 5px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #A2A2A2
}

.marginSetRefresh {
    margin-left: -23px;
}

#about-dropDown {
    padding: 0;
    height: 230px;
    right: 79px;
    width: 240px;
    left: inherit !important
}

#about-dropDown> :last-child {
    padding: 10px;
}

@media (max-width: 979px) {
    .collapseMenu {
        display: block;
    }

    .menu-on-top nav>ul>li.active {
        background: none !important;
    }
}

@media only screen and (max-width: 679px) and (min-width: 0) {

    /* Default */
    #hide-menu em {
        color: #eee;
        font-size: 121%;
    }

    /* Staples */
    #staplesHide em {
        color: #2196F3;
        font-size: 121%;
    }

    .drop-down-content {
        margin-top: -18px !important;
    }

    .marginSetRefresh {
        margin-left: 0;
    }

    .paddingChangesForWeight {
        padding: 0;
    }
}

@media (max-width: 979px) and (min-width: 768px) {

    /* Default */
    #hide-menu em {
        color: #fff;
    }

    /* Staples */
    #staplesHide em {
        color: #2196F3;
    }

    .drop-down-content {
        margin-top: -18px !important;
    }

    .marginSetRefresh {
        margin-left: 0;
    }

    .paddingChangesForWeight {
        padding: 23px;
    }
}

@media (max-width: 1042px) and (min-width: 0px) {
    .customWizard {
        padding: 5px 10px 10px 19px !important;
        font-size: 12px !important;
        text-align: right;
    }

    .badgeLong {
        margin-top: 5px !important;
    }
}

@media (max-width: 1080px) and (min-width: 0px) {
    .customWizardRefactor {
        padding: 0 !important;
        font-size: 14px !important;
    }
}

@media (min-width: 768px) {
    .form-inline .radio label {
        padding-left: 20px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("../img/flags@2x.png");
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("../img/flags@2x.png");
    }
}

/*Ntep style*/
.ntepButton {
    background-color: #2196f3 !important;
    color: #ffffff !important;
    padding: 3px 5px 10px 5px !important;
}

.isCustomerSubmitDisabled {
    cursor: not-allowed !important;
}

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

/* Weekly-Report Page CSS*/
.weekly-report-label {
    margin: 8px 10px 0 10px;
}

/* tab CSS*/
#jobShippingDetails .nav-tabs>li,
#packageContents .nav-tabs>li {
    margin-bottom: -14px !important;
}

/* Re-usable CSS*/
.m-l-n-md {
    margin-left: -25px !important;
}

.m-t-n-md {
    margin-top: -25px !important;
}

.m-t-md {
    margin-top: 20px !important;
}

.m-l-md {
    margin-left: 20px !important;
}

.m-r-13 {
    margin-right: 13px !important;
}

.m-l-13 {
    margin-left: 13px !important;
}

.m-l-n-13 {
    margin-left: -13px !important;
}

.m-t-sm {
    margin-top: 10px !important;
}

.m-l-n-sm {
    margin-left: -10px !important;
}

.m-l-18 {
    margin-left: 18px !important;
}

.f-s-15 {
    font-size: 15px !important;
}

.break-word {
    word-break: break-word;
}

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

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

/* notification CSS*/
.SmallBox .textoFull {
    width: 90% !important;
}

/* top navigation labels CSS*/
.header-label {
    display: block !important;
    margin-top: -9px;
    font-size: 11px !important;
}

/* Disclaimer text CSS*/
.disclaimer-text {
    display: block;
    color: #666;
}

/* Rates Data table CSS*/
#dtRateDetails tbody tr {
    cursor: pointer;
}

/* Status label CSS*/
.shipment-status-label {
    display: grid;
    font-size: 20px;
}

#system-users-form .form-control-feedback {
    /* To make the feedback icon visible */
    z-index: 100;
}

.hasErrorCarrierDim {
    border-color: red !important;
    background-color: palevioletred;
}

/* overwriting the style for selectized finding a better way*/
.selectize-dropdown .optgroup-header {
    font-size: 14px;
}

.selectize-input {
    padding: 6px 8px;
}

.drop-down-search {
    position: relative;
    padding: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 450px;
}

.drop-down-no-search {
    position: relative;
    padding: 15px;
    overflow-x: hidden;
    max-height: 450px;
}

/* Over-writing the google Map modal drop-down for address selection */
/* z-indx is changed as the modal is used inside modal*/
.pac-container {
    z-index: 2010 !important;
}

.add-ons-table>tbody>tr>td {
    padding: 2px 10px
}

.color-blue {
    color: #2196F3;
}

.tagsinputstyle {
    font-size: 15px;
    padding: 4px 12px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px !important;
    height: auto;
}

.email {
    width: 100%;
    text-align: left !important;
}

.email span {
    float: right;
}

.bootstrap-tagsinput .tag {
    margin: 3px 3px 3px 2px !important;
}


/* Individual background color*/
.background-color-white {
    background-color: #fff !important;
}

.emailsDisplay {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    background: #fff;
    color: #222;
    margin: 5px 0 10px;
    font-weight: 700;
    font-size: 14px;
}

.height350 {
    height: 350px !important;
}

.height320 {
    height: 320px !important;
}

.height300 {
    height: 300px !important;
}

.height270 {
    height: 270px !important;
}

.modal-header-custom {
    border-bottom: 0;
    text-align: center;
    padding-bottom: 35px;
}

.modal-title-custom {
    font-size: 22px;
    font-weight: 100;
}

.selectedServicePanel {
    border: 1.5px solid #f3f3f3;
    border-radius: 5px;
}

.selectedServiceText {
    margin: 9px 5px 15px;
    color: #bfbfbf;
}

.selectedServiceDeliveryDate {
    /*margin-top: 30px;*/
    /*font-weight: 600;*/
}

.selectedServicePrice {
    margin: 25px 30px 72px;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 1.1px;
}

.recommended-hover {
    background: white;
    color: #FFA300;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border: 1.5px solid #FFA300;
    border-radius: 3px;
    width: 30%;
    position: absolute;
    top: -3%;
    margin-left: 32%;
}

.panel-custom {
    background-color: #f3f3f3;
    border: 1.5px solid #f3f3f3;
    border-radius: 5px;
}

.panel-body-custom {
    text-align: center;
    /*height: 330px;*/
}

.daysFaster {
    /*margin: 5px 5px 18px;*/
    /*font-size: 14px;*/
    /*font-weight: 700;*/
}

.recommendedPrice {
    margin: 25px 0 0;
    font-size: 30px;
    letter-spacing: 1.1px;
    font-weight: 700;
}

.onlyMore {
    margin: 10px 5px 40px;
}

.shippingType {
    margin-bottom: 20px;
}

.returnsParaHeight {
    line-height: 32px;
}

.returnMarginRight {
    margin-right: -58px;
}

.display-grid {
    display: grid;
}

.returnsImageSuccess {
    padding-left: 40px;
    padding-bottom: 10px;
}

.float-left {
    float: left;
}

.imageWidth-100 {
    width: 100px;
}

.imageWidth-scanBarCodePickup {
    width: 110px;
}

.imageWidth-200 {
    width: 200px;
}

.background-color-upsell {
    background-color: #F1F6FC
}

.margin-top-30 {
    margin-top: 30px;
}

.dist-tool {
    border-top: 1px solid #ccc;
}

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

/* globally can make the button width similar on success screen for DCS */
.button-width-200 {
    width: 200px;
}

.ups-white {
    background: white;
}

.amazon-black {
    background: #252F3D;
}

.happy-yellow {
    background: #F9DC4A;
}

.express-green {
    background: #22B573;
}

.happy-success {
    position: absolute;
    top: 12px;
    width: 80%;
    left: 2px
}

.express-success {
    position: absolute;
    top: 12px;
    width: 80%;
    left: 13px
}

.amazon-success {
    position: absolute;
    width: 50%;
}

.amazon-success-services {
    position: absolute;
    width: 50%;
}

.ups-success {
    position: absolute;
    width: 50%;
    height: 50%;
}

.golden-line {
    width: 900px;
    height: 7px;
    background-color: #FFBF00;
}

.golden-line-services {
    width: 700px;
    height: 7px;
    background-color: #FFBF00;
}

.error-checkbox input[type="checkbox"] {
    border-color: red;
}

.error-text {
    color: red;
}