:root {
	--cor-layout-01: #FFF;
	--cor-layout-02: #F5F5F5;
	--cor-layout-03: #267ab0;
	--cor-layout-04: #d5a84c;
	--cor-layout-05: #155985;
	--cor-layout-06: #267ab0;
	--cor-layout-07: #083451;
	--cor-layout-08: #E0E0E0;
	--cor-layout-09: #e0e0e05e;
	
	--cor-layout-txt: #000000;
	--cor-layout-label: #333;
	--cor-layout-th: #666666;
	--cor-layout-gr: linear-gradient(to bottom, #E0E0E0 10%, #FEFEFE 30%) repeat scroll 0% 0% transparent!important;
}


html {}
body {
  backgroud: white;
}

@media only screen and (min-width: 1200px) {
	html {
		font-size: smaller!important;
	}
}

@media only screen and (max-width: 992px) {
  header,
  main,
  footer {
    padding-left: 0;
  }
}

main,
footer {
  padding-left: 240px;
}


.tabs .tab a,
.tabs .tab a:hover{color: var(--cor-layout-05);}
.tabs .indicator{background-color: var(--cor-layout-05);}
.tabs .tab a.active{
	color: var(--cor-layout-05); 
	font-weight:bold;
}

.tabs .tab a:focus, 
.tabs .tab a:focus.active,
.tabs .tab a.active{
	background-color: #9e9e9e17;
}

.tabs.carrinho{overflow: hidden!important;}

select,
select.browser-default,
input,
input:not([type]), 
input[type=date]:not(.browser-default),
input[type=text]:not(.browser-default), 
input[type=password]:not(.browser-default), 
input[type=email]:not(.browser-default), 
input[type=url]:not(.browser-default), 
input[type=time]:not(.browser-default), 
input[type=date]:not(.browser-default), 
input[type=datetime]:not(.browser-default), 
input[type=datetime-local]:not(.browser-default), 
input[type=tel]:not(.browser-default), 
input[type=number]:not(.browser-default), 
input[type=search]:not(.browser-default),
textarea.materialize-textarea{
	background-color: var(--cor-layout-09)!important;
	border-bottom: 1px solid #9e9e9e;
	text-transform: uppercase;
	font-size: 12px!important;
}

label,
input:not([type]).validate+label, 
input[type=text]:not(.browser-default).validate+label, 
input[type=password]:not(.browser-default).validate+label, 
input[type=email]:not(.browser-default).validate+label, 
input[type=url]:not(.browser-default).validate+label, 
input[type=time]:not(.browser-default).validate+label, 
input[type=date]:not(.browser-default).validate+label, 
input[type=datetime]:not(.browser-default).validate+label, 
input[type=datetime-local]:not(.browser-default).validate+label, 
input[type=tel]:not(.browser-default).validate+label, 
input[type=number]:not(.browser-default).validate+label, 
input[type=search]:not(.browser-default).validate+label, 
textarea.materialize-textarea.validate+label{
	text-transform: uppercase;
	color: var(--cor-layout-label);
	font-size: .8rem;
	padding: 0 0 4px 0;
	display: block;
}

.input-field>label:not(.label-icon).active{
	font-size: 1rem;
}

.input-field>label:not(.label-icon).active {
    -webkit-transform: translateY(-14px) scale(1);
    transform: translateY(-14px) scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}










#credits li,
#credits li a {
  color: white;
}

#credits li a {
  font-weight: bold;
}

.footer-copyright .container,
.footer-copyright .container a {
  color: #BCC2E2;
}

.sidenav li>a {padding:0 32px !important}
.dropdown-content{top:100% !important;}
.collapsible-body>ul>li>a {
	padding: 0 48px !important;
	padding-left: 22px !important;
	font-weight: 400 !important;
}


.fab-tip {
  position: fixed;
  right: 85px;
  padding: 0px 0.5rem;
  text-align: right;
  background-color: #323232;
  border-radius: 2px;
  color: #FFF;
  width: auto;
}

#menuNavbarLogo p{display:none!important;}
#menuNavbarLogo img{width:197px;border-radius: 0;}
#menuNavbarLogo div.logo{
	height: 180px;
	display: flex;
	align-items: center;
	background:var(--cor-layout-gr);
} 

#menuHome{}
#menuHome .collapsible-header{}
#menuHome .collapsible-header i,
#menuCadastros .collapsible-header i,
#menuDestinos .collapsible-header i{color: var(--cor-layout-05);}

#menuHome .collapsible-header b,
#menuCadastros .collapsible-header b,
#menuDestinos .collapsible-header b{color: var(--cor-layout-07);}

#menuNavbar{width:240px;z-index: 10000;}
#menuHeader,
#menuHeader > div.navbar-fixed{top:0;left:0;z-index:1000;}
#menuHeader img.logo{height:42px;margin-left:56px;margin-top:10px;}
#menuHeader nav{background-color:var(--cor-layout-06);}

#menuDashboard{padding:25px;}
#menuDashboard i{color:var(--cor-layout-05);}
#menuDashboard div.card-dashboard{width: 98%; max-width: 98%; }
#menuDashboard div.card-dashboard .title{font-size: 13px!important;}

#menuDashboard div.card-dashboard i{color: #FFF;background: var(--cor-layout-04)!important;font-size: 23px; line-height: 44px;}
#menuDashboard div.card-dashboard a.secondary-content>i{display:none!important;}
#menuDashboard h5{color:var(--cor-layout-05);margin: 0;}
#menuDashboard h5>small{display: block;}
#menuDashboard a:hover i,
#menuDashboard a:hover h5{color:var(--cor-layout-06);}

#menuCarrinho{z-index: 1005;}
#menuCarrinho a{width:15%;padding:0!important;margin:0!important;}
#menuCarrinho a:hover{background-color:transparent!important}
#menuCarrinho a:hover>i{background-color:var(--cor-layout-07)}
#menuCarrinho li.total{min-height:55px;line-height:45px;font-size:18px;}
#menuCarrinho h5{
	background-color: var(--cor-layout-03);
	width: 100%;
	margin: 0;
	padding: 10px 0 10px 21px;
	color: #FFF;
	font-size: 20px;
}

#exibeConsulta{width: 100%;	max-width: 100vw; height: 80vh;}
#exibeConsulta>div.content{width: 100%;height: 100%;}
#exibeConsulta>div.content>div.row{width: 100%;height: 100%;}
#exibeConsulta>div.content>div.row div.abas{width: 100%;height: 95%;}
#exibeConsulta>div.content>div.row div.abas.centro{display:flex;justify-content:space-around;align-items:center;}
#exibeConsulta>div.content>div.row div.abas.centro>div.onibus{zoom: 168%;zoom: 185%; margin-top: max(30px, min(30px, 30px))!important; margin-left: 10%;}
#exibeConsulta>div.dados{
    width: 100%;
    max-width: calc(100vw - 240px);
    height: 80px;
    position: fixed;
    bottom: 0;
    text-align: center;
    background: #FFF;
    padding-top: 15px;
}

#exibeConsulta>div.dados>div{
    background: #ebebeb;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
    border: 1px solid #979797;
    font-weight: bold;
    font-size: 12px;
}
	/*CONTROLE DE BARRA DE ROLAGEM*/
	body{overflow: hidden!important;}
	#exibeConsulta{overflow:auto!important}
	@media only screen and (max-height: 768px) {
		#exibeConsulta{height: 42vw;}
	}

	@media only screen and (max-width: 1360px) {
		#abatickets{height:88vh!important;}
		#exibeConsulta>div.content{height:100vh;}
		#exibeConsulta>div.content>div.row div.abas.centro>div.onibus{zoom:162%!important;margin-left:8%!important;}
		#exibeConsulta>div.dados{ max-width:93vw!important;}
		#exibeConsulta>div.dados>div{}
	}

	@media only screen and (max-width: 1366px) {
		#abatickets{height:88vh!important;}
		#exibeConsulta>div.content{height:100vh;}
		#exibeConsulta>div.content>div.row div.abas.centro>div.onibus{zoom:200%;margin-left:8%;}
		#exibeConsulta>div.dados{ max-width:100vw;}
		#exibeConsulta>div.dados>div{}
	}

footer.page-footer{background-color:var(--cor-layout-03); display:none;}


/*Cards*/
#listaCards{width: 100%;}
#listaCards .row .col.m6{width: 23%;}
#listaCards .collection{border: 0; margin: 2% auto; width: 98%;}
#listaCards .card{min-height: 285px!important;}
#listaCards .card .card-image{height: 170px;}
#listaCards .card .card-image img{max-height: 165px;}
	@media only screen and (max-width: 1366px) {
		#listaCards .card .card-image{height: 140px;}
		#listaCards .card .card-image img{max-height: 143px;}
	}

/*Colection*/
#listaColection{width: 100%;}
#listaColection .row{width: 100%;}

/*Tela Pagamento Passagem*/
#opcoesPagamento{margin:5% auto;width:90%;}
#opcoesPagamento .collapsible-body{}
#opcoesPagamento .collapsible-body b{color:#000;font-size:17px;}
#opcoesPagamento .collapsible-body small{font-size: 15px;}

#opcoesPagamento.pagamento{}
#opcoesPagamento.pagamento .collapsible-header{position:relative;}
#opcoesPagamento.pagamento .collapsible-header label{color: #666666;cursor:pointer;}
#opcoesPagamento.pagamento .collapsible-header label{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#opcoesPagamento.pagamento .collapsible-header label > span{width:30%;margin-left:15px;display:flex;align-items:center;}
#opcoesPagamento.pagamento .collapsible-header p{width:100%;margin:0;padding:0;}
#opcoesPagamento.pagamento .collapsible-header p input[type="radio"]{opacity:1;}
#opcoesPagamento.pagamento .collapsible-header p strong{
    position: absolute;
    bottom: 12px;
    right: 7px;
    padding: 7px;
    font-size: 14px;
    background: #2bbbad;
    color: #FFF;
    border-radius:10px;
}


#abatickets.abas,
#abaPagamento.abas,
#abaTicketsPassageiros.abas,
#abaTicketsPagamento.abas,
#abaPassageiros.abas{height:340px!important;overflow-x:hidden!important;}

#abaPassageiros .collection .collection-item.avatar.pedido{}
#abaPassageiros .collection{border:0;padding:0!important;width:100%!important;}
#abaPassageiros .collection .collection-item.avatar{min-height:195px;}
#abaPassageiros .collection .collection-item.pedido{border-radius: 2px!important;border: 1px solid #e0e0e0!important;}
#abaPassageiros .collection .collection-item.pedido{max-width:398px;max-width:385px;margin: 1%;}
#abaPassageiros .collection .collection-item.pedido div.preco{position:absolute;bottom:0;right:0;padding:7px;font-size:14px;background:#2bbbad;color:#FFF;border-radius:10px 0 0 0;}
#abaPassageiros .collection .collection-item.avatar.total{display:none;}

#abaPedido .collection .collection-item.avatar.pedido{}
#abaPedido .collection{border:0;padding:0!important;width:100%!important;}
#abaPedido .collection .collection-item.avatar{min-height:195px;}
#abaPedido .collection .collection-item.pedido{border-radius: 2px!important;border: 1px solid #e0e0e0!important;}
#abaPedido .collection .collection-item.pedido{max-width:398px;margin: 1%;}
#abaPedido .collection .collection-item.pedido div.preco{position:absolute;bottom:0;right:0;padding:7px;font-size:14px;background:#2bbbad;color:#FFF;border-radius:10px 0 0 0;}
#abaPedido .collection .collection-item.avatar.total{display:none;}


/*Tickets*/
#abatickets{width:100%;height:80vh;overflow:auto;overflow-x:hidden;}
#abatickets .collection .collection-item.avatar.pedido{}
#abatickets .collection{border:0;padding:0!important;width:100%!important;}
#abatickets .collection .collection-item.avatar{min-height:195px;}
#abatickets .collection .collection-item.pedido{border-radius: 2px!important;border: 1px solid #e0e0e0!important;}
#abatickets .collection .collection-item.pedido{margin: 1%;}
#abatickets .collection .collection-item.pedido div.preco{position:absolute;bottom:0;right:0;padding:7px;font-size:14px;background:#2bbbad;color:#FFF;border-radius:10px 0 0 0;}
#abatickets .collection .collection-item.avatar.total{display:none;}
#abatickets .collection .collection-item.pedido.destacar,
#abatickets .collection .collection-item.pedido:hover{
	border: 1px solid #009688!important;
	border-radius:10px!important;
	cursor:pointer;
}

#abatickets .collection .collection-item.pedido.destacar{background: #ebf1e3;}
#abatickets.pedido{height:335px!important;}
#abatickets.pedido .collection{margin:0!important;}
#abatickets.pedido .collection .collection-item.pedido{max-width:391px;max-width:385px;}

/*#abatickets .collection.passageiros.full .collection-item.pedido{width:46%;min-width:305px;max-width:595px;margin: 1%;}*/

#abatickets .collection .collection-item.pedido{max-width:390px;}
@media (max-width: 1360px){#abatickets .collection .collection-item.pedido{max-width:410px;}}
@media (max-width: 1024px){#abatickets .collection .collection-item.pedido{max-width:435px;}}


#abaTicketsPassageiros .collection .collection-item.avatar.pedido{}
#abaTicketsPassageiros .collection{border:0;padding:0!important;width:100%!important;}
#abaTicketsPassageiros .collection .collection-item.avatar{min-height:195px;}
#abaTicketsPassageiros .collection .collection-item.pedido{border-radius: 2px!important;border: 1px solid #e0e0e0!important;}
#abaTicketsPassageiros .collection .collection-item.pedido{max-width:398px;margin: 1%;}
#abaTicketsPassageiros .collection .collection-item.pedido div.preco{position:absolute;bottom:0;right:0;padding:7px;font-size:14px;background:#2bbbad;color:#FFF;border-radius:10px 0 0 0;}
#abaTicketsPassageiros .collection .collection-item.avatar.total{display:none;}

/*Pagamento*/
#abaPagamento.abas{}
#abaPagamento.abas > div#pagamento{border-radius: 2px!important;border: 1px solid #e0e0e0!important;margin: 0.5rem;}
#abaPagamento.abas > div#pagamento > div.gerapix{border:0; width:100%!important;}
#abaPagamento.abas > div#pagamento > div.gerapix>div.pixImagem{padding:10px;width:35%;}
#abaPagamento.abas > div#pagamento > div.gerapix>div.pixCodigo{padding:0px;max-width: 505px!important;}
#abaPagamento.abas > div#pagamento > div.gerapix>div.pixCodigo .input-field{margin:0 0 13px 0;}

#abaTicketsPagamento.abas{}
#abaTicketsPagamento.abas > div#TicketsPagamento{border-radius: 2px!important;border: 1px solid #e0e0e0!important;margin: 0.5rem;}
#abaTicketsPagamento.abas > div#TicketsPagamento > div.gerapix{border:0; width:100%!important;}
#abaTicketsPagamento.abas > div#TicketsPagamento > div.gerapix>div.pixImagem{padding:10px;width:35%;}
#abaTicketsPagamento.abas > div#TicketsPagamento > div.gerapix>div.pixCodigo{padding:0px;max-width: 505px!important;}
#abaTicketsPagamento.abas > div#TicketsPagamento > div.gerapix>div.pixCodigo .input-field{margin:0 0 13px 0;}

#TicketsBotao{}
#TicketsBotaoImpressao{float:right;margin-right:5px}
#TicketsBotaoImpressao button{margin-left:10px!important;}


/*UTIL*/
div.m-b-10{margin-bottom: 10px !important;}
div.m-b-20{margin-bottom: 20px !important;}
div.p-15{padding: 15px !important;}
div.p-7-15{padding: 7px 15px !important;}
.success-alert-bar, .error-alert-bar {
    border-radius: 5px;
    display: none;
}


.btn, 
.btn-large, 
.btn-small{
	background-color: var(--cor-layout-06);
}

.teal,
.teal.lighten-2{
	background-color: var(--cor-layout-06) !important;
}