/* TOOLBAR DCOMM */

/*.toolbardcomm{

	font-size:15px;

	position:fixed;

	bottom:0;

	left:0;

	overflow:hidden;

	height:auto;

	z-index: 60;

}*/

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.visible_only_in_editMode { display: none; }
.editMode .visible_only_in_editMode { display: block; }



.redactor-toolbar li a .re-button-tooltip {

      top: 50%;

    /* right: 101%; */

    left: 100%;

    margin-top: -50%;

    bottom: inherit;

  }


.cms-tag {display: none; }
.editMode .cms-tag {    
    display: block;
    position: absolute;
    opacity: 0.6;
    transform: translateY(-1em);
    font-size: 0.6em;
    color: pink; 
}

.message-box{
	padding:10px;
	border-radius:4px;
	background-color:hsla(0,0%,4%,0.73);
	color:#fff;
	font-size:1.2em;
}

/*#sortable .toolbardcomm, footer .toolbardcomm, .mfp-content .toolbardcomm {

	font-size:12px;

	position:absolute;

	top:-1em;

	left:-1.8em;

	border-bottom:none;

	z-index:1000;

	height:2em;

	overflow:hidden;

	-webkit-transition: all .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

	-moz-transition: all .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

	-ms-transition: all .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

	-o-transition: all .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

	transition: all .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

}*/

/*[contentEditable=true]:empty:not(:focus):before{*/

[contentEditable=true]:empty:before{

        content:attr(data-text);

		font-size:0.7em;	

		display: block;

		line-height: 0.7em;

		color:#000;

    }

p[contentEditable=true]:not([data-text=""]) { min-height: 2em; }

	/*.content .editable img { width:100%; }*/

	

.contenusnippet.formBuilder{width:800px; padding: 60px 60px;}	

	
.boutoncontainer{    
    position: absolute;
    top: 50%;
    z-index: 2222;
    text-align: center;
    width: 100%;
}




/* COMMANDE TIME CAPSULE */

#TimeCapsuleList  {   
    display: flex;
    position: fixed;
    top: 0px;
    left: 100px;
    height: 100vh;
    flex-direction: column;
    justify-content: space-evenly;
	width: 26px;
	align-items: center;
	z-index: 520;
    
	}
	#TimeCapsuleList:after {
		position: absolute;
		content:"";
		width: 3px;
		background-color: black;
		height: 100%;
		top:0px;
		margin: auto;
	}
	#TimeCapsuleList .point {
		position: relative;
	/*    margin: 10px;*/
		border-radius: 50%;
		display: block;
		margin: 10px 0px;
/*		width: 12px;*/
/*		height: 12PX;*/
		border: 4px solid black;
		background: #ffffff;
		/* margin-left: -76%; */
		cursor: pointer;
		z-index: 2;
	}
	#TimeCapsuleList .point:hover {
		background: #6EA82B;
	}	
	#TimeCapsuleList .point:hover:after {
		position: absolute;
		top: -5px;
		left: 25px;
		padding: 5px 10px;
		content: attr(data-timeStamp);
		/*    display: inline-table;*/
		white-space :nowrap;
		font-size: 14px;
		background-color: black;
		color:white;
		/* line-height: 33px; */
		line-height: 20px;
		z-index: 100;
	}

/* TimeCapsule end */
.fa-dcommBt {

  color: white;

  padding: 0;

  width: 1em;

  height: 1em;

  /* font-size: 24px; */

  background-color: black;

  padding: 0.5em;

  text-align: center;

  border-radius: 50%;

  margin-bottom: 0.3em;

  cursor:pointer;	

}



#redactor-modal-box {}



.mfp-content button.mfp-close, #redactor-modal-close {

	  position: fixed;

  right: 0.5em;

  top: 0.25em;

  font-size: 72px;

  font-weight: 100;

 /* font-family: inherit; */

  font-family: Oxygen, sans-serif!important;



}



.mfp-content section { margin-bottom:20px;}

#btnfooter button{

  position: relative;

  width: 100%;

  padding: 14px 16px;

  margin: 0;

  outline: none;

  border: none;

  background-color: #000;

  color: #FFFFFF;

  text-align: center;

  text-decoration: none;

  font-weight: normal;

  font-size: 12px;

  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;

  line-height: 1;

  

  cursor: pointer;

 }

/*#btnfooter */
.redactor-modal-action-btn {
	background: none; 
	color: #fff; 
	background-color: #2461b5; 
	font-size: 1.25rem; 
}



.contenusnippet {

display: block; 

width : 200px; 

height:100%; 

position:fixed; top:0px; 

cursor:pointer; 

background-color:white; 
	
z-index:950;	

transition:all 0.5s linear;

left:-200px;

overflow:hidden;

overflow-y:auto;

}



.contenusnippet .container12 {

	min-width:inherit;

	width:100%;

}


.boutoncontainer {
	position: absolute;

	font-size: 1em;
	z-index: 3000;
/*
	top: calc( 50% - 1.25em);
	left:calc( 50% - 1.25em);
*/
	top: 1em;
	right: 1em;

	 transition: transform .3s ease;
	width: fit-content;
	
}
.boutoncontainer i {
	padding: 0.5em;
	background-color: rgba(71,71,71,0.78);
	border-radius: 5px;
	color:white;
	margin: 0 0.25em;
	width: 1em;
	height: 1em;
	line-height: 1em;
}


.btMovable {
	
	position: absolute;
	top:50%;
	left: 50%;
	width: 40px;
/*
	margin-left: -20px;
	margin-top: -20px;
*/
	height: 40px;
/*	background-color: red;*/
	border:2px solid red;
	border-radius: 20px;
}
.btMovable:before  {
	content: "";
	width: 60px;
	height: 2px;
	position: absolute;
	top: calc( 50% - 1px );
	background-color: red;
	left: -10px;
}
.btMovable:after  {
	content: "";
	width: 2px;
	height: 60px;
	position: absolute;
	left: calc( 50% - 1px );
	background-color: red;
	top: -10px;
}

#toolbardev2 { 

position:fixed;

bottom:0px;

width:30px;

height:100%;

background-color:black;

opacity:0.5;

transition:opacity 0.5s ease;

-ms-transition:opacity 0.5s ease;

-moz-transition:opacity 0.5s ease;

-o-transition:opacity 0.5s ease;

-webkit-transition:opacity 0.5s ease;

z-index:1000;

}



#toolbardev2:hover{

	opacity:1;

}



#toolbardev2.specialPopUp  {

z-index:7500;	

}



.contenusnippet.specialPopUp  {

z-index:7450;	

}

.contenusnippet.active {

left:30px;	

}

	

#redactor-modal footer {background:none;}



.mfp-content h1,.mfp-content h2,.mfp-content h3,.mfp-content h4,.mfp-content h5 {color:black;}



.toolbardcommshort { position:absolute; bottom:10px; border:1px solid #fff; left:10px; border-bottom: none; z-index:1000;}

.toolbardcomm li, .toolbardcommshort li {  
	cursor:pointer; 
	margin: 0px!important; 
	list-style: none!important;
	line-height: 2em;
}

.toolbardcomm li.btn_hidden{display:none;}

.toolbardcomm li i, .toolbardcommshort i{   color: white;

  padding: 0;

  width: 1em;

  height: 1em;

  /* font-size: 24px; */

/*  background-color: black;*/

  padding: 0.5em;

  text-align: center;

  border-radius: 5px; 
	
	

/*  margin-bottom: 0.3em; */

  }

.toolbardcomm .fa-save, .toolbardcomm .paste_btn {display:none; }

.clipboard .toolbardcomm .paste_btn {display:block; }

/*#sortable .toolbardcomm:hover { height:15em; }*/


.cloner_container {
	position: absolute;
	bottom: -0.5em;
	width: 100%;

	text-align: center;
	line-height: calc(1em + 5px);
}

.cloner_container i {
		background-color: #B3B3B3;
	color:white;
	width: 1em;
	height: 1em;
	margin: 0 0.5em;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;

}
.cloner_container i:hover{
	background-color: #696969;
}
.toolbardcomm i.move_btn {
	content: "\f25a"!important;
}

#progress, #redactor-progress { 



  width: 5px;

  height: 100%;

  position: fixed;

  left: 30px;

  top:0px;

  background: none;

  overflow:visible;

  border-radius:0px;

}

#progress .bar, #redactor-progress span {

	  width: 100%;

  bottom: 0px;

  height: 0px;

  position: absolute;

    background : #0e90d2;

}

#progress .label {

  left: 50%;

z-index : 1000001;

  margin-left: -1.75em;

  margin-top: -1.75em;

  border-radius: 50%;

  background-color: #0e90d2;

  position: absolute;

  top: 25%;

  width: 3em;

  height: 3em;

  text-align: center;

  padding: 0.25em;

  font-size: 9pt;

  line-height: 3em;
	
	z-index: 1202;

}

.toolbardcomm  .save_btn { display:none; }

input[type="file"].fileupload, .fileupload, .fileuploadAlbum  { display:none; }



/*.slider .toolbardcomm { position:absolute; }*/



/*A Revoir - soit intégrer dans le toolbar REDACTOR ou */

.groupHandler { position:relative; }

.groupHandler .move_btn { position:absolute; font-size:20px; background-color:#000; color:#CC3; top:10%; left:-20px; padding:4px; }



.redactor-toolbar .re-advanced { display:none!important; }

div[data-varname="content"] .redactor-toolbar .re-advanced  { display:inline-block!important; }

.cms_dropzone { background-color:rgba(141, 210, 24, 0.12)!important;  }



/* DEPLACER CETTE PAGE */

#treeDisplay .pageTvWritable {text-decoration: none; background:none; color:grey; padding:2px; cursor:pointer; margin:15px; line-height:25px;}



/* REDACTOR */



.moveable { border : 1px dashed blue; cursor:move; }





.unpublish {opacity:0.5;}



#blankContainer .dropDownCheckBox label { width:auto; }



#Content IMG, #Content table { max-width: 100%;}



#mce_32-open {padding:2px 10px;}



.content table { width: 100%; }

.content table td , #Content table th{    padding: 0.15em; border-bottom:1px solid #666;}

.content table th{font-weight:bold;}



.more_bt { background-image:url(/images/more_bt.png); cursor:pointer; width:15px; font-size: 1em; display: inline-block; background-repeat:no-repeat; background-size:100%; background-position:center center;}

.more_bt.less_bt { background-image:url(/images/less_bt.png); }

.blocinfo a img {width:auto; display:inline;}

#uploadFiles #icone {max-width:350px;}

#filesfichier img {max-width:350px!important;}



input[type=submit], input[type=button], button, .mce-primary, .btn {
	min-height:25px; 
	background-color:black; 
/*	color:#FFF!important;*/
	border: 1px solid black;
	outline: none;
	padding: 0.5em 2em;
	text-decoration: none;
} 

.mfp-content input[type=submit], 
.mfp-content input[type=button], 
.mfp-content button, 
.mfp-content .mce-primary, 
.mfp-content .btn {
	color:white;
}


input[type=text], input[type=password], input[type=file], input[type=email], textarea, select  { 	

	background-color:#FFF;

	color:black;

/*	margin:3px;*/

/*	padding:8px;*/

}



#uploadFiles {margin-bottom:4px;}





input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, textarea:hover {background-color:none;}



/*input[type=button]:hover, .btn:hover {color:#4e413e;}*/


/*

.btn {

display: inline-block;

padding:  4px 10px 4px;

font-size: 13px;

line-height: 18px;

color: #fff;

text-align: center;

text-shadow: none;

background: #8dc55a;

border: none;

font-family:'Lato';

cursor: pointer;

}

*/


/********* STYLE DROPZONE **********/

#dropzone {

    background: palegreen;

    width: 150px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-weight: bold;

}

#dropzone.in {

    width: 600px;

    height: 200px;

    line-height: 200px;

    font-size: larger;

}

#dropzone.hover {

    background: lawngreen;

}

#dropzone.fade {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    opacity: 1;

}



#fileupload {position:absolute; left:-99999px;}


/*************** SECtion bouton rond qt *****************/
.rounded_qt_button { display: inline-block; margin: 0.5em 0;}

.rounded_qt_button span {
	    display: inline-flex!important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16pt;
    color: #fff;
    border-radius: 50%;
    background-color: #000;
    text-align: center;
    margin: 0px 2px;
	cursor: pointer;
}
.rounded_qt_button span.quantity {
	background-color: white;
	color:black;
	box-shadow: 0 0 5px gray;
}



/************** CSS CMS ********************/

.add {

	background:#999;

	position:relative;

	padding-bottom:60%;

	width:100%;

}





.add .add_btn{

  /*margin: auto;

  display: block;

  

  width: 1em;

  height: 1em;

  padding: 1em;

  text-align: center;

  line-height: 1em;*/

	display:flex;

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

	align-items:center;

	justify-content:center;

	font-size: 2em;

}

  

  

a.add_btn:hover{ text-decoration:none!important;}







input[type=button], .btn {
/*	retiré, la ligne 570 devrait faire la job*/
/*
	border: solid 1px #8dc55a; 
	min-height: 15px; 
	background-color: #8dc55a; 
	color: #FFF;
*/
}



.date {padding-top:10px;}





/* Un image */

.bloccontenuimages .imgun a, .bloccontenuimages .imgdeux a, .bloccontenuimages .imgtrois a, .bloccontenuimages .imgquatreplus a, .bloccontenuimages .imgcinqplus a{position:relative; display:block; background-size:cover; background-repeat:no-repeat;background-position:center center; box-sizing:border-box; padding:0 5px 5px 0; margin:1%;}

.bloccontenuimages .imgun a{max-height:382px; height:auto; width:98%; padding-bottom:30%; }

/* Deux images */

.bloccontenuimages .imgdeux:nth-child(1) a, .bloccontenuimages .imgdeux:nth-child(2) a{max-height:382px; height:auto; width:48%; float:left; padding-bottom:30%!important;}

/* Trois images */

.bloccontenuimages .imgtrois:nth-child(1) a {max-height:352px; height:auto; width:48%; float:left; padding-bottom:50%;}

.bloccontenuimages .imgtrois:nth-child(2) a, .bloccontenuimages .imgtrois:nth-child(3) a {max-height:176px;  float:left;  height:auto; width:48%; float:left;  padding-bottom:24%!important;}

/* Quatre images */

.bloccontenuimages .imgquatreplus a{max-height:176px;  float:left;  height:auto; width:48%; float:left; padding-bottom:24%;}

.bloccontenuimages .imgquatreplus:last-child a{ clear:right; }

/* Cinq images et + */

.bloccontenuimages .imgcinqplus a{max-height:352px; height:auto; width:31%; float:left; padding-bottom:24%;}

.bloccontenuimages .imgcinqplus:nth-child(1) a{max-height:352px; height:auto; width:48%; float:left; padding-bottom:50%;}

.bloccontenuimages .imgcinqplus:nth-child(2) a,#Content .bloccontenuimages .imgcinqplus:nth-child(3) a{max-height:176px;  float:left;  height:auto; width:48%; float:left;  padding-bottom:24%!important;}

.bloccontenuimages .imgcinqplus:nth-child(4) a {clear:both;}

.bloccontenuimages .imgcinqplus:last-child a {clear:right;}



.redactor-toolbar {  background:none!important; box-shadow:none!important; }

.redactor-toolbar li { margin-bottom: 0.3em!important; }

.redactor-toolbar li a { 

  background-color: white;   

  border-radius: 50%;  

  padding: 0.3em; 

  width:inherit; 

  height:inherit; 



}



.redactor-toolbar {  display:none;  }

 /*figure { margin: inherit; }*/



.lienoption { display:block; text-decoration:none; color:grey; margin:5px 0; }



.datepicker { z-index:9999; }



#new_sp input{width:100%; box-sizing:border-box; margin:5px 0 20px 0;}

#new_sp .redactor-in{min-height:40px; margin-bottom:25px!important;}





/* Test ADD Full page */

.addTo {

	background-color:#C90;

}

.addTo .blocinfo { display:none; }



.addTo.activeform{

	position: fixed!important;

	background-color: rgba(255, 255, 255, 0.95);

  height: 100%;

  width: 100%;

  left: 30px;

  top: 0px;

  z-index: 1024;

  overflow-y: scroll;

  overflow-x: hidden;  

  margin:0px;

}

.BlocSousPage{

	position:relative;

}

/*.BlocSousPage .toolbardcomm{

	display:none;

}

.BlocSousPage:hover .toolbardcomm,.toolbardcomm:hover{

	display:block;

}*/

.addTo.activeform .BlocSousPage {

	  text-align:center;

}

.addTo.activeform .BlocSousPage  { position: absolute!important;

  

  height: 100%;

  width: 100%;

  left: 0px;

  top: 0px;

}

.BlocSousPage a{

	text-decoration:none;

}

.addTo .BlocSousPage:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.addTo .toolbardcomm { vertical-align:middle; }



.addTo.activeform .BlocSousPage .sousPageLinkIcone { display:none; }

.addTo.activeform .blocinfo{

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  background-color: rgba(255, 255, 255, 0);

  max-width: 800px;

  /* padding: 20px; */

  box-sizing: border-box;

  text-align: left;

  z-index: 1045;

  width: 100%;

}



#btnfooter { background:none; padding-top:0px; margin: 0px; }



/* PLUGIN ADD FORMULAIRE */

#redactor-modal-formBulder-insert .labeltop {width:23%; display:inline-block; padding-bottom:50px;}

#redactor-modal-formBulder-insert .labeltop span{padding-left:10px;}

#redactor-modal-formBulder-insert .labelmid {width:50%; display:block; text-align:left;}

#redactor-modal #redactor-modal-formBulder-insert .labeltop input[type="radio"], #redactor-modal #redactor-modal-formBulder-insert .labeltop input[type="checkbox"] {top:2px;}

#nombreradio {position: relative; z-index: 2; margin: 0; padding: 5px 4px; height: 28px; border: 1px solid #ccc; border-radius: 1px; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; color: #333; width: 100%;}

.content .formgroup {list-style:none; margin-left:0;}

.content .formgroup li {padding:0; margin:5px 0;}

/* FUELUX */



.radio label {margin-right:15px;}

.checkbox label {margin-right:15px;}



.fuelux .radio-custom {position: relative; padding-left: 26px!important;}

.fuelux .checkbox-custom {position: relative; padding-left: 26px!important;}





.fuelux .radio-custom .sr-only{display:none;}

.fuelux .checkbox-custom .sr-only{display:none;}





.fuelux .radio-custom.selected:after {background:#000; padding:1px;}

.fuelux .checkbox-custom.selected:before {background:#000; padding:0;}



.fuelux .mce-edit-focus .radio-custom { display:block;}

.fuelux .mce-edit-focus .checkbox-custom { display:block;}



.fuelux .radio-custom {

  position: relative;

  padding-left: 26px!important;

}



.fuelux .checkbox-custom {

  position: relative;

  padding-left: 26px!important;

}



.fuelux .radio-custom:after {

    background: transparent;

    border-radius: 6px;

    content: " ";

    height: 6px;

    left: 4px;

    position: absolute;

    top: 7px;

    width: 6px;

}

.editablemode .inputadd {border:1px dashed #999;

 margin:0 0 5px 0;

 padding:5px;

 box-sizing:border-box;

}

.editablemode .multiple-choix {border:1px dashed #999;

 margin:0 0 5px 0;

 padding:5px;

 box-sizing:border-box;

}



.inputext {position:relative;}



.editablemode .inputext:after {display:block;

 width:150px;

 padding:5px;

 border:1px solid #666;

 content:'';

 height:22px;

 top:0px;

 left:2px;

 }

 label.multiple{

 	display:none;

 }

 label.multiple.active{

 	display:block;

 }

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

.fancybox-inner {width:100%!important; height:auto!important;}

.fancybox-wrap.fancybox-default {width:85%!important; height:auto!important; margin-left:auto!important; padding:0!important; /*right:0;*/ margin-right:auto!important;} 

.fancybox-title {padding-left:10px; padding-bottom:10px;}

a.fancybox-close {max-width:30px!important; max-height:30px!important; background-size: cover!important; right: -15px; top:-15px;}

}

a.fancybox-next {right:0;}

a.fancybox-prev {left:0;}



ol { list-style:decimal; margin-left: 2em; position:relative; }

ol>li { margin:0.8em 0; }



/*FIX DEFINITIF DU CSS DES TOOLBAR*/



.toolbardcomm{

	font-size:13px;

	z-index:1001;
	background-color: rgba(0,0,0,0.87);
	border-radius:5px;
}

.toolbardcomm.fixed-toolbar{

	display:block;

	position:fixed;

	bottom:0;

	left:0;
	
   

}

.toolbardcomm.float-toolbar{

	display:none;

	height:2em;
	
	position:absolute;

	overflow:hidden;
	
	top: 1em;
    
	left: -0.5em;	
/*

	-webkit-transition:height .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

	-moz-transition:height .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

	-ms-transition:height .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);

	-o-transition:height .4s cubic-bezier(0.48, 0.46, 0.42, 0.43);
*/

	transition:height 2s cubic-bezier(0.48, 0.46, 0.42, 0.43);
	
	

}

*:hover>.toolbardcomm.float-toolbar{

	display:block;

}

.toolbardcomm.float-toolbar:hover{

	height:auto;

}



/*IFRAME SRC EDITOR*/



.iframe_src_editor{

	position:relative;

	z-index:1;

}



/*OVERIDE POUR REDACTOR.CSS*/



.editMode .redactor-in{

/*

	outline: #249aca 0.2em solid;

	outline-width:thin;

*/

}

.redactor-toolbar a.re-button{

	color:#fff;

	background:none;

  	box-shadow:none;

  	padding:7px;

}

.redactor-toolbar a.re-button:hover{

	background-color:#449aef;

}

.re-button>.fa{

	line-height:1;

	font-size:20px;

}

.re-button-tooltip:after{

	display:none;

}

.re-button-tooltip{

	background: rgba(0, 0, 0, 0.5);

}

.redactor-in{

	box-sizing:border-box;

	background:rgba(0, 0, 0, 0.15);

}

.editable .redactor-component-active[data-redactor-type=image] img{

	outline:none!important;

}

.editMode .content{

	min-height:50px;

}

.editMode .image-static{

	background-color:rgba(0,0,0,0.6);

}

.editMode>.toolbardcomm .fa.edit_btn,.fa.on-edit-btn,.fa.save_btn{

	display:none;

}

.editMode>.toolbardcomm .fa.on-edit-btn,.editMode>.toolbardcomm .fa.save_btn{

	display:inline-block;

}

.swiper-slide.add-sous-page-slide{

	width:200px;

	height:50vh;

	display:flex;

	align-items:center;

	justify-content:center;

	margin:30px;

	

}

.redactor-modal-box{

	position:fixed;

	top:0;

	left:0;

	width:100%;

	height:100%;
	
	background-color: rgba(0,0,0,0.72);
	
	z-index: 100;

}
.attribute-toggle-menu-trigger{
	display:block;
	position:absolute;
	top:0;
	right:0;
	background-color:rgba(0,0,0,0.5);
	color:#fff!important;
	font-size:16px!important;
	line-height:16px!important;
	padding:5px;
	border-radius: 5px;
}
.attribute-toggle-menu{
	position:absolute;
	top:27px;
	right:0;
	background-color:rgba(0,0,0,0.75);
	z-index: 2000;
}
.attribute-toggle-menu>li{
	color:#fff!important;
	font-size:16px!important;
	line-height:18px!important;
	text-transform:none!important;
	list-style:none!important;
	vertical-align:middle;
	padding:5px;
}