@charset "utf-8";
/* CSS Document */
body,section,h1,h2,h3,h4,h5,h6,a,div,img,p{margin:0px; padding:0px;}
label{font-weight:500 !important;}
div.error {
    font-weight: normal;
    color: red;
} 
.grey-bg-full{background:#f4f5f7; height:186vh; width:33.7%; position:absolute; max-height:300%;}
.grey-bg{background:#f4f5f7;}
.red-bg{background:#fff5f4 !important;}
.brdr-btm-grey{border-bottom:1px solid #CCC;}
.brdr-top-grey{border-top:1px solid #CCC;}
.brdr-radus3_01{border-radius:3.01px !important;}
.float-none{float:none !important;}
.pt-30{padding-top:30px;}
.pt-60{padding-top:60px;}
.pt-100{padding-top:100px;}
.mr-4{margin-right:4%;}
.pl-0{padding-left:0px !important;}
.pl-46{padding-left:46px;}
.ml-20{margin-left:20px;}
.ml-46{margin-left:46px;}
.m-0{margin:0px !important;}
.mr-6{margin-right:6px;}
.mr-22{margin-right:22px;}
.mt-10{margin-top:10px;}
.mt-22{margin-top:22px;}
.mt-60{margin-top:60px;}
.mt-100{margin-top:100px;}
.pb-40{padding-bottom:40px;}
.mb-40vh{margin-bottom:40vh !important;}
.mb-20{margin-bottom:20px;}
.mb-90{margin-bottom:90px;}
.right-90{right:-90px;}
.call-icon{float:right; margin-top:30px; position:relative;}
.call-icon a{color:#0e2439; text-decoration:none;}
.call-icon a:hover, .call-icon a:focus{text-decoration:none;}
.get button{background-color:#40a3f7; border-color:#1c92f5;}
/*.w-100{width:100%;}*/
.width48{width:48%; float:left;}
.terms-agree{  border-radius:2px;  font-size: 12px; text-align: justify;line-height: 15px;height: 150px;overflow-x: hidden;overflow-y: scroll;margin-bottom: 25px;border: 1px solid #ccc;padding: 5px;}
.welcome-text h3{font-size:25px; color:#0e2439; font-weight:600; line-height:30px;}
.welcome-text p, .welcome-text div.call_instead{font-size:18px; color:#7c8894; margin:30px 0;}
.security-bg{background:#fff; padding:14px 22px; color:#7c8894; font-size:16px; font-weight:600;border-radius:3.01px;margin-top: 122px;}
.form-side{ width:100%; max-width:50%; margin-left: 4%;}
.form-side h3{font-size:18px; font-weight:600; color:#0e2439;}
input[type=text], input[type=password], input[type=email],input[type=number], 
select{border-radius:3px !important; border:1px solid #ccc !important; box-shadow:none !important; height:50px !important;}
.bottom-txt{margin-left: 4%; font-size:14px; line-height:24px;}

/* Screen Business Info */
.tab-brdr, .tab-brdr li a, .tab-brdr li a:hover{border:none !important; padding:0px !important; background:none !important;}
.tab-brdr li{margin:10px 15px;}
.tab-brdr li.active{border-bottom:3px solid #eee !important;}
.search-icon{position:absolute !important; top:12px !important; right:10px; z-index:11; cursor:pointer;}
.secur-box{background:rgb(221 221 221 / 53%); border:1px solid #ccc; border-radius:4px; padding:20px; position:relative; float:left; width: 100%;}
.docum-card{border:1px solid #ccc; padding:20px 30px; float:left; position:relative; width:100%; border-radius:4px;}
.docum-card.stage-progress {padding: 10px; }
/*.ApplicationProgressBar {margin-bottom: 20px;}*/
.docum-heading h3{font-size:18px; font-weight:600; color:#0e2439;}
.text-box{width:100%;}
.sub-docum-txt{width:70%; float:left; position:relative;}
.sub-docum-txt h2, .text-box h2{margin:0px;}
.sub-docum-btn{width:25%; float:right; position:relative;}
.sub-docum-btn button{margin-top:15px; float:right;}
.grey-bg0{background:none !important;}
.color-black{color: #000 !important;}
.profile-pic{position:absolute; right:80px; top:0;}
.profile-pic ul li a:focus, .profile-pic ul li a:hover{background:none !important;}
/* End of Screen Business Info */

/*6-5-22 */
.checkStage .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {color: #fff;background-color: #0161ff; border-radius: 3.01px; }

.checkStage ul.nav.nav-pills li a {color: #333; }

.tab_select.checkStage ul.nav.nav-pills li a {padding: 4px 15px;font-size: 16px;font-weight: 400;pointer-events: none; }

.checkStage ul li a {margin: 0 18px; }

/*ul.nav.nav-pills {display: flex;justify-content: center;flex-wrap: wrap; }*/

@media (min-width:320px) and (max-width:740px){
.grey-bg-full{width:100%; position:absolute; max-height:74%;}
.form-side{width:100%; max-width:90%; margin-left:4%;}
.nav-tabs{margin-top:40px;}
.mb-40vh{margin-bottom:8vh !important;}
.welcome-text p, .welcome-text div.call_instead{margin:20px 0;}
.call-icon{margin-top:10px;}
.pb-40{padding-bottom:10px;}
.sub-docum-txt{width:100%;}
.sub-docum-btn{width:100%; text-align:center;}
.sub-docum-btn button{float:none;}
.profile-pic{top:40px;}
.grey-bg-maxh{max-height:95% !important;}


}
@media (min-width:741px) and (max-width:767px){
.grey-bg-full{width:100%; position:absolute; max-height:67%;}
.form-side{width:100%; max-width:90%; margin-left:4%;}
.mb-40vh{margin-bottom:6vh !important;}
.welcome-text p, .welcome-text div.call_instead{margin:14px 0;}
.nav-tabs{margin-top:30px;}
}
@media (min-width:768px) and (max-width:990px){
.grey-bg-full{width:42%; height: 212vh; position:absolute; /*max-height:380%;*/}
.form-side{width:100%; max-width:90%; margin-left:4%;}
.mr-22, .ml-46{margin-left:0px; margin-right:0px;}
.security-bg{font-size:13px;}
.tab-brdr li{margin:10px 12px;}
.sub-docum-txt{width:100%;}
.sub-docum-btn{width:100%; text-align:center;}
.sub-docum-btn button{float:none;}
	.nav-pills>li {float: left;width: 33.33%;text-align: center; }
	
	ul.nav.nav-pills {display: flex;flex-wrap: wrap; }
	
	.checkStage .nav-pills>li+li {margin-left: 0; }

}
@media (min-width:991px) and (max-width:1140px){
.form-side{max-width:70%;}	
.mr-22, .ml-46{margin-left:0px; margin-right:0px;}
.security-bg{font-size:14px;}
.grey-bg-full{/*max-height:385%;*/ height: 194vh;}
}
@media (min-width:1141px) and (max-width:1240px){
.form-side{max-width:80%;}	
.mr-22, .ml-46{margin-left:0px; margin-right:0px;}
.security-bg{font-size:14px;}
.grey-bg-full{max-height:385%;}
}
div.sub-docum-files p {
    background: #edecec;
    padding: 10px;
    border-radius: 3.01px;
	display: flex;
    justify-content: space-between;
}
.sub-docum-files .file-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div.sub-docum-files p span {
    float: right;
    color: green;
}

#form-step0 {
    display: table;
}

#form-step0 > [class*="col-"], #form-step1 > [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

button.add-documents-modal {
    min-width: 200px;
    width: 220px;
}

.dz-progress {
    display: none;
}

.logo img {
    max-width: 250px;
}

.sidebar {
    height: calc(100vh);

}

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

div.ssnNum, div.ssn2Num{
	position:relative;
    margin-bottom: 36px;
}

input.ssnNumber, input.ssn2Number {
	position: absolute;
}

input.ssnValue, input.ssn2Value {
	position: absolute;
	top:0;
	color: transparent !important;
	background: transparent;
	border:none;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    z-index: 9999;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #eee;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    z-index: 9999;
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}


.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    z-index: 9999;
}

.error{
    color: #FF0000;
   /*  text-align:center */
}

.application_id {
    margin-top: 50px;
    float: right;
}

.btn-primary{border-color:transparent !important}

.btn:active, .btn.active {
    background-image: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn:hover, .btn:focus, .btn.focus {
    background-color: rgba(9,30,66,.13);
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
    outline: none !important;
    outline-offset: none !important;
}

button.btn.btn-primary.w-100 {
    width: 100%;
}

.alert-danger {
    color: inherit !important;
    background-color: #f8586417 !important;
    border-color: #F85864 !important;
    border-radius: 3.01px;
}
.alert-notice {
    color: inherit !important;
    background-color: #15ff4c4a !important;
    border-color: #28d851 !important;
    border-radius: 3.01px;
}

.col-12 {
    text-align: center;
}

.already-account {
    text-align: center;
    margin-top: 20px;
}

.col-lg-12.col-md-12.col-sm-12.col-xs-12.alert.alert-danger{padding: 20px !important;}


/**********CSS START HERE 23-12-2021*******/


	/***Login page***/

html {margin: 0}

input[type=checkbox]:focus {outline: none !important; outline-offset: 0 !important; box-shadow: none !important;} 

button.addApplicant {font-size: 14px; color: #394B5D;}


.lg-form {padding: 75px 0 0 0;} 

.navbar .logo-left img {margin: 10px 0;}

.lg-form .login-form {box-shadow: none; border: 1px solid #ccc; border-radius: 3px; max-width: 477px; margin: 0 auto;}

.login-form .form-group {margin: 0;}

.login-main {padding: 62px 43px;}

.login-form .form-horizontal .form-group {margin: 0 0 25px 0;}

.login-form h4 {color: #0E2439; font-size: 24px; line-height: 28px; margin: 0 0 50px 0;}

.row .form-horizontal .control-label {padding: 0; line-height: 20px; color: #0E2439; margin: 0 0 5px 0;}

.submit-button {width: 100%; display: inline-block; margin: 11px 0 41px 0;}

.forgot-psw {width: 100%; display: inline-block; text-align: left;}

.forgot-psw .text-info {margin: 0; float: left; color: #40A3F7;}

.submit-button button {width: 100%;}

.btn.btn-primary {background-color: #ecedf0; transition:0.3s ease-in-out;}

.btn.btn-primary:hover {background-color: #0060FF;}

	/**Register page***/

	.register-page .tab-content .form-side {max-width: 555.1px; margin: 0 auto; padding: 30px 0 0 0;}
	
	.register-page .form-label {width: 100%; text-align: left; font-size: 14px; color: #0E2439;}
	
	.register-page .mr-4 {margin-right: 2%;}
	
	.register-page .width48 {width: 49%;} 
	
	.register-page .form-check {display: inline-flex; align-items: center; font-size: 14px; margin: 0 0 14px 0; width: 100%;}
	
	.register-page .form-check label {width: unset;}
	
	.register-page .form-check .error {width: unset; margin: 0 14px 0 0;}
	
	.register-page .form-check input[type=checkbox] {margin: 0 14px 0 0; width: 20px; height: 18px;}
	
	.register-page .form-check .form-check-label {margin: 0; line-height: normal;}
		
	.register-page .already-account {margin-top: 46px; width: 100%; display: inline-block;}
	
	.form-side h3 {font-size: 24px;}
	
	.register-page .form-control {margin: 0; box-shadow: none; font-family:sans-serif; transition: 0.3s ease-in-out;}
	
	.register-page .error {width: 100%; text-align: left; margin: 0;}
	
	.register-page .tab-content .form-side form {margin: 0; position: relative; z-index: 0;}
	
	.register-page .terms-agree.first {margin: 0 0 20px 0;}
	
	.register-page select {background: url(/landing/images/carat.png); background-repeat: no-repeat; background-position: right 15px top 19px; background-size: 10px;}
	
	.container-fluid {padding-left: 15px;}
	
	.form-side .mt-60 {text-align: center;}
	
	.form-other-loans .mt-60 .back-to-step11, .mt-60 .backbuttonregis {background: transparent;}

	
	/***FINANCIAL PAGE***/
	
	.tab-content .application_id {padding: 0 20px; width: 100%; display: inline-block;}
	
	
	/***form-business-info2***/
	
	.form-business-info2 .input-group.w-100 {width: 100%;}
		
	.form-business-info2 .input-group.w-100 .input-group-addon {cursor: pointer; background: no-repeat; padding-right: 15px;}
	
	.form-business-info2 .input-group.w-100 input.form-control {border-right: 1px solid transparent!important; border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;}
		
	.register-page .width48.full {width: 100%; margin: 0;}
	
	.form-add-documents .row.g-3 {max-width: 837px; margin: 0 auto;}
	
	.register-page .tab-content .form-add-documents .form-side {max-width: 669px;}
	
	.register-page .tab-content .form-add-documents .form-side p {text-align: left; margin: 33px 0 33px 0; width: 100%; display: inline-block; text-align: center;}
	
	.form-add-documents .row.g-3 h3 {margin-top: 0;}
		
	.form-add-documents .text-right.w-100 {text-align: center;}
	
	.secur-box p {text-align: left;}
	
	.secur-box img {max-width: 35px;}
	
	.form-add-documents .secur-box.w-100 p {display: flex; align-items: center; margin: 0;}
	
	.form-add-documents .secur-box.w-100 img {width: 48px; margin: 0 24px 0 0;}
	
	.clear { padding: 0 20px; width: 100%; margin: 0; position: relative; top: 65px; display: inline-block; z-index: 1;}
	 
	 /* .centered {background: rgba(0,0,0,.4); top: 0; left: 0; right: 0; bottom: 0; height: 100%; transform: none; display: flex; align-items: center; justify-content: space-around;} */
	 
	 .sub-docum-files.brdr-radus3_01 {margin: 10px 0;width:100%}
	 
	
	
	/***ROOT INDEX PAGE***/
	
	
	.root-index-page [class*=col-] {float: none; /*display: table-cell;*/ vertical-align: top;width:100%;}
   
	.t-breadcrumb {padding: 0 20px;}
	
	.root-index-page .form-financing-request {max-width: 95%; margin: 0 auto;}
	
	.root-index-page .form-financing-request > h3 { margin: 25px 0; font-weight: 700; color: #0e2439;}
	
	.root-index-page .alert-danger {display: flex; align-items: center;} 
	
	.root-index-page .sub-docum-txt p {width: 100%; display: inline-block;}
	
	.root-index-page .docum-card h3 {margin-bottom: 10px;}
	
	/* .login-header header .col-lg-10 {display: none;} */

    .terms-agree a{color: #eee; }
	
.header_nav .col-lg-10 {
    display: block;
}
 nav .col-lg-10 {
    display: none;
}
.logindiv .btn-pdng,
.logoutdiv .btn-pdng {
    position: absolute;
    right: 50px;
    top: 70px;
}
.logoutdiv .btn-pdng {
    top: 15px;
    width: auto;
}
.tt {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 30px;
}

.tt .sub-docum-btn {
    width: auto;
    margin-left: auto;
}
.btn.addApphied {
	 background-color:#eee; 
}
.btn-center-applicant {
    text-align: left;
}
/**********RESPONSIVE CSS START HERE*******/



@media screen and (max-width: 767px) 
{
	.btn-center-applicant{
		text-align:center;
	}
	.lg-form .login-form { width: 100%; display: inline-block; max-width: 100%; padding: 0; box-shadow: none; filter: unset; border: none;}
	
	html body{min-width: unset}
	
	.login-main {padding: 0 5px;}
	
	.register-page .tab-content .form-side {padding: 20px 20px 0px 20px;}
	
	.register-page .terms-agree {margin: 0 0 41px;}
	
	.register-page .already-account {margin-top: 36px;}
	
	body .tab-content .application_id {width: auto; margin: 0 auto; display: table; float: none;}
	
	.form-add-documents .row.g-3 {padding: 0 20px}
	
	.docum-card {padding: 20px}
	
	.secur-box p {margin: 0 0 20px 0;}
	
	.register-page .tab-content .form-add-documents .form-side p {text-align: center; margin: 0}
	
	.form-add-documents .secur-box.w-100 {margin: 0;}
	
	.form-add-documents .secur-box.w-100 img {margin: 0 15px 0 0;}
	
	.form-add-documents .secur-box.w-100 p {align-items: flex-start;}
	
	.form-add-documents .row.g-3 h3 {text-align: center}
	
	.sub-docum-txt p {text-align: center; margin: 0;}
	
	.clear {top: 16px}
	
	.lg-form .row .row {margin: 0;}
	
	.root-index-page .docum-card {text-align: center}
	
	.t-breadcrumb span {width: 100%; float: none !important;}
    .t-breadcrumb { text-align: center;}
	
	.nav-pills>li {float: left;width: 33.33%;text-align: center; }
	
	ul.nav.nav-pills {display: flex;flex-wrap: wrap; }
	
	.checkStage .nav-pills>li+li {margin-left: 0; }

    .pt-60 {padding-top: 30px;}

    .SelectAccountDiv ul {text-align: center;font-size: 24px;}

    h3.select-account {text-align: center;}
    body section {padding-top: 25px !important;}
	.logindiv .btn-pdng{
		right: 20px;
		top: 70px;
	}
	.logoutdiv .btn-pdng {
    top: 40px;
    width: auto;
	right: 20px;
	}
.DocumentsTable tr > th:first-child, .DocumentsTable .data-table-row > td:first-child {
    padding-left: 20px;
    padding-right: 20px;
    width: 200px;
}

.DocumentsTable .data-table-row > td:first-child > .downloadfile {
    word-break: break-all;
    white-space: normal;
}

.form-financing-request .docum-card table tr th:last-child ,.form-financing-request .docum-card table tr td:last-child {
    max-width: 110px;
    width: 110px;
}

.form-financing-request .docum-card table.DocumentsTable{
    table-layout: auto;
}	
.DocumentsTable tr > th:nth-child(2), .DocumentsTable .data-table-row > td:nth-child(2) {
    min-width: 100px;
    padding: 15px 20px;
    max-width: 120px;
    white-space: normal;
    text-align: center;
}


}

.loader_message {
    color: #E5E5E5;
}
/* 13-04-2022 */

/*@media(max-width:372px){
	

.register-page .width48 {width: 100%; }

.secur-box {padding: 10px; }

footer {padding: 10px 0; }

.footer-flex.d-flex .col-md-6.col-12 {padding: 0;font-size: 12px; }

.inner-body .mt-60.pb-40.text-right.w-100 {margin-top: 15px;padding-bottom: 42px; }
}*/

.width48.mr-4.ssn-cls {
    padding-bottom: 14px;
}

@media(max-width:740px){
.logoutdiv > a > span.btn {
	position: relative;
    right: 0;
    top: 0px;
    margin: 0 auto 45px !important;
    display: block;
    max-width: 140px;
	}	
	.tt {
		flex-wrap: wrap;
	}

	.tt .sub-docum-btn {
		margin: auto;
	}
}
@media(max-width:480px){

.secur-box {padding: 10px; }

footer {padding: 10px 0; }

.footer-flex.d-flex .col-md-6.col-12 {padding: 0;font-size: 12px; }

.inner-body .mt-60.pb-40.text-right.w-100 {margin-top: 15px;padding-bottom: 42px;}

.form-financing-request .docum-card table tr td {padding: 15px 1px; }
 
.form-financing-request  .docum-card {padding: 10px; }
 
.form-financing-request .docum-card table {table-layout: fixed;font-size: 12px; }
  
.root-index-page button {margin-top: 35px; }
.sub-docum-txt {
    width: 100%;
}
.root-index-page button {margin-top: 5px; }
.tab-pane .docum-card textarea {
    border: 1px solid;
}
.NewAppDiffBusiness, .NewAppSameBusiness {padding: 13px;font-size: 12px;margin: auto;display: inline-block; }

section .nav-tabs li.nav-item.active {display: block;float: unset;width: 148px;margin: auto; padding-top: 50px; }

	.checkStage .nav-pills>li {float: left;width: 50%; text-align: center;}

	.checkStage .nav-pills>li+li {margin-left: 0; }
	
	.checkStage ul.nav.nav-pills {display: flex;flex-wrap: wrap; }
	
	.tab_select.checkStage ul.nav.nav-pills li a {padding: 7px 15px;font-size: 14px;font-weight: 400; }
.logindiv .btn-pdng {
    position: relative;
    right: 0;
    top: 0px;
    margin: 30px auto 0 !important;
    display: block;
    max-width: 140px;
}


}


/*@media(max-width:767px){

.inner-body .mt-60.pb-40.text-right.w-100 {margin-top: 15px;padding-bottom: 42px; }
}*/

.tab-pane .docum-card button {
    margin-top: 20px;
}
@media(max-width:767px){
	.form-side .col-xs-12.col-md-12.mt-60 {
    margin-top: 15px;
    padding-bottom: 4px;
	
}
.main_wrapper .disclaimer-txt {
    padding-bottom: 0;
}
.footer{margin: 50px auto 70px; padding-bottom: 25px;   padding: 20px;}

.inner-body .mt-60.pb-40.text-right.w-100 {margin-top: 15px;margin-bottom: 15px;; padding-bottom: 4px; }

.register-page .width48 {width: 100%; }
.register-page .already-account {
    margin: 20px 0 50px;
}

.width48.mr-4.cit {
    padding-bottom: 20px;
}

.root-index-page .pull-right {
   float: unset !important;
}
 .root-index-page .pull-right .loggedInAs {display: none; }
 .root-index-page .nav-tabs li.nav-item.active{display:none !important;}
 .root-index-page body section {padding-top: 25px !important;}
 h4.business-journey { text-align: center;}
 
 section .nav-tabs {
    margin: 15px 0 0;
 }

.nav-tabs>li {
    margin: 0 12px;
}
}

button.btn.btn-default.loggedInAs:hover {
    background: transparent !important;
    cursor: auto;
}
.dz-default span.btn.btn-default {
    font-size: 12px;
}

.modal-body textarea {
    width: 100%;
}

.pull-right {
    float: right;
}

p.static_footer {
    margin-top: 50px;
}

span[data-fieldname] {
    border-radius: 3px!important;
    border: 1px solid #ccc!important;
    box-shadow: none!important;
    width: 100%;
    padding: 15px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    float: left;
    text-align: left;
    height: 50px;
    background: #ccc;
}
/*01-06-2022*/

.spin-icon {
	color: black;
  margin-left: -12px;
  margin-right: 8px;
}
.snnerror1 {
    margin-bottom: 50px !important;
    margin-top: 0px;
}

.ssn2Num {
    margin-bottom: 48px !important;
}
/* 12.08.2022 */
div#GetAllRelatedAccountContact .modal-dialog {width: 460px;max-width: 100%; }

div#GetAllRelatedAccountContact .modal-body {padding: 20px 0 11px 39px; }

div#GetAllRelatedAccountContact  h4.modal-title {text-align: center;font-weight: 700; }

div#GetAllRelatedAccountContact .modal-body span {color: #000;padding: 0 5px; }

.releted-account-contact {align-items: center;display: flex; }

.modalfooter {text-align: center;padding: 40px 0 20px; }

.modalfooter button.btn.btn-default.addselected {background: #eee;
    font-size: 14px;
    color: #394B5D;
    margin-right: 14px;}

.modalfooter button.btn.btn-default.addcancel {background: red;color: #fff; font-size: 14px;}

div#GetAllRelatedAccountContact .modal-body {overflow-y: scroll; height: 400px;}

/*========================
 17.08.2022  skeleton CSS
==========================*/


.skeleton .welcome-text a.logo, .skeleton ul li, .skeleton .welcome-text h3, .skeleton .welcome-text p, .skeleton .skeleton .sidebar-list ul li i, .skeleton .side-icons-img, .skeleton label, .skeleton input, .skeleton select, .skeleton checkbox, .skeleton span.input-group-addon, .skeleton .terms-agree p, .skeleton .form-side h3, .skeleton .secured-by-img, .skeleton .already-account, .skeleton .continue, .skeleton .call_instead, .skeleton .call-icon.float-none, .skeleton p .newsketon, .skeleton .loanspark, .skeleton .application_id span.pull-right, .skeleton .btn.btn-primary, .btn-success, .skeleton .form-other-loans .skeleton .mt-60 .back-to-step11, .skeleton .mt-60 .backbuttonregis, .skeleton .input-group-addon, .skeleton p.saf-sorcs, .skeleton button.addApplicant, .skeleton .docum-heading p, .skeleton .btn, .skeleton .sub-docum-txt h3, .skeleton .sub-docum-txt p, .skeleton p.best-change, .skeleton h4.ng-scope, .skeleton .forgot-psw , .skeleton .forgot-psw.passparam,.skeleton span.pull-left, .skeleton .alert-notice, .skeleton .footer p, .skeleton .footer-logo   {
  background: linear-gradient(
      to right,
      rgb(255 255 255 / 37%),
      rgb(224 218 218 / 50%) 50%,
      rgb(5 5 5 / 0%) 80%
    ),
    lightgray;
  background-repeat: repeat-y;
  background-size: 50px 500px;
  background-position: 0 0;
  animation: shine 1s infinite;
}
@keyframes shine {
  to {
    background-position: 100% 0;
  }
}


header.skeleton {background: #ddd !important; padding: 0;}

.skeleton .nav-tabs>li>a {color:transparent !important;/*height: 12px;width: 89px;*/ }

.skeleton .nav-tabs>li>a:hover {color: transparent; }

.skeleton .nav-tabs>li>:after {border: none !important; }

.skeleton .tab-brdr li.active {border-bottom: unset !important;}

.skeleton a.logo img {visibility: hidden;}

.skeleton .welcome-text h3 {color: transparent; }

.skeleton .welcome-text p {color: transparent !important;}

.skeleton .sidebar-list ul li p {align-items: center;}

.skeleton .sidebar-list ul li {border-radius: 50px !important; }

.skeleton .sidebar-list ul li i {margin-left: -10px;border-radius: 100%; }

.skeleton .side-icons-img img,.skeleton span.input-group-addon img,.skeleton .secured-by-img img,.skeleton .input-group-addon img {visibility: hidden; }

.skeleton .side-icons-img {margin-top: 70px; }

.skeleton label {color: transparent !important;border-radius: 50px;padding: 0 !important;width: 225px !important;     display: grid;height: 12px;margin: 10px 0; }


.skeleton .terms-agree p {color: transparent !important; }

.skeleton .terms-agree p a {color: transparent !important; }

.skeleton .terms-agree {border: none;overflow: hidden; }

.skeleton .form-side h3 {height: 12px; }

.skeleton .form-side h3 {color: transparent!important;width: 340px;margin: auto !important;border-radius: 50px; }

.skeleton .already-account {color: transparent !important;width: 300px;border-radius: 50px;height: 13px; }

.skeleton .already-account a {color: transparent !important; }

.skeleton .continue {color: transparent !important; }

.skeleton .welcome-text div.call_instead {color: transparent !important; }

.skeleton .SupportPhoneNumber {color: transparent !important; }

.skeleton .SupportPhoneNumber img {visibility: hidden; }

.skeleton .call-icon.float-none img {visibility: hidden; }

.skeleton span.input-group-addon {color: transparent; }

.skeleton .input-group input, .skeleton select {color: transparent !important; }

.skeleton p.newsketon {width: 385px;max-width: 100%;margin: 10px auto 10px;color: transparent;border-radius: 50px; }

.skeleton .loanspark p {color: transparent; }

.skeleton .loanspark a {color: transparent; }

.skeleton .loanspark {max-width: 100%;width: 599px;margin:auto !important; }

.skeleton .application_id span.pull-right {color: transparent !important;border-radius: 50px; min-height:12px; }

option {color: #000 !important; }

/*17-8-2022*/

.skeleton .btn.btn-primary, .btn-success {color: transparent !important; }

.skeleton .form-other-loans .skeleton .mt-60 .back-to-step11, .skeleton .mt-60 .backbuttonregis {color: transparent !important; }
.skeleton input{color:transparent !important;}

.skeleton .form-control {color: transparent !important; }

.skeleton p.saf-sorcs{color: transparent !important; }

.skeleton p.saf-sorcs img {visibility: hidden; }

.skeleton button.addApplicant {color: transparent !important; }

.skeleton .input-group-addon:last-child {color: transparent; }

.skeleton .docum-heading h3 {width: 540px !important;max-width: 100%; }

.skeleton .docum-heading p {width: 540px !important;max-width: 100%;color: transparent !important; }

.skeleton .docum-heading p a {color: transparent !important; }

.skeleton .btn {color: transparent; }

.skeleton .sub-docum-txt h3 {border-radius: 50px;color: transparent !important; }

.skeleton .sub-docum-txt p {border-radius: 50px;color: transparent !important; }

.skeleton p.best-change img {visibility: hidden; }

.skeleton p.best-change {color: transparent !important; }

.skeleton input.form-check-input {display: none; }

.skeleton  nav .welcome-text.p-25.logo {padding: 0 !important;padding-left: 20px !important; }

.skeleton .logo img {width: 159px;height: 16px }

.skeleton nav {padding: 15px 0px !important;}

.lg-login-form {padding-top: 35px; }
/*login page skeleton css 23-08-2022*/

.skeleton h4.ng-scope {border-radius: 8px;color: transparent; }


.skeleton .forgot-psw {margin: 4px 0;}

.skeleton .ng-binding, .skeleton .text-info {
    color: transparent !important;
}




.skeleton  h3.welcome_header {
    color: transparent;
    padding: 0;
    margin-top: 45px;
}

.skeleton span.pull-left {
    border-radius: 15px;
    color: transparent;
}

.skeleton .SelectAccountDiv ul li a {
    color: transparent;
}

.skeleton .footer p {
    margin: 4px;
    border-radius: 5px;
    color: transparent;
    width: 750px;
    margin: 8px auto 0;
}

.skeleton .footer p a {color: transparent;}

/*register-page footer skeleton css 01-10-2022*/

.skeleton .footer-nav ul li a {
    visibility: hidden;
}


.skeleton .footer-logo img {
    visibility: hidden;
}

.skeleton .footer-logo {
    width: 20%;
    margin: auto;
    margin-right: 0;
}
/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */ 
.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ccc;
  color: #ccc;
  box-shadow: 9999px 0 0 -5px #ccc;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: .25s;
}

.dot-pulse::before, .dot-pulse::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #ccc;
  color: #ccc;
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #ccc;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #ccc;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: .5s;
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #ccc;
  }
  30% {
    box-shadow: 9984px 0 0 2px #ccc;
  }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px #ccc;
  }
}

@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #ccc;
  }
  30% {
    box-shadow: 9999px 0 0 2px #ccc;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #ccc;
  }
}

@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #ccc;
  }
  30% {
    box-shadow: 10014px 0 0 2px #ccc;
  }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px #ccc;
  }
}

/**** 05-10-2022 ****/

.loader_message.last-step{text-align: left;line-height: 1.9;color: #333 !important;font-size: 14px; }

.loader_message.last-step .dot-pulse {top: 18px;left: -9909px;height: 4px;width: 4px;}

.loader_message.last-step .dot-pulse::before, .dot-pulse::after {height: 4px;width: 4px;}

.magic-send {
    text-align: center;
}

.btn.btn-outline-dark {
    color: #212529;
    border-color: #212529;
    border: 2px solid black;
	border-radius: 7px!important;
	background-color: rgb(255 255 255 / 15%);
}
.btn.btn-outline-dark :hover{
	background-color: rgb(255 255 255 / 15%);
}

a#connect-finicity {
    color: #fff;
}

.docum-card.mb-20.instant-bank {
    background-color: rgb(221 221 221 / 53%);
}

.SupportPhoneNumber {
    font-size: 18px;
}
/**DMSDEV-4056**/
.dropzone-error-message{
	margin-top: 10px;
    text-align: -webkit-center;
	color: #a94442!important;
}
/**END DMSDEV-4056**/

.full-width-block .nosidebar {
    margin: 0 auto;
    display: block!important;
}

.loginhide{
	display:none;
}

.input-group.sms-login {
    margin: 0 0 25px 0;
}
.goog-te-combo {
    height: auto!important;
}
.goog-te-gadget .goog-te-combo {
    background-color: #fff;
}
.header_nav select.goog-te-combo{
	padding:2px 8px;
}
.google-translator-div {
    text-align: center;
	padding-bottom: 20px;
}
.google-translator-div #\:0\.targetLanguage{
    display: inherit!important;
}
.register-page .google-translator-div select.goog-te-combo {
    padding: 4px;
    background: none;
}
.skiptranslate.goog-te-gadget:not(#\:0\.targetLanguage) {
    font-size:0px; 
}

#google_translate_element span[style="white-space:nowrap"] {
    display: none;
}
.body-container .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.body-container .menu-toggle .nav-flex {
    margin-left: 20px;
}

.body-container.welcome-text.logo {
    padding-left: 20px;
}
.SupportPhoneNumber {
    font-size: 14px;
}
.offerbutton {

    font-size: 14px;
    height: 25px;
    width: 75px;
    padding: 0;
    float: right;
}
.approve_button {
float:right;
}
.table tbody tr .approve_button {
    border-bottom: none;
    border-top: none;
}
[lang="tl"] .register-page .nav>li a{
    font-size: 12px;
    white-space: nowrap;
    width: 99px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width:1399.98px){
	.body-container #\:0\.targetLanguage{
		display: inherit!important;
	}
	.body-container #google_translate_element {
		float: right;
		padding-right: 25px;
	}	
	[lang="vi"] .register-page .nav>li a{ 
    font-size: 12px;
    white-space: nowrap;
    width: 99px;
    overflow: hidden;
    text-overflow: ellipsis;
	}
}
@media(min-width:992px) and (max-width: 1100.98px) {
	.register-page .tab-content .form-side {
		max-width: 100%;
		left: 7px;
		position: relative;
		padding: 30px 70px;
	}
	header.header_nav > nav > [class^="col-"]:first-child {
		min-width: 315px;
		width: 315px;
	}
	header.header_nav > nav > [class^="col-"]+[class^="col-"] {
		width: calc(100% - 310px);
	}
	header.header_nav > nav > [class^="col-"]+[class^="col-"] .nav-tabs {
		margin: 0 auto;
		right: 15px;
		position: relative;
	}
}
@media (max-width:767.98px){
	.register-page .google-translator-div {
		padding-top: 60px;
		padding-bottom: 0px;
		margin-bottom: -10px;
	}
	.body-container > header > nav {
		display: flex;
	}	
	.body-container #google_translate_element {
		padding-right: 0;
	}
}
@media (min-width:768px){
.register-page #form-step0 > [class*="col-"].sidebar + .mid-div {
    min-width: calc(100vw - 320px);
    width: calc(100vw - 300px);
}
.register-page .google-translator-div {
    position: absolute;
    left: -15px;
    bottom: 0px;
    width: 16.66666667%;
    min-width: 325px;
}
.register-page {
    position: relative;
}

.register-page .col-lg-10 {
    position: static;
}
.register-page #form-step0 > [class*="col-"].sidebar {
    width: 300px;
    min-width: 300px;
}
.register-page .sidebar {
    padding-bottom: 80px;
}
.register-page#form-step0 > [class*="col-"] .welcome-text{
	padding-right:15px;
}
}
@media(min-width:768px) and (max-width:1024.98px){
	.register-page .google-translator-div {
		width: 315px;
		min-width: 315px;
	}
	
    .register-page#form-step0 > [class*="col-"]+[class*="col-"] {
        position: static;
		width: 67%;
    }
   .register-page #form-step0 > [class*="col-"].sidebar {
       width: 300px;
		min-width: 300px;
    }	
 	.register-page #form-step0 > [class*="col-"].sidebar+[class*="col-"] {
		width: calc(100% - 300px);
	}	   
    .register-page#form-step0 > [class*="col-"]+[class*="col-"] .google-translator-div {
        left: -15px;
    }
    .register-page#form-step0 > [class*="col-"] .welcome-text {
        padding-left: 0;
    }
	.register-page .nav>li {
        margin: 0 6px;
        padding: 0 5px;
    }	

    .register-page .nav>li>a {
        font-size: 14px;
    }
    
    .register-page .nav {
        margin-right: 20px;
    }	
}
@media(min-width:991px) and (max-width: 1100.98px) {
	.register-page .tab-content .form-side {
		max-width: 100%;
		left: 7px;
		position: relative;
		padding: 30px 0px;
	}
	header.header_nav > nav > [class^="col-"]:first-child {
		min-width: 315px;
		width: 315px;
	}
	header.header_nav > nav > [class^="col-"]+[class^="col-"] {
		width: calc(100% - 310px);
	}
	header.header_nav > nav > [class^="col-"]+[class^="col-"] .nav-tabs {
		margin: 0 auto;
		right: 15px;
		position: relative;
	}
	
}
@media(max-width:991.98px) {
	.header_nav .header-menulogo {
		min-width: auto;
		flex: 1 0 0%;
	}
	
}
@media(max-width:479.98px) {
.body-container .welcome-text.logo img.header_image {
    max-width: 130px;
}

.body-container .welcome-text.logo {
    padding-left: 0px;
}

.body-container .header_nav select.goog-te-combo {
    max-width: 140px;
}
}
@media (max-width:400px){
	.body-container #google_translate_element select.goog-te-combo {
		width: 145px;
	}
	.body-container header > nav .logo .header_image {
		max-width: 140px;
		
	}
	.body-container header > nav {
		align-items: flex-start;
	}
}
@media (max-width:350px){
	.body-container #google_translate_element select.goog-te-combo {
		width: 120px;
		font-size: 12px;
		padding: 4px 2px;
		margin: 0;
	}
	.body-container .welcome-text.logo img.header_image {
		max-width: 120px;
		
	}	
}