.to-do-btn
{
    height: 30px;
    width: 60px;
    font-weight:300;
    background:#a5341a;
    color:White;
    border-radius: 5px;
    border: 1px solid #a5341a;
    transition: 0.3s ease-in-out; 
}
.to-do-btn:hover
{
    background:white;
    color:#a5341a;
    cursor:pointer;
}
.doing-btn
{
  height: 30px;
  width: 60px;
  font-weight:300;
  background:yellow;
  color:black;
  border: none;
  border-radius: 5px;
  border:1px solid yellow;
  transition: 0.3s ease-in-out;   
}
.doing-btn:hover
{
    background:white;
    color:yellow;
    cursor:pointer;
}
.done-btn
{
   height: 30px;
   width: 72px;
   font-weight:300;
   background-color:#50ab20;
   border: none;
   color:White;
   border-radius: 5px;
   border:1px solid #50ab20;
   transition:0.3s ease-in-out; 
}
.done-btn:hover
{
    background:white;
    color:#50ab20;
    cursor:pointer;
}

.drop-btn
{
   height: 30px;
   width:100px;
   font-weight:300;
   background-color:#08158b;
   border: none;
   color:White;
   border-radius: 5px;
   border:1px solid #08158b;
   transition:0.3s ease-in-out;
}

.drop-btn:hover
{
    background:white;
    color:#08158b;
    cursor:pointer;
    }
.all-btn
{
   height: 30px;
   width: 60px;
   font-weight:300;
   background-color:#ffc751;
   border: none;
   color:White;
   border-radius: 5px;
   border:1px solid #ffc751;
 transition: 0.3s ease-in-out;  
}
.all-btn:hover
{
    background:white;
    color:#ffc751;
    cursor:pointer;
    }



.btn-group {
    margin-bottom: 15px;
    margin-top:2.4rem;
    width:100%;
}
.wrap-content {
      display:block;
      text-overflow:ellipsis;
      width: 80ch;
      overflow: hidden;
      white-space: nowrap;
      text-align:center;
    }
    .single-line {
        white-space: nowrap;
    }
    td a
    { 
        white-space: nowrap;
        
        }
    
   ::-webkit-scrollbar{
        height: 6px;
        width: 6px;
    }

   

    ::-webkit-scrollbar-thumb{
        background-color: #00A65A;
        border-radius: 2px;
    }

  .sticky-top
  {
      position:fixed;
       left:0; 
       right:0; 
       top:0;
   }
.sticky-sidebar
 {
position:fixed;
height:100%;
overflow:auto;
left:0; 
right:0; 
top:0;
}
.content-wrapper
{
    min-height:100% !important;
    }
    
   
   .gridview {
        text-align: center !important;
        display: block;
        min-height: 0vh;
        max-height: 69vh; 
        overflow-x: scroll;
        overflow-y: scroll;
        width: 100% !important; /* Ensure gridview takes full width */
    }

    .gridview th, .gridview td {
        text-align: center !important;
        width: auto; /* Allow columns to take their natural width */
    }

    .gridview-header {
        position: sticky;
        top: 0;
        background-color: #555555;
        color: white;
        font-weight: bold;
        z-index: 10; /* Ensures the header stays on top */
      
        
    }

    .gridview tbody {
        display: table; /* Ensure tbody takes full width */
        width: 100%;
    }

        .autocomplete
        {
            font-size: 12px !important;
            padding: 2px 0px 2px 0px;
            list-style-type: none;
            margin-top: 0px !important;
            background-color: #fff;
        }
        .listItem
        {
            color: #1C1C1C;
            background-color: #F2F2F2;
            padding: 5px 5px 5px 5px;
            margin: 2px 5px 2px 5px;
        }
        .itemHighlighted
        {
            background-color: #F9F9F9;
            padding: 5px 5px 5px 5px;
            margin: 2px 5px 2px 5px;
        }

.search-pagination .pagination a {
    margin: 0px auto;
    padding: 2px 12px;
    border: 1px solid #00A65A; /* Changed border color */
    color: #00A65A; /* Changed text color */
}

.pagination {
    float: right;
        margin: 0px;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

/* Optional: You might want to change the color of the .page-link as well */
.page-link {
    color: #00A65A; /* Changed text color */
    border: 1px solid #00A65A; /* Changed border color */
}

.page-link:hover {
    background-color: #D2D6DE;
    color: white;
    border-color: #D2D6DE;
}
.pagination .aspNetDisabled
{
    background-color: #D2D6DE;
    color: white;
    border-color: #D2D6DE;
    }