html {
    font-size: 14px;
}


.color-std {
    color: #212529!important;
}

.color-ptcard {
    color: blue;
}

.color-acard {
    color: #cc66ff;
}


.color-reportfee {
    color: green;
}


.color-open {
    color: green;
}

.color-close {
    color: #262626;
}

.color-active {
    color: #99cc00;
}

.color-working {
    color: #94b8b8;
}
.background-working-light {
    background-color: #d1e0e0;
}

.color-toready {
    color: #bfbfbf;
}

.color-ready {
    color: #bfff80;
}

.background-ready-light {
    background-color: #e6ffcc;
}

.color-tobeapproved {
    color: #ff9800;
}
.background-tobeapproved-light {
    background-color: #fff7e6;
}

.color-rejected {
    color: #cc66ff;
}



.background-rejected-light {
    background-color: #f7e6ff;
}


.color-tobesend {
    color: #ff9800;
}

.color-sent {
    color: #2eb82e;
}

.color-approved {
    color: #996633;
}

.background-approved-light {
    background-color: #e6f0ff;
}


.color-released {
    color: #2eb82e;
}
.background-released-light {
    background-color: #ffeecc;
}

.color-wrong-email {
    color: #ff6666;
}

.background-wrong-email-light {
    background-color: #ffcccc;
}

.color-aborted {
    color: #eb99ff;
}

.background-aborted-light {
    background-color: #cccccc;
}

.color-not-completed {
    color: #85e085;
}

.background-not-completed-light {
    background-color: #d6f5d6;
}

.background-95 {
    background-color: var(--main-color-95);
}

.background-t-light {
    background-color: #f8f8f8;
}

.background-t-dark {
    background-color: #ececec;
}

.background-90 {
    background-color: var(--main-color-90);
}


.object-talent {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-right: 0.5rem!important;
}

.object-action {
    padding-top: 1rem !important;
}

.color-notused {
    color: #bfbfbf;
}

.color-used {
    color: #2eb82e;
}

.color-alert {
    color: red;
}

.color-notalert {
    color: #2eb82e;
}

.color-tobevisualized {
    color: #ffc107;
}

.color-white{
    color:white;
}

.color-excel {
    color: #2eb82e;
}

.color-pdf {
    color: red;
}

.color-search {
    color: royalblue;
}

.font-size-09rem{
    font-size: 0.9rem;
}

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

.survey-execution {
    background-color: var(--main-color-90);
}

.color-completed {
    color: #2eb82e;
}

.background-completed-light {
    background-color: #99e699;
}

.color-notactive {
    color: #262626;
}

.color-notconfirmed {
    color: red;
}

.color-canbedeleted {
    color: blue;
}

.color-PartecipantEmailCanBeNotUsed {
    color:blue;
}

.color-alert {
    color: red !important;
}


.color-system {
    color: #ff3300;
}

.color-owner {
    color: #0000ff;
}
.color-cowner {
    color: #0000ff;
}
.color-initiativeowner {
    color: #0000ff;
}
.color-surveyowner {
    color: #0000ff;
}
.color-towner {
    color: #0000ff;
}
.color-tcowner {
    color: #0000ff;
}


.color-admin {
    color: #009933;
}
.color-initiativeadmin {
    color: #009933;
}
.color-surveyadmin {
    color: #009933;
}
.color-tadmin {
    color: #009933;
}


.color-finance {
    color: #ff99ff;
}
.color-tfinance {
    color: #ff99ff;
}


.color-manager {
    color: #47d147;
}
.color-initiativemanager {
    color: #47d147;
}
.color-surveymanager {
    color: #47d147;
}
.color-tmanager {
    color: #47d147;
}


.color-initiativeleader {
    color: #99e699;
}
.color-leader {
    color: #99e699;
}
.color-tleader {
    color: #99e699;
}


.color-consultant {
    color: #b3ffff;
}
.color-tconsultant {
    color: #b3ffff;
}



.color-external {
    color: #b3b300;
}

.color-texternal {
    color: #b3b300;
}


.color-surveycustomeradmin {
    color: #e68a00;
}

.color-tcustomer {
    color: #ffad33;
}

.color-customer {
    color: #ffad33;
}


.color-approver {
    color: #cccc00;
}
.color-initiativeapprover {
    color: #cccc00;
}


.color-partecipant {
    color: #66ffd9;
}
.color-surveypartecipant {
    color: #66ffd9;
}

.color-initiativeapprover {
    color: #cccc00;
}


.color-notmanagedrole{
    color: #cccccc;
}

.color-talent-notactive {
    color: #cccccc;
}

.color-talent-offlimit {
    color: #ff0000;
}

.color-not-engaged {
    color:#000000;
}

.color-engaged {
    color: #999999;
}

.color-changed {
    color: red;
}

.color-not-engaged-testpartecipant {
    color: #0039e6;
}

.color-engaged-testpartecipant {
    color: #809fff;
}

.color-alert-testpartecipant {
    color:blueviolet;
}

.color-partecipant-toBeApproved {
    color: #ff9800;
}


.alertify-notifier .ajs-message.ajs-progress {
    background: var(--main-color-alertify-progress-background);
    color: var(--main-color-alertify-progress);
}

.alertify .ajs-header {
    color: var(--main-color-alertify-header);
    background-color: var(--main-color-alertify-header-background);
}

.alertify .ajs-footer {
    background-color: var(--main-color-alertify-footer-background);
    padding:5px;
}

.alertify .ajs-dialog {
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
}

.badge-right {
    right: 3px!important;
}

.badge-left {
    right: 25px !important;
    background-color: var(--main-color-notify-message-api-background)!important;
}

.badge-left-participant {
    right: 30px !important;
    background-color: var(--main-color-notify-message-participant-background) !important;
}

.notify-message {
    background-color: var(--main-color-notify-message-background);
    color: white;
    font-size: 0.8rem!important;
    right:5px;
    font-weight: bold;
}

.notify-nof-oline {
    background-color: green;
    color: white;
    font-size: 0.8rem !important;
    font-weight: bold;
}

.notify-no-message {
    background-color: var(--main-color-90);
    color: var(--main-color-15);
    font-size: 0.8rem !important;
    font-weight: bold;
}


.page-link {
    color: var(--main-color-page-link);
    background-color: var(--main-color-page-link-background);
    border: 1px solid var(--main-color-page-link-border);
}

    .page-link:hover {
        color: var(--main-color-page-link-hover);
        background-color: var(--main-color-page-link-hover-background);
        border-color: var(--main-color-page-link-hover-border);
    }

    .page-link:focus {
        box-shadow: 0 0 0 0.2rem var(--main-color-page-link-focus-shadow);
    }


.page-item.active .page-link {
    color: var(--main-color-page-link-active);
    background-color: var(--main-color-page-link-active-background);
    border-color: var(--main-color-page-link-active-border);
}

.page-item.disabled .page-link {
    color: var(--main-color-page-link-disabled);
    background-color: var(--main-color-page-link-disabled-background);
    border-color: var(--main-color-page-link-disabled-border);
}








.login-failed{
    color: red;
}

.table-header {
    background-color: var(--main-color-table-header);
    color: #FFF;
    font-size: 14px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px
}

/*.dataTables_wrapper .row {
    margin-left: 0px !important;
    margin-right : 0px !important;
    margin-top :0px !important;
    margin-bottom: 5px !important;
}*/

.dataTables_wrapper .row {
    margin-bottom: 0px;
}


.dataTables_wrapper .row:first-child {
    padding-top: 12px;
    padding-bottom: 4px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:-5px;
    background-color: var(--main-color-95);
}

.dataTables_wrapper .row:last-child {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: var(--main-color-95);
}


.dataTable > tbody > tr.selected > td {
    background-color: var(--main-color-table-selected);
    color:black;
}

.dataTable > tbody > tr.selected:hover > td {
    background-color: var(--main-color-table-over)
}

.datatableInTab td,
.datatableInTab th {
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px ;
    padding-right: 5px ;
}

.datatableInDiv td,
.datatableInDiv th {
    white-space: nowrap;
    overflow: hidden;
}


/*@media (orientation: landscape) {
    .login-page,
    .register-page {
        background: url(images/loginbackground.jpg);
        background-repeat: no-repeat;
        background-size: auto;
    }
}

@media (orientation: portrait) {
    .login-page,
    .register-page {
        background: url(images/loginbackgroundPortrait.jpg);
        background-repeat: no-repeat;
        background-size: auto;
    }
}*/


.login-page,
.register-page {
    background: url(images/loginbackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
    .login-page .card {
        margin-bottom: 0rem;
    }

.survey-page {
    background: url(images/loginbackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
    .survey-page  .card {
        margin-bottom: 0rem;
    }

.talent-page {
    background: url(images/loginbackground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}



/*https://stackoverflow.com/questions/2983957/animate-background-image-change-with-jquery*/

.splash-page {
    background: url(images/splash_0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


.container-execution {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


@media screen and (min-device-width: 361px) {
    .selectOneColumn {
        width: 120px;
    }
}



@media screen and (min-device-width: 361px) {
    .selectOneOrMoreColumn {
        width: 130px;
    }
}



.optionLabel {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
}

.optionInput {
    margin-top:0.1rem;
    margin-bottom: 0.1rem;
}

.verticalMid{
    vertical-align:middle!important;
}

.align-mid{
    vertical-align: middle !important;
}

/*.seletcLanguage-page{

    min-height:100vh;
    align-items:center;
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:center;
}

    .seletcLanguage-page > .card {
        margin-bottom: 0rem;
    }*/



.product-icon {
    text-align: center;
    width: 1rem;
    font-size: 1.2rem;
    margin-right: .6rem;
}

.align-center,
.center {
    text-align: center !important
}

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

.align-right {
    text-align: right !important
}


.space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0
}

[class*=vspace-] {
    display: none
}

.space-32,
[class*=vspace-32] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 32px 0 31px
}

.space-30,
[class*=vspace-30] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 30px 0 29px;
}

.space-28,
[class*=vspace-28] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 28px 0 27px;
}

.space-26,
[class*=vspace-26] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 26px 0 25px;
}

.space-24,
[class*=vspace-24] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 24px 0 23px;
}

.space-22,
[class*=vspace-22] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 22px 0 21px;
}

.space-20,
[class*=vspace-20] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 20px 0 19px;
}

.space-18,
[class*=vspace-18] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 18px 0 17px;
}

.space-16,
[class*=vspace-16] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 16px 0 15px;
}

.space-14,
[class*=vspace-14] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 14px 0 13px;
}

.space-12,
[class*=vspace-12] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 12px 0 11px;
}

.space-10,
[class*=vspace-10] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 10px 0 9px;
}

.space-8,
[class*=vspace-8] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 8px 0 7px;
}

.space-6,
[class*=vspace-6] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0 5px;
}

.space-4,
[class*=vspace-4] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 4px 0 3px;
}

.space-2,
[class*=vspace-2] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 2px 0 1px;
}

.space-0,
[class*=vspace-0] {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 0;
}

.height-55 {
    height: 55px;
}

.hidden {
    display: none !important;
}

.width-50 {
    width: 50px;
}

.width-60 {
    width: 60px;
}

.width-70 {
    width: 70px;
}

.width-75 {
    width: 75px;
}

.width-80 {
    width: 80px;
}

.width-90 {
    width: 90px;
}

.width-100 {
    width: 100px;
}

.width-125 {
    width: 125px;
}

.width-150 {
    width: 150px;
}

.width-200 {
    width: 200px;
}

.width-300 {
    width: 300px;
}

.width-350 {
    width: 350px;
}


.width-400 {
    width: 400px;
}

.width-460 {
    width: 460px;
}

.width-500 {
    width: 500px;
}

.width-550 {
    width: 550px;
}

.width-600 {
    width: 600px;
}

.width-700 {
    width: 700px;
}

.width-800 {
    width: 800px;
}

.width-900 {
    width: 900px;
}

.width-1000 {
    width: 1000px;
}

.width-1100 {
    width: 1100px;
}

.width-1200 {
    width: 1200px;
}


.height-200 {
    height: 200px;
}

.height-300 {
    height: 300px;
}

.height-400 {
    height: 400px;
}

.height-500 {
    height: 500px;
}

.height-600 {
    height: 600px;
}

.height-700 {
    height: 700px;
}

.height-800 {
    height: 800px;
}

.height-900 {
    height: 900px;
}

.height-1000 {
    height: 1000px;
}


.pdfobject-com {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2016;
}

    .pdfobject-com a:link, .pdfobject-com a:visited {
        color: #fff;
        font-weight: bold;
        display: block;
        padding: .25rem 1rem;
        background: #6699FF;
        text-decoration: none;
    }

        .pdfobject-com a:hover, .pdfobject-com a:visited:hover {
            color: #FFF;
            background: #FF3366;
            text-decoration: none;
        }

    .pdfobject-com a:before {
        content: "\2190";
        margin-right: .25rem;
    }


.pdfobject-container {
    width: 100%;
    max-width: 100%;
    height: 500px;
    margin: 2em 0;
}

.pdfobject {
    border: solid 1px #666;
}

.footer-copyright {
    font-size: 0.85rem;
}

.forminputGroup {
    padding: 0 16px;
    max-width: 550px;
    /*margin: 50px auto;*/
    font-size: 1rem;
    font-weight: 600;
    line-height: 36px;
}

.inputGroup {
    background-color: #fff;
    display: block;
    margin: 10px 0;
    position: relative;
}

    .inputGroup label {
        padding: 12px 30px;
        width: 100%;
        display: block;
        text-align: left;
        color: #3C454C;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
    }

        .inputGroup label:before {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: '';
            /*background-color: #5562eb;*/
            background-color: var(--main-color);
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            z-index: -1;
        }

        .inputGroup label:after {
            width: 25px;
            height: 25px;
            content: '';
            border: 2px solid #D1D7DC;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: -2px -1px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            right: 30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer;
            transition: all 200ms ease-in;
        }

    .inputGroup input:checked ~ label {
        color: #fff;
    }

        .inputGroup input:checked ~ label:before {
            -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
            transform: translate(-50%, -50%) scale3d(56, 56, 1);
            opacity: 1;
        }

        .inputGroup input:checked ~ label:after {
            background-color: #54E0C7;
            border-color: #54E0C7;
        }

    .inputGroup input {
        width: 32px;
        height: 32px;
        order: 1;
        z-index: 2;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        visibility: hidden;
    }

.dropdown-menu-lg {
    max-width: 350px;
}

.sidebarMenu div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    white-space: nowrap;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 10px;
}


/*color*/

.modal-header {
    background-color: var(--main-color);
    color: var(--main-color-95)
}

.modal-body {
    /*background-color: var(--main-color-90);*/
}

.modal-buttons {
    background-color: var(--main-color-95);
}


.brand-logo {
    background-color: var(--main-color-brand-logo);
}

.card-header .nav-pills .nav-link.active {
    background-color: var(--main-color-card-header-pills-background);
}

.card-title {
    color: white!important;
}


.custom-control-label {
    color: white!important;
}

.navbar-skin {
    background-color: var(--main-color-navbar-background);
    color: var(--main-color-navbar-text);
}

    .navbar-skin .nav-link {
        color: var(--main-color-navbar-text);
    }

.skin-icon {
    color: var(--main-color);
}

.layout-navbar-fixed .sidebar-light-primary .brand-link {
    background-color: #ffffff;
}

div.dt-button-collection div.dropdown-menu {
    background-color: var(--main-color-95);
}

    div.dt-button-collection div.dropdown-menu .dropdown-item.active {
        background-color: var(--main-color-65);
    }

.sidebar-light-primary {
    background-color: var(--main-color-sidebar-background);
}

    .sidebar-light-primary .user-panel a:hover {
        color: var(--main-color-sidebar-15);
    }

    .sidebar-light-primary .user-panel .status {
        color: var(--main-color-sidebar-25);
        background: var(--main-color-sidebar-95);
    }

        .sidebar-light-primary .user-panel .status:hover, .sidebar-light-primary .user-panel .status:focus, .sidebar-light-primary .user-panel .status:active {
            color: var(--main-color-sidebar-15);
        }

    .sidebar-light-primary .user-panel .dropdown-menu {
        border-color: var(--main-color-sidebar-90);
    }

    .sidebar-light-primary .user-panel .dropdown-item {
        color: var(--main-color-sidebar-15);
    }

    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link:active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link:focus {
        color: var(--main-color-sidebar-25);
    }

    .sidebar-light-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
    .sidebar-light-primary .nav-sidebar > .nav-item:hover > .nav-link {
        color: var(--main-color-sidebar-15);
        background-color: var(--main-color-sidebar-95);
    }

    .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
        color: #ffffff;
        background-color: var(--main-color-sidebar);
    }

    /*.sidebar-light-primary .nav-sidebar > .nav-item > .nav-treeview {
        background: transparent;
    }*/

    .sidebar-light-primary .nav-header {
        color: var(--main-color-sidebar-25);
    }

    .sidebar-light-primary .sidebar a {
        color: var(--main-color-sidebar-25);
    }

    .sidebar-light-primary .nav-treeview > .nav-item > .nav-link {
        color: var(--main-color-sidebar-35);
    }

        .sidebar-light-primary .nav-treeview > .nav-item > .nav-link.active, .sidebar-light-primary .nav-treeview > .nav-item > .nav-link.active:hover {
            color: var(--main-color-sidebar-15);
            background-color: var(--main-color-sidebar-95);
        }

        .sidebar-light-primary .nav-treeview > .nav-item > .nav-link:hover {
            background-color: var(--main-color-sidebar-95);
        }


.card-info:not(.card-outline) .card-header {
    background-color: var(--main-color-card-header-background);
}

.card-footer {
    background-color: var(--main-color-card-footer-background);
}


.btn-action {
    color: var(--main-color-btn-action);
    background-color: var(--main-color-btn-action-background);
    border-color: var(--main-color-btn-action-background);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-action.disabled, .btn-action:disabled {
        color: #ffffff;
        background-color: var(--main-color-btn-action-background);
        border-color: var(--main-color-btn-action-background);
    }



.btn-navigate {
    color: #ffffff;
    background-color: var(--main-color-55);
    border-color: var(--main-color-55);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-filter {
    width:6rem;
}


.img-profile-picture {
    display: inline-block;
    max-height: 180px;
    /*max-width: 100%;*/
}

.img-h180 {
    display: inline-block;
    max-height: 180px;
    max-width: 100%;
}


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

.img-75 {
    display: inline-block;
    max-height: 75%;
    max-width: 75%;
}

.img-50 {
    display: inline-block;
    max-height: 50%;
    max-width: 50%;
}

.img-25 {
    display: inline-block;
    max-height: 25%;
    max-width: 25%;
}


.card-info:not(.card-outline) .card-header a {
    color: #1f2d3d;
}

.note-toolbar {
    z-index: auto;
}

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

.modal-title {
    color: var(--main-color-95);
}

.text-color{
    color: var(--main-color-35);
}


.modal-title span{
    color: var(--main-color-95);
}

.tableTools-container {
    margin-bottom: 8px;
    position: relative
}

.btn-localized {
    color: white !important;
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}

.dimension-title {
    color: white;
    background-color: var(--main-color);
    margin-left:0px;
    margin-right:0px;
    padding-top:12px;
    padding-bottom:7.5px;
    border-radius: 5px;
}



.modal-content.ui-resizable {
}

.img-fit {
    max-width: 100%;
    max-height: 100%;
}

.customer-logo-sidebar {
    max-width: 180px;
    max-height: 25px;
}

.customer-logo-footer {
    max-height: 1.25em;
}

.customer-logo-login {
    max-height: 2.5em;
    max-width: 280px;
}

.product-logo-footer {
    max-height: 1.25em;
}

.product-logo-login {
    max-height: 1.5em;
}

.card-login{
    /*border-radius: 7px !important;*/
}

.login-card-radius{
    border-radius:7.5px;
}

.portrait {
    height: 80px;
    width: 30px;
}

.landscape {
    height: 30px;
    width: 80px;
}

.square {
    height: 75px;
    width: 75px;
}

.progress{
    font-size: 1rem;
}

.question {
    background-color: var(--main-color-90);
    border-radius:5px;
}

.circle-icon {
    background: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    margin-top: -7px;
}


.statistic-title {
    background-color: var(--main-color-90);
    /*margin-left: 5px;*/
    /*margin-right: 0px;*/
    padding-top: 12px;
    padding-bottom: 7.5px;
    border-radius: 5px;
    font-weight:600;
}

.statistic-description {
    /*margin-left: 5px;*/
    /*margin-right: 0px;*/
    padding-top: 12px;
    padding-bottom: 7.5px;
    border-radius: 5px;
}


.enlarge-7_5 {
    /*margin-left: -7.5px;*/
    /*margin-right: -7.5px;*/
}

.statistic-dimension {
    background-color: var(--main-color-95);
    padding-top: 12px;
    padding-bottom: 7.5px;
    border-radius: 5px;
}

.statistic-question {
    background-color: var(--main-color-95);
    padding-top: 12px;
    padding-bottom: 7.5px;
    border-radius: 5px;
}

.statistic-header-row {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
}

.statistic-row-top-separator {
    margin-top: 5rem;
}

.statistic-row-top-separator-half {
    margin-top: 2.5rem;
}

.statistic-row-bottom-separator {
    margin-bottom: 5rem;
}

.statistic-row-bottom-separator-half {
    margin-bottom: 2.5rem;
}


.statistic-header {
    background-color: var(--main-color-95);
    margin-bottom: 5px;
    padding-top: 10px;
    border-radius: 5px;
    font-weight: bold;
}

.statistic-table-title {
    background-color: #f2f2f2;
    margin-bottom: 0.5rem;
    border-radius: 5px;
    font-weight: bold;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}


.title-main {
    background-color: var(--main-color);
    color:white;
    margin-bottom: 5px;
    padding-top: 6px;
    border-radius: 5px;
}

.chart-container-100 {
    position: relative;
    margin: auto;
    height: 100px;
    width: 90vw;
}

.chart-container-110 {
    position: relative;
    margin: auto;
    height: 110px;
    width: 90vw;
}

.chart-container-120 {
    position: relative;
    margin: auto;
    height: 120px;
    width: 90vw;
}


.chart-container-140 {
    position: relative;
    margin: auto;
    height: 140px;
    width: 90vw;
}

.chart-container-160 {
    position: relative;
    margin: auto;
    height: 160px;
    width: 90vw;
}

.chart-container-180 {
    position: relative;
    margin: auto;
    height: 180px;
    width: 90vw;
}

.chart-container-200 {
    position: relative;
    margin: auto;
    height: 200px;
    width: 90vw;
}

.chart-container-220 {
    position: relative;
    margin: auto;
    height: 220px;
    width: 90vw;
}

.chart-container-250 {
    position: relative;
    margin: auto;
    height: 250px;
    width: 90vw;
}

.chart-container-300 {
    position: relative;
    margin: auto;
    height: 300px;
    width: 90vw;
}


.chart-container-400x100 {
    position: relative;
    margin: auto;
    height: 400px;
    width: 100vw;
}


.query-builder .btn-primary {
    background-color: #847F7F;
}


.jstree-button-bar {
    /*border: 1px #bfbfbf solid;*/
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: var(--main-color-65);    
}


.btn-download{
    /*background-color:lightgray;*/
    color:darkgreen;
}

.btn-preview {
    /*background-color:lightgray;*/
    color: blue;
}

.btn-refresh {
    /*background-color:lightgray;*/
    color: #666;
}


.jstree-container {
    border: 1px #bfbfbf solid;
    width: 100%;
    /*min-width: 150px;*/
    /*deve essere l'altezza della tabelle dei file +140px*/
    height: 405px;
    overflow: auto;
    display: inline-block;
}

.content-fit{
    margin-left: -6px;
    margin-right: -7px;
}

.table-fit-container{
    /*width: 100%;*/
}


.back-to-top {
    bottom: 0.70rem;
    right: 4rem;
}

.back-to-bottom {
    position: fixed;
    bottom: 0.70rem;
    right: 0.75rem;
}

.select-an-item{
    font-weight:100;
    font-style:italic;
}

.classViewBodySelect{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.ui-progressbar {
    position: relative;
    color: #362878;
    width: 100%;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}

.progress-label {
    position: absolute;
    left: 50%;
    top: 4px;
    font-weight: bold;
    margin-left: -40px;
}

.ui-widget-header {
    /*border: 1px solid #70db70;*/
    background: #2eb82e;
    padding-bottom:5px;
    margin-left: -40px;
}


.modal-dialog-scroll {
    overflow-y: initial !important
}

.modal-body-scroll {
    height: 250px;
    overflow-y: auto;
}


.list-group-scroll {
    height: 400px;
    overflow-y: scroll;
}


.chat-header {
    background-color: var(--main-color);
    color: var(--main-color-90);
}

.chat-title {
    font-size: 1.25rem;
    font-weight: 500;
}

.btn-tool {
    color: var(--main-color-95);
}

.btn-tool:hover {
    color: var(--main-color-90);
}

.btn-collapse {
    color: #1f2d3d;
    background-color: var(--main-color-90);
    border-color: var(--main-color-90);
    box-shadow: none;
    text-align:left;
    /*margin-left:-6px;*/
}

    .btn-collapse:hover {
        background-color: var(--main-color-75);
        border-color: var(--main-color-75);
        box-shadow: none;
    }

element.style {
    background-color: var(--indigo);
    padding-left: 0px;
    padding-top: 7px;
    /* align-content: center; */
}

.right .direct-chat-circle {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 50px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #000
}


.direct-chat-circle {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 18px;
    color: var(--main-color-25);
    line-height: 40px;
    text-align: center;
    background: var(--main-color-90);
}

.right .direct-chat-circle {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 18px;
    color: var(--main-color-95);
    line-height: 40px;
    text-align: center;
    background: var(--main-color-55);
}

.direct-chat-success .right > .direct-chat-text {
    background: var(--main-color-55);
    border-color: var(--main-color-55);
    color: var(--main-color-95);
}

    .direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
        border-left-color: var(--main-color-55);
    }

    .direct-chat-text::after, .direct-chat-text::before {
        border-right-color: var(--main-color-90);
    }

.direct-chat-text {
    background: var(--main-color-90);
    border: 1px solid var(--main-color-90);
    color: var(--main-color-25);
}


.rotate {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    -moz-transform: rotate(-90.0deg); /* FF3.5+ */
    -ms-transform: rotate(-90.0deg); /* IE9+ */
    -o-transform: rotate(-90.0deg); /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg); /* Safari 3.1+, Chrome */
    transform: rotate(-90.0deg); /* Standard */
    white-space:nowrap;
}

.tableArray th {
    padding:2px!important;
}

.centerTextArray{
    text-align:center;
}




@media screen and (max-device-width: 1140px) {
    .centerTextArray {
        text-align: left;
    }


    th.arrayRotate {
        /* Something you can count on */
        height: 210px;
        white-space: nowrap;
    }

        th.arrayRotate > div {
            transform:
            /* Magic Numbers */
            /*translate(25px, 51px)*/
            /* 45 is really 360 - 45 */
            /*rotate(315deg);*/
            translate(6px,-1px) rotate(-90deg);
            width: 10px;
        }

            th.arrayRotate > div > span {
                border-bottom: 1px solid #ccc;
                padding: 5px 10px;
            }
}


@media screen and (min-device-width: 1141px) {
    th.arrayRotate {
        vertical-align: middle !important;
    }
}


.card-footer-execution{
    height:55px;
}


blockquote {
    background: #e6e6e6;
    border-left: 0.7rem solid var(--main-color);
    font-size: 1.1rem;
}

.blockquote-talent-execution {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
    margin-top: 0rem !important;
    margin-bottom: 4rem !important;
    font-size: 1rem;
    font-weight: 300;
}

    .blockquote-talent-execution ul {
        margin-bottom: 0rem;
    }

    .blockquote-talent-execution p {
        margin-bottom: 0rem;
    }


.left-col {
    float: left;
    width: 25%;
}

.center-col {
    float: left;
    width: 50%;
}

.right-col {
    float: left;
    width: 25%;
}

.left-col50 {
    float: left;
    width: 50%;
}


.right-col50 {
    float: left;
    width: 50%;
}

.separator {
    background-color: var(--main-color-95);
    margin-bottom: 5px;
    padding-top: 10px;
    border-radius: 5px;
    font-weight: bold;
}

.select2-container .select2-selection--single {
    height: calc(2.25rem + 2px);
}

.view-group {
    margin-top: 1rem!important;
}

.edit-group {
    margin-top: 2rem !important;
}

.talent-execution-img {
    width:100%;
}

.spanTrue {
    color: green;
}

.spanFalse {
    color: #999999;
}

.opportunistic {
    color: #0000ff;
}