div.area{
	background: transparent;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #666;
}

div.area{
    width: 90%!important;
    max-width: 85%!important;
    max-width: 71%!important;
    margin: 0 auto 30px auto;
}

div.area.cliente{
	max-width:100%!important;
	margin-top:0;
}

div.area h3,
div.area h4,
div.area h5 {
    border-bottom: 2px solid #00d0c7;
    color: #73afde;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 0 15px 25px 65px;
    text-align: left;
    font-size: 45px;
    font-weight: 400;
    text-transform: initial;
}

div.area h3{
	border-bottom: 0;
	color: #73afde;
	font-size: 21px;
	padding: 0 15px 8px 0;
	margin: 0 0 15px 0;
}

div.area h5 {
    margin-bottom: 30px;
    width: 58%;
    padding-left: 33px;
    font-size: 41px;
}

div.area h5.m-b-25{margin-bottom: 25px;}
div.area h4 {
	margin: 0;
	padding: 25px 0 0 0;
	border: 0;
	font-size: 21px;
}

div.area strong{
	text-transform: uppercase;
    color: #888;
    font-size: 14px;
}

div.area strong.p{
	font-size: 10px;
}

div.area a.contato,
div.area strong.contato{
	width: auto;
	color: #888;
	font-size: 11px;
}

div.area b{
	text-transform: initial;
    color: #73afde;
    font-size: 13px;
}

div.area.pedido b{color: #848181;}
div.area.pedido table thead th{padding-left:0;}
div.area.pedido .status img{margin-bottom:15px;}
div.area.pedido .status {
	text-align: center;
	display: flex;
	padding: 17px 0 17px 0;
	margin: 10px 0 10px 0;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}
div.area.pedido .status > .col-lg-2{}
div.area.pedido .status strong {color: #666;}
div.area.pedido .status strong.verde,
div.area.pedido .status .verde h6{color: #00d0c7;}
div.area.pedido .status h6{
	color: #d8d8d8;
	line-height: 17px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
}

	div.area.pedido .pgto{
		border: 1px solid #F5F5F5;
		border-radius: 7px;
		text-align: center;
		padding: 10px;
		background: #F5F5F5;
		max-height: 60px;
	}

	div.area.pedido .msn{
		border: 1px solid #00d0c7;
		border-radius: 5px;
		padding: 10px!important;
		font-size: 11px;
		margin-bottom: 20px!important;
		margin-top: 10px!important;
	}

	div.area.pedido .texto{
		background: #F5F5F5;
		color: #959595;
		padding: 20px;
		margin: 15px 0 0 0;
		font-size: 12px;
	}

	div.area.pedido .texto h5{
		padding: 0;
		border: 0;
		font-size: 17px;
		text-transform: uppercase;
	}

div.area address{
    color: #888;
    font-size: 11px;
    font-size: 13px;
}

.area button,
.area textarea,
.area input{
    background: #fff;
    border: 2px solid #73afde;
    border-radius: 7px;
    width: 93%;
    color: #73afde;
    outline: none;
    margin: 0 0 13px 5px;
    padding: 7px 5px 7px 15px;
}

.area textarea{
	height: 125px;
	max-height: 125px;
}

.area input::placeholder,
.area textarea::placeholder {
	color: #73afde;
}

.area input.vazio::placeholder{
	color: #c0c0c0;
}


.area input.cheio,
.area input.cheio::placeholder{
	color: #00d0c7;
}

.area textarea:hover,
.area input:hover{
	border-color: #00d0c7;
}

.area button{
	color: #fff;
	text-align: left;
	border:0;
	font-weight: 500;
}

.area button{
	background-color: #00d0c7;
	background-image: url(../_images/icone_hera_btn_seta.png);
	background-repeat: no-repeat;
	background-position: 203px 10px;
	padding-right: 50px!important;
	max-width: 235px;
}

.area button:hover{
	background-position: 210px 10px;
}

.area div.coluna-01{
	margin-right: 30px;
	padding-right: 44px;
	border-right: 1px solid #e4dfdf;
}

.area div.col-lg-3.coluna-01{
	max-width: 27%;
	flex: 0 0 29%;
}

.area p{
	width: 95%;
	height: 250px;
	background: #F5F5F5;
	margin: 20px 0 5px 0;
	text-align: center;
}

.area p>iframe{
	width: 98%;
	height: 98%;
	margin: 3px;
}

.table td,
.table th{
	border:0;
}

.area table thead th{
	color: #73afde;
}

.table td.preco>strong{
	font-size: 15px;
	color: #73afde;
}


.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: none;
}

.table-striped tbody tr:nth-of-type(odd),
.table-striped>tbody>tr:nth-of-type(odd){
	background-color: rgb(68 148 211 / 6%);
}

.area table tbody tr:hover{
	background-color: #01d0c8;
	color: #FFF;
}

.menu-lateral.area{width:80%;margin-left:20%;margin-bottom:10%;}
.menu-lateral.area .nav-item{
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #F5F5F5;
	border-radius: 0!important;
}

.menu-lateral.area .nav-link{border-left: 2px solid transparent; border-bottom: 0;width:90%; padding-left: 0;}
.menu-lateral.area .nav-item>figure{ margin: 0!important; width:10%; min-width: 40px;}
.menu-lateral.area .nav-item:hover{ background: none!important; border-left: 2px solid #02c7c6; padding-left: 10px; }
.menu-lateral.area .nav-item:hover a{ background: #4494d3; color: #FFF; padding-left: 5px; }


/*M*/
@media(max-width:1366px){
	div.area{
		max-width: 85%!important;
	}
}

@media(max-width:768px){
	
	div.area .col-lg-4.cadastro,
	div.area .col-lg-4.acesso,
	div.area h5,
	div.area{
		width: 100%!important;
		max-width: 100%!important;
	}

	div.area h5{padding: 10px!important;font-size: 35px!important;}
	div.area h3{font-size: 25px;}
	div.area .col-lg-4.acesso{
		border-top: 2px solid #00d0c7;
		margin: 15px 0 0 0;
		padding: 25px;
		padding-bottom: 15px;
		background: #F5F5F5;
	}

	/*AREA*/
	.area .row.menu>.col-lg-3{margin-top: 0;}
	.area .menu-lateral.area{margin:0px auto;width: 100%;}
	.area .menu-lateral.area .nav-item{background: #FFF;padding: 5px 0 5px 23px;border-bottom: 2px solid #ffffff;}
	.area .menu-lateral .nav-link{color: #4494d3;}
	
	.row.mobile{}
	.area .row.mobile .col-lg-12{
		position: relative;
		padding: 10px!important;
		border: 1px solid #F5F5F5;
		border-bottom: 3px solid #F5F5F5;
		border-radius: 7px;
		margin: 0 0 10px 0!important;
		padding: 10px 0 5px 10px!important;
	}

	.area .row.mobile .col-lg-12 b{
		text-transform: uppercase;
		font-size: 12px;
		float: initial;
		border-bottom: 1px solid #FFF;
		margin: 3px 10px 0 10px;
		padding: 3px 0 3px 0;
		width: 21%;
		display: inline-block;
	}

	.area .row.mobile .col-lg-12 span{
		text-transform: uppercase;
		font-size: 14px;
		float: initial;
		border-bottom: 1px solid #FFF;
		margin: 0 10px 0 0;
		padding: 3px 0 3px 0;
		width: 60%!important;
		display: inline-block;
	}

	.area .row.mobile .col-lg-12 a>img{
		position: absolute;
		right: 15px;
		top: 15px;
		width: 8%;
	}
	
	.area .row.mobile .col-lg-12.box{min-height:115px;padding:20px 0 0 20px!important;overflow:hidden;}
	.area .row.mobile .col-lg-12.box span{width:75%;float:left;font-size:13px;}
	
	

	/*PEDIDO*/
	.container.area{padding:0;margin:0;}
	div.area.cliente.pedido{
		max-width: 100%!important;
		margin: 10px auto!important;
		overflow-x: hidden;
		border-radius: 7px;
	}

	div.area.cliente.pedido .entrega{
		border: 2px solid #F5F5F5;
		padding: 15px!important;
		border-radius: 7px;
	}
	
	div.area.cliente.pedido .entrega strong{
		color:#00d0c7;
	}

	div.area.cliente.pedido .texto{
		margin-top: 25px!important;
		padding: 20px!important;
		border-radius: 7px;
	}

	div.area.cliente.pedido .texto h5{
		font-size: 25px!important;
	}

	div.area.pedido .pgto{
		text-align: center;
		margin: 25px 0 25px 0!important;
		padding: 15px!important;
		max-height: 70px;
		border-radius: 0;
	}
	
	div.area.pedido .msn{
		margin-top: 0px!important;
	}
	
	div.area.pedido .status{
		padding: 20px 0 10px 0!important;
	}

	table.produtos{max-width: 100%!important;}
	table.produtos>thead th{display:none}
	table.produtos>tbody,
	table.produtos>tbody>tr{display:flow-root!important;}
	table.produtos>tbody>tr>td:first-child{width:230px!important;font-size: 13px;}
	
	
	
	

}

