.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}

body{
  color: #495057;
  background: #f9f9f9;
  font-size: 13px;
}

.bloquear_tela {
    opacity: 0.6;
    color: #fff;
    /* text-align: center; */
    font-size: 19px;
    padding: 15px 0 0 0;
    text-align: center;
}

.bg-dark{
  background-color: #30414f !important;
}
.sidebar .nav .nav-item.active {background-color: rgba(0, 0, 0, 0.1);}
.sidebar .nav .nav-item.active a{opacity: 1;}
.sidebar .nav .nav-item.active .nav.nav-sub .nav-item.active a {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); 
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
  }

.sidebar .nav .not-sub a:before {
  display: none !important;
}

.bar-top .notificacoes {
  
}
.bar-top .notificacoes a {
        font-size: 16px;
    border-radius: 0;
    padding: 19px 10px;
    display: block;
    text-decoration: none;
    color: #111;}
.bar-top .notificacoes .badge {
  font-size: 10px;
    font-weight: 600;
    position: absolute;
    padding: 4px 6px 4px 6px;
    margin: -10px 0px 0 -4px;
}

.tit-menu{
  color: #a7b1c2;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 0 15px 8px;
}



.atend-header {margin-bottom: 1.5em;}
.atend-header .atend-titulo{
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.atend-header .nowrap-text{white-space: nowrap; overflow-x: scroll;  overflow-y: hidden; -webkit-overflow-scrolling: touch;  scrollbar-width: none;}
.atend-body .header {font-size: 14px; font-weight: 600;}
.atend-body .notBadge {background-color: #56c1e3; border-radius: 5px; position: absolute; right: 0; color: #fff; font-size: 11px; padding: 4px 10px 3px 10px; margin-top: -22px;}
.btn-dash {background-color: #8680c2; padding: 2px 6px 1px 6px; border-color: #8680c2; color: #fff;}

.atend-dash {margin-bottom: 8px;}
.atend-dash .dash{
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  padding: 16px 19px 8px 19px;
  color: #fff;
  min-height: 120px;
  height: 100%;
}

.atend-dash .tit {font-weight: 600; margin-bottom: 8px; font-size: 14px;}
.atend-dash .val {font-weight: 600; font-size: 28px; }
.atend-dash .label {font-size: 11px; background-color: rgb(255 255 255 / 20%); border-radius: 4px; padding: 2px 8px 2px 8px;}
.atend-dash .sub {font-size: 11px; line-height: 12px; margin-top: 3px;}

.atend-dash .progress{background-color: rgb(255 255 255 / 20%); height: 5px; margin: 8px 0 2px 0;}
.atend-dash .progress-bar{background-color: #ffffff;}

.progress.chamado{background-color: rgb(236 73 80 / 100%); height: 5px; margin: 8px 0 2px 0; min-width: 130px;}
.progress.chamado .progress-bar{background-color: #41c157;}


.dash-laranja {background-color: #f5a95f;}
.dash-roxo {background-color: #7068b8;}
.dash-azul {background-color: #36b7e0;}
.dash-verde {background-color: #41c157;}
.dash-azulescuro{background-color: #137695;}
.dash-laranjaescuro{background-color:#f28963;}
.dash-azulfinalizado{background-color: #007bff;}

.filtro .avancado {left: 0;}

.breadcrumb {justify-content: flex-end;}

.text-chamado { background-color: #f7f7f7; padding: 15px; font-size: 13px; line-height: 1.5; }