:root{
    --headHeight:60px;
}
input, button, select{
    font-family: 'Avenir Next Pro';
    padding:5px;
    border-radius:5px;
    border-width:1px;
    opacity:0.7;
    margin:5px;
}
input:hover, button:hover, select:hover {
    opacity: 1;
}
input,select{
    width:20vw;
}
.page{

}
.header {
    height: var(--headHeight);
    line-height: var(--headHeight);
}
.body {
    top: var(--headHeight);
}
td{
    height:40px;
}
td .radioActive{
    transform:scale(1.05);

}
.radioActive:hover{
    cursor:pointer;
}
input {
    height: 30px !important;
}
.index-table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}
@media(max-width:768px) {
    input, select {
        width: 80vw !important;
    }
    label{
        font-size:13pt;
    }
    body,table,div,input,select,button {
        font-size: 10pt;
    }
}