@media (min-width: 768px){.rfid_login_kiosk_mode_container{justify-content: center;}} .rfid_login_kiosk_mode{width: 100%; text-align: center; position: relative; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);} @media (max-width: 767.98px){.rfid_login_kiosk_mode{overflow: hidden; padding: 0 2em 2em; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; flex: 1 0 auto;}} @media (min-width: 768px){.rfid_login_kiosk_mode{padding-bottom: 2em; max-width: 550px; width: 100%; border-radius: 0.2em; font-size: 1.2em; animation: fadeInDownSmall .3s;}} .rfid_login_kiosk_mode .rfid_login_kiosk_welcome_row{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .rfid_login_kiosk_mode .rfid_login_kiosk_welcome_row img{max-width: 80px; margin: auto;} .rfid_login_kiosk_mode .rfid_login_sign_in_out_icon{cursor: pointer; margin: 0.1em 0 0.1em; padding: 0.15em 0.3em; border-radius: .1em; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3);} .rfid_login_kiosk_mode .rfid_login_sign_in_out_icon.btn-secondary:hover{color: #f6c31b;} .rfid_login_kiosk_mode .rfid_login_back_button .visible-xs{background: #e9ecef; margin: 0 -2em;} .rfid_login_kiosk_mode .rfid_login_back_button .visible-xs .fa{position: absolute; top: 0.75em; left: auto; bottom: auto; right: auto; margin-left: -1.5em;} .rfid_login_kiosk_mode .rfid_login_back_button .d-none.d-md-inline-block.btn-secondary{transform: translate(-50%, -50%); position: absolute; top: 0; left: 0; bottom: auto; right: auto; width: 2em; height: 2em; border-radius: 50%; padding-left: 14px; line-height: 1.5em; text-align: left; color: #212529; font-size: 1.6em; z-index: 1; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);} .rfid_login_kiosk_mode .btn-secondary{box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); color: inherit;} .rfid_login_kiosk_mode .rfid_login_user_badge{background: linear-gradient(to right bottom, #77717e, #c9a8a9);} .rfid_login_kiosk_mode .rfid_login_user_badge img{width: 50px; height: 50px; background: white; border: 1px solid #d7d7d7;} @media (max-width: 767.98px){.rfid_login_kiosk_mode .rfid_login_user_badge{margin: 1em -2em 0; background: transparent;}} @media (min-width: 768px){.rfid_login_kiosk_mode .rfid_login_user_badge{margin: 0; height: 90px; border-radius: .2em .2em 0 0; border-top: 1px solid rgba(255, 255, 255, 0.2); position: absolute; top: auto; left: 0; bottom: 100%; right: 0; transform: translateY(3px);}.rfid_login_kiosk_mode .rfid_login_user_badge img{width: 80px; height: 80px; transform: translateX(-50%) translateY(35%); position: absolute; top: auto; left: auto; bottom: 0; right: auto;}} .rfid_login_kiosk_mode .rfid_login_user_badge + h1{margin-top: .4em;} .rfid_login_kiosk_mode .rfid_login_pin_pad [class*="col-"]{padding: 4px;} .rfid_login_kiosk_mode .rfid_login_pin_pad [class*="col-"] .rfid_login_PINbox{font-size: 2em; border: none; padding: 0 1rem; background: rgba(255, 255, 255, 0.4);} .rfid_login_kiosk_mode .rfid_login_random_message{font-style: italic;} .rfid_login_kiosk_mode .message_demo_barcodes{font-size: 0.9em; margin: 0;} .rfid_login_kiosk_mode img.rfid_login_kiosk_company_image{overflow: hidden; margin: 1rem 0 4rem; width: 200px;} .rfid_login_kiosk_mode p{text-align: left; margin: 3rem 0;} .rfid_login_kiosk_mode > button{font-size: 1.2em; margin-bottom: 2rem; width: 100%; font-weight: 400;} .rfid_login_kiosk_mode > button:last-child{margin-bottom: 0;} .rfid_login_popup{position: fixed; top: 0; max-width: inherit; margin-top: 5vh; right: 0; left: 50%; transform: translateX(-50%);} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /contract/static/src/scss/frontend.scss defined in bundle 'web.assets_frontend' */
 .s_timeline .s_timeline_line{position: relative;} .s_timeline .s_timeline_line:before{content: ''; position: absolute; width: 1px; top: 0px; bottom: 0px; left: 50%; background-color: #343a40;} .s_timeline .s_timeline_row{align-items: center;} .s_timeline .s_timeline_row .s_timeline_content{align-items: center; -webkit-box-pack: end; justify-content: flex-end; width: 100%;} .s_timeline .s_timeline_row .s_timeline_content ~ .s_timeline_content{-webkit-box-pack: start; justify-content: flex-start;} .s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content{flex-direction: row-reverse;} @media (min-width: 768px){.s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content{flex-direction: row-reverse;}.s_timeline .s_timeline_row.flex-row-reverse .s_timeline_content:not(:last-child){margin-left: 10%;}.s_timeline .s_timeline_row:not(.flex-row-reverse) .s_timeline_content:last-child{margin-left: 10%;}} .s_timeline .s_timeline_date{text-align: center;} @media (min-width: 768px){.s_timeline .s_timeline_date{position: absolute; left: 0%; right: 0%;}} @media (max-width: 767.98px){.s_timeline .s_timeline_date{position: relative; margin: 20px 0px;}} .s_timeline .s_timeline_date span:not(.fa){display: inline-block; padding: 5px;} .s_timeline .s_timeline_date .fa{margin: 0 15px;} .s_timeline .s_timeline_icon{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin: 15px; z-index: 1;}