/* Icon sizes */

.icon {
  width: 21px !important;
  height: 21px !important;
  background-size: 21px !important;
}
@media (max-width: 594px){
  .icon {
    width: 42px !important;
  }
}
.icon-xl {
  width: 37px !important;
  height: 36px !important;
  background-size: 37px !important;
}

.icon-l {
  width: 30px !important;
  height: 30px !important;
  background-size: 30px !important;
}

.icon-md {
  width: 40px !important;
  height: 30px !important;
  background-size: 25px !important;
}

.icon-sm-2 {
  width: 17px !important;
  height: 17px !important;
  background-size: 17px !important;
}

.icon-sm {
  width: 14px !important;
  height: 20px !important;
  background-size: 15px !important;
}

.icon-xs {
  width: 10px !important;
  height: 8px !important;
  background-size: 10px !important;
}

/* Specific icons */
.icon-black {
  /* stroke: black; */
  color: black;
}

.icon-white {
  /* stroke: white; */
  color: white;
}

.icon-gray {
  /* stroke: gray; */
  color: gray;
}

.icon-plus,
.icon-minus {
  border-radius: 20px;
  padding: 10px;
  width: 10px;
}

.icon-decoration-ko,
.icon-decoration-ok {
  border-radius: 25px;
  padding: 8px;
  width: 48px;
}

.icon-decoration-ko {
  border: 2px solid #D0021B;
}

.icon-decoration-ok {
  border: 2px solid #64D23C;
}

.icon-star {
  fill: #FFC310 !important;
}

/* Every svg */

.icon-avatar {
  background: url('../svg/generic/avatar.svg') no-repeat;
}

.icon-bars {
  background: url('../svg/generic/bars.svg') no-repeat;
}

.icon-check {
  background: url('../svg/generic/check.svg') no-repeat;
}

.icon-checkbox-off {
  background: url('../svg/generic/checkbox_off.svg') no-repeat;
}
@media (max-width: 375px){
  .conditions-content .icon-checkbox-off,
  .conditions-content .icon-checkbox-on
  {
    width: 64px !important;
  }
}
.icon-checkbox-on {
  background: url('../svg/generic/checkbox_on.svg') no-repeat;
}

.icon-cross {
  background: url('../svg/generic/cross.svg') no-repeat;
}

.icon-hotel {
  background: url('../svg/generic/hotel.svg') no-repeat;
}

.icon-red-cross {
  background: url('../svg/generic/red_cross.svg') no-repeat;
}

.icon-search {
  background: url('../svg/generic/search.svg') no-repeat;
}

.icon-search-white {
  background: url('../svg/generic/search_white.svg') no-repeat;
}