@import url("http://fonts.cdnfonts.com/css/gilroy-bold");

:root {
  --darkblue: #172239;
  --yellow: #F5A425;
  --lightblue: #476788;
  --white: white;
  scrollbar-color: #F5A425 white;
}

.swal-button {
  background-color: #F5A425 !important;
}

.swal-button:hover {
  background-color: #1d79bb !important;
}

.swal-modal * {
  filter: saturate(1) !important;
}

.swal-title {
  color: black !important;
  font-weight: 500 !important;
}

.swal-button {
  border-radius: 2px !important;
}

#NavBrand a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mentorumLogoLine {
  color: var(--yellow);
  font-family: 24px !important;
  font-weight: 700;
}

input {
  padding: 10px;
}

#spaceNav {
  display: none;
  width: 100%;
  z-index: 100000;
  background-color: red;
  height: 100px;
}

#Logout {
  display: flex;
  justify-content: center;
  align-items: center;
}

a {
  cursor: pointer;
}

button {
  cursor: pointer;
}

/*todo ----------------------------Small Screen Sizes -------------------------------- */
@media all and (min-width: 200px) and (max-width: 809px) {
  #spinner {
    display: none;
    /* display: block; */
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    filter: none;
    backdrop-filter: blur(0.1rem);
  }

  .mentorumLogoLine {
    visibility: hidden;
  }

  #spinner>img {
    width: 80px !important;
  }

  #SuccessPage {
    height: 80vh !important;
  }

  .SuccessPageButtonsHolder h1 {
    font-size: 21px !important;
  }

  #orangegoogle>div>p {
    font-size: 14px;
  }

  #orangegoogle>div>img {
    width: 100px !important;
  }
}