.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}
.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
	.pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
	.pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
	 .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
	.pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

/* Standalone status pages: shared legacy artwork and Bootstrap 5 compatibility. */
[data-status-page] .error-text-2 {
    text-align: center;
    font-size: 700%;
    font-weight: bold;
    font-weight: 100;
    color: #333;
    line-height: 1;
    letter-spacing: -.05em;
    background-image: -webkit-linear-gradient(92deg,#333,#ed1c24);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
[data-status-page] .particle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #ed1c24;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3) 75%,rgba(0,0,0,0));
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,.25);
}
[data-status-page] .particle--a {
    -webkit-animation: status-particle-a 1.4s infinite linear;
    -moz-animation: status-particle-a 1.4s infinite linear;
    -o-animation: status-particle-a 1.4s infinite linear;
    animation: status-particle-a 1.4s infinite linear;
}
[data-status-page] .particle--b {
    -webkit-animation: status-particle-b 1.3s infinite linear;
    -moz-animation: status-particle-b 1.3s infinite linear;
    -o-animation: status-particle-b 1.3s infinite linear;
    animation: status-particle-b 1.3s infinite linear;
    background-color: #00A300;
}
[data-status-page] .particle--c {
    -webkit-animation: status-particle-c 1.5s infinite linear;
    -moz-animation: status-particle-c 1.5s infinite linear;
    -o-animation: status-particle-c 1.5s infinite linear;
    animation: status-particle-c 1.5s infinite linear;
    background-color: #57889C;
}@-webkit-keyframes status-particle-a {
0% {
-webkit-transform: translate3D(-3rem,-3rem,0);
z-index: 1;
-webkit-animation-timing-function: ease-in-out;
} 25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
-webkit-transform: translate3D(4rem, 3rem, 0);
opacity: 1;
z-index: 1;
-webkit-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .75rem;
height: .75rem;
opacity: .5;
}

100% {
-webkit-transform: translate3D(-3rem,-3rem,0);
z-index: -1;
}
}

@-moz-keyframes status-particle-a {
0% {
-moz-transform: translate3D(-3rem,-3rem,0);
z-index: 1;
-moz-animation-timing-function: ease-in-out;
}

25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
-moz-transform: translate3D(4rem, 3rem, 0);
opacity: 1;
z-index: 1;
-moz-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .75rem;
height: .75rem;
opacity: .5;
}

100% {
-moz-transform: translate3D(-3rem,-3rem,0);
z-index: -1;
}
}

@-o-keyframes status-particle-a {
0% {
-o-transform: translate3D(-3rem,-3rem,0);
z-index: 1;
-o-animation-timing-function: ease-in-out;
}

25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
-o-transform: translate3D(4rem, 3rem, 0);
opacity: 1;
z-index: 1;
-o-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .75rem;
height: .75rem;
opacity: .5;
}

100% {
-o-transform: translate3D(-3rem,-3rem,0);
z-index: -1;
}
}

@keyframes status-particle-a {
0% {
transform: translate3D(-3rem,-3rem,0);
z-index: 1;
animation-timing-function: ease-in-out;
}

25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
transform: translate3D(4rem, 3rem, 0);
opacity: 1;
z-index: 1;
animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .75rem;
height: .75rem;
opacity: .5;
}

100% {
transform: translate3D(-3rem,-3rem,0);
z-index: -1;
}
}

@-webkit-keyframes status-particle-b {
0% {
-webkit-transform: translate3D(3rem,-3rem,0);
z-index: 1;
-webkit-animation-timing-function: ease-in-out;
}

25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
-webkit-transform: translate3D(-3rem, 3.5rem, 0);
opacity: 1;
z-index: 1;
-webkit-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
-webkit-transform: translate3D(3rem,-3rem,0);
z-index: -1;
}
}

@-moz-keyframes status-particle-b {
0% {
-moz-transform: translate3D(3rem,-3rem,0);
z-index: 1;
-moz-animation-timing-function: ease-in-out;
}

25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
-moz-transform: translate3D(-3rem, 3.5rem, 0);
opacity: 1;
z-index: 1;
-moz-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
-moz-transform: translate3D(3rem,-3rem,0);
z-index: -1;
}
}

@-o-keyframes status-particle-b {
0% {
-o-transform: translate3D(3rem,-3rem,0);
z-index: 1;
-o-animation-timing-function: ease-in-out;
}

25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
-o-transform: translate3D(-3rem, 3.5rem, 0);
opacity: 1;
z-index: 1;
-o-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
-o-transform: translate3D(3rem,-3rem,0);
z-index: -1;
}
}

@keyframes status-particle-b {
0% {
transform: translate3D(3rem,-3rem,0);
z-index: 1;
animation-timing-function: ease-in-out;
}

25% {
width: 1.5rem;
height: 1.5rem;
}

50% {
transform: translate3D(-3rem, 3.5rem, 0);
opacity: 1;
z-index: 1;
animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
transform: translate3D(3rem,-3rem,0);
z-index: -1;
}
}

@-webkit-keyframes status-particle-c {
0% {
-webkit-transform: translate3D(-1rem,-3rem,0);
z-index: 1;
-webkit-animation-timing-function: ease-in-out;
}

25% {
width: 1.3rem;
height: 1.3rem;
}

50% {
-webkit-transform: translate3D(2rem, 2.5rem, 0);
opacity: 1;
z-index: 1;
-webkit-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
-webkit-transform: translate3D(-1rem,-3rem,0);
z-index: -1;
}
}

@-moz-keyframes status-particle-c {
0% {
-moz-transform: translate3D(-1rem,-3rem,0);
z-index: 1;
-moz-animation-timing-function: ease-in-out;
}

25% {
width: 1.3rem;
height: 1.3rem;
}

50% {
-moz-transform: translate3D(2rem, 2.5rem, 0);
opacity: 1;
z-index: 1;
-moz-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
-moz-transform: translate3D(-1rem,-3rem,0);
z-index: -1;
}
}

@-o-keyframes status-particle-c {
0% {
-o-transform: translate3D(-1rem,-3rem,0);
z-index: 1;
-o-animation-timing-function: ease-in-out;
}

25% {
width: 1.3rem;
height: 1.3rem;
}

50% {
-o-transform: translate3D(2rem, 2.5rem, 0);
opacity: 1;
z-index: 1;
-o-animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
-o-transform: translate3D(-1rem,-3rem,0);
z-index: -1;
}
}

@keyframes status-particle-c {
0% {
transform: translate3D(-1rem,-3rem,0);
z-index: 1;
animation-timing-function: ease-in-out;
}

25% {
width: 1.3rem;
height: 1.3rem;
}

50% {
transform: translate3D(2rem, 2.5rem, 0);
opacity: 1;
z-index: 1;
animation-timing-function: ease-in-out;
}

55% {
z-index: -1;
}

75% {
width: .5rem;
height: .5rem;
opacity: .5;
}

100% {
transform: translate3D(-1rem,-3rem,0);
z-index: -1;
}
}

[data-status-page] {
  font: 14px/1.42857143 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}

[data-status-page="maintenance"] {
  background: #fff;
}

[data-status-page] [data-status-header] {
  display: block;
  height: 49px;
  margin: 0;
  padding: 0 13px 0 0;
  background: #3984c9;
}

[data-status-page] strong {
  font-weight: 700;
}

[data-status-page] [data-status-warning] {
  color: #8a6d3b;
}

[data-status-page] .lead {
  font-size: 19px;
  line-height: 1.4;
  margin-bottom: 20px;
}

[data-status-page] [data-status-tracking] {
  display: none;
  visibility: hidden;
}

[data-status-page] [data-maintenance-layout] {
  display: table;
  background: #fff;
}

[data-status-page] [data-maintenance-row] {
  display: table-row;
}

[data-status-page] [data-maintenance-copy],
[data-status-page] [data-maintenance-artwork] {
  display: table-cell;
  vertical-align: middle;
}

[data-status-page] [data-maintenance-copy] {
  padding: 6px 50px 2px;
}

[data-maintenance-document] {
  background: #fff;
}

@media (max-width: 767px) {
  [data-status-page] .container > .row {
    margin-inline: 0;
  }

  [data-status-page] .error-text-2 {
    font-size: clamp(30px, 8vw, 60px);
  }
}


/* Bootstrap 5 opt-in for the remaining public legacy pages. */
[data-bootstrap-page="reservation-invoice"] .title,
[data-bootstrap-page="reservation-invoice"] .invoice-print-title { font-size: 42px; font-weight: bold; }
[data-bootstrap-page="reservation-invoice"] .printer { font-size: 32px; font-weight: bold; }
[data-bootstrap-page="reservation-invoice"] .content-txt { font-size: 14px; font-weight: normal; }
[data-bootstrap-page="reservation-invoice"] .divider-dot { border-bottom: dotted 1px #bdbdbd; margin-top: 5px; margin-bottom: 10px; }
[data-bootstrap-page="reservation-invoice"] .font-bold { font-weight: bold; }
[data-bootstrap-page="reservation-invoice"] .col-no-paddings { padding-inline: 0; }
[data-bootstrap-page="reservation-invoice"] .margintop-10 { margin-top: 10px; }
[data-bootstrap-page="reservation-invoice"] .sm-input { height: 34px; font-size: 12px; padding: 5px; }
[data-bootstrap-page="reservation-invoice"] .floating-label { position: absolute; color: #898989; pointer-events: none; padding: 0 10px; top: 10px; font-size: 11px; transition: .2s ease all; }
[data-bootstrap-page="reservation-invoice"] input:focus ~ .floating-label,
[data-bootstrap-page="reservation-invoice"] input:not(:focus):valid ~ .floating-label { top: -8px; color: #424242; background-color: #f5f5f5; left: 10px; padding: 0; }
[data-bootstrap-page="reservation-invoice"] .color-red { color: #ce2835; }
[data-bootstrap-page="reservation-invoice"] .footer { display: block; width: 100%; margin: 10px auto; padding: 10px; font-size: 11px; }
[data-bootstrap-page="reservation-invoice"] .invoice-payment-total { font-size: 22px; font-weight: bold; }
[data-bootstrap-page="reservation-invoice"] .invoice-ach-terms { font-size: 10px; }
[data-bootstrap-page="reservation-invoice"] .invoice-balance-row { margin-inline: 5px; }
[data-bootstrap-page="owner-terms"] { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #333; }
[data-bootstrap-page="owner-terms"] > .container { display: flex; flex-direction: column; min-height: 100vh; }
[data-bootstrap-page="owner-terms"] > .container > .row { flex-shrink: 0; }
[data-bootstrap-page="owner-terms"] [data-owner-terms-footer] { margin-top: auto; padding-top: 20px; }
[data-bootstrap-page="owner-terms"] .title { font-size: 36px; font-weight: bold; }
[data-bootstrap-page="owner-terms"] .title-2 { font-size: 24px; font-weight: normal; padding: 10px 0; }
[data-bootstrap-page="owner-terms"] .content-txt { font-size: 16px; font-weight: normal; overflow-wrap: anywhere; }
[data-bootstrap-page="owner-terms"] .instructions { font-size: 16px; padding-top: 10px; padding-left: 10px; }
[data-bootstrap-page="owner-terms"] .margintop-10 { margin-top: 10px; }
[data-bootstrap-page="owner-terms"] .print { display: block; font-size: 36px; margin-top: 10px; color: #1e88e5; cursor: pointer; }
[data-bootstrap-page="owner-terms"] .box { position: relative; border: 1px solid #000; padding: 10px; }
[data-bootstrap-page="owner-terms"] .box-2 { display: block; width: 100%; margin: 10px auto; border-bottom: 1px solid #000; }
[data-bootstrap-page="owner-terms"] .box-3 { display: block; width: 100%; margin: 10px auto; font-size: 16px; padding: 10px 0; border-top: 1px solid #000; }
[data-bootstrap-page="owner-terms"] .sub-title { font-size: 16px; font-weight: bold; }
[data-bootstrap-page="owner-terms"] .sub-title2 { font-size: 16px; font-weight: bold; padding-top: 10px; padding-left: 10px; }
[data-bootstrap-page="owner-terms"] .color-red { color: #ce2835; }
[data-bootstrap-page="owner-terms"] .footer { display: block; width: 100%; margin: 10px auto; padding: 10px; font-size: 11px; border-top: 1px solid #000; }
[data-bootstrap-page="owner-terms"] [id="map_canvas"] { display: block; position: relative; width: 100%; height: 250px; margin-inline: auto; border: 1px solid #ddd; }
[data-bootstrap-page="owner-terms"] .tablebordered { border: 1px solid #000; }
@media screen and (max-width: 768px) {
  [data-bootstrap-page="owner-terms"] .title { font-size: 26px; }
  [data-bootstrap-page="owner-terms"] .title-2 { font-size: 16px; font-weight: bold; }
}
@media screen and (max-width: 568px) {
  [data-bootstrap-page="owner-terms"] .title { font-size: 16px; }
}
[data-bootstrap-page] { line-height: 1.42857143; }
[data-bootstrap-page] .container { --bs-gutter-x: 30px; }
[data-bootstrap-page] .row { --bs-gutter-x: 30px; }
@media (min-width: 768px) { [data-bootstrap-page] .container { max-width: 750px; } }
@media (min-width: 992px) { [data-bootstrap-page] .container { max-width: 970px; } }
@media (min-width: 1200px) { [data-bootstrap-page] .container { max-width: 1170px; } }
[data-bootstrap-page] h1 { font-size: 36px; }
[data-bootstrap-page] h2 { font-size: 30px; }
[data-bootstrap-page] h3 { font-size: 24px; }
[data-bootstrap-page] h4 { font-size: 18px; }
[data-bootstrap-page] h5 { font-size: 14px; }
[data-bootstrap-page] h6 { font-size: 12px; }
[data-bootstrap-page] h1,
[data-bootstrap-page] h2,
[data-bootstrap-page] h3 { margin-top: 20px; margin-bottom: 10px; line-height: 1.1; font-weight: 500; }
[data-bootstrap-page] .modal-title { margin: 0; line-height: 1.42857143; }
[data-bootstrap-page] .form-group { margin-bottom: 15px; }
[data-bootstrap-page] .form-horizontal .form-group { margin-inline: -15px; }
[data-bootstrap-page] .form-control { border-color: #ccc; border-radius: 4px; font-size: 14px; }
[data-bootstrap-page] .help-block { display: block; margin-top: 5px; }
[data-bootstrap-page] .modal-header { display: block; padding: 15px; }
[data-bootstrap-page] .modal-body { padding: 15px; }
[data-bootstrap-page] .modal-content { border-radius: 6px; }
[data-bootstrap-page] .modal-footer { display: block; padding: 15px; text-align: right; }
[data-bootstrap-page] .close { float: right; padding: 0; background: transparent; border: 0; font-size: 21px; font-weight: 700; line-height: 1; color: #000; opacity: .5; text-shadow: 0 1px 0 #fff; }
[data-bootstrap-page] .close:hover,
[data-bootstrap-page] .close:focus { opacity: .8; }
[data-bootstrap-page] .modal.fade.show.right .modal-dialog { transform: translate3d(0, 0, 0); }
[data-bootstrap-page] .modal-header .close { margin-top: -2px; }
[data-bootstrap-page] .list-inline { margin-left: -5px; }
[data-bootstrap-page] .list-inline > li { display: inline-block; padding-inline: 5px; }
[data-bootstrap-page] .btn-default { color: #333; background: #fff; border-color: #ccc; }
[data-bootstrap-page] .btn { font-size: 14px; line-height: 1.42857143; }
[data-bootstrap-page] .btn.blue-btn { border-radius: 4px; }
[data-bootstrap-page] p { margin-bottom: 10px; }
[data-bootstrap-page] hr { margin-block: 20px; border: 0; border-top: 1px solid #eee; opacity: 1; }
@media (min-width: 768px) { [data-bootstrap-page] .modal-dialog { max-width: 600px; margin: 30px auto; } }
[data-bootstrap-page="adminlogin"] .modal-dialog,
[data-bootstrap-page="createpassword"] .content > .modal-dialog,
[data-bootstrap-page="resetpassword"] .content > .modal-dialog { width: 300px; max-width: calc(100% - 16px); }
[data-bootstrap-page="adminlogin"] .modal-title,
[data-bootstrap-page="createpassword"] .content .modal-title,
[data-bootstrap-page="resetpassword"] .content .modal-title { font-size: 18px; text-align: center; }
[data-bootstrap-page="adminlogin"] .modal-body,
[data-bootstrap-page="createpassword"] .content .modal-body,
[data-bootstrap-page="resetpassword"] .content .modal-body { padding-top: 0; }
[data-bootstrap-page="faq"] .marketing-subtitle { font-size: 18px; }
[data-bootstrap-page="invoice"] { font: 14px/1.42857143 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; background: #fff; }
[data-bootstrap-page="invoice"] .table-sm > tbody > tr > td { padding: 5px; }
[data-bootstrap-page="invoice"] .table-striped > tbody > tr:nth-of-type(odd) { background: #f9f9f9; }
[data-bootstrap-page="invoice"] .checkbox { position: relative; display: block; margin-block: 10px; }
[data-bootstrap-page="invoice"] .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; }
[data-bootstrap-page="owners"] .modal-dialog.modal-table { max-width: none; margin: 0; }
[data-bootstrap-page="owners"] .carousel-item > [class*="col-"] { float: left; padding-inline: 15px; }
[data-bootstrap-page="owners"] .carousel-control { position: absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; border: 0; background: transparent; font-size: 30px; opacity: .5; text-align: center; text-decoration: none; outline: none; }
[data-bootstrap-page="owners"] .carousel-control:hover,
[data-bootstrap-page="owners"] .carousel-control:focus { opacity: .9; }
@media (min-width: 768px) {
  [data-bootstrap-page="owners"] .carousel-item-next:not(.carousel-item-start),
  [data-bootstrap-page="owners"] .active.carousel-item-end { transform: translateX(33.333333%); }
  [data-bootstrap-page="owners"] .carousel-item-prev:not(.carousel-item-end),
  [data-bootstrap-page="owners"] .active.carousel-item-start { transform: translateX(-33.333333%); }
}

/* Existing invoice print and layout rules, scoped to this page. */

[data-bootstrap-page="invoice"] .title {font-size:42px; font-weight:bold}
[data-bootstrap-page="invoice"] .content-txt {font-size:16px; font-weight:normal}
[data-bootstrap-page="invoice"] .sub-title {font-size:16px; font-weight:bold;}
[data-bootstrap-page="invoice"] .top5 { margin-top:5px; }
[data-bootstrap-page="invoice"] .top7 { margin-top:7px; }
[data-bootstrap-page="invoice"] .top10 { margin-top:10px; }
[data-bootstrap-page="invoice"] .top15 { margin-top:15px; }
[data-bootstrap-page="invoice"] .top17 { margin-top:17px; }
[data-bootstrap-page="invoice"] .top20 { margin-top:20px; }
[data-bootstrap-page="invoice"] .top30 { margin-top:30px; }
[data-bootstrap-page="invoice"] .title-2 {font-size:24px;padding:10px 0}
[data-bootstrap-page="invoice"] .instructions {font-size:16px; padding-top:10px;padding-left:10px}
[data-bootstrap-page="invoice"] .print {display:block;font-size:36px; margin-top:10px;color:#1E88E5; cursor:pointer}
[data-bootstrap-page="invoice"] .box {position: relative;border:1px solid #000; padding:10px}
[data-bootstrap-page="invoice"] .box-2 {display:block;width:100%;margin:10px auto;border-bottom:1px solid #000}
[data-bootstrap-page="invoice"] .box-3 {display:block;width:100%;margin:10px auto;font-size:16px;padding:10px 0;border-top:1px solid #000;}
[data-bootstrap-page="invoice"] .sub-title2 {font-size:16px; font-weight:bold;padding-top:10px;padding-left:10px}
[data-bootstrap-page="invoice"] .color-red {color:#CE2835}
[data-bootstrap-page="invoice"] .footer {display:block;width:100%;margin:10px auto; padding:10px; font-size:11px}
[data-bootstrap-page="invoice"] [data-invoice-terms] {
            position: absolute;
            bottom: 10px;
        }
[data-bootstrap-page="invoice"] [data-invoice-map] {display:block; position: relative;width:100%;height:250px; margin-left:auto; margin-right:auto;border:1px solid #ddd;}
[data-bootstrap-page="invoice"] .table-borderless tbody tr td,
[data-bootstrap-page="invoice"] .table-borderless tbody tr th,
[data-bootstrap-page="invoice"] .table-borderless thead tr th {
            border: none ;
        }
[data-bootstrap-page="invoice"] .tablebordered {
            border: 1px solid #000
        }
        @media screen and (max-width: 768px) {
[data-bootstrap-page="invoice"] .title {font-size:26px; font-weight:bold}
[data-bootstrap-page="invoice"] .title-2 {font-size:16px;font-weight:bold}
        }

        @media screen and (max-width: 568px) {
[data-bootstrap-page="invoice"] .title {font-size:16px; font-weight:bold}
[data-bootstrap-page="invoice"] .title-2 {font-size:16px;font-weight:bold}
        }


/* Maintenance no longer loads the SmartAdmin theme. */
[data-status-page="maintenance"] { color: #333; }
[data-status-page="maintenance"] [data-maintenance-logo-group] { display: inline-block; vertical-align: middle; height: 49px; }
[data-status-page="maintenance"] [data-maintenance-logo] { display: inline-block; width: 175px; margin-top: 13px; margin-left: 9px; }
[data-status-page="maintenance"] [data-maintenance-logo] img { width: 110px; height: auto; padding-left: 3px; }
[data-status-page="maintenance"] .lead { font-weight: 300; }

[data-bootstrap-page="adminlogin"] [data-auth-error] { color: #CE2835; }
[data-bootstrap-page="adminlogin"] .credi { color: #333; }
[data-bootstrap-page="faq"] [data-faq-illustration] { position: absolute; margin-top: 15px; }
[data-bootstrap-page="owners"] .slideshow-img { height: 100%; object-fit: cover; }
[data-bootstrap-page="owners"] .featured-img a .slideshow-img { width: 100%; }
[data-bootstrap-page="schedule"] { min-height: 100vh; display: flex; flex-direction: column; margin: 0; }
[data-bootstrap-page="schedule"] [data-schedule-content] { flex: 1; min-height: 0; }
[data-bootstrap-page="schedule"] .top-nav-sticky-bar { top: 80px; min-height: 30px; }
[data-bootstrap-page="schedule"] [data-small-calendar] { position: absolute; top: 100%; left: 0; width: 210px; padding: 5px 2px; background: #f5f5f5; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); z-index: 90000; }
[data-bootstrap-page="schedule"] [data-small-calendar] .datepicker-view { width: 100%; }
[data-bootstrap-page="schedule"] [data-small-calendar] .datepicker-cell { height: 54px; }
[data-bootstrap-page="schedule"] [data-schedule-calendar] { margin-bottom: 120px; }
[data-bootstrap-page="schedule"] > footer { padding: 20px 0; background: #f8f9fa; text-align: center; color: #333; }
[data-bootstrap-page="schedule"] [data-schedule-loading-note] { font-size: 14px; }
[data-bootstrap-page] .hidden { display: none; }
[data-bootstrap-page] .modal-dialog-centered { min-height: calc(100% - 60px); }

[data-bootstrap-page="adminlogin"] .content > .modal-dialog,
[data-bootstrap-page="createpassword"] .content > .modal-dialog,
[data-bootstrap-page="resetpassword"] .content > .modal-dialog { margin: 0 auto; }
[data-bootstrap-page="adminlogin"] .content .modal-content,
[data-bootstrap-page="createpassword"] .content .modal-content,
[data-bootstrap-page="resetpassword"] .content .modal-content { display: block; border: 1px solid rgb(0 0 0 / 20%); box-shadow: 0 5px 15px rgb(0 0 0 / 50%); }
[data-bootstrap-page="adminlogin"] .content .modal-header,
[data-bootstrap-page="createpassword"] .content .modal-header,
[data-bootstrap-page="resetpassword"] .content .modal-header { border-bottom: 1px solid #e5e5e5; }

/* Shared legacy dialog content still emits these Bootstrap 3 utility classes. */
[data-bootstrap-page] .btn-block { display: block; width: 100%; }
[data-bootstrap-page] .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

[data-bootstrap-page="owners"] .carousel-control:focus-visible .fa {
  border-radius: 50%;
  outline: 2px solid #2473b3;
  outline-offset: 4px;
}

/* FAQ uses native Bootstrap collapse and a footer without legacy layout scripts. */
[data-bootstrap-page="faq"] { display: flex; flex-direction: column; min-height: 100vh; }
[data-bootstrap-page="faq"] > .container:not(.footer) { flex: 1; }
[data-bootstrap-page="faq"] > .footer { flex-shrink: 0; }
[data-bootstrap-page="faq"] .marketing-subtitle > button { display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
[data-bootstrap-page="faq"] .marketing-subtitle > button:focus-visible { outline: 2px solid #2473b3; outline-offset: 3px; border-radius: 2px; }
[data-bootstrap-page="faq"] .answer { display: block; }
[data-bootstrap-page="faq"] .answer.collapse:not(.show) { display: none; }
[data-bootstrap-page="faq"] .answer.collapsing { transition: height .5s ease; }
[data-public-session] .modal-body .text-center { font-size: 16px; }
[data-public-session] .modal-footer > .btn + .btn { margin-left: 5px; }
@media (prefers-reduced-motion: reduce) {
    [data-bootstrap-page="faq"] .answer.collapsing { transition: none; }
}

[data-public-footer] a { color: #044D89; }
[data-public-footer] p { color: #222; }

/* Keep the standalone admin login footer at the bottom without script positioning. */
[data-bootstrap-page="adminlogin"],
[data-bootstrap-page="createpassword"],
[data-bootstrap-page="resetpassword"] { display: flex; flex-direction: column; min-height: 100vh; }
[data-bootstrap-page="adminlogin"] > .container:not(.footer),
[data-bootstrap-page="createpassword"] > .container:not(.footer),
[data-bootstrap-page="resetpassword"] > .container:not(.footer) { flex: 1; }
[data-bootstrap-page="adminlogin"] > .footer,
[data-bootstrap-page="createpassword"] > .footer,
[data-bootstrap-page="resetpassword"] > .footer { flex-shrink: 0; }

[data-bootstrap-page="adminlogin"] .content,
[data-bootstrap-page="createpassword"] .content,
[data-bootstrap-page="resetpassword"] .content { padding-top: min(12vh, 120px); padding-bottom: 20px; }