﻿body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
    font-family: Sans-serif;
}

header {
    /* background-image: url('Images/bg_header.jpg');
    background-repeat: repeat-x;*/
    background: #fff;
    border-bottom: 1px #808080;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 60px; /* Vertically center the text there */
    background-color: #F5F5F5;
    color: #707070;
}

    .footer a {
        text-decoration: none;
        color: #7f7f7f;
    }

.alert-warning {
    margin-bottom: 70px;
}


.small-box {
    padding: 10px 10px 10px 10px;
    min-height: 60px;
    background: #F0F0F0;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
}

.inner {
    float: left;
}

.actionButton {
    float: right;
}

.WhistleHome h1 {
    color: #0c4e81;
}

.WhistleHome .dxbButtonSys > div {
    line-height: 0px;
}

.jumbotron {
    margin: auto;
    background: #F5F5F5 !important;
}

.row .col-lg-6 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

    .row .col-lg-6 a {
        text-decoration: none;
        color: #fff;
    }

.button h5 p {
    text-decoration: none;
}

.button .card {
    background: #0c4e81 !important;
}

.btn-primary {
    background: #0c4e81 !important;
}

.myBody {
    margin: auto;
    padding-bottom: 60px
}

/*.MyCaptcha {
}

    .MyCaptcha table {
        width: 100%;
        text-align: center;
    }

        .MyCaptcha table .dxca-imageDiv {
            width: 50% !important;
            text-align: center;
            margin: 0px 25%;
        }

#captcha_TB {
    width: 50% !important;
    text-align: center;
    margin: 0px 25%;
}*/

@media (max-width: 768px) {
    .footer {
        text-align: center;
    }

        .footer .footerdiv {
            margin: 0px auto;
            text-align: center !important;
        }

    .alert-warning {
        margin-bottom: 350px;
    }

    .FormLayoutCaption {
        white-space: normal;
        word-wrap: break-word;
    }

/*    .MyCaptcha {
    }

        .MyCaptcha table {
            width: 100%;
            text-align: center;
        }

            .MyCaptcha table .dxca-imageDiv {
                width: 100% !important;
                margin: 0;
            }

    #captcha_TB {
        width: 90% !important;
        text-align: center;
        margin: 0px 5%;
    }*/
}

.CompanyLabel {
}

.companyTitle {
    font-weight: 300;
    position: relative;
    color: #007bff;
    /*font-family: Aleo-LightItalic,serif;*/
    line-height: 1.1;
}

.companyFooter {
    font-size: 11px;
}

.dxflRequired_WhistleTheme {
    color: red !important;
    font-weight: bold !important;
}

.MyClass label {
    white-space: normal;
    word-wrap: break-word;
}

.PolicyLink {
    text-decoration: none;
    color: orange;
}

.siteLogo {
    max-width: 200px;
}

.roundpanel-header {
    font-weight: bold;
    font-size: 12px;
    color: #000 !important;
}

#HomeIntro {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    #HomeIntro img {
        width: 100%;
    }

.carousel-caption {
    width: 100%;
    height: 100%;
    color: #000;
    top: 20px;
    right: 0;
    left: 0;
    text-align: left;
}

.carousel-caption-content {
    /*background-image: linear-gradient(-60deg,rgba(154,182,211,.7) 44%,transparent 0);*/
    background-position-x: right;
    height: 100%;
    top: 0;
}

.introTitle {
    font-size: 1rem;
    font-weight: 300;
}

.companyUrl {
    font-size: x-small;
}

    .companyUrl a {
        font-size: x-small;
    }


.adi-input {
    border: 2px solid #0c4e81;
    padding: 5px;
    border-radius: 5px;
}

.adi-link {
    color: #212529;
}

.ad-flagicon{
    max-width:25px;
}



/*per accessibilità ???*/

/*per upload importante*/

[id*="UploadFileControl_TextBoxT"],
[id*="UploadFileControl_TextBoxO"] {
    aria-hidden: true;
}



.dxic {
    border: none !important;
}

 
/*.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:focus, .sr-only-focusable:active {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}*/

.dxgv {
    color: #2c2c2c !important; /* Grigio molto scuro, contrasto ~13:1 */
    background-color: #ffffff !important; /* Sfondo bianco */
    font-weight: 500;
    font-size: 1rem;
    padding: 16px;
}


.dxeEditArea_WhistleTheme {
    background-color: #ffffff; /* Sfondo bianco */
    color: #000000; /* Testo nero (contrasto 21:1) */
    border: none !important; /* Bordo scuro ben visibile */
    border-radius: 4px;
    padding: 8px;
    font-size: 1rem;
}

.accessible-input {
    background-color: #ffffff; /* Sfondo bianco */
    color: #000000; /* Testo nero (contrasto 21:1) */
    border: 2px solid #8c8c8c !important; /* Bordo scuro ben visibile */
    border-radius: 4px;
    padding: 8px;
    font-size: 1rem;
}

    .accessible-input:focus {
        outline: 3px solid #005fcc; /* Evidenziazione al focus */
        outline-offset: 2px;
    }
.MyCaptcha {
    background-color: #ffffff;
    color: #000000;
    border: 2px solid #767676 !important;
    padding: 24px;
    border-radius: 6px;
    font-size: 1rem;
    max-width: 500px; /* Limita la larghezza massima */
    margin: 0 auto; /* Centra orizzontalmente */
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center; /* Centra i contenuti orizzontalmente */
    text-align: center;
    box-sizing: border-box;
}

    /* Input CAPTCHA */
    .MyCaptcha input[type="text"] {
        background-color: #ffffff;
        color: #000000;
        border: 2px solid #767676 !important;
        padding: 10px 12px;
        width: 100%;
        max-width: 300px; /* Impedisce stretching eccessivo */
        font-size: 1rem;
        box-sizing: border-box;
    }

    /* Pulsante "Nuovo codice" */
    .MyCaptcha .dxeButtonEditSys {
        background-color: #005fcc;
        color: #ffffff;
        border: none;
        padding: 10px 16px;
        border-radius: 4px;
        font-size: 1rem;
        cursor: pointer;
        white-space: nowrap; /* Evita che venga tagliato */
    }

    /* Immagine CAPTCHA */
    .MyCaptcha img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* Focus visibile */
    .MyCaptcha input[type="text"]:focus,
    .MyCaptcha .dxeButtonEditSys:focus {
        outline: 3px solid #005fcc;
        outline-offset: 2px;
    }


#gridViewDocWhistleblowing_DXPagerBottom_PSI {
    background-color: #ffffff !important; /* sfondo bianco */
    color: #2c2c2c !important; /* testo scuro per contrasto */
    border: 2px solid #767676 !important; /* bordo visibile con contrasto sufficiente */
    border-radius: 4px;
    padding: 4px 8px;
    min-width: 3em;
    box-sizing: border-box;
}

    /* Focus per accessibilità */
    #gridViewDocWhistleblowing_DXPagerBottom_PSI:focus {
        outline: 3px solid #005fcc !important;
        outline-offset: 2px;
    }

textarea.readonly-fix[readonly] {
    background-color: #f5f5f5 !important;
    color: #111 !important;
    border: 2px solid #333 !important;
    opacity: 1;
    caret-color: transparent;
    user-select: text;
}

.adi-disclaimer-text{
    width:100%;
    min-height:200px;
}

*:focus-visible {
    outline: solid 2px black !important;
    border: solid 2 px white !important;
}

.readonly-fixdiv {
    border: 1px solid #ccc;
    padding: 8px;
    background-color: #f8f9fa;
    white-space: pre-wrap; /* mantiene a capo e spazi */
    overflow-y: auto; /* abilita scroll verticale */
    max-height: 12em; /* altezza massima (modifica se vuoi) */
    min-height: 6em; /* altezza minima */
    font-family: inherit;
    box-sizing: border-box; /* include padding e bordi nell'altezza */
}


#live-region:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.5); /* opzionale: evidenziazione focus */
}

/*importante per navigazione con screen reader*/
.dxAIFME {
    display: none !important;
}

.adiButton {
    min-width: 100px !important;
}



#gridViewWhistleblowingMessages_DXPagerBottom_PSI {
    background-color: #ffffff !important; /* sfondo bianco */
    color: #2c2c2c !important; /* testo scuro per contrasto */
    border: 2px solid #767676 !important; /* bordo visibile con contrasto sufficiente */
    border-radius: 4px;
    padding: 4px 8px;
    min-width: 3em;
    box-sizing: border-box;
}

    /* Focus per accessibilità */
    #gridViewWhistleblowingMessages_DXPagerBottom_PSI:focus {
        outline: 3px solid #005fcc !important;
        outline-offset: 2px;
    }

#gridViewWhistleblowingMessages_DXCBtn0Img {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.home-bg{
    max-width:600px;
}