/*////////////////////////////////////////////////////////////////////
//////////////// GLOBAL RENTPRESS ADMIN STYLES ///////////////////////
////////////////////////////////////////////////////////////////////*/

.postbox[id^="rentpress_"] h2.hndle {
	background: url(../images/30l-square.png) no-repeat;
	background-size: contain;
	padding-left: 3.5em !important;
}

.postbox[id^="rentpress_"] {
	margin-bottom: 50px;
}

.rentpress-admin-modal a {
	color: #fff;
	cursor: pointer;
	position: fixed;
	right: 32px;
	top: 32px;
	font-size: 32px;
	transition: color 0.3s;
}

.rentpress-admin-modal a:hover {
	color: #b683e8;
}

.rentpress-admin-modal a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f057";
}

.rentpress-admin-modal {
	display: none;
	z-index: 1000000;
	background-color: #0000008c;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	animation: unitEditModalFadeIn 300ms ease 0s 1 normal forwards;
}

.rentpress-request-results {
	text-align: center;
	display: block;
	height: 1em;
}

.rentpress-modal-form-container {
	margin-left: -2.5vw;
	width: 100%;
	min-height: 100%;
	position: relative;
	animation: unitEditModalFadeIn 300ms ease 0s 1 normal forwards;
}

.rentpress-admin-modal.fade-out {
	animation: unitEditModalFadeOut 300ms ease 0s 1 normal forwards;
}

@keyframes unitEditModalFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes unitEditModalFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.rentpress-modal-form {
	padding: 0 1vw;
	max-width: 800px;
	max-height: 650px;
	background-color: #f5f5f5;
	margin: auto;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateX(50%) translateY(-50%);
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0px 0px 50px 0px #1a1a1ac2;
}

.rentpress-success {
	color: #28a745;
}

.rentpress-error {
	color: #dc3545;
}

/*////////////////////////////////////////////////////////////////////
////////////////////// TAB AND ACCORDION STYLES //////////////////////
////////////////////////////////////////////////////////////////////*/

#rentpress-expand-all {
	cursor: pointer;
	color: #ffffff;
	float: right;
	font-weight: 600;
	font-size: 16px;
}

#rentpress-expand-all:after {
	font-family: "Font Awesome 5 Free";
	content: "\f13a";
	float: right;
	margin: 0 15px 0 12px;
	font-size: 1.1em;
	transition: 0.3s;
}

.rentpress-expanded:after {
	content: "\f139" !important;
}

#rentpress-expand-all:hover:after {
	color: #b683e8;
}

.rentpress-cpt-editor-container {
	border: 1px solid #a9a9a9;
}

.rentpress-tabs {
	overflow: hidden;
	background-color: #0f1d4a;
	padding: 6px 3px;
}

div.rentpress-tab-button {
	color: #e1e1e1;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 6px 24px;
	transition: 0.3s;
	border-radius: 24px;
	margin-right: 3px;
	font-size: 14px;
	font-weight: 600;
}

/* .rentpress-tab-button:hover, */
.rentpress-tab-button.rentpress-is-active {
	background-color: #3399ff;
	color: #fff;
}

.rentpress-tab-button:hover {
	color: #fff;
}

.rentpress-tab-section {
	display: none;
	border-top: none;
	box-sizing: border-box;
}

.rentpress-accordion {
	color: #444444;
	cursor: pointer;
	padding: 18px 18px 18px 8px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.3s;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 16px;
}

.rentpress-accordion:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f078";
	float: right;
	margin-left: 5px;
}

.rentpress-accordion:first-of-type {
	border-top: 1px solid #a9a9a9;
}

.rentpress-open,
.rentpress-accordion:hover {
	background-color: #3399ff;
	color: #ffffff;
}

.rentpress-open {
	border-bottom: 1px solid #a9a9a9;
}

.rentpress-open:after {
	content: "\f077";
}

.rentpress-panel {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	border-bottom: 1px solid #a9a9a9;
	background-color: #f5f5f5;
}

.rentpress-panel:last-of-type {
	border-bottom: none !important;
}

/*////////////////////////////////////////////////////////////////////
///////////////////////// SETTING STYLES /////////////////////////////
////////////////////////////////////////////////////////////////////*/

.rentpress-settings-group {
	margin-bottom: 1em;
	display: flex;
}

.rentpress-settings-group:last-child {
	margin-bottom: 42px;
}

.rentpress-settings-title {
	font-weight: 700;
	cursor: default;
	line-height: 2em;
	min-width: 150px;
}

input.rentpress-settings-text {
	border: 1px solid #a9a9a9;
	flex: 1;
	line-height: 1;
	min-height: 2em;
	font-size: 1em;
	box-sizing: border-box;
	margin-right: 24px;
	border-radius: 4px;
	padding: 0 8px;
}

.rentpress-settings-group select {
	border: 1px solid #a9a9a9;
	box-shadow: none;
	outline: none;
	font-size: 1em;
}

.rentpress-settings-group select:focus {
	border-color: #3399ff;
	box-shadow: none;
	outline: none;
}

.rentpress-override-row {
	width: 100%;
	margin: 1em 0;
}

.rentpress-override-row::after {
	content: "";
	clear: both;
	display: table;
}

.rentpress-override-row span {
	float: right;
	margin-right: -6px;
}

.rentpress-override-row label {
	font-weight: 700;
}

input.rentpress-checkbox,
input.rentpress-override-all {
	border: 1px solid #a9a9a9;
	margin-top: 1px;
}

input:checked.rentpress-checkbox,
input.rentpress-override:focus,
input.rentpress-override-all:checked,
input.rentpress-override-all:focus,
input.rentpress-checkbox:focus {
	border: 1px solid #3399ff;
	box-shadow: none;
	outline: none;
}

.rentpress-settings-group textarea {
	border: 1px solid #a9a9a9;
	flex: 1;
	resize: none;
	margin-right: 24px;
	border-radius: 4px;
	padding: 0 8px;
}

.rentpress-range-label {
	margin-right: 0.5em;
}

input.rentpress-settings-text:focus,
.rentpress-settings-group textarea:focus {
	border: 1px solid #3399ff;
	outline: none;
	box-shadow: none;
}

input.rentpress-settings-text::placeholder,
.rentpress-settings-group textarea::placeholder {
	color: #a9a9a9;
}

.rentpress-action-button {
	padding: 1em;
	color: #ffffff;
	border-radius: 12px;
	background-color: #d4d4d4;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	transition: 0.3s;
	cursor: default;
}

.rentpress-action-button-active {
	cursor: pointer;
	background-color: #b683e8;
	transition: 0.3s;
}

.rentpress-action-button-active:hover {
	background-color: #974edf;
}

.rentpress-delete-button {
	cursor: pointer;
	background-color: #e77781;
	margin-left: 2em;
	transition: 0.3s;
}

.rentpress-delete-button:hover {
	background-color: #dc3545;
}

.rentpress-cancel-button {
	cursor: pointer;
	background-color: #ffd454;
	transition: 0.3s;
}

#rentpress-edit-unit-button-container {
	margin-top: 56px;
}

#rentpress-delete-confirmation-container {
	display: none;
}

.rentpress-cancel-button:hover {
	background-color: #ffc107;
}

.rentpress-button-container {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 42px;
}

.rentpress-delete-confirm-message {
	height: 24px;
	font-weight: 700;
	cursor: default;
	font-size: 1.25em;
	margin: 16px 0;
}

.rentpress-override-bottom {
	margin: 1em 0 0 0;
}

.rentpress-p-top {
	margin: 0 0 1em 0;
}

.rentpress-panel-heading {
	margin: 1em 0 2em 0;
}

/* new options styles */
.rentpress-settings-main h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
		Cantarell, "Helvetica Neue", sans-serif;
	color: #0f1d4a;
	font-size: 28px;
	font-weight: 400;
	border-bottom: 2px solid #cecece;
	margin: 20px 0px;
	padding: 10px 0px;
}

.rentpress-settings-main .rentpress-settings-sub-title {
	font-size: 20px;
	font-weight: 300;
	color: #333;
}

#amenity-blacklist-filter-submit,
#amenity-add-to-blacklist-submit {
	font-size: 15px;
	padding: 10px;
	height: auto;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
}

#amenity-blacklist-filter-submit {
	background-color: #0f1d4a;
}

#amenity-add-to-blacklist-submit {
	background-color: #3399ff;
}

.amenity-add-to-blacklist-wrapper {
	padding: 10px;
	background-color: #ececec;
	border: 2px solid #cecece;
}

.amenity-blacklist-filter div,
.amenity-add-to-blacklist-wrapper div {
	width: 100%;
	padding-bottom: 10px;
}

.amenity-blacklist-filter {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-end;
	padding: 10px;
	background-color: #ececec;
	border: 2px solid #cecece;
}

.rentpress-settings-main .rentpress_row label:first-child {
	font-size: 20px;
	color: #333;
}

/*radio button styles*/
.rentpress-settings-main .rentpress-radio-field-wrapper {
	position: relative;
	padding: 0 6px;
	margin: 10px 0 0;
}

.rentpress-settings-main .rentpress-radio-field-wrapper input[type="radio"] {
	display: none;
}

.rentpress-settings-main .rentpress-radio-field-wrapper label {
	color: #666;
	font-weight: normal;
}

.rentpress-settings-main .rentpress-radio-field-wrapper label:before {
	content: " ";
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	width: 16px;
	height: 16px;
	border-radius: 11px;
	border: 2px solid #333;
	background-color: transparent;
}

.rentpress-settings-main .rentpress-radio-field-wrapper input[type="radio"]:checked + label:after {
	border-radius: 11px;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 7px;
	left: 8px;
	content: " ";
	display: block;
	border: 4px solid #3399ff;
}

.rentpress-settings-main .rentpress-radio-field-wrapper input[type="radio"]:checked + label:before {
	border-color: #3399ff;
}

.rentpress-settings-main .rentpress-settings-dark-btn {
	padding: 12px 22px;
	border-radius: 13px;
	background-color: #0f1d4a;
	color: white;
	font-size: 20px;
	font-weight: 700;
	border: 0px;
	line-height: 1;
	transition: 0.3s;
}

.rentpress-settings-main .rentpress-settings-dark-btn:hover {
	background-color: #3399ff;
	color: #f9f9f9;
}

/*checkbox styles*/
.rentpress-settings-main input[type="checkbox"].rentpress-checkbox-field {
	background-color: white;
	border: 2px solid #797979;
	width: 20px;
	height: 20px;
}

/*main cotainer and menu styles*/
.rentpress-settings-controls {
	display: flex;
}

.rentpress-settings-main {
	background-color: white;
	margin: 30px 5px;
}

.rentpress-settings-main #submit {
	font-size: 20px;
	padding: 10px;
	height: auto;
	border: none;
	text-shadow: none;
	background-color: #3399ff;
	box-shadow: none;
	border-radius: 10px;
	transition: 0.3s;
}

.rentpress-settings-main #submit:hover {
	background-color: #0f1d4a;
}

.rentpress-settings-main .rentpress-settings-header {
	display: flex;
	width: 100%;
	align-items: center;
	background-color: #0f1d4a;
}

.rentpress-settings-main .rentpress-settings-title {
	font-size: 300%;
	color: white;
	margin: 10px 0;
}

.rentpress-settings-main .rentpress-tabs-menu {
	width: 400px;
	border-right: 4px solid #cecece;
	margin: 10px 30px 10px 10px;
	position: sticky;
	top: 40px;
	padding: 10px;
	padding-right: 30px;
	min-height: 90vh;
}

.rentpress-settings-main .rentpress-tabs-menu-item {
	padding: 0px;
	margin: 0px;
}

.rentpress-settings-main .rentpress-tabs-menu-item h2 {
	margin: 0px;
	font-weight: 600;
	display: flex;
}

.rentpress-settings-main .rentpress-active-settings-tab-item span {
	background-color: #3399ff;
	padding: 0px 10px;
	display: block;
	line-height: 1.5;
	border-radius: 5px;
	color: white;
	width: 100%;
}

.rentpress-settings-main .rentpress-tabs-menu-item span {
	/*background-color: #3399FF;*/
	padding: 0px 10px;
	display: block;
	line-height: 1.5;
	border-radius: 5px;
	/* color: white;*/
	width: 100%;
}

.rentpress-settings-main .rentpress-active-settings-tab-item span:after {
	content: ">";
	float: right;
	content: "\f345";
	font-family: dashicons;
	display: inline-block;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	speak: never;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 20px;
	height: 20px;
	font-size: 28px;
	vertical-align: middle;
	text-align: center;
	transition: color 0.1s ease-in;
}

.rentpress-settings-main .rentpress-admin-tab {
	display: none;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 600ms, visibility 600ms;
}

.rentpress-settings-main .is-active-rentpress-admin-tab {
	display: block;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 600ms, visibility 600ms;
}

.rentpress-settings-main .resync-options-container {
	text-align: center;
}

.rentpress-settings-main #rentpress-resync-loading-image {
	display: block;
	width: 100%;
	margin-top: 20px;
	animation: resyncModalFadeIn 300ms ease 0s 1 normal forwards;
}

.rentpress-settings-main .submit {
	position: sticky;
	top: 86vh;
	padding: 40px 0px;
	background-image: linear-gradient(rgb(255 255 255 / 73%), rgb(255 255 255));
}

@media only screen and (max-width: 600px) {
	.rentpress-settings-controls {
		display: inline-block;
	}

	.rentpress-admin-tabs-container {
		padding: 10px;
	}

	.rentpress-settings-main h2 {
		line-height: 1;
	}
}

.rentpress-settings-title-alt {
	font-weight: 700;
	width: 150px;
}

input[type="color"].rentpress-settings-text {
	max-width: 80px;
}

/*////////////////////////////////////////////////////////////////////
////////////////////// UNIT SECTION STYLES ///////////////////////////
////////////////////////////////////////////////////////////////////*/

#rentpress-unit-display {
	padding: 1em;
	margin-bottom: 42px;
	display: flex;
	flex-wrap: wrap;
}

.rentpress-unit-card {
	background: #d4d4d4;
	border: 1px solid #a9a9a9;
	border-radius: 12px;
	outline: none;
	position: relative;
	width: 225px;
	margin: 0.5em;
	box-sizing: border-box;
}

.rentpress-unit-card .fas {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.rentpress-unit-card::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.rentpress-unit-card-info {
	padding: 0.5em;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}

.rentpress-unit-card-info h3 {
	font-size: 20px;
	margin: 0.5em 0;
}

.rentpress-unit-card-info span {
	display: block;
	line-height: 1.3;
	font-weight: 400;
	font-size: 16px;
}

.rentpress-edit-unit {
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	padding: 0.2rem 0;
	transition: color 0.3s;
	color: #182e74;
	bottom: 20px;
	left: 23%;
	position: absolute;
	text-align: center;
	background-color: #3399ff30;
	border-radius: 24px;
	width: 55%;
}

.rentpress-edit-unit:hover {
	color: #974edf;
}

h1.rentpress-edit-unit-title {
	text-align: center;
	font-weight: 600;
	padding: 0;
	margin: 0.5em 0;
}

.rentpress-gallery-single-image-wrapper img {
	max-width: 100%;
}

/*////////////////////////////////////////////////////////////////////
////////////////// PROPERTY SELECTOR STYLES //////////////////////////
////////////////////////////////////////////////////////////////////*/

.rentpress-prop-selector {
	width: 100%;
	padding: 1em;
	border: 2px solid #cccccc;
	background-color: #fff;
	border-radius: 1em;
}

.rentpress-prop-selector-row {
	padding: 0.5em 0.5em 0.5em 1em;
}

.rentpress-prop-selector-title {
	font-weight: 500;
	vertical-align: middle;
	font-size: 16px;
	margin-left: 8px;
}

input.rentpress-admin-search-bar {
	flex: 1;
	color: #444;
	font-weight: 600;
	font-size: 16px;
	border-radius: 0 0.5em 0.5em 0;
	border-color: #a9a9a9;
	border-left: none;
	outline: none;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding: 0 8px 0 0;
	background-color: #dddddd;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
		Cantarell, "Helvetica Neue", sans-serif;
}

.rentpress-admin-search-bar-container {
	width: 100%;
	display: flex;
}

.rentpress-admin-search-bar-container span {
	background-color: #dddddd;
	font-size: 16px;
	border-radius: 0.5em 0 0 0.5em;
	height: 32px;
	vertical-align: middle;
	padding: 0 8px;
	line-height: 2;
	min-height: 30px;
	border: 1px solid #a9a9a9;
	border-right: none;
	color: #9c9c9c;
}

input.rentpress-admin-search-bar:focus {
	border: 1px solid #a9a9a9;
	box-shadow: none;
	outline: none;
	border-left: none;
}

input.rentpress-admin-search-bar::placeholder {
	font-weight: 600;
	font-size: 16px;
	color: #9c9c9c;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
		Cantarell, "Helvetica Neue", sans-serif;
}

.rentpress-prop-selector-heading {
	margin: 1em 0 1em 0;
}

.rentpress-prop-selector-container {
	max-height: 50vh;
	overflow-y: scroll;
}

.rentpress-custom-cluster-pin-image,
.rentpress-image-upload-preview {
	max-width: 210px;
	margin-top: 20px;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #b9b9b9;
}

.rentpress-gallery-upload-previews img {
	max-width: 250px;
	padding: 10px;
}

.rentpress-gallery-upload-previews-grid {
	max-height: 500px;
	overflow-y: scroll;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 5%;
}

.rentpress-gallery-single-image-wrapper {
	position: relative;
}

.rentpress-gallery-single-image-wrapper span {
	position: absolute;
	left: 5%;
	top: 3%;
	background-color: red;
	color: white;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.rentpress_row input[type="url"],
.rentpress_row input[type="text"] {
	width: calc(100% - 100px);
}

.rentpress-pop-up-background {
	z-index: 1;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #00000072;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: resyncModalFadeIn 300ms ease 0s 1 normal forwards;
}

@keyframes resyncModalFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.rentpress-pop-up-background.fade-out {
	animation: resyncModalFadeOut 300ms ease forwards;
}

@keyframes resyncModalFadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.rentpress-pop-up-background div {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	width: 100px;
	height: 100px;
	padding: 20px;
	background-color: #fff;
	pointer-events: none;
	border: 0.5em solid transparent;
	border-color: #eee;
	border-top-color: #3499ff;
	border-radius: 50%;
	-webkit-animation: rentpress-spinner 1s linear infinite;
	animation: rentpress-spinner 1s linear infinite;
}

.rentpress-time-field-settings-wrapper {
	display: flex;
}

.rentpress-time-field-overrides-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-end;
	font-weight: 700;
	cursor: default;
}

.rentpress-time-field-append-text-wrapper {
	display: flex;
	width: 100%;
	align-items: flex-end;
	margin-left: 20px;
}

.rentpress-time-field-overrides-wrapper input {
	margin-right: 10px;
	min-height: auto;
}

.rentpress-office-hours-status {
	margin-right: 24px;
}

.rentpress-office-hours-day-label-override {
	display: flex;
	align-items: flex-end;
	margin-bottom: 5px;
}

.rentpress-office-hours-time-wrapper {
	display: flex;
	align-items: flex-end;
}

@keyframes rentpress-spinner {
	100% {
		transform: rotate(360deg);
	}
}

/*////////////////////////////////////////////////////////////////////
/////////////////////// MOBILE STYLES ////////////////////////////////
////////////////////////////////////////////////////////////////////*/

@media screen and (max-width: 782px) {
	#rentpress-expand-all {
		margin-top: 1em;
	}

	div.rentpress-tab-button {
		float: none;
	}

	.rentpress-panel {
		padding: 0 18px;
	}

	.rentpress-settings-group {
		display: block;
	}

	.rentpress-settings-text {
		width: 100%;
	}

	.rentpress-settings-group textarea {
		width: 100%;
	}
}
