* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

ul li {
  list-style: none;
}

a {
  color: unset;
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: unset;
}

a,
span,
i {
  display: inline-block;
}

span,
i {
  vertical-align: middle;
}.page_content_noresult, .page_content_loading

p {
  margin-bottom: 0px;
}

ol,
ul {
  padding-left: 0px !important;
}

button,
input,
optgroup,
select,
textarea {
  outline: none !important;
  border: none;
}

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



/*------- poppins fonts ------------*/


:root {
  --primary-color: #529b50;
  --white-color: #ffffff;
  --status-red: #ce0000;
  --status-yellow: #dfaa21;
  --status-green: #4eca03;
  --link-color: #3366cc;
  --link-visited: #7f7f7f;
  --light-grey: #f7f9fb;
  --border-color: #dadada;
  --form-red:#eb5757;
  
  --text-xs: 12px;
  --text-sm: 14px;
  --text-normal: 15px;
  --text-md: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-xxl: 30px;
  --text-2xl: 48px;
  --text-3xl: 60px;
  --font-thin: 100;
  --font-light: 300;
  --font-regular: normal;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-black: 900;
  --font-primary: #1c1c1c;
}

body {
  font-family: "Poppins";
  font-weight: var(--font-regular);
  color: var(--font-primary);
  background-color: #f7f9fb;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/*-------------- Fonts Icons -----------------------*/
@font-face {
  font-family: "moovaz";
  src: url("../fonts/icons/moovaz.eot");
  src: url("../fonts/icons/moovaz.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icons/moovaz.woff") format("woff"),
    url("../fonts/icons/moovaz.ttf") format("truetype"),
    url("../fonts/icons/moovaz.svg#moovaz") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "moovaz" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "moovaz" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add-photo:before {
  content: "\61";
}
.icon-arrow-circle-left:before {
  content: "\62";
}
.icon-arrow-circle-right:before {
  content: "\63";
}
.icon-attachment:before {
  content: "\64";
}
.icon-automation:before {
  content: "\65";
}
.icon-bookmark:before {
  content: "\66";
}
.icon-bookmark1:before {
  content: "\67";
}
.icon-call:before {
  content: "\68";
}
.icon-check-circle:before {
  content: "\69";
}
.icon-checkbox1:before {
  content: "\6a";
}
.icon-checkbox2:before {
  content: "\6b";
}
.icon-circle:before {
  content: "\6c";
}
.icon-circle-fill:before {
  content: "\6d";
}
.icon-close:before {
  content: "\6e";
}
.icon-copy:before {
  content: "\6f";
}
.icon-down:before {
  content: "\70";
}
.icon-edit:before {
  content: "\71";
}
.icon-email:before {
  content: "\72";
}
.icon-grid-view:before {
  content: "\73";
}
.icon-info:before {
  content: "\74";
}
.icon-lock:before {
  content: "\75";
}
.icon-lock2:before {
  content: "\76";
}
.icon-next:before {
  content: "\77";
}
.icon-notification:before {
  content: "\78";
}
.icon-plus:before {
  content: "\79";
}
.icon-plus-circle:before {
  content: "\7a";
}
.icon-previous:before {
  content: "\41";
}
.icon-revoke:before {
  content: "\42";
}
.icon-search:before {
  content: "\43";
}
.icon-serrings:before {
  content: "\44";
}
.icon-toggle-off:before {
  content: "\45";
}
.icon-toggle-on:before {
  content: "\46";
}
.icon-user:before {
  content: "\47";
}
.icon-wallet:before {
  content: "\48";
}
.icon-info2:before {
  content: "\49";
}
.icon-bathroom:before {
  content: "\4a";
}
.icon-bedroom:before {
  content: "\4b";
}
.icon-calendar:before {
  content: "\4c";
}
.icon-reception:before {
  content: "\4d";
}
.icon-filter:before {
  content: "\4e";
}
.icon-delete:before {
  content: "\4f";
}
.icon-sort-down:before {
  content: "\50";
}
.icon-sort-up:before {
  content: "\51";
}

/*------------------ bootstrap custom -----------------------*/

.link-color {
	color: var(--primary-color);
}

.link-red {
	color: var(--form-red);
	background-color: transparent;
}

.link-blue {
	color: var(--link-color);
	background-color: transparent;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent;
  color: unset;
}

.gnb-checkbox[type="checkbox"], .gnb-scs-checkbox[type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.gnb-checkbox[type="checkbox"], .gnb-scs-checkbox[type="checkbox"] {
  cursor: pointer;
  padding-left: 20px;
  vertical-align: middle;
  position: relative;
}

.gnb-checkbox[type="checkbox"]::before,
.gnb-checkbox[type="checkbox"]::after,

.gnb-scs-checkbox[type="checkbox"]::before,
.gnb-scs-checkbox[type="checkbox"]::after

{
  content: "";
  display: block;
  position: absolute;
}

.gnb-checkbox[type="checkbox"]::before, .gnb-scs-checkbox[type="checkbox"]::before {
  background-color: var(--white-color);
  border-radius: 2px;
  border: 1.5px solid lightgray;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  top: -1px;
  left: 0px;
}

.gnb-checkbox[type="checkbox"]::after,
.selected .gnb-scs-checkbox[type="checkbox"]::after{
  border-bottom: 3px solid var(--primary-color);
  border-left: 3px solid var(--primary-color);
  border-radius: 2px;
  opacity: 0;
  height: 6px;
  width: 12px;
  transform: scale(0) rotate(-45deg);
  top: -8px;
  left: 5px;
  transition: opacity 0.3s, transform 0.2s;
}

.gnb-checkbox[type="checkbox"]:checked::after, .gnb-scs-checkbox[type="checkbox"]:checked::after {
  opacity: 1;
  transform: scale(1.5) rotate(-45deg);
}

.gnb-checkbox ~ label {
  cursor: pointer;
  width:calc(100% - 30px);
}

.gnb-switch {
  width: 100%;
  height: 35px;
  opacity: 0;
  z-index: 1;
  position: relative;
  cursor: pointer;
}

.gnb-switch-field .layer {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: var(--border-color);
  height: 35px;
  line-height: 24px;
  padding: 5px 0px;
  text-align: center;
  font-size: var(--text-xs);
  color: var(--link-visited);
  border-radius: 100px;
  z-index: 0;
  width: 100%;
}

.gnb-switch-field .knobs {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: var(--white-color);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.gnb-switch:checked + .layer {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.gnb-switch:checked ~ .knobs {
  left: 158px;
}

.gnb-switch-field .knobs,
.gnb-switch-field .layer {
  transition: 0.5s ease all;
}

/*radio*/

.gnb-radio-inline {
	display: flex;
	align-items: center;
	gap: 0px 10px;
}

.gnb-radio input {
  opacity: 0;
  position: absolute;
}

.gnb-radio label {
  font-size: var(--text-sm);
  cursor: pointer;
  position: relative;
  transition: all 0.5s;
  line-height: 1.4;
  padding-left: 16px;
}

.gnb-radio label::before {
  content: "";
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 1;
  border: 2px solid var(--border-color);
  top: 3px;
  left: 0px;
  transition: all 0.05s;
}

.gnb-radio label:hover::before {
  border: 2px solid var(--primary-color);
}

.gnb-radio input:checked ~ label::before {
  background-color: var(--primary-color);
  border: 2px solid var(--border-color);
}

.check-box {
  transform: scale(1);
  outline: none;
}

.gnb-toggle-switch input[type="checkbox"] {
  position: relative;
  appearance: none;
  width: 50px;
  height: 14px;
  background: var(--border-color);
  border-radius: 50px;
  /*box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);*/
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  box-shadow: inherit;
  /*padding: 7px 10px;*/
}

.gnb-toggle-switch input:checked[type="checkbox"] {
  background: var(--primary-color);
}

.gnb-toggle-switch input[type="checkbox"]::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 3px;
  left: 3px;
  background-color: var(--link-visited);
  border-radius: 50%;
  transform: scale(1.1);
  transition: 0.4s;
  outline: none;
  box-shadow: inherit;
}

.gnb-toggle-switch input:checked[type="checkbox"]::after {
  left: 18px;
  background-color: var(--white-color);
}

.gnb-toggle-switch {
  display: flex;
  gap: 0px 10px;
  align-items: center;
}

.gnb-toggle-switch label {
  margin-bottom: 0px;
}

.drag_drop {
  border: 2px dashed var(--border-color);
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

.add_with_post_img_input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.drag_drop i {
  font-size: var(--text-xl);
  line-height: 24px;
  display: block;
  margin-bottom: 5px;
}

.drag_drop p,
.drag_drop a {
  font-size: var(--text-sm);
  line-height: 24px;
}

.drag_drop p {
	margin-bottom: 0px;
}

.gnb-label {
  font-size: var(--text-sm) !important;
  line-height: 24px;
  color: var(--font-primary);
  margin-bottom: 5px;
  display: block;
  font-weight: var(--font-regular) !important;
}

.gnb-input {
  color: var(--font-primary);
  border-radius: 5px;
  padding: 10px 15px;
  border: 1px solid var(--border-color);
  border-radius: 2px;
  padding: 8px 10px;
  font-size: var(--text-sm);
  line-height: 20px;
  width: 100%;
  display: inline-block;
}

.gnb-link {
  font-size: var(--text-normal);
  line-height: 24px;
  color: var(--link-color);
}

.gnb-link:hover {
  color: var(--primary-color);
}

.page-count-total {
  display: flex;
  grid-gap: 15px;
  padding-right: 20px;
}

.flex-pagination {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  border-radius: 2px;
  background-color: var(--white-color);
}

.flex-pagination .icon-previous,
.flex-pagination .icon-next {
  padding: 7px 10px;
  min-width: 35px;
  text-align: center;
  font-size: var(--text-md);
  line-height: 32px;
  color: var(--font-primary);
  transition: all 250ms ease;
  border-radius: 2px;
  height: 42px;
}

.flex-pagination .icon-previous {
  border-right: 1px solid var(--border-color);
}

.flex-pagination .icon-next {
  border-left: 1px solid var(--border-color);
}

.flex-pagination .icon-previous:hover,
.flex-pagination .icon-next:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.pages-count {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  text-align: center;
  padding: 0 10px 0 0;
}

.pages-count a {
  color: #000;
  min-width: 20px;
}

.pages-count input {
  padding: 9px 0px;

  max-width: 52px;
  min-width: 52px;
  width: 100%;
  display: table;
  text-align: center;
  background-color: var(--light-grey);
  border-right: 1px solid var(--border-color);
}

.total-count {
  padding: 10px 10px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  background-color: var(--white-color);
  border-radius: 5px;
  font-family: var(--text-sm);
  font-size: var(--text-nomral);
}

.total-count span {
  color: var(--primary-color);
  line-height: 100%;
}


.gnb-btn {
  font-size: var(--text-normal);
  padding: 10px 20px;
  border-radius: 2px;
}

.gnb-btn-white {
  background-color: var(--white-color);
}

.gnb-btn-primary {
  color: var(--white-color);
  background-color: var(--primary-color);
}

.gnb-btn-full {
	text-align: center;
	width: 100%;
}


.gnb-btn-primary:hover {
    color: var(--white-color);
}

.gnb-input {
	transition: 0.3s all;
}

.gnb-input:focus {
	border: 1px solid var(--primary-color);
}
select.gnb-input {
	-webkit-appearance: auto;
	appearance: auto;
}

/*----------------------- form actions styles start --------------------------------*/









/*----------------------- form actions styles end ----------------------------------*/


/*----------------------- credits modal start start --------------------------------*/

@media (min-width: 992px) {
    .modal-xl {
        --bs-modal-width: 920px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        --bs-modal-width: 600px;
    }
}

.gnb-modal .modal-content {
	background-color: var(--light-grey);
}

.gnb-modal .modal-title {
	font-size: var(--text-xl);
	line-height: 1.5;
}

.gnb-modal .modal-body {
	padding: 30px 50px 50px;
}

.gnb-modal .modal-header {
	margin: 0px 50px;
	padding: 1rem 0px;
}

.credit-body-content, .postcode-body-content {
	display: grid;
	grid-gap: 20px 0px;
}

.credit-body-content .billing-cards {
	grid-template-columns: 1.25fr 3fr;
	padding: 10px 0px;
	border: 1px dashed var(--border-color);
	border-radius: 5px;
	background-color: var(--white-color);
	grid-gap: 0px;
}

.credit-body-content .billing-card {
	padding: 10px 20px;
	border: none;
	background-color: transparent;
}

.credit-body-content .billing-card h5, .credit-body-content .billing-card span {
	font-size: var(--text-normal);
}

.credit-body-content .credit-row {
	grid-auto-flow: column;
	grid-template-columns: unset;
	justify-content: space-between;
}
.credit-body-content .billing-card:nth-of-type(2) {
	border-left: 1px solid var(--border-color);
	background-color: transparent;
	border-radius: 0px;
}
.credits-letter-grid {
	display: grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap: 0px 20px;
	text-align: center;
}

.credits-letter-card.gnb-radio label {
	padding: 15px 10px 40px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid var(--border-color);
}


.credits-letter-card.gnb-radio label::before {
	top: unset;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
}

.credits-letter-card.gnb-radio label h4 {
	font-size: var(--text-normal);
	line-height: 1.5;
	color: var(--font-primary);
	text-transform: uppercase;
}

.credits-letter-card.gnb-radio label span {
	font-size: var(--text-xs);
	line-height: 1.5;
	color: var(--font-primary);
}

.credits-letter-card.gnb-radio input:checked ~ label {
	background-color: var(--primary-color);
	color: var(--white-color) !important;
}

.credits-letter-card.gnb-radio input:checked ~ label::before {
	background-color: var(--white-color);
    border: 2px solid var(--white-color);
}


.credits-letter-card.gnb-radio input:checked ~ label h4, .credits-letter-card.gnb-radio input:checked ~ label span {
	color: var(--white-color);
}

.credit-label-cont p, .payment-summary p {
	font-size: var(--text-normal);
	line-height: 1.5;
	color: var(--link-visited);
}

.payment-summary p a {
	font-weight: var(--font-semibold);
}

.credit-checkbox label select, .credit-checkbox label input {
	background-color: transparent;
	border-bottom: 1px solid var(--primary-color);
	color: var(--font-primary);
}

 .credit-checkbox label select, .credit-checkbox label input::placeholder {
 	color: var(--font-primary);
 }
 
 .credit-checkbox label select.disable, .credit-checkbox label input.disable {
 	opacity: 0.5;
 }

.credit-checkbox label input {
	width: 40px;
	text-align: center;
}


.credit-debit-card {
	display: flex;
	grid-gap: 0px 20px;
	align-items: center;
}

.card-stripe {
	width: 100%;
	max-width: 443px;
	background-color: var(--white-color);
	display: flex;
	align-items: center;
	grid-gap: 0px 10px;
	padding: 10px;
}

.card-stripe > input {
	font-size: var(--text-normal);
	line-height: 1.5;
	width: calc(100% - 70px);
}

.change-payment a.update-card {
	font-size: var(--text-normal);
    color: var(--link-color);
    text-decoration: underline;
}



.credits-actions, .modal-actions {
	display: flex;
	grid-gap: 0px 10px;
}

.gnb-btn {
	border-radius: 5px !important;
}

/*----------------------- credits modal end --------------------------------*/


.page-info {
	position: fixed;
	bottom: 30px;
	display: flex;
	width: 100%;
	justify-content: center;
}

.page-info strong{
	
	padding: 10px 50px;
	border-radius: 5px;
	background-color: #000;
	color: var(--white-color);
	font-size: var(--text-xs);
	font-weight: var(--font-regular);
}

.payment-content {
	display: grid;
    grid-gap: 20px 0px
}

.payment-content .card-stripe, .payment-content .card-stripe input {
	background-color: var(--light-grey);
}

	
.link-color:hover {
	color: var(--primary-color);
}

.select-relative {
	position: relative;
}

.select-relative .scs_box_val{
	width: 100%;
	border-radius: 5px;
	color: var(--link-visited);
	background-color: transparent;
}
.search-icon .scs_box_opt i {
	display: none;
}

.select-relative.search-icon i.icon-search {
	position: absolute;
	top: 12px;
	right: 10px;
	z-index: 1;
}

.card-number {
	width: calc(100% - 70px);
}

.card-number > input {
	width: calc(100% - 120px);
}

 .card-number .month-cvc {
 	width: 120px;
 	grid-gap: 0px 10px;
 }
 
 .month-cvc input:nth-of-type(1) {
 	width: 70px;

 }
  .month-cvc input:nth-of-type(2) {
 	width: 40px;

 }

.card-number, .card-number .month-cvc{
	display: flex;
	align-items: center;
}





#view-log-modal .modal-content {
	background-color: rgba(255, 255, 255, 0.97);
}

#view-log-modal .property-name h3 {
	font-size: var(--text-xl);
}
.log-modal-head {
	display: grid;
	grid-gap: 10px 0px;
	margin-bottom: 20px;
	text-align: center;
}

.log-modal-head p {
	color: var(--link-visited);
}

.price-amenities {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 10px;
	grid-gap: 0px 30px;
	background-color: var(--white-color);
	max-width: 480px;
	margin: 0 auto;
}
.price-amenities .jc-between {
	grid-gap: 0px 30px;
}

.log-total-spent span {
	padding: 10px;
	color: var(--font-primary);
	font-size: var(--text-normal);
	line-height: 1.5;
	background-color: var(--light-grey);
}

.log-table-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#AMC_Modal2 {
	z-index: 1057 !important;
}
#AMC_Modal2_backdrop {
	z-index: 1056 !important;
}

.page_content_noresult, .page_content_loading {
	display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    
    top: 0px;
    left: 0px;
   
  
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page_content_loading {
	flex-direction: column;
	grid-gap: 10px 0px;
}
.page_content_noresult, .page_content_loading  {
	font-size: var(--text-md);
}
/*.page_content_loading i {*/
/*	color: var(--primary-color);*/
/*    font-size: 44px;*/
/*    line-height: 58px;*/
/*    animation: fa-spin 2s infinite linear;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*}*/

/*@-webkit-keyframes fa-spin {*/
/*  0% {*/
/*    -webkit-transform: rotate(0deg);*/
/*    transform: rotate(0deg);*/
/*}*/
/*100% {*/
/*    -webkit-transform: rotate(359deg);*/
/*    transform: rotate(359deg);*/
/*}*/
/*}*/

/*@keyframes fa-spin {*/
/*   0% {*/
/*    -webkit-transform: rotate(0deg);*/
/*    transform: rotate(0deg);*/
/*}*/
/*100% {*/
/*    -webkit-transform: rotate(359deg);*/
/*    transform: rotate(359deg);*/
/*}*/
	
/*}*/

#trumbowyg-icons{
	width: 0px;
	height: 0px;
}

/*.fade-btn {*/
/*	transition: background-color 1s;*/
/*}*/
/*.fade-btn:hover {*/
/*	background-color: #457844;*/
/*}*/

a {
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.gnb-btn-primary {
	cursor: pointer;
	pointer-events: auto;
}

.gnb-btn-primary:hover {
	background-color: #004421;
}

.link-color:hover {
color: #24512a;	
}

.gnb-btn-white:hover, .page-head-right .scs_box_opt span:hover {
	background-color: #f0f0f0;
}

.submit-info strong {
	padding: 10px 50px;
	border-radius: 5px;
	background-color: #000;
	color: var(--white-color);
	font-size: var(--text-xs);
	font-weight: var(--font-regular);
}

/*----------------loading css --------------------*/

.loader {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #3c8646;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-bottom: 3px solid #004421;
  border-left: 3px solid transparent;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

.page_content_loading .loader1 {
  width: 48px;
  height: 48px;
  display: block;
  margin: 20px auto;
  box-sizing: border-box;
  position: relative;
}
.page_content_loading .loader1::after {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  left: 0;
  bottom: 0;
  position: absolute;
  border-radius: 50% 50% 0;
  border: 15px solid var(--primary-color);
  transform: rotate(45deg) translate(0, 0);
  box-sizing: border-box;
  animation: animMarker 0.4s ease-in-out infinite alternate;
}
.page_content_loading .loader1::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 150%;
  width: 24px;
  height: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  animation: animShadow 0.4s ease-in-out infinite alternate;
}

@keyframes animMarker {
  0% {
    transform: rotate(45deg) translate(5px, 5px);
  }
  100% {
    transform: rotate(45deg) translate(-5px, -5px);
  }
}

@keyframes animShadow {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}


#submit_status {
	display: block !important;
}

#submit_status span {
	display: block;
	margin: 10px 0px;
}

.submit_failed {
	color: var(--form-red);
}

.gnb-btn-primary .loader, .update_user_btn .loader {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border-top: 2px solid var(--white-color);
  border-right: 2px solid transparent;
}

.gnb-btn-primary .loader::after, .update_user_btn .loader::after {
  width: 20px;
  height: 20px;
  border-bottom: 2px solid var(--white-color);
  border-left: 2px solid transparent;
}

#submit_status .submit_success {
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #000;
	color: var(--white-color);
	font-size: var(--text-xs);
	font-weight: var(--font-regular);
}


#landlord_info_status span {
	display: flex;
    align-items: center;
    margin-top: 20px;
}

.role-dialog {
	position: fixed;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index:99999;
}

.role-dialog span {
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #000;
	color: var(--white-color);
	font-size: var(--text-xs);
	font-weight: var(--font-regular);
}

.role-dialog span i {
	cursor: pointer;
	margin-left: 20px;
	font-size: 17px;
    line-height: 10px;
}


.gap-row-20 {
	display: grid;
	grid-gap: 20px 0px;
}

.table-content {
	position: relative;
}

.icon-sort-up, .icon-sort-down {
	position: absolute;
	font-size: var(--text-sm);
	opacity: 0.3;
	margin-left: 10px;
}
.icon-sort-up {
	top: -1px;
}
.icon-sort-down {
	bottom: -3px;
}
.asc-desc {
	cursor: pointer;
}
.asc-desc.ascending .icon-sort-up, .asc-desc.descending .icon-sort-down {
	opacity: 1;
}

.success-queue p{
	font-size: 12px;
}

.failed-queue p{
	font-size: 12px;
}

.failed-queue p span{
	color:red;
}

.table-checkbox input[type="checkbox"][disabled]{
opacity: 0.5;
cursor: not-allowed;
}