/*GENERAL CSS*/

body {
    margin: 0;
    padding: 0;
    height: 100%!important;
    min-height: 100%!important;
    color: #444!important;
}

.height-application {
    height: 100%!important;
    min-height: 100%!important;
}

* {
    font-family: arial;
}

.clearer {
    clear: both;
}

*:focus {
    outline: none;
}

img {
    border: none;
}

.clearfix::before,
.clearfix::after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix::after {
    clear: both;
}

.no-wrap {
    white-space: nowrap!important;
}

.no-margin {
    margin: 0!important;
}

.no-margin-left {
    margin-left: 0!important;
}

.no-padding-bottom {
    padding-bottom: 0!important;
}

.no-padding-top {
    padding-top: 0!important;
}

.no-padding {
    padding: 0!important;
}

.no-margin-top {
    margin-top: 0px!important;
}

.no-padding-left {
    padding-left: 0!important;
}

.no-padding-right {
    padding-right: 0!important;
}

.no-margin-bottom {
    margin-bottom: 0px!important;
}

.margin-bottom-20 {
    margin-bottom: 20px!important;
}

.margin-top-10 {
    margin-top: 10px!important;
}

.margin-right {
    margin-right: 20px!important;
}

.margin-right-5 {
    margin-right: 5px!important;
}

.margin-right-10 {
    margin-right: 10px!important;
}

.margin-right-15 {
    margin-right: 15px!important;
}

.margin-left-5 {
    margin-left: 5px;
}

.padding-top {
    padding-top: 35px!important;
}

.soft-padding {
    padding: 10px;
}

.soft-padding-side {
    padding: 0 10px;
}

.white {
    background-color: #fff!important;
}

.red {
    background-color: #c81600!important;
    color: #fff!important;
}

.white-text {
    color: #fff!important;
}

.md-body-2 {
    font-weight: bold!important;
}

.space {
    width: 100%;
    height: 15px;
    display: block;
    float: none;
    clear: both;
}

.big-space {
    width: 100%;
    height: 50px;
    display: block;
    float: none;
    clear: both;
}

.space-border-top {
    width: 100%;
    height: 15px;
    display: block;
    float: none;
    clear: both;
    border-top: 1px solid #d0cecf!important;
}

.underline {
    text-decoration: underline;
}

.bold-text {
    font-weight: bold!important;
}

.italic-text {
    font-style: italic!important;
}

.right {
    float: right!important;
}

.left {
    float: left!important;
}

.center {
    display: block!important;
    text-align: center!important;
}

.text-inline {
    display: inline!important;
}

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

.relative {
    position: relative!important;
}

.truncate,
.truncate p {
    display: inline-block;
    width: 90%!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* IE 6+, FF 7+, WebKit (Safari, Chrome), Opera 11+ */
    -o-text-overflow: ellipsis;
    /* Opera 9 e 10 */
}

.user-subheader {
    height: 100px;
}

.inset-mobile {
    height: 100px;
}

.desc-subheader {
    font-weight: bold!important;
    font-size: 12px!important;
}

.img-center {
    text-align: center!important;
    margin: 0 auto!important;
}

.layout-fill {
    min-height: auto!important;
    height: auto!important;
}

.full-height {
    height: 100%!important;
}

.float-left {
    float: left;
}

.content-footer-wrapper {
    margin: 0 auto;
    display: block;
    width: 100%!important;
    min-width: 100%;
    padding-left: 80px!important;
}

@media (max-width: 600px) {
    .content-footer-wrapper {
        margin: 0 auto;
        display: block;
        width: 100%!important;
        min-width: 100%;
        padding-left: 0px!important;
    }
}

.content {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    padding: 0 5px;
}

.content-obj {
    padding: 0 60px!important;
}

.content-obj-section {
    padding: 25px 60px!important;
}

.content-obj-list {
    padding: 0 60px;
}

.hint {
    font-size: 11px!important;
}

.md-list-item-text {
    min-width: 83px!important;
}

.md-list-item-cover-text {
    min-width: 130px!important;
}

.display-inline-block {
    display: block;
    width: 100%;
}

.display-none {
    display: none!important;
}

.pull-down-test {
    margin-top: -23px;
    display: block;
    position: relative;
    top: 21px;
}

.vertical-text-align {
    align-items: flex-end!important;
}

.vertical-text-align-title {
    align-items: flex-end!important;
    padding: 15px 8px 0 8px!important;
}

.padding-more {
    padding: 20px!important;
}

.btn-center {
    margin: 0 auto!important;
}

.full-width {
    width: 100%!important;
    min-width: 100%!important;
}


/*GENERAL SETTINGS*/


/* PAGE DETAIL OBJECT */

.wrapper-item-detail {
    min-height: 56px!important;
    height: 56px;
    line-height: 56px;
    border-top: 1px solid #ddd;
}

.info-detail-wrapper {
    display: inherit;
    vertical-align: middle;
    height: 73px!important;
    /* Vecchio border-radius: 50px; */
    background-color: #fff!important;
    /* Vecchio  margin: 6px 15px 0 15px!important; */
    position: relative;
    z-index: 1;
    padding: 0 7px 0 7px!important;
}

.info-detail-wrapper:not(.md-menu-toolbar) {
    background-color: #fff!important;
    color: #35739F!important;
    border: 1px solid #eee;
}

.margin-info-details {
    padding: 0 15px!important;
}

.box-info-detail {
    display: -webkit-inline-box!important;
    z-index: 10;
}

.box-info-detail .text-percent-wrapper {
    position: relative;
    z-index: 50;
    width: 100%;
    text-align: center;
    height: 65px;
    line-height: 65px;
    font-size: 12px;
    margin: -7px 0px -59px 0px;
}

.box-info-detail .text-percent {
    font-size: 13px;
}

.box-info-detail .percentageChart {
    font-size: 11px;
    font-weight: bold;
}

.box-info-detail .text-percent-wrapper .percent {
    font-size: 11px;
}

.box-info-detail .text-percent-wrapper canvas {
    position: relative!important;
    top: -40px!important;
}

.box-info-detail easypiechart {
    top: -22px;
    position: relative;
}

.box-item-action span {
    font-size: 12px!important;
}

.md-toolbar-tools-skills {
    border-left: 1px solid #ddd;
    height: 67px;
    line-height: 67px;
}

.info-item-obj-text {
    font-size: 10px;
    line-height: normal;
}

.info-item-obj {
    white-space: nowrap;
    text-align: center;
    padding-right: 15px;
    min-height: 56px;
    height: 56px;
}

.info-item-obj h4 {
    line-height: 24px;
}

.toolbar-item {
    line-height: 10px!important;
    margin: 7px 15px 0 15px !important;
    text-align: center!important;
}

.toolbar-item-group {
    line-height: 10px!important;
    margin: 0px 0px 0 15px !important;
    text-align: center!important;
}

.toolbar-item-note {
    line-height: 10px!important;
    margin: 0px 15px 0 15px !important;
    text-align: center!important;
}

.label-note {
    margin-top: 3px!important;
}

.md-toolbar-tools-suggest {
    position: relative;
}

.md-toolbar-tools-progress {
    position: relative;
    display: block;
    height: 52px!important;
    width: 52px!important;
    max-width: 52px!important;
    max-height: 52px!important;
    left: 9px;
    top: auto;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    padding: 0;
    margin-right: 20px;
}

.md-toolbar-tools {
    background-color: #35739F;
    color: #fff;
}

.md-toolbar-tools md-icon {
    color: #fff!important;
}

.img-avatar-main-obj-detail {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    max-width: 52px;
    max-height: 52px;
    left: auto;
    top: auto;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    margin: 2px -30px 2px 0;
    padding: 0;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.img-visibility-editing {
    position: relative;
    display: block;
    height: auto;
    width: auto;
    max-width: 52px;
    max-height: 52px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    padding: 0;
    background-size: cover;
    background-position: center;
    margin: 0!important;
}

.wrapper-visibility-editing {
    border-radius: 50px!important;
    text-align: center!important;
    color: #fff!important;
    font-size: 40px!important;
    line-height: 40px!important;
    padding: 15px!important;
}

.icon-visibility {
    font-size: 35px!important;
    line-height: 35px!important;
}

.title-choose-item {
    border-radius: 3px!important;
    padding: 15px!important;
    margin-top: -35px;
    color: #fff!important;
}

.btn-rent-request {
    height: 30px!important;
    width: 30px!important;
    min-height: 30px!important;
    min-width: 30px!important;
    line-height: 30px!important;
    text-align: center;
    padding: 0!important;
    margin: 0;
}

.btn-rent-request i {
    font-size: 16px!important;
}

.btn-rent-note {
    font-size: 16px!important;
    margin-left: 5px;
}

.expand-detail {
    height: 30px!important;
    width: 30px!important;
    min-height: 30px!important;
    min-width: 30px!important;
    line-height: 30px!important;
    font-size: 18px!important;
    text-align: center;
    padding: 0!important;
    margin: 0!important;
}

.expand-detail md-icon {
    height: 30px!important;
    width: 30px!important;
    min-height: 30px!important;
    min-width: 30px!important;
    line-height: 30px!important;
    font-size: 18px!important;
    text-align: center;
}

.expand-wrapper {
    padding: 20px;
    height: 29px;
    line-height: 29px;
    margin: 0 auto;
}

.more-datail-wrapper {
    margin-top: 40px!important;
}

.name-person-suggest {
    padding: 0!important;
    margin: 0!important;
    font-size: 12px;
}

.person-suggest-item {
    margin: 10px 0!important;
}

.toolbar-divider {
    position: relative;
}

.bg-object-detail {
    background-image: url(../img/bg-object-detail.png);
    background-repeat: repeat;
}

.intro {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 40px!important;
}

.object-wrapper {
    margin: 0 auto;
    text-align: center;
}

.object-link {
    margin: 0 auto;
    text-align: center;
}

.link-icon {
    padding: 0 10px 0px 0;
}

.wrapper-suggest {
    height: 56px;
    margin-right: 40px;
}

.bottom-obj-detail {
    position: relative;
    height: 80px!important;
    width: 100%!important;
    max-width: auto!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: -6px!important;
}

.bottom-obj-item {
    position: relative;
    min-height: 60px!important;
    width: 100%!important;
    max-width: auto!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: -6px!important;
}

.bottom-obj-item .margin-right-15 {
    min-height: 60px!important;
    height: 60px;
}

.certificate-label {
    /*position: absolute;*/
    /*right: -95px;*/
    position: relative;
    top: -27px;
    margin-top: -50px;
    margin-right: -210px;
    max-width: 75px!important;
}

.description-obj-item {
    font-size: 14px!important;
}


/* PAGE DETAIL OBJECT */


/* PAGE EDIT */

.btn-edit {
    padding: 4px!important;
    min-width: 215px!important;
}

.edit-form-wrapper-active {
    padding-top: 23px!important;
    border-left: 10px solid #ecd100;
    min-height: 140px!important;
}

.edit-form-wrapper {
    padding-top: 23px!important;
    border-left: 5px solid #35739F;
    min-height: 140px!important;
}

.view-form-wrapper {
    border-left: 5px solid #35739F;
    min-height: 140px!important;
}

.form-wrapper {
    padding-top: 35px!important;
    min-height: 140px!important;
}

.edit-chips-width {
    min-width: 250px!important;
    width: 250px!important;
}

.insert-time {
    margin-right: 20px!important;
}

.insert-time-width {
    max-width: 105px!important;
}

.insert-percentage-survey {
    min-width: 200px!important;
    max-width: 200px!important;
}


/* Seleziona immagine card */

#select-card-img {
    min-width: 230px!important;
}


/* PAGE EDIT */


/*MAIN SETTINGS*/

.bg-total {
    min-height: 100%;
    background-color: #F7F7F7;
}

header {
    display: block;
    width: 100%!important;
    clear: both;
}

.header {
    height: 100px!important;
    display: block;
    width: 100%!important;
    clear: both;
}

.main-subheader {
    position: relative!important;
    margin-top: -14px!important;
    z-index: 20!important;
}

.btn-menu {
    background-size: 80%;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
}

.btn-notify {
    background-image: url("../img/notify.png")!important;
}

.btn-network {
    background-image: url("../img/network.png")!important;
}

.btn-network-white {
    background-image: url("../img/network-white.png")!important;
}

.btn-settings {
    background-image: url("../img/settings.png")!important;
}

.btn-diary {
    background-image: url("../img/diary.png")!important;
}

.btn-notify-white {
    background-image: url("../img/notify-white.png")!important;
}

.btn-network-white {
    background-image: url("../img/network-white.png")!important;
}

.btn-settings-white {
    background-image: url("../img/settings-white.png")!important;
}

.btn-diary-white {
    background-image: url("../img/diary-white.png")!important;
}

.md-fab {
    background-color: #fff!important;
}

.md-button .md-fab {
    background-image: url('../img/megaphone.png')!important;
}

.hoverPosition {
    position: absolute;
    z-index: 25;
    top: 70px;
}

.md-indicator {
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    width: 56px!important;
    height: 56px!important;
    vertical-align: middle;
    box-shadow: 0 1px 0px 1px rgba(0, 0, 0, .10);
    border-radius: 50%!important;
    background-clip: padding-box;
    overflow: hidden;
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, transform;
    text-align: center;
    margin: 10px;
    background-color: #8b80a9;
    color: #fff;
    font-weight: bold;
}

.wrapper-total {
    height: 100%!important;
}

.user-avatar {
    border-radius: 99%;
}

.activeMenu {
    background: #eee;
    border-right: 7px solid #c81600;
    display: block;
}

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

.img-avatar-generic-big {
    display: block;
    height: 100px;
    width: 100px;
    left: 23px;
    top: 23px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 2px solid #fff;
}

.img-avatar-suggestion {
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    margin: 0 15px 0 0!important;
    padding: 0;
    border: 2px solid #fff;
}

.img-avatar-generic-small {
    display: block;
    height: 100px;
    width: 100px;
    left: 23px;
    top: 23px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 2px solid #fff;
}

.img-wrapper {
    width: 90px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

.img-avatar-generic-middle {
    display: block;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 20px 15px!important;
    padding: 0;
    border: 2px solid #fff;
    text-align: center;
}

.box-avatar-landing {
    min-height: 100%!important;
    padding: 20px 0!important;
}

.banner-wrapper {
    position: relative!important;
}

.banner-wrapper h1 {
    position: absolute!important;
    text-transform: uppercase;
    color: #fff;
    top: 42px;
    left: 90px;
    font-size: 42px!important;
    opacity: 0.9;
}


/*MAIN SETTINGS*/


/* HAMBURGER MENU */

#nav-icon {
    width: 60px;
    height: 45px;
    position: relative;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: #d3531a;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


/*Stile button*/

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 18px;
}

#nav-icon span:nth-child(4) {
    top: 36px;
}

#nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


/*Tool fab*/

.fabSpeedDialdemoBasicUsage .text-capitalize {
    text-transform: capitalize;
}

.fabSpeedDialdemoBasicUsage .md-fab:hover,
.fabSpeedDialdemoBasicUsage .md-fab.md-focused {
    background-color: #000 !important;
}

.fabSpeedDialdemoBasicUsage p.note {
    font-size: 1.2rem;
}

.fabSpeedDialdemoBasicUsage .lock-size {
    min-width: 300px;
    min-height: 300px;
    width: 300px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}


/* HAMBURGER MENU */


/* ADMIN HEADER */

.admin-icon {
    line-height: 150px!important;
    font-size: 60px!important;
}


/* ADMIN HEADER */


/*MAIN HEADER*/

#main-header {
    position: relative;
}


/*
@-webkit-keyframes animatetop {
    from {
        top:-300px;
        opacity:0
        } 
        to{
            top:0;
            opacity:1
            }
        }
@keyframes animatetop {
    from {
        top:-300px;
        opacity:0
        }
        to {
            top:0;
            opacity:1
            }
            }*/

.logo-wrapper {
    height: 100px;
    width: 100%;
    text-align: left;
    line-height: 80px;
    vertical-align: middle;
}

.logo-img {
    height: 60px;
}

.logo-pm {
    width: 100%;
    max-width: 105px;
    height: 105px;
}

.logo-library-new {
    position: absolute;
    top: 42px;
    left: 158px;
}

.logo-img-footer {
    height: auto;
    text-align: left;
    display: block;
    max-width: 370px;
    width: 80%;
}

.logo-img-error {
    height: 31px;
    position: absolute;
    left: 21px;
    top: 27px;
}

.logo-app {
    position: relative;
    display: block;
    height: 150px;
    width: 150px;
    line-height: 150px;
    text-align: center;
}

.logo-app-page {
    position: relative;
    display: block;
    line-height: 117px;
    text-align: center;
}


/* ERROR PAGE*/

.error_404-icon {
    font-size: 80px!important;
    font-weight: bold;
    margin: 5px;
    height: 80px!important;
    width: 80px!important;
    text-align: center;
}

.error_404 {
    font-size: 120px!important;
    font-weight: bold;
    margin: 5px;
    text-align: center;
}

.btn-go-back {
    border: 1px solid #fff!important;
}

.btn-go-back span {
    padding: 0px 20px!important;
}

.bg-error {
    height: 100%!important;
    position: fixed;
}

.error p {
    margin-top: 20px;
}

.avatar-menu {
    position: relative;
    display: block;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: solid 2px #fff;
    z-index: 20;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

.avatar-menu-1 {
    top: -102px;
    left: -2px;
    position: relative;
    display: block;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transform: rotateZ(0);
    transition: transform 1s;
    -o-transform: rotateZ(0);
    -o-transition: transform 1s;
    -ms-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -moz-transition: transform 1s;
    -webkit-transform: rotateZ(0);
    -webkit-transition: transform 1s;
}

.avatar-menu-1-hover {
    top: -102px;
    left: -2px;
    position: relative;
    display: block;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transform: rotateZ(180deg);
    transition: transform 1s;
    -o-transform: rotateZ(180deg);
    -o-transition: transform 1s;
    -ms-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -moz-transition: transform 1s;
    -webkit-transform: rotateZ(180deg);
    -webkit-transition: transform 1s;
}

.img-avatar-main {
    position: relative;
    display: block;
    height: 100px;
    width: 100px;
    left: 23px;
    top: 23px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.info-avatar {
    position: relative;
    right: 300px;
    top: -190px;
    z-index: 10;
    width: 300px!important;
}

.info-avatar-admin {
    position: relative;
    right: 300px;
    top: -95px;
    z-index: 10;
    width: 300px!important;
}

.logout-avatar {
    position: relative;
    right: -117px!important;
    top: -267px!important;
    z-index: 10;
}

.btn-expand-menu {
    position: relative;
    left: 63px;
    top: 124px;
}

.main-menu {
    position: relative;
    z-index: 50;
    height: 100px!important;
    top: -125px;
    margin-bottom: -114px;
}

.main-menu-sx {
    height: 100px!important;
}

.bg-main-menu {
    position: relative!important;
    z-index: 20;
}

.text-avatar {
    padding: 0 10px;
    margin: 0 0 2px 0;
}

.icon-work {
    font-size: 17px!important;
    line-height: 22px!important;
}

.icon-main {
    margin: 0 auto;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: solid 2px #fff!important;
    color: #F67500!important;
    text-align: center;
    line-height: 54px;
    font-size: 17px;
    transition: transform 1s;
    -o-transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    cursor: pointer;
    background-color: transparent!important;
}

.icon-main:hover {
    transition: transform 1s;
    -o-transition: transform 15s;
    -moz-transition: transform 15s;
    -webkit-transition: transform 15s;
    border: solid 3px #fff!important;
}

.icon-main-inside {
    color: #fff!important;
}

.active-main {
    background-color: #fff;
    color: #F67500!important;
    cursor: pointer;
}

.icon-main-dp {
    margin: 0 auto;
    height: 56px;
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: solid 2px #fff;
    color: #fff;
    text-align: center;
    line-height: 54px;
    font-size: 17px;
    color: #000
}

.desktop-menu {
    padding: 20px 0;
}

.training-plattform {
    border-right: 1px solid #fff;
}

.main-menu-item {
    text-align: center;
}

.main-menu-item-notify {
    text-align: center;
    margin: 0 auto;
}

.main-border {
    border-bottom: 1px solid #fff;
}

.main-center-box {
    height: 150px;
}

.badge_notify {
    text-align: center;
    height: 17px;
    width: 22px;
    line-height: 15px;
    padding: 1px;
    border-radius: 50px;
    background-color: #fff;
    color: #F67500;
    display: inline-block;
}

.badge-main-menu {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: rgb(89, 109, 123);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 10px;
    margin: -4px 0 0px 4px;
}

.icon-notify {
    font-size: 20px!important;
}

.wrapper-title-bg {
    margin: 0 auto;
    z-index: 22;
    height: 0;
    max-width: 500px!important;
    border-top: 27px solid #e5e5e5;
    border-left: 27px solid transparent;
    border-right: 27px solid transparent;
}

.wrapper-title {
    margin: 0 auto;
    margin-top: -26px;
    z-index: 25;
    height: 0;
    max-width: 496px;
    border-top: 25px solid #fff;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
}

.label-header {
    font-size: 10px;
}

.title-application-left {
    position: relative;
    font-size: 11px;
    display: inline-block;
    top: -25px;
    left: 19px;
}

.title-application-right {
    position: relative;
    font-size: 11px;
    display: block;
    top: -20px;
    float: right;
    margin-right: 13%;
}

@media (max-width: 600px) {
    .title-application-right {
        position: relative;
        font-size: 11px;
        display: block;
        top: -20px;
        float: right;
        margin-right: 0;
    }
}


/* MAIN HEADER */


/* NO LOGGED HEADER */

.login-title-wrapper {
    margin-top: 50px;
    text-align: center;
    background-color: transparent!important;
}

.login-wrapper {
    height: 100%;
}


/* NO LOGGED HEADER */


/* TABLE SETTINGS */

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.fill-button {
    min-width: 126px;
}

.btn-success {
    background-color: #00bfa5;
}

.box-option {
    min-height: 580px;
}

.input-group-btn .btn {
    padding: 4px 12px;
}

.fc-scroller {
    max-width: 97%;
}

.md-virtual-repeat-container {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    overflow-x: scroll;
    position: relative;
}


/* TABLE SETTINGS */


/* CALENDAR SETTINGS */

.fc-day-grid-container {
    height: 100%!important;
}

.fc-left h2 {
    padding-top: 6px;
    font-size: 16px!important;
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default !important;
}

.cursor-no-drop {
    cursor: no-drop;
}


/* CALENDAR SETTINGS */


/* LOGIN SETTINGS */

.logo-login {
    display: block;
    height: 300px;
    width: 100%;
}

.btn-login {
    height: 50px;
    background-color: #35739F!important;
    color: #fff!important;
}

.btn-login-disable {
    height: 50px;
    background-color: #ccc!important;
    color: #999!important;
}

.input-login {
    display: block;
}

.login-box {
    max-width: 400px!important;
}

.compatibility-error-box {
    max-width: 540px!important;
}

.supported-browser-img {
    max-width: 104px!important;
}

.browser-list {
    font-size: 12px;
}

.ie-browser-title {
    padding-top: 17px;
}

.browsers-container {
    display: block!important;
    padding: 30px 8px;
}

.login-title {
    background-color: #fff;
}

.newPassword {
    width: 100%;
    font-size: 13px!important;
    line-height: 13px!important;
    text-align: center!important;
    padding: 3px 10px!important;
    color: #fff!important;
}

.authenticating {
    padding: 30px!important;
    border-radius: 7px;
    background-color: #F67500!important;
    color: #fff;
}

.banner-library {
    border-radius: 7px!important;
    max-width: 100%;
    height: auto;
}


/* PAGE-SETTING SETTINGS */

.action-form {
    background-color: #342345;
}

.no-bg {
    background-color: transparent!important;
}


/* PAGE-SETTING SETTINGS */

.md-accordion .expandCollapse {
    width: 30px;
    height: 30px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    display: block;
    margin-top: -2px;
    margin-left: -2px;
    overflow: hidden;
}

.md-accordion .expandCollapse:active {
    border: 0px;
}

.md-accordion .expandCollapse:before,
.md-accordion .expandCollapse:after {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 32px;
    text-align: center;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

.md-accordion .expandCollapse:before {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: "|";
    margin-top: -3px;
}

.md-accordion .expandCollapse:after {
    opacity: 1;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: "|";
    margin-left: -3px;
}

.md-accordion .active:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 3px;
    margin-top: 0px;
}

.md-accordion .dataContent {
    background: #F2F2F2;
    height: 0px;
    overflow: hidden;
    -webkit-transition: .3s all ease-out;
    transition: .3s all ease-out;
}

.md-accordion .activeContent {
    height: auto;
    padding: 0;
    display: block;
}


/*BOX UTENTE*/

.close-box-microtattics {
    position: absolute;
    right: 10px;
}

.check-box-microtattics {
    margin-left: 90%!important;
}

.user-box-icon {
    font-size: 17px!important;
    display: inline!important;
    line-height: 0;
}

.user-box {
    padding: 0!important;
    margin: 0!important;
    font-size: 13px!important;
    display: flex!important;
}

.user-box-title {
    text-transform: uppercase;
}

.user-box-left {
    text-align: left!important;
}

.user-box-group-list {
    line-height: 20px!important;
}

.user-box-content {
    height: auto;
    padding: 0;
}

#md-avatar {
    width: 71px!important;
    height: 71px!important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.md-avatar-landing {
    width: 90px!important;
    height: 90px!important;
    margin: 0 auto 20px auto!important;
}

.avatar-landing-wrapper {
    margin: 0 auto;
}


/*BOX UTENTE*/


/*IMPOSTAZIONI ACCORDION*/

.panel-group {
    margin-bottom: 0px!important;
}

.accordionPercorsi {
    border-bottom: #fff!important;
    background-color: #eee;
    margin-bottom: 1px;
}

.expandContent {
    background-color: #c81600;
}

.contentAccordion p {
    padding: 20px;
}

.contentAccordion {
    background-color: #fff!important;
}

.md-accordion .expandCollapse {
    color: #342345;
}

.actionGo {
    margin-right: 20px!important;
    padding: 0 15px!important;
}


/*STILI TEMA*/


/*Colori testo primari*/


/* Bachground */

.bg-primary-1 {
    background-color: #F67500!important;
}

.bg-primary-2 {
    background-color: #752127!important;
}

.bg-primary-3 {
    background-color: #8e1230!important;
}

.bg-primary-4 {
    background-color: #e9573d!important;
}

.bg-primary-5 {
    background-color: #6f7072!important;
}

.bg-primary-6 {
    background-color: #749e76!important;
}

.bg-primary-7 {
    background-color: #a1b575!important;
}

.bg-primary-8 {
    background-color: #dbc07c!important;
}

.bg-primary-9 {
    background-color: #ecd100!important;
}

.bg-primary-10 {
    background-color: #35739F!important;
}

.bg-primary-11 {
    background-color: #7db2b0!important;
}

.bg-primary-12 {
    background-color: #8b80a9!important;
}

.bg-primary-13 {
    background-color: #d1d3d4!important;
}

.bg-primary-14 {
    background-color: #F7F7F7!important;
}

.bg-footer-card {
    background-color: #35739F!important;/*rgb(111, 112, 114)!important;*/
}

.bg-card-content {
    background-color: rgb(255, 255, 255)!important;/*rgb(202, 199, 196)!important;*/
}

.bg-confirm {
    background-color: #1abc9c!important;
}

.bg-grey {
    background-color: #eee!important;
}

.bg-soft-grey {
    background-color: #f3f3f3;
}

.soft-border-grey {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


/*Testo*/

.text-primary-1 {
    color: #F67500!important;
}

.text-primary-2 {
    color: #752127!important;
}

.text-primary-3 {
    color: #8e1230!important;
}

.text-primary-4 {
    color: #e9573d!important;
}

.text-primary-5 {
    color: #6f7072!important;
}

.text-primary-6 {
    color: #749e76!important;
}

.text-primary-7 {
    color: #a1b575!important;
}

.text-primary-8 {
    color: #dbc07c!important;
}

.text-primary-9 {
    color: #ecd100!important;
}

.text-primary-10 {
    color: #35739F!important;
}

.text-primary-11 {
    color: #7db2b0!important;
}

.text-primary-12 {
    color: #8b80a9!important;
}

.text-primary-13 {
    color: #d1d3d4!important;
}

.bg-onboarding-library {
    background-color: #4990E2!important;
}


/*COLORI SECONDARI*/


/*Background*/

.bg-secondary-1 {
    background-color: rgba(197, 40, 28, 0.5)!important;
}

.bg-secondary-2 {
    background-color: rgba(133, 23, 20, 0.5)!important;
}

.bg-secondary-3 {
    background-color: rgba(168, 27, 56, 0.5)!important;
}

.bg-secondary-4 {
    background-color: rgba(241, 100, 74, 0.5)!important;
}

.bg-secondary-5 {
    background-color: rgba(109, 110, 113, 0.5)!important;
}

.bg-secondary-6 {
    background-color: rgba(116, 158, 118, 0.5)!important;
}

.bg-secondary-7 {
    background-color: rgba(161, 181, 117, 0.5)!important;
}

.bg-secondary-8 {
    background-color: rgba(219, 192, 124, 0.5)!important;
}

.bg-secondary-9 {
    background-color: rgba(236, 209, 0, 0.5)!important;
}

.bg-secondary-10 {
    background-color: rgba(89, 109, 123, 0.5)!important;
}

.bg-secondary-11 {
    background-color: rgba(125, 178, 176, 0.5)!important;
}

.bg-secondary-12 {
    background-color: rgba(139, 128, 169, 0.5)!important;
}

.bg-secondary-13 {
    background-color: rgba(209, 211, 212, 0.5)!important;
}

.bg-soft-11 {
    background-color: rgba(125, 178, 176, 0.1)!important;
}


/*Testo*/

.text-secondary-1 {
    color: rgba(197, 40, 28, 0.5)!important;
}

.text-secondary-2 {
    color: rgba(133, 23, 20, 0.5)!important;
}

.text-secondary-3 {
    color: rgba(168, 27, 56, 0.5)!important;
}

.text-secondary-4 {
    color: rgba(241, 100, 74, 0.5)!important;
}

.text-secondary-5 {
    color: rgba(109, 110, 113, 0.5)!important;
}

.text-secondary-6 {
    color: rgba(116, 158, 118, 0.5)!important;
}

.text-secondary-7 {
    color: rgba(161, 181, 117, 0.5)!important;
}

.text-secondary-8 {
    color: rgba(219, 192, 124, 0.5)!important;
}

.text-secondary-9 {
    color: rgba(236, 209, 0, 0.5)!important;
}

.text-secondary-10 {
    color: rgba(89, 109, 123, 0.5)!important;
}

.text-secondary-11 {
    color: rgba(125, 178, 176, 0.5)!important;
}

.text-secondary-12 {
    color: rgba(139, 128, 169, 0.5)!important;
}

.text-secondary-13 {
    color: rgba(209, 211, 212, 0.5)!important;
}


/* GENERAL COLORS */

.bg-disable {
    background-color: #c4c4c4!important;
    border-color: #c4c4c4!important;
}

.text-disable {
    color: #c4c4c4!important;
}

.triangle-disable {
    border-color: transparent transparent transparent #c4c4c4!important;
}

.text-white {
    color: #fff!important;
}

.bg-white {
    background-color: #fff!important;
}

.text-black {
    color: #342345!important;
}

.bg-black {
    color: #342345!important;
}

.transparent {
    background-color: transparent!important;
}

.transtarent-50 {
    opacity: 0.5;
}


/*STILI TEMA*/

.modal-body {
    padding: 0!important;
    z-index: 1500!important;
}


/*LED NOTIFICATION*/

.led-box {
    height: 13px!important;
    width: 13px!important;
    display: block;
    float: left;
    line-height: 13px!important;
}

.led-red {
    margin: 0 auto;
    width: 13px;
    height: 13px;
    background-color: #F67500;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px 1px, inset #999 0 -1px 1px, #752127 0 1px 1px;
    -webkit-animation: blinkRed 0.5s infinite;
    -moz-animation: blinkRed 0.5s infinite;
    -ms-animation: blinkRed 0.5s infinite;
    -o-animation: blinkRed 0.5s infinite;
    animation: blinkRed 0.5s infinite;
}


/*
@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
*/

.led-yellow {
    margin: 0 auto;
    width: 13px;
    height: 13px;
    background-color: #ecd100;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px 1px, inset #999 0 -1px 1px, #dbc07c 0 1px 1px;
    -webkit-animation: blinkYellow 1s infinite;
    -moz-animation: blinkYellow 1s infinite;
    -ms-animation: blinkYellow 1s infinite;
    -o-animation: blinkYellow 1s infinite;
    animation: blinkYellow 1s infinite;
}


/*
@-webkit-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-o-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
*/

.led-green {
    margin: 0 auto;
    width: 13px;
    height: 13px;
    background-color: #a1b575;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px 1px, inset #999 0 -1px 1px, #749e76 0 1px 1px;
    margin: 10px 10px 0 0;
}

.led-gray {
    margin: 0 auto;
    width: 13px;
    height: 13px;
    background-color: #d1d3d4;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px 1px, inset #999 0 -1px 1px, #ccc 0 1px 1px;
    margin: 10px 10px 0 0;
}

.led-blue {
    margin: 0 auto;
    width: 13px;
    height: 13px;
    background-color: #7db2b0;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.4) 0 -1px 1px 1px, inset #999 0 -1px 1px, #35739F 0 1px 1px;
}

.no-space-top {
    padding-top: 0!important;
    margin-top: 0!important;
}

.half-opacity {
    opacity: .5;
}


/* SECONDARY TAB */

.secondary-tabs {
    min-height: 50px;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    border-top: 6px solid #35739F!important;
    color: #35739F;
}

.secondary-tabs .md-active {
    color: #35739F!important;
}

.secondary-tabs md-ink-bar {
    bottom: 0px;
    height: 5px!important;
    color: #e9573d!important;
    background: #e9573d!important;
}

.secondary-tabs md-ink-bar:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #f1634a transparent;
    position: relative;
    top: -25px;
    left: 43%;
}

.secondary-tabs md-tabs-canvas {
    height: 46px!important;
}


/* SECONDARY TAB */

.disclaimer-text {
    font-size: 10px;
    margin: 0!important;
    padding: 10px 0!important;
}


/* SEARCHBAR */

.btn-searchbar-top {
    border-radius: 0px!important;
    padding: 7px 10px!important;
    margin: 0!important;
    font-size: 13px!important;
}

.btn-searchbar-top-first {
    -webkit-border-top-left-radius: 5px!important;
    -moz-border-radius-topleft: 5px!important;
    border-top-left-radius: 5px!important;
}

.btn-searchbar-top-active {
    position: relative;
    background-color: rgba(255, 255, 255, 0.05)!important;
    color: #fff!important;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(233, 87, 61, 1);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(233, 87, 61, 1);
    box-shadow: inset 0px -3px 0px 0px rgba(233, 87, 61, 1);
}


/*.btn-searchbar-top-active::after {
    content: '';
    height: 5px;
    width: 32px;
    background-color: #7db2b0;
    border-radius: 50px;
    top: 37px;
    display: block;
    position: absolute;
    left: calc(50% - 16px);
}*/

.btn-searchbar-subnav-active {
    background-color: rgba(0, 0, 0, 0.03)!important;
    box-shadow: inset 0px -3px 0px #e9573d;
    -webkit-box-shadow: inset 0px -3px 0px #e9573d;
    -moz-box-shadow: inset 0px -3px 0px #e9573d;
    font-weight: bold!important;
}

.searchbar-top-subnav-activities {
    min-height: 50px;
    background-color: #fff;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.searchbar-top {
    min-height: 50px;
    background-color: #35739F;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.searchbar-center {
    border-bottom: 1px solid #ddd;
    margin-top: -4px!important;
}

.searchbar-top .md-tab {
    color: #ccc!important;
}

.searchbar-top .md-tab.md-active {
    color: #fff!important;
}

.searchbar-top md-ink-bar {
    color: #e9573d!important;
    background: #e9573d!important;
    height: 3px!important;
}

.searchbar-top[md-border-bottom] md-tabs-wrapper {
    border-width: 0 0 0!important;
    border-style: solid;
}

.searchbar-input {
    height: 60px;
    width: 100%;
    background-color: #fff;
    border-left: 1px solid #ddd;
}

.searchbar-input input {
    margin: 10px 10px 0 10px!important;
    width: 96%!important;
}

.select-all-filters {
    border-bottom: 1px solid #ddd;
}

.led-wrapper {
    display: inline!important;
    line-height: 31px!important;
}

.toolbarFilter md-switch {
    margin: 6px 0!important;
}

.button-searchbar-left {
    height: 60px!important;
    width: 60px!important;
    max-width: 60px!important;
    min-width: 60px!important;
    display: inline-block!important;
    border-radius: 0px!important;
    border-right: 1px solid #d0cecf!important;
}

.button-searchbar-right {
    height: 60px!important;
    width: 60px!important;
    max-width: 60px!important;
    min-width: 60px!important;
    border-radius: 0px!important;
    display: inline-block;
    border-left: 1px solid #d0cecf!important;
    text-align: center;
}

.button-searchbar-right p {
    display: block;
    font-size: 10px;
    margin-top: -10px;
    font-weight: bold!important;
}

.button-searchbar-right md-icon {
    font-size: 27px;
    height: 27px;
    width: 27px;
}

.searchbar-bottom {
    height: 32px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f7f7f7;
    width: 100%;
    border-top: 1px solid #d0cecf!important;
}

.searchbar-bottom-active {
    height: 32px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #35739F;
    width: 100%;
    border: 1px solid #d0cecf!important;
}

.subtab-wrapper {
    background-color: #fff;
    margin-top: -5px!important;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.label-filters-ex {
    font-size: 10px!important;
    margin: 0!important;
    white-space: nowrap;
}

.label-filters-tite {
    font-size: 11px!important;
    margin: 0!important;
    font-weight: bold;
}

.icon-filters-menu {
    padding-right: 2px!important;
    font-size: 11px!important;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 8px 15px!important;
}

.link-filters {
    border-radius: 0px!important;
    cursor: pointer!important;
}

.menu-filters {
    max-height: 54px;
}

.nav>li.active>a,
.nav>li.active>a:hover,
.nav>li.active>a:focus {
    box-shadow: inset 0 3px 0 #e9573d;
    -webkit-box-shadow: inset 0 3px 0 #e9573d;
    -moz-box-shadow: inset 0 3px 0 #e9573d;
    background-color: #eee!important;
}

.badge-menu {
    display: inline-block;
    min-width: 10px;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #e9573d;
    border-radius: 10px;
    position: absolute;
    right: 4%;
    top: 29px;
}

.btn-switch-filters {
    background-color: #eee;
    border-radius: 50px;
    padding: 0px;
    width: 150px;
    margin: 0 auto!important;
}

.btn-switch-filters md-switch {
    margin: 7px 0!important;
}

.btn-switch-filters md-switch.md-checked .md-thumb {
    background-color: #7db2b0!important;
}

.btn-switch-filters md-switch.md-checked .md-ink-ripple {
    color: #7db2b0!important;
}

.btn-switch-filters md-switch.md-checked .md-bar {
    background-color: rgba(125, 178, 176, 0.5);
}

.label-filters {
    width: 60px!important;
    min-width: 60px!important;
    line-height: 32px;
    font-size: 11px;
    font-weight: bold;
    border-right: 1px solid #d0cecf;
    text-align: center;
}

.btn-open-filters {
    width: 60px!important;
    min-width: 60px!important;
    max-width: 60px!important;
    height: 31px!important;
    min-height: 31px!important;
    line-height: 31px!important;
    font-size: 11px!important;
    font-weight: bold !important;
    border-left: 1px solid #d0cecf!important;
    text-align: center;
    display: block!important;
}

.label-filters-active {
    line-height: 32px;
    font-size: 11px;
    font-weight: bold;
    padding-left: 15px!important;
}

.filters-wrapper {
    min-width: 100%;
    background-color: #fff;
}

.title-label-filters {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin: 0!important;
    color: rgb(89, 109, 123);
    /*border-top: solid rgb(89, 109, 123) 5px;*/
}

#a {
    transition: height 2s;
    -moz-transition: height 2s;
    /* Firefox 4 */
    -webkit-transition: height 2s;
    /* Safari and Chrome */
    -o-transition: height 2s;
    /* Opera */
}

.horizTranslate {
    -webkit-transition: 3s;
    -moz-transition: 3s;
    -ms-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
}

.label-ordinamento {
    line-height: 30px;
    display: inline-block!important;
    min-width: 80px;
    margin: 0;
}

.filter-category {
    margin: 0!important;
    height: 49px!important;
    width: 190px;
    border-radius: 0!important;
    -webkit-border-bottom-left-radius: 5px!important;
    -moz-border-radius-bottomleft: 5px!important;
    border-bottom-left-radius: 5px!important;
}

.subheader-tabs {
    margin: -10px 0 0 0!important;
    font-size: 9px!important;
    font-style: italic!important;
    text-transform: none!important;
}

.filter-control {
    margin: 0!important;
    height: 49px!important;
    width: 190px;
    border-radius: 0!important;
    -webkit-border-bottom-right-radius: 5px!important;
    -moz-border-radius-bottomright: 5px!important;
    border-bottom-right-radius: 5px!important;
}

.filters-border {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.filters-border-opened {
    border-right: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0!important;
}

.filters-categories-bar {
    -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;
}

.filters-categories-bar md-tabs-canvas {
    background-color: #eee!important;
}

.center-filters-tab {
    margin-top: -4px!important;
}

.filter-tab-btn .md-tab {
    padding: 0!important;
    color: #888!important;
    padding-bottom: 16px!important;
}

.filter-tab-btn .md-tab.md-active {
    color: #35739F!important;
    background-color: #fff!important;
}

.filter-tab-btn md-ink-bar {
    color: #e9573d!important;
    background: #e9573d!important;
    height: 3px!important;
    top: 0!important;
}

.filter-tab-btn .md-tab:first-child {
    background: #bbb!important;
    color: #333!important;
}


/* Icona delle categorie, quando la tab non è selezionata e nessuna categoria è ancora stata scelta */

.filter-tab-btn .md-tab:first-child .icon-without-category-selected {
    color: #333!important;
    line-height: 24px!important;
}


/* Icona delle categorie, quando la tab non è selezionata e almeno una categoria è stata scelta */

.filter-tab-btn .md-tab:first-child .icon-with-category-selected {
    color: #fff!important;
    line-height: 24px!important;
}

.filter-tab-btn .md-tab:first-child.md-active {
    color: #35739F!important;
    background-color: #fff!important;
    line-height: 24px!important;
}


/* Icona delle categorie, quando la tab è selezionata e nessuna categoria è ancora stata scelta */

.filter-tab-btn .md-tab:first-child.md-active .icon-without-category-selected {
    color: #35739F!important;
    line-height: 24px!important;
}


/* Icona delle categorie, quando la tab è selezionata e almeno una categoria è stata scelta */

.filter-tab-btn .md-tab:first-child.md-active .icon-with-category-selected {
    color: #fff!important;
    line-height: 24px!important;
}


/*.filter-tab-btn .md-tab:nth-child(2) {
    background: pink!important; 
} 
.filter-tab-btn .md-tab:nth-child(3) {
    background: blue!important; 
} */

.filter-tab-btn .filters-categories-bar md-tabs-canvas {
    background-color: #eee!important;
}

.padding-filters {
    padding: 15px 20px;
}


/*Tab delle lettere*/

.letters .md-tab {
    color: #888!important;
    padding: 12px 24px!important;
}

.letters .md-tab.md-active {
    color: #35739F!important;
    background-color: #fff!important;
}

.letters md-ink-bar {
    color: #e9573d!important;
    background: #e9573d!important;
    height: 3px!important;
    top: 45px!important;
}

.letters .md-tab:first-child {
    background: #eee!important;
    color: #35739F!important;
}

.letters .md-tab:first-child i {
    color: #333!important;
}

.letters .md-tab:first-child.md-active {
    color: #35739F!important;
    background-color: #fff!important;
}

.letters .md-tab:first-child.md-active i {
    color: #35739F!important;
}


/*.letters .md-tab:nth-child(2) {
    background: pink!important; 
} 
.letters .md-tab:nth-child(3) {
    background: blue!important; 
} */

.letters .filters-categories-bar md-tabs-canvas {
    background-color: #eee!important;
}

.letters:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 100px!important;
}

.subtitle-filters {
    margin: -10px 0 10px 0px;
    font-size: 11px;
    font-style: italic;
}

.tech-skills-legend {
    background-color: #8b80a9;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-right: 5px;
}

.soft-skills-legend {
    background-color: #7db2b0;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: 0 5px 0 10px;
}

.competence-column a {
    display: block;
    text-decoration: underline;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}

.competence-column p {
    padding: 0!important;
    margin: 0!important;
    line-height: 22px;
}

.competence-column p::before {
    /*
    font-family: 'Material Icons';
    content: "cancel";
    -webkit-font-feature-settings: 'cancel';
    */
    content: "x";
    color: #e9573d!important;
    font-size: 14px!important;
    line-height: 14px!important;
    text-align: center!important;
    display: inline-block;
    margin-right: 10px!important;
}

.category-item {
    display: block;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer!important;
    line-height: 20px!important;
    padding: 6px!important;
    color: rgb(89, 109, 123);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

a.category-item:link,
a.category-item:visited {
    text-decoration: none;
    color: rgb(89, 109, 123);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

a.category-item:hover {
    background: rgb(89, 109, 123);
    color: rgb(255, 255, 255)!important;
    margin-left: 8px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.competence-column {
    display: table-cell!important;
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 40px;
    /* Firefox */
    column-gap: 40px;
    -webkit-column-rule-style: dashed;
    /* Chrome, Safari, Opera */
    -moz-column-rule-style: dashed;
    /* Firefox */
    column-rule-style: dashed;
    -webkit-column-rule-width: 1px;
    /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px;
    /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: #ddd;
    /* Chrome, Safari, Opera */
    -moz-column-rule-color: #ddd;
    /* Firefox */
    column-rule-color: #ddd;
    column-span: 20px;
    -moz-column-fill: balance;
    /* Firefox */
    column-fill: balance;
    overflow: hidden;
}

@media only screen and (max-width: 600px) {
    .competence-column {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        -webkit-column-count: 1;
        columns: 1;
        column-count: 1;
    }
}

.type-wrapper {
    position: relative;
    background-color: #fff;
    min-width: auto;
    text-align: center;
    margin: 4px 2px!important;
    padding: 15px 0;
    height: 76px!important;
    cursor: pointer;
    border-radius: 2px!important;
}

.type-wrapper i {
    color: #888!important;
}

.filter-active {
    background-color: #f1634a!important;
    color: #fff!important;
}

.filter-active i {
    color: #fff!important;
}

.filter-active .label-footer-card-filter {
    color: #fff!important;
}

.label-footer-card-filter {
    margin: 0;
    font-size: 9px;
    color: #888;
}

.btn-remove-filters {
    height: 20px!important;
    padding: 0 20px!important;
    font-size: 11px!important;
    width: 160px!important;
    min-width: 160px!important;
}

.btn-remove-filters i {
    font-size: 15px!important;
    margin-right: 3px;
}


/* SEARCHBAR */


/* TOOLBAR */

.toolbar {
    position: fixed;
}

.tool {
    min-height: 208px;
}

.toolbar-btn {
    width: 58px!important;
    height: 58px!important;
    max-width: 58px!important;
    max-height: 58px!important;
    min-width: 58px!important;
    min-height: 58px!important;
    text-align: center;
    border-radius: 5px!important;
}

.toolbar-btn p {
    display: block;
    font-size: 10px;
    margin-top: -20px;
    font-weight: bold!important;
}

.toolbar-btn md-icon {
    font-size: 27px;
    height: 27px;
    width: 27px;
}

.toolbar-wrapper {
    width: 58px;
    height: auto;
    min-height: 260px;
    max-width: 58px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 5px;
    margin-top: 6px;
}

.toolbar-wrapper-moblie {
    width: 100%;
    height: 58px!important;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 5px;
    margin-top: 6px;
    border-left: 5px solid #35739F;
    border-right: 5px solid #35739F;
}

.toolbar-wrapper-margin {
    margin-bottom: -33px!important;
}

.mobile-top-toolbar-wrapper {
    padding: 15px 0!important;
    background-color: #f3f3f3!important;
}

.toolbar-top {
    width: 52px;
    height: 20px;
    background-color: #35739F;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    margin: 4px auto;
}

.toolbar-bottom {
    width: 52px;
    height: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    margin: 4px auto;
}

.toolbar-bottom-icon {
    display: inline-block!important;
    width: 9px!important;
    height: 9px!important;
    line-height: 15px!important;
    text-align: center!important;
    color: #fff!important;
    font-size: 9px!important;
    font-weight: bold!important;
    margin: 4px auto!important;
}

.main-wrapper {
    display: block;
    width: 100%!important;
    min-width: 100%;
    min-height: 420px!important;
}

.main-wrapper-card {
    padding: 6px 0!important;
}

.sidenav-wrapper {
    position: relative;
    float: left;
    display: block;
    width: 60px!important;
    min-width: 60px!important;
    height: auto!important;
    min-height: 1px!important;
    max-width: 60px;
    text-align: center;
    margin-right: 20px!important;
    z-index: 50;
}

.fix-toolbar-with-top-space {
    position: fixed!important;
    top: 147px!important;
    z-index: 10;
    display: block;
}

.fix-toolbar-without-top-space {
    position: fixed!important;
    top: 0!important;
    z-index: 10;
    display: block;
}


/* TOOLBAR */


/* SEZIONE PROGETTO */

.header-section {
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    height: 55px!important;
    position: relative;
}

.content-section {
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}

.section-description {
    font-size: 13px!important;
}

.all-obj-label {
    min-width: 140px!important;
}

.wrapper-tech-soft-section {
    height: 40px;
    border-left: 1px solid #ddd;
    margin-right: 10px;
    padding-left: 0px!important;
}

.border-section-counter {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 20px!important;
}

.border-section-counter h3 {
    padding-right: 0px!important;
}

.control-panel-approach-tech-section {
    display: inline-block;
    height: 26px;
    width: 60px;
    background-color: #7db2b0;
    padding: 3px 8px;
    font-size: 11px;
    font-style: italic;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.margin-label-section {
    margin-top: 1px!important;
}

.label-total-obj {
    margin: 0 20px 0 9px;
    font-size: 18px!important;
}

.control-panel-approach-soft-section {
    display: inline-block;
    height: 26px;
    width: 60px;
    background-color: #8b80a9;
    padding: 3px 8px;
    font-size: 11px;
    font-style: italic;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.btn-select-item {
    padding: 0 15px!important;
    min-height: 10px!important;
    max-height: 30px!important;
    font-size: 12px!important;
    line-height: 30px!important;
}

.check-section md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
    border-color: #fff!important;
}


/* SEZIONE PROGETTO */


/*IMPOSTAZIONI SLIDER FEEDBACK*/

.slick-slider-wrapper {
    height: 86px!important;
    margin-bottom: 0px!important;
    max-width: 450px;
    text-align: center;
    margin: 0 auto;
    line-height: 10px!important;
}

.slick-slider {
    min-height: 90px!important;
}

.imageFeed {
    height: 111px!important;
    background-color: rgba(250, 250, 250, 0.7)!important;
    border-radius: 7px;
    margin: 0;
    padding: 15px;
}

.imageFeed2 {
    height: auto!important;
    width: 100%;
    background-color: rgba(250, 250, 250, 0.7)!important;
    border-radius: 7px;
    margin: 0;
    padding: 15px;
    position: relative;
}

.select-feed {
    width: 135px;
    margin-bottom: 10px;
}

.clear-feed {
    position: relative;
    right: -48px;
    top: -24px;
    z-index: 500;
    margin-right: -25px!important;
}

.slick-dots {
    bottom: -26px!important;
}

.slick-prev:before,
.slick-next:before {
    color: #35739F!important;
}

.landing-feedback-card {
    display: auto;
}

@media (max-width: 600px) {
    .slick-dots {
        display: none!important;
    }
}

@media (max-width: 600px) {
    .landing-feedback-card {
        display: inline-block!important;
    }
}

.certificate {
    display: block;
    height: auto!important;
    width: 100%!important;
    line-height: 140px;
    margin: 0 auto;
    text-align: center!important;
}

.certificate img {
    width: 79px!important;
    height: 100px!important;
    margin: 0 auto 15px auto;
}

.box-complete-feed {
    max-height: 191px!important;
}


/*IMPOSTAZIONI SLIDER FEEDBACK*/


/*NOTIFICHE BADGE*/

.badge1 {
    position: relative;
}

.badge1[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    z-index: 9999;
    top: -10px;
    right: -10px;
    font-size: .7em;
    background: green;
    color: white;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
}


/* SURVEY */

.progressbar {
    padding: 30px 0;
}

#box-navigation {
    padding: 30px 0;
}

.btn-nav-left {
    padding: 0 15px 0 7px!important;
}

.btn-nav-right {
    padding: 0 7px 0 15px!important;
}


/* SURVEY */


/*CARD PANEL SETTINGS*/

.hover-card:hover {
    height: 100%;
    border-radius: 3px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 1px 3px 3px -2px rgba(0, 0, 0, .12);
}

.complete-content {
    display: block;
    height: 90px;
    width: 100%;
    line-height: 90px;
    margin: 0;
}

.completamento {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 13px!important;
    margin: 0 6px 0 0;
    padding: 0;
    text-align: right;
}

.percent {
    font-size: 15px;
}

.chart {
    height: 100%;
    width: 100%;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    text-align: center!important;
    margin: 0 auto;
}

.text-percent {
    font-size: 23px;
    line-height: auto!important;
}

.text-percent-list {
    font-size: 11px;
    line-height: auto!important;
    margin-right: -2px;
}

.text-percent-wrapper {
    position: absolute;
    z-index: 50;
    width: 100%;
    text-align: center;
    height: 90px;
    line-height: 82px;
    font-size: 15px;
    left: 3px;
}

.text-percent-wrapper-list {
    position: relative;
    z-index: 50;
    width: 100%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 10px;
    margin-bottom: -35px!important;
}

.control-panel-bottom-circle canvas {
    margin-top: 3px;
}

.object-in-progress-list {
    margin-top: 6px!important;
    margin-left: -1px!important;
}

.object-in-progress-list-detail {
    margin-top: 6px!important;
    margin-left: 7px!important;
    margin-right: 10px!important;
}

.object-to-do {
    height: 75px;
    width: 75px;
    border: 2px solid #fff;
    border-radius: 50px;
}

.object-to-do-list {
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    border-radius: 50px;
}

.object-icon {
    height: 75px;
    width: 75px;
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}

.object-icon-list {
    height: 35px;
    width: 35px;
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}

.object-icon .material-icons {
    font-size: 45px;
    color: #fff;
    height: 72px!important;
    width: 72px!important;
    line-height: 72px;
    margin: 0 auto;
    text-align: center;
}

.object-icon-list .material-icons {
    font-size: 19px;
    color: #fff;
    height: 33px!important;
    width: 31px!important;
    line-height: 33px;
    margin: 0 auto;
    text-align: center;
}

.object-avatar {
    display: block;
    height: 75px;
    width: 75px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
}

.object-avatar-list {
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 35px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
}

.object-certificate {
    display: block;
    height: 75px;
    width: 75px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
}

.object-certificate-list {
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: 2px solid #fff;
    text-align: center;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
}

.img-certificate {
    margin-top: 13px!important;
}

.chart {
    height: 100%;
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.panel {
    position: relative;
    background: #fff;
    width: 300px;
    margin: 40px auto;
    text-align: center;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.chart-content {
    width: 90px;
    height: 90px;
    margin: 0 auto;
}

.left-plain {
    float: left;
    width: 35%;
    margin: 0 2% 0 0;
    text-align: center!important;
    position: relative;
}

.right-plain {
    float: right;
    width: 60%;
}

.dati-box-plain {
    display: flex;
    margin: 0px!important;
    text-transform: uppercase;
    color: #35739F;
    font-weight: bold!important;
}

.insert-title {
    width: 100%!important;
}


/*AREA SETTINGS*/

.box-area-content {
    padding: 20px;
}

.box-area {
    height: auto;
    background-color: #8e1230;
    border-radius: 5px!important;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.box-area-add {
    min-height: 156px;
}

.desc-extract {
    white-space: nowrap;
    overflow: hidden;
    height: 60px;
    width: 120px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin: 0 auto;
}

.id-micro {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 0 8px 0!important;
    padding: 5px;
    font-size: 18px;
}

.box-area-complete {
    border-radius: 5px!important;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 180px!important;
}

.box-area-complete-191 {
    border-radius: 5px!important;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 191px!important;
}

.box-area-feedback {
    height: auto;
    border-radius: 5px!important;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.star-feedback {
    padding-left: 25px
}

.left-align {
    text-align: left!important;
}

.md-avatar-feedback {
    width: 40px!important;
    height: 40px!important;
}

.name-feedback {
    font-size: 11px!important;
    font-weight: bold;
    word-wrap: break-word;
    margin: -5px!important;
    padding: 0;
    line-height: auto;
}

.btn-expand-area-height {
    margin-top: 30px;
    max-height: 5px;
}

.btn-expand-area {
    clear: both;
    position: relative;
    z-index: 999;
    margin: 0;
    padding: 0;
    top: -11px;
    right: 30px;
    margin-top: 30px!important;
}

.area-row-selection {
    padding: 0!important;
    min-height: 50px!important;
}

md-list-item ._md-no-style.md-button,
md-list-item._md-no-proxy.md-button {
    height: 100% !important;
    min-height: 55px!important;
    padding: 10px 25px !important;
    width: 100% !important;
}


/*.area-row-selection-title {
    background-color: rgba(125, 178, 176, 0.5);
    border-radius: 3px;
}*/


/* mixin for multiline */

.block-with-text {
    width: 180px;
    height: 65px;
    margin: 0 auto;
}

.box-area-wrapper {
    height: auto!important;
    overflow: hidden;
}

.box-area-wrapper {
    margin-bottom: 30px;
}


/* BREADCHRUMBS */

.breadcrumb-alloy {
    padding: 0px!important;
    font-weight: bold;
    list-style: none;
    margin: 0 0 15px 0!important;
    cursor: pointer;
}

.breadcrumb-alloy li {
    display: inline;
}

.breadcrumb-alloy a {
    color: #35739F!important;
    text-decoration: underline;
    font-weight: normal;
}

.breadcrumb-alloy a:hover {
    font-weight: bold;
}

.breadcrumb-alloy li+li:before {
    content: " › ";
    font-size: 19px;
    color: #35739F!important;
    font-weight: bold;
}

.current {
    color: #e9573d!important;
    text-decoration: none!important;
    cursor: default!important;
    font-weight: bold!important;
}


/*CREAZIONE PIANO*/

.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

.selectdemoSelectHeader md-content._md {
    max-height: 240px;
}

.imageFeed {
    height: 121px;
    width: 100%;
    background-color: #752127;
    margin: 0;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis.multiline {
    white-space: normal;
}

.multiline {
    font-size: 20px;
}

.bg-complete {
    position: relative;
}

.img-complete {
    position: absolute;
    z-index: 50;
    height: 38px!important;
    width: 38px;
    top: 145px;
    left: 7px;
}

.img-complete-right {
    position: absolute;
    z-index: 50;
    height: 38px!important;
    width: 38px;
    top: 145px;
    right: 7px;
}

.margin-bottom-40 {
    margin-bottom: 40px!important;
}

.margin-bottom-8 {
    margin-bottom: 8px!important;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused.md-input,
md-input-container:not(.md-input-invalid).md-input-focused .md-input,
md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input,
md-input-container:not(.md-input-invalid).md-input-resized.md-input {
    border-color: rgb(224, 224, 224);
}

label {
    color: #F67500!important;
}


/* Classi per il loading del carousel.
 * Finchè quest'ultimo non sarà caricato, il loader sarà visibile e centrato
 */

.notVisible {
    visibility: hidden;
}

.slick-initialized {
    visibility: visible;
}

.centered-loader {
    height: 100% !important;
    align-items: center !important;
}

md-input-container.md-default-theme label,
md-input-container.md-default-theme .md-placeholder {
    color: grey !important;
}

.no-space-top {
    padding-top: 0!important;
    margin-top: 0!important;
}

.label-plan-status {
    padding-top: 8px;
    height: 50px!important;
}

.name-select-manager-plan {
    text-align: center;
    min-width: 100%;
}

.padding-15 {
    padding: 15px !important;
}

.padding-16 {
    padding: 16px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-l-r-16 {
    padding: 0 16px;
}

.padding-l-r-20 {
    padding: 0 20px;
}

.first-access {
    opacity: 0.7;
}

.search-assesment {
    line-height: 30px;
    margin: 0 8px 0 0;
    padding: 0;
}

.element-disabled {
    background-color: rgba(209, 211, 212, 0.5)!important;
    color: #999!important;
    pointer-events: none!important;
}

.btn-disabled[disabled] {
    background-color: rgba(209, 211, 212, 0.5)!important;
    color: #999!important;
    pointer-events: none!important;
}

.btn-disabled-cards[disabled] {
    pointer-events: none!important;
}

.header-btn-disabled[disabled] {
    background-color: transparent!important;
    opacity: .5!important;
    pointer-events: none!important;
}

#checkbox-microtactic[disabled] {
    cursor: no-drop;
}


/* Typeahead */

.autocompletedemoCustomTemplate .autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}

.autocompletedemoCustomTemplate .autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
}

.autocompletedemoCustomTemplate .autocomplete-custom-template .item-title,
.autocompletedemoCustomTemplate .autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 2;
}

.autocompletedemoCustomTemplate .autocomplete-custom-template .item-title md-icon {
    height: 18px;
    width: 18px;
}

.fade-in-out {
    transition: 1s linear all;
    opacity: 1;
}

.fade-in-out.ng-hide {
    opacity: 0;
}

.ta-editor {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
    margin: 20px 0;
}

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
    background-color: #e9573d!important;
    color: #FFFFFF!important;
}

md-checkbox.md-checked .md-ink-ripple {
    color: #FFFFFF!important;
}

md-checkbox.md-checked .md-ink-ripple {
    background-color: #e9573d!important;
    color: #FFFFFF!important;
}

.search-style {
    border-left: 8px solid #F67500;
}


/* ONBOARDING LIBRARY */

.img-onboarding {
    margin: 0 auto;
    text-align: center!important;
    width: 100%;
}

.img-onboarding img {
    margin: 0 auto;
    text-align: center;
    max-height: 200px!important;
    width: auto!important;
}

@media screen and ( max-height: 600px) {
    .img-onboarding img {
        max-height: 180px!important;
    }
}

@media screen and ( max-height: 500px) {
    .img-onboarding img {
        max-height: 120px!important;
    }
}

.img-onboarding-placeholder {
    margin: 0 auto;
    text-align: center!important;
    max-width: 390px!important;
    max-height: 280px!important;
}

.img-onboarding-placeholder img {
    margin: 0 auto;
    text-align: center!important;
    width: 100%!important;
}

.modal-content {
    margin: 0 auto;
    width: 100%;
    max-width: 750px!important;
    padding: 0px;
    min-height: 600px!important;
    max-height: 600px!important;
}

#tutorial-slick {
    margin: 0!important;
}

.tutorial {
    min-height: 600px!important;
    max-height: 600px!important;
    max-width: 750px!important;
}

.tutorial md-card {
    min-height: 600px!important;
    max-height: 600px!important;
    max-width: 750px!important;
    width: 100%!important;
}

.tutorial-page {
    width: 100%;
    max-width: 1800px;
}

@media screen and ( max-height: 600px) {
    .tutorial-page {
        font-size: 11px!important;
    }
}

@media screen and ( max-height: 500px) {
    .tutorial-page {
        font-size: 10px!important;
    }
}

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

.modalTutorial {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.modalTutorial h1,
.modalTutorial h2,
.modalTutorial p {
    font-family: 'Open Sans', sans-serif !important;
}

.title-tutorial {
    font-size: 55px;
}

.padding-tutorial {
    padding: 60px;
}

.tutorial-slide-content {
    min-height: 568px!important;
}

.tutorial-slide-content h2 {
    font-size: 28px;
}

.padding-tutorial-row {
    padding: 0px;
    min-height: 100%!important;
}

.modal-body .slick-dots {
    bottom: -41px!important;
}

.img-tutorial {
    width: 150px;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 90%!important;
        margin: 10px auto!important;
    }
}

@media (max-width: 768px) {
    .logo-library-new {
        position: absolute;
        top: 49px;
        left: 158px;
        height: 33px;
    }
}

.md-dialog-backdrop {
    z-index: 1500!important;
}

.md-dialog-container {
    z-index: 1500!important;
}


/*ARROW SLICK*/

.slick-prev-tutorial,
.slick-next-tutorial {
    /*
    position: absolute;
    display: block;
    height: 60px!important;
    width: 60px!important;
    line-height: 60px!important;
    font-size: 60px!important;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
    color: #fff!important;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
    */
    display: block;
    cursor: pointer;
    color: #fff!important;
    outline: none;
}

.slick-prev-tutorial:before,
.slick-next-tutorial:before {
    font-size: 20px;
    line-height: 1;
}

.slick-prev-tutorial {
    left: 0!important;
}

.slick-next-tutorial {
    right: 0!important;
}

.slick-arrow {
    z-index: 999!important;
}

.slick-disabled {
    opacity: 0;
    pointer-events: none;
}


/* ONBOARDING LIBRARY */


/* Sovrascrivo il bottom sheet affinchè venga sempre visualizzato correttamente in basso nella view del browser */

md-bottom-sheet {
    position: fixed !important;
    z-index: 1000!important;
}


/*Area custom*/


/* pop-up NOTIFICHE */

#notification-menu {
    padding-top: 0;
}

md-menu-content.notification {
    width: 300px;
}

.notification a,
.notification a:hover {
    color: black;
    font-style: normal;
    text-decoration: none;
}

._md-open-menu-container {
    z-index: 9999 !important;
}

.notification p {
    margin: 5px;
}

.notification-item {
    margin: 2px 0;
}

.notification {
    min-height: 50px;
    border-radius: 5px;
    padding: 0px 5px;
}

.notification-avatar {
    padding-right: 5px;
}

.notification-avatar img {
    border-radius: 5px;
    max-height: 50px !important;
}

.notification-name {
    font-style: italic;
    font-weight: bold;
}

.notification-time {
    font-style: italic;
    text-align: right;
}

.read-all-notification {
    height: 10px;
    margin: 5px -5px -2px -5px !important;
    border-radius: 0 !important;
    position: absolute !important;
    bottom: 0px;
    width: 100%;
}

.triangle {
    width: 20px;
    height: 10px;
    box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: -10px;
    overflow: hidden;
}

@media (max-width: 600px) {
    .triangle {
        right: 263px;
    }
}

.triangle:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ffffff;
    transform: rotate(45deg);
    /* Prefixes...*/
    top: 5px;
    left: 1px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

md-menu-item-notification {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}


/* FINE NOTIFICHE */


/* PRESTITO LIBRO */

.text-comment {
    font-size: 10px;
}

.rent-list {
    width: 50px!important;
    margin: 0!important;
    float: left!important;
    text-align: center!important;
    padding: 0 15px!important;
}

.rent-date {
    max-width: 85px!important;
    float: left!important;
    min-width: 74px!important;
}

.rent-status {
    width: auto!important;
    float: left!important;
    margin-left: 10px!important;
}


/* PRESTITO LIBRO */

.text-black {
    color: #000 !important;
}

md-toolbar:not(.md-menu-toolbar) {
    background-color: #eee!important;
    color: #fff!important;
    border-bottom: 1px solid #ddd;
}

md-toolbar:not(.md-menu-toolbar) md-icon {
    color: #fff!important;
}

md-dialog {
    max-width: 600px!important;
    width: 100%!important;
    margin: 15px!important;
    max-height: 95%!important;
}

.btn-back-to-plans {
    background-color: #6f7072!important;
}

md-input-container.md-icon-left {
    width: 100% !important;
}

.opacity-0-3 {
    opacity: 0.3;
}

.subordinate-avatar img {
    border-radius: 5px;
    height: 30px !important;
    width: 30px !important;
}


/*CONTROL PANEL*/

card {
    flex: 1 0 auto!important;
    min-width: 210px!important;
    max-width: 25%!important;
}

@media (max-width: 946px) {
    card {
        min-width: 33%!important;
        max-width: 33%!important;
    }
}

@media (max-width: 736px) {
    card {
        min-width: 50%!important;
        max-width: 50%!important;
    }
}

@media (max-width: 449px) {
    card {
        min-width: 100%!important;
        max-width: 100%!important;
    }
}

.control-panel-wrapper {
    height: auto;
    width: 100%;
    padding: 0!important;
    margin: 0 0 0 30px!important;
    min-width: 180px!important;
}

.control-panel {
    height: 299px;
    width: 100%;
    max-width: 180px!important;
    border-radius: 5px;
    padding: 0!important;
    margin: 20px auto!important;
    position: relative;
}

.control-panel-img-wrapper {
    height: 75px!important;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -9px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.control-panel-img-wrapper-list {
    height: 28px!important;
    width: 80px;
    margin-right: 11px;
    background-position: center;
    background-size: cover;
    display: inline-table;
}

.control-panel-wow {
    height: 350px!important;
    width: 100%;
    max-width: 180px!important;
    border-radius: 5px;
    padding: 0!important;
    margin: 20px auto!important;
    position: relative;
}

.control-panel-top {
    height: auto;
    width: 100%;
    max-width: 180px!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
}

.title-card-wrapper {
    height: auto;
    width: 100%;
    max-width: 180px!important;
    padding: 0 10px;
}

.control-panel-top-competence {
    height: auto;
    width: 100%;
    max-width: 180px!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 8px 11px;
    font-size: 12px!important;
}

.control-panel-top-bar {
    position: relative;
    z-index: 2;
    height: 9px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.control-panel-top-bar-card {
    position: absolute;
    z-index: 2;
    height: 9px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.fuzzy-label {
    background-image: url(../img/bg-toolset.png);
    background-repeat: no-repeat;
    width: 185px;
    height: 44px;
    margin: 0 auto;
    text-align: center;
    margin-top: -9px;
}

.category-label {
    background-image: url(../img/bg-toolset-red.png);
    background-repeat: no-repeat;
    width: 185px;
    height: 44px;
    margin: 0 auto;
    text-align: center;
    margin-top: -9px;
}

.fuzzy-text {
    display: block;
    margin-top: 12px;
    font-size: 12px;
}

.fuzzy-bottom-bar {
    height: 20px;
    width: 100%!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fuzzy-bottom-circle {
    display: block;
    position: relative!important;
    height: 90px;
    width: 90px!important;
    min-height: 90px;
    min-width: 90px!important;
    max-width: 90px!important;
    border-radius: 90px!important;
    margin: 0 auto -53px auto!important;
    padding: 0;
    text-align: center;
    z-index: 10;
}

.fuzzy-object-icon {
    height: 60px;
    width: 60px;
    border: 2px solid #fff;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}

.fuzzy-object-icon .material-icons {
    font-size: 38px!important;
    color: #fff;
    height: 54px!important;
    width: 54px!important;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
}

.wrapper-label-top-bar {
    position: absolute;
    width: 180px;
}

.label-top-bar {
    text-align: center;
    height: 21px;
    width: 144px;
    min-width: 144px;
    max-width: 144px;
    padding: 0 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 10;
}

.label-top-bar span {
    font-size: 10px;
    font-weight: bold;
    line-height: 21px;
}

.wrapper-suggestion-label {
    margin-bottom: -14px;
    background-color: transparent!important;
    position: relative;
    z-index: 15px;
}

.counter-playlist {
    position: absolute;
    height: 43px;
    width: 180px;
    font-size: 9px!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.number-playlist {
    font-size: 14px!important;
    margin-right: 5px;
}

.label-counter-playlist {
    line-height: 43px;

}

.label-counter-playlist-margin {
    margin-top: 12px!important;
}

.label-proprieties-object {
    position: absolute;
    top: 92px;
    width: 180px;
}

.label-verify-object {
    background: #fff;
    border: 1px solid #333;
    text-align: center;
    color: #333;
    padding: 2px 8px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    display: table;
}

.label-completed-object {
    background-color: #F67500;
    border: 1px solid #F67500;
    text-align: center;
    color: #fff;
    padding: 2px 8px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

.label-completed-object-grey {
    background-color: rgb(111, 112, 114);
    border: 1px solid rgb(111, 112, 114);
    text-align: center;
    color: #fff;
    padding: 2px 8px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

.label-new-object {
    background: #F67500;
    border: 1px solid #F5F5F5;
    text-align: center;
    color: #fff;
    padding: 2px 8px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
}

.label-verify-object-item-details {
    background: #fff;
    border: 1px solid #333;
    color: #333;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    max-height: 20px;
    line-height: 17px;
    font-style: italic;
}

.label-completed-object-item-details {
    background: #F67500;
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    max-height: 20px;
    line-height: 17px;
    font-style: italic;
}

.label-new-object-item-details {
    background: #F67500;
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    max-height: 20px;
    line-height: 17px;
    font-style: italic;
}

.label-start-verify-item-details-disabled {
    background: #fff;
    color: #999;
    border: 1px solid #999;
    pointer-events: none;
    cursor: default;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    max-height: 20px;
    line-height: 17px;
    font-style: italic;
}

.label-start-verify-item-details {
    background: #fff;
    color: #333;
    border: 1px solid #333;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    max-height: 20px;
    line-height: 17px;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase!important;
}

.label-start-verify-item-details i {
    color: #F67500!important;
}

.suggestion-avatar {
    height: 29px;
    width: 29px;
    margin-right: -18px!important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-position: center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 2px solid #fff;
}


/* cluster - background-color */

.empower-yourself {
    background-color: /*Old color #B8703B*/
    rgb(210, 197, 233)!important;
}

.mandatory {
    background-color: /*Old color #7992B0*/
    rgb(247, 188, 172)!important;
}

.energy {
    background-color: /*Old color #4E5D2F*/
    rgb(242, 162, 87)!important;
}

.technical-excellence {
    background-color: /*Old color #BE0712*/
    rgb(245, 205, 97)!important;
}

.managing-people {
    background-color: /*Old color #1AAF54*/
    rgb(210, 219, 105)!important;
}

.business-culture {
    background-color: /*Old color #807F80*/
    rgb(168, 213, 192)!important;
}

.fostering-innovation {
    background-color: /*Old color #3D628C*/
    rgb(162, 218, 224)!important;
}


/*.grayscale {
    filter: grayscale(50%);
}*/


/* cluster - background-color */


/* cluster per il dettaglio dell'oggetto */

.empower-yourself-item-details {
    background-color: rgb(210, 197, 233);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.mandatory-item-details {
    background-color: rgb(247, 188, 172);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.emp-item-details {
    background-color: rgb(242, 162, 87);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.technical-excellence-item-details {
    background-color: rgb(245, 205, 97);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.managing-people-item-details {
    background-color: rgb(210, 219, 105);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.business-culture-item-details {
    background-color: rgb(168, 213, 192);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.energy-item-details {
    background-color: rgb(242, 162, 87);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.fostering-innovation-item-details {
    background-color: rgb(162, 218, 224);
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.tech-skills-item-details {
    background-color: #7db2b0;
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.soft-skills-item-details {
    background-color: #8b80a9;
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.item-detail-labels-under-title {
    padding: 0px 6px !important;
    padding: 2px 8px!important;
    font-size: 10px!important;
    margin-right: 9px!important;
    max-height: 20px!important;
    line-height: 17px!important;
}

.is-mandatory-item-details {
    background-color: #fff;
    color: #F67500;
    border: #F67500 solid 1px;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    font-weight: bold;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.is-mandatory-item-detail i {
    font-size: 11px!important;
}

.info-item-objtext-uppercase i {
    font-size: 12px!important;
    margin-right: 2px;
}


/* cluster per il dettaglio dell'oggetto */

.bottom-mask-img {
    position: absolute;
    top: 77px;
    height: 40px;
    width: 180px;
    /* Rectangle: */
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.45) 100%);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.45) 100%);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.45) 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.45) 100%);
}

.top-mask-img {
    position: absolute;
    height: 40px;
    width: 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /* Rectangle: */
    /* Rectangle: */
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0.00) 100%);
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0.00) 100%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0.00) 100%);
    background-image: linear-gradient(rgba(0, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0.00) 100%);
}


/*.label-top-bar-right {
    width: 0;
height: 0;
border-style: solid;
border-width: 23px 15px 0 0;
border-color: #007bff transparent transparent transparent;
line-height: 0px;
_border-color: #007bff #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.label-top-bar-left { 
    width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 23px 0;
border-color: transparent #007bff transparent transparent;
line-height: 0px;
_border-color: #000000 #007bff #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}*/

.control-panel-top-bar-edit {
    height: 10px;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.fuzzy-wrapper {
    border-radius: 5px!important;
    cursor: pointer;
}

.control-panel-bottom-bar {
    height: 20px;
    width: 260px!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0 auto;
}

.control-panel-bottom {
    position: relative;
    height: 80px;
    width: 180px!important;
    max-width: 180px!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.footer-card {
    position: relative;
    height: 40px;
    width: 180px!important;
    max-width: 180px!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.action-footer {
    font-size: 15px!important;
    padding: 0px 0px 0 10px;
}

.btn-label {
    font-size: 10px!important;
}

.effect-card-1 {
    height: 5px;
    width: 260px!important;
    max-width: 260px!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 10px;
    background-color: #fff;
    position: absolute;
    z-index: 3;
}

.effect-card-2 {
    height: 5px;
    width: 240px!important;
    max-width: 240px!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 20px;
    background-color: #fff;
    position: absolute;
    bottom: -11px;
    z-index: 2;
}

.effect-card-3 {
    height: 5px;
    width: 220px!important;
    max-width: 220px!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 30px;
    background-color: #fff;
    position: absolute;
    bottom: -17px;
    z-index: 1;
}

.control-panel-bottom-start {
    text-align: center;
    margin: 0 0 0 20px;
    width: 76px;
    max-width: 76px;
}

.control-panel-bottom-end {
    text-align: center;
    margin: 0 20px 0 0;
    width: 76px;
    max-width: 76px;
}

.status-object-card {
    padding: 19px 6px 8px 6px!important;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #efefef!important;
}

.status-object-card i {
    font-size: 19px!important;
}

.opacity-layer {
    opacity: 0.3!important;
}


/*.control-panel-title {
    height: 70px;
}*/

.control-panel-title-section {
    height: 60px!important;
}

.control-panel-title-section h3 {
    padding-bottom: 0!important;
}

.control-panel-title {
    height: 50px!important;
}

.title-item-detail {
    display: block;
    width: 100%;
}

.detail-obj-text {
    font-size: 18px!important;
    font-weight: bold!important;
    color: #35739F;
}

.padding-title {
    padding: 0 15px!important;
}

.control-panel-title h3 {
    max-height: 50px!important;
    max-width: 160px;
    font-size: 12px!important;
    font-weight: bold!important;
    color: #35739F;
    word-wrap: break-word;
    white-space: normal;
}

.control-panel-title .detail-obj-text {
    font-size: 18px!important;
    font-weight: bold!important;
    color: #35739F;
}

.center-title-card {
    vertical-align: middle!important;
    display: table-cell!important;
    width: 100%!important;
}

.control-panel-label-wrapper-section {
    height: 16px;
    width: 100%;
    display: block;
    position: relative!important;
    margin: 1px 0 0 0!important;
    padding: 0;
    background-color: transparent!important;
    /*background-color: rgba(0, 0, 0, 0.5)!important;*/
}

.control-panel-label-wrapper {
    height: 16px;
    width: 100%;
    display: block;
    position: relative!important;
    margin: -16px 0 0 0!important;
    padding: 0;
    background-color: transparent!important;
    /*background-color: rgba(0, 0, 0, 0.5)!important;*/
}

.control-panel-label-list-mandatory {
    display: block;
    min-width: 95px;
    width: 95px;
    position: relative!important;
    padding: 2px 8px;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
    color: #fff;
    background-color: #F67500;
    border: 1px solid #F67500;
    font-weight: bold;
    float: left;
    z-index: 3;
    margin-right: 12px;
}

.control-panel-label-list-preparatory {
    display: block;
    min-width: 95px;
    width: 95px;
    position: relative!important;
    padding: 2px 8px;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(111, 112, 114);
    border: 1px solid rgb(111, 112, 114);
    font-weight: bold;
    float: left;
    z-index: 3;
}

.control-panel-label-section-mandatory {
    display: block;
    min-width: 100px;
    width: 100px;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
    color: #fff;
    background-color: #F67500;
    text-align: center;
    line-height: 55px;
    border-left: 1px solid #fff;
    padding: 0!important;
    margin: 0!important;
}

.control-panel-label-section-preparatory {
    display: block;
    min-width: 100px;
    width: 100px;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
    color: #444;
    background-color: rgb(111, 112, 114);
    text-align: center;
    line-height: 55px;
    border-left: 1px solid #fff;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0!important;
    margin: 0!important;
}

.wrapper-mandatory-section {
    position: absolute;
    top: 4px;
    right: 15px;
}

.control-panel-label-mandatory {
    display: block;
    min-width: 90px;
    width: 90px;
    position: absolute!important;
    padding: 2px 8px;
    font-size: 9px;
    font-style: italic;
    text-transform: uppercase;
    color: #fff;
    background-color: #F67500;
    z-index: 3;
    top: 0px;
}

.control-panel-label-preparatory {
    display: block;
    min-width: 90px;
    width: 90px;
    position: absolute!important;
    padding: 2px 8px;
    font-size: 9px;
    font-style: italic;
    text-transform: uppercase;
    color: #fff;
    background-color: rgb(111, 112, 114);
    z-index: 3;
    top: 0px;
    right: 0px;
}

.control-panel-label-mandatory-triangle {
    position: relative!important;
    display: block;
    height: 16px;
    border-style: solid;
    border-width: 16px 16px 0 0;
    border-color: #F67500 transparent transparent transparent;
    margin-right: -20px;
    float: left;
    z-index: 3;
}

.control-panel-label-preparatory-triangle {
    position: relative!important;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 0;
    border-color: rgb(111, 112, 114) transparent transparent transparent;
    float: left;
    z-index: 3;
}

.control-panel-label-preparatory-triangle-left {
    display: block;
    position: relative!important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 0;
    border-color: transparent rgb(111, 112, 114) transparent transparent;
    float: left;
    z-index: 3;
}

.wrapper-tech-soft-list {
    height: 75px;
    border-left: 1px solid #ddd;
    margin-right: 10px;
}

.control-panel-approach-tech-list {
    display: inline-block;
    width: 60px;
    background-color: #7db2b0;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.control-panel-approach-tech {
    display: inline-block;
    height: 26px;
    width: 60px;
    background-color: #7db2b0;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    position: absolute;
    top: -14px;
    z-index: 10;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.control-panel-approach-tech-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 11px;
    border-color: transparent transparent transparent #7db2b0;
    display: block;
    z-index: 5;
    margin-top: -26px;
    margin-left: 51px;
}

.control-panel-approach-tech-right-bg {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 11px;
    border-color: transparent transparent transparent #fff;
    display: block;
    z-index: 10;
    margin-top: -23px;
    margin-left: 52px;
}

.control-panel-approach-soft-list {
    display: inline-block;
    height: 26px;
    width: 60px;
    background-color: #8b80a9;
    padding: 3px 8px;
    margin-top: 25px;
    font-size: 11px;
    font-style: italic;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.control-panel-approach-soft {
    display: inline-block;
    height: 26px;
    width: 60px;
    background-color: #8b80a9;
    padding: 3px 8px;
    font-size: 11px;
    font-style: italic;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    top: -14px;
    z-index: 10;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.control-panel-approach-soft-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 11px;
    border-color: transparent transparent transparent #8b80a9;
    display: block;
    z-index: 5;
    margin-top: -26px;
    margin-left: 51px;
}

.control-panel-approach-soft-right-bg {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 11px;
    border-color: transparent transparent transparent #fff;
    display: block;
    z-index: 10;
    margin-top: -23px;
    margin-left: 52px;
}

.check-card .md-container:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    float: right;
}

.card-title-h3 {
    font-size: 19px!important;
}

.card-title-h2 {
    font-size: 14px!important;
}

.card-title-h6 {
    font-size: 14px!important;
}

.card-title-h7 {
    font-size: 12px!important;
}

.card-title-h5 {
    font-size: 10px!important;
}

.control-panel-info-view {
    font-size: 11px;
    text-transform: none;
}

.control-panel-bottom-circle {
    display: block;
    position: relative!important;
    height: 112px;
    width: 112px!important;
    min-height: 112px;
    min-width: 112px!important;
    max-width: 112px!important;
    border-radius: 112px!important;
    margin: -4px auto 0 auto!important;
    padding: 0;
    text-align: center;
    z-index: 10;
}

.control-panel-bottom-circle-small {
    display: inline-flex!important;
    height: 51px!important;
    width: 51px!important;
    min-height: 51px!important;
    min-width: 51px!important;
    max-width: 51px!important;
    border-radius: 51px!important;
    padding: 0!important;
    text-align: center!important;
    z-index: 1;
}

.indicator-advancement {
    position: relative;
    top: 11px;
}

.divider-title {
    position: relative;
    top: 106px;
    z-index: 2;
}

.label-info-circle {
    position: relative;
    height: 24px;
    width: 112px!important;
    padding: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #35739F;
    z-index: 30;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 10px;
    line-height: 24px;
    margin-bottom: -11px;
}

.control-panel-chart {
    height: 100%;
    width: 100%;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    text-align: center!important;
    margin: 0 auto;
    top: 11px;
}

.control-panel-avatar {
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    left: 20px;
    top: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-size: contain;
    margin: 0;
    padding: 0;
    border: 2px solid #fff;
}

.label-footer-card {
    font-size: 9px;
    white-space: nowrap;
}

.check-new-card {
    margin: 0 0 0 10px!important;
}

.check-new-card .md-icon {
    border-color: #ddd!important;
}


/*card adnmin*/

.bottom-card-section-admin {
    background-color: #eee!important;
    padding: 20px!important;
    border-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
    font-size: 11px!important;
    text-transform: uppercase!important;
}

.bottom-card-admin {
    background-color: #35739F!important;
    padding: 10px!important;
    border-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    min-height: 120px!important;
    color: #fff!important;
    font-size: 11px!important;
    max-width: 180px!important;
    margin: -13px auto 0 auto!important;
}

md-switch.md-checked .md-thumb {
    background-color: #7db2b0!important;
}

.btn-switch-card-sdmin md-switch.md-checked .md-ink-ripple {
    color: #7db2b0!important;
}

.btn-switch-filters md-switch.md-checked .md-bar {
    background-color: rgba(125, 178, 176, 0.5)!important;
}

md-switch.md-default-theme.md-checked .md-bar,
md-switch.md-checked .md-bar {
    background-color: rgba(125, 178, 176, 0.5)!important;
}


/*list card*/

.wrapper-item-list {
    margin-right: 12px;
    text-align: center;
    min-width: 70px;
}

.item-list-wrapper {
    padding: 4px 15px;
}

.wrapper-item-list-label {
    padding: 0 8px;
    text-align: center;
}

.wrapper-item-list-type {
    text-align: center;
    min-width: 55px;
    margin-right: 10px;
}

.wrapper-item-list-type i {
    font-size: 15px!important;
}

.title-list-object {
    font-weight: bold;
    color: #35739F;
}

.bg-list-card {
    display: flex;
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    min-height: 45px!important;
}

.bg-list-white-card {
    display: flex;
    width: 100%;
    background-color: #fcfcfc;
    border-bottom: 1px solid #ddd;
    min-height: 45px!important;
}

.padding-right-16 {
    padding-right: 16px!important;
}

.padding-right-8 {
    padding-right: 8px!important;
}

.monte-ore {
    min-width: 70px!important;
    min-width: 100px!important;
    text-align: center;
}

.text-monte-ore {
    font-size: 12px!important;
}

.btn-detail-list {
    font-size: 11px!important;
    color: #35739F;
}


/*list card*/


/*CONTROL PANEL*/

.center-box {
    margin: 0 auto!important;
}

.slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.width-100 {
    width: 100%!important;
    margin: 0!important;
}

.just-with-100 {
    width: 100%!important;
}

.md-no-sticky {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
}

.page-creation-icon {
    font-size: 22px!important;
}

.risult-select {
    border-radius: 50px;
    padding: 6px 20px!important;
}

.btn-action-main {
    margin-right: 8px!important;
}

.block-ui-container {
    padding: 0 !important;
    margin: 0 !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.no-overflow {
    overflow: hidden !important;
}

.pointer-events {
    pointer-events: none;
}

h4 .info-suggestion {
    margin: 70px 10px!important;
    display: block;
    font-size: 14px!important;
}

.info-suggestion {
    background-color: #eee;
    border-radius: 10px;
    font-style: italic;
    padding: 10px;
    margin: 15px auto;
}

.generic-avatar-settings {
    height: 71px;
    width: 71px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-position: center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 2px solid #fff;
}

.text-left {
    text-align: left!important;
}

md-progress-circular {
    margin: 0 auto!important;
}

.inline-block {
    display: inline-block!important;
}

.display-block {
    display: block!important;
}


/* Espande la barra dei filtri */

.toolbarFilter {
    transition: all 1s!important;
}

.overflow-y {
    overflow-y: scroll!important;
}

.overflow-auto {
    overflow-y: auto!important;
}

.fix-to-top {
    position: fixed!important;
    top: 0!important;
    z-index: 100;
    max-width: 1100px;
    padding-right: 10px !important;
}

.fix-to-top-edit-obj {
    position: fixed!important;
    top: 0!important;
    z-index: 100;
    max-width: 1090px;
    padding-right: 10px !important;
}

.width-auto {
    width: auto!important;
}

.control-panel-top-obj-detail {
    height: auto;
    width: 100%;
    max-width: auto!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*padding:20px 20px 0 20px;*/
    padding: 15px 20px 0 20px;
}

.control-panel-obj-detail {
    height: auto;
    width: 100%;
    max-width: auto!important;
    border-radius: 5px;
    padding: 0!important;
    margin: 6px auto!important;
}

.control-panel-bottom-obj-detail {
    position: relative;
    height: 80px;
    width: auto;
    max-width: auto!important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.control-panel-top-obj-detail {
    height: auto;
    width: auto;
    max-width: auto!important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px 20px 0 20px;
}

.control-panel-approach-tech-obj-detail {
    display: inline-block;
    height: 26px;
    width: 60px;
    background-color: #7db2b0;
    padding: 3px 8px;
    font-size: 11px;
    font-style: italic;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.control-panel-approach-soft-obj-detail {
    display: inline-block;
    height: 26px;
    width: 60px;
    background-color: #8b80a9;
    padding: 3px 8px;
    font-size: 11px;
    font-style: italic;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.faade {
    transition: .1s linear all;
    -webkit-transition: .1s linear all;
}

.faade.ng-enter {
    opacity: 0;
}

.faade.ng-enter.ng-enter-active {
    opacity: 1;
}

.faade.ng-leave {
    opacity: 1;
}

.faade.ng-leave.ng-leave-active {
    opacity: 0;
}

.toggleViewTransition md-list-item {
    height: 60px!important;
}

.label-triangle-preparatory-disabled {
    border-color: #c4c4c4 transparent transparent transparent;
}

.label-triangle-mandatory-disabled {
    border-color: #eee transparent transparent transparent;
}


/* FOOTER */

.footer-btn {
    border-radius: 0!important;
    border: 1px solid #F67500!important;
    color: #F67500!important;
    width: auto!important;
    line-height: 36px!important;
    height: 36px!important;
    display: inherit!important;
    text-align: center!important;
    padding: 0px!important;
}

.expand-footer-btn-wrapper {
    min-height: 150px!important;
    height: 150px;
    position: relative;
}

.expand-footer-btn {
    border-radius: 3px!important;
    padding: 0 15px!important;
    border: 1px solid #35739F!important;
    width: auto!important;
    line-height: 36px!important;
    height: 36px!important;
    display: inherit!important;
    display: ruby;
    text-align: center!important;
}

.library-arms {
    position: absolute;
    background-color: #35739F;
    text-align: center;
    height: 70px;
    width: 70px;
    top: -10px;
    left: 10px;
}

.library-arms .bottom-edge {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 35px 0 35px;
    border-color: #35739F transparent transparent transparent;
    bottom: -18px;
    position: absolute;
}

.library-arms .top-edge {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 9px;
    border-color: transparent transparent #31424d transparent;
    position: absolute;
    left: -9px;
}

.label-arms {
    font-size: 9px!important;
    text-align: center;
    margin-top: 6px;
}

.icon-arms {
    font-size: 46px!important;
    margin-top: -7px!important;
}

.title-footer-second-column {
    min-height: 43px!important;
    display: block;
}

.max-height-70 {
    max-height: 70px!important;
}

.fix-to-bottom {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    z-index: 50;
    max-width: 1100px;
}

.backToTop {
    position: fixed!important;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    width: 50px;
    height: 50px;
    display: none;
}

.line-height-40 {
    line-height: 40px!important;
}

.md-icon-old-browser {
    margin: auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    height: 24px;
}

.arrow-color-filter-bar {
    color: rgba(0, 0, 0, 0.54)!important;
}

.md-icon-input-container {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto;
    margin: auto;
    background-repeat: no-repeat;
    vertical-align: middle;
    fill: currentColor;
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
}

md-select.md-default-theme .md-select-value.md-select-placeholder,
md-select .md-select-value.md-select-placeholder {
    color: #444!important;
}

.md-chips .md-chip-input-container md-autocomplete input {
    min-width: 400px!important;
}

@media screen and (max-width: 600px) {
    .md-chips .md-chip-input-container md-autocomplete input {
        min-width: 230px!important;
    }
}

.suggest-item-btn {
    min-width: 105px!important;
    min-height: 30px!important;
    height: 30px!important;
    line-height: 30px!important;
    max-width: 105px!important;
    margin: 15px 0!important;
}

.clear-item-btn {
    min-width: 105px!important;
    min-height: 30px!important;
    height: 30px!important;
    line-height: 30px!important;
    max-width: 105px!important;
    margin: 0px 15px 0 0!important;
}

.clear-item-btn-item-returned {
    font-size: 9px!important;
    padding: 0 3px!important;
    margin: 0!important;
    line-height: 0px!important;
    max-height: 19px!important;
    min-height: 19px!important;
    /* max-width: 10px!important; */
    min-width: 83px!important;
    display: block!important;
}

.suggest-item-btn span {
    font-size: 11px!important;
    padding: 10px!important;
}

.add-item-to-lp-box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin: 30px 0px;
    width: 90%;
    min-height: 200px;
}

.add-item-to-lp-box-icon {
    display: table!important;
    height: 60px!important;
    margin: 0 auto!important;
    width: 60px!important;
    margin-top: -40px!important;
    margin-bottom: 29px!important;
}

.add-item-to-lp-box-icon i {
    font-size: 26px!important;
    height: 26px!important;
    width: 26px!important;
}

.add-item-to-lp-box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.add-item-to-lp-info>p {
    padding-top: 10px;
    text-align: center;
}

.min-height-80 {
    min-height: 80px!important;
}

.width-87-perc {
    width: 87%!important;
}

.videoDisplay {
    min-height: 500px!important;
    height: 500px!important;
}


/* Id kaltura/Scorm player */

.start-scorm {
    min-height: 365px!important;
    margin: 0 !important;
    height: 365px!important;
}

.btn-scorm {
    margin: 0 auto!important;
    min-width: 200px!important;
}

.object-wrapper-scorm {
    margin: 0 auto;
    text-align: center;
}

.play-scorm {
    font-size: 40px!important;
    margin-top: 8px;
}

#contentPlayer {
    height: 480px!important;
    padding: 0!important;
}

.contentPlayerIFrame {
    border: none;
    padding: 50px;
    height: 480px;
}

@media (max-width: 600px) {
    #contentPlayer {
        height: 300px!important;
        padding: 0 30px!important;
    }
}

.min-width-70 {
    min-width: 70px;
}


/* MODALI */

md-dialog .md-actions,
md-dialog md-dialog-actions {
    min-height: 70px!important;
    height: 70px!important;
    background-color: #f5f5f5!important;
    border-top: 1px solid #eee!important;
    padding: 0 16px!important;
}

.md-dialog-content md-input-container {
    margin-top: 30px!important;
}

md-dialog .md-actions button,
md-dialog md-dialog-actions button {
    margin: 0 0 0 15px!important;
    color: #fff!important;
}

md-dialog .md-actions,
md-dialog md-dialog-actions {
    min-height: 70px!important;
    height: 70px!important;
    background-color: #f5f5f5!important;
    border-top: 1px solid #eee!important;
    padding: 0 16px!important;
}

.md-dialog-content md-input-container {
    margin-top: 30px!important;
}

md-dialog .md-actions button,
md-dialog md-dialog-actions button {
    margin: 0 0 0 15px!important;
    color: #fff!important;
}

.modal-btn-icon {
    font-size: 20px!important;
    margin-right: 5px!important;
}


/* MODALI */

#choose-file .md-button.md-primary.md-raised {
    background-color: #35739F!important;
}

.multycolumn-2 {
    -moz-column-count: 2;
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
    column-count: 2;
}

@media only screen and (max-width: 600px) {
    .multycolumn-2 {
        -moz-column-count: 1;
        -moz-columns: 1;
        -webkit-columns: 1;
        columns: 1;
        column-count: 1;
    }
}


/* GRUPPI */

.counter-group {
    border-radius: 50%!important;
    padding: 7px;
    margin-left: 10px;
    height: 20px;
    min-width: 50px;
    line-height: 8px;
    text-align: left;
    font-size: 12px!important;
    font-weight: bold;
}

.wrapper-not-result {
    min-height: 350px!important;
    margin-bottom: 20px!important;
    padding: 0!important;
}


/* INSERT COVER */

.cover-img {
    background-position: center center!important;
    background-size: cover!important;
    height: 70px!important;
    width: 180px!important;
    margin: 15px 15px 15px 0px!important;
}

.cover-img-prev {
    background-position: center center!important;
    background-size: cover!important;
    height: 85px!important;
    width: 275px!important;
    margin: 15px 15px 15px 0px!important;
}

.survey-result-icon {
    font-size: 20px!important;
    margin-left: 7px!important;
}

.height-560 {
    height: 560px!important;
}

.border-1 {
    border: 1px solid #35739F!important;
}

.md-datepicker-calendar-pane {
    z-index: 10000!important;
}


/* Like */

.like-dislike i {
    font-size: 16px!important;
}

.likeButtonsDisabled {
    color: #D7D7D7!important;
}

.likeButtonEnabled {
    color: #B8E982!important;
}

.dislikeButtonEnabled {
    color: #222!important;
}

.like-counter-label {
    font-weight: bold!important;
    margin-right: 15px!important;
}

.bold-plus {
    /*padding: 2px 6px;*/
    /*background-color: #35739F ;*/
    color: #F67500;
    font-weight: bold;
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
}

.contact-icon {
    font-size: 18px!important;
    padding: 0 5px 0 0px!important;
    color: #35739F!important;
}

.footer-wrapper {
    border-top: 1px solid #e7e7e7;
    display: block;
    margin-top: 50px!important;
}

.min-height-auto {
    min-height: auto!important;
}

.active-tab-filter {
    color: #e9573d!important;
}

.tab-label-filters {
    font-size: 11px;
}

.tab-label-filters i {
    font-size: 16px!important;
}

.tab-label-filters-cat {
    padding: 10px!important;
    font-size: 12px;
    line-height: 22px;
}

.tab-label-filters-cat a {
    padding: 0px!important;
    line-height: 22px!important;
}


/*General Login*/

.bg-total-login {
    position: relative;
    min-height: 100%;
    height: 100%;
    display: block;
    background-image: url(../img/bg_login.png);
    background-position: center;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.top-header-login {
    background-color: rgba(255, 255, 255, 0.9);
    height: 162px!important;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.avatar-menu-login {
    position: relative;
    display: block;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: solid 2px #fff;
    z-index: 20;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    top: 63px;
    margin-top: -130px;
}

.logo-bga {
    position: relative;
    display: block;
    width: 85px;
    z-index: 20;
    margin: 20px auto 0 auto;
}

.bottom-header-login {
    background-color: rgba(0, 0, 0, 0.2);
    height: auto;
    text-align: center;
    margin-top: 1px!important;
    padding: 0!important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.wrapper-bottom-login {
    padding: 55px 0 0 0!important;
}

.form-login {
    min-width: 260px!important;
}


/*General Login*/


/* Flex definition */

.flex-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%!important;
    flex: 1 1 25%!important;
}

.flex-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%!important;
    flex: 1 1 33%!important;
}

.flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%!important;
    flex: 1 1 50%!important;
}

.flex-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%!important;
    flex: 1 1 100%!important;
}


/*xs*/

@media (max-width: 599px) {
    .flex-xs-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%!important;
        flex: 1 1 25%!important;
    }
    .flex-xs-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%!important;
        flex: 1 1 33%!important;
    }
    .flex-xs-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%!important;
        flex: 1 1 50%!important;
    }
    .flex-xs-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%!important;
        flex: 1 1 100%!important;
    }
}


/*gt-xs*/

@media (min-width: 600px) {}


/*sm*/

@media (min-width: 600px) and (max-width: 959px) {
    .flex-sm-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%!important;
        flex: 1 1 25%!important;
    }
    .flex-sm-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%!important;
        flex: 1 1 33%!important;
    }
    .flex-sm-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%!important;
        flex: 1 1 50%!important;
    }
    .flex-sm-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%!important;
        flex: 1 1 100%!important;
    }
}


/*gt-sm*/

@media (min-width: 960px) {}


/*md*/

@media (min-width: 960px) and (max-width: 1279px) {
    .flex-md-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%!important;
        flex: 1 1 25%!important;
    }
    .flex-md-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%!important;
        flex: 1 1 33%!important;
    }
    .flex-md-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%!important;
        flex: 1 1 50%!important;
    }
    .flex-md-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%!important;
        flex: 1 1 100%!important;
    }
}


/*gt-md*/

@media (min-width: 1280px) {}


/*lg*/

@media (min-width: 1280px) and (max-width: 1919px) {
    .flex-lg-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%!important;
        flex: 1 1 25%!important;
    }
    .flex-lg-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%!important;
        flex: 1 1 33%!important;
    }
    .flex-lg-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%!important;
        flex: 1 1 50%!important;
    }
    .flex-lg-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%!important;
        flex: 1 1 100%!important;
    }
}


/*gt-lg*/

@media (min-width: 1920px) {}


/*xl*/

@media (min-width: 1920px) {
    .flex-xl-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%!important;
        flex: 1 1 25%!important;
    }
    .flex-xl-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%!important;
        flex: 1 1 33%!important;
    }
    .flex-xl-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%!important;
        flex: 1 1 50%!important;
    }
    .flex-xl-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%!important;
        flex: 1 1 100%!important;
    }
}


/*landscape*/

@media (min-width: 790px) and (max-width: 959px) {
    .flex-ala-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%!important;
        flex: 1 1 25%!important;
    }
    .flex-ala-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%!important;
        flex: 1 1 33%!important;
    }
    .flex-ala-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%!important;
        flex: 1 1 50%!important;
    }
    .flex-ala-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%!important;
        flex: 1 1 100%!important;
    }
}


/*Custon flex*/

@media (min-width: 600px) and (max-width: 790px) {
    .flex-al-25 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%!important;
        flex: 1 1 25%!important;
    }
    .flex-al-30 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 33.33%!important;
        flex: 1 1 33%!important;
    }
    .flex-al-50 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%!important;
        flex: 1 1 50%!important;
    }
    .flex-al-100 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%!important;
        flex: 1 1 100%!important;
    }
}


/* Flex definition */


/* Triangolo in alto a sinistra nelle card */

.corner-triangle-new-item {
    display: block;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 0 0px 47px 58px;
    border-color: #F67500 transparent transparent #F67500;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 15;
    color: white;
    text-shadow: 0 0 25px 9px #fff;
    -webkit-filter: drop-shadow(0 3px 2px #777);
    filter: drop-shadow(0 3px 2px #777);
}

.corner-triangle-new-item .corner-triangle-new-item-text {
    position: relative;
    top: 19px;
    left: -49px;
    -webkit-transform: rotate(41deg);
    -moz-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    -o-transform: rotate(41deg);
    transform: rotate(-41deg);
    font-size: 7px;
    color: #fff;
    font-weight: bold;
}


/* Triangolo in alto a sinistra nelle card */

.tag-list-item-details {
    color: #35739F;
    display: block;
    cursor: default;
}

.text-underline {
    text-decoration: underline!important;
}

.section-project-divider {
    border-top-width: 1px!important;
    width: 100%;
}

.section-mandatory {
    background-color: #BE0712;
}


/*MEDIA QUERY*/

@media screen and (max-width: 480px) {
    .content-obj-list {
        padding: 0px!important;
    }
}

@media screen and (max-width: 600px) {
    .box-area-wrapper {
        max-height: 330px!important;
        width: 100%!important;
        overflow-y: hidden;
    }
    .box-area-scroll {
        overflow-x: scroll!important;
        overflow-y: hidden;
    }
    .fix {
        height: 60px;
        margin-top: 20px;
    }
    .content {
        min-width: 100%;
        margin: 0;
    }
    .content-obj {
        padding: 0 15px!important;
    }
    .content-obj-section {
        padding: 20px 15px!important;
    }
    .content-obj-list {
        padding: 15px!important;
    }
    .title-list-object {
        font-size: 12px!important;
    }
}

@media screen and (max-width: 960px) {
    .content {
        min-width: 100%;
        margin: 0;
    }
    .content-obj {
        padding: 0 30px!important;
    }
    .content-obj-section {
        padding: 25px 30px!important;
    }
    .content-obj-list {
        padding: 20px!important;
    }
}


/*media queries*/

.padding-right-5 {
    padding-right: 5px!important;
}

.header-group-users {
    padding-bottom: 0!important;
    padding-left: 15px!important;
}

.margin-bottom-12 {
    margin-bottom: 12px!important;
}

.like-button {
    margin-right: 4px;
}

.item-detail-mandatory-item {
    padding: 3px 8px!important;
    font-size: 10px!important;
    margin-right: 9px!important;
    display: block;
    line-height: 10px!important;
    max-height: 20px!important;
}

.min-height-31 {
    min-height: 31px!important
}

.section-item-btn {
    border: 1px #35739F solid!important;
    max-height: 15px;
}

.cluster-description-search-bar {
    max-width: 127px!important;
    font-size: 9px!important;
    text-transform: initial!important;
    line-height: 1.6!important;
    margin-top: 4px!important;
}

.cluster-label-search-bar {
    min-width: 144px!important;
    text-align: center;
    padding: 4px 8px!important;
    margin: 0px 4px 0px 0px;
}

.pre-hide {
    display: none!important;
}

.loading-label {
    min-height: 100%;
    background-color: #fff;
}


/*
 ******************************************
 ******************************************
   Disable animations
 ******************************************
 ******************************************
*/


/** disable transitions and animations for tab-contents**/

md-tab-content.md-right:not(.md-active) {
    animation: none;
    -webkit-animation: none;
}

md-tab-content.md-left:not(.md-active) {
    animation: none;
    -webkit-animation: none;
}

md-tab-content.md-left:not(.md-active) * {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important;
}

md-tab-content.md-right:not(.md-active) * {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important;
}

.md-tab {
    transition: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important;
}

md-tab-content {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

md-ink-bar.md-right {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

md-ink-bar.md-left {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

md-tab-content.md-right {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

md-tab-content.md-left {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border-left: 0px!important;
    border: 1px solid #ddd;
    /* margin-top: 20px; */
    /* margin-left: 50px; */
    /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
    /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */
    /*-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
    /* background-clip: padding-box; */
    opacity: 0.97;
    filter: alpha(opacity=97);
}

div.bhoechie-tab-menu,
div.bhoechie-tab-menu-functional-areas,
div.bhoechie-tab-menu-competences {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    min-width: 45px!important;
    max-width: 99px!important;
}

div.bhoechie-tab-menu div.list-group,
div.bhoechie-tab-menu-functional-areas div.list-group,
div.bhoechie-tab-menu-competences div.list-group {
    margin-bottom: -1px;
}

.list-group-item {
    margin: -1px 0px!important;
    cursor: pointer;
}

div.bhoechie-tab-menu div.list-group>a,
div.bhoechie-tab-menu-functional-areas div.list-group>a,
div.bhoechie-tab-menu-competences div.list-group>a {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa,
div.bhoechie-tab-menu-functional-areas div.list-group>a .glyphicon,
div.bhoechie-tab-menu-functional-areas div.list-group>a .fa,
div.bhoechie-tab-menu-competences div.list-group>a .glyphicon,
div.bhoechie-tab-menu-competences div.list-group>a .fa {
    color: rgb(89, 109, 123);
}

div.bhoechie-tab-menu div.list-group>a:first-child,
div.bhoechie-tab-menu-functional-areas div.list-group>a:first-child,
div.bhoechie-tab-menu-competences div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child,
div.bhoechie-tab-menu-functional-areas div.list-group>a:last-child,
div.bhoechie-tab-menu-competences div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa,
div.bhoechie-tab-menu-functional-areas div.list-group>a.active,
div.bhoechie-tab-menu-functional-areas div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu-functional-areas div.list-group>a.active .fa,
div.bhoechie-tab-menu-competences div.list-group>a.active,
div.bhoechie-tab-menu-competences div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu-competences div.list-group>a.active .fa {
    background-color: rgb(89, 109, 123);
    background-image: rgb(89, 109, 123);
    color: #ffffff;
}

div.bhoechie-tab-menu div.list-group>a.active:after,
div.bhoechie-tab-menu-functional-areas div.list-group>a.active:after,
div.bhoechie-tab-menu-competences div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid rgb(89, 109, 123);
}

div.bhoechie-tab-content,
div.bhoechie-tab-content-functional-areas,
div.bhoechie-tab-content-competences {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
    max-height: 294px!important;
    overflow-y: auto;
}

div.bhoechie-tab-content,
div.bhoechie-tab-content-functional-areas {
    max-height: 287px!important;
}

div.bhoechie-tab-content-competences {
    max-height: 532px!important;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active),
div.bhoechie-tab div.bhoechie-tab-content-functional-areas:not(.active),
div.bhoechie-tab div.bhoechie-tab-content-competences:not(.active) {
    display: none;
}

.box-flessibile {
    min-height: 90px;
}

.scrollableMenuWrapper {
    position: relative;
    -ms-overflow-style: none;
}

.scrollableMenuNav {
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    position: relative;
}

.scrollableMenuNav {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-overflow-style: none;
}

.scrollableMenuNav::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
}

.scrollableMenuContents {
    float: left;
    transition: transform .2s ease-in-out;
}

.scrollableMenuContents-no-transition {
    transition: none;
}

.scrollableMenuBtns {
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgba(89, 109, 123, 0.8)!important;
}

.scrollableMenuBtns i {
    line-height: 43px!important;
    margin: 0 4px!important;
    color: #fff;
}

.scrollableMenuBtns:focus {
    outline: 0;
}

.scrollableMenuBtns:hover {
    cursor: pointer;
}

.scrollableMenuBtnLeft {
    left: 0;
}

[data-overflowing="both"]~.scrollableMenuBtnLeft,
[data-overflowing="left"]~.scrollableMenuBtnLeft {
    opacity: 1;
}

.scrollableMenuBtnRight {
    right: 0;
}

[data-overflowing="both"]~.scrollableMenuBtnRight,
[data-overflowing="right"]~.scrollableMenuBtnRight {
    opacity: 1;
}

.scrollableMenuBtnIcon {
    width: 20px;
    height: 44px;
    fill: #bbb;
}

.menu-filters>li {
    display: inline-block!important;
}

.material-icons.arrow-backward::before {
    content: '\e5c4';
}

.material-icons.arrow-forward::before {
    content: '\e5c8';
}

.material-icons.photo-library::before {
    content: '\e413';
}

.material-icons.import-contacts::before {
    content: '\e0E0';
}

.material-icons.album::before {
    content: '\e019';
}

.material-icons.library-books::before {
    content: '\e02F';
}

.material-icons.book::before {
    content: '\e865';
}

.material-icons.collections-bookmark::before {
    content: '\e431';
}

.material-icons.library-music::before {
    content: '\e030';
}

.material-icons.featured-play-list::before {
    content: '\e06D';
}

.material-icons.description::before {
    content: '\e873';
}

.material-icons.phone-android::before {
    content: '\e324';
}

.material-icons.dvr::before {
    content: '\e1B2';
}

.material-icons.video-library::before {
    content: '\e04A';
}

.material-icons.insert-photo::before {
    content: '\e251';
}

.min-precentage-survey-input {
    color: #444!important;
}

.top-label-bg-card {
    background-color: #3FAF1F;
}

.label-copyright {
    margin: 0px;
    line-height: 100px;
}


/* Header */

.header-icon,
.header-icon-notify {
    height: 32px!important;
    width: 29px!important;
    min-height: 32px!important;
    min-width: 29px!important;
    padding: 0!important;
    margin-right: 10px;
}

.header-icon-logout {
    height: 28px!important;
    width: 21px!important;
    min-height: 28px!important;
    min-width: 21px!important;
    padding: 0!important;
}

.header-icon-hamburger-menu {
    margin: 0 25px;
    padding: 0!important;
    width: 30px!important;
}

.header-icon-profile-menu {
    margin: 0 30px;
    padding: 0!important;
    width: 42px!important;
    height: 30px;
}

.section-profile {
    border-left: 1px solid rgba( 203, 203, 203, 1);
    border-right: 1px solid rgba( 203, 203, 203, 1);
    padding: 0 20px;
    margin: 0 10px!important;
}

.section-profile-sidenav {
    padding: 20px 0;
    margin: 0 auto!important;
}

header {
    display: block;
    width: 100%!important;
    clear: both;
}

.wrapper-name-role {
    padding: 0 0 0 15px;
    max-width: 173px!important;
}

.user-name {
    font-size: 14px;
    line-height: 1;
    text-align: left;
    padding: 0!important;
    white-space: normal;
    margin: 0 0 5px 0;
    font-weight: bold;
    word-wrap: break-word;
    max-width: 112px; 
}

.user-role {
    font-size: 14px;
    line-height: 1;
    text-align: left;
    padding: 0!important;
    white-space: nowrap;
    margin: 0;
    color: #919191;
}

.main-menu-gtp {
    z-index: 50;
    height: 120px!important;
    line-height: 120px!important;
    background-color: rgba( 255, 255, 255, 1);
}

@media only screen and (max-width: 479px) {
    .main-menu-gtp {
        height: 80px!important;
        line-height: 80px!important;
    }
}

.avatar-gtp-home {
    position: absolute;
    display: block;
    height: 100px;
    width: 100px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    z-index: 20;
    top: 280px;
    left: 50%;
    margin-left: -50px;
    cursor: pointer;
}

.avatar-gtp-home:hover {
    border: 3px solid #fff;
    height: 101px;
    width: 101px;
}

.img-avatar-gtp-home-wrapper {
    text-align: center;
}

.img-avatar-gtp-home {
    display: block;
    height: 56px;
    width: 56px;
    min-height: 56px;
    min-width: 56px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto!important;
    padding: 0;
    border: 1px solid #ddd;
    text-align: center;
}

.section-language {
    border-right: 1px solid rgba( 203, 203, 203, 1);
    padding: 0 20px;
    margin: 0 20px 0 0!important;
}

.section-language .flags-wrapper {
    cursor: pointer;
    position: relative;
    min-width: 50px;
    width: 50px;
    max-width: 50px;
    margin: 0 5px;
}

.section-language .flags-wrapper .flag {
    width: auto;
    max-width: 29px;
}

.section-language .active{
    background-color: #35739F;
    height: 3px;
    width: 150px;
    z-index: 55;
    top: 38px;
    left: 0;
    position: absolute;
    border-radius: 100px;
}

.section-language .flags-wrapper p {
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    margin: 5px 0 0 0;
}


/* logo settings */

.logo-wrapper-gtp {
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

@media only screen and (max-width: 480px) {
    .logo-wrapper-gtp {
        height: 70px!important;
        line-height: 70px!important;
    }
}

.logo-wrapper-gtp img {
    height: 52px;
    width: auto;
    text-align: left;
    line-height: 52px;
    vertical-align: middle;
    margin: 0 auto;
}

@media only screen and (max-width: 480px) {
    .logo-wrapper-gtp img {
        height: 40px!important;
        line-height: 40px!important;
    }
}

.header-linkApp-gtp {
    z-index: 50;
    height: 100px!important;
    line-height: 100px!important;
}

.header-linkApp-gtp div {
    position: relative;
}


/* Notifiche */

.badge-notify-gtp {
    text-align: center;
    height: 22px;
    min-width: 21px;
    line-height: 8px;
    background-color: rgba( 222, 222, 222, 1);
    color: rgba( 197, 40, 28, 1);
    display: inline-block;
    font-size: 13px!important;
    border-radius: 100px;
    font-weight: bold;
    position: absolute;
    top: 6px;
    right: 6px;
}

.badge-notify-gtp-sidenav {
    text-align: center;
    height: 18px;
    min-width: 18px;
    line-height: 19px;
    background-color: rgba( 255, 255, 255, 1);
    color: #35739F;
    display: inline-block;
    font-size: 13px!important;
    border-radius: 100px;
    font-weight: 700;
    margin-right: 15px;
}

@media only screen and (max-width: 479px) {
    .hide-xxs {
        display: none!important;
    }
}

@media only screen and (min-width: 480px) {
    .logo-generali-mobile {
        display: none!important;
    }
}


/* Sidenav */

.overlay-when-sidenav-opened {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    overflow-x: hidden;
    opacity: 0.9;
    display: none;
}

#leftSidenavMobile md-backdrop,
#leftSidenav md-backdrop,
#rightSidenavMobile md-backdrop,
#leftSidenavContainer md-backdrop {
    display: none!important;
}

#leftSidenavMobile,
#leftSidenav,
#rightSidenavMobile {
    z-index: 1000;
}

.main-sidenav-left {
    max-width: 280px !important;
    min-width: 280px !important;
}

.main-sidenav-left p {
    margin: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    line-height: normal;
}

.main-sidenav-left i {
    padding: 0 15px 0 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: white;
}

.main-sidenav-left md-icon {
    color: white!important;
}

.main-sidenav-left md-content {
    padding: 15px;
    background: #35739F !important;
    overflow: hidden!important;
}

.main-sidenav-left md-content:hover {
    background: #a12117 !important;
    transition: all 0.3s ease;
}

.main-sidenav-left md-content:active {
    background: #8f1d14 !important;
}

.main-sidenav-left .opened {
    background: #a12117 !important;
}

.main-sidenav-left .main-submenu {
    -webkit-transition: height 2s linear 1s;
    -moz-transition: height 2s linear 1s;
    -ms-transition: height 2s linear 1s;
    -o-transition: height 2s linear 1s;
    transition: height 2s linear 1s;
}

.main-sidenav-left .main-submenu md-list-item {
    max-height: 45px !important;
    min-height: 100%;
    background: #a12117 !important;
    cursor: pointer;
}

.main-sidenav-left .main-submenu md-list-item:hover {
    background: #7e1912 !important;
    transition: all 0.3s ease;
}

.main-sidenav-left .main-submenu md-list-item:active {
    background: #6c160f !important;
}

.main-sidenav-left .main-submenu md-list-item span {
    color: white;
}

#leftSidenavContainer md-sidenav {
    background-color: #35739F!important;
    margin-top: 120px!important;
    position: fixed;
}

#leftSidenavContainer md-list {
    background-color: #35739F!important;
}

.margin-right25 {
    margin-right: 25px!important;
}

.margin-left25 {
    margin-left: 25px!important;
}

.admin-icon-training {
    display: block;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto!important;
    padding: 0;
    border: 1px solid #ddd;
    line-height: 2.1!important;
    text-align: center;
}

.truncate-role-header {
    display: inline-block;
    width: 100%!important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fr-box.fr-basic .fr-element {
    min-height: 150px!important;
}

.fr-toolbar {
    border-top: 6px solid #6d6e71!important;
}

.fr-sticky-on {
    position: relative!important;
    top: 0px!important;
    bottom: auto!important;
}

.fr-sticky-dummy {
    display: none!important;
}

.fr-sticky {
    position: static!important;
}

.template-row-list {
    padding: 15px 0!important;
}

.title-template-list {
    border-bottom: 1px solid #ddd;
}

.switch-template-list {
    margin: 0 15px!important;
}

.new-template-tabs {
    min-height: 50px;
    border-radius: 5px;
    background-color: #f3f3f3!important;
    width: 100%;
    border: 1px solid #d0cecf!important;
}

.new-template-tabs .md-tab.md-active {
    font-weight: bold!important;
    color: #222;
}

.new-template-tabs .md-tab {
    color: #666!important;
}

.new-template-tabs md-pagination-wrapper {
    min-width: 100%!important;
}

.full-width-100 {
    width: 100%!important;
}

.flag {
    vertical-align: text-bottom;
    border-radius: 0.2rem;
    max-height: 2.2rem;
    max-width: 2.2rem;
    margin: 0 0.2rem;
}

button.md-raised.ng-lang-button {
    margin: 8px 16px;
}

.empty-result {
    width: 20rem;
    margin: 20px;
    opacity: 0.2;
}

.fake-label {
    font-size: 14px;
    font-weight: bold;
    color: #F67500 !important;
}

.fake-input {
    margin-top: 3px;
    padding: 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background-color: #eee;
    color: #555;
    display: block;
    margin-bottom: 8px;
}

select.lang-select,
select.timezone-select {
    min-width: 120px;
    max-width: 320px;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 3px;
    margin: 5px;
}

md-checkbox.locale-checkbox {
    margin-top: -15px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: bold;
}

label.label-material {
    font-size: 11px;
    top: -50px;
    position: absolute;
}

select.pool-select {
    margin-bottom: 10px;
}

div.background-label-filters {
    background-color: rgb(89, 109, 123);
    color: white;
    padding: 20px;
    margin-top: 20px;
}

div.background-label-filters span.title-label-filters {
    color: white;
}

a.pool-action {
    cursor: pointer;
    text-transform: uppercase;
}

.btn-hightRating-nav,
.btn-hightRating-close,
.btn-hightRating-open {
    background-color: #F67500 !important;
    position: fixed;
    text-align: center;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    top: 177px;
    z-index: 59;
    padding: 5px;
    width: 50px;
    padding-right: 17px;
    height: 35px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
    .btn-hightRating-nav:hover,
    .btn-hightRating-close:hover,
    .btn-hightRating-open:hover {
        width: 50px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 599px) {
    .btn-hightRating-nav:hover,
    .btn-hightRating-close:hover,
    .btn-hightRating-open:hover {
        width: 40px;
        padding-right: 20px;
    }
}

.btn-hightRating-nav::before,
.btn-hightRating-close::before,
.btn-hightRating-open::before {
    content: '';
    color: #fff;
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    text-align: center;
    line-height: 24px;
    margin-top: 8px !important;
}

.btn-hightRating-nav:hover,
.btn-hightRating-close:hover,
.btn-hightRating-open:hover {
    width: 60px;
    padding-right: 30px;
}

.btn-hightRating-nav i,
.btn-hightRating-close i,
.btn-hightRating-open i {
    color: #fff;
}

.btn-hightRating-close {
    right: 0px !important;
}

.btn-hightRating-close::before {
    content: '\E838';
}

.btn-hightRating-open {
    border: 1px solid #f5f5f5;
    right: 255px !important;
}

.btn-hightRating-open::before {
    content: '\E5CD';
}

@media (max-width: 456px) {
    .btn-hightRating-open {
        left: 28px !important;
    }
}

.md-sidenav-right-liked-items {
    height: 100% !important;
    background-color: #f5f5f5 !important;
    overflow-x: hidden !important;
    max-width: 256px !important;
    z-index: 100 !important;
}

#topVotedItemsSidenav,
#suggestedItemsSidenav {
    position: fixed!important;
}

.space20 {
    height: 20px;
    width: 100%!important;
}

.top-voted-item {
    width: 100%;
    min-width: 100%!important;
    max-width: 100%!important;
}


/* Cluster del learning system  */

.bg-cluster-1 {
    background-color: #f2a257 !important;
}

.bg-cluster-2 {
    background-color: #f7bcac !important;
}

.bg-cluster-3 {
    background-color: #d2db69 !important;
}

.bg-cluster-4 {
    background-color: #a2dae0 !important;
}

.bg-cluster-5 {
    background-color: #d2c5e9 !important;
}

.bg-cluster-6 {
    background-color: #a8d5c0 !important;
}

.bg-cluster-7 {
    background-color: #f5cd61 !important;
}

.cluster-element {
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    margin-right: 9px;
    white-space: nowrap;
    margin-bottom: 5px;
    display: block;
}

.open-suggested-items-btn {
    font-size: 12px!important;
    min-width: 250px!important;
    margin: 0!important;
    padding: 0!important;
}

.open-suggested-items-btn span {
    margin: 0 auto!important;
}

.item-attachment-consumed-container {
    padding: 50px 20px!important;
    text-align: center!important;
    font-size: 17px!important;
}

.download-attachment-consumed-btn-container {
    padding-top: 0px!important;
    font-size: 15px!important;
}

.attachment-consumed-btn-icon {
    font-size: 48px!important;
}

.margin-top-15 {
    margin-top: 15px!important;
}

.sidenav-right-title {
    margin: 20px 0!important;
}

.close-icon-sidenav {
    margin-left: 25px;
    height: 20px!important;
    margin-top: 2px;
}

.related-link-title {
    margin-left: -13px!important;
}

/* MODALE STRATEGIA GENERALI 2021 */
.modal-strategy {
    padding: 20px;
}

.modal-strategy h2 {
    font-size: 18px;
    color: #c5281c;
    font-weight: 700;
    margin: 20px 0;
}

.modal-strategy p {
    font-size: 16px;
}

.modal-strategy a {
    color: #c5281c;
    font-style: italic;
    text-decoration: underline;
    margin: 0;
    cursor: pointer;
}

.footer-right-details p {
    width: 100%;
    color: #6f7072 !important;
}

.footer-right-details a {
    width: 100%;
    font-size: 16px;
    line-height: 23px;
    text-decoration: underline;
    color: #A81B38;
    word-break: break-word;
    word-break: break-all;
    display: inline-block;
    margin-bottom: 10px;
}

.footer-right-details button {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0px !important;

}

.footer-right-details button p {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-decoration: underline;
    color: #A81B38;
}

.padding0-10 {
    padding: 0px 10px;
}