@import url(https://fonts.googleapis.com/css?family=Nunito);
/* @import '~bootstrap/scss/bootstrap'; */
#login .container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#login .container .row {
  width: 100%;
}
#login .container .row .card-header {
  text-align: center;
  font-size: 1.5rem;
  background-color: whitesmoke;
}

/* Common */
a {
  text-decoration: none;
  color: white;
}

.fa-solid.fa-arrow-up:hover,
.fa-solid.fa-arrow-down:hover {
  cursor: pointer;
}

.modali_custom {
  z-index: 1500;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0000005c;
}
.modali_custom .modal_dialog {
  position: relative;
  top: 25vh;
  left: 40%;
  max-width: 25vw;
}

#modale_ar .modal_dialog,
#modale_ar_video .modal_dialog {
  position: relative;
  top: 15vh;
  left: 25vw;
  max-width: 50vw;
}

#modale_add_image.modali_custom .modal_dialog {
  position: relative;
  top: 10vh;
  left: 30%;
  max-width: 45vw;
}

.fa-chevron-down:before {
  content: "\f077";
}

.fa-chevron-down.collapsed:before {
  content: "\f078";
}

.fa-circle-xmark {
  font-size: 1.35rem;
}