/* SCG Quoting Site */
body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:12px;}
input[type=radio ]{ width : 30px; margin : 0; padding : 0; opacity : 0;}
input[type=radio ] + label{ display : inline-block; margin-left : -30px; padding-left : 30px; background : url('../images/bigradio.png') no-repeat 1px 0px; line-height : 28px;}
input[type=radio]:checked + label{ background-position : 1px -45px;}
input[type=radio]:disabled + label{ background-position : 1px -88px; color:#999999;}
/*
input[type=radio ]:not(old){ width : 30px; margin : 0; padding : 0; opacity : 0;}
input[type=radio ]:not(old) + label{ display : inline-block; margin-left : -30px; padding-left : 30px; background : url('../images/bigradio.png') no-repeat 1px 0px; line-height : 28px;}
input[type=radio]:not(old):checked + label{ background-position : 1px -45px;}
input[type=radio]:not(old):disabled + label{ background-position : 1px -88px; color:#999999;}
*/
th{ text-align:left;}
#quotedby{ text-transform:uppercase;}
.signinwindow{ background:black;}
.forgottenpasswordc{ margin:10px 0px 0px 0px;}
.forgottenpasswordc a{ }
.printarea{ display:none;}
.printarea .logo{ width:296px; height:23px; display:block;}
.hide{display:none;}
input[type=text],input[type=password],input[type=number]{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height:30px; line-height:30px; padding:0px 10px 0px 10px; outline:none; border:1px solid #cccccc; font-family: 'Open Sans', sans-serif; transition-duration:300ms; width:200px;}
input[type=text]:focus,input[type=password]:focus{ border-color: #ec1c24; box-shadow: 0 0 3px #ec1c24;}
input[type=radio]{ margin:2px 4px 0px 2px;}
input[type=text]:disabled { background: #f6f6f6;}
label,input { vertical-align:middle;}
label{ cursor:pointer; margin:2px 4px 0px 0px; display:inline;}
a{ color:#ec1c24;}
.accountlevelitems { margin:0px 0px 20px 0px; }
.accountlevelitems table { width:100%; border-collapse:collapse; margin:10px 0px 10px 0px; }
.accountlevelitems table td { margin-right:5px; margin-top:5px; padding-right:5px; }
.pointy { cursor:pointer; }
.centredsp { width:auto; text-align:center; line-height:50px; }
.centredsp i { line-height:50px; color:#cccccc; font-size:24px; }
.logoncwrapper{ width:1000px; margin:0px auto; overflow:hidden; position:relative;}
.logonslice{ width:100%; border-bottom:1px solid white;}
.logonhead{ width:1000px; margin:0px auto; overflow:hidden; position:relative; height:100px;}
.logonhead .logo{ background:url(../images/logo.png) top left no-repeat; padding-top:27px; color:white; margin-top:30px; float:left;}
.logonhead .backbutton{ background:url(../images/backhouse.gif) top right no-repeat; color:white; float:right; margin-top:40px; padding-right:30px; overflow:hidden; position:relative;}
.logonhead .backbutton a{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.logoncontainer{ margin:50px 0px 0px 0px; padding:20px; background:#000000; width:200px; top:50%; border:1px solid #c0171d; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.logoncontainer .inner{}
.logoncontainer input{ width:85%; margin-top:5px; margin-bottom:0px; margin-left:auto; margin-right:auto; display:block;}
.logoncontainer a.but{ background:#ec1c24; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:white; text-decoration:none; padding:3px 10px 3px 10px; display:inline-block; margin:5px 10px 0px 0px; text-transform:uppercase;}
.logoncontainer a.but:hover{ background:#c0171d;}
.logoncontainer .error{ background:#ff4444; color:white; padding:10px;}
.logoncontainer .good{ background:#44cc44; color:white; padding:10px;}
.logoncontainer h2{ color:white; background:url(../images/scglogonuser.gif) 0px 6px no-repeat; padding-left:20px; margin:0px 0px 10px 0px;}
.logoncontainer{ color:white;}
.logoncontainer p{ color:white;}
.logoncontainer.oldbrowser{ margin:200px auto 0px auto; padding:20px; background:#fafafa; width:300px; top:50%; }
.logoncontainer.oldbrowser h2{ color:#ec1c24;}
.logoncopy{ color:white; margin:-260px 20px 0px 300px; max-width:700px; font-size:15px;}
.logoncopy h1{ color:#ec1c24; font-size:17px;}
.topmargin5px{ margin-top:5px; }
.topmargin10px{ margin-top:10px; }
.topmargin15px{ margin-top:15px; }
.topmargin20px{ margin-top:20px; }
.topmargin25px{ margin-top:25px; }
.backgroundgrey{ background:#f2f2f2;}
.thousandwide{ width:1000px;}
.thousandwidewide{ width:1200px;}
.thousandwidewidewide{ width:1350px;}
.centered{ margin:0px auto 0px auto;}
.relative{ position:relative; overflow:hidden;}
.headersection{ background:black; width:auto; overflow:hidden;}
.headersection .logo{ width:298px; height:22px; background:url(../images/logo.png) top left no-repeat; margin:30px 0px 0px 0px;} 
.headersection .help{ color:white; margin:5px 0px 20px 0px;}
.headersection .loggedonas{ position:absolute; top:35px; right:0px; color:white;}
.headersection .loggedonas2{ text-align:right; top:30px; right:100px; color:white;}
.headersection .loggedonas a{ background:#ec1c24; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:white; text-decoration:none; padding:3px 10px 3px 10px; display:inline-block; margin:0px 0px 0px 10px; text-transform:uppercase;}
.headersection .loggedonas a:hover{ background:#f68e92;}
.adminbar{ position:fixed; top:0px; left:0px; display:block; right:0px; background:#999999; border-bottom:1px solid #888888; height:47px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);}
.adminbar #customerswitch{ color:black;}
.adminbar .inner{ width:1000px; margin:10px auto 10px auto;}
.adminbar a{ color:white; }
.adminbar .dropdownswrapper{}
.chosen-container{ margin-top:2px;}
.adminbar .abtn{ width:30px; height:30px; margin:0px 5px 0px 0px; background:url(../images/sprite.png); float:left; position:relative; overflow:hidden;}
.adminbar .abtn a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; background:url(../images/transparent.png) top left repeat;}
.adminbar .abtn.customers{ background-position:-10px -2880px;}
.adminbar .abtn.customers:hover{ background-position:-90px -2880px;}
.adminbar .abtn.customers.current{ background-position:-170px -2880px;}
.adminbar .abtn.quotes{ background-position:-330px -2800px;}
.adminbar .abtn.quotes:hover{ background-position:-330px -2880px;}
.adminbar .abtn.quotes.current{ background-position:-330px -2960px;}
.adminbar .abtn.newquote{ background-position:-10px -2960px;}
.adminbar .abtn.newquote:hover{ background-position:-90px -2960px;}
.adminbar .abtn.newquote.current{ background-position:-170px -2960px;}
.adminbar .abtn.costing{ background-position:-250px -2800px;}
.adminbar .abtn.costing:hover{ background-position:-250px -2880px;}
.adminbar .abtn.costing.current{ background-position:-250px -2960px;}
.adminbar .abtn.settings{ background-position:-10px -2800px;}
.adminbar .abtn.settings:hover{ background-position:-90px -2800px;}
.adminbar .abtn.settings.current{ background-position:-170px -2800px;}
.content{ margin:0px auto 30px auto;}
.content.administrator{ margin-top:44px;}
.box input[type=text]{ width:60px;}
.box.shortinput input[type=text]{ height:20px; line-height:20px;}
.box.centerinput input[type=text]{ text-align:center;}
.otherfinishprice{ margin:10px 10px 10px 20px; width:50px;}
.glyphbox{ margin-right:5%; float:left;}
.glyphbox .glyph{ width:30px; height:30px; background:#ec1c24 url(../images/sprite.png); background-repeat:no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.glyphbox .glyph.person{ background-position:-90px -10px !important;}
.glyphbox h2{ margin:-30px 0px 25px 45px; color:#ec1c24; font-weight:400; font-size:21px;}
.glyphbox .directdetailstable{ margin-left:40px;}
.glyphbox .directdetailstable input[type=text]{ width:90%;}
.quotereference .glyph{ background-position:-10px -10px;}
.accountdetails .glyph{ background-position:-90px -10px;}
.supplyfit .glyph{ background-position:-250px -10px;;}
.shapeselector .glyph{ background-position:-250px -10px;}

.asterisk { color:red; font-size:10px !important; font-weight:normal !important; }

.supplyanddeliverycosts { display:none; margin:0px 0px 0px 5px; padding:5px;}
.supplyanddeliverycosts select{ height:32px; line-height:32px; border:1px solid #cccccc; padding:0px 0px 0px 6px; margin-left:0px; font-family:'Open Sans'; outline:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition-duration:400ms;}
.supplyanddeliverycosts select:focus{ border-color: #ec1c24; box-shadow: 0 0 3px #ec1c24;}

.printnotesbutton{ margin-top:10px; }

.notesprintbox { max-width:700px; margin:30px auto 0px auto; padding-left:20px; padding-right:20px; }
.noexpand { resize:none; }
.accountandquote{ /*overflow:hidden;*/ display:block; position:relative; margin-top:30px;}
.quotereference{ width:35%;}
.accountdetails{ margin-right:0px !important; width:60%;}
.getintouch{ position:absolute; top:9px; left:170px;}
.notes{ margin:10px 0px 10px 0px; color:#000000; font-weight:400; background:white; border:1px solid #dddddd; overflow:hidden; height:186px; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.notes .inner{ padding:10px;}
.notes .morenotes{ position:absolute; bottom:7px; width:auto; right:7px; cursor:pointer; background:white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:3px 0px 0px 3px;}
.notes .morenotes .inner{ background:#ec1c24; color:white; text-align:center; font-weight:400; padding:5px 15px 5px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.notes .morenotes .inner:hover{ background:#f68e92;}
.subselector{ display:none; margin:5px 0px 0px 0px;}
.shape{ float:left; margin-right:20px;}
.shape .drawing{ cursor:pointer; width:60px; height:40px; background:transparent url(../images/sprite.png);}
.shape .drawing.selected{ }
.shape .rectangle{ background-position:-10px -235px;}
.shape .rectangle:hover{ background-position:-120px -235px;}
.shape .rectangle.selected{ background-position:-230px -235px;}
.shape .roundedrectangle{ background-position:-590px -4700px;}
.shape .roundedrectangle:hover{ background-position:-700px -4700px;}
.shape .t{ background-position:-340px -235px;}
.shape .t:hover{ background-position:-450px -235px;}
.shape .t:selected{ background-position:-560px -235px;}
.shape .u{ background-position:-10px -325px;}
.shape .u:hover{ background-position:-120px -325px;}
.shape .l{ background-position:-340px -325px;}
.shape .l:hover{ background-position:-450px -325px;}
.shape .circle{ background-position:-670px -235px;}
.shape .circle:hover{ background-position:-760px -235px;}
.shape .worktopt{ background-position:-590px -4610px;}
.shape .worktopt:hover{ background-position:-700px -4610px;}
.shape .worktopu{ background-position:-590px -4520px;}
.shape .worktopu:hover{ background-position:-700px -4520px;}
.accountdetails table .leftcol{ width:160px; text-align:right; color:#cccccc; font-weight:bold; padding-right:5px; font-size:13px;}
.slice2{ padding:30px 0px 10px 0px; }
.slice4{ padding:10px 0px 30px 0px;}
 
.templatefitorsupplyonly{ margin:20px 0px 0px 0px;}
.accordiantitledr{ float:left;}
.panelaccordianbaricon{ float:left; width:40px; height:20px; margin:10px 0px 0px 10px; background:transparent url(../images/sprite.png);}
.panelaccordianbaricon.rectangle{ background-position:-10px -415px;}
.panelaccordianbaricon.t{ background-position:-90px -415px;}
.panelaccordianbaricon.u{ background-position:-170px -415px;}
.panelaccordianbaricon.l{ background-position:-250px -415px;}
.panelaccordianbaricon.circle{ background-position:-320px -415px;}
.panelaccordianbaricon.curvedrectangle{ background-position:-920px -4660px;}
.Worktop .panelaccordianbaricon.t{ background-position:-920px -4590px;}
.Worktop .panelaccordianbaricon.u{ background-position:-920px -4520px;}
.customeraccordian { overflow:hidden; position:relative; }

.indsortsquare { width: 18px; height:18px; overflow: hidden; text-overflow: ellipsis; background:#cccccc; color:black; border:1px solid rgba(255,255,255,0.3); margin-top:5px; font-size:9px; text-align:center; line-height:18px; }
.indsortsquare.red { background:#EC1C24; }
.indsortsquare.amber { background:#EAA62A; }
.indsortsquare.green { background:#39A739; }

.customeraccordian .tint { position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.customeraccordian .tint.green { background:rgba(0,255,0,0.05); }
.customeraccordian .tint.amber { background:rgba(255,255,0,0.05); }
.customeraccordian .tint.red { background:rgba(255,0,0,0.05); }

.customeraccordian.topper{ border:none !important; cursor:auto !important; background:#ec1c24 !important; color:white !important; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.customeraccordian.topper input{ height:25px; line-height:25px; border:none; display:block; width:80% !important; padding:0px; margin:0px 0px 7px 0px; border-radius:0px; padding:0px 10px;}
.customeraccordian.bar{ margin-top:0px; border-top:1px solid #cccccc; background:#eeeeee; color:black; height:30px; line-height:28px; transition-duration:400ms; padding-left:20px; font-size:14px; cursor:pointer; overflow:hidden; margin-bottom: -8px; margin-top: 0px;}
.customeraccordian.bar.topper{ height:60px;}
.customeraccordian .colourcoding a { display:block; width:18px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center; }

.customeraccordian.bar .bus{ width:220px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.customeraccordian.bar .bus a{ width:68px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center; }
.customeraccordian.bar .user{ width:120px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.customeraccordian.bar .turnover{ width:100px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.customeraccordian.bar .turnover a{ width:68px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center;  }
.customeraccordian.bar .logon{ width:170px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.customeraccordian.bar .pass{ width:150px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.customeraccordian.bar .discount{ width:60px; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.customeraccordian.bar .discount a{ width:68px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center;  }
.customeraccordian.bar .level{ width:45px; float:right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center; height:30px;}
.customeraccordian.bar .level a { width:68px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center;  }
.customeraccordian.bar .telephonenumber{ float:left; width:140px;} 
.customeraccordian.bar .added{ float:right; width:68px; text-align:center;} 
.customeraccordian.bar .added a { width:68px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center;  }
.customeraccordian.bar .usestradelogon { float:right; width:34px; }
.customeraccordian.bar .usestradelogon a { width:84px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center;  }
.customeraccordian.bar .hassamplecase{ float:right; width:34px;}
.customeraccordian.bar .hassamplecase a { width:64px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center;  }
.customeraccordian.bar .onstop{ float:right; width:34px;height:25px;}
.customeraccordian.bar .onstop a { width:64px; height:25px; overflow:hidden; position:relative; color:white; text-decoration:none; text-align:center;  }
.customeraccordian.bar .level.admin{ background:#dddddd; font-weight:bold;}
.customeraccordian.bar .level.superadmin{ background:#dddddd;}
.customeraccordian.bar .level sup{ color:#aaaaaa;}
.customeraccordian.bar .colourcoding { width: 35px; height:25px; float:left; white-space: nowrap;  text-overflow: ellipsis; }
.customeraccordian.bar .colourcoding .inner { margin-top:5px; width: 20px; height:20px; }
.customeraccordian.bar .colourcoding.green .inner { background:#39A739; }
.customeraccordian.bar .colourcoding.amber .inner { background:#EAA62A; }
.customeraccordian.bar .colourcoding.red .inner { background:#EC1C24; }


.customeraccordian.body{ display:block; overflow:hidden; height:0px;}
.customeraccordian.body{ background:#f2f2f2; overflow:hidden;}
.customeraccordian.body .accordianbottomhandle{ margin-top:10px; height:15px; background:#f8f8f8; cursor:pointer; background:url(../images/sprite.png) center center repeat-x; background-position:-10px -170px;}
.customeraccordian.body .display{ margin:20px; width:60%; float:left; border-right:1px solid #cccccc;}
.customeraccordian.body .rdisplay{ margin:20px 0px 0px 0px; width:30%; float:left;}
.customeraccordian table{ width:100%;}
.customeraccordian.body .inner{ overflow:hidden;}
.customeraccordian input[type=text],.customeraccordian input[type=password]{ width:90%;}
.customeraccordian select{ height:32px; line-height:32px; border:1px solid #cccccc; padding:0px 0px 0px 6px; margin-left:0px; font-family:'Open Sans'; outline:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition-duration:400ms;}
.customeraccordian select:focus{ border-color: #ec1c24; box-shadow: 0 0 3px #ec1c24;}
.customeraccordian textarea{ width:90%; height:100px; padding:0; margin:0; outline:none; border:1px solid #cccccc; font-family: 'Open Sans', sans-serif; padding:5px 10px 5px 10px; transition-duration:300ms; border-radius: 3px;}
.customeraccordian textarea:focus{ border-color: #ec1c24; box-shadow: 0 0 3px #ec1c24;}
.staticContainer{ margin-left:2px; padding:5px 0px 5px 0px;}
.accordian_bar{ margin-top:20px; background:black; color:white; height:40px; line-height:38px; transition-duration:400ms; padding-left:50px; font-size:18px; cursor:pointer; overflow:hidden;}
.accordian_bar.open{ background:#ec1c24;}
.accordian_bar:hover .accordianglyph{ background-position:-90px -85px;}
.accordian_bar .accordianglyph{ position:absolute; left:10px; height:40px; width:35px; background:url(../images/sprite.png); background-position:-10px -85px;}
.accordian_bar.open .accordianglyph{ background-position:-170px -85px;}
.accordian_bar .closebutton{ float:right; margin:5px 7px 0px 10px; background:white; height:30px; width:77px; background:url(../images/sprite.png); background-position:-488px -2880px;}
.closebutton:hover{ background-position:-488px -2960px;}
.accordian_bar.open .closebutton{ background-position:-640px -2880px;}
.accordian_inside{ display:block; overflow:hidden; height:0px;}
.accordian_inside .inner{ background:#f2f2f2; overflow:hidden;}
.accordian_inside .accordianbottomhandle{ margin-top:10px; height:15px; background:#f8f8f8; cursor:pointer; background:#ec1c24 url(../images/sprite.png); background-position:-10px -170px;}
.accordian_inside .box{ overflow:hidden; margin:20px 50px 20px 20px; float:left;}
.accordian_inside .box2{ overflow:hidden; margin:20px 50px 0px 20px; float:left;}
.accordian_inside .delbox{ position:absolute; top:15px; right:15px; overflow:hidden; margin:0px 0px 0px 0px;}
.accordian_inside .box h2{ margin:0px 0px 10px 0px; font-size:15px; font-weight:bold; color:black;}

.yearflipcontrols { position:relative; overflow:hidden; height:30px; background:#e4e4e4; margin-bottom:10px; } 
.yearflipcontrols .previousyear { float:left; height:30px; width:30px; display:block; text-align:center; line-height:20px; }
.yearflipcontrols .nextyear { float:right; height:30px; width:30px; display:block; text-align:center; line-height:20px; } 
.yearflipcontrols .currentsettingyear { margin:0px 30px 0px 30px; text-align:center; font-weight:bold; line-height:30px; }
.yearflipcontrols .fai { overflow:hidden; position:relative; }
.yearflipcontrols .fai i { line-height:30px; }
.yearflipcontrols .fai a { position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0); }

.pastYearSummaries { margin-top:20px; border-top:1px solid #cccccc; padding-top:10px; }
.turnovertable { display:none; }
.msummaryYearTotal { text-align:right; height:20px; padding-right:10px; }

.w80{ width:75%; float:left;}
.w20{ width:25%; float:left;}
.barwrapper{ margin-top:20px; background:#aaaaaa;}
.pricingsection_bar{ color:white; height:35px; line-height:35px; transition-duration:400ms; font-size:18px; cursor:pointer;}
.summarysection_bar{ color:white; height:35px; line-height:35px; transition-duration:400ms; padding-left:20px; font-size:18px;}
.summarysection_bar.open{ background:#ec1c24;}
.summarysection_inside{ display:block; overflow:hidden;}
.summarysection_inside .inner{ background:#f2f2f2;}
.summarysection_inside .accordianbottomhandle{ margin-top:10px; height:10px; background:#f8f8f8;}
#idpricing,#idpricingsectionbar{ display:none;}
#idpricing .hiddenrow{ display:none;}
.posteditorwrap .customerbuttons{ margin-left:0px !important;}
.customerbuttons{ margin-top:10px; margin-left:77px;}
.customerbuttons .bt{ height:30px; width:auto; line-height:30px; color:#666666; position:relative; margin-left:2px; cursor:pointer;}
.customerbuttons .bt a{ position:absolute; width:100%; height:100%; top:0px; left:0px; background:url(../images/transparent.png) top left repeat;}
.customerbuttons .pdf .g{ background: url(../images/sprite.png); background-position:-680px -90px; height:25px; margin-top:3px; width:25px; float:right;}
.customerbuttons .pdf:hover .g{ background-position:-755px -90px;}
.customerbuttons .print .g{ background: url(../images/sprite.png); background-position:-530px -90px; height:25px; margin-top:3px; width:25px; float:right;}
.customerbuttons .print:hover .g{ background-position:-605px -90px; }
.customerbuttons .email .g{ background: url(../images/sprite.png); background-position:-730px -325px; height:25px; margin-top:3px; width:25px; float:right;}
.customerbuttons .email:hover .g{ background-position:-805px -325px;}
.colourpicker{ height:0px; display:block; background:#cccccc; overflow:hidden; margin:0px 10px 0px 10px;}
.colourpicker .brick{ width:90px; height:100px; display:block; position:relative; box-sizing:border-box;}
.colourpicker .pad{ width:0px; display:block; height:50px;}
.colourpicker .collabel{ width:auto; text-align:center; padding:10px 0px 0px 0px;}
.colourpicker table td{ padding:0px 10px 0px 10px;}
.colourpicker .pickerinner{ overflow:auto; overflow-y:hidden; overflow-x:scroll; -webkit-overflow-scrolling: touch; padding:20px 0px 20px 0px;}
.colourpicker .pickerinnerbespoke{ overflow:hidden; padding:20px 0px 20px 0px; background:#f2f2f2; }
.bespokecolourname { display:none; padding-bottom:10px; }
.bespokecolourname input { width:115px !important; margin-top:10px; margin-left:8px; }
.brick .overlay{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.brick .sparkle{ background:url(../images/filter_sparkle2.png) top left no-repeat;}
.brick .metallic{ background:url(../images/metallic-alternative-v3.png) top left no-repeat;}
.brick .metallicbronze{ background:url(../images/metallic/bronze_age_sm.jpg) top left no-repeat;}
.brick .metalliciron{ background:url(../images/metallic/iron_age_sm.jpg) top left no-repeat;}
.brick .metalliccuprum{ background:url(../images/metallic/cuprum_sm.jpg) top left no-repeat;}
.brick .metalliccobre{ background:url(../images/metallic/cobre_sm.jpg) top left no-repeat;}
.brick .shimmer{ background:url(../images/filter_shimmer.png) top left no-repeat;}
.brick .satin{ background:url(../images/filter_satin.png) top left no-repeat;}
.brick .antiquemirror{ background:url(../images/filter_antique.png) top left no-repeat; opacity:0.5;}
.brick .mirrorlava{ background:url(../images/mirror/Lava-min.jpg) top left no-repeat; opacity:0.4;}
.brick .mirrormoon1{ background:url(../images/mirror/Moon1-min.jpg) top left no-repeat; opacity:0.4;}
.brick .mirrormoon2{ background:url(../images/mirror/Moon2-min.jpg) top left no-repeat; opacity:0.4;}
.brick .mirrormoon3{ background:url(../images/mirror/Moon3-min.jpg) top left no-repeat; opacity:0.4;}
.brick .mirrorneptune{ background:url(../images/mirror/Neptune-min.jpg) top left no-repeat; opacity:0.4;}
.brick .mirrorjupiter{ background:url(../images/mirror/Jupiter-min.jpg) top left no-repeat; opacity:0.4;}
.brick .mirrorcopper{ background:url(../images/mirror/copper_mirror.jpg) top left no-repeat;}
.brick .kilnclassic{ background:url(../images/kiln/kiln_classic_brick_o.png) top left no-repeat;}
.brick .kilnartisan{ background:url(../images/kiln/kiln_artisan_brick_o.png) top left no-repeat;}
.brick .kilnleather{ background:url(../images/kiln/kiln_leather_o.png) top left no-repeat;}
.brick .kilnlinear{ background:url(../images/kiln/kiln_linear_o.png) top left no-repeat;}
.brick .kilnlinen{ background:url(../images/kiln/kiln_linen_o.png) top left no-repeat;}
.brick .kilnluna{ background:url(../images/kiln/kiln_lunar_o.png) top left no-repeat;}
.brick.selected{ border:5px solid #cccccc; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50,0.5); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50,0.5);}
.i1{ float:left;}
.measurementdiagram{ width:240px; height:160px; background:transparent url(../images/sprite.png); float:left; margin:0px 0px 0px 20px;}
.measurementdiagram.rectangle{ background-position:-10px -490px; }
.measurementdiagram.rectangle.part1width{ background-position:-590px -490px; }
.measurementdiagram.rectangle.part1height{ background-position:-300px -490px; }
.measurementdiagram.onepieceT{ background-position:-10px -700px; }
.measurementdiagram.onepieceT.part1width{ background-position:-590px -700px; }
.measurementdiagram.onepieceT.part1height{ background-position:-300px -700px; }
.measurementdiagram.onepieceU{ background-position:-10px -910px; }
.measurementdiagram.onepieceU.part1width{ background-position:-590px -910px; }
.measurementdiagram.onepieceU.part1height{ background-position:-300px -910px; }
.measurementdiagram.onepieceL{ background-position:-10px -1120px; }
.measurementdiagram.onepieceL.part1width{ background-position:-590px -1120px; }
.measurementdiagram.onepieceL.part1height{ background-position:-300px -1120px; }
.measurementdiagram.circle{ background-position:-880px -490px; width:160px; }
.measurementdiagram.circle.part1width{ background-position:-880px -700px; }
.measurementdiagram.threepieceT{ background-position:-10px -2590px; }
.measurementdiagram.threepieceT.part1width{ background-position:-10px -1540px; }
.measurementdiagram.threepieceT.part1height{ background-position:-10px -1330px; }
.measurementdiagram.threepieceT.part2width{ background-position:-300px -1540px; }
.measurementdiagram.threepieceT.part2height{ background-position:-300px -1330px; }
.measurementdiagram.threepieceT.part3height{ background-position:-590px -1330px; }
.measurementdiagram.threepieceT.part3width{ background-position:-590px -1540px; }
.measurementdiagram.threepieceU{ background-position:-300px -2590px; }
.measurementdiagram.threepieceU.part1width{ background-position:-10px -1960px; }
.measurementdiagram.threepieceU.part1height{ background-position:-10px -1750px; }
.measurementdiagram.threepieceU.part2width{ background-position:-300px -1960px; }
.measurementdiagram.threepieceU.part2height{ background-position:-300px -1750px; }
.measurementdiagram.threepieceU.part3width{ background-position:-590px -1960px; }
.measurementdiagram.threepieceU.part3height{ background-position:-590px -1750px; }
.measurementdiagram.twopieceL{ background-position:-590px -2590px; }
.measurementdiagram.twopieceL.part1width{ background-position:-10px -2380px; }
.measurementdiagram.twopieceL.part1height{ background-position:-10px -2170px; }
.measurementdiagram.twopieceL.part2width{ background-position:-300px -2380px; }
.measurementdiagram.twopieceL.part2height{ background-position:-300px -2170px; }
.measurementdiagram.worktoponepieceU{ background-position:-10px -3050px; }
.measurementdiagram.worktoponepieceU.part1width{ background-position:-590px -3050px; }
.measurementdiagram.worktoponepieceU.part1height{ background-position:-300px -3050px; }
.measurementdiagram.worktopthreepieceU{ background-position:-10px -3260px; }
.measurementdiagram.worktopthreepieceU.part1width{ background-position:-300px -3470px; }
.measurementdiagram.worktopthreepieceU.part1height{ background-position:-300px -3260px; }
.measurementdiagram.worktopthreepieceU.part2width{ background-position:-10px -3680px; }
.measurementdiagram.worktopthreepieceU.part2height{ background-position:-10px -3470px; }
.measurementdiagram.worktopthreepieceU.part3width{ background-position:-590px -3470px; }
.measurementdiagram.worktopthreepieceU.part3height{ background-position:-590px -3260px; }
.measurementdiagram.worktoponepieceT{ background-position:-300px -3680px; }
.measurementdiagram.worktoponepieceT.part1width{ background-position:-10px -3890px; }
.measurementdiagram.worktoponepieceT.part1height{ background-position:-590px -3680px; }
.measurementdiagram.worktopthreepieceT{ background-position:-300px -3890px; }
.measurementdiagram.worktopthreepieceT.part1width{ background-position:-590px -3890px; }
.measurementdiagram.worktopthreepieceT.part1height{ background-position:-10px -4100px; }
.measurementdiagram.worktopthreepieceT.part2width{ background-position:-300px -4310px; }
.measurementdiagram.worktopthreepieceT.part2height{ background-position:-10px -4310px; }
.measurementdiagram.worktopthreepieceT.part3height{ background-position:-300px -4100px; }
.measurementdiagram.worktopthreepieceT.part3width{ background-position:-590px -4100px; }
.measurementdiagram.curvedrectangle{ background-position:-590px -4310px; }
.measurementdiagram.curvedrectangle.part1height{ background-position:-10px -4520px; }
.measurementdiagram.curvedrectangle.part1width{ background-position:-300px -4520px; }
.button{ overflow:hidden;}
.button a{ background:#aaaaaa; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:white; text-decoration:none; padding:3px 10px 3px 10px; display:inline-block; margin:0px 0px 0px 0px; text-transform:uppercase; cursor:pointer;}
.button.red a{ background:#ec1c24;}
.button.red a:hover{ background:#f68e92;}
.button.right{ text-align:right;}
.button.slim a{ padding:0px 10px 0px 10px !important; line-height:22px;}
#addpanelslice{ transition-duration:400ms;}
#addpanelslice.redbg{ background:#ec1c24; transition-duration:0s; color:white;}
#addpanelslice.redbg h2{ color:white !important;}
#addpanelslice.redbg .glyph{ background:#f2f2f2;}
.emailControls table{ width:100%;}
.emailControls .tdl{ width:100px;}
.emailControls .tdr{
background:white; overflow:hidden;}
.emailControls .tdl.attachmenticon{ background:url(../images/emailsprite.png) -40px -270px;}
.emailControls .tdl.attachmenticon:hover{ background:url(../images/emailsprite.png) -236px -271px;}
.emailControls .tdl.ccicon{ background:url(../images/emailsprite.png) -40px -70px;}
.emailControls .tdl.ccicon:hover{ background:url(../images/emailsprite.png) -228px -70px;}
.emailControls .tdr.padleft{ padding-left:4px;}
.emailControls .tdr span{ padding-left:4px;}
.emailControls .tdl a{ color:black; text-decoration:none;}
.dropdownccs{ height:19px; display:block; z-index:999; opacity:0; margin:0; padding:0; width:100px;}
.dropdownccs2{ height:19px; display:block; z-index:999; margin:0; padding:0; height:30px; line-height:30px; border:1px solid #cccccc; font-family:'Open Sans'; border-radius:3px; transition-duration:300ms; font-size:12px;}

.dropdownccscover{ margin-top:-19px; height:19px; line-height:24px;}
input.cclist{ width:100%; margin:0; padding:0px 0px 0px 4px; border:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height:20px; line-height:20px; font-size:12px;}
.noteditable{ cursor:default; background:#eeeeee !important;}
.additionalnotesforquote{ margin:20px 20px 20px 20px;}
.additionalnotesforquote h3{ font-size:13px;}
.additionalnotesforquote .textareaw{ width:auto; border:1px solid #cccccc; background:white; overflow:hidden;}
.additionalnotesforquote textarea{ display:block; width:100%; padding:4px; height:60px; margin:0px; border:none; outline:none; font-family:"Open Sans";}
.emaileditorwrapper{ margin:20px 20px 20px 20px; background:#cccccc; padding:1px; border:1px solid #aaaaaa;}
.posteditorwrap{ margin:20px; width:200px; overflow:hidden; position:relative;}
.attachmentwrap{ position:relative; overflow:hidden; cursor:pointer;}
.attachmentwrap input{ position:absolute; top:0px; right:0px; left:0px; bottom:0px; display:block; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.attachmentwrap span{ cursor:pointer;}
#summary{ margin:20px 0px 20px 20px; width:65%; float:left;}
#idpricing{ margin:20px 20px 20px 0px; width:25%; float:right; overflow:hidden;}
#idpricing table{ float:right;}
.totalamountbox{ padding:0px 15px 0px 15px; background:white; border:1px solid #dddddd; width:70px; height:30px; line-height:30px;}
.editbutton{ background:#aaaaaa; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:white; text-decoration:none; padding:3px 10px 3px 10px; display:inline-block; margin:0px 10px 0px 0px; text-transform:uppercase;}
.editbutton:hover{ background:#cccccc;}
#summaryTarget table td{ vertical-align:top;}
table.costings th{ text-align:left;}
input.arbitraryitemlabel{ width:400px !important;}
.custlineitemtable td{ vertical-align:top;}
.arbitraryitemlabel_textarea{ width:500px; height:100px; font-family:'Open Sans'; outline:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.arbitraryitemlabel_textarea:focus{ border-color: #ec1c24; box-shadow: 0 0 3px #ec1c24;}
.custinfobox{ font-size:14px; font-weight:bold; background:#cccccc; border:1px solid #aaaaaa; padding:10px;}
.quoteaccordian.topper{ border:none !important; cursor:auto !important; background:#ec1c24 !important; color:white !important; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.quoteaccordian.topper.withsearch{ height:auto !important;}
.quoteaccordian.topper input{ height:25px; line-height:25px; border:none; display:block; width:80% !important; padding:0px; margin:0px 0px 7px 0px; border-radius:0px; padding:0px 10px;}
.quoteaccordian.bar.deletedRow{ background:#f5f5f5; color:#cccccc; cursor:default;}
.quoteaccordian.bar{ margin-top:0px; border-top:1px solid #cccccc; background:#eeeeee; color:black; height:30px; line-height:28px; transition-duration:400ms; padding-left:20px; font-size:14px; cursor:pointer; overflow:hidden;}
.quoteaccordian.bar .accco{ width:calc(100% - 61%); float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quoteaccordian.bar .custref{ width:13%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quoteaccordian.bar .ref{ width:14%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quoteaccordian.bar .genby{ width:9%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* New columns added to quote list */
.quoteaccordian.bar .templatefit{ width:4%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.quoteaccordian.bar .orderplaced{ width:6%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.quoteaccordian.bar .postsurvey{ width:4%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.quoteaccordian.bar .sentemails{ width:6%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.quoteaccordian.bar .delquote{ width:0%; float:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.quoteaccordian.bar .delquote1{ width:5%; float:right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center;}
.quoteaccordian.bar .level{ width:100px; float:right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center; height:30px;}
.clicktoorderby{ cursor:pointer; display:block;}
.clicktoorderby.sorttriangle.desc{ background:url(../images/sorttriangles.png) 80% -80px no-repeat;}
.clicktoorderby.sorttriangle.asc{ background:url(../images/sorttriangles.png) 80% 9px no-repeat;}
.quoteaccordian.bar .level.admin{ background:#bbbbbb; font-weight:bold;}
.quoteaccordian.bar .level.superadmin{ background:#888888;}
.quoteaccordian.body{ display:block; overflow:hidden; height:0px;}
.quoteaccordian.body{ background:#f2f2f2; overflow:hidden;}
.quoteaccordian.body .accordianbottomhandle{ margin-top:10px; height:15px; background:#f8f8f8; cursor:pointer; background:#ec1c24 url(../images/sprite.png); background-position:-10px -170px;}
.quoteaccordian.body .display{ margin:20px; width:60%; float:left; border-right:1px solid #cccccc;}
.quoteaccordian.body .rdisplay{ margin:20px; width:30%; float:left;}
.quoteaccordian table{ width:100%;}
.quoteaccordian.body .inner{ overflow:hidden;}
.quoteaccordian input[type=text],.quoteaccordian input[type=password]{ width:90%;}
.quoteaccordian select{ height:32px; line-height:32px; border:1px solid #cccccc; padding:0px 0px 0px 6px; margin-left:0px; font-family:'Open Sans'; outline:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition-duration:400ms;}
.quoteaccordian select:focus{ border-color: #ec1c24; box-shadow: 0 0 3px #ec1c24;}
#shapeselector2wrapper{ height:0px; overflow:hidden; margin-top:10px;}
.suggestiontextbox{ position:relative;}
.suggestiontextbox input[type=text]{ -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; width:80% !important; float:left; border-right:none;}
.suggestiontextbox .suggestions{ float:left; overflow:hidden; width:10%; height:30px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; background:white; position:relative; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.suggestiontextbox .suggestions select{ opacity:0; display:block; height:30px !important; line-height:30px; margin:0; padding:0; width:100%; -webkit-appearance: menulist-button;}
.suggestiontextbox .suggestions .overlay{ margin-top:-30px; height:30px; line-height:30px; width:100%; margin-left:40%; text-align:center; background:url(../images/sprite.png) -794px -4928px no-repeat;}
.quoterefleft{ width:120px;}
.quoterefright{ /*width:70%;*/ }
.chosen-container-single .chosen-single{ background:#fff; box-shadow:none; border:1px solid #999999; border-radius:3px;}
.glyphbox .chosen-container-single .chosen-single{ height:30px; line-height:30px; border:1px solid #cccccc;}
.glyphbox .chosen-container-single .chosen-single div b{ background-position: 0px 5px;}
.glyphbox .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 5px;}
.chosen-container-active.chosen-with-drop .chosen-single{ border:1px solid #cccccc; background:#ffffff; box-shadow: none;}
.chosen-container .chosen-drop{ box-shadow: none; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.chosen-container .chosen-results li.highlighted{ background:#999999;}
.nooverflowhidden{ overflow:visible !important;}
.optTablecls{ margin-top:-35px;}
.h2addoptions{ background:url(../images/sprite.png) -10px -4790px; width:25px; height:25px; float:right; margin-bottom:8px; cursor:pointer;}
.h2addoptions:hover{ background-position: -85px -4790px;}
.tabwrapper{ overflow:hidden; position:relative; border-bottom:1px solid #aaaaaa;}
.tabwrapper .tab{ float:left; padding:5px 10px 5px 10px; background:#dddddd; color:#000000; cursor:pointer; margin-right:2px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.tabwrapper .tab.active{ background:#bbbbbb; color:white;}
.turnoversummary input{ }
.turnoversummary input.empty{ border:1px solid #ec1c24;}
#overlaybg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:url(../images/pc60black.png) top left repeat; cursor:pointer; display:none;}
#additionaloptionsgraphic{ width:630px; height:325px; top:50%; margin-top:-150px; bottom:auto;}
#additionaloptionsgraphic .inner{ /*background:url(../images/sprite.png) 0px -4780px no-repeat;*/ background:url(../images/explainer.png) center center no-repeat; width:630px; height:290px; padding:0px; }

#additionaloptionsgraphic2{ width:630px; height:325px; top:50%; margin-top:-150px; bottom:auto;}
#additionaloptionsgraphic2 .inner{ /*background:url(../images/sprite.png) 0px -4780px no-repeat;*/ background:url(../images/worktopexplainer.png) center center no-repeat; width:630px; height:290px; padding:0px; }

.popupover{ width:700px; position:fixed; left:50%; margin-left:-360px; background:white; top:50px; bottom:30px; border-left:10px solid #333333; border-right:10px solid #333333; border-bottom:10px solid #333333; display:none;}
.popupover .inner{ overflow:auto; padding:20px; position:absolute; bottom:0px; top:30px; right:0px; left:0px;}
.popupover .dismisser{ position:absolute; top:0px; height:30px; background:#333333; right:0px; left:0px; padding-right:5px; color:white; font-weight:bold; line-height:30px; text-align:right; cursor:pointer;}
.delbutton{ padding:5px 15px 5px 15px; border:1px solid #cccccc; background:#eeeeee; border-radius:2px; text-align:center; font-weight:bold; cursor:pointer;}
.delbutton:hover{ background:#dddddd;}
.delbutton.narr{ width:40px; margin-top:20px;}
.delbutton.red{ background:#ec1c24; color:white; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:none; font-weight:normal; text-transform:uppercase;}
.delbutton.red:hover{ background:#f68e92;}
.delbutton.right{ text-align:right;}
.button_download { padding:5px 15px 5px 15px; border:1px solid #cccccc; background:#eeeeee; border-radius:2px; text-align:center; font-weight:bold; cursor:pointer; display:inline-block; overflow:hidden; position:relative;}
.button_download:hover{ background:#dddddd;}
.button_download a { position:absolute; left:0px; right:0px; top:0px; bottom:0px; display:block; }

.colourchoices { position:relative; overflow:hidden; }
.colourchoices .overlay{ background:url(rgba.php?242,242,242,0.8); background:rgba(242, 242, 242, 0.8); display:none;position:absolute; left:0px; right:0px; top:0px; bottom:0px; }

.requiredlabel { height:15px; margin-top:-15px; color:red; font-size:11px; font-weight:bold; text-align:right; padding-right:20px; }

.pseudocheckbox { font-size:21px; } 
.pseudocheckbox i { cursor:pointer; }
.pseudocheckbox.off .off { display:block; color:#cccccc; }
.pseudocheckbox.off .on { display:none; }
.pseudocheckbox.on .off { display:none; }
.pseudocheckbox.on .on { display:block; color:#ec1c24 ; }

.panellocationtextbox { width:300px !important; }

.controlboxcustpanel { margin-right:40px; }
.resetbuttoncustpane{ display:inline-block; float:right; margin-right:250px; margin-top:-3px; }
.custpanelleft { float:left; }
.custpanelright { float:right; }
.brochurelink{text-align: center; font-size: 12px; font-weight: bold}
.tooltip { position: relative;}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 240px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/* Pager layout: keep controls on one line, aligned right */
.pager{ display:flex; justify-content:flex-end; align-items:center; gap:10px; margin:10px 0; flex-wrap:nowrap; }
.pager-left,.pager-right{ display:flex; align-items:center; gap:8px; }
.pager .pager-status{ white-space:nowrap; }
.pager select{ height:22px; line-height:22px; }
/* Hide legacy clearfix inside pager when using flex */
.pager > div[style*="clear:both"]{ display:none; }

/* Costing Admin - table and actions */
.costing-form{ position:relative; padding-bottom:60px; display:block; text-align:left; }
.costings{ width:auto; max-width:520px; display:table; border-collapse:collapse; background:white; border:1px solid #dddddd; margin:0 auto; }
.costings th,.costings td{ padding:4px 8px; border-bottom:1px solid #eeeeee; }
.costings th,.costings td{ text-align:left; }
.costings th{ background:#f7f7f7; font-weight:bold; }
.costings tr:nth-child(even) td{ background:#fafafa; }
.costings input[type=number]{ width:120px; text-align:right; }
.costings td:last-child{ width:1%; white-space:nowrap; }
.costing-form .form-actions{ position:absolute; right:0; bottom:0; }