/*Comuns*/

.align_center
{
	text-align: center;
}

.align_left
{
	text-align: left;
}
.margin_top_50px
{
	margin-top: 50px;
}

.no_decoration
{
	color:#000;
	text-decoration: none;
}

.no_decoration:hover
{
	color:#000;
	text-decoration: none;
}

.at_bottom
{ 	
	position: fixed;
	padding-bottom: 20px;
    bottom: 0;
    width: 100%;
}

.fontsize
{
	font-size: 12px;
}

.fs_lbl_maquinas
{
	font-size:14px;
	font-style: normal;
	color: #2A5AFF;
}

.fontsize_11px
{
	font-size: 11px;
}

.fontsize_10px
{
	font-size: 10.5px;
}

#error_bar
{
	display: none;
	position: absolute;
	background-color: #a94442 !important;
	color:#f2dede !important;
	width: 100%;
	z-index: 100;
	text-align: center;
}

#message_bar
{
	display: none;
	position: absolute;
	background-color: #339933 !important;
	color:#FFF !important;
	width: 100%;
	z-index: 100;
	text-align: center;
}


/* Menu */

.nav-samsung
{
	background-color: #1428A0 !important;
	color:#FFF !important;
}

.nav_options
{
	color:#FFF !important;
}

.nav_option_active
{
	color:#000 !important;
}

.nav_options:hover
{
	color:#FFF !important;
}

/*DIV NUMERO SERIE VALIDATOR*/

.ns_val_div1{
	text-align:center; 
	margin-bottom:15px;
}

.ns_val_div2{

}

.ns_val_div3{

}

.ns_val_div4{
	text-align: right;
}

.status_lbl_nv{
	display: none;
}

.status_lbl_val{
	color:#FFFFFF;
	font-size: 16px;
	background-color: #339933;
	height: 30px;
	text-align: center;
	width:100%;
	padding-top:5px;
	padding-bottom:auto;
	display: inline-block;

}

.status_lbl_inv{
	color:#FFFFFF;
	font-size: 16px;
	background-color: #a94442;
	height: 30px;
	text-align: center;
	width:100%;
	padding-top:5px;
	padding-bottom:auto;
	display: inline-block;
}

/* Login Page */

.panel-header{
	background-color: #1428A0 !important;
	color:#FFF !important;
	
}

.panel-login
{
	margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
	width: 	350px;
	height: auto;
}

.panel-border-color
{
	border-color: #1428A0 !important;
}

.txt_login
{
	border-style: solid;
	border-width: 1px;
	border-color:#BBB;
	width: 320px;
	border-radius: 3px;
}

.button_login
{
	background-color: #909090  !important;
	color:#FFF;
}

.button_login:hover
{
	background-color: #808080  !important;
	color:#FFF;
}

.login_opt_div
{
	margin-top: 5px;
	text-align: right;
}

.div_items
{
	margin-top:5px;
}

.div_itemsx2
{
	margin-top:10px;
}


/* Dashboard Page */

.m_div
{
	width: 100%;
	text-align: center;
}
.main_div
{
	width: 1200px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: #000 !important;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	
}


.sub_main_div
{
	width: 1200px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: #000 !important;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

.opts 
{
	float: left;
	display: inline-block;
}


.opts_participations
{
	border-style: solid;
	border-width: 1px;
	border-color: #DDD !important;
	border-radius: 4px;
	background-color: #CCC;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	width:360px;
}

.anexados
{
	border-color:#680000 !important;
	background-color: #680000 !important;
}

.buttons_opts
{
	width: 340px;
	margin-top:2px;
	margin-bottom: 2px;
	/* margin-left: 5px; */
}

.buttons_ops
{
	margin-top:2px;
	margin-bottom: 2px;
	/* margin-left: 5px; */
}

.list_sessions
{
	float: left;
	width: 600px;
	margin-top: 10px;
	padding-top: 5px;
	overflow-y:auto;
	display: inline-block;
	border-color: #DDD;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	height:261px;
	border-color: #000;
	border-style: 1px;
	border-width: 1px;

}

.details
{
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	/*border-color: #DDD;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;*/
	width: 215px;
}

.session_detail
{
	margin-top:2px;
}

.session_detail_header
{
	background-color: #2B2B2A;
	color:#FFF;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.session_detail_body
{
	border-color: #2B2B2A;
	border-style: solid;
	border-width: 1px;
}

.gray_color
{
	background-color: #F7F7F7;
}

.gray_color_ccc
{
	background-color: #CCC;	
}

.gray_color_bbb
{
	background-color: #BBB;		
}

.gray_color_dark
{
	background-color: #585858;
	color:#FFF;
}

.row_item
{
	margin-top:2px;
	margin-bottom: 2px;
	display: inline-block;
}


#validos
{
	float: left;
	margin-left: 2px;
	background-color: #449d44;
	color:#FFF;
	float:left; 
	width:150px;
	text-align: right;
	padding-right: 5px;
	height: 22px;
}

#qtd_validos
{	
	float: right;
	border-color: #449d44;
	border-width: 1px;
	border-style: solid;
	width: 55px;
}

#invalidos_talao
{
	float: left;
	margin-left: 2px;
	background-color: #ec971f;
	color:#FFF;
	float:left; 
	width:150px;
	text-align: right;
	padding-right: 5px;
	height: 22px;
}

#qtd_invalidos_talao
{
	float: right;
	border-color: #ec971f;
	border-width: 1px;
	border-style: solid;
	width: 55px;
}

#invalidos_cod_barras
{
	margin-left: 2px;
	background-color: #c9302c;
	color:#FFF;
	float:left; 
	width:150px;
	text-align: right;
	padding-right: 5px;
	height: 22px;
}	

#qtd_invalidos_cod_barras
{
	float: right;
	border-color: #c9302c;
	border-width: 1px;
	border-style: solid;
	width: 55px;
}

#anexados
{
	margin-left: 2px;
	background-color: #680000;
	color:#FFF;
	float:left; 
	width:150px;
	text-align: right;
	padding-right: 5px;
	height: 22px;
}


#qtd_anexados
{
	float: right;
	border-color: #680000;
	border-width: 1px;
	border-style: solid;
	width: 55px;
}

.resume_sessions
{
	margin-top:5px;
	margin-bottom: 5px;
}

.style_resume_item
{
	float: left;
	background-color: #12276E;
	color:#FFF;
	width:150px;
	text-align: right;
	padding-right: 5px;
	height: 22px;
}

.resume_sessions_header
{
	background-color: #2A5AFF;
	color:#FFF;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.resume_sessions_body
{
	border-color: #2A5AFF;
	border-style: solid;
	border-width: 1px;
}

.resume_item
{
	border-color:#12276E;
	border-style: solid;
	border-width: 1px;
	float:right;
	width:55px;
	height:22px;
}

.session_number
{
	border-style: solid;
	border-width: 1px;
	border-color: #000 !important;
	border-radius: 4px;
	width: 360px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	display: inline-block;
}

.desc_session
{
	border-style: solid;
	border-width: 1px;
	border-color: #000 !important;
	border-radius: 4px;
	margin-top: 1px;
	margin-left: 5px;
	margin-right: 2px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	width: 250px;
	float: left;
	background-color: #BBB;
}

.num_session_div
{
	border-style: solid;
	border-width: 1px;
	border-color: #000 !important;
	border-radius: 4px;
	margin-top: 1px;
	margin-left: 5px;
	margin-right: 2px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	width: 84px;
	height: 26px;
	float: right;
	background-color: #000;
	color: #FFF;
}

.session_open_edit
{
	background-color: #CCC !important;
	border-style: solid;
	border-width: 1px;
	border-color: #BBB !important;
	border-radius: 4px;
	width: 360px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.left_div
{
	background-color: #F0F0F0;
	border-radius: 4px;
	width: 600px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	height: 350px;
	float: left;
	display: inline-block;
}

.row_hand:hover
{
	cursor: hand;
}

.header_tab_validas
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #E8E8E8;
	border-top-right-radius: 10px;
	float: left;
	height: 37px;
	width:150px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.header_tab_validas:hover
{
	cursor: hand;
}

.header_tab_invalidas_talao
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #CCC;
	border-top-right-radius: 10px;
	float: left;
	height: 37px;
	width:150px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.header_tab_invalidas_talao:hover 
{
	cursor: hand;
}
.header_tab_invalidas_codbarras
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #CCC;
	border-top-right-radius: 10px;
	float: left;
	height: 37px;
	width:150px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.header_tab_invalidas_codbarras:hover
{
	cursor: hand;
}

.header_tab_anexados
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #CCC;
	border-top-right-radius: 10px;
	float: left;
	height: 37px;
	width:150px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.header_tab_anexados:hover
{
	cursor: hand;
}

.table_width
{
	width:1000px !important;
}

.tab_div
{
	display: inline-block;
}

.tab_validas
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	width: 600px;
	height:210px;
	display: block;
	overflow-x: scroll;
	overflow-y: auto;
}

.tab_inv_talao
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	display: none;
	width: 600px;
	height:210px;
	overflow-x: scroll;
	overflow-y: auto;
}


.tab_inv_cod_barras
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	display: none;
	width: 600px;
	height:210px;
	overflow-x: scroll;
	overflow-y: auto;
}

.tab_anexados
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	display: none;	
	width: 600px;
	height:210px;
	overflow-x: scroll;
	overflow-y: auto;
}


.right_div
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	width: 575px;
	height: 345px;
	float: right;
	margin-right: 10px;
	margin-top: 7px;
	margin-left: 5px;
	margin-bottom: 5px;
	display: block;
}

.opts_part_nespresso
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #CCC;
	border-radius: 4px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px; 
	width: 350px;
	height: 335px;
	float: left;
	display: block;
}

.opts_part_nespresso.disabled
{
	opacity: 0.3;
	position: absolute;
	z-index: 10000;
}

.row
{
	margin-top:5px;
	margin-bottom:2px;
	width: 325px;
	display: block;
	margin-left: 15px;
}

.itm_left_div
{
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	width: 120px;
	float: left;
}

.itm_right_div
{
	float:left;
}

.txt_area
{
	min-width:100%;
	max-width:100%;
	min-height: 52px;
	max-height: 52px;
}

.opts_inv_nespresso
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #CCC;
	border-radius: 4px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:5px;
	margin-right:5px;
	width: 205px;
	height: 335px;
	float:right;
	position: relative;
}
.status_session
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	border-radius: 4px;
	margin-top:5px;
	padding-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 190px;
	height: 35px;
	float:right;

}

.opts_invalido_codbarras
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #DDD;
	border-radius: 4px;
	margin-top:5px;
	padding-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 190px;
	height: 105px;
	float:right;
	display: none;
}

.row_inv
{
	margin-top: 5px;
}
.span_inv
{
	margin-left: 5px;
}
.cod_barras_select
{
	width:175px;
}

.bt_inv_width
{
	width: 175px;
}

.father
{
	width:	200px;
	height: 240px;
}
.opts_anexados
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #DDD;
	border-radius: 4px;
	margin-top:5px;
	padding-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 190px;
	height: 70px;
	float:right;
	display: none;
}

.save_div
{
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 190px;
	height: 120px;
	float:right;
}

.other_items
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #CCC;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 600px;
	height: 95px;
}

.row_item_data
{
	margin-top: 8px;
}

.left_item
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #DDD;
	border-radius: 4px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 285px;
	height: 85px;
	float:left;
}

.left_item_data
{
	width: 193px;
	float: left;
	text-align: right;
	padding-right: 5px;
	margin-left: 10px;
	border-color: #AAA;
	border-style: solid;
	border-width: 1px;


}

.right_item_data
{
	float: right;
	text-align: center;
	margin-right: 10px;
	border-color: #AAA;
	background-color: #CCC;
	color:#000;
	border-style: solid;
	border-width: 1px;
	width:70px;
}	

.right_item
{
	border-style: solid;
	border-color: #BBB;
	border-width: 1px;
	background-color: #DDD;
	border-radius: 4px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:5px;
	width: 285px;
	height: 85px;
	float:left;
}

.bt_close_session
{
	margin-left: auto;
	margin-right: auto;
	width:250px;
	height: 50px;
	margin-top: 17px;
	margin-bottom:auto;
	background-color: #286DFF !important;
	border-color: #286DFF !important;
}

/* POPUP WINDOW */

.status_div_hidden 
{
  display:block; 
  position: fixed;
  width:100%;
  height:100%;
  background-color: rgba(120,120,120, 0.6);
  z-index:20000;
}


.content_status_div
{
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
    background-color:#FFFFFF;
    width:500px;
    height:190px;
    margin-left:auto;
    margin-right:auto;
    border-radius: 10px;
 
}

.width_warning_div
{
	height:250px;
}

.div_closeButton
{
	position: absolute;
	top: 0;
	right: 0;
}

.href_close:hover,
.href_close
{
  display:inline-block;
  text-decoration:none;
  color:#FFF;
  padding-top:10px;
  margin-right:10px;
}

.txt_opts_part_nespresso
{
	width:205px;
}