@import "tables.css";
@import "menu.css";
@import "estilo.css";
@import "form.css";
@import "stats.css";

:root{
	--verde-claro: #e0f1eb;
	--bs-primary: #009cdd;
	--bs-secondary: #069;
	--verde: #6fbc71;
	--bs-primary-rgb: 0,156,221;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(font/MaterialIcons-Regular.ttf) format('truetype');
}

span.material-icons,
i.material-icons{
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	font-size:24px;
}

i.material-icons{
	font-size:2rem;
	color:var(--bs-primary);
	vertical-align:middle;
	cursor: default;
}

a > i.material-icons,
i.material-icons[onClick]{
	cursor: pointer;
}

i.material-icons.danger,
i.material-icons.delete{
	color: var(--bs-danger) !important;
}
i.help{
	font-size: 1.75rem;
	color: #CCC;
	cursor: help;
}  

.blur{
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-ms-filter: blur(2px);
	-o-filter: blur(2px);
	filter: blur(2px); 
	background: rgba(0, 90, 158);
	opacity: .60;
}

body{
	background-color: #eeeeee;
}

body#ijanela{
	/*min-width: 480px;*/
	min-width: none;
}

main{
	clear:both;
	margin:0 auto;
	min-height: 720px;
}

iframe#ijanela {
	width:100%;
	height:auto;
	border:0;
	margin:0 auto;
	padding:0;
	overflow:visible;
	min-height: 260px;
}

/* Retira Padding do conteudo dos Tabs*/
.ui-tabs, .ui-tabs .ui-tabs-panel{padding:0 !important;}

/* Op��es com Icone  */

a.options{
	background-color:#f9f9f9;
	border-radius:2px;
	font-size:1rem;
	color:#666;
	padding:5px;
	margin:5px;
	margin-left: auto;
	text-align:left;
	margin-top:0;
	line-height: 3;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
	float:right;
}

a.options i{
	margin-right:5px;
}

a.options:hover{
	text-decoration:none;
	background-color:var(--bs-primary);
}

a.options.active{
	border: 2px solid var(--bs-primary);
}

a.options:hover,
a.options:hover i.material-icons{
	color:whitesmoke;
}

/* Op��es com Icone  */

fieldset.opcoes {
	clear:right;
	float:right;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius:4px;
	border:1px solid #d0d1d5;
	background-color:#f9f9f9;
}

fieldset.opcoes legend {
	font-weight:bold;
	font-size:16px;
	text-transform:capitalize;
	color:#FFFFFF;
	background-color:var(--bs-primary);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius:4px;
	border:1px solid #d0d1d5;
	padding:2px;
}

/* LOADING */

div#loading {
	text-align:center;
	vertical-align:middle;
	z-index:105;
	animation: w10bk 4s infinite;
}

div#loading .lds-ripple {
	margin:160px;
	display: inline-block;
	position: relative;
	width: 4rem;
	height: 4rem;
}

div#loading .lds-ripple div {
  position: absolute;
  border: 0.25rem solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

div#loading .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

div#loading p {
	font-size: 1rem;
	color:whitesmoke;
}

/* Links */

a, a:visited {
	text-decoration:none;
	color: var(--bs-primary);
}

a:hover {
	text-decoration:underline;
}

/* Paragrafos */

p {
	margin:1px;
	padding:1px;
	line-height:1.7;
}

p.center{
	text-align: center;
}

/* Mensagens - Sucesso, Insucesso, Informa��o */

div.sucess,
div.sucess_f {
	background: var(--bs-green);
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAhklEQVRYhe2VwQmAMBAE8/ZtHenO91VmEdaRIlYRkQRzD8mtIOz8bwaSC0lJCCG+BRkLV18AGFcPUqLSMwLSSy/92+EZKzJTvx1jxU+M6adTDz8xfPawe7yTCLlaPxG2Of1E6GI+E+F73yYoz6pJcF5tlWDoOwnKZ25UfZVg6a8EUy+E+AE7LA2Z4EmeSggAAAAASUVORK5CYII=');
}

div.no_sucess {
	background: var(--bs-danger);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABMUlEQVRYw+2VrbHCQBRGM8zEYHBILJoCKIAK0kAqoAEqSANUQANpgALQsUgcBoGAg3kvk4T9u5u7gpkcueI7M3fFybKJH4Mdu5TzOQ0NeTrBHoB9qvkldwDuLNMIjvxzTDG/4dUKXmz0BWe6nLXnC4YUmvNzrl+CK3M9wQETB635FQ+j4MFKR3DCxkljfsvbKnizHTs/44KLC7NxghIf5Zj5BTev4MYiXlD1t9r3PlXs/JpnkODJOk5QD69hEUAdF0eCBYhDSk4jEkhD+hfHcIEspG0cJQJJSDtxDBeEh7QXRwmhIR3EUUJISA1xlFDExFGCL6SWOIZ9sj+k1jhKBK6QOuIYLrCH1BlHicAcUm8cJZhCGhBHCWVMHCUMQzqMowKVM44KdEP6HUcV6mxiQoUP30NX6978M/UAAAAASUVORK5CYII=');
}

div.alert{
	background: var(--bs-yellow);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABDUlEQVRYw+2XwQ3CIBSG1XjxqkcHYZO6ChPUCdopuOkk7QaaeGkH4PZ5MzFICxSeMfE7t/9XoMB7q9WfH4A1Co2h4wHAgw6DRrFeHn7kzB0fd84c08P3NFjmsDTsU+IrRkIZqeLCt7TE0rINjd9xIYULu7Cvv5LKNWAUCZPzNlFz8SeWcpqKPzAsFgwc/IJm+t3Xc9M0/l1rswisZ3dTz40+UAD1p/gNt2yCGxtXoObXL1gAyhXorALtCkxWgXEFfVZB7wqGrILBFdisAvsFQfEp6slJn/SbRmCSNloEOumoiEDJH3bFj2uBC6f4lSlw6RcvWwQKL4HSsXjxK1C+CzQgIi2UQBMo0sb+EeAJYOGJmKGu0+IAAAAASUVORK5CYII=');
}

div.info{
	background: var(--bs-cyan);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABD0lEQVRYw+2XwQ2CMBSG1XjxqkcH6Sa4SifACWCK3nQS2EATLzBAb583E1MLbWmfMfE7w/9B4bXvrVZ/fgDWKDSGjgcADzoMGsV6efiRM3d83DlzTA/f02CZw9KwT4mvGAllpIoL39ISS8s2NH7HhRQu7MKe/koq14C3SFict4Waiz+xlNNU/IFhsWDg4Bc00/e+rpum8VetzSKwnuqmnnv7QAHUn+I33LIJbmxcgSInyhXorALtCkxWgXEFfVZB7woCSiz4I8PgCmxWgf2CoPgS9VkFfdJvGiEwSYUWIdBJW0WEQMlvdsW3a4EDp/iRKXDoF29bBBovgdaxePMr0L4LDCAiI5TAECgyxv4R4AkFkImYwc2fsgAAAABJRU5ErkJggg==');
}

div.sucess,
div.alert,
div.sucess_f,
div.no_sucess,
div.info {
	padding:1.5rem 1.5rem 1.5rem 3rem;
	margin:0.5rem;
	max-width:480px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	color:#FFFFFF;
	background-size: 2rem;
	background-position: 0.5rem;
	background-repeat: no-repeat;
}

div.alert.fixed,
div.sucess.fixed,
div.sucess_f.fixed,
div.no_sucess.fixed,
div.info.fixed{
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-300px;
}

/* Headers */

:is(h1,h2,h3,h4,h5) > i.material-icons{
	font-size: inherit;
	vertical-align: bottom;
	margin: 1px;
	color:var(--bs-heading-color);
}

fieldset > legend{
	font-size: 1.25rem;
	text-align: center;
}

fieldset.toptions{
	border:none;
	float: right;
}

fieldset a i.material-icons{
	margin: 2px;
	padding: 2px;
	font-size: 32px;
}

/* Separadores */

ul.separador {
 	zoom: 1;
	margin:0;
	padding:0;
	text-align:right;
	list-style-type: none;
	margin: 0 0 -1px 0;
	padding: 0;
	position: relative;
	top: 1px;
}

ul.separador li {
	float:right;
}

ul.separador li a {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border: 1px solid #66ccff;
	display: block;
	margin-left: 10px;
	padding: 8px 13px;
	background-color:#65cbff;
	color:#FFFFFF;
	font-weight:bold;
}

ul.separador li a:hover, ul.separador li a.actual {
	background-color:#fafbfc;
	border-bottom:#fafbfc;
	text-decoration:none;
	color:#333333;
}

/* BOX */

div.box{
	box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
	border-width: 0;
	padding:2px !important;
	background-color:#FFF;
	margin: 5px auto !important;
}

div.box h3 {
	margin:0 auto;
	margin-bottom:5px;
	padding:0px;
	line-height:2.5;
	font-weight: 400;
	text-indent:10px;
	border-radius:2px;
	width:100%;
	color:#333;
}

div.box :is(h3,h4){
	font-size:1.25rem;
	background-color: #f5f5f5;
}

div.box h4{
	margin-top:10px;
	margin-bottom:0;
}

div.box > h3 > a{
	float: right;
	margin:10px;
}

div.box:hover {
	box-shadow: 0 0 4px 2px rgba(0,0,0,.2);
}

div.box:hover>h3{
	background-color: rgb(230, 230, 230);
	color: black;
}

div#menu_lateral,
div#registos{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
	grid-gap: 20px;
	margin: 0 auto;
}

a.registo{
	background-color:whitesmoke;
	border:3px solid var(--bs-primary);
	cursor:pointer;
}

a.registo p i{
	color:#CCCCCC;
	font-size:140px;
	cursor: pointer;
}

a.registo:hover{
	text-decoration:none;
}

a.registo:hover p i{
	color:var(--bs-primary);
}

a.registo p{
	text-align:center;
	margin:0 auto;
	color:#666666;

}

a.registo p.legenda{
	font-style:oblique;
}

a.registo:hover p.titulo{
	color:var(--bs-primary);
}

a.registo p.titulo{
	font-weight:bold;
	font-size:24px;
}

a.registo:hover p.legenda{
	color:#000;
}

button:is(.ui-button){
	min-width: initial !important;
	background-color: initial !important;
}

span.ui-spinner + *:not(.ui-spinner,br){
	margin: 0.5rem;
}

input.ui-spinner-input{
	padding: 0.1rem;
}

/* Resultados de Autocomplete */
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
	font-size: 2em !important;
	/*width: auto !important;*/
}

/* Touch Devices */
@media (hover: none){

}

@media print {
	.no_print,
	a.options,
	ul.sm-clean {display: none !important}
}

/* Anima��es */

@keyframes w10bk {
	0%,100% {background-color: rgb(0, 71, 124)}
	50% {background-color: rgb(54, 162, 235)}
}

i.material-icons.spin{
	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	text-indent: initial;
}

@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

@keyframes bounce {
	0%, 40%, 100% {
		transform: rotateZ(0);
	}
	15% {
	transform: rotateZ(-15deg);
	}
	20% {
	transform: rotateZ(10deg);
	}
	25% {
	transform: rotateZ(-10deg);
	}
	30% {
	transform: rotateZ(6deg);
	}
	35% {
	transform: rotateZ(-4deg);
	}
}

@keyframes lds-ripple {
	0% {
	  top: 28px;
	  left: 28px;
	  width: 0;
	  height: 0;
	  opacity: 1;
	}
	100% {
	  top: -1px;
	  left: -1px;
	  width: 58px;
	  height: 58px;
	  opacity: 0;
	}
  }