@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Regular.eot");
  src: url("../fonts/SFUIText-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIText-Regular.woff") format("woff"),
    url("../fonts/SFUIText-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Medium.eot");
  src: url("../fonts/SFUIDisplay-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Medium.woff") format("woff"),
    url("../fonts/SFUIDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-BoldItalic.eot");
  src: url("../fonts/SFMono-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-BoldItalic.woff") format("woff"),
    url("../fonts/SFMono-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-HeavyItalic.eot");
  src: url("../fonts/SFMono-HeavyItalic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-HeavyItalic.woff") format("woff"),
    url("../fonts/SFMono-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Thin.eot");
  src: url("../fonts/SFUIDisplay-Thin.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Thin.woff") format("woff"),
    url("../fonts/SFUIDisplay-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-HeavyItalic.eot");
  src: url("../fonts/SFUIText-HeavyItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-HeavyItalic.woff") format("woff"),
    url("../fonts/SFUIText-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-Medium.eot");
  src: url("../fonts/SFMono-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-Medium.woff") format("woff"),
    url("../fonts/SFMono-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Semibold.eot");
  src: url("../fonts/SFUIDisplay-Semibold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Semibold.woff") format("woff"),
    url("../fonts/SFUIDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Black.eot");
  src: url("../fonts/SFUIDisplay-Black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Black.woff") format("woff"),
    url("../fonts/SFUIDisplay-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-MediumItalic.eot");
  src: url("../fonts/SFMono-MediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFMono-MediumItalic.woff") format("woff"),
    url("../fonts/SFMono-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Regular.eot");
  src: url("../fonts/SFUIDisplay-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Regular.woff") format("woff"),
    url("../fonts/SFUIDisplay-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-UltralightItalic.eot");
  src: url("../fonts/SFUIText-UltralightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-UltralightItalic.woff") format("woff"),
    url("../fonts/SFUIText-UltralightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Light.eot");
  src: url("../fonts/SFUIText-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIText-Light.woff") format("woff"),
    url("../fonts/SFUIText-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-MediumItalic.eot");
  src: url("../fonts/SFUIText-MediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-MediumItalic.woff") format("woff"),
    url("../fonts/SFUIText-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Heavy.eot");
  src: url("../fonts/SFUIDisplay-Heavy.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Heavy.woff") format("woff"),
    url("../fonts/SFUIDisplay-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Ultralight.eot");
  src: url("../fonts/SFUIDisplay-Ultralight.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Ultralight.woff") format("woff"),
    url("../fonts/SFUIDisplay-Ultralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Heavy.eot");
  src: url("../fonts/SFUIText-Heavy.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIText-Heavy.woff") format("woff"),
    url("../fonts/SFUIText-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-LightItalic.eot");
  src: url("../fonts/SFUIText-LightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-LightItalic.woff") format("woff"),
    url("../fonts/SFUIText-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-SemiboldItalic.eot");
  src: url("../fonts/SFUIText-SemiboldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-SemiboldItalic.woff") format("woff"),
    url("../fonts/SFUIText-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Semibold.eot");
  src: url("../fonts/SFUIText-Semibold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIText-Semibold.woff") format("woff"),
    url("../fonts/SFUIText-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-Light.eot");
  src: url("../fonts/SFMono-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-Light.woff") format("woff"),
    url("../fonts/SFMono-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-BoldItalic.eot");
  src: url("../fonts/SFUIText-BoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-BoldItalic.woff") format("woff"),
    url("../fonts/SFUIText-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-Heavy.eot");
  src: url("../fonts/SFMono-Heavy.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-Heavy.woff") format("woff"),
    url("../fonts/SFMono-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Medium.eot");
  src: url("../fonts/SFUIText-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIText-Medium.woff") format("woff"),
    url("../fonts/SFUIText-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Regular_1.eot");
  src: url("../fonts/SFUIText-Regular_1.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIText-Regular_1.woff") format("woff"),
    url("../fonts/SFUIText-Regular_1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-Regular.eot");
  src: url("../fonts/SFMono-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-Regular.woff") format("woff"),
    url("../fonts/SFMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-RegularItalic.eot");
  src: url("../fonts/SFUIText-RegularItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-RegularItalic.woff") format("woff"),
    url("../fonts/SFUIText-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Ultralight.eot");
  src: url("../fonts/SFUIText-Ultralight.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFUIText-Ultralight.woff") format("woff"),
    url("../fonts/SFUIText-Ultralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Text";
  src: url("../fonts/SFUIText-Bold.eot");
  src: url("../fonts/SFUIText-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIText-Bold.woff") format("woff"),
    url("../fonts/SFUIText-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-Bold.eot");
  src: url("../fonts/SFMono-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-Bold.woff") format("woff"),
    url("../fonts/SFMono-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-Semibold.eot");
  src: url("../fonts/SFMono-Semibold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFMono-Semibold.woff") format("woff"),
    url("../fonts/SFMono-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "SF Mono";
  src: url("../fonts/SFMono-RegularItalic.eot");
  src: url("../fonts/SFMono-RegularItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/SFMono-RegularItalic.woff") format("woff"),
    url("../fonts/SFMono-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Light.eot");
  src: url("../fonts/SFUIDisplay-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Light.woff") format("woff"),
    url("../fonts/SFUIDisplay-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "SF UI Display";
  src: url("../fonts/SFUIDisplay-Bold.eot");
  src: url("../fonts/SFUIDisplay-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/SFUIDisplay-Bold.woff") format("woff"),
    url("../fonts/SFUIDisplay-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
html,
body {
  font-family: "SF UI Text";
  -webkit-font-smoothing: antialiased;
}

.multiSelect .buttonLabel {
  display: contents;
}
.location-table tbody tr td {
  padding-bottom: 20px;
}
.location-table td:first-child {
  width: 40%;
  text-transform: uppercase;
}
.location-table td:last-child {
  width: 60%;
}
.about-andy p {
  white-space: pre-line;
}

@media (max-width: 419px) {
  html,
  body {
    font-size: 12px;
  }
}

#header-navbar .nav > li > a > i,
#sidebar-nav .nav > li > a > i {
  font-size: 23px;
}
.theme-whbl h1 {
  /* color: black; */
}
.theme-whbl #nav-col,
.theme-whbl #page-wrapper {
  background-color: #fff;
  z-index: 9;
}
#search #search-input,
#search .hint {
  padding-left: 43px;
  padding-right: 43px;
  border-radius: 23px;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#sidebar-nav .nav > li > a {
  color: #fff;
  height: 44px;
  line-height: 28px;
  -webkit-transition: border-color 0.1s ease-in-out 0s,
    background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s;
  transition: border-color 0.1s ease-in-out 0s,
    background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s;
  overflow: hidden;
  padding: 8px 15px 8px 20px;
  border-right: 4px solid transparent;
}
#sidebar-nav .nav > li > a > span {
  font-size: 16px;
  font-weight: 600;
}
#sidebar-nav .nav > li {
  padding: 5px 0;
}
.nav {
  /*background: #fff;*/
}
input.search {
  position: relative;
  padding-left: 32px;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  border-radius: 30px;
  margin-top: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: rgba(255, 255, 255, 0.5);
  width: 360px;
}
span.time1 {
  position: absolute;
  left: 232px;
  top: 17px;
  float: left;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 44px;
  margin-top: 7px;
}
.theme-whbl .navbar > .container .navbar-brand {
  height: 70px;
}
.back {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23c5f3+0,1aa9e3+28,138ed4+64,0b6dc4+100 */
  background: #23c5f3; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #23c5f3 0%,
    #1aa9e3 28%,
    #138ed4 64%,
    #0b6dc4 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #23c5f3 0%,
    #1aa9e3 28%,
    #138ed4 64%,
    #0b6dc4 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #23c5f3 0%,
    #1aa9e3 28%,
    #138ed4 64%,
    #0b6dc4 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23c5f3', endColorstr='#0b6dc4',GradientType=1 ); /* IE6-9 */
}
.back,
.theme-whbl #header-navbar {
  background: rgb(21, 3, 41);
  background: -moz-linear-gradient(
    199deg,
    rgba(0, 212, 217, 1) 17%,
    rgba(0, 207, 240, 1) 33%,
    rgb(77, 142, 255) 65%,
    rgb(172, 72, 241) 100%
  );
  background: -webkit-linear-gradient(
    199deg,
    rgba(0, 212, 217, 1) 17%,
    rgba(0, 207, 240, 1) 33%,
    rgb(77, 142, 255) 65%,
    rgb(172, 72, 241) 100%
  );
  background: linear-gradient(
    199deg,
    rgba(0, 212, 217, 1) 17%,
    rgba(0, 207, 240, 1) 33%,
    rgb(77, 142, 255) 65%,
    rgb(172, 72, 241) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#150329",endColorstr="#ff4772",GradientType=1);
}
#header-navbar .navbar-left .navbar-nav {
  margin-left: 0;
  margin-left: 44px;
  margin-top: 7px;
}
.theme-whbl .navbar > .container .navbar-brand {
  height: 70px;
  /* background: #39CDF1; */
  background: transparent;
}

.form-heading {
  text-align: center;
  color: black;
  border: none;
}
/*body{
    background-color: #525252;
}*/
.centered-form {
  margin-top: 60px;
}

#complete p {
  margin: 0 auto;
  width: 50%;
  text-align: center;
}

/* Breadcrups CSS */

.arrow-steps .step {
  font-size: 14px;
  text-align: center;
  color: #666;
  cursor: default;
  margin: 0 3px;
  padding: 10px 10px 10px 30px;
  min-width: 180px;
  float: left;
  position: relative;
  background-color: #d9e3f7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.2s ease;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 17px solid #d9e3f7;
  z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
  right: auto;
  left: 0;
  border-left: 17px solid #fff;
  z-index: 0;
}

.arrow-steps .step:first-child:before {
  border: none;
}

.arrow-steps .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
  position: relative;
}

.arrow-steps .step span:before {
  opacity: 0;
  content: "✔";
  position: absolute;
  top: -2px;
  left: -20px;
}

.arrow-steps .step.done span:before {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0.5s;
  -moz-transition: opacity 0.3s ease 0.5s;
  -ms-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
  color: #fff;
  background-color: #23468c;
}

.arrow-steps .step.current:after {
  border-left: 17px solid #23468c;
}
/**/
/*tab*/
.wizard {
  margin: 20px auto;
  background: #fff;
}

.wizard > div.wizard-inner {
  position: relative;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
  color: #39cdf1;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
  font-weight: 900;
}

span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
  bottom: 0;
}
.upspan {
  position: relative;
  bottom: 45px;
  right: 11px;
}
span.round-tab i {
  color: #555555;
}
.wizard li.active span.round-tab {
  background: #fff;
  border: 2px solid #5bc0de;
}
.wizard li.active span.round-tab i {
  color: #5bc0de;
}

span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.wizard .nav-tabs > li {
  width: 25%;
}
/*.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}*/

.wizard .nav-tabs > li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 50px;
}

.wizard h3 {
  margin-top: 0;
}

/*Property listing*/
/*card start*/
.property {
  background: white;
  position: relative;
  margin-bottom: 30px;
}
.shadow-hover {
  transition: all 0.4s linear;
}
.property-img {
  position: relative;
  display: block;
  height: 175px;
  width: 100%;
}

.propertyImg {
  position: absolute;
  right: -6px;
  top: 2px;
}

a {
  color: #48a0dc;
  outline: 0 !important;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.img-fade {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.property-img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
.property-content {
  padding: 5%;
  box-shadow: 0px 0px 10px #ccc;
  border-radius: 5px;
  height: 260px;
}
.property-edit-image-content .modal-header span{
  color: #7f829f;
  /* font-weight: 600; */
}
.property-edit-image-content .modal-body .prop-upload .carousel{
  max-width: 536px;
}
.property-edit-image-content .modal-body .file_msg{
  min-height: unset;
  padding: 20px !important;
  margin-bottom: 14px;
}
.property-edit-image-content .modal-body .alignImg{
  max-width: 510px;
  max-height: 350px;
}
.property-edit-image-content .modal-body .carousel-inner{
  max-height: 350px;
  @media (min-width: 767px) {
    min-height: 350px;
  }
}
.property-edit-image-content .modal-body .prop-upload .article-slide {
  padding: 0;
  @media (max-width:767px) {
    text-align: -webkit-center !important;
    text-align: center !important;
  }
}
.uploadFile{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
}
.btn-files-upload img{
  height: 24px;
  width: 24px;
}
.property-title {
  padding-bottom: 1px;
  margin-bottom: 20px;
}
.property-title a {
  color: #273349;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
  float: left;
  white-space: nowrap;
}
.property-details {
  color: #9eaab2;
  font-weight: 700;
  width: 100%;
  font-size: 12px;
}
.property-details td {
  width: auto;
}
.property-address {
  font-size: 12px;
  font-weight: 500;
  margin-top: 30px;
  color: #9d9fab;
}
.griddes {
  word-wrap: break-word;
  width: 262px;
  text-overflow: ellipsis;
  height: auto;
}

/* card end*/
/*pagination*/

.pagination-container {
  /*margin: 100px auto;*/
  text-align: center;
}
.pagination {
  position: relative;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination a {
  position: relative;
  display: inline-block;
  color: #2c3e50;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 8px 16px 10px;
}
.pagination a:before {
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 24px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 0px 10px #ccc;
  background-color: #2c3e50;
}
.pagination a:hover,
.pagination a .pagination-active {
  color: #66b1e2;
  background-color: #fff;
  box-shadow: 0px 0px 10px #ccc;
  border-radius: 50%;
}
.pagination a:hover:before,
.pagination a .pagination-active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.pagination .pagination-active {
  color: #66b1e2;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 10px #ccc;
}
.pagination .pagination-active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.pagination-newer {
  margin-right: 0;
  width: 100%;
}
.pagination-older {
  margin-left: 50px;
  background-color: #f2f3f8;
  border-radius: 50%;
  box-shadow: 0px 0px 10px #ccc;
}
/*pagination end*/

.project-listing-latest > h5 {
  /* color: #162441; */
  color: rgb(96, 99, 130);
  font-size: 26px;
  /* text-transform: uppercase; */
  font-weight: 600;
  display: inline-block;
  /*padding: 20px 0;*/
  margin-bottom: 15px;
  padding: 0;
}
.sort-grid {
  float: right;
  /*padding: 60px 0;*/
}
.sort-grid span {
  font-size: 16px;
  font-weight: 400;
}
.dropdown.default-oder {
  display: inline-block;
  margin-right: 2rem;
}
.stat-dropDown .refine {
  border: none !important;
}
.btn.btn-secondary.dropdown-toggle.togle-default {
  color: #c4c7d1;
  font-size: 12px;
  font-weight: 600;
  background: #f1f2f7;
  border: 1px solid #c4c7d1;
  margin-right: 20px;
  box-shadow: none !important;
}
.sort-grid span {
  font-size: 16px;
  font-weight: 400;
}
.view-as a i {
  color: #919191;
  font-size: 16px;
  padding-left: 15px;
}

.filtering-recent ul {
  list-style-type: none;
  padding: 0;
  /*margin: 0 auto;
    text-align: center;*/
  width: 100%;
}
.filtering-recent li {
  position: relative;
  display: inline-block;
  /* padding: 5px 5px 5px; */
  /*margin-right: 10px;*/
  cursor: pointer;
}
.filtering-recent li.active a {
  display: block;
  color: #2ad8f3;
}
.dropdown-menu.list-default-oder .dropdown-item {
  background: none;
  border: none;
  display: block;
  font-size: 12px;
  line-height: 18px;
  padding: 10px;
}

.refine {
  background: none !important;
  border: none !important;
  border-right: 1px solid #ccc !important;
  border-radius: 0;
  padding-right: 10px;
  font-size: 14px !important;
}
.horiLine {
  border-bottom: 1px solid #eee;
  width: 100%;
  margin-bottom: 10px;
}
.filtering-recent ul li a {
  padding: 5px 5px 5px;
  color: #919191;
}
.marT10 {
  margin-top: 10px;
}
.marT20 {
  margin-top: 20px;
}
.marT30 {
  margin-top: 30px;
}
.marB20 {
  margin-bottom: 20px;
}
.marB50 {
  margin-bottom: 50px;
}

/* .btn-import{color:#00d7fc;
    margin-right: 0px;
    border-radius: 17px;
    border-bottom: none;
    background: #fff;
    box-shadow: 0px 2px 0px 0px #eee;
    padding:7px 0px 7px 20px;
        font-size: 13px;
        Satish Ameda
} */
.btn-import {
  color: #00d7fc;
  margin-right: 0px;
  border-radius: 52px;
  border-bottom: none;
  background: #fff;
  box-shadow: 0px 2px 0px 1px #eee;
  padding: 7px 9px 7px 14px;
  font-size: 11px;
}
/* .btn-property {background:#00d7fc;color: #fff;
    margin-right: 0px;
    border-radius: 20px;
    border-bottom: none;
    box-shadow: 0px 2px 0px 0px #eee;
    padding: 7px 20px 7px 20px;
    font-size: 13px;
    Satish Ameda
} */
.btn-property {
  background: #00d7fc;
  color: #fff;
  margin-right: 0px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 11px;
}
.btn-global-search {
  background: #fcac0c;
  color: #fff;
  margin-right: 0px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 11px;
}

i.fa.fa-caret-down {
  margin-left: 15px;
}
i.fa.fa-cloud-upload {
  margin-right: 10px;
}
i.fa.fa-plus-circle {
  margin-right: 10px;
}
.view-as i.fa.fa-map-marker {
  color: #b2b3c4;
}
i.fa.fa-bars {
  color: #3a455c;
}
i.fa.fa-th {
  color: #3a455c;
}

/**/
.property_listview {
  background: white;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0 1px 2px 0 #eaecf6;
  border-radius: 5px;
  overflow: hidden;
}
.img_list {
  width: 32%;
  float: left;
  height: 180px;
}
.img_listview {
  width: 28%;
  float: left;
  height: 180px;
}
.property-content_listview {
  padding: 10px 2%;
  box-shadow: 0px 0px 10px #ccc;
  /* border-radius: 5px; */
  margin-left: 32%;
  height: 180px;
}
.property-content_listview .property-title h4 {
  height: 25px;
}
.property-content_listview .property-address {
  height: 60px;
  margin-top: 20px;
}
.img_listview .property-img1 img {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.property-content_listview1 {
  padding: 10px 2%;
  box-shadow: 0 1px 2px 0 #eaecf6;
  /* border-radius: 5px; */
  margin-left: 28%;
  height: 180px;
}
h4.margin-property-listings {
  height: 25px;
}
.property-content_listview1 .property-address {
  height: 60px;
  margin-top: 20px;
}

.img_list .property-img1 img {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  height: 100%;
}
/**/

/*property list end*/

/*Setting Page Start*/
.Setting_title {
  font-size: 14px;
  color: #29334e;
  font-weight: 900;
  text-align: left;
}
.setting_details p {
  margin: 0;
}
.btn-savechanges {
  background: #00d7fc;
  color: #fff;
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
  float: right;
}
.profile_img img {
  border-radius: 50%;
  background-clip: padding-box;
  float: left;
  height: 100px;
  margin-right: 25px;
  width: 100px;
}

.btn-updateavtar {
  background: #00d7fc;
  color: #fff;
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
}
.profile_btn {
  margin-left: 20px;
}
.profile_btn p {
  font-size: 13px;
  font-family: SF Text;
  font-style: italic;
  padding-top: 10px;
  color: #7f829f;
}
.panel .btn-savechanges {
  float: left;
}
.settingPage .nav.nav-pills.nav-stacked.nav-editprofile li a:hover {
  background: none;
  color: #0ddff5 !important;
}
.nav-editprofile li.active a {
  color: #0ddff5 !important;
  background: transparent;
}
.settingPage li a {
  color: #121a32 !important;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 15px;
}
.role {
  background: #fff;
  box-shadow: 0 0 3px 0 #eaecf6;
  width: 100%;
  margin-bottom: 20px;
}
.rolelist {
  padding: 10px 10px;
  border-bottom: 1px solid #edeef6;
  width: 100%;
}
.check_container {
  display: block;
  position: relative;
  padding-left: 50px;

  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.padding_5 {
  padding-left: 0px;
}

.Setting_traderView button {
  width: 100%;
}
.Setting_traderView .multiSelect .caret {
  float: right;
  margin-top: 6px !important;
}
.Setting_traderView .ser_cate li a {
  font-size: 12px;
}

.Agree_addtenant button {
  width: 49%;
}
.Agree_addtenant .multiSelect .caret {
  float: right;
  margin-top: 6px !important;
}
/* Hide the browser's default checkbox */
.check_container input {
  position: absolute;
  opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.check_container:hover input ~ .checkmark {
  border: 1px solid #00b49a;
}
.rolelist:hover {
  background: #a0f7e8;
}

/* When the checkbox is checked, add a blue background */

.check_container input:checked ~ .checkmark {
  background-color: #00d7fc;
  border: 1px solid #00d7fc;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*Setting Page End*/

/*property Detail start 22 Nov 2017*/
.project-detail h5 {
  color: #162441;
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
  padding: 0;
}
.project-detail span {
  color: #a3a4b8;
  font-size: 14px;
  margin-right: 20px;
  font-weight: 400;
}
.project-detail img {
  margin-right: 10px;
}
.property_Detail .article-slide .carousel-indicators .active img {
  border: 2px solid #428bca;
  opacity: 0.7;
}

.property_Detail .article-slide .carousel-indicators .active video {
  border: 2px solid #428bca;
  opacity: 0.7;
}

.property_Detail .carousel-indicators img {
  border: 2px solid #ffffff;
  float: left;
  height: 80px;
  left: 0;
  width: 120px;
}

/* Video styling for property detail carousel indicators */
.property_Detail .carousel-indicators video {
  border: 2px solid #ffffff;
  float: left;
  height: 80px;
  left: 0;
  width: 120px;
  object-fit: cover;
}

.property_Detail .carousel-indicators li {
  border: medium none;
  border-radius: 0;
  float: left;
  height: 80px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 5px !important;
  margin-top: 0;
  width: 120px;
}
/* .property_Detail .article-slide .carousel-indicators {
    bottom: -15px;
    left: 0;
    margin-left: 0;
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    overflow: scroll;
    height: 100px;
} */
.property_Detail .article-slide .carousel-indicators {
  bottom: 0;
  left: 0;
  margin-left: 0;
  max-width: 100%;
  width: 100%;
  position: relative;
  padding-bottom: 30px;
  overflow: scroll;
  height: 106px;
  overflow-y: hidden;
  display: inline-flex;
}

.syncProfile {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  text-align: center;
  min-height: 80px;
}
.syncProfile .btn-property {
  margin-right: 0;
  margin-top: 25px;
  width: 224px;
  font-size: 11px;
}
.property_Detail .carousel-inner {
  min-width: 605px;
  height: 400px;
}
.prop_des h5 {
  font-size: 18px;
  color: #162441;
  font-weight: 600;
  margin: 30px 0;
}
.prop_des p {
  font-size: 14px;
  color: #162441;
  font-weight: 400;
  margin: 15px 0;
}
.prop_des .show {
  color: #80bde7;
  font-size: 12px;
  font-weight: 100;
  margin-bottom: 20px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.his_sale h5 {
  font-size: 18px;
  color: #162441;
  font-weight: 600;
  margin: 30px 0;
}
.his_sale p {
  font-size: 12px;
  color: #767c8a;
  font-weight: 400;
  margin: 15px 0;
}
.amenities h5 {
  font-size: 18px;
  color: #162441;
  font-weight: 600;
  margin: 30px 0;
}
.amenities .fa.fa-check-circle {
  color: #00d6fa;
  font-size: 19px;
  padding: 0px 0px 0px 0.8px;
  margin-right: 10px;
  margin-bottom: 15px;
}
.amenities span {
  font-size: 12px;
  color: #767c8a;
  font-weight: 400;
}
.map h5 {
  font-size: 18px;
  color: #162441;
  font-weight: 600;
  margin: 30px 0;
}
.his_maint h5 {
  font-size: 18px;
  color: #162441;
  font-weight: 600;
  margin: 30px 0;
}
.his_tenat h5 {
  font-size: 18px;
  color: #162441;
  font-weight: 600;
  margin: 30px 0;
}
.features {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 30px 5px 10px 10px;
}
.features ul {
  text-decoration: none;
  list-style: none;
  padding-left: 15px;
}
.features ul li {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #162441;
  margin-bottom: 20px;
  padding-right: 20px;
}
.features ul li span {
  padding-right: 10px;
}
.features .fa {
  font-size: 22px;
  width: 40px;
  float: left;
  color: #b2b4c2;
}
.features img {
  font-size: 22px;
  width: 20px;
  float: left;
  color: #b2b4c2;
  margin-right: 20px;
}
/*.appart_info {box-shadow: 0px 0px 10px #ccc;background: #ffffff;padding: 12px;}*/
.appart_info {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 12px;
  border-radius: 5px;
}

.apt-list h5 {
  font-size: 16px;
  color: #28324d;
  font-weight: 600;
  margin: 0;
  margin-bottom: 5px;
}
.apt-list-tagline {
  font-size: 12px;
  color: #b9bac1;
  margin-bottom: 20px;
  font-weight: 400;
}
.apt-list-details ul {
  text-decoration: none;
  list-style: none;
  padding-left: 0;
}
.apt-list-details ul li {
  float: left;
  font-size: 14px;
  color: #b9bac1;
  margin-right: 15px;
}
.apt-list-details ul li::last-child {
  float: left;
  font-size: 14px;
  color: #f3bd00;
  margin-right: 20px;
}
.apt-firstuser img {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  float: left;
}
.apt-list-img img {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  float: left;
  margin-right: 5px;
}
.apt-list-icon {
  padding-top: 10px;
}
.apt-list-icon span {
  padding: 0;
  float: right;
  font-size: 12px;
  font-weight: 500;
}
.apt-list-icon img {
  height: 15px;
  width: 15px;
  float: left;
  margin-right: 10px;
}
.generate h5 {
  font-size: 14px;
  color: #767c8a;
  font-weight: 500;
  margin: 20px 0;
}
.generate .btn-import {
  color: #0bb19b;
}
.generate img {
  width: 20px;
  margin-right: 10px;
}
.generate .fa {
  color: #0bb19b;
}

.agent_profile {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  min-height: 307px;
  background: #ffffff;
  padding: 15px 0;
}
.contact_info {
  text-align: center;
  padding: 10px 0;
  position: relative;
}
.contact_info img {
  border-radius: 50%;
}
.contact_info h5 {
  font-size: 14px;
  color: #28324d;
  font-weight: 600;
  margin: 10px 0 5px 0;
}
.contact_info p {
  font-size: 12px;
  color: #767c8a;
  font-weight: 400; /*margin:5px 30px 5px 30px*/
}
.contact_info .btn-property {
  margin-right: 0;
  margin-top: 10px;
}

.agent_profile ul {
  text-decoration: none;
  list-style: none;
  padding-left: 0;
}
.agent_profile ul li {
  float: left;
  font-size: 13px;
  font-weight: normal;
  color: #162441;
  margin-right: 20px;
  width: 100%;
  padding: 3px 18px;
}
.agent_profile li span {
  font-size: 13px;
  color: #162441;
  font-weight: 600;
  margin: 0;
  float: right;
}
.complate-image-layout{
  display: flex; 
  justify-content: space-between;

  @media (max-width: 576px) {
    flex-direction: column;
  }
}
.rating-container{
  display: flex;
  flex-direction: column;
  min-width: 100px;
  align-self: end; 

  @media (max-width: 576px) {
    flex-direction: row-reverse;
    place-items: center;
    gap: 10px;
  }
}
.rating-container h4{
  @media (max-width: 576px) {
    margin: 0;
  }
}
.rating {
  /*text-align: center;*/
  /* margin: 0 auto; */
}
.rating .fa {
  color: #f3bd00;
}
.rating ul {
  text-align: center;
  width: auto;
  margin: 0;
}
.rating ul li {
  display: inline;
  padding: 0;
  margin-right: 0;
  float: none;
}
.marB30 {
  margin-bottom: 30px;
}
.btn-property.message-btn-set {
  margin-top: 8px;
}
.rating.raging-left-align {
  text-align: left;
  color: #a1a3b9;
}
#imaginary_container .input-group {
  width: 100%;
}
.propaddlocation {
  position: absolute;
  float: right;
  width: 10%;
  top: 0;
  z-index: 10;
  right: 0;
  padding: 7px 0;
}
span.set-location-mant {
  margin-top: -18px !important;
  text-align: right;
  font-size: 12px !important;
}

.his_main {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 12px;
}
.his_maint .his_main_list .his_img img {
  border-radius: 50%;
  float: left;
  height: 60px;
  width: 60px;
}
.his_maint .detail {
  margin-left: 100px;
}
.his_maint .detail h4 {
  font-size: 16px;
  color: #28324d;
  font-weight: 600;
}
.his_maint .detail span {
  color: #a3a4b8;
  font-size: 12px;
  margin-right: 20px;
  font-weight: 400;
}
.his_maint .detail img {
  margin-right: 10px;
}
i.fa.fa-pencil {
  margin-right: 10px;
}
/*property Detail end*/
/*modal start*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  /*z-index: 1;  Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  align-content: center;
}
.prtyCheck {
  font-family: arial;
  display: block;
  position: relative;
  padding-left: 7px;
  margin-bottom: 13px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 16px;
  color: #333644;
  text-align: left;
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: none;
  /* width: 50%; */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 2px 34px 0 rgba(39, 41, 75, 0.3);
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/* The Close Button */
.modal-header .close {
  color: #162441;
  float: right;
  font-size: 40px;
  font-weight: normal;
  opacity: 1;
  margin-top: 15px;
  margin-right: 20px;
}

.modal-header.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
  padding: 15px;
  background-color: #ffffff;
  color: white;
  border-radius: 5px;
}
.modal-header h3 {
  font-size: 30px;
  color: #162441;
  font-weight: normal;
  border-bottom: none;
  margin: 20px;
}
.modal-body .switchmodalcontent p {
  font-size: 14px;
  color: #162441;
  font-weight: normal;
}
.modal-body .switchmodalcontent h3 {
  padding: 0;
  font-size: 16px;
  color: #162441;
  font-weight: bold;
  border-bottom: none;
  margin: 0;
  margin-bottom: 10px;
}
.switchmodal_profile img {
  height: 70px;
  width: 70px;
}
.modal-body {
  padding: 15px 30px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-body .switchmodal_profile {
  float: left;
  width: 15%;
}
.modal-body .modalInnercontent {
  margin-left: 10%;
  margin-top: 7px;
}
.modal-body .btn-switch {
  background: #00d7fc; /*#2CB499; */
  margin-right: 10px;
  border-radius: 20px;
  padding: 7px 40px;
  font-size: 13px;
  box-shadow: 0 2px 4px 0 rgba(44, 180, 153, 0.2);
  border-bottom: 0;
  float: right;
  margin-top: -50px;
  color: #ffffff;
}
.switchmodalcontent {
  margin-left: 15%;
}
/*modal end*/
.inspection {
  position: relative;
  display: inline-block;
}
.colorGreen {
  background: #36bc56;
  width: 14px;
  border-radius: 50%;
  position: absolute;
  height: 14px;
  bottom: 0;
  right: 22px;
  border: 2px solid #fff;
  margin: 0 !important;
}
.colorRed {
  background: #ff4848;
  width: 14px;
  border-radius: 50%;
  position: absolute;
  height: 14px;
  bottom: 0;
  right: 22px;
  border: 2px solid #fff;
  margin: 0 !important;
}
.colorYellow {
  background: #ffc73d;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  height: 14px;
  bottom: 0;
  right: 22px;
  border: 2px solid #fff;
  margin: 0 !important;
}
.propertyNoti {
  background: #ff4848;
  width: 25px;
  border-radius: 50%;
  position: absolute;
  height: 25px;
  right: 0px;
  top: -8px;
  color: #ffffff;
  text-align: center;
  line-height: 25px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  outline: none;
}
.btn:active {
  outline: 0;
}
.btn {
  margin-left: 5px;
}
.sa-button-container {
  display: flex;
  justify-content: center;
}
.sa-button-container .cancel {
  order: 2;
}
.uib-datepicker-popup.dropdown-menu {
  padding: 5px;
}
.uib-button-bar .uib-datepicker-current {
  margin-right: 5px;
}

/*Profile start*/
.about-andy {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 20px;
}
.about-andy h3 {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 5px 0 15px 0;
  padding: 0;
  border-bottom: none;
}
.about-andy p {
  color: #162441;
  font-size: 13px;
  line-height: 21px;
}
.profile_property .property_listview {
  margin-bottom: 15px;
}
.profile_property .prop-list {
  width: 70%;
  font-weight: normal;
}
.profile_property .pagination {
  margin: 20px 0;
}
.profile_property .sort-grid {
  float: none;
}
.profile_property .sort-grid span {
  float: right;
}
.profile_property h5 {
  font-size: 18px;
  color: #a1a3b9;
  font-weight: 500;
  margin: 15px 0;
}
.Agency {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 20px;
}
.Agency h3 {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 5px 0 15px 0;
  padding: 0;
  border-bottom: none;
}
.Agency p {
  color: #162441;
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 20px;
}
.Agency img {
  width: 24%;
  float: left;
  margin-right: 20px;
}
.Agency .contact_info {
  text-align: left;
  padding: 0;
  margin-left: 0;
}
.Agency .contact_info h5 {
  margin: 0 0 5px 0px;
}
.Agency .rating ul {
  text-align: left;
}

.review_lists {
  background: #fff;
  display: flex;
  box-shadow: 0 1px 2px 0 #eaecf6;
  width: 100%;
}
.review_list {
  padding: 20px 20px;
  border-bottom: 1px solid #edeef6;
  width: 100%;
}
.review_list_rply {
  padding: 8px 0px;
  border-bottom: none;
  width: 100%;
}
.review .contact_info {
  text-align: left;
  padding: 0;
  margin-left: 0;
}
.review .contact_info h5 {
  margin: 0 0 5px 0px;
  color: #162441;
  font-size: 16px;
  font-weight: 600;
}
.review .rating ul {
  text-align: left;
  padding: 0;
}
.date {
  color: #7f829f;
  font-size: 14px;
  font-weight: normal;
}
.review .contact_info p {
  color: #162441;
  font-size: 13px;
  margin: 5px 0 10px 0;
}
.rew_img{
  justify-self: center;
}
.rew_img img,
.rew_img1 img {
  width: 60px;
  border-radius: 50%;
  height: 60px;
}
.review_lists .loadmore {
  margin: 0 auto;
  padding: 15px;
  font-size: 12px;
  color: #72b1f3;
  font-weight: normal;
}
.review_lists textarea.form-control {
  height: 80px;
}
.loadmore {
  margin: 0 auto;
  padding: 15px;
  font-size: 14px;
  color: #3991ee;
  font-weight: normal;
}

.btn-sub-resp {
  background: #00d7fc;
  color: #fff;
  margin-right: 10px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
}
.review_overall {
  background: #fff;
  box-shadow: 0 1px 2px 0 #eaecf6;
  width: 100%;
  padding: 20px;
}
.review_overall .rating-new .fa {
  color: #f3bd00;
  font-size: 24px;
}
/*Profile End*/

.fav-heart {
  max-width: 25px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.fav-heartlist {
  max-width: 25px;
  position: absolute;
  top: 5px;
  left: 5px;
}
.img-width {
  width: 100px;
  margin: 0 auto;
}
.colorGreen_tenant {
  background: #36bc56;
  width: 14px;
  border-radius: 50%;
  position: absolute;
  height: 14px;
  bottom: 3px;
  right: 16px;
  border: 2px solid #fff;
}

/*Welcome screen start*/
.welcome {
  margin-top: 80px;
}
.welcome h5 {
  color: #162441;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
}
.welcome p {
  color: #162441;
  font-size: 14px;
  line-height: 22px;
}
.btn-start {
  background: #00d7fc;
  color: #fff;
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
}
/*Welcome screen end*/

/*owner agent*/
.agent_detail ul li {
  float: left;
  font-size: 14px;
  font-weight: normal;
  color: #7f829f;
  margin-right: 20px;
  width: 100%;
  padding: 5px 10px;
}
.agent_details li span {
  font-size: 14px;
  color: #162441;
  font-weight: 600;
  margin: 0;
  float: right;
}
.colorGreen_agentOwner {
  background: #36bc56;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  height: 15px;
  bottom: 6px;
  right: 13px;
}
.agent_cmpnylogo img {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 8px;
  top: 8px;
}

.agentList .refinehead {
  padding: 20px 15px;
}

.agentList .fa-search {
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: #b1b3c5;
  top: 0;
  left: 0;
}

/*owner agent end*/
/*Service traders*/
.service_trader {
  min-height: 325px;
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 15px 0;
  display: block;
}
.ser_cate {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.ser_cate li {
  display: block;
  margin: 5px;
}
ul.ser_cate-padding li {
  display: inline-block;
  padding-bottom: 10px;
}
.ser_cate li a {
  background-color: rgba(70, 164, 242, 0.22);
  border-radius: 50px;
  padding: 5px 5px;
  font-size: 9px;
  font-weight: 500;
  margin: 0 5px 5px 0 !important;
}
.service_trader ul {
  padding: 0px;
  margin-bottom: 5px;
}
.fav-heart_blue {
  max-width: 25px;
  position: absolute;
  top: 10px;
  left: 10px;
}
a:hover {
  text-decoration: none;
}
.width23 {
  width: 20% !important;
}

.agentimg_width .default_121 {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
/*Service traders end*/

/*Search listing*/
.search_listing h5 {
  color: #162441;
  font-size: 26px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
  padding: 0;
}
.search_listing span {
  color: #3991ee;
}
.searchpage li a {
  font-size: 18px;
  font-weight: normal;
  padding: 8px 15px;
  color: #121a32;
}
.nav-search li.active a {
  color: #e68136 !important;
  font-size: 18px;
  font-weight: normal;
  padding: 8px 15px;
}
.searchpage .nav.nav-pills.nav-stacked.nav-search li a:hover {
  background: none;
  color: #e68136 !important;
}
.nav-search span {
  color: #bebdcc;
}

.search_result {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 20px 10px;
}
.prop_des {
  padding-left: 0px;
}
.prop_des h5 {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
}
.prop_des p {
  color: #162441;
  font-size: 14px;
  line-height: 21px;
}
.prop_icon img {
  vertical-align: top;
  margin-right: 10px;
}
.prop_img img {
  height: 85px;
  width: 105px;
  border-radius: 5px;
}
.user_img img {
  height: 85px;
  width: 85px;
  border-radius: 50%;
}

.default_121 {
  width: 100px;
  height: 100px;
  background-color: #4f90d1;
  border-radius: 50%;
  line-height: 100px !important;
  margin: 0 auto;
}
.default_35 {
  width: 35px;
  height: 35px;
  background-color: #4f90d1;
  border-radius: 50%;
  line-height: 35px;
  padding: 0 !important;
}
.default_100 {
  width: 100px;
  height: 100px;
  background-color: #4f90d1;
  border-radius: 50%;
}

.indi {
  width: 150px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
/*search listing end*/

.profile_inspection_detail {
  padding: 20px 20px;
}

/*Agent My agency*/
.myAgencyAgent h5 {
  font-size: 20px;
  color: #a1a3b9;
  font-weight: 500;
  margin-bottom: 15px;
}
.myAgencyAgent h3 {
  font-size: 14px;
  color: #162441;
  font-weight: 500;
  margin: 2px;
  border: none;
}
.item .agent_profile {
  padding: 15px;
}
.item .contact_info {
  padding: 0px;
}
.item .contact_info p {
  margin: 0;
  margin-bottom: 10px;
}
.item h5 {
  margin-bottom: 0;
}
.item .contact_info .img-width {
  width: 80px !important;
  height: 80px;
}
.item .contact_info .img-width img {
  height: 100%;
}
.item .colorGreen_agentOwner {
  bottom: 4px;
  right: 4px;
}
.btn-send {
  background: #00b49b;
  color: #fff;
  margin-right: 10px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
}

.msg-header {
  padding: 15px;
  background-color: #ffffff;
  color: white;
  border-radius: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.msg-header .close {
  color: #162441;
  float: right;
  font-size: 40px;
  font-weight: normal;
  opacity: 1;
  margin-top: 6px;
  margin-right: 0px;
}
.msg-header h3 {
  font-size: 24px;
  color: #162441;
  font-weight: normal;
  border-bottom: none;
  margin: 15px 0px;
}
.msg-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.msg-body {
  padding: 15px 30px;
  border-bottom: 1px solid #e5e5e5;
}
#sendmsg {
  display: block;
  width: 50%;
  background: #fff;
  box-shadow: 1px 1px 1px 1px #eee;
}
/*Agent My agency end*/
.agentlist ul {
  padding: 0;
  margin: 0;
}
.thumblist ul {
  padding: 0;
  margin: 0;
}
.agentlist ul li {
  text-decoration: none;
  list-style: none;
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 19%;
  vertical-align: top;
}
.thumblist ul li {
  text-decoration: none;
  list-style: none;
  display: inline-block;
  width: 165px;
  padding: 0;
  margin: 0;
  width: 22%;
  margin-right: 10px;
}
.agentlist .rating ul li {
  text-decoration: none;
  list-style: none;
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-right: 0px;
}
/*.thumblist .thumb {width: 180px;height: 130px;}*/
.thumblist .thumb img {
  width: 100%;
  height: 130px;
  border-radius: 5px;
}
.agentlist .colorGreen {
  right: 5px;
}
.agentlist h5 {
  font-size: 14px;
  font-weight: 600;
  color: #162441;
  margin: 2px 2px;
}
.agentlist p {
  color: #7f829f;
  font-weight: normal;
  font-size: 13px;
}
.agentlist .desc {
  color: #808196;
}
.agentlist .agentpro img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.agentlist .btn-start {
  margin-bottom: 15px;
}
.agentimg_width {
  width: 70px;
  height: 70px;
}
.agentlist .agent_cmpnylogolist {
  border-radius: 0;
  width: auto;
  height: auto;
  transform: translate(-8%, 30%);
  display: inherit;
  margin: -20px 0 20px 0;
}
.agentlist .agent_cmpnylogolist img {
  width: 45px;
  height: 45px;
}
.setting-section .row.ng-scope {
  margin: 0;
}
/* .agentlist .agent_cmpnylogolist img { max-width: 30px; height: auto; } */

/*Trader profile*/
.profile_det {
  margin-left: 140px;
  position: absolute;
}
.txtright {
  text-align: right;
}
.traderimg-width {
  width: 120px;
}

.trad_jobHis {
  padding: 20px 30px;
  border: 1px solid #edeef6;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 #eaecf6;

  @media (max-width: 767px) {
    padding: 8px;
  }
}
.trad_jobHis .histitle a {
  /*color: #162441;*/
  color: #606382;
  font-size: 18px;
  font-weight: 600;
}
.trad_jobHis .histitle p {
  /*color: #162441;*/
  color: #606382;
  font-size: 14px;
  line-height: 17px;
}
.trad_jobHis .rating ul {
  text-align: left;
  padding: 10px;
}
.trad_jobHis .price h4 {
  /*color: #3991EE; */
  color: #606382;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  text-align: right;
}
.trad_jobHis .days {
  color: #7f829f;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

.overview {
  border: 1px solid #edeef6;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 #eaecf6;
  padding: 20px;
}
.overview h5 {
  color: #162441;
  font-size: 18px;
  font-weight: 600;
  margin: 5px 0 15px 0;
}
.overview p {
  color: #162441;
  font-size: 13px;
  line-height: 21px;
  font-weight: normal;
}
.overview .ser_cate li a {
  color: #46a4f2;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  margin: 0;
}
.overview .ser_cate li {
  margin: 6px 2px 0 2px;
}
.overview img {
  height: 110px;
  width: 145px;
}
.availability h3 {
  color: #b1b3c5;
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
  border: none;
}
.availability img {
  width: 100%;
}
.banner {
  border: 1px solid #edeef6;
  border-radius: 5px;
  height: 332px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 #eaecf6;
  padding: 20px;
}
.banner h3 {
  color: #b9b9b9;
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 26px;
  text-align: center;
  border: none;
  font-weight: normal;
  margin-top: 50%;
}
.portfolio ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.portfolio ul li {
  display: inline;
}
.set-gap ul{
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin: 8px 0;
}

/*Trader profile end*/
/*map*/
/* .gm-style-iw {overflow: hidden!important;top:30px !important;}  */
.gm-style-iw {
  overflow: hidden !important;
  top: 5px !important;
}
.gm-style-iw > div {
  overflow: hidden !important;
}
.gm-style-iw .property-content {
  min-height: 135px;
  box-shadow: none;
}
/*map end*/

/*add tenant popup*/
.addTenant .check_container:hover input ~ .checkmark {
  border: 1px solid #00d8ff;
}
.addTenant .check_container input:checked ~ .checkmark {
  background-color: #00d8ff;
  border: 1px solid #00d8ff;
}
.addTenant span {
  color: #3991ee;
}
.addTenant .check_container {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}

/*add tenant popup end*/
/*Send messsage popup*/
.popover {
  width: 500px;
  max-width: 500px;
  font-family: "SF UI TEXT";
  left: 744px !important;
  display: none;
}
.popover.bottom > .arrow {
  display: none;
}
.popover-content {
  padding: 0;
}
.msg-footer .btn-switch {
  background: #2cb499;
  color: #fff;
  margin-right: 10px;
  border-radius: 20px;
  padding: 7px 40px;
  font-size: 13px;
  box-shadow: none;
}

/*Send messsage popup end*/

.home-footer {
  color: #333;
  font-weight: 300;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #fff;
  position: relative;
  z-index: 1;
}

/*maintaine new request*/
.fa-calendar-o {
  position: absolute;
  right: 20px;
  bottom: 30px;
  color: #b1b3c5;
}
.fa-search {
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: #b1b3c5;
  top: 36px;
  left: 526px;
}
span.time1 .fa-search {
  position: absolute;
  left: 0;
  top: 3px;
  float: left;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 0;
  margin-top: 0;
  bottom: 0;
  right: 0;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.upload-btn-wrapper input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.btn-upload1 {
  margin-bottom: 10px;
  background-color: #fdc614;
  color: #fff;
  margin-right: 10px;
  border-radius: 17px;
  box-shadow: 0px 2px 0px 0px #eee;
}
.tags {
  max-height: 90px;
  /* border-bottom:1px solid #E2E4ED; */
  margin-bottom: 15px;
  overflow: auto;
}
.tags ul {
  list-style: none;
  padding: 0;
}
.tags ul li {
  float: left;
  background-color: rgba(70, 164, 242, 0.22);
  border-radius: 50px;
  padding: 5px 4px;
  font-size: 9px;
  font-weight: 500;
  margin: 3px;
}
.tags ul li img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.tags ul li span {
  padding: 5px;
  color: #1a5c92;
  font-size: 11px;
}
.tags .fa.fa-times {
  color: #87a8c3;
  font-weight: 100;
}
.tags ul li button {
  background: none;
  border: none;
}

/*maintaine new request end*/

/*Agent maintenance start*/

.col-sm-3.col-md-3.col-lg-3.price-sec.dispute_status {
  padding-top: 30px;
}
.detail .apt-list-details {
  padding-top: 4%;
}
/* .cat_id{color: #7F829E;padding-top: 10px;} */
.cat_id span {
  padding-right: 10px;
  font-size: 13px;
}
.cat_id span img {
  padding-right: 10px;
}
.fa-bell {
  color: #ffffff;
  font-size: 10px;
}
.notibck {
  background-color: #ff5757;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
}
.overdue1 {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  background-color: #ff4546;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  min-width: 100px;
  border: none;
  margin-right: 5px;
  float: right;
}
.accepted1 {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  background-color: #fdc614;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  min-width: 100px;
  border: none;
  float: right;
}
.completed1 {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  background-color: #4dbb4b;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  min-width: 100px;
  border: none;
  float: right;
}
.booked1 {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  background-color: #a45cd5;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  min-width: 100px;
  border: none;
  float: right;
}
.sent1 {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  background-color: #00d8ff;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 500;
  margin-left: 10px;
  /* margin-right: 53px; */
  /* line-height: 17px; */
  /* min-width: 100px; */
  border: none;
  float: right;
  text-transform: uppercase;
}
.confirm1 {
  text-align: center;
  color: #fff;
  margin-top: 10px;
  background-color: #a45cd5;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  min-width: 100px;
  border: none;
  float: right;
}

/*Notice board By Deepak on 01-02-2018*/
.noticeBoard .property-title .property-address {
  margin-top: 10px;
}
/*Calendar start*/
/* css by ashish */
.fc-basic-view .fc-body .fc-row {
  min-height: 40px !important;
  height: auto !important;
}
.fa-download {
  margin-right: 5px;
}
#calendar .fc-event,
.external-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  padding: 0;
  margin: 0 auto;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: center !important;
}
.fc th,
.fc td {
  vertical-align: midle;
}
.fc th {
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #ececf3;
  color: #313246;
  line-height: 26px;
}
.fc th:nth-child(even) {
  background-color: #f2f2f6;
}
.fc th:nth-child(odd) {
  background-color: #ececf3;
}
.fc td:nth-child(even) {
  background-color: #ffffff;
}
.fc td:nth-child(odd) {
  background-color: rgba(236, 236, 243, 0.2);
}
.fc th,
.fc td {
  border: none !important;
}
.fc td {
  color: #7f829f;
}
.fc-toolbar {
  margin: 1em 1em 0em 1em;
  margin-bottom: 0 !important;
}
.fc-basic-view .fc-body .fc-row {
  border-bottom: 1px solid #f4f4f4 !important;
}
.fc-left h2 {
  padding: 5px 0 0 0;
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
  color: #162441;
  font-weight: 300;
}
.dashboard-calendar-sec {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  margin-top: 20px;
  margin: 40px 0;
}
.fc-title {
  display: none;
}
/* .fc-toolbar .fc-right{ display: none;}
.fc-toolbar .fc-left{ width: 100%; text-align: center};
.fc .fc-toolbar > * > *{ float:none !important;} */

/* end css by ashish */
.default_35.margin.ng-binding {
  margin-top: 27px;
  margin-left: 45px;
}
/*Refine start*/

.refine_dropdown {
  background: #fff;
  box-shadow: 1px 1px 1px 1px #eee;
  min-height: auto;
  text-align: center;
}
.refinehead {
  padding: 20px;
}

.refinehead input.search1 {
  font-size: 12px;
  border: 1px solid #7f829f;
  border-radius: 30px;
  padding: 10px;
  width: 100%;
  padding-left: 30px;
  color: #7f829f;
  font-weight: normal;
}
.searchico {
  position: absolute;
  left: 40px;
  top: 30px;
  float: none;
  color: #7f829f;
  margin-left: 0;
  margin-top: 0px;
}

.refine_dropdown .form-control {
  background: #ebecf2;
}
.refine_dropdown .fa-calendar-o {
  right: 20px;
  bottom: 30px;
  color: #888888;
  position: absolute;
}
.filters {
  padding: 0px;
}
.filters a {
  color: #fc3d46;
}
.filters .btn-property {
  background: #00d7fc;
  border-radius: 20px;
  padding: 7px 40px;
  margin-right: 0;
  box-shadow: 0px 1px 0px 0px #eee;
}
/*Refine end*/

/*Notification List start */
.notiList {
  background: #fff;
  box-shadow: 1px 1px 1px 1px #eee;
  padding: 20px 80px;
}
.notiList img {
  height: 50px;
  max-width: 50px;
}
.notiList .content-headline {
  color: #162441;
  font-weight: 600;
  font-size: 15px;
}
.notiList .content-text {
  line-height: 1.4;
  font-weight: normal;
  color: #162441;
  font-size: 13px;
}
.notiList .time {
  color: #b1b3c5;
  font-size: 14px;
  text-align: right;
}
.sqrImg {
  border-radius: 5px;
}
.list {
  padding: 25px 0;
}
.notiList .horiLine {
  color: #e2e4ed;
  opacity: 0.5;
}
.notiList .notilightBlue {
  color: #3991ee;
}
/*Notification List end*/

/* ==========================================================================
                             Agent maintenance tab css
========================================================================== */

.board > div.board-inner > .nav-tabs {
  border: none;
}

.board p.narrow {
  width: 60%;
  margin: 10px auto;
}

.board .liner {
  height: 2px;
  background: #ddd;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.board .nav-tabs > li.active > a,
.board .nav-tabs > li.active > a:hover,
.board .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  /* background-color: #ffffff; */
  border: 0;
  border-bottom-color: transparent;
  outline: 0;
  background: transparent;
}

/* .board span.round-tabs{
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	border-radius: 100px;
	background: white;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 25px;
} */
.board span.round-tabs {
  width: 60px;
  height: 60px;
  /* line-height: 70px; */
  display: inline-block;
  border-radius: 50%;
  background: white;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 22px;
  font-weight: normal;
  padding-top: 13px;
}

.board span.round-tabs.one {
  border: 2px solid #e2e4ed;
  color: #e2e4ed;
  background: #e2e4ed;
}

.board span.round-tabs .archive {
  border: 2px solid #e2e4ed;
  color: #e2e4ed;
  background: #e2e4ed;
}
.board span.round-tabs .sort {
  border: 2px solid #e2e4ed;
  color: #e2e4ed;
  background: #e2e4ed;
}

.board li.active span.round-tabs.one,
.board li.active span.round-tabs.two,
.board li.active span.round-tabs.three,
.board li.active span.round-tabs.four,
.board li.active span.round-tabs.five {
  background: #4cbb4c !important;
  border: 2px solid #4cbb4c;
  color: #fff;
}

.mainreq_list.board li.active span.round-tabs.one,
.mainreq_list.board li.active span.round-tabs.two,
.mainreq_list.board li.active span.round-tabs.three,
.mainreq_list.board li.active span.round-tabs.four,
.mainreq_list.board li.active span.round-tabs.five {
  background: #00d8ff !important;
  border: 2px solid #00d8ff;
  color: #fff;
}

.board span.round-tabs.two {
  border: 2px solid #e2e4ed;
  color: #e2e4ed;
  background: #e2e4ed;
}

.board span.round-tabs.three {
  border: 2px solid #e2e4ed;
  color: #e2e4ed;
  background: #e2e4ed;
}

.board span.round-tabs.four {
  border: 2px solid #e2e4ed;
  color: #e2e4ed;
  background: #e2e4ed;
}

.board span.round-tabs.five {
  border: 2px solid #e2e4ed;
  color: #e2e4ed;
  background: #e2e4ed;
}

.board li.active span.round-tabs.one i,
.board li.active span.round-tabs.two i,
.board li.active span.round-tabs.three i,
.board li.active span.round-tabs.four i,
.board li.active span.round-tabs.five i {
  color: #fff;
}

.board .nav-tabs > li {
  width: 20%;
  position: relative;
  text-align: center;
  color: #7f829f;
  /* font-weight: 500; */
  font-size: 13px;
}
.board .nav-tabs > li:first-child {
  width: 10%;
  margin-right: 13px;
}
/* .board .nav-tabs > li::after{
content: "";
width: 50px;
position: absolute;
border-top: 8px dotted #E2E4ED;
top: 40%;
right: -25px;
} */
.board .nav-tabs > li::after {
  content: "";
  width: 45px;
  position: absolute;
  border-top: 6px dotted #e2e4ed;
  top: 34%;
  right: -24px;
}
.board .nav-tabs > li:first-child:after {
  right: -56px;
}
.mainreq_list board.listing-padding-zero {
  padding: 0px;
}
.board .nav-tabs > li:last-child::after {
  border-top: none;
}

.board .nav-tabs > li.active > a span.round-tabs {
  background: #fafafa;
  color: #000;
}
.board .nav-tabs > li.active {
  color: #000;
  font-weight: 500;
}
.breadcrumb {
  padding: 0px 0px 25px 8px !important;
}
.breadcrumb > li a {
  color: #d3d2de !important;
}
.breadcrumb > li + li:before {
  padding-right: 22px !important;
  color: #d3d2de !important;
}
/* .board .nav-tabs > li a{
	width: 70px;
	height: 70px;
	margin: 10px auto;
	border-radius: 100%;
	padding: 0;
    background: transparent;
} */
.board .nav-tabs > li a {
  width: 60px;
  height: 62px;
  margin: 10px auto;
  border-radius: 100%;
  padding: 0;
  background: transparent;
}

.board .nav-tabs > li a:hover {
  background: transparent;
}

.board .tab-content {
}
.board .tab-pane {
  position: relative;
  padding-top: 25px;
}

.board .fa {
  color: #b2b5c3;
}

.board .btn-outline-rounded {
  padding: 10px 40px;
  margin: 20px 0;
  border: 2px solid transparent;
  border-radius: 25px;
}

.board .btn.green {
  background-color: #69cb95;
  /*border: 2px solid #5cb85c;*/
  color: #ffffff;
}

.login {
  margin: 10px auto 30px;
  padding: 20px 60px;
  color: #ffffff;
  width: 50%;
  border: 1px solid #40447a;
  border-radius: 4px;
  background-color: #373a65;
}
.login input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 5px 0 10px;
  padding: 0 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 13px;
  color: #162441;
  font-weight: 700;
}
.login label {
  color: #ffffff;
  max-width: 100%;
  min-width: auto;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  padding: 0px;
}

.frgtpass {
  margin: 10px auto 30px;
  padding: 20px 60px;
  color: #e4dcdc;
  width: 50%;
  border: 1px solid #40447a;
  border-radius: 4px;
  background-color: #373a65;
}
.frgtpass input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 5px 0 10px;
  padding: 0 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 13px;

  font-weight: 700;
}
.frgtpass label {
  color: #fff;
  max-width: 100%;
  min-width: auto;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  padding: 0px;
}

.frgtpass h1 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  text-align: center;
  margin-bottom: 20px;
}
.frgtpass p {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

.regenerate {
  margin: 10px auto 30px;
  padding: 20px 60px;
  color: #ffffff;
  width: 80%;
  border: 1px solid #40447a;
  border-radius: 4px;
  background-color: #373a65;
}
.regenerate input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 5px 0 10px;
  padding: 0 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 13px;

  font-weight: 700;
}
.regenerate label {
  color: #ffffff;
  max-width: 100%;
  min-width: auto;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  padding: 0px;
}

.regenerate h1 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  line-height: 33px;
  text-align: center;
  margin-bottom: 20px;
  font-family: "SF UI Text";
}
.regenerate p {
  font-size: 15px;
  text-align: center;
  margin-top: 10px;
}

.resetPass {
  margin: 10px auto 30px;
  padding: 20px 60px;
  color: #ffffff;
  width: 50%;
  border: 1px solid #40447a;
  border-radius: 4px;
  background-color: #373a65;
}
.resetPass input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 5px 0 10px;
  padding: 0 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 13px;

  font-weight: 700;
}
.resetPass label {
  color: #ffffff;
  max-width: 100%;
  min-width: auto;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  padding: 0px;
}

.resetPass h1 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  text-align: center;
  margin-bottom: 20px;
}

.sweet-alert h2 {
  line-height: 50px;
}

.marT50 {
  margin-top: 50px;
}
.logo {
  text-align: center;
  height: 75px;
  width: 175px;
  /* background-image: url(../images/logo.png); */
  background-image: url(../images/logo-public-home@2x.png);
  background-size: 175px auto;
  /* background-size: 175px 70px; */
  margin: 20px auto 0 auto;
  background-repeat: no-repeat;
}
.checkbox-custom,
.radio-custom {
  opacity: 0;
}
.btn-login {
  outline: 0;
  background: #00d7fc;
  width: 50%;
  border: 0;
  padding: 15px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
}

.login h1 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  line-height: 33px;
  text-align: center;
}

.checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  /*margin: 5px;*/
  cursor: pointer;
}

.checkbox-custom-label,
.radio-custom-label {
  position: relative;
  padding-left: 0;
}

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before {
  content: "";
  background: #fff;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  border-radius: 5px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  content: "\f00c";
  font-family: "FontAwesome";
  background: #00d7fc;
  color: #fff;
  padding-top: 0px;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #bbb;
}

.checkbox-custom:focus + .checkbox-custom-label,
.radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

.message_line {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}
.login a {
  float: right;
  font-weight: bold;
  color: #00cfff;
  text-decoration: none;
  font-size: 16px;
}

.bg {
  background-image: url("../images/bg_login.png");
  background-position: center center;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg_reg {
  background-image: url("../images/bg_register.png");
  background-position: center center;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.regis1.active-label,
label:focus,
label:hover,
label:active,
input:checked + label {
  outline: 0 !important;
}
.regis.active-label,
label:focus,
label:hover,
label:active,
input:checked + label {
  outline: 0 !important;
}
.login.active-label,
label:focus,
label:hover,
label:active,
input:checked + label {
  outline: 0 !important;
}

.regis {
  margin: 10px auto 30px;
  padding: 20px 60px;
  color: #ffffff;
  width: 60%;
  border: 1px solid #40447a;
  border-radius: 4px;
  background-color: #373a65;
}
.regis input {
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 5px 0 10px;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  color: #162441;
  font-weight: 700;
}
.regis label {
  color: #ffffff;
  max-width: 100%;
  min-width: unset;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  padding: 0px;
}
.regis h1 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;
  line-height: 33px;
  text-align: center;
}
.regis .checkbox span {
  color: #00d7fc;
}
.regis1 {
  width: 50%;
  text-align: left;
  background: #373963;
  margin: 0px auto;
  padding: 30px 40px;
  color: #ffffff;
  border: 1px solid #40447a;
  border-radius: 4px;
  background-color: #373a65;
}
.regis1 h1 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  line-height: 33px;
  text-align: center;
}
.regis1 h3 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 20px;
}

.regis1 label {
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  display: block;
  padding: 15px 30px 15px 45px;
  position: relative;
  background: #323460;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.15s ease;
  margin-bottom: 10px;
  color: #ffffff;
}
.regis1 label:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1.5rem;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0.2rem solid #fff;
  background: white;
}

.regis1 input:checked + label:before {
  border-color: white;
  background: #00b396;
}

/* input[type=radio] {
display: none;
} */

.regis1 input:checked + label {
  background: #444677;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: 0px auto -webkit-focus-ring-color;
}
.btn .caret {
  margin-left: 10px;
}

/* maintenance detail*/

.main_detail h5 {
  color: #162441;
  font-size: 22px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
  padding: 0;
}
.main_detail span {
  color: #7f829f;
  font-size: 13px;
  line-height: 0px;
  margin-right: 30px;
}
.main_detail img {
  width: 15px;
  margin-right: 5px;
}

.request_det h5 {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
}
.request_det p {
  color: #162441;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  margin: 5px 0px 42px 0px;
}
.request_det .show {
  color: #80bde7;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 20px;
}
.btn-link {
  cursor: pointer;
  /* padding: 10px 275px !important; */
  text-decoration: none !important;
  position: relative;
  top: 20px;
  padding: 10px;
}
.contact_info img {
  width: 100px !important;
  height: 100px !important;
}
/*request complete popup*/
.request_pro .contact_info {
  padding: 0;
}
.request_pro .rating ul {
  padding-left: 0;
}
.request_rev .form-group label {
  color: #162441;
  font-size: 16px;
  font-weight: 500;
}
.req_Rew_Rating h3 {
  color: #162441;
  font-size: 18px;
  font-weight: 500;
  border: none;
  margin: 0px;
}
.req_Rew_Rating .rating ul {
  padding-left: 0;
}
.req_Rew_Rating .rating .fa {
  font-size: 30px;
}
.req_Rew_Rating p {
  color: #2cb499;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 500;
  text-align: center;
}
/*request complete popup end*/
/* Strata_post Detail start*/
.attchment h5 {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
  padding: 0;
}
.attchment .atch_img {
  border-radius: 5px;
  height: 140px;
  width: 150px;
  margin-bottom: 10px;
  margin: 10px;
}
.attchment .atch_img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.attchment p {
  color: #162441;
  font-size: 14px;
  line-height: 17px;
  width: 140px;
  margin-top: 10px;
}
.attchment ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.attchment ul li {
  display: inline-block;
  vertical-align: top;
  padding: 10px 0px 25px 0px;
}
.attchment ul li .attchment-name {
  width: 80%;
  float: left;
}
.main_detail_msg.message-margin-set {
  margin-top: 25px;
}
.form-control.focus-issue:focus {
  border: 1px solid #00d7fc;
}
.btn-cancl_req {
  background: #fff;
  color: #ff5757;
  margin-right: 10px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
  font-weight: 500;
}
.btn-aprove {
  background-color: #e2e4ed;
  color: #b2b5c3;
  margin-right: 10px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 5px 36px;
  font-size: 13px;
  font-weight: 500;
}

.Watches h5 {
  color: #d1d1d1;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.Watches ul {
  list-style: none;
  padding: 0;
}
.Watches ul li {
  border-bottom: 1px solid #eee;
  color: #162441;
  font-size: 12px;
  padding: 10px 0px;
}
.Watches ul li span {
  margin-left: 10px;
}
.Watches ul li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.Watches .fa.fa-times {
  color: #ccc;
  float: right;
  margin-top: 10px;
}

.amnt {
  position: relative;
  padding: 25px 0;
  font-size: 20px;
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  min-height: 80px;
  color: #7f829f;
  font-weight: 400;
}
.maintCounter:before {
  content: "";
  border-top: 1px solid #eeedf2;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}
.amnt-container {
  padding: 0 25px;
  padding-bottom: 20px;
}
.amnt .price {
  color: #50a4ea;
  display: inline-block;
}
.amnt .price span {
  font-weight: 600;
}
.amnt .price span.dollar-sym {
  font-size: 20px;
  font-weight: normal;
}
.amnt .price span.price-amnt {
  font-size: 20px;
  position: relative;
  font-weight: normal;
  left: -5px;
}
.pull-right.remanings-days {
  font-size: 12px;
  position: relative;
  top: 10px;
}
.h5-heading-set {
  padding: 15px 0px;
}
.location-table {
  margin: 20px;
}
.location-table td:first-child {
  display: flex;
  display: contents;
}
.location-table td {
  width: 50%;
}
.board-inner ul li p {
  color: #7f829f;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  font-weight: 400;
  margin-top: 5px;
}
.board .fa-calendar-o {
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
}
.marker {
  width: 13px !important;
}

/* maintenance listing */
/* text-transform: uppercase; */
.main_accepted1 {
  text-align: center;
  color: #fff; /*margin-right: 53px;*/
  margin-top: 10px;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  float: right;
  background-color: #fdc614;
}
.main_booked1 {
  text-align: center;
  color: #fff; /*margin-right: 53px;*/
  margin-top: 10px;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  float: right;
  background-color: #a45cd5;
}
.main_completed1 {
  text-align: center; /*margin-right: 53px;*/
  color: #fff;
  margin-top: 10px;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  float: right;
  background-color: #4cbb4c;
}
.main_overdue1 {
  text-align: center; /*margin-right: 53px;*/
  color: #fff;
  margin-top: 10px;
  border-radius: 50px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  float: right;
  background-color: #ff4646;
}

/*maintenace detail end*/

/*Map popup*/
.map_popup {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 15px 0;
  min-height: 360px;
}
.map_popup ul {
  padding: 0px;
}
.map_popup .ser_cate {
  margin-bottom: 8px;
}
.fav-heart_blue a {
  display: block;
}
.fav-heart_blue a:before {
  content: "\f08a";
  height: 25px;
  width: 25px;
  display: block;
  color: #ccc;
  font-family: "FontAwesome";
  font-size: 24px;
  outline: none;
}
.fav-heart_blue a:hover:before {
  content: "\f004";
  font-family: "FontAwesome";
  font-size: 24px;
  color: #00d4fc !important;
  outline: none;
}

/*Map popup end*/
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f3bd00;
}
.rating span {
  outline: none !important;
}
.glyphicon:focus,
.glyphicon:active,
.glyphicon:visited {
  outline: none !important;
}
/*File Grid*/
.file_grid .attchment-name {
  color: #162441;
  font-size: 14px;
  width: 80%;
  float: left;
  font-weight: 400;
  word-wrap: break-word;
}
.file_grid .atch_img {
  margin: 0;
  margin-bottom: 5px;
  border-radius: 10px;
  width: auto;
}
.file_grid a {
  float: right;
  color: #b2b4c6;
}
/*.over{background-color: rgba(0,0,0,0.5)}*/
.over {
  border-radius: 10px;
  background: -moz-linear-gradient(
    270deg,
    #808080 0%,
    #ffffff 100%
  ); /* ff3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #808080),
    color-stop(100%, #ffffff)
  ); /* safari4+,chrome */
  background: -webkit-linear-gradient(
    270deg,
    #808080 0%,
    #ffffff 100%
  ); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(
    270deg,
    #808080 0%,
    #ffffff 100%
  ); /* opera 11.10+ */
  background: -ms-linear-gradient(270deg, #808080 0%, #ffffff 100%); /* ie10+ */
  background: linear-gradient(180deg, #808080 0%, #ffffff 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
}
.over img {
  height: 142px !important;
  width: 100%;
  border-radius: 10px;
}
.file_grid .fav-heart_blue a:before {
  content: "\f08a";
  color: #fff;
}
.file_grid .fav-heart_blue a:hover:before {
  content: "\f004";
  color: #00d4fc;
}
.file_grid .fav-heart_blue {
  left: 18px;
}
.file_grid .fav-heart_blue a.active:before {
  content: "\f004";
  color: #00d4fc;
}
/*File Grid end*/

/*File list view*/
.file_list .atch_img {
  margin-bottom: 5px;
  border-radius: 5px;
  height: 45px;
  width: 55px;
}
.file_list .over img {
  opacity: 0.8;
  height: 45px !important;
  width: 55px;
  border-radius: 5px;
}
.file_list .attchment-name p {
  color: #8c8fa9;
  font-size: 12px;
  line-height: 15px;
}
.file_list .attchment-name {
  color: #162441;
  font-size: 14px;
}
.file_list .fav-heart_blue {
  top: 0;
  left: 30px;
}
.file_list {
  color: #878aa5;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  padding: 15px 0;
}
/*.file_list .fav-heart_blue a:before {content: "\f08a"; color: #8C8FA9;}
    .file_list .fav-heart_blue a:hover:before { content: "\f004"; color:#00d4fc!important;}  */
.file_list .fav-heart_blue a.active:before {
  color: #00d4fc !important;
  content: "\f004";
}
.file_list .fav-heart_blue a {
  display: block;
}
/*File list view end*/

.file_popup {
  display: none;
  background: #39cdf1;
  box-shadow: 0px 2px 0px 0px #eee;
  text-align: center;
  margin-top: 5px;
}
.file_popup ul {
  list-style: none;
  padding: 0;
}
.file_popup ul li {
  font-size: 12px;
  color: #fff;
  padding: 5px;
  display: inline-block;
}
.file_popup ul li .fa-cloud-download {
  color: #fff;
  font-size: 13px;
}
.file_popup ul li .fa-tag {
  color: #fff;
  font-size: 13px;
}
.file_popup ul li .fa-trash {
  color: #fff;
  font-size: 13px;
}
.action_popup a.active.file_popup {
  display: block;
}
.file_popup.active {
  display: block;
}
.switch_profile .modal-content {
  overflow: auto !important;
  width: 50%;
}
.message-text.message-txt-new p.counter-proposal {
  font-size: 15px;
}
.message-text.message-txt-new p.counter-proposal span {
  font-size: 14px;
  font-weight: normal;
}
.message-text.message-txt-new span.Proposed {
  font-size: 14px;
  position: relative;
  top: 8px;
}
.message-text.message-txt-new div.Proposed {
  height: 60px;
  margin-top: 10px;
}
.message-text.message-txt-new .customer-name {
  font-size: 13px;
  margin-top: 20px;
}
.message-text.message-txt-new .thankyou {
  font-size: 13px;
  margin-top: 25px;
}
.drag_box .well {
  min-height: 200px;
  background-color: #fcfcfc;
  border: 2px dashed #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  text-align: center;
  line-height: 200px;
  margin-bottom: 30px;
  padding-top: 55px;
}
.drag_box p {
  color: #162441;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  margin: 0 25%;
  position: relative;
}
.file_progress .progress {
  background-color: #eee;
  border-radius: 5px;
  background-clip: padding-box;
  height: 5px;
  box-shadow: none;
  margin-bottom: 5px;
  margin-top: 5px;
}
.file_progress p {
  color: #7f829f;
  font-size: 13px;
  font-weight: 400;
}
.file_progress {
  margin-bottom: 20px;
}
.file_progress a {
  font-size: 13px;
  font-weight: 400;
}
.file_progress p a {
  float: right;
  margin: 0;
}
.file_progress p a .fa-check {
  color: #2cb499;
  font-size: 12px;
}
.file_progress p a .fa-times {
  color: #ff5757;
  font-size: 12px;
  float: right;
  margin: 3px 5px;
}
.file_progress p a span {
  font-style: italic;
  color: #7f829f;
}
.file_progress input {
  width: 50%;
  margin: 0 15px;
  margin-top: 5px;
}
.drag_box img {
  width: 25px;
}
.drag_box p input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0px;
  width: 100px;
  z-index: 9;
  right: 0;
}

/* Full area file input for clickable drop zones */
.my-drop-zone {
  position: relative;
  cursor: pointer;
}

.full-area-file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}

/* Rental detail  */
.rental_det_mainreq h5 {
  color: #162441;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
}
.genral_commnitn h5 {
  color: #162441;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
}
.rental_disputes h5 {
  color: #162441;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
}
.hilight p {
  color: #162441;
  font-size: 12px;
  font-weight: 400;
  line-height: 31px;
  margin: 0;
}
.hilight span {
  color: #162441;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
}
.hilight h5 {
  color: #162441;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
}
.upload_doc {
  font-weight: bold;
  color: #2cb499;
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  background: #fff;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
}
.action {
  font-weight: bold;
  background-color: #00d8ff;
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 13px;
}
.action .dropdown-toggle {
  color: #fff;
}
.clrRed {
  color: #ff5757 !important;
}
/*Rental detail  end */

/* Strata_post start*/
.strata_post_cal h5 {
  color: #a1a3b9;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}
.starta_Post_date ul {
  text-decoration: none;
  list-style: none;
  padding: 0;
}
.starta_Post_date ul li {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
}
.starta_Post_date ul li a {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}
.starta_Post_date p {
  color: #162441;
  font-size: 12px;
  line-height: 17px;
  padding-top: 10px;
}
starta_Post_date {
  max-width: 400px;
}
.strata_Post_date h5 {
  color: #a1a3b9;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}
.post_head h5 {
  color: #a1a3b9;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  margin: 30px 0px;
}
.post {
  padding: 0px 20px 36px 20px;
  border: 1px solid #edeef6;
  background-color: #ffffff;
  box-shadow: 0 1px 2px 0 #eaecf6;
  position: relative;
}
.post h4 {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin: 0;
  margin: 20px 0 5px 0;
}
.post p {
  height: 11em;
  overflow: hidden;
  color: #162441;
  font-size: 13px;
  line-height: 17px;
  margin: 20px 0;
  margin-bottom: 15px;
}
.post .post_mem span {
  color: #7f829e;
  font-size: 13px;
  line-height: 17px;
}
.post .post_mem {
  margin-bottom: 20px;
}
.post .tags {
  min-height: auto;
  border-bottom: none;
  margin-bottom: 0;
}
.post .tags span {
  color: #46a4f2;
}
.post .post_del img {
  position: absolute;
  top: 10px;
  right: 10px;
}
.post {
  margin-top: 0px;
  max-height: 350px;
}
.strata_post_fil .filtering-recent li.active a {
  display: block;
  color: #e68136;
}
.post .tags ul li {
  float: none;
  display: inline-block;
  width: 100%;
}
/* Strata_post end*/

/*message*/

.side-one .nav-tabs > li > a {
  font-size: 13px;
  font-weight: 600;
}
.side-one .nav-tabs > li > a:hover,
.side-one.nav-tabs > li > a:focus {
  background: none;
  color: #f27815;
}

.side-one .nav-tabs > li > a:active {
  color: #f27815;
  background: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: none !important;
}
.status h2 {
  font-size: 12px;
  color: #a1a3c0;
}
.status h2 span {
  border-radius: 100px;
  background-color: #f0f2f9;
  padding: 5px 25px;
  position: absolute;
  bottom: 12px;
  left: 45%;
  font-weight: 400;
}
.status {
  position: relative;
}

.status h2:before {
  display: inline-block;
  height: 1px;
  content: " ";
  text-shadow: none;
  background-color: #f0f2f9;
  width: 100%;
}

.status_green h2 {
  font-size: 12px;
  color: #ffffff;
}
.status_green h2 span {
  border-radius: 100px;
  background-color: #4cbb4c;
  padding: 5px 25px;
  position: absolute;
  bottom: 12px;
  left: 45%;
  font-weight: 400;
}
.status_green {
  position: relative;
}

.status_green h2:before {
  display: inline-block;
  height: 1px;
  content: " ";
  text-shadow: none;
  background-color: #f0f2f9;
  width: 100%;
}
.main_detail_msg#conversation {
  max-height: 300px;
}

::-webkit-scrollbar {
  /* height: 0px !important;
  width: 0px !important;
  border: 0px solid #c7c5c5 !important; */
}

.main_detail_msg#conversation::-webkit-scrollbar {
  width: 5px;
}

.main_detail_msg#conversation::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.main_detail_msg#conversation::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid #fff;
}

.heading-name p {
  color: #7f829f;
  font-size: 12px;
  text-align: left;
  padding: 0 10px;
  font-weight: 400;
}
.heading-name a {
  padding: 0 10px;
}
.fa-2x {
  font-size: 1.5em;
}

.app {
  position: relative;
  overflow: hidden;
  top: 19px;
  height: calc(100% - 38px);
  margin: auto;
  padding: 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.side-one .tab-content {
  overflow: auto;
  height: calc(100% - 100px);
}

.app-one {
  background-color: #f2f3f8;
  height: 600px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.side {
  padding: 0;
  margin: 0;
  height: 100%;
}
.side-one {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  position: relative;
  display: block;
  top: 0;
  background: #f2f3f8;
}

.side-two {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  position: relative;
  top: -100%;
  left: -100%;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

.heading {
  padding: 15px 16px 10px 15px;
  margin: 0;
  height: 70px;
  width: 100%;
  border-bottom: 1px solid #e2e4ed;
  z-index: 1000;
}

.heading-avatar {
  padding: 0;
  cursor: pointer;
}

.heading-avatar-icon img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.heading-name {
  padding: 0 !important;
  cursor: pointer;
}

.heading-name-meta {
  font-weight: 700;
  font-size: 100%;
  padding: 5px;
  padding-bottom: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  display: block;
}
.heading-online {
  display: none;
  padding: 0 5px;
  font-size: 12px;
  color: #93918f;
}
.heading-compose {
  padding: 0;
}

.heading-compose i {
  text-align: center;
  padding: 5px;
  color: #93918f;
  cursor: pointer;
}

.heading-dot {
  padding: 0;
  margin-left: 10px;
}

.heading-dot i {
  text-align: right;
  padding: 5px;
  color: #93918f;
  cursor: pointer;
}

.searchBox {
  padding: 0 !important;
  margin: 0 !important;
  height: 70px;
  width: 100%;
}

.searchBox-inner {
  height: 100%;
  width: 100%;
  padding: 15px !important;
  background-color: #f2f3f8;
  border-bottom: 1px solid #e2e4ed;
}

.searchBox-inner .has-feedback .form-control {
  border-radius: 50px;
}

.searchBox-inner .has-feedback .fa-search {
  position: absolute;
  color: #b1b3c5;
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
}
.searchBox-inner input:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.sideBar {
  padding: 0 !important;
  margin: 10px !important;
  overflow-y: auto;
  /*border: 1px solid #f7f7f7;*/
  height: calc(100% - 70px);
}

.sideBar-body {
  position: relative;
  padding: 10px !important;
  border-bottom: 1px solid #f7f7f7;
  /*height: 110px;*/
  height: auto;
  margin: 0 !important;
  cursor: pointer;
  margin-bottom: 10px !important;
  border-radius: 5px;
  background: #ffffff;
  margin-bottom: 10px;
  color: #162441;
}

.sideBar-body:hover {
  color: white;
  border-radius: 5px;
  background: linear-gradient(315deg, #31d1c8 0%, #31d295 50.81%, #2cb499 100%);
  box-shadow: 0 0 21px 0 rgba(48, 243, 205, 0.5), 0 0 4px 0 #368373;
}

.sideBar-avatar {
  text-align: center;
  padding: 0 !important;
}

.avatar-icon img {
  border-radius: 50%;
  height: 49px;
  width: 49px;
}

.sideBar-main {
  padding: 0 !important;
}

.sideBar-main .row {
  padding: 0 !important;
  margin: 0 !important;
}

.sideBar-name {
  padding: 10px !important;
}

.name-meta {
  font-size: 100%;
  padding: 1% !important;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*color: #000;*/
}

.sideBar-time {
  padding: 10px 0px !important;
}

.time-meta {
  text-align: right;
  font-size: 12px;
  padding: 1% !important;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: baseline;
}

/*Conversation*/

conversation-height {
  max-height: 400px;
}

.conversation {
  padding: 0 !important;
  margin: 0px 0px 30px 0px !important;
  height: 100%;
  /*width: 100%;*/
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  /*overflow-y: auto;*/
  background: #ffffff;
  position: relative;
}

.set-popup-position{
  position: absolute;
  /* top: 0; */
  top: -309px;
  background-color: #fff;
  z-index: 1;
  width: 100% !important;
}

.message {
  padding: 20px 0 0 !important;
  margin-top: 15px;
  background: url("w.jpg") no-repeat fixed center;
  background-size: cover;
  overflow-y: auto;
  width: 100%;
  border-bottom: 1px solid #f7f7f7;
  height: calc(100% - 200px);
  margin: 0 !important;
}
.message-previous {
  margin: 0 !important;
  padding: 0 !important;
  height: auto;
  width: 100%;
}
.previous {
  font-size: 15px;
  text-align: center;
  padding: 10px !important;
  cursor: pointer;
}

.previous a {
  text-decoration: none;
  font-weight: 700;
}

.message-body {
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
  height: auto;
}

.message-main-receiver {
  /*padding: 10px 20px;*/
  float: left;
  /* min-width: 50%; */
  min-width: 65%;
  max-width: 70%;
}

.message-main-sender {
  padding: 0 20px 20px !important;
  float: right;
  min-width: 65%;
  max-width: 70%;
}

.message-text {
  margin: 0 !important;
  /*padding: 5px !important;*/
  word-wrap: break-word;
  font-weight: 400;
  font-size: 13px;
  padding-bottom: 0 !important;
  text-align: left;
}

.message-time {
  float: right;
  font-weight: 400;
  font-size: 11px;
  text-align: right;
  color: #9a9a9a;
}

.sideBar-name h5 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 5px;
}
.sideBar-name .name-meta {
  font-size: 12px;
  line-height: 17px;
}

.file_msg {
  width: 100% !important;
  padding: 15px !important;
  border-radius: 3px;
  background: #ffffff;
  font-size: 12px;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.5);
  word-wrap: break-word;
  display: inline-block;
  color: #7f829f;
  position: relative;
  margin-bottom: 5px;
  min-height: 120px;
}
.file_msg.message-text {
  font-weight: 600;
  font-size: 14px;
  color: #162441;
}
.file_msg p {
  font-weight: 400;
  font-size: 12px;
  color: #7f829f;
}
.file_msg a {
  color: #162441;
}
.file_msg a span {
  color: #162441;
  font-weight: 600;
  font-size: 14px;
}

.receiver {
  width: 100% !important;
  padding: 14px 15px !important;
  border-radius: 3px;
  background: #f0f2fc;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  word-wrap: break-word;
  display: block;
  color: #7f829f;
  position: relative;
  margin-bottom: 10px;
  margin-top: 20px;
  margin-left: 2%;
  float: left;
  text-align: left;
  clear: both;
}

.receiver_nrml {
  /* width: 100% !important; */
  padding: 14px 15px !important;
  border-radius: 3px;
  background: #f0f2fc;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  word-wrap: break-word;
  display: inline-block;
  color: #7f829f;
  position: relative;
  margin-bottom: 5px;
}

.receiver_attchment {
  width: 100% !important;
  padding: 15px !important;
  border-radius: 3px;
  background: #f0f2fc;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  word-wrap: break-word;
  display: inline-block;
  color: #7f829f;
  position: relative;
  margin-bottom: 5px;
}
.receiver_attchment_btn {
  text-align: center;
}
.btn-decline {
  background: #ffffff;
  border-radius: 20px;
  padding: 7px 40px;
  margin-right: 0;
  box-shadow: 0px 1px 0px 0px #eee;
  color: #2cb499;
}
.btn-confirm {
  background: #2cb499;
  border-radius: 20px;
  padding: 7px 40px;
  margin-right: 0;
  box-shadow: 0px 1px 0px 0px #eee;
  color: #ffffff;
}

.sender {
  width: 100%;
  background: #46a4f2;
  border-radius: 3px;
  padding: 14px 15px !important;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  word-wrap: break-word;
  color: #ffffff;
  position: relative;
  margin-bottom: 5px;
}
.sender .message-text {
  text-align: right;
}
.sender_nrml {
  float: right;
  width: 100% !important;
  background: #46a4f2;
  border-radius: 3px;
  padding: 15px !important;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  word-wrap: break-word;
  color: #ffffff;
  position: relative;
  margin-bottom: 5px;
}
.receiver:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -10px;
  top: 0px;
  bottom: auto;
  border: 22px solid;
  border-color: #f0f2fc transparent transparent transparent;
}
.sender:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  right: -10px;
  bottom: 0px;
  border: 22px solid;
  border-color: transparent transparent #46a4f2 transparent;
}

/*Reply*/

.reply {
  /* height: 60px; */
  width: 100%;
  padding: 15px 5px !important;
  margin: 0 !important;
  z-index: 1000;
  border-top: solid #e2e4ed 1px;
  border-bottom: solid #e2e4ed 1px;
}

.reply-emojis {
  padding: 5px !important;
  position: absolute;
  right: 30px;
  top: 0;
}
.reply-emojis-pic {
  padding: 5px !important;
  position: absolute;
  right: 0px;
  top: 0;
}

.reply-emojis i {
  text-align: center;
  padding: 5px 5px 5px 5px !important;
  color: #93918f;
  cursor: pointer;
}

.reply-emojis-pic i {
  text-align: center;
  padding: 5px 5px 5px 5px !important;
  color: #93918f;
  cursor: pointer;
}

.reply-recording {
  padding: 5px !important;
}

.reply-recording i {
  text-align: center;
  padding: 5px !important;
  color: #93918f;
  cursor: pointer;
}

.reply-send {
  padding: 5px !important;
}

.reply-send i {
  text-align: center;
  padding: 5px !important;
  color: #93918f;
  cursor: pointer;
}

.reply-main {
  padding: 2px 5px !important;
  position: relative;
}

.reply-main textarea {
  width: 100%;
  resize: none;
  overflow: hidden;
  padding: 10px 50px 10px 10px !important;
  outline: none;
  text-indent: 5px;
  box-shadow: none;
  height: 100%;
  font-size: 13px;
  border: 1px solid #e2e4ed;
  border-radius: 5px;
  background-color: #f8f9fe;
  color: #7f829f;
}

.reply-main textarea.form-control {
  height: auto;
}
.reply-main textarea:focus {
  outline: none;
  border: none;
  text-indent: 5px;
  box-shadow: none;
}
.prop-upload .article-slide .carousel-indicators {
  overflow: auto !important;
}
.property_Detail .carousel-inner {
  min-width: unset !important;
  width: 100% !important;
}
.propertyListingSpace {
  overflow: hidden;
}
.profile-pic .inspection .colorRed,
.profile-pic .inspection .colorGreen_agentOwner,
.profile-pic .inspection .colorGreen {
  width: 15px;
  border-radius: 50%;
  position: absolute;
  height: 15px;
  bottom: 6px;
  right: 13px;
  top: auto !important;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
  right: 0 !important;
}
p.mr_desc {
  word-wrap: break-word;
  white-space: normal;
}
.board .nav-tabs > li:first-child {
  width: 10%;
  margin-right: 26px;
}
.notiList {
  background: #fff;
  box-shadow: 1px 1px 1px 1px #eee;
  padding: 40px 10px;
}
.message-body .receiver_img {
  width: auto;
  text-align: right;
  padding-left: 30px;

  @media (max-width: 767px) {
    padding-left: 8px;
  }
}
.message-body .sender_img {
  float: right !important;
  width: auto;
  text-align: right;
  padding-right: 30px;

   @media (max-width: 767px) {
    padding-right: 8px;
  }
}
.message-main-sender {
  padding: 0 20px 20px !important;
  float: right;
  min-width: auto;
  max-width: 70%;
  width: auto;
}
.receiver {
  width: auto !important;
  padding: 14px 15px !important;
  border-radius: 3px;
  background: #f0f2fc;
  font-size: 12px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  word-wrap: break-word;
  display: block;
  color: #7f829f;
  position: relative;
  margin-bottom: 10px;
  margin-top: 20px;
  margin-left: 2%;
  float: left;
  text-align: left;
  clear: both;
}
.attchment .atch_img img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}
span.name-meta.unread_message {
  font-weight: bold;
}
ul.prev-trader-list > li:nth-child(1) {
  width: 90px;
}
ul.prev-trader-list > li:nth-child(2) {
  width: 150px;
  margin: 0 20px 0 0;
}
ul.prev-trader-list > li:nth-child(3) {
  width: 340px;
}
ul.prev-trader-list > li:nth-child(4) {
  width: 190px;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 585px) {
  .board {
    width: 100%;
  }
  .overview .ser_cate li a {
    font-size: 12px;
  }
  .board .nav-tabs > li > a span.round-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
  }
  .board span.round-tabs {
    width: 30px;
  }
  .board span.round-tabs i {
    font-size: 15px;
  }
  .board span.round-tabs img {
    width: 20px;
  }
  .board .nav-tabs > li::after {
    top: 25%;
    right: -11px;
  }
  .board .nav-tabs > li:first-child:after {
    right: -38px;
  }
  .board span.round-tabs {
    padding: 0;
  }
}

@media screen and (max-width: 359px) {
  .uib-datepicker-popup.dropdown-menu {
    transform: translateX(-18%);
  }
}
@media screen and (max-width: 335px) {
  .uib-datepicker-popup.dropdown-menu {
    transform: translateX(-20%);
  }
  .nav.marB20 > li {
    float: unset;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 1199px) {
  .agentlist .agent_cmpnylogolist {
    transform: translate(-17%, 30%);
  }
}
@media screen and (max-width: 1035px) {
  .agentlist .agent_cmpnylogolist {
    transform: translate(0, 20%);
    margin: 0 0 12px 0;
  }
}
@media screen and (min-width: 1920px) {
  #theme-wrapper {
    max-width: 100%;
  }
  .container {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 700px) {
  .notifications-list .item.first-item.msgMargin.ng-scope {
    padding-left: 20px !important;
  }

  .notifications-list .item-header-notif {
    padding-left: 90px !important;
  }

  .notifications-list a.ng-scope div {
    margin-left: 40px !important;
  }

  .notifications-list .item-header-notif {
    padding: 10px 50px;
  }

  .notifications-list .item.first-item.ng-scope {
    margin-top: 10px !important;
    border-bottom: 1px solid #eeee;
  }

  .notifications-list .time.ng-binding {
    padding-top: 0px;
  }

  .notifications-list .item.first-item.ng-scope .msgs-sqr-img {
    margin-left: 30px !important;
  }

  .notifications-list .item > a > .content {
    padding-left: 90px;
  }

  .horiLine {
    border-bottom: 0px solid #eee;
    margin-bottom: 10px;
  }

  .col-lg-12.notiList.marT20.notification_size.ng-scope {
    max-height: auto !important;
  }

  .notiList .col-lg-3.col-sm-3.col-md-3.col-xs-2 {
    margin-top: 20px !important;
  }

  .notiList .col-lg-12.list {
    margin-top: 20px !important;
  }

  .breadcrumb {
    margin-top: 70px;
    width: 90%;
    margin: 70px auto 0px;
  }

  .cover-photo {
    height: 277px;
  }

  .cover-photo img {
    position: absolute;
    top: -23px;
    left: -150%;
  }

  ul.nav-editprofile {
    overflow: auto;
  }
  .app {
    top: 0;
    height: 100%;
  }
  .heading {
    height: 70px;
    background-color: #009688;
  }

  .conversation .heading {
    background-color: #fff;
  }
  .fa-2x {
    font-size: 2.3em !important;
  }
  .heading-avatar {
    padding: 0 !important;
  }
  .heading-avatar-icon img {
    height: 50px;
    width: 50px;
  }
  .heading-compose {
    padding: 5px !important;
  }
  .heading-compose i {
    color: #fff;
    cursor: pointer;
  }
  .heading-dot {
    padding: 5px !important;
    margin-left: 10px !important;
  }
  .heading-dot i {
    color: #fff;
    cursor: pointer;
  }
  .sideBar {
    height: calc(100% - 130px);
  }
  .sideBar-body {
    height: 80px;
  }

  .scrollbar_msg_chat .sideBar-body {
    height: auto;
  }

  body .scrollbar_msg_chat {
    max-width: 100% !important;
  }

  .sideBar-avatar {
    text-align: left;
    padding: 0 8px !important;
  }
  .avatar-icon img {
    height: 55px;
    width: 55px;
  }

  .scrollbar_msg_chat .avatar-icon img {
    height: 70px;
    width: 70px;
  }
  .sideBar-main {
    padding: 0 !important;
  }
  .sideBar-main .row {
    padding: 0 !important;
    margin: 0 !important;
  }
  .sideBar-name {
    padding: 10px 5px !important;
  }
  .sideBar-name h5 {
    color: #162441;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
  }
  .name-meta {
    font-size: 16px;
    padding: 5% !important;
  }
  .sideBar-time {
    padding: 10px !important;
  }
  .time-meta {
    text-align: right;
    font-size: 14px;
    padding: 4% !important;
    color: rgba(0, 0, 0, 0.4);
    vertical-align: baseline;
    /* margin-top: -16px; */
  }

  .scrollbar_msg_chat .time-meta,
  .scrollbar_msg_chat .sideBar-time {
    padding: 0% !important;
  }

  /*Conversation*/
  .conversation {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    width: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    /*overflow-y: auto;*/
    /* position: absolute; */
    /* z-index: 99999999;
    top: 50%;box-shadow: 0px -3px 110px #393939; */
  }
  .message {
    height: 350px;
  }
  .reply {
    height: 70px;
  }
  .reply-emojis {
    padding: 5px 0 !important;
  }
  .reply-emojis i {
    padding: 5px 2px !important;
    font-size: 1.8em !important;
  }
  .reply-main {
    padding: 2px 8px !important;
  }
  .reply-main textarea {
    padding: 8px !important;
    font-size: 18px;
  }
  .reply-recording {
    padding: 5px 0 !important;
  }
  .reply-recording i {
    padding: 5px 0 !important;
    font-size: 1.8em !important;
  }
  .reply-send {
    padding: 5px 0 !important;
  }
  .reply-send i {
    padding: 5px 2px 5px 0 !important;
    font-size: 1.8em !important;
  }

  /* .heading-avatar-icon .indivi-redColor-chat {
        left: 65%!important;
	} */
  .app-one {
    height: auto;
  }

  .reply-emojis-pic {
    right: 4px;
    top: 2px;
  }
  .reply-emojis {
    right: 40px;
  }
  .reply-emojis-pic i {
    font-size: 20px !important;
  }

  .searchBox-inner input {
    border-radius: 50px;
  }
}

.btn-pic {
  color: #00d7fc;
  margin-right: 0px;
  border-radius: 17px;
  border-bottom: none;
  background: transparent;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 1px 0px 0 0;
  font-size: 13px;
}
.btn.btn-pic:hover {
  box-shadow: none !important;
}

.Agree_addtenant tags-input .tags {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.Agree_addtenant tags-input.ng-invalid .tags {
  box-shadow: none;
  -webkit-box-shadow: none;
}

/*===============Media start========================*/

@media (max-width: 585px) {
  .board {
    width: 90%;
    height: auto !important;
  }
  .board span.round-tabs {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .board .tab-content .head {
    font-size: 20px;
  }
  .board .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .board li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }

  .board .btn-outline-rounded {
    padding: 12px 20px;
  }
}
.rt-round-actions {
  display: flex;
  list-style: none;
  float: right;
}
.rt-round-actions li {
  margin: auto 10px;
  text-align: center;
  color: #7f829f;
  font-weight: 500;
  font-size: 13px;
}
.rt-round-actions li a {
  display: block;
  margin: 10px auto;
}
/* .rt-round-actions .fa{
    display:block;
    border-radius:50%;
    width:70px;
    height:70px;
    background-color: #E2E4ED;
    font-size:24px;
 line-height: 70px;
color:#B2B5C3;
} */
.rt-round-actions .fa {
  display: block;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-color: #e2e4ed;
  font-size: 24px;
  line-height: 61px;
  color: #b2b5c3;
}
.rt-round-actions li a span {
  display: block;
  background: none;
  border-radius: 0;
  margin-top: 30px;
  font-size: 14px;
  padding: 0;
  width: 100%;
}

.droplist .dropdown-menu {
  width: 280px;
  border: 0;
  box-shadow: none;
}
.refinehead {
  padding: 8px;
  border: 0;
  border-radius: 0;
}
.refinehead input.search1 {
  border-radius: 4px;
  padding: 7px 10px 8px;
  border: 1px solid #ddd;
}
.refine_dropdown .form-control {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: none;
}
.refine_dropdown {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  text-align: left;
  box-shadow: none;
}
.RefineResultsBtn {
  background: transparent;
  border: 0;
  margin: 10px ​20p;
}
.default-oder .RefineResultsBtn i.fa.fa-caret-down {
  position: relative;
  top: 0;
  left: 0;
  transform: initial;
}
.SubmitBTm button {
  margin: 0 auto 10px;
  display: block;
  width: 100%;
}
.SubmitBTm a {
  color: #00d7fc !important;
}
.agentList .refinehead {
  padding: 8px !important;
}
@media (max-width: 585px) {
  .wizard {
    width: 90%;
    height: auto !important;
  }

  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}

.theme-whbl #sidebar-nav .nav-pills > li.active > a.sidebar {
  border-left: none;
}

/*tabclosed*/
span.round-tab {
  width: 20px;
  height: 20px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  /*background: #fff;
    border: 2px solid #e0e0e0;*/
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
  background: #39cdf1;
}
.wizard .nav-tabs > li a {
  width: 20px;
  height: 20px;
  margin: 15px auto;
  border-radius: 100%;
  padding: 0;
  z-index: 9999;
}
.wizard li.active span.round-tab {
  background: #39cdf1;
  border: none;
}
.nav-tabs {
  background: none;
}

.nav-tabs {
  border-bottom: none;
}

.tab-pane h3 {
  border-bottom: none;
}
.wizard {
  margin: 20px auto;
  background: #f1f3f7;
}
/*location search box*/

.stylish-input-group .input-group-addon {
  background: white !important;
}
.stylish-input-group .form-control {
  border-right: 0;
  box-shadow: 0 0 0;
  border-color: #ccc;
}
.stylish-input-group button {
  border: 0;
  background: transparent;
}
.form-control element {
  width: 509px;
  height: 144px;
}
.plus-round {
  color: #39cdf1;
}
textarea.form-control {
  height: 130px;
}

/*.search-box-head{
	border-radius: 50px;
padding: 0px 107px 6px 23px;
margin-top: 10px;
}*/
#header-navbar .nav > li > a > i,
#sidebar-nav .nav > li > a > i {
  font-size: 24px;
  float: left;
}
.theme-whbl h1 {
  /* color: black; */
}
.theme-whbl #nav-col,
.theme-whbl #page-wrapper {
  background-color: #fff;
}
#search #search-input,
#search .hint {
  padding-left: 43px;
  padding-right: 43px;
  border-radius: 23px;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#sidebar-nav .nav > li > a {
  color: #fff;
  height: 38px;
  line-height: 28px;
  -webkit-transition: border-color 0.1s ease-in-out 0s,
    background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s;
  transition: border-color 0.1s ease-in-out 0s,
    background-color 0.1s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s;
  overflow: hidden;
  padding: 5px 15px 8px 20px;
  border-right: 4px solid transparent;
}
#sidebar-nav .nav > li > a > span {
  font-size: 14px;
}
#sidebar-nav .nav > li {
  padding: 5px 0;
}

input.search {
  position: relative;
  padding-left: 32px;
  background: rgba(255, 255, 255, 0.2);
  border: 0;
  border-radius: 30px;
  margin-top: 13px;
  padding-top: 7px;
  padding-bottom: 5px;
  color: rgba(255, 255, 255, 1);
  width: 400px;
  outline: 0;
}
input.search::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5);
}
input.search::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}
input.search:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.5);
}
input.search:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5);
}
span.time1 {
  position: absolute;
  left: 220px;
  top: 16px;
  float: left;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 44px;
  margin-top: 7px;
}
.theme-whbl .navbar > .container .navbar-brand {
  height: 70px;
}

#header-navbar .navbar-left .navbar-nav {
  margin-left: 0;
  margin-left: 25px;
  margin-top: 3px;
}
.theme-whbl .navbar > .container .navbar-brand {
  height: 62px;
  background: transparent;
  /* background: #39CDF1; */
}

.form-heading {
  text-align: center;
  color: black;
  border: none;
}
/*body{
    background-color: #525252;
}*/
.centered-form {
  margin-top: 60px;
}

/* Breadcrups CSS */

.arrow-steps .step {
  font-size: 14px;
  text-align: center;
  color: #666;
  cursor: default;
  margin: 0 3px;
  padding: 10px 10px 10px 30px;
  min-width: 180px;
  float: left;
  position: relative;
  background-color: #d9e3f7;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 0.2s ease;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 17px solid #d9e3f7;
  z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
  right: auto;
  left: 0;
  border-left: 17px solid #fff;
  z-index: 0;
}

.arrow-steps .step:first-child:before {
  border: none;
}

.arrow-steps .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
  position: relative;
}

.arrow-steps .step span:before {
  opacity: 0;
  content: "✔";
  position: absolute;
  top: -2px;
  left: -20px;
}

/*Edited by Shahbaz Akhtar 24-01-2018*/

.horiLine.bulk-upload-heading {
  padding-top: 20px;
}

.horiLine.select-delete .select-all-checkbox {
  margin: 0px 15px 20px 5px;
}

.bulk-message {
  border: solid #eee 1px;
  padding: 20px 8px;
  box-shadow: 0px 2px 2px #eee;
  border-radius: 3px;
  margin: 8px 0px;
}

.checkmark.select-all {
  width: 22px;
  height: 22px;
  border-radius: 2px;
}

#bulk-delete-btn {
  margin-left: -20px;
  border-left: 2px solid #eee;
  padding: 11px 0px 3px 24px;
}

#bulk-delete-btn i {
  font-size: 23px;
  margin-bottom: 10px;
  color: #666;
}
.bulk-message-text {
  margin-left: -35px;
}
.bulk-message-text p {
  font-size: 16px;
  font-weight: 500;
}
.bulk-message-text p.bulk-message-sub-text {
  font-size: 13px;
  color: #666;
}
.edit-delete-icon i {
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}

.edit-delete-icon .fa-pencil {
  color: #2a9fd8;
}
.edit-delete-icon .fa-trash-o {
  color: red;
}
@media (max-width: 767px) {
  .bulk-message-text p {
    padding-left: 40px;
  }
  .bulk-message {
    margin: 12px 0px;
  }
  .bulk-message-text {
    margin-left: 0px;
  }
  .checkmark.select-all {
    position: absolute;
    z-index: 999;
  }
}

/**********************************************************/
.arrow-steps .step.done span:before {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0.5s;
  -moz-transition: opacity 0.3s ease 0.5s;
  -ms-transition: opacity 0.3s ease 0.5s;
  transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
  color: #fff;
  background-color: #23468c;
}

.arrow-steps .step.current:after {
  border-left: 17px solid #23468c;
}
/**/
/*tab*/
.wizard {
  margin: 20px auto;
  background: #fff;
}

.wizard .nav-tabs {
  position: relative;
  margin: 40px auto;
  margin-bottom: 0;
  border-bottom-color: #efeff7;
}

.wizard > div.wizard-inner {
  position: relative;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
  color: #39cdf1;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
  font-weight: 900;
}

span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
  bottom: 0;
}
.upspan {
  position: relative;
  bottom: 45px;
  right: 11px;
}
span.round-tab i {
  color: #555555;
}
.wizard li.active span.round-tab {
  background: #fff;
  border: 2px solid #5bc0de;
}
.wizard li.active span.round-tab i {
  color: #5bc0de;
}

span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

.wizard .nav-tabs > li {
  width: 25%;
}

.wizard li:after {
  content: " ";
  position: absolute;
  left: 47%;
  opacity: 0;
  margin: 50px auto 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #5bc0de;
  transition: 0.1s ease-in-out;
}

/*.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}*/

.wizard .nav-tabs > li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 0px;
}

.wizard h3 {
  margin-top: 0;
}

@media (max-width: 585px) {
  .wizard {
    width: 90%;
    height: auto !important;
  }

  span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}

.theme-whbl #sidebar-nav .nav-pills > li.active > a.sidebar {
  border-left: none;
  color: #64e8f6;
  background-color: #f8f9fe;
}

/*tabclosed*/
span.round-tab {
  width: 20px;
  height: 20px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  /*background: #fff;
    border: 2px solid #e0e0e0;*/
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
  background: #39cdf1;
}
.wizard li.active span.round-tab {
  background: #39cdf1;
  border: none;
}
.nav-tabs {
  background: none;
}
.nav-tabs {
  border-bottom: none;
}

.tab-pane h3 {
  border-bottom: none;
}
.wizard {
  margin: 20px auto;
  background: #f8f8ff;
}
/*location search box*/

.stylish-input-group .input-group-addon {
  background: white !important;
}

.input-group-addon img {
  width: 10px;
}

.stylish-input-group .form-control {
  border-right: 0;
  box-shadow: 0 0 0;
  border-color: #ccc;
}
.stylish-input-group button {
  border: 0;
  background: transparent;
}
.form-control element {
  width: 509px;
  height: 144px;
}
.plus-round {
  color: #39cdf1;
}
/*textarea.form-control {
    height: 134px;
    width: 517px;
}
*/

/* Priyanka's checkbox css*/
.panel.panel-default {
  padding: 5%;
}
.control {
  font-family: arial;
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 14px;
  color: #333644;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control_indicator {
  position: absolute;
  top: 0px;
  left: 0;
  height: 25px;
  width: 25px;
  background: #fff;
  border: 1px solid #dbddee;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 #eaecf6;
}

.property_amenities .control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #eef4f6;
  border: 1px solid #cccccc;
  border-radius: 50%;
}

.control-radio .control_indicator {
  border-radius: undefined;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
  background: #00d8ff;
}

.control input:checked ~ .control_indicator {
  background: #39cdf1;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
  background: #39cdf1;
}
.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control_indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}
.control input:checked ~ .control_indicator:after {
  display: block;
}
.control-checkbox .control_indicator:after {
  left: 50%;
  top: 50%;
  width: 3px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin: -6px 0 0 -3px;
}
.control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}
.custom-textarea textarea.form-control {
  height: 134px;
  width: 100%;
}
.custom-textarea label {
  font-weight: 400;
  font-size: 12px;
  color: #333644;
}
.form-heading h1 {
  color: #161f38;
  font-size: 32px;
  font-weight: 400;
}

/*Akriti's Css*/
/*.search-box-head{
    border-radius: 50px;
padding: 0px 107px 6px 23px;
margin-top: 10px;
}*/
#search #search-input,
#search .hint {
  padding-left: 43px;
  padding-right: 43px;
  border-radius: 23px;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.info {
  border: 1px solid #c5c5c5;
  width: 60%;
  background: #fff;
  margin: 0 auto;
  min-height: 700px;
}
.prop_detail {
  border: 1px solid #c5c5c5;
  width: 70%;
  background: #fff;
  margin: 0 auto;
}

.panel-body {
  padding: 30px;

  @media (max-width: 768px) {
    padding: 15px;
  }
}

.heading {
  width: 100%;
  text-align: center;
  /*margin: 0 auto;*/
}
.heading1 h6 {
  color: #3991ee;
  font-size: 14px;
  font-weight: normal;
}
.services {
  padding: 25px 25px 40px 25px;
  font-size: 12px;
}
.radii {
  border-radius: 4px;
  width: 185px;
  padding: 5px 4px 8px 8px;
  border: 1px solid #ccc;
}
.gallery-prop {
  border-top: 1px solid #c5c5c5;
  min-height: auto;
}
.btn-hover {
  padding: 2px 4px;
  background: rgb(0, 216, 255);
  border: none;
  color: #fff;
  font-size: 11px;
  text-align: center;
  border-radius: 7px;
}
.btn-hover {
  padding: 3px 3px 2px 0;
  background: rgb(0, 216, 255);
  border: none;
  color: #fff;
  font-size: 11px;
  text-align: center;
  border-radius: 7px;
}
label {
  display: inline-block;
  max-width: 0;
  margin-bottom: 5px;
  font-weight: 600;
  min-width: 100%;
  font-size: 13px;
  color: #162441;
}
.text {
  padding: 4px 10px 8px 32px;
  background: #fff;
  /* border-bottom: 1px solid #C5C5C5; */
  font-size: 13px;
}
.row.gal-box {
  margin: 0 22px;
}
.row.box {
  position: relative;
  left: 10px;
}
.row.box1 {
  position: relative;
  left: 10px;
  top: 10px;
}
.gal1 {
  border: 1px solid black;
  margin: 0 10px 0 10px;
  min-height: 76px;
}

.image-thumbnail img {
  vertical-align: middle;
  width: 90%;
  margin-right: 25px;
  margin-left: 33px;
}
/*btn-grp*/
/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}
/*.circle1 {
    border-radius: 50%;
    background: rgb(0,216,255);
    height: 85px;
    width: 85px;
}*/
.btn-circle {
  width: 85px;
  height: 85px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 50%;
  background: rgb(0, 216, 255);
}
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center;
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}
.image-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.image-preview-input input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input-title {
  margin-left: 2px;
}
.btn-box {
  color: rgb(0, 216, 255) !important;
  background: #fff;
  /*border:#C5C5C5!important;*/
  border-radius: 50px;
}
.btn-upload {
  color: #fff;
  border-radius: 29px;
  padding: 6px 1em;
  border: none;
  background-color: rgb(0, 216, 255);
}
.btn-container {
  margin: 10px 10px;
  position: relative;
  left: 20px;
}
.btn-color {
  border: 1px solid #c5c5c5;
}
.btn-cont {
  margin: 0 20%;
}
.btn-cancel {
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  background: #fff;
  color: red;
  padding: 5px 43px;
}
.btn-save {
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  background: #fff;
  color: rgb(65, 170, 151);
  padding: 5px 43px;
}
.btn-upload {
  color: #fff;
  border-radius: 29px;
  padding: 6px 1em;
  border: none;
  background-color: rgb(0, 216, 255);
}

.border-lower {
  margin-top: 21px;
}
.btn-cont hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}
.main-title {
  color: #2d2d2d;
  text-align: center;
  text-transform: capitalize;
  padding: 0.7em 0;
}
@media screen and (max-width: 640px) {
}

@media screen and (min-width: 900px) {
}

.title {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgb(0, 216, 255);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p {
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom {
  top: 80%;
}

.fadeIn-top {
  top: 20%;
}

.fadeIn-left {
  left: 20%;
}

.fadeIn-right {
  left: 80%;
}

@media screen and (max-width: 747px) and (min-width: 628px) {
  .btn-proceed {
    padding: 0px;
    font-size: 10px;
  }
}
@media screen and (max-width: 600px) and (min-width: 563px) {
  .btn-proceed {
    margin-bottom: 228px;
    position: relative;
    bottom: 61px;
    padding: 5px 34px;
    left: 67px;
  }
}

.btn-circle {
  width: 85px;
  height: 85px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 50%;
  background: rgb(0, 216, 255);
}
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center;
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}
.image-preview-input {
  position: relative;
  overflow: hidden;
  margin: 0px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.image-preview-input input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.image-preview-input-title {
  margin-left: 2px;
}
.btn-box {
  color: rgb(0, 216, 255) !important;
  background: #fff;
  /*border:#C5C5C5!important;*/
  border-radius: 50px;
}
.btn-upload {
  color: #fff;
  border-radius: 29px;
  padding: 6px 1em;
  border: none;
  background-color: rgb(0, 216, 255);
}
.btn-container {
  margin: 25px 0;
  position: relative;
  left: 0px;
}
.btn-color {
  border: 1px solid #c5c5c5;
}
.btn-cont {
  margin: 0 19.5%;
}
.btn-cancel {
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  background: #fff;
  color: red;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 5px 43px;
  font-weight: 500;
}
.btn-save {
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  background: #fff;
  color: rgb(65, 170, 151);
  padding: 5px 43px;
  box-shadow: 0px 2px 0px 0px #eee;
  font-weight: 500;
}
.btn-upload {
  color: #fff;
  border-radius: 29px;
  padding: 6px 1em;
  border: none;
  background-color: rgb(0, 216, 255);
}
.btn.btn-proceed.btn-upload {
  /*padding: 9px 68px;
    margin-left: 130px;*/
  float: right;
  min-width: 160px;
}

.border-lower {
  margin-top: 21px;
}
.btn-cont hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}
.main-title {
  color: #0760bd;
  text-align: center;
  text-transform: capitalize;
  padding: 10px 0;
  margin: 0;
}
.maintain-title h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.profile-pic .inspection {
  width: 120px;
  height: 120px;
  margin-top: -50px;
  float: left;
  border: 1px solid #d2d1d1;
  border-radius: 50%;
}
.active_icon {
  position: absolute;
  bottom: 8px;
  right: 12px;
  top: auto;
}
@media screen and (max-width: 1199px) {
  .prop-list {
    width: 100% !important;
    max-width: 100% !important;
  }
  .prop-card-view td {
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
}

@media screen and (min-width: 900px) {
}

.title {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgb(0, 216, 255);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p {
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom {
  top: 80%;
}

.fadeIn-top {
  top: 20%;
}

.fadeIn-left {
  left: 20%;
}

.fadeIn-right {
  left: 80%;
}
.creat_property .prop-upload .carousel,
.creat_property .prop-upload .carousel div {
  width: 100% !important;
}
.creat_property .prop-upload .carousel div img {
  margin-left: 0 !important;
  padding: 10px;
}

@media screen and (max-width: 747px) and (min-width: 628px) {
  .btn-proceed {
    padding: 0px;
    font-size: 10px;
  }
}
@media screen and (max-width: 600px) and (min-width: 563px) {
  .btn-proceed {
    margin-bottom: 228px;
    position: relative;
    bottom: 61px;
    padding: 5px 34px;
    left: 67px;
  }
}

@media screen and (max-width: 767px) {
  .info {
    width: 100%;
  }
  .radii {
    width: 100%;
  }
  .services {
    padding: 25px 25px 36px 10px;
  }
  #complete p {
    width: 100%;
  }

  .nav > li {
    float: left;
  }
  .switch_profile .modal-header h3 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 30px;
  }
  .switch_profile .modal-header .close {
    font-size: 30px;
    margin: 0;
  }
  .switch_profile .modal-body {
    padding: 15px 15px 0;
  }
  .switch_profile .modal-body .switchmodal_profile {
    width: 70px;
    margin: 0 10px 0 0;
  }
  .switch_profile .switchmodalcontent {
    margin-left: 80px;
  }
  .switch_profile .myActiveRole {
    padding: 15px;
  }
  .switch_profile button.btn.btn-switch {
    margin: -70px 0 0 90px;
    float: none;
  }
  .switch_profile .switchmodalcontent.myActiveRole {
    padding: 15px 15px 45px;
  }
  .switch_profile .switchmodalcontent {
    padding: 0 0 45px;
  }
  .switch_profile .modal-content {
    width: 94%;
  }
  .sweet-alert.showSweetAlert {
    top: 15px;
    margin-top: 15px !important;
  }
}

#thepopupdiv {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(111, 112, 139, 0.4);
  z-index: 999999;
  top: 0;
}
.profile-menu {
  width: 30%;
  right: 0;
  background: #26275e;
  padding: 70px 35px;
  float: right;
  height: 100%;
}

.profile-header {
  width: 100%;
  border-bottom: 1px solid #353875;
  padding-bottom: 30px;
}
.profile-header img {
  float: left;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: #fff;
  margin-right: 30px;
}
.profile-header h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
.profile-header span {
  color: #7f829f;
  font-size: 13px;
  font-weight: normal;
  display: block;
  line-height: 16px;
}
.profile-header .btn-switch {
  background: #00d7fc;
  color: #fff;
  margin-right: 10px;
  border-radius: 20px;
  padding: 7px 40px;
  font-size: 13px;
  box-shadow: none;
  border-bottom: 0;
}
.profile-links ul {
  list-style: none;
  padding: 40px 0px;
  width: 100%;
}
.profile-links ul li {
  list-style: none;
  height: 40px;
  width: 100%;
}
.profile-links ul li span {
  float: right;
  height: 30px;
  width: 30px;
  text-align: center;
  background: #ff5757;
  border-radius: 50%;
  font-size: 14px;
}
.profile-links ul li a {
  line-height: 30px;
  font-size: 16px;
  color: #fff;
}
.profile-links ul li a:hover {
  text-decoration: none;
  color: #00d7fc;
}
.close-profile {
  position: absolute;
  right: 20px;
  top: 20px;
}
.close-profile img {
  height: 20px;
}
.theme-whbl .notifications-list .item a .time {
  color: #b1b3c5;
}
.item-header-notif {
  text-align: left;
  padding: 10px 20px;
  color: #162441;
  font-weight: 500;
  border-bottom: 1px solid #e2e4ed;
  font-size: 18px;
}
.prop-card-view img {
  height: 12px;
  margin-right: 7px;
  float: left;
}
.prop-card-view td {
  padding-right: 6px;
  font-size: 11px;
}
.prop-list {
  width: 50%;
}
.setting-section {
  width: 90%;
  margin: 0 auto;
}
.setting-section .panel.panel-default {
  border: 0;
}

/*added by Vibhusha*/
.my-property-title a {
  color: #162441;
  font-family: "SF UI Text";
  font-size: 17px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: none;
}
.my-property-address {
  color: #7f829e;
  font-family: "SF UI Text";
  font-size: 13px;
  line-height: 17px;
  margin-top: 0;
  font-weight: normal;
}
.my-property_listview {
  width: 100%;
  display: flex;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
}

.my-property_listview .img_list {
  display: inline-block;
  width: 40%;
  height: auto;
  max-height: 100%;
}

.my-property-content_listview {
  display: inline-block;
  width: 60%;
  padding: 10px 22px;
  height: 100%;
  position: relative;
  height: 180px;
}

.my-property-date {
  color: #7f829e;
  font-size: 14px;
}

a.my-property-img1 img {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

a.my-property-img1 {
  display: block;
  height: 100%;
}
.property-details td.userpic {
  text-align: right;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.userpic img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.unread-messages-section .his_main {
  border-radius: 5px;
}
.unread-messages-section .his_img {
  display: inline-block;
  width: auto;
  float: left;
  position: relative;
}

.unread-messages-section .his_img img {
  width: 100%;
}

.unread-messages-section .detail {
  width: 84%;
  display: inline-block;
  float: right;
}

.unread-messages-section .col-sm-12.his_main_list {
  width: 100%;
  display: block;
}
h4.full-username {
  color: #162441;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 0px;
}

.comment-sec {
  font-size: 13px;
  color: #162441;
  font-weight: normal;
}
.top-detail-section {
  display: block;
  width: 100%;
}
.comment-sec span {
  color: #162441;
  font-size: 14px;
  line-height: 17px;
}
.property-id span {
  color: #7f829f;
  font-size: 14px;
  line-height: 17px;
}
.top-detail-section .name-sec {
  width: 83%;
  display: inline-block;
}

.top-detail-section .timestamp {
  display: inline-block;
  width: 15%;
  text-align: right;
  position: absolute;
  top: 0;
}
.top-detail-section .timestamp span {
  color: #7f829f;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
}
.property-id {
  color: #7f829f;
  font-size: 14px;
  line-height: 17px;
}
.top-detail-section .comment-sec span {
  color: #162441;
  font-size: 14px;
  line-height: 17px;
}

.main-title h3 {
  border: none;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  margin: 0;
  padding: 0;
  color: #a1a3b9;
}

.thread-section .nav-tabs > li > a {
  padding: 10px 15px 10px 0;
  font-size: 16px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #a2a3b8;
}
.thread-section .nav-tabs > li > a:hover,
.thread-section .nav-tabs > li > a:focus,
.thread-section .nav-tabs > li > a.active {
  border-color: transparent;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
  background: transparent;
  color: #12d3f4;
}
.maintainance-list-sec {
  background: #fff;
  display: flex;
  box-shadow: 0 1px 2px 0 #eaecf6;
  width: 100%;
}

.maintenance-list {
  padding: 10px;
  border-bottom: 1px solid #edeef6;
  width: 100%;
}
.col-lg-7.details-sec h4 a,
.col-lg-10.details-sec h4 a {
  color: #162441;
  font-size: 17px;
  font-weight: 600;
  line-height: 17px;
  text-decoration: none;
}
.maintain-request i,
.maintain-category i {
  padding: 5px 5px 5px 0;
  color: #7f829e;
  font-weight: normal;
}
.maintain-request span,
.maintain-category span {
  /* color: #7F829E;  */
  font-size: 14px;
  line-height: 17px;
}
.price-sec .price h4 {
  color: #00cfff;
  /* font-family: "Proxima Nova"; */
  font-size: 18px;
  font-weight: bold;
  line-height: 12px;
  text-align: right;
}
.price-sec .days {
  color: #7f829f;
  font-size: 10px;
  line-height: 17px;
  text-align: right;
}
.price-sec .status {
  border-radius: 100px;
  box-shadow: 0 2px 4px 0 rgba;
  color: #ffffff;
  /* font-family: "SF NS Text"; */
  font-size: 9px;
  font-weight: 900;
  line-height: 11px;
  text-align: center;
  padding: 5px;
  text-transform: uppercase;
  margin-top: 10px;
}
.price-sec .status.accepted {
  background-color: #fdc614;
}
.price-sec .status.completed {
  background-color: #4cbb4c;
}
.price-sec .status.overdue {
  background-color: #ff4646;
}
.price-sec .status.bookedrextorn {
  background-color: #a45cd5;
}
/*.maintain-request-sec img {
    width: 100%;
}*/
.statistics-sec .stats {
  background: #fff;
  margin: 8px;
  width: 130px;
  height: 130px;
  text-align: center;
  padding: 10px;
  border: 1px solid #edeef6;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 #eaecf6;
  display: inline-block;
  color: #7f829f;
  font-weight: normal;
  font-size: 14px;
}
.col-lg-4.stats h2 {
  padding: 22px 0;
  margin: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  color: #162441;
}
div#changepass h3,
div#changepass h2 {
  margin-top: 0;
  padding: 0;
}
button.btn.removeAccBtn {
  border: none;
  background: none;
  font-weight: 600;
  margin-top: 80px;
  color: red;
}

/*toggle CSS*/

.toggleSwitch .switch {
  position: relative;
  display: inline-block;
  min-width: 40px;
  height: 5px;
}

.toggleSwitch .switch input {
  display: none;
}

.toggleSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.toggleSwitch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: -7px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.toggleSwitch input:checked + .slider {
  background-color: #00d8ff;
}

.toggleSwitch input:focus + .slider {
  box-shadow: 0 0 1px #00d8ff;
}

.toggleSwitch input:checked + .slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
  background: #00d8ff;
}

/* Rounded sliders */
.toggleSwitch .slider.round {
  border-radius: 34px;
}

.toggleSwitch .slider.round:before {
  border-radius: 50%;
}
.tabProfile h2 {
  clear: both;
  font-size: 18px;
  margin-bottom: 0;
  padding: 0;
  font-weight: 600;
  color: #162441;
  margin-top: 0;
}
.tabProfile h3 {
  padding-left: 5px;
  margin-bottom: 15px;
  margin-top: 0px;
  font-size: 16px;
  font-weight: 500;
}
/*
.main-side-menu li:nth-child(1) a{
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(1) a{
	background-image: url(../images/home-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(2) a{
	background-image: url(../images/property.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(2) a{
	background-image: url(../images/property-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(3) a{
	background-image: url(../images/agency.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(3) a{
	background-image: url(../images/agency-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(4) a{
	background-image: url(../images/tenant.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(4) a{
	background-image: url(../images/tenant-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(5) a{
	background-image: url(../images/trader.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(5) a{
	background-image: url(../images/trader-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(6) a{
	background-image: url(../images/property.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(6) a{
	background-image: url(../images/property-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(7) a{
	background-image: url(../images/maintenance.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(7) a{
	background-image: url(../images/maintenance-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(8) a{
	background-image: url(../images/files.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(8) a{
	background-image: url(../images/files-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(9) a{
	background-image: url(../images/inspections.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(9) a{
	background-image: url(../images/inspections-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(10) a{
	background-image: url(../images/disputes.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(10) a{
	background-image: url(../images/disputes-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(11) a{
	background-image: url(../images/agreement.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(11) a{
	background-image: url(../images/agreement-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li:nth-child(12) a{
	background-image: url(../images/reports.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.main-side-menu li.active:nth-child(12) a{
	background-image: url(../images/reports-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(1)>a:hover{
	background-image: url(../images/home-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(2)>a:hover{
	background-image: url(../images/property-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(3)>a:hover{
	background-image: url(../images/agency-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(4)>a:hover{
	background-image: url(../images/tenant-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(5)>a:hover{
	background-image: url(../images/trader-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(6)>a:hover{
	background-image: url(../images/property-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(7)>a:hover{
	background-image: url(../images/maintenance-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(8)>a:hover{
	background-image: url(../images/files-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(9)>a:hover{
	background-image: url(../images/inspections-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(10)>a:hover{
	background-image: url(../images/disputes-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(11)>a:hover{
	background-image: url(../images/agreement-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
}
.theme-whbl #sidebar-nav .nav>li:nth-child(12)>a:hover{
	background-image: url(../images/reports-mo.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 30px 5px;
} */
@media (max-width: 480px) {
  .statistics-sec .stats {
    width: 100%;
    margin: 15px 0;
  }
}

.cover-photo img {
  width: 100%;
  height: 300px;
  border-radius: 0;
  object-fit: cover;
}
.profile-info {
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  padding: 0px;
}
.profile-new-header {
  width: 100%;
  padding: 0 0 30px 0;
  position: relative;
  overflow-x: hidden;
}
.profile-pic img {
  float: left;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background: #fff;
  line-height: 120px;
}
.profile-info-header {
  width: 83%;
  margin: 0 auto;
}
.profile-pic .alignProfilePencil {
  position: absolute;
  bottom: -9px;
  display: inline-block;
  top: auto;
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #ddd;
}
.profile-info-header h2 {
  color: #162441;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 0;
  margin-bottom: 0;
}
.profile-info-header p {
  color: #7f829f;
  font-size: 13px;
  font-weight: normal;
  margin-left: 2px;
}
.rating-new {
  /*text-align: center;*/
  margin: 0 auto;
}
.rating-new .fa {
  color: #f3bd00;
  font-size: 18px;
}
.rating-new ul {
  text-align: left;
  width: auto;
  margin: 0;
  padding: 0;
}
.rating-new ul li {
  text-align: left;
  display: inline;
  padding: 10px 3px;
  margin: 0;
  float: none;
}
.property_Detail_new .carousel-inner {
  height: 350px;
  width: calc(100% - 130px);
}
/*.property_Detail_new .article-slide .carousel-indicators {
    top: 0;
    margin-left: 175px;
    width: 18%;
    position: absolute;
    padding-bottom: 30px;
    display: inline-block;
 }*/
.property_Detail_new .article-slide .carousel-indicators {
  /*top: 0;
    margin-left: 10px;*/
  width: 130px;
  position: absolute;
  /*padding-bottom: 30px;
    display: block;*/
  right: -10px;
  /*right: 0;
    float: right;*/
  top: 0;
  height: 350px;
  overflow-y: auto;
}

.property_Detail_new .carousel-indicators li {
  border: medium none;
  border-radius: 0;
  float: left;
  height: 80px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 5px !important;
  margin-top: 0;
  width: 120px;
}
.property_Detail_new .carousel-indicators img {
  border: 2px solid #ffffff;
  float: left;
  height: 80px;
  left: 0;
  width: 120px;
}

/* Video styling for property detail new carousel indicators */
.property_Detail_new .carousel-indicators video {
  border: 2px solid #ffffff;
  float: left;
  height: 80px;
  left: 0;
  width: 120px;
  object-fit: cover;
}
.property_Detail_new .article-slide .carousel-indicators .active img {
  border: 2px solid #428bca;
  opacity: 0.7;
}

.property_Detail_new .article-slide .carousel-indicators .active video {
  border: 2px solid #428bca;
  opacity: 0.7;
}

.profile_inspection_detail ul li {
  float: left;
  font-size: 13px;
  font-weight: normal;
  color: #162441;
  margin-right: 20px;
  width: 100%;
  padding: 5px 0px;
}
.profile_inspection_detail ul {
  text-decoration: none;
  list-style: none;
  padding-left: 0;
}
.profile_inspection_detail li span {
  font-size: 13px;
  color: #162441;
  font-weight: 600;
  margin: 0;
  float: right;
}

.owl-stage-outer {
  height: 250px;
}
.owl-dots {
  display: none;
}
.owl-prev {
  width: 40px;
  height: 55px;
  color: #162441 !important;
  font-size: 28px !important;
  padding: 6px 10px;
  background: #ffffff !important;
  position: absolute;
  top: 35%;
  left: 0;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}
.owl-next {
  width: 40px;
  height: 55px;
  color: #162441 !important;
  font-size: 28px !important;
  padding: 6px 10px;
  background: #ffffff !important;
  position: absolute;
  top: 35%;
  right: 0;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}
.owl-carousel .owl-nav.disabled {
  display: block;
}
.nav-tabs > li > a:hover,
.thread-section .nav-tabs > li > a:focus,
.thread-section .nav-tabs > li > a.active {
  color: #3498db;
}
.reviewList .nav-tabs > li > a:hover,
.reviewList .nav-tabs > li > a:focus,
.reviewList .nav-tabs > li > a.active {
  color: #f27815;
}
.thread-section .nav-tabs > li > a {
  padding: 15px 20px 15px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  color: #a1a3b9;
}
.reviewList .nav-tabs {
  margin-left: 30px;
  padding: 10px;
}

.main_newReq .caret {
  float: right;
  margin-top: 8px !important;
}
.main_newReq .multiSelect > button {
  width: 100%;
  padding: 5px;
}
.main_newReq .multiSelect .checkboxLayer {
  min-width: 526px;
}
.main_newReqthumb ol {
  list-style: none;
  padding: 0;
  overflow: auto;
  max-height: 223px;
}
.main_newReqthumb ol li {
  display: inline-block;
  margin: 5px;
}
.main_newReq .fa-search {
  top: auto;
  right: 8px;
  left: auto;
  bottom: 10px;
}

@media screen and (max-width: 991px) {
  body .col-xs-12 .shadow-hover.property .property-address {
    height: auto;
  }
  body .property-content {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .profile-menu {
    width: 100%;
  }
  .img_list .property-img1 img {
    width: 100%;
  }
  .img_list {
    float: none;
    width: 100%;
  }
  .profile_property .prop-list {
    width: 100%;
  }
  .property-content_listview {
    margin-left: 0;
  }

  .property_Detail_new .carousel-inner {
    width: 100%;
    height: auto;
  }
  .property_Detail_new .article-slide .carousel-indicators {
    width: 100%;
    display: flex;
    position: relative;
    margin-left: 0;
    left: 0;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .property_Detail_new .carousel-indicators li {
    width: 33.33%;
  }
  /*.profile-content{margin-top: 555px;}*/
  .property_Detail_new .carousel-indicators img {
    height: 70px;
    width: 100%;
  }
  
  .property_Detail_new .carousel-indicators video {
    height: 70px;
    width: 100%;
    object-fit: cover;
  }

  .switch .modal-content {
    width: 90%;
  }
  .switch .modal-body .switchmodal_profile {
    width: 28%;
  }
  .switch .modal-body .btn-switch {
    float: none;
    margin-top: 15px;
  }
  .addTenant .modal-content {
    width: 90%;
  }
  .addTenant .modal-body .switchmodal_profile {
    width: 28%;
  }
  .addTenant .modal-body .btn-switch {
    float: none;
    margin-top: 15px;
  }

  .profile_det h2 {
    margin: 0;
  }

  .indi {
    width: auto;
    height: 100%;
    position: relative;
    right: 0;
    top: 0;
  }

  .agentlist ul {
    padding-left: 0;
  }
  .agentlist ul li {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    color: #7f829f;
    margin-right: 20px;
    width: 100%;
    padding: 5px 10px;
  }
  .agentlist h5 {
    font-size: 14px;
    text-align: center;
  }
  .agentlist li span {
    font-size: 13px;
    color: #162441;
    font-weight: 600;
    margin: 0;
    float: right;
  }

  .width16 {
    width: 18% !important;
  }

  .agentimg_width {
    margin: 0 auto;
  }
  .agentlist .rating ul li {
    width: auto;
    text-align: center;
  }
  .agentlist p {
    text-align: center;
  }
  .agentlist ul li button {
    margin: 0 auto;
    display: block;
  }

  .thumblist {
    display: none;
  }
  .agentlist .agent_cmpnylogolist {
    right: 5px;
    top: 5px;
    left: auto;
  }
  .agentlist {
    background: #fff;
    padding: 10px;
    box-shadow: 0 1px 2px 0 #eaecf6;
    border: 1px solid #edeef6;
  }

  .carousel-inner.cont-slider {
    width: 330px !important;
    height: 250px !important;
  }
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 100%;
  }
  .property_Detail .carousel-inner {
    min-width: 100%;
    height: auto;
  }

  .agnt_list .price-sec .days {
    display: inline-block;
  }
  .agnt_list .price-sec .price {
    display: inline-block;
  }
  .agnt_list {
    height: auto;
  }
  .agnt_list .agntprofile img {
    width: 60px;
    height: 60px;
  }
  .notiList {
    padding: 10px;
  }
  .list {
    padding: 10px 0;
  }

  .login,
  .resetPass {
    width: 100%;
    margin: 0;
    padding: 20px 30px;
  }
  .btn-login {
    width: 100%;
  }
  .regis {
    width: 100%;
    padding: 20px 30px;
  }
  .regis1 {
    width: 100%;
    padding: 20px 30px;
  }
  .img_listview {
    width: 100%;
  }
  .propertyListingSpace {
    margin-bottom: 0;
  }
  .setting-section .img_listview {
    height: auto;
  }
  body .property-content_listview1 {
    height: auto;
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0;
    background: #fff;
    margin-bottom: 25px;
  }
  .property-content_listview1 .property-address {
    height: auto;
    margin-top: 20px;
  }

  .dropdown.default-oder .btn.btn-secondary.dropdown-toggle.togle-default {
    width: 100%;
    border: none !important;
  }
  .filtering-recent ul {
    overflow: hidden;
  }

  body .clearfix,
  .horiLine {
    clear: both;
  }
  body .rew_img,
  body .rew_img1 {
    text-align: center;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .profile-menu {
    width: 50%;
  }
  .addTenant .modal-content {
    width: 90%;
  }
  .indi {
    width: auto;
    height: 100%;
    position: relative;
    right: 0;
    top: 0;
  }

  .property_Detail_new .carousel-inner {
    width: 100%;
    height: auto;
  }
  .property_Detail_new .article-slide .carousel-indicators {
    width: 100%;
    display: flex;
    position: relative;
    margin-left: 0;
    left: 0;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .property_Detail_new .carousel-indicators li {
    width: 33.33%;
  }
  /*.profile-content{margin-top: 485px;}*/
  .property_Detail_new .carousel-indicators img {
    height: 70px;
    width: 100%;
  }
  
  .property_Detail_new .carousel-indicators video {
    height: 70px;
    width: 100%;
    object-fit: cover;
  }

  .agentlist ul li {
    width: 30%;
    margin-right: 0;
  }
  .agentlist .rating ul li {
    width: auto;
    text-align: center;
  }
  .thumblist .thumb img {
    width: 95px;
    height: 60px;
  }
  .thumblist ul li {
    width: 95px;
    height: auto;
    margin-right: 10px;
  }

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    height: auto;
  }
  .property_Detail .carousel-inner {
    min-width: 100%;
    height: auto;
  }
  .my-property_listview {
    display: inline-block;
  }

  .agnt_list .detail {
    padding: 8px;
  }
}

.traderimg-width a {
  position: absolute;
  bottom: -95px;
  right: 38px;
  color: #00d7fc;
  cursor: pointer;
}

/* maintenance profile image */
.createdByImage {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.disableClass {
  cursor: not-allowed;
}

/*Rantal case*/
.rent_popup h3 {
  color: #162441;
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  border: none;
}
.rental_case {
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 20px;
  width: 65%;
  margin: 0 auto;
  margin-top: 30px;
}
.rental_case h4 {
  color: #162441;
  font-size: 14px;
  font-weight: 500;
}
.rental_case .fa-search {
  right: 8px;
  bottom: 10px;
  top: auto;
  left: auto;
}
.input_Line {
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #162441;
  border-radius: 0;
}
.para p {
  color: #162441;
  font-size: 13px;
}
.para p span {
  color: #7e8798;
  font-size: 13px;
  font-style: italic;
}
.disFlex {
  display: inline-flex;
}
.agree {
  overflow: auto;
  height: 180px;
  border: 1px solid #999999;
  background: #ffffff;
  border-radius: 5px;
  padding: 20px;
}
.agree h3 {
  color: #162441;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  margin-top: 10px;
  padding: 0;
}
.agree p {
  color: #7f829f;
  font-size: 13px;
  line-height: 17px;
}
.rent_popup .close {
  line-height: 0;
  font-size: 40px;
}
.rent-btn {
  float: right;
}
.rent-btn .btn-upload {
  float: none;
  padding: 5px 43px;
}
/*Rental case end*/

/*agreement List*/
.agreement {
  display: inline-flex;
}
.agreement .fa-pencil {
  font-size: 20px;
  color: #46a4f2;
  margin-right: 15px;
}
.agreement .fa-envelope-o {
  color: #2cb499;
  font-size: 20px;
  margin-right: 15px;
}

/*Agreement list end*/

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
}

.frgtpass label {
  color: #ffffff;
}
.plus-round .fa.fa-plus-circle {
  font-size: 18px;
}
/* .creat_property .nav-tabs > li.active > a, .creat_property .nav-tabs > li.active > a:hover, .creat_property .nav-tabs > li.active > a:focus{color:#F27815!important;} */
.message1 {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}
.message1 a {
  color: #00d7fc;
  text-decoration: none;
}
@media only screen and (max-width: 1093px) and (min-width: 530px) {
  /*for 125%*/
  .bg,
  .bg_reg {
    background-size: cover;
    height: 100%;
  }
}
@media only screen and (max-width: 1101px) and (min-width: 559px) {
  /*for 120%*/
  .bg,
  .bg_reg {
    height: 100%;
  }
}
@media only screen and (max-width: 546px) and (min-width: 307px) {
  /*for 250%*/
  .bg,
  .bg_reg {
    height: 100%;
  }
}

/* SIDE MENU */

/* SIDE MENU END */

/* SIDE MENU */
#sidebar-nav li img {
  width: 30px;
  height: 30px;
  margin-right: 35px;
}
#sidebar-nav li a {
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}

.sidebar img:last-child {
  display: none;
}
.sidebar:hover img:first-child {
  display: none;
}
.sidebar:hover img:last-child {
  display: inline-block;
}

.theme-whbl #sidebar-nav .nav .active .sidebar img:last-child {
  display: none;
}
.theme-whbl #sidebar-nav .nav .active .sidebar img:first-child {
  display: none;
}
.theme-whbl #sidebar-nav .nav .active .sidebar img:last-child {
  display: inline-block;
}
.theme-whbl #sidebar-nav .nav > li > a:hover {
  background-color: #f8f9fe;
}

/* SIDE MENU END */
/* Edited by Shahbaz Akhtar 29-01-2018*/
.img-margin-bottom-set {
  margin-bottom: 5px;
}
.col-xs-12 .shadow-hover.property .property-details.prop-card-view.prop-list {
  width: 100%;
}
.col-xs-12 .shadow-hover.property h4.margin-property-listings {
  height: 20px;
  padding-bottom: 35px;
}
.col-xs-12 .shadow-hover.property .property-address {
  height: 118px;
  margin-top: 18px;
  overflow: hidden;
}
.send-message-division {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.contact_info-height {
  min-height: 320px;
}
.rating.rating-star-set ul {
  text-align: left;
  margin-left: 25px;
}
.position-set-btn {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.contact_info.contact_info-height-260 {
  min-height: 240px;
}
/*Edited by Shahbaz Akhtar 31-01-2018*/
body .heading-padding-zero,
body .button-padding-zero {
  padding: 0;
}

@media (max-width: 992px) {
  div.col-left-nano-content .navbar-collapse.collapse {
    display: none !important;
  }
  div.col-left-nano-content .navbar-collapse.collapse.collapse.in {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  div.col-left-nano-content .navbar-collapse.collapse {
    display: block !important;
  }
}
.dropdown-menu.right-adj.dropdown-menu-set {
  left: -64px;
  top: 40px;
  border-radius: 5px;
}
.dropdown-menu.right-adj.dropdown-menu-set li {
  border-bottom: 1px solid #e1e1e1;
}
.dropdown-menu.right-adj.dropdown-menu-set li a {
  padding: 10px 20px;
  color: #162441;
  font-size: 11px;
  font-weight: 500;
}
.dropdown-menu.right-adj.dropdown-menu-set li:last-child {
  border: none;
}
.property-details.bottom-position-set {
  position: absolute;
  width: 86%;
  bottom: 10px;
}
.property-details.bottom-position-set tr td {
  vertical-align: bottom;
}
.rew_img.new-images-set img,
.rew_img1 img {
  width: 60px !important;
  height: 60px !important;
}
.nav-tabs.set-background-color {
  background: #f5f6fa;
  padding: 12px 22px;
  width: 100%;
}
.nav-tabs.set-background-color li a {
  color: #a2a3b8;
  font-weight: normal;
}
.rating-font-size {
  font-size: 23px;
  position: relative;
  top: 5px;
}
/*02-02-2018*/
.counter-Proposal {
  /* padding: 1px 8px; */
  color: #fff;
  /* background: green; */
  background-color: #4cbb4c;
  border-radius: 20px;
  width: 26%;
  margin: 0px auto;
  height: 23px;
}
.counter-Proposal p {
  font-size: 11px;
  font-weight: 500;
  padding-top: 4px;
}
.counter-Proposal p::before {
  display: block;
  content: "";
  border-top: 1px solid #ccc;
  width: 30%;
  top: 11px;
  position: absolute;
  left: 45px;
}
.counter-Proposal p::after {
  display: block;
  content: "";
  border-top: 1px solid #ccc;
  width: 30%;
  top: 11px;
  position: absolute;
  right: 45px;
}
.text-center.date-and-time {
  font-size: 11px;
  padding: 5px 10px;
}
.message-time.left-time-set {
  margin-left: 2%;
}
.review-widmargin-tenant {
  width: 100%;
  margin-left: 1px;
}
.review-widmargin-all {
  width: 125%;
  margin-left: -9px;
}
.sta-marginleft {
  margin-left: -18px;
}
.sta-card {
  margin-left: -13px;
}
.owner-mT {
  margin-top: 3px;
}
.nt-board-detail-uebtn {
  padding-left: 7%;
}
.chat-Mar-right {
  margin: 0;
  padding: 0 15px 0 0;
}

.btn-sendRequest {
  background: #fdc614;
  color: #fff;
  margin-right: 10px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
}
.thread-top {
  padding-top: 34px;
}
.reviewbtn-contact-btn {
  padding-left: 63px;
  padding-bottom: 11px;
}
.upload-doc-btn {
  margin-top: -30px;
  left: 74px;
}
.profile-detail-agnt-dot {
  background: #ff4848;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  height: 15px;
  bottom: 0;
  right: 0;
  /* right: 16px; */
}
.agnt-redColor-list {
  background: #ff4848;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  height: 15px;
  bottom: 6px;
  right: 13px;
}
.indivi-redColor-chat {
  background: #ff4848;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  height: 15px;
  bottom: -1px;
  right: 0px;
}
.indivi-greenColor-chat {
  background: #36bc56;
  width: 15px;
  border-radius: 50%;
  position: absolute;
  height: 15px;
  bottom: -1px;
  right: 0px;
}
.alignButton {
  margin-left: 33px;
}
.alignImg {
  margin-left: 15px !important;
}
.btnSpace {
  margin-left: 15px;
}

.prop_icon.width35 img {
  width: 35px;
  height: 35px;
}
.alignBall {
  right: 202px;
  bottom: -71px;
  position: absolute;
}
.post .plan-id {
  height: 3.5em;
}
.multiSelect button {
  width: 100%;
}
.multiSelect .caret {
  float: right;
  margin-top: 8px !important;
}
.checkboxLayer {
  width: 97%;
}
.buttonLabel {
  width: 100%;
}
.multiSelect .helperButton.reset {
  width: auto;
}
.multiSelect .helperButton:not(.reset) {
  width: auto;
}
.other-action .dropdown {
  display: inline-block;
}
.other_amenities #mceu_32,
#mceu_16 {
  border-width: 0;
}
/* .other_amenities  .mce-container-body{display: none;} */
.other_amenities #mceu_16-body,
#mceu_25-body,
#mceu_33-body,
#mceu_24 {
  display: none;
}

.other_amenities div.mce-edit-area {
  border: none;
}
.post.post-height-set {
  max-height: 182px;
  /* margin-bottom: 20px; */
}
.post.post-height-set p {
  height: 4em;
}
@media (max-width: 1024px) {
  .post.post-height-set {
    margin-bottom: 25px;
  }
}
.slick-slide {
  background: #fff;
  padding-bottom: 15px;
  /* width: 202px !important; */
  margin: 0px 5px;
}
.img-width.img-margin-bottom {
  margin-bottom: 15px;
}
.min-height-400 {
  min-height: 400px;
}
.contact_info p.content-information {
  height: 45px;
}
.default_118.margin-left-img {
  margin: 0 auto;
}
.multiSelect .buttonLabel {
  float: left;
  width: auto;
  margin: 2px 15px 2px 2px;
}
.multiSelect .checkBoxContainer {
  height: 220px;
  overflow-y: scroll;
}
.notifications-list .item a .time {
  top: 0px;
}
.detail.width-disputes-100 {
  width: 43%;
  float: none;
}
.my-property-address.property-address.dispute-address {
  height: 120px;
}
.message.message-dispute {
  height: 547px;
}
.close.close-btn {
  font-size: 25px;
  border: solid 1px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  text-align: center;
  height: 30px;
  width: 30px;
  position: absolute;
  right: 0px;
  top: 3px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}
.contact_info .inspection.img-margin-bottom span.agnt-redColor-list,
.contact_info .inspection.img-margin-bottom span.colorGreen_agentOwner {
  right: 24px;
}
.contact_info .inspection.img-margin-bottom img {
  height: 75px !important;
  width: 75px !important;
}
.dropdown-menu.right-adj {
  left: -100px;
  top: 32px;
}
ul.dropdown-menu.right-adj li a {
  padding-left: 0px;
  padding: 6px 20px;
  color: #000;
}
ul.dropdown-menu.right-adj li {
  border-bottom: 1px solid #e1e1e1;
}
ul.dropdown-menu.right-adj li:last-child {
  border-bottom: solid 1px transparent;
}
.his_img a.pointer img {
  height: 50px !important;
  width: 50px !important;
}
.navbar-nav > li > .dropdown-menu.notifications-list {
  /* max-height: 400px; */
  height: auto;
}
.col-lg-12.agentlist.marT20.inspection {
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  height: 100%;
  align-items: center;
}
a#skipIntroBTN b.caret {
  position: relative;
  top: -4px;
}
ul.nav.navbar-nav.pull-right {
  margin-right: 10px;
}
.margin-top-10 {
  margin-top: 10px;
}
ul.nav.nav-pills.nav-stacked.main-side-menu {
  margin-top: 16px;
}
.row.notice-div {
  margin-top: 0px;
}
.colorGreen.color-set {
  width: 10px;
  height: 10px;
  bottom: 3px;
  right: 1px;
}
.colorRed.color-set {
  width: 14px;
  height: 14px;
  bottom: 0;
  transform: initial;
  right: -1px;
  border: 2px solid #fff;
}
.right.right-height {
  position: relative;
  top: -25px;
  height: 0px;
}
.fa.fa-plus.make-circle {
  margin-right: 10px;
  font-size: 10px;
  border: solid #fff 1px;
  padding: 2px 3px;
  border-radius: 50%;
  text-align: center;
}
.count.ng-binding.ng-scope {
  display: inline;
}
.btn:hover .fa.fa-plus.make-circle {
  border: solid #000 1px;
}
.btn.btn-property i.fa.fa-envelope-o {
  font-weight: bold;
  margin-right: 15px;
  font-size: 14px;
}
a#skipIntroBTN b.caret {
  position: relative;
  top: -4px;
}
ul.nav.navbar-nav.pull-right {
  margin-right: 10px;
}
.margin-top-10 {
  margin-top: 10px;
}
ul.nav.nav-pills.nav-stacked.main-side-menu {
  margin-top: 16px;
}
.right.right-height {
  position: relative;
  top: -25px;
  height: 0px;
}
#tinymce {
  line-height: 0.2 !important;
}
/* 404 server page */
.background_colr_404 {
  background-color: #373a65;
}
.main_section_404 {
  margin-top: 150px;
  text-align: center;
}
.block-error_404 .error-num_404 {
  font-size: 190px;
  font-weight: 400;
  color: #fff;
  line-height: 180px;
}
.block-error_404 .error-text_404 {
  font-size: 31px;
  color: #f5f5f5;
  margin-top: 10px;
  text-transform: uppercase;
}
.block-error_404 .error-description {
  font-size: 13px;
  color: #f0f0f0;
  margin: 30px 0;
}
.block-error_404 .btn-pre {
  background-color: #333;
  border-color: #333;
  border-radius: 5%;
  color: #fff;
  margin-left: 15px;
}
.anchor_404 {
  color: white !important;
}
/* agent rate */
.rate_ball {
  margin-right: 28px;
}
.trader_rate_ball {
  bottom: -62px;
}
.agency_contact_btn {
  margin-top: -47px;
  margin-left: 130px;
}
/* agreement */
.agree_down {
  margin-left: 98px;
  margin-top: 3px;
}
.color_anchor {
  color: #273349 !important;
}
.dispute_sub {
  color: #273349;
  font-size: 17px;
  font-weight: 700;
}
.dispute_det_btn {
  background: #00d7fc;
  color: #fff;
  margin-right: 0px;
  border-radius: 20px;
  border-bottom: none;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 7px 20px 7px 20px;
  font-size: 11px;
}
.dispute_dashboard {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: 12px;
  margin-left: 16px;
}
.dispute_dash_sub {
  width: 80% !important;
  float: none !important;
}
.dis_dash {
  margin-right: -4px;
  margin-top: -7px;
}
.dis_status {
  padding: 3px 15px;
  text-transform: uppercase;
}
.margin_top_dis {
  margin-top: -22px;
}
.dis_mar {
  margin-right: 3px;
}
.header_not {
  margin-top: -26px !important;
  margin-left: 216px !important;
  font-size: 13px !important;
  color: #0760bd !important;
  font-weight: 600 !important;
  cursor: pointer;
}
#hide_show_pwd_click {
  float: right;
  margin-right: 5px;
  margin-top: -35px;
  position: relative;
  color: #000;
  z-index: 2;
}
#hide_show_confirm_pwd_click {
  float: right;
  margin-right: 5px;
  margin-top: -35px;
  position: relative;
  color: #000;
  z-index: 2;
}
.message_line.signup_link {
  font-size: 18px;
}
.footer_link_outer_page {
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 30px;
  background: #00d7fc;
  width: 50%;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  color: #fff;
}
.bottom-pad-20 {
  padding-bottom: 20px;
}
.fc-unthemed .fc-today {
  background: #2980b9 !important;
  color: #fff;
}

/*1-11-2018*/
.reply-main .emojionearea-editor {
  padding-right: 95px !important;
  padding-left: 20px;
}
.tag-block {
  position: absolute;
  top: 0;
  left: 10px;
  height: 30px;
  width: 50px;
  border-top: 2px solid #0760bd;
  line-height: 30px;
  padding: 0;
  margin: 0;
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
  color: #0760bd;
}
.tag-block:before,
.tag-block:after {
  content: "";
  position: absolute;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#0760bd),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(#0760bd, transparent);
  background-image: -moz-linear-gradient(#0760bd, transparent);
  background-image: -o-linear-gradient(#0760bd, transparent);
  background-image: linear-gradient(#0760bd, transparent);
  top: -1px;
  bottom: 0px;
  width: 2px;
}
.tag-block:before {
  left: 0;
}
.tag-block:after {
  right: 0;
}
.my-property_listview .img_list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* .Setting_traderView .ser_cate li {margin: 10px -10px;} */
.Setting_traderView .cat-sec {
  margin-left: -10px;
}
.Setting_traderView .ser_cate li a {
  margin: 0px 5px;
  line-height: 30px;
}
.seen-profile-img {
  margin-top: 10px;
}
.maintain-request-sec .thread-top {
  padding-top: 10px !important;
  padding-bottom: 10px;
  margin-bottom: 18px;
}
#content-wrapper {
  min-height: 100%;
  padding-bottom: 50px;
}
.btn-save {
  color: #64e8f6;
}
.seen-profile-img,
.seen-profile-img img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  float: right;
}
.add-post-btn {
  float: right;
  margin-bottom: 10px;
}
.conversation {
  display: flex;
  flex-wrap: wrap;
}
.conversation .row.reply {
  align-self: flex-end;
}
.reply-main .emojionearea .emojionearea-editor {
  min-height: 50px;
  max-height: 100px !important;
}
.reply-emojis {
  right: 55px;
  top: 5px;
}
.emojionearea .emojionearea-button {
  right: 10px !important;
  top: 12px !important;
  margin-right: 17px !important;
}
.feature-img-wrap > li {
  position: relative;
  height: 82px !important;
  margin-bottom: 15px !important;
}
.feature-img-wrap > li:after {
  display: none;
}
span.fe-tag {
  display: none;
}
.feature-img-wrap > li.active img {
  opacity: 1 !important;
  border: 3px solid rgb(0, 216, 255) !important;
}
.feature-img-wrap > li.active .fe-tag {
  display: inline-block;
  background-color: rgb(0, 216, 255);
  width: 90px;
  height: 23px;
  border-radius: 25px;
  line-height: 23px;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
.prop-upload .article-slide .carousel-indicators img {
  height: 90px;
}

/* Video styling for carousel indicators */
.prop-upload .article-slide .carousel-indicators video {
  height: 90px;
  width: 100%;
  object-fit: cover;
  border: 2px solid #ffffff;
  float: left;
}

.prop-upload .article-slide .carousel-indicators .active video {
  border: 2px solid #428bca;
  opacity: 0.7;
}
.prop-upload .article-slide {
  padding: 0 25px;
}
body .prop-upload .article-slide .carousel-indicators {
  width: 100% !important;
  margin: 0 auto !important;
}
body .display-block {
  display: block !important;
}
.btn-container .flt-rt {
  float: right;
}
body .creat_property .prop-upload .carousel div img {
  padding: 0 !important;
}
.services {
  padding: 25px 17px 40px 17px;
  font-size: 12px;
}
.services .row {
  left: 0 !important;
}
.services input {
  width: 100% !important;
}
div#content-wrapper {
  height: 100%;
  min-height: calc(100vh - 65px);
  display: inline-block;
  vertical-align: top;
}
.posted_date {
  font-size: 13px;
  text-align: right;
  color: #a7a7a7;
}
#postView .post h4 {
  margin-top: 10px;
}
#postView .post {
  padding-top: 20px;
}
.dropdown-menu.notifications-list.msg > li > a {
  padding-left: 15px;
}
.dropdown-menu.notifications-list.msg > li > span {
  margin-left: 324px;
}
.review-widmargin-all,
.review-widmargin-tenant,
.review-widmargin-tenant {
  width: 125%;
  margin-left: -20px;
}
.right-side-btns {
  padding-bottom: 15px;
}
/* .cover-photo img{object-fit: cover; object-position: center;} */
.cover-photo img {
  object-position: center;
}
.btn-property.dropdown-toggle {
  color: #fff;
}
.au-img {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.maintain-request {
  display: inline-block;
  /* padding-left: 10px; */
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.au-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.seen-img ul {
  list-style-type: none;
  padding: 0;
}
.seen-img ul li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
}
.seen-img ul li img {
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.seen-img {
  float: right;
}
.dt-wrap {
  /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* Some of these styles you can override, things like colors,
 * however some styles are required for the structure, and are critical to this module behaving properly!
 */

/* Core component styles */
.ng-image-crop {
  text-align: center;
  margin: 0 auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* Each of the 3 steps in the process are contained within sections */
.ng-image-crop > section {
  background: #ccc;
}
/* The cropping button */
.ng-image-crop button {
  margin-top: 10px;
}
/* The dashed cropping guideline */
.ng-image-crop .cropping-guide {
  display: block;
  background: rgba(255, 255, 255, 0.3);
  border: 2px dashed white;
  position: absolute;
  pointer-events: none;
}
/* The circular themed cropping guideline */
.ng-image-crop--circle .cropping-guide {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
/* The canvas where the user positions the image via dragging and zooming */
.ng-image-crop .cropping-canvas {
  background: rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  cursor: move;
}
/* The overlayed draggable zoom handle in the corner of the module */
.ng-image-crop .zoom-handle {
  display: block;
  position: absolute;
  bottom: 1px;
  left: 1px;
  background: rgba(255, 255, 255, 0.7);
  width: 80px;
  height: 80px;
  cursor: move;
  border-radius: 200px 50px;
}
/* The text within the zoom handle */
.ng-image-crop .zoom-handle > span {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  position: relative;
  top: 32px;
}
button.btn.btn-save {
  color: #45ab96;
  background: #fff;
  font-weight: 700;
  font-size: 14px;
}
button.btn.btn-save:hover {
  color: #45ab96;
  background: #fff;
  font-weight: 700;
  font-size: 14px;
}
.req_btn .req_icon {
  height: 20px;
}
.req_btn {
  width: 60%;
  background: rgb(242, 119, 19);
  color: #fff;
  box-shadow: none;
}
.contact_info .review_btn_maint,
.contact_info .sent_btn_maint {
  margin-left: auto;
  margin-right: auto;
}
.profile-info-header .right-side-btns .req_btn {
  font-size: 13px;
  padding: 7px 35px;
  width: auto;
}
.profile-info-header .right-side-btns .req_btn img {
  padding-right: 10px;
}
body .crop-image.modal-dialog.modal-lg.ng-scope {
  height: 100% !important;
}
.cropArea {
  width: 800px;
  height: 500px !important;
  margin: 0 auto !important;
}
.crop-image .modal-header h3 {
  margin: 0;
}
.crop-image {
  width: 100% !important;
}
.crop-image .modal-body {
  padding: 15px;
}
/* .crop-image canvas {width: 100%;} */
.modal-dialog {
  width: 600px;
}
.cropArea {
  width: 100% !important;
  position: relative;
}
/* img-crop canvas{    width: 100% !important; transform: translate(-50%,-50%); margin: 0 auto !important;} */

.modal {
  padding-top: 0;
}
.highlight-availability {
  background-color: rgb(228, 248, 246);
}
.settings-wrapper > .p-body {
  padding: 0;
}
.settings-wrapper .p-body .sett-head {
  font-size: 25px;
  font-weight: bold;
  color: #000;
}
.sett-content {
  font-size: 16px;
  font-weight: normal;
  margin: 15px 0 0;
  line-height: 26px;
}
.settings-wrapper .switch {
  width: 150px;
  display: block;
  max-width: 250px;
  min-width: 250px;
  height: 45px;
  border-radius: 25px;
  line-height: 45px;
  text-align: center;
  position: relative;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.settings-wrapper .switch input[type="radio"] {
  opacity: 0;
  width: 100%;
  float: left;
  position: absolute;
  z-index: 8;
  cursor: pointer;
}
.settings-wrapper input#notAvailable {
  height: 100%;
  right: -90px;
}
.settings-wrapper input#Available {
  left: -50px;
  height: 100%;
}
.settings-wrapper .switch-label {
  height: 45px;
  width: 125px !important;
  display: block;
  float: left;
  min-width: auto !important;
  max-width: 100%;
  position: relative;
  z-index: 2;
}
.settings-wrapper .switch-label-available {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
.settings-wrapper .switch-label-not-available {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
.settings-wrapper .switch-selection {
  height: 45px;
  width: 125px;
  display: block;
  background: transparent;
  position: absolute;
  z-index: 1;
}
.settings-wrapper
  .switch
  input[type="radio"]#Available:checked
  + .switch-label-available
  ~ .switch-selection {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  left: 0;
  background: #0d73c7;
}
.settings-wrapper
  .switch
  input[type="radio"]#notAvailable:checked
  + .switch-label-not-available
  ~ .switch-selection {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  right: 0;
  background: #0d73c7;
}
.settings-wrapper
  .switch
  input[type="radio"]:checked
  + .switch-label-available {
  color: #fff;
}
.settings-wrapper
  .switch
  input[type="radio"]:checked
  + .switch-label-not-available {
  color: #fff;
}

.radio-list .radio-chk {
  background: #fff;
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  left: 0;
}
.radio-list input[type="radio"] {
  opacity: 0;
}
.radio-list input[type="radio"]:checked + .radio-chk {
  background: #00d7fc;
}
.radio-list input[type="radio"]:checked + .radio-chk:before {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.radio-lb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 30px;
  position: relative;
  margin: 18px 0;
  font-size: 16px;

  margin-right: 10px;
}
td.fc-day.fc-widget-content.highlight-availability {
  background-color: #e4f8f6;
}
.occupacy-wrapper h2.sett-head,
.identification-wrap h2.sett-head,
.occupancy-tab-content .form-heading .row h1,
.app-oc-wrap .sett-head {
  font-weight: normal !important;
  font-size: 30px !important;
}

.occupacy-wrapper .sett-content {
  font-weight: bold;
  font-size: 14px;
}
.sett-content-head {
  font-size: 22px;
  color: #292929;
  font-weight: 500;
  margin: 15px 0 10px;
}
.applicant-wrap,
.radio-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.applicant-wrap p {
  margin-bottom: 0;
  font-size: 17px;
  color: #000;
  font-weight: 500;
  padding-right: 10px;
}
.applicant-wrap span {
  color: #0ddff5 !important;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
}
.form-content {
  margin-bottom: 5px;
}
.form-content > span,
.occupacy-wrapper .load_occupants_section > span,
.form-content > label {
  font-size: 14px;
  color: #292929;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.load_occupants_section {
  margin: 0 0 25px 0;
  border-bottom: 2px solid #ebebeb;
  padding: 0 0 15px 0;
}
.occupacy-wrapper .load_occupants_section > span,
.app-oc-wrap .load_occupants_section > span {
  margin-bottom: 15px;
  display: block;
  font-size: 17px;
}
.form-content .form-control {
  margin-bottom: 20px;
}
.radio-flex label {
  width: auto;
  min-width: auto;
  max-width: initial;
}
.identification-wrapper .app-note {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.identification-wrapper .app-note,
.identification-tab-content .app-note {
  color: #000;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}
.identification-wrapper .sett-head-upload,
.identification-tab-content .sett-head-upload {
  font-size: 24px !important;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
  color: #000 !important;
}
.identification-tab-content .sett-head-upload {
  padding: 0;
  font-weight: 600;
}
.identification-wrapper .drag_box .file_msg,
.identification-tab-content .drag_box .file_msg {
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-bottom: 20px;
}
.identification-wrapper .drag_box img,
.identification-tab-content .drag_box img {
  width: 50px;
  margin-bottom: 10px;
}
.identification-wrapper .my-drop-zone p,
.identification-tab-content .my-drop-zone p {
  font-size: 17px !important;
  line-height: 25px;
}
.identification-wrapper .drag_box p input,
.identification-tab-content .drag_box p input {
  width: 70px;
}
.identification-wrapper .pointer.file_hyper_link,
.identification-tab-content .pointer.file_hyper_link {
  position: relative;
  z-index: 8;
  cursor: pointer;
}
.identification-wrapper .setting-section,
.identification-tab-content .setting-section {
  width: 100%;
  display: inline-block;
  /* height: 290px; */
  height: 200px;
  overflow-y: scroll;
  background: #f9f9f9;
  padding: 20px 0;
  margin-bottom: 20px;
}
.identification-wrapper .file_list,
.identification-tab-content .file_list {
  float: left;
  width: calc(50% - 30px);
  padding: 10px;
  border: 1px solid #ebebeb;
  margin: 0 15px 30px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.identification-wrapper .file_list .col-lg-3,
.identification-tab-content .file_list .col-lg-3 {
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.identification-wrapper .file_list .atch_img,
.identification-tab-content .file_list .atch_img {
  margin: 0 auto;
}
.identification-wrapper .attchment-name,
.identification-tab-content .attchment-name {
  text-overflow: ellipsis;
  white-space: nowrap;

  overflow: hidden;
}
.identification-wrapper .dele-btn,
.identification-tab-content .dele-btn {
  text-align: right;
}
.identification-wrapper .checkmark,
.identification-tab-content .checkmark {
  top: -2px;
  left: 15px;
}
.identification-wrapper .check_container,
.identification-tab-content .check_containe {
  margin-bottom: 30px;
}
p.head-title {
  font-size: 18px;
  font-weight: bold;
  color: #777;
  text-transform: capitalize;
  padding: 0 5px;
  margin-bottom: 10px;
}
.chk-content {
  clear: both;
  display: block;
}
.wizard-application-property .nav-pills > li {
  width: 14% !important;
}
/*9-01-2019*/
.app-property-detials .wizard-navigation {
  top: -40px;
}
.mar-Tzero {
  margin-top: 0;
}
.pad-Tzero {
  padding-top: 0;
}
.app-pr-top-header span {
  display: block;
  color: #888;
  font-size: 18px;
  font-weight: normal;
}
span.app-pr-address {
  font-size: 22px;
  color: #000;
  font-weight: bold;
  margin: 0;
}
.app-pr-top-header {
  text-align: center;
}
.app-property-header {
  padding: 25px 0 0;
  background: #fff;
  margin-bottom: 50px;
}
.app-property-detials .prop_detail {
  border-radius: 0;
  border: 0px solid #ebebeb;
  background: transparent;
}
.app-property-detials .prop_detail .panel-body,
.app-oc-wrapper,
.declare-wrapper {
  border-radius: 4px;
  border: 1px solid #ebebeb;
  background: #fff;
  margin: 0 auto 30px;
}
.declare-wrapper .dec-txt {
  font-size: 14px;
  margin: 5px 0 20px;
  color: #000;
}
.pd-0 {
  padding: 0;
}
.declare-wrapper {
  text-align: left;
}
.app-oc-wrapper,
.declare-wrapper {
  padding: 30px;
}
.app-oc-wrapper {
  margin-bottom: 30px;
}
.app-oc-wrap,
.declaration-tab-content .panel-body,
.review-tab-content .panel-body {
  border: 0 !important;
  background: transparent !important;
  padding: 0;
}
.review-tab-content .declare-wrapper span {
  display: block;
  margin: 15px auto;
  font-size: 15px;
  font-weight: 500;
  word-break: break-all;
}
.review-tab-content .declare-wrapper span a {
  color: #0ddff5 !important;
}
.app-oc-wrap .load_occupants_section:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 0;
}
.app-firsttab-address h3 {
  margin: 0px 0 5px;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  color: #16191c;
}
.full-width {
  width: 100%;
}
.app-firsttab-address span {
  font-size: 14px;
  color: #b9bec7;
  line-height: 22px;
}
.app-firsttab-address {
  text-align: left;
  margin-bottom: 20px;
}
.label-off > label {
  visibility: hidden;
}
.app-property-detials .maint_calender,
body .declaration-tab-content .maint_calender {
  background: transparent;
  border: 0;
  color: #b9bec7 !important;
  text-align: right;
  margin-left: 0 !important;
  float: right;
}
body .declaration-tab-content .maint_calender i {
  color: #b9bec7 !important;
}
.terms-wrap {
  padding: 20px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  margin-top: 20px;
  height: 300px;
  overflow-y: scroll;
}
span.app-sub-heading {
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.head-global {
  color: #000;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 5px;
}
.wrap {
  margin-bottom: 10px;
}
.app-main-head {
  color: #000 !important;
  clear: both !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
  margin-top: 0 !important;
}
.app-sub-head {
  text-align: left;
  font-size: 22px;
  color: #292929;
  font-weight: 500;
  margin: 0px 0 10px;
}
.agent-content-wrap {
  display: inline-block;
  text-align: left;
  width: 100%;
  padding: 20px 0;
}
.moving-tab-content .radio-flex {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.moving-tab-content .radio-flex .radio-lb a {
  padding-left: 5px;
}
.app-confirm-txt {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 25px;
}
.app-oc-wrap .load_occupants_section > span {
  color: #292929;
  font-weight: bold;
}
.agent-content-wrap label.radio-lb {
  margin-right: 50px;
}
.agent-content-wrap .radio-flex {
  margin-bottom: 0 !important;
}
.agent-content-wrap .form-group {
  margin-bottom: 0;
}
.radio-list > label {
  font-size: 15px;
  margin-bottom: 0;
}
.identification-tab-content .panel-body form {
  text-align: left;
}
.tanancy-txt {
  text-align: center;
  display: block;
  padding: 15px 0;
  color: #64e8f6;
  font-size: 16px;
}
.declare-wrapper table {
  margin: 15px auto;
}
.declare-wrapper table tr th {
  font-weight: normal;
  padding: 10px 0;
}
.declare-wrapper table tr td {
  padding: 4px 0;
  font-weight: bold;
  color: #000;
  font-size: 14px;
}
.declare-wrapper .chk-content {
  padding: 25px 0;
}
.cst-btn-property {
  padding: 8px 40px;
  font-size: 14px;
  margin: 0 auto;
  color: #fff !important;
  display: table;
}
html,
body {
  overflow-x: hidden;
}
.pr-btn-wrapper {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
  box-shadow: 0 1px 2px 0 #eaecf6;
  border: 1px solid #edeef6;
  background: #ffffff;
  padding: 30px 5px 30px 5px;
}
.btn-back {
  margin-right: 10px;
  border-radius: 17px;
  border-bottom: none;
  background: #fff;
  color: green;
  box-shadow: 0px 2px 0px 0px #eee;
  padding: 5px 30px;
  font-weight: 500;
  width: auto;
}
.moving-tab-content .radio-lb {
  align-items: flex-start;
  margin-right: 10px;
  text-align: left;
}
.app-property-detials .btn-cont {
  margin: 0 auto;
  width: 60%;
}
span.redb {
  font-weight: normal;
}

.app-proper-one .pref_date .btn,
.declare-wrapper .app-intend-date .btn {
  margin-left: 0;
}
.app-proper-one .pref_date .uib-datepicker-popup.dropdown-menu,
.declare-wrapper .app-intend-date .uib-datepicker-popup.dropdown-menu {
  padding: 5px;
}
.role_radio {
  display: none;
}

/*9-01-2019*/

/*23-01-2019*/
.app-btn-grp {
  text-align: right;
}
.app-detail-header {
  display: flex;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 2px solid #eee;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
}
.app-detail-header h5 {
  margin: 0;
}
.head-btn {
  color: #fff !important;
  margin-right: 0px;
  border-radius: 52px;
  border-bottom: none;
  background: #fff;
  box-shadow: 0px 2px 0px 1px #eee;
  padding: 10px 30px;
  font-size: 14px;
  background: #39cdf1;
}
.decline-btn {
  margin-right: 10px;
  background: #fff;
  color: red !important;
}
.app-body-wrap {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.app-row {
  margin-left: -8px;
  margin-right: -8px;
  display: inline-block;
  width: 100%;
}
.app-body-wrap .nav-editprofile li a {
  padding-left: 0;
}
.application-details-container {
  padding: 25px;
  background: #fff;
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}
.pr-detail-content,
.occ-wrap {
  padding: 6px 0;
  display: flex;
  justify-content: flex-start;
  margin: 0 -8px;
}
.app-sett-title,
.app-occ-title {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 8px;
}
.app-sett-text,
.app-occ-text {
  flex: 0 0 50%;
  max-width: 50%;
  font-size: 14px;
  font-weight: bold;
  padding: 0 8px;
}
h4.main-head-title,
.occ-sub-heading {
  margin-top: 0;
  font-size: 17px;
  font-weight: bold;
  color: #64e8f6;
}
.occ-sub-heading {
  font-size: 19px;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.occ-heading {
  color: #161f38 !important;
  font-size: 24px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
  padding-left: 0;
  margin-top: 0;
}
.applicant-title,
.occ-num-title {
  display: block;
  font-size: 15px;
  color: #000;
  margin-bottom: 5px;
}
.applicant-name,
.occ-num-txt {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 25px;
  display: block;
}
.occ-inner-wrap {
  padding: 25px;
  background: #f4f4fe;
  margin-bottom: 10px;
}
.que-title {
  flex: 0 0 80%;
  max-width: 80%;
}
.que-txt {
  flex: 0 0 20%;
  max-width: 20%;
}
.application-details-container .radio-flex label {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.application-details-container .radio-flex {
  flex-wrap: wrap;
}
.application-details-container label.app-sub-head {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
.que-text {
  flex: 0 0 20%;
  max-width: 20%;
}
.applicant-container {
  display: flex;
  align-items: center;
  margin: 0 -8px;
}
.applicant-img {
  flex: 0 0 12%;
  max-width: 12%;
  padding: 0 8px;
}
.applicant-content {
  margin-left: 0 !important;
  flex: 0 0 90%;
  max-width: 90%;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.applicant-content .rating-new {
  text-align: left;
}
.applicant-content .rating-new span {
  font-size: 15px;
}
.applicant-name {
  font-size: 18px !important;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 5px;
  color: #000 !important;
}
.applicant-second-wrap > a {
  color: #fff !important;
  margin-right: 0px;
  border-radius: 52px;
  border-bottom: none;
  background: #fff;
  box-shadow: 0px 2px 0px 1px #eee;
  padding: 10px 25px;
  font-size: 13px;
  background: #39cdf1 !important;
  border: 0;
}
/*23-01-2019*/
/*24-01-2019*/
.iden-content-wrap {
  display: flex;
  align-items: center;
}
.iden-detail-wrap {
  padding-left: 10px;
}
.identification-container-details .file_list {
  border-bottom: 1px solid #ebebeb;
}
.identification-container-details .file_list:last-child {
  border-bottom: 0;
}
.ident-check {
  padding: 20px 0 0;
}

.application-details-container #uploaded_docs {
  display: inline-block;
  width: 100%;
  height: 350px;
  overflow-y: scroll;
}
.declare-head {
  font-weight: 500;
  text-align: left;
  padding: 0;
  color: #000;
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  width: 100%;
}
.iden-detail-wrap a {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.decl-wrap {
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
}
.decl-wrap {
  margin-bottom: 0;
}
span.declare-content {
  font-size: 15px;
  color: #666;
}
.application-status {
  padding: 8px 25px;
  border-radius: 5px;
  color: #39cdf1;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 2px 0 #eaecf6;
}
/*24-01-2019*/
/*29-01-2019*/
.my-property_listview .img_list > div {
  max-height: 100%;
  height: 100%;
}
/*29-01-2019*/

.comp-right {
  float: right;
}
.completed1 {
  margin-right: 10px;
}
.img-town-maintenance {
  width: 4%;
}
.heading-avatar-icon .indivi-redColor-chat {
  width: 8px;
  height: 8px;
  bottom: 0;
  right: 0;
}
.sideBar-body .colorGreen,
.sideBar-body .coloryellow,
.sideBar-body .colorRed {
  right: 12px;
}
.contact_info .colorGreen,
.contact_info .coloryellow,
.contact_info .colorRed {
  right: 16px;
}

.col-sm-7.col-md-7.col-lg-7.details-sec,
.col-sm-10.col-md-10.col-lg-10.details-sec {
  padding: 0;
}
.maintenance-list.col-lg-12 {
  padding: 20px 10px 10px;
}
.col-lg-12.col-md-12.marT20 {
  padding: 0;
}

.conversation .reply {
  z-index: 1;
}
.conversation .heading {
  z-index: 1;
}

.agnt_mainImg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.row.message-body.status-tag {
  padding-bottom: 10px !important;
}

/* .maintainance-list-sec .maintenance-list .details-sec .maintain-request {white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;} */
/*
Responsive
*/
.counter-div {
  position: absolute;
  width: 30px;
  height: 30px;
  background: red;
  border-radius: 100px;
  display: block;
  color: #fff;
  font-size: 11px;
  line-height: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
  font-weight: bold;
}
.kek-class.inspection {
  overflow: visible;
}
.setting-refine-search .project-listing-latest {
  margin-left: -8px;
}
.setting-refine-search button.btn.refine {
  margin-left: -28px;
}
.detail.agreement {
  text-align: right;
  display: inline-block;
  vertical-align: top;
}
.detail.agreement a {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
.detail.agreement a i {
  margin: 0;
}
.agentlist.inspection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: center;
}
.conversation .heading .heading-avatar .heading-avatar-icon .colorGreen,
.conversation .heading .heading-avatar .heading-avatar-icon .colorRed,
.conversation .heading .heading-avatar .heading-avatar-icon .colorYellow {
  right: -2px;
}
button.helperButton.reset {
  display: none;
}
.maitenance-chat-window .message-body.status-tag .message-main-receiver {
  min-width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.maitenance-chat-window
  .message-body.status-tag
  .message-main-receiver
  .receiver:after {
  display: none;
}
.maitenance-chat-window
  .message-body.status-tag
  .message-main-receiver
  .receiver {
  width: 96% !important;
}
.maitenance-chat-window .message-body.status-tag .counter-Proposal p::before,
.maitenance-chat-window .message-body.status-tag .counter-Proposal p::after {
  display: none;
}
.maitenance-chat-window .message-body.status-tag .counter-Proposal:before {
  display: block;
  content: "";
  border-top: 1px solid #ccc;
  width: calc(100% + 30px);
  top: 50%;
  position: absolute;
  left: -15px;
}
.maitenance-chat-window .message-body.status-tag .counter-Proposal {
  background: transparent;
  background-color: transparent;
  position: relative;
  width: 100%;
}
.maitenance-chat-window .message-body.status-tag .counter-Proposal p {
  background-color: #4cbb4c;
  margin: 0px auto;
  height: auto;
  position: relative;
  border-radius: 20px;
  line-height: 23px;
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
}
.reply-send-btn {
  padding: 0 !important;
  text-align: center;
}
.reply-send-btn button {
  display: inline-block;
  vertical-align: top;
  line-height: 38px;
  margin: 0 15px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 0 20px;
}
.reply-send-btn .bg-color {
  background: #2cb499 !important;
  color: #ffff;
}
.reply-send-btn .white-bg {
  background: transparent;
  color: #2cb499;
}
.maitenance-chat-img {
  padding: 14px 15px !important;
}
/* .notiList {background: #fff;box-shadow: 1px 1px 1px 1px #eee;padding: 40px 80px;} */
.notiList .content-text {
  line-height: 1.4;
  font-weight: normal;
  color: #162441;
  font-size: 13px;
  min-height: 40px;
}
.navbar-nav > li > .dropdown-menu.notifications-list {
  /* max-height: 400px; */
  height: auto;
  background: #f5f5f5;
  padding-top: 10px;
}
.item-header-notif {
  text-align: left;
  padding: 10px 0px;
  color: #162441;
  font-weight: 500;
  border-bottom: 1px solid #e2e4ed;
  font-size: 18px;
}
/* Unread notification dot indicator */
.notification-unread-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #0b6dc4;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  flex-shrink: 0;
}
.notification-unread-dot-list {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #0b6dc4;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: 5px;
  flex-shrink: 0;
}
.notifications-list .item.first-item .notification-unread-dot {
  margin-top: 0;
}

/* Unread notification chip/badge */
.notification-unread-chip {
  display: inline-block;
  background-color: #0b6dc4;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-left: 8px;
  vertical-align: middle;
  line-height: 1.4;
  box-shadow: 0 1px 3px rgba(11, 109, 196, 0.3);
}
.notification-unread-chip-list {
  display: inline-block;
  background-color: #0b6dc4;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-left: 10px;
  vertical-align: middle;
  line-height: 1.4;
  box-shadow: 0 2px 4px rgba(11, 109, 196, 0.3);
  @media (max-width: 768px) {
    display: none;
  }
}

/* Unread notification styling - make them stand out */
.notifications-list .item.first-item.unread-notification {
  background-color: #f0f7ff;
  border-left: 3px solid #0b6dc4;
  padding-left: 12px;
  margin-left: -12px;
  transition: all 0.3s ease;
}
.notifications-list .item.first-item.unread-notification:hover {
  background-color: #e6f2ff;
  border-left-width: 4px;
}
.NotificationlistBox.unread-notification-item {
  background-color: #f0f7ff;
  /* padding-left: 15px; */
  margin-left: -15px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(11, 109, 196, 0.15);
  transition: all 0.3s ease;
  position: relative;
}
.NotificationlistBox.unread-notification-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, #0b6dc4, #2980b9);
  border-radius: 4px 0 0 4px;
}
.NotificationlistBox.unread-notification-item:hover {
  background-color: #e6f2ff;
  box-shadow: 0 3px 8px rgba(11, 109, 196, 0.2);
  transform: translateX(2px);
}
.notifications-list .item.first-item.unread-notification .content-headline {
  color: #0b6dc4;
  font-weight: 600;
  font-size: 14px;
}
.NotificationlistBox.unread-notification-item .content-headline {
  color: #0b6dc4;
  font-weight: 600;
  font-size: 16px;
}
.notifications-list .item.first-item.unread-notification .content-text {
  color: #162441;
  font-weight: 500;
}
.NotificationlistBox.unread-notification-item .content-text p {
  color: #162441;
  font-weight: 500;
}

/* Read notification styling - make them more muted */
.notifications-list .item.first-item:not(.unread-notification) {
  opacity: 0.75;
  background-color: #fafafa;
}
.notifications-list .item.first-item:not(.unread-notification) .content-headline {
  color: #7f829f;
  font-weight: 400;
}
.notifications-list .item.first-item:not(.unread-notification) .content-text {
  color: #9b9b9b;
}
.NotificationlistBox:not(.unread-notification-item) {
  background-color: #fafafa;
  /* opacity: 0.8; */
}
.NotificationlistBox:not(.unread-notification-item) .content-headline {
  /* color: #7f829f;
  font-weight: 400; */
}
.NotificationlistBox:not(.unread-notification-item) .content-text p {
  /* color: #9b9b9b;
  font-weight: 400; */
}
.navbar-nav > li > .dropdown-menu.notifications-list {
  /* max-height: 400px; */
  height: auto;
  background: #f5f5f5;
  padding: 10px 20px;
}
.dropdown-menu.notifications-list.msg > li > a {
  padding-left: 0px;
}
.Setting_traderView .multiSelect .buttonLabel {
  display: contents;
}
.Setting_traderView .padding_5 .cat-sec li {
  display: contents;
}

.complete-confirm-btns-section {
  clear: both;
  padding: 15px;
  border-top: 1px solid #ddd;
  width: 96% !important;
  margin-top: 20px;
  margin-left: 2%;
  background-color: #f0f2fc;
}
.complete-confirm-btns-section .btn {
  font-size: 13px;
  max-width: 180px;
  width: 100%;
  font-weight: 600;
}
.complete-confirm-btns-section .complete-decline {
  background-color: #ffffff;
  color: #2bb498;
}
.complete-confirm-btns-section .complete-confirm {
  background-color: #2bb498;
}
.mb-0 {
  margin-bottom: 0;
}

.custom-switch .switch {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 45px;
  max-width: 250px;
  min-width: 250px;
}

.custom-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.custom-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.custom-switch .slider:before {
  position: absolute;
  content: "";
  height: 45px;
  width: 125px;
  left: 0;
  bottom: 0px;
  background-color: white;
}

.custom-switch input:checked + .slider {
  background-color: #0d73c7;
}

.custom-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

.custom-switch input:checked + .slider:before {
  -webkit-transform: translateX(125px);
  -ms-transform: translateX(125px);
  transform: translateX(125px);
}

/* Rounded sliders */
.custom-switch {
  margin-top: 35px;
}
.custom-switch .slider.round {
  border-radius: 34px;
  overflow: hidden;
  background-color: #0d73c7;
}

.custom-switch span.a,
.custom-switch span.u {
  position: absolute;
  z-index: 9;
  text-transform: capitalize;
}
.custom-switch span.a {
  left: 40px;
}
.custom-switch span.u {
  right: 30px;
}

.EOI-chart {
  position: relative;
}
.EOI-chart .EOI-chartInfo {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  bottom: 0;
  display: flex;
  align-items: center;
}
.EOI-chart .EOI-chartInfo ul {
  text-decoration: none;
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.EOI-chart .EOI-chartInfo ul li:not(:last-child) {
  padding-bottom: 0px;
}
.EOI-chart .EOI-chartInfo ul li {
  display: block;
  margin: 0;
  text-align: left;
  float: none;
}
.agent_profile .EOI-chart li span {
  font-size: 13px;
  color: #00cbef;
  font-weight: 600;
  margin: 0;
  float: none;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.EOI-chart .EOI-chartInfo ul li h3 {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  font-size: 11px;
  font-weight: 500;
  color: #162441;
  font-size: 12px;
  line-height: 17px;
  font-weight: 600;
  margin-left: 10px;
}
.EOI-chart .EOI-chartInfo.UiType ul li {
  display: flex;
  align-items: center;
}

.text-green {
  color: #39d998 !important;
}
.text-blue {
  color: #00d7fc !important;
}
.text-purple {
  color: #a745e8 !important;
}
.text-yellow {
  color: #efef00 !important;
}
.text-orange {
  color: #dd820b !important;
}
.text-darkpink {
  color: #dd0bc5 !important;
}

.justify-content-center {
  justify-content: center !important;
}
.flex-column {
  flex-flow: column !important;
}

.claim-wizard .close {
  font-size: 30px;
  font-weight: 400;
  opacity: 1;
}
.claim-wizard .wizard-title {
  display: block;
  color: #606382;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  margin: 5px 0;
}
.claim-wizard .ownership-list {
  margin: 0;
  padding: 0;
}
.claim-wizard .ownership-list li {
  font-size: 14px;
  color: #7f829e;
  line-height: 26px;
  margin-bottom: 15px;
  list-style-type: "-";
  padding-inline-start: 1ch;
}
.claim-wizard h3 {
  padding: 0 0 10px;
  color: #606382;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  border: 0;
  margin: 0;
}
.claim-wizard small {
  display: block;
  color: #039eb9;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 15px;
}
.claim-wizard img.upload-images {
  position: relative;
}
.claim-wizard img.upload-images::after {
  content: "";
  height: 50px;
  width: 50px;
  background: red;
}
.claim-wizard .thank-you-wrapper p {
  padding: 50px 25px;
  text-align: center;
  font-size: 16px;
  color: #606382;
  margin: 0;
}
.upload-imagesBox {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.upload-imagesBox a {
  top: 10px;
  right: 10px;
  display: none;
  align-items: center;
  background: #bbb;
  border-radius: 50%;
  color: #333;
  cursor: pointer;
  height: 22px;
  position: absolute;
  width: 22px;
  font-size: 2rem;
  vertical-align: top;
  padding: 0 0 4px 1px;
}
.upload-imagesBox:hover a {
  display: flex;
  justify-content: center;
}

.nav-interest {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.nav-interest .form-check {
  display: flex;
  align-items: flex-start;
}
.nav-interest input {
  margin-right: 5px;
  margin-top: 2px;
}
.nav-interest label.form-check-label {
  min-width: max-content;
}
.interest-content {
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 100px;
}
.interest-content .interest-label label {
  font-size: 18px;
  color: #606382;
  font-weight: bold;
}
.interest-content .interest-description {
  font-size: 11px;
  margin-top: 20px;
  color: #606382;
}
.interest-content .input-group .interest-text .form-control,
.interest-content .input-group .interest-text span {
  height: 46px;
}
.interest-content .radio-inline {
  font-weight: bold;
  color: #606382;
  font-size: 11px;
}

.interest-body .control_indicator {
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
.interest-body .control input:checked ~ .control_indicator:after {
  display: none;
}

.edit-profile .form-heading h1 {
  color: #606382;
  font-size: 28px;
  font-weight: bold;
}
.edit-profile .prop_detail {
  border: 1px solid #fff;
}
.edit-profile .form-heading hr {
  border: 1px solid #e2e4ed;
}
.edit-profile .form-control {
  border: 1px solid #dbddee;
}
.edit-profile .btn-cont {
  margin: 0 15%;
}
.edit-profile .info {
  width: 70%;
  border: 1px solid #fff;
}
.drag-drop-images .file_msg {
  padding: 45px !important;
  vertical-align: top;
}
.drag-drop-images .file_msg .well {
  border: 1px solid #edeef6;
  background-color: #fff;
  /* display: flex; */
  /* flex-flow: column;
  align-items: center;
  justify-content: center; */
  height: 500px;
  text-align: center;
  align-content: center;
  justify-items: center;
  overflow: auto;
  max-height: 300px;
}
.drag-drop-images .file_msg .text-drag {
  font-size: 18px;
  font-weight: bold;
  /* width: 200px; */
  width: 268px;
}
.drag-drop-images .img-thumbnail {
  border: 0;
  max-width: 400px;
}
::-webkit-scrollbar {
  display: block;
}

.shimmer_effect {
  background: #f6f7f8;
  background-image: linear-gradient(
    to right,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.shimmer_effect {
  display: flex;
  /* flex-wrap: wrap; */
  max-width: 100%;
  width: 100%;
  gap: 4px;
  overflow-x: auto;
  overflow-y: hidden;

  @media (min-width: 576px)and (max-width:767px) {
    max-height: 400px;
  }

  @media (max-width: 576px) {
    max-height: 300px;
  }
}
.shimmer_effect .left {
  max-width: 50%;
  width: 50%;
  max-height: 504px;
  min-width: 500px;
  /* height:600px; */
  /* max-height : 600px; */
  @media(max-width: 600px) {
    min-width: calc(100vw - 20px);
  }
}
.shimmer_effect .left .inner img {
  max-height: 100%;
  height: 100%;
  width: 100%;
  max-width: 100%;
  border-radius: 7px;
}
.shimmer_effect .right {
  display: flex;
  max-width: 50%;
  width: 50%;
  gap: 4px;
  /* flex-wrap: wrap; */
  /* height:600px;
  max-height : 600px; */
}
.shimmer_effect .right .inner-wrap {
  max-width: 50%;
  width: 50%;
  min-width: 400px;
  max-height: 504px;
  display: flex;
  flex-direction: column;
  gap: 4px;

   @media (max-width:767px) {
    min-width: 300px;
  }
}
.shimmer_effect .right .inner-wrap img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  border-radius: 7px;
  /* height:300px;
    max-height : 300px; */
  @media (max-width: 576px) {
    max-height: 140px;
  }
  @media (min-width: 576px)and (max-width:767px) {
    max-height: 190px;
  }
}
.own-property-details .bg-paper {
  background: #fff;
}
.own-property-details h3.property-title {
  margin: 0;
  border: 0;
  font-size: 25px;
  font-weight: bold;
  color: #606382;
  padding: 30px 144px;
}
.owner-property-content {
  padding: 0px 144px;
}
.owner-property-content .property-card {
  padding: 40px;
  background: #fff;
  position: relative;
  margin: 40px 0;
}
.owner-property-content h3 {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 18px;
  font-weight: bold;
  color: #606382;
}
.owner-property-content .property-card .progress {
  display: flex;
  margin-top: 20px;
  background: transparent;
}
.owner-property-content .property-card .progress .progress-bar {
  border-radius: 28px;
  background: #dfdfdf;
}
.owner-property-content
  .property-card
  .progress
  .progress-bar:not(:last-child) {
  margin-right: 8.6px;
}
.owner-property-content .property-card .progress .bg-1 {
  background: #fb9d95;
}
.owner-property-content .property-card .progress .bg-2 {
  background: #ef91a4;
}
.owner-property-content .property-card .progress .bg-3 {
  background: #da89b2;
}
.owner-property-content .property-card .progress .bg-4 {
  background: #bc85bd;
}
.owner-property-content .property-card .progress .bg-5 {
  background: #9784c2;
}
.owner-property-content .property-card .progress .bg-6 {
  background: #9784c2;
}
.owner-property-content .property-card .progress .bg-7 {
  background: #9784c2;
}
.owner-property-content .property-card .progress .bg-8 {
  background: #8495c2;
}
.owner-property-content .property-card .progress .bg-9 {
  background: #588fd6;
}
.owner-property-content .property-card .progress .bg-10 {
  background: #58a4d6;
}
.owner-property-content .property-card .text-score {
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
}
.owner-property-content .property-card .btn-edit-pen {
  position: absolute;
  top: 20px;
  right: 20px;
}
.owner-property-content .property-card .btn-edit-pen img {
  height: 20px;
}
.owner-property-content .property-card .detail-view-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.owner-property-content .property-card .detail-view-list li.detail-item {
  display: flex;
  width: 100%;
}
.owner-property-content .property-card .detail-view-list li.detail-item h3 {
  line-height: 41px;
}
.owner-property-content
  .property-card
  .detail-view-list
  li.detail-item
  span.basic-text {
  font-size: 14px;
  font-weight: 600;
  color: #606382;
  line-height: 19px;
}
.owner-property-content
  .property-card
  .detail-view-list
  li.detail-item
  .hotel-option {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.owner-property-content
  .property-card
  .detail-view-list
  li.detail-item
  .hotel-option
  li {
  line-height: 17px;
}
.owner-property-content
  .property-card
  .detail-view-list
  li.detail-item
  .hotel-option
  li
  .hotel-icon {
  height: 23px;
}
.owner-property-content
  .property-card
  .detail-view-list
  li.detail-item
  .hotel-option
  li
  span {
  font-size: 14px;
  font-weight: 600;
  color: #606382;
  margin-left: 25px;
  line-height: 19px;
}
.owner-property-content .property-card label {
  color: #606382 !important;
  font-size: 14px;
  line-height: 19px;
  padding-left: 30px;
}
.owner-property-content .trader-maintain-card {
  border: 1px solid #edeef6;
  box-shadow: 0px 1px 2px #eaecf6;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 200px;
  cursor: pointer;
}
.owner-property-content .trader-maintain-card h3.maintanence_title {
  font-size: 20px;
  font-weight: 600;
  color: #b1b3c5;
}
.owner-property-content .trader-maintain-card h3.title {
  font-size: 20px;
  font-weight: 600;
  color: #606382;
}
.owner-property-content .trader-maintain-card img.img-maintennence {
  margin-top: 33.3px;
}
.owner-property-content .trader-maintain-card .btn-add-new {
  height: 83px;
  width: 83px;
  border: 1px dashed #b1b3c5;
  border-spacing: 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.prev-trader-card-histroy {
  border: 1px solid #edeef6;
  padding: 24px;
}
.prev-trader-card-histroy:not(:last-child) {
  margin-bottom: 20px;
}
.prev-trader-card-histroy .trade-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.prev-trader-card-histroy ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.prev-trader-card-histroy h3.prev-trader-card-histroy {
  font-size: 12px;
  line-height: 17px;
  font-weight: 600;
}
.prev-trader-card-histroy .histroy-value {
  font-size: 14px;
  font-weight: normal;
  color: #7f829f;
  line-height: 19px;
  margin-top: 7px;
  height: 40px;
  overflow: hidden;
  text-align: center;
}
.prev-trader-card-histroy ul {
  display: flex;
  align-items: center;
}
.prev-trader-card-histroy .prev-trader-list .description {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.prev-trader-card-histroy .prev-trader-list .image-list .trader-img-box {
  height: 48px;
  width: 100px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.prev-trader-card-histroy .prev-trader-list .image-list .trader-img-box img {
  height: 48px;
  width: 100px;
  display: block;
}
.prev-trader-card-histroy .prev-trader-list .image-list li:not(:last-child) {
  margin-right: 13px;
}
.prev-trader-card-histroy .prev-trader-list .user-prof-list img {
  height: 67px;
  width: 67px;
  border-radius: 50%;
}
.prev-trader-card-histroy .prev-trader-list .user-prof-list .profile_det {
  margin: 0;
  padding: 0;
  position: relative;
  margin-left: 10px;
}

.agent-owner-connections .owl-stage-outer {
  height: auto;
}
.agent-owner-connections .owl-carousel .owl-nav .owl-prev {
  transform: rotate(180deg);
  box-shadow: none;
  display: block;
}
.agent-owner-connections .owl-carousel .owl-nav .owl-prev.disabled {
  display: none;
}
.agent-owner-connections .owl-carousel .owl-nav .owl-next.disabled {
  display: none;
}
.agent-owner-connections .owl-carousel .owl-nav .owl-next,
.agent-owner-connections .owl-carousel .owl-nav .owl-prev {
  box-shadow: none;
}
.agent-owner-connections .img-agent {
  height: 116px !important;
  width: 116px !important;
}
.agent-owner-connections .colorGreen_tenant {
  height: 20px;
  width: 20px;
}
.agent-owner-connections h5.agent-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 9px;
}
.agent-owner-connections button.btn-remove-connection {
  width: 140px;
  border: 1px solid #ef0078;
  background: #fff;
  padding: 7px 0;
  border-radius: 14px;
  font-size: 10px;
  color: #606382;
  font-weight: bold;
  margin-top: 8px;
  text-transform: uppercase;
}

.eoi-switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 15px;
}
.eoi-switch input {
  display: none;
}
.eoi-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b1b3c5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.eoi-slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .eoi-slider {
  background-color: #00cbef;
}
input:focus + .eoi-slider {
  box-shadow: 0 0 1px #2196f3;
}
input:checked + .eoi-slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(16px);
}
.eoi-on {
  display: none;
}
.eoi-on,
.eoi-off {
  color: white;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 70%;
  font-size: 5px;
  font-family: Verdana, sans-serif;
}
input:checked + .eoi-slider .eoi-on {
  display: block;
}
input:checked + .eoi-slider .eoi-off {
  display: none;
}
.eoi-slider.eoi-round {
  border-radius: 34px;
}
.eoi-slider.eoi-round:before {
  border-radius: 50%;
}

.eoi-list-data {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.eoi-list-data li {
  display: flex;
  align-items: center;
}
.eoi-list-data li:not(:last-child) {
  margin-right: 40px;
}
.eoi-list-data li label {
  margin: 0;
}
.eoi-list-data li h5 {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: bold;
  color: #606382;
  margin-left: 15px;
}

.map-title {
  font-size: 16px;
  font-weight: 600;
  color: #606382;
  line-height: 22px;
  margin: 20px 0;
  text-align: center;
}

.EOI-Summary {
  padding: 23px 70px;
}
.EOI-Summary h4 {
  margin: 0 0 65px;
  padding: 0;
  display: block;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 600;
  color: #162441;
}
.EOI-Summary h2 {
  margin: 0;
  padding: 0 0 1.5rem;
  display: block;
  font-size: 28px;
  line-height: 1.3;
  font-weight: 700;
  color: #606382;
  border-bottom: 1px solid #e2e4ed;
}
.EOI-Tab {
  align-items: center;
  border-bottom: 1px solid #e2e4ed;
}
.EOI-Tab ul {
  display: flex;
  align-items: wrap;
  padding: 0;
  margin: 0;
  align-items: center;
  list-style: none;
}
.EOI-Tab ul li {
  display: block;
  position: relative;
}
.EOI-Tab ul li a {
  padding: 22px;
  display: block;
  line-height: 1.3;
  font-size: 16px;
  font-weight: 600;
  color: #606382;
}
.EOI-Tab ul li.active a {
  color: #00d8ff;
}
ul.Parent-UL {
  padding-right: 52px;
  background: url("../images/BG-BDR.svg") no-repeat right 50%;
}
ul.Parent-UL li a {
  color: #606382;
  font-weight: 700;
  font-size: 11px;
}
ul.Parent-UL li.active:before {
  content: "";
  background: #00cbef;
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}
ul.Parent-UL li.active a {
  color: #00cbef;
}
.EOI-Tab .Child-UL li a {
  color: rgba(96, 99, 130, 0.7);
  font-weight: 700;
  font-size: 11px;
}
.Child-UL li.active a {
  color: #00cbef;
}

.EOI-Tab-Box {
  border: 1px solid #edeef6;
  padding: 40px 15px;
  background: #fff;
  box-shadow: 0 1px 2px #eaecf6;
  border-radius: 4px;
  margin-bottom: 30px;
}
.EOI-Tab-Box-IMG {
  margin: 0 0 13px;
  display: block;
  text-align: center;
}
.EOI-Tab-Box-IMG span {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.EOI-Tab-Box-IMG span img {
  width: 140px;
  height: 140px;
  display: block;
  border-radius: 100px;
}
.EOI-Tab-Box-IMG .UserStatus {
  position: absolute;
  bottom: 10px;
  right: 0;
  border-radius: 100px;
  width: 25px;
  height: 25px;
}
.Online {
  background: #4cbb4c;
}
.Offline {
  background: #ddd;
}

.EOI-Tab-Box-Body {
  text-align: center;
}
.EOI-Tab-Box-Body h3 {
  margin: 0 0 16px;
  padding: 0;
  display: block;
}
.EOI-Tab-Box-Body h3 a {
  color: #606382;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
.EOI-Tab-Box-Body p {
  margin: 0 0 31px;
  padding: 0;
  font-size: 14px;
  color: #7f829f;
  line-height: 1.3;
  font-weight: 400;
}
.EOI-Tab-Box-Body button {
  width: 100%;
  max-width: 182px;
  display: block;
  border-radius: 100px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin: 0 auto;
  background: #00cbef;
  border: 1px solid #00cbef;
}
.EOI-Tab-Box-Body button:hover {
  background: transparent;
  color: #00cbef;
}
.EOI-List {
  margin-top: 53px;
}

.eoi-premium-box {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #edeef6;
  box-shadow: 0px 1px 2px #eaecf6;
  margin-bottom: 15px;
}
.eoi-premium-box .no-control .carousel-control {
  display: none !important;
}
.eoi-premium-box .carousel .carousel-inner .item {
  height: 180px;
  background: linear-gradient(to bottom, #ffffff 0%, #000000 0%);
}
.eoi-premium-box .carousel .carousel-inner .item img {
  opacity: 0.8;
}
.eoi-premium-box .eoi-premium-content {
  padding: 24px 20px;
}
.eoi-premium-box .eoi-premium-content h3.eoi-property-title {
  font-size: 13px;
  font-weight: normal;
  color: #606382;
  line-height: 18px;
  border: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
.eoi-premium-box .eoi-premium-content .hotel-option {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.eoi-premium-box .eoi-premium-content .hotel-option li {
  font-size: 13px;
  color: #606382;
  font-weight: normal;
  line-height: 18px;
}
.eoi-premium-box .eoi-premium-content .hotel-option li:not(:last-child) {
  margin-right: 20px;
}

.eoi-premium-box .eoi-premium-header {
  position: relative;
}
.eoi-premium-box .eoi-premium-header .profile-pic {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 16px;
  left: 16px;
}
.eoi-premium-box .eoi-premium-header .profile-pic .inspection {
  width: 61px;
  height: 61px;
  margin-top: 0px;
}
.eoi-premium-box
  .eoi-premium-header
  .profile-pic
  .inspection
  .colorGreen_tenant {
  right: -3px;
}
.eoi-premium-box .eoi-premium-header .profile-pic h5 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
.eoi-premium-box .eoi-premium-header .profile-pic p {
  font-size: 14px;
  font-weight: normal;
  line-height: 19px;
  padding: 0;
  margin: 0;
  color: #fff;
}
.eoi-premium-box .eoi-premium-header .btn-follow-eoi {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  opacity: 0.7;
}

.eoi-breadcrumb {
  margin: 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.eoi-breadcrumb li {
  color: #00cbef;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  position: relative;
  padding: 0 10px 0 0;
  vertical-align: top;
  margin: 0 20px 0 0;
  display: inline-block;
}
.eoi-breadcrumb li:not(:last-child):after {
  content: url("../images/breadcrumb-arrow.svg");
  color: #b1b3c6;
  margin: 0;
  position: absolute;
  top: 1px;
  right: 0;
}

.eoi-details{
  display: flex;
  flex-direction: row;
  gap: 20px;
  @media (max-width: 767px) {
    flex-direction: column;
  }
}

.EOI-chat-detail .eoi-details {
  padding: 30px 144px 60px 144px;
  display: flex;
  align-items: center;

  @media (max-width: 991px) {
    padding: 30px 20px 60px 20px;
  }
  @media (max-width: 767px) {
    padding: 20px;
  }
}
.EOI-chat-detail .eoi-details ul.hotel-option {
  margin: 0;
  padding: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  list-style: none;
}
.EOI-chat-detail .eoi-details ul.hotel-option img {
  height: 23px;
  width: 23px;
}
.EOI-chat-detail .eoi-details ul.hotel-option li {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.EOI-chat-detail .eoi-details ul.hotel-option li span {
  font-size: 12px;
  font-weight: 600;
  color: #606382;
  line-height: 17px;
  margin-top: 12px;
}
.EOI-chat-detail .eoi-details ul.hotel-option li:not(:last-child) {
  margin-right: 75px;
}
.EOI-chat-detail .eoi-details .eoi-type-title {
  font-size: 12px;
  font-weight: 600;
  color: #e2e200;
  line-height: 17px;
}
.EOI-chat-detail .eoi-details .eoi-price {
  font-size: 26px;
  font-weight: bold;
  color: #606382;
  line-height: 36px;
}
.EOI-chat-detail .eoi-details .eoi-address {
  font-size: 16px;
  line-height: 22px;
  color: #7f829e;
}

.EOI-chatdetail-content{
  padding: 30px 144px;

  @media (max-width: 991px) {
    padding: 30px 20px;
  }
}

.EOI-chatdetail-content .chat-container {
  width: 100%;
  height: 100%;
  padding: 44px;
  overflow: hidden;

  @media (max-width: 767px) {
    padding: 20px;
  }
}
.EOI-chatdetail-content .chat-container > h3 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 18px;
  color: #606382;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 30px;
}
.EOI-chatdetail-content .chat-container .message {
  height: calc(100% - 145px);
}
.EOI-chatdetail-content .chat-container .message,
.EOI-chatdetail-content .chat-container .reply {
  background: #f9fafc;
  border-bottom: 0;
}
.EOI-chatdetail-content .chat-container .reply .reply-main {
  width: 100%;
  margin-right: 20px;
}
.EOI-chatdetail-content .chat-container .reply .reply-send {
  margin-left: auto;
  width: 115px;
}
.EOI-chatdetail-content .chat-container .reply .reply-send button {
  width: 100%;
  height: 38px;
}
.EOI-chatdetail-content .app-one {
  border: 0;
  box-shadow: none;
  background: transparent;
  height: calc(100vh - 110px);
}

.EOI-chatdetail-content .EOI-Tab-Box {
  padding: 40px;
}
.EOI-chatdetail-content .EOI-Tab-Box ul.EOI-TabValues {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 30px;
}
.EOI-chatdetail-content .EOI-Tab-Box ul.EOI-TabValues li {
  display: flex;
  flex-wrap: wrap;
}
.EOI-chatdetail-content .EOI-Tab-Box ul.EOI-TabValues li span {
  margin-left: auto;
  font-size: 13px;
  color: #7f829e;
  line-height: 18px;
}
.EOI-chatdetail-content .EOI-Tab-Box ul.EOI-TabValues li strong {
  font-size: 12px;
  font-weight: 500;
  color: #162441;
  line-height: 17px;
}
.EOI-chatdetail-content .EOI-Tab-Box ul.EOI-TabValues li:not(:last-child) {
  margin-bottom: 23px;
}

.row.EOI-List {
  display: flex;
  flex-wrap: wrap;
}
.row.EOI-List .col-12.col-md-4 {
  margin-bottom: 1rem;
}
.saved-search-box {
  background: #fff;
  border: 1px solid #edeef6;
  box-shadow: 0px 1px 2px #eaecf6;
  position: relative;
  padding: 0 0 73px;
  height: 100%;
}
.saved-search-box .search-header {
  display: flex;
  align-items: center;
  padding: 30px 22px 22px 22px;
  border-bottom: 1px solid #edeef6;
}
.saved-search-box .search-header h5 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #606382;
  line-height: 22px;
}
.saved-search-box .search-header img {
  margin-left: auto;
  height: 21px;
  width: 21px;
  cursor: pointer;
}
.saved-search-box .search-content {
  padding: 30px 22px 0;
}
.saved-search-box .search-content ul.search-filters {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.saved-search-box .search-content ul.search-filters li {
  font-size: 14px;
  color: #606382;
  font-weight: 600;
  line-height: 19px;
}
.saved-search-box .search-content ul.search-filters li:not(:last-child)::after {
  content: "|";
  font-size: 14px;
  color: #606382;
  font-weight: 600;
  line-height: 19px;
  margin: 0 5px;
}
.saved-search-box .search-content ul.hotel-option {
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0 22px 20px;
}
.saved-search-box .search-content ul.hotel-option li img {
  height: 22px;
  width: 22px;
  margin-right: 10px;
}
.saved-search-box .search-content ul.hotel-option li span {
  font-size: 13px;
  color: #606382;
  line-height: 19px;
}
.customers-listing-page .RefineResults,
.customers-listing-page .horiLine {
  border: 0;
}
.customer-card {
  background: #fff;
  margin-bottom: 18px;
  border-radius: 5px;
  overflow: hidden;
}
.customer-card .carousel .carousel-inner .item {
  height: 180px;
  background: rgba(0, 0, 0, 0.4);
}
.customer-card .carousel .glyphicon {
  color: #fff;
}
.customer-card .carousel .glyphicon-chevron-right::before {
  content: url("../images/right-arrow.svg");
}
.customer-card .carousel .glyphicon-chevron-left::before {
  content: url("../images/left-arrow.svg");
}
.customer-card .carousel .carousel-control {
  opacity: 1;
}
.customer-card .carousel .carousel-inner .item img {
  height: 180px;
  opacity: 0.8;
  padding: 0;
  margin: 0;
}
.customer-card .customer-card-content {
  padding: 22px;
  max-height: 114px;
  overflow: hidden;
}
.customer-card .customer-card-content .cu-trader-details {
  display: flex;
  align-items: center;
}
.customer-card .customer-card-content .cu-trader-details img.cu-img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.customer-card .customer-card-content .cu-trader-details .cu-contacts-details {
  margin-left: 18px;
}
.customer-card
  .customer-card-content
  .cu-trader-details
  .cu-contacts-details
  h3 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #162441;
  font-weight: 500;
  line-height: 17px;
  border: 0;
}
.customer-card .customer-card-content .property-address {
  font-size: 13px;
  color: #7f829e;
  margin-top: 12px;
  line-height: 18px;
}
.customer_listing > div > .row {
  display: flex;
}
.customer_listing #googleMap {
  height: 100%;
}
.Profile-Strength .progress {
  width: calc(100% - 100px);
}
ul.Land-size {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.Land-size li h3 {
  line-height: 41px;
}
ul.Land-size li {
  width: 33.33%;
  text-align: center;
}
ul.Land-size span {
  font-size: 14px;
  font-weight: 600;
  color: #606382;
  line-height: 19px;
}
ul.hotel-option {
  width: 100%;
}
ul.hotel-option span {
  margin-left: 15px !important;
}
ul.hotel-option li {
  width: 33.33%;
}

.Google-AP-inner {
  overflow: hidden;
}
.Google-API-Ul {
  margin: 0 -1rem;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.Google-API-Ul li {
  width: 25%;
  padding: 1rem;
}
.Google-API-Ul li img {
  /* min-height: 160px; */
}

.wizard-card .wizard-navigation {
  min-height: 0;
}

@media (max-width: 1350px) {
  .identification-wrapper .attchment-name {
    width: 120px;
  }
  .app-property-detials .wizard-card .wizard-navigation {
    max-width: 90%;
  }
  .applicant-img {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .applicant-content {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .owner-property-content {
    padding: 0px 2rem;
  }
  .prev-trader-card-histroy ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .sideBar-name,
  .sideBar-time {
    width: 100%;
  }
  .my-property-title h4 a {
    font-size: 16px !important;
  }
  .identification-wrapper .file_list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .identification-wrapper .attchment-name {
    width: 350px;
  }
  .identification-wrapper .setting-section {
    padding: 20px;
  }
  .cst-btn-property {
    padding: 8px 20px;
  }
  .app-property-detials .prop_detail,
  .app-oc-wrap,
  .declaration-tab-content .panel-body,
  .review-tab-content .panel-body {
    width: 70%;
  }
  .review-tab-content .panel-body {
    width: 100%;
  }
  ul.hotel-option li {
    text-align: center;
  }
  ul.prev-trader-list > li:nth-child(1),
  ul.prev-trader-list > li:nth-child(2),
  ul.prev-trader-list > li:nth-child(3),
  ul.prev-trader-list > li:nth-child(4) {
    width: 50%;
    margin: 0 auto;
  }
}
@media (max-width: 1100px) {
  .property_Detail .article-slide .carousel-indicators {
    width: 100%;
  }
  .identification-wrapper .attchment-name {
    width: 250px;
  }
  .app-property-detials .btn-cont {
    margin: 0 auto;
    width: 70%;
  }
  .app-property-detials .wizard-card .wizard-navigation {
    max-width: 95%;
  }
  .applicant-img {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .applicant-content {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .applicant-img img {
    float: none;
  }
  .owner-property-content {
    padding: 0px 3rem;
  }
  .own-property-details h3.property-title {
    padding: 1rem 3rem;
  }
  .owner-property-content
    .property-card
    .detail-view-list
    li.detail-item
    .hotel-option
    li
    span {
    display: block;
    margin: 10px 0 0 0 !important;
  }
  .prev-trader-card-histroy ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .prev-trader-card-histroy ul li {
    padding-bottom: 1rem;
  }

  .prev-trader-card-histroy .prev-trader-list .image-list .trader-img-box {
    width: 90px;
  }
  .prev-trader-card-histroy .prev-trader-list .image-list .trader-img-box img {
    max-width: 100%;
  }
  ul.prev-trader-list .user-prof-list {
    justify-content: center;
  }
  .Google-API-Ul li {
    width: 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 1140px) {
  .my-property_listview {
    flex-direction: column;
  }
  .my-property_listview .img_list,
  .my-property-content_listview {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .modal-dialog {
    width: 100%;
    padding: 0 15px;
  }
  .crop-image {
    padding: 0;
  }
  .declare-wrapper .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0px solid #ddd !important;
  }
  .declare-wrapper table {
    width: 600px !important;
  }
  .EOI-Summary {
    padding: 1.5rem;
    background: #f8f8ff;
  }
  .row.EOI-List .col-12.col-md-4 {
    width: 50%;
  }
  .owner-property-content {
    padding: 0px 1rem;
  }
  .own-property-details h3.property-title {
    padding: 1rem;
  }
}
@media (max-width: 767px) {
  .btn-property.btn-edit-property {
    margin: 0 0 10px;
  }
  .prop-upload .article-slide .carousel-indicators img {
    width: 110px !important;
  }
  
  .prop-upload .article-slide .carousel-indicators video {
    width: 110px !important;
    height: 90px;
  }
  .prop-upload .article-slide .carousel-indicators {
    padding-bottom: 0 !important;
  }
  .prop-upload .article-slide .carousel-indicators li {
    width: auto !important;
  }
  .btn.btn-proceed.btn-upload {
    margin: 1rem auto;
    float: none;
    display: block;
  }
  .unread-messages-section .his_img {
    margin-right: 10px;
  }
  .identification-wrapper .attchment-name {
    width: 200px;
  }
  .pr-btn-wrapper {
    margin-top: 20px;
  }
  .app-property-detials .prop_detail,
  .app-oc-wrap,
  .declaration-tab-content .panel-body,
  .review-tab-content .panel-body {
    width: 90%;
  }
  .review-tab-content .panel-body {
    width: 100%;
    padding: 0 !important;
  }
  .app-property-detials .btn-cont {
    margin: 0 auto;
    width: 90%;
  }
  .app-property-detials .details {
    margin-top: -35px;
    margin-left: -30px;
    font-size: 12px;
    width: 80px;
    font-weight: 500;
    white-space: nowrap;
  }
  .app-property-detials .nav-pills > li.active > a::after,
  .app-property-detials .wizard-card .icon-circle {
    width: 10px;
    height: 10px;
  }
  .app-property-detials .nav-pills::before {
    top: 19px;
  }
  .app-property-detials .wizard-card .wizard-navigation .progress-with-circle {
    top: 102px;
  }
  .app-property-detials .btn-cont .btn-upload {
    color: #fff !important;
    border-radius: 29px !important;
    padding: 6px 1em !important;
    border: none !important;
    background-color: rgb(0, 216, 255) !important;
    font-size: 14px !important;
    margin-top: 0 !important;
    bottom: 0 !important;
    left: 0;
    min-width: 150px;
  }
  .app-property-detials .prop_detail .panel-body,
  .app-oc-wrapper,
  .declare-wrapper {
    padding: 15px;
  }
  .declaration-tab-content .prop_detail .panel-body {
    padding: 0;
  }
  .app-detail-header {
    flex-wrap: wrap;
  }
  .project-listing-latest,
  .app-btn-grp {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 70px;
  }
  .app-btn-grp {
    text-align: right;
    display: inherit;
    margin: 20px 0 0;
    align-self: flex-end;
  }
  .occ-heading {
    font-size: 18px;
    line-height: 26px;
  }
  .application-status {
    margin-top: 10px;
  }
  .reply-send-btn button {
    margin: 5px;
    padding: 0 10px;
  }
  .row.EOI-List .col-12.col-md-4 {
    width: 100%;
  }
  .wizard-card .wizard-navigation {
    max-width: 100%;
  }
  .wizard-card li.active .icon-circle {
    background: #39cdf1;
  }
  .wizard-container .nav-pills > li.active > a::after {
    display: none;
  }
  .bg-bar {
    top: 0;
  }
  .wizard .nav-tabs {
    overflow: hidden;
  }
  .edit-profile .info {
    width: 100%;
  }
  .drag-drop-images .file_msg {
    padding: 1.5rem !important;
  }
  .edit-profile .btn-cont {
    margin: 0 1rem;
  }
  .centered-form {
    margin-top: 1rem;
  }
  .centered-form form .row .col-xs-6 {
    width: 100%;
  }
  .prop_detail {
    width: 100%;
  }
  .border-lower {
    text-align: center;
  }
  .interest-content {
    height: 300px;
    padding: 0 2rem;
  }
  .owner-property-content .property-card .detail-view-list li.detail-item h3 {
    margin-bottom: 5px;
  }
  .owner-property-content .property-card .detail-view-list li.detail-item {
    margin: 0;
  }
  .owner-property-content .property-card .detail-view-list {
    justify-content: space-between;
    margin-top: 1rem;
  }
  .owner-property-content .property-card {
    padding: 1rem;
    margin: 1.5rem 0;
  }
  .prev-trader-card-histroy {
    padding: 1rem;
  }
  ul.prev-trader-list > li:nth-child(3),
  ul.prev-trader-list > li:nth-child(4) {
    width: 100%;
  }
  .Google-AP-inner {
    text-align: center;
  }
  .Google-AP-inner {
    max-width: 266px;
    margin: 0 auto;
  }
  .eoi-list-data {
    flex-wrap: wrap;
  }
  .eoi-list-data li:nth-child(1) {
    width: 100%;
    margin: 0 0 1rem;
  }
  .eoi-list-data li:not(:first-child) {
    margin: 0 10px 10px !important;
  }
  .owner-property-content .property-card .btn-edit-pen {
    top: 10px;
  }
  .theme-whbl.block-ui .modal-dialog {
    padding: 0;
    margin: 0;
  }
  .maint_save_trader {
    margin: 0 !important;
  }
  .form-group {
    width: 100%;
  }
  .modal-footer {
    text-align: center;
  }
  .modal-footer .btn {
    margin: 0 auto;
    float: none;
  }
}
@media (max-width: 576px) {
  .app-property-detials .prop_detail .col-xs-6,
  .app-oc-wrapper .col-xs-6 {
    width: 100%;
  }
  .Google-API-Ul li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .dropdown-menu.right-adj.dropdown-menu-set {
    left: 0;
  }
  button.btn.btn-save {
    margin-top: 1.3rem;
  }
  .Google-API-Ul li {
    width: 100%;
  }
  .my-property_listview {
    flex-direction: column;
  }
  .my-property_listview .img_list,
  .my-property-content_listview {
    width: 100%;
  }
  .identification-wrapper .file_list .atch_img,
  .identification-wrapper .file_list .over img {
    width: 35px;
    height: 30px !important ;
  }
  .identification-wrapper .attchment-name {
    width: 85px;
  }
  .identification-wrapper .setting-section {
    padding: 15px;
  }
  .app-property-detials .prop_detail,
  .app-oc-wrap,
  .declaration-tab-content .panel-body,
  .review-tab-content .panel-body {
    width: 100%;
  }
  .app-property-detials .btn-cont {
    margin: 0 auto;
    width: 100%;
  }
  .app-property-detials .btn-cont .btn-proceed {
    float: none;
    min-width: 100%;
    margin: 10px auto !important;
  }
  .identification-tab-content .file_list {
    width: calc(100% - 30px);
    flex-direction: column;
  }
  .identification-tab-content .file_list .col-xs-6 {
    margin: 10px auto;
  }
  .identification-tab-content .attchment-name {
    margin: 0 auto;
    text-align: center;
    width: auto;
  }
  .identification-tab-content .dele-btn {
    text-align: center;
  }
  .head-btn {
    padding: 5px 20px;
    font-size: 13px;
  }
  .que-title,
  .que-text,
  .app-sett-title,
  .app-occ-title,
  .app-sett-text,
  .app-occ-text {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pr-detail-content,
  .occ-wrap,
  .applicant-content {
    flex-wrap: wrap;
  }
  .applicant-second-wrap > a {
    margin-left: 0;
    margin-top: 10px;
    padding: 5px 15px;
  }
  .applicant-img {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .applicant-content {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .iden-detail-wrap a {
    font-size: 14px;
  }
  .prop_detail {
    width: 100%;
  }
}
@media (max-width: 380px) {
  .custom-switch .switch {
    width: 230px;
    max-width: 220px;
    min-width: 220px;
  }
  .custom-switch span.a {
    left: 30px;
  }
  .custom-switch span.u {
    right: 15px;
  }
  .custom-switch .slider:before {
    width: 115px;
  }
  .custom-switch input:checked + .slider:before {
    -webkit-transform: translateX(110px);
    -ms-transform: translateX(110px);
    transform: translateX(110px);
  }
  .btn-container {
    margin: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .btn-container .btn-upload {
    margin-bottom: 10px;
  }
}

@media (max-width: 359px) {
  .Estimate-Property {
    flex-wrap: wrap;
  }
  .Estimate-Property h3 {
    margin: 0.5rem auto !important;
  }
}
/*1-11-2018*/
@media (max-width: 1160px) {
  .my-property-title a {
    font-size: 15px;
    line-height: 18px;
  }
}

.wizard-card .wizard-navigation .progress-with-circle {
  display: none;
}
.wizard .nav-tabs {
  position: relative;
  margin: 77px auto 0;
  margin-bottom: 0;
  border-bottom-color: #efeff7;
  height: auto;
  top: 0 !important;
  display: flex;
  justify-content: space-between;
}
.wizard-container .nav-pills::before {
  content: " ";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: #efeff7;
  bottom: 6px;
}
.wizard-container .nav-pills > li {
  float: none;
  width: 20% !important;
  margin: 0;
}
.wizard .nav-tabs > li a {
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 100%;
  padding: 0;
  z-index: 9999;
  position: relative;
}
.wizard-card .icon-circle {
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  font-weight: 600;
  width: 16px;
  height: 16px;
  background-color: #e1e4ec;
  margin: 0 auto;
  top: 0;
  z-index: 99;
}
.wizard .details {
  width: auto;
  position: relative;
  margin: 0;
}
.wizard-container .nav-pills > li.active > a::after,
.wizard li:after {
  display: none;
}
.wizard-container .nav-pills > li.active .icon-circle {
  background: #00d8fa;
}
body .wizard-container .nav-pills > li.active > a::after {
  background: #00d8fa;
  content: "";
  display: block;
  width: 50%;
  left: -50%;
  height: 3px;
  width: 100%;
  border-radius: 0;
  bottom: 6px;
  top: auto;
  position: absolute;
}
.wizard .nav-tabs > li > a:hover,
.wizard .nav-tabs > li > a:focus {
  background: none;
}

.sales-rent-propertise ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
  display: flex;
  overflow-x: auto;
}
.sales-rent-propertise ul li {
  padding: 0 2rem 0 0;
}
.SalesRentCircle {
  width: 74px;
  height: 74px;
  border-radius: 100%;
  background: #00cbef;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px 0 0;
  /* margin: 0 20px 0 0; */

  @media (max-width: 767px) {
    position: relative;
    top: 15px;
  }
}
.SalesRentCircle p {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 1.2;
}
.SalesRentCircle p span {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  width: 100%;
  text-transform: uppercase;
  vertical-align: top;
  line-height: 1;
}
.SalesRentCircle strong {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  width: 100%;
  line-height: 1;
}
.SalesRentBox {
  box-shadow: 0 2px 10px #eaecf6;
  display: block;
  width: 262px;
  height: 95px;
  padding: 17px 26px 22px;
  position: relative;
  border-radius: 10px;
  background: #fff;
}
.SalesRentBox span {
  position: absolute;
  top: 9px;
  right: 9px;
  background: rgba(0, 216, 255, 0.51);
  line-height: 17px;
  padding: 0 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.489px;
  text-transform: uppercase;
  border-radius: 4px;
}
.SalesRentBox span.active  {
  background: #fdb382;
}
.SalesRentBox h3 {
  margin: 0 0 11px;
  padding: 0;
  display: block;
  color: #606382;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.SalesRentBox p {
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #7f829e;
  line-height: 22px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.SalesRentBox p strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 143px;
  white-space: nowrap;
}
.SalesRentLI {
  display: flex;
  align-items: center;
}
.sales-rent-propertise {
  margin: 58px 0 85px;
}
.sales-rent-propertise > h2 {
  font-size: 18px;
  color: #606382;
  margin: 0 0 29px;
  padding: 0;
  font-weight: 700;

  @media (max-width: 767px) {
    margin: 0;
  }
}
.sales-rent-propertise h5 {
    font-size: 18px;
    color: #162441;
    font-weight: 600;
    margin: 10px 0;
  }
.SalesRentList{
  cursor: pointer;
  user-select: none;
}
.SalesRentList.active {
  user-select: none;
}

.SalesRentList::-webkit-scrollbar {
  height: 8px;
}

.SalesRentList::-webkit-scrollbar-thumb {
  /* background: #888; */
  background: #46A4F2;
  border-radius: 4px;
}

.SalesRentList::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sales-rent-propertise .carousel-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.sales-rent-propertise .carousel-btn {
  border: 1px solid #00cbef !important;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  font-size: 32px;
  cursor: pointer;
  padding: 10px 12px;
  z-index: 1;
  transition: background 0.3s ease;
  line-height: 14px;
  display: flex;
  background-color: #fff;
  color: #606382;
}

.sales-rent-propertise .carousel-btn:hover {
  background-color: #f0f0f0;
}

.sales-rent-propertise .carousel-btn.left {
  margin-right: 10px;
}

.sales-rent-propertise .carousel-btn.right {
  margin-left: 10px;
}

@media (max-width: 768px) {
.sales-rent-propertise   .carousel-wrapper {
    overflow: visible;
    margin-bottom: 65px;
  }

.sales-rent-propertise   .carousel-btn.left,
.sales-rent-propertise   .carousel-btn.right {
    order: 1;
    margin: 10px 5px 0 5px;
    position: absolute;
    bottom: -45px;
  }

.sales-rent-propertise   .carousel-btn.left {
    left: 0px;
  }
.sales-rent-propertise   .carousel-btn.right {
    left: 50px;
  }
}
html.no-scroll {
  overflow: hidden !important;
}

/* Profile Strength Modal Styles */
.profile-strength-info .strength-factors {
  margin: 20px 0;
}

.profile-strength-info .strength-factors ul li {
  padding: 8px 0;
  font-size: 14px;
  color: #333;
  border-radius: 4px;
  margin-bottom: 5px;
  transition: all 0.3s ease;
}

.profile-strength-info .strength-factors ul li.completed {
  background-color: #f8fff8;
  border-left: 4px solid #5cb85c;
  padding-left: 10px;
}

.profile-strength-info .strength-factors ul li.missing {
  background-color: #fff8f8;
  border-left: 4px solid #d9534f;
  padding-left: 10px;
}

.profile-strength-info .strength-factors ul li i {
  margin-right: 10px;
  font-size: 16px;
}

.profile-strength-info .strength-factors ul li.completed i {
  color: #5cb85c;
}

.profile-strength-info .strength-factors ul li.missing i {
  color: #d9534f;
}

.profile-strength-info .missing-text {
  color: #d9534f;
  font-style: italic;
  font-size: 12px;
  margin-left: 5px;
}

.profile-strength-info .completed-text {
  color: #5cb85c;
  font-style: italic;
  font-size: 12px;
  margin-left: 5px;
}

.profile-strength-info .alert {
  margin-top: 20px;
  border-left: 4px solid #5bc0de;
}

.profile-strength-info .alert.alert-success {
  border-left-color: #5cb85c;
  background-color: #f8fff8;
}

.profile-strength-info .alert.alert-warning {
  border-left-color: #f0ad4e;
  background-color: #fffbf0;
}

.profile-strength-info .alert.alert-danger {
  border-left-color: #d9534f;
  background-color: #fff8f8;
}

.profile-strength-info .alert i {
  margin-right: 8px;
  font-size: 16px;
}

.profile-strength-info .lead {
  color: #2c3e50;
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 18px;
}

/* Profile strength percentage styling */
.profile-strength-info .lead strong {
  color: #2c3e50;
  font-size: 24px;
}

/* Info icon hover effect */
.fa-info-circle:hover {
  color: #3498db !important;
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}

/* Modal header styling */
.modal-header .modal-title {
  color: #2c3e50;
  font-weight: 600;
}

.modal-header .modal-title i {
  color: #3498db;
  margin-right: 8px;
}

/* Saved Search Cards - Specific styling for property listing EOI section */
.EOI-List .saved-search-box {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  /* margin-bottom: 20px; */
  overflow: hidden;
  height: 100%;
}

.EOI-List .search-header {
  padding: 15px 20px;
  border-bottom: 1px solid #e9ecef;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.EOI-List .search-header h5 {
  margin: 0;
  color: #2c3e50;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.3;
  flex: 1;
  margin-right: 10px;
}

.EOI-List .search-header img {
  width: 16px;
  height: 16px;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}

.EOI-List .search-header img:hover {
  opacity: 1;
}

.EOI-List .search-content {
  padding: 15px 20px 0 20px;
}

.EOI-List .search-filters {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.EOI-List .search-filters li {
  color: #495057;
  font-size: 12px;
  font-weight: 500;
  background: #f8f9fa;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

.EOI-List .hotel-option {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0;
}

.EOI-List .hotel-option li {
  display: flex;
  align-items: center;
  color: #495057;
  font-size: 14px;
  font-weight: 500;
  width: unset;
}

.EOI-List .hotel-option li img {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
  flex-shrink: 0;
}

.EOI-List .hotel-option li .house-icon {
  width: 18px;
  height: 18px;
}

.EOI-List .hotel-option li span {
  white-space: nowrap;
}

/* Renovation Details Section Styles */
.renovation-details-section {
  margin: 20px 0 0;
}

.renovation-description {
  margin: 15px 0 20px 0;
}

.renovation-description p {
  color: #606382;
  line-height: 1.6;
  margin: 0;
}

.renovation-photos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 15px;
  margin-top: 15px;
}

.renovation-photo-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.renovation-photo-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.renovation-photo-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  cursor: pointer;
}

.renovation-modal-image {
  width: 100%;
  height: 100%;
  image-rendering: -webkit-optimize-contrast;
}

@media (max-width: 768px) {
  .renovation-photos {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
  }
  
  .renovation-photo-item img {
    height: 150px;
  }
}