@charset "UTF-8";
@media screen and (max-width: 1024px) {
  .hide-medium {
    display: none;
  }
}

@media screen and (max-width: 812px) {
  .hide-small {
    display: none;
  }
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana;
  color: #333333;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  background-color: #f4f4f4;
}
@media screen and (max-width: 1024px) {
  body {
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  body {
    font-size: 14px;
  }
}

h1 {
  color: #A5285F;
  font-weight: 700;
  font-family: Quicksand;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media screen and (max-width: 500px) {
  h1 {
    font-size: 24px;
  }
}

h1 i.fas {
  margin-right: 0.6rem;
}

h2 {
  font-weight: 700;
  font-family: Quicksand;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 500px) {
  h2 {
    font-size: 18px;
  }
}

h3 {
  font-weight: 700;
  font-family: Quicksand;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  margin-top: 0.5rem;
}

a {
  text-decoration: none;
  color: #333333;
}
a:hover {
  color: #A5285F;
}

ul {
  list-style: none;
}

section {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  height: 100vh;
  padding: 2rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  section {
    overflow-y: visible;
    height: auto;
    padding: 1rem;
  }
}

form label {
  font-family: Quicksand;
}

input, textarea, select {
  display: block;
  padding: 0.4rem 0.8rem;
  border: 1px solid lightgray;
  border-radius: 5px;
  font-family: Verdana;
  color: #333333;
  font-size: 14px;
  line-height: 1;
  width: 100%;
}
@media screen and (max-width: 500px) {
  input, textarea, select {
    font-size: 12px;
  }
}
input:focus, textarea:focus, select:focus {
  background-color: #edd4df;
}

input[type=radio] {
  margin-right: 0.5rem;
}

.button {
  background-color: #9b9696;
  border: none;
  border-radius: 10px;
  color: white;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-family: Quicksand;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  margin: 0 1rem 0 0;
}
.button:hover {
  background-color: #A5285F;
}

.actions .button, .action.button, .action input[type=submit] {
  background-color: #A5285F;
  border: none;
  border-radius: 10px;
  color: white;
  padding: 0.5rem 1rem !important;
  cursor: pointer;
  font-family: Quicksand;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
@media screen and (max-width: 500px) {
  .actions .button, .action.button, .action input[type=submit] {
    font-size: 16px;
    margin: 0;
  }
}
.actions .button a, .action.button a, .action input[type=submit] a {
  color: white;
}
.actions .button:hover, .action.button:hover, .action input[type=submit]:hover {
  background-color: #c47195;
}
.actions .button.delete, .action.button.delete, .action input[type=submit].delete {
  background-color: #ed6a62;
}
.actions .button.delete:hover, .action.button.delete:hover, .action input[type=submit].delete:hover {
  background-color: darkred;
}
.actions .button i.far, .actions .button i.fas, .action.button i.far, .action.button i.fas, .action input[type=submit] i.far, .action input[type=submit] i.fas {
  margin-right: 0.6rem;
}

.action.button {
  margin: 1rem 0;
}

.actions .button {
  margin: 0 1rem 0 0;
}

.flash_info, .flash_error, .flash_warning {
  background-color: #80d5a6;
  padding: 1rem 2rem;
  margin-bottom: 1.5rem;
  border-radius: 10px;
}
.flash_info h3, .flash_error h3, .flash_warning h3 {
  text-align: left;
}

.flash_error {
  background-color: #f7c1be;
}

.flash_warning {
  background-color: #f8c471;
}

.flash_button_class {
  background-color: transparent;
  color: #333333;
  cursor: pointer;
}

.row-30-70 .entity_main_row:nth-of-type(1) {
  width: 30% !important;
}
.row-30-70 .entity_main_row:nth-of-type(2) {
  width: 70% !important;
}
.row-30-70 .entity_main_row:nth-of-type(3) {
  width: 0 !important;
}
.row-30-70 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-40-60 .entity_main_row:nth-of-type(1) {
  width: 40% !important;
}
.row-40-60 .entity_main_row:nth-of-type(2) {
  width: 60% !important;
}
.row-40-60 .entity_main_row:nth-of-type(3) {
  width: 0 !important;
}
.row-40-60 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-70-30 .entity_main_row:nth-of-type(1) {
  width: 70% !important;
}
.row-70-30 .entity_main_row:nth-of-type(2) {
  width: 30% !important;
}
.row-70-30 .entity_main_row:nth-of-type(3) {
  width: 0 !important;
}
.row-70-30 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-60-40 .entity_main_row:nth-of-type(1) {
  width: 60% !important;
}
.row-60-40 .entity_main_row:nth-of-type(2) {
  width: 40% !important;
}
.row-60-40 .entity_main_row:nth-of-type(3) {
  width: 0 !important;
}
.row-60-40 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-80-20 .entity_main_row:nth-of-type(1) {
  width: 80% !important;
}
.row-80-20 .entity_main_row:nth-of-type(2) {
  width: 20% !important;
}
.row-80-20 .entity_main_row:nth-of-type(3) {
  width: 0 !important;
}
.row-80-20 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-20-20-60 .entity_main_row:nth-of-type(1) {
  width: 20% !important;
}
.row-20-20-60 .entity_main_row:nth-of-type(2) {
  width: 20% !important;
}
.row-20-20-60 .entity_main_row:nth-of-type(3) {
  width: 60% !important;
}
.row-20-20-60 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-25-25-50 .entity_main_row:nth-of-type(1) {
  width: 25% !important;
}
.row-25-25-50 .entity_main_row:nth-of-type(2) {
  width: 25% !important;
}
.row-25-25-50 .entity_main_row:nth-of-type(3) {
  width: 50% !important;
}
.row-25-25-50 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-25-40-35 .entity_main_row:nth-of-type(1) {
  width: 25% !important;
}
.row-25-40-35 .entity_main_row:nth-of-type(2) {
  width: 40% !important;
}
.row-25-40-35 .entity_main_row:nth-of-type(3) {
  width: 35% !important;
}
.row-25-40-35 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-30-25-40-5 .entity_main_row:nth-of-type(1) {
  width: 30% !important;
}
.row-30-25-40-5 .entity_main_row:nth-of-type(2) {
  width: 25% !important;
}
.row-30-25-40-5 .entity_main_row:nth-of-type(3) {
  width: 40% !important;
}
.row-30-25-40-5 .entity_main_row:nth-of-type(4) {
  width: 5% !important;
}

.row-30-25-45 .entity_main_row:nth-of-type(1) {
  width: 30% !important;
}
.row-30-25-45 .entity_main_row:nth-of-type(2) {
  width: 25% !important;
}
.row-30-25-45 .entity_main_row:nth-of-type(3) {
  width: 45% !important;
}
.row-30-25-45 .entity_main_row:nth-of-type(4) {
  width: 0% !important;
}

.row-30-35-35 .entity_main_row:nth-of-type(1) {
  width: 30% !important;
}
.row-30-35-35 .entity_main_row:nth-of-type(2) {
  width: 35% !important;
}
.row-30-35-35 .entity_main_row:nth-of-type(3) {
  width: 35% !important;
}
.row-30-35-35 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-30-30-40 .entity_main_row:nth-of-type(1) {
  width: 30% !important;
}
.row-30-30-40 .entity_main_row:nth-of-type(2) {
  width: 30% !important;
}
.row-30-30-40 .entity_main_row:nth-of-type(3) {
  width: 40% !important;
}
.row-30-30-40 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-40-20-40 .entity_main_row:nth-of-type(1) {
  width: 40% !important;
}
.row-40-20-40 .entity_main_row:nth-of-type(2) {
  width: 20% !important;
}
.row-40-20-40 .entity_main_row:nth-of-type(3) {
  width: 40% !important;
}
.row-40-20-40 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-40-40-20 .entity_main_row:nth-of-type(1) {
  width: 40% !important;
}
.row-40-40-20 .entity_main_row:nth-of-type(2) {
  width: 40% !important;
}
.row-40-40-20 .entity_main_row:nth-of-type(3) {
  width: 20% !important;
}
.row-40-40-20 .entity_main_row:nth-of-type(4) {
  width: 0 !important;
}

.row-20-20-20-40 .entity_main_row:nth-of-type(1) {
  width: 20% !important;
}
.row-20-20-20-40 .entity_main_row:nth-of-type(2) {
  width: 20% !important;
}
.row-20-20-20-40 .entity_main_row:nth-of-type(3) {
  width: 20% !important;
}
.row-20-20-20-40 .entity_main_row:nth-of-type(4) {
  width: 40% !important;
}

.row-25-25-25-25 .entity_main_row:nth-of-type(1) {
  width: 25% !important;
}
.row-25-25-25-25 .entity_main_row:nth-of-type(2) {
  width: 25% !important;
}
.row-25-25-25-25 .entity_main_row:nth-of-type(3) {
  width: 25% !important;
}
.row-25-25-25-25 .entity_main_row:nth-of-type(4) {
  width: 25% !important;
}

.branding {
  background-color: white;
  width: 100%;
  text-align: center;
}
.branding img[alt="logo HumAnima asbl"] {
  width: 120px;
  margin: 1rem 1rem 0.5rem 1rem;
}
.branding h1 {
  margin: 0 1rem 0.5rem 1rem;
  color: #9b9696;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
}

.actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 812px) {
  .actions {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.not {
  color: #ed6a62;
  font-weight: 700;
}

.adopted {
  color: #59aa83;
  font-weight: 600;
}

.dead {
  color: #9b9696;
  font-weight: 700;
}

.yes {
  color: #3CB371;
}

nav {
  min-height: 100vh;
  z-index: 10;
  background: url("../img/motif_animaux.jpg");
  background-repeat: repeat;
  background-size: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
  width: 220px;
}
@media screen and (max-width: 1024px) {
  nav {
    width: 100%;
    min-height: auto;
    background: none;
    box-shadow: none;
  }
}

.menu {
  width: 100%;
  background-color: #9b9696;
  color: white;
  font-family: Quicksand;
  font-weight: 400;
  font-size: 18px;
}
.menu label.menu-mobile {
  line-height: 40px;
}
.menu input[type=checkbox] {
  display: none;
}
.menu input:checked + .menu-accordion {
  display: block;
}

.menu-accordion {
  background-color: #A5285F;
  color: white;
  font-family: Quicksand;
  width: 100%;
  padding: 0;
  font-weight: 400;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .menu-accordion {
    display: none;
  }
}
.menu-accordion .menu-has-sub {
  display: block;
  border-bottom: 1px solid #c47195;
  line-height: 40px;
  cursor: pointer;
}
.menu-accordion .menu-has-sub a {
  display: block;
  color: white;
}
.menu-accordion .menu-has-sub:hover {
  background-color: #c47195;
}
.menu-accordion .menu-has-sub label {
  cursor: pointer;
  display: block;
}
.menu-accordion .menu-has-sub .menu-sub > li {
  opacity: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  background-color: #f4f4f4;
}
.menu-accordion .menu-has-sub .menu-sub > li a {
  color: #333333;
}
.menu-accordion .menu-has-sub .menu-sub > li:hover {
  background-color: #edd4df;
}
.menu-accordion .menu-has-sub input[type=checkbox] {
  display: none;
}
.menu-accordion .menu-has-sub input:checked + .menu-sub > li {
  height: auto;
  line-height: 40px;
  opacity: 1;
}

nav i.fas {
  font-size: 18px;
  margin-right: 0.5rem;
  width: 50px;
  text-align: center;
}

nav i.fa-angle-down {
  margin-left: 0.5rem;
  width: auto;
  font-size: 14px;
}

.menu-filtres {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 812px) {
  .menu-filtres {
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 0.5rem;
  }
}
.menu-filtres .filtres {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
@media screen and (max-width: 812px) {
  .menu-filtres .filtres {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.5rem 0 0 0;
  }
}
.menu-filtres .filtres p {
  margin: 0;
  flex-shrink: 0;
  font-size: 12px;
  margin-right: 0.25rem;
}
.menu-filtres .filtres ul {
  list-style-image: none;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.25rem 0;
}
@media screen and (max-width: 812px) {
  .menu-filtres .filtres ul {
    justify-content: center;
  }
}
.menu-filtres .filtres ul li {
  background-color: #ffffff;
  border: solid 1px #edd4df;
  border-radius: 5px;
  margin: 0 0.15rem;
  padding: 0.5rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menu-filtres .filtres ul li.active_filter, .menu-filtres .filtres ul li:hover {
  background-color: #A5285F;
  border: solid 1px #A5285F;
  color: white;
}
.menu-filtres .filtres ul li h3 {
  font-weight: 700;
  font-size: 12px;
  margin-top: 0;
}

.entity_grid {
  /*display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.5rem 0 0 0;
}
.entity_grid .entity_block {
  background-color: white;
  box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin: 0 1rem 1rem 0;
  flex-shrink: 0;
  width: calc(33% - 1rem);
}
@media screen and (max-width: 1500px) {
  .entity_grid .entity_block {
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 1024px) {
  .entity_grid .entity_block {
    width: 100%;
    margin-right: 0;
  }
}
.entity_grid .entity_block h2 {
  background-color: #A5285F;
  color: white;
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.5rem 1rem;
}
.entity_grid .entity_block .entity_content {
  padding: 1rem 1.5rem;
  display: flex;
  flex-direction: column;
}
.entity_grid .entity_block .entity_content .action.button {
  align-self: flex-end;
  margin-right: 0;
}
.entity_grid .entity_block .entity_content .entity_readonly_input {
  background: #f4f4f4;
}
.entity_grid .entity_block .entity_content .entity_input_display_only {
  background: none;
  border: none;
  padding: 0;
}
.entity_grid .entity_block .entity_content .entity_main_row {
  display: flex;
  flex-direction: column;
  margin: 0.25rem 0;
}
.entity_grid .entity_block .entity_content .entity_sub_row {
  display: flex;
  flex-direction: row;
  margin: 0.25rem 0;
  flex-wrap: wrap;
}
.entity_grid .entity_block .entity_content .entity_sub_row .entity_main_row {
  margin: 0;
  padding-right: 0.5rem;
  width: 50%;
}
.entity_grid .entity_block .entity_content .entity_sub_row .entity_main_row:last-of-type {
  padding-right: 0;
}

#contact_data input, #data_type input {
  width: auto;
}
#contact_data select, #data_type select {
  margin-left: 0.5rem;
  width: auto;
}
#contact_data .entity_sub_row, #data_type .entity_sub_row {
  align-items: center;
}

#transfer_data label {
  margin-bottom: 0.5rem;
}

#health_data div.action.button {
  margin-top: 1rem;
}

#transfers_history, #transfers_to_add, #current_medications, #medications_to_add, #adoptions_history, #sponsoring_history, #adoption_to_add {
  width: auto;
}
@media screen and (max-width: 1024px) {
  #transfers_history, #transfers_to_add, #current_medications, #medications_to_add, #adoptions_history, #sponsoring_history, #adoption_to_add {
    width: 100%;
  }
}
#transfers_history .entity_sub_row, #transfers_to_add .entity_sub_row, #current_medications .entity_sub_row, #medications_to_add .entity_sub_row, #adoptions_history .entity_sub_row, #sponsoring_history .entity_sub_row, #adoption_to_add .entity_sub_row {
  flex-wrap: nowrap;
}

@media screen and (max-width: 1500px) {
  #transfers_history, #transfers_to_add {
    width: 100%;
  }
}

#user_modifications .entity_sub_row .entity_main_row {
  width: 100%;
}

.class_ok {
  color: #3CB371;
}

.class_nok {
  color: #ed6a62;
}

.table_container {
  margin: 1.5rem 0 0 0;
}
.table_container .table {
  border: 1px solid #c8c8c8;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 2rem;
}
.table_container .table thead {
  background-color: #c8c8c8;
  line-height: 2.5rem;
  font-family: Quicksand;
  font-size: 18px;
  cursor: pointer;
}
.table_container .table tbody tr:nth-child(even) {
  background-color: #f4f4f4;
}
.table_container .table tbody tr:nth-child(odd) {
  background-color: white;
}
.table_container .table tbody tr:hover {
  background-color: #edd4df;
}
.table_container .table tbody tr td {
  border-left: 1px solid #c8c8c8;
  overflow: hidden;
  padding: 0.25rem 1rem;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (max-width: 500px) {
  .table_container .table tbody tr td {
    padding: 0.25rem 0.25rem;
  }
}

.sub_action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Quicksand;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  padding-top: 22px;
}
.sub_action a {
  text-align: center;
  color: #ed6a62;
}
.sub_action a i.far, .sub_action a i.fas {
  margin-right: 0.3rem;
}
.sub_action a:hover {
  color: darkred;
}

sub_action_content {
  bottom: 0;
  height: 28px;
  position: absolute;
  right: 0;
  width: 98%;
}

.login {
  background: url("../img/motif_animaux_gris.jpg");
  background-repeat: repeat;
  background-size: 170px;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login .login_container {
  background-color: white;
  border-radius: 10px;
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login .login_container form {
  display: flex;
  flex-direction: column;
}
.login .login_container form input.button[type=submit] {
  margin-top: 1rem;
}

.dashboard {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dashboard .dashboard_block {
  background-color: white;
  box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin: 0 1rem 1rem 0;
  width: 32%;
}
@media screen and (max-width: 1280px) {
  .dashboard .dashboard_block {
    width: 48%;
  }
}
@media screen and (max-width: 1024px) {
  .dashboard .dashboard_block {
    width: 100%;
    margin-right: 0;
  }
}
.dashboard .dashboard_block h2 {
  background-color: #A5285F;
  color: white;
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.5rem 1rem;
}
.dashboard .dashboard_block .dashboard_row {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 0.2rem));
  grid-gap: 0.25rem;
  padding: 1rem;
  justify-items: center;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .dashboard .dashboard_block .dashboard_row {
    grid-template-columns: repeat(4, calc(25% - 0.15rem));
    align-items: flex-end;
  }
}
@media screen and (max-width: 500px) {
  .dashboard .dashboard_block .dashboard_row {
    grid-template-columns: repeat(2, calc(50% - 0.5rem));
    grid-gap: 1rem;
  }
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.5rem;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /*height: 72px;*/
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img {
  width: 80px;
  height: auto;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img.icon-no-animal {
  height: 50px;
  width: auto;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Chats"] {
  width: 86px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Chiens"] {
  width: 100px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Lapins"] {
  width: 60px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Furets"] {
  width: 73px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Cobayes"] {
  width: 62px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Hamsters"] {
  width: 48px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Rats"] {
  width: 60px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Autres"] {
  width: 56px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone À suivre"] {
  height: 40px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock div img[alt="icone Suivi en cours"] {
  height: 42px;
}
.dashboard .dashboard_block .dashboard_row .dashboard_subblock .number_block {
  background-color: #A5285F;
  color: white;
  text-align: center;
  border-radius: 10px;
  padding: 0.25rem 1rem;
  font-weight: 700;
  margin-top: 5px;
  font-family: Quicksand;
  font-size: 18px;
}
.dashboard .dashboard_block h2 span.number_block {
  margin-top: 0;
  background-color: white;
  color: #A5285F;
  font-size: 22px;
  border-radius: 10px;
  padding: 0.25rem 0.5rem;
  margin-left: 0.25rem;
}
.dashboard .dashboard_block.adopted h2 {
  background-color: #59aa83;
  color: white;
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.5rem 1rem;
}
.dashboard .dashboard_block.adopted .dashboard_row {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 0.2rem));
  grid-gap: 0.25rem;
  padding: 1rem;
  justify-items: center;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .dashboard .dashboard_block.adopted .dashboard_row {
    grid-template-columns: repeat(4, calc(25% - 0.15rem));
    align-items: flex-end;
  }
}
@media screen and (max-width: 500px) {
  .dashboard .dashboard_block.adopted .dashboard_row {
    grid-template-columns: repeat(2, calc(50% - 0.5rem));
    grid-gap: 1rem;
  }
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.5rem;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /*height: 72px;*/
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img {
  width: 80px;
  height: auto;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img.icon-no-animal {
  height: 50px;
  width: auto;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Chats"] {
  width: 86px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Chiens"] {
  width: 100px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Lapins"] {
  width: 60px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Furets"] {
  width: 73px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Cobayes"] {
  width: 62px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Hamsters"] {
  width: 48px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Rats"] {
  width: 60px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Autres"] {
  width: 56px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone À suivre"] {
  height: 40px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock div img[alt="icone Suivi en cours"] {
  height: 42px;
}
.dashboard .dashboard_block.adopted .dashboard_row .dashboard_subblock .number_block {
  background-color: #59aa83;
  color: white;
  text-align: center;
  border-radius: 10px;
  padding: 0.25rem 1rem;
  font-weight: 700;
  margin-top: 5px;
  font-family: Quicksand;
  font-size: 18px;
}
.dashboard .dashboard_block.adopted h2 span.number_block {
  margin-top: 0;
  background-color: white;
  color: #59aa83;
  font-size: 22px;
  border-radius: 10px;
  padding: 0.25rem 0.5rem;
  margin-left: 0.25rem;
}
.dashboard .dashboard_block.dead h2 {
  background-color: #9b9696;
  color: white;
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.5rem 1rem;
}
.dashboard .dashboard_block.dead .dashboard_row {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 0.2rem));
  grid-gap: 0.25rem;
  padding: 1rem;
  justify-items: center;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .dashboard .dashboard_block.dead .dashboard_row {
    grid-template-columns: repeat(4, calc(25% - 0.15rem));
    align-items: flex-end;
  }
}
@media screen and (max-width: 500px) {
  .dashboard .dashboard_block.dead .dashboard_row {
    grid-template-columns: repeat(2, calc(50% - 0.5rem));
    grid-gap: 1rem;
  }
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.5rem;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /*height: 72px;*/
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img {
  width: 80px;
  height: auto;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img.icon-no-animal {
  height: 50px;
  width: auto;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Chats"] {
  width: 86px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Chiens"] {
  width: 100px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Lapins"] {
  width: 60px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Furets"] {
  width: 73px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Cobayes"] {
  width: 62px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Hamsters"] {
  width: 48px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Rats"] {
  width: 60px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Autres"] {
  width: 56px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone À suivre"] {
  height: 40px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock div img[alt="icone Suivi en cours"] {
  height: 42px;
}
.dashboard .dashboard_block.dead .dashboard_row .dashboard_subblock .number_block {
  background-color: #9b9696;
  color: white;
  text-align: center;
  border-radius: 10px;
  padding: 0.25rem 1rem;
  font-weight: 700;
  margin-top: 5px;
  font-family: Quicksand;
  font-size: 18px;
}
.dashboard .dashboard_block.dead h2 span.number_block {
  margin-top: 0;
  background-color: white;
  color: #9b9696;
  font-size: 22px;
  border-radius: 10px;
  padding: 0.25rem 0.5rem;
  margin-left: 0.25rem;
}

/*# sourceMappingURL=style.css.map */