:root {
  --main-color: #fff;
  --accent-color: #fff;
  --black-title: #000;
  --main-color-text: #fff;
  --accent-color-text: #fff;
}

.pink
* {-moz-box-sizing:border-box; box-sizing:border-box; outline:none; tap-highlight-color:rgba(0,0,0,0);}

#uvTab {background-color:#456 !important; margin-right:0; transition:.3s;}

[class*="icon-"] {line-height:initial;}

.hidden {display:none;}
.invisibility {visibility:hidden;}
.invisible {visibility:hidden; height:0 !important; min-height:0 !important; padding:0 !important; margin:0 !important; overflow:hidden;}
.away {position:absolute; left:-999em;}
.centered {text-align:center;}
img {max-width:100%;}
a {text-decoration:none; color: var(--accent-color);}

html[data-useragent*='MSIE 10.0'] {}
html[data-useragent*='rv:11'] {}
html {
  scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.icon-p-pin {background:url(../img/ico-p-pin.png) center no-repeat; height:18px;}

i.tip {display:inline-block; color:#FB7D00; font-size:18px; vertical-align:middle;}

.btn  {
    background-color: #555;
    color: #FFF;
    text-transform: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 7px 13px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 50px;
}
.pure-form button.btn {font-size:14px; vertical-align:middle;}
.btn.large {font-size:14px; border-radius:6px; padding:6px 12px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#22200000', endColorstr='#1a000000', GradientType=0); background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.2));}
.btn.act {background-color:#FB7D00;}
.btn.cancel {background-color:#999;}
.btn.act.outline {border:1px solid #FECE00; background-color:#fff; color:#FB7D00;}
.btn.cancel.outline {border:1px solid #999; background-color:#fff; color:#666;}
.btn.outline {border:1px solid #999; background-color:#fff; color:#666;}
.btn.outline:hover {background-color:#fff; border:1px solid #fb7000;}
.btn.ok {background-color:#5A5;}
.btn.ok_noclick {background-color:#5A5;}
.btn.no_noclick {background-color:#bbb !important; cursor:default;}
.btn.no {background-color:#D44;}
.btn.dead {background-color:#333;}
.btn.loading {background-color:#CCC !important; background-image:url(../img/btn-loading.gif) !important; background-position:6px center !important; background-repeat:no-repeat !important; padding-left:28px !important; cursor:progress; top:0 !important; height:auto !important;}
.btn.loading i {display:none;}
.btn.fake {background:transparent; color:#AAA;}
.btn.current {box-shadow:3px 3px 8px rgba(0,0,0,.6) inset;}
.btn:hover {text-decoration:none !important;
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#22200000', endColorstr='#1a000000', GradientType=0);*/
background:#FB7D00;
/*background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));*/
}
.btn.fake:hover {background:transparent; filter:none;}
.btn:active {position:relative; top:1px; box-shadow:1px 1px 3px rgba(0,0,0,.7) inset;}
.btn.act:active {background-color:#E71;}
.btn.fake:active {top:0; filter:none; background:transparent; box-shadow:none;}
span.btn {cursor:default;}
span.btn:hover {top:0; box-shadow:none; filter:none; background-image:none;}
span.btn:active {top:0; box-shadow:none; filter:none; background-image:none;}
.btn i {font-size:14px; margin-right:4px; margin-left:-4px; display:inline-block; width:20px; text-align:center; position:relative; top:-2px; vertical-align:middle;}
.btn i {font-size:13px; width:16px; margin-right:2px; top:-1px;}
.btn.large i {font-size:14px;}
.btn.cancel i.icon-remove {display:none;}
.btn.ok_noclick:hover {filter:none; box-shadow:none; cursor: default !important}
.btn.ok_noclick:active {top:0; filter:none; box-shadow:none;}

.btn.tiny {background:transparent; border:0; width:24px; text-align:center; padding:0;}
.btn.tiny i {margin:0; top:auto; font-size:14px;}
.btn.tiny i:hover {transform:scale(1.2);}
.btn.tiny:active {box-shadow:none;}
.btn.delete {color:#D44;}
.btn.delete:hover {color:#C00;}

.btn.small {padding-top:3px; padding-bottom:3px; border-radius:20x; font-size:10px; vertical-align:initial; min-width:32px; text-align:center;}
.btn.small i {font-size:12px; top:-1px; width:12px;}

.btn.social {text-align:center;}
.btn.social i {margin:0;}
.btn.twitter {background-color:#00BBF5;}
.btn.linkedin {background-color:#0e76a8;}
.btn.facebook {background-color:#3B5998;}
.btn.google-plus {background-color:#d34836;}

.btn.play_meeting {
    margin-bottom: 5px;
    font-size: 14px;
}
.btn.join_meeting {
    margin-bottom: 5px;
}
.btn.play_meeting i {
    font-size: 14px; 
    margin: 0 5px 0 2px;;
}
.btn_simple {background:#fff;color:var(--main-color); text-transform:normal; font-family:'Roboto', sans-serif; font-size:14px; padding:5px 6px; border:0; display:inline-block; vertical-align:middle; line-height:normal; text-rendering:optimizelegibility; white-space:nowrap; cursor:pointer; font-weight:500;}
.btn_simple:hover {background:#fff;color:#444; }

.confirmation {background:#FFF; padding:4px; border-radius:4px; text-align:center; margin-top:10px; font-family:'Roboto', sans-serif; font-size:13px; color:#666;}
.confirmation p {font-size:13px;}
.confirmation .btn {min-width:48px; margin-left:4px;}

.pagination {text-align:center; padding:10px; clear:both; font-family:'Roboto', sans-serif; font-size:12px;}
.pagination ul {list-style:none; padding:0;}
.pagination li {display:inline;}
.pagination span {display:inline-block; width:24px; height:24px; line-height:24px; margin:0 1px; border-radius:30px;}
	.form .content .pagination li span {width:24px;}
.pagination a {display:inline-block; width:24px; height:24px; line-height:24px; margin:0 1px; background:#EEE; color:#444; border-radius:30px;}
.pagination a:hover {background:#DDD;}
.pagination .disabled span {background:transparent; color:#DDD;}
.pagination .active span {background:#FB7D00; color:#FFF;}

.errors {
    background: #D44;
    padding: 12px;
    border-radius: 4px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
}
.errorsBP {
    background: #D44;
    padding: 6px;
    border-radius: 4px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 16px;
    font-size: 13px;
    text-align: center;
}
.success {background:#5A5; padding:12px; border-radius:4px; color:#FFF; font-family:'Roboto', sans-serif; margin-bottom:16px; font-size:13px; text-align:center;}
.information {background:#456; padding:12px; border-radius:4px; color:#DDD; font-family:'Roboto', sans-serif; margin-bottom:16px; font-size:13px; text-align:center;}
.obsolete {background:#D44; padding:36px; border-radius:4px; color:#FFF; font-family:'Roboto', sans-serif; font-size:20px; text-align:center; position:absolute; z-index:999; margin:36px; left:48px; top:48px; right:48px; z-index:9999;}
.obsolete i {display:block; font-size:48px; margin-bottom:10px;}
.obsolete a {color:#FFF; font-weight:600;}
.obsolete a:hover {color:#FFF;}

.noresult  {
    color: #023;
    background: #fff;
    padding: 12px 16px;
    margin-bottom: 16px;
    position: relative;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
	text-align:center;
}
.noresult i {
    color: #999;
    font-size:24px;
}

[data-action=triggerLink] {cursor:pointer;}

#uploadedGroupLogo img {display:block;}

html {height:100%;}
body {font-family:'Roboto', sans-serif; font-weight:400; min-height:100%; position:relative; padding-bottom:70px; overflow-x:hidden; background:#F3F2EF !important;}
	.lt-ie9 body {overflow:auto;}
body.docked {padding-top:61px;}
body.locked {overflow:hidden;}
.lt-ie9 .wrapper {min-width:960px;}

.lt-ie9 article .pure-g-r > div {float:left;} /* fixes IE8 inability to correctly expand/contract body height when showing/hiding contents */

.content {max-width:1200px; padding:0 20px; margin:auto;}
header {background:#fff;  }
.containerTop  {
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 2px #ccc;
    position: fixed;
    z-index: 999;
    top: 0;
}


header .tools {padding-top:8px; padding-bottom:8px; position:relative;}
header .tools a.logo {margin-right:10px; display:inline-block; position:relative;}
/*header .tools a.logo:after {content:"beta"; text-transform:normal; background:#FB7D00; padding:0 4px; color:#FFF; position:absolute; top:0; left:100%; font-size:10px;}*/
header .tools a.logo img {
    min-height: 50px;
    padding-top: 4px;
}
header .tools > div {position:relative;}
header .tools .main-commands {position:absolute; right:20px; top:32px;}
header .tools .main-commands .btn {min-width:100px; text-align:center; text-shadow:1px 1px 0 #666;}
header .tools ul {list-style:none; padding-bottom:5px; margin:0;padding-left:0px;padding-top:3px; }
header .tools li {display:inline-block; vertical-align:middle; margin-left:3px; width: 65px;
text-align: center !important;}

#global-search,
#global-search.away {
	display:inline-block; position:relative; left:auto; white-space:nowrap;
	width:100%;
	}

header .tools .search {padding-top:13px;}
header .tools .search .chosen-container {font-family:'Roboto', sans-serif; text-align:left; vertical-align:top;}
header .tools .search .chosen-container-single .chosen-single {height:31px; line-height:31px;}
header .tools .search .chosen-container .chosen-results {padding:0; margin:0;}
header .tools .search input {font-family:'Roboto', sans-serif;
/* width:240px;*/
width:100%;
  font-size:13px; padding:10px 15px; vertical-align:top; background:#f4f4f4; border:1px solid #f4f4f4; box-shadow:none;}
header .tools .search button {width:32px; height:36px; border:0; margin-left:-36px; content:'\eb60'; transition:all .3s; vertical-align:top; background:#f4f4f4; font-size:18px;}
header .tools .search button:hover {opacity:.7; margin-left:-40px;}
header .tools .mytools {text-align:right; white-space:nowrap; float:right;}
header .tools a.notifications {width:32px; height:32px; position:relative; display:block; margin-right:12px; text-align:center;}
header .tools a.notifications span{position:relative; display:block; text-align:center; color:#fff; font-size:12px;}
	.lt-ie9 header .tools a.notifications {background:url(../img/ie8-ico-notifications.png) top center no-repeat;}
header .tools a.notifications:hover {background-color:#FFF !important;}
	.lt-ie9 header .tools a.notifications:hover {background-color:transparent !important; background-position:bottom center;}

header .tools a.notifications_custom:hover {background-color:#F2661F !important;}
header .tools a.notifications_custom {width:32px; height:32px; border-radius:50%; position:relative; display:block; background-color:#F2881F; margin-right:12px; text-align:center;}
header .tools a.notifications_custom i {
    font-size: 20px;
    padding-top: 5px;
    color: #FFF;
}

header .tools a.notifications.task,
header .tools a.notifications.message,
header .tools a.notifications.search {background-image:none;}
	.lt-ie9 header .tools a.notifications.task {background-image:url(../img/ie8-ico-notifications-task.png);}
	.lt-ie9 header .tools a.notifications.message {background-image:url(../img/ie8-ico-notifications-message.png);}
	
header .tools a.notifications.search {display:none;}
header .tools a.notifications i {color:#666; font-size:22px; display:inline-block;}
header .tools a.notifications.orange i {color:var(--main-color); font-size:22px; display:inline-block;}
header .tools a.notifications.green i {color:#0C244A; font-size:22px; display:inline-block;}
header .tools a.notifications.message i {font-size:20px; margin-top:0px;}
header .tools a.notifications[data-notifications]:before {content:attr(data-notifications); color:#FFF; display:block; min-width:14px; padding:0 2px; border-radius:10px; background:#FB7D00; position:absolute; top:-5px; right:-8px; text-align:center; font-size:11px; font-weight:600; font-family:'Roboto', sans-serif;}
header .tools a.notifications[data-link]:after{
    content: attr(data-link);
    color: #666;
    display: block;
    text-align: center;
    font-size: 12px;
    text-transform: normal;
    font-family: 'Roboto', sans-serif;
    width: 75px;
    margin-left: -20px;
	padding-top:3px;
}
header .tools a:after{
	border-bottom: none;
	padding-bottom:0;
}
header .tools a.active:after{
	border-bottom: 4px solid var(--accent-color);
	padding-bottom:11px;
}
header .tools a.task.active:after, header .tools a.message.active:after, header .tools a.connection.active:after{
	border-bottom: none;
	padding-bottom:11px;
}

header .tools a.notifications.orange[data-link]::after {
font-weight:400;
}

header .tools a.connection[data-link]:after {content:attr(data-link); color:#666; display:block; text-align:center; font-size:12px; text-transform:normal; font-family:'Roboto', sans-serif; width: 70px; margin-left: -20px;}
header .tools a.notifications[data-notifications='0']:before {display:none;}
header .tools a.profile {width:48px; height:48px; overflow:visible; display:block; transition:all .3s; margin-right:10px;}
header .tools a.profile:hover {border-color:#FB7D00;}
header .tools a.profile img {max-width:100%; width:auto; height:auto; border-radius:50px;}
header .tools .panel {position:absolute; top:100%; right:15px; padding:16px; background:#fff; display:none; z-index:9999; text-align:left; width:200px; max-height:550px; overflow-y: auto; box-shadow:0 5px 20px 0 rgba(0,0,0,.4); border-radius:8px;}
	.lt-ie9 header .tools .panel {width:360px;}
header .tools .panel > h1,
header .tools .panel .groups > h1 {text-transform:normal; color:#777; font-size:12px; font-weight:300; margin:0; margin-bottom:8px;}

header .tip {background:#F2F2F2; text-align:center; padding:12px 0; font-size:21px; color:#333;}
.main {background:#F3F2EF; margin-bottom: 60px;padding-top:86px;}
.registerPage {
    background: var(--main-color)!important;
    margin-bottom: -60px;
    padding: 80px 0;
    height: 100%;
    margin-top: -60px;
}
.learning-top-banner{
    margin-top: -80px;
    padding: 90px 0 40px;
	    background-position: center;
	    background-size: cover;
    display: block;
	color:#fff; 
}
.learning-top-banner.premium{
    margin-top: -80px;
    padding: 150px 0;
	background-image: url(../img/top-learning-premium.jpg);
	    background-position: center;
	    background-size: cover;
    display: block;
	color:#fff; 
}
.learning-top-banner.premiumInt{
    padding: 80px 0;
		background-image: url(../img/top-learning-premium.jpg);
	    background-position: center;
	    background-size: cover;
}
.learning-top-banner.gh{
	background-image: url(../img/top-gh.jpg);
	background-position: 70%;
	    background-repeat: no-repeat;
		background-size: contain;
		background-color: #5922E9;
}
.learning-top-banner.hbr{
	background-image: url(../img/hbr_img/top-hbr.jpg);
	background-position: top right;
	    background-repeat: no-repeat;
		background-size: contain;
		background-color: #BDD962;
}
.learning-top-banner.sk{
	background-image: url(../img/top-sk.png);
	background-position: bottom right;
	    background-repeat: no-repeat;
		background-size: contain;
		background-color: #06164D;
}
div.skIframe  {
    background: #fff;
    padding: 24px;
    margin: 30px 0 40px 0;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
}
.learning-top-banner.hbr.int {
	padding: 110px 0 0px;
}
.learning-top-banner.hbr p{
	color: #000;
	width:70%;
}
.learning-top-banner.lms, .learning-top-banner.lms-courses{
	background-color: var(--main-color);

}
.learning-top-banner.lms h1,.learning-top-banner.lms-courses{
	color: var(--main-color-text);
}
.learning-top-banner.lms p,.learning-top-banner.lms-courses p{
	color: var(--main-color-text);
        
	width:70%;
}

.learning-top-banner.livelearning{
	/*background-image: url(../img/top-livelearning.jpg);*/
	background-position: right 64px;
	    background-repeat: no-repeat;
		background-size: contain;
		background-color: var(--main-color);
}
.learning-top-banner.livelearning.int {
	margin-top:-60px;
}
.learning-top-banner.lms.int {
	margin-top:-60px;
}
.learning-top-banner.livelearning h1{
	color: var(--main-color-text);
}
.learning-top-banner.livelearning p{
	color: var(--main-color-text);
	width:70%;
}

.learning-top-banner h1{font-size:28px; font-weight:300;color:var(--main-color-text);}
.learning-top-banner.int{
    padding: 70px 0 0px;
	margin-top:-80px;
	background-color:var(--main-color);
}

.learning h1{font-size:24px; font-weight:300;}
.learning h2{font-size:18px; font-weight:400; margin:10px 0;}
.learning h2 a{color:#000;}
.learning h3{font-size:15px; font-weight:500; color:#000; float:left; margin-top:10px; min-height:55px; margin-bottom:0px;}
.learning h4{margin:5px 0;}
.learning div.date {font-size: 12px; color: #444; float: left;position:relative; margin-top:5px;width: 100%; text-transform: uppercase;}
.learning div.author {font-size: 14px;color: #444;font-weight: 400;float: left;clear: both;width: 100%; }
.learning p {font-size: 0.85em;line-height: 18px; float: left;position:relative; margin:10px 0; color:#444; width: 100%; word-break: break-word;}
.learning-top-banner a{
    color:#FB7D00;
}
.learning .video {margin-bottom:10px; float:left;}
.learning-item {padding-right:14px; }
div.learning-item a {
    position: relative;
    float: left;
		line-height:1.4em;
}
.min-height-calendar {min-height:300px;}
.video.learning-item.min-height-calendar h3 {
    font-size: 14px;
    line-height: 16px;
}
div.learning-item a.video.sk-item {
    background: #fafafa;
    padding: 10px;
	border:1px solid #E0DFDC;
	border-radius:10px;
	box-shadow:0px 0px 5px #ccc;
	min-height:315px;
}
div.learning-item a.video.sk-item div.date{
color: #0101D3;
}
 a.video.sk-item h3 {
min-height:auto;
}
div.learning-item a.video.sk-item:hover {
    background: #fff;
	border:1px solid #0101D3;
}
div.learning-item a.video:hover {
    background: #fff;
    padding: 10px;
	border:1px solid #E0DFDC;
	border-radius:10px;
	box-shadow:0px 0px 5px #ccc;
}
.slick-slide a.sk-item {
    background: #fafafa;
    padding: 10px 0px 10px 10px;
    border: 1px solid #E0DFDC;
    box-shadow: 0px 0px 5px #ccc;
    /* width: 100%; */
    display: block;
    margin-right: 10px;
	 margin-bottom: 10px;
	 	min-height:305px;
		border-radius:10px;
}
.slick-slide a.sk-item:hover {
    background: #fff;
    padding: 10px 0px 10px 10px;
    border: 1px solid #0101D3;
    box-shadow: 0px 0px 5px #ccc;
    /* width: 100%; */
    display: block;
    margin-right: 10px;
	border-radius:10px;
}
.slick-slide a.ls-card-item {
    background: #fafafa;
    padding: 10px 0px 10px 10px;
    border: 1px solid #E0DFDC;
    box-shadow: 0px 0px 5px #ccc;
    /* width: 100%; */
    display: block;
    margin-right: 10px;
	 margin-bottom: 10px;
	 	min-height:305px;
}
.slick-slide a.ls-card-item:hover {
    background: #fff;
    padding: 10px 0px 10px 10px;
    border: 5px solid var(--accent-color);
    box-shadow: 0px 0px 5px #ccc;
    /* width: 100%; */
    display: block;
    margin-right: 10px;

}
.slick-slide a.sk-item div.date {
    color: #0101D3;
	font-size:13px;
}
.slick-slide a:hover {
    background: #fff;
    padding: 10px 0px 10px 10px;
    border: 3px solid #FECE00;
    box-shadow: 0px 0px 5px #ccc;
    /* width: 100%; */
    display: block;
    margin-right: 10px;
}
.learning .bp-item, .learning .ls-item{
    padding: 10px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #E0DFDC;
    border-radius: 10px;
    margin-right: 5px;
    width: 100% !important;
	margin-bottom:20px;
}
.learning .ls-item.skilla{
    width: 100% !important;
}
.bhrt-projects .bhrt-project-content {
    padding: 10px;
    margin: 0 5px 20px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    min-height: 448px;
	background: rgba(255, 255, 255, 1);
	width: 49%;
}

.bhrt-projects div.pure-u-1-4.bhrt-project-content {
    min-height: 550px;
	width:24% !important;
}
.bhrt-projects div.pure-u-1-3.bhrt-project-content {
    min-height: 550px;
	width:32% !important;
}
.learning .bp-item div.bp-content{
    min-height:200px;
}
.learning .bp-item div.ls-content{
    min-height:200px;
}

.learning .bp-item span#small_intro_area_id1 {color:#aaa; padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id1.png) 0px -2px no-repeat; float:left; display: block;}
.learning .bp-item span#small_intro_area_id2 {color:#aaa; padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id2.png) 0px -2px no-repeat; float:left; display: block;}
.learning .bp-item span#small_intro_area_id3 {color:#aaa;  padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id3.png) 0px -2px no-repeat; float:left; display: block;}
.learning .bp-item span#small_intro_area_id5 {color:#aaa; padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id5.png) 0px -2px no-repeat; float:left; display: block;}
.learning .bp-item span#small_intro_area_id6 {color:#aaa; padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id6.png) 0px -2px no-repeat; float:left; display: block;}
.learning .bp-item span#small_intro_area_id9 {color:#aaa; padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id9.png) 0px -2px no-repeat; float:left; display: block;}
.learning .bp-item span#small_intro_area_id10 {color:#aaa; padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id10.png) 0px -2px no-repeat; float:left; display: block;}
.learning .bp-item span#small_intro_area_id11 {color:#aaa;  padding-top:11px; padding-bottom:25px; padding-left:40px; background:url(../img/ico_id11.png) 0px -2px no-repeat; float:left; display: block;}

.learning .bp-item h2  {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    float: left;
    margin-top: 0;
    min-height: 28px;
    margin-bottom: 12px;
    width: 91%;
    border-bottom: none;
}
.learning .ls-content p  {
    font-size: 13px !important;
}
.learning .ls-item span  {
    background: var(--main-color);
    padding: 2px 5px;
    color: var(--main-color-text);
    font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
}
.mr-20  {
    margin-right: 20px;
}
.learning .ls-item div.ls-pdf {
    width: 100%;
    border: 1px solid #ccc;
    margin: 10px 0;
    display: block;
    float: left;
    padding: 30px 15px;
	text-align:center;
}
.learning .ls-item div.ls-pdf i  {
    color: #000 !important;
	font-size: 32px !important;
}
.learning .ls-item div.ls-pdf a:hover i  {
    color: var(--main-color) !important;

}
.learning .ls-item div.ls-pdf span  {
    color: #000 !important;
    font-weight: 500;
	font-size: 12px !important;
	 background: none !important;
    padding: 20px 0 0 0 !important;
}
.learning .ls-item h2  {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin: 5px 0 5px 0;
    border-bottom: none;
}
.learning .ls-item.skilla h2  {
    min-height: 16px;
}
.learning .ls-item.skilla p  {
    font-size: 13px;
	margin:5px 0 15px 0;
}

div.bhrt-project-content .bhrt-prj-figure figure  {
	display:flex;
	float:left;
	margin:0 10px 10px 0 !important;
}
div.bhrt-project-content-large .bhrt-prj-figure figure  {
	display:flex;
	float:left;
	margin:0 10px 10px 0 !important;
}
div.bhrt-project-content .bhrt-prj-figure figure img {
    max-width: 70px !important;
    max-height: 70px !important;
    border-radius: 50px;
    border: 5px solid #335182;	
}
div.bhrt-project-content-large .bhrt-prj-figure figure img {
    max-width: 70px !important;
    max-height: 70px !important;
    border-radius: 50px;
    border: 5px solid #335182;	
}
div.bhrt-topTen-figure   {
    display: inline-block;
    width:100%;
	text-align:center;
}
div.bhrt-topTen-figure figure img {
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 50px;
    border: 3px solid #DEA822;
}
div.bhrt-topTen-scorm   {
    display: inline-block;
    width:47%;
	text-align:right;
	vertical-align:top;
}
div.bhrt-topTen-scorm h3  {
    font-size: 15px !important;
    font-weight: 600 !important;
	word-break: break-word;
	color:#000 !important;
}
div.bhrt-topTen-figure h3 {
    font-size: 0.95em;
    font-weight: 500;
    word-break: break-word;
    min-height: 47px;
   margin: 0.4em 0;
    display: inline-block;
    padding: 5px 50px 5px 5px;
    float: left;
    width: 90%;
    text-align: left;
    background: #F2DDA5;
	color:#000;
}
div.bhrt-topTen-figure figure {
    width: 60px;
    position: absolute;
    right: 0;
}
div.topTen{

    position: relative;
    display: block;
    clear: both;
    padding: 10px 20px;
}
ol.topTen-list {
  margin: 0 0 1em 0;
  padding: 0;
  counter-reset: li;
  list-style: none;
}
ol.topTen-list li {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 50px;
  min-height: 35px;
  margin: 10px 0px;
  border-bottom:1px dotted #ccc;
  padding-bottom: 5px;
}
ol.topTen-list li:before {
    position: absolute;
    top: 14px;
    left: 0px;
    background-color: #335182;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    content: counter(li);
    counter-increment: li;
		border: 4px solid #fff;
}
ol.topTen-list li.first:before {
    background-color: #042c50 !important;
	border: 4px solid #E0AA24;
}

ul.topTen-list {
  margin: 0 0 1em 0;
  padding: 0;
  counter-reset: li;
  list-style: none;
}
ul.topTen-list li {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 50px;
  min-height: 35px;
  margin: 10px 0px;
  border-bottom:1px dotted #ccc;
  padding-bottom: 5px;
}

ul.topTen-list li:before {
    position: absolute;
    top: 14px;
    left: 0px;
    line-height: 36px;
    text-align: left;
    font-size: 48px;
    color: #E0A722;
    content: '\e83f';
	font-family:unicons;
}
ul.topTen-list li.down:before {
    color: #D90000;
    content: '\e83d';
}
ul.topTen-list li.up:before {
    color: #00A629;
    content: '\e840';
}

.learning .bp-item h3  {
    font-size: 13px;
    font-weight: 500;
	word-break: break-word;

}
.learning .bp-item .doc-thumbnail {
    background: #f1f1f1;
    min-height: 99px;
    vertical-align: middle;
    border: 1px solid #eaeaea;
    margin-bottom: 3px;
}
.learning div.bp-preferred{
    position: relative;
    margin-left: 20px;
}
.learning div.bp-preferred a{
    color:#fb7000;
}

.learning-splash  {
    margin:60px 0;
}
.learning-splash div.learning-item {
    position: relative;
    float: left;
	background: #fff;
    padding: 30px;
	border:1px solid #E0DFDC;
	border-radius:10px;
	box-shadow:0px 0px 5px #ccc;
	display:block;
	width:95%;
	min-height:385px;
}
.learning-splash div.learning-item h1 {
    font-size: 1.5em;
    margin: 0;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.learning-splash div.learning-item h1 i{
    font-size: 2em;
}
.learning-splash div.learning-item h2 {
    font-size: 1.2em;
    margin: .67em 0;
    font-weight: 600;
color:#666;
}
.learning-splash div.learning-item p {
    font-size: 1.2em;
    line-height:26px;
font-size:102%;
color:#333;
min-height:90px;
}
.learning-splash div.learning-item a {
color:#FB7D00;
}

div.calendar-item a {
    position: relative;
    float: left;
}


.calendar-item {padding-right:20px; min-height:490px; }
div.calendar-item  h1{font-size: 14px;color: #444;font-weight: 500;float: left;clear: both;width: 100%;text-align:left;min-height:67px;}
.calendar-item div.info {margin-bottom:10px; float:left;position:relative;width:100%; background:#444;padding: 10px;}
.calendar-item div.date {color:#fff; font-size:22px; font-weight:400;margin:0;}
.calendar-item div.date div.dateSx {width:50%; float:left;}
.calendar-item div.date div.dateDx {width:50%; float:right; text-align:right; font-style:italic;}

div.livelearningLast4, div.lmsLast4, div.ghLast4, div.hbrLast4  {border-top: 1px solid #ccc; margin:25px 0;}
div.livelearningLast4 div.calendar-item {padding-right:20px; min-height:auto;}
div.lmsLast4 p, div.lms-coursesLast4 p {
    font-size: 14px !important;
    line-height: 19px !important;
    float: left;
    position: relative;
    margin: 10px 0;
    color: #444 !important;
    width: 100%;
    word-break: break-word;
	text-align:left !important;
}
div.hbrLast4 h3, div.skLast4 h3, div.lmsLast4 h3,div.lms-coursesLast4 h3 {
    font-size: 16px !important;
    line-height: 19px !important;
    float: left;
    position: relative;
    margin: 10px 0;
    color: #444 !important;
    width: 100%;
    word-break: break-word;
	text-align:left !important;
}
div.lmsLast4 div.date, div.ghLast4 div.date, div.hbrLast4 div.date, div.skLast4 div.date {
    font-size: 12px !important;
    color: #444 !important;
    float: left;
    position: relative;
    margin-top: 5px !important;
    width: 100%;
	text-align:left !important;
}
div.hbrLast4 div.author {
    font-size: 14px !important;
    color: #444 !important;
    float: left;
    position: relative;
    margin-top: 5px !important;
    width: 100%;
	text-align:left !important;
}

div.tooltipFlix a  {
    word-wrap: break-word;
    white-space: normal;
    text-align: center;
    color: #fff;
    background: var(--accent-color);
    padding: 6px 8px;
    border-radius: 50px;
    font-size: 18px;
}
div.tooltipFlix a:hover  {
    background: var(--main-color);
}
div.tooltipFlix a.participant  {
	border:1px solid #444;
	background: #fff;
	color: #666;
}
div.tooltipFlix a.participant.joined  {
	border:3px solid #FECE00;
	background: #fff;
	color: #666;
	padding:4px 6px;
}
div.tooltipFlix a.participant:hover  {
   border:2x solid #444;
}
div.tooltipFlix a.participant.joined:hover  {
   border:3x solid #444;
}
.newlaybuttons1 {text-align: left;
}
.panel .item {background:#f4f4f4; padding:8px; min-height:80px; position:relative; margin-bottom:4px;}
	.lt-ie9 .panel .item {min-height:66px;}
.panel .item img {width:21%; float:left; margin-right:2%; border-radius:50px;}
.panel .item h1 {font-family:'Roboto', sans-serif; font-size:12px; margin:0; margin-bottom:5px; color:#333; text-transform:none; line-height:1.2em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#tasks.panel .item a,
#messages.panel .item a {display:block; position:absolute; top:8px; left:8px; right:8px; bottom:8px; margin-right:20px;}
#tasks.panel .item:hover,
#messages.panel .item:hover {background:#EEE;}

.panel .item h2 {font-family:'Roboto', sans-serif; font-size:11px; font-weight:400; margin:0; line-height:1em; margin-bottom:4px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.panel .item h3 {font-size:11px; margin:0; text-transform:normal; line-height:1em; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px;}
.panel .item p {font-family:'Roboto', sans-serif; font-size:11px; margin:0; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.panel .item div {font-family:'Roboto', sans-serif; font-size:11px; margin:0; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.panel .item div.referrer {color:#456;}
.panel .item div.qa {font-size:12px; padding:4px 0; font-weight:500;}
.panel .item div.group {font-size:12px; margin-bottom:4px; padding:4px 0;}
.panel .item div.detail {color:#456;}
.panel .item div.detail.task {text-transform:normal; font-weight:bold; font-family:'Roboto', sans-serif;}
.panel .item div.detail i {position:relative; top:-2px; vertical-align:middle; margin-right:2px;}

.panel .item div.referrer:before {font-family:hrg-icons; display:inline-block; vertical-align:middle; position:relative; top:-1px; font-size:16px; margin-left:1px;}
.panel .item.todo div.referrer:before {content:"\f058"; color:#FB7D00;}
.panel .item.confirmed div.referrer:before {content:"\f058"; color:#5A5;}
.panel .item.notice div.referrer:before {content:"\e91d"; color:#FB7D00; font-family:'unicons';}
.panel .item.like div.referrer:before {content:"\ebe7"; color:#FB7D00; font-family:'unicons';}
.panel .item.like i {position: absolute; top: 6px; right: 6px; color: #bbb; font-size: 18px;}
.panel .item.canceled div.referrer:before {content:"\e60b"; color:#D44;}
.panel .item.dead div.referrer:before {content:"\e60b"; color:#222;}
.panel .item.call div.referrer:before {content:"\f095"; color:#34A853;}

#tasks.panel .item {min-height:72px;}
	.lt-ie9 #tasks.panel .item {min-height:56px;}
#tasks.panel .groups .item {min-height:48px;}
	.lt-ie9 #tasks.panel .groups .item {min-height:32px;}

.panel .item time {font-family:'Roboto', sans-serif; font-size:11px; margin:0; color:#999; position:absolute; top:0; right:0;}
.panel .item .commands {width:77%;}

.panel > .commands,
.panel .groups > .commands {text-align:center; padding:10px;}
.panel .loading {height:64px; background:url(../img/loading-FFF.gif) center no-repeat;}

.panel .item .commands .success,
.panel .item .commands .error {margin:0; padding:1px 2px; color:#FFF;}
.panel .item .commands .btn {line-height:normal; height:auto; padding-top:1px; padding-bottom:1px; border-radius:2px; font-size:10px; vertical-align:initial; min-width:32px; text-align:center;}
.panel .item .commands .btn i {display:none;}

.panel .noresult {padding:4px; font-size:11px; font-weight:normal; margin-top:16px; margin-bottom:0; background:#eee; color:#666;}
#tasks {min-width:260px; right:512px;}
#notifications {min-width:300px; right:380px;}
#messages {min-width:360px; right:264px;}

#profile {min-width:320px;}
	.lt-ie9 #profile {min-width:328px;}
#profile img {width:80px; height:80px; float:left; margin-right:16px; border:6px solid #FFF; border-radius:50px;}
#profile .user-data {overflow:hidden;}
#profile h1 {font-size:16px; font-weight:400; margin:0; margin-bottom:4px; color:#444; text-transform:none; line-height:1em; white-space:normal;}
#profile h2 {font-size:13px; font-weight:300; margin:0; line-height:1.2em; margin-bottom:18px; color:#999; overflow:hidden; text-overflow:ellipsis;}
#profile h3 {font-size:13px; font-weight:400; margin:0; line-height:1em; color:#999;}
#profile .commands {clear:both;  }
#profile .commands .btn {display:block; margin-bottom:4px; text-align:left; color:#333; background:#eaeaea;}
#profile .commands .btn:hover {color:#fff; background:var(--main-color);}

#contacts {min-width:200px; right:340px;}
	.lt-ie9 #profile {min-width:328px;}
#contacts .user-data {overflow:hidden;}
#contacts .commands {clear:both; padding:8px; padding-top:16px;}
#contacts .commands .btn {display:block; margin-bottom:4px; text-align:left; color:#333; background:#eaeaea;}
#contacts .commands .btn:hover {color:#fff; background:#FB7D00;}

#bhrt {min-width:200px; right:-20px;}
	.lt-ie9 #profile {min-width:328px;}
#bhrt .user-data {overflow:hidden;}
#bhrt .commands {clear:both; padding:8px; padding-top:16px;}
#bhrt .commands .btn {display:block; margin-bottom:4px; text-align:left; color:#333; background:#eaeaea;}
#bhrt .commands .btn:hover {color:#fff; background:#FB7D00;}

#activity {min-width:200px; right:-30px;}
	.lt-ie9 #profile {min-width:328px;}
#activity .user-data {overflow:hidden;}
#activity .commands {clear:both; padding:8px; padding-top:16px;}
#activity .commands .btn {display:block; margin-bottom:4px; text-align:left; color:#333; background:#eaeaea;}
#activity .commands .btn:hover {color:#fff; background:#FB7D00;}

header nav {background:#e5e5e5; padding:5px 0; }
header nav.practice {background:#444;}
header nav .menu-controller {display:none;}
.menu-close {display:none; font-size:11px !important; background:#666; color:#fff !important; padding:16px !important;}
.secondary .menu-close {text-align:right; display:none;}
.menu-close i {display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:4px; color:#fff !important;}
.secondary .menu-close i {margin-left:4px; margin-right:0;}
.menu-close:hover {background:#999 !important;}
#main-menu { padding-bottom:10px; padding-top:10px; }
header nav a.menu-controller:hover {background:#CCC;}
header nav > .content {position:relative; display:block !important;}
header nav ul {margin:0; padding:6px 0; text-align:right;}

header nav li {display:inline-block; position:relative;}
header nav li li {display:block;}
header nav li + li:before {content:""; width:1px; height:13px; position:absolute; top:12px;}
header nav a {font-family:'Roboto', sans-serif; color:#fff; display:block; padding-right:30px; font-size:14px; transition:all .2s; text-transform:normal;color:#444;}
header nav.practice a {font-family:'Roboto', sans-serif; color:#fff; display:block; padding-right:12px; font-size:13px; transition:all .2s; text-transform:normal;}
header nav a[data-action=void] {cursor:default;}
header nav a:hover {color:#FB7D00;}
header nav a.current {color:#FB7D00;}
header nav a.active {color:#FB7D00;text-decoration: underline;}
header nav li.disabled {cursor:not-allowed;}
header nav li.disabled a {color:#CCC; cursor:not-allowed;}
header nav li.disabled a:hover {background:#BBB;}
header nav li.disabled:hover a {background:#BBB;}

header nav ul li:hover > a {color:#FB7D00;}
header nav ul ul {position:absolute; top:100%; left:4px; background:rgba(0,0,0,0.5); display:none; padding:12px; z-index:999;}
header nav ul li:hover ul {display:block;}
header nav li li + li {margin-top:8px;}
header nav li li + li:before {display:none;}
header nav ul li li a {color:#333; background-color:#C7C7C7; padding:4px 10px; margin:0; border-radius:4px; white-space:nowrap; font-size:13px; font-weight:400;}

header nav ul li li a:hover {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#22200000', endColorstr='#1a000000', GradientType=0);
background-color:#FB7D00;
background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}
header nav ul li li a:active {position:relative; top:1px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#22200000', GradientType=0);
background-image:linear-gradient(transparent,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05)); box-shadow:1px 1px 3px rgba(0,0,0,.7) inset;
}

header nav a.add-task  {
    position: absolute;
    right: 25px;
    text-transform: normal;
    bottom: 14px;
    padding: 10px 20px 5px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #fff;
}
header nav a.add-task i {color:#FB7D00; display:inline-block; margin-right:4px; font-size:22px; vertical-align:middle; margin-top:-2px;}


section.learning {padding:10px 0 40px 0;}

section.top {padding:110px 0; background:url("../img/bckgnd-top.jpg") top center no-repeat; position:relative; z-index:90;margin-top:-39px;}
section.top.Learning {padding: 0;z-index: 90;margin-top: -15px;background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    transition: background-image 300ms ease-in 200ms;}
section.top.Learning.guest {padding: 0;z-index: 90;margin-top: -15px;background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    transition: background-image 300ms ease-in 200ms;}
section.top.Learning.member  {padding: 0;z-index: 90;margin-top: -15px;background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    transition: background-image 300ms ease-in 200ms;}
	
	div.pure-u-1-2.bannerHomeSx {}
	div.pure-u-1-2.bannerHomeDx {background-color:var(--main-color);}

section.top.Learning.not_member_intrial {padding: 0; background:url("../img/top-learning_not_member_intrial.jpg") right 0 no-repeat #FFC905; position:relative; z-index:90;margin-top:-39px; background-size: cover;}
section.top.Learning.not_member {padding: 0; background:url("../img/top-learning_not_member.jpg") right 0 no-repeat #FFC905; position:relative; z-index:90;margin-top:-39px; background-size: cover;}
section.top.Learning.not_hr_member {padding: 0; background:url("../img/top-learning_not_hr_member.jpg") right 0 no-repeat #FFC905; position:relative; z-index:90;margin-top:-39px; background-size: cover;}
section.top.Learning.not_hr_not_member_intrial {padding: 0; background:url("../img/top-learning_not_hr_not_member_intrial.jpg") right 0 no-repeat #FFC905; position:relative; z-index:90;margin-top:-39px; background-size: cover;}
section.top.Learning.not_hr_not_member {padding: 0; background:url("../img/top-learning_not_hr_not_member.jpg") center 0 no-repeat #FFC905; position:relative; z-index:90;margin-top:-39px; background-size: cover;}

section.top.hbr {padding:100px 0; background:url("../img/hbr_img/top-hbr-rivista.jpg") right center no-repeat #A6B9D9; position:relative; z-index:90;margin-top:-39px;}
section.top.hbr.innovation {padding:80px 0 0 0; background:url("../img/hbr_img/top-hbr-innovation.jpg") bottom center no-repeat #E4E4E4; position:relative; z-index:90;margin-top:-39px;}
section.top.innovation img {padding: 10px 0 30px 0;}
section.top.innovation .patch {width:55%;}
section.top.hbr.innovation .patch h1 {color: #000;font-size: 42px;font-weight: bold; line-height:46px; margin:0; text-shadow: 1px 1px 6px #f7f7f7;}
section.top.hbr.innovation .patch h3 {color: #000;font-size: 24px;font-weight: 400; text-align:left; background: transparent; margin:0 0 20px 0;}
div.hbr-pills {padding:15px 25px; border:1px solid #ccc; border-radius:10px; width:48%; margin-bottom:10px;}
div.hbr-pills p {color: #000;font-size: 15px !important; padding-right:0 !important; line-height:22px !important;}
div.hbr-pills ul li {color: #000;font-size: 15px !important; line-height:22px !important;}
section.top.hbr .patch h1 {color: #000;font-size: 48px;font-weight: bold; line-height:46px; margin:0; text-shadow: 1px 1px 6px #f7f7f7;}
section.top.hbr .patch h2 {color: #000;font-size: 32px;font-weight: 600; line-height:46px; margin:20px 0 0 0;}
section.top.hbr .patch h3 {color: #fff;font-size: 25px;font-weight: 400; text-align:left; background: transparent; margin:0;}
section.top.hbr .patch p {color: #fff;font-size: 16px;font-weight: 400; text-align:left; background: transparent; margin: 10px 0 40px 0; }
section.top .shelf {position:absolute; bottom:0; width:100%; background:url("http://www.myhrgoal.com/css/../img/shelf-bg.png") center no-repeat; height:139px;}
section.top .patch {position:relative; padding:0px 0px 40px 0px; width:40%;}
section.top .patch h2 {color: #fff;font-size: 22px;font-weight: 400;}
section.top .patch h1 {color: #fff;font-size: 34px;font-weight: 400;}

section.top.Learning .patchSx  {
    position: relative;
    padding: 12% 50px 15% 180px;
    width: 100%;
	height:370px;
}
section.top.Learning .patchDx  {
    position: relative;
    padding: 12% 180px 15% 70px;
    width: 100%;
	height:370px;
}
section.top.Learning .patchSx h1 {color: #FFF;font-size: 32px;font-weight: 500; margin:0;}
section.top.Learning .patchDx h2 {color: var(--main-color-text);font-size: 20px;font-weight: 400; margin:0;}


section.top .patch h1 strong {font-weight:600;}
section.top .patch img {position:absolute; top:140px;padding-left:10px;}
section.top .patch ul {list-style:square; margin:0; margin-left:20px; padding:0;}
section.intro .patch li {font-family:'Roboto', sans-serif; line-height:1.5em; font-size:15px;}
section.undertop {padding:0px 0 10px 0; background:#444; position:relative; z-index:90;margin-top:0px;}
section.undertop a {color:#f93; text-align:center;}
section.undertop a:hover {color:#fff;}
section.undertop h2 {font-size: 22px;font-weight: 400;}
section.introArea { padding:40px 0; scroll-behavior: smooth;}
section.introArea a {color:#f93; text-align:center;}
section.introArea a:hover {color:#fff;}
section.introArea h2 {line-height: 32px;font-weight: 300;font-size: 30px; margin:0; border-bottom: 7px solid var(--main-color) !important; padding-bottom:10px; padding-right:30px;}
section.introArea h3 {font-weight: 500;}
section.introArea h4 {font-weight: 500; font-size:1em; }
section.introArea p {line-height: 26px;font-weight: 300;font-size: 16px; padding-right:30px;}

section.hbrRivista { padding:40px 0; scroll-behavior: smooth; background:#fff;}
section.hbrRivista.hbrAbbonamento { padding:40px 0; scroll-behavior: smooth; background:url("../img/hbr_img/hbr-abbonamento-rivista.jpg") center top no-repeat #A8D594 !important;}
section.hbrRivista.hbrAbbonamento div.hbr-sales-code  {
    width: 40%;
    padding: 10px;
    background: #fff;
    font-weight: 500;
    font-size: 22px;
    margin: 0px auto 30px auto;
}
section.hbrRivista.hbrAbbonamento h1 {line-height: 32px;font-weight: 600;font-size: 32px; margin:0; padding-bottom:10px; text-align:center; text-transform:uppercase;}
section.hbrRivista.hbrAbbonamento h3 {line-height: 30px;font-weight: 500;font-size: 24px; margin:0 auto; padding-bottom:20px; text-align:center; width:80%; color:#fff; position:relative;}
section.hbrRivista.hbrAbbonamento p {line-height: 26px;font-weight: 400;font-size: 20px; padding:0px 0 30px 0; margin:0;}


section.hbrRivista a {color:#f93; text-align:center;}
section.hbrRivista a:hover {color:#fff;}
section.hbrRivista div.hbrTitle {margin-bottom:50px; text-align:center; position:relative;}
section.hbrRivista h1 {line-height: 32px;font-weight: 500;font-size: 32px; margin:0; padding-bottom:10px; text-align:center; text-transform:uppercase;}
section.hbrRivista h2 {font-weight: 500;font-size: 20px; margin:0 auto; padding-bottom:10px; }
section.hbrRivista h3 {line-height: 30px;font-weight: 400;font-size: 20px; margin:0 auto; padding-bottom:20px; text-align:center; width:80%; color:#666; position:relative;}
section.hbrRivista h4 {font-weight: 500; font-size:1em; }
section.hbrRivista p {line-height: 26px;font-weight: 300;font-size: 16px; padding:0px 0 30px 0; margin:0;}
section.hbrRivista span.underline-heading {
    height: 5px;
    left: 46%;
    background: #b1b7b8;
    bottom: 0;
    width: 80px;
    position: absolute;
}

section.top h3 {
    background: #011F37;
    color: #EEE;
    text-align: center;
    padding: 16px 0;
    margin-bottom: 60px;
    font-weight: 400;
    font-size: 24px;
}
section.top #global-search {

	display:inline-block; position:relative; left:auto; white-space:nowrap;

	width:100%;

	}
section.top  .search {padding-bottom:100px;}

section.top .search .chosen-container {font-family:'Roboto', sans-serif; text-align:left; vertical-align:top; }

section.top  .search .chosen-container-single .chosen-single {height:31px; line-height:31px;}

section.top .search .chosen-container .chosen-results {padding:0; margin:0;}

section.top .search input {font-family:'Roboto', sans-serif;

/* width:240px;*/

width:100%;

  font-size:20px; padding:16px 20px !important; vertical-align:top; border-radius:50px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);}

section.top .search button {width:43px; height:43px; border:0; margin-left:-70px; margin-top:10px; background:url("/img/icon-home-search.png") center no-repeat transparent; text-indent:-9999px; transition:all .3s; vertical-align:middle;}

section.top .search button:hover {opacity:.7; margin-left:-40px;}



	.ie section.top .patch a {background:#F38923; white-space:nowrap;}
	.ie section.top .patch a:active {background:#FB7D00;}
	.lt-ie9 section.top .patch {background:url("http://www.myhrgoal.com/css/../img/patch-bg.png");}
	.lt-ie9 section.top .patch a {width:auto;}

section.intro {padding-top:150px; background:url(../img/header-bg.jpg) top center no-repeat; background-size:cover; position:relative; z-index:90;}
section.intro .content {max-width:990px; position:relative;}
section.intro .shelf {position:absolute; bottom:0; width:100%; background:url(../img/shelf-bg.png) center no-repeat; height:139px;}
section.intro .notebook {position:relative; width:70%; left:-80px; z-index:100;}
section.intro .notebook img {max-width:100%;}
section.intro .patch {position:absolute; padding:20px 20px 60px 40px; color:#FFF; background:rgba(0, 103, 112, 0.63); top:20px; z-index:99; margin-left:52%; right:20px;}
section.intro .patch h1 {text-transform:normal; margin-bottom:20px; font-size:23px; margin-top:0; font-weight:400; line-height:1em;}
section.intro .patch h2 {font-family:'Roboto', sans-serif; line-height:1.3em; font-size:15px; font-weight:400; margin-bottom:16px;}
section.intro .patch h2 strong {font-weight:600;}
section.intro .patch ul {list-style:square; margin:0; margin-left:20px; padding:0;}
section.intro .patch li {font-family:'Roboto', sans-serif; line-height:1.5em; font-size:15px;}
section.intro .patch a {position:absolute; top:100%; margin-top:-28px; width:310px; left:50%; margin-left:-150px; background:linear-gradient(#F38923 48%, #A35D17 52%); color:#FFF; text-shadow:1px 1px 0 #222;text-transform:normal; padding:16px 20px 12px; border-radius:10px; font-weight:600; font-size:22px;}
section.intro .patch a {left:auto; margin-left:0; right:20px;}
section.intro .patch a:hover {background:#F38923;}
section.intro .patch a:active {background:linear-gradient(#F38923,#A35D17); box-shadow:2px 2px 3px #333 inset; margin-top:-27px;}
section.intro .patch a img {display:inline-block; vertical-align:middle; margin-left:36px;}

	.ie section.intro .patch a {background:#F38923; white-space:nowrap;}
	.ie section.intro .patch a:active {background:#FB7D00;}

	.lt-ie9 section.intro .patch {background:url(../img/patch-bg.png);}
	.lt-ie9 section.intro .patch a {width:auto;}

section.features {background:#FFF; padding:30px 0 50px;}
section.features .content {max-width:990px;}
section.features h1 {margin-bottom:60px; text-align:center; font-weight:300; font-size:24px; color:#333;}
section.features h1 strong {font-weight:600;}
section.features ul {width:100%; overflow:hidden; list-style:none; margin:0; padding:0;}
section.features li {width:23%; margin:0 1%; float:left; text-align:center;}
section.features li img {margin-bottom:32px; max-width:100%; }
section.features li h2 {text-transform:normal; margin-bottom:24px; font-weight:400; font-size:21px;}
section.features li p {font-size:14px; line-height:1.4em;}
section.features li p strong {font-weight:600;}
section.features ul.mobile_app_feature li img{margin-bottom:0px !important;}
section.features ul.mobile_app_feature li a h2{font-size: 18px; color: #222;}
section.features .app_description_container img {
    float: left;
    width: 50%;
}
section.features .app_description_container .app_description {
    float: right;
    width: 50%;
}
section.features .app_description_container .app_description h1 {
    margin-top: 40px;
    font-size: 40px;
    margin-bottom: 10px;
    text-align: left;
    color: #F2881F;
}
section.features h1.app_chose_title {
    color: #F2881F;
    margin-bottom: 30px;
}

@media screen and (max-width:760px) {
    section.features .app_description_container img {
        float: left;
        width: 100%;
    }
    section.features .app_description_container .app_description {
        float: right;
        width: 100%;
    }
}

section.form {padding-bottom:40px; padding-top:40px; background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
	background-color: transparent;
	}
section.form h1 {background:#011F37; color:#EEE; text-align:center; padding:16px 0; margin-bottom:60px; font-weight:400; font-size:24px;}
section.form h1 strong {font-weight:600;}
section.form fieldset {padding:16px; border-radius:10px; margin:auto;}
	.lt-ie9 fieldset.fake {padding:0 !important; margin:0 !important;}
section.form fieldset h2 {display:block; margin-bottom:20px; font-size:21px; font-weight:400; margin-top:0; color:#333;}
section.form ul {margin:0; padding:0; list-style:none;}
section.form li {position:relative;}
section.form label {text-transform:normal; display:inline-block; font-weight:300; position:relative; margin:0;}
section.form label .info {display:inline-block; width:14px; height:14px; line-height:15px; background:#666; border-radius:50%; color:#FFF; text-align:center; text-transform:none; font-family:Georgia; font-size:12px; position:absolute; right:0; top:50%; margin-top:-7px; cursor:help;}
section.form label .info:hover {background:#333;}
section.form label .hint {position:absolute; bottom:140%; left:0; border-radius:4px; width:400px; padding:6px; color:#FFF; background:#455564; text-transform:none; z-index:999;}
section.form label .hint:before {content:""; display:block; position:absolute; left:10px; top:100%; width:0; height:0; border-style:solid; border-width:4px 8px 0 8px; border-color:#455564 transparent transparent transparent;}
section.form label .hint h1 {font-size:11px; font-weight:600; padding:0; margin-bottom:10px; text-align:left; background:transparent;}
section.form label .hint p {font-size:11px; margin-bottom:10px; line-height:1.3em;}
section.form label .hint ul {font-size:11px; margin-bottom:10px; list-style:square; margin-left:20px;}
section.form label .hint dt {display:block; font-size:11px; font-weight:600; margin-bottom:4px; text-transform:normal;}
section.form label .hint dd {margin-bottom:10px; font-size:11px; }
section.form label a {color:#000; text-decoration:underline; font-size:12px;}
section.form label a:hover {text-decoration:none;}
section.form input {background:#FFF; border:1px solid #ccc; border-radius:50px; width:100%; padding:10px 20px; display:inline-block; vertical-align:middle; transition: .3s linear border; box-sizing: border-box;
    -webkit-font-smoothing: antialiased; height:40px;}
section.form input.accedi {
    width: 100%;
    padding: 5px 10px;
    height: 45px;
    margin: 20px 0px;
    border-radius: 50px;
    box-sizing: border-box;
	border:none;
	
}
section.form input.loginPage  {
    width: 100%;
    padding: 5px 10px;
    height: 45px;
    margin: 10px 0px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #999;
}

section.form input[type=checkbox] {vertical-align:middle; display:inline-block; margin:0;}
section.form input[type=checkbox] {position:absolute; top:0; left:0; width:0; height:0; clip:rect(1px 1px 1px 1px);}
section.form input[type=checkbox] + label {background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATBAMAAACAfiv/AAAABGdBTUEAALGPC/xhBQAAAC1QTFRFzMzMzMzMzMzMzMzM1tbW1tbW1tbWzMzMAAAAzMzMzMzM+vr639/f5ubm////vIG89AAAAAp0Uk5TmRFVZpmq7iIAd8Pz6aIAAABVSURBVAjXY+hot5wJBBM7Ghg6wu6CwK2IBobW0+/A4EoDQxmE9e5VAYMulPnGgIEHynw7gWEujZi2MNsU4G7YVgB32RGge93Ogtx7ygPIhPhCsaMBAAr7lO4mbanZAAAAAElFTkSuQmCC) left center no-repeat; height:19px; line-height:19px; padding-left:24px; cursor:pointer; width:auto; text-transform:none; font-weight:400; font-family:'Roboto', sans-serif; font-size:13px; letter-spacing:0;}
section.form input[type=checkbox]:checked + label {background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAABGdBTUEAALGPC/xhBQAAAGNQTFRFzMzMzMzMzMzMzMzM1tbW1tbW1tbWzMzMAAAAzMzM1tbWRkZGHh4ekpKSOzs7mZmZr6+vMzMzurq6GRkZUFBQ8vLyLS0t+fn5t7e3ERERpaWlzMzM39/fCAgIAAAA5ubm////ltPl+QAAAAp0Uk5TmRFVZpmq7iIAd8Pz6aIAAACkSURBVBjTZdDZEoMgDAVQqgjY3Q2EEMj/f2ULotLpfcsZMhMuU0rJtj9y+c5MqU7EM9Al6zzViVwxKeg3IFkTq3mJhnzLWLUKNz2a2LP+fDdanDQUW5ZEqw0B9XUzPzxho4COssXhjnZ9Y6IHFdOIATO9qBitad4WDyOHJ+1GziJOjnZr830wz1Cu9M3ff42QqRdTm+epPy78UZ8Hnjute25Szx84IyHqhs103QAAAABJRU5ErkJggg==);}
section.form select {width:323px;}
section.form label[for=privacy].errore {background-image:url(img/checkbox-error.png);color:brown;}
section.form label a[for=privacy].errore {color:brown;}
section.form .tip {font-family:'Roboto', sans-serif; font-size:11px; text-align:left; color:#666; position:absolute; line-height:10px; padding-top:3px;} 
section.form .commands {text-align:right;}
section.form .commands button {background:#455564; border:0; color:#FFF; text-transform:normal; padding:10px 20px; font-size:16px; cursor:pointer; font-weight:400:}
section.form .commands button:hover {background:#677786;}
section.form .commands button:active {background:#677786; box-shadow:2px 2px 3px #333 inset;}
section.form .error {border-color:brown;}
section.form #formErrors{color:brown;font-size:12px;margin-bottom:20px;}

	.ie section.form fieldset legend {top:20px;}
	.lt-ie9 section.form fieldset legend {top:0;}

/*.submenu ul {margin:0; padding:0; margin-right:20px;}
.submenu a {display:block; background:#F2F2F2; color:#222; margin-bottom:2px; font-family:'Roboto', sans-serif; padding:10px 8px; font-size:11px; transition:.3s; white-space:nowrap; position:relative;}
.submenu a:hover {background:#DDD;}
.submenu a[data-counter]:after {content:attr(data-counter); display:block; position:absolute; top:11px; right:8px; margin-left:-10px; background:#FB7D00; color:#FFF; font-family:'Roboto', sans-serif; font-size:9px; padding:0 4px; border-radius:8px;}
.submenu a i {color:#FB7D00; margin-right:4px; font-size:14px; width:23px; display:inline-block; vertical-align:middle; margin-top:-2px; text-align:center;}
.submenu a.current {background:#FB7D00; color:#FFF;}
.submenu a.current i {color:#FFF;}*/
.login-mask  {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
	background-color:#000;
	opacity:0.5;
}
.login-bg {
    z-index: 0;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    transition: background-image 300ms ease-in 200ms;
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.register-bg {
    height: 100%;
    margin: 0;
    padding: 100px 0 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
	background-color:var(--main-color);
}
.login-form-container   {
    max-width: 1160px;
    margin: auto;
	min-height:600px;
}
.min-vh-60 {
    min-height: 60vh!important;
}
.loginSx {
	flex: 0 0 auto;
	 position: relative;
    overflow: hidden;
	flex-direction:column!important;
	padding:5% 10%;
	min-height:600px;
	background: var(--main-color);
}
.loginSx h1 {
    font-size: 2em !important;
    margin: 0.67em 0 !important;
	color:var(--main-color-text) !important;
	background:transparent !important;
	font-weight:600 !important;
	text-align:left !important;
}
.loginSx h3 {
    font-size: 1.3em !important;
    margin: 0.67em 0 !important;
    color:var(--main-color-text) !important;
    font-weight:300 !important;
}
.loginDx {
	flex: 0 0 auto;
	 position: relative;
    overflow: hidden;
	flex-direction:column!important;
	min-height:600px;
	background:#fff !important;
}
.lms-login {
    padding: 5% 10% 5%;
}
div.lms-register {
    padding:10%;
}
.login-nav-tabs  {
    border-bottom: 0;
    display: flex;
	background:var(--main-color);
}
ul.login-nav-tabs li {
    padding: 0px 30px !important;
}
ul.login-nav-tabs li.active {
    	background:#fff;
}
.login-nav-tabs>li {
    flex: 1 0;
}

.login-nav-tabs > li a {
    padding: 16px 30px;
    font-size: 14px;
	color:var(--main-color-text);
}
.login-nav-tabs > li.active a {
    padding: 16px 30px;
    font-size: 14px;
    color:#000;
}


.form {background:#F2F2F2; margin-bottom:32px;}
.form .header {padding:10px 0px; position:relative;}
.form .header h1 {font-weight:400; font-size:18px; margin:0; color:#333;}
.form .header .commands {position:absolute; right:10px; top:10px;}
.form .header .commands button {font-size:13px;}
.form .header .btn {padding:4px;}
.form .header .btn i {font-size:16px; margin-right:4px; margin-top:-2px;}
.form nav.tabber {padding:8px; }
.form nav.tabber ul {margin:0; padding:0;}
.form nav.tabber li {display:inline-block; padding:0 2px; vertical-align:middle;}
.form nav.tabber li + li:before {content:''; display:inline-block; height:14px; border-left:1px solid #666; vertical-align:middle; position:relative; left:-4px;}
.form nav.tabber li a {font-size:15px; color:#222; display:inline-block; vertical-align:middle; padding:4px 8px; font-size:13px; margin-right:0;}
.form nav.tabber li a:hover {background:var(--main-color); color:var(--main-color-text);}
.form nav.tabber li a.current {color:var(--accent-color-text); background:var(--accent-color);}
.form .content {padding:20px;
    background: #fff;
    margin-bottom: 6px !important;
	color:#333;
	box-shadow:0px 0px 5px #666;
}
.form.hbr .content {padding:0px;
    background: transparent;
    margin-bottom: 20px !important;
    border: none;
	color:#333;
}
.form.hbr .content div.registration-page {
    padding: 0px;
    margin-left: 0px;
    float: left;
    width: 100%;
}
.form .content h2 {font-size:21px; font-weight:500; position:relative; letter-spacing:normal !important;}
.form .content h3, h4 {
    margin: 10px 0 15px 0;
    font-weight: 400;
}
.form .content h2 .commands {position:absolute; right:0; top:0; padding:0;}
.form .content p {font-size:14px; margin-top:0; margin-bottom:24px;}
.form .content ul {margin:0; list-style:none;}

.form .content ul.compact {margin-bottom:10px; padding-top:10px;}
.form .content ul.compact + ul.compact {border-top:1px solid #E0DFDC;}
.form .content ul.inline {margin-top:-28px; margin-right:48px;}
.form .content li {margin-bottom:4px; position:relative; min-height:30px; padding-right:20px; font-size:13px; padding-bottom:15px;}
.form .content .edit-mode li {padding-right:0;}
.pure-form .form .content li {padding-right:0;}
.form .content ul.compact li {margin-bottom:0; min-height:0; font-size:12px;}
.form .content ul.inline li {margin-bottom:0; padding-right:0;}
.form .content li label {display:inline-block; vertical-align:top; width:25%; font-weight:500;}
.form .content li .inline-options {width:73%;}

.form .content .inline-options {display:inline-block; vertical-align:top; margin-top:4px; width:67%;}
.form .content .inline-options fieldset {padding:0; margin:0;}
.form .content .inline-options fieldset + fieldset {margin-top:10px;}
.form .content .inline-options fieldset.packed label {display:block; text-align:left; width:auto;} 
.form .content .inline-options .hint {margin:0; padding-left:0; text-align:left; font-family:'Roboto', sans-serif; font-size:11px; margin-bottom:8px; color:#666;}
.form.inner {margin-bottom:0; border-radius:10px;}
.form.inner .content {
    background: #fff;
    margin-bottom: 0px !important;
    border: none;
    color: #333;
	padding:0 15px;
}
.form.inner div.content.forward {background:#F4f4f4; padding:12px; border-radius:10px; color:#666; margin-bottom:16px; font-size:13px;}

.form.inner .content ul {margin:0; padding:0; width:100%;}
.form.inner .content ul li {margin:5px 0; padding:0; width:100%;}
.form.inner .content ul li a {font-size:18px; border:1px solid #FECE00; border-radius:50px;padding:3px 5px; background:#Fff;}
.form.inner .content li label {text-transform:none; font-weight:400; width:24%; text-align:right; padding-right:10px; float:left; margin-top:16px;}
.form.inner .content li label span {font-size:11px; display:inline; text-align:left; color:#666;}
.form.inner .content .inline-options {width:67%;}
.form.inner .content input[type=text] {width:76%;}
section.documents .form.inner .content input[type=text] {width:100%;}
section.documents hgroup h1 {margin-top:0px;}

.form.inner .content .upload {position:relative; width:auto; overflow:hidden; right:auto; top:auto;}
.form.inner .content .upload i {position:relative; margin-left:-4px;}
.form.inner .content .upload input {position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);}
.form.inner .content #file-list {padding:2px; background:#DDD; margin-top:10px; font-family:'Roboto', sans-serif;}
.form.inner .content #file-list p {margin:0; line-height:1em;}
.form.inner .content #file-list p span {display:inline-block; font-size:11px; background:#FFF; padding:0 8px; border-radius:8px; margin-left:4px; vertical-align:middle; width:auto;}
section.documents .form.inner .content {padding:10px 20px; float:left; position:relative; border:1px solid #E0DFDC; margin-bottom:5px !important;}
section.documents .form.inner .content ul li {width:33%; float:left;}
section.documents .form.inner .content label {width: 100%; text-align:left; margin-top:0; font-size:12px; color:#222;}
section.documents .form.inner .content select {width: 90%;}
section.documents .form.inner .content ul li.document-type label {width: 25%; margin-top:7px; }

.content .content .form .content {padding:0;}
.form.plain {margin-bottom:0;}
.form.plain .content legend {padding-top:0; margin-bottom:16px; border-color:#DDD; color:#456;}
.form.plain .content h3 {margin-top:16px; margin-bottom:8px; color:#333;}
.form.plain .content li:first-child h3 {margin-top:0;}
.form.plain .content ul {margin:0; padding:0;}
.form.plain .content ul.half input[type=text] {width:70%;}
.form.plain .content ul.half select {width:28%; margin-left:1%;}
.form.plain .content li {padding-top:2px; margin-bottom:2px; padding-right:0;}
.form.plain .content li.hilite {padding:20px; background:#456; border-radius:4px; color:#EEE; margin-top:20px;}
.form.plain .content li.hilite h3 {margin-top:0; color:#EEE;}
.form.plain .content li.hilite p {color:#DDD;}
.form.plain .content li.hilite label {color:#DDD;}
.form.plain .content li.hilite .commands {margin:0; width:auto; text-align:center; padding:10px 0;}
.form.plain .content label {text-transform:none; font-weight:400; font-size:13px; width:30%; color:#333; text-align:right; padding-right:10px; line-height:1.1em;}
.form.plain .content p {font-size:13px; color:#999; margin-bottom:10px;}
.form.plain .content .hint {font-size:13px; color:#666; margin-left:0; margin-bottom:12px; width:68%; text-align:left; display:inline-block; vertical-align:top;}
.form.plain .content .hint .options {padding-top:4px;}
.form.plain .content input[type=checkbox] + label.block, 
.form.plain .content input[type=radio] + label.block {text-align:left; width:28%; display:inline-block;}
.form.plain .content textarea {width:68%;}
.form.plain .content input[type=text] {width:68%;}
.form.plain .content select {width:68%;}

.form.plain .content .option {background:#DDD; padding:8px 16px; position:relative;}
.form.plain .content .option h2 {font-size:15px; margin-top:0; margin-bottom:4px; color:#222; font-weight:400;}

.form.plain .content .entries {margin:0; font-family:'Roboto', sans-serif;}
.form.plain .content .entries li:first-child {margin-top:12px; border-top:1px solid #E0DFDC; padding-top:6px;}

.form.plain .content .entries a {}
.form.plain .content .entries .delete i {color:#D44; transition:.1s; display:inline-block; vertical-align:middle; margin-top:-1px;}
.form.plain .content .entries .delete i:hover {color:#C00; transform:scale(1.5);}
.form.plain .content .task-modes li .label li a {position:relative; top:auto; right:auto; font-weight:400; color:#333;}
.form.plain .content .entries .entry {padding:0 8px; border-radius:8px; background:#FFF; font-size:11px; font-weight:400; vertical-align:middle; width:auto;}
.form.plain .content .entries .confirm .content {display:inline-block; color:#FFF; background:#D44; border-radius:4px; padding:4px; font-size:11px; font-weight:400; margin-top:4px; margin-left:16px; margin-bottom:4px;}
.form.plain .content .entries .confirm .content .btn {color:#FFF; font-weight:600; font-size:11px; width:36px; text-align:center; margin:0 2px; margin-top:-4px; line-height:1em;}

.form.plain .content .option label {width:30%; margin-top:0; margin-right:1%;}
.form.plain .content .option select {width:67%;}
.form.plain .content .inline-options {display:inline-block; vertical-align:top; width:67%; margin-bottom:10px; position:relative;}
.form.plain .content .inline-options input[type=text] {width:100%;}

.form.plain .content .option .more {position:absolute; width:24px; height:24px; top:6px; right:12px;}
.form.plain .content .option .more i {position:absolute; width:24px; text-align:center; line-height:24px; left:-1px; top:1px; margin:0;}
.form.plain .content .option .more.active {text-indent:-999px; background-color:#999; overflow:hidden;}
.form.plain .content .option .more.active i {text-indent:0; transform:rotate(45deg); left:-2px;}

.form.plain .content .options {padding-top:16px; margin-bottom:10px;}
.form.plain .content .options > ul > li {margin-bottom:8px;}

.form.plain .content .task-wizard {padding:16px; background:#EEE;}
.form.plain .content .task-wizard .inline-options {margin-top:0;}
.form.plain .content .task-wizard li {margin-bottom:8px;}
.form.plain .content .task-wizard label {width:25%; display:inline-block; margin-top:4px; text-align:right;}
.form.plain .content .task-wizard input[type=text] {width:74%;}
.form.plain .content .task-wizard textarea {width:74%;}
.form.plain .content .task-wizard .full .chosen-container {width:74% !important;}
.form.plain .content .task-wizard .commands {margin-bottom:0; width:auto;}
.form.plain .content .task-wizard input[type=radio] + label {margin-right:8px; margin-left:4px; width:auto; margin-top:0;}
.form.plain .content .task-wizard input[type=checkbox] + label {margin-right:8px; margin-left:4px; font-size:12px; width:auto; margin-top:0;}
.form.plain .content .task-wizard input[type=radio] + label span {font-size:11px; color:#666; width:auto; margin-top:0;}

.form.plain .content .options .upload {position:relative; width:auto; overflow:hidden; right:auto; top:auto;}
.form.plain .content .options .upload i {position:relative; margin-left:-4px;}
.form.plain .content .options .upload input {position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);}
.form.plain .content .options #file-list {padding:2px; background:#CCC; margin-top:10px; font-family:'Roboto', sans-serif;}
.form.plain .content .options #file-list p {margin:0; line-height:1em;}
.form.plain .content .options #file-list p span {display:inline-block; font-size:11px; background:#FFF; padding:0 8px; border-radius:8px; margin-left:4px; width:auto; margin-top:4px;}

.form.plain .content .options #file-list p input {margin-left:8%;}
.form.plain .content .options #file-list p input[type=text] {width:90%;}
.form.plain .content .options #file-list p label {font-size:12px; margin-left:4px;}

.form.full .content {padding:20px 0;}
.form.full .content label {width:auto; display:block; text-align:left;}
.form.full .content input[type=text] {width:100%; display:block;}
.form.full .content textarea {width:100%; display:block;}

div.logo-format {
    text-align: center;
	margin:20px 0;
}

/* Thankyou */
article .thankyou {padding:20px;}
article .thankyou h1 {text-transform:none; font-size:21px; margin-top:0; font-weight:400; color:#333;}
article .thankyou p {color:#555; font-size:13px; font-family:'Roboto', sans-serif;}
article .thankyou .options {text-align:center; padding-top:16px; margin-bottom:10px;}
article .thankyou .options .btn {margin-bottom:8px; width:80%; font-size:14px;}

article .tasks .task .options #file-list p input {margin-left:8%;}
article .tasks .task .options #file-list p input[type=text] {width:90%;}
article .tasks .task .options #file-list p label {font-size:12px; margin-left:4px;}

.form .content h4 {font-size:14px; font-weight:600; color:#333; margin:0; margin-bottom:8px; text-transform:normal;}
.form .content ul.switch {margin:0; padding:0 40px; margin-bottom:32px;}
.form .content ul.switch li {margin:2px 0; padding:0; border-bottom:1px solid #eee;}
.form .content .switch input[type=checkbox] {position:absolute; text-indent:-999px; left:-9999px;}
.form .content label[data-type=switch] {position:relative; background:#FFF; padding:10px 0; display:block; transition:.3s; cursor:pointer; margin:0; text-transform:none; font-weight:400; width:auto;}
.form .content label[data-type=switch]:before {padding:5px 12px; border-radius:50px; position:absolute; right:8px; top:6px; color:#FFF; text-transform:normal; font-family:'Roboto', sans-serif; font-weight:600; font-size:11px;}
.form .content input[type=checkbox] + label[data-type=switch]:before {content:attr(data-off); background:#FB7D00;}
.form .content input[type=checkbox]:checked + label[data-type=switch]:before {content:attr(data-on); background:#999;}
.form .content input[type=checkbox] + label[data-type=switch].loading:before {background-color:#CCC; background-image:url(../img/btn-loading.gif); background-position:8px center; background-repeat:no-repeat; padding-left:32px; cursor:progress;}

.add-item {border-bottom:4px solid #ccc; padding-bottom:20px; margin-bottom:16px;}

.compact-item {margin-bottom:20px; padding-top:20px;}
.compact-item > div > .commands {padding:0 !important;}

.compact-item + .compact-item {border-top:1px solid #E0DFDC;}

#personal-data-view {
     border: 1px solid #E0DFDC;
     border-radius: 5px;
     padding: 0 20px 20px 0;
}
#personal-data-edit {
     border: 1px solid #E0DFDC;
     border-radius: 5px;
     padding: 20px 20px 20px 0;
}
#personal-data-view li:first-child {
     padding-right: 0;
}
#personal-data-edit ul li {
     padding-right: 0;
     width: 47%;
     margin-left: 10px;
     display: inline-flex;
     flex-direction: column;
}
#personal-data-edit ul li label {
     width: 100%;
}
.jobRoleTitle {
     position:relative;
}
div.addCompany {
     position: absolute !important;
     right: 0px !important;
     top: -16px !important;
}
.list-company-view {
 width: 100%;
     border-bottom: 1px solid #E0DFDC;
     padding: 20px 0 15px 0;
     position:relative;
}
.list-company-view h1.company {
     font-size: 1.15em;
     margin:0px 0 5px 0;
}
.list-company-view h3.jobTitle{
     font-size: 1.05em; margin:0px 0 3px 0;
}
.list-company-view h3.position{
    font-size: 1.05em;
    font-weight:500;
    margin:2px 0 2px 0;
}
.list-company-view a.businessMail{
    font-size: 1.05em;
    margin:0px 0 5px 0;
    color:var(--main-color);
}
.list-company-view a.businessMail:hover {
    color:var(--accent-color);
}
.list-company-view a.editCompany {
    font-size: 1.3em;
    color:var(--main-color);
}
.list-company-view a.editCompany:hover {
    font-size: 1.2em;
    color:var(--accent-color);
}
.form .content .edit-mode ul.companyModal {
     padding: 0;
}
.form .content .edit-mode ul.companyModal li {
    padding-right: 0;
    width: 45%;
    margin-left: 8px;
    display: inline-flex;
    flex-direction: column;
}

.pure-form label {font-size:100%;}
.pure-form .value {margin:.5em 0 .2em;}
.form .content fieldset {margin-bottom:16px;}
.form .content legend {font-size:14px; color:#023; font-weight:600; text-transform:normal; line-height:1em; border-bottom:3px solid #999;}
.form .content ul.list {margin-left:0; padding:0; margin-bottom:24px;}
.form .content ul.list li {min-height:0;}
.form .content li span {display:inline-block; vertical-align:top; }
.form .content li span img {width:120px; border:4px solid #FFF;}
.form .content .privacy {display:inline-block; vertical-align:top; position:absolute;right:0; top:0; width:30px; height:30px; line-height:30px; text-align:center; border-radius:4px; font-size:20px !important;}
.form .content .privacy i {font-size:20px; color:#666;}
.form .content .privacy.editable {background-color:var(--main-color); cursor:pointer;}
.form .content .privacy.editable:hover {background-color:var(--accent-color); border-radius:0 4px 4px 4px;}
.form .content .privacy.editable.loading {background-color:#CCC; background-position:center; background-repeat:no-repeat; background-image:url(../img/btn-loading.gif); cursor:progress; }
.form .content .privacy.editable.loading i {display:none;}
.form .content .privacy.editable i {color:#FFF;}
.form .content .privacy.editable form {position:absolute; top:0; right:100%; background:#FFF; border-radius:3px; box-shadow:0 0 20px rgba(0,0,0,.2); padding:0; display:none; z-index:999;}
.form .content .privacy.editable:hover form {display:block;}
.form .content .privacy.editable.loading:hover form {display:none;}
.form .content .privacy.editable form input[type=radio] {visibility:hidden; position:absolute; top:-48px; left:-48px;}
.form .content .privacy.editable form label {font-size:13px; font-weight:400; width:100px; line-height:normal; padding:4px 10px; text-align:left; display:block; cursor:pointer;}
.form .content .privacy.editable form label:first-child {border-radius:3px 0 0 0;}
.form .content .privacy.editable form label:last-child {border-radius:0 0 3px 3px;}
.form .content .privacy.editable form label:hover {background:#DDD;}
.form .content .privacy.editable form input[type=radio]:checked + label {background:var(--main-color); color:#FFF;}
.form .content input[type=text],
.form .content input[type=password],
.form .content input[type=email],
.form .content input[type=tel]{
    width: 100%;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 50px;
    height: 40px;
}
.form .content input[type=checkbox],
.form .content input[type=radio] {vertical-align:middle; margin-right:4px; width:auto;}
.form .content input[type=checkbox] + label,
.form .content input[type=radio] + label {text-transform:none; font-weight:400; width:auto; margin:0; vertical-align:middle; line-height:1em; font-size:12px;}
.form .content input[type=checkbox][disabled] + label,
.form .content input[type=radio][disabled] + label {opacity:.5;}
.form .content input[type=file] {font-size:13px; color:#666;}
.form .content select {width:300px; font-size:13px; padding:4px; color:#333;}
.form .content select[disabled] {color:#999;}
.form .content select.tiny {width:98px;}
.form .content select.small {width:148px;}
.form .content select.large {width:466px;}
.form .content textarea {width:300px; height:120px; font-size:12px;} 

.error label {color:#D44 !important;}
.error input[type=text],
.error input[type=password],
.error textarea,
.error select {border-color:#D44; border-width:1px;}

.form .content .commands {text-align:right; padding-top:24px; position:relative;}

.form .content .commands .status {display:inline-block; font-size:11px; color:#333; position:absolute; left:0; font-family:'Roboto', sans-serif;}
.form .content .commands .status i {margin-right:4px; font-size:16px; vertical-align:middle; position:relative; top:-2px;}
.form .content .commands .status.published i {color:#5A5;}
.form .content .commands .status.draft i {color:#FFAA01;}

.form .content li .commands {text-align:right; width:280px; margin-left:180px;}
.form .content .hint {margin-bottom:8px; text-align:right; width:280px; margin-left:180px; font-size:12px;}
.form .content .hint.error {color:#D44;}
.form .content .hint a {color:#333;}
.form .content .hint a:hover {color:#FB7D00;}

.form .content .error .hint.error {text-align:left; margin-left:0; font-family:'Roboto', sans-serif; font-size:11px; padding-top:4px; padding-left:4px;}

.form .content .chosen-container  {width:100% !important; }

.form .content .chosen-container-single .chosen-single {border-radius:50px !important;}
.form .content .chosen-container ul {margin:0; padding:0;}
.form .content .chosen-container li {margin:0; min-height:0; font-size:13px; white-space:nowrap;}
.form .content .chosen-container input {width:100%;}
.chosen-container {font-size:12px;}
.chosen-container .chosen-results li {width:100% !important; }
.chosen-container .chosen-results li.highlighted {background-color:var(--accent-color); background-image:linear-gradient(var(--accent-color) 20%,var(--accent-color) 90%);}
.chosen-container-single .chosen-single {height:40px; line-height:40px; box-shadow:inset 0 1px 3px #DDD; background:#FFF; border-color:#CCC;}
.chosen-container-active.chosen-with-drop .chosen-single {box-shadow:inset 0 1px 3px #DDD; background:#FFF; border-color:#CCC;}
.chosen-container .chosen-drop {box-shadow:inset 0 1px 3px #DDD; background:#FFF; border-color:#CCC;}
.chosen-container-single .chosen-single div b {background-position:0 10px;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background-position:-18px 5px;}

.chosen-container-multi .chosen-choices {background:#FFF; border-color:#CCC; border-radius:4px; box-shadow:inset 0 1px 3px #DDD;}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {height:24px;}
.form .content .chosen-container-multi li {height:24px; margin:4px 0 4px 4px; padding-top:4px; padding-right:20px;}
.form .content .chosen-container-multi li.search-field {padding-top:0;}
.form .content .chosen-container-multi .chosen-drop li {margin:0;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {top:5px;}
.form .content .chosen-container-multi li span {width:auto;}

.form .content .delete-account {padding-top:24px; margin-top:20px; border-top:7px solid #EEEDE8;}

.login-page {
    padding: 20px;
	border:1px solid #ccc;
	border-radius:10px;
	margin-left:10px;
	float:left;
	width:99%;
	min-height:330px;
}
div.login-page ul li {margin-bottom:4px; position:relative; min-height:30px; padding-right:20px; font-size:13px; width:50%; float:left; padding-bottom:15px;}
div.login-page ul li label{
    display: block !important;
    width:100% !important;
}
.registration-page {
    padding: 20px;
	margin-left:10px;
	float:left;
	width:99%;
	min-height:330px;
}
.registration-page div.step1, .registration-page div.step2, .registration-page div.step3 {
   	width:100%;
	float:left;
	position:relative;
}
.registration-page div.step1 i, .registration-page div.step2 i, .registration-page div.step3 i {
   	font-size:28px;

}
.registration-page ul li {
    width:33% !important;
	float:left;
}
.registration-page ul li label{
    display: block !important;
    width:100% !important;
	padding-bottom:5px;
	color:#666;
}
div.registration ul li {margin-bottom:4px; position:relative; min-height:30px; padding-right:20px; font-size:13px; width:50%; float:left; padding-bottom:15px; }
div.registration ul li label{
    display: block !important;
    width:100% !important;
}

.Mailresult {font-family:'Roboto', sans-serif; margin-top:20px; font-size:1em; float:left; position:relative; clear:both; }
.Mailresult a {font-weight:500; color: #FECE00;}

/* TASK */
section.tasks.contest {
    background: #fff;
    margin-bottom: 6px !important;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
    padding: 20px;
	float:left;
	width:100%;
}
article .tasks {margin-bottom:20px;}
article .tasks .profile { }
article .tasks .profile h1 {font-size:15px;}
article .tasks .profile h2 {font-size:13px; margin-bottom:4px;}
article .tasks .profile h3 {font-size:13px;}
article .tasks .profile img {float:none; margin-right:0; margin-bottom:10px; width:auto; max-width:105px !important;}
	.lt-ie9 article .tasks .profile img {margin-left:0; width:100%;}
article .tasks .profile .commands {text-align:center; margin:auto;}
article .tasks .task {background:#Fff; padding:20px;  border:1px solid #E0DFDC; border-radius:10px;}
article .tasks div.task.noborder {padding:0px; margin:5px 0; border:none; border-radius:0px;}
article .tasks .task h1 {text-transform:none; font-size:21px; margin-top:0; font-weight:400; color:#333;}
article .tasks .task ul {list-style:none; padding:0; margin:0;}
article .tasks .task li {margin-bottom:10px;}
article .tasks .task li.digest_show {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
}
article .tasks .task li li {margin-bottom:0;}
article .tasks .task h2 {font-size:13px; margin-top:0; margin-bottom:4px; color:#222; font-weight:400;}
article .tasks .task label {font-size:13px; margin-bottom:4px; color:#222; font-weight:400; width:25%; display:inline-block; vertical-align:top; margin-top:4px;}
article .tasks .task input[type=radio],
article .tasks .task input[type=checkbox] {display:inline-block; vertical-align:middle; width:5%;}
article .tasks .task input[type=radio] + label,
article .tasks .task input[type=checkbox] + label {width:auto; vertical-align:middle; margin:0; margin-left:10px;}

.info-tooltip {display:inline-block; width:14px; height:14px; line-height:15px; background:#666; border-radius:50%; color:#FFF; text-align:center; text-transform:none; font-family:Georgia; font-size:12px; cursor:help; margin:0 10px; font-weight:bold;}
article .tasks .task .chosen-container {}
article .tasks .task input[type=text] {width:74%; font-size:12px;}
article .tasks .task select {padding:6px;}
article .tasks .task textarea {width:74%; height:100px; font-size:12px;}
article .tasks .task .commands {text-align:right; margin:16px 0; position:relative;}
article .tasks .task .commands .delete {position:absolute; left:0;}
article .tasks .task .task-modes {margin-top:10px;}
article .tasks .task .task-modes > li  {
    padding: 10px 15px;
    border: 2px solid #ccc;
    min-height: 40px;
    border-radius: 5px;
    margin-bottom: 5px;
}
	.lt-ie9 article .tasks .task .task-modes > li {min-height:20px;}
article .tasks .task .task-modes li .label {position:relative; font-size:15px;  font-weight:400;}
article .tasks .task .task-modes li .label > i {font-size:18px; margin-right:4px; /*color:#FB7D00;*/ display:inline-block; width:24px; text-align:center; vertical-align:middle; position:relative; top:-3px;}
article .tasks .task .task-modes li .label .status {margin:0; right:0; position:absolute; top:3px;}

article .tasks .task .task-modes li .label .more {right:0; position:absolute; top:-2px; height:24px; width:24px; overflow:hidden; text-align:center;}
article .tasks .task .task-modes li .label .more i {display:none;}
article .tasks .task .task-modes li .label .more:before {content:'+'; font-weight:600; font-size:23px; width:24px; height:24px; line-height:24px; display:block; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; text-align:center; }
	.lt-ie9 article .tasks .task .task-modes li .label .more:before {margin-left:-13px; margin-top:-13px;}
article .tasks .task .task-modes li .label .more.active {background-color:#999;}
article .tasks .task .task-modes li .label .more.active:before {content:'\00D7';}

article .tasks .task .entries {margin:0; font-family:'Roboto', sans-serif;}
article .tasks .task .entries li {margin-bottom:2px;}
article .tasks .task .entries li:first-child {margin-top:12px; border-top:1px solid #E0DFDC; padding-top:6px;}

article .tasks .task .entries a {}
article .tasks .task .entries .delete i {color:#D44; transition:.1s; display:inline-block; vertical-align:middle; margin-top:-1px;}
article .tasks .task .entries .delete i:hover {color:#C00; transform:scale(1.5);}
article .tasks .task .task-modes li .label li a {position:relative; top:auto; right:auto; font-weight:400; color:#333;}
article .tasks .task .entries .entry {padding:1px 8px; border-radius:8px; background:#FFF; font-size:11px; font-weight:400;}
article .tasks .task .entries .confirm .content {display:inline-block; color:#FFF; background:#D44; border-radius:4px; padding:4px; font-size:11px; font-weight:400; margin-top:4px; margin-left:16px; margin-bottom:4px;}
article .tasks .task .entries .confirm .content .btn {color:#FFF; font-weight:600; font-size:11px; width:36px; text-align:center; margin:0 2px; margin-top:-4px; padding:1px; line-height:1em; border-radius:2px;}

article .tasks .task .task-modes li .task-mode {margin:10px 0;}
article .tasks .task .task-modes li .task-mode p {font-size:12px;}
article .tasks .task .task-modes li .task-mode .hint {font-size:12px; color:#888; margin-bottom:4px;}
article .tasks .task .task-modes li .task-mode .calendar {margin-bottom:10px;}
article .tasks .task .task-modes li .task-mode .calendar div.dp-popup {width:100%;}
article .tasks .task .task-modes li .task-mode .calendar div.dp-popup a {margin-top:6px;}
article .tasks .task .task-modes li .task-mode .calendar h2 {color:#FFF; font-size:12px; padding:4px 0;}
article .tasks .task .task-modes li .task-mode .calendar table.jCalendar {border-spacing:1px;}
article .tasks .task .task-modes li .task-mode .calendar table.jCalendar th {font-size:10px;}
article .tasks .task .task-modes li .task-mode .calendar table.jCalendar td {padding:0; font-weight:400; font-size:12px;}

article .tasks .task .task-wizard {padding:16px; background:#f7f7f7; border-radius:10px; margin:10px 0 ;}
article .tasks .task .task-wizard li {margin-bottom:8px;}
.task-wizard ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#conference-call-owner .task-wizard {padding:0px; background:none !important; border-radius:10px; margin:10px 0 ;}
#conference-call-owner .task-wizard li {margin-bottom:8px; background:#f7f7f7 ; border-radius:5px; padding:10px;  }
#conference-call-owner .task-wizard li h4 {border-bottom:1px dotted #ccc; padding:0; margin:0 0 10px 0; font-weight:500; font-size:0.9em; color:#fb7000;  }
#conference-call-owner .task-wizard li label {width:13%; font-weight:500;  }
#conference-call-owner .task-wizard ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#conference-call .task-wizard {padding:0px; background:none !important; border-radius:10px; margin:10px 0 ;}
#conference-call .task-wizard li {margin-bottom:8px; background:#f7f7f7 ; border-radius:5px; padding:10px;  }
#conference-call .task-wizard li h4 {border-bottom:1px dotted #ccc; padding:0; margin:0 0 10px 0; font-weight:500; font-size:0.9em; color:#fb7000;  }
#conference-call .task-wizard li label {width:14%; font-weight:500;  }
#conference-call .task-wizard ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.task-wizard label.attachLabel {width:20%; margin-top:0; margin-right:1%; display:inline-block;}
.task-wizard .inline-options{
    display: inline-block;
    vertical-align: top;
    width: 67%;
    margin-bottom: 10px;
    position: relative;
}
.task-wizard input#fileuploadimg, .task-wizard input#fileupload {
    padding: 5px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
	height:25px;
}
.task-wizard input, .task-wizard select {margin:0px 8px 0 0  !important;}

.pure-form textarea.linkedin {
    border:1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-transition: .3s linear border;
    -moz-transition: .3s linear border;
    -ms-transition: .3s linear border;
    -o-transition: .3s linear border;
    transition: .3s linear border;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	width:100%;
	font-size: 14px;
	text-align:left !important;
	height:100px !important;
	background:#fff;
	color:#666 !important;
}
div.inline-options a  {
	font-size: 12px;
	color:#444;
	margin:5px 0;
}
div.inline-options a:hover  {
	color:#FB7D00;
}
label.public-check   {
	font-size: 12px;
	color:#666 !important;
	padding-top:7px;
	float:left;
}

article .tasks .task .task-wizard label {width:25%;}
article .tasks .task .task-wizard input[type=text] {width:74%;}
article .tasks .task .task-wizard textarea {width:74%;}
article .tasks .task .task-wizard .hint {margin-left:27%; font-family:'Roboto', sans-serif; font-size:11px !important;}
article .tasks .task .task-wizard .hint a {color:inherit; text-decoration:underline;}
article .tasks .task .task-wizard .hint a:hover {text-decoration:none;}
article .tasks .task .task-wizard .full .chosen-container {width:74% !important; font-size:12px;}
article .tasks .task .task-wizard .commands {margin-bottom:0;}
article .tasks .task .task-wizard input[type=radio] + label {margin-right:8px; margin-left:4px; border-radius:10px; background:#eee;}
article .tasks .task .task-wizard input[type=checkbox] + label {margin-right:8px; margin-left:4px; font-size:13px;}
article .tasks .task .task-wizard input[type=radio] + label span {font-size:11px; color:#666;}

article .tasks .task .option  {
    padding: 8px 16px;
    position: relative;
    border: 2px solid #ccc;
    border-radius: 5px;
}
article .tasks .task .option h2 {font-size:15px; font-weight:400; margin-bottom:4px;}
article .tasks .task .option label {width:14%; margin-top:0; margin-right:1%;}
article .tasks .task .option select {width:67%;}
article .tasks .task .inline-options {display:inline-block; vertical-align:top; width:67%; margin-bottom:10px; position:relative;}
article .tasks .task .inline-options input[type=text]  {
    width: 100%;
    padding: 5px 10px;
    height: 45px;
    margin: 10px 0px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #999;
}

article .tasks .task .option .more {position:absolute; width:24px; height:24px; top:6px; right:12px; text-align:center;}
article .tasks .task .option .more i {display:none;}
article .tasks .task .option .more:before {content:'+'; font-weight:600; font-size:23px; width:24px; height:24px; line-height:24px; display:block; position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; text-align:center;}
	.lt-ie9 article .tasks .task .option .more:before {margin-left:-13px; margin-top:-13px;}
article .tasks .task .option .more.active {background-color:#999;}
article .tasks .task .option .more.active:before {content:'\00D7';}

article .tasks .task .options {padding-top:16px; margin-bottom:10px;}
article .tasks .task .options > ul > li {margin-bottom:8px;}

#more-recipients {padding:10px 0;}
#more-recipients p {margin:0; margin-bottom:8px; font-size:11px; font-family:'Roboto', sans-serif;}
#more-recipients img {max-width:28px; vertical-align:middle; margin-right:4px; display:inline-block;}
.task .inline-options input[type=text] + .btn {position:absolute; top:4px; right:4px;}

article .tasks .task .options .upload {position:relative; width:auto; overflow:hidden; right:auto; top:auto;}
article .tasks .task .options .upload i {position:relative; margin-left:-4px;}
article .tasks .task .options .upload input {position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);}
article .tasks .task .options #file-list {padding:2px; background:#CCC; margin-top:10px; font-family:'Roboto', sans-serif;}
article .tasks .task .options #file-list p {margin:0; line-height:1em;}
article .tasks .task .options #file-list p span {display:inline-block; font-size:11px; background:#FFF; padding:0 8px; border-radius:8px; margin-left:4px;}

article .tasks .task .options #file-list p input {margin-left:8%;}
article .tasks .task .options #file-list p input[type=text] {width:90%;}
article .tasks .task .options #file-list p label {font-size:12px; margin-left:4px;}

article .guide {background:#FB7D00; padding:12px;}
article .guide .step {text-align:center; color:#FFF;}
article .guide .step h1 {background:#023; width:40px; height:40px; line-height:40px; border-radius:50%; margin:auto; margin-bottom:10px; font-size:20px;font-weight:400;}
article .guide .step h2 {color:#FFF; text-transform:normal; margin:0; margin-bottom:10px; font-size:14px; font-weight:600;}
article .guide .step img {margin-bottom:32px;}

input[data-datepicker] {width:80px !important; background:#FFF !important;}
input[data-datepicker] + .dp-choose-date {display:none;}
div.dp-popup {background:#FFF; font-size:15px; font-family:'Roboto', sans-serif; padding:6px; width:320px; line-height:1.2em;}
div.dp-popup h2 {font-size:12px; background:#023; margin:0; padding:4px 0; color:#FFF; font-weight:400; text-transform:normal;}
div.dp-popup a {color:#FB7D00; padding:4px 4px 0; font-weight:600; letter-spacing:-1px; margin:4px; font-size:11px;}
table.jCalendar {width:100%; border:0; background:#FFF; border-collapse:separate; border-spacing:4px;}
table.jCalendar th {background:#FFF; color:#333; font-weight:400; padding:3px 5px; font-size:11px; text-transform:normal; text-align:center;}
table.jCalendar td {background:#EEE; color:#333; padding:4px 0; width:14.28%; text-align:center; font-size:11px; font-weight:600;}
table.jCalendar td.selected {background:#FB7D00;}
table.jCalendar td.selected.dp-hover {background:#FB7D00;}
table.jCalendar td.disabled, 
table.jCalendar td.disabled.dp-hover {background:#DDD; color:#EEE;}

/* QA */
article .tasks .qa {background:#fff; padding:20px; color:#333; margin-bottom:10px; position:relative; border:1px solid #E0DFDC;border-radius:10px;}
article .tasks .qa div.counters  {float: left; margin-right: 20px;}
article .tasks .qa div.counters a {font-size: 13px;text-decoration: underline;color: #FECE00;}
article .tasks div.qa.noborder {
    padding: 0px;
    margin: 5px 0;
    border: none;
    border-radius: 0px;
}
article .tasks .qa .share {position:absolute; top:20px; right:75px; background:#DDD; border-radius:50%; width:24px; height:24px; cursor:pointer; text-align:center; line-height:24px;}
article .tasks .qa .share > i {color:#999; vertical-align:middle; display:inline-block; position:relative; top:-2px; font-size:14px; left:-1px;}
article .tasks .qa .share:hover {background:#FB7D00;}
article .tasks .qa .share:hover > i {color:#FFF;}
article .tasks .qa .share .tools {position:absolute; top:-2px; right:100%; white-space:nowrap; transition:.3s; padding:0; width:0; overflow:hidden; opacity:0; text-align:right;}
article .tasks .qa .share:hover .tools {opacity:1; width:180px; padding-right:6px;}
	.lt-ie9 article .tasks .qa .share:hover .tools {width:auto;}
article .tasks .qa h1 {font-size:15px; margin-top:10px; margin-bottom:10px; color:#444; line-height:1.3em; font-weight:500;}
article .tasks .qa h2 {font-weight:400; font-size:13px; margin:0; margin-bottom:10px; color:#666; line-height:1.5em;}
article .tasks .qa .toolset {text-align:right; float:right;}
article .tasks .qa .toolset a, .replies .item .toolset a {color:#333; background:#eee; font-family:'Roboto', sans-serif; font-size:11px; color:#666; padding:0 8px; border-radius:30px; border:1px solid transparent;}
article .tasks .qa .toolset a:hover, .replies .item .toolset a:hover {background:#FFF; border-color:#CCC;}
article .tasks .qa .toolset a i, .replies .item .toolset a i {color:#FB7D00; margin-right:4px; font-size:11px; display:none;}

article .tasks .qa h3 {display:inline-block; background:#444; margin:0; margin-bottom:10px; text-transform:normal; color:#eee; font-weight:400; font-size:11px; padding:2px 12px 2px 20px; margin-left:-20px; max-width:64%;}
article .tasks .qa h3.tag {display:inline-block; background:#ddd; margin:0; margin-bottom:10px; text-transform:normal; color:#444; font-weight:400; font-size:11px; padding:2px 12px 2px 20px; margin-left:5px; max-width:64%;}

article .tasks .qa .documents {margin:20px 0;}
article .tasks .qa .documents h4 {font-size:10px; text-transform:normal; color:#666; margin-bottom:4px; border-bottom:1px solid #E0DFDC;}
article .tasks .qa .attachments {list-style:none; padding:0; margin-top:0;}
article .tasks .qa .attachments a {display:inline-block; background:#eee; color:#333; margin-bottom:4px; font-size:11px; font-family:'Roboto', sans-serif; }
article .tasks .qa .attachments a:hover {background:#FB7D00; color:#FFF;}
article .tasks .qa .attachments a i {display:inline-block; width:20px; height:20px; background:#FB7D00; color:#FFF; text-align:center; line-height:20px; margin-right:6px;}
article .tasks .qa .videos a {background:#DDD; padding:10px; margin-bottom:4px; font-size:15px; color:#333; display:block;}
article .tasks .qa .videos a:hover {background:#FFF;}
article .tasks .qa .videos img {display:inline-block; vertical-align:middle; margin-right:10px;}
article .tasks .qa .videos p {display:inline-block; vertical-align:middle;}
article .tasks .qa .video-container {background:#DDD; padding:10px; margin-bottom:4px; margin-top:20px; position:relative;}
article .tasks .qa .video-container a {display:block; position:absolute; bottom:100%; right:0; width:36px; height:16px; line-height:14px; background:#DDD; z-index:100; border-radius:4px 4px 0 0; text-align:center; font-family:Arial black; color:#999; margin:0; padding:0;}
article .tasks .qa .video-container a:hover {color:#D44; background:#DDD;}
article .tasks .qa .video-container .yt {padding-bottom:56.25%; padding-top:30px; position:relative;}
article .tasks .qa .video-container .yt iframe {width:100%; height:100%; position:absolute; top:0; left:0; border:0; z-index:99;}
article .tasks .qa time {font-weight:500; font-size:13px; color:#444; position:relative;}
article .tasks .qa time:before {/*content:'\e628'; font-family:hrg-icons; font-size:28px; font-weight:normal; color:#456; margin-right:4px; display:inline-block; vertical-align:middle;*/}
article .tasks .qa .commands {text-align:right; margin-bottom:8px;}
article .tasks .qa .confirm {background:#FFF; padding:12px; border-radius:4px; color:#666; margin-bottom:16px; font-size:13px;}


article .tasks .qa-mode {background:#Fff; padding:10px 20px; color:#333; margin-bottom:10px; border:1px solid #E0DFDC; border-radius:10px; float:left; position:relative; width:100%; }
article .tasks .qa-mode h1  {
    color: #333;
    padding: 10px 10px 6px 10px;
    text-transform: normal;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
    border: 2px solid #ccc;
    border-radius: 5px;
}
article .tasks .qa-mode .more {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    right: 12px;
    text-align: center;
}

article .tasks .qa-mode h1 i {margin-right:5px; vertical-align:middle; font-size:19px; color:#333; position:relative; top:-2px;}
article .tasks .qa-mode h1 span { color:#FB7D00; font-weight:500;}

article .tasks .qa-mode .subscribe {margin:0;}

article .tasks .qa-mode .add-comment {padding-bottom:10px; border-bottom:8px solid #FFF;}
article .tasks .qa-mode .add-comment img {width:12%; border:2px solid #FFF; margin-right:2%; display:inline-block; vertical-align:top;}
article .tasks .qa-mode .add-comment textarea {width:85%; height:120px; display:inline-block; vertical-align:top; margin-bottom:10px;}
article .tasks .qa-mode .replies {}
article .tasks .qa-mode .replies .item {
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding: 15px 10px;
    border-radius: 10px;
	float:left;
	position:relative;
	width:100%;
}
article .tasks .qa-mode .replies .item img {width:12%; border:2px solid #FFF; margin-right:2%; display:inline-block; vertical-align:top; border-radius:50px;}
article .tasks .qa-mode .replies .item .text {width:85%; display:inline-block; vertical-align:top;}
article .tasks .qa-mode .replies .item .text h2 {font-family:'Roboto', sans-serif; font-weight:400; font-size:13px; margin:0;}
article .tasks .qa-mode .replies .item .text time {font-family:'Roboto', sans-serif; font-size:11px; color: #999;}
article .tasks .qa-mode .replies .item .text p {font-size:13px; font-family:'Roboto', sans-serif; line-height:1.5em; width:100%;}

article .tasks .qa-mode .availability {
    border: 1px solid #eee;
    margin-top: 8px;
    border-radius: 10px;
    padding: 10px;
}
article .tasks .qa-mode .availability.confirmed {
    border: 2px solid #999;
    margin-top: 8px;
    border-radius: 10px;
    padding: 10px;
}
article .tasks .qa-mode .availability div.people {
    background:#f7f7f7;
    padding: 5px;
	clear:both;
}
article .tasks .qa-mode .availability div.people img {
    width:36px !important;
	height:36px !important;
}
article .tasks .qa-mode .availability div.commands {
    text-align:left;
	padding:0 0 8px 0;
	margin-bottom:5px;
}
article .tasks .qa-mode .availability div.commandsRight {
    text-align:center;
	padding:0 0 8px 0;
	margin:-30px auto 0px !important;
	width:15%;
	float:right;
}
article .tasks .qa-mode .availability div.confirmedRight {
    text-align:right;
	padding:0 0 8px 0;
	margin:0 auto;
	width:30%;
	float:right;
	font-size:14px;
}
article .tasks .qa-mode .availability div.confirmedRight i{
    color:#fb7000;
	font-size:16px;
}
article .tasks .qa-mode .availability div.commandsRight a.unsubscribeCall{
    color:#333;
	font-size:12px;
	text-decoration:underline;
	line-height:18px;
}
article .tasks .qa-mode .availability a.linkRoom {
    color:#333;
	margin-right:10px;
	font-size:14px;
	text-decoration:underline;
	line-height:26px;
}
article .tasks .qa-mode .availability a.linkRoom i {
    color: #fb7000;
    font-size: 12px;
    /* line-height: 23px; */
    margin-left: 20px;
    border: 2px solid #fb7000;
    border-radius: 50px;
    text-align: center;
    padding: 2px 3px;
}
.editRoom textarea {
    width:82%;
}
.editRoom button.btn {
    font-size:13px !important;
}
.float-left {
    float:left;
}
.float-right {
    float:right;
}
article .tasks .qa-mode .availability + .availability {
    border: 1px solid #eee;
    margin-top: 8px;
    border-radius: 10px;
    padding: 10px;
}
article .tasks .qa-mode .availability + .availability.confirmed {
    border: 2px solid #999;
    margin-top: 8px;
    border-radius: 10px;
    padding: 10px;
}
article .tasks .qa-mode .availability .commands {text-align:right; font-size:13px; color:#666; padding:8px 0;}

article .tasks .qa-mode .label {display:block; font-size:14px; font-weight:500; color:#444; padding-left:24px; position:relative;}
article .tasks .qa-mode .label:before {content:''; width:14px; height:14px; display:block; position:absolute; left:0; top:0; background:#FFF; border:1px solid #999; line-height:14px; color:#FB7D00; font-family:hrg-icons; font-size:19px; font-weight:normal;}
article .tasks .qa-mode .label.active:before {content:'\f00c';}
article .tasks .qa-mode .confirmed .label:before {content:"\f058"; color:#5A5; background:transparent; border:0; top:2px;}
article .tasks .qa-mode .waiting .label:before {content:"\f058"; color:#FA0; background:transparent; border:0; top:2px;}
article .tasks .qa-mode .closed .label:before {content:"\eb5b"; color:#FB7D00; background:transparent; border:0; top:2px; font-family: unicons;}
article .tasks .qa-mode .open .label:before {content:"\f14a"; color:#ccc; background:transparent; border:0; top:2px;}

article .tasks .qa-mode .labelCall {width:80%;}

article .tasks .qa-mode .confirm {background:#FFF; padding:4px; font-size:12px; font-weight:normal; border-radius:6px; margin-top:4px;}
article .tasks .qa-mode .confirm .errors {padding:6px; font-size:13px;}
article .tasks .qa-mode .confirm .more {margin:20px; color:#666;}
article .tasks .qa-mode .confirm .more h2 {margin:0; margin-bottom:8px; color:#D44; font-size:15px;}
article .tasks .qa-mode .confirm .more p {margin:0; margin-bottom:8px;}
article .tasks .qa-mode .confirm .overlap ul {list-style:none; padding:0; margin:20px;}
article .tasks .qa-mode .confirm .overlap li {color:#999; background:#EEE; padding:8px; margin-bottom:4px; border-radius:6px;}
article .tasks .qa-mode .confirm .overlap h2 {font-size:11px; margin-bottom:4px; margin-top:0; text-transform:normal; color:#444;}
article .tasks .qa-mode .confirm .overlap h2 time {margin-left:10px;}
article .tasks .qa-mode .confirm .overlap h2 i {margin-right:4px; vertical-align:middle; position:relative; top:-1px;}
article .tasks .qa-mode .confirm .overlap img {width:36px; float:left; margin-right:10px;}
article .tasks .qa-mode .confirm .commands {font-weight:bold; font-size:15px; color:#555;}
article .tasks .qa-mode .confirm .commands .btn {min-width:48px;}
article .tasks .qa-mode .confirm .commands .btn:first-of-type {margin-left:10px;}

article .tasks .qa-mode .label time {margin-left:20px;}
article .tasks .qa-mode .label time i {margin-right:4px; vertical-align:middle; position:relative; top:-2px;}
article .tasks .qa-mode .label .going {font-size:12px; font-weight:400; color:#666;}
article .tasks .qa-mode address {font-style:normal; font-size:17px; margin:10px 0;}
article .tasks .qa-mode p {font-size:11px; color:#666; font-family:'Roboto', sans-serif;}
article .tasks .qa-mode .people {font-size:0;}
article .tasks .qa-mode .people.margin {margin: 10px 0;}

article .tasks.own .errors .btn {min-width:48px; margin-left:4px;}

article .tasks .qa-mode .people .item {width:36px; height:36px; position:relative; z-index:99; display:inline-block; margin:3px; cursor:pointer;}
article .tasks.own .qa-mode .people .item:after {content:''; width:14px; height:14px; display:block; position:absolute; right:-2px; top:-3px; line-height:14px; font-family:hrg-icons; font-size:19px; background:#FFF; border-radius:50%; z-index:200;}
article .tasks.own .qa-mode .people .item.confirmed:after {content:"\f058"; color:#5A5;}
article .tasks.own .qa-mode .people .item.waiting:after {content:"\f058"; color:#FA0;}
article .tasks.own .qa-mode .closed .people .item:after {display:none;}
article .tasks .qa-mode .people .item.opened {z-index:100; cursor:default;}
article .tasks .qa-mode .people .item.opened:after {display:none;}
article .tasks .qa-mode .people .item .card {width:46px; height:46px; overflow:hidden; padding:0; background:transparent; transition:.2s; z-index:99; position:absolute;}
	.lt-ie9 article .tasks .qa-mode .people .item .card {position:static;}
article .tasks .qa-mode .people .item.opened .card {width:320px; height:82px; padding:10px; background:rgba(0,0,0,0.8); color:#FFF; z-index:100; top:50%; left:50%; margin-top:-41px; margin-left:-160px; position:absolute; border-radius:10px;}
article .tasks.own .qa-mode .people .item.opened .card {height:120px; margin-top:-60px;}
article .tasks.own .qa-mode .closed .people .item.opened .card {min-height:82px; height:auto; margin-top:-41px;}
	.lt-ie9 article .tasks.own .qa-mode .closed .people .item.opened .card {min-height:66px;}
article .tasks .qa-mode .people .item .details {display:none; vertical-align:top; margin-left:8px;}
article .tasks .qa-mode .people .item .details p {margin:0; color:#CCC; font-family:'Roboto', sans-serif; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:16px; font-size:11px;}
article .tasks .qa-mode .people .item .details p:first-child {color:#FFF; font-size:13px;}
article .tasks .qa-mode .people .item.opened .details {display:inline-block;}

article .tasks .qa-mode .people .item .card .info {height:auto; font-size:11px; font-family:'Roboto', sans-serif; color:#ddd; padding-top:2px;}
article .tasks.own .qa-mode .people .item .card .commands {text-align:center; position:absolute; bottom:0; left:8px; right:8px; color:#FFF;}
article .tasks.own .qa-mode .people .item .card .commands .btn {width:47%;}
article .tasks.own .qa-mode .people .item .card .commands .btn.small {width:auto; margin-left:16px;}
article .tasks .qa-mode .people .item .card .close {color:#FFF; position:absolute; top:8px; right:8px; display:block; font-size:12px; cursor:pointer;}

article .tasks .qa-mode .people img {
    width: 100% !important;
    max-height: 70px !important;
    max-width: 70px !important;
    border: 2px solid #FFF;
        border-top-color: rgb(255, 255, 255);
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
    transition: .3s;
    border-radius: 50px;
    height: auto !important;
}
article .tasks .qa-mode .people img:hover {border-color:#FB7D00;}
article .tasks .qa-mode .people .item.opened img:hover {border-color:#FFF;}
article .tasks .qa-mode .commands {text-align:right;}

/* POST */
article .tasks .post {background:#fff; padding:20px; color:#333; margin-bottom:10px; position:relative; border:1px solid #E0DFDC;border-radius:10px;}


/* NEWS DETAIL */
article .news-detail .profile {padding:8px; margin-right:0;}
article .news-detail .profile h1 {font-size:15px;}
article .news-detail .profile h2 {font-size:13px; margin-bottom:4px;}
article .news-detail .profile h3 {font-size:13px;}
article .news-detail .profile img {float:none; margin-right:0; margin-bottom:10px; width:auto; max-width:100%;}
	.lt-ie9 article .news-detail .profile img {margin-left:0; width:100%;}
article .news-detail .profile .commands {text-align:center; margin:auto;}
article .news-detail .news {background:#F0F0F0; padding:20px; margin:0 16px; color:#333; margin-bottom:10px; position:relative;}
article .news-detail .news h1 {font-size:18px; margin:0; color:#456;}
article .news-detail .news time {font-size:11px; font-family:'Roboto', sans-serif; color:#999; margin-bottom:20px; display:block;}
article .news-detail .news .news-content {font-weight:400; font-size:14px; margin:0; margin-bottom:10px; color:#666;}
article .news-detail .news .news-content h1 {font-size:16px; color:#666; margin-bottom:8px;}
article .news-detail .news .news-content h2 {font-size:16px; font-weight:normal; margin-top:0;}
article .news-detail .news .news-content p {font-size:13px; line-height:1.5em;}
article .news-detail .news .news-content a {color:#023; text-decoration:underline;}
article .news-detail .news .news-content a:hover {text-decoration:none;}
article .news-detail .news .toolset {text-align:right;}
article .news-detail .news .toolset a {color:#333; background:#DDD; font-size:12px; padding:0 8px; border-radius:8px;}
article .news-detail .news .toolset a:hover {background:#FFF; box-shadow:1px 1px 0px rgba(0,0,0,.3) inset;}
article .news-detail .news .toolset a i {color:#FB7D00; margin-right:4px; font-size:11px;}

article .news-detail .news h3 {margin:0; margin-bottom:10px; text-transform:normal; display:inline-block; background:#456; color:#eee; font-weight:400; font-size:13px; padding:0 12px 0 20px; margin-left:-20px;}

article .news-detail .news .documents {margin:20px 0;}
article .news-detail .news .documents h4 {font-size:10px; text-transform:normal; color:#666; margin-bottom:4px; border-bottom:1px solid #E0DFDC;}
article .news-detail .news .attachments {list-style:none; padding:0; margin-top:0;}
article .news-detail .news .attachments a {display:inline-block; background:#DDD; color:#333; margin-bottom:4px; font-size:11px; font-family:'Roboto', sans-serif; padding:0; padding-right:10px;}
article .news-detail .news .attachments a:hover {background:#FB7D00; color:#FFF;}
article .news-detail .news .attachments a i {display:inline-block; width:20px; height:20px; background:#FB7D00; color:#FFF; text-align:center; line-height:20px; margin-right:6px;}
article .news-detail .news .videos a {background:#DDD; padding:10px; margin-bottom:4px; font-size:15px; color:#333; display:block;}
article .news-detail .news .videos a:hover {background:#FFF;}
article .news-detail .news .videos img {display:inline-block; vertical-align:middle; margin-right:10px;}
article .news-detail .news .videos p {display:inline-block; vertical-align:middle;}
article .news-detail .news .video-container {background:#DDD; padding:10px; margin-bottom:4px; margin-top:20px; position:relative;}
article .news-detail .news .video-container a {display:block; position:absolute; bottom:100%; right:0; width:36px; height:16px; line-height:14px; background:#DDD; z-index:100; border-radius:4px 4px 0 0; text-align:center; font-family:Arial black; color:#999; margin:0; padding:0;}
article .news-detail .news .video-container a:hover {color:#D44; background:#DDD;}
article .news-detail .news .video-container .yt {padding-bottom:56.25%; padding-top:30px; position:relative;}
article .news-detail .news .video-container .yt iframe {width:100%; height:100%; position:absolute; top:0; left:0; border:0; z-index:99;}

article .news-detail .comments {background:#F0F0F0; padding:20px; padding-top:0; margin:0 16px; color:#333; margin-bottom:10px; border-radius:10px 10px 0 0;}
article .news-detail .comments h1 {margin-left:-20px; margin-right:-20px; border-radius:10px 10px 0 0; color:#EEE; padding:8px 16px; text-transform:normal; font-weight:600; font-size:14px; background:#456; margin-bottom:10px;}
article .news-detail .comments h1 i {margin-right:10px; vertical-align:middle; font-size:17px; color:#EEE; position:relative; top:-2px;}

article .news-detail .comments .add-comment {padding-bottom:10px; border-bottom:8px solid #FFF;}
article .news-detail .comments .add-comment img {width:12%; border:2px solid #FFF; margin-right:2%; display:inline-block; vertical-align:top;}
article .news-detail .comments .add-comment textarea {width:85%; height:120px; display:inline-block; vertical-align:top; margin-bottom:10px;}
article .news-detail .comments .replies {padding-top:10px; margin-top:10px;}
article .news-detail .comments .replies .item {margin-bottom:20px; border-bottom:2px solid #CCC; padding-bottom:10px;}
article .news-detail .comments .replies .item img {width:12%; border:2px solid #FFF; margin-right:2%; display:inline-block; vertical-align:top;}
article .news-detail .comments .replies .item .text {width:85%; display:inline-block; vertical-align:top;}
article .news-detail .comments .replies .item .text h2 {font-family:'Roboto', sans-serif; font-weight:400; font-size:13px; margin:0;}
article .news-detail .comments .replies .item .text time {font-family:'Roboto', sans-serif; font-size:11px;}
article .news-detail .comments .replies .item .text p {font-size:13px; line-height:1.5em; color:#666;}
article .news-detail .comments .commands {text-align:right;}

/* INVITE */
.invite .invite-modes {background:#F2F2F2; margin-bottom:16px; padding:16px 0; text-align:center;}
.invite .invite-modes a {display:inline-block; vertical-align:middle; width:30%; margin:0 1%; height:64px; line-height:64px; background:#FFF; border-radius:6px;}
.invite .invite-modes a.current {box-shadow:2px 2px 6px #999 inset;}
.invite .invite-modes a img {display:inline-block; vertical-align:middle; max-width:80%;}
.invite .form .content ul {margin-left:0; padding:0; margin-bottom:36px;}
.invite .form .content li {padding-right:0;}
.invite .form .content input[type=text] {width:100%;}
.invite .form .content .commands {text-align:right; margin-bottom:24px;}
.invite .form .content .item .commands {text-align:left;}
.invite .form .content .item.opened .commands {position:relative; float:left; top:auto; left:auto; bottom:auto; margin:0; padding:0;}
article .invite .results .item {background:#FFF;}
article .invite .results .item h1,
article .invite .results .item h2 {margin-right:130px;}
article .invite .results .item.opened h1,
article .invite .results .item.opened h2 {margin-right:0; margin-bottom:8px;}
article .invite .results .item.opened img {max-width:86px; max-height:86px; width:auto; height:auto;}
article .invite .results .item .commands {padding-top:18px;}
article .invite .results .item .commands .btn {text-align:center; width:100%; position:relative;}
article .invite .results .item .commands .btn i {position:absolute; left:8px; top:4px;}
.invite .choose {background:#F2F2F2; padding:20px 10px; text-align:center;}
.invite .choose .btn {width:48%;}

/* ACCESS */
section.access {max-width:540px; margin:16px auto 32px; background:#fff; padding:36px 24px; border-radius:8px; border-radius:10px 10px 0px 0px; border:1px solid #E0DFDC;}
section.access .steps {text-align:center; margin-bottom:20px;}
section.access .steps li {display:inline-block; background:#BBB; color:#222; text-align:center; width:44px; height:44px; line-height:44px; font-size:27px; border-radius:50%; padding:0; margin:0 10px; font-family:'Roboto', sans-serif;}
section.access .steps li.current {color:#FFF; background:#FB7D00;}
section.access .steps li.completed {color:#FFF; background:#023;}
section.access h1 {text-transform:normal; font-size:18px; font-weight:400; color:#333; margin-top:0; margin-bottom:32px;}
section.access h2 {font-size:15px; font-weight:600; color:#333; margin-top:0; margin-bottom:10px;}
section.access h3 {font-size:13px; font-weight:400; color:#666; margin-top:0; margin-bottom:32px;}
section.access h4 {font-size:14px; font-weight:600; color:#333; margin:0; text-transform:normal;}
section.access p {font-size:14px; text-align:center;}
section.access.connect p {margin-top:0;}
section.access p img {display:block; margin:24px auto;}
section.access .commands {text-align:right;}
section.access.connect .commands {text-align:center; margin-top:36px;}
section.access.data .commands {padding-top:24px; padding-right:30px;}
section.access.data li .commands {padding-top:0; margin-bottom:32px;}
section.access li .btn {font-size:13px; width:100px;}
section.access ul {margin:0; padding:0; list-style:none; margin-bottom:20px;}
section.access ul.switch {margin-bottom:36px;}
section.access li {margin-bottom:8px; position:relative; min-height:30px; padding-top:4px; font-size:13px;}
section.access .list li {min-height:0; margin-bottom:0;}
section.access.data li i {font-size:20px; color:#888; position:absolute; right:0; top:10px;}
section.access li > a {color:#333; text-decoration:underline;}
section.access li > a:hover {text-decoration:none;}
section.access label {display:inline-block; vertical-align:top; width:160px; text-align:right; line-height:1.1em; padding-right:10px;}
section.access .switch input[type=checkbox] {position:absolute; text-indent:-999px; left:-9999px;}
section.access label[data-type=switch] {position:relative; background:#FFF; padding:10px; display:block; transition:.3s; cursor:pointer; text-align:left;}
section.access label[data-type=switch]:before {padding:4px 12px 3px; border-radius:4px; position:absolute; right:8px; top:6px; color:#FFF; text-transform:normal; font-weight:600; font-size:11px;}
section.access input[type=checkbox] + label[data-type=switch]:before {content:attr(data-off); background:#FB7D00;}
section.access input[type=checkbox]:checked + label[data-type=switch]:before {content:attr(data-on); background:#FB7D00;}

section.access.sec_recupero_password {
    margin: 5% auto 20px auto !important;
    background: #fff;
    border-radius: 10px !important;
	box-shadow:0px 0px 5px #ccc;
}

section.access.sec_recupero_password form {
	 display: flex;
	 flex-wrap: wrap;
	 flex-direction: column;
}
section.access.sec_recupero_password label {
	 display: flex;
	 cursor: pointer;
	 font-weight: 500;
	 position: relative;
	 overflow: hidden;
	 margin-bottom: 0.375em;
	 width:100%;
	/* Accessible outline */
	/* Remove comment to use */
	/* &:focus-within {
		 outline: .125em solid $primary-color;
	}
	 */
}
section.access.sec_recupero_password label input {
	 position: absolute;
	 left: -9999px;
}
section.access.sec_recupero_password label input:checked + span {
	 background-color: #f1f1f1 ;
}
section.access.sec_recupero_password label input:checked + span:before {
	 box-shadow: inset 0 0 0 0.4375em #FECE00;
}
section.access.sec_recupero_password label span {
	 display: flex;
	 align-items: center;
	 padding: 0.2em 0.75em 0.2em 0.375em;
	 border-radius: 99em;
	 transition: 0.25s ease;
}
section.access.sec_recupero_password label span:hover {
	 background-color: #f1f1f1;
}
section.access.sec_recupero_password label span:before {
	 display: flex;
	 flex-shrink: 0;
	 content: "";
	 background-color: #fff;
	 width: 1.5em;
	 height: 1.5em;
	 border-radius: 50%;
	 margin-right: 0.375em;
	 transition: 0.25s ease;
	 box-shadow: inset 0 0 0 0.125em #FECE00;
}
section.access.sec_recupero_password input  {
	 width:99% !important;
	 border-radius:50px;
	 margin-bottom:10px;
	 padding:.7em .9em!important;
}
section.access.sec_recupero_password textarea  {
	 width:100% !important;
	 margin-bottom:10px;
}
/*
    IE8 FIX
*/
section.access input[type=checkbox].ie_check + label[data-type=switch]:before {content:attr(data-on); background:#FB7D00;}

section.access input[type=radio] + label {text-transform:none; font-weight:400; width:auto; margin:0; vertical-align:middle; line-height:1em;}

section.access label a {color:#333;}
section.access label a:hover {}
section.access .hint {margin-left:170px; color:#999; font-size:11px; font-family:'Roboto', sans-serif;}
section.access .hint.error {color:#D44;}
section.access .hint a {color:#666;}
section.access .hint a:hover {}
section.access input[type=text],
section.access input[type=password] {width:320px; font-size:13px;}
section.access textarea {width:320px; height:100px; font-size:13px;}

section.access.data input[type=text],
section.access.data input[type=password] {width:300px;}
section.access.data select {width:300px;}
section.access.data select.small {width:148px;}
section.access.data select.tiny {width:98px;}
section.access input[type=checkbox],
section.access input[type=radio] {display:inline-block; vertical-align:middle; margin-right:4px;}
section.access input[type=checkbox] + label,
section.access input[type=radio] + label {text-transform:none; font-weight:400; width:auto; margin:0; vertical-align:middle; line-height:1em;}
section.access .register {border-top:8px solid #FFF; padding-top:16px; margin-top:32px; font-size:14px;}
section.access .btn {min-width:148px; text-align:center;}
section.access .btn:hover {
    background:#333 !important;
}
section.access.connect .btn {width:auto;}

section.access .chosen-container .chosen-results {padding:0; margin:0;}
section.access .chosen-container .chosen-results li {min-height:0; font-size:13px;}

/* ERRORS */
section.error  {
    max-width: 600px;
    margin: 5% auto;
    background: #Fff;
    padding: 36px 24px;
    border-radius: 8px;
	text-align:center;
}

section.error h1 {font-size:24px; font-weight:400; color:#456; margin-top:0; margin:20px 10px 50px 10px; letter-spacing:-1px;}
section.error h2 {font-size:19px; font-weight:600; color:#333; margin-top:0; margin-bottom:10px; letter-spacing:-1px;}
section.error p {font-size:14px;}
section.error i {font-size:60px; color:#999;}
section.error a i {font-size:16px; color:#fff;}
section.error .commands {text-align:right;}

/* TUTORIAL */
section.tutorial  {
    background: #fff;
    margin-bottom: 6px !important;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
    padding: 20px;}
	.formcontatti .padding10 {
    padding: 10px 20px;
}
.formcontatti label {
    font-weight: bold;
    display: block;
    font-size: 13px !important;
}
.formcontatti .u-full-width {
    width: 100%;
}
.formcontatti .btn.act {
    padding: 5px 10px;
    height: 45px;
}
.formcontatti .btn:hover {
    background:#333 !important;
}

section.tutorial .steps {background:#EEE; padding:36px 20px; margin-right:20px; margin-bottom:48px;}
section.tutorial .step {background:#FB7D00; padding:20px 76px; position:relative;}
section.tutorial .step + .step {margin-top:30px;}
section.tutorial .step h1 {color:#FFF; text-transform:normal; font-size:26px; margin:0;}
section.tutorial .step h2 {color:#023; font-size:16px;}
section.tutorial .step p {color:#023; font-size:14px; line-height:1.5em;}
section.tutorial .step img {display:block; margin:auto;}
section.tutorial .step > i {width:56px; height:56px; line-height:53px; text-align:center; border-radius:50%; background:#023; display:block; position:absolute; left:10px; top:-18px;}
section.tutorial .step > i img {display:inline-block; vertical-align:middle;}

section.tutorial .box {background:#023; padding:16px; position:relative; max-width:300px; margin:0 auto 16px;}
section.tutorial .box h1 {color:#FFF; font-size:16px; font-weight:300; padding-right:42px;}
section.tutorial .box .btn {text-transform:none; font-size:16px; font-weight:400; display:block; margin-top:10px; text-align:center;}
section.tutorial .box:before {content:"?"; display:block; position:absolute; top:16px; right:16px; width:36px; height:36px; background:#FFF; border-radius:50%; color:#023; font-size:36px; font-weight:600; text-align:center; font-family:Arial black; line-height:36px;}

.system-info {background:#FB7D00; padding:12px 36px; color:#FFF; font-size:13px; text-align:center; position:relative; font-family:'Roboto', sans-serif;}
.system-info > i {margin-right:8px; font-size:18px; vertical-align:middle; color:#FD7; text-shadow:0 0 4px #222;}
.system-info [data-action=close] {position:absolute; right:8px; display:block; top:50%; margin-top:-10px; }
.system-info [data-action=close]:after {content:"\f00d"; font-family:hrg-icons; color:#FFF;}
.system-info [data-action=close]:hover:after {color:#D44;}



article {padding-top:16px;}
article hgroup {margin-bottom:20px; position:relative;}
article hgroup h1 {text-transform:normal; font-size:22px; font-weight:400; color:#333;}
article hgroup h2 {text-transform:normal;}
article hgroup .commands {position:absolute; right:0; top:4px;}
article hgroup .commands .btn {/*padding:4px 6px;*/}

article .show-more {text-align:center; margin-bottom:24px;}

article .search {
    margin-right: 10px;
    margin-bottom: 8px;
    margin-top: 10px;
}

article .search form {position:relative;}
article .search input {width:100%; font-size:14px; padding-right:32px;}
article .search button {width:32px; height:32px; border:0; position:absolute; right:0; top:0; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHESURBVDiNrdRPiE1hGMfxz71mIaUZM5MsKIuxsBCFImmyerPyr94NWdBZCSULMVuhLChq6jIWqHGWGuosxIINQ2EnK2WpRnbEsbhn6p33dq9Z+NXb6fn3ff90nqdV17VcIRaT2IOd2IKvmG/WXFV2fvQUNWqlwBCLtZjGoX4F+IITVdl5NhAYYhHwAOMDYIuqcQtnq7Kz5IrtBrYes8uEQQuncSoPtJvvHYxksdc4g0kcwz38yXKuhVhMpI6hEIsjCFniVVyqyk4KeBhicRdPMNz4VuE6DqYn3JfBXuBiBgNV2XmFc5l7T2q0sSNLuJ0/dAadwULiGg+x2JgCt2Y17/rBEn3I7O0pcCELji4DuCazv6XAt1lw7yBSiMU4NieuOmW08SarmQqxWDeAeQNDif0pbcU2SvxMEkZRhVgsedsQi9UhFtM4mm3wKDVadV0LsbiAK1nib7xv1gbdQTGsV5ersjOVA1fgJXb1u+c/dB8nq7LzKx0OI7iJ48sA1Lr9nOo5DrfyeRhicUC3nSb06jtmMKf79mNZ/GMPMAGP6XbRNt0ZOI/Pi10UYrEJT/ON+wKXo+affIzd/wXYQFfiPPZj9i++Q5D0W1vTxgAAAABJRU5ErkJggg==) center no-repeat transparent; text-indent:-9999px; transition:all .3s; font-size:0; vertical-align:top;}
article .search button:hover {opacity:.7; margin-left:-40px;}

article .search-contacts {
    width:50%;
	float:right;
}
article .search-contacts form {position:relative;}
article .search-contacts input {width:100%; font-size:14px; padding-right:32px;}
article .search-contacts button {width:32px; height:32px; border:0; position:absolute; right:0; top:0; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHESURBVDiNrdRPiE1hGMfxz71mIaUZM5MsKIuxsBCFImmyerPyr94NWdBZCSULMVuhLChq6jIWqHGWGuosxIINQ2EnK2WpRnbEsbhn6p33dq9Z+NXb6fn3ff90nqdV17VcIRaT2IOd2IKvmG/WXFV2fvQUNWqlwBCLtZjGoX4F+IITVdl5NhAYYhHwAOMDYIuqcQtnq7Kz5IrtBrYes8uEQQuncSoPtJvvHYxksdc4g0kcwz38yXKuhVhMpI6hEIsjCFniVVyqyk4KeBhicRdPMNz4VuE6DqYn3JfBXuBiBgNV2XmFc5l7T2q0sSNLuJ0/dAadwULiGg+x2JgCt2Y17/rBEn3I7O0pcCELji4DuCazv6XAt1lw7yBSiMU4NieuOmW08SarmQqxWDeAeQNDif0pbcU2SvxMEkZRhVgsedsQi9UhFtM4mm3wKDVadV0LsbiAK1nib7xv1gbdQTGsV5ersjOVA1fgJXb1u+c/dB8nq7LzKx0OI7iJ48sA1Lr9nOo5DrfyeRhicUC3nSb06jtmMKf79mNZ/GMPMAGP6XbRNt0ZOI/Pi10UYrEJT/ON+wKXo+affIzd/wXYQFfiPPZj9i++Q5D0W1vTxgAAAABJRU5ErkJggg==) center no-repeat transparent; text-indent:-9999px; transition:all .3s; font-size:0; vertical-align:top;}
article .search-contacts button:hover {opacity:.7; margin-left:-40px;}

article .filters {padding:8px 0 8px; margin-right:25px;}
article .filters a {text-transform:normal; color:#333; font-size:13px; display:block; font-weight:400; margin-bottom:6px; position:relative;}
article .filters a[data-counter]:after {content:attr(data-counter); display:inline-block; top:-1px; background:#FB7D00; color:#FFF; font-size:9px; padding:0 4px; border-radius:8px; position:relative; margin-left:4px;}
article .filters ul {list-style:none; padding:0; margin:0; padding-left:0; margin-bottom:10px; background:#D5D5D5; max-height:240px; overflow-y:auto;}
ul#hr_areas.standardFilter {list-style:none; padding:0; margin:0; padding-left:0; margin-bottom:10px; background:none !important; max-height:240px; overflow-y:auto;}
ul#search-skills-list.standardFilter {list-style:none; padding:0; margin:0; padding-left:0; margin-bottom:10px; background:none !important; max-height:240px; overflow-y:auto;}
ul#search-skills-list.standardFilter li {display:block !important;}
ul#settori.standardFilter {list-style:none; padding:0; margin:0; padding-left:0; margin-bottom:10px; background:none !important; max-height:240px; overflow-y:auto;}
#documents   {background:#fff; padding: 10px 16px; display: block; border-radius:0 0 10px 10px;}
#documents  p {padding: 0px; margin:0; color:#777; font-size:15px; }

div#documents.type-file, div#confirmed.type-file, div#pending.type-file, div#onair.type-file-1, div#revisione.type-file-1    {background:#fff; padding: 10px 4px 10px 16px; display: block; border-radius:0 0 10px 10px; border:1px solid #E0DFDC;}
div#documents.type-file p, div#documents.type-file-1 p {padding: 0px; margin-top:5px; color:#444; font-size:13px; line-height:16px;}
div#documents.type-file div.doc-thumbnail img {border:1px solid #E0DFDC;}
div#video.type-file p {padding: 0px; margin-top:5px; color:#444; font-size:13px; line-height:16px;}
div#video.type-file    {background:#fff; padding: 10px 4px 10px 16px; display: block; border-radius:0 0 10px 10px; border:1px solid #E0DFDC;}

article .filters li {margin-bottom:2px; overflow:hidden;}
article .filters input[type=checkbox] {position:absolute; left:-2000px;}
article .filters input[type=radio] {position:absolute; left:-2000px;}
article .filters label {color:#666; font-size:13px; font-family:'Roboto', sans-serif; padding:4px 2px; display:block; cursor:pointer; padding-left:10px; transition:.3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
article .filters label i {margin-right:4px; width:10px; vertical-align:middle; position:relative; top:-1px; display:inline-block;}
article .filters label:hover {background:#DDD;}
article .filters input[type=checkbox]:checked + label {color:#FFF; background:#FB7D00;}
article .filters input[type=radio]:checked + label {color:#FFF; background:#FB7D00;}


article .network-filters {padding:8px 0 8px;display:block; width:100%; }
article .network-filters form {display:block; width:98%; float:left; position:relative;}
article .network-buttons {display:block; width:90%; }
article .network-buttons a{display:block; width:100%;margin-bottom:5px;}
article .network-filters a {text-transform:normal; color:#666; font-size:14px; display:block; font-weight:400; margin-bottom:10px; position:relative;margin-left:20px; }
article .network-filters a.active  {
    color: var(--accent-color-text) !important;
    font-weight: 500;
    background: var(--accent-color);
    padding: 2px 5px;
}
article .network-filters a.active i {color:var(--main-color);  }
article .network-filters a:hover  {color: var(--main-color-text) !important;
    background: var(--main-color);
}
article .network-filters a:hover i {color: var(--main-color-text) !important;
}


article .network-filters a.current {text-decoration:underline; color:#000; font-weight:500; }
article .network-filters a:hover {color:#FB7D00; }
article .network-filters a  i{ font-size:18px;  }
article .network-filters a.all {color:#222;margin-left:0px; }
article .network-filters a[data-counter]:after {content:attr(data-counter); display:inline-block; top:-1px; background:#FB7D00; color:#FFF; font-size:9px; padding:0 4px; border-radius:8px; position:relative; margin-left:4px;}
article .network-filters ul {list-style:none; padding:5px; margin:0; margin-bottom:10px; max-height:240px; overflow-y:auto; width:100%;}
article .network-filters ul#hr_areas.standardFilter {list-style:none; padding:5px; margin:0; margin-bottom:10px; background:#f2f2f2 !important; max-height:240px; overflow-y:auto; width:100%;}

ul#settori.standardFilter {list-style:none; padding:0; margin:0; padding-left:0; margin-bottom:10px; background:none !important; max-height:240px; overflow-y:auto;}
ul#filterCalendar.monthFilter {list-style:none; padding:0; margin:0; padding-left:0; margin-bottom:10px; background:none !important; max-height:305px; overflow-y:auto;}
ul#filterCalendar.monthFilter li a {margin-bottom:5px;}

article .network-filters li {margin-bottom:2px; overflow:hidden;}
article .network-filters input[type=checkbox] {position:absolute; left:-2000px;}
article .network-filters input[type=radio] {position:absolute; left:-2000px;}
article .network-filters label {color:#666; font-size:12px; font-family:'Roboto', sans-serif; cursor:pointer; transition:.3s; overflow:hidden; text-overflow:ellipsis;}
article .network-filters a.tag {color:#666; font-size:12px; font-family:'Roboto', sans-serif; cursor:pointer; transition:.3s; overflow:hidden; text-overflow:ellipsis;margin-top:5px; margin-bottom:5px;}
article .network-filters a.tag:hover {color:#FB7D00;}
article .network-filters label i {margin-right:4px; width:10px; vertical-align:middle; position:relative; top:-1px; display:inline-block; font-size:13px;}
article .network-filters label:hover {color:#FB7D00;}
article .network-filters input[type=checkbox]:checked + label {color:#FB7D00; font-weight:500;}
article .network-filters input[type=radio]:checked + label {color:#FFF; background:#FB7D00;}
article .network-filters ul#city, article .network-filters ul#company, article .network-filters ul#industry, article .network-filters ul#connections, article .network-filters ul#hr_areas, article .network-filters ul#id1, article .network-filters ul#id2, article .network-filters ul#id3, article .network-filters ul#id5, article .network-filters ul#id9, article .network-filters ul#id10, article .network-filters ul#id11 {padding:6px;}
article .network-filters ul#city li, article .network-filters ul#company li, article .network-filters ul#industry li, article .network-filters ul#connections li , article .network-filters ul#hr_areas li,  article .network-filters ul#id1 li, article .network-filters ul#id2 li, article .network-filters ul#id3 li, article .network-filters ul#id5 li, article .network-filters ul#id9 li, article .network-filters ul#id10 li, article .network-filters ul#id11 li {display:block;}


article .map-filters {background:#DDD; margin:0; margin-bottom:8px; text-align:center; padding:6px 0;}
article .map-filters a {text-transform:none; font-weight:400; text-align:left; margin:0;}
article .map-filters select {width:48%; text-align:left; font-size:12px;}
article .map-filters ul {margin:0; padding:0;}
article .map-filters li {text-align:left;}

article .map-filters .tabber {padding:0; background:transparent; margin:2px 0;}
article .map-filters .tabber a:hover {background:#EEE;}
article .map-filters .tabber a.current {color:#FFF; background:#FB7D00;}

article .current-filters {color:#023; background:#fff; padding:12px 16px; margin-bottom:16px; position:relative; border:1px solid #E0DFDC; border-radius:10px;}
article .current-filters .commands-qa {text-align:right; margin-top:10px;}

/* ACTIVITY STREAM */
article .activity-stream {color:#666; background:#fff; margin-bottom:10px; position:relative; border:1px solid #E0DFDC; border-radius:10px;}
article .activity-stream .command {position:relative; }
.ico-activityStream i  {color:#666; font-size:20px; cursor:pointer;}
article .current-filters h1  {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: normal;
    margin-top: 8px;

}
article .activity-stream h1  {
    font-size: 16px;
    font-weight: 400;
    text-transform: normal;
    float: left;
    color: #666;
    border-bottom: 2px solid #FFBC79;
    width: 100%;
    padding: 0 0 10px 15px;
}
article .stream-title h1  {
    font-size: 16px;
    font-weight: 400;
    text-transform: normal;
    float: left;
    color: #333;
    width: auto;
    padding: 0 0 0px 15px;
}
article .stream-title h1 span {
    font-weight: 500;
    color: #FECE00;
}
article .activity-stream div.command ul {
    display:inline-block;
	list-style:none;
padding:0;
width:100%;
text-align:center;
margin:15px auto;

}
article .activity-stream div.command ul li {
    display:inline-block;
	list-style:none;
	padding: 2px 70px;
border: 1px solid #ccc;
border-radius: 50px;
}
article .activity-stream div.command ul li:hover {
    background:#f4f4f4;
}
article .activity-stream div.command ul li  a {
    color:#444; text-transform:normal; font-size: 14px;line-height: 3em;
}
article .activity-stream div.command ul li  .send-post i{
color:#FB7D00; font-size: 22px;
}
article .activity-stream div.command ul li  a.send-qa i{
color:#FB7D00; font-size: 24px;
}
article .current-filters .views {position:absolute; right:16px; top:10px;}
article .current-filters .views span {font-size:11px; font-family:'Roboto', sans-serif;}
article .current-filters .views a {color:#023; margin:0 2px; height:14px; line-height:14px; font-size:14px; display:inline-block; vertical-align:middle;}
article .current-filters .views a.current {color:#FB7D00;}
article .current-filters .views a:hover {color:#FB7D00;}

article .current-filters #current-filters .filter {font-family:'Roboto', sans-serif; color:#999; background:#f4f4f4; padding:4px 6px; display:inline-block; vertical-align:top; margin-right:4px; margin-top:4px; font-size:11px;}
article .current-filters #current-filters .filter:hover {background:#FB7D00; color:#fff;}
article .current-filters #current-filters .filter i {color:#023; margin-left:8px; position:relative; top:1px;}
article .current-filters #current-filters .filter i:hover {color:#C00; cursor:pointer;}

div.stream-title .views {position:relative; float:right; top:10px; right:10px;}
div.stream-title .views span {font-size:11px; font-family:'Roboto', sans-serif; color:#666;}
div.stream-title .views a {color:#023; margin:0 2px; height:14px; line-height:14px; font-size:14px; display:inline-block; vertical-align:middle;}
div.stream-title .views a.current {color:#FB7D00;}
div.stream-title .views a:hover {color:#FB7D00;}


/* SOCIAL STREAM */
article .social-stream {color:#666; background:#fff; margin-bottom:6px; position:relative; border:1px solid #E0DFDC; margin-top:-8px; border-radius: 0px 0px 10px 10px; padding-top:5px;}
article .social-stream .command {position:relative; border-bottom:1px solid #E0DFDC; border-radius: 0px 0px 10px 10px;}
article .social-stream div.command ul {
    display:inline-block;
	list-style:none;
	padding-left:20px;
	margin:0 0 10px 0;
	width:100%;
}
article .social-stream div.command ul li {
    display:inline-block;
	list-style:none;
	padding-right:34px;
}
article .social-stream div.command ul li  a {
    color:#666; text-transform:normal; font-size: 15px;line-height: 2em; cursor: pointer;
}
article .social-stream div.command ul li  a:hover {
    color:#000; 
}
article .social-stream div.command ul li  a i {
    color:#666; 
}
article .social-stream div.command ul li  a i.active {
    color:#FB7D00; 
}

article .social-stream .comment-post {position:relative; border-top:1px solid #E0DFDC; display:none; padding:20px; }
article .social-stream .comment-post textarea {
    width: 100%;
    font-size: 12px;
    padding: 10px 20px;
	height:40px;
    display: inline-block;
    border: 1px solid #E0DFDC;
    font-size: .8em;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 50px;
    -webkit-transition: .3s linear border;
    -moz-transition: .3s linear border;
    -ms-transition: .3s linear border;
    -o-transition: .3s linear border;
    transition: .3s linear border;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	margin-bottom:10px;
}
article .social-stream .comment-post button {
    float:right;
}
article .social-stream .comment-post .activity-comments {
    border-top: 1px solid #E0DFDC;
	margin-top:10px;
}
article .social-stream .comment-post .activity-comments ul li{
    width:100%;
	padding:10px 0;
}
article .social-stream .comment-post .activity-comments div.acomment-avatar{
    width: auto;
    margin-right: .5rem;
	float:left;
}
article .social-stream .comment-post .activity-comments div.acomment-meta a{
    overflow:hidden;
	font-size:13px;
	color:#222;
	font-weight:500;
}
article .social-stream .comment-post .activity-comments p.acomment-content {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 0px;
	font-size:13px;
	margin-left:45px;
	margin-bottom:0px;
}
article .social-stream .comment-post .activity-comments a.acomment-action {
    margin-top: 5px;
	font-size:11px;
	margin-left:45px;
	margin-bottom:10px;
	color:#333;
	font-weight:500;
}
article .social-stream .comment-post .activity-comments a:hover.acomment-action {
	color:#FB7D00;
}

article .social-stream .comment-post .logged figure img {
    max-width: 40px !important;
    max-height: 40px !important;
    border-radius: 50px;
}

article .tabber {

    padding: 3px 0;
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
    position: relative;
    border-bottom: 1px solid #ccc;
}
article .tabber a {display:inline-block; padding:4px 10px; color:#333; margin-right:6px; position:relative; cursor:pointer;}
article .tabber a:hover {background:#DDD; border-radius: 30px;}
article .tabber a.current  {
    background: #666;
    color: #FFF;
    border-radius: 30px;
}
.redd, .redd-1  {
    background: #666;
    color: #FFF !important;
    border-radius: 30px;
}
a.redd i, a.redd-1 i  {
    color: #FFF !important;
}
article .tabber a + a:before {content:"|"; display:block; position:absolute; left:-8px; color:#ccc;}
article .tabber a i {display:inline-block; margin-right:4px; color:#456; font-size:14px; vertical-align:middle; position:relative; top:-1px;}
article .tabber a.current i {color:#FFF;}
article .tabber a span {font-size:11px;}
article .tabber .search {position:absolute; right:6px; top:7px; margin:0; padding:0; width:180px;}

article .tabber .views {position:absolute; right:16px; top:10px;}
article .tabber .views a {color:#023; margin:0 2px; height:14px; line-height:14px; font-size:14px; display:inline-block; vertical-align:middle; padding:0;}
article .tabber .views a + :before {display:none;}
article .tabber .views a.current {color:#FB7D00; background:transparent;}
article .tabber .views a:hover {color:#FB7D00; background:transparent;}
article .tabber .views a i {color:#023; font-size:14px;}
article .tabber .views a.current i {color:#FB7D00;}

article .secondary {position:relative; margin-bottom:8px; font-family:'Roboto', sans-serif; font-size:13px; color:#333;}
article .secondary > div {background:#DDD; padding:6px; display:block !important;}
article .secondary a {display:inline-block; padding:4px 10px; color:#333; margin-right:6px; position:relative; white-space:nowrap;}
article .secondary a:hover {background:#EEE;}
article .secondary a.current {background:#FB7D00; color:#FFF;}
article .secondary a + a:before {content:"|"; display:block; position:absolute; left:-8px; color:#333;}
article .secondary a[data-counter]:after {content:attr(data-counter); display:block; position:absolute; top:0; left:100%; margin-left:-10px; background:#FB7D00; color:#FFF; font-family:'Roboto', sans-serif; font-size:9px; padding:0 4px; border-radius:8px;}
article .secondary a i {display:inline-block; margin-right:6px; color:#456; font-size:14px; vertical-align:middle; position:relative; top:-1px;}
article .secondary a.current i {color:#FFF;}
article .secondary a.action {position:absolute; right:0; text-transform:normal; top:0; bottom:0; line-height:32px; font-size:12px; margin:0; font-family:'Roboto', sans-serif;}
article .secondary a.action:hover {color:#FFF; background:#023;}
article .secondary a.action:before {display:none;}
article .secondary a.action i {color:#FB7D00; font-size:19px;}

article .secondary .menu-controller {display:none;}

article .box {
    background: #fff;
    padding: 20px !important;
    margin-bottom: 24px;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
}
article .box h3  {
    font-weight: 500 !important;
    margin-top: 0px;
    font-size: 18px !important;
    line-height: 23px !important;
}
article .box .commands {text-align:right;}

article .page-commands {text-align:right; padding:6px 0; margin-bottom:8px;}

/* Wall */
article .tiles {background:#EEE; padding:8px 0 0 8px; position:relative; box-sizing:content-box;}
article .tiles .tile {margin-right:.9%; margin-bottom:8px; width:32%; background:#FFF; box-shadow:1px 1px 0 #CCC; box-sizing:border-box; padding:10px; position:relative; overflow:hidden; transition:box-shadow .3s; height:350px;}
article .tiles .tile:hover {box-shadow:0 0 10px #456;}
article .tiles .tile[data-counter]:after {content:attr(data-counter); display:block; top:26px; right:0; background:#FB7D00; color:#FFF; font-size:11px; padding:0 4px; border-radius:3px 0 0 3px; position:absolute; margin-left:4px; padding-right:8px;}
article .tiles .tile h2 {font-size:14px; color:#999; margin:0; margin-bottom:10px; font-weight:600; line-height:1em; margin-right:28px;}
article .tiles .tile.private h2 {color:#CCC; text-transform:normal !important;}
article .tiles .tile.private h2:before {content:"\e608"; color:#CCC; margin-right:4px; font-family:hrg-icons; font-size:14px; line-height:1em; font-weight:400; vertical-align:middle; position:relative; top:-2px;}
article .tiles .tile.private.subscribed h2:before {color:#004E75;}
article .tiles .tile h2 a {color:#004E75; text-transform:normal; }
article .tiles .tile h2 a:hover {color:#FB7D00;}
article .tiles .tile .tags {line-height:15px; width:100%; overflow:hidden;}
article .tiles .tile .tags span {font-size:9px; color:#666; background:#fff; padding:1px 4px; text-transform:normal; font-weight:400; line-height:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; margin-right:3px; margin-bottom:3px; max-width:100%; border:1px solid #E0DFDC; border-radius: 3px;}
article .tiles .tile .tags span.group-map:before {content: "\e601";font-family: hrg-icons;margin-right: 5px;position: relative;top: -1px;vertical-align: middle;}
article .tiles .tile .tags span.group-sector:before {content:"\e640";font-family: hrg-icons;margin-right: 5px;position: relative;top: -1px;vertical-align: middle;}
article .tiles .tile .tags span.group-arg:before {content:"\e642";font-family: hrg-icons;margin-right: 5px;position: relative;top: -1px;vertical-align: middle;}

article .tiles .tile p {font-size:12px; color:#666; line-height:1.5em;}
article .tiles .tile figure {margin-bottom:8px; text-align:center;}
article .tiles .tile figure img {max-height:130px; width:auto; border:1px solid #E0DFDC; padding:5px;}
article .tiles .tile .subscribers {padding:0 8px; position:absolute; right:0; top:10px; font-size:11px; color:#999;}
article .tiles .tile .subscribers:before {content:"\e602"; font-family:hrg-icons; margin-right:2px; vertical-align:middle; position:relative; top:-2px;}
article .tiles .tile .confirm-dialog {position:absolute; bottom:0; left:0; right:0; box-shadow:0 0 40px rgba(0,0,0,1); text-align:left; border-radius:0; background:#EEE; border-left:1px solid #E0DFDC;}
article .tiles .tile .confirm-dialog p {color:#666;}

article .tiles .tile > .groupFigure .btn {display:block; text-align:center;}


.centered {text-align:center !important;}
article .groups .results th.small {width:36px;}
article .groups .results th.actions {width:180px;}
article .groups .results tr.private td {color:#999;}
article .groups .results tr.private.subscribed td {color:#333;}
article .groups .results td .name {font-size:13px; margin-bottom:4px; font-family:'Roboto', sans-serif;}
article .groups .results td .tags {line-height:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
article .groups .results td .tags span {font-size:9px; color:#FFF; background:#AAA; padding:1px 4px; text-transform:normal; font-weight:400; white-space:nowrap; clear:both; margin-bottom:2px;}
article .groups .results td .btn {text-align:center; color:#FFF;}

/* Gruppi */
section.groups #create-group {margin-bottom:16px;}
section.groups #create-group h2 {margin:0;}
section.groups #create-group p {margin:0; color:#666; margin-bottom:4px;}
section.groups #create-group .commands {padding:0;}
article .groups .results h1 {font-size:21px; color:#333; margin:0; margin-bottom:10px; font-weight:400;}
article .group .tabber {margin-right:20px;}
section.group .form.plain {margin-right:20px;}

/* General results */
article .results {margin-bottom:24px;}
article .results .item {background:#fff; margin-bottom:6px !important; border:1px solid #E0DFDC;border-radius:10px;}
section.calls div.results .item {background:#fff; margin:10px 0 !important; border:1px solid #E0DFDC;border-radius:10px; padding:20px !important;}
section.calls div.results .item img{
    width: 85px;
    height: 85px;
    max-width: 100px;
    max-height: 100px;
    float: left;
    margin-right: 10px;
    border: 3px solid #FFF;
    transition: all .3s;
    border-radius: 50px;
	margin-bottom:10px;
}
article .results .item:hover {    box-shadow: 0px 0px 5px #ccc;}
article .results .item.opened {background:#023;}
article .results .item .content {padding:16px; transition:all .3s; position:relative; cursor:default; }
article .results .item[data-type=group] figure:before {content:"\e61b"; font-family:hrg-icons; display:block; top:-4px; left:-4px; position:absolute; font-size:10px; border-radius:50%; background:#FFF; text-align:center; width:19px; height:19px; line-height:19px; color:#FB7D00; box-shadow:0 0 10px rgba(0,0,0,.3);}

	.lt-ie9 article .results .item[data-type=group] figure:before {background:transparent; top:0; left:0;}

article .results .item.opened .content {padding:16px;}
article .build .results .item.opened .content,
article .contacts .results .item.opened .content {min-height:200px;}

article .results .item figure {position:relative; float:left;}
article .results .item img {width:90px; height:90px; max-width:100px; max-height:100px; float:left; margin-right:10px; border:3px solid #FFF; transition:all .3s; border-radius: 50px;}
article .results .item.eventActivity img {width:170px; height:auto; max-width:170px; max-height:170px; float:left; margin-right:20px; border:3px solid #FFF; transition:all .3s; border-radius: 0px;}
div.qa-text-container.posttype .descrizione_qa_new_block {
    margin: 0px !important;
}
div.qa-text-container.posttype .partecipanti_qa_new_block {
    background: #F7F7F7;
    margin: 10px;
    float: left;
	font-size:13px;
	padding:10px;
}
div.qa-text-container.posttype .partecipanti_qa_new_block a{
    color:#FB7D00;
}
article .results .item a:hover img {border-color:#FB7D00;}
article .results .item a[data-level=owner]:hover img,
article .results .item a[data-level=Owner]:hover img {border-color:#FB7D00;}
article .results .item.opened img {max-width:128px; max-height:128px; margin-right:16px;}
article .contacts .results .item.opened img,
article .build .results .item.opened img {margin-bottom:60px;}
article .results .item h1 {font-family:'Roboto', sans-serif; font-size:15px; margin-top:2px; margin-bottom:1px; color:#333; text-transform:normal; line-height:1.2em; transition:all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:normal;}


article .results .item.opened h1 {font-size:20px; margin-bottom:10px; color:#FFF; font-weight:400; white-space:normal; margin-right:16px;}
article .results .item h1 a {color:inherit;}
article .results .item h1 a:hover {text-decoration:underline;}
article .results .item h2 {font-family:'Roboto', sans-serif; font-size:13px; font-weight:400; margin:0; margin-bottom:2px; line-height:1.3em; transition:all .3s; overflow:hidden; text-overflow:ellipsis; white-space:normal; color:#444;}

article .results .item.opened h2 {font-size:15px; margin-bottom:20px; color:#DDD; white-space:normal; margin-right:0;}
article .results .item h3 {font-size:13px; margin:0; text-transform:normal; line-height:1.5em; transition:all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222; margin-bottom:1px;}
article .results div.contact-profile {padding:0 20px 0 10px;}

article .results .item.opened h3 {font-size:15px; color:#DDD; font-weight:400; white-space:normal; margin-right:0;}
article .results .item [data-action=closeItem] {display:none; position:absolute; top:10px; right:8px; color:#999; width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; transition:all .3s; font-size:14px;}
article .results .item [data-action=closeItem]:hover {color:#FFF;}
article .results .item.opened [data-action=closeItem] {display:block; position:absolute;}
article .results .item .extra {padding-right:10px;}
article .results .item.opened .extra {display:block;}
article .results .item .extra h1 {font-size:13px; margin-bottom:1px;font-weight:400;}
article .results .item .extra ul {margin:0; padding:0;}
article .results .item .extra li {margin:1px; border-radius:3px; background:#f4f4f4; padding:3px 6px; display:inline-block; vertical-align:top; font-size:11px; color:#999; font-family:'Roboto', sans-serif;}

article .results .item .tools {position:relative; display:none; transition:right .2s; float: left; width: 100%;}
article .results .item:hover .tools {display:block;}
article .results .item .tools a {color:#666; font-size:11px; padding:0 8px; border-radius:8px; font-family:'Roboto', sans-serif; border:1px solid transparent;}
article .results .item .tools a:hover {background:#FFF; border-color:#CCC;}
article .results .item .tools a i {color:#FB7D00; margin-right:4px; font-size:11px; display:none;}
article .results .item .tools a.admin {display:none;}

article .results .item.opened .tools {right:30px;}
article .results .item.opened .tools a {color:#AAA;}
article .results .item.opened .tools a:hover {color:#333;}
article .results .item.opened .tools a.admin {display:inline-block;}

article .results .item .tools.calendar {position:absolute; transition:right .2s; top:38px; right:30px; text-align:right !important;}
article .results .item:hover .tools.calendar {display:block;}
article .results .item .tools.calendar a {color:#666; font-size:12px; padding:0 8px; border-radius:8px; font-family:'Roboto', sans-serif; border:1px solid transparent;}
article .results .item .tools.calendar a:hover {background:#FFF; border-color:#CCC;}
article .results .item .tools.calendar a i {color:#FB7D00; margin-right:4px; font-size:11px; display:none;}
article .results .item .tools.calendar a.admin {display:none;}

article .results .item.opened .tools.calendar {right:30px;}
article .results .item.opened .tools.calendar a {color:#AAA;}
article .results .item.opened .tools.calendar a:hover {color:#333;}
article .results .item.opened .tools.calendar a.admin {display:inline-block;}

article .results .item .qa {overflow:hidden; font-size:12px; color:#333; line-height:1.5em;}
article .results .item .qa > a {color:inherit;}
article .results .item .qa > a:hover {color:#222;}
article .results .item .qa p {margin-top:4px;}
article .results .item .qa strong {text-transform:normal; font-size:11px; font-family:'Roboto', sans-serif; color:#FFF; background:#999; padding:1px 4px; font-weight:400; line-height:normal;}
article .results .item.opened .qa strong {background:#456;}

article .results .item .group {overflow:hidden; font-size:13px; color:#333; font-family:'Roboto', sans-serif;}
article .results .item .group > a {color:inherit;}
article .results .item .group > a:hover {color:#222; text-decoration:underline;}
article .results .item .group p {margin-top:4px;}

article .results .item .info {background:#fff !important; position:absolute; bottom:0; left:0; right:0; height:32px;padding:0 15px; line-height:30px; color:#034; }
section.calls .results .item .info {background:none !important; position:relative !important; color:#666; width:100%; float:left; padding:0; }
section.calls .results .qa-mode {
    background: #Fff;
    padding: 10px !important;
    color: #333;
	margin-top: 10px !important;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
    float: left;
    position: relative;
    width: 100%;
}
section.calls .event-digest-summary h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #666;
    text-transform: normal;
    line-height: 1.3em;
    padding-top: 0px;
}
section.calls .event-digest-summary .people {
    background: #f6f6f6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    padding-top: 5px;
    padding-top: 30px;
}
section.calls .event-digest-summary .people .item {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 99;
    display: inline-block;
    margin: 3px;
    cursor: pointer;
	padding:0 !important;
	background: none;
	border:none;
}
section.calls .event-digest-summary .people .item:hover {
    cursor: pointer;
	padding:0 !important;
	background: none !important;
	border:none !important;
	box-shadow:none !important;
}
section.calls .event-digest-summary .icon-blocco-partecipanti {
    float: left;
    background: #fff;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: 5px;
    width: 65px;
    padding: 15px;
    margin-right: 10px;
    color: #FECE00;
}
article .results .item .info.home {background:#fff !important; position:relative !important; padding:0 15px; line-height:20px; color:#034; float:left; }
article .results .item div.info.calendar {background:#FB7D00 !important; position:absolute; bottom:0; left:0; right:0; height:32px;padding:0 15px; line-height:30px; color:#034; }
article .results .item .info time {font-size:11px; display:inline-block; vertical-align:middle; margin-right:24px; font-weight:600;}
article .results .item .info time i {margin-right:8px; font-size:14px; vertical-align:middle; top:-2px; position:relative; display:none;}
article .results .item .info .modes {display:inline-block; vertical-align:middle; font-size:10px; font-weight:600; text-transform:normal; white-space:nowrap;}
article .results .item .info .modes i {margin-right:8px; font-size:14px; vertical-align:middle; position:relative; top:-2px;}
article .results .item  .counters {position:absolute; left:140px; font-size:11px; top:2px; font-family:'Roboto', sans-serif; color:#333; white-space:nowrap;}
article .results .item  .counters i {color:#FB7D00 !important; margin-left:10px; margin-right:2px; font-size:14px; vertical-align:middle; position:relative; top:-2px;}
article .results .item  .counters a{color:#333; text-decoration: underline; white-space:nowrap; font-weight:500; cursor:pointer;}

article .results .item .info .status {display:inline-block; font-size:11px; font-family:'Roboto', sans-serif; color:#666;}
article .results .item .info .status i {margin-right:2px; font-size:16px; vertical-align:middle; position:relative; top:-2px;}
article .results .item .info .status.published i {color:#5A5;} 
article .results .item .info .status.draft i {color:#FFAA01;}

article .results .item .info .commands {position:absolute; top:-1px; right:8px;}

article .results .item.opened .info {background:#456; color:#FFF;}
article .results .item.opened .info .counters {display:inline-block; color:#FFF;}

article .results .item .referrer {font-size:12px; font-family:'Roboto', sans-serif; padding:10px; margin-bottom:8px; border-radius:4px; background:#f2f2f2; margin-top:-10px; margin-left:-10px; margin-right:-10px; border-radius:10px 10px 0 0; color:#444; padding-left:10px;}
article .results .item .referrer a {font-weight:bold; color:inherit;}
article .results .item .referrer a:hover {text-decoration:underline;}

article .results .item .action {background:#FFF; padding:10px; color:#456; position:relative; border-radius:6px; border:1px solid #ddd; min-height:44px; clear:both; font-family:'Roboto', sans-serif; font-size:11px;}
	.lt-ie9 article .results .item .action {min-height:36px;}
article .results .item .action.minimal {padding-left:8px;} 
article .results .item .action.going {padding-left:8px;}
article .results .item .action img {margin-bottom:0 !important;}
article .results .item .action.compact img {max-width:36px; max-height:36px; border-width:2px; float:none; display:inline-block; vertical-align:middle; margin-right:2px;}
article .results .item .action p {font-size:13px; margin-top:0 !important; margin-bottom:0; color:#666;}
article .results .item .action.minimal p {float:left; padding-top:6px;}
article .results .item .action p a {font-weight:600; color:inherit;}
article .results .item .action p a:hover {text-decoration:underline;}
article .results .item .action time {font-weight:bold; display:block; text-transform:normal; font-family:'Roboto', sans-serif; line-height:1.5em;}
article .results .item .action p + time {margin-top:12px;}
article .results .item .action time + time {margin-top:8px;}
article .results .item .action time i {font-size:14px; vertical-align:middle; display:inline-block; margin-top:-2px; margin-right:2px;}
article .results .item .action .commands {position:absolute; min-width:120px; right:8px; top:10px; text-align:right;} 
article .results .item .action.minimal .commands {/*float:right; padding:0; position:relative; top:4px; right:4px; padding-bottom:8px;*/}
article .results .item .action .btn {text-align:center; margin:0; display:inline-block; min-width:100px;}
	.lt-ie9 article .results .item .action .btn {min-width:88px;}
article .results .item .action .btn + .btn {margin-left:4px;}
article .results .item .action .reason {margin-top:4px; padding:4px;}
article .results .item .action .new-owner {margin-top:4px; padding:4px;}
article .results .item .action .new-owner .action {background:#EEE; margin-top:4px;}

article .results .item .content time {width:56px; float:left; text-align:center; margin-right:8px;}
article .results .item .content time > i {color:#023; font-size:28px;}
article .results .item .content time h1 {display:block; font-size:15px; letter-spacing:-1px; text-transform:normal; color:#333; margin-bottom:4px; font-family:'Roboto', sans-serif;}
article .results .item .content time div {text-align:center;}
article .results .item .content time div h2 {margin:0; display:block; color:#023; font-size:11px;}
 
article .results .item.opened .content time i {color:#DDD;}
article .results .item.opened .content time h1,
article .results .item.opened .content time h2 {color:#DDD;}

article .results .item .participants {font-size:0; margin-bottom:8px; margin-left:64px; overflow:hidden; height:32px;}
article .results .item.opened .participants {overflow:visible; height:auto; min-height:32px;}
article .results .item .participants .item {width:30px; height:30px; position:relative; z-index:99; display:inline-block; margin:1px; cursor:pointer; padding:0;}
article .results .item .participants .item .card {width:30px; height:30px; overflow:hidden; padding:0; background:transparent; transition:.2s; z-index:99; position:absolute;}
article .results .item .participants a {border:2px solid #FFF; display:block;}
article .results .item .participants img {width:100%; max-height:64px; max-width:64px; /*border:2px solid #FFF;*/border:0; float:none; transition:.3s; margin:0;}
article .results .item .participants a:hover {border-color:#FB7D00;}
article .results .item .participants .item.opened a:hover {border-color:#FFF;}

article .results .item .content .commands {position:absolute; width:130px; right:10px; top:8px; transition:top .3s; padding-top:0; text-align:inherit;}
article .results .item .content .commands-contact {transition:top .3s; padding-top:0; text-align:inherit;}
article .results .item.opened .content .commands {right:auto; top:auto; bottom:16px; left:230px;}
article .build .results .item.opened .commands,
article .contacts .results .item.opened .commands {left:20px; top:150px; width:120px;}
article .results .item .content .commands .btn {display:block; margin-top:4px;}
article .results .item .content .commands-contact .btn {display:block; margin-top:4px;}
article .results .item .connect {background:#DDD; padding:4px 8px; font-size:11px; color:#777; clear:both; font-family:'Roboto', sans-serif;}
article .results .item .connect .btn {font-style:normal; margin-left:4px; height:auto; line-height:normal; padding:2px 6px; font-size:10px; font-family:'Roboto', sans-serif;}
article .results .item .connect .btn:first-of-type {margin-left:4px;}
article .results .item .connect .btn i {margin-right:4px; width:auto; font-size:15px; display:none;}

article .results .item .actions {background:#DDD; padding:6px 8px; font-size:11px; color:#666; clear:both; font-family:'Roboto', sans-serif; position:relative;}
article .results .item .actions strong {color:#333;}
article .results .item .actions .commands {position:absolute; right:8px; top:4px;}
article .results .item .actions .options .form {background:transparent;}
article .results .item .actions .options .content {padding:8px 0;}
article .results .item .actions .options .commands {position:relative; width:auto; text-align:right; right:auto; top:auto;}
article .results .item .actions .options .commands .btn {display:inline-block;}


article .results table {width:100%; border-spacing:3px; border-collapse:separate;}
article .results table th {text-align:left; background:#555; color:#FFF; padding:8px 6px; font-size:11px; position:relative; text-transform:normal; font-weight:400;}
article .results table th[data-action=sortData] {cursor:pointer;}
article .results table th .sorter {position:absolute; right:0; color:#FFF; display:none; width:10px; height:5px; top:50%; margin-top:-2px;}
article .results table th .sorter:before {content:""; display:block; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #FFF transparent;}
article .results table th[data-sorted=asc] .sorter:before {border-width:0 5px 5px 5px; border-color:transparent transparent #FFF transparent;}
article .results table th[data-sorted=desc] .sorter:before {border-width:5px 5px 0 5px; border-color:#FFF transparent transparent transparent;}
article .results table th[data-sorted] .sorter {display:block;}
article .results table th:hover .sorter {display:block;}
article .results table th.small {width:150px;}
article .results table th.tiny {width:60px;}
article .results table td {background:#F0F0F0; color:#333; padding:4px 6px; font-size:13px; font-family:'Roboto', sans-serif;}
article .results table tr:hover td {background:#DDD;}
article .results table td a {color:#222;}
article .results table td a:hover {text-decoration:underline;}
article .results table td.info {background:#DDD;}
article .results table td.tool {width:26px; text-align:center;}
article .results table td.tool.download {background:#FB7D00;}
article .results table td.tool.download a {color:#FFF;}
article .results table td.tool a {font-size:16px; text-decoration:none;}
article .results table td.tool.favorite a {color:#999;}
article .results table td.tool.favorited a {color:#FB7D00;}
article .results table td.tool.delete a {color:#D44;}

section.build {position:relative;}
section.qas {position:relative;}
section.agenda {position:relative;}
section.documents {position:relative;}
section.contacts .results {position:relative;}
article .results > .loading {height:64px; background:url(../img/loading.gif) center no-repeat; background-color:rgba(255,255,255,.5); position:absolute; top:0; bottom:0; left:0; right:0; height:auto; z-index:9999;}
article .results > .loading:before {content:'Loading..'; display:block; position:absolute; width:200px; color:#FFF; left:50%; margin-left:-100px; top:50%; margin-top:-64px; background:#666; font-size:14px; border-radius:16px; font-weight:600; text-transform:normal; text-align:center; padding:4px 0;}
article .results > .loading[data-text]:before {content:attr(data-text); width:480px; margin-left:-250px; text-transform:none; padding:4px 10px;}
article .results > .loading[data-count]:after{content:attr(data-count); display:block; position:absolute; width:60px; color:#FFF; left:50%; margin-left:-40px; top:50%; background:#666; font-size:14px; border-radius:16px; font-weight:600; text-transform:normal; text-align:center; padding:4px 10px;}

section.build .results > .loading {top:48px;}
section.qas .results > .loading {top:48px;}
section.agenda .results > .loading {top:48px;}
section.documents .results > .loading {top:48px;}

article .results .item .connect .success {margin:0; padding:4px; font-style:normal; margin-left:-8px; margin-right:-8px;margin-top:-4px; margin-bottom:-4px; border-radius:0 0 4px 4px; font-size:11px;}

article .results .item .connect .errors {margin:0; padding:4px; font-style:normal; margin-left:-8px; margin-right:-8px;margin-top:-4px; margin-bottom:-4px; border-radius:0 0 4px 4px; font-size:11px;}

.gm-style div, .gm-style span, .gm-style label, .gm-style a {font-size:inherit; font-weight:400;}

.flip-container {perspective:1000;}
.flip-container:hover .flipper, 
.flip-container.hover .flipper {transform:rotateY(180deg);}
.flip-container, .front, .back {width:100%; height:100%;}

.flipper {transition:.3s; transform-style:preserve-3d; position:relative;}
.front, .back {backface-visibility:hidden; position:absolute; top:0; left:0;}
.front {z-index:2;}
.front img {max-width:none; width:100%;}
.back {transform:rotateY(180deg);}

html[data-useragent*='MSIE 10.0'] .flip-container:hover .flipper,
.ie .flip-container:hover .flipper {transform:none;}

html[data-useragent*='MSIE 10.0'] .front,
.ie .front {transition:.3s; opacity:1; filter:alpha(opacity=100);}


html[data-useragent*='MSIE 10.0'] .flip-container:hover .front,
.ie .flip-container:hover .front {opacity:0; filter:alpha(opacity=0); transform:rotateY(180deg); height:0; overflow:hidden;}
/* this works partially for IE8 as selectivizr strips all :hover effects, refer to main.js */

html[data-useragent*='MSIE 10.0'] .back,
.ie .back {transform:none;}

article .results #grid ul {margin:0; padding:0; list-style:none;}
article .results #grid li {float:left; width:23%; margin:1%; padding:0; padding-bottom:23%; list-style-type:none; overflow:hidden; position:relative;}
article .results #grid li .flip-container,
article .results #grid li .flipper,
article .results #grid li .front,
article .results #grid li .back {position:absolute; top:0; left:0; right:0; bottom:0;}
article .results #grid li .back {background:#023; padding:16px;}
article .results #grid li .back h1,
article .results #grid li .back h2,
article .results #grid li .back h3 {color:#FFF; font-size:11px; margin:0; font-weight:400; font-family:'Roboto', sans-serif;}
article .results #grid li .back h1 {font-size:15px; margin-bottom:10px; font-family:'Roboto', sans-serif;}
article .results #grid li .back .commands {position:absolute; bottom:16px; left:16px;}
article .results #grid li .back .btn {width:28px; text-align:center;}
article .results #grid li .back .btn i {margin:0; width:auto;}

article .detail {margin-left:8px; background:#023; padding:10px 16px;}
article .detail .commands {width:50%;}
article .detail .commands a {display:block;}
article .detail .commands a + a {margin-top:8px;}

/* QAs results */
article .results.qas {margin-right:20px; max-height:670px; overflow:auto;}
article .results.qas .item {margin-bottom:10px; padding:10px; padding-bottom:32px; position:relative; border-radius:10px 10px 0px 0px;}
article .results.qas .item .content {padding:0;}
article .results.qas .item img {margin-bottom:10px; max-width:48px; max-height:48px; border-radius:50px;}
article .results.qas .item a {position:relative;}
article .results.qas .item a[data-level] {float:left; margin-bottom:18px; margin-right:8px;}
article .results.qas .item a[data-level]:after {bottom:auto; left:0; right:0;}
article .results.qas .item a[data-level] img {float:none; margin:0; display:block;}

.add-task-qea  {position: absolute !important; right:18px; top: 18px; font-size:24px; color:#222;}
div.post-type  {position: absolute !important; right:18px !important; top: 18px !important; font-size: 22px; color: #bbb; }
div.post-type  img {margin:0 !important; width:auto !important; height: 29px !important; border-radius: 0 !important; }

article .results.qas .item .action-post {
    position: absolute;
    top: 40px;
    right: 15px;
    padding: 10px;
    background: #fff;
    display: none;
    z-index: 9999;
    text-align: left;
    width: 150px;
    max-height: 550px;
    overflow-y: auto;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.4);
    border-radius: 8px;
}
article .results.qas .item .action-post a {
    display:block;
	text-align:left;
	font-size:14px;
	line-height:22px;
	color:#333;
	font-weight:500;
}
article .results.qas .item .action-post a:hover {
	color:#FB7D00;
}

article .tasks .qa .action-post {
    position: absolute;
    top: 40px;
    right: 15px;
    padding: 10px;
    background: #fff;
    display: none;
    z-index: 9999;
    text-align: left;
    width: 150px;
    max-height: 550px;
    overflow-y: auto;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.4);
    border-radius: 8px;
}
article .tasks .qa .action-post a {
    display:block;
	text-align:left;
	font-size:14px;
	line-height:22px;
	color:#333;
	font-weight:500;
}
article .tasks .qa .action-post a:hover {
	color:#FB7D00;
}

article .tasks .qa-mode .replies .item .action-post {
    position: absolute;
    top: 40px;
    right: 15px;
    padding: 10px;
    background: #fff;
    display: none;
    z-index: 9999;
    text-align: left;
    width: 150px;
    max-height: 550px;
    overflow-y: auto;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.4);
    border-radius: 8px;
}
article .tasks .qa-mode .replies .item .action-post a {
    display:block;
	text-align:left;
	font-size:14px;
	line-height:22px;
	color:#333;
	font-weight:500;
}
article .tasks .qa-mode .replies .item .action-post a:hover {
	color:#FB7D00;
}

article .results.qas .item h1 {display:inline; color:#222; font-size:14px; margin-right:0; text-transform:none; width:75%;} 
article .results.qas .item h2 {display:inline; color:#666; font-size:13px; margin-right:0; width:75%;} 
article .results.qas .item h3 {display:inline; color:#666; font-size:13px; margin-right:0; width:75%;} 

article .results.qas .item.opened img {margin-right:8px; max-width:64px; margin-bottom:10px;} 
article .results.qas .item.opened h1,
article .results.qas .item.opened h2,
article .results.qas .item.opened h3 {color:#AAA;}
article .results.qas .item.opened h1,
article .results.qas .item.opened h3 {font-weight:600;} 
article .results.qas .item.opened h3 {text-transform:normal;} 
article .results.qas .item.opened p {color:#DDD;}

/* Users results */
article .results.users {background:#FFF; margin-top:-8px; padding-top:8px;}
article .results.users .item a {position:relative;}
article .results.users .item a[data-level] {float:left; margin-right:8px;}
article .results.users .item a[data-level] img {float:none; margin:0; display:block;}

/* Notifications results */
article .results.notifications {margin-right:20px;}
article .results.notifications .item {margin-bottom:4px; padding:10px; position:relative;}
article .results.notifications .item img {margin-bottom:10px;}
article .results.notifications .item h1, 
article .results.notifications .item h2, 
article .results.notifications .item h3 {display:inline; color:#666; font-size:11px; margin-right:0;}

/* Event results */
article .results.events .item {margin-bottom:4px; padding:10px 15px 32px 15px; position:relative;}
article .results.events .item .content {padding:0;}
article .results.events .item h1 {font-size:16px; font-weight:400;}
article .results.events .item h2 {color:#999; font-size:11px;}
article .results.events .item h3 {font-size:11px; color:#FFF; background:#AAA; padding:2px 8px; margin-left:-12px; padding-left:12px; margin-bottom:4px; display:inline-block; font-weight:400;}
article .results.events .item p {color:#666; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
article .results.events .item .info {padding:0 12px;}
article .results.events .item .info .modes {color:#666;}

article .results.events .item.opened h1 {color:#EEE; margin-bottom:4px;}
article .results.events .item.opened h2 {margin-bottom:1px;}
article .results.events .item.opened h3 {color:#EEE; background:#456;}
article .results.events .item.opened p {overflow:visible; white-space:normal; color:#DDD;}
article .results.events .item.opened .info .modes {color:#EEE;}

/* News results */
article .results.news {margin-right:20px;}
article .results.news .item {margin-bottom:4px; padding:10px; padding-bottom:32px; position:relative;}
article .results.news .item .content {padding:0;}
article .results.news .item img {margin-bottom:10px; max-width:80px; max-height:80px;}
article .results.news .item a {position:relative;}
article .results.news .item a[data-level] {float:left; margin-bottom:10px; margin-right:8px;}
article .results.news .item a[data-level] img {float:none; margin:0; display:block;}

article .results.news .item h1 {color:#333; margin-right:0;} 
article .results.news .item .author {font-size:11px; color:#666;}
article .results.news .item .author a {color:inherit;}
article .results.news .item .author a:hover {text-decoration:underline;}
article .results.news .item .author .name {font-weight:bold;}
article .results.news .item .author .company {text-transform:normal; font-weight:bold;}
article .results.news .item .news {overflow:hidden; font-size:13px; color:#333; line-height:1.5em;}
article .results.news .item .news a {color:inherit;}
article .results.news .item .news p {margin-top:4px;}

/* Invite results */
article .results.invite .item {background:#FFF;}
article .results.invite .item .commands {padding-top:18px;}
article .results.invite .item .commands .btn {text-align:center; position:relative;}
article .results.invite .item .commands .btn i {position:absolute; left:8px; top:4px;}

/* No results */
article .no-results a {display:block; margin:0 16px; padding:36px 8px 20px; text-align:center; text-transform:normal; color:#FFF; background:#023; background-image:linear-gradient(#03253d 40%,#06304d 90%, #012); position:relative; font-size:21px; font-weight:600; transition:transform .3s; z-index:10; margin-bottom:20px;}
article .no-results a:hover {transform:scale(1.1); z-index:11;}
article .no-results a span {font-size:14px; font-weight:400;}
article .no-results a:before {content:""; display:block; position:absolute; background-color:#FB7D00; width:48px; height:48px; text-align:center; line-height:48px; border-radius:50%; left:50%; margin-left:-24px; top:-24px; background-position:center; background-repeat:no-repeat; transition:all .3s;}
article .no-results a:hover:before {top:-30px; transform:scale(1.1);}
article .no-results a.community:before {background-image:url(../img/ico-community.png);}
article .no-results a.network:before {background-image:url(../img/ico-network.png);}
article .no-results p {margin:0 24px; font-size:13px; line-height:1.5em;}

article .collaboration {background:#456; padding:20px; color:#EEE; border-radius:4px; margin-right:20px;}
article .collaboration h2 {margin-top:0; color:#FFF; font-weight:normal;}
article .collaboration h3 {margin-top:0; color:#FFF;}
article .collaboration p {margin-top:0; font-size:13px;}
article .collaboration li {font-size:13px;}
article .collaboration .commands {text-align:center; padding:20px 0;}
article .collaboration .btn {min-width:240px;}
article .collaboration input[type=checkbox] {vertical-align:middle;}
article .collaboration label {color:#EEE; font-size:13px; margin-left:4px; vertical-align:middle;}

/* Map tooltip */
#infowin_contents {position:absolute; background:#023; height:50px !important; top:auto !important; bottom:-70px; box-shadow:none;}
#infowin_contents:before {content:""; display:block; top:100%; left:50%; margin-left:-10px; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:#023 transparent transparent transparent; position:absolute;} 
#infowin_contents .content {padding:8px; position:absolute; bottom:0; left:0; right:0; background:#023; margin:0;}
#infowin_contents .close {position:absolute; width:20px; height:20px; top:-6px; right:-6px; background:#023; border-radius:50%; text-align:center; text-decoration:none; color:#FFF; line-height:20px; font-size:12px; font-family:'Roboto', sans-serif; cursor:pointer; font-weight:600;}
#infowin_contents .close:hover {color:#023; background:#FFF; box-shadow:0 0 20px #023;}
#infowin_contents .close:before {content:"\00D7"; display:block;}

#infowin_contents img {width:48px; border:2px solid #FFF; margin-right:6px; float:left; transition:.3s;}
#infowin_contents a:hover img {border-color:#FB7D00;}
#infowin_contents .author {font-family:'Roboto', sans-serif; overflow:hidden; line-height:normal;}
#infowin_contents .author a {color:inherit; font-weight:400;}
#infowin_contents .author a:hover {text-decoration:underline;}
#infowin_contents .author .name {font-size:13px; margin-bottom:4px; color:#FFF; line-height:1.2em; margin-right:26px; font-weight:400;}
#infowin_contents .author .job-title {font-size:11px; color:#AAA; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400;}
#infowin_contents .author .company {font-size:11px; color:#AAA; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400;}

#infowin_contents .commands {position:absolute; top:8px; right:8px; width:auto;}
#infowin_contents .commands .btn {display:block; width:24px; text-align:center; min-width:0; padding:0; font-size:10px;}
#infowin_contents .commands .btn i {margin:0; font-size:10px;}

#infowin_contents .content.qa label {font-size:9px; color:#DDD; background:#456; padding:2px 8px 1px; margin-left:-8px; padding-left:8px; margin-bottom:4px; display:inline-block; text-transform:normal; white-space:nowrap; overflow:hidden; max-width:100%; text-overflow:ellipsis;}

#infowin_contents .content.qa p {color:#EEE; font-family:'Roboto', sans-serif; font-size:13px; margin:0; margin-bottom:10px;} 
#infowin_contents .content.qa p a {color:inherit;}
#infowin_contents .content.qa p a:hover {text-decoration:underline;}
#infowin_contents .content.qa img {width:36px;}
#infowin_contents .content.qa .name {font-size:11px; margin-bottom:0; line-height:1em;}

#infowin_contents .content.qa .commands {position:static; width:auto; text-align:center; clear:both; border-top:1px solid #999; margin-top:8px; padding-top:4px;}
#infowin_contents .content.qa .commands .btn {display:inline-block;}
#infowin_contents btn.loading {height:15px !important;}
#infowin_contents .connect .success,
#infowin_contents .connect .errors {margin:0; padding:4px;}

#infowin_contents .content .people ul {padding:0; list-style:none; overflow:hidden; width:100%; margin:0;}
#infowin_contents .content .people li {width:18%; max-width:64px; margin:1%; float:left;}
#infowin_contents .content .people li a {display:block; position:relative;}
#infowin_contents .content .people li img {border:2px solid #FFF; display:block; width:auto; max-width:100%; margin:0;}

#infowin_contents .content .list ul {padding:0; list-style:square; margin:0; margin-top:4px;}
#infowin_contents .content .list li {font-size:11px; color:#DDD; margin-bottom:4px; line-height:1.3em; font-family:'Roboto', sans-serif; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#infowin_contents .content .list li a {color:#DDD;}
#infowin_contents .content .list li a:hover {text-decoration:underline;}

#infowin_contents a.goback {position:absolute; color:#FFF; top:0; left:-16px; background:#023; width:16px; border-radius:4px 0 0 4px; text-align:center;}
#infowin_contents a.goback i {font-size:11px;}

#infowin_b {background:none; border:0;}
#infowin_tl {background:none; border:0;}
#infowin_t {background:none; border:0;}
#infowin_tr {background:none; border:0;}
#infowin_l {background:none; border:0; height:50px !important;}
#infowin_r {background:none; border:0; height:50px !important;}
#infowin_bl {background:none; border:0;}
#infowin_br {background:none; border:0;}
.marker_tooltip {height:26px; margin:0; overflow:hidden; padding:0; position:absolute;}
.marker_tooltip span {background:#023; border:0; box-shadow:none; clear:right; color:#DDD; display:block; float:left;font-size:11px !important; height:auto; padding:2px 6px; white-space:nowrap; border-radius:3px; font-family:'Roboto', sans-serif;}

/* Messages */
article .messages {
    margin-bottom: 24px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #E0DFDC;
}
article .messages .conversations {max-height:900px; overflow:hidden; overflow-y:auto; margin-right:20px;}
article .messages .conversations .item {background:#F0F0F0; position:relative; padding:8px; font-family:'Roboto', sans-serif; margin-bottom:4px; cursor:pointer; overflow:hidden; color:#333;}
article .messages .conversations .item:hover {background:#DDD;}
article .messages .conversations .item.current {background:#333; color:#FFF;}
article .messages .conversations .item.unread {border:2px solid #FECE00; background:#eee;}
article .messages .conversations .item time {position:absolute; top:8px; right:8px; font-size:11px;}
article .messages .conversations .item img {width:64px; margin-right:8px; border:2px solid #FFF; float:left; border-radius:50px;}
article .messages .conversations .item h1 {font-size:12px; line-height:1.2em; margin:0; color:#333; margin-bottom:4px;}
article .messages .conversations .item h2 {font-size:11px; line-height:1.2em; font-weight:400; margin:0; color:#555;}
article .messages .conversations .item h3 {font-size:11px; line-height:1.2em; margin:0; text-transform:normal; color:#555; font-family:'Roboto', sans-serif; margin-bottom:4px;}
article .messages .conversations .item.current h1,
article .messages .conversations .item.current .text {color:#FFF;}
article .messages .conversations .item.current h2,
article .messages .conversations .item.current h3 {color:#DDD;}


article .messages .conversations .item .text {font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-right:20px; color:#333;}
article .messages .conversations .item .tools {position:absolute; bottom:8px; right:8px; display:none;}
article .messages .conversations .item .tools a {display:block; width:12px; height:12px; line-height:12px;}
article .messages .conversations .item .tools a.loading {background:url(../img/loading.gif); background-size:contain; background-position:center; background-repeat:no-repeat;}
article .messages .conversations .item .tools a i {font-size:13px; color:#999;}
article .messages .conversations .item .tools a.loading i {display:none;}
article .messages .conversations .item.current .tools a i,
article .messages .conversations .item.unread .tools a i {color:#FFF;}
article .messages .conversations .item .tools a:hover i {color:#D44;}
article .messages .conversations .item:hover .tools {display:block;}
article .messages .conversations .commands {text-align:center; padding:10px;}

article .messages #new-message {padding:10px 0; text-align:right;}
article .messages #new-message label {width:10%; text-align:right; font-size:12px; padding-right:10px;}
article .messages #new-message input {width:88%;}
article .messages .conversation-wrapper .commands {text-align:right; padding:6px 0; background:transparent; margin-bottom:0;}
article .messages .conversation-container {background:#F0F0F0; padding:20px; margin-top:24px;}
article .messages .conversation-container > h1 {margin:0; font-size:16px; margin-bottom:10px;}
article .messages .conversation {max-height:590px; overflow:hidden; overflow-y:auto; margin-bottom:24px;}
article .messages .conversation .loading {height:64px; background:url(../img/loading.gif) center no-repeat;}
article .messages .conversation .message {padding:20px; padding-left:0; position:relative; font-family:'Roboto', sans-serif; color:#333;}
article .messages .conversation .message + .message {border-top:2px solid #fff;}
article .messages .conversation .message time {position:absolute; top:20px; right:20px; font-size:11px; color:#999;}
article .messages .conversation .message .profile-img {float:left; width:34px; margin-right:8px;}
article .messages .conversation .message img {width:32px; border:1px solid #FFF; display:block;}
article .messages .conversation .message h1 {font-size:12px; line-height:1.2em; margin:0; margin-bottom:2px;}
article .messages .conversation .message h2 {font-size:11px; font-weight:400; margin:0; margin-bottom:10px;}
article .messages .conversation .message .text {font-size:13px; word-wrap:break-word; padding-left:40px; font-family:'Roboto', sans-serif; line-height:1.4em;}
article .messages .conversation .message .text a {color:#023;}
article .messages .conversation .message .tools {position:absolute; bottom:16px; right:16px; display:none;}
article .messages .conversation .message .tools a {display:block; width:12px; height:12px; line-height:12px;}
article .messages .conversation .message .tools a.loading {background:url(../img/loading.gif); background-size:contain; background-position:center; background-repeat:no-repeat;}
article .messages .conversation .message .tools a i {font-size:13px; color:#999;}
article .messages .conversation .message .tools a.loading i {display:none;}
article .messages .conversation .message .tools a:hover i {color:#D44;}
article .messages .conversation .message:hover .tools {display:block;}
article .messages .new-message textarea {width:100%; height:100px; color:#666;}
article .messages .new-message textarea[data-maxchars] {border-radius:4px 4px 4px 0;}
article .messages .new-message textarea + input {position:absolute; left:0; top:100%; border-radius:0 0 4px 4px; width:36px; text-align:center; padding:1px 2px; font-size:11px; box-shadow:none; border:0; background:#CCC !important; color:#666 !important;} 
article .messages .new-message textarea + input.warning {background:#FB7D00 !important; color:#FFF !important;}
article .messages .new-message .commands {position:relative; margin-top:10px;}

article .messages .no-items {position:relative; padding:32px; padding-right:52%; background:#023; color:#FFF;}
article .messages .no-items:after {content:''; display:block; position:absolute; top:0; right:0; bottom:0; border-left:20px solid #FFF; background:url(../img/no-messages.jpg) center no-repeat #FFF; background-size:cover; width:49%;}
article .messages .no-items p {margin-top:0; font-size:13px;}
article .messages .no-items h1 {font-weight:400; margin-bottom:100px;}
article .messages .no-items h2 {font-size:13px; font-weight:400; margin-bottom:0;}

/* Documents */
section.documents #add-document {margin-bottom:20px;}
section.documents #add-document .commands {text-align:right; padding:10px 0;}
section.documents #create-task {margin-bottom:16px;}
section.documents #create-task h2 {margin:0;}
section.documents #create-task .commands {padding:0;}
section.documents #create-task .commands .btn {min-width:100px; text-align:center;}
section.documents #video  {
    background: #fff;
    padding: 10px 16px;
    display: block;
    border-radius: 0 0 10px 10px;
}
section.documents #video .video {width:23%; margin:.5%; padding:10px; background:#eee; display:inline-block; vertical-align:top; position:relative; border-radius:0 0 10px 10px;}
section.documents #video .video:hover {background:#DDD;}
section.documents #video .video a {color:#666; font-size:11px; font-family:'Roboto', sans-serif;}
section.documents #video .video figure {position:relative; margin-bottom:6px;}
section.documents #video .video figure div {position:absolute; left:0; right:0; padding:4px; color:#EEE; font-size:10px; background:#444; font-family:'Roboto', sans-serif; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
section.documents #video .video figure div.date {top:0;}
section.documents #video .video figure div.author {bottom:0;}
section.documents #video .video p {margin:0; font-size:11px; height:32px; overflow:hidden; line-height:1.4em; padding:0 4px;}
section.documents #video .video .commands {position:absolute; top:0; right:0;}
section.documents #video .video a.no {color:#D44; font-size:18px; background:#FFF; width:16px; height:16px; overflow:hidden; border-radius:50%; line-height:normal; display:block;} section.documents #video .video a.btn {color:#FFF;}
section.documents #image  {
    background: #fff;
    padding: 10px 16px;
    display: block;
    border-radius: 0 0 10px 10px;
}
section.documents #image .image {width:23%; margin:.5%; padding:10px; background:#eee; display:inline-block; vertical-align:top; position:relative; border-radius:0 0 10px 10px;}
section.documents #image .image:hover {background:#DDD;}
section.documents #image .image a {color:#666; font-size:11px; font-family:'Roboto', sans-serif;}
section.documents #image .image figure {position:relative; margin-bottom:6px;}
section.documents #image .image figure div {position:absolute; left:0; right:0; padding:4px; color:#EEE; font-size:9px; background:#444; font-family:'Roboto', sans-serif; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
section.documents #image .image figure div.date {top:0;}
section.documents #image .image figure div.author {bottom:0;}
section.documents #image .image p {margin:0; font-size:11px; height:32px; overflow:hidden; line-height:1.4em; padding:0 4px;}
section.documents #image .image .commands {position:absolute; top:0; right:0;}
section.documents #image .image a.no {color:#D44; font-size:18px; background:#FFF; width:16px; height:19px; overflow:hidden; border-radius:50%; line-height:normal; display:block;} section.documents #video .video a.btn {color:#FFF;}

section.documents #audio  {
    background: #fff;
    padding: 10px 16px;
    display: block;
    border-radius: 0 0 10px 10px;
}
.upload-status {margin:10px 0;}
#progress .bar {background:#456; height:16px;}

/* Profile */
article .profile {background-color:#fff; padding:20px 20px 10px 20px; margin-bottom:0px; margin-right:25px; border:1px solid #E0DFDC; border-radius:10px; overflow:hidden !important;}
article .profile .profile-bg {
background-image: url(../img/profile-bg.png);
	    background-position: center;
    background-size: 462px;
	    background-size: cover;
    display: block;
    height: 54px;
    margin: -20px -20px 0;
	border-radius:10px 10px 0 0;
}
section.profilePage  {
    margin: 20px 0;
}


article .profile .content {padding:0; position:relative; text-align:center; margin-bottom:10px; margin-top:-30px;}
article .profile img {max-width:105px; border:5px solid #ebebeb; border-radius:50%;}
article .profile h1 {font-size:15px; font-weight:600; text-transform:normal; margin:0;  margin-bottom:10px;line-height:1em; padding-top:15px;}
article .profile h2 {font-size:15px; font-weight:600; margin:0; line-height:1em; margin-bottom:10px; color:#666;}
article .profile h3 {font-size:13px; margin:0; text-transform:none; line-height:1em; font-weight:400; color:#666; margin-bottom:24px;}
article .profile a {font-size:13px; }
article .profile .extra {margin-bottom:24px;}
article .profile .extra h1 {font-size:18px; margin:16px 0 8px; color:#DDD; font-weight:400;}
article .profile .extra ul {margin:0; padding:0;}
article .profile .extra li {margin:1px; color:#EEE; border-radius:3px; background:#456; padding:3px 6px; display:inline-block; vertical-align:top; font-size:13px; margin-bottom:4px; font-family:'Roboto', sans-serif;}
article .profile .commands {clear:both;}
article .profile .content .commands {max-width:128px; text-align:center; padding-top:10px;}
article .profile .commands .btn {margin-top:4px; display:block;}
article .profile .content .commands .btn {width:120px; margin-left:auto; margin-right:auto;}
article .profile .commands .btn i {display:none;}
article .profile .connect {background:#DDD; padding:6px 4px; font-size:11px; color:#666; clear:both; border-radius:3px; font-family:'Roboto', sans-serif; text-align:center; margin-bottom:8px;}
article .profile .connect .btn {font-style:normal; margin-left:4px; height:auto; line-height:normal; padding:2px 6px; display:inline; vertical-align:initial; display:inline-block; margin-top:4px;}
	.lt-ie9 article .profile .connect .btn {display:block; max-width:120px; margin-left:auto; margin-right:auto;}
article .profile .connect .btn i {margin-right:4px; width:auto; font-size:15px; display:none;}

article .profile-more {margin-right:1px; background:#fff;}
article .profile-more .section  {
    padding: 5px;
    background: #f4f4f4;
}

article .profile-groups {margin-right:1px; margin-bottom:20px;}
article .profile-groups table {width:100%; font-family:'Roboto', sans-serif; border-spacing:3px; border-collapse:separate; font-size:13px; background:#fff;}
article .profile-groups th {
    text-align: left;
    background: #555;
    color: #FFF;
    padding: 5px 10px;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    text-transform: normal !important;
}
article .profile-groups td.small {width:100px;}
article .profile-groups td.tiny {width:30px;}
article .profile-groups td {background:#F0F0F0; color:#333; padding:6px;}
article .profile-groups tr:hover td {background:#DDD;}
article .profile-groups td a {color:#222;}
article .profile-groups td a:hover {text-decoration:underline;}

article .profile-page {background: #222 !important; color: #fff; border-radius: 10px; padding:24px; margin-bottom:24px; margin-right:16px; min-height:386px; }

article .profile-page .content {padding:0; position:relative; }
article .profile-page img {
    max-width: 180px;
    float: left;
    margin-right: 16px;
    border: 6px solid #FFF;
	border-radius:50%;
}
article .profile-page h1 {font-size:20px; margin:0; font-weight:400; margin-bottom:10px; color:#FFF; text-transform:none; line-height:1em; padding-top:10px;}
article .profile-page h2 {font-size:16px; font-weight:600; margin:0; line-height:1em; margin-bottom:20px; color:#fff; text-transform:normal !important;}
article .profile-page h3 {font-size:16px; margin:0; text-transform:none; line-height:1em; font-weight:400; color:#fff; margin-bottom:24px;}
article .profile-page .extra {margin-bottom:24px;}
article .profile-page .extra h1 {font-size:18px; margin:16px 0 8px; color:#DDD; font-weight:400;}
article .profile-page .extra ul {margin:0; padding:0;}
article .profile-page .extra li {margin:1px; color:#EEE; border-radius:3px; background:#444; padding:3px 6px; display:inline-block; vertical-align:top; font-size:13px; margin-bottom:4px; font-family:'Roboto', sans-serif;}



/* Dettaglio Evento New */
article .profile-evento {background:#fff; padding:24px; margin-bottom:24px; margin-right:16px; border:1px solid #E0DFDC;}
article .profile-evento .content {padding:0; position:relative; text-align:center;}
article .profile-evento img {max-width:135px;  }
article .profile-evento h1 {font-size:13px; margin:0; font-weight:bold; margin-bottom:5px; color:#666; text-transform:normal; line-height:1em; padding-top:10px;}
article .profile-evento h2 {font-size:13px; font-weight:normal; margin:0; line-height:1em; margin-bottom:10px; color:#666; text-transform:normal !important;}
article .profile-evento h3 {font-size:13px; margin:0; text-transform:normal; line-height:1em; font-weight:400; color:#fff; margin-bottom:24px; background: #64777D; padding-top:7px; padding-bottom:7px;}
article .profile-evento .extra {margin-bottom:24px;}
article .profile-evento .extra h1 {font-size:18px; margin:16px 0 8px; color:#DDD; font-weight:400;}
article .profile-evento .extra ul {margin:0; padding:0;}
article .profile-evento .extra li {margin:1px; color:#EEE; border-radius:3px; background:#456; padding:3px 6px; display:inline-block; vertical-align:top; font-size:13px; margin-bottom:4px; font-family:'Roboto', sans-serif;}
.daily-event  {background:#fff; padding:24px; margin-bottom:24px; border:1px solid #E0DFDC; border-radius:10px;}
.event-container  { margin-left:0px; }
.event-container h1  { font-size:16px; font-weight:bold; margin-bottom:5px; color:#666; text-transform:normal; line-height:1.3em; padding-top:0px; }
.event-container h2  { font-size:14px; font-weight:bold; margin-bottom:5px; color:#666; text-transform:normal; line-height:1.3em; padding-top:0px; }
.event-container h3  { font-size:24px; font-weight:400; margin-bottom:5px; color:#444; text-transform:normal; line-height:1.3em; padding-top:0px; }
.event-container p  { font-size:14px; margin-bottom:10px; color:#666; line-height:1.3em; padding-top:0px; margin-top:0; }

.event-container.gh h1  { font-size:24px; font-weight:bold; margin-bottom:5px; color:#333; text-transform:normal; padding-top:0px; line-height:0.3em; }
.event-container.gh h2  { font-size:18px; font-weight:normal; margin-bottom:5px; color:#000; text-transform:normal; line-height:1.3em; padding-top:10px; }
.event-container.gh h3  { font-size:24px; font-weight:400; margin-bottom:5px; color:#444; text-transform:normal; line-height:1.3em; padding-top:0px; }

.event-container.ls h1  { font-size:23px; font-weight:bold; margin-bottom:5px; color:#000; text-transform:normal; padding-top:0px; line-height:1.1em; }
.event-container.ls h2  { font-size:20px; font-weight:normal; margin-bottom:5px; color:#000; text-transform:normal; line-height:1.3em; padding-top:10px; }
.event-container.ls p  { font-size:15px; font-weight:400; margin-bottom:5px; color:#000; text-transform:normal; line-height:1.3em; padding-top:0px; }
div.ls-trainer {
    font-size: 13px;
    line-height: 18px;
}

div.pure-u-1.partnership.gh {
    background: #f7f7f7;
	padding:10px 30px 20px 30px;
    border-radius: 10px
}
div.pure-u-1.partnership.ls {
    background: #f7f7f7;
	padding:30px 20px;
    border-radius: 10px;
	margin:20px 0;
}
div.pure-u-1.partnership.ls div.partnerInfo p{
    text-align:center;
	font-size:15px;
	margin:0;
}
div.pure-u-1.partnership.ls div.partnerInfo a{
    background: #FEC92F;
	padding:2px 5px;
	color:#000;
	font-weight:600;
}
div.partnerInfo {
    text-align:center;
	font-size:12px;
	padding:10px 0 20px 0;
}
div.pure-u-1.partnership.gh p  { font-size:15px; margin-bottom:10px; color:#333; line-height:1.3em;  }
div.pure-u-1.partnership.gh i.ghAlert  { font-size:44px; margin-bottom:10px; color:#333; line-height:1.3em;  }

.event-list {
    margin: 0px;
    padding-left: 0px;
    list-style: none;
	font-size: 14px;
	font-weight:normal;	
}
.event-list i {
    font-size: 14px;
	color: var(--main-color);
	list-style: none;
}
.daily-event .icon-blocco-partecipanti {
    float: left;
    background: #fff;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: 5px;
    width: 55px;
    padding: 9px;
    margin-right: 10px;
	color: var(--main-color);
}
.daily-event .event-infos {
    margin:30px 0 30px 20px;
}
.daily-event .people {
    background: #f6f6f6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
        padding-top: 5px;
    padding-top: 30px;
}
.daily-event .event-digest-summary h4 {
    font-size:14px; font-weight:bold; margin-bottom:5px; color:#666; text-transform:normal; line-height:1.3em; padding-top:0px;
}
.daily-event .eventbuttons   {
    float: left;
    width: 100%;
    text-align: right;
    position: relative;
	
}
.eventImage   {
    width:100% !important;
	padding-right:15px;
}
.daily-event .boxCalendar {
    background: #fff;
    margin-bottom: 5px;
    margin-left: 0px;
	margin-right: 25px;
    border: 1px solid #E0DFDC;
    float: left;
    border-radius: 10px;
    overflow: visible;
}
.daily-event .item-calendar .eventlogo {
    max-width: 80px !important;
    max-height: 80px !important;
    float: left;
    margin: 0 10px 0 0;
}
.daily-event .item-calendar h1 {
    font-size: 14px;
    font-weight: 500;
    text-transform: normal;
    margin-left: 75px !important;
    margin: 0;
	text-align:left;
}
.daily-event .item-calendar.noactive {
    opacity:0.3;
}
.daily-event div.boxCalendar .digest-infos {
    letter-spacing: 0px;
    margin: 10px 0;
    color: #666;
    font-size: 12px;
		text-align:left;
		line-height:19px;
}
.daily-event div.send-email {
    width:70%;
	margin:30px auto;
	text-align:center;
	display: none;
}
.daily-event div.send-email .pure-form input{
    width:80%;
	float:left;
	border-radius:30px;
	padding:10px;
}

article .profile-premium {background:#f4f4f4; padding:10px 10px 3px 20px; text-align:left; margin-left:-20px; margin-right:-20px;}
article .profile-premium a {font-size:13px; color:#333; text-align:left;}


article .profile-badge {background:#fff; padding:10px 10px 10px 20px; text-align:left; margin-left:-20px; margin-right:-20px; border-top: 1px solid #E0DFDC;}
article .profile-badge.content {padding:0; position:relative; text-align:center;}
article .profile-badge ul {
    display:inline-block;
	list-style:none;
	padding:0px;
margin:0px;

}
article .profile-badge ul li {
    display:inline-block;
	list-style:none;

}
article .profile-badge ul li  a.badgeProfile {
    color:#666; text-transform:normal; font-size: 13px;line-height: 2em;
}
article .profile-badge ul li  a.badgeProfile i {
    font-size: 19px;
    margin-right: 10px;
}

article .profile-network {background:#fff; padding:0px 10px 10px 20px; text-align:left; margin-left:-20px; margin-right:-20px; }
article .profile-network.content {padding:0; position:relative; text-align:center;}
article .profile-network ul {
    display:inline-block;
	list-style:none;
	padding:0px;
margin:0px;

}
article .profile-network ul li {
    display:block;
	list-style:none;

}
article .profile-network ul li  a.badgeProfile {
    color:#666; text-transform:normal; font-size: 13px;line-height: 2em;
}
article .profile-network ul li  a.badgeProfile:hover {
    color:#FB7D00;
}
article .profile-network ul li  a.badgeProfile i{
    font-size: 16px;
}
article .profile-network h2 {
    font-size: 15px;
    font-weight: 400;
    text-transform: normal;
    float: left;
	color:#000;
width:100%;
}
article .profile-network nav.submenu ul  {
    display:block !important;
}
article .profile-network nav.submenu ul li {
    display:block !important;
	list-style:none;
}
article .profile-network nav.submenu ul li a {
    text-transform: normal;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
	text-decoration:underline;
	display:block;
}
article .profile-network nav.submenu ul li a.active {
    color: #FECE00;
}
article .myProfile {
    color: #023;
    background: #fff;
    padding: 12px 20px;
    margin-bottom: 16px;
    position: relative;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
}
article .myProfile h1 {
    font-weight: 400;
    font-size: 17px;
}
article .hbrArticle {
    color: #023;
    background: #fff;
    padding: 30px;
    margin-bottom: 16px;
    position: relative;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
	float: left;
	width:100%;
}
article .hbrArticle h1 {
    font-weight: 600;
    font-size: 32px;
	color:#000;
	margin: 0;
	padding-top:35px;
}
article .hbrArticle h2 {
    font-weight: 400;
    font-size: 24px;
	color:#000;
	margin: 0;
	padding-bottom:20px;

}
article .hbrArticle p {
    font-size: 17px;
	line-height:24px;
	padding-bottom:40px;
}
article .hbrArticle ul li {
    font-size: 17px;
	line-height:24px;
	color:#444;
}
article .hbrArticle img {
	padding-bottom:20px;
}
article .hbrArticle div.date {
    font-size: 16px;
    color: #666;
    float: left;
    position: relative;
    width: 100%;
    text-transform: uppercase;
}
article .hbrArticle div.author {
    font-size: 17px;
    color: #444;
    font-weight: 400;
    float: left;
    clear: both;
    width: 100%;
	border-top:1px dotted #333;
	padding:10px 0 20px 0;
}
div.hbrBottomBanner  {
    float: left;
    width: 100%;
	padding:30px;
	background:#f3f3f3;
	position:relative;
	text-align:left;
}
div.hbrBottomBanner h1 {
    font-weight: 600;
    font-size: 28px;
	color:#0B4D9B;
	margin: 0;
	padding-bottom:15px;
	padding-top:0px;
}
div.hbrBottomBanner h2 {
    font-weight: 400;
    font-size: 18px;
	color:#333;
	margin: 0;
	padding: 0 20px 20px 0;
	line-height:24px;
}
div.hbrBottomBanner p {
    font-weight: 400;
    font-size: 14px;
	color:#333;
	margin: 0;
	padding: 10px 20px 20px 0;
}
div.hbrBottomBanner div.hbrDealBanner {
    position:absolute;
	right:0 !important;
	top:30px !important;
	color:#fff;
	font-weight: 500;
    font-size: 18px;
	background:#D90000;
	padding:5px 15px;
}
div.hbrBottomBanner div.hbr-sales-code {
    float: left;
    width: auto;
	padding:10px;
	background:#fff;
	font-weight: 500;
    font-size: 18px;
	
}
article .circle-box {background:#fff; margin-bottom:5px; margin-left:25px; border:1px solid #E0DFDC; float:left; border-radius:10px; overflow:visible; width:100%; padding:0 15px;}
article .circle-box h2 {
    font-weight: 500;
    font-size: 15px;
    color: #333;
	padding-top:5px;
}
article .circle-box h3 {
    font-weight: 500;
    font-size: 14px;
    color: #666;
}

article .boxHits {
    background: #fff;
    margin-bottom: 5px;
    margin-left: 25px;
    border: 1px solid #E0DFDC;
    float: left;
    border-radius: 10px;
    overflow: visible;
    width: 100%;
}
article .boxHits.Home {
    background: #fff;
    margin-bottom: 30px;
    float: left;
    border-radius: 10px;
    overflow: visible;
    width: 95%;
	min-height:510px;
}
article .boxHits.Home#bhrt_c_08  {
    border: 5px solid #F39322;
}

article .boxHits.Home#bhrt_c_09  {
    border: 5px solid #FF0000;
}

article .boxHits.Home#bhrt_c_04  {
    border: 5px solid #E6007E;
}

article .boxHits.Home#bhrt_c_01  {
    border: 5px solid #009FE3;
}

article .boxHits.Home#bhrt_c_03  {
    border: 5px solid #008C69;
}

article .boxHits.Home#bhrt_c_10  {
    border: 5px solid #6E8825;
}

article .boxHits.Home#bhrt_c_07  {
    border: 5px solid #FFC926;
}

article .boxHits.Home#bhrt_c_06  {
    border: 5px solid #AACA44;
}

article .boxHits.Home#bhrt_c_12  {
    border: 5px solid #BD42B0;
}

article .boxHits.Home#bhrt_c_05  {
    border: 5px solid #532C86;
}

article .boxHits.Home div.topTen {
    margin: 0 10px 10px 10px;
	padding:0px !important;
}

article .boxHits.Home div.bhrt-topTen-figure img{
        border: 1px solid #E0DFDC;
}
article .boxHits.Home div.bhrt-topTen-figure h3 {
    font-size: 1em;
    min-height: 46px;
    margin: 0.5em 0;
    padding: 9% 50px 6% 10px;
    background: #EDF2FA;
}

article .boxHits h2 {
    font-size: 15px;
    font-weight: 400;
    text-transform: normal;
    float: left;
    margin: 15px 0px 10px 20px;
}
article .boxHits.Home h2 {
    font-size: 15px !important;
	line-height:18px !important;
    font-weight: 500 !important;
    text-transform: normal;
    float: none !important;
    margin: 20px 20px 0px 20px;
	padding-bottom:0 !important;
	padding-right:0 !important;
	min-height:54px;

}
article .boxHits.Home div.bhrt-topTen-figure h3 {
    font-size: 0.8em;
}
article .boxCalendar {background:#fff; margin-bottom:5px; margin-left:25px; border:1px solid #E0DFDC; float:left; border-radius:10px; overflow:visible;}
article .boxCalendar h3  {
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0 5px 20px;
    color: #bbb;
    text-transform: normal;
    padding: 0 !important;
}
article .home-calendar   {
	padding:10px 20px;
	border-bottom:1px solid #E0DFDC;
	float:left;
}
article .home-calendar h1  {
    font-size: 16px;
    font-weight: 600;
    text-transform: normal;
	width:75%;
}
article .item-calendar h1  {
    font-size: 13px;
    font-weight: bold;
    text-transform: normal;
}
article .bp-qa   {
	padding:10px 20px;
	border-bottom:1px solid #E0DFDC;
	float:left;
}
article .bp-qa h1  {
    font-size: 16px;
    font-weight: 600;
    text-transform: normal;
}

article .item-bp-qa h1  {
    font-size: 12px;
    font-weight: bold;
    text-transform: normal;
    color: #000;
    margin: 5px 0 10px 70px;
    background: #f1f1f1;
    padding: 3px 6px;
}
article .item-bp-qa h2  {
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: normal;
	color:#000;
	margin:0 !important;
	float:none !important;
}
article .item-bp-qa h3  {
    font-size: 12px;
    font-weight: normal;
    text-transform: normal;
	color:#666;
	margin:0 !important;
	float:none !important;
}
.item-bp-qa .eventlogo {
    max-width: 60px !important;
    max-height: 60px !important;
    float: left;
    margin: 0 10px 0 0;
	border-radius:50px;
}
.sidebar-button-holder {
    padding: 5px 20px;
    float: left;
    position: relative;
}
article .boxCountdown {background:url(../img/HRD-square-international-small.jpg) center center no-repeat; margin-bottom:5px; margin-left:25px; border:1px solid #E0DFDC; float:left; border-radius:10px; overflow:visible; padding:15px;}
article .boxCountdown h2  {
    font-size: 16px;
    font-weight: 500;
    text-transform: normal;
	color: #f93;
	float:left;
	margin-bottom:5px;
}
article .boxCountdown .event-countdown h1   {
    font-size: 14px;
    font-weight: 500;
    text-transform: normal;
	color: #fff;
}
article .boxCountdown .event-countdown  a  {
	color: #fff;
}
article .boxCountdown .event-countdown  a:hover  {
	color: #FECE00;
}

article .boxCountdown .event-countdown h3   {
    font-size: 12px;
    font-weight: 400;
    text-transform: normal;
	color: #eaeaea;
	margin:5px 0;
	
}
article .boxCountdown.big {background:url(../img/HRD-square-international-small.jpg) center center no-repeat; margin-bottom:5px; margin-left:25px; border:1px solid #E0DFDC; float:none; border-radius:10px; overflow:visible; padding:15px; background-size:cover;}
article .boxCountdown h2  {
    font-size: 16px;
    font-weight: 500;
    text-transform: normal;
	color: #f93;
	margin-bottom:5px;
}

article .boxOnair {background:url(../img/HRD-onair.jpg) center center no-repeat; margin-bottom:5px; margin-left:25px; border:1px solid #E0DFDC; float:left; border-radius:10px; overflow:visible; padding:5px 15px;}
article .boxOnair h2  {
    font-size: 15px;
    font-weight: 500;
    text-transform: normal;
	color: #fff;
	background: #ff0000;
	text-decoration: blink;
	padding:2px 10px;
	margin-left:-15px;
	width:39%;
	float:left;
}
.blink_me {
  animation: blinker 1s linear infinite;
}
.onAir  {
    margin-left: -15px;
    width: 51%;
    position: absolute;
    right: 2px;
    top: 0px;
}
.onAir h2  {
    font-size: 14px;
    font-weight: 500;
    text-transform: normal;
	color: #fff;
	background: #ff0000;
	text-decoration: blink;
		padding:2px 10px;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

article .boxOnair .event-onair {
    float: left;
    margin-bottom: 10px;
}
article .boxOnair .event-onair  a  {
	color: #eaeaea;
}
.event-onair .eventlogo {
    max-width: 70px !important;
    max-height: 70px !important;
    float: left;
    margin: 0 10px 0 0;
}
article .event-onair h1 {
    font-size: 12px;
    font-weight: bold;
    text-transform: normal;
    margin-left: 80px !important;
    margin: 0;
	text-decoration:underline;
}
article .boxOnair .event-onair h3   {
    font-size: 12px;
    font-weight: 400;
    text-transform: normal;
	color: #f93;
	margin:5px 0;
	float:left;
}

article .learning-space {background:#fff; margin-bottom:5px; margin-left:25px; border:1px solid #E0DFDC; float:left; border-radius:10px; overflow:visible;}
article .learning-space h3  {
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0 5px 20px;
    color: #bbb;
    text-transform: normal;
    padding: 0 !important;
	float:left;
	width:80%;
}
article .learning-space span.premium  {
    font-size: 18px;
    font-weight: 300;
    margin: 12px 0 0px 10px;
    color: #FECE00;
    padding: 0 !important;
	width:10%;
	float:right;
}
article .home-square   {
    border-top:1px solid #E0DFDC;
	padding:10px 20px;
	border-bottom:1px solid #E0DFDC;
	float:left;
}

article .boxCalendar h2  {
    font-size: 15px;
    font-weight: 400;
    text-transform: normal;
	float:left;
	margin:15px 0px 10px 20px;
}
article .learning-space h2  {
    font-size: 15px;
    font-weight: 400;
    text-transform: normal;
	float:left;
	margin:15px 0px 10px 20px;
}
article .item-calendar h1  {
    font-size: 12px;
    font-weight: bold;
    text-transform: normal;
	margin-left:75px !important;
	margin:0;
}
.best-practice .item-calendar h1  {
    font-size: 12px;
    font-weight: bold;
    text-transform: normal;
	margin-left:75px !important;
	margin:0;
}
.best-practice .item-calendar h3  {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
	margin-left:75px !important;
	color:#666;
}
article .item-calendar h3  {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
	margin-left:75px !important;
	color:#666;
}
article .left-sidebar-banner { 
    margin-bottom: 10px;
    margin-right: 25px;
    float: left;
    margin-top: 10px;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
	overflow:visible;
}
article .right-sidebar-banner {margin-bottom:24px; margin-left:25px; float:left; border-radius: 5px;padding: 5px;background: #fff; overflow:visible;}
article .right-sidebar-partner-banner {margin-bottom:24px; margin-left:25px; float:left; border-radius: 10px;padding: 20px 20px 10px 20px;background: #fff; overflow:visible; border:1px solid #E0DFDC}

article .map {position:relative; margin-bottom:20px;}
article .map img {max-width:none;}
article .map .timezone {color:#333; padding:8px 12px; background:#fff; text-align:right; line-height:24px; font-size:15px;  border-radius: 10px 10px 0 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
article .map .timezone i {font-size:24px; display:inline-block; vertical-align:bottom; margin-left:8px;}
article .map .map_canvas{
    width: 100%;
    height: 345px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ccc;
}
article .section {margin-bottom:20px; background:#fff;}
article .section h2 {font-size:16px; font-weight:400; margin:0; line-height:1em; margin-bottom:10px; color:#FFF; background:#bbb; padding:12px 16px;}
article .section.addresses ul {list-style:none; padding:0; margin-left:16px;}
article .section.addresses li {font-size:14px; margin-bottom:4px; /* padding-left:32px; background:url(../img/ico-p-pin-full.png) left 2px no-repeat; padding-top:6px;*/ min-height:26px;  margin-bottom:8px; position:relative; padding-right:64px;  word-break: break-all;}
article .section.addresses li .flags {position:absolute; width:32px; height:32px; right:16px; top:-4px;}
article .section dl {font-size:12px; margin-left:16px; color:#555;}
article .section dt {display:inline-block; vertical-align:top; width:39%; text-transform:normal; margin-bottom:4px;}
article .section dd {display:inline-block; vertical-align:top; width:60%; font-weight:600; margin:0; margin-bottom:4px;}

/* Cerca */
article .build .results {margin-right:20px; max-height:670px; overflow:auto;}
article .build .results .item {margin-bottom:20px;}
article .build .filters {background:#DDD; margin:0; margin-bottom:8px; text-align:center; padding:6px 0;}
article .build .filters a {text-transform:none; font-weight:400; text-align:left; margin:0;}
article .build .filters select {width:48%; text-align:left;}
article .build .filters ul {margin:0; padding:0;}
article .build .filters li {text-align:left;}
article .build .map {position:relative;}
article .build .map .commands {position:absolute; top:28px; right:6px; z-index:1;}

/* Dashboard */
article .dashboard .tabber {margin-right:20px;}
article .dashboard .results.qas {max-height:none;}

/* QAs */
article .qas .tabber {margin-right:20px;}
article .qas .results .item .info .modes {/*display:none;*/margin-left: 10px;padding-top: 3px;}
article .qas .results .item .info .counters {position:static; display:inline-block;float: right;}
article .qas .results .item .info .counters strong {font-weight:300;}

article .qas .results .item.opened .info .modes {display:inline-block;}
article .qas .results .item.opened .info .counters {display:inline-block;}

article .map {position:relative;}
article .map .close {display:none;}
article .map.fullscreen {position:fixed; left:20px; right:20px; top:20px; bottom:20px; z-index:1002;}
article .map.fullscreen .fullscreen {display:none;}
article .map.fullscreen .close {display:inline-block;}
article .map.fullscreen iframe {height:100%;}
article .map .commands {position:absolute; top:28px; right:6px;z-index:1;}
article .map .commands .btn {box-shadow:0 0 10px #333;}
article .map.setaddress .commands {padding:0; width:auto; position:absolute;}
article .map .container {position:relative; height:94%;}


/* Agenda */
article .agenda .tabber {margin-right:20px;}
article .agenda .box {margin-right:20px;}
article .agenda .results {margin-right:20px; max-height:702px; overflow:hidden; overflow-y:auto;}
article .agenda .results .item img {margin-bottom:0;}
article .agenda .results .item.opened img {max-width:64px; margin-bottom:0;}

article .agenda .current-filters {padding:10px 16px; margin-bottom:8px;}
article .agenda .current-filters .views {top:8px;}

article .agenda .filters {background:#DDD; margin:0; margin-bottom:8px; text-align:center; padding:6px 0;}
article .agenda .filters a {text-transform:none; font-weight:400; text-align:left; margin:0;}
article .agenda .filters select {width:48%; text-align:left;}
article .agenda .filters ul {margin:0; padding:0;}
article .agenda .filters li {text-align:left;}
article .agenda .map {position:relative;}
article .agenda .map .close {display:none;}
article .agenda .map.fullscreen {position:fixed; left:20px; right:20px; top:20px; bottom:20px; z-index:1002;}
article .agenda .map.fullscreen .fullscreen {display:none;}
article .agenda .map.fullscreen .close {display:inline-block;}
article .agenda .map.fullscreen iframe {height:100%;}
article .agenda .map .commands {position:absolute; top:28px; right:6px; z-index:1;}

/* Settings */
table.settings {width:100%; border-spacing:3px; border-collapse:separate;}
table.settings th {text-align:left; background:#FB7D00; color:#FFF; padding:8px 6px; font-size:12px; position:relative; text-transform:normal; font-weight:600;}
table.settings td {background:#FFF; color:#333; padding:2px 6px; font-size:12px; height:30px;}
table.settings tr:hover td {background:#EEE;}
table.settings td.tools {width:180px; text-align:right;}
table.settings td.tools > a {display:block; text-align:center;}
table.settings td.tools .confirm {color:#666; font-family:'Roboto', sans-serif; font-size:11px;}

/* Group */
article.group > hgroup {display:none;}
article .group hgroup.group h1 {text-transform:none; color:#456;}
article .group hgroup.group h1 span {padding:1px 6px; font-size:11px;}


/* Subscribe */
article .subscribe {text-align:center; background:#456; padding:20px; border-radius:6px; color:#FFF; margin:0 16px;}
article .subscribe > p {font-size:13px;}
article .subscribe > p strong {font-size:18px;}
article .subscribe h2 {font-weight:normal;}

.group aside {background:#F0F0F0; padding:8px; padding-top:0;}
.group aside .box h1 {background:#FB7D00; font-family:'Roboto', sans-serif; font-size:13px; padding:8px; font-weight:400; border:0;}
.group aside .box h1 a {position:absolute; right:8px; font-size:11px; top:8px; font-family:'Roboto', sans-serif; }
.group aside .box h1 a:hover {text-decoration:underline;}
.group aside .box p {font-size:12px; line-height:1.5em; color:#666; word-break:break-all;}


aside .box.commands {background:#FFF; padding:8px 0; position:relative; margin-left:-8px; margin-right:-8px; margin-top:-8px; padding-bottom:20px;}
aside .box.commands .btn {display:block; text-align:center;}

aside .box.group .role {background:#333; text-align:center; font-size:11px; padding:2px 0; color:#FFF;border-radius:4px 4px 0 0; margin-left:-8px; margin-right:-8px;}
aside .box.group .role.manager {background:#FB7D00;}
aside .box.group .role.owner {background:#FB7D00;}
aside .box.group h2 {margin:0; font-size:15px; margin-bottom:10px; color:#004E75; padding-top:8px;  word-break:break-all;}
aside .box.group.private h2:before {content:"\e608"; color:#004E75; margin-right:4px; font-family:hrg-icons; font-size:14px; line-height:1em; font-weight:400; vertical-align:middle; position:relative; top:-2px;}
aside .box.group figure {background:#FFF; padding:0 8px; text-align:center; font-size:0; margin-bottom:4px; height:160px; line-height:160px;}
aside .box.group figure img {display:inline-block; vertical-align:middle; max-height:140px;}
aside .box.group .tags {line-height:15px; width:100%; overflow:hidden;}
aside .box.group .tags span {font-size:9px; color:#FFF; background:#AAA; padding:1px 4px; text-transform:normal; font-weight:400; white-space:nowrap; float:left; margin-bottom:3px;margin-right:3px; max-width:100%; line-height:normal; overflow:hidden; text-overflow:ellipsis;}
aside .box.group > .btn {display:block; text-align:center; max-width:360px; margin:auto; margin-bottom:4px;}

a[data-level]:after {content:attr(data-level); display:block; position:absolute; bottom:0; color:#FFF; text-align:center; padding:1px 2px; background:#FB7D00; z-index:10; left:0; right:0; font-size:9px; font-family:'Roboto', sans-serif; text-transform:capitalize; clear:both;}
a[data-level=Owner]:after,
a[data-level=owner]:after {background:#FB7D00;}
a[data-level=Member]:after,
a[data-level=member]:after {display:none;}

aside .box {margin-bottom:10px; padding:0; border:none; box-shadow:none;}
aside .box + .box {margin-top:16px;}
aside .box.commands + .box {margin-top:0;}
aside .box h1 {font-weight:500; color:#444; margin:0; font-size:14px; position:relative;}
aside .box h1[data-counter]:after {content:attr(data-counter); background:#FB7D00; padding:0 8px; border-radius:10px; font-size:11px; color:#FFF; display:block; position:absolute; right:16px; font-weight:600; top:12px;}
aside .box h1 a {color:#fff;}

aside .box.help {background:#089; color:#FFF; position:relative;}
aside .box.help:hover {background:#0AB;}
aside .box.help h1 {margin:0; padding:0 !important; background:none !important; font-size:25px !important; margin-bottom:2px; border:0; font-weight:400 !important; font-family:'Roboto', sans-serif !important;}
aside .box.help p {margin:0; font-size:11px; font-family:'Roboto', sans-serif; color:#FFF !important;}
aside .box.help a {color:#FFF; display:block; padding-right:70px; padding:10px; padding-right:70px;}
aside .box.help span {color:#089; background:#FFF; width:48px; height:48px; font-size:44px; position:absolute; right:10px; top:50%; margin-top:-24px; text-align:center; font-weight:900; font-family:Arial Black, Arial; line-height:48px; border-radius:50%;}
aside .box.help:hover span {color:#0AB;}

aside .box.qas .item {padding:8px; padding-top:24px; position:relative; border-bottom:4px solid #FFF;}
aside .box.qas .item .content {padding:0;}
aside .box.qas .item .label {text-transform:normal; font-size:9px; color:#FFF; background:#999; padding:1px 4px; font-weight:400; font-family:'Roboto', sans-serif; line-height:normal; padding-left:8px; position:absolute; left:0; top:4px; float:left; max-width:90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
aside .box.qas .item time {width:20%; margin-right:1%; max-width:50px; float:left; text-align:center; margin-right:8px;}
aside .box.qas .item time a {color:#456;}
aside .box.qas .item time a:hover {color:#FB7D00;}
aside .box.qas .item time i {font-size:24px;}
aside .box.qas .item time h1 {display:block; font-family:'Roboto', sans-serif; font-size:14px; letter-spacing:-1px; text-transform:normal; color:#456; margin-bottom:4px; font-weight:600; line-height:1em; white-space:nowrap;}
aside .box.qas .item time div {text-align:center;}
aside .box.qas .item time div h2 {margin:0; display:block; color:#456; font-weight:400; line-height:1em; font-size:11px; font-family:'Roboto', sans-serif;}
aside .box.qas .item img {width:80px; margin-bottom:10px;}
aside .box.qas .item h1, 
aside .box.qas .item h2, 
aside .box.qas .item h3 {display:inline; color:#666; font-size:13px; margin-right:0; background:none; padding:0; margin:0; border:0;} 
aside .box.qas .item p {margin:0; font-size:11px; color:#333; font-family:'Roboto', sans-serif; line-height:1.3em; width:76%; overflow:hidden; padding-top:4px; margin-bottom:8px;}
aside .box.qas .item p a {color:inherit;}
aside .box.qas .item p a:hover {text-decoration:underline;}
aside .box.qas .item .modes {font-size:10px; font-weight:600; padding:8px 0; color:#456; text-transform:normal;}
aside .box.qas .item .modes i {margin-right:2px; vertical-align:middle; font-size:14px; position:relative; top:-1px;}
aside .box.qas .item .participants {font-size:0; overflow:hidden; height:30px;}
aside .box.qas .item .participants .item {width:28px; height:28px; position:relative; z-index:99; display:inline-block; margin:1px; cursor:pointer; padding:0;}
aside .box.qas .item .participants .item .card {width:28px; height:28px; overflow:hidden; padding:0; background:transparent; transition:.2s; z-index:99; position:absolute;}
aside .box.qas .item .participants img {width:100%; max-height:64px; max-width:64px; border:2px solid #FFF; transition:.3s; margin:0;}
aside .box.qas .item .participants img:hover {border-color:#FB7D00;}
aside .box.qas .item .commands {padding:0; text-align:right;}

aside .box.people .item {padding:8px; border-bottom:4px solid #FFF;}
aside .box.people .item img {width:24%; max-width:64px; float:left; margin-right:2%; border:2px solid #FFF;}
aside .box.people .item img:hover {border-color:#FB7D00;}
aside .box.people .item h1 {font-family:'Roboto', sans-serif; font-size:12px; margin:0; margin-bottom:4px; color:#333; text-transform:none; line-height:1.2em; background:none; padding:0; font-weight:600; border:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
aside .box.people .item h1 a {color:inherit;}
aside .box.people .item h1 a:hover {text-decoration:underline;}
aside .box.people .item h2 {font-family:'Roboto', sans-serif; font-size:11px; font-weight:400; margin:0; line-height:1em; margin-bottom:2px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
aside .box.people .item h3 {font-size:11px; margin:0; text-transform:normal; line-height:1em; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
aside .box.people .item .commands {float:left; width:74%; text-align:left;}
aside .box.people .item .commands .btn i {display:none;}

aside .box.people > .commands {text-align:center; padding:16px;}
aside .box.people .loading {height:64px; background:url(../img/loading-FFF.gif) center no-repeat;}

aside .box.people .item .commands .success,
aside .box.people .item .commands .error {margin:0; padding:0; font-size:11px; padding:2px 0; margin-top:4px; border-radius:2px;}

aside .box.hrc-events .item {padding:12px; padding-top:0; padding-bottom:8px; border-bottom:4px solid #FFF;}
aside .box.hrc-events .item h1 {display:block; color:#023; font-size:15px; margin:0; font-weight:400; background:none; padding:0; border:0; line-height:1.2em;}
aside .box.hrc-events .item h2 {display:block; color:#999; font-size:11px; margin:0; font-weight:400; font-family:'Roboto', sans-serif;}
aside .box.hrc-events .item h3 {font-size:9px; color:#FFF; background:#999; padding:2px 8px 1px; margin-left:-12px; padding-left:12px; margin-bottom:4px; display:inline-block; text-transform:normal; font-weight:400; margin-top:0; line-height:normal; white-space:nowrap;}
aside .box.hrc-events .item .info {font-weight:600; font-size:11px; color:#023; position:relative; padding-top:4px;}
aside .box.hrc-events .item .info .btn {position:absolute; right:0;}
aside .box.hrc-events .item .info .btn:active {top:auto; margin-top:1px;}

aside .box.members ul {padding:0; list-style:none; overflow:hidden; width:100%; margin-top:4px; margin-bottom:0;}
aside .box.members li {width:23%; max-width:64px; margin:1%; float:left;}
aside .box.members li a {display:block; position:relative; border:3px solid #FFF;}
aside .box.members li img {display:block;}
	.lt-ie9 aside .box.members li img {width:100%;}
aside .box.members li a:hover {border-color:#FB7D00;}
aside .box.members li a[data-level=owner]:hover,
aside .box.members li a[data-level=Owner]:hover {border-color:#FB7D00;}

aside .box.banner {text-align:center;}

aside .box.latest-news .items {display:block; padding:8px 0;}
aside .box.latest-news .items a {display:block;}
aside .box.latest-news .items a + a {margin-top:8px;}
aside .box.latest-news .items .text {padding:0 .5em;}
aside .box.latest-news .items img {border:3px solid #FFF; display:block; width:100%; height:auto;}
aside .box.latest-news .items time {font-size:10px; color:#999;}
aside .box.latest-news .items h2 {font-size:12px; margin:0; color:#456; word-break:break-all;}
	.lt-ie9 aside .box.latest-news .items h2 {word-wrap:break-word; display:block; width:100%;}
aside .box.latest-news .items a:hover h2 {color:#FB7D00;}
aside .box.latest-news .items a:hover img {border-color:#FB7D00;}
aside .box.latest-news .items p {font-size:12px; margin:0; color:#666; word-break:break-all;}
	.lt-ie9 aside .box.latest-news .items p {word-wrap:break-word; display:block; width:100%;}

aside .box.docs table {border-spacing:0 3px; border-collapse:separate; width:100%; table-layout:fixed; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
aside .box.docs table td {background:#FFF; font-family:'Roboto', sans-serif; font-size:11px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:4px 6px;}
aside .box.docs table td:hover {background:#DDD;}
aside .box.docs table td a {color:#333; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

aside .confirm {background:#FFF; border-radius:4px; margin-bottom:8px;}
aside .group .form {margin:0; background:#FFF;}
aside .form.inner .content {padding:10px;}
aside .form.inner .content .inline-options {width:auto; display:block; margin:0; position:relative;}
aside .form.inner .content li label {display:block; margin:0; font-size:11px; width:100%; text-align:left; font-family:'Roboto', sans-serif; margin-bottom:4px;}
aside .form.inner .content input[type=text] {padding:.3em .4em; width:100%;}
aside .box.group .confirm .btn {display:inline-block;}
aside .form .content .commands {padding:0; text-align:center;}
aside .form .content .commands .btn {width:48%; max-width:160px;}
aside .box.group .confirm .btn.add {width:10%; text-align:center; padding:0; position:absolute; top:2px; right:2px; height:20px; line-height:20px; max-width:32px;}
aside .box.group .confirm .btn.add i {margin:0; font-size:14px;}

aside .nomination {background:#456; padding:8px; color:#FFF; border-radius:4px; font-family:'Roboto', sans-serif;}
aside .nomination h3 {margin:0; margin-bottom:8px; font-size:13px;}
aside .nomination p {color:#EEE !important; font-size:11px !important;}
aside .nomination .commands {text-align:center; margin-top:10px;}
aside .box.group .nomination .btn {display:inline-block; width:48%; max-width:140px;}
aside .box.group .nomination .btn.full {width:auto; display:block; text-align:center; max-width: 240px; margin:auto;}
aside .nomination form {text-align:center;}
aside .nomination input {vertical-align:middle;}
aside .nomination label {color:#EEE; font-size:11px; margin-left:4px; vertical-align:middle;}

aside .network a {background:#FB7D00; display:block; padding:20px 0; padding-bottom:16px; text-align:center; color:#FFF; text-transform:normal; font-size:19px; transition:.3s; border-radius:8px;}
aside .network a:hover {background:#023;}
aside .network a i {font-size:28px; margin-right:8px; display:inline-block; vertical-align:middle; position:relative; top:-2px;}

/* Generic */
section.text { background: #fff;
    margin-bottom: 6px !important;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
    padding: 20px;}
section.text article h1 {font-size:27px; color:#023; border-bottom:4px solid #ccc; padding-bottom:16px; letter-spacing:-1px;}
section.text article h2 {font-size:18px; color:#666; letter-spacing:-1px;}
section.text article h3 {font-size:16px;}
section.text article p {font-size:14px; line-height:1.5em; color:#333;}
section.text article a {color:#023;}
section.text article a:hover {}
section.text article ul {list-style:square; padding-left:20px;}
section.text article li {font-size:13px; margin-bottom:8px; color:#333; line-height:1.5em;}

.main-tutorial {background:url(../img/main-tutorial-bg.jpg) center no-repeat; text-align:center; padding:20px; position:relative; background-size:cover;}
	.lt-ie9 .main-tutorial {background-image:url(../img/main-tutorial-bg-low.jpg);}
.main-tutorial .step {background:rgba(255,255,255,.6); padding:8px; display:inline-block; width:22%; max-width:260px; margin:0 1%; position:relative; vertical-align:top; min-height:300px;}
	.lt-ie9 .main-tutorial .step {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88FFFFFF', endColorstr='#88FFFFFF', GradientType=0);}
.main-tutorial .step h1 {font-size:18px; text-transform:normal; color:#333; font-weight:400; text-align:left; margin:0; margin-bottom:20px; height:44px;}
.main-tutorial .step h1 strong {font-weight:600; color:#222;}
.main-tutorial .step img {max-width:100%;}
.main-tutorial .step p {position:absolute; bottom:0; left:0; right:0; background:rgba(255,255,255,.3); margin:0; padding:8px; font-family:'Roboto', sans-serif; text-align:left; min-height:80px; font-size:13px; line-height:1.6em;}
	.lt-ie9 .main-tutorial .step p {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88FFFFFF', endColorstr='#88FFFFFF', GradientType=0);}
.main-tutorial a[data-action=hide] {position:absolute; top:10px; right:10px; color:#FFF; font-size:28px; text-shadow:0 0 10px #222;}
.main-tutorial a[data-action=hide]:hover {color:#FB7D00;}

/* FOOTER */
footer {background:#000; padding:30px 0; width:100%; position:absolute; bottom:0;}	
footer .tools a {display:block; background-color:#FFF; text-transform:normal; color:#345; padding:8px 40px; text-align:center; margin-bottom:6px; border-radius:6px; font-size:12px; transition:all .3s; position:relative;}
footer .tools a:hover {background-position:4px center; background-color:#345; color:#FFF;}
footer .tools a:active {box-shadow:2px 2px 3px #333 inset;}
footer .tools a i {position:absolute; left:8px; top:50%; margin-top:-11px; color:#FFF; width:22px; height:22px; line-height:22px; border-radius:50%; background:#345; text-align:center;}
	.lt-ie9 footer .tools a i {background:url(../img/ie8-tool-bg.png) center no-repeat;}
footer .tools ul {text-align:center; padding:0;}
footer .tools li {display:inline-block;}
footer .tools li a {display:block; width:28px; height:28px; line-height:30px; padding:0; border-radius:50%; font-size:12px; transition:all .3s;}
	.lt-ie9 footer .tools li a {background:url(../img/circle-FFF-28.png);}
footer .tools li a:hover {background:#345; color:#FFF; }
	.lt-ie9 footer .tools li a:hover {background:url(../img/circle-345-28.png);}
	footer .tools1  {vertical-align:middle !important; margin-right:20px;}
footer .tools1 p {display:block; color:#fff; text-align:left; margin-bottom:10px; margin-top:0px; font-size:14px; transition:all .3s; position:relative;}
footer .tools1 ul {margin:0 !important; padding:0 !important;}
footer .tools1 li {display:inline-block; margin:0 4px; text-align:left;}
footer .tools1 a {display:block; color: #EAEAEA; text-align:left; margin-bottom:8px; font-size:13px; transition:all .3s; position:relative;}
footer .tools1 a:hover {color:#f1f1f1;}
footer .social {text-align:center;}
footer .social ul {padding:0;}
footer .social li {display:inline-block; margin:0 4px;}
footer .social a {display:block; width:36px; height:36px; line-height:41px; text-align:center; background-color:#FFF; border-radius:50%; transition:all .3s;}
footer .social a i {color:#456; font-size:22px; transition:all .3s;}
	.lt-ie9 footer .social a {background:url(../img/circle-FFF-36.png);}
footer .social a:hover {background:#345;}
	.lt-ie9 footer .social a:hover {background:url(../img/circle-345-36.png);}
footer .social a:hover i {color:#FFF;}

footer .lang {position:relative; padding-left:32px;}
footer .lang i {position:absolute; left:0; top:1px; font-size:27px; color:#FFF;}
footer .lang .chosen-container {width:100% !important; font-family:'Roboto', sans-serif;}
footer .lang .chosen-container .chosen-drop {top:auto; bottom:100%; border-radius:4px 4px 0 0; padding-top:6px;}
footer .lang .chosen-container-active.chosen-with-drop .chosen-single {border-radius:0 0 5px 5px !important;}

footer address {margin-bottom:16px; opacity:.7; font-style:normal; color:#FFF; display:none;}
footer address h1 {font-family:'Roboto', sans-serif; font-weight:600; font-size:17px; margin-bottom:10px;}
footer address h2 {font-size:13px; margin-bottom:10px; line-height:1.3em; font-weight:400;}
footer address h3 {font-size:11px; line-height:1.3em; font-weight:400;}
.footerLogo  {float:right;}

/* FOOTER COMPACT */
article .left-compact-footer {background-color:rgba(255,255,255,0.5); padding:0px 16px 0px 16px; margin-bottom:20px; margin-right:25px; border:1px solid #E0DFDC; border-radius:10px;display:block; float:left; width:90%;}
.left-compact-footer .tools a {display:block; text-transform:normal; color:#345; margin-bottom:5px; font-size:12px; transition:all .3s; position:relative;}
.left-compact-footer .tools a:hover {color:#FB7D00;}
.left-compact-footer .tools a:active {box-shadow:2px 2px 3px #333 inset;}
.left-compact-footer .tools a i {position:absolute; left:8px; top:50%; margin-top:-11px; color:#FFF; width:22px; height:22px; line-height:22px; border-radius:50%; background:#345; text-align:center;}
	.lt-ie9 footer .tools a i {background:url(../img/ie8-tool-bg.png) center no-repeat;}
.left-compact-footer .tools ul {text-align:center; padding:0;}
.left-compact-footer .tools li {display:inline-block;}
.left-compact-footer .tools li a {display:block; width:28px; height:28px; line-height:30px; padding:0; border-radius:50%; font-size:12px; transition:all .3s;}
	.lt-ie9 footer .tools li a {background:url(../img/circle-FFF-28.png);}
.left-compact-footer .tools li a:hover {background:#345; color:#FFF; }
	.lt-ie9 footer .tools li a:hover {background:url(../img/circle-345-28.png);}
.left-compact-footer .social {text-align:center;}
.left-compact-footer .social ul {padding:0 !important;}
.left-compact-footer .social li {display:inline-block; margin:0 4px;}
.left-compact-footer .social a {display:block; width:30px; height:30px; line-height:30px; text-align:center; background-color:#F7f7f7; border-radius:50%; transition:all .3s;}
.left-compact-footer .social a i {color:#456; font-size:16px; transition:all .3s;}
	.lt-ie9 footer .social a {background:url(../img/circle-FFF-36.png);}
.left-compact-footer .social a:hover {background:#345;}
	.lt-ie9 footer .social a:hover {background:url(../img/circle-345-36.png);}
.left-compact-footer .social a:hover i {color:#FFF;}

.left-compact-footer .lang {position:relative; margin-top:10px}
.left-compact-footer .lang i {position:absolute; left:0; top:1px; font-size:27px; color:#FFF;}
.left-compact-footer .lang .chosen-container {width:100% !important; font-family:'Roboto', sans-serif;}
.left-compact-footer .lang .chosen-container .chosen-drop {top:100%; bottom:auto; border-radius:4px 4px 0 0; padding-bottom:6px;}
.left-compact-footer.lang .chosen-container-active.chosen-with-drop .chosen-single {border-radius:0 0 5px 5px !important;}

.left-compact-footer address {margin-bottom:16px; opacity:.7; font-style:normal; color:#FFF; display:none;}
.left-compact-footer h1 {font-family:'Roboto', sans-serif; font-weight:600; font-size:17px; margin-bottom:10px;}
.left-compact-footer h2 {font-size:13px; margin-bottom:10px; line-height:1.3em; font-weight:400;}
.left-compact-footer h3 {font-size:11px; line-height:1.3em; font-weight:400;}

.tooltip {position:absolute; display:none; padding:2px 4px 4px; color:#333; box-shadow:0 0 10px rgba(0,0,0,.6); background:#333; border-radius:3px; font-size:11px; max-width:300px; margin-left:-9px; margin-top:-4px; color:#DDD; z-index:9999; font-family:'Roboto', sans-serif;}
.tooltip ol,
.tooltip ul {margin:0; padding:0; margin-left:20px;}
.tooltip dt {text-transform:normal; font-weight:600;}
.tooltip dd {margin:0; padding:0; margin-bottom:8px;}
.tooltip:before {content:""; position:absolute; top:100%; left:10px; width:0; height:0; border-style:solid; border-width:6px 6px 0 6px; border-color:#333 transparent transparent transparent;}
.tooltip.bottom:before {bottom:100%; top:auto; border-width:0 6px 6px 6px; border-color:transparent transparent #333 transparent;}

.cardtip {position:absolute; background:#023; width:240px; box-shadow:none; z-index:9999;}
.cardtip:before {content:""; display:block; top:100%; left:50%; margin-left:-10px; width:0; height:0; border-style:solid; border-width:10px 10px 0 10px; border-color:#023 transparent transparent transparent; position:absolute;} 
.cardtip.bottom:before {bottom:100%; top:auto; border-width:0 10px 10px 10px; border-color:transparent transparent #023 transparent;}

.cardtip .content {padding:8px;}
.cardtip .close {position:absolute; width:20px; height:20px; top:-6px; right:-6px; background:#023; border-radius:50%; text-align:center; text-decoration:none; color:#FFF; line-height:20px; font-size:12px; font-family:'Roboto', sans-serif; cursor:pointer; font-weight:600;}
	.lt-ie9 .cardtip .close {background:transparent; top:0; right:-4px;}
.cardtip .close:hover {color:#023; background:#FFF; box-shadow:0 0 20px #023;}
.cardtip .close:before {content:"\00D7"; display:block;}

.cardtip img {width:48px; border:2px solid #FFF; margin-right:6px; float:left; transition:.3s;}
.cardtip a:hover img {border-color:#FB7D00;}
.cardtip .author {font-family:'Roboto', sans-serif; overflow:hidden;}
.cardtip .author a {color:inherit;}
.cardtip .author a:hover {text-decoration:underline;}
.cardtip .author .name {font-size:13px; margin-bottom:8px; color:#FFF; line-height:1.2em; margin-right:26px;}
.cardtip .author .job-title {font-size:11px; color:#AAA; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cardtip .author .company {font-size:11px; color:#AAA; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.cardtip .commands {position:absolute; top:8px; right:8px; width:auto;}
.cardtip .commands .btn {display:block; width:24px; text-align:center; min-width:0; padding:0; font-size:10px;}
.cardtip .commands .btn i {margin:0; font-size:10px;}

.cardtip .content.qa {padding-top:4px;}
.cardtip .content.qa label {font-size:10px; color:#CCC; background:#456; padding:0 8px; margin-left:-8px; padding-left:8px; margin-bottom:4px; display:inline-block; text-transform:normal; white-space:nowrap; overflow:hidden; max-width:100%; text-overflow:ellipsis;}
.cardtip .content.qa img {float:left; margin-right:8px; width:48px;}
.cardtip .content.qa h1 {color:#AAA; font-weight:400; margin-bottom:4px;} 
.cardtip .content.qa h2 {color:#AAA; font-weight:400;} 
.cardtip .content.qa h3 {color:#AAA; font-weight:400;} 
.cardtip .content.qa p {color:#EEE; font-size:15px; margin:0; margin-bottom:10px;} 
.cardtip .content.qa .commands {position:static; width:auto; text-align:center; clear:both; border-top:1px solid #999; margin-top:8px; padding-top:4px;}
.cardtip .content.qa .commands .btn {display:inline-block;}

.cardtip .content.qa p {color:#EEE; font-family:'Roboto', sans-serif; font-size:13px; margin:0; margin-bottom:10px;} 
.cardtip .content.qa p a {color:inherit;}
.cardtip .content.qa p a:hover {text-decoration:underline;}
.cardtip .content.qa img {width:36px;}
.cardtip .content.qa .name {font-size:11px; margin-bottom:0; line-height:1em;}

.autocomplete-suggestions {background:#FFF; padding:0; font-size:13px; font-family:'Roboto', sans-serif; color:#333; border:1px solid #E0DFDC; border-radius:0 0 4px 4px;}
.autocomplete-suggestion {padding:4px; cursor:pointer;}
.autocomplete-suggestion:hover {background:#FB7D00; color:#FFF;}
.autocomplete-suggestion:hover strong {color:#FFF;}
.autocomplete-suggestion strong {color:#222;}

.fc-header {background:#023; color:#FFF;}
.fc-header td {vertical-align:middle; height:36px; padding:0 10px; font-family:'Roboto', sans-serif;}
.fc-header h2 {font-family:'Roboto', sans-serif; font-size:16px; font-weight:300; margin:0;}
.fc-header .fc-button {vertical-align:middle; margin-bottom:0; height:20px; line-height:20px; font-size:11px}
.fc-event {background:#456; font-size:13px; border-color:#FFF;}
.fc-event.hrc-event {background:#FB7D00;}
.fc-grid th {font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; background:#EEE; padding:4px 0;}
.fc-grid .fc-day-number {font-family:'Roboto', sans-serif; color:#666; font-size:11px;}
.fc-event-time {font-family:'Roboto', sans-serif; font-size:11px; font-weight:400;}
.fc-event-title {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'Roboto', sans-serif; font-weight:400; padding-left:2px; padding-bottom:2px; font-size:11px;}
.fc-state-highlight {background:#FB7D00;}
.fc-view-basicDay .fc-state-highlight {background:#EEE;}
.fc-state-highlight .fc-day-number {color:#FFF;}

.rating {position:relative; overflow:hidden; padding:0; margin-top:2px; border:none;}
.rating input[type=radio] {position:absolute; left:-100px; top:-100px;}
.rating label {display:inline-block; cursor:pointer; width:22px; height:22px;}
.rating label:before {content:'\f005'; font-family:hrg-icons; color:#DDD;}
.rating input[type=radio]:checked+label:before {color:#FC0;}
.rating input[type=radio].starred+label:before {color:#FC0;}

.tasks.own .feedback {background:#FAFAFA; padding:12px;}
.feedback .items {max-height:450px; overflow-y:auto;}
.feedback .item {padding:10px 0 5px;}
.feedback .item + .item {border-top:1px solid #E0DFDC;}
.feedback img {max-height:64px; max-width:64px;}
.feedback .details {display:inline-block; vertical-align:top; margin-left:8px;}
.feedback .details p {margin:0; color:#999; font-family:'Roboto', sans-serif; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:16px; font-size:11px;}
.feedback .details p:first-child {color:#333; font-size:13px;}
.feedback .commands {text-align:right !important;}
.feedback .confirm .commands {text-align:center !important;}

.overlay-dialog {position:fixed; top:0; left:0; bottom:0; right:0; padding:0 10px; background-color:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#76000000', endColorstr='#76000000', GradientType=0); display:none; text-align:center; z-index:9999;}
.overlay-dialog:before {content:''; height:100%; display:inline-block; vertical-align:middle;}
.overlay-dialog .dialog {background:#EEE; padding:16px; display:inline-block; vertical-align:middle; font-family:'Roboto', sans-serif; text-align:left; width:98%; max-width:430px; box-shadow:0 0 20px #333;}
.overlay-dialog .dialog h1 {font-size:15px !important; border-bottom:1px solid #E0DFDC !important; color:#222 !important; font-weight:normal !important; margin-top:0 !important; padding-bottom:10px !important;}
.overlay-dialog .dialog p {font-size:13px !important; color:#666 !important;}
.overlay-dialog .dialog .cmd {text-align:right; font-size:0;}
.overlay-dialog .dialog .cmd .btn {color:#FFF; font-size:10px !important; width:64px; margin:0 .5%; text-align:center; font-family:'Roboto', sans-serif !important;}

@media screen and (max-width:1152px) {
	article .profile .connect .btn {display:block; max-width:120px; margin-left:auto; margin-right:auto;}	
}

@media screen and (max-width:959px) {
	#uvTab {margin-right:-36px;}
	
	body {padding-bottom:0;}
	header .tools {padding:10px; padding-bottom:0; text-align:center;}
	header .tools .search {text-align:center; padding:0 0 10px 0;}
	.main {padding-bottom:36px;}
	footer {padding-bottom:32px; position:relative;}
	footer .tools {margin:auto; width:50%; min-width:240px;}
	footer .lang {margin:auto; width:50%; min-width:240px;}
	footer address {text-align:center; width:auto;}

	header .tools ul {margin-top:0;}
	header .tools a.logo {position:relative; margin:0; width:auto; text-align: left; margin-bottom:8px; display:block;}
	header .tools .main-commands {top:12px;}
	
	header .tools .search {display:block; max-width:600px; margin:auto;}
	header .tools .search input {width:70%; display:inline-block;}
	header .tools .search button {font-size:0;}
	header .tools .mytools {text-align:center; position:absolute; top:0; right:0;}
	
	header .tools a.notifications {margin-right:6px;}
	header .tools a.notifications.search {display:block; padding:0;}
	header .tools a.notifications.search i {font-size:20px; margin-top:5px;}
	
	#global-search {position:absolute; left:-999em;}
	#global-search.visible {position:relative; left:auto;}
	
	header .pure-g-r .pure-u-1-4:last-child {display:block;}

	header nav .menu-controller {display:block; font-size:14px;}
	header nav .menu-controller i {font-size:14px; margin-right:4px; position:relative; top:2px;}
	.menu-close {display:block;}
	.secondary .menu-close {display:block;}
	header nav > .content {position:fixed; left:0; top:0; width:300px; padding:0; z-index:9999; bottom:0; left:-300px; transition:left .2s; display:none;}
	header nav > .content.toggled {left:0;}
	header nav > .content:before {display:none;}
	header nav .menu-container {height:100%; overflow-y:auto;}
	header nav li {display:block;}
	header nav li + li:before {display:none;}
	header nav a {margin-left:0;}
	header nav ul ul {position:relative; padding:0; display:block; left:0; background:#DDD;}
	header nav ul li li {margin:0;}
	header nav ul li li a {color:#666; background-color:transparent; padding:10px; padding-left:32px; margin:0; border-radius:0;}
	
	
	header.docked nav a {font-size:15px;}
	header.docked nav a.add-task {padding: 13px 16px; font-size: 12px;}
	header.docked nav a.add-task i {font-size:22px;}
	header.docked nav div > ul {padding:6px 0;}
	header.docked nav ul ul {padding:0;}
	header.docked nav ul li li a {font-size:13px; padding:10px; padding-left:32px;}
	
	#main-menu.toggled:after {content:""; display:block; position:absolute; left:100%; width:800px; height:3000px; background:rgba(0,0,0,.7); top:0; bottom:0;}
	
	header nav a.add-task {position:relative; right:auto; top:auto;}
	
	.submenu {border-bottom:6px solid #FECE00;}
	.submenu li {display:inline-block; margin-bottom:0;}
	.submenu a {padding:4px 10px; margin:0;}
	.submenu a.current {margin:0;}
	.submenu a[data-counter]:after {position:relative; display:inline-block; margin:auto; top:auto; right:auto; margin-left:4px;}

	.submenu ul {margin:0;}
	.form .header {margin:0;}
	.form .content h2 {margin-bottom:10px; margin-top:20px;}
	.form .content ul {margin:0; padding:0;}
	.form .content ul.inline {margin:0;}

	article hgroup .commands {position:relative; top:0;}

	article .profile {margin-right:0;}
	article .profile .connect {margin-top:10px;}
	article .profile .connect .btn {display:inline;}

	article .search {margin-right:0;}
	article .build .results {margin-right:0;}

	.form .content ul.switch {padding:0;}
	
	article .filters {margin-right:0;}
	
	article .results #grid li {width:48%; padding-bottom:48%;}
	
	article .messages .conversations {margin-right:0;}
	article .messages .no-items {padding-right:32px;}
	article .messages .no-items:after {position:relative; margin-left:-32px; margin-right:-32px; margin-bottom:-32px; height:80px; margin-top:20px; border:0; width:auto;}
	article .messages .no-items h1 {margin-bottom:32px;}
	
	article .tasks .task {margin:0;}
	article .tasks .tutorial {text-align:center;}
	article .tasks .tutorial .step {display:inline-block; vertical-align:top; width:47%; margin:0 1%;}
	
	article .tasks .qa {margin-left:0; margin-right:0;}
	article .tasks .profile img {width:64px; float:left; margin-right:10px; margin-bottom:0;}
	article .tasks .profile h3 {margin-bottom:0;}
	article .tasks .qa-mode {margin-left:0; margin-right:0;}
	
	article .news-detail .news {margin:0;}
	
	article .news-detail .qa {margin-left:0; margin-right:0;}
	article .news-detail .profile img {width:64px; float:left; margin-right:10px; margin-bottom:0;}
	article .news-detail .profile h3 {margin-bottom:0;}
	article .news-detail .comments {margin-left:0; margin-right:0;}
	
	article .qas .tabber {margin-right:0;}
	
	article .agenda .tabber {margin-right:0;}
	article .agenda .box {margin-right:0;}

	article .dashboard .tabber {margin-right:0;}
	
	article .tiles .tile {width:48.4%;}
	
	.main-tutorial .step {width:44%; margin:10px; max-width:none;}
	
	.form.plain .content label {display:block; width:auto; text-align:left;}
	.form .content input[type=checkbox], 
	.form .content input[type=radio] {display:inline-block; width:auto;}
	.form.plain .content input[type=checkbox] + label.block, 
	.form.plain .content input[type=radio] + label.block {display:inline-block; width:auto;}
	
	.form .content input[type=checkbox] + label, 
	.form .content input[type=radio] + label  {display:inline-block; width:auto;}
	
	.form.plain .content .hint {width:auto; display:block;}
	.form.plain .content select {width:100%; max-width:300px;}
	
	article .profile .commands .btn {display:inline-block;}
	
	article .results.qas {margin-right:0;}
	
	article .results.notifications {margin-right:0;}
	
	article .secondary .menu-controller {display:block; position:absolute; right:0; top:-28px; background:transparent !important;}
	article .secondary .menu-controller i {font-size:14px;}
	
	article .secondary {position:absolute; width:300px; right:20px; margin-top:-16px; z-index:9999;}
	article .secondary a {margin:0;}
	article .secondary a.action {position:relative; top:auto;}
	article .secondary a[data-counter]:after {position:relative; display:inline-block; left:auto;margin:0; top:auto; margin-left:4px;}
	article .secondary > div {padding:0; right:-300px; transition:right .2s; position:fixed; top:0; bottom:0; width:300px;}
	article .secondary > div.toggled {right:0;}
	article .secondary > div.toggled:before {content:""; display:block; position:absolute; right:100%; width:800px; background:rgba(0,0,0,.7); top:0; bottom:0;}
	article .secondary > div a {display:block; margin:0; padding:10px;}
	article .secondary > div a:before {display:none;}
	
	article .secondary .menu-container {height:100%; overflow-y:auto; overflow-x:hidden;}
	
	aside .box.latest-news .items {display:block;}
	aside .box.latest-news .items a {display:block; margin-top:6px;}
	aside .box.latest-news .items .text {display:block; width:auto;}
	
	section.group .form.plain {margin-right:0;}
	article .profile-more {margin-right:0;}
	article .profile-groups {margin-right:0;}
}

@media screen and (max-width:640px) {
	article .tiles {padding:8px;}
	article .tiles .tile {width:auto;}
	section.documents #video .video {width:49%;}
}

@media screen and (max-width:500px) {
	.form .content label[data-type=switch] {padding-right:32px;}
	.form .content label[data-type=switch]:before {padding:0; border-radius:50%; top:9px; width:20px; height:20px;}
	.form .content input[type=checkbox] + label[data-type=switch]:before {content:''; background:#D44;}
	.form .content input[type=checkbox]:checked + label[data-type=switch]:before {content:''; background:#4D4;}
	.form .content input[type=checkbox] + label[data-type=switch].loading:before {background-image:url(../img/btn-loading.gif); background-repeat:no-repeat; background-color:#CCC; background-position:center; padding-left:0;}

	section.access label {display:block; width:100%;}
	section.access .hint {margin-left:0;}
	section.access.data input[type=text], section.access.data input[type=password] {width:100%;}

	section.access input[type=text], section.access input[type=password] {width:100%;}

	section.access label[data-type=switch] {padding-right:32px;}
	section.access label[data-type=switch]:before {padding:0; border-radius:50%; top:9px; width:20px; height:20px;}
	section.access input[type=checkbox] + label[data-type=switch]:before {content:''; background:#D44;}
	section.access input[type=checkbox]:checked + label[data-type=switch]:before {content:''; background:#4D4;}
	
	article .tasks .tutorial .step {width:auto; display:block;}
	
	.main-tutorial .step {width:100%; margin:10px 0;}
	
	article .results .item .action.minimal p {float:none;}
	article .results .item .action {}
	article .results .item .action .commands {position:relative; width:auto; right:auto; top:auto; padding-top:10px;}
	
	.form.plain .content ul.half input[type=text] {width:100%;}
	.form.plain .content ul.half select {width:100%; margin:0; max-width:none;}
	.form.plain .content ul.half li {margin-bottom:10px;}
}

.multival-container {display:inline-block; vertical-align:top;}
.multival-container button {width:30px; margin-left:-30px; height:30px; vertical-align:top !important; padding:0; text-align:center;}
.multival-container button i {margin:0;}
.multival-labels {max-width:420px; margin-bottom:4px;}
.multival-labels div {background:#FFF; border:1px solid #E0DFDC; border-radius:4px; box-shadow:inset 0 1px 3px #DDD; padding:2px 4px; display:inline-block; vertical-align:top; margin-right:2px; color:#333; font-size:13px; margin-top:4px;}
.multival-labels div span {width:16px !important; height:16px; font-size:20px; text-align:center; line-height:16px; margin-top:1px; margin-left:2px; cursor:pointer; font-weight:600; color:#666;}
.multival-labels div span:hover {color:#D44;}

body.locked {overflow:hidden; padding-right:16px;}
.overlay {position:fixed; z-index:1001; top:0; left:0; bottom:0; right:0; padding:0 20px 20px; background-color:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#76000000', endColorstr='#76000000', GradientType=0); display:none; text-align:center;}
.overlay .container {z-index:1000; margin:100px auto 0; margin-top:5%; display:inline-block; opacity:0; background-color:#222; border-radius:3px; position:relative; max-height:90%; text-align:left; width:90%; margin-left:-16px !important;}

.overlay.centered:before {content:""; display:inline-block; vertical-align:middle; height:100%;}
.overlay.centered .container {display:inline-block; vertical-align:middle; margin:0 auto;}
	.overlay.light .container {background:#EEE;}
	.overlay.dialog .container {width:640px;}

.overlay .container .close {position:absolute; top:0; left:100%; z-index:100; cursor:pointer; padding:2px 6px; background:#000; border-radius: 0 10px 10px 0;}
.overlay .container .close:before {content:attr(title); color:#CCC; font-family:'Roboto', sans-serif; font-size:11px; line-height:1.8em;}
.overlay .container .close:hover:before {color:#FFF;}

.overlay .container .content {padding:0 30px 50px; text-align:left; color:#FFF;}
	.overlay.light .container .content {padding:30px; text-align:left; color:#333; font-size:13px; line-height:1.3em;}

.overlay.text .container {width:600px; height:400px;}
.overlay.text .container .content {width:600px; height:400px; overflow-y:auto;}

.overlay .container .content h1 {text-transform:normal; margin-bottom:10px; font-weight:600;}
.overlay .container .content p {margin-bottom:1em;}
.overlay .container .content ul {list-style:square; margin-left:20px;}
.overlay .container .content li {margin-bottom:8px;}

.overlay.youtube .container {max-width:1100px; box-shadow:0 0 120px #222;}
.overlay.youtube .container .close {background-color:#222; border-radius:0 4px 4px 0;}
.overlay.youtube .container .content {padding-bottom:56.25%; padding-top:30px;}
.overlay.youtube .container .content iframe, 
.overlay.youtube .container .content object, 
.overlay.youtube .container .content embed {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.overlay.youtube .container .prev {left:-30px; border-radius:30px 0 0 30px;}
.overlay.youtube .container .prev:before {background-position:center;}
.overlay.youtube .container .next {right:-30px; border-radius:0 30px 30px 0;}
.overlay.youtube .container .next:before {background-position:center;}

/* ACD Select*/
.ACDselect {width:100%; cursor:pointer; position:relative; font-size:13px; z-index:100; background:#FFF; border-radius:6px; padding-right:24px; height:30px; line-height:30px; box-shadow:inset 0 1px 3px #DDD;}
.ACDselect .label {color:#333; font-family:'Roboto', sans-serif; padding-left:6px;}
.ACDselect .button {width:20px; height:100%; border:0; position:absolute; right:0; top:0; text-align:center; transition:all .5s; z-index:10;}
.ACDselect .button:before {content:""; width:0; height:0; border-style:solid; border-width:5px 4px 0 4px; border-color:#666 transparent transparent transparent; display:inline-block; top:-3px; position:relative;}
.ACDselect .options {position:absolute; z-index:9999; top:100%; bottom:auto; background:#FFF; border:1px solid #E0DFDC; left:0; right:0; min-width:100%; max-height:315px; overflow:auto; overflow-y:auto; overflow-x:hidden;}
.ACDselect .options.upwards {bottom:100%; top:auto;}
.ACDselect .option {border-bottom:1px solid #EEE; padding:0 4px; color:#555; text-align:left; white-space:nowrap; font-family:'Roboto', sans-serif;}
.ACDselect .option[data-val="disabled"] {cursor:not-allowed; background:#EEE; color:#AAA;}
.ACDselect .option:hover {background:#DDD;}
.ACDselect .option[data-val="disabled"]:hover {background:#EEE;}



@media screen and (max-width:980px) {
	section.intro {padding-top:20px;}
	section.intro .patch {position:relative; margin-left:0; margin-bottom:64px; right:auto;}
	section.intro .patch a {left:50%; margin-left:-150px; right:auto;}
	section.intro .notebook {left:auto; margin:auto; width:auto; text-align:center;}
	section.features li {float:none; width:auto; clear:both; text-align:left;}
	section.features li img {float:left; margin-right:20px; width:100px;}
	section.features li h2 {margin-bottom:16px;}
}

@media screen and (max-width:600px) {
	body.home {padding-top:54px;}
	.home header {position:fixed; top:0; z-index:1000; width:100%; border-top-width:4px;}
	
	section.form fieldset legend {margin-bottom:30px;}
	section.form li {margin-bottom:16px;}
	section.form li li {margin-bottom:4px;}
	section.form label {width:100%; display:block;}
	section.form input {width:100%; display:block;}
	section.form label .info {position:relative; top:-1px;}
	ul.login-nav-tabs li {
    margin-bottom: 0px !important;}
	.footerLogo  {float:none !important; max-width:40% !important; height:auto;padding:20px 0;}
}
	
	footer {padding-bottom:32px;}
	footer .tools {float:none; margin:auto; width:50%;}
	footer address {float:none; text-align:center; width:auto; padding-top:48px;}
}


.admin-confirm {background:#D44; position:relative; padding:8px 10px; border-radius:4px; margin-bottom:10px; text-align:center; font-family:'Roboto', sans-serif;
font-size:13px; color:#FFF;}
.admin-confirm .btn {margin-left:4px; width:48px;}
.admin-edit {background:#EEE; position:relative; padding:10px; border-radius:4px; margin-bottom:10px !important;}
.admin-edit .content {padding:0 !important;}
.admin-edit .commands {text-align:right; position:relative !important; width:auto !important; top:auto !important; right:auto !important; bottom:auto !important;left:auto !important;}
.admin-edit li {padding:0 !important;}
.admin-edit label {width:23% !important;}
.admin-edit textarea {width:76% !important;}
.admin-edit .commands .btn {width:auto !important; display:inline-block !important; margin-top:0 !important;}

.confirm-dialog {background:#EEE; padding:8px; border-radius:3px; text-align:center; font-family:'Roboto', sans-serif;}
.confirm-dialog p {font-size:11px !important; line-height:1.3em !important; margin:0 !important;}
.confirm-dialog p + p {margin-top:6px !important;}
.confirm-dialog .btn {width:48px; text-align:center; margin-left:2px;}


/* Importazione contatti */
#inviteToAll {
    padding: 8px;
    background: #002233;
    margin-bottom: 10px;        
}
#inviteToAll label {
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
}
#inviteToAll button:disabled{
    background: #777;
}

#viewCSVContactsList .ckToInvite, #viewCSVContactsList2 .ckToInvite2, .ckToInviteHold {
    float: left;
    margin-top: 25px !important;
}
#viewCSVContactsListInvited .commands, #viewCSVContactsList .commands, #viewCSVContactsListInvited2 .commands, #viewCSVContactsList2 .commands{
    margin-top: 18px;
}
#toinvite .tabber, #toinvite2 .tabber  {
    margin-bottom: 10px;
}

.avviso{
    padding: 10px;
    margin-bottom: 20px;
    background: #999; 
    font-size: 14px;
    color: #FFF;
    margin-top: -20px;
    text-align: center;
}
.avviso a{
    color: #FFF;
    font-weight: bold;
}
.avviso a:hover{
    color: #FC0;
    font-weight: bold;
}
.avviso p{
    margin-bottom: 5px !important;
}
.alertHr {
    
font-size: 14px !important;
line-height: 20px;
color: #FFF !important;
}

.avviso ol {
    text-align: left;
    margin-bottom: 20px;
}
.avviso ol li {
    margin-bottom: 0px !important;
}
.groupFigure  {
    bottom: 15px;
    position: absolute;
    width: 92%;
}

.time_style {
    font-family: Tahoma,Verdana,Segoe,sans-serif !important;
    font-size: 11px !important;
    color: #999 !important;
    width: 100% !important;
    text-align: left !important;
}

.modes_color i, .modes_color_2 i{
    color: #003344 !important;
    font-size: 13px !important;
    margin-right: 1px !important;
}
.modes_color_2 strong{
    font-size: 12px !important;
    margin-right: 3px;
}

#side-tabs a.support {
    background: #4B5B6B url('../img/feedback-tab.png') no-repeat 50% 50%;
    right: 0px;
    top: 300px;
    height: 170px;
    width: 30px;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 9999;
    display:block;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
  }
  
#banner_principale {
  margin-top: 20px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  padding: 20px;
}
#banner_principale .img_banner{
    max-height: 300px;
}
.text-center {
    text-align: center;
}
.orange-text {
    color: #FECE00;
}

.digest_top_navigation .digest_nav_button, .digest_top_navigation .digest_nav_button h2, .digest_top_navigation .digest_nav_button h3, .digest_top_navigation .digest_nav_button h4, .digest_top_navigation .digest_nav_button p{
	text-align: center !important;
        display: block;        
}
.digest_top_navigation .digest_nav_button {
    padding: 5px;
    min-height: 157px;
}
.digest_top_navigation .digest_nav_button h4, .digest_top_navigation .digest_nav_button h3, .digest_top_navigation .digest_nav_button p {
    margin: 5px;
}
.digest_top_navigation .digest_nav_button.orange_bg h4 {
    font-size: 23px !important;
}

.digest_top_navigation .digest_nav_button h3 {
    margin-top: 20px;
}

.digest_top_navigation .digest_nav_button hr {
    border: none;
    border-bottom: 1px solid #FFF;
}
.orange_bg {
    background: var(--accent-color) !important;
    color: var(--accent-color-text) !important;
}
a.orange_bg:hover {
    background: var(--main-color) !important;
     color: var(--main-color-text) !important;
}
.ls_bg {
    background: var(--accent-color) !important;
    color: var(--accent-color-text) !important;
}
a.ls_bg:hover {
    background: var(--main-color) !important;
	color: var(--main-color-text) !important;
}
.orange_bg_outline {
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color) !important;
	background: #Fff !important;
	border-radius:50px;
}

.orange_bg_outline.skilla {
    border: 1px solid #0101D3 !important;
    color: #0101D3 !important;
	background: #Fff !important;
}
.orange_bg_outline:hover {
    border: 1px solid var(--accent-color) !important;
    color: var(--accent-color-text) !important;
	background: var(--accent-color) !important;
}
.orange_bg_outline.skilla:hover {
    border: 1px solid #0101D3 !important;
    color: #Fff !important;
	background: #0101D3 !important;
}
.grey_bg_outline {
    border: 1px solid #959595 !important;
    color: #959595 !important;
	background: #Fff !important;
	border-radius:50px;
}
.grey_bg_outline:hover {
    border: 2px solid #959595 !important;
    color: #Fff !important;
	background: #959595 !important;
}

.aqua_bg {
    background: #959595;
    color: #FFF;
}
.grey_bg {
    background: #ccc;
    color: #FFF;
}
a.aqua_bg:hover {
    background: #00A8B7;
}
.margin-side-5 {
    margin: 0 5px;
}

.blue_header {
    background: #FECE00;
    color: #FFF;
    padding: 10px 20px;
}
.blue_header p {
    margin: 0;
}

.letter_normal {
    letter-spacing: 0 !important;
}
.digest_content {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #E0DFDC;
	padding:25px;
}

.digest_body {
	/*background: #eee;*/
        padding-bottom: 10px; 
}
.digest_body .blocco_interno {
    padding: 0px 20px;
}
.digest_body hr{
    border:none;
    border-bottom: 1px solid #FFF;
}
.digest_body .blocco_conference {
	background: #445565;
	color: #FFF;
	text-align: center;
	padding: 5px 10px 20px;
	margin: 10px 20%;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
}
.btn-text-large {
    font-size: 15px;
    padding: 7px 20px;
    text-transform: none;
	border-radius:50px;
	font-weight:500;	
}
.btn-text-large.hbr {
    font-size: 18px;
    padding: 15px 40px;
    text-transform: uppercase;
	border-radius:50px;
	font-weight:400;	
}
.btn-text-large.hbrAbbonamento {
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
	border-radius:50px;
	font-weight:400;	
	background: #8FAC2B !important;
	white-space:normal;
}
.btn-text-huge {
    font-size: 15px;
    padding: 7px 20px;
    text-transform: none;
	border-radius:50px;
	font-weight:500;
	width:100%;
	text-align:center;
	
}
.btn-text-large i {
    font-size: 15px;

}

.blocco_partecipanti {
    background: #f6f6f6 !important;   
    /*max-width: 80% !important;
    margin: auto !important;*/
    padding: 15px !important;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    text-align: center
}
.blocco_partecipanti_singolo{
    
}
.blocco_partecipanti h3 {
    margin-top: 0;
    font-weight: 18px;
}
.blocco_partecipanti img {
    width:50px;
}
.blocco_partecipanti .box_partecipanti_container {
    min-height: 180px;
}
.digest_white_container {
    margin: 20px;
    background: transparent;
    padding: 0;
    max-height: 100% !important;
    height: auto !important;
}
.digest_white_container .item {
    padding: 0 10px !important;
    background: #efefef !important;
}
.digest_white_container .item .info{
    position: relative !important;
    background: #00bbcc !Important;
    color: #FFF !Important;
    margin: 0 -10px;
}
.digest_white_container .item .info time{
    font-weight: normal !Important;
    font-size: 14px !important
}
.digest_white_container .item .info a, .digest_white_container .item .info i, .digest_white_container .item .info strong {
    color: #666 !Important;
}
.digest_white_container .item .tools{
    display: block !important;
	margin-bottom:7px;
}

.digest_aree_title {
    margin-left: 20px;
    text-transform: normal;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 5px;
}
.digest_aree_tematiche_title {
    margin:0;
    padding: 10px;
    text-transform: normal;
    font-size: 18px;
    background: #1e3c54;
    color: #FFF;
    font-weight: normal;
}
.new-time-style {
    text-align: right !important;
    margin-bottom: 5px;
}
.tools .action-button-holder {
    float:right;
}
.action-button-holder {
	text-align:right;
}
.digest_deadline_container {
    width: 65%;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 7px;
}
.left-arrow-date, .right-arrow-date{
    margin-top: 16px;
    font-size: 20px;
    color: #FECE00;
}
.fleft {
    float: left
}
.digest_deadline_chooser {
    width: 10000px;
    position: relative;
}
.date_deadline_chooser {
    background: #eaeaea;
    padding: 10px 15px !important;
    font-weight: 500 !important;
    color: #002233;
    font-size: 13px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
    cursor: pointer;
	border-radius:20px;
}
.digest_deadline_selected {
    background: #002233 !important;
    color: #FFF !important;
}

.settings_dark, .settings_dark td {
    background: #ddd !important;
}
.settings_dark tr {
    border-bottom: 2px solid #FFF;
}
.container_ajax_response{
    background: #FFF;
    font-size: 13px;
    padding: 10px;
    color: #666;
}

.blocco_conference_status {
    background: #fff;
    color: #666;
    text-align: center;
    padding: 15px 10px;
    margin: 10px 0;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 14px;
	font-weight:400;
	border:3px solid #FECE00;
}
.blocco_conference_status a {
    color: #333;
    font-size: 15px;
	font-weight:500;
	margin:0;
}
.blocco_conference_status a:hover {
    text-decoration:underline;
}
.blocco_conference_status h1 {
	margin:0;
}
.blocco_conference_status h3 {
    color: #999;
    font-size: 14px;
	font-weight:400;
	margin:0 0 10px 0;
}

#overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 99999999999999999 !important;
    display: none;
}
.loading-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -180px;
    font-size: 30px;
    color: #333;
	text-align:center;
	width:25%;
}
.admin_bar_list_box {
    background: #efefef;
    padding: 5px;
    color: #00BBCC;
    border-top: 1px solid #E0DFDC;
}
.admin_bar_list_box a {
    color: #00BBCC;
    margin: 0 2px;
}
.digest_display .hidden-qa {
    /* 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;

  /* Good browsers */
  opacity: 0.5;
}

.nodisplay {
    display: none;
}
.digest_display .nodisplay {
    display: block !important;
}

.qasdigest .qa {
    padding: 0 !important;
    background: #FFF !important;
}
.qasdigest .qa p{
    margin: 5px 0 !important;
}
.qasdigest .item {
    padding: 0 !important;
}

.custom-event-task h4 {
    background: #FFF;
    padding: 5px;
}
.custom-event-task .qa-mode {
    padding: 10px !important;
    margin: 0 !important;
    background: none !important;
}
.digest_description {
    padding: 20px;
    font-size: 14px;
    color: #666;
}
.digest_titolo_luogo h3 {
    margin-bottom: 5px !important;
    line-height: 28px;
}
.digest_titolo_luogo p {
    font-size: 14px;
    color: #666;
}
.titolo_qa_new_block {
    font-size: 15px;
    color: #444;
    font-weight: 500;
}
.descrizione_qa_new_block {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #445566;
}
a.doc-attachment i{
    font-size: 30px;
    color: #445566;
}
a:hover.doc-attachment i{
    color: #FECE00;
}
.event-digest-summary h4 {
    margin-bottom: 10px;
}
.event-digest-summary .item {
    padding: 0 !important;
}
.iconradio {
    padding: 8px;
    min-width: 21.5%;
    text-align: center !important;
    cursor: pointer;
	display:inline-block;
}
.iconradio i {
    margin-bottom: 5px;
}
.iconradio.selected {
    background: #444 !important;
    color: #FFF !important;
	border-radius:7px;
}
.iconradio.selected i {
    color: #FFF !important;
}

.img-attachments {
    padding: 0 !important;
    list-style: none;
}
.img-attachments li img {
    width: 100% !Important;
}
.photocontainer {
    width: auto !important;
    height: auto !important;
}
.photocontainer .content{
    padding: 1px !important;
    box-shadow: 0px 0px 30px 2px #222;
}
.docs.photocontainer div.content{
    padding: 1px !important;
    box-shadow: 0px 0px 30px 2px #222;
	height:600px;
	overflow-y:auto;
}
.soft-btn {
    color: #999;
}

#comment-text:focus {
    border: 2px solid #00B4C5;
    box-shadow: 0 0 10px #00B4C5;
    -moz-box-shadow: 0 0 10px #00B4C5;
    -webkit-box-shadow: 0 0 10px #00B4C5;
}

.small-partecipazione{
    font-size: 12px;
    color: rgb(255, 255, 255);
    text-align: center;
    background: #969696;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.border-top-solid {
    border-top: 1px solid #E0DFDC
}

.action-partecipazione { 
    background: #00B4C5 !important;
    color: #FFF
}

.container-iscrizione-digest{
    text-align: center;
}
.container-iscrizione-digest .blocco_tasti {    
    background: #CCC;
    padding: 20px;
}
.container-iscrizione-digest h2,.container-iscrizione-digest h3,.container-iscrizione-digest p {
    
    color: #002233
}
.container-iscrizione-digest .blocco_tasti h2 {
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
}
.container-iscrizione-digest h3 {
    margin-left: 20px;
    margin-right: 20px;
}
.warning-text-digest {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #FF9900 !important;
}
.cntSeparator {
    font-size: 54px;
    margin: 10px 7px;
    color: #999;
}
.th-intestazione {
    background: #888 !important;
    text-align: center !important;
}
/* ALERTS */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.alertProfile {
  padding: 10px;
  background:#FB7D00;
  color:#fff;
  float:left;
  width:97%;
  margin-bottom:5px;
}
.alertProfile h3{
    font-size: 14px !important;
    color: #fff !important;
	font-weight:600 !important;
}
.alertProfile p{
    font-size: 14px !important;
    color: #fff !important;
	font-weight:400 !important;
	margin:5px 0 10px 0;
	white-space:normal;
}
.alertProfile button{
    text-align:right;
	float:right;
}
/* FINE ALERTS */

.profile-elements {
    max-height: 344px;
    overflow-y: auto;
}
.toggle-profile{
    color:#F93 !important;
	font-size: 16px !important;
}
.profile-groups {
    margin-bottom: 5px !important;
}

.forward-dialog-ul {
    list-style: none !important;
    padding: 0;
    margin: 0 !important;
}
.forward-dialog-ul li {
    width: 100% !important;
    clear: both;
    border-bottom: 1px solid #E0DFDC;
    background: #FFF;
    margin-bottom: 0px;
    margin-top: 6px;
}
.forward-result {
    max-height: 400px;
    overflow-y: auto;
    width: 400px;
}
.forward-dialog-ul h2 {
    margin: 0px;
    font-size: 16px;
}
.forward-dialog-ul p {
    margin: 3px 0px !important;
    font-size: 13px;
}
.forward-dialog-ul p.jobpos {
    font-style: italic;
    color: #666;
}
.text-left {
    text-align: left !important;
}
.forward-dialog-contact-form{
    padding: 20px;
    margin: 0px;
    background: #fff;
    min-width: 300px;
    box-shadow: 0px 1px 9px #999;
    -moz-box-shadow: 0px 1px 9px #999;
    -webkit-box-shadow: 0px 1px 9px #999;
    position: relative;
}
.forward-dialog-contact-form #search-mycontacts-forward {
    min-width: 250px;
	width:50%;
}
.forward-user-block p{
    background: #FFF;
    padding: 5px;
    margin: 0px !important;
    border-bottom: 1px solid #E0DFDC;
    border-left: 1px solid #E0DFDC;
    border-right: 1px solid #E0DFDC;
}
.forward-user-block p:first-child{
    border-top: 1px solid #E0DFDC;
    border-left: 1px solid #E0DFDC;
    border-right: 1px solid #E0DFDC;
}
.forward-user-block{
    padding: 0 !important;
    max-height: 196px;
    overflow-y: auto;
}
.forward-dialog-contact-form .forward-options {
    padding: 5px;
    margin: 5px 0 !important;
}
.forward-dialog-contact-form .forward-options button {
    margin-right: 8px
}

.margin0 {
    margin: 0 !important;
}

.padding0 {
    padding: 0 !important;
}

.opened .event-digest-summary strong{
    color: #FFF;
}

.noscroll {
    overflow: none !important
}

.separator {
    border: none;
    border-bottom: 1px dashed #666;
}

.tabsfilter li a{
    margin: 0 !Important;
    padding: 12px;
    font-weight: normal;
}
.tabsfilter li a:hover{
    background: #ddd
}
.tabsfilter li a.current {
    background: #FECE00;
    color:#FFF;
	font-weight:bold;
}
.tabsfilter li{
    margin: 0 !important;;
    border-bottom: 1px solid #eaeaea;
}
.tabsfilter li:last-child {
    border: none;
}
.filter-label  {
    font-size: 14px;
    text-transform: normal;
    font-weight: 600;
}
.us-event {
    padding-left: 5px;
    margin-bottom: 10px;
}
.us-event i {
    font-size: 22px;
    color: #00BBCC;
}


.whatsup .documents {margin:20px 0;}
.whatsup .documents h4 {font-size:10px; text-transform:normal; color:#666; margin-bottom:4px; border-bottom:1px solid #E0DFDC;}
.whatsup .attachments {list-style:none; padding:0; margin-top:0;}
.whatsup .attachments a {display:inline-block; background:#DDD; color:#333; margin-bottom:4px; font-size:11px; font-family:'Roboto', sans-serif; padding:0; padding-right:10px;}
.whatsup .attachments a:hover {background:#FB7D00; color:#FFF;}
.whatsup .attachments a i {display:inline-block; width:20px; height:20px; background:#FB7D00; color:#FFF; text-align:center; line-height:20px; margin-right:6px;}

.btn.upload {
    background: #FECE00;
}
.btn.upload span {
    cursor: pointer;
}
.error .btn.upload {
    background: #D44 !important;
    
}
/*
.btn.upload input {position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);}
*/

.tag-container {    
    font-size: 13px;
    line-height: 25px;
    margin-top: 10px;
}
div.tag-container a i {    
    font-size: 18px;
	width:14px;
	margin-right:0;
}
.tag-container .tag-el{
    background: #FFF;
    padding: 0px 6px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #222;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
    margin-right: 5px;
    display: block;
    float: left;
    border: 1px solid #E0DFDC;
}
.tag-container .tag-el a{
    color: #222;
}

.box_partecipanti_container .item .card.me img, article .agenda .results .card.me img, .partecipant_img_mobile.me {
    border: 2px solid #F90;
}
img.partecipant1.me {
    border: 3px solid #F90 !important;
}
.digest_content blockquote {
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  color:#999;
  font-size: 15px;
  line-height: 20px;
  max-height: 140px;
}
.digest_content .digest-desc {
  color: #666;
  font-size: 14px;
  line-height: 23px;
  max-height: 300px;
  margin-top: 25px;
  margin-bottom: 25px;
  overflow-y: auto;
}
.digest_content blockquote:before {
  color: #ccc;
  /*content: open-quote;*/
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.4em;
}
.digest_content blockquote p {
  display: inline;
}
.digest_content blockquote a,.digest_content .digest-desc a{
    color: #888;
    font-weight: bold;
}
h3.digest-titolo {
    font-size: 24px;
    letter-spacing: 0px;
    color: rgb(0, 34, 51);
    margin: 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}
h4.digest-sottotitolo {
    letter-spacing: 0px;
    margin: 5px 0px 10px;
    font-size: 18px;
    color: rgb(102, 102, 102);
    font-weight: normal;
    }
    .digest-infos {
    letter-spacing: 0px;
    margin: 20px 0;
    color: #666;
    font-size: 14px;
}
    .digest-infos i {
        font-size: 16px;
		color:var(--main-color);
    }
	.btn.small.orange_bg  i {
		color:#fff;
    }
	.share {
    width: 75%;
    float: right;
}
	.btn.social i {
    color:#fff;
}
    
.scheda-utente .name {
    font-size:14px; 
    margin-bottom:4px; 
    color:#333; 
    line-height:1.2em; 
    margin-right:26px; 
    font-weight:bold;
}
.scheda-utente .job-title {
    font-size:12px; 
    color:#666; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    font-weight:400;
    font-style: italic
}
.scheda-utente .company {
    font-size:12px; 
    color:#666; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    font-weight:400;
    text-transform: normal
}
.scheda-utente img {
    width: 52px;
    margin-right: 10px;
}

.proposalcontainer div.userproposal{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}
.proposalcontainer div.userproposal div.confirm{
    background:transparent;
}
.proposalcontainer .scheda-utente img {
    width: 52px;
    margin-right: 10px;
	border-radius:50px;
}
.proposalcontainer p {
    font-size:14px !important;
	font-style:italic;
	margin:0 0 20px 0;
}
.proposalcontainer div.confirm {
    background: #FFF;
    padding: 4px;
    border-radius: 6px;

    text-align: left;
}
.proposalcontainer div.confirm p {
    font-size: 14px !important;
    font-weight: normal;
    margin-bottom: 10px;
	font-style: normal;
}

.clear {
    clear:both;
	margin:10px 0;
}

.blocco-orario-conference {
    display: block;
    font-size: 15px;
    color: #333;
    position: relative;
}
.call-declined {    
    background: #EA4335;
}
.call-status {
    color: #FFF;
    text-align: center;
    padding: 7px;
    font-weight: bold;
    margin-top: 15px;
}
.call-accepted{
    background: #34A853;
}

.type-chooser {
    text-align: center;
    
}
.type-chooser h2{
    font-size: 15px;
	font-weight:500;
}
.type-chooser input {
    display:none;
}
.type-chooser label {
	background: #eee;
padding: 15px 10px;
font-size: 14px !Important;
font-weight: 500;
cursor: pointer;
display: inline-block;
border-radius:50px;
}
.type-chooser i {
    font-size: 20px;
    margin-bottom: 8px;
    background: #fff;
    padding: 4px 6px;
    border-radius: 50px;
}
.type-chooser label.active {
	background: #FECE00;
	color: #FAFAFA;
}
.type-chooser label.active i{
	color: #FECE00;
	background:#fff;
}
.digest_white_container .item {
    padding: 15px 15px 7px 15px !important;
    background: #fff !important;
	border:1px solid #E0DFDC;
}
div.item.cf.interno {
    background: #fff !important;
	border:none;
	padding:0 15px 20px 15px !important;
	margin-bottom:15px;
}
.item.cf.interno div.info  {
    background: #FECE00 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 10px;
    height: 44px;
    padding: 5px 20px;
    line-height: 30px;
    color: #fff;
}
 div.item.cf.interno a{
    position: relative;
	float:left;
	margin-top:50px;
	width:100%;
}
 div.item.cf.interno .titolo_qa_new_block  {
    font-size: 18px;
    color: #222;
    font-weight: bold;
    text-transform: normal;
    margin: 0 0 20px 0 !important;
}
.item.cf.interno div.info strong {
    color: #fff !important;
}
.item.cf.interno div.info .counters {
    position: absolute;
    right: 20px;
    font-size: 18px;
    top: 7px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    white-space: nowrap;
}
.item.cf.interno div.info .counters i{
    color: #fff !important;
    margin-left: 10px;
    margin-right: 4px;
    font-size: 24px;
    vertical-align: middle;
    position: relative;
    top: 0px;
}
.item.cf.interno div.qa-text-container {
    margin-left: 180px;
    margin-top: 5px;
}
.item.cf.interno div.qa-text-container .descrizione_qa_new_block {
    background: none;
    padding: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 0px;
}

.customopt {
    padding: 0 !important;
    background: transparent !important;
    border: 1px solid #E0DFDC !important;
    padding: 10px 0 !important;
    padding-bottom: 0px !important;
}
.customopt h2 {
    padding-left: 10px;
    font-weight: bold !important;
}
.separator-acqua {
    border-bottom: 5px solid #FECE00;
    width: 80px;
}
.icon-blocco-partecipanti {
  background: #FFF !important;
  color: #FECE00;
  font-size: 35px;
  padding: 20px;
  width: 80px;
  margin: auto;
  position: relative;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  margin-top:-50px;
  margin-bottom: 20px;
}
.qa-text-container {
    margin-left: 0px;
	margin-top: 0px;
	float:left;
	width:100%;
}
.qa-text-container video {
	width:100%;
	height:auto;
}
.qa-text-container .descrizione_qa_new_block{
  background: #f2f2f2;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  margin-top: 0px;
}
.qa-text-container .descrizione_qa_new_block.post {
  background: #fff;
  padding: 0px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
  margin-top: 0px;
}
.qa-text-container .titolo_qa_new_block {
    margin-bottom: 5px;
    margin-top: 0;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-bottom: 10px solid #f2f2f2;
        margin-left: 10px;
}
div.mytools .arrow-down {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
	border-top: 5px solid #444;
	position: absolute;
	top:31px;
	right:-20px;
}
div.qa-text-container.posttype .arrow-up {
	display:none;
}
div.qa-text-container.posttype .descrizione_qa_new_block {
    background: #fff;
    margin-top: 10px;
	float:left;
	width: 100%;
	padding:10px 0;
}

div.qa-text-container.posttype .post-image {
    width:100% !important;
	height:auto !important;
	max-width:100% !important;
	max-height:100% !important;
    margin: 0 !important;
	padding:0 !important;
	border-radius: 0 !important;
}
#banner_principale_2 {
  position: relative;
}
.close_banner a {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #FFF;
}
.close_banner a:hover {
  color: #FECE00
}
.close_banner a i {
  font-size: 26px;
  text-shadow: 2px 2px 6px #333
}
.full-big-button {
    display: block;
    margin: 18px;
    padding: 20px 10px;
    font-size: 19px;
    text-transform: normal;
    font-weight: normal;
    font-size: 20px;
}
.full-big-button i{
    font-size: 25px;  
    background: #FFF;
    color: #FECE00;
    padding: 5px 9px;
    display: inline;
    margin: 5px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.separimage {
    background: transparent url("/img/pattern-sep.png") repeat scroll 0% 0%;
height: 10px;
margin: 18px;
}
.my-whatsapp{
    padding-right: 5.25em !important;
    padding-left: 0 !important;
}
.my-whatsapp img {
  right: 0 !important;
  left: auto !Important;
}
.my-whatsapp h2, .my-whatsapp p {
    text-align: right !important;
}
.white-bg {
    background: #FAFAFA !Important;
}
#conference-call li, #conference-call-owner li {
    padding: 7px 0;
	border-bottom:1px dotted #ccc;
}
#conference-call li label, #conference-call-owner li label{
    padding: 6px 0px;
    font-weight: bold;
    width: 13%;
}
#conference-call li, #conference-call li {
    padding: 7px 0;
	border-bottom:1px dotted #ccc;
}
#conference-call li label, #conference-call li label{
    padding: 6px 0px;
    font-weight: bold;
    width: 13%;
}
.claim-list {
    margin: 0px;
    padding-left: 0px;
    list-style: none;
}
.claim-list i {
    font-size: 16px;
    color: #FECE00;
    margin-right: 5px;
}

.btn-or-subsc {
    display: inline-block;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: bold;
    margin-top: -30px !important;
}

.normal {
    text-transform: normal;
}

#areaaa_chosen {
    width: 70% !important;
}
#areaaa_chosen li {
    padding-top: 4px !important;
    padding-right: 20px !important;
    padding-left: 5px !important;
}
#areaaa_chosen li.search-field {
    padding-top: 0 !important;
}
#areaaa_chosen li.active-result {
    padding-top: 4px !important;
}
.errorevs td {
    background: #FFE5E5 !Important;
}

.bigger_qa figure img {
	max-width: 60px !important;
	max-height: 60px !important;
		border-radius: 50px;
	
}
.bigger_qa figure img.partner-image {
    max-width: 200px !important;
    max-height: 200px !important;
	border:2px solid #eee;
}
.logged figure img {
	max-width: 60px !important;
	max-height: 60px !important;
	border-radius: 50px;
}
.logged-int figure img {
	max-width: 170px !important;
	max-height: 170px !important;
	border-radius: 50px;
}

.bigger_qa h1{
	font-size: 15px !important;
}
h1.partner-name{
	font-size: 20px !important;
}
.bigger_qa h2{
  font-size: 15px !important;	
}
.bigger_qa h3 {
	font-size: 14px !important;	
}
.bigger_qa .qa-text-container{
	margin-left: 0px;
}
.partner-box-to-profile .qa-text-container{
	margin-left: 0px;
}
.hrc-events10 h3{
    white-space: normal !important;
    width: 100%;
}

.blocco_partecipanti .card, .blocco_partecipanti .item, .neweventlayout .people .item .card  {
    width: 50px !important;
    height: 50px !important;
}
.blocco_partecipanti .item.opened .card, .neweventlayout .people .item.opened .card  {
    width: 320px !important;
    height: 82px !Important;
}
.descrizione_qa_new_block {
    font-size: 14px;
    line-height: 19px;
}
.blocco_partecipanti .card .details, .item.opened .card .details {
    width: 210px;
    text-align: left;
}
.neweventlayout .eventlogo {
	max-width: 75px !important;
	max-height: 75px !important;
	border-radius:0px !important;
}
.item-calendar  {
	float:left;
	margin-bottom:10px;
}
.item-calendar a{
	color:#444;
}
.item-calendar .eventlogo {
	max-width: 70px !important;
	max-height: 70px !important;
	float:left;
	margin:0 10px 0 0;
}
.item-calendar .eventvideo {
	max-width: 90px !important;
	max-height: auto !important;
	float:left;
	margin:0 10px 0 0;
}
div.video-thumbnail, div.video-thumbnail-home {
    position: relative;
    display: inline-block;
    cursor: pointer;
	float:left;
	min-height:99px;
	background:#000;
	line-height:99px;
}
div.video-thumbnail img, div.video-thumbnail-home img {
    vertical-align:middle;
}
div.learning-item div.video-thumbnail {	
	min-height:153px;
	background:#000;
	line-height:153px;
}
div.item-calendar  div.video-thumbnail {	
	min-height:0px;
	background:none;
	line-height:0px;
}
div.ls-content div.video-thumbnail {	
	min-height:135px;
	background:#000;
	line-height:135px;
}
div.videoLearning div.video-thumbnail  {	
	min-height:206px;
	background:#000;
	line-height:206px;
	width:95%;
	margin-bottom:10px;
}
div.videoLearning div.video-thumbnail img {	
	width:100% !important;
	display: unset;
}

div.lmsLast4 div.learning-item div.video-thumbnail {	
	min-height:206px;
	background:#000;
	line-height:206px;
}
div.video-thumbnail-home {
	width:100%;
}
div.video-thumbnail::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 40px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
div.video-thumbnail-home::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 90px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.neweventlayout h1 {
	font-size: 18px;
}
.item-calendar h1 {
	font-size: 18px;
}
.nolimitevent {
    overflow: initial !important;
    overflow-y: initial !important;
    max-height: 99999px !important;
}
.marginforbuttons {
     margin-right: 240px;
}

.istruzioni_call_btn {
	color:#00BBCC;
	font-size: 12px;
	font-weight: normal;
}
.istruzioni_call_box {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	padding: 10px;
	background: #FFF;
	font-style: italic;
	border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
}

.videos, .img-attachments li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed rgb(204, 204, 204);
}

.opened .claim-list li {
    color: #FFF;
}
.peoplefixeventlist .item {
    width: 50px !important;
    height: 50px !important;
}
.blocco_partecipanti {
    padding-bottom: 25px !important;
}

.neweventlayout .info {
    top:0 !important;
    bottom: auto;
    background: #00BBCC !important;
    color: #FFF;
}
.neweventlayout .info .modes {
    color: #FFF !important;
}
.neweventlayout .content,  .neweventlayout #hideTooltip {
    margin-top: 30px;
}

.neweventlayout .content h3 {
    background: #002233 !Important;
}
.neweventlayout .content h1 {
    font-weight: bold !Important;
    color: #444;
}
.neweventlayout .content .people {
    background: #F7f7f7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;    
    padding-top: 30px;
}
.neweventlayout .icon-blocco-partecipanti {
    float: left;
    background: #eee;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: 5px;
    width: 65px;
    padding: 15px;
    margin-right: 10px;
}
.neweventlayout:hover .icon-blocco-partecipanti {
    background: #Fff;
}
.neweventlayout:hover .content .people  {
    background: #Fff;
}
.neweventlayout.opened .icon-blocco-partecipanti {
    background: #002233 !important;
}
.neweventlayout.opened .content h4 {
    color: #FFF !important;
}
.neweventlayout .content h4 {
    background: none;
    color: #666 !important;
    margin-bottom: 0px;
}
.neweventlayout .newlaybuttons {
    text-align: right;
}
.neweventlayout .newlaybuttons .btn{
    font-size: 14px;
    padding: 5px 15px;
}
.neweventlayout .claimcontainer {
    padding-left: 20px;
    border-left: 1px dashed #ccc;
    color: #333;
}
.neweventlayout .claimcontainer strong {
    color: #666;
    padding-top: 5px;
    padding-bottom: 0px;
    display: block;
}
.neweventlayout .claimcontainer .claim-list {
    margin-top: 5px;    
}
.neweventlayout .claimcontainer .claim-list li {
    color:#666;
    font-size: 14px;
}

.neweventlayout.opened .claimcontainer, .neweventlayout.opened .claimcontainer .claim-list li, .neweventlayout.opened .claimcontainer strong {
    color: #FFF !important
}

.whatsup_page .add-comment img {
    border: 4px solid #FF9900 !important;
}
.whatsup_page .videos {
    border-bottom: none;
}
.whatsup_page .item .text, .whatsup_page .item .img-attachments li, .whatsup_page .item .videos .videos, .whatsup_page .item .documents li {
    background: #FFF;
    padding: 10px;
    border: 2px solid #00B6C6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 10px;
    width: 100% !important;
}
.whatsup_page .whtsitemcontainer{
    width: 85%;
    display: inline-block !important;
    /*padding-left: 20px;*/
}
.whatsup_page .item .text {
    width: 100% !important;
}
.whatsup_page .item .whatsup_avatar {
    border: 4px solid #00B6C6 !important;
}
.whatsup_page .my-whatsapp-desktop .whatsup_avatar {
    float: right;
    margin-right: 0 !important;
    border: 4px solid #ff9900 !important;
}
.whatsup_page .item.my-whatsapp-desktop .text, .whatsup_page .item.my-whatsapp-desktop .img-attachments li, .whatsup_page .item.my-whatsapp-desktop .videos .videos, .whatsup_page .item.my-whatsapp-desktop .documents li  {
    border: 2px solid #ff9900 !important;
}
.whatsup_page .item .text {
    border-radius-top-left: 0 !important;
    -moz-border-radius-top-left: 0 !important;
    -webkit-border-radius-top-left: 0 !important;
}


.whatsup_page .my-whatsapp-desktop .whtsitemcontainer{
    /*padding-right: 20px;*/
    padding-left: 0;
}

/*
.whatsup_page .arrow-left {    
    background: transparent;
    position: absolute;    
    margin-top: 10px;
    margin-left: -18px;
    width: 0; 
    height: 0; 
    border-top: 0px solid transparent;
    border-bottom: 20px solid transparent; 
    border-right:20px solid #00B6C6; 
}
.whatsup_page .arrow-right {    
    background: transparent;
    position: absolute;    
    margin-top: 10px;
    margin-left: 300px;
    width: 0; 
    height: 0; 
    border-top: 0px solid transparent;
    border-bottom: 20px solid transparent; 
    border-left:20px solid #FF9900; 
}
*/
.autocomplete-suggestions {
  overflow: auto
}
.whatsupmobilecontainer .whatsupcommentborder, .whatsupmobilecontainer .item .img-attachments li, .whatsupmobilecontainer .item .videos .videos, .whatsupmobilecontainer .item .documents li  {
    padding: 10px;
    border: 1px solid #00B6C6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.my-whatsapp {
    padding-left: 10px !important;
}
.whatsupmobilecontainer .my-whatsapp .whatsupcommentborder, .whatsupmobilecontainer .my-whatsapp .img-attachments li, .whatsupmobilecontainer .my-whatsapp .videos .videos, .whatsupmobilecontainer .my-whatsapp .documents li {
    border: 1px solid #FF9900 !important;
}
.whatsupmobilecontainer  .borderimg {
    border: 2px solid #00B6C6;
}
.whatsupmobilecontainer .my-whatsapp .borderimg {
    border: 2px solid #FF9900 !important;
    padding: 0 !important
}
.action-whatsup {
    position: absolute;
    right: 0;
}
.action-whatsup a{
    color: #999;
}
.action-whatsup a:hover{
    color: #333;
}

.edit_whatsup {
	background: #eee !important;
        padding: 10px;
}

.delete_whatsup {
	background: #eee !important;
	text-align: center !important;
        padding: 10px;
}

.testo_del_qa {
    font-size: 16px !important;
}

.posted   {
    color: #999; font-size: 13px; line-height:30px; text-transform:normal;
}
.pref_container  {
color:#FB7D00;
}
.pref_container_interno  {
    position: absolute;
    top: 63px;
    right: 22px;
}
.pref_container_interno a {
    background: none !important; border:none !important; display:block !important; padding: 10px 0px !important;
}

.pref_container_interno a i {
    font-size: 25px !Important; color: #D6B600 !important; display: block !important;
}
i.uil-thumbs-up.active::before {
    color:#FB7D00;
}

div.tools.home .deadline  {
    font-size: 13px;
    font-weight: bold !important;
    float: left;
    position: relative;
	width:100%
}
div.tools.home .deadline  i{
    margin-right:5px;
} 
div.tools.home div.pref_container  {
    position: relative;
    float:left;
	top:inherit;
}
div.tools.home div.pref_container a {
    padding: 0px 0px !important;
}
.pref_container a {
    background: none !important; border:none !important; display:block !important; padding: 10px 0px !important;
}

.pref_container a i {
    font-size: 25px !Important; color: #FECE00 !important; display: block !important;
}

.pref_interno a {
    padding: 2px !important;
    margin-right: 3px;
}
.pref_interno a i{
    font-size: 20px !important;
}

.yellow_star {
    color: #D6B600 !important;
}

i.redtext {
    position: relative !important;
    display: inline !important;
    top: -10px !important;
    font-size: 12px !important;
    color: rgb(255, 136, 0) !important;
   margin-left: -20px !important;
margin-right: 5px !important;
}
section.access label {
    padding-right: 20px !important;
}


.badge {
  display: block;
  position: absolute;
  line-height: 16px;
  padding: 2px 3px;
  left: 0px;
  bottom: 0px;
  color: white !important;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
}
.badge {
  background: #00BBCC;
  border-color: #00BBCC;
  max-height: 16px;
}
.badge i {
    font-size: 12px;
}
.badge.me {
    background: #F90;
  border-color: #F90;
}

.notextwrap {
    white-space: normal !important;
}

.norightmargin {
    margin-right: 0 !important;
}
.dark_blue_bg {
    background: #222 !important;
    color: #fff;
	border-radius:10px;
}
h1.dark_blue  {
    color: #fff !important;
}
.dark_blue_bg .item {
    background: #222 !important;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
	border-right:1px solid #999;
}

.dark_blue_bg .item a {
    color: #fff;
}
.dark_blue_bg .item p {
     color: #FFF;
}
.dark_blue_bg .item img {
    
}

.owl-item .item {
	padding: 15px !important;
}

.owl-item .item figure {
	float: left;
}

.owl-item .item .info_block {
	margin-left: 10px;
	float: left;
	width:70%;

}
.owl-item .item .info_block h1, .owl-item .item .info_block h2,.owl-item .item .info_block h3 {
	margin: 0;
	border-bottom:none;
}
.owl-item .item .info_block h1 {
    margin-bottom: 0px;
	padding-left:0;
	color:#fff;
	font-weight:500;
}
.owl-item .item .info_block h2 {
	font-size: 12px !important;
	font-weight: normal !important;
	font-style: italic;
        margin-bottom: 5px
}
.owl-item .item .info_block h3  {
	font-size: 12px !important;
	font-style: italic;
}
.owl-item .item .info   {
    background: none !important;
    text-align: left;
    padding-right: 10px;
    font-size: 15px;
    position: relative;
    bottom: 20px;
	top: 14px;
}
.owl-item .item .info  i {
    font-size: 20px;
	color:#FB7D00;
}
.owl-item .item .titoloQA {
	margin-bottom:0;
}

.ambassador_string {
    color: #F2881F;
    margin: 10px 0;
    font-weight: normal;
    text-shadow: none;
}

.inline_message .content, .inline_message .inline_message{    
    width: 620px;
    background: #FFF;
    text-align: center !important;
    color: #222 !important;
    padding: 20px 0;
    
}
.inline_message .container .content{
    padding-bottom: 0px !important;
}

.dark_blue_bg_title {
    background: #fff;
    padding: 8px 10px;
    color: #666;
    margin-right: 1px;
    margin-bottom: 1px;
    text-shadow: none;
    font-size: 34px;
    text-transform: uppercase;
    text-align: center;
	border-radius:10px 10px 0px 0px;
	font-weight:300;
	border-left:1px solid #E0DFDC;
	border-top:1px solid #E0DFDC;
	border-right:1px solid #E0DFDC;
	
}

.delete_doc_attachment {
    float: left !important;
    padding: 0 !important;
    background: #DD4444 !important;
}
.delete_doc_attachment i, .edit_doc_attachment i {
    background: none !important;
    margin-right: 0 !important;
}
.edit_doc_attachment {
    float: left !important;
    padding: 0 !important;
    background: #FF9900 !important;
}

.editattachment ul li {
	border:none !important;
    padding: 0 !important;
    margin: 0 !important;
	list-style-type: none !important;
    margin-bottom: 5px !important;
}

.editattachment ul {
    padding-left: 0px;
}

.editattachment .task-wizard {
    background: #f4f4f4;
    padding: 10px 20px;
    margin: 10px 0;
	border-radius:10px;
}
.editattachment ul li input["type='text'"]{
    width: 100% !important;
}

.editattachment .error{
    border: 1px solid #F00;
}
.editattachment label {
    font-size: 14px;
}




.myhrgoal-split-register
{
	width:80%;
	margin:auto;
}

.search-contact-custom {
    background: none !important;
    padding: 0 !Important;
    margin: 10px 0 5px;    
    width: 100%;
}
.search-contact-custom #myhrgoal-chat-search{
    font-size: 14px;
}
.chat-with-partner {
    padding: 0 !important;
    border: 1px solid #E0DFDC !important;
}
.chat-with-partner .box-footer {
    width: 100%;
    border-top: 1px solid #E0DFDC;
}
#myhrgoal-chat-message {
    font-size: 14px;
}
.btn-chat-send {
    padding: 8px 13px !Important;;
}
.direct-chat-text {
    padding: 10px !important;
}
.profile-box-header {
    background: none !Important; 
	padding:0;
}

.timeline .timeline-item .timeline-header {
    background: #444 !important;
    color: #fff !important;
    font-weight: 500;
	padding:10px !important;
}
.timeline .timeline-item {
    background: #FFF !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.timeline-inverse>li>.timeline-item {
    background: #FFF !important;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 10px;
    padding: 15px;
}
.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {
    padding: 16px !important;
}
.timeline:before {
    background:#fff !important;
}
.timeline .timeline-item:before {
    content: none !important;
    border: none !important;
}
.timeline .timeline-footer {
    padding: 7px 10px;
    font-style: italic;
    font-size: 11px;
    color: #999;
    border-top: 1px solid #eee;
}
.timeline .timeline-body p span {
    margin-bottom: 0;
    font-size: 14px !important;
    color: #666;
	line-height:20px !important; 
}
.timeline .timeline-body p {
    margin-bottom: 0;
    font-size: 14px !important;
    color: #666;
	line-height:20px !important; 
}
.timeline .timeline-body {
    margin-bottom: 0;
    font-size: 14px !important;
    color: #666;
	line-height:20px !important; 
}
.timeline .timeline-body ul li {
    margin-left: 20px !important;
    list-style:disc !important;
	    font-size: 14px !important;
	line-height:20px !important; 
} 
.nav-pills-custom-news li a {
    border: 1px solid #002233;
    background: none;
    color: #002233 !important;
}
.nav-pills-custom-news li.active > a.myhrgoal-white {
    background-color: #002233 !important;;
    color: #FFF !important;
}
.myhrgoal-partner-media .border-top {
    border-top: 1px solid #E0DFDC !important;
}
.myhrgoal-partner-media {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.commands .soft-btn {
    cursor: pointer !Important;
}
#myhrgoal-qa-list .item {
    margin: 20px 0;
}
#myhrgoal-qa-list #qasForMe {
    margin: 20px 0 !important;
}
#myhrgoal-qa-list #qasForMe .info {
    font-size: 16px;
    font-weight: 400;
    text-transform: normal;
    float: left;
    color: #333 !important;
    width: 100%;
    padding: 0 0 0px 15px;
}
.text-muted  {
    font-size: 14px;
    line-height: 19px;
	color:#445566;
}

.descrizione_qa_new_block_partner {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 0px;
    font-size: 14px;
    line-height: 19px;
	color:#445566;
	position:relative;
	clear:both;
}
.myhrgoal-hr-partner-profile-actions button i {
    margin-right: -2px;
    font-size: 16px;
}

.description-box-custom {
    width: 60%;
    margin: auto;
}
.description-box-custom h1 {
    background: none !important;
    color: #002233 !important;
    border-bottom: 1px solid #eee;
    font-size: 30px !important;
    font-weight: bold !important;
}
.description-box-custom h3 {
    color: #555 !important;
}
.description-box-custom ul, .description-box-custom ul li {
    list-style-type:  none !important;
    font-size: 15px;
}
.description-box-custom ul {
    width: 60% !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important
}
.myhrgoal-chat-body .direct-chat-text a {
    color: #FFF !important;
    text-decoration: underline;
}



@media screen and (max-width:1024px) {
    .description-box-custom {
        width: 100%;
        margin: auto;
    }
}


.myhrgoal-side-banner img 
{
	width:100%;
	height:auto;
}

.block_warning {
    background: #fff;
    padding: 20px;
    color: #666;
	border-radius:10px;
	border:1px solid #E0DFDC;
}
.block_warning h2 {
    font-size: 24px !important;
    color: #000 !important;
}
.block_warning h4 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0 !important;
}

.qa_warning {
    background: #FFF !important;
    margin-bottom: 20px;
}

.qa_warning h2 {
    margin-bottom: 10px !important;
    font-size: 25px !important;
}
.qa_warning h4 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mobile_warning {
    background: #fafafa !important;
}

.mobile_warning h4{
    white-space: normal !important;
}

.block_warning_single {
    color : #666 !important;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #E0DFDC;
    font-weight: bold;
}
a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#accordion {
    margin-right: 20px;
}
#accordion a.opening {
    display:block;
    background: #FFF;
    padding:10px;
    text-decoration:none;
    text-shadow: none;
    color:#002233;
    font-weight:bold;
    font-size:1.2em;
    }

#accordion a.opening:hover, #accordion a.active {
    color:#FFF;
    background: #002233;
    }
#accordion .expanded {

    padding:15px;
    font-size:0.9em;
    
    border-left:1px solid #002233;
    border-right:1px solid #002233;
    border-bottom:1px solid #002233;
    }
#accordion .expanded p {
    padding-bottom:20px;
    }
#accordion .expanded .expanded {

    padding:0;
    color:#fff;
    }
#accordion .expanded .expanded p {
    padding:15px;
    }

  

/* style inputs and link buttons */

.button {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}
div.step2 a.button {
  width: 24% !important;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 4px;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
  float:left;
}


/* add appropriate colors to fb, twitter and google buttons */
.fb {
  background-color: #3B5998;
  color: white !important;
  text-align:center;
}

.twitter {
  background-color: #55ACEE;
  color: white !important;
    text-align:center;
}

.google {
  background-color: #dd4b39;
  color: white !important;
    text-align:center;
}
.linkedin {
  background-color: #006097;
  color: white !important;
    text-align:center;
}
.user {
  background-color: #FECE00;
  color: white !important;
    text-align:center;
}
i.fa.fa-facebook.fa-fw, i.fa.fa-linkedin.fa-fw, i.fa.fa-twitter.fa-fw, i.fa.fa-google.fa-fw, a.user.button i.fas.fa-unlock-alt.fa-fw {
    font-size: 16px !important;
	color: white !important;
}
.seperator {
  float: left;
  width: 100%;
  border-top: 1px solid #E0DFDC;
  text-align: center;
  margin: 50px 0 0;
}
.seperator b {
  width: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  position: relative;
  top: -22px;
  z-index: 1;
}

div.sticky-banner  {
  position: relative;
  background-color: #FECE00;
  width:100%;
  padding:0px;
  z-index:-1px;
}
div.sticky-banner  a {
  color:#fff;
  font-size:14px;
}

div.sticky-banner-phone  {
  position: relative;
  background-color: #F84E14;
  width:100%;
  padding:10px;
}
div.sticky-banner-phone  a {
  color:#fff;
}


.contatore {
  color:#fff;
  background-color:rgba(0,0,0,0.1);
  text-align:left;
  margin-bottom:5px;
}
.contatore div.contatore-head  {
    background: #eaeaea;
    color: #000;
    border-right: 1px solid #ccc;
    font-weight: 600;
}
.contatore p {
    padding: 0 10px;
    margin: 5px 0;
    font-size: 13px;
}
.contatore p span.alert{
  color:#ff0000;
}
@media (max-width: 767px){
.login-form form {
    width: 90%;
    padding: 20px 15px 20px;
}
} 

@media (min-width:576px) {
    .modal-dialog {
        max-width: 900px;
        margin: 2% auto;
    }
    .modal-dialog-centered {
        min-height: calc(100% - (6% * 2))
    }
    .modal-dialog-centered::before {
        height: calc(100vh - (6% * 2))
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        max-width: 800px
    }
}
.features{
    background:#fff;
	text-align:center;
	}	
	
	div.pure-g-r.features p {
	color:#000;
	text-align:center;
	font-size:1.2em;
	margin:10px 0 10px 0;
	}
	div.pure-g-r.features i {
	color:#000;
	text-align:center;
	font-size:2em;
	margin:20px 0 0 0;
	}
	
.close {
    float: right;
    font-size: 1.7rem;
    font-weight: 100;
    line-height: 1;
    color: #222;
    text-shadow: none;
    opacity: .5
}

 

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

 

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    color: #222;
    text-decoration: none;
    opacity: .75
}

 

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}
.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    pointer-events: none
}
.modal-dialog.small {
    position: relative;
    width: auto;
    pointer-events: none;
	max-width:550px;
height:570px;
overflow-y:hidden;
}
.modal-content-small {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: .25rem;
    outline: 0;
    min-height: 5.6rem;
    overflow: auto !important;
    height: 510px;
	padding:20px;
}
.modal-content-small button.close {
    position:absolute;
	right:10px;
}
.modal-dialog.small h1.likeTitle {
    font-size: 18px;
    font-weight: 400;
    text-transform: normal;
    float: left;
    color: #333;
    width: 100%;
    padding: 10px 0;
	margin:0;
	border-bottom:1px solid #ccc;
}
ul.like-list  {
    list-style:none;
	padding:0;
}
ul.like-list li {
    border-bottom:1px dotted #aaa;
	padding:5px 0;
}
ul.like-list a {
    position: relative;
}
ul.like-list figure {
    position: relative;
    float: left;
}
ul.like-list h1, ul.like-list h2, ul.like-list h3 {
    display: block !important;
}
ul.like-list h1 {
    display: block;
    color: #222;
    font-size: 14px;
    margin: 2px 0;
    text-transform: none;
	text-align: left !important;
	font-weight: 500 !important;
}
.modal-content-small div.counters  {
    display: inline-block;
    color: #222;
    font-size: 12px;
    margin-left:15px;
}
.modal-content-small div.counters i.small-like-icon  {
    background:#ffb000;
	border-radius:30px;
    color: #fff;
    font-size: 12px;
    padding:2px 3px;
}

ul.like-list h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 2px;
    line-height: 1.3em;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    color: #444;
}
ul.like-list h3 {
    font-size: 13px;
    margin: 0 !important;
    text-transform: normal;
    line-height: 1.5em;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
	font-weight: 500 !important;
}
ul.like-list img {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
    border: 3px solid #FFF;
    transition: all .3s;
    border-radius: 50px;
}
.prices.modal-dialog {
   min-width: 740px !important;
    pointer-events: all;
    margin: 1% auto; 
    
}
.prices-modal-content {
    width: 100%;
    text-align:center;
    padding:30px;
    background:rgba(0,0,0,0.8);
    margin: 2% auto;
}
.prices-modal-content h4{
    color:#FB7D00;
    font-size:1.3em;
}
.prices-modal-content h1{
    color:#fff;
    font-weight:normal;
	font-size:22px;
	margin-bottom:0px;
}



.youtube-modal-content {

     position: relative;
     display: flex;
     flex-direction: column;
     width: 100%;
     pointer-events: auto;
     background-color: transparent !important;
     background-clip: padding-box;
     border: 0 solid transparent;
     border-radius: .25rem;
     outline: 0;
     min-height: 280px;

 }
 


.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

 

.trial-modal-content {
    width: 100%;
    text-align:center;
    min-height:300px;
    background:#fff;
    padding:30px;
    background-size:cover;
}
.trial-modal-content.left {
    text-align:left;
}
.modalview  {
    padding-left:20px;    
}
.modalview h1 {
    font-size: 18px !important;
    font-weight: 400;
	float:left;
	margin:0;
	color:#000;
} 
.modalview div.date {
    font-size: 13px;
    color: #444;
    float: left;
    position: relative;
    margin-top: 5px;
	margin-bottom: 15px;
    width: 100%;
}
.modalview p {
    font-size: 14px;
    line-height: 19px;
    float: left;
    position: relative;
    margin: 10px 0;
    color: #444;
    width: 100%;
}
.modalview img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
    border: 3px solid #FFF;
    transition: all .3s;
    border-radius: 50px;
}
.modalview div.author  {

	margin-bottom:20px;
}
.modalview div.author h2 {
    font-size: 14px;
    font-weight: 500;
	margin:0 0 0 70px;
	color:#444;
}
.modalview div.author h3 {
    font-size: 14px;
    font-weight: 400;
	margin:5px 0 0 70px;
	color:#999;
}
.trial-modal-content h1 {
    font-size:1.6em;    
}
.trial-modal-content h2 {
    font-size:1.4em;  
font-weight:500;	
}
.trial-modal-content h3 {
    font-weight:normal;    
    margin-bottom:30px;
}
div#boxes div.trial-modal-content  {
    padding:20px 20px 0 20px;	
}
div#boxes div.trial-modal-content h1 {
    font-size:1.1em;  
margin:0 0 10px 0;	
}
div#boxes div.trial-modal-content h2 {
    font-size:1.1em;  
font-weight:400;
margin:0 0 10px 0;		
}
div#boxes div.trial-modal-content h3 {
    font-weight:normal;    
    margin:0px;
	font-size:0.95em;
}
.trial-modal-content div.commands {
    height:40px;
}
.trial-modal-content a {       
    color:#FB7D00;
}
.trial-modal-content a:hover {       
    color:000;
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (6px * 2))
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - (6px * 2));
    content: ""
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color:var(--main-color);
    background-clip: padding-box;
    border: 0 solid transparent;
    outline: 0;
	min-height:280px;

}
.modal-content.Accedi {
    width: 50%;
margin:0 auto;
}
.modal-content.regolamento {
    overflow:auto;
	max-height:500px;
}
.modal-share-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 85%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: .25rem;
    outline: 0;
	min-height:280px;
	text-align:center;
}

.modal-share-content h1{
    color:#333;
	font-size:20px;
	font-weight:500;
}
.modal-share-content div.share{
    width: 100%;
    float:none;
	padding:30px 0;
}
.modal-share-content div.share .btn.small i {
    font-size: 22px;
	width:18px;
	padding:8px 8px 8px 0;
	

}
.modal-share-content input.social-share-input{
    width: 80%;
    float:left;
	font-size:15px;
	border:1px solid #ccc;
	margin-left:20px;

}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 0 solid #e8e8e9;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.modal-header .close {
    padding: 15px;
    margin: -15px -15px -15px auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    border-top: 0 solid #e8e8e9
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
.commands p {
    color: #777;
	font-size:15px;
	padding:10px 0;
} 

.modal-content .login-form {
  color: var(--main-color-text);
	padding:0 20px 20px 20px;
	box-shadow: 0px 0px 5px #333;
}
.modal-content .login-form h1 {
    color: #333;
	text-align:center;
	font-size:24px;
	font-weight:400;
}
.modal-content .login-form a {
    color: #fff;
	font-weight:600;

}
.modal-content .login-form .item figure {
    margin: 0;
    width: 70px;
    float: left;
}
.modal-content .login-form .item h1 {
    display: block;
    color: #222;
    font-size: 14px;
    margin-right: 0;
    text-transform: none;	
} 
.modal-content .login-form form {
    margin: 0 auto;
    border-radius: 5px;
    box-sizing: border-box;
	padding:0 5%;
}
.modal-content .login-form h3 {
	margin:10px 0;
	font-weight:500;
	color: var(--main-color-text);
}
.modal-content .login-form h3 i {
	color: var(--main-color-text);
}
.modal-content .login-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #fff;
    font-size: .8em;
    box-shadow: none;
    border-radius: 4px;
    -webkit-transition: .3s linear border;
    -moz-transition: .3s linear border;
    -ms-transition: .3s linear border;
    -o-transition: .3s linear border;
    transition: .3s linear border;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	width:100%;
	font-size: 15px;
	height:80px;
}
.modal-content .login-form input  {
    width: 100%;
    padding: 5px 10px;
    height: 45px;
    margin: 10px 0px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #999;
	font-size:0.9em;

}
.modal-content .login-form input[type=username], .modal-content .login-form input[type=password] {
    width: 49%;
    padding: 5px 10px;
    height: 45px;
    margin: 10px 0px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #999;
	border:1px solid #eee;
	font-size:0.9em;

}
section#registrazione-box.form div.login-btn input[type=username], section#registrazione-box.form div.login-btn input[type=password], section#registrazione-box.form div.login-btn input[type=text] {
    width: 100% ;
    padding: 5px 10px;
    height: 45px;
    margin-bottom: 10px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #999;
	border:1px solid #eee;
	font-size:0.9em;

}
input[type=submit] {
    background-color: var(--accent-color) !important;
    color: var(--accent-color-text) !important;
    cursor: pointer;
}
.modal-content .login-form label {
    font-size: 12px;
	color:#999;
}
.modal-content .login-form button {
    margin: 10px auto !important;
    display: table;
    font-size: 18px;
    padding: 10px 30px;
    background-color: #000;
    border: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}
.modal-content .login-form button.btn_simple {
    background: transparent;
    color: #FECE00;
    text-transform: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 5px 6px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 500;
	margin: 0px !important;
}
.modal-content .login-form button:hover.btn_simple {
    background: #444;
    color: #fff;
}
.modal-content .login-form button:hover{
  background-color: #FECE00;
}
.modal-content a.login {
text-align:center;
    font-size: 16px;
    padding: 10px 30px;
    background-color: #FECE00;
    border: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
	display:block;
		margin:23px 0;
}
div#boxes div .modal-content a.login {
text-align:center;
    font-size: 20px;
    padding: 10px 30px;
    background-color: #FECE00;
    border: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
	display:block;
		margin:23px 0;
}
.modal-content .login i {
    font-size: 20px;
}
.modal-content a.login:hover{
  background-color: #444;
}
.modal-content a.login-grey {
text-align:center;
    font-size: 16px;
    padding: 10px 30px;
    background-color: #444;
    border: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
	display:block;
		margin:23px 0;
		border: 1px solid #444;
}
.modal-content a.login-grey:hover{
        border: 1px solid #444;
    color: #444;
	background:#fff;
}
.modal-content a.login-outline {
text-align:center;
    font-size: 14px;
    padding: 10px 15px;
    border: 2px solid #ccc;
    color: #666;
    border-radius: 50px;
    cursor: pointer;
	display:block;
	margin:23px 0;
}
.modal-content a.login-outline:hover{
    border: 2px solid #FECE00;
    color: #FECE00;
}
.modal-content .login-form input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    float: left;
}
.modal-content .login-form ul.acceptance {
    padding:0px;
}
.modal-content .login-form ul.acceptance li  {
    list-style: none;
    float: left;
    width: auto;
    padding-right: 20px;
}
.modal-content .login-form input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin-left: 5px;
    /* float: left; */
}
.modal-content .login-form .forget-psw a {
color: var(--main-color-text);
    text-decoration: none;
	font-weight:400;
}
.modal-content .login-form .seperator {
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  text-align: center;
  margin: 30px 0 0;
}
.modal-content .login-form .seperator b {
  width: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  position: relative;
  top: -22px;
  z-index: 1;
}
/* style inputs and link buttons */
input,
.modal-content .button {
  width: 24%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}

.modal-content input:hover,
.button:hover {
  opacity: 1;
}
.social-btn {
    padding: 20px;
	border:1px solid #ccc;
	border-radius:10px;
	margin-right:10px;
}
.social-btn a {
    color:#FB7D00;
}
section#registrazione-box.form div.social-btn {
	min-height:393px;
}


.login-btn {
    padding: 20px;
	border:1px solid #ccc;
	border-radius:10px;
	margin-right:10px;
}
.login-btn h4, .social-btn h4 {
    font-size:1.05em !important;
	font-weight:400 !important;
}

ul.modal-post-file  {
    display: inline-block;
    list-style: none;
    margin: 10px 0 !important;
    padding: 0;
	width:100%;
}
 ul.modal-post-file li {
    display:inline-block;
	list-style:none;
	padding-right: 20px;
}
ul.modal-post-file li:hover {
    color:#FB7D00;
}
ul.modal-post-file li  a {
    color:#444; text-transform:normal; font-size: 14px;line-height: 3em; cursor:pointer;
}
ul.modal-post-file li  i{
font-size: 22px; color:#444; cursor:pointer;
}
/** ================
 * Pricing Table
 ===================*/

.pricing-table-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.6em;
    color: #FFF;
    margin-top: 15px;
    text-align: left;
    margin-bottom: 25px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table-title a {
    font-size: 0.6em;
}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    clear: both;
}
/** ========================
 * Contenedor
 ============================*/
.pricing-wrapper {
    width: 1020px;
    margin: 30px auto;
}

.pricing-table {
    margin: 0 10px;
    text-align: center;
    width: 320px;
    float: left;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
		border-radius:10px 10px 0 0;
}
section.prices .pricing-table {
    width: 48%;
	margin-top:-100px;
	margin-bottom:60px;
}
.pricing-table:hover {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.pricing-title {
    color: #FFF;
    background: #f93;
    padding: 20px 0;
    font-size: 1.5em;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
	margin:0;
	border-radius:10px 10px 0 0;
}
.pricing-table.basic .pricing-title {
    background: #666;
	border-radius:10px 10px 0 0;
}
.pricing-table.recommended .pricing-title {
    background: #97c646;
	border-radius:10px 10px 0 0;
}

.pricing-table.recommended .pricing-action {
    background: #f93;
}

.pricing-table .price {
    background: #403e3d;
    font-size: 2.4em;
    font-weight: 700;
    padding: 20px 0;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table .price sup {
    font-size: 0.4em;
    position: relative;
    left: 5px;
}

.table-list {
    background: #FFF;
    color: #403d3a;
}
ul.table-list  {
    list-style-type: none;
	padding:0;
	text-align:left;
}
.table-list li {
    font-size: 1em;
    font-weight: 700;
    padding: 10px 20px;
}

.table-list li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #3fab91;
    display: inline-block;
    position: relative;
    right: 5px;
    font-size: 16px;
} 
.table-list li.unvailable:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    color: #ff0000;
    display: inline-block;
    position: relative;
    right: 5px;
    font-size: 16px;
} 

.table-list li span {
    font-weight: 400;
}

.table-list li span.unlimited {
    color: #FFF;
    background: #e95846;
    font-size: 0.9em;
    padding: 5px 7px;
    display: inline-block;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
}


.table-list li:nth-child(2n) {
    background: #F0F0F0;
}

.table-buy {
    padding: 15px;
    text-align: center;
    overflow: hidden;
	margin-bottom:15px;
}

.table-buy p {
    float: left;
    color: #37353a !important;
    font-weight: 700;
    font-size: 2.4em;
}

.table-buy div.commands {
    text-align: center;
    width: 100%;
    margin: 30px auto;
}
.table-buy div.commands a {
    color: #fff !important;
	text-align: center;
}
.table-buy div.commands a:hover {
    color: #f93 !important;
	text-align: center;
}
.table-buy p sup {
    font-size: 0.5em;
    position: relative;
    left: 5px;
}

.table-buy .pricing-action {
    color: #FFF;
    background: #f93;
    padding: 12px 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.2em;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.table-buy .pricing-action:hover {
    background: #e77a0d;
}

.recommended .table-buy .pricing-action:hover {
    background: #97c646;    
}

 

/** ================
 * Responsive
 ===================*/
 @media only screen and (min-width: 768px) and (max-width: 959px) {
    .pricing-wrapper {
        width: 768px;
    }

    .pricing-table {
        width: 236px;
    }
    
    .table-list li {
        font-size: 1.3em;
    }

 }

 @media only screen and (max-width: 767px) {
    .pricing-wrapper {
        width: 420px;
    }

    .pricing-table {
        display: block;
        float: none;
        margin: 0 0 20px 0;
        width: 100%;
    }
 }

@media only screen and (max-width: 479px) {
    .pricing-wrapper {
        width: 300px;
    }
} 

a.login:hover{
  background-color: #FECE00;
}
a.flixtube  {    background: #222;
    color: #fff;
    border-radius: 0;
	    padding: 10px;
    margin-right: 20px;
}

a.flixtube:hover {
    background: #555 !important;
}

.btn.act3  {
    background-color: #FECE00;
    padding: 20px 30px;
    border-radius: 50px; font-size:16px; width:60%;
}

a.btn.act3:hover {
    background-color:#FB7D00;
}

.btn.act3 i {
    font-size: 20px;
    width: 16px;
    margin-right: 10px;
    top: -3px;
}


#grid-calendar h1  {
    text-transform: normal;
    font-size: 24px;
    font-weight: 400;
    color: #666;
	margin-bottom:40px;
	text-align:center;
}
#grid-calendar .clearfix-area  {
	margin-bottom:40px;
}
#grid-calendar .daily-card  {
	margin:0 20px;
}
#grid-calendar .daily-card img  {
	width:100%;
}
/****** Style Star Rating Widget *****/

.star-rating {
  direction: rtl;
  display: inline-block;
  padding: 0px;
  cursor: default;
}
.star-rating input[type=radio] {
  display: none;
}
.star-rating label {
  color: #bbb;
  font-size: 18px;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type=radio]:checked ~ label {
  color: #f2b600;
}
label[for=star-null] {
    display: inline-block;
    margin: 2px 10px;
    color: #999 !important;
    font-size: 13px;
    text-align: right;
    float: right;
}
.star-null {
display: inline-block;
margin: 2px 10px;
color: #999 !important;
font-size: 13px !important;
text-align: right;
float: right;
}
div.star-rating.disabled label:hover, div.star-rating.disabled label:hover ~ label, div.star-rating.disabled input[type=radio]:checked ~ label {

	pointer-events:none !important;
}
div.star-rating.disabled input[type=radio] ~ label {
	pointer-events:none !important;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}
.rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {
color: #FFED85;
} 
.alert-favorite  {
    font-size: 10px;
    color: #666;
	padding:10px 0;
	display: inline-flex;
}

.alert-favorite i {
	font-size: 12px;
    color: red;
	padding-right:3px;
}
.tooltipFlix {
    display:inline-block;
    position:relative;
    text-align:center;
	margin-top:5px;
	margin-right:5px;
	width:18%;
	margin-left:0px !important;
}
div.tooltipFlix.large{
	width:100% !important;
	margin-top:0px !important;
}
div.tooltipFlix.large a  {
    word-wrap: break-word;
    white-space: normal;
    text-align: center;
    color: #fff;
    background: #444;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 16px;
}

.tooltipFlix .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#fff;
    background-color:#444;
    font-weight:normal;

    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}
.tooltipFlix .top h3{
    color:#fff;
	min-height:auto !important;
	margin-top:0 !important;
text-align:center !important;
float:none !important;
    font-size:12px !important;
}

.tooltipFlix:hover .top {
    visibility:visible; opacity:1;
}

.tooltipFlix .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltipFlix .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#444;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.left-rail {
    animation: fade-in .33s ease forwards;
	float:left;
	position: -webkit-sticky;position: sticky;top: 6rem;
}
.right-rail {
    animation: fade-in .33s ease forwards;
	float:right;
	position: -webkit-sticky;position: sticky;top: 6rem;
}

/* CHAT POP-UP */

.chat-popup {
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    right: 5%;
	display:none;
box-shadow:0 0 10px #999;
}
 {box-sizing: border-box;}


/* The popup chat - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
  	border-radius:10px;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
} 

.hr-separator {
    border-top: 7px solid #EEEDE8;
    width: 100%;
}
div.select-all {
  float: right;
}

div.join-events ul {
  list-style-type: none;
  padding:0 0 0 10px;
}

div.join-events li {
  display: inline-block; text-align: center;
}
div.join-events span {
  text-align: center; font-size:13px;
}
div.join-events input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}

div.join-events label {
  border: 1px solid #ccc;
  padding: 10px;
  display: block !important;
  position: relative;
  margin: 10px !important;
  cursor: pointer;
}

div.join-events label:before {
  background-color: white;
  color: white;
  content: '\e8d8';
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 24px;
  transition-duration: 0.4s;
  transform: scale(0);
    background-color: #ccc;
  border:#ccc;
  transform: scale(1);
  font-family:unicons;
}

div.join-events label img {
  height: 140px;
  width: 140px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

div.join-events :checked + label {
  border-color: 2px solid #ccc;
}


div.join-events :checked + label:before {
  content: '\e8d8';
  background-color: var(--main-color);
  border:var(--main-color);
  transform: scale(1);
  font-family:unicons;
}
div.join-events :disabled + label:before {
  content: '\e8d8';
  background-color: #444;
  border:#444;
  transform: scale(1);
  font-family:unicons;
}
div.join-events :disabled + label.orange:before {
  content: '\e8d8';
  background-color: #FECE00;
  border:#FB7D00;
  transform: scale(1);
  font-family:unicons;
}
div.join-events :checked + label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}

div.join-call  {
  background:#f7f7f7;
  padding:10px;
  margin :10px 0;
  border-radius:5px;
  
}
div.join-call h4 {
  margin:0 0 10px 0;
}
div.join-call ul{
    list-style-type: none;
    padding: 0 10px;
    margin: 0 20px 0 0;
    border-right: 1px dotted #ccc;
}

div.join-call li {
  display: inline-block; text-align: left; 
  width:100%;
    font-size:13.5px;
  line-height:20px;
}
div.join-call span {
  text-align: center; font-size:13px;
}
div.join-call input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}
div.join-call input[type="radio"][id^="myRadio"] {
  display: none;
}

div.join-call label {
  border: 1px solid #ccc;
  padding: 15px 8px;
  display: block !important;
  position: relative;
  margin: 2px !important;
  cursor: pointer;
  font-size:13.5px;
  line-height:20px;
}

div.join-call label:before {
  background-color: white;
  color: white;
  content: '\e8d8';
  display: block;
  border-radius: 50%;
  border: 1px solid grey;
  position: absolute;
  top: -13px;
  right: -8px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 24px;
  transition-duration: 0.4s;
  transform: scale(0);
    background-color: #ccc;
  border:#ccc;
  transform: scale(1);
  font-family:unicons;
}

div.join-call label img {
  height: 140px;
  width: 140px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

div.join-call :checked + label {
  border-color: 2px solid #ccc;
}


div.join-call :checked + label:before {
  content: '\e8d8';
  background-color: #FECE00;
  border:#FB7D00;
  transform: scale(1);
  font-family:unicons;
}
div.join-call :disabled + label:before {
  content: '\e8d8';
  background-color: #444;
  border:#444;
  transform: scale(1);
  font-family:unicons;
}
div.join-call :disabled + label.orange:before {
  content: '\e8d8';
  background-color: #FECE00;
  border:#FB7D00;
  transform: scale(1);
  font-family:unicons;
}
div.join-call :checked + label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}
section.tag {background: rgba(255, 255, 255, 0.7); padding: 10px 20px; margin-bottom:60px;}
section.tag h2 { font-size: 1.2em; margin: 1em 0; font-weight: normal; }


.m-10 {margin-bottom:10px;}
.m-20 {margin-bottom:20px;}
.m-30 {margin-bottom:30px;}
section.card {padding:15px 0; margin-bottom:40px;}
section.card .content {max-width:990px;}
section.card h2 { font-size: 1.2em; margin: .83em 0; font-weight: normal; }
section.card h2 a{ font-size: 1.05em; margin: .83em 0; font-weight: normal; color:#000; }
section.card h2 a:hover{ font-size: 1.05em; margin: .83em 0; font-weight: normal; color:#FB7D00; }
section.card h1 strong {font-weight:600;}
section.card ul {width:100%; overflow:hidden; list-style:none; margin:0; padding:0;}
section.card li {width:23%; margin:0 1%; float:left; text-align:center;}
section.card li img {margin-bottom:32px; max-width:100%; }
section.card li h2 {text-transform:uppercase; margin-bottom:24px; font-weight:400; font-size:21px;}
section.card li p {font-size:14px; line-height:1.4em;}
section.card li p strong {font-weight:700;}
section.card ul.mobile_app_feature li img{margin-bottom:0px !important;}
section.card ul.mobile_app_feature li a h2{font-size: 18px; color: #000;}
section.card .app_description_container img {
    float: left;
    width: 50%;
}
section.card .app_description_container .app_description {
    float: right;
    width: 50%;
}
section.card .app_description_container .app_description h1 {
    margin-top: 40px;
    font-size: 40px;
    margin-bottom: 10px;
    text-align: left;
    color: #F2881F;
}
section.card h1.app_chose_title {
    color: #F2881F;
    margin-bottom: 30px;
}
section#if02 div.title-if02_1, section#if02 div.title-if02_2, section#if02 div.title-if02_3, section#if02 div.title-if02_4, section#if02 div.title-if02_5, section#if02 div.title-if02_6, section#if02 div.title-if02_7, section#if02 div.title-if02_8, section#if02 div.title-if02_9 {
    text-align: left;
    min-height: 73px;
    position: relative;
    margin: 0px 0 10px 0;
}
section#if02 div.title-if02_1 {background: rgba(125,30,213,1); margin-right:14px; }
section#if02  div.title-if02_5 {background: rgba(237,29,151,1); margin-right:14px;}
section#if02  div.title-if02_3 {background: rgba(89,216,251,1); margin-right:14px;}
section#if02  div.title-if02_4 {background: rgba(252,159,40,1); margin-right:14px;}
section#if02 div.title-if02_2 {background: rgba(153,200,72,1); margin-right:14px; }
section#if02 div.title-if02_6 {background: rgba(169,207,63,1); margin-right:14px; }
section#if02 div.title-if02_7 {background: rgba(236,13,138,1); margin-right:14px; }
section#if02 div.title-if02_8 {background: rgba(83,208,247,1); margin-right:14px; }
section#if02 div.title-if02_9 {background: rgba(239,36,39,1); margin-right:14px; }
section#if02 div.title-if02_1 h4, section#if02 div.title-if02_2 h4, section#if02 div.title-if02_3 h4, section#if02 div.title-if02_4 h4, section#if02 div.title-if02_5 h4, section#if02 div.title-if02_6 h4, section#if02 div.title-if02_7 h4, section#if02 div.title-if02_8 h4, section#if02 div.title-if02_9 h4 {
    padding: 10px 15px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
	margin:0 !important;
	font-weight:600;
}
section#if02 div.info, section#if03 div.info, section#if04 div.info {
    padding-left:10px;
}
/** ================
 * Section id10
 ===================*/
.big_intro_area {border-bottom:1px dashed #999;}

span#small_intro_area_id1 {color:#aaa; padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id1.png) top left no-repeat;}
span#small_intro_area_id2 {color:#aaa; padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id2.png) top left no-repeat;}
span#small_intro_area_id3 {color:#aaa;  padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id3.png) top left no-repeat;}
span#small_intro_area_id5 {color:#aaa; padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id5.png) top left no-repeat;}
span#small_intro_area_id6 {color:#aaa; padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id6.png) top left no-repeat;}
span#small_intro_area_id9 {color:#aaa; padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id9.png) top left no-repeat;}
span#small_intro_area_id10 {color:#aaa; padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id10.png) top left no-repeat;}
span#small_intro_area_id11 {color:#aaa;  padding-top:11px; padding-bottom:7px; padding-left:40px; background:url(../img/ico_id11.png) top left no-repeat;}

/** ================
 * Post Evento
 ===================*/
.event-content .login-form {
    color: #333;
}

.event-content .login-form form {
    margin: 0 auto;
    box-sizing: border-box;
}
.event-content .login-form h3,h4 {
	margin:10px 0;

}
.event-content .login-form textarea {
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #eaeaea;
    font-size: .8em;
    box-shadow: none;
    border-radius: 10px;
    -webkit-transition: .3s linear border;
    -moz-transition: .3s linear border;
    -ms-transition: .3s linear border;
    -o-transition: .3s linear border;
    transition: .3s linear border;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
	width:100%;
	font-size: 15px;
	height:100px;
}
.event-content .login-form input  {
    width: 100%;
    padding: 5px 10px;
    height: 45px;
    margin: 10px 0px 20px;
    border-radius: 50px;
    box-sizing: border-box;
    font-size: 16px;
	border:1px solid #FECE00;
    background: #fff;
    color: #FECE00;
}
.event-content .login-form input:hover  {
	border:1px solid #FECE00;
    background: #FECE00;
    color: #Fff;
}
.event-content .login-form label {
    font-size: 12px;
	color:#999;
}
.event-content .login-form button {
    margin: 10px auto !important;
    display: table;
    font-size: 18px;
    padding: 10px 30px;
    background-color: #000;
    border: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}
.event-content .login-form button:hover{
  background-color: #FECE00;
}
.event-content a.login {
text-align:center;
    font-size: 18px;
    padding: 10px 30px;
    background-color: #000;
    border: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}
.event-content a.login:hover{
  background-color: #FECE00;
}
.event-content a.login-outline {
text-align:center;
    font-size: 14px;
    padding: 10px 15px;
    border: 2px solid #ccc;
    color: #777;
    border-radius: 50px;
    cursor: pointer;
}
.event-content a.login-outline:hover{
    border: 2px solid #FECE00;
    color: #FECE00;
}
.event-content .login-form input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    float: left;
}
.event-content .login-form .forget-psw {
    float: center;
	margin-top:5px;
}
.event-content .login-form .forget-psw a {
    color: #2196F3;
    text-decoration: none;
}
.event-content .login-form .seperator {
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  text-align: center;
  margin: 50px 0 0;
}
.event-content .login-form .seperator b {
  width: 40px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  background: #fff;
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  position: relative;
  top: -22px;
  z-index: 1;
}
/* style inputs and link buttons */
input,
.event-content .button {
  width: 100%;
  padding: 12px;
  border-radius: 50px;
  margin: 5px 0;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}
article .tasks .task .inline-options input[type=text] {
    width: 100%;
    padding: 5px 10px;
    height: 45px;
    margin: 10px 0px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #999;
	border:1px solid #ccc;
}
input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 5%;
}
input.forward-user-sel [type=checkbox]  {
    display: inline-block !important;
    vertical-align: middle !important;
    border: 1px solid #ccc !important;
    width: 15px !important;
    height: 15px !important;
	border-radius:5px !important;
}
input.[type=checkbox].forward-user-sel  {
    display: inline-block !important;
    vertical-align: middle !important;
    border: 1px solid #ccc !important;
    width: 15px !important;
    height: 15px !important;
	border-radius:5px !important;
}
.forward-user-sel  {
    display: inline-block !important;
    vertical-align: middle !important;
    border: 1px solid #ccc !important;
    width: 15px !important;
    height: 15px !important;
	border-radius:5px !important;
}

input.fileupload {
    padding: 5px;
    border-radius: 50px;
    box-sizing: border-box;
    color: #fff;
    height: 25px;
	font-size:13px;
	border:none;
}

.event-content input:hover,
.button:hover {
  opacity: 1;
}

ul.event-post-file  {
    display: inline-block;
    list-style: none;
    margin: 10px 0 !important;
    padding: 0;
}
 ul.event-post-file li {
    display:inline-block;
	list-style:none;
	padding-right: 20px;
}
ul.event-post-file li:hover {
    color:#FB7D00;
}
ul.event-post-file li  a {
    color:#444; text-transform:normal; font-size: 14px;line-height: 3em; cursor:pointer;
}
ul.event-post-file li  i{
font-size: 22px; color:#444; cursor:pointer;
}
section#format-if02_1, section#format-if02_2, section#format-if02_3, section#format-if02_4 {
    padding: 20px 0 40px 0;
}
section#format-if02_2, section#format-if02_4 {
    background:#fff;
}

/* Partner Profile */
 .bootstrap-wrapper {
            font-size: 12px;
        }

        .bootstrap-wrapper .box {
            margin: 0;
            padding: 0;
            margin: auto;
        }

        .bootstrap-wrapper .profile-user-img {
            margin: auto;
            width: 60%;
			border-radius:50px;
			border:5px solid #ebebeb;
        }

        .bootstrap-wrapper .label {

            background-color: #f0ad4e;
            margin: 5px;
            font-size: 12px;
            font-weight: 100;
            padding: 4px;
            display: block;
            width: auto;
        }

        .nav-tabs > li {
            background: none;
            border: 0;
        }

        article .results.qas {
            margin-right: 0;
            max-height: initial;
            overflow: auto;
        }
        .profile-username {
            font-weight: bold !important;
            color:#FFF !important;
            font-size: 17px !important;
        }
        .bootstrap-wrapper a {
            color : #aaa;
        }
        .label-custom {
            font-size: 11px !important;
            padding: 3px !important;
            display: inline-block !important;
            margin: 2px !important;
            background:#FB7D00 !important;
        }
        .box-profile {
            background: #fff;
			border-radius:10px;
        }
		.list-group b, .box-profile .list-group a {
            color : #666 ;
        }
ul.list-group {
            padding: 0 !important ;
			font-size:12px;
			color:#666;
        }
.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}     
        .area-skills {
            margin-top: 7px !important;
            margin-bottom: 7px !important;
        }
		.myhrgoal-hr-partner-profile-actions  {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
		
/* Partner Profile */		
#countdown {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.countdown-item{
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 57px;
    position: relative;
    opacity: 0;
    margin: 5px;
		color:#fff;
		font-weight:500;
}

.countdown-item-top{
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 57px;
    position: relative;
    opacity: 0;
    margin: 5px;
		color:#fff;
		font-weight:500;
}

article .boxCountdown.big .countdown-item{
    font-size: 26px;
    border-radius: 50%;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 77px;
    position: relative;
    opacity: 0;
    margin: 5px;
    color:#000;
    font-weight:500;
    background: #fff;
}

article .boxCountdown.big .countdown-item-top{
    font-size: 26px;
    border-radius: 50%;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 77px;
    position: relative;
    opacity: 0;
    margin: 5px;
		color:#fff;
		font-weight:500;
}

.countdown-item.show {
    animation: fadein 2s forwards;
}

.countdown-item-top.show {
    animation: fadein 2s forwards;
}

.countdown-item::before {
    position: absolute;
    content: ' ';
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    top: 0;
    opacity: .1;

}

.countdown-item-top::before {
    position: absolute;
    content: ' ';
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    top: 0;
    opacity: .1;

}

article .boxCountdown.big .countdown-item::before {
    position: absolute;
    content: ' ';
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    top: 0;
    opacity: .1;

}

article .boxCountdown.big .countdown-item-top::before {
    position: absolute;
    content: ' ';
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    top: 0;
    opacity: .1;

}

.countdown-item.years {
    animation-delay: 1s;
}

.countdown-item-top.years {
    animation-delay: 1s;
}

.countdown-item.days {
    animation-delay: 1.5s;
}

.countdown-item-top.days {
    animation-delay: 1.5s;
}

.countdown-item.hours {
    animation-delay: 2s;
}

.countdown-item-top.hours {
    animation-delay: 2s;
}

.countdown-item.minutes {
    animation-delay: 2.5s;
}

.countdown-item-top.minutes {
    animation-delay: 2.5s;
}

.countdown-item.seconds {
    animation-delay: 3s;
}

.countdown-item-top.seconds {
    animation-delay: 3s;
}

.countdown-item.years::after {
    content: attr(data-years);
}

.countdown-item-top.years::after {
    content: attr(data-years);
}

.countdown-item.days::after {
    content: attr(data-days);
}
.countdown-item.days-top::after {
    content: attr(data-days);
}

.countdown-item.hours::after {
    content: attr(data-hours);
}
.countdown-item-top.hours::after {
    content: attr(data-hours);
}

.countdown-item.minutes::after {
    content: attr(data-minutes);
}
.countdown-item-top.minutes::after {
    content: attr(data-minutes);
}

.countdown-item.seconds::after {
    content: attr(data-seconds);
}
.countdown-item-top.seconds::after {
    content: attr(data-seconds);
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}


.price-chart { margin-bottom: 80px; }
.attr-col { margin: 64px 0 0; float: left; width: 240px; }
.attr-col ul { background: #f7f7f7; font-weight: 500; font-size: 14px; border: 1px solid #d6d6d6; border-width: 1px 0px 1px 1px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left:15px; }
.attr-col ul li { text-align: right; padding: 0 10px; border-bottom: 1px solid #d6d6d6; line-height: 35px; display: block; }
.attr-col ul li.last { border-bottom: none; }
.pt-table { padding-left: 240px; display: block; position: relative; }
.pt-body { padding: 10px 0 0; }
ul.pt-rows { padding: 0 !important; }
.pt-rows li { display: block; overflow: hidden;background: #fff; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 1px solid #d9d9d9;  }
.pt-rows li span { width: 45%; text-align: center; float: left; border-right: 1px solid #d9d9d9; display: block; line-height: 35px; height: 35px; font-weight:500; }
.pt-rows li.title { background: #f93; font-size: 22px; color: #fff; font-weight: bold; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; border-bottom: 2px solid #f93; border-width: 0 0 2px; }
.pt-rows li.title span { line-height: 50px; height: 50px; border: none; padding: 0 1px; text-shadow: 2px 2px #444; }
.pt-rows li.fees { border-bottom: 1px solid #ccc; }
.pt-rows li.fees span { line-height: 48px; height: 48px; background: #f7f7f7; font-size: 34px; font-weight: 700; font-family: Roboto, sans-serif; color: #4172a5; text-shadow: 2px 2px #fff; }
.pt-rows li span.pt-yes { background: url(../img/yes-no.gif) no-repeat center 6px; }
.pt-rows li span.pt-no { background: url(../img/yes-no.gif) no-repeat center -44px; }
.pt-rows li.fin { border-bottom: 2px solid #d9d9d9; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 85px; }
.pt-rows li span.pt-3x { width: 72%; float: left; text-align: center; border: none; }
.pt-special { width: 40%; position: absolute; right: 0; top: 0; }
.pt-special .pt-rows { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #a2b7ca; background: #f7f7f7;    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding-bottom: 10px; }
.pt-special .pt-rows li { border-width: 0 0 1px; background: transparent; }
.pt-special .pt-rows li.title { height: 58px; margin: 1px; background: #89B939; color: #fff; font-size: 30px; line-height: 65px; text-align: center; border-bottom: 1px solid #fff; border-width: 0 0 1px; text-shadow: 2px 2px #333; }
.pt-special .pt-rows li.fees { border-bottom: 1px solid #bcd8ec; }
.pt-special .pt-rows li.fees span { background: #ecf6fe; }
.pt-special .pt-rows li.fin { border: none; text-align: center; height:72px; }
.pt-special .pt-rows li span { border: none; width: 100%; }
.pt-special .pt-rows li.fin .big-button { background: #FECE00; top: 22px; border-radius:50px; }
.pt-special .pt-rows li.fin .big-button:hover { background: #444; }

/* Simple Button CSS: */
.big-button { font-size: 20px; line-height: 50px; font-weight: 500; color: #fff; padding: 10px 20px; background: #FECE00; text-shadow: 2px 2px rgba(0, 0, 0, 0.3); border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-decoration: none; position: relative; top: 18px; }
.big-button:hover { color: #fff; -moz-box-shadow: 0 0 20px #ccc; -webkit-box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px #ccc; background: #444; }
.big-button:active { position: relative; top: 1px; }

/* Slider ON-OFF CSS: */

.switchBP {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 20px;
}

.switchBP input {display:none;}

.slider_onoff {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -8px;
  right: 0;
  bottom: 0;
  background-color: #666;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_onoff:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider_onoff {
  background-color: #fb7000;
}

input:focus + .slider_onoff {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_onoff:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on {
    color: #777;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 134%;
    left: -95%;
    font-size: 10px;
    width: 200px !important;
    text-align: right;
}
.off {
    color: #777;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 134%;
    left: -95%;
    font-size: 10px;
    width: 200px !important;
    text-align: right;
}

input:checked+ .slider_onoff .on
{display: block;}

input:checked + .slider_onoff .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider_onoff.round {
  border-radius: 34px;
}

.slider_onoff.round:before {
  border-radius: 50%;}
div.ads-content { text-align:center; }
div.ads-content h4 { font-size:14px; font-weight:500;  }
div.ads-content h4 a { font-size:14px; font-weight:500; text-decoration:underline; color:#333;  }
div.ads-content h4 span { font-size:14px; font-weight:600; color:#FB7D00;  }

div.gdpr {
    display: block;
    padding: 20px 0 0 0;
}
div.gdpr p {
    font-size:13px;
}


/*------ BHRT ---------*/
	img.banner-home-desktop {
		display: block;
	}
		img.banner-home-mobile {
		display: none;
	}
	
section.BHRT-top {padding:30px 0; background:url("../img/bhrt-header.jpg") top center no-repeat; position:relative; z-index:90;margin-top:-39px; text-align:center; background-size:cover;}
section.BHRT-top img {text-align:center; padding:32% 0 20px 0;}
section.BHRT-top h2 {color:#fff; text-align:center; font-weight:normal; font-size:1.5em; margin:0;}
section.BHRT-top h1 {color:#fff; text-align:center; font-size:3em; margin:0; padding:0;}
section#abstract.introArea {
    background-image:url("../img/bckgnd-features.png") !important; 
	background-position:top center !important;
	background-color: #fff !important;
	background-repeat:no-repeat !important;

	padding:120px 0 60px 0;
}
section#categories.introArea {
    background-image:url("../img/bckgnd-categories.png") !important;
	background-position:top center !important;
	background-color: #fff !important;
	background-repeat:no-repeat !important;

	padding:90px 0 60px 0;
}
section#projects.introArea {
    background-image:url("../img/bckgnd-projects.png");
	background-position:top center;
	background-color: #F3F2EF !important;
	background-repeat:no-repeat;

	padding:90px 0 100px 0;
}
section#howto.introArea {
    background-image:url("../img/bckgnd-steps.png");
	background-position:top center;
	background-color: #F3F2EF !important;
	background-repeat:no-repeat;

	padding:120px 0 60px 0;
}
section#timeline.introArea {
    background-image:url("../img/bckgnd-timeline.png") !important;
	background-position:top center !important;
	background-color: #fff !important;
	background-repeat:no-repeat !important;

	padding:90px 0 60px 0;
}
section#companies.introArea {
    background-image:url("../img/bckgnd-companies.png") !important;
	background-position:top center !important;
	background-color: #fff !important;
	background-repeat:no-repeat !important;
	padding:125px 0 60px 0;
}

section#categories.introArea h2, section#howto.introArea h2, section#projects.introArea h2, section#timeline.introArea h2, section#companies.introArea h2 {
    line-height: 32px;
    font-weight: 400;
    font-size: 32px;
    padding-bottom: 40px;
	border:0 !important;
	text-align:center !important;
}
section#classifica.introArea {
    background-image:url("../img/bckgnd-classifica.png") !important;
	background-position:top center !important;
	background-repeat:no-repeat !important;
	padding:125px 0 60px 0;
}

section#categories.introArea h2, section#howto.introArea h2, section#projects.introArea h2, section#timeline.introArea h2, section#companies.introArea h2, section#classifica.introArea h2 {
    line-height: 32px;
    font-weight: 400;
    font-size: 32px;
    padding-bottom: 40px;
	border:0 !important;
	text-align:center !important;
}
.wrapperStep {
  height: 100vh;
  /*This part is important for centering*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.typing-demo {
  width: 22ch;
  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
  white-space: nowrap;
  overflow: hidden;
  border-right: 3px solid;
  font-family: monospace;
  font-size: 2em;
}

@keyframes typing {
  from {
    width: 0
  }
}
    
@keyframes blink {
  50% {
    border-color: transparent
  }
}

div#bhrt-step1 {
    background:url("../img/bhrt-step1.png") top center no-repeat; background-size:cover; padding:0 10px;
	
	
}
div#bhrt-step1 a, div#bhrt-step2 a, div#bhrt-step3 a {
    line-height: 26px;
    font-weight: 400;
    font-size: 20px;
    padding: 64% 10% 31% 10%;
    color: #fff !important;
    text-align: center;	
	cursor:default;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

div#bhrt-step2 {
    background:url("../img/bhrt-step2.png") top center no-repeat; background-size:cover; padding:0 10px;
}
div#bhrt-step3 {
    background:url("../img/bhrt-step3.png") top center no-repeat; background-size:cover; padding:0 10px;
	min-height:450px;
}
div.bhrt-timeline1, div.bhrt-timeline2, div.bhrt-timeline3 {
    border-radius:50%; width:340px; height:340px; padding:50px; text-align:center; margin:5px auto !important;
}

div.bhrt-timeline1 p, div.bhrt-timeline2 p, div.bhrt-timeline3 p {
    width:100%; color:#fff; font-size:24px; font-weight:bold;
	padding:10px 0 !important;
	margin:0 !important;
}
/* Back Pulse */

a.hvr-back-pulse div.bhrt-timeline1 {
	background-color:#008a89;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
a.hvr-back-pulse:hover div.bhrt-timeline1, a.hvr-back-pulse:focus div.bhrt-timeline1, a.hvr-back-pulse:active div.bhrt-timeline1 {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #c13b64;
  background-color: #c13b64;
  color: white;
  border-radius:50%;
}

a.hvr-back-pulse div.bhrt-timeline2 {
	background:#eb5e6d; 
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
a.hvr-back-pulse:hover div.bhrt-timeline2, a.hvr-back-pulse:focus div.bhrt-timeline2, a.hvr-back-pulse:active div.bhrt-timeline2 {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #c13b64;
  background-color: #c13b64;
  color: white;
  border-radius:50%;
}

a.hvr-back-pulse div.bhrt-timeline3 {
	background:#c13b64; 
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
a.hvr-back-pulse:hover div.bhrt-timeline3, a.hvr-back-pulse:focus div.bhrt-timeline3, a.hvr-back-pulse:active div.bhrt-timeline3 {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #008a89;
  background-color: #008a89;
  color: white;
  border-radius:50%;
}
/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.bhrt-category {
  width: 94%;
  height: 200px;
  /* center content using flex box */
  display: flex;
  justify-content: center;
  align-items: center;
  /* overlay */
  box-shadow: 0 0 0 100px inset, 0 0 5px grey;
  /* hover out transition */
  transition: box-shadow 1s;
  float: left;
  margin: 10px;
}


/* pokemone names */

.bhrt-category::after {
  width: 80%;
  height: 80%;
  display: block;
  white-space: pre;
  font: 15pt 'sigmar one';
  color: white;
  border: 2px solid;
  text-align: center;
  /* center content using flex box */
  display: flex;
  justify-content: center;
  align-items: center;
  /* hover out transition */
  transition: opacity 1s .5s;
}


/* reveal pokemone picture on hover */

.bhrt-category:hover {
  box-shadow: 0 0 0 5px inset, 0 0 5px grey, 0 0 10px grey inset;
  transition: box-shadow 1s;
}


/* hide pokemone name on hover */

.bhrt-category:hover::after {
  opacity: 0;
  transition: opacity .5s;
}

.bhrt_c_1 {
  background-image: url(../img/bhrt-categories/bhrt_c_1.jpg);
  color: rgba(12, 35, 74, .8);
  background-size: cover;
}
.bhrt_c_2 {
  background-image: url(../img/bhrt-categories/bhrt_c_2.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_3 {
  background-image: url(../img/bhrt-categories/bhrt_c_3.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_4 {
  background-image: url(../img/bhrt-categories/bhrt_c_4.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_5 {
  background-image: url(../img/bhrt-categories/bhrt_c_5.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_6 {
  background-image: url(../img/bhrt-categories/bhrt_c_6.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;

}
.bhrt_c_7 {
  background-image: url(../img/bhrt-categories/bhrt_c_7.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_8 {
  background-image: url(../img/bhrt-categories/bhrt_c_8.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_9 {
  background-image: url(../img/bhrt-categories/bhrt_c_9.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_10 {
 background-image: url(../img/bhrt-categories/bhrt_c_10.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_11 {
 background-image: url(../img/bhrt-categories/bhrt_c_11.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}
.bhrt_c_12 {
 background-image: url(../img/bhrt-categories/bhrt_c_12.jpg);
    color: rgba(12, 35, 74, .8);
	background-size: cover;
}

div.bhrt-category a {
  color: #fff ;
      text-shadow: 2px 1px 1px #333;
	      font-size: 1.15em;
}
div.bhrt-category a:hover {
  color: #fff ;
      text-shadow: 2px 1px 1px #333;
	      font-size: 1.15em;
}

.bhrt-huge-btn  {
    background-color: #fff !important;
    color: #0C234A !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 600;
    padding: 20px 40px !important;
    border: 3px solid #C39821 !important;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    width: auto !important;
}
.bhrt-huge-btn:hover {
    background-color: #eb5e6d;
    color: #fff;
    border: 3px solid #008a89;

}
div#bhrt_cessione_terzi {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
    background: rgba(0,0,0,0.05);
    padding: 20px 80px;
}
div#bhrt_cessione_terzi a{
    color:#335182;
}
div#bhrt_cessione_terzi h3 {
    font-size:13px; 
	color:#444;
	margin:0.5em 0 !important;
	font-weight:500;
}
input[type=submit].bhrt-huge-btn {
    background-color: #fff !important;
    color: #0C234A !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
	font-weight:600;
    padding: 20px 40px !important;
    border: 3px solid #C39821 !important;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 50px;
	margin:0 auto;
	text-align:center;
	width:auto !important;
}
input[type=submit].bhrt-huge-btn:hover {
    background-color: #0C234A !important;
    color: #fff !important;
    border: 3px solid #C39821 !important;
}

.bhrt-big-red {
    background-color: #C39821;
    color: #fff !important;
    text-transform: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
	font-weight:400;
    padding: 15px 25px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 50px;
}
.bhrt-big-green {
    background-color: #0C234A;
    color: #fff !important;
    text-transform: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
	font-weight:400;
    padding: 15px 25px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 50px;
}
.bhrt-big-green:hover {
    background-color: #335182;
}
.bhrt-big-red:hover  {
    background-color: #E2B026;
}
.bhrt-big-green i, .bhrt-big-red i  {
    font-size: 34px;
	padding-right:34px;
}
.joincontest-text-info {
    font-size: 24px;
    padding: 30px 20px;
    text-align: center;
    border: 5px solid #0C234A;
    background-color: rgba(255,255,255,0.5) !important;
    margin-bottom: 40px;
}



/*------ BHRT COMPANY PAGE ---------*/

.bhrt-profile-page {
    margin-right:25px;

}
.bhrt-profile-company {
    background: #222 !important;
    color: #fff;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 24px;
	text-align:center;
}
.bhrt-profile-page h1{
    font-size:1.3em;
}
.bhrt-profile-page h2{
    font-size:1em;
	font-weight: normal;
	margin:0;
}

img.profile-company-logo.img-responsive.img-circle {
    width: 180px;
    height: 180px;
}

.bhrt-profile-page.small-prj {
    margin-right:0px;

}
.bhrt-profile-company.small-prj {
    padding: 10px 20px;
	text-align:left;
}
.bhrt-profile-page h1.small-prj{
    font-size:1.3em;
	padding:0;
}

img.profile-company-logo.img-responsive.img-circle.small-prj {
    width: 60px;
    height: 60px;
	float:left;
	margin-right:15px;
}



.bhrt-profile-hrd {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 24px;
	border:1px solid #E0DFDC;
}
div.bhrt-hrd {
    margin-bottom: 24px;
	border-bottom:1px solid #E0DFDC;
	min-height:110px;
}
div.bhrt-cert-aside {
    margin: 20px 0;
	padding:20px;
	border:3px solid #E0DFDC;
	text-align:center;
	border-radius:10px;
}
img#cert-preview  {
    max-width:18%;
	margin-bottom:20px;
}

div.bhrt-manage-menu ul {
    list-style: none;
    padding: 0;
    font-size: 0.9em;
    line-height: 1.6em;
}
div.bhrt-manage-menu ul li a:hover {
    color:#c13b64;
} 
.bhrt-profile-hrd a {
    color:#666;
}
.bhrt-hrd figure {
    float:left;
	width:51%;
}
.bhrt-hrd figure img {
    max-width: 90px !important;
    max-height: 90px !important;
    border-radius: 50px;
	border:5px solid #335182;
}
.bhrt-hrd figure i  {
    border-radius: 50px;
    background: #C39821;
    color: #fff;
    padding: 6px 7px;
    position: relative;
    left: 68px;
    top: -43px;
    font-size: 16px;
}
.bhrt-hrd h1{
    font-size:1em;
	margin:0.3em 0;
}
.bhrt-hrd h2{
    font-size:0.9em;
	margin:0;
}
.bhrt-hrd h3{
    font-size:0.9em;
		margin:0.3em 0;
}
.bhrt-notifications {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 24px;
	border:3px solid #C39821;
	display:block;
}
.bhrt-notifications ul {
    list-style-image:url(../img/icon-notification.png);
	list-style-position:outside;
}
.bhrt-notifications ul li {
    border-bottom:1px dotted #ccc;
	font-size:0.9em;
	margin-bottom:7px;
	vertical-align: middle;
}
.bhrt-team-title {
width:100%;
}
.bhrt-team-title h1 {
    font-size:1.1em;
	margin:0.5em 0;
	font-weight:normal;
}

.bhrt-team-group {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 24px;
	border:1px solid #E0DFDC;
	display:block;
}

.bhrt-team .item {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 99;
    display: inline-block;
    margin: 3px;
    cursor: pointer;
}
.bhrt-team .item .card {
    width: 60px;
    height: 60px;
    overflow: hidden;
    padding: 0;
    background: transparent;
    transition: .2s;
    z-index: 99;
    position: absolute;
}
.bhrt-team img {
    width: 100% !important;
    max-height: 70px !important;
    max-width: 70px !important;
    border: 2px solid #FFF;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
    transition: .3s;
    border-radius: 50px;
    height: auto !important;
}
img.partecipant1.leader {
    border: 3px solid #C39821 !important;
}
img.partecipant1.pending {
    border: 3px solid #ccc !important;
	opacity:0.8;
}
.bhrt-team .item .details {
    display: none;
    vertical-align: top;
    margin-left: 8px;
}
.bhrt-team .item .details p {
    margin: 0;
    color: #CCC;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 16px;
    font-size: 11px;
}
div.bhrt-member {
    width: 60%;
	float:left;
}
#add-member-list-modal ul.like-list li {
    border-bottom: 1px dotted #aaa;
    padding: 5px 0;
	min-height:68px;
}
#add-member-list-modal .action-button-holder  {
    margin-top: 10px;
}

#add-member-list-modal input {
    width: 100%;
    padding: 7px 12px;
    border-radius: 50px;
    margin: 5px 0;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    background: #f7f7f7;
}

.bhrt-projects-group, #bhrt-manage-prj {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 24px;
	border:1px solid #E0DFDC;
}
.bhrt-project-content  {
    padding: 10px;
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 32%;
	min-height:448px;
}
.bhrt-project-content a{
    color:#222;
}
.bhrt-project-content a:hover{
    color:#C39821;
}
.bhrt-project-content h1{
    font-size: 0.95em;
    font-weight: 500;
    word-break: break-word;
	min-height:36px;
	margin:.4em 0;
}
.bhrt-project-content-large h1{
    font-size: 0.95em;
    font-weight: 500;
    word-break: break-word;
	min-height:36px;
	margin:.4em 0;
}
div.bhrt-description {
    font-size: 0.82em;
    word-break: break-word;
	margin-bottom:0.6em;
	min-height:95px;
}
div.bhrt-prj-pdf  {
	margin-bottom:1em;
}

div.bhrt-prj-pdf a  {
    font-size: 0.82em;
}
.bhrt-project-content .date{
    font-size: 0.8em;
}
div.bhrt-prj-pdf i  {
    font-size: 1.5em;
}
div.bhrt-project-meta ul {
    list-style: none;
    padding: 0;
	font-size:0.8em;
	color:#666;
}
div.bhrt-project-meta ul li {
    padding-left:22px;
	padding-bottom:5px;
}
div.bhrt-project-meta ul li i{
   padding:1px 2px;
	color:#C39821;
	width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5em;
	border:1px solid #C39821;
	border-radius:50px;
	margin-right:3px;
	margin-left:-22px;
}
div.bhrt-project-meta ul li i.uil.ico_stato_prj_1, div.bhrt-project-meta ul li i.uil.ico_stato_prj_2, div.bhrt-project-meta ul li i.uil.ico_stato_prj_3, div.bhrt-project-meta ul li i.uil.ico_stato_prj_4, div.bhrt-project-meta ul li i.uil.ico_stato_prj_5, div.bhrt-project-meta ul li i.uil.ico_stato_prj_6 {
		border:none !important;
		width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.7em;
	padding:0;
	margin-right:5px;



}
div.bhrt-project-meta ul li i.uil.ico_stato_prj_1:before, div.bhrt-project-meta ul li i.uil.ico_stato_prj_2:before, div.bhrt-project-meta ul li i.uil.ico_stato_prj_3:before, div.bhrt-project-meta ul li i.uil.ico_stato_prj_4:before, div.bhrt-project-meta ul li i.uil.ico_stato_prj_5:before, div.bhrt-project-meta ul li i.uil.ico_stato_prj_6:before {
    font-family: unicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

div.bhrt-project-meta ul li i.uil.ico_stato_prj_1:before {
    content: '\eacb';
    color: #fff;
    background: #008a89;
    border-radius: 50px;
    padding: 5px !important;
    font-size: 0.8em;

}
	  div.bhrt-project-meta ul li i.uil.ico_stato_prj_2:before {
	     content: '\ea56';
		     color: #fff;
		     background: #eb5e6d;
    border-radius: 50px;
    padding: 5px !important;
    font-size: 0.8em;
	 }
	 	  div.bhrt-project-meta ul li i.uil.ico_stato_prj_3:before {
	     content: '\e8d6';
		     color: #fff;
		     background: #0383C0;
    border-radius: 50px;
    padding: 5px !important;
    font-size: 0.8em;
	 }
	 	  div.bhrt-project-meta ul li i.uil.ico_stato_prj_4:before {
	     content: '\e870';
		     color: #fff;
		     background: #ff0000;
    border-radius: 50px;
    padding: 5px !important;
    font-size: 0.8em;
	 }
	 	  div.bhrt-project-meta ul li i.uil.ico_stato_prj_5:before {
	     content: '\e813';
		     color: #fff;
		     background: #0BBB75;
    border-radius: 50px;
    padding: 5px !important;
    font-size: 0.8em;
	 }
	 	 	  div.bhrt-project-meta ul li i.uil.ico_stato_prj_6:before {
	     content: '\e9c4';
		     color: #fff;
		     background: #ff8000;
    border-radius: 50px;
    padding: 5px !important;
    font-size: 0.8em;
	 }
	 
	 div.prj-stato{
    position: relative;
    top: -30px;
    right: 15px;
    z-index: 2;
    float: right;
}
	 div.prj-stato span.notifications {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    text-align: center;
}
	 div.prj-stato span.notifications[data-notifications]:before{
    content: attr(data-notifications);
    color: #FFF;
    display: block;
    min-width: 10px;
    padding: 0 2px;
    border-radius: 10px;
    background: #C39821;
    position: absolute;
    top: -25px;
    right: 10px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    z-index: 3;
}
	 
div.prj-stato i.uil.ico_stato_prj_1:before, div.prj-stato i.uil.ico_stato_prj_2:before, div.prj-stato i.uil.ico_stato_prj_3:before, div.prj-stato i.uil.ico_stato_prj_4:before, div.prj-stato i.uil.ico_stato_prj_5:before, div.prj-stato i.uil.ico_stato_prj_6:before, div.video-stato i.uil.ico_stato_prj_1:before, div.video-stato i.uil.ico_stato_prj_2:before, div.video-stato i.uil.ico_stato_prj_3:before, div.video-stato i.uil.ico_stato_prj_4:before, div.video-stato i.uil.ico_stato_prj_5:before, div.video-stato i.uil.ico_stato_prj_6:before {
    font-family: unicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding:10px;
	border-radius:50px;
	color:#fff;
}

 div.prj-stato i.uil.ico_stato_prj_1:before,  div.video-stato i.uil.ico_stato_prj_1:before {
	 content: '\eacb';
	 background:#008a89;
	 }
	  div.prj-stato i.uil.ico_stato_prj_2:before, div.video-stato i.uil.ico_stato_prj_2:before {
	     content: '\ea56';
		 	 background:#eb5e6d;
	 }
	 	  div.prj-stato i.uil.ico_stato_prj_3:before, div.video-stato i.uil.ico_stato_prj_3:before {
	     content: '\e8d6';
		 	 background:#0383C0;
	 }
	 	  div.prj-stato i.uil.ico_stato_prj_4:before, div.video-stato i.uil.ico_stato_prj_4:before {
	     content: '\e870';
		 	 background:#ff0000;
	 }
	 	  div.prj-stato i.uil.ico_stato_prj_5:before, div.video-stato i.uil.ico_stato_prj_5:before {
	     content: '\e813';
		 	 background:#0BBB75;
	 }
	 div.prj-stato i.uil.ico_stato_prj_6:before, div.video-stato i.uil.ico_stato_prj_6:before {
	     content: '\e9c4';
		 	 background:#ff8000;
	 }
	 
	div.video-stato {
    position: relative;
	margin-top:10px;
	font-size:0.9em;
}
	.phase-0 {
    text-align:center;
}
	.phase-0 p{
    font-size:0.85em;
}
	.phase-0 i.alert {
    font-size:36px;
	color:#ccc;
}
	.phase-0 i.error {
    font-size:36px;
	color:#ff0000;
}
	.phase-0 i.success1 {
    font-size:36px;
	color:green;
}
.phase-0.bordered {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
}
.bhrt-add-cert  {
    padding: 20px;
    background: rgba(255,255,255,0.5);
    border-radius: 10px;
    margin: 0 0 20px 0;
    border: 3px solid #ccc;
}
.bhrt-add-cert  a {
    color:#000;
	cursor: default;
}
.bhrt-add-cert  a:hover {
    color:#000;
}
.bhrt-add-project  {
    padding: 20px;
    background: rgba(255,255,255,0.5);
    border-radius: 10px;
    margin: 0 0 20px 0;
    border: 3px solid #ccc;
}
.bhrt-hrd-video {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 24px;
	border:1px solid #E0DFDC;
}
div.bhrt-video-preview{
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    height: auto;
}
div.bhrt-video-preview::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 40px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgb(0 0 0 / 50%);
}
.bhrt-hrd-video a{
    color:#222;
}
.bhrt-hrd-video a:hover{
    color:#A52B50;
}
.bhrt-hrd-video p{
    color:#333;
	font-size:0.9em;
}
.bhrt-hrd-video h1{
    font-size: 0.95em;
    font-weight: 500;
    word-break: break-word;
}
.bhrt-hrd-video .date{
    font-size: 0.8em;
}
div.share-video a.button {
    width: 32.5%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    margin: 5px 0;
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
}

.bhrt-green_bg_outline {
    border: 1px solid #C39821 !important;
    color: #0C234A !important;
    background: #Fff !important;
    border-radius: 50px;
	    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 12px 20px;
}
.bhrt-green_bg_outline:hover {
    border: 1px solid #E2B026 !important;
    color: #fff !important;
    background: #C39821 !important;
    border-radius: 50px;
}

.bhrt-green_bg {
    border: 1px solid #0C244A !important;
    color: #fff !important;
    background: #0C244A !important;
    border-radius: 50px;
	    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 7px 13px;
}
.bhrt-green_bg:hover {
    border: 1px solid #335182 !important;
    color: #fff !important;
    background: #335182 !important;
    border-radius: 50px;
}

.bhrt-purple_bg {
    border: 1px solid #C39821 !important;
    color: #fff !important;
    background: #C39821 !important;
    border-radius: 50px;
	    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 12px 20px;
}
.bhrt-purple_bg:hover {
    border: 1px solid #E2B026 !important;
    color: #fff !important;
    background: #E2B026 !important;
    border-radius: 50px;
}
.bhrt-pink_bg {
    border: 1px solid #008a89 !important;
    color: #fff !important;
    background: #eb5e6d !important;
    border-radius: 50px;
	    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 7px 13px;
}
.bhrt-pink_bg.large {
    border: 2px solid #C39821 !important;
    color: #fff !important;
    background: #335182 !important;
    border-radius: 50px;
	    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 8px 20px;
}
.bhrt-pink_bg:hover {
    border: 2px solid #E2B026 !important;
    color: #fff !important;
    background: #0C234A !important;
    border-radius: 50px;
}
.bhrt-grey_bg_outline {
    border: none;
    color: #666 !important;
    background: #F7f7f7 !important;
    border-radius: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 7px 10px;
    cursor: default;
}
.bhrt-green-grey_bg_outline {
    border: none;
    color: #008a89 !important;
    background: #F7f7f7 !important;
    border-radius: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 7px 10px;
    cursor: default;
}

.bhrt-top-banner-int {
    background-image: url(../img/bckgnd-top-int.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #DEA821;
	margin-bottom:10px;
	margin-top:20px;
	background-position: center right;
	
}
.bhrt-top-banner-int h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
	padding:40px 0;
}
.bhrt-top-banner-int h1.bhrt-private {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
	padding:20px 0 0px 0;
}
.bhrt-top-banner-int div.bhrt-private-intro {
    color: #fff;
    font-size: 1.2em;
	max-width:59%;
	font-weight: 400;
	margin:0.5em 0.5em 1.9em 0em;
}
#grimlock-share-video-form-modal div.share-video {
	padding:0 40px 10px 40px;
	margin:0 20px 20px 20px;
}

#grimlock-share-video-form-modal div.share-video textarea {
    width: 100%;
    font-size: 13px;
    padding: 10px 20px;
    height: 80px;
    display: inline-block;
    border: 1px solid #E0DFDC;
    font-size: .8em;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 10px;
    -webkit-transition: .3s linear border;
    -moz-transition: .3s linear border;
    -ms-transition: .3s linear border;
    -o-transition: .3s linear border;
    transition: .3s linear border;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
}
.tabber.bhrt-tabber  {
    border-bottom: none;
}
.tabber.bhrt-tabber a i {
    display: inline-block;
    margin-right: 4px;
    color: #456;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    top: -1px;	
	font-family: unicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
}
.tabber.bhrt-tabber a i.uil.ico_stato_prj_1:before {
	 content: '\eacb';
	 }
.tabber.bhrt-tabber a i.uil.ico_stato_prj_2:before {
	     content: '\ea56';
	 }
.tabber.bhrt-tabber a i.uil.ico_stato_prj_3:before {
	     content: '\e8d6';
	 }
.tabber.bhrt-tabber a i.uil.ico_stato_prj_4:before {
	     content: '\e870';
	 }
.tabber.bhrt-tabber a i.uil.ico_stato_prj_5:before {
	     content: '\e813';
	 }
.tabber.bhrt-tabber a i.uil.ico_stato_prj_6:before {
	     content: '\e9c4';
	 }
	 
.tabber.bhrt-tabber span.notifications {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    text-align: center;
}
.tabber.bhrt-tabber span.notifications[data-notifications]:before  {
    content: attr(data-notifications);
    color: #FFF;
    display: block;
    min-width: 11px;
    padding: 2px;
    border-radius: 10px;
    background: #E2B026;
    position: relative;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    line-height: 1em;
    top: -2px;
}
#add-member-list-modal .modal-content-small, #grimlock-upload-video-form-modal .modal-content-small {
    position: relative;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: .25rem;
    outline: 0;
    height: 630px;
	padding:20px;
}
#add-member-list-modal div.login-form.bhrt-member-list {
    height: 350px;
    min-height: 200px;
    overflow: auto;
	border:1px solid #E0DFDC;
	padding:0 7px;
}
#add-member-list-modal .modal-dialog.small h1.likeTitle, #grimlock-upload-video-form-modal .modal-dialog.small h1.likeTitle {
    font-size: 18px;
    font-weight: 400;
    text-transform: normal;
    float: left;
    color: #0C244A;
    width: 97%;
    padding: 10px 0;
    margin: 0;
    border-bottom: none;
}
#grimlock-upload-video-form-modal .modal-dialog.small p.intro {
    font-size: 13px;
    font-weight: 400;
    text-transform: normal;
    color: #666;
	margin:0.5em 0;
}
#grimlock-upload-video-form-modal .modal-dialog.small ul.info-video {
    font-size: 13px;
    font-weight: 400;
    text-transform: normal;
    color: #666;
	list-style: square;
	padding:0 0 0 20px;

}

#add-member-list-modal .modal-dialog.small p {
    font-size: 14px;
}
#add-member-list-modal ul.bhrt-member-email-form, #grimlock-upload-video-form-modal ul, #grimlock-share-video-form-modal ul, #bhrt-manage-prj ul {
    padding: 0;
    list-style: none;
	margin:0;
}
#add-member-list-modal ul.bhrt-member-email-form label, #grimlock-upload-video-form-modal label, #grimlock-share-video-form-modal label, #bhrt-manage-prj label {
    font-size: 13px;
	margin-bottom:5px;
}
#add-member-list-modal ul.bhrt-member-email-form li{
    width:40% !important;
	display: inline;
}
#add-member-list-modal ul.bhrt-member-email-form input{
    width:31% !important;
	display: inline;
	padding: 8px 12px;
	font-size:12px;
}
#grimlock-upload-video-form-modal input, #grimlock-share-video-form-modal input {
    width: 100% !important;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 50px;
    margin-bottom: 10px;
}
#grimlock-upload-video-form-modal input[type=submit], #grimlock-share-video-form-modal input[type=submit], #bhrt-manage-prj input[type=submit] {
    width: 100% !important;
    padding: 16px 12px;
    font-size: 16px;
    border-radius: 50px;
    margin: 10px 0;
    border: 1px solid #E2B026 !important;
    color: #fff !important;
    background: #C39821 !important;
}

#grimlock-upload-video-form-modal input[type=submit]:hover, #grimlock-share-video-form-modal input[type=submit]:hover, #bhrt-manage-prj input[type=submit]:hover {
	border: 1px solid #C39821 !important;
    background: #E2B026 !important;
}

#grimlock-upload-video-form-modal textarea, #grimlock-share-video-form-modal textarea, #bhrt-manage-prj textarea {
    width: 100%;
    font-size: 13px;
    padding: 10px 20px;
    height: 100px;
    display: inline-block;
    border: 1px solid #E0DFDC;
    font-size: .8em;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 10px;
    -webkit-transition: .3s linear border;
    -moz-transition: .3s linear border;
    -ms-transition: .3s linear border;
    -o-transition: .3s linear border;
    transition: .3s linear border;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
}
#grimlock-upload-video-form-modal video {
    text-align:center;
}
.bhrt-video-button::-webkit-file-upload-button {
  visibility: hidden;
}
.bhrt-video-button::before {
  content: 'Seleziona un video';
  display: inline-block;
  background: #Fff;
  border: 1px solid #C39821;
  border-radius: 50px;
  padding: 7px 13px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 14px;
  color: #0C234A !important;
}
.bhrt-video-button:hover::before {
  border-color: 2px solid #C39821;

}
.bhrt-video-button:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
a.bhrt-change-video-button {
  display: inline-block;
  background: #Fff;
  border: 1px solid #C39821;
  border-radius: 50px;
  padding: 7px 13px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 14px;
  color: #0C234A !important;
  margin-bottom:10px;
}
.bhrt-share {
    width: 100%;
    text-align:center;
}
#grimlock-share-video-form-modal h1.likeTitle {
    font-size: 18px;
    font-weight: 400;
    text-transform: normal;
    float: left;
    color: #0C234A;
    width: 100%;
    padding: 10px 0px;
    margin: 0;
    border-bottom: none;
}
.bhrt-edit-video, .bhrt-edit-prj  {
  background:#f1f1f1;
  padding:10px 20px 20px 20px;
  border-radius:10px;
  margin:10px 0;
}
.bhrt-edit-video, .bhrt-edit-prj ul li {
  margin:10px 0;
}
.bhrt-edit-video ul li a {
    color: #C39821;
    font-size: 1em;
    padding-top: 15px !important;
    position: relative;
    float: left;
}
.bhrt-edit-video ul li a i {
    font-size: 1.5em;
}

.bhrt-edit-video a:hover {
  color:#335182;
}
.bhrt-edit-video ul li label {
    color: #666;
    font-size: 0.8em;
}
.bhrt-edit-video ul li select, .bhrt-edit-prj ul li select {
    padding:0.7em 0.8em;
}
.right-manage-prj label.upload-pdf  {
    border: 1px solid #C39821 !important;
    color: #0C234A !important;
    background: #Fff !important;
    border-radius: 50px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    padding: 7px 13px;
}

#file-chosen {
    text-align: left;
    width: 100%;
    float: left;
}

.bhrt-edit-video ul li {
    width: 49%;
    display: inline-block;
    background: #fff;
    padding: 10px 20px;
    height: 75px;
    vertical-align: middle;
    border-radius: 10px;
	margin-bottom:5px;
}
.bhrt-edit-video ul li {
    width: 100%;

}

div.bhrt-select-category ul {
  list-style-type: none;
  padding:0 0 0 10px;
}

div.bhrt-select-category li {
    display: inline-block;
    text-align: center;
    max-width: 16.3%;
    vertical-align: top;
    margin-bottom: 10px;
}
div.bhrt-select-category span {
  text-align: center; font-size:13px;
}
div.bhrt-select-category input[type="radio"][id^="myRadio"] {
  display: none;
}

div.bhrt-select-category label {
  border: 1px solid #ccc;
  padding: 10px;
  display: block !important;
  position: relative;
  margin: 10px !important;
  cursor: pointer;
}


div.bhrt-select-category label:before {
  color: #335182;
  content: '\e8d8';
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 24px;
  transition-duration: 0.4s;
  transform: scale(0);
    background-color: #fff;
  border:2px solid #335182;
  transform: scale(1);
  font-family:unicons;
  font-size:18px;
  z-index:2;
}

div.bhrt-select-category label img {
  height: 116px;
  width: 170px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

div.bhrt-select-category :checked + label {
  border-color: 2px solid #ccc;
}

div.bhrt-select-category :checked + label:before {
  content: '\e8d8';
  background-color: #E2B026;
  border:2px solid #335182;
  transform: scale(1);
  font-family:unicons;
}
div.bhrt-select-category :disabled + label:before {
  content: '\e8d8';
  background-color: #ccc;
  border:2px solid #ccc;
  transform: scale(1);
  font-family:unicons;
}
div.bhrt-select-category :disabled + label img {
  opacity:0.5 !important;
}

div.bhrt-select-category :disabled + label.orange:before {
  content: '\e8d8';
  background-color: #FECE00;
  border:#FB7D00;
  transform: scale(1);
  font-family:unicons;
}
div.bhrt-select-category :checked + label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;

}

.upload-btn-wrapper input[type=file] {
  font-size: 13px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.container-manage-prj {
  display: flex;
    min-height: 270px;
  margin: 10px auto;
  width: 100%;
}
@media (max-width: 767px) {
  .container-manage-prj {
    flex-direction: column;
    min-height: 270px;
    width: 100%;
  }
}
.left-manage-prj {
    background: white;
    height: calc(100% - 40px);
    top: 20px;
    position: relative;
    width: 50%;
    border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.left-manage-prj ul  {
    list-style: square !important;
    padding: 0 0 0 20px !important;
    list-style-position: outside !important;
}
@media (max-width: 767px) {
  .left-manage-prj {
    height: 100%;
    left: 20px;
    width: calc(100% - 40px);
    max-height: 270px;
  }
}
.login-manage-prj {
  font-size: 18px;
  font-weight: 500;
  margin: 30px 30px 20px;
}
.eula-manage-prj {
  color: #666;
  font-size: 0.85em;
  line-height: 1.5;
  margin: 10px 30px 40px 30px;
}
.right-manage-prj {
  box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 22%);
  color: #F1F1F2;
  position: relative;
  width: 60%;
  padding:20px;
  border-radius:10px;
}
.right-manage-prj input#prj_title {
    padding: 0.9em 1.2em;
    display: inline-block;
    border: 1px solid #ccc;
    font-size: .9em;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 50px;
	margin-bottom:8px;
}
.right-manage-prj label {
    font-size: 1.1em !important;
	float:left;
}
.right-manage-prj div.show-cover-preview  {
    border:2px solid #fff;
	background: rgba(255,255,255,0.2);
	min-height:200px;
	text-align:center;
	vertical-align:middle;
}
.right-manage-prj.blue {
    background: #0C244A;

}
.right-manage-prj.senape {
    background: #C39821;
}
.right-manage-prj.yellow {
    background: #E2B026;
}
@media (max-width: 767px) {
  .right-manage-prj {
    flex-shrink: 0;
    height: 100%;
    width: 100%;

  }
}
.right-manage-prj img#cover-preview {
    max-height: 250px;
	width:auto;
  }
.right-manage-prj  div#bhrt-team {
    margin-bottom: 10px;
}
 * {margin: 0; padding: 0; box-sizing: border-box;}


.right-manage-prj .panel {margin: 50px auto 40px; max-width: 500px; text-align: center;}
.right-manage-prj .button_outer {background: #335182; border-radius:30px; text-align: center; height: 50px; width: 100%; display: block; transition: .2s; position: relative; overflow: hidden; font-size:14px; margin:0 auto;}
.right-manage-prj .button_outer-edit {background: #335182; border-radius:30px; text-align: center; height: 50px; width: 100%; display: inline-block; transition: .2s; position: relative; overflow: hidden; font-size:14px; opacity: 0;}
.right-manage-prj .button_outer-edit.show {opacity: 1; margin:0 auto;}
.right-manage-prj .btn_upload {padding: 17px 30px 12px; color: #fff; text-align: center; position: relative; display: inline-block; overflow: hidden; z-index: 3; white-space: nowrap; width:100%;}
.right-manage-prj .btn_upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0;}
.right-manage-prj .file_uploading {width: 100%; height: 10px; margin-top: 20px; background: #ccc;}
.right-manage-prj .file_uploading .btn_upload {display: none;}
.right-manage-prj .processing_bar {position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 30px; background:#335182; transition: 3s;}
.right-manage-prj .file_uploading .processing_bar {width: 100%;}
.right-manage-prj .success_box {display: none; width: 50px; height: 50px; position: relative;}
.right-manage-prj .success_box:before {content: ''; display: block; width: 9px; height: 18px; border-bottom: 6px solid #fff; border-right: 6px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position: absolute; left: 17px; top: 10px;}
.right-manage-prj .file_uploaded .success_box {display: inline-block;}
.right-manage-prj .file_uploaded {margin-top: 0; width: 50px; background:#83ccd3; height: 50px;}
.right-manage-prj .uploaded_file_view {max-width: 80%; margin: 40px auto; text-align: center; position: relative; transition: .2s; opacity: 0; border: 2px solid #ddd; padding: 15px;}
.right-manage-prj .file_remove {
    width: 153px;
    height: 30px;
    display: block;
    position: absolute;
    background: #fff;
    line-height: 30px;
    color: #0C244A;
    cursor: pointer;
    right: 33%;
    top: -20px;
    font-size: 0.85em;
}
.right-manage-prj .file_remove:hover {background: #0C244A; transition: .2s; color:#fff;}
.right-manage-prj .uploaded_file_view img {max-width: 100%;}
.right-manage-prj .uploaded_file_view.show {opacity: 1;}
.right-manage-prj .error_msg  {
    text-align: center;
    color: #b20000;
    margin-top: 20px;
    padding: 10px;
    width: auto !important;
	font-weight:500;
}


.right-manage-prj .imgupload{
color:#ccc;
font-size:4em;
margin:0.2em;
}
.right-manage-prj #namefile{
color:#C39821;
display:block;
padding-bottom:10px;
}
.right-manage-prj a#namefile:hover {
color:#E2B026;

}
.right-manage-prj h4>strong{
color:#ff3f3f
}
.right-manage-prj .btn-primary{
border-color: #ff3f3f !important;
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ff3f3f !important;
border-color: #ff3f3f !important;
}

/*these two are set to not display at start*/
.right-manage-prj .imgupload.ok{
display:none;
color:green;
}
.right-manage-prj .imgupload.stop{
display:none;
color:red;
}


/*this sets the actual file input to overlay our button*/ 
.right-manage-prj #fileup{
opacity: 0;
-moz-opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
width:200px;
cursor: pointer;
position:absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
height: 50px;
}

/**
 * FilePond Custom Styles
 */
.right-manage-prj .filepond--drop-label {
  color: #4c4e53;
}

.right-manage-prj .filepond--label-action {
  -webkit-text-decoration-color: #babdc0;
          text-decoration-color: #babdc0;
}

.filepond--panel-root {
  border-radius: 2em;
  background-color: #edf0f4;
  height: 1em;
}

.filepond--item-panel {
  background-color: #595e68;
}

.filepond--drip-blob {
  background-color: #7f8a9a;
}


div.learning-item ul.bhrt-overview {
    padding:0;
	list-style:none;
}
div.learning-item ul.bhrt-overview li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 3px;
}
div.learning-item ul.bhrt-overview li a {
    position: relative;
	float:none;
	line-height:1.4em;
	color: #C39821;
}
div.learning-item ul.bhrt-overview li a:hover {
	color: #E2B026;
}
ul.bhrt-overview li i {
	font-size:1.1em;
	color:#335182;
	margin-right:5px;
}

ul.bhrt-overview li i.ico_stato_prj_1, ul.bhrt-overview li i.ico_stato_prj_2, ul.bhrt-overview li i.ico_stato_prj_3, ul.bhrt-overview li i.ico_stato_prj_4, ul.bhrt-overview li i.ico_stato_prj_5, ul.bhrt-overview li i.ico_stato_prj_6 {
	font-size:1.1em;
	color:#335182;
	margin-right:5px;
	    font-family: unicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
}
ul.bhrt-overview li i.uil.ico_stato_prj_1:before {
    content: '\eacb';

}
ul.bhrt-overview li i.uil.ico_stato_prj_2:before {
	     content: '\ea56';
	 }
ul.bhrt-overview li i.uil.ico_stato_prj_3:before {
	     content: '\e8d6';
	 }
ul.bhrt-overview li i.uil.ico_stato_prj_4:before {
	     content: '\e870';
	 }
ul.bhrt-overview li i.uil.ico_stato_prj_5:before {
	     content: '\e813';
	 }
ul.bhrt-overview li i.uil.ico_stato_prj_6:before {
	     content: '\e9c4';
	 }
div.box_modifica_dati {
    text-align:left !important;
}
div.box_modifica_dati .login-btn {
    border:none !important;
	padding:0 10px;
}
div.box_modifica_dati h4	{
    margin:  10px 0 10px 0;
    font-size: 1.1em !important;
    font-weight: 500 !important;
}
div.box_modifica_dati p	{
    font-size: 14px;
    line-height: 19px;
    float: left;
    position: relative;
    margin:  0 0 10px 0;
    color: #444;
    width: 100%;
    word-break: break-word;
}
#form_change_data {
    background: #fff;
}
#submit_change_data {
    width: 40%;
}
form#change_modifica_dati {
    margin-bottom: 5px;
}
div.box_modifica_dati .modal-content .login-form input	{
    margin:5px 0;
	color:#333;
}
div.box_modifica_dati div.input_modifica_dati 	{
    margin: 0;
    width: 100%;
    background: #f7f7f7;
    padding: 10px 10px 20px 10px;
    border-radius: 0;
    margin-bottom: 10px;
}

div.box_modifica_dati .learning div.bp-preferred {
    float: right;
    position: inherit;
    margin-left: 0;
}
div.box_modifica_dati div.checkbox {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}
div.box_modifica_dati div.checkbox label{
    padding-left:5px;
}
div.box_modifica_dati .learning .bp-item {
    margin-bottom: 5px;
	padding:5px 10px;
}
div.input_modifica_dati div.chosen-container {
    width:100% !important;
	font-size:14px;
}
div.input_modifica_dati ul.chosen-choices {
    background: #FFF;
    border-color: #eee;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px #ddd;
margin:5px 0;
}
div.input_modifica_dati .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0 0 0 5px;
    white-space: nowrap;
}
div.input_modifica_dati .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 40px;
}

/* Tooltip container */
.tooltipBanner {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltipBanner .tooltipBannertext{
    visibility: hidden;
    width: 236px;
    background-color: rgba(255,255,255,0.9);
    color: #0C234A;
    text-align: center;
    padding: 10px 20px;
    border-radius: 2px;
    bottom: 61%;
    left: 23.8%;
    margin-left: -60px;
    position: absolute;
    z-index: 1;
    border: 3px solid #C39821;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipBanner:hover .tooltipBannertext {
  visibility: visible;
}

ul.chosen-choices li.search-choice {
width:auto !important;
}
ul.bhrt-kit {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.bhrt-kit .option h2 {
    font-size: 1em;
    font-weight: 400;
	text-align:left;

}
ul.bhrt-kit .option .more {
float:right;
    width: 24px;
    height: 24px;
    text-align: center;
	margin-top:-8px;
	cursor:pointer;
}
ul.bhrt-kit .option .more i {
font-size:2em;
color:#C39821;
line-height:2px;
}
.bhrt-introPopup1 {
background: url(../img/vote_bhrt.jpg) no-repeat center center;
}
.bhrt-introPopup2 {
background: url(../img/vote_ok_bhrt.jpg) no-repeat center center;
}
.bhrt-introPopup1, .bhrt-introPopup2 {
    width: 100%;
    height: 450px;
    margin-top: 40px;
    padding: 228px 20px 30px 270px;
}
.introPopup-content {
    background: rgba(255,186,4,0.9);
    padding: 10px;
    box-shadow: 1px 2px 9px 1px #666;
}

ul.bhrt-companies {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   list-style-type: none;
   padding:0;
}
ul.bhrt-companies li{
  border:1px solid #ccc;
  padding: 5px;
  margin:5px;
}

.certificateHead {
  display: flex;
  padding: 20px;
  margin: 0 0 10px;
  background: var(--main-color);
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}
.certificateHead_title {
  width: 60%;
  padding-right: 15px;
color: var(--main-color-text);
}
.certificateHead_status {
  margin-left: auto;
  width: 30%;
  text-align: right;
  padding-right: 0;
 color: var(--main-color-text);
}
.certificateContent {
  display: flex;
  padding: 20px;
  border: 1px solid #e1e2e4;
  margin: 0 0 10px;
  align-items: center;
}
.certificateContent_title  {
    width: 60%;
    margin: 0;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 500;
}
.certificateContent_button {
  margin-left: auto;
  width: 15%;
  text-align: center;
}
.statusCorso  {
    padding: 10px;
    border: 1px solid #E0DFDC;
    border-radius: 10px;
}
.statusCorso h3 {
    min-height: auto;
}
.progress {
  width: 100%;
  height: 15px;
}

.progress-wrap {
  background: #FEC92F;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
}
.progress-wrap .progress-bar {
  background: #ddd;
  left: 0;
  position: absolute;
  top: 0;
}


div.status {
  margin-top: 15px;
    width:95%;
}

#myProgress{
  width:100%;
  height:25px;
  background-color:#ddd;
  padding:3px;
}
#myBar{
  width:0px;
  background-color:#FEC92F;
}
#myProgressMess {
 margin-top:10px;
  color:green;
}
button[disabled]#btnLScertificate.ls_bg {
    cursor: default;
	background:#f2f2f2 !important;
	color:#666 !important;
}
button#btnLScertificate.ls_bg {
	background:green !important;
	color:#fff !important;
}
button[disabled]#btnLScertificate.ls_bg i{
    font-size:30px;
	color:#666;
}
button#btnLScertificate.ls_bg i{
    font-size:30px;
	color:#fff;
}
div.iframe-zoom {
    padding:10% 15%;
	color:#fff;
	text-align:center;
	margin: 0 auto;
}
div.iframe-zoom h3{
    font-size:20px;
	margin-bottom:30px;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
.pulsate-bck {
	-webkit-animation: pulsate-bck 2s ease-in-out infinite both;
	        animation: pulsate-bck 2s ease-in-out infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-5-23 14:30:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.event-calendar-item {
  padding: 10px;
  transition: transform .2s; /* Animation */
  width: 90%;
  height: 320px;
  margin: 0 auto;
  border:1px solid #ccc; 
}
.event-calendar-item h3{
  font-size:12px;
  width:100%;
}
.event-calendar-item:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index:999999999 !important;
  background:#fff !important; 
      box-shadow: 0px 0px 5px #ccc;
  border:1px solid #999; 
}

.zoom-item {
  padding: 10px;
  transition: transform .2s; /* Animation */
  border:1px solid #ccc; 
  display:block;
  background:#fff;
}
.zoom-item:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index:999999999 !important;
  background:#fff !important; 
      box-shadow: 0px 0px 5px #ccc;
  border:1px solid #999; 
}
.w-95 {
  width:95% !important;
}

#grimlock-editCompany-form-modal .login-form{
    box-shadow: none;
}
#grimlock-editCompany-form-modal .card{
    background-color: #f8f9fa;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 10px;
}
#grimlock-editCompany-form-modal .modal-dialog{
    width: auto;
}
#grimlock-editCompany-form-modal .modal-content{
    background-color: #fff;
}
#grimlock-editCompany-form-modal .form .content{
    box-shadow: none;
}
#grimlock-editCompany-form-modal .form .content li label{
    width: 35%;
}
#grimlock-editCompany-form-modal #employment-status-edit {
    border: 1px solid #E0DFDC;
    border-radius: 5px;
    padding: 20px 20px 20px 0;
}
#grimlock-editCompany-form-modal #employment-status-edit ul li {
    padding-right: 0;
    width: 47%;
    margin-left: 10px;
    display: inline-flex;
    flex-direction: column;
}
#grimlock-editCompany-form-modal #employment-status-edit ul li label {
    width: 100%;
}
#grimlock-editCompany-form-modal #companyname_chosen {
   margin: 10px 0;
}
#grimlock-editCompany-form-modal #companyname_chosen .chosen-single {
    color: #999;
}

#profile .alertProfile{
    background: var(--main-color);
    color: var(--accent-color);
}

.courseTable {
    margin: 1rem 0;
    width: 100%;
    color: #090223;
    border-collapse: collapse !important;
}
.courseTable thead th {
    font-weight: 500;
    border-bottom: 2px solid #e1e0e4;
    color: #736D7E;
    text-align: left;
}
.courseTable th {
    padding: 0.75rem;
    vertical-align: middle;
}
.courseTable tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
.courseTable tbody tr {
    background-color: transparent;
    border-bottom: 1px solid #e1e0e4;
}
.courseTable td {
    padding: 0.75rem;
    vertical-align: middle;
    border-color: #e1e0e4;
}
.courseTable td a {
    font-weight: 500;
}
.courseTable td a.nameProfile {
    font-weight: 500;
    display: flex;
    align-items: center;
}
.courseTable td a.nameProfile.deactivate img{
    border: 5px solid #ff0000;
}
.courseTable td a.nameProfile.deactivate i{
    position: relative;
    left: -166px;
    top: -20px;
    border-radius: 50%;
    background: #ff0000;
    color: #ffff;
    padding: 6px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 20px;
}
.courseTable td a.tableAction {
    font-size: 1.5em;
}
.courseTable .coursePreview,
.courseTable .courseProfile {
    max-width: 75px;
    vertical-align: middle;
    margin-right: 15px;
}
.courseTable .courseProfile {
    border-radius: 100%;
}
.courseTable h3 {
    display:inline-block;
    width:80%;
    margin:0.3em 0;
    vertical-align: middle;
}
.courseTable h3 span {
    color:#000 !important;
    line-height:2em;
}
.courseTable td a {
    font-weight: 500;
    color: var(--accent-color);
}
.statusCorso input[type=radio] + label {
    text-transform: none;
    font-weight: 400;
    width: auto;
    margin: 0;
    vertical-align: middle;
    font-size: 15px;
    height: 20px;
    line-height: 30px;
    padding-left: 15px;
    cursor: pointer;
}

.statusCorso input[type=radio] {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}
.statusCorso input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 20px;
    width: 20px;
}

/*SURVEY*/
#grimlock-survey-modal #heading{
    text-transform: uppercase;
    color: var(--main-color);
    font-weight: normal
}
#grimlock-survey-modal #msformSurvey {
    text-align: center;
    position: relative;
    margin-top: 20px
}
#grimlock-survey-modal #msformSurvey fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}
#grimlock-survey-modal .form-card {
    text-align: left
}
#grimlock-survey-modal #msformSurvey fieldset:not(:first-of-type) {
    display: none
}
#grimlock-survey-modal #msformSurvey input,
#grimlock-survey-modal #msformSurvey textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 16px;
}
#grimlock-survey-modal #msformSurvey input:focus,
#grimlock-survey-modal #msformSurvey textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid var(--main-color);
    outline-width: 0
}
#grimlock-survey-modal #msformSurvey .action-button {
    width: 116px;
    background: var(--accent-color) !important;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 30px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}
#grimlock-survey-modal #msformSurvey .action-button:hover,
#grimlock-survey-modal #msformSurvey .action-button:focus {
    background-color: #311B92
}
#grimlock-survey-modal #msformSurvey .action-button-previous {
    width: 116px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 30px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}
#grimlock-survey-modal #msformSurvey .action-button-previous:hover,
#grimlock-survey-modal #msformSurvey .action-button-previous:focus {
    background-color: #000000
}
#grimlock-survey-modal .card {
    z-index: 0;
    border: none;
    position: relative
}

#grimlock-survey-modal h2.fs-title {
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: left
}
#grimlock-survey-modal .purple-text {
    color: var(--main-color-text);
    font-weight: normal
}
#grimlock-survey-modal #msformSurvey .steps {
    font-size: 16px !important;
    color: gray;
    margin-top: 24px;
    font-weight: normal;
    text-align: right
}
#grimlock-survey-modal #msformSurvey .fieldlabels {
    color: gray;
    text-align: left
}
#grimlock-survey-modal .fit-image {
    width: 100%;
    object-fit: cover
}
#grimlock-survey-modal ul.ulTematiche {
    column-count: 2;
    column-gap: 2rem;
    list-style: none;
}
#grimlock-survey-modal .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#grimlock-survey-modal .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
#grimlock-survey-modal .checkmark {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius:3px;
}
#grimlock-survey-modal .container input:checked ~ .checkmark {
    background-color: var(--accent-color) !important;
}
#grimlock-survey-modal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
#grimlock-survey-modal .container input:checked ~ .checkmark:after {
    display: block;
}
#grimlock-survey-modal .container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#grimlock-survey-modal #msformSurvey #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}
#grimlock-survey-modal #msformSurvey ul#progressbar  {
    padding:0;
}
#grimlock-survey-modal #msformSurvey #progressbar .active {
    color: var(--accent-color);
}
#grimlock-survey-modal #msformSurvey #progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 19%;
    float: left;
    position: relative;
    font-weight: 400;
    color: #767676;
}
#grimlock-survey-modal #progressbar #question:before {
    font-family: FontAwesome;
    content: "\f128"
}
#grimlock-survey-modal #progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}
#grimlock-survey-modal #progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}
#grimlock-survey-modal #progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030"
}
#grimlock-survey-modal #progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}
#grimlock-survey-modal #progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 28px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}
#grimlock-survey-modal #msformSurvey #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}
#grimlock-survey-modal #msformSurvey #progressbar li.active:before,
#grimlock-survey-modal #msformSurvey #progressbar li.active:after {
    background: var(--main-color);
}
#grimlock-survey-modal #msformSurvey .progress {
    height: 20px;
    margin-bottom:20px;
}
#grimlock-survey-modal #msformSurvey .progress-bar {
    position:relative;
    height: 20px;
    max-width:90%;
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
#grimlock-survey-modal .star-rating {
    direction: rtl;
    display: inline-block;
    padding: 0px;
    cursor: default;
}
#grimlock-survey-modal .star-rating input[type="radio"] {
    display: none;
}
#grimlock-survey-modal .star-rating label {
    color: #bbb;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#grimlock-survey-modal .star-rating label:hover,
#grimlock-survey-modal .star-rating label:hover ~ label,
#grimlock-survey-modal .star-rating input[type="radio"]:checked ~ label {
    color: #f2b600;
}
#grimlock-survey-modal label[for="star-null"] {
    display: inline-block;
    margin: 2px 10px;
    color: #999 !important;
    font-size: 13px;
    text-align: right;
    float: right;
}
#grimlock-survey-modal .star-null {
    display: inline-block;
    margin: 2px 10px;
    color: #999 !important;
    font-size: 13px !important;
    text-align: right;
    float: right;
}
#grimlock-survey-modal div.star-rating.disabled label:hover,
#grimlock-survey-modal div.star-rating.disabled label:hover ~ label,
#grimlock-survey-modal div.star-rating.disabled input[type="radio"]:checked ~ label {
    pointer-events: none !important;
}
#grimlock-survey-modal div.star-rating.disabled input[type="radio"] ~ label {
    pointer-events: none !important;
}

/***** CSS Magic to Highlight Stars on Hover *****/

#grimlock-survey-modal .rating > input:checked ~ label,
#grimlock-survey-modal .rating:not(:checked) > label:hover,
#grimlock-survey-modal .rating:not(:checked) > label:hover ~ label {
    color: #ffd700;
}
#grimlock-survey-modal .rating > input:checked + label:hover,
#grimlock-survey-modal .rating > input:checked ~ label:hover,
#grimlock-survey-modal .rating > label:hover ~ input:checked ~ label,
#grimlock-survey-modal .rating > input:checked ~ label:hover ~ label {
    color: #ffed85;
}
@media (max-width: 425px) {
    ul.ulTematiche {
        column-count: 1;
        column-gap: 0;
        list-style: none;
    }
}

a:focus {
    outline: 2px solid var(--main-color);
}

.modal-content .login-form a:focus, .modal-content .login-form input:focus {
    outline: 2px solid var(--accent-color) !important;
}

.modal-content .login-form input[type=username], .modal-content .login-form input[type=password] {
    color: #555;
}

.modal-content .login-form input[type=username]::placeholder, .modal-content .login-form input[type=password]::placeholder {
    color: #777 !important;
}

.modal-content .login-form a {
    color: var(--accent-color);
    text-decoration: underline;
}

.loginSx h2 {
    font-size: 1.3em !important;
    margin: 0.67em 0 !important;
    color: var(--main-color-text) !important;
    font-weight: 300 !important;
}

#lms-login .large-label {
    margin: 10px 0 !important;
    font-weight: 400;
    font-size: 1em;
}

#lms-login {
    padding: 1% 10% 5% !important;
}

#grimlock-survey-modal #msformSurvey .action-button, .btn.orange_bg:not(:hover) {
    text-shadow: 0px 0px 3px black !important;
}

.user-data h2, .user-data h3 {
    color: #555 !important;
}

.alertProfile p, .alertProfile .btn_simple {
    color: var(--main-color-text) !important;
}

.live-in{
    color: var(--main-color-text);
    background: var(--main-color);
    max-width: fit-content;
    padding: 2px 20px;
    margin: 0 auto 10px;
    border-radius: 20px;
    font-weight: 500;
}


/* ------------------------------------
 *   UPDATE 06/02/2025 - PROGRESS BAR
 * ------------------------------------
*/

/* --- opzionale, fix rottura ui su hover --- */
/* div#video.type-file {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
}

.learning-item {
    padding: 0px;
    height: 100%;
    margin: 0;
    float: left;
    padding-bottom: 10px;
    float: none !important;
}


div.learning-item a.video {
    background: #fff;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: none;
    height: 100%;
    float: none;
    transition: border 0.1s linear, box-shadow 0.1s linear;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: -10px;
}

div.learning-item a.video:hover {
    padding: 10px;
    border: 1px solid #e0dfdc;
    box-shadow: 0px 0px 5px #ccc;
}

div.learning-item div.video-thumbnail {
    line-height: initial;
    min-height: 100%;
    background: #000;
    border: 1px solid #e0dfdc;
    overflow: hidden;
}

div.learning-item .top p {
    font-weight: normal;
}

div.learning-item a.video .video-thumbnail::before {
    z-index: 1;
}

div.learning-item a.video .video-thumbnail img {
    transition: scale 0.1s linear;
}
div.learning-item a.video:hover .video-thumbnail img {
    scale: 1.05;
} */

/* --- fine parte opzionale --- */

.learning .video {
    display: flex;
    flex-direction: column;
}

.progress-bar-wrapper {
    width: 100%;
}

.progress-bar {
    width: 100%;
    background-color: #ccd5da;
    border-radius: 50px;
    overflow: hidden;
}

.progress-bar-label {
    font-weight: bold;
    color: #585858;
    font-size: 14px;
}

.progress-bar-fill {
    display: block;
    height: 10px;
    background: linear-gradient(90deg, #416ed0, #5eb76b);
    border-radius: 50px;

    transition: width .1s ease-in-out;
}

/* Slider ON-OFF CSS: */

.switchBP {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 20px;
}

.switchBP input {
    display: none;
}

.slider_onoff {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -8px;
    right: 0;
    bottom: 0;
    background-color: #666;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider_onoff:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slider_onoff {
    background-color: #fb7000;
}

input:focus + .slider_onoff {
    box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider_onoff:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}