/*#region Colors*/
/*#endregion*/
.cg-font {
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  text-align: center;
}
.cg-red-font {
  color: #ED1C24;
  font-size: 15px;
  font-weight: 600;
}
.cg-btn {
  width: 48%;
  font-size: 14px;
  font-weight: bold;
  border: thin solid #000;
  padding: 11px;
}
.cg-btn-signin {
  background-color: #000;
  color: white;
  text-decoration: none;
}
.cg-btn-signin.active {
  border-color: #868686;
  background-color: #868686;
}
.cg-btn-signin:hover {
  color: #fff;
  text-decoration: none;
}
.cg-btn-signin:visited {
  color: #fff;
  text-decoration: none;
}
.cg-btn-create {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
.cg-btn-create:hover {
  color: #000;
  text-decoration: none;
}
.cg-btn-create:visited {
  color: #000;
  text-decoration: none;
}
.cg-btn-submit {
  background-color: #000;
  border: none;
  color: #fff;
  float: left;
  padding: 11px 35px;
  font-weight: 400;
}
.signin-btn-arrow {
  display: none;
  margin-right: -20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #868686;
  position: relative;
  right: 24.5%;
  top: 37px;
}
.mt25 {
  margin-top: 25px;
}
.mt20 {
  margin-top: 20px;
}
.m0auto {
  margin: 0 auto;
}
.f13 {
  font-size: 13px;
}
.float-align-left {
  float: left;
  text-align: left;
}
.text-input-div {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  margin-top: 5px;
  border: thin solid #aaa;
  box-sizing: border-box;
  height: 40px;
}
.text-input-div[error] {
  border-color: #ED1C24;
}
.cg-username-input {
  padding: 10px;
  border: none;
  width: 456px;
  outline: none;
}
.cg-pass-input {
  padding: 10px;
  border: none;
  width: 420px;
  outline: none;
}
.cg-input-error {
  border-color: #ED1C24;
}
.cg-form {
  height: 286px;
  background-color: #f2f2f2;
  padding: 15px 15px 15px 20px;
}
.cg-input-container {
  width: 478px;
  float: left;
  margin: 12px 0 0 0;
}
.form-group {
  margin-bottom: 30px;
  font-size: 15px;
}
#cg-signin-form-div {
  transition: height 0.5s ease-out, opacity 0.5s ease-out 0.5s;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
#cg-signin-form-div.active {
  opacity: 1;
  height: 314px;
}
#content-gate {
  display: none;
}
.forgot-link {
  color: #0066CC;
  float: right;
  text-decoration: none;
  text-align: right;
}
.forgot-link:hover {
  color: #004D9A;
  text-decoration: underline;
}
.forgot-link:visited {
  color: #0066CC;
  text-decoration: none;
}
.cg-text20bold {
  font-size: 20px;
  font-weight: 600;
}
.cg-text18 {
  font-size: 18px;
  line-height: 25px;
}
.cg-error-msg {
  color: #ED1C24;
  margin-top: 5px;
}
.cg-checkbox {
  height: 10px;
  width: 10px;
  border: thin solid #868686;
  display: inline-block;
  background-color: #fff;
}
#cgUsernameDiv[data-error="true"],
#cgPasswordDiv[data-error="true"] {
  border-color: #ED1C24;
}
#cgShowPassLabel {
  margin: 7px 6px;
  background-image: url('/images/global/common/icon_visibility_off.png');
  height: 24px;
  width: 24px;
  display: inline-block;
}