.sorting-icon
{
    float:left;
    
}
.fa-bars
{
    color: #4db3f3;
    margin: auto;
    display: block;
    float: left; 
   // line-height: 58px; 
    padding: 1px 5px;

}
.fa-filter
{
    @extend .fa-bars;
     // line-height: 48px; 
}
.filter-scena
{
    @extend .fa-bars;
      line-height: 28px; 
}
.filter-con
{
    @extend .fa-bars;
    line-height: 30px; 
}
.sub-menu {
    min-width: 150px !important;;
    max-width: 280px !important;;
    overflow: hidden!important;
    -webkit-overflow-scrolling: touch !important;
    max-height: calc(100vh - 100px)!important;
    border-radius: 2px!important;
    outline: 0;
    margin-top: 0px!important;
}
.filter-menu
{   width:162px;
    margin-top:-2px;   
   }
.sub-filter
{
    width: 150px;
    padding: 0px 0px 0px 6px;
}
.line-spacer
{
    padding-left: 1px;
}
button.search-btn {
       background-color: #02AEF0;
      border-radius: 5px;
      height:24px;
      min-width: 150px;
      color: #fff;
      border: 1px solid currentColor;
       padding-left:2px;
       outline:none;
      //  line-height: 22px;
        font-size: 14px;
    
  }
  button.clear-btn
  {
      @extend .search-btn;
      background: rgba(34, 27, 27, 0.04)!important;
      color: #02AEF0;
      outline:none;
      border: 0px;
  }
  button.clear-btn:hover{
    background: rgba(63, 63, 63, 0.09) !important;

  }
  button.search-btn:hover{
    background:rgba(2, 157, 218, 0.897);

  }
  .filter-heading
  {
    display: block;
    font-size: 14px;
    max-width: 100%;
    margin-bottom: 5px;
    color: #6F6F6F;
  padding-left: 6px;
  padding-top: 6px;
  font-family: 'Roboto', sans-serif;
  }
.menu-item {
    width: 100%!important;
         -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        outline: 0;
        border: none;
      //  -webkit-tap-highlight-color: transparent;
       // background: rgba(34, 27, 27, 0.04)!important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        line-height: 16px;
        height: 28px;
        padding: 0 0px!important;
        text-align: left;
        text-decoration: none;
        max-width: 100%;
        position: relative;
        color: #6F6F6F;
        font-family: 'Roboto', sans-serif;
    
}

.search-text
{
    width: 85.5%!important;
    height: 9px!important;
    color: #6F6F6F;

}

.mat-menu-content:not(:empty) {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
      background: rgba(63, 63, 63, 0.09) !important;
}
// .matMenu-menu:hover{
//     background-color: #00ADEF;
//     color:white;
    
// }

.menu-item.th-active {
    background:  #00ADEF!important;
    color:white!important;
  }
  .fa-bars.th-active
  {
    color:white;
  }
  .filter-scena.th-active
  {
    color:white!important;
  }
  .mat-menu-item .mat-icon:not([color]), .mat-menu-item-submenu-trigger.th-active::after {
    color:white!important; 
}
//   .mat-menu-item-submenu-trigger.th-active
//   {
//     color:white!important; 
//   }
  .mat-menu-item {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 30px!important;
    height: 30px!important;
 
}

.dashboard-table .th_hed td.th-active {
    background:  #00ADEF!important;
    color:white;
}

.dashboard-table1 .th_hed td.th-active {
    background:  #00ADEF!important;
    color:white;
  }
  
.calendar {
    position: relative;
    font-size: 16px;
    input {
          height: 14px;
          border-radius: 5px;
    }
    .fa-calendar-css {
      position: absolute;
      top: 3.5px!important;
      right: 5px!important;
      color:#4db3f3;
    }
    .fa-clock-o-css {
      position: absolute;
      top: 3.2px!important;
      right: 5px!important;
      color:#4db3f3;
    }
  }