.white-text {
  color: white;
}

div, header, footer {
  padding: 0 15px;
}

body {
  background: url("../img/smarty-prep-bg.jpg") no-repeat center/cover;
  height: 100vh;
  width: 100%;
  font-family: Calibri, Candara, Arial, sans-serif;
  color: #fff;
  padding-bottom: 50px;
}

header {
  width: 100%;
  height: 80px;
  background: #222;
}
header .logo img {
  max-height: 80px;
  width: auto;
  height: auto;
}

.reset-password-container {
  text-align: center;
  width: 400px;
  margin: 10% auto;
}
.reset-password-container button {
  margin-top: 20px;
}
.reset-password-container h2 {
  margin-bottom: 20px;
  color: #fff;
}
.reset-password-container a:hover {
  color: #fff;
}

.col.app-box-container {
  flex-grow: 0;
}

.app-box {
  display: flex;
  flex-direction: column;
}
.app-box > * {
  display: block;
}
.app-box .box {
  font-size: 38px;
  width: 210px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none !important;
  margin: 0 auto;
  border-width: 0px !important;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  letter-spacing: 5px;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background: #3cd4bb linear-gradient(90deg, #f98c48 0%, #FABE98 100%);
  color: #fff;
  box-shadow: 0px 20px 30px -10px rgba(58, 192, 195, 0.5);
  transition: letter-spacing 300ms ease 0ms;
}
.app-box .box > * {
  margin-bottom: 0;
  text-decoration: none !important;
}
.app-box .box:hover {
  letter-spacing: 5.5px !important;
  color: #fff;
}

.btn.btn-gradient {
  border-width: 0px !important;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  letter-spacing: 5px;
  font-size: 14px;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-image: linear-gradient(90deg, #f98c48 0%, #FABE98 100%);
  padding: 18px 34px !important;
  color: #fff;
  box-shadow: 0px 20px 30px -10px rgba(58, 192, 195, 0.5);
  transition: letter-spacing 300ms ease 0ms;
}
.btn.btn-gradient:hover {
  letter-spacing: 5.5px !important;
  color: #fff;
}
.app-box.smarty-crm .box {
  background: #ed7d31;
}

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