/* Add here all your CSS customizations */
.fc-time, .fc-title{
    color: #212529;
}
.search_field{
    width: 200px; 
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.daterangepicker .calendar th, .daterangepicker .calendar td{
    font-size: 0.75em;
}
.dropdown-item.status{
    font-size: 0.7em;
    line-height: 1;
}
.transparent_bg{
    background:
      repeating-conic-gradient(
          #fff 0 90deg,
          grey 0 180deg) 
      0 0/25% 25%;
    margin: 15px;
    padding:10px;
}
.priority_Urgent{
    color: #BA0000;
}
.priority_High{
    color: #ff7200;
}
.priority_Normal{
    color: #57a000;
}
.priority_Low{
    color: #d5c300;
}
.converstion_bin{
    overflow: hidden;
    overflow-y: scroll;
    height: 500px;
}
.timeline .tm-items > li .tm-icon{
    padding: 0px !important;
}
.profile_pic{
    width: 49px;
}
.video-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer;
  
    &:before {
      position:absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      content: "\f144";
      font-family: "Font Awesome 5 Free";
      font-size: 40px;
      color: #fff;
      opacity: .8;
      text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
      z-index: 1;
    }
    &:hover:before {
      color: #eee;
    }
  }