body {
	/* The image used 
  background-image: url("../images/bg.png");*/
	/* Full height */
  height: 100%;
	/* Center and scale the image nicely */
  background-position: center;
	background-repeat: no-repeat;
	background-size: cover; background:#f6fcff
}
.p20{ padding-top:20px}
.titleFont {
 
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 38px;
	/* identical to box height, or 136% */
letter-spacing: -0.02px;
	color: #1C1C28;
}
.stepBlock{background: #FFFFFF;
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
border-radius: 3px;
/*width: 924px;*/
height: 100px; margin: 0 auto;     margin-top: 30px;}
.headerBlock{ background:#005487; height:61px; width:100%;   position: fixed; z-index: 999999; top:0 }
.marginInherit {
	margin:inherit !important
}
.plr0{padding-left: 0!important;
    padding-right: 0!important;}
.applicationBox {
 
 
	padding:35px !important; background: #FFFFFF;
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
border-radius: 3px;
}
.circleBg{ width:80px; height:80px;     background: #fff; display: flex;
    justify-content: center;
    align-items: center;}
.progessBarContainer {
	width:640px;
	margin:0 auto
}
.progessBar {
	background: #b0ddf8;
	height:1px;
	margin:0 auto; margin-top:-42px
}
.cilcle {
	border-radius:52% 48% 47% 53% / 50% 53% 47% 50%;
	background:#000;
	width:15px;
	height:15px;
	float: left;
	cursor:pointer
}
.circle1 {
	width:31px;
	height:28px;
	background:url("../images/Union1.png");
	background-repeat:no-repeat;
	cursor: pointer; 
	 
}
.circle2 {
	width:24px;
	height:24px;
 border: 2px solid #2EA4ED;
	background-repeat:no-repeat;
	cursor: pointer; border-radius:50%;     background-position-x: center;
 
}
.circle3 {
		width:24px;
	height:24px;
 border: 2px solid #2EA4ED;
	background-repeat:no-repeat;
	cursor: pointer; border-radius:50%; 
	cursor: pointer;    background-position-x: center;
 
}
.circle4 {
		width:24px;
	height:24px;
 border: 2px solid #2EA4ED;
	background-repeat:no-repeat;
	cursor: pointer; border-radius:50%; 
	cursor: pointer;     background-position-x: center;
}
.selectedCircle {
	background-color: red;
}
.buttonBlock {
 
    margin-top: -18px;
    /* margin-left: -3px; */
    display: flex;
    justify-content: space-between;
}
.BlueCircle:before {
	width: 16px;
	height: 16px;
	border:1px solid #3f7af4;
	border-radius:50%;
	content: "";
	display: inline-block;
}
.titleText {
	/*font-family: Open Sans;*/
	font-size: 20px;
	line-height: 28px;
	/* identical to box height, or 140% */ padding-bottom:20px;
 

color: #000000;
}
.butttonBlue {
	 
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #F86E32;
	/*border-radius: 5px;*/
	padding: 10px 30px;
border: 1px solid #F86E32; outline:none
}
.butttonBlue:hover {
 
	background: #F86E32;  outline:none
 
}



.previousButton {
	 
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	/* Light / Light 4 */
color: #000;
	background: #fff;
	/*border-radius: 5px;*/
	padding: 10px 30px;
	border: 1px solid #000; outline:none
}
.previousButton:hover {
 
	background: #fff;  outline:none
 
}




.displayFlex {
	display: flex;
}
.spaceBetween {
	justify-content: space-between
}
.fontSize16 {
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	color: #000000;
	/*font-family: Open Sans;*/
}
.fontSize14 {
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
		/*font-family: Open Sans;*/
}
.fontSize12 {
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	 
}
.countpage {
	font-size: 12px;
	line-height: 16px;
	color: #A3A3A3;
}
.tableSection tr th {
 
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;padding:5px
}
.tableSection tr td {
		/*font-family: Open Sans;*/
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px; padding:5px
}
.addAnother {
	padding:5px 12px;
 
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 14px;
	color:#fff;
	background: #3e7bfa;
	border-radius: 5px;
	border: 0;
}
.pull-right {
	float:right
}
.divider {
	border-top: 1px solid #E4E4EB;
	margin-top:10px
}
.pBottom {
	padding-bottom:40px
}
.questionBlock {
	padding-bottom:40px
}
.questionSection {
	width:550px;
	margin:0 auto
}
.ptop20 {
	padding-top:20px
}
.infoButton {
	width:24px;
	height:24px;
	border-radius:50%;
	background: #3E7BFA;
	text-align:center;
	color:#fff;
	cursor:pointer;
	margin-left: 30px;
}
/* radio Button start */
	
	.radioButton {
	position: relative;
	padding-left: 25px !important;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default radio button */
.radioButton input {
	/*  position: absolute;*/ 
  opacity: 0;
	cursor: pointer;
}
.checkmark1 {
	position: absolute;
	top: 0;
	left: 0;
	height:16px;

	width: 16px;
	border-radius: 50%;
	border: 1px solid #2196F3;
}

/* On mouse-over, add a grey background color */
.radioButton:hover input ~ .checkmark1 {
border: 1px solid #2196F3;
}

/* When the radio button is checked, add a blue background */
.radioButton input:checked ~ .checkmark1 {
 background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark1:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioButton input:checked ~ .checkmark1:after {
 display: block;
}
/* Style the indicator (dot/circle) */
.radioButton .checkmark1:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9ee3ec96;
}
label.radioButton {
	 
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	/* identical to box height, or 133% */

letter-spacing: 0.2px;
	color: #1C1C28;
	padding-top: 0px;
}
/* radio Button end */
	
.ptop10 {
	padding-top: 10px;
}
.pbottom15 {
	padding-bottom:15px
}
.ptop15 {
	padding-top:15px
}
.grayBox {
	padding:15px;
	background: #E4E4EB;
 
}
.circleText {
 
	font-style: normal;
	/*font-weight: 700;*/
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	position:absolute;
	margin-top: 33px;
	margin-left: -14px;
}

.scrollDiv{height:430px; overflow:auto; }

 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.progessBarContainer{    width: 100%;}
.questionSection{ width: 100%; }
.mobileMenu{ display:block !important}
.infoPopup{    margin-left: -220px  !important;
    margin-top: 8px !important;
    z-index: 99999;}
	.infoPopup:before{ display:none !important}
}

@media only screen and (min-device-width : 481px) and (max-device-width : 1024px) {
.progessBarContainer{    width: 100% !important;}
.questionSection{ width: 100%;}
.mobileMenu{ display:block !important}
.container{max-width:100%!important}
.infoPopup{    margin-left: -220px  !important;
    margin-top: 8px !important;
    z-index: 99999;}
	
	.infoPopup:before{ display:none  !important}
}


@media (max-width: 991.98px) {

.signature-component canvas{    width: 100%;}
	
.progessBarContainer{    width: 100% !important;}
.mobileMenu{ display:block !important}
.questionSection{ width: 100% !important;}
.infoPopup{    margin-left: -220px  !important;
    margin-top: 8px !important;
    z-index: 99999;}
	
	.infoPopup:before{ display:none  !important}


}
@media (max-width: 1242px) {
.infoPopup{    margin-left: -220px  !important;
    margin-top: 8px !important;
    z-index: 99999;}
	
	.infoPopup:before{ display:none  !important}}
.infoPopup{
padding: 25px;

 
 
 
 

background: #28293D;
border-radius: 4px;
position: absolute;
    margin-left: 40px;
    margin-top: -100px;}

.infoPopupText{ 	/*font-family: Open Sans;*/
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px; text-align:left} 

.infoPopup:before{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #28293D transparent transparent;
  content: " ";     position: absolute;
    text-align: left;
    left: -9px;
    margin-top: 57px;

}

.popupbutton{
border: 1px solid #3E7BFA;
 
border-radius: 8px; padding:8px;
 
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px; 	border: 0; background:#fff

}

.popupbuttonBlock{ margin-top:25px


}

/* width */
::-webkit-scrollbar {
  width: 5px; height:10px; border-radius:5px
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;  
    border-radius: 10px
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



.signature-component {
  text-align: left;
 /* display: inline-block;*/
  max-width: 100%;
}
.signature-component h1 {
  margin-bottom: 0;
}
.signature-component h2 {
  margin: 0;
  font-size: 100%;
}
.signature-component button {
     /* padding: 1em; */
    background: #f00e0e;
    /* box-shadow: 2px 2px 4px #777; */
    margin-top: 0.5em;
    border: 0;
    font-size: 1rem;
    color: #fff;
    border-radius: 5px;     position: absolute;
    margin-top: -26px;
}
.signature-component button.toggle {
  background: rgba(255, 0, 0, 0.2);
  
}
.signature-component canvas {
  display: block;
  position: relative;
   background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius:0px;
 
}
.signature-component img {
  position: absolute;
  left: 0;
  top: 0;
}


.dataTable{border-color: #ccc;
    border: 1px solid #ccc;}
	
	.dataTable .input-group-text{
	display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
background-color: #fff; 
border: 0px solid #5B5D72;
 
	
	
	
	}
	
	
		.dataTable .form-control {
    display: block;
    width: 100%;
    padding: 0px 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid #5B5D72;
    border-radius: 0px;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 20px;
    outline: none;
	
	}
	
	
	.dataTable .input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 5px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
background-color: #fff; 
border: 0px solid #5B5D72;
  border-radius: 0.25rem;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
	
	
		.dataTable tr th{ background:#66666605; font-size:13px;     padding: 0 5px;  }
	.dataTable tr td{ font-size:12px; min-width:100px }
	.tdPading{ padding:5px;  white-space: nowrap;}
	.tableWidth{ width:100% !important; overflow:auto;    /* display: flex;*/ min-height: 140px;}
	.noWrap{    white-space: nowrap;}
	.minWidth{ min-width:150px}
	.mright{ margin-right:-1px}
	.trBg{      text-align: center;}
.card-tabs .nav-item a{ color:#000 !important}
	
	
	
	
	.addButton {
 
	font-weight: 500;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #28a745;
	 
 
	border: 0; outline:none; margin-right:10px
}
.addButton:hover {
 
	background: #218838;  outline:none
 
}
	
 
	
	.removeButton {
	 
	font-weight: 500;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #dc3545;
 
 
	border: 0; outline:none; margin-left:5px
}
.removeButton:hover {
 
	background: #c82333;  outline:none
 
}
.saveButton{
	
	
		 
	font-weight: 500;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #dc3545;
	 
 
	border: 0; outline:none;  
	
}

 

	.importButton {
	 
	font-weight: 500;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #374d7c;
	 
 
	border: 0; outline:none; margin-left:5px
}
.importButton:hover {
 
	background: #1b2e56;  outline:none
 
}

input:focus, textarea:focus, select:focus, button:focus{
        outline: none;
    }
	.overlayDiv{ background-color:rgba(0,0,0,0.7); position:fixed; top:0px; width: 100%; height:100%;     z-index: 999999;}
	.yesrnoblock{ width:300px; height:300px; background:#fff; border-radius:20px;
	
	
	 position : absolute;    
   
    left     : 50%;
    top      : 50%;
    margin-left : -150px; /* half of the width  */
    margin-top  : -150px; /* half of the height */      
    justify-content: center;
	
	}
	
	
		.uploadblock{ width:500px; height:520px; background:#fff; border-radius:20px;
	
	
	 position : absolute;    
   
    left     : 50%;
    top      : 50%;
    margin-left : -250px; /* half of the width  */
    margin-top  : -250px; /* half of the height */      
    justify-content: center;
	
	}
	
	.logocircle{
		
		background:#fff; border-radius:50%; width:100px; height:100px; border:1px solid #ccc;     display: flex;
    align-items: center;
    justify-content: center; margin-top: -45px; margin-left: 100px;
		
		
	}
	.popupcontent{ padding:10px;
	font-size: 23px;
    text-align: center; padding-bottom: 50px;
	
	}
	
	
		.yesButton {
 
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #28a745;
	border-radius: 5px;
 
	border: 0; outline:none;  padding: 10px 30px; 
}
.yesButton:hover {
 
	background: #218838;  outline:none
 
}
	
			.noButton {
 
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #ea1111;
	border-radius: 5px;
 
	border: 0; outline:none;  padding: 10px 30px; 
}
.noButton:hover {
 
	background: #9d0c0c;  outline:none
 
}
	
	.fileuploadBlock{
		
		display: flex;
 
align-items: flex-start;
padding: 20px;

position: relative;
width: 410px;
/*height: 74px;*/

border: 1px dashed #2F2F2F;
border-radius: 8px; margin:0 auto;     margin-top: 10px; align-items: center;
		
		
	}
	
	.w410{width: 410px; margin:0 auto; padding-top:20px }
	
	.pr10{ padding-right:8px}
	.uploadTxt{
		
		 
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
/* identical to box height, or 133% */

text-align: center;
letter-spacing: 0.2px;
		
	}
	.w50percent{ width:50%}
	
	
	.uploadButton {
 
	font-weight: 500;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	/* Light / Light 4 */
color: #FFFFFF;
	background: #374d7c;
	border-radius: 5px;
 
	border: 0; outline:none; margin-top: 10px;
}
.importButton:hover {
 
	background: #1b2e56;  outline:none
 
}

.uplodedBlock{ width: 410px;  margin:0 auto; margin-top:20px }
.closeButton{ background:#e4eafc; width:30px; height:30px; border-radius:50%; text-align: center;
    line-height: 30px; cursor:pointer}
	
	.docBlock{display: flex;
    justify-content: space-between;}
	.w300{ width:300px}
	.loaderBootomstrip{ background:#e4eafc; height:5px; border-radius:5px}
	.loaderthumb{ width:200px; height:5px; border-radius:5px;background:#9794ff; margin-top: -5px;}
	.loaderstrip{ margin-top:10px; }
	.fs14{font-size: 14px;}
	.chaticon{ position:fixed; right:30px; bottom:20px; cursor:pointer;     width: 60px;
    height: 60px;
    background: #3e7bfa;
    border-radius: 50%; display: none;
    align-items: center;
    justify-content: center; }
	.popupblock{background: #FFFFFF;
 
border-radius: 16px;
width: 364px;
height: 490px;

 
    position: fixed;
    bottom: 85px;
    right: 30px;      z-index: 9999999999; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}
.tabSection{background: #FFFFFF;
box-shadow: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);
  padding-top: 10px;     display: flex;
    justify-content: space-around;
	-webkit-border-top-left-radius: 16px;
-webkit-border-top-right-radius: 16px;
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright: 16px;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
webkit-box-shadow: 0 8px 6px -8px #ccc;
	   -moz-box-shadow: 0 8px 6px -8px #ccc;
	        box-shadow: 0 8px 6px -8px #ccc;
	
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)), drop-shadow(0px 8px 16px rgba(96, 97, 112, 0.16));}
	.tabblock{    border-bottom: 1px solid #fff;
    width: 182px;
    text-align: center;
    padding-bottom: 10px; cursor:pointer}
	
	.tabblockActive{border-bottom: 1px solid #1792D0 !important;  }
	.tableTitle{    margin-top: -10px;
    padding: 10px;
 border: 1px solid #C4C4C4; border-bottom: 0px; font-size: 13px;}
	
	.chatSection{display:flex;     margin-top: 20px;}
	
	.chatCircle{ width:40px; height:40px; border-radius:50%; background:#ccc; margin-right:10px;     margin-top: 30px;     margin-left: 10px;}
	.chatMessage{border-radius: 15px; 

 
    background: #f5f8fa;}
	 .chatCircle  img{ width:40px; height:40px; border-radius:50%;     object-fit: cover;}
	.chatuser{display: flex;
    justify-content: space-between;
    padding: 10px;
    font-size: 12px;     padding-bottom: 5px;}
	
	.userChat{font-size: 12px;   padding: 10px; padding-top:0px}
	.nextChat{   
    justify-content: flex-end;
    margin-right: 5px;}
	.blueBg{    background-color: #3e7bfa !important; color:#fff !important}
	.chatTextarea{  color: rgb(65, 65, 65)!important;
    border-color: rgb(157, 169, 176)!important;
    background: white;     resize: none;     overflow: hidden;     border-radius: 6px!important;
    padding: 10px 36px 10px 12px!important;
    margin: 0;
    white-space: pre-wrap; width:250px !important; font-size: 12px !important;     text-overflow: ellipsis;}
	.chatinputSection { display:flex;     padding: 20px;  }
	.p10{ padding:10px; padding-top: 6px;}
	.cursorPointer{ cursor:pointer}
	.circle2 .circleText{margin-left: -26px;}
		.circle3 .circleText{margin-left: -26px;}
	 .newLoginButton {
  background: #F86E32;
  /*border-radius: 5px;*/
  padding: 10px 20px;
  color: #fff;     font-size: 13px; border:1px solid #F86E32;
}
.menuTitle {
    padding: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}	



.menuParentDiv {
    background: #00436c;
}

.menuSmallTxt {
    font-size: 10px;
}

.menuCircle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    margin-left: 30px;
    margin-right: 10px;
}

.menuClick {
    background: #83bee2 !important;
}

.docFinished {
    background-image: url(../images/check-circle-solid.png);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 20px;
    margin-right: 10px;
}

.exclamation {
    background-image: url(../images/exclamation.png);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 20px;
    margin-right: 10px;
}

.mtop10 {
    margin-top: 10px;
}

.mbottom10 {
    margin-bottom: 10px;
}

.menuMiddleLine {
    border-right: 1px solid #fff;
    height: 15px;
    width: 36px;
    margin-top: -2px;
}

.greenLine {
    border-right: 1px solid #82b440 !important;
}

.mtopmin3 {
    margin-top: -3px;
}
.whiteTxt {
  color: #fff;
}
.childMenu{    padding-bottom: 20px !important;}
.menuSmallTxt {
    font-size: 10px;
}
.logoBlock {
   
}

.leftlogoSection  {
    width: 250px;
    align-items: center;
    color: #fff; height: 60px; justify-content: space-between;
}
.pageHeading {
    font-size: 20px;
    font-weight: 600; /*margin-left: -10px;*/
}
.mypropertieCard{  width:280px; height:145px;     font-weight: 600;

  background-repeat:no-repeat;     background-position: right bottom;
      margin-right:24px;
    margin-bottom: 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; background:#fff;

}
.cardTitle{ font-size:15px; color:#141B20;  border-bottom:1px solid #e9e9e9;      display: flex;
    justify-content: space-between;} 
.p10{ padding:10px}
.addressBlock{ display:flex;   font-size:11px;     padding-left: 10px;
    padding-bottom: 5px;}
.w100{ width:53px}
.blueColor{    color: #005487;}
.ViewDetailsButton{     color: #F86E32 !important;
     
   
   
   font-size: 9px;
    text-transform: uppercase;
    text-decoration: underline;}
	.mlr10{ margin-left:10px;  }
	.propertienotification{ width:12px; height:12px; border-radius:50%; background:#F86E32; display: flex;
    justify-content: center;
    align-items: center;     margin-top: -5px;
    margin-right: -5px;}
	.mypropertieCardBlock{ display:flex; flex-wrap: wrap; }
	.filterBlock{display: flex;
    justify-content: space-between;   padding:5px; width:100%;   font-size:13px; font-weight:600; align-items: center;  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; background:#fff; margin-bottom: 24px;}
	.orangeTxt{ color:#f86e32}
		.filterBlock_rightSection{display:flex;     width: 230px;
    justify-content: space-between;
    align-items: center;}
	.w150{ width:150px !important; border: 1px solid #141B20 !important;}
	.filterselect{ height:30px !important; padding:0 !important; font-size:12px !important}
	.listTable tr th{ background: #fff;
    color: #212529;
    padding: 5px;
    font-size: 13px;
    padding-left: 10px;
    border-bottom: 1px solid #dedad9;}
		.listTable tr td{  color:#000; padding:5px; font-size:13px;     border-bottom: 1px solid #dedad9;
    padding-left: 10px;}
		.addressClick{ color:#005487 !important; text-decoration:underline; }
		.listTable tr:nth-child(odd) {background-color: #fff;}
		.w700{ font-weight:700}
		
		.strip{    background: #a8c5d64d;
    padding: 10px;
    font-weight: 600;}
	.fontsize15px{   font-size:15px; line-height:30px;     margin-top: 20px;}
	
	
	
	
.profiletopbottom {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    text-align: center !important;
}

.profilePhoto {
    display: flex;
    align-items: center;
    justify-content: center;
}

.profilePhoto img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.profileTxt {
    font-size: 16px;
    text-align: center;
    color: #000;
    padding-top: 10px;
    font-weight: 600;
}

.smallTxt {
    font-size: 12px;
    color: #a7abc3;
}

.manageYouraccountbtn {
    background: none;
    color: #ededed;
    box-shadow: 0px 2px 8px 0px rgb(237 237 237 / 45%);
    color: #212529;
    border-radius: 50px;
    padding: 5px 20px;
    display: inline-block;
    border: 1px solid #ededed;
    margin-top: 20px;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 20px; font-size:14px
}

.signoutButn {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0.75rem 1.5rem;
    color: #ff3e6c !important;
    text-align: left;
    cursor: pointer; font-size:14px
}

.settingTxt{  border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0.75rem 1.5rem;
    color: #ooo !important;
    text-align: left;
    cursor: pointer; font-size:14px}
	
	
	.loanContainer{ width:800px; margin:0 auto; background:#fff; height:500px;     border-radius: 5px; margin-top:50px}
	
	
.selectloantypeTxt {
  background: #015486;
  color: #fff;
  font-size: 18px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.loanBlock {
 box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
    background: #fff;
  
      margin: 5px;
    padding: 10px;
  cursor: pointer; display: flex;
    flex-direction: column;
    align-items: center; width: 180px;
}
.loanTxt {
  font-size: 12px;
  color: #000;
  padding-top: 10px;
  text-align: center;     text-transform: uppercase;
}
.mtop80 {
  margin-top: 80px;
}

.justifycontencenter {
  justify-content: center;
}


.AlignItemCenter {
  align-items: center;
}
.addicon {
  padding: 5px;
  background: #2ea4ed;
}
.actionBlock {
  display: flex;
}
.trushicon {
  padding: 5px 10px;
  background: #dc0000;
  color: #fff;
  margin: 2px;
}
.editicon {
  padding: 5px 10px;
  background: #0d8c00;
  color: #fff;
  margin: 2px;
}
.minheight39 {
  min-height: 39px;
}

/* document vault */
 .h40{ height:40px}
.vaultHeader {
  background: #fff;
 /*  padding: 5px;*/
  margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.vaultHeader ul {
  margin: 0;
  padding: 0;
}

.vaultHeader ul li {
  list-style: none;
  float: left;
  border-right: 1px solid #dedad9;
  cursor: pointer;
}

.vaultHeader .icon {
  padding-left: 8px;
  padding-right: 8px;
  color: #161b1f;
}

.vaultHeader .text {
  padding-left: 8px;
  padding-right: 8px;
  color: #161b1f;
  font-size: 13px;
  font-weight: 600;
  padding-top: 2px;
}

.vaultLeftBlock {
/*  background: #f5f5f5;*/
  width: 300px;
  padding: 10px;     padding-left: 0;
}

.myfileBlock {
 /* background: #e8ecee; */
   box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.frameshadow{  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; background:#fff;  }
.myfileHeader {
    background: #fff;
    /* padding: 10px; */
    font-weight: 600;
    height: 40px;
    align-items: center;
    padding: 0px 10px;     border-bottom: 1px solid #dedad9; font-size: 13px;
}

.myfileList {
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  width: 280px;  border-bottom: 1px solid #dedad9; font-size: 13px;
}

.folderColor {
  color: #eac928 !important;
  padding-right: 10px;
}

.vaultRightBlock {
  padding: 15px;
  width: 100%;
}

.mybreadcrumbs {
  color: #161b1f;
    font-size: 12px;
  font-weight: 600;
  display: flex;
}

.pright10 {
  padding-right: 10px;
}

.myfilestableHeader {
    background: #fff;
    font-weight: 600;
    /* padding: 10px; */
    display: flex;
    margin-top: auto;
    height: 40px;
    align-items: center;
    padding: 0px 10px;
    font-size: 13px;  border-bottom: 1px solid #dedad9; 
}

.fileNameWidth {
  width: 50%;
}
 
.fileSizeWidth {
  width: 20%;
}

.lastModified {
  width: 20%;
}

.fileRow {
  padding: 10px;
  display: flex;
  align-items: center;    font-size: 13px;   border-bottom: 1px solid #dedad9;
}
.fileCheckBox{ width:10%; text-align:right}
.fileoddcolor {
 /*  background: #e8ecee; */
}



/* myproperties detail view */







.greenTick{ width:20px; height:20px; color:#fff; border-radius:50%; background:#82b440;     display: flex;
    align-items: center;
    justify-content: center;}
	
.greenTick i{ font-size:13px}
.closeTick{ width:20px; height:20px; color:#fff; border-radius:50%; background:#f70000;     display: flex;
    align-items: center;
    justify-content: center;}
	
.closeTick i{ font-size:13px}

.mpdvSction{ display:flex;   }
.mpdvLeftSection{ width:200px;   margin-right:10px; border-bottom: 1px solid #dedad9}
.mpdvRightSection{    width:100%; 
    
}

 
.mpdvLeftmenu{   margin-right: 10px;  }
.mpdvP{ padding:10px 5px; align-items: center;}
.mpdvarrow{    padding-right: 10px;
    padding-left: 5px;
    font-size: 11px;  }
	.mpdvmenutext{ width:145px;    
    font-size: 13px;   font-weight: 500;}
	
	.mpdvRAddressBlock{ background:#fff; width:35%;  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;     padding: 10px; margin-right: 5px;
     }
	.fontWeight{ font-weight:600}
	.orangetextcolor{ color:#f86e32 !important; text-align: right;
    font-size: 36px;}
	.w90{ width:90px}
	.pbottom10{ padding-bottom:10px}
	.mpdvwhiteBox{ background:#fff;   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;      padding: 10px; margin-right: 5px;
    margin-bottom: 5px; height: 87px;
    width: 225px}
	.w35per{ width:30%} 
	.w65per{ width:70%} 
	.w25per{ width:25%}
	.p10{ padding:10px}
	.font13p{ font-size:13px}
	.pb10{ padding-bottom:10px}
	.font14p{ font-size:14px}
	.flexwrap{flex-wrap: wrap;}
	.mtop5{ margin-top:5px}
	.pr50{ padding-right:50px}
	.pl6px{ padding-left:6px !important}
	.pright5{ padding-right:5px}
	.propertytype{ width:440px;     display: flex;
    justify-content: space-between;}
	.mt10{ margin-top:10px}
	.w218{ width:218px !important}
	.bluecircle{ width:40px; height:40px; border-radius:50%; display:flex; background:#e3ecf2;     justify-content: center;
    align-items: center; 
    margin-right: 10px;}
	
	.rightText{     display: flex;
    justify-content: flex-end;
    align-items: center;}
	
	.propertytypeOrangeText{font-size: 18px;
    text-align: center !important;
    padding-top: 12px; color:#f86e32 !important; font-weight:600 }
	.apnblock{  display: flex;
    justify-content: space-between;}
	.pleft10{ padding-left:10px}
		.redbell{  display: flex;
    justify-content: space-between; width:641px}
	.mpdvfirstection{ }
	.mpdvsecondection{   }
	.mr0{ margin-right:0px !important}
	.mpdvHeader{ display:flex; background:#fff;  padding:10px; color:#000; justify-content: space-between; font-size: 13px;
    border-bottom: 1px solid #dedad9;}
	.mpdvinnerSection{    padding-top:0px }
	.docTable tr th{ background:#fff; padding:5px; font-size:13px;     border-bottom: 1px solid #dedad9;
    padding-left: 10px;}
		.docTable tr td{  padding:5px; font-size:13px;      
    padding-left: 10px;}
	
		.docTable tr  {   border-bottom: 1px solid #dedad9;
  }
		.docTable tr td a{ color:#f86d32 ; text-decoration:underline  }
		.docTable tr:nth-child(odd) {background: #fff}
		.w50per{ width:50%; }
		.fileSection{ display:flex; font-size: 13px; padding: 5px 10px;
    align-items: center; justify-content: space-between;     
    background: #fff;
    border-bottom: 1px solid #dedad9;
}
.m5{ margin:5px}
 
	.pr10{ padding-right:10px}
	.mr5{ margin-right:5px}
	
	.folderSection{ display:flex; font-size: 13px; padding: 5px;
    align-items: center; justify-content: space-between;     
    
    border-bottom: 1px solid #cee1ea;}
	.fontSize40{ font-size:40px}
	.folderRightarrow{  
       transform: rotate(90deg);
    padding-top: 10px;}
	.pl30{ padding-left:30px}
	.arrowrotate{  transform: inherit !important;}
	.mpdvmenuactive{     color: #f86d32 !important;}
	.rentalIcon{ background-image: url(../images/rental_icon.svg); width:45px; height:50px; background-repeat:no-repeat}
	
		.selectrentalIcon{ background-image: url(../images/selectrental_icon.svg); width:150px; height:150px; background-repeat:no-repeat}
	
	
		.combinedloanIcon{ background-image: url(../images/cv-bridge-term.svg); width:45px; height:50px; background-repeat:no-repeat}
	.creditlineIcon{ background-image: url(../images/cv-creditline.svg); width:45px; height:50px; background-repeat:no-repeat}
		.fixflipIcon{ background-image: url(../images/fix_flip.svg); width:41px; height:35px; background-repeat:no-repeat}
	.built_for_rentIcon{ background-image: url(../images/built_for_rent.svg); width:37px; height:45px; background-repeat:no-repeat}
	.mltifamilyIcon{ background-image: url(../images/mltifamily.svg); width:42px; height:36px; background-repeat:no-repeat}
	
	.iconText{ font-size:5px; text-transform:uppercase}
	
	
	
	.iconleftBlock{width: 70px;
    display: flex;
    justify-content: center;
    height: 65px;
    border-right: 1px solid #EEEEEE;    flex-direction: column;
    align-items: center;}
	.p5px{ padding:5px;     padding-left: 10px;}
	.pt10{ padding-top:10px}
	.loanTypeTitle{ font-size:18px; font-weight:600; padding-top:16px; padding-bottom:12px}
	.h100{ height:80px; margin:10px}
	.myloan_icon{ background-image: url(../images/cv-myloans.svg); width:20px; height:24px; background-repeat:no-repeat; }
		.home_icon{ background-image: url(../images/home_icon.svg); width:20px; height:20px; background-repeat:no-repeat; }
		.dashboard_icon{ background-image: url(../images/cv-home.svg); width:20px; height:20px; background-repeat:no-repeat; }
		.chat_icon{ background-image: url(../images/chat_icon.svg); width:20px; height:20px; background-repeat:no-repeat; }
		.document_vault{ background-image: url(../images/document_vault.svg); width:20px; height:19px; background-repeat:no-repeat; }
		
			.newloan_icon{ background-image: url(../images/newloan_icon.svg); width:20px; height:20px; background-repeat:no-repeat; }
			
					.search_icon{ background-image: url(../images/search_icon.svg); width:12px; height:12px; background-repeat:no-repeat;  }
					.p4{ padding:4px;     padding-top: 6px;}
			
			.pushmenuBar{background-image: url(../images/header_menu_bar.svg); width:15px; height:12px; background-repeat:no-repeat; }
			.pushmenuBarBlock{ padding:12px; display:flex; justify-content: flex-end;}
			.searchContainer{ padding:24px 12px;  }
			.seachblock{ background:#094a76}
	.fs11{ font-size:11px}
	.w15{ width:30px}
	.searchTextBox{      width: 100%;
    background: transparent;
    border: 0;
    font-size: 11px;
    color: #fff;}
		 .documentvaultButton {
  
  /*border-radius: 5px;*/
  padding: 10px 20px;
  color: #fff;     font-size: 13px; border:1px solid #fff;
}
.mlmin36{ margin-left: -36px !important;}
.mlmin30{ margin-left: -30px !important;}
.mlmin6{ margin-left: -6px !important;}


.w75per{ width:75%}
.w25per{ width:25%}
.fs42{ font-size:42px}
.h172{ height:172px} 
.fs32{ font-size:32px}
.flexDirectioncolumn{flex-direction: column;}
.mtr10{ margin-top:10px; margin-right:10px}


.pdfIcon{background-image: url(../images/cv-pdf.svg); width:20px; height:20px; background-repeat:no-repeat; margin-right: 5px;   }
.trushIcon{background-image: url(../images/cv-trash.svg); width:20px; height:20px; background-repeat:no-repeat;  cursor:pointer   }
.uploadIcon{background-image: url(../images/cv-upload.svg); width:20px; height:20px; background-repeat:no-repeat;    cursor:pointer }
.signIcon{background-image: url(../images/cv-sign.svg); width:20px; height:20px; background-repeat:no-repeat;   cursor:pointer  }


.plusIcon{background-image: url(../images/plus_icon.svg); width:15px; height:15px; background-repeat:no-repeat; margin-right:5px }



.mins_icon{background-image: url(../images/mins_icon.svg); width:15px; height:15px; background-repeat:no-repeat;  margin-right:5px}
.info_icon{background-image: url(../images/info_icon.svg); width:20px; height:20px; background-repeat:no-repeat;  margin-right:5px}
.waiting_icon{background-image: url(../images/waiting_icon.svg); width:16px; height:20px; background-repeat:no-repeat;  margin-right:5px}
.tick_icon{background-image: url(../images/tick_icon.svg); width:20px; height:21px; background-repeat:no-repeat;   margin-right:5px}
.currentStatussection{ margin-left:20px}
.w30px{ width:30px}
.ptb12{ padding:12px 0px}
.grayBorder{border-bottom: 1px solid #dedad9;}
.whiteBorder{border-bottom: 1px solid #fff !important;}
.ml20px{ margin-left:20px}
.p12{ padding:12px}
.pb26{ padding-bottom:26px}
.raBorder{ border-left:1px solid #1393D1;     padding-right: 8px; margin-top: 3px; 
    width: 20px; margin-bottom: 5px;
} 
.fs10{ font-size:10px;}
.fs13{ font-size:13px;}
.raBlueCircle{ width:12px; height:12px; border-radius:50%; background:#1393D1; margin-bottom: 10px;     }
.bgwhite{ background:#fff; width: 15px;
    height: 20px;
    margin-left: -6px;}
	.wsnowrap{     white-space: nowrap;}
	.mtopmin1{ margin-top:-1px}
	.graytext{ color:#DDDADA}
	.pb20{ padding-bottom:20px}
	.w100percent{ width:100%}
	.borderTransparent{border: transparent !important;
}
.borderRadius20{ border-radius:20px}
.h24{ height:24px; padding:4px; width:100% }
.progresStatus{ background: rgb(18,63,102);
background: linear-gradient(90deg, rgba(18,63,102,1) 0%, rgba(19,147,209,1) 100%);  height:16px; width:50%;

-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;

}
.progresrunningTxt{text-align: right;
    float: right;
    width: 100%;
    margin-top: 20px; font-size:12px}
	.mtopmin20{ margin-top:-18px }
	.teamSection{ }
	.teamIcon img{ width:60px; height:60px; border-radius:50%}
	.teamName{ padding-top:7px; padding-bottom:2px; text-align:center;  font-size:11px; font-weight:500 }
	.teamDetails{   text-align:center; font-size:11px; color:#000}
	
	
.slider{
 
  height: 170px;
  position: relative;
 
  overflow: hidden;
   padding:12px
  
}

.slides{
  width: 100%;
  height: 100%;
  display: flex;
}

.slide{
  min-width: 100%;
  height: 100%;
  position: relative;
}

.slide img{
  
}
 

.arrows-nav{
  position: absolute;
  color: #fff;
  font-size: 30px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.arrows-nav .fa-chevron-left{
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: .7s;
  opacity: 0;
}

.arrows-nav .fa-chevron-right{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: .7s;
  opacity:0;
}
.dots-nav{
  position: absolute;
 
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  z-index: 9999;
}
.dots-nav span{
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  transition: .7s; border:1px solid #C4C4C4
}

.active{
 /* background-color: #C4C4C4 !important;*/
}


.breadcrumbBlock { padding-top:10px}
.list ul{  list-style: none;
  display: flex;
  flex-flow: column wrap;
  height:475px;  padding:0; margin:0
 


}
.list ul li { list-style:none; margin:0; padding:0; font-size:13px; width:50%}

.loandetails{ width:100%; border-bottom:1px solid #C4C4C4; justify-content: space-between;
    padding: 10px;}
	
	
	
		.executiveHeader{ display:flex; background:#fff;  padding:5px; color:#000; justify-content: space-between; font-size: 13px;
    border-bottom: 1px solid #dedad9; align-items: center;}
	
	.executivefilterBlock_rightSection {
    display: flex;
    width: 310px;
    justify-content: space-between;
    align-items: center;
}
	
	
	.w60per{ width:50%;     margin: 5px;}
	.w20per{ width:20%;     margin: 5px;}
	.w30per{ width:30%;     margin: 5px;}
	
 .p5px{ padding:5px}
 .fs18{ font-size:18px; line-height:inherit}
  .fs24{ font-size:24px;  line-height:inherit}
  .capstxt { text-transform:uppercase}
 .pr5{ padding-right:5px}
 .pb15{ padding-bottom:5px}
 .grayborderBottom{    border-bottom: 1px solid #e9e9e9;}
 .signBlock{    height: 90px;
    display: flex;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;}
	.mr10{ margin-right:10px}
	
	
	
	/* profile  srtat*/

.profileSection{display: flex;
align-items: flex-start;
    justify-content: space-between; margin-top: 10px;}
.profilePhoto2 { width:230px;    margin-right: 10px;}
.profileImageBlock img{ width:220px}
.profileInformation{ width:100%}
.personalInformationTitle{ margin:5px; background:#f4f8fb; padding:10px; font-size:20px;     margin-bottom: 10px;}
.w80per{ width:80%}

.proInputField{ width:50%;     padding-left: 20px;}
.proInputField2{ width:100%;     padding-left: 20px;}
.profileImageBlock{ padding:5px;}	
.profileEditBlock{     display: flex;
    margin: 10px;
    justify-content: center;}
.p5px{ padding:5px}
.profileIconSection{ margin:10px}
 
 .p10px{ padding:10px; }
 .displayInlineBlock{ display:inline-block}
 .flexEnd{justify-content: flex-end;}
 
 .msearch{display: flex; background:#fff;     border: 1px solid #ccc;
    margin-top: 10px; margin-bottom:10px  }
 
 .msearchTextBox {
    width: 100%;
    background: transparent;
    border: 0;
    font-size: 11px;
    color: #000;
}
.messageTable{ font-size:12px; border:1px solid #ccc}
.messageTable tr td{ padding:5px; }
.bBottom{border-bottom:1px solid #ccc;}
.mIcon {    margin-right: 20px;}
.mIcon img{ width:32px; height:32px; border-radius:50%}
.maddCommentBlock{ border:1px solid #ccc;     padding: 10px 20px; width:50%; cursor: text;}
.mp5{    padding: 5px 0px;}
.mChat{ color:#000}
.editorBlock{ display:none}
.popCommentsection{ background:#fff; width:80%; margin:0 auto; margin-top:50px; padding: 20px;}



.type1 {
  font-family: "Dancing Script", cursive;
}
.type2 {
  font-family: "Festive", cursive;
}
.type3 {
  font-family: "Great Vibes", cursive;
}
.type4 {
  font-family: "Niconne", cursive;
}
.type5 {
  font-family: "Pacifico", cursive;
}
.type6 {
  font-family: "Satisfy", cursive;
}

.fs30 {
  font-size: 30px;
}
.typeBlock {
  padding: 5px;
  border: 1px solid #ccc; width:200px;     display: flex;
    align-items: center;
    justify-content: center; margin:5px; cursor:pointer
}
.typeActive{    background: #0154861f !important;}
.card-body{ border:1px solid #dee2e6; border-top:none ; height:240px; }
.signUploadblock{ height:200px;    display: flex;
    align-items: center;
    justify-content: center;     flex-direction: column;}


	.Resetcontainer{ width:450px; margin:0 auto; background:#fff; height:550px;     border-radius: 5px; margin-top:10px;     padding: 20px;}
.loginTxt {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    padding-top: 36px;
    letter-spacing: 0.02em;
    padding-bottom: 24px;
}
.w60percent{ width:60%}
.w40per{ width:40%}
@media only screen and (min-device-width : 1367px) and (max-device-width : 2049px) {
.minheight39 {
    min-height: inherit !important;
}
}

@media only screen and (min-width: 1368px) {.minheight39 {
    min-height: inherit !important;
}}