@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

:root {
    --font: "Roboto";
    --ui-cor-amarelo: #fcc25d;
    --ui-cor-amarelo-rgb: 252,194,93;
    --ui-cor-amarelo-esc: #bd9040;
    --ui-cor-cinza: #6f7a8a;
    --ui-cor-cinza-esc: #4c5561;
    --ui-cor-cinza-clr: #9faec3;
    --ui-cor-cinza-lgt: #f5f5f5;
    --cor-cinza-lgt: var(--ui-cor-cinza-lgt);
    --cor-vermelho: #c62a2a;
    --cor-vermelho-esc: #651212;
    --trans: all ease 250ms;
    --max-w: 1400px
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --scrollbar-track: var(--cor-cinza-lgt);
    --scrollbar-thumb: var(--ui-cor-cinza)
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track)
}

    *::-webkit-scrollbar {
        width: 12px
    }

    *::-webkit-scrollbar-track {
        background: var(--scrollbar-track)
    }

    *::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-thumb);
        border-radius: 20px;
        border: 3px solid var(--scrollbar-track)
    }

html, body {
    background-color: #f5f5f5;
    font-family: var(--font) !important;
    font-size: 14px;
    cursor: default;
    scroll-behavior: smooth;
    height: 100%;
    min-height: 100dvh
}

body {
    overflow-x: hidden;
    margin: 0;
    padding: 0
}

    body:before {
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="uuid-6300b018-ef0e-412f-a88b-00c2570fe46b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 201.28 106.91"><path d="m82.89,81.11c15.39-15.55,30.79-31.27,46.65-46.35,13.51-12.84,35.51-9.57,43.6,7.28,8.82,18.37-4.34,41.05-25.75,39.74-12.18-.74-21.6-8.64-25.29-20.34-.13-.39-.33-.44-.62-.15-9.89,9.83-19.72,19.64-29.47,29.44-15.63,15.7-38.74,20.52-59.19,12.01C6.67,91.84-6.41,62.38,3.1,35.58,16.27-1.56,62.89-11.69,90.98,15.2c.29.28.31.74.03,1.03,0,0,0,0,0,0l-8.5,8.49c-.25.25-.5.25-.76,0-13.22-12.48-31.24-15.14-47.22-6.79-28.58,14.95-28.3,56.81.95,71.41,16.15,8.06,34.67,4.63,47.42-8.25Zm79.95-26.8c0-7.82-6.34-14.16-14.16-14.16h0c-7.82,0-14.16,6.34-14.16,14.16s6.34,14.16,14.16,14.16c7.82,0,14.16-6.34,14.16-14.16Z" style="fill:%23fcc35c; stroke-width:0px;"/><path d="m168.04,88.27c28.87-17.16,25.73-59.54-5.13-72.06-11.84-4.8-24.91-3.77-35.86,2.78-2.99,1.79-7.24,5.45-12.76,10.98-12.6,12.64-25.25,25.23-37.94,37.77-5.05,5-9,8.19-11.85,9.57-20.74,10.06-44.95-9.31-38.36-32.07,7.87-27.21,44.47-26.39,53.08.32.06.18.26.28.44.23.05-.02.1-.05.14-.09,8.02-8.05,16.06-16.09,24.13-24.13,6.57-6.56,11.58-10.94,15.02-13.15,23.54-15.11,55.21-9.38,71.85,13.14,16.27,22.01,13.29,52.83-6.81,71.29-21.18,19.47-52.84,18.37-73.73-1.14-.27-.25-.29-.68-.03-.95,0,0,.01-.02.02-.02l8.62-8.62c.24-.24.48-.24.72-.01,13.19,12.64,32.82,15.44,48.45,6.16Zm-101.25-35.69c0-7.82-6.34-14.16-14.16-14.16-7.82,0-14.16,6.34-14.16,14.16h0c0,7.82,6.34,14.16,14.16,14.16h0c7.82,0,14.16-6.34,14.16-14.16Z" style="fill:%236e7a8a; stroke-width:0px;"/></svg>');
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index: 0;
        content: "";
        right: 0;
        bottom: 0;
        -webkit-filter: grayscale(1) contrast(0);
        filter: grayscale(1) contrast(0);
        opacity: .05
    }

    body > * {
        position: relative;
        z-index: 1
    }

.wrapper {
    width: 100%;
    max-width: var(--max-w);
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    height: auto;
    float: none !important
}

.col-lg-4, .col-lg-6 {
    width: 30%;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: none
}

.col-lg-6 {
    width: 45%
}

.pesquisa {
    width: 100%;
    max-width: var(--max-w);
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    height: auto;
    float: none !important;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.05);
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px dashed var(--ui-cor-cinza-clr);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    gap: 10px
}

    .pesquisa h1 {
        background: none;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        font-size: 1em;
        letter-spacing: .075em;
        text-transform: uppercase;
        font-weight: 500;
        float: none;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-top: 0
    }

    .pesquisa h3 {
        display: block;
        float: none;
        margin: 0 0 1em !important;
        font-size: 1.1em;
        font-weight: normal;
        width: 100%
    }

    .pesquisa center {
        width: 100%
    }

    .pesquisa .row1, .pesquisa .row-107, .pesquisa .row-150, .pesquisa .row-200, .pesquisa .row-219, .pesquisa .row-265, .pesquisa .row-270, .pesquisa .row-297, .pesquisa .row-303, .pesquisa .row-413, .pesquisa .row-414, .pesquisa .row-483, .pesquisa .row-664, .pesquisa .row-717, .pesquisa .row-855, .pesquisa .row-856, .pesquisa .row-group, .pesquisa .row-conta, .pesquisa .rowDataRef, .pesquisa .fieldtext, .pesquisa .textArea {
        float: none;
        margin: 0 0 10px !important;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

        .pesquisa .row1 input[type="text"], .pesquisa .row-107 input[type="text"], .pesquisa .row-150 input[type="text"], .pesquisa .row-200 input[type="text"], .pesquisa .row-219 input[type="text"], .pesquisa .row-265 input[type="text"], .pesquisa .row-270 input[type="text"], .pesquisa .row-297 input[type="text"], .pesquisa .row-303 input[type="text"], .pesquisa .row-413 input[type="text"], .pesquisa .row-414 input[type="text"], .pesquisa .row-483 input[type="text"], .pesquisa .row-664 input[type="text"], .pesquisa .row-717 input[type="text"], .pesquisa .row-855 input[type="text"], .pesquisa .row-856 input[type="text"], .pesquisa .row-group input[type="text"], .pesquisa .row-conta input[type="text"], .pesquisa .rowDataRef input[type="text"], .pesquisa .fieldtext input[type="text"], .pesquisa .textArea input[type="text"], .pesquisa .row1 textarea, .pesquisa .row-107 textarea, .pesquisa .row-150 textarea, .pesquisa .row-200 textarea, .pesquisa .row-219 textarea, .pesquisa .row-265 textarea, .pesquisa .row-270 textarea, .pesquisa .row-297 textarea, .pesquisa .row-303 textarea, .pesquisa .row-413 textarea, .pesquisa .row-414 textarea, .pesquisa .row-483 textarea, .pesquisa .row-664 textarea, .pesquisa .row-717 textarea, .pesquisa .row-855 textarea, .pesquisa .row-856 textarea, .pesquisa .row-group textarea, .pesquisa .row-conta textarea, .pesquisa .rowDataRef textarea, .pesquisa .fieldtext textarea, .pesquisa .textArea textarea {
            width: 100% !important;
            margin: 0 !important
        }

        .pesquisa .row1 select, .pesquisa .row-107 select, .pesquisa .row-150 select, .pesquisa .row-200 select, .pesquisa .row-219 select, .pesquisa .row-265 select, .pesquisa .row-270 select, .pesquisa .row-297 select, .pesquisa .row-303 select, .pesquisa .row-413 select, .pesquisa .row-414 select, .pesquisa .row-483 select, .pesquisa .row-664 select, .pesquisa .row-717 select, .pesquisa .row-855 select, .pesquisa .row-856 select, .pesquisa .row-group select, .pesquisa .row-conta select, .pesquisa .rowDataRef select, .pesquisa .fieldtext select, .pesquisa .textArea select {
            width: 100% !important;
            height: auto !important
        }

        .pesquisa .row1 label, .pesquisa .row-107 label, .pesquisa .row-150 label, .pesquisa .row-200 label, .pesquisa .row-219 label, .pesquisa .row-265 label, .pesquisa .row-270 label, .pesquisa .row-297 label, .pesquisa .row-303 label, .pesquisa .row-413 label, .pesquisa .row-414 label, .pesquisa .row-483 label, .pesquisa .row-664 label, .pesquisa .row-717 label, .pesquisa .row-855 label, .pesquisa .row-856 label, .pesquisa .row-group label, .pesquisa .row-conta label, .pesquisa .rowDataRef label, .pesquisa .fieldtext label, .pesquisa .textArea label {
            margin: 0 0 5px !important
        }

            .pesquisa .row1 label ~ div, .pesquisa .row-107 label ~ div, .pesquisa .row-150 label ~ div, .pesquisa .row-200 label ~ div, .pesquisa .row-219 label ~ div, .pesquisa .row-265 label ~ div, .pesquisa .row-270 label ~ div, .pesquisa .row-297 label ~ div, .pesquisa .row-303 label ~ div, .pesquisa .row-413 label ~ div, .pesquisa .row-414 label ~ div, .pesquisa .row-483 label ~ div, .pesquisa .row-664 label ~ div, .pesquisa .row-717 label ~ div, .pesquisa .row-855 label ~ div, .pesquisa .row-856 label ~ div, .pesquisa .row-group label ~ div, .pesquisa .row-conta label ~ div, .pesquisa .rowDataRef label ~ div, .pesquisa .fieldtext label ~ div, .pesquisa .textArea label ~ div {
                margin: 0 !important
            }

        .pesquisa .row1 .legend, .pesquisa .row-107 .legend, .pesquisa .row-150 .legend, .pesquisa .row-200 .legend, .pesquisa .row-219 .legend, .pesquisa .row-265 .legend, .pesquisa .row-270 .legend, .pesquisa .row-297 .legend, .pesquisa .row-303 .legend, .pesquisa .row-413 .legend, .pesquisa .row-414 .legend, .pesquisa .row-483 .legend, .pesquisa .row-664 .legend, .pesquisa .row-717 .legend, .pesquisa .row-855 .legend, .pesquisa .row-856 .legend, .pesquisa .row-group .legend, .pesquisa .row-conta .legend, .pesquisa .rowDataRef .legend, .pesquisa .fieldtext .legend, .pesquisa .textArea .legend {
            width: 100% !important
        }

    .pesquisa .row-107, .pesquisa .row-150, .pesquisa .row-200 {
        width: 10%
    }

    .pesquisa .row1, .pesquisa .row-219, .pesquisa .row-265, .pesquisa .row-270, .pesquisa .row-297, .pesquisa .row-303, .pesquisa .row-413, .pesquisa .row-414, .pesquisa .row-483, .pesquisa .row-664, .pesquisa .row-717, .pesquisa .fieldtext {
        width: 30%
    }

    .pesquisa .buttons, .pesquisa .buttons2, .pesquisa .buttons3, .pesquisa .buttons5, .pesquisa .buttons7, .pesquisa .buttons8, .pesquisa .buttons10, .pesquisa .buttons11, .pesquisa .buttons13 {
        border-top: 1px solid rgba(0,0,0,0.2);
        width: 100%;
        margin: 20px 0 0 !important;
        padding: 0;
        padding-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .pesquisa .buttons:first-child, .pesquisa .buttons2:first-child, .pesquisa .buttons3:first-child, .pesquisa .buttons5:first-child, .pesquisa .buttons7:first-child, .pesquisa .buttons8:first-child, .pesquisa .buttons10:first-child, .pesquisa .buttons11:first-child, .pesquisa .buttons13:first-child {
            border-top: 0;
            padding-top: 0;
            margin-top: 0 !important
        }

        .pesquisa .buttons:not(:last-child), .pesquisa .buttons2:not(:last-child), .pesquisa .buttons3:not(:last-child), .pesquisa .buttons5:not(:last-child), .pesquisa .buttons7:not(:last-child), .pesquisa .buttons8:not(:last-child), .pesquisa .buttons10:not(:last-child), .pesquisa .buttons11:not(:last-child), .pesquisa .buttons13:not(:last-child) {
            margin-bottom: 15px !important
        }

        .pesquisa .buttons:last-child, .pesquisa .buttons2:last-child, .pesquisa .buttons3:last-child, .pesquisa .buttons5:last-child, .pesquisa .buttons7:last-child, .pesquisa .buttons8:last-child, .pesquisa .buttons10:last-child, .pesquisa .buttons11:last-child, .pesquisa .buttons13:last-child {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 10;
            background-color: #fff;
            padding-bottom: 15px
        }

        .pesquisa .buttons input, .pesquisa .buttons2 input, .pesquisa .buttons3 input, .pesquisa .buttons5 input, .pesquisa .buttons7 input, .pesquisa .buttons8 input, .pesquisa .buttons10 input, .pesquisa .buttons11 input, .pesquisa .buttons13 input {
            --bgc: var(--ui-cor-cinza);
            --bdc: var(--ui-cor-cinza-esc);
            --c: #fff;
            background-color: var(--bgc);
            border: 1px solid var(--bdc);
            color: var(--c);
            font-family: var(--font) !important;
            font-size: 13px;
            font-weight: 500;
            line-height: 1em;
            border-bottom-width: 2px;
            border-radius: 6px;
            letter-spacing: .5px;
            padding: 10px 20px;
            text-transform: uppercase;
            width: auto;
            margin-bottom: 0;
            -webkit-transition: var(--trans);
            transition: var(--trans);
            border-bottom-width: 2px !important;
            margin: 0
        }

            .pesquisa .buttons input:hover, .pesquisa .buttons2 input:hover, .pesquisa .buttons3 input:hover, .pesquisa .buttons5 input:hover, .pesquisa .buttons7 input:hover, .pesquisa .buttons8 input:hover, .pesquisa .buttons10 input:hover, .pesquisa .buttons11 input:hover, .pesquisa .buttons13 input:hover {
                -webkit-filter: brightness(1.1);
                filter: brightness(1.1)
            }

            .pesquisa .buttons input:active, .pesquisa .buttons2 input:active, .pesquisa .buttons3 input:active, .pesquisa .buttons5 input:active, .pesquisa .buttons7 input:active, .pesquisa .buttons8 input:active, .pesquisa .buttons10 input:active, .pesquisa .buttons11 input:active, .pesquisa .buttons13 input:active {
                -webkit-transform: translateY(2px);
                transform: translateY(2px)
            }

            .pesquisa .buttons input.botao-azul, .pesquisa .buttons2 input.botao-azul, .pesquisa .buttons3 input.botao-azul, .pesquisa .buttons5 input.botao-azul, .pesquisa .buttons7 input.botao-azul, .pesquisa .buttons8 input.botao-azul, .pesquisa .buttons10 input.botao-azul, .pesquisa .buttons11 input.botao-azul, .pesquisa .buttons13 input.botao-azul {
                --bgc: var(--ui-cor-cinza);
                --bdc: var(--ui-cor-cinza-esc);
                --c: #fff;
                background-color: var(--bgc);
                border: 1px solid var(--bdc);
                color: var(--c);
                font-family: var(--font) !important;
                font-size: 13px;
                font-weight: 500;
                line-height: 1em;
                border-bottom-width: 2px;
                border-radius: 6px;
                letter-spacing: .5px;
                padding: 10px 20px;
                text-transform: uppercase;
                width: auto;
                margin-bottom: 0;
                -webkit-transition: var(--trans);
                transition: var(--trans);
                --bgc: var(--ui-cor-amarelo) !important;
                --bdc: var(--ui-cor-amarelo-esc) !important;
                --c: #443 !important;
                --bgc: var(--ui-cor-amarelo);
                --bdc: var(--ui-cor-amarelo-esc);
                --c: #443;
                border-color: var(--bdc) !important
            }

                .pesquisa .buttons input.botao-azul:hover, .pesquisa .buttons2 input.botao-azul:hover, .pesquisa .buttons3 input.botao-azul:hover, .pesquisa .buttons5 input.botao-azul:hover, .pesquisa .buttons7 input.botao-azul:hover, .pesquisa .buttons8 input.botao-azul:hover, .pesquisa .buttons10 input.botao-azul:hover, .pesquisa .buttons11 input.botao-azul:hover, .pesquisa .buttons13 input.botao-azul:hover {
                    -webkit-filter: brightness(1.1);
                    filter: brightness(1.1)
                }

                .pesquisa .buttons input.botao-azul:active, .pesquisa .buttons2 input.botao-azul:active, .pesquisa .buttons3 input.botao-azul:active, .pesquisa .buttons5 input.botao-azul:active, .pesquisa .buttons7 input.botao-azul:active, .pesquisa .buttons8 input.botao-azul:active, .pesquisa .buttons10 input.botao-azul:active, .pesquisa .buttons11 input.botao-azul:active, .pesquisa .buttons13 input.botao-azul:active {
                    -webkit-transform: translateY(2px);
                    transform: translateY(2px)
                }

    .pesquisa input[type="text"] {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .pesquisa + * {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.legend {
    background: none;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    font-size: 1em;
    letter-spacing: .075em;
    text-transform: uppercase;
    font-weight: 500;
    float: none;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 1em;
    margin-bottom: 1em
}

.box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.05);
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

    .box h1 {
        background: none;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        font-size: 1em;
        letter-spacing: .075em;
        text-transform: uppercase;
        font-weight: 500;
        float: none;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-top: 0
    }

    .box h3 {
        display: block;
        float: none;
        margin: 0 0 1em !important;
        font-size: 1.1em;
        font-weight: normal;
        width: 100%
    }

    .box center {
        width: 100%
    }

    .box .row1, .box .row-107, .box .row-150, .box .row-200, .box .row-219, .box .row-265, .box .row-270, .box .row-297, .box .row-303, .box .row-413, .box .row-414, .box .row-483, .box .row-664, .box .row-717, .box .row-855, .box .row-856, .box .row-group, .box .row-conta, .box .rowDataRef, .box .fieldtext, .box .textArea {
        float: none;
        margin: 0 0 10px !important;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

        .box .row1 input[type="text"], .box .row-107 input[type="text"], .box .row-150 input[type="text"], .box .row-200 input[type="text"], .box .row-219 input[type="text"], .box .row-265 input[type="text"], .box .row-270 input[type="text"], .box .row-297 input[type="text"], .box .row-303 input[type="text"], .box .row-413 input[type="text"], .box .row-414 input[type="text"], .box .row-483 input[type="text"], .box .row-664 input[type="text"], .box .row-717 input[type="text"], .box .row-855 input[type="text"], .box .row-856 input[type="text"], .box .row-group input[type="text"], .box .row-conta input[type="text"], .box .rowDataRef input[type="text"], .box .fieldtext input[type="text"], .box .textArea input[type="text"], .box .row1 textarea, .box .row-107 textarea, .box .row-150 textarea, .box .row-200 textarea, .box .row-219 textarea, .box .row-265 textarea, .box .row-270 textarea, .box .row-297 textarea, .box .row-303 textarea, .box .row-413 textarea, .box .row-414 textarea, .box .row-483 textarea, .box .row-664 textarea, .box .row-717 textarea, .box .row-855 textarea, .box .row-856 textarea, .box .row-group textarea, .box .row-conta textarea, .box .rowDataRef textarea, .box .fieldtext textarea, .box .textArea textarea {
            width: 100% !important;
            margin: 0 !important
        }

        .box .row1 select, .box .row-107 select, .box .row-150 select, .box .row-200 select, .box .row-219 select, .box .row-265 select, .box .row-270 select, .box .row-297 select, .box .row-303 select, .box .row-413 select, .box .row-414 select, .box .row-483 select, .box .row-664 select, .box .row-717 select, .box .row-855 select, .box .row-856 select, .box .row-group select, .box .row-conta select, .box .rowDataRef select, .box .fieldtext select, .box .textArea select {
            width: 100% !important;
            height: auto !important
        }

        .box .row1 label, .box .row-107 label, .box .row-150 label, .box .row-200 label, .box .row-219 label, .box .row-265 label, .box .row-270 label, .box .row-297 label, .box .row-303 label, .box .row-413 label, .box .row-414 label, .box .row-483 label, .box .row-664 label, .box .row-717 label, .box .row-855 label, .box .row-856 label, .box .row-group label, .box .row-conta label, .box .rowDataRef label, .box .fieldtext label, .box .textArea label {
            margin: 0 0 5px !important
        }

            .box .row1 label ~ div, .box .row-107 label ~ div, .box .row-150 label ~ div, .box .row-200 label ~ div, .box .row-219 label ~ div, .box .row-265 label ~ div, .box .row-270 label ~ div, .box .row-297 label ~ div, .box .row-303 label ~ div, .box .row-413 label ~ div, .box .row-414 label ~ div, .box .row-483 label ~ div, .box .row-664 label ~ div, .box .row-717 label ~ div, .box .row-855 label ~ div, .box .row-856 label ~ div, .box .row-group label ~ div, .box .row-conta label ~ div, .box .rowDataRef label ~ div, .box .fieldtext label ~ div, .box .textArea label ~ div {
                margin: 0 !important
            }

        .box .row1 .legend, .box .row-107 .legend, .box .row-150 .legend, .box .row-200 .legend, .box .row-219 .legend, .box .row-265 .legend, .box .row-270 .legend, .box .row-297 .legend, .box .row-303 .legend, .box .row-413 .legend, .box .row-414 .legend, .box .row-483 .legend, .box .row-664 .legend, .box .row-717 .legend, .box .row-855 .legend, .box .row-856 .legend, .box .row-group .legend, .box .row-conta .legend, .box .rowDataRef .legend, .box .fieldtext .legend, .box .textArea .legend {
            width: 100% !important
        }

    .box .row-107, .box .row-150, .box .row-200 {
        width: 10%
    }

    .box .row1, .box .row-219, .box .row-265, .box .row-270, .box .row-297, .box .row-303, .box .row-413, .box .row-414, .box .row-483, .box .row-664, .box .row-717, .box .fieldtext {
        width: 30%
    }

    .box .buttons, .box .buttons2, .box .buttons3, .box .buttons5, .box .buttons7, .box .buttons8, .box .buttons10, .box .buttons11, .box .buttons13 {
        border-top: 1px solid rgba(0,0,0,0.2);
        width: 100%;
        margin: 20px 0 0 !important;
        padding: 0;
        padding-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .box .buttons:first-child, .box .buttons2:first-child, .box .buttons3:first-child, .box .buttons5:first-child, .box .buttons7:first-child, .box .buttons8:first-child, .box .buttons10:first-child, .box .buttons11:first-child, .box .buttons13:first-child {
            border-top: 0;
            padding-top: 0;
            margin-top: 0 !important
        }

        .box .buttons:not(:last-child), .box .buttons2:not(:last-child), .box .buttons3:not(:last-child), .box .buttons5:not(:last-child), .box .buttons7:not(:last-child), .box .buttons8:not(:last-child), .box .buttons10:not(:last-child), .box .buttons11:not(:last-child), .box .buttons13:not(:last-child) {
            margin-bottom: 15px !important
        }

        .box .buttons:last-child, .box .buttons2:last-child, .box .buttons3:last-child, .box .buttons5:last-child, .box .buttons7:last-child, .box .buttons8:last-child, .box .buttons10:last-child, .box .buttons11:last-child, .box .buttons13:last-child {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 10;
            background-color: #fff;
            padding-bottom: 15px
        }

        .box .buttons input, .box .buttons2 input, .box .buttons3 input, .box .buttons5 input, .box .buttons7 input, .box .buttons8 input, .box .buttons10 input, .box .buttons11 input, .box .buttons13 input {
            --bgc: var(--ui-cor-cinza);
            --bdc: var(--ui-cor-cinza-esc);
            --c: #fff;
            background-color: var(--bgc);
            border: 1px solid var(--bdc);
            color: var(--c);
            font-family: var(--font) !important;
            font-size: 13px;
            font-weight: 500;
            line-height: 1em;
            border-bottom-width: 2px;
            border-radius: 6px;
            letter-spacing: .5px;
            padding: 10px 20px;
            text-transform: uppercase;
            width: auto;
            margin-bottom: 0;
            -webkit-transition: var(--trans);
            transition: var(--trans);
            border-bottom-width: 2px !important;
            margin: 0
        }

            .box .buttons input:hover, .box .buttons2 input:hover, .box .buttons3 input:hover, .box .buttons5 input:hover, .box .buttons7 input:hover, .box .buttons8 input:hover, .box .buttons10 input:hover, .box .buttons11 input:hover, .box .buttons13 input:hover {
                -webkit-filter: brightness(1.1);
                filter: brightness(1.1)
            }

            .box .buttons input:active, .box .buttons2 input:active, .box .buttons3 input:active, .box .buttons5 input:active, .box .buttons7 input:active, .box .buttons8 input:active, .box .buttons10 input:active, .box .buttons11 input:active, .box .buttons13 input:active {
                -webkit-transform: translateY(2px);
                transform: translateY(2px)
            }

            .box .buttons input.botao-azul, .box .buttons2 input.botao-azul, .box .buttons3 input.botao-azul, .box .buttons5 input.botao-azul, .box .buttons7 input.botao-azul, .box .buttons8 input.botao-azul, .box .buttons10 input.botao-azul, .box .buttons11 input.botao-azul, .box .buttons13 input.botao-azul {
                --bgc: var(--ui-cor-cinza);
                --bdc: var(--ui-cor-cinza-esc);
                --c: #fff;
                background-color: var(--bgc);
                border: 1px solid var(--bdc);
                color: var(--c);
                font-family: var(--font) !important;
                font-size: 13px;
                font-weight: 500;
                line-height: 1em;
                border-bottom-width: 2px;
                border-radius: 6px;
                letter-spacing: .5px;
                padding: 10px 20px;
                text-transform: uppercase;
                width: auto;
                margin-bottom: 0;
                -webkit-transition: var(--trans);
                transition: var(--trans);
                --bgc: var(--ui-cor-amarelo) !important;
                --bdc: var(--ui-cor-amarelo-esc) !important;
                --c: #443 !important;
                --bgc: var(--ui-cor-amarelo);
                --bdc: var(--ui-cor-amarelo-esc);
                --c: #443;
                border-color: var(--bdc) !important
            }

                .box .buttons input.botao-azul:hover, .box .buttons2 input.botao-azul:hover, .box .buttons3 input.botao-azul:hover, .box .buttons5 input.botao-azul:hover, .box .buttons7 input.botao-azul:hover, .box .buttons8 input.botao-azul:hover, .box .buttons10 input.botao-azul:hover, .box .buttons11 input.botao-azul:hover, .box .buttons13 input.botao-azul:hover {
                    -webkit-filter: brightness(1.1);
                    filter: brightness(1.1)
                }

                .box .buttons input.botao-azul:active, .box .buttons2 input.botao-azul:active, .box .buttons3 input.botao-azul:active, .box .buttons5 input.botao-azul:active, .box .buttons7 input.botao-azul:active, .box .buttons8 input.botao-azul:active, .box .buttons10 input.botao-azul:active, .box .buttons11 input.botao-azul:active, .box .buttons13 input.botao-azul:active {
                    -webkit-transform: translateY(2px);
                    transform: translateY(2px)
                }

@media (max-width:767px) {
    body fieldset {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        body fieldset .row1, body fieldset .row-107, body fieldset .row-150, body fieldset .row-200, body fieldset .row-219, body fieldset .row-265, body fieldset .row-270, body fieldset .row-297, body fieldset .row-303, body fieldset .row-413, body fieldset .row-414, body fieldset .row-483, body fieldset .row-664, body fieldset .row-717, body fieldset .row-855, body fieldset .row-856, body fieldset .row-conta, body fieldset .rowDataRef, body fieldset .rowOperador, body fieldset .fieldtext {
            width: 100% !important
        }
}

.rowOperador {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: none;
    margin: 0
}

    .rowOperador input[type="text"] {
        width: 100% !important;
        height: auto !important
    }

.row1-alert {
    margin-left: 0;
    float: none;
    background-color: rgba(165,42,42,0.1);
    width: 100%;
    padding: 15px;
    line-height: 1.25em;
    height: auto;
    border-radius: 5px;
    border: 1px solid;
    font-style: italic;
    border-left-width: 3px
}

fieldset {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.05);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.05);
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    border: 0;
    width: 100% !important
}

    fieldset h1 {
        background: none;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        font-size: 1em;
        letter-spacing: .075em;
        text-transform: uppercase;
        font-weight: 500;
        float: none;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-top: 0
    }

    fieldset h3 {
        display: block;
        float: none;
        margin: 0 0 1em !important;
        font-size: 1.1em;
        font-weight: normal;
        width: 100%
    }

    fieldset center {
        width: 100%
    }

    fieldset .row1, fieldset .row-107, fieldset .row-150, fieldset .row-200, fieldset .row-219, fieldset .row-265, fieldset .row-270, fieldset .row-297, fieldset .row-303, fieldset .row-413, fieldset .row-414, fieldset .row-483, fieldset .row-664, fieldset .row-717, fieldset .row-855, fieldset .row-856, fieldset .row-group, fieldset .row-conta, fieldset .rowDataRef, fieldset .fieldtext, fieldset .textArea {
        float: none;
        margin: 0 0 10px !important;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

.row-270-1 {
    float: none;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
    margin-bottom: 15px;
}
.row1-conciliacao {
    float: none;
    margin: 10px;
    width: 30%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1 height: 58px;
    margin-left: 15px;
    margin-bottom: 14px;
}

fieldset .row1 input[type="text"], fieldset .row-107 input[type="text"], fieldset .row-150 input[type="text"], fieldset .row-200 input[type="text"], fieldset .row-219 input[type="text"], fieldset .row-265 input[type="text"], fieldset .row-270 input[type="text"], fieldset .row-297 input[type="text"], fieldset .row-303 input[type="text"], fieldset .row-413 input[type="text"], fieldset .row-414 input[type="text"], fieldset .row-483 input[type="text"], fieldset .row-664 input[type="text"], fieldset .row-717 input[type="text"], fieldset .row-855 input[type="text"], fieldset .row-856 input[type="text"], fieldset .row-group input[type="text"], fieldset .row-conta input[type="text"], fieldset .rowDataRef input[type="text"], fieldset .fieldtext input[type="text"], fieldset .textArea input[type="text"], fieldset .row1 textarea, fieldset .row-107 textarea, fieldset .row-150 textarea, fieldset .row-200 textarea, fieldset .row-219 textarea, fieldset .row-265 textarea, fieldset .row-270 textarea, fieldset .row-297 textarea, fieldset .row-303 textarea, fieldset .row-413 textarea, fieldset .row-414 textarea, fieldset .row-483 textarea, fieldset .row-664 textarea, fieldset .row-717 textarea, fieldset .row-855 textarea, fieldset .row-856 textarea, fieldset .row-group textarea, fieldset .row-conta textarea, fieldset .rowDataRef textarea, fieldset .fieldtext textarea, fieldset .textArea textarea {
    width: 100% !important;
    margin: 0 !important
}

        fieldset .row1 select, fieldset .row-107 select, fieldset .row-150 select, fieldset .row-200 select, fieldset .row-219 select, fieldset .row-265 select, fieldset .row-270 select, fieldset .row-297 select, fieldset .row-303 select, fieldset .row-413 select, fieldset .row-414 select, fieldset .row-483 select, fieldset .row-664 select, fieldset .row-717 select, fieldset .row-855 select, fieldset .row-856 select, fieldset .row-group select, fieldset .row-conta select, fieldset .rowDataRef select, fieldset .fieldtext select, fieldset .textArea select {
            width: 100% !important;
            height: auto !important
        }

        fieldset .row1 label, fieldset .row-107 label, fieldset .row-150 label, fieldset .row-200 label, fieldset .row-219 label, fieldset .row-265 label, fieldset .row-270 label, fieldset .row-297 label, fieldset .row-303 label, fieldset .row-413 label, fieldset .row-414 label, fieldset .row-483 label, fieldset .row-664 label, fieldset .row-717 label, fieldset .row-855 label, fieldset .row-856 label, fieldset .row-group label, fieldset .row-conta label, fieldset .rowDataRef label, fieldset .fieldtext label, fieldset .textArea label {
            margin: 0 0 5px !important
        }

            fieldset .row1 label ~ div, fieldset .row-107 label ~ div, fieldset .row-150 label ~ div, fieldset .row-200 label ~ div, fieldset .row-219 label ~ div, fieldset .row-265 label ~ div, fieldset .row-270 label ~ div, fieldset .row-297 label ~ div, fieldset .row-303 label ~ div, fieldset .row-413 label ~ div, fieldset .row-414 label ~ div, fieldset .row-483 label ~ div, fieldset .row-664 label ~ div, fieldset .row-717 label ~ div, fieldset .row-855 label ~ div, fieldset .row-856 label ~ div, fieldset .row-group label ~ div, fieldset .row-conta label ~ div, fieldset .rowDataRef label ~ div, fieldset .fieldtext label ~ div, fieldset .textArea label ~ div {
                margin: 0 !important
            }

        fieldset .row1 .legend, fieldset .row-107 .legend, fieldset .row-150 .legend, fieldset .row-200 .legend, fieldset .row-219 .legend, fieldset .row-265 .legend, fieldset .row-270 .legend, fieldset .row-297 .legend, fieldset .row-303 .legend, fieldset .row-413 .legend, fieldset .row-414 .legend, fieldset .row-483 .legend, fieldset .row-664 .legend, fieldset .row-717 .legend, fieldset .row-855 .legend, fieldset .row-856 .legend, fieldset .row-group .legend, fieldset .row-conta .legend, fieldset .rowDataRef .legend, fieldset .fieldtext .legend, fieldset .textArea .legend {
            width: 100% !important
        }

fieldset .row-107, fieldset .row-150, fieldset .row-200 {
    width: 10%
}
fieldset .row-150-roteiro {
    width: 100%
}

fieldset .row1, fieldset .row-219, fieldset .row-265, fieldset .row-270, fieldset .row-297, fieldset .row-303, fieldset .row-413, fieldset .row-414, fieldset .row-483, fieldset .row-664, fieldset .row-717, fieldset .fieldtext {
    width: 30%
}

    fieldset .buttons, fieldset .buttons2, fieldset .buttons3, fieldset .buttons5, fieldset .buttons7, fieldset .buttons8, fieldset .buttons10, fieldset .buttons11, fieldset .buttons13 {
        border-top: 1px solid rgba(0,0,0,0.2);
        width: 100%;
        margin: 20px 0 0 !important;
        padding: 0;
        padding-top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        fieldset .buttons:first-child, fieldset .buttons2:first-child, fieldset .buttons3:first-child, fieldset .buttons5:first-child, /*fieldset .buttons7:first-child*/, fieldset .buttons8:first-child, fieldset .buttons10:first-child, fieldset .buttons11:first-child, fieldset .buttons13:first-child {
            border-top: 0;
            padding-top: 0;
            margin-top: 0 !important
        }

        fieldset .buttons:not(:last-child), fieldset .buttons2:not(:last-child), fieldset .buttons3:not(:last-child), fieldset .buttons5:not(:last-child), fieldset .buttons7:not(:last-child), fieldset .buttons8:not(:last-child), fieldset .buttons10:not(:last-child), fieldset .buttons11:not(:last-child), fieldset .buttons13:not(:last-child) {
            margin-bottom: 15px !important
        }

        fieldset .buttons:last-child, fieldset .buttons2:last-child, fieldset .buttons3:last-child, fieldset .buttons5:last-child, fieldset .buttons7:last-child, fieldset .buttons8:last-child, fieldset .buttons10:last-child, fieldset .buttons11:last-child, fieldset .buttons13:last-child {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            z-index: 10;
            background-color: #fff;
            padding-bottom: 15px
        }

        fieldset .buttons input, fieldset .buttons2 input, fieldset .buttons3 input, fieldset .buttons5 input, fieldset .buttons7 input, fieldset .buttons8 input, fieldset .buttons10 input, fieldset .buttons11 input, fieldset .buttons13 input {
            --bgc: var(--ui-cor-cinza);
            --bdc: var(--ui-cor-cinza-esc);
            --c: #fff;
            background-color: var(--bgc);
            border: 1px solid var(--bdc);
            color: var(--c);
            font-family: var(--font) !important;
            font-size: 13px;
            font-weight: 500;
            line-height: 1em;
            border-bottom-width: 2px;
            border-radius: 6px;
            letter-spacing: .5px;
            padding: 10px 20px;
            text-transform: uppercase;
            width: auto;
            margin-bottom: 0;
            -webkit-transition: var(--trans);
            transition: var(--trans);
            border-bottom-width: 2px !important;
            margin: 0
        }

            fieldset .buttons input:hover, fieldset .buttons2 input:hover, fieldset .buttons3 input:hover, fieldset .buttons5 input:hover, fieldset .buttons7 input:hover, fieldset .buttons8 input:hover, fieldset .buttons10 input:hover, fieldset .buttons11 input:hover, fieldset .buttons13 input:hover {
                -webkit-filter: brightness(1.1);
                filter: brightness(1.1)
            }

            fieldset .buttons input:active, fieldset .buttons2 input:active, fieldset .buttons3 input:active, fieldset .buttons5 input:active, fieldset .buttons7 input:active, fieldset .buttons8 input:active, fieldset .buttons10 input:active, fieldset .buttons11 input:active, fieldset .buttons13 input:active {
                -webkit-transform: translateY(2px);
                transform: translateY(2px)
            }

            fieldset .buttons input.botao-azul, fieldset .buttons2 input.botao-azul, fieldset .buttons3 input.botao-azul, fieldset .buttons5 input.botao-azul, fieldset .buttons7 input.botao-azul, fieldset .buttons8 input.botao-azul, fieldset .buttons10 input.botao-azul, fieldset .buttons11 input.botao-azul, fieldset .buttons13 input.botao-azul {
                --bgc: var(--ui-cor-cinza);
                --bdc: var(--ui-cor-cinza-esc);
                --c: #fff;
                background-color: var(--bgc);
                border: 1px solid var(--bdc);
                color: var(--c);
                font-family: var(--font) !important;
                font-size: 13px;
                font-weight: 500;
                line-height: 1em;
                border-bottom-width: 2px;
                border-radius: 6px;
                letter-spacing: .5px;
                padding: 10px 20px;
                text-transform: uppercase;
                width: auto;
                margin-bottom: 0;
                -webkit-transition: var(--trans);
                transition: var(--trans);
                --bgc: var(--ui-cor-amarelo) !important;
                --bdc: var(--ui-cor-amarelo-esc) !important;
                --c: #443 !important;
                --bgc: var(--ui-cor-amarelo);
                --bdc: var(--ui-cor-amarelo-esc);
                --c: #443;
                border-color: var(--bdc) !important
            }

                fieldset .buttons input.botao-azul:hover, fieldset .buttons2 input.botao-azul:hover, fieldset .buttons3 input.botao-azul:hover, fieldset .buttons5 input.botao-azul:hover, fieldset .buttons7 input.botao-azul:hover, fieldset .buttons8 input.botao-azul:hover, fieldset .buttons10 input.botao-azul:hover, fieldset .buttons11 input.botao-azul:hover, fieldset .buttons13 input.botao-azul:hover {
                    -webkit-filter: brightness(1.1);
                    filter: brightness(1.1)
                }

                fieldset .buttons input.botao-azul:active, fieldset .buttons2 input.botao-azul:active, fieldset .buttons3 input.botao-azul:active, fieldset .buttons5 input.botao-azul:active, fieldset .buttons7 input.botao-azul:active, fieldset .buttons8 input.botao-azul:active, fieldset .buttons10 input.botao-azul:active, fieldset .buttons11 input.botao-azul:active, fieldset .buttons13 input.botao-azul:active {
                    -webkit-transform: translateY(2px);
                    transform: translateY(2px)
                }

    fieldset legend {
        display: block;
        margin: 0 !important;
        background-color: #fff;
        padding: 15px 20px;
        border-radius: 10px;
        height: auto;
        cursor: default;
        margin-left: -20px !important
    }

    fieldset > div {
        width: 100%
    }

    fieldset .container, fieldset .grid {
        margin: 0 !important;
        width: 100% !important
    }

    fieldset .container {
        border-color: rgba(0,0,0,0.2);
        padding: 15px
    }

    fieldset .radiosButtons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0
    }

        fieldset .radiosButtons input {
            margin: 0
        }

            fieldset .radiosButtons input:checked + label {
                opacity: 1
            }

        fieldset .radiosButtons label {
            margin: 0 !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            opacity: .85
        }

            fieldset .radiosButtons label + input {
                margin-left: 15px
            }

            fieldset .radiosButtons label:hover {
                opacity: 1
            }

    fieldset table[id*="radioList"] td {
        vertical-align: middle
    }

        fieldset table[id*="radioList"] td input, fieldset table[id*="radioList"] td label {
            margin: 0
        }

        fieldset table[id*="radioList"] td input {
            margin-top: 1px;
            margin-right: 5px
        }

            fieldset table[id*="radioList"] td input:checked + label {
                opacity: 1
            }

        fieldset table[id*="radioList"] td label {
            opacity: .85
        }

            fieldset table[id*="radioList"] td label:hover {
                opacity: 1
            }

.row-group {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lbrow {
    float: none;
    width: 45%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.valleft {
    float: none
}

.fieldtext-big {
    float: none;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .fieldtext-big br {
        display: block;
        width: 100%
    }

    .fieldtext-big .bx-banco {
        float: none;
        margin: 0;
        margin-bottom: 20px
    }

table {
    outline: 0 !important
}

    table th {
        text-transform: uppercase;
        font-weight: 500;
        background-color: var(--ui-cor-cinza);
        border-top-color: var(--ui-cor-cinza);
        border-bottom-color: var(--ui-cor-cinza);
        color: #fff !important;
        border-bottom-width: 2px;
        padding: 10px 5px;
        text-align: left
    }

    table td {
        padding: 5px
    }

    table .pager span, table .pager a {
        display: block;
        text-decoration: none;
        padding: 8px !important
    }

.GridView, .grid {
    width: 100%;
    max-width: var(--max-w);
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    height: auto;
    float: none !important;
    background-color: var(--ui-cor-cinza-lgt);
    width: 100% !important
}

    .GridView th, .grid th {
        border: 0 !important;
        border-right: 1px solid var(--ui-cor-cinza-clr) !important
    }

        .GridView th:last-child, .grid th:last-child {
            border-right: 0 !important
        }

    .GridView td, .grid td {
        border: 0;
        border-color: var(--ui-cor-cinza-clr);
        padding-top: 7px;
        padding-bottom: 7px
    }

        .GridView td:last-child, .grid td:last-child {
            border-right: 0 !important
        }

    .GridView > tbody > tr > td, .grid > tbody > tr > td {
        border-right: 1px solid rgba(51,51,51,0.2) !important
    }

    .GridView tr:nth-child(even), .grid tr:nth-child(even) {
        background-color: #eee;
        -webkit-filter: brightness(.95);
        filter: brightness(.95)
    }

    .GridView tr.pager table, .grid tr.pager table, .GridView tr:last-child table, .grid tr:last-child table {
        margin-top: 5px;
        margin-bottom: 5px
    }

        .GridView tr.pager table td, .grid tr.pager table td, .GridView tr:last-child table td, .grid tr:last-child table td {
            padding: 0 /*!important*/;
            line-height: 1em
        }

            .GridView tr.pager table td span, .grid tr.pager table td span, .GridView tr:last-child table td span, .grid tr:last-child table td span, .GridView tr.pager table td a, .grid tr.pager table td a, .GridView tr:last-child table td a, .grid tr:last-child table td a {
                display: block;
                padding: 8px 15px;
                border: 0;
                text-decoration: none;
                border: 1px solid var(--ui-cor-cinza-clr);
                border-left: 0;
                border-bottom-width: 2px
            }

            .GridView tr.pager table td span, .grid tr.pager table td span, .GridView tr:last-child table td span, .grid tr:last-child table td span {
                background-color: var(--ui-cor-cinza-clr);
                font-weight: 700;
                cursor: default
            }

            .GridView tr.pager table td a, .grid tr.pager table td a, .GridView tr:last-child table td a, .grid tr:last-child table td a {
                background-color: #e5e5e5;
                color: var(--ui-cor-cinza-esc)
            }

                .GridView tr.pager table td a:hover, .grid tr.pager table td a:hover, .GridView tr:last-child table td a:hover, .grid tr:last-child table td a:hover {
                    background-color: #fff
                }

            .GridView tr.pager table td:first-child span, .grid tr.pager table td:first-child span, .GridView tr:last-child table td:first-child span, .grid tr:last-child table td:first-child span, .GridView tr.pager table td:first-child a, .grid tr.pager table td:first-child a, .GridView tr:last-child table td:first-child a, .grid tr:last-child table td:first-child a {
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px
            }

            .GridView tr.pager table td:last-child span, .grid tr.pager table td:last-child span, .GridView tr:last-child table td:last-child span, .grid tr:last-child table td:last-child span, .GridView tr.pager table td:last-child a, .grid tr.pager table td:last-child a, .GridView tr:last-child table td:last-child a, .grid tr:last-child table td:last-child a {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px
            }

    .GridView tr:not(.table-pager):hover, .grid tr:not(.table-pager):hover {
        -webkit-filter: brightness(.8) !important;
        filter: brightness(.8) !important
    }

        .GridView tr:not(.table-pager):hover td, .grid tr:not(.table-pager):hover td {
            background-color: #fff
        }

    .GridView input[type="image"], .grid input[type="image"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 2px
    }

.GridView {
    margin-top: 0;
    margin-bottom: 0
}

.table-responsive {
    display: block;
    overflow: auto;
    width: 1px;
    min-width: 100%;
    max-width: 100%;
    max-height: 80vh;
    border: 2px solid var(--ui-cor-cinza);
    border-radius: 4px;
    padding: 0
}

    .table-responsive > .grid {
        margin: 0
    }

    .table-responsive > table {
        margin: 0;
        border: 0;
        width: 100%;
        max-width: 100%
    }

        .table-responsive > table tr {
            background-color: #fff
        }

        .table-responsive > table thead tr {
            position: -webkit-sticky;
            /*position: sticky;*/
            top: -1px;
            z-index: 1
        }

.table-responsive-wrapper {
    width: 100%
}

.ajax__htmleditor_editor_container table td {
    padding: 0
}

.ajax__htmleditor_editor_container select {
    line-height: initial;
    min-height: initial
}

hr {
    border: 0;
    border-bottom: 2px solid rgba(0,0,0,0.15);
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%
}

input {
    accent-color: var(--ui-cor-amarelo)
}

    input[type="text"], input[type="search"], input[type="date"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="time"], input[type="month"], input[type="week"], input[type="datetime-local"], input[type="color"], textarea, select, .fieldtext span {
        --bdc: var(--ui-cor-cinza-clr);
        background-color: #fafafa;
        border: 1px solid var(--bdc) !important;
        border-radius: 4px;
        color: #333;
        font-family: var(--font) !important;
        letter-spacing: 0;
        font-size: 1.1em;
        font-weight: 400 !important;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 10px;
        max-width: 100%
    }

        input[type="text"]:hover, input[type="search"]:hover, input[type="date"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="time"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="datetime-local"]:hover, input[type="color"]:hover, textarea:hover, select:hover, .fieldtext span:hover {
            border-color: #666
        }

        input[type="text"][readonly], input[type="search"][readonly], input[type="date"][readonly], input[type="password"][readonly], input[type="number"][readonly], input[type="email"][readonly], input[type="tel"][readonly], input[type="url"][readonly], input[type="time"][readonly], input[type="month"][readonly], input[type="week"][readonly], input[type="datetime-local"][readonly], input[type="color"][readonly], textarea[readonly], select[readonly], .fieldtext span[readonly] {
            background-color: rgba(0,0,0,0.1) !important;
            border-style: dotted !important;
            cursor: default
        }

    input[type="text"], select {
        height: auto;
        min-height: 37px;
        border-color: var(--ui-cor-cinza);
        background-color: #fafafa;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1) inset
    }

        select + .ms-parent {
            position: relative;
            width: 100% !important
        }

            select + .ms-parent .ms-choice {
                display: block;
                border-color: var(--ui-cor-cinza-clr) !important;
                color: inherit;
                cursor: pointer;
                border-radius: 5px;
                width: 100%;
                height: auto !important;
                min-height: 37px;
                line-height: 37px;
                letter-spacing: 0
            }

                select + .ms-parent .ms-choice span {
                    font-size: 1em;
                    top: 0 !important
                }

                select + .ms-parent .ms-choice:hover {
                    -webkit-filter: none;
                    filter: none
                }

            select + .ms-parent .ms-drop {
                border-color: var(--ui-cor-cinza-clr) !important;
                border-radius: 5px;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-top-color: #f4f4f4 !important;
                margin-top: -3px
            }

                select + .ms-parent .ms-drop ul {
                    padding: 5px;
                    margin: 0
                }

                    select + .ms-parent .ms-drop ul li {
                        margin: 0;
                        padding: 0
                    }

                        select + .ms-parent .ms-drop ul li label {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            border-top: 1px solid rgba(0,0,0,0.15);
                            margin: 0 !important;
                            gap: 5px;
                            padding: 10px 5px;
                            padding-right: 15px;
                            vertical-align: middle;
                            font-size: 13px;
                            -webkit-transition: var(--trans);
                            transition: var(--trans);
                            white-space: normal
                        }

                            select + .ms-parent .ms-drop ul li label input {
                                margin: 0;
                                margin-right: 5px
                            }

                            select + .ms-parent .ms-drop ul li label:hover {
                                background-color: #e5e5e5;
                                -webkit-filter: none;
                                filter: none;
                                padding-left: 10px;
                                padding-right: 10px
                            }

                        select + .ms-parent .ms-drop ul li:first-child label {
                            border: 0
                        }

                        select + .ms-parent .ms-drop ul li.ms-select-all label {
                            font-weight: 500
                        }

            select + .ms-parent .ms-search input {
                background-position: calc(95%) -16px !important
            }

            select + .ms-parent .ms-no-results {
                padding: 10px;
                font-style: italic;
                padding-left: 0
            }

.fieldtext span {
    -webkit-filter: brightness(.95);
    filter: brightness(.95)
}

.formVisu {
    width: 100%;
    margin: 0
}

    .formVisu label {
        font-weight: 600
    }

    .formVisu textarea {
        width: 100%;
        border-radius: 6px;
        padding: 10px;
        font-weight: 400
    }

    .formVisu div[style*="border-color: black"] {
        border-color: var(--ui-cor-cinza-clr) !important;
        border-radius: 6px;
        padding: 10px
    }

.lc-btn {
    --bgc: var(--ui-cor-cinza);
    --bdc: var(--ui-cor-cinza-esc);
    --c: #fff;
    background-color: var(--bgc);
    border: 1px solid var(--bdc);
    color: var(--c);
    font-family: var(--font) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    border-bottom-width: 2px;
    border-radius: 6px;
    letter-spacing: .5px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 0;
    -webkit-transition: var(--trans);
    transition: var(--trans)
}

    .lc-btn:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1)
    }

    .lc-btn:active {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

input[type="submit"], input[type="reset"], button {
    --bgc: var(--ui-cor-cinza);
    --bdc: var(--ui-cor-cinza-esc);
    --c: #fff;
    background-color: var(--bgc);
    border: 1px solid var(--bdc);
    color: var(--c);
    font-family: var(--font) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    border-bottom-width: 2px;
    border-radius: 6px;
    letter-spacing: .5px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 0;
    -webkit-transition: var(--trans);
    transition: var(--trans)
}

    input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1)
    }

    input[type="submit"]:active, input[type="reset"]:active, button:active {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1)
    }

.botao-azul, .btn-primary {
    --bgc: var(--ui-cor-cinza);
    --bdc: var(--ui-cor-cinza-esc);
    --c: #fff;
    background-color: var(--bgc);
    border: 1px solid var(--bdc);
    color: var(--c);
    font-family: var(--font) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    border-bottom-width: 2px;
    border-radius: 6px;
    letter-spacing: .5px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 0;
    -webkit-transition: var(--trans);
    transition: var(--trans);
    --bgc: var(--ui-cor-amarelo) !important;
    --bdc: var(--ui-cor-amarelo-esc) !important;
    --c: #443 !important
}

    .botao-azul:hover, .btn-primary:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1)
    }

    .botao-azul:active, .btn-primary:active {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

[class^="buttons"] .botao-azul {
    --bgc: var(--ui-cor-cinza);
    --bdc: var(--ui-cor-cinza-esc);
    --c: #fff;
    background-color: var(--bgc);
    border: 1px solid var(--bdc);
    color: var(--c);
    font-family: var(--font) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    border-bottom-width: 2px;
    border-radius: 6px;
    letter-spacing: .5px;
    padding: 10px 20px;
    text-transform: uppercase;
    margin-bottom: 0;
    -webkit-transition: var(--trans);
    transition: var(--trans);
    width: auto;
    margin: 0;
    padding: 10px 15px;
    font-size: .9em;
    -webkit-box-shadow: none;
    box-shadow: none
}

    [class^="buttons"] .botao-azul:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1)
    }

    [class^="buttons"] .botao-azul:active {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

.btn-cinza {
    --bgc: var(--ui-cor-cinza) !important;
    --bdc: var(--ui-cor-cinza-esc) !important;
    --c: #fff !important
}

.input-btn {
    background-color: var(--ui-cor-cinza-lgt);
    border: 1px solid var(--ui-cor-cinza-clr);
    background-size: cover;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 5px;
    border-bottom-width: 2px;
    min-width: 40px;
    max-width: 40px;
    padding: 10px
}

    .input-btn:hover, .input-btn:focus {
        background-color: #fff;
        border-color: var(--ui-cor-cinza)
    }

.accordion {
    width: 100%;
    margin-left: 0 !important
}

#topo {
    background: none;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 30px rgba(0,0,0,0.08);
    box-shadow: 0 3px 30px rgba(0,0,0,0.08);
    border-top: 4px solid var(--ui-cor-amarelo);
    border-top: 4px solid var(--ui-cor-cinza-esc);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    #topo > .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        gap: 20px;
        margin: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    #topo .cancelarButton {
        margin: 0;
        top: 0
    }

    #topo #infoHeader {
        left: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        justify-self: flex-end
    }

    #topo #topo-left {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #topo #topo-right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px
    }

        #topo #topo-right #infoHeader {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            gap: 3px;
            padding: 10px 15px;
            background: var(--cor-cinza-lgt);
            color: var(--ui-cor-cinza-esc);
            border: 1px solid rgba(0,0,0,0.15);
            border-radius: 5px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-transform: uppercase;
            font-weight: 500;
            font-size: .8em !important
        }

        #topo #topo-right #cancelarButton {
            -ms-flex-item-align: center;
            align-self: center
        }

    #topo #btnAjuda {
        min-width: 69px
    }

#logomaster {
    width: auto;
    position: relative;
    margin: 0;
    top: 0
}

    #logomaster .imglogo {
        width: 290px
    }

    #logomaster .titlelg {
        display: none
    }

#infoHeader {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    top: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    background-color: #fff;
    padding: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .8em !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.05);
    box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.05);
    cursor: default;
    left: 0
}

    #infoHeader span {
        font-size: inherit !important
    }

    #infoHeader br {
        display: none !important
    }

#topo #sysInfo {
    margin: auto;
    width: auto;
    float: none;
    padding: 0;
    max-width: 100%;
    overflow: auto
}

#topocoluna {
    float: none;
    margin: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    #topocoluna .left {
        top: 0;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        background-color: #fff;
        padding: 5px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.05);
        box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.05);
        cursor: default;
        left: 0;
        float: none;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        gap: 3px;
        padding: 10px 15px;
        background: var(--cor-cinza-lgt);
        color: var(--ui-cor-cinza-esc);
        border: 1px solid rgba(0,0,0,0.15);
        border-radius: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-transform: uppercase;
        font-weight: 500;
        font-size: .8em !important;
        margin-right: 15px
    }

        #topocoluna .left span {
            font-size: inherit !important
        }

        #topocoluna .left br {
            display: none !important
        }

        #topocoluna .left .bx, #topocoluna .left .bx1 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 2px
        }

            #topocoluna .left .bx div, #topocoluna .left .bx1 div {
                margin: 0
            }

    #topocoluna .posbtn {
        float: none;
        width: auto;
        margin-left: 5px
    }

        #topocoluna .posbtn input {
            border: none !important;
            float: none;
            margin: 0 !important
        }

    #topocoluna #lblExpiracao {
        color: var(--ui-cor-amarelo-esc) !important
    }

#menu1 {
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--ui-cor-cinza);
    border-radius: 0;
    top: 0;
    margin: 0 0 30px;
    color: #fff;
    height: auto;
    min-height: initial;
    position: relative;
    z-index: 1000
}

    #menu1 #menu2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #menu1 #separador, #menu1 #espacamento, #menu1 .espacamentoManual {
        display: none
    }

    #menu1 ul {
        float: none;
        margin: 0;
        padding: 0
    }

        #menu1 ul.menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            max-width: var(--max-w);
            margin-left: auto;
            margin-right: auto
        }

            #menu1 ul.menu > li:first-child a {
                border-left-width: 1px
            }

            #menu1 ul.menu li a {
                height: auto;
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-weight: normal !important
            }

            #menu1 ul.menu > li:hover {
                -webkit-box-shadow: 0 -3px 0 0 var(--ui-cor-amarelo) inset;
                box-shadow: 0 -3px 0 0 var(--ui-cor-amarelo) inset
            }

        #menu1 ul li {
            border-radius: 0;
            float: none;
            margin: 0;
            position: relative;
            display: block;
            font-size: 1em;
            height: auto !important;
            text-transform: uppercase;
            -webkit-transition: var(--trans);
            transition: var(--trans)
        }

            #menu1 ul li:empty {
                display: none !important
            }

            #menu1 ul li a {
                --c: currentcolor;
                border: 1px solid rgba(0,0,0,0.15);
                border-top-width: 0;
                border-left-width: 0;
                border-bottom-width: 0;
                color: var(--c);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 8px;
                float: none;
                border-radius: 0;
                height: auto !important;
                padding: 15px !important;
                font-weight: 600 !important;
                font-size: 11.5px;
                letter-spacing: .025em;
                margin: 0 !important;
                height: auto;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                width: 100%;
                -webkit-transition: var(--trans);
                transition: var(--trans);
                -webkit-transition-property: background;
                transition-property: background
            }

                #menu1 ul li a:hover {
                    color: var(--ui-cor-cinza-esc)
                }

            #menu1 ul li:hover {
                background-color: var(--ui-cor-cinza-esc)
            }

            #menu1 ul li.has-submenu > a:after {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 4px 3px 0 3px;
                border-color: var(--c) transparent transparent transparent;
                margin-top: 2px;
                -webkit-transition: var(--trans);
                transition: var(--trans)
            }

    #menu1 .subimg, #menu1 .subimg_submenu {
        background: none;
        background-color: var(--ui-cor-cinza) !important;
        top: 100%;
        left: 0;
        border-radius: 0 0 8px 8px;
        border: 0;
        -webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.2);
        box-shadow: 0 10px 25px 0 rgba(0,0,0,0.2);
        overflow: visible;
        z-index: 1
    }

        #menu1 .subimg li a, #menu1 .subimg_submenu li a {
            border-top: 1px solid rgba(0,0,0,0.1) !important;
            border-right: 0;
            padding-right: 30px !important
        }

            #menu1 .subimg li a:after, #menu1 .subimg_submenu li a:after {
                position: absolute;
                right: 15px;
                -webkit-transform: rotateZ(270deg);
                transform: rotateZ(270deg)
            }

        #menu1 .subimg li:last-child, #menu1 .subimg_submenu li:last-child, #menu1 .subimg li:last-child a, #menu1 .subimg_submenu li:last-child a {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px
        }

    #menu1 .subimg_submenu {
        border: 0;
        border-radius: 8px;
        top: 5px;
        left: calc(90%);
        z-index: 5
    }

        #menu1 .subimg_submenu li:first-child, #menu1 .subimg_submenu li:first-child a {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px
        }

    #menu1 li.side-right .subimg, #menu1 li.side-right .subimg_submenu {
        left: inherit;
        right: 0
    }

        #menu1 li.side-right .subimg > li a:after, #menu1 li.side-right .subimg_submenu > li a:after {
            -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg)
        }

    #menu1 li.side-right .subimg_submenu {
        right: calc(90%)
    }

    #menu1 li.current-parent > a {
        background-color: rgba(0,0,0,0.15)
    }

    #menu1 li.current-parent li.current > a:not(:hover) {
        background-color: rgba(0,0,0,0.1);
        -webkit-box-shadow: 4px 0 0 0 var(--ui-cor-amarelo) inset;
        box-shadow: 4px 0 0 0 var(--ui-cor-amarelo) inset
    }

    #menu1 li.current > a {
        background-color: rgba(0,0,0,0.1)
    }

    #menu1 #menu-toggle {
        cursor: pointer;
        display: none;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-transition: var(--trans);
        transition: var(--trans)
    }

        #menu1 #menu-toggle b {
            color: #fff;
            border-bottom: 2px solid;
            width: 20px;
            height: 1px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 3px;
            -webkit-transition: var(--trans);
            transition: var(--trans)
        }

            #menu1 #menu-toggle b:before, #menu1 #menu-toggle b:after {
                content: "";
                width: 100%;
                border-bottom: 2px solid
            }

            #menu1 #menu-toggle b:before {
                margin-top: -5px
            }

            #menu1 #menu-toggle b:after {
                margin-top: 5px
            }

#body_ButtonCorrespondente, #body_ButtonNovaConsignataria {
    margin-left: 0;
    margin-right: 0
}

.botton-print {
    --bgc: var(--ui-cor-cinza);
    --bdc: var(--ui-cor-cinza-esc);
    --c: #fff;
    background-color: var(--bgc);
    border: 1px solid var(--bdc);
    color: var(--c);
    font-family: var(--font) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
    border-bottom-width: 2px;
    border-radius: 6px;
    letter-spacing: .5px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: auto;
    margin-bottom: 0;
    -webkit-transition: var(--trans);
    transition: var(--trans);
    --bgc: #fff;
    --bdc: #bbb;
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    width: 100px
}

    .botton-print:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1)
    }

    .botton-print:active {
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    .botton-print span {
        padding: 0;
        display: block;
        float: none;
        margin: 0 auto;
        top: 0;
        height: 40px;
        width: 60px !important
    }

.legend + .botton-print {
    margin-left: auto;
    margin-right: 0;
    margin-top: -50px
}

#UpdateProgress1 .UpdateProgress1 {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.imgLoading {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 8px rgba(255,255,255,0.5);
    box-shadow: 0 0 0 8px rgba(255,255,255,0.5);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -o-object-fit: contain;
    object-fit: contain;
    background-size: contain;
    padding: 20px;
    opacity: .85
}

@media (max-width:1099px) {
    #logomaster {
        width: 100%
    }

        #logomaster img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 200px !important
        }

        #logomaster br {
            display: none
        }

    #topo > .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5px
    }

        #topo > .wrapper:before, #topo > .wrapper:after {
            display: none
        }

    #topo #topo-right {
        width: 100%;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }

    #topocoluna {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial
    }

        #topocoluna .left {
            gap: 10px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }
}

@media (max-width:799px) {
    #menu1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 5px
    }

        #menu1 > .col {
            overflow: hidden;
            height: 0;
            padding: 0;
            -webkit-transition: var(--trans);
            transition: var(--trans)
        }

        #menu1.open > .col {
            overflow: visible;
            height: auto;
            padding-top: 10px;
            padding-bottom: 10px
        }

        #menu1.open #menu-toggle b {
            -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg)
        }

        #menu1 #menu-toggle {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        #menu1 .menu li {
            width: 100%
        }

            #menu1 .menu li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                border: 0;
                border-bottom: 1px solid rgba(0,0,0,0.15);
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            #menu1 .menu li.has-submenu ul {
                border-radius: 0;
                position: relative;
                max-width: initial;
                width: 100%;
                left: 0;
                right: 0;
                margin: 0;
                top: 0;
                padding-left: 1px;
                display: none
            }

                #menu1 .menu li.has-submenu ul li, #menu1 .menu li.has-submenu ul li a {
                    border-radius: 0
                }

            #menu1 .menu li.open {
                background-color: rgba(0,0,0,0.1)
            }

                #menu1 .menu li.open > .subimg, #menu1 .menu li.open > #RepeaterSub .subimg_submenu {
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    border-bottom: 20px solid rgba(0,0,0,0.2);
                    border-left: 10px solid rgba(0,0,0,0.2);
                    display: block !important
                }

    #topocoluna .left {
        margin: 0;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #topocoluna .posbtn {
        margin: 0;
        width: 48%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center
    }

        #topocoluna .posbtn input {
            float: none !important
        }
}
