 
 td ,input[type="checkbox"] {
    font-size: 1px !important;
 }

 .highlight-cell {
    background-color: yellow;
    /* Add any other styling properties as desired */
  }

  ::ng-deep  .ng2-smart-action-multiple-select{
   text-align: center;
   }
   
   ::ng-deep  .ng2-smart-action-multiple-select > input{
   width:15px;
   height:15px;
   display: unset;
   }

   ::ng-deep  .desired-value-row{
color: red !important;
   }

   .align-left{
      text-align: left !important;
    }
    .align-center{
      text-align: center !important;
    }
    .align-right{
     text-align: right !important;
    }
    ::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table tbody > tr.row-even td {
      background: white;
    //padding: 10px; 
    font-family: var(--smart-table-font-family);
    font-size: var(--smart-table-font-size);
    font-weight: var(--smart-table-font-weight);
    line-height: var(--smart-table-line-height);
    color: var(--smart-table-fg);
    }
    ::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table thead > tr .ng-data-table-column-header .ng-data-table-column-header-label:first-child {
     font-size: 18px;
   padding: 10px;
      color: #1e6bb8;
     text-decoration: none;
     font-family: var(--smart-table-header-font-family);
     font-size: var(--smart-table-header-font-size);
     font-weight: var(--smart-table-header-font-weight);
     line-height: var(--smart-table-header-line-height);
    }
    ::ng-deep  :not(.dark-theme) .ng-data-table-container .ng-data-table tbody > tr.row-odd td {
   // padding: 10px;
    font-family: var(--smart-table-font-family);
    font-size: var(--smart-table-font-size);
    font-weight: var(--smart-table-font-weight);
    line-height: var(--smart-table-line-height);
    color: var(--smart-table-fg);
    }
    ::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table-content-container .ng-data-table-content {
     min-height: 100px !important;
     font-size: 18px; 
    }
    ::ng-deep :not(.dark-theme) .ng-data-table-container .ng-data-table thead > tr:last-child th {
    
     background-color:#fff;    font-family: var(--smart-table-font-family);
     font-size: var(--smart-table-font-size);
     font-weight: var(--smart-table-font-weight);
     line-height: var(--smart-table-line-height);
     color: var(--smart-table-fg);
    
    }
    tr{
      color: white;
      background-color:#fff;
    }
    th{
     color: white;
     background-color:#fff;
    }
    
     * {
        box-sizing: border-box;
      }
      .row {
        display: flex;
        background-color:#fff;
      }
      
      /* Create two equal columns that sits next to each other */
      .column {
        flex: 50%;
        // padding: 10px;
        // height: 300px; /* Should be removed. Only for demonstration */
      }
      ::ng-deep .mat-select-value{    
        color: white!important;  }
      .column1 {
         width: 210px;
        text-align: center;
        text-overflow: ellipsis;
        padding: 30px;
        //height: 300px; /* Should be removed. Only for demonstration */
      }
    
     
      .add {
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 1.75rem !important;
         padding: var(--smart-table-filter-padding);
         border-color: var(--smart-table-add-button-border-color);
         background-color: var(--smart-table-add-button-background-color);
         color: var(--smart-table-add-button-text-color);
         border-radius: 0.375rem;
    
         font-family: var(--smart-table-header-font-family);
         font-size: var(--smart-table-header-font-size);
         font-weight: var(--smart-table-header-font-weight);
         line-height: var(--smart-table-header-line-height);
     }
     span{
    
       color: #000;
     }
    
    span:hover{
    
       color: #1e6bb8;
     }
     a[disabled="disabled"] {
       pointer-events: none;
    }
     .check{
       display: flex; align-items: center;     text-decoration: none;
               height: 100%; width: 100%; font-size: 2rem!important; 
     }

     .checkTxt{
      //background: white;
     // padding: 10px;
      font-family: var(--smart-table-font-family);
      font-size: var(--smart-table-font-size);
      font-weight: var(--smart-table-font-weight);
      line-height: var(--smart-table-line-height);
      color: var(--smart-table-fg);
      text-transform: capitalize;
     }
    

     ::ng-deep .md-drppicker .btn, .md-drppicker .btn:focus, .md-drppicker .btn:hover {
      background-color: #4caf50 !important;
      margin-left: 10px !important;
  }
  
  ::ng-deep .md-drppicker .btn.btn-default{
      color: #000 !important;
      background-color: #dcdcdc !important;
  }
  
  ::ng-deep .md-drppicker td.active{
      background-color: #1f7f6f !important; 
  }
  ::ng-deep .md-drppicker .ranges ul li button.active {
      background-color: #1f7f6f !important;
  }
  ::ng-deep .md-drppicker.double {
      width: 640px !important; 
  }
  