/* ===== Start Customizer Color ===== */
.rentex-dashboard-content .btn-view-search:hover, .rentex-ulisting-dashboard .mx-calendar-table .today, #stm-listing-login .mx-calendar-table .today, .login-wrap .mx-calendar-table .today, .register-wrap .mx-calendar-table .today, #stm-listing-form-listing .addlisting-btn-success .addlisting-button:hover, .stm-file-dragdrop.is-dragover, .stm-file-dragdrop .icon-text i, .ulisting-listing-status.ulisting_status_pending, .ulisting-listing-status.btn:hover {
  color: #ff9933;
  /* start-color (primary) */ }

.rentex-ulisting-dashboard .mx-calendar-month > a.current, .rentex-ulisting-dashboard .mx-calendar-table td.current, .rentex-ulisting-dashboard .mx-calendar-year > a.current, #stm-listing-login .mx-calendar-month > a.current, #stm-listing-login .mx-calendar-table td.current, #stm-listing-login .mx-calendar-year > a.current, .login-wrap .mx-calendar-month > a.current, .login-wrap .mx-calendar-table td.current, .login-wrap .mx-calendar-year > a.current, .register-wrap .mx-calendar-month > a.current, .register-wrap .mx-calendar-table td.current, .register-wrap .mx-calendar-year > a.current, .add-subscription i, .breadcrumb-dashboard .steps.active .step-number, .listing-type-box a:hover:before, .my-listing-sidebar-item:before {
  background-color: #ff9933;
  /* start-color (primary) */ }

.rentex-ulisting-dashboard .mx-datepicker-btn-confirm:hover, #stm-listing-login .mx-datepicker-btn-confirm:hover, .login-wrap .mx-datepicker-btn-confirm:hover, .register-wrap .mx-datepicker-btn-confirm:hover {
  border-color: #ff9933;
  /* start-color (primary) */ }

.rentex-ulisting-dashboard ul.nav-tabs li a.active {
  border-right-color: #ff9933;
  /* start-color (primary) */ }

.rentex-dashboard-content .profile-content button:hover {
  background-color: #ff8000;
  /* start-color (primary_hover) */ }

#stm-listing-form-listing .addlisting-btn-success .addlisting-button.feature:not(:hover), .btn-promote {
  color: #99cc66;
  /* start-color (secondary) */ }

.rentex-ulisting-dashboard .mx-calendar-month > a:hover, .rentex-ulisting-dashboard .mx-calendar-table td.inrange, .rentex-ulisting-dashboard .mx-calendar-table td:hover, .rentex-ulisting-dashboard .mx-calendar-year > a:hover, #stm-listing-login .mx-calendar-month > a:hover, #stm-listing-login .mx-calendar-table td.inrange, #stm-listing-login .mx-calendar-table td:hover, #stm-listing-login .mx-calendar-year > a:hover, .login-wrap .mx-calendar-month > a:hover, .login-wrap .mx-calendar-table td.inrange, .login-wrap .mx-calendar-table td:hover, .login-wrap .mx-calendar-year > a:hover, .register-wrap .mx-calendar-month > a:hover, .register-wrap .mx-calendar-table td.inrange, .register-wrap .mx-calendar-table td:hover, .register-wrap .mx-calendar-year > a:hover, .multiple-checkbox .rentex-checkbox label input:checked ~ .checkbox-frame, .rentex-ulisting-dashboard .btn-success {
  background-color: #99cc66;
  /* start-color (secondary) */ }

.multiple-checkbox .rentex-checkbox label input:checked ~ .checkbox-frame {
  border-color: #99cc66;
  /* start-color (secondary) */ }

.rentex-ulisting-dashboard .btn-success:hover {
  background-color: #80bf40;
  /* start-color (secondary_hover) */ }

.rentex-ulisting-dashboard input[name='date'], #stm-listing-login input[name='date'], .login-wrap input[name='date'], .register-wrap input[name='date'], .rentex-ulisting-dashboard .stm-date-picker i, #stm-listing-login .stm-date-picker i, .login-wrap .stm-date-picker i, .register-wrap .stm-date-picker i, .multiple-checkbox .rentex-checkbox label {
  color: #6a6a6a;
  /* start-color (body) */ }

.rentex-ulisting-dashboard .rentex-dashboard-header .avatar-user .name-user, .menu-mobile-dashboard-button, .rentex-dashboard-content .ulisting-table td, .rentex-dashboard-content .ulisting-table th, .rentex-dashboard-content .btn-view-search, .rentex-ulisting-dashboard .select2-container .select2-selection__placeholder, #stm-listing-login .select2-container .select2-selection__placeholder, .login-wrap .select2-container .select2-selection__placeholder, .register-wrap .select2-container .select2-selection__placeholder, .rentex-ulisting-dashboard .select2-container .select2-selection__rendered, #stm-listing-login .select2-container .select2-selection__rendered, .login-wrap .select2-container .select2-selection__rendered, .register-wrap .select2-container .select2-selection__rendered, .add-subscription span, .breadcrumb-dashboard .steps.active .step-title, #stm-listing-form-listing .addlisting-btn-success .addlisting-button, .rentex-ulisting-dashboard .btn-custom, .stm-file-dragdrop .icon-text span, .my-listing-sidebar-item.is-active, .tab-my-listing-header th, .ulisting-listing-status.btn {
  color: #000000;
  /* start-color (heading) */ }

#stm-listing-form-listing .addlisting-btn-success .addlisting-button:not(:last-child):after {
  background-color: #000000;
  /* start-color (heading) */ }

.rentex-ulisting-dashboard input[name='date']::placeholder, #stm-listing-login input[name='date']::placeholder, .login-wrap input[name='date']::placeholder, .register-wrap input[name='date']::placeholder, .rentex-dashboard-content .profile-content .sub-title, .rentex-dashboard-content .profile-avatar span, .breadcrumb-dashboard .step-title, .my-listing-sidebar-item, .add-agents-subtitle {
  color: #aeaeae;
  /* start-color (light) */ }

.breadcrumb-dashboard .step-number {
  background-color: #aeaeae;
  /* start-color (light) */ }

.rentex-dashboard-content .btn-dark {
  background-color: #252525;
  /* start-color (dark) */ }

.rentex-dashboard-content .ulisting-table thead, .rentex-ulisting-dashboard .select2-container .select2-selection, #stm-listing-login .select2-container .select2-selection, .login-wrap .select2-container .select2-selection, .register-wrap .select2-container .select2-selection, .rentex-ulisting-dashboard .select2-container .select2-dropdown, #stm-listing-login .select2-container .select2-dropdown, .login-wrap .select2-container .select2-dropdown, .register-wrap .select2-container .select2-dropdown, .rentex-ulisting-dashboard input[name='date'], #stm-listing-login input[name='date'], .login-wrap input[name='date'], .register-wrap input[name='date'], .user-plans-box {
  border-color: #ebebeb;
  /* start-color (border) */ }

.rentex-ulisting-dashboard .rentex-dashboard-header {
  border-bottom-color: #ebebeb;
  /* start-color (border) */ }

.breadcrumb-dashboard, .breadcrumb-dashboard .steps:after {
  background-color: #ffffff;
  /* start-color (background) */ }

.add-floor .card-header {
  background-color: #f6f6f6;
  /* start-color (background2) */ }

.form-light .rentex-ulisting-dashboard input[name='date'], .form-light #stm-listing-login input[name='date'], .form-light .login-wrap input[name='date'], .form-light .register-wrap input[name='date'], .form-light .rentex-ulisting-dashboard input[name='date']::placeholder, .form-light #stm-listing-login input[name='date']::placeholder, .form-light .login-wrap input[name='date']::placeholder, .form-light .register-wrap input[name='date']::placeholder, .rentex-ulisting-dashboard .mx-datepicker-btn-confirm:hover, #stm-listing-login .mx-datepicker-btn-confirm:hover, .login-wrap .mx-datepicker-btn-confirm:hover, .register-wrap .mx-datepicker-btn-confirm:hover, .rentex-ulisting-dashboard .mx-calendar-month > a:hover, .rentex-ulisting-dashboard .mx-calendar-table td.inrange, .rentex-ulisting-dashboard .mx-calendar-table td:hover, .rentex-ulisting-dashboard .mx-calendar-year > a:hover, #stm-listing-login .mx-calendar-month > a:hover, #stm-listing-login .mx-calendar-table td.inrange, #stm-listing-login .mx-calendar-table td:hover, #stm-listing-login .mx-calendar-year > a:hover, .login-wrap .mx-calendar-month > a:hover, .login-wrap .mx-calendar-table td.inrange, .login-wrap .mx-calendar-table td:hover, .login-wrap .mx-calendar-year > a:hover, .register-wrap .mx-calendar-month > a:hover, .register-wrap .mx-calendar-table td.inrange, .register-wrap .mx-calendar-table td:hover, .register-wrap .mx-calendar-year > a:hover {
  color: #fff;
  /* start-color (white) */ }

/* ===== End Customizer Color ===== */
@media (min-width: 1024px) {
  .rentex-ulisting-dashboard {
    margin-left: 240px; } }

.rentex-ulisting-dashboard .rentex-dashboard-header {
  padding: 12px 30px;
  background: #fff;
  border-bottom: 1px solid;
  border-bottom-color: #ebebeb; }

.rentex-ulisting-dashboard .rentex-dashboard-side {
  position: fixed;
  width: 240px;
  height: 100vh;
  overflow-y: auto;
  top: 0;
  color: #fff;
  background: #333;
  left: 0; }
  .admin-bar .rentex-ulisting-dashboard .rentex-dashboard-side {
    top: 0; }
    @media (min-width: 783px) {
      .admin-bar .rentex-ulisting-dashboard .rentex-dashboard-side {
        top: 32px;
        height: calc(100vh - 32px); } }
    @media (min-width: 601px) and (max-width: 782px) {
      .admin-bar .rentex-ulisting-dashboard .rentex-dashboard-side {
        top: 46px;
        height: calc(100vh - 46px); } }

.rentex-ulisting-dashboard .page-title {
  font-size: 40px;
  margin-bottom: 40px; }
  @media (max-width: 567px) {
    .rentex-ulisting-dashboard .page-title {
      font-size: 30px; } }

.rentex-ulisting-dashboard ul.nav-tabs {
  margin: 0; }
  .rentex-ulisting-dashboard ul.nav-tabs li {
    list-style: none; }
    .rentex-ulisting-dashboard ul.nav-tabs li a {
      color: #868686;
      padding: 15px 40px;
      position: relative;
      display: flex;
      font-size: 14px;
      align-items: center;
      font-weight: 500; }
      .rentex-ulisting-dashboard ul.nav-tabs li a.active {
        background: #404040;
        color: white;
        border-right: 3px solid;
        border-right-color: #ff9933; }
      .rentex-ulisting-dashboard ul.nav-tabs li a:hover {
        color: white;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    .rentex-ulisting-dashboard ul.nav-tabs li span {
      margin-left: 15px; }

.rentex-ulisting-dashboard .rentex-dashboard-side .site-branding {
  background: #292929;
  padding: 15px 40px; }
  .rentex-ulisting-dashboard .rentex-dashboard-side .site-branding .logo-light {
    display: none; }
  .rentex-ulisting-dashboard .rentex-dashboard-side .site-branding .logo-dark {
    display: block; }

.rentex-ulisting-dashboard .rentex-dashboard-header {
  align-items: center;
  justify-content: flex-end; }
  @media (min-width: 1024px) {
    .rentex-ulisting-dashboard .rentex-dashboard-header .site-branding {
      display: none; } }
  .rentex-ulisting-dashboard .rentex-dashboard-header .button-go-back-home {
    color: black;
    font-size: 14px;
    font-weight: bold; }
    .rentex-ulisting-dashboard .rentex-dashboard-header .button-go-back-home i {
      color: black;
      font-weight: bold; }
    .rentex-ulisting-dashboard .rentex-dashboard-header .button-go-back-home:hover {
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .rentex-ulisting-dashboard .rentex-dashboard-header .button-go-back-home:hover i {
        color: white; }
  .rentex-ulisting-dashboard .rentex-dashboard-header .button-add-listing i {
    margin-right: 10px; }
  @media (max-width: 1023px) {
    .rentex-ulisting-dashboard .rentex-dashboard-header .button-add-listing {
      border: none;
      padding: 10px;
      min-width: 35px;
      line-height: 1;
      margin-left: auto;
      background-color: transparent; }
      .rentex-ulisting-dashboard .rentex-dashboard-header .button-add-listing i {
        font-size: 18px;
        color: #000;
        margin-right: 0; }
      .rentex-ulisting-dashboard .rentex-dashboard-header .button-add-listing span {
        display: none; } }
  .rentex-ulisting-dashboard .rentex-dashboard-header .avatar-user {
    display: flex;
    align-items: center;
    margin-left: auto; }
    .rentex-ulisting-dashboard .rentex-dashboard-header .avatar-user img {
      height: 40px;
      width: 40px;
      border-radius: 100%;
      margin-right: 10px;
      object-fit: cover; }
    .rentex-ulisting-dashboard .rentex-dashboard-header .avatar-user .name-user {
      font-size: 14px;
      color: #000000;
      font-weight: bold; }

.rentex-ulisting-dashboard .rentex-dashboard-content {
  padding: 40px 0; }

.rentex-dashboard-side {
  position: fixed;
  width: 240px;
  top: 0;
  bottom: 0;
  z-index: 998;
  overflow: hidden;
  overflow-y: auto;
  transition: transform .25s ease;
  -webkit-transform: translate3d(-240px, 0, 0);
  transform: translate3d(-240px, 0, 0); }
  @media (min-width: 1024px) {
    .rentex-dashboard-side {
      transform: none; } }
  .mobile-dashboard-active .rentex-dashboard-side {
    transform: none; }

.mobile-dashboard-close {
  color: #fff;
  padding: 2px 10px;
  background: #000;
  position: absolute;
  right: 0;
  top: 0; }
  @media (min-width: 1024px) {
    .mobile-dashboard-close {
      display: none; } }
  .mobile-dashboard-close:hover, .mobile-dashboard-close:focus {
    color: #fff; }

.rentex-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 997;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  transition: opacity .25s ease, visibility 0s ease; }
  .mobile-dashboard-active .rentex-overlay {
    visibility: visible;
    opacity: 1; }

.menu-mobile-dashboard-button {
  display: block;
  font-size: 18px;
  padding-left: 10px;
  color: #000000; }
  @media (min-width: 1024px) {
    .menu-mobile-dashboard-button {
      display: none; } }

.mobile-dashboard-active {
  overflow: hidden; }
  .mobile-dashboard-active #page {
    margin-left: 240px;
    margin-right: -240px; }

.main-dashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .main-dashboard .main-dashboard-block {
    margin-right: 30px;
    padding: 35px;
    margin-bottom: 30px;
    background: #a3e38c;
    border-radius: 3px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (min-width: 1025px) {
      .main-dashboard .main-dashboard-block:last-child {
        margin-right: 0px; } }
    .main-dashboard .main-dashboard-block .dashboard-number {
      font-size: 40px;
      line-height: 45px;
      font-weight: bold; }
    .main-dashboard .main-dashboard-block i {
      font-size: 48px;
      opacity: 0.4; }
    .main-dashboard .main-dashboard-block.bg-danger {
      background: #ec9b9a; }
    .main-dashboard .main-dashboard-block.bg-success {
      background: #b1aae0; }
    .main-dashboard .main-dashboard-block.bg-warring {
      background: #efc698; }

.rentex-dashboard-content .ulisting-table thead {
  border-bottom: 1px solid;
  border-color: #ebebeb; }
  .rentex-dashboard-content .ulisting-table thead th {
    padding: 20px 15px;
    font-size: 18px;
    font-weight: bold; }

.rentex-dashboard-content .ulisting-table th, .rentex-dashboard-content .ulisting-table td {
  border: none; }

.rentex-dashboard-content .ulisting-table td, .rentex-dashboard-content .ulisting-table th {
  padding: 15px;
  font-size: 14px;
  color: #000000;
  font-weight: 500; }

.rentex-dashboard-content .table-striped tbody tr:nth-of-type(even) {
  background: #f7f7f7; }

.rentex-dashboard-content .label-active {
  color: #b1dc6f; }

.rentex-dashboard-content .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto; }

.rentex-dashboard-content .btn-view-search, .rentex-dashboard-content .btn-delete-search {
  position: relative;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  font-size: 18px;
  text-align: center;
  display: inline-block; }

.rentex-dashboard-content .btn-view-search {
  color: #000000;
  margin-right: 10px; }
  .rentex-dashboard-content .btn-view-search:hover {
    color: #ff9933; }

.rentex-dashboard-content .btn-delete-search {
  color: #f12b2b; }

.rentex-dashboard-content table.searches-table {
  min-width: 600px; }

.rentex-dashboard-content .ulisting-comment-box.form-comment {
  display: none; }

.rentex-dashboard-content .ulisting-comment-box.ulisting-no-comment {
  display: block; }

.rentex-ulisting-dashboard input, #stm-listing-login input, .login-wrap input, .register-wrap input {
  width: 100%;
  border-radius: 4px; }

.rentex-ulisting-dashboard .select2-container, #stm-listing-login .select2-container, .login-wrap .select2-container, .register-wrap .select2-container {
  background: #fafafa; }
  .rentex-ulisting-dashboard .select2-container.select2-container--focus, #stm-listing-login .select2-container.select2-container--focus, .login-wrap .select2-container.select2-container--focus, .register-wrap .select2-container.select2-container--focus {
    outline: none; }
    .rentex-ulisting-dashboard .select2-container.select2-container--focus .select2-selection, #stm-listing-login .select2-container.select2-container--focus .select2-selection, .login-wrap .select2-container.select2-container--focus .select2-selection, .register-wrap .select2-container.select2-container--focus .select2-selection {
      box-shadow: none; }
  .rentex-ulisting-dashboard .select2-container .select2-selection, #stm-listing-login .select2-container .select2-selection, .login-wrap .select2-container .select2-selection, .register-wrap .select2-container .select2-selection {
    border-color: #ebebeb;
    height: 50px !important;
    vertical-align: middle; }
  .rentex-ulisting-dashboard .select2-container .select2-selection__placeholder, #stm-listing-login .select2-container .select2-selection__placeholder, .login-wrap .select2-container .select2-selection__placeholder, .register-wrap .select2-container .select2-selection__placeholder {
    font-size: 14px;
    color: #000000; }
  .rentex-ulisting-dashboard .select2-container .select2-selection__rendered, #stm-listing-login .select2-container .select2-selection__rendered, .login-wrap .select2-container .select2-selection__rendered, .register-wrap .select2-container .select2-selection__rendered {
    line-height: 48px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 14px;
    color: #000000; }
  .rentex-ulisting-dashboard .select2-container .select2-dropdown, #stm-listing-login .select2-container .select2-dropdown, .login-wrap .select2-container .select2-dropdown, .register-wrap .select2-container .select2-dropdown {
    border-color: #ebebeb; }

.rentex-ulisting-dashboard .error-field, #stm-listing-login .error-field, .login-wrap .error-field, .register-wrap .error-field {
  position: relative;
  margin-bottom: 0; }
  .rentex-ulisting-dashboard .error-field:before, #stm-listing-login .error-field:before, .login-wrap .error-field:before, .register-wrap .error-field:before {
    content: "";
    position: absolute;
    height: calc(100% - 2px);
    bottom: 1px;
    left: 1px;
    width: 3px;
    background-color: #f24f4f;
    border-radius: 4px 0 0 4px; }

.rentex-ulisting-dashboard .form-valid-error, #stm-listing-login .form-valid-error, .login-wrap .form-valid-error, .register-wrap .form-valid-error {
  font-size: 12px;
  color: #f24f4f; }

.rentex-ulisting-dashboard input[name='date'], #stm-listing-login input[name='date'], .login-wrap input[name='date'], .register-wrap input[name='date'] {
  padding: 0.6180469716em;
  color: #6a6a6a;
  border: 1px solid;
  border-color: #ebebeb;
  background-color: #fafafa;
  -webkit-appearance: none;
  box-sizing: border-box;
  border-radius: 6px;
  outline: 0;
  font-family: "Circular Std", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1rem; }
  .rentex-ulisting-dashboard input[name='date']::placeholder, #stm-listing-login input[name='date']::placeholder, .login-wrap input[name='date']::placeholder, .register-wrap input[name='date']::placeholder {
    color: #aeaeae; }
  .form-light .rentex-ulisting-dashboard input[name='date'], .form-light #stm-listing-login input[name='date'], .form-light .login-wrap input[name='date'], .form-light .register-wrap input[name='date'] {
    color: #fff; }
    .form-light .rentex-ulisting-dashboard input[name='date']::placeholder, .form-light #stm-listing-login input[name='date']::placeholder, .form-light .login-wrap input[name='date']::placeholder, .form-light .register-wrap input[name='date']::placeholder {
      color: #fff; }

.rentex-ulisting-dashboard .stm-date-picker i, #stm-listing-login .stm-date-picker i, .login-wrap .stm-date-picker i, .register-wrap .stm-date-picker i {
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: #6a6a6a; }

.rentex-ulisting-dashboard .mx-calendar-table .today, #stm-listing-login .mx-calendar-table .today, .login-wrap .mx-calendar-table .today, .register-wrap .mx-calendar-table .today {
  color: #ff9933; }

.rentex-ulisting-dashboard .mx-calendar-month > a.current, .rentex-ulisting-dashboard .mx-calendar-table td.current, .rentex-ulisting-dashboard .mx-calendar-year > a.current, #stm-listing-login .mx-calendar-month > a.current, #stm-listing-login .mx-calendar-table td.current, #stm-listing-login .mx-calendar-year > a.current, .login-wrap .mx-calendar-month > a.current, .login-wrap .mx-calendar-table td.current, .login-wrap .mx-calendar-year > a.current, .register-wrap .mx-calendar-month > a.current, .register-wrap .mx-calendar-table td.current, .register-wrap .mx-calendar-year > a.current {
  background-color: #ff9933; }

.rentex-ulisting-dashboard .mx-datepicker-btn-confirm:hover, #stm-listing-login .mx-datepicker-btn-confirm:hover, .login-wrap .mx-datepicker-btn-confirm:hover, .register-wrap .mx-datepicker-btn-confirm:hover {
  color: #fff;
  border-color: #ff9933; }

.rentex-ulisting-dashboard .mx-calendar-month > a:hover, .rentex-ulisting-dashboard .mx-calendar-table td.inrange, .rentex-ulisting-dashboard .mx-calendar-table td:hover, .rentex-ulisting-dashboard .mx-calendar-year > a:hover, #stm-listing-login .mx-calendar-month > a:hover, #stm-listing-login .mx-calendar-table td.inrange, #stm-listing-login .mx-calendar-table td:hover, #stm-listing-login .mx-calendar-year > a:hover, .login-wrap .mx-calendar-month > a:hover, .login-wrap .mx-calendar-table td.inrange, .login-wrap .mx-calendar-table td:hover, .login-wrap .mx-calendar-year > a:hover, .register-wrap .mx-calendar-month > a:hover, .register-wrap .mx-calendar-table td.inrange, .register-wrap .mx-calendar-table td:hover, .register-wrap .mx-calendar-year > a:hover {
  background-color: #99cc66;
  color: #fff; }

.rentex-ulisting-dashboard .edit-account-field, .rentex-ulisting-dashboard .form-field {
  margin-bottom: 20px; }

.rentex-ulisting-dashboard label {
  display: inline-block;
  margin-bottom: 5px;
  color: #000;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize; }

.rentex-ulisting-dashboard textarea {
  border-radius: 4px; }

.rentex-ulisting-dashboard .btn-add-listing {
  margin-bottom: 30px; }

.error-field, .error {
  position: relative;
  margin-bottom: 0; }
  .error-field:before, .error:before {
    content: "";
    position: absolute;
    height: calc(100% - 2px);
    bottom: 1px;
    left: 0;
    width: 3px;
    background-color: #f24f4f;
    border-radius: 4px 0 0 4px; }

.form-valid-error {
  font-size: 12px;
  color: #f24f4f; }

.dashboard-content-wrapper {
  background: white;
  border-radius: 4px;
  margin-bottom: 30px; }
  .dashboard-content-wrapper.padding {
    padding: 20px 30px; }
    @media (max-width: 567px) {
      .dashboard-content-wrapper.padding {
        padding: 15px; } }
  .dashboard-content-wrapper h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px; }
    @media (max-width: 567px) {
      .dashboard-content-wrapper h3 {
        font-size: 20px; } }

.rentex-dashboard-content .profile-content {
  padding: 40px 30px;
  border-bottom: 1px solid #e3e3e3; }
  .rentex-dashboard-content .profile-content:last-child {
    border: 0; }
  .rentex-dashboard-content .profile-content .profile-edit-title {
    padding-bottom: 30px; }
  .rentex-dashboard-content .profile-content .sub-title {
    font-size: 14px;
    color: #aeaeae; }
  .rentex-dashboard-content .profile-content button {
    border: 0;
    border-radius: 0;
    padding: 0.875em 3.125em;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .rentex-dashboard-content .profile-content button:hover {
      background-color: #ff8000; }

.rentex-dashboard-content .profile-avatar img {
  margin-bottom: 10px;
  width: 300px;
  height: 300px;
  max-width: initial;
  object-fit: cover; }

.rentex-dashboard-content .profile-avatar button {
  display: block;
  width: 300px;
  margin-bottom: 5px; }

.rentex-dashboard-content .profile-avatar span {
  font-size: 14px;
  color: #aeaeae; }

.rentex-dashboard-content .btn-block {
  width: 100%; }

.rentex-dashboard-content .btn-dark {
  background-color: #252525; }

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(../../images/ulisting/mapmarker.svg); }

.add-subscription {
  min-height: 270px;
  max-width: 290px;
  display: flex;
  margin: 0 0 0 auto;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  cursor: pointer;
  border: 3px dashed;
  color: #e1e1e1;
  font-size: 18px;
  border-radius: 4px;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media (max-width: 567px) {
    .add-subscription {
      min-height: 200px; } }
  .add-subscription i {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    line-height: 60px;
    text-align: center;
    color: white;
    background-color: #ff9933;
    margin-bottom: 20px; }
  .add-subscription a {
    display: block; }
  .add-subscription span {
    color: #000000; }
  .add-subscription:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fafafa; }
  @media (max-width: 575px) {
    .add-subscription {
      margin: auto; } }

.breadcrumb-dashboard {
  background-color: #ffffff;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 4px; }
  .breadcrumb-dashboard .steps {
    padding: 20px 30px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 500; }
    .breadcrumb-dashboard .steps:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 40px;
      height: 40px;
      top: 0;
      bottom: 0;
      margin: auto;
      background-color: #ffffff;
      transform: scale(0.707, 1.5) rotate(45deg);
      box-shadow: 1px -1px #e1e1e1;
      z-index: 1; }
      @media (max-width: 768px) {
        .breadcrumb-dashboard .steps:after {
          width: 15px;
          height: 15px;
          right: 0; } }
    .breadcrumb-dashboard .steps:last-child:after {
      content: none; }
    .breadcrumb-dashboard .steps.active .step-number {
      background-color: #ff9933; }
    .breadcrumb-dashboard .steps.active .step-title {
      color: #000000; }
  .breadcrumb-dashboard .step-number {
    background-color: #aeaeae;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 15px;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .breadcrumb-dashboard .step-title {
    color: #aeaeae;
    line-height: 40px; }
  @media (max-width: 768px) {
    .breadcrumb-dashboard .step-title {
      font-size: 14px;
      line-height: 25px; }
    .breadcrumb-dashboard .step-number {
      font-size: 14px;
      line-height: 25px;
      width: 25px;
      height: 25px; } }
  @media (max-width: 580px) {
    .breadcrumb-dashboard .steps {
      padding: 10px; }
      .breadcrumb-dashboard .steps:after {
        width: 10px;
        height: 10px;
        right: -4px; }
    .breadcrumb-dashboard .step-number {
      margin-right: 5px;
      margin-top: 2px; } }
  @media (max-width: 430px) {
    .breadcrumb-dashboard .steps {
      padding: 10px 15px;
      width: 100%; }
      .breadcrumb-dashboard .steps:after {
        display: none; }
    .breadcrumb-dashboard .step-number {
      margin-right: 10px; } }

.listing-type-box {
  margin-bottom: 30px; }
  .listing-type-box a {
    display: block;
    position: relative;
    padding-bottom: 66%;
    border-radius: 4px;
    background-position: center;
    background-size: cover; }
    .listing-type-box a:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 4px;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
    .listing-type-box a:hover:before {
      background-color: #ff9933;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
  .listing-type-box .listing-type-title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    display: inline;
    color: #fff;
    font-size: 18px; }
    .listing-type-box .listing-type-title span {
      border-bottom: 2px solid #fff; }

#stm-listing-form-listing .mce-tinymce button {
  border-radius: 0; }
  #stm-listing-form-listing .mce-tinymce button:hover {
    background-color: transparent; }

#stm-listing-form-listing h3 > div,
#stm-listing-form-listing .last-plan > div {
  margin-bottom: 1.5rem; }

#stm-listing-form-listing .addlisting-btn-success .addlisting-button {
  color: #000000;
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  display: inline-flex;
  align-items: center; }
  #stm-listing-form-listing .addlisting-btn-success .addlisting-button:not(:last-child):after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000000;
    margin: 0 10px;
    display: inline-flex; }
  #stm-listing-form-listing .addlisting-btn-success .addlisting-button:hover {
    background-color: transparent;
    color: #ff9933; }
  #stm-listing-form-listing .addlisting-btn-success .addlisting-button.feature {
    display: inline-flex;
    align-items: center; }
    #stm-listing-form-listing .addlisting-btn-success .addlisting-button.feature:not(:hover) {
      color: #99cc66; }

.user-plans-box {
  padding: 30px 40px;
  border: 1px solid;
  border-color: #ebebeb;
  border-radius: 4px;
  margin-bottom: 30px;
  position: relative;
  cursor: pointer; }
  .user-plans-box:before {
    content: "";
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 4px 0 0 4px;
    background-color: transparent; }
  .user-plans-box.card-body {
    padding: 10px 15px;
    margin-bottom: 0; }
    .user-plans-box.card-body.user_plan_selected:before {
      background-color: #a1d071; }
    .user-plans-box.card-body.user_plan_selected .active-plan-icon {
      background-color: #a1d071;
      color: #fff; }
  .user-plans-box.user_plan_active:before {
    background-color: #a1d071; }
  .user-plans-box.user_plan_active .active-plan-icon {
    background-color: #a1d071;
    color: #fff; }
  .user-plans-box .card-title {
    font-size: 18px; }
  .user-plans-box p {
    font-size: 14px;
    margin-bottom: 0; }
  .user-plans-box .active-plan-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background-color: transparent;
    color: transparent;
    font-size: 12px;
    text-align: center; }

.add-floor .card-header {
  background-color: #f6f6f6;
  padding: 10px 20px; }

.add-floor .card {
  border: 1px solid #dfdfdf;
  margin-bottom: 20px; }
  .add-floor .card label {
    margin-bottom: 10px; }

.add-floor .card-body {
  margin: 20px; }

.add-floor .btn {
  border-radius: 4px; }

.multiple-checkbox .rentex-checkbox label {
  color: #6a6a6a;
  font-weight: 300; }
  .multiple-checkbox .rentex-checkbox label input:checked ~ .checkbox-frame {
    background-color: #99cc66;
    border-color: #99cc66; }

.rentex-ulisting-dashboard .btn-success {
  background-color: #99cc66; }
  .rentex-ulisting-dashboard .btn-success:hover {
    background-color: #80bf40; }

.rentex-ulisting-dashboard .btn-danger {
  background-color: #dc3545; }
  .rentex-ulisting-dashboard .btn-danger:hover {
    background-color: #c42e3d; }

.rentex-ulisting-dashboard .btn-custom {
  background-color: transparent;
  color: #000000; }

.rentex-ulisting-dashboard .btn-custom-size-sm {
  padding: 5px 10px; }

.rentex-ulisting-dashboard .btn-custom-size-xs {
  padding: 6px 12px;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 400; }

.rentex-ulisting-dashboard .mb-30 {
  margin-bottom: 30px; }

.rentex-ulisting-dashboard .mb-20 {
  margin-bottom: 20px; }

.rentex-ulisting-dashboard .mb-15 {
  margin-bottom: 15px; }

.rentex-ulisting-dashboard .my-auto {
  margin-top: auto;
  margin-bottom: auto; }

@media (max-width: 768px) {
  .rentex-ulisting-dashboard .mb-md-10 {
    margin-bottom: 10px; } }

.stm-file-dragdrop {
  background-color: #fafafa;
  min-height: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  outline: 3px dashed;
  color: #e1e1e1;
  -webkit-transition: outline-offset .15s ease-in-out, color .15s linear;
  transition: outline-offset .15s ease-in-out, color .15s linear; }
  .stm-file-dragdrop.is-dragover {
    outline-offset: -20px;
    color: #ff9933; }
  .stm-file-dragdrop .icon-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%); }
    .stm-file-dragdrop .icon-text i {
      font-size: 50px;
      color: #ff9933; }
    .stm-file-dragdrop .icon-text span {
      display: block;
      color: #000000; }
  .stm-file-dragdrop input {
    width: 0;
    height: 0;
    opacity: 0; }
  .stm-file-dragdrop .main-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
    .stm-file-dragdrop .main-image input {
      width: 100%;
      height: 100%;
      cursor: pointer; }

.my-listing-sidebar-wrap {
  display: block;
  background-color: #f8f8f8;
  border-width: 0 0 1px 0;
  border-color: #e3e3e3;
  padding: 15px 30px;
  text-align: left; }
  @media (max-width: 567px) {
    .my-listing-sidebar-wrap {
      padding: 15px; } }
  .my-listing-sidebar-wrap li {
    display: inline-block; }

@media (max-width: 767px) {
  .my-listing-sidebar-wrap {
    text-align: center; }
    .my-listing-sidebar-wrap li {
      padding: 10px 0;
      margin: 0 15px; } }

.ulisting-user-listings {
  display: flex;
  flex-wrap: wrap; }
  .ulisting-user-listings .page-title {
    margin-right: 20px; }
  .ulisting-user-listings .form-check-inline {
    width: 190px;
    margin-bottom: 20px; }
    .ulisting-user-listings .form-check-inline select {
      background-color: #fafafa; }

#ulisting_my_listing div[v-if] {
  display: none; }

.my-listing-sidebar-item {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #aeaeae;
  margin-right: 45px;
  border: none !important; }
  .my-listing-sidebar-item:before {
    content: "";
    position: absolute;
    background-color: transparent;
    height: 4px;
    width: 0;
    background-color: #ff9933;
    bottom: -15px;
    transition: all ease-in-out 0.2s; }
  .my-listing-sidebar-item.is-active {
    color: #000 !important;
    color: #000000; }
    .my-listing-sidebar-item.is-active:before {
      width: 100%; }
  .my-listing-sidebar-item:hover:before {
    width: 100%; }
  @media (max-width: 767px) {
    .my-listing-sidebar-item:before {
      bottom: 5px; } }

.rentex-listing-list-item .rentex-listing-thumbnail-panel {
  flex: 0 0 140px;
  width: 140px; }

.rentex-listing-list-item .rentex-listing-content-panel {
  flex: 0 0 calc(100% - 140px);
  width: calc(100% - 140px); }

.tab-my-listing-header th {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #000000; }

.column-price, .column-expired, .column-action {
  width: 14.73%; }

.column-status {
  width: 12.4%; }
  .column-status a {
    font-size: 14px; }

.btn-draft, .btn-edit, .btn-promote {
  position: relative;
  background-color: #efefef;
  border-radius: 4px;
  padding: 11px 20px;
  font-size: 18px;
  text-align: center;
  cursor: pointer; }
  .btn-draft i, .btn-edit i, .btn-promote i {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto; }

.btn-edit {
  color: #000; }

.btn-draft {
  color: #f12b2b;
  margin-left: 10px; }

.btn-promote {
  color: #99cc66;
  margin-left: 10px; }

.border-b {
  border-bottom: 1px solid #e3e3e3; }

table td, table th {
  vertical-align: middle; }
  table td:first-child, table th:first-child {
    padding-left: 0; }
  table td:last-child, table th:last-child {
    padding-right: 0; }
  table td .rentex-listing-list-item, table th .rentex-listing-list-item {
    margin: 0; }
    table td .rentex-listing-list-item a, table th .rentex-listing-list-item a {
      font-weight: 500; }

table td {
  padding: 30px 0; }

table.my-listing-table {
  min-width: 900px; }

.dashboard-content-wrapper .expired {
  font-size: 14px; }

.dashboard-content-wrapper .c-success {
  color: #99cc66; }

.column-price .ulisting-listing-price-new {
  font-size: 18px; }

.ulisting-listing-status {
  background-color: transparent;
  color: #f12b2b;
  font-size: 14px;
  text-transform: capitalize;
  padding: 0;
  border: 0;
  text-align: left; }
  .ulisting-listing-status.ulisting_status_publish {
    color: #b1dc6f;
    background-color: transparent !important; }
  .ulisting-listing-status.ulisting_status_pending {
    color: #ff9933; }
  .ulisting-listing-status.ulisting_status_draft {
    color: #e2401c; }
  .ulisting-listing-status.btn {
    color: #000000;
    background-color: transparent; }
    .ulisting-listing-status.btn:hover {
      color: #ff9933;
      background-color: transparent; }

.ulisting-listing-status-wrapper {
  position: relative; }
  .ulisting-listing-status-wrapper:hover .rentex-status-change {
    margin-top: 0;
    opacity: 1;
    visibility: visible; }

.rentex-status-change {
  position: absolute;
  left: -1rem;
  top: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 1rem;
  -ms-transition: all 0.35s;
  -o-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden; }

.add-agents-subtitle {
  font-size: 14px;
  color: #aeaeae;
  font-weight: 400; }

.add-agent-form {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .add-agent-form .ulisting-form-gruop {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px; }
    @media (max-width: 567px) {
      .add-agent-form .ulisting-form-gruop {
        flex: 0 0 100%;
        max-width: 100%; } }
  .add-agent-form .errors {
    font-size: 12px;
    color: #f24f4f;
    position: relative; }
    .add-agent-form .errors:before {
      content: "";
      position: absolute;
      left: 0;
      width: 4px;
      background-color: #f24f4f;
      bottom: 100%;
      margin-bottom: 7px;
      z-index: 1;
      height: 44px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
  .add-agent-form .btn-add-agent {
    padding: 15px 60px;
    margin: 20px 0; }

/*# sourceMappingURL=dashboard.css.map */