
.navbar-inverse{
	background-color:#3867b6 !important;
}

.title {	
	margin-top: 16px;
	font-size: 23px;
}
.account {	
	padding-top: 14px;
	font-size: 23px;
}

#ib-logo-header {
	height:30px;
}

#ib-logo {	
	float: right; 
	margin-top:15px;
	height:70px;
}

.box-border {
	padding: 0 13px 20px 13px;
}

.field {
	position:relative;
	margin-bottom:45px;
}

.field-border{
	margin-top:60px !important;
	margin-bottom:0px
}

input {
	font-size:15px;
	padding:10px 10px 10px 5px;
	display:block;
	width:200px;
	border:none !important;
	border-radius: 0px !important;
	border-bottom:1px solid #757575 !important;
	padding-left: 0px !important;
	margin-bottom:0px !important;	
}

select {
	font-size:15px;
	padding:10px 10px 10px 5px;
	display:block;
	width:200px;
	border:none !important;
	border-radius: 0px !important;
	border-bottom:1px solid #757575 !important;
	padding-left: 0px !important;
	margin-bottom:0px !important;	
}

input:focus { outline:none; }

input:required {
	box-shadow: none !important;	
}

select:focus { outline:none; }

select:required {
	box-shadow: none !important;	
}

label {
	color:#999;
	font-size:18px;
	font-weight:normal;
	position:absolute;
	/* pointer-events: none; */
	left:5px;
	top:5px;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all; 
}

.label {
	pointer-events: none;
}

.checkbox-label {
	left:0px !important;
}

.field-value {
	color:#5264ae;
	font-size:13px;
	font-weight:normal;
	position:absolute;
	left:0px;
	top:-19px;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}

select:focus ~ label, select:valid ~ label {
	top: -19px;
	font-size: 13px !important;
	color:#5264AE;
}

input:focus ~ label, input:valid ~ label {
	top: -19px;
	font-size: 13px !important;
	color:#5264AE;
}

select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
}

.input-field{
    width:100% !important;
    padding:5px 5px;
	background:transparent;
}

.align {
	float: left;
}

.area-field{
    width:110% !important;
    padding:5px 5px;
	background:transparent;
	margin-left: -15px !important;
	margin-right: -12px !important;
}

.pincode-field{
    width:122% !important;
    padding:5px 5px;
	background:transparent;
	margin-left: -15px !important;
	margin-right: -12px !important;
}

.highlight {
	position:absolute;
	height:60%;
	width:100px;
	top:25%;
	left:0;
	pointer-events:none;
	opacity:0.5;
}

.bar { 
	position:relative; 
	display:block; 
	width:100%; 
}

.area-bar {
	position:relative; 
	display:block; 
	width:100%; 
	margin-left: -15px !important;
	margin-right: -12px !important;
}

.area-bar:before, .area-bar:after {
	content:'';
	height:2px;
	width:0;
	bottom:1px;
	position:absolute;
	background:#5264AE;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}

.pincode-bar:before, .pincode-bar:after {
	content:'';
	height:2px;
	width:0;
	bottom:1px;
	position:absolute;
	background:#5264AE;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}

.bar:before, .bar:after {
	content:'';
	height:2px;
	width:0;
	bottom:1px;
	position:absolute;
	background:#5264AE;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}

.bar:before {
	left:50%;
}

.area-bar:before {
	left:0%;
}

.pincode-bar:before {
	left:0%;
}

.bar:after {
	right:50%;
}

.area-bar:after {
	left:0%;
}
.pincode-bar:after {
	left:-10.5%;
}

input:focus ~ .area-bar:before, input:focus ~ .area-bar:after {
	width:110%;
}

input:focus ~ .pincode-bar:before, input:focus ~ .pincode-bar:after {
	width:111%;
}

input:focus ~ .bar:before, input:focus ~ .bar:after {
	width:50%;
}

.space {
	font-size:16px !important;
	margin-left:-6px !important;
	margin-right:-6px !important;
	font-weight:normal !important;
}

.field-space {
	font-size:16px !important;
	margin-left:-21px !important;
	margin-right:-6px !important;
	font-weight:normal !important;
}

#errorMessage {
	color:red;	
	padding-top: -3px !important;
	font-size: 14px;
}

.validationError {
	color:red;	
	/* padding-top: 6px !important; */
	padding-top: 0px !important;
	margin-bottom: -14px !important;
	font-size: 14px;
}

.othetValidationError {
	color:red;	
	padding-top: 6px !important;
	margin-bottom: -14px !important;
	font-size: 14px;
	margin-left: -14px;
}

.password-error {
	margin-top: 6px;
}

.btn-align {
	margin-top:25px;
	color: #fff;
	letter-spacing: 0.6px;
	background-color:#4285f4!important;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
	border: 1px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-top: 8px !important;
	padding-bottom: 7px !important;
	border-radius: 2px !important;
	cursor: pointer;
}

.btn-top {
	margin-top:0px;
}

.message {
	width:100%;
	height: 20px;
	margin-top:7px;
}

.btn-space {
	height:40px;
}

.btn-space-left {
	margin-left:10px;
}

.btn-space-top {
	margin-top:6px !important;
}

.submit-btn-space-top {
	margin-top: 0px;
}

.old-password-field-padding {
    margin-top: 17px;
    margin-bottom: 0px;
}


.welcome {
	margin-top:30px !important;
}

.forgot-password {
	margin-top:6px;
}

a {
	color: #2339e1;
	text-decoration: none;
}

.message-top {
	margin-top:-42px;
}

.welcome-test {
	color: #0987cc;
	font-weight: normal !important;
	font-size: 17px;
	margin-top:-5px;
	margin-bottom: 13px;
} 

.email {
	margin-top:-8px;
	margin-bottom:23px;
}

.email-field {
	font-size: 13px !important;
}

#otpMessage {
	color: #2d0baf !important;
	font-size:11px !important;
	margin-top:-17px !important;
	/*padding-bottom:25px !important;*/
}

.timer {
	margin-top:8px;
}

.password-field-padding{
	margin-top:35px;
	margin-bottom:0px;
}

.password-field-space-top{
	margin-top:29px;
	margin-bottom:0px;
}

.password-field{
	margin-top:30px;
	margin-bottom:0px;
}
.margin{
	margin-top:20px;
	margin-bottom:0px;
}

.strength {
	margin-right:10px;
	margin-top:-5px;
}

.submit-btn-align{
	margin-top:0px;
	color: #fff;
	background-color:#4285f4!important;
	box-shadow: 1px 1px 4px grey;
	border: 0px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-top: 8px !important;
	padding-bottom: 7px !important;
	border-radius: 2px !important;
}

.create-account-label{
	margin-top:35px;
	margin-bottom:0px;
}

.suggestion {
	margin-left: -15px;
	margin-right: -15px;
}

.list {
	color:#929292;
	font-size:13px;
	margin-top:8px;
	width:100%;
}

.progress-bar-danger {
	background-color: red;
}

.progress-bar-warning {
	background-color: orange;
}

.progress-bar-success {
	background-color: green;
}

.suggestion-space-top {
	margin-top:40px;
	margin-bottom: -10px;
}
