/*
 * Base structure
 */
 
 
 /* colors */
 
/* 
	dark-grey		var(--t2h-dark-grey) 
	med-grey        var(--t2h-dark-grey)
	dark-green		#b2c516 // rgb(var(--t2h-dark-green-rgb))
	light-green		#cadb60
    light green-gray eeefe4 rgb(var(--t2h-light-rgb))

fonts 

font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: normal;

font-family: proxima-nova,sans-serif;
font-weight: 700;
font-style: italic;

font-family: proxima-nova,sans-serif;
font-weight: 400;
font-style: normal;

font-family: proxima-nova,sans-serif;
font-weight: 400;
font-style: italic;

font-family: proxima-nova-extra-condensed,sans-serif;
font-weight: 700;
font-style: italic;

font-family: proxima-nova-extra-condensed,sans-serif;
font-weight: 700;
font-style: normal;

font-family: proxima-nova-extra-condensed,sans-serif;
font-weight: 400;
font-style: italic;

font-family: proxima-nova-extra-condensed,sans-serif;
font-weight: 400;
font-style: normal;

font-family: proxima-nova-condensed,sans-serif;
font-weight: 700;
font-style: normal;

*/



:root {
    
    --t2h-dark-bg: #808C79;
    --t2h-light-bg: #f4f4ee;
    --t2h-primary-color: #b2c516;
    --t2h-dark-green: #b2c516;
    --t2h-dark-green-rgb: 178,197,22;
    
    --t2h-med-grey: #6e6e6e;
    --t2h-dark-grey: #434A52;
    
    --t2h-light: #eeefe4;
    --t2h-light-rgb: 238,239,228;

    --t2h-text-color: rgb(119, 119, 119);
    
    --t2h-default-text-color: var(--t2h-text-color);
    
    --t2h-small-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        
}



html {
  position: relative;
  min-height: 100%;
	height: 100%;
}

body {
  padding-top: 50px;
  background-color:var(--t2h-light-bg);
  /*background-color: #ffffff;*/
  font-family: proxima-nova,sans-serif;
  padding-bottom: 40px;
  color: var(--t2h-default-text-color); 
 font-size: .90rem;
	min-height: 100%;
	height: 100%;
}

html.popup, html.popup body,
body.popup { padding-top: 0; height: auto; min-height: inherit; }

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  background-color: var(--t2h-dark-grey);
  color: #9a9a9a;
	-webkit-box-shadow: inset 0px 5px 6px -5px rgba(0,0,0,0.28);
-moz-box-shadow: inset 0px 5px 6px -5px rgba(0,0,0,0.28);
box-shadow: inset 0px 5px 6px -5px rgba(0,0,0,0.28);
}

.footer .container p { line-height:40px; padding:0; margin:0; font-size:12px; }

.row-padding { padding-top: 20px !important; padding-bottom: 20px !important; }
.row-padding-bottom { padding-bottom: 20px !important; }

.form-group { margin-bottom: 20px; }

/* type */


a { color:#b2c516; text-decoration: none; }	
a:hover { text-decoration: none; color: #b2c516; }

h1, h2, h3, h4, h5, h6 { color: #777; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

.pagination { border-radius: 0; }
.pagination a { color:#b2c516; }	
.pagination { margin-top: 8px; margin-bottom: 8px; }
.pagination .active, .numPerPage .active { font-weight: bold; }
.page-item:first-child .page-link { border-radius: 0; }
.page-item:last-child .page-link { border-radius: 0; }

.page-item.active .page-link {
    z-index: 1;
    color: #ffffff;
    background-color: #b2c516;
    border-color: #b2c516;
}

a i { color: var(--t2h-dark-gree); }
i { color:var(--t2h-dark-grey) }

.text-muted, .disabled, .muted { color: #ccc !important; }

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #cce540;
  cursor: pointer;
}

.inactive td { color: #ccc !important; }

.inactive td:hover { color: #fff !important; }

.hot, .today { color: rgba(232,68,22,1.00) !important; font-weight: bold; }
.yesterday { color: rgba(255,145,32,1.00) !important; font-weight: bold; }


.visitorComments div { margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc solid 1px; }

/****** backgrounds *******/

.bg-light-grey { background-color: rgba(var(--t2h-light-rgb),.7); }

.btn {  border-radius: 0; }

.btn-primary { background-color: #b2c516; border-color: #b2c516; color:#fff !important;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] { background-color: #748911; border-color: #cce022; color: #fff !important}

.btn-primary i { color: #fff !important }

.btn-primary:hover i,
.btn-primary:focus i,
.btn-primary:active i,
.btn-primary.active i,
.btn-primary.disabled i { color: #fff !important}

/*
.btn-dark { background-color: #b2c516; border-color: #b2c516; color: #ffffff; }
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-dark.disabled,
.btn-dark[disabled] { background-color: #748911; border-color: #cce022;}
	*/

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--t2h-dark-green-rgb),.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #b2c516;
  border-color: #b2c516;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #b2c516;
  border-color: #b2c516;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--t2h-dark-green-rgb),.5);
}


.btn-outline-primary {
  color: #b2c516;
  border-color: #b2c516;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #b2c516;
  border-color: #b2c516;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--t2h-dark-green-rgb),.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #b2c516;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #b2c516;
  border-color: #b2c516;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--t2h-dark-green-rgb),.5);
}

.btn-outline-primary i { color: #b2c516 !important }

.btn-outline-primary:hover i,
.btn-outline-primary:focus i,
.btn-outline-primary:active i,
.btn-outline-primary.active i,
.btn-outline-primary.disabled i { color: #fff !important}


.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


.btn-success, .btn-success i { color: #ffffff; }


.back-button { display: inline-block; margin-bottom: 10px; }

.btn-icon::before,
.btn-add::before,
.btn-back::before,
.btn-remove::before,
.btn-edit::before { content: '\f044'; font-family: 'Font Awesome 5 Pro', FontAwesome !important; margin-right: 8px; }

.btn-add::before { content: '\f055'; }
.btn-back::before { content: '\f0a8'; }
.btn-remove::before { content: '\f056'; }
.btn-edit::before { content: '\f044'; }
.btn-select-file::before { content: '\f865'; } 
.btn-add-video::before { content: '\f1c8';}



/*
.btn-back { display: block; position: absolute; top: 0; right: 15px; font-weight: 700; text-transform: uppercase; background-color: #0090BF; color: #ffffff; padding: 6px; font-size: 10px; line-height: 10px; }
	.btn-back:before { content: '\f100'; display: inline-block; font-family: 'Font Awesome 5 Pro'; font-weight: 400; margin-right: 4px; }
	.btn-back:hover { color: rgba(255,255,255,0.82); }
*/


.messageHolder { display:none; }

.error { color: #780A0C; }
.error.well { background-color: #780A0C; color: #fff; }
.success.well { background-color: #b2c516; color: #fff; }
.success.well a { color: #fff; }
.success { color: #b2c516; }

.highlight-text { color: #b2c516; }


/*
 * Global add-ons
 */

:focus-visible {
    outline-offset: 0;
	outline: none;
	border-bottom: #899811 solid 2px !important;
}

.well { border: none; padding: 30px; background-color: var(--t2h-light); }


.alert { border-radius: 0; color: #495057; border: none; }

.alert-info { background-color: rgba(202,219,96,.3); border: none; }
.alert-success { background-color: rgba(202,219,96,.8); border: none; }

.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 { margin-bottom: 0; }

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.badge { color: #ffffff; padding: .30em .5em; }

.badge-primary { background-color: #b2c516 !important; }

.badge-realtor { background-color: #b2c516 !important; margin-left: 8px; }

/* Hide for mobile, show later */
.sidebar { display: none; }


/* Top Nav */

.main-nav { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 100; padding-top: 0; padding-bottom: 0; }

.main-nav .nav > li > a { padding-top: 18px; padding-bottom: 18px; }

.main-nav .nav { margin-left: auto; align-items: flex-end; justify-content: flex-end; }

.navbar-dark {
	background-color:var(--t2h-dark-bg) !important;
	background: var(--t2h-dark-bg);
	border-bottom-color: #eee;
	-webkit-box-shadow: inset 0px -7px 6px -6px rgba(0,0,0,0.28);
	-moz-box-shadow: inset 0px -7px 6px -6px rgba(0,0,0,0.28);
	box-shadow: inset 0px -7px 6px -6px rgba(0,0,0,0.28);
}

.navbar-brand {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.42);
	font-weight:bold;
	margin-top: -7px;
	max-width: 175px;
}

.navbar-brand img {
	height: auto;
	width: 100%;
}

.navbar-dark .nav > li {
	display: flex;
}

.navbar-dark .nav > li > a, .navbar-dark .nav li a i {
	color: #ffffff !important;
	font-size: .85rem;
}



.navbar-dark .nav > li > a:hover, .navbar-dark .nav > li > a:active {
	color: #fff;
	background-color: #b2c516;
	-webkit-box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.08);
-moz-box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.08);
box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.08);
}

.navbar-dark .navbar-nav > .open > a,
.navbar-dark .navbar-nav > .open > a:hover,
.navbar-dark .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #6d7a22;
}

.navbar-header .navbar-toggle { border-color: #b2c516 !important; }


.dropdown-menu { border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);  box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }


.btn-primary.navbar-btn { color: #fff !important; }
.btn-primary.navbar-btn:hover { background-color: #b2c516 !important; }

/***************** analytics ******************/

html, body.analytics { width: 100%; height: 100%;}
		.container-fluid-iframe { width: 100%; height: 100%; display: flex; flex-grow: 1; }
		.iframe-holder { width: 100%; height: 100%; padding-left: 0; padding-right: 0; display: flex; flex-flow: 1; padding-bottom: 40px; }
		.container-fluid-iframe .mainContainer { width: 100%; height: 100%; }
		body.analytics .container-fluid, 
		body.analytics .container-fluid .row,
		body.analytics .container-fluid .row .main-wiindow
		{ width: 100%; height: 100%; padding: 0; margin: 0; }
		body.analytics .container-fluid .row .main-window { padding: 0; }


/*** page title ***/
/*.page-title { background-color: #717B80; }*/


.columns { column-count: 1; column-gap: 24px; }


@media (min-width: 576px) { 
	.columns { column-count: 2; column-gap: 24px; }
}

@media (min-width: 768px) { 
	.columns { column-count: 2; column-gap: 24px; }
}

@media (min-width: 992px) { 
	.columns { column-count: 3; column-gap: 30px; }
}

@media (min-width: 1200px) { 
	.columns { column-count: 4; column-gap: 30px; }
}




/*********** login *************/

.loginBox {
    align-self: center;
	max-width: 100%;
	height: auto;
	margin: 50px auto;
	padding: 30px;
	background-color: #FFFFFF;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.3);
	box-shadow: 0px 0px 6px rgba(0,0,0,.3);
	 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	 z-index: 220;
}

.loginBox .t2h-logo { display: block; text-align: center; margin-bottom: 20px; }
.loginBox .t2h-logo img { max-width: 170px; }

.loginBox label { font-size: 12px; }



/* tooltips */

/*** cards ***/

.card, .card .card-img-top { border-radius: 0; border: none; background-color: #ffffff; }

.card { background-color: #ffffff; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); 
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); }

.card-header { background-color: #484848; color: #ffffff; border-radius: 0 !important; padding: 30px; }
.card-header:first-child { border-radius: 0 !important; }
.card-header h2, .card-header p { color: #ffffff; padding: 0; margin: 0; }

.card-header label, .card-header input  { color: #ffffff; }

.card-header .form-control:focus {
    color: #ffffff;
    background-color: transparent;
    border: none;
    border-bottom: #bfd530 solid 2px;
    outline: 0;
    box-shadow: none;
}

.card-body { padding: 30px; }

.card.light-grey { background-color: rgba(var(--t2h-light-rgb),.7); }


.card-header .input-group-text {
    border: none;
}


/***** card in a card *****/

.card .card-body .card { border-radius: 0; border: none; background-color: #f9f9f3; box-shadow: none;  }


/* form */
.form-control { border-radius: 0; /*font-size: .85rem;*/ -webkit-appearance: none;
    -moz-appearance: none; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-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;*/ }

label { display: block; color: #7b8897; }

.input-group > .custom-select { border-radius: 0; }
select.form-control { border-radius: 0; -webkit-appearance: none; }

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url(/admin/images/sort.svg);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 9px;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.form-control.date {
	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url(/admin/images/calendar-alt.svg);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 11px;
}


textarea.form-control { border: 1px solid #d7dee4; border-radius: 0; padding: 10px; }
label + textarea.form-control { margin-top: 0; }

legend { color: var(--t2h-dark-green); }



.page_template option, .page_template option:checked, .page_template option:first-child { text-transform:capitalize !important; }

.select-input, .entry { margin-bottom: 10px; }

.charCount { background-color: #b2c516; color: #ffffff; font-size: 12px; line-height: 12px; font-weight: 700; position: absolute; top: -20px; right:0; z-index: 100; height: 20px; padding: 4px 5px; }
.charCount.overmax { background-color: rgba(199,31,34,1.00); }

/**** custom controls ****/

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #b2c516;
    background-color: #b2c516;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    line-height: 24px;
}

/***** nice select *****/

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 30px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}


.input-group-append .nice-select { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; display: flex; justify-content: center; line-height: normal; align-content: center; align-items: center; }
.input-group-append .nice-select span { height: auto; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ececec;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ececec;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ececec;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ececec;
}
::placeholder { 
  color: #ececec;
}



/* list group */

.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: inherit;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa;
}

.btn-close { position: absolute; border: none; top: 50%; right: 10px; transform: translateY(-50%)}


.form-control.big-text-underline { position: relative; font-size: 24px; border-top: none; border-right: none; border-left: none; padding-left: 0; margin-bottom: 30px; }
.form-control.big-text-underline:before { content: 'EDIT'; display: block; font-size: 9px; position: absolute; height: 15px; width: 30px; top:0; left: 0; }


/**** notes ****/


.note-date { position: relative; margin-bottom: 10px; }
.date { text-transform: uppercase;  }
.note .btn-close { right: 0; }

.note .date { text-transform: uppercase; color: #bfd530; font-size: 12px; font-weight: 700;  }
	
.btn-close { position: absolute; border: none; top: 0; right: 10px; transform: none; }
	
/*.note .btn-close i { color: #ffffff !important; }*/

.note {  margin-bottom: 0; padding-left: 50px !important; border-left: none; border-right: none; }
	
	.note:before { content: '\f05a'; 
		font-family: 'Font Awesome 5 Pro', FontAwesome !important; display: flex; 
		font-weight: 300;
		justify-content: center; 
		align-content: center;
		align-items: center;
		position: absolute; 
		width: 40px;
		height: 100%;
		top: 0; 
		left: 0;  
		padding: .375rem .60rem;
    	font-size: 1.5rem;
    	line-height: 1.5; 
		color: #878c84; 
	}
	
	.note_walk_in:before { content: '\f554'; color: #af471e; }
	.note_email:before { content: '\f658'; color: #0d798c; }
	.note_phone_call:before { content: '\f3cd'; color: #6b8715; }
	.note_general:before { content: '\f05a'; color: #a7ad96; }
	
	.note-date { margin-bottom: 0; }
	
	.note small { color: #a7ad96 }
	.note small span { text-transform: uppercase;  }


/**** form-submissions ****/

.form-submission { padding-left: 50px; }
.form-submissions p { margin-bottom: 0; }
	
.list-group-item {  margin-bottom: 0; border-left: none; border-right: none; }
.list-group-item .date { text-transform: uppercase; color: #bfd530; font-size: 12px; font-weight: 700;  }
.list-group-item small { color: #a7ad96 }
.list-group-item small span { text-transform: uppercase;  }

.list-group-item.info:before { content: '\f05a'; 
		font-family: 'Font Awesome 5 Pro', FontAwesome !important; display: flex; 
		font-weight: 300;
		justify-content: center; 
		align-content: center;
		align-items: center;
		position: absolute; 
		width: 40px;
		height: 100%;
		top: 0; 
		left: 0;  
		padding: .375rem .60rem;
    	font-size: 1.5rem;
    	line-height: 1.5; 
		color: #878c84; 
	}




/******** categories ********/

.color-swatch { display: block; position: relative; width: 100%; height: 100%; min-height: 20px; background-color: #ccc; }


/******** sales status colors *********/

.for_sale { color: #699C0B }
.under_contract { color: #DE9F08 }
.closed { color: #C70306 }
.developer_hold { color: #777777 }
.for_sale_under_construction { color: #699C0B }
.model { color: #144767 }
.unreleased { color: #777777 }

.lot_number { background-color: #bfd530; color: #ffffff; padding: 4px 8px; font-size: 14px; border-radius: 4px; font-weight: 700; }
.lot_number.for_sale { background-color: #699C0B; }
.lot_number.under_contract { background-color: #DE9F08; }
.lot_number.closed { background-color: #C70306; }
.lot_number.developer_hold { background-color: #777777; }
.lot_number.for_sale_under_construction { background-color: #699C0B; }
.lot_number.model { background-color: #144767; }
.lot_number.unreleased { background-color: #777777; }

h1 .lot_number { font-size: 24px; }

.badge.for_sale { background-color: #699C0B; color: #fff; }
.badge.under_contract { background-color: #DE9F08; color: #fff; }
.badge.closed { background-color: #C70306; color: #fff; }
.badge.developer_hold { background-color: #777777; color: #fff; }
.badge.for_sale_under_construction { background-color: #699C0B; color: #fff; }

.insertForm .input-group-text.lot_number { font-size: 24px; padding-left: 15px; padding-right: 15px; }

 .lot_number label { margin-right: 8px; margin-bottom: 0; margin-top: 0; color: #fff; font-size: 15px; }
        .lot_number label + .form-control { margin-top: 0; color: var(--t2h-text-color); }
         .input-group-text.lot_number .form-control {
            border-right: none !important;
             border-top: none; 
             border-bottom: none;
        }
        .lot_number .nice_select { color: var(--t2h-text-color);}
        
        .lot_number .form-control {
            -webkit-tap-highlight-color: transparent;
            background-color: #fff;
            border-radius: 4px;
            border: solid 1px #e8e8e8;
           color: var(--t2h-text-color);
            font-family: inherit;
            font-size: 14px;
            font-weight: normal;
            height: 32px;
            line-height: 30px;
            outline: none;
            padding-left: 18px;
            padding-right: 30px;
            position: relative;
            text-align: left !important;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap;
            width: auto;
        }

.card-header .lot_number,
.card-header .input-group { color: var(--t2h-default-text-color);}

/*********** contacts and users ************/

.lead-name {
	margin-bottom: 5px !important;
}
.btn-save { margin: 0; }
	
	.card { background-color: #ffffff; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); }
	
	.card-header { background-color: var(--t2h-dark-bg); color: #fff; padding: 12px 20px; font-size: 16px; }
	.card-header h2, .card-header p { color: #fff; }
	label { color: var(--t2h-dark-bg); font-size: 12px; }
	.form-control {
		display: block;
		width: 100%;
		height: calc(1.5em + .75rem + 2px);
		padding: .375rem .2rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		background-color: transparent;
		background-clip: padding-box;
		border: none;
		border-bottom: 1px solid #d7dee4;
		border-radius: 0;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	
	.form-control:focus {
		color: #495057;
		background-color: transparent;
		border: none;
		border-bottom: #bfd530 solid 2px;
		outline: 0;
		box-shadow: none;
	}
	
	.custom-select:focus {
			border: none;
			border-bottom: #bfd530 solid 2px;
			outline: 0;
			box-shadow: none;
		}
	
	::-moz-selection { background: rgba(191,213,48,.3); }
	::selection { background:rgba(191,213,48,.3); }
	
	label + .form-control { margin-top: -10px; }
	
	.card.bg-light-grey label + .form-control { margin-top: 0; }



.input-group .form-control { border-top: none; padding-left: 8px;  }
.input-group .form-control:last-child { border-right: none; } 

.input-group-text { border-radius: 0; }


/**** list nav ****/

.list-nav { margin-bottom: 0; }
.list-nav > li { padding: 8px 8px; }
.list-nav .pagination { margin-bottom: 0; margin-top: 0; }
.list-nav > li i { font-size: 100%; }

/**** modal ****/

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 700px;
		margin: 1.75rem auto;
	}
}


.modal-header { background-color: var(--t2h-dark-bg); border-radius: 0; color: #ffffff; }
.modal-title { color: #ffffff; }

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
}

/* all tables */
th:focus { outline: none; }
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f5f6f7;
}
.table td { vertical-align: middle; }



/* list-table */
.list-table th, .listtable th { font-size: 12px; }
.listTable td .add_a_page { margin-right: 15px; }
.listTable td.subcat { padding-left: 37px; }

.listTable .badge { padding: .4em .8em; line-height: 14px; }

/* filetable */
.fileTable td { vertical-align: middle; }
.fileTable .thumbs img { max-width: 100px; } 
.fileTable .thumbs { width: 100px; text-align: right; }
.fileTable strong { display: block; }
.fileTable .thumbs img { max-height: 50px; }

.custom-select { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;}
.list-nav .custom-select { font-size: .75rem; }

.copied { position: relative; }
.copied::before { content: 'Copied!'; position: absolute; display: block; left: -60px; font-size: 11px; text-transform: uppercase; background-color: #cadb60; color: #fff; padding: 2px 6px; border-radius: 3px; }



/******** categories ********/

.color-swatch { display: block; position: relative; width: 100%; height: 100%; min-height: 20px; background-color: #ccc; }


/********* tablesorter *********/



@-o-keyframes fadeIt {
  /*0%   { background-color: #FFFFFF; }*/
  0%  { background-color: #cadb60; }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
  /*0%   { background-color: #FFFFFF; }*/
  0%  { background-color: #cadb60; }
  100% { background-color: #FFFFFF; }
}

.highlight{    
    background-image:none !important; 
         -o-animation: fadeIt 3s ease-in-out; 
            animation: fadeIt 3s ease-in-out; 
}


/* ----------------------------------------------------------------
	Tabs
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
	Pills
-----------------------------------------------------------------*/


.nav-pills { border-bottom: #ddd solid 1px; }

.nav-pills .nav-link {
	border-radius: 0;
	color: inherit;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #b2c516;
    background-color: transparent;
	border-bottom: #b2c516 solid 2px;
}




/* pages */

.list-view { margin: 0; margin-left: 0; }
.list-view a { color: var(--t2h-dark-grey); outline: none; font-size: 14px; }
.list-view a:hover { text-decoration: none; color: #b2c516; }
.list-view ul { margin: 0; padding: 0; }
.list-view ul li { display: block; clear: both; list-style: none; border:#ccc solid 1px; border-left: none; border-right: none; border-bottom: none; padding: 5px 0; }
.list-view ul li a { display:inline-block; list-style: none; padding: 8px; line-height:30px; }
.list-view ul li a:active, .list-view ul li a:focus { text-decoration: none; }
.list-view ul li:last-child { list-style: none; border-bottom:#ccc solid 1px;  }
/*.list-view ul li ul { margin-left: 20px; }*/

.list-view ul li:hover { border-bottom: #b2c516 solid 1px; }    

.list-view ul li > ul li { padding-left: 37px !important; border-left: none; border-right: none; border: none; }
.list-view ul li > ul li:last-child {  border-bottom: none; }
.list-view ul li > ul li a { color: #65707c; border:none; padding-top: 4px; padding-bottom: 4px; line-height: 15px; }
.list-view ul li > ul li:nth-of-type(odd) { background-color: #f9f9f9; }
.list-view .fa-folder, .list-view .fa-file { margin-right: 5px; }

.list-view .page-name { padding-left: 0; padding-right: 0; }

.list-view .page-name.collapsed .open-close-caret .fa { transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.list-view .page-name .open-close-caret .fa { transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.list-view .page-name.new { font-weight: 700; }

.icon-cell.add_a_page i { font-size: 13px; }

.editButtons a:first-child { border-left: #ccc solid 1px; padding-left: 15px !important; }
.icon-cell { color: #b2c516 !important; font-size: 18px; }
.icon-cell:hover { color: #cadb60 !important; }
.open-close-caret { display: inline-block; width: 10px; }
.open-close-caret i { color: #b2c516; }

.open-close-caret .fa-caret-down { margin-left: -2px; }

.onOffButton { outline: none; position:relative; }
.onOffButton:before {  position:relative;  font-family: 'Font Awesome 5 Pro', FontAwesome; top: 0; left:0; content: "\f204"; }

.on:before { content: "\f205"; }
.title { margin-bottom: 30px; }
.privateButton { outline: none; position:relative; }
.privateButton:before { position:relative; font-family: 'Font Awesome 5 Pro', FontAwesome; top: 0; left:0; content: "\f09c"; }
.privateButton.on:before { content: "\f023"; color: #9C0002; }

.roleList .onOffButton { margin-right: 20px; }

.list-view > ul .date_column {
	display: inline-block;
    list-style: none;
    padding: 8px;
    line-height: 30px;
}
	  
.list-view ul li  ul .date_column {
	display: inline-block;
    list-style: none;
    padding: 0;
    line-height: inherit;
	padding-right: 8px;
}


/*************** popover **************/
.popover {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  background-color: var(--t2h-dark-grey);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
padding: 8px;
  line-break: auto;
  color: #fff;
}

.popover .popover-body a { color: #fff; margin:0 0 8px 0; padding: 0 !important; display: block; }
.popover .popover-body a:hover { color: #cadb60 }

.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before {
    border-right-color: var(--t2h-dark-grey);
}

.bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after {
    border-right-color: var(--t2h-dark-grey);

}

.addPageLink { display: block; color: #ffffff; }
.addPageLink:hover { }


/* form */
.tab-pane { padding-top: 30px; }

.buttonGroup { text-align: center; margin: 10px 0 10px 0; padding: 10px 0 20px 0; font-size:12px; text-decoration:none; clear:both; border-top: #d9d9d9 solid 1px; }	

.button-row { margin-bottom: 20px; }
fieldset { margin-bottom: 20px; }

/*.saving {  display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; color: #b2c516; display:none; }
.saved {  display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; color: #b2c516; display:none; }*/

/* saving */

.btn-save { text-align: center; margin-top: 0; }

.saving:after {
	position:relative;
	font-family: 'Font Awesome 5 Pro', FontAwesome !important;
	content: "\f021";/* f021 */
	display: inline-block !important;
	margin-left: 10px;
	color: #d3e91a;
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite;
}


.spinner { display: block; width: 30px; height: 30px; }
.spinner::after {
	position:relative;
	font-family: 'Font Awesome 5 Pro', FontAwesome !important;
    font-size: 30px;
	content: "\f021";/* f021 */
	display: block !important;
	margin-left: 0;
	color: #d3e91a;
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite;
}


@keyframes fa-spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}





.saved:after {
	position:relative;
	font-family: 'Font Awesome 5 Pro', FontAwesome !important;
	content: "\f00c";
	display: inline-block !important; 
	margin-left: 10px;
	color: #b2c516;
}



/*********** .sortable *************/

.sortable li:hover { cursor:move; }
.sortable tbody tr:hover > td { cursor:move; }
.fileTable tbody tr:hover {cursor:move; }
ul.sortable { margin: 0; padding: 0; }
.sortable li { list-style: none; padding: 5px 0; }

.connectedSortable { padding: 10px;  min-height: 50px; }
.connectedSortable li { padding: 5px; background-color: rgba(223,223,223,.2); margin: 2px; }

.droparea { background-color: #EBFEDA; height: 20px; display: block; width: 100%; }

.page_modules { background-color: #F1F1F1; padding: 7px !important; }
.page_modules li { background-color: #b2c516; color: #ffffff; }

.page_modules i { line-height: 1.5; }
.page_modules a, .page_modules i, .page_modules a i { color: rgba(255,255,255,.6); line-height: 1.5; }




/***************** file upload *******************/

.fileUploadPage {  }
.fileUploadPage .well { text-align:left; margin: 30px; background-color: #fff; }
.fileUploadPage .well h1, .fileUploadPage .well h2, .fileUploadPage .well h3 { text-align: left; }
.fileUploadPage .fileUploadForm { width: 600px; margin: 0 auto; }
.fileUploadPage .fileUploadForm h2 span { font-size: 80% !important; display:block; color:#999; line-height: 14px; padding-top: 0; margin-top: 0; }
.fileUploadForm .buttonGroup { padding-top: 30px; }
			
		
body.loading {	overflow: hidden;	}
	
	.loadingOverlayPercentage {
				display:    none;
				position:   fixed;
				z-index:    1000;
				top:        0;
				left:       0;
				height:     100%;
				width:      100%;
				background: rgba( 0, 0, 0, .8 ) 
							50% 50% 
							no-repeat;
	}
			
			/* Anytime the body has the loading class, our
			   modal element will be visible */
	body.loading .loadingOverlay, body.loading .loadingOverlayPercentage {
		display: block;
	}
	
	
	.progress { position:absolute; top: 50%; left:50%; margin-left: -200px; margin-top: -10px; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; z-index: 1000; }
		.bar { background-color: #b1c639; width:0%; height:20px; border-radius: 3px; }
		.percent { position:absolute; display:inline-block; top:0; left:48%; }
	

/**************** loading-overlay *****************/

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}
		
		.loading-overlay .loading-outer {
			width: 300px;
			height: 200px;
			margin: -50px auto 0 -150px;
			position: absolute;
			top: 50%;
			left: 50%;
		}
		
		.loading-overlay .loading-inner { text-align: center; color: #fff !important; }
		/*.loading-overlay .loading-inner div.spinner { width: 48px; height:48px; background-image:url("/admin/images/spinner.svg"); background-repeat:no-repeat; margin: 0 auto 20px auto;}*/
		.loading-overlay .loading-inner img { margin-bottom: 20px; }
		.loading-overlay .loading-inner h5 {
			font-size:24px; color:#fff;
			text-align: center;
		}
		
.loading-overlay::after {
	position:relative;
	font-family: 'Font Awesome 5 Pro', FontAwesome !important;
    font-size: 50px;
    line-height: 50px;
	content: "\f1ce";
	color: #d3e91a;
	-webkit-animation: fa-spin 1s linear infinite;
	animation: fa-spin 1s linear infinite;
    display: block; width: 50px; height: 50px;
    
    text-align: center;
}


@keyframes fa-spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}


/*********************** multi-file uploader ****************************/


div.uploader {
	background-color: #ededed;
	border: none /*1px solid #CCCCCC*/ ;
	min-height: 100px ;
	width: 100% ;
	padding: 40px;
}

div.uploader a {
	display: block ;
	height: auto ;
	text-align: center ;
	text-decoration: none ;
}

div.uploader span.label {
	display: block ;
	padding: 27px 0px 0px 0px ;
	text-decoration: underline ;
}


div.uploader span.standby {
	color: #999999 ;
	display: block ;
	padding: 12px 0px 0px 0px ;
}

div.uploader span.progress {
	color: #999999 ;
	display: none ;
	min-height: 50px;
	padding: 12px 0px 0px 0px ;
}

div.uploader.uploading span.standby {
	display: none ;
}

div.uploader.uploading span.progress {
	display: block ;
}

ul.uploads {
	list-style-type: none ;
	margin: 20px 0 0 0 ;
	padding: 0 ;
	width: 100% ;
}

ul.uploads:after {
	clear: both ;
	content: "" ;
	display: block ;
	height: 0px ;
}

ul.uploads li {
	background-color: #f2f2f2 ;
	border: none ;
	border-radius: 0 ;
	float: left ;
	height: 200px ;
	margin: 10px 10px 0px 0px ;
	width: 150px ;
	display: flex;
	justify-content: center; 
	padding: 10px;
	position: relative;
	flex-direction: column;
	align-content: center;
}


ul.uploads li:after {
	content: '\f7a4';
	font-family:  'Font Awesome 5 Pro', FontAwesome;
	font-weight: 700;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	background-color: #cdcdcd;
	height: 20px;
	width: 100%;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	top: auto;
}


ul.uploads li small {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.uploads a.doc-icon {
	border-radius: 0 ;
	display: block;
	margin: 0px auto 0px auto ;
	max-height: 130px ;
	max-width: 130px ;
	background-color: transparent; /*#eaeaea*/
}




ul.uploads img, ul.uploads a img {
	border-radius: 0 ;
	display: flex ;
	margin: 0px auto 0px auto ;
	max-height: 130px ;
	max-width: 130px ;
	object-fit: contain;
}

/************** jeff added below ***************/

div.progress {
    display: -ms-flexbox;
    display: none;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #a3a5a7;
    border-radius: .25rem;
}

.uploading div.progress { display: flex; }

div.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #b2c516;
    transition: width .6s ease;
}

.theDocName { font-size: 12px; line-height: 12px; }

.delete_btn { display: flex; justify-content: center; position: absolute; top: -5px; right: -5px; background-color: #a1b533; border-radius: 50%; padding: 0; color: #ffffff !important; width: 22px !important; height: 22px !important; line-height: 22px; text-align: center; z-index: 1000; }
.delete_btn:hover { cursor: pointer; }
.delete_btn i { color: #ffffff !important; font-size: 14px; line-height: 22px; }

.pdf img,
.zip img,
.mp4 img,
.avi img,
.mpg img,
.mpeg img,
.ogg img,
.qt img,
.mov img,
.mp3 img,
.ppt img,
.doc img,
.docx img,
.eps img { display: none !important; }

.pdf:after,
.zip:after,
.mp4:after,
.avi:after,
.mpg:after,
.mpeg:after,
.ogg:after,
.qt:after,
.mov:after,
.mp3:after,
.ppt:after,
.doc:after,
.docx:after,
.eps:after {content: '\f15b'; font-family: 'Font Awesome 5 Pro', FontAwesome; font-size: 30px; font-weight: 300; }

.pdf:after {content: '\f1c1'; }
.zip:after {content: '\f1c6'; }
.mp4:after {content: '\f1c8'; }
.avi:after {content: '\f1c8'; }
.mpg:after, .mpeg:after, .ogg:after, .qt:after, .mov:after {content: '\f1c8'; }
.mp3:after {content: '\f1c7'; }
.ppt:after {content: '\f1c4'; }
.doc:after, .docx:after {content: '\f1c2'; }
.eps:after {content: '\f1c4'; }


.crop-buttons .btn-group .btn { height: 30px; }


/*********************** / multi-file uploader ****************************/


/**************** callout *******************/

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}




/*
 * Main content

lighter #f5f4f3
light var(--t2h-light-bg)
 */

.main-window {
	padding: 40px 40px 80px 40px;
	background-color: var(--t2h-light-bg);
	height: 100%;
}


@media (min-width: 768px) {
  .main {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  border-radius: 50%;
}




/*********** login *************/



#loginBox {
	width: 340px;
	min-height: 200px;
	margin: 50px auto;
	padding: 30px;
	background-color: #FFFFFF;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;
	 -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	 z-index: 220;
}