h3,h4{
    margin: 5px 0;
}
p{
    display: inline-block;
    margin: 0;
    padding: 5px;
    border-radius: 5px;
    background-color: #eee; 
}
table {      
    border-collapse: collapse;      
    width: 100%; 
    text-align: center;     
}  
th, td {      
    border: 1px solid black;      
    text-align: left;      
    padding: 8px;   
    text-align: center;   
}  
th {      
    background-color: #f2f2f2;      
    color: #333;      
}  
td {      
    background-color: #f2f2f2;      
    color: #333; 
    padding: 0; 
    height: 40px;    
}  
th.active, td.active {      
    background-color: #ededed;      
}  
caption {      
    font-size: 18px;      
    font-weight: bold;      
    margin-top: 10px;      
}  
thead {      
    background-color: #f2f2f2;      
    border-bottom: 1px solid black;      
}  

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

tr:hover {      
    background-color: #e2e2e2;      
}  

.table-hoverable tbody {      
    overflow: hidden;      
}  

.table-hoverable tbody tr:hover {      
    background-color: #f2f2f2;      
}  

.table-hoverable tbody tr.active {      
    background-color: #ededed;      
}  

.table-hoverable tbody td, .table-hoverable tbody th {      
    cursor: pointer;      
}  

.table-hoverable tbody td:hover, .table-hoverable tbody th:hover {      
    background-color: #f5f5f5;      
}  
input{
    border: 0;  
    padding: 0;  
    margin: 0;  
    width: 100%; 
    height: 40px; 
    color: #333;
    text-align: center;
    outline: none;
    font-size: 18px; 
}
.mySelect{
    position: relative;
    right: -100px;
}