/********************************************************************************************** ** ** Name: ValueCard VCM System ** ** License: Given to ValueCard Inc. ** /**********************************************************************************************/ /* General Grid Row */ .vcm-12 { width: 100%; } .vcm-6 { width: 50%; } .vcm-10 { width: 75%; } .vcm-2 { width: 25%; } .vcm-i { margin: 0 4px 0 0; min-width: 20px; } .vcm-rtl .vcm-i{ margin: 0 0 0 4px; } .vcm-fill-i { display: flex; align-items: center; justify-content: center; line-height: 22px; margin: 0 0 15px; unicode-bidi: plaintext; } .vcm-fill-i .vcm-discount-price{ margin: 0 0 0 4px; } .vcm-rtl .vcm-fill-i .vcm-discount-price{ margin: 0 4px 0 0; } .vcm-clear { clear: both; } .vcm-column { justify-content: flex-start; } /* Buttons */ /* Inherited! */ /* Main vcm container */ .vcm-form { display: block; width: 100%; clear: both; margin: 10px 0 20px 0px; /*direction: rtl;*/ } .vcm { } .vcm input { outline: none; } .vcm .card-type { margin-top: 5px } .vcm .card-type > .card-row { width: 100% } .vcm .card-type .card-row > input { } /* Inner information box */ .vcm-info { border: 1px solid #adadad; margin: 10px 0 10px; height: 100%; /*display: none;*/ position: relative; float: right; max-width: 100%; } .vcm-info-inner { padding: 10px; } .vcm-info h6 { font-family: inherit !important; font-size: 1.1em; font-weight: bold; } .vcm-phone-wrp { padding: 1rem; margin: 5px 0 20px; display: block; position: relative; } .vcm-phone-wrp::after { clear: both; } .vcm-info .vcm-info-inner-wrap > .vcm-info-left, .vcm-info .vcm-info-inner-wrap > .vcm-info-right { display: inline-block; height: 40px; } .vcm-info .vcm-info-inner-wrap .vcm-info-left > input[type="text"] { padding-right: 2%; } .vcm-info .vcm-info-inner-wrap div > input[type="text"] { padding: 10px; font-size: 14px; width: 90%; } .vcm-info .vcm-info-inner-wrap .vcm-info-left > input[type="text"] { float: left; } .client-message { } .benefits-info-wrapper { clear: both; } .benefits-info-wrapper h4{ margin: 0; } .benefits-info-wrapper .benefit-row { display: block; clear: both; } .benefits-info-wrapper .benefit-row{ unicode-bidi: plaintext; text-align: left; } .vcm-rtl .benefits-info-wrapper .benefit-row{ text-align: right; } .benefits-info-wrapper .benefits-item{ display: flex; align-items: center; width: 100%; font-weight: bold; position: relative; } .benefits-info-wrapper .benefits{ padding: .25rem; } .benefits-info-wrapper .benefits input { margin: 0 0 0 4px; } .vcm-rtl .benefits-info-wrapper .benefits input{ margin: 0 4px 0 0; } .benefits-info-wrapper .benefits .benefits-result{ color: #3dce3d; margin: 0 0 0 8px; } .vcm-rtl .benefits-info-wrapper .benefits .benefits-result{ margin: 0 8px 0 0; } /* Inner information box:: bottom */ .vcm-buttons { padding: 0 0 10px; } .vcm-buttons::after { clear: both; } .vcm-info .vcm-info-sync { margin-top: 10px; float: right; } .vcm-sms { text-align: left; } .vcm-sms > * { vertical-align: top; } /* VCM-Main */ .vcm-main { position: relative; } .vcm-main-buttons { margin: 1rem 0; } .vcm-main-buttons button { float: left; } .vcm-discount-row { width: 100%; display: inline-block; } .vcm-consume-btn { } /* Notifications */ /* Error */ i.vcm-error { width: 20px; height: 20px; display: block; background: url(../vector/warnning.svg) no-repeat; } /* Success */ i.vcm-discount { width: 20px; height: 20px; display: block; background: url(../vector/check.svg) no-repeat; } i.vcm-consume-success { width: 20px; height: 20px; display: block; background: url(../vector/success.svg) no-repeat; } .vcm-discount-price { color: #000000; font-weight: bold; } /**switch start**/ .switch-field { display: flex; margin-bottom: 36px; overflow: hidden; } .switch-field input { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .switch-field label { background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 1; text-align: center; padding: 8px 16px; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); transition: all 0.1s ease-in-out; } .switch-field label:hover { cursor: pointer; } .switch-field input:checked + label { background-color: #a5dc86; box-shadow: none; } .switch-field label:first-of-type { border-radius: 4px 0 0 4px; } .switch-field label:last-of-type { border-radius: 0 4px 4px 0; } /**switch end**/ #payment .wc_payment_method label { display: unset; } #payment .wc_payment_method label.vc-wide { width: 100%; } .vcm-form .vcm-info { float: none!important; } .vcm-info.vcm-12 { float: left; } .vcm-form p.form-row.form-row-first { width: 100%; max-width: 427px; } .vcm-form .vcm-info { width: 100%; float: none; } .vcm-form .form-row-last, .vcm-form form .form-row-last { width: 100% !important; max-width: 427px !important; float: unset !important; } i.vcm-consume-success, i.vcm-error { display: inline-block; vertical-align: middle; } .vc-error { color: #ff0000; } .vcl_he { direction: rtl; } .vcl_he p.form-row.form-row-first { float: right; } .vcl { direction: ltr; } .vcl .vcm-10.vcm-column { float: left; padding-left: unset !important; padding-right: 20px; } .vcl .vcm-2.vcm-column { width: 167px !important; } .vcl .vcm-10.vcm-column { width: calc(100% - 177px) !important; } .benefits.even { background-color: #ececec; } .benefits-title { font-weight: bold; margin-top: 12px; } .vcm-12.vcm-main.vcm-clear.vcl_he { padding: 0px; max-width: 544px; margin: 0px; width: 100%; } @media only screen and (max-width: 767px) { input#vc_code { max-width: unset !important; width: 100% !important; margin-bottom: 10px; } .vcm-row input[type=text], .vcm-row input[type=tel], .vcm-row input[type=email], .vcm-row input[type=date]{ flex: unset !important; } } .custom_valuecard_customer_checkbox { /*float: left;*/ width: 100%; clear: both; } #wc_valuecard_pelecard { margin-top: 10px !important; } .login-error-wrap { border: 10px solid #3e3e3e; background-color: #900b3d; padding: 10px; } .login-error-wrap .messages p { color: #ffffff; text-align: center; margin: 0px; font-size: 16px; } .login-error-wrap .messages { padding: 30px; border: 1px solid #fff; } .why_join_text { width: 100%; clear: both; } .btn-container { display: flex; justify-content: space-evenly; margin-top: 15px; } .btn-container a { border: 1px solid #fff; padding: 5px 10px; min-width: 101px; color: #fff; display: inline-block; text-align: center; margin-top: 10px; font-size: 16px; } .custom_valuecard_customer_checkbox .optional { display: none; } .payment_method_vc-membership p:first-of-type { /* display: none; */ } .vcm-row { display: flex; justify-content: stretch; flex-wrap: wrap; } .vcm-row label{ width: 100%; } .vcm-row input[type=text], .vcm-row input[type=tel], .vcm-row input[type=email], .vcm-row input[type=date]{ flex: 2 0; margin: 0; } .vcm-row input[type=button], .vcm-row input[type=submit] { flex: 1 0; } .vcm-rtl .vcm-row input[type=date]{ text-align: right; } .vcm-registration-wrap{ display: none; } #vcm_registration_marketing { position: relative!important; top: 0!important; } .woocommerce-checkout .wfacp-notice-wrap.wfacp-notice-error { display: block; } #wfacp-e-form .wfacp_main_form .benefits-item input[type=checkbox] { position: relative!important; } .vcm-rtl .benefits-item input[type=checkbox] { margin-left: 10px!important; margin-right: 0!important; order: -1; } #vcm_submit.loading, input.loading { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj4gICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuNSIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTM2IDE4YzAtOS45NC04LjA2LTE4LTE4LTE4Ij4gICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIgICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgICAgICAgICAgPC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); pointer-events: none; color: transparent; background-repeat: no-repeat; background-position: center center; background-size: auto 68%; } .vcm-gc-input-wrapper { display: flex; width: 100%; } .vcm-gc-input-wrapper input { width: auto; } .vcm-get-benefits-query-alert { position: relative; padding: 0.75rem 1.25rem; margin: 10px 0; border: 1px solid transparent; border-radius: 0.25rem; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .vcm .benefits-description { white-space: normal; } .vcm .benefits-description p { margin: 0; }