/*
$body-bg: #c1bdba;
$form-bg: #13232f;
$white: #ffffff;

$main: #1ab188;
$main-light: lighten($main,5%);
$main-dark: darken($main,5%);

$gray-light: #a0b3b0;
$gray: #ddd;

$thin: 300;
$normal: 400;
$bold: 600;
$br: 4px;
*/
*, *:before, *:after {
  box-sizing: border-box;
}

html {
	overflow-y: scroll; 
}
/*
body {
  background:#c1bdba;
  font-family: 'Titillium Web', sans-serif;
}*/
/*
a {
  text-decoration:none;
  color:#1ab188;
  transition:.5s ease;
  &:hover {
    color:#1ab199;
  }
}*/

.form {
  /*background:rgba(#13232f,.9);*/
 /* padding: 40px;*/
  max-width:600px;
  margin:40px auto;
  border-radius:4px;
  /*box-shadow:0 4px 10px 4px rgba(#13232f,.3);*/
  /*
  background-color: #F0F0F0;
border-top: solid 2px #CCCCCC;
border-right: solid 2px #CCCCCC;
border-bottom: solid 2px #CCCCCC;
border-left: solid 2px #CCCCCC;
-moz-transition: opacity 1s ease 0s,-moz-transform 1s ease 0s;
-webkit-transition: opacity 1s ease 0s,-webkit-transform 1s ease 0s;
-ms-transition: opacity 1s ease 0s,-ms-transform 1s ease 0s;
transition: opacity 1s ease 0s,transform 1s ease 0s;
border-radius: 25px;*/
}
/*
.tab-group {
  list-style:none;
  padding:0;
  margin:0 0 40px 0;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
  li a {
    display:block;
    text-decoration:none;
    padding:15px;
    background:rgba(#a0b3b0,.25);
    color:black;
    font-size:20px;
    float:left;
    width:50%;
    text-align:center;
    cursor:pointer;
    transition:.5s ease;
    &:hover {
      background:#1ab199;
      color:#ffffff;
    }
  }
  .active a {
    background:#1ab188;
    color:#ffffff;
  }
}*/
/*
.tab-content > div:last-child {
  display:none;
}
*/

h1 {
  text-align:center;
  font-weight:300;
}
/*
label {
  position:absolute;
  transform:translateY(6px);
  left:13px;
  color:rgba(#ffffff,.5);
  transition:all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size:22px;
  .req {
  	margin:2px;
  	color:#1ab188;
  }
}

label.active {
  transform:translateY(50px);
  left:2px;
  font-size:14px;
  .req {
    opacity:0;
  }
}

label.highlight {
	color:#ffffff;
}
*/
input, textarea {
  font-size:22px;
  display:block;
  width:100%;
  /*height:100%;*/ 
  padding:5px 10px;
  /*background:none;
  background-image:none;*/
  border:1px solid #a0b3b0;
  border-radius:0;
  transition:border-color .25s ease, box-shadow .25s ease;
  &:focus {
		outline:0;
		border-color:#1ab188;
  }
}

textarea {
  border:2px solid #a0b3b0;
  resize: vertical;
}

.field-wrap {
  position:relative;
  margin-bottom:40px;
}
/*
.top-row {
  &:after {
    content: "";
    display: table;
    clear: both;
  }

  > div {
    float:left;
    width:48%;
    margin-right:4%;
    &:last-child { 
      margin:0;
    }
  }
}
*/
.button {
  border:0;
  outline:none;
  border-radius:0;
  padding:15px 0;
  font-size:1rem;
  font-weight:700;
  letter-spacing:0;
  background:#8AC44B;
  -webkit-appearance: none;
}
.button:hover, .button:focus {
    background:#8AD800;
}


.button-block {
  display:block;
  width:auto;
  border-radius: 0.5rem;
  padding: 0 1.25rem;
  margin: auto;
  height: 2.5rem;
line-height: 2.5rem;
vertical-align: middle;
padding: 0 1.25rem;

}

.forgot {
  margin-top:-20px;
  text-align:right;
}

.tab-group {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

.tab-group :not(.active) a:hover,
.tab-group :not(.active) a:focus {
	 background:white;
}
.tab-group .active a {
    background: #8AC44B;
	cursor: default;
	font-weight: bold;
    /*color: #ffffff;*/
}
.tab-group li a {
    display: block;
    text-decoration: none;
    padding: 15px;
    background: rgba(160, 179, 176, 0.25);
    color: black;
    font-size: 1rem;
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
/*
a {
    text-decoration: none;
    color: black;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
*, ::before, ::after {
    box-sizing: border-box;
}*/
/*
.tab-group li a {
    display: block;
    text-decoration: none;
    padding: 15px;
    background: rgba(160, 179, 176, 0.25);
    color: #a0b3b0;
    font-size: 20px;
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
a {
    text-decoration: none;
    color: #1ab188;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
*, ::before, ::after {
    box-sizing: border-box;
}
.tab-group {
    list-style: none;
}*/
/*
.form {
    background: rgba(19, 35, 47, 0.9);
    padding: 40px;
    max-width: 600px;
    margin: 40px auto;
    border-radius: 4px;
    box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
}*/

.loginDisplay .forSignup {
	display: none;
}
.signupDisplay .forLogin {
	display: none;
}
.tab-content {
	padding-top:40px;
}