:root {
    --pt-color-secondary: #2d895f;
}

body {
    color: #2e503c;
    background-color: #f0f0f0;
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2e503c;
}

.h5,
h5 {
    font-size: 1.1rem;
}

a {
    color: #2e503c;
}

a:hover {
    color: #2e503c;
}

.form-check.form-switch {
    padding-left: 2.5em;
    display: flex;
}

.form-check.form-switch .form-check-input {
    margin-right: 8px;
    background-color: #e9ecef;
    border: unset!important;
    cursor: pointer;
}

.form-check.form-switch .form-check-input {
    width: 2.9em!important;
    height: 1.6rem !important;
    margin-left: -2.8em;
    border-radius: 2em;
    min-width: 45px;
}

.form-check.form-switch .form-check-input:checked  {
    background-color: #5fffa7;
}

.text-muted {
    color: #4f4f4f !important;
}

.form-control,
.form-select {
    border-radius: 0.5rem;
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5715;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity));
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-control:focus,
.form-select:focus {
    color: #2e503c;
    background-color: #fff;
    border-color: #2e503c;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(49, 138, 68, 0.25);
}

.choices {
    font-size: 0.875rem !important;
}

.choices__inner {
    display: inline-block!important;
    vertical-align: top!important;
    width: 100%!important;
    background-color: #fff!important;
    padding: 4.5px 5.5px 3.75px!important;
    border: 1px solid #ddd!important;
    min-height: 38px!important;
    overflow: hidden!important;
    border-color: rgb(229 231 235/var(--tw-border-opacity))!important;
    --tw-border-opacity: 1!important;
    border-radius: 0.5rem!important;
    font-size: 0.875rem!important;
    --tw-text-opacity: 1!important;
    color: rgb(31 41 55/var(--tw-text-opacity))!important;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05)!important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)!important;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)!important;
}

.choices__placeholder,
.choices__list--dropdown .choices__item{
    opacity: 1!important;
    font-weight: 400!important;
    font-size: 0.875rem!important;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}

.btn {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.btn:hover {
    border-color: transparent!important;
}

.btn,
.cs7y6,
.cnf4p,
.btn-xs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border-width: 1px;
    border-color: transparent;
    font-size: 0.875rem;
    line-height: 1.5715;
    font-weight: 500;
    line-height: 1.25rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

@media (max-width: 767.98px) {
    .mt-negative-mobile {
        margin-top: -10%;
    }
}

.form-control:focus {
    color: #2e503c;
    background-color: #fff;
    border-color: #2e503c;
    ;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(49, 138, 68, 0.25);
}

.company_pending {
    background-color: #5fc2a7;
    padding: 10px 50px;
    margin: 0px auto 10px;
    color: #fff;
    border-radius: 8px;
}

.company_pending h2 {
    color: #fff;
    font-size: 1.8em;
    margin: 10px 0 0;
}

.company_pending h3 {
    color: #fff;
    font-size: 1em;
    margin: 5px 0 0;
}

.company_pending p {
    color: #fff;
    font-size: 1em;
    margin: 5px 0;
}

.sidebar-wrapper .sidebar-header img {
    height: auto;
    width: auto;
}


.sidebar-wrapper .menu .sidebar-title {
    color: #2e503c;
}

.sidebar-wrapper .menu .sidebar-item.disabled-menu {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

.sidebar-wrapper .menu .submenu .submenu-item a {
    color: #2e503c;
}

.sidebar-wrapper .menu .submenu .submenu-item a:hover {
    margin-left: .3rem;
    color: #5fc2a7;
}

.sidebar-wrapper .menu .sidebar-link i,
.sidebar-wrapper .menu .sidebar-link svg {
    color: var(--pt-color-secondary);
}

.sidebar-wrapper .menu .sidebar-link {
    color: #2e503c;
}

.card.dash-card .card-body .text-muted {
    color: #4f4f4f !important;
}

.card.dash-card-user .card-body .text-muted {
    color: #4f4f4f !important;
}

.card .card-body {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.02);
}

.card .card-header h4 {
    font-size: 1.1rem
}

.card .card-content .name h5 {
    font-size: 1em;
}

.stats-icon {
    background-color: var(--pt-color-secondary);
}

.btn.btn-light-primary {
    background-color: #e9fff5;
    color: #2e503c;
}

.btn.btn-light-primary a {
    color: #2e503c;
}

.btn-portal-primary {
    color: #fff;
    background-color: #2e503c;
    transition: 0.4s;
}

.btn-portal-primary:hover {
    color: #fff;
    background-color: #336849;
}

.btn-portal-primary:active {
    color: #fff;
    background-color: #336849;
}

.btn-portal-primary:focus {
    color: #fff;
    background-color: #336849 !important;
    box-shadow: 0 0 0 .2rem rgba(49, 138, 68, 0.25) !important;
}

.btn-portal-secondary {
    color: #3f865c;
    background-color: #FFF;
    border-color:#3f865c;
    transition: 0.4s;
}

.btn-portal-secondary:hover {
    color: #fff;
    background-color: #3f865c;
    border-color: transparent !important;
}

.btn-portal-secondary:disabled {
    color: #3f865c!important;
    border-color: #3f865c !important;
    opacity: .7;
}

.btn-portal-action {
    /* //#47ab9d */
    color: #fff;
    background-color: #37877c;
    border-color: transparent !important;
    transition: 0.4s;
}

.btn-portal-action:hover {
    color: #fff;
    background-color: #5fc2a7;
    border-color: transparent !important;
}

.btn-portal-highlights {
    /* //#47ab9d */
    color: #fff;
    background-color: #1fa392;
    border-color: transparent !important;
    transition: 0.4s;
}

.btn-portal-highlights:hover {
    color: #fff;
    background-color: #4daf95;
    border-color: transparent !important;
}

.btn-item {
    color: #fff;
}

.btn-item:hover {
    color: #fff;
}

.card-pricing {
    border: 2px solid #336849;
}

.active-plan {
    color: #fff;
    background-color: var(--pt-color-secondary);
    font-size: 18px;
}

button.btn-icon {
    margin: 0 5px 0 0px;
}

button.btn-icon i {
    position: relative;
    top: 2px;
}

button.btn-icon a {
    color: #fff;
}

input.error {
    border: 1px solid #c92f2f!important;
}

textarea.error {
    border: 1px solid #c92f2f!important;
}

select.error {
    border: 1px solid #c92f2f!important;
}

.error {
    border: 1px solid #c92f2f!important;
}

/* .card.dash-card-user .card-body h5{
    color: #4f4f4f !important;
} */

.card.property-highlights {
    border: 1px solid #21ba60;
}

.card-property {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.card-property p {
    font-size: 14px;
}

.form-check-input:checked {
    background-color: #5fc2a7;
    border-color: #5fc2a7;
}

/* .file {
    width: 100%;
    height: 200px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
} */
.slide-content {
    background: #fff;
    padding: 5px 10px;
    width: 100%;
    margin: 20px auto 0;
    height: 220px;
    position: relative;
    display: flex;
    flex-basis: auto;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    border: 1px dashed #cecdcd;
}

.queued-div {
    display: flex;
}

.slide-image {
    width: 23%;
    height: 180px;
    padding: 20px 10px;
    border: 2px dashed #e8e8e8;
    margin: 15px 1%;
    position: relative;
}

.slide-image img {
    width: 100%;
    height: 150px;
}

.slide-image span {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    background: #5fc2a7;
    padding: 2px 7px;
    border-radius: 5px;
}

.j_profile_image {
    width: 60%;
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px 5px;
    border: 1px dashed #e8e8e8;
    margin: 10px 0px;
}

.properties-gallery-box {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0px;
}

.property_cell {
    width: 15%;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px;
}

.nav-tabs.tabs-portal .nav-link {
    color: #5fc2a7;
}

.nav-tabs.tabs-portal .nav-link.active {
    border: none;
    position: relative;
    color: #2e503c;
    background-color: #e9fff5;
}

.nav-tabs.tabs-portal .nav-link.active:after {
    background-color: #2e503c;
}

span.input-group-text.portal-dash-data {
    background-color: #5fc2a7 !important;
    border-color: #5fc2a7 !important;
    min-height: 40px;
}

.btn.portal-dash-submit {
    background-color: #5fc2a7 !important;
    border-color: #5fc2a7 !important;
}

.btn.portal-dash-submit:hover {
    background-color: #2e503c !important;
    border-color: #2e503c !important;
}

a.disabled-menu {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

button.disabled-menu {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}

@media screen and (max-width: 1366px) {

    .card.dash-card .card-body {
        padding: 25px 10px !important;
    }

    .card.dash-card-user .card-body {
        padding: 18px 10px !important;
    }

    .card.dash-card .card-body h6 {
        font-size: 14px;
    }

}

.datepicker {
    padding: 10px 15px !important;
}

.datepicker table {
    min-width: 195px;
}

.datepicker td,
.datepicker th {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 13px;
    line-height: 28px;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #5fc2a7 !important;
    background-image: none !important;
    color: #fff;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
    background: #ccc;
}

.datepicker table tr td.new,
.datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #ccc;
    opacity: 0.4;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #ccc;
}

.datepicker .datepicker-switch:hover {
    background: none;
}

.datepicker-dropdown:after {
    border-bottom: 6px solid transparent;
}

.datepicker-dropdown:before {
    border-bottom-color: #999;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
    border-top: 6px solid transparent;
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: #FFF;
    background-color: #FFF;
}

.page-link {
    color: #2e503c;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2e503c;
    border-color: #2e503c;
}

.bg-info {
    background-color: var(--pt-color-secondary)!important;
}

#table-perPage {
    min-width: 70px;
}