/*
clinic : 
fond : EDF7F7

veterinaire : 7FB83F
clair : E6F1D8

maitre : 388F43
clair : D7E9DA

chien : 5E1668
clair : E4D1E4
fond : F6EFF6
chiffre : 7B1979

chat : EF802E
clair : FCE6D5
fond : FEF9F5
chiffre : F7BDA1
*/

#sic_head {
  
}

#sic_head b {
  float: left;
  margin-right: 10px;
}

#sic_head span {
  float:left;
  color: var(--awb-color8);
}
#sic_filre_periode {
  float:right;
}
#sic_filre_periode span {
  float:left;
  margin-right:10px
}
#sic_filre_periode input {
  float:left;
  width: 105px;
  height: auto;
  padding: 10px;
}
#B_export_sic_stat {
  background: var(--awb-color8);
  color:white;
  text-align: left;
  padding: 5px 15px 5px 15px;
  border-radius: 4px;
  font-size:18px;
  cursor:pointer;
  display: block;
  float: right;
  margin-left: 20px;
}
#B_export_sic_stat:hover {
  background: var(--awb-color7);
}
#B_export_sic_stat i {
  margin-right:10px;
}
#date_debut {
  margin-right:10px;
}
#z_sic_stats {
  width: 1200px;
}
#z_stat_global {
  background:#EDF7F7;
  float: left;
  font-family:Barlow;
  width: 100%;
}
/* Sections */
#z_stat_clinic {
  width: calc(100% / 3);
  float: left;
  position: relative;
  color: #008A90;
}
#z_stat_clinic img {
  width: 65%;
  margin: 40px 10%;
}
#z_stat_clinic .titre {
  position:absolute;
  top: 85px;
  font-size: 80px;
  width: 100%;
  font-weight: 600;
}
#z_stat_clinic .stitre {
  position:absolute;
  top: 200px;
  width: 100%;
  font-size: 23px;
  line-height: 28px;
  letter-spacing: 1px;
}
#z_stat_users {
  width: calc(100% * 2/3);
  float: left;
}

/* maitre */
#maitre {
  position: absolute;
  top: 0;
  left: 420px;
  width: 320px;
  height: 370px;
  border-top-right-radius: 50px;
  background: #EDF7F7;
}
#maitre img {
  width: 170px;
  position: absolute;
  left: 60px;
  top: 36px;
}
#maitre .titre {
  background:#388F43;
  position:absolute;
  top: 200px;
  font-size: 70px;
  width: 290px;
  left: 0px;
  letter-spacing: 0;
  text-align: center;
  font-weight: 600;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  color: white;
  line-height: 1;
  padding: 12px 0 0 0;
}
#maitre .stitre {
  background:#388F43;
  position:absolute;
  top: 282px;
  width: 290px;
  font-size: 24px;
  line-height: 28px;
  left: 0px;
  text-align: center;
  letter-spacing: -1px;
  color: white;
  padding: 0px 30px 10px 30px;
}
#maitre .moyen {
  position:absolute;
  top: 350px;
  width: 290px;
  font-size: 24px;
  left: 0px;
  text-align: left;
  letter-spacing: -1px;
  padding: 0px 0 5px 20px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #D7E9DA;
  color: #388F43;
}
#maitre .stitre b {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1px;
}
#maitre .moyen b {
  font-size: 30px;
  margin-left:10px;
}
/* vet */
#vet {
  position: absolute;
  top: 0;
  right: 20px;
  width: 490px;
  background: white;
  border-bottom-left-radius: 50px;
  height: 160px;
}
#vet::before {
  position: absolute;
  content:'';
  top: 0;
  left: -50px;
  width: 50px;
  background: white;
  height: 50px;
  display:block;
}
#vet img {
  width: 120px;
  position: absolute;
  left: 120px;
  top: 27px;
}
#vet .titre {
  position:absolute;
  top: 20px;
  font-size: 60px;
  width: 290px;
  left: 100px;
  letter-spacing: -6px;
  font-weight: 600;
  border-radius: 12px;
  color: #008A90;
  line-height: 1;
  padding: 11px 0 50px 150px;
  box-shadow: 0px 0px 10px 5px var(--awb-custom_color_7);
  text-align: left;
}
#vet .stitre {
  position:absolute;
  top: 90px;
  font-size: 15px;
  line-height: 1;
  left: 250px;
  text-align: left;
  color: #008A90;
  letter-spacing: -1px;
}
#vet .moyen {
  position:absolute;
  top: 345px;
  width: 290px;
  font-size: 24px;
  left: 0px;
  text-align: left;
  letter-spacing: -1px;
  padding: 0px 0 5px 20px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #D7E9DA;
  color: #388F43;
}
#vet .stitre b {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
}
#vet .moyen b {
  font-size: 30px;
  margin-left:10px;
}
/* États */
.z_stat_etat {
  width: 410px;
  position: relative;
  float: left;
  left: 345px;
}
#actif {
  top: 200px;
}
#inactif {
  top: 301px;
}

.z_stat_etat img {
  width: 80px;
  position: absolute;
  left: 340px;
  top: 20px;
}
.z_stat_etat .titre {
  position:absolute;
  font-size: 70px;
  width: 145px;
  left: 0;
  color: white;
  letter-spacing: -6px;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  padding: 17px 0;
  top: 0;
}
.z_stat_etat .stitre {
  position:absolute;
  width: 260px;
  font-size: 16px;
  line-height: 20px;
  left: 145px;
  text-align: left;
  letter-spacing: 0px;
  padding: 22px 0px 17px 15px;
}
#actif .titre {
  background:#7FB83F;
  border-top-left-radius: 12px;
}
#actif .stitre {
  background:#7FB83F;
  border-top-right-radius: 12px;
  color: white;
}
#inactif .titre {
  background:#E6F1D8;
  border-bottom-left-radius: 12px;
  color: #7FB83F;
}
#inactif .stitre {
  background:#E6F1D8;
  border-bottom-right-radius: 12px;
  color: #7FB83F;
}
.z_stat_etat b {
  font-size: 19px;
}
/* Animaux */
.z_stat_pet {
  float: left;
  position: relative;
  width: 50%;
  height: 380px;
}
.z_stat_pet img {
}
.z_stat_pet .titre {
  position:absolute;
  top: 25px;
  font-size: 70px;
  width: 165px;
  left: 280px;
  letter-spacing: -6px;
  text-align: left;
  font-weight: 600;
}
.z_stat_pet .stitre {
  position:absolute;
  top: 120px;
  width: 305px;
  font-size: 17px;
  line-height: 22px;
  left: 140px;
  text-align: left;
  letter-spacing: -1px;
  color: white;
  padding: 5px 0 20px 150px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.z_stat_pet .moyen {
  position:absolute;
  top: 200px;
  width: 305px;
  font-size: 24px;
  left: 140px;
  text-align: left;
  letter-spacing: -1px;
  padding: 0px 0 5px 20px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.z_stat_pet img {
  width: 25%;
  position: absolute;
  right: 320px;
  top: 30px;
}
.z_stat_pet .moyen b {
  font-size: 30px;
  margin-left:10px;
}

#chien .titre, #chien .moyen {
  color:#5E1668;
}
#chien .stitre {
  background:#5E1668;
}
#chien .moyen {
  background:#E4D1E4;
}
#chat .titre, #chat .moyen {
  color:#EF802E;
}
#chat .stitre {
  background:#EF802E;
}
#chat .moyen {
  background:#FCE6D5;
}
#chat img {
  width: 28%;
  right: 330px;
  top: 39px;
} 
/* Statistiques */
.v_end {
  position:absolute;
  top: 230px;
  width: 210px;
  font-size: 52px;
  left: 90px;
  text-align: left;
  letter-spacing: -3px;
  padding: 5px 0 5px 20px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  line-height: 1em;
  font-weight: 600;
  color: white;
}
.t_end {
  position:absolute;
  top: 300px;
  width: 195px;
  font-size: 19px;
  line-height: 22px;
  left: 90px;
  text-align: left;
  letter-spacing: -1px;
  font-weight: 600;
}
.v_in  {
  position:absolute;
  top: 230px;
  width: 210px;
  font-size: 52px;
  left: calc(100% / 2);
  text-align: right;
  letter-spacing: -3px;
  padding: 5px 20px 5px 0px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  line-height: 1em;
  font-weight: 600;
  color: white;
}
.t_in  {
  position:absolute;
  top: 300px;
  width: 195px;
  font-size: 19px;
  line-height: 22px;
  right: 90px;
  text-align: right;
  letter-spacing: -1px;
  font-weight: 600;
}
#chien {
  background:#F6EFF6;
}
#chien .v_end {
  background:#5E1668;
}
#chien .v_in {
  background:#7B1979;
}
#chien .t_end {
  color:#5E1668;
}
#chien .t_in {
  color:#7B1979;
}
#chat {
  background:#FEF9F5;
}
#chat .v_end {
  background:#EF802E;
}
#chat .v_in {
  background:#F7BDA1;
}
#chat .t_end {
  color:#EF802E;
}
#chat .t_in {
  color:#F7BDA1;
}
#z_stat_vet {
  background: #e2f6eb;
  float: left;
  width: 100%;
  padding: 30px;
}