*	{
	margin: 0;
	padding: 0;
	}

html, body	{
	height: 100%;
	}

body	{
	background: #fff;
	color: #393939;
	font-family: Arial;
	font-size: 0px;
	line-height: 0;
	overflow:hidden;
	}

	/* --- Customização da Tabela --- */
#product-table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

#product-table th {
    background-color: #444; /* Cor escura atual */
    color: #fff;
    font-weight: 600;
    padding: 14px 12px;
    font-size: 13px;
}

#product-table td {
    padding: 12px 12px;
    vertical-align: middle;
    font-size: 13px;
    border-bottom: 1px solid #eef2f5;
    color: #4a5568;
}

/* Linhas alternadas mais suaves */
#product-table tr.alternate-row {
    background-color: #f8fafc;
}

#product-table tr:hover {
    background-color: #f1f5f9; /* Efeito hover moderno ao passar o mouse */
}

/* Links de Documentos */
#product-table td a {
    color: #2b6cb0;
    text-decoration: none;
    font-weight: 500;
}
#product-table td a:hover {
    text-decoration: underline;
}

/* --- Botão "ABRIR/IMPRIMIU" Moderno (Substituindo a imagem antiga) --- */
.btn-imprimir {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #10b981; /* Verde moderno flat */
    color: white !important;
    padding: 6px 14px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background 0.2s ease;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);
}
.btn-imprimir:hover {
    background-color: #059669;
}

/* --- Nova Paginação Elegante --- */
.pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    font-family: Arial, sans-serif;
}
.pagination-container a, .pagination-container strong {
    padding: 8px 14px;
    margin: 0 4px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #4a5568;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s;
    background: #fff;
}
.pagination-container a:hover {
    background-color: #edf2f7;
    border-color: #cbd5e0;
}
.pagination-container strong {
    background-color: #4a5568;
    color: #fff;
    border-color: #4a5568;
}
.pagination-container .disabled {
    color: #a0aec0;
    pointer-events: none;
    background: #f7fafc;
}

#page-top-outer	{

	background: url(../images/form/top_bg.jpg) top center repeat-x;

	border-bottom: 1px solid #7e7e7e;

	height: 92px;

	}

#page-top	{

	margin: 0 auto;

	max-width: 1260px;

	min-width: 850px;

	position: relative;

	}

#logo	{

	float: right;

	margin: 40px 50px 0 15px;

	}

#logo	a	{

	display: block;

	}

#tempo{

	position:absolute;

	left: 516px;

	top: 27px;

	width:80px;

	height:20px;

	padding: 25px 0px 0 0px;

	color:#FFFFFF;

	

}

#nome	{

	float: left;

	margin: 40px 0 0 15px;

	}

#nome	a	{

	display: block;

	}

#top-search	{

	display: inline;

	float: right;

	position: relative;

	margin: 46px 20px 0 0;

	z-index: 20;

	}

.top-search-inp	{

	background: url(../images/form/top_search_inp.gif) no-repeat;

	border: none;

	color: #fff;

	font-size: 12px;

	height: 23px;

	padding: 6px 6px 0 10px;

	width: 164px;

	}

#content-outer	{

	background: url(../images/form/content_repeat.jpg) repeat-x;

	}

#content	{

	color: #333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	margin: 0 auto 0 auto;

	max-width: 1260px;

	min-width: 780px;

	padding: 35px 0px 30px 0px;

	}

#content-inner	{

	color: #333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	margin: 0 auto 0px auto;

	padding: 25px 0 30px 0;

	}

#content-table	{

	font-size: 0px;

	line-height: 0px;

	}

#content-table th.sized	{

	height: 15px;

	width: 15px;

	padding: 0;

	margin: 0;

	font-size: 0px;

	line-height: 0px;

	}

#content-table-inner	{

	font-size: 12px;

	line-height: 12px;

	padding: 10px 0 20px 0;

	}

#tbl-border-top	{

	background: url(../images/form/border_bit.jpg) top repeat-x;

	line-height: 0;font-size: 0px;

	height: 15px;

	}

#tbl-border-bottom	{

	background: url(../images/form/border_bit.jpg) bottom repeat-x;

	line-height: 0;font-size: 0px;

	height: 15px;

	}

#tbl-border-left	{

	background: url(../images/form/border_bit.jpg) left repeat-y;

	}

#tbl-border-right	{

	background: url(../images/form/border_bit.jpg) right repeat-y;

	}

#table-content	{

	line-height: 16px;

	margin: 0 10px 10px 10px;

	min-height: 300px;

	}

.topleft {

	background: url(../images/form/corner_top_left.jpg) no-repeat;

	width:15px;

	height:15px;

}	

.topright {

	background: url(../images/form/corner_top_right.jpg) no-repeat;

	width:15px;

	height:15px;

}	

.bottomleft {

	background: url(../images/form/corner_bottom_left.jpg)  no-repeat;

	width:15px;

	height:15px;

}	

.bottomright {

	background: url(../images/form/corner_bottom_right.jpg)  no-repeat;

	width:15px;

	height:15px;

}	

#page-heading	{

	margin: 0 0 15px 20px;

}

h1	{

	color: #4b4b4b;

	font-family: Tahoma;

	font-size: 22px;

	line-height: 24px;

	font-weight: normal;

}

h2	{

	color: #393939;

	font-size: 16px;

	font-weight: bold;

	line-height: 20px;

	margin-bottom: 10px;

}

h3	{

	color: #92b22c;

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

	margin-bottom: 10px;

}

	

	

/* MESSAGES --------------------------------------------------------------- */	

#message-yellow	{

	margin-bottom: 5px;

	}

.yellow-left	{

	background: url(../images/tabela/message_yellow.gif) top left no-repeat; 

	color: #e79300;

	font-family: Tahoma;

	font-weight: bold;

	padding: 0 0 0 20px;

	}

.yellow-left a	{

	color: #e79300;

	font-family: Tahoma;

	font-weight: normal;

	text-decoration: underline;

	}

.yellow-right a	{

	cursor: pointer;

	}

.yellow-right	{

	width: 55px;

	}

#message-blue	{

	margin-bottom: 5px;

	}

.blue-left	{

	background: url(../images/tabela/message_blue.gif) top left no-repeat; 

	color: #2e74b2;

	font-family: Tahoma;

	font-weight: bold;

	padding: 0 0 0 20px;

	}

.blue-left a	{

	color: #2e74b2;

	font-family: Tahoma;

	font-weight: normal;

	text-decoration: underline;

	}

.blue-right a	{

	cursor: pointer;

	}

.blue-right	{

	width: 55px;

	}

#message-red	{

	margin-bottom: 5px;

	}

.red-left	{

	background: url(../images/tabela/message_red.gif) top left no-repeat; 

	color: #ce2700;

	font-family: Tahoma;



	font-weight: bold;

	padding: 0 0 0 20px;

	}

.red-left a	{

	color: #ce2700;

	font-family: Tahoma;

	font-weight: normal;

	text-decoration: underline;

	}

.red-right a	{

	cursor: pointer;

	}

.red-right	{

	width: 55px;

	}

#message-green	{

	margin-bottom: 5px;

	}

.green-left	{

	background: url(../images/tabela/message_green.gif) top left no-repeat;

	color: #6da827;

	font-family: Tahoma;

	font-weight: bold;

	line-height: 12px;

	padding: 0 0 0 20px;

	}

.green-left a	{

	color: #6da827;

	font-family: Tahoma;

	font-weight: normal;

	text-decoration: underline;

	}

.green-right a	{

	cursor: pointer;

	}

.green-right	{

	width: 55px;

	}	

img.icon-pub	{

	background: url(../images/tabela/publico.gif) no-repeat;

	display: block;

	float: left;

	height: 24px;

	margin: 0 8px 0 0;

	width: 24px;

	}

img: hover.icon-pub	{

	background: url(../images/tabela/publico.gif) 0 -24px;

	}	

	



a.icon-1	{

	background: url(../images/tabela/table_imp.png) no-repeat;

	display: block;

	float: left;

	height: 30px;

	margin: 0 8px 0 0;

	width: 83px;

	}

a: hover.icon-1	{

	background: url(../images/tabela/table_imp.png) 0 -24px;

	}

	

a.icon-2	{

	/* background: url(../images/tabela/table_icon_2.gif) no-repeat; */

	display: block;

	float: left;

	height: 24px;

	margin: 0 8px 0 0;

	width: 24px;

	}

a:hover.icon-2	{

	 background: url(../images/tabela/table_icon_2.gif) 0 -24px; 

	}

a.icon-3	{

	background: url(../images/tabela/table_icon_3.gif) no-repeat; 

	display: block;

	float: left;

	height: 24px;

	margin: 0 8px 0 0;

	width: 24px;

	}

a:hover.icon-3	{

	background: url(../images/tabela/table_icon_3.gif) 0 -24px;

	}

a.icon-4	{

	 background: url(../images/tabela/table_icon_4.gif) no-repeat;

	display: block;

	float: left;

	height: 24px;

	margin: 0 8px 0 0;

	width: 24px;

	}

a:hover.icon-4	{

	background: url(../images/tabela/table_icon_4.gif) 0 -24px;

	}

a.icon-5	{

	background: url(../images/tabela/table_icon_5.gif) no-repeat;

	display: block;

	float: left;

	height: 24px;

	width: 24px;

	}

a:hover.icon-5	{

	background: url(../images/tabela/table_icon_5.gif) 0 -24px;

	}

#tooltip	{

	background-color: #8c8c8c;

	border: 1px solid #767676;

	color: #fff;

	font-family: Arial;

	font-size: 10px;

	font-weight: normal;

	opacity: 0.85;

	padding: 0 5px;

	position: absolute;

	text-align: left;

	z-index: 3000;

	}

#tooltip h6, #tooltip div	{

	font-family: Arial;

	font-size: 11px;

	line-height: 20px;

	margin: 0;

	}

#product-table	{

	margin-bottom: 20px;

	}

#product-table	td a	{

	color: #393939;

	}

#product-table	td a:hover	{

	text-decoration: underline;

	}

#product-table	th	{

	height: 50px;

	text-align: left;

	}

.producttr	{

	height: 2px;

	}	

#product-table	.minwidth-1	{

	min-width: 110px;

	}

#product-table td	{

	border: 1px solid #d2d2d2;

	padding: 4px 0 4px 4px;

	}

#product-table tr.alternate-row	{

	background: #ececec;

	}

td.options-width	{

	padding: 0 0 0 10px;

	width: 210px;

	}

#tdicon {

	text-align:right;

}	

td.checkbox-width	{

	}

.table-header-check	{

	background: url(../images/tabela/table_header_checkbox.jpg) no-repeat;

	border: none;

	min-width: 29px;

	padding: 0px 0 0 10px;

	width: 29px;

	}

.table-header-options	{

	background: url(../images/tabela/table_header_options.jpg) no-repeat;

	border: none;

	min-width: 221px;

	padding: 0px 0 0 0;

	width: 221px;

	}

.table-header-repeat	{

	background: url(../images/tabela/table_header_repeat.jpg) repeat-x;

	border: none;

	font-size: 0px;

	line-height: 0;

	padding: 0px 0 0 0;

	}

.table-header-options a,

 .table-header-repeat a	{

	background: url(../images/tabela/table_sort_arrow.gif) right no-repeat;

	color: #fff;

	font-family: Tahoma;

	font-size: 13px;

	font-weight: bold;

	line-height: 14px;

	margin: 0 0 0 10px;

	padding: 0 10px 0 0;

	}

	

	.table-header-options a:hover,

 .table-header-repeat a:hover	{

	

	color:#94b52c

	}

	

th.line-left	{

	border-left: 1px solid #373737;

	}

#product-table	tr.activity-blue	{

	background: #e3eceb;

	}

	

	#toggle-all {

		display: block;

		width: 32px;

		height:32px;

		cursor: pointer;

	}

	

		#toggle-all.toggle-checked {

		display: block;

		width: 17px;

		height:17px;

	}

	

	



	

/*  RELATED ACTIVIES BOX */	



#related-activities	{

	float: right;

	font-size: 0px;

	line-height: 0;

	width: 500px;

	}

#related-act-top	{

	font-size: 0px;

	line-height: 0;

	}

#related-act-bottom	{

	background: url(../images/form/bg_related_act.gif) no-repeat bottom;

	font-size: 0px;

	line-height: 0;

	}

#related-act-inner	{

	font-size: 11px;

	line-height: 16px;

	margin: 0 auto 0px auto;

	padding: 10px 0 20px 0;

	width: 500px;

	}

#related-act-inner .left	{

	float: left;

	width: 30px;

	}

#related-act-inner .right	{

	float: left;

	width: 195px;

	padding: 2px 0 0 0;

	}

#related-act-inner .right h5	{

	color: #393939;

	font-size: 12px;

	}

ul.greyarrow	{

	list-style-type: none;

	}

ul.greyarrow li	{

	background: url(../images/form/icon_list_arrow.gif) no-repeat 0 5px;

	line-height: 18px;

	padding: 0 0 0 12px;

	}

ul.greyarrow li a	{

	color: #92b22c;

	font-weight: bold;

	}

ul.greyarrow li a:hover	{

	text-decoration: underline;

	}

.lines-dotted-short	{

	background: url(../images/form/lines_dotted_short.gif) no-repeat 0px 14px;	

	font-size: 0px;

	height: 300px;

	line-height: 0;

	}

	

/* PAGING --------------------------------------------------------- */	



#paging-table {

	float: right;

	margin: 0 4px 0 0;

}	

.page-far-left	{

	background: url(../images/tabela/paging_far_left.gif) no-repeat;

	display: block;

	float: left;

	height: 24px;

	margin: 0 4px 0 0;

	width: 24px;

	}

.page-left	{

	background: url(../images/tabela/paging_far_left.gif) no-repeat;

	display: block;

	float: left;

	height: 24px;

	width: 24px;

	}

.page-far-right	{

	background: url(../images/tabela/paging_far_right.gif) no-repeat;

	display: block;

	float: left;

	height: 24px;

	margin: 0 4px 0 4px;

	width: 24px;

	}

.page-right	{

	background: url(../images/tabela/paging_far_right.gif) no-repeat;

	display: block;

	float: left;

	height: 24px;

	width: 24px;

	}

#page-info	{

	float: left;

	line-height: 16px;

	padding: 3px 12px 0 12px;

	}

	

/*  ACTIONS BOX ----------------------------------------------- */	

#actions-box	{

	float: left;

	margin: 0 0 0 10px;

	position: relative;

	}

a.action-slider	{

	background: url(../images/tabela/dropdown_actions.gif) no-repeat;

	display: block;

	height: 30px;

	width: 110px;

	}

a.action-slider.activated	{

	background: url(../images/tabela/dropdown_actions.gif) no-repeat 0 -30px;

	display: block;

	height: 30px;

	width: 110px;

	}

#actions-box-slider	{

	background: url(../images/tabela/actions_slider_bg.gif) bottom no-repeat;

	display: none;

	left: 0;

	padding-bottom: 1px;

	padding-top: 10px;

	position: absolute;

	top: 24px;

	width: 110px;

	}

#actions-box-slider-inner	{

	font-size: 0px;

	line-height: 0;

	margin: 0 auto;

	width: 108px;

	}

a.action-edit ,

a.action-delete	{

	color: #272727;

	display: block;

	font-weight: bold;

	height: 20px;

	margin: 0 auto;

	padding: 10px 0 5px 45px;

	width: 63px;

	}

a:hover.action-edit	{

	background: #949494 url(../images/tabela/action_edit.gif) no-repeat 14px 5px;

	color: #fff;

	}

a.action-edit	{

	background: #c7c7c7 url(../images/tabela/action_edit.gif) no-repeat 14px 5px;

	}

a.action-delete	{

	background: #c7c7c7 url(../images/tabela/action_delete.gif) no-repeat 14px 5px;

	}

a:hover.action-delete	{

	background: #949494 url(../images/tabela/action_delete.gif) no-repeat 14px 5px;

	color: #fff;

	}

		 

	

/* FORM ------------------------------------------------------- */	

.form-submit	{

	background: url(../images/form/form_submit.gif) no-repeat;

	border: none;

	cursor: pointer;

	display: block;

	float: left;

	height: 30px;

	margin: 0 4px 0 0;

	padding: 0;

	text-indent: -3000px;

	width: 80px;

	}

.form-reset	{

	background: url(../images/form/form_reset.gif) no-repeat;

	border: none;

	cursor: pointer;

	display: block;

	float: left;

	height: 30px;

	text-indent: -3000px;

	width: 80px;



	}

#id-form	{

	}

.inp-form	{

	background: url(../images/form/form_inp.gif) no-repeat;

	border: none;

	color: #393939;

	height: 25px;

 

	padding: 6px 6px 0 6px;

	width: 186px;

	}

	

.inp-form-error	{

	background: url(../images/form/form_inp_error.gif) no-repeat;

	border: none; 

	color: #393939;

	height: 25px;

	padding: 6px 6px 0 6px;

	width: 187px;

	}

.form-textarea	{

	background: url(../images/form/form_textarea.gif) no-repeat;

	border: 'border-width' 'border-style' 'color';

	color: #393939;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	height: 97px;

	overflow: auto;

	padding: 6px 6px 0 6px;

	width: 378px;

	}

#id-form td	{

	padding: 0 0 10px 0;

	}

#id-form td.noheight	{

	padding: 0 0 0px 0;

	}

#id-form th	{

	line-height: 28px;

	min-width: 100px;

	padding: 0 0 10px 0;

	text-align: left;

	width: 130px;

	}

.styledselect-day ,

.styledselect-month ,

.styledselect-year	{

	border: 1px solid #acacac;

	margin-right: 3px;

	padding: 3px;

	margin-top:2,1px;

	width: 64px;

	}

	

.inicio{

	border: 1px solid #acacac;

	margin-right: 3px;

	padding: 3px;

	margin-top:2,1px;

	width: 135px;

}	



.fim{

	border: 1px solid #acacac;

	margin-right: 3px;

	padding: 3px;

	margin-top:2,1px;

	width: 135px;

}



.hora	{

	border: 1px solid #acacac;

	margin-right: 3px;

	padding: 2px;

	margin-top:2,1px;

	width: 75px;

	}

	

#step-holder {

font-family: Tahoma;

	height:39px;

	margin-bottom: 20px;

}	









.step-no {

	float:left;

	height:29px;

	width:18px;

	font-size: 18px;

	line-height: 18px;

	padding:10px 0 0 0;

	text-align: center;

}



.step-no-off {

	float:left;

	height:29px;

	width:18px;

	font-size: 18px;

	line-height: 18px;

	padding:10px 0 0 0;

	text-align: center;

	color:#cbcbcb;

}



.step-dark-left {

	float:left;

	background: url(../images/form/step_dark_left.gif) no-repeat;

	height:27px;

	padding:13px 15px 0 25px;

	font-size: 13px;

	color:#fff;

	font-weight: bold;

}



.step-dark-left a{

	 

	font-size: 13px;

	color:#fff;

	font-weight: bold;

}



.step-dark-right {

	float:left;

	width:12px;

	background: url(../images/form/step_dark_right.gif) no-repeat;

	height:39px;

}

.step-dark-round {

	float:left;

	width:8px;

	height:39px;

	background: url(../images/form/step_dark_round.gif) no-repeat;

}



.step-light-left {

	float:left;

	 	height:27px;

	padding:13px 15px 0 25px;

	font-size: 13px;

	background: url(../images/form/step_light_left.gif) no-repeat;

	height:39px;

	color:#cbcbcb;

	font-weight: bold;

}



.step-light-left a{

	 

	font-size: 13px;

	color:#cbcbcb;

	font-weight: bold;

}

.step-light-right {

	float:left;

	width:12px;

	background: url(../images/form/step_light_right.gif) no-repeat;

	height:39px;

}

.step-light-round {

	float:left;

	width:8px;

	height:39px;

	background: url(../images/form/step_light_round.gif) no-repeat;

}



.bubble-left {

	float:left;

	width:10px;

	height:29px;

	margin-left: 5px;

	background: url(../images/form/bubble_left.gif) no-repeat;

}



.bubble-inner {

	float:left;

	padding: 7px 0px 0 2px;

	color:#2e74b2; 

	line-height: 14px;

	font-size: 11px;

	height:22px;

	background: url(../images/form/bubble_inner.gif) repeat-x;

}

.bubble-right {

	float:left;

	width:8px;

	height:29px;

	background: url(../images/form/bubble_right.gif) right no-repeat;

}

.error-left {

	float:left;

	width:13px;

	height:32px;

	margin-left: 5px;

	background: url(../images/form/error_left.gif) no-repeat;

}



.error-inner {

	float:left;

	padding: 7px 10px 0 4px;

	color:#fff; 

	line-height: 14px;

	height:25px;

	background: url(../images/form/error_right.gif) right  no-repeat;

}

.file_1 {

	border: 1px solid #acacac;

	padding: 5px;

}	

 

/*  NAVIGATION ----------------------------------------------- */

#nav-holder	{

	margin: 0 auto;

	max-width: 1260px;

	min-width: 780px;

	text-align: left;

	}

.nav-outer-repeat	{

	background:  url(../images/form/nav/repeat.jpg) repeat-x;

	height: 39px;

	}

.nav-outer	{

	margin: 0 auto;

	max-width: 1260px;

	min-width: 850px;

	}

#nav-right	{

	float: right;

	position: relative;

	width: 225px;

	z-index: 0;

	}

#nav-right a	{

	display: block;

	float: left;

	margin: 0px 0 0 0;

	}

.account-content	{

	background: #454545 url(../images/form/nav/account_drop_bg.gif) no-repeat bottom;

	display: none;

	left: 5px;

	padding-bottom: 20px;

	position: absolute;

	top: 30px;

	width: 170px;

	}

.account-drop-inner	{

	font-size: 0px;

	line-height: 0px;

	margin: 20px auto 0 auto;

	width: 140px;

	}

.showhide-account	{

	cursor: pointer;

	display: block;

	float: left;

	margin: 10px 5px 0 5px;

	}

.account-drop-inner a	{

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	line-height: 16px;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	}

.account-drop-inner a:hover	{

	color: #94b52c;

	}

.acc-line	{

	background: url(../images/form/nav/account_line.gif) no-repeat 0 7px;

	font-size: 0px;

	height: 14px;

	line-height: 0px;

	margin-top: 0px;

	padding: 0;

	}

a#logout	{

	margin: 10px 0 0 5px;

	}

a#acc-settings	{

	background: url(../images/form/nav/icon_acc_settings.gif) no-repeat 0 2px;

	padding: 0 0 0 20px;

	}

a#acc-details	{

	background: url(../images/form/nav/icon_acc_personal.gif) no-repeat 0 2px;

	padding: 0 0 0 20px;

	}

a#acc-project	{

	background: url(../images/form/nav/icon_acc_projects.gif) no-repeat 0 2px;



	padding: 0 0 0 20px;

	}

a#acc-inbox	{

	background: url(../images/form/nav/icon_acc_inbox.gif) no-repeat 0 2px;



	padding: 0 0 0 20px;

	}

a#acc-stats	{

	background: url(../images/form/nav/icon_acc_stats.gif) no-repeat 0 2px;



	padding: 0 0 0 20px;

	}



/* ================================================================ 

This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_dropline.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.

=================================================================== */



.nav	{

	float: left;

	font-family: Tahoma;

	font-size: 13px;

	height: 38px;

	position: relative;

	width: 600px;

	min-width: 600px;

	z-index: 500;

	}

.nav-divider	{

	background: url(../images/form/nav/divider.jpg) top no-repeat;

	float: left;

	height: 40px;

	width: 15px;

	}

.nav .table	{

	display: table;

	}

.nav .select,

.nav .current	{

	display: table-cell;

	float: left;

	list-style: none;

	margin: 0 0px 0 0;

	padding: 0;

	white-space: nowrap;

	}

.nav li	{

	float: left;

	height: auto;

	margin: 0;

	padding: 0;

	}

.nav .select a	{

	background: url(../images/form/nav/pro_line_0x.gif);

	color: #fff;

	display: block;

	float: left;

	height: 37px;

	line-height: 35px;

	padding: 0 20px 0 20px;

	text-decoration: none;

	white-space: nowrap;

	}

.nav .current a	{

	/*background: url(../images/form/nav/pro_line_1.gif);*/

	color: #fff;

	display: block;

	float: left;

	height: 37px;

	line-height: 35px;

	padding: 0 0 0 10px;

	text-decoration: none;

	white-space: nowrap;

	}

.nav .current a b	{

	/*background: url(../images/form/nav/pro_line_1.gif) right top;*/

	display: block;

	padding: 0 20px 0 10px;

	}

.nav .select a:hover, 

.nav .select li:hover a	{

	/*background: url(../images/form/nav/pro_line_1.gif);*/

	color: #fff;

	cursor: pointer;

	padding: 0 0 0 10px;

	}

.nav .select a:hover b, 

.nav .select li:hover a b	{

	/*background: url(../images/form/nav/pro_line_1.gif) right top;*/

	cursor: pointer;

	display: block;

	float: left;

	padding: 0 20px 0 10px;

	}

.nav .select_sub	{

	display: none;

	margin: 0 0 0 10px;

	}



/* IE6 only */

.nav table	{

	border-collapse: collapse;

	font-size: 1em;

	height: 0;

	margin: -1px;

	width: 0;

	}

.nav .sub	{

	display: table;

	list-style: none;

	/* margin: 0 auto; */

	padding: 0;

	}

.nav .sub_active .current_sub a, 

.nav .sub_active a:hover	{

	background: transparent;

	color: #fff;

	}

.nav .select :hover .select_sub, 

.nav .current .show	{

	/*background: url(../images/form/nav/back_0.gif);*/

	display: block;

	left: 0;

	padding: 0;

	position: absolute;

	text-align: left;

	top: 37px;

	width: 750px;

	z-index: 100;

	}

.nav .current .show	{

	z-index: 10;

	}

.nav .select :hover .sub li a, 

.nav .current .show .sub li a	{

	background: transparent;

	border: 0;

	color: #fff;

	font-weight: bold;

	font-size: 13px;

	display: block;

	float: left;

	margin: 0;

	padding: 0 10px 0 10px;

	white-space: nowrap;

	}

.nav .current .sub li.sub_show a	{

	/*background: url(../images/form/nav/menus/back_1.gif);*/

	color: #94b52c;

	cursor: default;

	}

.nav .select :hover .sub li a:hover, 

.nav .current .sub li a:hover	{

	/*background: url(../images/form/nav/menus/back_1.gif);*/

	color: #94b52c;

	visibility: visible;

	}

 

	

	

 

 

	

	

/* FOOTER -------------------------------------------------------------- */



 

#footer	{

height: 70px;

	 

	margin: 80px auto 0px auto;

	padding: 0px 0 0 0;

	text-align: left;

	min-width: 780px;

	max-width: 1260px;

	}

#footer-left	{

	color: #818181;

	 

	font-size: 11px;

	line-height: 11px;

	padding: 15px 0 15px 25px;

	margin: 0 20px;

	

	border-top: 1px solid #dbdbdb;

	border-bottom: 1px solid #dbdbdb;

	background: url(../images/form/icon_idlogo.jpg) no-repeat 0 12px;

	} 

#footer-left a	{

	color: #818181;

	text-decoration: none;

	}

#footer-left 	 a.selected,

#footer-left 	 a:hover	{

	color: #000;

	text-decoration: none;

	}

	

 

 

 

/* GENERAL --------------------------------------------------------*/ 

 table	{

	border-collapse: collapse;

	}

.fr	{

	float: right;

	}

a	{

	outline: none;

	text-decoration: none;

	}

a:hover	{

	}

.clear	{

	clear: both;

	font-size: 0px;

	height: 0;

	line-height: 0px;

	margin: 0px;

	padding: 0px;

	}

img	{

	border: 0;

	}

p	{

	margin: 0px;

	padding: 0px;

	}

form	{

	margin: 0;

	padding: 0;

	}

.line	{

	border-top: 1px solid #dcdada;

	font-size: 0px;

	height: 1px;

	line-height: 0px;

	margin: 20px 0;

	padding: 0;

	}

.font11	{

	font-size: 11px;

	}







 

 

 

 

 

 

 

 

 

 

 

 

 

 

/*  STYLED SELECTBOXES style 1 --------------------------------- */	



.styledselect {

	background: #2a2a2a;

	border: 1px solid #424242;

	color:#fff;

	width:120px;

	padding: 5px;

	line-height: 14px;

	margin-right: 6px;

	font-size: 12px;

}



div.selectbox-wrapper	{

	background-color: #2a2a2a;

	border: none;

	border-bottom: none;

	margin: 0px;

	margin-top: 0px;

	max-height: 200px;

	overflow: auto;

	padding: 0px;

	position: absolute;

	text-align: left;

	width: 400px;

	z-index: 10;

	}

div.selectbox-wrapper ul	{

	list-style-type: none;

	 

	margin: 0px;

	padding: 0px;z-index: 10;

	}

div.selectbox-wrapper ul li.selected	{

	background-color: 575757;

	color: #fff;

	}

div.selectbox-wrapper ul li.current	{

	background-color: #575757;

	}

div.selectbox-wrapper ul li	{

	border-bottom: none;

	color: #fff;

	cursor: pointer;

	display: block;

	font-size: 12px;

	line-height: 12px;

	list-style-type: none;

	margin: 0;

	padding: 6px 2px 6px 10px;

	}

.selectbox_styled	{

	background: url(../images/form/top_search_select.gif) left no-repeat;

	border: none;

	border-left: none;

	color: #fff;

	cursor: pointer;

	display: block;

	font-family: Arial;

	font-size: 12px;

	height: 20px;

	margin: 0px 0px 0px 0px;

	padding: 6px 0 0 6px;

	text-align: left;

	width: 105px;

	z-index: 10;

	}



/*  STYLED SELECTBOXES style 2 --------------------------------- */	

div.selectbox-wrapper2	{

	background-color: #e3e3e3;

	border: none;

	border-bottom: none;

	margin: 0px;

	margin-top: 0px;

	max-height: 200px;

	overflow: auto;

	padding: 0px;

	position: absolute;

	text-align: left;

	width: 400px;

	}

div.selectbox-wrapper2 ul	{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

div.selectbox-wrapper2 ul li.selected2	{

	background-color: #94b52c;

	color: #fff;

	}

div.selectbox-wrapper2 ul li.current2	{

	background-color: #94b52c;

	color: #fff;

	}

div.selectbox-wrapper2 ul li	{

	border-bottom: none;

	color: #393939;

	cursor: pointer;

	display: block;

	font-size: 12px;

	line-height: 12px;

	list-style-type: none;

	margin: 0;

	padding: 6px 2px 6px 10px;

	}

.styledselect_form_1	{

	background: url(../images/form/form_select.gif) left no-repeat;

	border: 'border-width' 'border-style' 'color';

	color: #393939;

	cursor: pointer;

	display: block;

	font-family: Arial;

	font-size: 12px;

	height: 24px;

	margin: 0px 0px 0px 0px;

	padding: 7px 0 0 6px;

	text-align: left;

	width: 150px;

	margin-top:-430px;

	float:right;

	background-color:#FFFFFF;



}



.styledselect_form_2	{

	background: url(../images/form/form_select_small.gif) left no-repeat;	

	border: none;

	border-left: none;

	color: #393939;

	cursor: pointer;

	display: block;

	font-family: Arial;

	font-size: 12px;

	height: 24px;

	margin: 0px 0px 0px 0px;

	padding: 7px 0 0 10px;

	text-align: left;

	width: 60px;

	}



	

	

/*  STYLED SELECTBOXES style 3 --------------------------------- */	

div.selectbox-wrapper3	{

	background-color: #e3e3e3;

	border: none;

	border-bottom: none;

	margin: 0px;

	margin-top: 0px;

	max-height: 200px;

	overflow: auto;

	padding: 0px;

	position: absolute;

	text-align: left;

	width: 400px;

	}

div.selectbox-wrapper3 ul	{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

div.selectbox-wrapper2 ul li.selected3	{

	background-color: #94b52c;

	color: #fff;

	}

div.selectbox-wrapper2 ul li.current3	{

	background-color: #94b52c;

	color: #fff;

	}

div.selectbox-wrapper3 ul li	{

	border-bottom: none;

	color: #393939;

	cursor: pointer;

	display: block;

	font-size: 12px;

	line-height: 12px;

	list-style-type: none;

	margin: 0;

	padding: 6px 2px 6px 10px;

	}

.styledselect_pages	{

	background: url(../images/tabela/select_number_rows.gif) left no-repeat;

	border: none;

	border-left: none;

	color: #393939;

	cursor: pointer;

	display: block;

	font-family: Arial;

	font-size: 12px;

	height: 20px;

	line-height: 16px;

	margin: 0px 0px 0px 0px;

	padding: 4px 0 0 6px;

	text-align: left;

	width: 130px;

	}

	

	

	

	

	

 

	

/* STYLED CHECKBOXES AND RADIOS -------------------------------------------- */	

.ui-radio-state-disabled,

.ui-radio-state-checked-disabled,

.ui-radio-state-disabled-hover,

.ui-radio-state-checked-disabled-hover	{

	color: #999;

	}

span.ui-checkbox,

			span.ui-radio	{

	/*background: url(../images/form/checkbox.gif) 0 -17px no-repeat;*/

	display: block;

	float: left;

	height: 17px;

	width: 17px;

	}

span.ui-helper-hidden	{

	display: none;

	}

label	{

	padding: 2px;

	}

span.ui-radio-state-hover,

			span.ui-checkbox-state-hover	{

	background-position: 0 0px;

	}

span.ui-checkbox-state-checked	{

	background-position: 0 0px;

	}

span.ui-checkbox-state-checked-hover	{

	background-position: 0 0px;

	}

span.ui-radio-state-checked-disabled-hover,

			span.ui-radio-state-checked-disabled,

			span.ui-radio-state-checked	{

	background-position: 0 -161px;

	}

span.ui-radio-state-checked-hover	{

	background-position: 0 -17px;

	}

label	{

	color: red;

	line-height: 20px;

	}

.ui-helper-hidden-accessible	{

	left: -999em;

	position: absolute;

	}

	

	

	

	

	

/*  LOGIN -------------------------------------------------------------------------------- */	



#login-bg	{

	background: url(../images/login/login_bg.jpg) no-repeat top center;

	}

#login-holder	{

	margin: 0px auto 0 auto;

	width: 508px;

	}

#loginbox	{

	background: url(../images/login/loginbox_bg.png) no-repeat;

	font-size: 12px;

	height: 212px;

	line-height: 12px;

	padding-top: 60px;

	position: relative;

	width: 508px;

	}

#forgotbox	{

	background: url(../images/login/loginbox_bg.png) no-repeat;

	display: none;

	font-size: 12px;

	height: 212px;

	line-height: 12px;

	padding-top: 60px;

	position: relative;

	width: 508px;

	}

#login-inner	{

	color: #161616;

	font-family: Tahoma;

	font-size: 13px;

	line-height: 12px;

	margin: 0 auto;

	margin-top:-5px;

	width: 310px;

	}

#login-inner label	{

	color: #161616;

	cursor: pointer;

	font-family: Tahoma;

	font-weight: bold;

	line-height: 12px;

	padding-left: 10px;

	 

	}

 .checkbox-size	{

	width:13px;

	height:13px;

	margin: 5px 0;

	 

	}	

#login-inner th	{

	padding: 0 0 6px 0;

	text-align: left;

	width: 95px;

	}

#login-inner td	{

	padding: 0 0 6px 0;

	}

.login-inp	{

	background: url(../images/login/inp_login.gif) no-repeat;

	border: none;

	color: #fff;

	font-size: 16px;

	height: 28px;

	padding: 6px 6px 0 10px;

	width: 204px;

	}

	

	

#logo-login	{

	float:left;

	height: 35px;

	margin: 145px 0 0 15px;

}



a.forgot-pwd	{

	bottom: 30px;

	color: #161616;

	font-family: Tahoma;

	font-size: 11px;

	font-weight: bold;

	line-height: 12px;

	position: absolute;

	right: 40px;

	}

a:hover.forgot-pwd	{

	color: #fff;

	}

#forgotbox-text	{

	color: #161616;

	font-family: Tahoma;

	font-size: 13px;

	font-weight: bold;

	line-height: 12px;

	margin: 0 auto 40px auto;

	width: 380px;

	}

#forgot-inner	{

	color: #161616;

	font-family: Tahoma;

	font-size: 13px;

	line-height: 12px;

	margin: 0 auto;

	width: 330px;

	}

#forgot-inner label	{

	color: #161616;

	cursor: pointer;

	font-family: Tahoma;

	font-weight: bold;

	line-height: 12px;

	padding-left: 10px;

	}

#forgot-inner th	{

	padding: 0 0 6px 0;

	text-align: left;

	width: 110px;

	}

#forgot-inner td	{

	padding: 0 0 6px 0;

	}

a.back-login	{

	/* background: url(../images/login/icon_back_login.gif) no-repeat 0 4px; */

	bottom: 30px;

	color: #161616;

	font-family: Tahoma;

	font-size: 11px;

	font-weight: bold;

	line-height: 12px;

	padding: 0 0 0 10px;

	position: absolute;

	right: 40px;

	}

a:hover.back-login	{

	color: #fff;

	}

.submit-login	{

	background: url(../images/login/submit_login.gif) no-repeat;

	border: none;

	cursor: pointer;

	display: block;

	height: 29px;

	text-indent: -3000px;

	width: 73px;

	}

.submit-login:hover	{

	background: url(../images/login/submit_login.gif) no-repeat 0 -29px;

	}

	

	

	

/*---------------------------------Calendario----------------------------------*/



.fc {

	direction: ltr;

	text-align: left;

}



.fc-rtl {

	text-align: right;

}



body .fc { /* extra precedence to overcome jqui */

	font-size: 1em;

}





/* Colors

--------------------------------------------------------------------------------------------------*/



.fc-unthemed th,

.fc-unthemed td,

.fc-unthemed thead,

.fc-unthemed tbody,

.fc-unthemed .fc-divider,

.fc-unthemed .fc-row,

.fc-unthemed .fc-popover {

	border-color: #ddd;

}



.fc-unthemed .fc-popover {

	background-color: #fff;

}



.fc-unthemed .fc-divider,

.fc-unthemed .fc-popover .fc-header {

	background: #eee;

}



.fc-unthemed .fc-popover .fc-header .fc-close {

	color: #666;

}



.fc-unthemed .fc-today {

	background: #fcf8e3;

}



.fc-highlight { /* when user is selecting cells */

	background: #bce8f1;

	opacity: .3;

	filter: alpha(opacity=30); /* for IE */

}



.fc-bgevent { /* default look for background events */

	background: rgb(143, 223, 130);

	opacity: .3;

	filter: alpha(opacity=30); /* for IE */

}



.fc-nonbusiness { /* default look for non-business-hours areas */

	/* will inherit .fc-bgevent's styles */

	background: #d7d7d7;

}





/* Icons (inline elements with styled text that mock arrow icons)

--------------------------------------------------------------------------------------------------*/



.fc-icon {

	display: inline-block;

	width: 1em;

	height: 1em;

	line-height: 1em;

	font-size: 1em;

	text-align: center;

	overflow: hidden;

	font-family: "Courier New", Courier, monospace;



	/* don't allow browser text-selection */

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	}



/*

Acceptable font-family overrides for individual icons:

	"Arial", sans-serif

	"Times New Roman", serif



NOTE: use percentage font sizes or else old IE chokes

*/



.fc-icon:after {

	position: relative;

	margin: 0 -1em; /* ensures character will be centered, regardless of width */

}



.fc-icon-left-single-arrow:after {

	content: "\02039";

	font-weight: bold;

	font-size: 200%;

	top: -7%;

	left: 3%;

}



.fc-icon-right-single-arrow:after {

	content: "\0203A";

	font-weight: bold;

	font-size: 200%;

	top: -7%;

	left: -3%;

}



.fc-icon-left-double-arrow:after {

	content: "\000AB";

	font-size: 160%;

	top: -7%;

}



.fc-icon-right-double-arrow:after {

	content: "\000BB";

	font-size: 160%;

	top: -7%;

}



.fc-icon-left-triangle:after {

	content: "\25C4";

	font-size: 125%;

	top: 3%;

	left: -2%;

}



.fc-icon-right-triangle:after {

	content: "\25BA";

	font-size: 125%;

	top: 3%;

	left: 2%;

}



.fc-icon-down-triangle:after {

	content: "\25BC";

	font-size: 125%;

	top: 2%;

}



.fc-icon-x:after {

	content: "\000D7";

	font-size: 200%;

	top: 6%;

}





/* Buttons (styled <button> tags, normalized to work cross-browser)

--------------------------------------------------------------------------------------------------*/



.fc button {

	/* force height to include the border and padding */

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;



	/* dimensions */

	margin: 0;

	height: 2.1em;

	padding: 0 .6em;



	/* text & cursor */

	font-size: 1em; /* normalize */

	white-space: nowrap;

	cursor: pointer;

}



/* Firefox has an annoying inner border */

.fc button::-moz-focus-inner { margin: 0; padding: 0; }

	

.fc-state-default { /* non-theme */

	border: 1px solid;

}



.fc-state-default.fc-corner-left { /* non-theme */

	border-top-left-radius: 4px;

	border-bottom-left-radius: 4px;

}



.fc-state-default.fc-corner-right { /* non-theme */

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;

}



/* icons in buttons */



.fc button .fc-icon { /* non-theme */

	position: relative;

	top: -0.05em; /* seems to be a good adjustment across browsers */

	margin: 0 .2em;

	vertical-align: middle;

}

	

/*

  button states

  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)

*/



.fc-state-default {

	background-color: #f5f5f5;

	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

	background-repeat: repeat-x;

	border-color: #e6e6e6 #e6e6e6 #bfbfbf;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	color: #333;

	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.fc-state-hover,

.fc-state-down,

.fc-state-active,

.fc-state-disabled {

	color: #333333;

	background-color: #e6e6e6;

}



.fc-state-hover {

	color: #333333;

	text-decoration: none;

	background-position: 0 -15px;

	-webkit-transition: background-position 0.1s linear;

	   -moz-transition: background-position 0.1s linear;

	     -o-transition: background-position 0.1s linear;

	        transition: background-position 0.1s linear;

}



.fc-state-down,

.fc-state-active {

	background-color: #cccccc;

	background-image: none;

	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.fc-state-disabled {

	cursor: default;

	background-image: none;

	opacity: 0.65;

	filter: alpha(opacity=65);

	box-shadow: none;

}





/* Buttons Groups

--------------------------------------------------------------------------------------------------*/



.fc-button-group {

	display: inline-block;

}



/*

every button that is not first in a button group should scootch over one pixel and cover the

previous button's border...

*/



.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */

	float: left;

	margin: 0 0 0 -1px;

}



.fc .fc-button-group > :first-child { /* same */

	margin-left: 0;

}





/* Popover

--------------------------------------------------------------------------------------------------*/



.fc-popover {

	position: absolute;

	box-shadow: 0 2px 6px rgba(0,0,0,.15);

}



.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */

	padding: 2px 4px;

}



.fc-popover .fc-header .fc-title {

	margin: 0 2px;

}



.fc-popover .fc-header .fc-close {

	cursor: pointer;

}



.fc-ltr .fc-popover .fc-header .fc-title,

.fc-rtl .fc-popover .fc-header .fc-close {

	float: left;

}



.fc-rtl .fc-popover .fc-header .fc-title,

.fc-ltr .fc-popover .fc-header .fc-close {

	float: right;

}



/* unthemed */



.fc-unthemed .fc-popover {

	border-width: 1px;

	border-style: solid;

}



.fc-unthemed .fc-popover .fc-header .fc-close {

	font-size: .9em;

	margin-top: 2px;

}



/* jqui themed */



.fc-popover > .ui-widget-header + .ui-widget-content {

	border-top: 0; /* where they meet, let the header have the border */

}





/* Misc Reusable Components

--------------------------------------------------------------------------------------------------*/



.fc-divider {

	border-style: solid;

	border-width: 1px;

}



hr.fc-divider {

	height: 0;

	margin: 0;

	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */

	border-width: 1px 0;

}



.fc-clear {

	clear: both;

}



.fc-bg,

.fc-bgevent-skeleton,

.fc-highlight-skeleton,

.fc-helper-skeleton {

	/* these element should always cling to top-left/right corners */

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

}



.fc-bg {

	bottom: 0; /* strech bg to bottom edge */

}



.fc-bg table {

	height: 100%; /* strech bg to bottom edge */

}





/* Tables

--------------------------------------------------------------------------------------------------*/



.fc table {

	width: 100%;

	table-layout: fixed;

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 1em; /* normalize cross-browser */

}



.fc th {

	text-align: center;

}



.fc th,

.fc td {

	border-style: solid;

	border-width: 1px;

	padding: 0;

	vertical-align: top;

}



.fc td.fc-today {

	border-style: double; /* overcome neighboring borders */

}





/* Fake Table Rows

--------------------------------------------------------------------------------------------------*/



.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */

	/* no visible border by default. but make available if need be (scrollbar width compensation) */

	border-style: solid;

	border-width: 0;

}



.fc-row table {

	/* don't put left/right border on anything within a fake row.

	   the outer tbody will worry about this */

	border-left: 0 hidden transparent;

	border-right: 0 hidden transparent;



	/* no bottom borders on rows */

	border-bottom: 0 hidden transparent; 

}



.fc-row:first-child table {

	border-top: 0 hidden transparent; /* no top border on first row */

}





/* Day Row (used within the header and the DayGrid)

--------------------------------------------------------------------------------------------------*/



.fc-row {

	position: relative;

}



.fc-row .fc-bg {

	z-index: 1;

}



/* highlighting cells & background event skeleton */



.fc-row .fc-bgevent-skeleton,

.fc-row .fc-highlight-skeleton {

	bottom: 0; /* stretch skeleton to bottom of row */

}



.fc-row .fc-bgevent-skeleton table,

.fc-row .fc-highlight-skeleton table {

	height: 100%; /* stretch skeleton to bottom of row */

}



.fc-row .fc-highlight-skeleton td,

.fc-row .fc-bgevent-skeleton td {

	border-color: transparent;

}



.fc-row .fc-bgevent-skeleton {

	z-index: 2;



}



.fc-row .fc-highlight-skeleton {

	z-index: 3;

}



/*

row content (which contains day/week numbers and events) as well as "helper" (which contains

temporary rendered events).

*/



.fc-row .fc-content-skeleton {

	position: relative;

	z-index: 4;

	padding-bottom: 2px; /* matches the space above the events */

}



.fc-row .fc-helper-skeleton {

	z-index: 5;

}



.fc-row .fc-content-skeleton td,

.fc-row .fc-helper-skeleton td {

	/* see-through to the background below */

	background: none; /* in case <td>s are globally styled */

	border-color: transparent;



	/* don't put a border between events and/or the day number */

	border-bottom: 0;

}



.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */

.fc-row .fc-helper-skeleton tbody td {

	/* don't put a border between event cells */

	border-top: 0;

}





/* Scrolling Container

--------------------------------------------------------------------------------------------------*/



.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */

	overflow-y: scroll;

	overflow-x: hidden;

}



.fc-scroller > * { /* we expect an immediate inner element */

	position: relative; /* re-scope all positions */

	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */

	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */

}





/* Global Event Styles

--------------------------------------------------------------------------------------------------*/



.fc-event {

	position: relative; /* for resize handle and other inner positioning */

	display: block; /* make the <a> tag block */

	font-size: .85em;

	line-height: 1.3;

	border-radius: 3px;

	border: 1px solid #3a87ad; /* default BORDER color */

	background-color: #3a87ad; /* default BACKGROUND color */

	font-weight: normal; /* undo jqui's ui-widget-header bold */

}



/* overpower some of bootstrap's and jqui's styles on <a> tags */

.fc-event,

.fc-event:hover,

.ui-widget .fc-event {

	color: #fff; /* default TEXT color */

	text-decoration: none; /* if <a> has an href */

}



.fc-event[href],

.fc-event.fc-draggable {

	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */

}



.fc-not-allowed, /* causes a "warning" cursor. applied on body */

.fc-not-allowed .fc-event { /* to override an event's custom cursor */

	cursor: not-allowed;

}



.fc-event .fc-bg { /* the generic .fc-bg already does position */

	z-index: 1;

	background: #fff;

	opacity: .25;

	filter: alpha(opacity=25); /* for IE */

}



.fc-event .fc-content {

	position: relative;

	z-index: 2;

}



.fc-event .fc-resizer {

	position: absolute;

	z-index: 3;

}





/* Horizontal Events

--------------------------------------------------------------------------------------------------*/



/* events that are continuing to/from another week. kill rounded corners and butt up against edge */



.fc-ltr .fc-h-event.fc-not-start,

.fc-rtl .fc-h-event.fc-not-end {

	margin-left: 0;

	border-left-width: 0;

	padding-left: 1px; /* replace the border with padding */

	border-top-left-radius: 0;

	border-bottom-left-radius: 0;

}



.fc-ltr .fc-h-event.fc-not-end,

.fc-rtl .fc-h-event.fc-not-start {

	margin-right: 0;

	border-right-width: 0;

	padding-right: 1px; /* replace the border with padding */

	border-top-right-radius: 0;

	border-bottom-right-radius: 0;

}



/* resizer */



.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */

	top: -1px;

	bottom: -1px;

	left: -1px;

	right: -1px;

	width: 5px;

}



/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer,

.fc-ltr .fc-h-event .fc-start-resizer:before,

.fc-ltr .fc-h-event .fc-start-resizer:after,

.fc-rtl .fc-h-event .fc-end-resizer,

.fc-rtl .fc-h-event .fc-end-resizer:before,

.fc-rtl .fc-h-event .fc-end-resizer:after {

	right: auto; /* ignore the right and only use the left */

	cursor: w-resize;

}



/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer,

.fc-ltr .fc-h-event .fc-end-resizer:before,

.fc-ltr .fc-h-event .fc-end-resizer:after,

.fc-rtl .fc-h-event .fc-start-resizer,

.fc-rtl .fc-h-event .fc-start-resizer:before,

.fc-rtl .fc-h-event .fc-start-resizer:after {

	left: auto; /* ignore the left and only use the right */

	cursor: e-resize;

}





/* DayGrid events

----------------------------------------------------------------------------------------------------

We use the full "fc-day-grid-event" class instead of using descendants because the event won't

be a descendant of the grid when it is being dragged.

*/



.fc-day-grid-event {

	margin: 1px 2px 0; /* spacing between events and edges */

	padding: 0 1px;

}





.fc-day-grid-event .fc-content { /* force events to be one-line tall */

	white-space: nowrap;

	overflow: hidden;

}



.fc-day-grid-event .fc-time {

	font-weight: bold;

}



.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */

	left: -3px;

	right: -3px;

	width: 7px;

}





/* Event Limiting

--------------------------------------------------------------------------------------------------*/



/* "more" link that represents hidden events */



a.fc-more {

	margin: 1px 3px;

	font-size: .85em;

	cursor: pointer;

	text-decoration: none;

}



a.fc-more:hover {

	text-decoration: underline;

}



.fc-limited { /* rows and cells that are hidden because of a "more" link */

	display: none;

}



/* popover that appears when "more" link is clicked */



.fc-day-grid .fc-row {

	z-index: 1; /* make the "more" popover one higher than this */

}



.fc-more-popover {

	z-index: 2;

	width: 220px;

}



.fc-more-popover .fc-event-container {

	padding: 10px;

}





/* Now Indicator

--------------------------------------------------------------------------------------------------*/



.fc-now-indicator {

	position: absolute;

	border: 0 solid red;

}



/* Toolbar

--------------------------------------------------------------------------------------------------*/



.fc-toolbar {

	text-align: center;

	margin-bottom: 1em;

}



.fc-toolbar .fc-left {

	float: left;

}



.fc-toolbar .fc-right {

	float: right;

}



.fc-toolbar .fc-center {

	display: inline-block;

}



/* the things within each left/right/center section */

.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */

	float: left;

	margin-left: .75em;

}



/* the first thing within each left/center/right section */

.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */

	margin-left: 0;

}

	

/* title text */



.fc-toolbar h2 {

	margin: 0;

}



/* button layering (for border precedence) */



.fc-toolbar button {

	position: relative;

}



.fc-toolbar .fc-state-hover,

.fc-toolbar .ui-state-hover {

	z-index: 2;

}

	

.fc-toolbar .fc-state-down {

	z-index: 3;

}



.fc-toolbar .fc-state-active,

.fc-toolbar .ui-state-active {

	z-index: 4;

}



.fc-toolbar button:focus {

	z-index: 5;

}





/* View Structure

--------------------------------------------------------------------------------------------------*/



/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */

/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *,

.fc-view-container *:before,

.fc-view-container *:after {

	-webkit-box-sizing: content-box;

	   -moz-box-sizing: content-box;

	        box-sizing: content-box;

}



.fc-view, /* scope positioning and z-index's for everything within the view */

.fc-view > table { /* so dragged elements can be above the view's main element */

	position: relative;

	z-index: 1;

}



/* BasicView

--------------------------------------------------------------------------------------------------*/



/* day row structure */



.fc-basicWeek-view .fc-content-skeleton,

.fc-basicDay-view .fc-content-skeleton {

	/* we are sure there are no day numbers in these views, so... */

	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */

	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */

}



.fc-basic-view .fc-body .fc-row {

	min-height: 4em; /* ensure that all rows are at least this tall */

}



/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */



.fc-row.fc-rigid {

	overflow: hidden;

}



.fc-row.fc-rigid .fc-content-skeleton {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

}



/* week and day number styling */



.fc-basic-view .fc-week-number,

.fc-basic-view .fc-day-number {

	padding: 0 2px;

}



.fc-basic-view td.fc-week-number span,

.fc-basic-view td.fc-day-number {

	padding-top: 2px;

	padding-bottom: 2px;

}



.fc-basic-view .fc-week-number {

	text-align: center;

}



.fc-basic-view .fc-week-number span {

	/* work around the way we do column resizing and ensure a minimum width */

	display: inline-block;

	min-width: 1.25em;

}



.fc-ltr .fc-basic-view .fc-day-number {

	text-align: right;

}



.fc-rtl .fc-basic-view .fc-day-number {

	text-align: left;

}



.fc-day-number.fc-other-month {

	opacity: 0.3;

	filter: alpha(opacity=30); /* for IE */

	/* opacity with small font can sometimes look too faded

	   might want to set the 'color' property instead

	   making day-numbers bold also fixes the problem */

}



/* AgendaView all-day area

--------------------------------------------------------------------------------------------------*/



.fc-agenda-view .fc-day-grid {

	position: relative;

	z-index: 2; /* so the "more.." popover will be over the time grid */

}



.fc-agenda-view .fc-day-grid .fc-row {

	min-height: 3em; /* all-day section will never get shorter than this */

}



.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {

	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */

	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */

}





/* TimeGrid axis running down the side (for both the all-day area and the slot area)

--------------------------------------------------------------------------------------------------*/



.fc .fc-axis { /* .fc to overcome default cell styles */

	vertical-align: middle;

	padding: 0 4px;

	white-space: nowrap;

}



.fc-ltr .fc-axis {

	text-align: right;

}



.fc-rtl .fc-axis {

	text-align: left;

}



.ui-widget td.fc-axis {

	font-weight: normal; /* overcome jqui theme making it bold */

}





/* TimeGrid Structure

--------------------------------------------------------------------------------------------------*/



.fc-time-grid-container, /* so scroll container's z-index is below all-day */

.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */

	position: relative;

	z-index: 1;

}



.fc-time-grid {

	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */

}



.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */

	border: 0 hidden transparent;

}



.fc-time-grid > .fc-bg {

	z-index: 1;

}



.fc-time-grid .fc-slats,

.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */

	position: relative;

	z-index: 2;

}



.fc-time-grid .fc-content-col {

	position: relative; /* because now-indicator lives directly inside */

}



.fc-time-grid .fc-content-skeleton {

	position: absolute;

	z-index: 3;

	top: 0;

	left: 0;

	right: 0;

}



/* divs within a cell within the fc-content-skeleton */



.fc-time-grid .fc-business-container {

	position: relative;

	z-index: 1;

}



.fc-time-grid .fc-bgevent-container {

	position: relative;

	z-index: 2;

}



.fc-time-grid .fc-highlight-container {

	position: relative;

	z-index: 3;

}



.fc-time-grid .fc-event-container {

	position: relative;

	z-index: 4;

}



.fc-time-grid .fc-now-indicator-line {

	z-index: 5;

}



.fc-time-grid .fc-helper-container { /* also is fc-event-container */

	position: relative;

	z-index: 6;

}





/* TimeGrid Slats (lines that run horizontally)

--------------------------------------------------------------------------------------------------*/



.fc-time-grid .fc-slats td {

	height: 1.5em;

	border-bottom: 0; /* each cell is responsible for its top border */

}



.fc-time-grid .fc-slats .fc-minor td {

	border-top-style: dotted;

}



.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */

	background: none; /* see through to fc-bg */

}





/* TimeGrid Highlighting Slots

--------------------------------------------------------------------------------------------------*/



.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */

	position: relative; /* scopes the left/right of the fc-highlight to be in the column */

}



.fc-time-grid .fc-highlight {

	position: absolute;

	left: 0;

	right: 0;

	/* top and bottom will be in by JS */

}





/* TimeGrid Event Containment

--------------------------------------------------------------------------------------------------*/



.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */

	margin: 0 2.5% 0 2px;

}



.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */

	margin: 0 2px 0 2.5%;

}



.fc-time-grid .fc-event,

.fc-time-grid .fc-bgevent {

	position: absolute;

	z-index: 1; /* scope inner z-index's */

}



.fc-time-grid .fc-bgevent {

	/* background events always span full width */

	left: 0;

	right: 0;

}





/* Generic Vertical Event

--------------------------------------------------------------------------------------------------*/



.fc-v-event.fc-not-start { /* events that are continuing from another day */

	/* replace space made by the top border with padding */

	border-top-width: 0;

	padding-top: 1px;



	/* remove top rounded corners */

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}



.fc-v-event.fc-not-end {

	/* replace space made by the top border with padding */

	border-bottom-width: 0;

	padding-bottom: 1px;



	/* remove bottom rounded corners */

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

}





/* TimeGrid Event Styling

----------------------------------------------------------------------------------------------------

We use the full "fc-time-grid-event" class instead of using descendants because the event won't

be a descendant of the grid when it is being dragged.

*/



.fc-time-grid-event {

	overflow: hidden; /* don't let the bg flow over rounded corners */

}



.fc-time-grid-event .fc-time,

.fc-time-grid-event .fc-title {

	padding: 0 1px;

}



.fc-time-grid-event .fc-time {

	font-size: .85em;

	white-space: nowrap;

}



/* short mode, where time and title are on the same line */



.fc-time-grid-event.fc-short .fc-content {

	/* don't wrap to second line (now that contents will be inline) */

	white-space: nowrap;

}



.fc-time-grid-event.fc-short .fc-time,

.fc-time-grid-event.fc-short .fc-title {

	/* put the time and title on the same line */

	display: inline-block;

	vertical-align: top;

}



.fc-time-grid-event.fc-short .fc-time span {

	display: none; /* don't display the full time text... */

}



.fc-time-grid-event.fc-short .fc-time:before {

	content: attr(data-start); /* ...instead, display only the start time */

}



.fc-time-grid-event.fc-short .fc-time:after {

	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */

}



.fc-time-grid-event.fc-short .fc-title {

	font-size: .85em; /* make the title text the same size as the time */

	padding: 0; /* undo padding from above */

}



/* resizer */



.fc-time-grid-event .fc-resizer {

	left: 0;

	right: 0;

	bottom: 0;

	height: 8px;

	overflow: hidden;

	line-height: 8px;

	font-size: 11px;

	font-family: monospace;

	text-align: center;

	cursor: s-resize;

}



.fc-time-grid-event .fc-resizer:after {

	content: "=";

}





/* Now Indicator

--------------------------------------------------------------------------------------------------*/



.fc-time-grid .fc-now-indicator-line {

	border-top-width: 1px;

	left: 0;

	right: 0;

}



/* arrow on axis */



.fc-time-grid .fc-now-indicator-arrow {

	margin-top: -5px; /* vertically center on top coordinate */

}



.fc-ltr .fc-time-grid .fc-now-indicator-arrow {

	left: 0;

	/* triangle pointing right... */

	border-width: 5px 0 5px 6px;

	border-top-color: transparent;

	border-bottom-color: transparent;

}



.fc-rtl .fc-time-grid .fc-now-indicator-arrow {

	right: 0;

	/* triangle pointing left... */

	border-width: 5px 6px 5px 0;

	border-top-color: transparent;

	border-bottom-color: transparent;

}



 

 

