/*
|--------------------------------------------------------------------------
| SEPROSP Core - Barra Superior
|--------------------------------------------------------------------------
*/

#seprosp-topbar{

    position:static;
    
    background:#B00000;

    color:#FFFFFF;

    padding:8px 20px;

    border-bottom:4px solid #7A0000;

    box-shadow:0 2px 8px rgba(0,0,0,.20);

    font-family:Arial,Helvetica,sans-serif;

}

#seprosp-topbar .container{

    max-width:1200px;

    margin:0 auto;

}

.seprosp-barra{

    display:flex;

    align-items:center;

    gap:16px;

    flex-wrap:wrap;

}

.seprosp-titulo{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:15px;

    font-weight:600;

}

.seprosp-vencimento{

    display:flex;

    align-items:center;

    gap:6px;

    font-size:14px;

}

.seprosp-botao{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:6px 14px;

    background:#005DAA;

    color:#FFFFFF !important;

    border-radius:6px;

    text-decoration:none;

    font-size:13px;

    font-weight:bold;

    transition:.25s;

}

.seprosp-botao:hover{

    background:#0077D9;

}

.seprosp-titulo .fa{

    color:#FFD54A;

}

.seprosp-vencimento .fa{

    color:#FFD54A;

}

.seprosp-botao .fa{

    color:#FFFFFF;

}

@media (max-width:768px){

    .seprosp-barra{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

}