/*
 * 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 > i {
  font-size: 37px;
}

.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-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-danger {
  background-color:  #F44336;
  border-left-color: darkred !important;
}

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

/*.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: #4c6e4c !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-20 {
  font-size: 20px;
}

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

.facility-popover {
  top:   33px;
  width: 255px;
  right: 36px;
  left:  inherit
}

.weak {
  font-weight: lighter;
}

.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;
}

/* 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;
}

.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:  10;
}

.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';
  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;
}

.demo.activate > span {
  left:   -89px !important;
  cursor: default !important;
}

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

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

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

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

#drop-setting {
  width:      75px;
  height:     60px;
  background: #1565C0 !important;
  color:      #fff;
}

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

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

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

.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;
}

.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:    15px;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 450px;
}

.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 i {
    color:     #eee;
    font-size: 121%;
  }

  /* Staples */
  #staplesHide i {
    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 i {
    color: #fff;
  }

  /* Staples */
  #staplesHide i {
    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");
  }
}

#page-footer {
  padding: 15px 13px 0;
}

.edit-form-fieldset {
  border-top: none !important;
}

.offer-date-input {
  padding:    6px 12px;
  box-sizing: border-box;
}

.associate-container #main {
  margin-top: 0 !important;
}

/* Associate Dashboard */
.grid-search-results {
  padding-top: 9px;
  font-size:   13px;
  font-weight: 700;
  font-style:  italic;
  color:       #969696;
}

.grid-container {
  padding-left: 0;
}

#associate-divider {
  margin-top:    5px;
  margin-bottom: 10px;
  border-top:    2px solid #ccc;
}

.offer-repeater {
  margin-bottom: 20px;
}

.offer-repeater p {
  margin-bottom: 0;
}

.image-container {
  width:            100%;
  display:          flex;
  justify-content:  center;
  background-color: #eee;
  height: 265px;
}

.image-container img {
  max-width: 100%;
  align-self: center;
  max-height: 265px;
}

.helper {
  display:        inline-block;
  height:         100%;
  vertical-align: middle;
}

.grid-breadcrumbs h1 {
  margin-top:    13px;
  margin-bottom: 31px;
}

.sparks-info h5 {
  text-align: center;
  margin:     0 !important;
}

#description, .description-container {
  width: 100%;
}

.smart-form {
  color: unset !important;
}

.detail-container {
  height: 175px;
}

.tooltip-icon {
  color: #000000;
}

.inner-legend legend {
  margin-bottom: 0;
}

.inner-legend > .smart-form {
  margin-bottom: 20px;
}

.edit-modal-dialog span, .edit-modal-dialog p, .edit-modal-dialog b {
  font-size: 15px;
}

.edit-modal-dialog .modal-footer {
  padding: 10px;
}

.edit-form-tab {
  cursor: pointer;
}

.select2-container {
  height: fit-content;
}

li:not(.active) > .tab-disable {
  background-color: transparent !important;
  cursor:           not-allowed !important;
}

#questionText {
  height: 35px;
}

.question-repeat {
  width:  100%;
  border: 1pt solid #d3d3d3;
}

.question-repeat:nth-child(even) {
  background-color: #F2F2F2;
}

.question-repeat > td:first-child {
  vertical-align: top;
  padding-top:    1em;
  padding-bottom: 1em;
}

.question-repeat > td:last-child {
  padding-top:    1em;
  padding-bottom: 1em;
}

.badge-wrapper {
  display:         flex;
  justify-content: center;
}

#answer-modal-header > button {
  color:       #ffffff !important;
  margin:      5px 10px !important;
  opacity:     1;
  font-weight: inherit;
}

#answer-modal-header > h2 {
  height:         100%;
  width:          auto;
  display:        inline-block;
  font-size:      14px;
  position:       relative;
  margin-left:    10px;
  line-height:    34px;
  font-weight:    400;
  letter-spacing: 0;
  float:          left;
}

#answer-modal-header {
  height:       34px;
  padding:      0;
  line-height:  40px;
  border:       2px solid #45474b;
  background:   #4c4f53;
  color:        #fff;
}

#answer-modal-body {
  width:  96%;
  margin: 2em 2% 2%;
}

#answer-modal-body textarea {
  display: block;
  min-height:  2.5em;
  height: min-content;
  resize:  vertical;
  width:   30em
}

.answer-modal-dialog {
  width: 60em;
}

.answer-modal-dialog .modal-footer {
  border-top: none;
  padding:    10px;
}

.question-option-container a, a:focus {
  color: #2196F3;
}

.question-option-container {
  cursor: default !important;
  padding-bottom: 0.7em;
}

.question-option-container i {
  pointer-events: none !important;
  cursor:         none !important;
}

.question-option-container:hover i {
  border-color:       #BDBDBD !important;
  box-shadow:         none !important;
  -webkit-box-shadow: none !important;
}

.question-option-container:active i {
  background-color: initial !important;
}

.question-option-radio {
  align-self: center;
  margin: 0 !important;
  pointer-events: none;
}

.question-option-label {
  width: 100%;
  margin: 0 !important;
  padding-left: 0 !important;
  cursor: default !important;
}

.question-option-input {
  width: 100%;
  border-top: none;
  border-right: none;
  border-left: none;
  position: relative !important;
  left: unset !important;
}

.option-section {
  border-left: 5px solid #2196F3;
  padding: 0 10px;
}

.no-padding-left {
  padding-left: 0 !important;
}

#add-option-btn {
  padding-top: 0.3em;
  margin-bottom: 0;
}