@charset "utf-8";
/* CSS Document */


.control_pm
{
    display: table;
    width:100%;
	font-family: 'Roboto', sans-serif;
    /*font-family: "Times New Roman", Georgia, Serif;*/
	font-size:0.8em;

}
.control_pv
{
	font-size:0.8em;
	font-family: 'Roboto', sans-serif;
	line-height:2.5em;
    padding: 5px;
/*
    display: table-cell;
    width:25%;
*/
}
.control_fv
{
	font-size:0.8em;
	font-family: 'Roboto', sans-serif;
	line-height:2.5em;
    padding: 5px;
}

.control_r
{
	font-family: 'Roboto', sans-serif;
	line-height:2.5em;
    display: table-cell;
    width:50%;
    padding: 5px;
}
.control_t
{
	font-family: 'Roboto', sans-serif;
	line-height:2.5em;
    display: table-cell;
    width:50%;
    padding: 5px;
}


.control_hd
{
	padding-top: 6px;
	padding-bottom: 4px;
	font-weight:bold;
	font-size:0.84em;
    border-bottom: 1px solid #000;
    /*border-right: 1px solid #000;*/

}

.n1
{
    display: table-cell;
    width:11.5%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px;
}
.n2
{
    display: table-cell;
    width:16.5%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px;
}
.n3
{
    display: table-cell;
    width:12.50%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px;
    
}
.n4
{
    display: table-cell;
    width:13.5%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px;
    
}
.n5
{
    display: table-cell;
    width:11.5%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px;
}
.n6
{
    display: table-cell;
    width:11.00%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px;
}
.n7
{
    display: table-cell;
    width:9.0%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    padding: 4px;
}
.n8
{
    display: table-cell;
    width:14.5%;
    border-top: 1px solid #000;
    padding: 4px;
}


    
.control_pm1{
	text-align:center;
	display:table;
	font-family: 'Roboto', sans-serif;
    width: 100%;
	font-size:0.8em;
}



.lines_field{
	border-radius: 3px;
	border: 1px solid #b0b0af;
	color: #f00;
	text-align: center;
	/* width: 80px; */
	min-width: 20px;
	width:34px;
	background: #fff;
	padding: 3px;
	font-style: italic;
	/* float: left; */
}

#preval_slider {
	background: #888;
	display: block;
	height: 5px !important;
	width: 100%;
}






/* added changes */

input[type='radio']
{
       cursor: pointer;
       vertical-align: baseline;

}

.areaactivity .graph {
	border-radius:25px;
}

.rangeslider {
	background: #888;
	display: block;
	height: 5px !important;
	width: 100%;
}

.rangeslider__handle,.ui-slider-handle {
	width: 14px;
	height: 14px;
	top: -5px !important;
}
.rangeslider__handle:after {
	width: 14px;
	height: 14px;
}
.areaaccordion .cont {
	height: 427px;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}
.questions {
	min-height: 350px;
}
.questionParent{
	/*min-height:200px;*/
	height: 360px;
}
	
.navigation{
	width:200px;
}

.areaactivity .controls {
	margin-top: 5px;
	height: 185px;
	background: #f0f0f0;
	padding: 10px
}
.controls h4, .controls h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal
}
.graph{
	width:560px !important;
	height:330px !important;
	}
	
.content {
	margin-top: 5px;
	background: #f0f0f0;
	padding: 5px;
	height: 90px;
	overflow: auto;
	line-height: 16px;
	font-size: 13px
}

.controls h4 {
	margin: 0 0 0 0;
}

@media only screen and  (max-width:1000px)
{
        #mainContainer { display:none; }
       #warning-message { display:block; }
}