/*
@font-face{
	font-family:'UnimedSans-Regular';
	src:url("./fonts/UnimedSans-Regular.otf")
	format("opentype");
}

* {
    font-family: 'UnimedSans-Regular';
    margin: 0;
    padding: 0;
    outline: 0;
}
*/
body {
    background: url('images/background.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.section-consultar-end {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.section-consultar-center {
    display: flex;
    justify-content: center;
    width: 100%;
}

.section-consultar-start {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.box-consultar {
    width: 40em !important;
    background: #C4CBCF !important;
    padding: 20px;
    margin-right: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
}

.conteudo-box-consultar {}

.texto-atencao {
    font-weight: bold;
    font-size: 1.2em !important;
}

.box-consultar img {
    width: 11em;
    margin-bottom: 10px;
}

.box-consultar h1 {
    text-align: center;
    margin-bottom: 10px;
    color: #00995D;
}

.box-consultar p {
    text-align: justify;
    margin-bottom: 10px;
}

.box-consultar form {
    background: #ffffff !important;
    padding: 20px;
    border-radius: 4px;
}

.box-consultar form input {
    width: 100%;
    height: 2.5em;
}

.box-consultar form a {
    color: #00995D !important;
    font-weight: bold;
    text-align: center;
}

.botao-submit, .botao-cancelar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3em;
    background: #00995D;
    margin-top: 20px;
    border-radius: 4px;
}

.botao-cancelar {
    background: #ED1651 !important;
}

.botao-submit:hover {
    transform: translateY(-5px);
}

.botao-cancelar:hover {
    transform: translateY(-5px);
}

.botao-submit span, .botao-cancelar span {
    color: #ffffff !important;
    font-size: 1.3em !important;
    font-weight: bold;
}

.botao-alert {
    background: #ED1651;
    color: #ffffff;
    border: none !important;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .section-consultar {
        justify-content: center !important;
    }

    .box-consultar {
        margin-right: 0px !important;
    }
}

@media (max-width: 576px) { 
    .section-consultar {
        justify-content: center !important;
    }

    .box-consultar {
        margin-right: 0px !important;
    }
}
