@page {
  background: transparent;
  size: A4;
  /*display: block;*/
  margin: 0.5cm;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  color-adjust: exact !important;  
}
@media print {

  body{-webkit-print-color-adjust: exact; /*chrome & webkit browsers*/ color-adjust: exact; /*firefox & IE */} 
  #header-affix { display: inline-block; width: 100%;}
  .navbar-toggle, .no-print, .btnWrapper, #divBottomMenu { display:none !important;}
  .no-web { display:block !important;}
  .navbar, .print { display: inline-block !important;}
  a[href]:after { content: none !important; }
  .form_body_content, .panel-body {width: 100%;}
  img { page-break-inside: avoid; max-width:100%;height:auto;}
  .collapse:not(.show) { display: inherit;}
  .page-break-print { page-break-before: always;}
  /*.page-intro-header, .card .card-title.title { color: white !important;}*/ /*o firefox não aceita letra branca na impressão...*/
  /*.bar-effect.card-title { margin-bottom: 0px;}*/
  .page-intro-header { background-color: #223A94 !important; }
  
}

@media screen {
    .no-web { display:none !important;}
}

/* link de topo - acessibilidade*/
.accessibility { position: absolute; left: -99999px; height: 10px; width: 10px; }
#skip { position: absolute; left: 0; top: 0; width: 100%; margin-left: 0; text-align: center; list-style: outside none; }
#skip a { position: absolute; left: -99999px; top: 30px; }
#skip a:focus, #skip a:active { position: relative; left: 0; z-index: 9999; width: 75%; height: auto; margin: 0 auto;
	padding: 20px 25px; text-align: center; text-decoration: none; outline: 0; letter-spacing: -2px !important;
	font: bold 30px Arial; background: #D9E3EA; color: #5E8397; border: 1px solid #5E8397; }
/* fim acessibilidade */

html,body { width: 100%; min-height: 100%; }
html, body, #form1, #container_frame { height: 100%;}
body { background-color: white; /*color: #777;*/ font-size: 0.8em; position: relative; }
.body_background {/* por aqui a imagem de fundo que a BBZ vai dar */
                  background: url("../../img/background_login.jpg") no-repeat center center fixed;
                  -webkit-background-size: cover;
                  -moz-background-size: cover;
                  -o-background-size: cover;
                  background-size: cover;}
.bg-light2 {
    background-color: #EEECF0;
}

/* header */
.logo_app { margin-top: 0; width: 220px; height: 50px;}
.logo_app_login { margin-top: 0; width: 331px; height: 76px;}
.logo_img { margin-top: 0; margin-left: 50px; width: 159px; height: 50px;}
.navbar-default { border-radius: 0px; background-color: #223B95; padding: 0;}
.navbar-header { width: 100%; padding-top: 10px;}
.navbar-header .navbar-header-top { margin-bottom: 15px; margin-left: 65px; margin-right: 65px;}
/**/

#container_frame {
    /* sticky footer */
    display: flex;
    flex-direction: column;
}

#content {
    flex: 1 0 auto;
    /*padding-top: 20px;*/
}

/* footer */
#footer { /* Prevent these items shrink to smaller than their content's default minimum size. */
    flex-shrink: 0;
    padding: 0px 35px 10px 15px;
    color: white;
    background-color: #223B95;
}
/*#footer
{
    width: 100%;
	min-height: 49px;
	color: white;
	background-color: #223B95;
	padding: 0px 40px 10px 40px;
	z-index:5;
	position: fixed; bottom: 0;
}
#footer.static, body.static #footer { position: static ; bottom: auto; margin-top: auto; }*/


/**/
/*.footer-inner { padding-top: 7px; padding-left: 10px;}*/
#footer .footer_notes { display: inline-block; font-size: 0.7em;  vertical-align: bottom; bottom: 0;}
#footer ul { list-style: none; list-style-position: outside; padding-left: 10px;}
#footer ul li { color: #7c7c7c; background: transparent; text-transform: uppercase; float: left; }
#footer ul li:not(:last-child) { padding-right: 50px; }
#footer ul li a { color: #7c7c7c; text-decoration: none; display: block; position: relative; cursor: default; }
#footer ul li a img { position: relative; display: inline-block; vertical-align: baseline;}

#footer ul li.align-noTitle { padding-top: 22px;}
#footer ul li .republica-ico { width: auto; height: 55px;}
#footer ul li .capitalizar-ico { width: 71px; height: 47px;}
#footer ul li .at-ico { width: 141px; height: 40px;}
#footer ul li .bdp-ico { width: 94px; height: 45px; padding-bottom: 5px;}

#footer .list-with-heading  { padding-left: 7%;}
#footer .list-with-heading .title { margin: 0 0 10px 0; font-size: 0.5em; color: White;}
#footer .copyright { text-align: right;}
#footer .msg-new-version { color: #E2E2E2; text-align: justify;}

/* login */
/* http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
.login-help .area, .login-area .area { margin-top: 25%; padding: 0;}
.login-help ul { list-style: none;  padding-left:0; color:#223B95;}
.login-help ul li { text-indent: -.7em; margin: 0px; padding-left:10px; vertical-align: top;}
/*.login-help ul:first-child > li { font-size: 1em;}*/
.login-help ul li:before { content: "• "; font-weight:bold; font-size: 1.4em;}
.login-help ul ul { padding-left: 7px; }
.login-help ul ul li:before, .login-help .title { color: #F25E62; }
.login-help ul ul li { padding-top: 10px;}
.login-help .area { font-size: 0.9em; }

.login-area .area { text-align: left;}
.login-area .btn-rounded { width: 100%;}
.login-area .btn { font-size: 1em;}

.login-area .area > div:first-child, .login-help .area > div:first-child { /*display: table-cell;*/ vertical-align: middle; margin-right: auto; margin-left: auto;}
.login-area .area > div:first-child { /*padding-right: 10%; padding-left: 10%;*/ }

/* page intro header */
.page-intro-header { /*min-height: 320px;*/ color: White;/*text-align:justify;*/  padding: 3% 11% 1% 11%;
                     background: url("../../img/background_pageIntro.jpg") no-repeat;
                     -webkit-background-size: cover;
                     -moz-background-size: cover;
                     -o-background-size: cover;
                     background-size: cover;
                     }
.page-intro-header .logo_app {width: 352px; height: 80px;}
.page-intro-header .title { font-weight: bold; color: White; font-size: 2em; text-align: center;}
.page-intro-header .footer { text-align: right; margin-top: 20px; }
.page-intro-header .footer .btn { background-color: white; font-size: 1.2em; border: none; padding: 4px 15px; color: #223A94; }
.page-intro-header .footer .btn:hover, .page-intro-header .footer .btn:focus { color: #223A94; background-color: #DBDFF9; }
    
/* valid */
.validation-group, .validation-item { color: #EA8E13; font-size: 1.2em; font-weight: bold;}
.validation-item:hover { cursor: help;}
.validation-item:before { font: normal normal normal 14px/1; font-family: "Font Awesome 5 Free";  content:'\f071';}
.validation-group ul { padding-left: 20px;}
.validation-item { font-weight: bold; padding-left: 2px; }

.btn-xs { font-size: 0.8em; line-height: inherit; padding: 0.15rem 0.3rem; }
/* links */
/*a.btn { text-decoration: none !important; }*/
a, a:focus { color: #263F98; text-decoration: none; cursor: pointer; }
a:hover { color: #3267C0; text-decoration: none;}
a.help { border-bottom: 1px dotted #263F98;}
.link-link, .link-link:focus{color: #ffffff; font-size:1.2em; }
.link-link:hover { color: #E9E9E9;}
.link-grey, .link-grey:focus{color: #E2E2E2; }
.link-grey:hover { color: white; text-decoration: underline;}

.ico:after { font-family: "Font Awesome 5 Free";}
.close:before {content: "\f2d3";}
.hyperlink:before{content:"\f08e";}
.printer:before {content:"\f02f";}
.ico-glossario:before { font-family: "Font Awesome 5 Free"; font-size: 0.8em; content: "\f15b"; padding-right: 6px;} 
.glossario { line-height: 1em;}
.close {
    color: #fff; 
}

a.comentarios { display: inline-block; margin-top: 15px;}
a.comentarios:before { content:'Ver comentários'; font-size: 1.3em; }
a.comentarios-art35:before { font-size: 0.9em; }
a.comentarios:after { font-family: "Font Awesome 5 Free"; content:' \f054'; }

a.show-link, a.show-link:hover, a.show-link:focus {text-decoration: underline !important;}

.link-menu {color: White;}
.link-menu:hover, .link-menu:focus { color: White; text-decoration: underline;}
.link-menu {padding: 3px 15px 3px 5px;}

/*menu header */
.navMenu, .headerUser-content { padding-left: 20px;}
.headerUser-content { color: #fff;}
.navMenu > li { padding-top: 2px; padding-bottom: 3px;}
.navMenu > li > a, .nav-link { margin: 0px 10px 5px 0px; padding: 0px 5px 0px 0px; text-decoration: underline; }
.navMenu > li > a, .nav-link { color: #fff !important; text-decoration: underline;}
.navMenu .dropdown-menu > li a:hover, .nav-link:hover { color: #fff !important; text-decoration: none; /*font-weight: bold;*/}
.dropdown-menu{background-color: #223B95; border: 2px solid white;}
a.nav-link:before { content: '' !important;}

.login-help a { font-weight: bold; }

/* back to top*/
.backToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 9999;
    font-size: 1.8em;
    border: solid 2px #F25E62;
    outline: none;
    background-color: transparent;
    color: #F25E62;
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 35px;
}

/* loading image css*/
.loader_wrapper { min-height: 70px; position: relative; text-align: center;}
.loader_wrapper::after { color: #263F98; font-weight: bold; content: 'Aguarde um momento...'; }
/* outros:
- https://tobiasahlin.com/spinkit/
- https://codepen.io/JesGraPa/pen/Hyaiw
*/
/* https://loading.io/css/ */
.lds-ripple { display: inline-block; position: absolute; width: 64px; height: 64px; top: 25%; left: calc(50% - 32px);}
.lds-ripple div { position: absolute; border: 4px solid #263F98; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }
@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
} 
#dvProgress .load_modal_div { border-radius: 45px; padding: 10px 50px;}

/* manual modal */
.baseModal {display: none;}
.load_man-modal_div { position: fixed; top: 5%; left: 5%; right: 5%; width: 90%; height: 90%; overflow: auto; padding-top: 120px;
                      background-color: white; padding: 7px; color: #595959; border: 1px solid #ddd; border-radius: 4px;}
.load_man-modal_div .modal-heading { color: #223B95 !important; border-bottom: 2px solid #223B95 !important; padding: 10px 0px;}
.load_man-modal_div .modal-title { color: #223B95 !important; padding: 0px;}
.load_man-modal_div .modal-content-area { padding: 10px 10px 15px 10px;}
.load_man-modal_div .modal-content-area-2 { padding: 10px 0px 0px 0px;}

.load_modal_wrapper {min-height: 100%; width: 100%; float: left; position: relative; z-index: 9999;}
.load_modal { position: fixed; top: 0; left: 0; background-color: black; opacity: 0.4; filter: alpha(opacity=40); min-height: 100%; width: 100%; }
.load_modal_div { position: fixed; top: 50%; left: 50%; margin-top: -7px; margin-left: -85px; background-color: white; padding: 7px; }


/* tooltips */
/* https://jqueryui.com/tooltip/#custom-style */
/* mudança de linha -> usar o código 
 no tooltip
        precisa do estilo -> white-space: pre-line;
   tab -> 	
*/
.ui-tooltip { position: absolute; -webkit-box-shadow: none; box-shadow: none; max-width: 250px;
              padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px;
              text-align: left; white-space: pre-line; font-family: Arial, Helvetica, sans-serif; font-size: 1em; z-index:100; border-width: 0px; }
.field-tooltip:hover { cursor: help;}

/**/
.title { color: #263F98; }
.title-alt { color: #767076; }
.title:not(.simple) { font-weight: bold; }

.coment-area { border-left: 2px solid #223A94; font-size: 1.2em;}
.coment-area .title { font-size: 1.2em; }

.EvolucaoArea { margin-left: 6%;}
.coment-dinamica-collapse { margin-left: 3%;}
#art35Chart { margin-left: auto; margin-right: auto;}
.qualifChartArea { max-width: 300px; margin-left: 20px;}
#art35Chart { max-width: 250px;}
.art35Sign-ok:before, .art35Sign-notok:before {font-family: "Font Awesome 5 Free"; font-size: 1.5em;}
.art35Sign-ok:before { content: "\f058"; color: #95D52A; padding-right: 10px;} /* certo: f00c, balança: f24e, */
.art35Sign-notok:before { content: "\f071" ; color: #FF6101; padding-right: 10px;} /* !(circulo): f06a, !(triangulo): f071, x: \f057, cruz:"f00d", balança-desequilibrada: f515      */
.art35Comentario { font-size: 1.3em;}

.evolAval { font-size: 1.1em;}

.areaSemAvaliacao h5 { font-weight: bold;}
.areaSemAvaliacao [data-toggle="tooltip"] { cursor: help;}
.areaSemAvaliacao { color: #717175; margin-top: 25px; margin-left: auto; margin-right: auto;}

.ind-pos-tbl { display: table; width: 250px;}
.ind-pos { font-size: 0.9em; display: table-row; }
.ind-pos .cell { display: table-cell; text-align: center;  padding-top: 8px;}
.ind-chart { max-width: 250px; min-height: 200px; margin-bottom: 5px;}
.ind-bars .ind-chart, .ind-bars .ind-pos-tbl { margin-right: auto; margin-left: auto;}

.ind-comentario {width: 100%;}

.ind-posicionamento, .bar-effect {border-radius: 25px;}
.ind-posicionamento {font-weight: bold; font-size: 1em; color: White; padding: 3px 20px; text-align: center; /*margin-left: 35px;*/}
.bar-effect {padding-left: 25px !important; padding-right: 25px !important;}
/*.ind-posicionamento { display: inline-block; position: relative; padding: 0 5px 0 20px; margin-right: 5px; font-weight: bold; color: White; background-color: Red; }
.bar-effect { position: relative; padding-left: 35px !important;}
.bar-effect:before  
{
    width: 25px;
    content: '\00a0'; width: 15px; height:80%;
    display: block; position: absolute; top: 0; bottom: 0; left: 0px;
    border-radius:0 0 0 0;
    background-color:white; border: 4px solid white;    
    display:inline-block; vertical-align: top; margin-right: 10px;
}*/
.bar-effect.card-title, .bar-effect-mb { margin-bottom: 40px;}
.baseModal .bar-effect.card-title { margin-bottom: 15px;}

.pos_sem_aval .ind-posicionamento {background-color: #B1B1B1;}

.pos_mau .ind-posicionamento, .pos_mau2 .ind-posicionamento {background-color: #FF6101;}
/*.pos_mau .ind-posicionamento:before {background: linear-gradient(180deg, white 80%, #FF6100 20%);}*/

.pos_medio .ind-posicionamento {background-color: #0075C9;}
/*.pos_medio .ind-posicionamento:before {background: linear-gradient(180deg, white 80%, #FFC401 20%);}*/

/*.pos_bom .cell:first-child {min-width: 67px !important;}*/
.pos_bom .ind-posicionamento {background-color: #65DB55; /*min-width: 37px !important;*/}
/*.pos_bom .ind-posicionamento:before {background: linear-gradient(180deg, white 80%, #B1DD69 20%);}*/

.notas {font-size: 0.9em; background-position: center; text-decoration: none; }
.notas-wrn {color: #EA8E13;}
.notas-grey, .ind-comentarioComplementar {color: #A3A3A3;}

/* intro */
.info-area {background-color: #E3E3E3;}
.info-box, .label-fake-area {background-color: #F7F7F7; border: 1px solid #CDCDCD; }
.label-fake-area { width:100%; display: inline-block; min-height: 30px; 
                        /*padding: 2px 6px;*/ padding: 5px 10px;
                        white-space: pre-wrap;}
                        
.portal-financ-ico { width: 132px; height: 60px; }
.portal-financ-avioes-ico { width: 122px; height: 70px; }
.portal-financ-area {background-color: #A1C4C9; border-radius: 50px; font-size: 1.1em; text-align: center; }
/*.info-area .btn-outline-dark {box-shadow: 1px 1px;}
.info-area .btn-outline-dark, .info-area .btn-outline-dark:focus { background-color: White;}
.info-area .btn-outline-dark:hover, .info-area .btn-outline-dark:active { background-color: #E3E3E3;}*/

/* gráficos */
svg > g > g:last-child {
        pointer-events: none
    }

/** card **/
.card { border:0;}
.card-body { padding:0;}

.card .card-title.title, .modal-header { color: White; background-color: #223A94; }
.card .card-title.title { font-size: 1.3em; padding: 5px 10px;}
.card .card-title.title .destaque { font-weight: bold; text-transform: uppercase;}

/* glossário */
.tbl-glossario table { border-spacing: 10px; border-collapse: separate;}
.tbl-glossario .cel-tit { font-weight: bold; }
.tbl-glossario td { padding-left: 8px; padding-right: 8px; border: none; }
.tbl-glossario .table-striped > tbody > tr:nth-child(2n+1) > td, .tbl-glossario .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #D3D8EA;
   border-radius: 25px;
}
.tbl-glossario .table-striped tbody tr:nth-of-type(odd) { background-color: transparent;}
.ind-glossario .pos_* {vertical-align: baseline;}
.ind-glossario .ind-posicionamento { position:relative; bottom: 1px; font-size: 0.5em; padding: 0 5px; margin-right: 5px; }
/*==========  Configurações específicas por tipos de ecrãs  ==========*/

/* LG - ecrãs grandes */
@media (max-width : 1200px) 
{
}

/* MD - ecrãs médios */
@media (max-width : 992px) {
    #footer ul li:not(:last-child) { padding-right: 23px; }
    #footer ul li .republica-ico { height: 50px; background-size: 100%;}
    #footer ul li .capitalizar-ico { width: 64px; height: 42px; background-size: 100%;}
    #footer ul li .at-ico { width: 123px; height: 35px; background-size: 100%;}
    #footer ul li .bdp-ico { width: 84px; height: 40px; background-size: 100%;}
}
@media (max-width : 900px)
{
    #footer { padding-left: 0px; }
    
}
@media (max-width : 768px), (max-height:768px) 
{   
    body {margin-bottom: 60px;}
    #footer:not(.static) { margin-top: auto; }
    /*#footer:not(.static) { position: static ; bottom: auto; margin-top: auto; }*/
}

/* SM - tablets */
@media (max-width : 768px)
{    
    .logo_app { width: 198px; height: 45px; margin-left: 10px;}
    .logo_img { width: 142px; height: 45px; }
    .navbar-header .navbar-header-top { margin-left: 10px; margin-right: 10px;}

    .page-intro-header { padding: 4%; }
    .page-intro-header, .page-intro-header .title { font-size: 1.2em; }
    .page-intro-header .logo_app {width: 251px; height: 57px;}
    
    .login-area .area { margin-top: 15px;}
    .login-help .area { padding: 0; margin-top: 0;}
    .login-help  { order: 1;-webkit-order: 1;}
    .chart_info { text-align: center;}
    
    #footer { padding: 10px 0 0 0; }
    #footer .list-with-heading  { padding-left: 0;}
    #footer .list-with-heading .title { margin-bottom: 5px;}
    
    .qualifChartArea { margin-left: auto; margin-right: auto;}
}

/* XS-Phones (480 ou 500) */ 
@media (max-width : 576px) 
{      
    .logo_app { width: 161px; height: 37px; }
    .logo_app_login { width: 204px; height: 47px;}
    .logo_img { width: 116px; height: 37px; }
    
    .navbar-header { padding-bottom: 10px;}
    .page-intro-header, .page-intro-header .title { font-size: 1em; }
    .navbar-header .navbar-header-top { margin-bottom: 0; margin-left: 0; margin-right: 0;}
    
    .page-intro-header { padding: 1%; }
    .page-intro-header .logo_app {width: 196px; height: 45px;}
    
    #footer ul li .republica-ico { height: 45px;}
    #footer ul li .capitalizar-ico { width: 57px; height: 37px;}
    #footer ul li .at-ico { width: 105px; height: 30px;}
    #footer ul li .bdp-ico { width: 73px; height: 35px;}
    #footer li:not(.list-with-heading) { width: 50%; }
    #footer li.list-with-heading { width: 100%; }
    #footer .footer_notes { text-align: left; padding-right: inherit;}
}
/* XS-telemovel*/
@media (max-width : 480px) 
{
    .logo_app { width: 129px; height: 30px; }
    .logo_img { width: 92px; height: 30px; margin-left: 20px;}
    
    #qualifChart, .qualifChartArea { max-width: 200px;}
        
    #footer .footer_notes { font-size: 0.6em;}
}
@media (max-width : 323px) 
{
    .logo_img { margin-left: 0px;}
    .navbar-header .navbar-header-top { margin-left: 0; margin-right: 0;}
    
    .ind-pos-tbl, .ind-pos-tbl .cell  { display: inline-block;  width: 100%;}
    .EvolucaoArea { margin-left: 0;}
    
    #footer li:not(.list-with-heading):nth-child(even) { text-align: right; }
}