/*Booqable Product Details CSS*/ .bq-product-description.rx-reset.rx-content p:nth-child(2) { display: none !important; } /*Booqable Pop-up Product Details CSS*/ .booqable-product-detail-wrapper span.Wrapper-eRfzeH { display: none !important; } .booqable-product-detail-wrapper .booqable-component .booqable-product-button-wrapper .bq-control { display: block !important; } .booqable-product-detail-wrapper .jpTmaf.jpTmaf.jpTmaf { display: none !important; } .booqable-product-detail-wrapper .Div-bApbbf.Col-dURbCs.InputField-giqDmM.bFwuwO { display: none; } /*Booqable Date/Time Picker CSS*/ .hmrGyf.hmrGyf.hmrGyf.DD, .hmrGyf.hmrGyf.hmrGyf.MM, .hmrGyf.hmrGyf.hmrGyf.HH, .hmrGyf.hmrGyf.hmrGyf.hh, .hmrGyf.hmrGyf.hmrGyf.mm, .hmrGyf.hmrGyf.hmrGyf.YY { width: 4.5em !important; } .Backdrop-Ogrsy.icUVy.bq-modal .cIqaPf { max-width: 666px !important; } [role=tooltip]:not(.show) { display: unset !important; background: unset !important; border: unset !important; border-radius: 4px; box-shadow: unset !important; } /*Our Team Updates*/ @media (min-width: 768px) and (max-width: 998px){ div#section-id-XyIvXCW1iik7rBdVtfk1u .sp-pagebuilder-row, .sppb-row { justify-content: space-evenly; } } /*END - Our Team Updates*/ .lbl-boldunderCap2 { font-weight: bold; text-transform: uppercase; color: #fb0000; border-radius: 5px; font-size: 17px; } /*Form Section Colors*/ div#ff_formdiv24 .bfQuickMode legend { background: #efac0a !important; } div#ff_formdiv20 .bfQuickMode legend { background: #cc2a46 !important; } div#ff_formdiv25 .bfQuickMode legend { background: #a55d2a !important; } div#ff_formdiv26 .bfQuickMode legend, div#ff_formdiv49 .bfQuickMode legend { background: #085942 !important; } header#sp-header .container { max-width: 1465px !important; } /*MAIN MENU*/ .sp-megamenu-parent>li>a { padding: 0px 10px; } body.ltr #offcanvas-toggler.offcanvas-toggler-right{ margin-left: 10px; margin-right: 10px; } /*PayPlans - Mobile View*/ @media (min-width: 320px) and (max-width: 768px){ #pp .pp-plans{ display: block !important; } } /* ============================================ --------BREEZING FORMS - CSS STYLE---------- ============================================ */ .bfQuickMode legend { background: #262330 !important; } .bfQuickMode legend .bfLegend-m { padding-left: 20px; } .bfQuickMode label { color: #000000 !important; } .bfQuickMode section.bfElemWrap:hover { background: #5a5d5817 !important; } .bfQuickMode section.bfElemWrap { padding: 10px 0px; border-bottom: 1px solid #00000038 !important; } .bfQuickMode #asi_applicaiton .bfLabelLeft .bfElementGroup input, .bfQuickMode #asi_applicaiton .bfLabelLeft .bfElementGroupNoWrap input, .bfQuickMode #asi_applicaiton .bfLabelTop .bfElementGroup input, .bfQuickMode #asi_applicaiton .bfLabelTop .bfElementGroupNoWrap input, .bfQuickMode #asi_applicaiton .bfLabelRight .bfElementGroup input, .bfQuickMode #asi_applicaiton .bfLabelRight .bfElementGroupNoWrap input, .bfQuickMode #asi_applicaiton .bfLabelBottom .bfElementGroup input, .bfQuickMode #asi_applicaiton .bfLabelBottom .bfElementGroupNoWrap input { display: inline-block; width: 16px; } .bfQuickMode #asi_applicaiton span.bfElementGroupNoWrap input[type="checkbox"], .bfQuickMode #asi_applicaiton span.bfElementGroupNoWrap input[type="radio"], .bfQuickMode #asi_applicaiton span.bfElementGroup input[type="checkbox"], .bfQuickMode #asi_applicaiton span.bfElementGroup input[type="radio"] { border: 1px solid #00000080 !important; } .uk-radio:checked, input[type="radio"]:not([class*="uk-"]):checked, .uk-checkbox:checked, input[type="checkbox"]:not([class*="uk-"]):checked { background-color: #009603 !important; } /*Minor Edit by Paul*/ .bfQuickMode .bfLabelLeft .bfElementGroup, .bfQuickMode .bfLabelRight .bfElementGroup, .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap { width: auto !important; float: left !important; } .bfQuickMode label { font-weight: bold; } form.bfQuickMode { padding: 50px !important; padding-left: 20px !important; padding-right: 20px !important; box-shadow: 0px 0px 16px #b7b7b7 !important; width: auto; margin-bottom: 15px; } .uk-input, .uk-select:not([multiple]):not([size]), .uneditable-input:not([class*="uk-"]), input[type="color"]:not([class*="uk-"]), input[type="date"]:not([class*="uk-"]), input[type="datetime-local"]:not([class*="uk-"]), input[type="datetime"]:not([class*="uk-"]), input[type="email"]:not([class*="uk-"]), input[type="month"]:not([class*="uk-"]), input[type="number"]:not([class*="uk-"]), input[type="password"]:not([class*="uk-"]), input[type="search"]:not([class*="uk-"]), input[type="tel"]:not([class*="uk-"]), input[type="text"]:not([class*="uk-"]), input[type="time"]:not([class*="uk-"]), input[type="url"]:not([class*="uk-"]), input[type="week"]:not([class*="uk-"]), select:not([class*="uk-"]):not([multiple]):not([size]) { border: 1px solid #211e1e73; } .bfQuickMode button, button#bfSubmitButton { background: #262330 !important; color: #fff !important; border: 1px solid transparent !important; margin-top: 5px; } .bfQuickMode button:hover, button#bfSubmitButton:hover { background-color: transparent !important; color: #262330 !important; border-color: #262330 !important; } .terms-links { color: #262330 !important; text-decoration: underline; } .terms-links:hover { color: #0da504 !important; text-decoration: underline; } /*work hours field*/ fieldset#lv_workhours legend { background-color: #fffbfb00 !important; color: #000 !important; font-weight: bold; font-size: 16px; margin-bottom: 10px; } fieldset#lv_workhours .bfLegend-m { padding-left: 5px; } /*Booth Carpet Install*/ div#ff_formdiv17 .bfQuickMode legend { background: #009727 !important; } .shft_title { font-weight: bold !important; color: #000000 !important; padding-left: 6px; margin-bottom: unset !important; } @media (min-width: 1200px) { section#bfElemWrap4114, section#bfElemWrap12049, section#bfElemWrap12050 { border-bottom: none !important; } select#ff_elem12049, select#ff_elem12050, select#ff_elem4114 { height: 50%; } } /*======= Aisle Carpet Install Header =======*/ div#ff_formdiv5 .bfQuickMode legend { background: #163cf7 !important; } /*Grand Total Highlighs*/ div#asl_hLightTotals input{ border: unset !important; background: unset; font-weight: 800; color: red !important; } div#asl_hLightTotals label{ color: #163CF7 !important; } div#asl_hLightTotals section { background: #ebeeff !important; display: flex; align-items: center; } /* ============================================ --------BREEZING FORMS - END---------- ============================================ */ /*--BOOTH CARPET INSTALLATION--*/ /*-Channeling Charge-*/ input#ff_elem2429 { border: unset; } /*===========================*/ /*---Cartpet Color Options---*/ /*===========================*/ /*label*/ /* span#bfElementGroup968 label.bfGroupLabel span { display: none; } */ /*--Padding Options--*/ /*Padding Options - Booth*/ span#bfElementGroupNoWrap2408, /*Padding Options - Aisle*/ span#bfElementGroupNoWrap2620 { display: flex; flex-wrap: wrap; } /*Padding Options - Booth*/ input#ff_elem2408, input#ff_elem2408_1, input#ff_elem2408_2, /*Padding Options - Aisle*/ input#ff_elem2620, input#ff_elem2620_1, input#ff_elem2620_2 { margin-bottom: 25%; } /*--Padding Options END--*/ .color-div { display: block; padding: 34px 32px; vertical-align: middle; margin-right: 4px; box-shadow: #000 1px 1px 1px 1px; } input#ff_elem968_9, input#ff_elem1276_9, /*W/ New Color Options*/ input#ff_elem2423_9 { margin-left: 5px; } input#ff_elem2423_25 { margin-left: -3px; } input#ff_elem2423_23 { margin-left: -5px; } /*Asile New Color Options*/ input#ff_elem1276_23 { margin-left: -3px; } input#ff_elem1276_25 { margin-left: -5px; } /*---Layout---*/ span#bfElementGroup968, span#bfElementGroupNoWrap1276, /*W/ New Color Options*/ span#bfElementGroup2423{ display: flex; flex-wrap: wrap; } section#bfElemWrap968 input.ff_elem, section#bfElemWrap1276 input.ff_elem, /*W/ New Color Options*/ section#bfElemWrap2423 input.ff_elem{ margin-bottom: 5% !important; display: inline-block; } label#bfGroupLabel968_8, label#bfGroupLabel1276_8, /*W/ New Color Options*/ label#bfGroupLabel2423_8{ width: 55px; } /*---New Colors Options Images---*/ /*16oz*/ div#color-black, button#color-black { background-image: url("/images/quotes/new-colors/black16.png") !important; } div#color-blackgray { background-image: url("/images/quotes/new-colors/black-gray16.png") } div#color-blue { background-image: url("/images/quotes/new-colors/blue16.png") } div#color-blueblack { background-image: url("/images/quotes/new-colors/blue-black16.png") } div#color-cobalt { background-image: url("/images/quotes/new-colors/cobalt16.png") } div#color-coolblack { background-image: url("/images/quotes/new-colors/cool-black16.png") } div#color-cottonballs { background-image: url("/images/quotes/new-colors/cotton-balls16.png") } div#color-gray { background-image: url("/images/quotes/new-colors/gray16.png") } div#color-grayson { background-image: url("/images/quotes/new-colors/grayson16.png") } div#color-red { background-image: url("/images/quotes/new-colors/red16.png") } div#color-redblack { background-image: url("/images/quotes/new-colors/red-black16.png") } div#color-royalred { background-image: url("/images/quotes/new-colors/royal-red16.png") } /*32oz*/ div#color-dakota { background-image: url("/images/quotes/new-colors/dakota32.png") } div#color-stare { background-image: url("/images/quotes/new-colors/stare32.png") } div#color-gentlebreeze { background-image: url("/images/quotes/new-colors/gentle-breeze32.png") } div#color-concrete { background-image: url("/images/quotes/new-colors/concrete32.png") } div#color-mocha { background-image: url("/images/quotes/new-colors/mocha32.png") } /*50oz*/ div#color-inkspot { background-image: url("/images/quotes/new-colors/ink-spot50.png") } div#color-grape { background-image: url("/images/quotes/new-colors/grape50.png") } div#color-eveningsky { background-image: url("/images/quotes/new-colors/evening-sky50.png") } /*Vinyl*/ div#color-whitewood { background-image: url("/images/quotes/new-colors/white-wood.jpg") } div#color-oakginger { background-image: url("/images/quotes/new-colors/oak-ginger.jpg") } div#color-mahogany { background-image: url("/images/quotes/new-colors/mahogany.jpg") } div#color-emmelineGrey { background-image: url("/images/quotes/new-colors/emmeline-grey.jpg") } div#color-crossbean { background-image: url("/images/quotes/new-colors/cross-bean.jpg") } div#color-Idatto { background-image: url("/images/quotes/new-colors/i-datto.jpg") } /*Turf*/ div#color-turfgreen { background-image: url("/images/quotes/new-colors/turf-show-desktop-2_01.jpg") } div#color-turfgreenp { background-image: url("/images/quotes/new-colors/turf-show-desktop-2_03.jpg") } /*Padding Options - Booth*/ div#padding-single { background-image: url("/images/quotes/new-colors/single-padding.jpg"); width: max-content; } div#padding-double { background-image: url("/images/quotes/new-colors/double-padding.jpg"); width: max-content; } /*---Old Color Options Images---*/ /*div#color-black { background-image: url("/images/quotes/Standard-Black.jpg") }*/ div#color-red { background-image: url("/images/quotes/Standard-Red16.png") } div#color-lemon { background-image: url("/images/quotes/Standard-Lemon.jpg") } div#color-navy { background-image: url("/images/quotes/Standard-Navy.jpg") } div#color-purple { background-image: url("/images/quotes/Standard-Purple.jpg") } div#color-ryblue { background-image: url("/images/quotes/Standard-Royal-Blue.jpg") } div#color-silver { background-image: url("/images/quotes/Standard-Silver.jpg") } div#color-graph { background-image: url("/images/quotes/Standard-Stone.jpg") } div#color-tan { background-image: url("/images/quotes/Standard-Tan.jpg") } div#color-white { background-image: url("/images/quotes/Standard-White-1200x1200.jpg") } div#color-carbenet { background-image: url("/images/quotes/Standard-Carbenet.jpg") } div#color-coal { background-image: url("/images/quotes/Standard-Charcoal.jpg") } div#color-green { background-image: url("/images/quotes/Standard-Green-1200x1200.jpg") } /*Color fields*/ .bfQuickMode fieldset fieldset#bth_clrblack legend, .bfQuickMode fieldset fieldset#bth_clrcarbenet legend, .bfQuickMode fieldset fieldset#bth_clrcharc legend, .bfQuickMode fieldset fieldset#bth_clrgreen legend, .bfQuickMode fieldset fieldset#bth_clrlemon legend, .bfQuickMode fieldset fieldset#bth_clrNavy legend, .bfQuickMode fieldset fieldset#bth_clrpurple legend, .bfQuickMode fieldset fieldset#bth_clrRed legend, .bfQuickMode fieldset fieldset#bth_clrRblue legend, .bfQuickMode fieldset fieldset#bth_clrSilver legend, .bfQuickMode fieldset fieldset#bth_clrGraphite legend, .bfQuickMode fieldset fieldset#bth_clrTan legend, .bfQuickMode fieldset fieldset#bth_clrWhite legend, /*Addional Color Options*/ .bfQuickMode fieldset fieldset#bth_clrWhite legend{ background: #000 !important; color: #fff !important; } form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(1), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(2), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(3), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(4), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(5), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(6), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(7), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(8), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(9), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(10), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(11), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(12), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(13), /*Addional Color Options*/ form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(14), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(15), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(16), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(17), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(18), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(19), form#ff_form3 fieldset#bth_size div.bfFieldset-wrapper:nth-of-type(20){ display:block; } /*====Booth Carpet Installation====*/ fieldset#bth_size legend{ background-color: #fffbfb00 !important; color: #000 !important; font-weight: bold; font-size: 16px; margin-bottom: 10px; } fieldset#bth_size .bfLegend-m { padding-left: 5px; } /*Calendar*/ select.time.time-hours{ width: auto !important; } select.time.time-minutes { width: auto !important; } /*====END====*/ /*====Aisle Carpet Installation====*/ /*Note Texts*/ span.from-notes { font-size: 12px; font-weight: 400; font-style: italic; } /*Hidden Labels*/ label#bfLabel775 { visibility: hidden; } /*Section Top Margin*/ .bfQuickMode .bfWrapperBlock { margin: 0; } .bfFieldset-wrapper.bfWrapperBlock.bfClearfix { margin: 0; } /*==TEMPORARY==*/ /* div#ff_formdiv5 div#bfPage1 div:nth-of-type(3), div#ff_formdiv5 div#bfPage1 div:nth-of-type(4), div#ff_formdiv5 div#bfPage1 div:nth-of-type(5), div#ff_formdiv5 div#bfPage1 div:nth-of-type(6), div#ff_formdiv5 div#bfPage1 div:nth-of-type(7), div#ff_formdiv5 div#bfPage1 div:nth-of-type(8) { display: inline-block; } div#ff_formdiv5 div#bfPage1 div:nth-of-type(3){ margin-top: -20px; } div#ff_formdiv5 div#bfPage1 div:nth-of-type(4), div#ff_formdiv5 div#bfPage1 div:nth-of-type(5), div#ff_formdiv5 div#bfPage1 div:nth-of-type(6), div#ff_formdiv5 div#bfPage1 div:nth-of-type(7), div#ff_formdiv5 div#bfPage1 div:nth-of-type(8) { margin-top: -48px; } */ /* fieldset#aisle_centralhall { margin-top: -40px; } fieldset#aisle_northHall { margin-top: -65px; } fieldset#aisle_lowersouthhall { margin-top: -75px; } fieldset#aisle_uppersouthall { margin-top: -95px; } fieldset#aisle_mandabay { margin-top: -120px; } */ /*---Date Read Only---*/ /*West Hall*/ input#ff_elem522, input#ff_elem769, input#ff_elem770, input#ff_elem771, input#ff_elem772, input#ff_elem773, input#ff_elem774, /*Central Hall*/ input#ff_elem809, input#ff_elem810, input#ff_elem811, input#ff_elem812, input#ff_elem813, input#ff_elem814, /*North Hall*/ input#ff_elem837, input#ff_elem838, input#ff_elem839, input#ff_elem840, input#ff_elem841, input#ff_elem842, /*Lower South Hall*/ input#ff_elem877, input#ff_elem878, input#ff_elem879, input#ff_elem880, input#ff_elem881, input#ff_elem882, /*Upper South Hall*/ input#ff_elem897, input#ff_elem898, input#ff_elem899, input#ff_elem900, input#ff_elem901, input#ff_elem902, /*Mandalay Bay*/ input#ff_elem913, input#ff_elem914, input#ff_elem915, input#ff_elem916, input#ff_elem917, input#ff_elem918, /*Booth Calendars*/ input#ff_elem995, #input#ff_elem4132 { width: 25%; pointer-events: none; background: #f0f0f0a1; } fieldset#bth_showevent .input-group-text{ background: none; width: 0%; } /*---Aisle Installation: Background & Width Input ---*/ /*West Hall*/ section#bfElemWrap769 .input-group-text, section#bfElemWrap770 .input-group-text, section#bfElemWrap771 .input-group-text, section#bfElemWrap772 .input-group-text, section#bfElemWrap773 .input-group-text, section#bfElemWrap774 .input-group-text, /*Central Hall*/ section#bfElemWrap809 .input-group-text, section#bfElemWrap810 .input-group-text, section#bfElemWrap811 .input-group-text, section#bfElemWrap812 .input-group-text, section#bfElemWrap813 .input-group-text, section#bfElemWrap814 .input-group-text, /*North Hall*/ section#bfElemWrap837 .input-group-text, section#bfElemWrap838 .input-group-text, section#bfElemWrap839 .input-group-text, section#bfElemWrap840 .input-group-text, section#bfElemWrap841 .input-group-text, section#bfElemWrap842 .input-group-text, /*Lower South Hall*/ section#bfElemWrap877 .input-group-text, section#bfElemWrap878 .input-group-text, section#bfElemWrap879 .input-group-text, section#bfElemWrap880 .input-group-text, section#bfElemWrap881 .input-group-text, section#bfElemWrap882 .input-group-text, /*Upper South Hall*/ section#bfElemWrap897 .input-group-text, section#bfElemWrap898 .input-group-text, section#bfElemWrap899 .input-group-text, section#bfElemWrap900 .input-group-text, section#bfElemWrap901 .input-group-text, section#bfElemWrap902 .input-group-text, /*Mandalay Bay*/ section#bfElemWrap913 .input-group-text, section#bfElemWrap914 .input-group-text, section#bfElemWrap915 .input-group-text, section#bfElemWrap916 .input-group-text, section#bfElemWrap917 .input-group-text, section#bfElemWrap918 .input-group-text { background: none; width: 0%; } /*---End---*/ /* fieldset#lv_osha legend { background-color: #fffbfb00 !important; color: #000 !important; font-weight: bold; font-size: 16px; margin-bottom: 10px; } fieldset#lv_osha .bfLegend-m { padding-left: 5px; } */ /*Job Requirement Field*/ fieldset#bfQuickModeSection91075 .bfWrapperBlock { margin: 0; } /*Calendars*/ input#ff_elem174, input#ff_elem203 { width: 20%; pointer-events: none !important; background: #00000012; } /*EDOCMAN*/ /*Table Layout - Title besides icon*/ i.edicon.edicon-folder-open:after { content: "Document Repository" !important; margin-left: 10px; font-weight: bold; font-family: inherit; } i.edicon.edicon-folder-open { color: blue; } /*=======================*/ /*----JoomCourses CSS----*/ /*=======================*/ /*course page*/ div.joomcourses-category .text-muted { visibility: hidden; } div.joomcourses-course .table-striped tr:nth-child(2) { display: none; } /*cart*/ input#checkout_method_guest, input#checkout_method_register{ visibility: hidden !important; } #jform_captcha-lbl { display: none; } /*Testimonial Submit button CSS*/ @media (min-width: 320px) and (max-width: 575px){ span.d-none.d-sm-inline { display: unset !important; } } @media (min-width: 320px) and (max-width: 420px){ .logo-image { height: 24px !Important; } } /*GENRALL CSS*/ li.sp-profile-dropdown-item:first-child { display: none; } /*Notification Easy Jobs*/ #system-message-container { position: unset !important; max-width: 100% !important; } /*=====END======*/ /*J2STORE CSS*/ /*Cart*/ table.j2store-cart-table .product-qty { display: inline-block !important; } div#option-30, div#option-31, div#option-36 { display: inline-block; margin-right: 10px; margin-bottom: 10px; } form#j2store-addtocart-form-4 div.options{ display: flex; flex-wrap: wrap; } div#option-36 input[type="text"] { pointer-events: none; background: #fff; } /*======================*/ /*J2Store - Product Page*/ /*======================*/ /*---Label for Colors---*/ /*16oz*/ div#option-238 label, div#option-238 b, /*32 oz*/ div#option-245 label, div#option-245 b, /*50 oz*/ div#option-247 label, div#option-247 b, /*Vinyl*/ div#option-223 label, div#option-223 b, /*Turf*/ div#option-256 label, div#option-256 b{ display: none; } /*---Carpet Color Label After---*/ /*16oz*/ div#option-237:after, /*32 oz*/ div#option-244:after, /*50 oz*/ div#option-246:after, /*Vinyl*/ div#option-222:after, /*Turf*/ div#option-255:after { content: "Color:"; font-weight: bold; margin-top: 15px !important; display: block; } /*---BR---*/ /*16oz*/ div#option-238 br, /*32 oz*/ div#option-245 br, /*50 oz*/ div#option-247 br, /*Vinyl*/ div#option-223 br, /*Turf*/ div#option-256 br { display: none; } /*---Color Option Layout---*/ /*16oz*/ div#option-238, /*32 oz*/ div#option-245, /*50 oz*/ div#option-247, /*Vinyl*/ div#option-223, /*Turf*/ div#option-256 { display: flex; flex-wrap: wrap; flex-direction: row; } /*16oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin: 0 9px; } /*16oz*/ div#option-238 img, /*32 oz*/ div#option-245 img, /*50 oz*/ div#option-247 img, /*Vinyl*/ div#option-223 img, /*Turf*/ div#option-256 img { display: inline-block !important; margin-bottom: 5px; } /*Price*/ .product-price-container .sale-price { color: #0768C6; font-size: 28px!important; padding-top: 13px; } .price-sku-brand-container .col-sm-6 { width: 80%; } /*Error Prompt*/ .j2error { /*display: none;*/ } /*====================================*/ /*---- PROVIDING OWN PAD QUESTION ----*/ /*====================================*/ @media (min-width: 1200px){ /*====TSF/TLF FLEX===*/ /*----SINGLE PAD----*/ /*--Total Square Feet--*/ div#bth_singleTSF, /*--Total Linear Feet--*/ div#bth_singleTLF, /*----DOUBLE PAD----*/ /*--Total Square Feet--*/ div#bth_doubleTSF, /*--Total Linear Feet--*/ div#bth_doubleTLF { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #00000038 !important; margin-bottom: 10px; } /*====SECTION LABEL WIDTH===*/ /*----SINGLE PAD----*/ /*--Total Square Feet--*/ div#bth_singleTSF section.bfSectionDescription, /*--Total Linear Feet--*/ div#bth_singleTLF section.bfSectionDescription, /*----DOUBLE PAD----*/ /*--Total Square Feet--*/ div#bth_doubleTSF section.bfSectionDescription, /*--Total Linear Feet--*/ div#bth_doubleTLF section.bfSectionDescription { width: 22%; } /*====BORDER BOTTOM===*/ /*----SINGLE PAD----*/ /*--Total Square Feet--*/ section#bfElemWrap7692, section#bfElemWrap7693, section#bfElemWrap7694, /*--Total Linear Feet--*/ section#bfElemWrap7695, section#bfElemWrap7696, section#bfElemWrap7697, /*----Double PAD----*/ /*--Total Square Feet--*/ section#bfElemWrap7968, section#bfElemWrap7969, section#bfElemWrap7970, /*--Total Linear Feet--*/ section#bfElemWrap7971, section#bfElemWrap7972, section#bfElemWrap7973 { border-bottom: unset !important; } } /*========================================*/ /*-----Installation & Dismantle Forms-----*/ /*========================================*/ /*Installation and Dismantle Labor Section*/ table#idl-table { display: block; margin-left: auto; margin-right: auto; width: 60%; } table#idl-table td, table#idl-table th { border: 1px solid #ddd; padding: 8px; } /*-Headers-*/ span.lbl-boldunder { font-weight: bold; text-decoration: underline; } span.lbl-boldunderCap { font-weight: bold; text-transform: uppercase; background: #000; color: #fff; padding: 0px 5px; border-radius: 5px; } span.lbl-boldunderCap2 { font-weight: bold; text-transform: uppercase; color: #fb0000; border-radius: 5px; font-size: 17px; } .lbl-boldunderCap3 { font-weight: bold; text-transform: uppercase; color: #000000; border-radius: 5px; font-size: 17px; font-style: italic; } div#bfQuickModeSection24644 { padding-bottom: 10px; } /*Minor Headers*/ span.lbl-midheader{ font-weight: 400; text-transform: capitalize; background: #6a6a6a; color: #fff; padding: 0px 5px; border-radius: 5px; } /*==DATE FIELDS - READ ONLY LAYERS==*/ /*---Installation Labor Section---*/ input#ff_elem2877, /*Layer 2*/ input#ff_elem3235, /*Layer 3*/ input#ff_elem3267, /*Layer 4*/ input#ff_elem3364, /*Layer 5*/ input#ff_elem3384, /*Layer 6*/ input#ff_elem3404, /*Layer 7*/ input#ff_elem3420, /*Layer 8*/ input#ff_elem3436, /*Layer 9*/ input#ff_elem3452, /*Layer 10*/ input#ff_elem3472, /*---Dismantle Labor Section---*/ input#ff_elem2932, /*Layer 2*/ input#ff_elem3496, /*Layer 3*/ input#ff_elem3512, /*Layer 4*/ input#ff_elem3528, /*Layer 5*/ input#ff_elem3544, /*Layer 6*/ input#ff_elem3560, /*Layer 7*/ input#ff_elem3584, /*Layer 8*/ input#ff_elem3600, /*Layer 9*/ input#ff_elem3616, /*Layer 10*/ input#ff_elem3632, /*---Inbound Shipping & Set-up Information Section---*/ input#ff_elem3011, /*===BQI Form===*/ /*---Dismantle Labor Section---*/ /*Layer 1*/ input#ff_elem4391, /*Layer 2*/ input#ff_elem4400, /*Layer 3*/ input#ff_elem4409, /*Layer 4*/ input#ff_elem4418, /*Layer 5*/ input#ff_elem4427, /*Layer 6*/ input#ff_elem4436, /*Layer 7*/ input#ff_elem4445, /*Layer 8*/ input#ff_elem4454, /*Layer 9*/ input#ff_elem4463, /*Layer 10*/ input#ff_elem4472, /*---Installation Labor Section---*/ /*Layer 1*/ input#ff_elem4113, /*Layer 2*/ input#ff_elem4154, /*Layer 3*/ input#ff_elem4191, /*Layer 4*/ input#ff_elem4204, /*Layer 5*/ input#ff_elem4217, /*Layer 6*/ input#ff_elem4230, /*Layer 7*/ input#ff_elem4239, /*Layer 8*/ input#ff_elem4252, /*Layer 9*/ input#ff_elem4261, /*Layer 10*/ input#ff_elem4270, /*===ACI Form===*/ /*---Installation Labor Section---*/ /*Layer 1*/ input#ff_elem4670, /*Layer 2*/ input#ff_elem4887, /*Layer 3*/ input#ff_elem4896, /*Layer 4*/ input#ff_elem4905, /*Layer 5*/ input#ff_elem4914, /*Layer 6*/ input#ff_elem4943, /*Layer 7*/ input#ff_elem4970, /*Layer 8*/ input#ff_elem4979, /*Layer 9*/ input#ff_elem5000, /*Layer 10*/ input#ff_elem5009, /*---Dismantle Labor Section---*/ /*Layer 1*/ input#ff_elem5128, /*Layer 2*/ input#ff_elem5137, /*Layer 3*/ input#ff_elem5146, /*Layer 4*/ input#ff_elem5155, /*Layer 5*/ input#ff_elem5164, /*Layer 6*/ input#ff_elem5173, /*Layer 7*/ input#ff_elem5182, /*Layer 8*/ input#ff_elem5191, /*Layer 9*/ input#ff_elem5200, /*Layer 10*/ input#ff_elem5209 { width: 15%; pointer-events: none; background: #c7c7c738; } /*==DATE FIELD BACKGROUND WIDTH==*/ /*---Inbound Shipping---*/ section#bfElemWrap3011 span.input-group-text, /*---Installation Labor---*/ section#bfElemWrap2877 span.input-group-text, /*Layer 2*/ section#bfElemWrap3235 span.input-group-text, /*Layer 3*/ section#bfElemWrap3267 span.input-group-text, /*Layer 4*/ section#bfElemWrap3364 span.input-group-text, /*Layer 5*/ section#bfElemWrap3384 span.input-group-text, /*Layer 6*/ section#bfElemWrap3404 span.input-group-text, /*Layer 7*/ section#bfElemWrap3420 span.input-group-text, /*Layer 8*/ section#bfElemWrap3436 span.input-group-text, /*Layer 9*/ section#bfElemWrap3452 span.input-group-text, /*Layer 9*/ section#bfElemWrap3472 span.input-group-text, /*---Dismantle Labor---*/ section#bfElemWrap2932 span.input-group-text, /*Layer 2*/ section#bfElemWrap3496 span.input-group-text, /*Layer 3*/ section#bfElemWrap3512 span.input-group-text, /*Layer 4*/ section#bfElemWrap3528 span.input-group-text, /*Layer 5*/ section#bfElemWrap3544 span.input-group-text, /*Layer 6*/ section#bfElemWrap3560 span.input-group-text, /*Layer 7*/ section#bfElemWrap3584 span.input-group-text, /*Layer 8*/ section#bfElemWrap3600 span.input-group-text, /*Layer 9*/ section#bfElemWrap3616 span.input-group-text, /*Layer 10*/ section#bfElemWrap3632 span.input-group-text, /*===Booth Quote Installation Form===*/ /*---Dismantle Labor Section---*/ /*Layer 1*/ section#bfElemWrap4391 span.input-group-text, /*Layer 2*/ section#bfElemWrap4400 span.input-group-text, /*Layer 3*/ section#bfElemWrap4409 span.input-group-text, /*Layer 4*/ section#bfElemWrap4418 span.input-group-text, /*Layer 5*/ section#bfElemWrap4427 span.input-group-text, /*Layer 6*/ section#bfElemWrap4436 span.input-group-text, /*Layer 7*/ section#bfElemWrap4445 span.input-group-text, /*Layer 8*/ section#bfElemWrap4454 span.input-group-text, /*Layer 9*/ section#bfElemWrap4463 span.input-group-text, /*Layer 10*/ section#bfElemWrap4472 span.input-group-text, /*---Installation Labor Section---*/ /*Layer 1*/ section#bfElemWrap4113 span.input-group-text, /*Layer 2*/ section#bfElemWrap4154 span.input-group-text, /*Layer 3*/ section#bfElemWrap4191 span.input-group-text, /*Layer 4*/ section#bfElemWrap4204 span.input-group-text, /*Layer 5*/ section#bfElemWrap4217 span.input-group-text, /*Layer 6*/ section#bfElemWrap4230 span.input-group-text, /*Layer 7*/ section#bfElemWrap4239 span.input-group-text, /*Layer 8*/ section#bfElemWrap4252 span.input-group-text, /*Layer 9*/ section#bfElemWrap4261 span.input-group-text, /*Layer 10*/ section#bfElemWrap4270 span.input-group-text, /*===ACI Form===*/ /*---Installation Labor Section---*/ /*Layer 1*/ section#bfElemWrap4670 span.input-group-text, /*Layer 2*/ section#bfElemWrap4887 span.input-group-text, /*Layer 3*/ section#bfElemWrap4896 span.input-group-text, /*Layer 4*/ section#bfElemWrap4905 span.input-group-text, /*Layer 5*/ section#bfElemWrap4914 span.input-group-text, /*Layer 6*/ section#bfElemWrap4943 span.input-group-text, /*Layer 7*/ section#bfElemWrap4970 span.input-group-text, /*Layer 8*/ section#bfElemWrap4979 span.input-group-text, /*Layer 9*/ section#bfElemWrap5000 span.input-group-text, /*Layer 10*/ section#bfElemWrap5009 span.input-group-text, /*---Dismantle Labor Section---*/ /*Layer 1*/ section#bfElemWrap5128 span.input-group-text, /*Layer 2*/ section#bfElemWrap5137 span.input-group-text, /*Layer 3*/ section#bfElemWrap5146 span.input-group-text, /*Layer 4*/ section#bfElemWrap5155 span.input-group-text, /*Layer 5*/ section#bfElemWrap5164 span.input-group-text, /*Layer 6*/ section#bfElemWrap5173 span.input-group-text, /*Layer 7*/ section#bfElemWrap5182 span.input-group-text, /*Layer 8*/ section#bfElemWrap5191 span.input-group-text, /*Layer 9*/ section#bfElemWrap5200 span.input-group-text, /*Layer 10*/ section#bfElemWrap5209 span.input-group-text { width: 0%; } /*===READ ONLY TEXTFIELD BG - TOTAL FIELDS & HOURLY RATE===*/ /*---Install Labor---*/ input#ff_elem3160, input#ff_elem2891, /*Layer 2*/ input#ff_elem3239 ,input#ff_elem3241, /*Layer 3*/ input#ff_elem3271, input#ff_elem3273, /*Layer 4*/ input#ff_elem3368, input#ff_elem3370, /*Layer 5*/ input#ff_elem3388, input#ff_elem3390, /*Layer 6*/ input#ff_elem3408, input#ff_elem3410, /*Layer 7*/ input#ff_elem3424, input#ff_elem3426, /*Layer 8*/ input#ff_elem3440, input#ff_elem3442, /*Layer 9*/ input#ff_elem3456, input#ff_elem3458, /*Layer 10*/ input#ff_elem3476, input#ff_elem3478, /*Total Sum Field*/ input#ff_elem3643, /*---Dismantle Labor---*/ input#ff_elem3165, input#ff_elem2938, /*Layer 2*/ input#ff_elem3500, input#ff_elem3502, /*Layer 3*/ input#ff_elem3516, input#ff_elem3518, /*Layer 4*/ input#ff_elem3532, input#ff_elem3534, /*Layer 5*/ input#ff_elem3548, input#ff_elem3550, /*Layer 6*/ input#ff_elem3564, input#ff_elem3566, /*Layer 7*/ input#ff_elem3588, input#ff_elem3590, /*Layer 8*/ input#ff_elem3604, input#ff_elem3606, /*Layer 9*/ input#ff_elem3620, input#ff_elem3622, /*Layer 10*/ input#ff_elem3636, input#ff_elem3638, /*Total Sum Field*/ input#ff_elem4002, /*===Booth Carpet Installation Form===*/ /*---Dismantle Labor Section---*/ /*Layer 1*/ input#ff_elem4395, input#ff_elem4397, /*Layer 2*/ input#ff_elem4404, input#ff_elem4406, /*Layer 3*/ input#ff_elem4413, input#ff_elem4415, /*Layer 4*/ input#ff_elem4422, input#ff_elem4424, /*Layer 5*/ input#ff_elem4431, input#ff_elem4433, /*Layer 6*/ input#ff_elem4440, input#ff_elem4442, /*Layer 7*/ input#ff_elem4449, input#ff_elem4451, /*Layer 8*/ input#ff_elem4458, input#ff_elem4460, /*Layer 9*/ input#ff_elem4467, input#ff_elem4469, /*Layer 10*/ input#ff_elem4476, input#ff_elem4478, /*Total Sum Field*/ input#ff_elem4480, /*Hourly Rate*/ input#ff_elem8998, input#ff_elem8999, input#ff_elem9000, input#ff_elem9001, input#ff_elem9002, input#ff_elem9003, input#ff_elem9004, input#ff_elem9005, input#ff_elem9006, input#ff_elem9007, /*---Installation Labor Section---*/ /*Layer 1*/ input#ff_elem4117, input#ff_elem4119, /*Layer 2*/ input#ff_elem4158, input#ff_elem4160, /*Layer 3*/ input#ff_elem4195, input#ff_elem4197, /*Layer 4*/ input#ff_elem4208, input#ff_elem4210, /*Layer 5*/ input#ff_elem4221, input#ff_elem4223, /*Layer 6*/ input#ff_elem4234, input#ff_elem4236, /*Layer 7*/ input#ff_elem4243, input#ff_elem4245, /*Layer 8*/ input#ff_elem4256, input#ff_elem4258, /*Layer 9*/ input#ff_elem4265, input#ff_elem4267, /*Layer 10*/ input#ff_elem4274, input#ff_elem4276, /*Hourly Rate*/ input#ff_elem4118, input#ff_elem8985, input#ff_elem8986, input#ff_elem8987, input#ff_elem8988, input#ff_elem8989, input#ff_elem8990, input#ff_elem8991, input#ff_elem8992, input#ff_elem8993, /*===Aisle Carpet Installation Form===*/ /*---Installation Labor Section---*/ /*Layer 1*/ input#ff_elem4674, input#ff_elem4676, /*Layer 2*/ input#ff_elem4891, input#ff_elem4893, /*Layer 3*/ input#ff_elem4900, input#ff_elem4902, /*Layer 4*/ input#ff_elem4909, input#ff_elem4911, /*Layer 5*/ input#ff_elem4918, input#ff_elem4920, /*Layer 6*/ input#ff_elem4947, input#ff_elem4949, /*Layer 7*/ input#ff_elem4974, input#ff_elem4976, /*Layer 8*/ input#ff_elem4983, input#ff_elem4985, /*Layer 9*/ input#ff_elem5004, input#ff_elem5006, /*Layer 10*/ input#ff_elem5013, input#ff_elem5015, /*Total Sum Field*/ input#ff_elem4678, /*---Dismantle Labor Section---*/ /*Layer 1*/ input#ff_elem5132, input#ff_elem5134, /*Layer 2*/ input#ff_elem5141, input#ff_elem5143, /*Layer 3*/ input#ff_elem5150, input#ff_elem5152, /*Layer 4*/ input#ff_elem5159, input#ff_elem5161, /*Layer 5*/ input#ff_elem5168, input#ff_elem5170, /*Layer 6*/ input#ff_elem5177, input#ff_elem5179, /*Layer 7*/ input#ff_elem5186, input#ff_elem5188, /*Layer 8*/ input#ff_elem5195, input#ff_elem5197, /*Layer 9*/ input#ff_elem5204, input#ff_elem5206, /*Layer 10*/ input#ff_elem5213, input#ff_elem5215, /*Total Sum Field*/ input#ff_elem5217 { background: #aca9a92b; font-weight: bold; } /*Empty Header*/ fieldset#Header\:\ Empty .bfLegend-m { visibility: hidden; } /*=====TABLET & MOBILE VIEW======*/ /*Tablet*/ @media (min-width: 768px) and (max-width: 1250px){ span#bfElementGroup968, /*W/ New Color Options - BOOTH*/ span#bfElementGroup2423 { display: block; } span#bfElementGroupNoWrap1276 { display: inline-block; white-space: pre-wrap; } section#bfElemWrap968 input.ff_elem { margin-bottom: 20% !important; } .color-div { display: inline-block !important; margin-bottom: 10px; } span#bfElementGroupNoWrap1276 .color-div { display: inline-block; margin-bottom: 10px; } input#ff_elem968_9, input#ff_elem1276_9, /*New Booth Color Options*/ input#ff_elem2423_25, input#ff_elem2423_23, /*New Aisle Color Options*/ input#ff_elem1276_23, input#ff_elem1276_25 { margin-left: 0px !important; } /*--Padding Options--*/ /*Padding Options - Booth*/ span#bfElementGroupNoWrap2408, /*Padding Options - Aisle*/ span#bfElementGroupNoWrap2620 { display: flex; flex-direction: column; align-items: flex-start; } /*Padding Options - Booth*/ input#ff_elem2408, input#ff_elem2408_1, input#ff_elem2408_2, /*Padding Options - Aisle*/ input#ff_elem2620, input#ff_elem2620_1, input#ff_elem2620_2 { margin-bottom: 5px; display: inline-block; } /*Padding Options - Booth*/ label#bfGroupLabel2408 span, label#bfGroupLabel2408_1 span, /*Padding Options - Aisle*/ label#bfGroupLabel2620 span, label#bfGroupLabel2620_1 span { margin-left: 5px; } /*--Padding Options END--*/ /*I&D Form*/ table#idl-table{ width: auto; } } /*Tablet - Overextending Menu LARGER*/ @media (min-width: 768px) and (max-width: 1051px){ ul.sp-megamenu-parent.menu-animation-fade-up.d-none.d-lg-block{ display: none !important; } } /*Tablet - Overextending Menu SMALLER*/ @media (min-width: 768px) and (max-width: 995px){ .d-none.d-lg-flex.header-modules.align-items-center { display: block !important; } } /*Mobile*/ @media (min-width: 320px) and (max-width: 767px){ span#bfElementGroup968{ display: block; } span#bfElementGroupNoWrap1276 { display: inline-block; white-space: pre-wrap; } section#bfElemWrap968 input.ff_elem{ margin-bottom: 15% !important; } .color-div { display: inline-block !important; margin-bottom: 10px; } span#bfElementGroupNoWrap1276 .color-div { display: inline-block; margin-bottom: 10px; } /*Old Booth/Quote Color Options*/ input#ff_elem968_9, input#ff_elem1276_9, input#ff_elem2423_9, /*New Booth Color Options*/ input#ff_elem2423_25, input#ff_elem2423_23, /*New Aisle Color Options*/ input#ff_elem1276_23, input#ff_elem1276_25 { margin-left: 0px; } form#j2store-addtocart-form-4 div.options{ display: block; } /*Padding Options - Booth*/ input#ff_elem2408, input#ff_elem2408_1, input#ff_elem2408_2, /*Padding Options - Aisle*/ input#ff_elem2620, input#ff_elem2620_1, input#ff_elem2620_2 { margin-bottom: 20px; } /*LOGIN/LOGOUT ICON*/ .d-none.d-lg-flex.header-modules.align-items-center { z-index: 999 !important; margin: 0; display: block !important; } span.far.fa-user.me-1:after { content: "Sign In"; padding-left: 10px; font-family: sans-serif; } i.fas.fa-user-circle:after { content: "Logout"; padding-left: 5px; font-family: sans-serif; font-weight: 400; } div#sp-logo { width: 50%; } div#sp-menu { padding-right: 10px; padding-left: 0; } /*END*/ /*Breezing Forms*/ .bfQuickMode legend .bfLegend-m { padding-left: unset !important; font-size: 16px !important; } input#ff_elem174 { -webkit-user-modify: read-only; } /*J2Store Cart*/ .product-qty input[type="number"]:not(.form-control) { display: inline-block; width: 35px !important; } table.j2store-cart-table .remove-icon { margin-bottom: 5px; width: 35px; height: 35px; display: inline-block; padding: 5px; } /*I&D Form Font Size*/ table#idl-table{ width: auto; font-size: 8px; } } /*Smaller Mobile*/ @media (min-width: 320px) and (max-width: 420px){ /*EDOCMAN PAGE*/ body.site.com_edocman #table-document td{ border-bottom: none; width: 100% !important; } /*---J2Store - Product Page Colors ---*/ /*16 oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin-left: 2px; margin-right: 2px; } /*J2Store Cart*/ table.j2store-cart-table .remove-icon { margin-bottom: 5px; width: 26px; height: 35px; display: inline-block; padding: 5px; } /*I&D Form Font Size*/ table#idl-table{ width: auto; font-size: 7px !important; } } @media (min-width: 320px) and (max-width: 452px) { span.lbl-boldunderCap{ font-size: 13px; } /*Temporary Labor Mobile FONT SIZES*/ div#tmp_headCal .bfLabelLeft label, div#tmp_headCal2 .bfLabelLeft label, div#tmp_headCal3 .bfLabelLeft label, div#tmp_headCal4 .bfLabelLeft label, div#tmp_headCal5 .bfLabelLeft label, div#tmp_headCal6 .bfLabelLeft label, div#tmp_headCal7 .bfLabelLeft label, div#tmp_headCal8 .bfLabelLeft label, div#tmp_headCal9 .bfLabelLeft label, div#tmp_headCal10 .bfLabelLeft label, div#tmp_headCalDIS .bfLabelLeft label, div#tmp_headCalDIS2 .bfLabelLeft label, div#tmp_headCalDIS3 .bfLabelLeft label, div#tmp_headCalDIS4 .bfLabelLeft label, div#tmp_headCalDIS5 .bfLabelLeft label, div#tmp_headCalDIS6 .bfLabelLeft label, div#tmp_headCalDIS7 .bfLabelLeft label, div#tmp_headCalDIS8 .bfLabelLeft label, div#tmp_headCalDIS9 .bfLabelLeft label, div#tmp_headCalDIS10 .bfLabelLeft label { font-size: 14px; } /*Total Shict Cost Font Size*/ label#bfLabel16724, label#bfLabel16777, label#bfLabel16812, label#bfLabel16851, label#bfLabel16886, label#bfLabel16917, label#bfLabel16956, label#bfLabel16995, label#bfLabel17026, label#bfLabel17061, label#bfLabel13548, label#bfLabel14866, label#bfLabel15054, label#bfLabel15093, label#bfLabel15195, label#bfLabel15214, label#bfLabel15233, label#bfLabel15252, label#bfLabel15271, label#bfLabel15290 { font-size: 13px; } /*Calculations NO BACKGROUND and NO BORDER*/ div#tmp_headCal input.ff_elem, input#ff_elem13548, div#tmp_headCal2 input.ff_elem, input#ff_elem14866, div#tmp_headCal3 input.ff_elem, input#ff_elem15054, div#tmp_headCal4 input.ff_elem, input#ff_elem15093, div#tmp_headCal5 input.ff_elem, input#ff_elem15195, div#tmp_headCal6 input.ff_elem, input#ff_elem15214, div#tmp_headCal7 input.ff_elem, input#ff_elem15233, div#tmp_headCal8 input.ff_elem, input#ff_elem15252, div#tmp_headCal9 input.ff_elem, input#ff_elem15271, div#tmp_headCal10 input.ff_elem, input#ff_elem15290, div#tmp_headCalDIS input.ff_elem, input#ff_elem16724, div#tmp_headCalDIS2 input.ff_elem, input#ff_elem16777, div#tmp_headCalDIS3 input.ff_elem, input#ff_elem16812, div#tmp_headCalDIS4 input.ff_elem, input#ff_elem16851, div#tmp_headCalDIS5 input.ff_elem, input#ff_elem16886, div#tmp_headCalDIS6 input.ff_elem, input#ff_elem16917, div#tmp_headCalDIS7 input.ff_elem, input#ff_elem16956, div#tmp_headCalDIS8 input.ff_elem, input#ff_elem16995, div#tmp_headCalDIS9 input.ff_elem, input#ff_elem17026, div#tmp_headCalDIS10 input.ff_elem, input#ff_elem17061 { font-size: 13px; } /*Booth Building Labor Mobile FONT SIZES*/ div#idl_headCal .bfLabelLeft label, div#idl_headCal2 .bfLabelLeft label, div#idl_headCal3 .bfLabelLeft label, div#idl_headCal4 .bfLabelLeft label, div#idl_headCal5 .bfLabelLeft label, div#idl_headCal6 .bfLabelLeft label, div#idl_headCal7 .bfLabelLeft label, div#idl_headCal8 .bfLabelLeft label, div#idl_headCal9 .bfLabelLeft label, div#idl_headCal10 .bfLabelLeft label, div#idl_headCalDIS .bfLabelLeft label, div#idl_headCalDIS2 .bfLabelLeft label, div#idl_headCalDIS3 .bfLabelLeft label, div#idl_headCalDIS4 .bfLabelLeft label, div#idl_headCalDIS5 .bfLabelLeft label, div#idl_headCalDIS6 .bfLabelLeft label, div#idl_headCalDIS7 .bfLabelLeft label, div#idl_headCalDIS8 .bfLabelLeft label, div#idl_headCalDIS9 .bfLabelLeft label, div#idl_headCalDIS10 .bfLabelLeft label { font-size: 14px; } /*Total Shict Cost Font Size*/ label#bfLabel21407, label#bfLabel22198, label#bfLabel22223, label#bfLabel22256, label#bfLabel22290, label#bfLabel22311, label#bfLabel22352, label#bfLabel22377, label#bfLabel22406, label#bfLabel22427, label#bfLabel22508, label#bfLabel22533, label#bfLabel22558, label#bfLabel22583, label#bfLabel22608, label#bfLabel22633, label#bfLabel22671, label#bfLabel22696, label#bfLabel22721, label#bfLabel22746 { font-size: 13px; } /*Calculations NO BACKGROUND and NO BORDER*/ div#idl_headCal input.ff_elem, input#ff_elem21407, div#idl_headCal2 input.ff_elem, input#ff_elem22198, div#idl_headCal3 input.ff_elem, input#ff_elem22223, div#idl_headCal4 input.ff_elem, input#ff_elem22256, div#idl_headCal5 input.ff_elem, input#ff_elem22290, div#idl_headCal6 input.ff_elem, input#ff_elem22311, div#idl_headCal7 input.ff_elem, input#ff_elem22352, div#idl_headCal8 input.ff_elem, input#ff_elem22377, div#idl_headCal9 input.ff_elem, input#ff_elem22406, div#idl_headCal10 input.ff_elem, input#ff_elem22427, div#idl_headCalDIS input.ff_elem, input#ff_elem22508, div#idl_headCalDIS2 input.ff_elem, input#ff_elem22533, div#idl_headCalDIS3 input.ff_elem, input#ff_elem22558, div#idl_headCalDIS4 input.ff_elem, input#ff_elem22583, div#idl_headCalDIS5 input.ff_elem, input#ff_elem22608, div#idl_headCalDIS6 input.ff_elem, input#ff_elem22633, div#idl_headCalDIS7 input.ff_elem, input#ff_elem22671, div#idl_headCalDIS8 input.ff_elem, input#ff_elem22696, div#idl_headCalDIS9 input.ff_elem, input#ff_elem22721, div#idl_headCalDIS10 input.ff_elem, input#ff_elem22746 { font-size: 13px; } /*Booth Carpet Installation Mobile FONT SIZES*/ div#bth_headCal .bfLabelLeft label, div#bth_headCal2 .bfLabelLeft label, div#bth_headCal3 .bfLabelLeft label, div#bth_headCal4 .bfLabelLeft label, div#bth_headCal5 .bfLabelLeft label, div#bth_headCal6 .bfLabelLeft label, div#bth_headCal7 .bfLabelLeft label, div#bth_headCal8 .bfLabelLeft label, div#bth_headCal9 .bfLabelLeft label, div#bth_headCal10 .bfLabelLeft label, div#bth_headCalDIS .bfLabelLeft label, div#bth_headCalDIS2 .bfLabelLeft label, div#bth_headCalDIS3 .bfLabelLeft label, div#bth_headCalDIS4 .bfLabelLeft label, div#bth_headCalDIS5 .bfLabelLeft label, div#bth_headCalDIS6 .bfLabelLeft label, div#bth_headCalDIS7 .bfLabelLeft label, div#bth_headCalDIS8 .bfLabelLeft label, div#bth_headCalDIS9 .bfLabelLeft label, div#bth_headCalDIS10 .bfLabelLeft label { font-size: 14px; } /*Total Shict Cost Font Size*/ label#bfLabel18948, label#bfLabel18969, label#bfLabel18990, label#bfLabel19011, label#bfLabel19032, label#bfLabel19053, label#bfLabel19074, label#bfLabel19095, label#bfLabel19116, label#bfLabel19137, label#bfLabel23888, label#bfLabel23909, label#bfLabel23930, label#bfLabel23955, label#bfLabel23976, label#bfLabel24001, label#bfLabel24022, label#bfLabel24047, label#bfLabel24076, label#bfLabel24101 { font-size: 13px; } /*Calculations NO BACKGROUND and NO BORDER*/ div#bth_headCal input.ff_elem, input#ff_elem18948, div#bth_headCal2 input.ff_elem, input#ff_elem18969, div#bth_headCal3 input.ff_elem, input#ff_elem18990, div#bth_headCal4 input.ff_elem, input#ff_elem19011, div#bth_headCal5 input.ff_elem, input#ff_elem19032, div#bth_headCal6 input.ff_elem, input#ff_elem19053, div#bth_headCal7 input.ff_elem, input#ff_elem19074, div#bth_headCal8 input.ff_elem, input#ff_elem19095, div#bth_headCal9 input.ff_elem, input#ff_elem19116, div#bth_headCal10 input.ff_elem, input#ff_elem19137, div#bth_headCalDIS input.ff_elem, input#ff_elem23888, div#bth_headCalDIS2 input.ff_elem, input#ff_elem23909, div#bth_headCalDIS3 input.ff_elem, input#ff_elem23930, div#bth_headCalDIS4 input.ff_elem, input#ff_elem23955, div#bth_headCalDIS5 input.ff_elem, input#ff_elem23976, div#bth_headCalDIS6 input.ff_elem, input#ff_elem24001, div#bth_headCalDIS7 input.ff_elem, input#ff_elem24022, div#bth_headCalDIS8 input.ff_elem, input#ff_elem24047, div#bth_headCalDIS9 input.ff_elem, input#ff_elem24076, div#bth_headCalDIS10 input.ff_elem, input#ff_elem24101 { font-size: 13px; } /*Booth Carpet Installation Quote Mobile FONT SIZES*/ div#bciq_headCal .bfLabelLeft label, div#bciq_headCal2 .bfLabelLeft label, div#bciq_headCal3 .bfLabelLeft label, div#bciq_headCal4 .bfLabelLeft label, div#bciq_headCal5 .bfLabelLeft label, div#bciq_headCal6 .bfLabelLeft label, div#bciq_headCal7 .bfLabelLeft label, div#bciq_headCal8 .bfLabelLeft label, div#bciq_headCal9 .bfLabelLeft label, div#bciq_headCal10 .bfLabelLeft label, div#bciq_headCalDIS .bfLabelLeft label, div#bciq_headCalDIS2 .bfLabelLeft label, div#bciq_headCalDIS3 .bfLabelLeft label, div#bciq_headCalDIS4 .bfLabelLeft label, div#bciq_headCalDIS5 .bfLabelLeft label, div#bciq_headCalDIS6 .bfLabelLeft label, div#bciq_headCalDIS7 .bfLabelLeft label, div#bciq_headCalDIS8 .bfLabelLeft label, div#bciq_headCalDIS9 .bfLabelLeft label, div#bciq_headCalDIS10 .bfLabelLeft label { font-size: 14px; } /*Total Shift Cost*/ label#bfLabel17943, label#bfLabel18026, label#bfLabel18059, label#bfLabel18080, label#bfLabel18105, label#bfLabel18126, label#bfLabel18151, label#bfLabel18168, label#bfLabel18185, label#bfLabel18207, label#bfLabel18501, label#bfLabel18522, label#bfLabel18543, label#bfLabel18572, label#bfLabel18595, label#bfLabel18618, label#bfLabel18649, label#bfLabel18676, label#bfLabel18703, label#bfLabel18730 { font-size: 13px; } /*Calculations NO BACKGROUND and NO BORDER*/ div#bciq_headCal input.ff_elem, input#ff_elem17943, div#bciq_headCal2 input.ff_elem, input#ff_elem18026, div#bciq_headCal3 input.ff_elem, input#ff_elem18059, div#bciq_headCal4 input.ff_elem, input#ff_elem18080, div#bciq_headCal5 input.ff_elem, input#ff_elem18105, div#bciq_headCal6 input.ff_elem, input#ff_elem18126, div#bciq_headCal7 input.ff_elem, input#ff_elem18151, div#bciq_headCal8 input.ff_elem, input#ff_elem18168, div#bciq_headCal9 input.ff_elem, input#ff_elem18185, div#bciq_headCal10 input.ff_elem, input#ff_elem18207, div#bciq_headCalDIS input.ff_elem, input#ff_elem18501, div#bciq_headCalDIS2 input.ff_elem, input#ff_elem18522, div#bciq_headCalDIS3 input.ff_elem, input#ff_elem18543, div#bciq_headCalDIS4 input.ff_elem, input#ff_elem18572, div#bciq_headCalDIS5 input.ff_elem, input#ff_elem18595, div#bciq_headCalDIS6 input.ff_elem, input#ff_elem18618, div#bciq_headCalDIS7 input.ff_elem, input#ff_elem18649, div#bciq_headCalDIS8 input.ff_elem, input#ff_elem18676, div#bciq_headCalDIS9 input.ff_elem, input#ff_elem18703, div#bciq_headCalDIS10 input.ff_elem, input#ff_elem18730 { font-size: 13px; } /*Recycle Labor Mobile FONT SIZES*/ div#rl_headCal .bfLabelLeft label, div#rl_headCal2 .bfLabelLeft label, div#rl_headCal3 .bfLabelLeft label, div#rl_headCal4 .bfLabelLeft label, div#rl_headCal5 .bfLabelLeft label, div#rl_headCal6 .bfLabelLeft label, div#rl_headCal7 .bfLabelLeft label, div#rl_headCal8 .bfLabelLeft label, div#rl_headCal9 .bfLabelLeft label, div#rl_headCal10 .bfLabelLeft label, div#rl_headCalDIS .bfLabelLeft label, div#rl_headCalDIS2 .bfLabelLeft label, div#rl_headCalDIS3 .bfLabelLeft label, div#rl_headCalDIS4 .bfLabelLeft label, div#rl_headCalDIS5 .bfLabelLeft label, div#rl_headCalDIS6 .bfLabelLeft label, div#rl_headCalDIS7 .bfLabelLeft label, div#rl_headCalDIS8 .bfLabelLeft label, div#rl_headCalDIS9 .bfLabelLeft label, div#rl_headCalDIS10 .bfLabelLeft label { font-size: 14px; } /*Total Shift Cost*/ label#bfLabel25320, label#bfLabel25341, label#bfLabel25362, label#bfLabel25383, label#bfLabel25404, label#bfLabel25425, label#bfLabel25446, label#bfLabel25467, label#bfLabel25488, label#bfLabel25509, label#bfLabel25530, label#bfLabel25551, label#bfLabel25572, label#bfLabel25593, label#bfLabel25614, label#bfLabel25635, label#bfLabel25656, label#bfLabel25677, label#bfLabel25698, label#bfLabel25719 { font-size: 13px; } /*Calculations NO BACKGROUND and NO BORDER*/ div#rl_headCal input.ff_elem, input#ff_elem25320, div#rl_headCal2 input.ff_elem, input#ff_elem25341, div#rl_headCal3 input.ff_elem, input#ff_elem25362, div#rl_headCal4 input.ff_elem, input#ff_elem25383, div#rl_headCal5 input.ff_elem, input#ff_elem25404, div#rl_headCal6 input.ff_elem, input#ff_elem25425, div#rl_headCal7 input.ff_elem, input#ff_elem25446, div#rl_headCal8 input.ff_elem, input#ff_elem25467, div#rl_headCal9 input.ff_elem, input#ff_elem25488, div#rl_headCal10 input.ff_elem, input#ff_elem25509, div#rl_headCalDIS input.ff_elem, input#ff_elem25530, div#rl_headCalDIS2 input.ff_elem, input#ff_elem25551, div#rl_headCalDIS3 input.ff_elem, input#ff_elem25572, div#rl_headCalDIS4 input.ff_elem, input#ff_elem25593, div#rl_headCalDIS5 input.ff_elem, input#ff_elem25614, div#rl_headCalDIS6 input.ff_elem, input#ff_elem25635, div#rl_headCalDIS7 input.ff_elem, input#ff_elem25656, div#rl_headCalDIS8 input.ff_elem, input#ff_elem25677, div#rl_headCalDIS9 input.ff_elem, input#ff_elem25698, div#rl_headCalDIS10 input.ff_elem, input#ff_elem25719 { font-size: 13px; } /*Aisle Carpet Mobile FONT SIZES*/ /*==Column Labels==*/ /*Dismantle Section*/ div#asl_CalculationDIS .bfLabelLeft label, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft label, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft label, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft label { font-size: 14px; } /*==Section 1st Cell==*/ /*dismantle section*/ div#asl_CalculationDIS .bfSectionDescription, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfSectionDescription, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfSectionDescription, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfSectionDescription { font-size: 13px; } /*Total Shift Cost*/ /*dismantle section*/ label#bfLabel17984, /*Halls Sections - REGULAR*/ label#bfLabel18744, /*Halls Sections - ENTRYWAY*/ label#bfLabel18282, /*Halls Sections - CIC*/ label#bfLabel18812 { font-size: 13px; } /*==Input Fields==*/ /*dismantle section*/ div#asl_CalculationDIS input.ff_elem, input#ff_elem17984, /*Halls Sections - REGULAR*/ div#asl_regCalculation input.ff_elem, input#ff_elem18744, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation input.ff_elem, input#ff_elem18282, /*Halls Sections - CIC*/ div#asl_cicCalculation input.ff_elem, input#ff_elem18812 { font-size: 13px; } } /*J2Store Breakpoints*/ @media (min-width: 565px) and (max-width: 575px){ /*---J2Store - Product Page Colors ---*/ /*16 oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin: 0px 7px; } } @media (min-width: 536px) and (max-width: 564px){ /*---J2Store - Product Page Colors ---*/ /*16 oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin: 0px 4px; } } @media (min-width: 518px) and (max-width: 535px){ /*---J2Store - Product Page Colors ---*/ /*16 oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin: 0px 3px; } } @media (min-width: 480px) and (max-width: 517px){ /*---J2Store - Product Page Colors ---*/ /*16 oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin: 0px 11px; } } @media (min-width: 450px) and (max-width: 479px){ /*---J2Store - Product Page Colors ---*/ /*16 oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin: 0px 8px; } } @media (min-width: 431px) and (max-width: 449px){ /*---J2Store - Product Page Colors ---*/ /*16 oz*/ div#option-238 input, /*32 oz*/ div#option-245 input, /*50 oz*/ div#option-247 input, /*Vinyl*/ div#option-223 input, /*Turf*/ div#option-256 input { margin: 0px 5px; } } /*Quote Form Breakpoints*/ @media (min-width: 420px) and (max-width: 475px){ fieldset#aisle_westhall, fieldset#aisle_centralhall, fieldset#aisle_northHall, fieldset#aisle_lowersouthhall, fieldset#aisle_uppersouthall, fieldset#aisle_mandabay{ width: 85%; } } @media (min-width: 376px) and (max-width: 419px){ fieldset#aisle_westhall, fieldset#aisle_centralhall, fieldset#aisle_northHall, fieldset#aisle_lowersouthhall, fieldset#aisle_uppersouthall, fieldset#aisle_mandabay { width: 75%; } } @media (min-width: 320px) and (max-width: 375px){ fieldset#aisle_westhall, fieldset#aisle_centralhall, fieldset#aisle_northHall, fieldset#aisle_lowersouthhall, fieldset#aisle_uppersouthall, fieldset#aisle_mandabay { width: 62%; } } /*Off Canvas Menu*/ .offcanvas-menu .offcanvas-inner .sp-sign-in .signin-text { display: unset !important; font-size: 18px !important; opacity: 0.7 !important; font-weight: 500 !important; } .offcanvas-inner { display: flex !important; flex-direction: column-reverse !important; } .offcanvas-menu .offcanvas-inner .header-modules { margin-left: 0px !important; margin-top: -12px !important; } .offcanvas-menu .offcanvas-inner .sp-sign-in { position: relative !important; top: 0px !important; } /*Off Canvas when Logged in*/ .sp-profile-wrapper .sp-profile-dropdown { background: #fff; border: 1px solid #e4e4e4; border-radius: 3px; padding: 10px 15px !important; list-style: none !important; font-size: 14px; position: absolute; min-width: 100px; right: unset !important; top: 100%; display: none !important; } .offcanvas-menu .offcanvas-inner .sp-profile-wrapper .user-text { display: unset !important; font-size: 18px !important; opacity: 0.7 !important; font-weight: 500 !important; } i.fas.fa-user-circle { font-size: 18px !important; } i.fas.fa-chevron-down.arrow-icon { font-size: 13px !important; padding: 5px !important; } /*Support CSS*/ .sppb-carousel-extended-item { padding: 0px 10px; } .sppb-carousel-extended-team-content.sppb-carousel-layout1 { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; } .sppb-carousel-extended-outer-stage img { height: 370px !important; } .sppb-carousel-extended-team-designation { color: #4a4a4a; font-size: 13px; margin-bottom: 30px; } .sppb-carousel-extended-team-name { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 10px; } .bg-dark { --bs-bg-opacity: 1; background-color: #3366FF !important; } @media (min-width: 320px) and (max-width: 480px){ .sppb-carousel-extended-outer-stage img { height: 323px !important; } } /*New Support Layout*/ div#column-id-7ePrvkObeqO895G6cXqyH { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; } div#column-id-o332VsCfSsy1xHgwSCYDW { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; } div#column-id-1CYhgAeyWXFa__v490uDc { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; } div#column-id-2hZz6bXVHn5gE86kEq9iI { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; } .sppb-item.sppb-item-fQcqSMQ-cWx2lW92IzJyz0.sppb-item-has-bg.active img { border-radius: 16px; } div#column-id-o332VsCfSsy1xHgwSCYDW img { border-radius: 16px; } div#column-id-1CYhgAeyWXFa__v490uDc img { border-radius: 16px; } div#column-id-2hZz6bXVHn5gE86kEq9iI img { border-radius: 16px; } div#column-id-7ePrvkObeqO895G6cXqyH { border-radius: 20px; } div#column-id-1CYhgAeyWXFa__v490uDc { border-radius: 20px; } section#section-id-QQUOHW82LZO3Hb-suZM_D { padding-bottom: 40px !important; } /*New Row*/ div#column-id-LclBetcDAAdbOIbBD1UU8 { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; border-radius: 20px; } div#column-id-9HlxXUIXreyS2WolV-Fxh { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; border-radius: 20px; } div#column-id-7TkLOpUC1jug13rZGFWy_ { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; border-radius: 20px; } div#column-id-9HlxXUIXreyS2WolV-Fxh img { border-radius: 16px; } div#column-id-LclBetcDAAdbOIbBD1UU8 img { border-radius: 16px; } div#column-id-7TkLOpUC1jug13rZGFWy_ img { border-radius: 16px; } /*Menu Adjustment*/ div#sp-menu { padding: 0px !important; } /* NOt Needed Akeeba Ticket CSS .ats.ats-ticket-new label#jform_username-lbl, input#jform_username, div#jform\[username\]-desc { display: none; } .choices__item.choices__item--selectable button.choices__button_joomla { display: none !important; } table#subfieldList_jform_attachments, th { width: max-content !important; } */ /*Guest Ticket CSS*/ .r-guest-support.r-gs-create-ticket-success { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-bottom: 50px; border-radius: 20px; } .r-guest-support.r-gs-ticket { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; margin-bottom: 50px; border-radius: 20px; } .r-guest-support.r-gs-create-ticket { box-shadow: 3px 3px 15px 0px rgba(14, 60, 118, 0.15); border-width: 0px; border-style: solid; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; margin-bottom: 50px; border-radius: 20px; } h1.r-gs-create-ticket-title { display: none; } /*Blinking text Css .title-word { animation: color-animation 4s linear infinite; } .title-word-1 { --color-1: #121838; --color-2: #3D8DAE; --color-3: #1a93cc; } .title-word-2 { --color-1: #121838; --color-2: #3D8DAE; --color-3: #1a93cc; } .title-word-3 { --color-1: #121838; --color-2: #3D8DAE; --color-3: #1a93cc; } .title-word-4 { --color-1: #3D8DAE; --color-2: #DF8453; --color-3: #E4A9A8; } @keyframes color-animation { 0% {color: var(--color-1)} 32% {color: var(--color-1)} 33% {color: var(--color-2)} 65% {color: var(--color-2)} 66% {color: var(--color-3)} 99% {color: var(--color-3)} 100% {color: var(--color-1)} } /Here are just some visual styles. 🖌 .container { display: grid; place-items: center; text-align: center; } .title { font-family: "DM Sans", sans-serif; font-weight: 800; font-size: 32; text-transform: uppercase; } */ /*Test*/ .btn-C { background-color: #7f0000; -webkit-border-radius: 10px; border-radius: 58px !important; border: none; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: 'DM Sans'; font-size: 16px; padding: 10px 20px !important; text-align: center; text-decoration: none; -webkit-animation: glowing 1500ms infinite; -moz-animation: glowing 1500ms infinite; -o-animation: glowing 1500ms infinite; animation: glowing 1500ms infinite; } .btn-C:hover { color:white !important; } .btn-C:active { color:white !important; } div#sppb-addon-BmwbPTbqyLt6HiOFQB2MR { text-align: center; } @-webkit-keyframes glowing { 0% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } 50% { background-color: #ff0202; -webkit-box-shadow: 0 0 40px #ff0202; } 100% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } } @-moz-keyframes glowing { 0% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } 50% { background-color: #ff0202; -webkit-box-shadow: 0 0 40px #ff0202; } 100% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } } @-o-keyframes glowing { 0% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } 50% { background-color: #ff0202; -webkit-box-shadow: 0 0 40px #ff0202; } 100% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } } @keyframes glowing { 0% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } 50% { background-color: #ff0202; -webkit-box-shadow: 0 0 40px #ff0202; } 100% { background-color: #7f0000; -webkit-box-shadow: 0 0 3px #7f0000; } } /*Login Page Update*/ .joms-input--append input.joms-input { padding-left: 30px !important; } .joms-input--append svg { position: absolute; left: 8.65248px; top: 12.65248px !important; fill: #7f8c8d; } /*badge Position CSS .badge-pos { z-index: 9999!important; font-weight: 900; position: relative; top: 140px !important; font-family: 'DM Sans'; }*/ div#sppb-addon-XhWXe71zRg5DzQ-0qCpl_ .badge-pos h3 { padding-top: 8px !important; padding-bottom: 26px !important; } div#sppb-addon-wrapper-1688459148243 .badge-pos h3 { padding-top: unset !important; } /*JoomCourses CSS*/ @media (min-width: 320px) and (max-width: 768px){ .alert.alert-block button.btn.btn-success.btn-lg { width: 100% !important; text-align: center !important; padding-top: unset !important; } .alert.alert-block .fa-3x { font-size: 2.5em !important; } div#jb_template .page-header { text-align: -webkit-center !important; padding-bottom: unset !important; } } .lvsr-mod-text { font-family: DM Sans; font-weight: 500; font-size: 16px; } span.lvsr-price-tag { line-height: 35px!important; } span.lvsr-price-tag { background: #0374de; color: white; padding: 5px; border-radius: 5px; font-size: 13px; letter-spacing: 1px; } span.lvsr-free-service { background: #008000; color: white; padding: 5px; border-radius: 5px; font-size: 13px; letter-spacing: 1px; } /* Joomsocial Login Page CSS */ button.company-register-butt, button.mem-register-butt { text-transform: uppercase; font-weight: bold; margin: 5px; padding: 6px; } @media (min-width: 320px) and (max-width: 480px){ .joms-landing__image { background: url(https://lvsteamrollers.com//images/lvsr-mobile-login.png) center center !important; background-size: contain !important; } } @media (min-width: 768px) and (max-width: 992px){ .joms-landing__image { height: 300px; object-fit: contain; } } @media (min-width: 481px) and (max-width: 767px){ .joms-landing__image { height: 205px !important; object-fit: contain; } } /*=== Booth Carpet Install Quote (RENT CARPET) ====*/ /*=== New Color Options */ span#bfElementGroupNoWrap4867, span#bfElementGroupNoWrap4812, span#bfElementGroupNoWrap4794, span#bfElementGroupNoWrap4780, span#bfElementGroupNoWrap4640, span#bfElementGroupNoWrap4505, span#bfElementGroupNoWrap5092, span#bfElementGroupNoWrap5106, span#bfElementGroupNoWrap28924, span#bfElementGroupNoWrap28967 { display: flex; flex-wrap: wrap; } /*Read Only Fields*/ select#ff_elem4507, select#ff_elem4554, select#ff_elem4573, select#ff_elem4584, select#ff_elem4591, select#ff_elem4598, select#ff_elem4605, select#ff_elem4612, select#ff_elem4619, select#ff_elem4630, select#ff_elem4734, select#ff_elem4784, select#ff_elem4798, select#ff_elem4816, select#ff_elem4849, select#ff_elem4871, select#ff_elem4876, select#ff_elem4958, select#ff_elem4963, select#ff_elem5048, select#ff_elem5053, select#ff_elem5070, select#ff_elem5096, select#ff_elem5110, select#ff_elem5320, select#ff_elem5324, select#ff_elem5328, select#ff_elem5340, select#ff_elem5344, select#ff_elem5348, select#ff_elem5376, select#ff_elem5416, select#ff_elem5428, select#ff_elem5292, select#ff_elem5436, select#ff_elem5304, select#ff_elem5392 { width: 15%; pointer-events: none; background: #c7c7c738; } /*==== Temporary Colors=====*/ div#color-Mblue { background-image: url("/images/quotes/tmp-color/midnight-blue_tmp.png"); } div#color-red2 { background-image: url("/images/quotes/tmp-color/red.png"); } div#color-tuxedo { background-image: url("/images/quotes/tmp-color/tuxedo_tmp.png"); } div#color-latte { background-image: url("/images/quotes/tmp-color/latte_tmp.png"); } div#color-redPep { background-image: url("/images/quotes/tmp-color/red-pepper_temp.png"); } /*Vinyl Temp Colors*/ div#color-vsmoke { background-image: url("/images/quotes/tmp-color/vinyl-smoke_tmp.png"); } div#color-ash { background-image: url("/images/quotes/tmp-color/vinyl-ash_tmp.png"); } div#color-birch { background-image: url("/images/quotes/tmp-color/vinyl-birch_tmp.png"); } div#color-darkMaple { background-image: url("/images/quotes/tmp-color/dark-maple_tmp.png"); } div#color-lightMaple { background-image: url("/images/quotes/tmp-color/light-maple_tmp.png"); } div#color-vsmoke { background-image: url("/images/quotes/tmp-color/vinyl-smoke_tmp.png"); } div#color-barnwood { background-image: url("/images/quotes/tmp-color/vinyl-barnwood_tmp.png"); } div#color-blackwood { background-image: url("/images/quotes/tmp-color/vinyl-blackwook_tmp.png"); } div#color-silverwood { background-image: url("/images/quotes/tmp-color/vinyl-silverwood_tmp.png"); } /*End of Vinyl images*/ div#color-graphite { background-image: url("/images/quotes/tmp-color/graphite_tmp.png"); } div#color-grayPearl { background-image: url("/images/quotes/tmp-color/gray-pearl_tmp.png"); } div#color-ivory { background-image: url("/images/quotes/tmp-color/ivory_tmp.png"); } div#color-lavaRock { background-image: url("/images/quotes/tmp-color/lava-rock_tmp.png"); } div#color-paprika { background-image: url("/images/quotes/tmp-color/paprika_tmp.png"); } div#color-royalBlue { background-image: url("/images/quotes/tmp-color/royal-blue_tmp.png"); } div#color-silkyBeige { background-image: url("/images/quotes/tmp-color/silky-beige_tmp.png"); } div#color-silverCloud { background-image: url("/images/quotes/tmp-color/silver-cloud_tmp.png"); } div#color-smoke { background-image: url("/images/quotes/tmp-color/smoke_tmp.png"); } div#color-sword { background-image: url("/images/quotes/tmp-color/sword_tmp.png"); } div#color-charcoal { background-image: url("/images/quotes/tmp-color/charcoal_tmp.png"); } div#color-cream { background-image: url("/images/quotes/tmp-color/cream_tmp.png"); } div#color-redflexBlue { background-image: url("/images/quotes/tmp-color/reflex-blue_tmp.png"); } div#color-silverMist { background-image: url("/images/quotes/tmp-color/silver-mist_tmp.png"); } div#color-ivyGreen { background-image: url("/images/quotes/tmp-color/ivy-green_tmp.png"); } /*====10 Section Classic Carpet CSS=====*/ /*Black*/ div#bci_colorListSec section button#ff_elem31495, div#bci_colorListSec section button#ff_elem32734 { background-image: url("/images/quotes/new-colors/black16.png") !important; } /*Red*/ div#bci_colorListSec section button#ff_elem31512, div#bci_colorListSec section button#ff_elem32743{ /* background-color: #FF0000 !important; */ background-image: url("/images/quotes/new-colors/red16.png") !important; } /*Blue*/ div#bci_colorListSec section button#ff_elem31505, div#bci_colorListSec section button#ff_elem32736 { /* background-color: #0000FF !important; */ background-image: url("/images/quotes/new-colors/blue16.png") !important; } /*White*/ div#bci_colorListSec section button#ff_elem31500, div#bci_colorListSec section button#ff_elem32735 { /* background-color: #303234 !important;*/ /*background-image: url("/images/quotes/new-colors/black-gray16.png") !important; */ background-image: url("/images/quotes/new-colors/white16.png") !important; } /*Navy Blue*/ div#bci_colorListSec section button#ff_elem31506, div#bci_colorListSec section button#ff_elem32737{ /* background-color: #040720 !important; */ /*background-image: url("/images/quotes/new-colors/blue-black16.png") !important;*/ background-image: url("/images/quotes/new-colors/navy-blue16.png") !important; } /*Tuxedo*/ div#bci_colorListSec section button#ff_elem31507, div#bci_colorListSec section button#ff_elem32738{ /* background-color: #0047ab !important; */ /*background-image: url("/images/quotes/new-colors/cobalt16.png") !important;*/ background-image: url("/images/quotes/new-colors/tuxedo16.png") !important; } /*Pepper*/ div#bci_colorListSec section button#ff_elem31508, div#bci_colorListSec section button#ff_elem32739{ /* background-color: #151922 !important; */ /* background-image: url("/images/quotes/new-colors/cool-black16.png") !important;*/ background-image: url("/images/quotes/new-colors/pepper16.png") !important; } /*Cotton Balls*/ div#bci_colorListSec section button#ff_elem31509, div#bci_colorListSec section button#ff_elem32740{ /* background-color: #f5f6eb !important;*/ /*background-image: url("/images/quotes/new-colors/cotton-balls16.png") !important;*/ background-image: url("/images/quotes/new-colors/charcoal16.png") !important; } /*Gray*/ div#bci_colorListSec section button#ff_elem31510, div#bci_colorListSec section button#ff_elem32741{ /* background-color: #808080 !important; */ background-image: url("/images/quotes/new-colors/gray16.png") !important; } /*disabled colors - start*/ /*Grayson*/ div#bci_colorListSec section button#ff_elem31511, div#bci_colorListSec section button#ff_elem32742{ /* background-color: #aaa497 !important; */ background-image: url("/images/quotes/new-colors/grayson16.png") !important; } /*Red Black*/ div#bci_colorListSec section button#ff_elem31513, div#bci_colorListSec section button#ff_elem32744{ /* background-color: #b40000 !important; */ background-image: url("/images/quotes/new-colors/red-black16.png") !important; } /*Royal Red*/ div#bci_colorListSec section button#ff_elem31514, div#bci_colorListSec section button#ff_elem32745{ /* background-color: #990033 !important; */ background-image: url("/images/quotes/new-colors/royal-red16.png") !important; } /*disabled colors - end*/ /*======= RENT CARPET - PADDING OPTION FIELDS =========*/ /* NOTE FIELDSET */ div#bfQuickModeSection24644 { display: none; } /* END NOTE FIELDSET */ /*==Section Rows==*/ div#bci_paddingOptions { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; border-bottom: unset !important; margin-left: 5px; } /* div#bci_paddingOptions { border-top: 1px solid #00000038 !important; } */ /*==Cells Border Bottom==*/ div#bci_paddingOptions section.bfElemWrap { width: 16%; border-bottom: unset !important; } /*==Column Labels==*/ div#bci_paddingOptions label { width: 100%; } /*==Standard-Overtime-Total Cells==*/ div#bci_paddingOptions .bfLabelLeft { width: 19%; } /*==Padding Fields - Label Columns==*/ @media (min-width: 550px) { div#bci_paddingOptions section.bfElemWrap:nth-child(4) label, div#bci_paddingOptions section.bfElemWrap:nth-child(5) label, div#bci_paddingOptions section.bfElemWrap:nth-child(6) label { display:none; } } /*10' section classic*/ div#bci_ColorRow div#bci_paddingOptions section.bfElemWrap:nth-child(5) label, div#bci_ColorRow div#bci_paddingOptions section.bfElemWrap:nth-child(6) label { display:none !important; } /*==Input Fields - Borderless==*/ div#bci_paddingOptions section.bfElemWrap:nth-child(4) input, div#bci_paddingOptions section.bfElemWrap:nth-child(5) input, div#bci_paddingOptions section.bfElemWrap:nth-child(6) input { border: unset !important; background: unset; font-weight: 800; } /*image visibility*/ div#bci_paddingOptions div#color { visibility: hidden; } /*DESKTOP*/ @media (min-width: 1200px) { } /*DESKTOP - Smaller*/ @media (min-width: 1200px) and (max-width: 1399px) { div#bci_paddingOptions input { width: 86% !important; } div#bci_paddingOptions section.bfElemWrap { width: 16%; } div#bci_paddingOptions { margin-left: 0px; } } /*TABLET*/ @media (min-width: 768px) and (max-width: 1199px){ div#bci_paddingOptions section.bfElemWrap { width: 17%; } div#bci_paddingOptions { margin-left: 0px; } div#bci_paddingOptions input { width: 86% !important; } #bci_paddingOptions div#color { display: none !important; } /* fieldset#bci_customCutsect div#bci_paddingOptions div#color, fieldset#bci_needCupgrade div#bci_paddingOptions div#color, fieldset#bci_needVinyl div#bci_paddingOptions div#color { display: unset !important; } */ } @media (min-width: 768px) and (max-width: 991px){ div#bci_paddingOptions section.bfElemWrap { width: 16%; } } /*MOBILE - Bigger*/ @media (min-width: 550px) and (max-width: 767px){ div#bci_paddingOptions { display: flex; flex-wrap: nowrap; margin: 0; justify-content: space-evenly; } #bci_paddingOptions div#color { display: none !important; } div#bci_paddingOptions input { width: 75% !important; } div#bci_paddingOptions section.bfElemWrap { width: 19% !important; padding: 0px; border-bottom: unset !important; } } /*MOBILE - Xtra Small*/ @media (min-width: 320px) and (max-width: 549px){ div#bci_paddingOptions { display: flex; flex-wrap: nowrap; margin: 0; justify-content: space-evenly; } /* div#bci_paddingOptions section.bfElemWrap { width: unset; border-bottom: 1px solid #00000038 !important; } */ /*hide image container for PADDING FIELDS*/ div#bci_paddingOptions .bfNoSection:nth-child(1) { display: none; } } /*=======Vinyl Rent Carpet BUTTON COLOR=========*/ /*Fireside*/ div#bci_colorListSec section button#ff_elem32818{ /* background-color: #d3c9b7 !important; color: black !important; font-weight: 700; background-image: url("/images/quotes/new-colors/white-wood.jpg") !important; */ background-image: url("/images/quotes/new-colors/fireside.jpg") !important; } /*Path Finder*/ div#bci_colorListSec section button#ff_elem32819{ /* background-color: #b06500 !important; background-image: url("/images/quotes/new-colors/oak-ginger.jpg") !important; */ background-image: url("/images/quotes/new-colors/path-finder.jpg") !important; } /*Keystone*/ div#bci_colorListSec section button#ff_elem32820{ /* background-color: #C04000 !important; background-image: url("/images/quotes/new-colors/mahogany.jpg") !important;*/ background-image: url("/images/quotes/new-colors/keystone.jpg") !important; } /*Cross Beam*/ div#bci_colorListSec section button#ff_elem32822{ /* background-color: #baa07e !important; color: black !important; font-weight: 700; background-image: url("/images/quotes/new-colors/cross-bean.jpg") !important; */ background-image: url("/images/quotes/new-colors/cross-beam.jpg") !important; } /*Emmeline Grey*/ div#bci_colorListSec section button#ff_elem32821{ /* background-color: #cbc1ae !important; color: black !important; font-weight: 700; background-image: url("/images/quotes/new-colors/emmeline-grey.jpg") !important; */ background-image: url("/images/quotes/new-colors/newport.jpg") !important; } /*I Datto*/ div#bci_colorListSec section button#ff_elem32823{ /* background-color: #bd9476 !important; color: black !important; font-weight: 700; */ background-image: url("/images/quotes/new-colors/i-datto.jpg") !important; } /*=======Upgraded Carpet Rent Carpet BUTTON COLOR=========*/ /*====24 oz=====*/ /*Gray*/ div#bci_colorListSec section button#ff_elem32824{ /* background-color: #bf9a78 !important; color: black !important; font-weight: 700; */ /*background-image: url("/images/quotes/new-colors/dakota32.png") !important;*/ background-image: url("/images/quotes/new-colors/gray32.png") !important; } /*Charcoal*/ div#bci_colorListSec section button#ff_elem32825{ /* background-color: #c5c6c7 !important; color: black !important; font-weight: 700; background-image: url("/images/quotes/new-colors/stare32.png") !important; */ background-image: url("/images/quotes/new-colors/charcoal32.png") !important; } /*Gray Pearl*/ div#bci_colorListSec section button#ff_elem32826{ /* background-color: #F5ECE1 !important; color: black !important; font-weight: 700; */ /*background-image: url("/images/quotes/new-colors/gentle-breeze32.png") !important;*/ background-image: url("/images/quotes/new-colors/gray-pearl32.png") !important; } /*Toast*/ div#bci_colorListSec section button#ff_elem32827{ /* background-color: #D5CFCF !important; color: black !important; font-weight: 700; background-image: url("/images/quotes/new-colors/concrete32.png") !important;*/ background-image: url("/images/quotes/new-colors/toast32.png") !important; } /*MOcha*/ div#bci_colorListSec section button#ff_elem32828{ /* background-color: #967969 !important; color: black !important; font-weight: 700; */ background-image: url("/images/quotes/new-colors/mocha32.png") !important; } /*====45 oz=====*/ /*Eleveteo and perfection*/ div#bci_colorListSec section button#ff_elem32829{ /* background-color: #636472 !important; background-image: url("/images/quotes/new-colors/ink-spot50.png") !important; */ background-image: url("/images/quotes/new-colors/eleveteo-and-perfection50.png") !important; } /*Eleveteo and coffee*/ div#bci_colorListSec section button#ff_elem32830{ /* background-color: #ac9c82 !important; background-image: url("/images/quotes/new-colors/grape50.png") !important; */ background-image: url("/images/quotes/new-colors/eleveteo-and-coffee50.png") !important; } /*Evening Sky*/ div#bci_colorListSec section button#ff_elem32831{ /* background-color: #84817a !important; */ background-image: url("/images/quotes/new-colors/evening-sky50.png") !important; } /*=======Turf Rent Carpet BUTTON COLOR=========*/ /*Reviera Turf*/ div#bci_colorListSec section button#ff_elem32832{ /* background-color: #6f8c69 !important; */ background-image: url("/images/quotes/new-colors/turf-green.jpg") !important; } /*Tuf GReen Plus*/ div#bci_colorListSec section button#ff_elem32833{ /* background-color: #b8ba90 !important; */ background-image: url("/images/quotes/new-colors/turf-green-plus.jpg") !important; } /*Carpet Color Button CSS ALIGNMENT -Rent Carpet*/ div#bci_colorListSec .btn{ height: 72%; width: 53px; text-align: left !important; padding: 5px 10px; } div#bci_colorListSec section { padding: 5px; border: unset !important; height: 86px; } div#bci_colorListSec { display: flex; flex-wrap: wrap; margin-bottom: 15px; } /*Button Name Hidden*/ div#bci_colorListSec span { display: none; } /*==========10' Carpet Section Input Fields============*/ /*Calculations Online Price and Total Field*/ input#ff_elem29279, input#ff_elem4508, input#ff_elem30324, input#ff_elem30325, input#ff_elem30400 , input#ff_elem30401, input#ff_elem30410, input#ff_elem30411, input#ff_elem30424, input#ff_elem30425, input#ff_elem30430, input#ff_elem30431, input#ff_elem30440, input#ff_elem30441, input#ff_elem30450, input#ff_elem30451, input#ff_elem30465, input#ff_elem30466, input#ff_elem30471, input#ff_elem30472, input#ff_elem30485, input#ff_elem30486, input#ff_elem30491, input#ff_elem30492 { border: unset; background: unset; font-weight: 800; } /*Calculations Select Field Height*/ div#bci_ColorHead select { height: 32%; } /*==========Cut Carpet Section Input Fields============*/ /*Calculations Online Price and Total Field*/ input#ff_elem4729, input#ff_elem30596, input#ff_elem4739, input#ff_elem30694, input#ff_elem30695, input#ff_elem30696, input#ff_elem30705, input#ff_elem30706, input#ff_elem30707, input#ff_elem30716, input#ff_elem30717, input#ff_elem30718, input#ff_elem30723, input#ff_elem30724, input#ff_elem30725, input#ff_elem30734, input#ff_elem30735, input#ff_elem30736, input#ff_elem30741, input#ff_elem30742, input#ff_elem30743, input#ff_elem30756, input#ff_elem30757, input#ff_elem30758, input#ff_elem30763, input#ff_elem30764, input#ff_elem30765, input#ff_elem30774, input#ff_elem30775, input#ff_elem30776, input#ff_elem30781, input#ff_elem30782, input#ff_elem30783, input#ff_elem30788, input#ff_elem30789, input#ff_elem30790{ border: unset; background: unset; font-weight: 800; } /*==========Vinyl Section Input Fields============*/ /*Calculations Online Price and Total Field*/ input#ff_elem4797, input#ff_elem30900, input#ff_elem4799, input#ff_elem30933, input#ff_elem30934, input#ff_elem30935, input#ff_elem30940, input#ff_elem30941, input#ff_elem30942, input#ff_elem30951, input#ff_elem30952, input#ff_elem30953, input#ff_elem30958, input#ff_elem30959, input#ff_elem30960, input#ff_elem30965, input#ff_elem30966, input#ff_elem30967{ border: unset; background: unset; font-weight: 800; } /*==========Turf Section Input Fields============*/ /*Calculations Online Price and Total Field*/ input#ff_elem5095, input#ff_elem31053, input#ff_elem5097, input#ff_elem5109, input#ff_elem31060, input#ff_elem5111{ border: unset; background: unset; font-weight: 800; } /*==========Upgraded Carpet Section Input Fields============*/ /*Calculations Online Price and Total Field*/ input#ff_elem4815, input#ff_elem31075, input#ff_elem4817, input#ff_elem31082, input#ff_elem31083, input#ff_elem31084, input#ff_elem31087, input#ff_elem31088, input#ff_elem31089, input#ff_elem31092, input#ff_elem31093, input#ff_elem31094, input#ff_elem31097, input#ff_elem31098, input#ff_elem31099, input#ff_elem4870, input#ff_elem31116, input#ff_elem4872, input#ff_elem31119, input#ff_elem31120, input#ff_elem31121, input#ff_elem31124, input#ff_elem31125, input#ff_elem31126{ border: unset; background: unset; font-weight: 800; } /*==========Carpet Padding Section Input Fields============*/ /*Calculations Online Price and Total Field*/ input#ff_elem4957, input#ff_elem33022, input#ff_elem4959, input#ff_elem5047, input#ff_elem33027, input#ff_elem5049, input#ff_elem5069, input#ff_elem33028, input#ff_elem5071{ border: unset; background: unset; font-weight: 800; } /*1 row Layout*/ @media (min-width: 320px){ div#bci_10x10SLayerColor span input, div#bci_CustomCutColor span input, div#bci_TurfColor span input, div#bci_VinylColor span input, div#bci_UpgradedCarpetColor span input { display: none; } /*Hiding Border*/ div#bci_paddingOptions .bfLabelLeft, div#bci_ColorHead .bfLabelLeft, div#bci_CutColorHead .bfLabelLeft, div#bci_UpCarpetColorHead .bfLabelLeft, div#bci_VinColorHead .bfLabelLeft { border: unset !important; } } @media (min-width: 1200px) { select#ff_elem30151 { height: 50%; } /*NEW Calculations Layout For Rent Carpet*/ /*4 column layout*/ div#bci_QtyCal .bfNoSection, div#bci_ColorHead { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 10px; } /*Calculations Title Label*/ div#bci_QtyCal .bfLabelLeft label, div#bci_ColorHead .bfLabelLeft label { width: 100%; } /*Calculations input Fields*/ div#bci_QtyCal .bfLabelLeft, div#bci_ColorHead .bfLabelLeft { width: 16%; border-bottom: unset !important; } /*Calculations Hiding Label*/ div#bci_10x10section2 label, div#bci_10x10section3 label, div#bci_plasticCovering label, div#bci_10x20section2 label, div#bci_10x20section3 label, div#bci_plasticCovering2 label, div#bci_10x30section2 label, div#bci_10x30section3 label, div#bci_plasticCovering3 label { display: none; } /*Calculations Row Label Width*/ div#bci_QtyCal .bfSectionDescription { width: 44.5%; } /*Additional Layers DELETE Button Alignment*/ div#bci_10SecPlasticCoveringADD .bfClearfix { display: flex; align-items: center; } select#ff_elem4507, select#ff_elem4554, select#ff_elem4573, select#ff_elem4584, select#ff_elem4591, select#ff_elem4598, select#ff_elem4605, select#ff_elem4612, select#ff_elem4619, select#ff_elem4630 { height: 50%; } /*Cut Carpet Calculations 1 Row Layout*/ div#bci_CutColorHead { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; /*border-bottom: 1px solid #00000038 !important;*/ margin-bottom: 10px; margin-left: 5px; } /*Cut Carpet Clcualtions Label*/ div#bci_CutColorHead .bfLabelLeft label { width: 100%; } /*Cut Carpet Calcualtions Section Width*/ div#bci_CutColorHead .bfLabelLeft { width: 16%; border-bottom: unset !important; } /*Vinyl Calculations 1 Row Layout RENT CARPET*/ div#bci_VinColorHead { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; /*border-bottom: 1px solid #00000038 !important;*/ margin-bottom: 10px; margin-left: 5px; } /*Cut Carpet Clcualtions Label*/ div#bci_VinColorHead .bfLabelLeft label { width: 100%; } /*Cut Carpet Calcualtions Section Width*/ div#bci_VinColorHead .bfLabelLeft { width: 16%; border-bottom: unset !important; } /*Turf Calculations 1 Row Layout RENT CARPET*/ div#bci_TurfColorHead { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ align-items: center; border-bottom: 1px solid #00000038 !important; margin-bottom: 10px; margin-left: 5px; } /*Cut Carpet Clcualtions Label*/ div#bci_TurfColorHead .bfLabelLeft label { width: 100%; } /*Cut Carpet Calcualtions Section Width*/ div#bci_TurfColorHead .bfLabelLeft { width: 16%; border-bottom: unset !important; } /*Upgraded Carpet Calculations 1 Row Layout RENT CARPET*/ div#bci_UpCarpetColorHead { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; /*border-bottom: 1px solid #00000038 !important;*/ margin-bottom: 10px; margin-left: 5px; } /*Cut Carpet Clcualtions Label*/ div#bci_UpCarpetColorHead .bfLabelLeft label { width: 100%; } /*Cut Carpet Calcualtions Section Width*/ div#bci_UpCarpetColorHead .bfLabelLeft { width: 16%; border-bottom: unset !important; } /* Carpet Padding Calculations 1 Row Layout RENT CARPET*/ div#bci_CarpetPadColorHead, div#bci_CarpetPadDColorHead, div#bci_VinylPadColorHead { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ align-items: center; border-bottom: 1px solid #00000038 !important; margin-bottom: 10px; margin-left: 5px; } /*Cut Carpet Clcualtions Label*/ div#bci_CarpetPadColorHead .bfLabelLeft label, div#bci_CarpetPadDColorHead .bfLabelLeft label, div#bci_VinylPadColorHead .bfLabelLeft label { width: 100%; } /*Cut Carpet Calcualtions Section Width*/ div#bci_CarpetPadColorHead .bfLabelLeft, div#bci_CarpetPadDColorHead .bfLabelLeft, div#bci_VinylPadColorHead .bfLabelLeft { width: 16%; border-bottom: unset !important; } select#ff_elem4734, select#ff_elem4784, select#ff_elem4798, select#ff_elem4816, select#ff_elem4849, select#ff_elem4871, select#ff_elem4876, select#ff_elem4958, select#ff_elem4963, select#ff_elem5048, select#ff_elem5053, select#ff_elem5070, select#ff_elem5096, select#ff_elem5110{ height: 50%; } /*Long Titles*/ div#bci_30ozCRentalsqft1 section.bfSectionDescription, div#bci_30ozCRentalsqft2 section.bfSectionDescription, div#bci_45ozCRentalsqft1 section.bfSectionDescription, div#bci_45ozCRentalsqft2 section.bfSectionDescription, div#bci_CarpetPadsqft1 section.bfSectionDescription, div#bci_CarpetPadsqft2 section.bfSectionDescription, div#bci_DCarpetPadsqft1 section.bfSectionDescription, div#bci_DCarpetPadsqft2 section.bfSectionDescription { width: 6%; text-align: -webkit-auto; } /*Hiding Labels*/ label#bfLabel4846, label#bfLabel4847, label#bfLabel4848, label#bfLabel4849, label#bfLabel4850, label#bfLabel4873, label#bfLabel4874, label#bfLabel4875, label#bfLabel4876, label#bfLabel4877, label#bfLabel4960, label#bfLabel4961, label#bfLabel4962, label#bfLabel4963, label#bfLabel4964, label#bfLabel5050, label#bfLabel5051, label#bfLabel5052, label#bfLabel5053, label#bfLabel5054 { display: none; } /*====Cleaning CSS====*/ /*Cleaning Vacuum Calculations 1 Row Layout RENT CARPET*/ div#bci_vacuum1 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #00000038 !important; margin-bottom: 10px; margin-left: 5px; } /*Cleaning Vacuum Calculations Clcualtions Label*/ div#bci_vacuum1 .bfLabelLeft label { width: 100%; } /*Cleaning Vacuum Calculations Calcualtions Section Width*/ div#bci_vacuum1 .bfLabelLeft { width: 16%; border-bottom: unset !important; } /*Calculations Online Price and Total Field*/ input#ff_elem31140, input#ff_elem31145, input#ff_elem5321{ border: unset; background: unset; font-weight: 800; } /*Cleaning Shampooing Calculations 1 Row Layout RENT CARPET*/ div#bci_SCarpet1 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #00000038 !important; margin-bottom: 10px; margin-left: 5px; } /*Cleaning Shampooing Clcualtions Label*/ div#bci_SCarpet1 .bfLabelLeft label { width: 100%; } /*Cleaning Shampooing Calcualtions Section Width*/ div#bci_SCarpet1 .bfLabelLeft { width: 16%; border-bottom: unset !important; } /*Cleaning Porter Service Calculations 1 Row Layout RENT CARPET*/ div#bci_PService1 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #00000038 !important; margin-bottom: 10px; margin-left: 5px; } /*Cleaning Porter Service Clcualtions Label*/ div#bci_PService1 .bfLabelLeft label { width: 100%; } /*Cleaning Porter Service Calcualtions Section Width*/ div#bci_PService1 .bfLabelLeft { width: 16%; border-bottom: unset !important; } /*Calculations Online Price and Total Field*/ input#ff_elem31155, input#ff_elem31156, input#ff_elem5341, input#ff_elem31233, input#ff_elem31234, input#ff_elem5293{ border: unset; background: unset; font-weight: 800; } div#bci_vacuum2, div#bci_vacuum3, div#bci_SCarpet2, div#bci_SCarpet3, div#bci_FSCarpet1, div#bci_FSCarpet2, div#bci_FSCarpet3, div#bci_PService2, div#bci_PService3, div#bci_PService4 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #00000038 !important; margin-bottom: 10px; } section#bfElemWrap5291, section#bfElemWrap5292, section#bfElemWrap5293, section#bfElemWrap5319, section#bfElemWrap5320, section#bfElemWrap5321, section#bfElemWrap5323, section#bfElemWrap5324, section#bfElemWrap5325, section#bfElemWrap5327, section#bfElemWrap5328, section#bfElemWrap5329, section#bfElemWrap5339, section#bfElemWrap5340, section#bfElemWrap5341, section#bfElemWrap5343, section#bfElemWrap5344, section#bfElemWrap5345, section#bfElemWrap5347, section#bfElemWrap5348, section#bfElemWrap5349, section#bfElemWrap5375, section#bfElemWrap5376, section#bfElemWrap5377, section#bfElemWrap5415, section#bfElemWrap5416, section#bfElemWrap5417, section#bfElemWrap5427, section#bfElemWrap5428, section#bfElemWrap5429, section#bfElemWrap5303, section#bfElemWrap5304, section#bfElemWrap5305, section#bfElemWrap5435, section#bfElemWrap5436, section#bfElemWrap5437, section#bfElemWrap5391, section#bfElemWrap5392, section#bfElemWrap5393 { border-bottom: unset !important; } select#ff_elem5292, select#ff_elem5320, select#ff_elem5324, select#ff_elem5328, select#ff_elem5340, select#ff_elem5344, select#ff_elem5348, select#ff_elem5376, select#ff_elem5416, select#ff_elem5428, select#ff_elem5304, select#ff_elem5436, select#ff_elem5392 { height: 50%; } /*Long Labels*/ div#bci_PService1 section.bfSectionDescription, div#bci_vacuum1 section.bfSectionDescription, div#bci_vacuum2 section.bfSectionDescription, div#bci_vacuum3 section.bfSectionDescription, div#bci_SCarpet1 section.bfSectionDescription, div#bci_SCarpet2 section.bfSectionDescription, div#bci_SCarpet3 section.bfSectionDescription, div#bci_FSCarpet1 section.bfSectionDescription, div#bci_FSCarpet2 section.bfSectionDescription, div#bci_FSCarpet3 section.bfSectionDescription, div#bci_PService2 section.bfSectionDescription, div#bci_PService3 section.bfSectionDescription, div#bci_PService4 section.bfSectionDescription { width: 29%; } /*Hding Labels*/ label#bfLabel5323, label#bfLabel5324, label#bfLabel5325, label#bfLabel5327, label#bfLabel5328, label#bfLabel5329, label#bfLabel5343, label#bfLabel5344, label#bfLabel5345, label#bfLabel5347, label#bfLabel5348, label#bfLabel5349, label#bfLabel5415, label#bfLabel5416, label#bfLabel5417, label#bfLabel5427, label#bfLabel5428, label#bfLabel5429, label#bfLabel5303, label#bfLabel5304, label#bfLabel5305, label#bfLabel5435, label#bfLabel5436, label#bfLabel5437, label#bfLabel5391, label#bfLabel5392, label#bfLabel5393 { display: none; } section#bfElemWrap5323, section#bfElemWrap5327, section#bfElemWrap5343, section#bfElemWrap5347, section#bfElemWrap5415, section#bfElemWrap5427, section#bfElemWrap5303, section#bfElemWrap5435, section#bfElemWrap5391 { position: relative; left: -72px; } section#bfElemWrap5324, section#bfElemWrap5328, section#bfElemWrap5344, section#bfElemWrap5348, section#bfElemWrap5416, section#bfElemWrap5428, section#bfElemWrap5304, section#bfElemWrap5436, section#bfElemWrap5392 { position: relative; left: -89px; } section#bfElemWrap5325, section#bfElemWrap5329, section#bfElemWrap5345, section#bfElemWrap5349, section#bfElemWrap5417, section#bfElemWrap5429, section#bfElemWrap5305, section#bfElemWrap5437, section#bfElemWrap5393 { position: relative; left: -46px; } } /*10' Section Layout Adjustments*/ @media (min-width: 1200px) { /*Carpet*/ fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4) input{ border: unset !important; background: unset; font-weight: 800; } fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4) input, fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(5) input, fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(6) input { text-align: right; width: 96% !important; } fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(5), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(6) { text-align: right !important; } /*Cut Color Head/ Upgraded Carpet*/ div#bci_CutColorHead section.bfElemWrap:nth-child(2) input, div#bci_CutColorHead section.bfElemWrap:nth-child(3) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(2) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(3) input, div#bci_VinColorHead section.bfElemWrap:nth-child(2) input, div#bci_VinColorHead section.bfElemWrap:nth-child(3) input { width: 64% !important; } div#bci_CutColorHead section.bfElemWrap:nth-child(2), div#bci_CutColorHead section.bfElemWrap:nth-child(3), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(2), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(3), div#bci_VinColorHead section.bfElemWrap:nth-child(2), div#bci_VinColorHead section.bfElemWrap:nth-child(3) { width: 7.6%; } div#bci_CutColorHead section.bfElemWrap:nth-child(4) input,div#bci_CutColorHead section.bfElemWrap:nth-child(5) input, div#bci_CutColorHead section.bfElemWrap:nth-child(6) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4) input,div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinColorHead section.bfElemWrap:nth-child(4) input,div#bci_VinColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinColorHead section.bfElemWrap:nth-child(6) input { text-align: right; width: 96% !important; } div#bci_CutColorHead section.bfElemWrap:nth-child(4), div#bci_CutColorHead section.bfElemWrap:nth-child(5), div#bci_CutColorHead section.bfElemWrap:nth-child(6), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6), div#bci_VinColorHead section.bfElemWrap:nth-child(4), div#bci_VinColorHead section.bfElemWrap:nth-child(5), div#bci_VinColorHead section.bfElemWrap:nth-child(6) { text-align: right !important; } /*Padding*/ div#bci_paddingOptions section.bfElemWrap:nth-child(2) input, div#bci_paddingOptions section.bfElemWrap:nth-child(3) input { width: 64% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(2), div#bci_paddingOptions section.bfElemWrap:nth-child(3) { width: 7.6%; } div#bci_paddingOptions section.bfElemWrap:nth-child(4) input,div#bci_paddingOptions section.bfElemWrap:nth-child(5) input, div#bci_paddingOptions section.bfElemWrap:nth-child(6) input { text-align: right; width: 96% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(4), div#bci_paddingOptions section.bfElemWrap:nth-child(5), div#bci_paddingOptions section.bfElemWrap:nth-child(6) { text-align: right !important; } /*Channeling -- START*/ div#bci_CCChannelingHead { display: flex !important; align-items: center !important; } div#bci_CCChannelingOpt { display: flex; align-items: center !important; justify-content: flex-end; } div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) { display: flex !important; flex-direction: column !important; } div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) input { border: unset !important; background: unset; font-weight: 800; } div#bci_CCChanneling, div#bci_CCChanneling2, div#bci_CCChanneling3, div#bci_CCChanneling4, div#bci_CCChanneling5, div#bci_CCChanneling6, div#bci_CCChanneling7, div#bci_CCChanneling8, div#bci_CCChanneling9, div#bci_CCChanneling10, div#bci_CCChanneling11, div#bci_CCChanneling12, div#bci_CCChannelingCut, div#bci_CCChannelingUG, div#bci_CCChannelingVIN { display: flex; } div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) label, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) label, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) label { display: none !important; } /*Channeling Fields Alignment*/ div#bci_CCChannelingOpt .bfLabelLeft { width: 27% !important; } div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) input { text-align: right !important; width: 80% !important; } div#bci_CCChannelingHead span.bfElemWrap:nth-child(2) input, div#bci_CCChannelingHead span.bfElemWrap:nth-child(3) input, div#bci_CCChannelingHead span.bfElemWrap:nth-child(4) input{ border: unset !important; background: unset; font-weight: 800; } /*Plastic Covering -- START*/ div#bci_10SecPlasticCovering, div#bci_10SecPlasticCoveringOpt { display: flex; align-items: center; } div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2), div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) { display: flex; flex-direction: column; } div#bci_PlasticCovering { display: flex; } div#bci_boothNum{ display: flex !important; align-items: center !important; } div#bci_needLabor { display: flex !important; align-items: center !important; } div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) label, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) label, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) label, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) label, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) label, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) label { display: none; } div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input { border: unset !important; background: unset; font-weight: 800; text-align: right !important; width: 94% !important; } /*PLastic Covering Fields Alignment */ div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) { width: 32.5% !important; } div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) input { width: 75% !important; } div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) input { width: 61% !important; } /*== Reinforced PLastic Covering Fields Alignment ==*/ div#bci_ReinforcedPC div#bci_10SecPlasticCovering { display: block; } div#bci_ReinforcedPC { display: flex; } div#bci_SecReinPlasticCover{ display: flex; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) { width: 26%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input{ text-align: right !important; width: 86% !important; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input { width: 86% !important; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input { width: 73% !important; } /*=== Reinforced Plastic Covering -- END ===*/ /*Need Labor -- START*/ div#bci_needLaborSec{ display: flex; } div#bci_needLaborQ{ display: flex; align-items: center; } div#bci_needLaborS, div#bci_needLaborSCut, div#bci_needLaborSUG, div#bci_needLaborSVIN { display: flex; align-items: center !important; justify-content: flex-end; } /*spacing*/ div#bci_needLaborS .bfLabelLeft, div#bci_needLaborSCut .bfLabelLeft, div#bci_needLaborSUG .bfLabelLeft, div#bci_needLaborSVIN .bfLabelLeft { width: 26.7% !important; } div#bci_needLaborS section.bfElemWrap:nth-child(1) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(1) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(1) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(1) input { text-align: right !important; width: 78% !important; } div#bci_needLaborS section.bfElemWrap:nth-child(2) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(2) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(2) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(2) input { text-align: right !important; width: 78% !important; } div#bci_needLaborS section.bfElemWrap:nth-child(3) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(3) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(3) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(3) input { text-align: right !important; width: 80% !important; } /*After Show -- START*/ div#bci_recycle { display: flex; align-items: center; } div#bci_afterShowSize, div#bci_afterShowSizeCut, div#bci_afterShowSizeSecUG, div#bci_afterShowSizeSecVIN { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } div#bci_afterShowSize section.bfLabelLeft Label, div#bci_afterShowSizeCut section.bfLabelLeft Label, div#bci_afterShowSizeSecUG section.bfLabelLeft Label, div#bci_afterShowSizeSecVIN section.bfLabelLeft Label { display: none; } div#bci_afterShowSize section.bfLabelLeft, div#bci_afterShowSizeCut section.bfLabelLeft, div#bci_afterShowSizeSecUG section.bfLabelLeft, div#bci_afterShowSizeSecVIN section.bfLabelLeft, div#bci_recycle section.bfLabelLeft{ border: unset !important; } div#bci_afterShowSize section.bfLabelLeft input, div#bci_afterShowSizeCut section.bfLabelLeft input, div#bci_afterShowSizeSecUG section.bfLabelLeft input, div#bci_afterShowSizeSecVIN section.bfLabelLeft input { border: unset !important; background: unset; font-weight: 800; text-align: right; } div#bci_afterShowSize section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(1) input { width: 92% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(2) input { width: 75% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(3) input { width: 60% !important; } } /* Reinforced Plastic Covering View */ /*Padding & Channeling Field Alignment Smaller Desktop Screen*/ @media (min-width: 1200px) and (max-width: 1399px) { div#bci_paddingOptions section.bfElemWrap:nth-child(4), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4) { width: 21.8%; } div#bci_paddingOptions section.bfElemWrap:nth-child(5), div#bci_paddingOptions section.bfElemWrap:nth-child(6), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(5), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(6) { width: 18.7%; } /*Align Input Headers */ div#bci_CutColorHead section.bfElemWrap:nth-child(4), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4), div#bci_VinColorHead section.bfElemWrap:nth-child(4){ width: 21.5%; } div#bci_CutColorHead section.bfElemWrap:nth-child(5), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5), div#bci_VinColorHead section.bfElemWrap:nth-child(5) { width: 19%; } div#bci_CutColorHead section.bfElemWrap:nth-child(6), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6), div#bci_VinColorHead section.bfElemWrap:nth-child(6) { width: 18%; } /*After Show*/ div#bci_afterShowSize, div#bci_afterShowSizeCut, div#bci_afterShowSizeSecUG, div#bci_afterShowSizeSecVIN { justify-content: end !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(1) input { width: 60% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(2) input { width: 44% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(3) input { width: 30% !important; } } /*Padding Options Hiding Label*/ @media (min-width: 550px) { div#bci_paddingOptions section.bfElemWrap:nth-child(4) label, div#bci_paddingOptions section.bfElemWrap:nth-child(5) label, div#bci_paddingOptions section.bfElemWrap:nth-child(6) label { display: none !important; } /*Channeling Hiding Labels*/ div#bci_CCChannelingOpt span.bfElemWrap:nth-child(1) label , div#bci_CCChannelingOpt span.bfElemWrap:nth-child(2) label, div#bci_CCChannelingOpt span.bfElemWrap:nth-child(3) label, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) label, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) label, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) label{ display: none !important; } /*Plastic Covering Hiding Labels*/ div#bci_10SecPlasticCoveringOpt span.bfElemWrap:nth-child(1) label , div#bci_10SecPlasticCoveringOpt span.bfElemWrap:nth-child(2) label, div#bci_10SecPlasticCoveringOpt span.bfElemWrap:nth-child(3) label, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) label, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) label, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) label, div#bci_SecReinPlasticCover span.bfElemWrap:nth-child(1) label , div#bci_SecReinPlasticCover span.bfElemWrap:nth-child(2) label, div#bci_SecReinPlasticCover span.bfElemWrap:nth-child(3) label, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) label, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) label, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) label, /*Need Labor Hiding Labels*/ div#div#bci_needLaborS span.bfElemWrap:nth-child(1) label, div#div#bci_needLaborS span.bfElemWrap:nth-child(2) label, div#div#bci_needLaborS span.bfElemWrap:nth-child(3) label, div#bci_needLaborS section.bfElemWrap:nth-child(1) label, div#bci_needLaborS section.bfElemWrap:nth-child(2) label, div#bci_needLaborS section.bfElemWrap:nth-child(3) label, div#div#bci_needLaborSCut span.bfElemWrap:nth-child(1) label, div#div#bci_needLaborSCut span.bfElemWrap:nth-child(2) label, div#div#bci_needLaborSCut span.bfElemWrap:nth-child(3) label, div#bci_needLaborSCut section.bfElemWrap:nth-child(1) label, div#bci_needLaborSCut section.bfElemWrap:nth-child(2) label, div#bci_needLaborSCut section.bfElemWrap:nth-child(3) label, div#div#bci_needLaborSUG span.bfElemWrap:nth-child(1) label, div#div#bci_needLaborSUG span.bfElemWrap:nth-child(2) label, div#div#bci_needLaborSUG span.bfElemWrap:nth-child(3) label, div#bci_needLaborSUG section.bfElemWrap:nth-child(1) label, div#bci_needLaborSUG section.bfElemWrap:nth-child(2) label, div#bci_needLaborSUG section.bfElemWrap:nth-child(3) label, div#div#bci_needLaborSVIN span.bfElemWrap:nth-child(1) label, div#div#bci_needLaborSVIN span.bfElemWrap:nth-child(2) label, div#div#bci_needLaborSVIN span.bfElemWrap:nth-child(3) label, div#bci_needLaborSVIN section.bfElemWrap:nth-child(1) label, div#bci_needLaborSVIN section.bfElemWrap:nth-child(2) label, div#bci_needLaborSVIN section.bfElemWrap:nth-child(3) label { display: none !important; } div#bci_CCChanneling .bfLabelLeft, div#bci_CCChanneling2 .bfLabelLeft, div#bci_CCChanneling3 .bfLabelLeft, div#bci_CCChanneling4 .bfLabelLeft, div#bci_CCChanneling5 .bfLabelLeft, div#bci_CCChanneling6 .bfLabelLeft, div#bci_CCChanneling7 .bfLabelLeft, div#bci_CCChanneling8 .bfLabelLeft, div#bci_CCChanneling9 .bfLabelLeft, div#bci_CCChanneling10 .bfLabelLeft, div#bci_CCChanneling11 .bfLabelLeft, div#bci_CCChanneling12 .bfLabelLeft, div#bci_PlasticCovering .bfLabelLeft, div#bci_ReinforcedPC .bfLabelLeft, div#bci_boothNum .bfLabelLeft, div#bci_needLaborQ .bfLabelLeft, div#bci_CCChannelingCut .bfLabelLeft, div#bci_CCChannelingUG .bfLabelLeft, div#bci_CCChannelingVIN .bfLabelLeft { border-bottom: unset !important; } /*Align Fields - Right CHanneling & Covering*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input, /*need labor*/ div#bci_needLaborS section.bfElemWrap input, div#bci_needLaborSCut section.bfElemWrap input, div#bci_needLaborSUG section.bfElemWrap input, div#bci_needLaborSVIN section.bfElemWrap input { text-align: right; } } /*Hiding Border - Fields*/ @media (min-width: 320px) { div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input, fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4) input, /*Need Labor*/ div#bci_needLaborS section.bfLabelLeft input, div#bci_needLaborSCut section.bfLabelLeft input, div#bci_needLaborSUG section.bfLabelLeft input, div#bci_needLaborSVIN section.bfLabelLeft input { border: unset !important; background: unset; font-weight: 800; } /*Channeling and Plastic Covering*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3), div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1), div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2), div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3), div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1), div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2), div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3), /*Need Labor*/ div#bci_needLaborS section.bfElemWrap:nth-child(1), div#bci_needLaborS section.bfElemWrap:nth-child(2), div#bci_needLaborS section.bfElemWrap:nth-child(3), div#bci_needLaborSCut section.bfElemWrap:nth-child(1), div#bci_needLaborSCut section.bfElemWrap:nth-child(2), div#bci_needLaborSCut section.bfElemWrap:nth-child(3), div#bci_needLaborSUG section.bfElemWrap:nth-child(1), div#bci_needLaborSUG section.bfElemWrap:nth-child(2), div#bci_needLaborSUG section.bfElemWrap:nth-child(3), div#bci_needLaborSVIN section.bfElemWrap:nth-child(1), div#bci_needLaborSVIN section.bfElemWrap:nth-child(2), div#bci_needLaborSVIN section.bfElemWrap:nth-child(3) { border: unset !important; } } /*Desktop - Medium*/ @media (min-width: 992px) and (max-width: 1199px){ div#bci_paddingOptions section.bfElemWrap:nth-child(2), div#bci_paddingOptions section.bfElemWrap:nth-child(3) { width: 12%; } div#bci_paddingOptions section.bfElemWrap:nth-child(4), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4) { width: 21.8%; } /*Channeling & Covering & Need Labor*/ div#bci_CCChanneling, div#bci_CCChanneling2, div#bci_CCChanneling3, div#bci_CCChanneling4, div#bci_CCChanneling5, div#bci_CCChanneling6, div#bci_CCChanneling7, div#bci_CCChanneling8, div#bci_CCChanneling9, div#bci_CCChanneling10, div#bci_CCChanneling11, div#bci_CCChanneling12, div#bci_CCChannelingCut, div#bci_CCChannelingUG, div#bci_CCChannelingVIN, div#bci_PlasticCovering, div#bci_ReinforcedPC, div#bci_needLaborSec { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; } div#bci_CCChannelingHead, div#bci_10SecPlasticCovering, div#bci_needLaborQ{ display: flex; align-items: center; width: 33%; } div#bci_needLaborS, div#bci_needLaborSCut, div#bci_needLaborSUG, div#bci_needLaborSVIN { display: flex; } /*Size*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) input, div#bci_needLaborS section.bfElemWrap:nth-child(1) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(1) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(1) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(1) input { width: 85% !important; } /*Online Price*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) input, div#bci_needLaborS section.bfElemWrap:nth-child(2) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(2) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(2) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(2) input { width: 66% !important; } /*Total*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) input, div#bci_needLaborS section.bfElemWrap:nth-child(3) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(3) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(3) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(3) input { width: 50% !important; } /*Reinforced Plastic Covering*/ /*== Reinforced PLastic Covering Fields Alignment ==*/ div#bci_ReinforcedPC div#bci_10SecPlasticCovering { display: block; } div#bci_ReinforcedPC { display: flex; } div#bci_SecReinPlasticCover{ display: flex; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) { width: 26%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input{ text-align: right !important; width: 76% !important; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input { width: 70% !important; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input { width: 55% !important; } /*=== Reinforced Plastic Covering -- END ===*/ /*After Show*/ div#bci_afterShowSize, div#bci_afterShowSizeCut, div#bci_afterShowSizeSecUG, div#bci_afterShowSizeSecVIN { display: flex; justify-content: end; } div#bci_afterShowSize label, div#bci_afterShowSizeCut label, div#bci_afterShowSizeSecUG label, div#bci_afterShowSizeSecVIN label { display: none; } div#bci_recycle section.bfElemWrap, div#bci_afterShowSize section.bfElemWrap, div#bci_afterShowSizeCut section.bfElemWrap, div#bci_afterShowSizeSecUG section.bfElemWrap, div#bci_afterShowSizeSecVIN section.bfElemWrap { border-bottom: unset !important; } div#bci_afterShowSize section.bfElemWrap input, div#bci_afterShowSizeCut section.bfElemWrap input, div#bci_afterShowSizeSecUG section.bfElemWrap input, div#bci_afterShowSizeSecVIN section.bfElemWrap input { border: unset !important; background: unset; font-weight: 800; text-align: right; } div#bci_afterShowSize section.bfElemWrap:nth-child(1), div#bci_afterShowSize section.bfElemWrap:nth-child(3), div#bci_afterShowSize section.bfElemWrap:nth-child(3), div#bci_afterShowSizeCut section.bfElemWrap:nth-child(1), div#bci_afterShowSizeCut section.bfElemWrap:nth-child(3), div#bci_afterShowSizeCut section.bfElemWrap:nth-child(3), div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(1), div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(3), div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(3), div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(1), div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(3), div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(3) { width: 20%; } div#bci_afterShowSize section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(1) input { width: 88% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(2) input { width: 62% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(3) input { width: 43%; } } /*Desktop - Small table alignment*/ @media (min-width: 768px) and (max-width: 1199px){ /*Cut Color Head*/ div#bci_CutColorHead section.bfElemWrap:nth-child(2) input, div#bci_CutColorHead section.bfElemWrap:nth-child(3) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(2) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(3) input, div#bci_VinColorHead section.bfElemWrap:nth-child(2) input, div#bci_VinColorHead section.bfElemWrap:nth-child(3) input { width: 78% !important; } div#bci_CutColorHead section.bfElemWrap:nth-child(2), div#bci_CutColorHead section.bfElemWrap:nth-child(3), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(2), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(3), div#bci_VinColorHead section.bfElemWrap:nth-child(2), div#bci_VinColorHead section.bfElemWrap:nth-child(3) { width: 9.6%; } div#bci_CutColorHead section.bfElemWrap:nth-child(4) input, div#bci_CutColorHead section.bfElemWrap:nth-child(5) input, div#bci_CutColorHead section.bfElemWrap:nth-child(6) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinColorHead section.bfElemWrap:nth-child(6) input { text-align: right; width: 96% !important; } div#bci_CutColorHead section.bfElemWrap:nth-child(4), div#bci_CutColorHead section.bfElemWrap:nth-child(5), div#bci_CutColorHead section.bfElemWrap:nth-child(6), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6), div#bci_VinColorHead section.bfElemWrap:nth-child(4), div#bci_VinColorHead section.bfElemWrap:nth-child(5), div#bci_VinColorHead section.bfElemWrap:nth-child(6) { text-align: right !important; } /*Padding*/ div#bci_paddingOptions section.bfElemWrap:nth-child(2) input, div#bci_paddingOptions section.bfElemWrap:nth-child(3) input { width: 78% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(2), div#bci_paddingOptions section.bfElemWrap:nth-child(3) { width: 9.6%; } div#bci_paddingOptions section.bfElemWrap:nth-child(4) input, div#bci_paddingOptions section.bfElemWrap:nth-child(5) input, div#bci_paddingOptions section.bfElemWrap:nth-child(6) input { text-align: right; width: 96% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(4), div#bci_paddingOptions section.bfElemWrap:nth-child(5), div#bci_paddingOptions section.bfElemWrap:nth-child(6) { text-align: right !important; } /*Align Labels - Right*/ fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(5), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(6) { text-align: right !important; } /*Align Fields - Right*/ fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4) input, fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(5) input, fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(6) input { text-align: right; width: 96% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(4) input, div#bci_paddingOptions section.bfElemWrap:nth-child(5) input, div#bci_paddingOptions section.bfElemWrap:nth-child(6) input { text-align: right; width: 98% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(5), div#bci_paddingOptions section.bfElemWrap:nth-child(6), div#bci_ColorHead section.bfElemWrap:nth-child(5), div#bci_ColorHead section.bfElemWrap:nth-child(6) { width: 18.7%; } } /*Tablet - Bigger*/ @media (min-width: 768px) and (max-width: 991px){ div#bci_paddingOptions section.bfElemWrap:nth-child(2), div#bci_paddingOptions section.bfElemWrap:nth-child(3) { width: 15%; } /*After Show*/ div#bci_recycle { display: flex; align-items: center; } div#bci_afterShowSize, div#bci_afterShowSizeCut, div#bci_afterShowSizeSecUG, div#bci_afterShowSizeSecVIN { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; } div#bci_afterShowSize section.bfLabelLeft, div#bci_recycle section.bfLabelLeft, div#bci_afterShowSizeCut section.bfLabelLeft, div#bci_afterShowSizeSecUG section.bfLabelLeft, div#bci_afterShowSizeSecVIN section.bfLabelLeft { border: unset !important; } div#bci_afterShowSize section.bfLabelLeft Label, div#bci_afterShowSizeCut section.bfLabelLeft Label, div#bci_afterShowSizeSecUG section.bfLabelLeft Label, div#bci_afterShowSizeSecVIN section.bfLabelLeft Label { display: none; } div#bci_afterShowSize section.bfLabelLeft input, div#bci_afterShowSizeCut section.bfLabelLeft input, div#bci_afterShowSizeSecUG section.bfLabelLeft input, div#bci_afterShowSizeSecVIN section.bfLabelLeft input { border: unset !important; background: unset; font-weight: 800; text-align: right; } div#bci_afterShowSize section.bfElemWrap, div#bci_afterShowSizeCut section.bfElemWrap, div#bci_afterShowSizeSecUG section.bfElemWrap, div#bci_afterShowSizeSecVIN section.bfElemWrap { width: 23%; } div#bci_afterShowSize section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(1) input { width: 92% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(2) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(2) input { width: 80% !important; } div#bci_afterShowSize section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(3) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(3) input { width: 58% !important; } } /*Mobile - Table alignment*/ @media (min-width: 550px) and (max-width: 767px){ /*Align Labels - Right*/ fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(4), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(5), fieldset#bci_10sectionSect div#bci_ColorHead section.bfElemWrap:nth-child(6), div#bci_CutColorHead section.bfElemWrap:nth-child(4), div#bci_CutColorHead section.bfElemWrap:nth-child(5), div#bci_CutColorHead section.bfElemWrap:nth-child(6), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6), div#bci_VinColorHead section.bfElemWrap:nth-child(4), div#bci_VinColorHead section.bfElemWrap:nth-child(5), div#bci_VinColorHead section.bfElemWrap:nth-child(6) { text-align: right !important; } /*Align Fields - Right*/ div#bci_ColorHead section.bfElemWrap:nth-child(4) input, div#bci_ColorHead section.bfElemWrap:nth-child(5) input, div#bci_ColorHead section.bfElemWrap:nth-child(6) input, div#bci_CutColorHead section.bfElemWrap:nth-child(4) input, div#bci_CutColorHead section.bfElemWrap:nth-child(5) input, div#bci_CutColorHead section.bfElemWrap:nth-child(6) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinColorHead section.bfElemWrap:nth-child(6) input { text-align: right; width: 95% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(4) input, div#bci_paddingOptions section.bfElemWrap:nth-child(5) input, div#bci_paddingOptions section.bfElemWrap:nth-child(6) input { text-align: right; width: 74% !important; } div#bci_paddingOptions section.bfElemWrap:nth-child(5), div#bci_paddingOptions section.bfElemWrap:nth-child(6), div#bci_ColorHead section.bfElemWrap:nth-child(5), div#bci_ColorHead section.bfElemWrap:nth-child(6) { width: 18.7%; } div#bci_paddingOptions section.bfElemWrap:nth-child(4), div#bci_ColorHead section.bfElemWrap:nth-child(4) { width: 15.8%; } .bfQuickMode .bfLabelLeft label, .bfQuickMode .bfLabelRight label { min-width: 78% !important; } /*Channeling and Covering Layout*/ div#bci_CCChanneling, div#bci_CCChanneling2, div#bci_CCChanneling3, div#bci_CCChanneling4, div#bci_CCChanneling5, div#bci_CCChanneling6, div#bci_CCChanneling7, div#bci_CCChanneling8, div#bci_CCChanneling9, div#bci_CCChanneling10, div#bci_CCChanneling11, div#bci_CCChanneling12, div#bci_CCChannelingCut, div#bci_CCChannelingUG, div#bci_CCChannelingVIN, div#bci_PlasticCovering, div#bci_ReinforcedPC, div#bci_needLaborSec { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } div#bci_CCChannelingHead, div#bci_10SecPlasticCovering, div#bci_needLaborQ { width: 109%; } div#bci_needLaborS, div#bci_needLaborSCut, div#bci_needLaborSUG, div#bci_needLaborSVIN { display: flex; } div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) input, div#bci_needLaborS section.bfElemWrap:nth-child(1) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(1) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(1) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(1) input { width: 85% !important; } /*After Show*/ div#bci_afterShowSize, div#bci_afterShowSizeCut, div#bci_afterShowSizeSecUG, div#bci_afterShowSizeSecVIN { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; } div#bci_afterShowSize section.bfLabelLeft, div#bci_afterShowSizeCut section.bfLabelLeft, div#bci_afterShowSizeSecUG section.bfLabelLeft, div#bci_afterShowSizeSecVIN section.bfLabelLeft, div#bci_recycle section.bfLabelLeft{ border: unset !important; } div#bci_afterShowSize section.bfLabelLeft Label, div#bci_afterShowSizeCut section.bfLabelLeft Label, div#bci_afterShowSizeSecUG section.bfLabelLeft Label, div#bci_afterShowSizeSecVIN section.bfLabelLeft Label { display: none; } div#bci_afterShowSize section.bfLabelLeft input, div#bci_afterShowSizeCut section.bfLabelLeft input, div#bci_afterShowSizeSecUG section.bfLabelLeft input, div#bci_afterShowSizeSecVIN section.bfLabelLeft input { border: unset !important; background: unset; font-weight: 800; text-align: right; } div#bci_afterShowSize section.bfElemWrap, div#bci_afterShowSizeCut section.bfElemWrap, div#bci_afterShowSizeSecUG section.bfElemWrap, div#bci_afterShowSizeSecVIN section.bfElemWrap { width: 20%; } div#bci_afterShowSize section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(1) input { width: 97% !important; } /*Reinforced Plastic Covering*/ /*== Reinforced PLastic Covering Fields Alignment ==*/ div#bci_ReinforcedPC div#bci_10SecPlasticCovering { display: block; } div#bci_ReinforcedPC { display: flex; } div#bci_SecReinPlasticCover{ display: flex; align-items: flex-end; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) { width: 30%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) { width: 30%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) { width: 30%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input{ text-align: right !important; width: 86% !important } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input { width: 20% !important } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input { width: 65% !important; } /*=== Reinforced Plastic Covering -- END ===*/ } /*Mobile Small - Layout Table*/ @media (min-width: 320px) and (max-width: 549px){ div#bci_ColorHead, div#bci_CutColorHead, div#bci_UpCarpetColorHead, div#bci_VinColorHead, div#bci_CarpetPadColorHead, div#bci_CarpetPadDColorHead, div#bci_VinylPadColorHead, div#bci_TurfColorHead { display: flex; } /*Custom,Updgraded, Vinyl*/ div#bci_CutColorHead section.bfElemWrap:nth-child(4) input, div#bci_CutColorHead section.bfElemWrap:nth-child(5) input, div#bci_CutColorHead section.bfElemWrap:nth-child(6) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinColorHead section.bfElemWrap:nth-child(6) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(4) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(5) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(6) input { text-align: right; font-size: 12px; width: 45% !important; } /*Adjusting label size*/ div#bci_ColorHead label, div#bci_CCChannelingHead label, div#bci_10SecPlasticCovering label, div#bci_10CPaddingHead, div#bci_paddingOptions label, div#bci_CutColorHead label, div#bci_UpCarpetColorHead label, div#bci_VinColorHead label, div#bci_CarpetPadColorHead label, div#bci_CarpetPadDColorHead label, div#bci_VinylPadColorHead label, div#bci_TurfColorHead label, /*need labor & after show*/ div#bci_needLaborQ label, div#bci_recycle label { font-size: 12px; } /*Hiding Label Channeling, Plastic Covering & Reinforced Covering*/ div#bci_CCChannelingOpt label,div#bci_10SecPlasticCoveringOpt label, div#bci_paddingOptions section.bfElemWrap:nth-child(4) p, div#bci_paddingOptions section.bfElemWrap:nth-child(5) p, div#bci_paddingOptions section.bfElemWrap:nth-child(6) label, div#bci_needLaborS label, div#bci_needLaborSCut label, div#bci_needLaborSUG label, div#bci_needLaborSVIN label, div#bci_SecReinPlasticCover label { display: none; } /*Align Right*/ div#bci_paddingOptions section.bfElemWrap:nth-child(4) input, div#bci_paddingOptions section.bfElemWrap:nth-child(5) input, div#bci_paddingOptions section.bfElemWrap:nth-child(6) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) input, div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) input, div#bci_needLaborS section.bfElemWrap:nth-child(1) input, div#bci_needLaborS section.bfElemWrap:nth-child(2) input, div#bci_needLaborS section.bfElemWrap:nth-child(3) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(1) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(2) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(3) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(1) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(2) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(3) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(1) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(2) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(3) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input, div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input { text-align: right; font-size: 12px; width: 45% !important; } /*Align Labels - Right*/ div#bci_ColorHead section.bfElemWrap:nth-child(4), div#bci_ColorHead section.bfElemWrap:nth-child(5), div#bci_ColorHead section.bfElemWrap:nth-child(6), div#bci_CutColorHead section.bfElemWrap:nth-child(4), div#bci_CutColorHead section.bfElemWrap:nth-child(5),div#bci_CutColorHead section.bfElemWrap:nth-child(6), div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4),div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5),div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6), div#bci_VinColorHead section.bfElemWrap:nth-child(4),div#bci_VinColorHead section.bfElemWrap:nth-child(5),div#bci_VinColorHead section.bfElemWrap:nth-child(6), div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(4),div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(5),div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(6), div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(4),div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(5),div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(6), div#bci_VinylPadColorHead section.bfElemWrap:nth-child(4),div#bci_VinylPadColorHead section.bfElemWrap:nth-child(5),div#bci_VinylPadColorHead section.bfElemWrap:nth-child(6), div#bci_TurfColorHead section.bfElemWrap:nth-child(4),div#bci_TurfColorHead section.bfElemWrap:nth-child(5),div#bci_TurfColorHead section.bfElemWrap:nth-child(6) { text-align: right; } /*Align Fields - Right*/ div#bci_ColorHead section.bfElemWrap:nth-child(4) input, div#bci_ColorHead section.bfElemWrap:nth-child(5) input, div#bci_ColorHead section.bfElemWrap:nth-child(6) input, div#bci_CutColorHead section.bfElemWrap:nth-child(4) input, div#bci_CutColorHead section.bfElemWrap:nth-child(5) input, div#bci_CutColorHead section.bfElemWrap:nth-child(6) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(4) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(5) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinColorHead section.bfElemWrap:nth-child(6) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(4) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(5) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(6) input { text-align: right; font-size: 12px; } /*Channeling & Covering - Flex*/ div#bci_CCChanneling, div#bci_CCChanneling2, div#bci_CCChanneling3, div#bci_CCChanneling4, div#bci_CCChanneling5, div#bci_CCChanneling6, div#bci_CCChanneling7, div#bci_CCChanneling8, div#bci_CCChanneling9, div#bci_CCChanneling10, div#bci_CCChanneling11, div#bci_CCChanneling12, div#bci_CCChannelingCut, div#bci_CCChannelingUG, div#bci_CCChannelingVIN, div#bci_PlasticCovering, div#bci_ReinforcedPC, div#bci_needLaborSec { display: flex; align-items: flex-end; } /*BoulderCap - Font Size Adjustment*/ section.bfSectionDescription .lbl-boldunderCap2, div#bci_CCChannelingHead .lbl-boldunderCap2, div#bci_10CPaddingHead .lbl-boldunderCap2{ font-size: 12px; } /*Channeling - Radio Box*/ div#bci_CCChannelingHead section { width: 100% !important; } /*Covering - Radio Box*/ div#bci_10SecPlasticCovering section { width: 126% !important; } div#bci_10SecPlasticCovering section div { width: 144% !important; } /*Need Labor*/ div#bci_needLaborQ section { width: 126% !important; } /* fieldset#bci_10sectionSect div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) { width: 63% !important; } */ div#bci_10CPaddingHead span { width: 100%; } fieldset#bci_10sectionSect div#bci_ColorHead section select { border: unset !important; padding-left: unset !important; font-size: 14px!important; } p.mobile-abbr { width: 104% !IMPORTANT; } div#bci_ColorHead section.bfElemWrap:nth-child(4) input { width: 40% !important; } div#bci_CCChanneling .bfLabelLeft, div#bci_CCChanneling2 .bfLabelLeft, div#bci_CCChanneling3 .bfLabelLeft, div#bci_CCChanneling4 .bfLabelLeft, div#bci_CCChanneling5 .bfLabelLeft, div#bci_CCChanneling6 .bfLabelLeft, div#bci_CCChanneling7 .bfLabelLeft, div#bci_CCChanneling8 .bfLabelLeft, div#bci_CCChanneling9 .bfLabelLeft, div#bci_CCChanneling10 .bfLabelLeft, div#bci_CCChanneling11 .bfLabelLeft, div#bci_CCChanneling12 .bfLabelLeft, div#bci_CCChannelingCut .bfLabelLeft, div#bci_CCChannelingUG .bfLabelLeft, div#bci_CCChannelingVIN .bfLabelLeft, div#bci_PlasticCovering .bfLabelLeft, div#bci_ReinforcedPC .bfLabelLeft, div#bci_needLaborQ .bfLabelLeft { border-bottom: unset !important; } /*Padding*/ div#bci_paddingOptions section.bfElemWrap:nth-child(2) input, div#bci_paddingOptions section.bfElemWrap:nth-child(3) input { font-size: 12px; width: 62% !important; } /*Channeling*/ div#bci_CCChannelingOpt { display: flex; justify-content: flex-end; } div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3), /*Need Labor*/ div#bci_needLaborS section.bfElemWrap:nth-child(1), div#bci_needLaborS section.bfElemWrap:nth-child(2), div#bci_needLaborS section.bfElemWrap:nth-child(3), div#bci_needLaborSCut section.bfElemWrap:nth-child(1), div#bci_needLaborSCut section.bfElemWrap:nth-child(2), div#bci_needLaborSCut section.bfElemWrap:nth-child(3), div#bci_needLaborSUG section.bfElemWrap:nth-child(1), div#bci_needLaborSUG section.bfElemWrap:nth-child(2), div#bci_needLaborSUG section.bfElemWrap:nth-child(3), div#bci_needLaborSVIN section.bfElemWrap:nth-child(1), div#bci_needLaborSVIN section.bfElemWrap:nth-child(2), div#bci_needLaborSVIN section.bfElemWrap:nth-child(3) { width: 22.8% !important; } /*Covering*/ div#bci_10SecPlasticCoveringOpt{ display: flex; justify-content: flex-end; } /*Need Labor*/ div#bci_needLaborS, div#bci_needLaborSCut, div#bci_needLaborSUG, div#bci_needLaborSVIN { display: flex; justify-content: flex-end; } div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1), div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2), div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) { width: 22.5% !important; } /*Fields Custom*/ div#bci_CutColorHead section.bfElemWrap:nth-child(2) input, div#bci_CutColorHead section.bfElemWrap:nth-child(3) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(2) input, div#bci_UpCarpetColorHead section.bfElemWrap:nth-child(3) input, div#bci_VinColorHead section.bfElemWrap:nth-child(2) input, div#bci_VinColorHead section.bfElemWrap:nth-child(3) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(2) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(3) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(2) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(3) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(2) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(3) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(2) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(3) input { font-size: 12px; width: 59% !important; } /*After Show*/ div#bci_afterShowSize, div#bci_afterShowSizeCut, div#bci_afterShowSizeSecUG, div#bci_afterShowSizeSecVIN { display: flex; flex-wrap: wrap; justify-content: end; align-items: center; } div#bci_afterShowSize section.bfLabelLeft, div#bci_afterShowSizeCut section.bfLabelLeft, div#bci_afterShowSizeSecUG section.bfLabelLeft, div#bci_afterShowSizeSecVIN section.bfLabelLeft, div#bci_recycle section.bfLabelLeft { border: unset !important; } div#bci_afterShowSize section.bfLabelLeft Label, div#bci_afterShowSizeCut section.bfLabelLeft Label, div#bci_afterShowSizeSecUG section.bfLabelLeft Label, div#bci_afterShowSizeSecVIN section.bfLabelLeft Label { display: none; } div#bci_afterShowSize section.bfLabelLeft input, div#bci_afterShowSizeCut section.bfLabelLeft input, div#bci_afterShowSizeSecUG section.bfLabelLeft input, div#bci_afterShowSizeSecVIN section.bfLabelLeft input { border: unset !important; background: unset; font-weight: 800; text-align: right; font-size: 12px; } div#bci_afterShowSize section.bfElemWrap, div#bci_afterShowSizeCut section.bfElemWrap, div#bci_afterShowSizeSecUG section.bfElemWrap, div#bci_afterShowSizeSecVIN section.bfElemWrap { width: 20%; } div#bci_afterShowSize section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeCut section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecUG section.bfElemWrap:nth-child(1) input, div#bci_afterShowSizeSecVIN section.bfElemWrap:nth-child(1) input { width: 95% !important; } /*Reinforced Plastic Covering*/ /*== Reinforced PLastic Covering Fields Alignment ==*/ div#bci_ReinforcedPC div#bci_10SecPlasticCovering { display: block; } div#bci_ReinforcedPC { display: flex; } div#bci_SecReinPlasticCover{ display: flex; align-items: flex-end; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) { width: 42%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) { width: 24%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) { width: 25%; } /*=== Reinforced Plastic Covering -- END ===*/ } /*Custom Query - Right Alignment*/ @media (min-width: 550px) { div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(4) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(5) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(6) input { text-align: right; width: 45% !important; } div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(4),div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(5),div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(6), div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(4),div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(5),div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(6), div#bci_VinylPadColorHead section.bfElemWrap:nth-child(4),div#bci_VinylPadColorHead section.bfElemWrap:nth-child(5),div#bci_VinylPadColorHead section.bfElemWrap:nth-child(6), div#bci_TurfColorHead section.bfElemWrap:nth-child(4),div#bci_TurfColorHead section.bfElemWrap:nth-child(5),div#bci_TurfColorHead section.bfElemWrap:nth-child(6) { text-align: right; } div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(4) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(5) input, div#bci_CarpetPadDColorHead section.bfElemWrap:nth-child(6) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(4) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(5) input, div#bci_VinylPadColorHead section.bfElemWrap:nth-child(6) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(4) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(5) input, div#bci_TurfColorHead section.bfElemWrap:nth-child(6) input { text-align: right; width: 96% !important; } } /*Additional Query - Small Screen Inout Fields*/ @media (min-width: 518px) and (max-width: 549px){ div#bci_ColorHead section.bfElemWrap:nth-child(4), div#bci_ColorHead section.bfElemWrap:nth-child(5), div#bci_ColorHead section.bfElemWrap:nth-child(6) { width: 20%; } /*Channeling div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) { width: 28%; } */ } @media (min-width: 432px) and (max-width: 518px){ div#bci_ColorHead section.bfElemWrap:nth-child(4), div#bci_ColorHead section.bfElemWrap:nth-child(5), div#bci_ColorHead section.bfElemWrap:nth-child(6) { width: 26%; } /*Channeling div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3){ width: 32%; } */ } @media (min-width: 320px) and (max-width: 431px){ div#bci_ColorHead section.bfElemWrap:nth-child(4), div#bci_ColorHead section.bfElemWrap:nth-child(5), div#bci_ColorHead section.bfElemWrap:nth-child(6) { width: 30%; } /*Channeling div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2), div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3){ width: 52%; } */ } /*=======Tablet CSS 1 Row Layout Rent Carpet============*/ @media (min-width: 768px) and (max-width: 1199px){ div#bci_ColorHead, div#bci_CutColorHead, div#bci_VinColorHead ,div#bci_UpCarpetColorHead, div#bci_TurfColorHead, div#bci_CarpetPadColorHead, div#bci_CarpetPadDColorHead, div#bci_VinylPadColorHead { display: flex; align-items: center; } div#bci_ColorHead select, div#bci_CutColorHead select, div#bci_VinColorHead select, div#bci_UpCarpetColorHead select, div#bci_TurfColorHead select, div#bci_CarpetPadColorHead select, div#bci_CarpetPadDColorHead select, div#bci_VinylPadColorHead select { width: 87% !important; } div#bci_ColorHead .bfLabelLeft, div#bci_CutColorHead .bfLabelLeft, div#bci_VinColorHead .bfLabelLeft, div#bci_UpCarpetColorHead .bfLabelLeft, div#bci_TurfColorHead .bfLabelLeft, div#bci_CarpetPadColorHead .bfLabelLeft, div#bci_CarpetPadDColorHead .bfLabelLeft, div#bci_VinylPadColorHead .bfLabelLeft { width: 18%; } div#bci_ColorHead .bfLabelLeft label, div#bci_CutColorHead .bfLabelLeft label, div#bci_VinColorHead .bfLabelLeft label, div#bci_UpCarpetColorHead .bfLabelLeft label, div#bci_TurfColorHead .bfLabelLeft label, div#bci_CarpetPadColorHead .bfLabelLeft label, div#bci_CarpetPadDColorHead .bfLabelLeft label, div#bci_VinylPadColorHead .bfLabelLeft label { width: 100%; } div#bci_ColorHead input, div#bci_CutColorHead input , div#bci_VinColorHead input, div#bci_UpCarpetColorHead input, div#bci_TurfColorHead input, div#bci_CarpetPadColorHead input, div#bci_CarpetPadDColorHead input, div#bci_VinylPadColorHead input { width: 86% !important; } } /*=======Smaller Tablet CSS 1 Row Layout Rent Carpet============*/ @media (min-width: 768px) and (max-width: 992px){ div#bci_CCChanneling, div#bci_CCChanneling2, div#bci_CCChanneling3, div#bci_CCChanneling4, div#bci_CCChanneling5, div#bci_CCChanneling6, div#bci_CCChanneling7, div#bci_CCChanneling8, div#bci_CCChanneling9, div#bci_CCChanneling10, div#bci_CCChanneling11, div#bci_CCChanneling12, div#bci_CCChannelingCut, div#bci_CCChannelingUG, div#bci_CCChannelingVIN, div#bci_PlasticCovering, div#bci_ReinforcedPC, div#bci_needLaborSec { display: flex; align-items: flex-end; } div#bci_needLaborS, div#bci_needLaborSCut, div#bci_needLaborSUG, div#bci_needLaborSVIN { display: flex; } div#bci_CCChannelingHead, div#bci_10SecPlasticCovering, div#bci_needLaborQ { width: 38%; } /*Size*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(1) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(1) input{ width: 98% !important; } /*Online Price*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(2) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(2) input{ width: 82% !important; } /*Total*/ div#bci_CCChannelingOpt section.bfElemWrap:nth-child(3) input, div#bci_10SecPlasticCoveringOpt section.bfElemWrap:nth-child(3) input{ width: 60% !important; } /*Need Labor - field sizes*/ div#bci_needLaborS section.bfElemWrap:nth-child(1) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(1) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(1) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(1) input { width: 96% !important; } div#bci_needLaborS section.bfElemWrap:nth-child(2) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(2) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(2) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(2) input { width: 82% !important; } div#bci_needLaborS section.bfElemWrap:nth-child(3) input, div#bci_needLaborSCut section.bfElemWrap:nth-child(3) input, div#bci_needLaborSUG section.bfElemWrap:nth-child(3) input, div#bci_needLaborSVIN section.bfElemWrap:nth-child(3) input { width: 59% !important; } /*Reinforced Plastic Covering*/ /*== Reinforced PLastic Covering Fields Alignment ==*/ div#bci_ReinforcedPC div#bci_10SecPlasticCovering { display: block; } div#bci_ReinforcedPC { display: flex; } div#bci_SecReinPlasticCover{ display: flex; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) { width: 50%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) { width: 26%; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(1) input{ text-align: right !important; width: 80% !important; } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(2) input { width: 98% !important } div#bci_SecReinPlasticCover section.bfElemWrap:nth-child(3) input { width: 65% !important; } /*=== Reinforced Plastic Covering -- END ===*/ } /*======= Rent Carpet ABBREVIATIONS Tablet Media Query============*/ @media (min-width: 992px) { div#ff_formdiv20 label p.mobile-abbr { display: none !important; } div#ff_formdiv20 label p.orig-head { margin: unset; } } /*=======Mobile CSS 1 Row Layout Rent Carpet============*/ @media (min-width: 550px) and (max-width: 767px){ div#bci_CutColorHead, div#bci_VinColorHead ,div#bci_UpCarpetColorHead, div#bci_TurfColorHead, div#bci_CarpetPadColorHead, div#bci_CarpetPadDColorHead, div#bci_VinylPadColorHead { display: flex; } fieldset#bci_10sectionSect div#bci_ColorHead { display: flex; justify-content: space-between; } div#bci_ColorHead select, div#bci_CutColorHead select, div#bci_VinColorHead select, div#bci_UpCarpetColorHead select, div#bci_TurfColorHead select, div#bci_CarpetPadColorHead select, div#bci_CarpetPadDColorHead select, div#bci_VinylPadColorHead select { width: 95% !important; } div#bci_ColorHead .bfLabelLeft, div#bci_CutColorHead .bfLabelLeft, div#bci_VinColorHead .bfLabelLeft, div#bci_UpCarpetColorHead .bfLabelLeft, div#bci_TurfColorHead .bfLabelLeft, div#bci_CarpetPadColorHead .bfLabelLeft, div#bci_CarpetPadDColorHead .bfLabelLeft, div#bci_VinylPadColorHead .bfLabelLeft { width: 37%; } div#bci_ColorHead .bfLabelLeft { border: unset !important; } div#bci_ColorHead .bfLabelLeft label, div#bci_CutColorHead .bfLabelLeft label, div#bci_VinColorHead .bfLabelLeft label, div#bci_UpCarpetColorHead .bfLabelLeft label, div#bci_TurfColorHead .bfLabelLeft label, div#bci_CarpetPadColorHead .bfLabelLeft label, div#bci_CarpetPadDColorHead .bfLabelLeft label, div#bci_VinylPadColorHead .bfLabelLeft label { width: 100%; } div#bci_ColorHead input, div#bci_CutColorHead input , div#bci_VinColorHead input, div#bci_UpCarpetColorHead input, div#bci_TurfColorHead input, div#bci_CarpetPadColorHead input, div#bci_CarpetPadDColorHead input, div#bci_VinylPadColorHead input { width: 84% !important; } } /*======= Rent Carpet ABBREVIATIONS Mobile Media Query============*/ @media (min-width: 550px) and (max-width: 767px){ div#ff_formdiv20 fieldset#bfQuickModeSection64720 label p.orig-head { display: none !important; } div#ff_formdiv20 fieldset#bfQuickModeSection64720 label p.mobile-abbr { margin: unset; } div#bci_ColorHead select { height: 41%; padding: 0.3rem !important; } } /*======= Rent Carpet Mobile Carpet Hidden Image & Text ============*/ @media (min-width: 320px) and (max-width: 767px){ div#ff_formdiv20 div#bci_CCImage { display: none !important; } div#bci_CarpetPadColorOpts .mobtxt-hidden { display: none !important; } div#bci_needLabor { display: block !important; align-items: center !important; } } @media (min-width: 768px) { div#ff_formdiv20 .hidden-tab { display: none !important; } div#bci_CarpetPadColorOpts .hidden-txt { display: none !important; } } /*======= Rent Carpet ABBREVIATIONS Smaller Mobile Media Query============*/ @media (min-width: 320px) and (max-width: 549px){ div#ff_formdiv20 fieldset#bfQuickModeSection64720 label p.mobile-abbr{ margin: unset; width: 112% !important; } div#ff_formdiv20 fieldset#bfQuickModeSection64720 label p.orig-head { display: none !important; } } @media (min-width: 768px) and (max-width: 992px){ div#ff_formdiv20 fieldset#bfQuickModeSection64720 label p.orig-head { display: none !important; } div#ff_formdiv20 fieldset#bfQuickModeSection64720 label p.mobile-abbr { margin: unset; } } /*Color options Media Query*/ @media (min-width: 320px) and (max-width: 767px){ span#bfElementGroupNoWrap4505, span#bfElementGroupNoWrap4640, span#bfElementGroupNoWrap4780, span#bfElementGroupNoWrap4794, span#bfElementGroupNoWrap4812, span#bfElementGroupNoWrap4867, span#bfElementGroupNoWrap5092 { display: inline-block; white-space: pre-wrap; } .bfQuickMode legend { line-height: 22px !important; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 8px !important; } } /*=========Installation && Dismantle Labor New Section for BCI CSS=======*/ input#ff_elem7606, input#ff_elem7663, input#ff_elem7702, input#ff_elem7711, input#ff_elem7720, input#ff_elem7729, input#ff_elem7738, input#ff_elem7751, input#ff_elem7760, input#ff_elem7769, input#ff_elem7822, input#ff_elem7831, input#ff_elem7840, input#ff_elem7849, input#ff_elem7858, input#ff_elem7867, input#ff_elem7876, input#ff_elem7885, input#ff_elem7894, input#ff_elem7903 { width: 15%; pointer-events: none; background: #c7c7c738; } input#ff_elem7622, input#ff_elem7624, input#ff_elem7667, input#ff_elem7669, input#ff_elem7706, input#ff_elem7708, input#ff_elem7715, input#ff_elem7717, input#ff_elem7724, input#ff_elem7726, input#ff_elem7733, input#ff_elem7735, input#ff_elem7742, input#ff_elem7755, input#ff_elem7757, input#ff_elem7764, input#ff_elem7766, input#ff_elem7773, input#ff_elem7775, input#ff_elem7826, input#ff_elem7828, input#ff_elem7835, input#ff_elem7837, input#ff_elem7844, input#ff_elem7846, input#ff_elem7853, input#ff_elem7855, input#ff_elem7862, input#ff_elem7864, input#ff_elem7871, input#ff_elem7873, input#ff_elem7880, input#ff_elem7882, input#ff_elem7889, input#ff_elem7891, input#ff_elem7898, input#ff_elem7900, input#ff_elem7907, input#ff_elem7909, input#ff_elem7744 { pointer-events: none; background: #c7c7c738; } input#ff_elem7805, input#ff_elem7911 { pointer-events: none; } .field-calendar .input-group-text { background: none; width: 0; } /*=========END OF Installation && Dismantle Labor New Section for BCI CSS=======*/ /*==========Print && Submit Button============CSS*/ .bfFieldset-b { display: none; } div#bfQuickModeSection1106 { display: flex; justify-content: flex-end; } button#ff_elem6788 { background: #262330 !important; padding: 10px 20px; border-radius: 4px !important; } .bfQuickMode button:hover, button#bfSubmitButton:hover{ color: #faf9fe !important; } button#ff_elem6762 { background: #0c58a4 !important; padding: 10px 20px; border-radius: 4px !important; } button#ff_elem6762:hover { border-color: blue !important; } @media (min-width: 320px) and (max-width: 480px){ div#bfQuickModeSection1106 { display: unset !important; } /*============End of Print && Submit Button CSS==============*/ } /*Application Form Upload a PHOTO CSS*/ @media (min-width: 320px) and (max-width: 480px){ ul.sppb-gallery.clearfix.gallery-item- li { width: 29%; } section#section-id-1696410924520 .sppb-row-container { padding-left: unset !important; padding-right: unset !important; } } /*Jobs Board CSS*/ .bg-dark { z-index: 9 !important; } /*======= Temporary Labor CSS ========*/ div#ff_formdiv36 .bfQuickMode legend { background: #800080 !important; } div#ff_formdiv36 .bfQuickMode .btn, .remodal-wrapper .btn { background-color: #242324 !important; } /*======= Skilled Labor (Temporary Labor) Header =======*/ /*Total Fields*/ div#tmp_INSGTotalCostHead input, div#tmp_DISGTotalCostHead input, div#tmp_OverGTotalHead input { border: unset !important; background: unset; font-weight: 800; color: red !important; } div#tmp_INSGTotalCostHead label, div#tmp_DISGTotalCostHead label, div#tmp_OverGTotalHead label { color: #800080 !important; } div#tmp_INSGTotalCostHead section, div#tmp_DISGTotalCostHead section, div#tmp_OverGTotalHead section { background: #80008014 !important; display: flex; align-items: center; } /*end*/ input#ff_elem12590, input#ff_elem12892, input#ff_elem12999, input#ff_elem13056, input#ff_elem13090, input#ff_elem13132, input#ff_elem13166, input#ff_elem13196, input#ff_elem13227, input#ff_elem13253, input#ff_elem12341, input#ff_elem16747, input#ff_elem16782, input#ff_elem16821, input#ff_elem16856, input#ff_elem16887, input#ff_elem16926, input#ff_elem16965, input#ff_elem16996, input#ff_elem17031 { width: 36%; pointer-events: none; background: #c7c7c738; } select#ff_elem12591, select#ff_elem12615, select#ff_elem12616, select#ff_elem12625, select#ff_elem12641, select#ff_elem12642, select#ff_elem12893, select#ff_elem12894, select#ff_elem12895, select#ff_elem12896, select#ff_elem12902, select#ff_elem12903, select#ff_elem13000, select#ff_elem13001, select#ff_elem13002, select#ff_elem13003, select#ff_elem13009, select#ff_elem13010, select#ff_elem13057, select#ff_elem13058, select#ff_elem13059, select#ff_elem13060, select#ff_elem13066, select#ff_elem13067, select#ff_elem13091, select#ff_elem13092, select#ff_elem13093, select#ff_elem13094, select#ff_elem13100, select#ff_elem13101, select#ff_elem13133, select#ff_elem13134, select#ff_elem13135, select#ff_elem13136, select#ff_elem13142, select#ff_elem13143, select#ff_elem13167, select#ff_elem13168, select#ff_elem13169, select#ff_elem13170, select#ff_elem13176, select#ff_elem13177, select#ff_elem13197, select#ff_elem13198, select#ff_elem13199, select#ff_elem13200, select#ff_elem13206, select#ff_elem13207, select#ff_elem13228, select#ff_elem13229, select#ff_elem13230, select#ff_elem13231, select#ff_elem13237, select#ff_elem13238, select#ff_elem13254, select#ff_elem13255, select#ff_elem13256, select#ff_elem13257, select#ff_elem13263, select#ff_elem13264, select#ff_elem16698, select#ff_elem16749, select#ff_elem16784, select#ff_elem16823, select#ff_elem16858, select#ff_elem16889, select#ff_elem16928, select#ff_elem16967, select#ff_elem16998, select#ff_elem17033 { height: 50%; width: 40% !important; } /*1 row layout CSS*/ span.lbl-boldunderCap4 { font-weight: bold; color: #000000; border-radius: 5px; font-size: 16px; padding-left: 5px; } input#ff_elem13548, input#ff_elem14570, input#ff_elem14571 { pointer-events: none; background: #c7c7c738; font-weight: bold; } /*==Calculations Section==*/ div#tmp_headCal .bfNoSection,div#tmp_headCal2 .bfNoSection,div#tmp_headCal3 .bfNoSection,div#tmp_headCal4 .bfNoSection, div#tmp_headCal5 .bfNoSection,div#tmp_headCal6 .bfNoSection,div#tmp_headCal7 .bfNoSection,div#tmp_headCal8 .bfNoSection, div#tmp_headCal9 .bfNoSection,div#tmp_headCal10 .bfNoSection,div#tmp_headCalDIS .bfNoSection,div#tmp_headCalDIS2 .bfNoSection,div#tmp_headCalDIS3 .bfNoSection,div#tmp_headCalDIS4 .bfNoSection,div#tmp_headCalDIS5 .bfNoSection,div#tmp_headCalDIS6 .bfNoSection,div#tmp_headCalDIS7 .bfNoSection,div#tmp_headCalDIS8 .bfNoSection,div#tmp_headCalDIS9 .bfNoSection,div#tmp_headCalDIS10 .bfNoSection { display: flex; align-items: center; border-bottom: 1px solid #00000038 !important; justify-content: flex-start; } /*Grand Total Fields CSS*/ fieldset#tmp_DISGTotalCostHead section input, fieldset#tmp_OverGTotalHead section input, fieldset#tmp_INSGTotalCostHead section input { background: unset !important; border: unset !important; font-weight: 800; } /*Calculations Hide Header Label*/ div#tmp_workhours .bfLabelLeft label, div#tmp_workcost .bfLabelLeft label, div#tmp_shfthours .bfLabelLeft label, div#tmp_shftcost .bfLabelLeft label, div#tmp_workhours2 .bfLabelLeft label, div#tmp_workcost2 .bfLabelLeft label, div#tmp_shfthours2 .bfLabelLeft label, div#tmp_shftcost2 .bfLabelLeft label, div#tmp_workhours3 .bfLabelLeft label, div#tmp_workcost3 .bfLabelLeft label, div#tmp_shfthours3 .bfLabelLeft label, div#tmp_shftcost3 .bfLabelLeft label, div#tmp_workhours4 .bfLabelLeft label, div#tmp_workcost4 .bfLabelLeft label, div#tmp_shfthours4 .bfLabelLeft label, div#tmp_shftcost4 .bfLabelLeft label, div#tmp_workhours5 .bfLabelLeft label, div#tmp_workcost5 .bfLabelLeft label, div#tmp_shfthours5 .bfLabelLeft label, div#tmp_shftcost5 .bfLabelLeft label, div#tmp_workhours6 .bfLabelLeft label, div#tmp_workcost6 .bfLabelLeft label, div#tmp_shfthours6 .bfLabelLeft label, div#tmp_shftcost6 .bfLabelLeft label, div#tmp_workhours7 .bfLabelLeft label, div#tmp_workcost7 .bfLabelLeft label, div#tmp_shfthours7 .bfLabelLeft label, div#tmp_shftcost7 .bfLabelLeft label, div#tmp_workhours8 .bfLabelLeft label, div#tmp_workcost8 .bfLabelLeft label, div#tmp_shfthours8 .bfLabelLeft label, div#tmp_shftcost8 .bfLabelLeft label, div#tmp_workhours9 .bfLabelLeft label, div#tmp_workcost9 .bfLabelLeft label, div#tmp_shfthours9 .bfLabelLeft label, div#tmp_shftcost9 .bfLabelLeft label, div#tmp_workhours10 .bfLabelLeft label, div#tmp_workcost10 .bfLabelLeft label, div#tmp_shfthours10 .bfLabelLeft label, div#tmp_shftcost10 .bfLabelLeft label, div#tmp_workhoursDIS .bfLabelLeft label, div#tmp_workcostDIS .bfLabelLeft label, div#tmp_shfthoursDIS .bfLabelLeft label, div#tmp_shftcostDIS .bfLabelLeft label, div#tmp_workhoursDIS2 .bfLabelLeft label, div#tmp_workcostDIS2 .bfLabelLeft label, div#tmp_shfthoursDIS2 .bfLabelLeft label, div#tmp_shftcostDIS2 .bfLabelLeft label, div#tmp_workhoursDIS3 .bfLabelLeft label, div#tmp_workcostDIS3 .bfLabelLeft label, div#tmp_shfthoursDIS3 .bfLabelLeft label, div#tmp_shftcostDIS3 .bfLabelLeft label, div#tmp_workhoursDIS4 .bfLabelLeft label, div#tmp_workcostDIS4 .bfLabelLeft label, div#tmp_shfthoursDIS4 .bfLabelLeft label, div#tmp_shftcostDIS4 .bfLabelLeft label, div#tmp_workhoursDIS5 .bfLabelLeft label, div#tmp_workcostDIS5 .bfLabelLeft label, div#tmp_shfthoursDIS5 .bfLabelLeft label, div#tmp_shftcostDIS5 .bfLabelLeft label, div#tmp_workhoursDIS6 .bfLabelLeft label, div#tmp_workcostDIS6 .bfLabelLeft label, div#tmp_shfthoursDIS6 .bfLabelLeft label, div#tmp_shftcostDIS6 .bfLabelLeft label, div#tmp_workhoursDIS7 .bfLabelLeft label, div#tmp_workcostDIS7 .bfLabelLeft label, div#tmp_shfthoursDIS7 .bfLabelLeft label, div#tmp_shftcostDIS7 .bfLabelLeft label, div#tmp_workhoursDIS8 .bfLabelLeft label, div#tmp_workcostDIS8 .bfLabelLeft label, div#tmp_shfthoursDIS8 .bfLabelLeft label, div#tmp_shftcostDIS8 .bfLabelLeft label, div#tmp_workhoursDIS9 .bfLabelLeft label, div#tmp_workcostDIS9 .bfLabelLeft label, div#tmp_shfthoursDIS9 .bfLabelLeft label, div#tmp_shftcostDIS9 .bfLabelLeft label, div#tmp_workhoursDIS10 .bfLabelLeft label, div#tmp_workcostDIS10 .bfLabelLeft label, div#tmp_shfthoursDIS10 .bfLabelLeft label, div#tmp_shftcostDIS10 .bfLabelLeft label{ display: none; } /*Calculations Hide background/ Border Inout Fields*/ fieldset#tmp_INSLabor div#tmp_headCal span.lbl-boldunderCap, fieldset#tmp_INSLabor div#tmp_headCal2 span.lbl-boldunderCap, fieldset#tmp_INSLabor div#tmp_headCal3 span.lbl-boldunderCap , fieldset#tmp_INSLabor div#tmp_headCal4 span.lbl-boldunderCap , fieldset#tmp_INSLabor div#tmp_headCal5 span.lbl-boldunderCap , fieldset#tmp_INSLabor div#tmp_headCal6 span.lbl-boldunderCap , fieldset#tmp_INSLabor div#tmp_headCal7 span.lbl-boldunderCap , fieldset#tmp_INSLabor div#tmp_headCal8 span.lbl-boldunderCap , fieldset#tmp_INSLabor div#tmp_headCal9 span.lbl-boldunderCap , fieldset#tmp_INSLabor div#tmp_headCal10 span.lbl-boldunderCap, fieldset#tmp_DISLabor div#tmp_headCalDIS span.lbl-boldunderCap, fieldset#tmp_DISLabor div#tmp_headCalDIS2 span.lbl-boldunderCap, fieldset#tmp_DISLabor div#tmp_headCalDIS3 span.lbl-boldunderCap , fieldset#tmp_DISLabor div#tmp_headCalDIS4 span.lbl-boldunderCap , fieldset#tmp_DISLabor div#tmp_headCalDIS5 span.lbl-boldunderCap , fieldset#tmp_DISLabor div#tmp_headCalDIS6 span.lbl-boldunderCap , fieldset#tmp_DISLabor div#tmp_headCalDIS7 span.lbl-boldunderCap , fieldset#tmp_DISLabor div#tmp_headCalDIS8 span.lbl-boldunderCap , fieldset#tmp_DISLabor div#tmp_headCalDIS9 span.lbl-boldunderCap , fieldset#tmp_DISLabor div#tmp_headCalDIS10 span.lbl-boldunderCap { text-transform: unset !important; background: unset !important; color: #000 !important; } @media (min-width: 1200px) { input#ff_elem17155, input#ff_elem17156, input#ff_elem13302, input#ff_elem17209, input#ff_elem17157, input#ff_elem17158, input#ff_elem17159, input#ff_elem17200, input#ff_elem21420, input#ff_elem17218, input#ff_elem22642 { border: unset !important; background: unset; font-weight: bold; } input#ff_elem18401, input#ff_elem18422, input#ff_elem18423, input#ff_elem18424, input#ff_elem18425, input#ff_elem18426, input#ff_elem18427,input#ff_elem18428, input#ff_elem18429, input#ff_elem18430, input#ff_elem18431, input#ff_elem18432, input#ff_elem18433, input#ff_elem18434, input#ff_elem18435, input#ff_elem18436, input#ff_elem18437, input#ff_elem18438, input#ff_elem18439, input#ff_elem18440 { width: 40.3% !important; } /*NEW CSS 1 row layout Calculation Field*/ /*==TimePicker Buttons==*/ /*installation section*/ fieldset#tmp_INSLabor button.btn.btn-primary, fieldset#tmp_DISLabor button.btn.btn-primary{ width: 84%; } /*==TimePicker Inputs==*/ /*installation section*/ fieldset#tmp_INSLabor input.timeHour, fieldset#tmp_INSLabor input.timeMinutes, fieldset#tmp_INSLabor input.timeMeridian, fieldset#tmp_DISLabor input.timeHour, fieldset#tmp_DISLabor input.timeMinutes, fieldset#tmp_DISLabor input.timeMeridian{ width: 148px; } /*==Calculations Header==*/ div#tmp_headCal .bfSectionDescription, div#tmp_headCal2 .bfSectionDescription, div#tmp_headCal3 .bfSectionDescription, div#tmp_headCal4 .bfSectionDescription, div#tmp_headCal5 .bfSectionDescription, div#tmp_headCal6 .bfSectionDescription, div#tmp_headCal7 .bfSectionDescription, div#tmp_headCal8 .bfSectionDescription, div#tmp_headCal9 .bfSectionDescription, div#tmp_headCal10 .bfSectionDescription, div#tmp_headCalDIS .bfSectionDescription, div#tmp_headCalDIS2 .bfSectionDescription, div#tmp_headCalDIS3 .bfSectionDescription, div#tmp_headCalDIS4 .bfSectionDescription, div#tmp_headCalDIS5 .bfSectionDescription, div#tmp_headCalDIS6 .bfSectionDescription, div#tmp_headCalDIS7 .bfSectionDescription, div#tmp_headCalDIS8 .bfSectionDescription, div#tmp_headCalDIS9 .bfSectionDescription, div#tmp_headCalDIS10 .bfSectionDescription { width: 37.5%; } /*==Calculations ST and Overtime Fields==*/ div#tmp_headCal .bfLabelLeft, div#tmp_headCal2 .bfLabelLeft, div#tmp_headCal3 .bfLabelLeft, div#tmp_headCal4 .bfLabelLeft, div#tmp_headCal5 .bfLabelLeft, div#tmp_headCal6 .bfLabelLeft, div#tmp_headCal7 .bfLabelLeft, div#tmp_headCal8 .bfLabelLeft, div#tmp_headCal9 .bfLabelLeft, div#tmp_headCal10 .bfLabelLeft, div#tmp_headCalDIS .bfLabelLeft, div#tmp_headCalDIS2 .bfLabelLeft, div#tmp_headCalDIS3 .bfLabelLeft, div#tmp_headCalDIS4 .bfLabelLeft, div#tmp_headCalDIS5 .bfLabelLeft, div#tmp_headCalDIS6 .bfLabelLeft, div#tmp_headCalDIS7 .bfLabelLeft, div#tmp_headCalDIS8 .bfLabelLeft, div#tmp_headCalDIS9 .bfLabelLeft, div#tmp_headCalDIS10 .bfLabelLeft { width: 17%; border-bottom: unset !important; } /*==Calculations Label==*/ div#tmp_headCal .bfLabelLeft label, div#tmp_headCal2 .bfLabelLeft label, div#tmp_headCal3 .bfLabelLeft label, div#tmp_headCal4 .bfLabelLeft label, div#tmp_headCal5 .bfLabelLeft label, div#tmp_headCal6 .bfLabelLeft label, div#tmp_headCal7 .bfLabelLeft label, div#tmp_headCal8 .bfLabelLeft label, div#tmp_headCal9 .bfLabelLeft label, div#tmp_headCal10 .bfLabelLeft label, div#tmp_headCalDIS .bfLabelLeft label, div#tmp_headCalDIS2 .bfLabelLeft label, div#tmp_headCalDIS3 .bfLabelLeft label, div#tmp_headCalDIS4 .bfLabelLeft label, div#tmp_headCalDIS5 .bfLabelLeft label, div#tmp_headCalDIS6 .bfLabelLeft label, div#tmp_headCalDIS7 .bfLabelLeft label, div#tmp_headCalDIS8 .bfLabelLeft label, div#tmp_headCalDIS9 .bfLabelLeft label, div#tmp_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*==Calculations Input Fields & Total Cost Field==*/ div#tmp_headCal input.ff_elem, input#ff_elem13548, div#tmp_headCal2 input.ff_elem, input#ff_elem14866, div#tmp_headCal3 input.ff_elem, input#ff_elem15054, div#tmp_headCal4 input.ff_elem, input#ff_elem15093, div#tmp_headCal5 input.ff_elem, input#ff_elem15195, div#tmp_headCal6 input.ff_elem, input#ff_elem15214, div#tmp_headCal7 input.ff_elem, input#ff_elem15233, div#tmp_headCal8 input.ff_elem, input#ff_elem15252, div#tmp_headCal9 input.ff_elem, input#ff_elem15271, div#tmp_headCal10 input.ff_elem, input#ff_elem15290, div#tmp_headCalDIS input.ff_elem, input#ff_elem16724, div#tmp_headCalDIS2 input.ff_elem, input#ff_elem16777, div#tmp_headCalDIS3 input.ff_elem, input#ff_elem16812, div#tmp_headCalDIS4 input.ff_elem, input#ff_elem16851, div#tmp_headCalDIS5 input.ff_elem, input#ff_elem16886, div#tmp_headCalDIS6 input.ff_elem, input#ff_elem16917, div#tmp_headCalDIS7 input.ff_elem, input#ff_elem16956, div#tmp_headCalDIS8 input.ff_elem, input#ff_elem16995, div#tmp_headCalDIS9 input.ff_elem, input#ff_elem17026, div#tmp_headCalDIS10 input.ff_elem, input#ff_elem17061{ border: unset !important; background: unset; font-weight: 800; text-align: right; } /*Total SHift Cost CSS*/ label#bfLabel16724, label#bfLabel16777,label#bfLabel16812, label#bfLabel16851, label#bfLabel16886, label#bfLabel16917, label#bfLabel16956, label#bfLabel16995, label#bfLabel17026, label#bfLabel17061, label#bfLabel13548, label#bfLabel14866, label#bfLabel15054, label#bfLabel15093, label#bfLabel15195, label#bfLabel15214, label#bfLabel15233, label#bfLabel15252, label#bfLabel15271, label#bfLabel15290 { width: 35.5% !important; } input#ff_elem13548,input#ff_elem14866,input#ff_elem15054, input#ff_elem15093,input#ff_elem15195,input#ff_elem15214, input#ff_elem15233,input#ff_elem15252,input#ff_elem15271, input#ff_elem15290,input#ff_elem16724,input#ff_elem16777, input#ff_elem16812,input#ff_elem16851,input#ff_elem16886, input#ff_elem16917,input#ff_elem16956,input#ff_elem16995, input#ff_elem17026,input#ff_elem17061 { width: 53.6% !important; } } /*Date FIeld Responsive CSS*/ @media (min-width: 992px) and (max-width: 1199px){ fieldset#tmp_INSLabor .field-calendar input, fieldset#tmp_DISLabor .field-calendar input { width: 18% !important; pointer-events: none; background: #c7c7c738; } } @media (min-width: 767px) and (max-width: 991px){ fieldset#tmp_INSLabor .field-calendar input, fieldset#tmp_DISLabor .field-calendar input { width: 25% !important; pointer-events: none; background: #c7c7c738; } } /*NUmber of Hours & Number of People Responsive CSS*/ /*Dismantle*/ @media (min-width: 320px) and (max-width: 767px){ div#tmp_inputHeadDIS input, div#tmp_inputHeadDIS1 input, div#tmp_inputHeadDIS2 input, div#tmp_inputHeadDIS3 input, div#tmp_inputHeadDIS4 input, div#tmp_inputHeadDIS5 input, div#tmp_inputHeadDIS6 input, div#tmp_inputHeadDIS7 input, div#tmp_inputHeadDIS8 input, div#tmp_inputHeadDIS9 input, div#tmp_inputHeadDIS10 input { width: 86% !important; } /*Installation*/ } /*Time Picker CSS Queries*/ @media (min-width: 1200px) and (max-width: 1399px) { fieldset#tmp_INSLabor input.timeHour, fieldset#tmp_INSLabor input.timeMinutes, fieldset#tmp_INSLabor input.timeMeridian, fieldset#tmp_DISLabor input.timeHour, fieldset#tmp_DISLabor input.timeMinutes, fieldset#tmp_DISLabor input.timeMeridian { width: 125px; } fieldset#tmp_INSLabor button.btn.btn-primary, fieldset#tmp_DISLabor button.btn.btn-primary { width: 117px; } } @media (min-width: 768px) and (max-width: 1199px){ fieldset#tmp_INSLabor input.timeHour, fieldset#tmp_INSLabor input.timeMinutes, fieldset#tmp_INSLabor input.timeMeridian, fieldset#tmp_DISLabor input.timeHour, fieldset#tmp_DISLabor input.timeMinutes, fieldset#tmp_DISLabor input.timeMeridian { width: 50px; } fieldset#tmp_INSLabor button.btn.btn-primary, fieldset#tmp_DISLabor button.btn.btn-primary{ width: 41px; } } @media (min-width: 550px) and (max-width: 767px){ fieldset#tmp_INSLabor input.timeHour, fieldset#tmp_INSLabor input.timeMinutes, fieldset#tmp_INSLabor input.timeMeridian, fieldset#tmp_DISLabor input.timeHour, fieldset#tmp_DISLabor input.timeMinutes, fieldset#tmp_DISLabor input.timeMeridian { width: 117px; } fieldset#tmp_INSLabor button.btn.btn-primary, fieldset#tmp_DISLabor button.btn.btn-primary { width: 107px; } } @media (min-width: 320px) and (max-width: 549px){ fieldset#tmp_INSLabor input.timeHour, fieldset#tmp_INSLabor input.timeMinutes, fieldset#tmp_INSLabor input.timeMeridian, fieldset#tmp_DISLabor input.timeHour, fieldset#tmp_DISLabor input.timeMinutes, fieldset#tmp_DISLabor input.timeMeridian { width: 55px; } fieldset#tmp_INSLabor button.btn.btn-primary, fieldset#tmp_DISLabor button.btn.btn-primary { width: 48px; } } /*Input Background Color CSS*/ @media (min-width: 320px)and (max-width: 1199px) { div#tmp_headCal input.ff_elem, input#ff_elem13548, div#tmp_headCal2 input.ff_elem, input#ff_elem14866, div#tmp_headCal3 input.ff_elem, input#ff_elem15054, div#tmp_headCal4 input.ff_elem, input#ff_elem15093, div#tmp_headCal5 input.ff_elem, input#ff_elem15195, div#tmp_headCal6 input.ff_elem, input#ff_elem15214, div#tmp_headCal7 input.ff_elem, input#ff_elem15233, div#tmp_headCal8 input.ff_elem, input#ff_elem15252, div#tmp_headCal9 input.ff_elem, input#ff_elem15271, div#tmp_headCal10 input.ff_elem, input#ff_elem15290, div#tmp_headCalDIS input.ff_elem, input#ff_elem16724, div#tmp_headCalDIS2 input.ff_elem, input#ff_elem16777, div#tmp_headCalDIS3 input.ff_elem, input#ff_elem16812, div#tmp_headCalDIS4 input.ff_elem, input#ff_elem16851, div#tmp_headCalDIS5 input.ff_elem, input#ff_elem16886, div#tmp_headCalDIS6 input.ff_elem, input#ff_elem16917, div#tmp_headCalDIS7 input.ff_elem, input#ff_elem16956, div#tmp_headCalDIS8 input.ff_elem, input#ff_elem16995, div#tmp_headCalDIS9 input.ff_elem, input#ff_elem17026, div#tmp_headCalDIS10 input.ff_elem, input#ff_elem17061 { background: #aca9a92b; font-weight: bold; } } @media (min-width: 1200px)and (max-width: 1399px) { div#tmp_headCal .bfLabelLeft, div#tmp_headCal2 .bfLabelLeft, div#tmp_headCal3 .bfLabelLeft, div#tmp_headCal4 .bfLabelLeft, div#tmp_headCal5 .bfLabelLeft, div#tmp_headCal6 .bfLabelLeft, div#tmp_headCal7 .bfLabelLeft, div#tmp_headCal8 .bfLabelLeft, div#tmp_headCal9 .bfLabelLeft, div#tmp_headCal10 .bfLabelLeft, div#tmp_headCalDIS .bfLabelLeft, div#tmp_headCalDIS2 .bfLabelLeft, div#tmp_headCalDIS3 .bfLabelLeft, div#tmp_headCalDIS4 .bfLabelLeft, div#tmp_headCalDIS5 .bfLabelLeft, div#tmp_headCalDIS6 .bfLabelLeft, div#tmp_headCalDIS7 .bfLabelLeft, div#tmp_headCalDIS8 .bfLabelLeft, div#tmp_headCalDIS9 .bfLabelLeft, div#tmp_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } div#tmp_headCal .bfSectionDescription, div#tmp_headCal2 .bfSectionDescription, div#tmp_headCal3 .bfSectionDescription, div#tmp_headCal4 .bfSectionDescription, div#tmp_headCal5 .bfSectionDescription, div#tmp_headCal6 .bfSectionDescription, div#tmp_headCal7 .bfSectionDescription, div#tmp_headCal8 .bfSectionDescription, div#tmp_headCal9 .bfSectionDescription, div#tmp_headCal10 .bfSectionDescription, div#tmp_headCalDIS .bfSectionDescription, div#tmp_headCalDIS2 .bfSectionDescription, div#tmp_headCalDIS3 .bfSectionDescription, div#tmp_headCalDIS4 .bfSectionDescription, div#tmp_headCalDIS5 .bfSectionDescription, div#tmp_headCalDIS6 .bfSectionDescription, div#tmp_headCalDIS7 .bfSectionDescription, div#tmp_headCalDIS8 .bfSectionDescription, div#tmp_headCalDIS9 .bfSectionDescription, div#tmp_headCalDIS10 .bfSectionDescription { width: 35.5%; } /*Total Shift Cost Input Field*/ input#ff_elem13548,input#ff_elem14866,input#ff_elem15054, input#ff_elem15093,input#ff_elem15195,input#ff_elem15214, input#ff_elem15233,input#ff_elem15252,input#ff_elem15271, input#ff_elem15290,input#ff_elem16724,input#ff_elem16777, input#ff_elem16812,input#ff_elem16851,input#ff_elem16886, input#ff_elem16917,input#ff_elem16956,input#ff_elem16995, input#ff_elem17026,input#ff_elem17061 { width: 60.5% !important; } } /*Mobile 1 Table Layout CSS*/ @media only screen and (max-width: 767px) { /*SHOW Label Abbreviations on Mobile*/ /* Hide the original content for the class orig-test */ div#tmp_headCal label p.orig-head, div#tmp_headCal2 label p.orig-head, div#tmp_headCal3 label p.orig-head, div#tmp_headCal4 label p.orig-head, div#tmp_headCal5 label p.orig-head, div#tmp_headCal6 label p.orig-head, div#tmp_headCal7 label p.orig-head, div#tmp_headCal8 label p.orig-head, div#tmp_headCal9 label p.orig-head, div#tmp_headCal10 label p.orig-head, div#tmp_headCalDIS label p.orig-head, div#tmp_headCalDIS2 label p.orig-head, div#tmp_headCalDIS3 label p.orig-head, div#tmp_headCalDIS4 label p.orig-head, div#tmp_headCalDIS5 label p.orig-head, div#tmp_headCalDIS6 label p.orig-head, div#tmp_headCalDIS7 label p.orig-head, div#tmp_headCalDIS8 label p.orig-head, div#tmp_headCalDIS9 label p.orig-head, div#tmp_headCalDIS10 label p.orig-head { display: none; } /* Display the abbreviation for the class abbr */ div#tmp_headCal label p.mobile-abbr, div#tmp_headCal2 label p.mobile-abbr, div#tmp_headCal3 label p.mobile-abbr, div#tmp_headCal4 label p.mobile-abbr, div#tmp_headCal5 label p.mobile-abbr, div#tmp_headCal6 label p.mobile-abbr, div#tmp_headCal7 label p.mobile-abbr, div#tmp_headCal8 label p.mobile-abbr, div#tmp_headCal9 label p.mobile-abbr, div#tmp_headCal10 label p.mobile-abbr, div#tmp_headCalDIS label p.mobile-abbr, div#tmp_headCalDIS2 label p.mobile-abbr, div#tmp_headCalDIS3 label p.mobile-abbr, div#tmp_headCalDIS4 label p.mobile-abbr, div#tmp_headCalDIS5 label p.mobile-abbr, div#tmp_headCalDIS6 label p.mobile-abbr, div#tmp_headCalDIS7 label p.mobile-abbr, div#tmp_headCalDIS8 label p.mobile-abbr, div#tmp_headCalDIS9 label p.mobile-abbr, div#tmp_headCalDIS10 label p.mobile-abbr { display: block; margin: unset !important; } /*Calcualtions ST/OT/Total Fields*/ div#tmp_headCal .bfLabelLeft, div#tmp_headCal2 .bfLabelLeft, div#tmp_headCal3 .bfLabelLeft, div#tmp_headCal4 .bfLabelLeft, div#tmp_headCal5 .bfLabelLeft, div#tmp_headCal6 .bfLabelLeft, div#tmp_headCal7 .bfLabelLeft, div#tmp_headCal8 .bfLabelLeft, div#tmp_headCal9 .bfLabelLeft, div#tmp_headCal10 .bfLabelLeft, div#tmp_headCalDIS .bfLabelLeft, div#tmp_headCalDIS2 .bfLabelLeft, div#tmp_headCalDIS3 .bfLabelLeft, div#tmp_headCalDIS4 .bfLabelLeft, div#tmp_headCalDIS5 .bfLabelLeft, div#tmp_headCalDIS6 .bfLabelLeft, div#tmp_headCalDIS7 .bfLabelLeft, div#tmp_headCalDIS8 .bfLabelLeft, div#tmp_headCalDIS9 .bfLabelLeft, div#tmp_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } div#tmp_headCal .bfLabelLeft label, div#tmp_headCal2 .bfLabelLeft label, div#tmp_headCal3 .bfLabelLeft label, div#tmp_headCal4 .bfLabelLeft label, div#tmp_headCal5 .bfLabelLeft label, div#tmp_headCal6 .bfLabelLeft label, div#tmp_headCal7 .bfLabelLeft label, div#tmp_headCal8 .bfLabelLeft label, div#tmp_headCal9 .bfLabelLeft label, div#tmp_headCal10 .bfLabelLeft label, div#tmp_headCalDIS .bfLabelLeft label, div#tmp_headCalDIS2 .bfLabelLeft label, div#tmp_headCalDIS3 .bfLabelLeft label, div#tmp_headCalDIS4 .bfLabelLeft label, div#tmp_headCalDIS5 .bfLabelLeft label, div#tmp_headCalDIS6 .bfLabelLeft label, div#tmp_headCalDIS7 .bfLabelLeft label, div#tmp_headCalDIS8 .bfLabelLeft label, div#tmp_headCalDIS9 .bfLabelLeft label, div#tmp_headCalDIS10 .bfLabelLeft label { width: 93%; text-align: right; position: relative; left: 10%; } /*Calcualtions Row Headers*/ div#tmp_headCal .bfSectionDescription, div#tmp_headCal2 .bfSectionDescription, div#tmp_headCal3 .bfSectionDescription, div#tmp_headCal4 .bfSectionDescription, div#tmp_headCal5 .bfSectionDescription, div#tmp_headCal6 .bfSectionDescription, div#tmp_headCal7 .bfSectionDescription, div#tmp_headCal8 .bfSectionDescription, div#tmp_headCal9 .bfSectionDescription, div#tmp_headCal10 .bfSectionDescription, div#tmp_headCalDIS .bfSectionDescription, div#tmp_headCalDIS2 .bfSectionDescription, div#tmp_headCalDIS3 .bfSectionDescription, div#tmp_headCalDIS4 .bfSectionDescription, div#tmp_headCalDIS5 .bfSectionDescription, div#tmp_headCalDIS6 .bfSectionDescription, div#tmp_headCalDIS7 .bfSectionDescription, div#tmp_headCalDIS8 .bfSectionDescription, div#tmp_headCalDIS9 .bfSectionDescription, div#tmp_headCalDIS10 .bfSectionDescription { width: 32%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#tmp_headCal input.ff_elem, input#ff_elem13548, div#tmp_headCal2 input.ff_elem, input#ff_elem14866, div#tmp_headCal3 input.ff_elem, input#ff_elem15054, div#tmp_headCal4 input.ff_elem, input#ff_elem15093, div#tmp_headCal5 input.ff_elem, input#ff_elem15195, div#tmp_headCal6 input.ff_elem, input#ff_elem15214, div#tmp_headCal7 input.ff_elem, input#ff_elem15233, div#tmp_headCal8 input.ff_elem, input#ff_elem15252, div#tmp_headCal9 input.ff_elem, input#ff_elem15271, div#tmp_headCal10 input.ff_elem, input#ff_elem15290, div#tmp_headCalDIS input.ff_elem, input#ff_elem16724, div#tmp_headCalDIS2 input.ff_elem, input#ff_elem16777, div#tmp_headCalDIS3 input.ff_elem, input#ff_elem16812, div#tmp_headCalDIS4 input.ff_elem, input#ff_elem16851, div#tmp_headCalDIS5 input.ff_elem, input#ff_elem16886, div#tmp_headCalDIS6 input.ff_elem, input#ff_elem16917, div#tmp_headCalDIS7 input.ff_elem, input#ff_elem16956, div#tmp_headCalDIS8 input.ff_elem, input#ff_elem16995, div#tmp_headCalDIS9 input.ff_elem, input#ff_elem17026, div#tmp_headCalDIS10 input.ff_elem, input#ff_elem17061 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 93% !important; } /*Total Shift Cost*/ label#bfLabel16724, label#bfLabel16777, label#bfLabel16812, label#bfLabel16851, label#bfLabel16886, label#bfLabel16917, label#bfLabel16956, label#bfLabel16995, label#bfLabel17026, label#bfLabel17061, label#bfLabel13548, label#bfLabel14866, label#bfLabel15054, label#bfLabel15093, label#bfLabel15195, label#bfLabel15214, label#bfLabel15233, label#bfLabel15252, label#bfLabel15271, label#bfLabel15290 { width: 20%; min-width: 37%; } div#tmp_totalShiftCostLayer1 section input, div#tmp_totalShiftCostLayer2 section input, div#tmp_totalShiftCostLayer3 section input, div#tmp_totalShiftCostLayer4 section input, div#tmp_totalShiftCostLayer5 section input, div#tmp_totalShiftCostLayer6 section input, div#tmp_totalShiftCostLayer7 section input, div#tmp_totalShiftCostLayer8 section input, div#tmp_totalShiftCostLayer9 section input, div#tmp_totalShiftCostLayer10 section input, div#tmp_totalShiftCostLayer1DIS section input, div#tmp_totalShiftCostLayer1DIS2 section input, div#tmp_totalShiftCostLayer1DIS3 section input, div#tmp_totalShiftCostLayer1DIS4 section input, div#tmp_totalShiftCostLayer1DIS5 section input, div#tmp_totalShiftCostLayer1DIS6 section input, div#tmp_totalShiftCostLayer1DIS7 section input, div#tmp_totalShiftCostLayer1DIS8 section input, div#tmp_totalShiftCostLayer1DIS9 section input, div#tmp_totalShiftCostLayer1DIS10 section input { min-width: 16%; } div#tmp_totalShiftCostLayer1 section, div#tmp_totalShiftCostLayer2 section, div#tmp_totalShiftCostLayer3 section, div#tmp_totalShiftCostLayer4 section, div#tmp_totalShiftCostLayer5 section, div#tmp_totalShiftCostLayer6 section, div#tmp_totalShiftCostLayer7 section, div#tmp_totalShiftCostLayer8 section, div#tmp_totalShiftCostLayer9 section, div#tmp_totalShiftCostLayer10 section, div#tmp_totalShiftCostLayer1DIS section, div#tmp_totalShiftCostLayer1DIS2 section, div#tmp_totalShiftCostLayer1DIS3 section, div#tmp_totalShiftCostLayer1DIS4 section, div#tmp_totalShiftCostLayer1DIS5 section, div#tmp_totalShiftCostLayer1DIS6 section, div#tmp_totalShiftCostLayer1DIS7 section, div#tmp_totalShiftCostLayer1DIS8 section, div#tmp_totalShiftCostLayer1DIS9 section, div#tmp_totalShiftCostLayer1DIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*HIDE Label Abbreviations on TABLET/DESKTOP*/ @media (min-width: 768px) { div#tmp_headCal label p.mobile-abbr, div#tmp_headCal2 label p.mobile-abbr, div#tmp_headCal3 label p.mobile-abbr, div#tmp_headCal4 label p.mobile-abbr, div#tmp_headCal5 label p.mobile-abbr, div#tmp_headCal6 label p.mobile-abbr, div#tmp_headCal7 label p.mobile-abbr, div#tmp_headCal8 label p.mobile-abbr, div#tmp_headCal9 label p.mobile-abbr, div#tmp_headCal10 label p.mobile-abbr, div#tmp_headCalDIS label p.mobile-abbr, div#tmp_headCalDIS2 label p.mobile-abbr, div#tmp_headCalDIS3 label p.mobile-abbr, div#tmp_headCalDIS4 label p.mobile-abbr, div#tmp_headCalDIS5 label p.mobile-abbr, div#tmp_headCalDIS6 label p.mobile-abbr, div#tmp_headCalDIS7 label p.mobile-abbr, div#tmp_headCalDIS8 label p.mobile-abbr, div#tmp_headCalDIS9 label p.mobile-abbr, div#tmp_headCalDIS10 label p.mobile-abbr { display: none !important; } div#tmp_headCal label p.orig-head, div#tmp_headCal2 label p.orig-head, div#tmp_headCal3 label p.orig-head, div#tmp_headCal4 label p.orig-head, div#tmp_headCal5 label p.orig-head, div#tmp_headCal6 label p.orig-head, div#tmp_headCal7 label p.orig-head, div#tmp_headCal8 label p.orig-head, div#tmp_headCal9 label p.orig-head, div#tmp_headCal10 label p.orig-head, div#tmp_headCalDIS label p.orig-head, div#tmp_headCalDIS2 label p.orig-head, div#tmp_headCalDIS3 label p.orig-head, div#tmp_headCalDIS4 label p.orig-head, div#tmp_headCalDIS5 label p.orig-head, div#tmp_headCalDIS6 label p.orig-head, div#tmp_headCalDIS7 label p.orig-head, div#tmp_headCalDIS8 label p.orig-head, div#tmp_headCalDIS9 label p.orig-head, div#tmp_headCalDIS10 label p.orig-head { margin: unset !important; } } /*Tablet 1 Table Layout CSS*/ @media (min-width: 768px) and (max-width: 1199px) { /*Calcualtions ST/OT/Total Fields*/ div#tmp_headCal .bfLabelLeft, div#tmp_headCal2 .bfLabelLeft, div#tmp_headCal3 .bfLabelLeft, div#tmp_headCal4 .bfLabelLeft, div#tmp_headCal5 .bfLabelLeft, div#tmp_headCal6 .bfLabelLeft, div#tmp_headCal7 .bfLabelLeft, div#tmp_headCal8 .bfLabelLeft, div#tmp_headCal9 .bfLabelLeft, div#tmp_headCal10 .bfLabelLeft, div#tmp_headCalDIS .bfLabelLeft, div#tmp_headCalDIS2 .bfLabelLeft, div#tmp_headCalDIS3 .bfLabelLeft, div#tmp_headCalDIS4 .bfLabelLeft, div#tmp_headCalDIS5 .bfLabelLeft, div#tmp_headCalDIS6 .bfLabelLeft, div#tmp_headCalDIS7 .bfLabelLeft, div#tmp_headCalDIS8 .bfLabelLeft, div#tmp_headCalDIS9 .bfLabelLeft, div#tmp_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } div#tmp_headCal .bfLabelLeft label, div#tmp_headCal2 .bfLabelLeft label, div#tmp_headCal3 .bfLabelLeft label, div#tmp_headCal4 .bfLabelLeft label, div#tmp_headCal5 .bfLabelLeft label, div#tmp_headCal6 .bfLabelLeft label, div#tmp_headCal7 .bfLabelLeft label, div#tmp_headCal8 .bfLabelLeft label, div#tmp_headCal9 .bfLabelLeft label, div#tmp_headCal10 .bfLabelLeft label, div#tmp_headCalDIS .bfLabelLeft label, div#tmp_headCalDIS2 .bfLabelLeft label, div#tmp_headCalDIS3 .bfLabelLeft label, div#tmp_headCalDIS4 .bfLabelLeft label, div#tmp_headCalDIS5 .bfLabelLeft label, div#tmp_headCalDIS6 .bfLabelLeft label, div#tmp_headCalDIS7 .bfLabelLeft label, div#tmp_headCalDIS8 .bfLabelLeft label, div#tmp_headCalDIS9 .bfLabelLeft label, div#tmp_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*Calcualtions Row Headers*/ div#tmp_headCal .bfSectionDescription, div#tmp_headCal2 .bfSectionDescription, div#tmp_headCal3 .bfSectionDescription, div#tmp_headCal4 .bfSectionDescription, div#tmp_headCal5 .bfSectionDescription, div#tmp_headCal6 .bfSectionDescription, div#tmp_headCal7 .bfSectionDescription, div#tmp_headCal8 .bfSectionDescription, div#tmp_headCal9 .bfSectionDescription, div#tmp_headCal10 .bfSectionDescription, div#tmp_headCalDIS .bfSectionDescription, div#tmp_headCalDIS2 .bfSectionDescription, div#tmp_headCalDIS3 .bfSectionDescription, div#tmp_headCalDIS4 .bfSectionDescription, div#tmp_headCalDIS5 .bfSectionDescription, div#tmp_headCalDIS6 .bfSectionDescription, div#tmp_headCalDIS7 .bfSectionDescription, div#tmp_headCalDIS8 .bfSectionDescription, div#tmp_headCalDIS9 .bfSectionDescription, div#tmp_headCalDIS10 .bfSectionDescription { width: 39%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#tmp_headCal input.ff_elem, input#ff_elem13548, div#tmp_headCal2 input.ff_elem, input#ff_elem14866, div#tmp_headCal3 input.ff_elem, input#ff_elem15054, div#tmp_headCal4 input.ff_elem, input#ff_elem15093, div#tmp_headCal5 input.ff_elem, input#ff_elem15195, div#tmp_headCal6 input.ff_elem, input#ff_elem15214, div#tmp_headCal7 input.ff_elem, input#ff_elem15233, div#tmp_headCal8 input.ff_elem, input#ff_elem15252, div#tmp_headCal9 input.ff_elem, input#ff_elem15271, div#tmp_headCal10 input.ff_elem, input#ff_elem15290, div#tmp_headCalDIS input.ff_elem, input#ff_elem16724, div#tmp_headCalDIS2 input.ff_elem, input#ff_elem16777, div#tmp_headCalDIS3 input.ff_elem, input#ff_elem16812, div#tmp_headCalDIS4 input.ff_elem, input#ff_elem16851, div#tmp_headCalDIS5 input.ff_elem, input#ff_elem16886, div#tmp_headCalDIS6 input.ff_elem, input#ff_elem16917, div#tmp_headCalDIS7 input.ff_elem, input#ff_elem16956, div#tmp_headCalDIS8 input.ff_elem, input#ff_elem16995, div#tmp_headCalDIS9 input.ff_elem, input#ff_elem17026, div#tmp_headCalDIS10 input.ff_elem, input#ff_elem17061 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 96% !important; } /*Total Shift Cost*/ label#bfLabel16724, label#bfLabel16777, label#bfLabel16812, label#bfLabel16851, label#bfLabel16886, label#bfLabel16917, label#bfLabel16956, label#bfLabel16995, label#bfLabel17026, label#bfLabel17061, label#bfLabel13548, label#bfLabel14866, label#bfLabel15054, label#bfLabel15093, label#bfLabel15195, label#bfLabel15214, label#bfLabel15233, label#bfLabel15252, label#bfLabel15271, label#bfLabel15290 { width: 20%; min-width: 26%; } div#tmp_totalShiftCostLayer1 section input, div#tmp_totalShiftCostLayer2 section input, div#tmp_totalShiftCostLayer3 section input, div#tmp_totalShiftCostLayer4 section input, div#tmp_totalShiftCostLayer5 section input, div#tmp_totalShiftCostLayer6 section input, div#tmp_totalShiftCostLayer7 section input, div#tmp_totalShiftCostLayer8 section input, div#tmp_totalShiftCostLayer9 section input, div#tmp_totalShiftCostLayer10 section input, div#tmp_totalShiftCostLayer1DIS section input, div#tmp_totalShiftCostLayer1DIS2 section input, div#tmp_totalShiftCostLayer1DIS3 section input, div#tmp_totalShiftCostLayer1DIS4 section input, div#tmp_totalShiftCostLayer1DIS5 section input, div#tmp_totalShiftCostLayer1DIS6 section input, div#tmp_totalShiftCostLayer1DIS7 section input, div#tmp_totalShiftCostLayer1DIS8 section input, div#tmp_totalShiftCostLayer1DIS9 section input, div#tmp_totalShiftCostLayer1DIS10 section input { min-width: 16%; padding-right: unset !important; } div#tmp_totalShiftCostLayer1 section, div#tmp_totalShiftCostLayer2 section, div#tmp_totalShiftCostLayer3 section, div#tmp_totalShiftCostLayer4 section, div#tmp_totalShiftCostLayer5 section, div#tmp_totalShiftCostLayer6 section, div#tmp_totalShiftCostLayer7 section, div#tmp_totalShiftCostLayer8 section, div#tmp_totalShiftCostLayer9 section, div#tmp_totalShiftCostLayer10 section, div#tmp_totalShiftCostLayer1DIS section, div#tmp_totalShiftCostLayer1DIS2 section, div#tmp_totalShiftCostLayer1DIS3 section, div#tmp_totalShiftCostLayer1DIS4 section, div#tmp_totalShiftCostLayer1DIS5 section, div#tmp_totalShiftCostLayer1DIS6 section, div#tmp_totalShiftCostLayer1DIS7 section, div#tmp_totalShiftCostLayer1DIS8 section, div#tmp_totalShiftCostLayer1DIS9 section, div#tmp_totalShiftCostLayer1DIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*Additional Tablet Size*/ @media (min-width: 768px) and (max-width: 992px) { div#tmp_headCal .bfSectionDescription, div#tmp_headCal2 .bfSectionDescription, div#tmp_headCal3 .bfSectionDescription, div#tmp_headCal4 .bfSectionDescription, div#tmp_headCal5 .bfSectionDescription, div#tmp_headCal6 .bfSectionDescription, div#tmp_headCal7 .bfSectionDescription, div#tmp_headCal8 .bfSectionDescription, div#tmp_headCal9 .bfSectionDescription, div#tmp_headCal10 .bfSectionDescription, div#tmp_headCalDIS .bfSectionDescription, div#tmp_headCalDIS2 .bfSectionDescription, div#tmp_headCalDIS3 .bfSectionDescription, div#tmp_headCalDIS4 .bfSectionDescription, div#tmp_headCalDIS5 .bfSectionDescription, div#tmp_headCalDIS6 .bfSectionDescription, div#tmp_headCalDIS7 .bfSectionDescription, div#tmp_headCalDIS8 .bfSectionDescription, div#tmp_headCalDIS9 .bfSectionDescription, div#tmp_headCalDIS10 .bfSectionDescription { width: 53%; } } /*======= Rent Carpet CSS STARTS Here ==========*/ fieldset#bfQuickModeSection52013 legend { display: none !important; } /*Date Field*/ fieldset#bfQuickModeSection52013 .field-calendar input, fieldset#bfQuickModeSection47155 .field-calendar input { width: 36% !important; pointer-events: none; background: #c7c7c738; } select#ff_elem17930{ height: 50%; } div#ff_formdiv20 .bfQuickMode .btn, .remodal-wrapper .btn { background-color: #242324 !important; } /*==Calculations Section==*/ div#bciq_headCal .bfNoSection,div#bciq_headCal2 .bfNoSection,div#bciq_headCal3 .bfNoSection,div#bciq_headCal4 .bfNoSection, div#bciq_headCal5 .bfNoSection,div#bciq_headCal6 .bfNoSection,div#bciq_headCal7 .bfNoSection,div#bciq_headCal8 .bfNoSection, div#bciq_headCal9 .bfNoSection,div#bciq_headCal10 .bfNoSection,div#bciq_headCalDIS .bfNoSection,div#bciq_headCalDIS2 .bfNoSection,div#bciq_headCalDIS3 .bfNoSection,div#bciq_headCalDIS4 .bfNoSection,div#bciq_headCalDIS5 .bfNoSection,div#bciq_headCalDIS6 .bfNoSection,div#bciq_headCalDIS7 .bfNoSection,div#bciq_headCalDIS8 .bfNoSection,div#bciq_headCalDIS9 .bfNoSection,div#bciq_headCalDIS10 .bfNoSection { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00000038 !important; } /*Grand Total CSS*/ fieldset#bfQuickModeSection8094 section input, fieldset#bfQuickModeSection90997 section input, fieldset#bfQuickModeSection20751 section input{ background: unset !important; border: unset !important; font-weight: 800; } /*Calcualtions Hide Label (ST/OT/Total)*/ div#bciq_workhours .bfLabelLeft label, div#bciq_workcost .bfLabelLeft label, div#bciq_shfthours .bfLabelLeft label, div#bciq_shftcost .bfLabelLeft label, div#bciq_workhours2 .bfLabelLeft label, div#bciq_workcost2 .bfLabelLeft label, div#bciq_shfthours2 .bfLabelLeft label, div#bciq_shftcost2 .bfLabelLeft label, div#bciq_workhours3 .bfLabelLeft label, div#bciq_workcost3 .bfLabelLeft label, div#bciq_shfthours3 .bfLabelLeft label, div#bciq_shftcost3 .bfLabelLeft label, div#bciq_workhours4 .bfLabelLeft label, div#bciq_workcost4 .bfLabelLeft label, div#bciq_shfthours4 .bfLabelLeft label, div#bciq_shftcost4 .bfLabelLeft label, div#bciq_workhours5 .bfLabelLeft label, div#bciq_workcost5 .bfLabelLeft label, div#bciq_shfthours5 .bfLabelLeft label, div#bciq_shftcost5 .bfLabelLeft label, div#bciq_workhours6 .bfLabelLeft label, div#bciq_workcost6 .bfLabelLeft label, div#bciq_shfthours6 .bfLabelLeft label, div#bciq_shftcost6 .bfLabelLeft label, div#bciq_workhours7 .bfLabelLeft label, div#bciq_workcost7 .bfLabelLeft label, div#bciq_shfthours7 .bfLabelLeft label, div#bciq_shftcost7 .bfLabelLeft label, div#bciq_workhours8 .bfLabelLeft label, div#bciq_workcost8 .bfLabelLeft label, div#bciq_shfthours8 .bfLabelLeft label, div#bciq_shftcost8 .bfLabelLeft label, div#bciq_workhours9 .bfLabelLeft label, div#bciq_workcost9 .bfLabelLeft label, div#bciq_shfthours9 .bfLabelLeft label, div#bciq_shftcost9 .bfLabelLeft label, div#bciq_workhours10 .bfLabelLeft label, div#bciq_workcost10 .bfLabelLeft label, div#bciq_shfthours10 .bfLabelLeft label, div#bciq_shftcost10 .bfLabelLeft label, div#bciq_workhoursDIS .bfLabelLeft label, div#bciq_workcostDIS .bfLabelLeft label, div#bciq_shfthoursDIS .bfLabelLeft label, div#bciq_shftcostDIS .bfLabelLeft label, div#bciq_workhoursDIS2 .bfLabelLeft label, div#bciq_workcostDIS2 .bfLabelLeft label, div#bciq_shfthoursDIS2 .bfLabelLeft label, div#bciq_shftcostDIS2 .bfLabelLeft label, div#bciq_workhoursDIS3 .bfLabelLeft label, div#bciq_workcostDIS3 .bfLabelLeft label, div#bciq_shfthoursDIS3 .bfLabelLeft label, div#bciq_shftcostDIS3 .bfLabelLeft label, div#bciq_workhoursDIS4 .bfLabelLeft label, div#bciq_workcostDIS4 .bfLabelLeft label, div#bciq_shfthoursDIS4 .bfLabelLeft label, div#bciq_shftcostDIS4 .bfLabelLeft label, div#bciq_workhoursDIS5 .bfLabelLeft label, div#bciq_workcostDIS5 .bfLabelLeft label, div#bciq_shfthoursDIS5 .bfLabelLeft label, div#bciq_shftcostDIS5 .bfLabelLeft label, div#bciq_workhoursDIS6 .bfLabelLeft label, div#bciq_workcostDIS6 .bfLabelLeft label, div#bciq_shfthoursDIS6 .bfLabelLeft label, div#bciq_shftcostDIS6 .bfLabelLeft label, div#bciq_workhoursDIS7 .bfLabelLeft label, div#bciq_workcostDIS7 .bfLabelLeft label, div#bciq_shfthoursDIS7 .bfLabelLeft label, div#bciq_shftcostDIS7 .bfLabelLeft label, div#bciq_workhoursDIS8 .bfLabelLeft label, div#bciq_workcostDIS8 .bfLabelLeft label, div#bciq_shfthoursDIS8 .bfLabelLeft label, div#bciq_shftcostDIS8 .bfLabelLeft label, div#bciq_workhoursDIS9 .bfLabelLeft label, div#bciq_workcostDIS9 .bfLabelLeft label, div#bciq_shfthoursDIS9 .bfLabelLeft label, div#bciq_shftcostDIS9 .bfLabelLeft label, div#bciq_workhoursDIS10 .bfLabelLeft label, div#bciq_workcostDIS10 .bfLabelLeft label, div#bciq_shfthoursDIS10 .bfLabelLeft label, div#bciq_shftcostDIS10 .bfLabelLeft label{ display: none; } /*Calculations Table Row Header*/ fieldset#bfQuickModeSection52013 div#bciq_headCal span.lbl-boldunderCap, fieldset#bfQuickModeSection52013 div#bciq_headCal2 span.lbl-boldunderCap, fieldset#bfQuickModeSection52013 div#bciq_headCal3 span.lbl-boldunderCap , fieldset#bfQuickModeSection52013 div#bciq_headCal4 span.lbl-boldunderCap , fieldset#bfQuickModeSection52013 div#bciq_headCal5 span.lbl-boldunderCap , fieldset#bfQuickModeSection52013 div#bciq_headCal6 span.lbl-boldunderCap , fieldset#bfQuickModeSection52013 div#bciq_headCal7 span.lbl-boldunderCap , fieldset#bfQuickModeSection52013 div#bciq_headCal8 span.lbl-boldunderCap , fieldset#bfQuickModeSection52013 div#bciq_headCal9 span.lbl-boldunderCap , fieldset#bfQuickModeSection52013 div#bciq_headCal10 span.lbl-boldunderCap, fieldset#bfQuickModeSection47155 div#bciq_headCalDIS span.lbl-boldunderCap, fieldset#bfQuickModeSection47155 div#bciq_headCalDIS2 span.lbl-boldunderCap, fieldset#bfQuickModeSection47155 div#bciq_headCalDIS3 span.lbl-boldunderCap , fieldset#bfQuickModeSection47155 div#bciq_headCalDIS4 span.lbl-boldunderCap , fieldset#bfQuickModeSection47155 div#bciq_headCalDIS5 span.lbl-boldunderCap , fieldset#bfQuickModeSection47155 div#bciq_headCalDIS6 span.lbl-boldunderCap , fieldset#bfQuickModeSection47155 div#bciq_headCalDIS7 span.lbl-boldunderCap , fieldset#bfQuickModeSection47155 div#bciq_headCalDIS8 span.lbl-boldunderCap , fieldset#bfQuickModeSection47155 div#bciq_headCalDIS9 span.lbl-boldunderCap , fieldset#bfQuickModeSection47155 div#bciq_headCalDIS10 span.lbl-boldunderCap { text-transform: unset !important; background: unset !important; color: #000 !important; } /*=========Desktop Query=======*/ @media (min-width: 1200px) { /*Number of Hours & People Fields input#ff_elem7621, input#ff_elem7620,input#ff_elem17960, input#ff_elem7666,input#ff_elem7665, input#ff_elem18010, input#ff_elem7705, input#ff_elem7704, input#ff_elem18043, input#ff_elem7714, input#ff_elem7713, input#ff_elem18064, input#ff_elem7723, input#ff_elem7722, input#ff_elem18089, input#ff_elem7732, input#ff_elem7731, input#ff_elem18110, input#ff_elem7741, input#ff_elem7740, input#ff_elem18135, input#ff_elem7754, input#ff_elem7753, input#ff_elem18152, input#ff_elem7763, input#ff_elem7762, input#ff_elem18169, input#ff_elem7772, input#ff_elem7771, input#ff_elem18191{ width: 653px !important; } */ /* DISMANTLE Number of Hours & People Fields div#bciq_inputHeadDIS input, div#bciq_inputHeadDIS1 input, div#bciq_inputHeadDIS2 input, div#bciq_inputHeadDIS3 input, div#bciq_inputHeadDIS4 input, div#bciq_inputHeadDIS5 input, div#bciq_inputHeadDIS6 input, div#bciq_inputHeadDIS7 input, div#bciq_inputHeadDIS8 input, div#bciq_inputHeadDIS9 input, div#bciq_inputHeadDIS10 input { width: 52% !important; } */ /*NEW CSS 1 row layout Calculation Field*/ /*==TimePicker Buttons==*/ /*installation section*/ fieldset#bfQuickModeSection52013 button.btn.btn-primary, fieldset#bfQuickModeSection47155 button.btn.btn-primary{ width: 84%; } /*==TimePicker Inputs==*/ /*installation section*/ fieldset#bfQuickModeSection52013 input.timeHour, fieldset#bfQuickModeSection52013 input.timeMinutes, fieldset#bfQuickModeSection52013 input.timeMeridian, fieldset#bfQuickModeSection47155 input.timeHour, fieldset#bfQuickModeSection47155 input.timeMinutes, fieldset#bfQuickModeSection47155 input.timeMeridian{ width: 148px; } /*==Calculations Header==*/ div#bciq_headCal .bfSectionDescription, div#bciq_headCal2 .bfSectionDescription, div#bciq_headCal3 .bfSectionDescription, div#bciq_headCal4 .bfSectionDescription, div#bciq_headCal5 .bfSectionDescription, div#bciq_headCal6 .bfSectionDescription, div#bciq_headCal7 .bfSectionDescription, div#bciq_headCal8 .bfSectionDescription, div#bciq_headCal9 .bfSectionDescription, div#bciq_headCal10 .bfSectionDescription, div#bciq_headCalDIS .bfSectionDescription, div#bciq_headCalDIS2 .bfSectionDescription, div#bciq_headCalDIS3 .bfSectionDescription, div#bciq_headCalDIS4 .bfSectionDescription, div#bciq_headCalDIS5 .bfSectionDescription, div#bciq_headCalDIS6 .bfSectionDescription, div#bciq_headCalDIS7 .bfSectionDescription, div#bciq_headCalDIS8 .bfSectionDescription, div#bciq_headCalDIS9 .bfSectionDescription, div#bciq_headCalDIS10 .bfSectionDescription { width: 37.5%; } /*==Calculations ST and Overtime Fields==*/ div#bciq_headCal .bfLabelLeft, div#bciq_headCal2 .bfLabelLeft, div#bciq_headCal3 .bfLabelLeft, div#bciq_headCal4 .bfLabelLeft, div#bciq_headCal5 .bfLabelLeft, div#bciq_headCal6 .bfLabelLeft, div#bciq_headCal7 .bfLabelLeft, div#bciq_headCal8 .bfLabelLeft, div#bciq_headCal9 .bfLabelLeft, div#bciq_headCal10 .bfLabelLeft, div#bciq_headCalDIS .bfLabelLeft, div#bciq_headCalDIS2 .bfLabelLeft, div#bciq_headCalDIS3 .bfLabelLeft, div#bciq_headCalDIS4 .bfLabelLeft, div#bciq_headCalDIS5 .bfLabelLeft, div#bciq_headCalDIS6 .bfLabelLeft, div#bciq_headCalDIS7 .bfLabelLeft, div#bciq_headCalDIS8 .bfLabelLeft, div#bciq_headCalDIS9 .bfLabelLeft, div#bciq_headCalDIS10 .bfLabelLeft { width: 17%; border-bottom: unset !important; } /*==Calculations Label==*/ div#bciq_headCal .bfLabelLeft label, div#bciq_headCal2 .bfLabelLeft label, div#bciq_headCal3 .bfLabelLeft label, div#bciq_headCal4 .bfLabelLeft label, div#bciq_headCal5 .bfLabelLeft label, div#bciq_headCal6 .bfLabelLeft label, div#bciq_headCal7 .bfLabelLeft label, div#bciq_headCal8 .bfLabelLeft label, div#bciq_headCal9 .bfLabelLeft label, div#bciq_headCal10 .bfLabelLeft label, div#bciq_headCalDIS .bfLabelLeft label, div#bciq_headCalDIS2 .bfLabelLeft label, div#bciq_headCalDIS3 .bfLabelLeft label, div#bciq_headCalDIS4 .bfLabelLeft label, div#bciq_headCalDIS5 .bfLabelLeft label, div#bciq_headCalDIS6 .bfLabelLeft label, div#bciq_headCalDIS7 .bfLabelLeft label, div#bciq_headCalDIS8 .bfLabelLeft label, div#bciq_headCalDIS9 .bfLabelLeft label, div#bciq_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*==Calculations Input Fields & Total Cost Field==*/ div#bciq_headCal input.ff_elem, input#ff_elem17943, div#bciq_headCal2 input.ff_elem, input#ff_elem18026, div#bciq_headCal3 input.ff_elem, input#ff_elem18059, div#bciq_headCal4 input.ff_elem, input#ff_elem18080, div#bciq_headCal5 input.ff_elem, input#ff_elem18105, div#bciq_headCal6 input.ff_elem, input#ff_elem18126, div#bciq_headCal7 input.ff_elem, input#ff_elem18151, div#bciq_headCal8 input.ff_elem, input#ff_elem18168, div#bciq_headCal9 input.ff_elem, input#ff_elem18185, div#bciq_headCal10 input.ff_elem, input#ff_elem18207, div#bciq_headCalDIS input.ff_elem, input#ff_elem18501, div#bciq_headCalDIS2 input.ff_elem, input#ff_elem18522, div#bciq_headCalDIS3 input.ff_elem, input#ff_elem18543, div#bciq_headCalDIS4 input.ff_elem, input#ff_elem18572, div#bciq_headCalDIS5 input.ff_elem, input#ff_elem18595, div#bciq_headCalDIS6 input.ff_elem, input#ff_elem18618, div#bciq_headCalDIS7 input.ff_elem, input#ff_elem18649, div#bciq_headCalDIS8 input.ff_elem, input#ff_elem18676, div#bciq_headCalDIS9 input.ff_elem, input#ff_elem18703, div#bciq_headCalDIS10 input.ff_elem, input#ff_elem18730 { border: unset !important; background: unset; font-weight: 800; text-align: right; } /*==Calculations ST and Overtime Fields==*/ div#bciq_headCal .bfLabelLeft, div#bciq_headCal2 .bfLabelLeft, div#bciq_headCal3 .bfLabelLeft, div#bciq_headCal4 .bfLabelLeft, div#bciq_headCal5 .bfLabelLeft, div#bciq_headCal6 .bfLabelLeft, div#bciq_headCal7 .bfLabelLeft, div#bciq_headCal8 .bfLabelLeft, div#bciq_headCal9 .bfLabelLeft, div#bciq_headCal10 .bfLabelLeft, div#bciq_headCalDIS .bfLabelLeft, div#bciq_headCalDIS2 .bfLabelLeft, div#bciq_headCalDIS3 .bfLabelLeft, div#bciq_headCalDIS4 .bfLabelLeft, div#bciq_headCalDIS5 .bfLabelLeft, div#bciq_headCalDIS6 .bfLabelLeft, div#bciq_headCalDIS7 .bfLabelLeft, div#bciq_headCalDIS8 .bfLabelLeft, div#bciq_headCalDIS9 .bfLabelLeft, div#bciq_headCalDIS10 .bfLabelLeft { width: 17%; border-bottom: unset !important; } /*Total Cost Input Fields CSS*/ input#ff_elem17943,input#ff_elem18026,input#ff_elem18059,input#ff_elem18080,input#ff_elem18105,input#ff_elem18126,input#ff_elem18151, input#ff_elem18168,input#ff_elem18185,input#ff_elem18207,input#ff_elem18501,input#ff_elem18522,input#ff_elem18543,input#ff_elem18572, input#ff_elem18595,input#ff_elem18618,input#ff_elem18649,input#ff_elem18676,input#ff_elem18703,input#ff_elem18730 { width: 53.5% !important; } label#bfLabel17943, label#bfLabel18026, label#bfLabel18059, label#bfLabel18080, label#bfLabel18105, label#bfLabel18126, label#bfLabel18151, label#bfLabel18168, label#bfLabel18185, label#bfLabel18207, label#bfLabel18501, label#bfLabel18522, label#bfLabel18543, label#bfLabel18572, label#bfLabel18595, label#bfLabel18618, label#bfLabel18649, label#bfLabel18676, label#bfLabel18703, label#bfLabel18730 { width: 35.5% !important; } } /*Date FIeld Responsive CSS*/ @media (min-width: 992px) and (max-width: 1199px){ fieldset#bfQuickModeSection52013 .field-calendar input, fieldset#bfQuickModeSection47155 .field-calendar input { width: 18% !important; pointer-events: none; background: #c7c7c738; } } @media (min-width: 767px) and (max-width: 991px){ fieldset#bfQuickModeSection52013 .field-calendar input, fieldset#bfQuickModeSection47155 .field-calendar input { width: 25% !important; pointer-events: none; background: #c7c7c738; } } /*NUmber of Hours & Number of People Responsive CSS @media (min-width: 320px) and (max-width: 767px){ div#bciq_inputHeadDIS input, div#bciq_inputHeadDIS1 input, div#bciq_inputHeadDIS2 input, div#bciq_inputHeadDIS3 input, div#bciq_inputHeadDIS4 input, div#bciq_inputHeadDIS5 input, div#bciq_inputHeadDIS6 input, div#bciq_inputHeadDIS7 input, div#bciq_inputHeadDIS8 input, div#bciq_inputHeadDIS9 input, div#bciq_inputHeadDIS10 input { width: 86% !important; } input#ff_elem7621, input#ff_elem7620,input#ff_elem17960, input#ff_elem7666,input#ff_elem7665, input#ff_elem18010, input#ff_elem7705, input#ff_elem7704, input#ff_elem18043, input#ff_elem7714, input#ff_elem7713, input#ff_elem18064, input#ff_elem7723, input#ff_elem7722, input#ff_elem18089, input#ff_elem7732, input#ff_elem7731, input#ff_elem18110, input#ff_elem7741, input#ff_elem7740, input#ff_elem18135, input#ff_elem7754, input#ff_elem7753, input#ff_elem18152, input#ff_elem7763, input#ff_elem7762, input#ff_elem18169, input#ff_elem7772, input#ff_elem7771, input#ff_elem18191 { width: 86% !important; } } */ /*Time Picker CSS Queries*/ @media (min-width: 1200px) and (max-width: 1399px) { fieldset#bfQuickModeSection52013 input.timeHour, fieldset#bfQuickModeSection52013 input.timeMinutes, fieldset#bfQuickModeSection52013 input.timeMeridian, fieldset#bfQuickModeSection47155 input.timeHour, fieldset#bfQuickModeSection47155 input.timeMinutes, fieldset#bfQuickModeSection47155 input.timeMeridian { width: 125px; } fieldset#bfQuickModeSection52013 button.btn.btn-primary, fieldset#bfQuickModeSection47155 button.btn.btn-primary { width: 117px; } /*==Calculations Header==*/ div#bciq_headCal .bfSectionDescription, div#bciq_headCal2 .bfSectionDescription, div#bciq_headCal3 .bfSectionDescription, div#bciq_headCal4 .bfSectionDescription, div#bciq_headCal5 .bfSectionDescription, div#bciq_headCal6 .bfSectionDescription, div#bciq_headCal7 .bfSectionDescription, div#bciq_headCal8 .bfSectionDescription, div#bciq_headCal9 .bfSectionDescription, div#bciq_headCal10 .bfSectionDescription, div#bciq_headCalDIS .bfSectionDescription, div#bciq_headCalDIS2 .bfSectionDescription, div#bciq_headCalDIS3 .bfSectionDescription, div#bciq_headCalDIS4 .bfSectionDescription, div#bciq_headCalDIS5 .bfSectionDescription, div#bciq_headCalDIS6 .bfSectionDescription, div#bciq_headCalDIS7 .bfSectionDescription, div#bciq_headCalDIS8 .bfSectionDescription, div#bciq_headCalDIS9 .bfSectionDescription, div#bciq_headCalDIS10 .bfSectionDescription { width: 35.5%; } /*==Calculations ST and Overtime Fields==*/ div#bciq_headCal .bfLabelLeft, div#bciq_headCal2 .bfLabelLeft, div#bciq_headCal3 .bfLabelLeft, div#bciq_headCal4 .bfLabelLeft, div#bciq_headCal5 .bfLabelLeft, div#bciq_headCal6 .bfLabelLeft, div#bciq_headCal7 .bfLabelLeft, div#bciq_headCal8 .bfLabelLeft, div#bciq_headCal9 .bfLabelLeft, div#bciq_headCal10 .bfLabelLeft, div#bciq_headCalDIS .bfLabelLeft, div#bciq_headCalDIS2 .bfLabelLeft, div#bciq_headCalDIS3 .bfLabelLeft, div#bciq_headCalDIS4 .bfLabelLeft, div#bciq_headCalDIS5 .bfLabelLeft, div#bciq_headCalDIS6 .bfLabelLeft, div#bciq_headCalDIS7 .bfLabelLeft, div#bciq_headCalDIS8 .bfLabelLeft, div#bciq_headCalDIS9 .bfLabelLeft, div#bciq_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*Total Cost Input Fields CSS*/ input#ff_elem17943,input#ff_elem18026,input#ff_elem18059,input#ff_elem18080,input#ff_elem18105,input#ff_elem18126,input#ff_elem18151, input#ff_elem18168,input#ff_elem18185,input#ff_elem18207,input#ff_elem18501,input#ff_elem18522,input#ff_elem18543,input#ff_elem18572, input#ff_elem18595,input#ff_elem18618,input#ff_elem18649,input#ff_elem18676,input#ff_elem18703,input#ff_elem18730 { width: 60.5% !important; } } @media (min-width: 768px) and (max-width: 1199px){ fieldset#bfQuickModeSection52013 input.timeHour, fieldset#bfQuickModeSection52013 input.timeMinutes, fieldset#bfQuickModeSection52013 input.timeMeridian, fieldset#bfQuickModeSection47155 input.timeHour, fieldset#bfQuickModeSection47155 input.timeMinutes, fieldset#bfQuickModeSection47155 input.timeMeridian { width: 50px; } fieldset#bfQuickModeSection52013 button.btn.btn-primary, fieldset#bfQuickModeSection47155 button.btn.btn-primary{ width: 41px; } } @media (min-width: 550px) and (max-width: 767px){ fieldset#bfQuickModeSection52013 input.timeHour, fieldset#bfQuickModeSection52013 input.timeMinutes, fieldset#bfQuickModeSection52013 input.timeMeridian, fieldset#bfQuickModeSection47155 input.timeHour, fieldset#bfQuickModeSection47155 input.timeMinutes, fieldset#bfQuickModeSection47155 input.timeMeridian { width: 117px; } fieldset#bfQuickModeSection52013 button.btn.btn-primary, fieldset#bfQuickModeSection47155 button.btn.btn-primary { width: 107px; } } @media (min-width: 320px) and (max-width: 549px){ fieldset#bfQuickModeSection52013 input.timeHour, fieldset#bfQuickModeSection52013 input.timeMinutes, fieldset#bfQuickModeSection52013 input.timeMeridian, fieldset#bfQuickModeSection47155 input.timeHour, fieldset#bfQuickModeSection47155 input.timeMinutes, fieldset#bfQuickModeSection47155 input.timeMeridian { width: 55px; } fieldset#bfQuickModeSection52013 button.btn.btn-primary, fieldset#bfQuickModeSection47155 button.btn.btn-primary { width: 48px; } } /*Input Background Color CSS*/ @media (min-width: 320px)and (max-width: 1199px) { div#bciq_headCal input.ff_elem, input#ff_elem17943, div#bciq_headCal2 input.ff_elem, input#ff_elem18026, div#bciq_headCal3 input.ff_elem, input#ff_elem18059, div#bciq_headCal4 input.ff_elem, input#ff_elem18080, div#bciq_headCal5 input.ff_elem, input#ff_elem18105, div#bciq_headCal6 input.ff_elem, input#ff_elem18126, div#bciq_headCal7 input.ff_elem, input#ff_elem18151, div#bciq_headCal8 input.ff_elem, input#ff_elem18168, div#bciq_headCal9 input.ff_elem, input#ff_elem18185, div#bciq_headCal10 input.ff_elem, input#ff_elem18207, div#bciq_headCalDIS input.ff_elem, input#ff_elem18501, div#bciq_headCalDIS2 input.ff_elem, input#ff_elem18522, div#bciq_headCalDIS3 input.ff_elem, input#ff_elem18543, div#bciq_headCalDIS4 input.ff_elem, input#ff_elem18572, div#bciq_headCalDIS5 input.ff_elem, input#ff_elem18595, div#bciq_headCalDIS6 input.ff_elem, input#ff_elem18618, div#bciq_headCalDIS7 input.ff_elem, input#ff_elem18649, div#bciq_headCalDIS8 input.ff_elem, input#ff_elem18676, div#bciq_headCalDIS9 input.ff_elem, input#ff_elem18703, div#bciq_headCalDIS10 input.ff_elem, input#ff_elem18730 { background: #aca9a92b; font-weight: bold; } } /*Mobile 1 Table Layout CSS*/ @media only screen and (max-width: 767px) { /*SHOW Label Abbreviations on Mobile*/ /* Hide the original content for the class orig-test */ div#bciq_headCal label p.orig-head, div#bciq_headCal2 label p.orig-head,div#bciq_headCal3 label p.orig-head, div#bciq_headCal4 label p.orig-head, div#bciq_headCal5 label p.orig-head,div#bciq_headCal6 label p.orig-head, div#bciq_headCal7 label p.orig-head, div#bciq_headCal8 label p.orig-head,div#bciq_headCal9 label p.orig-head, div#bciq_headCal10 label p.orig-head,div#bciq_headCalDIS label p.orig-head, div#bciq_headCalDIS2 label p.orig-head, div#bciq_headCalDIS3 label p.orig-head, div#bciq_headCalDIS4 label p.orig-head, div#bciq_headCalDIS5 label p.orig-head, div#bciq_headCalDIS6 label p.orig-head, div#bciq_headCalDIS7 label p.orig-head, div#bciq_headCalDIS8 label p.orig-head, div#bciq_headCalDIS9 label p.orig-head, div#bciq_headCalDIS10 label p.orig-head { display: none; } /* Display the abbreviation for the class abbr */ div#bciq_headCal label p.mobile-abbr, div#bciq_headCal2 label p.mobile-abbr, div#bciq_headCal3 label p.mobile-abbr, div#bciq_headCal4 label p.mobile-abbr, div#bciq_headCal5 label p.mobile-abbr, div#bciq_headCal6 label p.mobile-abbr, div#bciq_headCal7 label p.mobile-abbr, div#bciq_headCal8 label p.mobile-abbr, div#bciq_headCal9 label p.mobile-abbr, div#bciq_headCal10 label p.mobile-abbr, div#bciq_headCalDIS label p.mobile-abbr, div#bciq_headCalDIS2 label p.mobile-abbr, div#bciq_headCalDIS3 label p.mobile-abbr, div#bciq_headCalDIS4 label p.mobile-abbr, div#bciq_headCalDIS5 label p.mobile-abbr, div#bciq_headCalDIS6 label p.mobile-abbr, div#bciq_headCalDIS7 label p.mobile-abbr, div#bciq_headCalDIS8 label p.mobile-abbr, div#bciq_headCalDIS9 label p.mobile-abbr, div#bciq_headCalDIS10 label p.mobile-abbr { display: block; margin: unset !important; } /*Calcualtions ST/OT/Total Fields*/ div#bciq_headCal .bfLabelLeft, div#bciq_headCal2 .bfLabelLeft, div#bciq_headCal3 .bfLabelLeft, div#bciq_headCal4 .bfLabelLeft, div#bciq_headCal5 .bfLabelLeft, div#bciq_headCal6 .bfLabelLeft, div#bciq_headCal7 .bfLabelLeft, div#bciq_headCal8 .bfLabelLeft, div#bciq_headCal9 .bfLabelLeft, div#bciq_headCal10 .bfLabelLeft, div#bciq_headCalDIS .bfLabelLeft, div#bciq_headCalDIS2 .bfLabelLeft, div#bciq_headCalDIS3 .bfLabelLeft, div#bciq_headCalDIS4 .bfLabelLeft, div#bciq_headCalDIS5 .bfLabelLeft, div#bciq_headCalDIS6 .bfLabelLeft, div#bciq_headCalDIS7 .bfLabelLeft, div#bciq_headCalDIS8 .bfLabelLeft, div#bciq_headCalDIS9 .bfLabelLeft, div#bciq_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*==Calculations Label==*/ div#bciq_headCal .bfLabelLeft label, div#bciq_headCal2 .bfLabelLeft label, div#bciq_headCal3 .bfLabelLeft label, div#bciq_headCal4 .bfLabelLeft label, div#bciq_headCal5 .bfLabelLeft label, div#bciq_headCal6 .bfLabelLeft label, div#bciq_headCal7 .bfLabelLeft label, div#bciq_headCal8 .bfLabelLeft label, div#bciq_headCal9 .bfLabelLeft label, div#bciq_headCal10 .bfLabelLeft label, div#bciq_headCalDIS .bfLabelLeft label, div#bciq_headCalDIS2 .bfLabelLeft label, div#bciq_headCalDIS3 .bfLabelLeft label, div#bciq_headCalDIS4 .bfLabelLeft label, div#bciq_headCalDIS5 .bfLabelLeft label, div#bciq_headCalDIS6 .bfLabelLeft label, div#bciq_headCalDIS7 .bfLabelLeft label, div#bciq_headCalDIS8 .bfLabelLeft label, div#bciq_headCalDIS9 .bfLabelLeft label, div#bciq_headCalDIS10 .bfLabelLeft label { width: 93%; text-align: right; position: relative; left: 10%; } /*Calcualtions Row Headers*/ div#bciq_headCal .bfSectionDescription, div#bciq_headCal2 .bfSectionDescription, div#bciq_headCal3 .bfSectionDescription, div#bciq_headCal4 .bfSectionDescription, div#bciq_headCal5 .bfSectionDescription, div#bciq_headCal6 .bfSectionDescription, div#bciq_headCal7 .bfSectionDescription, div#bciq_headCal8 .bfSectionDescription, div#bciq_headCal9 .bfSectionDescription, div#bciq_headCal10 .bfSectionDescription, div#bciq_headCalDIS .bfSectionDescription, div#bciq_headCalDIS2 .bfSectionDescription, div#bciq_headCalDIS3 .bfSectionDescription, div#bciq_headCalDIS4 .bfSectionDescription, div#bciq_headCalDIS5 .bfSectionDescription, div#bciq_headCalDIS6 .bfSectionDescription, div#bciq_headCalDIS7 .bfSectionDescription, div#bciq_headCalDIS8 .bfSectionDescription, div#bciq_headCalDIS9 .bfSectionDescription, div#bciq_headCalDIS10 .bfSectionDescription { width: 32%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#bciq_headCal input.ff_elem, input#ff_elem17943, div#bciq_headCal2 input.ff_elem, input#ff_elem18026, div#bciq_headCal3 input.ff_elem, input#ff_elem18059, div#bciq_headCal4 input.ff_elem, input#ff_elem18080, div#bciq_headCal5 input.ff_elem, input#ff_elem18105, div#bciq_headCal6 input.ff_elem, input#ff_elem18126, div#bciq_headCal7 input.ff_elem, input#ff_elem18151, div#bciq_headCal8 input.ff_elem, input#ff_elem18168, div#bciq_headCal9 input.ff_elem, input#ff_elem18185, div#bciq_headCal10 input.ff_elem, input#ff_elem18207, div#bciq_headCalDIS input.ff_elem, input#ff_elem18501, div#bciq_headCalDIS2 input.ff_elem, input#ff_elem18522, div#bciq_headCalDIS3 input.ff_elem, input#ff_elem18543, div#bciq_headCalDIS4 input.ff_elem, input#ff_elem18572, div#bciq_headCalDIS5 input.ff_elem, input#ff_elem18595, div#bciq_headCalDIS6 input.ff_elem, input#ff_elem18618, div#bciq_headCalDIS7 input.ff_elem, input#ff_elem18649, div#bciq_headCalDIS8 input.ff_elem, input#ff_elem18676, div#bciq_headCalDIS9 input.ff_elem, input#ff_elem18703, div#bciq_headCalDIS10 input.ff_elem, input#ff_elem18730 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 93% !important; } /*Total Shift Cost*/ label#bfLabel17943, label#bfLabel18026, label#bfLabel18059, label#bfLabel18080, label#bfLabel18105, label#bfLabel18126, label#bfLabel18151, label#bfLabel18168, label#bfLabel18185, label#bfLabel18207, label#bfLabel18501, label#bfLabel18522, label#bfLabel18543, label#bfLabel18572, label#bfLabel18595, label#bfLabel18618, label#bfLabel18649, label#bfLabel18676, label#bfLabel18703, label#bfLabel18730{ width: 20%; min-width: 37%; } div#bciq_totalShiftCostLayer1 section input, div#bciq_totalShiftCostLayer2 section input, div#bciq_totalShiftCostLayer3 section input, div#bciq_totalShiftCostLayer4 section input, div#bciq_totalShiftCostLayer5 section input, div#bciq_totalShiftCostLayer6 section input, div#bciq_totalShiftCostLayer7 section input, div#bciq_totalShiftCostLayer8 section input, div#bciq_totalShiftCostLayer9 section input, div#bciq_totalShiftCostLayer10 section input, div#bciq_totalShiftCostLayer1DIS section input, div#bciq_totalShiftCostLayer1DIS2 section input, div#bciq_totalShiftCostLayer1DIS3 section input, div#bciq_totalShiftCostLayer1DIS4 section input, div#bciq_totalShiftCostLayer1DIS5 section input, div#bciq_totalShiftCostLayer1DIS6 section input, div#bciq_totalShiftCostLayer1DIS7 section input, div#bciq_totalShiftCostLayer1DIS8 section input, div#bciq_totalShiftCostLayer1DIS9 section input, div#bciq_totalShiftCostLayer1DIS10 section input { min-width: 16%; } div#bciq_totalShiftCostLayer1 section, div#bciq_totalShiftCostLayer2 section, div#bciq_totalShiftCostLayer3 section, div#bciq_totalShiftCostLayer4 section, div#bciq_totalShiftCostLayer5 section, div#bciq_totalShiftCostLayer6 section, div#bciq_totalShiftCostLayer7 section, div#bciq_totalShiftCostLayer8 section, div#bciq_totalShiftCostLayer9 section, div#bciq_totalShiftCostLayer10 section, div#bciq_totalShiftCostLayer1DIS section, div#bciq_totalShiftCostLayer1DIS2 section, div#bciq_totalShiftCostLayer1DIS3 section, div#bciq_totalShiftCostLayer1DIS4 section, div#bciq_totalShiftCostLayer1DIS5 section, div#bciq_totalShiftCostLayer1DIS6 section, div#bciq_totalShiftCostLayer1DIS7 section, div#bciq_totalShiftCostLayer1DIS8 section, div#bciq_totalShiftCostLayer1DIS9 section, div#bciq_totalShiftCostLayer1DIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*HIDE Label Abbreviations on TABLET/DESKTOP*/ @media (min-width: 768px) { div#bciq_headCal label p.mobile-abbr, div#bciq_headCal2 label p.mobile-abbr, div#bciq_headCal3 label p.mobile-abbr, div#bciq_headCal4 label p.mobile-abbr, div#bciq_headCal5 label p.mobile-abbr, div#bciq_headCal6 label p.mobile-abbr, div#bciq_headCal7 label p.mobile-abbr, div#bciq_headCal8 label p.mobile-abbr, div#bciq_headCal9 label p.mobile-abbr, div#bciq_headCal10 label p.mobile-abbr, div#bciq_headCalDIS label p.mobile-abbr, div#bciq_headCalDIS2 label p.mobile-abbr, div#bciq_headCalDIS3 label p.mobile-abbr, div#bciq_headCalDIS4 label p.mobile-abbr, div#bciq_headCalDIS5 label p.mobile-abbr, div#bciq_headCalDIS6 label p.mobile-abbr, div#bciq_headCalDIS7 label p.mobile-abbr, div#bciq_headCalDIS8 label p.mobile-abbr, div#bciq_headCalDIS9 label p.mobile-abbr, div#bciq_headCalDIS10 label p.mobile-abbr { display: none !important; } div#bciq_headCal label p.orig-head, div#bciq_headCal2 label p.orig-head,div#bciq_headCal3 label p.orig-head, div#bciq_headCal4 label p.orig-head, div#bciq_headCal5 label p.orig-head,div#bciq_headCal6 label p.orig-head, div#bciq_headCal7 label p.orig-head, div#bciq_headCal8 label p.orig-head,div#bciq_headCal9 label p.orig-head, div#bciq_headCal10 label p.orig-head,div#bciq_headCalDIS label p.orig-head, div#bciq_headCalDIS2 label p.orig-head, div#bciq_headCalDIS3 label p.orig-head, div#bciq_headCalDIS4 label p.orig-head, div#bciq_headCalDIS5 label p.orig-head, div#bciq_headCalDIS6 label p.orig-head, div#bciq_headCalDIS7 label p.orig-head, div#bciq_headCalDIS8 label p.orig-head, div#bciq_headCalDIS9 label p.orig-head, div#bciq_headCalDIS10 label p.orig-head { margin: unset !important; } } /*Tablet 1 Table Layout CSS*/ @media (min-width: 768px) and (max-width: 1199px) { /*Calcualtions ST/OT/Total Fields*/ div#bciq_headCal .bfLabelLeft, div#bciq_headCal2 .bfLabelLeft, div#bciq_headCal3 .bfLabelLeft, div#bciq_headCal4 .bfLabelLeft, div#bciq_headCal5 .bfLabelLeft, div#bciq_headCal6 .bfLabelLeft, div#bciq_headCal7 .bfLabelLeft, div#bciq_headCal8 .bfLabelLeft, div#bciq_headCal9 .bfLabelLeft, div#bciq_headCal10 .bfLabelLeft, div#bciq_headCalDIS .bfLabelLeft, div#bciq_headCalDIS2 .bfLabelLeft, div#bciq_headCalDIS3 .bfLabelLeft, div#bciq_headCalDIS4 .bfLabelLeft, div#bciq_headCalDIS5 .bfLabelLeft, div#bciq_headCalDIS6 .bfLabelLeft, div#bciq_headCalDIS7 .bfLabelLeft, div#bciq_headCalDIS8 .bfLabelLeft, div#bciq_headCalDIS9 .bfLabelLeft, div#bciq_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } div#bciq_headCal .bfLabelLeft label, div#bciq_headCal2 .bfLabelLeft label, div#bciq_headCal3 .bfLabelLeft label, div#bciq_headCal4 .bfLabelLeft label, div#bciq_headCal5 .bfLabelLeft label, div#bciq_headCal6 .bfLabelLeft label, div#bciq_headCal7 .bfLabelLeft label, div#bciq_headCal8 .bfLabelLeft label, div#bciq_headCal9 .bfLabelLeft label, div#bciq_headCal10 .bfLabelLeft label, div#bciq_headCalDIS .bfLabelLeft label, div#bciq_headCalDIS2 .bfLabelLeft label, div#bciq_headCalDIS3 .bfLabelLeft label, div#bciq_headCalDIS4 .bfLabelLeft label, div#bciq_headCalDIS5 .bfLabelLeft label, div#bciq_headCalDIS6 .bfLabelLeft label, div#bciq_headCalDIS7 .bfLabelLeft label, div#bciq_headCalDIS8 .bfLabelLeft label, div#bciq_headCalDIS9 .bfLabelLeft label, div#bciq_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*Calcualtions Row Headers*/ div#bciq_headCal .bfSectionDescription, div#bciq_headCal2 .bfSectionDescription, div#bciq_headCal3 .bfSectionDescription, div#bciq_headCal4 .bfSectionDescription, div#bciq_headCal5 .bfSectionDescription, div#bciq_headCal6 .bfSectionDescription, div#bciq_headCal7 .bfSectionDescription, div#bciq_headCal8 .bfSectionDescription, div#bciq_headCal9 .bfSectionDescription, div#bciq_headCal10 .bfSectionDescription, div#bciq_headCalDIS .bfSectionDescription, div#bciq_headCalDIS2 .bfSectionDescription, div#bciq_headCalDIS3 .bfSectionDescription, div#bciq_headCalDIS4 .bfSectionDescription, div#bciq_headCalDIS5 .bfSectionDescription, div#bciq_headCalDIS6 .bfSectionDescription, div#bciq_headCalDIS7 .bfSectionDescription, div#bciq_headCalDIS8 .bfSectionDescription, div#bciq_headCalDIS9 .bfSectionDescription, div#bciq_headCalDIS10 .bfSectionDescription { width: 39%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#bciq_headCal input.ff_elem, input#ff_elem17943, div#bciq_headCal2 input.ff_elem, input#ff_elem18026, div#bciq_headCal3 input.ff_elem, input#ff_elem18059, div#bciq_headCal4 input.ff_elem, input#ff_elem18080, div#bciq_headCal5 input.ff_elem, input#ff_elem18105, div#bciq_headCal6 input.ff_elem, input#ff_elem18126, div#bciq_headCal7 input.ff_elem, input#ff_elem18151, div#bciq_headCal8 input.ff_elem, input#ff_elem18168, div#bciq_headCal9 input.ff_elem, input#ff_elem18185, div#bciq_headCal10 input.ff_elem, input#ff_elem18207, div#bciq_headCalDIS input.ff_elem, input#ff_elem18501, div#bciq_headCalDIS2 input.ff_elem, input#ff_elem18522, div#bciq_headCalDIS3 input.ff_elem, input#ff_elem18543, div#bciq_headCalDIS4 input.ff_elem, input#ff_elem18572, div#bciq_headCalDIS5 input.ff_elem, input#ff_elem18595, div#bciq_headCalDIS6 input.ff_elem, input#ff_elem18618, div#bciq_headCalDIS7 input.ff_elem, input#ff_elem18649, div#bciq_headCalDIS8 input.ff_elem, input#ff_elem18676, div#bciq_headCalDIS9 input.ff_elem, input#ff_elem18703, div#bciq_headCalDIS10 input.ff_elem, input#ff_elem18730 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 96% !important; } /*Total Shift Cost*/ label#bfLabel17943, label#bfLabel18026, label#bfLabel18059, label#bfLabel18080, label#bfLabel18105, label#bfLabel18126, label#bfLabel18151, label#bfLabel18168, label#bfLabel18185, label#bfLabel18207, label#bfLabel18501, label#bfLabel18522, label#bfLabel18543, label#bfLabel18572, label#bfLabel18595, label#bfLabel18618, label#bfLabel18649, label#bfLabel18676, label#bfLabel18703, label#bfLabel18730 { width: 20%; min-width: 26%; } div#bciq_totalShiftCostLayer1 section input, div#bciq_totalShiftCostLayer2 section input, div#bciq_totalShiftCostLayer3 section input, div#bciq_totalShiftCostLayer4 section input, div#bciq_totalShiftCostLayer5 section input, div#bciq_totalShiftCostLayer6 section input, div#bciq_totalShiftCostLayer7 section input, div#bciq_totalShiftCostLayer8 section input, div#bciq_totalShiftCostLayer9 section input, div#bciq_totalShiftCostLayer10 section input, div#bciq_totalShiftCostLayer1DIS section input, div#bciq_totalShiftCostLayer1DIS2 section input, div#bciq_totalShiftCostLayer1DIS3 section input, div#bciq_totalShiftCostLayer1DIS4 section input, div#bciq_totalShiftCostLayer1DIS5 section input, div#bciq_totalShiftCostLayer1DIS6 section input, div#bciq_totalShiftCostLayer1DIS7 section input, div#bciq_totalShiftCostLayer1DIS8 section input, div#bciq_totalShiftCostLayer1DIS9 section input, div#bciq_totalShiftCostLayer1DIS10 section input { min-width: 16%; padding-right: unset !important; } div#bciq_totalShiftCostLayer1 section, div#bciq_totalShiftCostLayer2 section, div#bciq_totalShiftCostLayer3 section, div#bciq_totalShiftCostLayer4 section, div#bciq_totalShiftCostLayer5 section, div#bciq_totalShiftCostLayer6 section, div#bciq_totalShiftCostLayer7 section, div#bciq_totalShiftCostLayer8 section, div#bciq_totalShiftCostLayer9 section, div#bciq_totalShiftCostLayer10 section, div#bciq_totalShiftCostLayer1DIS section, div#bciq_totalShiftCostLayer1DIS2 section, div#bciq_totalShiftCostLayer1DIS3 section, div#bciq_totalShiftCostLayer1DIS4 section, div#bciq_totalShiftCostLayer1DIS5 section, div#bciq_totalShiftCostLayer1DIS6 section, div#bciq_totalShiftCostLayer1DIS7 section, div#bciq_totalShiftCostLayer1DIS8 section, div#bciq_totalShiftCostLayer1DIS9 section, div#bciq_totalShiftCostLayer1DIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*Additional Tablet Size*/ @media (min-width: 768px) and (max-width: 992px) { div#bciq_headCal .bfSectionDescription, div#bciq_headCal2 .bfSectionDescription, div#bciq_headCal3 .bfSectionDescription, div#bciq_headCal4 .bfSectionDescription, div#bciq_headCal5 .bfSectionDescription, div#bciq_headCal6 .bfSectionDescription, div#bciq_headCal7 .bfSectionDescription, div#bciq_headCal8 .bfSectionDescription, div#bciq_headCal9 .bfSectionDescription, div#bciq_headCal10 .bfSectionDescription, div#bciq_headCalDIS .bfSectionDescription, div#bciq_headCalDIS2 .bfSectionDescription, div#bciq_headCalDIS3 .bfSectionDescription, div#bciq_headCalDIS4 .bfSectionDescription, div#bciq_headCalDIS5 .bfSectionDescription, div#bciq_headCalDIS6 .bfSectionDescription, div#bciq_headCalDIS7 .bfSectionDescription, div#bciq_headCalDIS8 .bfSectionDescription, div#bciq_headCalDIS9 .bfSectionDescription, div#bciq_headCalDIS10 .bfSectionDescription { width: 53%; } /* @media (min-width: 1200px)and (max-width: 1399px) { input#ff_elem7621, input#ff_elem7620,input#ff_elem17960, input#ff_elem7666,input#ff_elem7665, input#ff_elem18010, input#ff_elem7705, input#ff_elem7704, input#ff_elem18043, input#ff_elem7714, input#ff_elem7713, input#ff_elem18064, input#ff_elem7723, input#ff_elem7722, input#ff_elem18089, input#ff_elem7732, input#ff_elem7731, input#ff_elem18110, input#ff_elem7741, input#ff_elem7740, input#ff_elem18135, input#ff_elem7754, input#ff_elem7753, input#ff_elem18152, input#ff_elem7763, input#ff_elem7762, input#ff_elem18169, input#ff_elem7772, input#ff_elem7771, input#ff_elem18191 { width: 554px !important; } */ } /*======= Rent Carpet CSS ENDS Here==========*/ /*====== Aisle Carpet Installation FORM =======*/ div#asl_CHead input, input#ff_elem12606 { border: unset !important; font-weight: 800; background: unset !important; } /*Number of Hours Field*/ input#ff_elem18795,input#ff_elem18324,input#ff_elem17967,input#ff_elem18265 { background: unset !important; border: unset !important; font-weight: 800; } /*Number of People Field*/ input#ff_elem18266,input#ff_elem18796,input#ff_elem18325,input#ff_elem17968{ background: unset !important; border: unset !important; font-weight: 800; } span.lbl-boldunderChild{ font-weight: bold; text-transform: capitalize; background: #00000099; color: #fff; padding: 0px 5px; border-radius: 5px; } div#ff_formdiv5 .bfQuickMode .btn, .remodal-wrapper .btn { background-color: #242324 !important; } /*==Section Rows==*/ /*dismantle section*/ div#asl_CalculationDIS .bfNoSection, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfNoSection, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfNoSection, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfNoSection { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00000038 !important; } /*==Row Labels==*/ /*dismantle section*/ div#aisle_StandardOvertimeField span.lbl-boldunderCap, div#asl_CalculationDIS span.lbl-boldunderCap, /*Halls Sections - REGULAR*/ div#asl_regSOF span.lbl-boldunderChild, div#asl_regCalculation span.lbl-boldunderCap, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF span.lbl-boldunderChild, div#asl_enCalculation span.lbl-boldunderCap, /*Halls Sections - CIC*/ div#asl_cicSOF span.lbl-boldunderChild, div#asl_cicCalculation span.lbl-boldunderCap { text-transform: unset !important; background: unset !important; color: #000 !important; } /*==Cell Labels==*/ /*Dismantle*/ div#asl_workHoursDISRow label, div#asl_WorkcostDISRow label, div#asl_shiftHoursDISRow label, div#asl_ShiftCostDISRow label, /*Halls Sections - REGULAR*/ div#asl_regWorkHoursRow label, div#asl_regWorkcostRow label, div#asl_regShiftHoursRow label, div#asl_regShiftCostRow label, div#asl_regLinearFootPriceRow label, div#asl_regCarpetINScostRow label, div#asl_regReinVQcostRow label, /*Halls Sections - ENTRYWAY*/ div#asl_enWorkHoursRow label, div#asl_enWorkcostRow label, div#asl_enShiftHoursRow label, div#asl_enShiftCostRow label, div#asl_enLinearFootPriceRow label, div#asl_enCarpetINScostRow label, div#asl_enReinVQcostRow label, /*Halls Sections - CIC*/ div#asl_cicWorkHoursRow label, div#asl_cicWorkcostRow label, div#asl_cicShiftHoursRow label, div#asl_cicShiftCostRow label, div#asl_cicLinearFootPriceRow label, div#asl_cicCarpetINScostRow label, div#asl_cicReinVQcostRow label { display: none; } /*Grand Total Input Fields*/ fieldset#asl_INSgrandTotalCost section input, fieldset#asl_grandTotalCost section input, fieldset#asl_overALLTotalCost section input{ background: unset !important; border: unset !important; font-weight: 800; } /*DESKTOP*/ @media (min-width: 1200px) { /*==TimePicker Buttons==*/ /*dismantle section*/ div#aisle_StandardOvertimeField button.btn.btn-primary, /*Halls Sections - REGULAR*/ div#asl_regSOF button.btn.btn-primary, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF button.btn.btn-primary, /*Halls Sections - CIC*/ div#asl_cicSOF button.btn.btn-primary { width: 84%; } /*==TimePicker Inputs==*/ /*Dismantle Section*/ div#aisle_StandardOvertimeField input.timeHour, div#aisle_StandardOvertimeField input.timeMinutes, div#aisle_StandardOvertimeField input.timeMeridian, /*Halls Sections - REGULAR*/ div#asl_regSOF input.timeHour, div#asl_regSOF input.timeMinutes, div#asl_regSOF input.timeMeridian, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF input.timeHour, div#asl_enSOF input.timeMinutes, div#asl_enSOF input.timeMeridian, /*Halls Sections - CIC*/ div#asl_cicSOF input.timeHour, div#asl_cicSOF input.timeMinutes, div#asl_cicSOF input.timeMeridian { width: 148px; } /*==Column Labels==*/ /*Dismantle Section*/ div#asl_CalculationDIS .bfLabelLeft label, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft label, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft label, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft label { width: 100%; text-align: right; } /*==Section 1st Cell==*/ /*dismantle section*/ div#asl_CalculationDIS .bfSectionDescription, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfSectionDescription, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfSectionDescription, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfSectionDescription { width: 37.5%; } /*==Standard-Overtime-Total Cells==*/ /*dismantle section*/ div#asl_CalculationDIS .bfLabelLeft, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft { width: 17%; } /*==Input Fields==*/ /*dismantle section*/ div#asl_CalculationDIS input.ff_elem, input#ff_elem17984, /*Halls Sections - REGULAR*/ div#asl_regCalculation input.ff_elem, input#ff_elem18744, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation input.ff_elem, input#ff_elem18282, /*Halls Sections - CIC*/ div#asl_cicCalculation input.ff_elem, input#ff_elem18812 { border: unset !important; background: unset; text-align: right; font-weight: 800; } /*==Cells Border Bottom==*/ div#asl_CalculationDIS section.bfElemWrap, /*Halls Sections - REGULAR*/ div#asl_regCalculation section.bfElemWrap, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation section.bfElemWrap, /*Halls Sections - CIC*/ div#asl_cicCalculation section.bfElemWrap { border-bottom: unset !important; } /*Total Cost Input Fields*/ /*dismantle section*/ div#asl_totalShiftCostDISRow section input, /*Halls Sections - REGULAR*/ div#asl_regTotalShiftCostRow section input, /*Halls Sections - ENTRYWAY*/ div#asl_enTotalShiftCostRow section input, /*Halls Sections - CIC*/ div#asl_cicTotalShiftCostRow section input { width: 53.6% !important; } /*Total Shift Cost Label*/ /*dismantle section*/ label#bfLabel17984, /*Halls Sections - REGULAR*/ label#bfLabel18744, /*Halls Sections - ENTRYWAY*/ label#bfLabel18282, /*Halls Sections - CIC*/ label#bfLabel18812 { width: 35.5% !important; } } /*DESKTOP - Smaller*/ @media (min-width: 1200px) and (max-width: 1399px) { /*==TimePicker Buttons==*/ /*Dismantle*/ div#aisle_StandardOvertimeField button.btn.btn-primary, /*Halls Sections - REGULAR*/ div#asl_regSOF button.btn.btn-primary, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF button.btn.btn-primary, /*Halls Sections - CIC*/ div#asl_cicSOF button.btn.btn-primary { width: 117px; } /*==TimePicker Inputs==*/ /*Dismantle*/ div#aisle_StandardOvertimeField input.timeHour, div#aisle_StandardOvertimeField input.timeMinutes, div#aisle_StandardOvertimeField input.timeMeridian, /*Halls Sections - REGULAR*/ div#asl_regSOF input.timeHour, div#asl_regSOF input.timeMinutes, div#asl_regSOF input.timeMeridian, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF input.timeHour, div#asl_enSOF input.timeMinutes, div#asl_enSOF input.timeMeridian, /*Halls Sections - CIC*/ div#asl_cicSOF input.timeHour, div#asl_cicSOF input.timeMinutes, div#asl_cicSOF input.timeMeridian { width: 125px; } /*==Section 1st Cell==*/ /*dismantle section*/ div#asl_CalculationDIS .bfSectionDescription, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfSectionDescription, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfSectionDescription, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfSectionDescription { width: 36.5%; } /*==Standard-Overtime-Total Cells==*/ /*dismantle section*/ div#asl_CalculationDIS .bfLabelLeft, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft { width: 20%; } /*Total Cost Input Fields*/ /*dismantle section*/ div#asl_totalShiftCostDISRow section input, /*Halls Sections - REGULAR*/ div#asl_regTotalShiftCostRow section input, /*Halls Sections - ENTRYWAY*/ div#asl_enTotalShiftCostRow section input, /*Halls Sections - CIC*/ div#asl_cicTotalShiftCostRow section input { width: 61.5% !important; } } /*TABLET*/ @media (min-width: 768px) and (max-width: 1199px){ /*==TimePicker Buttons==*/ /*Dismantle*/ div#aisle_StandardOvertimeField button.btn.btn-primary, /*Halls Sections - REGULAR*/ div#asl_regSOF button.btn.btn-primary, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF button.btn.btn-primary, /*Halls Sections - CIC*/ div#asl_cicSOF button.btn.btn-primary { width: 41px; } /*==TimePicker Inputs==*/ /*Dismantle*/ div#aisle_StandardOvertimeField input.timeHour, div#aisle_StandardOvertimeField input.timeMinutes, div#aisle_StandardOvertimeField input.timeMeridian, /*Halls Sections - REGULAR*/ div#asl_regSOF input.timeHour, div#asl_regSOF input.timeMinutes, div#asl_regSOF input.timeMeridian, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF input.timeHour, div#asl_enSOF input.timeMinutes, div#asl_enSOF input.timeMeridian, /*Halls Sections - CIC*/ div#asl_cicSOF input.timeHour, div#asl_cicSOF input.timeMinutes, div#asl_cicSOF input.timeMeridian { width: 50px; } } /*MOBILE - Bigger*/ @media (min-width: 550px) and (max-width: 767px){ /*==TimePicker Buttons==*/ /*Dismantle*/ div#aisle_StandardOvertimeField button.btn.btn-primary, /*Halls Sections - REGULAR*/ div#asl_regSOF button.btn.btn-primary, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF button.btn.btn-primary, /*Halls Sections - CIC*/ div#asl_cicSOF button.btn.btn-primary { width: 107px; } /*==TimePicker Inputs==*/ /*Dismantle*/ div#aisle_StandardOvertimeField input.timeHour, div#aisle_StandardOvertimeField input.timeMinutes, div#aisle_StandardOvertimeField input.timeMeridian, /*Halls Sections - REGULAR*/ div#asl_regSOF input.timeHour, div#asl_regSOF input.timeMinutes, div#asl_regSOF input.timeMeridian, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF input.timeHour, div#asl_enSOF input.timeMinutes, div#asl_enSOF input.timeMeridian, /*Halls Sections - CIC*/ div#asl_cicSOF input.timeHour, div#asl_cicSOF input.timeMinutes, div#asl_cicSOF input.timeMeridian { width: 117px; } } /*MOBILE - Xtra Small*/ @media (min-width: 320px) and (max-width: 549px){ /*==TimePicker Buttons==*/ /*Dismantle*/ div#aisle_StandardOvertimeField button.btn.btn-primary, /*Halls Sections - REGULAR*/ div#asl_regSOF button.btn.btn-primary, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF button.btn.btn-primary, /*Halls Sections - CIC*/ div#asl_cicSOF button.btn.btn-primary { width: 48px; } /*==TimePicker Inputs==*/ /*Dismantle*/ div#aisle_StandardOvertimeField input.timeHour, div#aisle_StandardOvertimeField input.timeMinutes, div#aisle_StandardOvertimeField input.timeMeridian, /*Halls Sections - REGULAR*/ div#asl_regSOF input.timeHour, div#asl_regSOF input.timeMinutes, div#asl_regSOF input.timeMeridian, /*Halls Sections - ENTRYWAY*/ div#asl_enSOF input.timeHour, div#asl_enSOF input.timeMinutes, div#asl_enSOF input.timeMeridian, /*Halls Sections - CIC*/ div#asl_cicSOF input.timeHour, div#asl_cicSOF input.timeMinutes, div#asl_cicSOF input.timeMeridian { width: 55px; } } /*Mobile 1 Table Layout CSS*/ @media only screen and (max-width: 767px) { /*SHOW Label Abbreviations on Mobile*/ /* Hide the original content for the class orig-test */ div#asl_CalculationDIS label p.orig-head, div#asl_regCalculation label p.orig-head, div#asl_enCalculation label p.orig-head, div#asl_cicCalculation label p.orig-head { display: none; } /*Additional Abbreviations*/ div#asl_CalculationDIS section span.orig-head, div#asl_regCalculation section span.orig-head, div#asl_enCalculation section span.orig-head, div#asl_cicCalculation section span.orig-head { display: none; } /* Display the abbreviation for the class abbr */ div#asl_CalculationDIS label p.mobile-abbr, div#asl_regCalculation label p.mobile-abbr,div#asl_enCalculation label p.mobile-abbr,div#asl_cicCalculation label p.mobile-abbr { display: block; margin: unset !important; } /*Additional Abbreviations*/ div#asl_CalculationDIS section span.mobile-abbr, div#asl_regCalculation section span.mobile-abbr,div#asl_enCalculation section span.mobile-abbr,div#asl_cicCalculation section span.mobile-abbr { display: block; margin: unset !important; } /*==Standard-Overtime-Total Cells==*/ /*dismantle section*/ div#asl_CalculationDIS .bfLabelLeft, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*==Column Labels==*/ /*Dismantle Section*/ div#asl_CalculationDIS .bfLabelLeft label, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft label, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft label, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft label { width: 93%; text-align: right; position: relative; left: 10%; } /*==Section 1st Cell==*/ /*dismantle section*/ div#asl_CalculationDIS .bfSectionDescription, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfSectionDescription, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfSectionDescription, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfSectionDescription { width: 32%; } /*==Input Fields==*/ /*dismantle section*/ div#asl_CalculationDIS input.ff_elem, input#ff_elem17984, /*Halls Sections - REGULAR*/ div#asl_regCalculation input.ff_elem, input#ff_elem18744, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation input.ff_elem, input#ff_elem18282, /*Halls Sections - CIC*/ div#asl_cicCalculation input.ff_elem, input#ff_elem18812 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 93% !important; } /*Total Shift Cost*/ /*dismantle section*/ label#bfLabel17984, /*Halls Sections - REGULAR*/ label#bfLabel18744, /*Halls Sections - ENTRYWAY*/ label#bfLabel18282, /*Halls Sections - CIC*/ label#bfLabel18812{ width: 20%; min-width: 37%; } /*dismantle section*/ div#asl_totalShiftCostDISRow section input, /*Halls Sections - REGULAR*/ div#asl_regTotalShiftCostRow section input, /*Halls Sections - ENTRYWAY*/ div#asl_enTotalShiftCostRow section input, /*Halls Sections - CIC*/ div#asl_cicTotalShiftCostRow section input { min-width: 16%; } /*dismantle section*/ div#asl_totalShiftCostDISRow section, /*Halls Sections - REGULAR*/ div#asl_regTotalShiftCostRow section, /*Halls Sections - ENTRYWAY*/ div#asl_enTotalShiftCostRow section, /*Halls Sections - CIC*/ div#asl_cicTotalShiftCostRow section { display: flex; justify-content: space-between; align-items: center; } } /*HIDE Label Abbreviations on TABLET/DESKTOP*/ @media (min-width: 768px) { div#asl_CalculationDIS label p.mobile-abbr, div#asl_regCalculation label p.mobile-abbr,div#asl_enCalculation label p.mobile-abbr,div#asl_cicCalculation label p.mobile-abbr { display: none !important; } /*Additional Abbreviations*/ div#asl_CalculationDIS section span.mobile-abbr, div#asl_regCalculation section span.mobile-abbr,div#asl_enCalculation section span.mobile-abbr,div#asl_cicCalculation section span.mobile-abbr { display: none !important; } div#asl_CalculationDIS label p.orig-head, div#asl_regCalculation label p.orig-head, div#asl_enCalculation label p.orig-head, div#asl_cicCalculation label p.orig-head { margin: unset !important; } /*Additional Abbreviations*/ div#asl_CalculationDIS section span.orig-head, div#asl_regCalculation section span.orig-head, div#asl_enCalculation section span.orig-head, div#asl_cicCalculation section span.orig-head { margin: unset !important; } } /*Tablet 1 Table Layout CSS*/ @media (min-width: 768px) and (max-width: 1199px) { /*==Standard-Overtime-Total Cells==*/ /*dismantle section*/ div#asl_CalculationDIS .bfLabelLeft, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*==Column Labels==*/ /*Dismantle Section*/ div#asl_CalculationDIS .bfLabelLeft label, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfLabelLeft label, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfLabelLeft label, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfLabelLeft label { width: 100%; text-align: right; } /*==Section 1st Cell==*/ /*dismantle section*/ div#asl_CalculationDIS .bfSectionDescription, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfSectionDescription, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfSectionDescription, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfSectionDescription { width: 39%; } /*==Input Fields==*/ /*dismantle section*/ div#asl_CalculationDIS input.ff_elem, input#ff_elem17984, /*Halls Sections - REGULAR*/ div#asl_regCalculation input.ff_elem, input#ff_elem18744, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation input.ff_elem, input#ff_elem18282, /*Halls Sections - CIC*/ div#asl_cicCalculation input.ff_elem, input#ff_elem18812 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 96% !important; } /*Total Shift Cost*/ /*dismantle section*/ label#bfLabel17984, /*Halls Sections - REGULAR*/ label#bfLabel18744, /*Halls Sections - ENTRYWAY*/ label#bfLabel18282, /*Halls Sections - CIC*/ label#bfLabel18812 { width: 20%; min-width: 26%; } /*dismantle section*/ div#asl_totalShiftCostDISRow section input, /*Halls Sections - REGULAR*/ div#asl_regTotalShiftCostRow section input, /*Halls Sections - ENTRYWAY*/ div#asl_enTotalShiftCostRow section input, /*Halls Sections - CIC*/ div#asl_cicTotalShiftCostRow section input { min-width: 16%; padding-right: unset !important; } /*dismantle section*/ div#asl_totalShiftCostDISRow section, /*Halls Sections - REGULAR*/ div#asl_regTotalShiftCostRow section, /*Halls Sections - ENTRYWAY*/ div#asl_enTotalShiftCostRow section, /*Halls Sections - CIC*/ div#asl_cicTotalShiftCostRow section { display: flex; justify-content: space-between; align-items: center; } } /*Additional Tablet Size*/ @media (min-width: 768px) and (max-width: 992px) { /*==Section 1st Cell==*/ /*dismantle section*/ div#asl_CalculationDIS .bfSectionDescription, /*Halls Sections - REGULAR*/ div#asl_regCalculation .bfSectionDescription, /*Halls Sections - ENTRYWAY*/ div#asl_enCalculation .bfSectionDescription, /*Halls Sections - CIC*/ div#asl_cicCalculation .bfSectionDescription { width: 53%; } } /*====== Aisle Carpet Installation - END=======*/ /*====== Booth Carpet Installation I & D - STAR T=======*/ div#bth_colorHead input { background: unset !important; border: unset !important; font-weight: 800; } /*Date Field*/ fieldset#bth_INSLabor .field-calendar input, fieldset#bth_DISLabor .field-calendar input { width: 36% !important; pointer-events: none; background: #c7c7c738; } div#ff_formdiv17 .bfQuickMode .btn, .remodal-wrapper .btn { background-color: #242324 !important; } /*Hide Installation Labor Fieldset*/ fieldset#bth_INSLabor legend { display: none; } /*==Calculations Section==*/ div#bth_headCal .bfNoSection,div#bth_headCal2 .bfNoSection,div#bth_headCal3 .bfNoSection,div#bth_headCal4 .bfNoSection, div#bth_headCal5 .bfNoSection,div#bth_headCal6 .bfNoSection,div#bth_headCal7 .bfNoSection,div#bth_headCal8 .bfNoSection, div#bth_headCal9 .bfNoSection,div#bth_headCal10 .bfNoSection,div#bth_headCalDIS .bfNoSection,div#bth_headCalDIS2 .bfNoSection,div#bth_headCalDIS3 .bfNoSection,div#bth_headCalDIS4 .bfNoSection,div#bth_headCalDIS5 .bfNoSection,div#bth_headCalDIS6 .bfNoSection,div#bth_headCalDIS7 .bfNoSection,div#bth_headCalDIS8 .bfNoSection,div#bth_headCalDIS9 .bfNoSection,div#bth_headCalDIS10 .bfNoSection { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00000038 !important; } /*Grand Total Inpout Fields CSS*/ fieldset#bth_INSGTotalCostHead section input, fieldset#bth_DISGTotalCostHead section input { background: unset !important; border: unset !important; font-weight: 800; } /*Calcualtions Hide Label CSS (ST/OT/Total)*/ div#bth_workhours .bfLabelLeft label, div#bth_workcost .bfLabelLeft label, div#bth_shfthours .bfLabelLeft label, div#bth_shftcost .bfLabelLeft label, div#bth_workhours2 .bfLabelLeft label, div#bth_workcost2 .bfLabelLeft label, div#bth_shfthours2 .bfLabelLeft label, div#bth_shftcost2 .bfLabelLeft label, div#bth_workhours3 .bfLabelLeft label, div#bth_workcost3 .bfLabelLeft label, div#bth_shfthours3 .bfLabelLeft label, div#bth_shftcost3 .bfLabelLeft label, div#bth_workhours4 .bfLabelLeft label, div#bth_workcost4 .bfLabelLeft label, div#bth_shfthours4 .bfLabelLeft label, div#bth_shftcost4 .bfLabelLeft label, div#bth_workhours5 .bfLabelLeft label, div#bth_workcost5 .bfLabelLeft label, div#bth_shfthours5 .bfLabelLeft label, div#bth_shftcost5 .bfLabelLeft label, div#bth_workhours6 .bfLabelLeft label, div#bth_workcost6 .bfLabelLeft label, div#bth_shfthours6 .bfLabelLeft label, div#bth_shftcost6 .bfLabelLeft label, div#bth_workhours7 .bfLabelLeft label, div#bth_workcost7 .bfLabelLeft label, div#bth_shfthours7 .bfLabelLeft label, div#bth_shftcost7 .bfLabelLeft label, div#bth_workhours8 .bfLabelLeft label, div#bth_workcost8 .bfLabelLeft label, div#bth_shfthours8 .bfLabelLeft label, div#bth_shftcost8 .bfLabelLeft label, div#bth_workhours9 .bfLabelLeft label, div#bth_workcost9 .bfLabelLeft label, div#bth_shfthours9 .bfLabelLeft label, div#bth_shftcost9 .bfLabelLeft label, div#bth_workhours10 .bfLabelLeft label, div#bth_workcost10 .bfLabelLeft label, div#bth_shfthours10 .bfLabelLeft label, div#bth_shftcost10 .bfLabelLeft label, div#bth_workhoursDIS .bfLabelLeft label, div#bth_workcostDIS .bfLabelLeft label, div#bth_shfthoursDIS .bfLabelLeft label, div#bth_shftcostDIS .bfLabelLeft label, div#bth_workhoursDIS2 .bfLabelLeft label, div#bth_workcostDIS2 .bfLabelLeft label, div#bth_shfthoursDIS2 .bfLabelLeft label, div#bth_shftcostDIS2 .bfLabelLeft label, div#bth_workhoursDIS3 .bfLabelLeft label, div#bth_workcostDIS3 .bfLabelLeft label, div#bth_shfthoursDIS3 .bfLabelLeft label, div#bth_shftcostDIS3 .bfLabelLeft label, div#bth_workhoursDIS4 .bfLabelLeft label, div#bth_workcostDIS4 .bfLabelLeft label, div#bth_shfthoursDIS4 .bfLabelLeft label, div#bth_shftcostDIS4 .bfLabelLeft label, div#bth_workhoursDIS5 .bfLabelLeft label, div#bth_workcostDIS5 .bfLabelLeft label, div#bth_shfthoursDIS5 .bfLabelLeft label, div#bth_shftcostDIS5 .bfLabelLeft label, div#bth_workhoursDIS6 .bfLabelLeft label, div#bth_workcostDIS6 .bfLabelLeft label, div#bth_shfthoursDIS6 .bfLabelLeft label, div#bth_shftcostDIS6 .bfLabelLeft label, div#bth_workhoursDIS7 .bfLabelLeft label, div#bth_workcostDIS7 .bfLabelLeft label, div#bth_shfthoursDIS7 .bfLabelLeft label, div#bth_shftcostDIS7 .bfLabelLeft label, div#bth_workhoursDIS8 .bfLabelLeft label, div#bth_workcostDIS8 .bfLabelLeft label, div#bth_shfthoursDIS8 .bfLabelLeft label, div#bth_shftcostDIS8 .bfLabelLeft label, div#bth_workhoursDIS9 .bfLabelLeft label, div#bth_workcostDIS9 .bfLabelLeft label, div#bth_shfthoursDIS9 .bfLabelLeft label, div#bth_shftcostDIS9 .bfLabelLeft label, div#bth_workhoursDIS10 .bfLabelLeft label, div#bth_workcostDIS10 .bfLabelLeft label, div#bth_shfthoursDIS10 .bfLabelLeft label, div#bth_shftcostDIS10 .bfLabelLeft label, /*Additional Input INS Fields for Calculations*/ div#bth_PSqFt .bfLabelLeft label, div#bth_PSqFt2 .bfLabelLeft label, div#bth_PSqFt3 .bfLabelLeft label, div#bth_PSqFt4 .bfLabelLeft label, div#bth_PSqFt5 .bfLabelLeft label, div#bth_PSqFt6 .bfLabelLeft label, div#bth_PSqFt7 .bfLabelLeft label, div#bth_PSqFt8 .bfLabelLeft label, div#bth_PSqFt9 .bfLabelLeft label, div#bth_PSqFt10 .bfLabelLeft label, div#bth_BCICost .bfLabelLeft label, div#bth_BCICost2 .bfLabelLeft label, div#bth_BCICost3 .bfLabelLeft label, div#bth_BCICost4 .bfLabelLeft label, div#bth_BCICost5 .bfLabelLeft label, div#bth_BCICost6 .bfLabelLeft label, div#bth_BCICost7 .bfLabelLeft label, div#bth_BCICost8 .bfLabelLeft label, div#bth_BCICost9 .bfLabelLeft label, div#bth_BCICost10 .bfLabelLeft label, /*Additional Input DIS Fields for Calculations*/ div#bth_PSqFtDIS .bfLabelLeft label, div#bth_PSqFtDIS2 .bfLabelLeft label, div#bth_PSqFtDIS3 .bfLabelLeft label, div#bth_PSqFtDIS4 .bfLabelLeft label, div#bth_PSqFtDIS5 .bfLabelLeft label, div#bth_PSqFtDIS6 .bfLabelLeft label, div#bth_PSqFtDIS7 .bfLabelLeft label, div#bth_PSqFtDIS8 .bfLabelLeft label, div#bth_PSqFtDIS9 .bfLabelLeft label, div#bth_PSqFtDIS10 .bfLabelLeft label, div#bth_BCICostDIS .bfLabelLeft label, div#bth_BCICostDIS2 .bfLabelLeft label, div#bth_BCICostDIS3 .bfLabelLeft label, div#bth_BCICostDIS4 .bfLabelLeft label, div#bth_BCICostDIS5 .bfLabelLeft label, div#bth_BCICostDIS6 .bfLabelLeft label, div#bth_BCICostDIS7 .bfLabelLeft label, div#bth_BCICostDIS8 .bfLabelLeft label, div#bth_BCICostDIS9 .bfLabelLeft label, div#bth_BCICostDIS10 .bfLabelLeft label { display: none; } /*Calcilations Row Heading Title*/ fieldset#bth_INSLabor div#bth_headCal span.lbl-boldunderCap, fieldset#bth_INSLabor div#bth_headCal2 span.lbl-boldunderCap, fieldset#bth_INSLabor div#bth_headCal3 span.lbl-boldunderCap , fieldset#bth_INSLabor div#bth_headCal4 span.lbl-boldunderCap , fieldset#bth_INSLabor div#bth_headCal5 span.lbl-boldunderCap , fieldset#bth_INSLabor div#bth_headCal6 span.lbl-boldunderCap , fieldset#bth_INSLabor div#bth_headCal7 span.lbl-boldunderCap , fieldset#bth_INSLabor div#bth_headCal8 span.lbl-boldunderCap , fieldset#bth_INSLabor div#bth_headCal9 span.lbl-boldunderCap , fieldset#bth_INSLabor div#bth_headCal10 span.lbl-boldunderCap, fieldset#bth_DISLabor div#bth_headCalDIS span.lbl-boldunderCap, fieldset#bth_DISLabor div#bth_headCalDIS2 span.lbl-boldunderCap, fieldset#bth_DISLabor div#bth_headCalDIS3 span.lbl-boldunderCap , fieldset#bth_DISLabor div#bth_headCalDIS4 span.lbl-boldunderCap , fieldset#bth_DISLabor div#bth_headCalDIS5 span.lbl-boldunderCap , fieldset#bth_DISLabor div#bth_headCalDIS6 span.lbl-boldunderCap , fieldset#bth_DISLabor div#bth_headCalDIS7 span.lbl-boldunderCap , fieldset#bth_DISLabor div#bth_headCalDIS8 span.lbl-boldunderCap , fieldset#bth_DISLabor div#bth_headCalDIS9 span.lbl-boldunderCap , fieldset#bth_DISLabor div#bth_headCalDIS10 span.lbl-boldunderCap { text-transform: unset !important; background: unset !important; color: #000 !important; } /*=========Desktop Query=======*/ @media (min-width: 1200px) { /*INSTALLATION Number of Hours & People Fields*/ div#bth_inputHead input, div#bth_inputHead2 input, div#bth_inputHead3 input, div#bth_inputHead4 input, div#bth_inputHead5 input, div#bth_inputHead6 input, div#bth_inputHead7 input, div#bth_inputHead8 input, div#bth_inputHead9 input, div#bth_inputHead10 input{ width: 40.3%; } /* DISMANTLE Number of Hours & People Fields*/ div#bth_inputHeadDIS input, div#bth_inputHeadDIS2 input, div#bth_inputHeadDIS3 input, div#bth_inputHeadDIS4 input, div#bth_inputHeadDIS5 input, div#bth_inputHeadDIS6 input, div#bth_inputHeadDIS7 input, div#bth_inputHeadDIS8 input, div#bth_inputHeadDIS9 input, div#bth_inputHeadDIS10 input { width: 40.3%; } /*NEW CSS 1 row layout Calculation Field*/ /*==TimePicker Buttons==*/ /*installation section*/ fieldset#bth_INSLabor button.btn.btn-primary, fieldset#bth_DISLabor button.btn.btn-primary{ width: 84%; } /*==TimePicker Inputs==*/ /*installation section*/ fieldset#bth_INSLabor input.timeHour, fieldset#bth_INSLabor input.timeMinutes, fieldset#bth_INSLabor input.timeMeridian, fieldset#bth_DISLabor input.timeHour, fieldset#bth_DISLabor input.timeMinutes, fieldset#bth_DISLabor input.timeMeridian{ width: 148px; } /*==Calculations Header==*/ div#bth_headCal .bfSectionDescription, div#bth_headCal2 .bfSectionDescription, div#bth_headCal3 .bfSectionDescription, div#bth_headCal4 .bfSectionDescription, div#bth_headCal5 .bfSectionDescription, div#bth_headCal6 .bfSectionDescription, div#bth_headCal7 .bfSectionDescription, div#bth_headCal8 .bfSectionDescription, div#bth_headCal9 .bfSectionDescription, div#bth_headCal10 .bfSectionDescription, div#bth_headCalDIS .bfSectionDescription, div#bth_headCalDIS2 .bfSectionDescription, div#bth_headCalDIS3 .bfSectionDescription, div#bth_headCalDIS4 .bfSectionDescription, div#bth_headCalDIS5 .bfSectionDescription, div#bth_headCalDIS6 .bfSectionDescription, div#bth_headCalDIS7 .bfSectionDescription, div#bth_headCalDIS8 .bfSectionDescription, div#bth_headCalDIS9 .bfSectionDescription, div#bth_headCalDIS10 .bfSectionDescription { width: 37.5%; } /*==Calculations ST and Overtime Fields==*/ div#bth_headCal .bfLabelLeft, div#bth_headCal2 .bfLabelLeft, div#bth_headCal3 .bfLabelLeft, div#bth_headCal4 .bfLabelLeft, div#bth_headCal5 .bfLabelLeft, div#bth_headCal6 .bfLabelLeft, div#bth_headCal7 .bfLabelLeft, div#bth_headCal8 .bfLabelLeft, div#bth_headCal9 .bfLabelLeft, div#bth_headCal10 .bfLabelLeft, div#bth_headCalDIS .bfLabelLeft, div#bth_headCalDIS2 .bfLabelLeft, div#bth_headCalDIS3 .bfLabelLeft, div#bth_headCalDIS4 .bfLabelLeft, div#bth_headCalDIS5 .bfLabelLeft, div#bth_headCalDIS6 .bfLabelLeft, div#bth_headCalDIS7 .bfLabelLeft, div#bth_headCalDIS8 .bfLabelLeft, div#bth_headCalDIS9 .bfLabelLeft, div#bth_headCalDIS10 .bfLabelLeft { width: 17%; border-bottom: unset !important; } /*==Calculations Label==*/ div#bth_headCal .bfLabelLeft label, div#bth_headCal2 .bfLabelLeft label, div#bth_headCal3 .bfLabelLeft label, div#bth_headCal4 .bfLabelLeft label, div#bth_headCal5 .bfLabelLeft label, div#bth_headCal6 .bfLabelLeft label, div#bth_headCal7 .bfLabelLeft label, div#bth_headCal8 .bfLabelLeft label, div#bth_headCal9 .bfLabelLeft label, div#bth_headCal10 .bfLabelLeft label, div#bth_headCalDIS .bfLabelLeft label, div#bth_headCalDIS2 .bfLabelLeft label, div#bth_headCalDIS3 .bfLabelLeft label, div#bth_headCalDIS4 .bfLabelLeft label, div#bth_headCalDIS5 .bfLabelLeft label, div#bth_headCalDIS6 .bfLabelLeft label, div#bth_headCalDIS7 .bfLabelLeft label, div#bth_headCalDIS8 .bfLabelLeft label, div#bth_headCalDIS9 .bfLabelLeft label, div#bth_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*==Calculations Input Fields & Total Cost Field INput fields need to be changed==*/ div#bth_headCal input.ff_elem, input#ff_elem18948, div#bth_headCal2 input.ff_elem, input#ff_elem18969, div#bth_headCal3 input.ff_elem, input#ff_elem18990, div#bth_headCal4 input.ff_elem, input#ff_elem19011, div#bth_headCal5 input.ff_elem, input#ff_elem19032, div#bth_headCal6 input.ff_elem, input#ff_elem19053, div#bth_headCal7 input.ff_elem, input#ff_elem19074, div#bth_headCal8 input.ff_elem, input#ff_elem19095, div#bth_headCal9 input.ff_elem, input#ff_elem19116, div#bth_headCal10 input.ff_elem, input#ff_elem19137, div#bth_headCalDIS input.ff_elem, input#ff_elem23888, div#bth_headCalDIS2 input.ff_elem, input#ff_elem23909, div#bth_headCalDIS3 input.ff_elem, input#ff_elem23930, div#bth_headCalDIS4 input.ff_elem, input#ff_elem23955, div#bth_headCalDIS5 input.ff_elem, input#ff_elem23976, div#bth_headCalDIS6 input.ff_elem, input#ff_elem24001, div#bth_headCalDIS7 input.ff_elem, input#ff_elem24022, div#bth_headCalDIS8 input.ff_elem, input#ff_elem24047, div#bth_headCalDIS9 input.ff_elem,input#ff_elem24076, div#bth_headCalDIS10 input.ff_elem, input#ff_elem24101 { border: unset !important; background: unset; font-weight: 800; text-align: right; } /*Total Shift Cost CSS*/ input#ff_elem18948,input#ff_elem18969,input#ff_elem18990,input#ff_elem19011,input#ff_elem19032,input#ff_elem19053, input#ff_elem19074,input#ff_elem19095,input#ff_elem19116,input#ff_elem19137, input#ff_elem23888,input#ff_elem23909, input#ff_elem23930,input#ff_elem23955,input#ff_elem23976,input#ff_elem24001,input#ff_elem24022,input#ff_elem24047, input#ff_elem24076,input#ff_elem24101, input#ff_elem45024, input#ff_elem45044, input#ff_elem45064, input#ff_elem45084, input#ff_elem45104, input#ff_elem45124, input#ff_elem45144, input#ff_elem45164, input#ff_elem45184, input#ff_elem45204, input#ff_elem45224, input#ff_elem45244, input#ff_elem45264, input#ff_elem45284, input#ff_elem45304, input#ff_elem45324, input#ff_elem45344, input#ff_elem45364, input#ff_elem45384, input#ff_elem45404 { width: 53.6% !important; } label#bfLabel18948, label#bfLabel18969, label#bfLabel18990, label#bfLabel19011, label#bfLabel19032, label#bfLabel19053, label#bfLabel19074, label#bfLabel19095, label#bfLabel19116, label#bfLabel19137, label#bfLabel23888, label#bfLabel23909, label#bfLabel23930, label#bfLabel23955, label#bfLabel23976, label#bfLabel24001, label#bfLabel24022, label#bfLabel24047, label#bfLabel24076, label#bfLabel24101, label#bfLabel45024, label#bfLabel45044, label#bfLabel45064, label#bfLabel45084, label#bfLabel45104, label#bfLabel45124, label#bfLabel45144, label#bfLabel45164, label#bfLabel45184, label#bfLabel45204, label#bfLabel45224, label#bfLabel45244, label#bfLabel45264, label#bfLabel45284, label#bfLabel45304, label#bfLabel45324, label#bfLabel45344, label#bfLabel45364, label#bfLabel45384, label#bfLabel45404 { width: 35.5% !important; } } /*Date FIeld Responsive CSS*/ @media (min-width: 992px) and (max-width: 1199px){ fieldset#bth_INSLabor .field-calendar input, fieldset#bth_DISLabor.field-calendar input { width: 18% !important; pointer-events: none; background: #c7c7c738; } } @media (min-width: 767px) and (max-width: 991px){ fieldset#bth_INSLabor .field-calendar input, fieldset#bth_DISLabor .field-calendar input { width: 25% !important; pointer-events: none; background: #c7c7c738; } } /*NUmber of Hours & Number of People Responsive CSS @media (min-width: 320px) and (max-width: 767px){ div#bth_inputHeadDIS input, div#bth_inputHeadDIS2 input, div#bth_inputHeadDIS3 input, div#bth_inputHeadDIS4 input, div#bth_inputHeadDIS5 input, div#bth_inputHeadDIS6 input, div#bth_inputHeadDIS7 input, div#bth_inputHeadDIS8 input, div#bth_inputHeadDIS9 input, div#bth_inputHeadDIS10 input { width: 86% !important; } div#bth_inputHead input, div#bth_inputHead2 input, div#bth_inputHead3 input, div#bth_inputHead4 input, div#bth_inputHead5 input, div#bth_inputHead6 input, div#bth_inputHead7 input, div#bth_inputHead8 input, div#bth_inputHead9 input, div#bth_inputHead10 input { width: 86% !important; } } */ /*Time Picker CSS Queries*/ @media (min-width: 1200px) and (max-width: 1399px) { fieldset#bth_INSLabor input.timeHour, fieldset#bth_INSLabor input.timeMinutes, fieldset#bth_INSLabor input.timeMeridian, fieldset#bth_DISLabor input.timeHour, fieldset#bth_DISLabor input.timeMinutes, fieldset#bth_DISLabor input.timeMeridian { width: 125px; } fieldset#bth_INSLabor button.btn.btn-primary, fieldset#bth_DISLabor button.btn.btn-primary { width: 117px; } div#bth_inputHead input, div#bth_inputHead2 input, div#bth_inputHead3 input, div#bth_inputHead4 input, div#bth_inputHead5 input, div#bth_inputHead6 input, div#bth_inputHead7 input, div#bth_inputHead8 input, div#bth_inputHead9 input, div#bth_inputHead10 input { width: 40.3%; } /*==Calculations ST and Overtime Fields==*/ div#bth_headCal .bfLabelLeft, div#bth_headCal2 .bfLabelLeft, div#bth_headCal3 .bfLabelLeft, div#bth_headCal4 .bfLabelLeft, div#bth_headCal5 .bfLabelLeft, div#bth_headCal6 .bfLabelLeft, div#bth_headCal7 .bfLabelLeft, div#bth_headCal8 .bfLabelLeft, div#bth_headCal9 .bfLabelLeft, div#bth_headCal10 .bfLabelLeft, div#bth_headCalDIS .bfLabelLeft, div#bth_headCalDIS2 .bfLabelLeft, div#bth_headCalDIS3 .bfLabelLeft, div#bth_headCalDIS4 .bfLabelLeft, div#bth_headCalDIS5 .bfLabelLeft, div#bth_headCalDIS6 .bfLabelLeft, div#bth_headCalDIS7 .bfLabelLeft, div#bth_headCalDIS8 .bfLabelLeft, div#bth_headCalDIS9 .bfLabelLeft, div#bth_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*==Calculations Header==*/ div#bth_headCal .bfSectionDescription, div#bth_headCal2 .bfSectionDescription, div#bth_headCal3 .bfSectionDescription, div#bth_headCal4 .bfSectionDescription, div#bth_headCal5 .bfSectionDescription, div#bth_headCal6 .bfSectionDescription, div#bth_headCal7 .bfSectionDescription, div#bth_headCal8 .bfSectionDescription, div#bth_headCal9 .bfSectionDescription, div#bth_headCal10 .bfSectionDescription, div#bth_headCalDIS .bfSectionDescription, div#bth_headCalDIS2 .bfSectionDescription, div#bth_headCalDIS3 .bfSectionDescription, div#bth_headCalDIS4 .bfSectionDescription, div#bth_headCalDIS5 .bfSectionDescription, div#bth_headCalDIS6 .bfSectionDescription, div#bth_headCalDIS7 .bfSectionDescription, div#bth_headCalDIS8 .bfSectionDescription, div#bth_headCalDIS9 .bfSectionDescription, div#bth_headCalDIS10 .bfSectionDescription { width: 35.5%; } /*Total Shift Cost CSS*/ input#ff_elem18948,input#ff_elem18969,input#ff_elem18990,input#ff_elem19011,input#ff_elem19032,input#ff_elem19053, input#ff_elem19074,input#ff_elem19095,input#ff_elem19116,input#ff_elem19137, input#ff_elem23888,input#ff_elem23909, input#ff_elem23930,input#ff_elem23955,input#ff_elem23976,input#ff_elem24001,input#ff_elem24022,input#ff_elem24047, input#ff_elem24076,input#ff_elem24101, input#ff_elem45024, input#ff_elem45044, input#ff_elem45064, input#ff_elem45084, input#ff_elem45104, input#ff_elem45124, input#ff_elem45144, input#ff_elem45164, input#ff_elem45184, input#ff_elem45204, input#ff_elem45224, input#ff_elem45244, input#ff_elem45264, input#ff_elem45284, input#ff_elem45304, input#ff_elem45324, input#ff_elem45344, input#ff_elem45364, input#ff_elem45384, input#ff_elem45404 { width: 60.5% !important; } } @media (min-width: 768px) and (max-width: 1199px){ fieldset#bth_INSLabor input.timeHour, fieldset#bth_INSLabor input.timeMinutes, fieldset#bth_INSLabor input.timeMeridian, fieldset#bth_DISLabor input.timeHour, fieldset#bth_DISLabor input.timeMinutes, fieldset#bth_DISLabor input.timeMeridian { width: 50px; } fieldset#bth_INSLabor button.btn.btn-primary, fieldset#bth_DISLabor button.btn.btn-primary{ width: 41px; } } @media (min-width: 550px) and (max-width: 767px){ fieldset#bth_INSLabor input.timeHour, fieldset#bth_INSLabor input.timeMinutes, fieldset#bth_INSLabor input.timeMeridian, fieldset#bth_DISLabor input.timeHour, fieldset#bth_DISLabor input.timeMinutes, fieldset#bth_DISLabor input.timeMeridian { width: 117px; } fieldset#bth_INSLabor button.btn.btn-primary, fieldset#bth_DISLabor button.btn.btn-primary { width: 107px; } } @media (min-width: 320px) and (max-width: 549px){ fieldset#bth_INSLabor input.timeHour, fieldset#bth_INSLabor input.timeMinutes, fieldset#bth_INSLabor input.timeMeridian, fieldset#bth_DISLabor input.timeHour, fieldset#bth_DISLabor input.timeMinutes, fieldset#bth_DISLabor input.timeMeridian { width: 55px; } fieldset#bth_INSLabor button.btn.btn-primary, fieldset#bth_DISLabor button.btn.btn-primary { width: 48px; } } /*Input Background Color CSS*/ @media (min-width: 320px)and (max-width: 1199px) { div#bth_headCal input.ff_elem, input#ff_elem18948, div#bth_headCal2 input.ff_elem, input#ff_elem18969, div#bth_headCal3 input.ff_elem, input#ff_elem18990, div#bth_headCal4 input.ff_elem, input#ff_elem19011, div#bth_headCal5 input.ff_elem, input#ff_elem19032, div#bth_headCal6 input.ff_elem, input#ff_elem19053, div#bth_headCal7 input.ff_elem, input#ff_elem19074, div#bth_headCal8 input.ff_elem, input#ff_elem19095, div#bth_headCal9 input.ff_elem, input#ff_elem19116, div#bth_headCal10 input.ff_elem, input#ff_elem19137, div#bth_headCalDIS input.ff_elem, input#ff_elem18501, div#bth_headCalDIS2 input.ff_elem, input#ff_elem18522, div#bth_headCalDIS3 input.ff_elem, input#ff_elem18543, div#bth_headCalDIS4 input.ff_elem, input#ff_elem18572, div#bth_headCalDIS5 input.ff_elem, input#ff_elem18595, div#bth_headCalDIS6 input.ff_elem, input#ff_elem18618, div#bth_headCalDIS7 input.ff_elem, input#ff_elem18649, div#bth_headCalDIS8 input.ff_elem, input#ff_elem18676, div#bth_headCalDIS9 input.ff_elem, input#ff_elem18703, div#bth_headCalDIS10 input.ff_elem, input#ff_elem18730 { background: #aca9a92b; font-weight: bold; } } /*Mobile 1 Table Layout CSS*/ @media only screen and (max-width: 767px) { /*SHOW Label Abbreviations on Mobile*/ /* Hide the original content for the class orig-test */ div#bth_headCal label p.orig-head, div#bth_headCal2 label p.orig-head,div#bth_headCal3 label p.orig-head, div#bth_headCal4 label p.orig-head, div#bth_headCal5 label p.orig-head,div#bth_headCal6 label p.orig-head, div#bth_headCal7 label p.orig-head, div#bth_headCal8 label p.orig-head,div#bth_headCal9 label p.orig-head, div#bth_headCal10 label p.orig-head,div#bth_headCalDIS label p.orig-head, div#bth_headCalDIS2 label p.orig-head, div#bth_headCalDIS3 label p.orig-head, div#bth_headCalDIS4 label p.orig-head, div#bth_headCalDIS5 label p.orig-head, div#bth_headCalDIS6 label p.orig-head, div#bth_headCalDIS7 label p.orig-head, div#bth_headCalDIS8 label p.orig-head, div#bth_headCalDIS9 label p.orig-head, div#bth_headCalDIS10 label p.orig-head { display: none; } /* Display the abbreviation for the class abbr */ div#bth_headCal label p.mobile-abbr, div#bth_headCal2 label p.mobile-abbr, div#bth_headCal3 label p.mobile-abbr, div#bth_headCal4 label p.mobile-abbr, div#bth_headCal5 label p.mobile-abbr, div#bth_headCal6 label p.mobile-abbr, div#bth_headCal7 label p.mobile-abbr, div#bth_headCal8 label p.mobile-abbr, div#bth_headCal9 label p.mobile-abbr, div#bth_headCal10 label p.mobile-abbr, div#bth_headCalDIS label p.mobile-abbr, div#bth_headCalDIS2 label p.mobile-abbr, div#bth_headCalDIS3 label p.mobile-abbr, div#bth_headCalDIS4 label p.mobile-abbr, div#bth_headCalDIS5 label p.mobile-abbr, div#bth_headCalDIS6 label p.mobile-abbr, div#bth_headCalDIS7 label p.mobile-abbr, div#bth_headCalDIS8 label p.mobile-abbr, div#bth_headCalDIS9 label p.mobile-abbr, div#bth_headCalDIS10 label p.mobile-abbr { display: block; margin: unset !important; } /*Additional Abbreviations*/ div#bth_headCal section span.mobile-abbr, div#bth_headCal2 section span.mobile-abbr, div#bth_headCal3 section span.mobile-abbr, div#bth_headCal4 section span.mobile-abbr, div#bth_headCal5 section span.mobile-abbr, div#bth_headCal6 section span.mobile-abbr, div#bth_headCal7 section span.mobile-abbr, div#bth_headCal8 section span.mobile-abbr, div#bth_headCal9 section span.mobile-abbr, div#bth_headCal10 section span.mobile-abbr, div#bth_headCalDIS section span.mobile-abbr, div#bth_headCalDIS2 section span.mobile-abbr, div#bth_headCalDIS3 section span.mobile-abbr, div#bth_headCalDIS4 section span.mobile-abbr, div#bth_headCalDIS5 section span.mobile-abbr, div#bth_headCalDIS6 section span.mobile-abbr, div#bth_headCalDIS7 section span.mobile-abbr, div#bth_headCalDIS8 section span.mobile-abbr, div#bth_headCalDIS9 section span.mobile-abbr, div#bth_headCalDIS10 section span.mobile-abbr { display: block; margin: unset !important; } div#bth_headCal section span.orig-head, div#bth_headCal2 section span.orig-head, div#bth_headCal3 section span.orig-head, div#bth_headCal4 section span.orig-head, div#bth_headCal5 section span.orig-head, div#bth_headCal6 section span.orig-head, div#bth_headCal7 section span.orig-head, div#bth_headCal8 section span.orig-head, div#bth_headCal9 section span.orig-head, div#bth_headCal10 section span.orig-head, div#bth_headCalDIS section span.orig-head, div#bth_headCalDIS2 section span.orig-head, div#bth_headCalDIS3 section span.orig-head, div#bth_headCalDIS4 section span.orig-head, div#bth_headCalDIS5 section span.orig-head, div#bth_headCalDIS6 section span.orig-head, div#bth_headCalDIS7 section span.orig-head, div#bth_headCalDIS8 section span.orig-head, div#bth_headCalDIS9 section span.orig-head, div#bth_headCalDIS10 section span.orig-head { display: none; } /*Calcualtions ST/OT/Total Fields*/ div#bth_headCal .bfLabelLeft, div#bth_headCal2 .bfLabelLeft, div#bth_headCal3 .bfLabelLeft, div#bth_headCal4 .bfLabelLeft, div#bth_headCal5 .bfLabelLeft, div#bth_headCal6 .bfLabelLeft, div#bth_headCal7 .bfLabelLeft, div#bth_headCal8 .bfLabelLeft, div#bth_headCal9 .bfLabelLeft, div#bth_headCal10 .bfLabelLeft, div#bth_headCalDIS .bfLabelLeft, div#bth_headCalDIS2 .bfLabelLeft, div#bth_headCalDIS3 .bfLabelLeft, div#bth_headCalDIS4 .bfLabelLeft, div#bth_headCalDIS5 .bfLabelLeft, div#bth_headCalDIS6 .bfLabelLeft, div#bth_headCalDIS7 .bfLabelLeft, div#bth_headCalDIS8 .bfLabelLeft, div#bth_headCalDIS9 .bfLabelLeft, div#bth_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*==Calculations Label==*/ div#bth_headCal .bfLabelLeft label, div#bth_headCal2 .bfLabelLeft label, div#bth_headCal3 .bfLabelLeft label, div#bth_headCal4 .bfLabelLeft label, div#bth_headCal5 .bfLabelLeft label, div#bth_headCal6 .bfLabelLeft label, div#bth_headCal7 .bfLabelLeft label, div#bth_headCal8 .bfLabelLeft label, div#bth_headCal9 .bfLabelLeft label, div#bth_headCal10 .bfLabelLeft label, div#bth_headCalDIS .bfLabelLeft label, div#bth_headCalDIS2 .bfLabelLeft label, div#bth_headCalDIS3 .bfLabelLeft label, div#bth_headCalDIS4 .bfLabelLeft label, div#bth_headCalDIS5 .bfLabelLeft label, div#bth_headCalDIS6 .bfLabelLeft label, div#bth_headCalDIS7 .bfLabelLeft label, div#bth_headCalDIS8 .bfLabelLeft label, div#bth_headCalDIS9 .bfLabelLeft label, div#bth_headCalDIS10 .bfLabelLeft label { width: 93%; text-align: right; position: relative; left: 10%; } /*Calcualtions Row Headers*/ div#bth_headCal .bfSectionDescription, div#bth_headCal2 .bfSectionDescription, div#bth_headCal3 .bfSectionDescription, div#bth_headCal4 .bfSectionDescription, div#bth_headCal5 .bfSectionDescription, div#bth_headCal6 .bfSectionDescription, div#bth_headCal7 .bfSectionDescription, div#bth_headCal8 .bfSectionDescription, div#bth_headCal9 .bfSectionDescription, div#bth_headCal10 .bfSectionDescription, div#bth_headCalDIS .bfSectionDescription, div#bth_headCalDIS2 .bfSectionDescription, div#bth_headCalDIS3 .bfSectionDescription, div#bth_headCalDIS4 .bfSectionDescription, div#bth_headCalDIS5 .bfSectionDescription, div#bth_headCalDIS6 .bfSectionDescription, div#bth_headCalDIS7 .bfSectionDescription, div#bth_headCalDIS8 .bfSectionDescription, div#bth_headCalDIS9 .bfSectionDescription, div#bth_headCalDIS10 .bfSectionDescription { width: 32%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#bth_headCal input.ff_elem, input#ff_elem18948, div#bth_headCal2 input.ff_elem, input#ff_elem18969, div#bth_headCal3 input.ff_elem, input#ff_elem18990, div#bth_headCal4 input.ff_elem, input#ff_elem19011, div#bth_headCal5 input.ff_elem, input#ff_elem19032, div#bth_headCal6 input.ff_elem, input#ff_elem19053, div#bth_headCal7 input.ff_elem, input#ff_elem19074, div#bth_headCal8 input.ff_elem, input#ff_elem19095, div#bth_headCal9 input.ff_elem, input#ff_elem19116, div#bth_headCal10 input.ff_elem, input#ff_elem19137, div#bth_headCalDIS input.ff_elem, input#ff_elem23888, div#bth_headCalDIS2 input.ff_elem, input#ff_elem23909, div#bth_headCalDIS3 input.ff_elem, input#ff_elem23930, div#bth_headCalDIS4 input.ff_elem, input#ff_elem23955, div#bth_headCalDIS5 input.ff_elem, input#ff_elem23976, div#bth_headCalDIS6 input.ff_elem, input#ff_elem24001, div#bth_headCalDIS7 input.ff_elem, input#ff_elem24022, div#bth_headCalDIS8 input.ff_elem, input#ff_elem24047, div#bth_headCalDIS9 input.ff_elem,input#ff_elem24076, div#bth_headCalDIS10 input.ff_elem, input#ff_elem24101 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 93% !important; } /*Total Shift Cost*/ label#bfLabel18948, label#bfLabel18969, label#bfLabel18990, label#bfLabel19011, label#bfLabel19032, label#bfLabel19053, label#bfLabel19074, label#bfLabel19095, label#bfLabel19116, label#bfLabel19137, label#bfLabel23888, label#bfLabel23909, label#bfLabel23930, label#bfLabel23955, label#bfLabel23976, label#bfLabel24001, label#bfLabel24022, label#bfLabel24047, label#bfLabel24076, label#bfLabel24101{ width: 20%; min-width: 37%; } div#bth_totalShiftCostLayer1 section input, div#bth_totalShiftCostLayer2 section input, div#bth_totalShiftCostLayer3 section input, div#bth_totalShiftCostLayer4 section input, div#bth_totalShiftCostLayer5 section input, div#bth_totalShiftCostLayer6 section input, div#bth_totalShiftCostLayer7 section input, div#bth_totalShiftCostLayer8 section input, div#bth_totalShiftCostLayer9 section input, div#bth_totalShiftCostLayer10 section input, div#bth_totalShiftCostLayerDIS1 section input, div#bth_totalShiftCostLayerDIS2 section input, div#bth_totalShiftCostLayerDIS3 section input, div#bth_totalShiftCostLayerDIS4 section input, div#bth_totalShiftCostLayerDIS5 section input, div#bth_totalShiftCostLayerDIS6 section input, div#bth_totalShiftCostLayerDIS7 section input, div#bth_totalShiftCostLayerDIS8 section input, div#bth_totalShiftCostLayerDIS9 section input, div#bth_totalShiftCostLayerDIS10 section input { min-width: 16%; } div#bth_totalShiftCostLayer1 section, div#bth_totalShiftCostLayer2 section, div#bth_totalShiftCostLayer3 section, div#bth_totalShiftCostLayer4 section, div#bth_totalShiftCostLayer5 section, div#bth_totalShiftCostLayer6 section, div#bth_totalShiftCostLayer7 section, div#bth_totalShiftCostLayer8 section, div#bth_totalShiftCostLayer9 section, div#bth_totalShiftCostLayer10 section, div#bth_totalShiftCostLayerDIS1 section, div#bth_totalShiftCostLayerDIS2 section, div#bth_totalShiftCostLayerDIS3 section, div#bth_totalShiftCostLayerDIS4 section, div#bth_totalShiftCostLayerDIS5 section, div#bth_totalShiftCostLayerDIS6 section, div#bth_totalShiftCostLayerDIS7 section, div#bth_totalShiftCostLayerDIS8 section, div#bth_totalShiftCostLayerDIS9 section, div#bth_totalShiftCostLayerDIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*HIDE Label Abbreviations on TABLET/DESKTOP*/ @media (min-width: 768px) { div#bth_headCal label p.mobile-abbr, div#bth_headCal2 label p.mobile-abbr, div#bth_headCal3 label p.mobile-abbr, div#bth_headCal4 label p.mobile-abbr, div#bth_headCal5 label p.mobile-abbr, div#bth_headCal6 label p.mobile-abbr, div#bth_headCal7 label p.mobile-abbr, div#bth_headCal8 label p.mobile-abbr, div#bth_headCal9 label p.mobile-abbr, div#bth_headCal10 label p.mobile-abbr, div#bth_headCalDIS label p.mobile-abbr, div#bth_headCalDIS2 label p.mobile-abbr, div#bth_headCalDIS3 label p.mobile-abbr, div#bth_headCalDIS4 label p.mobile-abbr, div#bth_headCalDIS5 label p.mobile-abbr, div#bth_headCalDIS6 label p.mobile-abbr, div#bth_headCalDIS7 label p.mobile-abbr, div#bth_headCalDIS8 label p.mobile-abbr, div#bth_headCalDIS9 label p.mobile-abbr, div#bth_headCalDIS10 label p.mobile-abbr { display: none !important; } div#bth_headCal label p.orig-head, div#bth_headCal2 label p.orig-head,div#bth_headCal3 label p.orig-head, div#bth_headCal4 label p.orig-head, div#bth_headCal5 label p.orig-head,div#bth_headCal6 label p.orig-head, div#bth_headCal7 label p.orig-head, div#bth_headCal8 label p.orig-head,div#bth_headCal9 label p.orig-head, div#bth_headCal10 label p.orig-head,div#bth_headCalDIS label p.orig-head, div#bth_headCalDIS2 label p.orig-head, div#bth_headCalDIS3 label p.orig-head, div#bth_headCalDIS4 label p.orig-head, div#bth_headCalDIS5 label p.orig-head, div#bth_headCalDIS6 label p.orig-head, div#bth_headCalDIS7 label p.orig-head, div#bth_headCalDIS8 label p.orig-head, div#bth_headCalDIS9 label p.orig-head, div#bth_headCalDIS10 label p.orig-head { margin: unset !important; } /*Additional Abbreviations*/ div#bth_headCal section span.mobile-abbr, div#bth_headCal2 section span.mobile-abbr, div#bth_headCal3 section span.mobile-abbr, div#bth_headCal4 section span.mobile-abbr, div#bth_headCal5 section span.mobile-abbr, div#bth_headCal6 section span.mobile-abbr, div#bth_headCal7 section span.mobile-abbr, div#bth_headCal8 section span.mobile-abbr, div#bth_headCal9 section span.mobile-abbr, div#bth_headCal10 section span.mobile-abbr, div#bth_headCalDIS section span.mobile-abbr, div#bth_headCalDIS2 section span.mobile-abbr, div#bth_headCalDIS3 section span.mobile-abbr, div#bth_headCalDIS4 section span.mobile-abbr, div#bth_headCalDIS5 section span.mobile-abbr, div#bth_headCalDIS6 section span.mobile-abbr, div#bth_headCalDIS7 section span.mobile-abbr, div#bth_headCalDIS8 section span.mobile-abbr, div#bth_headCalDIS9 section span.mobile-abbr, div#bth_headCalDIS10 section span.mobile-abbr { display: none !important; } div#bth_headCal section span.orig-head, div#bth_headCal2 section span.orig-head, div#bth_headCal3 section span.orig-head, div#bth_headCal4 section span.orig-head, div#bth_headCal5 section span.orig-head, div#bth_headCal6 section span.orig-head, div#bth_headCal7 section span.orig-head, div#bth_headCal8 section span.orig-head, div#bth_headCal9 section span.orig-head, div#bth_headCal10 section span.orig-head, div#bth_headCalDIS section span.orig-head, div#bth_headCalDIS2 section span.orig-head, div#bth_headCalDIS3 section span.orig-head, div#bth_headCalDIS4 section span.orig-head, div#bth_headCalDIS5 section span.orig-head, div#bth_headCalDIS6 section span.orig-head, div#bth_headCalDIS7 section span.orig-head, div#bth_headCalDIS8 section span.orig-head, div#bth_headCalDIS9 section span.orig-head, div#bth_headCalDIS10 section span.orig-head { margin: unset !important; } } /*Tablet 1 Table Layout CSS*/ @media (min-width: 768px) and (max-width: 1199px) { /*Calcualtions ST/OT/Total Fields*/ div#bth_headCal .bfLabelLeft, div#bth_headCal2 .bfLabelLeft, div#bth_headCal3 .bfLabelLeft, div#bth_headCal4 .bfLabelLeft, div#bth_headCal5 .bfLabelLeft, div#bth_headCal6 .bfLabelLeft, div#bth_headCal7 .bfLabelLeft, div#bth_headCal8 .bfLabelLeft, div#bth_headCal9 .bfLabelLeft, div#bth_headCal10 .bfLabelLeft, div#bth_headCalDIS .bfLabelLeft, div#bth_headCalDIS2 .bfLabelLeft, div#bth_headCalDIS3 .bfLabelLeft, div#bth_headCalDIS4 .bfLabelLeft, div#bth_headCalDIS5 .bfLabelLeft, div#bth_headCalDIS6 .bfLabelLeft, div#bth_headCalDIS7 .bfLabelLeft, div#bth_headCalDIS8 .bfLabelLeft, div#bth_headCalDIS9 .bfLabelLeft, div#bth_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } div#bth_headCal .bfLabelLeft label, div#bth_headCal2 .bfLabelLeft label, div#bth_headCal3 .bfLabelLeft label, div#bth_headCal4 .bfLabelLeft label, div#bth_headCal5 .bfLabelLeft label, div#bth_headCal6 .bfLabelLeft label, div#bth_headCal7 .bfLabelLeft label, div#bth_headCal8 .bfLabelLeft label, div#bth_headCal9 .bfLabelLeft label, div#bth_headCal10 .bfLabelLeft label, div#bth_headCalDIS .bfLabelLeft label, div#bth_headCalDIS2 .bfLabelLeft label, div#bth_headCalDIS3 .bfLabelLeft label, div#bth_headCalDIS4 .bfLabelLeft label, div#bth_headCalDIS5 .bfLabelLeft label, div#bth_headCalDIS6 .bfLabelLeft label, div#bth_headCalDIS7 .bfLabelLeft label, div#bth_headCalDIS8 .bfLabelLeft label, div#bth_headCalDIS9 .bfLabelLeft label, div#bth_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*Calcualtions Row Headers*/ div#bth_headCal .bfSectionDescription, div#bth_headCal2 .bfSectionDescription, div#bth_headCal3 .bfSectionDescription, div#bth_headCal4 .bfSectionDescription, div#bth_headCal5 .bfSectionDescription, div#bth_headCal6 .bfSectionDescription, div#bth_headCal7 .bfSectionDescription, div#bth_headCal8 .bfSectionDescription, div#bth_headCal9 .bfSectionDescription, div#bth_headCal10 .bfSectionDescription, div#bth_headCalDIS .bfSectionDescription, div#bth_headCalDIS2 .bfSectionDescription, div#bth_headCalDIS3 .bfSectionDescription, div#bth_headCalDIS4 .bfSectionDescription, div#bth_headCalDIS5 .bfSectionDescription, div#bth_headCalDIS6 .bfSectionDescription, div#bth_headCalDIS7 .bfSectionDescription, div#bth_headCalDIS8 .bfSectionDescription, div#bth_headCalDIS9 .bfSectionDescription, div#bth_headCalDIS10 .bfSectionDescription { width: 39%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#bth_headCal input.ff_elem, input#ff_elem18948, div#bth_headCal2 input.ff_elem, input#ff_elem18969, div#bth_headCal3 input.ff_elem, input#ff_elem18990, div#bth_headCal4 input.ff_elem, input#ff_elem19011, div#bth_headCal5 input.ff_elem, input#ff_elem19032, div#bth_headCal6 input.ff_elem, input#ff_elem19053, div#bth_headCal7 input.ff_elem, input#ff_elem19074, div#bth_headCal8 input.ff_elem, input#ff_elem19095, div#bth_headCal9 input.ff_elem, input#ff_elem19116, div#bth_headCal10 input.ff_elem, input#ff_elem19137, div#bth_headCalDIS input.ff_elem, input#ff_elem23888, div#bth_headCalDIS2 input.ff_elem, input#ff_elem23909, div#bth_headCalDIS3 input.ff_elem, input#ff_elem23930, div#bth_headCalDIS4 input.ff_elem, input#ff_elem23955, div#bth_headCalDIS5 input.ff_elem, input#ff_elem23976, div#bth_headCalDIS6 input.ff_elem, input#ff_elem24001, div#bth_headCalDIS7 input.ff_elem, input#ff_elem24022, div#bth_headCalDIS8 input.ff_elem, input#ff_elem24047, div#bth_headCalDIS9 input.ff_elem,input#ff_elem24076, div#bth_headCalDIS10 input.ff_elem, input#ff_elem24101 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 96% !important; } /*Total Shift Cost*/ label#bfLabel18948, label#bfLabel18969, label#bfLabel18990, label#bfLabel19011, label#bfLabel19032, label#bfLabel19053, label#bfLabel19074, label#bfLabel19095, label#bfLabel19116, label#bfLabel19137, label#bfLabel23888, label#bfLabel23909, label#bfLabel23930, label#bfLabel23955, label#bfLabel23976, label#bfLabel24001, label#bfLabel24022, label#bfLabel24047, label#bfLabel24076, label#bfLabel24101 { width: 20%; min-width: 26%; } div#bth_totalShiftCostLayer1 section input, div#bth_totalShiftCostLayer2 section input, div#bth_totalShiftCostLayer3 section input, div#bth_totalShiftCostLayer4 section input, div#bth_totalShiftCostLayer5 section input, div#bth_totalShiftCostLayer6 section input, div#bth_totalShiftCostLayer7 section input, div#bth_totalShiftCostLayer8 section input, div#bth_totalShiftCostLayer9 section input, div#bth_totalShiftCostLayer10 section input, div#bth_totalShiftCostLayerDIS1 section input, div#bth_totalShiftCostLayerDIS2 section input, div#bth_totalShiftCostLayerDIS3 section input, div#bth_totalShiftCostLayerDIS4 section input, div#bth_totalShiftCostLayerDIS5 section input, div#bth_totalShiftCostLayerDIS6 section input, div#bth_totalShiftCostLayerDIS7 section input, div#bth_totalShiftCostLayerDIS8 section input, div#bth_totalShiftCostLayerDIS9 section input, div#bth_totalShiftCostLayerDIS10 section input { min-width: 16%; padding-right: unset !important; } div#bth_totalShiftCostLayer1 section, div#bth_totalShiftCostLayer2 section, div#bth_totalShiftCostLayer3 section, div#bth_totalShiftCostLayer4 section, div#bth_totalShiftCostLayer5 section, div#bth_totalShiftCostLayer6 section, div#bth_totalShiftCostLayer7 section, div#bth_totalShiftCostLayer8 section, div#bth_totalShiftCostLayer9 section, div#bth_totalShiftCostLayer10 section, div#bth_totalShiftCostLayerDIS1 section, div#bth_totalShiftCostLayerDIS2 section, div#bth_totalShiftCostLayerDIS3 section, div#bth_totalShiftCostLayerDIS4 section, div#bth_totalShiftCostLayerDIS5 section, div#bth_totalShiftCostLayerDIS6 section, div#bth_totalShiftCostLayerDIS7 section, div#bth_totalShiftCostLayerDIS8 section, div#bth_totalShiftCostLayerDIS9 section, div#bth_totalShiftCostLayerDIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*Additional Tablet Size*/ @media (min-width: 768px) and (max-width: 992px) { div#bth_headCal .bfSectionDescription, div#bth_headCal2 .bfSectionDescription, div#bth_headCal3 .bfSectionDescription, div#bth_headCal4 .bfSectionDescription, div#bth_headCal5 .bfSectionDescription, div#bth_headCal6 .bfSectionDescription, div#bth_headCal7 .bfSectionDescription, div#bth_headCal8 .bfSectionDescription, div#bth_headCal9 .bfSectionDescription, div#bth_headCal10 .bfSectionDescription, div#bth_headCalDIS .bfSectionDescription, div#bth_headCalDIS2 .bfSectionDescription, div#bth_headCalDIS3 .bfSectionDescription, div#bth_headCalDIS4 .bfSectionDescription, div#bth_headCalDIS5 .bfSectionDescription, div#bth_headCalDIS6 .bfSectionDescription, div#bth_headCalDIS7 .bfSectionDescription, div#bth_headCalDIS8 .bfSectionDescription, div#bth_headCalDIS9 .bfSectionDescription, div#bth_headCalDIS10 .bfSectionDescription { width: 53%; } } /*======Booth Carpet Installation I & D - END=======*/ /*==== Booth Building Labor I & D STARTS HERE======*/ /*-- Skilled Labor (Temporary Labor) Header --*/ div#idl_INSGTotalCostHead input, div#idl_DISGTotalCostHead input, div#idl_OverGTotalHead input{ border: unset !important; background: unset; font-weight: 800; color: red !important; } div#idl_INSGTotalCostHead label, div#idl_DISGTotalCostHead label, div#idl_OverGTotalHead label { color: #000 !important; } div#idl_INSGTotalCostHead section, div#idl_DISGTotalCostHead section, div#idl_OverGTotalHead section { background: #ffe5a575 !important; display: flex; align-items: center; } /*Date Field*/ fieldset#bfQuickModeSection66582 .field-calendar input, fieldset#bfQuickModeSection17506 .field-calendar input { width: 36% !important; pointer-events: none; background: #c7c7c738; } select#ff_elem17930{ height: 50%; } div#ff_formdiv24 .bfQuickMode .btn, .remodal-wrapper .btn { background-color: #242324 !important; } /*==Calculations Section==*/ div#idl_headCal .bfNoSection,div#idl_headCal2 .bfNoSection,div#idl_headCal3 .bfNoSection,div#idl_headCal4 .bfNoSection, div#idl_headCal5 .bfNoSection,div#idl_headCal6 .bfNoSection,div#idl_headCal7 .bfNoSection,div#idl_headCal8 .bfNoSection, div#idl_headCal9 .bfNoSection,div#idl_headCal10 .bfNoSection,div#idl_headCalDIS .bfNoSection,div#idl_headCalDIS2 .bfNoSection,div#idl_headCalDIS3 .bfNoSection,div#idl_headCalDIS4 .bfNoSection,div#idl_headCalDIS5 .bfNoSection,div#idl_headCalDIS6 .bfNoSection,div#idl_headCalDIS7 .bfNoSection,div#idl_headCalDIS8 .bfNoSection,div#idl_headCalDIS9 .bfNoSection,div#idl_headCalDIS10 .bfNoSection { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00000038 !important; } /*Grand Total Input Fields CSS*/ fieldset#idl_INSGTotalCostHead section input, fieldset#idl_DISGTotalCostHead section input, fieldset#idl_OverGTotalHead section input { background: unset !important; border: unset !important; font-weight: 800; } /*Calculations Hide Label (ST/OT/Total)*/ div#idl_workhours .bfLabelLeft label, div#idl_workcost .bfLabelLeft label, div#idl_shfthours .bfLabelLeft label, div#idl_shftcost .bfLabelLeft label, div#idl_workhours2 .bfLabelLeft label, div#idl_workcost2 .bfLabelLeft label, div#idl_shfthours2 .bfLabelLeft label, div#idl_shftcost2 .bfLabelLeft label, div#idl_workhours3 .bfLabelLeft label, div#idl_workcost3 .bfLabelLeft label, div#idl_shfthours3 .bfLabelLeft label, div#idl_shftcost3 .bfLabelLeft label, div#idl_workhours4 .bfLabelLeft label, div#idl_workcost4 .bfLabelLeft label, div#idl_shfthours4 .bfLabelLeft label, div#idl_shftcost4 .bfLabelLeft label, div#idl_workhours5 .bfLabelLeft label, div#idl_workcost5 .bfLabelLeft label, div#idl_shfthours5 .bfLabelLeft label, div#idl_shftcost5 .bfLabelLeft label, div#idl_workhours6 .bfLabelLeft label, div#idl_workcost6 .bfLabelLeft label, div#idl_shfthours6 .bfLabelLeft label, div#idl_shftcost6 .bfLabelLeft label, div#idl_workhours7 .bfLabelLeft label, div#idl_workcost7 .bfLabelLeft label, div#idl_shfthours7 .bfLabelLeft label, div#idl_shftcost7 .bfLabelLeft label, div#idl_workhours8 .bfLabelLeft label, div#idl_workcost8 .bfLabelLeft label, div#idl_shfthours8 .bfLabelLeft label, div#idl_shftcost8 .bfLabelLeft label, div#idl_workhours9 .bfLabelLeft label, div#idl_workcost9 .bfLabelLeft label, div#idl_shfthours9 .bfLabelLeft label, div#idl_shftcost9 .bfLabelLeft label, div#idl_workhours10 .bfLabelLeft label, div#idl_workcost10 .bfLabelLeft label, div#idl_shfthours10 .bfLabelLeft label, div#idl_shftcost10 .bfLabelLeft label, div#idl_workhoursDIS .bfLabelLeft label, div#idl_workcostDIS .bfLabelLeft label, div#idl_shfthoursDIS .bfLabelLeft label, div#idl_shftcostDIS .bfLabelLeft label, div#idl_workhoursDIS2 .bfLabelLeft label, div#idl_workcostDIS2 .bfLabelLeft label, div#idl_shfthoursDIS2 .bfLabelLeft label, div#idl_shftcostDIS2 .bfLabelLeft label, div#idl_workhoursDIS3 .bfLabelLeft label, div#idl_workcostDIS3 .bfLabelLeft label, div#idl_shfthoursDIS3 .bfLabelLeft label, div#idl_shftcostDIS3 .bfLabelLeft label, div#idl_workhoursDIS4 .bfLabelLeft label, div#idl_workcostDIS4 .bfLabelLeft label, div#idl_shfthoursDIS4 .bfLabelLeft label, div#idl_shftcostDIS4 .bfLabelLeft label, div#idl_workhoursDIS5 .bfLabelLeft label, div#idl_workcostDIS5 .bfLabelLeft label, div#idl_shfthoursDIS5 .bfLabelLeft label, div#idl_shftcostDIS5 .bfLabelLeft label, div#idl_workhoursDIS6 .bfLabelLeft label, div#idl_workcostDIS6 .bfLabelLeft label, div#idl_shfthoursDIS6 .bfLabelLeft label, div#idl_shftcostDIS6 .bfLabelLeft label, div#idl_workhoursDIS7 .bfLabelLeft label, div#idl_workcostDIS7 .bfLabelLeft label, div#idl_shfthoursDIS7 .bfLabelLeft label, div#idl_shftcostDIS7 .bfLabelLeft label, div#idl_workhoursDIS8 .bfLabelLeft label, div#idl_workcostDIS8 .bfLabelLeft label, div#idl_shfthoursDIS8 .bfLabelLeft label, div#idl_shftcostDIS8 .bfLabelLeft label, div#idl_workhoursDIS9 .bfLabelLeft label, div#idl_workcostDIS9 .bfLabelLeft label, div#idl_shfthoursDIS9 .bfLabelLeft label, div#idl_shftcostDIS9 .bfLabelLeft label, div#idl_workhoursDIS10 .bfLabelLeft label, div#idl_workcostDIS10 .bfLabelLeft label, div#idl_shfthoursDIS10 .bfLabelLeft label, div#idl_shftcostDIS10 .bfLabelLeft label{ display: none; } /*Calculations Row Heading CSS*/ fieldset#bfQuickModeSection66582 div#idl_headCal span.lbl-boldunderCap, fieldset#bfQuickModeSection66582 div#idl_headCal2 span.lbl-boldunderCap, fieldset#bfQuickModeSection66582 div#idl_headCal3 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#idl_headCal4 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#idl_headCal5 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#idl_headCal6 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#idl_headCal7 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#idl_headCal8 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#idl_headCal9 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#idl_headCal10 span.lbl-boldunderCap, fieldset#bfQuickModeSection17506 div#idl_headCalDIS span.lbl-boldunderCap, fieldset#bfQuickModeSection17506 div#idl_headCalDIS2 span.lbl-boldunderCap, fieldset#bfQuickModeSection17506 div#idl_headCalDIS3 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#idl_headCalDIS4 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#idl_headCalDIS5 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#idl_headCalDIS6 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#idl_headCalDIS7 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#idl_headCalDIS8 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#idl_headCalDIS9 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#idl_headCalDIS10 span.lbl-boldunderCap { text-transform: unset !important; background: unset !important; color: #000 !important; } /*=========Desktop Query=======*/ div#idl_inputHeadBB section.bfElemWrap:nth-child(2) input{ pointer-events: none !important; border: unset !important; background: unset; } @media (min-width: 1200px) { div#idl_inputHeadBB section.bfElemWrap:nth-child(2) input{ pointer-events: none !important; border: unset !important; background: unset; } /*Labor Rate div#idl_inputHead input[name="ff_nm_idl_LaborRate[]"], div#idl_inputHead2 input[name="ff_nm_idl_LaborRate2[]"], div#idl_inputHead3 input[name="ff_nm_idl_LaborRate3[]"], div#idl_inputHead4 input[name="ff_nm_idl_LaborRate4[]"], div#idl_inputHead input[name="ff_nm_idl_LaborRate5[]"], div#idl_inputHead6 input[name="ff_nm_idl_LaborRate6[]"], div#idl_inputHead7 input[name="ff_nm_idl_LaborRate7[]"], div#idl_inputHead8 input[name="ff_nm_idl_LaborRate8[]"], div#idl_inputHead9 input[name="ff_nm_idl_LaborRate9[]"], div#idl_inputHead10 input[name="ff_nm_idl_LaborRate10[]"], div#idl_inputHeadDIS input[name="ff_nm_idl_LaborRateDIS[]"], div#idl_inputHeadDIS2 input[name="ff_nm_idl_LaborRateDIS2[]"], div#idl_inputHeadDIS3 input[name="ff_nm_idl_LaborRateDIS3[]"], div#idl_inputHeadDIS4 input[name="ff_nm_idl_LaborRateDIS4[]"], div#idl_inputHeadDIS5 input[name="ff_nm_idl_LaborRateDIS5[]"], div#idl_inputHeadDIS6 input[name="ff_nm_idl_LaborRateDIS6[]"], div#idl_inputHeadDIS7 input[name="ff_nm_idl_LaborRateDIS7[]"], div#idl_inputHeadDIS8 input[name="ff_nm_idl_LaborRateDIS8[]"], div#idl_inputHeadDIS9 input[name="ff_nm_idl_LaborRateDIS9[]"], div#idl_inputHeadDIS10 input[name="ff_nm_idl_LaborRateDIS10[]"]{ pointer-events: none !important; background: #c7c7c738; } */ /*Number of Hours & People Fields div#idl_inputHead input, div#idl_inputHead10 input, div#idl_inputHead2 input, div#idl_inputHead3 input, div#idl_inputHead4 input, div#idl_inputHead5 input, div#idl_inputHead6 input, div#idl_inputHead7 input, div#idl_inputHead8 input, div#idl_inputHead9 input { width: 52% !important; } */ /* DISMANTLE Number of Hours & People Fields div#idl_inputHeadDIS input, div#idl_inputHeadDIS2 input, div#idl_inputHeadDIS3 input, div#idl_inputHeadDIS4 input, div#idl_inputHeadDIS5 input, div#idl_inputHeadDIS6 input, div#idl_inputHeadDIS7 input, div#idl_inputHeadDIS8 input, div#idl_inputHeadDIS9 input, div#idl_inputHeadDIS10 input { width: 52% !important; } */ /*NEW CSS 1 row layout Calculation Field*/ /*==TimePicker Buttons==*/ /*installation section*/ fieldset#bfQuickModeSection66582 button.btn.btn-primary, fieldset#bfQuickModeSection17506 button.btn.btn-primary{ width: 84%; } /*==TimePicker Inputs==*/ /*installation section*/ fieldset#bfQuickModeSection66582 input.timeHour, fieldset#bfQuickModeSection66582 input.timeMinutes, fieldset#bfQuickModeSection66582 input.timeMeridian, fieldset#bfQuickModeSection17506 input.timeHour, fieldset#bfQuickModeSection17506 input.timeMinutes, fieldset#bfQuickModeSection17506 input.timeMeridian{ width: 148px; } /*==Calculations Header==*/ div#idl_headCal .bfSectionDescription, div#idl_headCal2 .bfSectionDescription, div#idl_headCal3 .bfSectionDescription, div#idl_headCal4 .bfSectionDescription, div#idl_headCal5 .bfSectionDescription, div#idl_headCal6 .bfSectionDescription, div#idl_headCal7 .bfSectionDescription, div#idl_headCal8 .bfSectionDescription, div#idl_headCal9 .bfSectionDescription, div#idl_headCal10 .bfSectionDescription, div#idl_headCalDIS .bfSectionDescription, div#idl_headCalDIS2 .bfSectionDescription, div#idl_headCalDIS3 .bfSectionDescription, div#idl_headCalDIS4 .bfSectionDescription, div#idl_headCalDIS5 .bfSectionDescription, div#idl_headCalDIS6 .bfSectionDescription, div#idl_headCalDIS7 .bfSectionDescription, div#idl_headCalDIS8 .bfSectionDescription, div#idl_headCalDIS9 .bfSectionDescription, div#idl_headCalDIS10 .bfSectionDescription { width: 37.5%; } /*==Calculations ST and Overtime Fields==*/ div#idl_headCal .bfLabelLeft, div#idl_headCal2 .bfLabelLeft, div#idl_headCal3 .bfLabelLeft, div#idl_headCal4 .bfLabelLeft, div#idl_headCal5 .bfLabelLeft, div#idl_headCal6 .bfLabelLeft, div#idl_headCal7 .bfLabelLeft, div#idl_headCal8 .bfLabelLeft, div#idl_headCal9 .bfLabelLeft, div#idl_headCal10 .bfLabelLeft, div#idl_headCalDIS .bfLabelLeft, div#idl_headCalDIS2 .bfLabelLeft, div#idl_headCalDIS3 .bfLabelLeft, div#idl_headCalDIS4 .bfLabelLeft, div#idl_headCalDIS5 .bfLabelLeft, div#idl_headCalDIS6 .bfLabelLeft, div#idl_headCalDIS7 .bfLabelLeft, div#idl_headCalDIS8 .bfLabelLeft, div#idl_headCalDIS9 .bfLabelLeft, div#idl_headCalDIS10 .bfLabelLeft { width: 17%; border-bottom: unset !important; } /*==Calculations Label==*/ div#idl_headCal .bfLabelLeft label, div#idl_headCal2 .bfLabelLeft label, div#idl_headCal3 .bfLabelLeft label, div#idl_headCal4 .bfLabelLeft label, div#idl_headCal5 .bfLabelLeft label, div#idl_headCal6 .bfLabelLeft label, div#idl_headCal7 .bfLabelLeft label, div#idl_headCal8 .bfLabelLeft label, div#idl_headCal9 .bfLabelLeft label, div#idl_headCal10 .bfLabelLeft label, div#idl_headCalDIS .bfLabelLeft label, div#idl_headCalDIS2 .bfLabelLeft label, div#idl_headCalDIS3 .bfLabelLeft label, div#idl_headCalDIS4 .bfLabelLeft label, div#idl_headCalDIS5 .bfLabelLeft label, div#idl_headCalDIS6 .bfLabelLeft label, div#idl_headCalDIS7 .bfLabelLeft label, div#idl_headCalDIS8 .bfLabelLeft label, div#idl_headCalDIS9 .bfLabelLeft label, div#idl_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*==Calculations Input Fields & Total Cost Field==*/ div#idl_headCal input.ff_elem, input#ff_elem21407, div#idl_headCal2 input.ff_elem, input#ff_elem22198, div#idl_headCal3 input.ff_elem, input#ff_elem22223, div#idl_headCal4 input.ff_elem, input#ff_elem22256, div#idl_headCal5 input.ff_elem, input#ff_elem22290, div#idl_headCal6 input.ff_elem, input#ff_elem22311, div#idl_headCal7 input.ff_elem, input#ff_elem22352, div#idl_headCal8 input.ff_elem, input#ff_elem22377, div#idl_headCal9 input.ff_elem, input#ff_elem22406, div#idl_headCal10 input.ff_elem, input#ff_elem22427, div#idl_headCalDIS input.ff_elem, input#ff_elem22508, div#idl_headCalDIS2 input.ff_elem, input#ff_elem22533, div#idl_headCalDIS3 input.ff_elem, input#ff_elem22558, div#idl_headCalDIS4 input.ff_elem, input#ff_elem22583, div#idl_headCalDIS5 input.ff_elem, input#ff_elem22608, div#idl_headCalDIS6 input.ff_elem, input#ff_elem22633, div#idl_headCalDIS7 input.ff_elem, input#ff_elem22671, div#idl_headCalDIS8 input.ff_elem, input#ff_elem22696, div#idl_headCalDIS9 input.ff_elem, input#ff_elem22721, div#idl_headCalDIS10 input.ff_elem, input#ff_elem22746 { border: unset !important; background: unset; font-weight: 800; text-align: right; } /*Total Shift Cost*/ input#ff_elem21407,input#ff_elem22198,input#ff_elem22223,input#ff_elem22256,input#ff_elem22290,input#ff_elem22311, input#ff_elem22352,input#ff_elem22377,input#ff_elem22406,input#ff_elem22427,input#ff_elem22508,input#ff_elem22533, input#ff_elem22558,input#ff_elem22583,input#ff_elem22608,input#ff_elem22633,input#ff_elem22671,input#ff_elem22696, input#ff_elem22721,input#ff_elem22746 { width: 53.6% !important; } label#bfLabel21407, label#bfLabel22198, label#bfLabel22223, label#bfLabel22256, label#bfLabel22290, label#bfLabel22311, label#bfLabel22352, label#bfLabel22377, label#bfLabel22406, label#bfLabel22427, label#bfLabel22508, label#bfLabel22533, label#bfLabel22558, label#bfLabel22583, label#bfLabel22608, label#bfLabel22633, label#bfLabel22671, label#bfLabel22696, label#bfLabel22721, label#bfLabel22746 { width: 35.5% !important; } /*INS Total Input Fields*/ fieldset#idl_INSGTotalCostHead input { border: unset !important; background: unset; font-weight: bold; } /*DIS Total Input Fields*/ fieldset#idl_DISGTotalCostHead input { border: unset !important; background: unset; font-weight: bold; } /*Grand Total Input Fields*/ fieldset#idl_OverGTotalHead input { border: unset !important; background: unset; font-weight: bold; } } /*Date FIeld Responsive CSS*/ @media (min-width: 992px) and (max-width: 1199px){ fieldset#bfQuickModeSection66582 .field-calendar input, fieldset#bfQuickModeSection17506 .field-calendar input { width: 18% !important; pointer-events: none; background: #c7c7c738; } } @media (min-width: 767px) and (max-width: 991px){ fieldset#bfQuickModeSection66582 .field-calendar input, fieldset#bfQuickModeSection17506 .field-calendar input { width: 25% !important; pointer-events: none; background: #c7c7c738; } } /*NUmber of Hours & Number of People Responsive CSS*/ /*Dismantle*/ @media (min-width: 320px) and (max-width: 767px){ div#idl_inputHeadBB input { width: 86% !important; } } /*Time Picker CSS Queries*/ @media (min-width: 1200px) and (max-width: 1399px) { fieldset#bfQuickModeSection66582 input.timeHour, fieldset#bfQuickModeSection66582 input.timeMinutes, fieldset#bfQuickModeSection66582 input.timeMeridian, fieldset#bfQuickModeSection17506 input.timeHour, fieldset#bfQuickModeSection17506 input.timeMinutes, fieldset#bfQuickModeSection17506 input.timeMeridian { width: 125px !important; } fieldset#bfQuickModeSection66582 button.btn.btn-primary, fieldset#bfQuickModeSection17506 button.btn.btn-primary { width: 117px !important; } /*==Calculations Header==*/ div#idl_headCal .bfSectionDescription, div#idl_headCal2 .bfSectionDescription, div#idl_headCal3 .bfSectionDescription, div#idl_headCal4 .bfSectionDescription, div#idl_headCal5 .bfSectionDescription, div#idl_headCal6 .bfSectionDescription, div#idl_headCal7 .bfSectionDescription, div#idl_headCal8 .bfSectionDescription, div#idl_headCal9 .bfSectionDescription, div#idl_headCal10 .bfSectionDescription, div#idl_headCalDIS .bfSectionDescription, div#idl_headCalDIS2 .bfSectionDescription, div#idl_headCalDIS3 .bfSectionDescription, div#idl_headCalDIS4 .bfSectionDescription, div#idl_headCalDIS5 .bfSectionDescription, div#idl_headCalDIS6 .bfSectionDescription, div#idl_headCalDIS7 .bfSectionDescription, div#idl_headCalDIS8 .bfSectionDescription, div#idl_headCalDIS9 .bfSectionDescription, div#idl_headCalDIS10 .bfSectionDescription { width: 35.5%; } /*==Calculations ST and Overtime Fields==*/ div#idl_headCal .bfLabelLeft, div#idl_headCal2 .bfLabelLeft, div#idl_headCal3 .bfLabelLeft, div#idl_headCal4 .bfLabelLeft, div#idl_headCal5 .bfLabelLeft, div#idl_headCal6 .bfLabelLeft, div#idl_headCal7 .bfLabelLeft, div#idl_headCal8 .bfLabelLeft, div#idl_headCal9 .bfLabelLeft, div#idl_headCal10 .bfLabelLeft, div#idl_headCalDIS .bfLabelLeft, div#idl_headCalDIS2 .bfLabelLeft, div#idl_headCalDIS3 .bfLabelLeft, div#idl_headCalDIS4 .bfLabelLeft, div#idl_headCalDIS5 .bfLabelLeft, div#idl_headCalDIS6 .bfLabelLeft, div#idl_headCalDIS7 .bfLabelLeft, div#idl_headCalDIS8 .bfLabelLeft, div#idl_headCalDIS9 .bfLabelLeft, div#idl_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*Total Shift Cost*/ input#ff_elem21407,input#ff_elem22198,input#ff_elem22223,input#ff_elem22256,input#ff_elem22290,input#ff_elem22311, input#ff_elem22352,input#ff_elem22377,input#ff_elem22406,input#ff_elem22427,input#ff_elem22508,input#ff_elem22533, input#ff_elem22558,input#ff_elem22583,input#ff_elem22608,input#ff_elem22633,input#ff_elem22671,input#ff_elem22696, input#ff_elem22721,input#ff_elem22746 { width: 60.5% !important; } } @media (min-width: 768px) and (max-width: 1199px){ fieldset#bfQuickModeSection66582 input.timeHour, fieldset#bfQuickModeSection66582 input.timeMinutes, fieldset#bfQuickModeSection66582 input.timeMeridian, fieldset#bfQuickModeSection17506 input.timeHour, fieldset#bfQuickModeSection17506 input.timeMinutes, fieldset#bfQuickModeSection17506 input.timeMeridian { width: 50px; } fieldset#bfQuickModeSection66582 button.btn.btn-primary, fieldset#bfQuickModeSection17506 button.btn.btn-primary{ width: 41px; } } @media (min-width: 550px) and (max-width: 767px){ fieldset#bfQuickModeSection66582 input.timeHour, fieldset#bfQuickModeSection66582 input.timeMinutes, fieldset#bfQuickModeSection66582 input.timeMeridian, fieldset#bfQuickModeSection17506 input.timeHour, fieldset#bfQuickModeSection17506 input.timeMinutes, fieldset#bfQuickModeSection17506 input.timeMeridian { width: 117px; } fieldset#bfQuickModeSection66582 button.btn.btn-primary, fieldset#bfQuickModeSection17506 button.btn.btn-primary { width: 107px; } } @media (min-width: 320px) and (max-width: 549px){ fieldset#bfQuickModeSection66582 input.timeHour, fieldset#bfQuickModeSection66582 input.timeMinutes, fieldset#bfQuickModeSection66582 input.timeMeridian, fieldset#bfQuickModeSection17506 input.timeHour, fieldset#bfQuickModeSection17506 input.timeMinutes, fieldset#bfQuickModeSection17506 input.timeMeridian { width: 55px; } fieldset#bfQuickModeSection66582 button.btn.btn-primary, fieldset#bfQuickModeSection17506 button.btn.btn-primary { width: 48px; } } /*Input Background Color CSS*/ @media (min-width: 320px)and (max-width: 1199px) { div#idl_headCal input.ff_elem, input#ff_elem21407, div#idl_headCal2 input.ff_elem, input#ff_elem22198, div#idl_headCal3 input.ff_elem, input#ff_elem22223, div#idl_headCal4 input.ff_elem, input#ff_elem22256, div#idl_headCal5 input.ff_elem, input#ff_elem22290, div#idl_headCal6 input.ff_elem, input#ff_elem22311, div#idl_headCal7 input.ff_elem, input#ff_elem22352, div#idl_headCal8 input.ff_elem, input#ff_elem22377, div#idl_headCal9 input.ff_elem, input#ff_elem22406, div#idl_headCal10 input.ff_elem, input#ff_elem22427, div#idl_headCalDIS input.ff_elem, input#ff_elem22508, div#idl_headCalDIS2 input.ff_elem, input#ff_elem22533, div#idl_headCalDIS3 input.ff_elem, input#ff_elem22558, div#idl_headCalDIS4 input.ff_elem, input#ff_elem22583, div#idl_headCalDIS5 input.ff_elem, input#ff_elem22608, div#idl_headCalDIS6 input.ff_elem, input#ff_elem22633, div#idl_headCalDIS7 input.ff_elem, input#ff_elem22671, div#idl_headCalDIS8 input.ff_elem, input#ff_elem22696, div#idl_headCalDIS9 input.ff_elem, input#ff_elem22721, div#idl_headCalDIS10 input.ff_elem, input#ff_elem22746 { background: #aca9a92b; font-weight: bold; } } /*Mobile 1 Table Layout CSS*/ @media only screen and (max-width: 767px) { /*SHOW Label Abbreviations on Mobile*/ /* Hide the original content for the class orig-test */ div#idl_headCal label p.orig-head, div#idl_headCal2 label p.orig-head,div#idl_headCal3 label p.orig-head, div#idl_headCal4 label p.orig-head, div#idl_headCal5 label p.orig-head,div#idl_headCal6 label p.orig-head, div#idl_headCal7 label p.orig-head, div#idl_headCal8 label p.orig-head,div#idl_headCal9 label p.orig-head, div#idl_headCal10 label p.orig-head,div#idl_headCalDIS label p.orig-head, div#idl_headCalDIS2 label p.orig-head, div#idl_headCalDIS3 label p.orig-head, div#idl_headCalDIS4 label p.orig-head, div#idl_headCalDIS5 label p.orig-head, div#idl_headCalDIS6 label p.orig-head, div#idl_headCalDIS7 label p.orig-head, div#idl_headCalDIS8 label p.orig-head, div#idl_headCalDIS9 label p.orig-head, div#idl_headCalDIS10 label p.orig-head { display: none; } /* Display the abbreviation for the class abbr */ div#idl_headCal label p.mobile-abbr, div#idl_headCal2 label p.mobile-abbr, div#idl_headCal3 label p.mobile-abbr, div#idl_headCal4 label p.mobile-abbr, div#idl_headCal5 label p.mobile-abbr, div#idl_headCal6 label p.mobile-abbr, div#idl_headCal7 label p.mobile-abbr, div#idl_headCal8 label p.mobile-abbr, div#idl_headCal9 label p.mobile-abbr, div#idl_headCal10 label p.mobile-abbr, div#idl_headCalDIS label p.mobile-abbr, div#idl_headCalDIS2 label p.mobile-abbr, div#idl_headCalDIS3 label p.mobile-abbr, div#idl_headCalDIS4 label p.mobile-abbr, div#idl_headCalDIS5 label p.mobile-abbr, div#idl_headCalDIS6 label p.mobile-abbr, div#idl_headCalDIS7 label p.mobile-abbr, div#idl_headCalDIS8 label p.mobile-abbr, div#idl_headCalDIS9 label p.mobile-abbr, div#idl_headCalDIS10 label p.mobile-abbr { display: block; margin: unset !important; } /*Calcualtions ST/OT/Total Fields*/ div#idl_headCal .bfLabelLeft, div#idl_headCal2 .bfLabelLeft, div#idl_headCal3 .bfLabelLeft, div#idl_headCal4 .bfLabelLeft, div#idl_headCal5 .bfLabelLeft, div#idl_headCal6 .bfLabelLeft, div#idl_headCal7 .bfLabelLeft, div#idl_headCal8 .bfLabelLeft, div#idl_headCal9 .bfLabelLeft, div#idl_headCal10 .bfLabelLeft, div#idl_headCalDIS .bfLabelLeft, div#idl_headCalDIS2 .bfLabelLeft, div#idl_headCalDIS3 .bfLabelLeft, div#idl_headCalDIS4 .bfLabelLeft, div#idl_headCalDIS5 .bfLabelLeft, div#idl_headCalDIS6 .bfLabelLeft, div#idl_headCalDIS7 .bfLabelLeft, div#idl_headCalDIS8 .bfLabelLeft, div#idl_headCalDIS9 .bfLabelLeft, div#idl_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*==Calculations Label==*/ div#idl_headCal .bfLabelLeft label, div#idl_headCal2 .bfLabelLeft label, div#idl_headCal3 .bfLabelLeft label, div#idl_headCal4 .bfLabelLeft label, div#idl_headCal5 .bfLabelLeft label, div#idl_headCal6 .bfLabelLeft label, div#idl_headCal7 .bfLabelLeft label, div#idl_headCal8 .bfLabelLeft label, div#idl_headCal9 .bfLabelLeft label, div#idl_headCal10 .bfLabelLeft label, div#idl_headCalDIS .bfLabelLeft label, div#idl_headCalDIS2 .bfLabelLeft label, div#idl_headCalDIS3 .bfLabelLeft label, div#idl_headCalDIS4 .bfLabelLeft label, div#idl_headCalDIS5 .bfLabelLeft label, div#idl_headCalDIS6 .bfLabelLeft label, div#idl_headCalDIS7 .bfLabelLeft label, div#idl_headCalDIS8 .bfLabelLeft label, div#idl_headCalDIS9 .bfLabelLeft label, div#idl_headCalDIS10 .bfLabelLeft label { width: 93%; text-align: right; position: relative; left: 10%; } /*Calcualtions Row Headers*/ div#idl_headCal .bfSectionDescription, div#idl_headCal2 .bfSectionDescription, div#idl_headCal3 .bfSectionDescription, div#idl_headCal4 .bfSectionDescription, div#idl_headCal5 .bfSectionDescription, div#idl_headCal6 .bfSectionDescription, div#idl_headCal7 .bfSectionDescription, div#idl_headCal8 .bfSectionDescription, div#idl_headCal9 .bfSectionDescription, div#idl_headCal10 .bfSectionDescription, div#idl_headCalDIS .bfSectionDescription, div#idl_headCalDIS2 .bfSectionDescription, div#idl_headCalDIS3 .bfSectionDescription, div#idl_headCalDIS4 .bfSectionDescription, div#idl_headCalDIS5 .bfSectionDescription, div#idl_headCalDIS6 .bfSectionDescription, div#idl_headCalDIS7 .bfSectionDescription, div#idl_headCalDIS8 .bfSectionDescription, div#idl_headCalDIS9 .bfSectionDescription, div#idl_headCalDIS10 .bfSectionDescription { width: 32%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#idl_headCal input.ff_elem, input#ff_elem21407, div#idl_headCal2 input.ff_elem, input#ff_elem22198, div#idl_headCal3 input.ff_elem, input#ff_elem22223, div#idl_headCal4 input.ff_elem, input#ff_elem22256, div#idl_headCal5 input.ff_elem, input#ff_elem22290, div#idl_headCal6 input.ff_elem, input#ff_elem22311, div#idl_headCal7 input.ff_elem, input#ff_elem22352, div#idl_headCal8 input.ff_elem, input#ff_elem22377, div#idl_headCal9 input.ff_elem, input#ff_elem22406, div#idl_headCal10 input.ff_elem, input#ff_elem22427, div#idl_headCalDIS input.ff_elem, input#ff_elem22508, div#idl_headCalDIS2 input.ff_elem, input#ff_elem22533, div#idl_headCalDIS3 input.ff_elem, input#ff_elem22558, div#idl_headCalDIS4 input.ff_elem, input#ff_elem22583, div#idl_headCalDIS5 input.ff_elem, input#ff_elem22608, div#idl_headCalDIS6 input.ff_elem, input#ff_elem22633, div#idl_headCalDIS7 input.ff_elem, input#ff_elem22671, div#idl_headCalDIS8 input.ff_elem, input#ff_elem22696, div#idl_headCalDIS9 input.ff_elem, input#ff_elem22721, div#idl_headCalDIS10 input.ff_elem, input#ff_elem22746 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 93% !important; } /*Total Shift Cost*/ label#bfLabel21407, label#bfLabel22198, label#bfLabel22223, label#bfLabel22256, label#bfLabel22290, label#bfLabel22311, label#bfLabel22352, label#bfLabel22377, label#bfLabel22406, label#bfLabel22427, label#bfLabel22508, label#bfLabel22533, label#bfLabel22558, label#bfLabel22583, label#bfLabel22608, label#bfLabel22633, label#bfLabel22671, label#bfLabel22696, label#bfLabel22721, label#bfLabel22746{ width: 20%; min-width: 37%; } div#idl_totalShiftCostLayer1 section input, div#idl_totalShiftCostLayer2 section input, div#idl_totalShiftCostLayer3 section input, div#idl_totalShiftCostLayer4 section input, div#idl_totalShiftCostLayer5 section input, div#idl_totalShiftCostLayer6 section input, div#idl_totalShiftCostLayer7 section input, div#idl_totalShiftCostLayer8 section input, div#idl_totalShiftCostLayer9 section input, div#idl_totalShiftCostLayer10 section input, div#idl_totalShiftCostLayerDIS1 section input, div#idl_totalShiftCostLayerDIS2 section input, div#idl_totalShiftCostLayerDIS3 section input, div#idl_totalShiftCostLayerDIS4 section input, div#idl_totalShiftCostLayerDIS5 section input, div#idl_totalShiftCostLayerDIS6 section input, div#idl_totalShiftCostLayerDIS7 section input, div#idl_totalShiftCostLayerDIS8 section input, div#idl_totalShiftCostLayerDIS9 section input, div#idl_totalShiftCostLayerDIS10 section input { min-width: 16%; } div#idl_totalShiftCostLayer1 section, div#idl_totalShiftCostLayer2 section, div#idl_totalShiftCostLayer3 section, div#idl_totalShiftCostLayer4 section, div#idl_totalShiftCostLayer5 section, div#idl_totalShiftCostLayer6 section, div#idl_totalShiftCostLayer7 section, div#idl_totalShiftCostLayer8 section, div#idl_totalShiftCostLayer9 section, div#idl_totalShiftCostLayer10 section, div#idl_totalShiftCostLayerDIS1 section, div#idl_totalShiftCostLayerDIS2 section, div#idl_totalShiftCostLayerDIS3 section, div#idl_totalShiftCostLayerDIS4 section, div#idl_totalShiftCostLayerDIS5 section, div#idl_totalShiftCostLayerDIS6 section, div#idl_totalShiftCostLayerDIS7 section, div#idl_totalShiftCostLayerDIS8 section, div#idl_totalShiftCostLayerDIS9 section, div#idl_totalShiftCostLayerDIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*HIDE Label Abbreviations on TABLET/DESKTOP*/ @media (min-width: 768px) { div#idl_headCal label p.mobile-abbr, div#idl_headCal2 label p.mobile-abbr, div#idl_headCal3 label p.mobile-abbr, div#idl_headCal4 label p.mobile-abbr, div#idl_headCal5 label p.mobile-abbr, div#idl_headCal6 label p.mobile-abbr, div#idl_headCal7 label p.mobile-abbr, div#idl_headCal8 label p.mobile-abbr, div#idl_headCal9 label p.mobile-abbr, div#idl_headCal10 label p.mobile-abbr, div#idl_headCalDIS label p.mobile-abbr, div#idl_headCalDIS2 label p.mobile-abbr, div#idl_headCalDIS3 label p.mobile-abbr, div#idl_headCalDIS4 label p.mobile-abbr, div#idl_headCalDIS5 label p.mobile-abbr, div#idl_headCalDIS6 label p.mobile-abbr, div#idl_headCalDIS7 label p.mobile-abbr, div#idl_headCalDIS8 label p.mobile-abbr, div#idl_headCalDIS9 label p.mobile-abbr, div#idl_headCalDIS10 label p.mobile-abbr { display: none !important; } div#idl_headCal label p.orig-head, div#idl_headCal2 label p.orig-head,div#idl_headCal3 label p.orig-head, div#idl_headCal4 label p.orig-head, div#idl_headCal5 label p.orig-head,div#idl_headCal6 label p.orig-head, div#idl_headCal7 label p.orig-head, div#idl_headCal8 label p.orig-head,div#idl_headCal9 label p.orig-head, div#idl_headCal10 label p.orig-head,div#idl_headCalDIS label p.orig-head, div#idl_headCalDIS2 label p.orig-head, div#idl_headCalDIS3 label p.orig-head, div#idl_headCalDIS4 label p.orig-head, div#idl_headCalDIS5 label p.orig-head, div#idl_headCalDIS6 label p.orig-head, div#idl_headCalDIS7 label p.orig-head, div#idl_headCalDIS8 label p.orig-head, div#idl_headCalDIS9 label p.orig-head, div#idl_headCalDIS10 label p.orig-head { margin: unset !important; } } /*Tablet 1 Table Layout CSS*/ @media (min-width: 768px) and (max-width: 1199px) { /*Calcualtions ST/OT/Total Fields*/ div#idl_headCal .bfLabelLeft, div#idl_headCal2 .bfLabelLeft, div#idl_headCal3 .bfLabelLeft, div#idl_headCal4 .bfLabelLeft, div#idl_headCal5 .bfLabelLeft, div#idl_headCal6 .bfLabelLeft, div#idl_headCal7 .bfLabelLeft, div#idl_headCal8 .bfLabelLeft, div#idl_headCal9 .bfLabelLeft, div#idl_headCal10 .bfLabelLeft, div#idl_headCalDIS .bfLabelLeft, div#idl_headCalDIS2 .bfLabelLeft, div#idl_headCalDIS3 .bfLabelLeft, div#idl_headCalDIS4 .bfLabelLeft, div#idl_headCalDIS5 .bfLabelLeft, div#idl_headCalDIS6 .bfLabelLeft, div#idl_headCalDIS7 .bfLabelLeft, div#idl_headCalDIS8 .bfLabelLeft, div#idl_headCalDIS9 .bfLabelLeft, div#idl_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } div#idl_headCal .bfLabelLeft label, div#idl_headCal2 .bfLabelLeft label, div#idl_headCal3 .bfLabelLeft label, div#idl_headCal4 .bfLabelLeft label, div#idl_headCal5 .bfLabelLeft label, div#idl_headCal6 .bfLabelLeft label, div#idl_headCal7 .bfLabelLeft label, div#idl_headCal8 .bfLabelLeft label, div#idl_headCal9 .bfLabelLeft label, div#idl_headCal10 .bfLabelLeft label, div#idl_headCalDIS .bfLabelLeft label, div#idl_headCalDIS2 .bfLabelLeft label, div#idl_headCalDIS3 .bfLabelLeft label, div#idl_headCalDIS4 .bfLabelLeft label, div#idl_headCalDIS5 .bfLabelLeft label, div#idl_headCalDIS6 .bfLabelLeft label, div#idl_headCalDIS7 .bfLabelLeft label, div#idl_headCalDIS8 .bfLabelLeft label, div#idl_headCalDIS9 .bfLabelLeft label, div#idl_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*Calcualtions Row Headers*/ div#idl_headCal .bfSectionDescription, div#idl_headCal2 .bfSectionDescription, div#idl_headCal3 .bfSectionDescription, div#idl_headCal4 .bfSectionDescription, div#idl_headCal5 .bfSectionDescription, div#idl_headCal6 .bfSectionDescription, div#idl_headCal7 .bfSectionDescription, div#idl_headCal8 .bfSectionDescription, div#idl_headCal9 .bfSectionDescription, div#idl_headCal10 .bfSectionDescription, div#idl_headCalDIS .bfSectionDescription, div#idl_headCalDIS2 .bfSectionDescription, div#idl_headCalDIS3 .bfSectionDescription, div#idl_headCalDIS4 .bfSectionDescription, div#idl_headCalDIS5 .bfSectionDescription, div#idl_headCalDIS6 .bfSectionDescription, div#idl_headCalDIS7 .bfSectionDescription, div#idl_headCalDIS8 .bfSectionDescription, div#idl_headCalDIS9 .bfSectionDescription, div#idl_headCalDIS10 .bfSectionDescription { width: 39%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#idl_headCal input.ff_elem, input#ff_elem21407, div#idl_headCal2 input.ff_elem, input#ff_elem22198, div#idl_headCal3 input.ff_elem, input#ff_elem22223, div#idl_headCal4 input.ff_elem, input#ff_elem22256, div#idl_headCal5 input.ff_elem, input#ff_elem22290, div#idl_headCal6 input.ff_elem, input#ff_elem22311, div#idl_headCal7 input.ff_elem, input#ff_elem22352, div#idl_headCal8 input.ff_elem, input#ff_elem22377, div#idl_headCal9 input.ff_elem, input#ff_elem22406, div#idl_headCal10 input.ff_elem, input#ff_elem22427, div#idl_headCalDIS input.ff_elem, input#ff_elem22508, div#idl_headCalDIS2 input.ff_elem, input#ff_elem22533, div#idl_headCalDIS3 input.ff_elem, input#ff_elem22558, div#idl_headCalDIS4 input.ff_elem, input#ff_elem22583, div#idl_headCalDIS5 input.ff_elem, input#ff_elem22608, div#idl_headCalDIS6 input.ff_elem, input#ff_elem22633, div#idl_headCalDIS7 input.ff_elem, input#ff_elem22671, div#idl_headCalDIS8 input.ff_elem, input#ff_elem22696, div#idl_headCalDIS9 input.ff_elem, input#ff_elem22721, div#idl_headCalDIS10 input.ff_elem, input#ff_elem22746 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 96% !important; } /*Total Shift Cost*/ label#bfLabel21407, label#bfLabel22198, label#bfLabel22223, label#bfLabel22256, label#bfLabel22290, label#bfLabel22311, label#bfLabel22352, label#bfLabel22377, label#bfLabel22406, label#bfLabel22427, label#bfLabel22508, label#bfLabel22533, label#bfLabel22558, label#bfLabel22583, label#bfLabel22608, label#bfLabel22633, label#bfLabel22671, label#bfLabel22696, label#bfLabel22721, label#bfLabel22746 { width: 20%; min-width: 26%; } div#idl_totalShiftCostLayer1 section input, div#idl_totalShiftCostLayer2 section input, div#idl_totalShiftCostLayer3 section input, div#idl_totalShiftCostLayer4 section input, div#idl_totalShiftCostLayer5 section input, div#idl_totalShiftCostLayer6 section input, div#idl_totalShiftCostLayer7 section input, div#idl_totalShiftCostLayer8 section input, div#idl_totalShiftCostLayer9 section input, div#idl_totalShiftCostLayer10 section input, div#idl_totalShiftCostLayerDIS1 section input, div#idl_totalShiftCostLayerDIS2 section input, div#idl_totalShiftCostLayerDIS3 section input, div#idl_totalShiftCostLayerDIS4 section input, div#idl_totalShiftCostLayerDIS5 section input, div#idl_totalShiftCostLayerDIS6 section input, div#idl_totalShiftCostLayerDIS7 section input, div#idl_totalShiftCostLayerDIS8 section input, div#idl_totalShiftCostLayerDIS9 section input, div#idl_totalShiftCostLayerDIS10 section input { min-width: 16%; padding-right: unset !important; } div#idl_totalShiftCostLayer1 section, div#idl_totalShiftCostLayer2 section, div#idl_totalShiftCostLayer3 section, div#idl_totalShiftCostLayer4 section, div#idl_totalShiftCostLayer5 section, div#idl_totalShiftCostLayer6 section, div#idl_totalShiftCostLayer7 section, div#idl_totalShiftCostLayer8 section, div#idl_totalShiftCostLayer9 section, div#idl_totalShiftCostLayer10 section, div#idl_totalShiftCostLayerDIS1 section, div#idl_totalShiftCostLayerDIS2 section, div#idl_totalShiftCostLayerDIS3 section, div#idl_totalShiftCostLayerDIS4 section, div#idl_totalShiftCostLayerDIS5 section, div#idl_totalShiftCostLayerDIS6 section, div#idl_totalShiftCostLayerDIS7 section, div#idl_totalShiftCostLayerDIS8 section, div#idl_totalShiftCostLayerDIS9 section, div#idl_totalShiftCostLayerDIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*Additional Tablet Size*/ @media (min-width: 768px) and (max-width: 992px) { div#idl_headCal .bfSectionDescription, div#idl_headCal2 .bfSectionDescription, div#idl_headCal3 .bfSectionDescription, div#idl_headCal4 .bfSectionDescription, div#idl_headCal5 .bfSectionDescription, div#idl_headCal6 .bfSectionDescription, div#idl_headCal7 .bfSectionDescription, div#idl_headCal8 .bfSectionDescription, div#idl_headCal9 .bfSectionDescription, div#idl_headCal10 .bfSectionDescription, div#idl_headCalDIS .bfSectionDescription, div#idl_headCalDIS2 .bfSectionDescription, div#idl_headCalDIS3 .bfSectionDescription, div#idl_headCalDIS4 .bfSectionDescription, div#idl_headCalDIS5 .bfSectionDescription, div#idl_headCalDIS6 .bfSectionDescription, div#idl_headCalDIS7 .bfSectionDescription, div#idl_headCalDIS8 .bfSectionDescription, div#idl_headCalDIS9 .bfSectionDescription, div#idl_headCalDIS10 .bfSectionDescription { width: 53%; } } /*====Booth Building Labor I & D ENDS HERE======*/ /*=======Recycling labor CSS STARTS HERE========*/ div#ff_formdiv49 .bfQuickMode .btn, .remodal-wrapper .btn { background-color: #242324 !important; } /*==Calculations Section==*/ div#rl_headCal .bfNoSection,div#rl_headCal2 .bfNoSection,div#rl_headCal3 .bfNoSection,div#rl_headCal4 .bfNoSection, div#rl_headCal5 .bfNoSection,div#rl_headCal6 .bfNoSection,div#rl_headCal7 .bfNoSection,div#rl_headCal8 .bfNoSection, div#rl_headCal9 .bfNoSection,div#rl_headCal10 .bfNoSection,div#rl_headCalDIS .bfNoSection,div#rl_headCalDIS2 .bfNoSection,div#rl_headCalDIS3 .bfNoSection,div#rl_headCalDIS4 .bfNoSection,div#rl_headCalDIS5 .bfNoSection,div#rl_headCalDIS6 .bfNoSection,div#rl_headCalDIS7 .bfNoSection,div#rl_headCalDIS8 .bfNoSection,div#rl_headCalDIS9 .bfNoSection,div#rl_headCalDIS10 .bfNoSection { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00000038 !important; } /*Grand Total Input Fields CSS*/ fieldset#rl_INSGTotalCostHead section input, fieldset#rl_DISGTotalCostHead section input, fieldset#rl_OverGTotalHead section input { background: unset !important; border: unset !important; font-weight: 800; } /*Calculations Hide Label (ST/OT/Total)*/ div#rl_workhours .bfLabelLeft label, div#rl_workcost .bfLabelLeft label, div#rl_shfthours .bfLabelLeft label, div#rl_shftcost .bfLabelLeft label, div#rl_workhours2 .bfLabelLeft label, div#rl_workcost2 .bfLabelLeft label, div#rl_shfthours2 .bfLabelLeft label, div#rl_shftcost2 .bfLabelLeft label, div#rl_workhours3 .bfLabelLeft label, div#rl_workcost3 .bfLabelLeft label, div#rl_shfthours3 .bfLabelLeft label, div#rl_shftcost3 .bfLabelLeft label, div#rl_workhours4 .bfLabelLeft label, div#rl_workcost4 .bfLabelLeft label, div#rl_shfthours4 .bfLabelLeft label, div#rl_shftcost4 .bfLabelLeft label, div#rl_workhours5 .bfLabelLeft label, div#rl_workcost5 .bfLabelLeft label, div#rl_shfthours5 .bfLabelLeft label, div#rl_shftcost5 .bfLabelLeft label, div#rl_workhours6 .bfLabelLeft label, div#rl_workcost6 .bfLabelLeft label, div#rl_shfthours6 .bfLabelLeft label, div#rl_shftcost6 .bfLabelLeft label, div#rl_workhours7 .bfLabelLeft label, div#rl_workcost7 .bfLabelLeft label, div#rl_shfthours7 .bfLabelLeft label, div#rl_shftcost7 .bfLabelLeft label, div#rl_workhours8 .bfLabelLeft label, div#rl_workcost8 .bfLabelLeft label, div#rl_shfthours8 .bfLabelLeft label, div#rl_shftcost8 .bfLabelLeft label, div#rl_workhours9 .bfLabelLeft label, div#rl_workcost9 .bfLabelLeft label, div#rl_shfthours9 .bfLabelLeft label, div#rl_shftcost9 .bfLabelLeft label, div#rl_workhours10 .bfLabelLeft label, div#rl_workcost10 .bfLabelLeft label, div#rl_shfthours10 .bfLabelLeft label, div#rl_shftcost10 .bfLabelLeft label, div#rl_workhoursDIS .bfLabelLeft label, div#rl_workcostDIS .bfLabelLeft label, div#rl_shfthoursDIS .bfLabelLeft label, div#rl_shftcostDIS .bfLabelLeft label, div#rl_workhoursDIS2 .bfLabelLeft label, div#rl_workcostDIS2 .bfLabelLeft label, div#rl_shfthoursDIS2 .bfLabelLeft label, div#rl_shftcostDIS2 .bfLabelLeft label, div#rl_workhoursDIS3 .bfLabelLeft label, div#rl_workcostDIS3 .bfLabelLeft label, div#rl_shfthoursDIS3 .bfLabelLeft label, div#rl_shftcostDIS3 .bfLabelLeft label, div#rl_workhoursDIS4 .bfLabelLeft label, div#rl_workcostDIS4 .bfLabelLeft label, div#rl_shfthoursDIS4 .bfLabelLeft label, div#rl_shftcostDIS4 .bfLabelLeft label, div#rl_workhoursDIS5 .bfLabelLeft label, div#rl_workcostDIS5 .bfLabelLeft label, div#rl_shfthoursDIS5 .bfLabelLeft label, div#rl_shftcostDIS5 .bfLabelLeft label, div#rl_workhoursDIS6 .bfLabelLeft label, div#rl_workcostDIS6 .bfLabelLeft label, div#rl_shfthoursDIS6 .bfLabelLeft label, div#rl_shftcostDIS6 .bfLabelLeft label, div#rl_workhoursDIS7 .bfLabelLeft label, div#rl_workcostDIS7 .bfLabelLeft label, div#rl_shfthoursDIS7 .bfLabelLeft label, div#rl_shftcostDIS7 .bfLabelLeft label, div#rl_workhoursDIS8 .bfLabelLeft label, div#rl_workcostDIS8 .bfLabelLeft label, div#rl_shfthoursDIS8 .bfLabelLeft label, div#rl_shftcostDIS8 .bfLabelLeft label, div#rl_workhoursDIS9 .bfLabelLeft label, div#rl_workcostDIS9 .bfLabelLeft label, div#rl_shfthoursDIS9 .bfLabelLeft label, div#rl_shftcostDIS9 .bfLabelLeft label, div#rl_workhoursDIS10 .bfLabelLeft label, div#rl_workcostDIS10 .bfLabelLeft label, div#rl_shfthoursDIS10 .bfLabelLeft label, div#rl_shftcostDIS10 .bfLabelLeft label{ display: none; } /*Calculations Row Heading CSS*/ fieldset#bfQuickModeSection66582 div#rl_headCal span.lbl-boldunderCap, fieldset#bfQuickModeSection66582 div#rl_headCal2 span.lbl-boldunderCap, fieldset#bfQuickModeSection66582 div#rl_headCal3 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#rl_headCal4 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#rl_headCal5 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#rl_headCal6 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#rl_headCal7 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#rl_headCal8 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#rl_headCal9 span.lbl-boldunderCap , fieldset#bfQuickModeSection66582 div#rl_headCal10 span.lbl-boldunderCap, fieldset#bfQuickModeSection17506 div#rl_headCalDIS span.lbl-boldunderCap, fieldset#bfQuickModeSection17506 div#rl_headCalDIS2 span.lbl-boldunderCap, fieldset#bfQuickModeSection17506 div#rl_headCalDIS3 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#rl_headCalDIS4 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#rl_headCalDIS5 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#rl_headCalDIS6 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#rl_headCalDIS7 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#rl_headCalDIS8 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#rl_headCalDIS9 span.lbl-boldunderCap , fieldset#bfQuickModeSection17506 div#rl_headCalDIS10 span.lbl-boldunderCap { text-transform: unset !important; background: unset !important; color: #000 !important; } /*=========Desktop Query=======*/ @media (min-width: 1200px) { /*Labor Rate*/ div#rl_inputHead input[name="ff_nm_rl_LaborRate[]"], div#rl_inputHead2 input[name="ff_nm_rl_LaborRate2[]"], div#rl_inputHead3 input[name="ff_nm_rl_LaborRate3[]"], div#rl_inputHead4 input[name="ff_nm_rl_LaborRate4[]"], div#rl_inputHead input[name="ff_nm_rl_LaborRate5[]"], div#rl_inputHead6 input[name="ff_nm_rl_LaborRate6[]"], div#rl_inputHead7 input[name="ff_nm_rl_LaborRate7[]"], div#rl_inputHead8 input[name="ff_nm_rl_LaborRate8[]"], div#rl_inputHead9 input[name="ff_nm_rl_LaborRate9[]"], div#rl_inputHead10 input[name="ff_nm_rl_LaborRate10[]"], div#rl_inputHeadDIS input[name="ff_nm_rl_LaborRateDIS[]"], div#rl_inputHeadDIS2 input[name="ff_nm_rl_LaborRateDIS2[]"], div#rl_inputHeadDIS3 input[name="ff_nm_rl_LaborRateDIS3[]"], div#rl_inputHeadDIS4 input[name="ff_nm_rl_LaborRateDIS4[]"], div#rl_inputHeadDIS5 input[name="ff_nm_rl_LaborRateDIS5[]"], div#rl_inputHeadDIS6 input[name="ff_nm_rl_LaborRateDIS6[]"], div#rl_inputHeadDIS7 input[name="ff_nm_rl_LaborRateDIS7[]"], div#rl_inputHeadDIS8 input[name="ff_nm_rl_LaborRateDIS8[]"], div#rl_inputHeadDIS9 input[name="ff_nm_rl_LaborRateDIS9[]"], div#rl_inputHeadDIS10 input[name="ff_nm_rl_LaborRateDIS10[]"]{ pointer-events: none !important; background: #c7c7c738; } /*Number of Hours & People Fields div#idl_inputHead input, div#idl_inputHead10 input, div#idl_inputHead2 input, div#idl_inputHead3 input, div#idl_inputHead4 input, div#idl_inputHead5 input, div#idl_inputHead6 input, div#idl_inputHead7 input, div#idl_inputHead8 input, div#idl_inputHead9 input { width: 52% !important; } */ /* DISMANTLE Number of Hours & People Fields div#idl_inputHeadDIS input, div#idl_inputHeadDIS2 input, div#idl_inputHeadDIS3 input, div#idl_inputHeadDIS4 input, div#idl_inputHeadDIS5 input, div#idl_inputHeadDIS6 input, div#idl_inputHeadDIS7 input, div#idl_inputHeadDIS8 input, div#idl_inputHeadDIS9 input, div#idl_inputHeadDIS10 input { width: 52% !important; } */ /*NEW CSS 1 row layout Calculation Field*/ /*==TimePicker Buttons==*/ /*installation section fieldset#bfQuickModeSection66582 button.btn.btn-primary, fieldset#bfQuickModeSection17506 button.btn.btn-primary{ width: 84%; } */ /*==TimePicker Inputs==*/ /*installation section fieldset#bfQuickModeSection66582 input.timeHour, fieldset#bfQuickModeSection66582 input.timeMinutes, fieldset#bfQuickModeSection66582 input.timeMeridian, fieldset#bfQuickModeSection17506 input.timeHour, fieldset#bfQuickModeSection17506 input.timeMinutes, fieldset#bfQuickModeSection17506 input.timeMeridian{ width: 148px; } */ /*==Calculations Header==*/ div#rl_headCal .bfSectionDescription, div#rl_headCal2 .bfSectionDescription, div#rl_headCal3 .bfSectionDescription, div#rl_headCal4 .bfSectionDescription, div#rl_headCal5 .bfSectionDescription, div#rl_headCal6 .bfSectionDescription, div#rl_headCal7 .bfSectionDescription, div#rl_headCal8 .bfSectionDescription, div#rl_headCal9 .bfSectionDescription, div#rl_headCal10 .bfSectionDescription, div#rl_headCalDIS .bfSectionDescription, div#rl_headCalDIS2 .bfSectionDescription, div#rl_headCalDIS3 .bfSectionDescription, div#rl_headCalDIS4 .bfSectionDescription, div#rl_headCalDIS5 .bfSectionDescription, div#rl_headCalDIS6 .bfSectionDescription, div#rl_headCalDIS7 .bfSectionDescription, div#rl_headCalDIS8 .bfSectionDescription, div#rl_headCalDIS9 .bfSectionDescription, div#rl_headCalDIS10 .bfSectionDescription { width: 37.5%; } /*==Calculations ST and Overtime Fields==*/ div#rl_headCal .bfLabelLeft, div#rl_headCal2 .bfLabelLeft, div#rl_headCal3 .bfLabelLeft, div#rl_headCal4 .bfLabelLeft, div#rl_headCal5 .bfLabelLeft, div#rl_headCal6 .bfLabelLeft, div#rl_headCal7 .bfLabelLeft, div#rl_headCal8 .bfLabelLeft, div#rl_headCal9 .bfLabelLeft, div#rl_headCal10 .bfLabelLeft, div#rl_headCalDIS .bfLabelLeft, div#rl_headCalDIS2 .bfLabelLeft, div#rl_headCalDIS3 .bfLabelLeft, div#rl_headCalDIS4 .bfLabelLeft, div#rl_headCalDIS5 .bfLabelLeft, div#rl_headCalDIS6 .bfLabelLeft, div#rl_headCalDIS7 .bfLabelLeft, div#rl_headCalDIS8 .bfLabelLeft, div#rl_headCalDIS9 .bfLabelLeft, div#rl_headCalDIS10 .bfLabelLeft { width: 17%; border-bottom: unset !important; } /*==Calculations Label==*/ div#rl_headCal .bfLabelLeft label, div#rl_headCal2 .bfLabelLeft label, div#rl_headCal3 .bfLabelLeft label, div#rl_headCal4 .bfLabelLeft label, div#rl_headCal5 .bfLabelLeft label, div#rl_headCal6 .bfLabelLeft label, div#rl_headCal7 .bfLabelLeft label, div#rl_headCal8 .bfLabelLeft label, div#rl_headCal9 .bfLabelLeft label, div#rl_headCal10 .bfLabelLeft label, div#rl_headCalDIS .bfLabelLeft label, div#rl_headCalDIS2 .bfLabelLeft label, div#rl_headCalDIS3 .bfLabelLeft label, div#rl_headCalDIS4 .bfLabelLeft label, div#rl_headCalDIS5 .bfLabelLeft label, div#rl_headCalDIS6 .bfLabelLeft label, div#rl_headCalDIS7 .bfLabelLeft label, div#rl_headCalDIS8 .bfLabelLeft label, div#rl_headCalDIS9 .bfLabelLeft label, div#rl_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*==Calculations Input Fields & Total Cost Field==*/ div#rl_headCal input.ff_elem, input#ff_elem25320, div#rl_headCal2 input.ff_elem, input#ff_elem25341, div#rl_headCal3 input.ff_elem, input#ff_elem25362, div#rl_headCal4 input.ff_elem, input#ff_elem25383, div#rl_headCal5 input.ff_elem, input#ff_elem25404, div#rl_headCal6 input.ff_elem, input#ff_elem25425, div#rl_headCal7 input.ff_elem, input#ff_elem25446, div#rl_headCal8 input.ff_elem, input#ff_elem25467, div#rl_headCal9 input.ff_elem, input#ff_elem25488, div#rl_headCal10 input.ff_elem, input#ff_elem25509, div#rl_headCalDIS input.ff_elem, input#ff_elem25530, div#rl_headCalDIS2 input.ff_elem, input#ff_elem25551, div#rl_headCalDIS3 input.ff_elem, input#ff_elem25572, div#rl_headCalDIS4 input.ff_elem, input#ff_elem25593, div#rl_headCalDIS5 input.ff_elem, input#ff_elem25614, div#rl_headCalDIS6 input.ff_elem, input#ff_elem25635, div#rl_headCalDIS7 input.ff_elem, input#ff_elem25656, div#rl_headCalDIS8 input.ff_elem, input#ff_elem25677, div#rl_headCalDIS9 input.ff_elem, input#ff_elem25698, div#rl_headCalDIS10 input.ff_elem, input#ff_elem25719 { border: unset !important; background: unset; font-weight: 800; text-align: right; } /*Total Shift Cost*/ input#ff_elem25320,input#ff_elem25341,input#ff_elem25362,input#ff_elem25383,input#ff_elem25404,input#ff_elem25425,input#ff_elem25446, input#ff_elem25467,input#ff_elem25488,input#ff_elem25509,input#ff_elem25530,input#ff_elem25551,input#ff_elem25572,input#ff_elem25593, input#ff_elem25614,input#ff_elem25635,input#ff_elem25656,input#ff_elem25677,input#ff_elem25698,input#ff_elem25719 { width: 53.6% !important; } label#bfLabel25320, label#bfLabel25341, label#bfLabel25362, label#bfLabel25383, label#bfLabel25404, label#bfLabel25425, label#bfLabel25446, label#bfLabel25467, label#bfLabel25488, label#bfLabel25509, label#bfLabel25530, label#bfLabel25551, label#bfLabel25572, label#bfLabel25593, label#bfLabel25614, label#bfLabel25635, label#bfLabel25656, label#bfLabel25677, label#bfLabel25698, label#bfLabel25719 { width: 35.5% !important; } /*INS Total Input Fields*/ fieldset#rl_INSGTotalCostHead input { border: unset !important; background: unset; font-weight: bold; } /*DIS Total Input Fields*/ fieldset#rl_DISGTotalCostHead input { border: unset !important; background: unset; font-weight: bold; } /*Grand Total Input Fields*/ fieldset#rl_OverGTotalHead input { border: unset !important; background: unset; font-weight: bold; } } /*NUmber of Hours & Number of People Responsive CSS @media (min-width: 320px) and (max-width: 767px){ div#rl_inputHeadDIS input, div#rl_inputHeadDIS2 input, div#rl_inputHeadDIS3 input, div#rl_inputHeadDIS4 input, div#rl_inputHeadDIS5 input, div#rl_inputHeadDIS6 input, div#rl_inputHeadDIS7 input, div#rl_inputHeadDIS8 input, div#rl_inputHeadDIS9 input, div#rl_inputHeadDIS10 input { width: 86% !important; } div#rl_inputHead input, div#rl_inputHead10 input, div#rl_inputHead2 input, div#rl_inputHead3 input, div#rl_inputHead4 input, div#rl_inputHead5 input, div#rl_inputHead6 input, div#rl_inputHead7 input, div#rl_inputHead8 input, div#rl_inputHead9 input { width: 86% !important; } } */ @media (min-width: 1200px) and (max-width: 1399px) { /*==Calculations Header==*/ div#rl_headCal .bfSectionDescription, div#rl_headCal2 .bfSectionDescription, div#rl_headCal3 .bfSectionDescription, div#rl_headCal4 .bfSectionDescription, div#rl_headCal5 .bfSectionDescription, div#rl_headCal6 .bfSectionDescription, div#rl_headCal7 .bfSectionDescription, div#rl_headCal8 .bfSectionDescription, div#rl_headCal9 .bfSectionDescription, div#rl_headCal10 .bfSectionDescription, div#rl_headCalDIS .bfSectionDescription, div#rl_headCalDIS2 .bfSectionDescription, div#rl_headCalDIS3 .bfSectionDescription, div#rl_headCalDIS4 .bfSectionDescription, div#rl_headCalDIS5 .bfSectionDescription, div#rl_headCalDIS6 .bfSectionDescription, div#rl_headCalDIS7 .bfSectionDescription, div#rl_headCalDIS8 .bfSectionDescription, div#rl_headCalDIS9 .bfSectionDescription, div#rl_headCalDIS10 .bfSectionDescription { width: 35.5%; } /*==Calculations ST and Overtime Fields==*/ div#rl_headCal .bfLabelLeft, div#rl_headCal2 .bfLabelLeft, div#rl_headCal3 .bfLabelLeft, div#rl_headCal4 .bfLabelLeft, div#rl_headCal5 .bfLabelLeft, div#rl_headCal6 .bfLabelLeft, div#rl_headCal7 .bfLabelLeft, div#rl_headCal8 .bfLabelLeft, div#rl_headCal9 .bfLabelLeft, div#rl_headCal10 .bfLabelLeft, div#rl_headCalDIS .bfLabelLeft, div#rl_headCalDIS2 .bfLabelLeft, div#rl_headCalDIS3 .bfLabelLeft, div#rl_headCalDIS4 .bfLabelLeft, div#rl_headCalDIS5 .bfLabelLeft, div#rl_headCalDIS6 .bfLabelLeft, div#rl_headCalDIS7 .bfLabelLeft, div#rl_headCalDIS8 .bfLabelLeft, div#rl_headCalDIS9 .bfLabelLeft, div#rl_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*Total Shift Cost*/ input#ff_elem25320,input#ff_elem25341,input#ff_elem25362,input#ff_elem25383,input#ff_elem25404,input#ff_elem25425,input#ff_elem25446, input#ff_elem25467,input#ff_elem25488,input#ff_elem25509,input#ff_elem25530,input#ff_elem25551,input#ff_elem25572,input#ff_elem25593, input#ff_elem25614,input#ff_elem25635,input#ff_elem25656,input#ff_elem25677,input#ff_elem25698,input#ff_elem25719 { width: 60.5% !important; } } /*Mobile 1 Table Layout CSS*/ @media only screen and (max-width: 767px) { /*SHOW Label Abbreviations on Mobile*/ /* Hide the original content for the class orig-test */ div#rl_headCal label p.orig-head, div#rl_headCal2 label p.orig-head,div#rl_headCal3 label p.orig-head, div#rl_headCal4 label p.orig-head, div#rl_headCal5 label p.orig-head,div#rl_headCal6 label p.orig-head, div#rl_headCal7 label p.orig-head, div#rl_headCal8 label p.orig-head,div#rl_headCal9 label p.orig-head, div#rl_headCal10 label p.orig-head,div#rl_headCalDIS label p.orig-head, div#rl_headCalDIS2 label p.orig-head, div#rl_headCalDIS3 label p.orig-head, div#rl_headCalDIS4 label p.orig-head, div#rl_headCalDIS5 label p.orig-head, div#rl_headCalDIS6 label p.orig-head, div#rl_headCalDIS7 label p.orig-head, div#rl_headCalDIS8 label p.orig-head, div#rl_headCalDIS9 label p.orig-head, div#rl_headCalDIS10 label p.orig-head { display: none; } /* Display the abbreviation for the class abbr */ div#rl_headCal label p.mobile-abbr, div#rl_headCal2 label p.mobile-abbr, div#rl_headCal3 label p.mobile-abbr, div#rl_headCal4 label p.mobile-abbr, div#rl_headCal5 label p.mobile-abbr, div#rl_headCal6 label p.mobile-abbr, div#rl_headCal7 label p.mobile-abbr, div#rl_headCal8 label p.mobile-abbr, div#rl_headCal9 label p.mobile-abbr, div#rl_headCal10 label p.mobile-abbr, div#rl_headCalDIS label p.mobile-abbr, div#rl_headCalDIS2 label p.mobile-abbr, div#rl_headCalDIS3 label p.mobile-abbr, div#rl_headCalDIS4 label p.mobile-abbr, div#rl_headCalDIS5 label p.mobile-abbr, div#rl_headCalDIS6 label p.mobile-abbr, div#rl_headCalDIS7 label p.mobile-abbr, div#rl_headCalDIS8 label p.mobile-abbr, div#rl_headCalDIS9 label p.mobile-abbr, div#rl_headCalDIS10 label p.mobile-abbr { display: block; margin: unset !important; } /*Calcualtions ST/OT/Total Fields*/ div#rl_headCal .bfLabelLeft, div#rl_headCal2 .bfLabelLeft, div#rl_headCal3 .bfLabelLeft, div#rl_headCal4 .bfLabelLeft, div#rl_headCal5 .bfLabelLeft, div#rl_headCal6 .bfLabelLeft, div#rl_headCal7 .bfLabelLeft, div#rl_headCal8 .bfLabelLeft, div#rl_headCal9 .bfLabelLeft, div#rl_headCal10 .bfLabelLeft, div#rl_headCalDIS .bfLabelLeft, div#rl_headCalDIS2 .bfLabelLeft, div#rl_headCalDIS3 .bfLabelLeft, div#rl_headCalDIS4 .bfLabelLeft, div#rl_headCalDIS5 .bfLabelLeft, div#rl_headCalDIS6 .bfLabelLeft, div#rl_headCalDIS7 .bfLabelLeft, div#rl_headCalDIS8 .bfLabelLeft, div#rl_headCalDIS9 .bfLabelLeft, div#rl_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } /*==Calculations Label==*/ div#rl_headCal .bfLabelLeft label, div#rl_headCal2 .bfLabelLeft label, div#rl_headCal3 .bfLabelLeft label, div#rl_headCal4 .bfLabelLeft label, div#rl_headCal5 .bfLabelLeft label, div#rl_headCal6 .bfLabelLeft label, div#rl_headCal7 .bfLabelLeft label, div#rl_headCal8 .bfLabelLeft label, div#rl_headCal9 .bfLabelLeft label, div#rl_headCal10 .bfLabelLeft label, div#rl_headCalDIS .bfLabelLeft label, div#rl_headCalDIS2 .bfLabelLeft label, div#rl_headCalDIS3 .bfLabelLeft label, div#rl_headCalDIS4 .bfLabelLeft label, div#rl_headCalDIS5 .bfLabelLeft label, div#rl_headCalDIS6 .bfLabelLeft label, div#rl_headCalDIS7 .bfLabelLeft label, div#rl_headCalDIS8 .bfLabelLeft label, div#rl_headCalDIS9 .bfLabelLeft label, div#rl_headCalDIS10 .bfLabelLeft label { width: 93%; text-align: right; position: relative; left: 10%; } /*Calcualtions Row Headers*/ div#rl_headCal .bfSectionDescription, div#rl_headCal2 .bfSectionDescription, div#rl_headCal3 .bfSectionDescription, div#rl_headCal4 .bfSectionDescription, div#rl_headCal5 .bfSectionDescription, div#rl_headCal6 .bfSectionDescription, div#rl_headCal7 .bfSectionDescription, div#rl_headCal8 .bfSectionDescription, div#rl_headCal9 .bfSectionDescription, div#rl_headCal10 .bfSectionDescription, div#rl_headCalDIS .bfSectionDescription, div#rl_headCalDIS2 .bfSectionDescription, div#rl_headCalDIS3 .bfSectionDescription, div#rl_headCalDIS4 .bfSectionDescription, div#rl_headCalDIS5 .bfSectionDescription, div#rl_headCalDIS6 .bfSectionDescription, div#rl_headCalDIS7 .bfSectionDescription, div#rl_headCalDIS8 .bfSectionDescription, div#rl_headCalDIS9 .bfSectionDescription, div#rl_headCalDIS10 .bfSectionDescription { width: 32%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#rl_headCal input.ff_elem, input#ff_elem25320, div#rl_headCal2 input.ff_elem, input#ff_elem25341, div#rl_headCal3 input.ff_elem, input#ff_elem25362, div#rl_headCal4 input.ff_elem, input#ff_elem25383, div#rl_headCal5 input.ff_elem, input#ff_elem25404, div#rl_headCal6 input.ff_elem, input#ff_elem25425, div#rl_headCal7 input.ff_elem, input#ff_elem25446, div#rl_headCal8 input.ff_elem, input#ff_elem25467, div#rl_headCal9 input.ff_elem, input#ff_elem25488, div#rl_headCal10 input.ff_elem, input#ff_elem25509, div#rl_headCalDIS input.ff_elem, input#ff_elem25530, div#rl_headCalDIS2 input.ff_elem, input#ff_elem25551, div#rl_headCalDIS3 input.ff_elem, input#ff_elem25572, div#rl_headCalDIS4 input.ff_elem, input#ff_elem25593, div#rl_headCalDIS5 input.ff_elem, input#ff_elem25614, div#rl_headCalDIS6 input.ff_elem, input#ff_elem25635, div#rl_headCalDIS7 input.ff_elem, input#ff_elem25656, div#rl_headCalDIS8 input.ff_elem, input#ff_elem25677, div#rl_headCalDIS9 input.ff_elem, input#ff_elem25698, div#rl_headCalDIS10 input.ff_elem, input#ff_elem25719 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 93% !important; } /*Total Shift Cost*/ label#bfLabel25320, label#bfLabel25341, label#bfLabel25362, label#bfLabel25383, label#bfLabel25404, label#bfLabel25425, label#bfLabel25446, label#bfLabel25467, label#bfLabel25488, label#bfLabel25509, label#bfLabel25530, label#bfLabel25551, label#bfLabel25572, label#bfLabel25593, label#bfLabel25614, label#bfLabel25635, label#bfLabel25656, label#bfLabel25677, label#bfLabel25698, label#bfLabel25719{ width: 20%; min-width: 37%; } div#rl_totalShiftCostLayer1 section input, div#rl_totalShiftCostLayer2 section input, div#rl_totalShiftCostLayer3 section input, div#rl_totalShiftCostLayer4 section input, div#rl_totalShiftCostLayer5 section input, div#rl_totalShiftCostLayer6 section input, div#rl_totalShiftCostLayer7 section input, div#rl_totalShiftCostLayer8 section input, div#rl_totalShiftCostLayer9 section input, div#rl_totalShiftCostLayer10 section input, div#rl_totalShiftCostLayerDIS1 section input, div#rl_totalShiftCostLayerDIS2 section input, div#rl_totalShiftCostLayerDIS3 section input, div#rl_totalShiftCostLayerDIS4 section input, div#rl_totalShiftCostLayerDIS5 section input, div#rl_totalShiftCostLayerDIS6 section input, div#rl_totalShiftCostLayerDIS7 section input, div#rl_totalShiftCostLayerDIS8 section input, div#rl_totalShiftCostLayerDIS9 section input, div#rl_totalShiftCostLayerDIS10 section input { min-width: 16%; } div#rl_totalShiftCostLayer1 section, div#rl_totalShiftCostLayer2 section, div#rl_totalShiftCostLayer3 section, div#rl_totalShiftCostLayer4 section, div#rl_totalShiftCostLayer5 section, div#rl_totalShiftCostLayer6 section, div#rl_totalShiftCostLayer7 section, div#rl_totalShiftCostLayer8 section, div#rl_totalShiftCostLayer9 section, div#rl_totalShiftCostLayer10 section, div#rl_totalShiftCostLayerDIS1 section, div#rl_totalShiftCostLayerDIS2 section, div#rl_totalShiftCostLayerDIS3 section, div#rl_totalShiftCostLayerDIS4 section, div#rl_totalShiftCostLayerDIS5 section, div#rl_totalShiftCostLayerDIS6 section, div#rl_totalShiftCostLayerDIS7 section, div#rl_totalShiftCostLayerDIS8 section, div#rl_totalShiftCostLayerDIS9 section, div#rl_totalShiftCostLayerDIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*HIDE Label Abbreviations on TABLET/DESKTOP*/ @media (min-width: 768px) { div#rl_headCal label p.mobile-abbr, div#rl_headCal2 label p.mobile-abbr, div#rl_headCal3 label p.mobile-abbr, div#rl_headCal4 label p.mobile-abbr, div#rl_headCal5 label p.mobile-abbr, div#rl_headCal6 label p.mobile-abbr, div#rl_headCal7 label p.mobile-abbr, div#rl_headCal8 label p.mobile-abbr, div#rl_headCal9 label p.mobile-abbr, div#rl_headCal10 label p.mobile-abbr, div#rl_headCalDIS label p.mobile-abbr, div#rl_headCalDIS2 label p.mobile-abbr, div#rl_headCalDIS3 label p.mobile-abbr, div#rl_headCalDIS4 label p.mobile-abbr, div#rl_headCalDIS5 label p.mobile-abbr, div#rl_headCalDIS6 label p.mobile-abbr, div#rl_headCalDIS7 label p.mobile-abbr, div#rl_headCalDIS8 label p.mobile-abbr, div#rl_headCalDIS9 label p.mobile-abbr, div#rl_headCalDIS10 label p.mobile-abbr { display: none !important; } div#rl_headCal label p.orig-head, div#rl_headCal2 label p.orig-head,div#rl_headCal3 label p.orig-head, div#rl_headCal4 label p.orig-head, div#rl_headCal5 label p.orig-head,div#rl_headCal6 label p.orig-head, div#rl_headCal7 label p.orig-head, div#rl_headCal8 label p.orig-head,div#rl_headCal9 label p.orig-head, div#rl_headCal10 label p.orig-head,div#rl_headCalDIS label p.orig-head, div#rl_headCalDIS2 label p.orig-head, div#rl_headCalDIS3 label p.orig-head, div#rl_headCalDIS4 label p.orig-head, div#rl_headCalDIS5 label p.orig-head, div#rl_headCalDIS6 label p.orig-head, div#rl_headCalDIS7 label p.orig-head, div#rl_headCalDIS8 label p.orig-head, div#rl_headCalDIS9 label p.orig-head, div#rl_headCalDIS10 label p.orig-head { margin: unset !important; } } /*Tablet 1 Table Layout CSS*/ @media (min-width: 768px) and (max-width: 1199px) { /*Calcualtions ST/OT/Total Fields*/ div#rl_headCal .bfLabelLeft, div#rl_headCal2 .bfLabelLeft, div#rl_headCal3 .bfLabelLeft, div#rl_headCal4 .bfLabelLeft, div#rl_headCal5 .bfLabelLeft, div#rl_headCal6 .bfLabelLeft, div#rl_headCal7 .bfLabelLeft, div#rl_headCal8 .bfLabelLeft, div#rl_headCal9 .bfLabelLeft, div#rl_headCal10 .bfLabelLeft, div#rl_headCalDIS .bfLabelLeft, div#rl_headCalDIS2 .bfLabelLeft, div#rl_headCalDIS3 .bfLabelLeft, div#rl_headCalDIS4 .bfLabelLeft, div#rl_headCalDIS5 .bfLabelLeft, div#rl_headCalDIS6 .bfLabelLeft, div#rl_headCalDIS7 .bfLabelLeft, div#rl_headCalDIS8 .bfLabelLeft, div#rl_headCalDIS9 .bfLabelLeft, div#rl_headCalDIS10 .bfLabelLeft { width: 20%; border-bottom: unset !important; } div#rl_headCal .bfLabelLeft label, div#rl_headCal2 .bfLabelLeft label, div#rl_headCal3 .bfLabelLeft label, div#rl_headCal4 .bfLabelLeft label, div#rl_headCal5 .bfLabelLeft label, div#rl_headCal6 .bfLabelLeft label, div#rl_headCal7 .bfLabelLeft label, div#rl_headCal8 .bfLabelLeft label, div#rl_headCal9 .bfLabelLeft label, div#rl_headCal10 .bfLabelLeft label, div#rl_headCalDIS .bfLabelLeft label, div#rl_headCalDIS2 .bfLabelLeft label, div#rl_headCalDIS3 .bfLabelLeft label, div#rl_headCalDIS4 .bfLabelLeft label, div#rl_headCalDIS5 .bfLabelLeft label, div#rl_headCalDIS6 .bfLabelLeft label, div#rl_headCalDIS7 .bfLabelLeft label, div#rl_headCalDIS8 .bfLabelLeft label, div#rl_headCalDIS9 .bfLabelLeft label, div#rl_headCalDIS10 .bfLabelLeft label { width: 100%; text-align: right; } /*Calcualtions Row Headers*/ div#rl_headCal .bfSectionDescription, div#rl_headCal2 .bfSectionDescription, div#rl_headCal3 .bfSectionDescription, div#rl_headCal4 .bfSectionDescription, div#rl_headCal5 .bfSectionDescription, div#rl_headCal6 .bfSectionDescription, div#rl_headCal7 .bfSectionDescription, div#rl_headCal8 .bfSectionDescription, div#rl_headCal9 .bfSectionDescription, div#rl_headCal10 .bfSectionDescription, div#rl_headCalDIS .bfSectionDescription, div#rl_headCalDIS2 .bfSectionDescription, div#rl_headCalDIS3 .bfSectionDescription, div#rl_headCalDIS4 .bfSectionDescription, div#rl_headCalDIS5 .bfSectionDescription, div#rl_headCalDIS6 .bfSectionDescription, div#rl_headCalDIS7 .bfSectionDescription, div#rl_headCalDIS8 .bfSectionDescription, div#rl_headCalDIS9 .bfSectionDescription, div#rl_headCalDIS10 .bfSectionDescription { width: 39%; } /*Calculations NO BACKGROUND and NO BORDER*/ div#rl_headCal input.ff_elem, input#ff_elem25320, div#rl_headCal2 input.ff_elem, input#ff_elem25341, div#rl_headCal3 input.ff_elem, input#ff_elem25362, div#rl_headCal4 input.ff_elem, input#ff_elem25383, div#rl_headCal5 input.ff_elem, input#ff_elem25404, div#rl_headCal6 input.ff_elem, input#ff_elem25425, div#rl_headCal7 input.ff_elem, input#ff_elem25446, div#rl_headCal8 input.ff_elem, input#ff_elem25467, div#rl_headCal9 input.ff_elem, input#ff_elem25488, div#rl_headCal10 input.ff_elem, input#ff_elem25509, div#rl_headCalDIS input.ff_elem, input#ff_elem25530, div#rl_headCalDIS2 input.ff_elem, input#ff_elem25551, div#rl_headCalDIS3 input.ff_elem, input#ff_elem25572, div#rl_headCalDIS4 input.ff_elem, input#ff_elem25593, div#rl_headCalDIS5 input.ff_elem, input#ff_elem25614, div#rl_headCalDIS6 input.ff_elem, input#ff_elem25635, div#rl_headCalDIS7 input.ff_elem, input#ff_elem25656, div#rl_headCalDIS8 input.ff_elem, input#ff_elem25677, div#rl_headCalDIS9 input.ff_elem, input#ff_elem25698, div#rl_headCalDIS10 input.ff_elem, input#ff_elem25719 { border: unset !important; background: unset; font-weight: 800; text-align: right; width: 96% !important; } /*Total Shift Cost*/ label#bfLabel25320, label#bfLabel25341, label#bfLabel25362, label#bfLabel25383, label#bfLabel25404, label#bfLabel25425, label#bfLabel25446, label#bfLabel25467, label#bfLabel25488, label#bfLabel25509, label#bfLabel25530, label#bfLabel25551, label#bfLabel25572, label#bfLabel25593, label#bfLabel25614, label#bfLabel25635, label#bfLabel25656, label#bfLabel25677, label#bfLabel25698, label#bfLabel25719 { width: 20%; min-width: 26%; } div#rl_totalShiftCostLayer1 section input, div#rl_totalShiftCostLayer2 section input, div#rl_totalShiftCostLayer3 section input, div#rl_totalShiftCostLayer4 section input, div#rl_totalShiftCostLayer5 section input, div#rl_totalShiftCostLayer6 section input, div#rl_totalShiftCostLayer7 section input, div#rl_totalShiftCostLayer8 section input, div#rl_totalShiftCostLayer9 section input, div#rl_totalShiftCostLayer10 section input, div#rl_totalShiftCostLayerDIS1 section input, div#rl_totalShiftCostLayerDIS2 section input, div#rl_totalShiftCostLayerDIS3 section input, div#rl_totalShiftCostLayerDIS4 section input, div#rl_totalShiftCostLayerDIS5 section input, div#rl_totalShiftCostLayerDIS6 section input, div#rl_totalShiftCostLayerDIS7 section input, div#rl_totalShiftCostLayerDIS8 section input, div#rl_totalShiftCostLayerDIS9 section input, div#rl_totalShiftCostLayerDIS10 section input { min-width: 16%; padding-right: unset !important; } div#rl_totalShiftCostLayer1 section, div#rl_totalShiftCostLayer2 section, div#rl_totalShiftCostLayer3 section, div#rl_totalShiftCostLayer4 section, div#rl_totalShiftCostLayer5 section, div#rl_totalShiftCostLayer6 section, div#rl_totalShiftCostLayer7 section, div#rl_totalShiftCostLayer8 section, div#rl_totalShiftCostLayer9 section, div#rl_totalShiftCostLayer10 section, div#rl_totalShiftCostLayerDIS1 section, div#rl_totalShiftCostLayerDIS2 section, div#rl_totalShiftCostLayerDIS3 section, div#rl_totalShiftCostLayerDIS4 section, div#rl_totalShiftCostLayerDIS5 section, div#rl_totalShiftCostLayerDIS6 section, div#rl_totalShiftCostLayerDIS7 section, div#rl_totalShiftCostLayerDIS8 section, div#rl_totalShiftCostLayerDIS9 section, div#rl_totalShiftCostLayerDIS10 section { display: flex; justify-content: space-between; align-items: center; } } /*Additional Tablet Size*/ @media (min-width: 768px) and (max-width: 992px) { div#rl_headCal .bfSectionDescription, div#rl_headCal2 .bfSectionDescription, div#rl_headCal3 .bfSectionDescription, div#rl_headCal4 .bfSectionDescription, div#rl_headCal5 .bfSectionDescription, div#rl_headCal6 .bfSectionDescription, div#rl_headCal7 .bfSectionDescription, div#rl_headCal8 .bfSectionDescription, div#rl_headCal9 .bfSectionDescription, div#rl_headCal10 .bfSectionDescription, div#rl_headCalDIS .bfSectionDescription, div#rl_headCalDIS2 .bfSectionDescription, div#rl_headCalDIS3 .bfSectionDescription, div#rl_headCalDIS4 .bfSectionDescription, div#rl_headCalDIS5 .bfSectionDescription, div#rl_headCalDIS6 .bfSectionDescription, div#rl_headCalDIS7 .bfSectionDescription, div#rl_headCalDIS8 .bfSectionDescription, div#rl_headCalDIS9 .bfSectionDescription, div#rl_headCalDIS10 .bfSectionDescription { width: 53%; } } /*=======Recycling labor CSS ENDS HERE========*/ /*====== STORAGE LABOR CSS======= START*/ /*==TimePicker Buttons==*/ fieldset#sl_LaborFields button.btn.btn-primary{ width: 84%; } /*==TimePicker Inputs==*/ /*Installation/Dismantle Section*/ fieldset#sl_LaborFields input.timeHour, fieldset#sl_LaborFields input.timeMinutes, fieldset#sl_LaborFields input.timeMeridian{ width: 148px; } /*==Section Rows==*/ div#sl_headCal .bfNoSection { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00000038 !important; } /*==Section 1st Cell==*/ div#sl_headCal section.bfSectionDescription { width: 37.5%; } /*==Row Labels==*/ div#sl_headCal span.lbl-boldunderCap { text-transform: unset !important; background: unset !important; color: #000 !important; } /*==Standard-Overtime-Total Cells==*/ div#sl_headCal .bfLabelLeft { width: 19%; } /*==Column Labels==*/ div#sl_headCal label { width: 100%; text-align: right; } /*==Input Fields==*/ div#sl_headCal input.ff_elem { border: unset !important; text-align: right; background: unset; font-weight: 800; } form#ff_form47 div#sl_inputHead section.bfElemWrap:nth-child(1) input { pointer-events: none !important; border: unset !important; background: unset; } form#ff_form47 fieldset#idl_DISGTotalCostHead section, form#ff_form47 fieldset#idl_INSGTotalCostHead section, form#ff_form47 fieldset#idl_OverGTotalHead section { background: #b8e5f375 !important; display: flex; align-items: center; } form#ff_form47 fieldset#idl_DISGTotalCostHead input, form#ff_form47 fieldset#idl_INSGTotalCostHead input, form#ff_form47 fieldset#idl_OverGTotalHead input{ color: red !important; } /*==Cells Border Bottom==*/ div#sl_headCal section.bfElemWrap { width: 17%; border-bottom: unset !important; } /*==Cell Labels==*/ div#sl_headCal div#sl_workhours label, div#sl_headCal div#sl_workcost label, div#sl_headCal div#sl_shfthours label, div#sl_headCal div#sl_shftcost label{ display:none; } /*==Total Shift Cost==*/ div#sl_totalShiftCost input.ff_elem { width: 44% !important; border: unset; background: unset; text-align: right; font-weight: 800; } /*==Mobile Accroname==*/ fieldset#sl_LaborFields label p.orig-head{ display: block; } fieldset#sl_LaborFields label p.mobile-abbr{ display: none; } /*DESKTOP*/ @media (min-width: 1200px) { /*==TimePicker Buttons==*/ fieldset#sl_LaborFields button.btn.btn-primary { width: 84%; } /*==TimePicker Inputs==*/ /*Installation Section*/ fieldset#sl_LaborFields input.timeHour, fieldset#sl_LaborFields input.timeMinutes, fieldset#sl_LaborFields input.timeMeridian{ width: 148px; } /*==Column Labels==*/ /*Dismantle Section*/ div#sl_headCal label{ width: 100%; text-align: right; } /*==Section 1st Cell==*/ div#sl_headCal section.bfSectionDescription{ width: 37.5%; } /*==Standard-Overtime-Total Cells==*/ div#sl_headCal .bfLabelLeft{ width: 17%; } /*==Input Fields==*/ div#sl_headCal .ff_elem{ border: unset !important; background: unset; text-align: right; font-weight: 800; } /*==Cells Border Bottom==*/ div#sl_headCal section.bfElemWrap{ border-bottom: unset !important; width: 17%; } } /*DESKTOP - Smaller*/ @media (min-width: 1200px) and (max-width: 1399px) { /*==TimePicker Buttons==*/ fieldset#sl_LaborFields button.btn.btn-primary{ width: 117px; } /*==TimePicker Inputs==*/ /*Installation Section*/ fieldset#sl_LaborFields input.timeHour, fieldset#sl_LaborFields input.timeMinutes, fieldset#sl_LaborFields input.timeMeridian{ width: 125px; } /*==Section 1st Cell==*/ div#sl_headCal section.bfSectionDescription{ width: 36.5%; } /*==Standard-Overtime-Total Cells==*/ div#sl_headCal section.bfElemWrap{ width: 20%; } /*==Total Shift Cost==*/ div#sl_totalShiftCost input.ff_elem { width: 52% !important; } } /*TABLET*/ @media (min-width: 768px) and (max-width: 1199px){ /*==TimePicker Buttons==*/ fieldset#sl_LaborFields button.btn.btn-primary{ width: 41px; } /*==TimePicker Inputs==*/ /*Installation Section*/ fieldset#sl_LaborFields input.timeHour, fieldset#sl_LaborFields input.timeMinutes, fieldset#sl_LaborFields input.timeMeridian{ width: 50px; } /*==Standard-Overtime-Total Cells==*/ div#sl_headCal section.bfElemWrap{ width: 20%; } /*==Input Fields==*/ div#sl_headCal input.ff_elem{ width: 96% !important; } /*==Total Shift Cost==*/ div#sl_totalShiftCost input.ff_elem { width: 99% !important; } } /*MOBILE - Bigger*/ @media (min-width: 550px) and (max-width: 767px){ /*==TimePicker Buttons==*/ fieldset#sl_LaborFields button.btn.btn-primary{ width: 107px; } /*==TimePicker Inputs==*/ /*Installation Section*/ fieldset#sl_LaborFields input.timeHour, fieldset#sl_LaborFields input.timeMinutes, fieldset#sl_LaborFields input.timeMeridian{ width: 117px; } /*==Standard-Overtime-Total Cells==*/ div#sl_headCal section.bfElemWrap{ width: 20%; } /*==Input Fields==*/ div#sl_headCal input.ff_elem{ width: 96% !important; } /*==Total Shift Cost==*/ div#sl_totalShiftCost input.ff_elem { width: 99% !important; } /*==Column Labels==*/ div#sl_headCal label{ left: 10%; position: relative; } /*==Mobile Accroname==*/ fieldset#sl_LaborFields label p.orig-head{ display: none; } fieldset#sl_LaborFields label p.mobile-abbr{ display: block; margin: unset !important; } } /*MOBILE - Xtra Small*/ @media (min-width: 320px) and (max-width: 549px){ /*==TimePicker Buttons==*/ fieldset#sl_LaborFields button.btn.btn-primary{ width: 48px; } /*==TimePicker Inputs==*/ /*Installation Section*/ fieldset#sl_LaborFields input.timeHour, fieldset#sl_LaborFields input.timeMinutes, fieldset#sl_LaborFields input.timeMeridian{ width: 55px; } /*==Standard-Overtime-Total Cells==*/ div#sl_headCal section.bfElemWrap{ width: 20%; } /*==Input Fields==*/ div#sl_headCal input.ff_elem{ width: 93% !important; } /*==Total Shift Cost==*/ div#sl_totalShiftCost input.ff_elem { width: 99% !important; } /*==Column Labels==*/ div#sl_headCal label{ left: 10%; position: relative; } /*==Mobile Accroname==*/ fieldset#sl_LaborFields label p.orig-head{ display: none; } fieldset#sl_LaborFields label p.mobile-abbr{ display: block; margin: unset !important; } } /*======STORAGE LABOR CSS======= END*/ /*======CLEANING & PORTER SEERVICES CSS======= START*/ form#ff_form54.bfQuickMode legend{ background: #3a1524 !important; } button#ff_elem31705, button#ff_elem31706 { background-color: #242324 !important; } /*======CLEANING & PORTER SEERVICES CSS======= END*/ /*======BOOTH CARPET INSTALLATION INDIVIDUAL======= */ form#ff_form65 legend { background: #32CD32 !important; } input#ff_elem44657 { border: none; } section#bfElemWrap44697, section#bfElemWrap44698, section#bfElemWrap44699, section#bfElemWrap44703, section#bfElemWrap44704, section#bfElemWrap44705{ border-bottom: unset !important; } span#bfElementGroup44655 { display: flex; flex-wrap: wrap; } section#bfElemWrap44655 input.ff_elem { margin-bottom: 5% !important; display: inline-block; } div#ff_formdiv65 .bfQuickMode .btn, .remodal-wrapper .btn { background-color: #242324 !important; } div#bth_totalShiftCostLayer1 input, div#bth_totalShiftCostLayer2 input, div#bth_totalShiftCostLayer3 input, div#bth_totalShiftCostLayer4 input, div#bth_totalShiftCostLayer5 input, div#bth_totalShiftCostLayer6 input, div#bth_totalShiftCostLayer7 input, div#bth_totalShiftCostLayer8 input, div#bth_totalShiftCostLayer9 input, div#bth_totalShiftCostLayer10 input, div#bth_totalShiftCostLayerDIS1 input, div#bth_totalShiftCostLayerDIS2 input, div#bth_totalShiftCostLayerDIS3 input, div#bth_totalShiftCostLayerDIS4 input, div#bth_totalShiftCostLayerDIS5 input, div#bth_totalShiftCostLayerDIS6 input, div#bth_totalShiftCostLayerDIS7 input, div#bth_totalShiftCostLayerDIS8 input, div#bth_totalShiftCostLayerDIS9 input, div#bth_totalShiftCostLayerDIS10 input { border: unset !important; background: unset; font-weight: 800; text-align: right; } /*MOBILE - Xtra Small*/ @media (min-width: 320px) and (max-width: 549px){ div#bth_totalShiftCostLayer1 input, div#bth_totalShiftCostLayer2 input, div#bth_totalShiftCostLayer3 input, div#bth_totalShiftCostLayer4 input, div#bth_totalShiftCostLayer5 input, div#bth_totalShiftCostLayer6 input, div#bth_totalShiftCostLayer7 input, div#bth_totalShiftCostLayer8 input, div#bth_totalShiftCostLayer9 input, div#bth_totalShiftCostLayer10 input, div#bth_totalShiftCostLayerDIS1 input, div#bth_totalShiftCostLayerDIS2 input, div#bth_totalShiftCostLayerDIS3 input, div#bth_totalShiftCostLayerDIS4 input, div#bth_totalShiftCostLayerDIS5 input, div#bth_totalShiftCostLayerDIS6 input, div#bth_totalShiftCostLayerDIS7 input, div#bth_totalShiftCostLayerDIS8 input, div#bth_totalShiftCostLayerDIS9 input, div#bth_totalShiftCostLayerDIS10 input{ text-align: unset !important; } } @media (min-width: 320px) and (max-width: 452px){ div#bth_totalShiftCostLayer1 label, div#bth_totalShiftCostLayer2 label, div#bth_totalShiftCostLayer3 label, div#bth_totalShiftCostLayer4 label, div#bth_totalShiftCostLayer5 label, div#bth_totalShiftCostLayer6 label, div#bth_totalShiftCostLayer7 label, div#bth_totalShiftCostLayer8 label, div#bth_totalShiftCostLayer9 label, div#bth_totalShiftCostLayer10 label, div#bth_totalShiftCostLayerDIS1 label, div#bth_totalShiftCostLayerDIS2 label, div#bth_totalShiftCostLayerDIS3 label, div#bth_totalShiftCostLayerDIS4 label, div#bth_totalShiftCostLayerDIS5 label, div#bth_totalShiftCostLayerDIS6 label, div#bth_totalShiftCostLayerDIS7 label, div#bth_totalShiftCostLayerDIS8 label, div#bth_totalShiftCostLayerDIS9 label, div#bth_totalShiftCostLayerDIS10 label{ font-size: 13px; } div#bth_totalShiftCostLayer1 input, div#bth_totalShiftCostLayer2 input, div#bth_totalShiftCostLayer3 input, div#bth_totalShiftCostLayer4 input, div#bth_totalShiftCostLayer5 input, div#bth_totalShiftCostLayer6 input, div#bth_totalShiftCostLayer7 input, div#bth_totalShiftCostLayer8 input, div#bth_totalShiftCostLayer9 input, div#bth_totalShiftCostLayer10 input, div#bth_totalShiftCostLayerDIS1 input, div#bth_totalShiftCostLayerDIS2 input, div#bth_totalShiftCostLayerDIS3 input, div#bth_totalShiftCostLayerDIS4 input, div#bth_totalShiftCostLayerDIS5 input, div#bth_totalShiftCostLayerDIS6 input, div#bth_totalShiftCostLayerDIS7 input, div#bth_totalShiftCostLayerDIS8 input, div#bth_totalShiftCostLayerDIS9 input, div#bth_totalShiftCostLayerDIS10 input { font-size: 13px; } } div#ff_formdiv65 div#bth_INSGTotalCostHead section, div#ff_formdiv65 div#bth_DISGTotalCostHead section, div#ff_formdiv65 div#tmp_OverGTotalHead section { background: #32cd3230 !important; margin-bottom: 10px; border: none !important; display: flex; align-items: center; } div#ff_formdiv65 div#bth_INSGTotalCostHead label, div#ff_formdiv65 div#bth_DISGTotalCostHead label, div#ff_formdiv65 div#tmp_OverGTotalHead label { color: #32CD32 !important; } div#ff_formdiv65 div#bth_INSGTotalCostHead input, div#ff_formdiv65 div#bth_DISGTotalCostHead input, div#ff_formdiv65 div#tmp_OverGTotalHead input { border: unset !important; background: unset; font-weight: 800; color: red !important; } /*===== Booth Carpet Installation - Individual Booths ======*/ /*Booth Information CSS*/ /*Booth Section - Spacing*/ div#bth_headBooth1 .bfLabelLeft label, div#bth_headBooth2 .bfLabelLeft label, div#bth_headBooth3 .bfLabelLeft label, div#bth_headBooth4 .bfLabelLeft label, div#bth_headBooth5 .bfLabelLeft label, div#bth_headBooth6 .bfLabelLeft label, div#bth_headBooth7 .bfLabelLeft label, div#bth_headBooth8 .bfLabelLeft label, div#bth_headBooth9 .bfLabelLeft label, div#bth_headBooth10 .bfLabelLeft label{ width: 20%; } /*Booth Section - Size Input Width*/ div#bth_bs1 section.bfElemWrap:nth-child(4), div#bth_bs2 section.bfElemWrap:nth-child(4), div#bth_bs3 section.bfElemWrap:nth-child(4), div#bth_bs4 section.bfElemWrap:nth-child(4), div#bth_bs5 section.bfElemWrap:nth-child(4), div#bth_bs6 section.bfElemWrap:nth-child(4), div#bth_bs7 section.bfElemWrap:nth-child(4), div#bth_bs8 section.bfElemWrap:nth-child(4), div#bth_bs9 section.bfElemWrap:nth-child(4), div#bth_bs10 section.bfElemWrap:nth-child(4), div#bth_CL1 section.bfElemWrap:nth-child(4), div#bth_VL1 section.bfElemWrap:nth-child(4), div#bth_LL1 section.bfElemWrap:nth-child(4), div#bth_TL1 section.bfElemWrap:nth-child(4){ width: 23%; } /*Booth Size Column CSS*/ div#bth_bs1, div#bth_bs2, div#bth_bs3, div#bth_bs4, div#bth_bs5, div#bth_bs6, div#bth_bs7, div#bth_bs8, div#bth_bs9, div#bth_bs10, div#bth_CL1, div#bth_VL1, div#bth_LL1, div#bth_TL1 { display: flex; align-items: center; } div#bth_bs1 section, div#bth_bs2 section, div#bth_bs3 section, div#bth_bs4 section, div#bth_bs5 section, div#bth_bs6 section, div#bth_bs7 section, div#bth_bs8 section, div#bth_bs9 section, div#bth_bs10 section, div#bth_CL1 section, div#bth_VL1 section, div#bth_LL1 section, div#bth_TL1 section { border-bottom: unset !important; } div#bth_headBooth1 .bfSectionDescription, div#bth_headBooth2 .bfSectionDescription, div#bth_headBooth3 .bfSectionDescription, div#bth_headBooth4 .bfSectionDescription, div#bth_headBooth5 .bfSectionDescription, div#bth_headBooth6 .bfSectionDescription, div#bth_headBooth7 .bfSectionDescription, div#bth_headBooth8 .bfSectionDescription, div#bth_headBooth9 .bfSectionDescription, div#bth_headBooth10 .bfSectionDescription { width: 20.5% !important; } /*Label Width*/ div#bth_bs1 label, div#bth_bs2 label, div#bth_bs3 label, div#bth_bs4 label, div#bth_bs5 label, div#bth_bs6 label, div#bth_bs7 label, div#bth_bs8 label, div#bth_bs9 label, div#bth_bs10 label, div#bth_CL1 label, div#bth_VL1 label, div#bth_LL1 label, div#bth_TL1 label{ width: 115% !important; } /*Input Fields - Width*/ div#bth_bs1 input, div#bth_bs2 input, div#bth_bs3 input, div#bth_bs4 input, div#bth_bs5 input, div#bth_bs6, div#bth_bs7 input input, div#bth_bs8 input, div#bth_bs9 input, div#bth_bs10 input, div#bth_CL1 input, div#bth_VL1 input, div#bth_LL1 input, div#bth_TL1 input { width: 60% !important; } div#bth_bs1 section.bfElemWrap:nth-child(2), div#bth_bs2 section.bfElemWrap:nth-child(2), div#bth_bs3 section.bfElemWrap:nth-child(2), div#bth_bs4 section.bfElemWrap:nth-child(2), div#bth_bs5 section.bfElemWrap:nth-child(2), div#bth_bs6 section.bfElemWrap:nth-child(2), div#bth_bs7 section.bfElemWrap:nth-child(2), div#bth_bs8 section.bfElemWrap:nth-child(2), div#bth_bs9 section.bfElemWrap:nth-child(2), div#bth_bs10 section.bfElemWrap:nth-child(2), div#bth_CL1 section.bfElemWrap:nth-child(2), div#bth_VL1 section.bfElemWrap:nth-child(2), div#bth_LL1 section.bfElemWrap:nth-child(2), div#bth_TL1 section.bfElemWrap:nth-child(2){ width: 7%; } div#bth_bs1 section.bfElemWrap:nth-child(3), div#bth_bs2 section.bfElemWrap:nth-child(3),div#bth_bs3 section.bfElemWrap:nth-child(3), div#bth_bs4 section.bfElemWrap:nth-child(3), div#bth_bs5 section.bfElemWrap:nth-child(3), div#bth_bs6 section.bfElemWrap:nth-child(3), div#bth_bs7 section.bfElemWrap:nth-child(3), div#bth_bs8 section.bfElemWrap:nth-child(3), div#bth_bs9 section.bfElemWrap:nth-child(3), div#bth_bs10 section.bfElemWrap:nth-child(3), div#bth_CL1 section.bfElemWrap:nth-child(3), div#bth_VL1 section.bfElemWrap:nth-child(3), div#bth_LL1 section.bfElemWrap:nth-child(3), div#bth_TL1 section.bfElemWrap:nth-child(3) { width: 7%; } /*Input Fields - Other Measurement*/ div#bth_bs1 section.bfElemWrap:nth-child(4) input, div#bth_bs2 section.bfElemWrap:nth-child(4) input, div#bth_CL1 section.bfElemWrap:nth-child(4) input, div#bth_VL1 section.bfElemWrap:nth-child(4) input, div#bth_LL1 section.bfElemWrap:nth-child(4) input, div#bth_TL1 section.bfElemWrap:nth-child(4) input { border: unset !important; font-weight: 700 !important; text-align: right; } div#bth_bs1 section.bfElemWrap:nth-child(4) label, div#bth_bs2 section.bfElemWrap:nth-child(4) label, div#bth_CL1 section.bfElemWrap:nth-child(4) label, div#bth_VL1 section.bfElemWrap:nth-child(4) label, div#bth_LL1 section.bfElemWrap:nth-child(4) label, div#bth_TL1 section.bfElemWrap:nth-child(4) label { width: 61% !important; text-align: right !important; } /*Install Padding*/ div#bth_Sinmeasure { display: flex; } div#bth_Sinmeasure section { border-bottom: unset !important; } /*Input Fields - Container Width Limit*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(2), div#bth_Sinmeasure section.bfElemWrap:nth-child(3){ width: 7%; } /*Input Fields - Section*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(4) { width: 18% } /*Input Fields - Width*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(2) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(3) input { width: 62% !important; } /*Input Fields - Label*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(2) label, div#bth_Sinmeasure section.bfElemWrap:nth-child(3) label { width: 126% !important; } /*Input Fields - Other Measurement*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(4) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(5) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) input { border: unset !important; font-weight: 700 !important; text-align: right; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) input { width: 54% !important; } /* div#bth_Sinmeasure section.bfSectionDescription { width: 21.5% !important; } */ div#bth_Sinmeasure section.bfElemWrap:nth-child(4) label { width: 56% !important; text-align: right !important; } div#bth_Sinmeasure section.bfElemWrap:nth-child(5) label, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) label { width: 73% !important; text-align: right !important; } /*Channeling Pad*/ div#bth_drb2 { display: flex; } div#bth_drb2 section { border-bottom: unset !important; } div#bth_drb2 section.bfElemWrap:nth-child(1) label { width: 60% !important; } div#bth_drb2 section.bfElemWrap:nth-child(1) { width: 33% !important; } /*Input Fields - Other Measurement*/ div#bth_drb2 section.bfElemWrap:nth-child(2) input, div#bth_drb2 section.bfElemWrap:nth-child(3) input, div#bth_drb2 section.bfElemWrap:nth-child(4) input { border: unset !important; font-weight: 700 !important; text-align: right; } div#bth_drb2 section.bfElemWrap:nth-child(2) label { width: 61% !important; text-align: right !important; } div#bth_drb2 section.bfElemWrap:nth-child(3) label, div#bth_drb2 section.bfElemWrap:nth-child(4) label{ width: 73% !important; text-align: right !important; } /*Abbreviations*/ div#ff_formdiv65 span.mobile-abbr { display: none; } /*====== Smaller Screen ==========*/ @media (min-width: 1395px) and (max-width: 2999px) { div#bth_bs1 section.bfElemWrap:nth-child(4), div#bth_bs2 section.bfElemWrap:nth-child(4), div#bth_bs3 section.bfElemWrap:nth-child(4), div#bth_bs4 section.bfElemWrap:nth-child(4), div#bth_bs5 section.bfElemWrap:nth-child(4), div#bth_bs6 section.bfElemWrap:nth-child(4), div#bth_bs7 section.bfElemWrap:nth-child(4), div#bth_bs8 section.bfElemWrap:nth-child(4), div#bth_bs9 section.bfElemWrap:nth-child(4), div#bth_bs10 section.bfElemWrap:nth-child(4), div#bth_CL1 section.bfElemWrap:nth-child(4), div#bth_VL1 section.bfElemWrap:nth-child(4), div#bth_LL1 section.bfElemWrap:nth-child(4), div#bth_TL1 section.bfElemWrap:nth-child(4) { width: 16%; } } @media (min-width: 1201px) and (max-width: 1394px){ div#bth_Sinmeasure section.bfSectionDescription { width: 21.5% !important; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) { width: 21% !important; } div#bth_bs1 section.bfElemWrap:nth-child(4), div#bth_bs2 section.bfElemWrap:nth-child(4), div#bth_bs3 section.bfElemWrap:nth-child(4), div#bth_bs4 section.bfElemWrap:nth-child(4), div#bth_bs5 section.bfElemWrap:nth-child(4), div#bth_bs6 section.bfElemWrap:nth-child(4), div#bth_bs7 section.bfElemWrap:nth-child(4), div#bth_bs8 section.bfElemWrap:nth-child(4), div#bth_bs9 section.bfElemWrap:nth-child(4), div#bth_bs10 section.bfElemWrap:nth-child(4), div#bth_CL1 section.bfElemWrap:nth-child(4), div#bth_VL1 section.bfElemWrap:nth-child(4), div#bth_LL1 section.bfElemWrap:nth-child(4), div#bth_TL1 section.bfElemWrap:nth-child(4) { width: 19% !important; } } /*Install Padding*/ @media (min-width: 992px) and (max-width: 1200px) { div#bth_srb1 section.bfElemWrap:nth-child(4), div#bth_srb2 section.bfElemWrap:nth-child(4), div#bth_srb3 section.bfElemWrap:nth-child(4), div#bth_srb4 section.bfElemWrap:nth-child(4), div#bth_srb5 section.bfElemWrap:nth-child(4), div#bth_srb6 section.bfElemWrap:nth-child(4), div#bth_srb7 section.bfElemWrap:nth-child(4), div#bth_srb8 section.bfElemWrap:nth-child(4), div#bth_srb9 section.bfElemWrap:nth-child(4), div#bth_srb10 section.bfElemWrap:nth-child(4) { width: 19%; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) label { width: 77% !important; } div#bth_srb1 section.bfElemWrap:nth-child(5),div#bth_srb1 section.bfElemWrap:nth-child(6), div#bth_srb2 section.bfElemWrap:nth-child(5),div#bth_srb2 section.bfElemWrap:nth-child(6), div#bth_srb3 section.bfElemWrap:nth-child(5),div#bth_srb3 section.bfElemWrap:nth-child(6), div#bth_srb4 section.bfElemWrap:nth-child(5),div#bth_srb4 section.bfElemWrap:nth-child(6), div#bth_srb5 section.bfElemWrap:nth-child(5),div#bth_srb5 section.bfElemWrap:nth-child(6), div#bth_srb6 section.bfElemWrap:nth-child(5),div#bth_srb6 section.bfElemWrap:nth-child(6), div#bth_srb7 section.bfElemWrap:nth-child(5),div#bth_srb7 section.bfElemWrap:nth-child(6), div#bth_srb8 section.bfElemWrap:nth-child(5),div#bth_srb8 section.bfElemWrap:nth-child(6), div#bth_srb9 section.bfElemWrap:nth-child(5),div#bth_srb9 section.bfElemWrap:nth-child(6), div#bth_srb10 section.bfElemWrap:nth-child(5),div#bth_srb10 section.bfElemWrap:nth-child(6) { width: 18%; } div#bth_Sinmeasure section.bfElemWrap:nth-child(5) label, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) label { width: 85% !important; } /*Measurement - INput Fields*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(4) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(5) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) input { width: 80% !important; } /*Input Fields - Section*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(4) { width: 18% } /*Channeling*/ div#bth_drb2 section.bfElemWrap:nth-child(1) { width: 33% !important; } div#bth_drb2 section.bfElemWrap:nth-child(2) { width: 18.5%; } div#bth_drb2 section.bfElemWrap:nth-child(3), div#bth_drb2 section.bfElemWrap:nth-child(4) { width: 18%; } /*Labels*/ div#bth_drb2 section.bfElemWrap:nth-child(2) label { width: 90% !important; } div#bth_drb2 section.bfElemWrap:nth-child(3) label, div#bth_drb2 section.bfElemWrap:nth-child(4) label { width: 98% !important; } } @media (min-width: 768px) and (max-width: 992px) { /*Booth Size - L & W*/ div#bth_bs1 section.bfElemWrap:nth-child(2), div#bth_bs2 section.bfElemWrap:nth-child(2), div#bth_bs3 section.bfElemWrap:nth-child(2), div#bth_bs4 section.bfElemWrap:nth-child(2), div#bth_bs5 section.bfElemWrap:nth-child(2), div#bth_bs6 section.bfElemWrap:nth-child(2), div#bth_bs7 section.bfElemWrap:nth-child(2), div#bth_bs8 section.bfElemWrap:nth-child(2), div#bth_bs9 section.bfElemWrap:nth-child(2), div#bth_bs10 section.bfElemWrap:nth-child(2), div#bth_CL1 section.bfElemWrap:nth-child(2), div#bth_VL1 section.bfElemWrap:nth-child(2), div#bth_LL1 section.bfElemWrap:nth-child(2), div#bth_TL1 section.bfElemWrap:nth-child(2) { width: 10%; } div#bth_bs1 section.bfElemWrap:nth-child(3), div#bth_bs2 section.bfElemWrap:nth-child(3), div#bth_bs3 section.bfElemWrap:nth-child(3), div#bth_bs4 section.bfElemWrap:nth-child(3), div#bth_bs5 section.bfElemWrap:nth-child(3), div#bth_bs6 section.bfElemWrap:nth-child(3), div#bth_bs7 section.bfElemWrap:nth-child(3), div#bth_bs8 section.bfElemWrap:nth-child(3), div#bth_bs9 section.bfElemWrap:nth-child(3), div#bth_bs10 section.bfElemWrap:nth-child(3), div#bth_CL1 section.bfElemWrap:nth-child(3), div#bth_VL1 section.bfElemWrap:nth-child(3), div#bth_LL1 section.bfElemWrap:nth-child(3), div#bth_TL1 section.bfElemWrap:nth-child(3) { width: 10%; } div#bth_bs1 section.bfElemWrap:nth-child(4) input, div#bth_bs2 section.bfElemWrap:nth-child(4) input, div#bth_CL1 section.bfElemWrap:nth-child(4) input, div#bth_VL1 section.bfElemWrap:nth-child(4) input, div#bth_LL1 section.bfElemWrap:nth-child(4) input, div#bth_TL1 section.bfElemWrap:nth-child(4) input { width: 69% !important; } div#bth_bs1 section.bfElemWrap:nth-child(4) label, div#bth_bs2 section.bfElemWrap:nth-child(4) label, div#bth_CL1 section.bfElemWrap:nth-child(4) label, div#bth_VL1 section.bfElemWrap:nth-child(4) label, div#bth_LL1 section.bfElemWrap:nth-child(4) label, div#bth_TL1 section.bfElemWrap:nth-child(4) label { width: 73% !important; } /*Install Padding - L & W*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(2), div#bth_Sinmeasure section.bfElemWrap:nth-child(3) { width: 23%; } /*Install Padding - Other Measurement*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(4) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(5) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) input { width: 90% !important; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) label, div#bth_Sinmeasure section.bfElemWrap:nth-child(5) label, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) label { width: 95% !important; } div#bth_Sinmeasure .bfSectionDescription { width: 51% !important; } /*Input Fields - Section*/ div#bth_Sinmeasure section.bfElemWrap:nth-child(4) { width: 45% } /*Channeling*/ div#bth_drb2 section.bfElemWrap:nth-child(1) label { width: 49% !important; } div#bth_drb2 section.bfElemWrap:nth-child(1) { width: 99.5% !important; } div#bth_drb2 section.bfElemWrap:nth-child(2) input, div#bth_drb2 section.bfElemWrap:nth-child(3) input, div#bth_drb2 section.bfElemWrap:nth-child(4) input { width: 91% !important; } div#bth_drb2 section.bfElemWrap:nth-child(2) label, div#bth_drb2 section.bfElemWrap:nth-child(3) label, div#bth_drb2 section.bfElemWrap:nth-child(4) label { width: 95% !important; } } @media (min-width: 320px) and (max-width: 767px) { div#ff_formdiv65 span.mobile-abbr { display: contents; } div#ff_formdiv65 span.orig-head { display: none; } div#bth_Sinmeasure section.bfSectionDescription { width: 51% !important; } div#bth_bs1 section.bfElemWrap:nth-child(2), div#bth_bs2 section.bfElemWrap:nth-child(2), div#bth_bs3 section.bfElemWrap:nth-child(2), div#bth_bs4 section.bfElemWrap:nth-child(2), div#bth_bs5 section.bfElemWrap:nth-child(2), div#bth_bs6 section.bfElemWrap:nth-child(2), div#bth_bs7 section.bfElemWrap:nth-child(2), div#bth_bs8 section.bfElemWrap:nth-child(2), div#bth_bs9 section.bfElemWrap:nth-child(2), div#bth_bs10 section.bfElemWrap:nth-child(2), div#bth_CL1 section.bfElemWrap:nth-child(2), div#bth_VL1 section.bfElemWrap:nth-child(2), div#bth_LL1 section.bfElemWrap:nth-child(2), div#bth_TL1 section.bfElemWrap:nth-child(2) { width: 10%; } div#bth_bs1 section.bfElemWrap:nth-child(3), div#bth_bs2 section.bfElemWrap:nth-child(3), div#bth_bs3 section.bfElemWrap:nth-child(3), div#bth_bs4 section.bfElemWrap:nth-child(3), div#bth_bs5 section.bfElemWrap:nth-child(3), div#bth_bs6 section.bfElemWrap:nth-child(3), div#bth_bs7 section.bfElemWrap:nth-child(3), div#bth_bs8 section.bfElemWrap:nth-child(3), div#bth_bs9 section.bfElemWrap:nth-child(3), div#bth_bs10 section.bfElemWrap:nth-child(3), div#bth_CL1 section.bfElemWrap:nth-child(3), div#bth_VL1 section.bfElemWrap:nth-child(3), div#bth_LL1 section.bfElemWrap:nth-child(3), div#bth_TL1 section.bfElemWrap:nth-child(3) { width: 10%; } div#bth_Sinmeasure section.bfElemWrap:nth-child(2), div#bth_Sinmeasure section.bfElemWrap:nth-child(3) { width: 26%; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) { width: 25%; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(5) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) input { width: 1% !important; } div#bth_drb2 section.bfElemWrap:nth-child(2) input, div#bth_drb2 section.bfElemWrap:nth-child(3) input, div#bth_drb2 section.bfElemWrap:nth-child(4) input { width: 1% !important; } div#bth_bs1 section.bfElemWrap:nth-child(4), div#bth_bs2 section.bfElemWrap:nth-child(4), div#bth_bs3 section.bfElemWrap:nth-child(4), div#bth_bs4 section.bfElemWrap:nth-child(4), div#bth_bs5 section.bfElemWrap:nth-child(4), div#bth_bs6 section.bfElemWrap:nth-child(4), div#bth_bs7 section.bfElemWrap:nth-child(4), div#bth_bs8 section.bfElemWrap:nth-child(4), div#bth_bs9 section.bfElemWrap:nth-child(4), div#bth_bs10 section.bfElemWrap:nth-child(4), div#bth_CL1 section.bfElemWrap:nth-child(4), div#bth_VL1 section.bfElemWrap:nth-child(4), div#bth_LL1 section.bfElemWrap:nth-child(4), div#bth_TL1 section.bfElemWrap:nth-child(4){ width: 10%; } /*Channeling*/ div#bth_drb2 section.bfElemWrap:nth-child(1) { width: 90% !important; } } @media (min-width: 320px) and (max-width: 480px) { div#bth_bs1 input, div#bth_bs2 input, div#bth_bs3 input, div#bth_bs4 input, div#bth_bs5 input, div#bth_bs6, div#bth_bs7 input input, div#bth_bs8 input, div#bth_bs9 input, div#bth_bs10 input, div#bth_CL1 input, div#bth_VL1 input, div#bth_LL1 input, div#bth_TL1 input { font-size: 13px; } div#bth_Sinmeasure section.bfElemWrap:nth-child(2) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(3) input { font-size: 13px; } div#bth_headBooth1 .bfLabelLeft label, div#bth_headBooth2 .bfLabelLeft label, div#bth_headBooth3 .bfLabelLeft label, div#bth_headBooth4 .bfLabelLeft label, div#bth_headBooth5 .bfLabelLeft label, div#bth_headBooth6 .bfLabelLeft label, div#bth_headBooth7 .bfLabelLeft label, div#bth_headBooth8 .bfLabelLeft label, div#bth_headBooth9 .bfLabelLeft label, div#bth_headBooth10 .bfLabelLeft label { font-size: 13px; } div#bth_headBooth1 .bfSectionDescription, div#bth_headBooth2 .bfSectionDescription, div#bth_headBooth3 .bfSectionDescription, div#bth_headBooth4 .bfSectionDescription, div#bth_headBooth5 .bfSectionDescription, div#bth_headBooth6 .bfSectionDescription, div#bth_headBooth7 .bfSectionDescription, div#bth_headBooth8 .bfSectionDescription, div#bth_headBooth9 .bfSectionDescription, div#bth_headBooth10 .bfSectionDescription { width: 20.5% !important; font-size: 13px; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(5) input, div#bth_Sinmeasure section.bfElemWrap:nth-child(6) input { font-size: 13px; } div#bth_Sinmeasure section.bfSectionDescription { width: 100% !important; } div#bth_Sinmeasure section.bfElemWrap:nth-child(2), div#bth_Sinmeasure section.bfElemWrap:nth-child(3) { width: 47%; } div#bth_Sinmeasure section.bfElemWrap:nth-child(4) { width: 51%; } div#bth_drb2 section.bfElemWrap:nth-child(1) { width: 191% !important; } /*Channeling*/ div#bth_drb2 section.bfElemWrap:nth-child(2) input, div#bth_drb2 section.bfElemWrap:nth-child(3) input, div#bth_drb2 section.bfElemWrap:nth-child(4) input { font-size: 13px; } } /*======BOOTH CARPET INSTALLATION INDIVIDUAL======= END */ /*======BOOTH CARPET INSTALLATION Full Show======= */ div#bth_INSGTotalCostHead section, div#bth_DISGTotalCostHead section, div#tmp_OverGTotalHead section { background: #0097271c !important; margin-bottom: 10px; border: none !important; display: flex; align-items: center; } div#bth_INSGTotalCostHead label, div#bth_DISGTotalCostHead label, div#tmp_OverGTotalHead label { color: #009727 !important; } div#bth_INSGTotalCostHead input, div#bth_DISGTotalCostHead input, div#tmp_OverGTotalHead input { border: unset !important; background: unset; font-weight: 800; color: red !important; } /*======BOOTH CARPET INSTALLATION Full Show======= END */ /*====== NEW APPLICATION FORM ======= */ div#lv_datesEmployment { display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #00000038 !important; } div#lv_datesEmployment section.bfSectionDescription { width: 45.5%; } div#lv_datesEmployment .bfLabelLeft label { display: contents; } div#lv_datesEmployment .bfLabelLeft { border-bottom: unset !important; } div#lv_datesEmployment .field-calendar input { width: 55%; pointer-events: none; background: #c7c7c738; } /*VIEW BREAKPOINTS*/ /*tablets*/ @media (min-width: 768px) and (max-width: 992px) { div#lv_datesEmployment section.bfSectionDescription { width: 55.5%; } } @media (min-width: 320px) and (max-width: 767px) { div#lv_datesEmployment .field-calendar input { min-width: 35%; width: 35%; } } @media (min-width: 320px) and (max-width: 480px) { div#lv_datesEmployment section.bfSectionDescription { width: 40.5%; } div#lv_datesEmployment .field-calendar input { min-width: 35%; width: 35%; } } /*form width*/ @media (min-width: 451px) and (max-width: 555px) { form#ff_form1 { width: 80%; } } @media (min-width: 401px) and (max-width: 450px) { form#ff_form1 { width: 80%; } } @media (min-width: 351px) and (max-width: 400px) { form#ff_form1 { width: 70%; } } @media (min-width: 320px) and (max-width: 350px) { form#ff_form1 { width: 65%; } } /*====== NEW APPLICATION FORM ======= END */