/*******máximo largura de 1440*******/
@media (max-width:1440px) {
  span.badge-simple {
    width: 100% !important;
  }
}

/*******máximo largura de 1160*******/
@media (max-width:1160px) {

  .image {
    display: none !important;
  }

  .login-logout {
    width: 75%;
  }
}

/*******máximo altura de 700*******/
@media (max-height:700px) and (min-width:1200px) {

  .card-body.progressBar p {
    margin-top: 0px;
  }

  ul.nav li.nav-item:last-child {
    position: relative !important;
  }

  .sidebar .nav li a,
  .sidebar .nav li .dropdown-menu a {
    margin: 5px 15px 0;
    padding: 9px 15px;
  }

  ul.nav li.nav-item:last-child a.nav-link {
    border: 0 !important;
    margin-top: 14px;
  }

  .main-panel .main-content {
    width: 100%;
    margin-top: 50px;
    padding: 20px 0 10px 0px;
  }

  .card {
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }

  .card .number {
    font-size: 4rem;
    padding: 2rem 1rem;
  }

  .card h2 {
    font-size: 1.5rem;
    line-height: 1;
  }

  .card .card-body {
    padding: 1.5rem;
  }

  .col-md-3,
  .col-lg-3,
  .col-md-6,
  .col-lg-6 {
    padding-right: 10px;
    padding-left: 10px;
  }

  .col-md-3:first-child,
  .col-lg-3:first-child,
  .col-md-6:first-child,
  .col-lg-6:first-child {
    padding-left: 15px;
  }

  .col-md-3:last-child,
  .col-lg-3:last-child,
  .col-md-6:last-child,
  .col-lg-6:last-child {
    padding-right: 15px;
  }

  .bars .bar {
    width: 125px !important;
  }

  #ranking-vendedores .grafico .bars .bar {
    width: 130px !important;
  }

  span.badge {
    width: 100% !important;
  }

  .mat-button.btn, .mat-raised-button.btn, .mat-raised-button.btn:not([class*=mat-elevation-z]), .btn {
    padding: 12px 15px;
  }

  .main-panel .header {
    margin: 10px 0 0px 10px !important;
  }

  .card p {
    margin: 2px 10px 0px 10px !important;
  }
}