/* Bouton de fermeture de modal */
.modal_close{
	background-color: transparent;
	border: none;
	float: right;
	font-size: 20px;
	padding: 2px 0px;
	padding-left: 0px;
	padding-left: 15px;
}

/* Position de la croix de fermeture de modal */
.modal_close{
	vertical-align: top;
}

/* Enlève le padding-right de 17px qui est ajouté... */
.modal-open{
	overflow: auto;
	padding-right:0 !important;
}

/* Position modal */
#modal_deconnexion{
	top: 30%;
}

/* Bouton de déconnexion */
#link_deconnexion{
	padding-left: 15px;
	padding-right: 15px;
}
/* Bouton déconnexion / modal de déconnexion*/
.modal_title_custom{
	margin-top: 5px!important;
}
#deconnexion{
	background-color: var(--e-global-color-primary)!important;
}
.button_modal{
	margin: 20px 0px;
}

/* Bonton DL mis en avant */
.esp_download_menu > a{
	font-weight: 800;
}

/* Décalage icon / texte des boutons */
.icon_esp{
	margin-right: 5px;
}
.button_wrapper{
	text-align: center;
}
.button_wrapper > div{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Inputs correspondant au form de DL */
.input_esp{
	background-color: #fff!important;
	border: 1px solid #ccc!important;
	color: #333!important;
	padding: 6px 10px!important;
	width: 100%;
	font-size: 16px;
	display: block;
	float: none;
}
/* Inputs disabled */
.input_esp:disabled{
	cursor: not-allowed;
	background-color: #CECECE!important;
}

/* Bouton d'affichage de password */
.show_pwd{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 6px 10px;
	border: 1px solid #ccc;
}
.show_pwd > i.fas.fa-eye{
	padding-left: 1px;
	padding-right: 1px;
}
.input_pwd_grp{
	position: relative;
}
.input_pwd_grp > input{
	padding-right: 3em!important;
}


/* Icons ZW France */
@font-face {
	font-family: 'zw_icons';
	src: url('fonts_zw_icons/zw_icons.eot?e13ulh');
	src: url('fonts_zw_icons/zw_icons.eot?e13ulh#iefix') format('embedded-opentype'),
	url('fonts_zw_icons/zw_icons.ttf?e13ulh') format('truetype'),
	url('fonts_zw_icons/zw_icons.woff?e13ulh') format('woff'),
	url('fonts_zw_icons/zw_icons.svg?e13ulh#zw_icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.zw_icons{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'zw_icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.zw_icon_add:before{
	content: "\e900";
}
.zw_icon_check:before{
	content: "\e901";
}
.zw_icon_copy:before{
	content: "\e902";
}
.zw_icon_dl:before{
	content: "\e903";
}
.zw_icon_edit:before{
	content: "\e904";
}
.zw_icon_link:before{
	content: "\e905";
}
.zw_icon_reinit:before{
	content: "\e906";
}
.zw_icon_send:before{
	content: "\e907";
}
.zw_icon_sign-in:before{
	content: "\e908";
}
.zw_icon_sign-out:before{
	content: "\e909";
}
.zw_icon_times:before{
	content: "\e90a";
}
.zw_icon_times_small:before{
	content: "\e90b";
}
.zw_icon_smiley_happy:before{
	content: "\e90c";
}
.zw_icon_smiley_not_happy:before{
	content: "\e90d";
}
.zw_icon_smiley_ok:before{
	content: "\e90e";
}
.zw_icon_chat:before{
	content: "\e90f";
}
.zw_icon_add_time:before{
	content: "\e910";
}

/* On fait un bouton disabled */
.octf-btn-disabled{
	color: var(--e-global-color-text)!important;
	background-color: #D6D6D6!important;
	cursor: not-allowed!important;
}
.octf-btn-disabled:hover{
	color: var(--e-global-color-text)!important;
}