payment.css.map
15.8 KB
{"version":3,"sources":["payment.scss","payment.css"],"names":[],"mappings":"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","file":"payment.css","sourcesContent":["\nh1{\n font-size:45px;\n line-height:54px;\n margin-bottom: 30px;\n margin-top:35px;\n \n}\n\n@media only screen and (max-width: 767px){\n h1{\n font-size:35px;\n line-height:42px;\n margin-bottom: 30px;\n }\n}\n\nh2{\n font-size:35px;\n line-height:40px;\n margin-bottom: 30px;\n margin-top:35px;\n font-family: \"Helvetica\" !important;\n font-weight: 300 !important;\n color:#68696D;\n text-transform: uppercase;\n}\n\n@media (max-width: 768px){\n #content > #homecontent > h2, h3 {\n margin-left: 0px !important;\n margin-right: 0px !important;\n }\n}\n\np{\n font-size: 16px !important;\n line-height:21px !important;\n}\n.intro{\n font-size: 20px !important;\n line-height: 25px !important;\n}\nli{\n font-size: 16px !important;\n line-height:21px !important;\n margin-bottom: 5px;\n}\n\n.stk-button{\n background-color: #009ADE;\n .stk-button__inner-text{\n font-family: \"Helvetica\";\n color:#000 !important;\n font-size: 20px;\n line-height: 24px;\n font-weight: 200;\n padding: 6px 36px 5px 36px; \n @media (max-width: 768px){\n padding: 6px 0px 5px 0px;\n font-size: 18px;\n }\n }\n }\n\n .stk-column-wrapper{\n margin: 12px 0px !important;\n }\n\n#card-cvv{\n margin-bottom: 8px;\n}\n.wpcf7{\n form{\n padding-bottom: 40px;\n }\n [class*=\"col-\"] {\n padding-top: 0rem;\n padding-bottom: 1rem;\n }\n}\n#bambora{\n margin-top: 0px;\n [class*=\"col-\"] {\n padding-top: 0rem;\n padding-bottom: 0rem;\n margin-bottom: 0px;\n }\n}\n.no-padding-bottom{\n padding-bottom: 0.5rem !important;\n}\n\n\n.payment_form{\n overflow: visible;\n label{\n width: unset !important;\n }\n [class*=\"col-\"]{\n padding-top: 0rem;\n padding-bottom: 0rem;\n }\n\n}\n#policy_holders_name,\n.form-inline .form-control:not(.status-dropdown),\n#user_email,\n#user_phone,\n#payment_amount,\n#policy_number,\n#card_holder{\nheight: 34px !important;\npadding: 6px 12px !important;\nwidth: 100% !important;\npadding-bottom: 0px !important;\nfont-size: 16px;\n}\n#policy_holders_name,\n#user_email::placeholder,\n#user_phone::placeholder,\n#payment_amount::placeholder,\n#policy_number::placeholder,\n#card_holder::placeholder {\n color: rgb(108, 117, 125);\n font-size: 1rem;\n font-weight: 400;\n padding-bottom: 0px !important;\n\n}\n\n\n#card-cvv,\n#card-expiry{\n // padding-left: 0px;\n border: 1px solid #a4a5a8;\n}\n/* card images are added to card number */\n#card-number {\n background-image: none;\n background-origin: content-box;\n background-position: calc(100% + 0px) center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n padding-bottom: 0px !important;\n}\n#card-number, #card-cvv, #card-expiry {\n border: 1px solid #a4a5a8;\n border-radius: 0px !important;\n padding-bottom: 0px !important;\n\n}\n\n/* feedback is displayed after tokenization */\n#feedback {\n position: relative;\n left: 15px;\n display: inline-block;\n background-color: transparent;\n border: 0px solid rgba(200, 200, 200, 1);\n border-radius: 4px;\n transition: all 100ms ease-out;\n padding: 11px;\n}\n\n\n\n#feedback.success {\n color: seagreen;\n border: 1px solid;\n}\n\n#feedback.error {\n color: #a94442;\n border: 1px solid;\n}\n\n.help-block {\n display: none;\n}\n\n#card-number,\n.wpcf7-form-control {\n margin-bottom: 0px;\n}\n\n#alert{\n font-size: 22px;\n font-weight: bold;\n}\n\n\nbutton#pay-button {\n float: right;\n top: 40px;\n display: block;\n position: relative;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n border-radius: 0 !important;\n -webkit-transition: background-color 0.2s linear;\n transition: background-color 0.2s linear;\n background-color: #008de4;\n border: none !important;\n font-family: \"Helvetica\";\n color:#000 !important;\n font-size: 20px !important;\n line-height: 24px !important;\n font-weight: 200 !important;\n margin: 0 0 10px 0 !important;\n padding: 10px 40px;\n text-decoration: none !important;\n text-transform: uppercase !important;\n background-image: none !important;\n display: block;\n width: unset !important;\n @media only screen and (max-width: 768px) {\n float: none;\n width: 100% !important;\n top: 20px;\n }\n}\n.payment {\n text-align: left;\n height: 0px;\n \n}\n\n#complete{\n display: none !important;\n}\n\n\n.overlay {\n position: fixed; /* Sit on top of the page content */\n display: none;\n align-items: center;\n justify-content: center;; /* Hidden by default */\n width: 100%; /* Full width (cover the whole page) */\n height: 100%; /* Full height (cover the whole page) */\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(255,255,255,1); /* Black background with opacity */\n z-index: 2; /* Specify a stack order in case you're using a different order for other elements */\n cursor: pointer; /* Add a pointer on hover */\n}\n\n#approve .container{\n font-size: 18px;\n margin-top: 50px;\n max-width: 550px;\n [class*=\"col-\"] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n }\n h2{\n text-align: center;\n }\n .bold{\n font-family: 'HelveticaNeue-Bold';\n }\n}\n\n\n.dataTables_wrapper {\n position: relative;\n clear: both;\n width: 100%;\n margin-top:40px;\n overflow:scroll;\n}\n\ndiv.dataTables_wrapper div.dataTables_filter {\n margin-top:20px;\n text-align: right;\n width: 95%;\n float: left;\n}\n.status-dropdown{\n width:200px;\n float:left;\n}\n\n\n.disabled:not(#pay-button){\n background-color: transparent !important;\n}\n\n.dataTables_wrapper .dataTables_paginate .paginate_button:hover{\n background: transparent !important;\n border: 1px solid transparent !important;\n}\n.dataTables_wrapper .dataTables_paginate .paginate_button{\n padding: 0em !important;\n}\n\n.non-valid{\n color: #a94442;\n}\n\n.pay-closed{\n border-radius: 0px;\n padding-bottom: 30px;\nh2{\n margin-top: 20px;\n margin-bottom: 10px;\n font-size: 30px !important;\n @media (max-width: 768px){\n font-size: 24px !important;\n line-height: 29px !important;\n }\n}\n}\n@media (max-width: 700px){\n.container {\n margin-top: 0px;\n}\n}\n\n@media (max-width: 768px){\n #other-header{\n display:block;\n }\n\n }","h1 {\n font-size: 45px;\n line-height: 54px;\n margin-bottom: 30px;\n margin-top: 35px; }\n\n@media only screen and (max-width: 767px) {\n h1 {\n font-size: 35px;\n line-height: 42px;\n margin-bottom: 30px; } }\n\nh2 {\n font-size: 35px;\n line-height: 40px;\n margin-bottom: 30px;\n margin-top: 35px;\n font-family: \"Helvetica\" !important;\n font-weight: 300 !important;\n color: #68696D;\n text-transform: uppercase; }\n\n@media (max-width: 768px) {\n #content > #homecontent > h2, h3 {\n margin-left: 0px !important;\n margin-right: 0px !important; } }\n\np {\n font-size: 16px !important;\n line-height: 21px !important; }\n\n.intro {\n font-size: 20px !important;\n line-height: 25px !important; }\n\nli {\n font-size: 16px !important;\n line-height: 21px !important;\n margin-bottom: 5px; }\n\n.stk-button {\n background-color: #009ADE; }\n .stk-button .stk-button__inner-text {\n font-family: \"Helvetica\";\n color: #000 !important;\n font-size: 20px;\n line-height: 24px;\n font-weight: 200;\n padding: 6px 36px 5px 36px; }\n @media (max-width: 768px) {\n .stk-button .stk-button__inner-text {\n padding: 6px 0px 5px 0px;\n font-size: 18px; } }\n\n.stk-column-wrapper {\n margin: 12px 0px !important; }\n\n#card-cvv {\n margin-bottom: 8px; }\n\n.wpcf7 form {\n padding-bottom: 40px; }\n\n.wpcf7 [class*=\"col-\"] {\n padding-top: 0rem;\n padding-bottom: 1rem; }\n\n#bambora {\n margin-top: 0px; }\n #bambora [class*=\"col-\"] {\n padding-top: 0rem;\n padding-bottom: 0rem;\n margin-bottom: 0px; }\n\n.no-padding-bottom {\n padding-bottom: 0.5rem !important; }\n\n.payment_form {\n overflow: visible; }\n .payment_form label {\n width: unset !important; }\n .payment_form [class*=\"col-\"] {\n padding-top: 0rem;\n padding-bottom: 0rem; }\n\n#policy_holders_name,\n.form-inline .form-control:not(.status-dropdown),\n#user_email,\n#user_phone,\n#payment_amount,\n#policy_number,\n#card_holder {\n height: 34px !important;\n padding: 6px 12px !important;\n width: 100% !important;\n padding-bottom: 0px !important;\n font-size: 16px; }\n\n#policy_holders_name,\n#user_email::placeholder,\n#user_phone::placeholder,\n#payment_amount::placeholder,\n#policy_number::placeholder,\n#card_holder::placeholder {\n color: #6c757d;\n font-size: 1rem;\n font-weight: 400;\n padding-bottom: 0px !important; }\n\n#card-cvv,\n#card-expiry {\n border: 1px solid #a4a5a8; }\n\n/* card images are added to card number */\n#card-number {\n background-image: none;\n background-origin: content-box;\n background-position: calc(100% + 0px) center;\n background-repeat: no-repeat;\n background-size: contain;\n width: 100%;\n padding-bottom: 0px !important; }\n\n#card-number, #card-cvv, #card-expiry {\n border: 1px solid #a4a5a8;\n border-radius: 0px !important;\n padding-bottom: 0px !important; }\n\n/* feedback is displayed after tokenization */\n#feedback {\n position: relative;\n left: 15px;\n display: inline-block;\n background-color: transparent;\n border: 0px solid #c8c8c8;\n border-radius: 4px;\n transition: all 100ms ease-out;\n padding: 11px; }\n\n#feedback.success {\n color: seagreen;\n border: 1px solid; }\n\n#feedback.error {\n color: #a94442;\n border: 1px solid; }\n\n.help-block {\n display: none; }\n\n#card-number,\n.wpcf7-form-control {\n margin-bottom: 0px; }\n\n#alert {\n font-size: 22px;\n font-weight: bold; }\n\nbutton#pay-button {\n float: right;\n top: 40px;\n display: block;\n position: relative;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n border-radius: 0 !important;\n -webkit-transition: background-color 0.2s linear;\n transition: background-color 0.2s linear;\n background-color: #008de4;\n border: none !important;\n font-family: \"Helvetica\";\n color: #000 !important;\n font-size: 20px !important;\n line-height: 24px !important;\n font-weight: 200 !important;\n margin: 0 0 10px 0 !important;\n padding: 10px 40px;\n text-decoration: none !important;\n text-transform: uppercase !important;\n background-image: none !important;\n display: block;\n width: unset !important; }\n @media only screen and (max-width: 768px) {\n button#pay-button {\n float: none;\n width: 100% !important;\n top: 20px; } }\n\n.payment {\n text-align: left;\n height: 0px; }\n\n#complete {\n display: none !important; }\n\n.overlay {\n position: fixed;\n /* Sit on top of the page content */\n display: none;\n align-items: center;\n justify-content: center;\n /* Hidden by default */\n width: 100%;\n /* Full width (cover the whole page) */\n height: 100%;\n /* Full height (cover the whole page) */\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: white;\n /* Black background with opacity */\n z-index: 2;\n /* Specify a stack order in case you're using a different order for other elements */\n cursor: pointer;\n /* Add a pointer on hover */ }\n\n#approve .container {\n font-size: 18px;\n margin-top: 50px;\n max-width: 550px; }\n #approve .container [class*=\"col-\"] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem; }\n #approve .container h2 {\n text-align: center; }\n #approve .container .bold {\n font-family: 'HelveticaNeue-Bold'; }\n\n.dataTables_wrapper {\n position: relative;\n clear: both;\n width: 100%;\n margin-top: 40px;\n overflow: scroll; }\n\ndiv.dataTables_wrapper div.dataTables_filter {\n margin-top: 20px;\n text-align: right;\n width: 95%;\n float: left; }\n\n.status-dropdown {\n width: 200px;\n float: left; }\n\n.disabled:not(#pay-button) {\n background-color: transparent !important; }\n\n.dataTables_wrapper .dataTables_paginate .paginate_button:hover {\n background: transparent !important;\n border: 1px solid transparent !important; }\n\n.dataTables_wrapper .dataTables_paginate .paginate_button {\n padding: 0em !important; }\n\n.non-valid {\n color: #a94442; }\n\n.pay-closed {\n border-radius: 0px;\n padding-bottom: 30px; }\n .pay-closed h2 {\n margin-top: 20px;\n margin-bottom: 10px;\n font-size: 30px !important; }\n @media (max-width: 768px) {\n .pay-closed h2 {\n font-size: 24px !important;\n line-height: 29px !important; } }\n\n@media (max-width: 700px) {\n .container {\n margin-top: 0px; } }\n\n@media (max-width: 768px) {\n #other-header {\n display: block; } }\n"]}