<link rel='stylesheet' id='font-style-cc-css' href='https://fonts.googleapis.com/css?family=Open Sans:400&subset=cyrillic-ext,greek,vietnamese,latin-ext,cyrillic,latin,greek-ext' type='text/css' media='all' /><link rel='stylesheet' id='font-style-cc-css' href='https://fonts.googleapis.com/css?family=Open Sans:400&subset=cyrillic-ext,greek,vietnamese,latin-ext,cyrillic,latin,greek-ext' type='text/css' media='all' /><script id="scc-config-5" type="text/json">
{"form_id":"5","formname":"Vinyl flooring calculator","quoteFormFields":[{"name":{"name":"Your Name","description":"Type in your name","type":"text","isMandatory":null,"trnKey":"Your Name","deletable":false}},{"email":{"name":"Your Email","description":"Type in your email","type":"email","isMandatory":null,"trnKey":"Your Email","deletable":false}},{"phone":{"name":"Your Phone","description":"phone","type":"phone","isMandatory":null,"trnKey":"Your Phone (Optional)","deletable":false}}],"quoteRecipient":"1","title":{"color":"#212020","size":"30px","font_family":"Open Sans","font_weight":"regular"},"service":{"color":"#000000","size":"16px","font_familly":"Open Sans","font_weight":"regular"},"fontConfig":{"serviceFont":"Open Sans","titleFont":"Open Sans"},"objectColor":"#f0810f","captcha":{"enabled":false,"siteKey":null},"pdf":{"disableUnitColumn":true,"disableQtyColumn":false,"dateFormat":"dd-mm-yyyy","turnoffSave":false,"turnoffTax":false,"removeTitle":false,"footer":"","bannerImage":false,"logo":"https://secretfurnishing.co/wp-content/uploads/2022/05/Logo-transparency.png","isPremium":true,"isAdmin":false},"showFormInDetail":"false","paypalConfig":{"paypal_email":"","paypal_shopping_cart_name":"","paypal_checked":"false","paypalSuccessURL":"","paypalCancelURL":"","objectTaxInclusionInPayPal":false,"paypal_currency":""},"webhookConfig":[{"scc_set_webhook_quote":{"enabled":false}},{"scc_set_webhook_detail_view":{"enabled":false}}],"customJsConfig":[{"scc_set_customJs_quote":{"enabled":false}},{"scc_set_customJs_detail_view":{"enabled":false}}],"addToCartRedirect":"open_cart","useCurrencyLetters":false,"taxVat":"","currencyCode":"SGD","currency_conversion_mode":"off","currency_conversion_selection":"CAD","removeCurrency":false,"minimumTotal":"0","minimumTotalChoose":"show-notice","sections":[{"id":"8","name":"Vinyl Flooring Cost Calculator","description":"This calculator provides an estimated cost for Vinyl flooring service for your home. Pricing for this estimate is based on the flooring Per Square feet for the area. This price does not reflect the colour and design of the flooring used. For an accurate quotation for your home flooring, contact us for a free on-site consultation!","order":"0","accordion":"false","showSectionTotal":"false","showSectionTotalOnPdf":"","form_id":"5","section_in_page":"0","subsection":[]},{"id":"9","name":"","description":"<br />Select the areas in your home that require flooring for an estimated cost. <br />","order":"1","accordion":"false","showSectionTotal":"false","showSectionTotalOnPdf":"","form_id":"5","section_in_page":"0","subsection":[{"id":"10","order":"0","section_id":"9","element":[{"id":"62","orden":"0","titleElement":"Living room and walkway","type":"Dropdown Menu","value1":"","value2":"","value3":"","value4":"","length":"12asd","uniqueId":"xaysiu5","mandatory":"0","showTitlePdf":"0","titleColumnDesktop":"","titleColumnMobile":"","showPriceHint":"0","displayFrontend":"0","displayDetailList":"0","subsection_id":"10","element_woocomerce_product_id":null,"showInputBoxSlider":"0","tooltiptext":null,"conditions":[],"elementitems":[{"id":"187","order":"0","name":"Small living room - 200sf ","price":"700","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"KLo6nVRsEP","woocomerce_product_id":"","opt_default":"0","element_id":"62"},{"id":"188","order":"1","name":"Medium living room - 400sf","price":"1400","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"jIYbanWDZi","woocomerce_product_id":"","opt_default":"0","element_id":"62"},{"id":"189","order":"2","name":"Large living room - 500sf","price":"1750","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"lCWSBHjhRk","woocomerce_product_id":"","opt_default":"0","element_id":"62"},{"id":"190","order":"3","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"QKzGeMthoP","woocomerce_product_id":"","opt_default":"0","element_id":"62"}]},{"id":"63","orden":"1","titleElement":"Master bedroom","type":"Dropdown Menu","value1":"","value2":"","value3":"","value4":"","length":"12asd","uniqueId":"77eyut5","mandatory":"0","showTitlePdf":"0","titleColumnDesktop":"","titleColumnMobile":"","showPriceHint":"0","displayFrontend":"0","displayDetailList":"0","subsection_id":"10","element_woocomerce_product_id":null,"showInputBoxSlider":"0","tooltiptext":null,"conditions":[],"elementitems":[{"id":"191","order":"0","name":"1 Master bedroom - 150sf","price":"525","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"ABPQIHcuCD","woocomerce_product_id":"","opt_default":"0","element_id":"63"},{"id":"192","order":"1","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"OzdAqvtMGs","woocomerce_product_id":"","opt_default":"0","element_id":"63"}]},{"id":"64","orden":"2","titleElement":"Bedrooms","type":"Dropdown Menu","value1":"","value2":"","value3":"","value4":"","length":"12asd","uniqueId":"7kogms5","mandatory":"0","showTitlePdf":"0","titleColumnDesktop":"","titleColumnMobile":"","showPriceHint":"0","displayFrontend":"0","displayDetailList":"0","subsection_id":"10","element_woocomerce_product_id":null,"showInputBoxSlider":"0","tooltiptext":null,"conditions":[],"elementitems":[{"id":"193","order":"0","name":"1 Bedroom - 120sf","price":"420","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"mFyZJr9lfX","woocomerce_product_id":"","opt_default":"0","element_id":"64"},{"id":"194","order":"1","name":"2 Bedroom - 240sf","price":"840","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"YHPWc2pKTZ","woocomerce_product_id":"","opt_default":"0","element_id":"64"},{"id":"195","order":"2","name":"3 Bedroom - 360sf","price":"1260","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"XGwntqFmRU","woocomerce_product_id":"","opt_default":"0","element_id":"64"},{"id":"196","order":"3","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"31SAWQoNKj","woocomerce_product_id":"","opt_default":"0","element_id":"64"}]},{"id":"65","orden":"3","titleElement":"Kitchen","type":"Dropdown Menu","value1":"","value2":"","value3":"","value4":"","length":"12asd","uniqueId":"fj3u875","mandatory":"0","showTitlePdf":"0","titleColumnDesktop":"","titleColumnMobile":"","showPriceHint":"0","displayFrontend":"0","displayDetailList":"0","subsection_id":"10","element_woocomerce_product_id":null,"showInputBoxSlider":"0","tooltiptext":null,"conditions":[],"elementitems":[{"id":"197","order":"0","name":"1 Kitchen area - 130sf","price":"455","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"kjvPfSxqKw","woocomerce_product_id":"","opt_default":"0","element_id":"65"},{"id":"198","order":"1","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"4BZ1ybCjmF","woocomerce_product_id":"","opt_default":"0","element_id":"65"}]}]}]}],"enableStripe":false,"enableWoocommerceCheckout":false,"tseparator":"default","translation":[{"key":"Total","translation":" Estimated Cost"},{"key":"Description","translation":"Description"},{"key":"Unit Price","translation":"Unit Price"},{"key":"Quantity","translation":"Quantity"},{"key":"Price","translation":"Price"},{"key":"SEND","translation":"SEND"},{"key":"Total Price","translation":" Estimated Cost"},{"key":"Summary","translation":"Summary"},{"key":"Email Quote","translation":"Submit"},{"key":"Detailed List","translation":"Detailed List"},{"key":"Choose an option...","translation":"Choose an option..."},{"key":"Your Name","translation":"Your Name"},{"key":"Your Email","translation":"Your Email"},{"key":"Your Phone","translation":"Your Phone"},{"key":"Your Phone (Optional)","translation":"Your Phone (Optional)"},{"key":"Coupon Code","translation":"Coupon Code"},{"key":"Please choose an option","translation":"Please choose an option"},{"key":"Enter your coupon code","translation":"Enter your coupon code"},{"key":"This code is not valid","translation":"This code is not valid"},{"key":"Discount percentage","translation":"Discount percentage"},{"key":"Your discount has been applied correctly","translation":"Your discount has been applied correctly"},{"key":"Your discount has not been applied because the total price has to be between","translation":"Your discount has not been applied because the total price has to be between"}],"stripePubKey":null,"preCheckoutQuoteForm":false,"woocommerceCombinedCheckoutProdId":0,"isCombinedCheckoutEnabled":false,"coupon":"","showSearchBar":"0","isEmailValidationActive":false}</script>
<script>
var sccPostInit5 = () => {
var formId = 5;
sccWhenAvailable('handleCustomMathNumberFormat', () => {
dfsccLoaded();
handleCustomMathNumberFormat(jQuery, '#scc_form_'+ formId);
sccApplyColors()
actionButtons()
initSCCAccordion(formId)
sccUtils.handlePageBreak(formId)
sccUtils.registerPagination(formId)
})
sccData[formId]["postEventCallbacks"] = {
postQuoteCustomJsCode : (quoteItems = [], userEntries = []) => {},
detailedViewCustomJsCode: (quoteItems = []) => {}
}
}
window["sccPostInit5"] = sccPostInit5;
</script>
<div id=scc_form_5 style=max-width:1000px class="calc-wrapper">
<div class="scc-title-s " id="section_title_0-5" data-section-index=0-5 data-section-id=8 > Vinyl Flooring Cost Calculator</div>
<div style="border: 1px solid #E8E8E8;"></div>
<div class="description_section_preview " id="section_desc_0-5">
This calculator provides an estimated cost for Vinyl flooring service for your home. Pricing for this estimate is based on the flooring Per Square feet for the area. This price does not reflect the colour and design of the flooring used. For an accurate quotation for your home flooring, contact us for a free on-site consultation! </div>
<div class="scc-title-s " id="section_title_1-5" data-section-index=1-5 data-section-id=9 > </div>
<div style="border: 1px solid #E8E8E8;"></div>
<div class="description_section_preview " id="section_desc_1-5">
<br />Select the areas in your home that require flooring for an estimated cost. <br /> </div>
<div id="ssc-elmt-62" data-typeElement="Dropdown Menu" class="scc_dropdown_ form_field_item_style_2 ">
<label class="scc-form-field-item-label">Living room and walkway <span style="display:none;" class="scc-tooltip2" tooltip="" flow="right"><i class="scc-info-icon"></i></span></label>
<div id="byjson62" data-formid="5" data-elementid="62"></div>
<script id="json" type="application/json">
[{"id":"187","order":"0","name":"Small living room - 200sf ","price":"700","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"KLo6nVRsEP","woocomerce_product_id":"","opt_default":"0","element_id":"62"},{"id":"188","order":"1","name":"Medium living room - 400sf","price":"1400","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"jIYbanWDZi","woocomerce_product_id":"","opt_default":"0","element_id":"62"},{"id":"189","order":"2","name":"Large living room - 500sf","price":"1750","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"lCWSBHjhRk","woocomerce_product_id":"","opt_default":"0","element_id":"62"},{"id":"190","order":"3","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"QKzGeMthoP","woocomerce_product_id":"","opt_default":"0","element_id":"62"}] </script>
</div>
<div class="alert alert-danger" role="alert" style="background:transparent; display: none;"><span class="trn" data-trn-key="Please choose an option">Please choose an option☝️</span> !</div>
<div id="ssc-elmt-63" data-typeElement="Dropdown Menu" class="scc_dropdown_ form_field_item_style_2 ">
<label class="scc-form-field-item-label">Master bedroom <span style="display:none;" class="scc-tooltip2" tooltip="" flow="right"><i class="scc-info-icon"></i></span></label>
<div id="byjson63" data-formid="5" data-elementid="63"></div>
<script id="json" type="application/json">
[{"id":"191","order":"0","name":"1 Master bedroom - 150sf","price":"525","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"ABPQIHcuCD","woocomerce_product_id":"","opt_default":"0","element_id":"63"},{"id":"192","order":"1","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"OzdAqvtMGs","woocomerce_product_id":"","opt_default":"0","element_id":"63"}] </script>
</div>
<div class="alert alert-danger" role="alert" style="background:transparent; display: none;"><span class="trn" data-trn-key="Please choose an option">Please choose an option☝️</span> !</div>
<div id="ssc-elmt-64" data-typeElement="Dropdown Menu" class="scc_dropdown_ form_field_item_style_2 ">
<label class="scc-form-field-item-label">Bedrooms <span style="display:none;" class="scc-tooltip2" tooltip="" flow="right"><i class="scc-info-icon"></i></span></label>
<div id="byjson64" data-formid="5" data-elementid="64"></div>
<script id="json" type="application/json">
[{"id":"193","order":"0","name":"1 Bedroom - 120sf","price":"420","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"mFyZJr9lfX","woocomerce_product_id":"","opt_default":"0","element_id":"64"},{"id":"194","order":"1","name":"2 Bedroom - 240sf","price":"840","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"YHPWc2pKTZ","woocomerce_product_id":"","opt_default":"0","element_id":"64"},{"id":"195","order":"2","name":"3 Bedroom - 360sf","price":"1260","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"XGwntqFmRU","woocomerce_product_id":"","opt_default":"0","element_id":"64"},{"id":"196","order":"3","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"31SAWQoNKj","woocomerce_product_id":"","opt_default":"0","element_id":"64"}] </script>
</div>
<div class="alert alert-danger" role="alert" style="background:transparent; display: none;"><span class="trn" data-trn-key="Please choose an option">Please choose an option☝️</span> !</div>
<div id="ssc-elmt-65" data-typeElement="Dropdown Menu" class="scc_dropdown_ form_field_item_style_2 ">
<label class="scc-form-field-item-label">Kitchen <span style="display:none;" class="scc-tooltip2" tooltip="" flow="right"><i class="scc-info-icon"></i></span></label>
<div id="byjson65" data-formid="5" data-elementid="65"></div>
<script id="json" type="application/json">
[{"id":"197","order":"0","name":"1 Kitchen area - 130sf","price":"455","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"kjvPfSxqKw","woocomerce_product_id":"","opt_default":"0","element_id":"65"},{"id":"198","order":"1","name":"No need","price":"0","description":"","value1":"","value2":"","value3":"","value4":"","uniqueId":"4BZ1ybCjmF","woocomerce_product_id":"","opt_default":"0","element_id":"65"}] </script>
</div>
<div class="alert alert-danger" role="alert" style="background:transparent; display: none;"><span class="trn" data-trn-key="Please choose an option">Please choose an option☝️</span> !</div>
<div class="sections_divider"></div>
<span class="scc-minimum-msg" style="display:none"><span class="trn" data-trn-key="The price must be at least">The price must be at least</span> <span id="label_currency_min_prefix"></span> 0 <span id="label_currency_min_sufix"></span> </span>
<span class="scc-warning no-items-selected scc-d-none" data-trn-key="Please interact with any of the choices availabe above">Please interact with any of the choices availabe above</span>
<div style="clear:both"></div>
<div class="row scc-btn-hndle" style="min-height: 0px; margin-left: 0 !important;">
</div>
<div class="scc-total-section clearfix" style="padding: 5px 0px 0 5px; font-size:30px">
<!-- Total style 2 -->
<div class="total22 c_off" style="border: 2px solid; border-radius:14px">
<div class="totalPrice_label" style="background-color:#212020E6;height:100%">
<span style="color:#FFF;font-weight:300; display:block;" class="trn Total" id="total_price_with_label" data-trn-key="Total">Total</span>
</div>
<div class="total_number" style="background: #212020 !important;">
<span style="font-size:35px" class="totalprice_prefix_currency_label"></span>
<span style="font-size:35px" id="totalvalue" class="scc-total-5">0</span>
<span style="font-size:35px" class="totalprice_sufix_currency_label"></span>
</div>
<div class="_tax" style="color:#212020">
</div>
<div class="_convertion" style="color:#212020">
<span style="display:block" class="df_scc_cc_span" ></span>
</div>
</div>
<!-- Total style 3 -->
<!-- Total Price Bar - Style 4 -->
</div>
</div>
<style>
/*Variable Math Frontend Styling*/
.scc-var-math-elmt{
/* border-left: 3px solid #f0810f; */
}
.calc-wrapper .scc-title {
font-size: 30px;
color: black;
}
.calc-wrapper .total-bottom-preview {
font-size: 30px;
font-weight: bolder;
color: black;
}
.calc-wrapper .sections_divider {
border: 1px solid #E8E8E8;
margin-top: 20px
}
[id^="scc_form"] .description_section_preview {
/* color: #f0810f; */
/*margin-bottom: 15px;*/
margin-top: 5px;
}
.scc-title-s{
margin-top:30px;
}
/* Switch button */
.btn-default.btn-on.active {
background-color: #5BB75B;
color: white;
}
.btn-default.btn-off.active {
background-color: #DA4F49;
color: white;
}
.btn-default.btn-on-1.active {
background-color: #006FFC;
color: white;
}
.btn-default.btn-off-1.active {
background-color: #DA4F49;
color: white;
}
.btn-default.btn-on-2.active {
background-color: #00D590;
color: white;
}
.btn-default.btn-off-2.active {
background-color: #A7A7A7;
color: white;
}
.btn-default.btn-on-3.active {
color: #5BB75B;
font-weight: bolder;
}
.btn-default.btn-off-3.active {
color: #DA4F49;
font-weight: bolder;
}
.btn-default.btn-on-4.active {
background-color: #006FFC;
color: #5BB75B;
}
.btn-default.btn-off-4.active {
background-color: #DA4F49;
color: #DA4F49;
}
/* CHECKBOX STARTS */
/* IT SEEMS TO BE NOT WORKING */
/*
CHECKBOX BUTTON Start
*/
/*
RADIO BUTTON NORMAL Start
*/
.itemCreated input[type="checkbox"]+label:after {
/* box-shadow: inset 0 0 0 1px #666565, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #f0810f; */
}
.itemCreated input[type="checkbox"]+label:hover {
/* color: #f0810f !important; */
}
.itemCreated input[type="checkbox"]+label:hover:after {
animation-duration: .5s;
animation-name: change-size;
animation-iteration-count: infinite;
animation-direction: alternate;
/* box-shadow: inset 0 0 0 1px #f0810f, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #f0810f; */
}
.itemCreated input[type="checkbox"]:checked+label:after {
animation-duration: .2s;
animation-name: select-radio;
animation-iteration-count: 1;
animation-direction: Normal;
/* box-shadow: inset 0 0 0 1px #f0810f, inset 0 0 0 3px #FFFFFF, inset 0 0 0 16px #f0810f; */
}
.form_field_item_style_1 .scc_customradio_style_1 {
display: initial !important;
width: 100% !important;
}
.form_field_item_style_2 .scc_customradio_style_1 {
width: 100% !important;
}
.scc_customradio-45 input[type="checkbox"]+label:after {
/* box-shadow: inset 0 0 0 1px #f0810f, inset 0 0 0 16px #f6f6f6, inset 0 0 0 16px #f0810f; */
}
.scc_customradio-45 input[type="checkbox"]+label:hover {
/* color: #f0810f !important; */
}
.scc_customradio-45 input[type="checkbox"]+label:hover:after {
animation-duration: .5s;
animation-name: change-size;
animation-iteration-count: infinite;
animation-direction: alternate;
/* box-shadow: inset 0 0 0 1px #f0810f, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #f0810f; */
}
.scc_customradio-45 input[type="checkbox"]:checked+label:after {
animation-duration: .2s;
animation-name: select-radio;
animation-iteration-count: 1;
animation-direction: Normal;
/* box-shadow: inset 0 0 0 1px #f0810f, inset 0 0 0 3px #FFFFFF, inset 0 0 0 16px #f0810f; */
}
/* @keyframes change-size {
from {
box-shadow: 0 0 0 0 #f0810f, inset 0 0 0 1px #f0810f, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #f0810f;
}
to {
box-shadow: 0 0 0 1px #f0810f, inset 0 0 0 1px #f0810f, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #f0810f;
}
}
@keyframes select-radio {
0% {
box-shadow: 0 0 0 0 #f0810f, inset 0 0 0 2px #FFFFFF, inset 0 0 0 3px #f0810f, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #f0810f;
}
90% {
box-shadow: 0 0 0 10px #E8FFF0, inset 0 0 0 0 #FFFFFF, inset 0 0 0 1px #f0810f, inset 0 0 0 2px #FFFFFF, inset 0 0 0 16px #f0810f;
}
100% {
box-shadow: 0 0 0 12px #E8FFF0, inset 0 0 0 0 #FFFFFF, inset 0 0 0 1px #f0810f, inset 0 0 0 3px #FFFFFF, inset 0 0 0 16px #f0810f;
}
} */
/*
RADIO BUTTON NORMAL End
*/
/*
RADIO BUTTON ANIMATED Start
*/
.btn-radio-45 svg path {
/* stroke: #f0810f; */
}
/*CHECKBOX BUTTON Start */
.label-cbx-45 input:checked+.checkbox {
/* border-color: #f0810f; */
}
.label-cbx-45 input:checked+.checkbox svg path {
/* fill: #f0810f; */
}
.label-cbx-45 .checkbox svg path {
fill: none;
/* stroke: #f0810f; */
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 71px;
stroke-dashoffset: 71px;
transition: all 0.6s ease;
}
/* dropdown */
.dd-scc-45 {
border: 2px solid #E8E8E8;
/* border-left: 4px solid #f0810f; */
}
/* dropdown */
.ddChild li .ddlabel {
padding-left: 0px !important;
}
.ddChild li .description {
padding-left: 0px !important;
}
[id$="_msdd"] {
border: 2px solid #E8E8E8;
border-top-color: rgb(232, 232, 232);
border-top-style: solid;
border-top-width: 2px;
border-right-color: rgb(232, 232, 232);
border-right-style: solid;
border-right-width: 2px;
border-bottom-color: rgb(232, 232, 232);
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color: rgb(0, 0, 0);
border-left-style: solid;
border-left-width: 4px;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
/* border-left: 4px solid #f0810f; */
border-left-width: 4px;
border-left-style: solid;
/* border-left-color: rgb(0, 0, 0); */
width: 100% !important;
}
/* slider */
.slider-handle {
/* background-image: -moz-linear-gradient(top, #f0810f, #f0810f); */
/* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0810f), to(#f0810f)); */
/* background-image: -webkit-linear-gradient(top, #f0810f, #f0810f); */
/* background-image: -o-linear-gradient(top, #f0810f, #f0810f); */
/* background-image: linear-gradient(to bottom, #f0810f, #f0810f); */
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
position: absolute;
top: 0;
/* width: 20px; */
/* height: 20px; */
/* background-color: #f0810f; */
border: 0px solid transparent;
}
.slider-track .slider-selection {
/* background-color: #f0810f; */
}
.slider-track .slider-track-high {
background-color: white;
}
.slider.slider-horizontal {
width: 100% !important;
}
/* custom math */
.scc-custom-math-element {
/* border-left: 3px solid #f0810f; */
padding-left: 10px !important;
}
input#itemcreateds_0_0_0 {
width: 100px;
height: 50px;
border-radius: 10px;
padding-left: 5px;
text-align: center;
padding-right: 5px;
}
input#itemcreateds_0_0_0.number_box_2_text::-webkit-outer-spin-button,
input#itemcreateds_0_0_0.number_box_2_text::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input#itemcreateds_0_0_0[type=number] {
-moz-appearance: textfield;
/* Firefox */
}
span.input-number-increment,
span.input-number-decrement {
border: none !important;
cursor: pointer;
/* color: #f0810f !important; */
width: 30px;
font-weight: bold;
font-size: 18px;
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* toogle button */
.clicked-buttom-checkbox {
/* background-color: #f0810f !important; */
color: #fff !important;
}
/* buttons at the bottom */
.printTable-45 {
/* background: #f0810f; */
color: #fff;
border-radius: 80px;
font-size: 14px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
/*height: 100%;*/
width: auto;
padding: 10px 20px 10px 20px;
margin: 1px 5px 5px 5px;
/* box-shadow: 3px 2px 3px 0px #d8d8d2; */
}
a.scc-trigger {
/* color: #FFFFFF !important; */
}
.scc-btn-style-2:after {
/* background-color: #FFFFFF !important; */
}
/* paypal and stripe button starts */
.btPayPalButtonCustom,
.btnStripe {
display: flex;
margin: 0;
background: transparent;
/* border: ; */
border-radius: 50px;
height: 44px;
cursor: pointer;
-webkit-transition: box-shadow 380ms ease;
transition: box-shadow 380ms ease;
background-position: center center;
background-size: 70%;
background-repeat: no-repeat;
flex: 0 0 130px;
padding: 0 100px 0 28px;
margin-left: 6px;
}
.rtl .btPayPalButtonCustom,
.rtl .btnStripe {
margin-left: 0;
margin-right: 30px;
margin-top: -15px;
}
.btPayPalButtonCustom:hover,
.btnStripe:hover {
/* box-shadow: ; */
}
/* paypal and stripe button ends */
/* bootstrap inherit font-weight */
.scc-form-field-item-label {
/*font-weight: 100;*/
}
.alert.alert-danger span {
/* font-family:'Open Sans' !important; */
font-family:inherit;
}
</style>
×
