@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
html{
    height: 100%;    
}
.custom-question img {
	max-width: 100%;
	height: auto;
}
.custom-question.quest-type-s-3 img {
	max-width: auto;
	height: 100px !important;
}
.custom-page {
	color: #444444;
	font-family: 'Noto Sans', "Helvetica", "Arial", sans-serif;
	background-color: #ffffff;
	background-image: url("/css/templates/v2/images/template-evalandgo-light.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
	background-size: 100% auto;
	padding-bottom: 50px;
	min-height: 100vh;
	position: relative;
	overflow-x: hidden;
}
.custom-header {
	font-weight: bold;
	font-size: 26px;
	line-height: 28px;
	padding: 15px 0;
	margin-right: 0;
	margin-left: 0;
}
#txtlogo {
	width: 66.666667%;
	float: left;
	padding-right: 0;
	text-align: right;
	line-height: normal;
}
.custom-identifiants {
    text-align: right;
    padding: 0 8px;
}
#imglogo {
	width: 33.333333%;
	text-align: left;
	float: left;
	margin-top: 0;
}
#imglogo img{
	margin: 0;
	max-height: 150px;
}
#questionnaire {
    padding: 0px 15px;
}
.custom-question {
	margin: 0 -15px;
	padding: 15px 0;
}
.headerPage-content {
	margin: 0 -15px;
	padding: 15px 0;
}
.custom-question:before,
.custom-question:after {
	height: 10vh;
}
.custom-question.quest-intro:before,
.custom-question.quest-intro:after {
	height: 0vh;
}
.custom-question.end-page-question:after {
	height: 0vh !important;
}
.custom-question.quest-outro {
	padding-bottom: 25vh;
}
.custom-numerotation {
	font-weight: bold;
	color: #337ab7;
	width: 40px;
    padding-right: 0;
    font-size: 18px;
    line-height: 1.4;
}
.ui-slider-bg {
    background-color: #337ab7;
}
.ui-slider-handle {
    background-color: #076ba5;
}
.rating .fa-star {
    color: #337ab7;
}
.rating label > i:hover:before,
.rating label:hover ~ label > i:before {
    content: "\f005";
    color: #337ab7;
}
.custom-libelle {
	font-weight: bold;
	font-size: 18px;
    line-height: 1.4;
}
.withNumerotation .custom-libelle {
	padding-left: 10px !important;
}
.quest-type-s-0 .table>tr>td {
	padding: 2px;
}
.progress-info {
	margin: 0;
}
.progress-info > .col-sm-6 {
	padding-left: 0; 
	padding-right: 0;
	width: 100% !important;
}
.custom-progress-info {
	color: #999;	
	font-size: 14px;
}
.progress-info .progress-pourcentage {
	margin: 6px 10px 0 10px;
	text-align: center;
	background-color: transparent;
}
#progressbar {
	width: 100% !important;
	margin-top: 0px;
}
#progressbar .progress {
    height: 6px;
    margin-bottom: 0px;
    border-radius: 0;
}
.custom-progressValue {
	background-color: #337ab7;
	box-shadow: none;
	-webkit-box-shadow: none;
}
#bandeaufooter,
#data_private_footer {
	width: 100% !important;
	max-width: 100% !important;
}
#bandeaufooter {
	margin-top: -10vh !important;
}
#data_private_footer > div {
	margin-bottom: 10px;
}
#data_private_footer label {
	margin-bottom: 0;
}
#data_private_footer div.col-4.col-offset-4 {
	text-align: left;
	padding: 10px;
	background-color: rgba(200, 200, 200, 0.1);
    border: 1px solid rgba(200, 200, 200, 0.3);
    border-radius: 5px;
    min-height: 34px;
    position: relative;
}
#data_private_footer div.col-4.col-offset-4 input[type="checkbox"] {
	position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px none;
}
#data_private_footer div.col-4.col-offset-4 label:before {
	content: "";
    display: block;
    width: 18px;
    height: 18px;
    opacity: 0.3;
    background-color: rgba(0, 0, 0, 0.3);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    border-radius: 5px;
    margin-right: 10px;
    position: absolute;
    left: 0.5625em;
    top: 50%;
    margin: -9px 0px 0px;
}
#data_private_footer div.col-4.col-offset-4 input[type="checkbox"]:checked + label::before {
    font-family: 'FontAwesome';
    font-size: 14px !important;
    content: "\f00c";
    background-color: #337ab7;
    border: none;
    opacity: 1;
    color: white;
    line-height: 18px;
    padding-left: 2px;
}
.custom-bouton {
	color: #333333;
	background-color: #ffffff;
	border: 2px solid #ccc;
    padding: 12px;
    font-size: 16px;
}
.custom-bouton:hover,
.custom-bouton:focus {
	-webkit-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.5);
}
.custom-bouton#sub,
.custom-bouton#btn_fin {
    -webkit-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.5);
}
.custom-question.liquest.end-page-question {
	margin-bottom: 15px !important;
}
#bandeaufooter .col-sm-4.col-sm-offset-4 .custom-bouton {
	margin-top: 15px;
}
.wrapper_look {
    padding: 0 15px;
}
.box-mobil.box-mobil-btn label {
    padding: 10px 10px 10px 35px;
}
.box-mobil input[type="radio"]:checked + label,
.box-mobil input[type="checkbox"]:checked + label {
    background-color: rgba(200, 200, 200, 0.4);
}
.box-mobil input[type="checkbox"]:checked + label::before {
    background-color: #337ab7;
}
.box-mobil input[type="radio"]:checked + label::before {
    border: 5px solid #337ab7;
}

.quest-type-s-0 .box-mobil label {
    padding: 25px 0px;
}
.custom-question .col-form-label, .custom-question .custom-label {
	font-weight: normal;
}
#data_private_footer div.col-4.col-offset-4 {
    text-align: left !important;
}
input[type="text"],
input[type="url"],
input[type="email"],
textarea,
.input-group-addon,
.champnumber,
.pourcent {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #ccc;
  background-color: rgba(0, 0, 0, 0.04);
  transition: border-bottom .35s ease-in-out;
  -webkit-transition: border-bottom .35s ease-in-out;
  -moz-transition: border-bottom .35s ease-in-out;
  -ms-transition: border-bottom .35s ease-in-out;
  -o-transition: border-bottom .35s ease-in-out;
  border-radius: 0; 
  font-size: 18px;
}
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus,
.input-group-addon:focus,
.champnumber:focus,
.pourcent:focus {
  border-bottom: 2px solid #337ab7;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  outline: none;
}
#reporting_footer {
	margin: 40px -15px 5px -15px !important;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
	font-size: 11px;
}
#reporting_footer > div,
#forgotten_footer > div {
	width: 100% !important;
	margin: 0 !important;
}
#forgotten_footer {
	margin: 0 20px !important;
	font-size: 11px;
}
 #data_private_footer {
	padding-bottom: 50px;
}
.custom-question .content-quest.form-horizontal .custom-example {
	color: #333333;
}
.choice-inline .box-mobil {
    margin-bottom: 0px;
}
#privatedata_company {
	padding-left: 30px;
}
.custom-question.overobli:before,
.custom-question.overobli:after {
    height: 0vh;
}
.modal-dialog {
    margin: 15px;
}
.custom-question.quest-outro {
    padding-bottom: 0vh;
}
.custom-question .custom-commentaire {
	margin-left: 0px;
	font-size: 14px;
}
.custom-question.withNumerotation .custom-commentaire {
	margin-left: 35px;
}
.btn_continue_box {
		height:auto !important;
		margin-bottom: 0 !important;
	}
/* --- TYPE-J-1 --- */
.custom-question.quest-type-j-1 .box-mobil,/********************************************/
.custom-question.quest-type-j-2 .box-mobil,
.custom-question.quest-type-g-1 .box-mobil {
	width: 100%;
	border-radius: 5px;
}
.custom-question.quest-type-j-1 .box-mobil label,/********************************************/
.custom-question.quest-type-j-2 .box-mobil label,
.custom-question.quest-type-g-1 .box-mobil label {
	padding: 0;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    border: 0 none;
    min-height: 32px;
}
.custom-question.quest-type-s-1 .content-quest,/********************************************/
.custom-question.quest-type-j-1 .content-quest,
.custom-question.quest-type-j-2 .content-quest,
.custom-question.quest-type-g-1 .content-quest {
	overflow-x: auto;
}

/* --- TYPE-S-0 --- */

.custom-question.quest-type-s-0 .box-mobil label {
	min-height: auto;
	padding: 8px 0;
}
.custom-question.quest-type-s-0 .table>tbody>tr>td,/********************************************/
.custom-question.quest-type-j-1 .table>tbody>tr>td,
.custom-question.quest-type-j-2 .table>tbody>tr>td,
.custom-question.quest-type-g-1 .table>tbody>tr>td,
.custom-question.quest-type-g-2 .table>tbody>tr>td {
	border-top: 0px solid #fff;
	padding: 2px;
	font-size: 12px;
}
.custom-question.quest-type-j-1 .box-mobil input[type="radio"] + label::before,/********************************************/
.custom-question.quest-type-j-2 .box-mobil input[type="checkbox"] + label::before,
.custom-question.quest-type-g-1 .box-mobil input[type="radio"] + label::before {
	position: relative;
	margin: 0 auto;
	left: inherit;
}
.custom-question.quest-type-s-0 .box-mobil,/********************************************/
.custom-question.quest-type-j-1 .box-mobil,
.custom-question.quest-type-j-2 .box-mobil,
.custom-question.quest-type-g-1 .box-mobil {
	background-color: rgba(200, 200, 200, 0.1);
	border: 1px solid rgba(200, 200, 200, 0.6);
	border-radius: 5px;
	width: 100%;
	max-width: 40px;
}
.custom-question.quest-type-s-0 .box-mobil label,/********************************************/
.custom-question.quest-type-j-1 .box-mobil label,
.custom-question.quest-type-j-2 .box-mobil label,
.custom-question.quest-type-g-1 .box-mobil label {
	min-height: 22px;
	padding: 0px;
}
.custom-question.quest-type-j-1 .box-mobil label:before,/********************************************/
.custom-question.quest-type-j-2 .box-mobil label:before,
.custom-question.quest-type-g-1 .box-mobil label:before,
.custom-question.quest-type-s-0 .box-mobil label:before {
	display: none;
}
.custom-question.quest-type-j-1 .box-mobil input[type="radio"]:checked + label:before,
.custom-question.quest-type-g-1 .box-mobil input[type="radio"]:checked + label:before,
.custom-question.quest-type-s-0 .box-mobil input[type="radio"]:checked + label:before {
    display: block;
    content: "\2713";
    font-size: 20px;
    color: green;
    top: -3px;
    background: transparent;
    border: 0 none;
    left: 0;
    margin: 0 auto;
    width: 100%;
}
.custom-question.quest-type-j-2 .box-mobil input[type="checkbox"]:checked + label:before {
	display: block;
    content: "\2713";
	font-size: 20px !important;
	color: green;
    top: 2px !important;
    background: transparent;
    border: 0 none;
    left: 0;
    margin: 0 auto;
    width: 100%;
}
#chronometre {
	padding: 5px;
	top: inherit;
	bottom: 0;
	box-shadow: 3px -3px 3px 0px rgba(119, 119, 119, 0.5);/********************************************/
}
#chronometre .progress,
#chronometre #countdown_text {
	margin-top: 8px;
	margin-bottom: 8px;
}
@media screen and (min-width: 480px) {
	.custom-question.quest-type-s-0 .table>tbody>tr>td,/********************************************/
	.custom-question.quest-type-j-1 .table>tbody>tr>td,
	.custom-question.quest-type-j-2 .table>tbody>tr>td,
	.custom-question.quest-type-g-1 .table>tbody>tr>td,
	.custom-question.quest-type-g-2 .table>tbody>tr>td {
		padding: 4px;
	}
	.custom-question:before,
	.custom-question:after,
	.headerPage-content:before,
	.headerPage-content:after {
		height: 3vh;
	}
	.custom-question,
	.headerPage-content {
		margin: 0 -15px;
	}
	#privatedata_company {
		padding-left: 0px;
	}
	#chronometre .row > div:first-child {/********************************************/
		padding-top: 8px;
	}
}
@media screen and (min-width: 768px) {
	.custom-question.quest-type-s-0 .table>tbody>tr>td,/********************************************/
	.custom-question.quest-type-j-1 .table>tbody>tr>td,
	.custom-question.quest-type-j-2 .table>tbody>tr>td,
	.custom-question.quest-type-g-1 .table>tbody>tr>td,
	.custom-question.quest-type-g-2 .table>tbody>tr>td {
		padding: 8px;
		font-size: 14px;
	}
	.custom-question.quest-type-s-0 .box-mobil label,/********************************************/
	.custom-question.quest-type-j-1 .box-mobil label,
	.custom-question.quest-type-j-2 .box-mobil label,
	.custom-question.quest-type-g-1 .box-mobil label {
		min-height: 38px;
	}
	.custom-question.quest-type-j-1 .box-mobil input[type="radio"]:checked + label:before,
	.custom-question.quest-type-g-1 .box-mobil input[type="radio"]:checked + label:before,
	.custom-question.quest-type-s-0 .box-mobil input[type="radio"]:checked + label:before {
	    font-size: 28px;
	    top: -2px;
	}
	.custom-question.quest-type-j-2 .box-mobil input[type="checkbox"]:checked + label:before {
		font-size: 28px !important;
	    top: 10px !important;
	}
	.custom-question > div:first-child {
	    min-height: 0vh !important;
	}
	.modal-dialog {
    	margin: 80px auto;
	}
	.custom-bouton#btn_back:before {
		content:"\2190";
	}
	.custom-bouton#sub:after {
		content:"\2192";
	}
	.wrapper_look {
    	padding: 0;
	}
	.custom-libelle {
		margin-bottom: 15px;
	}
	.custom-question.withNumerotation .content-quest {
		padding-left: 50px;
	}
	.custom-question .content-quest.form-horizontal .custom-example {
		padding-left: 17%;
	}
	.custom-question .content-quest .content-quest {
		padding: 0px 15px;
	}
	.progress-info .progress-pourcentage {
		display: block;
	}
	.custom-question.quest-type-u-1 .content-quest.choice-inline .box-mobil {
		width: 49.7%;
	}
	.custom-asterisque {
		text-align: right;
		width: 16.66666667%;
		font-weight: 800;
    	font-size: 20px;
	}
	.custom-question.quest-type-f-1 .col-form-label,
	.custom-question.quest-type-f-2 .col-form-label,
	.custom-question.quest-type-f-3 .col-form-label,
	.custom-question.quest-type-p-0 .col-form-label {
		width: 16.66666667%;
	}
	.box-mobil.box-mobil-btn label {
    	padding: 15px 10px 15px 35px;
	}
	#bandeaufooter .col-sm-4.col-sm-offset-4 .custom-bouton {
    	margin-top: -46px;	
	}
	#bandeaufooter .col-6 {
    	padding-right: 0;
    	padding-left: 0;
	}
	#bandeau_free {
	    height: 50px;
	    width: 100% !important;
	}
}
@media screen and (min-width: 992px) {
	#chronometre {
		padding: 15px !important;
		top: 100px !important;
		bottom: inherit !important;
		width: 125px;
		box-shadow: 3px 3px 3px 0px rgba(119, 119, 119, 0.5); /********************************************/
	}
	.progress-info .progress-pourcentage {
		margin: 6px 0;
		text-align: left;
	}
	.quest-intro:before,
	.quest-intro:after,
	.quest-outro:before,
	.quest-outro:after {
		height: 2vh;
	}
	.custom-question,
	.headerPage-content {
		margin: 0 -15px;
	}
}
@media screen and (min-width: 1200px) {
	.wrapper_look {
    	max-width: 880px;
	}
}
@media screen and (min-width: 1280px) {/********************************************/
	#chronometre {
		width: 185px;
	}
}
@media screen and (min-width: 1500px) {
	.wrapper_look {
    	max-width: 991px;
	}
}
@media screen and (max-width: 700px) {
	.end-page-question > div:first-child,
	.custom-question > div:first-child {
	    min-height: 0vh !important;
	}
}
@media screen and (max-width: 767px) {
	.custom-header {
		font-size: 18px;
		line-height: 20px;
		padding: 7px 0;
	}
	input[type="text"],
	input[type="url"],
	input[type="email"],
	textarea,
	.input-group-addon,
	.champnumber,
	.pourcent {
		font-size: 16px;
	}
}