* {
        border: 0px;
        margin: 0px;
        padding: 0px;
    }

    html {
        height: 100%;
        font-size: 100%;
    }

    body {
        position: relative;
        width: 100%;
        min-height: 100%;
        background: #FFF;
        font-size: 14px;
        color: #9FA9BA;
        font-family: "Lato", Arial, Helvetica, Sans-serif;
    }

    .sortable-handler {
        touch-action: none;
    }

    .dxButtons {
        margin: 1rem 0;
    }

    p {
        font-size: 1.333rem;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: .5rem;
    }

    label {
        font-weight: 700;
    }

    ul {
        list-style-position: inside;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 1rem 0 1.38rem;
        font-family: "Lato", Arial, Helvetica, Sans-serif;
        line-height: 1.3;
        color: #000;
    }


    h1 {
        font-size: 40px !important;
        font-weight: 700;
    }


    h2 {
        font-size: 34px;
        color: #000 !important;
        font-weight: 600;
    }

    h3 {
        font-size: 28px;
        font-weight: 600;
        color: #000;
    }

    h4 {
        margin-top: 2.33em;
        font-weight: 500;
    }

    .titulo {
        color: #000;
        font-size: 48px;
        margin: 0;
    }

    .sub-titulo {
        color: #000;
        margin-bottom: 1rem;
        margin-top: 0;
    }

    textarea {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }

    input,
    textarea,
    select {
        border: 1.3px solid #a3a3a3;
        color: #000;
        background-color: #fff;
        border-radius: 5px;
        font-size: 15px;
        max-width: 100%;
        padding: 5px;
        margin: 4px 0;
    }

    select {
        padding: 3px 5px;
    }

    input:focus,
    textarea:focus,
    select:focus {
        border: 1.3px solid #837a70;
        outline: none;
    }

    input:focus,
    textarea:focus,
    select:focus {
        background-color: #F4F9FF;
    }

    fieldset ul li {
        list-style: none;
    }

    fieldset ul li label {
        font-weight: bold;
    }

    .card {
        border: 1px solid #ccc;
        padding: 1.5rem;
        margin-top: 2rem;
        flex: 1 1 400px;
    }

    .card div {
        margin: 0.5rem 0;
    }

    .searchIncidentCards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1rem;
    }

    /**
    ===============================================================================
    Generic class
    ===============================================================================
*/

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

    .hidden {
        display: none !important;
    }

    .main {
        width: 100%;
        padding: .5rem;
        margin: 0 auto;
        max-width: 1170px;
        min-height: 900px;
    }

    .main label,
    /*.main button,*/

    .main div,
    .main p,
    .main p span,
    .main a,
    .main ul,
    .main ul li {
        font-size: 1.333rem;
        font-weight: 400;
        line-height: 28px;
    }

    @media (min-width:768px) {

        .main>div,
        .main>fieldset,
        .main>form {
            margin-top: 1px;
        }

        h2 {
            margin-bottom: 10px;
        }
    }

    /**
    ===============================================================================
    Logo, header and menu horizontal
    ===============================================================================
*/

    header {
        display: flex;
        box-sizing: border-box;
        background-color: #ECECEC;
        margin: auto;
        text-align: center;
        position: relative;
    }

    nav.navbar.navbar-expand-md.navbar-light.bg-light {
        padding: 20px 0;
        background: #f1f1f187 !important;
    }

    .align-items-center {
        display: flex;
        align-items: center;
    }

    .menu-horizontal {
        text-align: center;
        border-bottom: 3px solid #3e7898;
        background-color: #ffffff;
    }

    .menu-horizontal li {
        display: inline-block;
        cursor: pointer;
        height: 100%;
        vertical-align: middle;
        background-color: #ffffff;
    }

    .menu-horizontal li:hover {
        background-color: #ffffff;
    }

    .menu-horizontal li a {
        color: #999999;
        display: block;
        font-family: Verdana, Geneva, sans-serif;
        line-height: 45px;
        padding: 0 25px;
        text-decoration: none;
        font-size: 18px;
    }

    .menu-horizontal a:hover,
    .menu-horizontal a.menu-item-hover {
        color: #4f8db3;
    }

    .menu-horizontal ul {
        background-color: #b5c5d4;
        border-radius: 0px 0 9px 0px;
        color: #bad2e1;
        position: absolute;
    }

    .menu-horizontal ul li {
        display: block;
        text-align: left;
    }

    .menu-horizontal ul a {
        color: #E5E4E4;
    }

    .menu-horizontal ul a:hover {
        color: white;
    }

    /**
    ===============================================================================
    banner
    ===============================================================================
*/

    .banner {
        background: url(../images/BANNERS_MODELO2.png) center center no-repeat;
        background-size: cover;
        margin-bottom: 2rem;
    }

    a:hover {
        text-decoration: underline;
    }

    .link {
        position: relative;
        color: #9FA9BA !important;
        text-decoration: none;
        font-family: 'Ubuntu' !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        font-family: "Lato", Arial, Helvetica, Sans-serif;
    }

    .link-dropdown {
        position: relative;
        color: #9FA9BA !important;
        text-decoration: none;
        font-family: 'Ubuntu' !important;
        font-size: 17px !important;
        font-weight: 400 !important;
    }

    .link:before {
        content: "";
        position: absolute;
        bottom: -18px;
        width: 90%;
        height: 4px;
        background-color: #0098d7;
        transform-origin: center;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .link-dropdown:before {
        content: "";
        position: absolute;
        bottom: -18px;
        width: 90%;
        height: 4px;
        background-color: #0098d7;
        transform-origin: center;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .link:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .link-dropdown:hover:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    @media (max-width: 768px) {
        .link:before {
            display: none;
        }

        .link-dropdown:before {
            display: none;
        }
    }

    /*- BANNER -*/

    .banner img {
        width: 100%;
        height: auto;
        border: 0;
        vertical-align: middle;
    }

    .box-titulo {
        top: -28%;
        position: absolute;
        left: 16%;
        max-width: 900px;
    }

    @media screen and (max-width: 650px) {
        nav .navbar {
            text-align: center;
        }

        header div h1 {
            font-size: 5.5em;
        }

        .logoTitle {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 1rem;
        }
    }

    @media screen and (max-width: 430px) {
        header div h1 {
            font-size: 4.5em;
            line-height: 80px;
        }
    }

    /**
    ===============================================================================
    Scroll arrow
    ===============================================================================
*/

    @keyframes arrowbounce {
        from {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            transform: translateY(0);
        }

        to {
            -webkit-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }

    @-moz-keyframes arrowbounce {

        /* Firefox */
        from {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            transform: translateY(0);
        }

        to {
            -webkit-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }

    @-webkit-keyframes arrowbounce {

        /* Safari and Chrome */
        from {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            transform: translateY(0);
        }

        to {
            -webkit-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }

    @-o-keyframes arrowbounce {

        /* Opera */
        from {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            transform: translateY(0);
        }

        to {
            -webkit-transform: translateY(-20px);
            -moz-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }

    .menu-topo {
        width: 100%;
        /* height: 68px; */
        display: flex;
        align-items: center;
        background: #ffffff;
        justify-content: center;
        padding: 1rem 0rem;
        border-bottom: 1px #EBEDF8 solid;
        gap: 65px;
    }

    .item-active {
        border-color: #0080C0 !important;
        color: #0080C0 !important;
        font-weight: 700 !important;
    }

    .logoTitle {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .separadorCanal {
        border-left: 1px #C2C2C2 solid;
        padding-left: 1rem;
        font-size: .95rem;
        line-height: 1.1rem;
        color: #3E2320;
    }

    .separadorCanal span {
        font-size: .95rem;
        line-height: 1.1rem;
        color: #3E2320;
        font-weight: bold;
        text-transform: uppercase;
    }

    @media (max-width: 768px) {
        .menu-topo {
            flex-direction: column;
        }
    }

    /**
    ===============================================================================
    Altera Lingua
    ===============================================================================
*/

    .bandeira {
        margin-top: 5px;
        padding-bottom: 10px;
        margin-left: 1%;
    }

    .altera-lingua {
        border-radius: 4px;
        width: 25px;
        height: 17px;
        border: none;
        cursor: pointer;
        overflow: hidden;
        display: block;
        font-size: 10px;
        font-weight: bold;
        float: right;
        padding: 0;
        background-color: #FFF;
        color: #aaa;
        border: 1px solid #aaa;
        margin: 0 3px;
    }

    .bandeiras {
        /*display: flex; */
        min-width: 0px;
        /* justify-content: space-between; */
        /* align-items: center;*/
    }

    .altera-lingua:hover {
        border: 0;
        background-color: #4e809c;
        color: #FFF;
    }

    .altera-lingua:hover,
    .altera-lingua:focus {
        border: 0;
    }

    /**
    ===============================================================================
    Jumbtron
    ===============================================================================
*/

    .navbar-nav,
    .mr-auto {
        flex: 1;
        margin: auto !important;
        display: flex;
        justify-content: space-between;
        padding: 1rem 0;
        list-style: none;
        gap: 1rem;
    }

    .jumbotron {
        padding-top: 20px;
        padding-bottom: 1px;
        background-color: #FFF;
        margin-top: 65px;
        position: relative;
    }

    .jumbotron img {
        position: absolute;
        top: 1%;
        left: 60%;
        opacity: 0.3;
    }

    @media screen and (max-width: 768px) {
        .jumbotron img {
            width: 280px;
            position: absolute;
            bottom: 1%;
            left: 20%;
            opacity: 0.3;
            transform: 0.4s;
        }
    }

    .jumbotron p {
        margin-bottom: 15px;
    }

    .jumbotron>hr {
        border-top-color: #d5d5d5
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 10px;
        padding-left: 10px;
        border-radius: 6px
    }

    .jumbotron .container {
        max-width: 100%
    }

    @media screen and (min-width:768px) {
        .jumbotron {
            padding-top: 5px;
        }

        .container .jumbotron,
        .container-fluid .jumbotron {
            padding-right: 60px;
            padding-left: 60px
        }

        .jumbotron .h1,
        .jumbotron h1 {
            font-size: 63px
        }
    }

    .color2 {
        color: #b1d34a;
    }

    .color2 {
        color: #F7D455;
    }

    .troca {
        display: none;
    }

    /**
    ===============================================================================
    Mobile
    ===============================================================================
*/
    /* min-width & max-width */

    @media screen and (max-width: 599px) {

        .cid-qVDexkQhlK .menu-logo .navbar-brand .navbar-logo img {
            display: block;
            max-width: 80% !important;
            height: auto !important;
        }

        header {
            display: none !important;
        }

        .menu-logo {
            display: block !important;
            transition: all 0.4s ease-out;
        }

    }

    @media screen and (min-width: 1114px) and (max-width: 1160px) {
        .cid-qVDexkQhlK .nav-item a {
            margin: 0.1rem 0.1rem !important;
            font-size: 13px !important;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1114px) {
        .cid-qVDexkQhlK .nav-item a {
            margin: 0.1rem 0.1rem !important;
            font-size: 12px !important;
        }
    }

    @media screen and (max-width: 992px) {
        .cid-qVDexkQhlK .nav-item a {
            margin: 0.5rem 0.5rem !important;
            font-size: 14px !important;
        }
    }

    @media screen and (min-width: 600px) and (max-width: 1114px) {
        .cid-qVDexkQhlK .menu-logo .navbar-brand .navbar-logo img {
            display: block;
            max-width: 80% !important;
            height: auto !important;
        }

        header {
            display: none !important;
        }

        .menu-logo {
            display: block !important;
            transition: all 0.4s ease-out;
        }

        h1 {
            font-size: 2em !important;
            margin-left: 10px;
            margin-top: 0;
        }

        h2 {
            font-size: 1.8em !important;
            margin-left: 10px;
            margin-top: 30px
        }
    }

    /**
    ===============================================================================
    Button
    ===============================================================================
*/

    .buttonRemove {
        background: url("../images/icons/iconRemove.png") no-repeat !important;
        float: none !important;
        border: none !important;
        width: 20px !important;
        margin: 0 5px !important;
        padding: 0px !important;
        height: 25px;
        vertical-align: middle;
    }

    .buttonRemove:hover {
        cursor: pointer;
    }

    label.button--primary {
        font-weight: normal;
        display: inline-block;
    }

    button,
    input {
        outline: none !important;
    }

    label.button--primary,
    .button--primary {
        background: #4361A5;
        color: #fff;
        border: 2px solid #4361A5;
        border-radius: 3rem;
        margin: 0 0.5em 0.5em 0;
        padding: 1rem 2rem;
        transition: all ease .3s;
        font-size: 1.40rem;
        font-weight: 700;
        cursor: pointer;
        border-width: 2px;
    }

    label.button--primary,
    .button--primary:hover {
        background: #fff;
        color: #4361A5;
        border: 2px solid #4361A5;
    }

    header .button--primary {
        background-color: transparent;
        border-color: #fff;
        border-radius: 5px;
    }

    label.button--primary:last-child,
    .button--primary:last-child {
        margin: 0;
    }

    label.button--primary span {
        color: #fff;
    }

    label.button--primary:active,
    .button--primary:active {
        -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.03), inset 0px -1px 1px rgba(255, 255, 255, 0.05), 0px 1px 0px #777777, 0px 3px 3px rgba(0, 0, 0, 0.03);
        -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px -1px 1px rgba(255, 255, 255, 0.05), 0px 1px 0px #777777, 0px 3px 3px rgba(0, 0, 0, 0.03);
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.03), inset 0px -1px 1px rgba(255, 255, 255, 0.05), 0px 1px 0px #777777, 0px 3px 3px rgba(0, 0, 0, 0.03);
    }

    header button.button--primary:hover {
        background-color: rgba(255, 255, 255, 0.2);
        border-color: #fff;
    }

    .image--button {
        background-color: transparent;
        margin-right: 0.8em;
        text-transform: uppercase;
        position: relative;
    }

    .image--button:last-child {
        margin-right: 0;
    }

    .image--button div {
        padding-top: 0.1em;
        padding-bottom: 0.4em;
    }

    .secondary-hover {
        background: #c5b6ac;
    }

    .fileParent {
        position: absolute;
        top: -100000px;
        opacity: 0;
        -moz-opacity: 0;
    }

    .vertical-align {
        display: inline-block;
        vertical-align: middle;
        width: 70%;
    }

    .clear-list {
        list-style: outside none none;
    }

    .initial-list {
        list-style: initial;
        text-align: left;
    }

    .required-mark {
        color: #E31F26;
    }

    .attach-label {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
    }

    .attachment-list {
        margin: 10px 0px;
    }

    tr {
        background: none;
    }

    .progress-cursor {
        cursor: progress;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 100%;
    }

    .overlay {
        opacity: 0.7;
        background: none no-repeat scroll center center #333333;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .loading .load {
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        text-align: center;
        z-index: 9999;
        right: 0;
        bottom: 0;
        width: 32px;
        height: 32px;
        background: #fff;
        border-radius: 50px;
    }

    .load-size {
        position: relative;
        display: block;
        margin: auto;
        width: 100%;
    }

    footer {
        position: absolute;
        bottom: 0;
        background-color: #e0e0e0;
        width: 100%;
        text-align: center;
        padding: 20px 0 10px 0;
    }

    #incidentAttachmentList {
        margin: 20px 0;
    }

    .upload-button {
        padding: 3px 15px;
    }

    div.ui-datepicker {
        font-size: 10pt;
    }

    div .toast-title ul li {
        list-style-type: none;
    }

    select.locale {
        margin: 7px 0 0 0;
    }

    .fields input,
    .fields select {
        width: 100%;
    }

    .fields {
        text-align: left;
    }

    table#incidentAuditTable {
        width: 100%;
        text-align: left;
    }

    #incidentStatusDiv fieldset ul li {
        margin: 10px 0;
    }

    table#incidentAuditTable td,
    table#incidentAuditTable th {
        padding: 0.4em;
    }

    table#incidentAuditTable th {
        font-size: 18px;
        font-weight: bold;
        margin-top: 2.33em;
        margin-bottom: 10px;
        border-bottom: 3px solid #fff;
    }

    div.dxHint {
        border: 1px solid #837a70;
        border-radius: 10px;
        text-transform: none;
        font-weight: bold;
        padding: 10px 20px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    div.dxHint::before {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
        border-bottom: 10px solid #837a70;
        position: absolute;
        top: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    div.dxHint::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid transparent;
        border-bottom: 8px solid #fff;
        position: absolute;
        top: -16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    li.protocolField label>p {
        font-weight: normal;
    }

    #searchIncidentStatusDiv .protocolField label {
        font-weight: normal;
        display: block;
    }

    #searchIncidentStatusDiv .protocolField * {
        vertical-align: middle;
    }

    #toast-container * {
        color: #ffffff;
    }

    .wrap {
        margin: 0 auto;
        width: 80%;
        border: 1px solid #CCC;
    }

    .input-prestador {
        width: 97%;
    }

    .header10 .container {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0px 32px;
        padding: 0px !important;
    }

    .some {
        display: none !important;
    }

    #email {
        text-transform: lowercase !important;
    }

    .titulolgpd {
        color: rgb(102, 102, 102) !important;
        font-weight: bold !important;
        font-size: 18px !important;
        margin-bottom: 20px !important;
    }

    div#inputIdenti {
        display: none;
    }

    .incidentType {
        display: none;
    }

    .collapse.in {
        display: block;
    }