/*GENERALES*/ #content-wrapper .cart-content .button { color: #FFFFFF !important; text-decoration: none; padding: 4px; display: inline-block; } #content-wrapper .cart-content .red { background-color: #E11215; } #content-wrapper .cart-content .gray { background-color: #6E6E6E; } #content-wrapper .cart-content .cart-item-list .amount { color: #E11215; } .button-red { text-align: center; width: 100%; margin-top: 20px; } .button-red input { background-color: #d91e11; color: white; border: none; padding: 10px; } /*MAIN*/ #content-wrapper .cart-content { margin: auto; padding: 0px; margin: 0px;} /*HEADER*/ #content-wrapper .cart-content .title { font-family: font-cyclone-type; font-size: 40px; color: #808080; padding-right: 20px; display: inline-block; margin: 0; } #content-wrapper .cart-content .title-icon { background: url(../Images/shoppingCart/srpite-cart-icons.png) 0 0; width: 34px; height: 24px; display: inline-block; } #content-wrapper .cart-content hr { border-color: #808080; margin: 10px 0 10px auto; } /*CART-CONTENT*/ #content-wrapper .cart-content .cart-content-body { display: table; font-family: "font-roboto-bold"; } /*items content*/ #content-wrapper .cart-content .cart-item-list ul { margin: 0px; padding: 0px; } #content-wrapper .cart-content .cart-item-list li {display: inline-block; vertical-align: top; width: 100%; margin-top: 5px; } #content-wrapper .cart-content .cart-item-list #extended-warranty { width: 100%; margin: 0px; padding: 0px; margin-top: 20px; } @media (max-width: 768px) { #update-quantity { margin-top: 5px; } #content-wrapper .cart-content .cart-item-list { display: table-cell; width: 50%; vertical-align: top; } #content-wrapper .cart-content .cart-item-list .item-details { width: 100%; } #content-wrapper .cart-content .cart-item-list .item-quantity { width: 100%; text-align: left; display: table; margin-top: 10px; } #content-wrapper .cart-content .cart-item-list .item-quantity div { display: table-cell; width: 50%; vertical-align: middle; } #content-wrapper .cart-content .cart-item-list .item-resume { width: 100%; text-align: right; } #content-wrapper .cart-content .cart-item-list .item-resume hr { margin-left: 50%; } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-details { width: 100% } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-quantity {width: 80px; text-align: left; margin-right: 50%; } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-resume { width: 100%; text-align: right; } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-resume .warranty-total { width: 100%; } #content-wrapper .cart-content .cart-resume .subtotal-content #subtotal-amount { font-size: 20px; color: #E11215; margin-bottom: 10px; } #content-wrapper .cart-content .cart-resume #go-to-pay #go { font-size: 14px; color: white; text-decoration: none; background-color: transparent; border: none; } #content-wrapper .cart-content .cart-resume #go-to-pay { background: url(/Images/Shared/botonFlecha.png); width: 118px; cursor: pointer; font-size: 12px; padding: 2px; display: inline-block; } #content-wrapper .cart-content .cart-resume .subtotal-content { text-align: center; padding: 10px 0 15px 0; background: #EFEFEF; color: #000000;} #content-wrapper .cart-content .cart-resume li { display: inline-block; width: 100%; vertical-align: top; } } @media (min-width: 768px) { #update-quantity { margin-top: 20px; } #content-wrapper .cart-content .cart-item-list .item-details { width: 33%; } #content-wrapper .cart-content .cart-item-list .item-quantity { width: 33%; text-align: center; } #content-wrapper .cart-content .cart-item-list .item-resume { width: 32%; text-align: right; } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-details { width: 33% } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-quantity { text-align: center; } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-resume { width: 66%; text-align: right; } #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-resume .warranty-total { width: 65%; } #content-wrapper .cart-content .cart-item-list { display: table-cell; width: 65%; vertical-align: top; } #content-wrapper .cart-content .cart-resume { display: table-cell; width: 35%; vertical-align: top; margin: 0; padding: 0px; } #content-wrapper .cart-content .cart-item-list #free-shipping { width: 69px; height: 28px; display: inline-block; } #content-wrapper .cart-content .cart-resume #go-to-pay #go { font-size: 17px; color: white; margin-left:15px; text-decoration: none; background-color: transparent; border: none; } #content-wrapper .cart-content .cart-resume #go-to-pay { background: url(/Images/Shared/botonFlecha.png); width: 118px; cursor: pointer; font-size: 10px; padding: 2px; } #content-wrapper .cart-content .cart-resume #back-to-home { width: 118px; } #content-wrapper .cart-content .cart-resume .subtotal-content { text-align: left; padding: 15px; background: #EFEFEF; color: #000000; } #content-wrapper .cart-content .cart-resume .subtotal-content #subtotal-amount { font-size: 28px; color: #E11215; margin-left: 15px; } #content-wrapper .cart-content .cart-resume .subtotal-content #subtotal-label { margin-left: 15px; } #content-wrapper .cart-content .cart-resume li { display: inline-block; width: 49%; vertical-align: middle; margin-top: 5px; } } @media (min-width: 769px) and (max-width: 991px) { #content-wrapper .cart-content .cart-resume #go-to-pay #go { font-size: 14px; color: white; text-decoration: none; background-color: transparent; border: none; } #content-wrapper .cart-content .cart-resume #go-to-pay { background: url(/Images/Shared/botonFlecha.png); width: 118px; cursor: pointer; font-size: 12px; padding: 2px; display: inline-block; } #content-wrapper .cart-content .cart-resume .subtotal-content { text-align: center; padding: 10px 0 15px 0; background: #EFEFEF; color: #000000;} #content-wrapper .cart-content .cart-resume .subtotal-content #subtotal-amount { font-size: 28px; color: #E11215; margin-left:20px; } #content-wrapper .cart-content .cart-resume .subtotal-content #subtotal-label { margin-left:15px; } #content-wrapper .cart-content .cart-resume li { display: inline-block; width: 100%; vertical-align: middle; margin-top: 5px; } } /*Montsh without interest label*/ #content-wrapper .cart-content .cart-item-list .item-details .months-without-interest-label { width: 80px; height: 80px; top: -130px; left: 60px; } #content-wrapper .cart-content .cart-item-list .item-details .months-without-interest-label { color: #FFFFFF; background: url(../Images/Shared/sprite-msi-icons.png) -621px 0px; text-align: right; position: relative; } #content-wrapper .cart-content .cart-item-list .item-details #months-number { font-size: 30px; } #content-wrapper .cart-content .cart-item-list .item-details #months-label { font-size: 7px; margin-top: -10px; display: block;} /*item-details*/ #content-wrapper .cart-content .cart-item-list .item-quantity input { width: 70px; } #content-wrapper .cart-content .cart-item-list .item-details #item-code { color: #808080; margin-bottom: 10px; } #content-wrapper .cart-content .cart-item-list .item-details .item-image { height: 107px; } /*item-resume*/ #content-wrapper .cart-content .cart-item-list .item-resume div, #content-wrapper .cart-content .cart-item-list .item-resume hr { padding: 0px; } /*extended-warranty*/ #content-wrapper .cart-content .cart-item-list #extended-warranty div { display: inline-block; } #content-wrapper .cart-content .cart-item-list #extended-warranty, #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-quantity select { width: 100%; text-align: left; } #content-wrapper .cart-content .cart-item-list .item-resume, #content-wrapper .cart-content .cart-item-list #extended-warranty #warranty-resume {margin-left: -10px; } #content-wrapper .cart-content .cart-resume #back-to-home { background-color: #6E6E6E; margin-bottom: 10px; cursor: pointer; display: inline-block; padding: 5px; font-size: 12px; } #content-wrapper .cart-content .cart-resume #back-to-home #back { color: white; margin-left: 7px; text-decoration: none; } #content-wrapper .cart-content .cart-resume a { color: #A4A4A4; } #content-wrapper .cart-content .cart-resume .subtotal-content { padding: 10px 0 15px 0; background: #EFEFEF; color: #000000; } /*coupons*/ #content-wrapper .cart-content .cart-resume .coupon-content { border: solid #BDBDBD 1px; padding: 10px 0 0 10px; } #content-wrapper .cart-content .cart-resume .coupon-content #coupon-code { width: 90%; padding:0 10px 0 10px; margin-bottom: 10px; } #content-wrapper .cart-content .cart-resume .coupon-content #coupon-code-applied { margin-left : 10px } /*Entrega Inmediata*/ #content-wrapper .cart-content .cart-resume .deliveryInmediate-content { border: solid #BDBDBD 1px; padding: 10px; text-align: center; font-family: font-roboto-light;} #content-wrapper .cart-content .cart-resume .deliveryInmediate-content strong {font-family: font-roboto-bold;} #content-wrapper .cart-content .cart-resume .deliveryInmediate-content span a { cursor:pointer; color: #337ab7; font-size: 16px; margin-left: 10px; text-decoration: underline;} /*Employee*/ #content-wrapper .cart-content .cart-resume #employee-login { font-size: 14px; display: inline-block; } #content-wrapper .cart-content .cart-resume #employee-logo { background: url(../Images/logo-empleados-grupoSalinas.png) no-repeat; height: 37px; padding-left: 60px; } /*Credimax*/ #content-wrapper .cart-content .cart-resume #quote-credimax { color: #E11215; padding-left: 10px; font-size: 14px; } #content-wrapper .credimax-message { color: #e11215; border: solid #e11215 1px; padding: 0 10px; font-weight: bold; } #content-wrapper .cart-content .cart-item-list .item-resume .item-credit-term p { margin: 0; } #content-wrapper .cart-content .cart-item-list .item-resume .item-credit-term #credit-term-label { font-family: "font-roboto-black"; color: #E11215; font-size: 15px; } #content-wrapper .cart-content .cart-item-list .item-resume #credit-term-amount { display: inline-block; font-family: "font-roboto-light"; color: #E11215; font-size: 25px; } #content-wrapper .cart-content .cart-item-list .item-resume .item-credit-term #credit-term { display:inline-block; font-size: 10px; vertical-align: top; line-height: 10px; text-align: left; vertical-align: text-bottom; } #content-wrapper .cart-content #empty-cart { padding: 20px; border: solid #E11215 1px; text-align: center; font-family: 'font-roboto-black'; font-size: 18px; color: #E11215; background: #EFEFEF; } #content-wrapper .cart-content .cart-item-list #free-shipping-tag { width: 69px; height: 28px; background: url(../Images/Items/iconosLanding.png) -590px -440px; color: #FFFFFF; } /*CREDIMAX MODAL*/ #modal-credimax-terms .header { width: 100%; } #modal-credimax-terms .table-header { font-family: 'font-roboto-bold'; display: inline-block; width: 30%; height: 45px; vertical-align: middle; text-align: center; background: #e11215; color: #ffffff; padding: 5px; } #modal-credimax-terms .table-cell { display: inline-block; width: 30%; vertical-align: middle; text-align: center; border: solid #EFEFEF 1px; } #modal-credimax-terms .selected-column { background: #EFEFEF; } #modal-credimax-terms #error-term { font-size: 12px; color: #e11215; } #modal-credimax-terms #credimax-terms { display: inline-block; width: 65%; vertical-align: top; padding: 5px; } #modal-credimax-terms #credimax-terms #credimax-conditions { font-size: 12px; } #modal-credimax-terms #credimax-resume { display: inline-block; width: 34%; vertical-align: top; padding: 5px; } #modal-credimax-terms #credimax-resume #credimax-resume-title { font-family: 'font-roboto-bold'; font-size: 22px; color: #e11215; margin: 0; } #modal-credimax-terms #credimax-resume #credimax-resume-subtitle { display: inline-block; padding-right: 50px; } #modal-credimax-terms #credimax-resume #credimax-edit-cart { display: inline-block; } #modal-credimax-terms #credimax-resume #items-list { text-align: right; } #modal-credimax-terms #credimax-resume #item-name { font-family:'font-roboto-bold'; margin: 0; } #modal-credimax-terms #credimax-resume #item-amount { display: inline-block; } #modal-credimax-terms #credimax-resume #credimax-resume-subtotal { padding: 5px; text-align: right; border: solid #EFEFEF 1px; font-family: 'font-roboto-medium' } #modal-credimax-terms #credimax-resume #credimax-resume-total { padding: 5px; text-align: right; border: solid #EFEFEF 1px; font-family: 'font-roboto-bold'; font-size: 18px; color: #e11215; } #modal-credimax-terms #credimax-resume #credimax-detail { font-family: 'font-roboto-light'; font-size: 11px; text-align: center; margin: 10px; color: #6E6E6E; } #modal-credimax-terms #credimax-resume #credimax-term { font-family: 'font-roboto-bold'; font-size: 15px; text-align: center; margin: 10px; color: #e11215; } #modal-credimax-terms #credimax-resume #credimax-payment { font-size: 25px; } #modal-credimax-terms #credimax-resume #credimax-payment-term { font-size: 12px; color: #6E6E6E; } #modal-credimax-terms #credimax-resume #credimax-labels { font-size: 10px; color: #6E6E6E; text-align: center; } #modal-credimax-terms .credit-term-option label { width: 100%; } #modal-credimax-terms .credit-term-option input { display: none; } #modal-credimax-terms .button { color: #FFFFFF !important; text-decoration: none; padding: 4px; } #modal-credimax-terms .red { background-color: #E11215; } /*MODAL EMPLOYEE*/ .black-screen-modal { background-color: #000000; width: 100%; height: 100%; position: fixed; z-index: 2200; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; display: none; } #modal-login-employee p a { font-family: font-roboto-light; } #modal-login-employee .close-button-modal { width: 100%; text-align: right; margin-top: -40px; } #modal-login-employee .close-button-modal img { margin-right: -40px; cursor: pointer; background-image: url(../Images/Items/iconosLanding.png); padding: 15px; width: 32px; height: 32px; background-position: -519px -86px; } #modal-login-employee p { text-align: left; font-family: font-roboto-light; font-size: 12px; margin-top: 20px; } #modal-login-employee .title-login { width: 100%; background: #d91e11; padding: 5px; } #modal-login-employee .title-login p { color: white; font-family: font-roboto-light; font-size: 18px; } #modal-login-employee ul { display: table; font-family: font-roboto-light; font-size: 18px; margin-top: 20px; } #modal-login-employee ul li { display: table-cell; vertical-align: middle; } #modal-login-employee ul li input { margin-left: 15px; } #modal-login-employee .token-baz { vertical-align: central; background-repeat: no-repeat; padding-top: 15px; padding-left: 87px; padding-right: 0; padding-bottom: 40px; margin-top: 20px; margin-bottom: 10px; background-image: url('../Images/token_Transparente.png'); } #modal-login-employee .token-baz input { width: 60px; margin: 0px; margin-top: 15px; font-family: font-roboto-light; } #modal-login-employee .token-baz spn-token-error { color: #d91e11; font-size: 11px; font-family: font-roboto-light; } #modal-login-employee #spn-employee-error { color: #d91e11; font-size: 11px; font-family: font-roboto-light; } #modal-login-employee .terms-conditions { text-align: left; width: 100%; font-size: 11px; font-family: font-roboto-light; } #modal-login-employee .btn-validate-employee { text-align: center; width: 100%; margin-top: 20px; } #modal-login-employee .btn-validate-employee input { background-color: #d91e11; color: white; border: none; padding: 10px; } .modal-generic { display: none; margin: 0 auto; overflow:visible; position: fixed; z-index: 100001; left: 30%; top: 20%; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: solid 1px #999; background-color: #FFF; } .suggestionItems { -moz-box-shadow: 0 0 5px RGBA(0,0,0,.35); -webkit-box-shadow: 0 0 5px RGBA(0,0,0,.35); -ms-box-shadow: 0 0 5px RGBA(0,0,0,.35); box-shadow: 0 0 5px RGBA(0,0,0,.35); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: solid 1px #CCC; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );} #modal-login-employee .btn-close { float: right; margin: -10px -10px 0 0; position: static; background-image: url(../Images/Items/iconosLanding.png); padding: 15px; width: 32px; height: 32px; background-position: -519px -86px; } #div-employee-session { display: none; width: 100%; text-align: right; padding: 0px; font-family: font-roboto-medium; font-weight: bold; } #div-employee-session a { font-family: font-roboto-light; text-decoration: underline; } #div-discount-table { height: 400px; overflow-x: hidden; overflow-y: scroll; font-family: font-roboto-light; } #dv-history-purchase { color: #103C56; font-size: 12px; height: 250px; overflow-x: hidden; overflow-y: scroll; font-family: font-roboto-light; } #spn-employee-cashpurchaselimit { color: #d91e11; font-family: font-roboto-light; } #spn-employee-result { font-family: font-roboto-light; color: gray; } #dv-history-purchase h2 { text-align: center; } #dv-table-sales { padding: 20px; display: none; text-align: center; vertical-align: central; } #dv-table-sales th { font-size: 12px; font-family: font-roboto-light; padding: 2px 2px 2px 2px; } #dv-table-sales td { font-size: 12px; font-family: font-roboto-light; padding: 2px 2px 2px 2px; } #dv-family { text-align: left; } #dv-table-sales #tb_HistoryFamily { width: 50%; } #tb_HistoryFamily th td { width: 50%; } #dv-history-purchase a { color: #103C56 !important; } #dv-history-purchase a:hover { color: #103C56 !important; } #dv-history-purchase h2 { background: rgb(192,201,212); border: 1px solid rgb(133, 151, 173); font-size: 14px; font-family: font-roboto-light; text-align: left !important; padding-bottom: 3px; padding-top: 3px; } #dv-history-purchase td { border-bottom: 1px solid rgb(215, 221, 234); } .DetailPurchase { background: #ffffff; position: absolute; left: 50px; display: none; z-index: 1000; width: 230px; } .DetailPurchaseItem tr:nth-child(odd) { background-color: #ccc; } .DetailPurchaseItem th { color: white; background: rgb(134,145,167); } #spn-token-error { color: #d91e11; font-size: 11px; } #popup-legal-terms { display: none; } #popup-legal-terms iframe { width: 800px; height: 600px; border: none; } #dv-noterms-conditions { margin-left: 30px; width: 90%; display: none; } #dv-noterms-conditions span { color: #d91e11; font-size: 11px; } #spn-progress { left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; position: fixed; display: none; } /*WAIT LAYER*/ .white-background { background-color: #FFFFFF; width: 100%; height: 100%; position: fixed; z-index: 100000; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; display: none; } /*MSI*/ .months-circle-rec { position : absolute; margin-left: 110px;} .months-number-rec { text-align: center; padding: 8px; line-height: 11px; color: #fff; height : 40px; width : 40px; background-color : #d81e00; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; behavior: url(Content/pie.htc);} .lbl-number-rec { font-size: 15px; font-family : "font-roboto-bold"; color : #fff;} .lbl-MSI-rec { font-family : "font-roboto-light"; font-size: 10px; color : #fff;}