html {
    scroll-behavior: smooth;
}

:target {
    scroll-margin-top: .8em;
}


@font-face {
    font-family: 'HelveticaLTStd-Roman';
    src: url('fonts/HelveticaLTStd-Roman.otf') format('truetype');
}

@font-face {
    font-family: 'HelveticaLTStd-Bold';
    src: url('fonts/HelveticaLTStd-Bold.otf') format('truetype');
}

body {
    font-family: 'HelveticaLTStd-Roman'
}

.bold {
    font-family: 'HelveticaLTStd-Bold';
}

.main {
    margin-bottom: 20px;
}



.container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.card {
    margin: 0 auto; /* Added */
    float: none; /* Added */
    /*margin-bottom: 10px;*/ /* Added */
    border-radius: 0%;
}

@media (max-width:640px) {
    .image_section img:first-child {
        display: none;
    }

    .img-c1 {
        position: relative;
        margin-left: -88px;
    }

    .img-c3 {
       
    }
}

@media screen and (min-width: 601px) {
    div .fontv {
        font-size: 80px;
    }

    .img-c1 {
        float: left;
        max-width: 500px;
        margin-left: -20px
    }

    .logo-promocao {
        width: 500px;
    }

    .img-c3 {
        float: right;
        margin-right: -15px;
        max-width: 600px;
    }

}

.img-logo-campanha {
    max-width: 658px;
}



.lower {
    text-transform: lowercase
}

.upper {
    text-transform: uppercase;
}
/*.dx-texteditor-input {
    text-transform: uppercase;
}*/


.box-formulario {
    background-image: url("img/Fundo_Campanha.jpg");
    color: #FFFFFF
}

    .box-formulario .dx-texteditor-input-container {
        background-color: #FFFFFF;
        color: #000
    }

    .box-formulario .dx-lookup-field-wrapper {
        background-color: #FFFFFF;
        color: #000
    }

    .box-formulario .dx-checkbox-container {
        border-radius: 50%;
    }

    .box-formulario .dx-checkbox-icon {
        background-color: #FFFFFF;
        border-radius: 50%;
    }

        .box-formulario .dx-checkbox-icon::before {
            background-color: #0069D9;
            border-radius: 50%;
        }


    .box-formulario button {
        background-color: transparent;
        color: #FFFFFF;
        border-color: #FFFFFF;
        border-radius: 20px;
        width: 250px;
    }

    .box-formulario .btn-primary:disabled {
        background-color: transparent;
        color: #FFFFFF;
        border-color: #FFFFFF;
        border-radius: 20px;
    }

    .box-formulario .form-check-label {
        color: #FFFFFF
    }


.texto-promocao {
    font-size: 1.5rem;
}

.box-yellow {
    background-color: #F4E000;
    color: #002F62;
}

    .box-yellow button {
        background-color: #F4E000;
        color: #002F62;
        border-radius: 20px;
        border-color: #002F62;
    }

.box-gree {
    background-color: #002F63;
    color: #FFFFFF;
}

    .box-gree a {
        color: #FFFFFF;
    }

    .box-gree button {
        background-color: #FFFFFF;
        color: #A3B9C8;
        border-radius: 20px;
    }

    .box-gree .dx-checkbox-checked .dx-checkbox-icon {
        color: #A3B9C8;
    }

    .box-gree input {
        background-color: #FFFFFF;
        color: #002F63;
        font-weight: bold;
    }

        .box-gree input .dx-texteditor {
            border-radius: 20px;
            background-color: #FFFFFF;
            font-weight: bold;
        }

    .box-gree .dx-texteditor-input {
        border-radius: 20px;
        background-color: #FFFFFF;
    }

    .box-gree .dx-texteditor-input-container {
        border-radius: 20px;
        background-color: #FFFFFF;
    }

    .box-gree .dx-texteditor.dx-editor-outlined {
        border-radius: 20px;
        background-color: #FFFFFF;
    }

    .box-gree .dx-placeholder {
        color: #A3B9C8;
        font-weight: bold;
    }

.dx-scrollview-content {
    background-color: #FFFFFF;
    color: #A3B9C8;
}

.dx-item-content {
    color: #A3B9C8;
    font-weight: bold;
}

.box-antiquewhite {
    background-color: #FFFF;
    color: #56555A;
}

ul li {
    padding-top: 1rem;
    font-size: 20px;
}

.title {
    font-size: 50px;
    text-shadow: 20px;
}

.taxaadm {
    font-weight: bold;
    font-size: 6vw;
    /*margin-top: -30px;*/
    white-space: nowrap;
}

.condicao {
    font-size: 3vw;
    margin-top: -30px
}

.vl {
    border-left: 6px solid #639CD3;
    height: 250px;
}

.dx-lookup-empty .dx-lookup-field {
    /*color: #A3C0D8;*/
}

.btn-primary.disabled {
    background: #FFFFFF;
    color: #A3B9C8;
}

.btn-primary:disabled {
    background: #FFFFFF;
    color: #A3B9C8;
}
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
    div .fontv {
        font-size: 80px;
    }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {

    div.fontv {
        font-size: 60px;
    }
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
    div.fontv1 {
        font-size: 40px;
        padding-left: 30%;
    }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    div.fontv1 {
        font-size: 30px;
        padding-left: 40%;
    }
}

.item-group-list {
    font-size: 30px;
}

.dx-lookup .dx-lookup-field-wrapper {
    text-align: left;
    /*color: #002F63;*/
    /*color: #b8c9d5;*/
    font-weight: bold;
}

ul.timeline {
    list-style-type: none;
    position: relative;
    /*font-family: "HelveticaLTStd-Roman-bold";*/
}

    ul.timeline:before {
        content: ' ';
        background: #649DD4;
        display: inline-block;
        position: absolute;
        left: 29px;
        width: 2px;
        height: 86%;
        z-index: 400;
    }

    ul.timeline > li {
        margin: 20px 0;
        padding-left: 20px;
    }

        ul.timeline > li:before {
            content: ' ';
            background: #649DD4;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            border: 2px solid #649DD4;
            left: 20px;
            width: 20px;
            height: 20px;
            z-index: 400;
        }

.btn-outline-primary {
    width: 250px;
    color: #000
}

.btn-group-toggle {
    color: #000000
}

.bg-maggi {
    background-color: #002F63;
    color: #FFFFFF;
    border-color: #FFFFFF
}

input.error {
    border: 1px solid red;
}

img {
    width: 100%;
}

.logo {
    max-width: 400px;
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content {
    background-color: #4CCA5A;
    color: #FFFFFF
}


    .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
        background-color: #3EAC4A;
        color: #FFFFFF
    }