.login-page{
	background: url(../img/bg_login.jpg) center center no-repeat;
	flex-direction: inherit;  
	 -webkit-animation: zoomout 120s 1;
}

@-webkit-keyframes zoomout {
    0% {
        background-size:140% auto;
    }
    50% {
         background-size:100% auto;
       
    }
    100% {
        background-size:140% auto;
    }
}

.login-box {    width: 620px;}

.login_left{
	min-height: 400px;
	min-width: 300px;
	background-image: url(../img/bg_login_left.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	border-radius:3px 0px 0px 3px;
}

.form-control {
	border-radius: 0rem;
}


.table-summernote {
	width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    padding: 2px;
    border-collapse: collapse;
	
}
.table-bordered-summernote {
	border: 1px solid #dee2e6;
}

.table-bordered-summernote TD {border: 1px solid #dee2e6;}


.ft_lightgrey {color:#cccccc}


.modal-full {
    margin: 0;
}


.modal-full .modal-content {
    min-width: 100vh;
}

.modal-dialog {
	max-width: 100%;
}



/*Survey*/

.tabsurvey {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #E1E1E1;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px -2px 11px 0px rgb(50 50 50 / 68%);
    -moz-box-shadow: 0px -2px 11px 0px rgba(50, 50, 50, 0.68);
    box-shadow: 0px -2px 11px 0px rgb(50 50 50 / 68%);
    font-size: 0.8em;
    font-family: "Helvetica","Open Sans";
}

.new_page {
    min-height: 40px;
    width: 100%;
    background: white;
    font-size: 0.9em;
    text-align: center;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: 0px -2px 11px 0px rgb(50 50 50 / 68%);
    -moz-box-shadow: 0px -2px 11px 0px rgba(50, 50, 50, 0.68);
    box-shadow: 0px -2px 11px 0px rgb(50 50 50 / 68%);
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.bloc_button {
	min-height: 50px;
	width: 553px;
}

.handlespan {
	cursor: move;
	font-size: 1.8em;
	background-color: #EFEFEF;
	min-height: 35px;
	width:19px;
}

.surveytitle {
	font-size: 1.4em;
	font-family: "Helvetica";
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
	background-color: rgb(0,107,117);
	color:white;
	padding: 0.5em;
}

.section {
	font-size: 1.1em;
	text-align: center;
	-webkit-box-shadow: 0px 11px 25px -10px rgba(0,0,0,0.69);
	-moz-box-shadow: 0px 11px 25px -10px rgba(0,0,0,0.69);
	box-shadow: 0px 11px 25px -10px rgba(0,0,0,0.69);
	background-color: #F2F2F2;
	margin-top: 1em;
	margin-bottom: 1em;
}

.enonce {
	font-style: italic;
	font-size: 1em;
	margin:0.3em;
	font-weight: bold;
	
}

.question {
	margin-left: 1em;
	font-size:0.9em;
}

.reponse {
	margin-left: 6em;
	margin-top:0.3em;
	margin-bottom:1.5em;
	font-size: 0.8em;
}

.infocomp {
	margin-top:0.2em;
	font-size: 1em;
	color:#ab3636;
	font-weight: bold;
}

.div_bloc{width: 100%}
.input_enonce{width: 500px;}
.input_choix {width: 82% !important;}
.input_poids {width: 6% !important;}

.form-control {
    padding: 0.4rem 0.4rem;
    font-size: 0.80rem;
    font-weight: 400;
    line-height: 1.1;
}

.hover-title {
	display: inline;
	pointer-events: auto;
	cursor: pointer;
}

.hover-image {
	visibility: hidden;
}

.hover-title:hover + .hover-image {
	visibility: visible;
	pointer-events: none;
}

.hover-image {
	display: flex;
	position: absolute;
	/* top: 46%; */
	left: 350px;
	transform: translate(-50%, -50%);
	z-index: 9999;
	pointer-events: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 90vw;
	height: 90vh;
}

.hover-image img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	margin-bottom: 0;
}