body {
    margin-right: 0px;
    overflow-x: hidden;    
}

nav {
    box-shadow: 0px 3px 3px #00000061;
}

.menu-item {
    text-align: center;
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 0px;
    color: #0E223A !important;
    text-transform: uppercase;
    opacity: 1;
    padding: 8px;
    border-bottom: 5px solid transparent;
    border-radius: 5px;
    transition: 0.3s;
}

    .menu-item:hover {
        font-weight: bold;
        border-bottom-color: red;
    }

.btn-complaint-menu {
    width: 196px;
    height: 42px;
    background-color: #FFFFFF;
    border: 2px solid #DD0000;
    border-radius: 30px;
    opacity: 1;
    font: normal normal 12px Poppins !important;
    color: #DD0000;
    fill: #DD0000;
    letter-spacing: 0px;
    justify-content: space-around !important;
    transition: 0.0s;
}

    .btn-complaint-menu > div > img {
    }

    .btn-complaint-menu:hover {
        background-color: #DD0000;
        color: white;
    }

.custom-complaint {
    padding: 37px 0px 200px 70px;
}

    .custom-complaint > div > img {
        margin-bottom: 31px;
    }

    .custom-complaint > div > div > p {
        font: var(--unnamed-font-style-normal) normal normal var(--unnamed-font-size-18)/24px Segoe UI;
        letter-spacing: var(--unnamed-character-spacing-0);
        text-align: left;
        font: normal normal normal 18px/24px Segoe UI;
        letter-spacing: 0px;
        color: #0E223A;
        opacity: 1;
        padding-left: 18px;
        margin-top: 13px;
    }

    .custom-complaint > div > div > a {
    }

        .custom-complaint > div > div > a > div {
            display: inline-block;
        }

        .custom-complaint > div > div > a > img {
        }

        .custom-complaint > div > div > a > div > span {
            letter-spacing: var(--unnamed-character-spacing-0);
            color: var(--unnamed-color-dd0000);
            text-align: left;
            letter-spacing: 0px;
            color: #DD0000;
            opacity: 1;
        }

.btn-complaint {
    text-align: left;
    font: normal normal 300 20px Poppins;
    letter-spacing: 0px;
    color: #DD0000;
    padding-left: 95px;
    padding-top: 22px;
    padding-right: 40px;
    width: 360px;
    height: 117px;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    box-shadow: 0px 9px 8px #00000029;
    border: 3px solid #DD0000;
    border-radius: 20px;
    opacity: 1;
    background-image: url('../images/btn-report-channel-normal.PNG');
    position: relative;
    text-align: start;
    background-position-y: center;
    background-size: 90px;
}

    .btn-complaint:hover {
        background-color: #DD0000;
        background-image: url('../images/btn-report-channel.PNG');
        color: #FFF;
        border-color: #FFF;
    }

#divComplaintChannels {
    background-color: #F1F1F1;
    padding-top: 33px;
    padding-left: 67px;
    padding-right: 67px;
}

    #divComplaintChannels > h1 {
        width: 593px;
        height: 55px;
        font-family: Poppins;
        font-size: 41px/61px;
        font-style: normal;
        font-variant: normal;
        text-align: left;
        letter-spacing: 0px;
        color: #E55D5D;
        opacity: 1;
        margin-bottom: 25px;
    }

#divComplaintCards {
    vertical-align: top;
}

.custom-card {
    text-align: center;
    display: inline-grid;
    width: 299px;
    min-height: 116px;
    height: fit-content;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 26px;
    opacity: 1;
    margin-right: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.custom-card > #linkEmail {
    align-items: center;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-title {
    width: 70px;
    height: 31px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) var(--unnamed-font-size-22)/20px var(--unnamed-font-family-poppins);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    font: normal normal 300 22px/20px Poppins;
    letter-spacing: 0px;
    color: #0E223A;
    opacity: 1;
}

.card-content {
    width: 153px;
    height: 28px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20px/30px var(--unnamed-font-family-poppins);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    font: normal normal bold 20px/30px Poppins;
    letter-spacing: 0px;
    color: #0E223A;
    opacity: 1;
}

.card-content-custom-button {
    margin: 0px !important;
    width: 100% !important;
    padding: 0px 0px 0px 0px !important;
    text-align: center !important;
}

#whistleblowing-circuit {
    padding-top: 68px;
    padding-left: 83px;
    padding-right: 98px;
    padding-bottom: 10px;
    background-color: #f1f1f1;
}

#faq {
}


details {
    background-color: #FFFFFF;
    border-radius: 12px;
    margin-left: -15px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    /*Oculta a seta original da tag details (list-style). Outros estilos do summary*/
    details > summary {
        list-style: none;
        padding-left: 15px;
        padding-top: 8px;
        color: #000066;
        font: normal normal 300 14px/21px Poppins;
    }

    details > p {
        padding-left: 25px;
        padding-right: 25px;
        margin: 30px 0px 10px 0px;
        color: #707070;
        font: normal normal normal 16px/28px Segoe UI;
        opacity: 1;
    }

/*Estilo details*/
summary:after {
    font-family: FontAwesome;
    content: "\f107";
    color: #dd0000;
    float: right;
    font-size: 1.8em;
    font-weight: bold;
    padding-right: 15px;
}

/*Altera o ícone do details quando aberto*/
details[open] summary:after {
    content: "\f106";
}

ul {
    list-style: none;
}

.btn-whatsapp-fixed {
    width: 64px;
    height: 64px;
    position: fixed;
    bottom: 40px;
    z-index: 3;
    right: 76px;
}

/*padrão modais*/
.btn-close-top {
    color: #000066;
}
/*padrão modais*/

/*modal denúncia*/
.btn-close-top-custom {
    background-color: white !important;
    border: 0px !important;
}

.modal-report-title {
    font: normal normal bold 22px Poppins;
    letter-spacing: 0px;
    color: #DD0000;
    opacity: 1;
    margin: 0px;
}

.modal-report-text-size-default {
    text-align: left;
    font: normal normal 300 14px/21px Poppins !important;
    color: #404040;
    letter-spacing: 0px;
}

.modal-report-text-form {
    color: #707070;
}

.modal-report-input {
    margin-bottom: 20px;
    vertical-align: text-top;
    justify-content: initial;
    display: table-cell;
    border: 0px;
    border-bottom: 1px solid;
    border-radius: 0px;
    font-size: 14px;
}

#modalReport {
    width: 100% !important;
}

.modal-report-content-custom {
    padding-left: 25px;
    padding-right: 13px;
    border-radius: 16px;
}

.modal-report-header-custom {
    padding-top: 24px;
    padding-bottom: 5px;
    border: 0px;
}

.pnlModalFolderDocumentIndexNewFields-custom {
    padding: 5px 88px 0px 75px;
}

.index-field-custom {
    padding: 0px;
    margin: 0px;
}

.index-field-custom2 {
    padding: 0px;
}

.rfv-index-field-custom {
    padding: 0px 7px 0px 0px;
    text-align: right;
}

.modal-fields-optional-custom {
    padding: 0px 79px 0px 75px;
    margin: 0px;
}

.modal-privacy-policy-custom {
    padding-left: 75px;
    color: #000066;
    font-size: 10px;
}

#lnkPrivacyPolicy {
    color: #dd0000;
}
    #lnkPrivacyPolicy:hover {
        color: #dd0000;
    }

.modal-btn-file-custom {
    width: 154px;
    height: 27px;
    background: #000066 0% 0% no-repeat padding-box;
    border-radius: 17px;
    opacity: 1;
    border-color: #000066;
    font-size: 10px;
    margin-top: 46px;
}

#ftrModalReport {
    border-top: 0px;
    padding-right: 186px;
    margin-bottom: 70px;
}

.modal-report-btn-save-custom {
    width: 199px;
    height: 37px;
    border: 1px solid #DD0000 !important;
    border-radius: 16px;
    opacity: 1;
    color: #dd0000 !important;
    background-color: white !important;
    font: normal normal medium 12px/18px Poppins !important;
}

    .modal-report-btn-save-custom:hover {
        background-color: #dd0000 !important;
        color: white !important;
    }
/*modal denúncia*/

/*modal política de privacidade*/
.modal-privacy-policy-custom2 {
    border-radius: 8px;
    background-color: white;
}

#modalPrivacyPolicyTitle {
    width: 380px;
    height: 30px;
    font: normal normal 400 22px/33px Poppins;
    letter-spacing: 0px;
    color: #000066;
    opacity: 1;
}

.modal-privacy-policy-header-custom {
    border: 0px;
    padding-bottom: 5px;
}

#modalPrivacyPolicyBody {
    padding: 0px;
}

    #modalPrivacyPolicyBody > ul {
        list-style-type: disc;
    }

        #modalPrivacyPolicyBody > ul > li {
            text-align: left;
            font: normal normal 300 14px/16px Poppins;
            letter-spacing: -0.21px;
            color: #707070;
            opacity: 1;
            margin-bottom: 22px;
        }

.modal-privacy-policy-traco1 {
    border: 1px solid #dd0000;
}

.modal-privacy-policy-traco2 {
    border: 1px solid #000066;
    margin-bottom: 20px;
}

.btn-close-top-size32 {
    font-size: 32px !important;
    opacity: 1 !important;
}
/*modal política de privacidade*/

/*modal acompanhe sua denúncia*/
.modal-track-request-custom {
    display: flex !important;
    justify-content: flex-end;    
}

.modal-track-request-dialog-custom {
    margin: 35px 43px 0px 0px !important;
    width: 375px;
}

.modal-track-request-content-custom {
    height: 217px;
    border: 2px solid #DD0000;
    border-radius: 25px;
}

.modal-track-request-title {
    text-align: left;
    font: normal normal 600 12px/13px Poppins;
    letter-spacing: 0px;
    color: #DD0000;
    opacity: 1;
}

.modal-track-request-div-title-text {
    width: 95px;
    height: 30px;
}

.modal-track-request-div-title {
    display: flex;
}

.modal-track-request-header-custom {
    border: 0px;
}

.modal-track-request-btn-enter {
    width: 168px;
    height: 31px;
    border: 1px solid #000066;
    border-radius: 19px;
    opacity: 1;
    background-color: white;
    font: normal normal 600 12px/18px Poppins;
    letter-spacing: 0px;
    color: #000066;
    text-transform: uppercase;
    opacity: 1;
}

    .modal-track-request-btn-enter:hover {
        background-color: #000066;
        color: white;
    }

.modal-track-request-footer-custom {
    border: 0px;
}

.modal-track-request-body-text {
    width: 85%;
    padding: 0px 0px 2px 8px;
    border: 0px;
    border-bottom: 1px solid #707070 !important;
    font: normal normal 300 12px/18px Poppins;
    letter-spacing: 0px;
    color: #707070;
    opacity: 1;
}

    .modal-track-request-body-text:focus-visible {
        outline: none;
    }

/*fim modal acompanhe sua denúncia*/

footer {
    border-top: 4px solid #dd0000;
    background-color: #0E223A;
    height: 178px;
    padding-top: 20px;
    padding-left: 87px;
    opacity: 1;
}

#divCopyright {
    height: 60px;
    background: #F1F1F1 0% 0% no-repeat padding-box;
    opacity: 1;
    font: normal normal 300 16px/25px Poppins;
    letter-spacing: 0px;
    color: #878787;
    opacity: 1;
}

.inline-grid {
    display: inline-grid;
}

.pad-left-0 {
    padding-left: 0px;
}

.pad-right-0 {
    padding-right: 0px;
}

.alertMessage {
    position: absolute;
    width: 93%;
    z-index: 1000;
}

#divReportTranckingBody {
    background-color: #F1F1F1;
    margin-bottom: -75px;
    padding-top: 40px;
    padding-bottom: 75px;
    padding-left: 67px;
}

#MainContent_pnlTabEdit {
    margin: 59px 136px 74px 69px !important;
    padding: 45px;
    background-color: white;
}

#divMensagens {
    background-color: #fbfbfb;
    padding: 24px 34px 43px 34px;
    border: 1px solid #ACACAC;
    opacity: 1;
    margin-bottom: 38px;
}

#divAnswer {
    margin-top: 53px;
}

.report-tracking-red-text {
    color: #dd0000;
    font: normal normal 300 20px Poppins;
    letter-spacing: 0px;
    height: 28px;
}

.report-tracking-gray-text {
    color: #ACACAC;
    font: normal normal 300 20px Poppins;
    letter-spacing: 0px;
    height: 28px;
}

.report-tracking-gray-text-small {
    color: #888888;
    font: normal normal 300 16px Poppins;
    letter-spacing: 0px;
}

.report-tracking-blue-text {
    font: normal normal 300 20px/30px Poppins;
    letter-spacing: 0px;
    color: #000066;
    opacity: 1;
    height: 28px;
}

.report-tracking-blue-text-big {
    font: normal normal medium 22px/33px Poppins;
    letter-spacing: 0px;
    color: #000066;
    opacity: 1;
    height: 38px;
}

#divReportHistory {
    padding-left: 18px;
    margin-top: 50px;
}

#divHistoryStatus {
    margin-top: 25px;
}

#MainContent_lblReportOpen {
    margin-bottom: 20px;
}

.history-status {
    margin: 20px 0px 45px 42px;    
}

.icons-history-size {
    color: #000066;
    font-size: 70px !important;
}

.icons-history-size-2 {
    background-color: #000066;
    color: white !important;
    font-size: 64px !important;
    border: 3px solid #000066;
    border-radius: 40px;
}

.icons-history-size-2-disabled {
    background-color: #ACACAC;
    color: white !important;
    font-size: 64px !important;
    border: 3px solid #ACACAC;
    border-radius: 40px;
}

#MainContent_imgInvestigation {
    border: 3px solid #000066;
    border-radius: 40px;
}

#MainContent_imgInvestigationCheck {
    background-color: #000066 !important;
    border: 3px solid #000066;
    border-radius: 40px;
}

#divStatusIcons {
    border: 0px solid black;
    height: 70px;
    align-items: start;
}

#divStatusInfo {
    margin-top: 16px;
    border: 0px solid black;
    height: 53px;
    align-items: start;
}

.status-info {
    text-align: center;
    font: normal normal 300 16px/25px Poppins;
    letter-spacing: 0px;
    color: #000066;
    opacity: 1;
}

.status-info-space {
    width: 19%;
}

.status-info-widht {
    width: 150px;
    text-align: center;
}

.status-line {
    height: 1px;
    width: 24.58%;
    border: 2px solid #000066;
    position: relative;
    top: 50%;
}

.status-line-disabled {
    border-color: #ACACAC;
}

.question {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
}

.button-answer-margin {
    margin-top: 0px;
    margin-left: 20px;
}

.button-answer {
    width: 279px !important;
    height: 47px !important;
    border-radius: 24px;
    opacity: 1;
    background-color: #DD0000 !important;
    font: normal normal 300 16px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    padding-top: 10px;
    border-color: #DD0000;
}

    .button-answer:hover {
        color: #FFFFFF;
    }

.select2-container--bootstrap .select2-dropdown {
    border: 1px solid #595F69;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #595F69;
}

.select2-container--bootstrap.select2-container--focus .select2-selection--single,
.select2-container--bootstrap.select2-container--focus .select2-selection--multiple {
    border: 1px solid #595F69;
}

.select2-container--bootstrap.select2-container--open .select2-selection--single,
.select2-container--bootstrap.select2-container--open .select2-selection--multiple {
    border: 1px solid #595F69;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #747981;
    color: #fff;
}

/* Toggles */
.bootstrap-switch.bootstrap-switch-focused {
    border-color: #595F69;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-custom,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-custom {
    color: #fff;
    background: #595F69;
}

.overlay {
    padding: 5px;
    z-index: 9999;
    position: fixed;
    background-color: #FFF;
    margin: 0 auto;
    filter: opacity(alpha=90); /* para o IE */
    -moz-opacity: 0.9; /* para o FireFox */
    opacity: 0.9; /* para o outros Navegadores */
    font-family: Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    top: 5%;
    left: 45%;
}

.modal-overlay {
    z-index: 1040 !important;
}

@media (max-width: 1681px) {
    .status-info-space {
        width: 18%;
    }
}

@media (max-width: 1486px) {
    .status-info-space {
        width: 17%;
    }
}

@media (max-width: 1346px) {
    .status-info-space {
        width: 16%;
    }
}

@media (max-width: 1248px) {
    .status-info-space {
        width: 15%;
    }
}

@media (max-width: 1112px) {
    .status-info-space {
        width: 14%;
    }
}

@media (max-width: 1082px) {
    .status-info-space {
        width: 13%;
    }
}

@media (max-width: 998px) {
    .status-info-space {
        width: 12%;
    }
}

@media (max-width: 941px) {
    .status-info-space {
        width: 11%;
    }
}

@media (max-width: 925px) {
    .status-info-space {
        width: 9%;
    }
}

@media (max-width: 897px) {
    .status-info-space {
        width: 7%;
    }
}

@media (max-width: 872px) {
    .status-info-space {
        width: 6%;
    }
}

@media (max-width: 860px) {
    .status-info-space {
        width: 4%;
    }
}

@media (max-width: 838px) {
    .status-info-space {
        width: 2%;
    }
}

@media (max-width: 817px) {
    .status-info-space {
        width: 1%;
    }
}

@media (max-width: 811px) {
    .status-info-space {
        width: 10%;
    }

    .status-info {
        text-align: center;
        font: normal normal 200 13px Poppins;
        letter-spacing: 0px;
        color: #000066;
        opacity: 1;
    }

    .status-info-widht {
        width: 90px;
        text-align: center;
    }

    .status-line {
        height: 1px;
        width: 15%;
        border: 2px solid #000066;
        position: relative;
        top: 50%;
    }
}

@media (max-width: 686px) {
    .status-info-space {
        width: 5%;
    }
}

@media (max-width: 651px) {
    #MainContent_pnlTabEdit {
        margin: 59px 10px 74px 10px !important;
    }

    #divStatusIcons {
        display: none;
    }

    #divStatusInfo {
        display: none;
    }
}

@media (max-width: 575px) {
    footer {
        height: auto;
    }
}

@media (max-width: 499px) {
    .width-adjust {
        width: fit-content;
        margin-right: 9px;
    }

    .card-content-email {
        font-size: 14px !important;
    }
}