/*  IE hacks: 
	color: black;   // works for all browsers 
	color: red\0;   // works for IE9 and below 
	color: red\9;   // works for IE8 and below 
	*color: green;  // works for IE7 and below 
    _color: blue;   // works for IE6 and below  
*/

/* ---------- */
/* HTML RESET */
/* ---------- */

html 				{ width: 100%; font-size: 13px; font-family: Arial, Helvetica, sans-serif}
body 				{ width: 100%; padding: 0; margin: 0; color: #555; z-index: 1; zoom: 1}	  

h1 	   				{ font-size: 18px; color: #000; padding: 9px 0 5px 0; margin: 0} 
h2           		{ display: inline-block; margin: 12px 10px 2px 0; height: 30px; padding: 0 }
td					{ text-align: left}
form 				{ margin: 0}	 
a img         		{ border: none }
			
/* fix de zooming de fonte no iOS */
body {
    -webkit-text-size-adjust: 100%;
}

/* ------------------------- */
/* COMPONENTES DO WEBSUPPORT */
/* ------------------------- */

/* w:menu */
.wmenu        						{ height: 40px; padding-top: 0px; padding-bottom: 0; z-index: 10; }
.wmenu table  						{ width: auto; height: 40px; text-align: left; border-collapse: collapse;}
.wmenu table td 					{ vertical-align: top; padding: 0}
.wmenu table a 						{ color: #fff; display: block; text-align: center; text-decoration: none; }
.wmenu table a 						{ line-height:40px; padding: 0 15px; white-space: nowrap;}
.wmenu table a:hover,
.wmenu table a.hover 				{ background-color: #FFF !important; color: #000; } 
.wmenu .submenuWrapper				{ position: relative; height: 40px; }
.wmenu .submenuWrapper ul a			{ text-align: left}
.wmenu .submenu 		   			{ padding: 5px 0 12px 0 }
.wmenu .submenu 		   			{ background: #FFF; position: absolute; top: 40px; display: none; z-index: 11;  }
.wmenu .submenu 		   			{ -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4); }
.wmenu .submenu 		   			{ box-shadow: 0 5px 20px rgba(0,0,0,0.6); }			
.wmenu .submenu table		    	{ width: auto; height: auto; }
.wmenu .submenu table a		    	{ text-align: left; font-size: 10pt; display:block; height: 100%; line-height: 23px; font-weight: 400; }
.wmenu .submenu table a 			{ padding: 0px 13px 1px 13px; color: #464646; white-space: nowrap; text-decoration: none; border-right: 0px solid #FFF; }
.wmenu .submenu table a:hover   	{ background: #DDD !important}                  
.wmenu .submenu table td.separador 	{ font-family: verdana, arial, sans serif; color: #F83E5B; font-weight: bold; }
.wmenu .submenu table td.separador 	{ font-size: 9pt; padding: 8px 13px 0px 13px; line-height: 22px; white-space: nowrap;}
.wmenu .submenu table .disabled     { text-align: left; font-size: 10pt; display:block; height: 100%; line-height: 23px; font-weight: 400; }
.wmenu .submenu table .disabled		{ padding: 0px 15px 1px 15px; color: #aaa; white-space: nowrap; text-decoration: none; border-right: 0px solid #FFF; }
.wmenu table a .label				{ display: inline-block}
.wmenu table a .icon-left			{ padding-right: 5px}
.wmenu table a .icon-right			{ padding-left: 5px}
.wmenu table a .icon				{ display: inline-block; vertical-align: text-bottom; }
.wmenu table a .ui-icon 			{ background-image: url("/torneio/javax.faces.resource/base/image/ui-icons_ffffff_256x240.png.xhtml"); }
.wmenu .submenu table a .ui-icon 	{ background-image: url("/torneio/javax.faces.resource/base/image/ui-icons_333333_256x240.png.xhtml"); }
.wmenu table a:hover .ui-icon,
.wmenu table a.hover .ui-icon       { background-image: url("/torneio/javax.faces.resource/base/image/ui-icons_333333_256x240.png.xhtml"); }
.wmenu table .usuarioLogado			{ color: #fff; display: block; text-align: center; text-decoration: none;}
.wmenu table .usuarioLogado a 		{ display: inline-block; padding-left: 6px}
.wmenu .submenu 		   			{ border: 1px solid #aaa\0; }

/* Fix para que o background funcione no IE 8, mesmo no modo mimic IE7 */
.wmenu table a:hover 				{ border: 0px } 
      
/* w:linhaForm */
.ui-linha-form .somenteTexto    { padding-top: 5px; display: inline-block}
.ui-linha-form .ui-button 		{ margin: 0 .2em }
.ui-linha-form          		{ width: 100%;}
.ui-linha-form  th      		{ padding: 5px 4px 0 4px; font-weight: 400; width: 100px; text-align: right; vertical-align: top}
.ui-linha-form  td      		{ padding: 0 4px; white-space: nowrap; width: auto}
.ui-linha-form  td td,
.ui-linha-form  td th   		{ padding: 0; }
.ui-linha-form-error    		{ background-color: #FDD !important; margin-bottom: 3px; margin-top: 3px; padding-bottom: 3px}
.ui-linha-form-messages 		{ color: #F00 !important; font-style: italic;}
.ui-linha-form-messages span 	{ display: block;}

/* filtro de marcacao de campo com erro */
.ui-input-invalid { background-color: #FFF !important; border: 1px solid #F00 !important; color: #333}

/* ---------------------- */
/* TEMPLATE DO WEBSUPPORT */
/* ---------------------- */

#msgErrorOverlay						{ position: fixed; width: 100%; z-index: 6000; left: 0; top: 0; height: 100%; background-color: #fff; opacity: 0.50; filter:Alpha(Opacity=50);  }		        
#msgErrorOutput							{ position: fixed; width: 500px; z-index: 6001; background-color: #FFCACA; border: 2px solid #D8000C; text-align: center}
#msgErrorOutput							{ width: 500px; left: 50%; margin-left: -250px; height: auto; top: 50%; margin-top: -40px; padding-bottom: 20px }
#msgErrorOutput .ui-messages-error 		{ font-weight: bold; background: none; border: none}
#msgErrorOutput .ui-messages-info ul    { margin: 0 !important}
#msgErrorOutput .ui-messages-info 		{ font-weight: bold; background: none; border: none}
#msgErrorOutput .ui-messages-info-icon  { display: none}
#msgErrorOutput a 						{ font-weight: bold; color: #fff} 

#msgInfoOutput							{ width: 640px; left: 50%; margin-left: -320px; top: 30px; position: fixed; z-index:6002; text-align: center}
#msgInfoOutput .ui-messages-info        { margin: 0; background-color: #f9edbe; border: 2px solid #f0c36d; padding: 3px; color: #000;}
#msgInfoOutput .ui-messages-info-icon   { display: none}
#msgInfoOutput a				        { text-decoration: none; color: #000; line-height: 25px; padding-right: 10px; display: inline-block}

#ajaxStart   		{ display: inline-block; margin: 8px; }
#ajaxError			{ display: none; position: fixed; width: 100%; height:25px; left: 0; top: -1px; text-align: center; z-index: 6003 }
#ajaxError span		{ display: inline-block; font-size: 13px !important; font-family: arial; color: #fff;  }
#ajaxError span		{ padding: 5px 20px; background: #d55 !important; border: 1px solid #fff }

/* --------------- */
/* AJUSTES BÁSICOS DO TEMA PRIMEFACES */
/* --------------- */

/* Fix para mensagens de erro muito longas */
.ui-messages-info-detail, 
.ui-messages-warn-detail, 
.ui-messages-error-detail, 
.ui-messages-fatal-detail,
.ui-message-info-detail, 
.ui-message-warn-detail, 
.ui-message-error-detail, 
.ui-message-fatal-detail {overflow-wrap: break-word}
	
/* --------------- */
/* CSS UTILITARIOS */
/* --------------- */

.botoes				{ padding-top: 5px}
.negrito 			{ font-weight: bold; }
.sepVertical		{ background: url("/torneio/javax.faces.resource/base/image/sep_vertical.png.xhtml") -2px -1px no-repeat; }
.sepVertical		{ vertical-align: middle; width: 10px; height: 20px; display: inline-block; padding: 2px}
span.padding 		{ display: inline-block; padding: 4px}
a.padding    		{ display: inline-block; padding: 4px}
table.padding    	{ border-spacing: 4px;}
p    				{ margin: 4px}

/* desativa o layout-fixed do prime 6+ */
body .layoutAuto						{ table-layout: auto}
body .layoutAuto.ui-datatable thead th, 
body .layoutAuto.ui-datatable tbody td, 
body .layoutAuto.ui-datatable tfoot td, 
body .layoutAuto.ui-datatable tfoot th { overflow: visible;}

/* para uso em columns */
.centerToggler		{ width: 7px; text-align: center !important }   	/* rowExpansion */
.center1botao		{ width: 26px; text-align: center !important }		/* coluna contendo p:commandButton com icone */
.center2botoes 		{ width: 58px; text-align: center !important }		
.center3botoes		{ width: 92px; text-align: center !important }		
.center60			{ width: 60px; text-align: center !important }		/* coluna contendo p:commandButton com texto */
.center80			{ width: 80px; text-align: center !important }					
.center100			{ width: 100px; text-align: center !important }				
.center120			{ width: 120px; text-align: center !important }
.center140			{ width: 140px; text-align: center !important }			

/* para uso em panelGrid */
.valor  {color: #000; font-weight: 400; border-color: #fff}
.campo 	{ padding-right: 4px; width: 140px; text-align: right; border-color: #fff; vertical-align: top }

/* para uso em panelGrid */
.left      		{ text-align: left}
.right     		{ text-align: right}
.c2 	   		{ width: 50%; vertical-align: top }
.c3 	   		{ width: 33.3%; vertical-align: top }
.coluna    		{ vertical-align: top }

/* para uso em toolbar dentro de Aba (compativel com tema bootstrap) */
.menuAba 		{ border: none; margin: -1em 0 1em 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
.menuAba 		{ background: #ffff !important; padding: 1px; border: none !important; border-bottom: 1px solid #d4d4d4 !important; }

/* ------------------------- */
/* AJUSTE DO TEMA NPROGRESS  */
/* ------------------------- */

#nprogress .bar 			{ z-index: 8000; height: 3px; background: #fff } /* padrao: #29d azul */
#nprogress .spinner		 	{ z-index: 8001 }
#nprogress .peg 			{ box-shadow: 0 0px 15px 2px #FFF; } /* blur effect */
#nprogress .peg 			{ 
  -webkit-transform: rotate(3deg) translate(0px, -2px);
      -ms-transform: rotate(3deg) translate(0px, -2px);
          transform: rotate(3deg) translate(0px, -2px);
}
#nprogress .spinner-icon 	{ border-top-color: #fff; border-left-color: #fff}