@charset "UTF-8";
/* CSS Document */

 html, body {
	  height: 100%;
     font-size: 14px;
	  /* The html and body elements cannot have any padding or margin. */
	}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}
/* Set the fixed height of the footer here */
#footer {
  }

/*
body {font-size: 16px; margin-top:8em;}

li {font-size: .8em;}
th p {font-size: .8em; margin-bottom: 0; font-weight: normal;}
p, td {font-size: .8em;}
H6 {font-size: 1em;}
H5 {font-size: 1.2em;}
H4 {font-size: 1.4em;}
H3 {font-size: 1.8em;}
H2 {font-size: 2.2em;}
H1 {font-size: 2.6em;} 


label {font-size: .8em; font-weight: normal;}
*/

/* Table elements */
thead {
    background-color: lightgrey;
}
tbody tr:nth-child(even) {
    background-color: #fff;
}
tbody tr:nth-child(odd) {
    background-color: #ffffe0;
}
tbody tr, th, td {
    vertical-align: middle;
}
.sort-button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
/* .sort-button i {
    font-size: 12px;
}*/
.table-custom-striped tbody tr:nth-of-type(odd) {
    background-color: white; /* White color */
}

.table-custom-striped tbody tr:nth-of-type(even) {
    background-color: #f8f9fa; /* Light gray color */
}
.table-responsive tbody td {
    color:rgba(86,86,86,1.00);
}

.drag-and-drop {
    border: 2px dashed #007bff;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    color: #007bff;
    margin-bottom: 20px;
}
.drag-and-drop.dragover {
    background-color: #e9ecef;
}