article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
	display:block
}
audio,canvas,video {
	display:inline-block;
}
audio:not([controls]) {
	display:none
}
html {
	font-size:100%;
	overflow-y:auto;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
textarea, input, span, p, div, h3 {
	font-family:Roboto,Arial,Helvetica
}
.round-font {
	font-family: 'Coming Soon', cursive;
}
@font-face {
  font-family: 'eLampIcons';
  src: url('https://s3-eu-west-1.amazonaws.com/elamp-static/fonts/eLampIcons.ttf?#iefix') format('truetype');
}
@font-face {
  font-family: 'eLampCategories';
  src: url('https://s3-eu-west-1.amazonaws.com/elamp-static/fonts/eLampCategories.ttf?#iefix') format('truetype');
}
::-moz-selection{
	background:#FFC800;
	color:#fff;
	text-shadow:none
}
::selection{
  background:#FFC800;
  color:#fff;
  text-shadow:none
}
a:focus{
	outline:thin dotted
}
a:active,a:hover{
	outline:0
}
abbr[title]{
  border-bottom:1px dotted
}
b,strong{
  font-weight:700
}
blockquote{
  margin:1em 40px
}
dfn{
  font-style:italic
}
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0
}
ins {
  background:#ff9;
  color:#000;
  text-decoration:none
}
mark {
  background:#ff0;
  color:#000;
  font-style:italic;
  font-weight:700
}
pre {
  white-space:pre;
  white-space:pre-wrap;
  word-wrap:break-word
}
q {
  quotes:none
}
q:after,q:before {
  content:"";
  content:none
}
small{
  font-size:0.6em;
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup{
  top:-.5em
}
sub{
  bottom:-.25em
}
ol,ul{
  margin:1em 0;
  padding:0
}
dd{
  margin:0 0 0 40px
}
nav ol,nav ul{
  list-style:none;
  list-style-image:none;
  margin:0;
  padding:0
}
img{
  border:0;
  -ms-interpolation-mode:bicubic;
  vertical-align:middle
}
svg:not(:root){
  overflow:hidden
}
figure,form{
  margin:0
}
fieldset{
  margin:0;
  padding:0
}
label{
	cursor:pointer
}
legend{
	border:0;
	padding:0
}
button,input,select,textarea{
	font-size:100%;
	margin:0;
	vertical-align:baseline;
}
button,input{
	line-height:normal;
	border:0
}
.btn:focus, .btn:active,
.btn-primary:focus, .btn-primary:active,
.bumped:focus, .bumped:active {
	outline:none;
}
.btn .standard-icon + div:last-child:not(.custom-checkbox), .btn .standard-icon + span:last-child:not(.custom-checkbox) {
	padding-right: 5px;
}
textarea:focus, textarea:active,
select:focus, select:active,
button:not(.bumped):not(.btn):focus, button:not(.bumped):not(.btn):active,
input:not(.bumped):not(.btn):focus, input:not(.bumped):not(.btn):active {
	border: 1px solid #FFC800;
	outline: none;
}
#top-bar input:not(.bumped):not(.btn):focus, #top-bar input:not(.bumped):not(.btn):active {
	outline: none;
}
a:focus, a:active {
	outline: none;
}
button,input[type=button],input[type=reset],input[type=submit]{
	cursor:pointer;
	-webkit-appearance:button
}
input[type=checkbox],input[type=radio]{
	box-sizing:border-box
}
input[type=search] {
	-webkit-appearance:textfield;
}
input[type=search], select {
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none;
	-moz-appearance:none;
}
input[type=date], input[type=time], input[type=datetime-local],input[type=month],input[type=time],input[type=week], input[type=email], button{
	font-family:Roboto,Arial,"Sans Serif";
}
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	padding:0
}
textarea{
	overflow:auto;
	vertical-align:top;
	resize:vertical
}
input:invalid,textarea:invalid{
	background-color:#f0dddd
}
button, input, isindex, keygen, select, textarea{
	color:#333;
 -webkit-appearance: none;
 -moz-appearance:    none;
 appearance:         none;
}
button, input, isindex, keygen, select, textarea{
	background-color:#fff;
}
input[type=date],input[type=time],input[type=datetime],input[type=password],input[type=text],input[type=number],select,textarea, input[type=email], input[type=search],
.input, .input-select {
	border:solid 1px #CCC;
	border-radius: 5px;
}
input.searchbar{
	border:solid 1px #FFF;
}
input.addbar{
	border:solid 1px #96c11f
}
input.small, select.small {
	width:50px
}
input.large, input.large {
	width:250px
}
table{
  border-collapse:collapse;
  border-spacing:0
}
td{
  vertical-align:top
}
html{
  height:100%;
  color:#333;
  -webkit-font-smoothing: antialiased;
}
body{
	padding:0;
	margin:0;
	background:#F4F4F4;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	font-size:.9em;
	font-family:Roboto,Arial,Helvetica;
	font-weight:400;
	background-size: cover;
}
table *{
  vertical-align:middle
}
h1 {
	font-weight: 400;
}
h3{
	font-weight:400;
	color:#888;
	font-size:1.7em
}
h2 {
	font-weight:400;
	font-size:1.3em;
	color: #FFC800;
	margin: 20px 0;
}
table tr{
  vertical-align:top
}
form.taskform{
  margin:10px 5px
}
div.adddetail-panel{
  display:none;
  padding:20px 30px
}
input,select{
  padding:10px
}
input[type=button],input[type=submit]{
	cursor:pointer
}
input[type=file]{
	padding:5px
}
input[type=text].transparent{
	background:0 0;
	width:50px
}
a {
	color:#000;
	font-weight: 400;
	text-decoration:none;
}
a.txt-link {
	color: #f97216;
	text-decoration: underline;
}
.mcolor a.txt-link {
	color: #FFF;
}
.mcolor a.txt-link:hover {
	color: #D4D4D4;
}
ul{
	list-style-type:none
}
.content.large {
	width: 1200px;
}
.content.tight {
	width: 1000px;
}
.tight-content {
	max-width: 800px;
}
/************************************************************
****************** LAYOUT ***********************************
************************************************************/
#main {
	position:absolute;
	top:5em;
	right:0;
	left:0;
	bottom:0;
	transition: top .5s ease-out;
	-moz-transition: top .5s ease-out;
	-webkit-transition: top .5s ease-out;
  -o-transition: top .5s ease-out;
}
#main-content{
	height:100%;
	overflow: hidden;
	text-align:center;
}
#top-bar{
	height: 5em;
	line-height: 5em;
	transition: height .5s ease-out;
	-moz-transition: height .5s ease-out;
	-webkit-transition: height .5s ease-out;
  -o-transition: height .5s ease-out;
}
#left-bar {
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 100px;
}
.page {
	height:100%;
	opacity: 0;
	transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
	overflow-x:auto;overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}
.page.is-visible {
	opacity: 1;
}
#centralContainer {
	transition: opacity .2s ease;
	-moz-transition: opacity 0.2s ease;
	-webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
}
#dashContainer, .col-struct {
	float: left;
	width: 100%;
	height: 100%;
}
.transparent {
	opacity:0;
}
/*****************************************************************
****************** DASH STRUCTURE ********************************
*****************************************************************/
#rightCol, #leftCol {
	position:absolute;
	overflow: auto;
}
#leftCol {
	left: 0;
  top: 1px;
  height: 100%;
  box-sizing: border-box;
  width: 296px;
	overflow-x: hidden;
}
#rightCol {
	width:285px;right:20px;top:0;height:100%;}
#leftCol + #centralContainer {
	margin-left: 296px;
}
.col:first-child:last-child {
	width: 90%;
}
#centralContainer {
	overflow-y: hidden;overflow-x:auto;
	min-height: 100%;
	transition: visibility .1s linear;
}
#centralContainer.no-scroll {
	height: 100%;
}
.two-cols #centralContainer {
	width: calc(100% - 296px);
}
.three-cols #centralContainer {
	width: calc(100% - 296px - 305px);
}
.autocomplete-block.inline input[type="text"] {margin:0;font-size:1em;}
.autocomplete-block.inline {margin:0;height:auto;}

.thumb-btn {
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}
.thumb-btn .standard-icon {vertical-align: middle; position:relative;}
.icon-thumbs .thumb-btn.checked .standard-icon:after {
	content: url(../img/tick.png);
	position: absolute;
	top: 2px;
	right: 2px;
}
.icon-thumbs.w-dividers .thumb-btn + .thumb-btn {border-left-width: 1px; border-left-style: solid;}
.icon-thumbs .white-separator {height:40px;border-right:1px solid #fff;display:inline-block;vertical-align: top}
.icon-thumbs .line-separator {height:40px;border-right-width:1px;border-right-style:solid;display:inline-block;vertical-align: top}
.home-block {
	margin:50px 10%;
}
.home-block div {
	display:inline-block;
	vertical-align:top;
}
.home-block .pic {
	width:25%;
}
.home-block .text {
	width:70%;
}
.home-block .right {
	float:right;
}
.homepage .login-form fieldset {
	vertical-align:top;
}
.homepage .login-form input {
	padding:10px;
}
.hey-sticker {
	position: absolute;
}
.hey-sticker span {
	position: relative;
}
.hey-sticker img {
	position: absolute;
}
#heyLook {top: 50px;position: absolute;
right: -20px;}
#heyLook span {position:relative;}
#heyLook img {
	transform: rotate(29deg);
	-ms-transform: rotate(29deg); /* IE 9 */
	-webkit-transform: rotate(29deg); /* Chrome, Safari, Opera */
	position: absolute;
	bottom: -8px;
	left: -50px;
}
.arrow-pic.small {width:75px;}
.bold {font-weight: 500;}
.bigger-txt {font-size:1.4em;}
.title-size {font-size: 1.55em;}
.huge-txt {font-size:3em;}
.smaller-txt {font-size:0.9em;}
.tiny-txt {font-size: 0.6em;}
.btn.smaller-txt .standard-icon {
	font-size: 20px;height:20px;line-height:20px;
}
.combo-breaker{
	/* Breaks collapsing margins problem with same-flow blocks */
	width: 100%;
	float: left;
}
#heyTeaser{
	position:absolute;
	top: 20px;
	right:calc(100% + 10px);
}
#heyTeaser img {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	top: 55px;
	left: -35px;
	-webkit-transform: rotate(90deg);
	position: absolute;
}
#teaserVideo {
	max-width: 480px;
	max-height: 360px;
}
#theTeam {
	width: 80%;
}
#register-form .upload-img-container {
	float: left;
}
#register-form .form-container {
	overflow:hidden;
	padding-left: 10px;
}
#register-form .form-container input, #register-form .form-container select {
	height: 50px;
}
#cguContainer ol {
	margin-left: 2em;
}
#cguContainer ul {
    list-style-type: circle;
    margin-left: 2em;
}
#top-bar nav form a {
	color: #000;
}
#top-bar nav form a:hover {
	color: #dd8000;
}
#home-footer {
	padding: 20px 10% 10px 10%;
}
#social-links li {
	display: inline;
	margin-right: 20px;
}
#social-links a {color:#FFFFFF;}
#social-links a:hover {color:#E6E6E6;}
.circle {
	border-radius: 50%;
}
#discoverFeatures, #discoverProject {
	position:absolute;width:50%;
	transition: all 0.4s linear;
}
/*#discoverFeatures.hidden {left: -1000px;}
#discoverProject.hidden {right:-1000px;}*/
#discoverFeatures {right: -1000px;}
#discoverProject {left: -1000px;}
.animated-logo:hover h3,
.animated-logo.active h3 {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.animated-logo h2, .animated-logo h3 {
	margin: 0;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
	transition: transform 0.6s cubic-bezier(.07,1.02,.69,1.10),color 0.4s ease-out;
	-moz-transition: -moz-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
	-ms-transition: -ms-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
	-o-transition: -o-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
}
.animated-logo .circle {
	width: 150px;
	height:150px;
	line-height: 150px;
}
.animated-logo .circle .standard-icon {
	line-height: 150px;
	height: 150px;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
	transition: transform 0.6s cubic-bezier(.07,1.02,.69,1.10),color 0.4s ease-out;
	-moz-transition: -moz-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
	-ms-transition: -ms-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
	-o-transition: -o-transform 0.6s cubic-bezier(.07,1.02,.69,1.72),color 0.4s ease-out;
}
.animated-logo:hover .standard-icon,
.animated-logo.active .standard-icon {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
#datTeam {
	max-width: 650px; max-height:385px;
	margin: 0 auto;
}
#datTeam img {
	width:100%;
}
#datTeam .desc {
	background-color: rgba(0,0,0,.4);
	width:33%;height:100%;
	position:absolute;
	opacity: 0;
	transition: opacity 0.3s linear;
}
#datTeam .desc div {
	position: absolute;
    top: 50%;
    margin-top: -60px;
    left: 0;
    right: 0;
}
#datTeam .desc:hover, #datTeam .desc.active {
	opacity: 1;
}
#eLampProject #heyVideo{
	left:20%;
	top: 100%;
}
#eLampProject #heyTeaser2 {
	right: 20%;
	top:100%;
}
#heyTeaser2 img {
	right: 50%;
	bottom: -20px;
}
#heyVideo img {
	left: 65%;
	bottom: -20px;
}
#eLampVideos iframe {
	width: 90%;
}
#mediaLinks a img {
	max-width: 190px;
	max-height: 70px;
	margin: 0 10px;
	transition: transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-moz-transition: -moz-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
}
#mediaLinks a img:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#mediaLinks a {
    margin: 10px;
    display: inline-block;
}
#eLampProject .sep-line {
	margin: 30px auto;
}
#mediaLinks h3 {margin-top: 0;}
#mediaLinks #fr2Logo {
	position: absolute;
	right: 110%;
	top: 50%;
	height: 150px;
	margin-top: -75px;
}
#badBadBrowser {
	position: fixed;
	bottom: -210px;
	left: 0;
	right: 0;
	height: 200px;
	transition: bottom linear 200ms;
	-moz-transition: bottom linear 200ms;
	-webkit-transition: bottom linear 200ms;
  -o-transition: bottom linear 200ms;
	padding: 0 100px;
	z-index: 11;
	color:#fff;
	-moz-box-shadow: 0px -3px 5px 0px #646464;
	-webkit-box-shadow: 0px -3px 5px 0px #646464;
	-o-box-shadow: 0px -3px 5px 0px #646464;
	box-shadow: 0px -3px 5px 0px #646464;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#646464, Direction=90, Strength=5);
}
#badBadBrowser .close-btn {
	position: absolute;
	top: 5px;
	right: 10px;
}
#badBadBrowser h3 {color:#fff;}
#badBadBrowser img {height: 200px;
margin-right: 40px;}
/************************************************************************************
***************************** DISCOVER PAGE *****************************************
************************************************************************************/
.large {
	max-width:1200px;
	margin: 0 auto;
}
.concept-block {
	max-width: 1000px;
	padding: 60px 30px 60px;
}
.concept-block h2 {
	margin: 0px 0px 20px;
}
.concept-block#powerSearchFeature .autocomplete-block {
	width: 80%;
	margin-left: -40%;
	left: 50%;
	z-index: 11;
}
#powerSearchFeature #heyLook {top:170px;}
.concept-block #howManyBlock {
	overflow:hidden;
	max-height:0;
	margin-top: 80px;
	transition: max-height 300ms linear;
	-moz-transition: max-height 300ms linear;
	-webkit-transition: max-height 300ms linear;
    -o-transition: max-height 300ms linear;
}
.concept-block #howManyBlock .task-brick {
	display:block;
	margin: 10px auto;
}
.concept-block .demo-desc.left, .concept-block .demo-desc.right {
	max-width: 500px;
}
.demo-desc.wide {
	margin-bottom: 2em;
}
.concept-block .demo-desc h3 {
	margin: 0;
}
.demo-desc .smaller-txt {
	margin: 1em 0;
}
.demo-desc .standard-icon.faded {
	position: absolute;
}
#powerSearchFeature .standard-icon.faded {
	left: 10%;
	top: -30%;
}
#postWishFeature .standard-icon.faded {
	left: -25%;
	top: 0;
}
#profileFeature .standard-icon.faded {
	left: 20%;
	top: -50%;
}
#profileFeature .reg_library:not(.logo-only) {
	max-width: 400px;
}
.publish-btn .standard-icon {margin-top: 3px;}
.sep-line {
	margin: 0 auto;
	width:90%;
	height:1px;
	background-color: #d1d1d1;
}
#heyCats {
	left: 109%;
	top: -20px;
}
#heyCats img {
	top: 95%;
	right: 52%;
	transform: rotate(-13deg);
	-ms-transform: rotate(-13deg); /* IE 9 */
	-webkit-transform: rotate(-13deg); /* Chrome, Safari, Opera */
}
/************************************************************************************
********************* CUSTOMIZED LANDING PAGE **************************************
************************************************************************************/
.page .blackbox {
	width: 70%;
	padding: 2rem;
}
.page .blackbox .blackbox-content {
	width: 80%;
}
.landing-container {
	max-width: 1000px;
	padding: 10px 20px;
}
/************************************************************************************
******************************* TOP BAR *********************************************
************************************************************************************/
#top-bar{
	color:#FFF;
	height:5em;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:22
}
#top-bar.landing-top {
	height: 7em;
	line-height: 7em;
}
#top-bar.landing-top #customLogo {
	max-height: 4.5em;
	max-width: 50%;
}
#top-bar.big{
	height:50%;
	position:relative;
	width:100%
}
#top-bar .content{
	padding:0;
	position: relative;
}
#topTitle {
	padding-left: 20px;
	width: 295px;
	box-sizing: border-box;
}
#top-bar .title{
	margin: 0;
	color: #fff;
	position: absolute;
	top: -2px;
	left: 63px;
	font-weight: 400;
	font-size: 2.4em;
}
#top-bar .home, #top-bar .community.standard-icon {
	vertical-align: middle;
}
.top-part {
	display:inline-block;
	height: 5em;
	vertical-align:top;
	padding:0 20px;
	position:relative;
	transition: background-color .1s ease-in;
}
.top-part.hover:hover {
	background-color: rgba(0,0,0,.05) !important;
}
.top-part.bg-transparent.no-hover:hover {
	background-color:transparent !important;
}
.top-part.white.no-hover:hover {
	background-color:white !important;
}
#customLogo {
	display: inline-block;
	max-height: 4em;
	max-width: 100%;
}
#eLampLogo {
	height: 40px;
}
#top-bar .autocomplete-block.classic .search-block {
	position: absolute;
	margin: 0;
	left: 296px;
	right: 161px;
	width: auto;
	top: 0;
	bottom: 0;
	border-radius: 0;
}
#top-bar .autocomplete-block.classic.apm .search-block {
	right:0;
}
#top-bar .autocomplete-block.classic {
	width:0;height:0;
	margin:0;
	position:static;
}
#top-bar .autocomplete-block.classic input[type=text] {
	font-size: 1.2em;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 100%;
	border-radius: 0;
}
#top-bar .autocomplete-block .search-block::after {
	top: 20px;left:6px;
}
#top-bar .login-top .autocomplete-block, #top-bar .login-top .search-block , #top-bar .login-top .search-mobile-shortcut{
	display:none;
}
#top-bar .profile-link {
	text-align: center;
	position: relative;
	cursor: pointer;
}
#top-bar .profile-link > a {
	width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
#btn-logout{
	background:url(../img/logout-cross.png);
	width:21px;
	height:20px;
	cursor:pointer;
	vertical-align: middle;
	float:none;
	display: inline-block;
}
#btn-logout:before{content:''}
#top-bar .logout{
	cursor:pointer
}
.rounded-photo {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-position: 50%;
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	margin-right:5px;
}
.rounded-photo img {
	clip: rect(0px, 50px, 50px, 0);
	height:50px;
	max-width:50px;
	border-radius: 50%;
}
.rounded-photo+div.grey-txt {
	line-height:50px;
	vertical-align: top;
}
.rounded-photo.large {
	width: 70px;
	height: 70px;
}
.rounded-photo.smaller {
	width: 40px;
	height: 40px;
}
.rounded-photo.tiny {
	width: 20px;
	height: 20px;
}
.rounded-photo.enhanced {
	border: 2px #FFF solid;
}
#loginContainer {
	float: right;
	margin-top: 3px;
}
#topFormsContainer .login-form {
	max-width: 600px;
}
#topFormsContainer input[type="password"], #topFormsContainer .login-form input[type="email"] {
	width: 49%;
}
#topFormsContainer input[type="submit"] {
	width: auto;
}
.login-form {
	max-width: 450px;
	width: 90%;
	margin: 0 auto;
}
.login-form fieldset{
	display:inline-block
}
.login-form input{
	padding:5px;
	width: 100%;
    margin: 5px 0;
    box-sizing: border-box;
}
.login-form .login-options{
	line-height: .7em;
	position: absolute;
	bottom: 50px;
	left: 0;
}
#topFormsContainer .login-form .login-options {
	left: auto;
	right: 0;
}
#home{
	margin-left:180px;
	min-height:500px;
	border-left:solid 5px #FFC800
}
#home-result{
	width:60%;
	min-width:500px;
	display:inline-block
}
.search-input{
	width:70%
}
.autocomplete-block{
	z-index:10;
	text-align:left;
}
.autocomplete-block input[type="text"] {
	box-sizing: border-box;
	font-size:1.3em;
	padding:10px 10px 10px 40px;
	width:100%;
	vertical-align:middle;
	margin:0px auto;
	display:block;
}
.autocomplete-block .search-block {
	width:100%;position:relative;
}
.autocomplete-block .search-block:not(.pic-block):after {
	content:'u';
	font-family: "eLampIcons";
	height:30px;
	width:30px;
	font-size:25px;
	line-height:30px;
	position:absolute;
	top: 6px;
	left:3px;
	text-align:center;
}
.autocomplete-block.smaller .search-block:not(.pic-block):after {
  height: 25px;
  width: 25px;
  font-size: 20px;
  line-height: 25px;
}
.autocomplete-block .search-block.pic-block input[type=text] {
	padding: 20px 10px 20px 65px;
}
.autocomplete-block .search-block.pic-block > .rounded-photo {
	top: 5px; left: 5px;
}
.autocomplete-block .task-brick {
	width:auto;border:none;max-width: none;
}
.createbar .search-block::after {
	display:none;
}
.createbar.active .autocomplete-block .search-block::after {
	display:block;
}
.createbar .autocomplete-block .search-results {
	position:absolute;top:100%;
}
.search-thumbs {
	text-align: left;
	margin:0 auto;
}
.search-thumbs .btn, .search-thumbs .btn.accept {
	display:inline-block;
	margin:0;
}
.autocomplete-block.thumb-container {
	display: none;
	margin-top:0;
}
.thumb-container .search-results {
	margin: 0 0 0 6px;
	width:100%;
}
.autocomplete-block.thumb-container.active {
	display: block;
}
.thumb-container.autocomplete-block input.thumb-bar {
	width:100%;
}
.autocomplete-block input.greenbar {
	border-color: #96C11F;
}
.autocomplete-block input.greenbar:focus, .autocomplete-block input.greenbar:active {
	border: 1px solid #96C11F !important;
	outline: none;
}
.autocomplete-block .new-task {display: none;}
.autocomplete-block .new-task .caption {
	position: absolute;
	right: 2px;
	bottom: 2px;
	line-height:normal;
}
.autocomplete-block .user-li .do-mission {
	line-height: normal;
}
.search-results .skills-profiles-li {
	line-height: 40px;
}
.search-results .skills-profiles-li .standard-icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
input.search-btn{
	width:50px;
	background-image:url(/static/img/standard.png);
	background-position:-133px -59px;
	background-repeat:no-repeat;
	margin-left:-2px
}
div.clean-btn{
	position:absolute;
	top:2px;
	left:68%;
	padding:10px;
	font-size:110%;
	cursor:pointer;
	color:#555
}
.search-results{
	background:#fff;
	color: #333;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 4px;
	position: relative;
	top: -1px;
	left: 0;
	z-index:3;
	text-align:left;
	display:none;
	overflow:auto;
	min-height: 50px;
}
.search-results li{
padding:3px;
height:40px;
line-height:36px;
cursor:pointer;
position:relative;
font-size:1.09em
}
.search-results ul.list{
margin:0;
width:100%
}
.search-results li:hover, .search-results li.selected {
background:#EEE
}
.search-results .suggest-li {
	padding:10px 0;
}
.material-shadow {
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
  transition: box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);
}
.material-shadow-light {
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.17);
  transition: box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);
}
.material-shadow.hover-anim:hover, .material-shadow-light.hover-anim:hover {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.3)
}
#overall-loader{
	display:none;
	position: fixed;
	padding: 10px;
	top: 20px;
	margin-left: -200px;
	right: 20px;
	text-align: center;
	z-index: 27;
	opacity: 1;
	/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	/* IE 5-7 */filter: alpha(opacity=100);
	/* Netscape */-moz-opacity: 1;
	/* Safari 1.x */-khtml-opacity: 1;
}
#overall-loader img {width: 60px;}
.icon {
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;
	line-height:40px;
	font-size: 25px;
	font-family: "eLampCategories";
	text-align: center;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	border-radius: 3px;
}
.icon:before, .standard-icon:before {
	text-transform: none !important;
}
.icon.xxl {
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 100px;
}
.icon.big {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 31.25px;
}
.icon.small {
	width: 25px;
	height: 25px;
	line-height:25px;
	font-size: 15.625px;
}
.icon.standard-size {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 25px;
}
.icon:before {content: '5';}
.all-powers.icon:before {content: '5';}
.electronique.icon:before {content: 'W';}
.plomberie.icon:before {content: 'Z';}
.informatique.icon:before {content: 'D';}
.cuisine.icon:before {content: 'S';}
.couture.icon:before {content: 'f';}
.enfants.icon:before {content: 'A';}
.animaux.icon:before {content: 'a';}
.jardinerie.icon:before {content: 'Y';}
.electricite.icon:before {content: 'H';}
.demenagement.icon:before {content: 'b';}
.mecanique.icon:before {content: 'X';}
.stockage.icon:before {content: 'j';}
.menuiserie.icon:before {content: 'G';}
.transport.icon:before {content: 'i';}
.evenementiel.icon:before {content: 'I';}
.coiffure.icon:before {content: 'U';}
.conseil.icon:before {content: 'e';}
.bien_etre.icon:before {content: 'J';}
.imprimante.icon:before {content: 'g';}
.maconnerie.icon:before {content: 'T';}
.revetement.icon:before {content: 'C';}
.photo_video.icon:before {content: 'c';}
.livraison.icon:before {content: 'F';}
.enseignement.icon:before {content: 'h';}
.art_plastique.icon:before {content: 'V';}
.sport.icon:before {content: 'd';}
.bricolage.icon:before {content: 'K';}
.jeux_video.icon:before {content: 'E';}
.litterature.icon:before {content: 'N';}
.bande_dessinee.icon:before {content: 'm';}
.musique.icon:before {content: 'P';}
.jeux_de_societe.icon:before {content: 'Q';}
.cinema.icon:before {content: 'R';}
.nature.icon:before {content: 'k';}
.ecriture.icon:before {content: 'n';}
.domestique.icon:before {content: 'B';}
.danse.icon:before {content: 'L';}
.multimedia.icon:before {content: 'p';}
.mobilier.icon:before {content: 'q';}
.vetement.icon:before {content: 'r';}
.religion.icon:before {content: 's';}
.pharmacie.icon:before {content: 'o';}
.langue.icon:before {content: 'l';}
.logement.icon:before {content: 'v';}
.voyage.icon:before {content: 'w';}
.covoiturage.icon:before {content: 'x';}
.design.icon:before {content: 'u';}
.relation.icon:before {content: 'y';}
.decoration.icon:before {content: 't';}
.bijou.icon:before {content: 'z';}
.sport_nautique.icon:before {content: '0';}
.equitation.icon:before {content: '1';}
.buraliste.icon:before {content: '4';}
.sortie.icon:before {content: '3';}
.emploi.icon:before {content: '2';}
.hashtag.icon:before {content: '6';}
.insolite.icon:before {content: 'O';}
.juridique.icon:before {content: 'M';}
.tradition.icon:before {content: ']';}
.interdit.icon:before {content: '[';}
.entreprise.icon:before {content: '@';}
.marketing.icon:before {content: '?';}
.commerce.icon:before {content: '>';}
.finance.icon:before {content: '=';}
.videoaudio.icon:before {content: '<';}
.management.icon:before {content: '-';}
.ressources_humaines.icon:before {content: ',';}
.art_du_cinema.icon:before {content: ';';}
.arts_du_spectacle.icon:before {content: ':';}
.comptabilite.icon:before {content: '9';}
.engagement.icon:before {content: '8';}
.sondage.icon:before {content: '7';}
.pig.icon:before {content: '!';}
.target.icon:before {content: '"';}
.earth.icon:before {content: '#';}
.generic.icon:before {content: '^';}
.chess.icon:before {content: '_';}
.growth.icon:before {content: '{';}
.heart.icon:before {content: '|';}
.industry.icon:before {content: '}';}
.methods.icon:before {content: '$';}
.tunnel.icon:before {content: "%";}
.datacenter.icon:before {content: "&";}
.new_energies.icon:before {content: "'";}
.sun_energy.icon:before {content: "(";}
.high_volt.icon:before {content: ")";}
.low_volt.icon:before {content: "*";}
.speed_regul.icon:before {content: "+";}
.quotidien.txt {color:#96c11f;}
.physique.txt {color:#A86EFF;}
.technique.txt {color:#ff9609;}
.loisir.txt {color:#3ea9f5;}
.quotidien.bg {background-color:#96c11f;}
.physique.bg {background-color:#A86EFF;}
.technique.bg {background-color:#ff9609;}
.loisir.bg {background-color:#3ea9f5;}
.transparent {
	cursor:default;
	/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 5-7 */filter: alpha(opacity=40);
	/* Netscape */-moz-opacity: 0.4;
	/* Safari 1.x */-khtml-opacity: 0.4;
	opacity:0.4;
}
.btn.disabled {
	cursor: default; border:0;
}
.btn.disabled.soon:after {
	content:"Bientôt disponible";
	color:#C82406;
	position:absolute;
	right:3px;
	top:3px;
	font-size:.5em;
	white-space:nowrap
}
.autocomplete-block label{
	font-size:1.3em;
	padding:10px 0
}
.autocomplete-block span.desc-search{
	font-style:italic;
	color:#333;
	margin-left:10%
}
.autocomplete-block{
	position:relative;
	margin:20px auto 0;
}
/***************************************
**************  POPINS *****************
***************************************/
.main-popin {
	opacity: 0;
	position:fixed;
	top:100%;bottom:0;left:0;right:0;
	overflow-x:hidden;
	overflow-y: auto;
	z-index: 24;
	transition: opacity .3s ease-in,
							transform 150ms cubic-bezier(.2,.8,.5,1) .1s,
							top 0s linear 250ms;
	transform: translateY(5px);
	background-color: rgba(244, 244, 244, .98);
	box-sizing: border-box;
}
.main-popin .group-privacy-container, .main-popin .wish-type-select {
	font-size: 1rem;line-height:normal;
}
.main-popin.active {
	top: 0;
	opacity: 1;
	transform: translateY(0);
	transition: opacity .3s ease-in,
	transform 150ms cubic-bezier(.2,.8,.5,1) .1s;
}
.main-popin h2 {line-height: 1.1em;}
.main-popin > .close-btn{
	right:2.5rem;
	top:2.5rem;
	z-index: 30;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
}
.main-popin .content-container {
	width: 100%;
	height: 100%;
	padding: 3rem 3rem 0 3rem;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
}
.main-popin.confirm .content-container {
	padding: 3rem;
	font-size: 1.15rem;
}
.main-popin .popin-content {
 max-width: 700px;
 width: 100%;
 line-height: normal;
}
.main-popin.tight .popin-content {
	max-width: 400px;
}
.main-popin.fullw .popin-content {
	max-width: 100%;
}
.main-popin.stretch .popin-content {
	height: 100%;
}
.main-popin.confirm .popin-content {
	display:table;height:100%;
}
.main-popin input, .main-popin textarea, .main-popin select,
.main-popin .input, .main-popin .input-select {
	border-color: #FFF;
}
#conf-overlay,#overlay,#overlay-loader, #sneakyOverlay {
	display:none;
	background-color:#000;
	/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	/* IE 5-7 */filter: alpha(opacity=10);
	/* Netscape */-moz-opacity: 0.1;
	/* Safari 1.x */-khtml-opacity: 0.1;
	opacity:.1;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	transition: all .1s linear;
}
#globalLoader {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 1000;
}
.bar {
	transition: width .3s ease-in;
}
.bar[data-length="0"] {width:0%;}
.bar[data-length="10"] {width:10%;}
.bar[data-length="20"] {width:20%;}
.bar[data-length="30"] {width:30%;}
.bar[data-length="40"] {width:40%;}
.bar[data-length="50"] {width:50%;}
.bar[data-length="60"] {width:60%;}
.bar[data-length="70"] {width:70%;}
.bar[data-length="80"] {width:80%;}
.bar[data-length="90"] {width:90%;}
.bar[data-length="100"] {width:100%;}
#overlay{
	z-index:22
}
#overlay-loader{
	z-index:26;
}
#conf-overlay{
	z-index:24
}
#sneakyOverlay {
	background-color: transparent;
	z-index: 24;
}
#conf-overlay.visible,#overlay-loader.visible,#overlay.visible, #sneakyOverlay.visible {
display:block
}
.close-btn{
	display:block;
	cursor:pointer;
  font-family: eLampIcons;
  height: 30px;
  width: 30px;
  font-size: 25px;
  line-height: 30px;
}
.close-btn.xsmall {
	height:20px;
	width:16px;
	font-size:15px;
	line-height:20px;
}
.close-btn:before {
  content: 'x';
}
.close-btn.white-btn {
 color: #FFF;
}
.close-btn:hover{
	color: rgb(255,96,96);
}
#about-us,#mentions-legales{
	display:none
}
.bloc-action .btn {
	display:inline-block;
	margin:20px
}
.centered.bloc-action {
	width:100%; text-align: center;
}
/* Change password popin */
form.left-align label:not(.standard-icon).large {
	width: 200px;
}
.main-popin .error-desc {
	display: block;
	height: 20px;
	margin: 10px 0 0 45px;
}
/*******************************************************************************
*************************** STANDARD ICONS *************************************
*******************************************************************************/
.standard-icon {
	font-family: "eLampIcons";
	/*background:url(../img/standard.png) no-repeat;*/
	width:30px;
	height:30px;
	line-height: 30px;
	font-size: 25px;
	display:inline-block;
	transition: color .3s linear, font-size .3s linear;
    -moz-transition: color .3s linear, font-size .3s linear;
    -webkit-transition: color .3s linear, font-size .3s linear;
    -o-transition: color .3s linear, font-size .3s linear;
    transition: transform .1s linear;
	text-align: center;
}
.standard-icon.fortypx {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 33px;
}
.standard-icon.large {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 50px;
}
.standard-icon.large.round {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	font-size: 1.5em;
}
.standard-icon.xxl {
	width: 120px;
	height: 120px;
	line-height: 120px;
	font-size: 100px;
}
.standard-icon.xsmall {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
}
.standard-icon.tiny {
	width: 10px;
	height: 10px;
	line-height: 10px;
	font-size: 8px;
}
.standard-icon.xsmall.circle {
	font-size: 16px;
}
.standard-icon.circle {
	font-size: 20px;
}
.standard-icon.fortypx.circle {
	font-size: 33px;
	height:50px;
	width: 50px;
	line-height: 50px;
}
input + button.standard-icon {
	box-sizing: border-box;
	padding: 0;
	height: 42px;
	width: 42px;
	line-height:42px;
}
.faded {
	opacity: .7;
}
.standard-icon.yellow {
	background-color:#FFC800;
}
.standard-icon.yellow.active:hover {
	background-color:#ffb30f
}
.standard-icon.active {
	cursor: pointer;
}
.plus.standard-icon:before {content: 'a';}
.pig.standard-icon:before {content: 'b';}
.community.standard-icon:before {content: 'c';}
.calendar.standard-icon:before {content: 'd';}
.event.standard-icon:before {content: 'e';}
.wiki.standard-icon:before {content: 'f';}
.menu.standard-icon:before {content: 'g';}
.clock.standard-icon:before {content: 'h';}
.chrono.standard-icon:before {content: 'i';}
.heart.standard-icon:before {content: 'j';}
.cloud.standard-icon:before {content: 'k';}
.lock.standard-icon:before {content: 'l';}
.mission.standard-icon:before {content: 'm';}
.home.standard-icon:before {content: 'n';}
.mail.standard-icon:before {content: 'o';}
.power.standard-icon:before {content: 'p';}
.left-quote.standard-icon:before {content: 'q';}
.right-quote.standard-icon:before {content: 'r';}
.config.standard-icon:before {content: 's';}
.tick.standard-icon:before {content: 't';}
.search.standard-icon:before {content: 'u';}
.user-search.standard-icon:before {content: 'v';}
.wish.standard-icon:before {content: 'w';}
.cross.standard-icon:before {content: 'x';}
.alert.standard-icon:before {content: 'y';}
.print.standard-icon:before {content: 'z';}
.coworker.standard-icon:before {content: 'A'}
.menu-arrow.standard-icon:before {content: 'B';}
.logo.standard-icon:before {content: 'E';}
.extend.standard-icon:before {content: 'F';}
.camembert.standard-icon:before {content: 'D';}
.genie.standard-icon:before {content: 'G';}
.info.standard-icon:before {content: 'I';}
.role.standard-icon:before {content: 'J';}
.send.standard-icon:before {content: 'K';}
.hobby.standard-icon:before {content: 'L';}
.map.standard-icon:before {content: 'M';}
.world.standard-icon:before {content: 'N';}
.pen.standard-icon:before {content: 'O';}
.photo.standard-icon:before {content: 'P';}
.video.standard-icon:before {content: 'Q';}
.refresh.standard-icon:before {content: 'R';}
.offer.standard-icon:before {content: 'S';}
.order.standard-icon:before {content: 'T';}
.univ.standard-icon:before {content: 'U';}
.pro.standard-icon:before {content: 'V';}
.bull.standard-icon:before {content: 'W';}
.export.standard-icon:before {content: 'X';}
.pin.standard-icon:before {content: 'Y';}
.matching.standard-icon:before {content: 'Z';}
.forbidden.standard-icon:before {content: '_';}
.dashboard.standard-icon:before {content: '2';}
.nodes.standard-icon:before{content: '3';}
.message.standard-icon:before{content: '4';}
.edit.standard-icon:before{content: '5';}
.task.standard-icon:before{content: '6';}
.pm.standard-icon:before{content: '7';}
.hr.standard-icon:before{content: '8';}
.admin.standard-icon:before{content: '9';}
.profile.standard-icon:before{content: ':';}
.training.standard-icon:before {content: '?';}
.abc.standard-icon:before{content: ';';}
.appear.standard-icon:before{content: '=';}
.left-arrow.standard-icon:before {content: '<';}
.right-arrow.standard-icon:before {content: '>';}
.l-arrow.standard-icon:before {content: '[';}
.r-arrow.standard-icon:before {content: ']';}
.eye.standard-icon:before {content: '@';}
.qualifier.standard-icon:before {content: 'H';}
.import.standard-icon:before {content: 'C';}
.upgrade.standard-icon:before {content: '{';}
.top-arrow.standard-icon:before, .open > .open-arrow.standard-icon:before {content: '<';}
.top-arrow.standard-icon, .open > .open-arrow.standard-icon {
	transform: rotate(90deg);
	-ms-transform: rotate( 90deg ); /* IE 9 */
	-webkit-transform: rotate( 90deg ); /* Safari */
}
.bot-arrow.standard-icon:before, :not(.open) > .open-arrow.standard-icon:before {content: '<';}
.bot-arrow.standard-icon, :not(.open) > .open-arrow.standard-icon {
	transform: rotate(-90deg);
	-ms-transform: rotate( -90deg ); /* IE 9 */
	-webkit-transform: rotate( -90deg ); /* Safari */
}
.reverse-y {
	transform: rotate(180deg);
	-ms-transform: rotate( 180deg ); /* IE 9 */
	-webkit-transform: rotate( 180deg ); /* Safari */
}
.file.standard-icon:before {content: '0';}
.photo2.standard-icon:before {content: '1';}
.logo-input-container input {
	padding-left: 50px;
}
.logo-input-container .standard-icon {
	top: 50%;
	left: 0;
	z-index: 1;
	position: absolute;
	margin-top: -15px;
	margin-left: 10px;
}
.logo-input-container .standard-icon.xsmall {margin-top: -10px;margin-left: 5px;}
.logo-input-container .standard-icon.xsmall + input {padding-left: 30px;}
.logo-input-container .standard-icon.fortypx {margin-top: -20px;}
.logo-input-container .standard-icon.fortypx + input {padding-left: 60px;}
.link .title {color:#888;}
.link .title.white-txt {color: #fff;}
.link.negative.mcolor {background-color: #FFF;}
.link.negative.mcolor:hover {background-color: #f97216;}
.link.negative.mcolor .count {color:#f97216;}
.link.negative.mcolor:hover .count, .link.negative:hover .title, .link.negative:hover .standard-icon {color:#FFFFFF;}

#ko-block{
	text-align:center;
	height: 100%;
	box-sizing: border-box;
	vertical-align:middle;
	padding:20px 0
}
#ko-block .text-content{
	display:inline-block;
	box-sizing: border-box;
	padding:30px;
	width:100%;
	vertical-align:middle
}
#ko-block .content-wahou{
display:inline-block;
vertical-align:middle
}
li.disabled{
	cursor:default;
	/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 5-7 */filter: alpha(opacity=40);
	/* Netscape */-moz-opacity: 0.4;
	/* Safari 1.x */-khtml-opacity: 0.4;
	opacity:.4
}
li.disabled span.soon{
	color:#C82406;
	position:absolute;
	right:7%;
	top:28%;
	font-size:.6em;
	display:inline-block;
	white-space:nowrap
}
.img-upload {display:none;}
.img-upload button{
	padding:5px 10px
}
#selectFile {
	position:absolute;left:0;right:0;bottom:0;
	cursor: pointer;
	height:0;
	background-color: rgba(0,0,0,0.3);
	transition: height 200ms linear;
	-moz-transition: height 200ms linear;
	-webkit-transition: height 200ms linear;
    -o-transition: height 200ms linear;
	height:0;overflow:hidden;
}
#fileupload, .img-upload input{display:none;}
#selectFile .standard-icon {
	position:absolute;
	top:50%;left:50%;
	margin-top:-15px;margin-left:-15px;
}
.editable-pic {position:relative;display:inline-block;}
.editable-pic:hover #selectFile, #selectFile.active {
	height:50px;
}
#progress, .img-upload .progress{
	width:100%;
	max-width: 300px;
	background-color:#F9F9F9;
	margin:10px auto;
	display:none
}
#progress .bar, .img-upload .progress .bar{
	height:5px;
	border-radius: 2px;
	width:0;
	/*background-color:#FFC800;*/
}
#filename, .img-upload .filename{
	display:inline-block;
	margin:0 20px
}
.brick-div{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}
.white-brick .date{
	color: #888;
	width: 85px;
	line-height: normal;
	margin-right: 10px;
	margin-left: 2px;
}
.user.white-brick .user-detail:nth-child(2):last-child {
	width: calc(100% - 60px);
}
.list-header {min-height: 50px;}
.list-title, .list-actions {
	height: 50px;
	line-height: 50px;
}
.list-title {
	margin-right: 20px;
}
.list-title > div {
	line-height: normal;
}
.list-actions {
	overflow:hidden;
}
.list-actions > div, .list-actions a{
	line-height: normal;
}
.user-card {
	max-width: 250px;
  min-width: 150px;
}
.user-card .user-pic {
	height: 150px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.black-gradient {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.black-shadow {
	background-color: rgba(0,0,0,0.4)
}
.user-pic .text-protection {
	z-index:2;
}
.user-card .user-pic .text-protection,
.user-card .user-pic .bg-wrapper {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.post-card .user-pic .text-protection,
.post-card .user-pic .bg-wrapper {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.post-card .user-pic .text-protection,
.post-card .user-pic .text-wrapper {
	opacity: 0;
	transition: opacity .3s ease-in;
}
.post-card .user-pic:hover .text-protection,
.post-card .user-pic:hover .text-wrapper {
	opacity: 1;
}
.user-pic .bg-wrapper {
	z-index: 1;
}
.user-pic .text-wrapper {
	bottom: 10px;
	left:10px;
	right:10px;
	z-index:3;
}
.card {
	margin: 0 10px;
}
.one-col .card {
	margin-left: 0;
	margin-right: 0;
}
.post-card .user-pic{
	height: 200px;
	width: 200px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.user-power .user-pic {
	height: 120px;
	width: 120px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.user-power .user-desc {
	min-height: 120px;
}
.cards-list.condensed .post-card .user-pic, .post-card .user-thumb { display: none;}
.cards-list.condensed .post-card .user-thumb { display: inline-block;}
.post-card .title-line {
	height: 50px;
	line-height: 50px;
}
.user-power .title-line {
	height: 70px;
	line-height: 70px;
}
.dashboard-cluster {
	padding: 0 10px;
}
.dashboard-cluster + .dashboard-cluster {
	margin-top: 40px;
}
.cards-list[data-col-nb='1'] .card {width: calc(100% - 20px);}
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(2),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(3),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(4),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(5),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(6),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(7),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(8),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='1'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='2'] .card {width: calc(100%/2 - 20px);}
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(3),
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(4),
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(5),
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(6),
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(7),
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(8),
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='2'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='3'] .card {width: calc(100%/3 - 20px);}
.cards-list.top-cards[data-col-nb='3'] .card:nth-child(4),
.cards-list.top-cards[data-col-nb='3'] .card:nth-child(5),
.cards-list.top-cards[data-col-nb='3'] .card:nth-child(6),
.cards-list.top-cards[data-col-nb='3'] .card:nth-child(7),
.cards-list.top-cards[data-col-nb='3'] .card:nth-child(8),
.cards-list.top-cards[data-col-nb='3'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='3'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='4'] .card {width: calc(100%/4 - 20px);}
.cards-list.top-cards[data-col-nb='4'] .card:nth-child(5),
.cards-list.top-cards[data-col-nb='4'] .card:nth-child(6),
.cards-list.top-cards[data-col-nb='4'] .card:nth-child(7),
.cards-list.top-cards[data-col-nb='4'] .card:nth-child(8),
.cards-list.top-cards[data-col-nb='4'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='4'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='5'] .card {width: calc(100%/5 - 20px);}
.cards-list.top-cards[data-col-nb='5'] .card:nth-child(6),
.cards-list.top-cards[data-col-nb='5'] .card:nth-child(7),
.cards-list.top-cards[data-col-nb='5'] .card:nth-child(8),
.cards-list.top-cards[data-col-nb='5'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='5'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='6'] .card {width: calc(100%/6 - 20px);}
.cards-list.top-cards[data-col-nb='6'] .card:nth-child(7),
.cards-list.top-cards[data-col-nb='6'] .card:nth-child(8),
.cards-list.top-cards[data-col-nb='6'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='6'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='7'] .card {width: calc(100%/7 - 20px);}
.cards-list.top-cards[data-col-nb='7'] .card:nth-child(8),
.cards-list.top-cards[data-col-nb='7'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='7'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='8'] .card {width: calc(100%/8 - 20px);}
.cards-list.top-cards[data-col-nb='8'] .card:nth-child(9),
.cards-list.top-cards[data-col-nb='8'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='9'] .card {width: calc(100%/9 - 20px);}
.cards-list.top-cards[data-col-nb='9'] .card:nth-child(10) {display: none;}
.cards-list[data-col-nb='10'] .card {width: calc(100%/10 - 20px);}
.libraries-cluster.cards-list[data-col-nb='1'] .card {width: calc(100% - 25px);}
.libraries-cluster.cards-list[data-col-nb='2'] .card {width: calc(100%/2 - 25px);}
.libraries-cluster.cards-list[data-col-nb='3'] .card {width: calc(100%/3 - 25px);}
.libraries-cluster.cards-list[data-col-nb='4'] .card {width: calc(100%/4 - 25px);}
.libraries-cluster.cards-list[data-col-nb='5'] .card {width: calc(100%/5 - 25px);}
.libraries-cluster.cards-list[data-col-nb='6'] .card {width: calc(100%/6 - 25px);}
.libraries-cluster.cards-list[data-col-nb='7'] .card {width: calc(100%/7 - 25px);}
.libraries-cluster.cards-list[data-col-nb='8'] .card {width: calc(100%/8 - 25px);}
.libraries-cluster.cards-list[data-col-nb='9'] .card {width: calc(100%/9 - 25px);}
.libraries-cluster.cards-list[data-col-nb='10'] .card {width: calc(100%/10 - 25px);}
.list-wrapper .l-arrow, .list-wrapper .r-arrow {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	z-index: 2;
}
.list-wrapper .l-arrow {
	left: 0;
}
.list-wrapper .r-arrow {
	right: 0;
}
.cards-list.one-col {
	max-width: 600px;
}
.card .details {
	max-height: 200px;
	overflow: hidden
}
.card.open .details {
	max-height: none;

}
.slider .list-container {
	transition: left ease-in .3s;
}
.slider[data-scroll-pos="0"] .list-container {left: 0;}
.slider[data-scroll-pos="1"] .list-container {left: -100%;}
.slider[data-scroll-pos="2"] .list-container {left: -200%;}
.slider[data-scroll-pos="3"] .list-container {left: -300%;}
.slider[data-scroll-pos="4"] .list-container {left: -400%;}
.slider[data-scroll-pos="5"] .list-container {left: -500%;}
.slider[data-scroll-pos="6"] .list-container {left: -600%;}
.slider[data-scroll-pos="7"] .list-container {left: -700%;}
.slider[data-scroll-pos="8"] .list-container {left: -800%;}
.slider[data-scroll-pos="9"] .list-container {left: -900%;}
.node-skill {
	height: 150px;
}
.node-skill .buttons {
	position: absolute;
	right: 10px;
	top: 10px;
}
.node-skill .text-wrapper {
	position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.title-skill .text-wrapper {
	max-width: 600px;
}
.title-skill .buttons .btn {
	width: 100%;
}
.title-skill .buttons .btn + .btn {margin-top: 5px;}
.title-skill.white-brick .hover-reverse.bordered {
	border-style: solid;
	border-width: 1px;
}
.title-skill .skill-description + .power-description {
	border-top-style: solid;
	border-top-width: 1px;
}
.skill-brick.hashed {
	background: repeating-linear-gradient(-45deg, #EEEEEE, #EEEEEE 4px, #FFFFFF 4px, #FFFFFF 8px);
}
/*.leaf-skill {margin: 10px;}*/
.skill-brick.slim, .leaf-skill.slim {
	min-height: 25px;
}
.skill-brick.slim .skill-name, .leaf-skill.slim .skill-name{
	font-size: .9em;
}
.skill-brick.slim .icon, .leaf-skill.slim .icon {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
}
.skill-brick .btns-container, .leaf-skill .btns-container {
	line-height: 40px;
}
.skill-brick.slim .btns-container, .leaf-skill.slim .btns-container {
	line-height: 25px;
}
.skill-brick.slim .menu, .leaf-skill.slim .menu,
.skill-brick.slim .btns-container > .mission, .leaf-skill.slim .btns-container > .mission {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
}
.leaf-skill .qualifiers-container {
	padding-left: 20px;
}
.leaf-skill.slim .qualifiers-container {
	padding-left: 12.5px;
}
.creation-date{
	color:#888;
	font-size:.6em;
	position:absolute;
	top:5px;
	line-height:normal
}
.task-brick{
	background-color: #FFF;
	width: 100%;
	max-width:300px;
	text-align: left;
	position:relative;
	border-radius: 3px;
	line-height: 40px;
	height: 40px;
}
.task-brick > div:not(.close-btn), .task-brick > span:not(.close-btn) {
	height: 100%;
}
.task-brick.slim {
	height:25px;
	line-height:25px;
}
.task-brick.slim .icon {width:25px;height:25px;line-height:25px;font-size: 17px;}
.task-brick.smaller,
.skill-brick.smaller,
.autocomplete-block.smaller .search-results li.task-brick {
	min-height: 30px;
	line-height: 30px;
	height: auto;
}
.task-brick.smaller .icon,
.skill-brick.smaller .icon,
.autocomplete-block.smaller .search-results li.task-brick .icon {
	width:30px;height:30px;line-height: 30px;font-size:20px;
}
.task-brick.fullw { max-width: none;}
.white-brick .task-brick {
	background-color: transparent;
}
.task-brick .texte {
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*width: calc(100% - 45px);*/
	vertical-align: middle;
}
.task-brick.inline {
	width: auto;
}
.task-brick .icon {
	float:left;
}
.task-brick.addable .menu-container, .task-brick.linked .menu-container {
	display: none;
}
.task-brick.addable:hover .menu-container, .task-brick.linked:hover .menu-container {
	display: block;
}
.task-brick.removable .cross.xsmall {
	display:none;
	height: 40px;line-height: 40px;
}
.task-brick.removable:hover .cross {
	display:block;
}
.task-brick.removable .cross:hover {
	color: #ec1634;
}
.white-brick.disabled {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUElEQVQYV4XQ0QkAIAgE0BzB/XfUEUoDRSnVn4geHR4Q0V4yiKhHGmb2OyickGrYMt1P9vbAGGdIExOsUIrukMMJXWj1xIV+LTywqirBrs8Dec1B5IpEjGgAAAAASUVORK5CYII=') repeat;
}
.power.white-brick .brick-line.task-line {
	margin: 5px 0px 5px 5px;
	height: 40px;
	line-height: 40px;
}
.power.white-brick .brick-line .tarif {
	width:50px;
	font-size: 0.9em;
}
.power.white-brick .task-brick{
	width: calc(100% - 137px);
	max-width: none;
}
.power.white-brick .detail-line {
	margin-left:0;
}
.power.white-brick .detail {
	font-size: 0.8em;
	width: 100%;
	box-sizing:border-box;
	padding:0 10px;
}
.menu-container {
	vertical-align:middle;
	display:inline-block;
	cursor:pointer;
	position:relative;
	height:30px;
	border: solid 1px #fff;
	background-color: #fff;
}
.reg_library .menu-container {
	background-color: inherit;border-color:rgba(0,0,0,0);
}
.reg_library .menu-container:hover, .reg_library .menu-container.active {
	background-color: #fff
}
.reg_library .menu-container:hover .menu, .reg_library .menu-container.active .menu {
	color: #c8c8c8;
}
.menu-container.active, .menu-container:hover {
	border-color: #e1e1e1;
}
.menu-container.active:not(.last-line) {
	border-bottom-color: #FFF;
}
.menu-container.active.last-line {
	border-top-color: #FFF;
}
.menu-list{
	display:none;
	position:absolute;
	top: 16px;
	right:-1px;
	color:#fff;
	z-index:10;
	width:200px;
	padding:2px 6px;
	background-color:inherit;
	border: 1px solid #e1e1e1;
	border-bottom-width: 2px;border-top-width:0px;
}.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.task-brick .context-menu-container.hover, .skill-brick .context-menu-container.hover {
	display: none;
}
.task-brick:hover .context-menu-container, .skill-brick:hover .context-menu-container, .context-menu-container.active {
	display: block;
}
.task-brick .context-menu-list {
	width: 250px;
}
.context-menu-list {
	z-index: 10;
	width: 300px;
}
.context-menu-list li {
	height: 30px; line-height: 30px;
}
.context-menu-list li + li {
	border-top: solid 1px #e1e1e1;
}
.apps-menu-list {
	z-index: 10;
	min-width: 70px;
	max-width: 260px;
}
.app-btn {
	width: 120px;
}
.menu-list li .standard-icon {
	float:left;
	margin-right:10px;
}
.menu-list li span {
	text-overflow:ellipsis;overflow: hidden;
	display:block;
	white-space: nowrap;
}
.menu-list li{
	margin:5px 0;
	line-height:30px;
	height:30px
}
.menu-container.active .menu-list{
	display:block
}
.menu-list .do-edit, .standard-icon.config.active {
	background-color:#ccc
}
.menu-list .do-edit:hover, .standard-icon.config.active:hover{
	background-color:#999
}
.btn.deny,.menu-list .do-delete, /*.standard-icon.deny, .standard-icon.delete*/{
	background-color:rgb(255,96,96);
	border-color: rgb(225,66,66);
}
.btn.deny:hover,.menu-list .do-delete:hover, .standard-icon.deny:hover, .standard-icon.delete:hover, .do-delete:hover .delete {
	background-color:rgb(225,66,66);
}
.btn.accept,.menu-list .do-add{
	background-color:rgb(111, 201, 126);
	border-color:rgb(81, 171, 96);
}
.btn.accept:hover,.menu-list .do-add:hover{
	background-color:rgb(81, 171, 96);
}
.menu-list .yellow {
	background-color:#FFC800
}
.menu-list .yellow:hover {
	background-color:#FFAF20
}
.menu-border{
	width:182px;
	border-top:1px solid #eee;
	position:absolute;
	top:0;
	left:0
}
.last-line .menu-border {
	top:auto;
	bottom: 0;
}
.central-container {
	margin: 0 auto;
	max-width: 1200px;
}
.brick-list .see-more {
	margin-top: 10px;
}
.brick-list .bloc-action {
	height:60px;
	text-align: center;
	margin-top: 10px;
}
/****************************************************
 *************     GENERIC ITEMS     ***************
****************************************************/
.loader-gif {
	margin: 10px auto;
	display: block;
	width: 60px;
}
.loader-gif.small {
	width: 30px;height:30px;
}
.small-shadow {
	box-shadow: #999 2px 2px 5px;
}
img[src*="avatar_or.png"], img[src*="avatar_or_large.png"] {
	background-color:#FFC800;
}
.white-brick {
	background-color:#FFF;
	position:relative;
	text-align: left;
	border-radius: 3px;
}
.relief {
	border: solid 1px #e1e1e1;
	border-bottom-width: 2px;
	border-top-width:0px;
}
.white-brick.hover:hover {
	background-color: #f9f9f9;
}
.white-txt{color:#FFF;}
a.white-txt.no-hover:hover{color:#FFF;}
a.grey-txt.no-hover:hover {color: #888}
a.dark-txt.no-hover:hover {color: #333}
.table {display:table;}
.table-cell {display:table-cell;}
.table-row {display: table-row;}
/**** ON/OFF Switch ***/
.form-line .onoffswitch {
	margin-top: 10px;
}
.bg-illus {
  background-size: 30%;
}
.onoffswitch {
  position: relative;
	width: 100px;
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
  display: block; overflow: hidden; cursor: pointer;
  border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
		float: left;
		width: 50%;
		height: 30px;
		padding: 0;
		line-height: 30px;
    font-size: 14px;
		color: white;
		font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: attr(data-before);
    padding-left: 10px;
    background-color: rgb(111, 201, 126); color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: attr(data-after);
    padding-right: 10px;
    background-color: rgb(255,96,96); color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
		width: 24px;
    background: #FFFFFF;
    position: absolute;
		top: 3px; bottom: 3px;
    right: 72px;
  	border-radius: 50%;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 3px;
}
.ui-datepicker { z-index: 1000000 !important;}
.yesnoswitch .yesnoswitch-label .btn.b-radius:first-child {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.yesnoswitch .yesnoswitch-label .btn.b-radius:last-child {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
.yesnoswitch input{display:none}
.yesnoswitch input:checked + label .no {
	background-color: #CCC;
}
.yesnoswitch input:not(:checked) + label .yes {
	background-color: #CCC;
}
/********************************************************
  ******************* USER/POWER BRICK ******************
  *******************************************************/
.user-power.bordered.selectable {border: 1px solid #3ea9f5;}
.white-brick.rounded {
	border-radius: 50px;
}
.user-detail {min-width: 100px;}
.user .brick-line {line-height: 40px;}
.avatar {
	max-height: 60px;
	max-width:60px;
}
.large.avatar {
	max-width:150px;
	max-height:150px;
}
.thumbnail {
	max-width: 40px;
	max-height: 40px;
}
.thumbnail.avatar {
	max-width: 40px;
	max-height: 40px;
}
.white-brick .avatar-brick {
	width: 90px;
	height:90px;
	text-align: center;
	line-height: 90px;
}
.user-power.white-brick.disabled .standard-icon.missions-large {
	/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */filter: alpha(opacity=50);
	/* Netscape */-moz-opacity: 0.5;
	/* Safari 1.x */-khtml-opacity: 0.5;
	opacity:0.5;
	cursor:default;
}
.user-power.white-brick.disabled .standard-icon.missions-large:hover {
	background-color: #FFC800;
}
.white-brick .user-detail {position:relative;}
.white-brick .user-detail .group-panel:hover {
	height:auto;max-height:300px;
	z-index:2;
}
.spr-right {
	position:absolute;
	top:5px;
	right:-35px;
}
.thumbs {
	display: table;
}
.thumbs [data-thumb] {
	transition: all .1s ease-in;
	padding: 0px 5px 5px 5px;
  display: inline-block;
	vertical-align: middle;
}
.thumbs.w-dividers [data-thumb] + [data-thumb] {
	border-left-width: 1px;
	border-left-style: solid;
}
.thumbs.dark-txt [data-thumb] {
	border-left-color: #333;
	border-right-color: #333;
}
.thumbs [data-thumb].bborder {
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.thumbs:not(.stretch) [data-thumb] + [data-thumb] {
	margin-left: 35px
}
.thumbs.stretch [data-thumb]:first-child:nth-last-child(1) { width: 100%; }
.thumbs.stretch [data-thumb]:first-child:nth-last-child(2),
.thumbs.stretch [data-thumb]:first-child:nth-last-child(2) ~ [data-thumb] { width: 50%; }
.thumbs.stretch [data-thumb]:first-child:nth-last-child(3),
.thumbs.stretch [data-thumb]:first-child:nth-last-child(3) ~ [data-thumb] { width: 33.3333%; }
.thumbs.stretch [data-thumb]:first-child:nth-last-child(4),
.thumbs.stretch [data-thumb]:first-child:nth-last-child(4) ~ [data-thumb] { width: 25%; }
.v-align-top{vertical-align: top;}
.v-align-middle{vertical-align: middle;}
.v-align-bottom{vertical-align: bottom;}
.t-align-left{text-align: left;}
.t-align-right{text-align:right;}
.t-align-center{text-align: center;}
input.wide {width:300px;}
.checkbox-line input[type="checkbox"], .checkbox-line input[type="radio"] {
	display:none;
}
.custom-checkbox {
	background-color: #fff;
	width: 20px;
	height:20px;
	border: 1px #ccc solid;
	position: relative;
}
.custom-checkbox.small {
	width:10px;height:10px;margin-right: 5px;
	line-height: 10px; text-align: center
}
.custom-checkbox.small.part-checked:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #333;
}
.custom-checkbox.small img {
	width: 10px;
}
.custom-checkbox img {
	display:none;
	margin: 2px auto;
}
.custom-checkbox.round {border-radius:50%;box-sizing: border-box;}
.custom-checkbox.round img {
	width: 15px;
	margin: 4px auto;
}
.add-event .custom-checkbox {
	margin: 0;
}
.custom-checkbox.b-blue {
	border-color: rgb(84, 198, 184);
}
input:checked+label .custom-checkbox img,
.custom-checkbox.selected img {
	display:block;
}
.custom-checkbox .tick {
	display: none;
}
input:checked+label .custom-checkbox .tick,
.custom-checkbox.selected .tick {
	display: inline-block
}
.line-mockup {
	height: 6px;
}
.loader-gradient.gray-gradient {
	background: #E6E6E6;/*FOR BROWSER THAT DONT SUPPORT GRADIENT*/
	background: linear-gradient(to right,#e6e6e6 0%, #C8C8C8 20%, #e6e6e6 40%,#C8C8C8 100%);
	background-size: 800% 800%;
}
.loader-gradient {
	-webkit-animation: loaderGradient 6s ease infinite;
	-moz-animation: loaderGradient 6s ease infinite;
	-o-animation: loaderGradient 6s ease infinite;
	animation: loaderGradient 6s ease infinite;
}
@-webkit-keyframes loaderGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes loaderGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes loaderGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes loaderGradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.two-columns .feed-brick, .two-column .situational-list .white-brick  {
	width: calc(50% - 1em);
}
.skill-brick .icon {
	float: left;
}
.skill-brick .icon + .skill-name-container {
	min-height: 40px; line-height: 40px;
}
.skill-brick.slim .icon + .skill-name-container {
	min-height: 25px; line-height: 25px;
}
.skill-brick.smaller .icon + .skill-name-container {
	min-height: 30px; line-height: 30px;
}
.skill-brick .icon.large + .skill-name-container {
	min-height: 50px; line-height: 50px;
}
.leaf-skill.slim .skill-brick .icon + .skill-name-container {
	min-height: 25px; line-height: 25px;
}
.skill-brick .skill-name-container {
	overflow: hidden;
}
.skill-brick .skill-name-container .skill-name {
  line-height: normal;
	white-space: normal;
  display: inline-block;
  vertical-align: middle;
}
.skill-requirement + .skill-requirement {
	border-top-width: 1px;
	border-top-style: solid;
}
.skill-requirement {
	border-color: #f5f5f5;
	min-height: 50px;
}
.not-that-dark .skill-requirement {
	border-color: #B7B7B7;
}
.skill-requirement .skill-search {
	width: 200px;
}
.skill-requirement .qualifiers-container {
	min-width: 150px;
}
.skill-requirement .qualifiers-container .qualifier-input + .qualifier-input {
	margin-top: 20px;
}
.qualifiers-container .qualifier-input {
	line-height: normal;
}
.qualifier-input .input-container {
	height: 30px;
	line-height: 30px;
}
.qualifier-input .input-container select, .qualifier-input .input-container input {
	height: 32px;
	line-height: 30px;
	padding: 0 10px;
}
.skill-requirement .label-container {
  left: 0;
  right: 0;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
}
.skill-requirement .skill-search .label-container {
	top: 0;
}
.skill-requirement .qualifier-input .label-container {
	bottom: 100%;
}
.skill-requirement .options, .multivalues-select .options {
	z-index:12;
}
.qualifier-input .label-container label {
	line-height: normal;
}
.popin-content .input-container input, .popin-content .input-container select {
	min-width: 200px;
}
.popin-content .qualifier-input + .qualifier-input {
	border-top-width: 1px;
	border-top-style: solid;
  padding-top: 5px;
}
.expander {
  height: 30px;
  width: 30px;
  right: 5px;
  top:50%;
  margin-top: -15px;
}
.expander.down:after {
  -webkit-transform: translate(-50%,-50%) rotate(0);
  -ms-transform: translate(-50%,-50%) rotate(0);
  transform: translate(-50%,-50%) rotate(0);
}
.expander + select {
	padding-right: 30px;
}
.select-container {z-index: 0;}
.select-container select { background-color: transparent;}
.select-container .expander { z-index: -1;}/*PREVENT FROM CATCHING CLICK*/
.expander:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%) rotate(-90deg);
  -ms-transform: translate(-50%,-50%) rotate(-90deg);
  transform: translate(-50%,-50%) rotate(-90deg);
  border-left: 5.04px solid transparent;
  border-right: 5.04px solid transparent;
  border-top-width: 7px;
  border-top-style: solid;
  -webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
  transition: all .3s cubic-bezier(.175,.885,.32,1.275);
  cursor: pointer;
}
.sort-arrow {
	width: 0;
	height: 0;
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
	cursor:pointer;
}
.sort-arrow.small {margin-left: 5px;}
.top-arrow.sort-arrow, .toggling-list.open .sort-arrow {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ccc;
}
.bot-arrow.sort-arrow, .toggling-list:not(.open) .sort-arrow {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ccc;
}
.top-arrow.sort-arrow.small, .toggling-list.open .sort-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ccc;
}
.bot-arrow.sort-arrow.small, .toggling-list:not(.open) .sort-arrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ccc;
}
.top-arrow.sort-arrow.dark-arrow, .toggling-list.open .sort-arrow.dark-arrow {
	border-bottom: 10px solid #333;
}
.bot-arrow.sort-arrow.dark-arrow, .toggling-list:not(.open) .sort-arrow.dark-arrow {
	border-top: 10px solid #333;
}
.top-arrow.sort-arrow.small.dark-arrow, .toggling-list.open .sort-arrow.dark-arrow {
	border-bottom: 5px solid #333;
}
.bot-arrow.sort-arrow.small.dark-arrow, .toggling-list:not(.open) .sort-arrow.dark-arrow {
	border-top: 5px solid #333;
}
.top-arrow.sort-arrow.white-arrow, .toggling-list.open .sort-arrow.white-arrow {
	border-bottom: 10px solid #fff;
}
.bot-arrow.sort-arrow.white-arrow, .toggling-list:not(.open) .sort-arrow.white-arrow {
	border-top: 10px solid #fff;
}
.top-arrow.sort-arrow.small.white-arrow, .toggling-list.open .sort-arrow.white-arrow {
	border-bottom: 5px solid #fff;
}
.bot-arrow.sort-arrow.small.white-arrow, .toggling-list:not(.open) .sort-arrow.white-arrow {
	border-top: 5px solid #fff;
}
th { font-weight: normal;}
th.sort {
	cursor: pointer;
}
th.sort:hover {
	background-color: #eee;
}
.standard-icon.delete.active {
	cursor: pointer;
}
.hidden{
  display:none!important;
  visibility:hidden
}
.invisible{
  visibility:hidden
}
.clearfix:after,.clearfix:before{
  content:"";
  display:table
}
.clearfix:after{
  clear:both
}
.clearfix{
zoom:1
}
blockquote,pre{
border:1px solid #888;
page-break-inside:avoid
}
thead{
display:table-header-group
}
img,tr{
page-break-inside:avoid
}
@page{
margin:.5cm
}
h2,h3,p{
orphans:3;
widows:3
}
h2,h3{
page-break-after:avoid
}
/****************************************
********* MOBILE AUTOCOMPLETE ***********
****************************************/
.autocomplete-block.fullscreen.open {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    z-index: 30;
    background-color: #FFF;
    width:auto;
}
.autocomplete-block.fullscreen .close-btn {display:none;}
.autocomplete-block.fullscreen.open .close-btn {display: block;}
.autocomplete-block.fullscreen.open .search-block {
    width: 100%;
    display: inline-block;
    height: auto;
    vertical-align: top;
    height: 100%;
}
.autocomplete-block.fullscreen.open .search-block .search-results {
	max-height:auto;
	top:41px;
	bottom:0;
	position: absolute;
}
.autocomplete-block.fullscreen.open .search-block input {
	font-size: 1.1em;
}
.autocomplete-block.fullscreen.open .search-block::after {
	display:block;
}
#top-bar .autocomplete-block.fullscreen .search-block::after {
	top: 6px;
}
#top-bar .autocomplete-block.fullscreen {
	display: none;
}
#top-bar .autocomplete-block.fullscreen.open {
	display: block;
}
.autocomplete-block.fullscreen.open .search-block.pic-block .search-results {
	top: 61px;
}
.autocomplete-block .search-results legend {
	line-height:normal;
	display: none;
}
.autocomplete-block .suggest-li {
	display: none;
	line-height: normal;
}
.autocomplete-block .see-more {line-height:normal;}
#top-bar #autocompleteBtn {display:none;}
#home-introduction .autocomplete-block .search-block:after {top:5px;}
.autocomplete-block .search-block .close-btn {
    top: 6px;
    right: 3px;
    text-align: center;
}
.autocomplete-block .search-block.pic-block .close-btn  {
	top: 16px;
}
#top-bar .autocomplete-block.register-autocomplete:not(.fullscreen) .search-block {
	right: 230px;
}
/*********************************************************************
********************** BLOCK MANAGEMENT ******************************
*********************************************************************/
.expandable-table .subs-container {
	display:none;
}
.expandable-table .subs-container .line-container .content {
	border-left-style: solid;
	border-left-width: 1px;
}
.expandable-table .parent-container[data-expand=true] > .subs-container {
	display: block;
}
.expandable-table .row-expander:before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(0);
	-ms-transform: translate(-50%,-50%) rotate(0);
	transform: translate(-50%,-50%) rotate(0);
	-webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
	transition: all .3s cubic-bezier(.175,.885,.32,1.275);
	cursor: pointer;
}
.expandable-table .parent-container[data-expand=true] > .object-line .row-expander:before {
	-webkit-transform: translate(-50%,-50%) rotate(90deg);
	-ms-transform: translate(-50%,-50%) rotate(90deg);
	transform: translate(-50%,-50%) rotate(90deg);
}
.expandable-table .actions-list > div + div {
	margin-left: 5px;
}
.expandable-table .object-line {
  min-height: 40px;
  line-height: 40px;
}
.expandable-table .object-line > div {
  line-height: normal;
}
/*********************************************************************
********************** BLOCK MANAGEMENT ******************************
*********************************************************************/
.centered {margin: 0 auto;}
.reset-margin {margin: 0;}
.reset-padding {padding: 0;}
.reset-lineheight {line-height: normal}
.m10 {margin: 10px;}
.mtop {margin-top:10px;}
.mlef {margin-left:10px;}
.mrig {margin-right:10px;}
.mbot {margin-bottom:10px;}
.memtop {margin-top:.5em;}
.memlef {margin-left:.5em;}
.memrig {margin-right:.5em;}
.membot {margin-bottom:.5em;}
.m5top {margin-top:5px;}
.m5lef {margin-left:5px;}
.m5rig {margin-right:5px;}
.m5bot {margin-bottom:5px;}
.m5 {margin: 5px;}
.m20top {margin-top:20px;}
.m20lef {margin-left:20px;}
.m20rig {margin-right:20px;}
.m20bot {margin-bottom:20px;}
.m2 {margin: 2px;}
.m2top {margin-top:2px;}
.m2lef {margin-left:2px;}
.m2rig {margin-right:2px;}
.m2bot {margin-bottom:2px;}
.padding {padding:10px;}
.p10bot {padding-bottom: 10px;}
.p10top {padding-top: 10px;}
.p10lef {padding-left: 10px;}
.p10rig {padding-right: 10px;}
.pad5 {padding:5px;}
.p5bot {padding-bottom: 5px;}
.p5top {padding-top: 5px;}
.p5lef {padding-left: 5px;}
.p5rig {padding-right: 5px;}
.pembot {padding-bottom: .5em;}
.pemtop {padding-top: .5em;}
.pemlef {padding-left: .5em;}
.pemrig {padding-right: .5em;}
.pem {padding: .5em;}
.pad20 {padding: 20px;}
.p20top {padding-top: 20px;}
.p20bot {padding-bottom: 20px;}
.p20lef {padding-left: 20px;}
.p20rig {padding-right: 20px;}
.border-box {box-sizing: border-box;}
.white-border {border-color: #fff;}
.bordered {border-width: 1px; border-style: solid;}
.relative {position:relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.halfw {width: 50%;}
.fullw {width:100%;}
.thirdw {width: 33.3333333333%;}
.fourthw {width: 25%;}
.pointer {cursor: pointer;}
.cursor-help {cursor: help;}
.scrollauto {overflow:auto;}
.overhidden {overflow:hidden;}
.word-break {word-break: break-word;}
.nowrap {white-space:nowrap;}
.under-btn {padding-bottom:50px;box-sizing:border-box;}
.avoid-click {pointer-events: none;}
.fullh {height:100%;}
.f-left {float:left;}
.f-right{float:right}
.inline-block{display:inline-block}
.table-cell {display: table-cell;}
.flex {display: flex;}
.flex-center {align-items: center;}
.flex.align-center {justify-content: center;}
.block {display:block;}
.left-menu {display: none;}
.t-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.majuscule:first-letter {text-transform: capitalize;}
.btn.uppercase {font-weight:500;}
.code { padding: 5px; }
.code .string { color: #455fcb; }
.code .number { color: rgb(255,96,96); }
.code .key { color: rgb(81, 171, 96); }
.code .boolean { color: #9244a6;}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.hover {
	transition: background-color .2s ease-in, color .2s ease-in;
}
.hover-reverse, .hover-reverse .icon {
	transition: background-color .2s ease-in, color .2s ease-in;
}
.hover-reverse:hover, .hover-reverse.selected,
.hover-reverse:hover .icon, .hover-reverse.selected .icon {
	color: #FFF !important;
}
.hover-reverse *:not(.standard-icon):not(.icon) {
	text-transform: uppercase;
	font-weight:500;
}
/***********************************************
************ SWAGGY COLOR PANEL COLORS *********
***********************************************/
.bumped {box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 6px, rgba(0, 0, 0, 0.09) 0px 1px 4px}
.bumped:not(.circle) {border-radius: 3px;}
.btn.rounded {border-radius: 3px;}
.b-radius {border-radius: 5px;}
.b-rounded {border-radius: 5px;}
/*BLUE*/
.bleu,.blue{background-color:rgb(84, 198, 184);border-color:rgb(101, 209, 193);}
.blue.disabled{background-color:rgba(105,178,237,0.4);}
.blue.disabled:hover, .blue.disabled.hover:hover{background-color:rgba(105,178,237,0.4);}
.b-blue {border-color:rgb(84, 198, 184);}
.blue.bumped{ border-color:rgb(101, 209, 193);}
.blue.hover:hover {background-color: rgb(101, 209, 193);}
.blue.hover:hover .blue.icon {background-color: rgb(101, 209, 193);}
.blue-txt{color:rgb(84, 198, 184);}
.blue-txt.hover-reverse:hover, .blue-txt.hover-reverse.selected,
.b-blue.hover-reverse.selected, .b-blue.hover-reverse:hover
{background-color:rgb(84, 198, 184);}
.b-blue.hover-reverse .icon {color:rgb(84, 198, 184);}
/*BLUE-DARK*/
.blue-dark{background-color:rgb(69,95,203); border-color:#314ab1;}
.blue-dark.bumped, .b-blue-dark{border-color:#314ab1;}
.blue-dark.hover:hover {background-color: #314ab1;}
.blue-dark-txt{color:rgb(69,95,203);}
.blue-dark-txt.hover-reverse:hover, .blue-dark-txt.hover-reverse.selected,
.b-blue-dark.hover-reverse.selected, .b-blue-dark.hover-reverse:hover {
	background-color:rgb(69,95,203);}
.b-blue-dark.hover-reverse .icon {color:rgb(69,95,203);}
/*GREEN*/
.green,.vert{background-color:rgb(111, 201, 126);border-color:rgb(81, 171, 96);}
.b-green {border-color:rgb(111, 201, 126);}
.green.bumped{border-color:rgb(81, 171, 96);}
.green-txt {color: rgb(111, 201, 126)}
.green.disabled{background-color:rgba(111, 201, 126,0.4);}
.green.disabled:hover, .green.disabled.hover:hover{background-color:rgba(81, 171, 96,0.4);}
.green.hover:hover,.vert.hover:hover{background-color:rgb(81, 171, 96);}
.green-txt.hover-reverse:hover,
.b-green.hover-reverse.selected, .b-green.hover-reverse:hover
{background-color:rgb(111, 201, 126)}
.b-green.hover-reverse .icon {
	color:rgb(111, 201, 126);
}
/*RED*/
.red,.rouge{background-color:rgb(255,96,96);border-color: rgb(225,66,66);}
.red.disabled{background-color:rgba(225,66,66,0.4);}
.red.disabled:hover, .red.disabled.hover:hover{background-color:rgba(225,66,66,0.4);}
.red.hover:hover {background-color:rgb(225,66,66);}
.red.bumped{border-color: rgb(225,66,66);}
.b-red {border-color: rgb(255,96,96);}
.field-error {border: rgb(255,96,96) 1px solid !important;}
.red-txt {color:rgb(255,96,96);}
.red-txt.hover-reverse:hover, .red-txt.hover-reverse.selected,
.b-red.hover-reverse.selected, .b-red.hover-reverse:hover {
	background-color:rgb(255,96,96);}
.b-red.hover-reverse .icon {color:rgb(255,96,96);}
/*GREEN-DARK*/
.green-dark{background-color:rgb(41,160,22);border-color:#228612;}
.green-dark.bumped{ border-color:#228612;}
.b-green-dark {border-color: rgb(41,160,22);}
.green-dark.hover:hover {background-color: #228612;}
.green-dark-txt{color:rgb(41,160,22);}
.green-dark-txt.hover-reverse:hover, .green-dark-txt.hover-reverse.selected,
.b-green-dark.hover-reverse.selected, .b-green-dark.hover-reverse:hover {
	background-color:rgb(41,160,22);}
.b-green-dark.hover-reverse .icon {color:rgb(41,160,22);}
/*RED-ORANGE*/
.red-orange{background-color:rgb(234,83,21);border-color: #d94d13;}
.red-orange.hover:hover {background-color:#d94d13;}
.red-orange.bumped {border-color: #d94d13;}
.b-red-orange {border-color: rgb(234,83,21);}
.red-orange-txt {color:rgb(234,83,21);}
.red-orange-txt.hover-reverse:hover, .red-orange-txt.hover-reverse.selected,
.b-red-orange.hover-reverse.selected, .b-red-orange.hover-reverse:hover {
	background-color:rgb(234,83,21);}
.b-red-orange.hover-reverse .icon {color:rgb(234,83,21);}
/*YELLOW*/
.yellow{background-color:rgb(255,200,0);border-color: #ffb30f;}
.yellow.disabled {background-color:rgba(255,200,0,0.4); border-color:rgba(255,200,0,0.4); }
.yellow.bumped {border-color: #ffb30f;}
.b-yellow {border-color: rgb(255,200,0);}
.yellow.bumped.disabled { border-color:rgba(255,200,0,0.4);}
.yellow.hover:hover {background-color: #ffb30f;}
.yellow-light{background-color:#ffe581;}
.yellow-txt {color: rgb(255,200,0);}
.yellow-txt.hover-reverse:hover, .yellow-txt.hover-reverse.selected,
.b-yellow.hover-reverse.selected, .b-yellow.hover-reverse:hover {
	background-color:rgb(255,200,0);}
.b-yellow.hover-reverse .icon {color:rgb(255,200,0);}
/*ORANGE*/
.orange{background-color:rgb(249, 114, 22); border-color:rgb(255, 127, 41);}
.orange.disabled {background-color: rgba(255,149, 105, 0.4); border-color: rgba(225,119,75,0.4);}
.orange.bumped {border-color:rgb(255, 127, 41)}
.b-orange {border-color: rgb(249, 114, 22);}
.orange.hover:hover{background-color:rgb(255, 127, 41);}
.orange.hover:hover .icon.orange {background-color:rgb(255, 127, 41);}
.orange-txt {color:rgb(249, 114, 22);}
.orange-txt.hover-reverse:hover,
.b-orange.hover-reverse.selected, .b-orange.hover-reverse:hover
{background-color: rgb(249, 114, 22);}
.b-orange.hover-reverse .icon {
	color: rgb(249, 114, 22);
}
/*PINK*/
.pink,.rose{background-color:rgb(230, 46, 123); border-color:rgb(218, 20, 102);}
.pink.bumped {border-color:rgb(218, 20, 102);}
.pink.hover:hover {background-color:rgb(218, 20, 102);}
.pink-txt {color: rgb(230, 46, 123);}
.b-pink {border-color: rgb(230, 46, 123)}
.pink-txt.hover-reverse:hover, .pink-txt.hover-reverse.selected,
.b-pink.hover-reverse.selected, .b-pink.hover-reverse:hover {
	background-color:rgb(230, 46, 123);}
.b-pink.hover-reverse .icon {color:rgb(230, 46, 123);}
/*BROWN*/
.brown,.marron{background-color:rgb(175,110,49); border-color:#9e632c;}
.brown.bumped {border-color:#9e632c;}
.b-brown {border-color: rgb(175,110,49);}
.brown.hover:hover {background-color:#9e632c;}
.brown-txt {color: rgb(175,110,49);}
.brown-txt.hover-reverse:hover, .brown-txt.hover-reverse.selected,
.b-brown.hover-reverse.selected, .b-brown.hover-reverse:hover {
	background-color:rgb(175,110,49);}
.b-brown.hover-reverse .icon {color:rgb(175,110,49);}
/*VIOLET*/
.violet{background-color:rgb(146,68,166); border-color:#7a398b;}
.violet.bumped {border-color:#7a398b;}
.b-violet {border-color: rgb(146,68,166);}
.violet.hover:hover {background-color:#7a398b;}
.violet-txt {color: rgb(146,68,166);}
.violet-txt.hover-reverse:hover, .violet-txt.hover-reverse.selected,
.b-violet.hover-reverse.selected, .b-violet.hover-reverse:hover {
	background-color:rgb(146,68,166);}
.b-violet.hover-reverse .icon {color:rgb(146,68,166);}
/*LILA*/
.lila{background-color:rgb(90, 75, 201); border-color:rgb(98, 89, 211);}
.lila.hover:hover {background-color:rgb(98, 89, 211);}
.lila.hover:hover .icon.lila {background-color:rgb(98, 89, 211);}
.lila.bumped {border-color:rgb(98, 89, 211);}
.b-lila {border-color: rgb(90, 75, 201);}
.lila-txt{color:rgb(90, 75, 201);}
.lila-txt.hover-reverse:hover,
.b-lila.hover-reverse.selected, .b-lila.hover-reverse:hover
{background-color: rgb(90, 75, 201);}
.b-lila.hover-reverse .icon {
	color: rgb(90, 75, 201);
}
/*WHITE*/
.blanc,.white{background-color:#fff;}
.white.hover:hover {background-color:rgb(244,244,244);}
.white.bumped {border-color: rgb(230,230,230);}
.b-white, input.b-white, select.b-white, textarea.b-white {border-color: #FFF;}
.b-white.hover-reverse.selected, .b-white.hover-reverse:hover {
	background-color:rgb(255,255,255);
	color: #333 !important;
}
/*GREY*/
.grey { background-color: #888; border-color: #bbb;}
.grey.hover:hover {background-color: #bbb;}
.grey.bumped {border-color: #bbb;}
.b-grey {border-color: #888;}
.grey-txt, a.grey-txt.no-hover:hover {color:#888;}
.grey-txt.hover-reverse:hover, .grey-txt.hover-reverse.selected,
.b-grey.hover-reverse.selected, .b-grey.hover-reverse:hover {
	background-color:rgb(136,136,136);}
.b-grey.hover-reverse .icon {color:rgb(136,136,136);}
/*GRAY-VERYLIGHT*/
.gray-verylight{background-color:rgb(249,249,249); border-color:#e8e8e8;}
.gray-verylight.hover:hover {background-color:#e8e8e8;}
.gray-verylight.bumped {border-color:#e8e8e8;}
.gray-verylight-txt{color:rgb(249,249,249);}
.b-gray-verylight {border-color: rgb(249,249,249);}
.gray-verylight-txt.hover-reverse:hover, .gray-verylight-txt.hover-reverse.selected,
.b-gray-verylight.hover-reverse.selected, .b-gray-verylight.hover-reverse:hover {
	background-color:rgb(249,249,249);}
.b-gray-verylight.hover-reverse .icon {color:rgb(249,249,249);}
/*GRAY-LIGHT*/
.gray-light{background-color:rgb(244,244,244); border-color:#e3e3e3;}
.gray-light.hover:hover {background-color:#e3e3e3;}
.gray-light.bumped {border-color:#e3e3e3;}
.b-gray-light {border-color:rgb(244,244,244);}
.gray-light-txt{color:rgb(244,244,244);}
.gray-light-txt.hover-reverse:hover, .gray-light-txt.hover-reverse.selected,
.b-gray-light.hover-reverse.selected, .b-gray-light.hover-reverse:hover {
	background-color:rgb(244,244,244);}
.b-gray-light.hover-reverse .icon {color:rgb(244,244,244);}
/*GRAY-MIDDLE*/
.gray-middle,.gris{background-color:rgb(200,200,200); border-color:#b7b7b7;}
.gray-middle.hover:hover {background-color:#b7b7b7;}
.gray-middle.bumped {border-color:#b7b7b7;}
.gray-middle-txt{color:rgb(200,200,200);}
.b-gray-middle { border-color: rgb(200,200,200);}
.gray-middle-txt.hover-reverse:hover, .gray-middle-txt.hover-reverse.selected,
.b-gray-middle.hover-reverse.selected, .b-gray-middle.hover-reverse:hover {
	background-color:rgb(200,200,200);}
.b-gray-middle.hover-reverse .icon {color:rgb(200,200,200);}
/*not-that-dark*/
.not-that-dark {background-color:rgb(230,230,230);}
.not-that-dark.hover:hover {background-color:#f5f5f5;}
.not-that-dark.bumped {border-color:#f5f5f5;}
.not-that-dark-txt{color:rgb(230,230,230);}
.b-not-that-dark, input.b-not-that-dark, select.b-not-that-dark, textarea.b-not-that-dark {border-color: rgb(230,230,230);}
.not-that-dark-txt.hover-reverse:hover, .not-that-dark-txt.hover-reverse.selected,
.b-not-that-dark.hover-reverse.selected, .b-not-that-dark.hover-reverse:hover {
	background-color:rgb(230,230,230);}
.b-not-that-dark.hover-reverse .icon {color:rgb(230,230,230);}
/*GRAY-DARK*/
.gray-dark{	background-color:rgb(204,204,204);color:#FFF; border-color:#bbb;}
.gray-dark.hover:hover {background-color:#bbb;}
.gray-dark.bumped {border-color:#bbb;}
.gray-dark-txt{color:rgb(204,204,204);}
.gray-dark-txt.hover-reverse:hover, .gray-dark-txt.hover-reverse.selected,
.b-gray-dark.hover-reverse.selected, .b-gray-dark.hover-reverse:hover {
	background-color:rgb(204,204,204);}
.b-gray-dark.hover-reverse .icon {color:rgb(204,204,204);}
/*DARK*/
.black,.dark{background-color:rgb(51,51,51);}
.dark.hover:hover {background-color:#222;}
.dark.bumped {border-color:#222;}
.dark-txt{color:rgb(51,51,51);}
a.dark-txt.no-hover:hover {color:rgb(51,51,51);}
.dark-txt.hover-reverse:hover, .dark-txt.hover-reverse.selected,
.b-dark.hover-reverse.selected, .b-dark.hover-reverse:hover {
	background-color:rgb(51,51,51);}
.b-dark.hover-reverse .icon {color:rgb(51,51,51);}
.bg-transparent {
	background-color: rgba(255,255,255,0);
}
.bg-transparent.hover:hover {
	background-color: rgba(0,0,0,.05);
}
/*MAIN COLOR (default: yellow)*/
.bborder { border-bottom-width: 1px; border-bottom-style: solid;}
.tborder { border-top-width: 1px; border-top-style: solid;}
.lborder { border-left-width: 1px; border-left-style: solid;}
.rborder { border-right-width: 1px; border-right-style: solid;}
.larrow{
	position:absolute;
	top:20px;
	right:0;
	width:0;
	height:0;
	border-bottom:10px solid transparent;
	border-top:10px solid transparent;
	border-right:10px solid #ffc800
}
ul.pink-dots {
	margin: 0;
}
ul.pink-dots li {
	padding-left: 1em;
	text-indent: -.7em;
}
ul.pink-dots li:before {
	content: "• ";
	color: rgb(230, 46, 123);
}
@media all and (max-width: 840px) {
  .bg-illus {
    background-size: 55%;
  }
}