/* LOG IN BUTTON */


body > button.connexion.saezam{
	opacity:0;
	position:fixed;
	bottom:0;
	left:0;
	z-index:50000;
	cursor:pointer;
}

div.row[data-saezam='global']{
	width:100%;
}
div.col[data-saezam='front']{
	overflow:hidden;
	width:100vw;
}
div.hasBack div.col[data-saezam='front']{
	max-width:calc(100% - 250px);
	transition:0.2s;
}
.row.no-gutters{margin:0;}

/* BACK ZONE */
div.col.zone.szback[data-saezam='back'] .username{
	line-height:10px;
}
div.col.zone.szback[data-saezam='back'] .username > .row{
	flex-wrap: nowrap;
}	
div.col.zone.szback[data-saezam='back'] .row{
	width:auto;
}
div.col.zone.szback[data-saezam='back'] .userinfos{
	font-size:12px;
	line-height:16px;
	max-width:165px;
	overflow:hidden;
}
div.col.zone.szback[data-saezam='back'] .userinfos .name{
	font-weight:bold;
	color:#333;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
}
div.col.zone.szback[data-saezam='back'] .userinfos .level{
	color:var(--primary-color);
}
div.col.zone.szback[data-saezam='back']{
	min-width:250px;
	max-width:250px;
	background:#171819;
	transition:0.2s;
	min-height:100vh;
	color:#fff;
}
div.col.zone.szback[data-saezam='back']:hover div.wrap{
  padding-left:100%;	margin-left:-100%;
}
div.col.zone.szback[data-saezam='back'] .row{
	margin:0;
}
div.col.zone.szback[data-saezam='back'] .row [class*="col-"]{
	padding:0;
}
div.col.zone.szback[data-saezam='back'] > div.wrap{
	height:100vh;overflow-y:scroll;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szfront[data-saezam='front']{
	min-width:calc(100% - 50px);
	max-width:calc(100% - 50px);
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back']{
	min-width:50px;
	max-width:50px;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] .details{
	display:none;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] .groupTitle{
	font-size:0;
}
div.col.zone.szback[data-saezam='back'] a{
	border:0;
}
div.col.zone.szback[data-saezam='back'] button,div.col.zone.szback[data-saezam='back'] a.button{
	border:0;
	cursor:pointer;
	border-radius:0;
	position:relative;
	background:#171819;
	display:block;
	color:#aaa;
	font-family:sans-serif;
	letter-spacing: normal;
	border : 0 !important;
	border-bottom:1px solid #444 !important;
	text-align:left;
	padding:20px;
	line-height:15px;
	white-space: nowrap;
	font-weight:normal;
	z-index:2;
	height:auto;
	color:#fff !important;
}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] button,div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] a{min-width:100%;border-radius:0;}
div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] button div.icon,div.row.backReduced[data-saezam='global'] div.col.zone.szback[data-saezam='back'] a div.icon{min-width:100%;}

div.col.zone.szback[data-saezam='back'] a img.iconComplete{
	max-width:225px;margin:0;height:auto;filter:brightness(0.9);
}

div.col.zone.szback[data-saezam='back'] a div.icon{
	max-width:50px;text-align:center;font-weight:normal;font-size:20px;vertical-align:middle;line-height:30px;color:#666;border-right:1 px solid #ccc;
}
div.col.zone.szback[data-saezam='back'] a div.name{
	white-space: nowrap;vertical-align:middle;line-height:30px;padding-left:5px;
	font-size:14px;text-transform:uppercase;color:#ddd
}
div.col.zone.szback[data-saezam='back'] a i{
	transition:0.5s;
}
div.col.zone.szback[data-saezam='back'] a:hover i{
	color:var(--primary-color);
	filter: drop-shadow(0px 0px 20px var(--primary-color));
}
div.col.zone.szback[data-saezam="back"] div.fastEditTools a:hover i{
	color:#fff;
}
div.col.zone.szback[data-saezam='back'] a:hover,div.col.zone.szback[data-saezam='back'] a.button:hover{
	filter:brightness(1.2);
	color:#fff;
	text-decoration:none;
}
div.col.zone.szback[data-saezam='back'] button.hide{max-width:30px;text-align:center;}
div.col.zone.szback[data-saezam="back"] div.fastEditTools button.ok{background:#0a0;}
div.col.zone.szback[data-saezam="back"] div.fastEditTools button.ko{background:#a00;}
div.col.zone.szback[data-saezam='back'] button.hide:before{content:">";display:inline-block;vertical-align:middle;transition:0.2s;}
div.row.backReduced[data-saezam='global'] button.hide:before{transform:rotate(180deg);}
div.col.zone.szback[data-saezam='back'] div.username{background:#fff;}
div.col.zone.szback[data-saezam='back'] div.username span b{white-space: nowrap;}
div.col.zone.szback[data-saezam='back'] div.groupTitle{color:var(--primary-color);text-transform:uppercase;white-space: nowrap;background:#171819;font-size:14px;}
div.col.zone.szback[data-saezam='back'] div.fastEditTools button{background:var(--primary-color);text-align:center;color:#fff !important;line-height:25px;font-size:16px;}
div.col.zone.szback[data-saezam='back'] div.fastEditTools button i{color:#ccc !important;}
div.col.zone.szback[data-saezam='back'] div.logoZone img{max-width:100%;filter:saturate(0);}
div.col.zone.szback[data-saezam='back'] div.fastEditTools button:hover{
	filter:brightness(1.2);
}
div.buttonDiv{position:relative;overflow:visible;}
div.buttonDiv div.hover{position:absolute;right:0px;top:0;z-index:-1;width:260px;transition:0.2s;filter:brightness(0);opacity:0;pointer-events:none;}
div.col.zone.szback[data-saezam='back'] .hover .buttonDiv{padding:0 0 0 20px;}
div.buttonDiv:hover div.hover{right:100%;filter:brightness(1);opacity:1;z-index:-1;pointer-events:all;}
div.buttonDiv div.hover:hover{z-index:1000;}

/* TEXT EDITION */
div.textEditionWrap{outline:1px solid #f00 !important;}

/* HOOK EDITION */
div.hookEditionZone{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:9999}
div.hookEditionZone div.wrap{background:rgba(255,255,255,0.5);position:absolute;top:0;left:100%;width:100%;height:100%;text-align:center;transition:0.2s;padding:1%;}
div.hookEditionZone:hover div.wrap{left:0;}
.adminLink{font-size:22px;margin:0 3px;transition:0.2s;color:#fff;}
.adminLink:visited{color:#fff;}
.adminLink i:before{font-size:17px !important;margin:0 3px;transition:0.2s;color:#fff; color:#444;}
.adminLink:hover i:before{color:var(--primary-color);}
tr .adminLink{opacity:0.5;white-space: nowrap;margin:0;}
tr:hover .adminLink{opacity:1;}
.adminLinks a{width:auto !important;display:inline-block !important;background:none !important;}
.devLinks a{width:auto !important;display:inline-block !important;}
td[data-type='date']{white-space: nowrap;}
							 
/* HOOK ADD LINKS  */
[data-saezam='sections'] a.hookAddLink{display:block;}
a.hookAddLink{display:none;position:relative;width:100%;bottom:0px;left:0;text-align:center;background:#007bff;color:#fff;filter:brightness(0.8) saturate(0.5);z-index:auto;}
a.hookAddLink:hover{filter:brightness(1) saturate(1);color:#fff;}


/* IFRAME BROWSER */

div[data-saezam='browser']{position:fixed;background:#333333;bottom:0;left:0;width:100%;background:#fff;z-index:99993;max-height:0;transition:0.2s;box-shadow:0 0 200px rgba(0,0,0,1);}
body.hasBrowser div[data-saezam='browser']{max-height:90vh;}
body.hasBrowser div[data-saezam='browser'] iframe{max-height:100vh;background:#333333;}
div[data-saezam='browser'] a.closeBrowser{position: absolute;top:0;right:0;opacity:0.5;}
div[data-saezam='browser'] a.closeBrowser:hover{opacity:1;}
div[data-saezam='browser'] a.closeBrowser svg{max-width:50px;}
div[data-saezam='browser'] iframe{width:100%;border:0;max-height:0;transition:0.2s;height: 90vh;}



/* LOADER */
.fancybox-is-open .fancybox-bg{
	opacity:0.3;
	background-color:rgba(0,0,0,.32);	
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
 opacity:0;
 transform:scale3d(1,1,1)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
 opacity:0;
 transform:scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
 opacity:1;
 transform:scaleX(1)
}
.szloader{
	/*
  	-webkit-backdrop-filter: blur(2px);
  	backdrop-filter: blur(2px);
	transition-timing-function: cubic-bezier(.22,.61,.36,1);
	*/
	position:fixed;
	opacity:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100000;
	text-align:center;
	line-height:100vh;
}

.szloader .bckgrd{
	/*
	background-color:rgba(0,0,0,.32);
	*/
	position:absolute;
	opacity:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.szloader .text{
	position:absolute;top:0;font-size:15px;width:100%;color:#fff !important;text-transform:uppercase;display:none;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	border-left:10px solid var(--primary-color);
	border-top:10px solid var(--primary-color);
	border-right:10px solid var(--primary-color);
	border-bottom:10px solid transparent;
	border-radius:100%;
	width: 60px;
	height: 60px;
	animation:rotation;
	animation: rotation 0.6s linear infinite;
	box-shadow:0 0 20px rgba(0,0,0,0.1)
}
@keyframes rotation {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Status Color */

.bckgrd-status0{background:var(--status0-color) !important;}
.bckgrd-status1{background:var(--status1-color) !important;}
.bckgrd-status2{background:var(--status2-color) !important;}
.bckgrd-status3{background:var(--status3-color) !important;}
.bckgrd-status4{background:var(--status4-color) !important;}
.bckgrd-status5{background:var(--status5-color) !important;}
.bckgrd-status6{background:var(--status6-color) !important;}
.bckgrd-status7{background:var(--status7-color) !important;}
.bckgrd-status8{background:var(--status8-color) !important;}
.bckgrd-status9{background:var(--status9-color) !important;}
.bckgrd-status10{background:var(--status10-color) !important;}
.bckgrd-status11{background:var(--status11-color) !important;}

.color-status0{background:var(--status0-color) !important;}
.color-status1{background:var(--status1-color) !important;}
.color-status2{background:var(--status2-color) !important;}
.color-status3{background:var(--status3-color) !important;}
.color-status4{background:var(--status4-color) !important;}
.color-status5{background:var(--status5-color) !important;}
.color-status6{background:var(--status6-color) !important;}
.color-status7{background:var(--status7-color) !important;}
.color-status8{background:var(--status8-color) !important;}
.color-status9{background:var(--status9-color) !important;}
.color-status10{background:var(--status10-color) !important;}
.color-status11{background:var(--status11-color) !important;}


/* Table Backoffice */

.backOfficeTable div.table-responsive{min-height:50vh;}
table.backoffice{background:none !important;color:#333 !important;}
table.backoffice th{border:0 !important;}
table.backoffice td{border:2px solid #fff !important;padding:10px !important;white-space:wrap;}
table.backoffice td[data-type='image']{padding:0px !important;}
table.backoffice tbody tr:nth-of-type(2n+1){background:#eee !important;}
table.backoffice tbody tr:nth-of-type(2n){background:#eee !important;}
table.backoffice tbody tr:hover {background:#ddd !important;}

table.backoffice.table-bordered td{vertical-align: middle;color:#333;}
table.backoffice a {color:var(--primary-color);}
table.backoffice a.btn,table.backoffice .btn{color:inherit}
table.backoffice .badge{color:#fff;}
table.backoffice a.nameLink{font-weight:bold;}
td.status.checkbox{text-align: center;width:0;}
div.listView .form-control{margin:0;}			
div.listView .form-group{margin:0;}						   
button.pageButton{padding:5px 5px !important;background:var(--primary-color);border-color:var(--primary-color);color:#fff;vertical-align:middle;}			   
td[data-type="image"]{padding:0;width:0px;}
table.backoffice th{font-size:12px;text-transform:uppercase;padding:10px;background:none;}	
table.backoffice td.status{padding:0px;}	
table.backoffice td.actions{width:150px;text-align:center;}		
				  
div.backOfficeTable .adminLink i:before{
	font-size:19px;
}
div.backOfficeTable .firstLine{max-width:1200px;margin:20px auto;}
div.backOfficeTable .firstLine .adminLink{font-size:10px;line-height:10px;}
div.backOfficeTable .firstLine .adminLink i:before{font-size:14px;line-height:14px;}
div.backOfficeTable .firstLine select,div.backOfficeTable .firstLine input{padding:12px;height:auto;vertical-align:middle;}	

div.backOfficeTable .secondLine{max-width:unset;margin:20px auto;}		 
div.backOfficeTable .secondLine a.btn{min-width:unset;vertical-align:middle;height:35px;letter-spacing:0;padding:7px;height:auto;}
div.backOfficeTable .secondLine select{height:auto;vertical-align:middle;height:35px;}

div.backOfficeTable .fourthLine{max-width:1200px;margin:20px auto;}		 
div.backOfficeTable .fourthLine a.btn{min-width:unset;vertical-align:middle;height:35px;}
div.backOfficeTable .fourthLine select{height:auto;vertical-align:middle;height:35px;}

div.backOfficeTable table thead tr{background:none;}
div.backOfficeTable tr{padding:0!important;margin:0!important;border:0!important;}
div.backOfficeTable th .adminLink i:before {color:#aaa;font-size:12px;}
div.backOfficeTable th .adminLink:hover i:before {color:#fff;}
div.backOfficeTable td.actions{min-width:140px;}
div.backOfficeTable td[data-type='image'] img{max-width:70px;}

div.backOfficeTable input{background:#fff;color:#333;border:1px solid #ccc;}
div.backOfficeTable [data-saezam="selectbox"]{border:0 !important;}
.backOfficeTable input.searchInList{padding:20px;height:25px;margin:0;border-radius:5px;vertical-align:middle;transition:0.5s;font-size:15px;border:1px solid #eee;}
.backOfficeTable input.searchInList:focus{background-color:var(--primary-color);color:#fff;}
.backOfficeTable input.searchInList::placeholder{opacity:0.5;}
.backOfficeTable input.searchInList:focus::placeholder{color:#fff;}
.backOfficeTable select{border:1px solid #ccc;padding:5px;}

.backOfficeTable textarea.notes{
	margin:0;padding:10px;display:block;
	border:1px solid #ccc;
	min-height:100px;
}
.saving{opacity:0.5;}

table.backoffice th.status.checkbox,table.backoffice td.status.checkbox{margin:0px !important;padding:0px !important;width:25px;vertical-align:middle;text-align:center;min-width:unset;}
table.backoffice input.selectbox{margin:0 !important;padding:0 !important;}


.backoffice.table.stickedHeaders>thead{position:sticky;top:0;z-index:2;background:#fff;}
.backoffice.table.stickedHeaders>tbody>tr>td:first-of-type{position:sticky;left:-2px;z-index:1;}
.backoffice.table.stickedHeaders>tbody>tr>td:nth-child(2){position:sticky;left:12px;z-index:1;background:#eee;box-shadow:3px 0 3px rgba(0,0,0,0.1);}

/* Form */

.fancybox-container div.form.outside{
	background:#fff;
	padding:0;
	border-radius:20px;
	color:#000;
	box-shadow:0 20px 50px rgba(0,0,0,0.5);
}
.fancybox-container div.form.inside.wrap{
	padding:20px 2% 20px 2%;
	overflow:auto;
	max-height:calc(100vh - 200px);
	padding-bottom:110px;
}
.fancybox-container form.is-invalid div.form.inside.wrap{
	padding-bottom:180px;
}
.fancybox-container div.title{
	margin:0;
	padding:20px 40px;
	text-align:center;
	font-size:28px;font-weight:bold;
	background:#fff;
	color:#000;
}


.fancybox-container .btn-primary{
	box-shadow:none !important;
	padding:15px !important;
	font-size:14px !important;
	font-weight:bold !important;
	background-color:var(--primary-color) !important;
	color:#fff !important;
}

.fancybox-container .btn-primary:hover{
	background-color:var(--primary-color) !important;
	color:#fff !important;
	filter:brightness(1.2);
}

.fancybox-container .btn-secondary{
	padding:15px !important;
	font-size:14px !important;
	box-shadow:none !important;
	padding:20px !important;
	font-weight:bold !important;
	background-color:var(--secondary-color) !important;
	color:#fff !important;
}
.fancybox-container .btn-secondary:hover{
	background-color:var(--secondary-color) !important;
	color:#fff !important;
	filter:brightness(1.2);
}

.fancybox-container div.content,.fancybox-container div.content p{
	color:#666;
	text-align:center;
}
.fancybox-container div.form .form-control{
	margin:0;
	border:1px solid #ccc !important;
	outline:1px solid transparent !important;
	box-shadow:none !important;
	background:#fff !important;
	color:#000;
}
.fancybox-container div.form .form-control:hover{
	border:1px solid #aaa !important;
	outline:1px solid #aaa !important;
}

.fancybox-container div.form .form-control:focus{
	border:1px solid var(--primary-color) !important;
	outline:1px solid var(--primary-color) !important;
}
.fancybox-container div.form .col-3{min-width:100%;text-align:left !important;margin-bottom:5px;}
.fancybox-container div.form [data-type="price"] .col .col-3{min-width:unset;}
.fancybox-container div.form-group,.saezam div.form-group{
	position:relative;
	margin:0 0 30px 0 !important;
}
.fancybox-container div.form label,.saezam label{
	font-weight:bold;
	color:#000;
	font-size:14px;
	color:var(--primary-color);
	text-align:left;
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;

}

.fancybox-container div.form .labelDiv,.saezam .labelDiv{
	position:absolute;top:-15px;left:30px;z-index:4;background:none;padding:0 4px;white-space:nowrap;
}
.fancybox-container div.form .labelDiv label,.saezam .labelDiv label{
	margin:0;white-space:nowrap;
}
.fancybox-container div.form div.details,.saezam div.details{
	display:block;font-weight:normal;color:#888;letter-spacing:0;font-size:12px;margin:5px 0 10px 0;
}

div.form .btn-translation{background:#999;border-radius:5px;color:#fff;font-size:10px;padding:2px;background:#ccc;}
				  

.fancybox-container div.form button,.fancybox-container div.form a.button{
	letter-spacing: normal;
	line-height:15px;
	white-space: nowrap;
	height:auto;
	padding:10px 20px;
}
.fancybox-container div.form .ck-editor button{
	padding:inherit;
}
.ck-source-editing-area textarea{line-height:17px;font-size:12px;}

.ck.ck-balloon-panel{z-index:99994 !important;}

figure.image{
	margin:0 auto !important;display:table;
}
figure.image img{
	margin:0 auto !important;
	width:100% !important;
	border-radius:0 !important;
}
figure.image-style-side{float:right;}
figure.image figcaption{text-align:center;background:#eee;padding:10px;}


div.form input,div.form select,div.form textarea{
	border:1px solid #ccc !important;
	border-radius:0 !important;
	padding:10px !important;
	min-height:40px;
	color:#333;
	background:#fff;
}
div.form .form-control:active,div.form .form-control:hover,div.form .form-control:focus{
	color:#333;
}
div.form input::placeholder{
	color:#ccc;opacity:0;
}
div.form .languageLink{padding:2px 5px !important;line-height:15px;height:auto;width:auto;min-width:unset;font-size:10px !important;background:#ccc}

div.form .btn{letter-spacing:0;white-space:normal;height:auto;}

div.form a.askForNewPasswordLink,div.form a.askForActivationLink{color:var(--primary-color);}

div.form [data-saezam='formButtons']{position:absolute;bottom:0;left:0;width:100%;z-index:10;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.5);}

div.form [data-type='foreign'] a {color:#666;font-size:12px;letter-spacing:0;font-weight:normal;}

div.form .formChapter{font-size:25px;text-align:left;margin:40px 0 20px 0;}

[data-type='foreignAdvanced'] .searchForeign{width:100%;background-color:var(--primary-color) !important;color:#fff;}
[data-type='foreignAdvanced'] .resultsSearchForeign a{display:block;background:#fff;padding:5px;opacity:0.7;border-bottom:1px solid #eee;cursor:pointer;}
[data-type='foreignAdvanced'] .resultsSearchForeign a:hover{opacity:1;color:var(--primary-color) !important;}

div.form.nodeJs .CodeMirror{min-height:500px;}

/* Modals */
				  
.szmodal{color:#000;}
.szmodal button,.szmodal a.button{
	letter-spacing: normal;
	line-height:15px;
	white-space: nowrap;
	height:auto;
	padding:10px 20px;
}
.fancybox-button.fancybox-close-small svg{width:40px;height:40px;}
.fancybox-button.fancybox-close-small{width:65px}
/* List */
.listView{background:#fff !important;padding:20px;font-size:14px;}
.listView .btn,.listView button{padding:10px;line-height:15px;font-size:14px;height:auto;letter-spacing:normal;text-transform:uppercase;}
.listView .title{color:#333;}
.listView .pageButton{filter:saturate(0);}
.listView .pageButton.selected{filter:saturate(1);}
.listView tr:hover .filterLink{opacity:0.5;}
.listView .filterLink:hover{opacity:0.5;color:#fff;}
.listView .filterLink.active{color:#d00;opacity:1;}
.listView th{border:1px solid rgba(255,255,255,.1) !important;}
.listView tr.filterTr th{padding:0;position:relative;}
.listView tr.filterTr input{border-radius:0;line-height:10px;max-height:40px;background:rgba(255,255,255,1);border:0;}
.listView tr.filterTr input::placeholder {
  color: #999;
}
.listView tr.filterTr input.active{background:var(--primary-color);color:#fff;}
.listView tr.filterTr a.closeLink{position:absolute;right:5px;top:9px;z-index:2;color:#d00;opacity:1;}
.listView tr.fieldsTr a.field{color:#000;font-weight:bold;}
/* Upload Zone */
.uploadzone .file{
	margin:0 10px 15px 0;
	transition: 0.2s;
}
.uploadzone .file.loading{opacity:0.8;pointer-events:none;}
.uploadzone .file.loading:before{content:"";
	background:rgba(255,255,255,0.4);
	height:100%;
	left:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:99998;
}
.uploadzone .file.loading:after{content:"";
	animation:a 0.2s linear infinite;
	background:rgba(255,255,255,0.4);
	border:4px solid var(--primary-color);
	border-bottom-color:#fff;
	border-radius:50%;
	height:50px;
	left:50%;
	margin:-27px 0 0 -27px;
	opacity:.7;
	padding:0;
	position:absolute;
	top:50%;
	width:50px;
	z-index:99999
}
.uploadzone .file,.uploadzone .buttons{max-width:210px;}
.uploadzone .file .wrap .path{word-wrap: break-word;line-height:normal;display:inline-block;vertical-align:middle;background:rgba(255,255,255,0.7); padding:5px;font-size:13px;}
.uploadzone .buttons a{display:block;width:100%;border:0;padding:10px 20px;margin:0 0 2px 0;}
.uploadzone img{max-width:100%;max-height:150px;margin:0 auto;display:inline-block;vertical-align: middle;width:auto;height:auto;}
.uploadzone .fileAdminLinks{position:absolute;top:0;right:0;line-height:normal;}
.uploadzone .empty{text-align: center;line-height:150px;}
.uploadzone .empty .fa:before{vertical-align: middle;opacity:0.2;font-size:50px;}

.uploadzone .noimage{text-align: center;line-height:150px;display:block;max-width:100%;margin:20px 0;}
.uploadzone .noimage .fa:before{vertical-align: middle;opacity:0.2;font-size:50px;}
.uploadzone .noimage .name{font-size:10px;line-height:normal;}
.uploadzone .qq-upload-button{display:none;}
.qq-uploader.fichier{position:static;}
.uploadzone .qq-upload-list{display:none;}
.uploadzone .qq-upload-drop-area.visible{display:flex !important;}
.uploadzone .qq-upload-drop-area{
	display:none;
	background-color:var(--primary-color) !important;
	opacity:0.8;
	width:100%;
	position:absolute;
	top:0;left:0;
	height:100%;
	color:#fff;font-weight:bold;
	border:4px dashed #000;
	border-radius:10px;
	align-items:center;
}
.uploadzone .qq-upload-drop-area-active{
	opacity:1;
	filter:brightness(1.2);
	border:4px dashed #FFF;
}
.uploadzone .qq-upload-drop-area span{
 	display:inline-block;position:static;margin:0;
}
.uploadzone .file .text{text-align:center;margin-top:-30px;}


.uploadzone .otherButtons a{padding:5px!important;display:inline-block;width:47%;font-weight:normal!important;font-size:13px!important;height:30px !important;}

/* CART */
[data-saezam='cart']{position:fixed;top:0;background:#f00;width:450px;max-width:100%;z-index:200000;height:100%;overflow:auto;background:#fff;color:#000;box-shadow:0 0 50px rgba(0,0,0,0.8);}
[data-saezam='cart'] div.wrap{
overflow:auto;max-height:100vh;padding:20px 20px 200px 20px;
}
[data-saezam='cart'] div.bottom{
	position:absolute;bottom:0;left:0;width:100%;overflow:hidden;text-align:center;
	background:#fff;padding:20px;
}
.cornerLinks{position:absolute;top:0;right:20px;color:#000;padding:10px;z-index:2;}
.cornerLinks a{color:#000;font-size:25px;}
.cornerLinks a:hover{color:var(--primary-color);}

.cartList{margin-top:20px;}
img.cartItem{max-width:70px;max-height:70px;}
.cartList .cartElement img{margin:0;display:block;}
.cartList .cartElement{border-bottom:1px solid #eee;}
.cartList .cartElement img{max-width:70px;max-height:70px;}
.cartList .cartElement .text{line-height:18px;padding:8px;}
.cartList .cartElement .text a{font-weight:bold;color:var(--primary-color);}
.cartList .cartElement a{color:#000;font-size:15px;}
.cartList .cartElement a:hover{color:var(--primary-color);}
.cartList .cartElement .actions{text-align:center;line-height:70px;}
.cartList .cartElement .actions a{} 
[data-saezam='cart'].refreshing{pointer-events:none;}
[data-saezam='cart'].refreshing:before{content:"";
	position:absolute;
	top:0;left:0;width:100%;height:100%;
	background:rgba(0,0,0,0.3);
	z-index:99998
}
[data-saezam='cart'].refreshing:after{content:"";
	animation:a 0.2s linear infinite;
	border:4px solid #fff;
	border-bottom-color:#fff;
	border-radius:50%;
	height:50px;
	left:50%;
	margin:-27px 0 0 -27px;
	opacity:.7;
	padding:0;
	position:absolute;
	top:50%;
	width:50px;
	z-index:99999
}
.arrayZone .row,.jsonZone .row{margin-bottom:5px;}
.arrayZone .row a,.jsonZone .row a{margin:0 10px;display:inline-block;vertical-align:middle;}
[data-type='array'] .addLink{background:#fff;display:block;padding:11px;20px;border:1px solid #ccc;}
/* Notification Pop Up Zone */
.notificationPopZone{position:fixed;bottom:0;right:250px;z-index:1000000;}
.notificationPopZone .notification{background:rgba(10,10,10,0.95);margin:10px;border-radius:5px;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.5);}

.notificationPopZone .notification.priority-3{
	background:#700;
	color:#fff;
}
.notificationPopZone .notification.priority-3 .text a{color:#fff;font-weight:bold;}

.notificationPopZone .notification .image{max-width:50px;margin:10px 10px 10px 0 ;}
.notificationPopZone .notification .image img{max-width:50px;border-radius:100%;}
.notificationPopZone .notification .text{color:#fff;font-size:13px;}
.notificationPopZone .notification .text .wrap{padding-top:26px;}
.notificationPopZone .notification .cornerLinks{padding:5px;right:0;line-height:10px;}
.notificationPopZone .notification .cornerLink{color:#333;font-size:15px;}
.notificationPopZone .notification .cornerLink:hover{color:#fff;}


/* Notifications */
[data-saezam='notifications']{transition:0.5s;position:fixed;left:-100%;top:0;width:100%;max-width:100%;z-index:2000;height:100%;overflow:auto;color:#000;}
[data-saezam='notifications'] .background{background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100vh;}
[data-saezam='notifications'] div.wrap{position:relative;max-width:450px;box-shadow:0 0 50px rgba(0,0,0,0.1);
overflow:auto;max-height:100vh;padding:0px;background:#fff;height:100vh;left:50vw;transition:0.5s;
}
[data-saezam='notifications'].opened{left:0;}
[data-saezam='notifications'].opened div.wrap{left:0;}
[data-saezam='notifications'] div.wrap > .content > h2{background:var(--primary-color);color:#fff;padding:20px;}
[data-saezam='notifications'] div.wrap .cornerLinks a:hover{color:#fff;}
[data-saezam='notifications'] div.wrap .notification {border-bottom:1px solid #eee;padding:10px;background:#fafafa;}
[data-saezam='notifications'] div.wrap .notification img{border-radius:100%;}
[data-saezam='notifications'] div.wrap .notification div.image{max-width:45px;text-align:center;color:#fff;font-size:20px;padding:7px;border-radius:100%;background-color:var(--status1-color);}
[data-saezam='notifications'] div.wrap .notification div.texts{font-size:14px;padding-left:20px;}
[data-saezam='notifications'] div.wrap .notification:hover{background:#fff;cursor:pointer;}
[data-saezam='notifications'] div.wrap .notification div.texts div.title{font-weight:bold;}
[data-saezam='notifications'] div.wrap .notification .links{max-width:60px;line-height:40px; }

/* Chat */
[data-saezam='chat']{transition:0.5s;position:fixed;left:-100%;top:0;width:100%;max-width:100%;z-index:2000;height:100%;overflow:auto;color:#000;}
[data-saezam='chat'] .background{background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100vh;}
[data-saezam='chat'] div.wrap{position:relative;max-width:450px;box-shadow:0 0 50px rgba(0,0,0,0.1);
overflow:auto;max-height:100vh;padding:0px;background:#fff;height:100vh;left:50vw;transition:0.5s;z-index:20;
}
[data-saezam='chat'] div.wrap > .content > h2{background:var(--primary-color);color:#fff;padding:20px;}
[data-saezam='chat'].opened{left:0;}
[data-saezam='chat'].opened div.wrap{left:0;}
[data-saezam='chat'] div.wrap .discussion {border-bottom:1px solid #eee;padding:10px;background:#fafafa;}
[data-saezam='chat'] div.wrap .discussion img{border-radius:100%;}
[data-saezam='chat'] div.wrap .discussion div.image{max-width:90px;}
[data-saezam='chat'] div.wrap .discussion div.texts{font-size:14px;}
[data-saezam='chat'] div.wrap .discussion:hover{background:#fff;cursor:pointer;}
[data-saezam='chat'] div.wrap .discussion div.texts div.title{font-weight:bold;}
[data-saezam='chat'] div.wrap .cornerLinks{position:absolute;top:0;right:20px;color:#000;padding:10px;z-index:2;}
[data-saezam='chat'] div.wrap .cornerLinks a{color:#000;font-size:25px;}
[data-saezam='chat'] div.wrap .cornerLinks a:hover{color:#fff;}

[data-saezam='chat'].discussionOpened .discussionDetail{left:450px;}
[data-saezam='chat'] .discussionDetail{transition:0.5s;position:absolute;top:0;left:-100%;max-width:100%;min-width:800px;background:#eee;height:100vh;padding:0px;}

[data-saezam='chat'] .discussionDetail header{background:#fff;padding:20px;font-weight:bold;}
[data-saezam='chat'] .discussionDetail header div.image{max-width:90px;}
[data-saezam='chat'] .discussionDetail header div.image img{border-radius:100%;}
[data-saezam='chat'] .discussionDetail header div.texts{padding-top:20px;font-size:18px;}

[data-saezam='chat'] .discussionDetail .messageList{max-height:calc(100vh - 150px);}

[data-saezam='chat'] .discussionDetail footer{position:absolute;bottom:0;left:0;background:#ddd;padding:20px;font-weight:bold;width:100%}
[data-saezam='chat'] .discussionDetail footer form{
	width:100%;
}
[data-saezam='chat'] .discussionDetail footer textarea{
	
}


/*Lateral*/

[data-saezam='lateral']{transition:0.5s;position:fixed;left:-100%;top:0;width:100%;max-width:100%;z-index:2000;height:100%;overflow:auto;color:#000;}
[data-saezam='lateral'] .background{background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;width:100%;height:100vh;}
[data-saezam='lateral'] div.wrap{position:relative;max-width:450px;box-shadow:0 0 50px rgba(0,0,0,0.1);
overflow:auto;max-height:100vh;padding:0px;background:#fff;height:100vh;left:50vw;transition:0.5s;z-index:20;
}
[data-saezam='lateral'] div.wrap > .content > h2{background:var(--primary-color);color:#fff;padding:20px;}
[data-saezam='lateral'].opened{left:0;}
[data-saezam='lateral'].opened div.wrap{left:0;}
[data-saezam='lateral'] div.wrap .lateralElement {border-bottom:1px solid #eee;padding:10px;background:#fafafa;position:relative;}
[data-saezam='lateral'] div.wrap .lateralElement img{border-radius:100%;}
[data-saezam='lateral'] div.wrap .lateralElement div.image{max-width:90px;}
[data-saezam='lateral'] div.wrap .lateralElement div.texts{font-size:14px;}
[data-saezam='lateral'] div.wrap .lateralElement:hover{background:#fff;cursor:pointer;}
[data-saezam='lateral'] div.wrap .lateralElement div.texts div.title{font-weight:bold;}
[data-saezam='lateral'] div.wrap .cornerLinks{position:absolute;top:0;right:20px;color:#000;padding:10px;z-index:2;}
[data-saezam='lateral'] div.wrap .cornerLinks a{color:#000;font-size:25px;}
[data-saezam='lateral'] div.wrap .cornerLinks a:hover{color:#fff;}
[data-saezam='lateral'] div.wrap .lateralElement a.full{position:absolute;top:0;left:0;width:100%;height:100%;}



[data-saezam='lateralMore'].opened{left:450px;}
[data-saezam='lateralMore']{transition:0.5s;position:absolute;top:0;left:-100%;max-width:100%;min-width:800px;background:#eee;height:100vh;padding:0px;}
[data-saezam='lateralMore'] .content{margin:20px;}


div.daterangepicker{
	z-index:99993;
}

.addToCartQuantity{
	min-width:80px;
	margin-right:20px;
}
div.addToCartQuantity input[type='text']{max-width:65px;margin-right:0 !important;display:block !important;margin:0;border-radius:none;text-align:center;border:0;background:#eee;font-size:18px;}
.addToCartQuantity a{max-width:20px;height:auto;text-align:center;padding:0;border-radius:7px;width:20px;}

td[data-type="orderChannel"]{padding:0;width:50px;}
img.img-rounded{border-radius:100%;}
.backoffice.table-bordered td[data-type="orderInvoices"]{padding:0;vertical-align:top;}
.backoffice.table-bordered td[data-type="orderShipments"]{padding:0;vertical-align:top;}
table.orderTable {border:0 !important;background:none !important;}
table.orderTable tr{border:0 !important;background:none !important;}
table.orderTable td{padding:10px;}
table.orderTable th{background:#fff;;}

.orderForm .form-group .col-3{min-width:100%;text-align:left;}
.orderForm .form-group .col-3 label{text-align:left;display:block;font-size:12px;}
.orderForm .form-group .col-3 div.linkDiv{display:inline-block;margin-left:10px;}
.orderForm h3{font-size:15px;}
.orderForm .form-group{margin-bottom:0;}


 
#gdrpCookiesConsentBackground{position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:1000;align-items:end;justify-content:center;} 
#gdrpCookiesConsentDiv{text-align:center;background:#fff;padding:40px 20px 20px 20px;max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.2)}
#gdrpCookiesConsentDiv .firstline i {position:absolute;top:-20px;right:20px;font-size:40px;opacity:0.2;}
#infoscookies div.row{margin:10px 20px;color:#222;}
#infoscookies div.row div.boutons{max-width:300px;text-align:right;}
#gdrpCookiesConsentDiv div.row div.texte{font-size:15px;vertical-align:middle;margin:20px;}
@media only screen and (max-width:600px) {
  #infoscookies .col{min-width:100%;text-align:center;}
  #infoscookies div.row div.boutons{max-width:unset;text-align:center;margin:20px 0;}
}

#infoscookieszoom{min-width:100%;vertical-align:bottom;color:#333;}
#infoscookieszoom div.image{max-width:200px;}
#infoscookieszoom div.image img{max-width:200px;max-height:150px;margin:0 auto;}
#gdrpCookiesConsentDiv div.texte{max-width:1200px;margin:20px auto !important;}
#infoscookieszoom div.titre{text-align:center;}
#infoscookieszoom div.firstline{text-align:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px;text-align:center;font-size:20px;}
#infoscookieszoom a.azone{display:block;padding:10px 20px;border-bottom:1px solid #ddd;color:#555;}
#infoscookieszoom a.azone:hover{background:#eee;text-decoration:none;}
#infoscookieszoom a.azone.selected{background:var(--primary-color);color:#fff;}
#infoscookieszoom div.zone{padding:0px;}
#infoscookieszoom div.titre{font-size:28px;font-weight:bold;margin-bottom:20px;}
#infoscookieszoom div.titre i{color:var(--primary-color);}
#infoscookieszoom div.texte{font-size:15px;text-align:justify;text-align:center;margin-bottom:20px;}

#infoscookieszoom a.acceptcookies{background:#555;border:1px solid #333;display:inline-block;padding:5px 10px;border-radius:20px;color:#888;}
#infoscookieszoom a.acceptcookies.selected{background:#0c0;color:#fff;}
#infoscookieszoom a.refusecookies{background:#555;border:1px solid #333;display:inline-block;padding:5px 10px;border-radius:20px;color:#888;}
#infoscookieszoom a.refusecookies.selected{background:#c00;color:#fff;}
#infoscookieszoom div.status{text-align:center;margin-bottom:20px;}
#infoscookieszoom .btn{font-size:17px;margin:5px;}
#infoscookieszoom .btn.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);}
@media only screen and (max-width:600px) {
  #infoscookieszoom .col,#infoscookieszoom .col-4,#infoscookieszoom .col-8{min-width:100%;}
}

@media only screen and (max-width:800px) {

	div.col.zone[data-saezam='front']{
		min-width: 100%;
	}
	div.col.zone.szback[data-saezam='back']{
		min-width: 100%;
		min-height:unset;
		height:auto;
		position:static;
	}

	[data-saezam='global'].flex-nowrap{
		flex-wrap: wrap !important;;
	}

	div.col.zone.szback[data-saezam="back"] > div.wrap{
		height:auto;
	}
	div.buttonDiv div.hover{
		position:static;
		opacity:1;
		filter: brightness(1);
		width:100%;
	}
	div.col.zone.szback[data-saezam="back"] div.buttonDiv,div.col.zone.szback[data-saezam="back"] button, div.col.zone.szback[data-saezam="back"] a.button{
		z-index:1;
	}
	div.col.zone.szback[data-saezam="back"] .sticky-top{
		
		position:static !important;
	}
	div.col.zone.szback[data-saezam="back"] button.hide{
		display: none;
	}
}


/* Google Preview */

.previewGoogle{
	text-align:left;
}
.previewGoogle .url{
	color:#202124 !important;
	font-size: 14px;
	line-height: 1.3;
	font-family: arial,sans-serif;
	text-align:left !important;
	width:auto;
	height:auto;
}
.previewGoogle .title,.previewGoogle .title a{
	color:#1a0dab !important;
	font-family: arial,sans-serif;
	line-height: 1;
	font-size: 20px;
	text-align:left !important;
	padding:10px 0 !important;
	width:auto;
	font-weight:normal;
	height:auto;
}
.previewGoogle .description{
	color:#4d5156 !important;
	line-height: 1.58;
	word-wrap: break-word;
	font-family: arial,sans-serif;
	font-size: 14px !important;
	text-align:left !important;
	width:auto;
	height:auto;
}



/* Access Edit */

.accessRight{
	display:block;width:100%;padding:22px 20px;background:#ccc;text-align:center;font-weight:bold;color:#fff;
}
.accessTrue{background:#0d0;}
.accessTrueCondition{background:#f60;}
.accessFalse{background:#c00;}
table.backoffice.scopes td{padding:0!important;}


.closeBrowser svg{color:#fff;width:50px;}

.seoInputs{min-width:250px;} 

td[data-type='password']{position:relative;padding:5px;width:20px;margin:0;}
a.passwordStatus{position:absolute;top:0;left:0;background:#f00;width:20px;height:100%;}
a.passwordStatusOK{background:var(--status1-color) !important;}
a.passwordStatusKO{background:var(--status0-color) !important;}



/* Price Form */

[data-type='price'] select{
	font-size:12px;
}

/*AI SERVER*/
[data-saezam="aiServer"] div.circle{
	display: inline-block;
	max-width: 50px;
	content: "";
	vertical-align: middle;
}
[data-saezam="aiServer"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}

[data-saezam="aiServer"][data-status="1"] div.circle:before{background:#0c0;border:2px solid #0c0;}
[data-saezam="aiServer"][data-status="2"] div.circle:before{background:#ee7700;border:2px solid #ee7700;}
[data-saezam="aiServer"][data-status="0"] div.circle:before{background:#c00;border:2px solid #c00;}
[data-saezam="aiServer"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}

/*NODE CHECK*/
[data-saezam="nodeServer"] div.circle{
	display: inline-block;
	max-width: 50px;
	content: "";
	vertical-align: middle;
}
[data-saezam="nodeServer"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}

[data-saezam="nodeServer"][data-status="1"] div.circle:before{background:#0c0;border:2px solid #0c0;}
[data-saezam="nodeServer"][data-status="2"] div.circle:before{background:#ee7700;border:2px solid #ee7700;}
[data-saezam="nodeServer"][data-status="0"] div.circle:before{background:#c00;border:2px solid #c00;}
[data-saezam="nodeServer"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}

/*SEO CHECK*/

[data-saezam="seoCheck"] div.circle{
	display: inline-block;
	max-width: 50px;
	content: "";
	vertical-align: middle;
}
[data-saezam="seoCheck"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}

[data-saezam="seoCheck"][data-score="good"] div.circle:before{background:#0c0;border:2px solid #0c0;}
[data-saezam="seoCheck"][data-score="medium"] div.circle:before{background:#ee7700;border:2px solid #ee7700;}
[data-saezam="seoCheck"][data-score="bad"] div.circle:before{background:#c00;border:2px solid #c00;}
[data-saezam="seoCheck"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}

#back #int-tab-seopage h3{text-align: left;font-size:14px;text-transform:none;border:0;background:#999;color:#fff;font-weight:bold;padding:0 20px;}
#back #int-tab-seopage div.seoelement{margin-top:20px;}
#back #int-tab-seopage div.seoelement table{margin:10px 0;}
#back #int-tab-seopage #seopagedetail table td{border:1px solid #ccc;}
#back #int-tab-seopage #seopagedetail table.linksseotable td:first-of-type,#back #int-tab-seopage #seopagedetail table.imgseotable td:first-of-type{font-size:10px;}
#back #int-tab-seopage #seopagedetail pre{text-align: left;}

#back #int-tab-seopage div.seoelement div.html{text-align: justify;font-size:11px;padding:20px;font-weight:normal;}
#back #int-tab-seopage div.seoelement.bon h3{background:#0c0;}
#back #int-tab-seopage div.seoelement.moyen h3{background:#ee7700;}
#back #int-tab-seopage div.seoelement.mauvais h3{background:#c00;}
#back #int-tab-seopage div.seoelement.apercugoogle .firstlinegoogle{color:#1A14AE;font-weight:500;font-size:16px;text-align: left;}
#back #int-tab-seopage div.seoelement.apercugoogle .secondlinegoogle{color:#006621;font-weight:500;font-size:14px;text-align: left;}

.seoCompleteCheck .result{
	border:1px solid #eee;padding:10px 20px 10px 60px;margin:10px 0 20px 0;border-radius:5px;background-color:#eee;position:relative;
}

.seoCompleteCheck .result.good{background:var(--status1-color);color:#fff;}
.seoCompleteCheck .result.medium{background:var(--status6-color);color:#fff;}
.seoCompleteCheck .result.bad{background:var(--status5-color);color:#fff;}
.seoCompleteCheck .previewGoogle{padding:0px;}
.seoCompleteCheck b.string{border:1px solid #eee;padding:30px;display:block;}

.seoCompleteCheck .result i{font-size:20px;position:absolute;left:20px;top:calc(50% - 10px);}

/* VISITS STATS */

[data-saezam="visitsStats"] div.circle{
	display: inline-block;
	max-width: 50px;
	content: "";
	vertical-align: middle;
	position:relative;
}
[data-saezam="visitsStats"] div.circle .total{position:absolute;top:0;left:0;width:100%;display:block;text-align:center;line-height:30px;font-weight:bold;font-size:10px;}
[data-saezam="visitsStats"] div.circle:before{content:"";background:#333;margin:1px 12px 0 12px;width:26px;height:26px;display: inline-block;border-radius:50px;transition: .2s;}

[data-saezam="visitsStats"][data-score="good"] div.circle:before{background:#333;border:2px solid #333;}
[data-saezam="visitsStats"][data-score="medium"] div.circle:before{background:#333;border:2px solid #333;}
[data-saezam="visitsStats"][data-score="bad"] div.circle:before{background:#333;border:2px solid #333;}
[data-saezam="visitsStats"].loading div.circle:before{background:#333;border:0px groove;border-bottom:5px groove var(--primary-color);animation : spin .5s linear infinite;}
.visitsStatsReport iframe{height:revert-layer !important;}

/* Animations */

@keyframes spin {
  0 {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.btn-primary{background:var(--primary-color);border:1px solid #B8A140;}
.btn-active{filter:brightness(1.2);}
.btn-inactive{filter:brightness(1.5);opacity:0.6}

.btn-paymentMethod .wrap,.btn-carrier .wrap{
	margin:10px;
	padding:10px;
	border-radius:5px;
	background:#eee;
	border:2px solid transparent;
}
.btn-paymentMethod .description,.btn-carrier .description{
	color:#333;font-weight:bold;font-size:12px;
}
.btn-paymentMethod .row,.btn-carrier .row{
	align-items: center;	
}
.btn-paymentMethod img,.btn-carrier img{
	margin:10px;	
}
.btn-paymentMethod.btn-active .wrap,.btn-carrier.btn-active .wrap{
	background:#fff;
	border:2px solid var(--primary-color);
	filter:none;
}
.btn-paymentMethod.btn-active,.btn-carrier.btn-active,.btn-paymentMethod.btn-inactive,.btn-carrier.btn-inactive{
	filter:none;
}

.szpicto{text-align:center;background:#eee;}
.szpicto i{color:#ccc;font-size:30px;vertical-align:middle;}

.bootstrap-datetimepicker-widget table thead th{padding:5px 0;}
.bootstrap-datetimepicker-widget table thead th.dow{width:14%;}
.bootstrap-datetimepicker-widget table td{padding:5px 0;}
.bootstrap-datetimepicker-widget a{padding:5px 0;}
.bootstrap-datetimepicker-widget .picker-switch td{background:var(--primary-color);}


.sz-bank{background:#3629B6;min-height:100vh;}
.sz-bank .page{background:#fff;max-width:350px;margin:50px auto;border-radius:50px;}
.sz-bank .back{color:#fff;padding:20px;}
.sz-bank .back a{color:#fff;}

.sz-bank .card{background:#1672FE;width:300px;height:200px;margin:0px auto 20px auto;border-radius:10px;overflow:hidden;color:#fff;z-index:2;}
.sz-bank .card:before{content:"";border-radius:100%;background:#1F166F;position:absolute;bottom:calc(20% - 200px);left:-200px;width:400px;height:400px;}
.sz-bank .card:after{content:"";border-radius:100%;background:#4EB3FE;position:absolute;top:calc(20% - 100px);right:-100px;width:200px;height:200px;}
.sz-bank .card .logo img{width:70px;}
.sz-bank .card .text{position:relative;z-index:3;padding:20px;}
.sz-bank .card .logo{position:absolute;z-index:3;bottom:10px;right:10px;filter:brightness(2);}
.sz-bank .card .text .owner{font-size:25px;margin-bottom:20px;font-weight:lighter;}
.sz-bank .card .text .bank{font-size:12px;}
.sz-bank .card .text .number{font-size:18px;letter-spacing:2px;}
.sz-bank .card-wrap{position:relative;width:300px;margin:0px auto }
.sz-bank .card-wrap:after{content:"";border-radius:10px;background:#F84069;position:absolute;bottom:-5px;left:20px;width:260px;height:40px;}
.sz-bank .card-wrap:before{content:"";border-radius:10px;background:#807FC6;position:absolute;bottom:-10px;left:40px;width:220px;height:40px;}
.sz-bank .lds-ellipsis{position:absolute;top:50%;left:calc(50% - 40px);}



.sz-paymentManual{background:var(--primary-color);min-height:100vh;}
.sz-paymentManual .page{background:#fff;max-width:350px;margin:50px auto;border-radius:50px;}
.sz-paymentManual .back{color:#fff;padding:20px;}
.sz-paymentManual .back a{color:#fff;}

.sz-paymentManual .card{background:#1672FE;width:300px;height:200px;margin:0px auto 20px auto;border-radius:10px;overflow:hidden;color:#fff;z-index:2;}
.sz-paymentManual .card:before{content:"";border-radius:100%;background:#1F166F;position:absolute;bottom:calc(20% - 200px);left:-200px;width:400px;height:400px;}
.sz-paymentManual .card:after{content:"";border-radius:100%;background:#4EB3FE;position:absolute;top:calc(20% - 100px);right:-100px;width:200px;height:200px;}
.sz-paymentManual .card .logo img{width:70px;}
.sz-paymentManual .card .text{position:relative;z-index:3;padding:20px;}
.sz-paymentManual .card .logo{position:absolute;z-index:3;bottom:10px;right:10px;filter:brightness(2);}
.sz-paymentManual .card .text .owner{font-size:25px;margin-bottom:20px;font-weight:lighter;}
.sz-paymentManual .card .text .bank{font-size:12px;}
.sz-paymentManual .card .text .number{font-size:18px;letter-spacing:2px;}
.sz-paymentManual .card-wrap{position:relative;width:300px;margin:0px auto }
.sz-paymentManual .card-wrap:after{content:"";border-radius:10px;background:#F84069;position:absolute;bottom:-5px;left:20px;width:260px;height:40px;}
.sz-paymentManual .card-wrap:before{content:"";border-radius:10px;background:#807FC6;position:absolute;bottom:-10px;left:40px;width:220px;height:40px;}
.sz-paymentManual .lds-ellipsis{position:absolute;top:50%;left:calc(50% - 40px);}


/* SHEET */
.sheet.listView .table-responsive{}
tr.sheet td.sheet{padding:padding:20px !important;margin:0 !important;position:relative;min-width:100px; border:1px solid #ccc !important;}
tr.sheet td .close a:nth-child(1) {color:#333;}
tr.sheet td:selected{background:#f00 !important;}
tr.sheet td .close{z-index:5;position:relative;font-size:18px;padding:3px;}
tr.sheet a.full{cursor:pointer;border:1px solid transparent;min-height:65px;position:absolute;top:0;left:0;width:100%;height:100%;}
tr.sheet td:hover{background:#f7edd7 !important;background-blend-mode: multiply !important;}
tr.sheet .edit{position:absolute;top:0;left:0;min-width:300px;width:100%;min-height:100%;z-index:3;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.5);}
tr.sheet .edit .form-group{background:#fff !important;margin-top:20px;}
tr.sheet .edit .form-group textarea{height:200px;}
.backoffice.sheet th{font-size:11px;letter-spacing:0;}
div.sheet.listView div.table-responsive{padding:0;}
tr.sheet td.focused .edit{border:1px solid #f00;}
tr.sheet td.occupied{outline:1px solid var(--primary-color) !important;}
tr.sheet .userName{font-size:8px;position:absolute;bottom:-1px;right:5px;padding:2px 3px;background:#f00;color:#fff;font-weight:bold;border-radius:3px 3px 0 0;}
tr.sheet td.occupied .userName{background:var(--primary-color) !important;}


tr.sheet .edit input.sheet{border:0;padding:20px;width:calc(100%);max-width:100%;position:absolute;top:0;left:0;height:100%;display:block;}
tr.sheet .edit select{border:0;padding:20px;width:calc(100%);max-width:100%;position:absolute;top:0;left:0;height:100%;display:block;}

tr.fieldsTr{position:normal;top:0px;background:rgba(255,255,255,0.8);z-index:2;}

tr.sheet .foreignForm .search input{height:40px;font-size:12px;}
tr.sheet .foreignForm .selection{text-align:center;padding:10px;}
tr.sheet .foreignForm .selection .title{font-weight:bold;}
tr.sheet .foreignForm .candidates a{border-bottom:1px solid #ccc;min-height:35px;background:#fff;filter:brightness(0.9);transition:0.2s;cursor:pointer;}
tr.sheet .foreignForm .candidates a:hover{filter:brightness(1);}
tr.sheet .foreignForm .candidates a span{font-weight:normal;color:#333;}

tr.sheet td.sheet[data-type="phone"]{min-width:150px;}
tr.sheet td.sheet[data-type="siret"]{min-width:200px;}
tr.sheet td.sheet[data-type="foreign"]{min-width:200px;}
tr.sheet td.sheet[data-field="address"]{min-width:250px;}

.backoffice.sheet th.activeFilter{background-color:var(--primary-color);}
.fieldsTr th{position:relative;}
.filterDiv{position:absolute;top:100%;left:0;min-width:300px;min-height:100%;z-index:3;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.5);padding:20px;}
.filterDiv .close{z-index:5;position:absolute;top:0;right:0;font-size:18px;padding:3px;}
.filterDiv .close a:nth-child(1) {color:#333;}
.filterForm .btn{font-size:10px;max-width:140px;}
.filterForm .search input{height:40px;font-size:12px;}
.filterForm .selection{text-align:center;padding:10px;}
.filterForm  .title{font-weight:bold;}
.filterForm  .candidates{max-height:300px;overflow:auto;}
.filterForm  .candidates a{border-bottom:1px solid #ccc;min-height:35px;background:#fff;filter:brightness(0.9);transition:0.2s;cursor:pointer;}
.filterForm .candidateDiv span{font-weight:normal;color:#333;}
.filterForm .candidateDiv {color:#333;} 
.filterForm .candidates a:hover{filter:brightness(1);}

[data-type="endpoint"] .card{font-size:0.8em;}
[data-type="endpoint"] .card .title{font-weight:bold;color:var(--primary-color);}
.chooser{max-width:100%;width:550px;}
.chooser .results{max-height:650px;overflow:auto;padding:20px;}
.chooser .results a{display:block;text-align:center;background:#eee;margin-bottom:2px;padding:6px;font-size:0.8em;}
.chooser .results a:hover{background:var(--primary-color);color:#fff;}

.requiredFieldNotice{display:inline;margin-left:5px;font-weight:normal;color:#000;font-size:15px;line-height:12px;}
[data-type="checkboxes"] .element,[data-type="foreignCheckboxes"] .element,[data-type="foreignRadio"] .element{min-width:200px !important;max-width:350px !important;padding:5px 10px;}

[data-type="checkboxes"] .element label{font-weight:normal !important;color:#000 !important;}
[data-type="foreignCheckboxes"] .element label{font-weight:normal !important;color:#000 !important;}
[data-type="foreignRadio"] .element label{font-weight:normal !important;color:#000 !important;}
[data-type="checkboxes"] input[type='checkbox']{min-height:unset;}
[data-type="foreignCheckboxes"] input[type='checkbox']{min-height:unset;}
[data-type="foreignRadio"] input[type='radio']{min-height:unset;}

.dropZone .col.file{display:none;}
.dropZone td.fileName{font-weight:bold;} 

[data-type="gdrpConsent"] input{width:20px;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;margin:0 0 0 -35px;}
.form-check-label{line-height:170%;}

.searchTr th{margin:0!important;padding:0!important;}
.searchTr th div{margin:0!important;;}
.searchTr th input,.searchTr th select{padding:5px;height:40px;border-radius:0!important;border:1px solid #eee!important;}
.searchTr th input::placeholder{font-size:10px!important;letter-spacing:0;color:#ccc;}

.filtersSelected{padding:0px;margin-bottom:10px;}

.historyList{border-left:2px solid var(--primary-color);margin-left:50px;padding-left:50px;padding-top:10px;padding-bottom:10px;}
.historyElement{position:relative;margin:20px 0;}
.historyElement .date{font-weight:bold;color:var(--primary-color);}
.historyElement .name{font-weight:bold;}
.historyElement:before{content:".";position:absolute;left:-57px;top:-7px;font-size:60px;line-height:0px;}

.form.appwatch{width:100%;}
.form.appwatch .list{height:calc(100vh - 200px);overflow:auto;}
.form.appwatch .list .element{border:1px solid #ccc;padding:10px;background:#eee;margin-bottom:2px;}
.form.appwatch .list .element .type{font-weight:bold;}


.form-group .szdropdown{
	height:0;
	position:relative;
	z-index:1000;
}
.form-group .szdropdown-container{
	max-height:400px;
	overflow:auto;
}
.form-group .szdropdown .szdropdown-element{
	background:#ddd;
	color:#666;
	display:block;
	padding:5px 10px;
	margin:0 2px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.form-group .szdropdown .szdropdown-element:hover{
	color:#fff;
	background:var(--primary-color);
}

/*F.A.Q.*/
[data-name="faqBlock"] {padding: 50px 0;}
[data-name="faqBlock"] .faq {padding-top: 50px;}
[data-name="faqBlock"] h3 {text-transform:initial;}
[data-name="faqBlock"] .box .flex-column {background-color: #7b7b7b;padding:20px;margin-bottom:15px}
[data-name="faqBlock"] .box a {text-decoration: none; line-height: 50px;width: 100%;color:#fff;font-size:20px;}
[data-name="faqBlock"] .box .answer {line-height: 25px;color:#fff;width:100%;text-align:left;}


/*carrousel*/
[data-name="coreCarrouselBlock"] {padding: 50px 0;}
[data-name="coreCarrouselBlock"] .slide {margin: 15px;}
[data-name="coreCarrouselBlock"] .slide .name {height:50px;}
[data-name="coreCarrouselBlock"] img {width:100%;height:250px;object-fit:cover;padding-bottom:30px;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-nav.disabled, [data-name="carrouselBlock"] .owl-carousel .owl-dots.disabled {display: flex;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-nav.disabled {}

[data-name="coreCarrouselBlock"] .owl-carousel  {position: relative;height: 100%;top: 0;left: 0;justify-content: revert;display: flex;justify-content: space-between;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-nav {font-size:50px;color: #fff;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-prev {position:absolute;top:50%;left:-20px;}
[data-name="coreCarrouselBlock"] .owl-carousel .owl-next {position:absolute;top:50%;right:-20px;}

@media (max-width: 1200px) {  

	[data-name="faqBlock"] .container, [data-name="coreCarrouselBlock"] .container {padding:0 20px;}
	
}

[data-name="coreCartBlock"] .steps{background:#F6F6F8;padding:20px;align-items: end !important;}
[data-name="coreCartBlock"] .step  {text-align:center;max-width:350px;filter:saturate(0);opacity:1;}

[data-name="coreCartBlock"] .step .title{font-weight:bold;color:#000;display:block;font-size:20px;}
[data-name="coreCartBlock"] .step .number{font-weight:bold;color:#fff;display:block;background:var(--primary-color);border-radius:100%;width:50px;line-height:40px;margin:10px auto;font-size:20px;border:5px solid #fff;z-index:1;}
[data-name="coreCartBlock"] .step .number:before{position:absolute;bottom:32px;left:0;width:calc(50% - 25px);height:5px;background:var(--primary-color);content:"";z-index:0;}
[data-name="coreCartBlock"] .step .number:after{position:absolute;bottom:32px;right:0;width:calc(50% - 25px);height:5px;background:var(--primary-color);content:"";z-index:0;}
[data-name="coreCartBlock"] .step:nth-child(1) .number:before{content:none;}
[data-name="coreCartBlock"] .step:last-child .number:after{content:none;}
[data-name="coreCartBlock"] .step.disabled{pointer-events:none;filter:saturate(0); opacity:0.3}
[data-name="coreCartBlock"] .step.disabled .number{color:#000;}
[data-name="coreCartBlock"] .step.current{filter:saturate(1);opacity:1;}

@media (max-width: 1200px) {
	[data-name="coreCartBlock"] .step .title{font-size:14px;line-height:16px;}
	
}
@media (max-width: 400px) {
	[data-name="coreCartBlock"] .step .title{font-size:12px;line-height:16px;}
	
}

div.askTextFromAI [name='input']{min-width:800px;max-width:100%;}
div.askTextFromAI .result{background:#eee;padding:30px;max-width:800px;margin:0 auto 20px auto;}


div.askTextFromAIDevContext [name='input']{min-width:800px;max-width:100%;}
div.askTextFromAIDevContext .result{background:#eee;padding:30px;max-width:800px;margin:0 auto 20px auto;overflow:auto;font-size:10px;max-height:calc(100vh - 430px);}
div.askTextFromAIDevContext .resultSaezam{background:#eee;padding:30px;max-width:800px;margin:0 auto 20px auto;overflow:auto;max-height:calc(100vh - 430px);}

div.askTextFromAIDevContext .resultSaezam > div{background:#fff;margin:10px;padding:20px;}

div.askTextFromAIDevContext .resultSaezam > div .operation{font-weight:bold;color:var(--primary-color)}
div.askTextFromAIDevContext .resultSaezam > div .description{font-size:12px;}



table.backoffice .badge-light{color:inherit;}
.form-group .szdropdown .szdropdown-element.selected{
	color:#fff;
	background:var(--primary-color);
}


div.dashBoardBlock{}
div.dashBoardBlock div.wrap{padding:20px;margin:20px;background:#fff;}
div.dashBoardBlock div.wrap > div.title{font-weight:bold;color:var(--primary-color);font-size:20px;border-bottom:1px solid #eee;}