body {
  background: #f2f2f2 !important
}

a:focus,
a:hover,
a:visited {
  text-decoration: none !important;
  outline: unset !important
}

input:focus {
  outline: 0;
  box-shadow: unset
}

.blog-cat li a:focus,
.header-style-two .main-menu .navigation > li > a:focus,
.main-footer .footer-bottom .copyright-text a:focus,
.page-title .bread-crumb a:focus,
.recent-posts .post .info li a:focus,
.social-icon-four li a:focus,
.social-icon-two li a:focus,
.team-section .team-block a:focus {
  color: #0ac1ad !important;
}

.main-header .top-left .contact-list li a:focus {
  color: #fff;
}

.form-control {
  height: auto !important;
}

.form-control:focus {
  box-shadow: unset !important
}

body.modal-open {
  overflow: auto;
  padding-right: 0 !important
}

body {
  padding-right: 0 !important
}

.header-style-two .main-menu .add-properties-menu {
  padding-left: 0;
  position: relative;
  width: 132px;
  border-left: 1px dashed #ccc;
}

.header-style-two .main-menu .add-properties-menu .custom-tooltip {
  position: relative;
  display: inline-block
}

.header-style-two .main-menu .add-properties-menu .custom-tooltip .bg {
  /* width: 37px; */
  /* height: 30px; */
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-style-two .main-menu .add-properties-menu .custom-tooltip .bg span {
  font-size: 11px;
  background: #03685b;
  padding: 7px 7px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
  color: #ffff;
}

.header-style-two .main-menu .add-properties-menu .custom-tooltip .bg span i {
  font-size: 15px;
}

.header-style-two .main-menu .add-properties-menu .custom-tooltip .custom-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #006459;
  color: #fff;
  text-align: center;
  border-radius: 0;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  top: 140%;
  left: 50%;
  margin-left: -60px;
  font-size: 12px
}

.header-style-two .main-menu .add-properties-menu .custom-tooltip .custom-tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #006459 transparent
}

.header-style-two .main-menu .add-properties-menu .custom-tooltip:hover .custom-tooltiptext {
  visibility: visible
}

.header-style-two .main-menu .add-properties-menu:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 1px;
  height: 32px;
  top: 2px
}

.header-style-two .main-menu .add-properties-menu li {
  text-align: right
}

.header-style-two .main-menu .add-properties-menu li a {
  display: block;
  margin: 0;
  line-height: normal
}

.header-style-two .main-menu .add-properties-menu li a img {
  max-width: 80%;
  height: auto;
}

.header-style-two .main-menu .navigation > li.login > a {
  padding: 0px 6px 0px 6px;
  font-size: 14px;
  color: #222 !important;
  /* border-left: 1px solid #f1f1f1; */
  /* margin: 10px 0; */
  /* border-right: 1px dashed #222; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  display: flex;
  align-items: center;
  position: relative;
  width: auto;
}


/*.header-style-two .main-menu .navigation.login-register >li.login>a
{
  border-right: 1px dashed #222;
}*/

.header-style-two .main-menu .navigation.login-register > li.login > a {
  border: 1px solid #01675a;
  border-radius: 24px;
  padding: 8px 15px 8px 35px !important;
  color: #fff !important;
  margin-left: 7px;
  background: url(../images/user.png) no-repeat 22% 50%;
  background-color: #01675a;
  font-size: 13px;
  line-height: 17px;
}

.header-style-two .main-menu .navigation.login-register > li:last-child > a {
  background: url(../images/register.png) no-repeat 19% 50%;
  background-color: #01675a;
  background-size: auto 14px;
}

.header-style-two .main-menu .navigation > li.login > a span {
  white-space: nowrap;
  max-width: 93px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 15px;
  background: url(../images/black-down-arrow.png) no-repeat 100% -1px;
  padding-right: 18px;
  background-size: 15px auto;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.fixed-header .sticky-header .sticky-header-wrapper .navigation > li.login > a span {
  background: url(../images/black-down-arrow.png) no-repeat 100% 2px;
  background-size: 15px auto;
}

.header-style-two .main-menu .navigation > li.after-login > a > .img-wrapper {
  width: 35px;
  height: 35px;
  background-size: cover !important;
  border-radius: 50%;
  margin-right: 4px;
  border: 1px solid #dcdcdc;
  display: flex;
}

.sticky-header .main-menu .navigation > li.after-login > a > .img-wrapper {
  width: 32px;
  height: 32px
}

.sticky-header .main-menu .navigation > li > a.sticky-login {
  position: relative
}

.header-style-two .main-menu .navigation > li.login > a:hover {
  color: #fff
}

.header-style-two .main-menu .navigation > li.login.after-login > a:hover {
  color: #ff8a00
}


.header-style-two .sticky-header .main-menu .navigation > li.login.after-login > a {
  padding: 0 9px 0 9px !important;
  line-height: 18px;
  margin: 0px 0;
  font-size: 13px;
}

.sticky-header .main-menu .navigation > li.login.sticky-header-login-two a {
  /* padding-right: 0 !important; */
  /* border-right: 0; */
}

.header-style-one {
  background: rgba(255, 255, 255, .3);
  position: fixed;
  transition: all .4s
}

.header-style-one.fixed-header {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .06)
}

.header-style-one.fixed-header .main-menu .navigation > li.login > a {
  box-shadow: 0 1px 6px rgba(0, 0, 0, .14)
}

.header-style-two .mobile-menu {
  display: none
}

.header-style-two .desktop-menu .header-lower .main-box {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.header-style-two .desktop-menu .right-side {
  display: flex;
  align-items: center
}

.header-style-two.header-lower:before {
  border-top: 0
}

.header-style-two.header-lower:after {
  border-top: 0
}

.header-style-two.header-lower {
  background: 0 0
}

.header-style-two.nav-outer {
  margin-top: 15px
}

.header-style-two.header-lower {
  margin: 0;
  padding: 0
}

.main-header .logo-box .logo {
  padding: 10px 0
}

.main-header .logo-box .logo img {
  max-width: 170px
}

.main-menu .navigation > li > a {
  line-height: normal;
  padding: 10px 0
}

.main-menu .navigation li a {
  /* text-transform: uppercase; */
  font-size: 15px;
  color: #222 !important;
}

.services-carousel {
  padding-bottom: 0
}

.testimonial-section .testimonial-column .inner-column:before {
  background-color: #f2f2f2;
  opacity: .85
}

.testimonial-block .info-box .name,
.testimonial-block .text {
  color: #222
}

.btn-style-three:hover,
.btn-style-two:hover,
.fact-counter .count-box:hover:before {
  box-shadow: unset
}

.testimonial-section .title-column {
  float: left
}

.testimonial-section .testimonial-column {
  border-radius: 40px 0 40px 0
}

.recent-posts .post {
  position: relative;
  min-height: 70px;
  padding-left: 17px;
  margin-bottom: 30px
}

.recent-posts .post h4 a {
  color: #f4f4f4;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.main-footer .footer-logo img {
  max-width: 25%
}

.main-footer .footer-bottom .copyright-text {
  background-color: transparent !important
}

.main-footer .footer-bottom .copyright-text a,
.main-footer .footer-bottom .copyright-text p {
  color: #222;
  font-weight: 400
}

.main-footer .footer-bottom .copyright-text:before {
  border-bottom: 0;
  font-weight: 400
}

.other-page.page-title {
  padding: 50px 0 50px;
}

body .other-page.book-service {
  background-position: 50% 94% !important
}

.common-modal-inner .modal-dialog {
  max-width: 600px
}

.common-modal-inner .modal-content {
  border: 0
}

.common-modal-inner .modal-content.register-modal {
  max-height: 600px;
  overflow-y: scroll
}

.common-modal-inner .modal-header {
  border: 0;
  padding: 20px 30px 20px;
}

.common-modal-inner .modal-body {
  padding: 0 30px
}

.common-modal-inner .modal-footer {
  border: 0;
  padding: 20px
}

.common-modal-inner .modal-header h3 {
  /* margin-bottom: 20px; */
  color: #000;
  font-weight: 500;
  font-size: 22px;
}

.common-modal-inner .modal-body label {
  color: #000;
  font-size: 15px;
  margin-bottom: 5px
}

.common-modal-inner .modal-body .login-form {
  padding: 40px 40px;
  border-radius: 5px;
  margin-bottom: 0
}

.common-modal-inner .modal-body .add-properties {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.common-modal-inner.membership-plan-popup .modal-header {
  background: #f7f7f7;
  display: block;
  text-align: center;
  padding: 20px 20px
}

.common-modal-inner.membership-plan-popup .modal-header h3 {
  margin-bottom: 12px
}

.common-modal-inner.membership-plan-popup .price {
  margin-top: 20px;
  text-align: center
}

.common-modal-inner.membership-plan-popup .price h2 {
  color: #006459;
  font-size: 28px;
  font-weight: 500;
  display: inline
}

.common-modal-inner.membership-plan-popup .price .old-amount {
  text-decoration: line-through;
  margin-right: 20px
}

.common-modal-inner.membership-plan-popup .price .special-text {
  margin-top: 6px;
  font-weight: 400;
  padding: 10px;
  color: red;
  font-size: 15px
}

.common-modal-inner.membership-plan-popup .inner-list span {
  display: block;
  font-size: 15px;
  color: #000;
  line-height: 18px;
  text-align: left;
  background: url(../images/tick-green-icon.png) no-repeat 0 10px;
  background-size: 20px auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px
}

.common-modal-inner.membership-plan-popup .list-body {
  margin-top: 10px
}

.common-modal-inner.membership-plan-popup .list-body h3 {
  text-align: left;
  margin-bottom: 10px;
  font-size: 18px;
  color: #030407;
  font-weight: 500
}

.common-modal-inner.membership-plan-popup .modal-footer {
  background: #f7f7f7;
  display: block;
  text-align: center;
  padding: 10px 25px;
  display: flex;
  align-items: center;
  justify-content: center
}

.common-modal-inner.membership-plan-popup .modal-footer .close {
  opacity: 1;
  text-shadow: none;
  padding: 12px 24px;
  font-weight: 400;
  font-size: 17px
}

.common-modal-inner.membership-plan-popup .modal-body {
  padding: 0 20px
}

.common-modal-inner.membership-plan-popup .modal-body .you-have-choosen {
  margin-top: 20px;
  margin-bottom: 20px
}

.common-modal-inner.membership-plan-popup .modal-body .you-have-choosen .table-bordered td,
.common-modal-inner.membership-plan-popup .modal-body .you-have-choosen .table-bordered th {
  font-size: 14px
}

.common-modal-inner.membership-plan-popup .modal-body .you-have-choosen h3 {
  font-size: 15px;
  margin-bottom: 15px
}

.common-modal-inner.membership-plan-popup .modal-body .you-have-choosen .property-details th {
  background: #f2f2f2
}

/*.login-form .form-group input[type=email],
.login-form .form-group input[type=password],
.login-form .form-group input[type=tel],
.login-form .form-group input[type=text] {
  height: auto;
  padding: 5px 15px 5px 15px;
  border-radius: 5px
}*/
.common-modal-inner .modal-body .login-form.otp {
  text-align: center
}

.common-modal-inner .modal-body .login-form.otp img {
  margin-bottom: 20px
}

.common-modal-inner .modal-body .login-form.otp label {
  margin-bottom: 20px;
  text-align: center;
  line-height: 24px
}

.common-modal-inner .modal-body .login-form.otp .submit {
  margin-top: 25px
}

.common-modal-inner .login-form button {
  font-size: 15px;
  width: 100%;
  border-radius: 5px;
  padding: 8px 15px 8px 15px;
  background: #00443c
}

.common-modal-inner .login-form .submit {
  margin-top: 10px
}

.common-modal-inner .btn-style-one:before {
  border: 0
}

.common-modal-inner .other-links {
  margin-top: 30px
}

.common-modal-inner .social-icon-colored {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.common-modal-inner .login-form .bottom-links {
  margin-top: 20px
}

.common-modal-inner .login-form .bottom-links .psw {
  color: #000;
  font-size: 15px;
  text-decoration: underline;
  font-weight: 500
}

.common-modal-inner .login-form .bottom-links .form-group {
  margin-bottom: 0
}

.common-modal-inner .login-form .form-group:nth-child(2) {
  margin-bottom: 16px
}

.common-modal-inner .login-form .form-group select {
  font-size: 14px
}

.common-modal-inner .modal-content.register-modal::-webkit-scrollbar {
  width: 7px
}

.common-modal-inner .modal-content.register-modal::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}

.common-modal-inner .modal-content.register-modal::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px
}

.common-modal-inner .modal-content.register-modal .form-group.check-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px
}

.common-modal-inner .modal-content.register-modal .form-group.check-box input {
  margin-right: 10px
}

.common-modal-inner .modal-content.register-modal .form-group.check-box a {
  margin-left: 5px
}

.dashboar-wrapper {
  padding-bottom: 0;
  border-top: 1px solid #f3f3f3
}

/*.dashboar-wrapper .inner-wrapper {
  display: flex;
  justify-content: space-between
}*/
.dashboar-wrapper .inner-wrapper > .left {
  width: 30%
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side .profile-pic {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: -50px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side .profile-pic .inside-wrapper {
  width: 95px;
  height: 95px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 12px #a0a0a091;
  border-radius: 178px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side .profile-pic .inside-wrapper .img-wrapper {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  position: relative;
  overflow: hidden
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side .profile-username {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #000
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side .profile-membersince {
  font-size: 14px;
  color: #565757
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side .profile-edit-link {
  margin-top: 15px
}

.dashboar-wrapper .inner-wrapper .right .profile-wrapper-details:after {
  display: block;
  content: '';
  clear: both
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .table-items {
  padding: 25px 0 25px;
  text-align: center
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .table-items label {
  margin-bottom: 20px;
  display: block;
  color: #636363;
  font-size: 15px;
  text-align: center;
  font-weight: 500
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .title h4 {
  font-size: 18px;
  font-weight: 500;
  text-align: center
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left {
  height: 100%
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .to-book-special-service {
  height: 75%;
  background: #f2f2f2;
  margin-top: 20px;
  padding: 30px
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .to-book-special-service label {
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  margin-bottom: 25px
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .table-items p {
  font-size: 27px;
  color: #f9f9f9;
  background: #006459bf;
  font-weight: 600;
  border-radius: 50%;
  display: inline-flex;
  height: 66px;
  width: 66px;
  justify-content: center;
  padding: 13px 0;
  border: 5px solid #fff;
  -webkit-box-shadow: 0 0 8px 2px #e0e6ed;
  box-shadow: 0 0 8px 2px #e0e6ed;
  line-height: 30px
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .title {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .title .pull-left {
  width: 78%
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-left-side.type-two .inner-wrapper-left .title .pull-right {
  width: 30%
}

.dashboar-wrapper .inner-wrapper .view-more {
  background: #006459;
  display: inline-block;
  padding: 7px 9px;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
  transition: all .3s linear;
  text-align: center;
  margin-left: 15px;
  cursor: pointer;
  font-weight: 500;
}

.dashboar-wrapper .section.type-two {
  margin-top: 25px;
  margin-bottom: 25px;
}

.dashboar-wrapper .type-two .inner-wrapper .center .bottom-wrapper {
  text-align: right;
  margin-top: 7px
}

.dashboar-wrapper .type-two .inner-wrapper .center .bottom-wrapper .btn {
  border: 1px solid #e0e0e0;
  font-size: 14px
}

.dashboar-wrapper .type-two .inner-wrapper .center .title {
  margin-bottom: 5px
}

.dashboar-wrapper .type-two .inner-wrapper .center .title.join {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dashboar-wrapper .type-two .inner-wrapper .center .title h4 {
  font-size: 18px;
  font-weight: 500;
  text-align: left
}

.dashboar-wrapper .type-two .inner-wrapper .center {
  width: 100%;
  /* background: #fff; */
  padding: 20px 0px 0px;
  border-radius: 0px;
  /*box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0);*/
}

.dashboar-wrapper .type-two .inner-wrapper .right {
  width: 20%;
  margin-left: 0;
  padding-top: 0;
  background: #fff;
  padding: 26px 15px 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .11);
  display: flex;
  justify-content: center
}

.dashboar-wrapper .type-three.one {
  margin-top: 25px;
  margin-bottom: 25px;
}

.dashboar-wrapper .type-three {
  margin-top: 25px;
  margin-bottom: 25px;
}

.dashboar-wrapper .type-three .inner-wrapper .left {
  width: 100%;
  /* background: #fff; */
  padding: 20px 0;
  /*box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0);*/
  border-radius: 0px;
  margin-bottom: 0px;
  margin-right: 1%;
}

.dashboar-wrapper .type-three .inner-wrapper .left .properties-wrapper-main {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  margin: 0 -10px;
}

.dashboar-wrapper .type-three .inner-wrapper .left .properties-wrapper-main .wrapper {

  border: 1px solid #efefef;

  padding: 5px;

  margin: 0 10px 0 10px;

  background: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .right {
  width: 20%;
  /* background: #fff; */
  padding: 20px;
  /*box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0);*/
  border-radius: 6px;
}


.dashboar-wrapper .type-three .inner-wrapper .right .quick-links {

}

.dashboar-wrapper .type-three .inner-wrapper .right .quick-links ul {
  padding: 0;
  margin: 0;
}

.dashboar-wrapper .type-three .inner-wrapper .right .quick-links ul li {

  padding: 13px 0 18px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 14px;
  color: #5c727d;
  cursor: pointer;
}

.dashboar-wrapper .type-three .inner-wrapper .right .quick-links ul li:first-child {
  padding-top: 0;
  color: #ccc;
  cursor: unset;
}

.dashboar-wrapper .type-three .inner-wrapper .right .quick-links ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.dashboar-wrapper .type-three .inner-wrapper .center {
  width: 100%;
  /* background: #fff; */
  padding: 20px 0;
  /*box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0);*/
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  margin-right: 1%;
}

.dashboar-wrapper .type-three.two .inner-wrapper .right {
  width: 100%;
  /* background: #fff; */
  padding: 20px 0;
  /*box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0);*/
  border-radius: 0px;
}


.dashboar-wrapper .type-three .inner-wrapper .center .ticket-wrapper {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box {
  border-radius: 5px;
  /*margin: 0px 0 15px;*/
  padding: 20px 12px;
  width: 19%;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box h4 {
  font-weight: 400;
  font-size: 18px;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box h2 {
  font-weight: 600;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.open {
  background: #4a3f73;
  color: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.in-progress {
  background: #e3e37d;
  color: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.completed {
  background: #46bd46;
  color: #fff;
  margin-bottom: 0;
}


.dashboar-wrapper .type-three .inner-wrapper .center .box.pending {
  background: #796767;
  color: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.closed {
  background: #ca6363;
  color: #fff;
  margin-bottom: 0;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse
}

.dashboar-wrapper .type-three .inner-wrapper .center .box .wrapper .main-wrapper {
  display: flex
}

.dashboar-wrapper .type-three .inner-wrapper .center .box .wrapper i {
  opacity: 1;
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  color: #fff;
  margin-right: 15px;
  font-size: 20px
}

/*.dashboar-wrapper .type-three .inner-wrapper .center .ticket-wrapper.one .box
{
  width: 31%;
}

.dashboar-wrapper .type-three .inner-wrapper .center .ticket-wrapper.one .box .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
}

.dashboar-wrapper .type-three .inner-wrapper .center .ticket-wrapper.one .box .wrapper h2
{
  text-align: center;
}

.dashboar-wrapper .type-three .inner-wrapper .center .ticket-wrapper.one .box .wrapper h2
{
  font-size: 26px;
  margin-bottom: 4px;
}

.dashboar-wrapper .type-three .inner-wrapper .center .ticket-wrapper.one .box h4
{
  font-size: 14px;
  margin-bottom: 5px;
}*/

.dashboar-wrapper .type-three .inner-wrapper .center .box .wrapper h2 {
  font-size: 36px
}

.dashboar-wrapper .type-three .inner-wrapper .center .box .wrapper p {
  color: #fff;
  font-size: 14px;
  margin-top: 2px;
  font-weight: 600;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.pending i {
  background: #ccc;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.pending .wrapper h2 {
  color: #ccc;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.open i {
  background: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.open .wrapper h2 {
  color: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.pending i {
  background: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.pending .wrapper h2 {
  color: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.closed i {
  background: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.closed .wrapper h2 {
  color: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.in-progress i {
  background: #fff;
}

.dashboar-wrapper .type-three .inner-wrapper .center .box.in-progress .wrapper h2 {
  color: #fff;
}

.dashboar-wrapper .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-label {
  font-weight: 500;
  font-size: 12px;
  white-space: normal !important;
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
  white-space: normal !important;
}

.dashboar-wrapper .ngx-datatable .datatable-body-cell-label {
  font-size: 12px;
  font-weight: 400;
}

.dashboar-wrapper .bottom-section {
  text-align: center;
}

.dashboar-wrapper .secondary-btn {
  display: inline-block;
  color: #000;
  border: 1px solid #e6e6e6;
  text-align: center;
  padding: 3px 20px;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  background-size: 14px auto;
  text-transform: capitalize;
  transition: all .3s linear;
  line-height: 28px;
  background: #e6e6e6;
  border-radius: 5px
}

.dashboar-wrapper .bottom-section .secondary-btn {
  display: block
}

.dashboar-wrapper .ngx-datatable .view-details-btn {
  margin-left: 0
}

.main-header .top-right .user-info {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #fff
}

.main-header .top-right .user-info ul {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.main-header .top-right .user-info ul li {
  font-size: 16px;
  color: #fff;
  font-weight: 500
}

.main-header .top-right .user-info ul li:first-child {
  margin-right: 20px
}

.main-header .top-right .user-info ul li i {
  margin-right: 4px
}

.refund-details table th {
  font-size: 15px;
  background: #f2f2f2;
  width: 35%
}

.refund-details table td {
  font-size: 13px
}

.refund-details table address {
  margin-bottom: 5px
}

.refund-details table address:last-child {
  margin-bottom: 0
}

.refund-details .table.another-table {
  margin-top: 30px;
  margin-bottom: 15px
}

.refund-details .button-wrapper {
  text-align: right;
  margin-top: 25px
}

.refund-details .button-wrapper .cancel {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: #000 !important;
  padding: 7px 24px;
  text-transform: capitalize;
  font-weight: 400;
  border-radius: 50px;
  background: #e6e6e6;
  margin-right: 15px
}

.refund-details .title {
  margin: 30px 0 0;
  font-weight: 600
}

.refund-details .upgraded-details-bottom {
  padding: 20px;
  background: #f9f9f9;
  text-align: right
}

.refund-details .upgraded-details-bottom p {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #000
}

.refund-details .upgraded-details-bottom p:last-child {
  margin-bottom: 0
}

.refund-details .notes {
  font-size: 15px
}

.refund-details .upgraded-successfully {
  text-align: center;
  margin-bottom: 45px
}

.refund-details .upgraded-successfully h3 {
  font-size: 23px;
  font-weight: 500;
  color: #41ad49
}

.refund-details .upgraded-successfully img {
  margin-bottom: 25px
}

.refund-details table .join-divs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}

.refund-details table .form-group {
  margin-bottom: 0
}

.refund-details table .form-group .form-control {
  height: auto;
  font-size: 15px
}

.refund-details table .view-details-btn {
  font-size: 13px;
  background: #e6e6e6;
  display: inline-block;
  padding: 8px 10px;
  cursor: pointer;
  border-radius: 2px;
  margin-left: 5px;
  margin-top: 5px
}

.refund-details .join-title-button {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
  flex-wrap: wrap
}

.refund-details .join-title-button h2 {
  font-size: 20px
}

.refund-details .two-button button {
  margin-left: 5px;
  margin-right: 5px
}

.add-properties.my-profile .submit:focus,
.banner-section .bottom-box a:focus,
.common-modal-inner .login-form button:focus,
.dashboar-wrapper .inner-wrapper .view-more:focus,
.dashboar-wrapper .inner-wrapper .view-more:hover {
  color: #fff;
  -webkit-box-shadow: #222 0 0 0 40px inset;
  -moz-box-shadow: #222 0 0 0 40px inset;
  -ms-box-shadow: #222 0 0 0 40px inset;
  -o-box-shadow: #222 0 0 0 40px inset;
  box-shadow: rgba(91, 2, 58) 0 0 0 40px inset
}

.social-icon-colored li.facebook a:focus,
.social-icon-colored li.google-plus a:focus,
.social-icon-colored li.twitter a:focus {
  color: #fff;
  -webkit-box-shadow: #222 0 0 0 40px inset;
  -moz-box-shadow: #222 0 0 0 40px inset;
  -ms-box-shadow: #222 0 0 0 40px inset;
  -o-box-shadow: #222 0 0 0 40px inset;
  box-shadow: #222 0 0 0 40px inset
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .title .pull-left {
  width: 205px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .title.profile img {
  width: 80px;
  height: 80px;
  border-radius: 50%
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .title.profile .pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .title.profile .inner {
  margin-top: 15px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .title.profile .inner h5 {
  color: #000;
  font-weight: 500;
  margin-bottom: 6px;
  font-size: 21px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .title.profile .inner h6 {
  color: #000;
  font-size: 12px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .title h4 {
  font-size: 16px;
  color: #000;
  line-height: normal;
  font-weight: 500;
  margin-top: 0
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items {
  text-align: left
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items .button-groups {
  display: flex;
  align-items: center;
  margin-top: 10px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items .button-groups a {
  display: inline-block;
  background: #ccc;
  display: block;
  padding: 10px 14px;
  font-size: 13px;
  color: #000;
  border-radius: 15px;
  transition: all .3s linear;
  margin-right: 15px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items .booked-service .inner {
  display: flex
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items .booked-service .inner p {
  color: #000;
  font-size: 14px;
  margin-bottom: 10px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items .booked-service .inner h3 {
  font-size: 16px
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items label {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  line-height: normal;
  font-family: Montserrat, sans-serif
}

.dashboar-wrapper .inner-wrapper .left .profile-wrapper-left-side.type-two .table-items p {
  color: #000;
  font-size: 14px
}

.dashboar-wrapper .inner-wrapper .userdetail-section {
  /*! margin-bottom: 15px; */
  width: 100%;
  border-radius: .25rem
}

.dashboar-wrapper .inner-wrapper .userdetail-section:after {
  /*! display: block; */
  /*! content: ''; */
  /*! clear: both */
}

.dashboar-wrapper .inner-wrapper .userdetail-section .user-header-section {
  padding: 0px 0 30px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 30px;
  /* border-top: 1.3px solid #006459; */
  border-bottom: 1px solid #ccc;
}

.dashboar-wrapper .inner-wrapper .userdetail-section .user-header-section i {
  color: #fff;
  margin-right: 5px;
  font-size: 13px;
  background: rgba(0, 100, 89, 0.56);
  position: relative;
  width: 27px;
  height: 27px;
  line-height: 27px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
}

.dashboar-wrapper .inner-wrapper .userdetail-section .user-header-section h1 {
  font-weight: 500;
}

.dashboar-wrapper .inner-wrapper .userdetail-section .user-header-section h3 {
  font-size: 17px;
  font-weight: 500;
  display: inline-block;
  color: #000
}

.dashboar-wrapper .inner-wrapper .userdetail-section .user-header-section h3:hover i {
  animation: shake .6s cubic-bezier(.1, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px
}

.dashboar-wrapper .inner-wrapper .dash-proerties .profile-wrapper-details .userdetail-section .user-header-section {
  padding-top: 0;
  border-top: 0;
}

.dashboar-wrapper .inner-wrapper .dash-proerties .profile-wrapper-details .userdetail-section .user-header-section .add-properties-icon {
  background: #f5f5f5;
  padding: 5px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 24%);
}

.dashboar-wrapper .inner-wrapper .dash-proerties .profile-wrapper-details .userdetail-section .user-header-section .add-properties-icon img {
  max-width: 23px;
}

.userdetail-section .tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black; */
  opacity: 1;
  z-index: unset;
}

.userdetail-section .tooltip .tooltiptext {
  visibility: hidden;
  width: 110px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 3px 0;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 50%;
  margin-left: -54px;
  z-index: 999;
}

.userdetail-section .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.userdetail-section .tooltip:hover .tooltiptext {
  visibility: visible;
}


.dashboar-wrapper .inner-wrapper .userdetail-section .special-services-wrapper {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  margin: 0 -5px;
}

.dashboar-wrapper .inner-wrapper .userdetail-section .special-services-inner {
  width: 32.45%;
  border: 1px solid #e2e5ed;
  border-radius: 4px;
  margin-right: 5px;
  margin-left: 5px;
  /* flex: 1; */
}

.dashboar-wrapper .inner-wrapper .userdetail-section .special-services-inner .special-inner-wrapper {
  padding: 0px 10px 10px;
  cursor: pointer;
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-details .cancel-member-ship {
  display: inline-block;
  float: right;
  background: #fff;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 5px;
  color: #e54949
}

.dashboar-wrapper .inner-wrapper .profile-wrapper-details .form-group {
  background: #fff;
  padding: 20px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #e0e0e0
}

.dashboar-wrapper .inner-wrapper .properties {
  width: 24.77%;
  box-shadow: none;
  /* margin: 0 10px 0; */
}

.dashboar-wrapper .inner-wrapper .properties:last-child {
  margin-bottom: 0;
}

.dashboar-wrapper .inner-wrapper .responsive .properties {
  width: 100%;
}

.dashboar-wrapper .inner-wrapper .properties .wrapper {
  /* display: flex; */
  transition: all .4s;
  margin-bottom: 0px;
}

.dashboar-wrapper .inner-wrapper .properties:last-child .wrapper {
  margin-right: 0 !important;
}

.dashboar-wrapper .inner-wrapper .properties .wrapper .left {
  background-size: auto 170px !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  max-width: 100%;
  width: 100%;
  display: block;
  border-radius: 0;
  background-color: #ffffff !important;
  box-shadow: none;
  height: 127px;
}

.dashboar-wrapper .inner-wrapper .properties .wrapper .right {
  padding-left: 0;
  padding: 10px 10px 10px;
  width: 100%;
  margin-left: 0;
  box-shadow: none;
}

.dashboar-wrapper .inner-wrapper .properties .wrapper .right h5 {
  font-size: 16px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  /*! border-bottom: 1px solid #e2e5ed */
}

.dashboar-wrapper .inner-wrapper .properties .wrapper .right h5 a {
  color: #000;
  font-weight: 500;
  display: block;
  font-size: 14px;
  word-break: break-all;
  text-transform: capitalize;
}

.dashboar-wrapper .inner-wrapper .another-type .properties .wrapper .right {
  padding: 0 0 0px;
  background: #fff;
}

.dashboar-wrapper .inner-wrapper .another-type .properties .wrapper .right h5 {
  background: unset;
  background: #ffffff;
  padding: 13px 10px;
  border-bottom: 1px solid #e6e6e6;
}

.dashboar-wrapper .inner-wrapper .another-type .properties .wrapper .right h5 a {
  color: #000;
  /*width: 330px;*/
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
  text-transform: capitalize;
}

.dashboar-wrapper .inner-wrapper .properties .wrapper .right p {
  margin: 6px 0;
  font-size: 12px;
  line-height: normal;
  color: #5c727d;
}

.dashboar-wrapper .inner-wrapper .another-type .properties .wrapper .right p {
  color: #5c727d;
}

.dashboar-wrapper .inner-wrapper .properties .wrapper .right p:last-child {
  margin-bottom: 0
}

.dashboar-wrapper .inner-wrapper .properties.slick-slide {
  padding: 0 15px
}

.dashboar-wrapper .inner-wrapper .right .slick-list {
  margin: 0 -17px
}

.dashboar-wrapper .inner-wrapper .right .another-type .properties .wrapper {
  display: block;
  /*! margin-bottom: 20px; */
  position: relative
}

.dashboar-wrapper .inner-wrapper .right .another-type .properties .wrapper .left {
  width: 100%;
  padding-top: 70%
}

.dashboar-wrapper .another-type .properties .wrapper .right {
  right: 0;
  padding: 20px 20px 20px;
  bottom: 0;
  left: 0;
  transition: all .4s ease-in-out, background .3s linear;

}

.dashboar-wrapper .another-type .properties:hover .right {
  top: 42%
}

.dashboar-wrapper .inner-wrapper .right .another-type .properties .wrapper .right p {
  padding: 4px 0;
  margin: 0;
}

.dashboar-wrapper .inner-wrapper .right .another-type .properties .wrapper .right p span {
  font-weight: 600;
  color: #5c727d;
}

.project-details-section {
  position: relative;
  padding: 60px 0 0
}

.project-detail .lower-content {
  padding-top: 0;
  text-align: center
}

.project-details-section .auto-container {
  max-width: 1000px
}

.specialize-section {
  background: #f9f9f9
}

.project-detail .lower-content p {
  font-size: 17px;
  color: #000;
  margin-bottom: 0
}

.plans-wrapper .main-list {
  display: flex;
  margin: 0 -3%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto 40px;
  padding: 0 40px;
}

.plans-wrapper .main-list .list-wrapper {
  text-align: center;
  /*display: flex;*/
  flex-direction: column;
  border: 1px solid #ececec;
  border-radius: 3px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  transition: all .4s;
  padding: 0 0 40px;
  border-radius: 7px;
  margin: 10px;
  width: 43%;
}

.plans-wrapper .main-list .list-wrapper {
  box-shadow: 0 1px 13px rgba(0, 0, 0, .15);
  background: #fff;
  margin-left: 15px;
}

.plans-wrapper .main-list .list-wrapper .list-header h2 {
  color: #1cc8b6
}

.plans-wrapper .main-list .list-wrapper .price .left h2 {
  color: #006459
}

.plans-wrapper .main-list .list-wrapper.left {
  box-shadow: 0 1px 13px rgba(0, 0, 0, .15);
  border: 1px solid #f7f9fa;
  margin-right: 15px;
  background: #fff
}

.plans-wrapper .main-list .list-wrapper:hover {
  box-shadow: 0 1px 13px rgba(0, 0, 0, .15)
}

.plans-wrapper .main-list .list-wrapper .list-header {
  background: #2bc9b8;
  padding: 25px 10px;
}

.plans-wrapper .main-list .list-wrapper .list-header h2 {
  color: #030407;
  font-size: 25px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px
}

.plans-wrapper .main-list .list-wrapper .list-header h2:before {
  display: block;
  content: '';
  width: 60px;
  height: 5px;
  background: #ccc;
  position: absolute;
  left: 50%;
  right: auto;
  margin-left: -30px;
  bottom: -4px;
  z-index: 99
}

.plans-wrapper .main-list .list-wrapper .list-header h2:after {
  display: block;
  content: '';
  width: 120px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: 50%;
  right: auto;
  margin-left: -60px;
  bottom: -2px
}

.plans-wrapper .main-list .list-wrapper .list-header p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
}

.plans-wrapper .main-list .list-wrapper .list-header .price-amount h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  color: #ff9301
}

.plans-wrapper .main-list .list-wrapper .list-header span.title {
  padding: 0 0 0;
  display: block;
  font-size: 20px;
  color: #fff
}

/* .plans-wrapper .main-list .list-wrapper .price {
  margin: 20px 0 20px;
  display: block;
  align-items: center;
  justify-content: center;
  min-height: 63px;
  display: flex;
  align-items: center
} */

.plans-wrapper .main-list .list-wrapper .buy-plan a,
.plans-wrapper .main-list .list-wrapper .buy-plan button {
  background: #006459;
  display: inline-block;
  padding: 15px 37px;
  color: #fff;
  transition: all .3s linear;
  font-size: 16px;
  border-radius: 35px;
  transition: all .3s linear;
  margin-top: 20px
}

.plans-wrapper .main-list .list-wrapper .buy-plan {
  text-align: center
}

.plans-wrapper .main-list .list-wrapper .buy-plan a:hover {
  color: #fff;
  -webkit-box-shadow: rgba(91, 2, 58) 0 0 0 40px inset;
  -moz-box-shadow: #222 0 0 0 40px inset;
  -ms-box-shadow: #222 0 0 0 40px inset;
  -o-box-shadow: #222 0 0 0 40px inset;
  box-shadow: #222 0 0 0 40px ins
}

.plans-wrapper .main-list .list-wrapper .price h2 {
  font-size: 28px;
  font-weight: 500;
  color: #000;
  display: inline
}

.plans-wrapper .main-list .list-wrapper .price .old-amount {
  text-decoration: line-through;
  margin-right: 20px
}

.plans-wrapper .main-list .list-wrapper .price .discount-amount {
  margin-top: 10px
}

.plans-wrapper .main-list .list-wrapper .price .special-text {
  margin-top: 16px;
  font-weight: 400;
  padding: 10px;
  color: red;
  font-size: 11px
}

.plans-wrapper .main-list .list-wrapper .list-body {
  padding-top: 0;
  flex: 1;
  min-height: 406px;

}

.plans-wrapper .main-list .list-wrapper .list-body h3 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 18px;
  color: #030407;
  font-weight: 500
}

.plans-wrapper .main-list .list-wrapper .list-body .inner-list {
  padding-left: 0;
  padding-right: 0
}

.plans-wrapper .main-list .list-wrapper .list-body .inner-list span:nth-child(odd) {
  background-color: #f7f7f7
}

.plans-wrapper .main-list .list-wrapper .list-body .inner-list span:last-child {
  border-bottom: 0
}

.plans-wrapper .main-list .list-wrapper .list-body {
  padding: 0 40px;
  margin-top: 10px
}

.plans-wrapper .main-list .list-wrapper .list-footer {
  margin-top: 20px
}

.plans-wrapper .main-list .list-wrapper .list-footer a {
  color: #fff;
  padding: 17px 0;
  display: block;
  line-height: normal;
  font-size: 20px;
  font-weight: 600;
  transition: all .3s;
  background: #ff9301;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border: 1px solid #ff9301;
  transition: all .3s linear
}

.plans-wrapper .main-list .list-wrapper .list-footer a:hover {
  -webkit-box-shadow: #222 0 0 0 40px inset;
  -moz-box-shadow: #222 0 0 0 40px inset;
  -ms-box-shadow: #222 0 0 0 40px inset;
  -o-box-shadow: #222 0 0 0 40px inset;
  box-shadow: #222 0 0 0 40px i;
  border: 1px solid #222
}

.page-title h1 {
  font-size: 32px;
  margin-bottom: 0;
  font-weight: 400;
  text-transform: capitalize;
}

.page-title .title {
  font-size: 15px;
  line-height: 35px
}

.modal {
  overflow: auto
}

.contact-page-section .contact-info .info-block .inner {
  margin-bottom: 15px;
  width: 49%;
  margin-top: 15px
}

.properties-wrapper {
  padding: 60px 0 60px
}

.properties-wrapper .custom-container {
  margin: 0 auto
}

.properties-wrapper .title {
  text-align: center;
  margin-bottom: 30px
}

.properties-wrapper .title h2 {
  color: #000;
  margin-bottom: 30px
}

.properties-wrapper .title p {
  max-width: 900px;
  margin: 0 auto 20px;
  color: #000;
  font-size: 15px
}

.properties-wrapper .title a {
  margin-top: 10px
}

.properties-wrapper .custom-grid .inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -1%
}

.properties-wrapper .custom-grid .properties-details {
  box-sizing: border-box;
  flex-basis: 23%;
  background: #fff;
  margin: 1%;
  margin-bottom: 15px;
  width: 31%;
  border: 1px solid #e6e6e6;
}

.properties-wrapper .custom-grid .properties-details .bg-images {
  width: 100%;
  padding-top: 55%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  position: relative
}

.properties-wrapper .custom-grid .properties-details .bg-images:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #1d293e;
  display: block;
  content: '';
  opacity: 0.4;
}

.properties-wrapper .custom-grid .properties-details .bg-images .inner {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 10px 20px;
  z-index: 99
}

.properties-wrapper .custom-grid .properties-details .bg-images .inner .alignment {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.properties-wrapper .custom-grid .properties-details .bg-images .inner .alignment .left {
  display: flex;
  align-items: end
}

.properties-wrapper .custom-grid .properties-details .bg-images .inner .alignment .right {
  margin-left: 7px
}

.properties-wrapper .custom-grid .properties-details .bg-images .edit {
  background: #ffffff;
  padding: 5px 7px;
  color: #006459;
  line-height: normal;
  display: inline-block;
  border-radius: 2px;
  font-size: 13px;
}

.properties-wrapper .custom-grid .properties-details .content-wrapper {
  background: #fff;
  padding: 20px
}

.properties-wrapper .custom-grid .properties-details .bg-images .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.properties-wrapper .custom-grid .properties-details .bg-images .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.properties-wrapper .custom-grid .properties-details .bg-images .checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 28px;
  background-color: transparent;
  border: 1px solid #fff
}

.properties-wrapper .custom-grid .properties-details .bg-images .checkbox-container input:checked ~ .checkmark {
  background-color: #006459;
  border: 2px solid #006459
}

.properties-wrapper .custom-grid .properties-details .bg-images .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.properties-wrapper .custom-grid .properties-details .bg-images .checkbox-container input:checked ~ .checkmark:after {
  display: block
}

.properties-wrapper .no-property {

  text-align: center;

  background: #fff;

  display: block;

  padding: 40px 20px;

  max-width: 520px;

  margin: 0 auto;

  border-radius: 2px;
}

.properties-wrapper .no-property h4 {
  margin-bottom: 20px;
  font-weight: 400;
}

.properties-wrapper .no-property a {
  background: #03685b;
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 15px;
}

.checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.properties-wrapper .custom-grid .properties-details .content-wrapper h4 {
  color: #252c41;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.properties-wrapper .custom-grid .properties-details .content-wrapper ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.properties-wrapper .custom-grid .properties-details .content-wrapper ul li {
  color: #000;
  font-size: 12px;
  line-height: 27px;
}

.properties-wrapper .custom-grid .properties-details .content-wrapper ul li.location {
  text-transform: uppercase;
  background: url(../images/location.png) no-repeat -7px 50%;
  padding-left: 22px;
  background-size: 34px auto;
}

.properties-wrapper .custom-grid .properties-details .content-wrapper ul li.area {
  text-transform: uppercase;
  background: url(../images/feet.png) no-repeat 0 50%;
  padding-left: 25px;
  background-size: 19px auto;
}

.properties-wrapper .custom-grid .properties-details .content-wrapper .button-group a {
  display: block;
  color: #000;
  border: 1px solid #e6e6e6;
  text-align: center;
  margin-bottom: 10px;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  background-size: 14px auto;
  text-transform: uppercase;
  transition: all .3s linear;
  line-height: 28px
}

.properties-wrapper .custom-grid .properties-details .content-wrapper .button-group a:hover {
  color: #fff;
  -webkit-box-shadow: #222 0 0 0 40px inset;
  -moz-box-shadow: #222 0 0 0 40px inset;
  -ms-box-shadow: #222 0 0 0 40px inset;
  -o-box-shadow: #222 0 0 0 40px inset;
  box-shadow: rgba(91, 2, 58) 0 0 0 40px inset;
  border: 1px solid rgba(91, 2, 58)
}

.properties-wrapper .custom-grid .properties-details .content-wrapper p {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 15px;
  color: #000;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 31px;
  display: none;
}

.main-add-properties {
  margin-top: 40px;
}

.main-add-properties .add-properties {
  margin: 0px auto 40px;
  padding: 20px 25px 40px;
}

.main-add-properties .acitve-logs {
  margin-top: 0;
}

.add-properties {
  padding: 40px 25px 40px;
  max-width: 900px;
  margin: 40px auto;
  margin-bottom: 60px;
  border-radius: 2px;
  background: #fff
}

.add-properties .inner-wrapper {
  margin-bottom: 15px;
}

.add-properties .area-wrapper .col-md-8.reduced-padding {
  padding-right: 3px
}

.add-properties .area-wrapper .col-md-4.reduced-padding {
  padding-right: 3px;
  padding-left: 3px
}

.add-properties .inner-wrapper h4 {
  color: #000;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(72, 94, 144, .16);
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 18px
}

.add-properties.view-more-properties .inner-wrapper h4 {
  font-size: 15px;
  padding: 10px 15px;
  background: #f7f7f7;
  border-bottom: 0;
  margin-bottom: 12px;
  border-radius: 0px;
  font-weight: 500;
}

.add-properties .inner-wrapper label {
  display: block;
  margin-bottom: 6px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.add-properties .inner-wrapper input,
.add-properties .inner-wrapper select,
.add-properties .inner-wrapper textarea {
  width: 100%;
  background: #e7e7e7;
  padding: 8px 10px;
  max-width: 100%;
  margin-bottom: 5px;
  height: 36px !important;
  line-height: normal;
  border-radius: 0;
  border: 1px solid #e7e7e7;
  font-size: 13px;
  max-width: 100%;
  min-width: 100%;
  color: #000;
  font-weight: 500;
}

.add-properties .inner-wrapper textarea {
  height: 60px !important;
}

.add-properties .inner-wrapper .radio-wrapper .radio-wrapper-labels {
  display: flex
}

.add-properties .inner-wrapper .radio-wrapper .radio-wrapper-labels label {
  width: auto
}

.add-properties .inner-wrapper .property-images-output {

  display: flex;

  margin-top: 15px;
  flex-wrap: wrap;
}

.add-properties .inner-wrapper .property-images-output .image-wrapper {
  position: relative;
  margin-bottom: 16px;
}

.add-properties .inner-wrapper .property-images-output .image-wrapper i {

  color: #006459;
  font-size: 19px;
  cursor: pointer;
}

.add-properties .inner-wrapper .property-images-output .image-wrapper button {
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 5px;
  margin-right: 25px;
  color: #000;
  font-weight: 500;
}

.add-properties .inner-wrapper .property-images-output .image-wrapper a {
  position: absolute;
  right: 10px;
  top: -8px;
}

.add-properties .inner-wrapper .property-images-output .image-wrapper a i {
  color: #721c24;
  font-size: 16px;
  cursor: pointer;
  background: #f8d7da;
  border-radius: 50%;
  padding: 5px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.27);
}

.add-properties .inner-wrapper .property-images-output p {
  font-size: 11px;
  margin-right: 18px;
  background: #ccc;
  padding: 4px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.add-properties .submit {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 7px 28px;
  margin-left: 8px;
  margin-right: 8px;
}

.add-properties.view-more-properties .slider {
  margin-bottom: 50px
}

.add-properties.view-more-properties .inner-wrapper .inner-details {
  margin: 7px 0;
}

.add-properties.view-more-properties .inner-wrapper .inner-details .row {
  margin: 0
}

.add-properties.view-more-properties .inner-wrapper .inner-details .col-md-5 {
  padding-right: 0
}

.add-properties.my-profile .inner-wrapper .inner-details {
  display: block
}

.add-properties.my-profile .inner-wrapper .inner-details label {
  float: left
}

.add-properties.my-profile .inner-wrapper .inner-details p {
  margin-left: 115px
}

.add-properties.my-profile .inner-wrapper .inner-details {
  margin: 7px 0
}

.add-properties.my-profile .inner-wrapper .inner-details:after {
  display: block;
  content: '';
  clear: both
}

.add-properties.view-more-properties .inner-wrapper .inner-details label {
  margin-right: 10px;
  background: url(../images/right-arrow.png) no-repeat 0 50%;
  padding-left: 22px;
  background-size: 14px auto;
  /* line-height: 21px; */
  margin-bottom: 3px;
  color: #000000;
  font-weight: 400;
  font-size: 13px;
}

.add-properties.my-profile .inner-wrapper .inner-details label {
  margin-right: 10px
}

.add-properties.view-more-properties .inner-wrapper p.property-des {
  font-weight: 400;
  padding: 0 15px;
  word-break: break-all
}

.add-properties.view-more-properties .inner-wrapper p {
  font-size: 14px;
  line-height: 21px;
  color: #000;
  font-weight: 500;
  padding-left: 22px;
  word-break: break-all;
}

.add-properties.my-profile .inner-wrapper p {
  font-size: 15px;
  line-height: 21px;
  color: #000;
  font-weight: 500
}

.add-properties.my-profile .inner-wrapper p {
  font-weight: 500;
  color: #000;
  line-height: 15px;
  word-break: break-all
}

.add-properties.my-profile .submit {
  width: 160px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0
}

.add-properties.view-more-properties .slider .carousel-item {
  height: 250px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important
}

.my-tickets {
  position: relative;
  margin: 30px 0 30px;
  background: #fff;
  padding: 20px 35px
}

.dataTables_length select {
  border: 1px solid #ccc;
  font-size: 13px;
  padding: 4px
}

#example thead {
  background: #333;
  color: #fff
}

.my-tickets .total-wrapper {
  align-items: center;
  justify-content: flex-end;
  background: #f5f5f5;
  padding: 20px 20px
}

.my-tickets .total-wrapper span {
  color: #333;
  font-size: 15px;
  display: block;
  text-align: left;
  padding-bottom: 5px;
  margin-bottom: 9px
}

.my-tickets .total-wrapper span:last-child {
  border-bottom: 0;
  margin: 0;
  padding: 0
}

.my-tickets .total-wrapper span b {
  background: #18c6b5;
  padding: 5px 5px;
  color: #fff;
  min-width: 45px;
  display: inline-block;
  text-align: center
}

.my-tickets .total-wrapper span:last-child {
  margin-right: 0
}

.my-tickets.member-services .wrapper {
  justify-content: space-between
}

.my-tickets.member-services .wrapper .inner {
  width: 23%
}

.my-tickets .wrapper .row {
  width: 100%
}

.my-tickets .wrapper .inner {
  display: flex;
  flex-direction: column;
  margin: 0 9px;
  width: 28%
}

.my-tickets .wrapper .inner input,
.my-tickets .wrapper .inner select {
  width: 100%;
  background: #e7e7e7;
  padding: 12px 10px;
  max-width: 100%;
  margin-bottom: 10px;
  height: auto;
  line-height: normal
}

.my-tickets #example img {
  width: 19px;
  height: auto;
  cursor: pointer
}

.my-tickets #example .pay-now {
  background: #006459;
  display: inline-block;
  width: 60px;
  color: #fff;
  text-align: center;
  font-size: 11px
}

.my-tickets .wrapper .inner label {
  color: #000;
  font-size: 15px;
  margin-bottom: 10px
}

.add-properties .inner-wrapper .multifile-wrapper {
  display: flex;
  align-items: center
}

.add-properties .inner-wrapper .multifile-wrapper #file_input {
  width: 250px;
  margin: 0;
  height: 43px !important;
}

.add-properties .inner-wrapper .multifile-wrapper .multifile_container {
  display: flex
}

.add-properties .inner-wrapper .multifile-wrapper .uploaded_image {
  background: #e7e7e7;
  margin: 0 10px;
  padding: 6px 15px;
  color: #000;
  border-radius: 25px;
  font-size: 16px
}

.add-properties .inner-wrapper .multifile-wrapper .uploaded_image a {
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: inline-block;
  padding: 0;
  line-height: 19px;
  text-align: center;
  margin-right: 3px
}

.chatbox {
  width: 350px;
  height: 320px;
  margin: 0 20px 0 0;
  position: relative;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  display: flex;
  flex-flow: column;
  border-radius: 10px 10px 0 0;
  bottom: 0;
  transition: .1s ease-out
}

.chatbox-top {
  position: relative;
  display: flex;
  padding: 10px 0;
  border-radius: 10px 10px 0 0;
  background: #037b6e
}

.chatbox-icons {
  padding: 0 3px 0 0;
  display: flex;
  position: relative
}

.chatbox-icons .fa {
  background: #fff;
  padding: 3px 5px;
  margin: 0 0 0 3px;
  color: rgba(220, 0, 0, .74);
  transition: .3s;
  font-size: 13px;
  font-weight: 400;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.chatbox-icons .fa.fa-minus {
  color: rgba(0, 0, 0, .74)
}

.chatbox-icons .fa.fa-minus:hover {
  background: rgba(0, 0, 0, .74);
  color: #fff
}

.chatbox-icons .fa:hover {
  background: #dc0000;
  color: #fff
}

.chatbox-icons a,
.chatbox-icons a:link,
.chatbox-icons a:visited {
  color: #fff
}

.chat-group-name,
.chat-partner-name {
  flex: 1;
  padding: 0 0 0 41px;
  font-size: 15px
}

.chat-partner-name a,
.chat-partner-name span.name,
.chat-partner-name span.service {
  color: #fff !important;
  font-size: 11px;
  white-space: nowrap;
  width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0 0 3px;
  font-style: italic
}

.status {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);
  border: 1px solid rgba(0, 0, 0, .15);
  background: #cacaca;
  margin: 0 3px 0 0
}

.online {
  background: #b7fb00
}

.away {
  background: #ffae00
}

.donot-disturb {
  background: #ff4343
}

.chatbox-avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  background: #fff;
  padding: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  position: absolute;
  transition: .1s ease-out;
  bottom: 6px;
  left: 6px;
  top: 10px
}

.chatbox-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.chat-messages {
  border-top: 1px solid rgba(0, 0, 0, .05);
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
  background: #fff
}

.message-box-holder {
  width: 100%;
  margin: 0 0 20px
}

.message-box-holder.receiver {
  text-align: right
}

.message-box-holder.sender {
  text-align: left
}

.message-box-holder.receiver .recTimestamp {
  margin-top: 15px
}

.message-sender {
  font-size: 12px;
  margin: 0 0 15px;
  color: #30649c;
  align-self: flex-start
}

.chat-partner-name a,
.chat-partner-name a:link,
.chat-partner-name a:visited,
.message-sender a,
.message-sender a:link,
.message-sender a:visited {
  color: #fff;
  text-decoration: none
}

.message-box {
  padding: 6px 6px;
  border-radius: 6px 0 6px 0;
  position: relative;
  background: #03b3a0;
  border: 1px solid rgba(100, 170, 0, .1);
  font-size: 12px;
  margin: 0 !important;
  color: #fff;
  line-height: 17px;
  display: inline-block
}

.message-box span {
  word-break: break-all
}

.message-box:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #03b3a0;
  border-right: none;
  bottom: -21px;
  right: 10px
}

.message-box .img-url {
  display: inline-block
}

.message-box .img-url img {
  margin-bottom: 7px
}

.message-box .img-url:hover {
  color: #fff
}

.message-partner {
  color: #000;
  background: #e9f3eb;
  border: 2px solid rgba(0, 114, 135, .1);
  align-self: flex-start
}

.message-partner:after {
  right: auto;
  bottom: auto;
  top: -22px;
  left: 9px;
  border: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 114, 135, .2);
  border-left: none
}

.chat-input-holder {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, .1);
  background: #006459;
  align-items: center;
  justify-content: center
}

.chat-input {
  resize: none;
  padding: 9px 4px 3px 8px;
  height: 35px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  color: #fff;
  flex: 1;
  border: none;
  background: #006459;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.chat-input::-webkit-scrollbar {
  width: 6px
}

.chat-input::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}

.chat-input::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px
}

.chat-input:focus,
.message-send:focus {
  outline: 0
}

.message-send::-moz-focus-inner {
  border: 0;
  padding: 0
}

.message-send {
  -webkit-appearance: none;
  color: #fff;
  font-size: 12px;
  padding: 0 15px;
  border: none;
  background: #ffa401
}

.attachment-panel {
  padding: 3px 9px;
  text-align: right
}

.attachment-panel a,
.attachment-panel a:link,
.attachment-panel a:visited {
  margin: 0;
  text-decoration: none;
  color: #fff;
  font-size: 18px
}

.chatbox-min {
  margin-bottom: -362px
}

.chatbox-min .chatbox-avatar {
  width: 60px;
  height: 60px
}

.chatbox-min .chat-group-name,
.chatbox-min .chat-partner-name {
  padding: 0 0 0 75px
}

.settings-popup {
  background: #fff;
  border-radius: 20px/10px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
  font-size: 13px;
  opacity: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 33px;
  transition: .15s;
  transform: scale(1, 0);
  transform-origin: 50% 0;
  width: 120px;
  z-index: 2;
  border-top: 1px solid rgba(0, 0, 0, .2);
  border-bottom: 2px solid rgba(0, 0, 0, .3)
}

.settings-popup:after,
.settings-popup:before {
  border: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-top: none;
  content: "";
  position: absolute;
  left: 45px;
  top: -10px;
  border-top: 3px solid rgba(0, 0, 0, .2)
}

.settings-popup:before {
  border-bottom: 7px solid rgba(0, 0, 0, .25);
  top: -11px
}

.settings-popup:after {
  border-top-color: transparent
}

#chkSettings {
  display: none
}

#chkSettings:checked + .settings-popup {
  opacity: 1;
  transform: scale(1, 1)
}

.settings-popup ul li a,
.settings-popup ul li a:link,
.settings-popup ul li a:visited {
  color: #999;
  text-decoration: none;
  display: block;
  padding: 5px 10px
}

.settings-popup ul li a:hover {
  background: rgba(0, 0, 0, .05)
}

.imgprofilephoto {
  border-radius: 21px;
  width: 31px
}

.recmsg {
  margin: 0 32px 15px
}

.recimg {
  margin: -51px -3px 1px
}

.recTimestamp {
  font-size: 9px;
  color: #a09e9e;
  margin-top: 7px
}

.chat-messages::-webkit-scrollbar {
  width: 12px
}

.chat-messages::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}

.chat-messages::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px
}

.sidebar-nav-menu {
  position: fixed;
  top: 24%;
  background: #fff;
  z-index: 999;
  padding: 0 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .34901960784313724)
}

.sidebar-nav-menu ul li {
  z-index: 99;
  margin: 8px 0 8px;
  text-align: center
}

.sidebar-nav-menu ul li a {
  display: block;
  line-height: normal;
  background: #006459;
  padding: 7px
}

.sidebar-nav-menu ul li a:focus,
.sidebar-nav-menu ul li a:hover {
  animation: shake .6s cubic-bezier(.1, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px
}

.sidebar-nav-menu ul li a i {
  font-size: 18px;
  color: #fff;
  font-weight: 400
}

.sidebar-nav-menu .sidebar-tooltip-one {
  position: relative;
  display: inline-block
}

.sidebar-nav-menu .sidebar-tooltip-one .sidebar-tooltiptext-one {
  visibility: hidden;
  min-width: auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 1px;
  padding: 8px 5px;
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 139%;
  width: 120px;
  line-height: normal;
  font-size: 13px
}

.sidebar-nav-menu .sidebar-tooltip-one .sidebar-tooltiptext-one.thired {
  width: 170px
}

.sidebar-nav-menu .sidebar-tooltip-one .sidebar-tooltiptext-one.fourth {
  width: 145px
}

.sidebar-tooltip-one .sidebar-tooltiptext-one::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #333 transparent transparent
}

.sidebar-nav-menu .sidebar-tooltip-one:hover .sidebar-tooltiptext-one {
  visibility: visible
}

.sidebar-nav-menu .sidebar-tooltip-one.fourth i {
  font-size: 16px
}

.dashboard.main-header {
  background: #030407
}

.payment-wrapper {
  background: #fff;
  padding: 15px;
  display: block;
  text-align: center;
  margin: 30px auto 30px;
  width: 90%;
  box-shadow: 0 1px 15px #00000038
}

.payment-wrapper.one {
  background: #82b100
}

.payment-wrapper.three {
  background: #fe9900
}

.payment-wrapper .inner {
  background-repeat: no-repeat !important;
  background-size: auto 80px !important;
  background-position: 50% 50% !important;
  width: 100%;
  height: 80px
}

.payment-wrapper.four .inner,
.payment-wrapper.two .inner {
  background-size: 80px auto !important
}

.upload-profile {
  margin: -50px 0 40px 0px;
  text-align: center;
  overflow: hidden;
}

.upload-profile .profile-pic {
  display: block;
  width: 110px;
  height: 110px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.upload-profile .file-upload {
  display: none
}

.upload-profile .circle {
  border-radius: 1000px !important;
  overflow: hidden;
  width: 110px;
  height: 110px;
  border: 3px solid #ccc;
  position: relative;
  margin: 0 auto;
  background: #fff url(../images/profile.png) no-repeat 50% 50%;
  background-size: cover;
  padding: 3px
}

.upload-profile img {
  max-width: 100%;
  height: auto
}

.upload-profile .p-image {
  margin-top: 10px
}

.upload-profile .p-image .upload-button {
  padding: 10px 31px;
  border-radius: 50px;
  font-size: 14px
}

.upload-profile .p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275)
}

.upload-profile .upload-button {
  background: #006459;
  display: inline-block;
  padding: 2px 34px;
  font-size: 13px;
  color: #fff;
  border-radius: 15px;
  transition: all .3s linear;
  margin: 0 auto;
  transition: all .3s linear
}

.upload-profile .upload-button:hover {
  color: #fff;
  -webkit-box-shadow: #222 0 0 0 40px inset;
  -moz-box-shadow: #222 0 0 0 40px inset;
  -ms-box-shadow: #222 0 0 0 40px inset;
  -o-box-shadow: #222 0 0 0 40px inset;
  box-shadow: #222 0 0 0 40px inset
}

.upload-profile h5 {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 15px 0;
  color: #030407;
  text-transform: uppercase
}

.upload-profile ul {
  display: flex
}

.upload-profile ul li {
  margin-right: 50px
}

.upload-profile ul li a {
  color: #000;
  font-size: 15px
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
  display: none
}

.page-title .bread-crumb {
  float: none;
  position: absolute;
  right: 0;
  bottom: 5px
}

.page-title .bread-crumb a.book {
  position: relative;
  background-color: #fff;
  padding: 11px 15px;
  color: #000;
  display: inline-block;
  font-size: 17px;
  box-shadow: 0 1px 7px #cccccc52
}

.page-title .bread-crumb a.book:hover {
  color: #000
}

.page-title .bread-crumb a.book:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  margin-left: 0;
  width: 0;
  height: 0;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent
}

.book-service-mymodal-class .inner-wrapper {
  margin-bottom: 0;
}

.book-service-mymodal-class .inner-wrapper .date-picker-align {
  position: relative
}

.book-service-mymodal-class .inner-wrapper .date-picker-align .mat-datepicker-toggle {
  position: absolute;
  right: 0;
  top: 0
}

.book-service-mymodal-class .inner-wrapper.accept {
  padding: 25px 0 25px;
  background: #f5f5f5
}

.book-service-mymodal-class .add-properties {
  margin-bottom: 0;
  box-shadow: none;
  margin: 0;
  max-width: 100%;
  padding: 0 0 5px
}

.book-service-mymodal-class .modal-header {
  padding: 13px 29px
}

.book-service-mymodal-class .modal-header h4 {
  margin-bottom: 20px;
  color: #000;
  font-weight: 500;
  margin: 0
}

.book-service-mymodal-class .add-properties .inner-wrapper h4 {
  font-size: 22px;
  border-bottom: 1px solid #e9ecef;
  box-shadow: unset
}

.book-service-mymodal-class .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.book-service-mymodal-class .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.book-service-mymodal-class .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #e7e7e7;
  border-radius: 50%
}

.book-service-mymodal-class .container:hover input ~ .checkmark {
  background-color: #ccc
}

.book-service-mymodal-class .container input:checked ~ .checkmark {
  background-color: #006459
}

.book-service-mymodal-class .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.book-service-mymodal-class .container input:checked ~ .checkmark:after {
  display: block
}

.book-service-mymodal-class .container .checkmark:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff
}

.book-service-mymodal-class .radio-wrapper label {
  display: flex;
  margin: 0 0 10px;
  line-height: 23px;
  padding: 0 10px 0 30px
}

.book-service-mymodal-class #house_interior,
.book-service-mymodal-class #legal_advice,
.book-service-mymodal-class #others,
.book-service-mymodal-class #property_management,
.book-service-mymodal-class #property_renovation_upgrataion,
.book-service-mymodal-class #property_rentering_leasing,
.book-service-mymodal-class #sales_and_purchase {
  display: none
}

.book-service-mymodal-class .modal-footer {
  border-top: 0;
  padding: 0
}

.book-service-mymodal-class .checkbox-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between
}

.book-service-mymodal-class .checkbox-wrapper .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 23px
}

.book-service-mymodal-class .checkbox-wrapper .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.book-service-mymodal-class .checkbox-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 0
}

.book-service-mymodal-class .checkbox-wrapper .container:hover input ~ .checkmark {
  background-color: #ccc
}

.book-service-mymodal-class .checkbox-wrapper .container input:checked ~ .checkmark {
  background-color: #006459
}

.book-service-mymodal-class .checkbox-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.book-service-mymodal-class .checkbox-wrapper .container input:checked ~ .checkmark:after {
  display: block
}

.book-service-mymodal-class .checkbox-wrapper .container .checkmark:after {
  left: 10px;
  top: 5px;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.book-service-mymodal-class .checkbox-wrapper {
  justify-content: start
}

.book-service-mymodal-class .checkbox-wrapper div {
  margin-right: 35px
}

.book-service-mymodal-class #property_management .radio-wrapper {
  display: flex
}

.dashboar-wrapper .inner-wrapper .right .userdetail-section.another-type .slick-slider {
  padding-top: 40px
}

.dashboar-wrapper .inner-wrapper .right .userdetail-section.another-type .slick-arrow {
  position: absolute;
  top: 0;
  padding: 0 15px;
  font-size: 0
}

.dashboar-wrapper .inner-wrapper .right .userdetail-section.another-type .slick-prev {
  right: 50px;
  background: #ccc url(../images/slider-left-arrow.png) no-repeat 50% 50%;
  background-size: 24px auto
}

.dashboar-wrapper .inner-wrapper .right .userdetail-section.another-type .slick-next {
  right: 0;
  background: #ccc url(../images/slider-right-arrow.png) no-repeat 50% 50%;
  background-size: 24px auto
}

.chat-open {
  right: 0;
  left: auto
}

.chat-open .modal-dialog {
  width: 350px;
  background: 0 0
}

.chat-open .modal-content {
  background: 0 0
}

.book-service-mymodal-class .agree .checkbox-wrapper {
  justify-content: center
}

.book-service-mymodal-class .agree .checkbox-wrapper div {
  margin-right: 0
}

/*.book-service-mymodal-class .radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px
}*/
.book-service-mymodal-class .facility-radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px

}

.book-service-mymodal-class .facility-radio-wrapper .checkmark {
  top: -4px;
}

.book-service-mymodal-class .add-properties .inner-wrapper {
  margin-bottom: 10px
}

.book-service-mymodal-class .add-properties .inner-wrapper label {
  margin-bottom: 5px
}

.book-service-mymodal-class .add-properties .inner-wrapper input {
  margin-bottom: 5px;
  padding: 8px 10px;
  height: 35px
}

.book-service-mymodal-class .add-properties .inner-wrapper select {
  height: 35px;
  padding: 6px 10px
}

.book-service-mymodal-class .add-properties .submit {
  margin-top: 10px
}

.book-service-mymodal-class .submit {
  margin-top: 15px
}

.basic-membership-mymodal-class .modal-dialog,
.premium-membership-mymodal-class .modal-dialog {
  max-width: 400px
}

.basic-membership-mymodal-class .bottom-btn,
.premium-membership-mymodal-class .bottom-btn {
  text-align: center
}

.basic-membership-mymodal-class .theme-btn,
.premium-membership-mymodal-class .theme-btn {
  padding: 14px 25px;
  line-height: normal;
  font-size: 15px;
  width: 200px;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: inherit
}

.basic-membership-mymodal-class .add-properties,
.premium-membership-mymodal-class .add-properties {
  box-shadow: unset;
  margin: 0;
  padding: 0
}

.basic-membership-mymodal-class .modal-title,
.premium-membership-mymodal-class .modal-title {
  margin-bottom: 20px;
  color: #000;
  font-weight: 500;
  margin: 0
}

.basic-membership-mymodal-class .modal-header,
.premium-membership-mymodal-class .modal-header {
  padding: 13px 29px
}

.basic-membership-mymodal-class .modal-footer,
.premium-membership-mymodal-class .modal-footer {
  padding: 0;
  border-top: 0
}

.basic-membership-mymodal-class .add-properties .inner-wrapper {
  margin-bottom: 15px
}

.basic-membership .notes {
  background: #efefef;
  padding: 10px;
  text-align: left;
  max-width: 445px;
}

.basic-membership .notes p {
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  color: #000;
}

.basic-membership .notes p .click-here-btn {
  padding: 6px 11px;
  font-size: 14px;
  background: #006459;
  color: #fff;
  border-radius: 5px;
}

.basic-membership .inner-wrapper {
  text-align: center;
  width: 100%
}

.basic-membership .inner-wrapper.dropdown {
  padding: 20px 0
}

.basic-membership .bottom-btn {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.premium-membership-mymodal-class .checkbox-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: start
}

.premium-membership-mymodal-class .checkbox-wrapper div {
  width: 100% !important;
  display: block
}

.premium-membership-mymodal-class .checkbox-wrapper .multiselect {
  width: 100% !important
}

.premium-membership-mymodal-class .checkbox-wrapper .multiselect-container {
  position: static !important;
  width: 100%;
  transform: unset !important;
  height: 210px;
  overflow-y: scroll;
  overflow-x: hidden
}

.premium-membership-mymodal-class .checkbox-wrapper .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 23px
}

.premium-membership-mymodal-class .checkbox-wrapper .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.premium-membership-mymodal-class .checkbox-wrapper .container input:checked ~ .checkmark {
  background-color: #006459
}

.premium-membership-mymodal-class .container input:checked ~ .checkmark {
  background-color: #006459
}

.premium-membership-mymodal-class .checkbox-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 0
}

.premium-membership-mymodal-class .checkbox-wrapper .container input:checked ~ .checkmark:after {
  display: block
}

.premium-membership-mymodal-class .checkbox-wrapper .container .checkmark:after {
  left: 10px;
  top: 5px;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.premium-membership-mymodal-class .checkbox-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.premium-membership-mymodal-class .container .checkmark:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff
}

.premium-membership-mymodal-class .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.premium-membership-mymodal-class .add-properties .inner-wrapper input {
  width: auto;
  height: auto;
  max-width: 100%;
  margin-bottom: 0
}

.premium-membership-mymodal-class .add-properties .inner-wrapper input.multiselect-search {
  width: 97%;
  padding: 8px;
  font-size: 12px;
  border-radius: 4px
}

.premium-membership-mymodal-class .multiselect-search,
.premium-membership-mymodal-class .multiselect-selected-text {
  font-size: 14px
}

.premium-membership-mymodal-class .add-properties .inner-wrapper span.input-group-btn {
  display: none
}

.premium-membership-mymodal-class .multiselect-container > li > a > label {
  padding: 2px 10px 2px 10px;
  font-size: 14px;
  line-height: 27px
}

.premium-membership-mymodal-class .add-properties .ms-drop label {
  margin: 0
}

.premium-membership-mymodal-class .add-properties .ms-drop label span {
  font-size: 13px;
  font-weight: 400
}

.basic-membership-mymodal-class .add-properties .notes,
.premium-membership-mymodal-class .add-properties .notes {
  margin-bottom: 15px
}

.premium-membership-mymodal-class .pre-checkbox {
  margin-bottom: 15px
}

.basic-membership-mymodal-class .add-properties .notes p,
.premium-membership-mymodal-class .add-properties .notes p {
  font-size: 13px;
  color: #000;
  line-height: 21px;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 12px
}

.main-menu .navigation > li > ul {
  background: #fff
}

.header-style-two.main-menu .navigation > li.dropdown ul > li > a {
  color: #222 !important
}

.header-style-two.main-menu .navigation > li.dropdown > ul > li:hover > a {
  border-left-color: #044e29 !important;
  border-left: 4px solid #044e29;
  background: #007d3e;
  color: #fff !important
}

.header-style-two.main-menu .navigation > li.current > a {
  color: #2fcc7c !important
}

.main-menu .navigation > li > ul > li {
  border-bottom: 1px solid #f3f5f4
}

.header-style-two.main-menu .navigation > li:hover > a {
  color: #2fcc7c !important
}

.header-style-two.main-menu .navigation > li.login:hover > a {
  color: #fff !important
}

.recent-posts .post .info li:before {
  content: unset
}

.recent-posts .post .info li a:hover {
  color: #222
}

.recent-posts .post .info li i {
  margin-right: 5px
}

.recent-posts .post {
  margin-bottom: 9px
}

.header-style-one.fixed-header .main-menu .navigation > li > a {
  color: #222 !important
}

.header-style-one.fixed-header .main-menu .navigation > li:hover > a {
  color: #007d3e !important
}

.header-style-one.fixed-header .main-menu .navigation > li.current > a {
  color: #007d3e !important
}

.header-style-one.fixed-header .main-menu .navigation > li.login:hover > a {
  color: #000 !important
}

.header-style-one.fixed-header .main-menu .navigation > li.login > a {
  background: url(../images/user-icon-black.png) no-repeat 16px 50%
}

.services-section .upper-box:before {
  background-color: #f2f2f2
}

.sec-title.light h2 {
  color: #222
}

.banner-section .bottom-box {
  padding: 16px 0;
  background-color: #f2f2f2
}

.banner-section .bottom-box .auto-container {
  max-width: 670px
}

.banner-section .bottom-box .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.banner-section .bottom-box h3 {
  font-size: 22px;
  font-weight: 500
}

.banner-section .bottom-box a {
  padding: 10px 35px;
  font-weight: 500;
}

.banner-carousel .owl-nav {
  bottom: -55px
}

.banner-carousel .owl-next,
.banner-carousel .owl-prev {
  background: 0 0
}

.main-footer .footer-bottom .copyright-text {
  background: 0 0 !important
}

.testimonial-block .info-box .designation {
  color: #46004d !important
}

.home.blog-detail.style-two {
  padding: 0;
  overflow: hidden;
  background: #fff
}

.home.blog-detail.style-two .sec-title {
  margin: 0 0 30px
}

.home .news-block-two {
  margin-bottom: 0
}

.home .news-block-two .image-box .image {
  height: 280px;
  background: url(../images/background/video-bg.png) no-repeat 50% 100%;
  background-size: cover !important
}

.team-section .team-block {
  margin-bottom: 0
}

.team-section .team-block a {
  font-size: 14px;
  padding: 0;
  text-align: center;
  display: block;
  width: 117px;
  margin: 20px 0 0 auto;
  background: #dadada;
  padding: 10px 0
}

.team-section .team-block a:hover {
  color: #000
}

.banner-carousel .owl-nav {
  display: none
}

.home.fun-fact-and-features {
  padding: 60px 0 60px;
  background: #f2f2f2
}

.home.fun-fact-and-features:before {
  content: unset
}

.home.fun-fact-and-features .sec-title {
  margin-bottom: 60px
}

.home.fun-fact-and-features .sec-title h2,
.sec-title.light h2 {
  padding: 0
}

.home.fun-fact-and-features .feature-block {
  background: #fff;
  padding: 0
}

.home.fun-fact-and-features .feature-block .inner-box {
  box-shadow: unset
}

.home.fun-fact-and-features .feature-block:hover {
  background-color: #5b023a;
  transition: all .3s ease
}

.home.fun-fact-and-features .feature-block:hover .link-box a {
  background: #fff;
  color: #222 !important
}

.home.fun-fact-and-features .feature-block:hover h3:before {
  background-color: #fff
}

.home.fun-fact-and-features .feature-block .inner-box:hover {
  background-color: unset
}

.home.fun-fact-and-features .feature-block .inner-box {
  transition: unset
}

.home.fun-fact-and-features.one-stop-solution .feature-block {
  height: 310px
}

.home.fun-fact-and-features.one-stop-solution .feature-block {
  background-color: #f2f2f2
}

.home.fun-fact-and-features.one-stop-solution .sec-title p {
  margin-top: 15px
}

.home.fun-fact-and-features.one-stop-solution .feature-block:hover h3 {
  color: #fff
}

.home.fun-fact-and-features.one-stop-solution .feature-block:hover {
  background: #5b023a
}

.home.fun-fact-and-features.one-stop-solution {
  background: #fff
}

.home .testimonial-carousel-two {
  padding-left: 0
}

.home .testimonial-carousel-two .owl-nav {
  display: none
}

.social-icon-two li a {
  color: #222
}

.testimonial-block-two .info-box .name {
  color: #006459 !important
}

.main-header .header-top {
  background-color: #006659 !important;
  /* background-image: linear-gradient(to right, #5c043b , #006659); */
}

.process-block .link-box a {
  color: #006459 !important
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
  color: #46004d
}

.fixed-header .sticky-header .logo img {
  max-width: 115px
}

.banner-carousel h2 span {
  color: #fff
}

.news-block-two .inner-box:hover .caption-box h3 a {
  color: #5b023a
}

.main-menu .navigation > li.current > a {
  color: #006459 !important
}

.main-menu .navigation > li > ul > li:hover > a {
  border-left-color: #03443d !important
}

.home.fun-fact-and-features .owl-nav {
  display: none
}

.news-block-two .caption-box h3 a {
  min-height: 60px;
  overflow: hidden
}

.news-block-two .inner-box:hover .caption-box h3 a {
  color: #5b023a !important
}

.terms-and-condition p {
  text-align: left;
  margin-bottom: 15px !important;
  font-size: 14px;
  line-height: 23px
}

.blog-cat li a:hover,
.blog-cat li.active a {
  background-color: #006459 !important
}

.fixed-header .sticky-header .main-menu .navbar-collapse {
  display: flex
}

.my-tickets .table th,
.table td {
  font-size: 13px
}

.map-main.contact-page-section {
  width: 100%;
  height: 300px
}

.map-main.contact-page-section .inner-column {
  padding: 0
}

.other-page.page-title {
  background-size: cover !important;
  background-position: 50% 50% !important
}

.other-page.page-title.about-us-banner {
  background-position: 50% 18% !important
}

.other-page.page-title.about-us-banner {
  background-position: 50% 46% !important;
}

.other-page.page-title.user-activation-banner {
  background-position: 50% 38% !important
}

.home.testimonial-section-two .testimonial-block-two .info-box {
  padding-right: 5px;
  min-height: 60px;
  padding-top: 0;
  text-align: right
}

.home.testimonial-section-two h2 {
  color: #fff
}

.home.testimonial-section-two .testimonial-block-two .info-box:before {
  top: 0
}

.home.testimonial-section-two .testimonial-block-two .inner-box .text {
  text-align: center
}

.home.testimonial-section-two .testimonial-block-two .inner-box {
  padding: 40px 40px
}

.team-section {
  background: #fff
}

.team-section .row {
  justify-content: center
}

.team-section.project-experts .row .team-block {
  margin-bottom: 50px
}

.team-section.project-experts .row .team-block:nth-child(4),
.team-section.project-experts .row .team-block:nth-child(5) {
  margin-bottom: 0
}

.team-section.key-people {
  background: #f2f2f2 !important
}

.team-section.key-people .inner-box {
  background: #ffff;
  padding: 20px 30px 20px;
  width: 49%;
  margin: 0 auto;
  float: left
}

.team-section.key-people .inner-box h3 {
  font-weight: 600;
  font-size: 18px;
  color: #006459;
  font-style: italic
}

.team-section.key-people .inner-box h5 {
  font-size: 15px;
  margin: 8px 0 0;
  font-style: italic
}

.team-section.key-people .inner-box ul {
  margin: 0 0 0 20px;
  padding: 0
}

.team-section.key-people .inner-box ul li {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 23px;
  list-style-type: disc
}

.team-section.key-people .inner-box.left {
  float: left
}

.team-section.key-people .inner-box.left .accordion-group .indent {
  padding-bottom: 36px
}

.team-section.key-people .inner-box.right {
  float: right
}

.team-section.key-people .inner-box .details {
  margin-bottom: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.team-section.key-people .inner-box .details .right .img-wrapper {
  background-size: cover !important;
  width: 30%;
  background-repeat: no-repeat !important;
  background-position: 50% 30% !important;
  padding: 10px;
  height: 75px;
  width: 75px;
  border: 3px solid #f7f7f7
}

.content-side .service-detail .wrapper {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc
}

.content-side .service-detail .column .wrapper:first-child {
  margin-top: 30px
}

.content-side .service-detail .wrapper:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.testimonial-carousel-three .owl-carousel .owl-stage-outer {
  padding: 10px 0
}

.tickets-banner {
  position: relative;
  background: #e7e7e7;
  padding-bottom: 15px
}

.tickets-banner.one-stop-solution .feature-block {
  height: 300px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important
}

.tickets-banner .owl-nav {
  background: 0 0;
  position: absolute;
  bottom: -32px;
  left: 75%;
  right: 3%;
  text-align: right
}

.tickets-banner .owl-nav button {
  background: 0 0
}

.tickets-banner .owl-nav button span {
  background: #ccc;
  padding: 8px;
  border-radius: 50%;
  color: #000
}

.tickets-banner .owl-prev {
  margin-right: 5px
}

.tickets-banner .image-upload-and-download {
  margin-left: 11px
}

.tickets-banner .image-upload-and-download .gray-btn:first-child {
  margin-right: 5px
}

.tickets-banner .image-upload-and-download .gray-btn {
  background: #ccc;
  color: #000 !important;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  padding: 8px 27px;
  border-radius: 25px;
  display: inline-block
}

.ticket-details {
  position: relative;
  overflow: hidden;
  padding: 30px 0 50px;
}

.ticket-details .documents {
  margin-bottom: 30px;
  text-align: center;
}

.ticket-details .documents h4 {
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  background: #fff;
  margin-bottom: 0;
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ticket-details .documents h4 i {
  width: 30px;
  height: 30px;
  background: rgba(0, 100, 89, 0.56);
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  margin-right: 7px;
}

.ticket-details .documents .details {
  text-align: center;
  background: #fff;
  padding: 0 20px;
  min-height: 75px;
  max-height: 305px;
  overflow-y: scroll;
}

.ticket-details .documents .details::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
.ticket-details .documents .details::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

/* Handle */
.ticket-details .documents .details::-webkit-scrollbar-thumb {
  background: #f5f5f5;
  border-radius: 10px;
}

/* Handle on hover */
.ticket-details .documents .details::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.ticket-details .documents .details p {
  text-align: left;
  margin-top: 9px
}

.ticket-details .documents .details p.user-name {
  font-size: 12px;
  color: #737373
}

.ticket-details .documents .details p.date-and-time {
  font-size: 11px;
  color: #737373;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
}

.ticket-details .documents .details p.date-and-time span {
  color: rgb(99, 179, 170);
}

.ticket-details .documents .details p.date-and-time .download-delete i {
  margin-right: 0;
  background: #e6e6e6;
  padding: 7px;
  border-radius: 50%;
  font-size: 13px;
  color: #000
}

.ticket-details .documents .details ul {
  text-align: center
}

.ticket-details .documents .details ul li {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #e7e7e7;
  text-align: left
}

.ticket-details .documents .details .file-name {
  margin-bottom: 7px;
  font-weight: 600;
}

.ticket-details .documents .details ul li a {
  font-size: 13px;
}

.ticket-details .documents .details ul li a:hover {
  color: #000
}

.ticket-details .documents .details ul li a i {
  margin-right: 10px
}

.ticket-details .documents-upload-and-download {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  display: block;
  padding: 15px 0
}

.ticket-details .documents-upload-and-download .gray-btn:first-child {
  margin-right: 5px
}

.ticket-details .documents-upload-and-download .gray-btn {
  background: #006459;
  color: #fff !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  padding: 8px 27px;
  border-radius: 25px;
  display: inline-block;
  border: 1px solid #fff
}

.ticket-details .inner-wrapper {
  background: #fff;
  margin-bottom: 20px;
}

.ticket-details .inner-wrapper h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}

.ticket-details .inner-wrapper .title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e7e7e7;
  flex-wrap: wrap;
  padding: 15px 30px 15px;
}

.ticket-details .inner-wrapper .title-wrapper ul {
  display: flex;
  flex-wrap: wrap
}

.ticket-details .inner-wrapper .title-wrapper ul li span {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
  background: #006459;
  color: #fff;
  line-height: normal;
  transition: .3s all;
  display: inline-block
}

.ticket-details .inner-wrapper .title-wrapper ul li span:hover {
  background: #5b023a
}

.ticket-details .inner-wrapper .title-wrapper ul li:last-child span {
  margin-right: 0
}

.ticket-details .inner-wrapper .details {
  margin-top: 20px;
  padding: 0 30px 0;
}

.ticket-details .inner-wrapper .edit-details {
  padding: 0 30px 15px;
}

.ticket-details .inner-wrapper .edit-details h5 {
  font-weight: 500;
  color: #000;
  font-size: 15px;
  line-height: 16px;
  display: block;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 10px;
}

.ticket-details .inner-wrapper .edit-details {
  padding: 0 30px 15px;
}

.ticket-details .inner-wrapper .details h5 {
  margin-bottom: 25px;
  color: #000;
  font-size: 15px;
  line-height: 16px;
  display: block;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 10px
}

.ticket-details .inner-wrapper .details .col-md-12 {
  display: flex
}

.ticket-details .inner-wrapper .details .col-md-12 h5:first-child {
  width: 25%;
  color: #737373;
  max-width: 25%;
  min-width: 25%;
  margin-bottom: 10px;
  padding: 10px 0
}

.ticket-details .inner-wrapper .details .col-md-12 h5:last-child,
.ticket-details .inner-wrapper .details .col-md-12 h5.service-status {
  font-weight: 500;
}

.ticket-details .inner-wrapper .edit-details .col-md-12 {
  display: flex;
  flex-wrap: wrap
}

.ticket-details .inner-wrapper .edit-details .col-md-12 label {
  width: 25%;
  color: #737373;
  max-width: 25%;
  min-width: 25%;
  margin-bottom: 10px;
  padding: 10px 0;
  font-size: 15px;
}

.ticket-details .inner-wrapper .edit-details .col-md-12 .form-control {
  width: 75%;
  padding: 12px 10px;
  max-width: 100%;
  margin-bottom: 10px;
  height: 53px !important;
  line-height: normal;
  border-radius: 0;
  border: 1px solid #e7e7e7;
  font-size: 14px;
  max-width: 75%;
  min-width: 75%
}

.ticket-details .inner-wrapper .edit-details .col-md-12 textarea {
  width: 70%;
  padding: 12px 10px;
  max-width: 100%;
  margin-bottom: 10px;
  height: 110px !important;
  line-height: normal;
  border-radius: 0;
  border: 1px solid #e7e7e7;
  font-size: 14px;
  max-width: 70%;
  min-width: 70%
}

.ticket-details .inner-wrapper .edit-details .submit {
  margin: 0 0 0 auto
}

.ticket-details .inner-wrapper .edit-details .invalid-feedback {
  text-align: right;
  margin-bottom: 10px
}

.ticket-details .inner-wrapper.comments-main {

}

.ticket-details .coments-section {
  padding: 0 30px 30px;
  height: 235px;
  overflow-y: scroll;
}

.ticket-details .coments-section::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
.ticket-details .coments-section::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

/* Handle */
.ticket-details .coments-section::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 10px;
}

/* Handle on hover */
.ticket-details .coments-section::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.ticket-details .coments-section .inner {
  margin-bottom: 20px;
}

.ticket-details .coments-section .inner .left {
  width: 70px;
  /* height: 70px; */
  float: left;
}

.ticket-details .coments-section .inner .left a {
  display: block
}

.ticket-details .coments-section .inner .left img {
  width: 70px;
  /* border-radius: 50%; */
}

.ticket-details .coments-section .inner .right {
  margin-left: 80px
}

.ticket-details .coments-section .inner .right h4 {
  font-size: 14px;
  margin-bottom: 7px;
  border-bottom: 0;
  padding-bottom: 0;
}

.ticket-details .coments-section .inner .right h5 {
  font-size: 9px;
  margin-top: 5px;
  color: #737373;
}

.ticket-details .coments-section .inner .right p {
  margin-top: 6px;
  font-size: 13px;
  line-height: 19px;
}

.ticket-details .acitve-logs .inner {
  min-height: 170px;
  max-height: 320px;
}

.ngx-datatable.material {
  box-shadow: 0px 0px 0px 0px !important;
  border: 1px solid rgba(0, 0, 0, .12)
}

.ngx-datatable.material .datatable-footer {
  overflow: hidden;
}

.eye-icon-wrapper {
  position: relative
}

.eye-icon-wrapper .fa-eye,
.eye-icon-wrapper .fa-eye-slash {
  position: absolute;
  top: 8px;
  right: 10px
}

/*.eye-icon-wrapper input {
  padding: 12px 29px 12px 10px!important
}*/
.bg-error {
  color: #dc3545;
  background: rgba(220, 53, 69, .05);
  padding: 15px;
  font-size: 15px;
  border: 1px solid #dc3545
}

.add-properties.change-password-wrapper .inner-wrapper {
  margin-bottom: 0
}

.radio-err-msg {
  font-size: 80% !important
}

.add-properties .inner-wrapper .date-picker-wrapper {
  position: relative
}

.add-properties .inner-wrapper .date-picker-wrapper .date-icon {
  position: absolute;
  top: 0;
  right: 0
}

.more-chat-window {
  position: fixed;
  right: 10px;
  bottom: 70px;
  z-index: 999;
  /* overflow-x: scroll; */
  /* max-width: 95%; */
  left: 10px;
  margin: 0 0 0 auto;
  display: flex;
  justify-content: flex-end;
}

.more-chat-window .chat-main-wrapper {
  display: flex;
  align-items: baseline;
  /* justify-content: flex-end; */
  overflow-x: auto;
  max-width: 100%;
  align-items: flex-end;
  margin: 0 0 0 auto;
}

.more-chat-window .chat-main-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}

.more-chat-window .chat-main-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px
}

.more-chat-window .chat-main-wrapper::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px
}


.more-chat-window .chat-main-wrapper .chat-wrapper {
  margin: 0 5px 0;
  max-width: 230px;
}

.more-chat-window .chat-main-wrapper .chat-wrapper .chatbox {
  width: 100%;
  max-width: 100%;
  min-width: 100%
}

.message-send {
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  width: 25px;
  height: 25px;
  background: #fff url(../images/chat-send.png) no-repeat 50% 50%;
  background-size: 12px auto;
  margin-right: 4px
}

.more-chat-window .chat-main-wrapper .chat-drop-down-wrapper {
  width: 40px;
  height: 40px;
  /* background: #fff; */
  border-radius: 50px;
  text-align: center;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); */
  margin: 2px;
}

.more-chat-window .chat-main-wrapper .chat-drop-down-wrapper i {
  color: #000;
  background: #006459;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
  padding: 8px;
  border-radius: 50%;
  color: #fff;
}

.user-activation {
  padding: 60px 0;
  text-align: center
}

.user-activation img {
  margin-bottom: 20px
}

.user-activation p {
  font-size: 20px;
  margin: 10px
}

.admin-dashboar-wrapper .inner-wrapper .left .links ul li a {
  border-radius: 0 40px 40px 0 !important;
  display: flex !important;
  align-items: baseline;
  line-height: 22px
}

.ngx-datatable.scroll-vertical .datatable-body img {
  width: 13px;
  height: auto
}

.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .first-row .cus-coloum .subscribe {
  display: flex;
  justify-content: space-between
}

.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .first-row .cus-coloum .subscribe h4 {
  font-size: 12px
}

.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .first-row .cus-coloum .subscribe .left {
  width: 48%;
  padding: 0;
  box-shadow: unset
}

.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .first-row .cus-coloum .subscribe .left .body {
  border-right: 1px solid #dedede
}

.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .first-row .cus-coloum .subscribe .right {
  width: 48%;
  padding: 0
}

.top-area .add-top-manager {
  display: inline-block;
  margin: 0 0 15px;
  padding: 9px 12px;
  background: #dedede;
  cursor: pointer;
  font-size: 14px
}

.top-area .add-top-manager i {
  margin-right: 6px
}

.top-area {
  text-align: right
}

.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .second-row .left,
.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .second-row .right {
  position: relative
}

.admin-dashboar-wrapper .inner-wrapper .right .tab-content #dashboard .second-row .left .chart-legend .legend-labels {
  position: absolute;
  right: 0;
  width: 20%
}

.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
  color: #000;
  font-size: 13px;
}

.ngx-datatable .datatable-body-cell,
  /*.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-label,*/
.ngx-datatable .datatable-header-cell,
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
  white-space: unset !important;
  /*overflow: auto!important;*/
  text-overflow: unset !important;
  /*overflow-x: auto!important;*/
  line-height: 15px !important;
  font-weight: 500;
  word-break: break-word
}

/*.ngx-datatable .datatable-body-cell,*/
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-label /*.ngx-datatable .datatable-header-cell,
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner*/
{
  /* white-space: unset!important;
   overflow: auto!important;
   text-overflow: unset!important;
   overflow-x: auto!important;*/
  line-height: 15px !important;
  font-weight: 500;
  word-break: break-word
}

.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
  display: none !important;
}


.ngx-datatable .datatable-body::-webkit-scrollbar {
  width: 6px
}

.ngx-datatable .datatable-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px
}

.ngx-datatable .datatable-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px
}

.ngx-datatable .datatable-body {
  height: 400px !important;
  overflow-y: auto !important;
  overflow-x: auto !important
}

.dashboar-wrapper .type-two .inner-wrapper .center .ngx-datatable .datatable-body {
  height: 155px !important;

}

.dashboar-wrapper .type-two .inner-wrapper .center .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  padding: 11px 5px !important;
}

.dashboar-wrapper .type-two .inner-wrapper .center .ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 5px !important;
}

.dashboar-wrapper .type-two .inner-wrapper .center .ngx-datatable .datatable-body .datatable-row-wrapper {
  margin-bottom: 1px;
}

.ngx-datatable .datatable-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.ngx-datatable .datatable-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 10px;
}

.ngx-datatable .datatable-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.ngx-datatable.property-owner-table .datatable-body {
  height: 77px !important;
}

.dashboar-wrapper .type-two .inner-wrapper .center .ngx-datatable.property-owner-table .datatable-body {
  height: 91px !important;
}

.about-project-experts {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 0 0;
  flex-wrap: wrap
}

.about-project-experts .project {
  margin: 0 0 30px;
  margin: 0 10px;
  flex: 1;
  background: #f2f2f2
}

.about-project-experts .text-wrapper {
  padding: 15px 15px;
  border-top: 1px solid #d8d3d3
}

.about-project-experts .project .inner-wrapper {
  display: flex;
  justify-content: space-between;
  background: #f2f2f2;
  padding: 15px;
  min-height: 105px
}

.about-project-experts .project .left {
  background-size: cover !important;
  width: 30%;
  background-repeat: no-repeat !important;
  background-position: 50% 30% !important;
  padding: 10px;
  height: 75px;
  width: 75px;
  border: 3px solid #f7f7f7
}

.about-project-experts .project .right {
  width: 70%;
  background: #f2f2f2
}

.about-project-experts h4 {
  font-size: 18px;
  margin: 0 0 6px;
  color: #006459;
  font-weight: 500;
  font-style: italic
}

.about-project-experts h5 {
  font-size: 15px;
  margin: 0 0 5px;
  font-style: italic
}

.about-project-experts span {
  font-size: 13px;
  margin: 0 0 5px;
  display: block;
  font-style: italic
}

.about-project-experts .right p:first-child {
  border-top: 1px solid #d6d6d6;
  padding-top: 5px
}

.about-project-experts .right p:last-child {
  margin-bottom: 0
}

.about-project-experts p {
  font-size: 14px;
  margin: 0 0 10px;
  line-height: 21px;
  color: #333
}

.terms-and-condition .inner-column h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 20px 0
}

.terms-and-condition .inner-column h4 {
  font-size: 20px;
  margin: 15px 0
}

.terms-and-condition .inner-column ul {
  margin: 0 0 0 40px;
  padding: 0
}

.terms-and-condition .inner-column ul li {
  list-style-type: square;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 15px
}

.terms-and-condition .inner-column ol {
  margin: 0 0 0 40px
}

.terms-and-condition .inner-column ol li {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 15px;
  list-style-type: lower-alpha
}

.cdk-overlay-pane .mat-dialog-container {
  padding: 10px
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #fff
}

mat-form-field label {
  font-size: 16px !important;
  color: #000 !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 400;
}

mat-form-field.mat-form-field-should-float label {
  color: #000 !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 400;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #ebebeb !important
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #006459 !important
}

.add-properties .view-book-service .checkbox-wrapper label,
.add-properties .view-book-service .radio-wrapper label,
.add-properties .view-book-service p {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  word-break: break-all;
}

.add-properties .view-book-service .radio-wrapper label.normal-label {
  color: #737373;
  font-weight: 400;
  padding-left: 0
}

.cancel-btn {
  display: inline-block;
  padding: 7px 24px;
  background: #d8d8d8;
  border-radius: 50px;
  line-height: 30px;
  color: #000 !important
}

.ticket-details .inner-wrapper .edit-details .mat-raised-button {
  margin-bottom: 20px;
  margin-top: 20px
}

.ticket-details .inner-wrapper .edit-details .mat-raised-button.add-comments {
  margin-top: 20px !important
}

.mat-raised-button {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18) !important;
  border-radius: 2px !important;
  padding: 8px 20px !important;
  font-size: 14px !important;
  margin-right: 10px !important;
  cursor: pointer !important;
  line-height: normal !important;
  font-weight: 400 !important
}

.close-popup {
  width: 100%;
  padding: 25px
}

.close-popup .mat-dialog-content {
  margin: 0;
  padding: 0;
  max-height: initial;
  overflow: hidden;
  text-align: center;
  line-height: 22px
}

.close-popup .mat-dialog-actions {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  background: #f7f7f7;
  padding: 12px 0
}

.close-popup .mat-dialog-actions .mat-button {
  background: #dedede
}

.back-btn-wrpper {
  max-width: 1220px;
  margin: 20px auto 0;
  text-align: right;
  padding: 0 15px;
}

.back-btn-wrpper a {
  display: inline-block;
  padding: 10px 35px;
  background: #e6e6e6;
  font-size: 18px;
  border-radius: 6px
}

.ticket-close-btn {
  padding: 6px 8px;
  background: #006459;
  color: #fff;
  display: inline-block;
  margin-left: 7px;
  border-radius: 5px;
  line-height: normal;
  transition: .3s all
}

.ticket-close-btn:hover {
  background: #5b023a;
  color: #fff
}

#closeTicket .ticket-close-wrapper {
  text-align: center
}

#closeTicket .ticket-close-wrapper .wrapper {
  margin-top: 35px
}

#closeTicket .ticket-close-wrapper h4 {
  font-size: 19px
}

#closeTicket .ticket-close-wrapper .wrapper .common {
  padding: 6px 17px;
  margin: 0 5px;
  font-size: 16px;
  border-radius: 5px
}

#closeTicket .ticket-close-wrapper .wrapper .common.yes {
  background: #006459;
  color: #fff
}

#closeTicket .ticket-close-wrapper .wrapper .common.no {
  background: #e0e0e0;
  color: #000
}

.datatable-row-wrapper:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}

.dashboar-wrapper .type-two .inner-wrapper .center .datatable-row-wrapper:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
  border-right: 1px solid rgba(0, 0, 0, .05)
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell:last-child,
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell:last-child {
  border-right: 0
}

.ngx-datatable .datatable-body-cell-label a {
  color: #000 !important;
  font-weight: 500
}

.mat-form-field {
  width: 100%
}

.ngx-datatable.material .datatable-header {
  border-bottom: 0
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-size: 12px !important
}

.subscription-cancel .wrapper {
  text-align: center
}

.subscription-cancel .wrapper h2 {
  font-size: 30px;
  text-align: center;
  margin: 20px 0;
  color: #000
}

.subscription-cancel .wrapper img {
  display: block;
  margin: 0 auto 20px
}

.angular-small-popup {
  max-width: 100% !important;
  width: 35%
}

.angular-small-popup .mat-dialog-container {
  padding: 35px !important
}

.angular-small-popup .mat-dialog-content {
  margin: 0;
  padding: 0;
  max-height: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  display: block;
  overflow: hidden
}

.angular-small-popup .mat-dialog-actions {
  margin-bottom: 0;
  min-height: auto;
  justify-content: center;
  margin-top: 15px
}

.angular-small-popup .btn {
  background: #e6e6e6;
  padding: 8px 25px;
  height: auto;
  line-height: normal;
  display: inline-block;
  min-height: auto;
  margin: 0 5px;
  font-size: 15px
}

.ngx-datatable .datatable-body .cancel-and-view-details-join {
  display: flex;
  word-break: break-all;
  overflow: auto;
  flex-wrap: wrap;
  /* justify-content: space-between */
}

.ngx-datatable .datatable-body .cancel-and-view-details-join .btn {
  font-size: 10px;
  background: #e6e6e6;
  margin-left: 3px;
  display: inline-block;
  padding: 1px 6px
}

.ngx-datatable .view-details-btn {
  font-size: 12px;
  background: #fff;
  margin-left: 5px;
  display: inline-block;
  padding: 4px 7px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.report-executive {
  padding: 40px 0
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 10px 10px !important
}

.single-line-header .ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 18px 10px !important
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 10px 10px !important
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  padding: 15px 10px !important
}

.my-special-services .ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 7px 10px !important
}

.my-special-services .ngx-datatable.material .datatable-header .datatable-header-cell {
  display: flex;
  align-items: center
}

.my-membership-service .ngx-datatable.material .datatable-header .datatable-header-cell {
  display: flex;
}

.my-membership-service .ngx-datatable .datatable-header .datatable-header-cell.text-center .datatable-header-cell-template-wrap,
.my-special-services .ngx-datatable .datatable-header .datatable-header-cell.text-center .datatable-header-cell-template-wrap {
  display: block;
  text-align: center;
  width: 100%
}

.mat-form-field,
.ngx-datatable.material {
  font-family: Montserrat, sans-serif !important
}

.top-manager-reporting-executive {
  margin-bottom: 40px
}

.sidebar-nav-menu .mobile-side-menu-view {
  display: none
}

.main-header .top-right .notification {

  border-right: 1px solid #fff;

  margin-right: 18px;

  padding-right: 30px;

  display: block;

  position: relative;
}

.main-header .top-right .notification .dropbtn {
  background: transparent;
  color: #fff;
  position: relative;
}

.main-header .top-right .notification .dropbtn span {

  background: #fff;

  color: #000;

  font-size: 10px;

  padding: 0px;

  border-radius: 50%;

  position: absolute;

  top: -7px;

  right: -17px;

  border: 1px solid #fff;

  width: 24px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 600;

  padding-top: 3px;
}

.main-header .top-right .notification .dropdown {
  display: inline-block;
  margin: -20px;
  padding: 20px;
}

.main-header .top-right .notification .dropdown-content {
  /* display: none;
   position: absolute;*/
  background-color: #ffffff;
  min-width: 200px;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  /*left: 10px;*/
}

.main-header .top-right .notification .dropdown-toggle::after {
  border-left: 0px;
  border-right: 0px;
}

.main-header .top-right .notification .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/*.main-header .top-right .notification .dropdown:hover .dropdown-content {display: block;}*/
.main-header .top-right .notification .dropdown-content {
  margin: 10px;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  padding: 10px;
}

.main-header .top-right .notification .dropdown-content::-webkit-scrollbar {
  width: 7px
}

.main-header .top-right .notification .dropdown-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}

.main-header .top-right .notification .dropdown-content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px
}

.main-header .top-right .notification .dropdown-content ul {
}

.main-header .top-right .notification .dropdown-content ul li {
  margin-bottom: 6px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 6px;
}

.main-header .top-right .notification .dropdown-content ul li h4 {
  font-size: 11px;
  margin-bottom: 4px;
  font-weight: 500;
}

.main-header .top-right .notification .dropdown-content ul li p {
  font-size: 9px;
  line-height: 13px;
}

.acitve-logs {
  padding: 0px 0px;
  background: #fff;
  margin-top: 30px;
  box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);
  border-radius: 4px;
  margin-bottom: 30px;
}

.acitve-logs h2 {
  /* color: #595d6e; */
  /* text-align: left; */
  /* font-size: 20px; */
  /* margin-bottom: 5px; */
  /* border-bottom: 1px solid #ebedf2; */
  /* padding-bottom: 10px; */
  /* padding-left: 30px; */
  /* padding-right: 30px; */
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  background: #fff;
  margin-bottom: 0;
  padding: 15px 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.acitve-logs h2 .fa {
  width: 30px;
  height: 30px;
  background: rgba(0, 100, 89, 0.56);
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  margin-right: 7px;
}

.acitve-logs .inner {
  padding: 15px 15px 15px;
  min-height: 370px;
  overflow-y: auto;
  max-height: 370px;
  overflow-x: hidden;
}

.acitve-logs .inner::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
.acitve-logs .inner::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}

/* Handle */
.acitve-logs .inner::-webkit-scrollbar-thumb {
  background: #f5f5f5;
  border-radius: 10px;
}

/* Handle on hover */
.acitve-logs .inner::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.acitve-logs .inner ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.acitve-logs .inner ul li {
  margin-bottom: 18px;
  margin-top: 10px;
}

.acitve-logs .inner ul li:last-child {
  margin-bottom: 5px;
}

.acitve-logs .inner ul li .left {
  width: 30px;
  height: 30px;
  background: rgba(0, 100, 89, 0.56);
  border-radius: 50%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  float: left;
}

.acitve-logs .inner ul li .left h3 {
  margin: 0;
  line-height: normal;
  text-transform: capitalize;
  font-size: 12px;
  color: #fff;
}

.acitve-logs .inner ul li .right {
  margin-left: 41px;
}

.acitve-logs .inner ul li .right .title {
  /* display: flex; */
}

.acitve-logs .inner ul li .right .title h3 { /* line-height: 26px; */
  margin-right: 0px;
  margin-bottom: 8px;
  font-weight: 500; /* float: left; */
  font-size: 15px;
}

.acitve-logs .inner ul li .right .title span {
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
  line-height: 15px;
  margin-bottom: 6px;
  text-transform: capitalize;
}

.acitve-logs .inner ul li .right h3 {
  font-size: 16px;
}

.acitve-logs .inner ul li h3 span {
  font-weight: normal;
  display: inline-block;
}

.acitve-logs .inner ul li .date-time {
  display: flex;
  margin: 0;
  width: 100%;
}

.acitve-logs .inner ul li .date-time p {

  margin-bottom: 0;

  font-size: 9px;

  margin-right: 7px;

  color: rgb(99, 179, 170);
}

.acitve-logs .inner ul li .date-time p i {
  margin-right: 4px;
  color: rgb(99, 179, 170);
}

.prperty-image-popup {
  text-align: center;
}

.prperty-image-popup img {
  max-width: 100%;
}

.add-properties .inner-wrapper .checkbox-area {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}


.add-properties .inner-wrapper .checkbox-area input#sameAddess {
  max-width: 20px;
  min-width: auto;
  height: 20px !important;
  margin-right: 5px;
  margin-bottom: 0;
}

.property-management-solutions {
  margin: 50px 0;
}

.property-management-solutions .wrapper {
  /* padding: 30px; */
  background: #fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.21); */
  flex-wrap: wrap;
}

.property-management-solutions .wrapper .image-wrapper {
  background-size: cover !important;
  /* height: 260px; */
}

.property-management-solutions .wrapper h1 {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 22px;
}

.property-management-solutions .wrapper p {
  line-height: 24px;
  font-size: 15px;
  margin-bottom: 10px;
}

.property-management-solutions .wrapper.style-one .left {
  width: 60%;
  padding: 45px;
}

.property-management-solutions .wrapper.style-one .right {
  width: 40%;
}

.property-management-solutions .wrapper.style-two .left {
  width: 40%;
}

.property-management-solutions .wrapper.style-two .right {
  padding: 45px;
  width: 60%;
}

.title-head {
  position: relative;
  font-size: 22px;
  font-weight: 500;
  color: #222;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.filter-wrapper {
  margin-bottom: 20px;
  margin-top: 20px;
}

.filter-wrapper-display {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
"
}

.filter-wrapper-display .back-btn {
  background: #fff;
  padding: 10px 11px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #006659;
  display: inline-block;
  transition: 0.3s all;
  color: #7e7e7e;
  margin-right: 10px;
}

.filter-wrapper-display .back-btn:hover {
  background: #006459;
  color: #fff;
  border: 1px solid #006459;
}

.filter-wrapper-display .date-filter {
  position: relative;
}

.filter-wrapper-display .date-filter #collapseExample {
  position: absolute;
  z-index: 99;
  /* width: 165px; */
  right: 10px;
  left: 1px;
}

.filter-wrapper-display .date-filter .date-btn {
  margin-right: 10px;
  background: url(../images/down-arrow.png) no-repeat 91% 53%;
  background-size: 20px auto;
  padding-right: 30px;
  background-color: #fff;
}

.filter-wrapper-display .date-filter .date-btn:hover {
  background: url(../images/white-down-arrow.png) no-repeat 91% 53% !important;
  background-color: #006459 !important;
  background-size: 20px auto !important;
}

.filter-wrapper-display .date-filter .btn-style-one {
  padding: 10px;
  line-height: normal;
  width: 100%;
  margin: 0 auto;
}

.filter-wrapper-display .date-filter .days {
  text-align: left;
  font-size: 12px;
  padding: 6px 0;
  cursor: pointer;
}

.filter-wrapper-display .date-filter .card-body {
  padding: 10px;
}

.filter-wrapper .filter-btn {
  background: #fff;
  padding: 8px 11px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #0c6d61;
  display: inline-block;
  transition: 0.3s all;
  color: #02675a;
}

.filter-wrapper .back-btn {
  color: #006659 !important;
}

.filter-wrapper .filter-btn:hover,
.filter-wrapper .back-btn:hover {
  background: #006459 !important;
  color: #fff !important;
  border: 1px solid #006459 !important;
}

.filter-wrapper .filter-btn-active {
  background: #006459;
  color: #fff;
}

.filter-wrapper .filter-btn.export-btn {
  margin-right: 10px;
}

.filter-wrapper .modal.right.some .modal-dialog {
  right: -320px !important;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out !important;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out !important;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out !important;
  transition: opacity 0.3s linear, right 0.3s ease-out !important;
}

.filter-wrapper .modal.right.some.show .modal-dialog {
  right: 0 !important;
}

.filter-wrapper .modal.show .modal-dialog {

  transition: none !important;
  margin-top: 0 !important;
  position: fixed !important;
  margin: auto !important;
  width: 390px !important;
  height: 100% !important;
  -webkit-transform: translate3d(0%, 0, 0) !important;
  -ms-transform: translate3d(0%, 0, 0) !important;
  -o-transform: translate3d(0%, 0, 0) !important;
  transform: translate3d(0%, 0, 0) !important;
  text-align: left !important;
}

.filter-wrapper .modal.right .modal-content {
  height: 100% !important;
  overflow-y: auto !important;
  border-radius: 0 !important;
  overflow-x: hidden;

}

/* width */
.filter-wrapper .modal.right .modal-content::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.filter-wrapper .modal.right .modal-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.filter-wrapper .modal.right .modal-content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.filter-wrapper .modal .modal-dialog .modal-content .modal-header {
  border-bottom-color: #EEEEEE !important;
  background-color: #FAFAFA !important;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter-wrapper .modal .modal-dialog .modal-content .modal-header .close {
  margin: 0;
}

.filter-wrapper .modal .modal-dialog .modal-content .modal-body {
  padding: 20px !important;
}

.filter-wrapper .close {
  background: #bfbfbf;
  padding: 14px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  margin-right: 0px;
}

.filter-wrapper .select2-selection,
.filter-wrapper .form-control {
  padding: 10px 5px !important;
}

.filter-wrapper .modal-footer {
  justify-content: center;
  background-color: #FAFAFA;
}

.filter-wrapper .modal-footer .text-center button {
  font-size: 16px;
  line-height: 30px;
  color: #fff !important;
  padding: 7px 24px;
  font-weight: 400;
  border-radius: 50px;
  color: #000 !important;
  margin-right: 15px;
  cursor: auto;
}

.filter-wrapper .modal-footer .text-center button.gray-btn {
  font-size: 16px;
  line-height: 30px;
  color: #fff !important;
  padding: 7px 24px;
  font-weight: 400;
  border-radius: 50px;
  margin-right: 15px;
  color: #fff;
  cursor: pointer;
}

.cdk-overlay-container {
  z-index: 9999 !important;
}

.filter-wrapper mat-form-field label {
  font-size: 14px !important;
}

.filter-wrapper .total-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.filter-wrapper .total-wrapper span {
  margin-right: 20px;
  display: block;
}

.filter-wrapper .total-wrapper span b {
  background: #18c6b5;
  padding: 5px 5px;
  color: #fff;
  min-width: 45px;
  display: inline-block;
  text-align: center;
}

.filter-wrapper .filter-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.blog-details {
  padding: 60px 0;
}

.blog-details .wrapper {
  width: 85%;
  margin: 0 auto;
}

.blog-details .wrapper .blog-wrapper {
  margin-bottom: 30px;
  /* border-bottom: 1px solid #ccc; */
  background: #fff;
  padding: 40px;
}

.blog-details .wrapper .blog-wrapper h2 {
  font-size: 20px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 30px;
}

.blog-details .wrapper .blog-wrapper p {
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 5px;
}

.blog-details .wrapper .blog-wrapper img {
}

.blog-details .wrapper .blog-wrapper .image-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.blog-details .wrapper .blog-wrapper .image-content .left {
  width: 48%;
  padding: 0;
}

.blog-details .wrapper .blog-wrapper .image-content .right {
  width: 48%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  border: 6px solid #ffffff;
  padding: 10px;
  box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 6%);
}

.blog-details .wrapper .blog-wrapper .image-content.one .right {
  background-position: 22% 50% !important;
}

.blog-details .wrapper .blog-wrapper .image-content ul {
}

.blog-details .wrapper .blog-wrapper .image-content ul li {
  font-size: 13px;
  line-height: 24px;
  text-align: justify;
  margin-bottom: 10px;
  list-style-type: circle;
}

.blog-details .wrapper .blog-wrapper .image-content.spacing {
  margin-top: 20px;
}

.blog-details .wrapper .blog-wrapper .image-content.spacing .left {
  padding: 0 20px;
}

.ngx-datatable.material .datatable-header {
  box-shadow: 0 1px 5px rgb(22 24 27 / 18%);
}

.partial-payment {
  margin: 0px 0 15px;
}

.partial-payment .inner-wrapper-table {
  width: 100%;
  background: #f4f7f7;
  padding: 20px;
  margin-top: 10px;
}

.partial-payment table {
  background: #fff;
  margin: 0;
}

.partial-payment table tbody tr:nth-child(odd) {
  background: #f7f7f7;
}

.partial-payment .table thead th {

  padding: 15px 10px;

  font-size: 14px;

  font-weight: 600;
}

.partial-payment .button-wrapper {
  margin: 15px 0 0;
}

.partial-payment .button-wrapper .small-btn {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
  background: #006459;
  color: #fff;
  line-height: normal;
  transition: .3s all;
  display: inline-block;
}

.partial-payment .button-wrapper .reject {
  padding: 6px 10px;
  font-size: 14px;
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
  border: 1px solid;
  box-shadow: 0 1px 4px rgb(0 0 0 / 5%);
}

.cdk-overlay-pane .modal-header {
  align-items: center;
}

.cdk-overlay-pane .modal-header h3 {
  font-weight: 500;
}

.cdk-overlay-pane .modal-header .close {
  margin: 0;
  padding: 0;
}

.cdk-overlay-pane .modal-header button.close {
  padding: 5px;
  margin: 0;
  background: #d8d8d8;
  font-size: 22px;
  min-width: 45px;
}

/*.my-membership-service .managetextfilter,
.my-special-services .managetextfilter
{
    border: 1px solid #d0d0d0;
    max-width: 100%;
    width: 100%;
    padding: 3px 5px;
    margin-top: 2px;
    font-size: 10px;
    border-radius: 2px;
}
*//*.my-membership-service .ngx-datatable.fixed-header .datatable-header-cell span.ng-star-inserted,
.my-special-services .ngx-datatable.fixed-header .datatable-header-cell span.ng-star-inserted
{
  font-size: 11px;
  font-weight: 600;
}
.my-membership-service .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell,
.my-special-services .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell
{
  background: #ececec;
}
.my-membership-service .datatable-row-wrapper:nth-child(odd),
.my-special-services .datatable-row-wrapper:nth-child(odd)
{
  background: #fff;
}
.my-membership-service .datatable-row-wrapper:nth-child(even),
.my-special-services .datatable-row-wrapper:nth-child(even)
{
  background: #efefef;
}
.my-membership-service .ngx-datatable.material .datatable-header,
.my-special-services .ngx-datatable.material .datatable-header
{
  background: #ececec;
}*/

.property-details-popup .mat-dialog-container {
  height: auto !important;
  padding: 0;
}

.property-details-popup .modal-header {
  background: #089886;
  padding: 15px 30px;
  margin-bottom: 25px;
}

.property-details-popup .modal-header h3 {
  color: #fff;
}

.property-details-popup .modal-header button.close {
  padding: 4px;
  margin: 0;
  background: #ffffff;
  font-size: 22px;
  min-width: 30px;
  opacity: 1;
  border-radius: 50%;
  height: 30px;
}

.property-details-popup .upload-profile {
  margin: 0px 0 20px 0px;
}

.property-details-popup .upload-profile .circle,
.property-details-popup .upload-profile .profile-pic {
  width: 90px;
  height: 90px;
}

.premium-membership-popup .modal-header button.close {
  min-width: 35px;
  height: 35px;
  line-height: normal;
}

.login-popup {
  max-width: 493px !important;
  min-width: 493px !important;
}