body {
  overflow-x:hidden ;
}
.host-user-content .container-inner{
  padding-bottom: 70px;
}
.host-user-sidebar{
  background:#ECF0F3;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.host-user-sidebar:before {
  background: #f4f4f4;
  border-right: 1px solid #d7d7d7;
  bottom: 0;
  content: "";
  right: -2222em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.back-to-search{
  padding-bottom: 24px;
}
.host-user-content h4{
  color: #1d2129;
  font-size: 2.4em;
  font-weight: 800;
  margin: 0 0 60px;  
}
.host-user-content h4 .req-btn{
  margin-right: 52px;
}
.host-user-pic{
  width: 70px;
  height: 70px;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
.host-user-pic img{
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.host-user-detail-right h4{
  font-size: 1.8em;
  margin-bottom: 30px;
}
.no-padding{padding:0}
.host-user-info{
  margin-bottom: 22px;
}
.host-user-info h6{
  color: #b4b5b6;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 0;
  margin-bottom: 15px;
  text-transform: uppercase;  
}
.host-user-info p,.host-user-detail-text p{
  text-align: left;
  color: #1d2129;
  font-size: 14px;  
  line-height: 26px;
}
.host-user-reviews  h6{
  margin-bottom: 12px;
}
.host-user-reviews .rating-xs{
  margin-bottom: 20px;
  margin-left: -3px;
}
.host-user-requests-top{
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 18px;
  margin-bottom: 38px;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-button {
    display: table-cell;
}
.host-my-rooms.input-group-button .btn {
    background-color: #eff3f6;
    background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
    border: 1px solid rgba(27, 31, 35, 0.2);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px;
    color: #24292e;
    font-size: 12px;
    line-height: 20px;
    padding: 7px 10px;
    position: relative;
    z-index: 9;
}
.req-btn.host-user-review-btn{
  display: block;
}
.host-user-requests{
  padding-top: 85px;
}
.host-user-request-title{
  color: #1d2129;
  font-size: 1.8em;
  font-weight: 800;
}
.checkbox{
  margin: 1px 0 0 0;
}
.host-user-selectall{
  color: #42A6D6;
}
.checkbox .cr, .radio .cr{
  border: 1px solid #A2A2A2;
  height: 1.1em;
  width: 1.1em;
  border-radius: 2px;
  background-color: #f4f4f4;
}
.checkbox .cr.request-check-bg{
  background-color: #1C2128;
  border: 1px solid #1C2128;  
}
.checkbox label, .radio label{
  min-height: 0;
}
.checkbox .cr .cr-icon{
  font-size: 9px;
}
.checkbox .cr.request-check-bg .cr-icon{
  color: #fff;
}
.host-req-selectall{
  border-bottom: 1px solid #dbdcdc;  
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.host-req-selectall .checkbox{
  margin-right: 10px;
}
.host-req-right-title h4{
  font-size: 1.2em;
  margin-bottom: 0;
  float: left;
}
.host-req-image{
  margin-right: 30px;
  padding-right: 0;
  width: 26.444%;
}
.host-req-image-right{
  width: 69.6667%;
}
.host-user-requests-detail-inner{
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.host-req-right-title{
  padding-bottom: 26px;
}
.host-req-detail-right .checkbox{
  margin-right: 0;
}
.host-req-right-bottom{
  margin-bottom: 24px;
}
.host-req-right-bottom:last-child{
  margin-bottom: 0;
}
.host-req-right-bottom h6{
  margin-bottom: 8px;
}
.host-req-right-bottom .host-user-info{
  margin-bottom: 0;
}
.host-req-room-detail{
  color: #1d2129;
  font-size: 17px;
  text-align: left;  
}
.host-req-room-detail.text-center{text-align:center}
.host-req-room-detail.text-right{text-align:right}
.req-btn{
  display: inline-block;
  margin-left: 10px;
  min-width: 110px;
  background-color: #187AED;
  border-style: none;
  border-radius: 3px;  
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 11px 16px;
  text-align: center;
}
.req-btn:hover{
  color: #fff;
  opacity: 0.75;
}
.req-btn:first-child{
  margin-left: 0;
}
.host-user-rihgt{
  padding-left: 25px;
  padding-top: 80px;
}
.host-user-rihgt h4{
  color: #1d2129;
  font-size: 2.4em;
  font-weight: 800; 
  margin: 0 0 30px; 
}
.host-user-right-nav{
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #DBDCDC;
}
.host-user-right-nav li {
  float: left;
  margin-right: 50px;
}
.host-user-right-nav li a {
  color: #1d2129;
  display: block;
  float: left;
  font-size: 1.1em;
  padding-bottom: 14px;
  font-weight: 500;
}
.host-user-right-nav li:last-child{
  margin-right: 0;
}
.host-user-right-nav li.active a, .host-user-right-nav li a:hover {
  border-bottom: 4px solid #44dc87;
}
.host-right-date{
  margin: 28px 0;
}
.host-user-right-studio{
  border-bottom: 1px solid #DBDCDC;
  padding-bottom: 20px;  
  margin-bottom: 20px;
}
.host-user-right-studio:nth-last-of-type(1){
  border-bottom: none;
  padding-bottom: 0;
}
.host-user-studio-pic{
  border-radius: 100%;
  height:50px;
  overflow: hidden;
  width: 50px;
  float: left;
  margin-right: 20px;
}
.host-user-studio-pic img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.host-user-studio-detail{
  float: left;
  padding-left: 10px;
  width: 100%
}
.host-user-studio-detail h5{
  color: #1d2129;
  font-size: 1em;
  font-weight: 800;
  margin: 8px 0 ;    
}
.host-user-studio-detail h5 .truncate{
  margin-bottom: 8px;
}
.host-user-right-studio .host-req-right-bottom{
  clear: both;
  padding-top:18px;
}
.host-user-right-studio .host-req-room-detail{
  font-size: 14px;
}
.user-detail-right p {
  font-size: 1.3em;
  font-weight: 700;
  line-height: normal;  
  margin-bottom: 20px;
  word-wrap:break-word;
}
.user-detail-links p {
  font-size: 15px;
  overflow-wrap: break-word;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span,.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-radius: 0;
}
.pagination > li > a, .pagination > li > span{
  background-color: #1d2129;
  border-color: #1d2129;
  color: #fff;
}
.host-right-date{
  position: relative;
  cursor: pointer;
}
.host-right-date .caret {
  margin-top: -2px;
  position: absolute;
  right: 18% !important;
  top: 50%;
  vertical-align: middle;
  z-index: 99;
  color: #1d2129;
}
.req-left-buttons{
  margin:20px 0 50px;
}
#reportrange > span{
  color: #1d2129;
  font-size: 1.04em;  
}
#reportrange {
  height: 39px;
  padding: 9px 12px;
}
.daterangepicker_input .fa-calendar {
  display: none;
}
.daterangepicker{
  max-width: 278px;
  width: 260px;
  margin-left: 10px;
}
.daterangepicker .calendar.right,.daterangepicker > .daterangepicker_input{
  float: left;
  width: 45%;
  margin: 0 6px !important;
}
.daterangepicker .input-mini{
  padding-left: 6px;
}
.daterangepicker.opensright:after{
  left: 50%;
}
.daterangepicker.opensright:before{
  left: 49.66%;
}
.daterangepicker .calendar td.available{
  color: #337ab7;
}
.daterangepicker .calendar td.available.active{
  color: #fff;
}
.daterangepicker .calendar td.off{
  color: #999;
}
.host-user-studio-detail > p {
  clear: both;
}
.truncate {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 224px;
}
.pagination{
  margin: 0;
}
.customer-list-row{
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;   
}
.cust-image{
  margin-bottom: 0;
}
.customer-detail h1{
  margin: 0 0 55px;
}
.customer-list-row h4{
  font-size: 1.3em;
  font-weight: 700;
  color: #1d2129;
  line-height: normal;
  margin:10px 0;  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;     
}
.cust-profile-link:hover h4{
  color: #187AED;
}
.customer-list-row p {
  color: #1d2129;
  display: block;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 0;
}
.room-review-comment{
  padding-top: 10px;
  font-size: 18px;
}
a.blue-btn.review {
    margin-top: 10px;
}
.room-detail-review-inner{
  padding-top: 15px;
  clear: both;
} 
.my-room-list .input-group-button {
  vertical-align: middle;
  width: 1%;
}
.my-room-list .form-control.input-sm {
  font-size: 12px;
  line-height: 20px;
  min-height: 28px;
  padding-bottom: 3px;
  padding-top: 3px;
}
.my-room-list .host-user-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-bio-rtf li{
  list-style: disc;
}
.user-bio-rtf ul{
  padding-left: 1.2em;
}
.user-bio{
  font-size: 1.063em;
  font-weight: 600;
  line-height: 1.7em;
  margin-bottom: 15px;
}

@media all and (min-width: 75em) { 
  .host-user-profile-detail .container{
    min-width: 1200px;
  }
}
@media all and (max-width: 1200px) { 
  .host-user-right-nav li{
    margin-right: 38px;
  }
  .host-user-profile-detail{overflow-x:hidden}
  .host-user-content .container-inner{padding-bottom:0}
}
@media all and (max-width: 991px) { 
  .host-user-pic{
    margin: 0 auto 10px;
  }
  .host-user-info.host-user-reviews {
    margin: 0 auto 22px;
    max-width: 200px;
    text-align: center;
  } 
  .host-user-reviews .rating-xs{
    float: none;
  } 
  .host-user-content h4 .req-btn {
    margin: 6px 0 0 0;
  }
  .host-user-content h4{
    font-size: 2em;
  }         
  .host-right-date .caret{
    right: 10% !important;
  }
  .truncate{
    width: 170px;
  }
  .checkbox label, .radio label{
    padding-left: 0;
  }
  .host-user-right-nav li{
    margin-right: 30px;
  }   
}  

@media all and (max-width: 767px) { 
  .host-user-rihgt{
    padding: 20px 0 0;
  }
  .host-right-date .caret{
    right: 10% !important;
  }
  .host-user-content h4{
    font-size: 1.5em;
  }
  .host-user-studio-pic{
    margin: 0 auto;
    float: none;
  } 
  .truncate {
      width: 92%;
  }
  .host-user-sidebar{
    min-height: 0 !important;
  }   
  .host-user-info.host-user-reviews{
    margin: 0;
    text-align: left;
  }  
}
@media all and (max-width: 480px) { 
  .req-btn{
    font-size: 12px;
    margin-left: 4px;
    padding: 14px;
  }
  .host-user-content h4 .req-btn {
    clear: both;
    float: right;
    margin-top: 6px;
  }
  .host-user-right-studio .row > [class*=col-xs]{
    width: 100%
  } 
  .host-req-room-detail.text-center,.host-req-room-detail.text-right,.host-user-info.text-center,.host-user-info.text-right{text-align:left}
  .host-req-right-bottom .no-padding{padding:0 15px}
  .host-req-right-bottom .host-user-info{margin-bottom:15px}
}