/*
    http://www.developerdrive.com/2014/11/15-essential-sass-mixins/
*/
body {
  font-family: "Lato";
}
body.local nav.navbar-static-top, body.local footer {
  background-color: #F4F4FF;
}
body.stagging nav.navbar-static-top, body.stagging footer {
  background-color: #F4FFF4;
}

.spacer {
  display: inline-block;
  clear: both;
}

.div5 {
  display: inline-block;
  clear: both;
  height: 5px;
  width: 100%;
}

.div10 {
  display: inline-block;
  clear: both;
  height: 10px;
  width: 100%;
}

.div10 {
  display: inline-block;
  clear: both;
  height: 15px;
  width: 100%;
}

.div20 {
  display: inline-block;
  clear: both;
  height: 20px;
  width: 100%;
}

.div30 {
  display: inline-block;
  clear: both;
  height: 30px;
  width: 100%;
}

.div40 {
  display: inline-block;
  clear: both;
  height: 40px;
  width: 100%;
}

.div50 {
  display: inline-block;
  clear: both;
  height: 50px;
  width: 100%;
}

.mb-xsm {
  margin-bottom: 5px !important;
}

.mb-sm {
  margin-bottom: 10px !important;
}

.mb-md {
  margin-bottom: 20px !important;
}

.mb-lg {
  margin-bottom: 30px !important;
}

.mb-xlg {
  margin-bottom: 40px !important;
}

.mt0 {
  margin-top: 0px !important;
}

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

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pad0 {
  padding: 0px !important;
}

.pad1 {
  padding: 1px !important;
}

.pad2 {
  padding: 2px !important;
}

.pad5 {
  padding: 5px !important;
}

.pad10 {
  padding: 10px !important;
}

.pad15 {
  padding: 15px !important;
}

.vert-middle {
  vertical-align: middle !important;
}

.vert-top {
  vertical-align: top !important;
}

.vert-bottom {
  vertical-align: bottom !important;
}

.pady0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.padx0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pady5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padx5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pady10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padx10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padt5 {
  padding-top: 5px !important;
}

.padt10 {
  padding-top: 10px !important;
}

.padb5 {
  padding-bottom: 5px !important;
}

.padb10 {
  padding-bottom: 10px !important;
}

.padl5 {
  padding-left: 5px !important;
}

.padl10 {
  padding-left: 10px !important;
}

.padl15 {
  padding-left: 15px !important;
}

.padr5 {
  padding-right: 5px !important;
}

.padr10 {
  padding-right: 10px !important;
}

.padr15 {
  padding-right: 15px !important;
}

.spacer-icon-action {
  display: inline-block;
  width: 20px !important;
}

.display-block {
  display: block !important;
}

.display-inline {
  display: inline !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-flex-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.display-flex-columns.justify-start {
  justify-content: flex-start;
}
.display-flex-columns > * {
  flex: 1 0 0;
}
.display-flex-columns .flex-column-w-max, .display-flex-columns .flex-column-w-auto {
  flex-shrink: 1;
  flex-basis: auto;
}
.display-flex-columns .flex-column-w-20 {
  flex-basis: 20px;
}
.display-flex-columns .flex-column-w-35 {
  flex-basis: 35px;
}
.display-flex-columns .flex-column-w-50 {
  flex-basis: 50px;
}
.display-flex-columns .flex-column-w-100 {
  flex-basis: 100px;
}
.display-flex-columns .flex-column-w-150 {
  flex-basis: 150px;
}
.display-flex-columns .flex-column-w-200 {
  flex-basis: 200px;
}
.display-flex-columns .flex-column-w-md {
  flex-basis: 250px;
}
.display-flex-columns .flex-column-w-lg {
  flex-basis: 300px;
}
.display-flex-columns .flex-column-w-20, .display-flex-columns .flex-column-w-35, .display-flex-columns .flex-column-w-50, .display-flex-columns .flex-column-w-100, .display-flex-columns .flex-column-w-150, .display-flex-columns .flex-column-w-200, .display-flex-columns .flex-column-w-lg {
  flex-shrink: 1;
  flex-grow: 0;
}
@media (max-width: 1200px) {
  .display-flex-columns .flex-column-w-lg {
    flex-basis: 250px;
  }
}
@media (max-width: 992px) {
  .display-flex-columns .flex-column-w-lg {
    flex-basis: 200px;
  }
}
@media (max-width: 768px) {
  .display-flex-columns {
    display: block;
  }
}

table thead tr .ui-resizable {
  position: relative;
}
table thead tr .ui-resizable .ui-resizable-e {
  width: 2px;
  right: 0;
}
table thead tr .ui-resizable .ui-resizable-e:hover {
  border: 1px solid #999;
  background: #999;
}

.cursor-move, .ui-sortable .handle {
  cursor: move;
}

.cursor-pointer {
  cursor: pointer;
}

.navbar-nav .dropdown-submenu > a {
  cursor: pointer;
}

.nav-tabs {
  margin-bottom: 0;
  border: none;
}

.tab-content {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 30px 15px 15px 15px;
  margin-bottom: 20px;
}
.tab-content.tab-content-adjust {
  margin-top: -1px;
}

.btn-default .badge.disabled {
  background-color: #CCC;
}

.badge.disabled {
  background-color: #CCC;
}

.fa-btn {
  margin-right: 6px;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.panel-heading .icon-toggle .fa-caret-up {
  display: inline-block;
}
.panel-heading .icon-toggle .fa-caret-down {
  display: none;
}
.panel-heading .icon-toggle.collapsed .fa-caret-up {
  display: none;
}
.panel-heading .icon-toggle.collapsed .fa-caret-down {
  display: inline-block;
}

.force-wrap {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.form-filter .form-filter-grp {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.form-filter .form-filter-grp label {
  font-weight: 400;
}
.form-filter .form-filter-grp .form-control {
  vertical-align: middle;
  display: inline-block;
  margin-right: 0;
}
@media (max-width: 576px) {
  .form-filter .form-filter-grp {
    max-width: 100%;
    overflow: hidden;
  }
  .form-filter .form-filter-grp label {
    display: block;
  }
}

.form-text-detail {
  font-weight: normal;
}

label.required:after {
  content: "*";
}

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

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

label.weight-lighter, .weight-lighter {
  font-weight: lighter;
  font-weight: 300;
}

.alert-form-errors-all .expand-icon {
  background-color: #FF0;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
}
.alert-form-errors-all .expand-icon i.fa {
  color: #333;
}

.listing-content {
  max-width: 1400px;
}
.listing-content.full {
  max-width: none;
}

.form.form-condensed hr {
  margin-top: 0px;
  margin-bottom: 8px;
}
.form.form-condensed .form-group {
  margin-bottom: 8px;
}

label.disabled {
  cursor: not-allowed;
}

.form-control.size-price {
  display: inline-block;
  width: 100%;
  max-width: 80px;
}
.form-control.size-date {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 105px;
}
.form-control.size-date-lg {
  margin-right: 10px;
  width: 100%;
  max-width: 150px;
}
.form-control.size-date-year {
  margin-right: 10px;
  width: 100%;
  max-width: 80px;
}
.form-control.size-date-week {
  margin-right: 10px;
  width: 100%;
  max-width: 210px;
}
.form-control.size-phone {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 150px;
}
.form-control.size-datetime {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 180px;
}
.form-control.size-xsmall {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 60px;
}
.form-control.size-small {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 100px;
}
.form-control.size-medium {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 180px;
}
.form-control.size-regular {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 300px;
}
.form-control.size-large {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
  max-width: 500px;
}
.form-control.size-xlarge {
  width: 100%;
  max-width: 800px;
}
.form-control.size-auto {
  width: auto;
  max-width: 100%;
  display: inline-block;
  min-width: 100px;
}

input[type=number].hide-arrows {
  -moz-appearance: textfield;
}

input[type=number].hide-arrows::-webkit-outer-spin-button,
input[type=number].hide-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

div.radios-2cols .radio, div.radios-2cols .checkbox, div.checkboxes-2cols .radio, div.checkboxes-2cols .checkbox {
  display: inline-block;
  width: 45%;
}
@media (max-width: 640px) {
  div.radios-2cols .radio, div.radios-2cols .checkbox, div.checkboxes-2cols .radio, div.checkboxes-2cols .checkbox {
    display: block;
    width: auto;
  }
}

div.radios-3cols .radio, div.radios-3cols .checkbox, div.checkboxes-3cols .radio, div.checkboxes-3cols .checkbox {
  display: inline-block;
  width: 30%;
}
@media (max-width: 960px) {
  div.radios-3cols .radio, div.radios-3cols .checkbox, div.checkboxes-3cols .radio, div.checkboxes-3cols .checkbox {
    display: inline-block;
    width: 45%;
  }
}
@media (max-width: 640px) {
  div.radios-3cols .radio, div.radios-3cols .checkbox, div.checkboxes-3cols .radio, div.checkboxes-3cols .checkbox {
    display: block;
    width: auto;
  }
}

textarea.form-control.height-small {
  max-height: 40px;
}
textarea.form-control.height-normal {
  max-height: 70px;
}
textarea.form-control.height-regular {
  max-height: 100px;
}
textarea.form-control.height-large {
  max-height: 150px;
}

.input-group.size-date {
  margin-right: 10px;
  width: 100%;
  max-width: 175px;
}
.input-group.size-date-lg {
  margin-right: 10px;
  width: 100%;
  max-width: 180px;
}
.input-group.size-phone {
  margin-right: 10px;
  width: 100%;
  max-width: 220px;
}
.input-group.size-datetime {
  margin-right: 10px;
  width: 100%;
  max-width: 250px;
}
.input-group.size-xsmall {
  margin-right: 10px;
  width: 100%;
  max-width: 130px;
}
.input-group.size-small {
  margin-right: 10px;
  width: 100%;
  max-width: 170px;
}
.input-group.size-regular {
  margin-right: 10px;
  width: 100%;
  max-width: 370px;
}
.input-group.size-large {
  margin-right: 10px;
  width: 100%;
  max-width: 570px;
}
.input-group.size-xlarge {
  width: 100%;
  max-width: 870px;
}
.input-group.size-auto {
  width: auto;
  min-width: 170px;
}

.input-group-wrapper {
  display: inline-block;
}
.input-group-wrapper ~ .input-group-obs {
  display: inline-block;
  vertical-align: top;
  padding-top: 8px;
}

.form-group label.checkbox-inline.col-sm-1, .form-group label.checkbox-inline.col-sm-2, .form-group label.checkbox-inline.col-sm-3, .form-group label.checkbox-inline.col-sm-4, .form-group label.checkbox-inline.col-sm-5, .form-group label.checkbox-inline.col-sm-6, .form-group label.checkbox-inline.col-md-1, .form-group label.checkbox-inline.col-md-2, .form-group label.checkbox-inline.col-md-3, .form-group label.checkbox-inline.col-md-4, .form-group label.checkbox-inline.col-md-5, .form-group label.checkbox-inline.col-md-6, .form-group label.checkbox-inline.col-lg-1, .form-group label.checkbox-inline.col-lg-2, .form-group label.checkbox-inline.col-lg-3, .form-group label.checkbox-inline.col-lg-4, .form-group label.checkbox-inline.col-lg-5, .form-group label.checkbox-inline.col-lg-6 {
  margin-left: 0;
}

.form-vertical .form-control.size-date {
  display: block;
}
.form-vertical .form-control.size-datetime {
  display: block;
}
.form-vertical .form-control.size-xsmall {
  display: block;
}
.form-vertical .form-control.size-small {
  display: block;
}
.form-vertical .form-control.size-regular {
  display: block;
}
.form-vertical .form-control.size-large {
  display: block;
}
.form-vertical .form-control.size-xlarge {
  display: block;
}
.form-vertical .form-control.size-auto {
  display: block;
}

.form-inline .form-control.size-date {
  width: 105px;
}
.form-inline .form-control.size-datetime {
  width: 180px;
}
.form-inline .form-control.size-xsmall {
  width: 50px;
}
.form-inline .form-control.size-small {
  width: 100px;
}
.form-inline .form-control.size-regular {
  width: 300px;
}
.form-inline .form-control.size-large {
  width: 500px;
}
.form-inline .form-control.size-xlarge {
  width: 800px;
}

.center-block .max-width-150 {
  max-width: 150px;
}
.center-block .max-width-200 {
  max-width: 200px;
}

h1 .label.label-xs, h2 .label.label-xs, h3 .label.label-xs, h4 .label.label-xs {
  font-size: 10px;
}

.label.label-yellow {
  background-color: #FF0;
  color: #333;
}
.label.label-green {
  background-color: #00FF7F;
  color: #333;
}
.label.label-orange {
  background-color: #FFA500;
  color: #333;
}

label.label-sm {
  font-size: 12px;
}

label.label-md {
  font-size: 16px;
}

label.label-lg {
  font-size: 20px;
}

.label-inline-table {
  margin-top: -20px;
  vertical-align: middle;
  display: inline-table;
}
.label-inline-table.help-block {
  margin-top: -15px;
}

@media (max-width: 767px) {
  .form-horizontal .display-inline-sm {
    margin-left: 5px;
    display: inline;
  }
  .form-horizontal .col-xs-hide {
    display: none;
  }
}
@media (min-width: 768px) {
  .form-horizontal div.text-right-md {
    text-align: right;
  }
  .form-horizontal .col-sm-hide {
    display: none;
  }
}
.select2-display-inline-block > .select2-container {
  display: inline-block;
}

select.select2.size-auto + .select2.select2-container.select2-container--bootstrap {
  display: inline-block;
  max-width: 97%;
}

.ui-datepicker.ui-widget {
  z-index: 100 !important;
}

.with-filestyle-btn .bootstrap-filestyle.input-group {
  display: inline;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.video-wrapper.vertical {
  padding-bottom: 150.25%;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bootstrap-filestyle .group-span-filestyle label .icon-span-filestyle {
  margin-right: 5px;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-cancel {
  background-color: #777;
  color: #EEE;
}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-red {
  background-color: #C00;
  color: #EEE;
}

.cursor-move {
  cursor: move;
}

.breadcrumb {
  background-color: transparent;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

.panel-body.border-top {
  border-top: 1px solid #ddd;
}

.panel-heading.border-top {
  border-top: 1px solid #ddd;
}

@media (min-width: 700px) {
  .table-sticky {
    height: 400px;
    overflow: auto;
    padding-right: 5px;
    padding-bottom: 5px;
  }
  .table-sticky table {
    white-space: nowrap;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
  }
  .table-sticky table thead tr.sticky .fixed-100 {
    min-width: 100px;
  }
  .table-sticky table thead tr.sticky .fixed-150 {
    min-width: 150px;
  }
  .table-sticky table thead tr.sticky .fixed-200 {
    min-width: 200px;
  }
  .table-sticky table thead tr.sticky .fixed-250 {
    min-width: 250px;
  }
  .table-sticky table thead tr.sticky .fixed-300 {
    min-width: 300px;
  }
  .table-sticky table tbody tr.sticky th, .table-sticky table tbody tr.sticky td, .table-sticky table tbody tr th.sticky, .table-sticky table tbody tr td.sticky, .table-sticky table thead tr.sticky th, .table-sticky table thead tr.sticky td, .table-sticky table thead tr th.sticky, .table-sticky table thead tr td.sticky {
    background-color: #FFF;
    position: sticky;
    top: 0;
    z-index: 2;
    white-space: wrap;
  }
  .table-sticky table tbody tr.sticky th.fixed, .table-sticky table tbody tr.sticky td.fixed, .table-sticky table tbody tr th.sticky.fixed, .table-sticky table tbody tr td.sticky.fixed, .table-sticky table thead tr.sticky th.fixed, .table-sticky table thead tr.sticky td.fixed, .table-sticky table thead tr th.sticky.fixed, .table-sticky table thead tr td.sticky.fixed {
    left: 0;
    top: 0;
    z-index: 3;
  }
  .table-sticky table tbody td.sticky, .table-sticky table tbody td.fixed, .table-sticky table tbody th.sticky, .table-sticky table tbody th.fixed, .table-sticky table thead td.sticky, .table-sticky table thead td.fixed, .table-sticky table thead th.sticky, .table-sticky table thead th.fixed {
    background-color: #FFF;
    position: sticky;
    left: 0;
    z-index: 1;
    white-space: wrap;
  }
}
table.table .col-size-min {
  width: 1px;
}
table.table th.text-vertical, table.table td.text-vertical {
  writing-mode: tb-rl;
  text-orientation: mixed;
  text-align: right;
}
table.table tr.no-border-top > td, table.table tr.no-border-top > th {
  border-top: transparent;
}
table.table tr.no-border-bottom > td, table.table tr.no-border-bottom > th {
  border-bottom: transparent;
}
table.table td.cell-lg, table.table th.cell-lg {
  font-size: 14px;
}
table.table td.cell-thumb, table.table th.cell-thumb {
  width: 120px;
  min-width: 120px;
}
table.table td.cell-thumb img, table.table th.cell-thumb img {
  display: block;
  border: 2px solid #666;
  max-width: 100%;
}
table.table td.editable .icon-editable {
  color: #CCC;
}
table.table td.editable:hover {
  background-color: #FFD;
}
table.table td.editable:hover .icon-editable {
  color: #888;
}
table.table td.click-to-zoom .icon-zoom, table.table th.click-to-zoom .icon-zoom {
  color: #CCC;
}
table.table td.click-to-zoom:hover, table.table th.click-to-zoom:hover {
  background-color: #FFD;
}
table.table td.click-to-zoom:hover .icon-editable, table.table th.click-to-zoom:hover .icon-editable {
  color: #888;
}
table.table tbody th.border-top-dashed, table.table tbody td.border-top-dashed, table.table thead th.border-top-dashed, table.table thead td.border-top-dashed, table.table tfoot th.border-top-dashed, table.table tfoot td.border-top-dashed {
  border-top-style: dashed;
}
table.table tbody th.border-top-dotted, table.table tbody td.border-top-dotted, table.table thead th.border-top-dotted, table.table thead td.border-top-dotted, table.table tfoot th.border-top-dotted, table.table tfoot td.border-top-dotted {
  border-top-style: dotted;
}
table.table span.full-cell {
  display: block;
  width: 100%;
  height: 100%;
}

.table-padding-small table.table tbody th, .table-padding-small table.table tbody td, .table-padding-small table.table tfoot th, .table-padding-small table.table tfoot td, .table-padding-small table.table thead th, .table-padding-small table.table thead td {
  padding: 4px;
}

table.border-bottom {
  border-bottom: 1px solid #ddd;
}

table.table th.border-right, table.table td.border-right {
  border-right: 1px solid #ddd;
}

table.table th.border-left, table.table td.border-left {
  border-left: 1px solid #ddd;
}

table.table th.border-left-dotted, table.table td.border-left-dotted {
  border-left: 1px dotted #D5D5D5;
}

table tbody th.disabled, table tbody td.disabled, table tbody tr.disabled {
  color: #AAA;
}

.text-disabled {
  color: #AAA;
}

.vert-middle {
  vertical-align: middle;
}

table.table-data-info .table-col-label {
  width: 30%;
  text-align: right;
}

table.table.table-font-xs {
  font-size: 10px;
  margin-bottom: 0;
}
table.table.table-cell-vert-align-middle td, table.table.table-cell-vert-align-middle th {
  vertical-align: middle;
}
table.table tr td.bg-level-00 {
  background-color: #FFFFFF;
}
table.table tr td.bg-level-01 {
  background-color: #FEFEFE;
}
table.table tr td.bg-level-02 {
  background-color: #F1F1F1;
}
table.table tr td.bg-level-03 {
  background-color: #EDEDED;
}
table.table tr td.bg-level-04 {
  background-color: #D3D3D3;
}
table.table tr td.bg-level-05 {
  background-color: #CCC;
}
table.table tr td.bg-level-06 {
  background-color: #BBB;
}
table.table tr td.bg-level-07 {
  background-color: #AAA;
}
table.table tr td.bg-level-08 {
  background-color: #999;
}
table.table tr td.bg-level-09 {
  background-color: #888;
}
table.table tr td.bg-level-10 {
  background-color: #777;
}
table.table tr td.bg-level-11 {
  background-color: #666;
}
table.table tr td.bg-up-00, table.table tr td.bg-down-00 {
  background-color: #EEE;
}
table.table tr td.bg-up-01 {
  background-color: #EFE;
}
table.table tr td.bg-up-02 {
  background-color: #DFD;
}
table.table tr td.bg-up-03 {
  background-color: #BFB;
}
table.table tr td.bg-up-04 {
  background-color: #AFA;
}
table.table tr td.bg-up-05 {
  background-color: #8F8;
}
table.table tr td.bg-down-01 {
  background-color: #FCC;
}
table.table tr td.bg-down-02 {
  background-color: #FAA;
}
table.table tr td.bg-down-03 {
  background-color: #F99;
}
table.table tr td.bg-down-04 {
  background-color: #F88;
}
table.table tr td.bg-down-05 {
  background-color: #F66;
}
table.table tr td.col-size-min, table.table tr th.col-size-min {
  width: 5px;
}
table.table tr td.col-size-xs, table.table tr th.col-size-xs {
  width: 30px;
}
table.table tr td.col-size-sm, table.table tr th.col-size-sm {
  width: 70px;
}
table.table tr td.col-size-md, table.table tr th.col-size-md {
  width: 150px;
}
table.table tr td.col-size-lg, table.table tr th.col-size-lg {
  width: 200px;
}
table.table tr td.col-size-xl, table.table tr th.col-size-xl {
  width: 300px;
}
table.table td .show-on-cell-hover, table.table th .show-on-cell-hover {
  visibility: hidden;
}
table.table td:hover .show-on-cell-hover, table.table th:hover .show-on-cell-hover {
  visibility: visible;
}

.chart-container {
  height: 100%;
}

.bg-yellow {
  background-color: #FF0;
}

.bg-red {
  background-color: #FAA;
}

.bg-green {
  background-color: #0F0;
}

.bg-orange {
  background-color: #FFA500;
}

.tags-group {
  margin: 0 -2px -2px;
}
.tags-group .tag {
  margin: 0 2px 3px;
}

.tag {
  display: inline-block;
  padding: 0.2em 0.6em 0.3em;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #999;
  color: #FFF;
  white-space: nowrap;
}
.tag.tag-large {
  font-size: 12px;
}
.tag.tag-small {
  font-size: 8px;
}
.tag.tag-lancamento {
  background-color: #2d2;
}
.tag.tag-reposicao {
  background-color: #3C3;
}
.tag.tag-preco-reajustado {
  background-color: #48D1CC;
}
.tag.tag-aqua {
  background-color: #00FFFF;
  color: #777;
}
.tag.tag-black {
  background-color: #000;
}
.tag.tag-blue {
  background-color: #0288d1;
}
.tag.tag-brown {
  background-color: #A52A2A;
}
.tag.tag-chartreuse {
  background-color: #7FFF00;
  color: #777;
}
.tag.tag-chocolate {
  background-color: #D2691E;
}
.tag.tag-coral {
  background-color: #FF7F50;
}
.tag.tag-dark-green {
  background-color: #006400;
}
.tag.tag-dark-grey {
  background-color: #A9A9A9;
}
.tag.tag-dark-salmon {
  background-color: #E9967A;
}
.tag.tag-ghost-white {
  background-color: #F8F8FF;
  color: #777;
}
.tag.tag-gold {
  background-color: #FFD700;
}
.tag.tag-golden-rod {
  background-color: #DAA520;
}
.tag.tag-green {
  background-color: #008000;
}
.tag.tag-light-green {
  background-color: #90EE90;
  color: #777;
}
.tag.tag-light-grey {
  background-color: #D3D3D3;
  color: #777;
}
.tag.tag-maroon {
  background-color: #800000;
}
.tag.tag-olive {
  background-color: #808000;
}
.tag.tag-orange {
  background-color: #FFA500;
}
.tag.tag-pink {
  background-color: #FFC0CB;
}
.tag.tag-red {
  background-color: #FF0000;
}
.tag.tag-sienna {
  background-color: #A0522D;
}
.tag.tag-silver {
  background-color: #C0C0C0;
}
.tag.tag-sky-blue {
  background-color: #87CEEB;
}
.tag.tag-tomato {
  background-color: #FF6347;
}
.tag.tag-yellow {
  background-color: #FFFF00;
  color: #777;
}
.tag.tag-yellow-green {
  background-color: #9ACD32;
}

.label.label-lancamento {
  background-color: #2d2;
}
.label.label-reposicao {
  background-color: #3C3;
}
.label.label-preco-reajustado {
  background-color: #48D1CC;
}
.label.label-aqua {
  background-color: #00FFFF;
  color: #777;
}
.label.label-black {
  background-color: #000;
}
.label.label-blue {
  background-color: #0288d1;
}
.label.label-brown {
  background-color: #A52A2A;
}
.label.label-chartreuse {
  background-color: #7FFF00;
  color: #777;
}
.label.label-chocolate {
  background-color: #D2691E;
}
.label.label-coral {
  background-color: #FF7F50;
}
.label.label-dark-green {
  background-color: #006400;
}
.label.label-dark-grey {
  background-color: #A9A9A9;
}
.label.label-dark-salmon {
  background-color: #E9967A;
}
.label.label-ghost-white {
  background-color: #F8F8FF;
  color: #777;
}
.label.label-gold {
  background-color: #FFD700;
}
.label.label-golden-rod {
  background-color: #DAA520;
}
.label.label-green {
  background-color: #008000;
}
.label.label-light-green {
  background-color: #90EE90;
  color: #777;
}
.label.label-light-grey {
  background-color: #D3D3D3;
  color: #777;
}
.label.label-maroon {
  background-color: #800000;
}
.label.label-olive {
  background-color: #808000;
}
.label.label-orange {
  background-color: #FFA500;
}
.label.label-pink {
  background-color: #FFC0CB;
}
.label.label-red {
  background-color: #FF0000;
}
.label.label-sienna {
  background-color: #A0522D;
}
.label.label-silver {
  background-color: #C0C0C0;
}
.label.label-sky-blue {
  background-color: #87CEEB;
}
.label.label-tomato {
  background-color: #FF6347;
}
.label.label-yellow {
  background-color: #FFFF00;
  color: #777;
}
.label.label-yellow-green {
  background-color: #9ACD32;
}
.label.bg-yellow {
  background-color: #FF0;
  color: #666;
  font-weight: normal;
}
.label.bg-red {
  background-color: #FAA;
  color: #666;
  font-weight: normal;
}
.label.bg-green {
  background-color: #0F0;
  color: #666;
  font-weight: normal;
}
.label.bg-orange {
  background-color: #FFA500;
  color: #666;
  font-weight: normal;
}

.text-level-01 {
  color: #222;
}

.text-level-02 {
  color: #555;
}

.text-level-03 {
  color: #888;
}

.text-level-04 {
  color: #AAA;
}

.text-level-05 {
  color: #BBB;
}

.text-level-06 {
  color: #DDD;
}

.text-black {
  color: #222;
}

.text-yellow {
  color: #EE4;
}

.text-green {
  color: #2D2;
}

.text-orange {
  color: #FFA500;
}

.text-blue {
  color: #22D;
}

.text-red {
  color: #C00;
}

.text-brown {
  color: #A52A2A;
}

.text-dark-grey {
  color: #A9A9A9;
}

.text-grey {
  color: #C8C8C8;
}

.text-light-grey {
  color: #D3D3D3;
}

.text-white {
  color: #F2F2F2;
}

.font-large {
  font-size: 120%;
}

.font-larger {
  font-size: 140%;
}

.underline {
  text-decoration: underline;
}

.avaliacao .icons-estrelas {
  text-align: center;
  white-space: nowrap;
  color: #DD0;
  font-size: 12px;
}
.avaliacao.with-details {
  cursor: pointer;
}

.table-avaliacoes .comentario-extras .icon-tagged {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
}

.daileon-widget .panel-body {
  height: 280px;
  overflow: auto;
}
.daileon-widget .panel-footer {
  padding-right: 10px;
  padding-bottom: 5px;
  height: 50px;
}
.daileon-widget .panel-footer.height-auto {
  height: auto;
}
.daileon-widget .panel-footer a {
  margin: 0 0 5px 5px !important;
}
.daileon-widget .panel-footer .badge {
  font-size: 10px;
}
.daileon-widget .box-relative {
  position: relative;
}
.daileon-widget .box-relative .box-error-floating {
  position: absolute;
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 100;
}
.daileon-widget .box-relative .box-error-floating .border-rounded {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.panel-height-auto .daileon-widget .panel-body {
  height: auto;
}

.panel-height-fixed .daileon-widget .panel-body {
  height: 280px;
  overflow: hidden;
}

@media (max-width: 992px) {
  .daileon-widget .panel-body {
    min-height: auto;
  }
}
/* make sidebar nav vertical */
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }

  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }

  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }

  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 40px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 40px;
  background-color: #f5f5f5;
}
.footer .container {
  padding-right: 15px;
  padding-left: 15px;
}
.footer .container .text-muted {
  margin: 10px 0;
}
.footer .container a {
  color: #777;
}

.table-links-lojas {
  font-size: 13px;
}
.table-links-lojas .links-info {
  margin-bottom: 4px;
}
.table-links-lojas .error {
  display: inline;
  background-color: #FFC;
}
.table-links-lojas .error a {
  text-decoration: underline;
}
.table-links-lojas .link-url {
  font-size: 12px;
  margin-bottom: 4px;
}
.table-links-lojas a.link {
  margin: 0 5px;
  display: inline;
  color: #22C;
  cursor: pointer;
  background-color: #FFC;
  padding: 1px 2px;
}

#form-modal-procurar-asin .list-asin, #form-modal-procurar-post-id .list-post-id {
  max-height: 300px;
  overflow-y: scroll;
}

.button-icon-loading .fa.normal {
  display: inline;
}
.button-icon-loading .fa.loading {
  display: none;
}
.button-icon-loading.loading .fa.normal {
  display: none;
}
.button-icon-loading.loading .fa.loading {
  display: inline;
}

/*
#main-alerts{
	min-width: 60%;
	z-index: 100000;
	position: fixed;
	right: 10px;
	top: 50px;

}
*/
#system-footer-alert {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #FFFF00;
  padding: 5px 10px;
  display: none;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-left-radius: 20px;
}
#system-footer-alert .fa {
  font-size: 14px;
  display: inline-block;
  color: #FF0000;
}
#system-footer-alert .alert-content {
  display: inline-block;
  font-size: 12px;
  color: #333;
}

.has-tooltip-md .tooltip .tooltip-inner {
  max-width: 300px;
  width: 300px;
}

img.thumb-size-sm {
  max-width: 80px;
  height: auto;
}

.preview-large {
  text-align: center;
}
.preview-large .thumb-image-link {
  display: inline-block;
  border: 3px solid #444;
  text-decoration: none;
}
.preview-large .thumb-image-link:hover {
  border-color: #222;
}
.preview-large .thumb {
  display: block;
  max-width: 100%;
  height: auto;
}
.preview-large .thumb-icon-link {
  border: none;
  text-decoration: none;
  color: #444;
}
.preview-large .thumb-icon-link:hover {
  color: #222;
}
.preview-large .icon-thumb {
  font-size: 120px;
  text-align: center;
}
.preview-large .icon-thumb.small {
  font-size: 30px;
}

.embed-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 100%;
}
.embed-wrapper.vertical {
  padding-bottom: 130%;
}
.embed-wrapper.horizontal {
  padding-bottom: 56.25%;
}
.embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.btn-screen-options {
  position: absolute;
  right: 20px;
  z-index: 999;
  font-size: 12px;
  text-align: center;
  background-color: #ADFF2F;
  cursor: pointer;
  padding: 5px 10px;
  margin-top: -20px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.btn-screen-options:hover {
  background-color: #FFD700;
}
.btn-screen-options.floating {
  position: fixed;
  margin-top: 0;
  top: 0;
}

@media print {
  .navbar-static-top, footer.footer {
    display: none;
  }

  @page {
    margin: 5px 1cm 0 1cm;
  }
}