@charset "UTF-8";

@-ms-viewport{
  width: device-width;
}

/*** Sobrescrevendo alguns estilos do material angular ***/
.md-input, md-select {
	background-color: #e0f2f1 !important;
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #ffffff, #e0f2f1) !important;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #ffffff, #e0f2f1) !important;
	/* IE 10 */
	background: -ms-linear-gradient(left, #ffffff, #e0f2f1) !important;
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #ffffff, #e0f2f1) !important;
	/* IE 11 */
	background: -linear-gradient(left, #ffffff, #e0f2f1) !important;
}

/* Diminuindo espaço entre containers */
md-input-container {
	margin: 14px 0 !important;
}

.md-input.white-background, md-select.white-background {
	background-color: #ffffff !important;
	background: #ffffff !important;
}

/**  Desabilita o clear padrão do IE para inputs **/
input::-ms-clear {
	display: none;
}

/** Tamanho da modal de acorso com o dispositivo */
@media only screen and (min-width:320px) {
	/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	md-dialog.cadastro {
		overflow: auto;
		width: 300px;
	}
	.ame-table {
		font-size: 80%;
	}
}

@media only screen and (min-width:480px) {
	/* smartphones, Android phones, landscape iPhone */
	md-dialog.cadastro {
		overflow: auto;
		width: 430px;
	}
	.ame-table {
		font-size: 80%;
	}
}

@media only screen and (min-width:600px) {
	/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
	md-dialog.cadastro {
		overflow: auto;
		width: 500px;
	}
	.ame-table {
		font-size: 80%;
	}
}

@media only screen and (min-width:800px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */
	md-dialog.cadastro {
		overflow: auto;
		width: 430px;
	}
	.ame-table {
		font-size: 80%;
	}
}

@media only screen and (min-width:1024px) {
	/* big landscape tablets, laptops, and desktops */
	md-dialog.cadastro {
		overflow: auto;
		width: 800px;
	}
	.ame-table {
		font-size: 90%;
	}
}

@media only screen and (min-width:1280px) {
	/* hi-res laptops and desktops */
	md-dialog.cadastro {
		overflow: auto;
		width: 800px;
	}
	.ame-table {
		font-size: 90%;
	}
}

/*** Estilos do layout *********************/
html, body, .mainDiv {
	font-size: 100%;
	width: 100%;
	height: 100%;	
}

.site-footer {
	height: 131px;
}

.site-footer>md-content:first-child {
	height: 81px;
}

.site-footer>md-content:last-child {
	height: 50px;
}

/*** Estilos Menu *********************/
.site-sidenav,
.site-sidenav.md-locked-open-add-active,
.site-sidenav.md-locked-open {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  position: fixed;
  top: 0;
  left: 0;
}
.site-sidenav > * {
  min-width: 200px;
}

/* sobrescrevendo classe do material angular para o bloqueio do fundo da sidenav ficar fixo */
md-backdrop.md-sidenav-backdrop {
	position: fixed;
}

.menu-principal>md-list-item {
	min-height: 50px;
}

.item-menu-principal {
	margin: 0 !important;
	padding: 0 !important;
}

.item-menu-principal button, .item-menu-principal a {
	font-weight: bold;
	margin: 0 !important;
	padding: 0 0 0 15px !important;
	width: 100%;
	text-align: left;
	min-height: 50px;
}

/*** Imagens ********************************/
#logo-procergs {
	background-image: url('../images/procergs-logo.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 101px;
	height: 50px;
}

#logo-estado {
	background-image: url('../images/logoExpediente.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 209px;
	height: 51px;
}

.login-image {
	background: url('../images/logo2-centro.png');
	background-size:  cover;
	width: 100%;
	height: 120px;
}

.login-image>div {
	width: 200px;
}

.login-image>div>md-toolbar {
	min-height: 50px;
}

/** Estilos icones **/
.icon-12 {
	height: 12px;
	width: 12px;
}
.icon-16 {
	height: 16px;
	width: 16px;
}

.icon-20 {
	height: 20px;
	width: 20px;
}

.icon-24 {
	height: 24px;
	width: 24px;
}

.icon-28 {
	height: 28px;
	width: 28px;
}

.icon-36 {
	height: 36px;
	width: 36px;
}

.app-icon-btn {
	padding: 3px;
	margin: 3px;
	min-width: inherit;
}

/** Estilos cabeçalho do sistema **/
.header-user-toolbar {
	height: 25px;
	font-size: 60%;
	font-style: italic;
	font-weight: bold;
	color: inherit;
}

.header-user-toolbar button {
	padding: 0;
	margin: 3px;
	margin-right: 15px;
	min-width: 22px;
	line-height: 100%;
	min-height: 100%;
}

/** Estilos usados em mensagens de erro Toast **/
.error-toast .md-toast-content, md-toast.md-error-toast-theme .md-toast-content {
	background-color: red !important;
	color: white !important;
}

.success-toast .md-toast-content, md-toast.md-success-toast-theme .md-toast-content {
	background-color: #4caf50 !important;
	color: white !important;
}

.warning-toast .md-toast-content, md-toast.md-warning-toast-theme .md-toast-content {
	background-color: #ff9800 !important;
	color: white !important;
}

.info-toast .md-toast-content, md-toast.md-info-toast-theme .md-toast-content {
	background-color: #42a5f5 !important;
	color: #ffffff !important;
}

/** Estilos Tabela **/
table.ame-table {
	min-width: 100%;
	/**border: 1px solid rgba(0, 0, 0, 0.12); **/
	border-collapse: collapse;
	margin-bottom: 20px;
	background-color: rgb(255, 255, 255);
}

table.ame-table thead {
	padding-bottom: 3px;
}

table.ame-table  td, table.ame-table  th {
	padding: 0 18px 0 18px;
}

table.ame-table th {
	position: relative;
	vertical-align: bottom;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0;
	height: 48px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
	padding-bottom: 8px;
	box-sizing: border-box;
}

table.ame-table td {
	position: relative;
	height: 48px;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}

table.ame-table>thead>tr>th {
	padding: 15px 5px;
	vertical-align: middle;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

table.ame-table>tbody>tr {
	position: relative;
	height: 48px;
	-webkit-transition-duration: 0.28s;
	-moz-transition-duration: 0.28s;
	transition-duration: 0.28s;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-moz-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-property: background-color;
	-moz-property: background-color;
	transition-property: background-color;
}

table.ame-table>tbody tr:hover {
	background-color: #E0E0E0;
}

table.ame-table>tbody>tr>td {
	padding: 5px 5px;
}

.fadeIn.ng-enter {
	transition: 0.5s linear all;
	opacity: 0;
}

/* The starting CSS styles for the enter animation */
.fadeIn.ng-enter.ng-enter-active {
	opacity: 1;
}

.sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 15px;
}

.pageAnchorNav {
	position: fixed;
	top: 90px;
	right: 0;
	font-size: 80%;
	opacity: 1;
}

.pageAnchorNav.opened {
	width: 200px;
}

.pageAnchorNav.closed {
	width: 20px;
}

.pageAnchorNav a {
	width: 100%;
	line-height: 48px;
}

.pageAnchorNav a:hover {
	font-weight: bold;
	background-color: #fafafa;
}

.pageAnchorNav:hover {
	opacity: 1;
	background-color: white;
}

/** Estilo usado para simular um label de  campo em um checkbox **/
.check-box-label.label-empty {
	font-size: 80%;
	padding-left: 3px;
	color: rgba(0, 0, 0, 0.4);
}

.check-box-label.label-filled {
	font-size: 75%;
	padding-left: 3px;
	color: #009688;
}

label.ame-label {
	text-overflow: ellipsis;
	letter-spacing: 0;
	font-size: 75%;
	color: #009688;
}

label.ame-campo-obrigatorio.md-placeholder {
	opacity: 1;
	top: inherit !important;
	color: rgba(0, 0, 0, 0);
}

label.ame-campo-obrigatorio:after {
	content: ' ■';
	font-size: 75%;
	color: rgba(255, 0, 0, 0.6);
	vertical-align: super;
}

.a-login>a {
	text-decoration: none;
	color: #000000;
}

.a-login>a:hover {
	text-decoration: underline;
}