.content_table{overflow-x:auto;}
.div_table{border-collapse:collapse;margin:1rem auto;}
.div_header .div_cell{text-transform:uppercase;font-size:0.875rem;font-weight:400;background:#f5f5f5;padding:0.375rem 0.625rem;}
.div_cell{border:1px solid #ddd;padding:0.5rem 0.625rem;text-align:center;vertical-align:middle;}   
.training_types .div_cell{width:23%;}    
.training_types .div_cell.cell_label{width:31%;}
.div_cell.cell_label{text-align:left;background:#f5f5f5;}
.div_cell:not(.cell_label) .input{text-align:center;}

.box_info{border:1px solid #ddd;font-size:0.875rem;line-height:1.5;}
.box_info_label{padding:0.5rem 1rem;background:#f1f1f1;text-transform:uppercase;}
.box_info_content{padding:1rem;}

.field_message{float:left;padding:0.25em 0 0 0.3125em;}

@media screen and (max-width: 900px) {
.label{width:35%;}
.data{width:65%;}
}

@media screen and (max-width: 768px) {
.box_info_content{max-height:135px;overflow-y:auto;}
.div_cell{font-size:0.875rem;}
}

@media screen and (max-width: 480px) {
.label{float:none;width:auto;}
.label_content{text-align:left;}
.data{float:none;width:auto;}
.data .medium{width:100%;}

.div_header .div_cell{font-size:0.625rem;}
.div_cell{font-size:0.75rem;}
}