html, body {
  font-family: 'Roboto', sans-serif;
}
.avatar {
  width: 40px;
  height: 40px;
  border-radius: 24px;
}

.layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}

.mdl-layout-title {
	margin-left:-22px;
	
	}
.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{
	width: 100%;
	height: 100px;
	margin-bottom: 20px; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;  
	}
	
#mdl-card-dashboard-titulo {
	font-size:0.9em;
	}	
#mdl-card-dashboard-resultado {
	font-size:1.6em;
	}

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

.mdl-card{
	background-color: #FFFFFF;

	}
	
.mdl-card-img{
	background-color: #FFFFFF;
	text-align:center;
	width: auto;
    height: auto;
	}
.mdl-card__media {
    margin: 0;
}
.mdl-card__title-text-titulo {
	font-size: 20px;
	margin-left:-15px;
	
}
.mdl-card__title-text-descricao {
	font-size: 16px;
	text-align: justify;
}

.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 {
  display: flex;
  align-items: center;       /* Centraliza verticalmente */
  justify-content: center;   /* Centraliza horizontalmente */
  height: 100vh;             /* Tela cheia */
  background-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;
	}

.mdl-data-table {
  width: 100%;
  
}

#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;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

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;
	}
	
#titutlo-dialog {
	width:100%;
	padding:1px;
	margin-top:-15px;
	margin-left:-10px;
	margin-right:-25px;
	
	}
.texto-wrap {
	word-wrap:break-all;
  white-space: normal;
	}
.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_clear {
	height:40px;
	width:50px;
    }
#btn-fab {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 30px;
      margin-bottom: 20px;
      z-index: 900;
	  width:200px;
    }
#select-filtro {
	width:100%;
}
select[readonly] {
  color:#666; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
}
.mdl-button {
  width:auto;
}
.breakAll {
    word-break: break-all;
}

.card-event.mdl-card {
  width: 100%;
  align-self: flex-end;
}
.card-event > .mdl-card__actions {
  border-color: #CCC;
}
.card-event > .mdl-card__title {
  align-items: flex-start;
}
.card-event > .mdl-card__title > h4 {
  margin-top: 0;
}
.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;
}
#div-lead {
	border-radius: 5px;
	background-color: #FFFFFF;
	padding:10px;
	margin-bottom: 6px;
	font-size:11px;
	border: 1px solid #E8E8E8;
	}
#resultado-pipeline {
	border-radius: 5px;
	padding:10px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
	margin-top:0px;
	font-size:13px;
	}
.mdl-textfield__input{
	width:100% !important;
	}
.input-100{
	width:100% !important;
	}
#input-filtro{
	width:100% !important;
	}
#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;
	}
#resultado-2 {
	font-size:15px;
	text-align:left;
	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;
}
.material-icons.md-12 { font-size: 12px; color:#FFF; }
.material-icons.md-14 { font-size: 14px; color:#FFF; }
.material-icons.md-16 { font-size: 16px; color:#FFF; }
.material-icons.md-18 { font-size: 18px; color:#FFF; }
.material-icons.md-24 { font-size: 24px; color:#FFF; }
.material-icons.md-36 { font-size: 36px; color:#FFF; }
.material-icons.md-48 { font-size: 48px; color:#FFF; }
.material-icons.md-60 { font-size: 60px; color:#FFF; }
.material-icons.md-72 { font-size: 72px; color:#FFF; }

pre {
	  margin-top:-30px;
	  padding: 5px;
	  overflow-x: auto;
        }
code {
	font-family: Consolas, monospace;
	font-size:10px;
	color: #F00;
        }
#textarea-codigo {
	font-size:10px;
	}
		
dialog::backdrop { /* native */
  background-color: rgba(0, 0, 0, 0.5);
}

dialog + .backdrop { /* polyfill */
  background-color: rgba(0, 0, 0, 0.5);
}

@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){
	  #tabela-pipeline{
		  width:100%;
		  min-width:100%;
		  table-layout:fixed;
		  }
	  #th-tab-pipeline {
		  
		  }
	.mdl-chip__text{
		font-size:15px;
		}
	  }
	  
/* For Tablet View */
@media screen and (min-device-width: 768px) and (max-device-width: 1199px){
	 #tabela-pipeline{
		  width:100%;
		  min-width:100%;
		  display:block; 
		  overflow-x:auto;
		  }
	  #th-tab-pipeline {
		  min-width:300px;
		  font-size:22px;
		  }
	  #div-lead {
		font-size:14px;
		}
	#resultado-pipeline {
		font-size:18px;
		}
	.mdl-chip__text{
		font-size:22px;
		}
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
  and (orientation: portrait){
	  #tabela-pipeline{
		  width:100%;
		  min-width:100%;
		  display:block; 
		  overflow-x:auto;
		  }
	  #th-tab-pipeline {
		  min-width:300px;
		  font-size:20px;
		  }
	  #div-lead {
		font-size:15px;
		}
	#resultado-pipeline {
		font-size:17px;
		}
	#texto-pipeline {
		font-size:17px;
		}
	#icone-pipeline {
		font-size:20px;
		}
	.mdl-chip__text{
		font-size:12px;
		}
	#btn-fab {
      margin-right: 10px;
      margin-bottom: 10px;
	  width:160px;
    }
	.material-icons.md-72 { font-size: 30px; color:#FFF; }
	

#mdl-card-dashboard-titulo {
	font-size:1em;
	}
	#mdl-card-dashboard-resultado {
	font-size:1.1em;
 
  }
  
 .mdl-layout__title, .mdl-layout-title {
	 font-size:16px;
	 }