.fit-content-textbox {
    width: auto; /* or a specific percentage like 100% */
    /* Add other styles for sizing, e.g., min-width, max-width, overflow */
}
.setdatacolumnmaxwidth {
    max-width: 250px;
    overflow: hidden; /* Optional: hides content exceeding max-width */
}
.gridview-text-old
{
     
    padding-bottom: 1px;
    color:  black;
    padding-top: 1px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: white;
}
.spacer-css {
    background-color:   #fffbeb;
    color: #0365A1;
    border: none
}
 
/* this for the line numbers of the grid*/
  .numbutton-old
{
    color: rgba(0,0,255,1);
    background-color: rgba(0,0,255,0.05);
    text-align: center;
    font-size: 12px;
    padding: 2px;
    font-weight: bolder;
}
.numbutton {
    color: #0365A1;
    background-color: whitesmoke;
    border: none;
    border-radius: 10px;
    padding: 1px;
}
   .numbutton1
           {
     color: rgba(255,255,255,1);
            background-color: rgba(0,0,255,0.5);
            text-align: center;
            font-size:12px; 
           padding: 2px; 
             font-weight:bolder
}
   .numbutton2
           {
     color: rgba(0,0,255,1);
            background-color: rgba(255,255,255,1);
            text-align: center;
            font-size:12px; 
           padding: 2px; 
             font-weight:bolder
}
  .palette-color1 {
    color: #4764b6;
    
}
.palette-color2 {
    color: #95b5ff;
}
.palette-color3 {
    color: #7ca1ff;
}
.palette-color4 {
    color: #b88c26;
}
.palette-color5 {
    color: #ffd975;
}
.gridlinebutton:hover {
    text-decoration: none;
}
.gridlinebutton {
    background-color: #0365A1;
    color: white;
    padding: 2px 8px 2px 8px;
    border: 1px solid;
    border-radius: 12px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    
}
.gridparmbutton:hover {
    text-decoration: none;
}
.gridparmbutton {
    background-color: whitesmoke;
    color: #0365A1;
    padding: 6px 8px 6px 8px;
    border: 2px solid;
    border-radius: 12px;
    border-color: gray;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    max-width: 300px;
    word-break: normal;
    white-space: normal;
}
.assignparmbutton:hover {
    text-decoration: none;
}
.assignparmbutton {
    background-color: #03A18F;
    color: white;
    
    border-left: 4px solid;
    border-top: 4px solid;
    border-bottom: 4px solid;
    border-color: #0365A1;
    text-align: left;
    text-decoration: none;
    
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    max-width: 300px;
    word-break: normal;
    white-space: normal;
}

.gridcolumn1 {
    color: #0365A1;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding: 4px 1px 4px 1px;
     
}
.gridcolumnnbsp1 {
    color: #0365A1;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding-left: 15px;
    text-decoration: none;
}
.gridcolumnnbsp2 {
    color: #0365A1;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding-left: 30px;
    text-decoration: none;
}
.gridcolumnnbsp3 {
    color: #0365A1;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding-left: 45px;
    text-decoration: none;
}
.gridcolumnnbsp4 {
    color: #0365A1;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding-left: 60px;
    text-decoration: none;
}
.gridcolumnnbsp5 {
    color: #0365A1;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding-left: 75px;
    text-decoration: none;
}


.gridcolumn {
    padding: 1px 3px 1px 3px;
    border-style: none;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.gridcolumnP20 {
    border-style: none;
    padding-left: 40px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.roundedbutton1 {
  background-color: #4764b6; /* COlor1 */
  border: none;
  color: white;   
  padding: 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-weight:bolder;
  border-radius: 12px;
}
 .roundedbutton2 {
  background-color: #4764b6; /* COlor2 */
  border: none;
  color: #ffd975;   
  padding: 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bolder;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 12px;
}
 .roundedbutton3 {
  background-color: #ffd975;  
  border: none;
  color: #4764b6;   
  padding: 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bolder;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 12px;
}
 .roundedbutton4 {
  background-color: #000000;  
  border: none;
  color: #ffffff;   
  padding: 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bolder;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 12px;
}
.toproundedbutton {
  background-color: #4764b6; /* COlor1 */
  font-family:'Arial Rounded MT';
  border: none;
  color: white;   
  padding: 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-top-left-radius:12px;
  border-top-right-radius:12px;

}
.set3 {
    background-color: #fffbeb;
}

.btn21 {
    background: #020617;
    color: #ffffff;
    border-color: #fde047;
}

.btn22 {
    background: #1e3a8a;
    color: #ffffff;
    border-color: #9ca3af;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}

.btn23 {
    background: #2563eb;
    color: #ffffff;
    border-color: #facc15;
}

.btn24 {
    background: #93c5fd;
    color: #111827;
    border-color: #000000;
    border-style: solid;
    border-width: 2px;
    border-right: none;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}

.btn25 {
    background: #fde047;
    color: #111827;
    border-color: #1e40af;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}

.btn26 {
    background-color: #fffbeb;
    color: #111827;
    border-color: #2563eb;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}

.btn27 {
    background: #9ca3af;
    color: #111827;
    border-color: #1d4ed8;
    border-width: 2px;
    border-style: solid;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}

.btn28 {
    background: #6b7280;
    color: #ffffff;
    border-color: #fde047;
    border-width: 2px;
    border-style: solid;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}

.column_comment {
    background: #e5e7eb;
    color: #111827;
    border: none;
    font-size: 12px;
    cursor: pointer;
    font-weight: 300;
    text-decoration: none;
    border-radius: 3px;
    padding: 4px 2px 4px 2px;
    font-family: Arial, sans-serif;
}
.btn29 {
    background: #e5e7eb;
    color: #111827;
    border-color: #000000;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}

.btn30 {
    background: #1d4ed8;
    color: #ffffff;
    border-color: #facc15;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}
.btnpython {
    background: #4381B3;
    color: #FFE873;
    text-align:left;
    border-color: #facc15;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}
.rowclass {
    padding: 6px 8px 6px 8px;
    font-family: Arial, sans-serif;
}