:root {
  --primary: #23a4b6;
  /* --primary: #0097B2; */
  --primary-light: #F7F6CF;
  --green: #9cd584;
  /* --green: #72AF59; */
  /* --green-light: #E8FFDE; */
  --green-light: #bae2a9;
  /* --orange: #FF914D; */
  --orange: #ff9c3f;
  --orange-light: #ffebd9;
  --secondary: rgba(113, 183, 229, 0.5);
  --dark-grey: #373737;
  --black: #000;
  --white: #F6F6F6;
  --blank: #fff;
  --footer: #efefef;
  --border: #CDCDCD;
  --placeholder: #929292;
  --separation: #888888;
  /* --dark-primary: #144d73;
  --disabled-primary: #99cbec; */
  --dark-primary: #18737f;
  --disabled-primary: #b5eaf1;
  --valid: #4FB760;
  --input: #737377;
}

html {
  background: white;
  height: fit-content !important;
  min-height: 100vh;
}

body {
  padding: 50px;
  box-sizing: border-box;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.mdl-switch.is-checked .mdl-switch__track {
  background-color: rgba(52, 152, 219, 0.5) !important;
}

.mdl-switch__ripple-container .mdl-ripple {
  background-color: rgba(52, 152, 219) !important;
}