/*Alteração no Tamanho de visualização do logo 12/01/2017*/
#logo img{
    max-width: 158px;
    margin-left: 14%;}

/*Alteração nas propriedades do menu 12/01/2017*/
.layout-menu {margin-top: 64px;}
#layout-menu-cover {background:#37444E; border-right: none; width: 231px}
#layout-menu-cover ul.active-menu {background:#37444E}
.layout-menu>li>a.active-menu {background:#37444E}
.layout-menu>li>a>i{font-size: 18px; margin-right: 10px}
.Separator{border-bottom:1px solid #000; margin: 0;}
#panelUsuario{padding: 10px;}
#panelUsuario a {color:#B0B4C0 !important; }

.layout-menu>li {border-top: 1px solid #445262; font-size: 15px;}
.layout-menu li a{color:#B0B4C0}

.layout-menu>li>a:hover, .layout-menu>li>a:active, .layout-menu>li>a:focus{background:#2C3542}
#layout-menu-cover:hover .layout-menu>li>a.active-menu, .layout-menu>li>a.active-menu{background:#2C3542 }
.layout-menu li ul li a:hover{background:#1aae88; color: #FFFFFF}

/*Margin dos Labels 13/01/2017*/
.margin-labels{ display: block; margin-bottom: 10px;}



/* MEDIA QUERIES PARA LAYOUT INSERIDO 13/01/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 07/01/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;}
    
    #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:100%; 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: -44px -24px auto auto}
    #mobile-menu-button.MenuClose{margin-top: 0px !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: -37px -24px auto auto}
    #mobile-menu-button.MenuClose{margin-top: 0px !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: -37px -24px auto auto}
    #mobile-menu-button.MenuClose{margin-top: 0px !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: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 */
.Container:before,.Container:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.Container:after {
    clear: both; 
}

/*Aumentar a largura e alinhar o botão dos selects com a base e alinhar os campos com o botão dropdown 13/01/2017 Cleyton Sousa*/
.ui-selectonemenu .ui-selectonemenu-trigger{height:103% !important}

.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {width:40px !important}

.ui-selectonemenu, .ui-selectcheckboxmenu {
    padding: 0px 32px 0px 0px !important;
}

/*Estilos de Tabela na lista de dias de atendimento 16/01/2017*/

.tableHeader td{
    color: #546E7A;
    background-color: #dae8ef;
    border: solid 1px #C1D5DF;
    outline: none;
    padding: 10px;
    font-family: 'roboto_condensedlight';
    font-size: 16px;
}

/*Espaçamento entre Radio na tela de Consulta de Historico de Registros 16/01/2017*/
#margin-radiobutton .ui-radiobutton {margin-right: 10px !important}


/*Correções dos balões de mensagens 13/03/2017*/
.ui-growl {
    top:115px;  
    width: 36% !important;
}

.ui-growl-message{
   width: 90% !important;
}

.ui-growl-title{
    margin-top: 3px !important;
}

/*Preenchimento da Div Ou na tela de Acompanhar agendamento 13/03/2017*/
.preencher-div{
    line-height: 24px;
    text-align: center;
}

/*Preenchimento das Divs  13/03/2017*/
.margin-div-ou{
    margin: 20px 0 !important
}

.alerta-vaga {
    border: 1px solid #E57373;
    background-color: #FFCDD2;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 1rem;
    padding: 1rem 1rem;
}

.alerta-vaga label {
    color: #842029;
}