.cf:before, .cf:after { content: ''; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/*
#checkout
*/
.paymentOptCards .paymentCard.inativo {-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);}
.paymentOptCards .paymentCard{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:15px 0}
.paymentOptCards .paymentCard .paymentCardBox{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.paymentOptCards .paymentCard .paymentCardHeader{padding:10px 15px;}
.paymentOptCards .paymentCard.last{margin-bottom:0}
.paymentOptCards .paymentCard.closed .paymentCardBody{display:none}
.paymentOptCards .paymentCard.closed .paymentCardHeader{border:0}
.paymentOptCards .paymentCard .paymentCardHeader{padding:10px 15px;}
.paymentOptCards .paymentCard .paymentCardHeader table{width:100%}
.paymentOptCards .paymentCard .paymentCardHeader table td{vertical-align:middle}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardSelector{text-align:center;width:20px;padding-right:10px}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardSelector input {outline:none}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo{width:210px;padding: 0 20px}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo input{margin:0 10px 0 0}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo .paymentCardNumber{font-size:16px;padding:0px!important;}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo .paymentCardNumber span.strong{font-weight:bold;}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardOwner{padding-left:25px}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardOwner .small{margin-top:4px;padding:0!important}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardOwner .paymentCardOwnerName {font-size: 15px; font-weight: bold;padding:1px 0 0 0!important;}
.paymentOptCards .paymentCard .paymentCardHeader .small{font-size:11px}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo .small{margin-top:4px;display:inline-block;padding:0!important}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardFlag{width:36px}
.paymentOptCards .paymentCard .paymentCardBody{padding:18px;}
.paymentOptCards .paymentCard .paymentCardBody .shippingBillingAddress .shippingBillingAddressMsg{margin-bottom:8px}
.paymentOptCards .paymentCard .paymentCardBody .shippingBillingAddress span{display:inline-block}
.paymentOptCards .paymentCard .paymentCardBody .fCc .fCcsc{float:left;width:auto;clear:none}
.paymentOptCards .paymentCard .paymentCardBody .fCc .fInstallment{float:right;clear:none}
.paymentOptCards .paymentCard .paymentCardBody .fCc .fInstallment .installmentOptions{font-size:14px}
.paymentOptCards .paymentCard .paymentCardSelectorCheckbox{display:none}
.paymentOptCards .paymentCard .paymentCardIsMain {text-align:right}
.paymentOptCards .paymentCard .paymentCardAction { text-align:center; text-decoration: none; cursor:pointer;padding:11px 0;}
.paymentOptCards .paymentCard .paymentCardAction:hover {text-decoration:underline;}
.paymentOptCards .paymentCard .paymentCardAction.Excluir { width: 95px;}
.paymentOptCards .paymentCard .paymentCardAction.TornarPrincipal { width: 135px; }
.paymentOptCards .paymentCard .paymentIsMain{font-size:11px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:3px 10px 4px 10px;margin-right:10px}
.paymentOptCards .paymentCard .paymentCardBody .shippingBillingAddress .shippingBillingAddressMsg {font-size: 14px;font-weight: 400!important;}
.PagamentoCartaoCreditoTokenizadoApp .paymentMethods{padding-bottom:0}
.PagamentoCartaoCreditoTokenizadoApp .paymentCard.new-card .paymentCardHeader .paymentCardInfo{border-right:0!important;width:auto!important}
.PagamentoCartaoCreditoTokenizadoApp .row{margin:0 0 15px}
.PagamentoCartaoCreditoTokenizadoApp .row.last{margin:0}
.PagamentoCartaoCreditoTokenizadoApp .grp-block{display:block;margin-right:30px}
.PagamentoCartaoCreditoTokenizadoApp .grp-inline{display:block;float:left;margin-left:0;margin-right:20px;margin-bottom:0}
.PagamentoCartaoCreditoTokenizadoApp .grp-inline.nomargin{margin:0}
.PagamentoCartaoCreditoTokenizadoApp .grp-margin-bottom {margin-bottom : 20px}
.PagamentoCartaoCreditoTokenizadoApp .grp-csc {width:200px;}
.PagamentoCartaoCreditoTokenizadoApp .numeroCartaoIconeBandeiraInline .iCardNumber {width: 304px;margin:0;}
.PagamentoCartaoCreditoTokenizadoApp .fCardName {margin:0;}
.PagamentoCartaoCreditoTokenizadoApp .iCardName {width: 339px;}
.PagamentoCartaoCreditoTokenizadoApp .fCardExp {width:195px}
.PagamentoCartaoCreditoTokenizadoApp .fCc .fCardExp .field-validation-error { left: 100px; width: 50%}
.PagamentoCartaoCreditoTokenizadoApp small{margin:2px 4px 0px;display:block;font-weight:400;font-size:.75em}
.PagamentoCartaoCreditoTokenizadoApp .grp-checkbox{margin:0;font-weight:bold!important;font-size:14px!important;}
.PagamentoCartaoCreditoTokenizadoApp .paymentCard label{font-size:14px;font-weight:400!important}
.PagamentoCartaoCreditoTokenizadoApp .field-validation-error { white-space: normal; position: relative; top: 0px; padding: 0px; border: 0; background: none; border-radius: 4px; text-align: left; font-size: 13px; margin: 6px 0 0 4px; display: block; }
.PagamentoCartaoCreditoTokenizadoApp label.error { display: none!important; }
.PagamentoCartaoCreditoTokenizadoApp .paymentOptCardsTwoCardsMessage {font-weight:bold!important;font-size:14px!important;}
.PagamentoCartaoCreditoTokenizadoApp .paymentCard strong {padding-bottom: 9px;}
.PagamentoCartaoCreditoTokenizadoApp input[type="text"], .PagamentoCartaoCreditoTokenizadoApp input[type="number"], .PagamentoCartaoCreditoTokenizadoApp input[type="password"], .PagamentoCartaoCreditoTokenizadoApp select, .PagamentoCartaoCreditoTokenizadoApp textarea { font-size: 14px; }
.PagamentoCartaoCreditoTokenizadoApp .iCsc {background: url(../img/../img/icon-cvv.png) no-repeat 10px; padding-left: 35px;}
.PagamentoCartaoCreditoTokenizadoApp .btSecundario { padding: 10px 13px; font-size: 1.3em; }
.PagamentoCartaoCreditoTokenizadoApp .installmentOptions { font-size: 12px!important; min-width: 250px; }
.PagamentoCartaoCreditoTokenizadoApp .validateQtdeParcelas { margin: 0 0 10px 0 !important; }
/*** CORES **************************************************************************************************************************************/
.PagamentoCartaoCreditoTokenizadoApp .iCsc[disabled] { background: #f0f0f0; }
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo .small {color:#424242;}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo .paymentCardNumber .mascara {color:#424242}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardOwner .small {color:#424242;}
.paymentOptCards .paymentCard .paymentCardBody .shippingBillingAddress .shippingBillingAddressMsg {color: #424242;}
.paymentOptCards .paymentCard.opened {border: 2px solid #b70f15;}
.paymentOptCards .paymentCard.opened.nenhumCartaoTokenizado {border: 1px solid #ccc!important; list-style-type: none;} 
.paymentOptCards .paymentCard.opened.nenhumCartaoTokenizado .paymentCardHeader .paymentCardSelector {display:none}
.paymentOptCards .paymentCard.opened.nenhumCartaoTokenizado .paymentCardHeader .paymentCardFlag {display:none}
.paymentOptCards .paymentCard.opened.nenhumCartaoTokenizado .paymentCardHeader .paymentCardInfo {padding-left:0px!important}
.paymentOptCards .paymentCard.opened .paymentCardBox {border: 1px solid #fff;}
.paymentOptCards .paymentCard.opened .paymentCardHeader {color:#b70f15;background: #f4f4f4;}
.PagamentoCartaoCreditoTokenizadoApp .paymentCard label{color:#424242;}
.paymentOptCards .paymentCard.opened .paymentCardHeader .paymentCardInfo {border-right: solid 1px #c6c6c6;}
.PagamentoCartaoCreditoTokenizadoApp .grp-checkbox{color:#424242;}
.paymentOptCards .paymentCard.opened .paymentCardBody{border-top:solid 1px #c6c6c6;}
.paymentOptCards .paymentCard .paymentCardBody{border-top:solid 1px #ccc;color:#757576}
.paymentOptCards .paymentCard .paymentIsMain{background:#b70f15;color:#fff;}
.paymentOptCards .paymentCard{ border: 3px solid #f4f4f4; background-color: #fff; }
.paymentOptCards .paymentCard .paymentCardHeader{color: #424242;}
.paymentOptCards .paymentCard .paymentCardAction.TornarPrincipal {border-right:solid 1px #dedede;}
.paymentOptCards .paymentCard .paymentCardHeader .paymentCardInfo{border-right:solid 1px #dedede;}
.paymentOptCards .paymentCard .paymentCardBox {border:solid 1px #dedede;}
.PagamentoCartaoCreditoTokenizadoApp .field-validation-error { color: #eb1d29; }
.PagamentoCartaoCreditoTokenizadoApp small{color:#afafaf;}
.PagamentoCartaoCreditoTokenizadoApp .btSecundario { color: #b70f15; border: 1px solid #df8a11; background: #fdaf17; }
.PagamentoCartaoCreditoTokenizadoApp .btSecundario:hover {background: #df8a11;border-color: #fdaf17;}
/************************************************************************************************************************************************/

/*
.addAddress
*/
.addAddress{margin:20px 0 0;}
.addAddress .wrp{margin-top:30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;padding:20px}
.addAddress .titulo{margin-bottom:5px}
.addAddress .wrp .titulo{font-size:16px}
.addAddress .wrp .subtitulo{font-size:14px}
.addAddress .wrpSectionHeader{margin-bottom:15px}
.addAddress .wrpSectionHeader .titulo{padding-bottom:5px;margin-bottom:5px;letter-spacing:-.05em;font-size:16px}
.addAddress .wrpSectionHeader .subtitulo{font-size:14px}
.addAddress .bold{font-weight:700}
.addAddress .addressSelector{width:100%;}
.addAddress .addressSelector td{vertical-align:middle;padding:20px}
.addAddress .addressSelector td.addressSelectorSelectTd{width:250px}
.addAddress .addressSelector td.addressSelectorSelectTd select{width:100%;margin:0 0 5px;display:block}
.addAddress .addressSelector td.addressSelectorSelectTd .bt{padding:10px 12px;line-height:20px;display:block;text-align:center;height:auto;font-size:12px;float:none!important}
.addAddress .addressSelector td.addressInfo label{margin:0 0 5px;font-size:14px;display:block;font-weight:700!important}
.addAddress .addressListWrp{padding:0}
.addAddress .addressDetailsWrp{padding:0;margin:0}
.addAddress .addressDetailsWrp .fAddressType select{margin:0}
.addAddress .fCadastroEndereco{padding:20px;border-top:0!important}
.addAddress #cadastro-endereco label{display:block}
.addAddress #cadastro-endereco .ind{display:block;margin-bottom:0}
.addAddress #cadastro-endereco .grupo.col2{width:48%;float:left}
.addAddress #cadastro-endereco .grupo.col2 input,#cadastro-endereco .grupo.col2 select{width:94%}
.addAddress #cadastro-endereco .grupo.col3{width:33%;float:left}
.addAddress #cadastro-endereco .grupo.col3 input{width:70%}
.addAddress #cadastro-endereco .grupo.full{width:100%}
.addAddress #cadastro-endereco .grupo.full input{width:93%}
.addAddress #cadastro-endereco .grupo.cep input{width:100px}
.addAddress #cadastro-endereco .actions{text-align:right}
.addAddress #cadastro-endereco .actions input{margin:0 0 0 15px}
/*** CORES **************************************************************************************************************************************/
.addAddress .addressSelector td.addressInfo label {color: #b70f15!important;}
.addAddress .wrp{border:1px solid #b7cedf;}
.addAddress .wrpSectionHeader .titulo{border-bottom:1px solid #ccc;color:#b70f15;}
.addAddress .addressSelector{border:1px solid #d5dbdb}
.addAddress .addressSelector td.addressInfo.Destinatario{border-left:solid 1px #d5dbdb}
.addAddress .fCadastroEndereco{border:1px solid #d5dbdb;}
/************************************************************************************************************************************************/

/*
.MeuPerfilApp
*/
.MeuPerfilApp .paymentCardsProfile{margin:30px 0;padding:0 30px}
.MeuPerfilApp .paymentCardsProfile .tit{padding-top:15px;margin-bottom:10px;width:100%;font-size:1.8em;font-weight:700;}
.MeuPerfilApp .paymentCardsProfile .lnk:hover{text-decoration:underline}
.MeuPerfilApp .paymentCardsProfile p.descricao{margin:0 0 10px}
.MeuPerfilApp .btAddCard {padding: 12px; font-size: 1.2em;}
/*** CORES **************************************************************************************************************************************/
.MeuPerfilApp .paymentCardsProfile .tit{border-top:1px solid #dedede}
.MeuPerfilApp .btAddCard {border: 2px solid #222; background: #404040;}
.MeuPerfilApp .btAddCard:hover { background: #404040; }
/************************************************************************************************************************************************/

/*
.AdicionarCartaoApp
*/
.AdicionarCartaoApp .pageTop { margin-bottom: 20px; }
.AdicionarCartaoApp .row {margin-bottom:20px;}
.AdicionarCartaoApp .field-validation-error { position: relative; top: 0px; padding: 0px; border: 0; background: none; border-radius: 4px; text-align: left; font-size: 13px; margin: 6px 0 0 4px; display: block; }
.AdicionarCartaoApp label { font-size: 14px; font-weight: normal !important; }
.AdicionarCartaoApp .numeroCartaoIconeBandeiraInline .iCardNumber {width: 361px;}
.AdicionarCartaoApp .titulo { font-size: 21px; margin-bottom: 10px; }
.AdicionarCartaoApp .subtitulo { font-size: 16px; margin: 0; } 
.AdicionarCartaoApp .wrp { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; padding: 20px; }
.AdicionarCartaoApp .wrp .titulo { font-size: 16px; margin-bottom: 5px; }
.AdicionarCartaoApp .wrp .subtitulo { font-size: 14px; margin: 0; } 
.AdicionarCartaoApp .paymentOpt { padding: 0; float: none; border: 0; }
.AdicionarCartaoApp .wrpSectionHeader { margin-bottom: 20px; }
.AdicionarCartaoApp .wrpSectionHeader .titulo { margin-bottom: 5px; }
.AdicionarCartaoApp .fCardName { margin: 0; }
.AdicionarCartaoApp .fCardExp { margin-bottom: 0; }
.AdicionarCartaoApp .iCsc {background: url(../img/../img/icon-cvv.png) no-repeat 10px; padding-left: 35px;}
.AdicionarCartaoApp .botoesPagina { margin: 20px 0 0 0; }
.AdicionarCartaoApp .botoesPagina .btSecundario { float: left; }
.AdicionarCartaoApp .botoesPagina .btPrimario { float: right; }
.AdicionarCartaoApp .botoesPagina .btPrimario[disabled] { -moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30); }
.AdicionarCartaoApp .captcha-wrapper .realperson-challenge { float: left; margin-right: 10px; margin-top: 8px; }
.AdicionarCartaoApp .captcha-wrapper #captcha { padding: 10px; text-align: center; width: 100px; border-radius: 4px; text-transform: uppercase; font-size: 16px; float: left; outline: none; }
.AdicionarCartaoApp .captcha-wrapper .realperson-regen { font-size: 10px; }
.AdicionarCartaoApp .fCadastro .bts { margin: 0; }
.AdicionarCartaoApp .grp-checkbox { font-size: 15px; font-weight: bold; margin: 0; }
.AdicionarCartaoApp .grp-checkbox input { margin-right: 5px; position: relative; top: -1px; }
.AdicionarCartaoApp .fCc .fCardExp .field-validation-error, .AdicionarCartaoApp .fCc .fCcsc .field-validation-error { left: 0px; }
.AdicionarCartaoApp .botoesPagina .btSecundario {padding: 12px; font-size: 1.2em;}
/*** CORES **************************************************************************************************************************************/
.AdicionarCartaoApp .iCsc[disabled] { background: #f0f0f0; }
.AdicionarCartaoApp .wrp { border: 1px solid #404040; }
.AdicionarCartaoApp .field-validation-error { color: #eb1d29; }
.AdicionarCartaoApp .botoesPagina .btSecundario {border: 2px solid #222; background: #404040;}
.AdicionarCartaoApp .botoesPagina .btSecundario:hover { background: #404040; }
.AdicionarCartaoApp .captcha-wrapper .realperson-regen { color: #a1a1a1; }
/************************************************************************************************************************************************/

/*
.numeroCartaoIconeBandeiraInline, .icon-bandeira
*/
.numeroCartaoIconeBandeiraInline {position: relative;}
.numeroCartaoIconeBandeiraInline .iCardNumber { padding-left: 55px }
.icon-bandeira { display: block; margin: 0 auto; width: 36px; height: 21px; text-indent: -9999px; background: url(../img/credit-cards.png) no-repeat; }
.numeroCartaoIconeBandeiraInline .icon-bandeira {position: absolute; top: 50%; margin-top: -10px; left: 10px;}
.icon-bandeira.nenhum { background-position: -5px -5px; }	
.icon-bandeira.pf { background-position: -44px -5px; }
.icon-bandeira.extra { background-position: -83px -5px; }
.icon-bandeira.gpa { background-position: -122px -5px; }
.icon-bandeira.visa { background-position: -161px -5px; }
.icon-bandeira.master { background-position: -200px -5px; }
.icon-bandeira.amex { background-position: -239px -5px; }
.icon-bandeira.diners { background-position: -278px -5px; }
.icon-bandeira.aura { background-position: -317px -5px; }
.icon-bandeira.elo { background-position: -356px -5px; }
.icon-bandeira.hipercard { background-position: -395px -5px; }
.icon-bandeira.casasbahia { background-position: -434px -5px; }
.icon-bandeira.banescard {background-position: -434px -5px;}
.icon-bandeira.jcb { background-position: -473px -5px; }
.icon-bandeira.banqi { background-position: -551px -5px;}

/*
.badge  
*/
.badge { font-size: 11px !important; text-align: center; padding: 2px 6px 3px 6px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; text-shadow: none !important; text-align: center; vertical-align: middle; position: relative; top: -2px; }
.badge.danger { color: #fff; background-color: #cd092e; }
.badge.warning { color: #fff; background-color: #e09b2f; }
.badge.success { color: #fff; background-color: #3cc051; }
.badge.info { color: #fff; background-color: #57b5e3; }

/*
.alert - para exibição de mensagens 
*/
.alert-msg { padding: 15px; margin-bottom: 20px; margin-top: 0px; border: 1px solid transparent; border-radius: 4px; }
.alert-msg-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-msg-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.alert-msg-warning { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; }
.alert-msg-danger { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }

/*
.popupThickBox
*/
#TB_window{background:#fff}
#TB_ajaxContent{height:auto!important;width:auto!important}
.popupThickBoxTokenizacao {padding:0}
.popupThickBoxTokenizacao .popupThickBoxHeader {margin-left:-15px;margin-right:-15px;margin-top:-15px;}
.popupThickBoxTokenizacao .popupThickBoxHeader .popupThickBoxTitle{margin:0;color:#FFF;font-size:2em}
.popupThickBoxTokenizacao .popupThickBoxHeader .popupThickBoxClose{outline: none!important;position: absolute!important;top: 28px!important;right: 20px!important;width: 26px!important;height: 26px!important;background: url(../img/btn-fechar.png) no-repeat!important;text-indent: -9999em!important;}
.popupThickBoxTokenizacao .popupThickBoxQuestion{margin:20px 0;font-size:14px;display:block;clear:both}
.popupThickBoxTokenizacao .bts{text-align:right}
.popupThickBoxTokenizacao .bts a {color: #fff!important;}
.popupThickBoxTokenizacao p{padding:0 10px!important}


/* Parcelamento */

/*#qtde-parcelamento-cartao-novo-1{padding:0 26px 0 20px; border-radius: 3px; height: 40px; float: left;}
#parcelamento-cartao-novo-1{ width: 70%; margin: 0 20px 0; padding: 0 20px 15px; }*/

#qtde-parcelamento-cartao-novo-1 {  padding: 0 18px 0 20px;border-radius: 0px;height: 46px;float: left;}
#parcelamento-cartao-novo-1 {  margin: 0 20px 0 0;font-size: 12px !important;min-width: 250px !important;}