/*Catalog listing*/

.search-overlay {
    position:absolute;
    background-color:#000000;
    opacity:0.7;
    top:0px;
    left:0;
    width:0;
    height:0;
    z-index:100
  }

  .search-loading {
    position:absolute;
    top:50%;left:50%;
    font-size:70px;
    z-index:101;
    opacity:0.5   
  }

  .search-body {
    padding:100px 30px 30px 100px;
    position:relative
  }

  .profile-body {
    position:relative
  }

  .search-left {
    overflow-y: scroll;
    padding-right:10px;
    height:80vh
  }

  .view-active {
    background-color: #f0f0f0;
  }

  .btn-search
  {
    border-width:1px;
    text-transform: capitalize;
    padding:6px 12px;
    margin-right:10px;
  }

  .btn-search i
  {
    margin-left:5px
  }

 /*Catalog listing Grid*/

 .grid-wrap {
  height:250px;
  position: relative;
 }

 .grid-wrap-masonry {
  position: relative;
 }

 .grid-image {
  display:table;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
 }

 .grid-lightbox {
  position:absolute;
  top:15px;
  right:17px;
  font-size:24px;
  color:#ffffff;
  z-index:99
 }

 .grid-lightbox-hex {
  font-size:24px;
  color:#ffffff;
  margin:5px;
 }

 .grid-preview {
  max-height:250px
 }

 .grid-description {
  height:100px;
  padding-top:7px
 }

 .grid-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
 }

 .grid-tools {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:10px;
  text-align:center;
  /*background-color:rgba(0,0,0,0.3);*/
  opacity:0;
 }





 .grid-cart {
  font-size:18px;
  color:#ffffff;
 }

 .grid-package {
  font-size:18px;
  color:#ffffff;
  margin-left:15px
 }

 .btn-qty{
  font-size:18px;
  font-weight:bold;
  padding-left:15px;
  padding-right:15px;
 }

 .select-border {
  border:1px #bdbdbd solid !important
 }




.chat {
  width: 100%;
  border: solid 1px #EEE;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.messages {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}

.message {
  border-radius: 20px;
  padding: 8px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.yours {
  align-items: flex-start;
}

.yours .message {
  margin-right: 25%;
  background-color: #EEE;
  position: relative;
}

.yours .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: -7px;
  height: 20px;
  width: 20px;
  background: #EEE;
  border-bottom-right-radius: 15px;
}
.yours .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
}

.mine {
  align-items: flex-end;
}

.mine .message {
  color: white;
  margin-left: 25%;
  background: rgb(0, 120, 254);
  position: relative;
}

.mine .message.last:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -8px;
  height: 20px;
  width: 20px;
  background: rgb(0, 120, 254);
  border-bottom-left-radius: 15px;
}

.mine .message.last:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: -10px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
}

.red {
  color:red;
}

.terms {
  width:100%;
  height:150px;
  border:1px solid #e0dede;
}

.disabled {
  color: #cbcbcb
}