.roboto-text{

    font-family: 'Roboto', sans-serif !important;
  }

  .roboto-text-small{

    font-family: 'Roboto', sans-serif !important;
    font-size: 0.7rem !important;
  }

.samples{
  color: #6dff73 !important;
}

    .roboto-text-medium{

    font-family: 'Roboto', sans-serif !important;
    font-size: 0.7rem !important;
  }
  .roboto-text-large{

    font-family: 'Roboto', sans-serif !important;
    font-size: 1rem !important;
  }
  .Jamjuree-text{

    font-family: 'Bai Jamjuree', sans-serif;
  }
  .custom-input-bg{

    background-color: #17212f !important;
    color: #333333 !important;
  }


  /* table related css */

  .custom-th{

    background-color: aliceblue !important;
    color: black !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: center !important;
  }

  
  .custom-td{

    background-color: #1c3854 !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: center !important;
    font-size: 0.8rem !important;
  }


  

  /* action icons css */

  .view-icon{

    color: #6dff73 !important;
    cursor: pointer !important;
  }
  .edit-icon{

    color: #caf665 !important;
    cursor: pointer !important;
  }
  .delete-icon{

    color: #f97575 !important;
    cursor: pointer !important;
  }
  .setting-head{
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.9rem !important;
  }
  .sub-head-text{
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.8rem !important;
  }
  .sub-head-text-large{
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.9rem !important;
  }

  .table-th-custom-font{
    font-family: 'Roboto', sans-serif !important;
    background-color: #1c3854 !important;
    font-size: 0.8rem !important;
    border: groove !important;
    color: #caf665 !important;
  }

  .table-td-custom-font{
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.75rem !important;
    color: #ffffff !important;
  }
  .item-spec-head-custom-fonts{
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.8rem !important;
    color: #caf665 !important;
  }
  

  .item-spec-val-custom-font{
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.8rem !important;
    color: #ffffff !important;
  }