body{
	margin: 0px auto;
	text-align: center;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 11px;
}

table{
	width: 96%;
	background-color: #EEE;
	border: 2px solid white;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 11px;
	margin: 5px;
}
table.complete{
	margin: 0px auto;
}
table.valores{
	width: 530px;
	max-width: 530px;
	font-size: 10px;
	float: left;
	background-color: #FFFFFF;
}
table.table_userdata td{
	border: 1px solid #FFFFFF;
	padding: 2px;
}
table.table_userdata{
	border:  0px;
}
table.RawTealium tr td, table.RawData tr td{
	width: 100%;
	text-align: left;
	text-overflow: ellipsis;
    overflow: hidden;
    max-width: 500px;
    white-space: nowrap;
}
table tr td{
	text-align: center;
	padding: 10px;
	vertical-align: top;
}
table.minipoints{
	text-align: center;
	padding: 0px;
	vertical-align: middle;
	margin: 0px;
	font-size: 7px;
	border: 0px;
}
table.minipoints td{
	text-align: center;
	padding: 0px;
	width: 10px;
	vertical-align: middle;
	background-color: #FFF;
}
tr.title{
	font-weight: bold;
	background-color: #E20411;
	color: #FFF;
}
td.id{
	width: 25px;
}
td.time{
	width: 150px;
}	
td.time.secColor{
	width: 150px;
	background-color: #FFFFFF;
}			
td.source{
	max-width: 160px;
	width: 160px;
}	
td.fbid{
	width: 200px;
}	
td.data, td.event{
	text-align: left;
}
td.valores_td_key{
	width: 190px;
	min-width: 190px;
	text-align: right;
	padding: 2px;
}	
td.valores_td_key_visual{
	width: 190px;
	min-width: 190px;
	padding: 5px;
}
table.valores_completos > tr > td{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
td.valores_td_key_visual_first{
	width: 50px;
	min-width: 50px;
	padding: 5px;
}	
td.valores_tr_title{
	width: 100px;
	text-align: left;
	background-color: #74c1fd;
	padding: 5px;
}
td.valores_tr_title_event{
	width: 100px;
	text-align: left;
	background-color: #fdd074;
}
td.valores_tr{
	text-align: left;
	word-wrap: break-word;
}
td.valores_td_value{
	text-align: left;
	max-width: 350px;
	padding: 2px;
	word-break: break-all;
}
td.valores_td_mapping{
	text-align: center;
	max-width: 64px;
	width: 64px;
	padding: 2px;
	word-break: break-all;
}
td.valores_td_visual_value{
	width: 350px;
	padding: 5px;
	word-break: break-all;
}
input.check_inputs{
	width: 250px;
}
input.check_inputs2{
	width: 80px;
}
input.check_inputs#hdu, input.check_inputs#search_id, input.check_inputs#environment{
	width: 60px;
}
input.check_inputs#test_pass{
	width: 100px;
}		
div.erase, div.hide_seq, div.show_seq{
	cursor: pointer;
}
img.capturas_pantalla{
	width: 150px;
}
img.capturas_pantalla_visual{
	width: 150px;
}		
table.RawData td{
	text-align: left;
}
textarea{
	border:  0px;
	background: transparent;
}
table#header{
	background-color: #FFFFFF;
}
table#header td.header_bar{
	vertical-align: middle;
}
img.button_img{
	cursor: pointer;
}
select[name=predefined]{
	width: 90px;
	padding: 8px;
}
select[name=vis_type]{
	width: 110px;
	padding: 8px;
}	
select[name=rs_type]{
	width: 80px;
	padding: 8px;
}	
select[name=data_channel]{
	width: 60px;
	padding: 8px;
}	
td.campos{
	text-align: left;
	width: 150px;
	vertical-align: top;
}
td.centered_campos{
	width: 250px;
}
td.lefted_campos{
	text-align: left;
}
table.footer{
	width: 100%;
}
table.inside_visual{
	background-color: #FFFFFF;
}
span.dicc{
	font-size: 8px;
}
span.blueText{
	color: blue;
}
table.minipoints td.adobe_ok{
	background-color: #66FF66;
}
table.minipoints td.adobe_ko{
	background-color: #FF6666;
}
.gray{
	background-color: #DDDDDD;
}
button{
	background-color: #CCCCCC;
	border-width: 0px;
	padding: 5px 10px 5px 10px;
}
button:hover{
	background-color: #FF6666;
	cursor: pointer;
}
input[type=text]{
	padding: 5px 10px 5px 10px;
	background-color: #DDDDDD;
	border-width: 0px;
}

.resize {
    cursor: col-resize;
    width: 5px;
  }