/* -----------------------------------*/ /* ----------->>> RESET <<<-----------*/ /* -----------------------------------*/ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /* -----------------------------------*/ /* --------->>> OLD RESET <<<---------*/ /* -----------------------------------*/ html, body { margin:0; /*height:100%; overflow:hidden;*/ -webkit-text-size-adjust: none;} body, form, fieldset, label, legend, input, select, textarea, option, img, p, h1, h2, h3, h4, h5, h6, table, tr, td, th, tbody, thead, tfoot, caption, ul, dl, ol, li, dd, dt {margin:0; padding:0;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; margin:0; padding:0;} body, form, fieldset, img, legend {border:0;} nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} a {cursor:pointer; font-weight:normal;/*firefox fix*/} a img {border:0;} a:link, a:focus, a:hover, a:active, input:focus, input:active, textarea:focus {outline:none;text-decoration: none} /* -----------------------------------*/ /* --------->>> ATG-1371 <<<----------*/ /* -----------------------------------*/ @font-face { font-family: 'NaturaSans Light'; src: url('/assets/fonts/naturasans-light.eot'); src: url('/assets/fonts/naturasans-light.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/naturasans-light.woff2') format('woff2'), url('/assets/fonts/naturasans-light.woff') format('woff'), url('/assets/fonts/naturasans-light.ttf') format('truetype'), url('/assets/fonts/naturasans-light.svg#naturasanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NaturaSans Regular'; src: url('/assets/fonts/naturasans-regular.eot'); src: url('/assets/fonts/naturasans-regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/naturasans-regular.woff2') format('woff2'), url('/assets/fonts/naturasans-regular.woff') format('woff'), url('/assets/fonts/naturasans-regular.ttf') format('truetype'), url('/assets/fonts/naturasans-regular.svg#naturasansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NaturaSans Bold'; src: url('/assets/fonts/naturasans-bold.eot'); src: url('/assets/fonts/naturasans-bold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/naturasans-bold.woff2') format('woff2'), url('/assets/fonts/naturasans-bold.woff') format('woff'), url('/assets/fonts/naturasans-bold.ttf') format('truetype'), url('/assets/fonts/naturasans-bold.svg#naturasansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Natura Humor Regular'; src: url('/assets/fonts/naturahumor.eot'); src: url('/assets/fonts/naturahumor.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/naturahumor.woff2') format('woff2'), url('/assets/fonts/naturahumor.woff') format('woff'), url('/assets/fonts/naturahumor.ttf') format('truetype'), url('/assets/fonts/naturahumor.svg#natura_humorregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Natura Script Regular'; src: url('/assets/fonts/naturascript.eot'); src: url('/assets/fonts/naturascript.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/naturascript.woff2') format('woff2'), url('/assets/fonts/naturascript.woff') format('woff'), url('/assets/fonts/naturascript.ttf') format('truetype'), url('/assets/fonts/naturascript.svg#natura_scriptregular') format('svg'); font-weight: normal; font-style: normal; } body { font-family: "NaturaSans Light", Verdana; } input, button, textarea { font-family: "NaturaSans Regular", Verdana; } h1, strong { font-family: "NaturaSans Bold", Verdana; } /* -----------------------------------*/ /* --------->>> OLD FONTS <<<---------*/ /* -----------------------------------*/ @font-face{font-family:'Glyphicons Halflings';src:url(/assets/fonts/old/glyphicons-halflings-regular.eot);src:url(/assets/fonts/old/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/old/glyphicons-halflings-regular.woff) format('woff'),url(/assets/fonts/old/glyphicons-halflings-regular.ttf) format('truetype'),url(/assets/fonts/old/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');} @font-face{font-family:'open_sanslight';src:url('/assets/fonts/old/opensans-light.eot');src:url('/assets/fonts/old/opensans-light.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/old/opensans-light.woff2') format('woff2'), url('/assets/fonts/old/opensans-light.woff') format('woff'), url('/assets/fonts/old/opensans-light.ttf') format('truetype'), url('/assets/fonts/old/opensans-light.svg#open_sanslight') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'open_sanscondensed_light';src:url('/assets/fonts/old/opensans-condlight.eot');src:url('/assets/fonts/old/opensans-condlight.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/old/opensans-condlight.woff2') format('woff2'), url('/assets/fonts/old/opensans-condlight.woff') format('woff'), url('/assets/fonts/old/opensans-condlight.ttf') format('truetype'), url('/assets/fonts/old/opensans-condlight.svg#open_sanscondensed_light') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'open_sans_condensedbold';src:url('/assets/fonts/old/opensans-condbold.eot');src:url('/assets/fonts/old/opensans-condbold.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/old/opensans-condbold.woff2') format('woff2'), url('/assets/fonts/old/opensans-condbold.woff') format('woff'), url('/assets/fonts/old/opensans-condbold.ttf') format('truetype'), url('/assets/fonts/old/opensans-condbold.svg#open_sans_condensedbold') format('svg');font-weight:normal;font-style:normal} /* -----------------------------------*/ /* ----------->>> UTILS <<<-----------*/ /* -----------------------------------*/ * { margin:0; padding:0; } a[href*="maps.google.com/maps"]{display:none !important} .gmnoprint a, .gmnoprint span, .gm-style-cc a, .gm-style-cc div { display:none !important; } .gmnoprint div, .gm-style-cc div { background:none !important; } #ck_modal_cn_wrapper { position: fixed !important; overflow: visible !important; } :root #ck_modal_cn_wrapper { overflow: visible !important; } #ck_update_shipping .ck_btns { width: 130px; display: inline-block; } #ck_finish .ck_btns { width: 210px; height: 55px; display: inline-block; } #modal-termos-uso, #cep-modals, #ck_modal_process_cadastre, #ck_modal_select_shipping, #ck_modal_shipping_errors, #ck_modal_process_cadastre, #ck_modal_change_coupon, #ck_modal_product_promotion, #ck_modal-unavailable-product-dc-changed, #ck_modal-product-removed-dc-changed, #ck_modal-order-transmission-error, #ck_modal_generic_error, #footer, #ck_modal_self_buy, .ck_header_main, .ck_header_main input, .ck_header_main textarea, .ck_header_main select, .ck_container_main, .ck_container_main input, .ck_container_main textarea, .ck_container_main select, .ck_container_main button, .ck_modal_body, .ck_modal_body input, .ck_modal_body textarea, .ck_modal_body select { font-family: "NaturaSans Regular"; } body { background-color:#eeeeee; padding-top:60px; } /* =================================================================================================== */ /* header main > checkout */ .ck_header_main .ck_position_fixed { width:100%; height:60px; background-color:#000; position:fixed; top:0; left:0; z-index:999; } .ck_header_main .ck_position_fixed .ck_center_header { width:970px; height:60px; margin:0 auto; } .ck_header_main .ck_position_fixed .header-nav-link { display:block; float:left; padding-left: 10px;} .ck_header_main .ck_position_fixed .header-nav-link span { display:block; width:60px; height:60px; text-indent:-999999px; background:url(/image/cl/checkout-v2/ck-sprite.png) -556px -1564px no-repeat; } .ck_header_main .ck_position_fixed .ck_secure_site { display:block; width:96px; height:30px; float:right; background:url(/image/cl/checkout-v2/ck-sprite.png) -556px -1670px no-repeat; margin-top:16px; } .ck_box_main_coupon p { margin-bottom: 20px; } /* default > div label */ .ck_label { min-height:80px; position:relative; } .ck_label label { display:block; height:16px; padding-left:13px; position:relative;} .ck_label label span { display:block; font-size:15px; color:#4c4c4c; text-transform:uppercase; line-height:12px; position: relative;} /* default > input text and passwprd */ .ck_inputs, .ck_textarea { width: 270px; height: 40px; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; padding: 0 10px; background-color: #e6e7e8; font-size: 18px; color: #000; -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, .2); box-shadow: inset -1px 1px 1px rgba(0, 0, 0, .2); box-sizing: content-box; } .ck_inputs:focus, .ck_textarea:focus { outline:none; } .ck_inputs::-ms-clear { display:none; } .ck_textarea { height:150px; } /* default > select */ .ck_selects { font-size: 20px; color: #000; font-weight: normal; } /* default > submit */ .ck_div_btns { text-align:right; padding-top:20px; } .ck_div_btns .ck_inline { display:inline-block; position:relative; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .results__select, .ck_div_btns .ck_a_btns, .ck_div_btns .ck_btns { height:60px; padding:0 50px 0 30px; font-size:22px; text-transform:uppercase; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:#f58a00; color:#FFF; line-height:60px; border:2px solid #fff;-webkit-box-shadow:0 3px 2px rgba(110,98,89,.2);-moz-box-shadow:0 3px 2px rgba(110,98,89,.2);box-shadow:0 3px 2px rgba(110,98,89,.2);background-image:-webkit-linear-gradient(bottom,#c45220,#ff9658);background-image:-moz-linear-gradient(bottom,#c45220,#ff9658);background-image:-o-linear-gradient(bottom,#c45220,#ff9658); background-image:-ms-linear-gradient(bottom,#c45220,#ff9658); background-image:linear-gradient(to top,#c45220,#ff9658); } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .results__select:hover, .ck_div_btns .ck_a_btns:hover, .ck_div_btns .ck_btns:hover { color:#000; border-color:#f58a00; } .ck_div_btns .ck_btns:before { content:""; position:absolute; width:18px; height:15px; right:25px; top:24px; background:url(/image/cl/checkout-v2/ck-sprite.png) -20px -155px no-repeat; } .ck_div_btns .ck_btns:hover:before { background:url(/image/cl/checkout-v2/ck-sprite.png) -63px -155px no-repeat; } /* default > titles */ .ck_title { font-size:50px; color:#000; padding-left:60px; } .ck_subtitle { font-size:21px; font-weight:normal; margin-bottom:30px; text-transform:uppercase; position:relative; } .ck_subtitle:before { content: ""; position:absolute; top:-8px; left:-63px; } .ck_check { font-size:17px; margin-bottom:20px; } .ck_check input { float:left; margin:6px 12px 0 0; } .ck_hr_line { border: none; height:2px; width: 100%; background:url(/image/checkout-v2/ck-line.png) repeat-x; margin: 0 0 30px; clear:both; } /* default > hidden > clear */ .ck_hidden { display:none; } .ck_clear { clear:both; } /* default > modal general */ .ck_modal_body { background:#FFF; border-radius:10px; padding:25px; margin:auto; } #ck_modal_login .ck_modal_body { padding:0; } /* default > color link */ .ck_content_main a, .ck_link, .ck_modal_body a, .ck_modal_body h2 a { font-size: 17px !important; color: #f58a00; } .ck_lnk_seta { text-transform:uppercase; padding-right:20px; display:inline-block; } .ck_lnk_seta:hover { color:#000; background-position:-216px -350px; } .ck_lnk_seta span { width:14px; height:18px; background-image: url(/image/cl/checkout-v2/ck-sprite.png); background-position:-216px -357px; display:block; float:right; margin-left:12px; } .ck_lnk_seta:hover span { background-position:-216px -382px; } .ck_lnk_voltar { color:#e59d16; text-decoration:none; margin-top:20px; position:relative; padding-left:30px; } .ck_lnk_voltar span { width:18px; height:22px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position: -254px -356px; display:block; position:absolute; top:0; left:0; } .ck_lnk_voltar:hover span { background-position:-254px -386px; } .ck_lnk_voltar, .ck_lnk_cancelar { color:#f58a00; text-decoration:none; margin-top:22px; float:left; } .ck_lnk_voltar:hover, .ck_lnk_cancelar:hover { color:#000; } .ck_lnk_voltar span { width:18px; height:22px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position: -254px -356px; display:block; float:left; margin-right:12px; } .ck_none{display:none} .ck_lnk_voltar:hover span { background-position:-254px -386px; } .ck_btn_fechar, .ck_btn_help {background-image:url(/image/cl/checkout-v2/ck-sprite.png);background-position: -466px -470px; position: absolute;top: -20px;right: -20px;left: auto; display: block;text-indent: -999999px;width: 43px; height:45px; } .ck_btn_help.active {background-image:url(/image/cl/checkout-v2/ck-sprite.png);background-position: -412px -513px !important; position: absolute;top: -20px;right: -20px;left: auto; display: block;text-indent: -999999px;width: 43px; height:45px; } /* default > color secondary */ #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .results__select:hover, .ck_div_btns .ck_a_btns:hover, .ck_div_btns .ck_btns:hover, .ck_form_login .ck_closed { background-color:#DCDCDC; background-image: -webkit-gradient( linear,left top,left bottom,color-stop(0, #FDFDFD),color-stop(1, #DCDCDC));background-image: -o-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%); background-image: -moz-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%);background-image: -webkit-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%);background-image: -ms-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%);background-image: linear-gradient(to bottom, #FDFDFD 0%, #DCDCDC 100%); } /* ========> structure main <======== */ /* login > form */ .ck_form_login { width:575px; margin:0 auto; background-color:#FFF; border-radius:10px; position:relative; } .ck_form_login .ck_closed { display:block; width:30px; height:29px; position:absolute; top:10px; right:10px; border-radius:50px; border:1px solid #b2b2b2; } .ck_form_login .ck_closed span { display:block; width:31px; height:30px; background:url(/image/cl/checkout-v2/ck-sprite.png) -11px -187px no-repeat; } .ck_form_login .ck_closed:hover { opacity:0.6; filter: alpha(opacity=60); } .ck_form_login .ck_content { width:372px; margin:0 auto; padding:13px 0 35px 0; } .ck_form_login h2 { line-height:25px; } .ck_form_login h2, .ck_form_login h2 a { font-size:22px; font-weight:normal; text-transform:uppercase; height:50px; margin-top: 30px; } .ck_form_login .ck_inputs { width:351px; height:45px; } .ck_form_login .ck_warning { margin-top:18px; } .ck_form_login .ck_warning h2 { height:auto; padding-top:20px; border-top:1px dashed #c5c4c4; margin-top: 0; } .ck_form_login .ck_warning h2 a:hover { color:#000; } .ck_form_login .ck_space { border-bottom:1px solid #bbbbbb; } .ck_form_login .ck_message_label { display:none; font-size:16px; position:relative; padding:9px 15px; margin:15px 0px 24px 0px; color:#000; box-shadow: 0px 3px 5px #ccc; -moz-box-shadow: 0px 3px 5px #ccc; -webkit-box-shadow: 0px 3px 5px #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .ck_form_login .ck_label:not(.ck_label_error) input:focus, .ck_form_login .ck_label:not(#ck_password_modal) input:focus, .ck_form_login .ck_input_focus, .ck_form_login .ck_message_label_help { border:1px solid #f58a00; background-color:#fffeef; } body .ck_form_login .ck_label_error input:focus { background-color:#FCCBD3!important; } #ck_password_modal .ck_form_login .ck_label:not(.ck_label_error) input:focus { border:solid transparent; background-color:#e6e7e8; } .ck_form_login .ck_message_label_error { border:1px solid #ff0a0a; background-color:#fccbcb; } .ck_form_login .ck_message_label_help a:hover { color:#000; } .ck_form_login .ck_message_label:after, .ck_form_login .ck_message_label:before { bottom:100%; left:7%; border:solid transparent; content: " "; height:0; width:0; position:absolute; pointer-events:none; } .ck_form_login .ck_message_label:after { border-color: rgba(255, 248, 238, 0); border-width:8px; margin-left:-8px; } .ck_form_login .ck_message_label:before { border-color: rgba(245, 138, 0, 0); border-width:10px; margin-left:-10px; } .ck_form_login .ck_message_label_help:after { border-bottom-color:#fffeef; } .ck_form_login .ck_message_label_help:before { border-bottom-color:#f58a00; } .ck_form_login .ck_message_label_error:after { border-bottom-color:#fccbcb; } .ck_form_login .ck_message_label_error:before { border-bottom-color:#ff0a0a; } .ck_form_login .ck_label_success input:focus, .ck_form_login .ck_input_focus { border:1px solid #f58a00; background-color:#fffeef; } .ck_form_login .ck_label_error input { background-color:#fccbcb; } .ck_form_login .ck_label_error label:before { content: ""; background:url('/image/cl/checkout-v2/ck-sprite.png') -52px -184px no-repeat; width:40px; height:40px; position:absolute; top:24px; left:327px; } .ck_form_login .ck_label_success label:before { content: ""; background:url('/image/cl/checkout-v2/ck-sprite.png') -99px -184px no-repeat; width:40px; height:40px; position:absolute; top:24px; left:327px; } .ck_form_login .ck_label_loading label:before { content: ""; background:url('/image/checkout-v2/ck-loader.gif') no-repeat; width:24px; height:24px; position:absolute; top:27px; left:327px; } .ck_form_login .ck_button_disabled { width:100%; height:60px; background-color:#FFF; opacity:0.7; filter: alpha(opacity=70); position:absolute; top:0; left:0; z-index:2;} .ck_form_login .ck_soft_login_title #ck_warning_img { background:url('/image/cl/checkout-v2/ck-sprite.png') -432px -165px no-repeat; position: absolute; width:45px; height:45px; left: 48px;} .ck_form_login .ck_login_social #ck_user_img { background:url('/image/cl/checkout-v2/ck-sprite.png') -505px -165px no-repeat; position: absolute; width:45px; height:45px; left: 65px; top: 42px;} .ck_form_login .ck_login_social #ck_go_img { background:url('/image/cl/checkout-v2/ck-sprite.png') -256px -334px no-repeat; position: absolute; width:20px; height:20px; right: 80px; top: 65px;} .ck_form_login .ck_login_social h2 {text-align: center; padding-top: 30px;} .ck_form_login .ck_login_social h4 {text-align: left; margin-left: 20px;} .ck_form_login #ck_reset_focus { height:0px; border:0; margin:0; padding:0; float:left; overflow:hidden; } .ck_form_login .ck_login_social_form_login .ck_content h4, .ck_form_login .ck_login_social_form_login .ck_content .ck_social { margin-left:0; } .ck_form_login input[type=text], .ck_form_login input[type=password] { color: #000000!important; } /* login > social */ .ck_login_social { border-top:30px solid #EEEEEE; position: relative;} .ck_login_social .ck_social { height:60px; margin-left: 20px;} .ck_login_social h4 { font-size: 18px; font-weight: normal; margin-bottom: 25px;} .ck_login_social .ck_social li { display:block; float:left; margin-right:30px; } .ck_login_social .ck_social li a { display:block; width:60px; height:60px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); } .ck_login_social .ck_social .ck_facebook a { background-position:-20px -232px; } .ck_login_social .ck_social .ck_plus a { background-position:-111px -232px; } .ck_login_social .ck_social .ck_twitter a { background-position:-201px -232px; } .ck_login_social .ck_social li a:hover { opacity:0.7; filter: alpha(opacity=70); } /* container main */ .ck_container_main { width:970px; margin:0 auto; overflow:hidden; } /* structure > steps main */ .ck_steps_main { padding-top:35px; } .ck_steps_main .ck_content { width:755px; height:130px; margin:0 auto; position:relative; text-align:center; } .ck_steps_main .ck_step { position:absolute; top:0; height:130px; } .ck_steps_main .ck_number { display:block; width:44px; height:44px; margin:0 auto; font-size:30px; color:#737373; text-align:center; line-height:47px; background-color:#EEEEEE; border:3px solid #737373; border-radius:50%; } .ck_steps_main .ck_number:before { content:""; display:block; width:15px; height:14px; background:url(/image/cl/checkout-v2/ck-sprite.png) -20px -317px no-repeat; position:absolute; left:20px; top:20px; } .ck_steps_main .ck_number.skipPayment:before {left:10px;} .ck_steps_main .ck_number:after {content:""; display:block; width:15px; height:14px; position:absolute; left:28px; top:20px; } .ck_steps_main h2 { font-size:22px; font-weight:normal; color:#737373; padding-top:8px; } .ck_steps_main .ck_step_cadastre { left:0; } .ck_steps_main .ck_step_delivery { width:250px; margin:0 auto; position:inherit; } .ck_steps_main .ck_step_payment { right:0; } .ck_steps_main .ck_line { width:600px; border-bottom:1px solid #b0b0b0; position:absolute; top:27px; left:70px; } .ck_steps_main .ck_line.skipPayment { width:603px; } .ck_steps_main .ck_step_cadastre .ck_number:before { background:none; } .ck_steps_main .ck_step_delivery .ck_number:before { left:86px; } .ck_steps_main .ck_icon { width:100%; height:20px; position:absolute; bottom:0; left:0; overflow:hidden; } .ck_steps_main .ck_icon span { display:none; width:49px; height:20px; margin:0 auto; background:url(/image/cl/checkout-v2/ck-sprite.png) -20px -356px no-repeat; } .ck_steps_main .ck_step_current h2 { color:#f58a00; font-size:35px; } .ck_steps_main .ck_step_current .ck_number { background-color:#f58a00; border-color:#f58a00; color:#FFF; } .ck_steps_main .ck_step_current .ck_icon span { display:block; } .ck_steps_main .ck_step_payment.ck_step_current .ck_number:before { left:55px; } .ck_steps_main .ck_step_payment.ck_step_current .ck_number.skipPayment:before { left:39px; } .ck_steps_main .ck_step_checked .ck_number:after { background: url(/image/cl/checkout-v2/ck-sprite.png) -555px -1390px no-repeat; width:60px; height:60px; top:-1px; left:auto; margin-left:-4px; } /* structure > content main */ .ck_content_main { background-color:#FFF; min-height:750px; padding:30px 105px 47px 105px; position:relative; } .ck_div_btns_general .ck_inline { display:inherit; } /* structure > content main > cadastre */ .ck_content_main .ck_content_cadastre .ck_clear { clear:both; } .ck_content_main .ck_content_cadastre .ck_subtitle.ck_icon_cadastre:before { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-84px -308px; } .ck_content_main .ck_content_cadastre .ck_subtitle:before { width:40px; height:45px; background-repeat:no-repeat; } .ck_content_main .ck_content_cadastre .ck_subtitle.ck_icon_atendimento:before { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-145px -358px; } .ck_content_main .ck_content_cadastre form .ck_label.cpf .ck_inputs { width:140px;} .ck_content_main .ck_content_cadastre form .ck_label.data .ck_inputs { width:130px; margin-right:15px; float:left; } .ck_content_main .ck_content_cadastre form .ck_label .ck_inputs.ddd { width:40px; margin-right:10px} .ck_content_main .ck_content_cadastre form .ck_label .ck_inputs.fone { width:200px;} .ck_content_main .ck_content_cadastre form .ck_custom_radio { margin-bottom:10px } .ck_content_main .ck_content_cadastre form .ck_custom_radio label.ck_rdo { float:left; margin:0; padding:0 } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio].ck_rdo_sex_m+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-304px -233px; } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio].ck_rdo_sex_w+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-508px -233px; } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio].ck_rdo_sex_m+span:hover { background-position:-304px -286px; } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio]:checked.ck_rdo_sex_m+span { background-position:-304px -341px; } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio].ck_rdo_sex_w+span:hover { background-position:-508px -286px; } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio]:checked.ck_rdo_sex_w+span { background-position:-508px -341px; } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio] { display:none; } .ck_content_main .ck_content_cadastre form .ck_custom_radio input[type=radio]+span { display:inline-block; width:175px; height:53px; vertical-align:middle; background:no-repeat; cursor:pointer; } .ck_content_main .ck_content_cadastre form .ck_custom_radio .ck_sep { height:53px; width:30px; display:block; float:left; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-479px -233px; } .ck_content_main .ck_content_cadastre form a.ck_openModal_calendar { height:41px; width:43px; display:block; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-81px -360px; float:left; } .ck_content_main .ck_content_cadastre form .ck_box_consultora img { float: left; margin: 0 30px 80px 0; width: 100%; height: 100%; max-height: 145px; max-width: 145px; display: block; overflow: hidden; } .ck_content_main .ck_content_cadastre form a.ck_openModal_calendar.active { z-index:100000; } .ck_content_main .ck_content_cadastre form a.ck_openModal_calendar.active, .ck_content_main .ck_content_cadastre form a.ck_openModal_calendar:hover { cursor: default; /*background-position:-81px -404px; position:relative;*/ } .ck_content_main .ck_content_cadastre form .ck_box_consultora p { font-size:18px; margin-top:0; margin-bottom:0; float: right; width: 580px; } .ck_content_main .ck_content_cadastre form .ck_box_consultora a { display:inline; } .ck_content_main .ck_content_cadastre form a:hover { color:#000; } .ck_content_main .ck_content_cadastre form .ck_box_terms { margin-bottom:30px; } .ck_content_main .ck_content_cadastre form .ck_div_btns.ck_div_btns_general{ padding-top:0; } .ck_content_main .ck_content_cadastre form .ck_check input[type=checkbox] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; width:30px; height:30px; margin:0; cursor:pointer; } .ck_content_main .ck_content_cadastre form .ck_check input[type=checkbox]+span { display:inline-block; width:30px; height:28px; margin-right:7px; vertical-align:middle; background:url(/image/cl/checkout-v2/ck-sprite.png) -364px -437px; cursor:pointer; } /*.ck_content_main .ck_content_cadastre form .ck_check input[type=checkbox]+span.checked { background-position:-364px -470px !important; }*/ .ck_content_main .ck_content_cadastre form .ck_check input[type=checkbox]:checked+span { background-position:-364px -470px; } .ck_content_main .ck_content_cadastre form .modal_ck_date_of_birth { display:none; } .ck_content_main .ck_content_cadastre #ck_select_consultant { display:block; margin-top:10px; float: right; width: 580px; padding-bottom: 30px; } .ck_content_main .ck_content_cadastre .ck_modal_cn_open { color:#000; font-weight:bold; } .ck_content_main .ck_content_cadastre .ck_modal_cn_open:hover { color:#f58a00; } .ck_content_main .ck_content_cadastre .ck_box_cn_loading { background:url(/image/checkout-v2/loading.gif) center 70px no-repeat; } .ck_content_main .ck_content_cadastre .ck_box_cn_loading p, .ck_content_main .ck_content_cadastre .ck_box_cn_loading img, .ck_content_main .ck_content_cadastre .ck_box_cn_loading #ck_select_consultant { opacity:0.3; filter: alpha(opacity=30); } .ck_content_main .ck_modal_ck_date_of_birth { display:none; width:480px !important; padding:17px 25px 0 !important; } .ck_content_main .ck_modal_ck_date_of_birth.mod-rel.modal-4:before { left:265px !important; } .ck_content_main .ck_modal_ck_date_of_birth h5 { font-size:19px !important; margin-bottom:8px !important; text-align:center; } .ck_content_main .ck_modal_ck_date_of_birth .ui-datepicker-title { width:280px; margin:0 auto !important; } .ck_content_main .ck_modal_ck_date_of_birth .ui-datepicker-title span { float:none; } .ck_content_main .ck_modal_ck_date_of_birth .ui-datepicker-title .ui-datepicker-month { margin:0 !important; } .ck_content_main .ck_modal_ck_date_of_birth .ui-datepicker .ui-datepicker-prev { left:50px !important; } .ck_content_main .ck_modal_ck_date_of_birth .ui-datepicker .ui-datepicker-prev span { background-position:-583px -1357px; } .ck_content_main .ck_modal_ck_date_of_birth .ui-datepicker .ui-datepicker-next { right:50px !important; } .ck_content_main .ck_modal_ck_date_of_birth .ui-datepicker .ui-datepicker-next span { background-position:-556px -1357px; } .ck_content_main .ck_close_modal_ck_date_of_birth { display:inline-block; font-size:15px; font-weight:bold; margin:15px 0; text-decoration:none; } /* validation control */ .ck_content_main .ck_message_label { display:none; } .ck_content_main .ck_label:not(.ck_label_error) textarea:focus, .ck_content_main .ck_label:not(.ck_label_error) input:focus, .ck_content_main .ck_input_focus, .ck_content_main .ck_message_label_help { border:1px solid #f58a00; background-color:#fffeef; } .ck_content_main .ck_label.ck_label_error_data input:focus, .ck_content_main .ck_label.ck_label_error_cpf input:focus, .ck_content_main .ck_message_label_error { border:1px solid #ff0a0a; background-color:#fccbcb; } .ck_content_main .ck_message_label_help, .ck_content_main .ck_message_label_error { position:absolute; border-radius:5px; padding:9px 15px; top:15px; left:315px; box-shadow:0px 2px 4px #ccc; max-width: 66%; z-index: 2; } .ck_content_main .iptValidade .ck_message_label_error, .ck_content_main .iptValidade .ck_message_label_help { top:25px; left:145px; z-index: 10; } .ck_content_main .ck_div_code .ck_message_label_error, .ck_content_main .ck_div_code .ck_message_label_help { top:28px; left:135px; z-index: 10; width: 360px; max-width: none!important; } .ck_content_main .ck_message_label_help a:hover { color:#000; } .ck_content_main .ck_message_label:after, .ck_content_main .ck_message_label:before { right:100%; top:20px; border:solid transparent; content: " "; height:0; width:0; position:absolute; pointer-events:none; } .ck_content_main .ck_message_label:after { border-color:rgba(252, 203, 203, 0); border-width:10px; margin-top:-10px; } .ck_content_main .ck_message_label:before { border-color:rgba(255, 10, 10, 0); border-width:11px; margin-top:-11px; } .ck_content_main .ck_message_label_error:after { border-right-color: #fccbcb!important; } .ck_content_main .ck_message_label_error:before { border-right-color:#ff0a0a; } .ck_content_main .ck_message_label_help:after { border-right-color:#fffeef; } .ck_content_main .ck_message_label_help:before { border-right-color:#f58a00; } .ck_content_main .ck_label_opacity { opacity:0.4; filter: alpha(opacity=40); } .ck_content_main .ck_label_success input:focus, .ck_content_main .ck_input_focus { border:1px solid #f58a00; background-color:#fffeef; } .ck_content_main .ck_label_error_cpf input, .ck_content_main .ck_label_error input { background-color:#fccbcb !important; border: none !important; } .ck_content_main .ck_label_error_data label:before, .ck_content_main .ck_label_error_cpf label:before, .ck_content_main .ck_label_error label:before { content: ""; background:url('/image/cl/checkout-v2/ck-sprite.png') -52px -184px no-repeat; width:40px; height:30px; position:absolute; top:21px; left:250px; } .ck_content_main .ck_label_error label[for~=ck_nome_cartao]:before { content: ""; background:url('/image/cl/checkout-v2/ck-sprite.png') -52px -184px no-repeat; width:40px; height:30px; position:absolute; top:21px; left:250px; margin-top: 12px; } .ck_content_main .ck_label_success_data label:before, .ck_content_main .ck_label_success_cpf label:before, .ck_content_main .ck_label_success label:before { content: ""; background:url('/image/cl/checkout-v2/ck-sprite.png') -99px -184px no-repeat; width:40px; height:30px; position:absolute; top:21px; left:250px; } .ck_content_main .ck_label_success label[for~=ck_nome_cartao]:before { content: ""; background:url('/image/cl/checkout-v2/ck-sprite.png') -99px -184px no-repeat; width:40px; height:30px; position:absolute; top:21px; left:250px; margin-top: 12px; } .ck_content_main .iptValidade.ck_label_success label:before { left:80px; margin-top: 12px; } .ck_content_main .ck_div_code.ck_label_success label:before { top: 32px; left:63px; } .ck_content_main .iptValidade.ck_label_error label:before { left:80px; margin-top: 12px; } .ck_content_main .ck_div_code.ck_label_error label:before { top: 32px; left:63px; } .ck_content_main .ck_label_loading_cpf label:before, .ck_content_main .ck_label_loading label:before { content: ""; background:url('/image/checkout-v2/ck-loader.gif') no-repeat; width:24px; height:24px; position:absolute; top:24px; left:258px; } .ck_content_main .ck_button_disabled { width:230px; height:65px; background-color:#FFF; opacity:0.7; filter: alpha(opacity=70); position:absolute; top:0; right:0; z-index:2; } .ck_content_main .ck_button_disabled.finish { width:295px; } .ck_content_main .ck_content_payment .ck_button_disabled { width:295px; } .ck_content_main .ck_label_success_cpf label:before, .ck_content_main .ck_label_error_cpf label:before { left:162px; } .ck_content_main .ck_label_loading_cpf label:before { left:170px; } .ck_content_main .ck_label.cpf .ck_message_label_help { left:185px; } .ck_content_main .ck_label_error_cpf .ck_message_label_error { left:225px; } .ck_content_main .ck_label.data.ck_label_error label:before { left:212px; } .ck_content_main .ck_label.data.ck_label_error .ck_message_label_error { left:270px; } .ck_content_main .ck_label.data .ck_disabled { width:215px; height:45px; position:absolute; top:15px; left:0; z-index:2; } .ck_content_main .ck_label.ck_custom_radio .ck_disabled { width:390px; height:55px; position:absolute; top:15px; left:0; z-index:2; } .ck_content_main .ck_label_error_data label:before, .ck_content_main .ck_label_success_data label:before { left:210px; } .ck_content_main .ck_label.data .ck_message_label_error { left:263px; } /*#ck_add_address .ck_message_label_error:after { border-right-color: transparent!important; }*/ /* structure > content main > cadastre > modal cn */ .ck_modal_cn { display:none; width:900px; padding-top:40px; padding-bottom:40px; background-color:#f2f2f2; border-radius:25px; position:relative; } .ck_modal_cn .ck_header_cn { padding-bottom:55px; position:relative; } .ck_modal_cn .ck_header_cn .ck_close { display:block; width:41px; height:42px; position:absolute; top:-18px; right:0; background:url(/image/cl/checkout-v2/ck-sprite.png) -359px -512px no-repeat; } .ck_modal_cn .ck_header_cn .ck_close:hover { opacity:0.7; filter: alpha(opacity=70); } .ck_modal_cn .ck_header_cn .ck_left { width:500px; float:left; padding-left:10px; } .ck_modal_cn .ck_header_cn .ck_left h2 { font-size:31px; color:#ff8730; } .ck_modal_cn .ck_header_cn .ck_right { float:left; padding-top:10px; } .ck_modal_cn .ck_header_cn .ck_right p { margin:0; padding:0; font-size:16px; color:#5d5d5d; } .ck_modal_cn .ck_container_cn { float:left; } .ck_modal_cn .ck_container_cn li { display:block; margin-bottom:35px; } .ck_modal_cn .ck_container_cn li span { display:block; margin-right:20px; float:left; background:url(/image/cl/checkout-v2/ck-sprite.png) no-repeat; } .ck_modal_cn .ck_container_cn li strong { display:block;} .ck_modal_cn .ck_container_cn li p { margin:0; font-size:16px; color:#5d5d5d; } .ck_modal_cn .ck_container_cn .ck_la span { width:127px; height:127px; background-position:-683px -1543px; } .ck_modal_cn .ck_container_cn .ck_la strong { padding-top:25px; } .ck_modal_cn .ck_container_cn .ck_lb span { width:132px; height:131px; background-position:-682px -1705px; } .ck_modal_cn .ck_container_cn .ck_lb strong { padding-top:21px; } .ck_modal_cn .ck_container_cn .ck_lc span { width:130px; height:129px; background-position:-685px -1871px; } .ck_modal_cn .ck_container_cn .ck_lc strong { padding-top:34px; } .ck_modal_cn .ck_container_cn .ck_ra span { width:131px; height:131px; background-position:-827px -1543px; } .ck_modal_cn .ck_container_cn .ck_ra strong { padding-top:16px; } .ck_modal_cn .ck_container_cn .ck_rb span { width:132px; height:134px; background-position:-827px -1695px; } .ck_modal_cn .ck_container_cn .ck_rb strong { padding-top:16px; } .ck_modal_cn .ck_container_cn .ck_rc span { width:125px; height:133px; background-position:-830px -1857px; } .ck_modal_cn .ck_container_cn .ck_rc strong { padding-top:25px; } .ck_modal_cn .ck_container_cn .ck_lc, .ck_modal_cn .ck_container_cn .ck_rc { margin-bottom:0; } .ck_modal_cn .ck_container_cn_left { width:380px; padding-left:20px; margin-right:45px; background:url(/image/checkout-v2/ck-column.png) top right repeat-y; } .ck_modal_cn .ck_container_cn_right { width:420px; } /* search > cn */ .ck_content_cadastre #modal-find-cn { display:none; } .ck_content_delivery #modal-find-cn { display:none; } .ck_content_payment #modal-find-cn { display:none; } #popupLayer_modal-find-cn, #popupLayer_modal-find-cn .ck_modal_find_cn, #popupLayer_modal-find-cn .ck_modal_find_cn .modal-content { width:960px;} #popupLayer_modal-find-cn .ck_modal_find_cn { background:none !important; margin-left:0 !important; height:inherit !important; } #popupLayer_modal-find-cn .ck_modal_find_cn .modal-content { text-align:inherit; padding:0 !important; } #popupLayer_modal-find-cn .ck_div_search { width:890px; position:relative; } #popupLayer_modal-find-cn .ck_modal_body { padding-bottom:40px; } #popupLayer_modal-find-cn .ck_modal_find_cn .ck_title_search { padding:15px 0 0 64px; font-size:24px; color:#000; text-transform:uppercase; height:40px; position:relative; text-align: left; } #popupLayer_modal-find-cn .ck_modal_find_cn .ck_title_search:before { content: ""; width:37px; height:41px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-546px -1741px; position:absolute; top:9px; left:0; } #popupLayer_modal-find-cn .ck_modal_find_cn .ck_text { font-size:18px; color:#000; line-height:24px; padding-left:64px; margin-bottom:45px; text-align: left; } #popupLayer_modal-find-cn .ck_modal_find_cn form { padding-left:64px; margin:0; } #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_div_label { height:25px; font-size:15px; color:#a4a4a4; text-transform:uppercase; text-align: left; } #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_div_input_main { position:relative; } #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_inputs { width:630px; height:40px; float:left; text-align:left; font-size:22px; } #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_div_btns { float:right; padding:0; } #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_div_btns .ck_btns { width:150px; height:40px; font-size:20px; line-height:40px; padding:0 0 0 25px; text-align:left; } @-moz-document url-prefix() { #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_div_btns .ck_btns { line-height:36px; } } /* Hack CSS FF */ #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_div_btns .ck_btns:before { top:14px; right:20px; } @-moz-document url-prefix() { #popupLayer_modal-find-cn .ck_modal_find_cn form .ck_div_btns .ck_btns:before { top:13px; right: 15px; } } /* Hack CSS FF */ #popupLayer_modal-find-cn .ck_modal_find_cn .ck_tip { display:block !important; padding:24px 0 0 64px; font-size:18px; color:#b8b8b8; line-height:24px; text-align: left; } #popupLayer_modal-find-cn .ck_wrap_modals_cn_close { border:none; background-color:#FFF; width:31px; height:31px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-467px -470px; position:absolute; top:-15px; right:-15px; cursor:pointer; } #popupLayer_modal-find-cn .ck_wrap_modals_cn_close:hover { opacity:0.7; filter: alpha(opacity=70); } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .status { height:auto; margin:30px 0 35px 0; line-height:53px; border-top:1px dashed #c5c4c4; border-bottom:1px dashed #c5c4c4; padding-top: 10px; padding-bottom: 10px; display: inline-block;} #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .col-xs-8 { width:755px; float:left; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .col-xs-4 { float:right; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal form .col-xs-4 { float:none !important; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .row p { font-size:18px; color:#000; padding:0; margin:0; text-align: left; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .row p strong { font-size:18px; color:#f58a00; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .col-xs-4 p strong { text-decoration:underline; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results { text-align: center; position:relative; align-items: flex-end; justify-content: center; display: flex; /*padding-left:33px;*//* AJUSTE IE */ } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item_1 { margin-left:33px; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results .results__arrow { position:absolute; top:-15px; width:35px; height:35px; border-radius:50%; border:1px solid #d6d6d6;background:linear-gradient(to bottom,#fefefe 0,#dbdbdb 100%); cursor:pointer; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-549px -1348px; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results .results__arrow--left { left:-10px; background-position:-575px -1348px; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results .results__arrow--right { right:-10px; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results .results__arrow:hover { opacity:0.7; filter: alpha(opacity=70); } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item { display:inline-block; width:155px; margin-right:10px; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .results__select { display:block; width:100%; height:40px; padding:0; text-align:center; line-height:40px; font-size:20px; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .card__name, #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .card__city { color:#000; text-align:center; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .card__name { font-size:16px; line-height:16px; padding-bottom:5px; } #popupLayer_modal-find-cn .ck_modal_find_cn #screen--results-modal .results__item .card__city { font-size:13px; } #popupLayer_modal-find-cn .ck_modal_find_cn .col-xs-7 .no-results { display:block; } #popupLayer_modal-find-cn .ck_modal_find_cn .col-xs-7 .hide.no-results { display:none; } #popupLayer_modal-find-cn .ck_modal_find_cn .col-xs-7 .no-results p, #popupLayer_modal-find-cn .ck_modal_find_cn .col-xs-7 .no-results ul { padding-left:64px; } #popupLayer_modal-find-cn .ck_modal_find_cn .col-xs-7 .no-results p { font-weight:bold; } #popupLayer_modal-find-cn .ck_modal_find_cn .col-xs-7 .no-results p, #popupLayer_modal-find-cn .ck_modal_find_cn .col-xs-7 .no-results ul li { display:block; font-size:14px; color:#ff0a0a; } #popupLayer_modal-find-cn .ck_tooltip_cn { width:355px; border:1px solid #f58a00; background-color:#fffeef; display:none; font-size:16px; position:relative; padding:9px 15px; margin:15px 0px 0 0px; color:#000; box-shadow: 0px 3px 5px #ccc; -moz-box-shadow: 0px 3px 5px #ccc; -webkit-box-shadow: 0px 3px 5px #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #popupLayer_modal-find-cn .ck_tooltip_cn_error { width:387px; position:absolute; top:40px; left:0; border:1px solid #ff0a0a; background-color:#fccbcb; } #popupLayer_modal-find-cn .ck_tooltip_cn:after, #popupLayer_modal-find-cn .ck_tooltip_cn:before { bottom:100%; left:7%; border:solid transparent; content: " "; height:0; width:0; position:absolute; pointer-events:none; } #popupLayer_modal-find-cn .ck_tooltip_cn:after { border-color: rgba(255, 248, 238, 0); border-width:8px; margin-left:-8px; } #popupLayer_modal-find-cn .ck_tooltip_cn:before { border-color: rgba(245, 138, 0, 0); border-width:10px; margin-left:-10px; } #popupLayer_modal-find-cn .ck_tooltip_cn:after { border-bottom-color:#fffeef; } #popupLayer_modal-find-cn .ck_tooltip_cn:before { border-bottom-color:#f58a00; } #popupLayer_modal-find-cn .ck_tooltip_cn_error:after { border-bottom-color:#fccbcb; } #popupLayer_modal-find-cn .ck_tooltip_cn_error:before { border-bottom-color:#ff0a0a; } /* structure > content main > delivery */ .ck_content_main .ck_content_delivery .ck_message_label_help_cep_2:after, .ck_content_main .ck_content_delivery .ck_message_label_help_cep_2:before { left:47% !important; } .ck_content_main .ck_content_delivery .ck_clear { clear:both; } .ck_content_main .ck_content_delivery .ck_form_left { width:390px; float:left; } .ck_content_main .ck_content_delivery .ck_right { float:right; } .ck_content_main .ck_content_delivery .ck_subtitle.ck_icon_delivery:before { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-147px -311px; margin-top:-10px;} .ck_content_main .ck_content_delivery .ck_subtitle:before { content: ""; position:absolute; width:47px; height:47px; top:0; background-repeat:no-repeat; margin-top: -8px;} .ck_content_main .ck_content_delivery .mod-rel.modal-3:before { left:455px !important; } .ck_content_main .ck_form_all_address { width:750px; overflow:hidden; margin:0; } .ck_content_main .ck_form_all_address ul li { list-style: none; display:block; float:left; margin:0 13px 10px 0; } .ck_content_main .ck_form_all_address ul { width:800px; } .ck_content_main .ck_form_all_address { padding-bottom:15px; } .ck_content_main .ck_form_all_address .ck_address_box { width: 239px; min-height: 300px; border: 1px solid #cacaca; border-radius: 5px; ; background: #dadada; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 1%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#dadada 100%); /* W3C */ } .ck_content_main #ck_map_delivery { width:300px; height:300px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%; } .ck_content_main #ck_map_overlay { display:none; position:absolute; right:0; width:300px; height:300px; z-index:2; background:url('/image/checkout-v2/ck-temp-map.png'); } .ck_content_main .ck_form_all_address .ck_address_box {position: relative; cursor: pointer; } .ck_content_main .ck_form_all_address .ck_address_box h6 {text-transform: uppercase; font-size: 18px; margin: 14px 10px 0 55px; overflow: hidden; text-overflow: ellipsis; } .ck_content_main .ck_form_all_address .ck_address_box p {font-weight: bold; margin: 20px; width: 70%; font-size: 16px;} .ck_content_main .ck_form_all_address .ck_address_box p.cityAndState {margin-top: -20px;} .ck_content_main .ck_form_all_address .ck_address_box p.zipcode {margin-top: -20px; margin-bottom: 34px;display: none;} .ck_content_main .ck_form_all_address .ck_address_box a {margin-left: 45px; color: #e69e00; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 2;} .ck_content_main .ck_form_all_address .ck_address_box.selected a, .ck_content_main .ck_form_all_address .ck_address_box.selected p, .ck_content_main .ck_form_all_address .ck_address_box.selected h6 {color: #FFF;} .ck_content_main .ck_form_all_address .ck_address_box span {width: 20px; height: 20px; position: absolute;} .ck_content_main .ck_form_all_address .ck_address_box span.edit {background: url(/image/cl/checkout-v2/ck-sprite.png) -254px -408px no-repeat; left:20px;} .ck_content_main .ck_form_all_address .ck_address_box span.remove {background: url(/image/cl/checkout-v2/ck-sprite.png) -215px -407px no-repeat; left:20px;} .ck_content_main .ck_form_all_address .ck_address_box.selected span.edit {background: url(/image/cl/checkout-v2/ck-sprite.png) -254px -430px no-repeat; left:20px;} .ck_content_main .ck_form_all_address .ck_address_box.selected span.remove {background: url(/image/cl/checkout-v2/ck-sprite.png) -215px -429px no-repeat; left:20px;} .ck_content_main .ck_form_all_address input {position: absolute; top: 20px; left: 20px; opacity: 0;} .ck_content_main .ck_form_all_address .ck_address_box.selected {background: #f58a00; border: 1px solid #f58a00;} .ck_content_main .ck_label_cep .ck_space { font-size:24px; color:#737373; float: left; margin: 0 5px; } .ck_content_main .ck_label_cep #ck_cep_1 { width:70px; float: left; } .ck_content_main .ck_label_cep #ck_cep_2 { width:45px; float: left; } .ck_content_main a.ck_link { padding-left: 10px; margin-top: 8px; display: block; float: left; } .ck_content_main .ck_address .ck_left { display: inline-block;} .ck_step.ck_step_dados .ck_address .ck_left {display: block;} #ck_logradouro_revision{width: 265px; float: left;} #ck_payment_type {float: left; width: 70%;} .ck_content_main .ck_address .ck_left input { width:270px; } .ck_content_main .ck_address .ck_right { display: inline-block;} .ck_content_main .ck_address .ck_right input { width:62px; } .ck_content_main .ck_div_select .ck_custom_select { padding:0; margin:0; overflow:hidden; width:290px; height:40px; position:relative; border:1px solid rgba(179,179,179,.7); background-color:#e6e7e8; background-image: -webkit-linear-gradient(bottom,#dadada,#fff); background-image: -moz-linear-gradient(bottom,#dadada,#fff); background-image: -o-linear-gradient(bottom,#dadada,#fff); background-image: -ms-linear-gradient(bottom,#dadada,#fff); background-image: linear-gradient(to top,#dadada,#fff); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 3px 2px rgba(110,98,89,.12); -moz-box-shadow: 0 3px 2px rgba(110,98,89,.12); box-shadow: 0 3px 2px rgba(110,98,89,.12); } .ck_content_main .ck_div_select .ck_custom_select select { padding:5px 10px; width:290px; border:none; box-shadow:none; background-color:transparent; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } .ck_content_main .ck_div_select .ck_custom_select:before { content:""; position:absolute; top:5px; right:5px; width:31px; height:31px; pointer-events:none; background:url(/image/cl/checkout-v2/ck-sprite.png) -206px -311px no-repeat; } .ck_content_main .ck_div_select .ck_custom_select:focus, .ck_content_main .ck_div_select:not(.ck_label_opacity) .ck_custom_select:hover { margin: -1px; border:2px solid #f58a00; } .ck_content_main .ck_form_all_address .ck_address_box_add { border: 1px dashed #f58a00; cursor: default; background: none; } .ck_content_main .ck_form_all_address .ck_address_box_add h6 {color: #f58a00; margin: 40% 0 0 0 !important; text-align: center; font-weight: normal !important;} .ck_content_main .ck_form_all_address .ck_address_box_add a.ck_btns { height:60px; padding:10px 50px 10px 30px; font-size:18px; text-transform:uppercase; cursor:pointer; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius:30px; background-color:#f58a00; color: #FFF; font-weight:normal; line-height:60px; border:2px solid #fff; margin-left:27px; -webkit-box-shadow: 0 3px 2px rgba(110,98,89,.2); -moz-box-shadow: 0 3px 2px rgba(110,98,89,.2); box-shadow: 0 3px 2px rgba(110,98,89,.2); background-image: -webkit-linear-gradient(bottom,#c45220,#ff9658); background-image: -moz-linear-gradient(bottom,#c45220,#ff9658); background-image: -o-linear-gradient(bottom,#c45220,#ff9658); background-image: -ms-linear-gradient(bottom,#c45220,#ff9658); background-image: linear-gradient(to top,#c45220,#ff9658); } .ck_content_main .ck_form_all_address .ck_address_box_add a.ck_btns:before { content: ""; position:absolute; width:25px; height:25px; right:40px; top:138px; background:url(/image/cl/checkout-v2/ck-sprite.png) -20px -151px no-repeat; } .ck_content_main .ck_form_all_address .ck_address_box_add a.ck_btns:hover { color:#000; border-color:#f58a00; background: #dadada; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 1%, #dadada 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 1%,#dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 1%,#dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 1%,#dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 1%,#dadada 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */} .ck_content_main .ck_form_all_address .ck_address_box_add a.ck_btns:hover:before { background:url(/image/cl/checkout-v2/ck-sprite.png) -63px -151px no-repeat; } .ck_content_main .ck_form_all_address .ck_address_box .ck_custom_radio_buttom {width: 35px; height: 35px; background:url(/image/cl/checkout-v2/ck-sprite.png) -313px -168px no-repeat; position: absolute; left: 10px; top: 10px;} .ck_content_main .ck_form_all_address .ck_address_box .ck_custom_radio_buttom.selected {width: 35px; height: 35px; background:url(/image/cl/checkout-v2/ck-sprite.png) -351px -168px no-repeat; position: absolute; left: 10px; top: 10px;} /* link > sent present */ .ck_content_main .ck_content_delivery .ck_checkbox_send_present { position:relative; z-index:1; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present span { background:url('/image/cl/checkout-v2/ck-sprite.png') -364px -436px no-repeat; width:30px; height:30px; position:absolute; cursor:pointer; z-index:2; bottom:0; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present span.checked { background:url('/image/cl/checkout-v2/ck-sprite.png') -364px -469px no-repeat; width:30px; height:30px; position:absolute; cursor:pointer; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present input { display:none; opacity:0; cursor:pointer; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present .ck_send_present { display:block; font-size:22px; margin:0 0 40px 45px; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present .ck_send_present a { display:none; font-size:18px; position:relative; padding-left:33px; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present .ck_send_present a:hover { color:#000; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present .ck_send_present a:before { content: ""; width:21px; height:21px; background:url(/image/cl/checkout-v2/ck-sprite.png) -923px -1369px no-repeat; position:absolute; top:0; left:0; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present .ck_send_present a:hover:before { background-position:-923px -1394px; } .ck_content_main .ck_content_delivery .ck_checkbox_send_present .ck_modal_send_present_open { display:block; width:1px; height:1px; overflow:hidden; } .ck_content_main .ck_content_delivery .ck_send_present_active .ck_send_present { line-height:24px; } .ck_content_main .ck_content_delivery .ck_send_present_active span { bottom:7px; } /*.ck_content_main .ck_form_all_address .ck_address_box_add a { border: 1px dashed #f58a00; background: none;}*/ .ck_content_main .ck_select_type_address select, .ck_content_main .ck_select_type_address .ck_custom_select { width:176px !important; } .ck_content_main .ck_content_delivery form .ck_label .ck_inputs.ddd { width:40px; margin-right:10px} .ck_content_main .ck_content_delivery form .ck_label .ck_inputs.fone { width:200px; } .ck_content_main .ck_content_delivery .ck_div_select { height:60px; min-width:60px !important; } .ck_content_main .ck_content_delivery .ck_custom_select_new { padding:0; margin:0; overflow:hidden; width:290px; height:40px; position:relative; border:1px solid rgba(179,179,179,.7); background-color:#e6e7e8; background-image: -webkit-linear-gradient(bottom,#dadada,#fff); background-image: -moz-linear-gradient(bottom,#dadada,#fff); background-image: -o-linear-gradient(bottom,#dadada,#fff); background-image: -ms-linear-gradient(bottom,#dadada,#fff); background-image: linear-gradient(to top,#dadada,#fff); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 3px 2px rgba(110,98,89,.12); -moz-box-shadow: 0 3px 2px rgba(110,98,89,.12); box-shadow: 0 3px 2px rgba(110,98,89,.12); } .ck_content_main .ck_content_delivery .ck_custom_select_new select { width:292px !important; cursor:pointer; } .ck_content_main .ck_content_delivery .ck_custom_select_new .customSelect { width:292px; margin:0 !important; background:none !important; } .ck_content_main .ck_content_delivery .ck_custom_select_new:before { content:""; position:absolute; top:5px; right:5px; width:31px; height:31px; pointer-events:none; background:url(/image/cl/checkout-v2/ck-sprite.png) -206px -311px no-repeat; } .ck_content_main .ck_content_delivery .ck_custom_select_new select, .ck_content_main .ck_content_delivery .ck_custom_select_new .customSelect, .ck_content_main .ck_content_delivery .ck_custom_select_new .customSelect .customSelectInner { height:40px; } .ck_content_main .ck_content_delivery .ck_custom_select_new .customSelect .customSelectInner { width:230px !important; line-height:40px; padding:0 20px; background:none !important; } .ck_content_main .ck_div_select:not(.ck_label_opacity) .ck_custom_select_new:hover { margin: -1px; border:2px solid #f58a00; } /* structure > content main > delivery > method */ .ck_content_main .ck_icon_delivery_method:before { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-146px -405px; } .ck_content_main .ck_delivery_method .ck_content_steps { padding-bottom:34px; } @-moz-document url-prefix() { .ck_content_main .ck_delivery_method .ck_content_steps { padding-bottom:50px; } } .ck_content_main .ck_delivery_method .ck_step { width:232px; height:160px; padding:0 16px; text-align:right; float:left; background:url(/image/checkout-v2/ck-column.png) right top no-repeat; } .ck_content_main .ck_delivery_method .ck_step_normal { padding-left:0; } .ck_content_main .ck_delivery_method .ck_step_scheduled { padding-right:0; background:none; } .ck_content_main .ck_delivery_method .ck_label_type, .ck_content_main .ck_delivery_method .ck_label_value { font-size:15px; text-transform:uppercase; color:#737373; } .ck_content_main .ck_delivery_method .ck_description { font-weight:normal; font-size:18px; color:#000; } .ck_content_main .ck_delivery_method .ck_step_scheduled .ck_description { text-align:right; padding-left:10px; } .ck_content_main .ck_delivery_method .ck_description_custom {color:#737373; text-align: left !important;} .ck_content_main .ck_delivery_method .ck_margin_bottom { margin-bottom:7px; } .ck_content_main .ck_delivery_method .ck_period_value { padding-top:7px; } .ck_content_main .ck_delivery_method .ck_period, .ck_content_main .ck_delivery_method .ck_value { float:right; } .ck_content_main .ck_delivery_method .ck_value { padding-right:20px; } .ck_content_main .ck_delivery_method .ck_period { padding-left:20px; } .ck_content_main .ck_delivery_method .ck_rdo { float:left; margin:0 0 13px 0; padding:0 } .ck_content_main .ck_delivery_method .ck_rdo span { display:block; width:232px; height:50px; } .ck_content_main .ck_delivery_method .ck_step_scheduled label.activeBtnModal-3 { z-index:1001; position:relative; } .ck_content_main .ck_delivery_method input[type=radio] { display:none; } .ck_content_main .ck_delivery_method input[type=radio]+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); cursor:pointer; } .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_normal+span { background-position:-20px -593px; } .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_express+span { background-position:-270px -592px; } .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_scheduled+span { background-position:-520px -593px; } .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_normal+span:hover { background-position:-20px -646px; } .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_express+span:hover { background-position:-270px -645px; } .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_scheduled+span:hover { background-position:-520px -646px; } .ck_content_main .ck_delivery_method input[type=radio]:checked.ck_input_step_normal+span { background-position:-20px -700px; } .ck_content_main .ck_delivery_method input[type=radio]:checked.ck_input_step_express+span { background-position:-270px -699px; } .ck_content_main .ck_delivery_method input[type=radio]:checked.ck_input_step_scheduled+span { background-position:-520px -700px; } .ck_content_main .ck_content_delivery .ck_div_btns_general { padding-top:40px; } .ck_content_main .ck_content_delivery .ck_div_btns_general .ck_lnk_voltar:hover { color:#000; } .ck_content_main .ck_delivery_method .ck_period_disabled input[type=radio]+span { cursor:not-allowed; opacity:0.2; filter: alpha(opacity=20); } .ck_content_main .ck_modal_delivery .ck_disabled { display:block; } /* modal > delivery > method */ .ck_content_main .ck_delivery_method .ck_form_line_modal { padding:15px 0 11px 0; border-bottom:1px solid #EEEEEE; } .ck_content_main .ck_delivery_method .ck_custom_radio .ck_label_main { display:block; width:100%; height:30px; font-weight:bold; margin:0 !important; } .ck_content_main .ck_delivery_method .ck_custom_radio label { margin-left:0 !important } .ck_content_main .ck_delivery_method .ck_custom_radio .rdo { display:block; float:left; text-transform:uppercase; font-size:15px; font-family:gillsans; color:#737373; margin-left:10px; } .ck_content_main .ck_delivery_method .ck_custom_radio input[type=radio]+span{ display:inline-block; width:124px; height:53px; vertical-align:middle; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-repeat:no-repeat; cursor:pointer; } .ck_content_main .ck_delivery_method .ck_custom_radio .rdo:not(.ck_period_disabled) input[type=radio]:checked.rdo_period_morning+span:hover { background-position:-555px -1274px; } .ck_content_main .ck_delivery_method .ck_custom_radio .rdo:not(.ck_period_disabled) input[type=radio]:checked.rdo_period_afternoon+span:hover { background-position:-699px -1274px; } .ck_content_main .ck_delivery_method .ck_custom_radio .rdo:not(.ck_period_disabled) input[type=radio]:checked.rdo_period_night+span:hover { background-position:-842px -1274px; } .ck_content_main .ck_delivery_method .ck_custom_radio input[type=radio].rdo_period_morning+span { background-position:-555px -1167px; } .ck_content_main .ck_delivery_method .ck_custom_radio input[type=radio].rdo_period_afternoon+span { background-position:-699px -1167px; } .ck_content_main .ck_delivery_method .ck_custom_radio input[type=radio].rdo_period_night+span { background-position:-842px -1167px; } .ck_content_main .ck_delivery_method .ck_custom_radio .rdo:not(.ck_period_disabled) input[type=radio].rdo_period_morning+span:hover { background-position:-555px -1220px; } .ck_content_main .ck_delivery_method .ck_custom_radio .rdo:not(.ck_period_disabled) input[type=radio].rdo_period_afternoon+span:hover { background-position:-699px -1220px; } .ck_content_main .ck_delivery_method .ck_custom_radio .rdo:not(.ck_period_disabled) input[type=radio].rdo_period_night+span:hover { background-position:-842px -1220px; } .ck_content_main .ck_delivery_method .ck_custom_radio input[type=radio]:checked.rdo_period_morning+span { background-position:-555px -1274px; } .ck_content_main .ck_delivery_method .ck_custom_radio input[type=radio]:checked.rdo_period_afternoon+span { background-position:-699px -1274px; } .ck_content_main .ck_delivery_method .ck_custom_radio input[type=radio]:checked.rdo_period_night+span { background-position:-842px -1274px; } .ck_content_main .ck_delivery_method .ck_custom_radio .ck_sep { display:block; width:2px; height:46px; float:left; margin:3px 15px 0 15px; background:url(/image/cl/checkout-v2/ck-sprite.png) -494px -235px; } .ck_content_main .ck_delivery_method .ck_div_btns { padding:8px 0 8px; } .ck_content_main .ck_delivery_method .ck_div_btns .ck_btns { display:inline-block; height:56px; text-decoration:none !important; } .ck_content_main .ck_delivery_method .ck_div_btns .ck_lnk_voltar { font-size:15px; margin-top:30px; font-weight: bold;} .ck_content_main .ck_delivery_method .ck_div_btns .ck_lnk_voltar span { width:13px; height:13px; background:none !important; } .ck_content_main .ck_zipcode_success { display: none; width: 25px; height: 25px; background: url('/image/cl/checkout-v2/ck-sprite.png') -105px -186px no-repeat; float: left; margin-top: 8px; margin-left: 10px; } .ck_content_main .ck_zipcode_error { display: none; width: 25px; height: 25px; background: url('/image/cl/checkout-v2/ck-sprite.png') -60px -186px no-repeat; float: left; margin-top: 8px; margin-left: 10px; } .ck_content_main .ck_zipcode_loading { display: none; width: 25px; height: 25px; float: left; margin-top: 8px; margin-left: 10px; } .ck_content_main .ck_form_and_map { position:relative; z-index:2; } /* [Entrega] - [NT-4074] Tooltips on Address registration form are overlaping the other fields */ .ck_content_main .ck_form_and_map .ck_message_label { position: absolute; top: 14px; left: 310px; z-index: 3; width: 100%; } /*CEP*/ .ck_content_main .ck_form_and_map .ck_label_cep .ck_message_label { left: 365px; max-width: none; top: 6px; } .ck_content_main .ck_form_and_map .ck_label_cep .ck_message_label_error:after { border-color: rgba(255, 254, 239, 0); border-right-color: #FCCBCB; border-width: 10px; top: 18px; left: -9px; margin-left: -42px; } .ck_content_main .ck_form_and_map .ck_label_cep .ck_message_label_error:before { top: 18px; left: -11px; border-color: rgba(245, 138, 0, 0); border-right-color: #FF0000; border-width: 11px; margin-left: -11px; } .ck_content_main .ck_form_and_map .ck_label_cep .ck_message_label_help:after { top: 29px!important; left: 24px!important; margin-left: -42px; border-color: rgba(255, 254, 239, 0); border-right-color: #FFFEEF; border-width: 10px; } .ck_content_main .ck_form_and_map .ck_label_cep .ck_message_label_help:before { top: 29px!important; left: -11px!important; border-color: rgba(245, 138, 0, 0); border-right-color: #F58A00; border-width: 11px; margin-left: -11px; } /*ADDRESS*/ .ck_content_main .ck_form_and_map .ck_address .ck_message_label { position: absolute; top: 16px; left: 435px; z-index: 3; width: 100%; } .ck_content_main .ck_form_and_map .ck_address .ck_message_label_error:after { border-color: rgba(255, 254, 239, 0); border-right-color: #FCCBCB; border-width: 10px; top: 18px; left: 23px; margin-left: -42px; } .ck_content_main .ck_form_and_map .ck_address .ck_message_label_error:before { top: 18px; left: -11px; border-color: rgba(245, 138, 0, 0); border-right-color: #FF0000; border-width: 11px; margin-left: -11px; } .ck_content_main .ck_form_and_map .ck_address .ck_message_label_help:after { border-color: rgba(255, 254, 239, 0); border-right-color: #FFFEEF; border-width: 10px; top: 18px; left: 24px; margin-left: -42px; } .ck_content_main .ck_form_and_map .ck_address .ck_message_label_help:before { top: 18px; left: -11px; border-color: rgba(245, 138, 0, 0); border-right-color: #F58A00; border-width: 11px; margin-left: -11px; } .ck_content_main .ck_form_and_map .ck_address .ck_message_label_number:after { top: 8px; left: 23px; } .ck_content_main .ck_form_and_map .ck_address .ck_message_label_number:before { top: 7px; } /*PHONE*/ .ck_content_main .ck_form_and_map .ck_phone .ck_message_label { left: 310px !important; } /* [Entrega] - [NT-4074] Tooltips on Address registration form are overlaping the other fields */ .ck_content_main .ck_form_and_map .ck_message_label_help:after, .ck_content_main .ck_form_and_map .ck_message_label_help:before, .ck_content_main .ck_form_and_map .ck_message_label_error:after, .ck_content_main .ck_form_and_map .ck_message_label_error:before { bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .ck_content_main .ck_form_and_map .ck_message_label_help:before { border-color: rgba(245, 138, 0, 0); border-right-color: #F58A00; } .ck_content_main .ck_form_and_map .ck_message_label_help:after { border-color: rgba(255, 254, 239, 0); border-right-color: #FFFEEF; } .ck_content_main .ck_form_and_map .ck_message_label_error:before { border-color: rgba(255, 10, 10, 0); border-right-color: #FF0A0A; } .ck_content_main .ck_form_and_map .ck_message_label_help:after, .ck_content_main .ck_form_and_map .ck_message_label_error:after { border-width: 10px; margin-left: -38px; top: 21px; } .ck_content_main .ck_form_and_map .ck_message_label_help:before, .ck_content_main .ck_form_and_map .ck_message_label_error:before { border-width: 11px; margin-left: -42px; top: 21px; } .ck_content_main .ck_form_and_map .ck_label_cep label:before {display: none;} .ck_content_main .ck_form_and_map .ck_message_label_number:before { top:-22px; left:90%; } .ck_content_main .ck_form_and_map .ck_message_label_number:after { top:-19px; left:90%; } .ck_content_main .ck_form_and_map .ck_message_label_number { top:16px; left:130px; width:309px; max-width:350px; z-index:3; position:absolute; } .ck_content_main .ck_form_and_map .ck_right { width:auto; position:relative; } .ck_content_main .ck_form_and_map .ck_address { max-width:100%; width:100%; } .ck_content_main .ck_form_and_map .ck_right.ck_label_error label:before {left: 82px;} .ck_content_main .ck_form_and_map .ck_right.ck_label_success label:before {left: 82px;} .ck_content_main .ck_form_and_map .ck_disabled {width: 200px; height: 80px; position: absolute; background: #FFF; opacity: 0.7;} .ck_content_main .ck_form_and_map .ck_message_label_error_left { left:75px !important; } .ck_content_main .ck_form_and_map #ck_phone_ddd_address_message { left: 315px !important; } /* modal > delivery */ .ck_content_main .ck_modal_delivery { display:none; width:516px !important; padding:17px 25px 0 !important; } .ck_content_main .ck_modal_delivery h5 { font-size:19px !important; margin-bottom:15px !important; margin-left: 50px; line-height: 2.2} .ck_content_main .ck_modal_delivery .ui-datepicker-title { width:215px; margin:0 auto !important; } .ck_content_main .ck_modal_delivery .ui-datepicker-title span { float:none; } .ck_content_main .ck_modal_delivery .ui-datepicker-title .ui-datepicker-month { margin:0 !important; } .ck_content_main .ck_modal_delivery .ui-datepicker .ui-datepicker-prev { left:100px !important; } .ck_content_main .ck_modal_delivery .ui-datepicker .ui-datepicker-prev span { background-position:-583px -1357px; } .ck_content_main .ck_modal_delivery .ui-datepicker .ui-datepicker-next { right:100px !important; } .ck_content_main .ck_modal_delivery .ui-datepicker .ui-datepicker-next span { background-position:-556px -1357px; } .ui-datepicker .ui-datepicker-today span { color:#000 !important; } .ck_address_warn_msg { font-weight: bold; margin-left: 5px;margin-bottom: 10px;margin-top: 4px;} .ck_address_warn_msg span { margin-right: 5px; background-color: #F00; border-radius: 30px; color: #FFF; padding: 3px 14px; font-size: 24px;} .ck_content_main .ck_modal_delivery .ck_disabled {width: 200px; height: 60px; position: absolute; right: 0px; opacity: 0.7; background: white; z-index: 2;} .ck_content_main .ck_modal_delivery .ck_scheduled_cal { width: 45px; height: 45px; background: url('/image/cl/checkout-v2/ck-sprite.png') -575px -169px no-repeat; position: absolute;} /* button > didable */ .ck_disable_send_present_btn, .ck_disable_continue_btn { background:#FFF; opacity:0.7; width: 250px; height:60px; right:0; position:absolute; z-index:2; } /* modal > send present */ .ck_modal_send_present { display:none; width:830px; } .ck_modal_send_present img, .ck_modal_send_present h2, .ck_modal_send_present p { display:block; float:left; } .ck_modal_send_present h2 { display:block; height:33px; padding-top:87px; text-transform:uppercase; font-size:22px; } .ck_modal_send_present p { font-size:16px; margin:0 !important; } .ck_modal_send_present form { width:830px; float:left; } .ck_modal_send_present form textarea:focus, .ck_modal_send_present form input:focus { border:1px solid #f58a00; background-color:#fffeef; } .ck_modal_send_present .ck_line .ck_label { width:295px; float:left; margin-right:30px; } .ck_modal_send_present .ck_textarea { width:800px; padding-top:10px; resize:none; } .ck_modal_send_present .ck_character_counter { display:block; font-size:16px; color:#737373; } .ck_modal_send_present .ck_div_btns { padding-top:20px !important; } .ck_modal_send_present .ck_div_btns #ck_close_modal_send_present { text-decoration:none; float:left; margin-top:22px; padding-left:0; position:relative; } /* structure > content main > delivery > warning */ .ck_content_main .ck_warning { min-height:145px; position:relative; background:url(/image/checkout-v2/ck-line.png) left bottom repeat-x; padding-bottom:40px; } .ck_content_main .ck_warning .ck_img { width:150px; height:145px; background:url(/image/cl/checkout-v2/ck-sprite.png) -781px -599px no-repeat; position:absolute; top:0; left:0; } .ck_content_main .ck_warning h4, .ck_content_main .ck_warning span { display:block; font-size:22px; font-weight:normal; padding:5px 0 0 170px; } .ck_content_main .ck_warning h4 { padding-top:20px; text-transform:uppercase; } .ck_content_main .ck_hr_line_method { margin-bottom:40px; } /* structure > content main > payment */ .ck_content_main .ck_content_payment .ck_default_table { width:760px; table-layout:fixed; } .ck_content_main .ck_content_payment .ck_subtitle.ck_icon_resumo:before { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-199px -453px; } .ck_content_main .ck_content_payment .ck_subtitle.ck_icon_gift:before { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-143px -453px; } .ck_content_main .ck_content_payment .ck_subtitle.ck_icon_pay:before { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-254px -460px } .ck_content_main .ck_content_payment .ck_subtitle:before { content: ""; position:absolute; width:45px; height:45px; background-repeat:no-repeat; } .ck_content_main .ck_content_payment .ck_desc_valor_unit, .ck_content_main .ck_content_payment .ck_total_preco { color:#8b8b8b; } .ck_content_main .ck_content_payment .ck_desc_valor, .ck_content_main .ck_content_payment #cart-installments { font-size:20px; color:#8b8b8b; text-align: right; width: 100%; display: inline-block;} .ck_content_main .ck_content_payment .ck_desc_valor, .ck_content_main .ck_content_payment .ck_total_preco{font-size: 19px;} .ck_content_main .ck_content_payment .ck_default_table { width:760px; table-layout:fixed; height: auto;} .ck_content_main .ck_content_payment .ck_payment_address { padding-bottom: 30px; font-weight: bold; text-transform: uppercase;} .ck_content_main .ck_content_payment .ck_payment_address .ck_alter_address { color:#f58a00; text-transform: uppercase; line-height: 2;} .ck_content_main .ck_content_payment .ck_payment_address .ck_alter_address:hover { color:#000;} .ck_content_main .ck_content_payment .ck_payment_address .ck_alter_address:hover .edit{ float:left; height: 25px; width: 25px; background: url(/image/checkout-v2/ck-sprite.png) -920px -1394px no-repeat; margin-top: 4px; margin-right: 10px;} .ck_content_main .ck_content_payment .ck_payment_address .ck_alter_address .edit {float:left; height: 25px; width: 25px; background: url(/image/checkout-v2/ck-sprite.png) -920px -1369px no-repeat; margin-top: 4px; margin-right: 10px;} .ck_content_main .ck_div_code_one_click.ck_label_success label:before { top: 32px; left:63px; } .ck_content_main .ck_content_payment .ck_box_payment .ck_alter_credit_card { color:#f58a00; text-transform: uppercase; line-height: 2;} .ck_content_main .ck_content_payment .ck_box_payment .ck_alter_credit_card:hover { color:#000;} .ck_content_main .ck_content_payment .ck_box_payment .ck_alter_credit_card:hover .edit{ float:left; height: 25px; width: 25px; background: url(/image/checkout-v2/ck-sprite.png) -920px -1394px no-repeat; margin-top: 4px; margin-right: 10px;} .ck_content_main .ck_content_payment .ck_box_payment .ck_alter_credit_card .edit {float:left; height: 25px; width: 25px; background: url(/image/checkout-v2/ck-sprite.png) -920px -1369px no-repeat; margin-top: 4px; margin-right: 10px;} .ck_content_main .ck_content_payment .ck_js_type_card_credit #ck_code {margin-top:12px; } .ck_content_main .ck_div_code_one_click .ck_message_label_error { position:absolute; border-radius:5px; padding:9px 15px; top:15px; left:430px; box-shadow:0px 2px 4px #ccc; max-width: 66%; } .ck_content_main .ck_div_code_one_click.ck_label_error label:before { content: ""; background:url('/image/checkout-v2/ck-sprite.png') -52px -184px no-repeat; width:40px; height:30px; position:absolute; top:32px; left:63px; } .saleslist-unitprice{text-transform: uppercase;} .ck_content_main .ck_content_payment .installments-price-resumo {text-align:right; font:normal 14px GillSans;} .ck_content_main .ck_content_payment .ck_default_table .relative-td.nopadd { padding: 0 0 !important; } .ck_content_main .ck_content_payment .ck_warning_products { margin: 30px 0 60px 0; } .ck_content_main .ck_content_payment .ck_warning_products span { background-image: url(/image/cl/checkout-v2/ck-sprite.png); background-position:-20px -763px;height: 62px; width:599px; display:inline-block; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_div_code { float:left; position:relative; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_div_code .ck_tooltip_code { width:462px; height:251px; background:url(/image/checkout-v2/ck-codigo-3dig_cl.png) no-repeat; position:absolute; top:-21px; left:176px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_div_code .ck_tooltip_code.AmericanExpress { background:url(/image/checkout-v2/ck-codigo-amex.png) no-repeat;} .ck_content_main .ck_content_payment .ck_js_type_card_credit #ck_code { width:44px; margin-top:12px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_important_notice { position:relative; height:38px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_important_notice h2 { display:block; float:left; margin-top:6px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_important_notice p { display:block; font-size:17px; position:absolute; top:0; left:235px; transform: translateY(65%); -webkit-transform: translateY(65%);} .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip { width:431px; float:right; margin-top:-63px; position:relative; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_logo_moip { display:block; width:170px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_logo_moip a { display:inline-block; background-image:url(/image/cl/checkout-v2/ck-sprite.png); } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_logo_moip .ck_moip { width:55px; height: 50px; background-position:-745px -1360px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_logo_moip .ck_pagseguro { width:65px; height: 30px; background-position:-811px -1371px; margin-left: 5px } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_tooltip { display:none; width:230px; font-size:17px; position:absolute; border-radius:5px; padding:9px 15px; top:-15px; left:169px; box-shadow:0px 2px 4px #ccc; border:1px solid #f58a00; background-color:#fffeef; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_tooltip:after, .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_tooltip:before { right:100%; top:30px; border:solid transparent; content: " "; height:0; width:0; position:absolute; pointer-events:none; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_tooltip:after { border-color:rgba(252, 203, 203, 0); border-width:10px; margin-top:-10px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_tooltip:before { border-color:rgba(255, 10, 10, 0); border-width:11px; margin-top:-11px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_tooltip:after { border-right-color:#fffeef; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_box_moip .ck_tooltip:before { border-right-color:#f58a00; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_div_select { height:60px; min-width:60px !important; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new { padding:0; margin:0; overflow:hidden; width:290px; height:40px; position:relative; border:1px solid rgba(179,179,179,.7); background-color:#e6e7e8; background-image: -webkit-linear-gradient(bottom,#dadada,#fff); background-image: -moz-linear-gradient(bottom,#dadada,#fff); background-image: -o-linear-gradient(bottom,#dadada,#fff); background-image: -ms-linear-gradient(bottom,#dadada,#fff); background-image: linear-gradient(to top,#dadada,#fff); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 3px 2px rgba(110,98,89,.12); -moz-box-shadow: 0 3px 2px rgba(110,98,89,.12); box-shadow: 0 3px 2px rgba(110,98,89,.12); } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new select { width:292px !important; cursor:pointer; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new .customSelect { width:292px; margin:0 !important; background:none !important; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new:before { content:""; position:absolute; top:5px; right:5px; width:31px; height:31px; pointer-events:none; background:url(/image/cl/checkout-v2/ck-sprite.png) -206px -311px no-repeat; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new select, .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new .customSelect, .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new .customSelect .customSelectInner { height:40px; } .ck_content_main .ck_content_payment .ck_js_type_card_credit .ck_custom_select_new .customSelect .customSelectInner { width:230px !important; line-height:40px; padding:0 20px; background:none !important; } .ck_content_main .ck_div_select:not(.ck_label_opacity) .ck_custom_select_new:hover { margin: -1px; border:2px solid #f58a00; } /* type billet */ .ck_content_main .ck_content_payment .ck_box_payment.ck_js_type_card_billet .ck_box_important_notice ul li { font-size:16px; font-weight:normal; } .ck_content_main .ck_content_payment .ck_box_payment.ck_js_type_card_billet .ck_box_important_notice ul li strong { font-weight:bold; } /* radios payment general */ .ck_content_main .ck_content_payment .ck_custom_radio input[type=radio] { display:none;} .ck_content_main .ck_content_payment .ck_custom_radio { margin-bottom:10px } .ck_content_main .ck_content_payment .ck_custom_radio label.ck_rdo { float:left; margin:0; padding:0 } .ck_content_main .ck_content_payment .ck_custom_radio .ck_sep { height: 53px; width:24px; display:block; float:left; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-481px -233px; } /* radios payment opt1 */ .ck_content_main .ck_content_payment .ck_custom_radio.opt1 input[type=radio]+span { display:inline-block; width:123px; height:53px; vertical-align:middle; background:no-repeat; cursor:pointer; } .ck_content_main .ck_content_payment .ck_custom_radio.opt1 input[type=radio].ck_rdo_sim+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-702px -233px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt1 input[type=radio].ck_rdo_sim+span:hover { background-position:-702px -286px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt1 input[type=radio]:checked.ck_rdo_sim+span { background-position:-702px -340px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt1 input[type=radio].ck_rdo_nao+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-838px -233px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt1 input[type=radio].ck_rdo_nao+span:hover { background-position:-838px -286px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt1 input[type=radio]:checked.ck_rdo_nao+span { background-position:-838px -340px; } /* radios payment opt2 */ .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio]+span { display:inline-block; width:236px; height:65px; vertical-align:middle; background:no-repeat; cursor:pointer; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_cartao+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-29px -924px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_cartao+span:hover { background-position:-29px -994px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio]:checked.ck_rdo_cartao+span { background-position:-29px -1064px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_boleto+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-283px -924px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_boleto+span:hover { background-position:-283px -994px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio]:checked.ck_rdo_boleto+span { background-position:-283px -1064px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_transf+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-537px -924px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_transf+span:hover { background-position:-537px -994px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio]:checked.ck_rdo_transf+span { background-position:-537px -1064px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_redcompra+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-28px -1828px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_redcompra+span:hover { background-position:-28px -1898px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio]:checked.ck_rdo_redcompra+span { background-position:-28px -1968px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 .ck_sep { top: 6px; position: relative;} /* radios payment opt3 */ .ck_content_main .ck_content_payment .ck_custom_radio.opt3 input[type=radio]+span { display:inline-block; width:174px; height:39px; vertical-align:middle; background:no-repeat; cursor:pointer; padding: 25px 0 0 65px; color:#000; font-size:22px; text-transform: inherit; } .ck_content_main .ck_content_payment .ck_custom_radio.opt3 input[type=radio].ck_rdo_parcela+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-784px -924px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt3 input[type=radio].ck_rdo_parcela+span:hover { background-position:-784px -994px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt3 input[type=radio]:checked.ck_rdo_parcela+span { background-position:-784px -1064px; color:#fff; } .ck_content_main .ck_content_payment .ck_custom_radio.opt3{height:inherit;} .ck_content_main .ck_content_payment .ck_custom_radio.opt3 label.ck_rdo.parcelas{ float:none; height:70px; } .ck_content_main .ck_content_payment #ck_installments_number_span {margin-bottom: 5px;} /* radios payment opt bancos */ .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].banco+span { width:87px; height:170px; margin-right:26px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio]+span { display:inline-block; width:175px; height:53px; vertical-align:middle; background:no-repeat; cursor:pointer; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_itau+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-31px -1180px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_itau+span:hover { background-position:-31px -1371px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio]:checked.ck_rdo_itau+span { background-position:-26px -1560px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_bradesco+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-143px -1180px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_bradesco+span:hover { background-position:-143px -1371px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio]:checked.ck_rdo_bradesco+span { background-position:-152px -1560px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_banrisul+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-252px -1180px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_banrisul+span:hover { background-position:-252px -1371px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio]:checked.ck_rdo_banrisul+span { background-position:-275px -1560px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_bb+span { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-366px -1180px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio].ck_rdo_bb+span:hover { background-position:-366px -1371px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt4 input[type=radio]:checked.ck_rdo_bb+span { background-position:-401px -1560px; } .ck_content_main .ck_content_payment .iptValidade { float:left; margin-right:17px; } .ck_content_main .ck_content_payment .ck_btn_help { display:inline-block; background-position:-411px -412px; position:relative; top:-10px;left:7px;} .ck_content_main .ck_content_payment .ck_default_table .relative-td.first .cart-cupom-image { height:auto; padding:10px 10px 10px 0; float:left; width:56px; } .ck_content_main .ck_content_payment .ck_box_important_notice ul li { font-weight:normal; font-size:16px; } /* radios Googlepayment */ .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_googlepay+span { background-image:url(/image/checkout-v2/ck-sprite.png); background-position: -20px -1752px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio].ck_rdo_googlepay+span:hover { background-position:-20px -1822px; } .ck_content_main .ck_content_payment .ck_custom_radio.opt2 input[type=radio]:checked.ck_rdo_googlepay+span { background-position:-20px -1892px; } /* modal > discount */ .ck_modal_discount { margin-top:18px !important; padding:20px 30px !important; } .ck_modal_discount .ck_label label { margin-left:0 !important; } .ck_modal_discount input[type="text"] { width:95%; text-transform: uppercase; } .ck_modal_discount .ck_label_success label:before { left:430px; } .ck_modal_discount .ck_label_error label:before { left:430px; } .ck_modal_discount .ck_label_loading label:before { left:430px; } .ck_modal_discount .ck_message_label_error { border:1px solid #ff0a0a; background-color:#fccbcb; } .ck_modal_discount .ck_message_label { display:none; font-size:16px; top: 0px; left: 0; position:relative; padding:9px 15px; margin:15px 0px 24px 0px; color:#000; box-shadow: 0px 3px 5px #ccc; -moz-box-shadow: 0px 3px 5px #ccc; -webkit-box-shadow: 0px 3px 5px #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .ck_modal_discount .ck_message_label:after { border-color: rgba(255, 248, 238, 0); border-width:8px; margin-left:-8px; margin-top:-6px; } .ck_modal_discount .ck_message_label:before { border-color: rgba(245, 138, 0, 0); border-width:10px; margin-left:-10px; margin-top: -10px; } .ck_modal_discount .ck_message_label:after, .ck_modal_discount .ck_message_label:before { left:30px; top:-10px; content: " "; height:0; width:0; position:absolute; pointer-events:none; } .ck_modal_discount .ck_message_label_error:after { border-bottom-color:#fccbcb; } .ck_modal_discount .ck_message_label_error:before { border-bottom-color:#ff0a0a; } /* cards */ .ck_content_main .ck_content_payment .ck_btn_help:hover { background-position:-411px -462px; } .ck_content_main .ck_content_payment .ck_btn_help.active { z-index:10000; } .ck_content_main .ck_content_payment .ck_all_cards { margin-top:15px; } .ck_content_main .ck_content_payment .ck_all_cards span { display:block; float:left; height: 26px; width: 44px; margin-right:5px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); } .ck_content_main .ck_content_payment .ck_all_cards span.Visa { background-position:-38px -1145px; } .ck_content_main .ck_content_payment .ck_all_cards span.CMR { background-position:-87px -1145px; } .ck_content_main .ck_content_payment .ck_all_cards span.Mastercard { background-position:-136px -1144px; } .ck_content_main .ck_content_payment .ck_all_cards span.Presto { background-position:-184px -1145px; } .ck_content_main .ck_content_payment .ck_all_cards span.Diners { background-position:-234px -1145px; } .ck_content_main .ck_content_payment .ck_all_cards span.Magna { background-position:-283px -1145px; } .ck_content_main .ck_content_payment .ck_all_cards span.AmericanExpress { background-position:-332px -1145px; } .ck_content_main .ck_content_payment .ck_all_cards.Visa span.Visa { background-position:-672px -1482px; } .ck_content_main .ck_content_payment .ck_all_cards.CMR span.CMR { background-position:-721px -1482px; } .ck_content_main .ck_content_payment .ck_all_cards.Mastercard span.Mastercard { background-position:-770px -1482px; } .ck_content_main .ck_content_payment .ck_all_cards.Presto span.Presto { background-position:-818px -1482px; } .ck_content_main .ck_content_payment .ck_all_cards.Diners span.Diners { background-position:-868px -1482px; } .ck_content_main .ck_content_payment .ck_all_cards.Magna span.Magna { background-position:-917px -1482px; } .ck_content_main .ck_content_payment .ck_all_cards.AmericanExpress span.AmericanExpress { background-position:-966px -1482px; } /* tables style */ .cart-item-description.upper { text-transform:uppercase; font-size:15px; font-weight:bold; } .cart-item-description.upper a { font-size: 15px; font-weight:bold; text-transform:none; } .cart-item-description.upper a:hover { color:#000;} .ck_default_table .relative-td.first .cart-item-image { height:auto; padding:10px 10px 10px 0; float:left; } .ck_default_table .relative-td.first .cart-item-image img { margin:0; display:block; border-radius:8px; position:relative; z-index:2; /*behavior: url(/js/pie.htc);*/} .ck_default_table .relative-td.first .cart-item-description { height:77px; padding:0; display:table-cell; vertical-align:middle; } .ck_default_table .ck_tr_product_warning td { padding-bottom:40px !important; } .ck_default_table .ck_tr_product_warning .cart-item-image img { opacity:0.4; filter: alpha(opacity=40); } .ck_default_table .relative-td.first .ck_product_error_msn { width: 700px; color: #cc0000; font-size: 14px; position: static; bottom: 13px; left: 0; padding: 2px 0 0 0px !important; line-height: 1.5; margin-left: 20px; top: 90px; } .ck_default_table .relative-td.first .ck_product_error_msn:before { display:block; float:left; content: ""; width:28px; height:28px; margin-right:10px; background:url(/image/cl/checkout-v2/ck-sprite.png) -217px -184px no-repeat; } .ck_default_table .ck_newsletter_products { padding-top:0 !important; position:relative; } .ck_default_table .ck_newsletter_products form { position:absolute; top:-12px; left:20px; } .ck_default_table .ck_newsletter_products form label .ck_title_span { display: block; padding-left: 40px; line-height: 18px; font-size: 13px; } .ck_default_table .ck_newsletter_products form .ck_div_input { float:left; margin-top:-30px; } .ck_default_table .ck_newsletter_products form .ck_div_input input[type=checkbox]+span { display:block; width:30px; height:28px; background:url(/image/cl/checkout-v2/ck-sprite.png) -364px -437px no-repeat; cursor:pointer; } .ck_default_table .ck_newsletter_products form .ck_div_input input[type=checkbox]:checked+span { background-position:-364px -470px; } .ck_default_table .ck_newsletter_products form .ck_div_input input[type=checkbox] { display:none; } .ck_default_table .relative-td>div { height:15px; padding:17px; position:relative; } .ck_default_table .component-amount { width:120px; height:40px; position:absolute; top:4px; left:17px; display:inline-block; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-139px -513px; float:left; } .ck_default_table .component-amount-without-image { width:120px; height:40px; position:absolute; top:14px; left:65px; display:inline-block; float:left; } .ck_default_table .component-amount a { width:42px; height:42px; top:0px; position:absolute; left:0px; text-indent:-9999px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-263px -512px; display:block; } .ck_default_table .component-amount a.increase { background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-311px -512px; left:79px; } .ck_default_table .component-amount span { display:block; padding-top:8px; font-size:20px; text-align:center; } .ck_default_table .relative-td { padding:20px 0 !important; position:relative; } .ck_default_table .ck_component_excluir a.ck_btn_excluir { width:42px; height:42px; text-indent:-9999px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-358px -512px; display:inline-block; } .ck_default_table th { color:#8b8b8b; font-weight:normal; font-size:15px; height:50px; } .ck_default_table .bg-even { background:#fafafa; } /* structure > content main > finalized */ .ck_content_main .ck_content_finalized .ck_label { min-height:inherit !important; } .ck_content_main .ck_content_finalized .ck_default_table { font-size:18px; } .ck_content_main .ck_content_finalized .ck_desc_valor, .ck_content_main .ck_content_finalized .ck_total_preco { font-size:24px; } .ck_content_main .ck_content_finalized .ck_bottom p { font-family: 'NaturaSans Light'; font-size: 15px; } .ck_content_main .ck_content_finalized .saleslist-unitprice { text-align:right; } .ck_content_main .ck_content_finalized .ck_desc_valor_unit, .ck_content_main .ck_content_finalized .ck_total_preco { color:#8b8b8b; } .ck_content_main .ck_content_finalized .ck_default_table .relative-td.nopadd { padding:0 0 !important; } .ck_content_main .ck_content_finalized .cart-item-description.eco { color:#737373; font-size:25px; } .ck_content_main .ck_content_finalized .icon-ckecked-orange { width:53px; height:54px; text-indent:-9999px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); background-position:-625px -1387px; display:inline-block;} .ck_content_main .ck_content_finalized .ck_title { text-align:center; font-size:24px; font-weight:normal; margin-bottom:30px; text-transform: uppercase; position: relative; padding-left:0;} .ck_content_main .ck_content_finalized .ck_content_steps { margin-bottom:45px;} .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step { width:330px; height: 100%; float:left; padding:0 50px; background: url(/image/checkout-v2/ck-column.png) right top repeat-y; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step_dados { padding-left:0; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step_desc { padding-right:0; background:none; } .ck_content_main .ck_content_finalized h4 { font-size:15px; color:#737373; text-transform:uppercase; display:block; clear:both; height:inherit; font-weight:normal; font-weight:bold; } .ck_content_main .ck_content_finalized .ck_label { font-size:15px; color:#b8b8b8; text-transform:uppercase; display:block; clear:both; height:inherit; } .ck_content_main .ck_content_finalized .ck_label.result { font-size:22px; color:#000; text-transform:none; /*overflow: hidden; text-overflow: ellipsis;*/ } #ck_receives_order { word-wrap: break-word;} .ck_content_main .ck_content_finalized .ck_step_desc .ck_label.result { padding-top:3px; } .ck_content_main .ck_content_finalized .ck_address .ck_left { margin:12px 0; clear:both; } .ck_content_main .ck_content_finalized .ck_address .ck_right { margin:10px 0; } .ck_content_main .ck_content_finalized .ck_box { display:inline-block; margin-left:10px; margin-bottom:45px; width: 400px;} .ck_content_main .ck_content_finalized .ck_box .ck_box_content { float:left; width: 245px;} .ck_content_main .ck_content_finalized .ck_box .ck_box_content .ck_left { clear:both; margin-bottom:0; display: block;} .ck_content_main .ck_content_finalized .ck_box .ck_left { clear: none;} .ck_content_main .ck_content_finalized .ck_icon { display:inline-block;width:53px; height:50px; float:left; top:16px;position:relative; margin-right:18px;} .ck_content_main .ck_content_finalized .ck_icon.payment { background-image: url(/image/cl/checkout-v2/ck-sprite.png); background-position:-785px -767px; } .ck_content_main .ck_content_finalized .ck_icon.delivery { background-image: url(/image/cl/checkout-v2/ck-sprite.png); background-position:-867px -785px; height:45px; } .ck_content_main .ck_content_finalized .ck_icon.package { background-image: url(/image/cl/checkout-v2/ck-sprite.png); background-position:-128px -454px; top:12px; } .ck_content_main .ck_content_finalized .ck_box .ck_label.result { text-transform:uppercase; line-height:20px; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_box_status { height:70px; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_order { width:175px; height:85px; padding-left:0; padding-right:50px; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_order .ck_label { color:#737373; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_order .ck_label.result { color: #f58a00; font-size: 35px; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_confirmation { width:510px; height:85px; background:none; padding-left:20px; padding-right:0; padding-bottom: 25px; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_confirmation .ck_label { color:#737373; padding-top:10px; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_confirmation .ck_label.result { color:#000;font-size:22px; text-transform:uppercase; padding-top:0; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_confirmation .ck_label.atencao { color:#737373; font-size:16px; text-transform:none; padding: 0; } .ck_content_main .ck_content_finalized .ck_finalized_method .ck_step.ck_confirmation .ck_label.atencao a:hover { color:#000;} .ck_content_main .ck_content_finalized .ck_finalized_method .ck_bottom { margin:25px 0 30px 0; font-size:18px; color:#737373; line-height:19px; } .ck_content_main .ck_content_finalized .ck_div_btns.imprimir .ck_btns:before { content: ""; position:absolute; width:25px; height:25px; right:20px; top:19px; background:url(/image/cl/checkout-v2/ck-sprite.png) -104px -151px no-repeat; } .ck_content_main .ck_content_finalized .ck_div_btns.imprimir .ck_btns:hover:before { background: url(/image/cl/checkout-v2/ck-sprite.png) -135px -151px no-repeat; } .ck_content_main .ck_content_finalized .ck_val_total { color:#f58b24; } .ck_content_main.ck_finalized { margin-top:30px; min-height:inherit; } .ck_content_main.ck_finalized.ck_consultora .ck_img { float:left; margin-right:25px; } .ck_content_main.ck_finalized.ck_consultora .ck_desc { width:700px; } .ck_content_main.ck_finalized.ck_consultora .ck_desc h2 { margin-top:10px; margin-bottom: 9px;} .ck_content_main.ck_finalized.ck_consultora .ck_desc p { font-size:16px; color:#737373; line-height:19px; padding: 0 0 0 459px; } .ck_content_main.ck_finalized.ck_consultora img{ width: 434px; height: 196px; } .ck_content_main.ck_finalized.ck_ebit .ck_content_btns { clear:both; } .ck_content_main.ck_finalized.ck_ebit .ck_div_btns .ck_btns:before{ content: none; } .ck_content_main.ck_finalized.ck_ebit .ck_img { float:left; margin-right:40px; margin-left:190px; margin-top:20px; padding:0 25px; background: url(/image/checkout-v2/ck-column.png) right top repeat-y; } .ck_content_main.ck_finalized.ck_ebit .ck_desc { float:left; position:relative } .ck_content_main.ck_finalized.ck_ebit .ck_desc h2 { text-transform:none; margin-top:20px; } .ck_content_main.ck_finalized.ck_ebit a { position:absolute; left:-21px; bottom:18px; } .ck_content_main.ck_finalized.ck_ebit a:hover { color:#000; } .ck_content_main.ck_finalized.ck_ebit .ck_btns { width: 41%; margin-left: 59%; text-decoration: none; height:48px; padding:0 15px 0 15px; font-size:18px; text-transform:uppercase; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:#f58a00; color:#737373; line-height:48px; border:2px solid #f58a00;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-image:-webkit-linear-gradient(bottom,#c45220,#ff9658);background-image:-moz-linear-gradient(bottom,#c45220,#ff9658);background-image:-o-linear-gradient(bottom,#c45220,#ff9658); background-image:-ms-linear-gradient(bottom,#c45220,#ff9658); background-image:linear-gradient(to top,#c45220,#ff9658); background-color:#DCDCDC; background-image: -webkit-gradient( linear,left top,left bottom,color-stop(0, #FDFDFD),color-stop(1, #DCDCDC));background-image: -o-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%); background-image: -moz-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%);background-image: -webkit-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%);background-image: -ms-linear-gradient(bottom, #FDFDFD 0%, #DCDCDC 100%);background-image: linear-gradient(to bottom, #FDFDFD 0%, #DCDCDC 100%); position:absolute; right:-5px; bottom:31px; } /* coupon > finalized */ .ck_content_main .ck_td_coupon .ck_icon_coupon, .ck_content_main .ck_td_coupon .ck_text { min-height:47px; height:auto !important;/*height:47px !important;*/ padding:13px 0 0 24px !important; float:left; } .ck_content_main .ck_td_coupon .ck_text { padding-left:15px !important; } .ck_content_main .ck_td_coupon .ck_val { min-height:38px; height:auto; line-height:26px;padding: 4px 10px 4px 30px;/*height:38px; line-height:38px;padding:0 10px 0 30px;*/ display:inline-block; background-color:#f58a00; font-size:18px; color:#FFF; position:relative; border-top-right-radius:7px; border-bottom-right-radius:7px; } .ck_content_main .ck_td_coupon .ck_val:before { display:block; content: ""; width:58px; height:51px; background: url('/image/cl/checkout-v2/ck-sprite.png') -582px -439px no-repeat; position:absolute; top:-12px; left:-34px; } /* coupon > payment */ .ck_content_main .ck_content_payment .ck_clear_padding { padding:0 !important; height:0 !important; } .ck_content_main .ck_content_payment .ck_controller_coupon { padding:0 !important; height:inherit !important; } .ck_content_main .ck_content_payment .ck_controller_coupon .ck_clear { clear:both; } .ck_content_main .ck_content_payment .ck_controller_coupon_default { padding-top:10px !important; } .ck_content_main .ck_content_payment .ck_controller_coupon_default .ck_icon_coupon { width:55px; height:51px !important; padding:0 !important; background:url(/image/cl/checkout-v2/ck-sprite.png) -520px -439px no-repeat; } .ck_content_main .ck_content_payment .ck_controller_coupon_default.active .ck_icon_coupon { background-position:-520px -499px; position:relative; z-index:10001; } .ck_content_main .ck_content_payment .ck_controller_coupon_default .ck_text a { font-size:15px; font-weight:bold; } .ck_content_main .ck_content_payment .ck_controller_coupon_default .ck_text a:hover { color:#000; } .ck_content_main .ck_content_payment .ck_controller_coupon_active { display:none; } .ck_content_main .ck_content_payment .ck_controller_coupon_active .ck_text { width:372px;/*width:260px;*/ height:inherit !important; } .ck_content_main .ck_content_payment .ck_controller_coupon_active .ck_text span { display:block; width:100%; } .ck_content_main .ck_content_payment .ck_controller_coupon_active .ck_text a { font-size:15px; font-weight:bold; } .ck_content_main .ck_content_payment .ck_controller_coupon_active .ck_text a:hover { color:#000; } .ck_content_main .ck_content_payment .ck_controller_coupon_active .ck_text .ck_text_name { font-size:22px; color:#000; font-weight:normal; line-height:20px; } .ck_content_main .ck_content_payment .ck_controller_coupon_active .ck_text .ck_text_feedback { font-size:22px; color:#7b797a; line-height:20px; font-weight:normal; margin-top:-5px; } .ck_content_main .ck_content_payment .ck_txt_congratulations h2 { height:40px; text-transform:uppercase; font-size:22px; } .ck_content_main .ck_content_payment .ck_txt_congratulations p { font-size:18px; height:45px; color:#000; margin:0; } .ck_content_main .ck_content_payment .ck_txt_congratulations h3 { display:block; height:50px; font-size:32px; color:#f58a00; text-align:center; } .ck_content_main .ck_content_payment .ck_div_btns { padding:0; } /* checkbox container */ .ck_checkbox_container { position:relative; } .ck_checkbox_container span { background:url('/image/cl/checkout-v2/ck-sprite.png') -364px -436px no-repeat; width:30px; height:30px; position:absolute; cursor:pointer; z-index:2; bottom:7px; } .ck_checkbox_container span.checked { background:url('/image/cl/checkout-v2/ck-sprite.png') -364px -469px no-repeat; width:30px; height:30px; position:absolute; cursor:pointer; } .ck_checkbox_container input { opacity:0; cursor:pointer; } /* box important notice */ .ck_box_important_notice { padding:30px 65px; margin:40px 0; border:1px solid #f58a00; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; } .ck_box_important_notice .ck_title_box { display:block; height:45px; font-size:22px; color:#000; font-weight:bold; text-transform:uppercase; position:relative; } .ck_box_important_notice .ck_title_box:before { content: ""; display:block; width:42px; height:42px; background:url('/image/cl/checkout-v2/ck-sprite.png') -556px -1480px no-repeat; position:absolute; top:-8px; left:-54px; } .ck_box_important_notice ul { padding-left:17px; } .ck_box_important_notice ul li { list-style-type:disc; height:40px; font-size:17px; color:#000; font-weight:bold; } .ck_box_important_notice ul .ck_two_line { height:60px; } .ck_box_important_notice ul .ck_last { height:auto !important; } /* structure > footer */ .ck_footer_main { height:75px; padding-top:50px;} .ck_footer_main ul { padding:0 10px; } .ck_footer_main li { display:block; height:44px; float:left; padding-left:50px; position:relative; } .ck_footer_main li, .ck_footer_main li a { font-size:15px; font-weight:600; text-transform:uppercase; } .ck_footer_main li a { color:#e59d16; text-decoration:none; } .ck_footer_main li a:hover { color:#000; } .ck_footer_main li span { display:block; width:43px; height:43px; background-image:url(/image/cl/checkout-v2/ck-sprite.png); position:absolute; top:-3px; left:0; } .ck_footer_main .ck_help { width:260px; } .ck_footer_main .ck_help span { background-position:-20px -407px; } .ck_footer_main .ck_chat span { background-position:-20px -475px; } .ck_footer_main .ck_contact span { background-position:-20px -543px; width:18px; height:22px; top:7px; } .ck_footer_main .ck_contact { float:right; padding-left:30px; } .ck_footer_main .ck_contact img { display:none; } /* fix popup layer overlay */ /*#popupLayerScreenLocker {z-index: 100000 !important;}*/ #popupLayer_modal-termos-uso { } h2:hover #ck_change_user { color:#000; } h2:hover #ck_go_img { background:url('/image/cl/checkout-v2/ck-sprite.png') -256px -310px no-repeat !important; position:absolute; width:20px; height:20px; right:80px; top:65px; } /* modal > remove address */ #ck_modal_remove_address .ck_modal_body .ck_modal_content h4 { margin-top:8px; } #ck_modal_remove_address .ck_modal_body .ck_modal_content p { font-size:14px; font-weight:bold; } #ck_modal_remove_address .ck_modal_body .ck_modal_content p.zipcode { margin-top:-14px; } #ck_modal_remove_address .ck_modal_footer { position:relative; overflow:hidden; margin-top:60px;} #ck_modal_remove_address .ck_modal_footer .ck_btns { line-height: 11px; height: 50px; padding:0 50px 0 30px; font-size:20px; text-transform:uppercase; float: right; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:#f58a00; color:#FFF; line-height:60px; border:2px solid #fff;-webkit-box-shadow:0 3px 2px rgba(110,98,89,.2);-moz-box-shadow:0 3px 2px rgba(110,98,89,.2);box-shadow:0 3px 2px rgba(110,98,89,.2);background-image:-webkit-linear-gradient(bottom,#c45220,#ff9658);background-image:-moz-linear-gradient(bottom,#c45220,#ff9658);background-image:-o-linear-gradient(bottom,#c45220,#ff9658); background-image:-ms-linear-gradient(bottom,#c45220,#ff9658); background-image:linear-gradient(to top,#c45220,#ff9658) } #ck_modal_remove_address .ck_modal_footer .ck_a_btns:hover, #ck_modal_remove_address .ck_modal_footer .ck_btns:hover { color:#000; border-color:#f58a00; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,231,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,231,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* W3C */ } #ck_modal_remove_address .ck_modal_footer .ck_btns:before { content:""; position:absolute; width:18px; height:15px; right:25px; top:18px; background:url(/image/cl/checkout-v2/ck-sprite.png) -20px -155px no-repeat; } #ck_modal_remove_address .ck_modal_footer .ck_btns:hover:before { background:url(/image/cl/checkout-v2/ck-sprite.png) -63px -155px no-repeat; } #ck_modal_remove_address .ck_modal_footer .ck_link span {font-size: 16px; font-weight: normal; position: absolute; left: -12px;} #ck_modal_remove_address .ck_modal_remove_address_close { line-height: 11px!important; } /* modal > ck_modal_change_coupon */ #ck_modal_change_coupon { position: absolute; z-index: 9999; left: 50%; margin-left: -204px; } #ck_modal_change_coupon .ck_modal_body .ck_modal_content h4 { margin-top:8px; } #ck_modal_change_coupon .ck_modal_body .ck_modal_content p { font-size:14px; font-weight:bold; } #ck_modal_change_coupon .ck_modal_body .ck_modal_content p.zipcode { margin-top:-14px; } #ck_modal_change_coupon .ck_modal_footer { position:relative; overflow:hidden; margin-top:60px;} #ck_modal_change_coupon .ck_modal_footer .ck_btns { line-height: 11px !important; height: 50px; padding:0 50px 0 30px; font-size:20px; text-transform:uppercase; float: right; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:#f58a00; color:#FFF; line-height:60px; border:2px solid #fff;-webkit-box-shadow:0 3px 2px rgba(110,98,89,.2);-moz-box-shadow:0 3px 2px rgba(110,98,89,.2);box-shadow:0 3px 2px rgba(110,98,89,.2);background-image:-webkit-linear-gradient(bottom,#c45220,#ff9658);background-image:-moz-linear-gradient(bottom,#c45220,#ff9658);background-image:-o-linear-gradient(bottom,#c45220,#ff9658); background-image:-ms-linear-gradient(bottom,#c45220,#ff9658); background-image:linear-gradient(to top,#c45220,#ff9658) } #ck_modal_change_coupon .ck_modal_footer .ck_a_btns:hover, #ck_modal_change_coupon .ck_modal_footer .ck_btns:hover { color:#000; border-color:#f58a00; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,231,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,231,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* W3C */ } #ck_modal_change_coupon .ck_modal_footer .ck_btns:before { content:""; position:absolute; width:18px; height:15px; right:25px; top:18px; background:url(/image/cl/checkout-v2/ck-sprite.png) -20px -155px no-repeat; } #ck_modal_change_coupon .ck_modal_footer .ck_btns:hover:before { background:url(/image/cl/checkout-v2/ck-sprite.png) -63px -155px no-repeat; } #ck_modal_change_coupon .ck_modal_footer .ck_link {font-size: 11px; font-weight: bold; position: absolute; left: 15px; top: 10px; line-height:20px;} #ck_modal_change_coupon .ck_modal_footer .ck_link span {font-size: 16px; font-weight: normal; position: absolute; left: -12px;} /* modal > ck_modal_free_samples */ #ck_modal_free_samples { position: absolute; z-index: 9999; left: 50%; margin-left: -204px; } #ck_modal_free_samples .ck_modal_body .ck_modal_content h4 { margin-top:8px; } #ck_modal_free_samples .ck_modal_body .ck_modal_content p { font-size:14px; font-weight:bold; } #ck_modal_free_samples .ck_modal_body .ck_modal_content p.zipcode { margin-top:-14px; } #popupLayer_ck_modal_free_samples .ck_modal_footer, #ck_modal_free_samples .ck_modal_footer { position:relative; overflow:hidden; margin-top:40px;} #popupLayer_ck_modal_free_samples .ck_modal_footer .ck_btns, #ck_modal_free_samples .ck_modal_footer .ck_btns { line-height: 11px !important; height: 50px; margin: 0 20px; padding:0 35px 0 20px; font-size:20px; text-transform:uppercase; float: right; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:#f58a00; color:#FFF; line-height:60px; border:2px solid #fff;-webkit-box-shadow:0 3px 2px rgba(110,98,89,.2);-moz-box-shadow:0 3px 2px rgba(110,98,89,.2);box-shadow:0 3px 2px rgba(110,98,89,.2);background-image:-webkit-linear-gradient(bottom,#c45220,#ff9658);background-image:-moz-linear-gradient(bottom,#c45220,#ff9658);background-image:-o-linear-gradient(bottom,#c45220,#ff9658); background-image:-ms-linear-gradient(bottom,#c45220,#ff9658); background-image:linear-gradient(to top,#c45220,#ff9658) } #popupLayer_ck_modal_free_samples .ck_modal_footer .ck_a_btns:hover, #popupLayer_ck_modal_free_samples .ck_modal_footer .ck_btns:hover, #ck_modal_free_samples .ck_modal_footer .ck_a_btns:hover, #ck_modal_free_samples .ck_modal_footer .ck_btns:hover { color:#000; border-color:#f58a00; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,231,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,231,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* W3C */ } #ck_modal_free_samples .ck_modal_footer .ck_btns:before{content:""; position:absolute; width:18px; height:20px; right:32px; top:17px; background:url(/image/checkout-v2/ck-sprite.png) -20px -155px no-repeat; } /* #ck_modal_free_samples .ck_modal_footer .ck_btns:before { content:""; position:absolute; width:18px; height:15px; right:25px; top:18px; background:url(/image/checkout-v2/ck-sprite.png) -20px -155px no-repeat; } */ /* #ck_modal_free_samples .ck_modal_footer .ck_btns:hover:before { background:url(/image/cl/checkout-v2/ck-sprite.png) -63px -155px no-repeat; } */ #popupLayer_ck_modal_free_samples .ck_modal_footer .ck_link, #ck_modal_free_samples .ck_modal_footer .ck_link {font-size: 11px; font-weight: bold; position: absolute; left: 15px; top: 10px; line-height:20px;} #ck_modal_free_samples .ck_modal_footer .ck_link span {font-size: 16px; font-weight: normal; position: absolute; left: -12px;} #popupLayer_ck_modal_free_samples a.ck_link.ck_modal_free_samples_close, #ck_modal_free_samples a.ck_link.ck_modal_free_samples_close {margin-top: 6px;text-transform: uppercase;} /* modal > product in promotion */ #ck_modal_product_promotion .ck_modal_body .ck_modal_content h4 { margin-top:8px; } #ck_modal_product_promotion .ck_modal_body .ck_modal_content p { font-size:14px; font-weight:bold; } #ck_modal_product_promotion .ck_modal_body .ck_modal_content p.zipcode { margin-top:-14px; } #ck_modal_product_promotion .ck_modal_footer { position:relative; overflow:hidden; margin-top:60px;} #ck_modal_product_promotion .ck_modal_footer .ck_btns { line-height: 11px !important; height: 50px; padding:0 50px 0 30px; font-size:20px; text-transform:uppercase; float: right; cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background-color:#f58a00; color:#FFF; line-height:60px; border:2px solid #fff;-webkit-box-shadow:0 3px 2px rgba(110,98,89,.2);-moz-box-shadow:0 3px 2px rgba(110,98,89,.2);box-shadow:0 3px 2px rgba(110,98,89,.2);background-image:-webkit-linear-gradient(bottom,#c45220,#ff9658);background-image:-moz-linear-gradient(bottom,#c45220,#ff9658);background-image:-o-linear-gradient(bottom,#c45220,#ff9658); background-image:-ms-linear-gradient(bottom,#c45220,#ff9658); background-image:linear-gradient(to top,#c45220,#ff9658) } #ck_modal_product_promotion .ck_modal_footer .ck_a_btns:hover, #ck_modal_product_promotion .ck_modal_footer .ck_btns:hover { color:#000; border-color:#f58a00; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,231,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,231,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,231,232,1) 100%); /* W3C */ } #ck_modal_product_promotion .ck_modal_footer .ck_btns:before { content:""; position:absolute; width:18px; height:15px; right:25px; top:18px; background:url(/image/cl/checkout-v2/ck-sprite.png) -20px -155px no-repeat; } #ck_modal_product_promotion .ck_modal_footer .ck_btns:hover:before { background:url(/image/cl/checkout-v2/ck-sprite.png) -63px -155px no-repeat; } #ck_modal_product_promotion .ck_modal_footer .ck_link {font-size: 11px; font-weight: bold; position: absolute; left: 18px; top: 17px;} #ck_modal_product_promotion .ck_modal_footer .ck_link span {font-size: 16px; font-weight: normal; position: absolute; top: -5px; left: -15px; } /* modal > consultant */ #ck_modal_consultora { height: 290px; position: relative; } #ck_modal_consultora h3 { height: 43px; margin: 0 0 38px 0; font-size: 20px; text-align: left; line-height: 73px; text-indent: 20px; text-transform: uppercase; } #ck_modal_consultora h3 span { background:url(/image/cl/checkout-v2/ck-sprite.png) -545px -1738px no-repeat; display: block; width: 39px; height: 44px; float: left; } #ck_modal_consultora p { width: 540px; text-align: left; float: left; padding: 0; margin: 0; font-size: 19px; line-height: 1.2em; } #ck_modal_consultora img { width: 108px; height: 95px; margin-right: 29px; float: left; } #ck_modal_consultora #btn-escolher-consultores { padding-top: 10px; display: block; color: #f58a00!important; text-decoration: underline; } #ck_modal_consultora #btn-continuar-escolher-consultores { display: block; float: right; display:inline; padding:10px 50px 10px 30px; font-size:18px; text-transform:uppercase; cursor:pointer; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius:30px; background-color:#f58a00; color: #FFF; font-weight:normal; line-height:30px; border:2px solid #fff; margin-left:27px; -webkit-box-shadow: 0 3px 2px rgba(110,98,89,.2); -moz-box-shadow: 0 3px 2px rgba(110,98,89,.2); box-shadow: 0 3px 2px rgba(110,98,89,.2); background-image: -webkit-linear-gradient(bottom,#c45220,#ff9658); background-image: -moz-linear-gradient(bottom,#c45220,#ff9658); background-image: -o-linear-gradient(bottom,#c45220,#ff9658); background-image: -ms-linear-gradient(bottom,#c45220,#ff9658); background-image: linear-gradient(to top,#c45220,#ff9658); } #ck_modal_consultora #btn-continuar-escolher-consultores:hover { color:#000000; } /* reCaptcha > modal > Login */ #ck_modal_login #recaptcha_widget .clear { clear:both; } #ck_modal_login #recaptcha_widget { margin:-10px 0 7px 0; padding-bottom:12px; border:1px solid #d9d9d9; } #ck_modal_login #recaptcha_widget .you-error { display:block; height:30px; line-height:30px; font-size:15px; color:#6f625a; text-align:center; font-family:"GillSansStdRegular"; } #ck_modal_login #recaptcha_widget #recaptcha_image { margin:0 auto 10px auto; } #ck_modal_login #recaptcha_widget .options { width:300px; margin:0 auto; } #ck_modal_login #recaptcha_widget .options input[type="text"] { width:200px; height:27px; float:left; border:1px solid #d9d9d9; padding-left:5px; color:#6a6a6a; } #ck_modal_login #recaptcha_widget .options ul { display:block; list-style:none; height:25px; float:right; padding-left:0 !important; } #ck_modal_login #recaptcha_widget .options ul li { float:left; margin-right:5px; } #ck_modal_login #recaptcha_widget .options ul li a { display:block; width:25px; height:25px; background:url(/img/sprite.png) no-repeat; text-indent:-9999999px; } #ck_modal_login #recaptcha_widget .options ul li a:hover { opacity:0.8; } #ck_modal_login #recaptcha_widget .options ul .li-new-captcha a { background-position:-584px -1838px; } #ck_modal_login #recaptcha_widget .options ul .li-audio a { background-position:-614px -1838px; } #ck_modal_login #recaptcha_widget .options ul .li-help a { background-position:-644px -1838px; } #ck_modal_login #recaptcha_widget .options ul .li-help { margin-right:0; } #ck_modal_login #recaptcha_widget #recaptcha_audio_play_again, #ck_modal_login #recaptcha_widget #recaptcha_audio_download { font-size:13px; color:#6e6259; text-decoration:underline; } #ck_modal_login #recaptcha_widget #recaptcha_audio_play_again:hover, #ck_modal_login #recaptcha_widget #recaptcha_audio_download:hover { color:#3a332e; } /* iPad > safari > Galaxy tab */ @media screen and (max-width: 768px){ .ck_header_main .ck_position_fixed .ck_center_header { width:950px; padding:0 10px; } .ck_content_main .ck_content_cadastre form .ck_box_consultora img { margin: 0 30px 20px 0; } .ck_content_main .ck_delivery_method h5 { font-size:18px !important; } .ck_content_main .ck_warning, .ck_hr_line { background:none !important; border-bottom:1px dashed #b4b4b4; } .ck_content_main .ck_delivery_method .ck_step { padding:0 9px !important; background:none !important; border-right:1px dashed #b4b4b4; } .ck_content_main .ck_delivery_method .ck_step_scheduled { border-right:none; border-left:1px dashed #b4b4b4; } .ck_modal_cn .ck_header_cn .ck_left h2 { font-size:28px; } } /* datepicker fixes */ .ui-state-default { color: #f58a00 !important; } .ui-state-active, .ui-state-hover { background: #f58a00 !important; color: #fff !important; } .ui-state-highlight { background: none !important; color: #f58a00 !important; font-weight: normal; } .ui-state-highlight:hover { background: #f58a00 !important; color: #fff !important; } table.ui-datepicker-calendar tr:hover .ui-state-active, table.ui-datepicker-calendar tr:hover .ui-state-highlight{ background: none !important; color: #f58a00 !important; font-weight: normal; } table.ui-datepicker-calendar tr .ui-state-active:hover, table.ui-datepicker-calendar tr .ui-state-highlight:hover{ background: #f58a00 !important; color: #fff !important; font-weight: bold !important; } .ui-state-active { background: #f58a00 !important; color: #fff !important; font-weight:bold; } /* modal fixes */ @media(max-height: 900px ) { #ck_modal_send_present img { width:340px; } #ck_modal_send_present h2 { padding-top:40px; margin-right:40px; } .ck_modal_cn .ck_header_cn { padding-bottom:30px; } .ck_modal_cn .ck_container_cn li { margin-bottom:15px; } } /*browser hacks*/ /*This will work for firefox*/ @-moz-document url-prefix() { .ck_btns{line-height:50px;} .ck_div_btns .ck_btns{line-height:56px;} .ck_datepicker_btns{line-height:55px}; .ck_div_btns.ask .ck_btns{line-height:45px;} .ck_checkbox_container span {bottom: 2px;} .ck_modal_remove_address_close {line-height: 45px !important;} #ck_schedule_go {line-height: 57px;} } /**Avatar fix **/ .ck_modal_find_cn .card { background: #fff; border-radius: 5px; box-shadow: rgba(0,0,0,.3) 0 0 6px; display: block; overflow: hidden; position: relative; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } .ck_modal_find_cn .card--hero { width: 140px; height: 170px; margin: 0 20px 0 0; border: 2px solid #ff8200; float: left; } .ck_modal_find_cn .card--hero:after,.card--hero:before { content: " "; display: table; } .ck_modal_find_cn .card--hero:after { clear: both; } .ck_modal_find_cn .card--result { width: 140px; height: 178px; margin: 0px; margin-left: 9px; } .ck_modal_find_cn .card__avatar { background-color: #333; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: absolute; } .ck_modal_find_cn .card__avatar--hero { width: 140px; height: 140px; top: 0; left: 0; } .ck_modal_find_cn .card__avatar--result { width: 140px; height: 140px; top: 0; left: 0; } .ck_modal_find_cn .card__avatar--result img { width: 100%; height: 100%; } .ck_modal_find_cn .card__info { background: #fff; position: absolute; } .ck_modal_find_cn .card__info--hero { width: 140px; height: 30px; bottom: -2px; left: -2px; } .ck_modal_find_cn .card__info--result { width: 140px; height: 38px; bottom: 0; left: 0; } .ck_modal_find_cn .card__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #807166; text-align: center; color: rgb(128, 113, 102); font-family: GillSansStdLightRegular, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 500; height: 14px; line-height: 14.3000001907349px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 8px; padding-right: 8px; padding-top: 4px; text-align: center; text-overflow: ellipsis; visibility: visible; white-space: nowrap; width: 124px; } .ck_modal_find_cn .card__name--hero { height: 30px; margin: 0; padding: 0 8px; line-height: 30px; text-transform: uppercase; } .ck_modal_find_cn .ie .card__name--hero { line-height: 30px; } .ck_modal_find_cn .card__name--result { margin: 0 0 1px; padding: 4px 8px 0; font-size: 12px; line-height: 18px; } .ck_modal_find_cn .ie .card__name--result { line-height: 14px; } .ck_modal_find_cn .card__city { color: rgb(255, 130, 0) !important; cursor: pointer; display: block; font-family: GillSansStdLightRegular, Helvetica, Arial, sans-serif; font-size: 13px !important; font-weight: 500; height: 14px; line-height: 14.3000001907349px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; overflow-x: hidden; overflow-y: hidden; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; text-align: center; text-overflow: ellipsis; visibility: visible; white-space: nowrap; width: 120px; } .static-td{position: static !important;} /*checkbox checkout*/ .list_item_check{float: left; display:block; clear:both} .list_item_check .check{margin-top:2px; float: left; width:14px; height:12px; overflow:hidden; background: url(/img/bck_checkbox.png) 0px -12px no-repeat; display:block; } .list_item_check .active_check{background-position:0px 0px} .list_item_check .check input[type="checkbox"]{opacity:0} .list_item_check label {float: left; width:auto; color:#4c4c4c; text-trafont-size:15px; line-height:16px; margin-left:7px; text-transform: uppercase;} .ck_ddd_adjustment{ position: absolute; font-size: 18px; top: 26px; left: 8px; } .ck_ddd_adjustment2{ cursor: text; padding-left: 31px; width: 12px !important; } @-moz-document url-prefix() { .ck_modal_form_container .ck_div_btns .ck_btns { line-height: 50px; } .ck_div_btns .ck_btns::before { top: 22px; } #ck_update_shipping .ck_btns::before { top: 24px !important; } .ck_content_main .ck_form_all_address .ck_address_box_add a.ck_btns::before { top: 135px; } .ck_default_table .ck_newsletter_products form .ck_div_input { margin-top: -50px; } #ck_finish .ck_btns{ line-height: 56px; } } .sel_box_browse { position: relative; float: left; cursor: pointer; } .sel_box_browse { float: left! important; } .select_browse { display: block; } .toc_odd { position: absolute; display: none; } .bag-quant .sel_box_browse .select_style_browse i{ background: none; } .sel_box_browse .select_style_browse i { position: absolute; top: 4px; right: 4px; line-height: 4px; background: url(../../../../assets/images/busca/carets.jpg) top no-repeat; height: 29px; width: 29px; } .select_style_browse { border: 1px solid #dbdbdb; background: #ffffff; padding: 10px 40px 10px 10px; margin-bottom: 5px; } .ul_select_style_browse { margin: 0; padding: 5px 0; z-index: 99; border-bottom: 1px solid #dbdbdb; box-shadow: 0px 0px 10px #6B6B6B; background-color: #FFF } .ul_select_style_browse li { list-style: none; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background: #ffffff; } .ul_select_style_browse li:hover { background-color: #F8F8F8; } .ul_select_style_browse li a { display: block; width: 155px; text-decoration: none; font-weight: normal; color: #000; padding: 5px; padding-left: 11px; font-size: 15px } .select_itens_pag .select_style_browse { width: 40px } .select_itens_pag .ul_select_style_browse li a { width: 80px; } #link_home{ color: #fe5000; } #link_home:hover{ outline: none; text-decoration: none; } /** * Shipping Sucursal */ .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_sucursal+span { background-position: -27px -2052px } .ck_content_main .ck_delivery_method input[type=radio].ck_input_step_sucursal+span:hover { background-position: -27px -2105px; } .ck_content_main .ck_delivery_method input[type=radio]:checked.ck_input_step_sucursal+span { background-position: -27px -2158px; } .ck_content_main .ck_delivery_method .ck_step_sucursal { padding: 16px 16px 0 0; background: url("/image/checkout-v2/ck-column.png") right no-repeat; height: 200px !important; } .ck_content_main .ck_delivery_method .ck_step_sucursal .customSelect .customSelectInner { float: left; text-align: left; font-size: 16px; padding: 0 15px; } .ck_content_main .ck_delivery_method .ck_step_sucursal .ck_custom_select_new select { width: 210px !important; } .ck_content_main .ck_delivery_method .ck_step_sucursal .ck_custom_select_new { width: 230px !important; } .ck_content_main .ck_delivery_method .ck_step_sucursal .ck_value { padding-right: 0px; padding-top: 5px; } .ck_content_main .ck_delivery_method .ck_step_sucursal label.activeBtnModal-3 { z-index: 1001; position: relative; } .ck_content_main .ck_content_delivery .mod-rel.modal-4 { width: 700px !important; } .mod-rel.modal-3:before, .mod-rel.modal-4:before, .mod-rel.modal-codigo:before { left: 188px !important; } .ck_step_scheduled.scheduledBox { background: url("/image/checkout-v2/ck-column.png") right top no-repeat !important; padding: 0 16px !important; } .ck_step_sucursal.sucursalThirdMethod { background: none !important; padding: 0px 0px 0px 16px !important; } .ck_step_sucursal.sucursalSecondMethod { background: url("/image/checkout-v2/ck-column.png") right top no-repeat !important; padding: 0px 16px !important; } .ck_modal_sucursal.sucursalFirstSpace:before { left: 450px !important; } .ck_modal_sucursal.sucursalSecondSpace:before { left: 525px !important; } .ck_modal_sucursal.sucursalSecondSpace { left: 200px !important; } /* modal sucursal */ .ck_content_main .ck_modal_sucursal h5 { font-size: 19px !important; margin-bottom: 15px !important; line-height: 2.2; margin-left: 50px; } .ck_content_main .ck_modal_sucursal .ck_icon_sucursal { width: 45px; height: 45px; background: url('/image/ar/checkout-v2/ck-sprite.png') -149px -405px no-repeat; position: absolute; } .ck_content_main .ck_modal_sucursal .modal_content { margin-left: 50px; margin-right: 50px; } /* table sucursal */ .ck_content_main .ck_modal_sucursal table { border-collapse: collapse; border: 1px solid #f2f2f2; margin-top: 35px; width: 100%; } .ck_content_main .ck_modal_sucursal .table_scroll { height: 300px; overflow: auto; margin-top: 20px; } .table_scroll thead { position: absolute; top: 0; left: 0; right: 0; width: 100%; display: inherit; } .pRelative { position: relative; } .ck_content_main .ck_modal_sucursal td, th { text-align: left; padding: 8px; } .ck_content_main .ck_modal_sucursal tr:nth-child(even) { background-color: #f2f2f2; border: 0px solid; } .ck_content_main .ck_modal_sucursal .title_sucursal_table { height: 8px; color: #e68a00; border: 0px solid; background-color: #404040; } .ck_content_main .ck_modal_sucursal .td_sucursal_name { font-weight: bold; } .ck_content_main .ck_modal_sucursal .td_sucursal_address { color: gray; } .ck_content_main .ck_modal_sucursal .radio_sucursal { width: 35px; height: 35px; background: url("/image/ar/checkout-v2/ck-sprite.png") -313px -168px no-repeat; position: static; } .ck_content_main .ck_modal_sucursal .radio_sucursal.selected { width: 35px; height: 35px; background: url("/image/ar/checkout-v2/ck-sprite.png") -351px -168px no-repeat; position: static; } /* button modal sucursal */ .ck_content_main .ck_modal_sucursal .ck_disabled { width: 200px; height: 60px; position: absolute; right: 0px; opacity: 0.7; background: white; z-index: 2; }