label { display: block; }

.obrigatorio label { color: red; }
.obrigatorio label::before { content: " * "; }

label.obrigatorio { color: red; }
label.obrigatorio::before { content: " * "; }

input.obrigatorio-input,
span.obrigatorio-input .select2-selection {
    background-color: #f44336ad !important;
}

html body .pace .pace-progress { background: #bbdefb; }

.badge {
    padding: 0.5em;
    font-weight: bold;
}

/**
ICONE
 */
.la-6x { font-size: 6em; }
.la-1-5x { font-size: 1.5em; }
.la-1-3x { font-size: 1.3em; }

.sem-contrato { background-color: #ffeaa7 !important; }

#s2id_performanceAdvogadoReferencia {
    width: 12em !important;
}

.perguntaRespostaAlinha {
    display: flex;
    align-items: flex-end;
}

.perguntaRespostaAlinha .form-group {
    width: 100%;
}

.usuario--permissao-menu {
    padding-left: 1em;
}

.select2-container .select2-choice {
    height: calc(1.25em + 1.5rem + 2px);
    line-height: calc(1.25em + 1.5rem + 2px);
}

#exemploCor {
    height: calc(1.25em + 1.5rem + 2px);
    line-height: calc(1.25em + 1.5rem + 2px);
    border: 1px solid #000;
    text-align: center;
}

#news-feed .news-feed-badge-nature {
    right: 1em;
}

.p-0-5 { padding: 0.5em}
.p-2-3 { padding: 2.3em}
.p-2-5 { padding: 2.5em}
.mt-0-5 { margin-top: 0.5em}
.mt-2-5 { margin-top: 2.5em}

/**
Menu
 */
ul.menu-content > li > ul > li > a {
    padding-left: 6em !important;

}
ul.menu-content > li > ul > li > a::before {
    content: "\f112";
    font-family: "LineAwesome";
    font-size: 1rem;
    display: inline-block;
    position: absolute;
    left: 4em;
    top: 13px;
    transform: rotate(0deg);
    transition: -webkit-transform 0.2s ease-in-out;

}

ul.menu-content > li > ul > li.active > a {
    margin: 0 !important;
}

.usuarioComFoto:hover > .fotoUploadPlaceholder {
    display: block;
}

.usuarioFotoCampo {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.fotoUploadPlaceholder {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    padding: 0.2rem 0.5rem;
    height: 25px;
    width: 120px;
    display: none;
    position: absolute;
    top: 95px;
    cursor: pointer;
}

.fotoUploadPlaceholder p {
    margin-top: .25em;
}

#pedido-total-veiculo{
    text-align: right;
    padding: 0px 30px
}

.img-aplicacao {
    height: 150px;
    max-height: 150px;
    width: 150px;
    max-width: 150px;
    object-fit: cover;
}

.parvus-table-base .input-group-text {
    padding: 0.3rem 1rem !important;
}

.tab-content-border {
    border-right: 1px solid #babfc7;
    border-left: 1px solid #babfc7;
    border-bottom: 1px solid #babfc7;
}

.form-control-static {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #4e5154;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #babfc7;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.linha-escura {
    background-color: #a6a6a6;
}

.nav--acao {
    margin-top: 5.1rem;
    margin-left: 260px;
    padding: 15px;
    box-shadow: 0 10px 18px 1px rgba(49, 53, 72, 0.25);
    z-index: 1000;
}

.menu-collapsed .nav--acao {
    margin-left: 60px;
}

.main-menu {
    z-index: 1200;
}

@media only screen and (max-width: 991px) {
    .nav--acao {
        margin-left: 0px;
    }
    .main-menu {
        z-index: 9999;
    }
}

.custom-file-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-file-label::after {
    content: 'Selecionar';
}

.mobile-margin-top{
    margin-top: 35% !important;
}

.parvus-table-filtro .input-group {
    min-width: 130px;
}

.painel-gestao-documentos .custom-checkbox {
    line-height: 1.8;
}

#tabela-documentos-vencidos tr.vencido {
    background-color: red;
}

#tabela-documentos-vencidos tr.vencido a {
    color: white;
}

/**
POPOVER
 */
 .popover.bs-popover-bottom .arrow::after {
    border-bottom-color:  #f0f0f0 !important; /* Cor da flecha para popover abaixo */
  }
.popover {
    max-width: 400px !important;
    color: black !important;
    font-size: smaller !important;
    background-color: #f0f0f0 !important;
    font-weight: bold !important;
}

.single-line-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}