@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.montserrat-regular {
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
  }
.montserrat-medium {
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
.montserrat-bold {
	font-family: "Montserrat", serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

:root {
	--highlight-color:'#674c47';
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	--font: 'Montserrat', sans-serif;
    --regular: 400;
    --medium: 500;
	--semibold:600;
    --bold: 700;
	--nav-color: #6a737c;
	--highlight-color:#7CC149;
	--btn-bg:#8FC591;
	--bold-color:#23405D;
	--para-color:#33495f;
	--borderColor:#CED4DC;
  }
.warmapp_body {
	margin: 0;
	font-family: var(--font);
}

.warmapp_body h1, .warmapp_body h2, .warmapp_body h3, .warmapp_body h4, .warmapp_body h5, .warmapp_body h6{ font-weight: var(--medium);}
p{ font-family: var(--regular);}
button{cursor: pointer;}

.warmapp_body{ 
	background: linear-gradient(45deg, #F0F5FB 0%, #E4F5D7 100%);
	height: 100vh;
	width: 100%;
	}
.warmapp_body .mt20{ margin-top: 20px !important;}
.warmapp_body .mr10{ margin-right: 10px !important;;}
.warmapp_body .mt10{ margin-top: 10px !important;;}
.warmapp_body .mt5{ margin-top: 5px !important;;}
.warmapp_body .max-250{ max-width: 250px;}
.warmapp_body .max-350{ max-width: 350px;}

.warmapp_body input, .warmapp_body textarea, .warmapp_body select, .warmapp_body button {font-family: var(--font); box-sizing: border-box;}
*{ box-sizing: border-box;}
.flex-full{display: flex; align-items: center; justify-content: space-between;}
.full-height{ height: 100%; position: relative;}
.wizard-container{ width: 100%; max-width: 1900px; padding-left:20px; padding-right: 20px; margin:0 auto; position: relative;}
.no-topmargin{ margin-top: 0!important;}
.no-toppad{ padding-top: 0!important;}

.form-block .form-field, .form-block .form-area{ width:100%; padding: 10px; background-color: #F3F8FF; border:1px solid #e0e6ec; border-radius: 5px; appearance: none; -webkit-appearance: none;}
.form-block .form-field:focus, .form-block .form-field:focus-visible, .form-block .form-area:focus, .form-block .form-area:focus-visible{ border:1px solid #e0e6ec; outline: none; }
.form-block .form-area{ height: inherit!important;}

.warmapp_body .ques_rightBlock .form-group{ display: flex; gap:15px;}
.warmapp_body .ques_rightBlock .form-group .form-block{ flex:1; max-width:calc((100% - 15px) / 2);}

.form-icon{ position: relative;}
.form-icon .form-field{ width:100%; padding: 10px 10px 10px 34px; background-color: #F3F8FF; border:1px solid #e0e6ec; border-radius: 5px; appearance: none; -webkit-appearance: none; }
.form-icon span{ color: var(--highlight-color); position: absolute;left: 8px; top: 13px; font-size: 18px;} 

.warmapp_body .form-select{ position: relative; width: 100%;}
.warmapp_body .form-select span{ color: var(--highlight-color); position: absolute;right: 8px; top: 10px; font-size: 18px;} 

.topGraphic{ position: fixed; right: 0; top:0; z-index: 0; width: 36%;}
.bottomGraphic{ position: fixed; left: 0; bottom:0;  z-index: 0; width: 36%;}
.wizard-closeBtn{ width:32px; height: 32px; border-radius: 100%; appearance: none; -webkit-appearance: none; border:none; background-color: rgba(35, 64, 93, 0.15); display: inline-flex; align-items: center; justify-content: center; border:1px solid white;}
.wizard-closeBtn span{ color:#23405d; font-size: 20px;}

.wizard-header{ width: 100%; padding: 20px 0 ; z-index: 1; position: relative; }
.wizard-logo{ height: 36px;}

.wizard-body{ width: 100%; height: calc(100vh - 85px);}
.wizard-overflow{ max-height: calc(100vh - 215px); overflow: auto;}
.wizard-group{ width: 100%; height: 100%; display: flex; align-items: flex-start; position: relative;}
.wizard-nav{ width: 330px; position: relative;}

.wizard-nav ul{ margin: 0; padding: 0; margin-right: 15px;}
.wizard-nav ul li{ list-style: none; margin-bottom: 10px; border-radius:8px; background-color: white; padding:12px 20px; display: flex; align-items: center; justify-content: space-between;}

.wizard-nav ul li.active .nav-titles h5, .wizard-nav ul li.visited .nav-titles h5{font-weight: var(--bold);}
.wizard-nav ul li.active .nav-titles h5, .wizard-nav ul li.active .nav-titles p{ color:#23405D; }
.wizard-nav ul li.active .nav-titles p { color:var(--highlight-color); opacity: 1;}
.wizard-nav ul li.visited .nav-titles p {opacity: 1;}

.wizard-nav ul li.active{ background-color: #EFFFE3; border: 1px solid var(--highlight-color); box-shadow:0px 0px 5px #7bc1498c;}
.wizard-nav ul li.visited{border: 1px solid var(--highlight-color);}
.wizard-nav ul li.active .nav-icon img.nav-icon-active, .wizard-nav ul li.visited .nav-icon img.nav-icon-active{ display: block;}
.wizard-nav ul li.active .nav-icon img.nav-icon-svg, .wizard-nav ul li.visited .nav-icon img.nav-icon-svg{ display: none;}
.wizard-nav ul li.active .nav-icon, .wizard-nav ul li.visited .nav-icon{background-color:#E7F8DB}

.wizard-nav ul li .nav-titles{ width: calc(100% - 68px);}
.wizard-nav ul li .nav-titles h5{ margin-top: 0; color:#56616c; font-weight: var(--medium); font-size: 16px;}
.wizard-nav ul li .nav-titles p{ margin-top: 0; margin-bottom: 0; font-size:0.7em; color:#6a737c; font-size: 10px;}
.wizard-nav ul li .nav-titles p span{ opacity: 0.7;}
.nav-icon{ width:48px; height: 48px; border-radius: 100%; background-color: rgba(238, 244, 246, 0.5); position: relative; }
.nav-icon img{ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); height: 30px;}
.nav-icon img.nav-icon-svg{ display: block;}
.nav-icon img.nav-icon-active{ display: none;}

.wizard-canvas{ width: calc(100% - 330px); height: 100%; background-color: white; border-radius: 10px 10px 0 0; position: relative;}

.wizard-footer { width: 100%; padding: 10px 0; z-index: 2; background-color: #23405D; position: relative;} 
.wizard-footer p{margin-bottom: 0px;  font-size: 14px; font-weight: 400; color:#9db0c3; margin-top: 0;} 
.wizard-footer ul{ margin: 0; padding: 0px; }
.wizard-footer ul li{ list-style: none; margin: 0 3px;  float: left;}
.wizard-footer ul li a{color: #9db0c3; font-size: 14px; text-decoration: none;}

.wizard-canvas-header{ padding:20px; border-bottom: 1px solid #D8E3E9;}
.wizard-canvas-header h3{ font-weight: var(--bold); margin-bottom: 0; margin-top: 0; color:var(--bold-color); font-size: 18px;}
.wizard-canvas-body{ padding: 20px;}

.question_block{ width:100%; padding: 20px 0; border-bottom: 1px dashed var(--borderColor);}
.question_block label  { font-weight: var(--semibold); color: var(--bold-color); font-size: 0.9em;}
.horz_questions{ display: grid; grid-template-columns: 1.2fr 2fr; align-items: flex-start;}
.wizard-input{ appearance: none; -webkit-appearance: none; border:1px solid var(--borderColor);}



.question_block{ width:100%; padding: 20px 0; border-bottom: 1px dashed var(--borderColor);}
.question_block label { font-weight: var(--semibold); color: var(--bold-color);  font-size: 13.7px; margin-bottom: 0;}
.horz_questions{ display: grid; grid-template-columns: 1.2fr 2fr; align-items: center; gap: 15px;}
.wizard-input{ appearance: none; -webkit-appearance: none; border:1px solid var(--borderColor);}


/*LOAN PRODUCT*/
.choose_loan {display: flex; align-items: stretch; justify-content: space-between; width: 100%; max-width: 1100px; margin: 0 auto; min-height: 400px;}
.loan_product {background: linear-gradient(357deg, rgba(228, 244, 216, 1) 6%, rgba(255, 255, 255, 1) 24%); border-radius: 15px; -webkit-box-shadow: 0px 0px 4px 0px rgba(186,201,175,1); -moz-box-shadow: 0px 0px 4px 0px rgba(186,201,175,1); box-shadow: 0px 0px 4px 0px rgba(186,201,175,1); width: 32%; position: relative; transition: all 0.2s ease-out;cursor: pointer;}
.loan_product:hover, .loan_product.selected{ transform: scale(1.05); box-shadow: 0px 0px 8px #7bc1498c!important; border:1px solid var(--highlight-color) }
.loan_product_header {padding: 19px 23px; border-bottom: 1px solid #D8E3E9;}
.loan_product_header h2{margin: 0 0 5px 0; color: #23405D; font-size: 23px; text-transform: capitalize; font-weight: 500;}
.loan_product_header h2 span{color: #95C971; font-weight: 600;}
.loan_product_header p {margin: 0; color: rgba(35, 64, 93, 0.6); font-size: 12px; font-weight: 600;}
.wizard-canvas-body h3 {text-align: center; margin-bottom: 30px; font-weight: var(--semibold);}
.loan_product_body {padding: 17px 23px; padding-bottom: 94px;}
.loan_product_body ul {margin: 0 0 0 0; padding: 0px;}
.loan_product_body ul li{list-style: none; display: flex; align-items: center; color: #5C5C5C; font-size: 12.5px; margin-bottom: 16px; font-weight: 500; letter-spacing: -0.38px;}
.loan_product_body ul li span {color: #7CC149; font-size: 17px; margin-right: 15px;}
.loan_product_footer {display: flex; align-items: center; justify-content: center; padding: 20px 23px; position: absolute; bottom: 0; right: 0; left: 0; border-top: 1px solid #D4DADF;}
.loan_product_footer .select_btn{background-color: #FFFFFF; border: 1px solid #90BA8D; padding: 11px 10px; border-radius: 10px; width: 100%; color: #7CC149; font-size: 12.2px; font-weight: 500; cursor: pointer; transition: all ease-out 0.2s;}
.loan_product_footer .select_btn:hover{ background-color: var(--highlight-color); color:white}
.loan_product_body ul li:last-child {margin-bottom: 0;}
.loan_product_footer .select_btn:hover , .loan_product.selected .select_btn{ background-color: var(--highlight-color); color:white}
.wizard-input { border-radius: 10px; background: #F3F8FF; padding: 10px 13px; color: #768A9E; line-height: 18px; font-size: 14px; font-weight: 400; appearance: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #AFB8C3; width: 440px;}
.wizard-input:focus-visible { outline: none;}
.search_wrp { border-radius: 10px; background: #F3F8FF; padding: 10px 13px; display: flex; align-items: center; position: relative; border: 1px solid #AFB8C3; color: #768A9E; width: 440px;}
.search_wrp>div { width: 100%;}
.search_wrp .wizard-search-input { width: 95%; background: none; border: none; margin-left: 10px; padding: 0px; font-size: 13px; font-weight: 400; color: #768A9E;}
.search_wrp .wizard-search-input:focus-visible { outline: none;}

.search_wrp .icon-style { font-size: 20px; color: #7CC149;}


/*RADIO BTN*/
.radio-group{display: flex; align-items: center; gap:10px; flex-wrap: wrap; }
.radio-box{ display: inline-flex; align-items: center; justify-content: center; border: 1px solid #D8DDE4;  padding: 10px 14px; border-radius: 8px; font-weight: 500; font-size: 12.5px; color:#6e92b7; appearance: none; -webkit-appearance: none; background-color: #F8FBFF; transition: all 0.2s ease-out; }
.radio-box span{ color: #D4DFEE; margin-right: 5px; font-size: 20px;}
.radio-box.active, .radio-box:hover{color: var(--highlight-color); box-shadow: 0px 0px 5px #7bc1498c; background-color: white;}
.radio-box.active span, .radio-box:hover span { color: var(--highlight-color);}

.radios-wrapper{ display: flex; justify-content: flex-start; gap: 15px; }
.block_radiobtn{ appearance: none; -webkit-appearance: none; padding: 20px 15px; flex: 1; max-width: calc((100% - 15px * 5) / 6); border-radius: 8px; background-color: #F3F8FF; border:transparent; color: var(--nav-color); display: flex; align-items: center; flex-direction: column; position: relative; font-family: "Montserrat", serif; font-weight: var(--semibold); font-size: 0.75em; font-size: 0.8em; transition: all ease-out 0.2s; border: 1px solid #7cc14900;}
.block_radiobtn img{ height: 64px; margin-bottom: 8px;}
.block_radiobtn .default_img{ display: block;}
/* .block_radiobtn .active_img{ display: none;} */
.block_radiobtn.active, .block_radiobtn:hover{border:1px solid var(--highlight-color); color: var(--bold-color); background-color: white; box-shadow:0px 0px 5px #7bc1498c; }
/* .block_radiobtn.active .default_img{ display: none;} */
/* .block_radiobtn.active .active_img{ display: block;} */
.block_radiobtn .icon-check{ position: absolute; right:10px; top:10px; z-index: 3; }
.icon-check .unchecked{ display: inline-block; width:14px; height: 14px; border-radius: 100%; background-color: #E7EBF0; }
.icon-check .checked{ display: none; margin-bottom: 0; width:14px; height: inherit;}
.block_radiobtn.active .icon-check .unchecked{ display: none; }
.block_radiobtn.active .icon-check .checked{ display: block;}

.tagline{ font-size: 10px;}



.warmapp_body .border-bottom-0 {border-bottom: none;}
.save_next {background-color: #8BC34A; border: 1px solid #8FC591; border-radius: 8px; padding: 10px 15px; display: flex; align-items: center; color: #fff; font-size: 13px; font-weight: 500; padding-right: 7px; }
.save_next  span {color: #fff; font-size: 22px; margin-left: 5px;}
.wizard-canvas-body::-webkit-scrollbar { height: 5px; border-radius: 30px; width: 7px;}
.wizard-canvas-body::-webkit-scrollbar-track { background: #eeeeee;}
.wizard-canvas-body::-webkit-scrollbar-thumb { background: #acacac; border-radius: 30px;}
.wizard-canvas-body::-webkit-scrollbar-thumb:hover { background: #555;}
.wizard-canvas-footer { padding: 18px 20px 16px 20px;}

/*PROPERTY INFO*/
.warmapp_body .form_wrapper { display: grid; gap: 10px; grid-template-columns: 1fr 1fr 1fr;}
.warmappform_box {border-radius: 8px; padding: 18px 18px; padding-top: 13px; border: 1px solid #CED4DC; position: relative; width: 100%}
/* .warmappform_box .form-control {margin-top: 7px;} */
.warmapp_body .form-control {border-radius: 8px; background: #F3F8FF; padding: 10px 13px; color: #768A9E; font-size: 14px; font-weight: 400; border: 1px solid #AFB8C3; width: 100%;}
.warmapp_body .form-control:focus {outline: none;}
/* .warmappform_box span{position: absolute; top: 51px; right: 31px; color: #7CC149; font-size: 17px;} */
.add_property {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed var(--borderColor); border-top: 1px dashed var(--borderColor); padding: 11px 24px; background-color: #F3F8FF; margin: 17px 0 27px 0;}
.add_property h3{margin-bottom: 0; margin-right: 25px;}
.add_property .no{display: flex; align-items: center;}
.warmappform_box .form-control:focus {background: #F3F8FF;}


@media(min-width:1900px) and (max-width:2256px){
	.wizard-logo{ height: 42px;}
	.wizard-closeBtn{ zoom: 1.2;}
}

.wizard-canvas-body h3 {
	font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    color: var(--bold-color);
}

.search_block .searchcontroll {padding-left: 36px; width: 440px;}
.search_block .material-symbols-outlined {top: 13px;}
.search_block .searchcontroll:focus {background: #F3F8FF !important;}
.search_wrp .searchcontroll {border: none !important; padding: 0 !important; padding-left: 6px !important;}
.search_wrp .searchcontroll:focus {background: #F3F8FF !important;}
.form-block .form-control:focus {background: #F3F8FF !important;}
#liquidcashreserve {padding-left: 33px;}
#coborrowerLiquidCashReserve {padding-left: 33px;}
#brokerProcessingFee {padding-left: 33px;}
.strategy_title {display: flex; align-items: center;}
.strategy_title h2 { margin: 0 0 5px 0; color: #23405D; font-size: 22px; text-transform: capitalize; font-weight: 500; margin-left: 10px;}
.strategy_title h2 span { color: #95C971; font-weight: 600;}
.save_nextPlain {background-color: white !important; color: var(--highlight-color);}

.warmapp_body .warmappform_box .form-control:focus{background: #F3F8FF !important;}

.warmapp-propertyinfo .collateral-address-block { display: flex;}
.warmapp-propertyinfo .collateral-address-block .ques_rightBlock{ margin-left: 10px;}

.currentloan {display: flex;flex-direction: column;}
.block_radiobtn .default_img { opacity: 0.6; }
.block_radiobtn.active .default_img, .block_radiobtn:hover .default_img{ opacity: 1; }

.form_select{ position: relative;}
.form_select span{ position: absolute; right:10px; top:50%; transform: translate(0, -50%); color: var(--highlight-color)}

.invalid-group{ border: 1px solid red !important; }
.radios-wrapper.invalid-box .block_radiobtn {
    border: 1px solid red;
}

.propertyinfo_select{ position: relative;}
.propertyinfo_select span{ position: absolute; top : 14px; right : 12px}
.colateral_address {width: 65%;}
.colateral_address .search_wrp{width: 100%;}
.colateral_address .search_wrp span{position: initial;}
.colateral_address .search_wrp .form-control {margin-top: 0px;}

.after_img_upload {background-color: #f1f5fb; padding: 5px; width: 60px !important;}
.file_name {display: flex; align-items: center; justify-content: space-between; width: 350px;}
.file_name .download { color: rgba(35, 64, 93, 0.50); font-size: 10px; font-weight: 500; display: flex; align-items: center;}
.file_name .download .material-icons-outlined { font-size: 16px; line-height: 14px; color: #95C971; margin-right: 5px;}
.file_name p{color: #585757 !important; font-size: 10px !important; margin-bottom: 0px !important}
     
@media (min-width:340px) and (max-width:450px){
	.wizard-group{ flex-direction: column;}
	.wizard-nav{ width: 100%;}
	.wizard-canvas{ width: 100%;}
	.wizard-nav ul{ margin-right: 0; display: flex; align-items: center;  margin-top: 26px; gap:10px}
	.wizard-nav ul li{display: flex; flex-direction: column; padding: 10px 0; flex: 1; position: relative;}
	.wizard-nav ul li .nav-titles h5{ font-size: 12px; text-align: center; position: absolute; display: none; top: -21px;
        white-space: nowrap; left:50%; transform: translate(-50%, 0)}
	.wizard-nav ul li.active .nav-titles h5{ display: block; }
	.wizard-nav ul li .nav-titles{ width: 100%;}
	.wizard-nav ul li .nav-titles p{ display: none;}
	.nav-icon{ width: 36px; height: 36px;}
	.nav-icon img{ height: 30px;}
	.block_radiobtn{ width: 100%;}
	.horz_questions{grid-template-columns:1fr;}
	.wizard-body {height: calc(100vh - 68px);}
	.wizard-canvas{ height: initial;}
	.wizard-overflow { max-height: calc(100vh - 349px);}
	.block_radiobtn{ max-width: 50%;}
	.search_block .searchcontroll{ width: 100%;}
	.wizard-input{ width: 100%;}
	.choose_loan{ flex-direction: column; gap: 15px;}
	.loan_product{ width: 100%;}
	.radios-wrapper{ flex-wrap: wrap;}
	.colateral_address {width: 100%;margin: 0;}
	.warmappform_box{ width: 100%;}
	.mobile-footer{flex-direction: column;}
	.mobile-footer ul{ margin-top: 15px;}
	.warmapp_body .form_wrapper {   grid-template-columns: 1fr;}
	.warmapp_body .ques_rightBlock .form-group{ flex-direction: column;}
	.warmapp_body .ques_rightBlock .form-group .form-block{ width: 100%; max-width: inherit;}
}

@media (min-width:451px) and (max-width:768px){
	.wizard-group{ flex-direction: column;}
	.wizard-nav{ width: 100%;}
	.wizard-canvas{ width: 100%;}
	.wizard-nav ul{ margin-right: 0; display: flex; align-items: center;  margin-top: 26px; gap:10px}
	.wizard-nav ul li{display: flex; flex-direction: column; padding: 10px 0; flex: 1; position: relative;}
	.wizard-nav ul li .nav-titles h5{ font-size: 12px; text-align: center; position: absolute; display: none; top: -21px;
        white-space: nowrap; left:50%; transform: translate(-50%, 0)}
	.wizard-nav ul li.active .nav-titles h5{ display: block; }
	.wizard-nav ul li .nav-titles{ width: 100%;}
	.wizard-nav ul li .nav-titles p{ display: none;}
	.nav-icon{ width: 36px; height: 36px;}
	.nav-icon img{ height: 30px;}
	.block_radiobtn{ width: 100%;}
	.horz_questions{grid-template-columns:1fr;}
	.wizard-body {height: calc(100vh - 68px);}
	.wizard-canvas{ height: initial;}
	.wizard-overflow { max-height: calc(100vh - 349px);}
	.block_radiobtn{ max-width: 50%;}
	.search_block .searchcontroll{ width: 100%;}
	.wizard-input{ width: 100%;}
	.choose_loan{ flex-direction: column; gap: 15px;}
	.loan_product{ width: 100%;}
	.radios-wrapper{ flex-wrap: wrap;}
	.colateral_address {width: 100%;margin: 0;}
	.mobile-footer{flex-direction: column;}
	.mobile-footer ul{ margin-top: 15px;}
	.warmapp_body .form_wrapper { grid-template-columns: 1fr;}
	.warmapp_body .ques_rightBlock .form-group{ flex-direction: column;}
	.warmapp_body .ques_rightBlock .form-group .form-block{ width: 100%; max-width: inherit;}
}

@media (min-width:769px) and (max-width:1024px){
	.wizard-group{ flex-direction: column;}
	.wizard-nav{ width: 100%;}
	.wizard-canvas{ width: 100%;}
	.wizard-nav ul{ margin-right: 0; display: flex; align-items: center;  margin-top: 26px; gap:10px}
	.wizard-nav ul li{display: flex; flex-direction: column; padding: 10px 0; flex: 1; position: relative;}
	.wizard-nav ul li .nav-titles h5{ font-size: 12px; text-align: center; position: absolute; display: none; top: -21px;
        white-space: nowrap; left:50%; transform: translate(-50%, 0)}
	.wizard-nav ul li.active .nav-titles h5{ display: block; }
	.wizard-nav ul li .nav-titles{ width: 100%;}
	.wizard-nav ul li .nav-titles p{ display: none;}
	.nav-icon{ width: 36px; height: 36px;}
	.nav-icon img{ height: 30px;}
	.block_radiobtn img {height: 48px;}
	.warmapp_body .form_wrapper {   grid-template-columns: 1fr 1fr;}
}

@media (min-width:1700px) and (max-width:2000px){
	.save_next{ padding:15px ; font-size: 15px;}
}

.warmappform_box .label-wrapper { height: 40px;}
.warmappform_box .input-wrapper { position: relative; }
.warmappform_box .input-wrapper .position-icon { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); color: #7CC149; font-size: 19px;}
.warmappform_box .input-wrapper { margin-top: 7px;}
.warmappform_box .input-wrapper .radio-group { margin-top: 7px;}

.wizard-nav::-webkit-scrollbar { height: 5px; border-radius: 30px; width: 5px;}
.wizard-nav::-webkit-scrollbar-track { background: #eeeeee;}
.wizard-nav::-webkit-scrollbar-thumb { background: #acacac; border-radius: 30px;}
.wizard-nav::-webkit-scrollbar-thumb:hover { background: #555;}

.broker-wizard-canvas {
    width: calc(100% - 240px) !important;
    height: auto;
    background-color: transparent;
    border-radius: 0px;
    position: relative;
	max-height: calc(100vh - 137px);
    overflow: hidden auto;
}
 .broker-wizard-body {
    width: 100%;
    height: auto;
	margin-bottom: 20px;
}
.broker_warmapp_body {height: auto;}
/* last update on 12:49PM 09 JAN 26 by vkr */