.legendas-texto{
    margin: 0 16px 0 10px;
    font-size: 13px;
}

#layout-topbar{
    background-color: #006280;
    background-image: url("/resultado-das-eleicoes/javax.faces.resource/images/bg-topo-principal.jpg.xhtml?ln=custom");
    background-position: right top;
    background-repeat: no-repeat;
}

#logo{
    background-color: #006280;
    border-right: solid 1px #02556d;
}

#logo img {
    height: 34px;
    max-width: 145px;
    margin-top: 12px;
    margin-left: 8%;}

.Responsive14{width:14%; float:left; margin-left:0px !important; margin-right:0px !important;}

.ui-fieldset-legend{
    background:  #006280;  
}

.ui-tabs-top .ui-tabs-nav{
    background:  #006280;  
    border-bottom: #006280;
}


.Responsive14{width:14%; float:left; margin-left:0px !important; margin-right:0px !important;}

.Responsive16{width:16%; float:left; margin-left:0px !important; margin-right:0px !important;}

.Border2All{border:solid 2px #03A9F4;}

/* MEDIA QUERIES PARA LAYOUT INSERIDO 31/05/2017 */

/* Large desktop */
@media (min-width: 1200px){
    /*visibilities according to the platform*/
    .ShowOnMobile{display:none; opacity:0;}
    .ShowOnDesktop{display:inherit; opacity:1;}

    /* responsive support */
    .Responsive{width:32%; float:left; margin-left:0px !important; margin-right:0px;}
    .Responsive4{width:4%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive48{width:48%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:49%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}

    /*Adaptação para margens 01/06/2017 */
    .Responsive50:nth-child(1){
        margin-right: 2% !important;
    }

    .Responsive{
        margin-right: 2%;
    }

    .Responsive:last-child {margin-right: 0px !important;}

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
}

@media (min-width: 960px) and (max-width:1200px){
    /* responsive support */
    .Responsive{width:32%; float:left; margin-left:0px !important; margin-right:0px}
    .Responsive4{width:4%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive48{width:48%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}

    .Responsive50:nth-child(1){
        margin-right: 2% !important;
    }

    .Responsive{
        margin-right: 2%;
    }

    .Responsive:last-child {margin-right: 0px !important;}


    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}


    /*Correção nos botões Expand Menu para telas Menores 02/06/2017*/
    #mobile-menu-button {margin: -44px -24px auto auto}
    #mobile-menu-button.MenuClose{margin-top: 0px !important}
} 

/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 1200px) {
    /*visibilities according to the platform*/
    .ShowOnMobile{display:inherit; opacity:1;}
    .ShowOnDesktop{display:none; opacity:0;}
    .FloatNoneOnMobile{float:none !important;}

    /* responsive support */
    .Responsive{width:32%; float:left; margin-left:0px !important; margin-right:0px}
    .Responsive4{width:4%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive48{width:48%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:49%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}

    .Responsive50:nth-child(1){
        margin-right: 2% !important;
    }

    .Responsive{
        margin-right: 2% !important;
    }

    .Responsive:last-child {margin-right: 0px !important;}

    .ContainerIndent{padding:5px;}

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}

    #mobile-menu-button {margin: 8px -24px auto auto}
    #mobile-menu-button.MenuClose{margin-top: 8px !important}

    /* font size resetting for responsive modes */ 
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:14px !important;} 
    .Fs16{font-size:15px !important;} 
    .Fs17{font-size:16px !important;} 
    .Fs18{font-size:16px !important;} 
    .Fs19{font-size:16px !important;} 
    .Fs20{font-size:18px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:20px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:22px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:24px !important;} 
    .Fs27{font-size:24px !important;} 
    .Fs28{font-size:26px !important;} 
    .Fs29{font-size:26px !important;} 
    .Fs30{font-size:28px !important;}
    .Fs40{font-size:30px !important;}
    .Fs50{font-size:35px !important;}
    .Fs60{font-size:40px !important;}
    .Fs100{font-size:60px !important;}
    .Fs130{font-size:70px !important;}
}


/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {	
    /*visibilities according to the platform*/
    .ShowOnMobile{display:inherit; opacity:1;}
    .ShowOnDesktop{display:none; opacity:0;}
    .FloatNoneOnMobile{float:none !important;}

    /* responsive support */
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive4{width:4%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive48{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}

    .ContainerIndent{padding:5px; overflow:hidden; overflow-x:auto;}

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}

    #mobile-menu-button {margin: 6px -24px auto auto}
    #mobile-menu-button.MenuClose{margin-top: 6px !important}

    /* font size resetting for responsive modes */
    .Fs12{font-size:12px !important;} 
    .Fs13{font-size:12px !important;} 
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:13px !important;} 
    .Fs16{font-size:13px !important;} 
    .Fs17{font-size:14px !important;} 
    .Fs18{font-size:15px !important;} 
    .Fs19{font-size:17px !important;} 
    .Fs20{font-size:17px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:18px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:21px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:23px !important;} 
    .Fs27{font-size:23px !important;} 
    .Fs28{font-size:25px !important;} 
    .Fs29{font-size:25px !important;} 
    .Fs30{font-size:26px !important;}
    .Fs40{font-size:30px !important;}
    .Fs50{font-size:32px !important;}
    .Fs60{font-size:35px !important;}
    .Fs100{font-size:40px !important;}
    .Fs130{font-size:50px !important;}
}


/* Portrait phones and down */
@media (min-width:320px) and (max-width: 480px) {
    /*visibilities according to the platform*/
    .ShowOnMobile{display:inherit; opacity:1;}
    .ShowOnDesktop{display:none; opacity:0;}
    .FloatNoneOnMobile{float:none !important;}

    /* responsive support */
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive4{width:4%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive48{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}

    .ContainerIndent{padding:5px; overflow:hidden; overflow-x:auto;}

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important;}

    #mobile-menu-button {margin: 6px -24px auto auto}
    #mobile-menu-button.MenuClose{margin-top: 6px !important}

    /* Resetar formatações de fontes em layouts fluidos 05/06/2017 */
    .Fs12{font-size:12px !important;} 
    .Fs13{font-size:12px !important;} 
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:13px !important;} 
    .Fs16{font-size:13px !important;} 
    .Fs17{font-size:14px !important;} 
    .Fs18{font-size:15px !important;} 
    .Fs19{font-size:17px !important;} 
    .Fs20{font-size:17px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:18px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:21px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:23px !important;} 
    .Fs27{font-size:23px !important;} 
    .Fs28{font-size:25px !important;} 
    .Fs29{font-size:25px !important;} 
    .Fs30{font-size:25px !important;}
    .Fs40{font-size:28px !important;}
    .Fs50{font-size:30px !important;}
    .Fs60{font-size:32px !important;}
    .Fs100{font-size:35px !important;}
    .Fs130{font-size:40px !important;}
}
/* clearfix for Container  Reseta as divs e organiza as posições em telas menores 05/06/2017*/
.Container:before,.Container:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.Container:after {
    clear: both; 
}

/*Margin dos Labels 31/05/2017*/
.margin-labels{ display: block; margin-bottom: 10px; margin-top: 16px;}

.ui-datatable-odd.linha-total, .ui-datatable-even.linha-total {
    background-color: #005E7A;
}
.ui-datatable-odd.linha-total td, .ui-datatable-even.linha-total td {
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1rem;
}

.re-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.re-alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.re-icon > span {
    color: #fff !important;
}