@charset "UTF-8";
/* CSS Document */
/* Global */
body {
	font-family: "Gotham SSm A", "Gotham SSm B", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-style: normal;
	font-weight: 400;
}

a {
	color:#005eaa;
	font-weight: bold;
	font-size:0.9rem;
}

h4 {
	
	font-weight:normal;
}


label {

font-size:11px;
margin-bottom:0rem;
display:block;


  }

input {
    height: 40px;
    border: 1px solid #999;
    width: 97%;
    padding-left: 10px;
    margin-bottom: 20px;
}

.aligncenter {
	text-align:center;
}
.bg-header {
	background: #000;
	border-top:5px #ffcc33 solid;
}

.bg-header img {
	margin:15px;
}

.btn-secondary {
	background: #fff;
	border: 2px #ffcc00 solid;
	color:#000;
}

.btn-secondary:hover {
	background:#ffcc00;
	border:2px solid #ffcc00;
	color:#000;
}

.error {
	    font-size: 12px;
    display: block;
    color: red;
    margin-bottom: -15px;
}

.buttons {
	text-align: center;
}


/* Sign In - Landing Page */

.sign-in-content {
margin-top:150px;
	
}

.sign-in-content .buttons {
	text-align: left !important;
}
/* .sign-in-content > .intro, .create, .alert, .divider, #forgotPassword, h2 { */
.sign-in-content > .intro, .create, .alert, .divider, #forgotPassword, h2 {

display: none;

}

.options {
	display:none;
}

.sign-in-content--right {
	margin-top:50px;
}

.sign-in-content--right__sign-in-with {
		font-size:0.7rem;
	}

.sign-in-content-create-row {
	margin-bottom:30px;
}
.icon-margin {
	margin:0px 10px;
}

.sign-in-content #next {
	width: 100px;
    background: #ffcc33;
    height: 40px;
    border-radius: 3px;
    border: #ffcc33;


}
.vertical-divider {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  width: auto;
  height: 50%;
  line-height: 0;
  text-align:center;
  transform: translateX(-50%);
}

.vertical-divider:before, 
.vertical-divider:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 9;
  border-left: 1px solid rgba(34,36,38,.15);
  border-right: 1px solid rgba(255,255,255,.1);
  width: 0;
  height: calc(100% - 1rem);
}

.row-divided > .vertical-divider {
  height: calc(50% - 1rem);    
}

.vertical-divider:before {
  top: -100%;
}

.vertical-divider:after {
  top: auto;
  bottom: 0;
}

.row-divided {
  position:relative;
}

.row-divided > [class^="col-"],
.row-divided > [class*=" col-"] {
  padding-left: 30px;  
  padding-right: 30px; 
}

.rememberMe input {
	height:12px;
	width:12px;

}

.rememberMe label {
	display:inline;
	font-size:12px;
}
/* Forgot Password */



.forgotpassword-content #email_intro, .helpLink {
	
	display:none !important;

}



.forgotpassword-content ul, .createacct-content ul {
	list-style-type: none;
	margin-left:-40px;
}

.forgotpassword-content .sendButton, .forgotpassword-content .editButton {
    align-self: center;
    height: 40px;
    background: #005eaa;
    color: white;
    padding: 0 10px;
    border-radius: 3px;
	border:#005eaa;
	
}

.forgotpassword-content .verifyButton {
    align-self: center;
    height: 40px;
    background: #007829;
    color: white;
    padding: 0 10px;
    border-radius: 3px;
	border:#007829;

}

.forgotpassword-content .error {
	margin-bottom:0px;
}

@media only screen and (min-width: 767px) {
.forgotpassword-content .verifyButton {
	margin-right:15px;
	margin-left:45px;
}
}
/*
.verify #email_ver_input_label {
	display:none !important;
}
*/


 #continue {
    align-self: center;
    height: 40px;
    background: #ffcc33;
    color: white;
    padding: 0 10px;
    border-radius: 3px;
	border:#ffcc33;
	margin-right:15px;
 
}

 #cancel {
    align-self: center;
    height: 40px;
    padding: 0 10px;
    border-radius: 3px;
	background: #fff;
    border: 2px #787878 solid;
    color: #000;

 
}
/* Form Pages */

.createacct-content, .forgotpassword-content, .forgotpassword-verify-content {
	margin-top:50px;
}

.attr ul {
	list-style-type: none;
}

.createacct-content .error {
	margin-bottom:10px;
}

.createacct-content .buttons {
	margin-bottom:20px;
}
/* Validation */




.attrEntry input,
.attrEntry select,
.phoneEntry input,
.phoneEntry select,
#codeVerification input {
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  border-radius: 2px !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
  color: #555;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 1.42857143;
  padding: 6px 12px;
  width: 100% !important;

}

.attrEntry input:invalid,
.phoneEntry input:invalid,
#codeVerification input:invalid {
  border-color: inherit;
}

.attrEntry.validate input:invalid,
.phoneEntry.validate input:invalid,
#codeVerification.validate input:invalid {
  border-color: red !important;

}


.attrEntry .error.itemLevel,
.phoneEntry .error.itemLevel,
#codeVerification .error.itemLevel {
	
  display: none;

}


/* Mobile */


@media only screen and (max-width: 767px) {
	.sign-in-content, .createacct-content, .forgotpassword-content, .forgotpassword-verify-content {
	margin-top:10px;

}	
	.sign-in-content--left {
	margin:20px;
	}

.sign-in-content--right {
	margin:20px;
}
	.btn {
		width:100%;
		margin:20px 0px;
	}
.icon-margin {
	margin:0px 20px;
}

.sign-in-content--right__sign-in-with {
	text-align:center;
	margin-bottom:15px;

	}
.sign-in--icons {
display: flex;
    justify-content: center;
	}
.vertical-divider {
display:none;		
	}
.sign-in-content #next {
	width:100% !important;
	margin-bottom:15px;
	}

 input {
		width:100% !important;
	}
	.rememberMe input {
		width:12px !important;
		height:12px;
	}
.forgotpassword-content #continue, .forgotpassword-content #cancel, .forgotpassword-content .sendButton, .forgotpassword-content .verifyButton, .forgotpassword-content .editButton {
	display:block;
	width:100%;
	}
	.forgotpassword-content #continue, .forgotpassword-content .verifyButton {
		margin-bottom:15px;
	}

.forgotpassword-content #attributeVerification {
	margin-left:0px;
}
}