* {max-width: 100% !important;}
body
{
	float: left;
    margin: 0;
    padding: 1%;
    width: 100% !important;
}
header .faixaTopo
{
	box-sizing: content-box !important;
    float: left !important;
    height: auto !important;
    margin: 0px 0px 10px 0px !important;
    padding: 2% 1% !important;
    text-align: center !important;
    width: 98% !important;
}
header .faixaTopo div h2 div
{
	font-size: 20px !important;
}
header .faixaTopo div h2
{
	float: left !important;
	font-size: 20px !important;
	text-align: center !important;
	width: 100% !important;
}
header .faixaTopo div h2 span,
header .faixaTopo div h2 div
{
	display: inline-block !important;
	float: none !important;
}
header .faixaTopo div div
{
	float: none !important;
	font-size: 12px !important;
	display: inline-block !important;
	padding: 0px !important;
	text-align: center !important;
}

.chartHeader {
	margin-top: 0px !important;
	border-bottom: none !important;
}

.chartHeader .chartLogo {
	max-width: 50% !important;
}

.chartHeader .chartLogo img{
	max-width: 100% !important;
}

#chartConference
{
	float: left;
	margin: 0px !important;
	#padding: 0px 0px 20px 0px !important;
	width: 100% !important;
}

#chartConference .row {
	display: block;
}

.panel {
	border-radius: 5px !important;
}

.panel.panel-warning .table
{
	display: inline-block;
    max-width: none !important;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch;
}

#chartConference .chartInfo,
#chartConference .total
{
	float: left !important;
	height: auto !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 100% !important;
}
#chartConference .total .btnsNextTop
{
	text-align: right;
	width: 100% !important;
}
#chartConference .total .panel-success
{
	float: left !important;
    width: 100% !important;
}
#chartConference .total .btn.btn-info
{
	float: left !important;
    margin: 0 0 10px;
    width: 100% !important;
}
#chartConference .total .btn.btn-success
{
	margin: 0px !important;
	width: 100% !important;
}
.modal.in .modal-dialog
{
	width: 95% !important;
}
.modal.in .modal-dialog .infoEmail,
.modal.in .modal-dialog .input-group
{
	padding: 0px !important;
	width: 100% !important;
}
#chartCheckout
{
	float: left !important;
	height: auto !important;
	margin: 0px !important;
	padding: 0px 0px 20px 0px !important;
	width: 100% !important;
}
#chartCheckout .personalData,
#chartCheckout .shipData
{
	float: left !important;
	height: auto !important;
	margin: 0px 0px 20px 0px !important;
	padding: 0px !important;
	width: 100% !important;
}
#divPagamento .panel-body{padding: 5px !important;}
#chartCheckout .personalData .panel-body,
#chartCheckout .shipData .panel-body
{
	padding: 2px !important;
}
#chartCheckout .frmCadCliente .infoCadCliente,
#chartCheckout .frmCadCliente .infoCadCliente #listaEntregaSelect,
#chartCheckout .frmCadCliente .infoCadCliente #listaEntregaSelect #ulFormasFrete
{
	padding: 0px !important;
}
#chartCheckout .panel.panel-info.resumoPedido
{
	float: left !important;
	height: auto !important;
	margin: 0px 0px 20px 0px !important;
	padding: 0px !important;
	width: 100% !important;
}
#chartCheckout #divPagamento
{
	float: left !important;
	height: auto !important;
	margin: 0px 0px 20px 0px !important;
	padding: 0px !important;
	width: 100% !important;
}
#chartCheckout #divPagamento .formsPagto,
#chartCheckout #divPagamento #formasPagamento
{
	padding: 0px !important;
	width: 100% !important;
}
#chartCheckout #divPagamento #formasPagamento h4
{
	float: left;
	width: 100%;
}
#chartCheckout #btnFinalizaPedido
{
	margin-left: 0 !important;
    position: relative !important;
    top: auto !important;
}
.pagseguro ul.cartao{width: 100% !important;}
.trSemBorda .media .media-left.media-middle{display: none;}
.dadosformaPagamento,
#infoPedido,
.listaProdutosPedido.head,
.listaProdutosPedido
{
	margin: 0px !important;
	padding: 0px !important;
}
.boxCep,
.valoresPedido
{
	margin: 0px 0px 10px 0px !important;
	padding: 0px 0px 0px 0px !important;
	width: 100% !important;
}
#modalFrete .modal-dialog
{
	bottom: 10% !important;
	position: fixed !important;
}

#btnFinalizaPedido{
	width: 99% !important;
	right: 0% !important;
	position: relative !important;
}

.col-md-3.fin {
	position: relative !important;
}

.faixaTopo > div > div{
  font-size: 10px !important;
}

.btnFinalizarPedido{
	font-size:1.8em !important;	
}


.stepProdutosIde{
	font-size:2.7vw !important;
}

.stepsCarrinho{
	width: 100% !important;	
}

.stepsCarrinho #stepIndentificacao {
	width: 32%;
}

.stepProdutosIcoB{
	font-size:6.1vw;
}

.stepProdutosIcoA{
	font-size:7vw !important;
}

.container {
    padding-left: 0px !important;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.chartSafe {
    display: none;
}

.numCartao {
    width: 50% !important;
}

select[name="mes"], select[name="ano"] {
    width: 45% !important;
}
.mobileOff{
	display: none;
}

.mobileFull{
	width: 100%;
}
.formCartao .infoCadCliente.med{
    margin-left: 2% !important;
    padding: 0 !important;
    width: 48% !important;
    font-size: 0.9em;
}

.frmCadCliente,
.alertCartoes,
.media-heading,
.totalizadorResumo div{
	font-size: 0.9em;
	max-height: none !important;
}
.input-group .form-control{
	width: 100%;
}
.input-group-btn{
	width: 40%;
}
.media .media-body{
	width: 70% !important
}
.media .media-left{
	width: 30% !important;
}
.btn-lg, .btn-group-lg > .btn{
	font-size: 1.5em;
	width: 80%;
}

#btRolarPagina{
	display: none;
	float: right;
	margin-top: -40px;
}


/*NOVO CARRINHO*/

.chartHeader {
	display: none !important;
}

.steps {
	padding-top: 70px !important;
	background-color: transparent !important;
}

#btRolarPagina {
	display: none !important;
}

.stepsCarrinho {
	width: 80% !important;
	background-color: transparent !important;
}

.stepChecked .stepProdutosIde {
	display: none !important;
}

.stepsCarrinho img {
	width: 100% !important;
}

.stepsCarrinho .step {
	flex: unset !important;
	background: transparent !important;
}

.stepsCarrinho .stepLine {
	flex: unset !important;
	margin: 0px 10px !important;
}

.chartSafe {
	width: 165px !important;
}

.continueCompras {
	position: fixed;
	top: 0px;
	width: 100%;
	float: left;
	left: 0px;
	width: 100%;
	max-width: 100%;
	height: 50px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,.161);
	display: flex;
	justify-content: center;
}

.continueCompras .btn-success {
	padding-left: 15px !important;
	font-size: 13px !important;
	letter-spacing: 1.2px !important;
	border: none !important;
	width: unset !important;
	text-align: left !important;
}

.continueCompras i {
	line-height: 2.6 !important;
}

.tableProdutos .tb-head {
	display: none !important;
}

#chartConference {
	padding-top: 20px !important;
}

.trSemBorda .media .media-left.media-middle {
	display: block !important;
	width: 100% !important; 
	padding-right: 15px !important;
	padding-left: 0px !important;
}

.tableProdutos tbody {
	width: 100% !important;
	display: block !important;
}

.tableProdutos tbody td {
	width: unset !important;
}

.tableProdutos .trSemBorda {
	display: flex !important;
	flex-wrap: wrap;
	margin-bottom: 20px !important;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	border-top: none !important;
	padding-bottom: 10px !important;
}

.tableProdutos .trSemBorda .infosTr {
	width: 100% !important;
}

.tableProdutos .trSemBorda .infosTr .media {
	display: flex !important;
	align-items: center !important;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 15px;
	width: 96%;
	margin-left: 2%;
}

.tableProdutos .trSemBorda .infosTr .media .media-left{
	float: left !important;
	width: unset !important;
}

.media .media-left a img {
	border: 1px solid #e9e9e9;
	margin-top: 8px;
}

.tableProdutos .trSemBorda .infosTr .media .media-heading {
	padding-bottom: 0px !important;
}

.tableProdutos .trSemBorda .remove {
	text-align: center;
	position: absolute;
	right: 10px;
	top: 20px;
	font-size: 20px;
}

.tableProdutos .trSemBorda .txtLaranja {
	display: none !important;
}

.tableProdutos .trSemBorda .quantiTr {
	font-size: 16px !important;
	width: 33% !important;
}

.tableProdutos .trSemBorda .quantiTr div{
	justify-content: right;
}

.tableProdutos .trSemBorda .quantiTr div .quantity input{
	border-radius: 25px !important;
	width: 50px !important;
	height: 25px !important;
	margin: 0px 3px !important;
	color: black !important;
}

.tableProdutos .trSemBorda .quantiTr div .quantity a{
	border-radius: 50%;
	width: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
	background: #b3b3b3 !important;
	font-size: 20px;
	color: white !important;
}

.tableProdutos .trSemBorda .valUnit {
	font-size: 16px !important;
	line-height: 3;
	width: 33% !important;
}

.tableProdutos .trSemBorda .valTot {
	font-size: 20px !important;
	width: 33% !important;
	line-height: 2.2;
	color: #ea822d !important;
}

.btnProsseguir {
	  position: fixed;
	  bottom: 0px;
	  width: 100%;
	  margin-bottom: 0px;
	  height: 50px;
	  left: 0px;
	  border-radius: 0px;
	  box-shadow: 0 -4px 8px rgba(0,0,0,.161);
}

.btnProsseguir button {
	border-radius: 0px;
	margin-bottom: 0px !important;
	position: relative;
	justify-content: center;
}

.btnProsseguir button span {
	font-size: 13px !important;
	letter-spacing: 1.2px !important;
	border: none !important;
	width: unset !important;
	text-align: right;
	text-align: center;
	font-family: Mulish-Bold;
	font-weight: bold !important;
	margin-left: 10px;
	flex: unset !important;
}

#chartConference .total {
	padding-bottom: 60px !important;
}

#carrinhoVazio button {
	color: #007236 !important;
	background-color: #fff !important;
	padding-left: 25px !important;
	font-size: 13px !important;
	letter-spacing: 1.2px !important;
	border: none !important;
	width: 100% !important;
	text-align: left !important;
	position: fixed;
	top: 0px;
	width: 100%;
	float: left;
	left: 0px;
	width: 100%;
	max-width: 100%;
	height: 50px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,.161);
	display: flex;
	padding-top: 15px;
	position: absolute;
}

#carrinhoVazio button:hover{
	color: #007236 !important;
	background-color: #fff !important;
	border: none !important;
}

#carrinhoVazio button:before {
	content: "\e079";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 18px;
	position: absolute;
	left: 5px;
	top: 12px;
}

#chartShipping {
	margin-top: 20px !important;
	padding-bottom: 40px !important;
}

.entrega-resumo {
	  display: block !important;
}

.entrega-resumo .entrega-left, .entrega-resumo .entrega-right {
	border-right: none !important;
	width: 100% !important;
}

.entrega-resumo .tableProdutos .trSemBorda {
	flex-wrap: unset !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.entrega-resumo .tableProdutos .trSemBorda td{
	padding: 5px 0px 0px 0px !important;
}

.entrega-resumo .tableProdutos .trSemBorda .quantiTr {
	display: none !important;
}

.entrega-resumo .tableProdutos .trSemBorda .media{
	border-bottom: none !important;
}

.entrega-resumo .tableProdutos .trSemBorda .media .media-heading {
	padding-top: 1px;
	width: 90% !important;
}

.entrega-resumo .tableProdutos .trSemBorda .valTot {
	line-height: 4.2 !important; 
}

.endereco .icon-circle {
	padding: 11px 10px 6px 9px;
}

.panels .checkbox .col-md-1 {
	float: left !important;
}

.entrega-resumo .entrega-right .entrega-container .listaEntregas {
	margin-top: 0px !important;
}

.entrega-resumo .entrega-right .title {
	font-family: inherit;
}

.entrega-resumo .entrega-right .entrega-container .listaEntregas .line-loja .desc .nome {
	font-family: inherit;
}

#chartCheckout {
	padding-bottom: 60px !important;
}

#orderSummary {
	margin-top: 20px;
	display: block !important;
}

#paymentGrid {
	display: block !important;
}

.infoCadCliente {
	margin-top: 5px;
	margin-left: 0px !important;
	width: 100% !important;
}

#chartCheckout #btnFinalizaPedido {
	top: auto !important;
	position: fixed !important;
	bottom: 0px;
	margin: 0px !important;
	left: 0px;
	border-radius: 0px;
	width: 100% !important;
	font-size: 18px !important;
	height: 60px;
	z-index: 9999;
	line-height: 2.3 !important;
}

#chartCheckout #btnFinalizaPedido span{
	line-height: 2.3 !important;
}

#umCartao {
	padding: 0px !important;
}

#umCartao .card-add-view {
	display: flex !important;
	flex-direction: column;
}

#umCartao .card-add-view .image {
	width: 100% !important;
}

#chartShipping .backCesta, #chartCheckout .backCesta, #dadosPedido .backCesta {
	position: fixed;
	top: 0px;
	width: 100%;
	float: left;
	left: 0px;
	width: 100%;
	max-width: 100%;
	height: 50px;
	background: #fff !important;
	box-shadow: 0 4px 8px rgba(0,0,0,.161);
	display: flex;
	border-radius: 0px !important;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px !important;
	z-index: 999;
	justify-content: center;
	letter-spacing: 1.2px !important;
}

#chartShipping .backCesta:hover, #chartCheckout .backCesta:hover,  #dadosPedido .backCesta:hover {
	color: #5CC4EA !important;
}

#chartShipping .backCesta .btn-success, #chartCheckout .backCesta .btn-success,  #dadosPedido .backCesta .btn-success {
	padding-left: 15px !important;
	font-size: 13px !important;
	letter-spacing: 1.2px !important;
	border: none !important;
	width: 100% !important;
	text-align: left !important;
}

#chartShipping .backCesta  i, #chartCheckout .backCesta  i,  #dadosPedido .backCesta i {
	line-height: 2.6 !important;
	margin-left: 3px !important;
	margin-right: 8px !important;
}

#formasEntregaDados .resumo {
	padding: 10px !important;
}

#formasEntregaDados .resumo .panel-body {
	padding-bottom: 25px !important;
}

#chartShipping .btnProsseguir {
	margin-left: 0px !important;
}

#chartConference .btnProsseguir:before{
	content: "\e079";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 18px;
	position: absolute;
	left: 5px;
	top: 12px;
}

#stepProdutos {
	width: 22% !important;
}

#orderSummary .receitaSummary #divReceita .panel-heading .panel-title {
	padding: 15px 35px !important;
}

#paymentGrid .formCartao {
	padding: 10px 0px !important;
}

#paymentGrid #umCartao .form_card {
	width: 100% !important;
}

#paymentGrid #umCartao .form_card .card-form {
	margin: 10px 0px !important;
}

#paymentGrid #umCartao .form_card #card-form .row div {
	margin-right: 5px !important;
}

#paymentGrid #umCartao .form_card #card-form .row div:last-child{
	margin-right: 0px !important;
}

#dadosPedido .row-grid {
	display: block !important;
}

#dadosPedido .row-grid .numero .tableFlex .linha {
	flex-direction: column;
}

#dadosPedido .row-grid .numero .tableFlex .linha .col{
	margin: 0px !important;
	text-align: center !important;
}

#dadosPedido .row-grid .numero .tableFlex .linha .btn-info {
	width: 100% !important;
	margin-top: 10px !important;
}

#dadosPedido .row-grid .resumo {
	float: left !important;
	width: 100% !important;
}

.entrega-right .sel-loja .cepLoja {
	width: 50% !important;
}

.entrega-resumo .entrega-left {
	padding: 0px !important;
}

.voltarDadosPedidoMobile {
	display: block !important;
}

#chartShipping .shipping-detail .start {
	padding: 2% 0px;
}

#chartShipping .shipping-header .title {
	width: 99% !important;
}

.btnProsseguir i {
	display: none !important;
}