/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 12 2024 | 09:14:11 */
#customContextMenu {
    display: none;
   position: absolute;
    z-index: 1000;
    background-color: transparent;
    padding: 5px;
}
#customContextMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#customContextMenu ul li {
    cursor: pointer;
	border-radius: 5px;
    border: 2px solid #003C7D;
    background: #FFF;
    color: #003C7D;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px 15px;
    box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
#customContextMenu ul li:hover {
    border: 2px solid #fff !important;
    background: #003C7D !important;
    color: #fff !important;
    transition: background-color 0.5s ease;
}


.footer_menu_rse {
	cursor: pointer;
}

.footer_submenu_rse {
	display: none;
	transition: all .3s ease-in-out;
}

.gutter-size { width: 6%; }

.cky-btn-revisit-wrapper{
	z-index: 500 !important;
}
#elementor-popup-modal-1795{
	z-index: 1000;
}


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 60, 125,.8) #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px;
    height: 15px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(0, 60, 125,.8);
    border-radius: 10px;
    border: 0px none #ffffff;
}
/* ===== FIN Scrollbar CSS ===== */

/* ~~ Filtres page Documentations ~~ */
.flk .fitlre_li span {
	/*display: flex;*/
	    width: fit-content;
    align-items: start;
    justify-content: start;
    flex-direction: row-reverse;
	display: inline-flex;
	margin-bottom: 5px;
}
.flk .fitlre_li span:not(.parent) input {
	/*margin: 0px 0 10px 0;*/
}
.flk ul.sous-liste {
	padding-left: 25px;
}
.flk .filterparent_label_checkbox_container label,
.flk .parent_label_checkbox_container label,
.flk .filterchild_label_checkbox_container label {
	font-size: 13px;
}
.flk .fitlre_li p{
	margin: 0 0 10px 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
	line-height: 1.2 !important;
}
.flk .fitlre_li {
	padding: 10px 18px 10px 10px !important;
}
/* ~~ ~~

/* ~~ Mise en page des filtres tableaux ~~ */
/* ~ Choix d'options ~ */
.flk .filtre_container.filtre_non_performance {
	flex-direction: row !important;
    align-items: start !important;
    justify-content: center !important;
    flex-wrap: initial !important;
    width: 100% !important;
}
.flk .filtre_container.filtre_non_performance .filter_group {
	width: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	
}
.flk .filtre_container.filtre_non_performance .filter_group.nb_filter_2{
	flex: 1 1 calc(100% / 2);
    max-width: calc(100% / 2);
	margin: 0 20px !important;
}
.flk .filtre_container.filtre_non_performance .filter_group.nb_filter_3 {
	/*flex: 1 1 calc(100% / 3);*/
    max-width: calc(100% / 3);
	/*margin: 0 20px !important;*/
	width: 300px !important;
}
.flk .filtre_container.filtre_non_performance .filter_group.nb_filter_4 {
	flex: 1 1 calc(100% / 4);
    max-width: calc(100% / 4);
	margin: 0 20px !important;
}
.flk .filtre_container.filtre_non_performance .filter_group.nb_filter_5 {
	flex: 1 1 calc(100% / 5);
    max-width: calc(100% / 5);
	margin: 0 20px !important;
}
.flk .filtre_container.filtre_performance .filter_group.nb_filter_2{
	flex: 1 1 calc(100% / 2);
    max-width: calc(100% / 2);
	margin: 0 !important;
}
.flk .filtre_container.filtre_performance .filter_group.nb_filter_3 {
	flex: 1 1 calc(100% / 3);
    max-width: calc(100% / 3);
	margin: 0 !important;
}
.flk .filtre_container.filtre_performance .filter_group.nb_filter_4 {
	flex: 1 1 calc(100% / 4);
    max-width: calc(100% / 4);
	margin: 0 !important;
}
.flk .filtre_container.filtre_performance .filter_group.nb_filter_5 {
	flex: 1 1 calc(100% / 5);
    max-width: calc(100% / 5);
	margin: 0 !important;
}
.flk .filtre_container {
	max-width: 1200px !important;
	/*width: 100% !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
}

.flk .filtre_container.filtre_non_performance .filter_group .select2 {
	width: auto !important;
	height: auto !important;
	min-width: 240px;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #003c7d;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.flk .filtre_container.filtre_non_performance .filter_group .filtre-input-block{
	max-width: 240PX;
    margin: auto;
}

textarea.select2-search__field::placeholder {
	width:140% !important;
	color: #000000 !important;
}

.select2-container .select2-search--inline .select2-search__field {
	max-width: 125%;
	min-width: 125%;
}


 .filtre_container.filtre_non_performance .filter_group .select2 .select2-search.select2-search--inline{
	 position: absolute;
	 left: 0;
}

/*.flk .filtre_container.filtre_non_performance .filter_group .select2.select2-container--focus.select2-container--open {
	width: auto !important;
}*/

.flk .filtre_container.filtre_non_performance .filter_group .select2 .select2-selection--multiple{
	border-radius: 5px;
	min-height: 32px !important;
    height: auto !important;
}
.flk .filtre_container.filtre_non_performance .filter_group .select2 .select2-selection--multiple textarea {
	margin-top: 0px !important;
    line-height: 1.2 !important;
}

.flk .filtre_container.filtre_non_performance .filter_group .select2 ul li {
	display: inline-flex!important;
	border-radius: 5px;
	background: rgb(0,60,125);
	background: linear-gradient(180deg, rgba(0,60,125,1) 0%, rgba(1,82,170,1) 100%);
	min-height: unset !important;
	 /*   margin-right: -19px;*/
}
.flk .filtre_container.filtre_non_performance .filter_group .select2 ul li button {
	padding: 0 5px !important;
}
.flk .filtre_container.filtre_non_performance .filter_group .select2 ul li span.select2-selection__choice__display {
	padding: 0 5px 0 10px !important;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flk .dataTable td[data-name=fiche_technique],
.flk .dataTable td[data-name=plan_technique] {
	vertical-align: middle;
}
.flk .dataTable td[data-name=fiche_technique] .valeur,
.flk .dataTable td[data-name=plan_technique] .valeur{
	display: flex;
	align-items: center;
	justify-content: center;	
}
.flk .dataTable td[data-name=fiche_technique] .valeur img,
.flk .dataTable td[data-name=plan_technique] .valeur img{
	height: 31px;
    width: auto;
    object-fit: cover;
    margin-right: 10px;	
}
.flk .dataTables_wrapper {
/* 	width: 100%; 
	width: 78%;
	margin-left: 3%;*/
	
}
.flk table.dataTable a{
	color: #003C7D;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #003C7D !important;
    color: white !important;
}

.flk .filtre_container.filtre_performance {
	flex-direction: row !important;
    align-items: start !important;
/*     justify-content: space-between !important; */
    width: 100% !important;
}
.flk .filtre_container .filter_group {
	/*flex: 1 1 25%;*/
    padding: 0 !important;
    /*max-width: 25% !important;
	margin: 0 0 10px 0 !important;
    width: 100% !important;*/
}
.flk .filtre_container.filtre_performance .filter_group .button_container input {
	margin-top: 4px !important;
}

.flk .filtre_container.filtre_performance .filter_group .select2 {
	width: 100% !important;
	height: auto !important;
}
.flk .filtre_container.filtre_performance .filter_group .select2 .selection {
	text-align: left;
}
.flk .filtre_container.filtre_performance .filter_group .select2 .select2-selection--multiple{
	border-radius: 5px !important;
	min-height: unset !important;
    height: auto !important;
}
.flk .filtre_container.filtre_performance .filter_group .select2 .select2-selection--multiple textarea{
	margin-top: 0px !important;
    line-height: 1.2 !important;
}
.flk .filtre_container.filtre_performance .filter_group .select2 ul li {
	display: inline-flex!important;
	border-radius: 5px;
	background: rgb(0,60,125);
	background: linear-gradient(180deg, rgba(0,60,125,1) 0%, rgba(1,82,170,1) 100%);
	min-height: unset !important;
}
.flk .filtre_container.filtre_performance .filter_group .select2 ul li button {
	padding: 0 5px !important;
}
.flk .filtre_container.filtre_performance .filter_group .select2 ul li span.select2-selection__choice__display {
	padding: 0 5px 0 10px !important;
}

@media(max-width: 768px) {
	.flk .filtre_container.filtre_non_performance {
		flex-direction: column!important;
		align-items: end !important;
		justify-content: center !important;
		flex-wrap: initial !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.flk .filtre_container.filtre_performance .filter_group {
		flex: 1 1 50%;
    	padding: 0 !important;
    	max-width: 50% !important;
    	margin: 0 0 30px 0 !important;
    	width: 100% !important;
	}	
	.flk .filtre_container.filtre_non_performance .filter_group {
		width: auto !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		/*flex-basis: 100%;*/
		flex: 1 1 100%;
    	max-width: 100%;
    	text-align: left !important;
    	width: 100% !important;
    	margin: 10px 0 !important;
	}
	.flk .filtre_container.filtre_performance .filter_group.custom_filter_perf_thermique.range {
		margin: 0px auto !important;
    	max-width: 40% !important;
	}
	.flk .filtre_container.filtre_non_performance .filter_group.custom_filter_type_ouverture {
    	margin: 10px 0px !important;
	}
	.flk .filtre_container.filtre_performance .filter_group.custom_filter_stabilite .button_container input:last-of-type {
    	margin-top: 4px !important;
	}
}
body.page-id-7005 .content .filtre_container .filter_group.custom_filter_nfce.show .filtre-input-block, body.class_product_familly .content .filtre_container .filter_group.custom_filter_nfce.show .filtre-input-block{
	flex-direction: column-reverse !important;
}

body.page-id-7005 .content .filtre_container .filter_group.custom_filter_Antieffraction.show .filtre-input-block, body.class_product_familly .content .filtre_container .filter_group.custom_filter_Antieffraction.show .filtre-input-block{
	flex-direction: column-reverse !important;
}

@media screen and (max-width: 640px){
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
		float: left !important;
		text-align: center;
	}
}

/* ~~ Datatable ~~ */
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_length label select,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info{
	font-size: 12px;
    font-family: "Montserrat", Sans-serif;
	margin: 0 5px;
}
.dataTables_wrapper .dataTables_length label:hover {
	color: inherit !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: rgb(0, 60, 125) !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    border: none !important;
    color: #fff !important;
}

/* ~~ Bullet point des Carousel ~~ */
.elementor-widget-container .elementor-image-carousel-wrapper .swiper-pagination-bullet {
	margin-left: 5px !important;
	margin-right: 0px !important;
	margin-bottom: 5px !important;
}
.elementor-widget-container .elementor-image-carousel-wrapper .swiper-pagination-bullet:first-of-type {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* ~ Bullet active ~ */
.elementor-widget-container .elementor-image-carousel-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff !important;
}
/* ~ Bullet non active ~ */
.elementor-widget-container .elementor-image-carousel-wrapper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	background: transparent !important;
	border: 1px solid #fff !important;
}

#cmplz-manage-consent{
	display: none;
}

.parent-pageid-8120 .menu-item-71 a:after{
	height: 3px;
    width: 100%;
    left: 0;
    background-color: #55595c;
    z-index: 2;
}



/* produit escalier cacher pour le moment  */
.menu-item-1387{
	display: none !important;
}


.ug-item-wrapper{
	    background-color: white;
}

.ug-lightbox-top-panel{
	width: 40% !important;
    height: 100% !important;
    right: 0px;
    left: auto !important;
}

.ug-slide-wrapper .ug-item-wrapper img{
    top: 38% !important;
    left: 15% !important;
    width: 350px !important;
    height: auto !important;
}

.ug-lightbox-top-panel .ug-textpanel-textwrapper{
	width: 80%!important;
	left: 0px !important;
    top: 45 !important;
}

.ug-textpanel .ug-textpanel-textwrapper .ug-textpanel-title{
	width: auto !important;
}

.ug-textpanel .ug-textpanel-textwrapper .ug-textpanel-title p{
	color: #3A3B3D;
    font-size: 55px;
    font-family: 'Montserrat';
    font-weight: 600;
}

.ug-textpanel .ug-textpanel-textwrapper .ug-textpanel-title {
	color: #3A3B3D !important;
    font-size: 15px !important;
    font-family: 'Montserrat';
    font-weight: 500 !important;
}

.ug-lightbox .ug-lightbox-top-panel-overlay {
    opacity: 0 !important;
}

/*.ug-lightbox .ug-lightbox-button-close {
    background-image: url(/wp-content/uploads/2022/10/CROIX-burger-menu.svg) !important;
	background-position: 5px 5px !important;
}*/

.ug-lightbox .ug-lightbox-button-close.ug-button-hover {
    background-position: 5px 5px !important;
}

/*.ug-lightbox .ug-lightbox-arrow-right {
    background-image: url(/wp-content/uploads/2022/07/chevron_malerba.svg) !important;
	left: 50% !important;
}*/

 .ug-lightbox .ug-lightbox-arrow-right.ug-arrow-hover {
    background-position: 0px !important;
}

/*.ug-lightbox .ug-lightbox-arrow-left {
    background-image: url(/wp-content/uploads/2022/07/chevron_malerba_bis.svg) !important;
}*/

.ug-lightbox .ug-lightbox-arrow-left.ug-arrow-hover {
    background-position: 0px !important;
}


@media(max-width: 1030px){
	.ug-slide-wrapper .ug-item-wrapper img{
		width: auto !important;
		left: 12% !important;
		max-width: 253px !important;
	}
}
