:root {
  --admin-black: #494953;
  --admin-text-black: #333333;
  --admin-blue: #2db5c1;
  --admin-red: #FF4865;
  --admin-grey: #f0f0f0;
  --admin-dark-grey: #85858e;
  --admin_green: #A5CD50;
}

.btn {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  border: none;
  padding: 8px 16px;
  background-color: #2DB5C1;
  font-size: 16px;
  line-height: 19.2px;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn.btn-type-filled {
  border: none;
  background-color: #2DB5C1;
  color: #FFFFFF;
}
.btn.btn-type-filled:hover {
  background-color: #2D9DC1;
}
.btn.btn-type-outlined {
  background: transparent !important;
  border: 1px solid #2DB5C1;
  color: #2DB5C1;
}
.btn.btn-type-outlined.btn-green {
  border: 1px solid #76D51F;
  color: #76D51F;
}
.btn.btn-type-outlined.btn-green:hover {
  border: 1px solid #76AC1F;
  color: #76AC1F;
}
.btn.btn-type-outlined.btn-red {
  border: 1px solid #FF5859;
  color: #FF5859;
}
.btn.btn-type-outlined.btn-red:hover {
  border: 1px solid #FF2F59;
  color: #FF2F59;
}
.btn.btn-type-outlined.btn-orange {
  border: 1px solid #FF890D;
  color: #FF890D;
}
.btn.btn-type-outlined.btn-orange:hover {
  border: 1px solid #FF610D;
  color: #FF610D;
}
.btn.btn-type-outlined.btn-yellow {
  border: 1px solid #FFD641;
  color: #FFD641;
}
.btn.btn-type-outlined.btn-yellow:hover {
  border: 1px solid #FFC941;
  color: #FFC941;
}
.btn.btn-type-outlined:hover {
  border: 1px solid #2D9DC1;
  color: #2D9DC1;
}
.btn.btn-type-text {
  background: transparent;
  color: #2DB5C1;
  border: none;
}
.btn.btn-type-text:hover {
  color: #2D9DC1;
}
.btn.btn-shadow {
  box-shadow: 0 4px 8px 0 rgba(50, 50, 71, 0.0588235294), 0 4px 4px 0 rgba(50, 50, 71, 0.0784313725);
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text):hover {
  background-color: #2D9DC1;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text):active {
  background-color: #2D9DC1;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-red {
  background-color: #FF5859;
  color: #FFFFFF;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-red:hover {
  background-color: #FF2F59;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-green {
  background-color: #76D51F;
  color: #FFFFFF;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-green:hover {
  background-color: #76AC1F;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-orange {
  background-color: #FF890D;
  color: #FFFFFF;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-orange:hover {
  background-color: #FF610D;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-white {
  background-color: #FFFFFF;
  color: #2D9DC1;
}
.btn:not(.btn-type-filled):not(.btn-type-outlined):not(.btn-type-text).btn-white:hover {
  background-color: #D5D5D9;
}
.btn.btn-radius-50 {
  border-radius: 50px;
}
.btn.btn-radius-30 {
  border-radius: 30px;
}
.btn.btn-radius-8 {
  border-radius: 8px;
}
.btn.btn-size-2 {
  padding: 18px 32px;
}
.btn.btn-transparent {
  background-color: transparent;
  box-shadow: none;
}
.btn.btn-green-text {
  color: #2D9DC1;
}
.btn:disabled {
  opacity: 0.6;
  cursor: default;
}

.admin-btn {
  border: none;
  padding: 16px 24px;
  background-color: #FFA800;
  font-family: "Lato";
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  color: #FFFFFF;
  cursor: pointer;
}
.admin-btn.btn-radius-8 {
  border-radius: 8px;
}
.admin-btn.btn-green {
  background-color: #A5CD50;
}
.admin-btn.btn-red {
  background-color: #FF4865;
}

.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-grow {
  flex-grow: 1;
  flex-shrink: 0;
}
.flex-grow-0 {
  flex-grow: 0;
  flex-shrink: 0;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}

.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.items-baseline {
  align-items: baseline;
}

.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-8 {
  gap: 2rem;
}

.self-auto {
  align-self: auto;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}

.fields {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.fields > * {
  box-sizing: border-box;
}
.fields.rows {
  flex-direction: row;
}
.fields.rows > * {
  flex-grow: 1;
}
.fields.columns {
  flex-direction: column;
}

.Popup-Choose-Hobbies {
  background: #FFFFFF url("/images/popups/hobbies-popup-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}

.Popup-Success-Register {
  background: #FFFFFF url("/images/popups/register-success-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.Popup-Success-Buy-Item-Store {
  background: #FFFFFF url("/images/popups/buy-store-item-popup-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.Box-Friends-Banner {
  background: #FFFFFF url("/images/popups/left-friends-box-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: contain !important;
}

.Box-Friends-Popup {
  background: #FFFFFF url("/images/popups/left-friends-box-popup-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: contain !important;
}

.Box-Friends-Request-Popup {
  background: #FFFFFF url("/images/popups/request-friend-on-friends-popup-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}

.Popup-Lesson-Parents {
  background: #FFFFFF url("/images/popups/lesson-parent-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: cover !important;
}

.Popup-Description-Sticker {
  background: #FFFFFF url("/images/popups/Frame 2334.png") !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: cover !important;
}

.Box-Parent-Register {
  background: #FFFFFF url("/images/popups/parent-register-bg.png") !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
}

@media screen and (max-width: 600px) {
  .Popup-Choose-Hobbies {
    background-size: cover !important;
  }
}
@media screen and (max-width: 431px) {
  .Popup-Success-Buy-Item-Store {
    background-size: 100% 100% !important;
  }
}

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