header#checkout #menu.navbar { height: 3px; }
header#checkout #logo.navbar .seguro { font-size: 0.85em; line-height: 1.2em; }
header#checkout #logo.navbar .seguro i { font-size: 2.3em; }

form label { font-size: 0.9em; margin: 0 0 3px 0; }
form .form-group { margin: 0; }
form .form-control { font-size: 1.05em; font-weight: 300; padding: 0 10px; height: 45px !important; margin-bottom: 15px; }
form .form-group .input-group .input-group-addon { line-height: 40px; margin-left: 10px; }
form .btn { border-radius: 4px; }

.panel { background: #FFF; border: 3px solid #EEE; border-radius: 8px; margin-bottom: 30px; }
.panel .panel-heading { background: #EEE; padding: 7px 10px; }
.panel .panel-heading h3.panel-title { font-size: 1.2em; }
.panel .panel-heading h3.panel-title i { background: #FFF; border-radius: 100%; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 1em; margin-right: 5px; }
.panel .panel-heading h3.panel-title a { float: right; line-height: 35px; font-size: 0.8em; font-weight: 400; text-decoration: underline; }
.panel .panel-heading h3.panel-title a i { background: transparent; width: auto; height: auto; margin: 0; }
.panel .panel-body { padding: 15px; line-height: 1.8em; }
.panel .panel-body form { line-height: 1em; } 
.panel .panel-body strong { font-weight: 500; }
.panel .panel-body small { font-size: 0.8em;}
.panel.panel-primary { border-color: var(--btn-color-primary); }
.panel.panel-primary .panel-heading { background: var(--btn-color-primary); }
.panel.panel-primary .panel-heading h3.panel-title { color: #FFF; }
.panel.panel-primary .panel-heading h3.panel-title i { color: var(--btn-color-primary); }

#cart-product, #cart-product small { font-size: 0.9em; }
#cart-product img { width: 80px; flex-shrink: 0; }
#cart-product .remove { left: 0px; width: 24px; height: 24px; line-height: 24px; }
#cart-action form label { font-size: 1em; }

.accordion-pay h4 a { font-size: 14.5px; padding: 15px 0; font-weight: 500; line-height: 2.6em; border-bottom: 3px solid #EEE; display: block; }
.accordion-pay h4 a img { margin-right: 5px; }
.accordion-pay .collapse { background: #F5F5F5; padding: 25px; }
.accordion-pay .nav {  border-bottom: 2px solid var(--color-primary); }
.accordion-pay .nav li a { font-size: 0.9em; line-height: 1.2em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.accordion-pay .nav li a i { font-size: 3em; display: block; padding-bottom: 5px; padding-top: 5px; }
.accordion-pay .nav li a.active { color: #444; background: #FFF; border-bottom: 5px solid var(--color-primary); }
.accordion-pay .tab-content { padding: 20px 0 0 0; }

.pay-success i { font-size: 5em; float: left; margin-right: 10px; }
.pay-success h5 { font-weight: 400; font-size: 1.8em;  }
.pay-success h6 { font-size: 0.9em; font-weight: 300; margin-top: 10px; }

/* cartao */
.card-select label { width: 60px; text-align: center; }
.card-select label input[type="radio"] { }
.card-select input[type="radio"] + img { opacity: 0.4; filter: alpha(opacity=0.4); }
.card-select input[type="radio"]:checked + img { opacity: 1; filter: alpha(opacity=1); }
.card-payment h2 { font-size: 1.1em; padding: 10px 0; font-weight: 300; margin: 20px 0; }
.card-payment h2 strong { font-weight: 700; }

/* detalhe do pagamento */
.accordion-pay .panel-default { border: 0; background: #f5f5f5; }
.accordion-pay .panel-default .btn-lg { margin: 10px 0 40px 0; }
.accordion-pay .panel-default .panel-heading { background: #fff; border-bottom: 1px solid #ddd;  }
.accordion-pay .panel-default .panel-title a { display: block; font-size: 0.9em; }
.accordion-pay .panel-default .panel-body { border: 1px solid #EBEDEF; }
.accordion-pay .panel-default .panel-body h4 { font-weight: 600; line-height: 2.6em; }

.debito-select { border-top: 1px dotted #DDD; margin: 15px 0 15px 0; }
.debito-select label { background: #fff; width: 100%; margin: 0; padding: 5px 0; text-align: left; border-bottom: 1px dotted #DDD; }
.debito-select label input[type="radio"] { padding: 0 5px 0 0; }
.debito-select input[type="radio"] + img { opacity: 0.4; filter: alpha(opacity=0.4); }
.debito-select input[type="radio"]:checked + img { opacity: 1; filter: alpha(opacity=1); }

/* PEDIDOS */
.accordion-pedido .card { margin-bottom: 25px !important; }
.accordion-pedido a.d-block { font-size: 1em; font-weight: 300; line-height: 1.6em; padding: 5px; }
.accordion-pedido a.d-block strong { font-weight: 500; font-size: 1.1em; }
.accordion-pedido a.d-block:after { content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 15px; top: 30px; font-size: 1.8em; color: #999; }
.accordion-pedido a.d-block[aria-expanded="true"]:after { content: "\f077"; }	
.accordion-pedido .card-body { padding: 30px; }

/* pagamento pix */
.pix-qrcode { float: left; width: 100%; border-bottom: 2px solid #EEE; margin-top: 30px; margin-bottom: 20px; padding-bottom: 15px }
.pix-qrcode img { float: left; margin: -12px 10px 0 -12px }
.pix-copy { float: left; width: 100%; word-wrap: break-word; word-break: break-all; font-size: 0.8em; margin-bottom: 30px; }
.pix-copy a { color: var(--color-primary); }

@media (max-width: 991.99px) { 
	#filter a.btn { float: left; width: calc(50% - 10px); }
	#filter a.ml-3 { margin-left: 20px; }
	.accordion-pedido a.d-block { font-size: 0.9em; line-height: 1.3em;}
	
}
@media (max-width: 767.99px) {  
	.accordion-pedido a.d-block:after { top: 45px; }
	.accordion-pay .collapse { padding: 10px; }
}