:root {
	--ion-color-primary: #1DA584;
	--ion-color-primary-rgb: 29, 165, 132;
	--ion-color-primary-contrast: #ffffff;
	--ion-color-primary-contrast-rgb: 255, 255, 255;
	--ion-color-primary-shade: #13715a;
	--ion-color-primary-tint: #20d1ac;
	--ion-color-secondary: #9A36BB;
	--ion-color-secondary-rgb: 154, 54, 187;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255, 255, 255;
	--ion-color-secondary-shade: #661e72;
	--ion-color-secondary-tint: #cb41f1;
	--ion-color-tertiary: #0297FF;
	--ion-color-tertiary-rgb: 61, 194, 255;
	--ion-color-tertiary-contrast: #ffffff;
	--ion-color-tertiary-contrast-rgb: 255, 255, 255;
	--ion-color-tertiary-shade: #36abe0;
	--ion-color-tertiary-tint: #50c8ff;
	--ion-color-success: #2dd36f;
	--ion-color-success-rgb: 45, 211, 111;
	--ion-color-success-contrast: #ffffff;
	--ion-color-success-contrast-rgb: 255, 255, 255;
	--ion-color-success-shade: #28ba62;
	--ion-color-success-tint: #42d77d;
	--ion-color-warning: #FAB822;
	--ion-color-warning-rgb: 250, 184, 34;
	--ion-color-warning-contrast: #000000;
	--ion-color-warning-contrast-rgb: 0, 0, 0;
	--ion-color-warning-shade: #e1a620;
	--ion-color-warning-tint: #ffda46;
	--ion-color-danger: #eb445a;
	--ion-color-danger-rgb: 235, 68, 90;
	--ion-color-danger-contrast: #ffffff;
	--ion-color-danger-contrast-rgb: 255, 255, 255;
	--ion-color-danger-shade: #cf3c4f;
	--ion-color-danger-tint: #ed576b;
	--ion-color-dark: #222428;
	--ion-color-dark-rgb: 34, 36, 40;
	--ion-color-dark-contrast: #ffffff;
	--ion-color-dark-contrast-rgb: 255, 255, 255;
	--ion-color-dark-shade: #1e2023;
	--ion-color-dark-tint: #383a3e;
	--ion-color-medium: #92949c;
	--ion-color-medium-rgb: 146, 148, 156;
	--ion-color-medium-contrast: #ffffff;
	--ion-color-medium-contrast-rgb: 255, 255, 255;
	--ion-color-medium-shade: #808289;
	--ion-color-medium-tint: #9d9fa6;
	--ion-color-light: #f4f5f8;
	--ion-color-light-rgb: 244, 245, 248;
	--ion-color-light-contrast: #000000;
	--ion-color-light-contrast-rgb: 0, 0, 0;
	--ion-color-light-shade: #d7d8da;
	--ion-color-light-tint: #f5f6f9;
	--ion-color-pink: #FB397A;
	--ion-color-grey: #8498AE;
	--ion-color-grey-2: #6F7982;
	--ion-color-grey-shade: #4D667B;
	--ion-color-label: #172B3E;
	--ion-color-label-default: #232A2F;
	--ion-box-shadow: 0 4px 6px 0 rgba(31, 70, 88, 0.04);
	--ion-box-shadow-button: 0 8px 10px 0 rgba(31, 70, 88, 0.04);
	--ion-box-shadow-primary: 0 3px 8px 0 rgba(29, 165, 132, 0.32);
	--ion-box-shadow-secondary: 0 3px 8px 0 rgba(154, 54, 187, 0.24);
	--ion-box-shadow-warning: 0 3px 8px 0 rgba(250, 184, 34, 0.41)
}
 .vacina-numero.extra08-color {
  background: rgba(0, 208, 156);
}

.vacina-numero.extra04-color {
  background: rgba(0, 207, 255);
}

.vacina-numero.extra05-color {
  background: rgba(122, 25, 255);
}

.vacina-numero.extra07-color {
  background: rgba(0, 122, 255);
}

.vacina-numero.extra06-color {
  background: rgba(255, 138, 91);
}

.vacina-numero.extra10-color {
  background: rgba(0, 122, 255);
}

.vacina-texto.extra08-color {
  background: rgba(0, 208, 156, 0.1);
}

.vacina-texto.extra04-color {
  background: rgba(0, 207, 255, 0.1);
}

.vacina-texto.extra05-color {
  background: rgba(122, 25, 255, 0.1);
}

.vacina-texto.extra07-color {
  background: rgba(0, 122, 255, 0.1);
}

.vacina-texto.extra06-color {
  background: rgba(255, 138, 91, 0.1);
}

.vacina-texto.extra10-color {
  background: rgba(0, 122, 255, 0.1);
}

.extra04-color {
  color: #00CFFF !important;
}

.extra05-color {
  color: #7A19FF !important;
}

.extra06-color {
  color: #FF8A5B !important;
}

.extra07-color {
  color: #007AFF !important;
}

.extra08-color {
  color: #00D09C !important;
}

.extra09-color {
  color: #00004B !important;
}

.extra10-color {
  color: #007AFF !important;
}
.section--tool .description.font-bold.col-red {
    font-size: 14px;
    margin-top: -17px;
}
.blur .items{
 
    filter: blur(2px);
    /* content: "atualizando"; */
 
}
.blur:after {
    content: "atualizando";
    position: absolute;
    left: 44%;
    font-weight: bold;
    margin-top: 18px;
}
.info-vacina {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
}
.vacina-texto {
      
  
    padding: 4px;
    border-radius: 2px;
    min-height: 36px;
    display: table;
    width: calc(100% - 120px);
    padding-right: 8px;
	 
}
.vacina-texto p {
	
    width: calc(100% - 130px);
    margin-bottom: 0;
    font-size: 12px;
    line-height: normal;
    vertical-align: middle;
	display: table-cell;
	padding-left: 4px;
    
}
.vacina-numero {
	width:131px;
    background: #03a9f4;
    position: absolute;
	display: table;
    z-index: 1;
    top: -6px;
    right: 0;
    padding: 10px;
    border-radius: 5px;
	box-shadow: 0 1px 6px rgba(5,27,44,.06),0 2px 32px rgba(5,27,44,.16)!important;
	 
}
 
 .vacina-numero span:nth-child(1) {
    border-right: 1px solid #fff;
    padding-right: 4px;
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-top: 2px;
	display: table-cell;
	 text-align: center;
   }
   .vacina-numero span:nth-child(2) {
    padding-left: 4px;
    color: #fff;
    font-size: 18px;
    position: relative;
	padding-top: 2px;
	display: table-cell;
	 text-align: center;
   }
   
.vacina-numero span:nth-child(1):before {
    position: absolute;
    content: "1° DOSE";
    font-size: 8px;
    width: 100%;
    top: -7px;
    left: 0;
    text-align: center;
}
.vacina-numero span:nth-child(2):before {
    position: absolute;
    content: "2° DOSE";
    font-size: 8px;
    width: 100%;
    top: -7px;
    left: 0;
    text-align: center;
}

/* Theme Gradient */
.theme-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#EAF8FF), to(#F6F6FF));
  background: -webkit-linear-gradient(top, #EAF8FF 0%, #F6F6FF 100%);
  background: -o-linear-gradient(top, #EAF8FF 0%, #F6F6FF 100%);
  background: linear-gradient(180deg, #EAF8FF 0%, #F6F6FF 100%);
}

.theme-gradient-3 {
  background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), color-stop(24.38%, #F4FF99), color-stop(77.05%, #E3D4F9), to(#FFFFFF));
  background: -webkit-linear-gradient(right, #FFFFFF 0%, #F4FF99 24.38%, #E3D4F9 77.05%, #FFFFFF 100%);
  background: -o-linear-gradient(right, #FFFFFF 0%, #F4FF99 24.38%, #E3D4F9 77.05%, #FFFFFF 100%);
  background: linear-gradient(270deg, #FFFFFF 0%, #F4FF99 24.38%, #E3D4F9 77.05%, #FFFFFF 100%);
}

.theme-gradient-4 {
  background: -webkit-gradient(linear, left top, left bottom, from(#FEF7E2), to(#EEEEFD));
  background: -webkit-linear-gradient(top, #FEF7E2 0%, #EEEEFD 100%);
  background: -o-linear-gradient(top, #FEF7E2 0%, #EEEEFD 100%);
  background: linear-gradient(180deg, #FEF7E2 0%, #EEEEFD 100%);
}

.theme-gradient-5 {
  background: -webkit-linear-gradient(315.26deg, #D6FFFC 0%, #FAE7E4 100%);
  background: -o-linear-gradient(315.26deg, #D6FFFC 0%, #FAE7E4 100%);
  background: linear-gradient(134.74deg, #D6FFFC 0%, #FAE7E4 100%);
}

.theme-gradient-6 {
  background: -webkit-gradient(linear, left top, left bottom, from(#A7FFF5), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, #A7FFF5 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, #A7FFF5 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(180deg, #A7FFF5 0%, rgba(255, 255, 255, 0) 100%);
}

.theme-gradient-7 {
  background: -webkit-gradient(linear, left top, left bottom, from(#EBFFFD), to(#EFEEFA));
  background: -webkit-linear-gradient(top, #EBFFFD 0%, #EFEEFA 100%);
  background: -o-linear-gradient(top, #EBFFFD 0%, #EFEEFA 100%);
  background: linear-gradient(180deg, #EBFFFD 0%, #EFEEFA 100%);
}

.theme-gradient-8 {
  background: -webkit-gradient(linear, left top, left bottom, from(#A7FFF5), to(#EEEEFD));
  background: -webkit-linear-gradient(top, #A7FFF5 0%, #EEEEFD 100%);
  background: -o-linear-gradient(top, #A7FFF5 0%, #EEEEFD 100%);
  background: linear-gradient(180deg, #A7FFF5 0%, #EEEEFD 100%);
}

.theme-gradient-9 {
  background: -webkit-linear-gradient(296.77deg, #D6FFFC 0%, #FAE7E4 100%);
  background: -o-linear-gradient(296.77deg, #D6FFFC 0%, #FAE7E4 100%);
  background: linear-gradient(153.23deg, #D6FFFC 0%, #FAE7E4 100%);
}
 .hexagon {
    background: rgba(0, 122, 255, 0.1);
    box-shadow: 0 1px 6px rgba(5,27,44,.06),0 2px 32px rgba(5,27,44,.16)!important;
}
.items.mini i{color:#007AFF !important;}
 #forms .btn  {
    margin-top: 27px;
    height: 48px;
}
.listagem-large{height:1600px;}

.card-total {
  
    position: relative;
  font-family: "Circular Std",sans-serif;
   
    margin: 10px;
    padding: 16px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #dbe9f5;
  box-shadow:0 8px 10px 0 rgba(31, 70, 88, 0.04);
}

.card-total.tp-geral.tp-totais:after{ display:none;}
  .card-total.tp-geral:after {
    top: 14px;
    left: -3px;
    position: absolute;
    content: "";
    display: block;
    height: 36px;
    width: 6px;
    border-radius: 4px;
    background: #1DA584;
    box-shadow: 0 3px 8px 0 rgba(29, 165, 132, 0.32);
}
 .card-total.tp-geral  {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 20px 16px;
    min-height: 200px;
 
    cursor: pointer;
}

  .lb-title.tp-geral  {
    width: 100%;
    font-size: 16px;
    letter-spacing: -.41px;
    text-transform: uppercase;
    color: #1da584;
    display: -webkit-box;
    margin-bottom: 10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
	    font-weight: 700;
    line-height: 18px;
}




.lb-title span {
    width: calc(100% - 56px);
    margin-top: 8px;
    font-size: 20px;
}

 .card-total.tp-geral .ct-info  {
    flex-wrap: wrap;
}
 
  .ct-info  {
    width: 100%;
}
.display-flex.justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
 
.display-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}



  .card-total.tp-geral .lb-total.tp-geral {
    width: 40%;
}
.lb-total.tp-geral {
    width: 47%;
    min-width: 116px;
    margin: 12px 8px 0 0;
    
}
#areaGrafico{ height:400px;  margin:0 auto;}
  .lb-total.tp-geral .countfect{
	font-size: 27px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -.7px;
    color: var(--ion-color-label-default);  
  }

 .lb-total  span  {
    font-size: 12px;
    line-height: 6px;
    font-weight: 400;
    letter-spacing: -.31px;
    color: var(--ion-color-grey-2);
}


  .card-total.bg-primary  .lb-total .countfect {
    width: 100%;
    padding: 0;
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -1.29px;
}

  .card-total.bg-primary  .lb-total.min-size  .countfect {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -.83px;
}


 .card-total.bg-primary .lb-total  div  {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -.65px;
    color: rgba(255,255,255,.6);
}
 .content-top .lb-covid  {
    font-size: 12px;
    font-weight: 900;
    color: var(--ion-color-primary);
}
  .content-top .lb-title  {
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
}
 .content-top  .lb-covid {
    font-size: 12px;
    font-weight: 900;
    color: var(--ion-color-primary);
}

.lb-grey {
    position: relative;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    letter-spacing: -.23px;
    color: var(--ion-color-grey);
}
.card-total.menu { display:flex;}
.img-covid{ max-width:45px;  margin-right: 10px;}

  .content-top {
    width: 100%;
    padding: 12px 12px 0;
    margin-bottom: 22px;
}
.display-flex.justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
 
.display-flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.card-total.no-shadow {
    border: none;
    box-shadow: none;
    background: 0 0;
}

  .content-top .card-total  {
    margin: 10px 0;
    padding: 16px 0;
    border-radius: 0;
}

.lb-title {
    font-weight: 700;
    letter-spacing: -.84px;
    color: var(--ion-color-label);
}