@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;}
  
}

@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: 9998; 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 { font-size: 0.9em; /*font-family: Arial, Helvetica, sans-serif;*/ color: #777; background-color: #EEECF0; position: relative; }

/* header */
.logo_app { margin-top: 0; width: 220px; height: 50px;}
.logo_app_login { margin-top: 0; width: 331px; height: 76px;}
.logo_iapmei_img { margin-top: 0; margin-left: 30px; width: 118px; height: 37px;}
.logo_tp_img { margin-top: 0; margin-left: 30px; width: 106px; height: 37px;}
.login_img { width: 100%; height: auto; /*width: 534px; height: 506px;*/}
.navbar-default { border-radius: 0px; padding: 0;}
.navbar-header { width: 100%; padding-top: 10px;}
.navbar-header .navbar-header-top { margin-bottom: 5px; margin-left: 15px; margin-right: 35px;}
.navbar-header .title { color: white; font-size: 2em;}
    
/**/
#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: 8px 10px 5px 5px;*/
    padding: 0px 35px 10px 15px;
    color: white;
    /*border-top: 1px solid #dddddd;
    background-color: #f7f7f7;*/
}

.footer .copyright {
    font-size: 0.6em;
}
/*#footer { width: 100%; color: white; padding: 0px 35px 10px 15px; z-index:5; position: fixed; bottom: 0;}
#footer.static, body.static #footer { position: static ; bottom: auto; margin-top: auto; }*/

/**/
#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: 0; margin-left: 0;}
#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: 119px; height: 55px;}

#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-area .area, .login-help .area { padding: 0;}
.login-area .area { text-align: left;}
.login-area .area > div:first-child { vertical-align: middle; margin-right: auto; margin-left: auto;}
.login-area .area { margin-top: 20%;}
/*.login-help .area { margin-top: 25%;}*/

.login-area .btn-rounded { width: 100%;}
.login-area .btn { font-size: 1em;}
.login-area .title-main { font-size: 3em; font-weight: bold; text-align: center; border-bottom: 9px solid #C45550;}
.login-area .title-help { font-size: 1.2em; line-height: normal; text-align: center;}

.login-help ul { list-style: none;  padding-left: 10px; }
.login-help ul li { text-indent: -1.4em; margin: 0px; padding-left:10px; vertical-align: top;}
.login-help ul li:before { content: "■ "; font-weight:bold; font-size: 1.2em;}
.login-help ul ul { padding-left: 7px; }
.login-help ul ul li { padding-top: 10px;}


/* valid */
.validation-group, .validation-item { font-size: 0.9em; }
.lg .validation-group, .lg .validation-item { font-size: 1.2em; font-weight: bold;}
.validation-item:hover { cursor: help;}
.validation-group ul { padding-left: 20px;}
.validation-item { font-weight: bold; padding-left: 2px; }

.lstbullet_err_tit { color: White; margin-top: 5px; padding: 5px; 
                     display: inline-block; font-family: "Arial"; font-weight: bold; width: 100%;}
.lstbullet_err_lst { padding: 0px 0px 0px 25px; text-align: left;}

.btn-xs { font-size: 0.8em !important; line-height: inherit; padding: 0.15rem 0.3rem; }
.btn-xxs { font-size: 0.7em !important; line-height: inherit; padding: 0rem 0.2rem; }

/* links */
.cursor { cursor: pointer;}
a, a:focus { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none;}
a.help { border-bottom: 1px dotted;}
.ico-pr:before {padding-right: 3px;}

.link { color: #16A0C4; cursor: pointer;}
.link-btn { color: #16A0C4 !important; cursor: pointer;}
.link:hover, .link:focus { color: #72B8C5; }
.link:before, .link:after, .link-refresh:before, .ico:before { font-family: FontAwesome;}

.link-pr:before { padding-right: 5px;}
.link-ml:before { margin-left: 5px;}

.link-download:before {content: "\f019";}
.link-delete:before, .link-delete2:after { content: "\f00d";}
.link-form:before {content: "\f15c";}
.link-web:before { content: "\f0c1";text-decoration: none; display: inline-block;}

.link-delete, .link-delete2, .link-download { text-decoration: none !important;}

.close { color: #fff; }

.ico-baixo:after { content: '\f078';}
.ico-cima:after { content: '\f077';}

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,
.show-link, .show-link:hover, .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, .navbar-toggler-icon { color: #fff;}
.navMenu > li { padding-top: 2px; padding-bottom: 3px;}
.navMenu > li > a, .navbar-menubar .nav-link { margin: 0px 10px 5px 0px; padding: 0px 5px 0px 0px; text-decoration: underline; }
.navMenu > li > a, .navbar-menubar .nav-link { color: #fff !important; text-decoration: underline;}
.navMenu .dropdown-menu > li a:hover, .navbar-menubar .nav-link:hover { color: #fff !important; text-decoration: none; /*font-weight: bold;*/}
.navbar-menubar { border-top: 1px solid white;}

.navbar-menubar 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;
    border: solid 2px;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 35px;
}
    /*.backToTopBtn .arrow-up {
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg); //  for IE  
        // 	for browsers supporting webkit (such as chrome, firefox, safari etc.).
        -webkit-transform: rotate(-90deg);
        display: inline-block;
    }*/
.arrow-up:before {
    font-size: 2.9em;
    line-height: 0.8em;
    font-weight: 900;
    content: '\2191';
}

/* loading image css*/
.loader_wrapper {
    min-height: 70px;
    position: relative;
    text-align: center;
}
.loader_wrapper::after { 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; 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 {z-index: 9999;}
#dvProgress .load_modal_div { border-radius: 45px; padding: 10px 50px;}

.form-sep:not(:last-child) {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: solid 1px #ddd;
}

/* manual modal */
.baseModal {display: none;}
.load_man-modal_div[sz="cand"] .fixed-bottom { bottom: 5%;}
.load_man-modal_div { position: fixed; top: 5%; left: 5%; right: 5%; width: 90%; /*min-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.dark {background-color: #DFDFDF;}
.load_man-modal_div .modal-heading { color: #44718F !important; border-bottom: 2px solid #44718F !important; padding: 10px 0px;}
.load_man-modal_div .modal-title { color: #44718F !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: 9998;}
.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 -> 	
*/
.tooltip { font-size: 0.8em;}
.tooltip.show { z-index:9999;}
.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; }
.tooltip-inner {
    /* forçar as tooltips do bootstrap 4.3.1 a ficarem alinhadas à esquerda*/
    text-align: left !important;
}
.field-tooltip:hover { cursor: help;}

.label-tooltip, .label-tooltip:hover { font-size: 0.8em; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 3px;
                                       text-align:center; display: inline-block; vertical-align:middle; 
                                       line-height: 1; text-decoration: none; color: white; 
                                       border: 2px solid transparent; background-color:#595959; border-radius: 3px;
                                       }
.label-tooltip:before{ content: 'i';}
.label-tooltip:hover { cursor: help;}

a.ico:not(.link-u), a.ico:not(.link-u):before { text-decoration: none;}
.ico:before, .ico:after { font-family: FontAwesome; font-size: inherit;}
.ico.p:before { padding-right: 6px;}
.ico-regularizada:after { content: "\f058"; color: #28a745;}
.ico-nao-regularizada:after { content: "\f071"; color: #fd7e14;}
.ico-sem-validacao:after { content: "\f059"; color: #6c757d;}
.ico-regularizada:hover, .ico-nao-regularizada:hover, .ico-sem-validacao:hover { cursor: help;}
.form-check .ico-left { margin-left: -24px; margin-right: 30px;}
.ico-refresh:before { content: "\f021"; padding-right:3px;}

/**/
.color-alt {
    color: white;
}
.title:not(.simple) { font-weight: bold; }

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

.bar-effect {padding-left: 25px !important; padding-right: 25px !important;}
.bar-effect.card-title, .bar-effect-mb { margin-bottom: 40px;}
.baseModal .bar-effect.card-title { margin-bottom: 15px;}

/* intro */
.info-area {background-color: #E3E3E3;}
.info-box  {background-color: #F7F7F7; border: 1px solid #CDCDCD; }
                        
/** card **/
.card { border:0;}
.card-body { padding:0;}

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

.faded img {
    opacity: 0.3;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: url(resources.svg#desaturate); /* older Firefox */
    filter: grayscale(1); /* Microsoft Edge */
    filter: grayscale(100%); /* Current Firefox/Chrome */
}

.faded .card-header * {
    color: #B1B1B1 !important;
}

.faded .card {
    border-color: #C1C1C1 !important;
}

.faded .card-header {
    border-bottom-color: #D4D4D4;
}

.faded .faded-bkg .card-header {
    border-bottom-color: #C1C1C1;
    border-bottom-width: 1px;
}

.faded .card-header a[data-toggle="collapse"] {
    display: none;
}

.faded .faded-bkg, .faded.faded-bkg,
.noPadding .collapse .bodyPadding:not(.no-bkg),
.noPadding .bodyPadding.open,
.noPadding .bodyPadding.faded-bkg {
    background-color: #DFDFDF; /*#DFDFDF #F4F4F4*/
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.faded .cardv2 .card-body, .faded.cardv2 .card-body {
    border-top-color: #C1C1C1;
    border-top-width: 1px;
}

.faded .card-body:not(.hasDetail:not(.text-err-ligacao)) {
    padding: 0;
}

.faded .card-body .text-err-ligacao {
    padding: 0.85rem 0.85rem 0.55rem 0.85rem;
}

.faded .noProdRecords {
    display: block;
    color: #B7B7B7 !important;
    vertical-align: central;
}
.card-bkg-dark {
    background-color: #2a2a2a;
    color: #fff;
}

.card-bkg {
    background-color: #F3F3F3;
    padding: 1px;
}

    .card-bkg .card:not(:last-child) {
        margin-bottom: 10px;
    }
tr:hover td.card-bkg {
    background-color:rgba(0,0,0,.075);
}

.areaConfEmail h5 { font-weight: bold;}
.areaConfEmail [data-toggle="tooltip"] { cursor: help;}
.areaConfEmail { color: #717175; margin-left: auto; margin-right: auto; background-color: white;}

/**/
.notas, .notas-wrn, .notas-err, .notas-destaque, .text-small {
    font-size: 0.75em;
}

.notas, .notas-wrn, .notas-err, .notas-destaque, .title-inactive {
    font-weight: normal;
    color: #A3A3A3;
    background-position: center;
    text-decoration: none;
}

th .notas {
    font-size: 0.8em;
    font-weight: normal;
}

.header-det-destaque .notas {
    color: inherit;
}

.lbObrigatorio, .lbObrigatorio1Opt {
    font-size: 0.7em;
    display: block;
    background-position: center;
    text-decoration: none;
}
    .lbObrigatorio.ib, .lbObrigatorio1Opt.ib {
        display: inline-block;
    }
    .lbObrigatorio:after {
        content: 'Campos de preenchimento obrigatório';
    }

    .lbObrigatorio1Opt:after {
        content: 'Preencha apenas 1 das opções, consoante a aplicável';
    }

    .lbObrigatorio:before, .lbObrigatorio1Opt:before {
        margin-right: 3px;
    }

    .lbObrigatorio, .lbObrigatorio:before, .obrigatorio:before, 
    .lbObrigatorio1Opt, .lbObrigatorio1Opt:before, .obrigatorio1Opt:before {
        color: #A3A3A3;
    }
        .obrigatorio:before, .lbObrigatorio:before {
            content: '*';
        }
    
        .obrigatorio1Opt:before, .lbObrigatorio1Opt:before {
            content: '*1';
        }

.obrigatorio:before, .obrigatorio1Opt:before {
    font-size: 0.7em;
}

.obrigatorio2:after {
    content: '*';
    color: #A3A3A3;
    margin-left: 3px;
}

.label-fake-area:not(.fit), .label-fake-area-sm:not(.fit) {
    width: 100%;
    white-space: pre-wrap;
}
 .label-fake-area, .label-fake-area-sm {
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid #ccc;
    display: inline-block;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: .25rem;
}

    .label-fake-area.normal-wrap {
        white-space: normal;
    }
    .label-fake-area.alert-warning, .label-fake-area-sm.alert-warning {
        background-color: #fff3cd !important;
    }

    .label-fake-area-sm {
        padding: 2px 6px;
        min-height: 25px;
        font-size: 0.9em;
    }

ol.box {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
}

    ol.box > li:before {
        content: counter(li); /* Use the counter as content */
        counter-increment: li; /* Increment the counter by 1 */
        /* Position and style the number */ position: absolute;
        top: -2px;
        left: -2em;
        width: 2em; /* Some space between the number and the content in browsers that support
                                	   generated content but not positioning it (Camino 2 is one example) */
        margin-right: 8px;
        padding: 4px 2px;
        color: #fff;
        /*background: #f27900;*/
        font-weight: bold;
        text-align: center;
    }

    ol.box li {
        position: relative; /* Create a positioning context */
        margin: 10px 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
        padding: 4px 8px; /* Add some spacing around the content */
        list-style: none; /* Disable the normal item numbering */
    }

ul.perc-list {
    list-style: none;
    padding-left: 0px;
    font-size: 0.8em;
}

    ul.perc-list.c2 {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    ul.perc-list.c3 {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }

    ul.perc-list li {
        border-radius: 4px;
        border: 1px solid #ddd;
        padding: 5px;
        vertical-align: top;
        width: 100%;
        display: inline-block;
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        -o-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid-column;
    }

        /*ul.perc-list li .text-perc {
            font-weight: bold;
            font-size: 1.1em !important;
        }*/

.perc-div {
    display: inline-block;
    width: auto;
    border-radius: 4px;
    border: 1px solid #EAEAEA;
    padding: 2px 3px;
    vertical-align: top;
    font-size: 0.8em;
}
    .perc-div .text-perc {
        font-weight: bold;
        font-size: 0.9em !important;
        /*text-align: center;*/
    }

.card-bkg-dark ol.box > li:before {
    color: inherit;
    background: transparent;
    border: solid 1px #fff;
}
.card-bkg-dark ol.box > li {
    font-size: 0.9em;
}
.badge-sizeBig {
    font-size: 1.2em;
}
.badge-white {
    background-color: #fff;
}
.card-bkg-aviso .badge-white {
    background-color: transparent;
    color: #fff;
    /*font-size: 1em;*/
    border: 1px solid #fff;
    line-height: 1.4em;
}


/* cores */
.body_background {
    /*background: linear-gradient( 130deg, #44718F 3%, #6A9BC8 45%, #6A9BC8 80%, #44718F 100%);*/
    /*background: linear-gradient( to right, #44718F 3%, #6A9BC8 45%, #6A9BC8 90%, #3E73A7 100%);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 3000px 1000px;*/
    background-color: #B7DCE8;
}
.card-bkg-aviso {
    background-color: #2D78A1;
    color: #fff;
}
/* cor: base */
.lds-ripple div {
    border-color: #44718F;
}
.load_man-modal_div .modal-title, .load_man-modal_div .modal-heading {
    color: #44718F !important;
}
.load_man-modal_div .modal-heading, a.help {
    border-bottom-color: #44718F !important;
}
.load_man-modal_div .cardv2 > .card-footer {
    background-color: transparent;
}
.title, .loader_wrapper::after, a, a:focus, .login-help ul {
    color: #44718F;
}
.navbar-default, .modal-header, /*.dropdown-menu,*/ #footer {
    background-color: #44718F;
}

/* cor: base light */
a:hover {
    color: #70A7CB;
}

/* cor: azul claro */
a.light, a.light:focus {
    color: #2D78A1;
}
.card .card-title.title {
    background-color: #2D78A1;
}
.backToTopBtn {
    border-color: #2D78A1;
}

.notas-destaque, a:not([href]).notas-destaque, .title-destaque, .badge-white, .backToTopBtn, .table th {
    color: #2D78A1;
}

.table th {
    border-bottom-color: #2D78A1 !important;
}

/* cor: alerta */
.validation-group, .validation-item, .login-help ul ul li:before, .login-help .title, .notas-wrn, .text-wrn {
    color: #B74847; /*#f47400*/
}
.notas-err {
    color: #B74847 /*#BB0000; via-se mal o laranja no fundo azul*/
}
.lstbullet_err, .lstbullet_err_lst { color: #B74847;} /*#DC6414*/
.lstbullet_err_tit { background-color: #B74847; }

a.wrn, a.wrn:focus {
    color: #B74847;
}
a.wrn:hover {
    color: #9B3C3C;
}
/*a.btn:not([href]):not([tabindex]) {
    color: white;
}*/

/* cor: alerta2 */
.login-area .validation-group {
    color: #f47400; /*via-se mal o vermelho no fundo azul*/
}
.validation-group.alt, .alt .validation-item {
    color: #f47400; 
}

.est-danger .estado, .input-danger {color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;}
.est-info .estado, .input-info  {/*color:#856404;background-color:#fff3cd;border-color:#ffeeba;*/ color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.est-success .estado, .input-success  {color:#155724;background-color:#d4edda;border-color:#c3e6cb;}
.input-alert  {color:#856404;background-color:#fff3cd;border-color:#ffeeba;}

.tbl_pager { padding-top: 4px; padding-bottom: 2px; text-align: right;}
.tbl_pager .tbl_wrapper { display: inline-block;}
.tbl_pager .tbl_wrapper * { float: left; line-height: 16px; }
.tbl_pager .tbl_wrapper select { width: auto; }
.tbl_pager .tbl_wrapper select { height: 25px; }
.tbl_pager span, .tbl_pager a { margin: 4px; }
.tbl_pager a { display: block; padding: 0 5px 2px 5px; color: #B1B1B1; border: 1px solid #B1B1B1; 
               font-weight: bold; font-size: 0.8em; text-align: center; vertical-align: middle;  text-decoration: none; border-radius: 0.3em;}
.tbl_pager a:hover { background-color: #B1B1B1; color: white; }

/* gravação dos dados */
.msg-gravacao-off {
    display: none;
}

.msg-gravacao-on {
    display: inline-block;
    margin: 0px 5px 0px 5px;
    padding: 3px;
    background-color: #DC6414;
    color: white;
}

    .msg-gravacao-on .blink {
        background-color: white;
        color: #DC6414;
    }
/*==========  Configurações específicas por tipos de ecrãs  ==========*/

/* multi-select */
.form-control.bootstrap-select {
    height: auto;
    margin-bottom: 1px;
}
select.form-control-sm {
    height: calc(1.2em + .5rem + 2px);
    font-size: .8rem;
}

.bootstrap-select > .dropdown-toggle {
    white-space: normal;
    background-color: transparent;
    border: solid 1px #ced4da;
}

.dropdown-menu.show {
    z-index: 1040;
}

.table {
    color: inherit;
}   

    .table tr.collapse td {
        padding: 0;
    }

    .table tr.collapse.show td {
        border: none;
    }

    .table .form-group:not(:last-child), .text-xs .form-group:not(:last-child) {
        margin-bottom: 4px;
    }

.table-bordered td.sameR, .table-bordered th.sameR {
    border-left: none;
}

.table-bordered td.sameL, .table-bordered th.sameL {
    border-right: none;
}

.table-text-xs:not(.table-bordered) th, .table-text-xs tr:first-child td,
.table-text-sm:not(.table-bordered) th, .table-text-sm tr:first-child td,
.table-hr-noborder th, .table-hr-noborder tr:first-child td {
    border-top: none;
}
.table-text-sm td {
    font-size: 0.8em !important;
}

.table-xs td, .table-xs th {
    padding: .1rem
}

.table-text-xs th {
    font-size: 0.8em !important;
}

.table-text-xs td, .text-xs {
    font-size: 0.75em !important;
}

.table-text-xs .ico-plus:before {
    font-size: 1.7em;
}

.table-text-xs td {
    line-height: 2em;
}
.table-spaced {
    border-collapse: separate;
    /*border-spacing: 5px;*/
}
.table-th-dark tr th {
    background-color: #EAEAEA;
}

.table tr.line-parent td{ border-bottom: none;}
.table tr.line-child td{ border-top: none; padding-top: 0;}
tr.align-bottom td { vertical-align: bottom;}
td.ok { background-color: #E4F1E4;}
td.wrn { background-color: #fff3cd;}
td.nok { background-color: #FCCFCF;}

#progress-wrp {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    height: 30px;
    border-radius: 3px;
    margin: 10px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

    #progress-wrp .progress-bar {
        height: 100%;
        border-radius: 3px;
        background-color: #f39ac7;
        width: 0;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    }

    #progress-wrp .status {
        top: 3px;
        left: 50%;
        position: absolute;
        display: inline-block;
        color: #000000;
    }

/**/
/* cards indicadores*/
.card.ind2 { margin-bottom: 10px; border:1px solid rgba(0,0,0,.125);}
.card.ind2 hr { margin: 5px 0;}
.card.ind2 .card-body { padding: 2px 10px 8px 10px; }
.card.ind2 .text-perc { font-size: 0.75em; white-space: nowrap; display: inline-block; min-width: 35px; padding-left: 5px;}
.card.ind2 .text-perc:after { content: '%';}
.card.ind2.bg-universo {background-color: #EEECF0;} /*#EEECF0*/ /*#F0F7FB*/
/**/
.card.ind { color: white; margin-bottom: 10px; border: 1px solid rgba(0,0,0,.125);}
.card.ind hr { margin: 5px 0; border-top:1px solid rgba(0,0,0,.05)}
.card.ind .card-header{background-color:rgba(0,0,0,.03); border-bottom:1px solid rgba(0,0,0,.125)}
.card.ind .card-header .card-title {}
.card.ind .card-body { padding: 2px 10px 8px 10px; text-align: right; }
.card.ind .card-title {font-size: 1.2em; font-weight: bold; color: white;}
.card.ind .p-euro { padding-right: 7px; }
.card.ind .p-euro-perc { padding-right: 12px; }
.card.ind .text-perc { font-size: 0.75em; white-space: nowrap; display: inline-block; min-width: 35px; padding-left: 5px;}
.card.ind .text-perc:after { content: '%';}
.card.ind.bg-tot { background-color: #B2B2B2;}
.card.ind.bg-subm { background-color: #89B3C7; } /* azul claro: #89B3C7*/
.card.ind.bg-valid { background-color: #4E88A5; } /*azul: #5693AF roxo: #9787B6;*/
.card.ind.bg-pago { background-color: #365C70; } /*verde: #58AF7D*/
.card.ind.bg-pend { background-color: #C2AF83; } /*#D6B567*/
.card.border {border:1px solid rgba(0,0,0,.125);}

/* LG - ecrãs grandes */
@media (max-width : 1200px) {
    /*.login_img { width: 80%; height: auto;}*/
    .login-help .area { margin-top: 25%;}
}
@media (min-width: 1200px) {
    /*.login_img { width: 100%; height: auto;}*/
}
/* MD - ecrãs médios */
@media (min-width: 992px) {
    
    .load_man-modal_div[sz="cand"] {
        min-height: 70%;
        max-height: 90%;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .load_man-modal_div[sz="inherit"] {
        width: inherit;
        min-width: 50%;
        max-width: 95%;
        height: inherit;
        max-height: 95%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width : 992px) {
    
    #footer ul li:not(:last-child) { padding-right: 23px; }
    #footer ul li .republica-ico { width: 110px; height: 50px; background-size: 100%;}

    /*.login_img { width: 100%; height: auto;}*/
}
@media (max-width : 900px)
{   
    #footer { padding-left: 0px; }
    
}
@media (min-width : 768px) {
        
}
@media (max-width : 768px), (max-height:768px) 
{   
    /*body {margin-bottom: 60px;}*/
    
    .navbar-header .title { font-size: 1.4em; }
    #footer:not(.static) { margin-top: auto; }
}

/* SM - tablets */
@media (max-width : 768px)
{    
    .logo_app { width: 198px; height: 45px; margin-left: 10px;}
    .logo_iapmei_img { width: 95px; height: 30px; }
    .logo_tp_img { width: 84px; height: 30px; }
    .navbar-header .navbar-header-top { margin-left: 10px; margin-right: 10px;}
    
    .login-area .area { margin-top: 0;}
    .login-help .area { /*padding: 0;*/ margin-top: 0;}
    .login_img { width: 40%; height: auto;}
    /*.login-help  { order: 1;-webkit-order: 1;}*/
    
    .login-area .title-main { font-size: 2em;}
    .login-area .title-help { font-size: 1.2em;}

    #footer { padding: 10px 0 0 0; }
    #footer .list-with-heading  { padding-left: 0;}
    #footer .list-with-heading .title { margin-bottom: 5px;}
 }

/* XS-Phones (480 ou 500) */ 
@media (max-width : 576px) 
{      
    .logo_app { width: 161px; height: 37px; }
    .logo_app_login { width: 204px; height: 47px;}
    
    .navbar-header .navbar-header-top { margin-bottom: 0; }
    .navbar-header .title { font-size: 1.4em; }

    #footer ul li .republica-ico { width: 98px; height: 45px;}
    #footer li:not(.list-with-heading) { width: 50%; }
    #footer li.list-with-heading { width: 100%; }
    #footer .footer_notes { text-align: left; padding-right: inherit;}
    /*#footer { position: relative; }*/
    #footer.static, body.static #footer { position: relative;}

    ul.perc-list.c2, ul.perc-list.c3 {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}
/* XS-telemovel*/
@media (min-width : 480px) {
    .form-check-md .form-check-input {
        /* Double-sized Checkboxes */
        -ms-transform: scale(1.5); /* IE */
        -moz-transform: scale(1.5); /* FF */
        -webkit-transform: scale(1.5); /* Safari and Chrome */
        -o-transform: scale(1.5); /* Opera */
        padding: 10px;
    }
    .form-check-lg .form-check-input {
        /* Double-sized Checkboxes */
        -ms-transform: scale(2); /* IE */
        -moz-transform: scale(2); /* FF */
        -webkit-transform: scale(2); /* Safari and Chrome */
        -o-transform: scale(2); /* Opera */
        padding: 10px;
    }

    .form-check-lg .form-check-label {
        font-size: 1.2em;
    }
    
}
@media (max-width : 480px) 
{
    .logo_app { width: 129px; height: 30px; }
    .logo_iapmei_img { margin-left: 20px;}
    
    #footer .footer_notes { font-size: 0.6em;}
}
@media (max-width : 323px) 
{
    .logo_iapmei_img { margin-left: 0px;}
    .logo_tp_img { margin-left: 10px;}
    
    #footer li:not(.list-with-heading):nth-child(even) { text-align: right; }
    
}