/* Theme default */
/* ======= Customer Registration ======== */
.customer-onboarding {
  /*padding-bottom: 200px;*/
  /*padding-top: 90px;*/
  padding-left: 150px;
  padding-right: 10px;
}
.customer-onboarding .form-box .form-box-heading {
  background: #000;
  padding: 17px;
  font-size: 28px;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.5;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 15px;
  background-clip: padding-box;
  position: relative;
}
.customer-onboarding .form-box .form-box-heading:before {
      content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000;
  position: absolute;
  bottom: -10px;
  margin-left: -10px;
  left: 50%;
}
.customer-onboarding .form-box .form-box-heading.logo {
  text-transform: uppercase;
}
.customer-onboarding .form-box .form-box-heading.logo .icon {
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.customer-onboarding .form-box .form-box-heading .highlight {
  font-weight: 800;
}
.customer-onboarding .form-box{
	margin-top:4vh;
}
.form-box-heading {
    height:90px;
    line-height:90px;
}
.customer-onboarding .form-box .form-box-inner {
  background: #FFFFFF;
  padding: 10px 10px 5px 10px;
  border: 1px solid #eaeaf1;
  border-bottom-width: 2px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 0;
  background-clip: padding-box;
}
.customer-onboarding-form-container {
      padding-left: 80px;
}
.customer-onboarding .form-box .title {
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 30px;
  margin-top: 10px;
}
.customer-onboarding .form-group {
  position: relative;
}
.customer-onboarding .form-group.email .icon {
  font-size: 16px;
  position: absolute;
  left: 10px;
  top: 9px;
  color: #afb3bb;
}
.customer-onboarding .form-group.password .icon {
  font-size: 16px;
  position: absolute;
  left: 10px;
  top: 9px;
  color: #afb3bb;
}
.customer-onboarding .social-btns {
  padding-left: 60px;
  min-height: 250px;
  margin-bottom: 15px;
}
.customer-onboarding .social-btns li {
  margin-bottom: 10px;
}
.customer-onboarding .social-btns li .btn {
  min-width: 220px;
}
.customer-onboarding .forgot-password {
  margin-top: 10px;
}
.customer-onboarding .forgot-password a {
  color: #616670;
}
.customer-onboarding .forgot-password a:hover {
  text-decoration: underline;
  color: #40babd;
}
.theme-2 .customer-onboarding .forgot-password a:hover {
  color: #6dbd63;
}
.theme-3 .customer-onboarding .forgot-password a:hover {
  color: #497cb1;
}
.theme-4 .customer-onboarding .forgot-password a:hover {
  color: #ec6952;
}
.customer-onboarding .divider {
  border-left: none;
  margin-bottom: 30px;
  position: static;
}
.customer-onboarding .divider span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  top: inherit;
  text-transform: uppercase;
  color: #a2a6af;
}
.customer-onboarding .divider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  background: #f4f4f6;
  height: 1px;
  width: 100%;
}
.customer-onboarding .social-btns {
  padding-left: 0;
  text-align: center;
}
.customer-onboarding .social-btns .btn {
  min-width: 100%;
}
.customer-onboarding .social-btns .social-login {
  display: inline-block;
  margin: 0 auto;
}
.customer-onboarding .note {
  color: #a2a6af;
  font-size: 13px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.customer-onboarding .btn + .note {
  margin: 15px 0;
}
.customer-onboarding .remember label {
  color: #616670;
}
.customer-onboarding .alt-path {
  color: #616670;
  margin-top: 30px;
}
.customer-onboarding .copyright {
  padding: 30px;
  color: #9499a3;
}
.customer-onboarding .form-box .form-box-inner.modal-footer{
	background:#FFFFFF;
	border: 1px solid #FFFFFF;
}
.customer-onboarding .form-box .form-box-inner .form-label{
	color: #0D0D0D;
    text-align:left;
    font-size:14px;
	font-family: segoe ui semibold;
}
.customer-onboarding .content{
	padding-top:5px;
	margin-top: 25px;
	max-height:360px;
	overflow:auto;
}
.form-box-inner .modal-footer Button {
	background: #2462EC;
	color: #FFFFFF;
	border: 1px solid #2462EC;
	border-radius:5px;
	font-size : 12px;
	font-weight:bold;
}
.form-box-inner .modal-footer Button:hover{
	background: #114bcd;
	color: #FFFFFF;
	
}
.form-box-inner .modal-footer Button:focus{
	background: #114bcd;
	color: #FFFFFF;
	border: 1px solid #114bcd;
}
.customer-onboarding #btnGroup label.btn-primary {
    color: #000000;
    background-color: #FEFAEE;
    border: 0;
    font-weight: bold;
}
.customer-onboarding #btnGroup .btn-group {
	border: 1px solid #BB8557;
}
.customer-onboarding #btnGroup .btn-primary:focus,
.customer-onboarding #btnGroup .btn-primary:active,
.customer-onboarding #btnGroup .btn-primary.active,
.customer-onboarding #btnGroup .btn-primary.active:hover {
    background: #92D050;
    color: #0D0D0D;
    border: 0 hidden;
    border-radius: 6px;
}
.select{
	background: #FEFAEE;
	border: 1px solid #BB8557;
	color: #262626;
}
.customer-onboarding .form-control{
	color: #262626;
}
.rounded-span{
	margin-left:6px; 
	border:1px solid #595959; 
	color:#F2F2F2; 
	background: #595959; 
	border-radius:50%; 
	height:22px; 
	width:22px;
}

.light .rounded-span{
	margin-left:6px;
	margin-top:5px; 
	border:1px solid #595959; 
	color:#F2F2F2; 
	background: #595959; 
	border-radius:50%; 
	height:22px; 
	width:22px;
}

.dark .rounded-span{
	margin-left:6px; 
	border:1px solid #F2F2F2; 
	color:#595959; 
	background: #F2F2F2; 
	border-radius:50%; 
	height:22px; 
	width:22px;
}
.form-box-inner h1, .form-box-inner h2, .form-box-inner h3, .form-box-inner h4{
	color: #0D0D0D;
	margin-right: 5%;
	margin-bottom: 5%;
}
.customer-onboarding .dropdown-menu{
	background: #FEFAEE;
    border-color: #494d55;
}
.customer-onboarding .dropdown-menu > li > a {
  padding: 5px 7px;
  color: #262626;
  background: #FEFAEE;
}
.customer-onboarding .uib-datepicker-popup  > li > div.uib-datepicker > table .btn-default {
    border: 0;
    background: #FEFAEE;
    color: #262626;
    border-radius: 25px;
}
.customer-onboarding .uib-datepicker-popup  > li > div.uib-datepicker > table .btn-default:hover {
    border: 0;
    background: #D9D9D9;
    color: #262626;
    border-radius: 25px;
}
.customer-onboarding .uib-datepicker-popup  > li > div.uib-datepicker > table .btn-default.btn-sm.btn-info.active{
    border: 0;
    background: #008EC0;
    color: #FFFFFF;
    border-radius: 25px;
}
.withdrawn{
	color: #E2AA00;
}
.rejected{
	color: #B9282D;
}
.customer-onboarding .dropdown-menu > .active > a, 
.customer-onboarding .dropdown-menu > .active > a:hover, 
.customer-onboarding .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.form-box-inner .modal-footer .secondaryAction,
.light .modal-footer .secondaryAction {
	background:#dcdcdc;
	font-size:12px;
	font-weight:bold;
	color:#494949;
	border:1px solid #dcdcdc;
	border-radius:5px;
}

.form-box-inner .modal-footer .secondaryAction:hover,
.light .modal-footer .secondaryAction:hover  {
	background:#f2f2f2;
	font-size:12px;
	font-weight:bold;
	color:#494949;
	
	border-radius:5px;
}

.form-box-inner .modal-footer Button[disabled]:hover {
	background: #2462EC;
	color: #FFFFFF;
	border: 1px solid #2462EC;
	border-radius:5px;
	font-size : 12px;
	font-weight:bold;
}

.light .modal-footer Button {
	background: #2462EC;
	color: #FFFFFF;
	border: 1px solid #2462EC;
	border-radius:5px;
	font-size : 12px;
	font-weight:bold;
	width:50px;
}

.input-group .inputType{
	height:34px;
	padding:6px 12px;
	line-height: 1.42857143;
	background:#FEFAEE;
	border:1px solid #BB8557;
	padding-right:10px;
	width:75%;
	border-right:0px;
	border-radius:2px;
}

.fileUploadButton,
.fileUploadButton:hover,
.fileUploadButton:focus,
.fileUploadButton:active,
.fileUploadButton.active,
.fileUploadButton.hover,
.fileUploadButton.active:hover{
	background: #FEFAEE;
  	border: 1px solid #BB8557;
  
  	border-left:0.25px solid #BB8557;
 	height:34px;
  	margin-bottom:20px;
  	border-radius:0px;
  	border-color:#BB8557;
}

.input-group .red{
	border:1px solid red;
	border-right:0px;
}

.input-group .notentered{
	border:1px solid red;
	border-left:0px;
}