@media print{
    .navbar, #evaluation, h3.card-title {
        display: none !important;
    }
    
    html, body {
        page-break-after: avoid !important;
        page-break-before: avoid !important;
    }
    
    .container, .card {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    
    .card-title {
        page-break-before: always !important;
    }
    
    .articleContent h4{
        padding: 0 !important;
        margin: 0 !important;
    }
    
    h3.card-title,  h4.card-title {
        /*margin-top: 20px;
        margin-bottom: 20px;*/
        margin: 0;
    }

    .no-print{
        display: none;
    }

    .colletion__titleBar .col-md-8 {
        width: 100%;
    }

    #main{
        margin-top: 1em !important;
    }

    #fullCollectionPrint{
        display: block;
    }
}

.navbar {
  height: 64px;
}


#listagem > div,
#navegacao-artigo > div{
  cursor: pointer;
  border-radius: 4px;
}

#navegacao-artigo{
  display: flex;
  justify-content: space-between;
  align-items: start;
}

#navegacao-artigo > div{
  max-width: 50%;
}

#listagem > div:hover,
#navegacao-artigo > div:hover{
  background-color: #fafafa;
}

#anexos{
    margin: 1em;
    border-radius: 0.5em;
    border: 1px solid #00000020;
    padding: 1em;
}

#palavrasChave {
	padding: 1em 0;
	color: #0006;
}













#main{
    margin-top: calc(var(--topbar__container-height) + 30px) !important;
    /* margin-top: 76px; */
}

.navbar{
    background-color: var(--topbar__container-background, #333) !important;
    height: var(--topbar__container-height) !important;
    min-height: var(--topbar__container-height) !important;
    max-height: var(--topbar__container-height) !important;
    display: var(--topbar__container-display) !important;
    background-repeat: var(--topbar__container-backgroundRepeat);
    background-position: var(--topbar__container-backgroundPosition);
}

.articlesList {
    background-color: var(--articlesList__container-backgroundColor, #333) !important;
    color: var(--articlesList__container-color, #f9f9f9) !important;
    border: var(--articlesList__container-border) !important;
    font-size: var(--articlesList__container-fontSize) !important;
    font-family: var(--articlesList__container-fontFamily) !important;
}

.articlesList ul .active{
    color: var(--articlesList__container-active) !important;
    font-weight: 500;
}


.articlesList ul{
    font-size: var(--articlesList__container-fontSize, 1rem);
    list-style: none;
    padding: 0.5em;
    margin: 0;
}

.articlesList ul li{
    padding: 0.4em 0.8em;
    cursor: pointer;
}

.articlesList ul li:hover{
    background-color: var(--articlesList__container-active)30 !important;
}

#articleHeader{
    display: flex;
    justify-content: space-between;
    padding: 1em;
    border-bottom: 1px solid #00000020;
}

#articleHeader h5{
    margin-bottom: 0;
}

.articleBody{
    padding: 1em;
}

.articleContent{
    color: var(--articleContent__content-color) !important;
    font-size: var(--articleContent__content-fontSize) !important;
    border: var(--articleContent__content-border) !important;
    font-family: var(--articleContent__content-fontFamily) !important;
    /* padding: 1em; */
}

.colletion__titleBar{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1em;
}

.colletion__titleBar .col-md-4 div{
    display: flex;
    gap: 0.5em;
}

.dropdown-item{
    color: #333 !important;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.dropdown-item a{
    color: #333;
    text-decoration: none;
}

.dropdown-item a img{
    opacity: .3;
    margin-right: 0.3em;
}

.q-dropdown button img{
    filter: invert(60%);
}

.attackment{
    margin-bottom: 0.5em;
}


#eval-yes {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-image: url('../../../../css/layout/img/yes.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    display: inline-block;
    vertical-align: middle;
}

#eval-yes:hover, .eval-yes {
    background-image: url('../../../../css/layout/img/yes-active.png') !important;
}

#eval-no {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-image: url('../../../../css/layout/img/no.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    display: inline-block;
    vertical-align: middle;
}

#eval-no:hover, .eval-no {
    background-image: url('../../../../css/layout/img/no-active.png') !important;
}


#fullCollectionPrint{
    display: none;
}

.searchView__header{
    padding: 1em;
    border-bottom: 1px solid #00000020;
}

.searchView__body{
    padding: 1em;
}

.foundArticle__card{
    padding: 0.7em;
    border: 1px solid #00000020;
    border-radius: 8px;
    margin-bottom: 1em;
}

.macthedItem{
    background: #fff;
    border-radius: 8px;
    padding: 0.5em;
    margin: 0.3em;
    cursor: pointer;
    transition: all .3s;
}

.macthedItem:hover{
    background: #00000010;
}

mark{
    background: #FF000030;
    padding: 0;
    border-radius: 2px;
}

.relative{
    position: relative;
}

.btnClearSearch{
    background: #ffffff00;
    color: #00000040;
    outline: none;
    border: none;
    transition: all .2s;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.btnClearSearch:hover {
    color: #b91818d5;
}

.attackment {
    background: #00000025;
    border: 1px solid #00000030;
    border-radius: 3px;
    padding: 0.3em;
    cursor: pointer;
    transition: all .2s;
}

.attackment:hover {
    background: #00000010;
    border: 1px solid #00000035;
}

.attackment img{
    margin-right: 0.6em;
    margin-left: 0.4em;
}

#anterior, #proximo{
    margin: 1em;
    padding: 1em;
    background-color: #00000000 !important;
    cursor: pointer;
    transition: all .2s ;
}

#anterior img{
    transform: rotate(-90deg);
    filter: invert();
    margin-right: 1em;
}

#proximo img{
    transform: rotate(90deg);
    filter: invert();
    margin-left: 1em;
}

#anterior:hover, #proximo:hover{
    background-color: #00000010 !important;
}

.q-dropdown {
    position: relative;
    display: inline-block;
} 
  
/* .q-dropdown-content {
    display: none;
    position: absolute;
    margin-top: -5px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
} */
/* 
.q-dropdown:hover .q-dropdown-content {
    display: block;
} */