/* Minification failed. Returning unminified contents.
(424,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#808080'
(485,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '3px'
 */

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* GENERAL */
body, .k-tabstrip {
	font-family: 'Lato';
}

.collapse-header.section-collapsed .collapse-icon,
.collapse-header:not(.section-collapsed) .expand-icon {
	display: none;
}

/* LINKS */
.link-primary {
	color: #112e53 !important;
}
.link-primary:hover {
	font-weight: bold;
}

/* TABLE */
td > .collapsible-cell {
	display: block;
	word-break: break-all;
	max-height: 1.5em;
	line-height: 1.5;
	overflow: hidden;
	position: relative;
}

	td > .collapsible-cell > span {
		color: transparent;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	td > .collapsible-cell::after {
		content: attr(title);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

#PropertyTable tbody tr {
	cursor: pointer;
}

#PropertyTable td.img-thumb-col {
	padding: 2px 0;
	width: 115px;
}

	#PropertyTable td.img-thumb-col > .image-card {
		margin: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

#PropertyTable td.img-download-col {
	text-align: center;
}

#PropertyTable td.img-download-col.modal-loading > a {
	display: none;
}

#PropertyTable td.img-download-col > a {
	color: #726f6f;
	font-size: 36px;
	line-height: 0px;
}

	#PropertyTable td.img-download-col > a:hover {
		color: #343a40;
	}

/* #region MAIN NAVBAR */
.navbar.client-portal-navbar {
	background-color: #505050;
	padding: 0.25rem 0 0.25rem 1rem !important;
}

.client-portal-navbar > .navbar-brand {
	border-right: 1px solid white;
	margin-right: 0;
	padding-right: 1rem;
}

	.client-portal-navbar > .navbar-brand > img {
		height: 25px;
	}

.client-portal-navbar .nav-item .nav-link {
	text-transform: uppercase;
	color: #d0d0d0;
}

	.client-portal-navbar .nav-item.active .nav-link,
	.client-portal-navbar .nav-item .nav-link:hover {
		color: white;
	}

/*.client-portal-navbar .nav-link .nav-icon {
	font-size: 20px;
	width: 20px;
	margin-right: 0.5rem;
}*/

.client-portal-navbar .dropdown-item {
	color: #112e53 !important;
}

.client-portal-navbar .dropdown-item:hover,
.client-portal-navbar .dropdown-item.active,
.client-portal-navbar .dropdown-item:active {
	text-decoration: none;
	background-color: #e9ecef;
	font-weight: bold;
}

#AddOnsDropdown::after {
	display: none;
}

.client-portal-navbar .dropdown-divider-after::after,
.client-portal-navbar .dropdown-divider-before::before {
	content: '';
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
	display: block;
}

.navbar-collapse.collapsing .dropdown-menu,
.navbar-collapse.show .dropdown-menu {
	position: static;
	float: none;
}
/* #endregion */

/* #region CUSTOM RADIO */
.custom-radio-container > input[type=radio] {
	display: none;
}

label.custom-radio {
	display: inline-block;
	border: 1px solid #34495e;
	border-radius: 100%;
	width: 16px;
	height: 16px;
	margin-bottom: 0;
	vertical-align: middle;
	position: relative;
}

/* use this if you want the circle outline to be a different color when checked */
/*.custom-radio-container > input[type=radio]:checked + label.custom-radio {
	border-color: #34495e;
}*/

	.custom-radio-container > input[type=radio]:checked + label.custom-radio::after {
		content: ' ';
		display: inline-block;
		height: 6px;
		width: 6px;
		border-radius: 100%;
		background-color: #007bff;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -3px;
		margin-left: -3px;
	}

.custom-radio-label {
	margin-bottom: 0;
	color: #34495e;
	font-size: 14px;
	letter-spacing: 0.81px;
	padding-left: 0.5rem;
}

.custom-radio-container > input[type=radio]:checked ~ .custom-radio-label {
	font-weight: bold;
}

.custom-radio-container.disabled,
.checkmark-container.disabled {
	opacity: 0.5;
}
/* #endregion */

/* #region CHECKMARK */
.checkmark-container {
	white-space: nowrap;
}

.checkmark-container > input[type=checkbox] {
	display: none;
}

label.checkmark {
	display: inline-block;
	border: 1px solid #34495e;
	width: 16px;
	height: 16px;
	margin-bottom: 0;
	vertical-align: middle;
}

.checkmark-container > input[type=checkbox]:checked + label.checkmark {
	background: url(/Content/Image/icon-thick-check.svg) no-repeat center center;
}

.checkmark-label {
	margin-bottom: 0;
	color: #34495e;
	font-size: 14px;
	letter-spacing: 0.81px;
	padding-left: 0.5rem;
}

.checkmark-container > input[type=checkbox]:checked ~ .checkmark-label {
	font-weight: bold;
}

/* #endregion */

/* #region PROPERTY LIST MODAL WINDOW */
#ModalContainer .k-window {
	border: none;
	font-family: 'Lato';
}

	#ModalContainer.iframe-modal #SplashNotificationModal {
		padding: 0.25rem;
	}
.property-list-window-splash {
	background-color: #58a5b3;
	padding: 3rem;
	text-align: center;
}

.property-list-window-splash img {
	max-width: 100%;
	max-height: 374px;
}

.property-list-window-content {
	padding: 1rem 12rem;
	text-align: center;
	color: #505050;
	font-size: 16px;
}

.property-list-window-content h1 {
	font-size: 36px;
}

.property-list-window-content button {
	font-size: 14px;
}

.close-modal-icon {
	font-size: 24px;
	color: rgba(0,0,0,0.5);
	opacity: 0.8;
	position: absolute;
	margin: 1rem 1.5rem 1rem 1rem;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 1000;
}

#NotNowBtn {
	position: absolute;
	margin: 1rem;
	bottom: 0;
	right: 0;
}

/* #endregion */

/* #region DOWNLOAD PHOTOS MODAL */
#DownloadPhotosContainer .k-window {
	padding: 0;
	border: none;
	overflow: hidden;
	font-family: 'Lato';
}

#DownloadPhotosModal {
	padding: 0;
	border: none;
}

	/*#DownloadPhotosModal .download-modal-header {
		background-color: #007bff;
		color: white;
		padding: 1rem;
		display: flex;
		align-items: center;
		font-size: 20px;
		position: relative;
	}*/

#DownloadPhotosModal td {
	padding: 0 15px;
}

#DownloadPhotosClose {
	font-size: 24px;
	color: white;
	opacity: 0.8;
	position: absolute;
	margin: 1rem;
	top: 0;
	right: 0;
	cursor: pointer;
}

.image-count::before {
	content: '(';
}

.image-count::after {
	content: ')';
}
/* #endregion */

#PropertyDashboardDefaultImage {
	width: 100%;
	max-width: 100%;
}

.image-hover-container {
	position: relative;
}

	.image-hover-container .image-hover-text {
		visibility: hidden;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		transition: background .2s linear, color .2s linear;
		-moz-transition: background .2s linear, color .2s linear;
		-webkit-transition: background .2s linear, color .2s linear;
		-o-transition: background .2s linear, color .2s linear;
		text-decoration: none;
	}

	.image-hover-container:hover .image-hover-text {
		visibility: visible;
		background-color: rgba(0,0,0,0.6);
	}

@media (min-width: 576px) {
	#PropertyDashboardDefaultImage {
		max-height: 250px;
		width: auto;
	}
}

@media (min-width: 768px) {
	.client-portal-navbar > .navbar-brand > img {
		height: 35px;
	}
}

td { vertical-align:top; }
/*#FirstName, #LastName, name    { xwidth: 150px; xmax-width: 150px; background-color: lime; }
#Company, company            { width: 200px; max-width: 200px; }
#PropertyAddress, address    { width: 200px; max-width: 200px;  }
#Property, property           { width: 200px; max-width: 200px; }
#Phone, phone { width: 150px; max-width: 150px; xbackground-color: aqua; }*/

.LabelFor, .LabelForBold { color: #595959; display:block; margin:0px; padding:0px; font-size:12px; }
.LabelForBold { font-weight:bold; }
.DisplayFor { font-weight: bold; }
.field { display: inline-block; padding-right: 10px; vertical-align:top; }
.CompanyLogo, .ContactPhoto { max-width: 100px; max-height:100px;  xwidth: 100px; height:100px; }

td.Notes { width: 30%; }
div.Notes {  border: 1px solid gray; padding: 5px; font-size: 14px; max-height:200px; overflow:auto; }
.ContactPhoto { border-radius: 50%; display:inline-block; }

div.PopUp { position:absolute; background-color: white; #808080; color:black; font-weight:bold; padding:10px; border:4px solid #337ab7; display: none; xvisibility:hidden; Z-INDEX: 10000; }

.CapeColor { padding-left:5px; padding-right: 5px; vertical-align:central; text-align:left; border-radius:2px; }

.vl { border-top: 25px solid gray; margin:6px 1px 0px 1px; padding:0px; width:2px; }
span.bullet {color: gray; font-size:25px; xmargin:6px 1px 0px 1px; xpadding:0px; xwidth:2px; }
div.region { width: 275px; }
.inactive { font-style: italic; color:silver; }
img.thumb { height:100px; }
img.thumbEmpty { width:150px; height:100px; }
div.sticky { z-index: 9000; }

div.validation-summary-errors { /*to take up less room*/
        height: 0px !important;       
        padding: 0px !important;
        margin-top: 3px !important;       
        display: inline-block;
}




 table.Gridlines, .Gridlines td, th { border: 1px solid silver; border-collapse: collapse; }
.Center td, th { text-align:center; }
table.tight { width: 1px; }
.nowrap { white-space:nowrap; }

.padLeft { padding-left: 5px; }
.padRight { padding-right: 5px; }
.radioLabel, .cbLabel { margin-left:5px; margin-right: 10px; }
hr.tight { margin-top: 6px !important;  margin-bottom: 6px !important; border-width: 1px; }
div.labels { display: inline-block; white-space:nowrap;  }

img.PageHelp { position:absolute; right: 10px; top:4px; width: 40px; }

.TableHeader {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
   }

.TableFooter {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}

.TableBody {
   display: table-row-group;
}

.Table {
   display: table;
   Xwidth: 100%;
}
.TableRow {
   display: table-row;
}
.TableCell, .TableHead {
   display: table-cell;
   font-size:20px;
   Xpadding: 0px; 3px 10px;
   Xborder: 1px solid #999999;
}

.wide100 { min-width: 100%; }