/* SxProfileWeb | Zhongde Liu | Build: 09/2018 *//* corporate */ /* GENERATE FROM THEO (root): sass --style compact --line-numbers --sourcemap=none --unix-newlines static/profile/css/corporate_scss/sx-profileweb-corporate.scss static/profile/css/sx-profileweb-corporate.css */ .ui-datepicker { display: none; } .hasDatepicker { background-image: url(/common/img/app/typo3/tt_corporate/datepicker/bg-datapicker.gif); background-repeat: no-repeat; background-position: 97% 50%; } .sx-gc-clearfix, .sx-pw-module-wrapper, .sx-pw-rental-activities-messages, .sx-pw-rental-activities-current-rentals, .sx-pw-rental-activities-reservations, .sx-pw-rental-activities-past-rentals, .sx-pw-newreservation-container, .sx-pw-offers-container { min-height: 1px; clear: both; } .sx-gc-clearfix:after, .sx-pw-module-wrapper:after, .sx-pw-rental-activities-messages:after, .sx-pw-rental-activities-current-rentals:after, .sx-pw-rental-activities-reservations:after, .sx-pw-rental-activities-past-rentals:after, .sx-pw-newreservation-container:after, .sx-pw-offers-container:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; } .sx-gc-leftfloater { float: left; } .sx-gc-rightfloater { float: right; } .sx-gc-textright { text-align: right; } .sx-gc-textleft { text-align: left; } .sx-gc-hidden { display: none !important; } .sx-gc-nonvisible { visibility: hidden !important; } .sx-gc-value { white-space: nowrap; } .sx-pw-inline { display: inline-block; vertical-align: middle; } * + html .sx-pw-inline { display: inline; } .sx-gc-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .sx-gc-notransition * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } #sx-pw-title h1 { padding-top: 10px; padding-bottom: 10px; } address { font-style: italic; padding-bottom: 10px; } address .sx-pw-address-line { display: block; } .margin-top--default { margin-top: 1em; } .margin-bottom--default { margin-bottom: 1em; } p { padding-bottom: 5px; } p.sx-pw-intro, p.sx-gc-paragraph { padding-bottom: 15px; } .sx-pw-footer { margin-top: 50px; margin-bottom: 150px; } .sx-pw-footer a { margin-left: 10px; } .sx-pw-footer-margin-top { margin-top: 0px; transform: translateX(-10px); } /* h3.sx-pw-inline { padding: 0; margin-top: 2px; margin-right: 10px; margin-bottom: 3px; } .sx-gc-button-inline { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 20px; } .sx-pw-error-text { color: $error_color; font-weight: bold; } .sx-pw-video-img { @include box-shadow(3px 3px 6px $standard_text_color); } */ .sx-gc-loading-wheel-base, .sx-pw-reservation-list-wrapper .sx-gc-loading-wheel, .sx-pw-invoice-table-wrapper .sx-gc-loading-wheel, .sx-pw-profilelist-content .sx-gc-loading-wheel, .sx-pw-payment-block .sx-gc-loading-wheel, .sx-pw-rental-activities .sx-gc-loading-wheel, *.sx-pw-page-start .sx-gc-loading-wheel { position: absolute; top: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.8); *background-color: #ffffff; width: 100%; height: 100%; z-index: 3000; } .sx-gc-loading-wheel span { display: block; } .sx-gc-button-wrapper .sx-gc-loading-wheel img { height: 16px; width: auto; margin-top: 8px; } .sx-pw-profilelist-content .sx-gc-loading-wheel img { margin-top: 15px; margin-left: 15px; } .sx-pw-payment-block { position: relative; } .sx-pw-rental-activities .sx-gc-loading-wheel { text-align: center; } .sx-pw-rental-activities .sx-gc-loading-wheel img { margin-top: 50px; margin-bottom: 15px; } *.sx-pw-page-start .sx-gc-loading-wheel { overflow: hidden; position: static; padding-left: 20%; padding-bottom: 15px; width: auto; } *.sx-pw-page-start .sx-gc-loading-wheel img { float: left; } *.sx-pw-page-start .sx-gc-loading-wheel span { float: left; margin-top: 10px; margin-left: 10px; } .sx-gc-icon { background-image: url(/common/img/app/typo3/tt_corporate_base/icons/icon-sprite.png); background-repeat: no-repeat; float: left; display: block; width: 24px; height: 24px; } .sx-gc-icon.sx-gc-icon-search { background-position: -310px -2012px; } a:hover .sx-gc-icon.sx-gc-icon-search, .sx-gc-icon.sx-gc-icon-search:hover { background-position: -290px -2042px; } .sx-gc-icon.sx-gc-icon-new { background-position: -110px -1233px; } a:hover .sx-gc-icon.sx-gc-icon-new, .sx-gc-icon.sx-gc-icon-new:hover { background-position: -90px -1263px; } .sx-gc-icon.sx-gc-icon-edit { background-position: -430px -1832px; } a:hover .sx-gc-icon.sx-gc-icon-edit, .sx-gc-icon.sx-gc-icon-edit:hover { background-position: -410px -1862px; } .sx-gc-icon.sx-gc-icon-rightarrow { background-position: -390px -274px; } a:hover .sx-gc-icon.sx-gc-icon-rightarrow, .sx-gc-icon.sx-gc-icon-rightarrow:hover { background-position: -370px -304px; } .sx-gc-icon.sx-gc-icon-express { background-position: -151px -634px; } a:hover .sx-gc-icon.sx-gc-icon-express, .sx-gc-icon.sx-gc-icon-express:hover { background-position: -131px -664px; } .sx-gc-icon.sx-gc-icon-rebook { background-position: -33px -274px; } a:hover .sx-gc-icon.sx-gc-icon-rebook, .sx-gc-icon.sx-gc-icon-rebook:hover { background-position: -13px -304px; } .sx-gc-icon.sx-gc-icon-storno { background-position: -351px -334px; } a:hover .sx-gc-icon.sx-gc-icon-storno, .sx-gc-icon.sx-gc-icon-storno:hover { background-position: -331px -364px; } .sx-gc-icon.sx-gc-icon-detail { background-position: -431px -4px; } a:hover .sx-gc-icon.sx-gc-icon-detail, .sx-gc-icon.sx-gc-icon-detail:hover { background-position: -431px -34px; } .sx-gc-icon.sx-gc-icon-addday { background-position: -432px -754px; } a:hover .sx-gc-icon.sx-gc-icon-addday, .sx-gc-icon.sx-gc-icon-addday:hover { background-position: -412px -784px; } .sx-gc-icon.sx-gc-icon-remday { background-position: -392px -814px; } a:hover .sx-gc-icon.sx-gc-icon-remday, .sx-gc-icon.sx-gc-icon-remday:hover { background-position: -372px -844px; } .sx-gc-icon.sx-gc-icon-damage { background-position: -232px -1594px; } a:hover .sx-gc-icon.sx-gc-icon-damage, .sx-gc-icon.sx-gc-icon-damage:hover { background-position: -212px -1624px; } .sx-gc-icon.sx-gc-icon-lost { background-position: -191px -1654px; } a:hover .sx-gc-icon.sx-gc-icon-lost, .sx-gc-icon.sx-gc-icon-lost:hover { background-position: -171px -1684px; } .sx-gc-icon.sx-gc-icon-carstate { background-position: -70px -1290px; } a:hover .sx-gc-icon.sx-gc-icon-carstate, .sx-gc-icon.sx-gc-icon-carstate:hover { background-position: -50px -1320px; } .sx-gc-icon.sx-gc-icon-complete { background-position: -431px -1833px; } a:hover .sx-gc-icon.sx-gc-icon-complete, .sx-gc-icon.sx-gc-icon-complete:hover { background-position: -411px -1863px; } .sx-gc-icon.sx-gc-icon-adbook { background-position: -431px -1294px; } a:hover .sx-gc-icon.sx-gc-icon-adbook, .sx-gc-icon.sx-gc-icon-adbook:hover { background-position: -411px -1324px; } .sx-gc-icon.sx-gc-icon-confirm { background-position: -391px -1353px; } a:hover .sx-gc-icon.sx-gc-icon-confirm, .sx-gc-icon.sx-gc-icon-confirm:hover { background-position: -371px -1383px; } .sx-gc-icon.sx-gc-icon-inv { background-position: -191px -574px; } a:hover .sx-gc-icon.sx-gc-icon-inv, .sx-gc-icon.sx-gc-icon-inv:hover { background-position: -171px -604px; } .sx-gc-icon.sx-gc-icon-ticket { background-position: -191px -1114px; } a:hover .sx-gc-icon.sx-gc-icon-ticket, .sx-gc-icon.sx-gc-icon-ticket:hover { background-position: -171px -1144px; } .sx-gc-icon.sx-gc-icon-bonus { background-position: -231px -2131px; } a:hover .sx-gc-icon.sx-gc-icon-bonus, .sx-gc-icon.sx-gc-icon-bonus:hover { background-position: -211px -2161px; } .sx-gc-icon.sx-gc-icon-rate { background-position: -71px -212px; } a:hover .sx-gc-icon.sx-gc-icon-rate, .sx-gc-icon.sx-gc-icon-rate:hover { background-position: -51px -242px; } .sx-gc-icon.sx-gc-icon-download { background-position: -31px -1354px; } a:hover .sx-gc-icon.sx-gc-icon-download, .sx-gc-icon.sx-gc-icon-download:hover { background-position: -11px -1384px; } .sx-gc-icon.sx-gc-icon-pdf { background-position: -351px -1953px; } a:hover .sx-gc-icon.sx-gc-icon-pdf, .sx-gc-icon.sx-gc-icon-pdf:hover { background-position: -331px -1983px; } .sx-gc-icon.sx-gc-icon-settings { background-position: -31px -814px; } a:hover .sx-gc-icon.sx-gc-icon-settings, .sx-gc-icon.sx-gc-icon-settings:hover { background-position: -11px -844px; } .sx-gc-icon.sx-gc-icon-card { background-position: -31px -1893px; } a:hover .sx-gc-icon.sx-gc-icon-card, .sx-gc-icon.sx-gc-icon-card:hover { background-position: -11px -1923px; } .sx-gc-icon.sx-gc-icon-chat_reservations { background-position: -151px -1712px; } a:hover .sx-gc-icon.sx-gc-icon-chat_reservations, .sx-gc-icon.sx-gc-icon-chat_reservations:hover { background-position: -131px -1742px; } .sx-gc-icon-chat_invoices { background-position: -111px -1772px; } a:hover .sx-gc-icon-chat_invoices, .sx-gc-icon-chat_invoices:hover, .sx-gc-icon-chat_invoices-hovered { background-position: -91px -1802px; } .sx-gc-icon-car { background-position: -71px -1833px; } a:hover .sx-gc-icon-car, .sx-gc-icon-car:hover, .sx-gc-icon-car-hovered { background-position: -51px -1863px; } .sx-gc-button-wrapper > button, .sx-gc-button-wrapper > a, .sx-pw-list-button-wrapper > button, .sx-pw-list-button-wrapper > a { float: right; } .sx-gc-button-wrapper > button.sx-gc-button-cta, .sx-pw-list-button-wrapper > button.sx-gc-button-cta { float: none; } .sx-gc-button-wrapper ul li, .sx-pw-list-button-wrapper ul li { display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } a[name] { text-decoration: none; position: absolute; } a.sx-gc-button-verysmall-back { background: url(/common/img/app/typo3/typo3-corporate/default/buttons/arrow-norm-back.png) no-repeat scroll 0px 50% transparent; color: #03326C; font-size: 14px; display: inline-block; padding: 6px 0px 6px 20px !important; text-decoration: none; cursor: pointer; vertical-align: middle; } a.sx-gc-button-verysmall-back:hover { text-decoration: underline; } a.sx-gc-button-verysmall-next { background: url(/common/img/app/typo3/typo3-corporate/default/buttons/arrow-link.png) no-repeat scroll 0px 50% transparent; color: #03326C; display: inline-block; padding: 6px 0px 6px 20px !important; text-decoration: none; cursor: pointer; vertical-align: middle; } a.sx-gc-button-verysmall-next:hover { text-decoration: underline; } a.sx-gc-iconlink { position: relative; display: block; color: #03326C; padding: 6px 0px 6px 22px !important; text-decoration: none; vertical-align: middle; } a.sx-gc-iconlink:hover { text-decoration: underline; } a.sx-gc-iconlink .sx-gc-icon { position: absolute; top: 5px; left: 0px; } a.sx-gcf-iconlink { position: relative; display: block; color: #03326C; padding: 6px 0px 6px 22px !important; text-decoration: none; vertical-align: middle; } a.sx-gcf-iconlink:hover { text-decoration: none; color: #ff7d19; } a.sx-gcf-iconlink .sx-gc-icon { position: absolute; top: 5px; left: 0px; } /* .sx-pw-linklist li { @extend .sx-gc-clearfix; } label a { color: inherit; text-decoration: underline; } .sx-pw-iconlink-list { margin-bottom: 10px; a.sx-gc-iconlink { display: block; clear: both; span { height: 20px; } } } .sx-pw-iconlink-list .sx-gc-normal-weight, a.sx-gc-normal-weight, .sx-gc-button-normal-weight { font-weight: normal; } .sx-pw-invoice-table a.sx-gc-iconlink, .sx-pw-damage-table a.sx-gc-iconlink, .sx-pw-ticket-table a.sx-gc-iconlink { display: block; clear: both; margin-bottom: 3px; } .sx-pw-payment-block a.sx-gc-iconlink { display: block; clear: both; margin-bottom: 6px; } a strong { font-weight: bold; } */ /* ----------------------------------------- corporate form basics ----------------------------------------- */ form fieldset { border: none; } form label, form .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container form .sx-pw-selectlabel, form .sx-pw-form-container .sx-pw-selectlabel-long, .sx-pw-form-container form .sx-pw-selectlabel-long { color: #666; } .sx-default-form .sx-gc-leftfloater { float: none; } .sx-default-form p { overflow: hidden; } .sx-default-form input[type="file"] { border: 1px solid #666666; padding: 3px; margin: 0 0 1% 0; width: 66%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #666666; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .sx-default-form .sx-multi-label { display: inline-block; padding: 3px 3% 3px 0; margin: 0 0 1% 0; width: 33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right; vertical-align: middle; } .sx-default-form .sx-in-formline input { position: static; width: 33%; margin: 0; } @media (max-width: 499px) { .sx-default-form .sx-in-formline input { position: absolute; } } .sx-default-form .sx-multiline-label { overflow: hidden; } .sx-default-form .sx-multiline-label label, .sx-default-form .sx-multiline-label .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container .sx-default-form .sx-multiline-label .sx-pw-selectlabel, .sx-default-form .sx-multiline-label .sx-pw-form-container .sx-pw-selectlabel-long, .sx-pw-form-container .sx-default-form .sx-multiline-label .sx-pw-selectlabel-long { line-height: 150%; padding-top: 0px !important; } .sx-default-form .sx-fake-radio label, .sx-default-form .sx-fake-radio .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container .sx-default-form .sx-fake-radio .sx-pw-selectlabel, .sx-default-form .sx-fake-radio .sx-pw-form-container .sx-pw-selectlabel-long, .sx-pw-form-container .sx-default-form .sx-fake-radio .sx-pw-selectlabel-long, .sx-default-form .sx-fake-checkbox label, .sx-default-form .sx-fake-checkbox .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container .sx-default-form .sx-fake-checkbox .sx-pw-selectlabel, .sx-default-form .sx-fake-checkbox .sx-pw-form-container .sx-pw-selectlabel-long, .sx-pw-form-container .sx-default-form .sx-fake-checkbox .sx-pw-selectlabel-long { cursor: pointer; } .sx-default-form input[readonly], .sx-default-form select[readonly] { background-color: #efefef; } .ie7 .sx-default-form .sx-in-formline input { width: 35%; } .ie8 .sx-default-form .sx-in-formline input { width: 33%; margin: 0; } .sx-shaded-container { color: #666666; padding: 20px 20px 10px 20px; margin: 0 0 20px 0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); overflow: hidden; } .ie7 .sx-shaded-container, .ie8 .sx-shaded-container { border: 1px solid #666666; } .sx-cta-area-form { padding-bottom: 3px; } .sx-cta-area-form .sx-cta-area { background: #FFFFFF; padding: 20px 16px 15px 16px; width: 100%; text-align: center; color: #fff; } .sx-cta-area-form .sx-border-cta-area { border: 1px solid #e6e6e6; margin: 0; width: auto; } .sx-cta-area-form .sx-cta-area .form-element { margin: 1% 0; padding: 2%; background: #fff; text-align: left; } .sx-cta-area-form .sx-cta-area .sx-gc-button-wrapper { padding-top: 10px; } .ie7 .sx-default-form INPUT[type=text] { line-height: 150%; } .ie7 .sx-default-form INPUT[type=password] { line-height: 140%; } /*--------------------------------------------*/ .sx-pw-mainwrapper .sx-gc-customerform { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } form p, div.form-element { padding-bottom: 5px; } .sx-gc-error-field { color: #ff0000; } .sx-gc-error-field input.sx-gc-error-field, .sx-gc-error-field input[type=text].sx-gc-error-field, .sx-gc-error-field input[type=password].sx-gc-error-field, .sx-gc-error-field textarea.sx-gc-error-field, .sx-gc-error-field select.sx-gc-error-field { color: #333333; border: 1px solid #ff0000; } .sx-pw-form-container .sx-pw-fullelement { display: block; width: 99%; } .sx-pw-form-container .sx-pw-form-element-line { position: relative; } .sx-pw-form-container .sx-pw-form-line { clear: both; overflow: hidden; zoom: 1; margin: 0; padding-bottom: 10px; } .sx-pw-form-container input, .sx-pw-form-container input[type=text], .sx-pw-form-container input[type=password] { width: 50%; color: #333333; border: 1px solid #666; padding: 3px; margin: 0px 0px 10px; min-height: 28px; box-sizing: border-box; vertical-align: middle; border-radius: 0px; } .sx-pw-form-container input[readonly], .sx-pw-form-container input[type=text][readonly], .sx-pw-form-container input[type=password][readonly] { background-color: #eee; } @media (max-width: 499px) { .sx-pw-form-container input, .sx-pw-form-container input[type=text], .sx-pw-form-container input[type=password] { width: 100%; } } .sx-pw-form-container select { width: 50%; color: #333333; border: 1px solid #666; padding: 3px; margin: 0px 0px 10px; min-height: 28px; box-sizing: border-box; vertical-align: middle; border-radius: 0px; } .sx-pw-form-container select[readonly] { background-color: #eee; } @media (max-width: 499px) { .sx-pw-form-container select { width: 100%; } } .sx-pw-form-container textarea { width: 50%; color: #333333; border: 1px solid #666; padding: 3px; margin: 0px 0px 10px; min-height: 28px; box-sizing: border-box; vertical-align: middle; border-radius: 0px; min-height: 120px; } .sx-pw-form-container textarea[readonly] { background-color: #eee; } @media (max-width: 499px) { .sx-pw-form-container textarea { width: 100%; } } .sx-pw-form-container input.sx-inputfield-short { width: 30%; } .sx-pw-form-container input.sx-inputfield-middle { width: 40%; } .sx-pw-form-container .sx-pw-element-footertext { width: 51%; text-align: right; padding-left: 38%; } .sx-pw-form-container .sx-pw-form-displayonly { display: inline-block; padding: 5px; } .sx-pw-form-container .sx-pw-form-displayonly.sx-pw-form-fullwidth { width: auto; } .sx-pw-form-container label, .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container .sx-pw-selectlabel-long { width: 35%; text-align: right; display: block; float: left; clear: both; margin-right: 3%; padding-top: 5px; } @media (max-width: 499px) { .sx-pw-form-container label, .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container .sx-pw-selectlabel-long { float: none; width: auto; text-align: left; } } .sx-pw-form-container label.sx-pw-label-long, .sx-pw-form-container .sx-pw-label-long.sx-pw-selectlabel, .sx-pw-form-container .sx-pw-label-long.sx-pw-selectlabel-long { width: 46%; } @media (max-width: 499px) { .sx-pw-form-container label.sx-pw-label-long, .sx-pw-form-container .sx-pw-label-long.sx-pw-selectlabel, .sx-pw-form-container .sx-pw-label-long.sx-pw-selectlabel-long { width: auto; } } .sx-pw-form-container label.sx-pw-toplabel, .sx-pw-form-container .sx-pw-toplabel.sx-pw-selectlabel, .sx-pw-form-container .sx-pw-toplabel.sx-pw-selectlabel-long { float: none; width: auto; text-align: left; margin-bottom: 6px; } .sx-pw-form-container label.sx-gc-ck-label, .sx-pw-form-container .sx-gc-ck-label.sx-pw-selectlabel, .sx-pw-form-container .sx-gc-ck-label.sx-pw-selectlabel-long { display: inline; float: none; text-align: left; padding-top: 0px; } .sx-pw-form-container label.sx-gc-ck-label.sx-gc-ck-label-block, .sx-pw-form-container .sx-gc-ck-label.sx-gc-ck-label-block.sx-pw-selectlabel, .sx-pw-form-container .sx-gc-ck-label.sx-gc-ck-label-block.sx-pw-selectlabel-long { display: inline-block; width: 90%; vertical-align: top; padding-top: 2px; } .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container .sx-pw-selectlabel-long { padding-top: 0px; } .sx-pw-form-container .sx-pw-selectlabel select, .sx-pw-form-container .sx-pw-selectlabel-long select { width: 90%; } .sx-pw-form-container .sx-pw-selectlabel-long { width: 46%; } @media (max-width: 499px) { .sx-pw-form-container .sx-pw-selectlabel-long { width: auto; margin-right: 0; } .sx-pw-form-container .sx-pw-selectlabel-long select { width: 100%; } } .sx-pw-form-container .sx-pw-hidden-label { display: none; } .sx-pw-form-container form fieldset legend { margin-top: 1em; } .sx-pw-form-container form fieldset legend h5 { padding-bottom: 5px; } .sx-pw-form-container form p.sx-gc-error-field .sx-pw-selectlabel, .sx-pw-form-container form p.sx-gc-error-field .sx-pw-selectlabel-long, .sx-pw-form-container form p.sx-gc-error-field .sx-pw-selectlabel-long { color: #ff0000; } .sx-pw-form-container form p.sx-gc-error-field .sx-pw-selectlabel select, .sx-pw-form-container form p.sx-gc-error-field .sx-pw-selectlabel-long select, .sx-pw-form-container form p.sx-gc-error-field .sx-pw-selectlabel-long select { border: 1px solid #ff0000; } .sx-pw-form-container .sx-pw-form-two-select-horizontal div { width: 51.7%; margin-left: 38%; } .sx-pw-form-container .sx-pw-form-two-select-horizontal select { width: 49%; margin-right: 1%; } .sx-pw-form-container .sx-pw-form-two-select-vertical div { margin-left: 38%; width: 90%; } .sx-pw-form-container .sx-pw-form-two-select-vertical select { width: 57%; margin: 2px 0px; } .sx-pw-form-container .sx-pw-form-two-select-long { height: 7em; } .sx-pw-form-container .sx-pw-form-two-select-single select { width: 51.7%; margin: 2px 0px; } .sx-pw-form-container .sx-pw-form-two-select-single select option { margin-left: 10px; display: none; } .sx-pw-form-container .sx-pw-form-two-select-single select.sx-pw-form-two-select-long { height: 14em !important; } form div.sx-pw-form-topbar { padding: 20px 20px 10px; margin: 20px 0px 0px 0px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); *zoom: 1; } form div.sx-pw-form-topbar input, form div.sx-pw-form-topbar textarea, form div.sx-pw-form-topbar select { width: 50%; color: #333333; border: 1px solid #666; padding: 3px; margin: 0px 0px 10px; min-height: 28px; box-sizing: border-box; vertical-align: middle; border-radius: 0px; width: auto; display: inline-block; vertical-align: inherit; } form div.sx-pw-form-topbar input[readonly], form div.sx-pw-form-topbar textarea[readonly], form div.sx-pw-form-topbar select[readonly] { background-color: #eee; } @media (max-width: 499px) { form div.sx-pw-form-topbar input, form div.sx-pw-form-topbar textarea, form div.sx-pw-form-topbar select { width: 100%; } } .sx-pw-form-element-list .sx-gc-rd { clear: left; float: left; } .sx-pw-form-element-list label.sx-gc-ck-label, .sx-pw-form-element-list .sx-pw-form-container .sx-gc-ck-label.sx-pw-selectlabel, .sx-pw-form-container .sx-pw-form-element-list .sx-gc-ck-label.sx-pw-selectlabel, .sx-pw-form-element-list .sx-pw-form-container .sx-gc-ck-label.sx-pw-selectlabel-long, .sx-pw-form-container .sx-pw-form-element-list .sx-gc-ck-label.sx-pw-selectlabel-long { width: auto; display: block; clear: none; float: none; margin-top: 3px; margin-left: 20px; margin-right: 0px; } .sx-pw-mainwrapper .sx-pw-form-container .sx-gc-zip { width: 14%; margin-right: 2%; } .sx-pw-mainwrapper .sx-pw-form-container .sx-gc-town { width: 33%; } .sx-pw-mainwrapper .sx-pw-form-container .sx-gc-dmy { width: 15%; float: left; } .sx-pw-mainwrapper .sx-pw-form-container .sx-gc-dmy-last { width: 20%; } .sx-pw-mainwrapper .sx-pw-form-container .sx-gc-my-month { width: 17%; } .sx-pw-mainwrapper .sx-pw-form-container .sx-gc-my-year { width: 17%; margin-left: 10px; } .sx-pw-payment-block select.sx-pw-payment-select { width: 60%; margin-bottom: 0px; } .sx-pw-entry-centered { text-align: center; padding-top: 10px; padding-bottom: 15px; } .sx-pw-entry-centered label, .sx-pw-entry-centered .sx-pw-form-container .sx-pw-selectlabel, .sx-pw-form-container .sx-pw-entry-centered .sx-pw-selectlabel, .sx-pw-entry-centered .sx-pw-form-container .sx-pw-selectlabel-long, .sx-pw-form-container .sx-pw-entry-centered .sx-pw-selectlabel-long { font-weight: bold; margin-right: 10px; } .sx-pw-search-form select.sx-gc-txt { width: 25%; } @media (max-width: 499px) { .sx-pw-search-form select.sx-gc-txt { width: 100%; } } .sx-pw-search-fields .sx-pw-form-container input { width: 25%; margin-right: 0px; } @media (max-width: 499px) { .sx-pw-search-fields .sx-pw-form-container input { width: 100%; } } .sx-pw-search-info { display: none; overflow: hidden; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; padding: 5px; } .sx-pw-search-fields { display: none; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; padding-left: 10%; padding-right: 10%; } .sx-pw-search-fields h4 { padding-top: 20px; } /* ----------------------------------------- global form elements ----------------------------------------- */ input.sx-gc-ck { vertical-align: middle; margin: 5px 3px 3px 0; height: 14px; min-height: 14px; width: 14px; } input.sx-gc-rd { vertical-align: middle; margin: 5px 3px 3px 0; height: 14px; min-height: 14px; width: 14px; } /* ----------------------------------------- tooltip forms -------------------------------------------- */ .sx-tooltip { display: none; position: absolute; left: -9999px; } .show-tooltip .sx-tooltip { position: relative; z-index: 9999; display: block; background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); bottom: auto; color: #111119; line-height: 150%; right: auto; top: 0px; left: 34%; width: 61%; padding: 1% 2%; border: 1px solid #ddd; } @media (max-width: 499px) { .show-tooltip .sx-tooltip { width: 100%; left: 0%; } } .sx-tooltip:after, .sx-tooltip:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .sx-tooltip:after { border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .sx-tooltip:before { border-color: transparent; border-bottom-color: #ddd; border-width: 9px; margin-left: -9px; } #company_details #company_details_bonusProgram { width: 100%; } #company_details #company_details_bonusProgram #bonusReset { width: 67%; float: right; display: none; text-decoration: none; margin-top: 10px; cursor: pointer; } #company_details #company_details_bonusProgram #bonusReset .sx-icon-close_small { vertical-align: middle; font-size: 10px; } @media (max-width: 499px) { #company_details #company_details_bonusProgram #bonusReset, #company_details #company_details_bonusProgram #company_details_bonusProgram_verification, #company_details #company_details_bonusProgram .file-info { width: 100%; float: none; } } .sx-pw-profile-state-incomplete { color: #ff0000; font-weight: bold; padding-bottom: 10px; } .sx-pw-profile-state-complete { color: #008000; font-weight: bold; padding-bottom: 10px; } .sx-gc-error { clear: both; background-color: #F3C4C4; border: 2px solid #ff0000; color: #111119; margin-top: 10px; margin-bottom: 18px; padding-top: 6px; padding-right: 10px; padding-left: 10px; } .sx-gc-error p { font-weight: bold; padding-bottom: 6px; margin: 0; color: #111119; } .sx-gc-info { clear: both; background-color: #fff3e3; border: 2px solid #6f3300; color: #111119; margin-top: 10px; margin-bottom: 18px; padding-top: 6px; padding-right: 10px; padding-left: 10px; } .sx-gc-info p { font-weight: bold; padding-bottom: 6px; margin: 0; color: #111119; } .sx-pw-address-corrections { margin-bottom: 12px; } .sx-pw-address-corrections span { font-weight: bold; } .sx-pw-address-corrections li { list-style: disc; margin-bottom: 6px; margin-left: 20px; } .sx-pw-address-corrections li a { display: block; } .sx-gc-message-wrapper { margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 0; } .sx-pw-page-invoiceaddresschange .sx-gc-message-wrapper, .sx-pw-page-businessprofile .sx-gc-message-wrapper, .sx-pw-page-privateprofile .sx-gc-message-wrapper { margin-bottom: 30px; } .sx-gc-message { margin-bottom: 6px; } .sx-gc-message p { margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 6px; padding-left: 0; } .sx-gc-message .sx-gc-message-text { margin-left: 48px; padding-top: 10px; padding-right: 20px; min-height: 25px; } .sx-gc-message .sx-gc-message-icon { float: left; display: block; height: 48px; width: 48px; background-image: url(/common/img/app/profile/default/kdc_message_icons.png); } .sx-gc-message-info-login { border-radius: 3px !important; background-color: #fff3e0 !important; border: solid 1px #e8d8bf !important; } .sx-gc-message-info { border: 1px solid #244e7a; background-color: #e3f3fe; color: #1e456d; } .sx-gc-message-info a { color: #1e456d !important; } .sx-gc-message-info .sx-gc-message-icon { background-position: 0px -53px; } .sx-gc-message-warning { border: 1px solid #7a2624; background-color: #fff3e3; color: #6f3300; } .sx-gc-message-warning a { color: #6f3300 !important; } .sx-gc-message-warning .sx-gc-message-icon { background-position: 0px -101px; } .sx-gc-message-ok { border: 1px solid #46763d; background-color: #d2fdda; color: #0a3f14; } .sx-gc-message-ok a { color: #0a3f14 !important; } .sx-gc-message-ok .sx-gc-message-icon { background-position: 0px -5px; } div.card, div.ask { width: auto; position: relative; border: 1px solid #e6e6e6; margin: 25px auto; padding: 16px; overflow: hidden; } div.card:after, div.ask:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; } @media (max-width: 499px) { div.card, div.ask { border: none; } div.card > *, div.ask > * { width: 100%; } } div.ask { text-align: center; margin-top: -10px; } div.ask .action-items { text-align: center; } div.ask .action-items ul { display: inline-block; margin: 0; padding: 0; /* For IE, the outcast */ zoom: 1; *display: inline; } div.ask .action-items li { float: left; padding: 2px 5px; } .sx-pw-card { position: relative; width: 43%; max-width: 240px; min-width: 210px; float: left; margin-right: 3%; } .sx-pw-card img { width: 100%; } .sx-pw-card.sx-pw-card-nocard { border: 1px solid #e8e8e8; } .sx-pw-card.sx-pw-card-nocard .sx-pw-card-user { color: #333333; text-shadow: none; } .sx-pw-card .sx-pw-card-user, .sx-pw-card .sx-pw-card-user-nr { position: absolute; font-family: "Courier"; } .sx-pw-card .sx-pw-card-user-nr { font-size: 20px; letter-spacing: -2px; } .sx-pw-card .sx-pw-card-user-nr .spacer { padding: 4px; } .sx-pw-card .sx-pw-card-user-nr.background { bottom: 51px; left: 39px; color: #111119; text-shadow: 1px 1px 6px #111119; } .sx-pw-card .sx-pw-card-user-nr.foreground { bottom: 50px; left: 40px; color: #ddd; text-shadow: 1px 1px 6px #111119; } .sx-pw-card .sx-pw-card-user { right: 10px; line-height: 100%; padding-right: 35px; font-weight: bold; text-transform: uppercase; width: 190px; } .sx-pw-card .sx-pw-card-user.background { bottom: 16px; left: 15px; color: #111119; text-shadow: 1px 1px 6px #111119; } .sx-pw-card .sx-pw-card-user.foreground { bottom: 15px; left: 16px; color: #ddd; text-shadow: 1px 1px 6px #111119; } #search_container .sx-pw-card, #xxxxxxx_container .sx-pw-card { width: 34%; min-width: 0%; max-width: 100%; } #search_container .sx-pw-card-options, #xxxxxxx_container .sx-pw-card-options { width: 63%; } #search_container input, #xxxxxxx_container input { width: 65%; } @media (max-width: 499px) { #search_container .sx-pw-card, #xxxxxxx_container .sx-pw-card { display: none; } #search_container .sx-pw-card-options, #xxxxxxx_container .sx-pw-card-options { width: 100%; } #search_container input, #xxxxxxx_container input { width: 100%; } } .ie7 #search_container input { width: 60%; } .sx-pw-card-options { width: 54%; float: left; } .sx-pw-card-options:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; } .sx-pw-card-options .error-message { color: red; margin: 10px 0; } ul.action-items { position: relative; left: 0px; bottom: 0px; margin-top: 22px; } ul.action-items .sx-gc-loading-wheel img { height: 28px; float: left; margin-right: 10px; } ul.action-items li { float: left; padding-top: 5px; } ul.action-items li:first-child { float: left; margin-right: 15px; } .ie7 .card button { width: 165px; } .sx-pw-status-wrapper, .sx-gc-table { padding: 10px 20px 10px; margin: 0px 0px 20px 0px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); } .sx-pw-status-vis, .sx-pw-profile-bar { width: 70%; } .sx-pw-status-vis { position: relative; } #sx-pw-profile-complete { width: 70%; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border: 1px solid #a7a7a7; background: #ffffff; } #sx-pw-profile-complete div { height: 9px; background: #bacf6a; } .sx-pw-status-top { border-bottom: 1px solid #a7a7a7; } .sx-pw-status-bot { clear: both; padding-top: 10px; } p.sx-pw-result-text { margin-top: 10px; width: 100%; } .sx-pw-reservation-list .sx-pw-reservation-list-item { min-height: 1px; clear: both; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .sx-pw-reservation-list-multiple .sx-pw-reservation-list-item { border-bottom: 1px dotted #111119; } .sx-pw-reservation-list .sx-pw-reservation-list-item p { padding: 0 0 5px 0; } .sx-pw-reservation-list .sx-pw-reservation-list-item:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } .sx-pw-reservation-list .sx-pw-reservation-list-item .sx-gc-button-normal-red { float: none; } .sx-pw-reservation-list .sx-pw-reservation-list-details { width: 30%; } .sx-pw-reservation-list .sx-pw-reservation-list-status { width: 40%; } .sx-pw-reservation-list .sx-pw-reservation-list-options { width: 30%; } @media (max-width: 499px) { .sx-pw-reservation-list .sx-pw-reservation-list-details { width: 100%; } .sx-pw-reservation-list .sx-pw-reservation-list-status { width: 100%; } .sx-pw-reservation-list .sx-pw-reservation-list-options { width: 100%; } } .sx-pw-reservation-list-wrapper { position: relative; margin-top: 20px; min-height: 50px; } .sx-pw-invoice-table-wrapper { position: relative; margin-top: 20px; min-height: 50px; } table.sx-pw-damage-table tbody tr:hover, table.sx-pw-invoice-table tbody tr:hover, table.sx-pw-ticket-table tbody tr:hover { background-color: #f7f7f7; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } table.sx-pw-ticket-table, table.sx-pw-damage-table { margin-top: 10px; width: 100%; } table.sx-pw-damage-table tr td, table.sx-pw-damage-table tr th, table.sx-pw-invoice-table tr td, table.sx-pw-invoice-table tr th, table.sx-pw-ticket-table tr td, table.sx-pw-ticket-table tr th { border-bottom: 1px dotted #a7a7a7; } table.sx-pw-damage-table tr td, table.sx-pw-damage-table tr th, table.sx-pw-invoice-table tr td, table.sx-pw-invoice-table tr th, table.sx-pw-ticket-table tr td, table.sx-pw-ticket-table tr th { padding-bottom: 15px; padding-top: 10px; padding-left: 2px; padding-right: 8px; } table.sx-pw-invoice-table tr.sx-js-pw-side-invoice td { padding-top: 5px; padding-bottom: 5px; } table.sx-pw-damage-table tr td p table.sx-pw-invoice-table tr td p, table.sx-pw-ticket-table tr td p { padding: 0; } .sx-pw-invoice-table-check { width: 3%; } .sx-pw-invoice-table-pickup { width: 23%; } .sx-pw-invoice-table-rentalnr { width: 17%; } .sx-pw-invoice-table-price { width: 12%; } .sx-pw-invoice-table-actions { width: 22%; } .sx-pw-invoice-display { margin-top: 10px; margin-bottom: 40px; width: 100%; } .sx-pw-invoice-display th { padding-bottom: 10px; border-bottom: 1px solid #a7a7a7; } .sx-pw-invoice-display td { padding-top: 10px; padding-bottom: 10px; } .sx-pw-invoice-col-charge { width: 45%; } .sx-pw-invoice-col-unit { width: 10%; text-align: right; } .sx-pw-invoice-col-count { width: 10%; text-align: right; } .sx-pw-invoice-col-price { width: 15%; text-align: right; } .sx-pw-invoice-col-total { text-align: right; padding-right: 5%; } .sx-pw-invoice-row-footfirst td { border-top: 1px solid #a7a7a7; } .sx-pw-invoice-row-total td { font-weight: bold; border-bottom: 1px solid #a7a7a7; } @media (max-width: 499px) { table.sx-pw-ticket-table, table.sx-pw-invoice-table, table.sx-pw-damage-table { border-top: 1px solid #a7a7a7; } table.sx-pw-ticket-table thead, table.sx-pw-invoice-table thead, table.sx-pw-damage-table thead { display: none; } table.sx-pw-ticket-table tr, table.sx-pw-invoice-table tr, table.sx-pw-damage-table tr { display: block; border-bottom: 1px solid #a7a7a7; } table.sx-pw-ticket-table tr td, table.sx-pw-invoice-table tr td, table.sx-pw-damage-table tr td { display: inline-block; border-bottom: none; padding-bottom: 5px; padding-top: 5px; } table.sx-pw-ticket-table td:last-child, table.sx-pw-invoice-table td:last-child, table.sx-pw-damage-table td:last-child { width: 100%; } table.sx-pw-ticket-table td:last-child a, table.sx-pw-invoice-table td:last-child a, table.sx-pw-damage-table td:last-child a { display: inline-block; margin-right: 10px; } table.sx-pw-invoice-display thead tr { border-bottom: 1px solid #a7a7a7; } table.sx-pw-invoice-display tr { display: block; } table.sx-pw-invoice-display td, table.sx-pw-invoice-display th { display: inline-block; border-bottom: none; padding-bottom: 5px; padding-top: 5px; } table.sx-pw-invoice-display .sx-pw-invoice-col-charge { width: 100%; } table.sx-pw-invoice-display .sx-pw-invoice-col-unit { width: 20%; text-align: center; } table.sx-pw-invoice-display .sx-pw-invoice-col-count { width: 20%; text-align: center; } table.sx-pw-invoice-display .sx-pw-invoice-col-price { width: 30%; text-align: center; } table.sx-pw-invoice-display .sx-pw-invoice-col-total { padding-right: 2%; float: right; } table.sx-pw-invoice-display .sx-pw-invoice-row-footfirst { border-top: 1px solid #a7a7a7; } table.sx-pw-invoice-display .sx-pw-invoice-row-footfirst td { border-top: none; } table.sx-pw-invoice-display .sx-pw-invoice-row-total { font-weight: bold; border-bottom: 1px solid #a7a7a7; } } /* ----------------------------------------------- action box ----------------------------------------------- */ @-moz-keyframes boxzindex1 { 0% { z-index: 1000; } 10% { z-index: 1200; } } @-moz-keyframes boxzindex2 { 0% { z-index: 1200; } 90% { z-index: 1200; } 100% { z-index: 1000; } } @-webkit-keyframes boxzindex1 { 0% { z-index: 1000; } 10% { z-index: 1200; } } @-webkit-keyframes boxzindex2 { 0% { z-index: 1200; } 90% { z-index: 1200; } 100% { z-index: 1000; } } @-ms-keyframes boxzindex1 { 0% { z-index: 1000; } 10% { z-index: 1200; } } @-ms-keyframes boxzindex2 { 0% { z-index: 1200; } 90% { z-index: 1200; } 100% { z-index: 1000; } } @-o-keyframes boxzindex1 { 0% { z-index: 1000; } 10% { z-index: 1200; } } @-o-keyframes boxzindex2 { 0% { z-index: 1200; } 90% { z-index: 1200; } 100% { z-index: 1000; } } .sx-gc-action-box { -webkit-box-shadow: inset 2px 2px 2px #b1b1b1; -moz-box-shadow: inset 2px 2px 2px #b1b1b1; box-shadow: inset 2px 2px 2px #b1b1b1; position: relative; height: 14px; border: 1px solid #a7a7a7; font-weight: bold; background: transparent url(/common/img/app/typo3/tt_corporate_base/sx-base-sprites.gif) no-repeat 97% -57px; cursor: pointer; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 6px; padding-right: 30px; padding-bottom: 6px; padding-left: 6px; white-space: nowrap; -moz-animation: boxzindex2 0.5s; -webkit-animation: boxzindex2 0.5s; -ms-animation: boxzindex2 0.5s; -o-animation: boxzindex2 0.5s; z-index: 1000; } .sx-gc-action-box.is--hovered, .sx-gc-action-box.is--displayed { -moz-animation: boxzindex1 0.5s; -webkit-animation: boxzindex1 0.5s; -ms-animation: boxzindex1 0.5s; -o-animation: boxzindex1 0.5s; z-index: 1200; min-height: 1px; /* ie fix */ } .sx-gc-action-box div { -webkit-box-shadow: 2px 2px 3px #b1b1b1; -moz-box-shadow: 2px 2px 3px #b1b1b1; box-shadow: 2px 2px 3px #b1b1b1; overflow: hidden; width: 100%; position: absolute; top: 99%; left: -1px; background: #ffffff; font-weight: normal; border-left: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; } .sx-gc-action-box div ul { border-bottom: 1px solid #a7a7a7; margin-top: -500px; padding-top: 10px; padding-right: 3px; padding-bottom: 10px; padding-left: 3px; -moz-transition: margin 0.5s; -webkit-transition: margin 0.5s; -ms-transition: margin 0.5s; -o-transition: margin 0.5s; } .sx-gc-action-box.is--hovered div ul, .sx-gc-action-box.is--displayed div ul { margin-top: 0 !important; z-index: 1300; } .sx-gc-action-box div li { margin: 0; border: none; overflow: hidden; } .sx-pw-action-list a { font-weight: normal; text-overflow: ellipsis; overflow: hidden; } /* ----------------------------------------------- info tooltip ----------------------------------------------- */ .sx-gc-info-box { position: relative; z-index: 1500; display: inline; } .sx-gc-info-box-icon { background: transparent url(/common/img/app/typo3/tt_corporate_base/icons/icon-sprite.png) no-repeat 100% -3px; padding-right: 25px; min-height: 25px; display: inline-block; vertical-align: middle; } * + html .sx-gc-info-box-icon { display: inline; } .sx-gc-info-box-hover, .sx-gc-info-box:hover { z-index: 1100; } .sx-gc-info-box div { -webkit-box-shadow: 2px 2px 3px #333; -moz-box-shadow: 2px 2px 3px #333; box-shadow: 2px 2px 3px #333; display: none; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; width: 275px; position: absolute; top: 16px; right: -275px; margin: 0; background: #ffffff; color: #333333; } .sx-gc-info-box-hover div, .sx-gc-info-box:hover div, .sx-gc-info-box:focus div { display: block; } .sx-gc-info-box li { list-style: disc; margin: 0 0 0 8px; } .sx-gc-info-box ul { list-style: disc; margin: 0 0 10px 8px; } .sx-pw-form-element-line .sx-gc-info-box { position: absolute; bottom: 15px; right: 0; } .sx-pw-rental-rate-wrapper .sx-pw-rental-rate { display: none; } .sx-pw-rental-rate-wrapper .sx-pw-rental-rate p, .sx-pw-rental-rate-wrapper .sx-pw-rental-rate ul { display: inline-block; vertical-align: middle; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 0; padding: 0; } .sx-pw-rental-rate-wrapper .sx-pw-rental-rate li { display: inline-block; height: 17px; width: 17px; background: transparent url(/common/img/app/typo3/tt_corporate_base/icons/icon-rating-star.png) no-repeat -22px 0; } .sx-pw-rental-rate-wrapper .sx-pw-rental-rate li.sx-pw-rated { background-position: 0 0; } .sx-pw-rental-rate-wrapper.sx-pw-rental-rated .sx-pw-rental-rate { display: block; } .sx-pw-rental-rate-wrapper.sx-pw-rental-rated a { display: none; } * + .sx-pw-rental-rate-wrapper p, * + html .sx-pw-rental-rate-wrapper ul, * + html .sx-pw-rental-rate-wrapper li { display: inline; } .sx-pw-offers-container { position: relative; overflow: hidden; } .sx-pw-offers-container .sx-pw-offers-next, .sx-pw-offers-container .sx-pw-offers-prev { display: block; position: absolute; cursor: pointer; top: 40px; bottom: 0px; width: 34px; height: auto; background-repeat: no-repeat; background-position: 0px 25%; z-index: 5; } .sx-pw-offers-container .sx-pw-offers-next.sx-pw-offers-next-inactive, .sx-pw-offers-container .sx-pw-offers-next.sx-pw-offers-prev-inactive, .sx-pw-offers-container .sx-pw-offers-prev.sx-pw-offers-next-inactive, .sx-pw-offers-container .sx-pw-offers-prev.sx-pw-offers-prev-inactive { opacity: 0.5; cursor: default; } .sx-pw-offers-container .sx-pw-offers-prev { background-image: url(/common/img/app/reservation/default/bg/bg-rd-offer-back.png); left: 17px; } .sx-pw-offers-container .sx-pw-offers-next { background-image: url(/common/img/app/reservation/default/bg/bg-rd-offer-next.png); right: 17px; } .sx-pw-offers-container .sx-pw-offers { position: relative; overflow: hidden; padding-bottom: 10px; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list { padding-top: 3px; margin-left: 0px; -webkit-transition: margin-left 0.2s; -moz-transition: margin-left 0.2s; -o-transition: margin-left 0.2s; -ms-transition: margin-left 0.2s; transition: margin-left 0.2s; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item { -webkit-box-shadow: 0px 0px 5px #b1b1b1; -moz-box-shadow: 0px 0px 5px #b1b1b1; box-shadow: 0px 0px 5px #b1b1b1; position: relative; float: left; display: block; width: 745px; height: 198px; margin-left: 3px; margin-right: 3px; border: 1px solid #a7a7a7; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-button { position: absolute; top: auto; right: 86px; bottom: 46px; z-index: 11; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item.sx-pw-offers-banner .sx-pw-offer-button { position: absolute; right: 42px; bottom: 46px; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-img { float: left; width: 222px; height: 157px; margin-top: 7px; margin-right: 5px; margin-left: 35px; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-title { float: left; width: 202px; text-align: center; margin-top: 40px; margin-right: 30px; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-title h4 { font-size: 150%; line-height: 100%; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-title p { font-size: 130%; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-book { float: left; margin-top: 28px; text-align: center; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-book .sx-pw-offer-price p { font-size: 130%; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-book .sx-pw-offer-price span { display: block; color: #FF7D19; font-size: 300%; line-height: 100%; font-weight: bold; } .sx-pw-offers-container .sx-pw-offers .sx-pw-offers-list .sx-pw-offers-item .sx-pw-offer-limits { margin-top: 10px; margin-left: 10px; margin-right: 10px; float: left; clear: left; white-space: nowrap; visibility: hidden; } .sx-pagina-pagenavi { overflow: hidden; zoom: 1; text-align: center; margin-top: 15px; } .sx-pagina-pagenavi li { background-color: #ffffff; display: inline-block; text-align: center; width: 20px; height: 17px; border: 1px solid #a7a7a7; cursor: pointer; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; padding-top: 3px; *float: left; } .sx-pagina-pagenavi li.sx-pagina-page-selected { background-color: #FF7D19; } .sx-pagina-pagenavi li.sx-pagina-page-selected:hover { border: 1px solid #a7a7a7; color: inherit; } .sx-pagina-pagenavi li:hover { border: 1px solid #FF7D19; color: #FF7D19; } .sx-pagina-pagenavi .sx-pagina-page-next, .sx-pagina-pagenavi .sx-pagina-page-prev { background-color: #ffffff; float: left; height: 17px; border: 1px solid #a7a7a7; cursor: pointer; margin-right: 3px; margin-left: 3px; padding-top: 3px; padding-right: 5px; padding-left: 5px; } .sx-pagina-pagenavi .sx-pagina-page-next:hover, .sx-pagina-pagenavi .sx-pagina-page-prev:hover { border: 1px solid #FF7D19; color: #FF7D19; } .sx-pagina-pagenavi .sx-pagina-page-next { float: right; *float: left; } .sx-pagina-pagenavi .sx-pagina-page-list-wrapper { display: inline-block; max-width: 80%; text-align: center; *display: inline; } .sx-pagina-pagenavi .sx-pagina-page-first { margin-right: 20px; } .sx-pagina-pagenavi .sx-pagina-page-last { margin-left: 20px; } .sx-gc-pagination h3.sx-gc-pagination-header { font-size: 16px; font-weight: normal; color: #999; margin: 0px; border: 1px solid #999; cursor: pointer; } .sx-gc-pagination h3.sx-gc-pagination-header span { display: block; } .sx-gc-pagination h3.sx-gc-pagination-header .sx-gc-pagination-icon { position: absolute; width: 40px; height: 40px; display: block; } .sx-gc-pagination h3.sx-gc-pagination-header .sx-gc-pagination-icon span { background-image: url(/common/img/app/typo3/typo3-corporate/default/bg/accordeon-norm.png); background-position: 10px 50%; background-repeat: no-repeat; width: 40px; height: 40px; } .sx-gc-pagination h3.sx-gc-pagination-header .sx-gc-pagination-text { padding: 10px 10px 10px 40px; } .sx-gc-pagination h3.sx-gc-pagination-open { color: #FFF; background-color: #999; } .sx-gc-pagination h3.sx-gc-pagination-open .sx-gc-pagination-icon span { background-image: url(/common/img/app/typo3/typo3-corporate/default/bg/accordeon-sel.png); } .sx-gc-pagination .sx-gc-pagination-content { padding: 0; } .sx-gc-pagination .sx-gc-pagination-content div { background: #f7f7f7; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 40px; } .sx-gc-pagination .sx-gc-pagination-content div li { list-style: disc; margin-left: 20px; margin-right: 20px; } .sx-pw-module-wrapper { zoom: 1; padding: 20px; background-color: #ebebeb; } .sx-pw-module-wrapper h3 { font-size: 18px; font-weight: bold; text-align: left; color: #000000; padding-bottom: 35px; } .sx-pw-60-col { width: 57%; float: left; padding-right: 2%; } .sx-pw-70-col { width: 67%; float: left; padding-right: 2%; } .sx-pw-30-col { width: 27%; float: left; padding-right: 2%; } .sx-pw-40-col { width: 37%; float: left; padding-right: 2%; } .sx-pw-single-col { margin-left: 16%; margin-bottom: 10px; margin-right: 16%; } .sx-pw-half-col { padding-right: 2%; width: 47%; float: left; } .sx-pw-third-col { width: 30%; float: left; } @media (max-width: 999px) { .sx-pw-60-col, .sx-pw-70-col, .sx-pw-30-col, .sx-pw-40-col { width: auto; float: none; padding-left: 1%; padding-right: 1%; } .sx-pw-60-col:after, .sx-pw-70-col:after, .sx-pw-30-col:after, .sx-pw-40-col:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; } .sx-pw-single-col { padding-left: 1%; padding-right: 1%; margin-left: 0; margin-right: 0; } } @media (max-width: 799px) { .sx-pw-half-col { padding-left: 1%; padding-right: 1%; width: auto; float: none; } .sx-pw-half-col:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; } } .sx-pw-rental-activities-messages, .sx-pw-rental-activities-current-rentals, .sx-pw-rental-activities-reservations, .sx-pw-rental-activities-past-rentals, .sx-pw-newreservation-container, .sx-pw-offers-container { margin-top: 20px; } .sx-pw-rental-activities-messages:empty, .sx-pw-rental-activities-current-rentals:empty, .sx-pw-rental-activities-reservations:empty, .sx-pw-rental-activities-past-rentals:empty, .sx-pw-newreservation-container:empty, .sx-pw-offers-container:empty { display: none !important; } .sx-pw-data-container { overflow: hidden; } .sx-pw-data-container dl { overflow: hidden; margin-bottom: 10px; } .sx-pw-data-container dt { display: block; clear: both; font-weight: bold; margin-bottom: 5px; } @media (max-width: 999px) { .sx-pw-data-container dt { float: left; margin-right: 10px; } } .sx-pw-data-container dd { display: inline-block; margin-right: 5px; margin-bottom: 5px; } @media (max-width: 999px) { .sx-pw-data-container dd { display: block; float: left; } } .sx-pw-data-container dd address { padding: 0; } .sx-pw-page-vehiclelistprice .sx-pw-data-container dt, .sx-pw-page-vehiclelistprice .sx-pw-data-container dd, .sx-pw-page-privatedata .sx-pw-data-container dt, .sx-pw-page-privatedata .sx-pw-data-container dd { float: left; width: 45%; } @media (max-width: 499px) { .sx-pw-page-vehiclelistprice .sx-pw-data-container dt, .sx-pw-page-vehiclelistprice .sx-pw-data-container dd, .sx-pw-page-privatedata .sx-pw-data-container dt, .sx-pw-page-privatedata .sx-pw-data-container dd { width: auto; float: none; } } .sx-pw-page-bonuscheck .sx-pw-single-col { margin-left: 12%; margin-right: 12%; } .sx-pw-page-bonuscheck .sx-pw-form-element-line .sx-gc-info-box { position: absolute; bottom: 15px; right: 0; } .sx-pw-page-bonuscheck .sx-pw-form-container input.sx-inputfield-short { width: 46%; } @media (max-width: 499px) { .sx-pw-page-bonuscheck .sx-pw-form-container input.sx-inputfield-short { width: 92%; } } @media (max-width: 1279px) { .sx-pw-page-bonuscheck .sx-gc-info-box div { right: 0; } } .sx-pw-box-wrapper, .sx-pw-profilelist-addbusiness { padding: 20px 20px 10px; margin: 20px 0px 0px 0px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); } .sx-pw-box-wrapper + p, .sx-pw-profilelist-addbusiness + p { margin-top: 20px; } .sx-pw-box-content div + br { display: none; } .sx-pw-box-content p { margin-bottom: 10px; } .sx-pw-box-content ul.sx-pw-profile-footeractions { margin-top: 15px; margin-left: 0px; margin-bottom: 15px; margin-right: 0px; overflow: hidden; } .sx-pw-box-content ul.sx-pw-profile-footeractions li { float: left; padding-right: 15px; } .sx-pw-box-content ul.sx-pw-profile-footeractions li a { float: none; margin: 0px; } .sx-pw-openinghours-block { margin-top: 6px; margin-bottom: 10px; font-style: italic; } .sx-pw-openinghours-block p { margin: 0px; padding: 0px; } .sx-pw-openinghours-block p .sx-pw-openinghours-dayname { min-width: 50px; padding-right: 10px; float: left; display: block; white-space: nowrap; } .sx-pw-openinghours-block p .sx-pw-openinghours-time { margin: 0px; display: block; white-space: nowrap; } #sx-sidenavi { width: 23%; float: left; } @media (max-width: 799px) { #sx-sidenavi { width: auto; float: none; height: 40px !important; transition: height 0.3s; overflow: hidden; position: relative; } #sx-sidenavi:before { content: ""; position: absolute; height: 25px; width: 25px; display: block; background-image: url(/common/img/app/typo3/typo3-corporate/default/icon/icon-menu.png); background-repeat: no-repeat; margin-left: 1em; margin-top: 0.5em; z-index: 1801; } #sx-sidenavi.is-displayed { height: auto !important; } #sx-sidenavi.is-displayed .sx-sidenavi-block { margin-bottom: 0px; margin-left: -30px; } #sx-sidenavi.is-displayed .sx-sidenavi-contact-block { background: none repeat scroll 0% 0% #E6E6E6; padding-left: 10px; } #sx-sidenavi .sx-sidenavi-block:first-of-type { padding-top: 40px; } #sx-sidenavi .sx-sidenavi-block:after { background: none; } #sx-sidenavi br { display: none; } } #sx-sidenavi > h3 { display: none; } .sx-sidenavi-block { width: 100%; position: relative; margin: 0px 0px 20px -40px; padding: 10px 0px 10px 40px; background: none repeat scroll 0% 0% #E6E6E6; } .sx-sidenavi-block:after { content: " "; position: absolute; left: 0px; bottom: -7px; width: 10px; height: 7px; background: url(/common/img/app/typo3/typo3-corporate/default/bg/bg-subnavi-linkbox.png) no-repeat scroll 0px 0px transparent; } .sx-sidenavi-block > ul > li { padding: 0px; list-style: outside none none; margin-right: 20px; margin-top: 14px; } .sx-sidenavi-block > ul > li:first-child { margin-top: 0; } .sx-sidenavi-block > ul > li > a { border-bottom: 1px solid #c2c2c2; font-weight: bold; } .sx-sidenavi-block > ul > li > a.link--single { border-bottom: none; } .sx-sidenavi-block > ul > li ul { margin-left: 10px; display: none; } .sx-sidenavi-block > ul > li ul li { border-top: 1px solid #c2c2c2; } .sx-sidenavi-block > ul > li ul li:first-child { border-top: none; } .sx-sidenavi-block > ul > li.sx-gc-displayed ul, .sx-sidenavi-block > ul > li.sx-gc-selected ul { display: block; } .sx-sidenavi-block a { background: transparent url(/common/img/app/typo3/typo3-corporate/default/buttons/arrow-norm.png) no-repeat 0 50%; color: #333333; font-size: 14px; display: block; padding: 6px 0px 6px 20px !important; text-decoration: none; cursor: pointer; vertical-align: middle; } .sx-sidenavi-block .sx-gc-selected > a { background-image: url(/common/img/app/typo3/typo3-corporate/default/buttons/arrow-sel.png); color: #FF7D19; text-decoration: none; } .sx-sidenavi-block:last-child > ul > li > a { border-bottom: none; } /* ----------------------------------------------- cardrequest - sidebar ---------------------------------------------- */ #sx-cardrequest-sidebar { height: 100%; width: 35%; float: left; margin-left: -30px; margin-top: 15px; } @media (max-width: 799px) { #sx-cardrequest-sidebar { display: none; } } #sx-maincontent { width: 75%; float: right; box-sizing: border-box; } @media (max-width: 799px) { #sx-maincontent { width: 100%; padding-left: 2%; padding-right: 2%; float: none; } } #sx-maincontent.sx-pw-page-login { width: 100% !important; } /* ----------------------------------------------- cardrequest - maincontent ---------------------------------------------- */ #sx-maincontent.sx-pw-page-cardrequest { width: 66%; } @media (max-width: 799px) { #sx-maincontent.sx-pw-page-cardrequest { width: 100%; float: none; } } /* ----------------------------------------------- login ----------------------------------------------- */ .sx-pw-page-login { width: 100%; } .sx-pw-page-login .sx-pw-form-container { padding: 20px 20px 10px; border: 1px solid #e6e6e6; } .sx-pw-page-login .sx-pw-form-container input { width: 66%; } @media (max-width: 499px) { .sx-pw-page-login .sx-pw-form-container input { width: 100%; } } .sx-pw-page-login #sx-social-buttons { display: flex; } /* ----------------------------------------------- rental ----------------------------------------------- */ .sx-pw-rental-head { padding: 10px 20px 10px; margin: 0px 0px 20px 0px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); } .sx-pw-rental-head .sx-pw-rental-col { width: 30%; padding-left: 1%; padding-right: 1%; } .sx-pw-rental-head .sx-pw-rental-col .sx-pw-rental-carimage { -webkit-box-shadow: inset 0px 0px 8px 1px #a7a7a7; -moz-box-shadow: inset 0px 0px 8px 1px #a7a7a7; box-shadow: inset 0px 0px 8px 1px #a7a7a7; background-color: white; border: 1px solid #a7a7a7; width: 230px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; text-align: center; } @media (max-width: 499px) { .sx-pw-rental-head .sx-pw-rental-col .sx-pw-rental-carimage { display: none; } } @media (max-width: 999px) { .sx-pw-rental-head .sx-pw-rental-col { width: auto; padding-right: 5%; } } .sx-pw-rental-head a.sx-pw-rental-actionlink { margin-bottom: 3px; display: block; width: 33.333%; box-sizing: border-box; float: left; } @media (max-width: 999px) { .sx-pw-rental-head a.sx-pw-rental-actionlink { width: 50%; } } @media (max-width: 499px) { .sx-pw-rental-head a.sx-pw-rental-actionlink { width: 100%; } } .sx-pw-page-privatedata .sx-pw-module-wrapper { overflow: hidden; padding: 10px 20px 10px; margin: 0px 0px 20px 0px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); } .sx-pw-page-privatedata .sx-pw-privatedata-block-content { overflow: hidden; min-height: 150px; width: 200%; margin-left: 0px; -webkit-transition: margin-left 0.2s; -moz-transition: margin-left 0.2s; -ms-transition: margin-left 0.2s; -o-transition: margin-left 0.2s; transition: margin-left 0.2s; } .sx-pw-page-privatedata .sx-pw-privatedata-block-content.sx-gc-form-displayed { margin-left: -100%; } .sx-pw-page-privatedata .sx-pw-privatedata-block-content .sx-pw-form-container, .sx-pw-page-privatedata .sx-pw-privatedata-block-content .sx-pw-data-container { float: left; width: 50%; } @media (max-width: 999px) { .sx-pw-page-privatedata .sx-pw-single-col { padding-left: 5%; padding-right: 5%; } } /* ----------------------------------------------- bonuscheck ----------------------------------------------- */ .sx-pw-page-bonuscheck .sx-pw-single-col { margin-left: 12%; margin-right: 12%; } .sx-pw-page-bonuscheck .sx-pw-form-container input.sx-inputfield-short { width: 46%; } @media (max-width: 499px) { .sx-pw-page-bonuscheck .sx-pw-form-container input.sx-inputfield-short { width: 92%; } } @media (max-width: 1279px) { .sx-pw-page-bonuscheck .sx-gc-info-box div { right: 0; } } /* ----------------------------------------------- reservationchange ----------------------------------------------- */ .sx-pw-page-reservationchange .sx-pw-form-container input.sx-inputfield-short { width: 46%; } @media (max-width: 499px) { .sx-pw-page-reservationchange .sx-pw-form-container input.sx-inputfield-short { width: 92%; } } .sx-pw-page-reservationchange .sx-pw-form-element-line .sx-gc-info-box { right: 12%; } @media (max-width: 499px) { .sx-pw-page-reservationchange .sx-pw-form-element-line .sx-gc-info-box { right: 0px; } } @media (max-width: 1279px) { .sx-pw-page-reservationchange .sx-gc-info-box div { right: 0; } } /* ----------------------------------------------- reservationcancel ----------------------------------------------- */ .sx-pw-page-reservationcancel .sx-pw-form-container input.sx-inputfield-short { width: 46%; } @media (max-width: 499px) { .sx-pw-page-reservationcancel .sx-pw-form-container input.sx-inputfield-short { width: 92%; } } .sx-pw-page-reservationcancel .sx-pw-form-element-line .sx-gc-info-box { right: 12%; } @media (max-width: 499px) { .sx-pw-page-reservationcancel .sx-pw-form-element-line .sx-gc-info-box { right: 0px; } } @media (max-width: 1279px) { .sx-pw-page-reservationcancel .sx-gc-info-box div { right: 0; } } /* ----------------------------------------------- damage ----------------------------------------------- */ .sx-pw-page-damagelist .sx-pw-status-wrapper { padding-bottom: 10px; } .sx-pw-page-damagelist .sx-pw-status-wrapper .sx-pw-half-col { text-align: center; } .sx-pw-page-damagelist .sx-pw-status-wrapper #sx-pw-damagelist-internal_fleet_number, .sx-pw-page-damagelist .sx-pw-status-wrapper .sx-pw-form-element-list { float: left; width: 60%; } .sx-pw-page-damagelist .sx-pw-status-wrapper #sx-pw-damagelist-internal_fleet_number li, .sx-pw-page-damagelist .sx-pw-status-wrapper .sx-pw-form-element-list li { overflow: hidden; zoom: 1; } .sx-pw-page-damagelist .sx-pw-status-wrapper .sx-pw-damage-tel { display: block; font-size: 22px; line-height: normal; margin-bottom: 3px; } .sx-pw-page-damage .sx-pw-defects-list ul li { list-style: disc; margin-left: 20px; margin-bottom: 10px; } .sx-pw-page-damage .sx-pw-photos-list ul li { display: block; float: left; width: 135px; height: 135px; text-align: center; border: 1px solid #a7a7a7; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .sx-pw-page-damage .sx-pw-photos-list ul li a { display: block; height: 100%; } .sx-pw-page-damage .sx-pw-photos-list ul li a img { display: block; width: auto; height: 70%; margin-left: auto; margin-right: auto; } .sx-pw-page-damage .sx-pw-photos-list ul li a span { display: block; padding-top: 2%; padding-left: 5%; padding-right: 5%; } /* ----------------------------------------------- communication ----------------------------------------------- */ .sx-pw-page-communicationprofile h4 { margin-top: 20px; } .sx-pw-page-communication .sx-pw-form-container label.sx-gc-ck-label, .sx-pw-page-communication .sx-pw-form-container .sx-gc-ck-label.sx-pw-selectlabel, .sx-pw-page-communication .sx-pw-form-container .sx-gc-ck-label.sx-pw-selectlabel-long { display: inline-block; width: 90%; vertical-align: top; } /* ============================================ CARDREQUEST =============================================== */ /* ----------------------------------------------- login / cardrequest/start ----------------------------------------------- */ #sx-social-buttons { margin: 20px 0 20px 0; padding: 20px 16px 20px 16px; border: 1px solid #e6e6e6; display: inline-block; } #sx-social-buttons > a { display: block; width: 33%; float: left; text-align: center; text-decoration: none; color: #666; cursor: pointer; margin: 20px 0; } #sx-social-buttons > a img { vertical-align: middle; margin-right: 3%; } #sx-social-buttons > a span { vertical-align: middle; font-family: Roboto; font-weight: 300; font-size: 15px; } #sx-social-buttons > a#no-social-login { float: right; display: none; text-align: left; } @media (max-width: 499px) { #sx-social-buttons > a span { display: block; } } #sx-registration-details { padding: 20px 16px 20px 16px; border: 1px solid #e6e6e6; margin: 0 0 20px 0; } /* ----------------------------------------------- cdnr / cardrequest/start ----------------------------------------------- */ /* #start { #p_has_cdnr { margin-left: 33%; margin-bottom: 15px; @media (max-width: 499px) { margin-left: 0%; } } } .ie7 #start #p_has_cdnr { margin-left: 36%; } */ /* ----------------------------------------- cardrequest - custom forms ----------------------------------------- */ #personal_details, #company_details { border: 1px solid #e6e6e6; padding: 20px 16px 20px 16px; color: #666666; margin: 0 0 20px 0; overflow: hidden; } #company_details .form-toggle { background: url("/common/img/app/profile/default/form-plus.png") no-repeat; display: block; height: 24px; width: 24px; float: left; padding-right: 15px; text-indent: -100%; } #company_details .form-toggle.open { background: url("/common/img/app/profile/default/form-minus.png") no-repeat; } #company_details legend { line-height: 25px; cursor: pointer; } #company_details fieldset { padding-bottom: 20px; } #company_details fieldset .helptext { margin-bottom: 10px; } #company_details fieldset .file-info { width: 67%; float: right; font-size: 12px; } .ie7 #company_details input[type="file"] { width: 60%; } /* ----------------------------------------------- cardrequest/company_data ----------------------------------------------- */ #sx-pw-page-carconfirmation { margin-bottom: 20px; } /* ----------------------------------------------- cardrequest/leave ----------------------------------------------- */ ul.sx-pw-benefit-list { margin-top: 10px; } ul.sx-pw-benefit-list li { padding: 7px 0; } ul.sx-pw-benefit-list .icon { display: block; float: left; height: 17px; width: 20px; background: url(/common/img/app/profile/default/sx-check.png); margin-right: 5px; margin-top: -2px; } .sx-pw-module-wrapper .sx-pw-img-text { padding-bottom: 20px; } .sx-pw-module-wrapper .sx-pw-img-text img { float: left; margin-right: 20px; } .sx-pw-module-wrapper > p { color: #666; padding-top: 10px; } /* ----------------------------------------------- cardrequest/final ----------------------------------------------- */ #sx-pw-page-cardrequest-final .sx-pw-card { margin-bottom: 20px; } #sx-pw-page-cardrequest-final .sx-pw-card + div { width: 52%; float: left; } /* ----------------------------------------------- IE ----------------------------------------------- */ .ie7 .sx-pw-form-container input[type=text], .ie7 .sx-pw-form-container input[type=password] { width: 50%; color: #333333; border: 1px solid #666; padding: 3px; margin: 0px 0px 10px; min-height: 28px; box-sizing: border-box; vertical-align: middle; border-radius: 0px; width: 40%; } .ie7 .sx-pw-form-container input[type=text][readonly], .ie7 .sx-pw-form-container input[type=password][readonly] { background-color: #eee; } @media (max-width: 499px) { .ie7 .sx-pw-form-container input[type=text], .ie7 .sx-pw-form-container input[type=password] { width: 100%; } } .ie7 .sx-pw-form-container input[type=text].sx-gc-zip, .ie7 .sx-pw-form-container input[type=password].sx-gc-zip { width: 14%; margin-right: 2%; } .ie7 .sx-pw-form-container input[type=text].sx-gc-town, .ie7 .sx-pw-form-container input[type=password].sx-gc-town { width: 33%; } .ie7 .sx-pw-form-container input[type=text].sx-gc-dmy, .ie7 .sx-pw-form-container input[type=password].sx-gc-dmy { width: 15%; float: left; } .ie7 .sx-pw-form-container input[type=text].sx-gc-dmy-last, .ie7 .sx-pw-form-container input[type=password].sx-gc-dmy-last { width: 20%; } .ie7 .sx-pw-form-container input[type=text].sx-gc-my-month, .ie7 .sx-pw-form-container input[type=password].sx-gc-my-month { width: 17%; } .ie7 .sx-pw-form-container input[type=text].sx-gc-my-year, .ie7 .sx-pw-form-container input[type=password].sx-gc-my-year { width: 17%; margin-left: 10px; } .ie7 .sx-pw-search-fields .sx-pw-form-container input { width: auto; } .ie7 .sx-pw-page-login .sx-pw-form-container input { width: 60%; } .ie7 .sx-pw-box-wrapper, .ie7 .sx-pw-profilelist-addbusiness, .ie7 .sx-pw-page-privatedata .sx-pw-module-wrapper, .ie7 .sx-pw-page-login .sx-pw-form-container, .ie7 form div.sx-pw-form-topbar, .ie8 .sx-pw-box-wrapper, .ie8 .sx-pw-profilelist-addbusiness, .ie8 .sx-pw-page-privatedata .sx-pw-module-wrapper, .ie8 .sx-pw-page-login .sx-pw-form-container, .ie8 form div.sx-pw-form-topbar { border: 1px solid #a7a7a7; } .ie7 input.sx-gc-ck, .ie8 input.sx-gc-ck { vertical-align: middle; margin: 5px 3px 3px 0; height: auto; min-height: auto; width: auto; border: none; } .ie7 input.sx-gc-rd, .ie8 input.sx-gc-rd { vertical-align: middle; margin: 5px 3px 3px 0; height: auto; min-height: auto; width: auto; border: none; } .ie7 .sx-pw-form-container input[type=text], .ie7 .sx-pw-form-container input[type=password], .ie7 .sx-pw-form-container select, .ie8 .sx-pw-form-container input[type=text], .ie8 .sx-pw-form-container input[type=password], .ie8 .sx-pw-form-container select { height: auto; min-height: auto; } .ie7 form div.sx-pw-form-topbar select, .ie7 .sx-pw-search-form select.sx-gc-txt, .ie8 form div.sx-pw-form-topbar select, .ie8 .sx-pw-search-form select.sx-gc-txt { height: auto; min-height: auto; } /* ----------------------------------------------- address invoice change ----------------------------------------------- */ .form-margin { margin-top: 10px; } /* ----------------------------------------------- paymentcard ----------------------------------------------- */ #sx-pw-payment-iframe-form iframe { width: 100%; height: 13em; } /*# sourceMappingURL=sx-profileweb-corporate.css.map */