@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
:root{
    --color-primary:#163353;
    --color-primary-complemento:#2d5582;
    --color-whatsapp:#4aaa3f;
    --color-whatsapp-hover:#46c738;
}
.hover-button-primary:hover{
    background: var(--color-primary-complemento);
}
.bg-success-2{
    background: var(--color-whatsapp);
}
.bg-success-2:hover{
    background: var(--color-whatsapp-hover);
}
.bg-primary-2{
    background: var(--color-primary);
}

.bg-complemento{
    background: var(--color-primary-complemento);
}

.header{
    padding: .5rem 0;
    background: var(--color-primary);
}

.header img{
    width: 200px;
    height: 67px;
    object-fit: contain;
}
.login{
    background: var(--color-primary);
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn{
    background:gray;
}
#modal-cadastro-advogado{
    width: 0;
    height: 0;
    opacity: 0;
    transition: .12s ease-in
}
#modal-cadastro-advogado.active{
    width: 100%;
    height: auto;
    opacity: 1;
    background: white;
    padding: 1rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: .12s ease-out
}