.left-cover {
  /* background-image: url("assets_signup/img/header-bg@2x.png"); */
  background-size: cover;
  background-repeat: no-repeat;
}

.primary-color {
  color: #4f7abb;
}

.app-cover-italien {
  background-image: url(./index/img/image_cover_it.png);
  background-position: right;
  background-size: 89.5%;
  background-repeat: no-repeat;
  height: 55%;
  width: 97%;
  
}
.app-cover-espagnol {
  background-image: url(./index/img/image_cover_es.png);
  background-position: right;
  background-size: 89.5%;
  background-repeat: no-repeat;
  height: 55%;
  width: 97%;

}
.app-cover-portugal {
  background-image: url(./index/img/image_cover_pt.png);
  background-position: right;
  background-size: 89.5%;
  background-repeat: no-repeat;
  height: 55%;
  width: 97%;

}
.app-cover-de {
  background-image: url(./index/img/image_cover_12.png);
  background-position: right;
  background-size: 89.5%;
  background-repeat: no-repeat;
  height: 55%;
  width: 97%;

}
.app-cover{
  background-image: url(./index/img/image_cover_12.png);
  background-position: right;
  background-size: 89.5%;
  background-repeat: no-repeat;
  height: 55%;
  width: 97%;
}
.app-cover-anglais{
  background-image: url(./index/img/image_cover_en.png);
  background-position: right;
  background-size: 89.5%;
  background-repeat: no-repeat;
  height: 55%;
  width: 97%;
}

/* .overlay {
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0.22;
  z-index: 2;
} */
.cover-content {
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
}
input {
  height: 3.5em !important;
  border-radius: 2em !important;
  padding: 1.2em !important;
  color: #000;
  background-color: #fff;
  margin-bottom: 1px !important;
  text-decoration: none;
  font-style: normal !important;
  font-family: "Open Sans", sans-serif !important;
}
select {
  outline: none !important;
  height: 3.7em !important;
  border-radius: 2em !important;
  padding: 1em !important;
}
.error {
  color: red;
}
input.error {
  borer: 1px solid #dee2e6 !important;
  border-color: #dc3545 !important;
}
/* input[type='checkbox'].error{
  display: ;
} */
img.emojione {
  margin: 0px !important;
  display: inline !important;
}
.emoji-container {
  font-size: 5rem;
}

optgroup {
  font-size: 40px;
}

#selectCenter {
  text-align: center;
}

.border-radius {
  border-radius: 2em !important;
}

.filter-option {
  display: flex;

  font-size: 1.3rem;
  justify-content: center;
  text-align: center;
  align-items: center;
  margin-left: 10%;
  outline: none;
}
.dropdown-toggle {
  margin: 0 auto;
  height: 100% !important;
  text-align: center;
  border-radius: 2.6em !important;
}

.bootstrap-select {
  text-align: center;
  display: block;
  height: 3.6rem;
  width: 118% !important;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.dropdown-menu {
  border-radius: 1.2rem !important;
}

@media (min-width: 320px) {
  .bootstrap-select {
    width: 170% !important;
  }
}
@media (min-width: 480px) {
  .bootstrap-select {
    width: 170% !important;
  }
}
@media (min-width: 600px) {
  .bootstrap-select {
    width: 120% !important;
  }
}
@media (min-width: 801px) {
  .bootstrap-select {
    width: 120% !important;
  }
}
@media (min-width: 1025px) {
  .bootstrap-select {
    width: 120% !important;
  }
}
@media (min-width: 1281px) {
  .bootstrap-select {
    width: 120% !important;
  }
}
/* input[type="date"]::-webkit-input-placeholder,
select {
  color: #c3c3c3 !important;
  font-size: 1em;
}
input[type="date"]:-moz-placeholder,
select {
  /* Firefox 18- */
  color: #c3c3c3;
  font-size: 1em;
}
input[type="date"]::-moz-placeholder,
select {
  /* Firefox 19+ */
  color: #c3c3c3;
  font-size: 1em;
}
input[type="date"]:-ms-input-placeholder,
select {
  color: #c3c3c3;
  font-size: 1em;
} */