@media (max-width: 1000px) {
  .navbar-nav > li > a {
    padding-right: 5px;
    padding-left: 5px; } }

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

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.skusearch.panel {
  margin: 10px;
  margin-top: 20px; }

.skusearch {
  padding: 10px; }
  .skusearch .Select {
    padding-right: 5px;
    padding-bottom: 5px;
    margin-right: 0px; }
  .skusearch .inputholder {
    margin-right: 5px; }
  .skusearch .searchbutton {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 5px; }
  .skusearch .noresulttext {
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 10px;
    font-style: italic;
    color: #aaaaaa; }

.skusearchmodal {
  width: 90%;
  max-width: 1000px;
  max-height: 90%; }

.skusearchresults.panel {
  margin-top: 10px;
  font-size: 0.95em; }
  .skusearchresults.panel tbody tr:hover {
    background-color: rgba(219, 112, 147, 0.3); }
  .skusearchresults.panel tbody tr.selectfrom {
    background-color: rgba(220, 100, 100, 0.4); }
  .skusearchresults.panel tbody tr.selectto {
    background-color: rgba(100, 220, 100, 0.4); }

.reactabular {
  font-size: 0.95em;
  width: 100%; }
  .reactabular td, .reactabular th {
    cursor: default; }
  .reactabular .conversion-active-indicator {
    font-size: 0.8em; }
    .reactabular .conversion-active-indicator .conversion-inactive {
      background-color: rgba(217, 83, 79, 0.33);
      padding: 5px 10px;
      border-radius: 2px;
      margin-right: 30px;
      margin-left: 1px; }
    .reactabular .conversion-active-indicator .conversion-active {
      background-color: rgba(92, 184, 92, 0.34);
      padding: 5px 10px;
      border-radius: 2px;
      margin-right: 30px;
      margin-left: 1px; }
  .reactabular .sort-asc:after {
    padding-left: 1em;
    content: '\25BC';
    font-size: 0.5em; }
  .reactabular .sort-desc:after {
    padding-left: 1em;
    content: '\25B2';
    font-size: 0.5em; }
  .reactabular .even-row {
    background-color: #F7F7F7; }
  .reactabular .selected-row {
    background-color: #E0E8FF; }
  .reactabular .well {
    padding: 5px;
    margin-right: 10px;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 2px; }
    .reactabular .well .first-col {
      margin-top: 8px; }
  .reactabular .fancy-row {
    font-size: 0.9em; }

#page-heading {
  height: 80px; }
  #page-heading h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em;
    color: #7e91a4; }
  #page-heading .date-range {
    padding: 20px;
    line-height: 34px;
    font-size: 1.2em; }

.navbar-title {
  line-height: 40px;
  padding: 0 1em;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
  width: 230px;
  display: block; }
  .navbar-title:hover {
    text-decoration: none;
    color: #fff; }

.conversion-table .conversion-detail-column {
  width: 55%; }

.conversion-table .active-column {
  width: 9%; }

.conversion-table .sales-message {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.conversion-table .conversion-message-details {
  font-size: 0.9em;
  display: block; }
  .conversion-table .conversion-message-details .header {
    padding-right: 5px; }
  .conversion-table .conversion-message-details .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.conversionCellTable .headerrow {
  color: #5a5a5a; }

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

.uppercase {
  text-transform: uppercase; }

.navbar-nav .dropdown-toggle {
  padding: 5px; }

#search {
  margin-bottom: 10px;
  margin-top: 0; }
  #search form button[type=submit] {
    float: right;
    right: 10px;
    left: auto; }
  #search form .search-query {
    padding: 0 37px 0 10px; }

.label-red {
  background-color: #f00; }

.label-lightblue {
  background-color: #03a9f4; }

.label-darkblue {
  background-color: #0d47a1; }

.label-orange {
  background-color: #ffab00; }

.label-maroon {
  background-color: #9c121d; }

.label-lime {
  background-color: #8dc63f; }

.label-green {
  background-color: #0fcb5d; }

.label-teal {
  background-color: #22baa0; }

.label-searchterm {
  background-color: #f3f3f3;
  color: #8f9aad;
  border: #8f9aad;
  font-size: 1em; }

.text-teal {
  color: #22baa0; }

.btn {
  font-size: 13px;
  font-weight: 300; }

.btn:focus, .btn:active {
  outline: none; }

.btn-default, .btn-default:focus, .btn-default:active {
  color: #656b79;
  background-color: #e9ecf0;
  border-color: #e9ecf0; }

.btn-default:hover {
  color: #3d414a;
  background-color: #cbd2db;
  border-color: #cbd2db; }

.btn-teal, .dropdown-btn-teal, .dropdown-btn-teal button, .dropdown-btn-teal button:focus, .dropdown-btn-teal button:active, .btn-teal:focus, .dropdown-btn-teal:focus, .dropdown-btn-teal button:focus, .btn-teal:active, .dropdown-btn-teal:active, .dropdown-btn-teal button:active {
  background-color: #22baa0;
  border-color: #22baa0;
  color: #fff; }

.btn-teal[disabled], [disabled].dropdown-btn-teal, .dropdown-btn-teal button[disabled], .btn-teal[disabled]:hover, [disabled].dropdown-btn-teal:hover, .dropdown-btn-teal button[disabled]:hover {
  background-color: #3ED0B8;
  border-color: #2FC1A9;
  color: #fff; }

.btn-teal:hover, .dropdown-btn-teal:hover, .dropdown-btn-teal button:hover {
  color: #fff !important;
  background-color: #229f85;
  border-color: #229f85; }

.btn-red, .btn-red:focus, .btn-red:active {
  background-color: #FC7887;
  border-color: #FC7887;
  color: #fff; }

.btn-red[disabled], .btn-red[disabled]:hover {
  background-color: #FC9BA6;
  border-color: #f1919c;
  color: #fff; }

.btn-red:hover {
  color: #fff !important;
  background-color: #fa4a5f;
  border-color: #fa4a5f; }

.btn_inverse, .btn-inverse, .btn-inverse:focus, .btn-inverse:active, .dropdown-btn-inverse, .dropdown-btn-inverse button, .dropdown-btn-inverse button:focus, .dropdown-btn-inverse button:active {
  color: #fff;
  background-color: #4f5259;
  border-color: #4f5259; }

.btn_inverse_hover, .btn-inverse:hover, .dropdown-btn-inverse button:hover {
  color: #fff !important;
  background-color: #37393e;
  border-color: #37393e; }

.dropdown-btn-inverse {
  border-radius: 4px; }

.dropdown-btn-teal {
  border-radius: 4px; }

.page-selector .dropdown-toggle.btn-default, .page-selector:focus .dropdown-toggle.btn-default {
  background-color: #fff;
  border-color: #fff; }
  .page-selector .dropdown-toggle.btn-default .page-selector-title, .page-selector:focus .dropdown-toggle.btn-default .page-selector-title {
    color: #656b79; }
    .page-selector .dropdown-toggle.btn-default .page-selector-title .page-selector-subtitle, .page-selector:focus .dropdown-toggle.btn-default .page-selector-title .page-selector-subtitle {
      color: #22baa0;
      font-weight: normal;
      margin-left: 30px; }

.page-selector .dropdown-toggle.btn-default:hover, .page-selector .dropdown-toggle.btn-default:active {
  background-color: #e9ecf0;
  border-color: #fff; }
  .page-selector .dropdown-toggle.btn-default:hover .page-selector-title, .page-selector .dropdown-toggle.btn-default:active .page-selector-title {
    color: #3d414a; }
    .page-selector .dropdown-toggle.btn-default:hover .page-selector-title .page-selector-subtitle, .page-selector .dropdown-toggle.btn-default:active .page-selector-title .page-selector-subtitle {
      color: #22ae94; }

.page-selector-item-title {
  margin-right: 30px; }

.page-selector-item-subtitle {
  color: #22baa0;
  font-size: 10px; }

.page-selector ul {
  max-height: 300px;
  overflow-y: auto;
  width: 100%; }

.period {
  max-width: 6em; }

.slottingboard {
  font-size: 1em; }
  .slottingboard .label {
    line-height: 2em;
    font-size: .7em; }

#sidebar .heading a {
  color: #fff;
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  padding-top: 0; }
  #sidebar .heading a:not(.fa) {
    font-weight: bold; }
  #sidebar .heading a.fa {
    width: 40px;
    text-align: center; }

#sidebar li ul li form {
  margin: 0 20px; }

#sidebar .label {
  margin-right: .5em;
  display: inline-block;
  margin-bottom: .5em;
  padding: .5em; }

#sidebar .input-group-addon,
#sidebar .input-group-addon a {
  padding: 0;
  background: #fff; }

.table-striped > thead > tr:last-child > th {
  text-transform: uppercase; }

.table-striped > tbody > tr:nth-child(odd) > td {
  background-color: #dbeefc; }

input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  letter-spacing: .3em;
  font-size: 2em;
  vertical-align: middle;
  content: '\f096'; }

input[type=checkbox]:checked + label:before {
  letter-spacing: .15em;
  content: '\f046'; }

/* Denis Besliu - React Autosuggest style START*/
.react-autosuggest {
  position: relative; }
  .react-autosuggest input {
    padding: 10px 20px; }
    .react-autosuggest input:focus {
      outline: none; }
  .react-autosuggest input[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.react-autosuggest__suggestions {
  position: absolute;
  top: 36px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #aaaaaa;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
  max-height: 300px;
  overflow-y: scroll; }

.react-autosuggest__suggestions-section:first-child .react-autosuggest__suggestions-section-name {
  border-top: 0; }

.react-autosuggest__suggestions-section-name {
  padding: 2px;
  color: #777;
  border-top: 1px dashed #ccc; }

.react-autosuggest__suggestions-section-suggestions {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 5px; }

.react-autosuggest__suggestion--focused {
  background-color: #ddd; }

.blockUI {
  min-height: 0; }

/* Denis Besliu - React Autosuggest style END*/
/* Denis Besliu - PCM multi select with autocomplete component START*/
.pcm_multi_select_item {
  font-size: 10px;
  padding: 1px 4px 2px 4px;
  background-color: white;
  float: left;
  border: 1px solid lightgrey;
  margin: 2px; }
  .pcm_multi_select_item label {
    margin: 0;
    font-weight: normal !important; }
  .pcm_multi_select_item span.fa {
    margin-left: 5px;
    cursor: pointer; }

#pcm_multi_select_autocomplete {
  margin-bottom: 5px; }

.pcm_multi_select_with_autocomplete .react-autosuggest input {
  padding: 10px 30px 10px 10px; }

.pcm_multi_select_with_autocomplete .react-autosuggest__suggestions {
  position: relative !important;
  top: 0 !important; }

.pcm_multi_select_with_autocomplete .form-control-feedback {
  margin-top: 10px; }

/* Denis Besliu - PCM multi select with autocomplete component END*/
/* Denis Besliu - Slotting Board date range filter START*/
.pcm_sb_date_range_filter_item, .pcm_date_range_filter .filter_item_list .filter_item, .pcm_sb_column_filter .filter_item_list .filter_item {
  width: 100%;
  font-size: 11px;
  padding: 1px 4px 2px 4px;
  background-color: white;
  float: left;
  border: 1px solid lightgrey;
  border-radius: 4px;
  margin: 2px; }
  .pcm_sb_date_range_filter_item .info, .pcm_date_range_filter .filter_item_list .filter_item .info, .pcm_sb_column_filter .filter_item_list .filter_item .info {
    width: calc(100% - 10px);
    float: left;
    font-weight: normal !important;
    padding-right: 10px; }
  .pcm_sb_date_range_filter_item .delete_icon, .pcm_date_range_filter .filter_item_list .filter_item .delete_icon, .pcm_sb_column_filter .filter_item_list .filter_item .delete_icon {
    width: 10px;
    float: left; }
    .pcm_sb_date_range_filter_item .delete_icon span, .pcm_date_range_filter .filter_item_list .filter_item .delete_icon span, .pcm_sb_column_filter .filter_item_list .filter_item .delete_icon span {
      cursor: pointer; }

.pcm_sb_date_range_filter_separator, .pcm_date_range_filter .horizontal_separator, .pcm_sb_column_filter .horizontal_separator {
  height: 1px;
  background-color: #9d9d9d;
  margin-bottom: 5px;
  margin-top: 5px; }

.pcm_date_range_filter .form_area {
  margin-left: 0;
  margin-bottom: 10px; }
  .pcm_date_range_filter .form_area .form-control {
    padding: 0;
    height: inherit;
    font-size: inherit; }

.pcm_date_range_filter .add_filter_item {
  padding-top: 2px;
  padding-left: 10px; }
  .pcm_date_range_filter .add_filter_item span {
    font-size: 19px; }
    .pcm_date_range_filter .add_filter_item span.alert-success {
      cursor: pointer; }

.pcm_date_range_filter .filter_item_list .filter_item .info .year_value {
  text-decoration: underline; }

.pcm_date_range_filter .filter_item_list .filter_item .info .year_value,
.pcm_date_range_filter .filter_item_list .filter_item .info .from_value,
.pcm_date_range_filter .filter_item_list .filter_item .info .to_value {
  font-weight: bold; }

/* Denis Besliu - Slotting Board date range filter END*/
.daterangepicker.dropdown-menu.show-calendar {
  min-width: 605px; }

/* Artiom Ostavciuc - Edit Taxes Dialog START*/
.edit_taxes_dialog {
  width: 300px; }

/* Artiom Ostavciuc - Edit Taxes Dialog END*/
/* Denis Besliu - Slotting Board -> Sidebar -> Column START*/
.pcm_sb_column_filter .form_area div {
  display: table;
  margin: 0 auto;
  width: 90%; }
  .pcm_sb_column_filter .form_area div.horizontal_separator {
    height: 1px;
    background-color: white;
    margin-bottom: 5px;
    margin-top: 5px; }

.pcm_sb_column_filter .form_area .form-control {
  padding: 0;
  height: inherit;
  font-size: inherit; }

.pcm_sb_column_filter .add_filter_item {
  padding-top: 10px;
  padding-right: 2px; }
  .pcm_sb_column_filter .add_filter_item span {
    font-size: 19px; }
    .pcm_sb_column_filter .add_filter_item span.alert-success {
      cursor: pointer; }

.pcm_sb_column_filter .filter_item_list {
  margin: 0 auto; }
  .pcm_sb_column_filter .filter_item_list .filter_item .info .column_info {
    font-weight: bold; }

/* Denis Besliu - Slotting Board -> Sidebar -> Column END*/
/* Artiom Ostavciuc - Edit Slotting Board End Date Dialog START*/
.edit_end_date_dialog {
  width: 300px; }

/* Artiom Ostavciuc - Edit Slotting Board End Date Dialog END*/
/* Denis - update promotion range START*/
.sb_update_range_popover {
  max-width: 330px; }
  .sb_update_range_popover .popover-content {
    width: 330px; }

/* Denis - update promotion range END*/
/* Denis - Add product to slotting board modal START*/
#product_autocomplete {
  padding: 5px 20px; }

/* Denis - Add product to slotting board modal END*/
/* Alex - Application content START*/
.main_content {
  background-color: #f1f4f9; }

/* Alex - Application content END*/
/*Alex - Dashboard START*/
.dashboard_report_dropdown button {
  width: 300px; }
  .dashboard_report_dropdown button span.page-selector-title {
    float: left;
    text-transform: capitalize !important; }
  .dashboard_report_dropdown button span.caret {
    float: right;
    margin-top: 8px; }

/*Alex - Dashboard END*/
/*Denis - Edit slotting board settings modal START*/
.sb_edit_settings_modal {
  width: 350px; }

/*Denis - Edit slotting board settings modal END*/
/*Denis - Pricing file columns popover START*/
.pricing_file_column_popover {
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  max-height: 700px;
  overflow-y: auto; }

/*Denis - Pricing file columns popover END*/
/*Denis - Slotting board add product modal START*/
.add_product_modal {
  width: 700px; }

/*Denis - Slotting board add product modal END*/
.upsell_override_table .z-content {
  width: 100%; }

.column-red {
  background-color: rgba(255, 0, 0, 0.5);
  color: white; }

.column-pink {
  background-color: rgba(255, 192, 203, 0.5);
  color: black; }

.column-yellow {
  background-color: rgba(255, 255, 0, 0.5);
  color: black; }

.column-green {
  background-color: rgba(0, 128, 0, 0.5);
  color: white; }

.column-blue {
  background-color: rgba(0, 0, 255, 0.5);
  color: white; }

body {
  background-color: #f8f8f8; }

#wrapper {
  min-width: 100%; }

.inline-block-wrapper {
  display: inline-block; }

#page-wrapper {
  padding: 20px;
  min-height: 568px;
  background-color: #fff; }

@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 20px;
    border-left: 1px solid #e7e7e7; } }

.nav-bar-item {
  padding: 5px; }

.dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0; }

.analytical-charts .graph-selector.row {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -20px; }

@media (max-width: 767px) {
  .analytical-charts .graph-selector > div {
    padding: 4px; } }

@media (max-width: 768px) {
  .analytical-charts .graph-selector > div {
    padding: 6px; } }

@media (min-width: 992px) {
  .analytical-charts .graph-selector > div {
    padding: 9px; } }

@media (min-width: 1200px) {
  .analytical-charts .graph-selector > div {
    padding: 12px; } }

.analytical-charts .graph-selector > div .graph-selector-item {
  position: relative; }
  @media (max-width: 767px) {
    .analytical-charts .graph-selector > div .graph-selector-item .graph-container {
      margin-top: 5px; } }
  @media (min-width: 768px) {
    .analytical-charts .graph-selector > div .graph-selector-item .graph-container {
      margin-top: 15px; } }
  @media (min-width: 992px) {
    .analytical-charts .graph-selector > div .graph-selector-item .graph-container {
      margin-top: 25px; } }
  @media (min-width: 1200px) {
    .analytical-charts .graph-selector > div .graph-selector-item .graph-container {
      margin-top: 35px; } }
  .analytical-charts .graph-selector > div .graph-selector-item .graph-label {
    text-align: center; }
    @media (max-width: 767px) {
      .analytical-charts .graph-selector > div .graph-selector-item .graph-label {
        margin: 4px 0;
        height: 20px;
        font-size: 0.7em; } }
    @media (min-width: 768px) {
      .analytical-charts .graph-selector > div .graph-selector-item .graph-label {
        margin: 12px 0;
        height: 20px; } }
    @media (min-width: 992px) {
      .analytical-charts .graph-selector > div .graph-selector-item .graph-label {
        margin: 16px 0;
        height: 20px; } }
    @media (min-width: 1200px) {
      .analytical-charts .graph-selector > div .graph-selector-item .graph-label {
        margin: 20px 0;
        height: 20px; } }

.analytical-charts .graph-selector .graph-selector-item.selected {
  border: 2px #2b98f0 solid;
  border-radius: 4px;
  color: #999;
  cursor: pointer; }

.analytical-charts .graph-selector .graph-selector-item:not(.selected) {
  border: 1px #e1e1e1 solid;
  border-radius: 4px;
  color: #999;
  cursor: pointer; }

.nvtooltip {
  padding-right: 12px; }

.analytic-chart .nv-chart svg {
  width: 100%;
  height: 290px; }

button.selected-date-range-btn span.daterange-text {
  padding-right: 5px; }

.state-site-multi-display {
  margin: 10px 0 0; }

.criteria-filter Button.btn-success,
.criteria-filter .selected-date-range-btn {
  margin-top: 10px; }

.criteria-filter .show-national-selector {
  padding-right: 1px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.state-site-captions {
  max-height: 85px;
  overflow-y: auto;
  overflow-x: hidden; }
  .state-site-captions .tag-block {
    margin-bottom: 5px; }

.dbtable-select, .dbtable-select.form-control:focus {
  width: 130px;
  height: 20px;
  margin-left: -1px;
  border: none;
  background-color: inherit;
  box-shadow: none;
  color: #333;
  padding: 0 12px; }

.exclusion-sku-popover .popover-content {
  width: 275px; }

.date-picker {
  max-width: 900px; }
  .date-picker .popover-content {
    min-width: 450px; }

.error {
  color: red;
}

.date-picker-small {
  max-width: 900px; }
.date-picker-small .popover-content {
  min-width: 305px; }