body {
    padding-top: 1px;
    padding-bottom: 20px;
    font-size:small;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    font-size: small;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*table {
    border-collapse: collapse;
    border-bottom: 1px solid #ddd;
}

thead {
    background-color: #333;
    color: #fff;
}

thead, tbody {
    display: block;
}*/

th, td {
  
    border: 1px solid #ddd;
   
    box-sizing: border-box;
}

.table-contener {
    height: 45em;
    overflow-y: scroll;
    overflow-x:hidden;
        
}

.example .small-table .tbody td {
    padding: 0.3rem;
    margin: 0.1rem;
    /*text-align: center;*/
}

.menutable {
    padding: 2px;
    margin: 1rem;
    text-align: right;
    border-bottom: solid;
    background-color: #2196F3;
    border-bottom-color: azure;
}

.nametable {
    padding: 2px;
    margin: 1rem;
    text-align: left;
    border-bottom: solid;
    border-bottom-color: azure;
    background-color: burlywood;
}

thead th h5 {
  
    color: whitesmoke;

    text-align:center;

}

thead th {

    text-align: center;
}
.table thead tr th {
    background: linear-gradient( gray,gray);
    color: whitesmoke;
    padding: 0px;
    padding-bottom: 0.3rem;
    padding-left: 1rem;
    font-size: .6875rem;
    font-weight: bold;
    text-transform: uppercase;
}

.table tr th input {
    border-radius: 0.2rem;
    padding: 0.5rem;
    padding-left: 0.5rem;
    height: 1.5rem;
    width: 100%;
    border: none;
    font-size: 1rem;
    font-weight: bold;
}

select3 {
    border-radius: 0.2rem;
    padding: 0.5rem;
    padding-left: 0.5rem;
    height: 2.5rem;
    width: 100%;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 0.2rem;
 
}



/*.example {
   margin: 0 auto;
    width: 95%;
 /*max-width: 1200px;*/
}*/

.content-preview {
   
    /*width: 95%;
    max-width: 1000px;
    height: 95%;
    max-height: 500px;*/
}


.container2 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
.container2 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
 }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.95em;
    width: 1em;
    background-color: lightgray;
    border:thin
}

/* On mouse-over, add a grey background color */
.container2 :hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
    background: linear-gradient(gray,black);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contaniermenu {
    padding: .625rem .625rem .625rem .625rem;
    position: relative;
    margin: 0 0 .625rem 0;
    background-color: #6bcae0;
    position: absolute;
    content: attr(data-text);
    text-transform: lowercase;
    left: 1.5rem;
    top: 11.875rem;
    color: gray;
    display: block;
    font-size: 1rem;
    line-height: 1rem;
    height: 1rem;

    text-align: right;
    white-space: nowrap;
    direction: ltr;
    width: 12.5rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}