@CHARSET "UTF-8";




@media screen and (max-width: 1446px) {
	#main_period_box_general_characteristics .wave-period{    display: block; font-size: 9px; margin-top: -3px;}
	#main_period_box_general_characteristics{margin-top: 0px !important;}
}


@media screen and (max-width: 1400px) {
	.portlet {
		margin-bottom: 10px;
	}
	.portlet.light {
		padding: 5px 15px 15px;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 5px;
	    padding-left: 5px;
	}
	.page-content-wrapper .page-content {
		padding: 10px 0px 10px;
	}
	.page-content-inner{
		margin-right: 15px;
		margin-left: 15px;
	}
	.swiper-pagination-custom{
    bottom: 10px;
	}


}



@media screen and (min-width: 1024px) {

	.modal-lg {
    width: 1000px;
}

	.big-value-view, .big-value-view

.label {
		font-size: 24px;
	}
	.portlet

.light>.portlet-title>.caption>.caption-subject {
		font-size: 15px;
	}
	.portlet>.portlet-title>.caption>.caption-helper {
		font-size: 12px;
	}


	.container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}

	.big-value-view, .big-value-view .label {
		font-size: 24px;
	}
	.portlet .light>.portlet-title>.caption>.caption-subject {
		font-size: 15px;
	}
	.portlet>.portlet-title>.caption>.caption-helper {
		font-size: 12px;
	}


}
@media screen and (max-width: 991px) {

	#index-content{    margin-top: 27px !important;}

	#main-title-survey {
    	margin-top: 40px;
	}

	.form-actions{    margin-left: 15px !important;}

	.form-horizontal .control-label {
	    margin-bottom: 10px;
	}
	.form-horizontal .form-group{
		margin-left:0px;
	}

	#menu-button{display:block;}
	.page-sidebar{
		    margin: 0px !important;
		    background-color: #D4F2FF;
	}

	.page-sidebar .page-sidebar-menu>li>a {
    	border-top: 1px solid #A7D8EF;
    	color: #2870A6;
	}
	.page-sidebar .page-sidebar-menu>li>a>i{color: #2870A6;}

	.page-header {
		background: url(../img/background-full.jpg) 0px 400px !important;
    }

    .translate{
        text-align: left;
    }

    div.radio-list .translate{
        margin-left: 3px;
    }

    .question-text{
        display: block;
    }

}
@media screen and (max-width: 880px) {
	.container-fluid {padding:0px; margin:0px;}
	.page-content-wrapper .page-content { padding: 10px 0px!important;}
	.page-content-inner { margin-right: 10px; margin-left: 10px;}
}

@media screen and (max-width: 843px) {

	#main_period_box_general_characteristics {
    display: block;
    float: none;
    width: 100%;
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 8px;
    margin-right: 0px !important;
}
}


@media screen and (max-width: 770px) {

	.navbar-header.navbar-text-info{float: left; }

	#total_patients_indicator, #next_delivery_indicator{display:none;}
	#main_period_box_general_characteristics{
		margin-top: 13px !important;
	}

	.page-header .page-header-top .page-logo .logo-default {
    	margin: 12px 0 0;
    	width: 130px;
	}


}




@media screen and (max-width: 690px) {
	.page-header-top {
		background-image: none;
	}


@media screen and (max-width: 590px) {
	#titolo-header {
    	    margin-top: 16px;
    		margin-left: 20px;
    		font-size: 17px;
	}
	#titolo-header span{
		font-size: 14px;
	}

}


@media screen and (max-width: 500px) {



	#titolo-header span {
    	font-size: 10px;
	}

	#open-brand-selector img {
		display:block;
		margin: 0 auto;
		padding-bottom: 3px;
	}

	.mktsel {
	    text-align: center;
	    display: block;
	    float: none;
	    margin: 0px;
	}



	.page-head .page-title {
    	min-height: 43px;
	}
	#navbar-head{
		padding: 4px 0px;
	}

	.brnsel {
    padding: 0px;
    display: block;
    float: none;
    margin-left: 0px;
    text-align: center;
}
}


@media screen and (max-width: 470px) {
	.page-header .page-header-top .page-logo .logo-default {
	    margin: 14px 0 0;
    	width: 110px;
	}
}


@media screen and (max-width: 412px) {
	#pieswitchnaive{display:none;}

	#titolo-header {
    margin-top: 18px;
    margin-left: 8px;
    font-size: 12px;
}

.form-wizard .steps>li>a.step>.desc, .form-wizard .steps>li>a.step>.number{max-width: 150px;}


}