.top-header{background: #acc611}
.top-header ul li{border-right: 1px solid #017083; padding: 0 10px; /*height: 27px;*/}
.top-header ul li:first-child{border-left: 1px solid #017083}*/
.top-header ul li>a, .top-header span{font-family: 'Open Sans', sans-serif; font-weight:bold;font-size: 1.1em; padding: 5px; color: #fff; line-height:27px; display:inline-block}
.top-header a:hover{}
.top-header .login{background:#a9861a; margin-bottom:0; font-size:11px !important}
.top-header .inline-list li{margin-left: 0;}

.top-header {
    display: grid;
    /*grid-template-columns: 350px calc(100% - 690px) 340px;*/
    grid-template-areas: 'left . right';
    width: 100%;
}

.top-header .left {
    grid-area: left;
    display: flex;
}

.top-header .social-icons {
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.top-header .social-icons a {
    display: inline-flex;
}

.social-icon {
    width: 20px;
    height: 20px;
}

.top-header .right {
    grid-area: right;
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 750px) {
    .top-header { padding: 0 20px; }
}

@media (max-width: 750px) {
    .top-header {
        grid-template-columns: calc(100%);
        grid-template-areas: 'left' 'right';
    }


    .top-header .left {
        justify-content: center;
    }


    .top-header .right {
        justify-content: center;
    }

}
.top-header{ color:#fff; }

.top-header .inline-list { margin:0;}

.left {
    float: left !important;
}
.main-wrapper{max-width: 100%; margin: 0 auto;}

.inline-list {
    margin: 0 0 1.0625em -1.375em;
    padding: 0;
    list-style: none;
    overflow: hidden;
}	
.ul inline-list {
	font-size: 1em;
    line-height: 1.6;
    margin-bottom: 1.25em;
    list-style-position: outside;
    font-family: inherit;
}
		
.green-box {
	background: #b3cb03;
	padding: 6px 12px;
	border-radius: 5px;
	color: white;
	display: inline-block;
}

.btn-agendamento {
	width: 140px;
	padding: 6px 0;
	text-align: center;
}

.btn-chegada {
	background: #747474;
	padding: 6px 0;
	border-radius: 5px;
	color: white;
	display: inline-block;
	cursor: default;
	width: 140px;
	text-align: center;
}

.green-text {
	color: #0d8040;
	text-transform: uppercase;
}

.table-head-gray {
	background: #747474;
	color: white;
	padding: 10px 10px;
}

.capitalized:first-letter {
	text-transform: uppercase;
}
.horario { font-size: 1.2em; margin: 10px 0; }

.coluna-horario {
	display: flex;
	flex-direction: column;
	align-items: center;
}