/******************** 
Import Font
********************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
@import url('icon-font/css/line-awesome.css');


/******************** 
Normalize
********************/

html, body {
	height:100%;
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight:300;
	color:#333;
	background:url(../images/body-bg.jpg) no-repeat center center fixed;
	background-size:cover;
	margin:0;
	padding:0;
	overflow-y:scroll;
}

.center {
	text-align:center;
}
.right {
	text-align:right;
}

.left {
	text-align:left;
}

h1, h2, h3, h4, h5, strong, b {
	font-weight:500;
}

/*--------------------------------------------------------------
# Responsive Grid
--------------------------------------------------------------*/
.grid{
max-width:1220px;
margin:0 auto;
}

.grid.flex{
width:100%;
max-width:100%;

}

.row{
display:block;
/*overflow:hidden;*/
clear:both;
}

.row:before,
.row:after {
  content: "";
  display: table;
}

.row:after {
  clear: both;
}

.row {
  zoom: 1; /* ie 6/7 */
}


.{ width:95%; margin:0 auto;}

*[class*="col_"].alpha{margin-left:0;}
*[class*="col_"].omega{margin-right:0;}
 
.col_1  { width: 6.6666666666667%; }
.col_2  { width: 15%; }
.col_3  { width: 23.333333333333%; }
.col_4  { width: 31.666666666667%; }
.col_5  { width: 40%; }
.col_6  { width: 48.333333333333%; }
.col_7  { width: 56.666666666667%; }
.col_8  { width: 65%; }
.col_9  { width: 73.333333333333%; }
.col_10 { width: 81.666666666667%; }
.col_11 { width: 90%; }
.col_12 { width: 98.333333333333%; }

*[class*="col_"]{
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;
float: left;
display: block;
}

.col_4-height{
    height:64px;
}

.grid img{
max-width: 100%;
height:auto;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix, *:first-child+html .clearfix{zoom:1}

/* Viewable Grids 
	To view your grids, add the class .visible to any grid container.
	This will add a background color so you can see the layout of your grids. 
*/
*[class*="col_"].visible{
background:#eee;
border:1px dotted #ccc;
}


/*---------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet 
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
	
	.grid *[class*="col_"]{}
	.grid{max-width: 1024px;}
	.show-desktop	{display:block;}
	.hide-desktop	{display:none;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.grid *[class*="col_"]{}
	.grid{max-width: 768px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
}


@media all and (min-width: 480px) and (max-width: 768px) {

	.grid *[class*="col_"]{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}
	
	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
	margin-left:0;
	margin-right:0;
	width:100%;
	}
	
	.grid{max-width: 480px;}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:block;}
	.hide-tablet	{display:none;}
	.show-phone		{display:none;}
	.hide-phone		{display:block;}
	
}

@media all and (max-width: 480px) {
	
	.grid *[class*="col_"]{
	float:none;
	width:auto;
	clear:both;
	display:block;
	}
	
	/* columns inside of columns */
	.grid *[class*="col_"] [class*="col_"]{
	margin-left:0;
	margin-right:0;
	width:100%;
	}
	
	.grid{max-width: 100%;/*320*/}
	.show-desktop	{display:none;}
	.hide-desktop	{display:block;}
	.show-tablet	{display:none;}
	.hide-tablet	{display:block;}
	.show-phone		{display:block;}
	.hide-phone		{display:none;}
	
}

/*--------------------------------------------------------------
# Form Styling
--------------------------------------------------------------*/
input, select, textarea, button {
	font-family: 'Poppins', sans-serif;
}

input[type=text], input[type=password], select, textarea, input[type=date], input[type=email] {
		border: 1px solid #ccc;
		font-size: 14px;
		padding: 12px 13px;
		width: 100%;
		border-radius: 4px;
		box-sizing: border-box;
	}
input[type=text], input[type=password], select {
/*	height:35px;
	line-height:35px;*/
}

input[type=text].number-of-days {
        width: 15%;
    }

textarea {
	height:80px;
}

select {
	color:#666;
}


input.disabled, select.disabled {
	background:#efefef;
	border:none;
}
.price-sign {
	position:absolute;
	font-size:20px;
	line-height:45px;
	padding-left:3px;
}
.price-field {
	padding-left:25px!important;
}

.filefielddiv input {
	height:0px;
	width:0px;
	overflow:hidden;
}
.filefielddiv label {
	background: #ff7e18;
  border: none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
	font-size: inherit;
  font-weight: 500;
  margin-bottom: 1rem;
  outline: none;
  padding: 1rem 50px;
  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
}

/*--------------------------------------------------------------
# Form Page Styling
--------------------------------------------------------------*/

.form-outer-wrapper h1 {
	text-align:center;
	color:#fff;
	font-weight:500;

}
.form-white-wrapper {
	background:#fff;
	border-radius:5px;
	padding:15px;
	position:relative;
	padding-bottom:75px;
}
.call-center-details {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #999;
}
.form-white-wrapper h3 {
	text-align:center;
	color:#ff7e18;
	font-weight:500;
	letter-spacing:0.5px;
	margin:0;
	padding:10px;
	font-size:20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.form-white-wrapper h3 i {
	font-size:25px;
	margin-right:5px;
}
.note {
	font-size:13px;
	color:#666;
	/*padding:4px 0;*/
	font-style:italic;
}

.questionlabel {
	padding:25px 5px 0 5px;
	font-size:16px;
	font-weight:400;
	display:block;
}
.questionlabel span {
	color:#ff0000;
}
.previous-next-button-container {
	position:absolute;
	width:100%;
	bottom:0;
	background:#ff7e18;
	padding:10px;
	color:#fff;
	left:0;
	border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
box-sizing:border-box;
}
.previous-next-button-container button {
	background:none;
	border:none;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:500;
}
.primary-button {
	color: #fff;
	background: #ff7e18;
	padding: 10px 20px;
	text-align: center;
	border: solid 1px #ff7e18;
	font-size: 15px;
	font-weight: 500;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 5px;
	display: inline-block;
	text-decoration: none;
}
.secondary-button {
	color:#ff7e18;
	background:#fff;
	padding:10px 20px;
	text-align:center;
	border:solid 1px #ff7e18;
	font-size:15px;
	font-weight:500;
	border-radius:5px;
	cursor:pointer;
	margin:0 5px;
}

.submit-button-div {
	padding:30px 0;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 1001;
}
.popupbox {
	position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 25px;
border-radius: 10px;
max-width: 400px;
position:relative;
text-align:center;
}

.editpopupbox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    width: 1284px;
    position: relative;
    height: 760px;
    /*text-align: center;*/
}

.popupbox.popupboxwide {
	max-width:600px;
}

.popupMessage {
	padding:20px 0;
}

.scrollable-container {
    height:608px;
    overflow-y:scroll;
}
.popupclose {
	position:absolute;
	top:10px;
	right:10px;
	font-size:18px;
	color:#000;
	font-weight:500;
	cursor:pointer;
}
.previous-button {
	width:45%;
	float:left;
}
.next-button {
	width:45%;
	float:right;
	text-align:right;
}
.form-label {
	font-size:13px;
	font-weight:500;
	/*padding:10px 0 0 0;*/
	display:block;
}
.form-label span {
	color:#ff0000;
}
.top-right-buttons {
	position:fixed;
	top:0;
	right:0;
	padding:10px;
	color:#fff;
	/*background:#ff7e18;*/

}
.top-right-buttons a {
	color:#fff;
	margin:3px;
	background:#ff7e18;
	border-radius:5px;
	padding:7px 15px;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
}
.top-right-buttons a i {
	font-size:20px;
	margin-right:5px;
}

.errorMessage {
    color: #FF0000;
    font-size: 14px;
    font-weight: 400;
}
.callerinfo {
	padding:5px;
	font-size:15px;
	text-align:right;
	border:solid 1px #ff7e18;
	border-radius:5px;
	color:#ff7e18;
}
.callerinfo span {
	color:#000;
	font-weight:500;
}
/*--------------------------------------------------------------
# Login Page Styling
--------------------------------------------------------------*/

.login-div-outer {
	position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 15px;
border-radius: 10px;
width:350px;
max-width: 400px;
text-align:center;
}

.login-div-outer h2 {
	margin-bottom:0;
	font-weight:500;
	color:#ff7e18;
}
.login-div-outer h3 {
	margin-top:0;
	font-weight:400;
}
.login-formfield {
	position:relative;
	margin:10px 0;
}
.login-formfield i {
	position: absolute;
    left: 3px;
    top: 8px;
    font-size: 25px;
    color: #999;
}
.login-formfield input {
	padding-left:30px;
	/*height:40px;*/
}

/*--------------------------------------------------------------
# Offer Page Styling
--------------------------------------------------------------*/

.property-info-top {
	background:#ff7e18;
	padding:5px;
	border-radius:5px;
	color:#fff;
}
.property-offer-address {
	font-size:17px;
	line-height:40px;
}
.property-offer-address span {
	font-weight:500;
}
.property-offer-price {
	background:#333;
	border-radius:5px;
	font-weight:500;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	letter-spacing:0.5px;
}

.agent-buyer {
	padding:8px 0;
	text-align:right;
	font-size:14px;
}
.agent-buyer a {
	text-decoration:none;
	color:#ff7e18;
	font-weight:500;
}

.agentbuyerfield {
	padding:15px 0;
}
.houseBuyerLogowrapper {
	min-height:56px;
}
.documents-table {
	margin:20px 0;
}
.documents-table th {
	text-align:left;
	padding:10px 0;
	border-bottom:solid 2px #000;
	font-weight:500;
}
.documents-table td {
	padding:10px 0;
	border-bottom:solid 1px #ccc;
}
.documents-table td i {
	font-size:25px;
}
/*  added */
.documents-tableCustomize {
	margin: 20px 0;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
	.documents-tableCustomize th {
		text-align: center;
		padding: 10px 0;
		border: solid 1px #ccc;
		font-weight: 500;
		background-color:#ffefd5;
	}

	.documents-tableCustomize td {
		text-align: center;
		padding: 10px 0;
		border-bottom: solid 1px #eee;
		border-left: solid 1px #eee;
		border-right: solid 1px #eee;
	}

		.documents-tableCustomize td i {
			font-size: 25px;
		}
/**/
.heading-margin-top {
	margin-top:40px!important;
}
.deletebutton {
	cursor:pointer;
}
.grid-row-cell-file {
    display: block;
    width: auto;
    padding: 0 8pt;
    height: 96pt;
    line-height: 96pt;
    border: 1px dotted #999;
    text-align: center;
}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.inline-field {
    display: inline-block;
    height: 32pt;
    line-height: 32pt;
    margin: 2pt 0;
}
.four-column {
    display: block;
    width: 96%;
    margin: 2pt auto;
}
.button-width-full {
    width: 96%;
    padding: 0.5px 16px;
    margin: 2pt auto;
}
.icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}
.plus-2-32 {
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAl0lEQVRYhe3XIQ7CQBSE4X9JBbIHQVZzGMQKKjkHsoiKHga9kntQWYnBbpNp2jwzYyd5+ZKXfckm1OTyBG6VdmLsHsq4RgbAGWhXOimnDYBdY4ABBhgQDkj/266c0CtwqXQf4C3MWhK5fKnf9qMzh6/AAAMaYCL0GarJZQDulfbF2PXKuPAVGGCAAQaEA7b8jhdgXumk/ABLZhbBkgBgfwAAAABJRU5ErkJggg==);
}
.input-text-extralarge {
    width: 60%;
    
}

/* Added for Agent home */
.arrow-green {
	color: #21ba45;
}

.arrow-blue {
	color: #2185d0;
}

.offer-symbols {
	padding: 15px 0;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

	.offer-symbols i {
		font-size: 25px;
		margin-left: 25px;
	}

.red-up-arrow {
	font-size: 18px;
	color: #ff0000;
	display: inline-flex;
	vertical-align: middle;
	margin: 0 5px;
}

.green-down-arrow {
	font-size: 18px;
	color: #0C0;
	display: inline-flex;
	vertical-align: middle;
	margin: 0 5px;
}

.correrspondence-chat .chat {
	width: 80%;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px 0;
}

	.correrspondence-chat .chat.chat-from {
		background: #f4f4f4;
		float: left;
	}

	.correrspondence-chat .chat.chat-to {
		background: #dddddd;
		float: right;
	}

	.correrspondence-chat .chat .chat-name {
		color: #222;
		font-weight: bold;
		margin-bottom: 10px;
	}

		.correrspondence-chat .chat .chat-name span {
			color: #999;
			font-weight: normal;
			font-size: 13px;
		}

	.correrspondence-chat .chat .chat-reply-link {
		margin-top: 10px;
		font-size: 13px;
	}

		.correrspondence-chat .chat .chat-reply-link a {
			text-decoration: none;
			color: #ff7e18;
		}

.reply-div {
	width: 90%;
	float: right;
	margin: 15px 0;
}
/******************** 
Responsive Tabs
********************/
.tab_container_outer {
	padding: 50px 0;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px;
	/*border-bottom: 1px solid #ff7e18;*/
	width: 100%;
	/*background:#f4f4f4;*/
	display: flex;
	justify-content: center
}

	ul.tabs li {
		float: left;
		margin: 0 5px;
		cursor: pointer;
		padding: 0px 40px;
		height: 40px;
		line-height: 40px;
		/*border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #666;*/
		color: #666;
		overflow: hidden;
		position: relative;
		background: #f4f4f4;
		border-radius: 5px;
	}

.tab_last { /*border-right: 1px solid #333; */
}

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}

ul.tabs li.active {
	/*background-color: #fff;
	color: #333;
	border-bottom: 1px solid #fff;*/
	display: block;
	background: #ff7e18;
	color: #fff;
}

.tab_container {
	/*border: 1px solid #333;*/
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
	border: solid 1px #dddddd;
	border-radius: 5px;
	margin-top: 10px;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading {
	display: none;
}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}

	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.d_active {
		background-color: #666;
		color: #fff;
	}
}

.accordion {
	background-color: #fff;
	color: #ff7e18;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 16px;
	transition: 0.4s;
	border-bottom: solid 1px #ccc;
	font-size: 500;
}

	.active, .accordion:hover {
		background-color: #f4f4f4;
	}

.panel {
	padding: 0 5px 15px 5px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

	.panel .documents-table th {
		font-size: 14px;
	}

	.panel .documents-table td {
		font-size: 14px;
	}

.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

.accordion.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.table-scroll {
	position: relative;
	max-width: 100%;
	margin: 20px 0;
	overflow: hidden;
	/*border:1px solid #000;*/
}

.table-wrap {
	width: 100%;
	overflow: auto;
}

.table-scroll table {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

.table-scroll th {
	font-weight: 500;
}

.table-scroll td {
	text-align: center;
	font-size: 13px;
}

.table-scroll th, .table-scroll td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	background: #fff;
	white-space: nowrap;
	vertical-align: top;
}

.table-scroll thead, .table-scroll tfoot {
	background: #f9f9f9;
}

.clone {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

	.clone th, .clone td {
		visibility: hidden
	}

	.clone td, .clone th {
		border-color: transparent
	}

	.clone tbody th {
		visibility: visible;
		color: #000000;
	}

	.clone .fixed-side {
		border-bottom: 1px solid #ccc;
		background: #eee;
		visibility: visible;
		text-align: left;
	}

	.clone thead, .clone tfoot {
		background: transparent;
	}

/* Added for Buyer home */

.arrow-green {
	color: #21ba45;
}

.arrow-blue {
	color: #2185d0;
}

.offer-symbols {
	padding: 15px 0;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

	.offer-symbols i {
		font-size: 25px;
		margin-left: 25px;
	}

.red-up-arrow {
	font-size: 18px;
	color: #ff0000;
	display: inline-flex;
	vertical-align: middle;
	margin: 0 5px;
}

.green-down-arrow {
	font-size: 18px;
	color: #0C0;
	display: inline-flex;
	vertical-align: middle;
	margin: 0 5px;
}

.correrspondence-chat .chat {
	width: 80%;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px 0;
}

	.correrspondence-chat .chat.chat-from {
		background: #f4f4f4;
		float: left;
	}

	.correrspondence-chat .chat.chat-to {
		background: #dddddd;
		float: right;
	}

	.correrspondence-chat .chat .chat-name {
		color: #222;
		font-weight: bold;
		margin-bottom: 10px;
	}

		.correrspondence-chat .chat .chat-name span {
			color: #999;
			font-weight: normal;
			font-size: 13px;
		}

	.correrspondence-chat .chat .chat-reply-link {
		margin-top: 10px;
		font-size: 13px;
	}

		.correrspondence-chat .chat .chat-reply-link a {
			text-decoration: none;
			color: #ff7e18;
		}

.reply-div {
	width: 90%;
	float: right;
	margin: 15px 0;
}
/******************** 
Responsive Tabs
********************/
.tab_container_outer {
	padding: 50px 0;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 40px;
	/*border-bottom: 1px solid #ff7e18;*/
	width: 100%;
	/*background:#f4f4f4;*/
	display: flex;
	justify-content: center
}

	ul.tabs li {
		float: left;
		margin: 0 5px;
		cursor: pointer;
		padding: 0px 40px;
		height: 40px;
		line-height: 40px;
		/*border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #666;*/
		color: #666;
		overflow: hidden;
		position: relative;
		background: #f4f4f4;
		border-radius: 5px;
	}

.tab_last { /*border-right: 1px solid #333; */
}

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}

ul.tabs li.active {
	/*background-color: #fff;
	color: #333;
	border-bottom: 1px solid #fff;*/
	display: block;
	background: #ff7e18;
	color: #fff;
}

.tab_container {
	/*border: 1px solid #333;*/
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
	border: solid 1px #dddddd;
	border-radius: 5px;
	margin-top: 10px;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading {
	display: none;
}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}

	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.d_active {
		background-color: #666;
		color: #fff;
	}
}

.accordion {
	background-color: #fff;
	color: #ff7e18;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 16px;
	transition: 0.4s;
	border-bottom: solid 1px #ccc;
	font-size: 500;
}

	.active, .accordion:hover {
		background-color: #f4f4f4;
	}

.panel {
	padding: 0 5px 15px 5px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

	.panel .documents-table th {
		font-size: 14px;
	}

	.panel .documents-table td {
		font-size: 14px;
	}

.accordion:after {
	content: '\02795'; /* Unicode character for "plus" sign (+) */
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

.accordion.active:after {
	content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.table-scroll {
	position: relative;
	max-width: 100%;
	margin: 20px 0;
	overflow: hidden;
	/*border:1px solid #000;*/
}

.table-wrap {
	width: 100%;
	overflow: auto;
}

.table-scroll table {
	width: 100%;
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
}

.table-scroll th {
	font-weight: 500;
}

.table-scroll td {
	text-align: center;
	font-size: 13px;
}

.table-scroll th, .table-scroll td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	background: #fff;
	white-space: nowrap;
	vertical-align: top;
}

.table-scroll thead, .table-scroll tfoot {
	background: #f9f9f9;
}

.clone {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

	.clone th, .clone td {
		visibility: hidden
	}

	.clone td, .clone th {
		border-color: transparent
	}

	.clone tbody th {
		visibility: visible;
		color: #000000;
	}

	.clone .fixed-side {
		border-bottom: 1px solid #ccc;
		background: #eee;
		visibility: visible;
		text-align: left;
	}

	.clone thead, .clone tfoot {
		background: transparent;
	}

    .columnar-grid-container {
        margin: 12pt auto;
        display: block;
        width: 98%;
        box-shadow: 0 0 2px #999;
    }

.cell-container {
    display: block;
    width: auto;
    border-bottom: 1px solid #CCC;
    height: 24pt;
    line-height: 24pt;
    font-size: 10pt;
    border-right: 1px solid #CCC;
}

.header {
    font-weight: 600;
    height: 32pt;
    line-height: 32pt;
}

.cell-content {
    display: block;
    width: auto;
    height: 24pt;
    line-height: 24pt;
    padding: 0 4pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixed-column {
    vertical-align: top;
    display: inline-block;
    width: 20%
}

.scrollable-column-container {
    vertical-align: top;
    display: inline-block;
    width: 80%;
    overflow-x: auto;
    white-space: nowrap;
}

.variable-column {
    display: inline-block;
    width: 25%;
}
.progress-bar-container {
  height:100%;
  display:block;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  background-color:#ccc;
  text-align:center;
  opacity:0.4;

}
progress {
	margin-top: 20%;
}
}

.grid-row-cell-container {
    font-size: 10pt;
    display: inline-block;
    width: 20%;
    height: 24pt;
    line-height: 24pt;
    border-bottom: 1px solid #EEE;
}

.grid-column-4 {
    width: 40%;
}

.grid-row-cell-text {
    display: block;
    width: auto;
    padding: 0 8pt;
}

.dropdown-container {
    display: block;
    width: 98%;
    margin: 0 auto;
}

.dropdown-selection-container {
    height: 24pt;
    line-height: 24pt;
    border-radius: 4pt;
    box-shadow: 0 0 1pt #666;
}

.failed-validation {
    border:1px solid #FF0000;
}

.dropdown-selection-container:hover {
        cursor: pointer;
    }

.dropdown-selection-text {
    /* padding-left:8pt; */
    font-size: 0;
    height: 24pt;
    line-height: 24pt;
    display: inline-block;
    width: 90%;
    font-size: 9pt;
    font-weight: 400;
    padding:0 0 0 4pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    /* background-color:#AAA; */
}

.dropdown-selection-arrow {
    font-size: 0;
    height: 24pt;
    line-height: 24pt;
    display: inline-block;
    width: 8%;
    vertical-align: top;
    /* background-color:#CCC; */
    border-left: 1pt solid #EEE;
    text-align: center;
}

.dropdown-options-container {
    margin: 2pt;
}

.dropdown-options {
    box-shadow: 0 0 1pt #666;
    position: absolute;
    background-color: #FFF;
    width: 28%;
}

.dropdown-option {
}

.checkbox {
    display: inline-block;
    height: 14pt;
    line-height: 10pt;
    width: 14pt;
    border: 1pt solid #CCC;
    text-align: center;
    vertical-align: middle;
}

.checkbox-text {
    font-size: 10pt;
    /* font-weight:600; */
    display: inline-block;
    height: 16pt;
    line-height: 16pt;
    vertical-align: middle;
    padding-left: 4pt;
}

ul {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: 1pt solid #EEE;
    border-radius: 4pt;
}

    ul li {
        padding: 2pt 8pt;
        display: block;
        width: auto;
        height: 20pt;
        line-height: 16pt;
        border: 1pt solid #EEE;
        border-bottom: none;
    }

.action-container {
    margin: 0 0 12px 0;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.checkmark {
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABk0lEQVRYhb3WL0heURjH8Q9DROTFMMaCyILBILK4ZBpikgWRYVgSo8EgImOsmA0Li8M4TEuLIgsmkUXDkiwYxoJBXsaLXMPxuhf/nHO8vOf+4Gn3PN/fOfc8z3loT+OYR6dF5o0m8AcVTjHXJvwJDq7hdVxiB8NtGNi4Be+PvdLwGXQjBs5KwodxHIFX+FjSwHYC/lPBO/AKvQj8H16Wgo/gJAKv8KEUnFBeMfgRhkrBZ4UafwjexXQpeAe/IvBK6AnF9DkBPxS6YhHNiR/9BaZKwceEBya2+7WcRKPYFW7pY16rLwn4voyj7+BH36Iu3mTAFxLwc7xIJRm9Be/vVouRdU+FxyRmYCVjE75GEvTwtsG6Ct9z4PA7keg+E0uJNX+FESxLK+IlVJtYvv7+uf/j1UOx7JFaTyTsN/Et8V3jKSc2OtWROqkzPGtqALYyTMQip3STet8QvjsIeFMTp0JLHqhyf8clXg8aXmszw8CnUvBaseo4EVp5ca27W4I9YfptTavCA1Ub2GwTXmsS7wxw51cEpTaP59+u5gAAAABJRU5ErkJggg==);
}

.arrow-up {
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABGklEQVRYhe3Vr0pDcRgG4EeRYRgGw7KaDCLmYTCKQcwmMXkBw1tY8AJEDGaTeAm7AoNRxCRiNIlMPYazD4ao29n5Z9gLb35evvD7Mc00+bKE1brwWfRwg0YdA46RDNqtGt/A29CAPjarwudxO4RH79GsYsDJD3j0vGx8Cx9/DEiwWxa+gIcReIJntMoYcDEGHr0qGt/LgEcPisJb0rNmHfAifSlz53oCPNqTvpgT5zAHHu1Miq9Iz5h3wCvWsuLx0eTFo5k/rE6BeHTsD2tderaiB/TRHoU3pOcqGo/eGfFhdUvEo2e/4W3pmcoekGDnO94cnKcKPMEjFocHnFaIRy8D364Bj+7P4AjLmJPz3c6QT7zjqSJvmn+cL5KmZXPG8ODPAAAAAElFTkSuQmCC);
}

.arrow-down {
    background-size: contain;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABHUlEQVRYhe3VMUoDQRiG4UexshJLEQsrDxA8gIhYiaXkDOIJJOARJHgASSGeQSxFxAOkFhFsxCqFhKwWmYU1mN1kM7spzAs/swPDvB9bzMeC/84SmtjAchiZdfT7r/0oSc4+yawJ3uEI33Oa4zTZ9RzknexvWsNLjfLX4PzFHgY1yAfYH5WnXNYQoD1ODqvoVijvBkcuDfQrkPexWyRPaVUQ4GJSOazgKaL8Odw5FTvoRZD3wl2lOI0Q4KysnOG7fzeD/F5xdxSyiY8S8k9szSpPOSkRoBlLnnIzhfw2thzWDUukSP4WzlbCgfzCGuCwKnlKOyfAVdVyxhfWREUTiwa+MvKpiiYW55kArbrlDMvlAY9KFE0stsMsWFCaH1OwaIoHhAtGAAAAAElFTkSuQmCC);
}

.hide {
    display: none;
}

.icon-button {
    display: block;
    width: 96%;
    margin: 4pt auto;
    height: 36pt;
    line-height: 36px;
    background-color: #FFF;
    border: none;
    box-shadow: 0 0 2pt #ff7e18;
    text-align: center;
    vertical-align: middle;
    border-radius: 3pt;
}

.icon-button-text {
    display: inline-block;
    margin: 0 0 0 12pt;
    font-weight: 500;
    vertical-align: middle;
}

.spacer-4 {
    display:inline-block;
    width:16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}

.reviseoffer-table {
    margin: 20px 0;
}

    .reviseoffer-table th {
        text-align: left;
        padding: 10px 0;
        border-bottom: solid 2px #000;
        font-weight: 500;
    }

    .reviseoffer-table td {
        padding: 10px 0;
        border-bottom: solid 1px #ccc;
    }

        .reviseoffer-table td i {
            font-size: 25px;
        }

.text-danger {
    color: #dc3545 !important;
}