.icicio-app{
	width: 100% !important;
	height: 100% !important;
	text-align: center !important;
}
.login-input{
	width: 75%;
}
.form-btn{
	margin-top: 1rem;
}
.btn-easy{
	background-color: #1b969b !important;
}
.btn-login{
	width: 30%;
	background-color: #00838F !important;
	font-size: 12px;
	font-weight: 500;
	border-radius: 0.5rem;
	border: 1px solid #00BCD4;
}
#FormLogin{
	margin-top: 0rem;
}
.hide{
	display: none !important; 
}
.pg{
	background-color:white;
	margin-top: 0.3rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.pg-qr{
	background-color: transparent;
	margin-top: 0.3rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.no-ma-pa{
	margin: 0px !important;
	padding: 0px !important;
}
.text-center{
	text-align: center;
	float: center;
}
.div-load{
	position: absolute;
	width: 100%;
	height: 100%;
}
.pag-map{
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#map{
	height: 100%;
	width: 100%;
}
.no-fav{
	color: #686868 !important;
	text-shadow: 1px 1px 3px black;
}
.ya-fav{
	color: #FF0 !important;
	text-shadow: 1px 1px 3px black;
}
.bg-ag{
	text-align: right;
	float: right;
	position: absolute;
	right: 2rem;
	background-color: orange;
	padding: 0.22rem;
	border-radius: 0.35rem;
	color: white;
}
.bg-an{
	text-align: right;
	float: right;
	position: absolute;
	right: 2rem;
	background-color: #4daa4e;
	padding: 0.22rem;
	border-radius: 0.35rem;
	color: white;
}
.bg-fim{
	text-align: right;
	float: right;
	position: absolute;
	right: 2rem;
	background-color: #3e70ec;
	padding: 0.22rem;
	border-radius: 0.35rem;
	color: white;
}
#toast-container * {
	display: block;
}
.toast-title{
	text-transform: capitalize !important;
}
.toast{
	opacity: 1;
}
#toast-container>div{
	opacity: 1 !important;
}
.text-input--material:focus {
	background-image:
	linear-gradient(#00BCD4, #00BCD4),
	linear-gradient(to top, transparent 1px, #afafaf 1px);
	-webkit-animation: material-text-input-animate 0.3s forwards;
	animation: material-text-input-animate 0.3s forwards;
}
.toolbar-easy{
	background-color: #00838F !important;
	color: white;
}
.toolbar-easy .toolbar-button--material{
	color: white;
}
.toolbar-light .toolbar-button{
	color: #00838F;
}
.H_l_bottom{
	display: none;
}
.H_ib_content{
	margin:0px !important;
}
.tabbar__item > input{
	
}
.brroght{
	border-right: 2px solid #007883;
}
.tabbar__button{
	border: 0px solid !important;
	background-color: #00838F !important;
	color: white;
}
.material-label{
	font-family:sans-serif;
	margin: 0px;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
}.material-label>strong{
	font-size: 19px;
	color: #ff0;
}
.p12{
	font-size: 13px !important;
	color:#797979;
}
.tabbar--material__button{
	text-transform: capitalize !important;
}
.tabbar{
	height: 8vh
}
.tabbar__button{
	height: 8vh
}
.H_imprint{
	display: none;
}
.row-me{
	border: 1px solid #333 !important;
	border-bottom: 1px solid #333 !important;
	margin-bottom: 1px !important;
	border-radius: 0.3rem;
	background: #cce6e9;
}
.btn-acompanhar{
	text-align: center !important;
	color: white;
	background: #009400 !important;
	border-radius: 1rem !important;
	padding: 0px !important;
	border: 1px solid #8BC34A;
	font-family: inherit;
	height: 46px;
	line-height: 45px !important;
}
.btn-acompanhar>i{
	float: left;
	left: 2px;
	margin-left: 15px;
	margin-top: 10px;
	font-size: 25px;
}
.btn-acompanhar>span{
	float: right;
	margin-right: 10%;
}
.btn-acompanhar:disabled,
.btn-acompanhar[disabled]{
	background: #6f926f !important;
	border: 1px solid #5a6b47;
}
.btn-cancelar{
	text-align: center !important;
	color: white;
	background: #fb3325 !important;
	border-radius: 1rem !important;
	padding: 0px !important;
	border: 1px solid #FF5722;
	font-family: inherit;
	height: 46px;
	line-height: 45px !important;
}
.btn-cancelar>i{
	float: left;
	left: 2px;
	margin-right: auto;
	margin-bottom: auto;
	font-size: 29px;
	margin-left: 15px;
    margin-top: 10px;
}
.btn-cancelar>span{
	float: right;
	margin-right: 10%;
}
.btn-primario{
	text-align: center !important;
	color: white;
	background: #2196F3 !important;
	border-radius: 1rem !important;
	padding: 0px !important;
	border: 1px solid #76d3fd;
	font-family: inherit;
	height: 46px;
	line-height: 45px !important;
}
.btn-primario>i{
	float: left;
	left: 2px;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 23px;
}
.btn-primario>span{
	float: right;
	margin-right: 10%;
}
.btn-primario:disabled,
.btn-primario[disabled]{
	background: #34658d !important;
	border: 1px solid #396d85;
}
.btn-alerta-ok{
	text-align: center !important;
	color: white;
	background: #00838F !important;
	border-radius: 1rem !important;
	padding: 0px !important;
	border: 1px solid #00adbd;
	font-family: inherit;
	width: 40%;
	margin-left: 30% !important;
	margin-right: 30% !important;
	font-weight: bold;
}
#TextAlert{
	font-weight: bold;
	font-size: 18px;
}
#RotaAcompanhar{
	height: 40px;
	line-height: 40px;
}
#MaisDados{
	height: 40px;
	line-height: 40px;
}
.btn-logoff{
	text-align: center !important;
	color: white;
	background: #00838F !important;
	border-radius: 1rem !important;
	padding: 0px !important;
	border: 1px solid #00adbd;
	font-family: inherit;
	height: 46px;
	line-height: 45px !important;
}
.btn-logoff>i{
	float: left;
	left: 2px;
	padding-left: 15px;
	padding-top: 10px;
	font-size: 25px;
}
:checked + .tabbar--material__button {
	color: white !important;
}
.tabbar--material__button:after{
	background-color: white !important;
}
.st-14{
	height: 30px !important;
	line-height: 30px !important;
	font-size: 13px;
}
.st-55{
	height: 55px !important;
	line-height: 30px !important;
	white-space: inherit !important;
	font-size: 13px;
}
.search-input--material-end{
	font-family: 'Roboto', 'Noto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	border-radius: 2px;
	height: 48px;
	background-color: #fafafa;
	background-image: unset;
	background-size: 18px;
	background-position: 18px center;
	font-size: 14px;
	padding: 0 24px 0 15px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24), 0 1px 0 0 rgba(255, 255, 255, .06) inset;
	
}
.search-input--material-data{
	font-family: 'Roboto', 'Noto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	border-radius: 2px;
	height: 48px;
	background-color: #fafafa;
	background-image: url('../img/calendar-plus-regular.svg');
	background-size: 18px;
	background-position: 18px center;
	font-size: 14px;
	/*padding: 0 24px 0 64px;*/
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24), 0 1px 0 0 rgba(255, 255, 255, .06) inset;
}
.search-input--material-data1{
	font-family: 'Roboto', 'Noto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	border-radius: 2px;
	height: 48px;
	background-color: #fafafa;
	background-image: url('../img/calendar-minus-regular.svg');
	background-size: 18px;
	background-position: 18px center;
	font-size: 14px;
	/*padding: 0 24px 0 64px;*/
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24), 0 1px 0 0 rgba(255, 255, 255, .06) inset;
}
.search-input--material-relogio{
	font-family: 'Roboto', 'Noto', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	border-radius: 2px;
	height: 48px;
	background-color: #fafafa;
	background-image: url('../img/clock-regular.svg');
	background-size: 18px;
	background-position: 18px center;
	font-size: 14px;
	padding: 0 24px 0 64px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24), 0 1px 0 0 rgba(255, 255, 255, .06) inset;
	
}
@media screen and (max-height: 450px){
	.tabbar{
		display:none !important;
	}
}
.p100{
	width: 100%;
}
.list-parada{
	border-top: 1px solid #ccc;
}
.list-parada::before{
	display: none;
}
#DivPontosRetornados{
	margin-top: 2%;
}
.list-item--chevron:before, .list-item__expand-chevron {
	z-index: 2 !important;
}
.pc100{
	width: 96%;
}
.alerta-maior{
	margin-top: 2rem;
	height: fit-content;
	margin: 15px 15px 15px 15px
}
.alerta-maior #TextAlert{
	height: auto;
	line-height: 28px;
	white-space: break-spaces;
}
.a-cadastro{
	color: #00838f !important;
}
.search-inpute{
	background: transparent;
	border: none;
	vertical-align: top;
	outline: none;
	display: block;
}
.btn-cancelar-silic{
	text-align: center !important;
	color: white;
	background: #fb3325 !important;
	border-radius: 1rem !important;
	padding: 0px !important;
	border: 1px solid #FF5722;
	font-family: inherit;
	height: 27px;
	line-height: 27px !important;
	font-size: 14px;
}
.btn-cancelar-silic>i{
	float: left;
	left: 2px;
	padding-left: 14px;
	padding-top: 6px;
	font-size: 13px;
}
.btn-cancelar:disabled,
.btn-cancelar[disabled]{
	background: #aa4740 !important;
	border: 1px solid #FF5722;
}
.Texto-alerta{
	font-family: 'Roboto', 'Noto', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #686868;
}
.Texto-alerta>p{
	margin-left: 4%;
	margin-right: 4%;
}
#CancelEmb>i{
	left: 2px;
	margin-left: 0px;
	margin-top: 0px;
	font-size: 29px;
	text-align: center;
	vertical-align: middle;
	float: initial;
}
:checked + .segment__button {
	background-color: #00838f;
	color: #fff;
	transition: none;
}
.segment__button{
	color: #00838f;
    border: 1px solid #00838f;
}
:active + .segment__button {
	border: 0 solid #00373c;
	border-top: 1px solid #00373c;
	border-bottom: 1px solid #00373c;
	border-right: 1px solid #00373c;
	font-size: 13px;
}
.perodo-solicitacao>span{
	color: rgb(0, 201, 17);
}
#UlSolicitacoes>li{
	border-bottom: 1px solid #cccccc;
}
.o5s{
	transition-duration: 0.5s;
}
.ex::after{
	content: 'X';
}
.semborda{
	border: 0px;
	background-image: none;
}
.content-conta{
	color: #686868;
	background-image:none;
}
.btn-excluir{
	color: #eee;
    background: #fb3325;
    border: 0px;
    border-radius: 5px;
    width: 40%;
    padding: 4px;
}
/***************** AQUI PRA BAUXO È O CHECK*/
/* START MARKER */
/* The container */
.container-mark {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: normal !important;
}

/* Hide the browser's default radio button */
.container-mark input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	font-weight: normal !important;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #d2d1d1;
	border-radius: .5rem;
}

/* On mouse-over, add a grey background color */
.container-mark:hover input ~ .checkmark {
	background-color: #969191;
}

/* When the radio button is checked, add a blue background */
.container-mark input:checked ~ .checkmark {
	background-color: #fb3325;
}
.container-mark input:checked ~ .checkmark2 {
	background-color: #fb3325 !important;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-mark input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.container-mark .checkmark:after {
	left: 7px;
	top: 2px;
	width: 8px;
	height: 14px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*  END CHECK ***/
.ic-chat{
	margin-left: auto;
	margin-right: auto;
}
.sembefore:before{
	display: none;
}
.logo-login{
	max-width: 70%; 
	margin-top: 5%;
	margin-bottom: 0rem;
}
#BtnLogin{
	margin-top: 1rem;
}
#map{
	width: 100%;
	height: 100%;
}
#DivInicio{
	padding: 0px !important;
	margin: 0px !important;
}
.gm-style-iw-d label{
	font-weight: bolder;
}
.content-relatorios{
    max-height: 80%;
    overflow: auto;
}
.gm-style .gm-style-iw-c{
    padding: 6px !important;
    background-color: #000000cf !important;
    color: white !important;
}
.gm-style-iw-d{
    /* margin-top: 15px; */
    background-color: transparent!important;
    color: white !important;
}
.gm-style-iw-t::before{
    filter: invert(100%) !important;
}
.gm-style-iw-t::after{
    filter: invert(85%) !important;
    /*ilter: opacity(80%) !important;*/
}
.gm-style-iw-d:active{
    outline: none !important;
}
.gm-style-iw-d:focus{
    outline: none !important;
}
.gm-style-iw-d>button{
    outline: none !important;
}
.gm-style-iw-d>button:active{
    outline: none !important;
}
.gm-style-iw-d>button:focus{
    outline: none !important;
}
.indicadores_onibus{
	text-align: center;
    display: grid;
    background: white;
	color: #333;
	padding: 10px;
}
.indicadores_onibus>a{
	text-decoration: none;
	color: #333 !important;
}
.indicadores_onibus>b{
    padding-bottom: 5px;
    display: inline-block;
}
.logo_home{
	max-height: 45px;
	margin-right: 5px;
	margin-top: 5px;
	filter: contrast(0) brightness(2);
}
.btn-info{
	color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    box-shadow: 0 1px 1px rgba(0,0,0,.075);
	padding: .64rem !important;
}
.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}
.gm-style .gm-style-iw-d{
	overflow: hidden !important;
}
.gm-ui-hover-effect{
    top:0px !important;
    right:0px !important;
    color: white !important;
    filter: invert(150%) !important; 
    filter: contrast(175%) brightness(3%);
    width: 24px !important;
    height: 24px !important;
}

.gm-ui-hover-effect>span {
    margin: 0 !important;
}

.gm-style .gm-style-iw-tc::after{
	color: #333 !important;
	background: #333 !important;
}
.poi-info-window .gm-style{
	background: #333 !important;
}
#DivGrid{
	height: 100%;
	background-repeat: no-repeat;
	background-size: 99%;
	background-position: center center;
	max-height: 84%;
	overflow: auto;
	padding-bottom: 10%;
}