/* --- Global settings ---*/

html, body
{
  height: 100%;
  width: 100%;
  background: #f7f8f8;
  font-family: 'Montserrat', arial;
}

.btn-primary
{
  background: rgb( 255, 222, 89 );
  border-color: rgb( 255, 222, 89 );
}

.btn-primary:hover
{
  background: rgb(230, 200, 79);
  border-color: rgb(230, 200, 79);
}

.btn-primary:focus
{
  background: rgb(230, 200, 79);
  border-color: rgb(230, 200, 79);
  border-color: rgb(230, 200, 79);
  box-shadow:0 0 0 .2rem rgba(230, 200, 79,.5);
}

.btn-outline-primary
{
  background: transparent;
  color: rgb( 255, 222, 89 );
  border-color: rgb( 255, 222, 89 );
}

.btn-outline-primary:hover
{
  background: rgb( 255, 222, 89 );
  border-color: rgb( 255, 222, 89 );
}

.form-control
{
  background: transparent;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #3d3b3b;
}

.form-control:focus
{
  background: transparent;
  border-color: rgba( 230, 200, 79, 0.8 );
  box-shadow: 0 4px 2px -2px rgba( 0, 0, 0, 0.075 ) inset, 0 4px 2px -2px rgba( 230, 200, 79, 0.6);
  outline: 0 none;
}

.navbar-light .navbar-brand
{
  color: rgba( 230, 200, 79 );
}

/* --- Loading settings ---*/

@keyframes ldio-jsxn2qe688r
{
  0% { opacity: 1 }
  100% { opacity: 0 }
}

.ldio-jsxn2qe688r div
{
  left: 94px;
  top: 48px;
  position: absolute;
  animation: ldio-jsxn2qe688r linear 1s infinite;
  background: #ffde59;
  width: 12px;
  height: 24px;
  border-radius: 6px / 12px;
  transform-origin: 6px 52px;
}

.ldio-jsxn2qe688r div:nth-child(1)
{
  transform: rotate(0deg);
  animation-delay: -0.9166666666666666s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(2)
{
  transform: rotate(30deg);
  animation-delay: -0.8333333333333334s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(3)
{
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(4)
{
  transform: rotate(90deg);
  animation-delay: -0.6666666666666666s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(5)
{
  transform: rotate(120deg);
  animation-delay: -0.5833333333333334s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(6)
{
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(7)
{
  transform: rotate(180deg);
  animation-delay: -0.4166666666666667s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(8)
{
  transform: rotate(210deg);
  animation-delay: -0.3333333333333333s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(9)
{
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(10)
{
  transform: rotate(270deg);
  animation-delay: -0.16666666666666666s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(11)
{
  transform: rotate(300deg);
  animation-delay: -0.08333333333333333s;
  background: #ffde59;
}

.ldio-jsxn2qe688r div:nth-child(12)
{
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #ffde59;
}

.loadingio-spinner-spinner-65dox1ras4p
{
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
}

.ldio-jsxn2qe688r
{
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}

.ldio-jsxn2qe688r div { box-sizing: content-box; }
/* generated by https://loading.io/ */
/* More info https://loading.io/asset/389885 */

.loader
{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hidden
{
  overflow: hidden;
}

/* --- Register settings --- */

.container
{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.register-box
{
  border-radius: 20px;
  background: white;
  padding: 5% 5% 5% 5%;
  width: 80%;
}

.input-group-text
{
  background: white;
  border: none;
  border-radius: 0px;
  border-bottom: 2px solid #3d3b3b;
  cursor: pointer;
}

.terminos-link
{
	font-size: 10px;
}

.terminos-link a
{
	color: rgb(230, 200, 79);
}

/* --- Footer settings --- */

.page-footer
{
  position: fixed;
  width: 100%;
  background: rgb( 255, 222, 89 );
  box-shadow: 0 0 5px #737373;
  color: white;
}

/* --- Media Querys --- */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px)
{
  /* --- Register settings --- */

  .form-control
  {
    margin-top: 5%;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px)
{

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px)
{

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px)
{

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{

}