/* --- acessos rapidos --- */

.tabs-acessos-rapidos
{
    position: fixed;

    top: 100px;
    right: 0;

    width: 40px;
    height: 250px;    
    
    /*border-left: 1px solid #000;*/

    z-index: 10;

    font-family: SourceSansPro_Semibold;    
    font-size: 1.2em;
}
.tabs-acessos-rapidos.hide
{
    left: -50px;
}

.tab-acessos-rapidos {
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;

    /*overflow-x: hidden;*/
    /*white-space: nowrap;*/

    position: relative;
    top: 0;    
    right: 85px;
    
    width: 130px;
    height: 40px;

    /* disposicao vertical */
    transform-origin: left bottom;
    transform: rotate(-90deg);
    /* Legacy */
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);    
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
        
}
			 
#tab-acessos-rapidos-eu-sou-new { top: 70px;/*20vh*/ }
#tab-acessos-rapidos-eu-quero-new { top: -80px;/*35vh*/ }

.tabs-acessos-rapidos.in-front-page
{
    top: auto;
    bottom: 0px;
}
#tab-acessos-rapidos-eu-sou-new.in-front-page { top:auto;bottom: -50px; }
#tab-acessos-rapidos-eu-quero-new.in-front-page { top:auto;bottom: 110px; }

.tab-acessos-rapidos button
{
    color: #fff;
}
.tab-acessos-rapidos button,
.tab-acessos-rapidos button:focus {
    border-radius: 0;
    box-shadow: 0 0 0;    
}
#tab-acessos-rapidos-eu-sou-new button { background-color: var(--base-color-red); }
#tab-acessos-rapidos-eu-quero-new button { background-color: var(--base-color-orange); }
.tab-acessos-rapidos button:hover {
    color: #fff;
    font-size: 1.1em;
}


/* --- CONTENT --- */
.tab-acessos-rapidos-new-content
{
    width: 100%;
    height: 100%;
    
    position: fixed;
    top:0;
    left:0;
    z-index: 15;/* acima do overlay do menu mobile e das etiquetas */

    display:none;
    overflow-y:auto;
}
.tab-acessos-rapidos-new-content.open
{
    display: inline-block;
}
.tab-acessos-rapidos-new-content .row
{
    margin-left: 0;
    margin-right: 0;    
}
#tab-acessos-rapidos-eu-sou-new-content.tab-acessos-rapidos-new-content
{
    background-color: var(--base-color-red);
}
#tab-acessos-rapidos-eu-quero-new-content.tab-acessos-rapidos-new-content
{
    background-color: var(--base-color-orange);
}
.tab-acessos-rapidos-new-content,
.tab-acessos-rapidos-new-content a
{
    color: #fff;
}
.tab-acessos-rapidos-new-content .botao-fechar button
{
    float:right;
    font-family: SourceSansPro_Semibold;
    font-size: 1.5em;
    color: #fff;
}
.tab-acessos-rapidos-new-content .titulo-principal
{
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 20px 0;
}
.tab-acessos-rapidos-new-content .titulo-principal .logo-label
{
    font-family: SourceSansPro_Semibold;
    font-size: 3em;
    text-transform: uppercase;
}
.tab-acessos-rapidos-new-content .titulo-principal .legenda
{
    font-size: 1.2em;
}

.tab-acessos-rapidos-new-content .perfil,
.tab-acessos-rapidos-new-content .acao
{
    padding: 50px;
}
.tab-acessos-rapidos-new-content .perfil,
.tab-acessos-rapidos-new-content .acao
{
    text-align: center;
}
.tab-acessos-rapidos-new-content .perfil .nome,
.tab-acessos-rapidos-new-content .acao .nome
{
    font-family: SourceSansPro_Semibold;
    font-size: 2em;
}

.tab-acessos-rapidos-new-content .nome span.fas::before {
    font-size: 2em;
}

.tab-acessos-rapidos-new-content #acao-8473 .nome span.fas::before {/* registar elogio, sugestao, reclamacao */
    content:"\f086";
}
.tab-acessos-rapidos-new-content #acao-4855 .nome span.fas::before {/* candidatar-me a ue */
    content:"\f573";
}
.tab-acessos-rapidos-new-content #acao-8111 .nome span.fas::before {/* matricular-me a ue */
    content:"\f573";
}
.tab-acessos-rapidos-new-content #acao-4856 .nome span.fas::before {/* conhecer a ue */
    content:"\f19c";
}
.tab-acessos-rapidos-new-content #acao-4970 .nome span.fas::before {/* colaborar */
    content:"\f1e0";
}
.tab-acessos-rapidos-new-content #acao-4971 .nome span.fas::before {/* candidatar-me a ue */
    content:"\f4fc";
}
.tab-acessos-rapidos-new-content #acao-4858 .nome span.fas::before {/* candidatar-me a ue */
    content:"\f1ea";
}
.tab-acessos-rapidos-new-content #acao-4968 .nome span.fas::before {/* trabalhar na ue */
    content:"\f509";
}
.tab-acessos-rapidos-new-content #acao-5014 .nome span.fas::before {/* candidatar-me a ue */
    content:"\f073";
}

.tab-acessos-rapidos-new-content .perfil .legenda,
.tab-acessos-rapidos-new-content .acao .legenda
{
    font-size: 1.2em;
}
/* sm - Small devices (landscape phones, below 768px) */
@media (max-width: 767.98px) {
    .tab-acessos-rapidos-new-content .perfil,
    .tab-acessos-rapidos-new-content .acao    
    {
	text-align: left;
	padding: 15px;
    }
    .tab-acessos-rapidos-new-content .perfil .nome,
    .tab-acessos-rapidos-new-content .acao .nome    
    {
	font-size: 1.4em;
    }
    .tab-acessos-rapidos-new-content .perfil .legenda,
    .tab-acessos-rapidos-new-content .acao .legenda    
    {
	font-size: 1.1em;	
    }

}

/* xs - Extra Small devices (portrait phones, below 576px) */
@media (max-width: 575.98px) {

    /* -- reposicionamento dos botoes no bottom -- */
    .tabs-acessos-rapidos
    {
	top: auto;
	bottom: 0;

	height: 40px;
	width: 100%;
	
	/*border-top: 1px solid #000;*/
    }
    .tabs-acessos-rapidos.hide
    {
	left: 0;/* nao faz nada */
    }
    
    .tab-acessos-rapidos
    {
	transform: none;
	/* Legacy */
	-webkit-transform: none;    
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;

	position: absolute;

	width: 50%;

	border-top: 1px solid var(--base-color-black);
    }
    #tab-acessos-rapidos-eu-sou-new,
    #tab-acessos-rapidos-eu-sou-new.in-front-page,    
    #tab-acessos-rapidos-eu-quero-new,
    #tab-acessos-rapidos-eu-quero-new.in-front-page {
	top: auto;
	bottom: 0px;
    }
    .tab-acessos-rapidos button
    {
	height: 100%;
	width: 100%;
    }
    #tab-acessos-rapidos-eu-sou-new {
	left: 0;
    }
    #tab-acessos-rapidos-eu-quero-new {
	left: 50%;
    }

    
    /* também acrescentei isto para os botoes dos acessos rapidos nao taparem o footer */
    .footer-bottom {
	padding-bottom: 40px;
    }
    
}