/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cabin-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cabin-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cabin-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cabin-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cabin-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cabin-v18-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cabin-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cabin-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cabin-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cabin-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cabin-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cabin-v18-latin-700.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cabin-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cabin-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cabin-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cabin-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cabin-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cabin-v18-latin-italic.svg#Cabin') format('svg'); /* Legacy iOS */
}
/* cabin-700italic - latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/cabin-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/cabin-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cabin-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cabin-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cabin-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cabin-v18-latin-700italic.svg#Cabin') format('svg'); /* Legacy iOS */
}

.entry-content {
	padding-bottom:40px;
}

#sr-booked-overview {
	max-width:300px;
}

#sr-booked-overview th {
	background-color:#d6e9ff;
	text-align:center;
}
#sr-booked-overview td.booked-count {
	text-align:center;
}
#sr-booked-overview td.dayname {
	text-align:left;
	font-weight:bold;
}


.highval_property {
	font-weight:bold;
	color:red;
}


#gfield_consent_description_1_13 {
	border:0px solid gray;
	overflow-y:visible;
}

#gridfield_twopartyclient {
/*	display:none; */
}
.doc_pdf_icon {
	width:30px;
	height:auto !important;
	margin-bottom:0px;
}
.tos_consent_link {
	display:block !important;  
}
.tos_consent_link .gfield_description {
	color:black;
}
.epc-residential-warning {
	color:red;
}
.contact-office {
	color:blue;
}

.hide_client2 {
	display:none !important;
}
.hide_singleclient {
	display:none !important;
}
.twinpartyhidden {
	display: !important; 
}

#tos_popup-overlay { 
	position:relative;
	display:none;
}
#tos_popup-overlay.tos_active {
	display:block;
}
.tos_popup-wrapper {
	display:none;
	position:absolute;
	min-height:500px;
	top:-300px;
	left:0px;
	width:100%;
	background-color:white;
	border:1px solid blue;
	border-radius:10px;
	padding:10px;
}
.tos_popup-wrapper.tos_active {
	z-index:999;
	display:block;
}
.tos_popup-content {
	height:100%;
/*	overflow:scroll; */
}
.tos_popup_close {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px;
	color:#4A90E2;
	background-color:transparent;
	font-size:70%;
	font-weight:bold;
	width:fit-content;
	margin:auto;
	border:2px solid #4A90E2;
	cursor:pointer;
}
.tos_popup_close:hover {
	background-color:#4A90E2;
	color:white;
}
.tos_popup-content .cta_wrapper {
	display:none;
}
.tos_popup-content #viewContainer  {
	height: 200px !important;
    /* overflow: hidden; */
}
.pdfp_wrapper iframe {
    max-height: 245px;
}
.tac {
	margin-left:20px;
	font-weight:bold;
	font-size:70%;
	color:#777777;
}
.tac a {
	font-weight:normal;
	text-decoration:none;
}
.tac a:hover {
	text-decoration:underline;
}
.tac span.right {
	float:right;
	padding-right:10px;
}
.tac span.tac-term {
	cursor:pointer;
}
.tac span.tac-term:hover {
	color:#333333;
}

.insight-heading {
	color:green;
	margin-bottom:20px;
	margin-top:10px;
}

.billing-addr.hidden {
	display:none;
}

.session_login {
	text-decoration:none;
	color:white;
}
.session_login:hover {
	text-decoration:none;
	color:black;
}
.session_login div {
	width:fit-content;
	margin:auto;
    cursor: pointer;
    padding: 10px;
    border: 1px solid black;
    border-radius: 10px;
    background-color: #73bef7;
	color:white;
	font-weight:bold;
}

.postline {
	cursor:pointer;
}
.postline:hover {
	opacity:0.7;
	color:blue;
}
.postcodeList {
	padding:10px;
	max-height:400px;
	overflow:auto;
	background-color:white;
}

.cursor {
	cursor:pointer;
}

.AccessLevelField {
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.PortfolioIDField {
	width:10%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.PortfolioNameField {
	width:40%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.left-align>div {
	text-align:left;
}
.right-align>div {
	text-align:right;
}
.center-text>div {
	text-align:center;
}

.nss-missing-data-message {
	color:blue;
	margin-top:20px;
	text-align:center;
}

#dash-property-detail .nssDataItemBlock .edit-header {
	min-width:140px;
}
#dash-property-detail .nssDataItemBlock .edit-data {
	color:blue;
}

#dash-property-detail-summary .nssDataItemBlock .edit-header {
	min-width:100px;
}
/*
div.id, div.user_id {
	max-width:35px;
}
div.client_ref {
	max-width:75px;
}
div.portfolio_name {
	max-width:175px;
	min-width:175px;
}
div.portfolioid {
	max-width:100px;
}
*/

div.pdfpage:before {
	content:"";
	display:block;
	background-image:url(/wp-content/plugins/nufsurveys/images/pdf.png);
	background-size:contain;
	background-repeat:no-repeat;
	position:relative;
	width:25px;
	height:25px;
	top:0px;
	left:-5px;
	text-align:left;
	font:normal 20px/1 dashicons!important;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.staff-member-table {
	width: 100%;
	max-width:600px;
}
.staff-member-table th {
	text-align:left;
}

.document-table {
	width: 100%;
	max-width:900px;
}
.document-table th {
	text-align:left;
}

.custom-user-error {
	color:red;
}

.quote-template-warning {
	color:red;
	text-align:center;
}

.gsr_button.hide-button {
	display:none;
}

div.clookup-wrapper {
	border:2px solid #12c319;
	border-radius: 10px;
	padding: 4px;
	width: fit-content;
	min-width: 350px;
	height:200px;
	overflow:scroll;
	justify-content:center;
}

table.clookup {	
	max-width:100%;
	font-size:0.7em;
}

.clookup-name {
	white-space:nowrap;
	width:40%;
}
table.clookup tr {
	cursor: pointer;
}
.customer-lookup {
	border:0px solid red !important;
	min-height:0px !important;
	margin-bottom:0px !important;
}
.clookup-row:hover {
	color:blue;
	font-weight:bold;
}
.lookup-panel-title {
	color:blue;
	font-weight:bold;
}


.tree{
  --spacing : 1.5rem;
  --radius  : 10px;
}

.tree li{
  display      : block;
  position     : relative;
  padding-left : calc(2 * var(--spacing) - var(--radius) - 2px);
}

.tree ul{
  margin-left  : calc(var(--radius) - var(--spacing));
  padding-left : 0;
}

.tree ul li{
  border-left : 2px solid #ddd;
}

.tree ul li:last-child{
  border-color : transparent;
}

.tree ul li::before{
  content      : '';
  display      : block;
  position     : absolute;
  top          : calc(var(--spacing) / -2);
  left         : -2px;
  width        : calc(var(--spacing) + 2px);
  height       : calc(var(--spacing) + 1px);
  border       : solid #ddd;
  border-width : 0 0 2px 2px;
}

.tree summary{
  display : block;
  cursor  : pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker{
  display : none;
}

.tree summary:focus{
  outline : none;
}

.tree summary:focus-visible{
  outline : 1px dotted #000;
}

.tree li::after,
.tree summary::before{
  content       : '';
  display       : block;
  position      : absolute;
  top           : calc(var(--spacing) / 2 - var(--radius));
  left          : calc(var(--spacing) - var(--radius) - 1px);
  width         : calc(2 * var(--radius));
  height        : calc(2 * var(--radius));
  border-radius : 50%;
  background    : #bba4a4;
}

.tree summary::before{
  content     : '+';
  z-index     : 1;
  background  : #696;
  color       : #fff;
  line-height : calc(2 * var(--radius) - 2px);
  text-align  : center;
}

.tree details[open] > summary::before{
  content : '−';
}

.tree li span {
	color:#cccccc;
}

.tree li a {
	color:blue;
	text-decoration:none;
	font-weight:bold;
}
.tree li a:hover {
	color:green;
}

.report-link.active {
	color:red;
}


#rpt-clear-groupby {
	cursor:pointer;
}
.rpt-sorter-div {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:center;
}
.rpt-sorter-div span {
	width:100%;
}

.rpt-sorter-div.sortdown:after {
	display:inline-block;
	position: relative;
    top: -4px;
	left:0px;
	width:15px;
	height:15px;
	color:#ffffff;
    content: "\f140";
	font:normal 24px/1 dashicons!important;
}
.rpt-sorter-div.sortup:after {
	display:inline-block;
	position: relative;
    top: -4px;
	left:0px;
	width:15px;
	height:15px;
	color:#ffffff;
    content: "\f143";
	font:normal 24px/1 dashicons!important;
}

.rpt-config-table {
	width:unset;
	margin-bottom:0.5em;
}

.rpt-filter-row {
	display:flex;
	justify-content: flex-start;
	margin-bottom:3px;
}
.rpt-filter-row:hover {
	background-color:#e8e8e8;
}
.rpt-filter-row.rpt-header {
	font-weight:bold;
}

.rpt-filter-row span {
	margin-left: 10px;
}
.rpt-filter-chk {
	width:15px;
}

.rpt-filter-label, .rpt-filter-fieldname, .rpt-filter-compare, .rpt-filter-where {
	width:100px;
}
.rpt-filter-groupby, .rpt-filter-sortby {
	width:75px;
}
.rpt-filter-sortby {
	background-image: url(/wp-content/plugins/nufsurveys/images/sort-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.rpt-filter-sortby:hover {
	background-image: url(/wp-content/plugins/nufsurveys/images/sort-arrow-filled.png);
}
.rpt-filter-sortby.sorted {
	background-image: url(/wp-content/plugins/nufsurveys/images/sort-arrow-pink-filled.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	transform:rotate(180deg);
}
.rpt-filter-sortby.sorted:hover {
	background-image: url(/wp-content/plugins/nufsurveys/images/sort-arrow-pink.png);
}
.rpt-filter-sortby.header {
	background-image:none !important;
}

.rpt-filter-sortbyxx img {
	width:100%;
	height:auto;
	cursor:pointer;
}
.rpt-filter-sortby img:hover {
	transform:rotate(180deg);
}
.rpt-filter-groupby input {
	margin-left:30px;
}
.rpt-filter-row input[type="textbox"] {
	width:90px;
	border:1px solid #999999
}
 .rpt-filter-compare select {
 	width:100%;
}


.report_generated_message {
	color:blue;
	font-weight:normal;
}
.report_generated_message a {
	color:blue;
	font-weight:bold;
}
.report_generated_message a:hover {
	color:brown;
	text-decoration:none;
}
.report_generated_error {
	color:red;
}


/* draggable lists */

.nsssort span {
	display:block;
	font-weight:bold;
	text-align:center;
}

div.nsssort {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    align-items: stretch;
	border:1px solid blue;
	padding:5px;
}

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

li.nsssort {
    margin: 5px 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background: #2454dc;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #50a1f8, #2454dc);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #50a1f8, #2454dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color: #fff;
    list-style: none;
	font-weight:bold;
}
li.nsssort.padder {
	height:0px;
	min-width:100px;
}


li.nsssort.drag-sort-active {
    background: transparent;
    color: transparent;
    border: 1px solid #4ca1af;
}

span.nsssort.drag-sort-active {
    background: transparent;
    color: transparent;
}

.grid-rpt-filter {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 0.1rem;
}
.grid-rpt-filter > div {
 /* background: #EDE7F6; */
  padding: 0.5rem;
  border-radius: 0rem;
}
.grid-rpt-filter div span {
	font-weight:bold;
}
.grid-rpt-filter input[type="date"] {
	height:25px;
}
#rpt-expander-wrapper {
	position:relative;
}
#rpt-expander-wrapper.closed-panel #rpt-accordion-wrapper {
	max-height:200px;
}

#rpt-accordion-wrapper {
	position:relative;
	border:2px solid #91f6ba;;
	overflow:auto;
}

.rpt-expander-link {
	z-index:10000;
	display:inline-block;
	position: absolute;
    bottom: 2px;
	right:15px;
	width:15px;
	height:15px;
	color:#aaaaaa;
	cursor:pointer;
	border:0px solid blue;
}
#rpt-expander-wrapper.closed-panel .rpt-expander-link {
    bottom: -14px;
	right:15px;
}

.rpt-compare-selector {

}
/*.rpt-compare-selector  option {
	line-height:0.8em;
} */

/* end of draggable lists */
#rpt-expander-wrapper .rpt-expander-link:after {
	display:inline-block;
	position: absolute;
    bottom: 2px;
	right:5px;
	width:15px;
	height:15px;
	color:#8b97a7;
    content: "\f142";
	font:normal 24px/1 dashicons!important;
}


#rpt-expander-wrapper.closed-panel .rpt-expander-link:after {
	display:inline-block;
	position: absolute;
    bottom: 6px;
	right:5px;
	width:15px;
	height:15px;
	color:#8b97a7;
    content: "\f140";
	font:normal 24px/1 dashicons!important;
}


.jump-button {
background-color: #97c5ef;
    border-radius: 6px;
	color:white;
	margin-bottom:1px;
	cursor:pointer;
	padding:2px 5px;
}
.jump-button:hover {
    color: #666666;
}

/*  Start of modal windows */
/* Modal, content and close (below) are HTML elements created by script during the popup process. You will not see them in any page or template, but they are just empty DIV tags
into which the popup text 'content' is inserted. These DIVs are all hidden until the popup is activated */
#modal {
  position:absolute;
  background:gray;
  padding:4px;
  z-index:9999;
}

#modalcontent {
 /* background:#EBF8FA; */
  background-color: #E9F3F2;
  padding:10px;
  overflow: auto;
  min-width:400px;
}

#close {
  position:absolute;
  background:url(../images/close.png);
  width:24px;
  height:27px;
  top:-7px;
  right:-7px;
}

#submodal {
  position:absolute;
  background:gray;
  padding:4;
  z-index:9999;
}

#submodalcontent {
  background:#E9F3F2;
  padding:10px;
  overflow: auto;
  min-width:400px;
}

#subclose {
  position:absolute;
  background:url(../images/close.png);
  width:24px;
  height:27px;
  top:-7px;
  right:-7px;
}

/* end of modal windows */











/* input the style.css section line 2091 onwards */


/*  NuFocus additions for Sussex surveyors */

.float-left {
	float:left;
}

.hidden-menu { 
	display:none;
}

.nss-message-status {
	color: blue;
	font-size:0.8em;
	background-color: #eeeeee;
    padding: 10px;
}
#docPreviewSave, #docPreviewSaveSR {
	width:fit-content;
	margin:auto;
    cursor: pointer;
    padding: 10px;
    border: 1px solid black;
    border-radius: 10px;
    background-color: #61af12;
	color:white;
	font-weight:bold;
}
#docPreviewSave:hover, #docPreviewSaveSR:hover {
	/*opacity:70%; */
	color:#333;
}

.nss-system-message {
	font-size:0.9em;
	color:red;
	font-weight:nornal;
	padding:5px;
	background-color:#eeeeee;
	font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
}

.officegenerated-message {
	color:red;
	margin:auto;
}


.nuf-block {
	border:0px solid #777777;
}



.nss-form-wrapper {
	border:solid 1px #CCCCCC;
	padding:15px;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#E6F0F8;
	max-width:800px;
	width:100%;
}

.nss-form-wrapper  .gform_wrapper .gf_progressbar {
    border: 0px solid #FFFFFF !important;
    background-color: transparent !important;
}


.nss-half-width .gfield_radio {
	max-width:200px;
}

.hide-captcha .gfield_label {
	display:none !important;
}

.survey-label {
	font-weight:bold;
	color:#5555b3;
}
.customer-feedback-request {
	font-weight:bold;
	font-size:0.8em;
	position:;
	right:50px;
	cursor:pointer;
	color:brown;
	padding:4px;
	text-align:center;
	border-radius:10px;
}
.customer-feedback-request:hover {
	opacity:0.7;
	background-color:#cbffcb;
}
.last-edited {
	font-weight:normal;
	font-size:0.8em;
	color:blue;
	right:50px;
	bottom:5px;
	padding:4px;
	text-align:center;
	border-radius:10px;
}
#customer_feedback_panel {
	display:none;
	position:relative;
	border:3px solid green;
}
#customer_feedback_submit {
	cursor:pointer;
    position: absolute;
    right: 0px;
    /* top: -30px; */
    z-index: 200;
}
#customer_feedback_submit img {
	border:1px solid transparent;
}
#customer_feedback_submit:hover img {
	opacity:0.8;
	border:1px solid #999999;
}
#customer_feedback_panel .mce-branding {
	color:white;
}
#close-feedback-panel {
	curson:pointer;
	position:absolute;
	right:0px;
	top:0px;
	margin-right:-12px;
	margin-top:-13px;
}
.cf_feedback_confirm {
	display:block;
	float:right;
	background-color:#b7e2b7;
	padding:3px 6px;
	margin-right:2px;
	color:black;
	border-radius:5px;
}
.su-spoiler.no-pad-after {
	margin-bottom:0em;
}
.su-spoiler.no-pad-after.c-feedback .su-spoiler-title {
}
.su-spoiler.no-pad-after.c-feedback .su-spoiler-title:hover {
	color:red !important;
}
.su-spoiler.files-upload .su-spoiler-content {
	padding:0px;
}
.trashcan {
	color: black;
}
.trashcan.restore-trash {
	color: #2dad2d;
}

.dash-main-wrapper {
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
}
.dash-side-menu-main {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	min-width:200px;
	margin-right:10px;
	border:2px solid #777777;
	border-radius: 10px;
	background-color:#d6e9ff;
}
.dash-side-menu-main.folded {
	overflow:hidden;
	width:50px;
	min-width:unset;
}
.dash-main-panel-wrapper {
	border:1px solid #777777;
	border-radius: 10px;
	padding:10px;
	flex-grow:1;
	flex-shrink:1;
	min-height:300px;
	overflow:auto;
	order:2;
	font-size:80%;
}
.dash-side-menu-main .dash-menu {
	padding:10px 0px;
}
.dash-side-menu-main div div {
	padding:0px 0px;
}
.dash-side-menu-main.folded div {
	padding:10px 9px;
}
.dash-side-menu-main.folded .nss-menu-label {
	display:none;
}
.dash-menu {
	display:flex;
	align-items:center;
	cursor:pointer;
	color:blue;
	font-size:90%;
}
.dash-menu:hover {
	background-color:#dddddd;
}
.dash-menu.active-menu {
	background-color: #bbbbbb;
}

#new-quotes {

}
#matchproperty-list-table {
	margin-bottom:0.5em;
}
#matchproperty-wrapper {
	position:relative;
	border:2px solid green;
	border-radius:10px;
	margin-bottom:10px;
}
.matchproperty_closer {
	position:absolute;
	top:-5px;
	right:-5px;
}
.exact-match-property {
	display: flex;
    justify-content: center;
    width: 24px;	
}
div.samepostcode {
	justify-content: left;
}
div.matchaddress {

}
.text_filter_span input[type="textbox"]{
	border:1px solid #cccccc;
}
input:focus::placeholder {
  color: transparent;
}
.office-update {
	background-color:#b7e2b7;
}
.qr-custom-section {
	background-color: #cae2e1;
}

.boolean {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.boolean img {
	width:24px;
	height:auto !important;
	margin-bottom:0px;
}

#new-quotes .Table-header {
	background-color: #dcdcdc;
}

.quoteadminrow, .surveyadminrow {
	background-color: #97c5ef;
}

.surveyadminrow {
	padding: 0 5px;
}
.fullWidth {
	width:100%;
}
.halfWidth {
	width:49%;
}
.nssDataRow {
	display:flex;
	flex-direction:row;
	border:0px solid blue;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:2px 10px;
}
.nssDataRow.colx2 { 
	width:100%;
}
.grid.nssDataRow {
	padding:2px 10px 2px 0px;
}


.nssDataItemBlock {
	display:flex;
	align-items:center;
	padding:2px 0px;
/*	border:1px solid #777; */
}
.nssDataItemBlock.full-width {
	width:100%;
}
.nssDataItemBlock.compact-grid {
	gap:0em 1em;
}
.nssDataItemBlock.compact-grid .input-short {
	width:60px;
}
.edit-data {
	display:flex;
	flex-grow:1;
	align-items:center;
	font-weight:bold;
	color:#da0e0e;
/*	border:1px dashed blue; */
}
.edit-header {
	display:flex;
	padding-right:10px;
	font-weight:bold;
	font-size:0.9em;
	align-items:flex-start;
	min-width:125px;
/*	border:1px dashed red; */
}
.edit-header.office-use {
	font-size:0.8em;
	color: #2968A2;
}
.edit-header.small {
	min-width:50px;
}
.formview-wrapper {
	position:relative;
	display:block;
	text-align:center;
	height:0px;
}
.formview-inner {
	position:relative;
	display:inline-block;
	font-size:8pt;
	top:-28px;
}

.twopartyclient .edit-header, .twopartyclient .edit-data {
	min-width:50px;
	width:fit-content;
}
.twopartyclient .edit-header {
	padding-right:5px;
}
.nssDetails-wrapper.twopartyclient .nssDataRow {
	justify-content:flex-start;
	gap:1em;
	border-bottom:1px solid green;
/*	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); */
}
.twopartyclient .edit-header {

}
.hide_referred {
	display:none;
}

.ipaddress-note {
	font-size:10pt;
	color:#E73333;
}

.halfwidth .edit-header {
	align-items:flex-start;
}
.nssDataItemBlock .input-short, .nssDataItemBlock .input-small {
	width:80px;
}
.justified {
	justify-content:space-between;
}
.justified .edit-data {
	flex-grow:unset;
}
.nssDataItemBlock .input-medium {
	width:150px;
}
.nssDataItemBlock .input-medium.extended {
	width:200px;
}
.nssDataItemBlock .input-long {
	width:300px;
}
.nssDataItemBlock .input-full {
	width:100%;
}
.nssDataItemBlock .input-textarea {
	width:100%;
	height:100px;
	color:#777777;
/*	max-width:80%; */
}

.nssDataItemBlock .input-textarea-small {
	width:100%;
    height: 30px;
}

.nssDataItemBlock.notacceptedterms input {
	color:red;
}
.nssDataItemBlock span.pendingterms {
	display:none;
}
.nssDataItemBlock.notacceptedterms span.pendingterms {
	color:red;
	display:block;
}

.dash-postcode-lookup {
	display: flex;
    border: 1px solid #777;
    margin-left: 3px;
    cursor: pointer;
	padding:2px;
	max-height:20px;
	margin-top:4px;
	align-items:center;
	justify-content:center;
}
.dash-postcode-lookup:hover {
	background-color:#4A90E2;
	color: white;
}

span.mapButton {
	border:0px solid red;
	margin-left:5px;
}
span.mapButton:before {
	display:inline-block;
	position: relative;
    top: 4px;
	width:15px;
	height:15px;
	color:#aaaaaa;
    content: "\f11d";
	font:normal 24px/1 dashicons!important;
}
span.mapButton:hover:before {
	color:#4A90E2;
}

#nonengagement, #contactedby {
/*	pointer-events:none; */
}

#othernonengagement {
	visibility:hidden;
}

.article-id-header {
/*	height:40px; */
	color: blue;
}
.article-id-header span {
	font-weight:bold;
	color:black;
}
.nss-admin-header {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
}
.nss-admin-header.edit-property-row {
	justify-content: space-between;
}
.nss-admin-header.control-button-row {
	justify-content: space-between;
}
.edit-audit.autoconfirm_noedit  {
	display:none;
}

.edit-property, .save-property {
	display:block;
	cursor:pointer;
    text-align: center;
    border: 1px solid black;
    border-radius: 10px;
    background-color: #61af12;
    color: white;
    font-weight: bold;
	padding: 5px 8px;
	margin-bottom:0px !important;
}
.edit-address-row {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.address-row-wrapper {
	max-width:100%;
	width:400px;
}
.address-row-wrapper input {
	max-width:100%;
	width:250px;
}
.nssDetails-wrapper {
/*	padding-top:20px; */
	background-color:#fdede6;
/*	border-bottom: 3px solid #f1f1f1; */
}

.expander {
	position:relative;
}
.su-spoiler-title {
	color:#555555 !important;
}
.su-spoiler-title:hover {
	background-color:#e0e0e0;
	color:#333333 !important;
}
.nssDetails-wrapper .expander:before {
	position:relative;
	color:black;
	top:-8px;
	left:10px;
	content:"\f156";  /* pages */
	font:normal 20px/1 dashicons!important;
	speak:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	cursor:pointer;
}
.nssDetails-wrapper .expander:hover:before {
	color:red;
}
.nssDetails-wrapper.collapsed {
	overflow:hidden;
	/*padding-top:10px; */
	height:20px;
}
.nssDetails-wrapper.collapsed .expander:before {
	content:"\f140";  /* pages */
	top:-8px;
	left:10px;
}
.nssDetails-wrapper.collapsed .expander:after {
	content:"Expand";  /* pages */
	position:relative;
	font-size:6pt;
	top:-12px;
	left:12px;
}
.nssDetails-wrapper.collapsed .expander:hover:after {
	color:red;
}

.nssDataRow input[type="color"], .nssDataRow input[type="email"], .nssDataRow input[type="password"], .nssDataRow input[type="search"], .nssDataRow input[type="tel"], .nssDataRow input[type="text"], .nssDataRow input[type="url"], .nssDataRow input[type="number"], .nssDataRow input[type="date"], .nssDataRow  input[type="time"], .nssDataRow input[type="datetime"], .nssDataRow input[type="datetime-local"], .nssDataRow  input[type="week"], .nssDataRow  input[type="month"], .nssDataRow  textarea {
    font-size: 0.8em;
    margin: 0;
    padding: .25em;
}

.dash-side-submenu {
	background-color:#fff4f3;
	/*border-radius:10px; */
	padding-left:0px;
}
.dash-side-submenu .dash-menu {
	padding-left:40px;
}
.dash-side-menu-main.folded .dash-menu {
	padding:5px;
}

#edit-quote-request #surveytype, #edit-quote-request #client {
	color:blue;
	font-weight:bold;
}

#screen_options {
	font-size:90%;
}
.surveyor-dropdown-selector {
	width:fit-content;
}
.nssInputDiv.surveyor-dropdown-wrapper {
	width:300px;
}

.grid.survey-plan {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.nss-button {
	display:flex;
	justify-content:center;
	align-items:center;
	width:20px;
	height:20px;
	padding:2px;
	cursor:pointer;
	color:white;
	font-weight:bold;
	background-color:#61af12;
	margin-left:5px;
}
.nss-button a {
	text-decoration:none;
	color:white;
}
.nss-button a:hover {
	text-decoration:none;
	opacity:0.6;
	color:black;
}
.save-convert-form-button {
	width:100px;
	cursor:pointer;
	padding:10px;
	text-align:center;
	border:1px solid black;
	border-radius:10px;
	background-color:#61af12;
	color:white;
	font-weight:bold;
}
.save-form-button {
	position:absolute;
	top:0px;
	right:25px;
	cursor:pointer;
	padding:10px;
	text-align:center;
	border:1px solid black;
	border-radius:10px;
	background-color:#61af12;
	color:white;
	font-weight:bold;
}
.save-form-button:hover {
/*	opacity:70%;
	background-color:#a4d86f; */
	color:#333333;
}
#convert-quote-form  { 
	border:1px solid #cccccc;
	border-radius:10px;
	padding:10px;
}
#convert-quote-form table, #convert-quote-form table td, #convert-quote-form table th {
	border:0px solid #cccccc;
}
#convert-quote-form input { 
	padding:0em;
}
#convert-quote-form td.lh-col {
	width:225px;
}
.conversion-header { 
	font-weight:bold;
	margin-bottom:10px;
}
.convert-confirmation-message {
	font-weight:bold;
	color:blue;
}

.convert-information-text {
	margin-left:40px;
	color:red;
	margin-top:20px;
}

.quote-postcode-match {
	color:green;
	cursor:pointer;
}







/*
#nss-collapse-button{display:block;width:100%;height:34px;margin:0;border:none;padding:0;position:relative;overflow:visible;background:0 0;color:#aaa;cursor:pointer}
#nss-collapse-button:hover{color:#00b9eb}
#nss-collapse-button:focus{color:#00b9eb;outline:1px solid transparent;outline-offset:-1px}
#nss-collapse-button .nss-collapse-button-icon,#collapse-button .nss-collapse-button-label{display:block;position:absolute;top:0;left:0}
#nss-collapse-button .nss-collapse-button-label{top:8px}
#nss-collapse-button .nss-collapse-button-icon{width:36px;height:34px}
#nss-collapse-button .nss-collapse-button-label{padding:0 0 0 36px}
.folded #nss-collapse-button .nss-collapse-button-label{display:none}
#nss-collapse-button .nss-collapse-button-icon:after{content:"\f148";display:block;position:relative;top:7px;text-align:center;font:normal 20px/1 dashicons!important;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.folded #nss-collapse-button .nss-collapse-button-icon:after,.rtl #collapse-button .nss-collapse-button-icon:after{transform:rotate(180deg)}
.rtl.folded #nss-collapse-button .nss-collapse-button-icon:after{transform:none; }
#nss-collapse-button .nss-collapse-button-icon:after,#nss-collapse-button .nss-collapse-button-label{transition:all .1s ease-in-out}
*/

#generate-quote-selector {
	padding:6px;
	font-weight:bold;
	color:#4A90E2;
	border:2px solid #4A90E2;
	text-transform:uppercase;
	font-size:90%;
}
#generate-quote-selector:hover {
	padding:5px;
	border:3px solid #4A90E2;
}
.generate-quote-button {
	font-size:90% !important;
}
.nss-menu-icon {
	display:inline-block;
	width:32px;
	height:32px;
	background-color:transparent;
}
.nss-menu-label {
	margin-left:7px;
}
.nss-menu-icon:after{
content:"\f106";display:block;position:relative;top:7px;text-align:center;font:normal 20px/1 dashicons!important;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

#quotes .nss-menu-icon:after {
content:"\f105";  /* pages */
}
#externalquotes .nss-menu-icon:after {
content:"\f105";  /* pages */
}
#q .nss-menu-icon:after {
content:"\f111"; /* cogs */
}
#dash-overview .nss-menu-icon:after {
content:"\f226";  /* dashboard */
}
#customers .nss-menu-icon:after {
content:"\f110";  /* users */
}
#q .nss-menu-icon:after {
content:"\f107";  /* spanners */
}
#q .nss-menu-icon:after {
content:"\f109";  /* pinned */
}
#q .nss-menu-icon:after {
content:"\f148"; /* arrow */
}
#q .nss-menu-icon:after {
content:"\f104";  /* media */
}
#q .nss-menu-icon:after {
content:"\f100";  /* paintbrush */
}
#q .nss-menu-icon:after {
content:"\f101";  /* comments */
}
#properties .nss-menu-icon:after {
content:"\f102";  /* home */
}
#q .nss-menu-icon:after {
content:"\f108";  /* sliders */
}
#reports .nss-menu-icon:after {
content:"\f193";  /* printer */
}

#surveys .nss-menu-icon:after {
content:"\f306";  /* camera */
}

#invoices .nss-menu-icon:after {
content:"\f495";  /* camera */
}

/* .survey-appointment:after {
content:"\f508";  / * calendar * /
font:normal 20px/1 dashicons!important;
} */

.nss-pagination {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    position: relative;
	font-size:0.7em;
}
.pagination-top {
    margin-top: -60px;
	max-height:30px;
}
.pagination {
    margin-right: 2%;
}
.nss-navigation li {
    float: left;
    margin-left: 15px;
    list-style: none;
}

div.LetterSection {
	font-family: Cabin; GillSans;"Gill Sans"; sans-serif;

}


.nss-logout-link {
	color:white;
	text-decoration:none;"
}
.nss-logout-link:hover {
	color:#999;
	text-decoration:none;"
}

input.nss-readonly {
	background-color: #cccccc;
}

.data-changed {
	background-color:#ffcfbc;
}

#quote-request-filter, #survey-request-filter {
	margin-bottom:5px;
}

.text-search-filter { 
	display:flex;
	height:30px;
	align-items:center;
}
.text-search-filter input { 
	height:24px;
}
.text-search-filter>div { 
	color:#2c6f2c;
	font-weight:bold;
}
.dash-main-panel-wrapper h2 {
	font-size: 1.75em;
    font-weight: bold;
    color: #49a5bd; 
    background-color: #d6e9ff;
    padding: 5px 10px;
    border-radius: 12px;
	width:fit-content;
	width: -moz-fit-content;
}

.ui-tooltip {
	background-color:#676767;
	width:fit-content;
	width: -moz-fit-content;
	padding:5px;
	color:white;
}
.ui-helper-hidden-accessible {
	position:absolute;
	left:-999px;
}

.builder-module-background-wrapper {
    padding-left: 0em;
    padding-right: 0em;
}

.builder-module-background-wrapper .builder-module-outer-wrapper {
    padding: 0;
}
#dashboard-logo {
	position:absolute;
	z-index:100;
	max-height:60px;
	max-width:110px;
	top:10px;
	left:20px;
	width:fit-content;
	overflow:hidden;
}
#dashboard-logo img {
	width:auto !important;
	height:100%;
}
.dashboard-banner {
	position:relative;
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    height: 60px;
    background-color: #1D2C4A;
}
.dashboard-banner-logged-in {
	position:relative;
}
.dashboard-document-list {
	font-size:1.2em;
	color: #49a5bd;
	line-height:1.5;
	padding:5px;
}

#ajax-wait {
	display:none;
	position:relative;
	color:#444444;
	text-align:center;
}
#ajax-wait>div {
	position:absolute;
	left:42%;
}
#ajax-wait img {
	margin-bottom:0px;
}

#report-generator-form input[type="date"] {
	height:30px;
}

.sr_postcode_lookup_button {
	position: relative;
}
.sr_postcode_lookup_button div {
	position:absolute;
	display:flex;
    top: -50px;
    left: 80px;
    height: 20px;
    width: 20px;
	justify-content:center;
	align-items:center;
	background-color:green;
	color:white;
	border-radius:10px;
}


.missing-document { 
	cursor:pointer;
	color: blue;
}
.edit-document { 
	cursor:pointer;
	color: blue;
}
.survey-document-list .delete-doc, .survey-document-list .edit-doc, .survey-document-list .attach-doc  {
	display:none;
}

.survey-document-list:hover .delete-doc, .survey-document-list:hover .edit-doc, .survey-document-list:hover .attach-doc {
	display:inline-block;
	color:red;
}
.survey-document-list .attached{
	display:inline-block !important;
}
.survey-document-list:hover .delete-doc:after{
	content:"\f182";
	display:block;
	position:relative;
	top:0px;
	text-align:center;
	font:normal 20px/1 dashicons!important;
	speak:none;-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.survey-document-list:hover .edit-doc:after{
	content:"\f186";
	display:block;
	position:relative;
	top:0px;
	text-align:center;
	font:normal 20px/1 dashicons!important;
	speak:none;-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.survey-document-list:hover .attach-doc:after,  .survey-document-list .attached:after {
	content:"\f546";
	display:block;
	position:relative;
	top:0px;
	text-align:center;
	font:normal 20px/1 dashicons!important;
	speak:none;-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.survey-prep-table {
	width:fit-content;
	margin-left: 20px;
}
.survey-prep-table td {
	min-width:40px;
	height:40px;
}
.survey-prep-table img {
	margin-bottom:0px;
}
.survey-prep-table td, .survey-prep-table th, table.survey-prep-table {
     border: 0px solid #CFCFCF; 
     border-collapse: collapse; 
}
.survey-prep-issues {
	color: #777777;
	padding:0 5px;
}
.survey-prep-issues.survey-ready {
	color: darkgreen;
	font-weight:bold;
}
.survey-ready-text {
	color:#bf6a6a;
}

.survey-prep-errors {
	color:red;
	margin-left:20px;
}
#new-user-error-message {
	color:red;
}

.survey-accept {
	font-weight:bold;
	font-size:0.85em;
}
.survey-accept-address {
	color:blue;
	font-size:0.85em;
}


.summary-report {
	cursor:pointer;
	color:blue;
	margin-left:50px;
}
.summary-report:hover {
	color:#444444;
}
#report-output-panel {
	margin-top:30px;
}
.report-output-title {
	font-weight:bold;
	color:blue;
}

#template-test .template-label {
	color:blue;
	width:200px;
}
#template-test .template-name {
	width:200px;
}
.create-pdf {
	cursor:pointer;
	width:100px;
}
.create-pdf:hover {
	color:red;
}
.upload_pdf_icon {
	width:30px;
	height:auto !important;
	cursor:pointer;
}
span.upload_pdf_icon {
	font-weight:bold;
}
span.upload_pdf_icon:hover {
	font-weight:bold;
	text-decoration:underline;
}
.pdf_report_readable {
	display:none;
	color:red;
}
.report_upload_guidance {
	color:green;
	font-size:85%;
}

.disabledButton {
	opacity:50%;
}

.nss_parent_table {
	font-size:90%;
}
.dash-back-control {
	position:relative;
}
.dash-back-control span {
	position: absolute;
    top: -10px;
    left: -10px;
    cursor: pointer;
	width:20px;
}
.dash-back-control span img {
	width:100%;
	height:auto !important;
	margin-bottom:0px;
}
.dash-back-control span img:hover {
	opacity:0.8;
}







.order-table {
	display:flex;
	justify-content:flex-start;
}

.order-table div {
	margin: 10px 20px;
}
.nowrap {
	white-space:nowrap;
}

.xp-input-field {
	display:flex;
	align-items:center;
/*	overflow:hidden; */
}
.valuationfield .xp-input-field, .twopartyclientfield .xp-input-field {
	flex-direction:column;
}
.valuationreasonfield, .othervaluationreasonfield {
	display:none;
}
.xp-input-field.wrap-input {
	flex-wrap:wrap;
}
.xp-input-field.xp-required .xp-label:after {
	content:" *";
	color:red;
}
.xp-required .missing {
	background-color:#eec5b5 !important;
}

span.xp-label {
	position:relative;
	display:inline-block;
	min-width: 100px;
	width:100%;
	font-weight:bold;
}
span.xp-label span{
	display:inline-block;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}
span.xp-label span:hover{
}
.popup-button {
    height: 16px;
    width: 20px;
    text-align: center;
    margin: 0px;
    font-size: 11px;
    padding: 0px;
}
.popup-button:hover {
	color:red;
}
span.xp-input {
	width:100%;
}
span.xp-input span {
	white-space:nowrap;
}
span.xp-input input[type="text"], span.xp-input textarea, span.xp-input date {
	width:100%;
	border:1px solid #777777;
}
span.xp-input input[type="text"], span.xp-input input[type="date"] {
	height:25px;
}
span.currency {
	font-weight:bold;
}
.currency input[type="text"] {
	text-align:right;
	width:100px !important;
}
.currency input[type="number"] {
	text-align:left;
	max-width:100% !important;
	width:100px;
}

.row-collapse {
	margin-bottom:-20px;
}

#nss_entry_form, #nss_add_survey_request_form {
	max-width:1000px;
	display:grid;
	grid-gap: 1em;
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
}

.input-entry {
	border:0px solid red;
	min-height:32px;
}
.readonly input {
	background-color:#e9dfdf;
	pointer-events:none;
}
.readonly select {
	background-color:#e9dfdf;
	pointer-events:none;
}
.nss_section_header {
	background-color: #d6e9ff;
	font-weight:bold;
	padding: 2px 5px;
	margin-bottom:4px;
}
.compact-textarea textarea {
	height:2.5em;
}

.b-address {
	/* use for billing address */
}
.b-client {
	/* use for second client details */
}
.sf-form { 
	display:none;
}
.radio-vertical .flex-radio {
	flex-direction:column;
}
.flex-radio {
	display:flex;
	justify-content:space-between;
}
.flex-radio-element {
	margin-right:5px;
}

#property-wrapper {
	margin-bottom:10px;

}
.record-navigator-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:2em;
	border:2px solid green;
	padding:10px;
	width:fit-content;
	margin:auto;
	overflow:visible;
}
.navigator-filter-wrapper {
	display:flex;
	align-items:center;
	gap:1em;
}
.record-navigator-wrapper input[type="text"] {
	border:1px solid #777777;
}
.navigator-filter-label {
	font-weight:bold;
}
#findbutton {
	height:30px;
	margin:-3px;
	width:60px;
	font-size:10pt !important;
}
.refresh {
	padding:0px !important;
}
#survey_datetime, #invoicenr {
	color:blue;
	font-weight:bold;
}
#add-property-link {
	cursor:pointer;
	margin-bottom:15px;
	font-weight:bold;
	 color: #038acb;
}
#add-property-link:hover {
	color:#04293b;
}

.disable-force-button {
	pointer-events:none;
	background-color: #cccccc !important;
}


.reinvoice-message {
	color:green;
}

.reinvoice-options {
	margin-top:20px;
}
html .reinvoice-default {
	background-color: #61af12;
	color:white;
	border: 2px solid #a98282;
}
html .reinvoice-default:hover {
	border: 2px solid #4A90E2;;
}
/***************************************************/

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 0.1rem;
}
.grid > div {
 /* background: #EDE7F6; */
  padding: 0.5rem;
  border-radius: 0rem;
}

.slim-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 0.1rem;
}
.slim-grid > div {
 /* background: #EDE7F6; */
  padding: 0.1rem;
  border-radius: 0rem;
}


.nssInputDiv {
	display:flex;
	align-items:center;
}
.nssInputDiv.aligntop {
	align-items:flex-start !important;
}
.nssInputDiv.firstCol {
	grid-column-start: 1;
}

.grid-edit-header {
	white-space:nowrap;
	padding-right:10px;
	font-weight:bold;
}
.grid-edit-data {
	overflow:auto;
}
.grid-edit-data input {
	max-height:20px;
    font-size: 0.8em;
    margin: 0;
    padding: .25em;
}
.grid-edit-data.fb-date {
	overflow:none;
	min-width:125px;
}

.grid-edit-data.date-label {
	color:red;
	font-weight:bold;
}
#customer_feedback_panel .grid-edit-header {
	white-space:wrap;
}

#feedback-gif-loader {
	position:absolute;
	top:-25px;
	left:50%;
	display:none;
}
.fb-input {
	display:flex;
	justify-content: space-between;
}
.fb-input>input {
	width:100%;
}

#feedback-gif-loader.showLoaderGif { 
	display:inline-block !important;
	z-index:200;
}

/**************************************************/


.col-sorted:after {
    content: "\f142";
	font:normal 20px/1 dashicons!important;
}
.col-inv-sorted:after {
    content: "\f140";
	font:normal 20px/1 dashicons!important;
}


.Table-row {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

	width:100% !important;
	padding-bottom:5px;
	padding-top:5px;
}

.Table-header {
	display:none;  
	font-weight:bold;
}
.Table-row-item:before{
	content:attr(data-header);
	min-width:35%;
	font-weight:700
}
.Table-row-item.tri-wider:before{
	content:attr(data-header);
	width:50%;
	font-weight:700
}
.Table-row-item {
	word-wrap:break-word;overflow-wrap:break-word;padding:0.5em;
	margin-bottom:0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;
	justify-content:flex-start;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
	flex-direction: row;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    -webkit-flex: 1 0 10%;
	-moz-flex: 1 0 10%;
    -ms-flex: 1 0 10%;
    flex: 1 1 10%;

	width:100%;

/*	flex-grow: 1; */
	/*border-left:0px solid red; */

	-webkit-align-items: flex-start;
     align-items: flex-start;

}

.Table-header .Table-row-item {
	-webkit-align-items: center;
     align-items: center;
}

/*
.Table-row-item a  {
	display:flex;
	flex-direction: row;
	align-items:center;
} */

.Table-row-item a span.sorting-indicator {
	display:none;
	visibility:hidden;
	border:0px solid red;
	margin-top:20px;
}

.Table-row.feedback .Table-row-item.id {
	color:red;
}
.Table-row.feedback .Table-row-item.id:after {
	content:"*";
	margin-left:2px;
}
.Table-row.acceptedterms .Table-row-item.survey_request_status {
	color:red;
}
.Table-row.acceptedterms .Table-row-item.survey_request_status:after {
	content:"*";
	margin-left:2px;
}
.Table-row.partiallyacceptedterms .Table-row-item.survey_request_status {
	color:#c7916b;
}
.Table-row.partiallyacceptedterms .Table-row-item.survey_request_status:after {
	content:"#";
	margin-left:2px;
}

.Table-row.waitingterms .Table-row-item.survey_request_status {
	color:red;
}
.Table-row-item:hover a span.sorting-indicator {
	visibility:visible !important;
}
.Table-row-item:hover .row-actions {
	left:0px;
}

.list-even-row {
	background-color: #f1f1f1;
}
.list-odd-row {
	background-color: #f9f9f9;
}
.list-even-row:hover {
	background-color: #f1fff8;
}
.list-odd-row:hover {
	background-color: #f9ffff;
}

tag.page-numbers {
	cursor:pointer;
}

#page-status-div {
	color: green;
	font-weight:bold;
}

#page-status-div.error-state {
	color: red;
}
#page-status-div.warning-state {
	color: brown;
}

.Table-row-item.Email {
	overflow-wrap: anywhere;
}

@media (max-width: 400px) {

.edit-header {
	min-width:75px;
	max-width:75px;
}

}

@media (max-width: 800px) {

.save-button-wrapper {
	height:45px;
	display:block;
}

}


@media (min-width: 800px){

.save-form-button {
	width:100px;
}

.nssDataRow.colx2 { 
	width:50%;
}

.nss_forceaccept_survey_terms {
	margin-right:30px;
}

}

@media (min-width: 650px){

.customer-feedback-request {
	position:absolute;
}

div.id, div.user_id {
	max-width:40px;
}
div.propertyage, div.propertyvalue {
	max-width:70px;
}
div.valuationrequired, div.quote_status, div.survey_request_status, div.Date {
	max-width:80px;
}
div.quote_status {
	max-width:100px;
}
div.foundby {
	max-width:160px;
}
.left-align>div {
	width:100% !important;
}
.right-align>div {
	width:100% !important;
}
.center-text>div {
	width:100% !important;
}

div.samepostcode {
	max-width:120px;
	justify-content: center;
}
div.matchaddress {
	flex-grow:2;
}
div.surveydate {
	max-width:120px;
}
div.instruction {
	max-width:150px;
}
.maybesamesurvey {
	background-color:#f1f6cf;
}
#previouspropertywrapper {
	display:none;
	padding:5px;
}
.prevpropertyrow {
	background-color:#f1f6cf;
}


.Table-header {
	display:flex;
}

.Table-row {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
	flex-direction: row;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	justify-content:center;
}
.Table-row-item:before{
	content:none; 
	margin-left:50px;
}
.Table-row-item.tri-wider:before {
	content:none; 
	margin-left:50px;
)

.Table-row-item {
	width: 10%;
}
.Table-row-item.tri-wider {
	width: 20%;
}
.Table-row-item {
	padding: 0.2em;
	border:0px solid blue;
}
.Table-header .Table-row-item {
	background: #ffffff;
	color: #0073aa;
}

}

/***********************************************/

.ajax-file-upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 15px
}

.ajax-file-upload-filename {
width: 300px;
height: auto;
margin: 0 5px 5px 0px;

}

.ajax-file-upload-filesize {
width: 50px;
height: auto;
margin: 0 5px 5px 0px;
display: inline-block;
vertical-align:middle;
}
.ajax-file-upload-progress {
margin: 5px 10px 5px 0px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block;
color:#FFFFFF;

}
.ajax-file-upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;

}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin: 5px 10px 5px 0px;
}
.ajax-file-upload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
   font-weight: bold;
	padding: 15px 20px;
	cursor:pointer;
	line-height:20px;
	height:25px;
	margin:0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8;
  padding: 6px 10px 4px 10px;
  color: #fff;
  background: #2f8ab9;
  border: none;
  -moz-box-shadow: 0 2px 0 0 #13648d;
  -webkit-box-shadow: 0 2px 0 0 #13648d;
  box-shadow: 0 2px 0 0 #13648d;
  vertical-align: middle;
  }

.ajax-file-upload:hover {
      background: #3396c9;
      -moz-box-shadow: 0 2px 0 0 #15719f;
      -webkit-box-shadow: 0 2px 0 0 #15719f;
      box-shadow: 0 2px 0 0 #15719f;
}

.ajax-upload-dragdrop
{

	border:2px dotted #A5A5C7;
	width:420px;
	color: #2346bf;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
}

.state-hover
{
		border:2px solid #A5A5C7;
}
.ajax-file-upload-container
{
	margin:20px 0px 20px 0px;
}