/* My GRID SYSTEM */
.panel-ajuda-wrap{
	position : absolute;
	bottom   : 0;
	right    : 0;
	width    : 100%;
	height   : 300px;
	display  : none;
}

.panel-ajuda{
	position   : absolute;
	top        : 0;
	bottom     : 0;
	left       : 0;
	right      : 0;
	background : #333;
	color      : #eee;
	overflow   : auto;
	padding    : 1em;
}

.hidden{display : none !important;}

.core_container_12{
	width        : 100% !important;
	margin-left  : -20px !important;
	margin-right : -20px !important;
}

.core_grid_4{
	margin-right : -30px !important;
	width        : 34% !important;
}

input[type="checkbox"].g-switch, input[type="radio"].g-switch{
	font-size          : 15px;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	width              : 3.5em;
	height             : 1.5em;
	background         : #ddd;
	border-radius      : 3em;
	position           : relative;
	cursor             : pointer;
	outline            : none;
	-webkit-transition : all .2s ease-in-out;
	transition         : all .2s ease-in-out;
	vertical-align     : middle;
}

input[type="checkbox"].g-switch.green:checked, input[type="radio"].g-switch.green:checked{
	background : #00cd00;
}

input[type="checkbox"].g-switch.blue:checked, input[type="radio"].g-switch.blue:checked{
	background : #0ebeff;
}

input[type="checkbox"].g-switch.red:checked, input[type="radio"].g-switch.red:checked{
	background : #d10000;
}

input[type="checkbox"].g-switch:after, input[type="radio"].g-switch:after{
	position           : absolute;
	content            : "";
	width              : 1.5em;
	height             : 1.5em;
	border-radius      : 50%;
	background         : #fff;
	-webkit-box-shadow : 0 0 .25em rgba(0, 0, 0, .3);
	box-shadow         : 0 0 .25em rgba(0, 0, 0, .3);
	-webkit-transform  : scale(.7);
	transform          : scale(.7);
	left               : 0;
	-webkit-transition : all .2s ease-in-out;
	transition         : all .2s ease-in-out;
}

input[type="checkbox"].g-switch:checked:after, input[type="radio"].g-switch:checked:after{
	left : calc(100% - 1.5em);
}

/* --------------- */

.savebarOnFieldSet{
	margin-right  : -36px;
	position      : relative;
	bottom        : -20px;
	left          : -18px;
	padding-left  : 4px !important;
	padding-right : 4px !important;

}


.titulo_tabulador{
	font-weight   : bold;
	border-bottom : 1px solid #ccc;
	padding       : 0 6px 7px 9px;
	margin-bottom : 10px;
	font-size     : 14px;
	margin-left   : -19px;
	margin-right  : -19px;
	margin-top    : -8px;
	background    : linear-gradient(to bottom, #fff 0%, #fff 80%, #e5e5e5 100%);
}

.comSeparador{
	padding-left : 10px;
}

.circle-menu-option{
	width          : 24px;
	height         : 24px;
	border-radius  : 50%;
	line-height    : 24px;
	display        : inline-block;
	vertical-align : middle;
	text-align     : center;
	color          : white;
	font-weight    : bold;
	font-family    : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

.red-shade1{
	background-color : #c00000;
}

.red-shade2{
	background-color : #b20000;
}

.red-shade3{
	background-color : #900;
}

.blue-tint1{
	background-color : rgb(0, 0, 255);
}

.blue-tint2{
	background-color : rgb(15, 15, 255);
}

.blue-tint3{
	background-color : rgb(30, 30, 255);
}

.blue-tint4{
	background-color : rgba(45, 45, 255);
}

.blue-tint5{
	background-color : rgba(60, 60, 255);
}

.blue-tint6{
	background-color : rgba(75, 75, 255);
}

.block-controls-tooltip{
	background     : #ffc;
	border         : #a6a6a6 solid 1px;
	border-radius  : 0.333em;
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 0.75em;
	line-height    : 1.222em;
	text-transform : uppercase;
	color          : #333;
	padding        : 0.222em 0.444em;
	min-width      : 5em;
	text-align     : center;
	white-space    : nowrap;
	box-shadow     : 0 0 1px black;
}

.save_bar_1{
	border-radius : 0 0 0.25em 0.25em !important;
	margin        : 20px -20px -20px -20px !important;
	padding       : 10px !important;
}

.right .ui-tooltip-content::after{
	top          : 9px;
	left         : -10px;
	border-color : transparent #f00;
	border-width : 10px 10px 10px 0;
}

.left .ui-tooltip-content::after{
	top          : 18px;
	right        : -10px;
	border-color : transparent #666;
	border-width : 10px 0 10px 10px;
}

.top .ui-tooltip-content::after{
	bottom       : -10px;
	left         : 72px;
	border-color : #666 transparent;
	border-width : 10px 10px 0;
}

.bottom .ui-tooltip-content::after{
	top          : -10px;
	left         : 72px;
	border-color : #666 transparent;
	border-width : 0 10px 10px;
}

.field-icon-left{
	color    : #aaa;
	float    : left;
	left     : 6px;
	position : relative;
	top      : 6px;
	z-index  : 99;
	width    : 0;
}

/* -------  SEPARADORES HORIZONTAIS ----------------- */
hr.style-two{
	border           : 0;
	height           : 1px;
	background-image : linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.block-controls-submenu{
	margin-top : -18px;
}

div#separador{
	overflow    : hidden;
	text-align  : center;
	color       : #69f;
	font-weight : bold;
}

div#separador:before, div#separador:after{
	background-color : #ccc;
	content          : "";
	display          : inline-block;
	height           : 2px;
	position         : relative;
	vertical-align   : middle;
	width            : 50%;
}

div#separador:before{
	right       : 0.5em;
	margin-left : -50%;
}

div#separador:after{
	left         : 0.5em;
	margin-right : -50%;
}

.tin-box{
	background      : #f8f8f8;
	background      : linear-gradient(to bottom, #f8f8f8 0%, #e7e7e7 100%);
	color           : #666;
	border          : white solid 1px;
	border-radius   : 0.417em;
	box-shadow      : 0 0 3px rgba(0, 0, 0, 0.5);
	font-weight     : normal;
	line-height     : 1.333em;
	outline         : 0 none;
	padding         : 0.167em 0.5em 0.25em;
	text-decoration : none;
	text-shadow     : none;
	padding         : 6px;
}

.tin-box-blue{
	background      : #f8f8f8;
	background      : linear-gradient(to bottom, #f8f8f8 0%, #4551d8 100%);
	color           : #666;
	border          : white solid 1px;
	border-radius   : 0.417em;
	box-shadow      : 0 0 3px rgba(0, 0, 0, 0.5);
	font-weight     : normal;
	line-height     : 1.333em;
	outline         : 0 none;
	padding         : 0.167em 0.5em 0.25em;
	text-decoration : none;
	text-shadow     : none;
	padding         : 6px;
}

#mostra_nomes, #mostra_nome_terceiro{
	background    : #4d8fdb;
	border-radius : .278em;
	border-style  : solid;
	border-width  : 0px;
	box-shadow    : 0 1px 3px rgba(0, 0, 0, 0.5);
	color         : #fff;
	font-family   : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size     : 1.2em;
	text-transform: uppercase;
	padding       : .278em .8em .389em 2em;
	position      : relative;
	text-shadow   : -1px -1px 0 rgba(0, 0, 0, 0.2);
	top           : 5px;
	z-index       : 100
}

#mostra_nomes::before, #mostra_nome_terceiro::before{
	content         : "\f007"; /* user */
	font-family     : "Font Awesome 7 Pro";
	font-weight     : 900; /* solid */
	position        : absolute;
	left            : .6em;
	top             : 50%;
	transform       : translateY(-50%);
	line-height     : 1;
	pointer-events  : none;
}

.extruder.right .content{
	border-color    : #aaa #333 #000 #666;
	background-size : 100% 100%;
	color           : white;
}

.meteo_wrapper{
	margin-left  : auto !important;
	margin-right : auto !important;
}

.meteo{
	width      : auto;
	float      : right;
	margin-top : -2px;
	right      : 0;
}

.meteo_td{
	vertical-align : middle;
	padding-left   : 5px;
}

.my-control-bar{
	margin-bottom : -22px;
	margin-left   : -21px;
	margin-right  : -21px;
	padding-right : 10px !important;
	padding-left  : 10px !important;
}

.tipo_falta{
	padding-top    : 10px;
	padding-bottom : 10px;
}

.tipo_falta strong{
	color : red;
}

.desactivado{
	opacity        : 0.5 !important;
	cursor         : not-allowed !important;
	pointer-events : none;
}

.desactivado2{
	opacity : 0.90 !important;
	cursor  : not-allowed !important;
}

.desactivado3{
	opacity        : 0.9 !important;
	cursor         : not-allowed !important;
	pointer-events : none !important;
}

.inactivo{
	opacity : 0.25 !important;
}

.field_desactivado{
	background : rgba(255, 0, 0, .1) !important;
	color      : #555 !important;
	cursor     : pointer;
}

#legenda td{
	padding : 2px;
}

#calendario_linear{
	margin-top : 20px !important;
}

.redir{
	width  : 8px;
	height : 8px;
	margin : 2px 2px 0 0 !important;
}

.picto_off{
	opacity : 0.5 !important;
}

.table tbody th, .table tbody td{
	white-space    : nowrap;
	height         : 20px !important;
	padding-top    : 2px !important;
	padding-bottom : 2px !important;
	vertical-align : middle !important;
}

.table tfoot td{
	color       : #fff;
	font-weight : bold;
}

.alignRight{
	text-align : right !important;
}

button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover{
	border          : #666 solid 1px;
	text-decoration : none !important;
}

.defaultTextActive{
	color      : #a1a1a1 !important;
	font-style : italic;
}

#tooltip{
	position      : absolute;
	z-index       : 90;
	width         : 20em;
	background    : white;
	border-radius : 0.5em;
	box-shadow    : 0 1px 5px rgba(0, 0, 0, 0.5);
	padding       : 1em;
	line-height   : 1em;
	text-align    : left;
	color         : #333;
}

.ui-buttonset .ui-button{
	margin-right : -0.4em !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border : #999 solid 1px;
}

.ui-datepicker{
	width                 : auto;
	background-attachment : scroll;
	background-clip       : border-box;
	background-image      : none;
	background-origin     : padding-box;
	background-position   : 0 0;
	background-repeat     : repeat;
	background-size       : auto auto;
	border                : #fff solid 4px !important;
	border-radius         : 0.8em 0.8em 0.8em 0.8em;
	box-shadow            : 0 0 4px rgba(50, 50, 50, 0.5);
	padding               : 0.833em;
	z-index               : 100 !important;
}

.ui-autocomplete{
	max-height : 200px !important;
	overflow-y : auto !important;
	z-index    : 999990 !important;
	overflow-x : hidden !important;
}

* html .ui-autocomplete{
	height : 100px;
}

input.actividades{
	height : 15px !important;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{
	margin-bottom : 8px;
}

.ui-timepicker-div dl{
	text-align     : left;
	padding-bottom : 20px;
}

.ui-timepicker-div dl dt{
	height        : 25px;
	margin-bottom : -25px;
}

.ui-timepicker-div dl dd{
	margin : 0 10px 10px 65px;
}

.ui-timepicker-div td{
	font-size : 90%;
}

.ui-tpicker-grid-label{
	background : none;
	border     : none;
	margin     : 0;
	padding    : 0;
}

.keywords li.red-keyword{
	background-color : #900;
}

.colx3a-left{
	width         : 21%;
	float         : left;
	margin-bottom : 0;
}

.colx3a-right-double{
	width         : 75.5%;
	float         : right;
	margin-bottom : 0;
}

.error_input{
	display          : none;
	position         : absolute !important;
	background-color : #333 !important;
	border-color     : #fff !important;
	border           : solid 2px !important;
	color            : #fff !important;
	box-shadow       : 0 0 5px #000 !important;
}

.form fieldset, .fieldset{
	border : #999 solid 1px;
}

.shadowme{
	box-shadow : 0 0 8px rgba(50, 50, 50, 0.9) !important;
}

.fieldset.dark-bg{
	background-attachment : scroll;
	background-clip       : border-box;
	background-color      : transparent;
	background-origin     : padding-box;
	background-position   : 0 0;
	background-repeat     : repeat;
	background-size       : auto auto;
	border-bottom-color   : #000;
	border-top-color      : #aaa;
	color                 : white;
}

tr.even, tr.first{
	background-color : #fff;
}

tr.odd, tr.second{
	background-color : #f6f6f6;
}

tr.third{
	background-color : #eee;
}

DIV.cx_scroll{
	width    : 660px;
	height   : 235px;
	overflow : auto;
}

TABLE.cab{
	border           : silver solid 1px;
	margin-bottom    : 0;
	margin-left      : 0;
	margin-right     : 0;
	margin-top       : 0;
	background-color : white;
}

TD.menu{
	padding-left      : 5px;
	padding-bottom    : 5px;
	padding-top       : 10px;
	background-image  : url(../imagens/fundos/fundo_menu.jpg);
	background-repeat : no-repeat;
	border-right      : 2px solid silver;
}

TD.corpo{
	padding-right    : 5px;
	padding-left     : 5px;
	padding-bottom   : 5px;
	padding-top      : 10px;
	background-color : Window;
}

.form input.error[type="text"], .form input.error[type="date"], .form input.error[type="number"], .form input.error[type="email"], .form input.error[type="password"], .form .input-type-text.error, .form select.error, .form input[type="text"], .form input[type="date"], .form input[type="number"], .form input[type="email"], .form input[type="password"], .ui-button-text-only .ui-button-text{
	vertical-align : bottom !important;
}

.form :is(
  input[type="text"],
  input[type="email"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="password"],
  .input-type-text,
  select,
  textarea
):is(:read-only, :-moz-read-only) {
	background: unset !important;
	background-color: #eee !important;
	min-height: 15px;
}


.form input[type="number"]{
	-moz-appearance : textfield !important;
}

.form-with-label label{
	text-align     : right;
	padding-bottom : 10px;
	padding-right  : 3px;
	font-weight    : bold;
	color          : #69f;
	white-space    : nowrap;
	width          : 1%;
	vertical-align : middle;
}

.input-icon{
	position : absolute;
	right    : 8px;
	top      : calc(50% - 0.5em); /* Keep icon in center of input, regardless of the input height */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance : none !important;
}

INPUT.num_field{
	text-align     : right;
	font-family    : Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size      : 12px !important;
	/* padding        : 7px 7px 6px !important; */
	vertical-align : bottom;
}

INPUT.txt_field_mono{
	font-family    : Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size      : 12px !important;
	padding        : 7px 7px 6px !important;
	vertical-align : bottom;
}

INPUT.txt_field, SELECT.txt_field{
	vertical-align : bottom;
}

INPUT.date_field{
	text-align          : right;
	font-family         : Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size           : 12px !important;
	padding             : 5px 6px 6px 4px !important;
	background-image    : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="lightblue" d="M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm0 400H48V192h352v272z"/></svg>') !important;
	background-size     : 16px 16px !important;
	background-position : 5px center !important;
	background-repeat   : no-repeat !important;
	background-color    : #fff !important;
	vertical-align      : bottom;
	min-width           : 30px;
}

INPUT.number_field{
	text-align     : right;
	font-family    : Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size      : 12px !important;
	padding-top    : 5px !important;
	padding-bottom : 6px !important;
	padding-right  : 6px !important;
	padding-left   : 4px !important;
	vertical-align : bottom;
	min-width      : 90px;
}

DIV.topless_box{
	margin-left         : 2px;
	margin-right        : 2px;
	margin-top          : -4px;
	margin-bottom       : 4px;
	border              : solid;
	border-top-width    : 0;
	border-bottom-width : 1px;
	border-left-width   : 1px;
	border-right-width  : 1px;
	border-bottom-color : silver;
	border-left-color   : silver;
	border-right-color  : silver;
	border-radius       : 15pt;
	padding             : 0 10px 0 10px;
}

.help{
	font-size   : 4px;
	text-align  : justify;
	font-family : Arial, Helvetica, sans-serif;
	color       : purple;
}

TD.tabcab{
	background-color    : CaptionText;
	border-bottom-color : black;
	border-bottom-style : solid;
	border-bottom-width : 2px;
	font-family         : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
}

TD.titlista{
	font-size         : 12px;
	font-family       : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight       : bold;
	background-image  : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAZCAMAAAAlkq80AAADAFBMVEXx8e329vLs6+b+/v7w8OuRp7T6+vn4+Pb8/Pvm49ynuL7O1c/z8++2xM3v7uj///8QEBARERESEhITExMUFBQVFRUWFhYXFxcYGBgZGRkaGhobGxscHBwdHR0eHh4fHx8gICAhISEiIiIjIyMkJCQlJSUmJiYnJycoKCgpKSkqKiorKyssLCwtLS0uLi4vLy8wMDAxMTEyMjIzMzM0NDQ1NTU2NjY3Nzc4ODg5OTk6Ojo7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NERERFRUVGRkZHR0dISEhJSUlKSkpLS0tMTExNTU1OTk5PT09QUFBRUVFSUlJTU1NUVFRVVVVWVlZXV1dYWFhZWVlaWlpbW1tcXFxdXV1eXl5fX19gYGBhYWFiYmJjY2NkZGRlZWVmZmZnZ2doaGhpaWlqampra2tsbGxtbW1ubm5vb29wcHBxcXFycnJzc3N0dHR1dXV2dnZ3d3d4eHh5eXl6enp7e3t8fHx9fX1+fn5/f3+AgICBgYGCgoKDg4OEhISFhYWGhoaHh4eIiIiJiYmKioqLi4uMjIyNjY2Ojo6Pj4+QkJCRkZGSkpKTk5OUlJSVlZWWlpaXl5eYmJiZmZmampqbm5ucnJydnZ2enp6fn5+goKChoaGioqKjo6OkpKSlpaWmpqanp6eoqKipqamqqqqrq6usrKytra2urq6vr6+wsLCxsbGysrKzs7O0tLS1tbW2tra3t7e4uLi5ubm6urq7u7u8vLy9vb2+vr6/v7/AwMDBwcHCwsLDw8PExMTFxcXGxsbHx8fIyMjJycnKysrLy8vMzMzNzc3Ozs7Pz8/Q0NDR0dHS0tLT09PU1NTV1dXW1tbX19fY2NjZ2dna2trb29vc3Nzd3d3e3t7f39/g4ODh4eHi4uLj4+Pk5OTl5eXm5ubn5+fo6Ojp6enq6urr6+vs7Ozt7e3u7u7v7+/w8PDx8fHy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7////EQq+6AAAAEHRSTlP///////////////////8A4CNdGQAAADtJREFUCNeNzjEOwCAMBMFFgYQC8f/nQhZwzVi+kztTxKNTVbziE0lR7R/MRFMUuFteI3Kf2eO6rvXnAAKbAtkNx8HPAAAAAElFTkSuQmCC');
	background-repeat : repeat-x;
	padding-top       : 4px;
	padding-bottom    : 3px;
	padding-right     : 20px;
	cursor            : pointer;
}

TD.lista{
	border-bottom  : 1px solid silver;
	font-size      : 12px;
	font-family    : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	padding-right  : 20px;
	vertical-align : middle;
	color          : #000;
}

TD.lista_insert{
	border-bottom    : 1px solid silver;
	font-size        : 12px;
	font-family      : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	padding-top      : 3px;
	padding-bottom   : 3px;
	padding-right    : 20px;
	vertical-align   : middle;
	background-color : #f5f5f5;
}

TD.listanp{
	border-bottom  : 1px solid silver;
	font-size      : 12px;
	font-family    : "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	padding-right  : 3px;
	vertical-align : middle;
}

.small-lnk{
	font-family : Arial, Helvetica, sans-serif;
	font-size   : 10px;
}

A.small-lnk:link{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 10px;
	color           : black;
	text-decoration : underline;
}

A.small-lnk:visited{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 10px;
	color           : black;
	text-decoration : underline;
}

A.small-lnk:hover{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 10px;
	color           : ThreeDDarkShadow;
	text-decoration : underline;
}

A.small-lnk:active{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 10px;
	color           : black;
	text-decoration : underline;
}

SPAN.field{
	font-family    : Verdana, Arial, Helvetica, sans-serif;
	font-size      : 12px;
	color          : black;
	text-align     : right;
	font-weight    : bold;
	vertical-align : 5px;
}

TD.print_fld{
	font-family   : Arial, Helvetica, sans-serif;
	font-size     : 12px;
	color         : black;
	font-weight   : bold;
	text-align    : right;
	border-bottom : 1px solid #999;
}

TD.print_txt{
	font-family   : Arial, Helvetica, sans-serif;
	font-size     : 12px;
	color         : black;
	border-bottom : 1px solid #999;
}

INPUT.mybox{
	font-family   : Arial, Helvetica, sans-serif;
	font-size     : 12px;
	color         : black;
	padding-left  : 2px;
	padding-right : 2px;
}

.cabecalho{
	font-family    : Georgia;
	color          : white;
	padding-bottom : 5px;
	padding-left   : 5px;
	padding-right  : 5px;
	padding-top    : 5px;
	font-size      : 9pt;
	text-align     : right;
	font-weight    : bold;
}

A.menu:link{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 12px;
	color           : purple;
	text-decoration : none;
}

A.menu:visited{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 12px;
	color           : purple;
	text-decoration : none;
}

A.menu:hover{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 12px;
	color           : black;
	text-decoration : underline;
}

A.menu:active{
	font-family     : Arial, Helvetica, sans-serif;
	font-size       : 12px;
	color           : purple;
	text-decoration : none;
}

.commonButton button, .commonButton{
	font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size        : 11px;
	color            : #000;
	background-color : transparent;
}

.commonButton button{
	background-image  : url(../imagens/botoes/gerais/default-button.gif);
	border            : white solid 0;
	background-repeat : no-repeat;
}

.commonButton button[disabled]{
	background-image : url(../images/buttons/btn_bg-disabled.gif);
	color            : #999;
}

/* ---------- big icon buttons  --------- */
.toolsArea .commonButton{
	background-position : top;
	background-repeat   : no-repeat;
	background-color    : transparent;
	padding             : 32px 0 32px 0;
	width               : 111px;
	height              : 27px;
	margin              : 0;
	cursor              : pointer;
	text-align          : center;
	float               : left;
	text-decoration     : underline;
	background-image    : url(../imagens/botoes/gerais/default-button.gif);
}

.toolsArea span.commonButton{
	cursor          : default;
	color           : #999;
	text-decoration : none;
}

.toolsArea button{
	display : none;
}

.formArea .toolsArea .commonButton span{
	display : inline;
}

.toolsArea .screenButtons .commonButton span{
	background : none;
}

/* ---------- small icon buttons  --------- */
.buttons .commonButton, .reportTools .commonButton, .uplevel .commonButton{
	background : none;
}

.listArea .buttons .commonButton button, .reportTools .commonButton button, .uplevel .commonButton button{
	display : none;
}

.buttons .commonButton span, .reportTools .commonButton span, .uplevel .commonButton span{
	background-position : 0 1px;
	background-repeat   : no-repeat;
	background-color    : transparent;
	padding-left        : 20px;
	text-decoration     : underline;
	cursor              : pointer;
	padding-top         : 1px;
	padding-bottom      : 4px;
}

.formArea .commonButton span, .formButtons .commonButton span, .paging .commonButton span{
	display : none;
}

.formButtons button, .formArea button, .paging .commonButton button{
	width      : 91px;
	height     : 21px;
	text-align : center;
}

.buttons{
	margin : 7px 0;
}

.buttons div{
	white-space : nowrap;
}

.buttons input, .buttons .commonButton{
	vertical-align : middle;
}

/* ---------- CALENDARIO  --------- */
.calendar{
	font-size : 12px;
}

.calendar TH{
	font-size        : 12px;
	color            : olive;
	background-color : white;
}

.calendar TD{
	text-align : center;
}

.dia_hoje{
	background-color : #f0f0f0;
	border           : silver solid 1px;
}

.linked-day{
	background-color : #fafafa;
}

.calendar-month{
	font-size   : 20px;
	font-weight : bold;
}

A.calendar-next:link{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #999;
	text-decoration : none;
}

A.calendar-next:visited{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #999;
	text-decoration : none;
}

A.calendar-next:hover{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #c00000;
	text-decoration : underline;
}

A.calendar-next:active{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #999;
	text-decoration : none;
}

A.calendar-prev:link{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #999;
	text-decoration : none;
}

A.calendar-prev:visited{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #999;
	text-decoration : none;
}

A.calendar-prev:hover{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #c00000;
	text-decoration : underline;
}

A.calendar-prev:active{
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 20px;
	font-weight     : normal;
	color           : #999;
	text-decoration : none;
}

A.linked-day:link{
	color           : navy;
	text-decoration : underline;
}

A.linked-day:visited{
	color           : navy;
	text-decoration : underline;
}

A.linked-day:hover{
	color           : navy;
	text-decoration : underline;
}

A.linked-day:active{
	color           : navy;
	text-decoration : underline;
}

A.dia_hoje:link{
	color           : navy;
	text-decoration : underline;
}

A.dia_hoje:visited{
	color           : navy;
	text-decoration : underline;
}

A.dia_hoje:hover{
	color           : navy;
	text-decoration : underline;
}

A.dia_hoje:active{
	color           : navy;
	text-decoration : underline;
}

.commonButton{
	display : inline;
}

.fa_btn{
	vertical-align : middle !important;
	padding        : 2px 4px 2px 2px;
	cursor         : pointer;
}

.fa_btn.white{
	color : #fff;
}

.fa_btn.blue{
	color : #8585ff;
}

.fa_btn.red{
	color : #e90000;
}

.fa_btn.green{
	color : green;
}

.fa_btn.gray{
	color : #808080;
}

.fa_btn.silver{
	color : #ccc;
}

.fa_btn.orange{
	color : orange;
}

.fa_btn.yellow{
	color : yellow;
}

.fa_btn.white-shadow{
	text-shadow : -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff;
}

.fa_btn.black-shadow{
	text-shadow : -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000;
}

.fa_btn.blue-shadow{
	text-shadow : -1px -1px 0 #55bfeb, 1px -1px 0 #55bfeb, 1px 1px 0 #55bfeb, -1px 1px 0 #55bfeb;
}

.fa_btn.red-shadow{
	text-shadow : -1px -1px 0 #cd0000, 1px -1px 0 #cd0000, 1px 1px 0 #cd0000, -1px 1px 0 #cd0000;
}

.fa-beat{
	animation : fa-beat 5s ease infinite;
}

@keyframes fa-beat{
	0%{
		transform : scale(1);
	}
	5%{
		transform : scale(1.25);
	}
	20%{
		transform : scale(1);
	}
	30%{
		transform : scale(1);
	}
	35%{
		transform : scale(1.25);
	}
	50%{
		transform : scale(1);
	}
	55%{
		transform : scale(1.25);
	}
	70%{
		transform : scale(1);
	}
}


.imgico{
	vertical-align : middle;
	padding-bottom : 2px;
	padding-top    : 2px;
	border         : 0;
}

.imgico_off{
	vertical-align : middle;
	padding-bottom : 2px;
	padding-top    : 2px;
	opacity        : 0.5;
}

.imgrnd{
	border        : #000 solid 2px;
	border-radius : 17px;
}

.icotab{
	margin         : 0 0 0 0;
	padding        : 0 0 0 0;
	position       : static;
	vertical-align : bottom;
}

.icoslide{
	margin  : 0 0 0 0;
	padding : 0 0 0 0;
}

.dvhdr1{
	background  : red;
	font-family : arial;
	font-size   : 12px;
	font-weight : bold;
	border      : darkred solid 2px;
	padding     : 5px;
	color       : white;
}

.dvbdy1{
	background    : #fff;
	font-family   : arial;
	font-size     : 12px;
	border-left   : 2px solid darkred;
	border-right  : 2px solid darkred;
	border-bottom : 2px solid darkred;
	padding       : 5px;
}

#mainContainer{
	width      : 600px;
	margin     : 0 auto;
	margin-top : 10px;
	border     : #000 double 1px;
	padding    : 3px;
}

#calendarDiv1, #calendarDiv2{
	width  : 240px;
	height : 240px;
	float  : left;
}

.clear{
	clear : both;
}

/* Admin Footer */
#footer{
	margin-top : -45px;
}

#footer, #footer td{
	font-size   : 12px;
	font-family : Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-style  : italic;
	color       : #aaa;
}

#footer a{
	text-decoration : none;
	font-size       : 12px;
	font-family     : Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-style      : italic;
	color           : #ccc;
}

#footer a:hover{
	text-decoration : underline;
	color           : #f5f5f5;
}

#footer{
	margin-top : -45px;
}

#cheader, #cheader td{
	font-size   : 12px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color       : #aaa;
}

#cheader a{
	text-decoration : none;
	font-size       : 12px;
	font-family     : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color           : #ccc;
}

#cheader a:hover{
	text-decoration : underline;
	color           : #f5f5f5;
}

#stats, #stats td{
	font-size   : 15px;
	font-family : Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	color       : #797979;
	padding     : 10px 5px 10px 5px;
}

#stats a{
	text-decoration : none;
	color           : #797979;
	padding         : 10px 5px 10px 5px;
}

#stats a:hover{
	text-decoration : underline;
	color           : #272727;
}

.paginate{
	background-attachment : scroll;
	background-clip       : border-box;
	background-color      : transparent;
	background-origin     : padding-box;
	background-position   : 0 0;
	background-repeat     : repeat;
	background-size       : auto auto;
	color                 : #666;
	border-top-color      : white;
	border-top-style      : solid;
	border-top-width      : 1px;
	box-shadow            : 0 0 3px rgba(0, 0, 0, 0.5);
	font-weight           : normal;
	line-height           : 1.333em;
	outline-style         : none;
	outline-width         : 0;
	padding-bottom        : 0.25em;
	padding-left          : 0.5em;
	padding-right         : 0.5em;
	padding-top           : 0.167em;
	text-decoration       : none;
	text-shadow           : none;
	font-size             : 100%;
	vertical-align        : baseline;
	z-index               : 1;
}

.currente{
	background-attachment : scroll;
	background-clip       : border-box;
	background-color      : transparent;
	background-origin     : padding-box;
	background-position   : 0 0;
	background-repeat     : repeat;
	background-size       : auto auto;
	color                 : #666;
	border-top-color      : white;
	border-top-style      : solid;
	border-top-width      : 1px;
	box-shadow            : 0 0 3px rgba(0, 0, 0, 0.5);
	font-weight           : normal;
	line-height           : 1.333em;
	outline-style         : none;
	outline-width         : 0;
	padding-bottom        : 0.25em;
	padding-left          : 0.5em;
	padding-right         : 0.5em;
	padding-top           : 0.167em;
	text-decoration       : none;
	text-shadow           : none;
	font-size             : 100%;
	vertical-align        : baseline;
	z-index               : 1;
}

.inactive{
	background-attachment : scroll;
	background-clip       : border-box;
	background-color      : transparent;
	background-origin     : padding-box;
	background-position   : 0 0;
	background-repeat     : repeat;
	background-size       : auto auto;
	color                 : #ccc;
	border-top-color      : white;
	border-top-style      : solid;
	border-top-width      : 1px;
	font-weight           : normal;
	line-height           : 1.333em;
	outline-style         : none;
	outline-width         : 0;
	padding-bottom        : 0.25em;
	padding-left          : 0.5em;
	padding-right         : 0.5em;
	padding-top           : 0.167em;
	text-decoration       : none;
	text-shadow           : none;
	font-size             : 100%;
	vertical-align        : baseline;
	z-index               : 1;
}

.altura_minima{
	min-height : 425px;
}

.divisor_top{
	border-top  : 2px dashed #ccc;
	padding-top : 5px;
}

.divisor_bot{
	padding-bottom : 5px;
}

.colmask{
	clear      : both;
	float      : left;
	width      : 100%;
	overflow   : hidden;
	margin-top : 5px;
}

.colright, .colmid, .colleft{
	float    : left;
	width    : 100%;
	position : relative;
}

.col1, .col2, .col3{
	float    : left;
	position : relative;
	padding  : 0 0 0 0;
	overflow : hidden;
}

.doublepage .colleft{
	right : 60%;
}

.doublepage .col1{
	width : 39%;
	left  : 60%;
}

.doublepage .col2{
	width : 59%;
	left  : 61%;
}

.pdr_tit{
	font-size        : 9px;
	font-weight      : bold;
	background-color : #ccc;
	padding-top      : 5px;
	padding-bottom   : 5px;
	padding-left     : 10px;
	padding-right    : 10px;
	text-shadow      : 1px 1px 1px #fff;
}

.pdr_linha{
	font-size        : 9px;
	padding-left     : 10px;
	padding-right    : 10px;
	background-color : #ddd;
	vertical-align   : middle;
}

.pdr_fim{
	font-size        : 10px;
	font-weight      : bold;
	background-color : #ccc;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-bottom   : 2px;
	vertical-align   : middle;
}

.ui-datepicker{
	z-index                    : 100 !important;
	border                     : #fff solid 4px !important;
	background-attachment      : scroll;
	background-clip            : border-box;
	background-color           : rgba(255, 255, 255, 1);
	background-image           : none;
	background-origin          : padding-box;
	background-position        : 0 0;
	background-repeat          : repeat;
	background-size            : auto auto;
	border-bottom-color        : rgba(255, 255, 255, 0.75);
	border-bottom-left-radius  : 0.8em;
	border-bottom-right-radius : 0.8em;
	border-bottom-style        : solid;
	border-bottom-width        : 1px;
	border-top-color           : rgba(255, 255, 255, 0.75);
	border-top-left-radius     : 0.8em;
	border-top-right-radius    : 0.8em;
	border-top-style           : solid;
	border-top-width           : 1px;
	box-shadow                 : 0 0 4px rgba(50, 50, 50, 0.5);
	padding-bottom             : 0.833em;
	padding-left               : 0.833em;
	padding-right              : 0.833em;
	padding-top                : 0.833em;
}

.ui-autocomplete{
	max-height : 100px;
	overflow-y : auto;
}

* html .ui-autocomplete{
	height : 100px;
}

input.actividades{
	height : 15px !important;
}

.ui-timepicker-div .ui-widget-header{
	margin-bottom : 8px;
}

.ui-timepicker-div dl{
	text-align : left;
}

.ui-timepicker-div dl dt{
	height : 25px;
}

.ui-timepicker-div dl dd{
	margin : -25px 0 10px 65px;
}

.ui-timepicker-div td{
	font-size : 75%;
}

.ferias_dia{
	background : rgb(178, 202, 136) !important;
}

.ferias_meio{
	background : rgb(212, 255, 137) !important;
}

table.table > tbody > tr > td.td_numerico{
	font-family : Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	text-align  : right;
	font-size   : 12px;
}

table.table_in_forms{
	border-collapse : separate;
	border-spacing  : 4px;
}

table.table_in_forms > tbody > tr > td{
	font-weight    : bold;
	color          : #69f;
	background     : inherit !important;
	border-color   : inherit !important;
	border-right   : 0;
	border-style   : none;
	border-width   : 0;
	padding        : 0;
	vertical-align : bottom;
}

table.table_in_forms > thead > tr > th{
	color : rgb(102, 153, 255) !important;
}

table.table_in_forms > tbody > tr > td.checkbox{
	vertical-align : middle;
}

table.table_in_forms.with-no-fields > tbody > tr > td{
	font-weight  : normal;
	color        : #000;
	background   : inherit !important;
	border-color : inherit !important;
	border-left  : 0;
	border-style : none;
	border-width : 0;
	padding      : 0;
}

TD.field{
	font-family    : Verdana, Arial, Helvetica, sans-serif;
	font-size      : 11px !important;
	color          : black !important;
	text-align     : right;
	font-weight    : normal !important;
	padding-top    : 5px;
	padding-bottom : 5px;
	vertical-align : middle !important;
}

TD.txt_field, SPAN.txt_field{
	font-family : Verdana, Arial, Helvetica, sans-serif !important;
	font-size   : 12px !important;
	color       : black !important;
	font-weight : normal !important;
}

table.table_in_forms_linear{
	border-collapse : separate;
	border-spacing  : 4px;
}

table.table_in_forms_linear td:first-of-type{
	text-align  : right;
	font-weight : bold;
	color       : #69f;
	white-space : nowrap;
	width       : 1%;
}

div#load_todo > .ext_wrapper > .flap{
	font-size     : 11px !important;
	font-weight   : bold !important;
	background    : none 0 0 repeat scroll #000;
	border-radius : 0 8px 8px 0;
	box-shadow    : 2px 0 5px #999;
	color         : white;
	margin-right  : -20px;
	padding       : 10px 4px 10px 4px;
	position      : absolute;
	right         : 0;
	top           : 0;
	width         : 15px;
}

div#load_todo > .ext_wrapper > .content, div#load_todo > .ext_wrapper > .content > .container{
	background : none 0 0 repeat scroll #fff !important;
	padding    : 10px 25px 10px 10px;
}

.with_top_separation{
	padding-top : 10px !important;
}

table.table th.at_right, table.table_in_forms td.field_name.at_right{
	text-align : right !important;
}

table.table th.at_left, table.table_in_forms td.field_name.at_left{
	text-align : left !important;
}

table.table th.at_center, table.table_in_forms th.at_center, table.table_in_forms td.field_name.at_center{
	text-align : center !important;
}

.at_right{
	text-align : right !important;
}

.at_left{
	text-align : left !important;
}

.at_center{
	text-align : center !important;
}

table.table_in_forms td.field_name{
	text-align     : right;
	padding-right  : 3px;
	font-weight    : bold;
	color          : #69f;
	white-space    : nowrap;
	width          : 1%;
	vertical-align : middle;
}

table.table_in_forms td.field_name.pad-left{
	padding-left : 10px;
}

table.table_in_forms td.field_cntl{
	text-align   : left;
	padding-left : 3px;
	color        : #000 !important;
	font-weight  : normal !important;
}

.favorites > li > img{
	cursor : move !important;
}

table.filtro_extruder td:first-of-type{
	font-size      : 11px;
	text-align     : right;
	color          : #fff;
	text-shadow    : 1px 1px 1px #b3b3b3;
	/*	filter         : dropshadow(color=#b3b3b3, offx=2, offy=2); */
	font-family    : "Arial Narrow", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	vertical-align : middle !important;
}

div#filtros > .ext_wrapper > .flap{
	font-size : 14px;
}

.proc{
	border-bottom  : 1px solid #888;
	padding        : 5px;
	vertical-align : middle;
}

.proc input{
	margin : 6px;
}

.proc img{
	float   : right;
	padding : 2px;
}

.select2-container{
	z-index : 999999;
}

.small_input{
	font-size        : 12px !important;
	padding          : 0 3px 0 3px !important;
	line-height      : unset !important;
	background       : unset !important;
	text-align       : right;
	background-color : #fff !important;
	width            : 60px !important;
}

.readonly{
	border           : 1px solid #ccc;
	background-color : #f5f5dc !important;
}

/* --- CSS Base para Menus Flutuantes de Terceiros--- */
.terceiros-floating-context-menu {
	position: absolute; /* Crucial para flutuar */
	background-color: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	padding: 5px 0; /* Padding vertical */
	z-index: 1000; /* Garante que apareça sobre outros elementos */
	display: none; /* Escondido por padrão */
	border-radius: 4px;
	min-width: 100px; /* Largura mínima opcional */
}

.terceiros-floating-context-menu a {
	padding: 8px 12px;
	text-decoration: none;
	color: #333;
	white-space: nowrap; /* Impede quebra de linha no texto do link */
}

.terceiros-floating-context-menu a:hover {
	background-color: #eee;
	color: #000;
}

.terceiros-floating-context-menu a i {
	margin-right: 5px; /* Espaço entre ícone e texto */
	min-width: 1em; /* Garante alinhamento se alguns itens não tiverem ícone */
	text-align: center;
}

/* --- Orientação Horizontal --- */
.terceiros-floating-context-menu-horizontal {
	white-space: nowrap; /* Mantém itens na mesma linha */
}
.terceiros-floating-context-menu-horizontal a {
	display: inline-block; /* Organiza links horizontalmente */
	border-right: 1px solid #eee; /* Linha separadora */
}
.terceiros-floating-context-menu-horizontal a:last-child {
	border-right: none; /* Sem separador após o último item */
}

/* --- Orientação Vertical --- */
.terceiros-floating-context-menu-vertical {
	white-space: normal; /* Permite quebra se necessário (menos comum) */
}
.terceiros-floating-context-menu-vertical a {
	display: block; /* Empilha links verticalmente */
	border-right: none; /* Remove separador horizontal */
	border-bottom: 1px solid #eee; /* Adiciona separador vertical */
}
.terceiros-floating-context-menu-vertical a:last-child {
	border-bottom: none; /* Sem separador após o último item */
}
/* --- Fim CSS --- */

/* Estilos para a caixa flutuante de filtros */
#filtros {
	position: fixed;
	/* top e right/left definidos via inline style ou JS */
	width: 320px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow: 0 4px 15px rgba(0,0,0,0.2);
	z-index: 1000;
	border-radius: 4px;
	font-family: sans-serif;
}

#filtros .filtros-header {
	background: #f0f0f0;
	background: linear-gradient(to bottom, #f9f9f9 0%, #e9e9e9 100%);
	padding: 8px 12px;
	border-bottom: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
	font-weight: bold;
	color: #333;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: move;
}

#filtros .filtros-content {
	padding: 15px;
}

#filtros .close-filtros {
	cursor: pointer;
	color: #888;
	font-size: 14px;
}

#filtros .close-filtros:hover {
	color: #d9534f;
}

#filtros table.table_in_forms {
	margin: 0;
}

#filtros input[type="text"], #filtros select {
	margin-bottom: 10px;
	box-sizing: border-box;
}