/* 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 { height: 100%; position: relative; min-height: 100%;}
body { /*position: relative; margin: 0;*/ padding-bottom: 70px; min-height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em;}
body { background-color: #FBFBFB; color: #777;}

#content { padding-right: 2%; padding-left: 2%;}
#footer { /*position: absolute; bottom: 0;*/ }

/* navbar */
.navbar-header { width: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); 
                 /*padding-bottom: 15px;*/ border-bottom: 3px solid #E05C5C;}
.navbar-header-right { float: right !important; padding-right: 5px;}
.navbar-default { border-radius: 0px;}
.page-navbar { border-top: none; border-right: none; border-left: none;}
.page-navbar { width: 100%; }
ul.navbar-nav a { text-decoration: none; }
/**/
/*.navbar-default { background-color: white;}
.navbar-default .container-fluid { padding: 0px;}
.navbar-collapse { padding-right: 0px; padding-left: 0px;}
*/

/* header */
.logo_app { padding-top: 10px; padding-left: 10px;}
.header_logo { /*text-align: right;*/ }
.navHeader { float: left; margin-bottom: 15px;}
.navHeader:after { clear: both;}

.header_apps {  }
.header_app_tit { color: #5F5F61; font-size: 2.2em; display: block;}
.header_app_child_tit { color: #78787A; font-size: 1.4em; display: block; text-align: center; }

.dropdown-header { font-size: 1em; background-color: #F2F2F2; }
.dropdown-menu li a { font-size: 0.9em; color: #777;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus { background-color: inherit; /*font-weight: bold;*/ color: #000000; }

/* footer */
#footer
{
    width: 100%;
	min-height: 49px;
	color: #828282;
		
	/* Mozilla: */
	background: -moz-linear-gradient(top, #FFFFFF, #E2E2E2 85%);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear,
            left top, left bottom, from(#FFFFFF), to(#E2E2E2), color-stop(0.85, #E2E2E2));
    /* IE */
	filter: progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#FFFFFF, endColorstr=#E2E2E2, gradienttype=0);
	background: -o-linear-gradient(top, #FFFFFF 0%, #E2E2E2 85%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #E2E2E2 85%); /* IE10+ */
}
.footer-inner { padding-top: 7px; background: url(../img/line-top-inner.png) repeat-x 0 0; padding-left: 10px;}
#footer .footer_notes { display: inline-block; width: 100%; float: right; text-align: right; font-size: 10px; background-position: center; padding-right: 10px; }
#footer ul { list-style: none; list-style-position: outside; padding-left: 10px;}
#footer ul li { font-size: 11px; padding-right: 18px; color: #7c7c7c; background: transparent; text-transform: uppercase; float: left; }
#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; margin-right: 20px; }
#footer ul li a:hover { color: #333; }

#footer ul li .startup-ico { width: 144px; height: 37px;}
#footer ul li .republica-ico { width: 101px; height: 37px;}
#footer ul li .compete-ico { width: 109px; height: 37px;}
#footer ul li .pt2020-ico { width: 110px; height: 37px;}
#footer ul li .ue-ico { width: 111px; height: 37px;}

/* tooltips */
.ui-helper-hidden-accessible { display:none; }
.tit-help, .tit-area-grey { /*font-size: 1em;*/ background-color: #F7F7F7/*#EAEAEA*/; padding: 3px 5px; border: 1px solid #ddd; 
            border-radius: 4px;}
/* 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; font-size: 12px; -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: 0.8em; z-index:100; }
body .ui-tooltip { border-width: 0px; }
.badge-tooltip, .badge-tooltip:hover { margin-left: 5px; font-size: 1em; font-weight: bold; text-align:center; 
                                       line-height: 1; text-decoration: none; padding: 0px 3px; color: white; 
                                       border: 2px solid transparent; background-color:#9E9E9E; border-radius: 7px; 
                                       }
.label-tooltip, .label-tooltip:hover { margin: 0px 3px 4px 0px; text-align:center; 
                                        vertical-align:middle;
                                       line-height: 1; text-decoration: none; padding: 1px 4px; color: white; 
                                       border: 2px solid transparent; background-color:#595959; border-radius: 3px;
                                       }
.label-tooltip:hover, .tit-help:hover { cursor: help;}

/**/
.form_tab { display: none; margin-right: auto; margin-left: auto; border: 1px solid #DADADA; background-color: White; }
.form_tab:after { clear: both;}
.form_tab  { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19); }
.form_tab.active { display: block; }
.form_tab .form_header { border-bottom: 3px solid #E05C5C; }
.form_tab .btn-primary { background-color: #E05C5C; border-color: #D83434; }
.form_tab .btn-primary:hover { background-color: #D83434; border-color: #D83434; }
.form_tab .btn { border-radius: 0px;}
.form_tab .title { font-weight: bold;}
.form_tab:after {clear: both;}

.tab-grey .form_header { border-bottom-color: #B8B7B9; }
.tab-grey .tab-group .active, .tab-grey .tab-group .active:hover { background-color: #B8B7B9; }

.form_header { color: white; display: inline-block; width: 100%; }
.form_body { padding: 10px 10px 15px 10px;}
.form_body .form-group { padding-right: 10px;}
.form_body *, .form-group-normal { font-size:1em;}
.form_body .label-login { font-weight: normal; margin-top: 8px; margin-bottom: 0px;}
.form_body .input-login { display: block; outline: 0; /*background: #f2f2f2; border: 0;*/ border: 1px solid #DADADA; padding: 15px; border-radius: 0px;}
.form_body .input-login:focus { /*border: 1px solid #CCD0D0;*/ border-color: #EF6B6B; }
.form_body .input-login-sm { padding: 8px; }
.form_body:after, .form_body_content:after {content: ""; display: table; clear: both; }

.form_body_content { display: none;}
.form_body_content.active { display: inline-block !important; width: 100%; }

.form_login, .form_registo { font-size: 1.2em;}
.form_login .login-table, .form_registo .login-table { float: left; width: 50%; }
.form_login .login-help, .form_registo .login-help { float: left; width: 50%; font-size: 0.9em;}

.form-small .tab-group li { padding: 5px 10px; font-size: 1.2em;}

/* valid */
.validation-group, .validation-item { color: #EA8E13; font-size: 0.9em;}
.validation-item:hover { cursor: help;}
.validation-item:before { font: normal normal normal 14px/1 FontAwesome;  content:'\f071';}
.validation-group ul { padding-left: 20px;}
.validation-item { font-weight: bold; padding-left: 2px; }

/* multi-select */
.multiselect, .multiselect-container { color: #777; font-size: 0.8em;}
.multiselect-container a { text-decoration: none !important; }

/* http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/ */
.login-help ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */
                 padding-left:0; /* Remove the default left padding */}
.login-help ol > 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:#EF6B6B; font-weight:bold; text-align:center; }
.login-help ol 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 */ }

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

.form_registo .input-login { padding: 5px;}

/**/
.tab-group { list-style: none; padding: 0; margin: 0 0 0 0;}
.tab-group:after { content: ""; display: table; clear: both; }
.tab-group li { display: block; text-decoration: none; padding: 15px;
                  color: #ACACAE; font-size: 1.4em; float: left; text-align: center;
                  cursor: pointer; -webkit-transition: .5s ease; transition: .5s ease; }
.tab-group li:hover { background: #EF6B6B; color: #ffffff; }
.tab-group .active, .tab-group .active:hover { background: #E05C5C; color: #ffffff; }

/* links */
a.no-link { text-decoration: none !important; color: #777 !important; cursor:default; }
a, .link { color: #E05C5C; text-decoration: underline; cursor: pointer; }
a:hover, a:focus, .link:hover, .link:focus { color: #EF6B6B;}
.link { cursor: pointer; display: inline-block;}
.link-no-border {border: none !important;}
.link:before, .link:after { font: normal normal normal 14px/1 FontAwesome;}
.link-home:before { content: "\f015";}
.link-close:before {content: "\f2d3";}
.link-sair:before {content: "\f08b"; padding-right: 5px; text-decoration: none;}
.link-register:before {content: "\f007"; padding-right: 5px; text-decoration: none;}
.link-add-list {text-decoration: none;}
.link-add-list:before {content: "\f08e";}
.link-link:after{content:"   \f08e";}
.link-delete:before, a.link-delete:before { content: "\f00d"; margin-left: 15px;}
a.link.link-delete { text-decoration: none !important; }
.link-menu {color: white; background: #E05C5C; margin-top: -15px; padding: 10px 10px 3px 15px; white-space: nowrap; text-decoration: none;
            border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
.link-menu:hover { color: White; /*background-color: #2787DE;*/ text-decoration: underline;}

.link-detail:before { /*border: 1px solid; padding: 3px 8px;*/ }
.link-detail.big:before { font-size: 1.6em; }
.link-detail-plus:before { content: "\f0fe"; }
.link-detail-minus:before { content: "\f146"; }
.link-detail-plus:before, .link-detail-plus, .link-detail-minus:before, .link-detail-minus { text-decoration: none; }

.badge_icon { margin-left: 6px; border-bottom-left-radius: 0px;border-bottom-right-radius: 4px;
              border-top-right-radius: 4px; border-top-left-radius: 4px; }

/* back to top*/
.backToTopArea { display: none; }
a.backToTopBtn, a.backToTopBtn:hover, a.backToTopBtn: visited { text-decoration: none; color: #337ab7 !important;}
a.backToTopBtn i { font-size: 1.2em; }

/* loading image css*/
.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; }
/* 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: #E05C5C !important; border-bottom: 2px solid #E05C5C !important; padding: 10px 0px;}
.load_man-modal_div .modal-title { color: #E05C5C !important; padding: 0px;}
.load_man-modal_div .modal-content-area { padding: 10px 10px 15px 10px;}

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

/* paginação: grey*/
.tbl_pager { display: inline-block; width: 100%; background-color: #eeeeee; border-radius: 4px; padding-top: 2px; margin-top: 4px; padding-bottom: 2px;}
.tbl_pager * {float:left;}
.tbl_pager .pager_wrapper {border: 0;  padding: 4px;}
.tbl_pager a { display:block; line-height:16px; padding-left: 5px; padding-right: 5px; color: #747474; border:1px solid #747474; font-weight:bold; text-align:center; text-decoration:none; border-radius: 0.3em;}
.tbl_pager a:hover { background-color: #B1B1B1;}
.tbl_pager .pager_btn a:hover, .tbl_pager_itr .pager_btn a:hover { color: white; }
.tbl_pager span { display:block; line-height:16px; padding-left: 5px; padding-right: 5px; background-color:#747474; border:1px solid #747474; color:#FFFFFF; font-weight:bold; text-align:center; text-decoration:none; border-radius: 0.3em;}
.tbl_pager .pager_btn a, .tbl_pager_itr .pager_btn a { color: #B1B1B1; border:1px solid #B1B1B1; }
.tbl_pager .pager_tit { line-height:16px; color: #747474; border:none; background-color: transparent; }

/* 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;
}

/* table */
.table { }
.table-sm th, .table-sm td { padding: 4px 6px !important;}
.table-striped, .table-bordered th, .table-bordered td { border-color: #EF6B6B !important; }
.table-bordered .tf td { font-weight: bold; }
.table-bordered th { vertical-align: middle !important;}
.table-bordered td { /*border-bottom-style: dotted !important; border-top-style: none !important;*/}
/*.table-bordered t2d:last { border-bottom-style: solid !important;}*/
.table-striped > tbody > tr:nth-of-type(odd), .table-bordered .tf td { background-color: #F8F8F8;}

/**/
.myform .panel-heading { border-color: #E05C5C; }
.myform .panel-heading .panel-title { color: #E05C5C;}
.myform .sub-title { font-size: 1.1em; font-weight: bold; }
.myform .table-striped, .myform .table-bordered th, .myform .table-bordered td { border-color: #ddd !important; }
.myform .table-bordered th { background-color: #f5f5f5; }

.myformDefault .panel-heading { border-color: #777 !important; }
.myformDefault .panel-heading .panel-title { color: #777 !important;}
.myformDefault .panel-body { background-color: white;}

/* notas */
.lbObrigatorio {font-size: 0.8em; display: block; background-position: center; text-decoration: none; }
.lbObrigatorio:after { content: 'Campo de preenchimento obrigatório';}
.lbObrigatorio, .lbObrigatorio:before { color:#A3A3A3; }
.obrigatorio:before, .lbObrigatorio:before { content:'*'; color:#A3A3A3;}
.lbObrigatorio:before, .obrigatorio:before { margin-right: 3px;}

.lbConfidencial {font-size: 0.8em; display: block; background-position: center; text-decoration: none; }
.lbConfidencial:after { content: 'Esta informação não ficará disponível ao empreendedor';}
.lbConfidencial, .lbConfidencial:before { color:#EF6B6B; }
.confidencial:before, .lbConfidencial:before { content:'*'; color:#EF6B6B; }
.lbConfidencial:before, .confidencial:before { margin-right: 3px;}

.lbObgtVisa {font-size: 0.8em; display: block; background-position: center; text-decoration: none; }
.lbObgtVisa:after { content: 'Campo de preenchimento obrigatório (StartupVisa)';}
.lbObgtVisa, .lbObgtVisa:before { color:#3498db; }
.obgtVisa:before, .lbObgtVisa:before { content:'*'; color:#3498db;}
.obgtVisa:before, .lbObgtVisa:before { margin-right: 3px;}

.label-fake-area { width:100%; display: inline-block; min-height: 30px; 
                        background-color: #EEEEEE; /*padding: 2px 6px;*/ padding: 5px 10px;
                        border: 1px solid #ccc; white-space: pre-wrap;}


/* bootstrap */
/* wrap no texto dos botões */
.btn { white-space: normal; }
.btn-filter { border: 1px solid #EF6B6B; padding: 3px 5px; /*border-radius: 4px;*/ text-decoration: none; 
              display: inline-block; margin: 2px; }
.btn-filter.active { background-color: #EF6B6B; color: White;}

.panel-title, .panel .panel-title { font-family: "Arial"; font-weight: bold; color: #777; }
.panel-title-destaque { color: #E05C5C !important;}
.panel-no-pad { padding-right: 0px; padding-left: 0px;}
#Inicio .panel-title, .form-title-destaque .panel-title { color: #E05C5C;}
.sub-panel .panel-heading { font-weight: bold; border-bottom-width: 1px; border-bottom-color: #ddd;}

.border-bottom { display: inline-block; width: 100%; margin-bottom: 5px; border-bottom: 1px solid #777;}
.control-label { font-weight: normal; }
.form-multifield {}
.form-multifield .control-label { /*display: block;*/}
.form-horizontal { margin-right: 15px; margin-left: 15px; }
.form-horizontal .form-group { margin-bottom: 4px;}
.form-horizontal { margin-bottom: 10px;}
.form-horizontal .control-label { text-align: left; }
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 0px;}
.form_body .form_body_content .form-group {padding-right: 0px;}

.form-control, .form-group-sm .form-control { display: block; outline: 0; /*border: 1px solid #DADADA;*/ border-radius: 0px; 
                -webkit-box-shadow: none;
                      box-shadow: none;
              -webkit-transition: none;
                   -o-transition: none;
                      transition: none;}
.form-control:focus, .form-group-sm .form-control:focus { /*border: 1px solid #CCD0D0;*/ border-color: #EF6B6B;
                       -webkit-box-shadow: none;
                               box-shadow: none; }

.panel { border-radius: 0px; background-color: #FBFBFB;}
.panel-no-border { box-shadow: none;}
.panel .panel-heading { display: inline-block; width: 100%; }
.panel .panel-heading .btn { padding-top: 2px; padding-bottom: 2px; font-size: 0.9em; }
.panel-sm .panel-heading { padding: 5px 10px; }
.panel-sm .panel-body { padding: 5px; margin: 0px 5px 5px 5px; }
.panel-sm .panel-body-sm { font-size: 0.8em; }
.panel-body { margin-right: 0px; margin-left: 0px; margin-bottom: 0px; }
.panel-heading-EmlConvite { padding: 0px 0px 10px 0px; }

/**/
.notas, .notas-wrn {font-size: 0.9em; color: #A3A3A3; background-position: center; text-decoration: none; }
.notas-wrn { color: #EA8E13;}
.panel-title .notas { font-weight:normal; font-size: 0.7em; padding: 0;}
.panel-body .notas { font-weight:normal; font-size: 0.7em; padding: 0;}
.mentores-filter, .empreend-filter { margin-bottom: 10px;}
.mentores-filter .btn-filter { max-width: 30%;}
.empreend-filter .btn-filter { max-width: 45%;}

/* mentores */
.tab-mentores, .tab-empreendedor { float: left; width: 48%; margin-right: 2%; margin-bottom: 4%; }
.tab-mentor-det, .tab-mentor-convite { float: left;  width: 100%;}
.panel-margin-mentor { margin-bottom: 20px !important; }

.ment-detalhe, .ment-ativa { color: #E05C5C; text-decoration: underline; cursor: pointer; }
.ment-detalhe:hover, .ment-detalhe:focus { color: #EF6B6B;}
.ment-mentorias { text-align:center; }
.filter-mentor-sm .btn { padding: 2px 4px; font-size: 0.9em; }
.filter-mentor-sm .panel-heading { padding: 0px; display: inline-block; width: 100%; }
.filter-mentor-sm .panel-heading .panel-title { padding: 5px 10px;  }

/* pedidos mentoria */
.panel-resposta { padding-right: 0px; padding-left: 0px;}
.panel-resposta-left {padding-right: 15px;}

.pmi-item { }
.pmi-item:hover { background-color: #E05C5C; color: White; content:' xx ';}

/* intro */
.tab-general { float: left; width: 48%; margin-right: 2%; margin-bottom: 4%; }
.info-box {padding: 0px 3px 3px 3px; border: 1px solid #CDCDCD; background-color: #F7F7F7;}

ul.opt-list { list-style: none; padding-left: 0px; margin-left: 15px; margin-right: 15px; border: 1px solid #ddd;
             -webkit-column-count: 2; /* Chrome, Safari, Opera */ 
             -moz-column-count: 2; /* Firefox */ 
             column-count: 2; }
ul.opt-list li { padding: 5px; vertical-align: top; color: White; 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.opt-list .btn { width: 70%; }
ul.opt-list .btn-danger { background-color: #E05C5C; border-color: #E05C5C;}
ul.opt-list .btn-danger:hover { background-color: #E98787;}

.ul-info li { margin-top: 8px;}

.del td { background-color: #F5F5F5;}

/*==========  Configurações específicas por tipos de ecrãs  ==========*/

/* Medium Devices, Desktops */
/* MD- ecrãs mais pequenos */
@media (min-width : 992px) 
{
    .load_man-modal_div#pnlMsgWindow[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) 
{
}

/* Small Devices, Tablets */
@media (max-width : 800px) 
{    
    .tab-mentores, .tab-empreendedor { width: 100%; }
}

/* SM-tablets */
@media (max-width : 768px) 
{    
    .logo_app { width: 151px; height: 38px; padding-top: 2px; padding-left: 2px;}
    .logo_img { width: 112px; height: 42px; }
    
    .form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] 
    { margin-left: 0px; }
    
    .panel-resposta-left {padding-right: 0px;}
    
    #footer ul li a img { margin-right: 10px; }
    #footer ul li .startup-ico { width: 115px; height: 30px; background-size: 100%; }
    #footer ul li .republica-ico { width: 81px; height: 30px; background-size: 100%; }
    #footer ul li .compete-ico { width: 87px; height: 30px; background-size: 100%; }
    #footer ul li .pt2020-ico { width: 88px; height: 30px; background-size: 100%; }
    #footer ul li .ue-ico { width: 89px; height: 30px; background-size: 100%; }
}

/* Extra Small Devices, Phones (480 ou 500) */ 
@media (max-width : 580px) 
{   
    #footer .footer_notes { width: 100%; }
            
    .tab-group li { font-size: 1em;}
    .form_login .login-table, .form_registo .login-table, .tab-general { width: 100%; }
    .form_login .login-help, .form_registo .login-help { width: 100%; margin-top: 15px; }
    
    .logo_app { width: 132px; height: 33px; padding-top: 2px; padding-left: 2px;}
    .logo_img { width: 98px; height: 36px; }
    .navbar-header { padding-bottom: 0px;}
    .navbar-header-right { margin-right: 0px;}
    .header_app_child_tit { font-size: 1.3em;}
    
    ul.opt-list { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; }
    
    #footer ul li a img { margin-right: 0px; }
    #footer ul li .startup-ico { width: 72px; height: 18px; background-size: 100%; }
    #footer ul li .republica-ico { width: 50px; height: 18px; background-size: 100%; }
    #footer ul li .compete-ico { width: 54px; height: 18px; background-size: 100%; }
    #footer ul li .pt2020-ico { width: 55px; height: 18px; background-size: 100%; }
    #footer ul li .ue-ico { width: 55px; height: 18px; background-size: 100%; }
}
/* XS-telemovel*/
@media (max-width : 480px) 
{
}
@media (max-width : 423px) 
{
}