body{padding-left: 150px; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;} h1, h2, h3, h4, h5, h6 {color: #006699; font-weight: normal; line-height: 1em;} p.db-query, pre.xdebug-var-dump, .editpage pre.xdebug-var-dump {color: #000; background-color: #F2EFEF !important; text-align: left !important; padding-left: 5px !important; border: 1px dashed red;} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} .clear {clear:both;} .hidden{display: none !important;} .center{text-align: center;} p.warning{position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 20px 0; font-weight: normal; text-align: center; animation-name: slideup; animation-timing-function: cubic-bezier(0, 1, 0.5, 1); animation-fill-mode: forwards; animation-delay: 2s; animation-duration: 1s; will-change: opacity, transform; z-index: 100000} p.fail {background-color: rgba(170, 0, 0, 0.9); border-top: 2px solid #900; color: #FFF;} p.success {background-color: rgba(0, 170, 0, 0.9); border:2px solid #090; color: #FFF;} p.warning a{color: #FFF;} p.warning--inline{position: relative; top: auto; left: auto; animation: none} p.small {font-size: 1em !important; height: 15px; margin-bottom: -12px !important; margin-top: 9px !important; margin-left:18px !important; padding: 3px !important; width: 500px !important;} @keyframes slideup { 0% {transform: translateY(0%); } 100% { transform: translateY(-100%);} } /*.manage-main-container p.warning{border: none !important; padding: 10px 0.5%; width: 99%; border-radius: 5px; font-size: 1.2em;}*/ /*@keyframes slideup { 0% { opacity: 1; transform: translateY(0%); } 100% { opacity: 0; transform: translateY(-200%); margin : 0 0 -2em; padding:0;} }*/ a{color: #346BB4;} ins{font-weight: bold; color: green;} del{font-weight: bold; color: #ff0000} #pagetemplatechooser {margin-top:20px;} #pagetemplatechooser li {border:3px solid #eaeaea; padding:5px; text-align:center; font-size: 0.8rem; padding-top:10px; list-style:none; color: #666; width: 200px; min-height: 200px; position: relative; float: left; margin-right:5px; cursor:pointer;} #pagetemplatechooser li img {width: 200px; position: absolute; left:5px; bottom:5px;} #pagetemplatechooser li.segmentselect span {display:block; height:60px} /* Standard Forms */ form {margin-bottom: 0; text-align: left; color: #414141;} fieldset {margin-bottom: 0; width: 100%;} /* Firefox fix for pages being too wide, particularly if there is a large image */ @-moz-document url-prefix() { fieldset {display: table-column;} } legend {visibility: hidden; display: none;} label {display: block; font-weight: normal; /*font-size: 1.1em;*/ font-size: 0.85rem; text-align:left;} label {height: auto; /*position: absolute; */line-height: 1.4em;} label.inputlabel{margin-top: 7px;} label span {font-weight: normal; font-size: 1em; color: #444;} label.emailformcovert, input.emailformcovert {display:none;} label a:hover{text-decoration: underline !important;} input[type="text"], input[type="date"], input[type="password"], input[type="checkbox"], input[type="email"], input[type="file"], textarea, select {font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; border: 1px solid #C5C5C5; font-size: 0.8rem; box-shadow: inset 0px 3px 10px -2px #DDD; padding: 8px; border-radius: 5px; color: #000; margin: 0 0 15px 0; height: auto; width: 54%; max-width: 98%; display: inline-block; background-color: #FAFAFA; } input[type="date"]{width: 130px} input[type="text"]:hover, input[type="date"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {border: 1px solid #68AEE2; background-color: #FFF; box-shadow: inset 0px 3px 10px -2px #C5C5C5;} input[type="checkbox"]{box-shadow: none; width: 40px;} select {padding: 8px; font-size: 0.8rem; width: 56.1%; vertical-align: middle; overflow: hidden; background: #FAFAFA url("../images/select_arrow.png") center right no-repeat; -webkit-appearance: none; text-indent: 0.01px;} select::-ms-expand {display: none;} /* Hide select arrows for IE10 */ select.multiple {background-image:none; height: 25em; overflow: auto;} select.singlemultiple {background-image:none; height: auto !important;; overflow: auto;} select option {text-indent: 10px;} textarea {min-height: 295px; max-height: 295px; resize: none; width: 54%;} textarea.short {min-height:150px; max-height: 150px;} .error{border: 1px solid red !important;} label.error{border: none !important; color: red;} .button, button, input[type="submit"], input[type="reset"] {font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; /*min-width: 120px;*/ background: #EEE; /* Old browsers */ background: #EEE -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #EEE -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #EEE -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #EEE -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #EEE -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #AAA; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-radius: 3px; color: #444; display: inline-block; font-size: 0.9em; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px; float: left;} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover {color: #222; background: #DDD; /* Old browsers */ background: #DDD -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #DDD -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #DDD -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #DDD -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #DDD -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #DDDS linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* WS3C */ border: 1px solid #888; border-top: 1px solid #AAA; border-left: 1px solid #AAA; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active {border: 1px solid #666; background: #CCC; /* Old browsers */ background: #CCC -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #CCC -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #CCC -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #CCC -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #CCC -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #CCC linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } img.formimage{margin: 0 200px 14px 200px; max-width: 60%;} input.nofloatbutton{float: none; margin-right: 5px;} input.readonly{background-color: #ddd} textarea.readonly{background-color: #ddd} select.readonly{background-color: #ddd} select.dateday{width: 20%; margin-left: 0;} select.datemonth{width: 38%; margin-left: 10px;} select.dateyear{width: 20%; margin-left: 10px;} select.timeday{width: 13%; margin-left: 0;} select.timemonth{width: 28%; margin-left: 10px;} select.timeyear{width: 19%; margin-left: 10px;} select.timehour{width: 14%; margin-left: 10px;} select.timeminute{width: 14%; margin-left: 10px;} div.checkboxdiv input {width: 40px !important;} p.label{display: inline-block; margin-right: 66px; font-weight: bold;} p.input{position: relative; margin: 2px 0 15px 0;} p.input span{font-weight: bold; position: absolute; top: 0; left: 200px;} p.multicheckboxheader{position: absolute; margin: 0;} span.drag{display: block; margin: 10px 0;} small.multi_tip{display: none;} form.tableeditform input[type="text"]{margin: 0;} form.tableeditform input[type="submit"]{margin: 20px 0 0 0;} /* Main Structural components */ .manage-header-container{position: fixed; left: 0; top: 0; height: 100%; z-index: 101; background-color: #003457; width: 149px; border-right: 1px solid #214f8c; color: #FFF; padding-bottom: 67px; overflow-y: auto;} .manage-header-container h1{margin: 0; padding: 0;} .manage-header-container h1 img{width: 130px; margin: 10px;} .manage-header-container p{margin: 10px; color: white; line-height: 1.2em} .manage-header-container .loggedinas {position: absolute; left: 0; bottom: 0px; z-index: 10000; font-size: 0.7rem; position: fixed; min-height: 49px; width: 149px; background-color: inherit;} .manage-header-container .logintakeover{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #fff;} .manage-header-container .logintakeover a{color: #fff;} .manage-header-container .wrapper{width: auto; padding-bottom: 25px;} .manage-header-container ul {color: white; line-height: 1em; padding: 0; margin: 10px;} .manage-header-container ul li{margin: 10px 0;} .manage-header-container ul li ul{margin: 0 0 0 10px;} .manage-header-container ul a{color: #FFF; padding: 2px; line-height: 1em; text-decoration: none; font-size: 0.9em;} /* Menu */ #mainmenu {margin: 24px 0 0 0; padding:0 !important; width: 150px;} #mainmenu li {border-bottom:1px solid #005289; margin:0; width:149px; background:#002944; padding-top:0px; font-size: 0.8rem;} #mainmenu li a {padding-right:0 !important;} #mainmenu>li.selected {background: #005289;} #mainmenu>li.selected a {background: #005289;} #mainmenu>li.selected ul li {background: #004f84 !important; width: 125px;} #mainmenu>li.selected ul li a {background: #004f84 !important;} #mainmenu li ul li.selected {background: #004f84 !important; /* border-left: 1px solid #346BB4; */ } #mainmenu li ul li.selected a {background: #004f84 !important;} #mainmenu li ul {display:none;} #mainmenu li:hover ul, #mainmenu li.hover ul, #mainmenu li.selected ul {display:block;} #mainmenu li ul li {border-bottom:1px dashed #608bba; background: #004f84;} #mainmenu li ul li:last-child {border-bottom:none} #mainmenu>li:hover {background: #005289;} #mainmenu>li:hover a {background: #005289} #mainmenu>li:hover ul li {background: #004f84; width: 125px;} #mainmenu>li:hover ul li a {background: #004f84} #mainmenu>li ul li:hover {background: #004f84 !important; width: 125px;} #mainmenu>li ul li:hover a {background: #004f84 !important} #mainmenu li a {display:block; padding: 12px 5px;} #mainmenu li ul {margin:0 0 0 0; padding-right: 10px; position:relative !important; border-top:1px solid #004f84; border-bottom:none !important;} #mainmenu li ul li {padding-left:25px; font-size: 0.85em; width: 125px;} #mainmenu li span.picicon {font-size:1.3em; margin-left:4px; margin-right:7px; text-transform: none} #mainmenu li ul li span.picicon {font-size:1em} #mainmenu li span.submenuindicator {position:absolute; right:0; margin-top: 17px; font-size:0.8rem; color:rgba(255,255,255,0.9); cursor:pointer; -ms-transform: rotate(90deg); webkit-transform: rotate(90deg); transform: rotate(90deg);} .manage-header-container ul li.logoutlink {padding:0; } .manage-header-container .helptextperpage{position: absolute; top: -10px; left: 0; height: 100%; margin: 10px 0; line-height: 1.2em; color: #FFFFFF; padding: 0; background-color: #525252;} .manage-header-container .helptextperpage h2{color: #8ECFFF; font-size: 1.8em; padding: 20px 10px 10px 10px; margin: 0 !important;} .manage-header-container .helptextperpage p{padding: 10px 10px 25px 10px; background: none; margin: 0; border: none; border-radius: 0; box-shadow: none; width: auto;} .manage-secondary-container{/*background-color: #0A5F84; */} .menu-manage .manage-secondary-container, .editpage .manage-secondary-container, .simplelookupsitems-manage .manage-secondary-container, .login-manage .manage-secondary-container{overflow: hidden; z-index: 100; transition: top 0.2s linear; position: fixed; border-top: 1px solid #003457; background-color: #0A5F84; text-align: right; left: 150px; top: calc(100% - 48px); width: calc(100% - 150px);} /*.manage-secondary-container{overflow: hidden; z-index: 100; transition: top 0.2s linear; position: fixed; border-top: 1px solid #003457; background-color: #0A5F84; text-align: right; left: 150px; top: calc(100% - 48px); width: calc(100% - 150px);}*/ .manage-secondary-container.compressed{} .manage-secondary-container .wrapper{width: auto; padding: 0 1.2%;} .manage-secondary-container .loggedinas{position: absolute; left: 135px; top: 28px; font-size: 0.8rem; color: white; padding: 0 20px;} .manage-secondary-container .loggedinas p{color: white !important; line-height: 1.3em;} .be-enabled .manage-secondary-container .loggedinas{top: -37px;} .manage-secondary-container p {position:relative; display: inline-block; margin: 6px 0;} .manage-secondary-container p.add-link{margin: 0; position: absolute; top: 20px; right: 230px;} .manage-secondary-container p.add-link-2{right: 390px} .manage-secondary-container p.add-link a{width: auto !important;} .manage-secondary-container p a{position: relative; color: #FFF; text-decoration: none; margin: 0 10px; line-height: 1.2em; background-color: #009E01; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px 15px 10px 10px; width: 150px; display: block; text-align: center; background: -webkit-linear-gradient(#00B900, #009E01); /* For Safari */ background: -o-linear-gradient(#00B900, #009E01); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#00B900, #009E01); /* For Firefox 3.6 to 15 */ background: linear-gradient(#00B900, #009E01); /* Standard syntax */} .manage-secondary-container p a:hover{background-color: #009E01; opacity: 1; top: 1px; left: 1px; background: -webkit-linear-gradient(#009E01, #00B900); /* For Safari */ background: -o-linear-gradient(#009E01, #00B900); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#009E01, #00B900); /* For Firefox 3.6 to 15 */ background: linear-gradient(#009E01, #00B900); /* Standard syntax */} .manage-secondary-container p.viewlink a{ background: -webkit-linear-gradient(#0085FF, #0073DD); /* For Safari */ background: -o-linear-gradient(#0085FF, #0073DD); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#0085FF, #0073DD); /* For Firefox 3.6 to 15 */ background: linear-gradient(#0085FF, #0073DD); /* Standard syntax */} .manage-secondary-container p.viewlink a:hover{background-color: #006ED3; background: -webkit-linear-gradient(#007FF3, #006ED3); /* For Safari */ background: -o-linear-gradient(#007FF3, #006ED3); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#007FF3, #006ED3); /* For Firefox 3.6 to 15 */ background: linear-gradient(#007FF3, #006ED3); /* Standard syntax */} .manage-secondary-container p.savelink{right: 0.2%;} .manage-secondary-container p.savelink a{margin-right: 0;} .manage-secondary-container p.addlink{right: 0.2%;} .manage-secondary-container p.addlink a{margin-right: 0;} .manage-secondary-container p.cancellink{position: absolute; left: 1.3%; top: 0; display: none;} .manage-secondary-container p.cancellink a{margin-left: 0; background: -webkit-linear-gradient(#FF0000, #D00); /* For Safari */ background: -o-linear-gradient(#FF0000, #D00); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#FF0000, #D00); /* For Firefox 3.6 to 15 */ background: linear-gradient(#FF0000, #D00); /* Standard syntax */} .manage-secondary-container p.cancellink a:hover{background-color: #D00; background: -webkit-linear-gradient(#D00, #FF0000); /* For Safari */ background: -o-linear-gradient(#D00, #FF0000); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#D00, #FF0000); /* For Firefox 3.6 to 15 */ background: linear-gradient(#D00, #FF0000); /* Standard syntax */} .manage-secondary-container form{margin: 20px 0 0 0; width: calc(100% - 260px)} .manage-secondary-container form legend{visibility: visible; color: #FFF; width: 100%; margin-bottom: 10px; padding-bottom: 15px; font-size: 1.2rem; display: none;} .manage-secondary-container form legend .picicon {color: #FFF; font-size: 1.2em;} .manage-secondary-container form legend:hover{color: #BBDEF3;} .manage-secondary-container form legend:hover .picicon{color: #BBDEF3;} .manage-secondary-container form div{position: relative; display: inline-block; /*width: 140px;*/ vertical-align: top; margin: 0 10px 0 0;} .manage-secondary-container form div.datefilter-formfield{width: 300px;} .manage-secondary-container form div.searchbuttondiv{width: 130px;} .manage-secondary-container form div.clearsearch{width: 140px; margin: 0;} .manage-secondary-container form div.pagename{width: auto;} .manage-secondary-container form div.pagename h1{padding: 2px 0 0 0; margin: 0; font-size: 1.3rem} .manage-secondary-container form label{/*color: #FFF; */position: relative; display: inline-block;} .manage-secondary-container form input[type=text], .manage-secondary-container form input[type=date], .searchpage .manage-secondary-container form select{font-size: 0.75rem; padding: 5px; display: inline-block; width: calc(100% - 10px); margin: 0 0 10px 0;} .manage-secondary-container form select.dateday{width: 22%;} .manage-secondary-container form select.datemonth{width: 44%;} .manage-secondary-container form select.dateyear{width: 29%; margin-left: 0;} .manage-secondary-container form input.datepickercl{width: 124px;} .manage-secondary-container form input[type=submit]{font-weight: normal; padding: 5px; background-color: #FF0000; text-shadow: none; color: #FFF; width: 100px; margin: 0; border: none;} .manage-secondary-container form input.searchbutton{position: relative; color: #FFF; text-decoration: none; margin: 0 0 15px 0; line-height: 1.2em; background-color: #68AEE2; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); width: 130px; display: inline-block; text-align: center; border-radius: 0; float: none; font-size: 0.9rem; background: -webkit-linear-gradient(#68AEE2, #44A2E8); /* For Safari */ background: -o-linear-gradient(#68AEE2, #44A2E8); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#68AEE2, #44A2E8); /* For Firefox 3.6 to 15 */ background: linear-gradient(#68AEE2, #44A2E8); /* Standard syntax */} .manage-secondary-container form input.searchbutton:hover{background-color: #44A2E8; opacity: 1; top: 1px; left: 1px; background: -webkit-linear-gradient(#44A2E8, #68AEE2); /* For Safari */ background: -o-linear-gradient(#44A2E8, #68AEE2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#44A2E8, #68AEE2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#44A2E8, #68AEE2); /* Standard syntax */} .manage-secondary-container form .date-container {display: inline-block; margin: 0; width: 88% !important} .manage-secondary-container form .date-container input{width: 120px;} .manage-secondary-container form .datepickerimagediv{top: -4px; right: auto; width: 12%; margin: 0;} .manage-secondary-container form.tablebuildform{margin: -41px 0 0 0; text-align: center;} .manage-secondary-container form.tablebuildform select{width: 112px; display: inline-block; margin-right: 12px; padding: 9px 20px 9px 5px;} .manage-secondary-container form.tablebuildform input[type=submit]{float: none; vertical-align: top;} .manage-secondary-container form.tablebuildform input[type=submit]{position: relative; color: #FFF; text-decoration: none; margin: 0 0 15px 0; line-height: 1.2em; background-color: #68AEE2; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 9px 15px 9px 10px; width: 200px; display: inline-block; text-align: center; border-radius: 0; float: none; font-size: 0.9rem; background: -webkit-linear-gradient(#68AEE2, #44A2E8); /* For Safari */ background: -o-linear-gradient(#68AEE2, #44A2E8); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#68AEE2, #44A2E8); /* For Firefox 3.6 to 15 */ background: linear-gradient(#68AEE2, #44A2E8); /* Standard syntax */} .manage-secondary-container form.tablebuildform input[type=submit]:hover{background-color: #44A2E8; opacity: 1; top: 1px; left: 1px; background: -webkit-linear-gradient(#44A2E8, #68AEE2); /* For Safari */ background: -o-linear-gradient(#44A2E8, #68AEE2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#44A2E8, #68AEE2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#44A2E8, #68AEE2); /* Standard syntax */} .manage-secondary-container form .clear-search-link{color: #000; font-size: 0.8rem; margin: 0; display: block;} .manage-secondary-container form .clear-search-link:hover{opacity: 0.8;} .manage-secondary-container form .clear-search-link span.picicon{display: inline-block; transform: scale(-1, 1);} .manage-main-container{padding: 0 1.2% 50px 1.2%; position: relative; /*min-height: 1000px*/} .menus-manage .manage-main-container, .emailtemplates-manage .manage-main-container, .simplelookups-manage .manage-main-container, .simplelookupsitems-manage .manage-main-container, .login-manage .manage-main-container{padding-top: 40px} .index-manage .manage-main-container{padding-top: 50px} .manage-main-container h1{font-size: 1.3rem; margin: 15px 0 20px 0; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif !important;} .searchpage .manage-main-container h1#breadcrumb{display: none;} .manage-main-container h1 a{color: #346BB4;} .manage-main-container ul{padding: 0 0 0 16px;} .manage-main-container ul.paging{margin: 25px 0; padding: 5px 0; border: 1px solid #346BB4; border-width: 1px 0;} .manage-main-container ul.paging li{list-style-type: none; display: inline; padding: 0 10px 0 0 ;} .manage-main-container ul.paging li a{color: #346BB4; text-decoration: none;} .manage-main-container ul.paging li a.selected{text-decoration: underline; font-size: 1.2em;} /* Main Table Styles */ .manage-main-container table{margin-top: 10px; width: 100%; font-size: 0.7rem;} .manage-main-container table.fullwidth{width: 99% !important; margin-left: 0 !important;} .manage-main-container table thead tr th {background-color: #398DCB; color: white; text-align: left; border-top: 1px solid #589BCE; font-weight: normal;} .manage-main-container table thead tr th {background: #62ADD7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} .manage-main-container table thead tr th a{color: #FFF;} .manage-main-container table td, .manage-main-container table th{padding: 9px 8px; background-color: #DCEEFA; border-top: 1px solid white; vertical-align: top; color:#144B94;} .manage-main-container table tbody tr td a{color: #144B94;} .manage-main-container table tbody tr td a.no-underline{text-decoration: none;} .manage-main-container table tbody tr:hover td{background-color: #68AEE2; color: white;} .manage-main-container table tbody tr:hover td a{color: #FFF;} .manage-main-container table tbody tr td img{max-width: 50px;} .manage-main-container table tbody tr td textarea{width: 90%; padding: 5%; margin: 0; height: 92px; min-height: 0; max-height: none;} .manage-main-container table tr.headerrow td{background-color: #2878c3 !important; color: #fff} .manage-main-container table tr.primary-checklist-item td{background-color: #BED0DC !important; color: #fff} .manage-main-container table tfoot tr td{font-weight: bold; border-bottom: 1px solid #3382c6; background: #2878c3; color: #fff} .manage-main-container form.tablewrapper {margin-bottom: 60px;} .manage-main-container form.tablewrapper table {margin-bottom: 10px;} .manage-main-container form.tablewrapper input, .manage-main-container form.tablewrapper select{margin: 0; width: auto; height: auto; padding: 2px; font-size: 0.7rem} .manage-main-container form.tablewrapper select{width: 84px;} .manage-main-container form.tablewrapper input[type=submit] {font-weight: normal; position: absolute; right: 21px; color: #FFF; line-height: 1.2em; background-color: #BADC2F; border-radius: 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 167px; font-size: 1em; background: -webkit-linear-gradient(#BADC2F, #8FA812); /* For Safari */ background: -o-linear-gradient(#BADC2F, #8FA812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#BADC2F, #8FA812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#BADC2F, #8FA812); /* Standard syntax */} .manage-main-container form.schedules-form input[type=submit] {margin-top: 6px;} .manage-main-container form.tablewrapper input.short{width: 65px;} .manage-main-container form.tablewrapper input.invoice-percentage-readonly{background-color: #ddd} /* Search Page Tables should be 100% wide by default */ .searchpage .manage-main-container table{width: 100%;} /* Help Text Per Page Button */ .manage-main-container a.helptextperpagebutton{color: #346BB4; text-decoration: none; display: block; padding: 10px; position: absolute; right: 0; top: 0; z-index: 100;} .manage-main-container a.helptextperpagebutton span.picicon{font-size: 1.8rem;} body.be-enabled .manage-main-container a.helptextperpagebutton{} .manage-main-container a.helptextperpagebutton:hover {color: #346BB4; } /* Dashboard Styles */ .manage-main-container .dashboardarea{border: 1px solid #F22143; width: 48%; float: left; height: 400px; margin: 0 3% 20px 0; padding: 0; border-radius: 5px 5px 0 0; } .manage-main-container .dashboardarea:nth-child(even){margin-right: 0;} .manage-main-container .dashboardarea h2{background-color: #F22143; margin: 0 !important; padding: 20px 10px; color: white; height: 20px; font-size: 1em; text-transform: uppercase; text-shadow: 2px 2px 2px #666} .manage-main-container .dashboardarea h2 {background-color: #F22143; background: -webkit-linear-gradient(#F22143, #C1152F); /* For Safari */ background: -o-linear-gradient(#F22143, #C1152F); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#F22143, #C1152F); /* For Firefox 3.6 to 15 */ background: linear-gradient(#F22143, #C1152F); /* Standard syntax */} .manage-main-container .dashboardarea h2 span{font-size: 2em; margin-right: 5px; text-transform: none} .manage-main-container .dashboardarea div.inner{overflow-y: auto; height: 340px !important} .manage-main-container .dashboardarea div.inner a{text-decoration: none; color: #68AEE2;} .manage-main-container .dashboardarea div.inner a:hover{color: #608BBA;} .manage-main-container .dashboardarea div.inner table{margin: 0 !important; position: relative; font-size: 1em; width: 100%} .manage-main-container .dashboardarea div.inner table thead{display: none;} .manage-main-container .dashboardarea div.inner table tr td{background-color: white; border-bottom: 1px solid #EEE; color: #666;} .manage-main-container .dashboardarea div.inner table tr td:first-child{font-weight: bold;} .manage-main-container .dashboardarea div.inner table tr:hover td{color: #666; } .manage-main-container .dashboardarea div.inner form {position: relative; padding: 0 10px;} .manage-main-container .dashboardarea div.inner form input{margin-left: 35%;} .manage-main-container .dashboardarea div.inner form textarea{margin-left: 35%; height: 100px !important; min-height: 130px;} .manage-main-container .dashboardarea div.inner .statsitem{float: left; width: 42%; background-color: #FAFAFA; border: 1px solid #EEE; margin: 20px 0 0 5%; height: 130px; text-align: center; } .manage-main-container .dashboardarea div.inner .statsitem p{margin: 10px 0 0 0; padding: 0;} .manage-main-container .dashboardarea div.inner .statsitem p.stat-item{color: #A00; font-size: 5em; letter-spacing: -0.1em} .manage-main-container .dashboardarea div.inner .statsitem p.stat-label{margin: 0; padding: 0; color: #666} .manage-main-container .dashboardarea div.inner .statsitem p a{text-decoration: none;} .manage-main-container .dashboardarea div.inner .statsitem p a:hover{color: #346BB4;} .manage-main-container .dashboardarea div.inner p{margin: 10px;} .usertype2 .manage-main-container .dashboardarea{height: 600px} .usertype2 .manage-main-container div.inner{height: 540px !important} /* Table Editing */ .editpage .manage-main-container form table{width: 58.7%; margin-left: 200px;} .editpage .manage-main-container form table.form-table{width: 100%; margin-left: 0;} .editpage .manage-main-container form table.product-options{width: 75%; margin-left: 0;} .editpage .manage-main-container form table.product-options-details{width: 75%; margin-left: 0;} .editpage .manage-main-container form .order-quote-brief-summary{width: 23%; float: right;} .editpage .manage-main-container form .order-quote-brief-summary table{width: 100%; margin: 0;} .editpage .manage-main-container form .order-quote-brief-summary img{width: 100%; margin: 10px 0 0 0;} .editpage .manage-main-container form table.product-options #option1{width: 30%;} .editpage .manage-main-container form table.product-options #option2{width: 30%;} .editpage .manage-main-container form table.product-options #option3{width: 7%;} .editpage .manage-main-container form table.product-options #option4{width: 10%;} .editpage .manage-main-container form table.form-table .invoice-table-reference{width: 250px} .editpage .manage-main-container form table.form-table .invoice-table-description{} .editpage .manage-main-container form table.form-table .invoice-table-details{} .editpage .manage-main-container form table.form-table .invoice-table-date{width: 100px} /* Checkbox editing */ .manage-main-container form #accessdv .checkboxdiv{height: 30px; float: left; width: 45%; margin-right: 1%;} .manage-main-container form #accessdv .checkboxdiv input{margin-left: 0px !important;} /* Product Variant Edit Table */ .manage-main-container form table#variantslist tbody tr#hiddenclonedrow {display:none;} .manage-main-container form #currentvariants {width:70%;} .manage-main-container form #currentvariants table#variantslist {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #currentvariants table#variantslist tr td input {margin-left:10px;} .manage-main-container form #currentvariants table#variantslist tr td select {margin-left:10px; width: 100px;} /* Customer Edit */ .manage-main-container form #reviewsdv {width:70%;} .manage-main-container form #reviewsdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #reviewsdv table tr td input {margin-left:10px;} .manage-main-container form #wishlistdv {width:70%;} .manage-main-container form #wishlistdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #wishlistdv table tr td input {margin-left:10px;} .manage-main-container form #ordersdv {width:70%;} .manage-main-container form #ordersdv table {margin-left:0; margin-bottom:10px; width:100%;} .manage-main-container form #ordersdv table tr td input {margin-left:10px;} /* Table Col Groups */ table #crop1{width: 14%;} table #crop2{width: 20%;} table #crop3{width: 48%;} table #crop4{width: 18%;} /* In form inline table editing */ .manage-main-container form table.table--inlineedit-table{margin: 0; width: 100%} .manage-main-container form table.table--inlineedit-table tr td{padding: 5px} .manage-main-container form table.table--inlineedit-table input{margin: 0; width: auto; height: auto; padding: 2px; font-size: 0.7rem; width: calc(100% - 4px);} .manage-main-container form table.table--inlineedit-table input.short{width: 45px;} .manage-main-container form table.table--inlineedit-table input[type="checkbox"]{width: 25px;} .manage-main-container form table.table--inlineedit-table input[type="date"]{width: 120px;} .manage-main-container form table.table--inlineedit-table select{margin: 0; width: auto; height: auto; padding: 2px; font-size: 0.7rem; width: calc(100% - 4px);} .manage-main-container form table.table--inlineedit-table textarea{margin: 0; width: auto; height: auto; padding: 2px; font-size: 0.7rem; width: calc(100% - 4px);} .manage-main-container form table.table--checklist-table{margin: 0 !important; width: 79% !important} .manage-main-container form table.table--miscitems-table{margin: 0 !important; width: 79% !important} /* Quotes notes containers */ .manage-main-container .notes-col{width: 77%} .manage-main-container .notes-col1{width: 49%; margin-right: 1%; float: left;} .manage-main-container .notes-col2{width: 49%; margin-left: 1%; float: left;} .manage-main-container .notes-col span.author{font-style: italic; margin: 10px 0 0 0; display: block;} /* Quotes notes containers */ .manage-main-container .notes-order-col1{width: 32%; margin-right: 1%; float: left;} .manage-main-container .notes-order-col2{width: 32%; margin-left: 1%; float: left;} .manage-main-container .notes-order-col3{width: 32%; margin-left: 1%; float: left;} .manage-main-container .notes-order-col span.author{font-style: italic; margin: 10px 0 0 0; display: block;} /* General bits */ .placeholderimg{display: inline-block; margin: 9px 0 0 20px;} .placeholderimg .tooltipmarker{cursor: pointer; font-size: 0.85em;} .placeholderimg .tooltipmarker:hover{text-decoration: underline;} .tooltip {color: #FFF; width: 30%; min-width: 200px; z-index: 13000; background-color: #D00; border-radius: 5px;} .tooltip .tip-title {font-weight: bold; font-size: 1.2em; margin: 0; color: #FFF; padding: 10px 10px 4px;} .tooltip .tip-text {font-size: 0.9em; padding: 4px 10px 10px; line-height: 1.4em;} .help-para{font-size: 0.95em; line-height: 1.5em;} .extra-helptext{position: relative; display: inline-block; padding-right: 35px;} #bedialogbox{display: none;} .previewlink {position: absolute; right: 1%; margin: 2px 0 0 0;} .previewlink p {margin:0; padding:0;} .previewlink p a {color: #FFF; text-decoration:none; line-height: 2em; font-size: 0.9rem;} .previewlink p a .picicon {font-size:1.2em;} p.querycount{position: absolute; top: 0; right: 0; margin: 0; padding: 5px; background-color: #A00; color: #FFF; font-size: 1em; line-height: 1.2em; z-index: 100;} .edit-tabs{position: relative;} /* Edit Page Specifics */ body.fixed-width{padding-left: 170px;} .editpage{position: relative; font-size: 0.8rem;} .editpage .main-container{margin-top: 20px; padding: 0;} .editpage .main-container.fixed-width{margin: 15px 0; background-color: #FFF;} .editpage .main-container.fixed-width .wrapper {margin: 20px 0;} .editpage .main-container form{margin: 20px 1.2% 250px 1.2%; } ul#tabmenu{margin: 0 0 5px 0; width: 98%; height: 30px; padding: 0 1%; line-height: 2em; background: #62ADD7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} ul#tabmenu li{font-size: 0.7rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} ul#tabmenu li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 10px 6px 10px; margin: 0; font-size: 1em;} ul#tabmenu li.selected a{border-bottom-color: #FFF; cursor: pointer;} ul#tabmenu li.selected a, ul#tabmenu li a:hover, ul#tabmenu li a:active{background-color: #FFF;} ul#tabmenu-sub{margin: 0 0 5px 0; width: 98%; height: 30px; padding: 0 1%; line-height: 2em; background: #62ADD7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} ul#tabmenu-sub li{font-size: 0.8rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} ul#tabmenu-sub li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 10px 6px 10px; margin: 0; font-size: 1em;} ul#tabmenu-sub li.selected a{border-bottom-color: #FFF; cursor: pointer;} ul#tabmenu-sub li.selected a, ul#tabmenu-sub li a:hover, ul#tabmenu-sub li a:active{background-color: #FFF;} ul#tabmenu-sub-2{margin: 0 0 5px 0; width: 98%; height: 30px; padding: 0 1%; line-height: 2em; background: #62ADD7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} ul#tabmenu-sub-2 li{font-size: 0.8rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} ul#tabmenu-sub-2 li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 10px 6px 10px; margin: 0; font-size: 1em;} ul#tabmenu-sub-2 li.selected a{border-bottom-color: #FFF; cursor: pointer;} ul#tabmenu-sub-2 li.selected a, ul#tabmenu-sub-2 li a:hover, ul#tabmenu-sub-2 li a:active{background-color: #FFF;} ul#tabmenu-sub-3{margin: 0 0 5px 0; width: 98%; height: 30px; padding: 0 1%; line-height: 2em; background: #62ADD7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} ul#tabmenu-sub-3 li{font-size: 0.8rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} ul#tabmenu-sub-3 li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 10px 6px 10px; margin: 0; font-size: 1em;} ul#tabmenu-sub-3 li.selected a{border-bottom-color: #FFF; cursor: pointer;} ul#tabmenu-sub-3 li.selected a, ul#tabmenu-sub-3 li a:hover, ul#tabmenu-sub-3 li a:active{background-color: #FFF;} ul#tabmenu-sub-4{margin: 0 0 5px 0; width: 98%; height: 30px; padding: 0 1%; line-height: 2em; background: #62ADD7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} ul#tabmenu-sub-4 li{font-size: 0.8rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} ul#tabmenu-sub-4 li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 10px 6px 10px; margin: 0; font-size: 1em;} ul#tabmenu-sub-4 li.selected a{border-bottom-color: #FFF; cursor: pointer;} ul#tabmenu-sub-4 li.selected a, ul#tabmenu-sub-4 li a:hover, ul#tabmenu-sub-4 li a:active{background-color: #FFF;} ul#tabmenu-installer{margin: 0 0 5px 0; width: 98%; height: 30px; padding: 0 1%; line-height: 2em; background: #62ADD7; background: -moz-linear-gradient(top, #62add7 0%, #2878c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62add7), color-stop(100%,#2878c3)); background: -webkit-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -o-linear-gradient(top, #62add7 0%,#2878c3 100%); background: -ms-linear-gradient(top, #62add7 0%,#2878c3 100%); background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62add7', endColorstr='#2878c3',GradientType=0 );} ul#tabmenu-installer li{font-size: 0.8rem; float: left; width: auto; height: 23px; color: #346BB4; list-style-type: none; margin: 3px 2px 0 0;} ul#tabmenu-installer li a{background-color: #F0F0F0; border-bottom: 1px solid #AAA; outline:none; border-radius: 5px 5px 0 0; float: left; text-decoration: none; text-align: center; height: 20px; min-width: 50px; color: #346bb4; padding: 0 10px 6px 10px; margin: 0; font-size: 1em;} ul#tabmenu-installer li.selected a{border-bottom-color: #FFF; cursor: pointer;} ul#tabmenu-installer li.selected a, ul#tabmenu-sub-3 li a:hover, ul#tabmenu-sub-3 li a:active{background-color: #FFF;} .tab-summary-holder{margin-left: 20px;} .tab-summary-container{float: left; width: 75%;} .tab-summary-container .pdftab{width: 100%} .editpage textarea.blueedit{display: none;} .editpage form.editform div.tab{/*margin-left: 75px;*/} .editpage form.editform div.tab#details{margin-left: 0;} .editpage form.editform .date-container{margin-left: 200px !important; width: 46.5%; top: -4px; position: relative; display: inline-block;} .editpage form.editform .date-holder .date-container{margin-left: 0 !important} .editpage form.editform .date-container input{display: block; margin: 0 0 5px 0; width: 75px;} .editpage #paymentsdv form.editform .datepickerimagediv{right: 17%;} .editpage #informationdv form.appcontrolform .date-container{width: 60%; display: inline-block;} .editpage #informationdv form.appcontrolform .datepickerimagediv{right: 21%; top: 4px;} .editpage form.editform .time-container{margin-left: 200px; width: 46.5%; top: -4px; position: relative; display: inline-block;} .editpage form.editform p.radiopara {height: auto; line-height: 1.4em; display: inline-block; width: 320px; font-size: 1.1em; margin: 0} .editpage form.editform p{font-size: 1rem;} .editpage form.editform p.heading{border-bottom: 1px solid #AAAAAA; padding-bottom: 5px; font-size: 1.5em; margin: 0 19px 30px 0; display: block;} .editpage form.editform .radiodiv {margin-left: 200px; margin-bottom: 10px; display: inline-block;} .editpage form.editform .radiodiv input{display: inline-block; margin-right: 10px; position: relative;} .editpage form.editform .radiodiv label{display: inline-block; margin-right: 30px; position: relative;} .editpage form.editform p.label{position: absolute; display: block; margin-top: 0;} .editpage form.editform p.input{padding: 0 10px 10px 0; margin: 0 0 15px 200px; width: 46%;} .date-container{min-width: 400px; max-width: 500px;} .editpage form.admin-form #builddv .datepickerimagediv{top: -60px; left: 500px; right: auto;} body.be-enabled form.editform div#seo {background:rgba(255, 255, 255, 0.95); padding:10px;} body.be-enabled form.editform div#information {background:rgba(255, 255, 255, 0.95); padding:10px;} form.editform {padding-bottom:200px;} /* Order View Page */ .manage-main-container div.tab {width: 100%;} /*.manage-main-container table tr:nth-child(even) td {background-color: #BBDEF3; border-top: 1px solid white; color:#144B94;} .manage-main-container table tfoot tr:nth-child(even) td {font-weight: bold; border-bottom: 1px solid #3382c6; background: #2878c3; color: #fff} */.manage-main-container table tbody tr.totalsrow td {background-color: #398DCB; color: white; text-align: left; border-top: 1px solid #589BCE; font-weight: normal;} .manage-main-container table tbody tr.totalsrow td { background: #62ADD7; background: -moz-linear-gradient(top, #62ADD7 0%, #2878C3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62ADD7), color-stop(100%,#2878C3)); background: -webkit-linear-gradient(top, #62ADD7 0%,#2878C3 100%); background: -o-linear-gradient(top, #62ADD7 0%,#2878C3 100%); background: -ms-linear-gradient(top, #62ADD7 0%,#2878C3 100%); background: linear-gradient(to bottom, #62ADD7 0%,#2878C3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62ADD7', endColorstr='#2878C3',GradientType=0 );} .manage-main-container table tbody tr td span.negative-margin{background-color: #ff0000; color: #fff} /* BE Image Selectors */ .editpage .beimageselector{height: 80px; margin-left: 180px; position: relative;} .editpage .beimageselector img{position: absolute; left: 20px; top: 0;} .editpage .beimageselector p{line-height: 1.5em; margin-left: 100px !important; clear: none;} .editpage .beimageselector.multiadd{height: 50px;} .editpage .beimageselector.multiadd p{clear: none !important;} .editpage .beimageselector a {color:#000; text-decoration:none;} .editpage .beimageselector a:hover {color:#555;} .editpage .beimageselector .picicon {color:#346BB4} /* Blue Edit Specific Overrides */ .editpage.be-enabled.dynamic-width-override{padding-left: 20px;} .editpage.be-enabled .manage-header-container{z-index: 20001;} .editpage.be-enabled .manage-secondary-container{z-index: 20000} .editpage.be-enabled .manage-secondary-container #beleftcoltab{position: absolute; right: -50px; font-size: 2em; border-radius: 0 5px 5px 0; background-color: #68AEE2; color: white; padding: 20px 10px 20px 20px; cursor: pointer;} .editpage.be-enabled.dynamic-width-override form{margin-right: 20px; } .editpage.be-enabled form{padding-bottom: 250px;} .editpage.be-enabled form.editform legend{display: none;} .editpage.be-enabled div.manage-main-container{padding-bottom: 0;} /* Search Page Specifics */ .searchpage{position: relative; min-height: 800px; font-size: 0.8rem;} .searchpage .manage-secondary-container p.add-para{} .searchpage .manage-secondary-container a{text-decoration: none; margin-right: 0;} .searchpage .manage-secondary-container a:hover{} .searchpage select.orderdeliveryupdate {width: 160px; margin:0; cursor:pointer;} .searchpage #fullsearchform .tab div{display: inline-block; margin: 0 10px 0 0; width: 15%; vertical-align: top;} .searchpage #fullsearchform .tab div label{display: block;} .searchpage #fullsearchform .checkboxdiv {/*width: 170px !important;*/ padding: 0; position: relative; margin-bottom: 15px !important; margin-top: 5px !important} .airconrequirement-formfield{/*width: 170px !important;*/} .searchpage #fullsearchform .checkboxdiv label {/*width:150px;*/ margin:0; padding-left: 30px; cursor:pointer;} .searchpage #fullsearchform .checkboxdiv input {width: auto !important; margin: 4px 0 0 10px; position: absolute; left: 0; top: 0;} /* To Do List Items */ table#todolistitems textarea, table#todolistitems input{display: none; width: 90%; padding: 5px;} table#todolistitems span{display: block; width: 90%;} table#todolistitems tr:hover textarea, table#todolistitems tr:hover input{display: block;} table#todolistitems tr:hover span{display: none;} table#todolistitems tr td.description{width:50%; max-height: 92px; overflow: hidden; font-size: 0.8rem;} table#todolistitems tr td.description span{max-height: 92px; overflow: hidden;} /* Tables used in edit tabs one a blueedit pages class - e.g. blogs */ .main-container table{margin-top: 23px !important; width: 98%;} .main-container table thead tr th {background-color: #398DCB; color: white; text-align: left; border-top: 1px solid #589BCE; font-weight: normal;} .main-container table thead tr th { background: #62ADD7; background: -moz-linear-gradient(top, #62ADD7 0%, #2878C3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62ADD7), color-stop(100%,#2878C3)); background: -webkit-linear-gradient(top, #62ADD7 0%,#2878C3 100%); background: -o-linear-gradient(top, #62ADD7 0%,#2878C3 100%); background: -ms-linear-gradient(top, #62ADD7 0%,#2878C3 100%); background: linear-gradient(to bottom, #62ADD7 0%,#2878C3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62ADD7', endColorstr='#2878C3',GradientType=0 );} .main-container table thead tr th a{color: #FFF;} .main-container table td, .main-container table th{padding: 10px; background-color: #DCEEFA; border-top: 1px solid #FFF; vertical-align: top; color: #144B94;} .main-container table tbody tr td a{color: #144B94;} .main-container table tbody tr:hover td{background-color: #68AEE2; color: white;} .main-container table tbody tr:hover td a{color: #FFF;} .main-container table tbody tr td img{max-width: 100%;} .main-container table tbody tr td textarea{width: 90%; padding: 5%; margin: 0; height: 92px; min-height: 0; max-height: none;} .main-container form.tablewrapper table {margin-bottom: 10px;} .main-container form.tablewrapper input, .main-container form.tablewrapper select{margin: 0; width: auto; height: auto; padding: 4px 2px;} .main-container form.tablewrapper select{width: 84px;} .main-container form.tablewrapper input[type=submit] {font-weight: normal; position: absolute; right: 0; color: #FFF; line-height: 1.2em; background-color: #BADC2F; border-radius: 0; color: #FFFFFF; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px; width: 167px; font-size: 1em; background: -webkit-linear-gradient(#BADC2F, #8FA812); /* For Safari */ background: -o-linear-gradient(#BADC2F, #8FA812); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#BADC2F, #8FA812); /* For Firefox 3.6 to 15 */ background: linear-gradient(#BADC2F, #8FA812); /* Standard syntax */} .main-container form.tablewrapper input.short{width: 50px;} /* Site Specific Tweaks */ .main-container {padding: 0 10px 0 20px;} .main-container div.backgroundimage{width: auto !important; height: 20px !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 5px; top: 5px; display: block !important; z-index: 100;} .main-container div.backgroundimage img{display: block !important; height: 100px; border: 1px solid #FFF; margin-right: 0;} .editpage .main-container .segment-section p{font-size: 0.95rem;} .editpage .main-container .segment-section ul{font-size: 0.95rem;} .editpage .main-container #content{position: relative;} .editables {font-family: "Arial", sans-serif;} .editables h1, .editables h2, .editables h3 {color: #9B9B9B;} .editables h1{font-size: 2rem;} .editables h2 {font-size: 1.4rem;} .editables h3 {font-size: 1.3rem;} .editables blockquote {font-size: 1rem;} /***** ADMIN AREA STYLES *****/ /* General: Form */ .admin-form{position: relative;} .quote-edit-form{min-height: 1000px;} .cols{float: left; width: 30%} .cols-15{width: 15%} .cols-20{width: 20%} .cols-25{width: 25%} .cols-30{width: 30%} .cols-40{width: 40%} .cols-50{width: 50%} .cols-60{width: 60%} span.green{color: #19A337} span.red{color: #ff0000;} span.red-block{background-color: #ff0000; padding: 2px 10px; color: #fff;} .span-link:hover{cursor: pointer; text-decoration: underline;} /* Copy link */ .copy-link{background-color: #589BCE; padding: 5px !important; border-radius: 5px; color: #fff; font-size: 0.7rem; margin-left: 10px;} .copy-link:hover{cursor: pointer;} .inline-container div{display: inline-block; margin-right: 10px;} .inline-container div select{width: 98%;} /* General: Radio options */ .radio-container .radiopara{display: inline-block; border-bottom: 2px solid #005289; padding-bottom: 5px; font-size: 1rem} .radio-container .radiodiv{position: relative; min-height: 30px;} .radio-container .radiodiv label{position: absolute; top: 0; left: 30px;} .radio-container .radiodiv label span{font-size: 0.7rem} /************************************* **** QUOTE *** /************************************* /* Quote: product qty items */ .product-options p.multicheckboxheader{display: inline-block; border-bottom: 2px solid #005289; padding-bottom: 5px; font-size: 1rem; position: relative; margin: 1em 0;} .product-options .checkboxdiv{position: relative; min-height: 30px;} .product-options .checkboxdiv label{/*position: absolute; top: 0; left: 45px;*/} .product-options .checkboxdiv label span{font-size: 0.7rem; width: 30px; display: inline-block;} .product-options .checkboxdiv input[type="checkbox"]{margin-left: 0; width: 18px !important} .product-options .checkboxdiv input[type="text"]{padding: 2px; width: 30px !important; margin: 0 !important;} .product-options td{padding: 8px 10px !important} .product-options td input[type="text"]{margin-bottom: 0; padding: 5px 1%;} label.side-by-side{padding-left: 45px;} input.side-by-side{padding: 2px; width: 30px !important; margin: 0 !important; top: -22px !important;} .product-options-details td{padding: 8px 10px !important} .product-options-details td input[type="text"]{margin-bottom: 0; padding: 5px;} .product-options-details td select{margin-bottom: 0; padding: 5px; color: #ff0000} /* Price warning */ .quote-product-price-change{color: #ff0000; width: auto !important;} /* Summary - Right hand side - Column widths */ #summary1{width: 50%} #summary2{width: 25%} #summary3{width: 25%} /* Summary - Right hand side */ .quote-summary{margin-bottom: 20px; position: absolute; top: 10px; right: 0; width: 20%; text-align: right} .quote-summary .summary-table{border-collapse: collapse; border: 1px solid #3382c6; width: 100% !important; font-size: 0.7rem; margin: 0 0 20px 0 !important; text-align: left} .quote-summary .summary-table thead th{ border-bottom: 2px solid #3382c6;} .quote-summary .summary-table tbody tr td{background-color: #FAFAFA; text-align: left; padding: 5px 10px; color: #444; border-bottom: 1px solid #3382c6} .quote-summary .summary-table tfoot tr td{font-weight: bold; border-bottom: 1px solid #3382c6; background-color: #fff; color: #444} .quote-summary .summary-table.js-active{cursor: pointer} .quote-summary .summary-table.js-closed tbody{display: none} .quote-summary .summary-table thead th .picicon{position: absolute; right: 20px; font-size: 0.8rem;} .summary-table__price-breakdown{cursor: pointer;} /* Main view map screen */ #allproperties-map-canvas {min-height: 700px; color: #000;} /************************************* **** ORDER *** /************************************* /* Materials table */ .manage-main-container table.order-materials-table {width: 100% !important} .order-materials-table span.extra-info{background-color: #589BCE; padding: 2px 5px !important; border-radius: 5px; color: #fff; font-size: 0.7rem} .order-materials-table span.is-ordered{background-color: #5BB60F !important; padding: 2px 5px !important; border-radius: 5px; color: #fff; font-size: 0.7rem} .order-materials-table .notes-input{width: 98% !important;} .products-to-order{position: absolute; top: 0; right: 0; margin: 0; padding: 0;} .order-overview-col table{margin: 0 0 20px 0 !important} .order-overview-col1{width: 40%; margin-right: 2.5%; float: left;} .order-overview-col2{width: 55%; margin-left: 2.5%; float: left;} .order-overview-col2 img.main-image{border: 1px solid #444; width: calc(100% - 2px)} .order-overview-col2 .location-map #allproperties-map-canvas{height: 345px; min-height: 345px;border: 1px solid #444;} .editpage .manage-main-container form table.slot-assign-table{margin-left: 0 ;} /* Hover boxes on tables */ .table-dropdown-container {position: relative; display: inline-block;} .table-dropdown-container:hover .table-dropdown-container__content {display: block;} .table-dropdown-container-disable:hover .table-dropdown-container__content {display: none !important;} .table-dropdown-container-disable .table-dropdown-container__trigger-link {text-decoration: none !important;} .table-dropdown-container__trigger-link {margin: 0; text-decoration: underline; cursor: pointer;} .table-dropdown-container__trigger-link-disable{cursor: auto;} .table-dropdown-container__trigger-link span{padding-left: 2px;} .table-dropdown-container__content {display: none; position: absolute; top: -5px; right: 15px; background-color: #f1f1f1; min-width: 300px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 100; border:1px solid #62add7;} .table-dropdown-container__content ul li a{color: #000 !important} .table-dropdown-container__content h3{background-color: #939393; color: #000; padding: 10px; margin: 0; border-bottom: 1px solid #62add7; font-size: 0.7rem} .table-dropdown-container__content ul{list-style:none; padding:0; margin:0;} .table-dropdown-container__content ul li {margin: 8px 10px; padding: 0; color: #000; font-size: 0.7rem} .table-dropdown-container__content ul li ul li{margin: 0 0 2px 0;} .orders-manage .table-dropdown-container__trigger-link {text-decoration: none;} .schedules-manage .table-dropdown-container{display: block; float: right;} .schedules-manage .table-dropdown-container__trigger-link {text-decoration: none; padding: 0; margin: 0; font-size: 0.8rem;} .schedules-manage .table-dropdown-container__trigger-link span{padding: 0; font-size: 0.8rem;} .schedules-manage .table-dropdown-container__content{top: 0; right: auto; left: 135px; min-width: 270px; width: 270px;} .schedules-manage .table-dropdown-container__content h3{font-size: 0.8rem; font-weight: bold;} /* Documents / Contacts List */ .installer-items-list{list-style: none; padding: 0 !important; margin: 0;} .installer-items-list li{padding: 10px; margin: 0 0 15px 0; border-bottom: 2px solid #003457; border-top: 2px solid #003457; background-color: #DCEEFA; color: #144B94;} .installer-items-list li div.hr{border-bottom: 1px solid #fff; margin: 5px 0;} .installer-items-list li div span{float: right;} .installer-items-list li span.details-item-span{text-align: right; display: block;} /* Installer order materials - stripped down */ .installer-order-materials{list-style: none; padding: 0 !important; margin: 0;} .installer-order-materials li span{float: right;} /* Installer notes - stripped down */ .installer-notes{list-style: none; padding: 0 !important; margin: 0;} .installer-notes li span{font-weight: bold;} /* Installer documents - stripped down */ .installer-documents{list-style: none; padding: 0 !important; margin: 0;} .installer-documents li a{text-decoration: none; color: #fff; background-color: #00b300; padding: 2px 5px; float: right;} /* Installer confirmation link */ .installer-link-container{position: relative;} .installer-link-container .installer-confirm-text{position: absolute; bottom: 25px; left: 60%; padding: 0; margin: 0;} /************************************* **** RATE CARD *** /************************************* /* Table and charts */ .ratecard-table{width: 47.99%; margin: 0 1%; float: left;} .ratecard-chart{width: 47.99%; margin: 0 1%; float: left;} /* General: Fixed button bar holder */ .fixed-button-holder {text-align: right; border-top: 1px solid #003457; background-color: #0A5F84; bottom: 0; height: 50px; left: 0; padding: 0 1%; position: fixed; width: 98%; z-index: 100;} .fixed-button-holder .button{box-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 10px 15px; border-radius: 0; width: 150px; float: right; margin: 10px 0; font-size: 0.8rem; font-weight: normal; background-color: #009E01; /* Old browsers */ background: -webkit-linear-gradient(#00B900, #009E01); /* For Safari */ background: -o-linear-gradient(#00B900, #009E01); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#00B900, #009E01); /* For Firefox 3.6 to 15 */ background: linear-gradient(#00B900, #009E01); /* Standard syntax */ border: none; color: #fff; text-shadow: 0 0px rgba(0, 0, 0, .75);} .fixed-button-holder .button:hover{background-color: #009E01; /* Old browsers */ background: -webkit-linear-gradient(#009E01, #00B900); /* For Safari */ background: -o-linear-gradient(#009E01, #00B900); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#009E01, #00B900); /* For Firefox 3.6 to 15 */ background: linear-gradient(#009E01, #00B900); /* Standard syntax */ border: none; color: #fff; text-shadow: 0 0px rgba(0, 0, 0, .75);} .fixed-button-holder p.locked-info{padding: 11px 15px 8px 15px; margin: 9px 10px 0 0 !important; font-weight: 0.8rem; display: block; text-align: center; float: right; background-color: #f9f9f9; border: 1px solid #d6421d;} .fixed-button-holder p.archived-info{padding: 11px 15px 8px 15px; margin: 9px 10px 0 0 !important; font-weight: 0.8rem; display: block; text-align: center; display: inline-block; background-color: #f9f9f9; border: 1px solid #d6421d;} .fixed-button-holder p.notification-link{padding: 0; margin: 0 10px 0 0 !important; display: inline-block; text-align: center;} .fixed-button-holder p.notification-link a{width: auto; padding: 10px 20px;} .fixed-button-holder p.notification-link a{ background: -webkit-linear-gradient(#E86A04, #e36600); /* For Safari */ background: -o-linear-gradient(#E86A04, #e36600); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E86A04, #e36600); /* For Firefox 3.6 to 15 */ background: linear-gradient(#E86A04, #e36600); /* Standard syntax */} .fixed-button-holder p.notification-link a:hover{background-color: #e36600; background: -webkit-linear-gradient(#e36600, #E86A04); /* For Safari */ background: -o-linear-gradient(#e36600, #E86A04); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e36600, #E86A04); /* For Firefox 3.6 to 15 */ background: linear-gradient(#e36600, #E86A04); /* Standard syntax */} .fixed-button-holder p.archive-link{padding: 0; margin: 0 10px 0 0 !important; display: inline-block; text-align: center;} .fixed-button-holder p.archive-link a{width: auto; padding: 8px 20px;} .fixed-button-holder p.archive-link a{ background: -webkit-linear-gradient(#E86A04, #e36600); /* For Safari */ background: -o-linear-gradient(#E86A04, #e36600); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E86A04, #e36600); /* For Firefox 3.6 to 15 */ background: linear-gradient(#E86A04, #e36600); /* Standard syntax */} .fixed-button-holder p.archive-link a:hover{background-color: #e36600; background: -webkit-linear-gradient(#e36600, #E86A04); /* For Safari */ background: -o-linear-gradient(#e36600, #E86A04); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e36600, #E86A04); /* For Firefox 3.6 to 15 */ background: linear-gradient(#e36600, #E86A04); /* Standard syntax */} .fixed-button-holder p.sync-checklists{padding: 0; margin: 0 10px 0 0 !important; display: inline-block; text-align: center;} .fixed-button-holder p.sync-checklists a{width: auto; padding: 10px 20px;} .fixed-button-holder p.sync-checklists a{ background: -webkit-linear-gradient(#E86A04, #e36600); /* For Safari */ background: -o-linear-gradient(#E86A04, #e36600); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E86A04, #e36600); /* For Firefox 3.6 to 15 */ background: linear-gradient(#E86A04, #e36600); /* Standard syntax */} .fixed-button-holder p.sync-checklists a:hover{background-color: #e36600; background: -webkit-linear-gradient(#e36600, #E86A04); /* For Safari */ background: -o-linear-gradient(#e36600, #E86A04); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e36600, #E86A04); /* For Firefox 3.6 to 15 */ background: linear-gradient(#e36600, #E86A04); /* Standard syntax */} .fixed-button-holder p.close-link{padding: 0; margin: 0 10px 0 0 !important; display: inline-block; text-align: center;} .fixed-button-holder p.close-link a{width: auto; padding: 10px 20px;} .fixed-button-holder p.close-link a{ background: -webkit-linear-gradient(#E86A04, #e36600); /* For Safari */ background: -o-linear-gradient(#E86A04, #e36600); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#E86A04, #e36600); /* For Firefox 3.6 to 15 */ background: linear-gradient(#E86A04, #e36600); /* Standard syntax */} .fixed-button-holder p.close-link a:hover{background-color: #e36600; background: -webkit-linear-gradient(#e36600, #E86A04); /* For Safari */ background: -o-linear-gradient(#e36600, #E86A04); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e36600, #E86A04); /* For Firefox 3.6 to 15 */ background: linear-gradient(#e36600, #E86A04); /* Standard syntax */} .button-invoice-creator{box-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important; padding: 10px 15px !important; border-radius: 0 !important; width: 150px !important; float: right !important; margin: 10px 1% 0 0 !important; font-size: 0.8rem !important; font-weight: normal !important; background-color: #009E01 !important; background: -webkit-linear-gradient(#00B900, #009E01) !important; background: -o-linear-gradient(#00B900, #009E01) !important; background: -moz-linear-gradient(#00B900, #009E01) !important; background: linear-gradient(#00B900, #009E01) !important; border: none !important; color: #fff !important; text-shadow: 0 0px rgba(0, 0, 0, .75) !important;} /* Edit Pages - Form element lengths */ form .length-5{width: 5%; position: relative;} form .length-10{width: 10%; position: relative;} form .length-15{width: 15%; position: relative;} form .length-20{width: 20%; position: relative;} form .length-30{width: 30%; position: relative;} form .length-40{width: 40%; position: relative;} form .length-50{width: 50%; position: relative;} form .length-60{width: 60%; position: relative;} form .length-70{width: 70%; position: relative;} form .length-80{width: 80%; position: relative;} form .length-90{width: 90%; position: relative;} form .length-100{width: 100%; position: relative;} form .width-100{width: 100px;} form .width-150{width: 150px;} form .height-50{min-height: 50px; max-height: 50px;} form .height-70{min-height: 70px; max-height: 70px;} form .height-100{min-height: 100px; max-height: 100px;} /* Buttons */ .button-link a {background-color: #fe6500; border: 1px solid #e55700; margin-bottom: 0; border-radius: 3px; color: white; padding: 5px 20px; text-align: center; text-decoration: none; display: inline-block; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); font-size: 0.8rem; text-transform: uppercase; font-weight: 100} .button-link a:hover{opacity: 0.8} .button-green{background-color: #5BB60F !important; border: 1px solid #007139 !important;} .button-link-nomargin{margin: 0;} /* Buttons - Override */ .button-link a{float: none; font-size: 0.7rem; padding: 4px 20px 4px 10px;} .button-link a .picicon{font-size: 1rem; margin-left: 5px} .button-link .help-link-open .picicon{margin-left: 0} .button-link-right{float: right; margin-right: 1%} .button-link-inline{display: inline-block} /* Buttons - Colours */ .button-link-red a{background-color: #ff0000; border: 1px solid #bc0101;} .button-link-black a{background-color: #2d2525; border: 1px solid #000;} .button-link-green a{background-color: #5BB60F; border: 1px solid #007139;} .option-wrapper label, .js-option-element input, .js-option-element select{width: auto; display: inline-block; float: none; margin-right: 20px; margin-top: 0 !important;} .product-options .heading-holder{position: relative; display: block;} .product-options .heading-holder h3{display: inline-block; width: auto; position: relative; padding-right: 30px; font-size: 1rem; margin-bottom: 1rem} .product-options .heading-holder h3 .helptexticon{position: absolute; top: 0; right: 0;} .add-row-link{cursor: pointer} .product-options + .product-options{margin-top: 2rem;} .editpage .manage-main-container form h4.options-header{margin-bottom: 0.5rem; margin-top: 2rem; font-size: 1rem;} .editpage .manage-main-container form input + h4.options-header{margin-top: 0 !important;} .editpage .manage-main-container form .table--option-table{width: 75%; margin-left: 0; margin-top: 0 !important;} .editpage .manage-main-container form .table--option-table select{padding: 0; margin: 0; width: 100%;} .editpage .manage-main-container form .table--option-table td {padding: 10px 0 10px 5px;} .editpage .manage-main-container form .table--option-table td a.option-remove {cursor: pointer; color: #fff; border-radius: 5px; background-color: #ff0000; font-size: 0.7rem; padding: 2px 4px; margin-left: 5px;} .editpage .manage-main-container form .table--option-table td a.option-remove:hover{opacity: 0.8} .editpage .manage-main-container form .table--checklists-table{width: 100%; margin-left: 0; margin-top: 0 !important;} .editpage .manage-main-container form .table--checklists-table tr.is-complete{border-top: 3px solid #0A5F84} .editpage .manage-main-container form .table--checklists-table select{padding: 0; margin: 0; width: 100%;} .editpage .manage-main-container form .table--checklists-table td {padding: 10px 0 10px 5px;} .editpage .manage-main-container form .table--checklists-table td a.option-remove {cursor: pointer; color: #fff; border-radius: 5px; background-color: #ff0000; font-size: 0.7rem; padding: 2px 4px; margin-left: 5px;} .editpage .manage-main-container form .table--checklists-table td a.option-remove:hover{opacity: 0.8} .editpage .manage-main-container form .table--audit-table{width: 75%; margin-left: 0; margin-top: 0 !important;} .editpage .manage-main-container form .table--audit-table select{padding: 0; margin: 0; width: 100%;} .editpage .manage-main-container form .table--audit-table td {padding: 10px 0 10px 5px;} .editpage .manage-main-container form .table--audit-table tr:hover td {background-color: #cbe3f7; color: #144B94} .editpage .manage-main-container form .table--audit-table tr.heading-row td {background-color: #d2dae1; border-top: 1px solid #2878c3} .editpage .manage-main-container form .table--audit-table tr.heading-row:hover td {background-color: #d2dae1;} .editpage .manage-main-container form .building-options-table{margin: 0; width: 700px; font-size: 0.8rem} .editpage .manage-main-container form .building-options-table tr.heading-row td{padding: 25px 0 10px 0;} .editpage .manage-main-container form .building-options-table tr.heading-row:nth-child(1) td{padding-top: 0;} .editpage .manage-main-container form .building-options-table tr td{background-color: #fff; color: #000; padding: 0 0 2px 0;} .editpage .manage-main-container form .building-options-table tr td:nth-child(2){width: 60px; text-align: center;} .editpage .manage-main-container form .building-options-table tr td:nth-child(3){width: 60px; text-align: center;} .editpage .manage-main-container form .building-options-table tr td:nth-child(4){width: 80px; text-align: center;} .editpage .manage-main-container form .building-options-table tr td:nth-child(5){width: 60px; text-align: center;} .editpage .manage-main-container form .building-options-table tr:nth-child(even) td{background-color: #fff; color: #000} .editpage .manage-main-container form .building-options-table tr:hover td{background-color: #fff; color: #000} .editpage .manage-main-container form .building-options-table tr td h3{font-size: 1rem; margin: 0} .editpage .manage-main-container form .building-options-table tr td input{margin: 0;} .editpage .manage-main-container form .building-options-table tr td input[type="text"]{padding: 2px;; width: 20px; text-align: center;} .editpage .manage-main-container form .building-options-table tr td label{font-size: 0.8rem} .editpage .manage-main-container form .quote-options-table{margin: 0 0 20px 0; width: 79% !important;} .editpage .manage-main-container form .quote-options-table tr td{background-color: #fff; color: #000; padding: 2px 0;} .editpage .manage-main-container form .quote-options-table tr td:nth-child(1){width: 50px;} .editpage .manage-main-container form .quote-options-table tr td:nth-child(2){width: 30px;} .editpage .manage-main-container form .quote-options-table tr td:nth-child(3){width: 550px; padding-left: 2px;} .editpage .manage-main-container form .quote-options-table tr td:nth-child(4){} .editpage .manage-main-container form .quote-options-table tr td:nth-child(5){width: 100px;} .editpage .manage-main-container form .quote-options-table tr td:nth-child(6){width: 100px;} .editpage .manage-main-container form .quote-options-table tr.title-row td{color: #006699} .editpage .manage-main-container form .quote-options-table tr.heading-row td{width: auto; padding: 25px 0 10px 0;} .editpage .manage-main-container form .quote-options-table tr.heading-row:nth-child(2) td{padding-top: 0 !important;} .editpage .manage-main-container form .quote-options-table tr:nth-child(even) td{background-color: #fff; color: #000} .editpage .manage-main-container form .quote-options-table tr:hover td{background-color: #fff; color: #000} .editpage .manage-main-container form .quote-options-table tr:hover td:nth-child(3){background-color: #f9f9f9;} .editpage .manage-main-container form .quote-options-table tr:hover td:nth-child(3) label{font-weight: bold;} .editpage .manage-main-container form .quote-options-table tr:hover td:nth-child(4){background-color: #f9f9f9;} .editpage .manage-main-container form .quote-options-table tr:hover td:nth-child(5){background-color: #f9f9f9;} .editpage .manage-main-container form .quote-options-table tr:hover td:nth-child(6){background-color: #f9f9f9;} .editpage .manage-main-container form .quote-options-table tr.heading-row:hover td{background-color: #fff;} .editpage .manage-main-container form .quote-options-table tr.title-row:hover td{background-color: #fff; color: #006699} .editpage .manage-main-container form .quote-options-table tr td h3{font-size: 1rem; margin: 0; display: inline-block; width: auto; position: relative; padding-right: 30px;} .editpage .manage-main-container form .quote-options-table tr td label{position: relative; padding-right: 30px; display: inline-block;} .editpage .manage-main-container form .quote-options-table tr td input{margin: 0;} .editpage .manage-main-container form .quote-options-table tr td input[type="text"]{padding: 2px; width: 30px; text-align: center;} .editpage .manage-main-container form .quote-options-table tr td input.product-note{width: 150px; text-align: left;} .editpage .manage-main-container form .quote-options-table tr td.bespoke-pricing-cell label{padding-right: 5px;} .editpage .manage-main-container form .quote-options-table tr td.bespoke-pricing-cell input{width: 50px; margin-right: 15px} /* Product options editing */ .input--option{margin-left: 0 !important; width: 100% !important;} .quote__product_options-wrapper{display: inline-block;} .quote__product-options{display: inline-block;/* width: 295px;*/} .quote__product-options label{position: relative; display: inline-block; min-width: 60px; padding: 0 !important;} .quote__product-options select{position: relative; display: inline-block; margin: 0; padding: 0; width: 155px} /* Order - Images list */ .image-container a{display: inline-block; margin: 0 15px 10px 0; height: 250px; overflow: hidden; position: relative; border: 1px solid #eee;} .image-container img{position: relative; top: 50%; transform: translateY(-50%);} .quote-info-warning{text-align: center; padding: 10px 0; width: 78%;} .invoice-warning{color: #ff0000} .invoice-over{font-style: italic; font-weight: bold;} /* Help text popup */ .helptext__product{border: 1px solid #23397E; border-radius: 5px; background-color: #FAFAFA; padding: 20px; z-index: 100000; width: 350px; -webkit-box-shadow: 6px 4px 19px 0px rgba(221,221,221,1); -moz-box-shadow: 6px 4px 19px 0px rgba(221,221,221,1); box-shadow: 6px 4px 19px 0px rgba(221,221,221,1);} .helptext__product .helptitle{position: relative; font-weight: bold; padding: 0; margin: 0; color: #23397E} .helptext__product .helptitle span{position: absolute; top: -2px; right: 0;} .helptext__product .dotted-line{border-bottom: 1px dashed #000; margin: 10px 0} .helptexticon{position: absolute; top: 0; right: 0; cursor: pointer;} /************************************* **** DASHBOARD *** /************************************* /* Dashboard tables */ .dashboard {display: flex; flex-wrap: none; padding: 0 4px;} .dashboard__column {flex: 50%; max-width: 50%; padding: 0 10px;} .dashboard--column__item {margin: 5px 0 20px 0; vertical-align: middle; background-color: #fff} .dashboard--column__item h3{text-transform: uppercase; font-weight: 200; color: #444 !important; font-size: 0.8rem; background-color: #FFF; margin: 0; padding: 10px; border-bottom: 1px solid #eee; background-color: #edeaea} .dashboard--column__item h3 span{text-transform: none; font-size: 0.7rem} .dashboard--column__item p{padding: 10px} .dashboard--column__item .dashboard-item-content{position: relative;} .dashboard--column__item .dashboard-item-content table{margin: 0; width: 100%} .dashboard--column__item .dashboard-item-content table tbody td{font-size: 0.75rem} .dashboard--column__item-high{border-top: 2px solid #ff0000;} /* Red */ .dashboard--column__item-medium{border-top: 2px solid #ff9900} /* Orange */ .dashboard--column__item-low{border-top: 2px solid #00b300} /* Green */ .dashboard--column__invoice-item-high{color: #ff0000;} /* Red */ .dashboard--column__invoice-item-medium{color: #ff9900} /* Orange */ .dashboard--column__invoice-item-low{color: #00b300} /* Green */ .status-background{color: #fff; padding: 2px 3px; width: 100px; text-align: center; display: block;} .status-container{padding-top: 20px} .status-col1{display: inline-block; width: 50%; vertical-align: top;} .status-col2{display: inline-block; width: 50%; vertical-align: top;} /* Dashboard lists */ .list-dashboard{list-style: none; margin: 0; padding: 0 !important;} .list-dashboard li{padding: 0; margin: 5px 0;} .list-dashboard li .list-dashboard-link{text-decoration: none; color: #fff; background-color: #00b300; padding: 2px 5px; float: right;} .list-dashboard li .list-dashboard-link:hover{opacity: 0.8} .chart-holder .dashboard-item {min-height: 300px; margin-bottom: 100px} .chart-holder .dashboard-item .dashboard-item-content{margin-top: 30px} span.graphchange{font-size: 2rem; color: #2DB70F; display: inline-block; transform: rotate(-45deg); margin-right: 5px;} span.dec {color: red; transform: rotate(45deg);} span.same {color: #000; transform: rotate(0deg);} .product-prcing-summary{margin-bottom: 30px} .quote-receipt{width: 100%;} .quote-receipt thead th{text-align : left; border-bottom: 3px double #DDD; padding-bottom: 10px; margin-bottom: 10px; font-size: 0.8rem;} .quote-receipt tbody tr:first-child td{padding: 10px 5px 10px 0;} .quote-receipt tbody tr td{padding: 10px 5px 10px 0; border-bottom: 1px solid #DDD;} .quote-receipt tfoot tr td{padding: 10px 5px 0 0; font-weight: bold} .button--mark-as-won{position: absolute; top: 10px; right: 10px; text-align: center; background-color: #5BB60F; border: 1px solid #007139; color: #FFF; text-shadow: none; border: none;} .quote-archived td{font-style: italic; color: #999 !important} .quote-archived td a{font-style: italic; color: #999 !important} .quote-archived:hover td, .quote-archived:hover td a{color: #FFF !important} .table--no-cell-padding td{padding: 5px 10px !important;} .table--no-cell-padding td input{ margin-bottom: 0; padding: 2px 1%;} .quicklinks{position: absolute; top: 20px; right: 20px; padding: 0; margin: 0;} .editpage .quicklinks{top: 5px;} .quote-manage .quicklinks, .order-manage .quicklinks{right: 85px;} .quote-manage .quicklinks--2, .order-manage .quicklinks--2{right: 20px; top: 5px;} .quicklink{display: inline-block; list-style-type: none;} .quicklink__img{width: 20px; display: inline-block; margin-left: 10px; cursor: pointer;} .quicklink__pdf{width: 15px;} .quicklink a{text-decoration: none; font-size: 0.7rem; color: #000;} /*.quicklinks--2 li:last-child .quicklink__img{width: 15px;}*/ /* Google Map popup */ .order-map-single{padding: 0} .order-map-single #breadcrumb{display: none;} .order-map-single .quicklinks{display: none;} .order-map-single .manage-header-container{display: none;} .order-map-single .manage-secondary-container{display: none;} .order-map-single .manage-main-container{top: 0; left: 0; width: 98%; padding: 1%;} /* Invoicing */ input.invoice-reference[type="text"]{width: 98%;} input.invoice-description[type="text"]{width: 98%;} input.invoice-percentage[type="text"]{width: 50px;} input.invoice-amount[type="text"]{width: 100px;} input.invoice-duedate[type="text"]{width: 100px;} .login-manage .quicklinks{display: none;} .top-quote-buttons{position: absolute; top: 0; right: 350px;} .top-quote-buttons .button{margin: 0 10px 0 0} .button--green{background-color: #5BB60F; color: #FFF; text-align: center; text-shadow: none; border: none; margin-left: 10px; min-width: 50px;} .button--green:hover{background-color: #5BB60F; color: #FFF; text-shadow: none; border: none; text-decoration: underline; } .button--blue{background-color: #0F5BB6; color: #FFF; text-align: center; text-shadow: none; border: none; margin-left: 10px; min-width: 50px;} .button--blue:hover{background-color: #0F5BB6; color: #FFF; text-shadow: none; border: none; text-decoration: underline; } .button--red{background-color: #B60F0B; color: #FFF; text-align: center; text-shadow: none; border: none; margin-left: 10px; min-width: 50px;} .button--red:hover{background-color: #B60F0B; color: #FFF; text-shadow: none; border: none; text-decoration: underline; } .button--orange{background-color: orange; color: #FFF; text-align: center; text-shadow: none; border: none; margin-left: 10px; min-width: 50px;} .button--orange:hover{background-color: orange; color: #FFF; text-shadow: none; border: none; text-decoration: underline; } .quote-button-span{/*padding-top: 10px;*/ display: inline-block; margin-left: 10px; font-size: 0.7rem} #waitingicon{float: left; height: 25px; padding: 3px 25px 0 20px;} /* Summary tab - quote */ .summary-container{position: relative; padding-top: 20px; position: relative;width: 75%} .summary-container__total-variance{padding: 0 0 10px 0; margin: 0; color: #ff0000; border-bottom: 1px solid #22327d; width: 100%; text-align: right;} .summary-container__category{position: relative; margin-bottom: 20px;} .summary-container__category-heading{text-transform: uppercase; margin: 0 0 15px 0; color: #22327d; border-bottom: 1px solid #22327d; padding: 10px 0 8px 0; font-size: 1rem; font-weight: normal; line-height: 1rem} .summary-container__category-heading span{float: right; font-size: 0.8rem; color: #ff0000; text-transform: capitalize;} .summary-container__subcategory-heading{text-transform: uppercase; margin-bottom: 0.75rem; color: #22327d; font-weight: normal; font-size: 0.9rem;} .summary-container__product-holder{position: relative; margin: 10px 0 0 0; border-bottom: 1px solid #f6f6f6} .summary-container__product-holder-price{text-align: right; font-weight: normal; position: absolute; top: 0; right: 0; padding: 0; margin: 0;} .summary-container__product-holder-name{color: #22327d; font-size: 0.8rem; margin: 0; padding: 0;} .summary-container__product-holder-description{font-size: 0.7rem; margin: 0 100px 0 0;} .summary-container__update-price{color: #fff; text-decoration: none; background-color: #ff0000; padding: 2px 4px; font-size: 0.7rem;} .summary-container__update-price:hover{opacity: 0.8;} /* THIS IS THE OLD WAY, ALTHOUGH IS IN USE IN ORDER SUMMARY - Convert it to the styles above */ .pdftab{margin-bottom: 2rem; position: relative; width: 75%} .notes-category{width: 75%} .tab__image{display: none;} .tab__heading{text-transform: uppercase; margin: 0 0 15px 0; color: #22327d; border-bottom: 1px solid #22327d; padding: 10px 0 8px 0; font-size: 1rem; font-weight: normal; line-height: 1rem} .tab__heading{border-top: 1px solid #22327d;background-color: #DCEEFA; padding-left: 5px;} .tab__heading-variance{padding: 0; margin: 0; color: #ff0000; position: absolute; top: 10px; right: 0;} .tab__description{margin-bottom: 1.5rem; font-size: 0.7rem;} .tab__category{padding-bottom: 0.9rem} .tab__category__heading{text-transform: uppercase; margin-bottom: 0.75rem; color: #22327d; font-weight: normal; font-size: 0.9rem;} .tab__category__description{font-size: 0.7rem;} .tab__category__product-holder{position: relative; margin: 10px 0 0 0; border-bottom: 1px solid #f6f6f6} .tab__category__product-header{color: #22327d; font-size: 0.8rem; margin: 0; padding: 0;} .tab__category__product-header_eol{color: #ff0000;} .tab__category__product-header__price{text-align: right; font-weight: normal; position: absolute; top: 0; right: 0; padding: 0; margin: 0;} .tab__category__product-description{font-size: 0.7rem; margin: 0 100px 0 0;} .tab__category__product-holder-options{font-style: italic;} .pdftab .product-items-table{margin: 0 !important; width: 100% !important} .color-red{color: #ff0000 !important} /* TASKS */ .task--item__ok a{text-decoration: none; padding: 2px 10px;} .task--item__medium a{color: #fff !important; background-color: #ff9900; text-decoration: none; padding: 2px 10px;} .task--item__high a{color: #fff !important; background-color: #ff0000; text-decoration: none; padding: 2px 10px;} .menu-overlay-blocker{width: 150px; height: 400px; display: block; background-color: rgba(255, 255, 255, 0.3); position: absolute; top: 85px; left: -150px; z-index: 999999999999; height: 100%} .tab__category__product-holder-option{position: relative; font-style: italic;} .tab__category__product-header-option{font-size: 0.7rem; margin: 0; padding: 0;} .tab__category__product-header__price-option{font-size: 0.7rem; text-align: right; font-weight: normal; position: absolute; top: 0; right: 0; padding: 0; margin: 0;} .tab__quote-notes-heading{text-transform: uppercase; margin-bottom: 0.75rem;} .tab__quote-notes-description{margin-bottom: 2rem; font-size: 0.7rem} /* IN PAGE VERSION OF PDF ***** NOTE ****** Changing these styles should also be made on the front end */ .main-section{position: relative; page-break-after: always;} .sub-section{position: relative; /*margin-bottom: 10px;*/ clear: both; width: 1250px;} sup{font-size: 0.6rem;} /* Build spec image */ .elevations-image{max-width: 1250px;} .table--buildspec-misc{max-width: 50%;} .table--buildspec-notes{} /**** FIRST PAGE ****/ .first-page-header{position: relative; width: 1250px; height: 110px} .first-page{position: relative; padding-top: 0; margin-top: 20px; padding-bottom: 30px; width: 1250px} .first-page-logo{width: 230px; position: absolute; left: 0; top: 0;} .first-page-proposal{width: 630px; position: absolute; left: 280px; top: 25px;} .first-page-proposal h2{font-size: 1.4rem; font-weight: 400; margin: 0 0 10px 0;} .first-page-proposal h3{font-size: 1rem; margin: 0;} .first-page-summary{position: absolute; top: 5px; right: 0; width: 200px; display: inline-block; border-left: 1px solid #22327d; padding: 5px 0 5px 10px} .first-page-summary p{padding: 2px 0; margin: 0; font-size: 0.8rem} .first-page-summary p strong{font-weight: normal; color: #22327d} .first-page-seperator{border-bottom: 1px solid #22327d; height: 3px; margin-top: 0} .first-page-image {margin-bottom: 10px;} .first-page-image img{width: 100%; margin-top: 10px;} .first-page-overview{height: 120px; background-color: #353534; position: relative;} .first-page-overview *{color: #fff;} .first-page-overview h4{text-transform: uppercase; font-weight: normal; font-size: 0.9rem; margin: 0 0 5px 0; font-style: italic;} .first-page-overview p{padding: 0 0 2px 0; margin: 0; font-size: 0.8rem} .first-page-overview .first-page-col-1{position: absolute; left: 20px; top: 20px; width: 230px; height: 80px} .first-page-overview .first-page-col-2{position: absolute; left: 250px; top: 20px; width: 400px; border-left: 1px solid #fff; padding-left: 20px; height: 80px;} .first-page-overview .first-page-col-3{position: absolute; left: 720px; top: 20px; width: 200px; border-left: 1px solid #fff; padding-left: 20px; height: 80px;} .first-page-overview .first-page-col-4{position: absolute; left: 920px; top: 42px; width: 215px; height: 58px;} .fullimage-section{width: 740px} .fullimage-section img{width: 100%;/* border: 1px solid #22327d;*/} .left-column{background-color: #eee; width: 780px; padding: 15px; /*height: 720px;*/ position: relative; float: left;} .left-column table tr td, .left-column table tr th{border: none; background-color: transparent; color: #000 !important} .left-column table tr:hover td, .left-column table tr:hover th{border: none; background-color: transparent !important; color: #000 !important} .left-column table tr td p{margin: 0;} .left-column .watermark{position: absolute; top: 0; left: 635px; display: none;} .left-column .left-full-height-image img{max-height: 740px; width: 100%} .right-column{background-color: #555; width: 380px; padding: 20px; /*height: 710px;*/ /*position: absolute; top: 0; left: 750px*/ float: right; margin-bottom: 20px;} .right-column img{width: 100%; margin-bottom: 10px;} .right-column .quote-images-holder{clear: both;} .left-column-miscnotes{background-color: #eee; width: 505px; padding: 20px; height: 710px; position: relative;} .left-column-miscnotes .miscnotes-holder{padding-bottom: 50px} .right-column-miscnotes{background-color: #eee; width: 505px; padding: 20px; height: 710px; position: relative; position: absolute; top: 0; left: 555px} .right-column-miscnotes .right-column-miscnotes-image{text-align: right;} .right-column-miscnotes .right-column-miscnotes-text .paragraph-heading{font-weight: bold; border-bottom: 1px solid #000; margin-bottom: 5px; padding-bottom: 5px; width: 100%; display: block;} .category-total{position: absolute; top: 20px; left: 515px; width: 100px; text-align: right; font-size: 1.2rem} .category-pleasenote{font-size: 0.65rem; font-style: italic;} .product-items-main-table{width: 100%} .product-items-main-table tr td{padding: 0} .product-items-main-table tr td .product-items-holder{background-color: #ddd; padding: 5px; margin-top: 3px;} .product-items-table{width: 100%} .product-items-table tr td{vertical-align: top; } .product-items-table tr td.product-description{width: 510px; padding-left: 0;} .product-items-table tr td.product-description-misc{width: 280px; padding-left: 0;} .product-items-table tr td.product-description p.product-description-main{font-weight: bold;} .product-items-table tr td.product-description p.product-description-external{font-size: 0.75rem; line-height: 0.9rem} .product-items-table tr td.product-description p.product-description-external span.please-note{font-size: 0.6rem; font-style: italic;} .product-items-table tr td.product-price{width: 80px; text-align: right;} .product-items-table tr td.product-flag{width: 60px; text-align: right; display: none;} .product-items-table tr td.product-flag p{background-color: #22327d; color: #fff; text-align: center; border-radius: 3px; padding: 0 0 2px 0} .product-items-table tr td.product-flag-Upgrade p{background-color: #00a8ec;} .product-item-seperator{border-bottom: 1px dotted #aaa; height: 1px; margin-bottom: 4px; display: block;} .product-options-table{width: 100%; border-collapse: collapse; margin: 0 !important} .product-options-table tr td{font-style: italic; padding: 0; margin: 0; vertical-align: top;} .product-options-table tr td.product-option-description{width: 510px; } .product-options-table tr td.product-option-price{width: 80px; text-align: right; padding-right: 10px;} .product-options-table tr td.product-option-flag{width: 60px;} .product-options-table tr td.product-option-flag p{background-color: #22327d; color: #fff; text-align: center; border-radius: 3px; padding: 0 0 2px 0} .product-options-table tr td.product-option-flag-Upgrade p{background-color: #00a8ec;} .stats-min-height{min-height: 1000px;} .report-wrapper{padding-bottom: 100px;} .report-leftcolumn{width: 75%; float: left;} .report-rightcolumn{width: 25%; float: left} .report-item-header{padding: 10px; margin: 0; color: #fff; background: linear-gradient(to bottom, #62add7 0%,#2878c3 100%);} .report-items{position: relative; padding: 10px; background-color: #DCEEFA; min-height: 380px} .report-items p{padding: 0; margin: 5px 0 10px 0} .report-items form{min-height: 100px} .report-items select{margin-left: 0;} .report-items form input[type=text], .report-items form input[type="date"], .report-items form select{font-size: 0.75rem; padding: 5px; display: inline-block; width: calc(60% - 10px); margin: 0 0 10px 0;} .report-items form input[type="date"]{width: 120px} .report-items form div.inline-container input[type="text"]{width: 110px} /* Reporting Centre Holder */ .reporting-centre{background-color: #fff; display:flex; height: 350px; min-height: 400px;} .reporting-centre__graph{width: 100%} .reporting-centre__stats{padding: 20px; background-color: #f9f9f9; width: 145px;} .reporting-centre__stats p{margin-bottom: 40px !important;} .reporting-centre__stats strong{font-size: 1rem; display: block;} /* AM Charts container */ .chart--container{height: 300px;} .chart--container_funnel{height: 600px;} .chart--container_dashboard{width: 100%} .chart--container_bar_horizontal{height: 800px} .chart--container_dashboard-pie{height: 340px} .chart--container_bar{height: 600px} .chart--container_stacked-bar{height: 500px}