body > md-content {
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
}

body.touch.windowsnt > md-content {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

md-toolbar.main-toolbar {
	position: fixed!important;
}

md-toolbar.main-toolbar .logotipo {
	max-height: 48px;
	cursor: pointer;
	vertical-align: middle;
}

md-sidenav {
	width: 216px;
	max-width: 216px;
	position: fixed!important;
}

md-sidenav > div {
	overflow: auto!important;
}

.md-subheader {
	margin-top: 64px!important;
	min-height: 52px!important;
	max-height: 52px!important;
}

@media (min-width:0) and (max-width:959px) and (orientation:landscape) {
	.md-subheader {
		margin-top: 48px!important;
	}
}

@media (max-width: 959px) and (min-width: 0) and (orientation: portrait) {
	.md-subheader {
		margin-top: 56px!important;
	}
}

main {
	margin: 24px 36px 48px 36px;
	min-height: calc(100% - 192px);
}

@media (max-width: 4096px) and (min-width: 1920px) {
	main {
		margin-left: 252px;
	}
	.main-toolbar .md-toolbar-tools, .md-subheader-inner {
		padding-left: 232px!important;
	}
}

.safari main {
	min-height: calc(100% - 302px);
}

footer {
	min-height: 120px!important;
}

.md-icon-button.md-badge {
	overflow: visible;
}

.md-icon-button.md-badge[data-badge]:after {
	content: attr(data-badge);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 4px;
	right: 4px;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 600;
	font-size: 10px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 50%;
	background: rgb(255, 0, 0);
	color: rgb(255, 255, 255);
	overflow: overlay;
	visibility: hidden;
}

.md-icon-button.md-badge.md-badge-has-content[data-badge]:after {
	padding: 0 3px;
	visibility: visible;
}

.md-icon-button.md-badge.md-badge-dark[data-badge]:after {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

.md-icon-button.md-badge.md-badge-light[data-badge]:after {
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

button.avatar {
	min-width: 40px!important;
	width: 40px!important; 
	min-height: 40px!important;
	padding:0!important;
	margin: 0!important;
	text-align: center;
	background-color: transparent!important;
}

md-sidenav .md-button {
	max-width: 224px;
	min-height: 48px;
	line-height: 26px;
	width: auto!important;
	margin: 4px 1px 0 3px;	
}

md-sidenav .md-button span {
	text-transform: none;
	float: left;
}

md-sidenav .md-button > md-icon {
	font-size: 30px;
	color: currentColor!important;
	float: left;
	margin-right: 16px;
	line-height: inherit;
}

md-sidenav .md-button > md-icon[md-svg-icon] > svg {
	width: 26px;
	height: 26px;
}

md-sidenav md-select-value > span > div {
	font-size: 14px;
	font-weight: 500;
}

.avatar > .iniciais,
button.avatar > .iniciais {
	width:40px;
	height:40px;
	line-height: 41px;
	text-align:center;
	font-size:20px;
	font-weight:700;
	border-radius:50%;
}

md-sidenav .avatar > .iniciais {
	margin:auto;
}

md-sidenav .md-button.avatar {
	margin-top: 12px!important;
	height: 40px;
}

span.username {
	margin-left: 8px;
	margin-right:16px;
	cursor: pointer;
	outline: none;
}

md-sidenav span.username {
	margin-left: 4px;
	margin-right:4px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

span.pageTitle {
	line-height: 24px;
}

ul.pagination {
	padding: 0;
	margin: 4px 0;
}

ul.pagination li {
	min-width: 40px;
	max-height: 40px;
	overflow-y: hidden;
	padding: 0;
	margin: 6px 12px 6px 0;
	line-height: 36px;
}

ul.pagination .material-icons {
	line-height: 41px;
}

md-radio-group > md-radio-button:first-child {
	margin-top: 12px;
}

md-input-container > label {
	z-index: initial!important;
}

.md-chips {
	font-size: inherit;
	padding: 0;
}

.md-chips.md-readonly {
	padding: 0 0 8px 3px;
}

.md-chips md-chip {
	border-radius: 12px;
	height: 24px;
	line-height: 24px;
	margin: 8px 8px 0 0;
}

.md-chips md-chip .md-chip-remove {
	height: 24px;
}

.md-chips md-chip .md-chip-remove md-icon {
	/* height: 20px; */
	min-height: 20px;
	/* width: 20px; */
	min-width: 20px;
	top: 9px;
}

.md-chips md-chip .md-chip-remove md-icon > svg {
	height: inherit;
	width: inherit;
}

.md-chips.md-removable md-chip .md-chip-content {
	padding-right: 12px;
}

.md-chips .md-errors-spacer {
	display: none;
}

md-tabs.no-uppercase md-tab-item span {
 text-transform: none!important;
}

/* redefine loading bar colors */

#loading-bar .bar {
  background: #cddc39;
}
#loading-bar .peg {
  -moz-box-shadow: #cddc39 1px 0 6px 1px;
  -ms-box-shadow: #cddc39 1px 0 6px 1px;
  -webkit-box-shadow: #cddc39 1px 0 6px 1px;
  box-shadow: #cddc39 1px 0 6px 1px;
}
#loading-bar-spinner .spinner-icon {
  border-top-color:  #cddc39;
  border-left-color: #cddc39;
}

md-toast[md-notify] .md-toast-content {
	min-height: 64px;
}

md-toast[md-notify].md-warning-toast-theme div.md-toast-content,
md-toast[md-notify].md-error-toast-theme div.md-toast-content,
md-toast[md-notify].md-success-toast-theme div.md-toast-content,
md-toast[md-notify].md-alert-toast-theme div.md-toast-content{
    color: rgba(0, 0, 0, 0.87) !important;
    background-color: #f0f0f0 !important;
}

md-toast[md-notify] .md-notify-icon {
	position: absolute;
	width:64px;
	top:  0;
	bottom: 0;
	left:  0;
}

md-toast[md-notify].md-warning-toast-theme .md-notify-icon {
	background-color: orange !important;
	color: rgba(255, 255, 255, 0.87);
}

md-toast[md-notify].md-error-toast-theme .md-notify-icon {
	background-color: red !important;
	color: rgba(255, 255, 255, 0.87);
}

md-toast[md-notify].md-success-toast-theme .md-notify-icon {
	background-color: green !important;
	color: white;
}

md-toast[md-notify].md-alert-toast-theme .md-notify-icon {
	background-color: #212121 !important;
	color: rgba(255, 255, 255, 0.87);
}

md-toast[md-notify] .md-notify-icon > md-icon {
	position: absolute;
	top:  0;
	bottom: 0;
	left:  0;
	right: 0;
	margin: auto;
}

md-toast[md-notify].md-warning-toast-theme .md-notify-icon > md-icon:before {
	content: 'warning';
}

md-toast[md-notify].md-error-toast-theme .md-notify-icon > md-icon:before {
	content: 'error';
}

md-toast[md-notify].md-success-toast-theme .md-notify-icon > md-icon:before {
	content: 'announcement';
}

md-toast[md-notify].md-alert-toast-theme .md-notify-icon > md-icon:before {
	content: 'chat';
}

md-toast[md-notify] .md-toast-text {
	margin-left: 64px;
	font-weight: initial!important;
}

md-toast[md-notify] .md-notify-title {
	font-weight: 900!important;
	margin-bottom: 2px;
	margin-top: -2px
}

md-checkbox {
	margin-top: 16px;
}

.bb svg {
	font: 10px "Roboto", "Helvetica", "Arial", sans-serif!important;
}

.show-error {
	opacity: 1!important;
	margin-top: 0!important;
}

body.android main, body.ipad main, body.iphone main {
	margin:16px 8px 48px 8px;
}

body.android aside, body.ipad aside, body.iphone aside {
	bottom: 8px;
	right:8px
}

body.android .mdtTable .mdt-header, body.android .mdtTable .mdt-header-alternate, body.ipad .mdtTable .mdt-header, body.ipad .mdtTable .mdt-header-alternate, body.iphone .mdtTable .mdt-header, body.iphone .mdtTable .mdt-header-alternate {
	padding-left: 8px;
	padding-right:0
}

body.touch.android > md-content {
	overscroll-behavior-y: contain
}

/* hide all mdt-tooltip. BUT... needs code in decorators.js and directives.js */
body.touch md-tooltip {
	display: none!important;
}

.backButton {
	display: none;
	margin-left: -8px;
}

body.ios .backButton.ios {
	display: block;
}

body.android .backButton.android {
	display: block;
}
body.isB2C #mainTab > md-tabs-wrapper {
	display: none;
}

/* helps to dismiss iphone keyboard */
body.iphone md-content#general {
	cursor: pointer;
}

.Aberto {
	background-color: #212121 !important;
	color: rgba(255, 255, 255, 0.87) !important;
} 
.Pago {
	background-color: green !important;
	color: white !important;
}
.Rejeitado {
	background-color: red !important;
	color: rgba(255, 255, 255, 0.87) !important;
}