@font-face {
            font-family: Avenir Book;
            src: url('Assets/Avenir.ttc');
        }
  
 .responsive-logo {
    max-height: 3.5vh;
    object-fit: contain;
}
   }
/* Ensure date/time look balanced */
#spnTime,
#spnTime1 {
    font-weight: bold;
}
   .modal-backdrop {
    z-index: auto;
}

        .FontForGrid {
            color: White;
           
            font-family: Avenir Book;
            height: 100%;
            width: 30%;
        }

        .gridview-body {
            text-align: center;          
           font-family: Arial, Helvetica, sans-serif;/*Avenir Book;*/
            
        }

        .gridview img {
            width: 1.5vw;
            height: 1.5vw;
            border-radius: 50%;
            margin-left: 2.5vw;
        }
     

 

        .padding10 {
            padding: 10px 0px;
        }

        body {
            overflow: hidden;
        }

            body::-webkit-scrollbar {
                width: 0 !important;
            }

        body {
            overflow: -moz-scrollbars-none;
        }

        body {
            -ms-overflow-style: none;
        }
 
        /*html, body, form {
    height: 100%;
    margin: 0;
}*/
/*.page-wrapper {
    height: 100%;
}*/

        /*new change start*/

        /*--end*/

        .logoimg {
           
            width: 10vw;
            height: 6vw;
           
            margin-bottom:23px;
        }


          /*new change ruby seba*/
              #ASPxGridView1 {
            font-family: Arial, Helvetica, sans-serif;
            border-collapse: collapse;
            width: 100%;
          border-radius:15px;

        }

            #ASPxGridView1 td, #ASPxGridView1 th {
                border: 1px solid #ddd;
                padding: 1.5px;
            }

            #ASPxGridView1 tr:nth-child(even) {
                background-color: #f2f2f2;
            }

            #ASPxGridView1 tr:hover {
                background-color: #ddd;
            }

          /*end*/
        

     marquee {
    height: 60vh;
}
  
   .mainhead
   {
       width:98%;
       height:5%
   }

  
    .imgbanner
    {
        width:100%;
    }

    /*new*/
    .alignmargtop
    {
        margin-top:16px;
    }
    .alignmargtop1
    {
        margin-top:16px;
         margin: auto;
    }
 
    .icon
    {
        font-size:28px;
    }
 
     #ptitle
     {
          font-size:30px;
          font-weight: bold;
          text-align: center;
     }

    .gridcurrenfontweight {
        font-size: 1.4vw;
    }
  .gridcurrenfontweighttitle {
        font-size: 1.6vw;
    }


     @media screen and (max-width:1000px) and (max-height:1800px){
         /*@media(max-height:1600px) {*/
              #ASPxGridView1 {
    height: 85vh;
}
  
     #ptitle
     {
          font-size:30px;
          font-weight: bold;
          text-align: center;
         
     }
      .alignmargtop1
    {
        /*left:50px;*/
          margin-top:18px;
    }

       .clsicontext {
                padding-left: 11px;
            }

    

         }
       
         
        @media screen and (min-height: 1201px)and (max-height:1500px) {

      

                         .alignmargtop
    {
        margin-top:10px;
    }
    .alignmargtop1
    {
        margin-top:10px;
         margin: auto;
    }
    
      
  
        }
@media (min-width: 1200px) {
    .griddiv {
        padding-left: 40px;
        padding-right: 40px;
    }
}

        @media(max-height: 998px) {
            .griddiv {
                padding-left: 15px;
                padding-right: 15px;
            }
        }

        @media(max-width:767px) {
   

            .clsicontext {
                padding-left: 11px;
            }

            
        }
.table{
    margin-bottom:-23px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
  
     padding: 1.5px  !important;
      border-collapse: collapse !important;
border: 1px solid #000!important; 

}
body {
    font-size: 1.42vw;
}
.grid-column-border  
 {
    border: 1px solid #fd0; /* dark border */
}
.grid-column-border   td,
.grid-column-border   th {
    border: 1px solid #000 !important;  /* dark black column borders */
}

.outer-frame {
    border: 2px solid #fd0;   /* OUTER BORDER COLOR */
    padding: 0;
  
}


/* Remove table outer border only */
.no-outer-border {
    border: none !important;
}

/* Keep inner cell borders */
.no-outer-border th,
.no-outer-border td {
    border: 1px solid #000 !important;
}

.no-outer-border {
    border-right:  3px solid #fd0 !important;
    border-top: 3px solid #fd0 !important;
    border-left:   3px solid #fd0 !important;
}

/* 4th column only */
/* 4th column: left border only, thicker */
.rate-table td:nth-child(4),
.rate-table th:nth-child(4) {
    border-left: 3px solid #fd0 !important;   /* thickness + color */
}
.gridview.grid-column-border td:nth-child(4) {
    border-left: 3px solid #fd0 !important;
}

.grid-outer {
    border: none !important;   /* remove existing outer border */
}

.grid-outer td,
.grid-outer th {
    border: 1px solid #000;    /* keep inner grid lines */
}
.grid-outer {
    border-right:  3px solid #fd0 !important;
    border-bottom: 3px solid #fd0 !important;
    border-left:   3px solid #fd0 !important;
}




/*@media screen and (min-width: 1080px) and (min-height: 1920px) {
 
    #ASPxGridView1 {
        height: 90vh;
    }
    html, body {
    height: 100%;
    margin: 0;
    background-color:forestgreen;
}
   
    .griddiv {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 1920px) and (min-height: 1080px) {
    #ASPxGridView1 {
        height: 79vh;
    }
    html, body {
    height: 100%;
    margin: 0;
    background-color:forestgreen;
}
      .gridcurrenfontweighttitle {
        font-size: 2vw;
    }
  
}


@media screen and (width: 2160px) and (height: 3840px) {
    #ASPxGridView1 {
        height: 90vh;
    }
    html, body {
    height: 100%;
    margin: 0;
    background-color:forestgreen;
}
      .gridcurrenfontweighttitle {
        font-size: 2vw;
    }
  
}

@media screen and (width: 3840px) and (height: 2160px) {
    #ASPxGridView1 {
        height: 79vh;
    }
        html, body {
    height: 100%;
    margin: 0;
    background-color:forestgreen;
}
         .responsive-grid {
        padding-left: 13px;
        padding-right: 13px;
    }
         
    .griddiv {
        padding-left: 17px;
        padding-right: 17px;
    }
}*/








/*@media screen and (width: 1080px) and (height: 1920px) {
    #ASPxGridView1 {
        height: 92vh;
    }

}

@media screen and (width: 2160px) and (height: 3840px) {
    #ASPxGridView1 {
        height: 90vh;
    }
    html, body {
    height: 100%;
    margin: 0;
}

}*/


html, body {
    height: 100%;
    margin: 0;
    
}
/* 1080 × 1920 (portrait) */

@media screen
  and (min-width: 1070px) and (max-width: 1090px)
  and (min-height: 1910px) and (max-height: 1930px) {

    #ASPxGridView1 { height: 90vh; }
    .griddiv { padding-left: 15px; padding-right: 15px; }
}

/* 1920 × 1080 (landscape) */
@media screen
  and (min-width: 1910px) and (max-width: 1930px)
  and (min-height: 1070px) and (max-height: 1090px) {
    #ASPxGridView1 { height: 79vh; }
    .gridcurrenfontweighttitle { font-size: 1.6vw; }
}

/* 2160 × 3840 (portrait 4K) */
@media screen
  and (min-width: 2150px) and (max-width: 2170px)
  and (min-height: 3830px) and (max-height: 3850px) {

    #ASPxGridView1 { height: 90vh; }
    .gridcurrenfontweighttitle { font-size: 1.6vw; }
}

/* 3840 × 2160 (landscape 4K) */
@media screen
  and (min-width: 3830px) and (max-width: 3850px)
  and (min-height: 2150px) and (max-height: 2170px) {
    #ASPxGridView1 { height: 79vh; }
    .responsive-grid { padding-left: 33px; padding-right: 23px; }
    .griddiv { padding-left: 40px; padding-right: 40px; }
}


/* 1080 × 1920 (portrait) */
/*@media screen and (width: 1080px) and (height: 1920px) {
    #ASPxGridView1 { height: 90vh; }
    .griddiv { padding-left: 15px; padding-right: 15px; }
}*/

/* 1920 × 1080 (landscape) */
/*@media screen and (width: 1920px) and (height: 1080px) {
    #ASPxGridView1 { height: 79vh; }
    .gridcurrenfontweighttitle { font-size: 2vw; }
}*/

/* 2160 × 3840 (portrait 4K) */
/*@media screen and (width: 2160px) and (height: 3840px) {
    #ASPxGridView1 { height: 90vh; }
    .gridcurrenfontweighttitle { font-size: 2vw; }
}*/

/* 3840 × 2160 (landscape 4K) */
/*@media screen and (width: 3840px) and (height: 2160px) {
    #ASPxGridView1 { height: 79vh; }
    .responsive-grid { padding-left: 13px; padding-right: 13px; }
    .griddiv { padding-left: 17px; padding-right: 17px; }
}*/