/*
 * configuration
 *
 */
/*
 * gutter
 *
 */
/*
 * colors
 *
 */
/*
 * text
 *
 */
/*
 * spacings
 *
 */
/*
 * radius
 *
 */
/*
 * shadows
 *
 */
/*
 * units
 *
 */
/*
 * easings
 *
 */
/*
 * mixins
 *
 */
/*
 * animation mixins
 *
 */
/*
 * fonts
 *
 */
.rz-font-heading {
  font-family: "Poppins";
}

/*
 * listing table
 *
 *
.rz-table {
    padding: 0 .5rem;
    color: #000;
    border-radius: $border-radius-3;
    box-shadow: 0 3px 16px 0 rgba(0,0,0,0.05), 0px 0px 1px 0px rgba(0,0,0,0.3);
    border-collapse: collapse;

    a {
        text-decoration: none;
        color: #000;
    }

    table {
        border: 0;
    }

    tr {
        &.rz-active {
            background-color: #f9f9f9;
        }

        td {
            padding: 1rem .5rem 1rem .5rem;
            border-bottom: 1px solid #eee;

            &:first-child {
                padding-left: 1rem;
            }

            &:last-child {
                padding-right: 1rem;
            }
        }

        &:last-child {
            td {
                padding-bottom: 1rem;
                border-bottom: 0;
            }
        }
    }

    .rz--image {
        width: 70px;
        min-width: 70px;

        .rz-dummy-image {
            border-radius: 50%;

            i {
                font-size: 16px;
            }
        }

        img {
            border-radius: 50%;
        }
    }

    .rz--listing {
        width: 30%;
    }

    .rz--date {
        font-weight: 600;
    }

    .rz--title {
        width: 100%;

        h4 {
            margin: 0 0 2px 0;
            font-size: inherit;
        }

        p {
            margin: 0;
            font-size: 13px;
            opacity: .7;
        }
    }

    .rz--status {

    }

    .rz--actions {
        ul {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;

            li {
                margin: 0 4px;

                a {
                    display: block;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    background-color: #f1f1f1;
                    color: #111;
                    text-align: center;
                    text-decoration: none;
                    border-radius: 50%;
                }

                &:hover {
                    a {
                        background-color: #111;
                        color: #fff;
                    }
                }
            }
        }
    }

    .rz--buttons {
        ul {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;

            li {
                margin: 0 4px;

                a {
                    display: block;
                    padding: 0 12px;
                    height: 28px;
                    line-height: 28px;
                    font-size: 13px;
                    background-color: #111;
                    color: #fff;
                    text-align: center;
                    text-decoration: none;
                    border-radius: 50px;
                }

                &:hover {
                    a {
                        background-color: #f1f1f1;
                        color: #111;
                    }
                }

                &.rz-disabled {
                    a {
                        background-color: #f1f1f1;
                        color: #111;
                        cursor: default;

                        &:hover {

                        }
                    }
                }
            }
        }
    }
}*/
/*
 * boxes
 *
 */
.rz-boxes {
  display: flex;
  flex-wrap: wrap;
  margin: -0.75rem;
}
.rz-boxes .rz--cell {
  flex: 0 1 33.3334%;
  max-width: 33.3334%;
  padding: 0.75rem;
}
@media ( max-width: 1199.98px ) {
  .rz-boxes .rz--cell {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media ( max-width: 767.98px ) {
  .rz-boxes .rz--cell {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.rz-boxes .rz-box {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
}
.rz-boxes .rz-box .rz--badge {
  display: none;
}
.rz-boxes .rz-box.rz-active {
  background-color: #fdfbfc;
  border-color: #ec5b96;
  box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.03), inset 0px 0px 0px 1px #e45065;
}
.rz-boxes .rz-box.rz-active .rz--badge {
  position: absolute;
  top: 0;
  right: 1.5rem;
  transform: translateY(-50%);
  display: block;
  padding: 0 9px;
  background-color: #ec5b96;
  color: #fff;
  font-size: 11px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 50px;
}
.rz-boxes .rz-box .rz--heading {
  display: flex;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 1.25rem;
}
.rz-boxes .rz-box .rz--heading .rz--image {
  flex: 0 1 60px;
  max-width: 60px;
  padding-right: 1.25rem;
}
.rz-boxes .rz-box .rz--heading .rz--image .rz-dummy-image {
  border-radius: 50%;
}
.rz-boxes .rz-box .rz--heading .rz--image .rz-dummy-image i {
  font-size: 16px;
}
.rz-boxes .rz-box .rz--heading .rz--image img {
  border-radius: 50%;
  vertical-align: top;
}
.rz-boxes .rz-box .rz--heading .rz--title {
  flex: 1;
}
.rz-boxes .rz-box .rz--heading .rz--title h4 {
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.rz-boxes .rz-box .rz--heading .rz--title h4 a {
  display: block;
  color: #111;
  text-decoration: none;
}
.rz-boxes .rz-box .rz--status {
  margin-top: 1.25rem;
}
.rz-boxes .rz-box .rz--content {
  margin: 1.25rem 0;
  font-size: 14px;
  line-height: 24px;
}
.rz-boxes .rz-box .rz--content table {
  margin: 0;
}
.rz-boxes .rz-box .rz--content table td:last-child {
  text-align: right;
}
.rz-boxes .rz-box .rz--content p:last-child {
  margin-bottom: 0;
}
.rz-boxes .rz-box .rz--actions {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 1.25rem;
  border-top: 1px solid #e7e7e7;
}
.rz-boxes .rz-box .rz--actions .rz--main-actions {
  flex: 1;
}
.rz-boxes .rz-box .rz--actions .rz-button {
  padding: 5px 12px;
  line-height: 22px;
  font-size: 13px;
}
.rz-boxes .rz-box .rz--actions ul {
  display: flex;
  list-style: none;
  margin: 0 -3px;
  padding: 0;
}
.rz-boxes .rz-box .rz--actions ul li {
  padding: 0 3px;
}
.rz-boxes .rz-box .rz--actions ul li a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: #eee;
  color: #111;
  font-size: 16px;
  text-align: center;
  border-radius: 50px;
}
.rz-boxes .rz-box .rz--actions ul li a:hover {
  background-color: #111;
  color: #fff;
}
.rz-boxes .rz-box .rz--actions ul li a i {
  line-height: inherit;
}

/*
 * account balance
 *
 */
.rz-account-payout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
.rz-account-payout .rz-account-balance {
  padding: 10px;
  background-color: #f1f1f1;
  font-weight: 600;
  border-radius: 10px;
}

/*
 * chart
 *
 */
.rz-chart {
  vertical-align: top;
}
.rz-chart[data-id=dashboard] {
  min-height: 413px;
}

/*
 * boxes header
 *
 */
.rz-boxes-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
@media ( max-width: 767.98px ) {
  .rz-boxes-action {
    flex-wrap: wrap;
  }
  .rz-boxes-action > * {
    flex: 0 1 100%;
    text-align: center;
  }
  .rz-boxes-action > *:first-child {
    margin-bottom: 1rem;
  }
}
.rz-boxes-action .rz-form-group {
  margin-bottom: 0;
}
.rz-boxes-action .rz-form-group select {
  background-color: #fff;
  border: 1px solid #ddd;
}

/*
 * calendar inline
 *
 */
.rz-calendar-inline.rz-loading {
  transition: 0.1s opacity;
  opacity: 0.5;
  pointer-events: none;
}
.rz-calendar-inline .rz--nav {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.rz-calendar-inline .rz--nav .rz--name {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.rz-calendar-inline .rz--weekdays {
  display: flex;
  margin: 0;
  list-style: none;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.rz-calendar-inline .rz--weekdays li {
  flex: 0 1 calc( ( 100% / 7 ) );
  padding: 0.25rem;
  text-align: center;
  font-weight: 600;
  color: #999;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.rz-calendar-inline .rz--days {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  border-left: 1px solid #ddd;
  overflow: hidden;
}
.rz-calendar-inline .rz--days .rz-preloader {
  color: #bbb;
}
.rz-calendar-inline .rz--days li {
  position: relative;
  flex: 0 1 calc( ( 100% / 7 ) );
  display: flex;
  flex-direction: column;
  height: 80px;
  color: #000;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-inline .rz--days li {
    height: 66px;
  }
}
.rz-calendar-inline .rz--days li .rz--day {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0.5rem;
}
.rz-calendar-inline .rz--days li span {
  font-weight: 600;
  color: inherit;
}
.rz-calendar-inline .rz--days li.rz--past-day {
  background: #f9f9f9;
  color: #999;
}
.rz-calendar-inline .rz--days li.rz--day-pending, .rz-calendar-inline .rz--days li.rz--day-booked {
  background: linear-gradient(to top left, #f9f9f9 0%, #f9f9f9 calc( 50% - 0.8px ), #d4d4d4 50%, #f9f9f9 calc( 50% + 0.8px ), #f9f9f9 100%);
  color: #999;
}
.rz-calendar-inline .rz--days li.rz--day-unavailable {
  background: linear-gradient(to top left, #f9f9f9 0%, #f9f9f9 calc( 50% - 0.8px ), #d4d4d4 50%, #f9f9f9 calc( 50% + 0.8px ), #f9f9f9 100%);
  color: #999;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .rz-calendar-inline .rz--days li.rz--day-unavailable:hover {
    background: linear-gradient(to top left, #fff 0%, #fff calc( 50% - 0.8px ), #d4d4d4 50%, #fff calc( 50% + 0.8px ), #fff 100%);
    color: #000;
  }
}
@media (min-width: 1025px) {
  .rz-calendar-inline .rz--days li.rz--available:hover {
    background: linear-gradient(to top left, #fff 0%, #fff calc( 50% - 0.8px ), #d4d4d4 50%, #fff calc( 50% + 0.8px ), #fff 100%);
    color: #999;
    cursor: pointer;
  }
}
.rz-calendar-inline .rz--days li.rz--day-booked:not(.rz--unavailable-start):not(.rz--unavailable-ends):before, .rz-calendar-inline .rz--days li.rz--day-pending:not(.rz--unavailable-start):not(.rz--unavailable-ends):before {
  position: absolute;
  right: -1px;
  bottom: 10px;
  left: 0;
  content: "";
  height: 30px;
  background-color: #93f0b6;
  z-index: 1;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-inline .rz--days li.rz--day-booked:not(.rz--unavailable-start):not(.rz--unavailable-ends):before, .rz-calendar-inline .rz--days li.rz--day-pending:not(.rz--unavailable-start):not(.rz--unavailable-ends):before {
    height: 20px;
  }
}
.rz-calendar-inline .rz--days li.rz--day-booked.rz--unavailable-start:before, .rz-calendar-inline .rz--days li.rz--day-pending.rz--unavailable-start:before {
  position: absolute;
  right: -1px;
  bottom: 10px;
  left: 30%;
  content: "";
  height: 30px;
  background-color: #93f0b6;
  border-radius: 50px 0 0 50px;
  z-index: 1;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-inline .rz--days li.rz--day-booked.rz--unavailable-start:before, .rz-calendar-inline .rz--days li.rz--day-pending.rz--unavailable-start:before {
    height: 20px;
  }
}
.rz-calendar-inline .rz--days li.rz--unavailable-ends:after {
  position: absolute;
  bottom: 10px;
  left: 0;
  content: "";
  height: 30px;
  width: 25%;
  background-color: #93f0b6;
  border-radius: 0 50px 50px 0;
  z-index: 1;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-inline .rz--days li.rz--unavailable-ends:after {
    height: 20px;
  }
}
.rz-calendar-inline .rz--days li .rz--user {
  position: absolute;
  right: -1px;
  bottom: 10px;
  left: 30%;
  display: flex;
  align-items: center;
  height: 30px;
  white-space: nowrap;
  z-index: 2;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-inline .rz--days li .rz--user {
    height: 20px;
  }
}
.rz-calendar-inline .rz--days li .rz--user .rz--avatar {
  flex: 0 1 30px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  text-align: center;
  background-color: #222;
  color: #fff;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-inline .rz--days li .rz--user .rz--avatar {
    flex: 0 1 20px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
  }
}
.rz-calendar-inline .rz--days li .rz--user p {
  margin: 0 0 0 10px;
  color: #238c46;
  font-size: 11px;
  font-weight: 600;
}
.rz-calendar-inline .rz--days li .rz--user p i {
  margin-right: 6px;
  color: #000;
  font-size: 12px;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-inline .rz--days li .rz--user p {
    display: none;
  }
}
.rz-calendar-inline .rz--month .rz--name {
  display: none;
}

.rz-calendar-schema {
  margin-top: 1.5rem;
}
.rz-calendar-schema .rz--name {
  margin-bottom: 0.75rem;
  font-weight: 600;
}
.rz-calendar-schema ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
.rz-calendar-schema ul li {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  font-size: 13px;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-schema ul li {
    flex: 0 1 50%;
    margin: 0.25rem 0;
  }
}
.rz-calendar-schema ul li:first-child {
  margin-left: 0;
}
.rz-calendar-schema ul li span {
  position: relative;
  flex: 0 1 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #ccc;
}
.rz-calendar-schema ul li p {
  margin: 0 0 0 0.75rem;
}
.rz-calendar-schema ul li.rz--past span {
  background: #eee;
}
.rz-calendar-schema ul li.rz--booked span, .rz-calendar-schema ul li.rz--unavailable span {
  background: linear-gradient(to top left, #eee 0%, #eee calc( 50% - 0.8px ), #ccc 50%, #eee calc( 50% + 0.8px ), #eee 100%);
}
.rz-calendar-schema ul li.rz--booked span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  background-color: #7ce4a3;
  border-radius: 50%;
}
.rz-calendar-schema ul li.rz--toggle {
  margin-left: auto;
}
.rz-calendar-schema ul li.rz--toggle a {
  text-decoration: none;
}
@media ( max-width: 767.98px ) {
  .rz-calendar-schema ul li.rz--toggle {
    flex: 0 1 100%;
  }
}

/*
 * ical
 *
 */
.rz-ical-export {
  position: relative;
}
.rz-ical-export pre {
  padding: 10px 3rem 10px 15px;
  white-space: normal;
}
.rz-ical-export a {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 1rem;
}

.rz-rating {
  display: flex;
  margin: 10px -10px;
}
@media ( max-width: 767.98px ) {
  .rz-rating {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
.rz-rating > * {
  padding: 0 10px;
}
.rz-rating .rz-rating-name {
  flex: 1 1;
}
.rz-rating .rz-rating-name p {
  margin: 0;
  font-size: 15px;
}
.rz-rating .rz-rating-stars {
  flex: 0 1;
  font-size: 0;
  white-space: nowrap;
  unicode-bidi: bidi-override;
  direction: rtl;
}
.rz-rating .rz-rating-stars i {
  transition: all 0.2s;
  display: inline-block;
  width: 22px;
  padding: 0 3px;
  margin: 0 3px;
  border: 1px solid #ddd;
  font-size: 11px;
  line-height: 20px;
  color: #ddd;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}
.rz-rating .rz-rating-stars i:hover, .rz-rating .rz-rating-stars i:hover ~ i {
  color: #000;
}
.rz-rating .rz-rating-stars i.rz-active, .rz-rating .rz-rating-stars i.rz-active ~ i {
  background-color: #111;
  border-color: #111;
  color: #fff !important;
}

.rz-reviews-form {
  overflow: hidden;
}
.rz-reviews-form .rz--title {
  font-size: 17px;
  margin: 0 0 1rem 0;
  font-weight: 600;
}

.rz-comments-reply {
  display: none;
}
@media ( max-width: 991.98px ) {
  .rz-comments-reply {
    display: block;
    margin-top: 0.5rem;
  }
}
.rz-comments-reply .rz-button {
  padding: 5px 12px;
  line-height: 22px;
  font-size: 13px;
}
@media ( max-width: 991.98px ) {
  .rz-comments-reply .rz-button {
    line-height: 19px;
    padding: 5px 10px;
    font-size: 12px;
  }
}

.rz-comments {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rz-comments > li {
  margin-bottom: 2rem;
}
.rz-comments > li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.rz-comments > li .rz-comment-content p {
  margin-bottom: 1rem;
}
.rz-comments > li .rz-comment-content p:last-child {
  margin-bottom: 0;
}
.rz-comments > li .rz-comment-content .rz-comment-child {
  padding: 1rem;
  background-color: #f5f5f5;
  margin-top: 2rem;
  border-radius: 5px;
}
.rz-comments > li .rz-comment-content .rz-comment-child .rz--author {
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .rz-comments > li:hover .rz-comments-reply {
    display: block;
  }
}