/*
  Colour Palette from BDL
  http://designlanguage.barclays.intranet/build-it/global/colour-palette/

  To achieve colours along the percentage scale use the `tint` function and take
  the percentage you are trying to achieve in BDL from 100% and use that within
  `tint` to get the appropriate colour.
 */
/* Theme - light-mode */
/* Theme - dark-mode */
/* Container Dimensions in accordance with BDL */
/* stylelint-disable-line unit-whitelist */
/* Media query dimensions in accordance with BDL */

/* Mid part CSS begins here */
/* Blue #0E7DBB */

/*Progress bar css */

* {
    font-family: "Expert Sans Light",Verdana,sans-serif;
    font-size:16px;
}
.circle-parent{
  width: 35px;
  display: inline-grid;
  white-space: nowrap;
}
.circle {
  height: 37px;
  width: 36px;
  border-radius: 50%;
  border: 2px solid;
  border-color: #0076B7;
  display: inline-block;
}
.cicrle-top-padding-step{
  padding-top: 6px;
}
.resize{
  height:15px !important;
}

.colorWhite{
  color: white;
}
.stepLabel{
  padding-top: 5px;
  color: #0076B7;
}
.line {
  background-color: #0076B7;
  height: 1px;
  width: 30%;
  display: inline-block;
  padding-bottom: 2px;
}
.lineGrid{
  background-color: #0076B7;
  height: 1px;
  width: 100%;
  display: inline-block;
  
}
.activeStep{
  color: White;
}
.activeBackground{
  background-color: #0076B7;
   
}
.activeLine{
  background-color: #0076B7;
}

.container {
  margin: 0 auto;
  max-width: 940px;
  text-align: center;
}

.slds-input {
  line-height: 7.5;
}

.slds-m-top_x-large, .slds-m-top--x-large {

    margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #00395d;
  font-weight: 100;
}

h1 {
	font-size: 2.875rem;
    line-height: 1.17391304;
    letter-spacing: -.5px;
	font-family: "Expert Sans Light",Verdana,sans-serif;
}

h2 {    
	font-size: 2.25rem;
    line-height: 1.2777777;
    letter-spacing: -.25px;
	font-family: "Expert Sans Light",Verdana,sans-serif;
	text-align:center;
}

h3{
	font-size: 1.875rem;
    line-height: 1.3333333;
	font-family: "Expert Sans Light",Verdana,sans-serif;
}

h4 {     
	font-size: 1.5rem;
    line-height: 1.4166666;
	font-family: "Expert Sans Light",Verdana,sans-serif;
}
/*Used in main div START HERE */
/*Progress bar CSS Start*/


.step-indicator {
    margin:3rem 0;
    padding:0;
    display:flex;
    justify-content: space-between;
    list-style-type: none;
    position: relative;
}

/*Progress bar CSS END*/



.form-wrapper {
    max-width:900px;
    margin:0 0 auto 21rem;
    
}
.formwrapper2{
    max-width: 900px;
    /*margin: 0 0 0 10rem;*/
	margin-right : auto;
	margin-left:auto;
    padding-top: 4rem;
    
}
.detaildGrid{
  margin: 0 10rem 0 10rem;
}

 .input-Label{
   color:#00395D;   
   font-size: 1rem;
  }
  .input-Label-headings{
	color: #1681BC;
    font-size: 1rem;
  }
  input[type="text"]:hover {
    z-index: 2;
    background-color: #f2fbfe;
    border-color: #0076b6;
  }
.faux-Color {
  background-color: green !important;
  border-color: green !important;
}
.floatLeft{
  margin:0 3rem 0 20rem;
}
.floatRight{
  margin: 0 0 0 11rem;
}
.floatRightScreen3{
  margin: 0 0 0 15rem;
}

.btn {
  border: 1px #0076B7 solid;
  color: #0076B7;
  padding: 0.75rem 2rem;
  display: inline-block;
  border-radius: 100px;
  cursor: pointer;
  background-color: #fff;
}
.btn:hover {
  border: 1px #0076B7 solid;
  background-color: #0076B7;
  color:white;
}

/****secondary-buttons css****/
.btn-secondary {
  border: 1px #0076B7 solid;
  color: #0076B7;
  background-color: #fff;
  padding: 0.75rem 2rem;
  display: inline-block;
  border-radius: 100px;
  cursor: pointer;
}
.btn-secondary:hover {
  border: 1px #0076B7 solid;
  background-color: #0076B7;
  color:white;
}

/****secondary-buttons css end*************************/
/************background color on errors on input*****/
.slds-has-error .slds-input:hover{
	color: #c33;
	background-color: #fcf5f5;
	border-color: #c33;
}
.slds-has-error .slds-input {
    color: #c33;
    background-color: #fcf5f5;
    border-color: #c33;
}
.siteforceStarterBody .cCenterPanel {
 max-width:100vw !important;
}
.comm-page-custom-forgotpasswordpage .form-wrapper 
{
 margin: 0 auto; /*********CSS For forgot password page*************/
}
.comm-page-custom-forgotpasswordpage .slds-m-around_xx-large.slds-size_2-of-4 
{
 margin-right: auto; 	/*********CSS For forgot password page*************/
 margin-left: auto;		/*********CSS For forgot password page*************/
}
.comm-page-custom-registration .form-wrapper {
 margin: 0 auto;	/*********CSS For registration page*************/
}
.comm-page-custom-registration .slds-m-around_xx-large.slds-size_2-of-4 {	/*********CSS For registration page*************/
 margin-right: auto; 
 margin-left: auto;
}
.comm-page-custom-loginotp .form-wrapper{
	 margin: 0 auto; /*********CSS For OTP page*************/
}
.comm-page-custom-loginotp .slds-m-around_xx-large  /*********CSS For OTP page*************/
{
	margin-right: auto; 
	margin-left: auto;
}
.comm-page-custom-setpassword .form-wrapper /*********CSS For set password page*************/
{
margin : 0 auto;
}

.comm-page-custom-setpassword .slds-m-around_xx-large	/*********CSS For set password page*************/
{
margin-right:auto;
margin-left:auto;
}
.linked-reason .slds-form-element__label{
	display:none;
}

.comm-page-custom-updatedetails{
	overflow-x : hidden;
}
.comm-page-custom-setpassword{
	overflow-x : hidden;
}
.comm-page-custom-loginotp{
	overflow-x : hidden;
}
.comm-page-custom-loginpage{
	overflow-x : hidden;
}
.comm-page-custom-registration{
	overflow-x : hidden;
}
.comm-page-custom-forgotpasswordpage{
	overflow-x : hidden;
}
.comm-page-custom-fewmoreupdatepage{
	overflow-x : hidden;	
}
.comm-page-custom-updatedetails .pageHeader:before{ /* Added by Aakash as part of UI review */
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: #F6F7F9;
    z-index: -1;
    top: 0;
    left: -100%;
    }
    
    .comm-page-custom-updatedetails .pageHeader:after{  /* Added by Aakash as part of UI review */
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: #F6F7F9;
    z-index: -1;
    top: 0;
    right: -100%;
    }
	
	.slds-truncate{
		margin-top : -6px; /* Added by Aakash as part of UI review 09 Nov */
	}
	.linked-reason .slds-truncate{
		margin-top : 0px !important; /* Added by Aakash as part of UI review 09 Nov */
	}
/***************Ends********/

.errorMsg{
  color:red;
  font-size: 0.75rem;
}
/*Used in main div end HERE */


/* Mid block CSS end here */

.slds-input {
    line-height: 1.5;
	border-radius: 8px;
	font-size: 1rem;
	padding: 12px 20px;
}
.slds-input:hover {
  z-index: 2;
  background-color: #f2fbfe;
  border-color: #0076b6;
}
.birthdateCss .slds-datepicker {
   width : 50rem;
  
}
.slds-combobox__form-element{
	line-height: 1.5;
 }
/* Terms and condition*/

.termsConditionLayout{
   top: 1148px;
   left: 369px;
   width: 353px;
   height: 19px;
}

.termsConditionUI{
   text-align: left;
   letter-spacing: 0px;
   color: #00395D;
   opacity: 1;
}

.genderClass button.slds-combobox__input{
	 
  height: 48px;
  line-height: 3.7;
  border-radius : 8px;
}