/* 
* 
*  Lender Hive v1 - User Onboarding (2022)
*
*  Custom Stylesheet (Vanilla)
*  Incl. Variables
*
/*


/* Fonts */

@font-face {
	font-family: "BasierCircle";
	src: url(/font/basiercircle-regular-webfont.ttf);
	font-weight: 400;
	}

@font-face {
	font-family: "BasierCircle";
	src: url(/font/basiercircle-medium-webfont.ttf);
	font-weight: 500;
	}
	
@font-face {
	font-family: "BasierCircle";
	src: url(/font/basiercircle-semibold-webfont.ttf);
	font-weight: 600;
	}
	
@font-face {
	font-family: "BasierCircle";
	src: url(/font/basiercircle-bold-webfont.ttf);
	font-weight: 700;
	}

/* Variables */

:root{
	--light: #FFFFFF;
	--dark: #2D2F39;
	--orange: #EA6B1F;
	--purple: #8C4778;
	--blue: #384DB5;
}

/* Global Styling */

html{
	scroll-behavior: smooth;
}

body{
	font-family: "BasierCircle", sans-serif !important;
	font-weight: 400 !important;
}

/* Dashboard Styles */

#Header{
	background: url(/img/dashboard-header-background.jpg) no-repeat;
	background-size: cover;
	background-position: top right;
	padding: 40px 0px 40px 0px;
}

#Header ul{
	list-style-type: none;
	margin: 0;
	margin-top: 20px;
	margin-left: 40px;
	padding: 0;
}

#Header ul li{
	display: inline-block;
	margin-right: 30px;
}

#Header ul li a{
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: -0.025em;
	color: #FFFFFF;
}

#Header ul li:last-child a:after{
	content: "4";
	background: #ffffff;
	border-radius: 200px;
	padding: 1px 10px 1px 10px;
	color: #000000;
	font-size: 15px;
	position: absolute;
	top: 5px;
	margin-left: 4px;
}

#Header .avatar{
	margin-top: 20px;
	text-align: right;
}

#Header .avatar a{
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.025em;
	color: #FFFFFF;
	text-decoration: none;
}

#Header .avatar a img{
	width: 25px;
	height: 25px;
}

/* Dashboard Styles */

#Dashboard{
	padding-top: 80px;
}

#Dashboard h1{
	font-weight: 600;
	font-size: 36px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin-bottom: 40px;
}

#Dashboard .mortgage-status{
	background: #FFF9EF;
	border: 1px solid #E6CA9D;
	border-radius: 27px;
	padding: 50px 40px 50px 40px;
}

#Dashboard .mortgage-status h2{
	font-weight: 600;
	font-size: 22px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #EA6B1F;
}

#Dashboard .mortgage-status p.days{
	font-weight: 600;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #EA6B1F;
	border: 5px solid #EA6B1F;
	border-radius: 500px;
	padding: 30px 14px 30px 14px;
	display: inline-block;
	margin-top: -20px;
	position: absolute;
	margin-bottom: 0px;
	right: 10px;
}

#Dashboard .mortgage-status p{
	font-weight: 400;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #424242;
	margin-bottom: 0px;
}

#Dashboard .property-details{
	background: #FFFFFF;
	border: 2px solid #DBDBDB;
	box-shadow: 0px 19px 45px rgba(0, 0, 0, 0.08);
	border-radius: 27px;
	padding: 25px;
	text-align: center;
}

#Dashboard .property-details h2{
	font-weight: 600;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #EA6B1F;
}

#Dashboard .property-details p{
	font-weight: 400;
	font-size: 16px;
	line-height: 149.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #474747;
	margin-bottom: 0px;
}

#Dashboard .property-details p strong{
	color: #EA6B1F;
}

#Dashboard .mortgage-table{
	background: #F8F8F8;
	border: 1px solid #CBCBCB;
	border-radius: 22px;
	padding: 40px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
}

#Dashboard .mortgage-table h2{
	font-weight: 600;
	font-size: 30px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin-top: 90px;
}

#Dashboard .mortgage-table p{
	font-weight: 400;
	font-size: 21px;
	line-height: 143.9%;
	text-align: center;
	letter-spacing: -0.03em;
	padding: 0px 15% 0px 15%;
	color: #384DB5;
	margin-bottom: 90px;
}

#Dashboard a.mortgage-advice{
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
	border-radius: 12px;
	display: block;
	padding: 20px 25px 20px 25px;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.055em;
	text-decoration: none;
	color: #FFFFFF;
}

#Dashboard a.mortgage-advice img{
	width: 22px;
	height: auto;
	float: right;
}


/* Booking Styles */

#Dashboard .booking-split{
	background: #F8F8F8;
	border: 1px solid #CBCBCB;
	border-radius: 22px;
	padding: 1px;
}

#Dashboard .booking-split h2{
	font-weight: 500;
	font-size: 24px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin: 40px 40px 20px 40px;
}

#Dashboard .booking-split p img.week-arrow{
	width: 38px;
	height: auto;
	margin-left: 10px;
}

#Dashboard .booking-split .col-md-8 p{
	font-weight: 500;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin: 40px 40px 20px 40px;
}

#Dashboard .booking-split .col-md-8 ul{
	list-style-type: none;
	margin: 30px 40px 50px 40px;
	padding: 0;
}

#Dashboard .booking-split .col-md-8 ul li{
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 10px;
}

#Dashboard .booking-split .col-md-8 ul li.highlight{
	background: #FFFFFF;
	border: 2px solid #EA6B1F;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 10px;
}

#Dashboard .booking-split .col-md-8 ul li.highlight a{
	font-weight: 500;
	font-size: 16px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #EA6B1F;
	text-decoration: none;
}

#Dashboard .booking-split .col-md-8 ul li a{
	font-weight: 400;
	font-size: 16px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #3E3E3E;
	text-decoration: none;
}

#Dashboard .booking-split .col-md-8 ul li:nth-child(7){
	opacity: 0.2 !important;
}

#Dashboard .booking-split .col-md-8 ul li:nth-child(6){
	opacity: 0.4 !important;
}

#Dashboard .booking-split .col-md-8 ul li:nth-child(5){
	opacity: 0.6 !important;
}

#Dashboard .booking-split .col-md-8 ul li button{
	float: right;
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
	border-radius: 4px;
	border: 0px;
	padding: 5px 10px 5px 10px;
	color: #ffffff;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#Dashboard .booking-split .col-md-4 .choose-time-active a button{
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
	border-radius: 4px;
	color: #ffffff;
	width: 100%;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	border: 0px;
	text-align: left;
	padding: 10px 20px 10px 20px;
	margin-top: 10px;
}

#Dashboard .booking-split .col-md-4{
	background: #ffffff;
	border-left: 1px solid #CBCBCB;
	padding-right: 0px;
	display: inline-block;
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
}

#Dashboard .booking-split .col-md-4 h2{
	font-weight: 500;
	font-size: 24px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin: 40px 40px 20px 10px;
}

#Dashboard .booking-split .col-md-4 .choose-time{
	font-weight: 500;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #9D9D9D;
	background: #FAFAFA;
	border: 1px solid #CBCBCB;
	border-radius: 12px;
	margin: 10px 20px 70px 10px;
}

#Dashboard .booking-split .col-md-4 .choose-time h3{
	font-weight: 500;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #9D9D9D;
	padding: 90px 0px 90px 0px;
	text-align: center;
}

#Dashboard .booking-split .col-md-4 p{
	font-weight: 400;
	font-size: 16px;
	line-height: 143.9%;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin-left: 20px;
	margin-right: 20px;
}

#Dashboard .booking-split .col-md-4 a.live-chat{
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
	border-radius: 12px;
	color: #ffffff;
	padding: 15px 25px 15px 25px;
	text-decoration: none;
	font-weight: 500;
	font-size: 25.2632px;
	line-height: 30px;
	letter-spacing: -0.055em;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
}

#Dashboard .booking-split .col-md-4 a img{
	width: 14px;
	height: auto;
	float: right;
	margin-top: 10px;
}

#Dashboard .booking-split .col-md-4 .choose-time-active{
	font-weight: 500;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #9D9D9D;
	background: #FAFAFA;
	border: 1px solid #CBCBCB;
	border-radius: 12px;
	margin: 10px 20px 70px 10px;
	padding: 30px;
}

#Dashboard .booking-split .col-md-4 .choose-time-active select{
	width: 100%;
	padding: 10px;
	font-size: 13px;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.11);
	border-radius: 3px;
}

#Dashboard .booking-split .col-md-4 .choose-time-active button{
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
	border-radius: 4px;
	color: #ffffff;
	width: 100%;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	border: 0px;
	text-align: left;
	padding: 10px 20px 10px 20px;
	margin-top: 10px;
}

#Dashboard .booking-split .col-md-4 .choose-time-active h3{
	font-weight: 500;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #9D9D9D;
	padding: 90px 0px 90px 0px;
	text-align: center;
}

#Dashboard .booking-split-confirm{
	background: #F8F8F8;
	border: 1px solid #CBCBCB;
	border-radius: 22px;
	padding: 1px;
	padding: 90px 0px 90px 0px;
	text-align: center;
}

#Dashboard .booking-split-confirm h2{
	font-weight: 600;
	font-size: 36px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #384DB5;
}

#Dashboard .booking-split-confirm p{
	font-weight: 500;
	font-size: 20px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin-bottom: 80px;
}

#Dashboard .booking-split-confirm img.confirm-check{
	width: 200px;
	height: auto;
	margin-top: 70px;
	margin-bottom: 30px;
}

/* Mortgage Table Styles */

#Dashboard .mortgage-table-populated{
	background: #F8F8F8;
	border: 1px solid #CBCBCB;
	border-radius: 22px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
}

#Dashboard .mortgage-table-populated table{
	margin-bottom: 0px;
}

#Dashboard .mortgage-table-populated table a{
	background: #EA6B1F;
	border-radius: 6px;
	padding: 10px 20px 10px 20px;
	color: #ffffff;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
}

#Dashboard .mortgage-table-populated table tbody tr:nth-child(1){
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%) !important;
}

#Dashboard .mortgage-table-populated table tbody tr th:nth-child(1){
	border-radius: 22px 0px 0px 0px !important;
}

#Dashboard .mortgage-table-populated table tbody tr:nth-child(2), #Dashboard .mortgage-table-populated table tbody tr:nth-child(4){
	background: #ffffff;
}

#Dashboard .mortgage-table-populated table tbody tr th:last-child{
	border-radius: 0px 22px 0px 0px !important;
}

#Dashboard .mortgage-table-populated table tbody tr td{
	border-right: 1px solid #CBCBCB;
}

#Dashboard .mortgage-table-populated table tbody tr td:last-child{
	border-right: none;
}

#Dashboard .mortgage-table-populated table tbody tr td, #Dashboard .mortgage-table-populated table tbody tr th{
	text-align: left;
	padding: 30px 30px 30px 30px;
}

#Dashboard .mortgage-table-populated table tbody tr td img{
	height: 42px;
	width: auto;
	margin-top: 8px;
}

.box {
	  
	  position: relative;

	}
	.ribbon {
	  position: absolute;
	  right: 0; top: -3px;
	  z-index: 1;
	  overflow: hidden;
	  width: 75px; height: 75px;
	  text-align: right;
	}
	.ribbon span {
	  font-size: 9px;
	  font-weight: bold;
	  color: #FFF;
	  text-transform: uppercase;
	  text-align: center;
	  line-height: 20px;
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  width: 100px;
	  display: block;
	  background: #79A70A;
	  background: linear-gradient(#EA6B1F 0%, #EA6B1F 100%);

	  position: absolute;
	  top: 21px; right: -21px;
	}
	.ribbon span::before {
	  content: "";
	  position: absolute; left: 0px; top: 100%;
	  z-index: -1;

	}
	.ribbon span::after {
	  content: "";
	  position: absolute; right: 0px; top: 100%;
	  z-index: -1;
	}

#Dashboard .mortgage-table-populated table tbody tr th{
	border-top: 0px;
	font-weight: 600;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #FFFFFF;
}

/* Lender Mortgage Table */

#Dashboard .mortgage-table-populated-lender{
	background: #F8F8F8;
	border: 1px solid #CBCBCB;
	border-radius: 22px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
}

#Dashboard .mortgage-table-populated-lender table{
	margin-bottom: 0px;
}

#Dashboard .mortgage-table-populated-lender table a{
	background: #EA6B1F;
	border-radius: 6px;
	padding: 10px 20px 10px 20px;
	color: #ffffff;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
}

#Dashboard .mortgage-table-populated-lender table tbody tr:nth-child(1){
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%) !important;
}

#Dashboard .mortgage-table-populated-lender table tbody tr th:nth-child(1){
	border-radius: 22px 0px 0px 0px !important;
}

#Dashboard .mortgage-table-populated-lender table tbody tr:nth-child(2), #Dashboard .mortgage-table-populated-lender table tbody tr:nth-child(4){
	background: #ffffff;
}

#Dashboard .mortgage-table-populated-lender table tbody tr th:last-child{
	border-radius: 0px 22px 0px 0px !important;
}

#Dashboard .mortgage-table-populated-lender table tbody tr td{
	border-right: 1px solid #CBCBCB;
}

#Dashboard .mortgage-table-populated-lender table tbody tr td:last-child{
	border-right: none;
}

#Dashboard .mortgage-table-populated-lender table tbody tr td, #Dashboard .mortgage-table-populated-lender table tbody tr th{
	text-align: left;
	padding: 30px 30px 30px 30px;
}

#Dashboard .mortgage-table-populated-lender table tbody tr td img{
	height: 42px;
	width: auto;
	margin-top: 8px;
}

#Dashboard .mortgage-table-populated-lender table tbody tr th{
	border-top: 0px;
	font-weight: 600;
	font-size: 16px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #FFFFFF;
}

/* Lender Notification Bars */

#Dashboard .accepted-bids{
	background: #FFF9EF;
	border: 1px solid #E6CA9D;
	border-radius: 27px;
	padding: 25px 30px 25px 30px;
}

#Dashboard .accepted-bids h2{
	font-weight: 600;
	font-size: 28px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #EA6B1F;
}

#Dashboard .accepted-bids h2 a{
	color: #EA6B1F;
}

#Dashboard .new-mortgages{
	background: #F1EFFF;
	border: 1px solid #694A93;
	border-radius: 27px;
	padding: 25px 30px 25px 30px;
}

#Dashboard .new-mortgages p, #Dashboard .accepted-bids p{
	font-weight: 400;
	font-size: 18px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #424242;
	margin-bottom: 0px;
}

#Dashboard .new-mortgages h2{
	font-weight: 600;
	font-size: 28px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #5F4B9A;
}

/* Customer Information STyles */

#Dashboard .customer-information{
	background: #FFF9EF;
	border: 1px solid #E6CA9D;
	border-radius: 27px;
	padding: 50px;
	margin-bottom: 40px;
}

#Dashboard .customer-information a.bid{
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
	border-radius: 12px;
	padding: 20px 30px 20px 30px;
	font-weight: 500;
	font-size: 25.2632px;
	line-height: 31px;
	letter-spacing: -0.055em;
	color: #FFFFFF;
	width: 90%;
	position: absolute;
	left: 0;
	bottom: -70px;
}

#Dashboard .customer-information a.bid img{
	float: right;
	width: 20px;
	height: auto;
	margin-top: 8px;
}

#Dashboard .customer-information a{
	background: #EA6B1F;
	border-radius: 8.7px;
	font-weight: 700;
	font-size: 17px;
	line-height: 27px;
	letter-spacing: -0.015em;
	color: #FFFFFF;
	padding: 10px 20px 10px 20px;
	margin-right: 10px;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
}

#Dashboard .customer-information ul{
	list-style-type: none;
	display: inline-block;
	margin: 0;
	margin-right: 30px;
	padding: 0;
	width: 41%;
}

#Dashboard .customer-information ul li{
	margin-bottom: 12px;
}

#Dashboard .customer-information ul.list-label{
	font-weight: 600;
}

#Dashboard .customer-information h2{
	font-weight: 600;
	font-size: 32px;
	line-height: 105.9%;
	margin-bottom: 30px;
	letter-spacing: -0.03em;
	color: #EA6B1F;
}

#Dashboard .customer-information .documentation-summary{
	background: #FFFFFF;
	border: 2px dashed #EA6B1F;
	box-shadow: 0px 19px 45px rgba(0, 0, 0, 0.08);
	border-radius: 27px;
	margin-bottom: 30px;
	padding: 25px;
}

#Dashboard .customer-information .doc-icons{
	margin-bottom: 50px;
}

#Dashboard .customer-information .doc-icons img{
	width: 65px;
	height: auto;
}

#Dashboard .customer-information .doc-icons p{
	font-weight: 600;
	font-size: 18px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #343434;
	margin-top: 20px;
}

#Dashboard .customer-information .documentation-summary h3{
	font-weight: 600;
	font-size: 20px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #EA6B1F;
}

#Dashboard .customer-information .documentation-summary a{
	background: #929292;
	border-radius: 5.22px;
	margin-right: 8px;
	color: #ffffff;
	padding: 8px 15px 8px 15px;
	font-weight: 600;
	font-size: 12.2549px;
	line-height: 16px;
	letter-spacing: -0.015em;
	text-decoration: none;
}

#Dashboard .customer-information ul.bid{
	width: 100%;
	margin-bottom: 40px;
}

#Dashboard .customer-information ul.bid li{
	background: #ffffff;
		display: inline-block;
		padding: 30px;
		border: 1px solid #D0D0D0;
		font-weight: 500;
		font-size: 16px;
		line-height: 105.9%;
		text-align: center;
		letter-spacing: -0.03em;
		color: #EA6B1F;
		width: 33%;
		margin: -3px;
	}
	
#Dashboard .customer-information ul.bid li span{
	font-weight: 600;
	font-size: 40px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #EA6B1F;
}


/* Footer Styles */

#Footer{
	padding: 80px 0px 80px 0px;
}

#Footer img{
	margin-bottom: 20px;
	width: 25px;
	height: auto;
	margin-right: 10px;
}

#Footer ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#Footer ul li{
	display: inline;
}

#Footer ul li:after{
	content: "/";
	margin-left: 15px;
	margin-right: 10px;
	color: #384DB5;
}

#Footer ul li:last-child:after{
	content: none;
	
}

#Footer ul li a{
	color: #384DB5;
	font-size: 14px;
	text-decoration: none;
}

#Footer p{
	font-weight: 400;
font-size: 13px;
line-height: 16px;
letter-spacing: -0.055em;
color: #384DB5;
width: 100%;
}

/* Overlay Styling */

#Overlay .block{
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.65);
	  z-index: 100;
	  -webkit-transform: scale(1.8);
	  -moz-transform: scale(1.8);
	  -o-transform: scale(1.8);
	  transform: scale(1.8);
}

#Overlay .pop-up{
	background: #ffffff !important;
	width: 100% !important;
	padding: 40px !important;
	text-align: center !important;
	margin-top: 80px !important;
	border-radius: 20px !important;
	z-index: 25000;
	position: absolute;
}

#Overlay .pop-up h2{
	font-weight: 600;
	font-size: 36px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #384DB5;
}

#Overlay .pop-up h3{
	font-weight: 500;
	font-size: 20px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #384DB5;
}

#Overlay .pop-up .upload-area{
	background: #FFFFFF;
	border: 2px dashed #EA6B1F;
	box-shadow: 0px 19px 45px rgba(0, 0, 0, 0.15);
	border-radius: 27px;
	padding: 50px;
	margin-top: 35px;
}

#Overlay .pop-up .upload-area img{
	height: 80px;
	width: auto;
}

#Overlay .pop-up .upload-area h2{
	font-weight: 600;
	font-size: 18px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #EA6B1F;
	margin-top: 30px;
}

#Overlay .pop-up .upload-area p{
	font-weight: 500;
	font-size: 15px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #EA6B1F;
	margin: 0px;
	padding: 0px;
}

#Overlay .pop-up p{
	font-weight: 400;
	font-size: 16px;
	line-height: 135.9%;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 0px 10% 0px 10%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #4E4E4E;
}

#Overlay .pop-up a.upload-button{
	background: #EA6B1F;
	border-radius: 6px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	padding: 15px 25px 15px 25px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 0px;
	text-decoration: none;
}

#Overlay .pop-up img.success{
	width: 214px;
	height: auto;
	margin-top: 50px;
}

#Overlay .pop-up img.bank-logo{
	width: 150px;
	height: auto;
	display: inline-block;
	margin-bottom: 50px;
}

#Overlay .pop-up ul{
	list-stye-type: none;
	margin: 0;
	padding: 0;
	margin-top: 40px;
}

#Overlay .pop-up p.quote-ref{
	font-weight: 400;
	font-size: 16px;
	line-height: 105.9%;
	margin-bottom: 10px;
	margin-top: 0px;
	text-align: center;
	letter-spacing: -0.03em;
	color: #4E4E4E;
}

#Overlay .pop-up p.quote-ref strong{
	color: #EA6B1F;
}

#Overlay .pop-up h4{
	font-weight: 600;
	font-size: 36px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	margin-bottom: 40px;
	color: #384DB5;
}

#Overlay .pop-up h4 img{
	width: 26px;
	height: auto;
	margin-right: 20px;
}

#Overlay .pop-up ul li{
	display: inline-block;
	padding: 30px;
	border: 1px solid #D0D0D0;
	font-weight: 500;
	font-size: 16px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #EA6B1F;
	width: 33%;
	margin: -3px;
}

#Overlay .pop-up ul li span{
	font-weight: 600;
	font-size: 40px;
	line-height: 105.9%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #EA6B1F;
}

#Overlay .pop-up button.next{
	background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
border-radius: 12px;
border: 0px;
outline: none;
color: #ffffff;
font-weight: 500;
font-size: 25.2632px;
line-height: 31px;
letter-spacing: -0.055em;
display: inline-block;
width: 100%;
padding: 20px;
text-align: right;
margin-top: 40px;
}

#Overlay .pop-up button.next img{
	width: 20px;
	height: auto;
	margin-left: 20px;
}

#Overlay .pop-up h2.disclaimer{
	font-weight: 600;
	text-align: left !important;
font-size: 32px;
line-height: 105.9%;
letter-spacing: -0.03em;
color: #384DB5;
}

#Overlay .pop-up label.input-label{
font-weight: 400;
font-size: 15px;
line-height: 19px;
letter-spacing: -0.055em;
word-wrap: none;
padding: 0px;
text-align: left !important;
color: #384DB5;
margin-top: 20px;
}

/* Overlay Pop-Up Bid Screen */

#Overlay .pop-up-bid{
	background: #ffffff !important;
	width: 100% !important;
	padding: 40px !important;
	margin-top: 80px !important;
	border-radius: 20px !important;
	z-index: 25000;
	position: absolute;
}

#Overlay .pop-up-bid h2{
	font-weight: 600;
	font-size: 36px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #384DB5;
	margin-bottom: 40px;
}


#Overlay .pop-up-bid p{
	font-weight: 600;
	font-size: 18px;
	line-height: 105.9%;
	letter-spacing: -0.03em;
	color: #343434;
	margin-top: 20px;
	margin-bottom: 0px;
}

#Overlay .pop-up-bid input{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	padding: 10px;
	outline: none;
}

#Overlay .pop-up-bid a{
	background: #EA6B1F;
	border-radius: 6px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	padding: 15px 25px 15px 25px;
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 0px;
	text-decoration: none;
}

#Overlay .pop-up-bid label.input-label{
font-weight: 400;
font-size: 15px;
line-height: 19px;
letter-spacing: -0.055em;
word-wrap: none;
padding: 0px;
text-align: left !important;
color: #384DB5;
margin-top: 20px;
}


/*Media Queries*/

@media only screen and (max-width: 1199px) {
	/* For desktop: */
}
@media only screen and (max-width: 992px) {
	/* For desktop: */
}
@media only screen and (max-width: 768px) {
	/* For desktop: */
	
	#Header ul {
		list-style-type: none;
		margin: 0;
		text-align: center;
		margin-top: 20px;
		margin-left: 0px;
		padding: 0;
	}
	
	#Header .avatar {
		text-align: center;
	}
	
	#Dashboard .mortgage-status{
		margin-bottom: 30px;
	}
	
	#Dashboard .mortgage-status .col-md-3{
		display: none;
	}
	
	#Dashboard .mortgage-table-populated table tbody tr th {
		border-top: 0px;
		font-weight: 600;
		font-size: 15px;
		line-height: 105.9%;
		letter-spacing: -0.03em;
		color: #FFFFFF;
	}
	
	.table td, .table th {
		padding: 0.75rem;
		vertical-align: middle;
		border-top: 1px solid #dee2e6;
	}
	
	#Dashboard .mortgage-table-populated table tbody tr td img.img-fluid{
		height: 42px;
		width: auto;
		margin-top: 8px;
		max-width: auto !important;
	}
	
	#Dashboard .booking-split .col-md-4 a.live-chat {
		background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
		border-radius: 12px;
		color: #ffffff;
		padding: 15px 25px 15px 25px;
		text-decoration: none;
		font-weight: 500;
		font-size: 25.2632px;
		line-height: 30px;
		letter-spacing: -0.055em;
		display: block;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 50px;
		margin-bottom: 40px;
	}
	
	#Dashboard .booking-split .col-md-4 {
		background: #ffffff;
		border-left: none;
		padding-right: 0px;
		display: inline-block;
		border-top-right-radius: 22px;
		border-bottom-right-radius: 22px;
		border-bottom-left-radius: 22px;
	}
	
	#Dashboard .booking-split-confirm {
		background: #F8F8F8;
		border: 1px solid #CBCBCB;
		border-radius: 22px;
		padding: 1px;
		padding: 90px 30px 90px 30px;
		text-align: center;
	}
	
	#Overlay .pop-up{
		width: 92% !important;
	}
	
	#Overlay .pop-up-bid{
		width: 92% !important;
	}
	
	#Overlay .pop-up ul{
		list-style-type: none;
	}
	
	#Overlay .pop-up ul li {
		display: list-item;
		padding: 30px;
		border: 1px solid #D0D0D0;
		font-weight: 500;
		font-size: 13px;
		line-height: 105.9%;
		text-align: center;
		letter-spacing: -0.03em;
		color: #EA6B1F;
		width: 100%;
		margin: -1px;
	}
	
	#Overlay .pop-up ul li span {
		font-weight: 600;
		font-size: 30px;
		line-height: 105.9%;
		text-align: center;
		letter-spacing: -0.03em;
		color: #EA6B1F;
	}
	
	#Overlay .pop-up h4 {
		font-weight: 600;
		font-size: 26px;
		line-height: 105.9%;
		text-align: center;
		letter-spacing: -0.03em;
		margin-bottom: 40px;
		color: #384DB5;
	}
	
	#Dashboard .accepted-bids {
		background: #FFF9EF;
		border: 1px solid #E6CA9D;
		border-radius: 27px;
		padding: 25px 30px 25px 30px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#Dashboard .accepted-bids img{
		display: none;
	}
	
	#Dashboard .new-mortgages {
		text-align: center;
	}
	
	#Dashboard .new-mortgages img{
		display: none;
	}
	
	#Dashboard .customer-information {
		background: #FFF9EF;
		border: 1px solid #E6CA9D;
		border-radius: 27px;
		padding: 30px;
		margin-bottom: 40px;
	}
	
	#Dashboard .customer-information ul li {
		margin-bottom: 12px;
		font-size: 13px;
	}
	
	#Dashboard .customer-information ul {
		list-style-type: none;
		display: inline-block;
		margin: 0;
		margin-right: 30px;
		padding: 0;
		width: 39%;
	}
	
	#Dashboard .customer-information .right{
		padding-top: 50px;
	}
	
	#Dashboard .customer-information .right ul{
		list-style-type: none;
	}
	
	#Dashboard .customer-information .right ul li {
		display: list-item;
		padding: 30px;
		border: 1px solid #D0D0D0;
		font-weight: 500;
		font-size: 13px;
		line-height: 105.9%;
		text-align: center;
		letter-spacing: -0.03em;
		color: #EA6B1F;
		width: 100%;
		margin: -1px;
	}
	
	#Dashboard .customer-information .right ul li span {
		font-weight: 600;
		font-size: 30px;
		line-height: 105.9%;
		text-align: center;
		letter-spacing: -0.03em;
		color: #EA6B1F;
	}
	
	#Dashboard .customer-information a.bid {
		background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
		border-radius: 12px;
		padding: 20px 30px 20px 30px;
		font-weight: 500;
		font-size: 25.2632px;
		line-height: 31px;
		letter-spacing: -0.055em;
		color: #FFFFFF;
		width: 90%;
		position: inherit;
		bottom: 0px;
		margin-bottom: 30px;
	}
	
#Dashboard .doc-icons .col-md-4{
	width: 30%;
}

#Dashboard .documentation-summary .col-md-2{
	display: none;
}
	
}
@media only screen and (max-width: 590px) {
	/* For desktop: */
}
@media only screen and (max-width: 480px) {
	/* For desktop: */
}
@media only screen and (min-width: 320px) {
	/* For desktop: */
}
@import https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/dropzone.min.css;
@import https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/basic.min.css;
/* line 4, app/assets/stylesheets/frontend/dropzone.scss */
.input {
  @apply appearance-none block w-full bg-gray-100 text-gray-700 border border-gray-300 rounded py-3 px-4 leading-tight;
}

/* line 8, app/assets/stylesheets/frontend/dropzone.scss */
.input:focus {
  @apply outline-none bg-white border-gray-400;
}

/* line 12, app/assets/stylesheets/frontend/dropzone.scss */
.label {
  @apply block text-gray-700 text-sm font-FuturaPTHeavy mb-2;
}

/* line 16, app/assets/stylesheets/frontend/dropzone.scss */
.select {
  @apply appearance-none py-3 px-4 pr-8 block w-full bg-gray-100 border border-gray-300 text-gray-700
   rounded leading-tight;
  -webkit-appearance: none;
}

/* line 22, app/assets/stylesheets/frontend/dropzone.scss */
.select:focus {
  @apply outline-none bg-white border-gray-400;
}

/* line 26, app/assets/stylesheets/frontend/dropzone.scss */
.dropzone {
  border: 0px;
  padding: 0px;
}

/* line 30, app/assets/stylesheets/frontend/dropzone.scss */
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.9;
}
.w-6 {
  width: 32px;
}

.h-6 {
  height: 32px;
}

.alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
}
/* 
* 
*  Lender Hive v1 - User Onboarding (2022)
*
*  Custom Stylesheet (Vanilla)
*  Incl. Variables
*
/*


/* Fonts */

@font-face {
    font-family: "BasierCircle";
    src: url("https://plotdigital.com/clients/lenderhive/font/basiercircle-regular-webfont.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "BasierCircle";
    src: url("https://plotdigital.com/clients/lenderhive/font/basiercircle-medium-webfont.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "BasierCircle";
    src: url("https://plotdigital.com/clients/lenderhive/font/basiercircle-semibold-webfont.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "BasierCircle";
    src: url("https://plotdigital.com/clients/lenderhive/font/basiercircle-bold-webfont.ttf");
    font-weight: 700;
}

/* Variables */

:root {
    --light: #FFFFFF;
    --dark: #2D2F39;
    --orange: #EA6B1F;
    --purple: #8C4778;
    --blue: #384DB5;
}

/* Global Styling */

html {
    scroll-behavior: smooth;
}

#required-text {
    color: #ff0000;
}

#onboarding-body {
    font-family: "BasierCircle", sans-serif !important;
    font-weight: 400 !important;
    background: url('https://plotdigital.com/clients/lenderhive/img/onboarding-background.jpg') no-repeat;
    background-size: cover;
    background-position: top right;
}

/* Onboarding Forms */


#Onboarding .col-md-7 {
    background: var(--light);


    padding: 0px;
}

#Onboarding .col-md-7 .header .onboarding-logo {
    width: 252px;
    height: auto;
}

#Onboarding .col-md-7 .header {

    border-bottom: 1px solid #CACACA;
    padding: 50px 50px 60px 50px;
}

#Onboarding .col-md-7 .header p {
    font-weight: 500;
    font-size: 16px;
    line-height: 105.9%;
    letter-spacing: -0.03em;
    color: #384DB5;
    margin-top: 35px;
    margin-bottom: 5px;
}

#Onboarding .col-md-7 .header h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 105.9%;
    letter-spacing: -0.03em;
    color: #384DB5;
    margin-bottom: 17px;
}

#Onboarding .col-md-7 .header .progress {
    display: -ms-flexbox;
    display: flex;
    height: 1.4rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: F1F2F5;
    border-radius: 254px;
}

#Onboarding .col-md-7 .header .progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #EA6B1F;
    transition: width .6s ease;
}

#Onboarding .col-md-7 .onboarding-form {
    padding: 30px 50px 60px 50px;
}

#Onboarding .col-md-7 .onboarding-form .form-file {
    all: initial;
}

#Onboarding .col-md-7 .onboarding-form .radio-field {
    width: 100%;
    display: inline-block;
    margin-top: 0px;
}

#Onboarding .col-md-7 .onboarding-form .order-field{
    width: 51%;
    display: inline-block;
    margin-top: 0px;
}

#Onboarding .col-md-7 .onboarding-form h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: -0.055em;
    color: #384DB5;
    margin-bottom: 20px;
    margin-top: 40px;
}

#Onboarding .col-md-7 .onboarding-form .connection-label {
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: -0.055em;
    color: #384DB5;
    margin-bottom: 20px;
    margin-top: 40px;
}

#Onboarding .col-md-7 .onboarding-form h3 {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.055em;
    color: #384DB5;
    margin-bottom: 20px;
    margin-top: -10px;
}

#Onboarding .col-md-7 .onboarding-form input[type=radio] {
    display: none;

}

#Onboarding .col-md-7 input[type=radio]+label {
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    padding: 25px 20px 20px 20px;
    border-radius: 4px;
    margin-right: 15px
}

#Onboarding .col-md-7 input[type=checkbox]+label
{
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    padding: 25px 20px 20px 20px;
    border-radius: 4px;
    margin-right: 15px
}

#Onboarding .col-md-7 .order-field
{
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    padding: 25px 20px 20px 20px;
    border-radius: 4px;
    margin-right: 15px;
    margin-bottom: 10px
}

#Onboarding .col-md-7 input[type=radio]+label:before {
    content: url('https://plotdigital.com/clients/lenderhive/img/radio-inactive.png');
    margin-right: 10px;
}

#Onboarding .col-md-7 input[type=checkbox]+label:before {
    content: url('https://plotdigital.com/clients/lenderhive/img/radio-inactive.png');
    margin-right: 10px;
}

#Onboarding .col-md-7 input[type=radio]:checked+label:before {
    content: url('https://plotdigital.com/clients/lenderhive/img/radio-active.png');
    margin-right: 10px;
}

#Onboarding .col-md-7 .radio-field input[type=checkbox]:checked+label:before {
    content: url('https://plotdigital.com/clients/lenderhive/img/radio-active.png');
    margin-right: 10px;
}

#Onboarding .col-md-7 .onboarding-form input[type=radio]:checked+label {
    background-image: none;
    background-color: #84487E;
    color: #ffffff;
    border: 1px solid #84487E;
}

#Onboarding .col-md-7 .onboarding-form .radio-field input[type=checkbox]:checked+label
{
    background-image: none;
    background-color: #84487E;
    color: #ffffff;
    border: 1px solid #84487E;
}

#Onboarding .col-md-7 .onboarding-form input
{
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    width: 99%;
    padding: 20px;
    height: 50px;
    outline: none;
}

#Onboarding .col-md-7 .onboarding-form input[type=date]
{
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    width: 99%;
    padding: 0px 0px 0px 20px;
    height: 50px;
    outline: none;
}

#Onboarding .col-md-7 .onboarding-form textarea {
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    width: 97%;
    padding: 20px;


    outline: none;
}

#Onboarding .col-md-7 .onboarding-form button {
    background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
    border-radius: 12px;
    border: 0px;
    outline: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 31px;
    letter-spacing: -0.055em;
    display: inline-block;
    width: 99%;
    padding: 20px;
    text-align: right;
    margin-top: 40px;
}

#Onboarding .col-md-7 .onboarding-form button img {
    width: 20px;
    height: auto;
    margin-left: 20px;
}

#Onboarding .col-md-5 {
    display: flex;

    align-items: flex-end;
    padding: 0px 30px 40px 50px;
    width: 100% !important;
}

#Onboarding .col-md-5 .footer-copyright img {
    margin-bottom: 20px;
    width: 25px;
    height: auto;
    margin-right: 10px;
}

#Onboarding .col-md-5 .footer-copyright ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#Onboarding .col-md-5 .footer-copyright ul li {
    display: inline;
}

#Onboarding .col-md-5 .footer-copyright ul li:after {
    content: "/";
    margin-left: 15px;
    margin-right: 10px;
    color: #ffffff;
}

#Onboarding .col-md-5 .footer-copyright ul li:last-child:after {
    content: none;

}

#Onboarding .col-md-5 .footer-copyright ul li a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

#Onboarding .col-md-5 .footer-copyright p {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.055em;
    color: #FFFFFF;
    width: 100%;
}

#Onboarding .col-md-7 .onboarding-form h2.big-heading {
    font-weight: 600;
    font-size: 22px;
    line-height: 17px;
    letter-spacing: -0.055em;
    color: #384DB5;
    margin-bottom: 20px;
    margin-top: 40px;
}

#Onboarding .col-md-7 .onboarding-form h3.big-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.055em;
    color: #384DB5;
    margin-bottom: 20px;
    margin-top: -10px;
}

#Onboarding .col-md-7 .notice-block {
    background: #FFEFE6;
    width: 99.5%;
    border: 1px solid #E4C5B1;
    border-radius: 4px;
    padding: 30px;
    margin-top: 30px;
}

#Onboarding .col-md-7 .notice-block p {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.055em;
    margin-bottom: 0px;
    color: #EA6B1F;
}

#Onboarding .col-md-7 a.upload-button {
    background: #EA6B1F;
    border-radius: 6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 25px 15px 25px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 40px;
}

#Onboarding .col-md-7 .onboarding-form button.next {
    background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
    border-radius: 12px;
    border: 0px;
    outline: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 31px;
    letter-spacing: -0.055em;
    display: inline-block;
    width: 48%;
    padding: 20px;
    text-align: right;
    margin-top: 40px;
}

#Onboarding .col-md-7 .onboarding-form button.next img {
    width: 20px;
    height: auto;
    margin-left: 20px;
}

#Onboarding .col-md-7 .onboarding-form button.prev {
    background: #ffffff;
    border: 2px solid #8C8C8C;
    border-radius: 12px;
    outline: none;
    color: #606060;
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 31px;
    letter-spacing: -0.055em;
    display: inline-block;
    width: 48%;
    padding: 18px;
    text-align: left;
    margin-top: 40px;
}

#Onboarding .col-md-7 .onboarding-form button.prev img {
    width: 20px;
    height: auto;
    margin-right: 20px;
}

#Onboarding .col-md-7 .onboarding-form .review {
    background: #ffffff;
    border: 2px solid #8C8C8C;
    border-radius: 12px;
    outline: none;
    color: #606060;
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 31px;
    letter-spacing: -0.055em;
    display: inline-block;
    width: 48%;
    padding: 18px;
    text-align: left;
    margin-top: 40px;
}

#Onboarding .col-md-7 .onboarding-form .review img {
    width: 20px;
    height: auto;
    margin-right: 20px;
}

#Onboarding .col-md-7 .onboarding-form h4 {
    font-weight: 600;
    font-size: 12px;
    line-height: 105.9%;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #5E606C;
}

#Onboarding .col-md-7 .onboarding-form ul {
    list-style-type: none;
    margin: 0;
    margin-top: 30px;
    padding: 0;
}

#Onboarding .col-md-7 .onboarding-form ul li {
    background: #E5E8F2;
    border-radius: 50px;
    padding: 22px 20px 18px 30px;
    width: 96%;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 13px;
    letter-spacing: -0.015em;
    color: #384DB5;
}

#Onboarding .col-md-7 .onboarding-form ul li img {
    width: 9px;
    height: auto;
    margin-right: 10px;
    margin-top: -8px;
}

#Onboarding .col-md-7 .onboarding-form ul li img.delete {
    width: 25px;
    height: auto;
    float: right;
    margin-right: 0px;
}

/* Overlay Styling */

#Overlay .block {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 100;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}

#Overlay .pop-up {
    background: #ffffff !important;
    width: 100% !important;
    padding: 40px !important;
    text-align: center !important;
    margin-top: 80px !important;
    border-radius: 20px !important;
    z-index: 25000;
    position: absolute;
}

#Overlay .pop-up h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 105.9%;
    letter-spacing: -0.03em;
    color: #384DB5;
}

.upload-area {
    text-align: center;
    background: #FFFFFF;
    border: 2px dashed #EA6B1F;
    box-shadow: 0px 19px 45px rgba(0, 0, 0, 0.15);
    border-radius: 27px;
    padding: 50px;
    margin-top: 35px;
}

.upload-area img {
    height: 80px;
    width: auto;
    margin-bottom: 10px;
}

.upload-area h2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 105.9%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #EA6B1F;
    margin-top: 30px;
}

.upload-area p {
    font-weight: 500;
    font-size: 15px;
    line-height: 105.9%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #EA6B1F;
    margin: 0px;
    padding: 0px;
}

#Overlay .pop-up p {
    font-weight: 400;
    font-size: 16px;
    line-height: 135.9%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0px 10% 0px 10%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #4E4E4E;
}

#Overlay .pop-up a.upload-button {
    background: #EA6B1F;
    border-radius: 6px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 25px 15px 25px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 0px;
    text-decoration: none;
}

#Overlay .pop-up img.success {
    width: 214px;
    height: auto;
    margin-top: 50px;
}

#Overlay .pop-up button.next {
    background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
    border-radius: 12px;
    border: 0px;
    outline: none;
    color: #ffffff;
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 31px;
    letter-spacing: -0.055em;
    display: inline-block;
    width: 100%;
    padding: 20px;
    text-align: right;
    margin-top: 40px;
}

#Overlay .pop-up button.next img {
    width: 20px;
    height: auto;
    margin-left: 20px;
}

#Overlay .pop-up h2.disclaimer {
    font-weight: 600;
    text-align: left !important;
    font-size: 32px;
    line-height: 105.9%;
    letter-spacing: -0.03em;
    color: #384DB5;
}

#Overlay .pop-up label.input-label {
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.055em;
    word-wrap: none;
    padding: 0px;
    text-align: left !important;
    color: #384DB5;
    margin-top: 20px;
}

/* Onboarding Login */


.login-area {
    background: #FFFFFF;
    box-shadow: 0px 9px 55px rgba(0, 0, 0, 0.15);
    border-radius: 29px;
    padding: 70px;
    margin: 60px 0px 0px 60px;
}

.login-area img {
    width: 265px;
    height: auto;
    margin-bottom: 40px;
}

.login-area h1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 105.9%;
    letter-spacing: -0.03em;
    color: #384DB5;
}

.login-area p {
    font-weight: 400;
    font-size: 18px;
    line-height: 149.9%;
    letter-spacing: -0.03em;
    color: #384DB5;
    margin-bottom: 0px;
}

.login-area p label {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.055em;
    margin-bottom: 0px !important;
    color: #384DB5;
    margin-top: 30px;
}

.login-area .button{
    background: #EA6B1F;
    border-radius: 6px;
    border: 0px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 25px 15px 25px;
    display: block;
    margin-top: 40px;
    margin-bottom: 0px;
    text-decoration: none;
}

.login-area input[type=text],
.login-area input[type=email],
.login-area input[type=password] {
    background: #FFFFFF;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    width: 99%;
    padding: 20px;
    height: 50px;
    outline: none;
}

.login-area a.forgotten {
    text-align: right;
    display: block;
    margin-top: -20px;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.055em;
    color: #EA6B1F;

}

.sign-up-button {
    background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
    border-radius: 0px 0px 29px 29px;
    margin-left: 60px;
    margin-top: -30px;
    padding: 20px 70px 20px 70px;
}

.to-application {
    background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
    border-radius: 0px 0px 29px 29px;
    margin-left: 60px;
    margin-top: -30px;
    padding: 20px 70px 20px 70px;
}

.to-application h2 {
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 30px;
    letter-spacing: -0.055em;
    display: inline-block;
    color: #FFFFFF;

}

.to-dashboard {
    background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
    border-radius: 0px 0px 25px 25px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -30px;
    margin-bottom: -25px;
    padding: 20px 70px 20px 70px;
}

.to-dashboard h2 {
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 30px;
    letter-spacing: -0.055em;
    display: inline-block;
    color: #FFFFFF;

}

.sign-up-button h2 {
    font-weight: 500;
    font-size: 25.2632px;
    line-height: 30px;
    letter-spacing: -0.055em;
    display: inline-block;
    color: #FFFFFF;

}

.sign-up-button a {
    font-weight: 500;
    font-size: 18.9474px;
    line-height: 23px;
    letter-spacing: -0.055em;
    color: #FFFFFF;
    text-decoration: none;
    float: right;
    margin-top: 10px;
}

.sign-up-button a img {
    width: 11px;

    height: auto;
}

.ntooltip {
  position: relative;
  display: inline-block;
}
  
.ntooltiptext {
visibility: hidden;
width: 300px;
background-color: rgb(38, 38, 38);
color: #fff;
text-align: center;
font-size: 12px;
letter-spacing: -0.0em;
border-radius: 6px;
padding: 5px;

/* Position the tooltip */
position: absolute;
z-index: 1;
top: -30px;
left: 105%;
}

.ntooltip:hover .ntooltiptext {
visibility: visible;
}

/*Media Queries*/

@media only screen and (max-width: 1199px) {
    /* For desktop: */
}

@media only screen and (max-width: 992px) {
    /* For desktop: */
}

@media only screen and (max-width: 768px) {
    /* For desktop: */

    #Onboarding .col-md-7 .onboarding-form .radio-field {
        width: 100%;
    }

    .footer-copyright {
        margin-top: 70px;
        margin-left: 0px !important;
    }

    #Onboarding .col-md-7 .onboarding-form button.prev {
        background: #ffffff;
        border: 2px solid #8C8C8C;
        border-radius: 12px;
        outline: none;
        color: #606060;
        font-weight: 500;
        font-size: 25.2632px;
        line-height: 31px;
        letter-spacing: -0.055em;
        display: inline-block;
        width: 100%;
        padding: 18px;
        text-align: left;
        margin-top: 40px;
    }
    
    #Onboarding .col-md-7 .onboarding-form .review {
        background: #ffffff;
        border: 2px solid #8C8C8C;
        border-radius: 12px;
        outline: none;
        color: #606060;
        font-weight: 500;
        font-size: 25.2632px;
        line-height: 31px;
        letter-spacing: -0.055em;
        display: inline-block;
        width: 100%;
        padding: 18px;
        text-align: left;
        margin-top: 40px;
    }

    #Onboarding .col-md-7 .onboarding-form button.next {
        background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
        border-radius: 12px;
        border: 0px;
        outline: none;
        color: #ffffff;
        font-weight: 500;
        font-size: 25.2632px;
        line-height: 31px;
        letter-spacing: -0.055em;
        display: inline-block;
        width: 100%;
        padding: 20px;
        text-align: right;
        margin-top: 10px;
    }

    #Overlay .pop-up {
        width: 92% !important;
    }

    #Onboarding .login-area {
        background: #FFFFFF;
        box-shadow: 0px 9px 55px rgb(0 0 0 / 15%);
        border-radius: 29px;
        padding: 30px;
        margin: 20px 20px 0px 20px;
    }

    .sign-up-button {
        background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
        border-radius: 0px 0px 29px 29px;
        margin-left: 20px;
        margin-top: -30px;
        padding: 20px 30px 20px 30px;
        width: 90%;
    }

    .sign-up-button h2 {
        display: none;
    }

    .sign-up-button a {
        font-weight: 500;
        font-size: 18.9474px;
        line-height: 23px;
        letter-spacing: -0.055em;
        color: #FFFFFF;
        text-decoration: none;
        text-align: center !important;
        float: none;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 590px) {
    /* For desktop: */
}

@media only screen and (max-width: 480px) {
    /* For desktop: */
}

@media only screen and (min-width: 320px) {
    /* For desktop: */
}
#Overlay .block{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 100;
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}

#Overlay .pop-up{
  background: #ffffff !important;
  width: 100% !important;
  padding: 40px !important;
  text-align: center !important;
  margin-top: 80px !important;
  border-radius: 20px !important;
  z-index: 25000;
  position: absolute;
}

#Overlay .pop-up h2{
  font-weight: 600;
  font-size: 36px;
  line-height: 105.9%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #384DB5;
}

#Overlay .pop-up h3{
  font-weight: 500;
  font-size: 20px;
  line-height: 105.9%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #384DB5;
}

#Overlay .pop-up .upload-area{
  background: #FFFFFF;
  border: 2px dashed #EA6B1F;
  box-shadow: 0px 19px 45px rgba(0, 0, 0, 0.15);
  border-radius: 27px;
  padding: 50px;
  margin-top: 35px;
}

#Overlay .pop-up .upload-area img{
  height: 80px;
  width: auto;
}

#Overlay .pop-up .upload-area h2{
  font-weight: 600;
  font-size: 18px;
  line-height: 105.9%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #EA6B1F;
  margin-top: 30px;
}

#Overlay .pop-up .upload-area p{
  font-weight: 500;
  font-size: 15px;
  line-height: 105.9%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #EA6B1F;
  margin: 0px;
  padding: 0px;
}

#Overlay .pop-up p{
  font-weight: 400;
  font-size: 16px;
  line-height: 135.9%;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0px 10% 0px 10%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #4E4E4E;
}

#Overlay .pop-up a.upload-button{
  background: #EA6B1F;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 25px 15px 25px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0px;
  text-decoration: none;
}

#Overlay .pop-up img.success{
  width: 214px;
  height: auto;
  margin-top: 50px;
}

#Overlay .pop-up img.bank-logo{
  width: 150px;
  height: auto;
  display: inline-block;
  margin-bottom: 50px;
}

#Overlay .pop-up ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 40px;
}

#Overlay .pop-up p.quote-ref{
  font-weight: 400;
  font-size: 16px;
  line-height: 105.9%;
  margin-bottom: 10px;
  margin-top: 0px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #4E4E4E;
}

#Overlay .pop-up p.quote-ref strong{
  color: #EA6B1F;
}

#Overlay .pop-up h4{
  font-weight: 600;
  font-size: 36px;
  line-height: 105.9%;
  text-align: center;
  letter-spacing: -0.03em;
  margin-bottom: 40px;
  color: #384DB5;
}

#Overlay .pop-up h4 img{
  width: 26px;
  height: auto;
  margin-right: 20px;
}

#Overlay .pop-up ul li{
  display: inline-block;
  padding: 30px;
  border: 1px solid #D0D0D0;
  font-weight: 500;
  font-size: 16px;
  line-height: 105.9%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #EA6B1F;
  width: 33%;
  margin: -3px;
}

#Overlay .pop-up ul li span{
  font-weight: 600;
  font-size: 40px;
  line-height: 105.9%;
  text-align: center;
  letter-spacing: -0.03em;
  color: #EA6B1F;
}

#Overlay .pop-up button.next{
  background: linear-gradient(106.74deg, #EA6B1F 4.24%, #8C4778 56.32%, #384DB5 99.48%);
border-radius: 12px;
border: 0px;
outline: none;
color: #ffffff;
font-weight: 500;
font-size: 25.2632px;
line-height: 31px;
letter-spacing: -0.055em;
display: inline-block;
width: 100%;
padding: 20px;
text-align: right;
margin-top: 40px;
}

#Overlay .pop-up button.next img{
  width: 20px;
  height: auto;
  margin-left: 20px;
}

#Overlay .pop-up h2.disclaimer{
  font-weight: 600;
  text-align: left !important;
font-size: 32px;
line-height: 105.9%;
letter-spacing: -0.03em;
color: #384DB5;
}

#Overlay .pop-up label.input-label{
font-weight: 400;
font-size: 15px;
line-height: 19px;
letter-spacing: -0.055em;
word-wrap: none;
padding: 0px;
text-align: left !important;
color: #384DB5;
margin-top: 20px;
}

/* Overlay Pop-Up Bid Screen */

#Overlay .pop-up-bid{
  background: #ffffff !important;
  width: 100% !important;
  padding: 40px !important;
  margin-top: 80px !important;
  border-radius: 20px !important;
  z-index: 25000;
  position: absolute;
}

#Overlay .pop-up-bid h2{
  font-weight: 600;
  font-size: 36px;
  line-height: 105.9%;
  letter-spacing: -0.03em;
  color: #384DB5;
  margin-bottom: 40px;
}


#Overlay .pop-up-bid p{
  font-weight: 600;
  font-size: 18px;
  line-height: 105.9%;
  letter-spacing: -0.03em;
  color: #343434;
  margin-top: 20px;
  margin-bottom: 0px;
}

#Overlay .pop-up-bid input{
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #D5D5D5;
  box-shadow: inset 0px 3px 3px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 10px;
  outline: none;
}

#Overlay .pop-up-bid a{
  background: #EA6B1F;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 25px 15px 25px;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 0px;
  text-decoration: none;
}

#Overlay .pop-up-bid label.input-label{
font-weight: 400;
font-size: 15px;
line-height: 19px;
letter-spacing: -0.055em;
word-wrap: none;
padding: 0px;
text-align: left !important;
color: #384DB5;
margin-top: 20px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */