#myTable thead th {
        background-color: #285c4d;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        padding: 10px;
    }

    .snapshot  {
        background-color: #285c4d!important;
        /* background-color: #4F7E5A;  */
        color: #ffffff; 
        font-weight: bold; 
        border-top-left-radius: 10px!important;
        border-top-right-radius: 10px!important;
    }
    .snapshotbtn  {
        /* background-color: #285c4d!important; */
        background-color: #7fc39b; 
        color: #2b4732; 
        border: none; 
        padding: 0.5rem 1rem;
         border-radius: 6px;
    }

   
 
 
    #myTable thead th {
        border-bottom: 2px solid #dee2e6;
        font-size: 14px;
        letter-spacing: 0.5px;
    }
 
    #myTable thead th:hover {
        background-color: #285c4d;
    }

    .center-td,
    .center-td td,
    .center-td th{
        text-align: center!important;
        vertical-align: middle; 
        white-space: nowrap!important;
    }

    .right-td,
    .right-td td,
    .right-td th{
        text-align: right!important;
        vertical-align: middle; 
        white-space: nowrap!important;
    }

    .left-td,
    .left-td td,
    .left-td th{
        text-align: left!important;
        vertical-align: middle; 
        white-space: nowrap!important;
    }
    .leftNowrap-td,
    .leftNowrap-td td,
    .leftNowrap-td th{
        text-align: left!important;
        vertical-align: middle;  
    }



    .table-scroll {
        overflow-x: auto;
        width: 100%;
    }

    .f9af24 {
        background-color: #f9af24!important;
        outline: 1px solid #f9af24!important;
        margin-left: 5px!important;
    }
    
  
    .marginb3 {
        margin-bottom:-3px!important;
    }

    .margint10 {
        margin-top:10px!important;
    }