@font-face {
	font-family: "Lato";
	src: url('fonts/Lato-Regular.ttf');
}
@font-face {
	font-family: "Lato Italic";
	src: url('fonts/Lato-Italic.ttf');
}
@font-face {
	font-family: "Lato Bold";
	src: url('fonts/Lato-Bold.ttf');
}

@charset "UTF-8";

/** 1. General statements */

@viewport {
    width: device-width;
    zoom: 1;
}

html * {
	/* box-sizing: border-box; */
}

button {
	/* padding: 10px 20px; */
	text-decoration: none;
	font-weight: bold;
	font-size: 11 px;
	/*border-radius: 2px 2px 2px 2px;*/
	cursor: pointer;
	height: 40px;
}



.btn_save {
    padding: 10px 20px;
    background-color: #002953;
	color: #6dafdb;
	border: 2px solid #002953;
}
.btn_save:hover {
    background-color: #6dafdb;
	color: #002953;
	border: 2px solid #002953;
	transition-duration: 1s;
}
.btn_cancel {
    padding: 10px 20px;
    background-color: #222222;
	color: white;
	border: 2px solid #222222;
}
.btn_cancel:hover {
    background-color: white;
	color: #222222;
	border: 2px solid #222222;
	transition-duration: 1s;
}


/** 3. Modal statements */

#divModalSaving {
	background-image: url(../img/chargement.gif);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1000;
}

.modalChanged{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.modalDetail {
	display: none;
	/* position: absolute; */
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	top: -130px;
	background-color: rgba(0, 0, 0, 0.5);
}

.popup_changed{
	background: #fff;
	padding: 20px;
	border: 20px solid #eeeeee;
	position: relative;
	margin: 10% auto;
	width: 40%;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
}

.dial_loaded {
	background: #fff;
	border: 4px solid #eeeeee;
	position: relative;
	margin: 4% auto;
	width: 80%;
	height: 80%;
	box-shadow: 0px 0px 20px #000;
	border-radius: 3px;
	overflow-y: scroll;
}

.faq_loaded{
	background: #fff;
	border: 4px solid #eeeeee;
	position: relative;
	margin: 7% auto;
	width: 80%;
	height: 70%;
	box-shadow: 0px 0px 20px #000;
	border-radius: 3px;
	overflow-y: scroll;
}

.faq_main_title {
	width: calc(80% - 20px);
	position: fixed;
	text-align: center;
	font-size: 22px !important;
	margin-top: 0px !important;
}

.popup_detail {
	background: #fff;
	padding: 20px;
	border: 20px solid #eeeeee;
	top: 100px;
	margin: 10% auto;
	width: 80%;
	box-shadow: 0px 0px 20px #000;
	border-radius: 10px;
	overflow-y: scroll;
	height: calc(100% - 280px);
}

.messageChanged {
	color: #FF0000;
}

.btnChanged {
	text-align: center;
}