*{
	margin: 0px;
	padding: 0px;
	font-family: 'Century Gothic', sans-serif;
	outline: none;
}
.row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.body_login {
    background-image: url('../img/ecg_bg_content.png');
    background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}

.body_survey {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}

.myContainer {
	padding: 0px;
	margin: 0px;
	/* overflow: hidden; */
	width: 100%;
}

hr {
	margin: 0.3rem 0 !important;
}
/*--- login ---*/

#text h4 {
	font-size: 31px; 
	font-weight: bold;
}

.text_red {	
	color: #bd0a1d; 	
}

.text_blue {	
	color: #012e57; 	
}

.text_grey {	
	color: #a29d9d; 	
}

.text_black {
	color: #000; 
	padding-top: 20px;
}
.text_white {
	color: #fff; 
	padding-top: 20px;
}

.text_info {
	text-align: center; 
	color: #a29d9d; 
	font-weight: bold; 
	font-size: 27px; 
	padding-top: 0px;
}

.text_info_bottom {
	text-align: center; 
	color: #000; 
	font-weight: bold; 
	font-size: 20px; 
	padding-top: 0px;
}

.form-group{
	text-align: center;	
}

#inputEmail3 {
	float: inherit; 
	width: 490px; 
	border: 1px solid black;
}


/*----intro-----*/

#box_welcome {
	width: 630px; 
	height: 72px; 
	background: white; 
	margin: 50px auto; 
	text-align: center; 
	line-height: 72px; 
	font-size: 20px; 
	color: #46697c;
	font-weight: bold;
}

.text_intro {
	background: url('/img/box_intro.png'); 
	width: 100%; 
	min-height: 600px; 
	margin: 10px auto 0px; 
	padding: 30px;
}

.text_intro h3 {
	text-align: center;
	padding-bottom: 30px;
}
.link {
	cursor: pointer;
}

.link_esc {
	display: block;  
	width: 74px; 
	height: 74px; 
	margin: 65px auto 0px; 
	margin-top: 70px;
	margin-right: 21px; 
	border: none;
	cursor: pointer;
}

.hidden_esc {
	display: block;  
	width: 100px; 
	height: 100px; 
	margin: 0px auto 0px; 
	margin-right: 21px; 
	border: none;
	cursor: pointer;
	position: relative;
	top: -141px;
}
.hidden_intro_esc {
	display: block;  
	width: 100px; 
	height: 100px; 
	border: none;
	cursor: pointer;
	position: relative;
	top: 20px;
	left: 960px;
}

.avanti{
	background: url('img/btn_avanti.png');
}

.fine {
	background: url('img/btn_fine.png');
}

.esc {
	background: url('img/esc.png') no-repeat;
}

/*--- survey ---*/

#number {
	padding: 15px 0px;
	font-size: 25px;
	font-weight: bold;
}

.panel {
	width: 200px;
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 30px;
}
.lead {
	text-align: center;
}

.panel-body {
	margin: 0px auto;
	padding-top: 38px;
}

#header {
	 background: url("../img/bg_header.png"); 
	 width: 1900px;
	 height: 160px;
}

.singolo {
	left: 22px;
}

.doppio {
	left: 20px;
}

#clock {
	color:#012e57;
 	font-weight: bold;
	font-size: 40px;
	padding-top: 20px;
}

.checkClick {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	position: relative;
  	top: -6px;
}

.ecg {
	margin-top: 30px;
}

.ecg_oriz {
	/* width: 875px !important; */
	width: 100% !important;
}

.title_intro {
	font-weight: bold;
	color: #c02f33;
	font-size: 25px;
	padding-top: 10px;
}

.model-content {
	position: absolute;
	top: 0px;
}

.bg_intro {
	background: url('img/ecg_bg.png');
	background-repeat: no-repeat;
	padding: 0px 30px;
}

.my_result {
	color: #bd0a1d;
	font-weight: bold;
}

#riepilogo {
	background: url('img/questions_timer.png') no-repeat; 
}

#clockdefault {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: yellow;
}

.p_intro {
	line-height: 25px;
	font-size: 20px;
}

.p_error {
	line-height: 22px;
	font-size: 17px;
}

.header_img {
	background: url('img/ecg_bg_header.png');
	background-repeat: no-repeat;
	height: 151px;
}

.myBtn_intro {
	background-color: #bd1719;
	border-color: #bd1719;
	color: #fff;
	padding: 10px 40px;
}

.myBtn_intro:hover {
	background-color: #012e57;
	border-color: #012e57;
	color: #fff;
}
.myBtn_avanti {
	background-color: #bd1719;
	border-color: #bd1719;
	color: #fff;
	margin: 30px 0px 30px 0px;
}
.myBtn_avanti:hover {
	background-color: #012e57;
	border-color: #012e57;
	color: #fff;
}
.msg_sly {
	padding-top: 180px;
}

.text_timer {
 color: #000;
}

.only_mobile {
	background-color: #012e57;
	padding: 5px 0px;
}
.text_timer {
	color: #fff;
}

/* 1920x1080 */
.div_intro {
	margin: 0% 20%;
}

.p_intro {
	font-size: 20px;
}

.sly {
	height: 670px;
}

.text_intro {
	background-color: #ededed; 
	width: 100%; 
	min-height: 710px; 
	margin: 10px auto 0px; 
	padding: 30px;
}

li {
	list-style-type: none;
	font-size: 20px;
	line-height: 25px;
	position: relative;
  	  top: -36px;
  	  left: 60px;
  	  width: 96%;
}
.checkClick {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	position: relative;
  	top: -6px;
}

ul {
	list-style-position: outside;
	margin: 30px 15px;
	padding-left: 1rem !important;
}

.ecg_oriz_img {
	border: 1px solid black;
	padding: 37px;
}

@media (min-width: 1024px) and (max-width: 1439px) {
	.div_intro {
		margin: 0% 5%;
	}
	.title_intro {
		font-size: 18px;
	}
	.p_intro {
		font-size: 15px;
	}
	.sly {
		height: 670px;
	}
	li {
		list-style-type: none;
		font-size: 16px;
		line-height: 21px;
		position: relative;
			top: -36px;
			left: 45px;
			width: 96%;
	}
	.checkClick {
		width: 20px;
		height: 20px;
		margin-right: 10px;
		position: relative;
		  top: -6px;
	}
	ul {
		list-style-position: outside;
		margin: 30px 15px;
		padding-left: 0rem !important;
	}
	.text_intro {
		background-color: #ededed; 
		width: 100%; 
		min-height: 595px; 
		margin: 10px auto 0px; 
		padding: 30px;
	}
}

@media (min-width: 1440px) and (max-width: 1919px) {
	.div_intro {
		margin: 0% 10%;
	}
	.title_intro {
		font-size: 20px;
	}
	.p_intro {
		font-size: 17px;
	}
	.sly {
		height: 670px;
	}
	li {
		list-style-type: none;
		font-size: 16px;
		line-height: 21px;
		position: relative;
			top: -36px;
			left: 45px;
			width: 96%;
	}
	.checkClick {
		width: 20px;
		height: 20px;
		margin-right: 10px;
		position: relative;
		  top: -6px;
	}
	ul {
		list-style-position: outside;
		margin: 30px 15px;
		padding-left: 0rem !important;
	}
	.text_intro {
		background-color: #ededed; 
		width: 100%; 
		min-height: 595px; 
		margin: 10px auto 0px; 
		padding: 30px;
	}
}

@media (min-width: 2560px) and (max-width: 3840px) {
	.body_login {
		background-image: url('img/ecg_bg_content.png');
		background-repeat: no-repeat;
		background-size: unset;
		background-position: unset;
		height: 1080px !important;
		width: 1920px !important;
	}
	.body_survey {
		background-repeat: no-repeat;
		background-size: unset;
		background-position: unset;
		height: 1080px !important;
		width: 1920px !important;
	}
	.div_intro {
		margin: 0% 20%;
	}
	.titolo_intro {
		font-size: 30px;
	}
	.p_intro {
		font-size: 20px;
	}
	.text_intro {
		background-color: #ededed;
		width: 100%; 
		min-height: 710px; 
		margin: 10px auto 0px; 
		padding: 30px;
	}
	li {
		list-style-type: none;
		font-size: 20px;
		line-height: 25px;
		position: relative;
		  top: -36px;
		  left: 60px;
		  width: 96%;
	}
	.checkClick {
		width: 30px;
		height: 30px;
		margin-right: 10px;
		position: relative;
		  top: -6px;
	}
	ul {
		list-style-position: outside;
		margin: 30px 15px;
		padding-left: 1rem !important;
	}
 }

 /* mobile */
 @media (max-width: 1023px) {
	.mx-5 {
		margin-left: 2em !important;
		margin-right: 2em !important;
	 }
	.div_intro {
		margin: 0% 2% 2% 2%;
	}
	.title_intro {
		font-size: 15px;
	}
	.p_intro {
		font-size: 13px;
	}
	.ecg {
		margin-top: 0px;
	}
	#number {
		padding: 10px 0px;
		font-size: 18px;
		font-weight: bold;
	}
	li {
		list-style-type: none;
    	font-size: 15px;
    	line-height: 20px;
		width: 88%;
    	position: relative;
    	  top: -26px;
          left: 41px;
	}
	.checkClick {
		width: 20px;
		height: 20px;
		margin-right: 15px;
		position: relative;
		top: 2px;
	}
	ul {
		list-style-position: outside;
		margin: 15px 10px;
		padding-left: 0rem !important;
	}
	.text_intro {
		/* background: url('/img/sfondo_30.png'); */
		width: 100%; 
		min-height: 400px; 
		margin: 10px auto 0px; 
		padding: 10px;
		background-color: #ededed;
	}

	.myBtn_intro {
		margin-bottom: 30px;
	}
	h5.my-5 {
		margin-bottom: 0px !important;
	}
	.only_mobile {
		background-color: #012e57;
		padding: 5px 0px;
	}
	#clock {
		padding: 10px 0px 0px 0px;
	}
	.msg_sly {
		padding-top: 100px;
	}
}

text.highcharts-credits {
	display: none !important;
}