* {
    -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: 0.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;
}

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, 0.05) 40%, rgba(0, 0, 0, 0.2));
}

.btn.act {
    background-color: #fb7d00;
}

.btn.cancel {
    background-color: #999;
}

.btn.act.outline {
    border: 1px solid #fb7d00;
    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, li.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, 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, 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: #fb7d00;
    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: 210px;
    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 {
    width: 90px;
    height: auto;
    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 0.3s;
    vertical-align: top;
    background: #f4f4f4;
    font-size: 18px;
}

header .tools .search button:hover {
    opacity: 0.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: #fb7d00;
    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: 3px solid #444;
    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 0.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: 160px;
    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, 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: 80px;
    padding-top: 86px;
    padding-bottom: 90px;
}

.learning-top-banner {
    margin-top: -80px;
    padding: 120px 0 50px;
    background-image: url(/img/top-learning.jpg);
    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;
}

.learning-top-banner.ym {
    background-image: url(../img/top-ym.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #89c0c7;
}

.learning-top-banner.boom {
    background-image: url(../img/top-boom.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #00001a;
}

.expert-top-banner {
    margin-top: -80px;
    padding: 120px 0 50px;
    background-image: url(../img/introarea-EF.jpg);
    background-position: center;
    background-size: cover;
    display: block;
    color: #fff;
}

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 {
    background-image: url(../img/top-library.jpg);
    background-position: right 64px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fbc201;
}

.learning-top-banner.lms-courses {
    background-image: url(../img/top-lms.jpg);
    background-position: right 64px;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fec900;
}

.learning-top-banner.lms h1,
.learning-top-banner.lms-courses h1 {
    color: #000;
}

.learning-top-banner.lms p,
.learning-top-banner.lms-courses p {
    color: #000;
    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: #fac100;
}

.learning-top-banner.livelearning.int {
    margin-top: -40px;
}

.learning-top-banner.lms.int,
.learning-top-banner.lms-courses.int {
    margin-top: -40px;
}

.learning-top-banner.livelearning h1 {
    color: #000;
}

.learning-top-banner.livelearning p {
    color: #000;
    width: 70%;
}

.learning-top-banner h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
}

.learning-top-banner p {
    /*text-shadow: 1px 2px 2px #333;*/
}

.learning-top-banner.int {
    padding: 70px 0 0px;
    margin-top: -80px;
}

.learning h1 {
    font-size: 24px;
    font-weight: 300;
}

.learning h2 {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0;
}

h2.newPartnerTitle {
    word-break: break-word;
    color: #000;
}

.learning h3 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    float: left;
    margin-top: 10px;
    min-height: 67px;
    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: 14px;
    line-height: 19px;
    float: left;
    position: relative;
    margin: 10px 0;
    color: #444;
    width: 100%;
    word-break: break-word;
    min-height: 38px;
}

.learning-top-banner a {
    color: #fb7d00;
}

.learning .video {
    margin-bottom: 10px;
    float: left;
}

.learning-item {
    padding-right: 14px;
}

.learning-item.newsPartner {
    height: 300px;
    margin-bottom: 30px;
}

div.newPartnerContent {
    height: 173px;
}

@media only screen and (max-width: 1024px) {
    div.newPartnerContent {
        height: 195px;
    }
}

@media only screen and (max-width: 480px) {
    div.newPartnerContent {
        height: inherit;
        text-align: left;
    }
}

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[class$="-item"] {
    background: #fafafa;
    padding: 10px;
    border: 1px solid #e0dfdc;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
    min-height: 315px;
}

div.learning-item a.video.sk-item div.date {
    color: #0101d3;
}

div.learning-item a.video.ym-item div.date {
    color: #89c0c7;
}

div.learning-item a.video.boom-item div.date {
    color: #f28a05;
}

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.ym-item:hover {
    background: #fff;
    border: 1px solid #89c0c7;
}

div.learning-item a.video.boom-item:hover {
    background: #fff;
    border: 1px solid #f28a05;
}

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[class$="-item"] {
    background: #fafafa;
    padding: 10px 0 10px 10px;
    border: 1px solid #e0dfdc;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
    /* width: 100%; */
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    min-height: 305px;
}

.slick-slide a.sk-item:hover {
    background: #fff;
    padding: 10px 0px 10px 10px;
    border: 1px solid #0101d3;
    border-radius: 10px;
    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.boom-item div.date {
    color: #f28a05;
    font-size: 13px;
}

.slick-slide a.boom-item:hover {
    border: 1px solid #f28a05;
}

.slick-slide a.ym-item:hover {
    border: 1px solid #89c0c7;
}

.slick-slide a.ym-item div.date {
    color: #79b1bd;
    font-size: 13px;
}

.slick-slide a:hover {
    background: #fff;
    padding: 10px 0px 10px 10px;
    border: 1px solid #e0dfdc;
    border-radius: 10px;
    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,
.learning .ls-item.youmans,
.learning .ls-item.boom {
    width: 100% !important;
}

.bhrt-projects .bhrt-project-content {
    padding: 10px;
    margin: 0 5px 30px 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%;
}

.bhrt-projects div.pure-u-1-3.bhrt-project-content {
    min-height: 550px;
    width: 32%;
}

.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: #fec92f;
    padding: 1px 5px;
    color: #000;
    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: #fec92f !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: 16px;
    font-weight: 500;
    color: #000;
    margin: 5px 0 5px 0;
    border-bottom: none;
}

.learning .ls-item.skilla h2,
.learning .ls-item.youmans h2 {
    min-height: 16px;
}

.learning .ls-item.youmans h3 {
    font-size: 14px;
    margin: 5px 0 15px 0;
    font-weight: 500;
    min-height: auto;
    width: 100%;
}

.learning .ls-item.skilla p,
.learning .ls-item.youmans p {
    font-size: 13px;
    margin: 5px 0 15px 0;
}

div.bhrt-project-content .bhrt-prj-figure figure {
    display: block;
    margin: -23px;
    text-align: center;
    margin-bottom: 5px;
}

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-thumbnail {
    height: 156px;
    background: #00375f;
}

div.bhrt-project-content .bhrt-prj-thumbnail img {
    width: 256px;
    height: 156px;
    object-fit: scale-down;
}

div.bhrt-project-content .bhrt-prj-figure figure img {
    width: 110px !important;
    height: 110px !important;
    border-radius: 10px;
    border: 3px solid #ccc;
    padding: 5px;
    object-fit: scale-down;
    background: #fff;
}

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: 90px !important;
    max-height: 90px !important;
    /*border-radius: 50px;*/
    padding: 5px;
    background: #fff;
    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: relative;
    /* right: 0; */
    display: block;
    text-align: center;
}

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: 0px;
    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: 0.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;
}

div.calendar-item a:hover {
    background: #fff;
    padding: 10px;
    border: 1px solid #e0dfdc;
    border-radius: 10px;
}

.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%;
}

.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.lms-coursesLast4,
div.ghLast4,
div.hbrLast4,
div.ymLast4,
div.skLast4,
div.boomLast4 {
    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.ymLast4 h3,
div.lmsLast4 h3,
div.lms-coursesLast4 h3,
div.boomLast4 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.lms-coursesLast4 div.date,
div.ghLast4 div.date,
div.hbrLast4 div.date,
div.skLast4 div.date,
div.ymLast4 div.date,
div.boomLast4 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.ymAlert {
    background-image: url(../img/top-ym.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #89c0c7;
    color: #fff;
}

div.tooltipFlix a {
    word-wrap: break-word;
    white-space: normal;
    text-align: center;
    color: #fff;
    background: #444;
    padding: 6px 8px;
    border-radius: 50px;
    font-size: 18px;
}

div.tooltipFlix a:hover {
    background: #fb7d00;
}

div.tooltipFlix a.participant {
    border: 1px solid #444;
    background: #fff;
    color: #666;
}

div.tooltipFlix a.participant.joined {
    border: 3px solid #fb7d00;
    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: #fb7d00;
}

#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 0.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 0.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, 0.05) 40%, rgba(0, 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, 0.1) 40%, rgba(0, 0, 0, 0.05));
    box-shadow: 1px 1px 3px rgba(0, 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.top {
    padding: 110px 0;
    background: url("../img/bckgnd-top-NEW.jpg") top center no-repeat;
    position: relative;
    z-index: 90;
    margin-top: -39px;
    background-size: cover;
}

section.top.Learning {
    padding: 100px 0 20px 0;
    background: url("../img/top-learning_guest.jpg") right 0 no-repeat #ffc905;
    position: relative;
    z-index: 90;
    margin-top: 25px;
}

section.top.Learning.guest {
    padding: 100px 0 20px 0;
    background: url("../img/top-learning_guest.jpg") right 0 no-repeat #ffc905;
    position: relative;
    z-index: 90;
    margin-top: 25px;
}

section.top.Learning.member {
    padding: 55px 0 20px 0;
    background: url(../img/top-learning_member.jpg) right 0 no-repeat #ffc905;
    position: relative;
    z-index: 90;
    margin-top: -15px;
    background-size: cover;
}

section.top.Learning.not_member_intrial {
    padding: 55px 0 20px 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: 55px 0 20px 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: 55px 0 20px 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: 55px 0 20px 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: 55px 0 20px 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;
    line-height: 28px;
    text-shadow: 1px 2px 2px #333;
}

section.top .patch h1 {
    color: #fff;
    font-size: 44px;
    line-height: 42px;
}

section.top.Learning .patch {
    position: relative;
    padding: 0px 0px 40px 0px;
    width: 55%;
}

section.top.Learning .patch h1 {
    color: #ffc905;
    font-size: 32px;
    font-weight: 500;
    margin: 0;
}

section.top.Learning .patch h2 {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
}

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: #111;
    position: relative;
    z-index: 90;
    margin-top: 0px;
}

section.undertop a {
    color: #fff;
    text-align: center;
}

section.undertop a:hover {
    color: #f93;
}

section.undertop h2 {
    font-size: 22px;
    font-weight: 400;
}

section.introArea {
    padding: 40px 0;
    scroll-behavior: smooth;
}

section.introArea a {
    color: #000;
    text-align: center;
    margin: 0 10px;
    /*white-space:break-spaces;*/
}

section.introArea a:hover {
    color: #c39821;
}

section.introArea h2 {
    line-height: 32px;
    font-size: 30px;
    margin: 0;
    border-bottom: 7px solid rgba(0, 0, 0, 0.1) !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: 28px;
    font-size: 20px;
    padding-right: 30px;
}

section.introArea a.bhrt-prj-pdf-classifica {
    font-size: 1.3em;
    line-height: 2.5em;
}

div.videoLearning {
    padding-right: 40px;
}

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 0.3s;
    vertical-align: middle;
}

section.top .search button:hover {
    opacity: 0.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: 36px;
}

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 {
    margin-bottom: 4px;
    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: #2196f3;
    text-decoration: underline;
    font-size: 11px;
}

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: 0.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: 10px 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;}*/

.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: #eee;
}

.form nav.tabber li a.current {
    color: #fff;
    background: #fb7d00;
}

.form .content {
    padding: 20px;
    background: #fff;
    margin-bottom: 6px !important;
    border: 1px solid #e0dfdc;
    border-radius: 10px;
    color: #333;
}

.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 #fb7d00;
    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: 0.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: 0.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;
}

#list-job-position-view li:first-child {
    padding-right: 0;
}

#employment-status-view {
    border: 1px solid #e0dfdc;
    border-radius: 5px;
    padding: 0 20px 20px 0;
}

#employment-status-edit {
    border: 1px solid #e0dfdc;
    border-radius: 5px;
    padding: 20px 20px 20px 0;
}

#employment-status-edit ul li {
    padding-right: 0;
    width: 47%;
    margin-left: 10px;
    display: inline-flex;
    flex-direction: column;
}

#employment-status-edit ul li label {
    width: 100%;
}

#employment-status-edit ul li.officeAddress {
    width: 96%;
}

#grimlock-editCompany-form-modal #hrposition_chosen {
    padding-top: 10px;
}

#grimlock-editCompany-form-modal #hrposition_chosen .chosen-single {
    border-color: #eee;
}

#grimlock-editCompany-form-modal #hrposition_chosen span {
    color: #444;
}

#grimlock-editCompany-form-modal #employment-status-edit {
    padding: 20px;
}

#employment-status {
    position: relative;
}

.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: #fb7d00;
}

.list-company-view a.editCompany {
    font-size: 1.3em;
    color: #fb7d00;
}

.list-company-view a.editCompany:hover {
    font-size: 1.2em;
    color: #000;
}

.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: 0.5em 0 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: #fb7d00;
    cursor: pointer;
}

.form .content .privacy.editable:hover {
    background-color: #fb7d00;
    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, 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: #fb7d00;
    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: 0.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;
    clear: both;
}

.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%;
}

.box_modifica_dati_intro div.chosen-container {
    width: 100% !important;
}

.box_modifica_dati_intro .chosen-container-single .chosen-single {
    border-radius: 50px !important;
}

.chosen-container {
    font-size: 12px;
}

.chosen-container .chosen-results li {
    width: 100% !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #fb7d00;
    background-image: linear-gradient(#fb7d00 20%, #fb7d00 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: #fb7d00;
}

/* 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;
    background: #fff;
}

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: 0.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;
    padding: 5px 20px 5px 10px;
    border-radius: 10px;
    border: 2px solid #ccc;
}

.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: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.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";
}

div.current-filters.mobileFilter a.more {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    right: 12px;
    text-align: center;
}

div.current-filters.mobileFilter a.more i {
    display: none;
}

div.current-filters.mobileFilter a.more:before {
    content: "+";
    font-weight: 600;
    font-size: 23px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    text-align: center;
}

div.current-filters.mobileFilter a.more:before {
    margin-left: -13px;
    margin-top: -13px;
}

div.current-filters.mobileFilter a.more.active {
    background-color: #999;
}

div.current-filters.mobileFilter a.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: #fb7d00;
}

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: 0.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: 0.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: 0.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;
}

/* QA MULTISTEP*/
#multi-step-form-container {
    margin-top: 2rem;
}

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

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.pl-0 {
    padding-left: 0;
}

.btn-navigate-form-step {
    border: 1px solid #fb7d00;
    background-color: #fb7d00;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 20px;
    text-transform: none;
    border-radius: 50px;
    font-weight: 500;
    display: inline-block;
}

.btn-navigate-form-step.next {
    float: right;
}

.btn-navigate-form-step.prev {
    float: left;
}

.submit-btn {
    border: 1px solid #0e9594;
    background-color: #0e9594;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 20px;
    text-transform: none;
    border-radius: 50px;
    font-weight: 500;
    display: inline-block;
    float: right;
}

.mt-3 {
    margin-top: 2rem;
}

.d-none {
    display: none;
}

/*.form-step {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 3rem;
}*/
.form-step {
    border: 0px solid #fb7d00;
    border-radius: 15px;
    padding: 2rem 2rem 3rem 2rem;
    background: #F9F9F7;
    box-shadow: 2px 3px 7px #333;
    width: 90%;
    margin: 0 auto;
}

.form-step h2 {
    font-size: 1.1rem !important;
    background: #333;
    color: #fff !important;
    padding: 6px;
    text-align: center;
}

.arrowQAstep {
    position: relative;
    border-bottom: 2px solid #fff;
    width: 100% !important;
}

.arrowQAstep:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20px #fff;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}

section#step-2 ul.expertSelection, section#step-4 ul.expertSelection {
    display: block;
    list-style: none;
    padding: 0;
    width: 50%;
    text-align: center;
    margin: 30px auto;
}

section#step-2 ul.expertSelection li, section#step-4 ul.expertSelection li {
    display: block;
    list-style: none;
    padding: 10px 30px;
    border: 2px solid #fb7d00;
    border-radius: 50px;
    width: 100%;
    background: #fff;
}

section#step-2 ul.expertSelection li:hover, section#step-4 ul.expertSelection li:hover {
    background: #f4f4f4;
}

section#step-2 ul.expertSelection li a, section#step-4 ul.expertSelection li a {
    color: #444;
    text-transform: normal;
    font-size: 15px;
    line-height: 1em;
    cursor: pointer;
}

section#step-2 ul.expertSelection li a i {
    color: #fb7d00;
    font-size: 24px;
}

.form-step h2 {
    font-size: 1.1rem !important;
}

.form-step h2 i {
    color: #fb7d00 !important;
    font-size: 1.5rem !important;
}

.font-normal {
    font-weight: normal;
}

ul.form-stepper {
    counter-reset: section;
    margin-bottom: 1rem !important;
}

ul.form-stepper .form-stepper-circle {
    position: relative;
}

ul.form-stepper .form-stepper-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 22px !important;
}

.form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.form-stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}

.form-stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important;
}

.form-stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.form-stepper-horizontal li:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    content: "";
    top: 32%;
}

.form-stepper-horizontal li:after {
    background-color: #dee2e6;
}

.form-stepper-horizontal li.form-stepper-completed:after {
    background-color: #999;
}

.form-stepper-horizontal li:last-child {
    flex: unset;
}

ul.form-stepper li a .form-stepper-circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.38);
    border-radius: 50%;
}

.form-stepper .form-stepper-active .form-stepper-circle {
    background-color: #fb7d00 !important;
    color: #fff;
}

.form-stepper .form-stepper-active .label {
    color: #fb7d00 !important;
    max-width: 160px;
    font-size: 0.8rem;
}

.form-stepper .form-stepper-active .form-stepper-circle:hover {
    background-color: #000 !important;
    color: #fff !important;
}

.form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #eaeaea;
}

.form-stepper .form-stepper-completed .form-stepper-circle {
    background-color: #000 !important;
    color: #fff;
}

.form-stepper .form-stepper-completed .label {
    color: #000 !important;
}

.form-stepper .form-stepper-completed .form-stepper-circle:hover {
    background-color: #fb7d00 !important;
    color: #fff !important;
}

.form-stepper .form-stepper-active span.text-muted {
    color: #fff !important;
}

.form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important;
}

.form-stepper .label {
    font-size: 0.8rem;
    margin-top: 0.5rem;
    max-width: 160px;
}

.form-stepper a {
    cursor: default;
}

div#expertList {
    display: none;
}

/* 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, 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: 0.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 #fb7d00;
}

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 #fb7d00;
}

section.access.sec_recupero_password input {
    width: 99% !important;
    border-radius: 50px;
    margin-bottom: 10px;
    padding: 0.7em 0.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: 540px;
    margin: 16px auto 32px;
    background: #fff;
    padding: 36px 24px;
    border-radius: 8px;
}

section.error h1 {
    font-size: 24px;
    font-weight: 400;
    color: #456;
    margin-top: 0;
    margin-bottom: 16px;
    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 .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 0.3s;
    font-size: 0;
    vertical-align: top;
}

article .search button:hover {
    opacity: 0.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 0.3s;
    font-size: 0;
    vertical-align: top;
}

article .search-contacts button:hover {
    opacity: 0.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: 0.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-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 {
    text-decoration: underline;
    color: #fb7000 !important;
    font-weight: 500;
}

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;
    background: #f2f2f2;
    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: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
}

article .network-filters a.tag {
    color: #666;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
    transition: 0.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: #fb7d00;
}

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 a {
    display: inline-block;
    list-style: none;
    padding: 2px 70px;
    background: #fb7d00;
    border-radius: 50px;
}

article .activity-stream div.command ul li a:hover {
    background: #444;
}

article .activity-stream div.command ul li a {
    color: #fff;
    text-transform: normal;
    font-size: 15px;
    line-height: 3em;
}

article .activity-stream div.command ul li .send-post i {
    color: #fff;
    font-size: 22px;
}

article .activity-stream div.command ul li a.send-qa i {
    color: #fff;
    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: 0.8em;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 50px;
    -webkit-transition: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.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: 0.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: 0.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 0.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 0.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 0.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, 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 0.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 0.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 0.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 0.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 0.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 0.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 0.2s;
    float: left;
    width: 100%;
}

article .results .item .tools.partner-list {
    display: flex !important;
    width: auto !important;
    margin: 10px 5px 10px 0 !important;
}

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 0.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: #fb7d00;
}

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: 0.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: 0.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 0.3s;
    padding-top: 0;
    text-align: inherit;
}

article .results .item .content .commands-contact {
    transition: top 0.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, 0.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: 0.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: 0.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;
}

.item.cf.partner-result.partnerPage {
    margin-bottom: 10px !important;
    padding: 15px !important;
}

.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, 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, 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, 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 !important;
    margin-right: 0;
    width: 75%;
}

article .results.qas .item h3 {
    display: inline;
    color: #666;
    font-size: 13px !important;
    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 0.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 0.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: 0.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 #fb7d00;
    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: 0.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: 0.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: #fb7d00;
    list-style: none;
}

.daily-event .icon-blocco-partecipanti {
    float: left;
    background: #fff;
    margin-top: -20px;
    margin-bottom: 0px;
    margin-left: 5px;
    width: 65px;
    padding: 15px;
    margin-right: 10px;
    color: #fb7d00;
}

.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: #fb7d00;
}

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: 715px;
}

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: -25px 0.5em 0.5em 0.5em;
    padding: 30px 10px 0px 10px;
    background: #edf2fa;
    text-align: center;
}

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 20px 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: #fb7d00;
}

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: #fb7d00;
    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: 0.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: 0.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 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: 0.3em 0.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: 0.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, 0.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, 0.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: #222;
    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 0.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 0.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 p {
    display: block;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s;
    position: relative;
}

footer .tools1 a {
    display: block;
    color: #fff;
    text-align: left;
    margin-bottom: 8px;
    font-size: 13px;
    transition: all 0.3s;
    position: relative;
}

footer .tools1 a:hover {
    color: #ccc;
}

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 0.3s;
}

footer .social a i {
    color: #456;
    font-size: 22px;
    transition: all 0.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: 0.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;
}

/* 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 0.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 0.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 0.3s;
}

.left-compact-footer .social a i {
    color: #456;
    font-size: 16px;
    transition: all 0.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: 0.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, 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: 0.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, 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 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: 80px;
        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 0.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, 0.7);
        top: 0;
        bottom: 0;
    }

    header nav a.add-task {
        position: relative;
        right: auto;
        top: auto;
    }

    .submenu {
        border-bottom: 6px solid #fb7d00;
    }

    .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 0.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, 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, 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 0.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;
    }

    footer {
        padding-bottom: 32px;
    }

    footer .tools {
        float: none;
        margin: auto;
        width: 50%;
    }

    footer address {
        float: none;
        text-align: center;
        width: auto;
        padding-top: 48px;
    }
}

section.searchPartner {
    background: rgba(255, 255, 255, 0.7);
    padding: 20px 50px;
    margin-bottom: 60px;
}

.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: #fb7d00;
}

.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: #fb7d00 !important;
    color: #fff !important;
}

a.orange_bg:hover {
    background: #333 !important;
}

.ls_bg {
    background: #000 !important;
    color: #fec92f !important;
}

a.ls_bg:hover {
    background: #fec92f !important;
    color: #000 !important;
}

.orange_bg_outline {
    border: 1px solid #fb7d00 !important;
    color: #fb7d00 !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.youmans {
    border: 1px solid #a6cdd6 !important;
    color: #000 !important;
    background: #a6cdd6 !important;
}

.orange_bg_outline:hover {
    border: 1px solid #fb7d00 !important;
    color: #fff !important;
    background: #fb7d00 !important;
}

.orange_bg_outline.youmans:hover {
    border: 2px solid #a6cdd6 !important;
    color: #000 !important;
    background: #fff !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 {
    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: #fb7d00;
    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-big {
    font-size: 18px;
    padding: 15px 35px;
    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;
}

div.commands-contact a.btn-text-large {
    font-size: 15px;
    padding: 7px 20px;
    text-transform: none;
    border-radius: 50px;
    font-weight: 500;
}

.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: #fb7d00;
}

.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 #fb7d00;
}

.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: #fb7d00;
}

.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: #fb7d00;
    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: #fb7d00;
}

.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: #fb7d00;
}

.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: #fb7d00;
    color: #fafafa;
}

.type-chooser label.active i {
    color: #fb7d00;
    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: #fb7d00 !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 #fb7d00;
    width: 80px;
}

.icon-blocco-partecipanti {
    background: #fff !important;
    color: #fb7d00;
    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;
}

.partner-socialLink {
    float: left;
    margin: 10px 0;
    width: 40%;
    padding-bottom: 10px;
}

.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: #fb7d00;
}

.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: #fb7d00;
    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: #fb7d00;
    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;
}

img.partner-image {
    max-width: 300px !important;
    max-height: 300px !important;
    border: 3px solid #eee !important;
    padding: 10px;
    width: 75% !important;
    height: auto !important;
    border-radius: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    min-height: 125px;
    object-fit: cover;
}

.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.searchMore {
    width: 100%;
    height: 153px;
    text-align: center;
    vertical-align: middle;
    background: #000;
    position: relative;
}

div.searchMore.doc {
    background: #fff;
}

div.searchMore.news {
    background: transparent;
}

div.searchMore a.btn.orange_bg.btn-text-large.uppercase:hover {
    font-size: 15px;
    padding: 7px 20px;
    text-transform: none;
    border-radius: 50px;
    font-weight: 500;
}

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,
div.lms-coursesLast4 div.learning-item div.video-thumbnail {
    min-height: 206px;
    background: #000;
    line-height: 206px;
}

section.card div.video-thumbnail {
    min-height: 206px;
    background: #000;
    line-height: 206px;
    width: 95%;
    margin-bottom: 1em;
}

section.card div.video-thumbnail img {
    width: 100% !important;
    vertical-align: middle;
    display: inline-block;
}

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: 0.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: 0.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: #fb7d00 !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;
    color: #fff !important;
    font-weight: 500;
    padding: 10px !important;
    font-size: 16px;
}

.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.partner {
    list-style: none;
    margin: 0;
    padding: 0;
}

.timeline.partner > li > .timeline-item {
    padding: 5px 5px 10px 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.timeline.partner .timeline-item .timeline-header {
    background: transparent !important;
    padding: 0px !important;
}

.timeline.partner .timeline-item .timeline-header a {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

.timeline.partner .timeline-item .timeline-header a:hover {
    color: #fb7d00;
    text-decoration: none;
}

.timeline.partner .timeline-item .timeline-body {
    padding: 0px !important;
}

.timeline.partner .timeline-item .timeline-footer {
    padding: 0px !important;
    border-bottom: none;
    width: 50%;
    display: inline-flex;
    line-height: 30px;
}

.timeline.partner .timeline-item .timeline-readmore {
    padding: 0px 0px 10px 0px !important;
    border-bottom: none;
    display: inline-flex;
    float: right;
}

.pagination-partner nav {
    float: right;
}

.pagination-partner nav .pagination {
    margin: 0;
}

.pagination-partner nav .pagination .page-item a,
.pagination-partner nav .pagination .page-item.disabled span {
    border-radius: 0;
    padding: 0;
    line-height: 24px;
    color: #333;
}

.pagination-partner nav .pagination .page-item.active span {
    border-radius: 0;
    padding: 0;
    line-height: 24px;
    background: #fb7d00;
    border-color: #fb7d00;
}

.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: 10px 0px;
    font-style: italic;
    font-size: 11px;
    color: #999;
    border-bottom: 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;
    }

    div.ls-item.youmans #canvas1,
    #canvas2,
    #canvas3 {
        width: 200px !important;
    }
}

.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: #fb7d00;
    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.item.cf.partner-result.golden,
article .tasks .task .task-wizard li.gold {
    border: 3px solid #dbb45a;
}

div.item.cf.partner-result.silver,
article .tasks .task .task-wizard li.silver {
    border: 3px solid #b2b2b2;
}

div.item.cf.partner-result.diamond,
article .tasks .task .task-wizard li.diamond {
    border: 3px solid #7aaac0;
}

div.item.cf.partner-result .seperator {
    width: 80%;
    border-top: 1px dotted #e0dfdc;
    text-align: center;
    margin: 10px 5px;
    padding: 0 10px;
}

div.item.cf.partner-result img.partner-logo {
    border-radius: 0;
    max-width: 180px !important;
    max-height: 228px !important;
    width: 80% !important;
    height: auto;
    text-align: center;
    margin: 0 auto !important;
    float: none !important;
}

div.item.cf.partner-result .tools .voted {
    font-size: 0.8rem;
    padding: 0.6rem;
    color: #a4a0a0;
}

div.item.cf.partner-result .tools .voted > i {
    color: #fb7d00;
    padding-right: 0.5rem;
}

div.item.cf.partner-result .tools #form-rating .tool {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

div.item.cf.partner-result .tools #form-rating .tool > [class*="area-"] {
    width: 50%;
    text-align: left;
    padding-left: 1em;
}

div.item.cf.partner-result .tools #form-rating .tool > .star-rating {
    width: 50%;
}

.boxNewsPartner {
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #e0dfdc;
    float: left;
    border-radius: 10px;
    overflow: visible;
}

.boxNewsPartner h2 {
    font-size: 15px !important;
    font-weight: 400;
    text-transform: normal;
    float: left;
    margin: 15px 0px 10px 20px;
}

.boxNewsPartner h3 {
    font-size: 18px;
    font-weight: 300;
    color: #bbb;
    text-transform: normal;
    padding: 0 !important;
}

.news-partner {
    padding: 10px 20px;
    border-bottom: 1px solid #e0dfdc;
    float: left;
    width: 100%;
    position: relative;
}

.post-partner {
    float: left;
    margin-bottom: 10px;
}

.post-partner h1 {
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: normal;
    margin: 0 !important;
}

.post-partner h3 {
    font-size: 12px !important;
    font-weight: normal;
    text-transform: none;
    color: #333 !important;
    margin: 5px 0 !important;
    display: block !important;
    position: relative !important;
    float: none !important;
}

.post-partner p {
    font-size: 12px !important;
    font-weight: normal;
    text-transform: none;
    color: #666 !important;
    margin: 5px 0 !important;
}

div.post-media-partner {
    border-top: 1px solid #ddd;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    padding: 12px 0;
}

div.post-media-partner div.media-element {
    width: 100%;
    position: relative;
}

div.post-media-partner div.media-element i.myhrgoal-document-icon {
    font-size: 3em;
    float: left;
    display: flex;
    width: 20%;
    color: #333 !important;
}

div.post-media-partner div.media-element div.partner-document-title {
    font-size: 13px !important;
}

div.post-media-partner div.media-element div.partner-document-data {
    font-size: 12px !important;
    color: #666 !important;
}

.post-partner.searchResults {
    padding: 5px;
    height: 300px;
}

@media only screen and (max-width: 1024px) {
    .post-partner.searchResults {
        height: 195px;
    }
}

@media only screen and (max-width: 480px) {
    .post-partner.searchResults {
        height: inherit;
        text-align: left;
    }
}

.post-partner.searchResults h1 {
    font-size: 18px !important;
    text-decoration: none;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
    padding-right: 10px;
    word-break: break-word;
}

.post-partner.searchResults h4 {
    font-size: 14px;
    line-height: 19pz;
    color: #444;
    padding-right: 10px;
    word-break: break-word;
}

.post-partner.searchResults span {
    font-size: 0.75em;
    clear: both;
}

div.search-logoPartner {
    display: flex;
    width: 95%;
    border-top: 1px solid #eaeaea;
    margin-top: 10px;
    padding-top: 10px;
    align-items: center;
    font-size: 0.8em;
    font-weight: 500;
    color: #000;
    line-height: 1em;
}

div.sticky-banner {
    position: relative;
    background-color: #fb7d00;
    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: 0.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: 0.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: 1050;
    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: 0.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 0.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 0.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 0.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: 0.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 0.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: #fff;
    background-clip: padding-box;
    border: 0 solid transparent;
    border-radius: 0.25rem;
    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: 0.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: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 0 solid #e8e8e9;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.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: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.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: #333;
    padding: 0 20px 20px 20px;
}

.modal-content .login-form h1 {
    color: #333;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}

.modal-content .login-form a {
    color: #fb7000;
}

.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;
    background-color: #f9f9f9;
}

.modal-content .login-form h3,
h4 {
    margin: 10px 0;
    font-weight: 400;
}

.modal-content .login-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #fff;
    font-size: 0.8em;
    box-shadow: none;
    border-radius: 4px;
    -webkit-transition: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.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;
    border: 1px solid #eee;
    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: #fb7d00 !important;
    color: white !important;
    cursor: pointer;
}

.modal-content .login-form label {
    font-size: 12px;
    color: #666;
}

.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: #fb7d00;
    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: #fb7d00;
}

.modal-content a.login {
    text-align: center;
    font-size: 16px;
    padding: 10px 30px;
    background-color: #fb7d00;
    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: #fb7d00;
    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 27px;
    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.ls {
    background-color: #000;
    color: #fece00;
}

.modal-content a.login-grey:hover {
    border: 1px solid #444;
    color: #444;
    background: #fff;
}

.modal-content a.login-grey.ls:hover {
    border: 1px solid #fece00;
    color: #000;
    background: #fece00;
}

.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 #fb7d00;
    color: #fb7d00;
}

.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: #2196f3;
    text-decoration: none;
}

.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;
}

.login-btn h4.ls {
    min-height: 116px;
    padding-top: 30px;
}

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: #fb7d00;
}

a.flixtube {
    background: #222;
    color: #fff;
    border-radius: 0;
    padding: 10px;
    margin-right: 20px;
}

a.flixtube:hover {
    background: #555 !important;
}

.btn.act3 {
    background-color: #fb7d00;
    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;
    font-size: 13px;
    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 0.33s ease forwards;
    float: left;
    position: -webkit-sticky;
    position: sticky;
    top: 6rem;
}

.right-rail {
    animation: fade-in 0.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 5px !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 {
    min-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: #fb7d00;
    border: #fb7d00;
    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: #fb7d00;
    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: #fb7d00;
    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: #fb7d00;
    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 {
    margin: 30px 0;
}

section.tag h2 {
    font-size: 1.2em;
    margin: 1em 0;
    font-weight: 500;
}

.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.3em;
    margin: 0.83em 0;
    font-weight: 500;
}

section.card h2 a {
    font-size: 1.05em;
    margin: 0.83em 0;
    font-weight: normal;
    color: #000;
}

section.card h2 a:hover {
    font-size: 1.05em;
    margin: 0.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: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #eaeaea;
    font-size: 0.8em;
    box-shadow: none;
    border-radius: 10px;
    -webkit-transition: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.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 #fb7d00;
    background: #fff;
    color: #fb7d00;
}

.event-content .login-form input:hover {
    border: 1px solid #fb7d00;
    background: #fb7d00;
    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: #fb7d00;
}

.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: #fb7d00;
}

.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 #fb7d00;
    color: #fb7d00;
}

.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: #000 !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;
}

.label.label-custom.area-skills {
    white-space: normal !important;
    text-align: left;
}

.myhrgoal-hr-partner-profile-actions {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

div.partner-logo.partnerPage {
    margin: 0 auto 20px auto !important;
    text-align: center !important;
}

.partner-logo.partnerPage img {
    height: calc(113px * 2)  !important;
    text-align: center !important;
}

.sectionPartner-title h2 {
    font-size: 18px !important;
    font-weight: 400;
    margin: 10px 0;
}

div.chat-backPartner {
    text-align: right;
}

/* 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: #fff;
    font-weight: 500;
}

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: 0.1;
}

.countdown-item-top::before {
    position: absolute;
    content: " ";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    top: 0;
    opacity: 0.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: 0.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: 0.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: #fb7d00;
    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: #fb7d00;
    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: 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);
}

/*------ 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");
    background-position: top center;
    background-repeat: no-repeat;
    padding: 40px 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;
}

/*------------ BHRT 25 ----------------*/

div#bhrt25 section.BHRT-top {
    background: url("../img/bhrt-header-25.jpg") center center no-repeat;
    position: relative;
    z-index: 90;
    margin-top: -39px;
    text-align: center;
    background-size: cover;
    /*border-bottom: 30px solid #c39821;*/
}

section.BHRT-top img {
    text-align: center;
    padding: 1% 0 3% 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;
}

div#bhrt25 section#abstract.introArea {
    /*background-image: url("../img/bckgnd-features.jpg") !important;
    background-position: center center !important;

    background-repeat: no-repeat !important;
    background-size: cover !important;*/
    background-color: #000306 !important;
    padding: 50px 0 80px 0;
    color: #fff;
    text-align: center;
}

div#bhrt25 section#categories.introArea,
div#bhrt25 section#vote.introArea {
    /*background-image: url("../img/bckgnd-categories.jpg") !important;*/
    background-color: #000000 !important;
    background-position: center center !important;
    background-size: cover;
    background-repeat: no-repeat !important;
    padding: 60px 0;
}

div.bhrt25Video {
    padding: 20px;
    text-align: center;
}

div.bhrt25Video img {
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
}

div#bhrt25 section#vote.introArea {
    text-align: center;
}

div#bhrt25 section#vote.introArea p {
    font-weight: 500;
}

div#bhrt25 section#projects.introArea {
    background-image: url("../img/slide-finalisti.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 100px 0;
}

div#bhrt25 section#diconoDiNoi.introArea {
    background-image: url("../img/bhrt/bckgnd-diconodinoi.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 0 100px 0;
}

div#bhrt25 section#howto.introArea {
    background-image: linear-gradient(to top, black 45%, rgba(0, 0, 0, 0) 50%),
    url("../img/bhrt/bckgnd-sfondo.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 60px 0 60px 0;
}

div#bhrt25 section#howto div.stepDate {
    background-color: #fff;
    padding: 20px 20px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

div#bhrt25 section#howto div.stepInfo {
    padding: 20px 20px;
    /*text-align: center;*/
    width: 90%;
    margin: 0 auto;
    color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    background-color: rgba(0, 0, 0, 0.5);
}


div#bhrt25 section#howto div.data-style{
    padding: 10px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #feca00;
    width: 90%;
    margin: 0 auto 30px auto;
}

div#bhrt25 section#howto div.pre-step {
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #feca00;
    width: 90%;
    margin: 0 auto 30px auto;
}

div#bhrt25 section#howto h3 {
    padding: 20px 20px;
    text-align: center;
    width: 90%;
    margin: 20px auto 0;
    color: #c39821;
    font-size: 1.7em;
}

div#bhrt24 section#howto h4 {
    text-align: center;
    margin: 8px auto 20px auto;
    color: #fff;
    font-size: 1.2em;
}

div#bhrt25 section#howto div.triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 90px 170px 0 170px;
    border-color: #c39821 transparent transparent transparent;
    transform: rotate(0deg);
    text-align: center;
    margin: 20px auto;
}

div#bhrt25 section#ceremony.introArea {
    background-image: url("../img/bhrt/sfondo-2.jpg") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 110% !important;
    background-color: #000000 !important;
    padding: 80px 0 90px 0;
    color: #fff;
    text-align: center;
    width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
}

div#bhrt25 section#ceremony.introArea h4 {

    background-color: #fff !important;
    padding: 20px;
    color: #000;
    text-align: center;
    font-size: 1.5em;
    width: fit-content;
    margin: 0 auto;
}

div#bhrt25 section#howto div.pesoVoto {
    padding: 20px 20px;
    text-align: center;
    width: 100%;
    margin: 30px auto;
    background-color: rgba(0, 0, 0, 0.8);
}

div#bhrt25 section#howto div.pesoVoto h3 {
    color: #c39821;
    font-weight: bold;
}

div#bhrt24 section#timeline.introArea {
    background-image: none !important;
    background-position: top center !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    padding: 20px 0 60px 0;
    text-align: center;
}

div#bhrt25 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;
}

div#bhrt25 section#categories.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;
}

div#bhrt25 section#video.introArea {
    background-image: url("../img/bhrt/bckgnd-video.jpg") !important;
    background-position: top center !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    padding: 60px 0 70px 0;
    text-align: center;
}

div#bhrt25 section#classifica.introArea {
    background-color: #000109 !important;
    text-align: center;
}

ol.bhrt-homeHit23 {
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 26px;
}

ol.bhrt-homeHit23 li.firstLi {
    color: #c39821;
    background: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-left: -40px;
    padding: 10px 10px 10px 24px;
    margin-bottom: 20px;
    list-style-position: inside;
}

div#bhrt23 section#classifica.introArea p {
    line-height: 30px;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    margin-bottom: 40px;
}

div#bhrt25 section#categories.introArea h2,
section#projects.introArea h2,
section#timeline.introArea h2,
section#companies.introArea h2,
section#classifica.introArea h2,
section#company.introArea h2 {
    line-height: 32px;
    font-weight: 400;
    font-size: 32px;
    padding-bottom: 40px;
    border: 0 !important;
    text-align: center !important;
}

div#bhrt25 section#vote.introArea h2 {
    color: #002758;
    border-bottom: 1px solid #002758 !important;
}

div#bhrt25 section#company.introArea div.pure-u-1-5 img {
    width: 95%;
    text-align: center;
    margin: 5px 0;
}

div#bhrt25 section.introArea h2 {
    line-height: 44px;
    font-weight: 500;
    font-size: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c39821 !important;
    padding-bottom: 20px;
    color: #c39821;
    text-align: center;
}

div#bhrt25 section.introArea h3 {
    font-weight: 500;
    font-size: 1.7em;
}

div#bhrt24 section.introArea h4 {
    font-weight: 500;
    font-size: 0.8em;
}

div#bhrt25 section.introArea p {
    line-height: 32px;
    font-weight: 400 !important;
    font-size: 23px;
}

#logoIdentityUpload #msformSurvey {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#logoIdentityUpload #msformSurvey fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

#logoIdentityUpload .form-card {
    text-align: center
}

#logoIdentityUpload #msformSurvey fieldset:not(:first-of-type) {
    display: none
}

#logoIdentityUpload #msformSurvey input,
#logoIdentityUpload #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;
}

#logoIdentityUpload #msformSurvey input:focus,
#logoIdentityUpload #msformSurvey textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}

#logoIdentityUpload #msformSurvey .action-button {
    width: 80px;
    background: #000 !important;
    color: white;
    border: 0 none;
    border-radius: 30px;
    cursor: pointer;
    padding: 5px 5px;
    margin: 30px 0px 10px 5px;
    float: right;
    font-size: 14px;
}

#logoIdentityUpload #msformSurvey .action-button:hover,
#logoIdentityUpload #msformSurvey .action-button:focus {
    background-color: #311B92
}

#logoIdentityUpload #msformSurvey .action-button-previous {
    width: 80px;
    background: #666;
    color: white;
    border: 0 none;
    border-radius: 30px;
    cursor: pointer;
    padding: 5px 5px;
    margin: 30px 5px 10px 0px;
    float: right;
    font-size: 14px;
}

#logoIdentityUpload #msformSurvey .action-button-previous:hover,
#logoIdentityUpload #msformSurvey .action-button-previous:focus {
    background-color: #000000
}

#logoIdentityUpload {
    background: #f7f7f7;
    padding: 5px 10px;
}

#logoIdentityUpload .card {
    z-index: 0;
    border: none;
    position: relative;
}

#logoIdentityUpload h2.fs-title {
    font-size: 15px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 500;
    text-align: center
}

#logoIdentityUpload #msformSurvey .steps {
    font-size: 16px !important;
    color: gray;
    margin-top: 24px;
    font-weight: normal;
    text-align: right
}

#logoIdentityUpload #msformSurvey .fieldlabels {
    color: gray;
    text-align: left
}

#logoIdentityUpload #msformSurvey #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#logoIdentityUpload #msformSurvey #progressbar .active {
    color: var(--accent-color);
}

#logoIdentityUpload #msformSurvey #progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 19%;
    float: left;
    position: relative;
    font-weight: 400
}

#logoIdentityUpload #progressbar #question:before {
    font-family: FontAwesome;
    content: "\f128"
}

#logoIdentityUpload #progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}

#logoIdentityUpload #progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#logoIdentityUpload #progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030"
}

#logoIdentityUpload #progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#logoIdentityUpload #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
}

#logoIdentityUpload #msformSurvey #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#logoIdentityUpload #msformSurvey #progressbar li.active:before,
#logoIdentityUpload #msformSurvey #progressbar li.active:after {
    background: var(--main-color);
}

#logoIdentityUpload #msformSurvey .progress {
    height: 20px;
    margin-bottom: 20px;
    width: 100%;
}

#logoIdentityUpload #msformSurvey .progress-bar {
    position: relative;
    height: 20px;
    max-width: 100%;
    -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;
    background-color: green;
    border-radius: 30px;
}

/*----END---------*/
.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 0.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: 100%;
    height: 250px;
    /* 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 0.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 0.5s;
}

.bhrt_c_1 {
    background-image: url(../img/bhrt-categories/bhrt_c_1.jpg);
    color: rgba(0, 9, 16, 0.8);
    background-size: cover;
}

.bhrt_c_2 {
    background-image: url(../img/bhrt-categories/bhrt_c_2.jpg);
    color: rgba(0, 9, 16, 0.8);
    background-size: cover;
}

.bhrt_c_3 {
    background-image: url(../img/bhrt/bhrt_c_3.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

.bhrt_c_4 {
    background-image: url(../img/bhrt/bhrt_c_4.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

.bhrt_c_5 {
    background-image: url(../img/bhrt/bhrt_c_5.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

.bhrt_c_6 {
    background-image: url(../img/bhrt-categories/bhrt_c_6.jpg);
    color: rgba(0, 9, 16, 0.8);
    background-size: cover;
}

.bhrt_c_7 {
    background-image: url(../img/bhrt-categories/bhrt_c_7.jpg);
    color: rgba(0, 9, 16, 0.8);
    background-size: cover;
}

.bhrt_c_8 {
    background-image: url(../img/bhrt-categories/bhrt_c_8.jpg);
    color: rgba(0, 9, 16, 0.8);
    background-size: cover;
}

.bhrt_c_9 {
    background-image: url(../img/bhrt/bhrt_c_9.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

.bhrt_c_10 {
    background-image: url(../img/bhrt-categories/bhrt_c_10.jpg);
    color: rgba(0, 9, 16, 0.8);
    background-size: cover;
}

.bhrt_c_11 {
    background-image: url(../img/bhrt/bhrt_c_11.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

.bhrt_c_12 {
    background-image: url(../img/bhrt-categories/bhrt_c_12.jpg);
    color: rgba(0, 9, 16, 0.8);
    background-size: cover;
}

.bhrt_c_13 {
    background-image: url(../img/bhrt/bhrt_c_13.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

.bhrt_c_14 {
    background-image: url(../img/bhrt/bhrt_c_14.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

.bhrt_c_15 {
    background-image: url(../img/bhrt/bhrt_c_15.png);
    color: rgba(0, 9, 16, 0.8);
    background-size: contain;
    background-repeat: no-repeat;
}

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,
.star-null .bhrt-small-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;
    -webkit-box-shadow: 0px 0px 50px 6px rgba(255, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 50px 6px rgba(255, 0, 0, 0.7);
    box-shadow: 0px 0px 50px 6px rgba(255, 0, 0, 0.7);
}

.star-null .bhrt-small-btn {
    font-size: 12px;
    padding: 4px 10px !important;
    border: 2px solid #c39821 !important;
}

.bhrt-projects .tool.favorite {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bhrt-huge-btn.disabled {
    background-color: #adb9cd !important;
    color: #eaeaea !important;
    border: 3px solid #E7D6A6 !important;
    cursor: default;
}

.bhrt-huge-btn:hover {
    background-color: #eb5e6d;
    color: #fff;
    border: 3px solid #008a89;
}

#activatePage .modal-body {
    background-color: #eee;
    margin: 0 3rem 2rem 3rem;
}

#activatePage #bhrt_cessione_terzi {
    text-align: center;
}

#activatePage #bhrt_cessione_terzi span {
    line-height: 2.5;
    font-size: 0.9rem;
    color: #666;
}

#activatePage .radio-informativa {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

#activatePage .radio-informativa .list-item label {
    display: flex;
    align-items: center;
}

#activatePage .radio-informativa .list-item label .bhrt_cessione_terzi {
    flex-basis: 0.5rem;
    width: 13px;
}

#activatePage .radio-informativa .list-item label .list-item-label {
    flex-grow: 1;
    margin-left: 0.8rem;
    font-size: 0.9rem;
}

#activatePage .buttons {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}

#confirmed_com_email {
    text-align: center;
    line-height: 2rem;
}

#confirmed_com_email i.mailReferente {
    border-radius: 50%;
    border: 2px solid green;
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    font-size: 2.8rem;
    color: green;
}

div#bhrt_cessione_terzi a {
    color: #C39821;
}

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-large-outline {
    background-color: transparent;
    color: #fff !important;
    border: 3px solid #fff !important;
    text-transform: normal;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 8px 30px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-rendering: optimizelegibility;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 50px;
    width: 90%;
    text-align: center;
}

.bhrt-big-green:hover {
    background-color: #335182;
}

.bhrt-big-red:hover {
    background-color: #e2b026;
}

.bhrt-large-outline:hover {
    background-color: #0c234a;
}

.bhrt-big-green i,
.bhrt-big-red i, .bhrt-large-outline 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: 15px;
    border: 1px solid #e0dfdc;
    display: block;
}

.bhrt-team .item {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 99;
    display: inline-block;
    margin: 3px;
    cursor: pointer;
}

.bhrt-team .item .card {
    width: 70px;
    height: 70px;
    overflow: hidden;
    padding: 0;
    background: transparent;
    border-radius: 5px;
    transition: 0.2s;
    z-index: 99;
    position: absolute;
}

.bhrt-team img {
    width: 100% !important;
    max-height: 70px !important;
    max-width: 70px !important;
    border: 0;
    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: 0.3s;
    border-radius: 5px;
    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 .card i {
    position: absolute;
    bottom: 5px;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    font-size: 11px;
}

.bhrt-team .item .card i.leader {
    background-color: #c39821;
    right: 5px;
}

.bhrt-team .item .card i.AssOK {
    background-color: #5EADCC;
    left: 5px;
}

.bhrt-team .item .card i.itemDel {
    background-color: #d90000;
    padding: 3px 5px;
    right: 5px;
}

.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;
}

.prj-bhrt-22 {
    background: url(../img/bhrt/bckgnd-top-prev-projectl-23.png) center right no-repeat;
    padding: 15px;
    margin-bottom: 24px;
    background-color: #030407;
}

.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;
}

.no-mh {
    min-height: 0px !important;
}

.bhrt-project-content a {
    color: #222;
}

.bhrt-project-content a:hover {
    color: #c39821;
}

.bhrt-project-content h1 {
    font-size: 0.9em;
    font-weight: 500;
    word-break: break-word;
    min-height: 60px;
    margin: 0.5em 0;
    text-align: center;
}

.bhrt-project-content-large h1 {
    font-size: 0.95em;
    font-weight: 500;
    word-break: break-word;
    min-height: 36px;
    margin: 0.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.prj-stato i.uil.ico_stato_prj_7: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,
div.video-stato i.uil.ico_stato_prj_7: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.prj-stato i.uil.ico_stato_prj_7:before,
div.video-stato i.uil.ico_stato_prj_7:before {
    content: "\e99b";
    background: #b800ff;
}

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: 0.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_small {
    border: 1px solid #c39821 !important;
    color: #0c234a !important;
    background: #fff !important;
    border-radius: 50px;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    padding: 6px 12px;
}

.bhrt-green_bg_outline:hover,
.bhrt-green_bg_outline_small: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: 12px 20px;
}

.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.large.disabled {
    border: 2px solid #E7D6A6 !important;
    color: #eaeaea !important;
    background: #adb9cd !important;
}

.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/bhrt/bckgnd-top-int-25-logo-no-anno.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #002758;
    margin-bottom: 10px;
    margin-top: -14px;
    background-position: center right;
}

.bhrt-top-banner-int h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    padding: 80px 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: 0.8em;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 10px;
    -webkit-transition: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.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 a i.uil.ico_stato_prj_7:before {
    content: "\e99b";
}

.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: 0.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;
}

#bhrt-manage-prj ul.category {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 1rem;
    max-width: 100%;
}

#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: 0.8em;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 10px;
    -webkit-transition: 0.3s linear border;
    -moz-transition: 0.3s linear border;
    -ms-transition: 0.3s linear border;
    -o-transition: 0.3s linear border;
    transition: 0.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: 19.5%;*/
    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: 175px;
    background: #000;
    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: #fb7d00;
    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: 0.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: 0.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: 0.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: 0.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: 0.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,
ul.bhrt-overview li i.ico_stato_prj_7 {
    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";
}

ul.bhrt-overview li i.uil.ico_stato_prj_7:before {
    content: "\e99b";
}

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;
}

div.popup-bhrt-24 {
    background: url(../img/bhrt-header-25.jpg) no-repeat;
    padding: 8% 5%;
    background-size: cover;
}

div.popup-bhrt-24-rs {
    text-align: left;
    color: #fff;
    font-size: 21px;
    line-height: 31px;
    /* text-shadow: 1px 2px 2px #333; */
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 15px;
}

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: #f2f2f2;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.certificateHead_title {
    width: 60%;
    padding-right: 15px;
}

.certificateHead_status {
    margin-left: auto;
    width: 30%;
    text-align: right;
    padding-right: 0;
}

.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 0.2s; /* Animation */
    width: 90%;
    height: 300px;
    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;
}

.bar-wrapper {
    height: 300px;
    position: relative;
}

.bar {
    position: relative;
    bottom: 0;
    width: 5px;
    display: inline-block;
    border: 1px solid red;
    height: 5px;
    border-bottom: 3px solid #fff;
}

.loginError {
    background: #dc3545;
    padding: 5px 10px;
    color: #fff;
    margin: 10px 0;
    font-size: 13px;
}

div.ls-item.youmans #thefile {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 100;
}

div.ls-item.youmans [id*="canvas"] {
    position: relative;
    left: 0;
    top: 0;
    width: 250px;
    height: 150px;
    background-color: #e9f4f6;
    border: 1px solid #a6cdd6;
}

div.ls-item.youmans audio {
    position: relative;
    width: calc(100% - 15px);
    margin-top: 35px;
}

div.ls-item.youmans div.audio-logo {
    position: relative;
    margin-top: -120px;
    width: 93%;
    text-align: center;
}

div.ls-item.youmans div.audio-logo img {
    max-width: 60%;
    text-align: center;
}

div.overlayContent {
    background-color: rgba(0, 0, 0, 0.85);
    min-height: 93% !important;
    position: absolute;
    z-index: 991;
    display: block;
    width: 100%;
    text-align: center;
}

div.waitBhrt {
    background-color: #fff;
    position: relative;
    width: 60%;
    margin: 16% auto;
    padding: 30px;
    border: 6px solid #c39821;
}

div.waitBhrt p {
    font-size: 1.2em;
    padding: 20px 0;
}

div.voteBhrt {
    background-image: url(../img/bhrt/bhrt25-sfondo.jpg) !important;
    background-position: center center !important;
    background-size: cover;
    background-repeat: no-repeat !important;
    position: relative;
    width: 60%;
    margin: 16% auto;
    padding: 30px;
    border: 6px solid #c39821;
}

div.voteBhrt h2 {
    line-height: 44px;
    font-weight: 500;
    font-size: 38px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c39821 !important;
    padding-bottom: 20px;
    color: #c39821;
    text-align: center;
}

div.voteBhrt p {
    font-size: 1.2em;
    padding: 20px 0;
    color: #fff;
}

.c-box {
    background: #c39821;
    font-size: 115%;
    text-align: center;
    color: #fff;
    flex-basis: 30%;
    padding: 20px;
    margin: 20px 5px;
}

.c-box--arrow-top {
    position: relative;
    z-index: 10;
}

.c-box--arrow-top::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
    left: 50%;
    border-bottom: 10px solid #c39821;
    top: -10px;
}

.c-box--arrow-right,
.c-box-cstm-arrow-up {
    position: relative;
    z-index: 10;
}

.c-box--arrow-right::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-top: -10px;
    top: 50%;
    border-left: 10px solid #c39821;
    left: auto;
    right: -10px;
}

.c-box-cstm-arrow-up::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-top: -10px;
    top: 50%;
    border-left: 10px solid #c39821;
    left: auto;
    right: -10px;
}

.c-box--arrow-bottom,
.p-box--arrow-bottom {
    position: relative;
    z-index: 10;
}

.c-box--arrow-bottom::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
    left: 50%;
    border-top: 10px solid #c39821;
    bottom: -10px;
}

.c-box--arrow-left {
    position: relative;
    z-index: 10;
}

.c-box--arrow-left::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    margin-top: -10px;
    top: 50%;
    border-right: 10px solid #c39821;
    left: -10px;
}

.p-box {
    background: #f4f4f4;
    font-size: 80%;
    text-align: left;
    color: #333;
    flex-basis: 30%;
    padding: 10px;
    margin: 10px 10px 20px 0;
    border: 1px dashed #fb7d00;
}

.p-box--arrow-bottom::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
    left: 15%;
    border-top: 10px solid #fb7d00;
    bottom: -10px;
}

/* MSG-Popup container */

.msg-popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 10px 0;
}

/* The actual popup */

.msg-popup .popuptext {
    visibility: hidden;
    width: 100%;
    background-color: #0c244a;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 999;
    bottom: 125%;
    font-size: 0.8em;
}

/* Popup arrow */

.msg-popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #0c244a transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */

.msg-popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.jconfirm-box-container.col-md-offset-4 {
    margin-left: 26%;
    width: 33.33333333%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.popup-team {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#assesment_required_step .modal-content-small {
    min-height: auto;
    height: auto;
}

#confirmAssasment {
    width: 100%;
}

.bhrt-huge-btn.disabled,
.bhrt-green_bg_outline.disabled {
    background-color: #adb9cd !important;
    color: #eaeaea !important;
    border: 3px solid #E7D6A6 !important;
    cursor: default;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

/* GESTIONE BANNER */

#draggablePanelList2 .panel-heading {
    cursor: move;
}

.panel-default > .panel-heading {
    background-color: #eae9e3;
}

.bannerEdit {
    width: 100%;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.bannerEdit a.bannerAction {
    font-size: 2.5em;
    font-weight: 600;
    color: #ff6a39;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    background: #fff;
}

.bannerDisplay {
    padding: 10px;
    border: 2px dashed #ccc;
    border-radius: 5px;
    margin-right: 40px;
    width: 230px;
    height: 185px;
    overflow: hidden;
}

.bannerDisplay img.imgBanner {
    width: 210px;
    max-height: 158px;
    object-fit: cover;
}

.panel-header {
    align-items: center !important;
    justify-content: space-between !important;
    display: flex;
    width: 100%;
}

.panel-header.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-auto a.bannerAction {
    font-size: 1.8em;
    font-weight: 600;
    color: #ff6a39;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px;
    padding: 5px;
    background: #fff;
}

.bannerSaveButton {
    font-size: 1rem;
    padding: 1rem 2rem;
}

/* ------------------------------------
 *   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;
    /* border-radius: 10px; */
    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;
}