:root {
    --main-color: #213458;
    --main-hover: #304e89;
    --second-color: #b99b00;
    --dark-one: #222;
    --dark-two: #333;
    --grey: #ddd;
    --green-one: #1d7d81;
    --green-two: #8ebec0;

    --accent-one: #527c88;
    --accent-two: #d7baad;
    --side-back: #fff;
    --side-color: #222;
    --side-active: #eee;

}

/* Style Guide Rules */
body {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--main-color);
    font-family: 'Montserrat', serif;
    font-weight: 600;
}

h1 {
    text-transform: none;
    font-size: 2.5em;
    font-weight: 300;
}

h2 {
    text-transform: inherit;
    font-size: 1.33em;
}

h3 {
    text-transform: inherit;
    font-size: 1em;
}

a {
    color: var(--main-color);
    text-decoration: none;
}

/* End style guide rules */

.dashborad-box .title {
    color: var(--main-color);
}

.notification-heading {
    color: var(--main-color);
}

.white-text {
    color: white;
}

.full-width {
    width: 100% !important
}

.width-50 {
    min-width: 50% !important
}

.profile, .profile-circle {
    font-family: 'Cormorant Garamond';
}

.profile-circle {
    color: var(--second-color);
    font-size: 5em;
    border-radius: 50%;
    background-clip: padding-box;
    border: 5px solid var(--main-color);
    height: 100px;
    width: 100px;
    position: absolute;
    line-height: 1.3em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile-box .delegate .header .profile-circle {
    background: var(--main-color);
    color: var(--dark-two);
}

.header-user-name span.profile {
    position: absolute;
    color: var(--second-color);
    width: 38px;
    height: 38px;
    font-size: 2.2em;
    border-radius: 100%;
    border: 1px solid var(--main-color);
    overflow: hidden;
    top: 0px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
}

.ui-elements .checkbox-option {
    border: 1px solid var(--main-color);
    z-index: 2;
    position: relative;
}

.ui-elements .checkbox-option.checked .inner {
    background-color: var(--main-color);
    z-index: 2
}

.ui-elements .checkbox-option .inner {
    border: 1px solid var(--main-color);
    z-index: 2
}

.ui-elements .checkbox-option input {
    z-index: -1;
    position: absolute;
    visibility: hidden;
}

.checkbox-option.yes-no:before {
    position: absolute;
    left: 65px;
    content: "No";
}

.checkbox-option.yes-no.checked:before {
    content: "Yes";
}

.inner-pages .form-control, .form-control,
.inner-pages .property-form-group p input,
.ui-elements input[type=text] {
    border: 1px solid #ddd;
    background: white;
    padding: 0 1em;
    line-height: 1em;
    height: 2.5em;
    padding-left: 1em;
    margin-bottom: 10px;
}

input.form-control[type=file] {
    border: none;
}

.pwdtype {
    cursor: pointer;
    font-family: 'FontAwesome';
    position: absolute;
    right: 1em;
    top: 2px;
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

textarea.form-control {
    height: auto;
    padding: 1em;
}

.inner-pages .filter-tags .filter-tags-wrap>label>input,
.filter-tags-wrap>label>input {
    margin-right: 0.15rem !important;
    margin-bottom: -0.25em;
}

.filter-tags-wrap input:checked:after {
    bottom: -.2em !important;
}

.first-footer .top-footer {
    background-color: var(--main-color);
    color: #fff;
}

.first-footer .second-footer {
    background-color: var(--main-color);
    color: #fff;
}

.dashboard-bd .active-user h2 {
    margin-bottom: 0;
}

.dashboard-bd .active-user {
    margin-bottom: 1em;
}

.dashboard-bd .active-user .user-type {
    text-align: center;
    font-size: 0.9em;
    margin-top: 1px;
}

.dashboard-bd .second-footer {
    background-color: #fff;
    color: #333;
}


.second-footer .container {
    margin-left: auto;
    align-items: center;
    justify-content: center;
}


.inner-pages .blog .homes-content.details-2 {
    background-color: var(--main-color);
    color: #fff;
}

.user-profile-box {
    background-color: var(--main-color);
    overflow-y: auto;
}

.dashboard-bd .sidebar-header {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 23px 0;
    margin: 0 0 10px;

}

.dashboard-bd .sidebar-header img {
    width: 95%;
    height: auto;
    max-width: 200px;
    margin: auto;
}

.sidebar-widget .author__contact li {
    margin: 0;
}

.user-profile-box .header {
    background-color: var(--main-color);
    padding: 0;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-profile-box .profile-img {
    border-color: var(--main-color);
}

.user-profile-box .detail ul li a {
    padding: 12px 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', serif;
    font-weight: inherit;
    font-size: inherit;
    color: #fff;
    line-height: 1.25em;
}

.user-profile-box .detail ul li a:hover {
    background: #474747;
    color: #fff;
}

.user-profile-box .detail ul li .active {
    background: #474747;
    color: #fff;
    font-weight: 500;
}

.user-profile-box .detail ul li a i {
    margin-right: 10px;
    width: 16px;
    text-align: right;
    line-height: 1.25em;
}

.dar.pro, .dar.booked, .dar.com {
    width: 111px;
    height: 111px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashborad-box .item {
    display: flex;
    align-items: center;
}

.dashborad-box .item .icon:before {
    content: none;
    display: none;
}

.dashborad-box .item .icon {
    color: #fff;
    width: auto;
}

.dashborad-box .item .info .type {
    font-size: 15px;
}

.dashborad-box .item {
    position: relative
}

.dashborad-box .item .info .number {
    font-size: 1rem;
}

.dashborad-box .item .info {
    position: absolute;
    font-size: 1.25rem;
    top: -1.15rem;
    width: 1.75rem;
    height: 1.75rem;
    right: -1.15rem;
    background: black;
    border-radius: 50%;
    display: flex;
    text-align: center;
    padding: 0;
    align-items: center;
    justify-content: center;
}

.checktext {
    font-size: 0.8em
}

.agreecheck {
    margin-top: 0.25em;
    float: left;
    margin-right: 10px;
}

.invalid-feedback {
    font-size: 0.9rem;
}

.border-right {
    border-right: 1px solid #eee;
}

.primary-image {
    background-color: var(--main-color);
}

.image-preview {
    max-width: 100px;
    max-height: 70px;
    margin: 5px 10px;
}

.cursor-pointer {
    cursor: pointer;
}

table.styled {
    width: 100%;
    display: table;
}

table.styled thead tr th {
    font-size: 15px;
    color: #222;
    background-color: #f5f6ff;
    border: none;
    font-weight: 500;
    padding: 10px 10px 10px 0;
}

table.styled tbody tr td {
    border-top: none;
    border-bottom: 1px solid #f3f3f3;
    padding: 30px 20px 30px 0;
    vertical-align: middle;
    font-size: 14px;
}

.opacity-50 {
    opacity: 0.5;
}

.header-user-menu {
    margin-left: 50px;
}

.my-properties table thead tr th:first-child {
    color: #333;
    font-size: inherit;
    font-weight: inherit;
    padding-left: 30px;
}

.my-properties table thead tr th {
    background-color: transparent;
    font-size: 14px;
}

.my-properties table tbody tr td {
    padding: 12px 10px 12px 0;
}

.size-2 {
    font-size: 1.5rem;
    font-weight: 300;
}

.semi-bold {
    font-weight: 600;
}

.dashboard-bd .left-side {
    width: auto;
}

.left-side {
    max-width: 80%;
}

.delmsg {
    margin: 0;
    line-height: 10px;
    width: 2em;
    background: transparent;
    border: none;
    color: #b0413e;
    box-shadow: none;
}

a.button.border, a.button,
.button, .btn {
    border-radius: 5px !important;
    font-family: 'Montserrat', serif;
    font-size: 1.05rem;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    padding: 0.75em 2.25em;
}

a.btn.bookbtn {
    padding: 5px 15px;
}

.dashborad-box a.btn-success {
    color: white;
}

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

.btn-pill {
    border-radius: 10em;
    padding: 0.4em 2em;
}

.btn-learn {
    position: absolute;
    left: 18vw;
}

.hidden {
    display: none;
}

.hidden.show {
    display: block;
}

button.form-control, button.btn {
    width: 50%;
}

.btn_1.full-width, button.fullwidth {
    width: 100% !important;
    margin: 0 !important;
}

button.full-width {
    margin: 0;
}

input.input-number {
    max-width: 60px;
}

button.btn.counter-btn {
    padding: 0 5px;
    line-height: 1em;
    box-shadow: none;
    border: none;
    width: 1.5em;
}

.modal-footer form {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.alert .close, .modal button.close {
    width: auto;
    margin: 0;
    box-shadow: none;
}

.wpcc-container {
    z-index: 9999990 !important;
}

.modal {
    z-index: 999999;
}

.modal.show {
    background: rgba(113, 113, 113, 0.52);
}

.modal-lg .modal-content {
    width: 50vw;
    min-width: 300px;
    max-width: 1000px;
}

.form-group {
    width: 100%;
}

.inner-pages:not(.dashboard-bd) #header {
    background: var(--main-color);
    color: var(--dark-one)
}

.footlogo {
    margin-top: -50px;
}

.go-up {
    background: var(--main-color);
}

.listing-details-sliders .carousel-indicators>li {
    height: initial;
    text-indent: initial;
    max-width: 127px;
    margin-right: 10px;
    margin-left: 0;
    text-align: center;
}

.smail-listing .list-inline-item a img {
    width: 600px;
    border: none;
    border-radius: 0;
    max-height: 50px;
    width: auto;
    margin: auto;
    float: none;
    text-align: center;
}

.carousel-inner {
    height: 50vh;
    min-height: 200px;
}

.carousel-item {
    width: 100%;
    cursor: zoom-in;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.listing-details-sliders .img-fluid {
    max-width: 100%;
    height: 100%;
    max-height: 50vh;
    margin: auto;
    width: auto;
}

ul.homes-list {
    width: 100%;
    margin: 0;
    list-style: none;
    padding: 10px;
    text-align: left;
}

ul.homes-list i {
    width: 20px;
    text-align: center;
    margin: 6px;
    font-size: 1.2em;
}

.badge-sm {
    border-radius: 50%;
    margin-left: 5px;
    height: 1.35em;
    width: 1.35em;
    line-height: 1.2em;
    font-size: 1em;
    font-family: serif;
    padding: 1px;
    margin-top: -0.55em;
    position: absolute;
    text-align: center;
}

.portfolio .project-single:hover .project-head:before {
    opacity: 0.15;
}

button.btn-fix, .btn-btn.fix, .btn-primary.btn-fix {
    margin: auto;
    width: auto;
}

.delegateform {
    margin: auto;
    max-width: 200px
}

.messagerefresh {
    position: absolute;
    left: 12px;
    top: -20px;
    background: #e5d8a1;
    padding: 6px;
    border-radius: 50%;
    color: black;
    z-index: 9;
    display: flex;
    cursor: pointer;
}

.messagerefresh:hover {
    border: 1px solid #e5d8a1;
    background: #fefefe
}

.messages {
    position: relative;
    margin-bottom: 30px;
    display: flex;
}

.messages .profile-circle {
    height: 1.5em;
    width: 1.5em;
    font-size: 2.5rem;
    z-index: 2;
    overflow: hidden;
    margin-right: 0;
    margin-top: -0.3em;
}

.thread-head h5 {
    color: var(--main-color);
}

.thread-time {
    font-size: 0.8em
}

.thread.messages {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--main-color)
}

.profile-left, .profile-right {
    position: absolute;
    display: flex;
    font-size: 3em;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    top: 0px;
}

.profile-left img, .profile-right img {
    z-index: -1;
}

.profile-right {
    float: right;
    right: 5px;
    left: auto;
}

.profile-left {
    float: left;
    left: 5px;
}

.mesasge-head {
    margin-bottom: 10px
}

.messages .media-body {
    float: left;
    margin: 0 80px;
}

.messages .media-body p {
    margin: 0;
    white-space: pre-line;
}

.messages.media.alert.alert-info {
    background: #eae5d1;
}

.msg-right, .msg-left {
    margin: 0;
    width: auto;
    float: right;
    background: #d3b258;
    padding: 2px 20px;
    border-radius: 10px;
}

.msg-right {
    float: right;
}

.msg-left {
    float: left;
}

.msg-from {
    background-color: #e8e8e8
}

.msg-to {
    background-color: #e5d8a1
}

form.newmsgfrm {
    position: absolute;
    right: 0;
    width: 97%;
    z-index: 9;
}

.msgbtn {
    position: absolute;
    right: 10px;
    top: 15px;
    width: auto;
    line-height: 3em;
    background: white;
    color: black;
    cursor: pointer;
    box-shadow: none;
}

.newmsginput {
    height: 4em;
    padding: 5px;
    margin-top: 15px;
}

.delmsg {
    float: left;
    margin-top: 4px;
    text-align: center;
}

.msgplus {
    font-size: 1.25em;
    position: absolute;
    right: -8px;
    top: -6px;
    height: 16px;
    background: white;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    line-height: 12px;
    width: 16px;
    text-align: center;
    justify-content: center;
    display: flex;
    border-radius: 10px;
}

.thread-head {
    width: 100%;
    float: left;
}

a.thread-head, a.thread-head:hover {
    color: black;
}

.plussign {
    display: inline-block;
    line-height: 0.25em;
    font-size: 2.5em;
    margin-left: 0px;
    vertical-align: middle;
    margin-top: -0.15em;
    font-weight: 100;
}

.toaster {
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 300px;
    max-width: 90vw;
}

.delete-toast {
    border: 1px solid silver;
    background: #e64040;
    border-radius: 5px;
    float: right;
}

.read-toast {
    border: 1px solid silver;
    background: #4ad04e;
    border-radius: 5px;
}

.read-toast span,
.delete-toast span {
    padding: 5px;
    display: block;
    color: white;
}

.toast-footer {
    margin-bottom: 0.25em;
}

.belldrop {
    top: 45px;
    margin-top: 20px;
    position: absolute;
    width: 200px;
    right: 0;
    border: 1px solid #eee;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
    background: white;
    padding: 10px;
    border-radius: 6px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.belldrop.hu-menu-vis {
    opacity: 1;
}

ul.inline-list li {
    float: left;
    margin-right: 15px;
}

.my-properties table tbody tr td.actions {
    text-align: center;
}

.my-properties table tbody tr td.actions a.btn {
    color: white;
}

.my-properties table tbody tr .image {
    text-align: center;
}

.my-properties table tbody tr .image a img {
    max-height: 80px;
    width: auto;
    margin: auto;
}

.mypropimglink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 9px;
    border: 1px solid;
}

.out #header {
    padding: 25px 0 25px 0;
}

.top-soc {
    justify-content: flex-end;
}

.top-soc .login-wrap ul li a {
    font-size: 1.5em;
}

.soc-icons a {
    margin: 0 10px;
}

.soc-icons-header .fa {
    font-size: 1.5em;
    line-height: 1.6em;
}

.soc-icons-header .fa {
    color: #fff;
}

.inner-pages.out .headings {
    background: var(--main-color);
    height: auto;
    min-height: 50vh
}

.first-footer .top-footer {
    border-top: none
}

.homebutton {
    display: inline-block;
    margin: 2em;
    padding: 1em;
    background-color: var(--main-color);
    color: white;
    min-width: 200px;
    border-radius: 5px;
    font-size: 1.25em;
}

.container.full {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
}

.notifications .fa {
    text-shadow: 1px 1px 2px white, -1px -1px 2px white;
}

.user-page.section-padding select {
    padding-left: 5px;
    min-height: unset;
    appearance: menulist-button;
    border: 1px solid #ddd;
    color: inherit;
    font-size: unset;
}

.properties-list .item {
    margin-left: 0;
    border-radius: 10px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.properties-list .item a {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    background-size: contain;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: 20px 20px;   
    margin: 0;
    padding-left: 0;
    min-height: 200px;
}

.mark-primary {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mark-primary:hover i {
    opacity: 1;
    color: var(--main-color);
}

.mark-primary i {
    position: absolute;
    top: -3px;
    right: -3px;
    opacity: 0.25;
}

.mark-primary .primary-image~i {
    opacity: 1;
}

.listing-details-sliders .carousel-control.right, .listing-details-sliders .carousel-control.left {
    z-index: 9;
}

.border-bottom {
    border-bottom: 1px solid;
}

.border-light {
    border-color: #dee2e6 !important;
}

.book input {
    width: 6.75em;
    max-width: 7em;
}

input {
    max-width: 100%;
}

input#date_in, input#date_out {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
    width: 115px;
    max-width: unset;
}

.litepicker .container__days .day-item.is-end-date,
.litepicker .container__days .day-item.is-start-date {
    background-color: var(--main-color) !important;
    color: white;
}

.litepicker .container__days .day-item.is-in-range {
    background-color: var(--main-color) !important;
    color: white;
}

.litepicker .container__days .day-item.is-end-date:hover,
.litepicker .container__days .day-item.is-start-date:hover,
.litepicker .container__days .day-item.is-in-range:hover {
    color: #e0e0e0;
    background-color: var(--main-hover) !important;
}

.litepicker .container__days .day-item.is-locked:not(.is-start-date) {
    border-radius: 0;
    color: #e0e0e0;
}

.litepicker .container__days .day-item:hover {
    color: var(--main-color);
    -webkit-box-shadow: inset 0 0 0 var(--main-color);
    box-shadow: inset 0 0 0 1px var(--main-color);
}

.litepicker .container__months .month-item-header .button-previous-month:hover,
.litepicker .container__months .month-item-header .button-next-month:hover,
.litepicker .container__months .month-item-header .button-previous-month:hover>svg,
.litepicker .container__months .month-item-header .button-next-month:hover>svg {
    color: black;
    fill: black;
}

.litepicker .container__months .month-item-header .button-previous-month>svg,
.litepicker .container__months .month-item-header .button-previous-month>img,
.litepicker .container__months .month-item-header .button-next-month>svg,
.litepicker .container__months .month-item-header .button-next-month>img {
    fill: white;
}

.litepicker .container__months .month-item {
    background: var(--main-color);
    border-radius: 10px 10px 0 0;
    color: white;
}

.litepicker .container__months .month-item-header {
    font-size: 2em;
    color: white;
}

.litepicker .container__months .month-item-weekdays-row {
    background: var(--main-color);
    color: white;
}

.litepicker .container__days {
    background: white;
}

.litepicker .container__months .month-item-header .reset-button:hover>svg {
    fill: #484848;
}

.litepicker .container__months .month-item-header .reset-button>svg,
.litepicker .container__months .month-item-header .reset-button>img {
    fill: #000000;
}

.fc-event {
    border: 1px solid rgb(58, 135, 173);
    background-color: rgb(58, 135, 173);
}

.fc-day-grid-event>.fc-content {
    padding-left: 5px;
    color: black;
}

.fc-event.prop-color {
    float: left;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px
}

.color-radios input {
    display: none;
    float: left;
    margin-top: 0.75em;
}

.color-radios input[type="radio"]:checked+label {
    border: 3px solid #000;
    border-style: dotted;
}

.evcl-Red, .fc-event.evcl-Red {
    background-color: hsl(0, 55%, 75%);
}

.fc-event.evcl-Red.book-st-20 {
    background-color: hsl(0, 55%, 75%);
}

.fc-event.evcl-Red.book-st-1, .fc-event.evcl-Red.book-st-2,
.fc-event.evcl-Red.book-st-5, .fc-event.evcl-Red.book-st-10,
.fc-event.evcl-Red.book-st-15, .fc-event.evcl-Red.book-st-60,
.fc-event.evcl-Red.book-st-62, .fc-event.evcl-Red.book-st-64,
.fc-event.evcl-Red.book-st-66, .fc-event.evcl-Red.book-st-68,
.fc-event.evcl-Red.book-st-70, .fc-event.evcl-Red.book-st-80,
.fc-event.evcl-Red.book-st-90,
.fc-event.evcl-Red.book-st-99 {
    background-color: hsl(0, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(0, 45%, 90%);
}

.evcl-Orange, .fc-event.evcl-Orange {
    background-color: hsl(25, 55%, 75%);
}

.fc-event.evcl-Orange.book-st-20 {
    background-color: hsl(25, 55%, 75%);
}

.fc-event.evcl-Orange.book-st-1, .fc-event.evcl-Orange.book-st-2,
.fc-event.evcl-Orange.book-st-5, .fc-event.evcl-Orange.book-st-10,
.fc-event.evcl-Orange.book-st-15, .fc-event.evcl-Orange.book-st-60,
.fc-event.evcl-Orange.book-st-62, .fc-event.evcl-Orange.book-st-64,
.fc-event.evcl-Orange.book-st-66, .fc-event.evcl-Orange.book-st-68,
.fc-event.evcl-Orange.book-st-70, .fc-event.evcl-Orange.book-st-80,
.fc-event.evcl-Orange.book-st-90,
.fc-event.evcl-Orange.book-st-99 {
    background-color: hsl(25, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(25, 45%, 90%);
}

.evcl-Yellow, .fc-event.evcl-Yellow {
    background-color: hsl(50, 55%, 75%);
}

.fc-event.evcl-Yellow.book-st-20 {
    background-color: hsl(50, 55%, 75%);
}

.fc-event.evcl-Yellow.book-st-1, .fc-event.evcl-Yellow.book-st-2,
.fc-event.evcl-Yellow.book-st-5, .fc-event.evcl-Yellow.book-st-10,
.fc-event.evcl-Yellow.book-st-15, .fc-event.evcl-Yellow.book-st-60,
.fc-event.evcl-Yellow.book-st-62, .fc-event.evcl-Yellow.book-st-64,
.fc-event.evcl-Yellow.book-st-66, .fc-event.evcl-Yellow.book-st-68,
.fc-event.evcl-Yellow.book-st-70, .fc-event.evcl-Yellow.book-st-80,
.fc-event.evcl-Yellow.book-st-90,
.fc-event.evcl-Yellow.book-st-99 {
    background-color: hsl(50, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(50, 45%, 90%);
}


.evcl-Green, .fc-event.evcl-Green {
    background-color: hsl(125, 55%, 75%);
}

.fc-event.evcl-Green.book-st-20 {
    background-color: hsl(125, 55%, 75%);
}

.fc-event.evcl-Green.book-st-1, .fc-event.evcl-Green.book-st-2,
.fc-event.evcl-Green.book-st-5, .fc-event.evcl-Green.book-st-10,
.fc-event.evcl-Green.book-st-15, .fc-event.evcl-Green.book-st-60,
.fc-event.evcl-Green.book-st-62, .fc-event.evcl-Green.book-st-64,
.fc-event.evcl-Green.book-st-66, .fc-event.evcl-Green.book-st-68,
.fc-event.evcl-Green.book-st-70, .fc-event.evcl-Green.book-st-80,
.fc-event.evcl-Green.book-st-90,
.fc-event.evcl-Green.book-st-99 {
    background-color: hsl(125, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(125, 45%, 90%);
}


.evcl-Teal, .fc-event.evcl-Teal {
    background-color: hsl(150, 55%, 75%);
}

.fc-event.evcl-Teal.book-st-20 {
    background-color: hsl(150, 55%, 75%);
}

.fc-event.evcl-Teal.book-st-1, .fc-event.evcl-Teal.book-st-2,
.fc-event.evcl-Teal.book-st-5, .fc-event.evcl-Teal.book-st-10,
.fc-event.evcl-Teal.book-st-15, .fc-event.evcl-Teal.book-st-60,
.fc-event.evcl-Teal.book-st-62, .fc-event.evcl-Teal.book-st-64,
.fc-event.evcl-Teal.book-st-66, .fc-event.evcl-Teal.book-st-68,
.fc-event.evcl-Teal.book-st-70, .fc-event.evcl-Teal.book-st-80,
.fc-event.evcl-Teal.book-st-90,
.fc-event.evcl-Teal.book-st-99 {
    background-color: hsl(150, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(150, 45%, 90%);
}


.evcl-Aqua, .fc-event.evcl-Aqua {
    background-color: hsl(175, 55%, 75%);
}

.fc-event.evcl-Aqua.book-st-20 {
    background-color: hsl(175, 55%, 75%);
}

.fc-event.evcl-Aqua.book-st-1, .fc-event.evcl-Aqua.book-st-2,
.fc-event.evcl-Aqua.book-st-5, .fc-event.evcl-Aqua.book-st-10,
.fc-event.evcl-Aqua.book-st-15, .fc-event.evcl-Aqua.book-st-60,
.fc-event.evcl-Aqua.book-st-62, .fc-event.evcl-Aqua.book-st-64,
.fc-event.evcl-Aqua.book-st-66, .fc-event.evcl-Aqua.book-st-68,
.fc-event.evcl-Aqua.book-st-70, .fc-event.evcl-Aqua.book-st-80,
.fc-event.evcl-Aqua.book-st-90,
.fc-event.evcl-Aqua.book-st-99 {
    background-color: hsl(175, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(175, 45%, 90%);
}


.evcl-LightBlue, .fc-event.evcl-LightBlue {
    background-color: hsl(200, 55%, 75%);
}

.fc-event.evcl-LightBlue.book-st-20 {
    background-color: hsl(200, 55%, 75%);
}

.fc-event.evcl-LightBlue.book-st-1, .fc-event.evcl-LightBlue.book-st-2,
.fc-event.evcl-LightBlue.book-st-5, .fc-event.evcl-LightBlue.book-st-10,
.fc-event.evcl-LightBlue.book-st-15, .fc-event.evcl-LightBlue.book-st-60,
.fc-event.evcl-LightBlue.book-st-62, .fc-event.evcl-LightBlue.book-st-64,
.fc-event.evcl-LightBlue.book-st-66, .fc-event.evcl-LightBlue.book-st-68,
.fc-event.evcl-LightBlue.book-st-70, .fc-event.evcl-LightBlue.book-st-80,
.fc-event.evcl-LightBlue.book-st-90,
.fc-event.evcl-LightBlue.book-st-99 {
    background-color: hsl(200, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(200, 45%, 90%);
}


.evcl-Blue, .fc-event.evcl-Blue {
    background-color: hsl(225, 55%, 75%);
}

.fc-event.evcl-Rose.book-st-20 {
    background-color: hsl(325, 55%, 75%);
}

.fc-event.evcl-Rose.book-st-1, .fc-event.evcl-Rose.book-st-2,
.fc-event.evcl-Rose.book-st-5, .fc-event.evcl-Rose.book-st-10,
.fc-event.evcl-Rose.book-st-15, .fc-event.evcl-Rose.book-st-60,
.fc-event.evcl-Rose.book-st-62, .fc-event.evcl-Rose.book-st-64,
.fc-event.evcl-Rose.book-st-66, .fc-event.evcl-Rose.book-st-68,
.fc-event.evcl-Rose.book-st-70, .fc-event.evcl-Rose.book-st-80,
.fc-event.evcl-Rose.book-st-90,
.fc-event.evcl-Rose.book-st-99 {
    background-color: hsl(325, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(325, 45%, 90%);
}


.evcl-Purple, .fc-event.evcl-Purple {
    background-color: hsl(250, 55%, 75%);
}

.fc-event.evcl-Purple.book-st-20 {
    background-color: hsl(250, 55%, 75%);
}

.fc-event.evcl-Purple.book-st-1, .fc-event.evcl-Purple.book-st-2,
.fc-event.evcl-Purple.book-st-5, .fc-event.evcl-Purple.book-st-10,
.fc-event.evcl-Purple.book-st-15, .fc-event.evcl-Purple.book-st-60,
.fc-event.evcl-Purple.book-st-62, .fc-event.evcl-Purple.book-st-64,
.fc-event.evcl-Purple.book-st-66, .fc-event.evcl-Purple.book-st-68,
.fc-event.evcl-Purple.book-st-70, .fc-event.evcl-Purple.book-st-80,
.fc-event.evcl-Purple.book-st-90,
.fc-event.evcl-Purple.book-st-99 {
    background-color: hsl(250, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(250, 45%, 90%);
}

.evcl-Magenta, .fc-event.evcl-Magenta {
    background-color: hsl(275, 55%, 75%);
}

.fc-event.evcl-Magenta.book-st-20 {
    background-color: hsl(275, 55%, 75%);
}

.fc-event.evcl-Magenta.book-st-1, .fc-event.evcl-Magenta.book-st-2,
.fc-event.evcl-Magenta.book-st-5, .fc-event.evcl-Magenta.book-st-10,
.fc-event.evcl-Magenta.book-st-15, .fc-event.evcl-Magenta.book-st-60,
.fc-event.evcl-Magenta.book-st-62, .fc-event.evcl-Magenta.book-st-64,
.fc-event.evcl-Magenta.book-st-66, .fc-event.evcl-Magenta.book-st-68,
.fc-event.evcl-Magenta.book-st-70, .fc-event.evcl-Magenta.book-st-80,
.fc-event.evcl-Magenta.book-st-90,
.fc-event.evcl-Magenta.book-st-99 {
    background-color: hsl(275, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(275, 45%, 90%);
}

.evcl-Pink, .fc-event.evcl-Pink {
    background-color: hsl(300, 55%, 75%);
}

.fc-event.evcl-Pink.book-st-20 {
    background-color: hsl(300, 55%, 75%);
}

.fc-event.evcl-Pink.book-st-1, .fc-event.evcl-Pink.book-st-2,
.fc-event.evcl-Pink.book-st-5, .fc-event.evcl-Pink.book-st-10,
.fc-event.evcl-Pink.book-st-15, .fc-event.evcl-Pink.book-st-60,
.fc-event.evcl-Pink.book-st-62, .fc-event.evcl-Pink.book-st-64,
.fc-event.evcl-Pink.book-st-66, .fc-event.evcl-Pink.book-st-68,
.fc-event.evcl-Pink.book-st-70, .fc-event.evcl-Pink.book-st-80,
.fc-event.evcl-Pink.book-st-90,
.fc-event.evcl-Pink.book-st-99 {
    background-color: hsl(300, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(300, 45%, 90%);
}


.evcl-Rose, .fc-event.evcl-Rose {
    background-color: hsl(325, 30%, 90%);
}

.fc-event.evcl-Rose.book-st-20 {
    background-color: hsl(325, 55%, 75%);
}

.fc-event.evcl-Rose.book-st-1, .fc-event.evcl-Rose.book-st-2,
.fc-event.evcl-Rose.book-st-5, .fc-event.evcl-Rose.book-st-10,
.fc-event.evcl-Rose.book-st-15, .fc-event.evcl-Rose.book-st-60,
.fc-event.evcl-Rose.book-st-62, .fc-event.evcl-Rose.book-st-64,
.fc-event.evcl-Rose.book-st-66, .fc-event.evcl-Rose.book-st-68,
.fc-event.evcl-Rose.book-st-70, .fc-event.evcl-Rose.book-st-80,
.fc-event.evcl-Rose.book-st-90,
.fc-event.evcl-Rose.book-st-99 {
    background-color: hsl(325, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(325, 45%, 90%);
}



.fc-event.gbook-st-1, .fc-event.gbook-st-2,
.fc-event.gbook-st-5, .fc-event.gbook-st-10,
.fc-event.gbook-st-15, .fc-event.gbook-st-20,
.fc-event.gbook-st-60, .fc-event.gbook-st-62,
.fc-event.gbook-st-64, .fc-event.gbook-st-66,
.fc-event.gbook-st-68, .fc-event.gbook-st-70,
.fc-event.gbook-st-80, .fc-event.gbook-st-90,
.fc-event.gbook-st-99 {
    color: black;
}

.fc-event.gbook-st-1, .fc-event.gbook-st-2,
.fc-event.gbook-st-5, .fc-event.gbook-st-10,
.fc-event.gbook-st-15, .fc-event.gbook-st-60,
.fc-event.gbook-st-62, .fc-event.gbook-st-64,
.fc-event.gbook-st-66, .fc-event.gbook-st-68,
.fc-event.gbook-st-70,
.fc-event.gbook-st-90,
.fc-event.gbook-st-99,
.fc-event.gbook-st-80 {
    background-color: hsl(48, 30%, 85%);
    border-width: 1px;
    border-style: dashed;
    border-color: hsl(48, 45%, 90%);
}

.fc-event.gbook-st-20 {
    background-color: hsl(48, 46%, 54%);
    border: 1px solid hsl(48, 55%, 75%);
}

.fc-event.fc-start {
    margin-left: 6.5vw;
    min-width: 80px;
}

.fc-event.fc-end {
    margin-right: 6.5vw;
}

.fc-event, .fc-event[href] {
    border-radius: 5px;
    padding: 3px;
}

a.book-st-1:before, a.book-st-2:before,
a.book-st-60:before, a.book-st-66:before,
a.gbook-st-5:before, a.book-st-5:before,
a.book-st-20:before, a.book-st-80:before,
a.gbook-st-20:before, a.gbook-st-80:before {
    content: '!';
    position: absolute;
    background: red;
    width: 1.75em;
    height: 1.75em;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    font-size: 0.8em;
    border: 1px solid white;
    border-radius: 50%;
    top: -1em;
    left: -1em;
    font-weight: 700;
}

a.gbook-st-5:before, a.book-st-5:before {
    content: "\0024";
    background: #218035;
    border: 1px solid black;
    color: gold;
}

a.book-st-20:before, a.gbook-st-20:before {
    content: "\2713";
    background: #218035;
    border: 1px solid black;
}

a.book-st-80:before, a.gbook-st-80:before {
    content: "\00D7";
    font-size: 1.5em;
    line-height: 22px;
    width: 1em;
    height: 1em;
    left: -0.75em;
    top: -0.75em;
}

.book-st-68, .book-st-70, .book-st-80, .book-st-85 {
    opacity: 0.75 !important;
    text-decoration: line-through !important;
    color: red !important;
}

.btn-primary.b-status-60, .btn-primary.b-status-80,
.b-status-60, .b-status-80 {
    background-color: #9B2335;
    padding: 0.75em 1em;
}

a.button.btn-success,
.btn-primary.b-status-20, .btn-primary.b-status-5,
.b-status-20, .b-status-5 {
    background-color: #4CAF50;
}


.litepicker .container__days .day-item.is-locked,
.litepicker .container__days .day-item.is-booked {
    text-decoration: line-through;
    background: var(--main-color);
    border-radius: 0;
}

.litepicker .container__days .day-item.is-locked:not(.is-start-date) {
    background: var(--main-color);
    border-radius: 0;
}

.booked.legend, .booked span {
    background-color: var(--main-color);
    color: white;
}

.blocked.legend, .blocked span {
    background-color: var(--green-one);
    color: white;
}

.avail.legend, .avail span {
    background-color: #ebe5ce;
}

.legend {
    width: 150px;
    margin: 5px;
    padding: 5px 15px;
    text-align: center;
    border-radius: 2px;
    width: auto;
}

.blocked-booked, .booked-blocked, .blocked-blocked,
.booked-booked, .avail-blocked, .avail-booked {
    color: white;
}

.blocked-booked {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, var(--main-color)),
            color-stop(50%, var(--main-color)));
}

.booked-blocked {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, var(--main-color)),
            color-stop(50%, var(--main-color)));
}

.blocked-blocked {
    background:  var(--main-color);
}

.booked-booked {
    background:  var(--main-color);
}

.avail-blocked {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #ebe5ce),
            color-stop(50%, var(--main-color)));
}

.blocked-avail {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, var(--main-color)),
            color-stop(50%, #ebe5ce));
}

.avail-avail {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #ebe5ce),
            color-stop(50%, #ebe5ce));
}

.avail-booked {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #ebe5ce),
            color-stop(50%, var(--main-color)));
}

.booked-avail {
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, var(--main-color)),
            color-stop(50%, #ebe5ce));
}

span.fc-icon, button.fc-button {
    outline: none;
}

button.fa {
    background: transparent;
    border: none;
    outline: none;
    float: left;
}

.plan-label {
    padding: 10px 20px 10px 2em;
    margin-right: 10px;
    background: var(--main-color);
    color: white;
    border-radius: 10px;
    float: left;
}

.plan-radio {
    margin-right: 5px;
    position: absolute;
    left: 0.75em;
    top: 0.9em;
    float: left;
}

input[type="radio"].plan-radio:checked+.plan-label {
    background-color: var(--grey);
}

.fc-row .fc-content-skeleton tbody td {
    padding: 5px 0;
}

.qpop {
    margin-top: -.5em;
    position: absolute;
}

.t-before:before {
    display: none;
}

.my-properties h2 {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 20px;
    color: var(--main-color);
}

.my-properties .table {
    font-size: 14px;
}

.amex-lg, .amex-md, .amex-xs, .dinersclub-lg, .dinersclub-md, .dinersclub-xs, .discover-lg, .discover-md, .discover-xs, .jcb-lg, .jcb-md, .jcb-xs, .mastercard-lg, .mastercard-md, .mastercard-xs, .visa-lg, .visa-md, .visa-xs {
    background: url(/images/sprites.png) no-repeat;
    display: inline-block;
    margin-bottom: -5px;
}

.amex-lg {
    background-position: 0 0;
    width: 128px;
    height: 84px;
}

.amex-md {
    background-position: -129px 0;
    width: 64px;
    height: 42px;
}

.amex-xs {
    background-position: -130px -44px;
    width: 32px;
    height: 21px;
}

.dinersclub-lg {
    background-position: -195px 0;
    width: 128px;
    height: 84px;
}

.dinersclub-md {
    background-position: -325px 0;
    width: 64px;
    height: 42px;
}

.dinersclub-xs {
    background-position: -325px -43px;
    width: 32px;
    height: 21px;
}

.discover-lg {
    background-position: 0 -87px;
    width: 128px;
    height: 84px;
}

.discover-md {
    background-position: -130px -87px;
    width: 64px;
    height: 42px;
}

.discover-xs {
    background-position: -130px -132px;
    width: 32px;
    height: 21px;
}

.jcb-lg {
    background-position: -196px -89px;
    width: 128px;
    height: 84px;
}

.jcb-md {
    background-position: -325px -90px;
    width: 64px;
    height: 42px;
}

.jcb-xs {
    background-position: -326px -134px;
    width: 32px;
    height: 21px;
}

.mastercard-lg {
    background-position: 0 -176px;
    width: 128px;
    height: 84px;
}

.mastercard-md {
    background-position: -130px -177px;
    width: 64px;
    height: 42px;
}

.mastercard-xs {
    background-position: -131px -221px;
    width: 32px;
    height: 21px;
}

.visa-lg {
    background-position: -196px -177px;
    width: 128px;
    height: 84px;
}

.visa-md {
    background-position: -326px -179px;
    width: 64px;
    height: 42px;
}

.visa-xs {
    background-position: -327px -223px;
    width: 32px;
    height: 21px;
}

.prop-desc {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.nodesk {
    display: none;
}

.pagination-container .pagination .page-item.active .page-link {
    background: var(--main-color);
    color: white;
}

.mm-panel.mm-hasnavbar .mm-navbar,
.mm-menu {
    background: var(--main-color);
}

#logo img {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    display: none;
}
#b-btns {
    display: block;
    width: 100%;
    float: left;
}
#b-btns>* {
    float: left;
}
.hourly .nohourly,
.hourlyonly {
    display: none;
}

.hourly .hourlyonly {
    display: initial;
}

.hourly td.day[class*="-avail"]:not(.past):hover {
    outline: 1px solid #c9c9c9;
    background: #f9f9f9;
}

.overlayblock {
    position: relative;
    padding: 10px;
    width: 100%;
    height: 100%;
    display: flex;
flex-direction: column;
align-items: center;
z-index: 0;
}

.overlayblock:before {
    content: " ";
    width: 100%;
    height: 100%;
    background: #9191918a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px;
}

.overlayblock input {
    z-index: -1;
}

.time-select,
.booked {
    cursor: pointer;
}

.time-select.selected {
    background-color: var(--main-color);
    color: white;
}

.crossed,
.time-select,
.booked,
.blocked {
    border: 1px solid black;
    margin: 5px 5px;
    flex: 0 0 22%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    border-radius: 5px;
}

.crossed {
    background-color: transparent;
    background-image: repeating-linear-gradient(163deg, transparent 0%, transparent 48%, #c1c1c1 50%, transparent 52%, transparent 100%);
    border-color: #c1c1c1;
}
.blackoutModalRow .hour.crossed,
.blackoutModalRow .hour.time-select {    width: 100%;}

@media (min-width: 768px) {

    .crossed,
    .time-select,
    .booked,
    .blocked {
        width: 22%;
    }
}

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

    .dashboard-bd .second-footer {
        padding-top: 25px;
    }

    .btn-learn {
        position: relative;
        align-self: baseline;
        margin-left: 2vw;
    }

    .mm-listview a i {
        margin-right: 5px;
    }

    .mm-listview>li>form, .mm-listview>li>a, .mm-listview>li>span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: inherit;
        display: block;
        padding: 14px 10px 14px 20px;
        margin: 0;
    }

    .mm-listview a, .mm-listview a:hover {
        color: white;
    }

    .messages {
        max-width: 100%;
    }

    .messages .media-body {
        width: 100%;
        max-width: 100%;
        margin: 0 50px;
    }

    .container.full {
        max-width: unset;
        min-width: unset;
        width: auto;
    }

    #header {
        background: var(--main-color);
    }

    .dashboard-bd .left-side {
        margin-left: 0px;
    }
   

    .mmenu-trigger {
        height: 40px;
        width: 40px;
        margin: 0;
        background-color: #eee;
        border-radius: 4px;
        cursor: pointer;
        top: 5px;
        z-index: 99999;
    }

    .hamburger {
        padding: 0;
        top: 33%;
        left: 16%;
        transform: none;
    }

    .hamburger-box {
        display: block;
    }

    .hamburger--collapse .hamburger-inner::after {
        top: -14px;
    }

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        top: -3px;
        width: 25px;
        height: 2px;
        box-shadow: 1px 1px #000000;
    }

    .hamburger-inner::before {
        top: -7px;
        outline: none;
    }

    .hamburger-inner::after {
        bottom: -9px;
        outline: none;
    }

    .hamburger--collapse.is-active .hamburger-inner {
        top: 1px;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .second-footer .container {
        justify-content: flex-end;
    }

    .messages .profile-circle {
        max-width: 3vw;
        max-height: 3vw;
        font-size: 1.0rem;
        padding-bottom: 1px;
    }
}

@media (max-width:1500px) and (min-width:1200px) {
    .col-fix-6 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .dashborad-box .item .info .type {
        font-size: 0.5em;
    }
}


@media (max-width:1600px) and (min-width:769px) {
    #messageheaders .messages .profile-circle {
        font-size: 2vw;
    }
}

/* Larger Mobile */
@media (min-width: 576px) {}

/* table portrait */
@media (min-width: 768px) {}

/* phablet */
@media (min-width: 992px) {}

/* Tablet landscape */
@media (min-width: 1024px) {
    .second-footer {
        float: right;
        width: 84vw;
        text-align: center;
    }

    .out .second-footer {
        width: 100vw;
        float: left;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    .portfolio .project-head img {
        z-index: 2;
        height: 350px;
        width: auto;
    }
}

.avcal {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hourly td.day[class*="booked"] {    background: #213458;}
.hourly td.day[class*="blocked"] {    background: #1d7d81;}
.hourly td.day[class*="-avail"]{background: #ebe5ce;cursor: pointer;}
.hourly td.day[class*="-avail"]:hover{background: #c5c2b7}
.hourly td.day[class*="past"],
.hourly td.day[class*="past"]:hover { color: silver !important;   background: #1d7d81 !important;cursor: default;}

@media (min-width:1300px) and (max-width:1799px) {
    .avcal {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .avcal strong {
        margin-top: 20px;
    }

    .avcalb {
        width: 50%;
        max-width: 50%;
        float: left;
        flex: 0 0 50%;
    }
}

/* Desktop */
@media (min-width: 1400px) {
    .container {
        width: 80vw;
        max-width: 100%;
    }
}

/* Desktop */
@media (min-width: 1900px) {}

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

    .user-profile-box .detail ul li a.active,
    .user-profile-box .detail ul li a {
        font-size: 0.7em;
    }
}

@media screen and (max-width: 767px) {
    .nodesk {
        display: block;
        width: 100%;
        float: left;
    }

    .availcal {
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .btn-learn {
        position: relative;
        left: auto;
        margin-bottom: 5px;
        margin-top: -15px;
    }

    .inner-pages .carousel.slide .carousel-inner img {
        width: auto;
    }

    .messages .profile-circle {
        max-width: 2em;
        max-height: 2em;
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 1023px) {
    .t-before:before {
        display: inline-block;
        margin-right: 0.5em;
    }

    .b-before:before {
        content: "Bookings ~ ";
    }

    .r-before:before {
        content: "Revenue ~ ";
    }

    .u-before:before {
        content: "Utilization ~ ";
    }

    .lr-before:before {
        content: "Lifetime Revenue ~ ";
    }

    .sub-before:before {
        content: "Subscription ";
    }

    .st-before:before {
        content: "Status ~ ";
    }

    .dt-before:before {
        content: "Dates ~ ";
    }

    .date-before:before {
        content: "Date ~ ";
    }

    .am-before:before {
        content: "Amount ~ ";
    }

    .g-before:before {
        content: "Guests ~ ";
    }

    .av-before:before {
        content: "Available ~ ";
    }

    .n-before:before {
        content: "Name ~ ";
    }

    .q-before:before {
        content: "Qty ~ ";
    }

    .tot-before:before {
        content: "Total ~ ";
    }

    .inv-before:before {
        content: "Invoice ~ ";
    }

    .t-before {
        text-align: left !important
    }
}




/* Mobile/General */
.newmsg {
    color: var(--second-color);
}

.user-profile-box .detail ul li .active {
    background: #000000;
    color: var(--main-color);
    font-weight: 500;
    font-size: 1em;
}

.user-profile-box .detail ul li a:hover, .user-profile-box .detail ul li .active {
    background: #474747;
    color: #fff;
}

html, body, pre {
    font-family: 'Montserrat', serif;
    ;
    font-size: 16px;
    margin: 0;
}

a:hover {
    text-decoration: none;
}

#login .btn_1.full-width,
.inner-pages .prperty-submit-button>button,
.btn-group .btn+.btn,
.btn-primary, .dashboard-bd a.button.border, a.button {
    background: var(--main-color);
    box-shadow: 0 2px 4px;
    color: #fff;
    margin: 0 5px;
    border-color: #333;
}

#login .btn_1,
.bookbtn,
.gold-button {
    background: var(--second-color) !important;
    border-color: var(--second-color) !important;
    font-size: 1.25em;
    color: white;
}

.dashborad-box a.btn,
.blue-button {
    background: var(--main-color) !important;
    border-color: var(--main-color) !important;
    font-size: 1.25em;
    color: white;
}



.btn-primary:hover {
    color: #fff;
    background-color: #4f4f4f;
    border-color: #4f4f4f;
}

h2, h3, h4 {
    font-size: 1.8rem;
    font-weight: normal;
}


a, a #forgot, .filter-tags input:checked::after {
    color: var(--dark-one);
    text-decoration: none;
}

footer a {
    color: white;
}

.int_main_wraapper {
    min-height: 100%;
    margin: 0 auto -90px;
}




/* Dashboard */
.goldback, .dar.pro, .dar.booked, .dar.com {
    background: var(--main-color) !important;
}

.dashboard-bd .active-user h2, .dashboard-bd .active-user h2:hover {
    text-transform: uppercase;
    color: var(--second-color);
    text-decoration: none;
}

.messages {
    margin-bottom: 5px !important;
}

.user-profile-box .profile-img, .profile-circle, .sidebar-widget .author-box img {
    border-color: var(--grey);
    border-width: medium;
}

/* Invites */

.modal-body textarea {
    height: 30px;
}

.modal button.close {
    margin-top: -15px;
}

/*Properties*/


.profile-circle {
    height: .8em;
    width: .8em;
}

.user-profile-box .profile-circle {
    height: 1em;
    width: 1em;
    padding: 0.5em;
}

.properties-list full featured portfolio blog {
    background: transparent;
}

.row featured portfolio-items {
    border: black solid 2px;
    margin: 0 20px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 1px 5px var(--grey);
}

.btn-group>.btn:active, .btn-primary.active {
    background: var(--main-color);
    border: none;
}

.single-add-property .mb-4 {
    color: var(--main-color);
}

.my-properties table h2 {
    color: var(--main-color);
}

.my-properties table tbody tr td {
    font-size: 14px;
}



/* Property View */

.blog-info.details.mb-30 {
    margin: 2% 2.5%;
}

.my-properties table h2 {
    text-transform: uppercase;
    font-size: 20px;
}

/* Property Edit */

.user-page.section-paddig select {
    padding: 10px 15px;
}

.prperty-submit-button {
    margin: 0 43%;
}

/* Getaways */

.row .featured .portfolio-items {
    border: white solid 1px;
    padding: 0px;
    background: white;
    border-radius: 10px;
}

.properties-list .item {
    border-radius: 10px;
    padding-left: 0;

}

.portfolio .homes-content {
    border-radius: 9px;
}

.profile-circle #text {
    margin-left: .5em;
    padding: 0 .25em;
}

.portfolio .footer .owner-name {
    line-height: 3;
    font-size: 16px;
    margin-left: 2%;
    float: left;
}

.profile {
    font-size: 50%;
}

button.form-control, button.btn {
    width: auto;
}

.btn .bookbtn .btn-primary:hover {
    color: #f7f7f7;
}

.homes-content h2 a {
    text-transform: uppercase;
    text-decoration: none;
}

.homes-content a:hover {
    color: #4f4f4f;
}

.homes-content .footer a {
    font-size: 16px;
}

.homes, .homes-img {
    z-index: 40;
    border-radius: 7px;
}



.col-lg-9.user-dash2 {
    min-height: calc(100vh - 90px - 177px);
}

a.btn.bookbtn.btn-primary:hover {
    color: #fff;
}

a:focus, a:hover {
    color: var(--grey);
}

.fc-basic-view tbody .fc-row {
    min-height: 4em;
    height: fit-content !important;
}

 .hourly td.day[class*="-avail"] {
    background: #ebe5ce;
    color: black;
}

 .hourly td.day[class*="blocked"] {
    background: #213458;
    color: white;
}

/* Larger Mobile */
@media (min-width: 576px) {}

/* table portrait */
@media (min-width: 768px) {
    
}

/* phablet */
@media (min-width: 992px) {}

/* Tablet landscape */
@media (min-width: 1024px) {
    .second-footer {
        float: right;
        width: 84vw;
        text-align: center;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    .properties-list .item a {        
        padding-left: 15px;        
    }
}


/* Desktop */
@media (min-width: 1400px) {}

/* Desktop */
@media (min-width: 1900px) {}