/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*.card-compra-atividade {
    z-index:99 !important;
}
*/
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.btn-success {
    width: 100% !important;
    border-radius: 0px !important
}

.row {
    margin-left: 0px !important
}

#div-compra {
    padding: 40px;
    padding-bottom: 50px;
}

/*.card {
    margin-top: 20px;
    border-radius: 0px
}
*/
.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

    .tg td {
        border-color: black;
        border-style: solid;
        border-width: 1px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        overflow: hidden;
        padding: 10px 5px;
        word-break: normal;
    }

    .tg th {
        border-color: black;
        border-style: solid;
        border-width: 1px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        padding: 10px 5px;
        word-break: normal;
    }

    .tg .tg-c3ow {
        border-color: inherit;
        text-align: center;
        vertical-align: top
    }


/*    -----------------------------------------*/


.modal-content {
    opacity: 1;
}

#nav-menu-principal {
    z-index: 10;
}

#mascara-banner {
    background: linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.4));
}

#area-img-banner {
    background-size: cover;
    background-position: center;
}

.header-area-coordenacao {
    height: 400px;
}



#div-text-banner {
    z-index: 5;
    top: 60%;
}


.MsoNormal > * {
    font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 32px !important
}

input[type="radio"] {
    visibility: hidden;
}

    .radio-custom:checked + label {
        border: 4px dashed dodgerblue !important;
        border-radius: 0px !important
    }



@media(max-width: 922px) {
    .card-img-overlay {
        background: linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.4));
    }


    #div-compra {
        border-left: none;
        border-top: 1px solid rgba(23, 18, 18, .2);
    }

    /*    #div-text-banner {
        top: 50%;
    }*/

    .header-area-coordenacao {
        height: 100%;
    }

    #area-img-banner {
        height: 100%;
    }
}