
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sarabun&display=swap');
/* @import 'variables'; */

/* @import 'node_modules/bootstrap/scss/bootstrap'; */
/* @import 'node_modules/bootstrap-vue/src/index.scss'; */
 
html *
{
  /* //  font-size: 1em !important; */
  /* //  color: #000 !important; */
   /* font-family: 'Work Sans', sans-serif; */
  /* //  font-family: 'Sarabun', sans-serif; */
 
}

.navbar-laravel {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  border-bottom: 5px solid white(98, 98, 98);
}

#navbarSupportedContent ul li {
font-size:100%;
}

    .pointer {
        cursor: pointer;
    }
    /* #TODO make dropdown bar (hi, {{user }}) gray */
  
/*form layout*/
.form-outer-layout .register-outer-layout * {
  font-family: 'Work Sans', sans-serif;
}
.form-outer-layout {
  background: #a6a8ab;
  padding: 30px 50px;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.form-outer-layout .register-outer-layout {
  background: #fff;
  padding: 25px 35px;
}

.form-outer-layout .register-outer-layout .form-heading {
  margin: 0 0 10px;
  font-size: 14px;
  color: #273d6f;
  font-weight: 700;
}
.form-outer-layout .register-outer-layout .col-form-label {
  color: #273d6f;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
}

.form-outer-layout .register-outer-layout .regs-form-label {
    min-width: 170px;
    display: inline-block;
}
   
.submit-btn .reg-btn {
  background: #47a9df;
  border: none;
  padding: 8px 20px;
  border-radius: 6px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}
.submit-btn .reg-btn:hover {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  -webkit-box-shadow: 0 3px 10px 0 rgba(71, 169, 223, 0.35);
  box-shadow: 0 3px 10px 0 rgba(71, 169, 223, 0.35);
}
.form-outer-layout .register-outer-layout .terms-condition {
  line-height: 1.6;
  font-weight: normal;
}
.form-outer-layout .register-outer-layout .reg-cen-eq-label .col-form-label {
  min-width: 260px;
}
.form-outer-layout .register-outer-layout .form-radio .form-radio-label {
  color: #666;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 767px){
  .form-outer-layout {
      padding: 25px 20px;
  }
  .form-outer-layout .register-outer-layout{
    padding: 25px 15px;
  }
  .form-outer-layout .register-outer-layout .reg-cen-eq-label .col-form-label{
    min-width: 100%;
  }
  .form-outer-layout .register-outer-layout .reg-cen-eq-label .col-form-label > br {
    display: none;
  }
}