@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali&display=swap');

@media (max-width: 600px) {
  .description-width {
  min-width:80vw!important;
  }
}

.checkboxColumn {
    width: 20px; /* Adjust this based on the actual width of your checkbox */
}

.column-serial{
width:20px;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableCell {
padding:0px!important;
}

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableSelectedRowCell {
    border: 1px solid #6d86cf!important;
}
.com-google-gwt-user-cellview-client-CellTable-Style-cellTableCell {
    overflow: hidden;
}
.card-container {
    background-color: white;
    border: 1px solid silver;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    width: 100%;
    max-width: 900px;
}
.thread-card-container {
 background-color: #e9e9e9;
     border-radius: 10px;
     padding: 10px;
     margin-bottom: 5px;
     width: 100%;
     max-width: 800px;
}
.post-table {
    background: white !important;
}
.post-table tr {
    background: white;
}

.post-table td {
    border: 0px !important;
    padding: 10px !important;
}

.thread-table {
     background: white !important;
}

.thread-table tr {
    background: #003126;
}

.thread-table td {
    border: 0px !important;
}

.count-down{
text-align:center!important;
}
.cellTableSelectedRow {
    color: black!important;
}

.focusTime, td.focusTime {
 background-color : #00CAF5;
 font-color:black!important;

}
.row-max-width{
width:100px;
}

.min-width{
min-width:80px!important;
}

.msg-table-width{
width:500px;
}

@media (max-width: 600px) and (max-height: 1200px) {
  .msg-table-width {
    /* Adjust the size and styles to fit the mobile screen */
  width:100vw!important;
    /* Add your specific styles for mobile devices here */
  }
}


.table-width{
width:100vw!important;
}

@media (max-width: 600px) and (max-height: 1200px) {
 .focusTeam, td.focusTeam{
font-size:10px;
    }
   }
@media (max-width: 1200px) and (max-height: 600px) {
.focusTeam, td.focusTeam{
 font-size:10px;
    }
   }
   dy, table td, select, button {
     font-family: Noto Sans Bengali, Arial Unicode MS, Arial, sans-serif;
     font-size: 11px!important;
   }

.com-google-gwt-user-cellview-client-CellTable-Style-cellTableHeader {
    border-bottom:none!important;
    padding:0px!important;
    text-align: center!important;
    color: #4b4a4a;
    text-shadow: #ddf 1px 1px 0;
    overflow: hidden;
}

.cellTableHeader th{
  position: sticky; /* Make the header row sticky */
  top: 0; /* Set the top offset of the header row to 0 */
  z-index: 1; /* Set the z-index of the header row to 1 to make sure it's always on top */
}

          th {
             background-image: url("template-01.png");
            font-family:OCR A Extended;
            font-size:18px;
            color: silver!important;
            text-shadow:none!important;
          }
@media (max-width: 1200px) and (max-height: 600px) {
th{
font-size:12px;
 }
  }
@media (max-width: 600px) and (max-height: 1200px) {
th{
font-size:12px;
}
}

.left-align th{
    text-align: left!important;
}
.center-align th{
    text-align: center!important;
}
.first-row {
    background-color: #fff;
}

.second-row {
    background-color: #f3f7fb;
}

.highlighted-row {
    background-color: #F0E68C!important;
     border: none!important;
}
.highlighted-row .com-google-gwt-user-cellview-client-CellTable-Style-cellTableCell {
    border: none !important;
}
.active-cell {
    background-color: green;
}
.active-text {
    color: white;
}
.upcoming-cell {
    background-color: orange;
}
.completed-cell {
    background-color: silver;
}
.pending-credit-cell{
    background-color: #FF00FF;
}
.contest-time-col{
min-width:176px!important;
max-width:180px!important;
}
.GBG2FFLDFD {
    text-align: left;
    text-shadow: #ddf 1px 1px 0;
    overflow: hidden;
}
.GBG2FFLDOC {
    padding: 0px!important;
    overflow: hidden;
}

.bracket {
    max-width: 100%; /* Prevent too wide popups */
    min-width:300px;
    max-height: 80vh; /* Prevent too tall popups */
    overflow-y: auto; /* Enable scrolling if content is too long */
    background: #003126;
    color:white;
}
.flex-table .gwt-FlexTable {
    width: 100%;
    table-layout: fixed; /* Ensures proper width control */
}