.col-DG-left {
	padding-right: 10px;
	width: 50%;
}

.col-DG-right {
	padding-left: 10px;
	width: 50%;
}

.button-diagram {
	margin: 2px 10px;
	border-radius: 2px;
}

.table-diagram td {
	/*border: 1px solid #fff;*/
	/*padding: 2px 5px; */
	height: 16px;
}

.col-diagram {
	/*width: 70%; ev. for big screen 191221*/
	width: 100%;
}

#DG_hum_ext_label {
	margin: 0px;
	/*padding: 0;*/
}

#DG_hum_ext {
	margin-left: 20px;
	padding: 0;
}

#nav3 {

    padding: 30px 20px 30px 20px;
}


/*#canvas {
    padding: 30px 0;
}*/

#button_chng_input,
#button_chng_logtype {
    margin-right: 10px;
}

#button_chng_input,
#button_chng_logtype,
#button_chng_legend {
    padding: 6px, 6px;
}


.buttonDiagInput {
    width: 310px;
	
}

.buttonDiagLogType {
    width: 310px;	
}


.buttonDiagInput, .buttonDiagLogType {
    padding: 20px 25px;
    border-radius: 5px;
    background: linear-gradient(to bottom, #005784 0%,#009de0 100%);	
}

.value-diag-input {
    margin: 0 5px 0 0;
    padding: 0;
    font-size: 10px;
    /*line-height: 15px; */
    /*vertical-align: bottom; */
    font-weight: normal; 	
}



/*.buttonDiagLogType {
    margin: 100px auto 0;
}*/

.btn-primary {
    margin-bottom: 10px;
}

#D_mve_val + label:after,
#D_mve_val + label:before,
#D_hrr_val + label:after,
#D_hrr_val + label:before,
#D_hra_val + label:after,
#D_hra_val + label:before,
#D_col_val + label:after,
#D_col_val + label:before,
#D_co2_val + label:after,
#D_co2_val + label:before,
#D_dfr_val + label:after,
#D_dfr_val + label:before,
#D_hin_val + label:after,
#D_hin_val + label:before,
#D_otb_val + label:after,
#D_otb_val + label:before,
#D_win_val + label:after,
#D_win_val + label:before,
/*#DG_month_val + label:after,
#DG_month_val + label:before,
#DG_day_val + label:after,
#DG_day_val + label:before*/
{
    margin-top: 12px;
}


#DG_day_values,
#DG_day_values_100,
#DG_month_values
{
    margin-bottom: 0;
    min-height: 20px;
    font-size: 10px;
    margin-top: 4px;
    /*margin-left: 15px;*/
}