::-webkit-scrollbar { width: 7px; height: 7px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display: none;}
::-webkit-scrollbar-track-piece { background-color: #E0E0E0 }
::-webkit-scrollbar-thumb:vertical { background-color: #505050 ; -webkit-border-radius: 10px; }  
::-webkit-scrollbar-thumb:horizontal { background-color: #505050 ; -webkit-border-radius: 10px; }  

scrollbar { width: 7px; height: 7px;}
scrollbar-button:start:decrement,-moz-scrollbar-button:end:increment { display: none;}
scrollbar-track-piece { background-color: #E0E0E0 }
scrollbar-thumb:vertical { background-color: #505050 ; moz-border-radius: 10px; }  
scrollbar-thumb:horizontal { background-color: #505050 ; moz-border-radius: 10px; }  


#logo {	position:absolute; width:140px;	margin-left:20px; }





.div_grid_order_item {
	font-family: Calibri;
	font-size:16px;
	color:black;
}	

.div_grid_order_item:hover {
	cursor:pointer; background-color:#F3F3F3; cursor:hand;
}

/* --------------- Controle dos estilos de cursor da barra superior ---------------------------------------------------------- */

#div_top_bar_inner:hover {
	cursor:default;
}
#div_top_bar_inner span:hover{
	cursor:hand;
}


/* --------------- DIV degrade da barra superior  ---------------------------------------------------------- */
#div_top_bar { 
	height: 50px; background-image: linear-gradient(to bottom, #428BCA, #428BCA);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#428BCA', endColorstr='#428BCA');
}


#div_top_bar_green { 
	height: 50px; background-image: linear-gradient(to bottom, #0F9D58, #0F9D58);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0F9D58', endColorstr='#0F9D58');
}

#div_top_bar_marrom { 
	height: 50px; background-image: linear-gradient(to bottom, #29130D, #29130D);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29130D', endColorstr='#29130D');
}

#div_top_bar_laranja { 
	height: 50px; background-image: linear-gradient(to bottom, #fcaf17, #fcaf17);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcaf17', endColorstr='#fcaf17');
}




/* --------------- Div e texto do número de atividades não lidas da barra superior -------------------------------------------- */



#div_occurrences_top_bar {
	float:left; width:18px;	height:18px; background:#EE474A; margin-left:18%; margin-top:11px;
	padding-top:1px; border-radius:8px;	cursor:pointer;	cursor:hand;
}

#div_agenda_top_bar {
	float:left; width:18px;	height:18px; background:#EE474A; margin-left:18%; margin-top:11px;
	padding-top:1px; border-radius:8px;	cursor:pointer;	cursor:hand;
}


.txt_number_top_bar {font-family:Segoe Ui; font-weight:bold; color:white;	margin-left:0px; font-size:12px; }

#div_occurrences_top_bar:hover {}

/* --------------- Div e texto do número de comentários não lidas da barra superior -------------------------------------------- */

#div_coments_top_bar {
	float:left;	width:18px;	height:18px; background:#EE474A; margin-left:18%; margin-top:11px; 
	padding-top:1px; border-radius:8px; cursor:pointer;	cursor:hand;
}

#div_chat_top_bar {
	float:left;	width:17px;	height:18px; background:#EE474A; margin-left:18%; margin-top:11px; 
	padding-top:1px; border-radius:8px; cursor:pointer;	cursor:hand;
}


/* --------------- Div container para os objetos de texto, foto do usuário e itens de menu da barra superior --------------------- */

#div_top_bar_inner {
	width:900px; font-size:12; color:white;	padding-top:6px; cursor:pointer; margin-left:23%;
}

/* --------------- DIV da caixa de texto de procura na barra superior ---------------------------------------------------------- */

#div_search_top_bar {
	border-radius:20px; float:left; background:white; margin-left: 40px; margin-top:5px; width:350px; height:30px;
}

#text_search_top_bar {	/* Caixa de texto de procura */
 	margin-top:5px; color:gray;	font-size:14px; padding-left:5px; border:none; width:250px; height:20px;
}





#text_search_top_bar:focus{
	outline:none;
	border-color:white;

}

#txtOccurrenceId:focus{
	outline:none;
	border-color:white;

}


#text_search_checklist:focus{
	outline:none;
	border-color:white;
}

#text_search_customer:focus{
	outline:none;
	border-color:white;
}
#text_search_user:focus{
	outline:none;
	border-color:white;
}

#text_search_chat:focus{
	outline:none;
	border-color:white;
}

.text_password_outline:focus{
	outline:none;
	border-color:white;
}


#userLogin:focus{
	outline:none;
	border-color:white;
}

#userPassword:focus{
	outline:none;
	border-color:white;
}


#btn_search_top_bar {	/* Botão de procura */
	margin-top:5px; cursor:hand; vertical-align:bottom;
}

/* --------------- Itens de menu da barra superior -------------------------------------------- */

#div_user_logged {  /* div do usuário logado */
	float:left;
}

#img_user_top_bar {  /* foto do usuário logador na barra superior */
	border-radius:20px; width:40px;	height:40px; margin-left:50px; margin-top:0px; vertical-align:middle;
}

.label_menu_top_bar {
	float:left;	height:40px; padding-top:0px; cursor:hand;
}

#config_top_bar {
	float:left;	height:40px; padding-top:5px;
}

.item_menu_top_bar {	/*  espaço entre os itens de menu */
	padding-left:25px;
}

.arrow_menu_top_bar {	/* seta para baixo indicativa de menu */
	padding-left:3px; font-size:8; vertical-align: middle;
}

/* --------------- Menu de ocorrências e comentários não lidas ---------------------------------------------------------- */

.div_not_read_top_bar {
	display:none; width:500px; min-height:280px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	opacity:0.99; -moz-opacity:0.99; filter: alpha(opacity=65);	background:#666666;	color:white; padding:5px; margin-top:8px; 
	position:absolute; word-wrap:break-word; -moz-border-radius:5px; -webkit-border-radius:5px;	border-radius:5px; margin-bottom:2em;
}

.div_not_read_top_bar:after{ /*arrow added to uparrowdiv DIV*/
	display:block; content:''; position:relative; top:-38px; /*should be set to -border-width x 2 */
	left:25px; width:0; height:0; border-style: solid; border-width: 10px;
	border-color: transparent transparent #666666 transparent; /*border color should be same as div div background color*/
}

.div_not_read_top_bar_inner {
	display:none; position:absolute; width:490px; height:250; top:74px; margin:4px; left:16.5%; background-color:white; overflow:auto;
}


.div_not_read_top_bar_inner div:hover {
	background-color:#E0E0E0;	cursor:hand;
}

.div_not_read_top_bar_inner img {
	width:30px;	height:30px; margin:5px; float:left;
}


/* --------------- Menus usuário logado, consultas e configurações ------------------------------------------------- */

/* Div transparente */
.menu_top_bar {
	display:none; width:200px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	opacity:0.99; -moz-opacity:0.99; filter: alpha(opacity=65); background: #666666; ; color:white; padding:5px;
	margin-top:5px; position:absolute; word-wrap:break-word; margin-bottom:2em;	border-radius:5px; 
}

.menu_top_bar:after{ /*arrow added to uparrowdiv DIV*/
	display:block; content:''; position:relative; top:-23px; /*should be set to -border-width x 2 */
	left:15px; width:0; height:0; border-style: solid; border-width: 10px;
	border-color: transparent transparent #666666 transparent; /*border color should be same as div div background color*/
}

.div_list_top_bar_inner {
	display:none; position:absolute; width:189px; margin-left:2px; margin-top:0; background-color:white;
}

.div_list_top_bar_inner div:hover {
	background-color:#E0E0E0; cursor:hand;
}

.div_list_top_bar_inner img {
	width:20px;	height:20px; margin:2px; float:left;
}

.div_list_top_bar_inner_item_menu {
	cursor:pointer; height:25px;border-bottom:thin; border-bottom-style:solid; border-color:#E0E0E0; font-size:11px;
}

.div_list_top_bar_inner_item_menu:hover {
	background-color:#E0E0E0; cursor:hand;
}


.div_list_top_bar_inner_item_menu1 {
	width:75px; cursor:pointer; border:thin; border-style:solid; border-color:#DBE1E8; border-radius:3px;
}

.div_list_top_bar_inner_item_menu1:hover {
	width:75px; /*background-color:#FAFDFE;*/ color:#428BCA; cursor:hand; border:thin; border-style:solid; border-color:#ACC6FD; border-radius:3px;
}

.span_blue:hover{
	color:#428BCA;
}	

.span_blue{
	color:#7F7F7F;
}	


.div_list_top_bar_inner_item_menu_comments:hover {
	background-color:#F3F3F3; cursor:hand;
}



.div_list_top_bar_inner_item_menu div {
	height:20px;padding-top:5px;
}

.div_list_top_bar_inner_item_menu span {
	margin-left:10px;
}


/* --------------- Menu de configuração ---------------------------------------------------------- */

#div_config_top_bar {
	padding-top:5px;
}

/* --------------- Menu de configuração ---------------------------------------------------------- */

#div_help_top_bar {
	padding-top:5px;
}

/* --------------- Popup genérico ---------------------------------------------------------- */

.div_generic {
	display:none; width:800px; height:480px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	opacity:0.65; -moz-opacity:0.65; filter: alpha(opacity=65); background: black; color:white; padding:5px;
	margin-top:9px; position:absolute; word-wrap:break-word; -moz-border-radius:5px; 
	-webkit-border-radius:5px; border-radius:5px; margin-bottom:2em;
}

.div_generic_inner {
	display:none; position:absolute; width:790px; height:450; top:75px; margin:4px; background-color:white; overflow:auto;
}


/* --------------- Popup grid ordenation ---------------------------------------------------------- */

#div_grid_ordenation {
	display:block; width:200px; min-height:280px; background:white; padding:5px; margin-top:8px; position:absolute;
	border:thin; border-color:black; border-width:2px; border-style:solid;
}

#div_grid_ordenation:after{ /*arrow added to uparrowdiv DIV*/
	display:block; content:''; position:relative; top:-26px; /*should be set to -border-width x 2 */
	left:175px; width:0; height:0;
	border-style: solid; border-width:10px; border-color: transparent transparent black transparent; /*border color should be same as div div background color*/
}








@font-face {
    font-family: 'calibri light';
    src: url('../fonts/calibril-webfont.eot');
    src: url('../fonts/calibril-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibril-webfont.woff') format('woff'),
         url('../fonts/calibril-webfont.ttf') format('truetype'),
         url('../fonts/calibril-webfont.svg#calibrilight') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{ 
	background-color: #fff; padding:0 0 0 0; margin:0 0 0 0;
}
body, input, select, td, textarea{ 
	font-family: Verdana, Arial, calibri;  
	font-size: 12px;
	color:black;
	
}

h1, h2, h3, h4, h5, h6, p, strong, div, form, acronym, label, table, td, th, span, a, hr, code, pre, hr {
	margin:0;
	padding:0;
	font-size:13px;
	background-repeat:no-repeat;
	list-style-type:none;
	color:black;
	font-family:calibri;
}
a, a:visited, a:hover { 
	color:#7F7F7F; text-decoration:none;
}
img{ 
	border:none;
}
hr {
	height: 1px;
	color: #000;
	clear:both;
}
textarea {
	width:99%;
	height:70px;
}
select.tipo {
	width:115px;
}
select.status {
	width:74px;
}
dt {
	font-weight: bold;
}
.clear {
	clear: both;
}
h1 {
	font-size: 1.5em;
}
h1 a{
	color: #000;
}
div#header {
	background-color: #fea;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px 10px 18px 15px;
	margin: 5px 3% 5px 2%;
}
div#header ul{
	margin: 5px 0 0 0;
}
div#header ul li{
	list-style-type: none;
	float: left;
	padding: 0 10px 0 0;
	font-weight: bold;
}
div#header ul li a{
	display: block;
	color: #f00;
	border-left: 1px solid red;
	padding-left: 5px;
}
div#header ul li a:hover{
	border-left: 1px solid #000;
}

h2 {
	font-size: 1.2em;
	margin: 10px 0 10px 0;
}

h2 {
	font-size: 1.1em;
	margin: 10px 0 5px 0;
}

p {
	margin: 0 0 10px 0;
}

acronym {
	border-bottom: 1px dashed #000;
	cursor: help;
}

div#body {
	margin: 0 3% 5px 2%;
	padding: 5px 10px 0px 10px;
	border: 1px dashed #666;
}	

div#table {
	margin: 10px 0% 0px 0%;
	width:97.5%;
	height:213px;
	overflow-y:auto;
}	

div#validxhtml {
	float: right;
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px;
	margin: 5px;
	width:100px;
	text-align: center;

}
div#footer {
	border-top: 1px solid #666;
	padding: 5px 5px 5px 5px;
	text-align:right;
}

div#footer span {
	float: left;
}

/*.changed {
	background-color: #ee0;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px;
}*/
ul#stylelist {
	margin:0 0 30px 0;
}

ul#stylelist li {
	list-style-type: none;
	float:left;
	width:100px;
	border: 1px solid #ccc;
	background-color: #eee;
	padding:2px;
	margin-right: 2px;
}

table.header {
	border: 1px solid #666;
	width: 100%;
	margin: 0px 0 0px 0;
}

table {
	border: 1px solid #666;
	margin: 0px 0 0px 0;
}

th, td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
}
thead tr {
  background-color: #fc0;
}
th.sorted {
    background-color: orange;
}
th a, th a:visited {
  color: black;
}
th a:hover {
  text-decoration: underline;
  color: black;
}
th.sorted a, th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
}
th.sortable a {
	background-image: url(../img/arrow_off.png);
}
th.order1 a {
	background-image: url(../img/arrow_down.png);
}
th.order2 a {
	background-image: url(../img/arrow_up.png);
}
tr.odd {
  background-color: #fff
}
tr.tableRowEven, tr.even {
  background-color: #fea 
}

ul#showsource {
	float: right;
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 5px;
	width:100px;
	list-style-type: none;
}


/* test styles */
table.its thead tr {
  background-color: #69c;
}
table.its tr.even {
  background-color: #def;
}

table.mars thead tr {
  background-color: #9c9;
}
table.mars tr.even {
  background-color: #ccb;
}
table.mars tr.odd {
  background-color: #eec;
}



table.simple thead tr {
  background-color: #f5f6f7;
  font-weight:normal;
  font-family:calibri;
  
  
}
table.simple tr.even {
  background-color: white;
  font-weight:normal;
  font-family:calibri;
}
table.simple {
	border: 1px solid #DBE1E8;
	border-collapse: collapse;
	font-weight:normal;
}
table.simple td,table.simple th{
	border: 1px solid #DBE1E8;
}

table.nocol tbody td,table.nocol tbody th{
	border-left: none;
	border-right: none;
}


table.report td, table.report th{
	font:         menu;
}
table.report th{
	background:   buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	cursor:       hand;
}
table.report idcol {
	background: buttonface;
}

table.report tr.even{
	background-color: #399;
}
table.report tbody {
	height: 50px;
}

table.report {
	height: 120px;
}

table.report tbody tr{
	height: 10px;
}



table.mark td.tableCellError {
	background-color: #d00;
	color: #fff;
}

table.sublist {
	margin: 0 0 0 0;
	width: 100%;
}
table.sublist td, table.sublist th {
	width: 50%;
}

div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: -10px 0 10px 0;
	width: 79%;
}

span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url(../img/ico_file_excel.png);
}
span.csv {
	background-image: url(../img/ico_file_csv.png);
}
span.xml {
	background-image: url(../img/ico_file_xml.png);
}
span.pdf {
	background-image: url(../img/ico_file_pdf.png);
}

span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	display:block;
	border-top: none;
	margin-bottom: -5px;
}



textarea {
	padding-left:10px;
	font-size:13px;
	font-family:calibri light;
	border-style:solid;
	border-width:1px; 
	border-color:#E0E0E0;
	background-color:white; 
	height:25px;
	/*color:#7F7F7F;*/ 
}

input {
	font-size:13px;
	padding-left:10px;
	/*font-weight:bold;*/ 
	font-family:calibri light;
	border-style:solid;
	border-width:1px;
/*	color:#7F7F7F;*/
	border-color:#E0E0E0; 
	background-color:white; 
	height:30px;
	
}


.div_select{
	padding-top:0px;
	height:30px;
	width:99%; 
	border-style:solid; 
	border-color:#E0E0E0; 
	border-width:1px;
	background-color:white;
	
}


.table1{
	border-collapse:collapse;
	background-color:white; 
	font-size:13px; 
	width:100%; 
	/*color:#7F7F7F;*/ 
	font-family:calibri;
	vertical-align:middle;
	
}
.table1 tr td {
	vertical-align:middle;
	border:1px solid #DBE1E8;
}

.table1 tr.even td {
	vertical-align:middle;
	border:1px solid #DBE1E8;
	background-color:#E2E2E3;
	font-size:14px;
}

.div_select1{
	padding-top:2px;
	height:23px;
	width:99%; 
	border-style:solid; 
	border-color:#DBE1E8; 
	border-width:1px;
	background-color:white;
}


.select1:focus{
	outline:none;
	border-color:white;
}


.select1{
	/*font-weight:bold;*/
	height:30px;
	border-style:none;
	table-layout:fixed;
	/*color:#7F7F7F;*/
	width:100%;
	font-family:calibri light;
	font-size:13px;
}


.select2:focus{
	outline:none;
	border-color:white;
}


.select2{
	/*font-weight:bold;*/
	height:22px;
	border-style:none;
	table-layout:fixed;
	/*color:#7F7F7F;*/
	width:100%;
	font-family:calibri light;
	font-size:13px;
}


.selectBox{
	padding-left:9px;
	padding-top:4px;
	color:gray; 
	font-size:12;
	font-family:Calibri;
	width:100%;
	height:70px;
}

button {
	cursor:hand;
	border-width:0px;
	font-size:14px;
	font-weight:bold; 
	font-family:Segoe Ui;
	border-style:solid;
	border-bottom-width:0px; 
	border-bottom-color:#69A3D6; 
	background:#357dbf;
	color:white; 
	border-radius:4px; 
	height:30px;
}
	
	
		

.buttonInput {
	cursor:hand;
	font-size:14px;
	font-weight:bold; 
	font-family:Segoe Ui;
	border-style:solid;
	border-bottom-width:0px; 
	border-bottom-color:#69A3D6; 
	background:#357dbf;
	color:white; 
	border-radius:4px; 
	height:30px;


}

.buttonInput_red {
	cursor:hand;
	font-size:14px;
	font-weight:bold; 
	font-family:Segoe Ui;
	border-style:solid;
	border-width:0px; 
	border-color:#CE1B21; 
	background:#CE1B21;
	color:white; 
	border-radius:4px; 
	height:30px;
}



.buttonInput_Green {
	cursor:hand;
	font-size:14px;
	font-weight:bold; 
	font-family:Segoe Ui;
	border-style:solid;
	border-bottom-width:0px; 
	border-bottom-color:#13CA73; 
	background:#0F9D58;
	color:white; 
	border-radius:4px; 
	height:30px;
}

.buttonInput2 {
	cursor:hand;
	font-size:14px;
	font-weight:noormal; 
	font-family:calibri light;
	border-style:solid;
	border-width:1px; 
	border-color:#E0E0E0; 
	background:white;
	color:#7F7F7F; 
	border-radius:4px; 
	height:30px;
}


.img_opaco {
 /*opacidade*/
 opacity:0.75;
 -moz-opacity: 0.75;
 filter: alpha(opacity=75);
 /*filtro P/B*/ 
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 /*qualidade*/
 image-rendering: auto;
}
.img_opaco:hover {
 opacity:1;
 -moz-opacity: 1;
 filter: alpha(opacity=100);
 -webkit-filter: opacity(1);
 filter: none; /* Firefox 10+ */
 -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
 image-rendering: auto;
}