/** Buttons **/
/*************/
.btn.nb:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #F17E23;
  border-color: #F17E23;
}
.btn.nb:not(.btn-outline):focus, .btn.nb:not(.btn-outline).focus {
  color: #FFFFFF;
  background-color: #cc7d3f;
  border-color: #cc7d3f;
}
.btn.nb:not(.btn-outline):hover {
  color: #FFFFFF;
  background-color: #cc7d3f;
  border-color: #cc7d3f;
}
.btn.nb:not(.btn-outline):active, .btn.nb:not(.btn-outline).active,
.open > .btn.nb:not(.btn-outline).dropdown-toggle {
  color: #FFFFFF;
  background-color: #cc7d3f;
  border-color: #cc7d3f;
}
.btn.nb:not(.btn-outline):active:hover, .btn.nb:not(.btn-outline):active:focus, .btn.nb:not(.btn-outline):active.focus, .btn.nb:not(.btn-outline).active:hover, .btn.nb:not(.btn-outline).active:focus, .btn.nb:not(.btn-outline).active.focus,
.open > .btn.nb:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.nb:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.nb:not(.btn-outline).dropdown-toggle.focus {
    color: #FFFFFF;
    background-color: #cc7d3f;
    border-color: #cc7d3f;
}
.btn.nb:not(.btn-outline):active, .btn.nb:not(.btn-outline).active,
.open > .btn.nb:not(.btn-outline).dropdown-toggle {
  background-image: none;
}
.btn.nb:not(.btn-outline).disabled:hover, .btn.nb:not(.btn-outline).disabled:focus, .btn.nb:not(.btn-outline).disabled.focus, .btn.nb:not(.btn-outline)[disabled]:hover, .btn.nb:not(.btn-outline)[disabled]:focus, .btn.nb:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.nb:not(.btn-outline):hover,
fieldset[disabled] .btn.nb:not(.btn-outline):focus,
fieldset[disabled] .btn.nb:not(.btn-outline).focus {
  background-color: #F17E23;
  border-color: #F17E23;
}
.btn.nb:not(.btn-outline) .badge {
  color: #F17E23;
  background-color: #FFFFFF;
}
.btn.btn-outline.nb {
    border-color: #F17E23;
    color: #F17E23;
    background: none;
}
.btn.btn-outline.nb:hover, .btn.btn-outline.nb:active, .btn.btn-outline.nb:active:hover, .btn.btn-outline.nb:active:focus, .btn.btn-outline.nb:focus, .btn.btn-outline.nb.active {
    border-color: #F17E23;
    color: #FFFFFF;
    background-color: #F17E23;
}
.font-nb {
    color: #F17E23 !important;
}

#dashboard-report-range i,
#dashboard-report-range span {
  color: #000000;
}

.page-header.navbar,
.dashboard-stat.grey {
    background-color: #f1f4f7!important;
}



@media (max-width: 520px) {
  .fArtVend {
      float:initial!important;
      margin-top:10px;
  }
}

@media (max-width: 480px) {
  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
      background-color: initial;
  }
}
@media (max-width: 991px) {
    .page-header.navbar {
        background-color: #313842!important;
    }
    body {
      background: #f1f4f7!important;
    }

    .page-header.navbar .page-logo .logo-default {
        margin: 3px 0px 0px 20px;
        width: 124px;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 17px 6px 13px 8px!important;
    }

    .page-header.navbar .menu-toggler.responsive-toggler {
       margin: 15.5px 12px 0 6px!important;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
      color:#a6a8ab!important;
    }
    .page-sidebar-wrapper {
      background: #313842;
    }
}

@media (min-width: 992px) {

  .page-header.navbar .menu-toggler.sidebar-toggler {
      margin: 25px 0 0 0!important;
  }

  .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
      margin: 18.5px 12px 0 0!Important;
  }

  .page-header.navbar .page-logo {
    background: #313842;
  }

  .page-header.navbar .page-logo .logo-default {
      margin: 10px 0px 0px -4px;
      width: 124px;
  }
}
.pace .pace-progress,
.pace .pace-activity {
      top: 0;
}

.page-sidebar .page-sidebar-menu > li:hover > a > i,
.page-sidebar .page-sidebar-menu > li:hover > a  {
    color: #fff!important;
}

.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"],
.page-sidebar .page-sidebar-menu > li > a > i {
    color: #a1acbd;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar,
.page-content-wrapper {
    background-color: #313842;
}
li.nav-item.active.start > a {
  color:white!important;
}

.pace .pace-activity {
  border: 0;
}

.page-sidebar .page-sidebar-menu > li > a {
  font-size: 14px!important;
  color: #dddfe0!important;
}

.page-container-bg-solid .page-content {
    background: #FFFFFF;
    padding-bottom: 40px!important;
}

.dashboard-stat {

}

.dashboard-stat .details .number {
  font-weight: 500;
  cursor:text!important;
}

.dashboard-stat .details .number {
  text-align: center!important;
  font-size: 42px!important;
}

.dashboard-stat.grey .visual > i {
  color: #ffffff!important;
  opacity: 0.5!important;
}
.dashboard-stat.grey .details .desc {
    margin-top: 10px;
}


/***********/
/** Utils **/
/***********/
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.float-right {
  float: right;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-14 {
  font-size: 14px;
}
.margin-left-10 {
  margin-left: 10px;
}
.padding-left-0 {
  padding-left: 0px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-15 {
  padding-left: 15px!important;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-right-20 {
  padding-right: 20px;
}
.padding-right-8 {
  padding-right: 8px;
}
.font-size-16 {
  font-size: 16px!important;
}
.font-size-20 {
  font-size: 20px!important;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600!important;
}
.color-black {
  color: black;
}
.m-bottom-0 {
  margin-bottom: 0px!important;
}
.m-bottom-10 {
  margin-bottom: 10px!important;
}
.m-bottom-15 {
  margin-bottom: 15px!important;
}
.m-bottom-20 {
  margin-bottom: 20px!important;
}
.m-bottom-30 {
  margin-bottom: 30px!important;
}
.m-top-0 {
  margin-top: 0px!important;
}
.m-top-10 {
  margin-top: 10px!important;
}
.m-top-20 {
  margin-top: 20px!important;
}
.m-top-30 {
  margin-top: 30px!important;
}
.m-top-40 {
  margin-top: 40px!important;
}
.m-top-34 {
  margin-top: 34px!important;
}
.m-right-10 {
  margin-right: 10px!important;
}
.m-right-20 {
  margin-right: 20px!important;
}
.no-padding {
  padding:0px!important;
}
.portlet-padding {
  padding:20px 0px 0px 0px!important;
}

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

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #000000;
    font-weight: 500;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #fff;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  background: #fff!important;
}


.page-content-white .page-title, .page-container-bg-solid .page-title {
  color:#000!important;
  font-size: 22px!important;
  font-weight: 400!important;
}


.td-total-fatura {
  background: #c5c5c5;
  color: white!important;
  font-weight: 600;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

.padding-bottom-4 {
  padding-bottom: 4px;
}

.font-red {
  color:red;
}

.font-green {
  color:green!important;
}

.p-bottom-16 {
    padding-bottom: 16px;
}

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

.p-top-10 {
    padding-top: 10px;
}

.dataTables_processing {
  border: 0!important;
  box-shadow: none!important;
  height: 60px!important;
  margin-top:20px!important;
}

.minW600 {
  min-width: 600px;
}

.ttlPortlet {
    color: #000!important;
    font-size: 24px!important;
    font-weight: 700!important;
}

.bg-cinza {
  background-color: #f7f7f7!important;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 12px!important;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  color: #f57f20!important;
  background-color: #FFF;
  border-color: #f57f20;
  font-weight: bold!important;
}

table.dataTable.no-footer{
  border-bottom: 0px!important;
}

.m-top-20 {
  margin-top:20px;
}

.tabbable-custom > .nav-tabs > li.active {
  border-top: 3px solid #f57f20!important;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f57f20!important;
}
.tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fac295!important;
}
.tabbable-line > .tab-content {
  padding:10px 0;
}
.nav > li > a {
  color:#333333!important;
}

table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after {
  top:inherit!important;
}

.pointer {
  cursor:pointer;
}

table.dataTable thead th {
    border-bottom: 1px solid #f57f20!important;
}
.table-scrollable {
  border:0px!important;
  padding-bottom: 12px;
}

.table.table-light > thead > tr > th {
    font-size: 14px!important;
    color: #313435!important;
}

.zIndex10 {
  z-index: 10;
}

.table.table-light > tbody > tr > td {
  color: #484e50!important;
}

.form-control-static {
  padding-top:0px;
}

.control-label {
  font-weight: 600;
}

.no-border-bottom {
  border-bottom: 0px!important;
}

.label-success {
    background-color: #5cb85c!important;
}


.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999!important;
  font-size: 15px!important;
  letter-spacing: 0.2px!important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #f17e23!important;
}

.select2-result-repository__title {
   font-weight: 500!important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 2px!important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    margin: 6px 0 0 6px!important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: -4px!important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    width:auto!important;
}

.page-sidebar .page-sidebar-menu .sub-menu > li > a {
      background: #313842;
}

.ul-m-ptop {
  padding-top: 30px!important;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
  padding: 0;
  margin: 8px 0;
}
.page-sidebar .page-sidebar-menu .sub-menu li {
    border-bottom: transparent!important;
    margin-top: 0!important;
}

.width100 {
  width:100%;
}

.datepicker .active:hover {
  background-color: #f57f20!important;
}

.width-40 {
  width: 40px!important;
}

.input-daterange .input-group-addon {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 0px;
    border-right: 0px;
    border-width: 1px!important;
    min-width: 25px!important;
}

.padding-bottom {
    padding-bottom: 0px!important;
}
.has-error-span {
    color: #e73d4a!important;
}

.mt-cookie-consent-bar {
  background: rgba(236, 236, 236, 0.63)!important;
  color: initial;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:last-child {
  padding-right: 8px!important;
  padding-left: 20px!important;
}

.badge.badge-nb {
  background-color: #ff7e40;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon i {
  margin-right: 4px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
    padding:12px 10px 16px;
}

.dropdown-menu-list > li.active {
    background: #f1f4f7;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
    color: #000000;
    font-weight: 400;
}

.pop-close {
  position: absolute;
  width: 34px;
  height: 40px;
  top: 6px;
  right: 20px;
  cursor: pointer;
}

.pop-close::before,
.pop-close::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  height: 1px;
  background: #888;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pop-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.pop-close:hover::before,
.pop-close:hover::after {
  background: #333;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    width: 32px!important;
    height: 32px!important;
}

.sep {
  border: 1px dashed #f1f1f1;
}

.sidebar-footer {
    bottom: 0;
    clear: both;
    display: block;
    padding: 5px 0 0;
    position: fixed;
    width: 235px;
    z-index: 999;
}
.sidebar-footer a {
    padding: 7px 0 3px;
    text-align: center;
    width: 25%;
    font-size: 17px;
    display: block;
    float: left;
    background: #353f4c;
    cursor: pointer;
    color: #a1acbd;
}
.page-sidebar-closed .sidebar-footer {
    visibility: hidden;
}



.fs10 {
  font-size: 10px;
}
.fs13 {
  font-size: 13px;
}

div.active-pro div {
  color: #98a4b1;
  margin: 0px 15px;
  border-radius: 4px;
}
.active-pro>div {
    position: relative;
    display: block;
    width:90%;
}
@media (max-height: 630px) {
  .active-pro {
    display: none;
  }
  .sidebar-footer {
    /*position: absolute;*/
    display: none;
  }
}

@media (max-height: 700px) {
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
    max-height: 440px!important;
  }
}

.a-terminar {
  color: orange;
}

.line-height {
  line-height: 1.4;
}

.circle {
    width: 14px;
    height: 14px;
    border-radius: 25px !important;
    display: inline-block;
}
.enviado {
    background: green;
}
.falhado {
    background: red;
}

.label-info {
    background-color: #5bc0de!important;
}

.label-cinza {
    background-color: #f1f4f7;
    color: black;
    white-space: inherit;
    line-height: 1.7;
}

.details > span.label.label-sm.label-icon {
  height: 24px;
  float: left;
  margin: 0 6px 6px 0!important;
}

.p-r-14 {
  padding-right: 14px;
}

.w100 {
  width:100%;
}

.btnFechar_popup {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 20px;
  cursor: pointer;
}

.btnFechar_popup::before,
.btnFechar_popup::after {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  height: 1px;
  background: #888;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btnFechar_popup::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btnFechar_popup:hover::before,
.btnFechar_popup:hover::after {
  background: #333;
}