/* Custom toggle checck box styles */
.custom-toggle-checkbox .toggle-checkbox + span {
    width: 50px;
    height: 25px;
}

.custom-toggle-checkbox .toggle-checkbox + span>span {
    width: 20px;
    height: 20px;
}

.custom-toggle-checkbox  .toggle-checkbox:checked + span>span {
    transform: translateX(25px);
}
.custom-search-wrap {
    border-radius: 25px;
    overflow: hidden;
    background-color: #e4e8f0;
}
.custom-search-wrap ::-webkit-input-placeholder { /* Edge */
    color: #2c304d;
    font-weight: 600!important;
  }
  
  .custom-search-wrap :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2c304d;
    font-weight: 600!important;
  }
  
  .custom-search-wrap ::placeholder {
    color: #2c304d;
    font-weight: 600!important;
  }

  .custom-search-wrap .input-group-btn i {
      color: #2c304d;
      font-weight: 600!important;
  }


  

  .custom-search-wrap:hover ::-webkit-input-placeholder { /* Edge */
    color: #fff;
  }
  
  .custom-search-wrap:hover :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
  
  .custom-search-wrap:hover ::placeholder {
    color: #fff;
  }

  /*.custom-search-wrap:hover .input-group-btn i {
      color: #fff;
  }*/

.custom-search-wrap .form-control {
    background:transparent;
    border: none;
    color: #2c304d;
    
}

.custom-search-wrap:hover, .custom-search-wrap:hover .form-control  {
    color: #fff;
}

/*color*/
body {
  color: #000;
}


.db-social .comments-header .time,
.db-social .reply-header .time {
  color: #aea9c3 !important;
}

/* text box */
input.form-control {
    padding: .75rem 1.07rem;
}

#modal-success-result {
    position: relative;
    z-index: 9;
}

.divTextboxComment .textbox-scroll {
    overflow: auto;
}

.divTextboxComment .mentions-input-box {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}
    
    .divTextboxComment .mentions-input-box textarea {
        padding: 9px 38px 9px 9px !important;
        border: 0px !important;
    }

.divTextboxComment .emojiPickerIcon.black {
    border: 0px !important;
    margin-right: 7px !important;
}

.tooltip-icon {
cursor : pointer;
    
}