﻿body {
    font-size: .9rem !important;
}

.positionRight {
    position: absolute;
    right: 0;
}

.positionCenter {
    width: 100%;
    margin: 0 auto;
}

.btn.focus,
.btn:focus {
    box-shadow: none !important;
}

.btn {
    -o-transition: all .3s ease 0s !important;
    -webkit-transition: all .3s ease 0s !important;
    -moz-transition: all .3s ease 0s !important;
    transition: all .3s ease 0s !important;
    font-weight: bold !important;
}

#logoNode {
    height: 50px;
    width: 120px;
}

.table td,
.table th {
    padding: .2rem !important;
}

table.dataTable thead th,
table.dataTable tfoot th {
    vertical-align: middle;
}

.progress-bar {
    background-color: #17a2b8 !important;
}

.navigazioneTitolo {
    text-align: right;
}

.mobile_logo {
    display: none;
}

.header_Lombardia,
.footer_Lombardia {
    border-color: #00559f;
    background: #00559f;
    background: -moz-linear-gradient(top,#00559f 0,#3376b2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00559f),color-stop(100%,#3376b2));
    background: -webkit-linear-gradient(top,#00559f 0,#3376b2 100%);
    background: -o-linear-gradient(top,#00559f 0,#3376b2 100%);
    background: -ms-linear-gradient(top,#00559f 0,#3376b2 100%);
    background: linear-gradient(to bottom,#00559f 0,#3376b2 100%);
    z-index: 1030;
}

a.btn.disabledBtn {
    cursor: not-allowed !important;
    opacity: .4;
}

.footerFixed {
    position: fixed;
    bottom: 0;
}

a[href="#finish"] {
    background-color: #008000 !important;
}

/** Footer **/
.eleFooter {
    padding-top: 1rem;
    text-align: center;
    color: #fff;
}

/**Login*/
#login-form {
    width: 40%;
}

.fas.position-absolute {
    right: 15px;
    top: -27px;
}
/** Fine Login **/


/** Dashboard **/

div#dashboard_body {
    padding-top: 10px;
    padding-bottom: 10px;
}

.card.text-center a {
    color: #fff;
    font-size: 20px;
}

.btn-dashboard .card a {
    width: 100%;
    height: 100%;
}

.btn-dashboard .card:hover {
    opacity: .7;
}

.btn-dashboard .card a:hover {
    text-decoration: none;
}

.container_body {
    min-height: 79vh;
    padding: 1vh;
}

.header_Lombardia,
.footer_Lombardia {
    /*height: 12vh;*/
}

.header_nav a.btn.utenti_btnWhiteBorder:before {
    content: "Utenti";
    display: none;
}

.header_nav a.btn.btn-light:before {
    content: "Dashboard";
    display: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.header_nav a.btn.btn-secondary:before {
    content: "Logout";
    display: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

/** Fine Dashboard **/

/** Gestione Questionari **/

.questionari_color {
    color: rgb(26, 179, 148) !important;
}

.questionari_border {
    border: 1px solid rgb(26, 179, 148) !important;
}

.questionari_bg {
    background-color: rgb(26, 179, 148) !important;
}

.questionari_btn,
.questionari_btnWhiteBorder:hover {
    border: 2px solid rgb(26, 179, 148) !important;
    color: rgb(26, 179, 148) !important;
    background-color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.questionari_btn:hover,
.questionari_btnWhiteBorder {
    border: 2px solid rgb(26, 179, 148) !important;
    color: #fff !important;
    background-color: rgb(26, 179, 148) !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.header_nav a.btn.questionari_btnWhiteBorder:before {
    content: "Modello";
    display: none;
}

.nuovoQuestionario_iframe {
    height: 50vh;
    overflow: hidden;
}
/** Fine Gestione Questionari **/

/** Gestione Destinatari **/

.destinatari_bg {
    /**background-color: #018ABE; verde acido**/
    background-color: #02457A !important;
}

.destinatari_color {
    color: #02457A !important;
}

.destinatari_border {
    border: 1px solid #02457A !important;
}

.destinatari_btn,
.destinatari_btnWhiteBorder:hover {
    border: 2px solid #02457A !important;
    color: #02457A !important;
    background-color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.destinatari_btn:hover,
.destinatari_btnWhiteBorder {
    border: 2px solid #02457A !important;
    color: #fff !important;
    background-color: #02457A !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.header_nav a.btn.destinatari_btnWhiteBorder:before {
    content: "Query";
    display: none;
}

/** Fine Gestione campagna **/

/** Invio Questionario **/
.invio_bg {
    background-color: #8474a1 !important;
}

.invio_color {
    color: #8474a1 !important;
}

.invio_border {
    border: 1px solid #8474a1 !important;
}

.invio_btn,
.invio_btnWhiteBorder:hover {
    border: 2px solid #8474a1 !important;
    color: #8474a1 !important;
    background-color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.invio_btn:hover,
.invio_btnWhiteBorder {
    border: 2px solid #8474a1 !important;
    color: #fff !important;
    background-color: #8474a1 !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.header_nav a.btn.invio_btnWhiteBorder:before {
    content: "Invio";
    display: none;
}

.invio_border .wizard > .content > .body ul > li {
    display: block !important;
}

.invio_border .wizard > .steps > ul > li {
    width: 20% !important;
}

.invio_border .wizard > .content > .body input {
    display: block;
    border: none !important;
}

.invio_border .wizard > .content {
    overflow-y: auto;
}

.invio_border .wizard > .content > .body {
    padding: 1% !important;
    width: 100% !important;
}

.invio_btn.listaDestinatari {
    padding: .2rem !important;
    line-height: 1rem !important;
}

#collapseAppcore .card-body,
#collapseExcel .card-body {
    background-color: transparent;
    border: none;
}

#accordionDestinatariInvio .card {
    background-color: transparent;
    border: none !important;
}

#accordionDestinatariInvio .card-header {
    background-color: transparent;
    border-bottom: none;
}

/** Fine Invio Questionario **/

/** campagna Questionario **/
.campagna_color {
    color: #e25b45 !important;
}

.campagna_bg {
    background-color: #e25b45 !important;
}

.campagna_border {
    border: 1px solid #e25b45 !important;
}

.campagna_btn,
.campagna_btnWhiteBorder:hover {
    border: 2px solid #e25b45 !important;
    color: #e25b45 !important;
    background-color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.campagna_btn:hover,
.campagna_btnWhiteBorder {
    border: 2px solid #e25b45 !important;
    color: #fff !important;
    background-color: #e25b45 !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.header_nav a.btn.campagna_btnWhiteBorder:before {
    content: "campagna";
    display: none;
}

.btn-esportaSelezionari {
    margin-top: calc(25px + .5rem);
}

/** Fine campagna Questionario **/


/** Gestione Utenti **/

.utenti_bg {
    background-color: #7ea00e !important;
}

.utenti_color {
    color: #7ea00e !important;
}

.utenti_border {
    border: 1px solid #7ea00e !important;
}

.utenti_btn,
.utenti_btnWhiteBorder:hover {
    border: 2px solid #7ea00e !important;
    color: #7ea00e !important;
    background-color: #fff !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.utenti_btn:hover,
.utenti_btnWhiteBorder {
    border: 2px solid #7ea00e !important;
    color: #fff !important;
    background-color: #7ea00e !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
/** Fine Gestione utenti **/

/** Compilazione Questionario **/
/** Fine Compilazione Questionario **/


/**Jquery.Steps**/

span.number {
    display: block;
}

/**Fine Jquery.Steps**/



/** Small devices (landscape phones, 576px and up)**/
@media (max-width: 776px) {
    #login-form {
        width: 100%;
    }

    .mobile_logo {
        display: inline-block;
    }

    .desktop_logo {
        display: none;
    }
}

/**Medium devices (tablets, 768px and up)**/
@media (min-width: 992px) {
    .list-firstColumn {
        padding-right: 50px !important;
    }

    .list-lastColumn {
        padding-left: 50px !important;
    }

    .btn-dashboard .card-deck:first-child {
        margin-right: 15px;
    }

    .btn-dashboard .card-deck:last-child {
        margin-left: 15px;
    }

    .btn-dashboard .card-deck:last-child .card:first-child {
        margin-right: 5px;
    }

    .btn-dashboard .card-deck:last-child .card:last-child {
        margin-left: 5px;
    }

    .btn-dashboard .card-deck:first-child .card:first-child {
        margin-right: 5px;
    }

    .btn-dashboard .card-deck:first-child .card:last-child {
        margin-left: 5px;
    }
}


/** Large devices (desktops, 992px and up)**/
@media (max-width: 992px) {

    .eleFooter {
        padding: .5rem;
    }

    .btn-dashboard .card-deck:last-child .card:first-child,
    .btn-dashboard .card-deck:last-child .card:last-child,
    .btn-dashboard .card-deck:first-child .card:first-child,
    .btn-dashboard .card-deck:first-child .card:last-child {
        margin-right: 15px;
        margin-left: 15px;
    }

    .btn-dashboard .card-deck:first-child,
    .btn-dashboard .card-deck:last-child {
        margin-right: -15px;
    }

    .navigazioneTitolo {
        text-align: center;
    }
}

/**Extra large devices (large desktops, 1200px and up)**/
@media (min-width: 1200px) {
    .mobile_logo {
        display: none;
    }
}


/**SurveyJS **/

td.sv_q_mt_title {
    text-align: right !important;
}

h4.sv_page_title {
    font-weight: bold !important;
    font-size: 2em !important;
    text-align: center;
}

h5.sv_q_title {
    border-bottom: 1px solid #1ab394;
}

td .alert {
    padding: 5px !important;
    margin-bottom: 5px !important;
}

.btn-surveyPdf {
    color: white;
    background-color: #1ab394;
    font-size: 0.85em;
    font-weight: bold;
    line-height: 2em;
    border: none;
    min-width: 100px;
    cursor: pointer;
    padding: 1em;
    border-radius: 2px;
}

.btn-surveyPdf:hover {
    background-color: #179d82;
    color: white;
}

.sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
    padding: .5em !important;
}

/*
    Compilazione Questionario
*/

.containerFlex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.expressionStyle {
    float: right;
    padding: 0.5em 1em 1.5em 1em;
}

/*
    Fine Compilazione Questionario
*/


/**********************************************************************************************************/
/**********************************************************************************************************/
/* Spinner ************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 60px auto;
    font-size: 25px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.text-center.spinner {
    bottom: 0;
    color: white;
    font-weight: bold;
    height: 40px;
    left: 0;
    margin: auto !important;
    position: absolute;
    right: 0;
    top: 90px;
}

/* Fine Spinner */


/* DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.3em 0.5em !important;
}

.svd_commercial_container {
    display: none;
}
/* Fine DataTables */


.wizard > .content > .body label.error {
    margin-left: 0 !important;
}

.error-input {
    background: rgb(251, 227, 228);
    border: 1px solid #8a1f11 !important;
    color: #8a1f11 !important;
}

label.error {
    color: #8a1f11;
    display: inline-block;
    font-weight: bold;
}

label.errorLogic,
label.errorMail {
    color: #8a1f11;
    display: inline-block;
}

.modal-title {
    position: absolute;
    left: 1rem !important;
}

[disabled] {
    cursor: no-drop;
}

small#MatricolaHelp {
    padding-left: 5px;
}


/* wysiwyg - richText */

.richText .richText-editor {
    height: 8em !important;
}

.richText .richText-toolbar ul li a {
    padding: 6px !important;
}

.richText-dropdown-outer {
    z-index: 1 !important;
}

#logo_email {
    z-index: 0 !important;
}

[title='Add image'].richText-btn,
[title='Add file'].richText-btn,
[title='Add video'].richText-btn,
[title='Add URL'].richText-btn,
[title='Add table'].richText-btn,
[title='Show HTML code'].richText-btn {
    display: none !important;
}

/* Fine wysiwyg - richText */
