/* Minification failed. Returning unminified contents.
(1061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1072,32): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineMainColor'
(1087,17): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineSecondaryColor'
(1088,28): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineMainColor'
(1106,32): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineMainColor'
(1119,28): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineMainColor'
(1120,17): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineSecondaryColor'
(1138,33): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineMainColor'
(1140,28): run-time error CSS1039: Token not allowed after unary operator: '-uiTimelineSecondaryColor'
(1193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.loading-container {
  position: relative; }
  .loading-container::after {
    background: url(/Content/img/loader.gif), rgba(241, 241, 241, 0.7);
    background-repeat: no-repeat, repeat;
    background-position: center center;
    content: ' ';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999; }

.pace .pace-progress,
.pace .pace-activity {
  z-index: 99999999; }

body, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
  background: #d6d5d5; }

.page-header.navbar {
  background: #3D4752; }

.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
  background: #77818C; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
  background: #77818C !important; }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
  color: #77818C;
  font-weight: 400; }

.sub-menu .nav-item.start.active a > .title {
  color: #fff; }

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a {
  color: #fff;
  font-weight: 400; }

[v-cloak] {
  display: none; }

li {
  list-style-type: none; }

.black{
    color: black !important;
}

.popover {
  width: 150px; }

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 4px 10px; }

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
  border: 1px solid #d2d5d8; }

.daterangepicker {
  background: #f3f3f3;
  box-shadow: 1px 1px rgba(102, 102, 102, 0.1); }
  .daterangepicker .input-mini {
    width: 100% !important; }
  .daterangepicker .fa.fa-calendar {
    margin: 0 !important; }
  .daterangepicker .calendar {
    font-size: 14px;
    border: 1px solid #c7c7c7;
    border-radius: 4px; }
    .daterangepicker .calendar .calendar-date {
      background: #e6e6e6;
      padding: 0; }
    .daterangepicker .calendar thead tr:nth-child(1) {
      background: #f7f7f7; }
      .daterangepicker .calendar thead tr:nth-child(1) th {
        color: #333;
        font-weight: 400 !important; }
        .daterangepicker .calendar thead tr:nth-child(1) th i {
          display: hidden; }
    .daterangepicker .calendar thead tr:nth-child(2) th {
      border-radius: 0 !important;
      background: #386fa4;
      color: #fff !important;
      font-weight: 100 !important; }
    .daterangepicker .calendar tbody td {
      color: #000;
      font-weight: 300 !important; }
  .daterangepicker .ranges li {
    background: #d6d6d6;
    color: #364467; }
  .daterangepicker .ranges li.active,
  .daterangepicker .ranges li:hover {
    color: #fff;
    background: #364467;
    border: 1px solid #364467; }
  .daterangepicker .ranges .applyBtn,
  .daterangepicker .ranges .cancelBtn {
    width: 78px; }
  .daterangepicker .ranges .daterangepicker_start_input label,
  .daterangepicker .ranges .daterangepicker_end_input label {
    text-transform: none; }

.btn-input {
  margin-top: 18px; }

.form-control {
  height: 28px;
  padding: 3px 3px; }

@media (min-width: 992px) {
  .page-content-wrapper .page-content {
    padding-top: 15px; } }
.page-content-white .page-title {
  margin-top: 0;
  background: #3e628a;
  border-bottom: 4px solid #2b425d;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 20px; }

.form-group > .select2-container {
  width: 100% !important; }

.select2-container {
  width: 100% !important; }

.produto-card {
  margin-bottom: 20px;
  height: 205px; }
  .produto-card .content {
    font-weight: lighter;
    box-shadow: 0px 0px 3px #ababab;
    height: 205px;
    padding: 10px;
    background: #f3f3f3;
    overflow: hidden;
    min-height: 205px; }
  .produto-card:hover .content {
    background: #ecebeb; }
  .produto-card .thumb {
    cursor: zoom-in;
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
    border: 5px solid #dcdcf3;
    height: 120px;
    background-image: url(/Content/img/default.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .produto-card .thumb .product-thumb {
      width: 100%;
      height: 110px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
  .produto-card .descricao-produto {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    /*text-transform: uppercase;*/
    height: 50px; }
    .produto-card .descricao-produto .titulo-produto {
      color: #0d50b9;
      font-weight: 400; }
  .produto-card .info-icon {
    position: absolute;
    top: 25px;
    right: 22px; }
  .produto-card .estoque-lista {
    margin-top: 10px;
    padding-right: 0; }
    .produto-card .estoque-lista ul {
      padding: 0; }
      .produto-card .estoque-lista ul li {
        color: #666;
        background: #fff;
        border: 1px solid #ababab;
        border-left: 5px solid #fff;
        font-size: 13px;
        padding: 5px;
        margin-right: 15px;
        margin-bottom: 12px; }
      .produto-card .estoque-lista ul .estoque {
        border-color: #9fc0f2; }
      .produto-card .estoque-lista ul .reservado {
        border-color: #ffff8c; }
      .produto-card .estoque-lista ul .bloqueado {
        border-color: #ff8e8e; }
      .produto-card .estoque-lista ul .disponivel {
        border-color: #ace2ac; }
      .produto-card .estoque-lista ul .negativo {
        border-color: #f74545; }
      .produto-card .estoque-lista ul .cota {
        border-color: #8D4BB3; }
  .produto-card .info-adicional {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-spacing: normal;
    white-space: nowrap;
    font-size: 11px; }

.entrada,
.saida {
  font-weight: 600; }

.entrada {
  color: #0a46b9; }

.saida {
  color: #d60909; }

.flexer, .progress-indicator {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 

}

.no-flexer, .progress-indicator.stacked {
  display: block; }

.no-flexer-element {
  -ms-flex: 0;
  -webkit-flex: 0;
  -moz-flex: 0;
  flex: 0; }

.flexer-element, .progress-indicator > li {
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1; 
}

.progress-indicator {
  margin: 0 0 1em;
  padding: 0;
  font-size: 80%;
 }

.progress-indicator > li {
  list-style: none;
  text-align: center;
  width: auto;
  padding: 0;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
  color: #000;
  display: block; }

.progress-indicator > li:hover {
  color: #000 !important; 

}

    .progress-indicator > li span:hover {
        color: #000 !important;
    }

.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
  color: #000; }

.progress-indicator > li.warning, .progress-indicator > li.warning .bubble {
  color: #000; }

.progress-indicator > li .bubble {
  border-radius: 1000px !important;
  width: 20px;
  height: 20px;
  background-color: #bbb;
  display: block;
  margin: 0 auto .5em;
  border-bottom: 1px solid #888; }

.progress-indicator > li .bubble:after, .progress-indicator > li .bubble:before {
  display: block;
  position: absolute;
  top: 9px;
  width: 100%;
  height: 3px;
  content: '';
  background-color: #bbb; }

.progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
  background-color: #65d074;
  border-color: #247830; }

.progress-indicator > li.warning .bubble, .progress-indicator > li.warning .bubble:after, .progress-indicator > li.warning .bubble:before {
  background-color: #c7d065;
  border-color: #247830; }


.progress-indicator > li .bubble:before {
  left: 0; }

.progress-indicator > li .bubble:after {
  right: 0; }

.progress-indicator > li:first-child .bubble:after, .progress-indicator > li:first-child .bubble:before {
  width: 50%;
  margin-left: 50%; }

.progress-indicator > li:last-child .bubble:after, .progress-indicator > li:last-child .bubble:before {
  width: 50%;
  margin-right: 50%; }

.progress-indicator > li.active, .progress-indicator > li.active .bubble {
  color: #337AB7; }

.progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
  background-color: #337AB7;
  border-color: #122a3f; }

.progress-indicator > li a:hover .bubble, .progress-indicator > li a:hover .bubble:after, .progress-indicator > li a:hover .bubble:before {
  background-color: #5671d0;
  border-color: #1f306e; }

.progress-indicator > li a:hover .bubble {
  color: #5671d0; }

.progress-indicator > li.danger .bubble, .progress-indicator > li.danger .bubble:after, .progress-indicator > li.danger .bubble:before {
  background-color: #d3140f;
  border-color: #440605; }

.progress-indicator > li.danger .bubble {
  color: #d3140f; }

.progress-indicator > li.warning .bubble, .progress-indicator > li.warning .bubble:after, .progress-indicator > li.warning .bubble:before {
  background-color: #edb10a;
  border-color: #5a4304; }

.progress-indicator > li.warning .bubble {
  color: #edb10a; }

.progress-indicator > li.info .bubble, .progress-indicator > li.info .bubble:after, .progress-indicator > li.info .bubble:before {
  background-color: #5b32d6;
  border-color: #25135d; }

.progress-indicator > li.info .bubble {
  color: #5b32d6; }

.progress-indicator.stacked > li {
  text-indent: -10px;
  text-align: center;
  display: block; }

.progress-indicator.stacked > li .bubble:after, .progress-indicator.stacked > li .bubble:before {
  left: 50%;
  margin-left: -1.5px;
  width: 3px;
  height: 100%; }

.progress-indicator.stacked .stacked-text {
  position: relative;
  z-index: 10;
  top: 0;
  margin-left: 60% !important;
  width: 45% !important;
  display: inline-block;
  text-align: left;
  line-height: 1.2em; }

.progress-indicator.stacked > li a {
  border: none; }

.progress-indicator.stacked.nocenter > li .bubble {
  margin-left: 0;
  margin-right: 0; }


.bubbleIcon {
    width: 50px !important;
    height: 50px !important;
    margin: -14px auto 1.5em !important;
}

.bubbleIconmargin {
    margin-top: -45px !important;
}

.progress-indicator.stacked.nocenter > li .bubble:after, .progress-indicator.stacked.nocenter > li .bubble:before {
  left: 10px; }

.progress-indicator.stacked.nocenter .stacked-text {
  width: auto !important;
  display: block;
  margin-left: 40px !important; }

@media handheld, screen and (max-width: 400px) {
  .progress-indicator {
    font-size: 60%; } }
.card-pedido {
  box-shadow: 0px 0px 3px #ababab;
  background: #f3f3f3;
  border-radius: 7px !important; }
  .card-pedido .portlet-title {
    border-radius: 7px 7px 0 0 !important; }
  .card-pedido .portlet-body {
    height: 200px;
    border-radius: 0 0 7px 7px !important;
    padding: 10px; }

.form-wizard .steps > li.done > a.step .number {
  background-color: #0fb75a; }
.form-wizard .steps {
  margin-bottom: 0; }
.form-wizard .progress {
  margin-bottom: 10px; }
.form-wizard .list-group.list-group-root {
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc; }
.form-wizard .list-group.list-group-root .list-group {
  margin-bottom: 0; }
.form-wizard .list-group.list-group-root .list-group-item {
  border-radius: 0;
  border-width: 1px 0 0 0; }
.form-wizard .list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0; }
.form-wizard .list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px; }
.form-wizard .list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px; }
.form-wizard .list-group-item .glyphicon {
  margin-right: 5px; }
.form-wizard #filtroProduto {
  padding: 5px;
  height: auto; }

.filters {
  padding: 0; }

.filters li {
  display: inline-block;
  margin-right: 30px;
  font-size: 16px; }

.filters li a {
  color: #999; }

.filters li a:active,
.filters li a:focus {
  text-decoration: none; }

.filters li.active a {
  color: #3e628a;
  border-bottom: 2px solid #3e628a; }

.chart-row {
  height: 20px;
  width: 100%; }

.chart-row:hover {
  cursor: pointer; }

.label-row {
  opacity: 0.8;
  height: 20px;
  background: #eff3f8;
  text-align: left; }

.value-row {
  opacity: 0.8;
  height: 20px;
  background: #eff3f8;
  text-align: right; }

.value-bar {
  height: 20px;
  background: #337ab7; }

.chart-container {
  height: 180px;
  overflow: hidden;
  padding: 0 15px; }

.chart-row-line {
  border: solid 1px transparent; }

.chart-row-line span {
  padding-left: 7px;
  padding-right: 7px; }

.chart-row-line span:nth-child(2) {
  padding-right: 15px; }

.chart-row-line .label-row {
  overflow: hidden;
  padding-top: 2px;
  text-overflow: ellipsis;
  transition: padding 0.04s ease-in-out;
  white-space: nowrap; }

.chart-row-line .value-row {
  padding-left: 0; }

.chart-row-line.selected {
  border-color: #3781b5; }

.chart-row-line.selected .row::before {
  -webkit-font-smoothing: antialiased;
  color: #3781b5;
  content: '\f00c';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  left: 4px;
  position: absolute;
  text-rendering: auto;
  top: 4px;
  z-index: 2; }

.chart-row-line.selected .row .label-row {
  padding-left: 18px; }

[src='assets/markers/company.png'] {
  margin-left: -11px;
  margin-top: -14px; }

[src='assets/markers/mark.png'] {
  margin-left: -13px;
  margin-top: -14px; }

.marker-label {
  background-color: #fff;
  border: solid 1px #777;
  border-radius: 3px;
  padding: 5px; }

.portlet.light {
  padding: 5px 15px 15px 15px; }

.more-button i {
  margin-left: 10px; }

.freight-list-panel .sender h5, .freight-list-panel .sender h6,
.freight-list-panel .customer h5,
.freight-list-panel .customer h6 {
  margin: 5px 0; }

.freight-list-panel .freight-list-card [id^='freight-list-'] {
  border-bottom: 1px solid #eee;
  padding: 4px 20px 4px 10px; }

.freight-list-panel .freight-list-card [id^='freight-list-'] .total-info {
  font-size: 10px;
  margin-bottom: 0;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.freight-list-panel .freight-list-card [id^='freight-list-'] .total-info.weight {
  margin-top: 0px; }

.freight-list-panel .card-content {
  float: left;
  width: 100%; }

.freight-list-panel > [id^="freight-"] {
  border-bottom: 1px solid #eee;
  margin-bottom: 5px;
  padding-bottom: 5px; }

.freight-list-panel .status {
  font-size: 11px;
  font-weight: 600; }

.freight-list-panel .status.pending {
  color: #b18e00; }

.freight-list-panel .status.issued {
  color: #1ba39c; }

.freight-list-panel .status.authorized {
  color: #1ba39c; }

.freight-list-panel .status.nullified {
  color: #4b77be; }

.freight-list-panel .status.canceled {
  color: #d05454; }

.freight-list-panel .status.inconsistent {
  color: #d05454; }

.freight-list-panel .date {
  color: #808080;
  font-size: 10px; }

.freight-list-panel span[title] {
  color: #808080;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.freight-list-panel .no-more-scroll {
  display: none; }

.freight-list-panel .loading-gif {
  display: inline-block;
  margin-right: 10px; }

.freight-list-panel .person, .freight-list-panel .location {
  font-weight: 100; }

.freight-list-panel .person {
  color: #364467 !important;
  font-size: 13px !important; }

.freight-list-panel .location {
  color: #666 !important;
  font-size: 11px !important; }

.freight-list-panel .main-action-btn {
  width: 85px; }

.freight-list-panel {
  margin-left: -15px; }

.portlet.light > .portlet-title {
  min-height: 40px; }

.portlet {
  margin-bottom: 10px; }

.progress-indicator li {
  font-size: 9px; }

.btn-filtrar {
  margin-left: 35px;
  margin-top: -5px;
  line-height: 1.4; }

.btn-detalhes {
  position: absolute;
  right: 25px;
  bottom: 22px; }

li.status {
  float: left;
  background: #eee;
  padding: 5px;
  border-radius: 5px !important;
  margin: 2px; }

.break-two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.completed.canceled {
  color: #d06565 !important; }
  .completed.canceled .bubble, .completed.canceled .bubble::before, .completed.canceled .bubble::after {
    background-color: #d06565 !important;
    border-color: #782424 !important;
    color: #d06565 !important; }
  .completed.canceled::after {
    content: 'x';
    position: absolute;
    top: 0px;
    left: 48.5%;
    color: #fff;
    font-weight: 700;
    font-size: 14px; }

.badge {
  background-color: #6394F8;
  border-radius: 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }

.shopping-cart {
  background: white;
  width: 320px;
  border-radius: 3px;
  padding: 20px; }
  .shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px; }
    .shopping-cart .shopping-cart-header .shopping-cart-total {
      float: right; }
  .shopping-cart .shopping-cart-items {
    padding-left: 0;
    padding-top: 20px; }
    .shopping-cart .shopping-cart-items li {
      margin-bottom: 18px; }
    .shopping-cart .shopping-cart-items img {
      float: left;
      margin-right: 12px; }
    .shopping-cart .shopping-cart-items .item-name {
      display: block;
      padding-top: 10px;
      font-size: 16px; }
    .shopping-cart .shopping-cart-items .item-price {
      color: #6394F8;
      margin-right: 8px; }
    .shopping-cart .shopping-cart-items .item-quantity {
      color: #ABB0BE; }

.cart-icon {
  color: #515783;
  font-size: 24px;
  margin-right: 7px;
  float: left; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.dropdown.cart {
  top: 28px;
  right: 33px;
  position: absolute; }
  .dropdown.cart .dropdown-menu::before {
    left: auto;
    right: 9px; }
  .dropdown.cart .dropdown-menu::after {
    left: auto;
    right: 10px; }

/*# sourceMappingURL=Site.css.map */

.progress .progress-bar-success{
    background-color: #006400 !important;
}

.progress .progress-bar-info{
    background-color: #a2a2a2 !important;
}

.progress .progress-bar-danger{
    background-color: #640000 !important;
}

.progress-indicator li .with-icon {
   width: 100%;
}

.progress-bar .progress-bar-info {
   background-color: #659be0 !important;
}

.progress-indicator li .with-icon a {
   width: 100%;
   color: #fff;
}

.progress-indicator li .pendente,
.progress-indicator li .rota,
.progress-indicator li .ocorrencia,
.progress-indicator li .entregue{
    z-index:900;
    position: absolute;
    margin-top: -23px;
    font-size: 12px;
    color: black;
    font-weight: bold;
    
}

.rastreamento-card {
    font-weight: lighter;
    box-shadow: 0px 0px 3px #ababab;    
    padding: 10px;
    background: #f3f3f3;
    overflow: hidden;
    margin:7px;

    list-style: none !important;
    border-bottom: 1px solid !important;
    border-color: #e7ecf1 !important;    
    position: relative !important;
    width: 185px;
    height:100px;
    float: left;
    font-size: 12px;
    cursor: pointer;
    
}
  .rastreamento-card:hover {
    background: #ecebeb; }

  .rastreamento-card .icon{
    cursor: zoom-in;
    margin-top: 7px;
    padding-left: 0;
    padding-right: 0;
    border: 5px solid #dcdcf3;
    background-image: url(/Content/img/default.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
  }

  .rastreamento-card .descricao{
    float: left;
    font-size: 9px;
    position: absolute;
    width: 165px;
  }
    .rastreamento-card .descricao ul {
        padding-left: 0px !important;
    }

  .rastreamento-card .descricao .destinatario{
    color: steelblue;      
  }

  .rastreamento-card .descricao .endereco{
    color: #0d50b9;      
  }
  
  .rastreamento-card .descricao .status{
      color: GrayText;   
      font-size:12px;
      font-weight: bold;      
  }

.rastreamento-card .ocorrencia {
    color: #0d50b9;
    float: left;
    font-size: 9px;
    font-weight:bold;
    margin-top:0px;
    position: absolute;
}

  .rastreamento-card .titulo{
     color: #0d50b9;  
     font-size:12px; 
     font-weight:bold;
     margin-top:-5px
  }

  .rastreamento-card .thumb {
    cursor: zoom-in;
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
    border: 5px solid #dcdcf3;    
    background-image: url(/Content/img/default.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .rastreamento-card .thumb .product-thumb {
      width: 100%;      
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
  .rastreamento-card .descricao-produto {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    /*text-transform: uppercase;*/
    height: 50px; }
    .rastreamento-card .descricao-produto .titulo-produto {
      color: #0d50b9;
      font-weight: 400; }
  .rastreamento-card .info-icon {
    position: absolute;
    top: 25px;
    right: 22px; }
  .rastreamento-card .dados-lista {
    margin-top: 10px;
    padding-right: 0; }
    .rastreamento-card .dados-lista ul {
      padding: 0; }
      .rastreamento-card .dados-lista ul li {
        color: #666;
        background: #fff;
        border: 1px solid #ababab;
        border-left: 5px solid #fff;
        font-size: 13px;
        padding: 2px;
        margin-right: 15px;
        margin-bottom: 1px; }
      .rastreamento-card .dados-lista ul .peso {
        border-color: #9fc0f2; }
      .rastreamento-card .dados-lista ul .volume {
        border-color: #ffff8c; }
      .rastreamento-card .dados-lista ul .minuta{
        border-color: #ff8e8e; }
      .rastreamento-card .dados-lista ul .documento{
        border-color: #ace2ac; }
      .rastreamento-card .dados-lista ul .urgente {
        border-color: #f74545; }
      .rastreamento-card .dados-lista ul .cota {
        border-color: #8D4BB3; }
      .rastreamento-card .dados-lista ul .valor { 
        border-color: #D1B829; }
  .rastreamento-card .info-adicional {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-spacing: normal;
    white-space: nowrap;
    font-size: 11px; }



/*ManifestoCard*/
.manifesto-card {
    font-weight: lighter;
    box-shadow: 0px 0px 3px #ababab;    
    padding: 10px;
    background: #f3f3f3;
    overflow: hidden;
    margin:7px;
    width: 100%;
    list-style: none !important;
    border-bottom: 1px solid !important;
    border-color: #e7ecf1 !important;    
    position: relative !important;
    float: left;
    font-size: 12px;
    cursor: pointer;
    font-size:12px;
    height: 126px !important;
    
}

.manifesto-card:hover {
    background: #ecebeb; 
    
}

.manifesto-card .titulo {
    color: #0d50b9;  
    font-weight:bold;      
}
  
.manifesto-card .detalhe{
    color: steelblue;    
}



  .modal-body {
      font-size: 11px;
  }
  .modal-body .titulo{
      font-size: 10px;
  }

  .modal-body .titulolista{
      font-size: 11px;
  }

  .font12{
      font-size:12px !important;
  }

 .font10{
      font-size:12px !important;
  }

 .table-small tr th{
     padding:3px !important;
     font-size:12px;
     color: #4B77BE !important; 
 }

 .table-small tr td {
     padding:3px !important;
     font-size:10px;
     color: #95A5A6 !important;
 }

 .padding-bottom10{
     padding-bottom: 10px;
 }

 .table-striped tbody tr:nth-child(even) td{
     background-color: #bbc3d4;
 }

 .table-striped thead tr {
      white-space: nowrap;
    background-color: #fff;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    color: #1c3d7c;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
 }


 .table-striped thead tr th{
     color: #1c3d7c;
     font-weight:bold;
 }

 .table-striped tbody tr:hover td, 
 .table-striped tbody tr:hover td ul li span 
 {
     background-color: #666 !important;
     color:#fff !important;
 }


 .table-striped tbody tr td, 
 .table-striped tbody tr td ul li span 
 {
     color:#000 !important;
 }


 .btn.olive{
    color: #FFFFFF;
    background-color: #37897b;
    border-color: #37897b;

 }
 .btn.olive:hover{
     background-color: #275f55;
     border-color: #275f55;

 }

.logo-default {
    max-width: 155px;
}

.space {
    padding: 10px 10px !important;
}

@media print {
	.page-break	{ page-break-inside: avoid; }
    .img-pendencia { max-height: 250px; max-width: 250px; margin: 0 auto; }
}





/*Timeline*/

.timeline {
    --uiTimelineMainColor: var(--timelineMainColor, #222);
    --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    .timeline:before {
        content: "";
        width: 4px;
        height: 100%;
        background-color: var(--uiTimelineMainColor);
        position: absolute;
        top: 0;
    }

.timeline__group {
    position: relative;
}

    .timeline__group:not(:first-of-type) {
        margin-top: 4rem;
    }

.timeline__year {
    padding: .5rem 1.5rem;
    color: var(--uiTimelineSecondaryColor);
    background-color: var(--uiTimelineMainColor);
    position: absolute;
    left: 0;
    top: 0;
}

.timeline__box {
    position: relative;
}

    .timeline__box:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .timeline__box:before {
        content: "";
        width: 100%;
        height: 2px;
        background-color: var(--uiTimelineMainColor);
        position: absolute;
        left: 0;
        z-index: -1;
    }

.timeline__date {
    min-width: 65px;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    padding: .5rem 1.5rem;
    text-align: center;
    background-color: var(--uiTimelineMainColor);
    color: var(--uiTimelineSecondaryColor);
}

.timeline__day {
    font-size: 2rem;
    font-weight: 700;
    display: block;
}

.timeline__month {
    display: block;
    font-size: .8em;
    text-transform: uppercase;
}

.timeline__post {
    padding: 1.5rem 2rem;
    border-radius: 2px;
    border-left: 3px solid var(--uiTimelineMainColor);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24);
    background-color: var(--uiTimelineSecondaryColor);
}

@media screen and (min-width: 641px) {

    .timeline:before {
        left: 30px;
    }

    .timeline__group {
        padding-top: 55px;
    }

    .timeline__box {
        padding-left: 80px;
    }

        .timeline__box:before {
            top: 50%;
            transform: translateY(-50%);
        }

    .timeline__date {
        top: 50%;
        margin-top: -27px;
    }
}

@media screen and (max-width: 640px) {

    .timeline:before {
        left: 0;
    }

    .timeline__group {
        padding-top: 40px;
    }

    .timeline__box {
        padding-left: 20px;
        padding-top: 70px;
    }

        .timeline__box:before {
            top: 90px;
        }

    .timeline__date {
        top: 0;
    }
}

.timeline {
    --timelineMainColor: #4557bb;
    font-size: 16px;
}

/*
=====
DEMO
=====
*/

@media (min-width: 768px) {

    html {
        font-size: 62.5%;
    }
}

@media (max-width: 767px) {

    html {
        font-size: 55%;
    }
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Open Sans, Ubuntu, Fira Sans, Helvetica Neue, sans-serif;
    font-size: 1.6rem;
    color: #222;
    background-color: #f0f0f0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

p {
    margin-top: 0;
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

    p:last-child {
        margin-bottom: 0;
    }

.page {
    max-width: 800px;
    padding: 10rem 2rem 3rem;
    margin-left: auto;
    margin-right: auto;
    order: 1;
}

/*
=====
LinkedIn
=====
*/

.linkedin {
    background-color: #fff;
    text-align: center;
}

.linkedin__container {
    max-width: 1000px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

.linkedin__text {
    margin-top: 0;
    margin-bottom: 0;
}

.linkedin__link {
    color: #ff5c5c;
}