#social_connect_logos_fb {
  background-image: url('/assets/img/login-reg.png');
  background-repeat: no-repeat;
  background-position: -12px -400px;
  width: 48px;
  height: 48px;
  display: block;
  float: left;
  margin: 5px 0 0 5px !important;
}
.social_connect_logos:hover {
  opacity: .75 !important;
  /* background-position: -50px; */
}
#social_connect_logos_google {
  background-image: url('/assets/img/login-reg.png');
  background-repeat: no-repeat;
  background-position: -12px -461px;
  width: 48px;
  height: 48px;
  display: block;
  float: left;
  margin: 5px 0 0 5px !important;
}
.social_connect_logos:hover {
  opacity: .75 !important;
  /* background-position: -50px; */
}
/*Gaurav Code */

/* make sidebar nav vertical */
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
  padding: 0;
  max-height: none;
  }
  .sidebar-nav .navbar ul {
  float: none;
  }
  .sidebar-nav .navbar ul:not {
  display: block;
  }
  .sidebar-nav .navbar li {
  float: none;
  display: block;
  }
  .sidebar-nav .navbar li a {
  padding-top: 12px;
  padding-bottom: 12px;
  }
}

.custom-Nav{
  background-color:transparent !important;
  border-color:#59abe3 !important;
}
.navbar-default .navbar-nav > .active > a{
  color: #fff !important;
  background-color: #59abe3 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  color: #59abe3 !important;
}
.customMargin{
  margin:50px 0px;
}
@media (max-width: 768px) {
  .customMargin{
  margin:0px 0px;
  }
  .sidebar-nav{display: none;}
}

.Welcome-title {
  color: red;
  -webkit-animation-name: title; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
  animation-name: title;
  animation-duration: 4s;
  animation-iteration-count: 3;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes title {
  from {color: red;}
  to {color: #59abe3;}
}

/* Standard syntax */
@keyframes title {
  from {color: red;}
  to {color: #59abe3;}
}

/*progress bar*/
.progress.test{
  width: 70%;
  margin: 20px auto;
  text-align: center;
  padding: 10px 0px;
  height: initial;
}
.progress .circle,
.progress .bar {
  display: inline-block;
  background: #fff;
  width: 40px; height: 40px;
  border-radius: 40px;
  border: 1px solid #d5d5da;
}
.progress .bar {
  position: relative;
  width: 80px;
  height: 6px;
  top: -33px;
  margin-left: -5px;
  margin-right: -5px;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.progress .circle .label {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin-top: 3px;
  color: #b5b5ba;
  font-size: 17px;
}
.progress .circle .title {
  color: #b5b5ba;
  font-size: 13px;
  line-height: 30px;
  margin-left: -5px;
}

/* Done / Active */
.progress .bar.done,
.progress .circle.done {
  background: #eee;
}
.progress .bar.active {
  background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.progress .circle.done .label {
  color: #FFF;
  background: #81CE97;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress .circle.done .title {
color: #444;
}
.progress .circle.active .label {
  color: #FFF;
  background: #0c95be;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.progress .circle.active .title {
  color: #0c95be;
}
@media (max-width: 768px) {
  .progress.test{
    width: 100%;
  }
  .progress .bar {
    width: 40px;
  }
}
@media (max-width: 480px) {
  .progress .bar {
    width: 22px;
  }
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 200px) {
  a.action {font-size:2.00rem;color:black;padding:5px;white-space: nowrap;} /*1rem = 16px*/
  action {font-size:2.00rem;color:black;padding:5px;white-space: nowrap;} /*1rem = 16px*/
}

/* Set width to make card deck cards 100% width */
@media (min-width: 545px) {
  a.action {font-size:1.5rem;color:black;padding:5px;white-space: nowrap;}
  action {font-size:1.5rem;color:black;padding:5px;white-space: nowrap;}
}
.sm-check{
  height: auto !important;
  margin-top: 6px;
}
.imgloader{
  display: none;
}
#thumbnil{
  display: none;
  width: 200px;
  height: 200px;
  object-fit: cover;
}
#companythumbnil{
  display: none;
  width: 200px;
  height: 200px;
  object-fit: cover;
}
#groupthumbnil{
  display: none;
  width: 200px;
  height: 200px;
  object-fit: cover;
}
.cimg{
  max-width: 40px;
}
.req{
  color: red ;
  font-size:16px;
}
.u-title{
  text-transform: capitalize;
}
@media (max-width: 767px) {
  /* Make the property photos larger and centered */
  .listimg {
    display: block;
    width: 100%;
    max-width: 300px; /* adjust as needed */
    margin: 10px auto;
  }
}
.listimg{
  width: 150px;
  height: 100px;
}
.agent-page.long-content .agent-avatar img {
  height: 250px;
  width: 250px;
}
.img-div-task{
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px;
  box-shadow: 0px 1px 3px #CCCCCC;
  -moz-box-shadow: 0px 1px 3px #CCCCCC;
  -webkit-box-shadow: 0px 1px 3px #CCCCCC;
}
.img-padding{
  padding-top: 7px;
}
.margin-top-20{
  margin-top: 20px;
}
.like-active{
  color:#888;
}
.sp-icon-ms{
  margin: 27px 0px 27px 0px;
}
.ic-btn{
   width: 28px;
   height: 28px;
}
.radio {
  width: 14px;
  height: 20px;
  display: inline-block;
  label {
    display: flex;
    align-items: center;

    .checkbox-icon-wrapper {
      background: #f1f1f1;
      position: relative;
      display: inline-block;
      border: 1px solid #a9a9a9;
      border-radius: 10%;
      width: 35px;
      height: 35px;
      float: left;
      margin: 0 10px;
      .checkbox-icon {
        position: absolute;
        font-size: 18px;
        font-weight: bold;
        line-height: 0;
        top: 48%;
        left: 21%;
      }
    }

    input[type="radio"] {
      display: none;

      & + .checkbox-icon-wrapper > .checkbox-icon {
          opacity: 0;
          transform: scale(1);
          transition: all .1s ease-in;
      }
      &:checked + .checkbox-icon-wrapper > .checkbox-icon {
        transform: scale(1);
        opacity: 1;
      }
    }
  }
}
.radio label input[type="radio"] + .checkbox-icon-wrapper > .checkbox-icon {
  opacity: 0;
  transform: scale(1);
  transition: all .1s ease-in;
}
.radio label input[type="radio"]:checked + .checkbox-icon-wrapper > .checkbox-icon {
  transform: scale(1);
  opacity: 1;
}
.md-icn{
  font-size: 46px;
}
.ic-label{
  line-height: 22px;
  font-size: 15px;
}
.propbot-switch > input[type="checkbox"] {
  display: none;
}
.propbot-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 28px;
  margin-top: 15px !important;
}
.propbot-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 14px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.propbot-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 22px;
  left: -4px;
  margin-top: -8.2px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 20px;
}
.propbot-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.propbot-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}
.no-border{border:none !important;}
.dark{
  background-color: #222 !important;
  color: #e6e6e6 !important;
}
.choice-align{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  white-space:nowrap;
}
.desc:nth-of-type(odd) {
  background-color: #e8e7e7bf;
}
.desc {
  padding: 15px;
  border-radius: 6px;
}
.sheading {
  padding: 5px;
  font-size: 16px;
  color: darkgreen;
}
.head {
  padding: 5px;
  font-weight: bolder;
  border-radius: 6px;
}