/* Responsive layout */
input[type=text], [type=password],select, textarea {width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;resize: vertical;}
label {padding: 12px 12px 12px 0;display: inline-block;}
input[type=submit],[type=reset] {background-color: blue;color: white;padding: 12px 20px;border: none;border-radius: 16px;cursor: pointer;
  float: right; margin:5px;
}

input[type=submit]:hover,[type=reset]:hover {
  background-color: #45a049;
}

.jumpPos
{
 padding-top: 120px; 
 margin-top: -120px;
}

.container {
  border-radius: 5px;
  /*background-color: #f2f2f2;*/
  padding: 0px;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;

}

.col-50 {
  float: left;
  width: 50%;
  margin-top: 6px;

}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;

  word-wrap: break-word;

  
}

.col-author {
  float: left;
  width: 25%;
  margin-top: 6px;

}

.row{
	border: 1px solid;
	padding: 12px;
	
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-50, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
 .jumpPos
{
 padding-top: 80px; 
 margin-top: -80px;
}
}

@media screen and (max-width: 600px) {
  .col-author {
    width: 100%;
    margin-top: 0;
	 height: 115px;
    overflow: hidden;
	border-bottom: 1px dashed;
  }
}

.col-desktop {
  width: 100%;
  display:inline;

}


@media screen and (max-width: 600px) {
  .col-desktop {
  width: 100%;
  display:none;
  
  }
  
  .w3-main
  {
	  margin-top:65px;
  }
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th, td {
  text-align: center;
  padding: 8px;
  border-collapse: collapse;
  
}

.rounded-table {
border-collapse: separate; /* Prevents borders from merging */
border-spacing: 0; /* Removes gaps between cells */
border: 0px solid ;
border-radius: 25px; /* Rounds the outer corners of the table */
}

.rounded-table th, .rounded-table td {
padding: 10px;
text-align: left;
border-collapse: separate; /* Prevents borders from merging */
border-spacing: 0; /* Removes gaps between cells */
border: 1px solid ;
border-radius: 25px; /* Rounds the outer corners of the table */
}

.rounded-div {
padding: 10px;
text-align: left;
border-collapse: separate; /* Prevents borders from merging */
border-spacing: 0; /* Removes gaps between cells */
border: 1px solid ;
border-radius: 25px; /* Rounds the outer corners of the table */
}


.RNDtable-container {
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-radius: 16px; /* Overall container radius */
    overflow: hidden; /* Ensure rounded corners look sharp */

}

.RNDtable-row {
    display: flex;
    flex-direction: row;
}

.RNDtable-cell {
    flex: 1;
    padding: 10px;
    text-align: center;
}

.RNDfirst-row .RNDtable-cell:first-child {
    border-top-left-radius: 8px; /* Rounded top-left corner */
}

.RNDfirst-row .RNDtable-cell:last-child {
    border-top-right-radius: 8px; /* Rounded top-right corner */
}

.RNDlast-row .RNDtable-cell:first-child {
    border-bottom-left-radius: 8px; /* Rounded bottom-left corner */
}

.RNDlast-row .RNDtable-cell:last-child {
    border-bottom-right-radius: 8px; /* Rounded bottom-right corner */
}


th {
  background-color:lightgray
}

/*tr:nth-child(even){background-color: #f2f2f2}*/