body {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    line-height: 1.5;
}

input#passReal {
    position: absolute;
    left: -1000px;
}

.modal-backdrop {
    z-index: 0;
}

.form-control {
    margin: 6px 0;
}

.checkbox label:focus span, .checkbox label:hover span, .checkbox input[type="checkbox"]:focus+label span {
    border-bottom: 0px solid #056dae;
}

.checkbox input:checked+label, .checkbox label:focus, .checkbox label:hover, .checkbox input[type="checkbox"]:focus+label {
    color: #000;
}

.overlay {
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0em 1em 1em 1em;
    font-size: .75em;
    background-color: #eee;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 10000;
}

#closeOverlayIcon {
    float: right;
    position: relative;
    padding-top: 2em;
}

#ectSpinner {
    display: block;
    position: fixed;
    z-index: 100;
    background-image: url('../images/spinner.gif');
    background-color: #666;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.show {
    left: 50% ;
    top: 50%;
    position: absolute;
    z-index: 10000;
}

/*======= Header style START here =========*/
header.navbar-inverse {
    background-image: url("../images/blue-wave.png");
    background-repeat: repeat-x;
    background-color: #004988;
    border-color: #080808;
    border: 0 none;
    margin: 0em;
    padding: 2em, 2em;
    height: 4.6em;
    border-radius: 0em;
	margin-bottom: 0px !important;
}

/*======= Header style START here =========*/
.errorText {
    opacity: 1;
    color: #d60000;
    font-size: .75em;
    text-align: left;
}

.errorTextAmt {
    opacity: 1;
    color: #fff;
    font-size: .75em;
    text-align: left;
    background: #d60000;
    padding-top: .75em;
    padding-bottom: .75em;
    padding-left: .75em;
}

.visibiltyLabel {
    visibility: hidden;
}

/*======= INPUT SCREEN START here =========*/
#customerPromotion_Input {
    background: rgba(0, 0, 0, 0) url("../images/ect_bg.jpg") no-repeat scroll 0 0;
}

#customerPromotionArea_Input {
    padding: 50px 0px;
}

.jumbotron_content_Input {
    background: rgba(255, 255, 255, 1.0);
    text-align: center;
}

.jumbotron_subtitle_Input {
    font-size: 1em;
    padding-top: 40px;
}

.jumbotron_title_Input {
    font-size: 1.6em;
    line-height: 38px;
    padding-top: 30px;
}

.line-separator_Input {
    border-bottom: 0.25em solid #004988;
    width: 4em;
    padding-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

#limitedOffer_Input {
    padding-bottom: 40px;
    padding-top: 30px;
}

#congratulations_Input {
    padding-top: 40px;
}

#customerAmountSection_Input>div>.form-group {
    margin-bottom: 0px;
}

#customerAmountSection_Input {
    background: #002a54 none repeat scroll 0 0;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}

#AmountLabel {
    font-size: 0.75em;
    opacity: 1;
    color: #fff;
}

#amountInput {
    margin-bottom: .2em;
}

#selectedLoanAmount {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}

.arrow-down_blue_input {
    width: 0;
    height: 0;
    border-left: 1.25em solid transparent;
    border-right: 1.25em solid transparent;
    border-top: 1.25em solid #002a54;
    margin-left: auto;
    padding: 0px;
    margin-right: auto;
}

#customerEMITenureSection_Input {
    text-align: center;
    padding-top: 1.2em;
}

#EMILabel, #tenurePeriod, #interestRate, #effectiveInterestRate {
    color: #333;
    font-size: 1em;
    opacity: 1;
}

#EMI {
    color: #000000;
    opacity: 1;
    line-height: .75em;
}

#selectedMonthlyInstallment {
    font-size: 3em;
    color: #056DAE;
    line-height: .75em;
}

#selectedMonthlyInstallment_Error {
    padding-top: 1em;
}

#EMICurrencyValue {
    font-size: 1.6em;
    color: #056DAE;
    position: relative;
    top: -15px;
}

#selectedInterestRate, #selectedEffectiveInterestRate, #percentageSymbol_input {
    color: #056DAE;
}

#tenurePeriodslider .ui-slider-range {
    background: #056DAE;
}

#tenurePeriodslider .ui-slider-handle {
    border-color: #056DAE;
}

#tenurePeriodslider span {
    background-image: url("/ect/images/Handle.jpg");
}

.ui-slider .ui-slider-handle {
    width: 3em;
    height: 3em;
    position: absolute;
    top: -23px !important;
    border-style: none;
}

.ui-slider.ui-slider-horizontal {
    height: 0.0625em;
}

.ui-slider.ui-slider-horizontal .ui-slider-range {
    height: 0.3em;
}

.ui-slider-label-ticks {
    background-color: #d8d8d8;
    height: 0.8em;
    position: absolute;
    top: -.4em;
    width: 1px;
}

#sliderContainer {
    padding-bottom: 2em;
}

#tenureText {
    color: #000000;
    font-size: 1em;
    position: absolute;
    text-indent: 0px;
    margin-top: 2.5em;
    width: 10em;
}

.arrow-down-white_Input {
    width: 0;
    height: 0;
    border-left: 1.25em solid transparent;
    border-right: 1.25em solid transparent;
    border-top: 1.25em solid #fff;
    margin-left: auto;
    padding-top: 0px;
    margin-right: auto;
}

#TermsCondition {
    display: block;
    background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
    background-repeat: repeat-x;
    background-color: #eee;
}

#termConditionDetail {
    font-size: 0.75em;
    line-height: 1.6em;
    padding-top: 1em;
    padding-bottom: 1em;
}

#termConditionDetailMsg {
    font-size: 0.75em;
    line-height: 1.6em;
    padding-right: 2.5em;
}

.termConditionDetailContainer {
    padding-top: 2em;
}

.termConditionDetailOuterContainer {
    width: 100%;
    overflow: hidden;
}

.termConditionDetailInnerContainer {
    height: 20em;
    width: 105%;
    overflow: auto;
}

.termConditionDetailMsgText {
    margin-top: 5em;
}

.termConditionDetailShowHide {
    background-image: linear-gradient(to bottom, #eee 0px, #d8d8d8 100%);
    opacity: 0.5;
    position: relative;
    padding-top: 1em;
    height: 1em;
    top: -1em;
}

#submitInput {
    width: 100%;
}

#closeOverlay {
    width: 100%;
}

#submitFirstInputDivInner {
    padding-bottom: 1em;
}

.termConditionDetailDefault {
    padding-right: 2.5em;
    text-align: justify;
}

/*======= INPUT SCREEN END here =========*/
/*======= PRE RECAP SCREEN START here =========*/
#loanFormPreRecap {
    padding-top: 5em;
}

.jumbotron_title_PreRecap {
    font-size: 1.6em;
    line-height: 38px;
    padding-bottom: 1em;
}

#customerPromotionPreRecap, #linkAccountsFromCBOL, #showSameNameDisc, #subHeading_digipassError {
    text-align: center;
}

.line-separator_Prerecap {
    border-bottom: 0.25em solid #004988;
    width: 4em;
    margin-left: auto;
    margin-right: auto;
}

#customerDisbursementSection {
    padding-top: 2.5em;
}

select.form-control {
    background-color: #eee;
}

#CHK_Option {
    margin-top: 2em;
}

#checkFeeID>p {
    font-size: .75em;
    color: #a6a6a6;
}

#selectedAccountNumber_BNK, #selectedAccountNumber_CITI, #inCityNameInput, #payeeName_AD2, #payeeName_BNK {
    background-color: #eee;
}

#submitPreRecap {
    width: 100%;
}

#helpDiv {
    text-align: center;
    padding-bottom: 2em;
    padding-top: 2em;
    display: none;
}

.jumbotron_title_helpDiv {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.6em;
    line-height: 38px;
}

.jumbotron_subtitle_helpDiv {
    padding-bottom: 1em;
}

#submitPreRecapDiv>#needHelpOtp {
    text-align: center;
}

/*======= PRE RECAP SCREEN END here =========*/
/*======= OTP SCREEN START here =========*/
.otp_info, .digiToken_info {
    padding-left: 6em;
    padding-right: 6em;
    padding-top: 2.3em;
    padding-bottom: 2.3em;
}

#otpSection {
    padding-top: 3em;
}

#otp_Counter {
    padding-bottom: 2.3em;
}

#otpSection_info, #digiTokenSection_info {
    display: block;
    background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
    background-repeat: repeat-x;
    background-color: #eee;
    color: #333;
    text-align: center !important;
}

#otpResentBtn {
    text-align: center;
}

#needHelpOtp {
    text-align: left;
}

#otpVerifyBtn {
    margin-top: .5em;
}

#otpLink, #digiTokenLink {
}

#digiTokenInputSection img {
    height: 10rem;
    margin-bottom: 1rem;
	border-radius: 23px 23px 0 0;

}

/*======= OTP SCREEN END here =========*/
/*======= RECAP SCREEN START here =========*/
#loanFormRecap {
    padding: 2em 0em 0em 0em;
    background: rgba(255, 255, 255, 1.0);
    text-align: center;
}

.line_separator_blue_Recap {
    border-bottom: 0.25em solid #004988;
    width: 4em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
}

.jumbotron_title_Recap {
    font-size: 1.6em;
}

.jumbotron_subtitle_Recap {
    font-size: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
}

.Recap_Value {
    font-size: 1.5em;
    color: #002A54;
}

.Recap_Label {
    color: #666;
    font-size: 16px;
}

/*
	 #Recap_Data > div{
		padding-bottom:2em;
	 }
	 #EMISection{
		padding:2em 0em;
		background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
		background-repeat: repeat-x;
		background-color: #eee;
	 }
	 */
#showeffectiveEMI_Recap {
    padding-top: 1.2em;
}

#effectiveInterestRateArea_Recap {
    display: none;
}

#effectiveInterestRateAreaInner_Recap {
    text-align: left;
}

#effectiveInterestRateArea_Recap>div {
    margin-top: .3em;
}

#showeffectiveEMISVG img {
    width: 5%;
}

#showeffectiveEMISVGUpImg {
    display: none;
}

#effectiveInterestRateDisc_Recap {
    padding-top: 1.5em;
    font-size: .8em;
    line-height: 1.6em;
}

#recapLink {
    /*padding-top: 1em;*/

}

#recapLink>div {
    padding-bottom: 0.8em;
}

#submitRecap {
    width: 100%;
}

/*======= RECAP SCREEN END here =========*/

/*======= Confirmation SCREEN START here =========*/
#customerPromotion_Conf {
    background: rgba(0, 0, 0, 0) url("../images/ect_bg.jpg") no-repeat scroll 0 0;
}

#customerPromotionMain_Conf {
    padding: 50px 0px;
}

#appComplete {
    padding-top: 50px;
    padding-bottom: 40px;
}

.jumbotron_content_conf {
    background: rgba(255, 255, 255, 1.0);
    text-align: center;
}

.jumbotron_title_conf {
    font-size: 1.6em;
    padding-top: 40px;
    padding-bottom: 30px;
}

.jumbotron_subtitle_conf {
    font-size: 1em;
}

.blueArea_conf {
    background-image: linear-gradient(to bottom, #002a54 0px, #002a54 100%);
    opacity: .9;
    background-repeat: repeat-x;
    background-color: #002a54;
    border-color: #080808;
    color: #fff;
}

#loanDelivery {
    padding-bottom: 30px;
}

#contactYou {
    padding-bottom: 70px;
}

.SvgImage_conf img {
    width: 20%;
}

.line_separator_white_conf {
    border-bottom: 0.25em solid #fff;
    width: 4em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
}

/*======= Confirmation style END here =========*/
/*======= ERROR style START here =========*/
#loanForm_Error {
    background: rgba(0, 0, 0, 0) url("../images/ect_bg.jpg") no-repeat scroll 0 0;
	background-size: cover;
}

#customerPromotion_Error {
    padding: 50px 0px;
}

#appComplete_Error {
}

.line_separator_white_Error {
    border-bottom: 0.25em solid #fff;
    width: 4em;
    margin-left: auto;
    margin-right: auto;
}

.jumbotron_title_Error {
    font-size: 1.6em;
    padding-top: 40px;
    padding-bottom: 30px;
}

.jumbotron_subtitle_Error {
    font-size: 1em;
    padding-bottom: 35px;
}

.jumbotron_content_Error {
    background: rgba(255, 255, 255, 1.0);
    text-align: center;
    padding: 1em;
}

.blueArea_Error {
    background-image: linear-gradient(to bottom, #056DAE 0px, #056DAE 100%);
    opacity: .9;
    background-repeat: repeat-x;
    background-color: #056DAE;
    border-color: #080808;
    color: #fff;
}

/*======= ERROR style END here =========*/
@media screen and (max-width: 480px) {
    #customerPromotion_Input {
        background: rgba(0, 0, 0, 0) url("../images/ect_bg.jpg") no-repeat scroll 0 0;
    }

    #customerPromotionArea_Input {
        padding: 2em 0em;
    }

    .jumbotron_content_Input {
        background: rgba(255, 255, 255, 1.0);
        text-align: center;
    }

    .jumbotron_subtitle_Input {
        font-size: 1em;
        padding-top: 40px;
    }

    .jumbotron_title_Input {
        font-size: 1.4em;
        line-height: 32px;
        padding-top: 30px;
    }

    .line-separator_Input {
        border-bottom: 0.25em solid #004988;
        width: 4em;
        padding-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    #limitedOffer_Input {
        padding-bottom: 40px;
        padding-top: 30px;
    }

    #congratulations_Input {
        padding-top: 40px;
    }

    #customerAmountSection_Input>div>.form-group {
        margin-bottom: 0px;
    }

    #customerAmountSection_Input {
        background: #002a54 none repeat scroll 0 0;
        color: #fff;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #AmountLabel {
        font-size: 0.75em;
        opacity: 1;
        color: #fff;
    }

    #selectedLoanAmount {
        background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    }

    .arrow-down_blue_input {
        width: 0;
        height: 0;
        border-left: 1.25em solid transparent;
        border-right: 1.25em solid transparent;
        border-top: 1.25em solid #002a54;
        margin-left: auto;
        padding: 0px;
        margin-right: auto;
    }

    #customerEMITenureSection_Input {
        text-align: center;
        padding-top: 1.2em;
    }

    #EMILabel, #tenurePeriod, #interestRate, #effectiveInterestRate {
        color: #333;
        font-size: 1em;
        opacity: 1;
    }

    #EMI {
        color: #000000;
        opacity: 1;
        line-height: .75em;
    }

    #selectedMonthlyInstallment {
        font-size: 3em;
        color: #056DAE;
        line-height: .75em;
    }

    #EMICurrencyValue {
        font-size: 1.6em;
        color: #056DAE;
        position: relative;
        top: -15px;
    }

    #selectedInterestRate, #percentageSymbol_input {
        color: #056DAE;
    }

    #tenurePeriodslider .ui-slider-range {
        background: #056DAE;
    }

    #tenurePeriodslider .ui-slider-handle {
        border-color: #056DAE;
    }

    .ui-slider .ui-slider-handle {
        width: 3em;
        height: 3em;
        position: absolute;
        top: -23px !important;
        border-style: none;
    }

    .ui-slider.ui-slider-horizontal {
        height: 0.0625em;
    }

    .ui-slider.ui-slider-horizontal .ui-slider-range {
        height: 0.3em;
    }

    .ui-slider-label-ticks {
        background-color: #d8d8d8;
        height: 0.8em;
        position: absolute;
        top: -.4em;
        width: 1px;
    }

    #sliderContainer {
        padding-bottom: 2em;
    }

    #tenureText {
        color: #000000;
        font-size: .8em;
        position: absolute;
        text-indent: 0px;
        margin-top: 3.6em;
        width: 7em;
    }

    .arrow-down-white_Input {
        width: 0;
        height: 0;
        border-left: 1.25em solid transparent;
        border-right: 1.25em solid transparent;
        border-top: 1.25em solid #fff;
        margin-left: auto;
        padding-top: 0px;
        margin-right: auto;
    }

    #TermsCondition {
        display: block;
        background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
        background-repeat: repeat-x;
        background-color: #eee;
    }

    #termConditionDetail {
        font-size: 0.75em;
        line-height: 1.6em;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    #termConditionDetailMsg {
        font-size: 0.75em;
        line-height: 1.6em;
    }

    #submitInput {
        width: 100%;
    }

    #submitFirstInputDivInner {
        padding-bottom: 1em;
    }

    /*======= INPUT SCREEN END here =========*/
    /*======= PRE RECAP SCREEN START here =========*/
    #loanFormPreRecap {
        padding-top: 2em;
    }

    .jumbotron_title_PreRecap {
        font-size: 1.6em;
        line-height: 32px;
        padding-bottom: 1em;
    }

    #customerPromotionPreRecap {
        text-align: center;
        padding-left: 3em;
        padding-right: 3em;
    }

    .line-separator_Prerecap {
        border-bottom: 0.25em solid #004988;
        width: 4em;
        margin-left: auto;
        margin-right: auto;
    }

    #customerDisbursementSection {
        padding-top: 2.5em;
    }

    select.form-control {
        background-color: #eee;
    }

    #CHK_Option {
        margin-top: 1.5em;
    }

    #checkFeeID>p {
        font-size: .75em;
        color: #a6a6a6;
    }

    #selectedAccountNumber_BNK, #selectedAccountNumber_CITI, #payeeName_AD2, #payeeName_BNK {
        background-color: #eee;
    }

    #submitPreRecap {
        width: 100%;
    }

    /*======= PRE RECAP SCREEN END here =========*/
    /*======= OTP SCREEN START here =========*/
    .otp_info, .digiToken_info {
        padding-left: 2em;
        padding-right: 2em;
        padding-top: 1em;
        padding-bottom: 1em;
        text-align: left;
    }

    #otpSection {
        padding-top: 3em;
    }

    #otp_Counter {
        padding-bottom: 2.3em;
    }

    #otpSection_info {
        display: block;
        background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
        background-repeat: repeat-x;
        background-color: #eee;
        color: #333;
        text-align: center;
    }

    #otpResentBtn {
        text-align: center;
    }

    #needHelpOtp {
        text-align: center;
        padding-bottom: 1.5em;
    }

    #otpVerifyBtn {
        margin-top: .5em;
    }

    #otpLink, #digiTokenLink {
        padding-bottom: 1.5em;
    }

	#digiTokenInputSection img {
		height: 7rem;
		margin-bottom: 1rem;
		border-radius: 20px 20px 0 0;
	}

    /*======= OTP SCREEN END here =========*/
    /*======= RECAP SCREEN START here =========*/
    #loanFormRecap {
        padding: 2em 0em 0em 0em;
        background: rgba(255, 255, 255, 1.0);
        text-align: left;
    }

    .line_separator_blue_Recap {
        border-bottom: 0.25em solid #004988;
        width: 4em;
        margin-left: auto;
        margin-right: auto;
        padding-top: 2em;
    }

    .jumbotron_title_Recap {
        font-size: 1.6em;
        line-height: 32px;
        text-align: center;
    }

    .jumbotron_subtitle_Recap {
        font-size: 1em;
        padding-top: 2em;
        padding-bottom: 2em;
        padding-left: 2em;
        padding-right: 2em;
        text-align: center;
    }

    .Recap_Value {
        font-size: 1.25em;
        color: #002A54;
        line-height: 1.6em;
    }

    .Recap_Label {
        color: #666;
        font-size: .8em;
    }

    /*
	 #Recap_Data > div{
		padding-bottom:2em;
	 }
	 #EMISection{
		padding:2em 0em;
		background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
		background-repeat: repeat-x;
		background-color: #eee;
	 }
	 */
    #showeffectiveEMI_Recap {
        padding-top: 1.2em;
    }

    #effectiveInterestRateArea_Recap {
        display: none;
    }

    #effectiveInterestRateAreaInner_Recap {
        text-align: left;
    }

    #effectiveInterestRateArea_Recap>div {
        margin-top: .3em;
    }

    #showeffectiveEMISVG img {
        width: 5%;
    }

    #showeffectiveEMISVGUpImg {
        display: none;
    }

    #effectiveInterestRateDisc_Recap {
        padding-top: 1.5em;
        font-size: .8em;
        line-height: 1.6em;
    }

    #recapLink {
        /*padding-top: .1em;*/

    }

    #recapLink>div {
        padding-bottom: 0.8em;
    }

    #submitRecap {
        width: 100%;
    }

    /*======= RECAP SCREEN END here =========*/

    /*======= Confirmation SCREEN START here =========*/
    #customerPromotion_Conf {
        background: rgba(0, 0, 0, 0) url("../images/ect_bg.jpg") no-repeat scroll 0 0;
    }

    #customerPromotionMain_Conf {
        padding: 2em 0px;
    }

    #appComplete {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .jumbotron_content_conf {
        background: rgba(255, 255, 255, 1.0);
        text-align: center;
    }

    .jumbotron_title_conf {
        font-size: 1.6em;
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .jumbotron_subtitle_conf {
        font-size: 1em;
    }

    .blueArea_conf {
        background-image: linear-gradient(to bottom, #002a54 0px, #002a54 100%);
        opacity: .9;
        background-repeat: repeat-x;
        background-color: #002a54;
        border-color: #080808;
        color: #fff;
    }

    #loanDelivery {
        padding-bottom: 30px;
    }

    #contactYou {
        padding-bottom: 70px;
    }

    .SvgImage_conf img {
        width: 25%;
    }

    .line_separator_white_conf {
        border-bottom: 0.25em solid #fff;
        width: 4em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 70px;
    }

    /*======= ERROR style START here =========*/
    #loanForm_Error {
        background: rgba(0, 0, 0, 0) url("../images/ect_bg.jpg") no-repeat scroll 0 0;
    }

    #customerPromotion_Error {
        padding: 2em 0px;
    }

    #appComplete_Error {
        padding-top: 50px;
    }

    .line_separator_white_Error {
        border-bottom: 0.25em solid #fff;
        width: 4em;
        margin-left: auto;
        margin-right: auto;
    }

    .jumbotron_title_Error {
        font-size: 1.6em;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .jumbotron_subtitle_Error {
        font-size: 1em;
        padding-bottom: 80px;
    }

    .jumbotron_content_Error {
        background: rgba(255, 255, 255, 1.0);
        text-align: center;
        padding: 1em;
    }

    .blueArea_Error {
        background-image: linear-gradient(to bottom, #056DAE 0px, #056DAE 100%);
        opacity: .9;
        background-repeat: repeat-x;
        background-color: #056DAE;
        border-color: #080808;
        color: #fff;
    }

    /*======= ERROR style END here =========*/
}

/*======= EDIT INPUT style START here =========*/
.jumbotron_title_EditInput {
    font-size: 1.6em;
    line-height: 38px;
    padding-bottom: 40px;
    text-align: center;
}

#customerDisbursementSection_editInput {
    background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
    background-repeat: repeat-x;
    background-color: #eee;
}

#customerDisbursementInnerSection_editInput {
    padding: 2em 0em;
}

#customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#disbursementOption>div>select.form-control {
    background-color: #fff;
}

#customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#AD2_Option>div>input.form-control,
#customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#AD2_Option>#accPayeeName>div>input.form-control {
    background-color: #fff;
}

#customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#BNK_Option>#banksList>div>select.form-control,
#customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#BNK_Option>#accPayeeName>div>input.form-control {
    background-color: #fff;
}

#customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#BNK_Option>div>#selectedAccountNumber_BNK, #customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#CITI_Option>div>#selectedAccountNumber_CITI,#customerDisbursementSection_editInput>#customerDisbursementInnerSection_editInput>#PLIST_Option>div>#selectedAccountNumber_PLIST  {
    background-color: #fff;
}

#submitEditInput {
    width: 100%;
}

#submitEditInputDiv {
    padding-top: 2em;
}

/*======= EDIT INPUT style END here =========*/
/*======= footer style START here =========*/
#c3_cbolui_footer {
    padding-top: 3em;
}

#citiFooter {
    width: 70px;
    height: 40px;
}

#citi_footer>.navbar {
    margin-bottom: 2px;
}

#citi_footer {
    border-bottom: 2px solid #d0d0d0;
	padding-left: 6px;
}

#citi_layouts_footer>p {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: .75em;
	padding-left: 6px;
    padding-right: 6px;
}

#footerTop>.navbar-brand {
    padding: 0px 2px;
}

#footerLink {
    color: #056dae;
}

/*======= footer style END here =========*/
.background_row {
    padding-top: 1.5em;
    padding-bottom: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
}

.background_row_list {
    padding-top: 1.5em;
    padding-bottom: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
}

.background_row_list_color {
    background-image: linear-gradient(to bottom, #eee 0px, #eee 100%);
    background-repeat: repeat-x;
    background-color: #eee;
}

#customerPurposeOfLoan_Center {
    text-align: center;
    padding-top: 1.2em;
}

#customerPurposeOfLoan_Input {
    padding-bottom: 2em;
}

#purposeOfLoanOther {
    background-color: #eee;
}

.lblPOL_Value {
    font-size: 1.5em;
    color: #002A54;
}

#crossSaleBannerWrapper {
    background-color: white;
    border-top: 0px;
    border-left: 1px solid rgb(231, 231, 231);
    border-right: 1px solid rgb(231, 231, 231);
}

#crossSaleBanner {
    background-color: #eee;
    padding: 0px !important;
    min-height: 0px;
}

.bannerImageContainer_LOP {
    float: left;
    width: 397px;
    height: 283px;
    background-image: url('/C3Apps/cbol/images/lop-desktop.png');
}

.bannerImageContainer_TXNEPP {
    float: left;
    width: 397px;
    height: 283px;
    background-image: url('/C3Apps/cbol/images/epp-desktop.png');
}

.bannerImageContainer_BILLEPP {
    float: left;
    width: 397px;
    height: 283px;
    background-image: url('/C3Apps/cbol/images/epp-desktop.png');
}

#bannerContentContainer {
    float: left;
    max-width: 360px;
    margin-top: 40px;
    margin-left: 30px;
}

#bannerContentTitle {
    font-size: 2.2rem;
    font-weight: bold;
}

.bannerContentP {
    padding-top: 20px;
    font-size: 0.85rem;
}

.bannerContentContact {
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.85rem;
    color: #056DAE;
}

#crossSaleBannerLink {
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    #crossSaleBannerWrapper {
        background-color: white;
        border-top: 0px;
        border-left: 1px solid rgb(231, 231, 231);
        border-right: 1px solid rgb(231, 231, 231);
        border-bottom: 1px solid rgb(231, 231, 231);
    }

    #crossSaleBanner {
        background-color: #eee;
        padding: 0px !important;
        min-height: 0px;
    }

    .bannerImageContainer_LOP {
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url('/C3Apps/cbol/images/lop-mobile.png');
    }

    .bannerImageContainer_TXNEPP {
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url('/C3Apps/cbol/images/epp-mobile.png');
    }

    .bannerImageContainer_BILLEPP {
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-image: url('/C3Apps/cbol/images/epp-mobile.png');
    }

    #bannerContentContainer {
        max-width: 360px;
        margin-top: 40px;
        margin-left: 30px;
        margin-right: 30px;
    }

    #bannerContentTitle {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .bannerContentP {
        padding-top: 20px;
        font-size: 0.9rem;
    }

    .bannerContentContact {
        vertical-align: middle;
        font-weight: bold;
        font-size: 0.85rem;
        color: #056DAE;
    }

    #crossSaleBannerLink {
        font-weight: bold;
    }

    #customerPromotion_Input {
        background: rgba(0, 0, 0, 0) url("../images/ect_bg.jpg") no-repeat scroll 0 0;
    }

    #customerPromotionArea_Input {
        padding: 2em 0em;
    }
}
#cancelFirstInputDivInner {
    text-align: center;
    padding: 10px 0;
}

.label_style {
			font-size: large;
			float: left;
			padding-right:15%;
			color: rgb(126, 126, 126);
			font-family: 'Interstate', sans-serif;
			text-align: left;
		}

		.label_value_style {
			font-size: large;
			//text-align: right;
			//color:#056DAE;
			padding-bottom: 10px;
			color: rgba(5, 70, 110, 0.747);
			font-family: 'Interstate', sans-serif;
		}

.line_separator_white_Error_update {
    border-bottom: 0.25em solid #056DAE;
    width: 4em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
}
	.margin20 {
			margin: 35px;
			margin-left: 0;
			margin-top: 3em;
			//width: 120%;
			white-space: normal;

		}
			.inline_block {
			display: inline-block;
		}

		.label_width150 {
			//width: 170px;

		}
		
		.btn-primary {
    color: #fff !important;
    border-color: #056DAE !important;
    background: #056DAE !important;
}

.float-none{
 float: none;
 
}
.validation-input-danger{
	border-color: #D60000!important;
}

.validation-message-danger {
    line-height: 1em ;
    position: relative ;
    font-size: 12px ;
    font-size: .75rem ;
	color: #D60000 ;
    display: block ;
}
.centerAlign {
    text-align: center;
}
.subdiv_allinline {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.display_none{
display:none;
}
.input-normal{
	background-color: #eee!important;
    line-height: 1.5 !important;
    margin-bottom: 0.2rem !important;
    margin-top: 0.15rem !important;
    margin: 3px 0 5px !important;
    padding: 10px 20px !important;
    height: 50px !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    -webkit-transition: border-color ease-in-out 225ms !important;
    transition: border-color ease-in-out 225ms !important;
    font-size: 16px !important;
    font-size: 1rem !important;
}
.input_style_lable{
	font-size: large;margin-top:  0.5em;width: 400px; margin-bottom: 20px;
}
.appComplete_Error_style{
text-align: center;font-weight: 500;
font-size: 2.625rem;padding-top: 1.5em;padding-bottom: 0.5em;color: rgb(126, 126, 126);font-family: 'Interstate', sans-serif;   ;
}
.otpPrefix_style{
	margin-top: 20px;
    text-align: right;
}
.display_content {
display: contents!important;
}
.completeHead_style{
	padding-top: 20px;
    font-size: 18px;
    padding-bottom: 30px;
}
.otpResent{
cursor:pointer!important;
}

#sessionextension-modal.fade.show {
	opacity: 1;
}
.modal-header .close {
	padding: 0 !important;	
	margin:0 !important;
	opacity: 1 !important;
}
.modal-header .modal-title{
	margin: auto;
} 

element.style {
}
#citi_footer>.navbar {
    margin-bottom: 2px;
}

.navbar {
    position: relative !important;
    min-height: 50px;
    margin-bottom: 20px !important;
    border: 1px solid transparent;
    justify-content: right !important;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.close {
    float: right !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff !important;
	top: 30px !important;
    right: 15px !important;
}
a{
color: #056DAE !important;
}

.modal-body {
    padding: 25px 40px 10px !important;
    border-bottom: 0 none;
}
.modal-header {
    padding: 80px 40px 20px !important;
    border-bottom: 0 none;
    text-align: center;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0,-50px)!important;
    transform: translate(0,-50px) !important;
    -webkit-transition: -webkit-transform .5s ease-out !important;
    transition: transform .5s ease-out !important;
}
.col-xs-12 {
    width: 100% !important;
}
.col-xs-10 {
    width: 83.33333% !important;
}
.col-xs-6 {
    width: 50% !important;
}
.col-xs-5 {
    width: 41.66667% !important;
}
::-ms-reveal {
	display: none;
}