@import "components/custom-checkbox.css";
@import "components/custom-dropdown.css";
@import "components/custom-radio.css";
/* GERAL */

/*
	scrollbar-face-color: #F37020;
	scrollbar-highlight-color: #FFDD88;
	scrollbar-3dlight-color: #CC6600;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #CC6600;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFCC66;
*/

table.sortable th
{
	cursor: pointer;
}

a:hover { border:0px; }
a {border:0px; }

body { margin: 0; padding: 0; border: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #777777; text-align: justify; background-color: #FFFFFF; }

p { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #444444; text-align: justify; }

h1 { /* LEGENDA */ font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #9999AA; }

img { border: 0;}

/* botão de logout */
img.middle {
	vertical-align: text-top;
}

input {	padding: 2px; margin: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #555555; }
input {
	border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
		box-shadow: none;
		background-color: #EDEDED !important;
		padding: 6px;
		padding-left: 15px;
}
textarea { padding: 2px; margin: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #555555; /*background-color: #FFFFFF;*/ }

select { padding: 1px 0px 1px 0px; margin: 0; border: 0; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #555555; z-index: 1;}


/* MENUS */

.full_area { border: 0; width: 100%;  padding: 80px 0 0 260px;}

.menu_td {	background-image: url(../img/bg_menu_lat.gif); height: 39px; width: 770px; z-index: 1;}

.menu_fill {
	vertical-align: top;
	width: 100%;
	height: 39px;
	border: 0;
	font-weight: bold;
	z-index: 2;
}

.menu_fill td {	background-image: url(../img/bg_menu_lat.gif); height: 39px; width: 770px; z-index: 3;}

.menu {
	z-index: 4;
}

.menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	width: 124px; /* Width of Menu Items */
}

.menu ul li {
	position: relative;
}

.menu li ul {
	position: absolute;
	top: 21px; /* Set 1px less than menu height */
	left: 0;
	display: none;
}

/* Menu Items Style*/
.menu ul li a {
	background: url(../img/bg_items.gif) 0 0 no-repeat;
	display: block;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
	border: 0;
	text-align: center;
}

/* Sub Menu Style */
.menu li ul li a {
	text-align: left;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #07a7ba;
	padding: 4px 0 4px 8px;
}

.menu li ul li a:hover { color: #FFFFFF; }
.menu li ul .items_grd { width: 200px; }
.menu li ul .items_grd a { background-position: -448px 0; }
.menu li ul .items_grd a:hover { background-position: -248px 0; }
.menu li ul .items_peq { width: 124px; }
.menu li ul .items_peq a { background-position: -124px 0; }
.menu li ul .items_peq a:hover { background-position: 0 0; }

/* Holly Hack. IE Requirement \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */

.menu li:hover ul, .menu li.over ul {
	display: block;  /* The magic */
}

.week_table { background-color: #EEF0F0; border: 1px solid #CCCCCC; width: 770px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #777777; }
.week_table tr td { height: 16px; text-align: center; }
.week_table tr td a div { padding-top: 3px; position: relative; width: 100%; height: 100%; text-align: center; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #777777; }
.week_table tr td a:hover { background-color: #CCCCCC; cursor: pointer; }
.data_vars { visibility: hidden; }

.data_table {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 10px 0 0 0;
	border: 0;
	width: 100%;

	border-collapse: separate;
	border-spacing: 0 10px;
}
.teste {
	vertical-align: middle;
	min-width:50px;
	max-width:50px;
}
.paginas_table {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0px 0 0 0;
	border: 0;
	width: 100%;
}

.data_table td {
	/*border: 1px solid #FFFFFF;*/
	height: 45px;
}
.data_table td:nth-of-type(1){
	border-top-left-radius: 20px;

}
.data_table td:last-child{

  border-top-right-radius: 20px;
}


.data_link:link, .data_link:visited, .data_link:active {
	text-decoration: underline;
	color: #07a7ba;
}

.data_link:hover {
	text-decoration: none;
	color: #FF0000;
}

.data_order, .data_order:hover, .data_order:link, .data_order:visited, .data_order:active {
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
}

.data_order div {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.column_row {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #00A6B9;
	color: #FFFFFF;
	/* cursor: pointer; */
	text-transform: uppercase;
}
.column_row td, .column_row .column_cell div, .column_row .column_cell .data_order div{
	font-weight: bold;
}

.column_cell div {
	width: 100%;
	padding: 0 5px;
}

.column_cell:hover {
	background-color: #07a7ba;
}

/* FORMS */

.form_template {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	border: 0;
	/*width: 758px;*/
}

.form_templateSmall {
	
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
}

.title_space {
	/*background-image: url(../img/bg_title.gif);*/
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	width: 770px;
	height: 25px;
}

.title_space_auth {
	background-image: url(../img/bg_title_auth.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	width: 770px;
	height: 25px;
}


/* menu principal */
.title_space_main {
	background-image: url(../img/bg_title_main.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	width: 770px;
	height: 25px;
}

.form_table {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	/*width: 758px;*/
	width: 100%;
}

.form_tableSmall {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

.login_form_table {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	width: 758px;
	/*background-image: url(../img/bg_g_mobbit.gif); */
	background-position: right;
	background-repeat: no-repeat;
}


.associations { padding: 4px 0px 8px 0px; text-align:justify; font-weight: bold; color: #07a7ba; width: 359px; }
.associations_space { padding: 6px 10px 2px 10px; margin: 0; border: 0; vertical-align:top; text-align: left; font-weight: bold; width: 359px; }

.assoc { padding: 0; margin: 0; border: 0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #777777; white-space: nowrap; /* 9 */ }
.assoc img { padding: 0; margin: 0px 3px 0px 3px; border: 0; float: left; }
.assoc div { padding: 1px 1px 2px 1px; margin: 0; border: 0; vertical-align: top; float: left; cursor: pointer; width: 325px; }
.assoc div a:hover, a:link, a:visited { text-decoration: none; }

.function_space { padding: 4px 0px 0px 0px; margin: 0; border: 0; vertical-align: top; }
.function { padding: 0; margin: 0; border: 0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #07a7ba; white-space: nowrap; /* 9 */ }
.function img { padding: 0; margin: 0px 3px 0px 3px; border: 0; float: left;     width: 25px;}
.function div { padding: 7px 1px 2px 1px; margin: 0; border: 0; vertical-align: top; float: left; cursor: pointer; }
.function div a:hover, a:link, a:visited { text-decoration: none; }

.button { padding: 0; margin: 0; border: 0; vertical-align: middle; white-space: nowrap; }
/*.button a div { background-image: url(../img/buttons/bg_button.gif); background-repeat: no-repeat; vertical-align: middle; float: left; text-align: center; padding: 4px 0px 4px 0px; margin: 0px 5px 0px 5px; width: 100px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #777777; cursor: pointer; }*/

.button_page { padding: 2px 5px 2px 5px; margin: 0; border: 0; vertical-align: middle; white-space: nowrap; }
.button_page strong { vertical-align: middle; float: left; text-align: center; padding: 1px 0px 2px 0px; margin: 0px 2px 0px 2px; border: 0;}
.button_page img { float: left; text-align: center; padding: 0; margin: 0px 2px 0px 2px; }
.current_page { background-image: url(../img/buttons/button_page.gif); background-repeat: no-repeat; vertical-align: middle; float: left; text-align: center; padding: 1px 0px 2px 0px; margin: 0px 2px 0px 2px; width: 14px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; cursor: pointer; }
.other_page { background-image: url(../img/buttons/button_sel_page.gif); background-repeat: no-repeat; vertical-align: middle; float: left; text-align: center; padding: 1px 0px 2px 0px; margin: 0px 2px 0px 2px; width: 14px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #CC0000; cursor: pointer; }

.button_large { padding: 10px 5px 10px 5px; margin: 0; border: 0; vertical-align: middle; white-space: nowrap; }
.button_large div { background-image: url(../img/buttons/bg_button_large.gif); background-repeat: no-repeat; vertical-align: middle; float: left; text-align: center; padding: 4px 0px 4px 0px; margin: 0px 5px 0px 5px; width: 124px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #777777; cursor: pointer; }

.button_search { padding: 0px 4px 0px 4px; margin: 0; border: 0; vertical-align: middle; text-align: right; width: 132px; }
.button_search div { background-image: url(../img/buttons/bg_button_large.gif); background-repeat: no-repeat; vertical-align: middle; text-align: center; padding: 4px 0px 4px 0px; margin: 0; width: 124px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #777777; cursor: pointer; }

.module_space {	padding: 6px 0px 0px 0px; margin: 0; border: 0; vertical-align: top; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #07a7ba; }

.question_space { padding: 10px 10px 10px 10px; text-align:justify; font-weight: bold; width: 738px; }

.legenda_space { vertical-align: middle; float: right; text-align:right; font-weight: bold; }

.formname_space { padding: 0px 0px 2px 0px; margin: 0; border: 0; vertical-align:top; text-align: left; font-weight: bold; width: 120px; }
.formname_space_selection { padding: 0px 0px 2px 0px; margin: 0; border: 0; vertical-align:top; text-align: left; }
.error_space { padding: 6px 0px 2px 10px; margin: 0; border: 0; text-align: justify; font-weight: bold; color:#FF0000; width: 748px; }
.input_space { padding: 2px 5px 2px 5px; margin: 0; border: 0; text-align: left; }
.entry_space { padding: 0; margin: 0px 0px 10px 0px; border: 0; }

.formname_type { padding: 6px 0px 2px 10px; margin: 0; border: 0; vertical-align:top; font-weight: bold; text-align: right; width: 85px;}
.formstyle_type { padding: 2px 5px 2px 5px; margin: 0; border: 0; text-align: left; }
.durationstyle_type { padding: 2px 10px 2px 0px; margin: 0; border: 0; text-align: right; width: 70px; font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #9999AA; }
.totaldurationstyle_type { padding: 2px 95px 2px 0px; margin: 0; border: 0; text-align: right; font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #9999AA; }

.form_permiss{ width: 100%;}
.form_permiss tr td{ padding: 6px 10px 6px 10px; margin: 0; border: 0; text-align: left; vertical-align: top;  font-weight: bold;}

.select_space { padding: 2px 5px 2px 10px; margin: 0; border: 0; text-align: left; }


.point_number {
	color:#FFFFFF;
	background-color: #BBBBBB;
	padding: 2px 4px 2px 4px;
	margin-right: 5px;
}

.duration_msg { font: bold 9px Verdana, Arial, Helvetica, sans-serif; color: #9999AA; }
.info_msg { font: italic 9px Verdana, Arial, Helvetica, sans-serif;	color: #9999AA; }
.empty_msg { padding: 10px 10px 10px 10px; margin: 0; border: 0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
.error_msg { color:#FF0000; float:right;}

/* CONTENT */

.content { padding: 0; margin: 0; border: 0; vertical-align: top; /*text-align: center; */ width: 770px; }

/* INTERFACE GERAL */

.header { padding: 0; margin: 10px 0px 0px 0px; border: 0; background-image: url(../img/bg_header_big.png); background-repeat: no-repeat; width: 920px; height: 120px; }
.bg_header{	padding: 0; margin: 10px 0px 0px 0px; border: 0; background-image: url(../img/bg_header_lat.gif); height: 80px; }

.blank_space { padding: 2px 5px 5px 5px; margin: 0; border: 0; width: 760px; height: 14px; }
.current_user { padding: 0px 5px 5px 5px; margin: 0; border: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #999999; /*#F37020;*/ text-align: left; vertical-align: bottom; width: 760px; height: 16px; white-space: nowrap; }
.current_user_name { float: left;}
.current_user_date_time { float: right;}

.bg_menu{ padding: 0; margin: 0; border: 0;background-image: url(../img/bg_menu_lat.gif); }

.bg_form_left { padding: 0; margin: 0; border: 0; /*background-image: url(../img/bg_form_left.gif); background-repeat: repeat-y;*/ width: 6px; }
.bg_form_right { padding: 0; margin: 0; border: 0;/* background-image: url(../img/bg_form_right.gif); background-repeat: repeat-y;*/ width: 6px; }
.bg_form_bottom { padding: 0; margin: 0; border: 0; background-image: /*url(../img/bg_form_bottom.gif); background-repeat: no-repeat;*/ width: 770px; height: 7px; }
.bg_form_top { padding: 0; margin: 0; border: 0; background-image: url(../img/bg_form_top.gif); background-repeat: no-repeat; width: 770px; height: 2px; }
/*.footer { padding: 0; margin: 0; border: 0; background-image: url(../img/bg_footer.gif); background-repeat: no-repeat; color: #FFFFFF; width: 770px; height: 45px; }*/
.bg_footer { padding: 0; margin: 0; border: 0; background-image: url(../img/bg_footer_lat.gif); height: 45px; }

/* NOVO LAYOUT */

.bg_form_left_main { padding: 0; margin: 0; border: 0; background: #DCDCDC; background-repeat: repeat-y; width: 1px; }
.bg_form_right_main { padding: 0; margin: 0; border: 0; background: #DCDCDC; background-repeat: repeat-y; width: 1px; }

.menu_header {
background: url('../img/new_style/bg_header_big.gif') repeat-x;
width: 100%;
height: 80px;
}
/*.menu_header td {
border: 2px solid;
}*/

.gmobbit_parent_cell {
    background: #FFFFFF;
}

.menu_gmobbit, .menu_gmobbit_insight {
    background: url('../img/new_style/bg_menu_gmobbit.gif') no-repeat;
    background-position: center left;
}

.menu_gmobbit_protv {
    background: url('../img/new_style/bg_menu_gmobbit_proTV.gif') no-repeat;
    background-position: center left;
}

.gmobbit_table {
    background: url('../img/new_style/bg_table_gmobbit.gif') repeat-x;
    text-align: center;
    vertical-align: top;
    padding: 10px;
    margin: 0px;
    border: 0;
    width: 100%
}

.gmobbit_table td {
    vertical-align: top;
    padding: 0px 5px;
    width: 33%;
}

.gmobbit_table a {
		color: #444444;
}

.gmobbit_table_borderCol {
    background: url('../img/new_style/bg_separator.gif') repeat-y;
    background-position: right;
}

.gmobbit_img {
    width:100%;
    height:210px;
    background-position: center center;
    background-repeat: no-repeat;
}

.gmobbit_administracao_img { background-image: url('../img/new_style/img_admin_big.gif'); }
.gmobbit_admin_img { background-image: url('../img/new_style/zqueue_admin.png'); }
.gmobbit_administracao_img_disabled { background-image: url('../img/new_style/img_admin_big_disabled.gif'); }
.gmobbit_admin_img_disabled { background-image: url('../img/new_style/img_admin_big_disabled.gif'); }
.gmobbit_gestao_img { background-image: url('../img/new_style/zqueue_negocio.png'); }
.gmobbit_gestao_img_disabled { background-image: url('../img/new_style/img_gestao_big_disabled.gif'); }
.gmobbit_operacoes_img { background-image: url('../img/new_style/zqueue_relatorios.png'); }
.gmobbit_operacoes_img_disabled { background-image: url('../img/new_style/img_operacoes_big_disabled.gif'); }

/*.gmobbit_admin_img:hover { background-image: url('../img/new_style/img_admin.png'); }
.gmobbit_gestao_img:hover { background-image: url('../img/new_style/zqueue_negocio.png'); }
.gmobbit_operacoes_img:hover { background-image: url('../img/new_style/zqueue_relatorios.png'); } */

.gmobbit_table ul {
    margin: 0px;
    padding: 0;
    border: 0;
    list-style: square inside url('../img/new_style/marker_gmobbit_li.gif');
}

.gmobbit_table ul li {
    padding: 2px 0px 0px 0px;
    margin: 1px;
    background: url('../img/new_style/bg_gmobbit_li.gif') repeat-y;
    height: 18px;
    text-align: left;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #464646;
}

/* mouse over li */
.gmobbit_table ul li:hover {
    background: #07a7ba;
}

.gmobbit_table ul li.permless a {
    color: #bbbbbb;
}

.gmobbit_table ul li.permless:hover {
    /*background: #ABE6ED;*/
    background: url('../img/new_style/bg_gmobbit_li.gif') repeat-y;
}

.gmobbit_table div {
    text-align: left;
}

.menu_separator {
background: url('../img/new_style/bg_separator.gif') repeat-y;
height: 76px;
width: 1px;
}

.menu_geral {
    width: 100px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 60px;
    cursor: pointer;
}

.menu_administracao { background-image: url('../img/new_style/img_admin_zqueue.gif'); }
.menu_gestao { background-image: url('../img/new_style/img_gestao.gif'); }
.menu_operacoes { background-image: url('../img/new_style/img_operacoes.gif'); }

/*.menu_administracao:hover { background-image: url('../img/new_style/img_admin_zqueue.gif'); }
.menu_gestao:hover { background-image: url('../img/new_style/img_gestao_hover.gif'); }
.menu_operacoes:hover { background-image: url('../img/new_style/img_operacoes_hover.gif'); }

.menu_administracao_sel { background-image: url('../img/new_style/img_admin_zqueue.gif'); }
.menu_gestao_sel { background-image: url('../img/new_style/img_gestao_hover.gif'); }
.menu_operacoes_sel { background-image: url('../img/new_style/img_operacoes_hover.gif'); }*/

/*.menu_administracao_disabled { cursor: default; background-image: url('../img/new_style/img_admin_disabled.gif'); color: #A5A5A5; }
.menu_gestao_disabled { cursor: default; background-image: url('../img/new_style/img_gestao_disabled.gif'); color: #A5A5A5; }
.menu_operacoes_disabled { cursor: default ;background-image: url('../img/new_style/img_operacoes_disabled.gif'); color: #A5A5A5; }*/

.menu_sel { font-weight: bold; }

.menu_logo, .menu_logo_insight {
    background: url('../img/new_style/img_logo.gif') no-repeat;
    background-position: center center;
    width: 72px;
}

.menu_logo_protv {
    background: url('../img/new_style/img_logo_proTV.gif') no-repeat;
    background-position: center center;
    width: 115px;
}

.menu_logo div, .menu_logo_insight div, .menu_logo_protv div {
    width: 100%;
    height: 65px;
}

.menu_info_admin {
    width: 98px;
    text-align: left;
}

.menu_info_emissao {
    width: 100px;
    text-align: left;
}

.menu_info_ops {
    width: 160px;
    text-align: left;
}

.td_tab {
    background: url('../img/new_style/img_tab.gif');
	background-repeat: no-repeat;
    width:90px;
    height:25px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
		/*border-right-style: solid;
		border-right-color: #FFFFFF;
		border-right-width: 1px;*/
}

/* cor do texto dos tabs e cursor */
.td_tab div {
		color: #444444;
    overflow: hidden;
    width: 90px;
    text-align: center;
    font-weight: normal;
		cursor: pointer;
}
/*.td_tab ,a,a:visited {
   color: #444444;
}*/
.td_tab_sel {
    background: url('../img/new_style/img_tab_sel.gif');
	background-repeat: no-repeat;
    width:90px;
    height:25px;
    margin: 0px;
    padding: 0px;
		/* border-right: 1px solid , ie*/
		/*border-right-style: solid;
		border-right-color: #FFFFFF;
		border-right-width: 1px;*/
}

.td_tab_sel div {
    overflow: hidden;
    width: 90px;
    text-align: center;
    font-weight: bolder;
		color: #444444;
		cursor: pointer;
}
/* TODO, alinhar caixas select
select {
	min-width: 500px;
}
*/
.table_tab {
    padding: 0px;
    /*margin: 0px;*/
		margin-top: 10px;
		/* TODO: deveria ser 770 (inherit) mas o cinza das imagens ta um pixel deslocado */
		width: 769px;
		background-image: url(../img/fundo_tab.gif); background-repeat: repeat-x; height: 25px;
    /*border-spacing: 1px 0px;*/
}

.div_tab {
    overflow: hidden;
    width:104px;
    height: 25px;
}

.menu_td {
    height: 25px;
    width: 770px;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
}

/* POP UP's */

.bg_title_center {
	background-image: url(../img/bg_title_center.gif);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	border: 0;
	width:100%;
	height: 25px;
}

.bg_title_left {
	background-image: url(../img/bg_title_left.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	width: 6px;
	height: 25px;
}

.bg_title_right {
	background-image: url(../img/bg_title_right.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	width: 6px;
	height: 25px;
}

.form_popup {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}

.bg_form_bottom_center { padding: 0; margin: 0; border: 0; background-image: url(../img/bg_form_bottom_center.gif); background-repeat: repeat-x; height: 7px; }
.bg_form_bottom_left { padding: 0; margin: 0; border: 0; background-image: url(../img/bg_form_bottom_left.gif); background-repeat: no-repeat; width: 6px; height: 7px; }
.bg_form_bottom_right { padding: 0; margin: 0; border: 0; background-image: url(../img/bg_form_bottom_right.gif); background-repeat: no-repeat; width: 6px; height: 7px; }
.question_space_popup { padding: 10px 10px 10px 10px; text-align:justify; font-weight: bold; }

.button_popup { padding: 10px 5px 10px 140px; margin: 0; border: 0; vertical-align: middle; white-space: nowrap; }
.button_popup div { background-image: url(../img/buttons/bg_button.gif); background-repeat: no-repeat; vertical-align: middle; float: left; text-align: center; padding: 4px 0px 4px 0px; margin: 0px 5px 0px 5px; width: 100px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #777777;; cursor: pointer; }
.button_popup a div { background-image: url(../img/buttons/bg_button.gif); background-repeat: no-repeat; vertical-align: middle; float: left; text-align: center; padding: 4px 0px 4px 0px; margin: 0px 5px 0px 5px; width: 100px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #777777;; cursor: pointer; }

/* Menu MAP */

/* Imagem de fundo do menu */
#imap {
  display:block;
  width:770px;
  height:80px;
  background:url(../img/new_style/header_hover_icons.gif) no-repeat;
  position:relative;
	padding: 0;
	margin: 0px 0px 0px 0px;
	border: 0;
	background-repeat: no-repeat;
}

/* Mapas para os icons do menu (valores absolutos) */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
}
#imap #pica {
  left:5px;
  top:3px;
  z-index:20;
}
#imap #picn {
  left:170px;
  top:3px;
  z-index:20;
}
#imap #picr {
  left:339px;
  top:3px;
  z-index:20;
}
#imap #picm {
  left:693px;
  top:4px;
  z-index:20;
}

/* Menu Administração */
.menu_administracao_enabled {
  display:block;
  width:67px;
  height:74px;
/*  background:url(../img/new_style/img_admin.gif) no-repeat; */
  text-decoration:none;
  z-index:20;
}

.menu_administracao_disabled {
  display:block;
  width:67px;
  height:74px;
/*  background:transparent url(../img/new_style/img_admin.gif) -100px -100px no-repeat; */
  text-decoration:none;
  z-index:20;
	cursor:pointer;
}

/* Menu Negócio */
.menu_negocio_enabled {
  display:block;
  width:63px;
  height:74px;
/*  background:url(../img/new_style/img_gest.gif) no-repeat; */
  text-decoration:none;
  z-index:20;
}

.menu_negocio_disabled {
  display:block;
  width:63px;
  height:74px;
/*  background:transparent url(../img/new_style/img_gest.gif) -100px -100px no-repeat;*/
  text-decoration:none;
  z-index:20;
}

/* Menu Relatórios */
.menu_relatorios_disabled {
  display:block;
  width:65px;
  height:74px;
/*  background:transparent url(../img/new_style/img_operacoes.gif) -100px -100px no-repeat; */
  text-decoration:none;
  z-index:20;
}

.menu_relatorios_enabled {
  display:block;
  width:65px;
  height:74px;
  /*background:url(../img/new_style/img_operacoes.gif) no-repeat; */
  text-decoration:none;
  z-index:20;
}

/* Logo mobline */
#imap a#mobline {
  display:block;
  width:72px;
  height:72px;
  text-decoration:none;
  z-index:20;
}

/* coloca a imagem de background na posicao 0 0, ou seja, torna-a visível */
#imap a#administracao:hover, #imap a#negocio:hover, #imap a#relatorios:hover {
  background-position:0 0;
}

/* tab_fill */
.bg_tab {
	padding: 0; margin: 0; border: 0;
	background-image: url(../img/fundo_tab.gif);
	background-repeat: repeat-x;  height: 25px;
}

.bg_tab_fill {
	background: url(../img/fundo_tab.gif) 1px 25px;
}

.select_list
{
	/*width: 55%;*/
}

.select_list td,
.select_list th
{
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.select_list caption
{
	font-weight: bold;
	border-bottom: solid 1px;
	text-align: left;
	padding: 2px;
	margin-bottom: 5px;
}

.select_list tbody tr:hover
{
	background-color: #FFDDBB;
}

.left
{
	text-align: left;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.label
{
	font-weight: bold;
}

.top
{
    vertical-align: top;
}



span.dropt {border-bottom: thin dotted; padding: 3px 4px; }
span.dropt:hover {text-decoration: none; z-index: 6; }
span.dropt span {position: relative;
  margin: 20px 0 0 0px; padding: 1px 1px 1px 1px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 50%; background: #ffffff;}
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 10px 0 0 70px; background: #ffffff; z-index:6;}






/* Re-design */
/* COLORS */
.text-green-dark{ color: #304A56}
.text-green-light{ color: #00A6B9}

.text-gray-light{ color: #EDEDED}
.text-gray-dark{ color: #7A858B}

.background-gray-light{ background-color: #EDEDED }
.background-white{ background-color: white }

.text-bold{ font-weight: bold };

/* 1. Buttons */
.button {
	padding: 0 0 0 0;
}

.button div {
    vertical-align: middle;
    float: left;
    text-align: center;
    padding: 5px 0px 5px 0px;
    margin: 0px 15px 0px 5px;
    width: 110px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
}
/* 1.1 - Button gray */
.button-gray{
    color: gray;
    border: 1px solid gray;
    background-color: white;
}
.button-blue {
    color: #00A6B9;
    border: 1px solid #00A6B9;
    background-color: white;
}
/* 1.2 - Button outlined with green */
.button-thin-green{
    color: #00A6B9;
    border: 1px solid #00A6B9;
    background-color: white;
}
/* 1.3 - Button filled with green */
.button-full-green{
    color: white;
    border: 1px solid #00A6B9;
    background-color: #00A6B9;
}

.button-filter{
    margin-left: 50px !important;
    background-color: #304a56;
    border: 1px solid #304a56;
}

/* 1.3 - Button filled with green */
.button-full-gray{
    color: #777777;
    border: 1px solid #ededed;
    background-color: #ededed;
}

.button-thin-xgray{
	color: gray;
	border: 1px solid gray;
	background-color: white;
}


#dataSelection_vertical_slide img{
	width: 20px !important;
}
.small_area{
	margin: 20px;
}
.small_area .button{
	padding-top: 20px;
}


/*multiselect custom css*/

li.select2-search.select2-search--inline {
    margin-top: 2px;
    background-color: transparent !important;
}

input.select2-search__field {
    background-color: transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00A6B9 !important;
    border: 1px solid #00A6B9 !important;;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 4px !important;
    padding: 3px 10px !important;
    color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    color: #fff !important;;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
    color: inherit !important;
    margin-left: 5px;
    margin-right: 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]:before{
    content:'\2713';;
    position:absolute;
    left:10px;
		color:#b4e5ee !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #b4e5ee !important;
    color: #fff !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.select2-container--default .select2-results__option[aria-selected=true]:before{
    content:'\2713';;
    position:absolute;
    left:10px;
}


/*fix tables and aligns */
.input_space {
    padding-top: 13px !important;
}
.formname_space {
    vertical-align: middle !important;


}

/*menu topo responsive */
@media(max-width:1024px){
	.nav-status {
	    display: none !important;
	}

}


/*customize fields*/
.date_field{
	font-size:10px !important;
	top: -1px !important;
    position: relative;

}

.graph-header-service-box {
	background-color: #fff;
    color: #00A6B9;
    height: 32px;
    white-space: nowrap;
    padding: 7px 26px;
    font-weight: bold;
    font-size: 15px;
    vertical-align: bottom;
}

.graph-header-row-box {
	background-color: #fff;
    color: #7b868c;
    height: 32px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 15px;
}

.graph-service-box-odd {
	background-color: #b8c7cc;
    color: #fff;
    height: 32px;
    white-space: nowrap;
    padding: 5px 26px;
    font-weight: bold;
    text-align: left;
}

.graph-service-box-pair {
	background-color:  #fff;
    color: #7b868c;
    height: 32px;	
    white-space: nowrap;
    padding: 5px 26px;
    font-weight: bold;
    text-align: left;
}

.graph-data-box-odd {
	background-color: #e8e8ea;
    color: #7b868c;
    height: 32px;
    padding: 5px 13px;
    font-weight: 500;
}

.graph-data-box-pair {
	background-color: #fff;
    color: #7b868c;
    height: 32px;
    padding: 5px 13px;
    font-weight: 500;
}

.graph-data-colored {
	color: #00A6B9;
	padding-left: 5px;
	font-weight: 500;
}
.graph-caption-first {
	font-weight: 500;
	float: left;
	padding-right: 3px;
}
.graph-caption-second {
	color: #00A6B9;
	font-weight: 500;
	text-align: left;
}

.graph-caption-container {
	width: 100%; overflow: hidden;
}

.graph-button-container {
	width: 100%; 
	overflow: hidden;
	width: 1251px;

}

.graph-button-label {
	width: 11%; 
	float: left;    
	padding-top: 8px;
	margin-top: 3px;
}
.graph-button-left {
	width: 11%; 
	float: left;    
	font-size: 14px  !important;
	background-color: #fff;
	border: 1px solid #7b868c;
	color: #7b868c;
	text-transform: uppercase;
}

.graph-button {
	padding: 0px 10px 0px 10px !important;
	text-align: center !important;
	display: block !important;
}

.graph-button-right {
	margin-left: 20px;
	width: 11%; float: left;
	font-size: 14px !important;
	background-color: #fff;
	border: 1px solid #7b868c;
	color: #7b868c;
	text-transform: uppercase;
}

.graph-button-selected {
	background-color: #00A6B9;
	border: 1px solid #00A6B9;
	color: #fff;
}

.property_required_checkbox {
	display: inline-block;
    height: 15px!important;
    width: 15px!important;
}
#form_builder_properties {
	padding: unset!important;
}