* {
     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: #065183;
     --second-color:#e41d4d;
     --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";
}
/*------------------ 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;
     cursor: pointer;
     transition: 0.4s;
     outline: none;
     box-shadow: inherit;
}
 .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: 0px;
     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;
}
/*----------------------- 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);
}
 #trumbowyg-icons {
     width: 0px;
     height: 0px;
}
 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: var(--second-color);
}
 .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 var(--second-color);
     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;
}