html, body {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
}

html {
  max-width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

input[type=text]:focus:not([readonly]) + label {
  color: white !important;
}

input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #f8cc33 !important;
  box-shadow: 0 1px 0 0 #f8cc33 !important;
}

input[type=password]:focus:not([readonly]) + label {
  color: white !important;
}

input[type=password]:focus:not([readonly]) {
  border-bottom: 1px solid #f8cc33 !important;
  box-shadow: 0 1px 0 0 #f8cc33 !important;
}

.background-primary {
  background-color: #E4E9F2;
}

.background-login {
  background-image: linear-gradient(#30425A,  #30425A);
}

.form-control {
    color: #ffffff !important;
}

.form-control:focus {
    color: #ffffff !important;
}

.button-gradient {
  background-color: #ED6F93;
}

.nfd-yellow {
  color: #f8cc33;
}

.nfd-pink {
  color: #ed6f93;
}

.primary-blue {
  background-color: #30425A;
}

.background-dash {
  background-color: #E4E9F2;
}

.nav-button-hover {
  background-color: #ED6F93;
  transition: all 0.2s;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
}

#sidebar.active {
    margin-left: -250px;
}

input {
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
      transition: background-color 5000s ease-in-out 0s;
}

.hide {
    display: none;
}

.btn-rounded {
    -webkit-border-radius: 10em !important;
    border-radius: 10em !important;
}