a{
	text-decoration: none;
}
body{
	caret-color: #17AA8D;
	font-size: 1.5rem;
}


.contentOnly{
	background-color: transparent;
}

.theme_preview{
	transform: scale(0.50);
	transform-origin: 0 0;
/*	zoom: 0.50;*/
	-moz-transform: scale(0.50);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.50);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.50);
	-webkit-transform-origin: 0 0;
	
	width: 200%;
}

#previewIFrame { 
	border: 0px; 
}
.preview{
	width: 700px;
}


@font-face {
  font-family: 'icomoon';
  src:
    url('/styles/fonts/icomoon/icomoon.ttf?5tralu') format('truetype'),
    url('/styles/fonts/icomoon/icomoon.woff?5tralu') format('woff'),
    url('/styles/fonts/icomoon/icomoon.svg?5tralu#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'impacto';
  src: url('/styles/fonts/impact.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

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

.icon-12{
	font-size: 12px;
}
.icon-16{
	font-size: 16px;
}
.icon-24{
	font-size: 24px;
}
.icon-32{
	font-size: 32px;
}
.icon-64{
	font-size: 64px;
}
.icon-128{
	font-size: 128px;
}

.icon-sort{
	cursor: ns-resize;
}
.icon-sort.icon-rotate-90, .icon-sort.icon-rotate-180, .icon-sort.icon-rotate-270{
	cursor: ew-resize;
}

[class^="icon-rotate-"], [class*=" icon-rotate-"]{
	display: inline-block;
}
.icon-rotate-90{
	transform: rotate(90deg);
}

.icon-rotate-180{
	transform: rotate(180deg);
}

.icon-rotate-270{
	transform: rotate(270deg);
}

.selectize-control {
	display: inline-block;
	min-width: 80%;
	vertical-align: middle;
}

.selectize-control .highlight{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}


td[headers=hActions], th#hActions{
	width: 50px;
}

td[headers=hActions] button{
	padding: 0 !important;
}
.rowselect td[headers=hActions], .rowselect th#hActions{
	width: 90px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

h1, .h1-like{
	font-size: 3rem;
	line-height: 1.3em;
	/*margin-top: 1em;
	margin-bottom: 0.5em;*/
	padding: 0.5em 0;
}
h2, .h2-like{
	font-size: 2.5rem;	
	color: #2C3E50;
	padding: 0.5em 0;
}
h3, .h3-like{
	color: #555;
	font-size: 2rem;
	padding: 0.5em 0;
}
h4, .h4-like{
	font-size: 1.8rem;
}
h1, h2, h3, h4,
.h1-like, .h2-like, .h3-like, .h4-like{
	hyphens: none;
}
h1 a, h2 a, h3 a,
.h1-like a, .h2-like a, .h3-like a{
	color: inherit;
	text-decoration: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover,
.h1-like a:hover, .h2-like a:hover, .h3-like a:hover{
	color: inherit;
	text-decoration: inherit;
}

.opacity50{
	opacity: 0.5;
}
.opacity75{
	opacity: 0.75;
}

.ma0{
	margin: 0;
}
.pa0{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.colc2{
	-webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
}
.colc3{
	-webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
}
.colc4{
	-webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
}
.list-none{
	list-style-type: none;
	list-style-position: inside;
}

.sortlist-placeholder{
	background-color: lightgray;
	display: inline-block;
}
.prxs{
	padding-right: 0.5em;
}
.w15{
	width: 15%;
}

.w60p{
	width: 60px;
}
.mw300p{
	max-width: 300px;
}
.mw350p{
	max-width: 350px;
}
.help{
	color: gray;
	background-color: #E5E5E5;
	border-radius: 4px;
	padding: 0.5em;
	/*margin-right: 0.5em;*/
	overflow: hidden;
}
.self-center{
	align-self: center;
}
.self-start{
	align-self: start;
}
.all-hidden, .all-hidden.flex{
	display: none;
}

.card.new{
	color: inherit;
	border-left: 2px YellowGreen solid;
}
.card.me{
	color: inherit;
	border-left: 2px DodgerBlue solid;
}

.highlightable:hover{
	background-color: #EAEAEA;
}



/*
ENUM TAG
*/
.enum-tag{
	display: inline-block;
	padding : 2px 5px;
	border-radius: 3px;
	min-width: 70px;
	background-color: LightGray;
	color: black;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.2em;
	text-decoration: none;
	font-weight:normal;
}
.enum-tag.smaller{
	min-width: 30px;
	padding : 2px 3px;
	
}

.online, .ok, .active, .sent, .paid, .v1, .done, .enum-tag.current, .enum-tag.yes, .closed, .succeeded, .review{
	background-color: YellowGreen ;
}
.partial{
	background-color: #C0DD86 ;
}
.credit{
 background-color: #B563C3 ; 
 color: white;
}

.offline, .ko, .canceled, .v0, .failed, .enum-tag.no{
	background-color: IndianRed;
	color: white;
}
.deleted, .hidden{
	background-color: DimGray;
	color: white;
}
.draft{
	background-color: #A5BFFA ;
	color: black;
	border-left-style: none;
}
.pending, .new{
	background-color: RoyalBlue ;
	color: white;
	border-left-style: none;
}
.planned, .todo, .future, .scheduled, .responded, .learn{
	background-color: #FCD775;
}
.pinned{
	background-color: MediumVioletRed ;
	color: white;
}
.in_progress{
	background-color: #D4E08A;
}
.wow, .enum-tag.past{
	background-color: #FF9002;
}
.incomplete{	
	background-color: #B31E10;
	color: white;
}
.bloody-fg{
	color: #B31E10;
}

.warning{
	color: #C58712;
	padding: 5px;
	border-left: solid 3px #C58712;
}
.info{
	color: #3BA1E5;
	padding: 5px;
	border-left: solid 3px #3BA1E5;
}
.success{
	color: #378532;
	padding: 5px;
	border-left: solid 3px #378532;
}
.error{
	color: #A1220B;
	padding: 5px;
	border-left: solid 3px #A1220B;
}
.dimmed{
	color: gray;
}

.verydimmed{
  color: lightgray;
}

.green{
	color: green;
}
.lightgreen{
	color: #79B630;
}
.bg-lightgreen{
	background-color: #79B630;
}
.lightblue{
	color: #3697FD;
}
.bg-lightblue{
	background-color: #3697FD;
}
.orange{
	color: #FDB536;
}
.bg-orange{
	background-color: #FDB536;
}
.red{
	color: #A1220B;
}
.bg-red{
	background-color: #A1220B;
}
.bg-lightred{
	background-color: #E68282;
}


.tinier{
	font-size: 0.5em;
}

.showhover .invisible{
	visibility: hidden;
}
.showhover:hover .invisible{
	visibility: visible;
}

.promotion{
	color: gray;
}

/*
FORMAT
*/

.format-money{
		
}
.format-money input{
	width: 6em;
	text-align: right;
}

.format-money:after{
	content: '';
	color: gray;
}
.format-money-euro:after{
	content: '€';
	color: gray;
}
.format-percentage:after{
	content: '%';
	color: gray;
}







/* PAGINATION */

div.pagination{   
		margin: 2em auto 1em;
    text-align: center;
}

div.pagination>*{
	padding: 5px;
	background-color: #19BC9C;
	color: white;
	border-radius: 4px;	
}
div.pagination strong{
	background-color: #587F74;
}
div.pagination a:hover{
	color:#2C3E50;
	opacity: 0.7;
}

/* NOTIFICATION */
#notifications{
	position: fixed;
	top: 100px;
	right: 20px;
  z-index: 1000;
}
.notification{
	background-color: white;
	border: dotted 1px lightgray;
	box-shadow: 2px 2px 2px gray;
	font-size: 15px;
	padding: 1em;
	width: 300px;
	max-width: 300px;
	position: relative;
	margin-bottom: 0.5em;
  animation: slideLeft 1.0s 0.0s 1 ease-out forwards;
}
@keyframes slideLeft {
    0% { 
    	transform: translateX(300px);   
    }
    100% { 
    	transform: translateX(0px); 
    }
}

strong, b{
	font-weight: bold;
}
abbr{
	text-decoration: underline gray dashed;
	cursor: help;
}

kbd{
	-moz-border-radius:3px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:1.4;
    margin:0 .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}

.middle{
	vertical-align: middle;
}

.paxs{
	padding: 0.3em;
}

.ofhi{
	overflow: hidden;
}

/*
LESSON
*/

.partType{
	border-left : solid 2px gray;
	padding-left : 5px;
	margin-top: 1em;
}

/*
MENU
*/

.current{
	font-weight: bold;
}

.card.current{
	background-color: #A0C48D;
}

/*
CONTENT PAGE LIST
*/
.content_pages-list{
	list-style: none inside;
	margin: 0;
	padding: 0;
}
.content_pages-list li{
	padding: 2px;
	margin: 0;
}
.content_pages-list li:hover{
	background-color: white;
}



/*
SHARES
*/


.share{
}
.share .shareicon{
	background-image: url(/styles/socials_icon.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	/*margin: 4px auto;*/
	opacity: 1;
    -webkit-transition: opacity .6s ease-in;
    -moz-transition: opacity .6s ease-in;
    -o-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in;
}

.share .shareicon:hover{
	opacity: 0.5;
}
.share .shareicon span{
	display: none;
}
.button_facebook{/*18*/
	background-position: 0 -16px;
}

.button_email{/*17*/
	background-position: 0 -0px;
}
/*.button_google{
	background-position: 0 -368px;
}*/
.button_linkedin{
	background-position: 0 -32px;
}
.button_twitter{
	background-position: 0 -48px;
}

/*
SOCIALS
*/
.socials{
	padding: 1rem;
}
.socials i{
	border-radius: 50%;
	padding: 0.3em;
	color: gray;
	color: rgba(255,255,255,0.5);
	font-size: 32px;
	display: inline-block;
}
.socials-nofill i{
  background-color: inherit;
  background: inherit;
  color: inherit;
}

.socials>a>span{
	display: none;
}
.socials>a{
	opacity: 1; 
}
.socials>a:hover{ 
	text-decoration: none;
	opacity: 0.8; 
	transition: opacity .25s ease-in-out; 
	-moz-transition: opacity .25s ease-in-out; 
	-webkit-transition: opacity .25s ease-in-out; 
}

.icon-facebook{
	background-color: #3B5998;
}
.icon-twitter{
	background-color: #49A2D6;
}
.icon-googleplus{
	background-color: #C96247;	
}
.icon-linkedin{
	background-color: #0077B5;
}
.icon-tumblr{
	background-color: #2C4762;
}
.icon-vimeo{
	background-color: #1AB7EA;	
}
.icon-flickr{
	background-color: #FF2D9A;
}
.icon-youtube{
	background-color: #C61424;
}
.icon-viadeo{
	background-color: #EE7600;
}
.icon-instagram{
	background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
}
.icon-tiktok{
  background-color: #E71C4F;
}
.icon-whatsapp{
  background-color: #25d366;
}
.icon-spotify{
  background-color: #1DB954;
}
.socials .icon-podcast{/*applepodcast*/
  background-color: #D56DF8;
}
.socials .socials-nofill .icon-podcast{
	background-color: transparent;
}

/*
ANIMATIONS
*/

.anim-ouhou{
    animation: 3s ease-in-out 0s normal forwards 2 ouhou;
}

@keyframes ouhou{
    0% { opacity:1; }
    50% { opacity:0.5; }
    100% { opacity:1; }
}
/*
 BORDERS / SEPARATIONs
*/

.ba{
	border: solid 1px gray;
}

.blacksep{
	border-color: black !important;
}
.greysep{
	border-color: lightgray !important;
}
.whitesep{
	border-color: white !important;
}

.bsep{
	border-bottom: black dotted 1px;
}
.tsep{
	border-top: black dotted 1px;
}
.rsep{
	border-right: black dotted 1px;
}
.lsep{
	border-left: black dotted 1px;
}




#bo .module{
	display: inline-block;
	min-width: 120px;
	min-height: 100px;
	border-radius: 4px;
	border: solid 1px gray;
	box-shadow: 2px 2px 1px lightgray;
	padding: 0.5em;
	margin: 2px;
	background-color: #EEE;
}
#bo .module h3{
	line-height: 1em;
	color: #043A47;
}
#bo #bo_translation{
	display: block;
}

#bo tr:hover>td{
	background-color: #FBFFDA;
}

.miniMenu{
	background-color: #19BC9C;
	/*border: solid black 1px;*/
	list-style-type: none;
	list-style-image: none;
	margin: 0 1em;
	padding: 0;
	font-size: 0.8em;
	z-index: 10;
	text-align: left;
}

#content-inner .miniMenu{
	list-style-image: none;
}

.miniMenu+*{
	clear: both;  
}

.miniMenu li{
	padding: 0;
	margin: 0;
}

.miniMenu li a{
	display: block;
	min-width: 15em;
	margin: 0;
	padding: 1em;
	color: black;
	background-color: #19BC9C;	
	text-decoration: none !important;
}
.miniMenu li a:hover{
	background-color: #31A48D;
	text-decoration: none !important;
}

.miniMenu-horizontal{
	margin: 1em auto;
	width: auto;
	text-align: center;
	min-width: 100px;
}
.miniMenu-horizontal li{
	display: inline-block;
}

.miniMenu-fluid li a{
  min-width: 8em;
}

.colorsample{
	display: inline-block;
	vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0px 0px 4px -1px #888;
  margin: 2px;
  padding: 0px;
}
.colorsample64, input[type="color"].colorsample64{
  width: 64px;
  height: 64px;
}

.colorsample-mini{
	width: 16px;
	height: 16px;
}

kbd{    
    background-color:#f7f7f7;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
    color:#333;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:1.4;
    margin:0 .1em;
    padding:.1em .6em;
    text-shadow:0 1px 0 #fff;
}

.item-name[contenteditable]{
	 border-bottom: dashed 1px gray;
}

.handle{
	cursor: move;
}

/*
autoexpand
*/
.autoexpand{
	/*resize: none;
	min-height: auto;
	height: auto;
  box-sizing: border-box;
  overflow: hidden;*/
}
/*
FORM
*/


form .hint{
	color: gray;
	font-size: small;
}


input, select, textarea, .button, button{
	padding        : 0.5em;
	/* bug in chrome ?*/
	/*overflow       : auto;*/
	border: #ddd 1px solid;
	border-radius  : 3px 3px 3px 3px;
	/*box-shadow     : 0px 1px 1px rgba(0, 0, 0, 0.1) inset;*/
	font-size      : 1em;
	line-height    : 1.5em;
	color          : rgb(48, 48, 48);
	background-color: #FFFFFF;
	text-decoration: none;
	text-transform: initial;
	hyphens: none;
}

input:focus, select:focus, textarea:focus, .button:focus, button:focus{
	border-color: gray;
  outline: none;
  box-shadow: 0px 0px 3px grey;
}
textarea{
	width: 100%;
}
input[disabled], select[disabled], button[disabled], textarea[disabled]{
	opacity: 0.5;
}
.button{
	display: inline-block;
}
input[type=submit], input[type=button], .button, button{
	background-color: #2C3E50;
	/*box-shadow: 0px 0px 2px rgba(255, 255, 255, 1);*/
	color: #19BC9C;
	/*text-shadow: 0px 0px 2px white;*/
	font-weight: normal;
	font-size: 1.1em;
	border: transparent 1px solid;
	text-decoration: none !important;
	width: auto;
	white-space: normal;
	word-wrap: break-word;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover, .button.hover{
	background-color: #ccc;
	color: #2C3E50;
}

input[type=submit].current, input[type=button].current, .button.current, button.current{
	font-weight: bold;
	background-color: #ccc;
	color: black;
}

input:required, select:required{
	border-left-color: #72BED6;
}
input:required:invalid, select:required:invalid{
	border-left-color: #E55151;
}
input:required:valid, select:required:valid{
	border-left-color: #30CC29;
}

input:required:focus:invalid, input.invalid, select:required:focus:invalid, select.invalid{
	border-color: #E55151;
}
input:required:focus:valid, select:required:focus:valid{
	border-color: #30CC29;
}

input[type="color"], input.color-selector{
    display: inline-block;
    /*vertical-align: middle;*/
    width: 32px;
    height: 32px;
    border-radius: 50%;
    /*box-shadow: 0px 0px 4px -1px #888;*/
    margin: 2px;
    padding: 1px;
    background-color: var(--color);
  }

input[type="color"]::-webkit-color-swatch{
  border-radius: 50%;  
}

input[type="color"]::-webkit-color-swatch-wrapper{
  padding: 0px;
}
  
input[type="color"]::-moz-color-swatch{
  border-radius: 50%;  
  padding: 0px;
}
input[type="color"]::-moz-focus-inner{
  padding: 0px;
  border: none;
}
input[type="color"].empty::-webkit-color-swatch, input.color-selector.empty, input[type="color"][value=""]::-webkit-color-swatch{
	/*background-image: url(/styles/transparent.gif) !important;*/
}
input[type="color"].empty::-moz-color-swatch, input[type="color"][value=""]::-moz-color-swatch{
	/*background-image: url(/styles/transparent.gif) !important;*/
}
/*

input[type=range] {
  -webkit-appearance: none;
  min-width: 10em;
  margin: 6.6px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  box-shadow: 0.9px 0.9px 0px rgba(0, 0, 0, 0.45), 0px 0px 0.9px rgba(13, 13, 13, 0.45);
  background: rgba(0, 0, 0, 0.14);
  border-radius: 25px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.5px solid #1e0000;
  height: 19px;
  width: 12px;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0.14);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  box-shadow: 0.9px 0.9px 0px rgba(0, 0, 0, 0.45), 0px 0px 0.9px rgba(13, 13, 13, 0.45);
  background: rgba(0, 0, 0, 0.14);
  border-radius: 25px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.5px solid #00001e;
  height: 19px;
  width: 12px;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5.8px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.14);
  border: 0px solid #000000;
  border-radius: 50px;
  box-shadow: 0.9px 0.9px 0px rgba(0, 0, 0, 0.45), 0px 0px 0.9px rgba(13, 13, 13, 0.45);
}
input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.14);
  border: 0px solid #000000;
  border-radius: 50px;
  box-shadow: 0.9px 0.9px 0px rgba(0, 0, 0, 0.45), 0px 0px 0.9px rgba(13, 13, 13, 0.45);
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.3px solid #00001e;
  height: 19px;
  width: 12px;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
  height: 5.8px;
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.14);
}
input[type=range]:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.14);
}*/

select[name=country]{
	max-width: 100%;
}


.nobutton, .nobutton:hover, .nobutton:focus{
	padding: 0;
	border: none;
	background: none;
	outline: none;
	box-shadow: none;
}

.icobutton, button.icobutton, button.icobutton{
	padding: 0 !important;
}

input[type=submit].smallButton, input[type=button].smallButton, .button.smallButton, button.smallButton{
  padding-top : 0;
  padding-bottom : 0;
}

input[type=submit].largeButton, input[type=button].largeButton, .button.largeButton, button.largeButton{
	min-width: 50%;
}

input[type=submit].sparklybutton, button.sparklybutton{
	padding: 1em;	
	font-size: 1.5em;
	background-color: #14CC5E;
	color: white;
}
input[type=submit].pulsegrow, button.pulsegrow{  
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  font-size: 1.6rem;
}

.ui-autocomplete-loading {
    background: url('/styles/computing.gif') no-repeat right center;
}

@keyframes hvr-pulse-grow {
	from {
    transform: scale(1.0);
  }
  to {
    transform: scale(1.1);
  }
}
input[type=submit].pulsegrow:hover, button.pulsegrow:hover{
  animation-name: hvr-pulse-grow;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.2, 3, 0.4, 1);
  animation-iteration-count: infinite;
  animation-direction: alternate;

}

.aligned-fields label{
	min-width: 50%;
}
.aligned-fields .input{
	width: 49%;	
}
.dense-fields label{
	display: block;
	position: relative;
	top: 0.8em;
	padding-left: 0.5em;
	text-shadow: 0px 0px 5px white;
}

.freewidth{
	max-width: none;
	min-width: none;
	width: auto;
}

form label{
	font-weight: bold;
	vertical-align: sub;
}
form .std-label{
	text-shadow: none;
	display: block;
	padding : 0;
}
.radioLbl, .checkboxLbl{
	color: #666;
	font-weight: normal;
}
.mandatory{
	color: tomato;
	padding: 0 2px;
}
legend{

	color: #2C3E50;
	font-weight: bold;
	margin-top: 1em;

	font-size: 1.2em;
}

.grouped{
	/*border-left: solid 4px #ddd;*/
	background-color: #fafafa;
}
.grouped label{
	margin-top: 0;
}

label.intext{
	margin: 0;
	vertical-align: middle;
}


.transparent-bg{
	background: url(/styles/transparent.gif);
}


.primary-fg, .secondary-bg .primary-fg{
	color: #19BC9C;	
}
.primary-border{
	border: solid 1px #19BC9C;		
}
.primary-border-left{
	border-left: solid 5px #19BC9C;		
}
.primary-border-top{
  border-top: solid 5px #19BC9C;    
}
.secondary-fg, .primary-bg .secondary-fg{
	color: #2C3E50 ;	
}

.secondary-border{
	border: solid 1px #2C3E50;		
}
.secondary-border-top{
  border-top: solid 2px #2C3E50;    
}
.secondary-border-left{
	border-left: solid 5px #2C3E50;		
}

.tertiary-border-left{
  border-left: solid 5px lightgray;   
}

.dimmed-fg{
	color: #CFCFCF;	
}
.primary-bg .dimmed-fg{
	color: #1DDCB6;
}
.secondary-bg .dimmed-fg{
	color: #44617D;
}

.primary-bg{
	background-color: #19BC9C;
	color: black;
}
.primary-bg>a, .primary-bg>button, .primary-bg>.secbutton{
	color: inherit;
}
.primary-bg a:hover, .primary-bg button:hover, .primary-bg .secbutton:hover{
	/*color: black;	*/
}
.secondary-bg{
	background-color: #2C3E50;
	color: white;
}
.secondary-bg>a, .secondary-bg>button, .secondary-bg>.secbutton{
	color: inherit;
}
.secondary-bg a:hover, .secondary-bg button:hover, .secondary-bg .secbutton:hover{
	/*color: inherit;	*/
}

.tertiary-bg, .card.tertiary-bg{
	background-color: #eee;
	color: black;
}
.white-bg{
	background-color: #fff;
	color: black;
}
.black-bg{
	background-color: #000;
	color: white;
}

.focus-bg{
	background-color: #FEFEDA;
	color: black;
}

.ofauto{
	overflow: auto;
}

.link-like, .link-like:hover{
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	color: inherit;
	display: inline;
	text-decoration: none;
}
.link-like:hover{
	color:  #19BC9C;
}

body .secbutton, #container .secbutton, #container input[type=submit].secbutton, #container button.secbutton{
	background-color: transparent;
	font-size: 1.0em;
	min-width: 0;
	width: auto;
	color: #2C3E50;
	cursor: pointer;
	padding: 0 0.5em;
	margin: 0;
	line-height: 1.4em;
}
.secbutton:hover, input[type=submit].secbutton:hover, button.secbutton:hover, button.secbutton.hover{
	background-color: transparent;
	color: #19BC9C;
}
.secbutton.current, input[type=submit].secbutton.current, button.secbutton.current{
	background-color: transparent;
	color:  #19BC9C;
	font-weight: bold;
}
#container a.secbutton{
	text-decoration: none;
	background: transparent;
}
.secbutton:focus{
	outline: none;
	box-shadow: none;
	border-color: transparent;
}







/*
@font-face {
    font-family: 'museo-sans';
    src: url('fonts/MuseoSans_500-webfont.eot');
    src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('fonts/MuseoSans_500-webfont.svg#MuseoSans500Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/


/*
DROPDOWN MENU
*/

.header{
	position: relative;
}

.header .dropdowns{
	position: absolute;
	bottom: 0;
	right: 2em;
}
.header .dropdown{
	height: 3em;
}

.dropdown{
	font-size: 1em;
	line-height: 1em;
	position: relative;
	vertical-align: middle;
	display: inline-block;
}
.dropdown strong{
	color: black;
}
.dropdown a{
	color: #19BC9C;
}
.dropdown a:hover{
	color: black;
}
.dropdown>.hideable{
	margin: 0;
	padding: 0;
	background-color: white;
	box-shadow: 1px 1px 3px gray;
	position: absolute;
	top: 100%;
	right: 0;
	text-align: left;
	border-top: solid 1px black;
	max-height: 60em;
	overflow-y: auto;
	min-width: 12em;
	z-index: 1050;
}
.txtleft .dropdown>.hideable, .left .dropdown>.hideable{
	right: unset;
	left: 0;
}

.dropdown ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.dropdown>.hideable li{
	/*width: 150px;*/
}
.dropdown>.hideable li a, .dropdown>.hideable li.searchDropdown{
	display: block;
	color: #19BC9C;
	padding: 1em;
	border-radius: 0px;
}
.dropdown>.hideable li.searchDropdown{
  padding: 0.5em;
}
.dropdown>.hideable li.searchDropdown input{
  text-align: left;
  width: 80%;
}
.dropdown>.hideable li.searchDropdown button{
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
}
.dropdown>.hideable li a:hover{
	color: white;
	background-color: #19BC9C;
}

.header .dropdown{
	/*position: absolute;
	bottom: 0px;
	right: 2em;*/
	margin-right: 1em;
	display: inline-block;
	background-color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	text-align: center;
}
.header .dropdown strong{
	
}


.widthlist{
	list-style-type: none;
}
.widthlist li:nth-child(2n){
	background-color: #eee;
}
.widthlist strong{
	display: inline-block;
	width: 250px;
}

.card{
	padding         : 0.5em;
	/*margin-top          : 0.5em;
	margin-bottom : 0.5em;*/
	background-color: #FFF;
	border-radius   : 2px 2px 2px 2px;
	box-shadow      : 0px 0px 4px rgba(0, 0, 0, 0.2);
	vertical-align  : top;
	/*width: auto;*/
	/*color: black;*/
}
.card a{
	color: inherit;
}
.card-over:hover{
	background-color: #eee;
}

.smallcard{
	width: 300px;
	min-height: 80px;
}
.smallcard img{
	margin: auto;
}
.smallcard .thumbnail{
	height: 64px;
	display: table-cell;
	vertical-align: middle;
	padding-right: 0.5em;
}

.payment-card{
	margin: 2em auto;
	max-width: 50em;
	padding: 0;
}
.payment-card input, .payment-card select{
	color: #4CB1F1;
}
.payment-card input{
	font-size: 1.5em;
	text-align: center;
}
.payment-card #cardNumber{
	width: 100%;
}
.payment-card select{
	font-size: 1.5em;
	padding: 0.2em 0.3em;
}

.payment-card form>div{
	margin-bottom: 1em;
}
.payment-feelsecure{
	background-color: #4CB1F1;
	color: white;
	padding: 1em;
}
.payment-card #payme{
	width: 100%;
}

.payment-cards{
	margin-top: 1em;
}
.payment-cards button{
	display: block;
	background: none;
	border: none;
	color: black;
	font-weight: normal;
	border-radius: 0px;
	border-top: solid 1px gray;
	width: 100%;
	font-size: 0.8em;
}

.payment-cards button.current, .payment-cards button:hover{
	background-color: #4CB1F1;
}


/*
INDICATOR
*/
.card-indicator{
/*	float: left;*/
}
/*.autogrid4 .card-indicator{
	width: 24%;
}
.autogrid3 .card-indicator{
	width: 29%;
}
.autogrid2 .card-indicator{
	width: 45%;
}*/

#content-inner .card-indicator h2{
	margin: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.card-indicator button{
	background: none;
	color: black;
}
.card-indicator .indicator-nav{
	margin: 1em 0;
	text-align: center;
	font-size: 0.8em;
}
.card-indicator .indicator-content{
	font-size: 2.5em;
}



/*
HELP
*/
.helps{
	position: absolute;
	
	/*width: 20%;*/
	right: 0;
	top: 0;
	text-align: right;
	padding: 0.3em;
}
.helps span{
	display: inline-block;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	padding: 2px;
	width: 36px;
	height: 36px;
}
.helps ul{

	background: #eee;
	display: none;
	list-style-type: none;
	list-style-position: inside;
	padding: 0.3em;
	margin: 0;
	box-shadow: 0px 1px 5px -1px gray;
	width: 20em;
	opacity: 0;  
}
.helps:hover ul{
	display: block;
  transition: all 0.5s ease-in-out;	
	opacity: 1;  
  
}
/*
BREADCRUMB
*/
ul.breadcrumb{
	list-style-type: none;
	margin: 0.5em auto;
}
.breadcrumb li{
	min-width: 15em;
	display: inline-block;
	position: relative;
	background-color: #19BC9C;	
  height: 40px;
  line-height:40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
.breadcrumb li a{
}
.breadcrumb li a:before{
	content: attr(data-step);
	width: 1em;
	height: 2em;
	display: inline-block;
	padding: 0 0.5em;
	margin-right: 0.5em;
	background: rgba(255,255,255,0.5);
	text-align: center;
	border-radius: 50%;
	line-height: 2em;
	vertical-align: middle;
	color: black;
}

.breadcrumb li:first-child{
	padding-left:15px;
	border-radius: 5px 0 0 5px;
}
.breadcrumb li:last-child{
	padding-right:15px;
	border-radius:  0 5px 5px 0;
}
.breadcrumb li:first-child:before, .breadcrumb li:last-child:after{
	border: none;
}


.breadcrumb li:before,
.breadcrumb li:after{
  content: "";
  position:absolute;
  top: 0;
  border: solid 0 #19BC9C;
  border-width:20px 10px;
  width: 0;
  height: 0;
}
.breadcrumb li:before{
  left:-20px;
  border-left-color:transparent;
}
.breadcrumb li:after{
  left:100%;
  border-color:transparent;
  border-left-color:#19BC9C;
}
.breadcrumb li.current{
	background-color: #138C74;	
}
.breadcrumb li.current:after{
  border-left-color:#138C74;
}
.breadcrumb li.current:before{
  border-color:#138C74;
  border-left-color:transparent;
}

/*
prices
*/

.prices{
	
}
.prices input{
	float: right;
}
.prices label{
	margin: 0;
	width: 100%;
}
.prices p{
	padding: 0;
	margin: 0;
}
.prices p:hover{
	background-color: #FEFEDA;
}

.prices h3{
	margin: 0;
	padding: 0;
	text-align: center;
}
.prices>.price_type{
	border-right: dotted lightgray 1px;
	padding: 0;
}
.prices>.price_type:last-child{
	border: none;
}


/*
paymentButton
*/

.paymentButton{
	
	padding: 1em;
}
.paymentButton button{
	width: 100%;
	text-align: center;
}
.paymentButton button i{
	vertical-align: middle;
}


.assessment-current{
/*	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	background-color: white;*/
  margin: 0;
  
}
.assessment-open{
	/*position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;*/
}

.assessment .assessmentContent{
	display: none;
	/*padding: 1em;*/
	background-color: white;
	
}

.assessment .assessmentHeader{

}

.assessment.assessment-open.assessment-dialog .assessmentHeader{
	/*position: fixed;*/
	/*overflow-x: scroll;*/
}
.assessment.assessment-open .assessmentHeader {
	/*display: inline-block;
	width: 20%;
	height: 100%;*/
	vertical-align: top;
  position: sticky;
  z-index: 99999;
  top: 0;
  height: 100%;
}

@media (max-width: 780px) {
	.assessment.assessment-open .assessmentHeader{    
		font-size: 0.8em;
  	height: auto;
	}
	.assessment.assessment-open .assessmentHeader .assessment-goal{
		display: none;
	}
	.assessment.assessment-open>div{
		margin-left: 0 !important;
		width: calc(100% - 1em - .01px) !important;
	}
}
.assessment.assessment-open .grid-3-small-1{
	flex-direction: column;
}
.assessment.assessment-open .grid-3-small-1>div{
	width: auto;
}

.assessment.assessment-open .assessmentContent{
	display: block;
	/*width: 80%;*/
	padding-bottom: 3em;
}
.assessment.assessment-open.assessment-dialog .assessmentContent{
	/*overflow-y: auto;*/
	/*margin-left: 20%;*/
}

.assessment-choice-content{
	border-radius: 0.5em;
}
.assessment-choice-content:hover{
	background-color: #eee;
}

.assessment .swappable>div{
	margin:0;
}

.assessment .assessmentScorecard{
	margin: 1em auto;
	max-width: 20em;
	text-align: center;	
	
}
.assessment .assessmentScorecard .scoremark{
	font-size: 2em;
}
.assessment .assessmentScorecard .myscore{
	font-size: 1em;
	line-height: 1em;
}
.assessment .assessmentScorecard .maxscore{
	vertical-align: bottom;
}
.assessment .timer i, .assessment .timercounter{
	vertical-align: middle;
}
.assessment-nav::before{
	content: "Pages : ";
	display: inline-block;
}

.completionTerm{
	background: #eee;
	padding: 0.2em;
	margin: 0.1em 0;
}

input:checked + .assessment-choice-content{
	background-color: lightgrey;
}


.score-bar meter{
	width: 100%;
	max-height: 40px;
	vertical-align: middle;
}


.assessment h3 label{
	display: block;
	margin-top: 0;
}

.assessment-choice-content{
	cursor: pointer;
}

.wrong_answer{
	background-color: tomato;
}
.card.wrong_answer{
	border-left: 3px solid tomato;
	background-color: transparent;
}
.right_answer{
	background-color: #75BE20;
}
.card.right_answer{
	border-left: 3px solid #75BE20;
	background-color: transparent;
}

.rbe_assessment{
	min-height: 150px;
}


/*
CONTENT, PAGES & MENUS
*/

.pages{
	
}
.pages .content_page_category{
	
}
.pages .content_page{
	width: 90%;
	border-bottom : lightgray 1px dashed;
	padding: 0.5em;
}
.pages .content_page a{
	text-decoration: none;
}
.content_pages-list, .pages{
	position: relative;
}
.menu-item{
	margin: 0 0.3em;
	padding: 0.5em;
	min-width: 250px;
}
.menu-items .menu-item{
	min-width: 0;
}
.menu-vertical{
	width: 300px;
}
.menu-vertical .menu-item{	
	display: block;
	margin-top: 0.5em;
}
.menu-horizontal .menu-item{
	display: inline-block;
}
.menu-horizontal .icon-sort:before{
	transform: rotate(90deg);	
	display: inline-block
}
.setOrientation.current{
	color: white;
}


.menu-item [contenteditable]{
	border-bottom: gray 1px dotted;
}


.wrapper-cols{
	display: block;	
}
.wrapper-cols.sidebar-visible{
  display: grid;  
  grid-template-columns: 1fr 85vw;
}
.contentOnly .wrapper-cols{
  display: block;
}
.wrapper-cols.sidebar-visible .menu-sidebar{
  display: block;
}
.wrapper-cols .menu-sidebar{
  display: none;
}

/*
MENU SIDEBAR
*/
.menu-sidebar{
	/*width: 15%;*/
	position: relative;
	vertical-align: top;
	/*z-index: 1;*/
}

.menu-sidebar .toggleMSC{
	position: fixed;
	top: 0;
	left: 0;
	width: auto;
	color: gray;
	text-align: center;
	text-transform: uppercase;
	background-color: transparent;
	z-index: 15;
	font-weight: bold;
	line-height: 17px;
	
}
.menu-sidebar .toggleMSC:hover{
	color: black;
}
/*.account-admin .menu-sidebar-content{
	top : 3em;
}*/
.menu-sidebar-content{
	/*top : 0em;
	width: 12em;
	left: 0;
	position: fixed;*/
	background-color: #2C3E50;
	height: 100%;
	/*min-width: 150px;*/
	/*padding-top: 1.5em;
	box-shadow: 1px 0px 2px black;*/
}
.menu-sidebar-content h2{
	color: #138C74;
	font-size: 1em;
	padding: 0.3em;
	margin: 0;
	margin-top: 0em;
	margin-bottom: 0.2em;

	font-weight: bold;
	text-transform: uppercase;
	

	/*background-color: #17AA8D;*/
	color: white;
}
.menu-sidebar-content a{
	color: white;
	text-decoration: none;
}
.menu-sidebar-content ul{
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.menu-sidebar-content li{
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.menu-sidebar-content li.current{
	font-weight: bold;
}
.menu-sidebar-content ul a{
	padding: 0.5em;
	line-height: 1.5em;
	display: inline-block;
	width: calc(100% - 1.5em);
	/*border-bottom: 1px solid #17AA8D;*/
}

.menu-sidebar-content ul a:hover, .menu-sidebar-content ul a.current{
	/*background-color: #17AA8D;*/
	text-decoration: none;
	color: #2C3E50;
	border: inherit !important;
}
.menu-sidebar-content ul a:hover i, .menu-sidebar-content ul a.current i{
	color: inherit;
}

.menu-sidebar-content li .toggle{
	padding: 0 0.5em;
}
.menu-sidebar-content ul ul{
	margin-left: 1em;
	border-left : solid 3px rgba(255,255,255,0.5);
	width: auto;
}

.menu-sidebar-content button:hover{
	border: inherit !important;
	border-radius: inherit !important;
}
/*
CONTENT_PAGE
*/


article.post{
	/*margin-bottom: 2em;*/
}

article.post.abstract{
  margin-bottom: 2em;
}

article.post .post-meta {
	background-color: rgba(0, 0, 0, 0);
    border: none;
    border-top: 1px dotted #CCCCCC;
    color: #808080;
    font-size: 0.9em;
    height: auto;
    padding: 0.5em;
    text-align: right;
    margin-top: 1em;
}

article.post .entry-title{
	margin-top: 0;
	/*font-size: 1.6em;*/
}

article.post .post-thumbnail{
	/*float: left;*/
	padding-right: 1em;
	padding-bottom: 1em;
}
article.post .entry-title a{
	/*color: #DC3522;*/
}
article.post .more-link{
	width: 50%;
	background-color: #EEE;
	margin: 0 auto;
}

aside .rbe_headline:first-child>*{
	margin-top: 0;
}
.layout-sticky-top{
  position: sticky;
  top: 0;
}

/*article.post .rbe_text, article.post .rbe_list{
	font-size: 1.2em;
}*/
/*#content-inner .rbe_bl{
	font-size: 1.4rem;
}*/
.post-navigation{
  margin: 0.5em;
}

.comment{
	padding: 0 1em;
}
.comment-block{
	min-height: 4em;
}
.comment-content{
	margin-left: 60px;
}
.comment .card{
	margin: 1em 0;
}
.comment-replies{
	margin-left: 2em;
}

/*
ROWLIGHTABLE
*/
.rowlightable>*:not(.unlightable):hover>*{
	background-color: #ddd;
}
.rowlightable .current{
	font-weight: inherit;	
	border-left : 3px #629547 solid;
	border-right : 3px #629547 solid;
}
.rowlightable .current>*{
  background-color: #D5FAC1;
}
table tfoot tr.search input,table tfoot tr.search select{
	width: 100%;
}
table tbody tr:nth-child(even) td, table tbody tr:nth-child(even) th{
	background: #f9f9f9;
}
.rowdetails td, .rowdetails th{
	background-color: #ddd;
}

/*.sidebar-visible .tableView{
  width: 99%;
}*/
.tableView{
  table-layout: fixed;
  margin: 0 auto;
  width: 100%;
  overflow-wrap: break-word;
}

.tableView tbody td, .tableView tbody th{
	border: none;
  /*overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;*/
}

.tableView tbody{
	border-top: solid gray 1px;
}
.tableView tfoot{
	display: table-header-group;
	box-shadow: 0px 0px 1px 1px #ccc inset;
	background-color: #eee;
}
.tableView thead{
	border-bottom: solid gray 1px;
}

.tableView tfoot td, .tableView tfoot th{
	border: none;
}
.tableView [headers=hActions]{  
  text-overflow: unset;
}
.tableCaption{
  width: auto;
}

.rowdetails>td{
	border-bottom: solid 3px black;
	background-color: #ddd;
}

.rowdetails>td{
	padding-top: 1em;
}
.rowdetails table{
	background-color: white;
}

.noborder th, .noborder td{
	border: none;
}

.rtl{
  direction: rtl;
}
.tableScrollableX, .tableScrollableXtop{
  overflow-x:scroll;
  overflow-y:visible;
  width: 100%;
}
.tableScrollableX table{
  width: auto;
  max-width: none;
  table-layout: auto;
}
.tableScrollableX tr td, .tableScrollableX tr th{
  min-width: 6em;
}
/*.tableScrollableX th:nth-child(-n+2) {
  position: sticky;
  left: 0;
}*/
.tableScrollableX .scrollablex-sticky {
  position: sticky;  
  left: 0;
  background: #eee;
  z-index: 99;
}
.tableScrollableXtop>div{
  height: 1em;
}

/*
th:first-child {
    position: absolute;
    left: 5px;
}
*/

/*
SUBLINKS
*/
.sublinks{
	margin: 0.5em auto;
	padding: 0;
	/*background-color: #17AA8D;*/
	text-align: left;
	
}
.sublinks a{
	/*display: inline-block;*/
	padding: 0.5em;
	text-decoration: none !important;
	min-width: 8em;
	text-align: center;
	/*background-color: #17AA8D;*/
	color: black;
}


.sublinks a.current{
	/*background-color: #2C3E50;;*/
	color: white;	
}
.sublinks a:hover{
	text-decoration: none;
	/*background-color: #138C74;*/
	color: white;
}


/*
ACTIONLINKS
*/
.actionlinks{
	margin: 0.5em auto;
	padding: 0.5em;
	background-color: #eee;
	text-align: left;
	/*box-shadow: 0px 0px 3px 2px #ccc inset;*/
  line-height: 2em;
	
}
.actionlinks a{
	/*display: inline-block;*/
	padding: 0.2em 0.8em;
	text-decoration: none;
	min-width: 8em;
	text-align: center;
	/*background-color: #17AA8D;*/
	color: black;
	border-radius: 0.3em;
	text-decoration: none !important;
}


.actionlinks a.current{
	background-color: #2C3E50;;
	color: white;	
}
.actionlinks a:hover{
	text-decoration: none;
	background-color: #138C74;
	color: white;
}

/*
progression
*/
.progression{
	width: 100%;
	max-width: 10em;
	font-size: 2rem;	
	border-radius: 0.3em;
	display: inline-block;
	color: black;
	background: #aaa;
	text-align:left;
	line-height: 1.3rem;
	border: solid 1px grey !important;
}
.progression>div{
	text-align: center;
	border-radius: 0.3rem;
	text-shadow: 0px 0px 4px black;
	vertical-align: middle;
	color: white;
	padding: 0 5px;
	border: none !important;
	display: inline-block;
	line-height: 1.7rem;
  word-wrap: normal;
}
.progression>div:hover{
  filter: brightness(130%);
}
.progression.bigbar{
	height: 3em;
	width: 300px;
	line-height: 3rem;
}
.progression-advanced{
	max-width: 100%;
}

.progression-advanced-smaller{
	font-size: 1em;
}
.progression-advanced>div{
	height: 2em;
	display: inline-block;
	border-radius: 0;	
	padding: 0;
}
.progression-advanced>div:first-child{
	border-radius: 0.3em 0 0 0.3em;	
}
.progression-advanced>div:last-child{
	border-radius: 0 0.3em 0.3em 0;	
}
.progression-full{	
	border: solid 2px red !important;
}

/*
 MOCKUP
*/

.mockup {
	/*padding: 3px;*/
	border: gray 1px solid;
	box-shadow: 1px 1px 1px #bbb;
	padding: 1px;
	display: inline-block;	
}

.mockup > *{
	margin: 2px;
	display: block;
	text-align: center;
	padding: 2px;
	width: 150px;
	border-radius: 0;
	border: solid 1px gray;
	font-size: 0.6em;	
}
.mockup > button:hover{
	background-color: none;
	border-left-width: 5px;
}
.mockup > div{
	background-color: lightgray;
}
.mockup-home{
	height: 70px;
}
/*
ZERUDI BRAND
*/

.powered_by{
  text-align: center;
  font-size: 15px;  
  padding: 0.5em;
}
.powered_by a{
  color: white !important;
  text-shadow: 1px 1px 1px black;
}

/********************************************
				FEEDBACK
*********************************************/

.feedback{
	width: 95%;
}
.feedback-vote{
	text-align: center;
	vertical-align: middle;
}
.feedback-popularity{
	font-size: 2em;
	font-weight: bold;
}
.feedback-vote .voteUp, .feedback-vote .voteDown{
	font-size: 1.5em;
}
.feedback-vote .voteUp{
	color: #88C25F;
}
.feedback-vote .voteDown{
	color: tomato;
}
.feedback-avatar{
	vertical-align: middle;
}

.feedback-service{
	z-index: 100;
	text-align: center;
	position: fixed;
	bottom: 5em;	
	right: 0;
	
	padding: 0.5em;
	position: fixed;

	border: solid gray 1px;
	border-right: none;
	background: white;
	box-shadow: gray 0px 0px 3px;
	border-radius: 0.5em 0 0 0.5em;
}
.feedback-form{
	text-align: left;
	width: 500px;
}
.feedback-outlined{
	outline: tomato dashed 2px;
}
.feedback-cancel-xpath{
	font-size: 0.5em;
}
.feedbacks .none{
	border-left: 2px solid lightgray;
}
.feedbacks .minor{
	border-left: 2px solid #9ACDF3;
}
.feedbacks .major{
	border-left: 2px solid #F4F08A;
}
.feedbacks .critical{
	border-left: 2px solid #F16161;
}

.card-order-form{
	background-color: #efefef;
	border: solid #ddd 1px;
	border-radius: 0.3em;
	
	margin: 0 auto;
}

.product{
	/*display: inline-block;
	width: 47%;*/
}
.order-form .product{
	display: block;
	width: auto;
	margin: 0 auto;
}
/*
.body .rbe_bl .rbe_catch{
	font-weight: 400;
	
	text-transform: capitalize;
	font-size: 2em;
	color: black;
	background-color: transparent;
	border: none;
	padding: 1em 0;
	margin: 0;
}
.body .rbe_bl .rbe_catch strong, .body .rbe_bl .rbe_catch b{
	color: #C71111;
}*/


/*
	FORMATION / MODULES & LESSONS
*/
.modules{
	
}
/*.modules .card, .lessons .card {
	padding: 0;
}
.modules .card:first-child, .lessons .card:first-child{
	margin-top : 0;
}*/
.module-title, .lesson-title{
	height: 50px;
	line-height: 50px;
}
.module-title .peity{
	vertical-align: middle;
}
 
/*
SUBSCRIBE
*/

.subscribe{  
	max-width: 60em;
	margin: 0 auto;
	margin-top: 0.5em;
}
.subscribe-direct input[type="text"],
.subscribe-direct input[type="email"],
.subscribe-direct input[type="password"]
{
	width: 100%;
}
.subscribe-direct input.w50{
		width: 49%;
}
.subscribe-direct input.w30{
		width: 29%;
}
.subscribe-direct input.w70{
		width: 70%;
}
.subscribe-direct{
}

.subscribe-skip{
	margin: 0 auto;
	/*width: 50%;*/
}

.subscribe-skip .member-identity{
	border: solid 1px gray;
	padding: 0.5em;
	margin: 0.5em auto;
}
.subscribe-register{
	margin: 0 auto;
	/*width: 50%;*/
}

.subscribe-register .member-identity{
	border: solid 1px gray;
	padding: 0.5em;
	margin: 0.5em auto;
}

#content-inner .choices h4{
	padding : 0;
	margin: 0;
	margin-top: 1em;
}
/*
MEMBER-IDENTITY
*/
.member-identity{
	/*background-color: white;*/
	margin: 0.5em 0;
}

.ordered{
	counter-reset: section;
}
.ordered .lesson-title-text:before, .ordered .module-title-text:before {	
    counter-increment: section; 
    content: counters(section, ".") ". ";
}
.course-menu-content{

}
.course-menu-content.collapsed{
	display: block;
	margin-left: auto;
}
.course-menu-content.collapsed .course-menu{
	display: none;
}
.course-menu-content.collapsed .lesson, .course-menu-content.collapsed .lessons, .course-menu-content.collapsed .modules{
	width: 100%;
	margin: 0;
}



/*
content_pageTable
*/
#content_pageTable #hState{
	width: 100px;
}
#content_pageTable #hId_content_page_category{
	width: 150px;
}
#content_pageTable #hViews{
	width: 120px;
}
#content_pageTable #hPublished_at{
	width: 150px;
}
#content_pageTable #hComments{
	width: 120px;
}
#content_pageTable #hListed{
	width: 120px;
}
#content_pageTable #hName{
	width: auto;
}


/*
memberTable
*/
#memberTable td[headers=hEmail] .clipboard-copy{
	padding: 0;
}



/*
...commentTable
*/
#content_page_commentTable #hState, #content_page_commentTable td[headers=hState],
#marketing_page_commentTable #hState, #marketing_page_commentTable td[headers=hState],
#feedback_commentTable #hState, #feedback_commentTable td[headers=hState]
{
	width: 6em;
}

#content_page_commentTable #hId_content_page, #content_page_commentTable td[headers=hId_content_page],
#marketing_page_commentTable #hId_content_page, #marketing_page_commentTable td[headers=hId_content_page]
{
	width: 20em;
}

#content_page_commentTable #hCreated_at, #content_page_commentTable td[headers=hCreated_at],
#marketing_page_commentTable #hCreated_at, #marketing_page_commentTable td[headers=hCreated_at],
#feedback_commentTable #hCreated_at, #feedback_commentTable td[headers=hCreated_at]
{
	width: 10em;
	font-size: 0.8em;
}
#content_page_commentTable #hId_member, #content_page_commentTable td[headers=hId_member],
#marketing_page_commentTable #hId_member, #marketing_page_commentTable td[headers=hId_member],
#feedback_commentTable #hId_member, #feedback_commentTable td[headers=hId_member]
{
	width: 300px;
}
#content_page_commentTable #hContent, #content_page_commentTable td[headers=hContent],
#marketing_page_commentTable #hContent, #marketing_page_commentTable td[headers=hContent],
#feedback_commentTable #hContent, #feedback_commentTable td[headers=hContent]
{
	font-size: 0.8em;
}


/*
shortlinkTable
*/
#shortlinkTable #hClicks, #shortlinkTable td[headers=hClicks]{
	width: 5em;
}
#shortlinkTable #hId_group, #shortlinkTable td[headers=hId_group]{
	width: 10em;
}
#shortlinkTable #hLast_click, #shortlinkTable td[headers=hLast_click]{
	width: 8em;
}
#shortlinkTable #hLink, #shortlinkTable td[headers=hLink]{
	width: 18em;	
}
/*
return_mailTable
*/
#return_mailTable #hAction, #return_mailTable td[headers=hAction]{
	width: 10em;
}


#accountTable #hName, #accountTable td[headers=hName]{
	width: 15em;
}
#accountTable #hId_member, #accountTable td[headers=hId_member]{
	width: 15em;
}
#accountTable #hUsage, #accountTable td[headers=hUsage]{
	width: 15em;
}

.sticky-top{
	/*margin-bottom: 2em;*/
	position: sticky;
  background: rgba(255,255,255,0.9);
	top: 0;
	z-index:100;
	box-shadow: black 0px 6px 15px -15px;
}
.sticky-bottom{
	/*margin-top: 2em;*/
	position: sticky;
  background: rgba(255,255,255,0.9);
	bottom: 0;
	z-index:100;
	box-shadow: black 0px -6px 15px -15px;
}

.sticky-bottom [class*="grid-"] > div{
	align-self: end;
}
.notsticky-bottom{
	
  background: rgba(255,2552,255,0.9);
	box-shadow: black 0px -6px 15px -15px;
}
/*
TIMELINE
*/

.timeline{
	border-bottom: 3px solid gray;
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.timeline-massmailings{
	
}
.timeline .timeline-event:first-child{
	background-color: black;
	color: white;
}
.timeline .timeline-event{
	display: inline-block;
	border-radius: 50%;
	background-color: lightgray;
	padding: 0.5em;
	text-align: center;
	width: 3em;
	height: 3em;
	line-height: 2em;
	position: absolute;
	top: -1.5em;
}
/*
microformat
*/

.microformat{
	
}
.microformat em{
	font-style: normal;
	color: gray;
	font-size: 0.8em;
	display: inline-block;
	width: 10em;
}
.microformat dl{
	margin-bottom: 1em;
}
.microformat dt{
	
}

.microformat>dd{
	margin-left: 0;
}
.microformat dd{
	margin-left: 1em;
}


/**********
			lightbox
****************/
.lightbox{
	
}
.lightbox-open{
	width: 99vw;
	height: 99vh;
	background-color: rgba(127,127,127,0.5);
	vertical-align: middle;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 999;	
	text-align: center;
}
.lightbox-open>*{
	margin: 0 auto;
	text-align: initial;
	background-color: white;
	padding: 1vh;
	border-radius: 0.5em;	
	/*width: 100%;
  height: 100%;*/
  /*text-align: center;*/
  display: inline-block;
	animation: fadeInScale 0.6s ease-in-out;
}
.lightbox-html{
	overflow-y: scroll;
}
.lightbox-img figcaption{
	vertical-align: middle;
	color: gray;
	padding-top: 0.5em;
}
.lightbox-img img{
	opacity: 1;
	max-height: 93vh;
	max-width: 93vw;
}

.lightbox-close > *{
	animation: fadeOutScale 0.6s ease-in-out;
}

@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes fadeOutScale {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.6); opacity: 0; }
}

/* LOADER */
.loader {
	width: 1em;
	height: 1em;
	margin: auto;
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-indent: -9999em;
}
.loader:before {
	content: '';
	width: 1em;
	height: 5px;
	background: rgb(0,0,0);
	opacity: 0.1;
	position: absolute;
	top: 1.5em;
	left: 0;
	border-radius: 50%;
	animation: shadow 0.58s linear infinite;
		-o-animation: shadow 0.58s linear infinite;
		-ms-animation: shadow 0.58s linear infinite;
		-webkit-animation: shadow 0.58s linear infinite;
		-moz-animation: shadow 0.58s linear infinite;
}
.loader:after {
	content: '';
	width: 1em;
	height: 1em;
	background: rgb(26,54,104);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
	animation: cssload-animate 0.58s linear infinite;
		-o-animation: cssload-animate 0.58s linear infinite;
		-ms-animation: cssload-animate 0.58s linear infinite;
		-webkit-animation: cssload-animate 0.58s linear infinite;
		-moz-animation: cssload-animate 0.58s linear infinite;
}



@keyframes cssload-animate {
	17% {
		border-bottom-right-radius: 3px;
	}
	25% {
		transform: translateY(9px) rotate(22.5deg);
	}
	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 39px;
	}
	75% {
		transform: translateY(9px) rotate(67.5deg);
	}
	100% {
		transform: translateY(0) rotate(90deg);
	}
}

@keyframes shadow {
	0%,
	100% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1);
	}
}


.traffic .indicator{
  font-size: 3em;
  text-align: center;
  font-weight: bold;
  color: #19BC9C;
}


.traffic .list-indicators li{
	padding: 0.5em 0;
	list-style-type: none;
}
.traffic .number{
	color: #19BC9C;
	float: right;	  
	font-weight: bold;
  font-size: 1.5em;
}


/*
PURL
*/
.purl-tn{
	position: absolute;
	padding: 0.5em;
	background: white;
	border-radius: 1em;
	box-shadow: gray 2px 2px 5px;
}

/*
MARKETING SEQUENCE
*/
.sequences{
	position: relative;
}
.sequence-block{
	display: inline-block;
	margin: 0 1em;
	margin-right: 30px;
	padding: 0;
	width: 150px;
	min-height: 250px;
	position: relative;
}
.sequence-block:after{
	content: " ";
	background: 
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABWElEQVRoge3YsUtVYRzH4SdECBIEF2lpaRKamhwd3BpbQ3AMgv4FN69/gGuzqzi6OQpOLk2BBA53CCmIivJtyAvHe+8597znXs5P6H3gt3++y8vhUBRFURT/sQGG2Mej4JZOfiDd3REex+bkS2N3jvXQokzjAxI+YSMyKse0AQlfsBWX1V7dgISfeBOX1k7TgIRb7EXFtTFrwOg+YDmosVHbAQmnWI3JrJczIOESz0JKa+QOSLjGy4jYaboMSPiGVwG9E7oOSPiNt/0n3zfPgNEzu9N7dcW8A5J/nx5hFjHgc+/VFYsY8K736op5wn9ht//k+7rG32A7oHdCl/grvIiInSY3/gJPQ0pr5MSfYCUms17b+EMsBTU2mhX+B+/D6lpoiv+O13Fp7dTFD7EZ2NXatPiPeB4ZlWM8/gxroUWZqr8Wj/EkNiffAF9x4IE+k0VRFEXxoP0F/VM6Xa41LScAAAAASUVORK5CYII=) 
		center right no-repeat
		;
	display: block;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -40px;
}

.sequence-hasRules{
	border-left: solid 3px #397ACB;
}
.sequence-top{
	height: 150px;
	width: 150px;
}
.sequence-name{
	padding: 0.5em;
	text-align: center;
	font-size: 0.8em;
	height: 4em;
}
.sequence-indicators{
  margin: 0 1em ;
	text-align: left;
}
.sequence-buttons{
	background-color: rgba(255,255,255,0.7);
}

/*
MARKETING PAGE
*/
.marketingpage-block{
	display: inline-block;
	padding: 0;
	width: 150px;
	min-height: 280px;
	margin-right: 0.5em;
}

.marketingpage-offline{
	border-top: solid 3px #F43C21;
}
.marketingpage-online{
	border-top: solid 3px #3AC316;
}

/*
EVENTS
*/
.events{
	display: inline-block;
	position: relative;
}

.events .event-nb{
	border-radius: 50%;
	display: inline-block;
	/*color: white;
	background-color: gray;*/
	width: 2em;
	height: 2em;
	line-height: 1em;
	
	text-align: center;
	margin: 0 0.5em;
}
.events .event-empty{
	background: lightgray;
	color: gray;	
}
.events-list{
	/*display: none;
	position: absolute;*/
	width: 32em;
/*
	padding: 1em;
	right: 0px;
	width: 32em;
	box-shadow: 4px 4px 4px -4px black;*/
}
/*.events-list .event::after{
	clear: both;
}*/

.events-list .event{
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	overflow: none;
}
.events-list .event a{
	border-top: dotted lightgray 1px;
	padding: 0.5em;	
	display: block;
}

.dropdown > .hideable .events-list li a, .events-list .event a{
	min-height: 6em;
	background-color: #fff;
	color: black;
}
.dropdown > .hideable .events-list li.event-new a, .events-list .event-new a{
	background-color: #eee;	
}
.dropdown > .hideable .events-list li.event-new a:hover, .events-list .event-new a:hover{
	background-color: #C8C8C8;	
}

.event-date{
	font-size: 0.7em;
}

/*
VIDEO
*/
.video-text-overlay:before{
  content: attr(data-textoverlay);
  color: white;
  text-shadow: 1px 1px black;
  display: block;
  position: absolute;
  margin: 0.2em 0.5em;
}


/*
COUPON
*/
.coupon-code{
	text-transform: uppercase;
	font-family: monospace;
	color: #333;
	letter-spacing: 2px;
}

/*
CART
*/
#cartSummary{
	border: none;
	/*width: 85%;*/
	margin: 0 auto;
}

.isAdmin #container{
	/*margin-top: 3.4em;*/
}

/*
payment-bankaccount
*/
.payment-bankaccount .bank_account{
	cursor: pointer;
}


/*
TOOLTIP
*/

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: help;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-active:before, 
.tooltip-active:after
{
  visibility: visible;
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

.tooltip-large:after{
	width: 320px;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}


/*
wider tooltip
*/
.tooltip-bigger:after{
	width: 400px;
  margin-left: -200px;
}

.tooltip-active:after{
	background-color: rgba(200,200,0,0.9);
	font-weight: bold;
	color: black;
}

.tooltip-active:before{
	border-top-color: rgba(200,200,0,0.9);
}
.tooltip-bottom.tooltip-active:before{
	border-bottom-color: rgba(200,200,0,0.9);
}
.tooltip-left.tooltip-active:before{
	border-left-color: rgba(200,200,0,0.9);
}
.tooltip-right.tooltip-active:before{
	border-right-color: rgba(200,200,0,0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after ,
.tooltip-top.tooltip-active:before, 
.tooltip-top.tooltip-active:after
{
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after ,
.tooltip-left.tooltip-active:before, 
.tooltip-left.tooltip-active:after {
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after,
.tooltip-bottom.tooltip-active:before, 
.tooltip-bottom.tooltip-active:after {
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after,
.tooltip-right.tooltip-active:before, 
.tooltip-right.tooltip-active:after {
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}

button.tooltip:focus:before,
button.tooltip:focus:after,
button[data-tooltip]:focus:before,
button[data-tooltip]:focus:after {
  visibility: hidden;
  opacity: 0;
}




.rbe_fullbg{
	position:relative;
	color: white;
}
.rbe_fullbg::before {

    content: "";
    display: block;
    position: absolute;
		left: -49%;
		top: 0;
		width: 99vw;
		height: 100%;
    z-index: -1;
    background: pink;
    background-image: url("https://unsplash.it/g/1900/600/?blur");
}


#topbar{
	z-index: 110;
}

#topbar>div{
	vertical-align: middle;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#topbar h1, #topbar .h1-like{
	margin: 0;
	padding: 0;
	/*width: 200px;*/
	display: inline-block;
}
#topbar .toggleMSC{
	padding: 0;
}

#topbar .dropdowns{
	width: 50%;
}

#eprivacy{
}
.eprivacy-top{
    position: sticky;
    top: 0;
    z-index: 1000; 
    box-shadow: black 0px 0px 20px 0px;
}

.eprivacy-modal{
	width: 60vw;
}


.eprivacy-modal::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
}
  

.dropdowns>div{
	text-align: right;
	vertical-align: middle;

	/*display: inline-block;*/
	/*height: 100%;*/
	/*height: 2em;*/
	/*margin-left: 2em;*/
	/*line-height: 2em;*/
}
.dropdown > div{
	padding: 0.5em 0;
}
.account-admin{
	padding-top: 3em;
}

.globalSearch{
	vertical-align: middle;	
	position: relative;
	/*padding: 0.5em;*/
}

.globalSearch-wrapper::after{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	/*search element*/
	font-size: 1.2em;
	width: 1em;
	height: 1em;
	color: lightgray;
	content: '\e63e';
	display: block;
	position: absolute;
	right: 2em;
	top: 33%;
}
.globalSearch input{
	position: relative;
	padding-right: 2.5em;
	width: 90%;
	/*width: 30em;*/
} 
#topbar .dropdown{
	background-color: transparent;
}
#topbar #login{
	padding-left: 1em;
	border-left: white 1px dotted;
}

.modules{
	
}
.module{
	/*width: 400px;*/
}

.module h2{
	font-size : 1em;
}
.lesson h3{
	font-size : 1em;
}

/*
.editModule, .editLesson{
	width: 95%;
	font-weight: bolder;
}*/

.assessments .assessment{
	/*width: 200px;*/
}
.marketing_pages{
	position: relative;
}

.marketing_pages .marketing_page{
	display: inline-block;
	position: relative;
}
.marketing_page a{
	text-decoration: none;
}

.marketing-step{
	min-height: 5em;
	display: inline-block;
	border: solid 1px lightgray;
	min-width: 220px;
	margin: 0 1em;
	background-color: #eee;
	position: relative;
	vertical-align: middle;
	margin-bottom: 1em;
}
.marketing-step:last-child:after{
	background: none;
}
.marketing-step:after{
	content: " ";
	background: 
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABWElEQVRoge3YsUtVYRzH4SdECBIEF2lpaRKamhwd3BpbQ3AMgv4FN69/gGuzqzi6OQpOLk2BBA53CCmIivJtyAvHe+8597znXs5P6H3gt3++y8vhUBRFURT/sQGG2Mej4JZOfiDd3REex+bkS2N3jvXQokzjAxI+YSMyKse0AQlfsBWX1V7dgISfeBOX1k7TgIRb7EXFtTFrwOg+YDmosVHbAQmnWI3JrJczIOESz0JKa+QOSLjGy4jYaboMSPiGVwG9E7oOSPiNt/0n3zfPgNEzu9N7dcW8A5J/nx5hFjHgc+/VFYsY8K736op5wn9ht//k+7rG32A7oHdCl/grvIiInSY3/gJPQ0pr5MSfYCUms17b+EMsBTU2mhX+B+/D6lpoiv+O13Fp7dTFD7EZ2NXatPiPeB4ZlWM8/gxroUWZqr8Wj/EkNiffAF9x4IE+k0VRFEXxoP0F/VM6Xa41LScAAAAASUVORK5CYII=) 
		center right no-repeat
		;
	display: block;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -40px;
}
.marketing-step .marketing_page{
	margin: 0.5em auto;	
	min-height: 50px;
	width: 200px;
}
.marketing_page .secbutton{
	font-size: 0.8em;
	padding: 0;
}

.marketing-sequences{
}
.marketing-step-title{
	/*background-color: #dfdfdf;*/
	padding: 0.3em;
	font-weight: bold;
}
.marketing-step-title .landing-page{
	color: white;
	background-color: #666;
	border-radius: 0.2em;
	padding: 0.3em;
	font-size: 0.8em;
	margin-right: 0.5em;
	font-weight: normal;
	line-height: 1em;
	border: none;	
	display: inline-block;
	vertical-align: middle;
}
.marketing-step-title button.landing-page{
	background-color: #ccc;
}
.marketing-step-title button.landing-page:hover{
	background-color: #666;	
}

.marketing-step-title button.landing-page-enabled{
	background-color: #666;	
}

/*
FORMATION
*/
.course_panel{
	width: 450px;	
}
.edit_panel{
	
}

.menu-items, .menu-items.ui-state-default{
	min-height: 2em;
}

/*
PLACHOLDER MULTILINE
*/
textarea[data-placeholder].phactive { color: #aaa; }

/*
CHECKBOX & RADIO
*/
label.switchbox [type="checkbox"],
label.switchbox [type="radio"],
.radios [type="radio"],
.checkboxes [type="checkbox"],
label ~ [type="checkbox"]:not(:checked),
label ~ [type="checkbox"]:checked,
label ~ [type="radio"]:not(:checked),
label ~ [type="radio"]:checked {
	position: absolute;
	left: -9999px;
}


label.switchbox,
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
	position: relative;
	padding-left: 5em;
	cursor: pointer;
}

label.switchbox:before,
label.switchbox:after,
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before,
[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
}
label.switchbox:before,
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	left:0; 
	top: -0.1em;
	width: 4.5em; 
	height: 2em;
	background: #DDDDDD;
	border-radius: 2em;
	transition: background-color .2s;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	width: 2em;
	left: 1em;
}

label.switchbox:after,
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after  {
	width: 1.5em; 
	height: 1.5em;
	transition: all .2s;
	border-radius: 50%;
	background: #7F8C9A;
	top: 0.2em; 
	left: 0.3em;
}

[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
	top: 0.1em; 
	left: 1.2em; 
}

/* on checked */
label.switchbox-checked,
[type="checkbox"]:checked + label,
[type="radio"]:checked + label{
	font-weight: bold;
}
label.switchbox-checked:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:checked + label:before {
	background:#2C3E50; 
}
label.switchbox-checked:after,
[type="checkbox"]:checked + label:after,
[type="radio"]:checked + label:after{
	background: #18BB9B;
	top: 0.15em; 
}
label.switchbox-checked:after,
[type="checkbox"]:checked + label:after {
	left: 2.75em;	
}

/*
MINI
*/
label.switchbox.mini-switchbox,
[type="checkbox"].mini-switchbox:not(:checked) + label,
[type="checkbox"].mini-switchbox:checked + label,
[type="radio"].mini-switchbox:not(:checked) + label,
[type="radio"].mini-switchbox:checked + label {
  padding-left: 2.5em;
  margin-top: 0;
}
label.switchbox.mini-switchbox:before,
[type="checkbox"].mini-switchbox:not(:checked) + label:before,
[type="checkbox"].mini-switchbox:checked + label:before,
[type="radio"].mini-switchbox:not(:checked) + label:before,
[type="radio"].mini-switchbox:checked + label:before {
  top: 0.2em;
  width: 2em; 
  height: 1em;
  border-radius: 1em;
}

[type="radio"].mini-switchbox:not(:checked) + label:before,
[type="radio"].mini-switchbox:checked + label:before {
  width: 0.8em;
  left: 0.5em;
}

label.switchbox.mini-switchbox:after,
[type="checkbox"].mini-switchbox:not(:checked) + label:after,
[type="checkbox"].mini-switchbox:checked + label:after,
[type="radio"].mini-switchbox:not(:checked) + label:after,
[type="radio"].mini-switchbox:checked + label:after  {
  width: 0.8em; 
  height: 0.8em;
  top: 0.3em; 
  left: 0.2em;
}

[type="radio"].mini-switchbox:not(:checked) + label:after,
[type="radio"].mini-switchbox:checked + label:after {
  top: 0.3em; 
  left: 0.6em; 
}
label.mini-switchbox.switchbox-checked:after,
[type="checkbox"].mini-switchbox:checked + label:after {
  left: 1.0em; 
}
/*
DISABLED
*/


[type="checkbox"]:disabled:not(:checked) + label:after,
[type="checkbox"]:disabled:checked + label:after,
[type="radio"]:disabled:not(:checked) + label:after,
[type="radio"]:disabled:checked + label:after  {
	background:#cdcdcd; 
}
label.switchbox-checked:before,
[type="checkbox"]:disabled:checked + label:before,
[type="radio"]:disabled:checked + label:before {
	background:#ddd; 
}
label.switchbox-checked:after,
[type="checkbox"]:disabled:checked + label:after,
[type="radio"]:disabled:checked + label:after{
	background: #18BB9B;
}

/* UI */
label.switchbox .ui,
[type="checkbox"]:checked + label .ui,
[type="checkbox"]:not(:checked) + label .ui:before,
[type="checkbox"]:checked + label .ui:after{
	position: absolute;
	left: 0.3em;
	width: 5em;
	border-radius: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	transition: all .2s;
}
label.switchbox:not(.switchbox-checked) .ui:before,
[type="checkbox"]:not(:checked) + label .ui:before {
	content: "non";
	left: 2em;
}
label.switchbox:not(.switchbox-checked) .ui:after,
[type="checkbox"]:checked + label .ui:after{
	content: "oui";
	color: #18BB9B;
}
label.switchbox:not(.switchbox-checked) .ui:after,
[type="checkbox"]:checked + label .ui:after{
	content: "oui";
	color: #18BB9B;
}
/*focus*/
[type="checkbox"]:focus + label:before,
[type="radio"]:focus + label:before {
	border: 1px dashed #777;
	box-sizing: border-box;
	margin-top: 0;
}




/*
venn diagram
*/
.venn{
	position: relative;	
	margin-bottom: 1em;
	margin-top: 1em;
}
.venn>div{
	border-radius: 50%;
	width: 6em;
	height: 6em;
	line-height: 6em;
	position: relative;
	display: inline-block;
	/*border: solid gray 1px;*/
	text-align: center;
}
.venn .groupA{
	right: -1em;	
	background-color: rgba(0,170,250, 0.6);
}
.venn .groupB{
	left: -1em;
	background-color: rgba(250,250,35, 0.6);
}



/*
MENU Burger
*/
.burger {
	position: absolute;
	display:  none;
	width: 30px;
	height: 30px;
	margin: 0.5em;
	background: none;
	border: none;
	border-radius: none;
	
	top: 0;
	right: 0;

	z-index: 10;
}
.burger span {
	margin: 0 auto;
	position: relative;
	top: 12px;
}
.burger span:before, .burger span:after {
	position: absolute;
	content: '';
}


.burger span, .burger span:before, .burger span:after {
	width: 30px;
	height: 6px;
	background-color: #000;
	display: block;
	box-shadow: 0px 0px 5px white;
}

.burger.active span, .burger.active span:before, .burger.active span:after
 {
	background: #F50;
	box-shadow: none;
}

.burger span:before {
	margin-top: -12px;
}
.burger span:after {
	margin-top: 12px;
}

.burger span {
	transition-duration: 0s;
	transition-delay: 0.2s;
}.burger.active span{
	background-color: rgba(0,0,0,0.0);	
	transition-delay: 0.2s;
}
.burger span:before {
	transition-property: margin, transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s, 0s;
}.burger.active span:before{
	margin-top: 0;
	transform: rotate(45deg);
	transition-delay: 0s, 0.2s;
}
.burger span:after {
	transition-property: margin, transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s, 0s;
}.burger.active span:after{
	margin-top: 0;
	transform: rotate(-45deg);
	transition-delay: 0s, 0.2s;
}


/*
folded
*/
.folded > *:nth-child(n+4){
	display: none;
}
.folded:after{
	content: '...';
	display: inline-block;
	color: gray;
}
.folded:hover > *{
	display: inline-block;
}
.folded:hover:after{
	content: '';
}

.tobor{
	display: none;
}


.pricing-table{
	text-align: center;
	
}

.pricing-table ul{
	list-style: none;
	padding: 0px;
	margin: 0px;


}


.pricing-table li{
border-bottom: 1px solid gray;
padding: 0.5em 1em;
margin: 0px;
min-height: 3em;
}



.pricing-table .plan-name{
	border-radius: 5px 5px 0px 0px;

  font-weight: 800;
	text-transform: uppercase;
	color: white;
	
	font-size: 1.5em;	


}

.pricing-table .plan{

	border-radius: 0px 0px 5px 5px;
  font-style:condensed;
  text-align: center;

}




.pricing-table .plan-price-block{
	background: #eee;
}
.pricing-table .plan-price{
	font-size: 2.5em;
  font-weight: 800;
  font-style:condensed;
}
.pricing-table .plan-price span{
	font-size: 0.6em;
	color: gray;
}

.pricing-table .plan-next{
	font-size: 1.1em;
	font-weight: 800;
}


/*
profile
*/
#content-inner .profile-name h1{
	padding: 0;
}
.level-progress{
	height: 3px;
	background-color: #ddd;
}
.level-progress .level-progress-bar{
	height: 3px;
	position: relative;
	top: 0;
	left: 0;
	border: none !important;
	border-radius: 2px  !important;	
	border-width: 0  !important;
}

.module-progress, .product-progress{	
	width: 100%;
	position: relative;
	display: block;
  /*align-items: center;
  */flex-wrap: wrap;
  padding-bottom: 0em;
  /*height: 4em;*/

}
.lesson-progress-chunk, .module-progress-chunk{
  flex: 0 1 100px;
  display: inline-block;
  position: relative;
  justify-content: center;	
	background-color: lightgray;	
	border: none !important;
	height: 0.3em;
	margin: 1em 0;
	width: 100px;
	vertical-align: middle;
}
.lesson-progress-dot, .module-progress-dot{
	border-radius: 50%;	
	background-color: lightgray;	
	border: none !important;
	border-width: 0  !important;
	height: 1.5em;	
	width: 1.5em;	
  line-height: 1.5em;
	/*align-self: center;*/
	/*
	align icon inside	
	*/
	display: block;
	/*align-items: center;*/
	text-align: center;
	/*justify-content: center;*/
	left: 40%;
	top: -0.5em;

}
.lesson-progress-dot:hover, .module-progress-dot:hover{
	border: solid 1px gray;
}

.lesson-progress-chunk:first-child, .module-progress-chunk:first-child{
	border-radius: 1em 0 0 1em;
}
.lesson-progress-chunk:last-child, .module-progress-chunk:last-child{
	margin-right: 0;
	border-radius: 0 1em 1em 0;
}

.position-num{
	background-color: #eee;
	border-radius: 50%;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	display: inline-block;	
	box-shadow: 0px 0px 4px gray;
	float: left;
}
.medal{
	margin: 2em 0em 0em 0em;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 1.8em;
  font-weight: bold;
  color: white;
  border: 2px solid #fff;
  border-radius: 50%;
  position: relative;
  top: 3.0em;
	left: -2em;
	box-shadow: 0px 0px 4px gray;
}
.medal:after, .medal:before{
  content: "";
  width: 0.6em;
  height: 3em;
	top: -3.0em;
  position: absolute;
}
.medal:before{
	left: 0.9em;
  transform: rotate(15deg);
  z-index: 1;
}
.medal:after{
	left: 0.1em;
  transform: rotate(-15deg);
  z-index: 0;
 }

.medal-gold {
  background: #fdb23b linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 50%);
}
.medal-gold:before {
  background: #8d457f;
}
.medal-gold:after {
  background: #ad589d;
}

.medal-silver {
  background: #b9b7b5 linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 50%);
}
.medal-silver:before {  
  background: #654395;
}
.medal-silver:after {  
  background: #7e57b4;
}

.medal-bronze {
  background: #d78c36 linear-gradient(45deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 50%);
}
.medal-bronze:before {
  background: #434f95;
}
.medal-bronze:after {
  background: #5765b4;
}


.spam-score-bar{
	background: linear-gradient(to right, #ff0000 0%, #db8e00 33%, #efef00 66%, #40d600 100%);
	position: relative;
	height: 2em;
}
.spam-score-arrow{    
	text-shadow: 0px 0px 3px black;
  color: white;
  width: 3em;
  position: relative;
}
.spam-score-arrow:after{
	content: " ";
	display: block;  
  vertical-align: middle;
  width: 0em;
  border-bottom: solid 1em rgb(0, 0, 0);
  border-left: solid 1em transparent;
  border-right: solid 1em transparent;
  position: relative;
  margin: 0 auto;
}


.text_variables, .rbe_text_variables{
    position: absolute;
    background: white;
    padding: 0.5em;
    box-shadow: -1px 1px 3px gray;
    border: solid lightgray 1px;
    border-radius: 3px;
    font-size: 0.9em;
    z-index: 1000;
}

.text_variables ul, .rbe_text_variables ul{
    list-style-type: none;
    margin: 0;    
    padding: 0;
    height: 15em;
    overflow-y: scroll;
    min-width: 15em;
}
.text_variables li, .rbe_text_variables li{
    padding: 0.3em;
    cursor: pointer;
}
.text_variables li:hover, .text_variables li.hover,
.rbe_text_variables li:hover, .rbe_text_variables li.hover{
    background-color: lightgray;
}

.ui-autocomplete {
    /*max-height: 20em;
    overflow-y: auto;*/
    /* prevent horizontal scrollbar */
    /*overflow-x: hidden;*/
    /* add padding to account for vertical scrollbar */
    /*padding-right: 20px;*/
}
.ui-autocomplete li a{
	display:block;
}
.ui-draggable-dragging{
	z-index: 1000;
}

.spoiler {
	filter: blur(20px);
	transition-property: filter;
	transition-duration: .4s;
}
.spoiler:hover, .spoiler:focus {
	filter: blur(0px);
}
.blurred {
	filter: blur(3px);
	transition-property: filter;
	transition-duration: .4s;
}
.blurred:hover, .blurred:focus {
	filter: blur(0px);
}


.guide{
	padding: 0.5em;
	position: fixed;
	right: 0;
	top: 20%;
	border: solid gray 1px;
	border-right: none;
	background: white;
	box-shadow: gray 0px 0px 3px;
	border-radius: 0.5em 0 0 0.5em;
	z-index: 1000;
}
.guide-minimized .guide-maximize{	
	display: inline-block;	
}
.guide-maximize{
	display: none;	
}

.guide-minimized .guide-mini-hidden{
	display: none;
}
.guide-steps{
  overflow-y: scroll;
  max-height: 70vh;
}
.guide-steps ol{
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
}


#supportTable .msg-nb{    
  border-radius: 50%;
  display: inline-block;
  color: black;
  background-color: #eee;
  width: 1.5em;
  height: 1.5em;
  line-height: 1em;
  text-align: center;
  padding: 0.25em;
}
    
#dialogIdle{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding-top: 10%;
  background-color: rgba(255,255,255,0.8);
  backdrop-filter: blur(2px);
  text-align: center;
  z-index: 1000;
  font-size: 10rem;
  
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease, visibility 0.1s ease;
}
#dialogIdle.visible{  
  visibility: visible;
  opacity: 1;
  transition: opacity 1s ease, visibility 1s ease;
}

dl.lexicon{
	
}
dl.lexicon dt{
	margin-top : 1em;
	color: #343434;
}
.api_params{
	
}
.api_params dt{
	margin-top : 0.5em;
	color: black;
	background: #eee;
	padding: 0 0.2em;
}
.api_params dd{
	margin-left: 1em;
	color: #343434;
}

.slot-available, .slot-booked{
	margin-top: 2px;	
	border-left: solid 5px transparent;
	align-items: stretch !important;
}

.slot-available{
	
}
.slot-booked{
	border-left: solid 5px #1FC854FF;
	border-right: solid 5px #1FC854FF;
}
.slot-maxbooked{
	border-left: solid 5px #08AB36FF;
	border-right: solid 5px #08AB36FF;
}
.slot-time {
	background: lightgray;	
}

.slot-hour {
	background: lightgray;
	border-radius: 1em;
	padding: 0.5em;
}

.slot-selected{
	background: green;
	color: white !important;
}

.satisfaction_form button{
	margin-right: 0.5rem;
	width: 4rem;
	height: 4rem;
	padding: 0;
	vertical-align: middle;
}
.satisfaction_form .yesno button{
	height: 6rem;
}
.satisfaction_form button:hover{
	box-shadow: 0 0 5px 4px lightgray;
}
.satisfaction_form button.current{
	box-shadow: 0 0 0 4px #000;
}
.satisfaction_form .star4 button{
	background: none;
	stroke: black;
	fill: white;
}
.satisfaction_form .star4 button:hover, .satisfaction_form .smiley4 button:hover{
	background: none;
	box-shadow:none;
}
.satisfaction_form .star4 button.current, .satisfaction_form .smiley4 button.current, .satisfaction_form .star4 button:focus{
	background: none;
	box-shadow: none;
	border: none;
}
.satisfaction_form .smiley4 button:hover{
	/* scale a little bit */
	transform: scale(1.1);
}
.satisfaction_form .smiley4 button.current svg{
	fill: yellow;
}

/*flex wrapper: 2 col, first one is 25% of width */
.assistant-wrapper{
	display: grid;
    grid-template-columns: 1fr 3fr;
	
}
.assistant-threads{
}
.assistant-content{
}
.assistant-threads-list>div{
	padding: 1rem;
}
.assistant-threads .secbutton{
	color: black !important;
}
.assistant-threads div.current{
	background: #eeeeee;
}
.assistant-message-user{
	background: white;
}
.assistant-message-assistant{
	background: #f0f0f0;
}

.ai_credits{
	font-size: 0.8em;
	background: #fa7f3c;
	color: black;
	padding: 0.5em;
	border-radius: 0.5em;
}