/* ================================================================================================================== */
/* RESET CSS */
/* ================================================================================================================== */

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/* ================================================================================================================== */
/* ANIMACOES */
/* ================================================================================================================== */

*
{
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;

	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
}

.sortable,
.sortable *
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;

	transition-duration: 0ms;
	-webkit-transition-duration: 0ms;
	-moz-transition-duration: 0ms;
}


/* ================================================================================================================== */
/* BLOCOS */
/* ================================================================================================================== */

html, body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #f9f9f9; }

div.clear { clear: both; }


/* ================================================================================================================== */
/* LOGIN */
/* ================================================================================================================== */

div#login { display: block; position: relative; width: 100%; height: auto; margin: 0 auto; padding: 0; text-align: center; font-size: 0; }
	div#login a.logo_SUITP { display: block; position: relative; width: 150px; height: 96px; margin: 50px auto 0 auto; background: transparent url(../src/img/logo_suitp_idstudies.png) no-repeat center center; background-size: contain; }
	div#login form.container { display: block; position: relative; width: 400px; height: auto; padding: 35px; margin: 50px auto 0 auto; background-color: #ffffff; }
		div#login form.container img.custom_logo { display: inline-block; position: relative; max-width: 100%; margin: 0 auto 20px auto; }
		div#login form.container label { display: block; position: relative; width: 100%; font-size: 14px; line-height: 30px; text-align: right; margin: 0 0 10px 0; }
			div#login form.container label input[type="text"],
			div#login form.container label input[type="password"] { display: inline-block; position: relative; width: 288px; margin: 0 0 0 15px; background-color: transparent; border: 1px solid #636363; line-height: 28px; height: 28px; padding: 0; }
		div#login form.container input[type="submit"] { display: inline-block; position: relative; width: 290px; margin: 0 0 0 15px; background-color: #00efcb; border: 1px solid #00efcb; font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; float: right; cursor: pointer; }
		div#login form.container input[type="submit"]:hover { background-color: #aff7bf; border: 1px solid #aff7bf; }


/* ================================================================================================================== */
/* MENU */
/* ================================================================================================================== */

div#menu { display: block; position: relative; width: auto; padding: 0; background-color: #ffffff; font-size: 0; }

	div#menu ul.principal_menu { display: block; position: relative; width: 100%; background-color: #3e3e3e; text-align: center; margin: 0 0 10px 0; }
		div#menu ul.principal_menu li { display: inline-block; position: relative; width: auto; }
			div#menu ul.principal_menu li a { display: inline-block; position: relative; width: auto; line-height: 25px; font-size: 11px; font-weight: bold; text-decoration: none; padding: 0 10px; color: #ffffff; }
			div#menu ul.principal_menu li.ui-state-hover a:hover { background-color: #f3f4f4; color: #3e3e3e; }
			div#menu ul.principal_menu li.ui-state-active a { background-color: #ffffff; color: #3e3e3e; }

	div#menu span.logo { display: inline-block; position: relative; vertical-align: bottom; margin: 0 0 8px 0; width: 85px; height: 90px; background: transparent url(../src/img/logo_menu.png) no-repeat center center; background-size: contain; }

	div#menu div[data-menu-counter] { display: none; }

	div#menu div.menu { display: inline-block; position: relative; padding: 0; margin: 0 20px; vertical-align: bottom; }
	div.menu
	{
		width: -webkit-calc( 100% - 320px );
		width:    -moz-calc( 100% - 320px );
		width:         calc( 100% - 320px );
	}
		div#menu div.menu div.container { display: block; position: relative; width: 100%; height: auto; font-size: 0; margin: 10px 0 0 0; }

			/* menus */
			div#menu div.menu div.container span,
			div#menu div.menu div.container a { display: inline-block; position: relative; padding: 0 10px; margin: 2px; text-decoration: none; cursor: pointer; }
			div#menu div.menu div.container._1 span,
			div#menu div.menu div.container._1 a { line-height: 18px; font-size: 11px; color: #babcbe; }
			div#menu div.menu div.container._2 span,
			div#menu div.menu div.container._2 a { line-height: 22px; font-size: 13px; }

			/* selected e hover dos menus */
			div#menu div.menu div.container span.selected,
			div#menu div.menu div.container a.selected { font-weight: bold; color: #3e3e3e; }
			div#menu div.menu div.container._1 span.selected,
			div#menu div.menu div.container._1 a.selected { background-color: #e6e7e8; }
			div#menu div.menu div.container._1 span:hover,
			div#menu div.menu div.container._1 a:hover { color: #3e3e3e; }
			div#menu div.menu div.container._2 span:hover,
			div#menu div.menu div.container._2 a:hover { color: #4573e7; }

				/* popup */
				div#menu div.menu div.container span div.menu_popup { display: none; position: absolute; left: 0; padding: 6px 15px; background-color: #f9f9f9; border: 1px solid #bcbcbc; box-shadow: 0 0 2px #bcbcbc; cursor: default; white-space: nowrap; z-index: 99; }
				div#menu div.menu div.container span div.menu_popup
				{
					min-width: 100%;
					min-width: -webkit-calc( 100% - 30px - 2px );
					min-width:    -moz-calc( 100% - 30px - 2px );
					min-width:         calc( 100% - 30px - 2px );
				}
				div#menu div.menu div.container._1 span div.menu_popup { top: 18px; }
				div#menu div.menu div.container._2 span div.menu_popup { top: 21px; }
				div#menu div.menu div.container span:hover div.menu_popup { display: block; }
					div#menu div.menu div.container span div.menu_popup a { display: block; position: relative; line-height: 20px; padding: 0; font-size: 11px; font-weight: normal; background-color: transparent; color: #3e3e3e; }
					div#menu div.menu div.container span div.menu_popup a:hover { color: #4573e7; }
					div#menu div.menu div.container span div.menu_popup a.selected { background-color: transparent; color: #babcbe; }

	div#menu div.icons { display: inline-block; position: relative; width: 150px; height: auto; vertical-align: bottom; text-align: right; }
		div#menu div.icons a { display: inline-block; position: relative; width: 18px; height: 18px; background: transparent url(../src/img/icons_menu.png) no-repeat; margin: 5px; vertical-align: bottom; }
		div#menu div.icons a
		{
			transition-property: none;
			-webkit-transition-property: none;
			-moz-transition-property: none;
		}
		div#menu div.icons a._1 { background-position: 0 0; }
		div#menu div.icons a._2 { background-position: -18px 0; }
		div#menu div.icons a:hover { background-position-y: -18px; }
		div#menu div.icons a.selected { background-position-y: -36px; }


/* ================================================================================================================== */
/* ARVORE */
/* ================================================================================================================== */

div#tree { font-size: 0; text-align: left; }
div#tree > span.column { position: absolute; width: 15px; top: 0; left: -36px; background: transparent url(../src/img/tree_column.png) repeat-y; }
div#tree > span.column
{
	height: 100%;
	height: -webkit-calc( 100% - 12px );
	height:    -moz-calc( 100% - 12px );
	height:         calc( 100% - 12px );
}

	div#tree div.parent { display: block; position: relative; }
		div#tree div.parent > span.icon { display: none; position: absolute; width: 15px; height: 20px; top: 2px; left: -15px; background: transparent url(../src/img/tree_buttons.png) no-repeat; cursor: pointer; margin: 0; }
		div#tree div.parent[data-closed='true'] > span.icon { background-position: 0 0; }
		div#tree div.parent[data-closed='false'] > span.icon { background-position: 0 -20px; }
		div#tree div.parent > span.icon
		{
			transition-property: none;
			-webkit-transition-property: none;
			-moz-transition-property: none;
		}


		div#tree div.parent > span.row { display: block; position: absolute; width: 27px; height: 20px; top: 2px; left: -27px; background: transparent url(../src/img/tree_row.png) repeat-x; }

		div#tree div.parent > span.column { position: absolute; width: 15px; top: 5px; left: -15px; background: transparent url(../src/img/tree_column.png) repeat-y; }
		div#tree div.parent > span.column
		{
			height: 100%;
			height: -webkit-calc( 100% - 19px );
			height:    -moz-calc( 100% - 19px );
			height:         calc( 100% - 19px );
		}
		div#tree div.parent[data-closed='true'] > span.column { display: none; }
		div#tree div.parent[data-closed='false'] > span.column { display: block; }

		div#tree div.parent a { display: inline-block; position: relative; line-height: 20px; height: 20px; font-size: 11px; text-decoration: none; margin: 2px 0 2px 5px; vertical-align: top; }
		div#tree div.parent a:hover { color: #4573e7; }

		div#tree div.parent div.childrens { display: block; position: relative; height: auto; }
		div#tree div.parent[data-closed="true"] div.childrens { display: block; opacity: 0; height: 0; overflow: hidden; }
		div#tree div.parent div.childrens
		{
			transition-property: none;
			-webkit-transition-property: none;
			-moz-transition-property: none;
		}


/* ================================================================================================================== */
/* NAVEGADOR */
/* ================================================================================================================== */

div#navigator { display: block; position: relative; font-size: 0; text-align: center; }
	div#navigator span { display: inline-block; position: relative; width: 5px; height: 7px; background: transparent url(../src/img/navigator_arrows.png) no-repeat; vertical-align: middle; margin: 0; cursor: pointer; }
	div#navigator span
	{
		transition-property: none;
		-webkit-transition-property: none;
		-moz-transition-property: none;
	}
	div#navigator span.prev { background-position: 0 0; }
	div#navigator span.prev:hover { background-position: 0 -7px; }
	div#navigator span.next { background-position: -5px 0; }
	div#navigator span.next:hover { background-position: -5px -7px; }
	div#navigator div.container { display: inline-block; position: relative; min-height: 15px; margin: 0 10px; vertical-align: middle; font-size: 0; text-align: left; }
	div#navigator div.container
	{
		width: 700px;
		width: -webkit-calc( 100% - 30px );
		width:    -moz-calc( 100% - 30px );
		width:         calc( 100% - 30px );
	}
		div#navigator div.container a { display: inline-block; position: relative; width: auto; font-size: 10px; color: #babcbe; text-decoration: none; line-height: 15px; margin: 0; padding: 0; }
		div#navigator div.container a:hover { color: #3e3e3e; }
		div#navigator div.container p { display: inline-block; position: relative; width: auto; font-size: 10px; color: #babcbe; text-decoration: none; line-height: 15px; margin: 0 5px; padding: 0; }


/* ================================================================================================================== */
/* BLOCOS */
/* ================================================================================================================== */

.to-heigth-trick { display: inline-block; position: relative; width: 0; height: 100%; background-color: transparent; vertical-align: middle; }

div#body { display: block; position: relative; font-size: 0; }

.color1 { background-color: #aff7bf; }
.color2 { background-color: #ffffff; }
.color3 { background-color: #c7b29e; }
.color4 { background-color: #3e3e3e; }
.color5 { background-color: #f9f9f9; }

.border1 { border-bottom: 4px solid #3e3e3e; }
.border2 { border-bottom: 4px solid #ffffff; }

.padding1 { padding: 10px; }
.padding1_horizontal { padding-left: 10px; padding-right: 10px; }
.padding1_vertical { padding-top: 10px; padding-bottom: 10px; }
.padding2 { padding: 20px; }
.padding2_horizontal { padding-left: 20px; padding-right: 20px; }
.padding2_left { padding-left: 20px; }
.padding3 { padding: 5px; }
.padding3_horizontal { padding-left: 5px; padding-right: 5px; }
.padding3_left { padding-left: 5px; }
.padding3_right { padding-right: 5px; }
.padding3_vertical { padding-top: 5px; padding-bottom: 5px; }
.padding4 { padding: 2px; }
.padding4_horizontal { padding-left: 2px; padding-right: 2px; }
.padding4_vertical { padding-top: 2px; padding-bottom: 2px; }

.margin1 { margin: 10px; }
.margin1_vertical { margin-top: 10px; margin-bottom: 10px; }
.margin1_horizontal { margin-left: 10px; margin-right: 10px; }
.margin1_top { margin-top: 10px; }
.margin1_bottom { margin-bottom: 10px; }
.margin1_left { margin-left: 10px; }
.margin1_right { margin-right: 10px; }
.margin2 { margin: 20px; }
.margin2_vertical { margin-top: 20px; margin-bottom: 20px; }
.margin2_horizontal { margin-left: 20px; margin-right: 20px; }
.margin2_top { margin-top: 20px; }
.margin2_bottom { margin-bottom: 20px; }
.margin2_left { margin-left: 20px; }
.margin3 { margin: 1px; }
.margin3_vertical { margin-top: 1px; margin-bottom: 1px; }
.margin3_horizontal { margin-left: 1px; margin-right: 1px; }
.margin3_top { margin-top: 1px; }
.margin3_bottom { margin-bottom: 1px; }
.margin3_left { margin-left: 1px; }
.margin4 { margin: 5px; }
.margin4_vertical { margin-top: 5px; margin-bottom: 5px; }
.margin4_horizontal { margin-left: 5px; margin-right: 5px; }
.margin4_top { margin-top: 5px; }
.margin4_bottom { margin-bottom: 5px; }
.margin4_left { margin-left: 5px; }

.header1 { width: 100%; }

.col { display: inline-block; position: relative; }
.col.top { vertical-align: top; }
.col.bottom { vertical-align: bottom; }
.col.middle { vertical-align: middle; }

.width_icons_1 { width: 16px; }
.width_icons_2 { width: 32px; }
.width_icons_3 { width: 48px; }
.width_icons_4 { width: 64px; }
.width1 { width: 10%; }
.width2 { width: 20%; }
.width3 { width: 30%; }
.width4 { width: 70%; }
.width5 { width: 100%; }
.width6 { width: 50%; }
.width7 { width: 15%; }
.width8 { width: 40%; }
.width_none { width: auto; }

.step_header_left { width: 30px; min-height: 20px; }
.step_header_middle { min-height: 20px; border-left: 1px solid #f9f9f9; color: #ffffff; padding: 0 10px; line-height: 20px; }
.step_header_middle
{
	width: 100%;
	width: -webkit-calc( 100% - 111px );
	width:    -moz-calc( 100% - 111px );
	width:         calc( 100% - 111px );
}
.step_header_right { width: 60px; min-height: 20px; }

.maxwidth1 { max-width: 10%; }
.maxwidth2 { max-width: 20%; }
.maxwidth3 { max-width: 30%; }
.maxwidth4 { max-width: 50%; }

.align_center { margin-left: auto; margin-right: auto; }

.inline { white-space: nowrap; }

.hidden,
.hidden * { display: none; }

div.clear { clear: both; }


/* ================================================================================================================== */
/* TABS */
/* ================================================================================================================== */

/* tab 1 */
div.tabs { display: block; position: relative; font-size: 0; }
	div.tabs li { display: inline-block; position: relative; background-color: #babcbe; padding: 3px 10px; border-right: 1px solid #e6e7e8; border-top: 1px solid #e6e7e8; }
	div.tabs li:last-child { border-right: none; }
	div.tabs li.ui-state-hover { background-color: #d6d6d6; }
	div.tabs li.ui-state-active { background-color: #4573e7; }
		div.tabs li a { display: block; position: relative; line-height: 15px; font-weight: bold; text-decoration: none; color: #ffffff; }

	div.tabs div.ui-tabs-panel { border-top: 3px solid #4573e7; overflow: hidden; }

/* tab 2 */
div.tabs div.ui-tabs-panel > div.tabs {  }
	div.tabs div.ui-tabs-panel > div.tabs li {  }
	div.tabs div.ui-tabs-panel > div.tabs li:last-child {  }
	div.tabs div.ui-tabs-panel > div.tabs li.ui-state-hover { }
	div.tabs div.ui-tabs-panel > div.tabs li.ui-state-active { background-color: #45b4e7; }
		div.tabs div.ui-tabs-panel > div.tabs li a { }

	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel { border-top: 3px solid #45b4e7; }

/* tab 3 */
div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs {  }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li {  }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li:last-child {  }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li.ui-state-hover { }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li.ui-state-active { background-color: #f9a01b; }
		div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li a { }

	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel { border-top: 3px solid #f9a01b; }

/* tab 4 */
div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs {  }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li {  }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li:last-child {  }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li.ui-state-hover { }
	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li.ui-state-active { background-color: #9669a4; }
		div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs li a { }

	div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel > div.tabs div.ui-tabs-panel { border-top: 3px solid #9669a4; }


/* ================================================================================================================== */
/* TABELAS */
/* ================================================================================================================== */

table { position: relative; }
	table thead th { padding: 3px 5px; }
	table .title1 { font-weight: bold; font-size: 10px; }
	table tbody td { padding: 4px 5px; font-size: 10px; vertical-align: top; }
	table tbody td.middle { vertical-align: middle; }

	table.table1 th.title2 { background-color: #d6d6d6; }
	table.table1 .bgcolor1 { background-color: #d51920; color: #ffffff; }
	table.table1 .bgcolor2 { background-color: #4573e7; color: #ffffff; }
	table.table1 .bgcolor3 { background-color: #f9a01b; color: #ffffff; }
	table.table1 .bgcolor4 { background-color: #00b26e; color: #ffffff; }
	table.table1 .bgcolor5 { background-color: #9669a4; color: #ffffff; }
	table.table1 .bgcolor6 { background-color: #d187ef; }
	table.table1 .bgcolor7 { background-color: #3e3e3e; color: #ffffff; }
	table.table1 .bgcolor8 { background-color: #d6d6d6; }
	table.table1 .bgcolor9 { background-color: #babcbe; }
	table.table1 .bgcolor10 { background-color: #acdee0; }
	table.table1 .bgcolor11 { background-color: #4ec3c7; }
	table.table1 .bgcolor12 { background-color: #45b4e7; color: #ffffff; }

	table.table1 thead tr.border1 td,
	table.table1 thead tr.border1 th { border-right: 1px solid #e1e2e2; border-bottom: 1px solid #e1e2e2; }
	table.table1 thead tr.border1 td:first-child,
	table.table1 thead tr.border1 th:first-child { border-left: 1px solid #e1e2e2; }
	table.table1 thead tr.border1:first-child td,
	table.table1 thead tr.border1:first-child th { border-top: 1px solid #e1e2e2; }

	table.table1 thead tr.border2 td,
	table.table1 thead tr.border2 th { border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
	table.table1 thead tr.border2 td:first-child,
	table.table1 thead tr.border2 th:first-child { border-left: 1px solid #ffffff; }
	table.table1 thead tr.border2:first-child td,
	table.table1 thead tr.border2:first-child th { border-top: 1px solid #ffffff; }

	table.table1 tbody tr:first-child td { border-top: 1px solid #e1e2e2; }
	table.table1 tbody td { border-right: 1px solid #e1e2e2; border-bottom: 1px solid #e1e2e2; }
	table.table1 tbody td:first-child { border-left: 1px solid #e1e2e2; }
	table.table1 tbody tr td { background-color: #f9f9f9; }

	table.table1.hover1 tbody tr:nth-child(2n) td { background-color: #e6e7e8; }
	table.table1.hover1 tbody tr:hover td { background-color: #c7b29e; }



	table.table2 tbody td { border-right: 1px solid #babcbe; background-color: transparent; }
	table.table2 tbody td:first-child { padding-top: 4px; padding-bottom: 4px; padding-right: 4px; }
	table.table2 tbody td:last-child { border-right: none; }
	table.table2 tbody tr:hover td { background-color: #e6e7e8; }
	table.table2 tbody tr:hover td:last-child { border-right: none; }



	table.table3 tbody td { border: none; background-color: #c7b29e; }
	table.table3 tbody tr:nth-child(2n) td { background-color: #d0beae; }


	table.no_border,
	table.no_border tbody td { border-right: none; border-top: none; border-left: 0; border-left: 0; background-color: transparent; }


/* ================================================================================================================== */
/* PAGINADOR */
/* ================================================================================================================== */

div.paginator { display: block; position: relative; text-align: right; font-size: 0; }
	div.paginator a { display: inline-block; position: relative; font-size: 11px; color: #3e3e3e; padding: 0 2px; margin: 0 2px; text-decoration: none; line-height: 20px; }
	div.paginator a.selected { font-weight: bold; color: #4573e7; }
	div.paginator a:hover { color: #4573e7; }


/* ================================================================================================================== */
/* FORMULARIOS */
/* ================================================================================================================== */

label { line-height: 20px; }

select,
select option,
input[type="password"],
input[type="number"],
input[type="file"],
input[type="text"] { width: 163px; border: 1px solid #3e3e3e; height: 18px; line-height: 18px; font-size: 10px; padding: 0 5px; background-color: #ffffff; }

textarea { width: 173px; border: 1px solid #3e3e3e; height: 108px; line-height: 18px; font-size: 10px; padding: 0 5px; background-color: #ffffff; resize: vertical; }
textarea
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}

select,
select option { height: 20px; width: 175px; }

select.transparent,
input[type="password"].transparent,
input[type="number"].transparent,
input[type="file"].transparent,
input[type="text"].transparent { background-color: transparent; }

select.full,
input[type="password"].full,
input[type="number"].full,
input[type="file"].full,
input[type="text"].full { display: block; width: auto; margin: 2px 0 0 0; }

/* botao de pesquisa */
div.search { position: relative; width: 173px; border: 1px solid #3e3e3e; height: 18px; line-height: 18px; font-size: 10px; padding: 0; background-color: #ffffff; cursor: pointer; }
div.search
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}
div.search:focus,
div.search:hover { border: 1px solid #4573e7; }
	div.search input[type="text"] { display: block; position: relative; width: 142px; padding: 0 5px; max-height: 18px; line-height: 18px; overflow: hidden; background-color: transparent; margin: 0 0 0 0; border: none; cursor: pointer; }
	div.search span.icon { display: block; position: absolute; top: 3px; right: 3px; width: 15px; height: 13px; background: transparent url(../src/img/icon_search.png) no-repeat 0 0; background-size: cover; }
	div.search span.icon
	{
		transition-property: none;
		-webkit-transition-property: none;
		-moz-transition-property: none;
	}
	div.search:hover span.icon { background-position: 0 -13px; }

span.checkbox { display: inline-block; position: relative; vertical-align: middle; width: 13px; height: 9px; border: none; background: transparent url(../src/img/checkbox_icon.png) no-repeat; cursor: pointer; }
span.checkbox
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}
span.checkbox[data-checked="true"] { background-position:  0 0; }
span.checkbox[data-checked="false"] { background-position: 0 -9px; }
	span.checkbox * { display: none; }

a.submit,
input[type="submit"] { width: 150px; text-align: center; line-height: 20px; cursor: pointer; font-weight: bold; border: none; text-decoration: none; }
a.submit.color1,
input[type="submit"].color1 { background-color: #ffffff; }
a.submit.color1:hover,
input[type="submit"].color1:hover { background-color: #3e3e3e; color: #ffffff; }
a.submit.color2,
input[type="submit"].color2 { background-color: #aff7bf; }
a.submit.color2:hover,
input[type="submit"].color2:hover { background-color: #3e3e3e; color: #ffffff; }
a.submit.color3,
input[type="submit"].color3 { background-color: #d51920; color: #ffffff; }
a.submit.color3:hover,
input[type="submit"].color3:hover { background-color: #3e3e3e; color: #ffffff; }
a.submit.center,
input[type="submit"].center { display: block; margin-left: auto; margin-right: auto; }


/* ================================================================================================================== */
/* DATEPICKER */
/* ================================================================================================================== */

input[data-calendar="true"] { cursor: pointer; }
input[data-calendar="true"]:hover { border: 1px solid #4573e7; }

.ui-datepicker { background-color: #ffffff; }
.ui-datepicker,
.ui-datepicker *
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}
	.ui-datepicker .ui-datepicker-header { background-color: #f3f4f4; margin: 2px; padding: 3px 10px; }
	.ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 12px; text-align: center; font-weight: bold; line-height: 20px; }
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { float: left; font-size: 12px; text-align: center; font-weight: bold; line-height: 20px; cursor: pointer; }
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover span { color: #4573e7; }
	.ui-datepicker .ui-datepicker-header .ui-datepicker-next { float: right; font-size: 12px; text-align: center; font-weight: bold; line-height: 20px; cursor: pointer; }
	.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover span { color: #4573e7; }
	.ui-datepicker table.ui-datepicker-calendar { background-color: #ffffff; margin: 10px 10px; }
		.ui-datepicker table.ui-datepicker-calendar thead th,
		.ui-datepicker table.ui-datepicker-calendar thead th span { font-size: 12px; line-height: 10px; text-align: center; font-weight: bold; padding: 0 0 10px 0; }
		.ui-datepicker table.ui-datepicker-calendar tbody td { padding: 0; margin: 0; cursor: pointer; text-align: center; }
		.ui-datepicker table.ui-datepicker-calendar tbody td.ui-datepicker-today a { background-color: #f3f4f4; }
			.ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-default { display: block; font-size: 10px; text-align: center; width: 25px; line-height: 25px; text-decoration: none; }
			.ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-hover { background-color: #babcbe; }
			.ui-datepicker table.ui-datepicker-calendar tbody td a.ui-state-active { background-color: #4573e7; color: #ffffff; }



/* ================================================================================================================== */
/* ICONES */
/* ================================================================================================================== */

div.icons { position: relative; font-size: 0; text-align: center; }
div.icons.left { text-align: left; }
div.icons.inline { white-space: nowrap; }
div.icons.more { background-color: #e6e7e8; }
	div.icons .icon { display: inline-block; position: relative; width: 12px; height: 12px; background: transparent url(../src/img/icons.png) no-repeat; margin: 2px; vertical-align: middle; cursor: pointer; overflow: visible; }
	div.icons .icon
	{
		transition-property: none;
		-webkit-transition-property: none;
		-moz-transition-property: none;
	}
	div.icons .icon:hover { background-position-y: -12px; }
	div.icons .icon.more { background-position-x: 0; }
	div.icons .icon.less_dark { background-position-x: -96px; }
	div.icons .icon.delete { background-position-x: -12px; }
	div.icons .icon.edit { background-position-x: -24px; }
	div.icons .icon.permissions { background-position-x: -36px; }
	div.icons .icon.down { background-position-x: -48px; }
	div.icons .icon.up { background-position-x: -108px; }
	div.icons .icon.download { background-position-x: -60px; }
	div.icons .icon.activate { background-position-x: -132px; }
	div.icons .icon.deactivate { background-position-x: -120px; }
	div.icons .icon.true { background-position-x: -84px; cursor: default; }
	div.icons .icon.true:hover { background-position-y: 0; }
	div.icons .icon.false { background-position-x: -84px; background-position-y: -12px; cursor: default; }
	div.icons .icon.false:hover { background-position-y: -12px; }

		div.icons .icon.permissions span.pendencies { display: block; position: absolute; top: -9px; right: -9px; min-width: 10px; padding: 2px; min-height: 10px; z-index: 10; background-color: #d51920; line-height: 10px; text-align: center; font-size: 9px; color: #ffffff; border-radius: 7px; }
		div.icons .icon.permissions div.content { display: none; position: relative; margin: 30px 0 0 0; }


/* ================================================================================================================== */
/* PERMISSOES */
/* ================================================================================================================== */

div#permissions { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; }
div#permissions[data-opacity="80"] { background: transparent url(../src/img/popup_bg80.png) repeat; }
div#permissions[data-opacity="50"] { background: transparent url(../src/img/popup_bg50.png) repeat; }
div#permissions[data-opacity="30"] { background: transparent url(../src/img/popup_bg30.png) repeat; }
	div#permissions div.container { display: inline-block; position: relative; margin: 0; min-width: 700px; background-color: #f9f9f9; vertical-align: middle; }

		div#permissions div.container span.big_icon { display: block; position: relative; width: 183px; height: 183px; background: transparent url(../src/img/popup_icons.png) no-repeat -1098px 0; margin: 15px auto; }

		div#permissions div.container div.body { display: block; position: relative; padding: 30px; background-color: #8ad5a9; }
			div#permissions div.container div.body h1 { font-size: 21px; margin: 0 0 10px 0; }
			div#permissions div.container div.body div.scroll { max-height: 150px; }
			div#permissions div.container div.body input[type="button"] { width: 230px; text-align: center; padding: 5px 10px; line-height: 15px; font-weight: bold; font-size: 14px; border: none; cursor: pointer; margin: 15px 10px 0 10px; background-color: #00b26e; color: #ffffff; }
			div#permissions div.container div.body input[type="button"]:hover { background-color: #f9f9f9; color: #00b26e; }


/* ================================================================================================================== */
/* POPUPS */
/* ================================================================================================================== */

div.popup { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; }
div.popup[data-opacity="80"] { background: transparent url(../src/img/popup_bg80.png) repeat; }
div.popup[data-opacity="50"] { background: transparent url(../src/img/popup_bg50.png) repeat; }
div.popup[data-opacity="30"] { background: transparent url(../src/img/popup_bg30.png) repeat; }
	div.popup div.container { display: inline-block; position: relative; margin: 0; width: 700px; background-color: #f9f9f9; vertical-align: middle; }

		div.popup div.container span.close { display: block; position: absolute; top: 10px; right: 10px; background: transparent url(../src/img/popup_close_button.png) no-repeat; width: 21px; height: 21px; cursor: pointer; }
		div.popup div.container span.close
		{
			transition-property: none;
			-webkit-transition-property: none;
			-moz-transition-property: none;
		}
		div.popup[data-type="error"] div.container span.close:hover { background-position: 0 -21px; }
		div.popup[data-type="success"] div.container span.close:hover { background-position: -21px -21px; }
		div.popup[data-type="search"] div.container span.close:hover { background-position: -42px -21px; }
		div.popup[data-type="confirmation"] div.container span.close:hover { background-position: -63px -21px; }
		div.popup[data-type="information"] div.container span.close:hover { background-position: -84px -21px; }
		div.popup[data-type="form"] div.container span.close:hover { background-position: -105px -21px; }

		div.popup div.container span.icon { display: block; position: relative; width: 183px; height: 183px; background: transparent url(../src/img/popup_icons.png) no-repeat; margin: 15px auto; }
		div.popup[data-type="error"] div.container span.icon { background-position: 0 0; }
		div.popup[data-type="success"] div.container span.icon { background-position: -183px 0; }
		div.popup[data-type="search"] div.container span.icon { background-position: -366px 0; }
		div.popup[data-type="confirmation"] div.container span.icon { background-position: -549px 0; }
		div.popup[data-type="information"] div.container span.icon { background-position: -732px 0; }
		div.popup[data-type="form"] div.container span.icon { background-position: -915px 0; }

		div.popup div.container div.body { display: block; position: relative; padding: 30px; }
		div.popup[data-type="error"] div.container div.body { background-color: #e44f50; }
		div.popup[data-type="success"] div.container div.body { background-color: #8ad5a9; }
		div.popup[data-type="search"] div.container div.body { background-color: #acdee0; }
		div.popup[data-type="confirmation"] div.container div.body { background-color: #d6d6d6; }
		div.popup[data-type="information"] div.container div.body { background-color: #ffcf01; }
		div.popup[data-type="form"] div.container div.body { background-color: #a28bbb; }

			div.popup div.container div.body div.scroll { max-height: 150px; }

			div.popup div.container div.body h1 { font-size: 21px; margin: 0 0 10px 0; }
			div.popup div.container div.body input[type="text"] { text-align: left; }
			div.popup div.container div.body p { font-size: 10px; line-height: 15px; }
			div.popup[data-type="error"] div.container div.body h1,
			div.popup[data-type="error"] div.container div.body p { color: #ffffff; }
			div.popup[data-type="success"] div.container div.body h1,
			div.popup[data-type="success"] div.container div.body p { color: #3e3e3e; }
			div.popup[data-type="search"] div.container div.body h1,
			div.popup[data-type="search"] div.container div.body p { color: #3e3e3e; }
			div.popup[data-type="confirmation"] div.container div.body h1,
			div.popup[data-type="confirmation"] div.container div.body p { color: #3e3e3e; }
			div.popup[data-type="information"] div.container div.body h1,
			div.popup[data-type="information"] div.container div.body p { color: #3e3e3e; }
			div.popup[data-type="form"] div.container div.body h1,
			div.popup[data-type="form"] div.container div.body p { color: #ffffff; }

			/* pesquisa e elementos da pesquisa */
			div.popup[data-type="search"] div.container div.body div.scroll { width: 100%; text-align: left; }
			div.popup[data-type="search"] div.container div.body span.element { display: block; cursor: pointer; background-color: #d4eded; margin: 1px 0; }
			div.popup[data-type="search"] div.container div.body span.element:hover { background-color: #f9f9f9; }

			div.popup div.container div.body input[type="button"] { width: 230px; text-align: center; padding: 5px 10px; line-height: 15px; font-weight: bold; font-size: 14px; border: none; cursor: pointer; margin: 15px 10px 0 10px; }
			div.popup[data-type="error"] div.container div.body input[type="button"].normal { background-color: #d51920; color: #ffffff; }
			div.popup[data-type="error"] div.container div.body input[type="button"]:hover.normal { background-color: #f9f9f9; color: #d51920; }
			div.popup[data-type="error"] div.container div.body input[type="button"].alert { background-color: #d51920; color: #ffffff; }
			div.popup[data-type="error"] div.container div.body input[type="button"]:hover.alert { background-color: #f9f9f9; color: #d51920; }
			div.popup[data-type="success"] div.container div.body input[type="button"].normal { background-color: #00b26e; color: #ffffff; }
			div.popup[data-type="success"] div.container div.body input[type="button"]:hover.normal { background-color: #f9f9f9; color: #00b26e; }
			div.popup[data-type="success"] div.container div.body input[type="button"].alert { background-color: #d51920; color: #ffffff; }
			div.popup[data-type="success"] div.container div.body input[type="button"]:hover.alert { background-color: #f9f9f9; color: #d51920; }
			div.popup[data-type="search"] div.container div.body input[type="button"].normal { background-color: #4ec3c7; color: #ffffff; }
			div.popup[data-type="search"] div.container div.body input[type="button"]:hover.normal { background-color: #f9f9f9; color: #4ec3c7; }
			div.popup[data-type="search"] div.container div.body input[type="button"].alert { background-color: #d51920; color: #ffffff; }
			div.popup[data-type="search"] div.container div.body input[type="button"]:hover.alert { background-color: #f9f9f9; color: #d51920; }
			div.popup[data-type="confirmation"] div.container div.body input[type="button"].normal { background-color: #00b26e; color: #ffffff; }
			div.popup[data-type="confirmation"] div.container div.body input[type="button"]:hover.normal { background-color: #f9f9f9; color: #00b26e; }
			div.popup[data-type="confirmation"] div.container div.body input[type="button"].alert { background-color: #d51920; color: #ffffff; }
			div.popup[data-type="confirmation"] div.container div.body input[type="button"]:hover.alert { background-color: #f9f9f9; color: #d51920; }
			div.popup[data-type="information"] div.container div.body input[type="button"].normal { background-color: #f9a01b; color: #ffffff; }
			div.popup[data-type="information"] div.container div.body input[type="button"]:hover.normal { background-color: #f9f9f9; color: #f9a01b; }
			div.popup[data-type="information"] div.container div.body input[type="button"].alert { background-color: #d51920; color: #ffffff; }
			div.popup[data-type="information"] div.container div.body input[type="button"]:hover.alert { background-color: #f9f9f9; color: #d51920; }
			div.popup[data-type="form"] div.container div.body input[type="button"].normal { background-color: #9669a4; color: #ffffff; }
			div.popup[data-type="form"] div.container div.body input[type="button"]:hover.normal { background-color: #f9f9f9; color: #9669a4; }
			div.popup[data-type="form"] div.container div.body input[type="button"].alert { background-color: #d51920; color: #ffffff; }
			div.popup[data-type="form"] div.container div.body input[type="button"]:hover.alert { background-color: #f9f9f9; color: #d51920; }


/* ================================================================================================================== */
/* SCROLL */
/* ================================================================================================================== */

div.scroll { padding: 0; text-align: center; font-size: 0; overflow: hidden; }
div.scroll,
div.scroll *
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}
	div.scroll div.scroll_content { display: inline-block; position: relative; font-size: 11px; vertical-align: top; width: 100%; }
	div.scroll[data-scroll-status="false"] div.scroll_content { width: 100%; }
	div.scroll[data-scroll-status="true"] div.scroll_content
	{
		width: -webkit-calc( 100% - 15px );
		width:    -moz-calc( 100% - 15px );
		width:         calc( 100% - 15px );
	}
	div.scroll div.scrollbar { display: none; position: relative; width: 12px; height: 100%; vertical-align: top; margin: 0 0 0 3px; background: transparent url(../src/img/scrollbar_bg.png) repeat; }
	div.scroll[data-scroll-status="false"] div.scrollbar { display: none; }
	div.scroll[data-scroll-status="true"] div.scrollbar { display: inline-block; }
		div.scroll div.scrollbar span.bar { display: block; position: relative; width: 8px; margin: 0 auto; background-color: #d6d6d6; }
		div.scroll div.scrollbar span.bar:hover { background-color: #babcbe; }
		div.scroll div.scrollbar span.bar.ui-draggable-dragging { background-color: #3e3e3e; }


/* ================================================================================================================== */
/* TEXTOS E FONTES */
/* ================================================================================================================== */

h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span, th, td, select { font-family: Arial, sans-serif; font-size: 11px; color: #3e3e3e; padding: 0; margin: 0; line-height: 12px; }
h1 { font-weight: bold; }

.font_color1 { color: #3e3e3e; }
.font_color2 { color: #ffffff; }

.font_nowrap { white-space: nowrap; }

.font_align_left { text-align: left; }
.font_align_center { text-align: center; }
.font_height1 { line-height: 20px; }