:root {
  --moonlight-25: #FEFCFB;
  --moonlight-50: #FCFAF7;
  --moonlight-100: #FBF9F5;
  --moonlight-200: #F9F7F0;
  --moonlight-300: #F7F3EA;
  --moonlight-400: #F5F1E5;
  --moonlight-500: #F3EDDF;
  --moonlight-600: #DDD8CB;
  --moonlight-700: #ADA89E;
  --moonlight-800: #86827B;
  --moonlight-900: #66645E;
  --moonlight-950: #4A4944;
  --moonlight: var(--moonlight-500);

  --midnight-25: #FCFCFC;
  --midnight-50: #F2F2F2;
  --midnight-100: #D9D9D9;
  --midnight-200: #A6A6A6;
  --midnight-300: #7d7d7d;
  --midnight-400: #646464;
  --midnight-500: #3d3d3d;
  --midnight-600: #383838;
  --midnight-700: #2b2b2b;
  --midnight-800: #222222;
  --midnight-900: #1a1a1a;
  --midnight-950: #121212;
  --midnight: var(--midnight-500);

  --ocean-swell-25: #E9EBF8;
  --ocean-swell-50: #f2f7f8;
  --ocean-swell-100: #d7e6ea;
  --ocean-swell-200: #c3d9e0;
  --ocean-swell-300: #a8c8d1;
  --ocean-swell-400: #97bdc9;
  --ocean-swell-500: #7dadbb;
  --ocean-swell-600: #729daa;
  --ocean-swell-700: #597b85;
  --ocean-swell-800: #455f67;
  --ocean-swell-900: #35494f;
  --ocean-swell-950: #233034;
  --ocean-swell: var(--ocean-swell-500);

  --olive-25: #e9ebf8;
  --olive-50: #f1f1e8;
  --olive-100: #d5d4b7;
  --olive-200: #c0bf94;
  --olive-300: #a3a164;
  --olive-400: #918f45;
  --olive-500: #767317;
  --olive-600: #6b6915;
  --olive-700: #545210;
  --olive-800: #413f0d;
  --olive-900: #32300a;
  --olive-950: #222107;
  --olive: var(--olive-500);

  --sunlight-25: #FEFBF6;
  --sunlight-50: #fdf5e6;
  --sunlight-100: #f8dfb0;
  --sunlight-200: #f4cf8a;
  --sunlight-300: #f0b954;
  --sunlight-400: #edac33;
  --sunlight-500: #e89700;
  --sunlight-600: #d38900;
  --sunlight-700: #a56b00;
  --sunlight-800: #805300;
  --sunlight-900: #613f00;
  --sunlight-950: #472E00;
  --sunlight: var(--sunlight-500);

  --roots-25: #FAF7F4;
  --roots-50: #f4ece6;
  --roots-100: #dbc5b0;
  --roots-200: #caa98a;
  --roots-300: #b28254;
  --roots-400: #a36a33;
  --roots-500: #8c4500;
  --roots-600: #7f3f00;
  --roots-700: #633100;
  --roots-800: #4d2600;
  --roots-900: #3b1d00;
  --roots-950: #2e1700;
  --roots: var(--roots-500);

  --heart-25: #FFFAFB;
  --heart-50: #fef5f6;
  --heart-100: #fde0e4;
  --heart-200: #fcd1d7;
  --heart-300: #fbbbc5;
  --heart-400: #faaeba;
  --heart-500: #f99aa9;
  --heart-600: #e38c9a;
  --heart-700: #b16d78;
  --heart-800: #89555d;
  --heart-900: #694147;
  --heart-950: #42292d;
  --heart: var(--heart-500);
}

a {
	text-decoration: underline;
}

@font-face {
  font-family: "roughwell";
  src: url("https://flowappspublicprod01.blob.core.windows.net/assets/static/Roughwell.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Generation1970Light";
  src: url("https://flowappspublicprod01.blob.core.windows.net/assets/static/Generation_1970_Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

header {
	display: flex;
	align-items: center;
  height: 40px !important;
  padding: 12px 0 12px 20px !important;
	background-color: var(--moonlight) !important;
}

div#header-right-top {
  display: none;
}

div#header-left-section {
  width: 100%;
	display: flex;
	justify-content: center !important;
  text-align: center;
}

div#header-right-section {
	display: none !important;
}

#section-below-header {
	display: none !important;
}

body, body.olemenubody {
	margin-left: 0px !important;
}

#rentcafe_onlineleasing,
#content-wrapper,
#main-section {
	padding-top: 0px !important;
  background-color: var(--moonlight) !important;
}

#monthly_charges2 {
	background-color: var(--moonlight) !important;
	border: 2px solid var(--midnight) !important;
	border-radius: 5px !important;
	padding: 24px;
}

#monthly_charges2 > div > div:first-child {
	display: none !important;
}

#monthly_charges_ct2 {
	display: none !important;
}

#monthly_charges2 #btnStartApplication {
	padding: 16px;
	font-size: 20px;
}

#help-widget {
	display: none !important;
}

#workflowStepsWrap {
  display: none !important;
}

#logo-container a img {
	max-height: 26px !important;
	background-color: transparent !important;
	padding: 0 !important;
}

legend,
.fp-card {
  border-radius: 5px !important;
  background-color: var(--moonlight-300) !important;
}

input {
  border-radius: 5px !important;
  background-color: var(--moonlight-300) !important;
  border: 2px solid var(--midnight) !important;
}

a, a:hover, a:active, a:visited {
	outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; 
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: var(--midnight) !important;
}

h1, h1 > span, h2, h2 > span {
	line-height: 150% !important;
	font-family: "roughwell", sans-serif !important;
}

h3,
h4,
h5,
h6,
p,
input,
select,
label,
a,
button,
textarea,
body,
div {
	line-height: 125% !important;
  font-family: "Poppins", sans-serif !important;
}

.text-success {
	color: var(--olive) !important;
}

.b-b {
	border-color: var(--moonlight-600) !important;
}

.modal-dialog {
	overflow: hidden;
  border-radius: 5px;
}

.modal-dialog, .modal-header, .modal-body, .modal-footer {
	background-color: var(--moonlight) !important;
}

.modal-header {
	padding-bottom: 0px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-bottom: none !important; /*1px solid var(--moonlight-600) !important;*/
}

.modal-header * {
	font-family: "roughwell", sans-serif !important;
}

.modal-footer {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border-top: none !important; /*1px solid var(--moonlight-600) !important;*/
}

.lease-card-inner .viewquotesheet a, a {
	color: var(--midnight) !important;
}

div[id*="OLEInnerWrapper"]>.row-fluid:not(#OLEInnerContainer) {
  display: none !important;
}

#lease_info_panel h1 {
	text-align: center !important;
	padding-bottom: 12px !important;
}

#lease_info_panel ul {
	text-align: center !important;
	font-size: 14px !important;
	line-height: 20px !important;
}	

#lease_info_panel div[class*="row-bs3 unit_info m-l-none m-r-none"] ul li:first-child {
	display: none !important;
}	

.btn, .btn-success, .btn-apply, .btn-block, .ui-slider-handle, .ui-slider-horizontal .ui-slider-handle {
  color: var(--moonlight) !important;
  background-color: var(--midnight) !important;
	outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; 
	border-radius: 5px !important;
  overflow: hidden !important;
	background-image: unset !important;
}

.btn:hover, .btn-success:hover, .btn-apply:hover, .btn-block:hover, .ui-slider-handle:hover, .ui-slider-horizontal:hover .ui-slider-handle:hover {
  color: var(--moonlight) !important;
  background-color: var(--midnight-700) !important;
	outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; 
	border-radius: 5px !important;
  overflow: hidden !important;
	background-image: unset !important;
}

.btn i, .btn-success i, .btn-apply i, .btn-block i {
	color: var(--moonlight) !important;
  background-color: var(--midnight) !important;
}

.btn:hover i, .btn-success:hover i, .btn-apply:hover i, .btn-block:hover i {
	color: var(--moonlight) !important;
  background-color: var(--midnight) !important;
}

.btn-secondary, .btn-secondary:hover {
	color: var(--midnight) !important;
  background-color: var(--moonlight) !important;
	border: 2px solid var(--midnight) !important;
	border-radius: 5px;
}

.btn-secondary i, .btn-secondary:hover i {
  color: var(--midnight) !important;
  background-color: var(--moonlight) !important;
}

.btn.btn-fancy-md:before {
	border: unset !important;
}

.ui-slider-handle {
	border-radius: 5px !important;
	overflow: hidden !important;
}

.lease-card .face, .well, #BVFlipCard .lease-card .promoted {
	background-color: var(--moonlight-300) !important;
	border: 2px solid var(--midnight) !important;
	border-radius: 5px !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; 
}

.lease-price, .text-blue, .qs_tp, i {
	color: var(--midnight) !important;
}

#ChangeFP {
	display: none !important;
}

select, input, textarea {
  background-color: var(--moonlight-400) !important;
  color: var(--midnight) !important;
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; 
}

hr {
  border-color: var(--moonlight-500);
}

#calendar_btn {
  display: none !important;
}

.ui-widget-content {
	background-color: var(--moonlight-300) !important;
}

.prepend-icon-money:before {
	display: none !important;
}

.lease-price {
	margin-bottom: 16px;
	font-family: "Generation1970Light", "Poppins", sans-serif !important;
}

.lease-price span {
	font-family: "Generation1970Light", "Poppins", sans-serif !important;
}

.lease-price .superscript {
	font-size: 32px !important;
	font-family: "Poppins", sans-serif !important;
  position: unset !important;
  top: unset !important;
  margin-left: unset !important;
}

.b-lightgray {
	border-color: var(--moonlight-600) !important; 
}

#ResGuestCardRentalOptions {
	margin-bottom: 0px;
}

#ResGuestCardRentalOptions > div[class*="row-bs3"]:nth-child(2) {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 40px !important;
}

#ResGuestCardRentalOptions > div[class*="row-bs3"] > div[class*="action_btns"] > div {
	padding-top: 0px !important;
}

#ResGuestCardRentalOptions > div[class*="row-bs3"] > div[class*="col-md-4"] {
	display: none !important;
}

label[for="MoveInDate"], input[id="MoveInDate"] {
	display: none !important;
}

#section-above-footer {
	display: none !important;
}

footer {
	margin-top: 16px !important;
	padding-bottom: 40px !important;
  background-color: transparent !important;
  height: auto !important;
  text-align: center;
	font-size: 14px !important;
  line-height: 20px !important;
	padding-top: 0px !important;
}

#footer-middle {
	display: none !important;
}

footer address * {
	display: unset !important;
}

address#address {
	margin-bottom: 20px !important;
}

address#address a {
	display: block !important;
}

#addressBlockPhoneNumber {
	margin-top: 0px !important;
}

#ehlicon {
	display: none !important;
}

.ui-state-active {
	background-color: var(--ocean-swell) !important;
}

div.card-header h2 {
	border-bottom: 1px solid var(--moonlight-600) !important;
}

.promoted .card-header h2 {
	margin: 15px 20px 20px 20px;
  padding: 0 0 10px 0;
}

.ApplicantInfoSection legend, .ApplicantInfoSection h2, legend button[class*="accordion-trigger"], legend button[class*="accordion-trigger"]:hover {
	background-color: var(--moonlight-300) !important;
	color: var(--midnight) !important;
	font-family: "roughwell", sans-serif !important;
	outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; 
}

.alert-info, alert-success, .alert-warning {
	background-color: var(--ocean-swell) !important;
	color: var(--moonlight) !important;
	border: none !important;
}

.alert-info, alert-success, .alert-warning > * {
	color: var(--moonlight) !important;
	outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important; 
}

/*
.alert-warning {
	background-color: var(--sunlight) !important;
	color: var(--midnight) !important;
	border: none !important;
}
*/

#mainformcontainer {
	margin-top: 20px !important;
}

#applicantforgotpassword_ReCaptchagrecaptchabadge {
	margin-top: 14px !important; 
	margin-bottom: 20px !important;
}

#CustomSetupDisplayAddendumsDiv div > div > div[class*="col-xs-12"] {
	width: 100% !important;
}

#CustomSetupDisplayAddendumsDiv div > div > div > div[class*="row-fluid"] {
	display: flex;
	align-items: center;
}

#CustomSetupDisplayAddendumsDiv div > div > div > div div[class*="documentactions"] {
	display: flex;
	justify-content: flex-end;
}

#ySignatureButton {
	margin-top: 10px;
}

#PaymentApplicationChargeStep1 .table-footer {
	background-color: var(--moonlight);
}

#debitcard:hover {
	background-color: var(--moonlight) !important;
}

#debitcard > div:first-child {
	padding-left: 6px;

	@media (max-width: 660px) {
		padding-left: 6px;
		padding-right: 6px;
		margin-bottom: 20px;
	}
}

#debitcard > div:nth-child(2) {
	@media (max-width: 660px) {
		padding: 0 6px;
	}
}

#debitcard > div > p > img {
	display: none !important;
}

.payment-options a, .payment-options a:hover {
	color: var(--ocean-swell-500) !important;
}