﻿.db-card {
    background-color: var(--color-neutral-0);
    border-radius: 8px !important;
    border: var(--border-size-none) solid var(--color-neutral-4);    
    box-shadow: 0px 1px 4px rgba(69, 91, 99, 0.2);
    height: 50px;
    font-size: var(--font-size-s);
}

.filtro {
    display: block;    
    margin: 0 auto !important;
    margin-top: 60px !important;                
    width: 1176px;    
}

.label-light-title {
    font-family: Montserrat;
    font-size: 15px !important;
    color: #FFFFF5;
}

.label-light {
    font-family: Open Sans;
    font-size: 14px !important;
    color: #FFFFF5;
}


/* botoes de filtro => */

.button-filtro {
    height: 63px !important; 
    width: 192px !important; 
    box-sizing: border-box; 
    border-radius: 12px; 
    padding: 13px 29px 13px 29px !important; 
    box-shadow: 0px 7px 16px rgba(69, 91, 99, 0.2); 
}


     /* pendencia */
.ico-img-pendencia {
    display: inline-block; 
    width: 34px; 
    height: 34px; 
    margin-right: 9px;    
} 


.link-filtro-pendencia-ativo
{
    background-color: #DD5143 !important;
} 
.link-filtro-pendencia-ativo .ico-img-pendencia path
{
    fill: #FFFFFF !important;
}
.link-filtro-pendencia-ativo .link-filtro-pendencia-numero {
    color: #FFFFFF !important;
}
.link-filtro-pendencia-ativo .link-filtro-pendencia-texto {
    color: #FFFFFF !important;
}


.link-filtro-pendencia-padrao
{
    border: 2px solid #DD5143;
    background-color: #FFFFFF !important;
} 
.link-filtro-pendencia-padrao .ico-img-pendencia path
{
    fill: #DD5143 !important;
}
.link-filtro-pendencia-padrao .link-filtro-pendencia-numero {
    color: #DD5143 !important;
}
.link-filtro-pendencia-padrao .link-filtro-pendencia-texto {
    color: #3F3D56 !important;
}

     /* rascunho */
.ico-img-rascunho {
    display: inline-block; 
    width: 34px; 
    height: 34px; 
    margin-right: 9px;    
} 


.link-filtro-rascunho-ativo
{
    background-color: #F0C23B !important;
} 
.link-filtro-rascunho-ativo .ico-img-rascunho path
{
    fill: #FFFFFF !important;
}
.link-filtro-rascunho-ativo .link-filtro-rascunho-numero {
    color: #FFFFFF !important;
}
.link-filtro-rascunho-ativo .link-filtro-rascunho-texto {
    color: #FFFFFF !important;
}


.link-filtro-rascunho-padrao
{
    border: 2px solid #F0C23B;
    background-color: #FFFFFF !important;
} 
.link-filtro-rascunho-padrao .ico-img-rascunho path
{
    fill: #F0C23B !important;
}
.link-filtro-rascunho-padrao .link-filtro-rascunho-numero {
    color: #F0C23B !important;
}
.link-filtro-rascunho-padrao .link-filtro-rascunho-texto {
    color: #3F3D56 !important;
}

     /* enviado */
.ico-img-enviado {
    display: inline-block; 
    width: 34px; 
    height: 34px; 
    margin-right: 9px;    
} 


.link-filtro-enviado-ativo
{
    background-color: #00A0DC !important;
} 
.link-filtro-enviado-ativo .ico-img-enviado path
{
    fill: #FFFFFF !important;
}
.link-filtro-enviado-ativo .link-filtro-enviado-numero {
    color: #FFFFFF !important;
}
.link-filtro-enviado-ativo .link-filtro-enviado-texto {
    color: #FFFFFF !important;
}


.link-filtro-enviado-padrao
{
    border: 2px solid #00A0DC;
    background-color: #FFFFFF !important;
} 
.link-filtro-enviado-padrao .ico-img-enviado path
{
    fill: #00A0DC !important;
}
.link-filtro-enviado-padrao .link-filtro-enviado-numero {
    color: #00A0DC !important;
}
.link-filtro-enviado-padrao .link-filtro-enviado-texto {
    color: #3F3D56 !important;
}


     /* pronto */
.ico-img-pronto {
    display: inline-block; 
    width: 34px; 
    height: 34px; 
    margin-right: 9px;    
} 


.link-filtro-pronto-ativo
{
    background-color: #92C749 !important;
} 
.link-filtro-pronto-ativo .ico-img-pronto path
{
    fill: #FFFFFF !important;
}
.link-filtro-pronto-ativo .link-filtro-pronto-numero {
    color: #FFFFFF !important;
}
.link-filtro-pronto-ativo .link-filtro-pronto-texto {
    color: #FFFFFF !important;
}


.link-filtro-pronto-padrao
{
    border: 2px solid #92C749;
    background-color: #FFFFFF !important;
} 
.link-filtro-pronto-padrao .ico-img-pronto path
{
    fill: #92C749 !important;
}
.link-filtro-pronto-padrao .link-filtro-pronto-numero {
    color: #92C749 !important;
}
.link-filtro-pronto-padrao .link-filtro-pronto-texto {
    color: #3F3D56 !important;
}



.filtro-ajuda {
    display: flex; 
    height: 63px !important; 
    width: 192px !important; 
    padding: 10px 9px 10px 25px !important; 
    margin-right: 44px; 
    margin-left: 58px; 
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #97A3B4; 
    opacity: 0.6; 
    border-radius: 12px; 
}

/* <= botoes de filtro */

.modal-content {
    padding: 0px;
}

.modal-top {
    padding: 0px !important;
}



/* menu => */

.Menu_DropDownPanel {    
    margin-top: 16px !important;   
    background-color: #97A3B4 !important;
    color: #FFF !important;    
    z-index: 1 !important;    
    margin-left: -170px !important;
    width: 263px !important;
    height: 143px !important;
    padding: 25px !important;
    border-radius: 7px;
}

.Menu_TopMenuActive > div a,
.Menu_TopMenuActive > div a:visited,
.Menu_TopMenuActive > div a:hover,
.Menu_TopMenu:hover.Menu_TopMenuActive > div a {
    color: #fff !important;
}

.Menu_TopMenu .fa,
.Menu_DropDownPanel .fa {
    color: #fff !important; 
}

.Menu_TopMenu:hover > div .fa,
.Menu_TopMenu:hover > div a,
.Menu_TopMenu:hover > div a:visited {
    color: #fff !important;
}

.Menu_DropDownArrow { VISIBILITY: hidden !important }

/* <= menu */


.divPendenciaResultados {
  display: none;
}

.db-placeholder:placeholder {
    color: white !important
}

.db-noshadow {
    box-shadow: none !important
}

.badge-db {
    border-radius: 60px;
    width: 32px;    
    padding-right: 4px;
    height: 17px;
    font-size: 12px;
}

.modal-padrao .modal-wrapper {    
    max-height: 600px !important;
    max-width: 582px !important;
    background: var(--color-secondary);
}

.filtro-bg{
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 47.36%), #97A3B4;
}

.filtro-selecionado {
    font-weight: bold;
}



/* Accordion */

.accordion-item { border: none !important; }

.accordion-item .accordion-item-header { padding: 0px !important; }

.accordion-item .accordion-item-title { margin-right: -30px !important; }

.accordion-item-icon { margin-top: 15px !important; }


/* Botão laudo */
.acima-accordion { 
    margin-top: 38px !important;    
    position: absolute;
}

.botao-laudo { 
    background: #00AFAB !important;
    color: var(--color-neutral-0) !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    height: 24px;
    padding: 4px 8px;
    width: 67px;
}


[disabled="disabled"], [readonly="readonly"], textarea[readonly="readonly"] {
    background: var(--color-neutral-4) !important;
    filter: none !important;
}

.text-titulo { 
    font-size: var(--font-size-h5);
    color: var(--color-neutral-5);
}


/* modal */
.modal-confirmacao {};

.modal-confirmacao .modal-wrapper {    
    max-height: 600px !important;
    max-width: 600px !important;
    background: var(--color-secondary);
}

.modal-confirmacao .modal-top {    
    padding: var(--space-none);
}

.modal-email-nao-cadastrado .modal-wrapper {
    max-width: 700px !important;
    height: 350px !important;
    background: var(--color-secondary)
}