.ui-widget {font:100% "Open Sans", Arial, sans-serif;}


/* ACCORDION (CONTACTS) */
.accordion { width:100%; padding:0; min-width:250px; margin:0 auto;}
	.accordion h4 { clear: both; height: 2.5em; padding: 1em 0 0; line-height: 2.5em }
	.accordion h3 { background: #fff; clear:both; height:2em; line-height:2em; border: none; border-bottom:1px solid #ddd; overflow:hidden; padding:0 0 0.1em}
	.accordion h3 img { height: 2em; vertical-align: middle; margin-right: 0.5em; }
	.accordion h2 {height:3em; padding:1em 0 0; line-height:3em}
		/*.accordion h3:first-child { border-top:none; }*/
		.accordion h3 { font-size:100%; padding:0 2.5%; margin:0.1em 0 0; display:block;  color:#394049; position:relative; outline:none; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out; -ms-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; }
			.accordion h3.ui-state-hover { color:#886f41; cursor:pointer}
		.accordion h3.ui-accordion-header-active { border: none; color:#886f41; background:#e7e3d6; font-weight:700; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px}
			.accordion h3.ui-accordion-header-active span {background:#d4d0c1; font-weight:normal; color:#777}
.ui-accordion-content { border:none; padding:0 2.5% 0.5em; margin:0 0 0.1em ; color:#494c50; background:#e7e3d6; -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.2s ease-in-out; -o-transition:color 0.2s ease-in-out; -ms-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out}
	.ui-accordion-content div { display:block; padding:0; line-height:225%; font-size:85%; margin:0}
	.ui-accordion-content div.checkbox, .ui-accordion-content div.radio {line-height:150%}
		.ui-accordion-content i {color:#9b8155; font-size:110%}
		.accordion .ui-accordion-content div a {padding:0; display:inline; font-weight:normal; color:#394049}
		.no-touch .accordion .ui-accordion-content div a:hover {color:#886f41}

.ui-accordion .ui-accordion-header { margin: 0;}

.accordion .btn {
	float: right;
	padding-right: 0;
	margin: 0 0 1em;
}

.pending { float: right; }

span.divider {
	float: left;
	width: 1em;
}

div.divider {
	display: block;
	clear: both;
	margin: 1em 0;
	font-size: 0.5em;
}
div.divider img {width: 100%; height: 2px;}

/* END ACCORDION (CONTACTS) */

/* SCHEDULER */

#scheduler {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

#scheduler th {
	text-align: left;
	background: #DEE0E1;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

#scheduler td.selected, #scheduler td.selecting {
	background: green;
}

#scheduler td, #scheduler td.deselecting {
	background: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	min-width: 2px;
}

#scheduler th.guide, #scheduler td.guide {
	border-left: 1px solid black;
}

#scheduler td.hour {
	border-left: 1px solid #CCC;
}

#accessScheduleDisplay {
	line-height: 150%;
	padding-top: 0.5em;
}

/* END SCHEDULER */

/* ACCESS CONTROL */
#accessLink { display: block; width: 95%; padding: 1em; color: #4b4c4e; background: white; }
#accessLink .acr { font-weight: bold; }
#accessLink .acd { font-style: italic; }
#accessControl { width: 95%; }
#accessControl h3 { color: #C3A75F; margin-bottom: 0.5em; }
#accessControl table { width: 100%; }
#accessControl td { vertical-align: top; }
#accessControl label { display: inline; padding: 0 }
#accessControl div.radio { padding: 0 }
input.datePart { width: 50% }
input.timePart { width: 30% }
/* END ACCESS CONTROL */

/* PARENT DOCUMENT CATEGORY ACCESS CONTROL */
#accessLinkView { display: block; width: 95%; padding: 1em; color: #4b4c4e; background: white; }
#accessLinkView .acrView { font-weight: bold; }
#accessLinkView .acdView { font-style: italic; }
/* END PARENT DOCUMENT CATEGORY ACCESS CONTROL */

/* ROLE SELECTION CONTROL */
#selectedRolesSummaryLink { display: block; width: 95%; padding: 1em; color: #4b4c4e; background: white; }
#selectedRolesSummaryLink .acr { font-weight: bold; }
#selectedRolesSummaryLink .acd { font-style: italic; }
#roleSelectionControl { width: 95%; }
#roleSelectionControl h3 { color: #C3A75F; margin-bottom: 0.5em; }
#roleSelectionControl table { width: 100%; }
#roleSelectionControl td { vertical-align: top; }
#roleSelectionControl label { display: inline; padding: 0 }
#roleSelectionControl div.radio { padding: 0 }
/* ROLE SELECTION CONTROL */

/* ALERT/INFO BOXES */
p.headerInfo {
	clear: both;
	font-size: 85%;
/*	padding: 1em 5%;*/
}

p.footerInfo {
	font-size: 85%;
        margin-top:30px;
/*	padding: 2em 5% 0;*/
}

p.headerInfo a, p.footerInfo a {
	text-decoration: underline;
}

p.inset {
	font-size: 85%;
	padding: 0 5%;
}

.menu-alert {
	float:right;
	color:#FF3333;
	padding:0.2em 0.4em 0;
}
.published, .published i {
	color:#007F00;
}
.draft,.draft i {
	color:#FFA500;
}
.box-alert, .box-info, .box-field {
	clear: both;
	border: 1em solid #FCC;
	background: #FCC;
	margin-bottom: 1em;
	color: #494C50;
	/*overflow: auto;*/
	/*width: auto;*/
}
.box-info {
	border: 1em solid #FFFFE0;
	background: #FFFFE0;
}
.box-field {
	border: 1em solid #FFFFFF;
	background: #FFFFFF;
}
.box-alert i, .box-field i {
	float: left;
	color: #FF3333;
	margin: 0 1em 1em 0;
	padding-top: 0.2em;
}
.box-info i {
	float: left;
	color: #fbc728;
	/*margin: 0 1em 1em 0;*/
	padding-top: 0.2em;
}
.box-alert div, .box-info div, .box-field div {
	font-weight: bold;
	/*float:right;*/
}
.ui-accordion-content div.box-info, .ui-accordion-content div.box-field {
	line-height: 150%;
}
.box-info ul li {
	margin: 0.5em 1em;
}
.box-alert a.inlineButton {
	font-size: 90%;
	color: #FFF;
	display: inline;
	background-color: #186099;
	padding: 3px 7px 3px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.removed {
	text-decoration: line-through;
}

.box-alert a.inlineButton i {
	color: #FFFFFF;
	float: none;
	margin: 0 0.3em 1em 0;
	padding-top: 0.2em;
}

.box-info a.inlineButton, a.inlineHelpButton {
	font-size: 90%;
	color: #FFF;
	display: inline;
	background-color: #186099;
	padding: 2px 7px 2px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.box-alert.nonImportant{
    clear: both;
    border: 1px solid #fff;
    background: #fff;
    margin-bottom: 1em;
    color: #aaa;
    font-size: smaller;
    padding: 1em;
}
/* END ALERT/INFO BOXES */

/* GENERAL INLINE BUTTON */

a.inlineButton {
	font-size: 90%;
	color: #FFF;
	display: inline;
	/*background-color: #186099;*/
	padding: 3px 7px 3px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-right: 5px;
	text-decoration: none;
}

a.inlineButton i {
	color: #FFFFFF;
	float: none;
	margin: 0 0.3em 1em 0;
	padding-top: 0.2em;
}

/* END GENERAL INLINE BUTTON */

form table { clear: both }

ul ul { padding-left: 1em; }

.event .eventLongDate { float: left; width: 50%; text-align: right; }

div#mapDiv {
	width: 95%; height: 15em; padding: 0.75em 2.5%;
}

.no-touch [role="navigation"] li ul li:first-child a:hover { border-top: 0 }
.no-touch [role="navigation"] li ul li:last-child a:hover { border-bottom: 0 }

/*.js [role="main"] form select { width: 60% }*/

/* ADMIN */
table.report {
	border-collapse: collapse;
}
table.report th, table.report td {
	border: 1px solid black;
	text-align: center;
	vertical-align: top;
	padding: 1px 2px;
	background: white;
}
table.report input {
	width: auto;
}
table.report label {
	display: inline;
	padding: 0;
}

table.report tr.alt th, table.report tr.alt td {
	background: #E7E8E9;
}

/* Autocompleting text input */
.textboxlist {
	display: block;
	cursor: text;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	background-color: white;
	background-color: -moz-field;
	border: 1px solid darkgray;
	box-shadow: 1px 1px 1px 0 lightgray inset;
	font: -moz-field;
	font: -webkit-small-control;
	margin-top: 5px;
	padding: 2px 3px;
	width: 99%;
}

.textboxlist-ul {
	display: block;
	overflow: hidden;
	margin: 0;
	border: 1px solid #999;
	padding: 3px 4px;
}

.textboxlist-li {
	list-style-type: none;
	float: left;
	display: block;
	padding: 0;
	margin: 0 5px 3px 0;
	cursor: default;
}

.textboxlist-li-editable {
	display: block;
	border: 1px solid #fff;
}

.js [role="main"] .textboxlist-li-editable-input {
	border: none 0;
	padding: 2px 0 0 0;
	box-shadow: none;
}

.js [role="main"] .textboxlist-li-editable-input:focus {
	outline: 0;
}

.textboxlist-li-box {
	position: relative;
	line-height: 18px;
	padding: 0 5px;
	border: 1px solid #CAD8F3;
	background: #DEE7F8;
	cursor: default;
}

.textboxlist-li-box-deletable {
	padding-right: 7px;
}

.textboxlist-li-box-deletebutton {
	padding-left: 7px;
}

.switcheduser {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: #ff3333 ;
}

#proxyHeader {
	text-align: center;
	/*position: fixed;*/
	/*z-index: 99998;*/
	/*left: 0;*/
	/*width: 100%;*/
}


/* FIXES FOR IE10+
---------------------------------------- */



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
/*    // IE10+ CSS here*/
    .menu-alert {
        margin-left:-30px;
    }

}


/* SCREENS BELOW 600 PIXELS
---------------------------------------- */
@media all and (max-width:599px) {

    input.datePart { width: 100% }
    input.timePart { width: 50% }

}

/* ----------------------------------------
END SCREENS BELOW 400 PIXELS */

/* SCREENS ABOVE 600 PIXELS
---------------------------------------- */
@media all and (min-width:600px) {

    input.datePart { width: 60% }
    input.timePart { width: 40% }
	p.headerInfo {
/*		padding: 0 2.5% 1em;*/
	}
	p.footerInfo {
		/*padding: 2em 2.5% 0;*/
	}
	p.inset {
		padding: 0 2.5%;
	}

	.box-alert, .box-info, .box-field {
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-khtml-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-khtml-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-khtml-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-khtml-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;

	}

	.accordion { width:100%; padding:0;}

	/* SCHEDULER */

	#scheduler th {
		padding-left: 0.3em;
	}

	#scheduler td.selected, #scheduler td.selecting {
		border-left: 1px solid #666;
	}

	#scheduler td, #scheduler td.deselecting {
		border-left: 1px solid #CCC;
	}

	#scheduler th.guide, #scheduler td.guide {
		border-left: 1px solid black;
	}

	#scheduler td.hour {
		border-left: 1px solid #999;
	}

	/* END SCHEDULER */

	#accessPublishRadio { float: left; width: 30% }
	#accessPublishDate { float: left; width: 70%; clear: none; padding-top: 1em }

	/* Facilities */
	.facilityNewsItem { width:94%; padding:1.5em 3% 0.5em;}

    /* Report tables */
    table.report {font-size:100%;}



}
/* ----------------------------------------
END SCREENS ABOVE 600 PIXELS */

/* SCREENS ABOVE 800 PIXELS
---------------------------------------- */
@media only screen and (min-width:800px) {

    input.datePart { width: 50% }
    input.timePart { width: 30% }

	#facilities-list div.facility {
		width: 48%;
		margin: 1%;
		float: left;
	}

    /* Report tables */
    table.report {font-size:100%;}
}
/* ----------------------------------------
END SCREENS ABOVE 600 PIXELS */

/* SCREENS ABOVE 1100 PIXELS
---------------------------------------- */
@media all and (min-width:1100px) {
	p.headerInfo, p.footerInfo, p.inset {
		font-size: 100%;
	}

    /* Report tables */
    table.report {font-size:100%;}
}
/* ----------------------------------------
END SCREENS ABOVE 1100 PIXELS */


@media all and (max-width:800px) {
	#facilities-list div.facility {
		width: 100%;
		float: left;
		margin-top: 0em;
		margin-left: 0em;
		margin-right: 0em;
		margin-bottom: 0.5em;
	}

	#facilities-list div.facility:first-of-type {
		margin-top: 0.5em;
	}

}

#facilities-list div.facility {
	position: relative;
	background: #fff;
	float: left;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
#facilities-list div.facility a div.facility-image {
	margin:2%;
	width:auto;
	height: 240px;
	background-size: cover;
	position: relative;
}
#facilities-list div.facility a div.facility-image div.facility-name {
	background:rgba(73, 76, 80, 0.8);
	color:white;
	z-index:2;
	position:absolute;
	bottom:0;padding:10px 0;
	font-size: 14px;
	text-align:center;
	width: 100%;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

#facilities-list div.facility-arrows {
	margin: 0;
	text-align: right;
	display:none;
	cursor: pointer;
}

#facilities-list div div {
	border: none;
	position: relative;
	background: #fff;
	width: 100%;
	margin: 1%;
}
#facilities-list div:hover  {
	opacity: 0.9;
}
#facilities-list div:hover div  {
	border: none;
}

.facilityNewsItem {
	width:90%;
	background:white;
	margin:0 0 1em;
	border-radius: 3px;
	padding: 1.5em 5% 1.2em;
}

.facilityNewsItem p {
	font-size:85%;
	margin:0 0 1em;
	margin-top: 15px;
	margin-bottom: 0;
}

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

.facilityNewsItem a.title {
	font-size: 27px;
	font-weight: 400;
	letter-spacing: 0;
	margin:0;
	line-height: 27px;
	padding-bottom:12px;
}

.facilityNewsItem a.thumb {
	float:left;
	margin-right:20px;
	margin-top:5px;
}


.facilityNewsItem.category p {
	font-size:85%;
	margin:0 0 1em;
	margin-top: 15px;
	margin-bottom: 0;
	padding-left: 20px;
}

.facilityContentCategory { background: #a4bed2; margin:0 0 1em; padding:12px; cursor:pointer; height: 150px; border-radius: 3px}
.facilityContentCategory .head {width:100%; float:left; overflow: hidden; height: inherit;}
.facilityContentCategory .unread {margin-right: 22px; margin-top: 10px;float:right;}
.facilityContentCategory .headSummary {display:inline-block; max-width: 55%; height: 100%;}
.facilityContentCategory .headShot {width:35%; float:left; margin-right:12px;
	height: inherit;display: flex; justify-content: center; align-items: center;background-color: #ffffff30;}
.facilityContentCategory .head img {max-width:70%;min-width: 100%;min-height: 100%;}
.facilityContentCategory .head .title {width:100%; color:#ffffff; font-size:150%; padding-bottom: 15px;height: 40%; display: inline-block;}
.facilityContentCategory .head i {float: left; padding-top: 3px; padding-right: 10px; opacity: 0.5; color: #ffffff;}
.facilityContentCategory .head .summary {white-space: break-spaces; overflow: hidden; text-overflow: ellipsis; width:100%; float:left; font-size:80%;}
.facilityContentCategory .head .summary strong {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:120%; padding-right:1%}
.facilityContentCategory p {font-size:85%; margin:0 0 1em}
.facilityContentCategory .head .summaryDetail {width:100%; float:left;}
.facilityContentCategory p img {
	min-width: 100%;
	height: auto;
}
.facilityContentCategory div.facilityCategory-arrows{
	margin: 0;
	display:none;
	cursor: pointer;
	position: absolute;
	right: 50px;
}
/*  Dashboard  */

.dashlet-accordion h3 { border-bottom: 1px solid #ddd; }
.dashlet-accordion h3 img { height: 2em; vertical-align: middle; margin-right: 0.5em; }
.dashlet-accordion h4 {padding:5px; margin:0;}
.dashlet-accordion h4 img { height: 2em; vertical-align: middle; margin-right: 0.5em; }
.dashlet-accordion h5 {padding:5px; margin:0;}
.dashlet-accordion h5 img { height: 2em; vertical-align: middle; margin-right: 0.5em; }

.dashlet-accordion-toggle {
	cursor: pointer;
	background: #ffffff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: .5em .5em .5em .7em;
	min-height: 0;
	margin-top: 1px;
}
.dashlet-accordion-toggle-selected {
	cursor: pointer;
	padding: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.dashlet-accordion-content {
	display: none;
	padding: 1em 1em;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
/*experiment*/
/*.treeNodeConditionChange{
    display: block;
    padding: 1em 1em;
    background: #fff;
    border-bottom: 1px solid #ddd;
}*/
.dashlet-accordion-content div.pic img {
	height: 4em;
	padding-right: 1em;
}

.dashlet-accordion-item {
	padding: .4em 1em;
	color:#494c50;
	background: #E7E8E9;
	margin-top: -1em;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}


.containerWhiteDashlet {
	padding-bottom:0px;margin-bottom:5px; background:white; float:left; display:block; width:100%; clear:both;
}


.dashletRecentContent {
	float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 83%; font-size:90%;
}

.containerWhiteDashlet .newsItem .head .date{width: 17%;} /* This is for the newsItems on the Dashboard page*/


/*   New Documents interface  */

#estateTitle{
    display: inline-block;
}

#breadcrumb {
/*	background: #fff;*/
    min-height: 40px;
    padding-bottom: 0.5em;
	padding-top: 0.8em;
	padding-left: 1.5em;
}

#breadcrumb h6 {
    display: inline;
    padding-right: 4px;
}

#viewDocContent a:hover {
/*	padding-left: 15px;*/
    text-decoration: underline;
}

.docViewCategory {
    border-bottom: 1px solid #ddd;
    min-height: 40px;
}

.docViewDocument {
    border-bottom: 1px solid #ddd;
    min-height: 40px;
}

.docViewDocument span {
/*	padding-left: 15px;*/
    float: right;
    display: inline-block;
}

.docViewCatContainer {
    padding: 0.5em 1em 0 1.4em;
}

.docViewDocContainer {
    padding: 0.5em 1em 0 1.4em;

}

.docViewDocContainer div {
/*	padding-left: 15px;
	float: right;*/
}
.docViewDocument:hover {
    background: #f0f0f0;
    border-color: #e1eaf1;
    position: relative;
}
.docViewCategory:hover {
    background: #f0f0f0;
    border-color: #e1eaf1;
    position: relative;
}
.docViewCatContainer .overflowContainer{
    display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    padding-right: 0.5em;
    width: 80%;
    float: left;
/*    background: pink;    */
}
.docViewDocContainer .overflowContainer{
    display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    padding-right: 0.5em;
    width: 60%;
    float: left;
/*    background: pink;    */
}
.uploadeddate{
    display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    width: 14%;
/*    padding-right: 0.5em;*/
    float: left;
    font-size: 85%;
    position: relative;
    top: 50%;
    transform: translateY(10%);
/*    background: yellow;    */
}
.uploadedsize{
    display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    width: 10%;
    padding-right: 0.5em;
    float: left;
    font-size: 85%;
    position: relative;
    top: 50%;
    transform: translateY(10%);
/*    background: brown;*/
}
.docViewDocContainer .deleteUnread{
    display: inline-block;
    float: right;
    width: 4%;
/*    background: yellowgreen;*/
}
.docViewCatContainer .deleteUnread{
	display: inline-block;
	float: right;
	width: 4%;
	/*    background: yellowgreen;*/
}
.uploadedvisibility{
    display: inline-block;
    float: right;
    width: 4%;
/*    background: orange;*/
}
.docViewDocContainer .pending{
    display: inline-block;
    float: right;
    width: 3%;
/*    background: magenta;*/
}
.docViewCatContainer .pending{
    display: inline-block;
    float: right;
    width: 3%;
/*    background: magenta;*/
}

.saving
{ width: auto; display: block; font-family: "Open Sans"; webkit-border-radius: 4px; border-radius: 4px; font-weight: 300; line-height: 225%; font-size: 90%; padding: 0 .75em; float: left; letter-spacing: 0; margin: .5em 0 .5em 3%; }

.help-icon {
	float: right;
}

/* profile template */
.profile-input {
	border-style: solid;
	border-bottom: 1px solid #b1afaf;
	padding-top: 5px;
	padding-bottom: 5px;
}

.profile-label {
	display: inline-block;
	padding: 1em 0 .25em
}
.profile-input-fieldName {
	max-width: 50%;
}

.profile-sequence-input {
	width: 5%;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.profile-input-label {
	width: 60%;
	display: block;
	padding: 0;
	font-size: 12px;
	color: #9e9d9d;
}

.profile-select {
	background: #eaeaea;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.profile-btn-container-right{
	display: inline-block;
	width: 100%;
}

.profile-select-input {
	width: 60%
}

.profile-input-limit {
	max-width: 25%;
}

/*.profile-sequence-input {*/
	/*width: 10%;*/
/*}*/

.icon-picker {
	display: inline-block; /* float: right; */
}

.icon-preview {
	width: 40px; /* display: none; */
	margin: 10px 0px 0px 10px;
	position: relative;
}

.icon-preview i {
	font-size: 15px;
	padding: 8px;
	width: 15px;
	height: 15px;
	text-align: center;
	border: 1px solid silver;
	background: #fff;
}

.btn_floatRight {
	float: right;
	height: 1.4em;
}

.remove-times {
	width: 15px;
	height: 15px;
	font-size: 17px;
	text-align: center;
	line-height: 99%;
}

.boldHeader {
	font-weight: bold;
}

.boldHeader span {
	font-weight: normal;
}

.boldHeader a {
	font-weight: normal;
}

.edit-in-progress input[type="text"] {
	width: 50%;
}

.edit-in-progress button {
	display: inline-block;
	line-height: 14px;
	padding: 4px;
}

.ui-dialog-titlebar {
	display: none;
}

.ui-widget-content {
	background: #eee;
}

.listboxswap {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 14px;
	color: #333333;
}

.listboxswap {
	margin: 0 0 20px;
}

.listboxswap .source_wrapper,
.listboxswap .listbox_controls,
.listboxswap .destination_wrapper {
	float: left;
}

.listboxswap .source_wrapper,
.listboxswap .destination_wrapper {
	width: 40%;
	overflow: hidden;
}

/*.listboxswap .source_wrapper ul li.odd,*/
/*.listboxswap .destination_wrapper ul li.odd {*/
	/*background: #E9F4FF;*/
/*}*/

.listboxswap .listbox_controls {
	width: 12%;
	margin: 3.5% 4% 0;
}

.listboxswap .listbox_search {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 0;
	padding: 5px 10px;
	color: #999999;
	position: relative;
}

.listboxswap .listbox_search input {
	width: 100%;
	color: #999999;
	border: none;
	font-size: 12px;
}

.listboxswap .listbox_search span.clear:before {
	content: "\00d7";
}

.listboxswap .listbox_search span.clear {
	display: block;
	margin: 12px 20px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	color: #CCCCCC;
}

.listboxswap .source_wrapper ul,
.listboxswap .destination_wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-color: #CCCCCC;
	border-radius: 0 0 5px 5px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
}

.listboxswap ul.listbox_round_class {
	border-radius: 5px;
}

.listboxswap .listbox_search.listbox_round_class {
	border-radius: 5px 5px 0 0;
}

.listboxswap .listbox_option {
	cursor: pointer;
	width: 100%;
}

.listboxswap .listbox_option span {
	padding: 5px 10px;
	display: block;
}

.listboxswap ul li.listbox_option:hover {
	background: #CCCCCC;
}

.listboxswap ul li.listbox_option.selected {
	background: #CCCCCC;
}

.listboxswap .listbox_controls ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.listboxswap .listbox_controls ul li {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	margin: 0 0 10px;
	padding: 5px 10px;
	text-align: center;
	overflow: hidden;
	border-radius: 50px;
	box-shadow: 0px 10px 5px -10px #CCCCCC;
	color: #333333;
}

.listboxswap .listbox_controls ul li:hover {
	background: #CCCCCC;
	border: 1px solid #CCCCCC;
}

.listboxswap .source_wrapper p,
.listboxswap .destination_wrapper p {
	color: #FFFFFF;
	margin: 0;
	padding: 5px 10px;
	background: #999999;
	border-bottom: 1px solid #999999;
	border-radius: 5px 5px 0px 0px;
}

.listboxswap .listbox_clear {
	clear: both;
}

.listboxswap .truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.listboxswap .listbox_controls .add span.label:after {
	content: "\00a0\2192";
}

.listboxswap .listbox_controls .remove span.label:before {
	content: "\2190\00a0";
}

@media all and (max-width: 750px) {
	.listboxswap .listbox_controls .add span.label,
	.listboxswap .listbox_controls .remove span.label {
		display: none;
		visibility: hidden;
	}

	.listboxswap .listbox_controls .add span.arrow:before {
		content: "\2192";
	}

	.listboxswap .listbox_controls .remove span.arrow:before {
		content: "\2190";
	}
}

@media all and (max-width: 420px) {
	.listboxswap .source_wrapper,
	.listboxswap .listbox_controls,
	.listboxswap .destination_wrapper {
		float: none;
		width: 99%;
		margin: 0;
	}

	.listboxswap .listbox_controls {
		margin: 5% auto 5% auto;
		width: 40%;
	}

	.listboxswap .listbox_controls .add span.arrow:before {
		content: "";
	}

	.listboxswap .listbox_controls .remove span.arrow:before {
		content: "";
	}

	.listboxswap .listbox_controls .add span.label:after {
		content: "\00a0\2193";
	}

	.listboxswap .listbox_controls .remove span.label:before {
		content: "\2191\00a0";
	}

	.listboxswap .listbox_controls .add span.label,
	.listboxswap .listbox_controls .remove span.label {
		display: block;
		visibility: visible;
	}
}

/*Forum */

.forumTopicHeading
{
	display: flex;
	justify-content: space-between;
}
.forumTopicHeading a
{
	padding: 20px;
	font-size: 90%;
}W

/* RTL */

.listboxswap.rtl .source_wrapper,
.listboxswap.rtl .listbox_controls,
.listboxswap.rtl .destination_wrapper {
	float: right;
	text-align: right;
	direction: rtl;
}

.listboxswap.rtl .listbox_search span.clear {
	right: auto;
	left: 0;
}

.listboxswap.rtl .listbox_search input {
	text-align: right;
}

.listboxswap.rtl .listbox_controls .add span.label:after {
	content: "\00a0\2190";
}

.listboxswap.rtl .listbox_controls .add span.label:before {
	content: "";
}

.listboxswap.rtl .listbox_controls .remove span.label:before {
	content: "\2192\00a0";
}

.listboxswap.rtl .listbox_controls .remove span.label:after {
	content: "";
}

@media all and (max-width: 750px) {
	.listboxswap.rtl .listbox_controls .add span.arrow:after {
		content: "\2190";
	}

	.listboxswap.rtl .listbox_controls .add span.arrow:before {
		content: "";
	}

	.listboxswap.rtl .listbox_controls .remove span.arrow:after {
		content: "\2192";
	}

	.listboxswap.rtl .listbox_controls .remove span.arrow:before {
		content: "";
	}
}

@media all and (max-width: 420px) {
	.listboxswap.rtl .source_wrapper,
	.listboxswap.rtl .listbox_controls,
	.listboxswap.rtl .destination_wrapper {
		float: none;
		width: 99%;
		margin: 0;
	}

	.listboxswap.rtl .listbox_controls {
		margin: 5% auto 5% auto;
		width: 40%;
	}

	.listboxswap.rtl .listbox_controls .add span.arrow:after {
		content: "";
	}

	.listboxswap.rtl .listbox_controls .remove span.arrow:after {
		content: "";
	}

	.listboxswap.rtl .listbox_controls .add span.label:after {
		content: "\00a0\2193";
	}

	.listboxswap.rtl .listbox_controls .remove span.label:before {
		content: "\2191\00a0";
	}
}

.accountWidget-style .dynamicAccountData h4{
padding: 0;
}

.accountWidget-style .dynamicAccountData.dashlet-accordion-toggle-selected{
    padding: 0;
}

#bodyContent {
	position: relative;
}

.unitEstate {
	font-weight: normal;
	font-size: 0.9rem;
}

.accountSection h4{
	font-size: 96%
}
.datedStatement{
	display: flex;
	color: #dadbdc;
	justify-content: space-between;
	font-size: 0.76rem;
	padding: 9px 21px 9px 15px;
	background: #394049;

}

.accountData{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 100%;
	justify-content: space-between;
	border-radius:0 0 4px 4px;
	padding: 9px 21px 9px 15px;
}

.accountData p{
	color: #dadbdc;
	font-size: 0.76rem;
	font-weight: normal;
}

.accountData h4{
	color: white;
	margin: unset;
}

.totalDue h4{
	font-size: 1.52rem;
}

@media screen and (max-width: 1300px){
	.totalDue h4{
		font-size: 100%;
	}
	.totalDue {
		margin-bottom: 9px;
	}
	.accountData div{
		width: 30%;
	}
}

.selectAProperty{
    margin-top: 6%;
    margin-right: 6%;
    margin-left: 3%;
    margin-bottom: 3%;
    display: flex;
    justify-content: space-between;
}

.selectItemFromCatagory{
    padding: unset;
    height: fit-content;
}

.saleHeading{
    display:flex;
}

.salesContainer{
    margin-bottom: 3%;
    margin-top: 3%;
    border-radius: 6px;
}
.currentSaleDataGridContainer{
    display: grid;
    grid-template-columns: 30% auto;
    grid-row-gap: 6px;
}
.tSales{
    border-radius: 6px;
    padding: 0.7em;
}
.saleHeading i {
    padding: 4px 4px 4px 0;
    margin-bottom: 20px;
}
.newSaleInput{
    background-color:#eeeeee;
    border-radius: 5px 5px 0 0;
    padding: 15px 21px 30px 15px;
}
.newSaleStyle{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}
.newSaleStyle input{
    width: 60%;
    padding-bottom: 4px;
}
.newSaleStyle .k-widget{
    width: 60%;
    padding-bottom: 4px;
}
.newSaleInput .btn:disabled {
    border: none;
    float: right;
    padding: 9px;
    border-radius: 4px;

    background-image: linear-gradient(#a9a9a9 40%, #9e9e9e);
}
.newSaleInput .btn{
    border: none;
    float: right;
    padding: 9px;
    border-radius: 4px;
}
.saleOpacity{
    opacity: 0.5;
}

.newOwners {
    background-color:#dee0e1;
    border-radius: 0 0 5px 5px;
    padding: 15px 21px 15px 15px;
    margin-bottom: 27px;
}

.newOwners li{
    margin-left: 15px;

}
.fa-plus::after{
    content: '';
    position: relative;

    width: 1px;
    height: 32px;
    border-right: 1px solid rgba(255, 255, 255, .5);
    right: -10px;
    top: 0px;
}

.addSale span{
    margin-left: 12px;

}

.tsalesB span{
    font-size: small;

}

.newSaleCheckBox{
    display: flex;
    flex-wrap: wrap;
}

.newSaleCheckBox input{
    box-shadow: none;
}
.newSaleCheckBox label{
    padding: unset;
    margin-left: 3px;

}

.newOwners i:hover{
    cursor: pointer;
}

@media screen  and (max-width: 955px){

    .newSaleStyle input{
        width: 100%;
        padding-bottom: 4px;
    }

    .newSaleStyle .k-widget {
        width: 100%;
        padding-bottom: 4px;
    }}

#startDate .datePart{
    width: 50%;
}
#endDate .datePart{
    width: 50%;
}

.containerWhite .faq .wrapper .big p {
	font-size: 100%;
}

.containerWhite .faq .wrapper .big ul {
	padding-inline-start: 20px;
}
@media (max-width: 600px)
{
	/*Handles the subscribe button on the forums*/
	.forumTopicHeading{
		flex-direction: column;
	}

	.forumTopicHeading a{
		padding: 9px;
		text-align: end;
	}
}