html, body {
  font-family: 'Roboto', sans-serif;
}
hr {
  margin-top: 15px;
  margin-bottom: 0px;
  
}
a {
 text-decoration:none;
 color:#025135;
	}
	
#hr-lista {
  margin-top: 10px;
  margin-bottom: 0px;
  width:95%;
}
#lista-tarefa:hover {
	color:#A7CC50}
#titulo-home {
	font-size:16px;
	padding:10px;
	}
.nexxus-avatar {
	width: 48px;
	height: 48px;
	border-radius: 24px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.nexxus-layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.nexxus-drawer {
  border: none;
}
/* iOS Safari specific workaround */
.nexxus-drawer .mdl-menu__container {
  z-index: 10000 !important;
}
.nexxus-drawer .nexxus-navigation {
  z-index: 9999 !important;
}
/* END iOS Safari specific workaround */
.nexxus-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.nexxus-drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 5px;
  height: 151px;
}
.nexxus-avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.nexxus-navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.nexxus-layout .nexxus-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}
.nexxus-layout .nexxus-navigation .mdl-navigation__link:hover {
  background-color: #8BAD44 !important;
  color: #37474F !important;
}
.nexxus-layout .nexxus-navigation .mdl-navigation__link.active {
  background-color: #8BAD44 !important;
  color: #37474F !important;
}
.nexxus-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 32px;
}

.nexxus-content {
	max-width: 100%;
}

.nexxus-charts {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.nexxus-chart:nth-child(1) {
  color: #ACEC00;
}
.nexxus-chart:nth-child(2) {
  color: #00BBD6;
}
.nexxus-chart:nth-child(3) {
  color: #BA65C9;
}
.nexxus-chart:nth-child(4) {
  color: #EF3C79;
}
.nexxus-graphs {
  padding: 5px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
 * not float around outside their container in IE10/11.
 * Using a browserhacks.com solution for now.
 */
_:-ms-input-placeholder, :root .nexxus-graphs {
  min-height: 664px;
}
_:-ms-input-placeholder, :root .nexxus-graph {
  max-height: 300px;
}
/* TODO end */
.nexxus-graph:nth-child(1) {
  color: #00b9d8;
}
.nexxus-graph:nth-child(2) {
  color: #d9006e;
}

.nexxus-cards {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.nexxus-cards .nexxus-separator {
  height: 32px;
}
.nexxus-cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 18px;
  font-weight: 400;
}
.nexxus-cards ul {
  padding: 0;
}
.nexxus-cards h3 {
  font-size: 1em;
}
.nexxus-updates .mdl-card__title {
  min-height: 200px;
  background-image: url('images/dog.png');
  background-position: 90% 100%;
  background-repeat: no-repeat;
}
.nexxus-cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

.nexxus-options h3 {
  margin: 0;
}
.nexxus-options .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.89);
}
.nexxus-options ul {
  margin: 0;
  list-style-type: none;
}
.nexxus-options li {
  margin: 4px 0;
}
.nexxus-options .material-icons {
  color: rgba(255, 255, 255, 0.89);
}
.nexxus-options .mdl-card__actions {
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#view-source {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 40px;
      margin-bottom: 40px;
      z-index: 900;
    }
	
#btn-fab-add {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 20px;
      margin-bottom: 20px;
      z-index: 900;
	  width:150px;
    }
	

#dados-agendamento {
    border-collapse: collapse;
    width: 100%;
    padding-top: 10px;
  }

  #dados-agendamento td {
    border: none;
    padding: 0;
    vertical-align: top;
  }

  #dados-agendamento td:first-child {
    padding-left: 0px;
  }

  #dados-agendamento .chip-wrapper {
    margin-left: 0px;
  }

  #dados-agendamento .servico-box,
  #dados-agendamento .valor-box {
    background-color: #B4EFC2;
    color: #025135;
    display: flex;
    align-items: center;
    height: 20px;
    border-radius: 30px;
    margin: 3px 5px 0 5px;
    font-size: 12px;
    padding-left: 5px;
  }
  
  #dados-agendamento .servico-box-light,
  #dados-agendamento .valor-box-light {
    background-color: rgba(0, 0, 0, 0);
    color: #025135;
    display: flex;
    align-items: left;
    height: 20px;
    border-radius: 30px;
    margin: 3px 5px 0 0px;
    font-size: 12px;
    padding-left: 5px;
  }

  #dados-agendamento .material-icons {

    margin-right: 5px;
  }

  #dados-agendamento .alerta-box {
	padding: 5px;
	max-width: 250px;
	margin-left: 7px;
	margin-top: 3px;
	font-size: 12px;
	border: thin solid #CCC;
	margin-right: 7px;
  }
  
.mdl-chip--deletable {
    padding-right: 8px;
}

.mdl-badge-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: bold;
  background: #FF4081; /* Fallback */
}



.avatar {
  width: 40px;
  height: 40px;
  border-radius: 24px;
}

.layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.drawer-header {
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 16px;
	height: 151px;
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.nomeuser{
	padding-top: 16px;
	padding-bottom: 16px;
}

.avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.options .material-icons {
  color: rgba(255, 255, 255, 0.89);
}
	
.lista-vereador {
  width: 99%;
}
.lista-assunto {
  width: 99%;
}
.list-icon {
  width: 300px;
}
	
.mdl-card-assunto{
	background-color: #FFFFFF;
	width: auto;
	}

#mdl-card-status{
	background-color: #FFFFFF;
	width:100%;
	}
	
#mdl-card-dashboard{
	background-color: #B0BEC5;
	width:100%;
	height:60px;
	font-size:0.9em;

	}
	
.mdl-card-chamado{
	background-color: #FFFFFF;
	width:100%;
	}
	
.mdl-card-form{
	background-color: #FFFFFF;
	width: 95%;
	text-align: center;
	}
	
	
	
.mdl-card{
	background-color: #FFFFFF;
	padding:0px;
	}
	
.mdl-card-img{
	background-color: #FFFFFF;
	text-align:center;
	width: auto;
    height: auto;
	}
.mdl-card__media {
    margin: 0;
}
.mdl-card__supporting-text {
	width:98%;
	}
.mdl-card__title-text-titulo {
	font-size: 13px;
}
.mdl-card__title-text-descricao {
	font-size: 12px;
	text-align: justify;
}
.mdl-card__title-text {
	font-size: 16px;
	}

.mdl-card__media > img {
    max-width: 100%;
}
.mdl-card__actions {
    display: flex;
    box-sizing:border-box;
    align-items: center;
}
.mdl-card__actions > .mdl-button--icon {
    margin-right: 3px;
    margin-left: 3px;
}

.mdl-layout-login1 {
	align-items: center;
	justify-content: center;
	background-position: center center;
	background-color: #f4f4f4;
	border-top-color: #f4f4f4;
	border-right-color: #f4f4f4;
	border-bottom-color: #f4f4f4;
	border-left-color: #f4f4f4;
}
.mdl-layout-content-login {
	padding: 24px;
	flex: none;
}

.mdl-card-painel{
	background-color: #FFFFFF;
	width:100%;
	text-align:center;
	}

.mdl-tabs__panel{
	width:100%;
	background-color: #FFFFFF;
	}

.mdl-tabs__tab {
	font-size:12px;
	}

#add-pedido {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 20px;
      margin-bottom: 20px;
      z-index: 900;
    }
.botao-click-neutro {
	background: none;
	border: none;
	text-decoration: none;
	text-align: left;
	width: 100%;
}

#preloader {
	height: 100%;
	width: 100%;
	background-color: #FAFAFA;
	position: fixed;
	z-index: 10000;
	overflow: hidden;
}

#load {
    background-color: #FAFAFA;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  overflow: hidden;
}


/* Table Sorting */
input + table {
  margin-top: 1em;
}

th.sort {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 75px;
}
th.sort:hover {
  cursor: pointer;
  text-decoration: none;
}
th.sort:focus {
  outline: none;
}
th.sort:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  position: relative;
  top: -10px;
  right: -5px;
}
th.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  content: "";
  position: relative;
  top: 4px;
  right: -5px;
}
th.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  content: "";
  position: relative;
  top: -4px;
  right: -5px;
}
.material-icons.icomenu { 
color: #FB8C00; 
}

#dialog1{
	position:absolute ; /* ou relative */
    z-index: 9999;
	width:320px;
	height:400px;
	left: 50%;
	top: 50%;
	margin-left:-165px;
	margin-top:-260px;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	}
#dialog2{
	position:absolute ; /* ou relative */
    z-index: 9999;
	width:320px;
	height:400px;
	left: 50%;
	top: 50%;
	margin-left:-165px;
	margin-top:-260px;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	}
#dialog3{
	position:absolute ; /* ou relative */
    z-index: 9999;
	width:320px;
	height:400px;
	left: 50%;
	top: 50%;
	margin-left:-165px;
	margin-top:-260px;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	}
#dialog3{
	position:absolute ; /* ou relative */
    z-index: 9999;
	width:320px;
	height:400px;
	left: 50%;
	top: 50%;
	margin-left:-165px;
	margin-top:-260px;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	}
#dialog4{
	position:absolute ; /* ou relative */
    z-index: 9999;
	width:320px;
	height:400px;
	left: 50%;
	top: 50%;
	margin-left:-165px;
	margin-top:-260px;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	}
#dialog5{
	position:absolute ; /* ou relative */
    z-index: 9999;
	width:320px;
	height:400px;
	left: 50%;
	top: 50%;
	margin-left:-165px;
	margin-top:-260px;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
	}

.texto-wrap {
	word-wrap:break-all;
  white-space: normal;
	}
.texto-nowrap {
  white-space: nowrap;
	}
.drawer-separator {
    height: 1px;
    background-color: #dcdcdc;
    margin: 8px 0;
  }
.botao-lista {
	width: 100%;    
  }
.list-three {
  width: 100%;
  height:100%;
}
table-responsive{
	display: block;
	width: 99%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
#btn_login{
	height:40px;
	width:250px;
	border-radius:0px;
	}
#btn_search {
	height:40px;
	width:50px;
    }
#btn_view {
	height:20px;
	width:50px;
    }
#btn_clear {
	height:40px;
	width:50px;
    }
#btn-fab-add {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 20px;
      margin-bottom: 20px;
      z-index: 900;
	  width:150px;
    }
#btn-fab-whats {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 20px;
      margin-bottom: 20px;
      z-index: 900;
 
    }
#select-filtro {
	width:100%;
}
select[readonly] {
  color:#666; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
  
}

#seleciona-lista {
    background-color:#98BC43;
	color:#FFF;
}
.mdl-button {
  width:auto;
}
.breakAll {
    word-break: break-all;
}

.card-event.mdl-card {
  margin-bottom:10px;

}
.card-event > .mdl-card__actions {
  border-color: #CCC;
}
.card-event > .mdl-card__title {
  align-items: flex-start;
  font-size:10px;
  width: 100%;
}
.card-event > .mdl-card__title > h4 {
  margin-top: 0;
  font-weight:bold;
}
.card-event > .mdl-card__actions {
  display: flex;
  box-sizing:border-box;
  align-items: center;
}
.card-event > .mdl-card__actions > .material-icons {
  padding-right: 10px;
}
.card-event > .mdl-card__title,
.card-event > .mdl-card__actions,
.card-event > .mdl-card__actions > .mdl-button {
  color: #000;
}





.card-pesquisa.mdl-card {
  margin-bottom:20px;
}
.card-pesquisa > .mdl-card__actions {
  border-color: #CCC;
}
.card-pesquisa > .mdl-card__title {
  align-items: flex-start;
  height:60px;
  font-size:10px;
  width: 100%;
}
.card-pesquisa > .mdl-card__title > h4 {
  margin-top: 0;
  font-weight:bold;
}
.card-pesquisa > .mdl-card__actions {
  display: flex;
  box-sizing:border-box;
  align-items: center;
}
.card-pesquisa > .mdl-card__actions > .material-icons {
  padding-right: 10px;
}
.card-pesquisa > .mdl-card__title,
.card-pesquisa > .mdl-card__actions,
.card-pesquisa > .mdl-card__actions > .mdl-button {
  color: #000;
}




#projeto-desc {
	width:100%;
	font-size:15px;
	margin:0px;
	
	}
#div-projeto {
	border-radius: 5px;
	background-color: #E6E6E6;
	padding:15px;
	margin-bottom: 6px;
	font-size:12px;
	}
	

.mdl-dialog {
    border: none;
    position:absolute ; /* ou relative */
    z-index: 9999;
	width:320px;
	height:400px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
  ;
}
  
.mdl-dialog__title {
    width: 100%;
	margin: -15px;

	
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
    font-size: 2.5rem; }
	
.mdl-dialog__actions {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
			
.mdl-dialog__actions > * {
      margin-right: 8px;
      height: 36px; }
	  
.mdl-dialog__actions > *:first-child {
        margin-right: 0; }
		
.mdl-dialog__actions--full-width {
      padding: 0 0 8px 0; }
	  
.mdl-dialog__actions--full-width > * {
        height: 48px;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-right: 16px;
        margin-right: 0;
        text-align: right; }
		
.mdl-dialog__content {
    padding: 20px 24px 24px 24px;
    color: rgba(0,0,0, 0.54); }
	
dialog::backdrop { /* native */
  background-color: rgba(0, 0, 0, 0.5);
}

dialog + .backdrop { /* polyfill */
  background-color: rgba(0, 0, 0, 0.5);
}
	
	
	
#resultado-pipeline {
	border-radius: 5px;
	background-color: #F3F3F3;
	padding:15px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:0px;
	font-size:13px;
	}
.mdl-textfield__input{
	width:100% !important;
	}
.mdl-textfield{ 
width:100% !important;
}
.input-100{
	width:100% !important;
	}
#input-filtro{
	width:100% !important;
	}
.input-bloqueado {
  pointer-events: none;      /* bloqueia cliques */
  color: #666;               /* cor do texto */
  cursor: not-allowed;
}
#botao-script{
	background-color:#c7c7c7;
	border:1px solid #c7c7c7;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	padding:1px 16px;
	text-decoration:none;
	margin-top:4px;
	}
#cap_text_whatapp1{
	
	
	}
.break-all {
  word-break: break-all;
}

.break-word {
  word-break: break-word;
}
#resultado-1 {
	font-size:15px;
	text-align:center;
	font-weight:bold;
	}
#tabela-historico{
	table-layout: fixed;
	border: 1px solid #cccccc;
	padding:20px;
	font-size:13px;
	}
#tabela-historico tr{
	border: 1px solid #cccccc;
	}
#preloader {
  height: 100%;
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 10000;
  overflow: hidden;
}

#load {
	background-color: #fff;

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
  overflow: hidden;
}
.custom-loader {
   height:4px;
   width:130px;
   background:
    linear-gradient(#607D8A 0 0),
    linear-gradient(#607D8A 0 0),
    #E4E4ED;
  background-size: 60% 100%;
  background-repeat: no-repeat;
  animation: p6 3s infinite;
}
#grid-btn-menu-bar {
	margin-top:40px;
	}
#grid-bloco-editar {
	margin-top:-50px;
	}
#mdl-layout-title1 {
	font-size:16px;
	margin-left:-50px;
	}
#mdl-layout-title2 {
	font-size:16px;
	margin-left:-75px;
	}
.mdl-navigation__link:hover {
  background-color: #98BC43!important;
}
#celular {display: none;}
#desktop {display: inline;}


.hidden { display: none; margin-top: 15px; }
.visible { display: block; margin-top: 15px; }


.material-icons.md-12 { font-size: 12px;}
.material-icons.md-14 { font-size: 14px;}
.material-icons.md-16 { font-size: 16px;}
.material-icons.md-18 { font-size: 18px;}
.material-icons.md-24 { font-size: 24px;}
.material-icons.md-36 { font-size: 36px;}
.material-icons.md-48 { font-size: 48px;}
.material-icons.md-60 { font-size: 60px;}
.material-icons.md-72 { font-size: 72px;}

.btn-confirmar {
	background-color: #009900;
	color: #fff;
	border: none;
	padding: 8px 16px;
	border-radius: 5px;
	font-weight: bold;
}

.btn-cancelar {
  background-color: #ccc;
  color: #333;
  border: none;
  padding: 8px 16px;
  border-radius: 5px;
  margin-left: 10px;
}

@keyframes p6 {
  0%   {background-position:-150% 0,-150% 0}
  66%  {background-position: 250% 0,-150% 0}
  100% {background-position: 250% 0, 250% 0}
}




/* For Desktop View */
@media screen and (min-width: 1199px){
#celular {display: none;}
#desktop {display: inline;}
	  }
	  
/* For Tablet View */
@media screen and (min-device-width: 768px) and (max-device-width: 1199px){
#celular {display: none;}
#desktop {display: inline;}
}
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) and (orientation: portrait){
	  
#grid-btn-menu-bar {
	margin-top:-50px;
	}
#grid-bloco-editar {
	margin-top:-50px;
	}
#mdl-layout-title1 {
	visibility:hidden;
	margin-left:-73px;
	font-size:0px;
	}
#mdl-layout-title2 {
	font-size:13px;
	}
#mdl-layout-spacer1 {
	display:none!important;
	}
.mdl-navigation__link {
	font-size:13px;
	width:100%;
	}
#celular {display: inline;}
#desktop {display: none;}	

.mdl-card__supporting-text {
	width:90%;
	}
.mdl-color-text--primary {
	font-size:14px;
	}
	  
  }