@import"https://fonts.googleapis.com/css?family=Open+Sans:bold,semibold,lightitalic,regular&display=swap&subset=latin";#root{margin:0 auto!important}@font-face{font-family:OpenSans-bold;src:local("MyFont"),url(./fonts/OpenSans-bold.woff) format("woff")}@font-face{font-family:OpenSans-semibold;src:local("MyFont"),url(./fonts/OpenSans-semibold.woff) format("woff")}@font-face{font-family:OpenSans-light;src:local("MyFont"),url(./fonts/OpenSans-light.woff) format("woff")}@font-face{font-family:OpenSans-regular;src:local("MyFont"),url(./fonts/OpenSans-regular.woff) format("woff")}html,body{background-color:#eff1f5;font-family:Open Sans!important;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}.header{background-color:#0f99d6;height:64px;position:relative;display:flex;align-items:center;justify-content:start;padding-left:100px;font-weight:600;color:#fff}#credit_card_div{max-width:400px;margin:0 auto;padding:10px 20px 0;border-radius:0;background-color:#fff}.ccservice_container{margin-bottom:15px}.ccservice_label{font-weight:600;font-size:14px;margin-bottom:5px;display:block}.ccservice_name_input,.ccservice_cvv_input,.ccservice_address_input,.ccservice_city_input,.ccservice_zip_input,.ccservice_month_select,.ccservice_year_select,.ccservice_state_input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.ccservice_name_input:focus,.ccservice_cvv_input:focus,.ccservice_address_input:focus,.ccservice_city_input:focus,.ccservice_zip_input:focus,.ccservice_month_select:focus,.ccservice_year_select:focus,.ccservice_state_input:focus{border:1px solid #66afe9!important;outline:0!important;box-shadow:inset 0 1px 1px #00000013,0 0 8px #66afe999!important}.ccservice_tokenframe_value{height:39px!important;width:396px!important}.ccservice_error{color:red;margin-top:5px;font-size:14px;font-family:OpenSans-regular!important;display:table-cell;padding-top:3px}.ccservice_submit_button{display:none!important}.ccservice_clear_button{background:transparent;color:#434343;padding:10px 15px 10px 0;border:none;cursor:pointer;font-weight:600}.uiFeedback{color:red;background-color:#ffe9e9}.ccservice_month_select,.ccservice_year_select{width:50%}.ccservice_expiry_value{display:flex}.ccservice_buttons{display:flex;align-items:center;justify-content:end;font-family:Open Sans}.main-label{font-weight:400;font-size:14px;color:#4e4e4e;font-family:Open Sans}.main-name{font-weight:700;font-size:22px;font-family:Open Sans}.data-indiv{display:flex;gap:8px;align-items:center;cursor:pointer}.basic-details{display:flex;justify-content:space-between;align-items:center;max-width:400px;margin:0 auto;padding:10px 20px 0;border-radius:8px 8px 0 0;background-color:#fff}.logo-header{position:absolute;top:24px;left:24px}.ccservice_response_error{color:red;background-color:#ffefef;padding:8px 12px;font-weight:600;font-size:14px;margin-bottom:16px;border-radius:3px}.ccservice_response_success{color:#009e54;background-color:#e4fff6;padding:8px 12px;font-weight:600;font-size:14px;margin-bottom:16px;border-radius:3px}.status-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:90vh;text-align:center}.status-main-content{color:#000;font-size:24px;font-weight:700;text-align:center;line-height:1.5;padding:10px 20px}.status-sub-content{font-size:14px;color:#61627b;font-weight:600;text-align:center;margin:0 20px}iframe{position:relative!important}.container{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:600px;margin:auto}.agreement-club{border:2px solid transparent;border-radius:8px;padding:10px;position:relative;min-height:50px;min-width:96%}.label-name{display:flex;font-size:12px;flex-direction:column;font-weight:500;align-items:start}.badge-text{font-size:12px;font-weight:600;color:#004c8d;background-color:#e6f4ff;border-radius:16px;padding:6px 12px;width:fit-content}.amount{font-size:14px;font-weight:700}.payment-btn{background-color:#0f99d6;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer}.payment-btn.disabled{cursor:not-allowed;opacity:.5}.agmt-data{display:flex;justify-content:space-between;margin-bottom:12px}.row-agmts,.addFlow-row-agmts{display:flex;align-items:start}.agmt-info{display:flex;flex-direction:column;width:100%;cursor:pointer}.input-check{margin-right:10px;height:unset!important}input[type=checkbox]{width:16px;height:16px;margin-top:2px}.ctas{<<<<<<<< HEAD:client/src/components/PaymentModule/CCSCSS.css ======== >>>>>>>> altpay-ui-version-upgrade-dev:client/racpad_altpay_vite/src/Components/css/CCS.css float: right;display:flex;width:100%;align-items:end;justify-content:end}.payFlowDiv{align-items:center;flex-direction:column;max-width:400px;justify-content:center;margin:15px auto}.savePayFlowCheckLabel{font-size:14px;display:flex;align-items:center;background-color:#fff;padding:0 0 20px 20px}.blurred-background{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#a7a7a759;-webkit-backdrop-filter:blur(172px);backdrop-filter:blur(172px);z-index:9999;opacity:.9}.loader-text{top:-30px;left:50%;color:#0a66c2;font-weight:700;margin-top:24px;font-family:Open Sans}#content{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column}.loading-bar{width:230px;height:5px;margin:0 auto;border-radius:2px;background-color:#fff;position:relative;overflow:hidden;z-index:1}.blue-bar{height:100%;width:68px;position:absolute;transform:translate(-34px);background-color:#0a66c2;border-radius:2px;animation:initial-loading 1.5s ease infinite}@keyframes initial-loading{0%{transform:translate(-34px)}50%{transform:translate(170px)}to{transform:translate(-34px)}}.add_pay_header{display:flex;justify-content:center}.previous_button{background-color:#fff;color:#2468ff;padding:10px 20px;border-radius:5px;border:none;font-size:16px;position:absolute;float:right;top:110%;left:38%;border:.5px solid #cee0ff;cursor:pointer;font-weight:400;font-family:Open Sans;height:50px}.previous_sf_button{background-color:#fff;color:#2468ff;padding:10px 20px;border-radius:5px;border:none;font-size:16px;position:absolute;float:right;top:103%;left:38%;border:.5px solid #cee0ff;cursor:pointer;font-weight:400;font-family:Open Sans;height:50px}.previous_button:disabled{cursor:not-allowed;opacity:.3}.previous_sf_button:disabled{cursor:not-allowed;opacity:.3}.defaultDiv{max-width:400px;margin:15px auto;align-items:center}.signUpFlowOuterDiv{max-width:400px;margin:20px auto}.header-text-flow{position:absolute;left:45%;font-family:Open Sans;font-size:16.5px}@media(max-width:600px){.previous_button{top:88%;left:8%}}@media(max-width:600px){.previous_sf_button{top:82%;left:8%}}.name-class{display:flex;align-items:start!important;gap:6px}.without-name-class{display:flex;flex-direction:column-reverse;justify-content:center;gap:16px}.back-button-prop{font-size:14px;font-weight:400;font-family:Open Sans}.ccservice_cvv_container{width:30%;display:inline-block;margin-left:7px}.ccservice_expiry_container{width:66%;display:inline-block}input,select{height:40px!important}.ccservice_label{font-family:Open Sans!important}.ccservice_state_container{width:48.5%;display:inline-block}.ccservice_zip_container{width:48.5%;display:inline-block;margin-left:3%}.sfduration_label{margin-bottom:1px;display:flex;align-items:center;font-size:14px}.back-action{display:flex;gap:8px;align-items:center;cursor:pointer}.width-fit{width:100vw;overflow-x:hidden}.vantiv-margin{margin:20px auto}.itemSelected-class{font-size:medium;font-weight:bolder}.head-section{flex-direction:column;align-items:start!important}.signupFlow-checkbox input[type=checkbox],.addFlow-confirmation-checkbox input[type=checkbox]{height:20px!important}.signupConfirm-class{cursor:pointer;height:100%;overflow-y:scroll;font-weight:600}.addFlowCheckBox-class{cursor:pointer;font-weight:600}.addFlow-confirmation-checkbox{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:8px;font-size:14px;font-weight:600;font-family:Open Sans!important;max-width:400px;margin:0 auto;cursor:pointer;padding:0 20px 20px;background-color:#fff}.addFlow-row-agmts{display:flex;align-items:start;gap:8px}.signupFlow-checkbox{display:flex;justify-content:center;font-size:14px;font-weight:600;font-family:Open Sans!important;gap:8px;max-width:400px;max-height:100px;cursor:pointer;height:400px;margin:0 auto;padding:0 20px 20px;background-color:#fff}.custom_ccservice_submit_button{background-color:#0f99d6;height:50px!important;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;justify-content:center;align-items:center;display:flex;width:100%}.custom_ccservice_submit_button:disabled{background-color:#ccc;cursor:not-allowed}.custom-submit-container{display:flex;align-items:center;justify-content:end;max-width:400px;font-family:Open Sans;background-color:#fff;border-radius:0 0 8px 8px;padding:0 20px 20px}.secure_img_class{margin-right:8px;height:20px;width:20px}.important-style{font-weight:500;margin-right:5px}*{padding:0%;margin:0%}html,body{background-color:#fafafa;font-family:OpenSans-regular;margin:0;padding:0;overflow-x:hidden}#ccframe{background-color:#fff;border-radius:8px;overflow:hidden;width:100%;height:300px}iframe{width:100%!important;height:100%!important;border:none!important}.headerClass{margin-bottom:10px}.person-name{font-size:24px;font-weight:600;margin:10px 0;padding-left:20px}.Button-Vantiv{font-weight:bolder;cursor:pointer;background-color:#0f99d6;color:#fff;display:flex;justify-content:center;align-items:center}.Add-Pay-Button-Vantiv{font-weight:bolder;cursor:pointer;background-color:#0f99d6;color:#fff;display:flex;justify-content:center;align-items:center;width:400px}.button-container{display:flex;justify-content:space-between}.positionExpDateDiv{background-color:"black"!important}.vantivIFrame-class{padding:0 0 0 20px}.form-container{font-size:14px;line-height:1.6;font-weight:400;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#282722;background:#fff;position:relative;top:-100px;padding:0 20px}.form-container input[type=text]:focus,.form-container select:focus{border:1px solid #66afe9!important;outline:0!important;box-shadow:inset 0 1px 1px #00000013,0 0 8px #66afe999!important}.call-to-action{display:flex;justify-content:end}.call-to-action button{padding:4px 12px;cursor:pointer;font-family:Open Sans;font-weight:500}@media(max-width:550px){.form-container{top:0}}@media(min-width:300px)and (max-width:500px){.modal-sm-width{width:90%!important}}input,select{padding:0 8px}.input-select-class,.select-box-height-class{height:44px!important}.sub-address{display:flex;gap:16px}.prevVantiv,.Button-Vantiv,.Add-Pay-Button-Vantiv{height:40px;border-radius:3px;border:none;height:50px;padding:10px 20px}.form-group{display:flex;flex-direction:column;margin-bottom:16px;width:25%}.form-group-address{display:flex;flex-direction:column;margin-bottom:16px;width:77%}.form-row{display:flex;flex-wrap:wrap;justify-content:space-between}.form-row>div{flex:1;min-width:200px;margin-right:10px}.form-row>div:last-child{margin-right:0}@media(max-width:768px){.form-row{flex-direction:column}.form-row>div{margin-right:0;margin-bottom:10px}}.card-declined-class{width:100%;background-color:#fff;padding:0 0 10px 20px}.vantiv-conatiner{margin:0 auto}.error-message{color:red}.error{border-color:red}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:5px;text-align:center;height:fit-content}.close-icon{display:flex;align-items:center;justify-content:end}.close-icon:hover{cursor:pointer}.modal-sm-width{width:35%}.modal-header{padding:10px 10px 20px;font-family:Open Sans}.addFlow-vantiv-confirmation{display:flex;justify-content:center;grid-gap:8px;gap:8px;font-size:14px;font-weight:600;font-family:Open Sans!important;padding:0 20px 20px 0;background-color:#fff}.addFlow-vantiv-confirmation input[type=checkbox]{height:20px!important}.signupFlow-vantiv{display:flex;justify-content:center;font-size:14px;font-weight:600;font-family:Open Sans!important;grid-gap:8px;gap:8px;margin:0 auto;padding:0 20px 20px 0;background-color:#fff}.signupConfirm-vantiv-class{height:100%}.signupFlow-vantiv input[type=checkbox]{height:20px!important}.vantiv-confirmation-checkbox{display:flex;flex-direction:column;justify-content:center;align-items:start;grid-gap:8px;gap:8px;font-family:Open Sans!important;cursor:pointer;padding:0 20px 20px 0;background-color:#fff}.vantiv-confirmation-checkbox input[type=checkbox]{height:20px!important}.vantiv-row-agmts{display:flex;align-items:start;gap:8px}.vantivCheckBox-class{cursor:pointer}.vantiv-basic-details{display:flex;justify-content:space-between;align-items:center;max-width:90%;padding:6px 20px;border-radius:8px 8px 0 0}.vantiv-name-class{display:flex;align-items:start!important;gap:16px}.vantiv-without-name-class{display:flex;flex-direction:column-reverse;justify-content:center;gap:16px}.vantiv-head-section{flex-direction:column}.vantiv-data-indiv{display:flex;gap:8px;align-items:center;cursor:pointer}.vantiv-main-name{font-weight:700;font-size:22px;font-family:Open Sans}.vantiv-savePayFlowCheckLabel{display:flex;align-items:center;background-color:#fff;padding-bottom:10px}