@charset "utf-8";

/* 
    Todas as customizacoes do primefaces devem estar neste arquivo
*/
body {
 font-family:'Roboto', sans-serif;
 font-weight: 400;
}

/* Sobrepoem a fonte do primefaces pela mesma do bootstrap*/
.ui-widget{
	/*font-family: 'Roboto', sans-serif; !important;*/
    font-family: 'Roboto', sans-serif;
}

/* customizacao da apreentacao do texto dos botoes */
.ui-button {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    height: 36px;
}

/* tira aquele fundo vermelho do label na hr da validacao */
label.ui-state-error {
    background: none !important;
}

/* tira a sembra para que os botoes fiquem certos quando em widgets */
.ui-widget-content button.ui-state-default {
    box-shadow: none !important;
}

/* posicionamento do check nos checkboxes de datatable */ 
span.ui-icon-check {
    position: relative;
    right: 1px;
    bottom: 1px;
}

/* posicionamento da caixa do checkbox */
.ui-chkbox-box {
    position: relative;
    top: 4px;
}

/* customizacao das mensagens de erro */ 
.ui-messages > div {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: white;
    font-size: 16px;
}
.ui-messages-error {
    border-color: #d73925 !important;
    background-color: #dd4b39 !important;
}
.ui-messages-warn {
    border-color: #e08e0b !important;
    background-color: #f39c12 !important;
}
.ui-messages-info {
    border-color: #00acd6 !important;
    background-color: #00c0ef !important;
}
.ui-messages ul {
    margin: 0 !important;
}

/* esconder os icones
.ui-messages span.ui-messages-info-icon, 
.ui-messages span.ui-messages-warn-icon, 
.ui-messages span.ui-messages-error-icon { 
    display: none;
}
*/
.ui-messages-warn-summary, 
.ui-messages-error-summary, 
.ui-messages-info-summary {
    font-weight: 600 !important;
}


/* corrige a opacidade dos checkboxes das grids */
.ui-chkbox .ui-state-disabled {
    opacity: initial !important;
}

/* remove uma linha preta escrota da header das tabelas */
th[role="columnheader"].ui-state-default {
    border-color: #ccc !important;
}

/* corrige a borda do paginador das datatables */
div.ui-paginator {
    border: 1px solid #dddddd !important; 
    border-top: 0px !important;
}

/* remove aquele asterisco porco dos forms */
.ui-outputlabel-rfi {
    /*display: none;*/
}

/** diminui font de labels*/
.ui-outputlabel{
	font-size: 11.5px;	
	display: inline-block;
    font-weight: normal !important;
    margin:8px;
    max-width: 100%;
}

/* corrige a exibicao do selectonemenu */
.ui-selectonemenu {
    height: 34px;
    display: block !important;
    border-color: #d2d6de !important;
    border-radius: 0 !important;
}
.ui-selectonemenu-trigger {
    width: 30px !important;
    padding: 3px 6px !important;
    border-radius: 0 !important;
}
.ui-selectonemenu-label {
    padding: 6px !important;
}

/* corrige o label dos treenodes da arvore de permissoes */
.ui-treenode-label {
    position: relative;
    left: 3px;
}
.ui-tree-toggler {
    position: relative !important;
}


/* fonte dos titulos*/
.ui-column-title {
	font-size: 11.5px;
	 font-weight: bold;
}

/* fonte dos tds*/
td {
	font-size: 11.5px;
}

.ui-widget-header {
	font-size: 11.5px;
	font-weight: bold;
}

/* fonte do paginador*/
.ui-paginator-pages{
	font-size: 9px ;
	font-weight: bold ;
}
/* fonte do paginador*/
.ui-paginator-page{
	font-size: 11.5px ;
	font-weight: bold ;
}


.ui-state-active{
	font-size: 11.5px ;
	font-weight: bold ;
}

/* fonte da barra de progressao*/
.ui-progressbar-label{
	font-size: 11.5px ;
	font-weight: bold ;
}

/* deixa os selects padrão jsf em cores de erro*/
.select-error {
	border: 1px solid #eed3d7;
    color: #333333;
}

/* corrige o selectonemenu externo primefaces*/
.ui-selectonemenu-label {
	font-size: 14px ;
	font-weight: bold ;
	padding: 1px !important;
	border-style: none !important;
	box-shadow: none;
	font-family: 'Roboto', sans-serif; !important;
}

/*corrige o tamanho e a fonte do selectmenu interno primefaces*/
.ui-selectonemenu-item {
	font-size: 14px ;
	font-family: 'Roboto', sans-serif; !important;
	
}

/*corrige o tamanho e a fonte do selectmenu interno primefaces*/
.ui-selectonemenu-list-item {
	font-size: 14px ;
	font-family: 'Roboto', sans-serif; !important;
	
}

/*corrige o tamanho e a fonte do inputfield do calendario*/
.ui-inputfield {
	font-size: 14px ;
	font-family: 'Roboto', sans-serif; !important;
    text-transform: uppercase;
	
}

/* Muda cor dos overlay ajax para cinza*/
.ui-widget-overlay {
    background: #c0c0c0 none repeat scroll 0 0;
    opacity: 0.8;
}

/* Modifica as mensagens growl para aparecerem após o cabeçalho*/	
.ui-growl {   
    top: 8% !important;
}

/* Acerta o ícone das mensagens do topo do layout*/
.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    margin-left: -8px !important;
    margin-right: -25px !important;
}

/* Acerta as mensagens do topo do layout*/
.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    font-weight: bold !important;
    margin-left: 25px !important;
}

/*Acerta a fonte dos links p:link*/
.ui-link {
	font: inherit !important;
}

/*Estilo para os textos de observação*/
.observacao {
    color: #666;
    float: right;
    font-size: 80%;
}

/* Centraliza radio button */
.ui-radiobutton-icon {
    margin: -1px 0 0;
    margin-left: 0 !important;
}

/* Espaçamento dos labels */
.ui-selectoneradio label {
    margin: 4px 8px 0 0 !important;
}

/* Espaçamento dos labels */
label {
    color: #666;
    font-weight: bold;
    margin-right: 999px !important;
}



/* SelectBooleanButton (retirar os valores */
.ui-state-active {
}

/* titulo do modal */
.ui-dialog.ui-widget-content .ui-dialog-title {
    font-size: 16px !important;
}

/* SelectCheckboxMenu */
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin: 6px 0 0 -4px;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    padding: 0 5px;
}

/* SelectBooleanButton (retirar os valores */
.ui-state-active {
    font-size: 15px !important;
    font-weight: normal !important;
}

.ui-slider {
    background: #838688 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.05);
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    background: rgba(0, 0, 0, 0) url("/exame-online-seed/javax.faces.resource/images/slider_handles.png.jsf") no-repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    cursor: default;
    height: 21px !important;
    outline: 0 none;
    width: 17px !important;
    z-index: 2;
}

.form-control {
    border-color: currentcolor currentcolor #d2d6de;
    border-left: medium none;
    border-radius: 0;
    border-right: medium none;
    border-top: medium none;
    box-shadow: none;
}

.box {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 3px;
    border-top: none;
    box-shadow: none;
    margin-bottom: 0px;
   /* padding: 24px;*/
    position: relative;
    width: 100%;
}

.content-wrapper, .right-side {
    background-color: #fafafa;
}

.fa-id-card-o , .fa-book , .fa-search, .fa-pencil-square-o, .fa-check-square-o  {
    color: #FF5F11;
}

.fa-user, .fa-power-off {
    color: #fff;
}

.panel-default > .panel-heading {
    color: #8D8984;
    border-color: #fefefe;
}

.panel-default {
    border-color: #eee;
}

.main-header .logo {
    font-family: "Roboto";
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    padding: 8px 0;
}


.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
    background-color: #fff;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.05);
    color: #a21414;
    height: 70px;
    line-height: 60px;
}

.skin-blue .main-header .navbar {
    background-color:#A21414;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);

}

.navbar-nav > li > a {
    padding-bottom: 30px;
    padding-top: 20px;
}


.panel {
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.05);
 }

.panel-heading {
    padding: 8px 16px;
}

.panel-body {
    padding: 16px;
}

.panel-body p {
    color:#666;
    /*text-transform: uppercase;*/
}

.ui-radiobutton {    
    vertical-align: text-bottom !important;
}

h1, .h1 {
    font-size: 26px;
}

h2, .h2 {
    font-size: 22px;
}

p, .ui-widget .ui-widget  {
    font-size: 16px;
}

.ui-widget-content {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #ffffff;
 }

@media (min-width: 766px) {

    h1, .h1 {
        font-size: 28px;
    }

    .skin-blue .main-header .navbar {
        background-color:#fff;
        box-shadow:4px 4px 2px rgba(0, 0, 0, 0.05);

    }

    .fa-book, .fa-user, .fa-power-off {
        color: #FF5F11;
    }

}

.main-footer .footer-logos .logo-copyright img {
    height: 70px;
    margin-right: 20px;
}

.footer-main .footer-sitemap .footer-icon-notify i {
    background: rgba(0, 0, 0, 0) url("../images/main/icon-bell.png") no-repeat scroll center center;
    display: block;
    height: 24px;
    left: 10px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    width: 36px;
}
.footer-main .footer-info .logo-agencia {
    display: block;
    font-family: "Proxima Nova Rg",sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.footer-main .footer-info .footer-info-nav {
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 20px;
}
.footer-main .footer-info .footer-info-nav a {
    color: #fff;
    display: inline-block;
}
.footer-main .footer-info .footer-info-nav a::after {
    color: #999;
    content: "|";
    display: inline-block;
    margin: 0 15px;
}
.footer-main .footer-info .footer-info-nav a:hover {
    color: #00aeef;
}
.footer-main .footer-info .footer-social {
    margin-left: -15px;
}
.footer-main .footer-info .footer-social a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    width: 38px;
}
.footer-main .footer-info .footer-social a.fa-facebook:hover {
    background-color: #3367a1;
}
.footer-main .footer-info .footer-social a.fa-twitter:hover {
    background-color: #00aeef;
}
.footer-main .footer-info .footer-social a.fa-youtube:hover {
    background-color: #e7503f;
}
.footer-main .footer-info .footer-social a.fa-instagram:hover {
    background-color: #cb65b1;
}
.footer-main .footer-info .footer-social a.fa-rss:hover {
    background-color: #f68121;
}
.footer-main .footer-info .footer-copyright .logo-copyright {
    margin-bottom: 20px;
}
.footer-main .footer-info .footer-copyright .logo-copyright img {
    height: 70px;
    margin-right: 20px;
}
.footer-main .footer-info .footer-copyright p {
    font-size: 11px;
    line-height: 18px;
}
.footer-main .footer-info .footer-copyright p a {
    display: inline-block;
    position: relative;
}
.footer-main .footer-info .footer-copyright p a::before {
    background: #44ad4b none repeat scroll 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.footer-main .footer-info .footer-copyright p a:hover {
    color: #00aeef;
}
.footer-main .footer-info .footer-copyright p a:hover::before {
    width: 0;
}

.main-sidebar {
display:none;
}

.ui-grid-col-12-alterado {
   width:100%;float:none
   
}