* {
  font-family: "Poppins", sans-serif;
}
.w-fit {
  width: fit-content;
}
.font-10 {
  font-size: 10px;
}
@media (min-width: 768px) {
  .font-10 {
    font-size: 12px;
  }
}
.font-12 {
  font-size: 12px;
}
@media (min-width: 768px) {
  .font-12 {
    font-size: 14px;
  }
}
.font-14 {
  font-size: 14px;
}
@media (min-width: 768px) {
  .font-14 {
    font-size: 16px;
  }
}
.font-15 {
  font-size: 15px;
}
@media (min-width: 768px) {
  .font-15 {
    font-size: 17px;
  }
}
.font-16 {
  font-size: 16px;
}
@media (min-width: 768px) {
  .font-16 {
    font-size: 18px;
  }
}
.font-18 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .font-18 {
    font-size: 20px;
  }
}
.font-20 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .font-20 {
    font-size: 24px;
  }
}
.font-21 {
  font-size: 21px;
}
@media (min-width: 768px) {
  .font-21 {
    font-size: 23px;
  }
}
.font-22 {
  font-size: 22px;
}
@media (min-width: 768px) {
  .font-22 {
    font-size: 30px;
  }
}
.font-24 {
  font-size: 24px;
}
@media (min-width: 768px) {
  .font-24 {
    font-size: 32px;
  }
}
.font-28 {
  font-size: 28px;
}
@media (min-width: 768px) {
  .font-28 {
    font-size: 30px;
  }
}
.font-30 {
  font-size: 30px;
}
@media (min-width: 768px) {
  .font-30 {
    font-size: 32px;
  }
}
.font-32 {
  font-size: 32px;
}
@media (min-width: 768px) {
  .font-32 {
    font-size: 34px;
  }
}
.font-36 {
  font-size: 36px;
}
@media (min-width: 768px) {
  .font-36 {
    font-size: 38px;
  }
}
.font-40 {
  font-size: 40px;
}
@media (min-width: 768px) {
  .font-40 {
    font-size: 42px;
  }
}
.font-48 {
  font-size: 48px;
}
@media (min-width: 768px) {
  .font-48 {
    font-size: 50px;
  }
}
.font-50 {
  font-size: 50px;
}
@media (min-width: 768px) {
  .font-50 {
    font-size: 52px;
  }
}
.font-60 {
  font-size: 60px;
}
@media (min-width: 768px) {
  .font-60 {
    font-size: 62px;
  }
}
.font-70 {
  font-size: 70px;
}
@media (min-width: 768px) {
  .font-70 {
    font-size: 72px;
  }
}
.font-80 {
  font-size: 80px;
}
@media (min-width: 768px) {
  .font-80 {
    font-size: 82px;
  }
}
.font-90 {
  font-size: 90px;
}
@media (min-width: 768px) {
  .font-90 {
    font-size: 92px;
  }
}
.font-100 {
  font-size: 100px;
}
@media (min-width: 768px) {
  .font-100 {
    font-size: 102px;
  }
}
.font-120 {
  font-size: 120px;
}
@media (min-width: 768px) {
  .font-120 {
    font-size: 122px;
  }
}
.font-150 {
  font-size: 150px;
}
@media (min-width: 768px) {
  .font-150 {
    font-size: 152px;
  }
}
.text_AEB1BC {
  color: #aeb1bc !important;
}
.svg_AEB1BC svg,
.svg_AEB1BC svg path {
  stroke: #aeb1bc;
}
.bg_AEB1BC {
  background-color: #aeb1bc !important;
}
.border_AEB1BC {
  border-color: #aeb1bc !important;
}
.text_5E1664 {
  color: #5e1664 !important;
}
.svg_5E1664 svg,
.svg_5E1664 svg path {
  stroke: #5e1664;
}
.bg_5E1664 {
  background-color: #5e1664 !important;
}
.border_5E1664 {
  border-color: #5e1664 !important;
}
.text_FAFAFA {
  color: #fafafa !important;
}
.svg_FAFAFA svg,
.svg_FAFAFA svg path {
  stroke: #fafafa;
}
.bg_FAFAFA {
  background-color: #fafafa !important;
}
.border_FAFAFA {
  border-color: #fafafa !important;
}
.text_330C36 {
  color: #330c36 !important;
}
.svg_330C36 svg,
.svg_330C36 svg path {
  stroke: #330c36;
}
.bg_330C36 {
  background-color: #330c36 !important;
}
.border_330C36 {
  border-color: #330c36 !important;
}
.text_5A5F6E {
  color: #5A5F6E !important;
}
.svg_5A5F6E svg,
.svg_5A5F6E svg path {
  stroke: #5A5F6E;
}
.bg_5A5F6E {
  background-color: #5A5F6E !important;
}
.border_5A5F6E {
  border-color: #5A5F6E !important;
}
.text_888888 {
  color: #888888 !important;
}
.svg_888888 svg,
.svg_888888 svg path {
  stroke: #888888;
}
.bg_888888 {
  background-color: #888888 !important;
}
.border_888888 {
  border-color: #888888 !important;
}
.text_B1B1B1 {
  color: #B1B1B1 !important;
}
.svg_B1B1B1 svg,
.svg_B1B1B1 svg path {
  stroke: #B1B1B1;
}
.bg_B1B1B1 {
  background-color: #B1B1B1 !important;
}
.border_B1B1B1 {
  border-color: #B1B1B1 !important;
}
.text_848999 {
  color: #848999 !important;
}
.svg_848999 svg,
.svg_848999 svg path {
  stroke: #848999;
}
.bg_848999 {
  background-color: #848999 !important;
}
.border_848999 {
  border-color: #848999 !important;
}
.text_828282 {
  color: #828282 !important;
}
.svg_828282 svg,
.svg_828282 svg path {
  stroke: #828282;
}
.bg_828282 {
  background-color: #828282 !important;
}
.border_828282 {
  border-color: #828282 !important;
}
.text_00406B {
  color: #00406B !important;
}
.svg_00406B svg,
.svg_00406B svg path {
  stroke: #00406B;
}
.bg_00406B {
  background-color: #00406B !important;
}
.border_00406B {
  border-color: #00406B !important;
}
.text_D6EFFF {
  color: #D6EFFF !important;
}
.svg_D6EFFF svg,
.svg_D6EFFF svg path {
  stroke: #D6EFFF;
}
.bg_D6EFFF {
  background-color: #D6EFFF !important;
}
.border_D6EFFF {
  border-color: #D6EFFF !important;
}
.text_0DAE8E {
  color: #0DAE8E !important;
}
.svg_0DAE8E svg,
.svg_0DAE8E svg path {
  stroke: #0DAE8E;
}
.bg_0DAE8E {
  background-color: #0DAE8E !important;
}
.border_0DAE8E {
  border-color: #0DAE8E !important;
}
.text_E73E22 {
  color: #E73E22 !important;
}
.svg_E73E22 svg,
.svg_E73E22 svg path {
  stroke: #E73E22;
}
.bg_E73E22 {
  background-color: #E73E22 !important;
}
.border_E73E22 {
  border-color: #E73E22 !important;
}
.text_F1F2F3 {
  color: #F1F2F3 !important;
}
.svg_F1F2F3 svg,
.svg_F1F2F3 svg path {
  stroke: #F1F2F3;
}
.bg_F1F2F3 {
  background-color: #F1F2F3 !important;
}
.border_F1F2F3 {
  border-color: #F1F2F3 !important;
}
.text_EEEBEB {
  color: #EEEBEB !important;
}
.svg_EEEBEB svg,
.svg_EEEBEB svg path {
  stroke: #EEEBEB;
}
.bg_EEEBEB {
  background-color: #EEEBEB !important;
}
.border_EEEBEB {
  border-color: #EEEBEB !important;
}
.text_B3B3B3 {
  color: #B3B3B3 !important;
}
.svg_B3B3B3 svg,
.svg_B3B3B3 svg path {
  stroke: #B3B3B3;
}
.bg_B3B3B3 {
  background-color: #B3B3B3 !important;
}
.border_B3B3B3 {
  border-color: #B3B3B3 !important;
}
.text_ECECE9 {
  color: #ECECE9 !important;
}
.svg_ECECE9 svg,
.svg_ECECE9 svg path {
  stroke: #ECECE9;
}
.bg_ECECE9 {
  background-color: #ECECE9 !important;
}
.border_ECECE9 {
  border-color: #ECECE9 !important;
}
.text_00ACA7 {
  color: #00ACA7 !important;
}
.svg_00ACA7 svg,
.svg_00ACA7 svg path {
  stroke: #00ACA7;
}
.bg_00ACA7 {
  background-color: #00ACA7 !important;
}
.border_00ACA7 {
  border-color: #00ACA7 !important;
}
.text_605F51 {
  color: #605F51 !important;
}
.svg_605F51 svg,
.svg_605F51 svg path {
  stroke: #605F51;
}
.bg_605F51 {
  background-color: #605F51 !important;
}
.border_605F51 {
  border-color: #605F51 !important;
}
.text_878787 {
  color: #878787 !important;
}
.svg_878787 svg,
.svg_878787 svg path {
  stroke: #878787;
}
.bg_878787 {
  background-color: #878787 !important;
}
.border_878787 {
  border-color: #878787 !important;
}
.text_EA5B0C {
  color: #EA5B0C !important;
}
.svg_EA5B0C svg,
.svg_EA5B0C svg path {
  stroke: #EA5B0C;
}
.bg_EA5B0C {
  background-color: #EA5B0C !important;
}
.border_EA5B0C {
  border-color: #EA5B0C !important;
}
.text_EF7875 {
  color: #EF7875 !important;
}
.svg_EF7875 svg,
.svg_EF7875 svg path {
  stroke: #EF7875;
}
.bg_EF7875 {
  background-color: #EF7875 !important;
}
.border_EF7875 {
  border-color: #EF7875 !important;
}
.text_1DA5D1 {
  color: #1DA5D1 !important;
}
.svg_1DA5D1 svg,
.svg_1DA5D1 svg path {
  stroke: #1DA5D1;
}
.bg_1DA5D1 {
  background-color: #1DA5D1 !important;
}
.border_1DA5D1 {
  border-color: #1DA5D1 !important;
}
.text_6D6D6D {
  color: #6D6D6D !important;
}
.svg_6D6D6D svg,
.svg_6D6D6D svg path {
  stroke: #6D6D6D;
}
.bg_6D6D6D {
  background-color: #6D6D6D !important;
}
.border_6D6D6D {
  border-color: #6D6D6D !important;
}
.text_848484 {
  color: #848484 !important;
}
.svg_848484 svg,
.svg_848484 svg path {
  stroke: #848484;
}
.bg_848484 {
  background-color: #848484 !important;
}
.border_848484 {
  border-color: #848484 !important;
}
.text_A0A0A0 {
  color: #A0A0A0 !important;
}
.svg_A0A0A0 svg,
.svg_A0A0A0 svg path {
  stroke: #A0A0A0;
}
.bg_A0A0A0 {
  background-color: #A0A0A0 !important;
}
.border_A0A0A0 {
  border-color: #A0A0A0 !important;
}
.text_20B2AA {
  color: #20B2AA !important;
}
.svg_20B2AA svg,
.svg_20B2AA svg path {
  stroke: #20B2AA;
}
.bg_20B2AA {
  background-color: #20B2AA !important;
}
.border_20B2AA {
  border-color: #20B2AA !important;
}
.text_FBBA00 {
  color: #FBBA00 !important;
}
.svg_FBBA00 svg,
.svg_FBBA00 svg path {
  stroke: #FBBA00;
}
.bg_FBBA00 {
  background-color: #FBBA00 !important;
}
.border_FBBA00 {
  border-color: #FBBA00 !important;
}
.text_A9A9A9 {
  color: #A9A9A9 !important;
}
.svg_A9A9A9 svg,
.svg_A9A9A9 svg path {
  stroke: #A9A9A9;
}
.bg_A9A9A9 {
  background-color: #A9A9A9 !important;
}
.border_A9A9A9 {
  border-color: #A9A9A9 !important;
}
.text_FCFCFC {
  color: #fcfcfc !important;
}
.svg_FCFCFC svg,
.svg_FCFCFC svg path {
  stroke: #fcfcfc;
}
.bg_FCFCFC {
  background-color: #fcfcfc !important;
}
.border_FCFCFC {
  border-color: #fcfcfc !important;
}
.text_DCDCDC {
  color: #DCDCDC !important;
}
.svg_DCDCDC svg,
.svg_DCDCDC svg path {
  stroke: #DCDCDC;
}
.bg_DCDCDC {
  background-color: #DCDCDC !important;
}
.border_DCDCDC {
  border-color: #DCDCDC !important;
}
.text_606060 {
  color: #606060 !important;
}
.svg_606060 svg,
.svg_606060 svg path {
  stroke: #606060;
}
.bg_606060 {
  background-color: #606060 !important;
}
.border_606060 {
  border-color: #606060 !important;
}
.icon-10 {
  width: 10px !important;
  height: 10px !important;
}
.icon-12 {
  width: 12px !important;
  height: 12px !important;
}
.icon-14 {
  width: 14px !important;
  height: 14px !important;
}
.icon-15 {
  width: 15px !important;
  height: 15px !important;
}
.icon-16 {
  width: 16px !important;
  height: 16px !important;
}
.icon-18 {
  width: 18px !important;
  height: 18px !important;
}
.icon-20 {
  width: 20px !important;
  height: 20px !important;
}
.icon-21 {
  width: 21px !important;
  height: 21px !important;
}
.icon-22 {
  width: 22px !important;
  height: 22px !important;
}
.icon-24 {
  width: 24px !important;
  height: 24px !important;
}
.icon-28 {
  width: 28px !important;
  height: 28px !important;
}
.icon-30 {
  width: 30px !important;
  height: 30px !important;
}
.icon-32 {
  width: 32px !important;
  height: 32px !important;
}
.icon-36 {
  width: 36px !important;
  height: 36px !important;
}
.icon-40 {
  width: 40px !important;
  height: 40px !important;
}
.icon-48 {
  width: 48px !important;
  height: 48px !important;
}
.icon-50 {
  width: 50px !important;
  height: 50px !important;
}
.icon-60 {
  width: 60px !important;
  height: 60px !important;
}
.icon-70 {
  width: 70px !important;
  height: 70px !important;
}
.icon-80 {
  width: 80px !important;
  height: 80px !important;
}
.icon-90 {
  width: 90px !important;
  height: 90px !important;
}
.icon-100 {
  width: 100px !important;
  height: 100px !important;
}
.icon-120 {
  width: 120px !important;
  height: 120px !important;
}
.icon-150 {
  width: 150px !important;
  height: 150px !important;
}
button:disabled {
  border: #AEB1BC !important;
  color: #848999 !important;
  background-color: #AEB1BC !important;
  pointer-events: none;
}
.form-control:disabled,
.form-control:read-only {
  background-color: #DCDCDC !important;
  opacity: 1;
  color: #606060 !important;
}
.button_bg_5E1664 {
  background-color: #5e1664;
  color: white;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #5e1664;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_bg_5E1664::first-letter {
  text-transform: uppercase;
}
.button_bg_5E1664 svg,
.button_bg_5E1664 svg path {
  fill: white;
  stroke: white;
}
.button_bg_5E1664:hover {
  background-color: #48044E;
  color: white;
}
.button_bg_5E1664:active {
  background-color: #3C0441;
}
.button_bg_00ACA7 {
  background-color: #00ACA7;
  color: white;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #00ACA7;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_bg_00ACA7::first-letter {
  text-transform: uppercase;
}
.button_bg_00ACA7 svg,
.button_bg_00ACA7 svg path {
  fill: white;
  stroke: white;
}
.button_bg_00ACA7:hover {
  background-color: #05807D;
  color: white;
}
.button_bg_00ACA7:active {
  background-color: #0A6564;
}
.button_bg_605F51 {
  background-color: #605F51;
  color: white;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #605F51;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_bg_605F51::first-letter {
  text-transform: uppercase;
}
.button_bg_605F51 svg,
.button_bg_605F51 svg path {
  fill: white;
  stroke: white;
}
.button_bg_605F51:hover {
  background-color: #4B4B40;
  color: white;
}
.button_bg_605F51:active {
  background-color: #3E3E36;
}
.button_bg_00406B {
  background-color: #00406B;
  color: white;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #00406B;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_bg_00406B::first-letter {
  text-transform: uppercase;
}
.button_bg_00406B svg,
.button_bg_00406B svg path {
  fill: white;
  stroke: white;
}
.button_bg_00406B:hover {
  background-color: #002E51;
  color: white;
}
.button_bg_00406B:active {
  background-color: #002E51;
}
.button_font_5E1664 {
  background-color: transparent;
  color: #5e1664;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #5e1664;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_font_5E1664::first-letter {
  text-transform: uppercase;
}
.button_font_5E1664 svg,
.button_font_5E1664 svg path {
  fill: #5e1664;
  stroke: #5e1664;
}
.button_font_5E1664:hover {
  color: #5e1664;
  background-color: #F0E4F2;
}
.button_font_5E1664:active {
  color: #5e1664;
  background-color: #F0E4F2;
}
.button_font_00ACA7 {
  background-color: transparent;
  color: #00ACA7;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #00ACA7;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_font_00ACA7::first-letter {
  text-transform: uppercase;
}
.button_font_00ACA7 svg,
.button_font_00ACA7 svg path {
  fill: #00ACA7;
  stroke: #00ACA7;
}
.button_font_00ACA7:hover {
  color: #00ACA7;
  background-color: #E1F4F3;
}
.button_font_00ACA7:active {
  color: #00ACA7;
  background-color: #E1F4F3;
}
.button_font_605F51 {
  background-color: transparent;
  color: #605F51;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #605F51;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_font_605F51::first-letter {
  text-transform: uppercase;
}
.button_font_605F51 svg,
.button_font_605F51 svg path {
  fill: #605F51;
  stroke: #605F51;
}
.button_font_605F51:hover {
  color: #605F51;
  background-color: #ECECE9;
}
.button_font_605F51:active {
  color: #605F51;
  background-color: #ECECE9;
}
.button_font_00406B {
  background-color: transparent;
  color: #00406B;
  padding: 5.5px 14px;
  border-radius: 40px;
  border: 1px solid #00406B;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.button_font_00406B::first-letter {
  text-transform: uppercase;
}
.button_font_00406B svg,
.button_font_00406B svg path {
  fill: #00406B;
  stroke: #00406B;
}
.button_font_00406B:hover {
  color: #00406B;
  background-color: #D6EFFF;
}
.button_font_00406B:active {
  color: #00406B;
  background-color: #D6EFFF;
}
.header-ijconnect {
  height: 100px;
}
#loader {
  position: fixed;
  z-index: 9999;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Optional fade-out animation */
#loader.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
.logo__button__message {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__message::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/message.svg");
}
.logo__button__notification {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__notification::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/notification.svg");
}
.logo__button__burger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__burger::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/burger.svg");
}
.logo__button__qr_code {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__qr_code::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/qr-code.svg");
}
.logo__button__eye {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__eye::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/eye.svg");
}
.logo__button__crossed_lines {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__crossed_lines::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/crossed_lines.svg");
}
.logo__button__edit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__edit::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/edit.svg");
}
.logo__button__delete {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__delete::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/delete.svg");
}
.logo__button__pending {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__pending::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/pending.svg");
}
.logo__button__camera {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__camera::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/camera.svg");
}
.logo__button__check {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__check::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/check.svg");
}
.logo__button__share {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__share::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/share.svg");
}
.logo__button__printer {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__printer::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/printer.svg");
}
.logo__button__sms {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__sms::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/sms.svg");
}
.logo__button__reload {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__reload::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/reload.svg");
}
.logo__button__arrow_right_white {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__arrow_right_white::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/arrow-right-white.svg");
}
.logo__button__eye_private {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__eye_private::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/eye_private.svg");
}
.logo__button__calendar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__calendar::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/calendar.svg");
}
.logo__button__clock {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__clock::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/clock.svg");
}
.logo__button__location {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__location::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/location.svg");
}
.logo__button__profile {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__profile::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/profile.svg");
}
.logo__button__upload {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__upload::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/upload.svg");
}
.logo__button__document_text {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__document_text::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/document_text.svg");
}
.logo__button__trash {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__trash::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/trash.svg");
}
.logo__button__share_dark {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__share_dark::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/share_dark.svg");
}
.logo__button__search {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__search::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/search.svg");
}
.logo__button__email {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__email::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/email.svg");
}
.logo__button__arrow_right {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__arrow_right::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/arrow-right.svg");
}
.logo__button__document_white {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__document_white::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/document_white.svg");
}
.logo__button__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__link::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/link.svg");
}
.logo__button__briefcase {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__briefcase::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/briefcase.svg");
}
.logo__button__phone {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__phone::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/phone.svg");
}
.logo__button__location_light {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__location_light::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/location_light.svg");
}
.logo__button__arrow_short_right {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__arrow_short_right::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/arrow_short_right.svg");
}
.logo__button__arrow_short_left {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__arrow_short_left::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/arrow_short_left.svg");
}
.logo__button__profile_light {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__profile_light::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/profile_light.svg");
}
.logo__button__arrow_thin_right_white {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__arrow_thin_right_white::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/arrow-thin-right-white.svg");
}
.logo__button__upload_green {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__upload_green::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/upload_green.svg");
}
.logo__button__add_green {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__add_green::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/add_green.svg");
}
.logo__button__reload_black {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__reload_black::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/reload_black.svg");
}
.logo__button__export {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__export::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/export.svg");
}
.logo__button__export_white {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__export_white::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/export_white.svg");
}
.logo__button__three_dots {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__three_dots::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/three_dots.svg");
}
.logo__button__logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__logo::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/logo.svg");
}
.logo__button__exclamation {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__exclamation::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/exclamation.svg");
}
.logo__button__plus_thin_white {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__plus_thin_white::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/plus_thin_white.svg");
}
.icon-h-10::before {
  height: 10px !important;
}
.icon-h-12::before {
  height: 12px !important;
}
.icon-h-14::before {
  height: 14px !important;
}
.icon-h-15::before {
  height: 15px !important;
}
.icon-h-16::before {
  height: 16px !important;
}
.icon-h-18::before {
  height: 18px !important;
}
.icon-h-20::before {
  height: 20px !important;
}
.icon-h-21::before {
  height: 21px !important;
}
.icon-h-22::before {
  height: 22px !important;
}
.icon-h-24::before {
  height: 24px !important;
}
.icon-h-28::before {
  height: 28px !important;
}
.icon-h-30::before {
  height: 30px !important;
}
.icon-h-32::before {
  height: 32px !important;
}
.icon-h-36::before {
  height: 36px !important;
}
.icon-h-40::before {
  height: 40px !important;
}
.icon-h-48::before {
  height: 48px !important;
}
.icon-h-50::before {
  height: 50px !important;
}
.icon-h-60::before {
  height: 60px !important;
}
.icon-h-70::before {
  height: 70px !important;
}
.icon-h-80::before {
  height: 80px !important;
}
.icon-h-90::before {
  height: 90px !important;
}
.icon-h-100::before {
  height: 100px !important;
}
.icon-h-120::before {
  height: 120px !important;
}
.icon-h-150::before {
  height: 150px !important;
}
.icon-w-10::before {
  width: 10px !important;
}
.icon-w-12::before {
  width: 12px !important;
}
.icon-w-14::before {
  width: 14px !important;
}
.icon-w-15::before {
  width: 15px !important;
}
.icon-w-16::before {
  width: 16px !important;
}
.icon-w-18::before {
  width: 18px !important;
}
.icon-w-20::before {
  width: 20px !important;
}
.icon-w-21::before {
  width: 21px !important;
}
.icon-w-22::before {
  width: 22px !important;
}
.icon-w-24::before {
  width: 24px !important;
}
.icon-w-28::before {
  width: 28px !important;
}
.icon-w-30::before {
  width: 30px !important;
}
.icon-w-32::before {
  width: 32px !important;
}
.icon-w-36::before {
  width: 36px !important;
}
.icon-w-40::before {
  width: 40px !important;
}
.icon-w-48::before {
  width: 48px !important;
}
.icon-w-50::before {
  width: 50px !important;
}
.icon-w-60::before {
  width: 60px !important;
}
.icon-w-70::before {
  width: 70px !important;
}
.icon-w-80::before {
  width: 80px !important;
}
.icon-w-90::before {
  width: 90px !important;
}
.icon-w-100::before {
  width: 100px !important;
}
.icon-w-120::before {
  width: 120px !important;
}
.icon-w-150::before {
  width: 150px !important;
}
.logo__button__footer__twitter {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: cover;
  /* or contain */
  background-image: url("../images/logo/footer/twitter.svg");
}
.logo__button__footer__insta {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: cover;
  /* or contain */
  background-image: url("../images/logo/footer/insta.svg");
}
.logo__button__footer__linkedin {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: cover;
  /* or contain */
  background-image: url("../images/logo/footer/linkedin.svg");
}
.logo__button__footer__facebook {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: cover;
  /* or contain */
  background-image: url("../images/logo/footer/facebook.svg");
}
.logo__button__footer__youtube {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: cover;
  /* or contain */
  background-image: url("../images/logo/footer/youtube.svg");
}
.logo__button__footer__twitch {
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: cover;
  /* or contain */
  background-image: url("../images/logo/footer/twitch.svg");
}
.icon-message {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/message.svg") no-repeat center / contain;
}
.icon-notification {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/notification.svg") no-repeat center / contain;
}
.icon-burger {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/burger.svg") no-repeat center / contain;
}
.icon-qr_code {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/qr-code.svg") no-repeat center / contain;
}
.icon-eye {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/eye.svg") no-repeat center / contain;
}
.icon-crossed_lines {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/crossed_lines.svg") no-repeat center / contain;
}
.icon-edit {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/edit.svg") no-repeat center / contain;
}
.icon-delete {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/delete.svg") no-repeat center / contain;
}
.icon-pending {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/pending.svg") no-repeat center / contain;
}
.icon-camera {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/camera.svg") no-repeat center / contain;
}
.icon-check {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/check.svg") no-repeat center / contain;
}
.icon-share {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/share.svg") no-repeat center / contain;
}
.icon-printer {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/printer.svg") no-repeat center / contain;
}
.icon-sms {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/sms.svg") no-repeat center / contain;
}
.icon-reload {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/reload.svg") no-repeat center / contain;
}
.icon-arrow_right_white {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/arrow-right-white.svg") no-repeat center / contain;
}
.icon-eye_private {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/eye_private.svg") no-repeat center / contain;
}
.icon-calendar {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/calendar.svg") no-repeat center / contain;
}
.icon-clock {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/clock.svg") no-repeat center / contain;
}
.icon-location {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/location.svg") no-repeat center / contain;
}
.icon-profile {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/profile.svg") no-repeat center / contain;
}
.icon-upload {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/upload.svg") no-repeat center / contain;
}
.icon-document_text {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/document_text.svg") no-repeat center / contain;
}
.icon-trash {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/trash.svg") no-repeat center / contain;
}
.icon-share_dark {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/share_dark.svg") no-repeat center / contain;
}
.icon-search {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/search.svg") no-repeat center / contain;
}
.icon-email {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/email.svg") no-repeat center / contain;
}
.icon-arrow_right {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/arrow-right.svg") no-repeat center / contain;
}
.icon-document_white {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/document_white.svg") no-repeat center / contain;
}
.icon-link {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/link.svg") no-repeat center / contain;
}
.icon-briefcase {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/briefcase.svg") no-repeat center / contain;
}
.icon-phone {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/phone.svg") no-repeat center / contain;
}
.icon-location_light {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/location_light.svg") no-repeat center / contain;
}
.icon-arrow_short_right {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/arrow_short_right.svg") no-repeat center / contain;
}
.icon-arrow_short_left {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/arrow_short_left.svg") no-repeat center / contain;
}
.icon-profile_light {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/profile_light.svg") no-repeat center / contain;
}
.icon-arrow_thin_right_white {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/arrow-thin-right-white.svg") no-repeat center / contain;
}
.icon-upload_green {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/upload_green.svg") no-repeat center / contain;
}
.icon-add_green {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/add_green.svg") no-repeat center / contain;
}
.icon-reload_black {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/reload_black.svg") no-repeat center / contain;
}
.icon-export {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/export.svg") no-repeat center / contain;
}
.icon-export_white {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/export_white.svg") no-repeat center / contain;
}
.icon-three_dots {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/three_dots.svg") no-repeat center / contain;
}
.icon-logo {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/logo.svg") no-repeat center / contain;
}
.icon-exclamation {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/exclamation.svg") no-repeat center / contain;
}
.icon-plus_thin_white {
  display: inline-block;
  min-width: 14px;
  height: 14px;
  background: url("../images/logo/plus_thin_white.svg") no-repeat center / contain;
}
.gap-2px {
  gap: 2px;
}
.gap-4px {
  gap: 4px;
}
.gap-8px {
  gap: 8px;
}
.gap-10px {
  gap: 10px;
}
.gap-12px {
  gap: 12px;
}
.gap-16px {
  gap: 16px;
}
.gap-20px {
  gap: 20px;
}
.gap-24px {
  gap: 24px;
}
.gap-28px {
  gap: 28px;
}
.gap-32px {
  gap: 32px;
}
.gap-34px {
  gap: 34px;
}
.gap-38px {
  gap: 38px;
}
.gap-40px {
  gap: 40px;
}
.gap-44px {
  gap: 44px;
}
.gap-48px {
  gap: 48px;
}
.gap-56px {
  gap: 56px;
}
.gap-60px {
  gap: 60px;
}
.gap-64px {
  gap: 64px;
}
.gap-75px {
  gap: 75px;
}
.gap-80px {
  gap: 80px;
}
.gap-100px {
  gap: 100px;
}
.gap-120px {
  gap: 120px;
}
.gap-150px {
  gap: 150px;
}
.gap-200px {
  gap: 200px;
}
.w-2px {
  width: 2px !important;
}
.w-4px {
  width: 4px !important;
}
.w-8px {
  width: 8px !important;
}
.w-10px {
  width: 10px !important;
}
.w-12px {
  width: 12px !important;
}
.w-16px {
  width: 16px !important;
}
.w-20px {
  width: 20px !important;
}
.w-24px {
  width: 24px !important;
}
.w-28px {
  width: 28px !important;
}
.w-32px {
  width: 32px !important;
}
.w-34px {
  width: 34px !important;
}
.w-38px {
  width: 38px !important;
}
.w-40px {
  width: 40px !important;
}
.w-44px {
  width: 44px !important;
}
.w-48px {
  width: 48px !important;
}
.w-56px {
  width: 56px !important;
}
.w-60px {
  width: 60px !important;
}
.w-64px {
  width: 64px !important;
}
.w-75px {
  width: 75px !important;
}
.w-80px {
  width: 80px !important;
}
.w-100px {
  width: 100px !important;
}
.w-120px {
  width: 120px !important;
}
.w-150px {
  width: 150px !important;
}
.w-200px {
  width: 200px !important;
}
.h-2px {
  height: 2px !important;
}
.h-4px {
  height: 4px !important;
}
.h-8px {
  height: 8px !important;
}
.h-10px {
  height: 10px !important;
}
.h-12px {
  height: 12px !important;
}
.h-16px {
  height: 16px !important;
}
.h-20px {
  height: 20px !important;
}
.h-24px {
  height: 24px !important;
}
.h-28px {
  height: 28px !important;
}
.h-32px {
  height: 32px !important;
}
.h-34px {
  height: 34px !important;
}
.h-38px {
  height: 38px !important;
}
.h-40px {
  height: 40px !important;
}
.h-44px {
  height: 44px !important;
}
.h-48px {
  height: 48px !important;
}
.h-56px {
  height: 56px !important;
}
.h-60px {
  height: 60px !important;
}
.h-64px {
  height: 64px !important;
}
.h-75px {
  height: 75px !important;
}
.h-80px {
  height: 80px !important;
}
.h-100px {
  height: 100px !important;
}
.h-120px {
  height: 120px !important;
}
.h-150px {
  height: 150px !important;
}
.h-200px {
  height: 200px !important;
}
.sidebar-menu {
  width: 280px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  overflow-y: auto;
  z-index: 999;
  background-color: white !important;
  padding-top: 50px;
}
@media (min-width: 992px) {
  .main-content.with-sidebar {
    margin-left: 280px;
    transition: margin-left 0.3s ease;
  }
}
@media (max-width: 991px) {
  .sidebar-menu {
    display: none !important;
  }
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 1000;
}
.overlay-content {
  position: relative;
  width: 100%;
  top: 100px;
  left: 16px;
}
.overlay-content a {
  color: black;
  text-decoration: none;
}
.menu_wrapper {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 1001;
  cursor: pointer;
}
.menu,
.menu:before,
.menu:after {
  position: relative;
  display: inline-block;
  height: 3px;
  width: 16px;
  background: white;
  transition: 0.3s;
  z-index: 1001;
}
.menu:before,
.menu:after {
  content: "";
  position: absolute;
  left: 0;
  margin-top: 0;
}
.menu:before {
  top: 6px;
}
.menu:after {
  bottom: 6px;
}
.menuOn {
  background: transparent;
}
.menuOn:before {
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg);
}
.menuOn:after {
  bottom: 0;
  transform: rotate3d(0, 0, 1, -45deg);
}
.bandeau_header_1DA5D1 {
  background: url('../images/bandeau/header/group_1DA5D1_1.svg') no-repeat -40px -20px, url('../images/bandeau/header/group_1DA5D1_3.svg') no-repeat calc(100% + 60px) 30px;
}
@media (min-width: 768px) {
  .bandeau_header_1DA5D1 {
    background: url('../images/bandeau/header/group_1DA5D1_1.svg') no-repeat -60px -20px, url('../images/bandeau/header/group_1DA5D1_3.svg') no-repeat calc(100% + 120px) 30px;
  }
}
.bandeau_header_EA5B0C {
  background: url('../images/bandeau/header/group_EA5B0C_1.svg') no-repeat -40px -20px, url('../images/bandeau/header/group_EA5B0C_3.svg') no-repeat calc(100% + 60px) 30px;
}
@media (min-width: 768px) {
  .bandeau_header_EA5B0C {
    background: url('../images/bandeau/header/group_EA5B0C_1.svg') no-repeat -60px -20px, url('../images/bandeau/header/group_EA5B0C_3.svg') no-repeat calc(100% + 120px) 30px;
  }
}
.bandeau_header_FBBA00 {
  background: url('../images/bandeau/header/group_FBBA00_1.svg') no-repeat -40px -20px, url('../images/bandeau/header/group_FBBA00_3.svg') no-repeat calc(100% + 60px) 30px;
}
@media (min-width: 768px) {
  .bandeau_header_FBBA00 {
    background: url('../images/bandeau/header/group_FBBA00_1.svg') no-repeat -60px -20px, url('../images/bandeau/header/group_FBBA00_3.svg') no-repeat calc(100% + 120px) 30px;
  }
}
.bandeau_header_EF7875 {
  background: url('../images/bandeau/header/group_EF7875_1.svg') no-repeat -40px -20px, url('../images/bandeau/header/group_EF7875_3.svg') no-repeat calc(100% + 60px) 30px;
}
@media (min-width: 768px) {
  .bandeau_header_EF7875 {
    background: url('../images/bandeau/header/group_EF7875_1.svg') no-repeat -60px -20px, url('../images/bandeau/header/group_EF7875_3.svg') no-repeat calc(100% + 120px) 30px;
  }
}
@media (min-width: 768px) {
  .bandeau_header_large {
    height: 350px;
  }
}
.bandeau_header {
  height: 180px;
  width: 100%;
  background-size: auto 100%,
    auto 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .bandeau_header {
    min-height: 180px;
    height: 100%;
  }
}
.empty-state-vacation {
  background: url('../images/notFound/vacation.svg') no-repeat right bottom, url('../images/notFound/circles/bigCircle.svg') no-repeat calc(100% - 200px) center, url('../images/notFound/circles/smallCircle.svg') no-repeat calc(100% - 155px) 80%;
  background-size: auto 70%, auto 30%, auto 14%;
  min-height: 240px;
  border-radius: 12px;
  background-color: white;
  position: relative;
}
.empty-state-stretching {
  background: url('../images/notFound/stretching.svg') no-repeat right bottom, url('../images/notFound/circles/bigCircle.svg') no-repeat calc(100% - 200px) center, url('../images/notFound/circles/smallCircle.svg') no-repeat calc(100% - 155px) 80%;
  background-size: auto 70%, auto 30%, auto 14%;
  min-height: 240px;
  border-radius: 12px;
  background-color: white;
  position: relative;
}
.avatar-confirmed {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url('../images/logo/certified.svg') no-repeat center / contain;
}
.avatar-confirmed-small {
  position: absolute;
  top: -2.5px;
  right: -2.5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url('../images/logo/certified.svg') no-repeat center / contain;
  width: 15px;
  height: 15px;
}
.avatar-edit {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  bottom: -5px;
  right: -5px;
}
.avatar-edit::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/camera.svg");
}
input[type="radio"],
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #AEB1BC;
  cursor: pointer;
  position: relative;
  outline: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
input[type="radio"] {
  border-radius: 50%;
}
input[type="checkbox"] {
  border-radius: 6px;
}
input[type="radio"]:hover,
input[type="checkbox"]:hover {
  border-color: #AEB1BC;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  box-shadow: 0 0 0 2px rgba(107, 114, 128, 0.1);
}
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background-color: white;
  border-color: #AEB1BC;
}
input[type="radio"]:indeterminate,
input[type="checkbox"]:indeterminate {
  background-color: #AEB1BC !important;
  border-color: #AEB1BC !important;
}
input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 7px;
  border: solid #AEB1BC;
  border-width: 0 2px 2px 0;
}
input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 4px;
  height: 7px;
  border: solid #AEB1BC;
  border-width: 0 2px 2px 0;
}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.menu_header {
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.menu_header.scrolled {
  background-color: white;
}
@media (max-width: 991px) {
  .menu_header {
    background-color: white !important;
  }
}
.placeholder-light-grey::placeholder {
  color: #B1B1B1 !important;
}
.no-outline:focus {
  outline: none !important;
}
@media (min-width: 768px) {
  .vh-md-100 {
    height: 100vh;
  }
}
.input-truncate {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .input-truncate {
    width: 500px;
  }
}
.hr_custom {
  margin-left: -1rem;
  margin-right: -1rem;
  border: 2px solid #ECECE9;
}
@media screen and (max-width: 365px) {
  .footer-logo-socials-container {
    flex-direction: column;
    align-items: flex-center;
    gap: 0;
  }
}
@media screen and (max-width: 365px) {
  .hide-table-cell-for-small-phones {
    display: none !important;
  }
}
.export_svg_button svg path {
  fill: none;
}
.bandeau_login {
  background-image: url('../images/login_bandeau.svg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: 90%;
  background-color: #5E1664;
}
.scroll-hidden {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scroll-hidden::-webkit-scrollbar {
  display: none;
}
.icon-text-job {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.icon-text-job::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../images/logo/job.svg') no-repeat center center;
  background-size: contain;
  margin-right: 4px;
  vertical-align: middle;
}
.icon-text-email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.icon-text-email::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url('../images/logo/email.svg') no-repeat center center;
  background-size: contain;
  margin-right: 4px;
  vertical-align: middle;
}
.button_add_new_user {
  text-decoration: none;
  padding: 10px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 10px;
}
.button_add_new_user::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/logo/edit.svg");
  margin-right: 10px;
  text-decoration: none;
}
.logo__button__eye_private {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__eye_private::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../images/logo/eye_private.svg");
}
.logo__button__eye {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border-radius: 50%;
}
.logo__button__eye::before {
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../images/logo/eye.svg");
}
.accordion-button:focus::after,
.accordion-button:active::after,
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon) !important;
  filter: none !important;
}
.input-end {
  border: none;
  text-align: end;
  width: 100%;
  height: 100%;
  background: transparent;
}
.input-end:focus {
  border: 1px solid #ced4da;
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-container-style input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.form-container-style input,
.form-container-style select,
.form-container-style textarea {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -webkit-box-shadow: none !important;
  border-radius: 6px;
}
.form-container-style input:focus,
.form-container-style select:focus,
.form-container-style textarea:focus {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -webkit-box-shadow: none !important;
}