body.overflowHidden { overflow: hidden; } #customer_actions{ float: right; list-style-type: none; margin-top: 10px; right: 10px; } #no_results{ padding: 10px; font-size: 3em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img { border: none; } a { text-decoration: none; color: #DA5A00; } .newmenuButtonBase img { box-sizing: content-box; } a:hover { text-decoration: underline; } body, td, th { margin: 0; padding: 0; } body { padding-top: 9px; padding-right: 0; padding-left: 0; padding-bottom: 20px; font-family: Arial, Sans-Serif; font-size: 11px; width: 100%; height: calc(100% - 29px); } #mainContainer { margin:10px auto; width:950px; } @media screen and (min-width: 1150px) { #mainContainer { width:1100px; } } @media screen and (min-width: 1350px) { #mainContainer { width:1300px; } } @media screen and (min-width: 1550px) { #mainContainer { width:1500px; } } div#user_description{ margin: 10px 0; } h1 { background: #FECE00 url('/images/custom/h1_FECE00.png') repeat-x !important; color: #000000 !important; margin: 0 0 8px 0; padding: 3px; padding-left: 10px !important; font-size: 2em; border: 1px solid #DA5A00; } h2{ font-size: 17px; } .header_table { background-color: #A3D3F4 !important; border: 0; margin: 0; border-collapse: collapse; height: 2.3em; } .header_table h1 { border: 0 !important; margin: 0; } #footer { clear: both; width: 350px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 20px; font-size: 0.8em; } #main{ } ul.pod_actions { list-style-type:none; margin:10px 0pt; text-align:right; } ul.pod_actions li { display:inline; list-style-type:none; } ul.pod_actions li input.reset_filter { background:transparent url(/sf/sf_admin/images/reset.png) no-repeat scroll 3px 2px; border-right:4px solid #E75C58 !important; } ul.pod_actions li input.action_filter { background:transparent url(/sf/sf_admin/images/filter.png) no-repeat scroll 3px 2px; border-right:4px solid #6666FF !important; } ul.pod_actions input { background-color:#FFFFCC; border-color:-moz-use-text-color #999999 -moz-use-text-color -moz-use-text-color; border-style:none solid none none; border-width:0px 4px 0px 0px; color:#333333; cursor:pointer; font-family:Arial,sans-serif; font-size:11px; padding:3px 3px 3px 20px; } #user_description{ margin: 10px 0 0 0; padding: 0; font-family:Arial, default; font-size: 12px; text-align: center; } /* Navigation styles */ a.title, a.title:visited { color: #4291FF; font-weight: bold; text-decoration: none; font-size: 12px; } a.title:hover { color: #9999CC; } div#secondarynavigation, div#companyInfo{ position:relative; margin: 40px 0 0 0; } div.portal div#secondarynavigation { position:relative; bottom: 0; margin: 40px 0 0 0; } div.portal div#companyInfo { position: absolute; bottom: 0; right: 0; width: 200px; } div#secondarynavigation img{ float: left; padding: 0 0 5px 0; } /* Customer portal navigation */ div.portal div#secondarynavigation, div#companyInfo{ position:relative; margin: 0px 0 0 0; } div#new_navigation{ } div#new_navigation img{ float: left; margin-right: 8px; } div#new_navigation ul.input{ background: url('/images/custom/input_menu_back.png') repeat-x; height: 52px; float: left; list-style-type: none; padding:8px 5px 0px 5px; margin-right: 8px; margin-left: 0px !important; } div#new_navigation ul.output{ background: url('/images/custom/output_menu_back_DA5A00.png') repeat-x; width: 104px; height: 52px; float: left; list-style-type: none; padding:8px 5px 0px 5px; margin-right: 7px; margin-left: 0px !important; } div#new_navigation ul.admin{ background: url('/images/custom/admin_menu_back_FECE00.png') repeat-x; width: 144px; height: 52px; float: left; list-style-type: none; padding:8px 5px 0px 5px; margin-left: 0px !important; } div#new_navigation ul li{ font-size: 11px; font-weight: bold; color: #FFFFFF; width: 99px; height: 12px; overflow: hidden; float: left; padding: 5px 0; margin-top: 0px; text-align: center; vertical-align: middle; border-right: 1px solid #666666; border-bottom: 1px solid #666666; } div#new_navigation ul.output li{ width: 51px; border-color: #FFFBDF; } div#new_navigation ul.admin li{ width: 71px; border-color: #FFFBDF; } div#new_navigation ul li.last{ margin-right: 0px !important; border-right: 0; } div#new_navigation ul li.bottom{ border-bottom: 0; } div#new_navigation ul li a{ text-decoration: none; color: #FFFFFF; } div#new_navigation ul li a:hover{ background: #FECE00; color: #000000; } div#new_navigation ul.admin li a:hover{ background: #DA5A00; } div#new_navigation ul li a.selected{ color: #FECE00; } div#new_navigation ul li a.selected:hover{ color: #FECE00; background: transparent; } div#new_navigation ul.admin li a.selected{ color: #DA5A00; } div#new_navigation ul.admin li a.selected:hover{ color: #DA5A00; background: transparent; } div#new_navigation ul li a.readonly{ color: #888888; } div#new_navigation ul li a.readonly:hover{ color: #FFFFFF; background: #888888; } div#demo{ height: 667px; position: relative; width: 950px; margin:0; padding:0; } div#demo_text{ width: 400px; padding: 10px 10px 40px 10px; border: 1px solid #DA5A00; position: absolute; top: 150px; left: 275px; background-color: #FFFFFF; font-size: 16px; font-weight: bold; background-repeat: no-repeat; } div#demo_text h3{ color: #DA5A00; font-size: 20px; } div#help{ position:absolute; font-size: 11px; font-weight: bold; border: 0; border-bottom: 0; padding: 7px; overflow: hidden; color: #FECE00; background: #DA5A00 url('/images/custom/meta_back_DA5A00.png') repeat-x; bottom: 0; right: 0; width: 118px; } div#help img{ float: right; padding: 0 0 0 5px; } div#help a{ color: #FFFFFF; } div#help a:hover{ text-decoration: underline; } div#scroller{ position: absolute; bottom: 0; left: 0; height: 14px; margin: 0; padding: 8px 10px; background: #666666 url('/images/custom/input_menu_back.png') repeat-x; color: #FECE00; font-size: 12px; font-weight: bold; width: 500px; overflow: hidden; } div#scroller ul{ list-style-type: none; padding: 0; margin: 0; } div#userDescription{ position:absolute; font-size: 11px; font-weight: bold; border: 0; border-bottom: 0; padding: 8px; color: #FECE00; background: #DA5A00 url('/images/custom/meta_back_DA5A00.png') repeat-x; bottom: 0; right: 137px; } div#podfatherToolsMenuTab{ position:absolute; font-size: 11px; font-weight: bold; border: 0; border-bottom: 0; padding: 8px; color: #FECE00; background: #DA5A00 url('/images/custom/meta_back_DA5A00.png') repeat-x; bottom: 0; /*left: 1px;*/ } div.portal div#userDescription{ border: auto; } div#companyInfo div#userDescription{ right: 0px !important; } div.portal div#companyInfo div#userDescription{ bottom: 0; position: absolute; } div#userDescription a{ font-weight: normal; color: #FFFFFF; } div#userDescription a:hover{ text-decoration: underline; } /* 'pod/list' page */ #sf_admin_container #sf_admin_content { margin-right: 0 !important; } #filters_container { background-color: #fff; } .sf_admin_filters input { border: 1px solid #7F7F7F !important; } #sf_admin_container h1 { background-color: #A3D3F4 !important; border: 2px solid #fff !important; color: #20416C !important; padding-left: 10px !important; } .error { padding: 4px; border: 1px solid #f33; background-color: #ffc; } .podbutton { border: 1px solid #7F7F7F !important; border-right:4px solid #008000 !important; width: 90px !important; } .email_button { float: right; background:transparent url(/images/email_icon.png) no-repeat scroll 3px 2px; } .pdf_button { background:transparent url(/images/pdf_icon_small.gif) no-repeat scroll 3px 2px; } .fax_button { float: right; background:transparent url(/images/fax_icon.png) no-repeat scroll 3px 2px; } .podaction_input { float: left; margin-bottom: 6px; } .podactions { width: 240px; float: right; } .podactions ul { margin-top: 0 !important; } span.indicator { font-size: 12pt; font-weight: bold; color: #ff0000; } #errorpage { border: 1px solid #f33; background-color: #ffc; padding: 1em; margin: 2em; margin-left: auto; margin-right: auto; width: 400px; text-align: center; } #errorpage h1 { margin-bottom: 1em; } div.flash_success { background: #32CD32 url(/sf/sf_admin/images/ok.png) no-repeat scroll 5px 4px; border: 1px solid #236F22; color: #FFFFFF; font-size: 11px; font-weight: bold; margin: 1em 0 1em 0; padding: 5px 20px 5px 25px; } div.flash_failure { background: #E75C58 url(/sf/sf_admin/images/error.png) no-repeat scroll 5px 4px; border: 1px solid #4F0600; color: #FFFFFF; font-size: 11px; font-weight: bold; margin: 1em 0 1em 0; padding: 5px 20px 5px 25px; } div.flash_warning { background: #F3C744 url(/images/icons/exclamation.png) no-repeat scroll 5px 4px; border: 1px solid #E36E1F; color: black; font-size: 11px; font-weight: bold; margin: 1em 0 1em 0; padding: 5px 20px 5px 25px; } div.formErrorContainer{ position: absolute; color: #EF312C; top: 0; right: 0; margin-top: 2px; /*text-align: right;*/ font-weight: bold; width: 200px; } .form_error { display: inline; /*margin: 0 0 0 5px;*/ width: 50px; } /* Tabbed navigation bar */ #tabbedNav { padding: 0; margin: 0; position: relative; } #tabbedNav ul { list-style: none; padding: 4px 4px 0 0; margin: 4px 4px 0 0; } #tabbedNav li { background-color: #EEEEFF; float: left; padding: 8px 0 6px 0; margin: 0 10px 0 0; } #tabbedNav a { padding: 8px 9px; margin: 0; color: #20416C; } #tabbedNav .selected { font-weight: bold; background-color: #A3D3F4; } /* End tabbed navigation bar */ /* page option submit buttons */ ul.pageOptions{ width:100%; border-top: 1px solid #6D6E71; list-style-type: none; padding: 10px 0 5px 0; margin: 20px 0 5px 0; } ul.pageOptions li{ display: inline; } ul.pageOptions input, a.filterButton, .inlineSubmit, #search_toggle input.filterButton { padding: 3px; margin: 0 6px 0 0; border: 1px solid #6D6E71; background: #FECE00; color: #000000; text-decoration: none; font-weight: bold; font-size: 11px; } ul.pageOptions input[type=text] { color: #6D6E71; border: 1px solid #FECE00; } ul.pageOptions input[type=button][disabled], ul.pageOptions input[type=submit][disabled] { opacity: 0.25; } ul.pageOptions input[type=button]:not([disabled]):hover, .inlineSubmit:hover { background: #DA5A00; cursor: pointer; } input.inlineSubmit { margin: 0 0 0 5px; } /* end page option submit buttons */ /* START JOB DETAILS*/ .job_details ul { list-style-type: none; padding: 0.5em; background-color: #F0F0F0; } .job_details h3 { margin-top: 0.5em; margin-bottom: 0.5em; } .job_details .addresses { width: 100%; } .job_details .items_details table { margin-top: 0.5em; border-left: 1px solid #000; border-top: 1px solid #000; border-collapse: collapse; width: 100%; } .job_details .items_details table td { padding: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; } .job_details .items_details table th { padding: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; } .job_details .items_details table th td { font-weight: bold; } .job_details .items_details table th { background-color: #FEFFBF; } .job_details .items_details table tr.stripe td { background-color: #EEEEFF; } /* END JOB*/ /* Pager */ .list_pagination { font-weight: bold; width: 100%; } .list_pagination img { vertical-align: middle; border: 1px solid #DA5A00; margin: 0 1px 3px 1px; } .list_pagination span { margin: 2px; } .list_pagination .current { font-size: 1.4em; } /* End pager */ /* Results/position */ .list_results { } /* End results/position */ /* Search/standard forms */ #search_toggle, div.searchToggle{ margin: 10px 0; } #search_toggle a img { vertical-align: middle; margin: 0 3px 0 0; } .filters, .standardForm{ border: 1px solid #DDDDDD; background: #FFFFFF; margin: 0 0 20px 0; padding:8px; } .filters input, .standardForm input{ } .filters form div.formRow, .standardForm div.formRow{ position: relative !important; margin: 0 !important; padding: 4px 2px !important; color: #000000; } .filters form div.odd, .standardForm div.odd{ border-top: 1px solid #DEDED8; border-bottom: 1px solid #DEDED8; background: #FFFBDF;} .filters div.formRow label, .standardForm div.formRow label{ float: left; font-weight: bold; width: 20%; font-size: 11px !important; text-align: left !important; color: #000000; } .filters div.formRow select#filter_depot, .filters div.formRow select#j_filter_depot{ max-width: 68%; } .filters div.formRow label img, .standardForm div.formRow label img{ padding-left: 10px; } .allocateFilters div.formRow label{ width: 30%; } .standardForm div.formRow ul{ list-style-type: none; padding: 0; margin: 0; } .standardPane{ color: #DA5A00 !important; margin: 10px 0 20px 0; padding: 10px; background: #E2E2E2 !important; font-size: 11px; } em{ padding-top: 5px; display: block; color: #000000; } sup{ margin-left: 5px; font-size: 13px; font-weight: bold; } /* End search/standard form */ /* filter button */ a.filterButton, a.pdfButton, a.legendButton, a.imagesButton, a.transferButton, a.podsAsZipButton, input.pageFormButton, a.pageFormButton { padding: 3px; margin: 0 6px 0 0; border: 1px solid #6D6E71; background: #FECE00; color: #000000; text-decoration: none; font-weight: bold; font-size: 11px; } a.filterButton{ padding: 3px 3px 3px 25px; background: #FECE00 url('/images/filter.png') no-repeat 3px 3px; } a.filterButton:hover{ background-color: #DA5A00; text-decoration: none; } a.pdfButton{ margin: 0 0 10px 0; padding: 3px 3px 3px 25px; background: #FECE00 url('/images/pdf.gif') no-repeat 2px 2px; } a.pdfButton:hover{ background-color: #DA5A00; text-decoration: none; } .legendButton{ padding: 3px 3px 3px 25px; background: #FECE00 url('/images/key.png') no-repeat 3px 3px; } .transferButton{ padding: 3px 3px 3px 25px !important; background: #FECE00 url('/images/lorry_go.png') no-repeat 3px 3px !important; } a.podsAsZipButton{ margin: 0 0 10px 0; padding: 3px 3px 3px 25px; background: #FECE00 url('/images/pdf_multi.png') no-repeat 2px 2px; } a.imagesButton{ margin: 0 0 10px 0; padding: 3px 3px 3px 25px; background: #FECE00 url('/images/photos.png') no-repeat 2px 2px; } a.podsAsZipButton:hover{ background-color: #DA5A00; text-decoration: none; } a.imagesButton:hover{ background-color: #DA5A00; text-decoration: none; } input.pageFormButton, a.pageFormButton { margin: 0 0 10px 0; padding: 3px 3px 3px 25px; } input.pageFormButton:hover, a.pageFormButton:hover { background-color: #DA5A00; text-decoration: none; } input.recurringJobsExportFiltered { background: #FECE00 url('/images/icons/document-excel-csv.png') no-repeat 2px 2px; } input.recurringJobsDeactivateButton { background: #FECE00 url('/images/delete.png') no-repeat 2px 2px; } input.recurringJobsReactivateButton { background: #FECE00 url('/images/icons/arrow-circle-135.png') no-repeat 2px 2px; } div.leftOptions{ position: relative; padding: 20px 0; } input.entryField{ width: 150px; } div.rightOptions{ position: absolute; right: 0; top: 0; text-align: right; padding:20px 0; } div.rightOptions input.inlineSubmit{ width: 80px !important; } span.pdfReturnSuccess{ background-color : #32CD32; border: 1px solid #236F22; padding: 2px; margin: 0 5px 0 0; color: white; } span.pdfReturnError{ background-color : #E75C58; border: 1px solid #4F0600; padding: 2px; margin: 0 5px 0 0; color: white; } /* end filter button */ /* form styles */ input, select, textarea { font-size: 12px; padding: 3px; border: 1px solid #6D6E71; } input.noBorder{ border: 0 !important; } /* end form styles */ /* meta pages styles */ div.metaPane{ margin: 10px auto 20px auto; padding: 10px; background: #FECE00; border: 1px solid #DA5A00; width: 450px; font-size: 11px; } div.metaPane h2{ height: 48px; padding: 10px 0px 0px 52px; font-size: 18px; color: #DA5A00; } div.metaPane h2.lock{ background: url('/sf/sf_default/images/icons/lock48.png') no-repeat; } div.metaPane h2.disabled{ background: url('/sf/sf_default/images/icons/disabled48.png') no-repeat; } div.metaPane h3{ color: #DA5A00; font-size: 14px; margin: 5px 0 3px 0; } a.siteJobLink{ border: 1px solid #DA5A00; background: #FECE00; padding: 0px 2px; font-weight: bold; } a.siteJobLink:hover{ text-decoration: none; color: #444444; border: 1px solid #444444; } /* modalbox */ #MB_window { background-color: transparent !important; } #MB_content{ padding: 0 !important; } #MB_frame{ background-color: transparent !important; } #MB_header{ background-color: transparent !important; border-bottom: 0 !important; height: 18px !important; } #MB_caption{ color: #FECE00 !important; font-size: 14px !important; padding: 0 !important; text-shadow: none !important; } #MB_content{ background: #FFFFFF !important; padding: 10px !important; /*overflow: hidden !important;*/ } a#MB_close{ height: 22px !important; width: 22px !important; background: url('/images/custom/modal_close_FECE00.png') no-repeat !important; position: absolute !important; z-index: 3000 !important; right: -10px !important; top: 5px !important; padding: 0 !important; } a#MB_close:focus{outline: none;} a#MB_close span{ display: none !important; } /* customer popup style */ ul.selection{ list-style-type: none; margin: 0; padding: 0; border: 1px solid #333333; color: #FFFFFF; } ul.selection li { padding: 0.2em; background: url('/images/wpBackDark.png') repeat-x; height: 15px; line-height: 17px; overflow: hidden; } ul.selection li.alt { background: url('/images/wpBackLight.png') repeat-x; } ul.selection li a{ color: #FFFFFF; } ul.selection li a strong{ color: #FECE00; padding-right: 3px; } ul.selection li a:hover{ background: #FECE00; text-decoration: none; color: #000000; } ul.selection li a:hover strong{ color: #DA5A00; } .pagination { background: #FECE00 url('/images/custom/h1_FECE00.png') repeat-x; border: 1px solid #333333; border-top: 0; font-size: 11px; font-weight: bold; padding: 0.2em; vertical-align: middle; } .pagination a, .pagination .currentpage { float: left; padding: 1px 4px; text-align: center; margin-right: 0.3em; } .pagination .leftarrows { float: left; font-size: 11px; } .pagination .leftarrows a { padding-top: 0px; } .pagination .rightarrows { float: right; font-size: 11px; } .pagination .rightarrows a { padding-top: 0px; } .pagination .middlenumbers { float: left; width: 90%; text-align: center; } .pagination a:hover { background-color: #DA5A00; color: #FECE00; text-decoration: none; } /* end customer select style */ /* end modalbox */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #filter_description { background: #FECE00 !important; border: 1px solid #DA5A00; font-size: 14px; padding: 10px; padding-top: 15px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; font-weight: bold; } div.list_message_box { background: #FECE00 !important; border: 1px solid #DA5A00; font-size: 14px; padding: 10px; padding-top: 15px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; font-weight: bold; } a.filterLink { background: url("/images/filter.png") no-repeat scroll 3px 3px #FECE00; padding: 3px 3px 3px 25px; color: #DA5A00; font-size: 11px; font-weight: bold; margin: 0 6px 0 0; font-size: 14px; text-decoration: underline; } div.fullscreenLoadingOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(255,255,255,.9); } div.fullscreenLoadingOverlay div.loadingMessage { position: absolute; left: 50%; top: 50%; width: 300px; height: 120px; margin-left: -150px; margin-top: -60px; display: block; background: #F1F1F1; } div.fullscreenLoadingOverlay img.loadingImage { display: block; width: 48px; height: 48px; margin: 11px auto; } div div div.auto_complete { background: none repeat scroll 0 0 #FFFFFF; width: 350px; z-index: 1000; position: absolute !important; left: 0px !important; top: 18px !important; } table.addItems td div.auto_complete { left: 2px !important; top: 25px !important; } table.addItems thead th.noTopColour, table.addItems tfoot td.noTopColour { border-top: none; } table.addItems thead th.noBottomColour, table.addItems tfoot td.noBottomColour { border-bottom: none; } table.addItems a.noRightBorder { border-right: none; } div div.reports div.auto_complete { } div.genericLookupAddressDropdownContainer { margin-top: 4px; } select.genericLookupSelectAddressFromSuggestion { } input.buttonGenericLookupAcceptLookupSuggestionOkay { margin-left: 4px; } input.buttonGenericLookupAcceptLookupSuggestionCancel { margin-left: 4px; } /** Generic Modal system**/ .baseWidgetStyler { margin: 2px; padding: 2px; height: 25px; float: left; font-size: 1em; } .baseWidgetStyler.no-float { float: none; } .fc-view-container .baseWidgetStyler { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .baseWidgetStyler:hover { border-color: #DFB405; transition: border-color 0.3s; } .baseWidgetTextStyler { margin: 0px; float: left; } .widgetDisabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";/* IE 8 */ filter: alpha(opacity=45);/* IE 5-7 */ -moz-opacity: 0.45;/* Netscape */ -khtml-opacity: 0.45;/* Safari 1.x */ opacity: 0.45;/* Good browsers */ cursor: default; } .widgetDisabled:hover { border-color: #999999 !important; } .widgetDisabled img:hover { border-color: transparent !important; } .widgetReadonly { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";/* IE 8 */ filter: alpha(opacity=45);/* IE 5-7 */ -moz-opacity: 0.45;/* Netscape */ -khtml-opacity: 0.45;/* Safari 1.x */ opacity: 0.45;/* Good browsers */ cursor: default; } .widgetReadonly:hover { border-color: #999999 !important; } .widgetReadonly img:hover { border-color: transparent !important; } body div.genericModalBodyOverlay { box-sizing: border-box; background-image: url(/images/semitransbg-grey.png); width: 100%; height: 100%; position: fixed; overflow: auto; top: 0; left: 0; display: none; z-index: 7775; } body div.genericModalBox { /* Appearance controller and generic position initialisation */ position: absolute; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFFFFF; z-index: 7777; } body div.genericModalBox .modalHeadingContainer { background-color: #EEEEEE; border-bottom: 1px solid #CCCCCC; padding: 10px; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } body div.genericModalBox .modalFeedbackBar { padding: 0px; background-color: #EEEEEE; } body div.genericModalBox .feedbackBar { line-height: 15px; padding-right: 3px; padding-left: 23px; padding-bottom: 5px; font-weight: bold; border: 1px solid #999999; border-left-width: 3px; border-right-width: 3px; background: no-repeat 4px 6px; overflow: hidden; box-sizing: border-box; min-height: 30px; font-size: 1.1em; } body div.genericModalBox .modalFeedbackBarTopContainer .feedbackBar { padding-top: 7px; } body div.genericModalBox .modalFeedbackBarBottomContainer .feedbackBar { padding-top: 8px; } body div.genericModalBox .feedbackAbsolute { position: absolute; width: 100%; z-index: 999999; opacity: 0.97; } body div.genericModalBox .feedbackBar img.closeFeedbackButton { width: 13px; height: 13px; cursor: pointer; cursor: hand; } body div.genericModalBox .modalFeedbackBar .feedbackError { background-image: url(/images/icons/cross-circle.png); background-color: #e39e96; border-color: #b06c63; color: #633d39; } body div.genericModalBox .modalFeedbackBar .feedbackSuccess { background-image: url(/images/icons/tick-circle.png); background-color: #ade3a6; border-color: #75b06d; color: #43633e; } body div.genericModalBox .modalFeedbackBar .feedbackInfo { background-image: url(/images/icons/information.png); background-color: #91c9e3; border-color: #5d94b0; color: #42697d; } body div.genericModalBox .modalFeedbackBar .feedbackLoading { background-image: url(/images/icons_custom/portlet_loader.gif); background-color: #f6d238; border-color: #c5a00c; color: #927300; } body div.genericModalBox .modalFeedbackBar .feedbackWarning { background-image: url(/images/icons/exclamation.png); background-color: #f6d238; border-color: #c5a00c; color: #927300; } body div.genericModalBox .modalFeedbackBar .feedbackDefault { background-image: url(/images/icons_custom/mobile-conversation-none.png); background-color: #e3ce6f; border-color: #b09c43; color: #7d6f2f; } body div.genericModalBox .modalFeedbackBar .feedbackBar .feedbackMessage { padding-left: 5px; } body div.genericModalBox h1.genericModalHeading { max-width: calc(100% - 56px); height: 21px; margin: 0px !important; font-size: 18px !important; color: #444444 !important; padding: 0px !important; padding-top: 6px !important; border: none !important; background: none !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } body div.genericModalBox ul, ol { /* This ensures that a list's bullets/numbering appears inside a FancyModal */ list-style-position: inside; } body div.genericModalBox .modalContentContainer { padding: 5px 10px 10px; min-height: 30px; height: calc(100% - 96px); max-height: calc(100% - 96px); overflow: auto; } body div.genericModalBox .buttonsContainer { position: absolute; right: 0px; bottom: 0px; height: 30px; text-align: right; border-top: 1px solid #CCCCCC !important; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; width: 100%; background-color: #EEEEEE; } body div.genericModalBox .buttonsContainer input { margin: 3px; } div.genericModalBox div.notificationEntry { background-position: 3px 3px; background-repeat: no-repeat; padding: 4px; padding-left: 25px; font-weight: bold; } div.genericModalBox div.notifyOnSchedule { background-color: #AAD4FF; border: 1px solid #55AAFF; color: #333333; background-image: url(/images/icons_custom/clock-site.png); } div.genericModalBox div.notifyOnHandheld { background-color: #8BC1D7; border: 1px solid #3287B2; color: #002A80; background-image: url(/images/icons/pda.png); } div.genericModalBox div.notifyEnRoute { background-color: #E5E3DF; border: 1px solid #966B96; color: #633863; background-image: url(/images/icons/user--arrow.png); } div.genericModalBox div.notifyComplete { background-color: #70DE70; border: 1px solid #349834; color: #005500; background-image: url(/images/icons/tick-circle.png); } div.genericModalBox div.notifyLate { background-color: #FFE67F; border: 1px solid #FFCC00; color: #805500; background-image: url(/images/icons/clock--exclamation.png); } div.genericModalBox div.notifyFlagged { background-color: #FFE67F; border: 1px solid #FFCC00; color: #805500; background-image: url(/images/icons/exclamation-diamond.png); } div.genericModalBox div.notifySpecial { background-color: #FFE67F; border: 1px solid #FFCC00; color: #805500; background-image: url(/images/icons/medal.png); } div.genericModalBox div.notifyProblem { background-color: #F0C69B; border: 1px solid #800000; color: #55002B; background-image: url(/images/icons/exclamation-red.png); } div.genericModalBox .modalResizableNorthWest { position: absolute; top: 0; left: 0; width: 5px; height: 5px; cursor: nw-resize; } div.genericModalBox .modalResizableNorth { position: absolute; top: 0; left: 5px; width: calc(100% - 5px); height: 5px; cursor: ns-resize; } div.genericModalBox .modalResizableNorthEast { position: absolute; top: 0; right: 0; width: 5px; height: 5px; cursor: ne-resize; } div.genericModalBox .modalResizableWest { position: absolute; top: 5px; left: 0; height: calc(100% - 10px); width: 5px; cursor: ew-resize; z-index: 2000; } div.genericModalBox .modalResizableEast { position: absolute; top: 5px; right: 0; height: calc(100% - 10px); width: 5px; cursor: ew-resize; z-index: 2000; } div.genericModalBox .modalResizableSouthWest { position: absolute; bottom: 0; left: 0; height: 5px; width: 5px; cursor: sw-resize; } div.genericModalBox .modalResizableSouth { position: absolute; bottom: 0; left: 5px; width: calc(100% - 10px); height: 5px; cursor: ns-resize; } div.genericModalBox .modalResizableSouthEast { position: absolute; bottom: 0; right: 0; height: 5px; width: 5px; cursor: se-resize; } .iconModalMinimise { background-image: url(/images/portlet/interface-minimise.png); } .iconModalClose { background-image: url(/images/portlet/interface-close.png); } .iconModalCascade { background-image: url(/images/portlet/interface-cascade.png); } .iconModalTile { background-image: url(/images/portlet/interface-tile.png); } .notificationIconInfo { background-image: url(/images/portlet/interface-info.png); } .notificationIconLoading { background-image: url(/images/portlet/autocomplete-loader-grey.gif); } span.generic-lookup-selected-id { } span.generic-lookup-selected-name { width: 200px; display: inline-block; overflow: hidden; } span.generic-lookup-selected-name-spacer { } span.generic-lookup-field-container { position: relative; } span.generic-lookup-spinner { } span.generic-lookup-input { } span.generic-lookup-all-objects-button-spacer { } span.generic-lookup-all-objects-button { } table.standard-data-table { width: 100%; border: 1px solid #b9b9b9; border-collapse: collapse; } table.standard-data-table > thead { font-weight: bold; background: #D6D6D6; border: none; } table.standard-data-table > thead > tr > td { padding: 8px; font-size: 12px; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; } table.standard-data-table > thead > tr > td:last-child { border-right: none; } table.standard-data-table > tbody > tr { border: none; border-bottom: #b9b9b9; } table.standard-data-table > tbody > tr:nth-child(2n) { background: #EEEEEE; } table.standard-data-table > tbody > tr > td { border: none; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; padding: 4px 8px; } table.standard-data-table > tbody > tr > td:last-child { border-right: none; } section.standard-form-section { border: 1px solid #bac1c7; } section.standard-form-section > main { width: 100%; padding: 4px; box-sizing: border-box; } section.standard-form-section + section.standard-form-section { margin-top: 8px; } section.standard-form-section > header { width: 100%; padding: 8px; box-sizing: border-box; font-size: 14px; font-weight: bold; background: #dfe2e4; } .pull-right { display: block; /* This is required for older browsers that don't support flexbox */ display: flex; flex-direction: row; justify-content: flex-end; } div.portal img.accountLogo { max-width: 600px; max-height: 120px; } /*CRUD*/ form.crud fieldset { margin-top: 10px; border: 1px solid #CDCDCD; padding: 10px; background: #FFFFFF; margin: 10px 0; } form.crud p { margin-bottom: 0.8em; } form.crud p label { width: 14em; margin-right:5px; display: block; float: left; font-size: 10pt; text-align: right; } /* form.crud .form_error { font-weight: bold; padding-left: 18em; } */ form.crud fieldset legend { font-weight: bold; color: #000000; border: 1px solid #CDCDCD; padding: 3px; background: #FFFFFF; } /* Rockstar 0.91 Table design by Jens Wedin, www.jedisthlm.com */ table.data{ border-collapse: collapse; border-spacing: 0; color:#000; width:100%; margin: 0 0 10px 0; font-size: 11px; } table.data a {color:#DA5A00; text-decoration: none;} table.data thead th, table.data thead td {font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #FECE00;} table.data tfoot th, table.data tfoot td {text-align: left; border-top: 0.4em solid #FECE00; font-weight: bold} table.data tfoot th a {border-bottom: none;} table.data tfoot th a:visited {border-bottom: none;} table.data tfoot th a:hover {border-bottom: none;} table.data th, table.data td {padding: 0.25em;} table.data tbody th, table.data td {text-align: left; vertical-align: top;} table.data tbody th {font-weight: normal; white-space: nowrap;} table.data tbody th a:link, table.data tbody th a:visited {font-weight: bold;} table.data tbody th + td {white-space: nowrap;} table.data tbody td, table.data tbody th {border: 0;; background: white; } table.data tbody tr.odd th, table.data tbody tr.odd td {border-top: 1px solid #DEDED8; border-bottom: 1px solid #DEDED8; background: #FFFBDF;} table.data tbody tr.greyed td {background-color: darkgrey; color: #CCCCCC;} table.data tbody tr.greyed td a {background-color: darkgrey; color: #CCCCCC;} table.data tbody tr.greyed:hover th {background-color: darkgrey} table.data tbody tr.greyed:hover td {background-color: darkgrey} table.data tbody tr.inactive th a, table.data tbody tr.inactive td a{color: #CCCCCC;} table.data tbody tr:hover td, table.data tbody tr:hover th {background: #FFF4AF;} table.data caption {font-weight: bold; font-size: 1.7em; text-align: left; margin: 0; padding: 0.5em 0.25em;} table.data tr.inactive{ background-color: darkgrey; } table.podTable td{ height: 26px; } /* Tabbed navigation bar */ #tabbedNav.myAccountNav li { background-color: #6D6E71; } #tabbedNav.myAccountNav a { color: #FFFFFF; } #tabbedNav.myAccountNav .selected { background-color: #E2E2E2; } #tabbedNav.myAccountNav .selected a{ color: #DA5A00; } /* End tabbed navigation bar */ /* General styles */ h2 { color: #DA5A00; margin-bottom: 20px; } .myAccountPane { clear: both; margin: 0; padding: 10px; background-color: #E2E2E2; height: 100%; } ul { margin-left: 25px; } .editable_payment_amount { text-align: right !important; } form.inplaceeditor-form{ display: inline; } form.inplaceeditor-form input.editor_field{ width: 60px; background: #FDFF2F; padding: 1px 0; font-size: 10px; border: 1px solid #BEBF2F; } form.inplaceeditor-form input.editor_ok_button,form.inplaceeditor-form input.editor_cancel_button{ width: 20px; padding: 0px; font-size: 10px; background: #FDFF2F; border: 1px solid #BEBF2F; margin: 0 0 0 3px; } span.runEditFeedback{ background: #A4EFA4; border: 1px solid #77BF77; margin: 0 0 0 3px; padding: 1px; color: black; } /* Double select lists */ .depotDoubleList { } .depotDoubleList select { min-width: 200px; min-height: 150px; } .depotDoubleList input { border: 0px; margin: 0 10px; } .depotDoubleList input:first-child { margin-top: 20px; } /* End double select lists */ /* accountShow page */ .accountShow th { font-size: 10pt; text-align: right; padding-right: 5px; vertical-align: top; } .accountShow td { font-size: 10pt; } /* End accountShow page */ table.data a{text-decoration: none !important;} h3{ color: #DA5A00; } div.invoiceDisplay{ height: 50px !important; } div.invoiceDisplay label{ height: 50px; } div.invoiceField label{ height: 70px; } div.invoiceFieldLong label{ height: 90px; } div.invoiceField input,div.invoiceFieldLong input{ margin-bottom: 4px; } span.autoCompleteFieldContainer input { background:url("/images/filter.png") no-repeat scroll 3px 3px #FFFFFF; border:1px solid #6D6E71; font-size:12px; padding:3px 3px 3px 25px; width:150px; } div.actions { display:inline; font-weight:bold; } div.actions a { border-left:1px solid #000000; margin:2px 3px; padding:2px 0 2px 3px; } a { color: #DA5A00; text-decoration: none; } a:hover { color: #6D6E71; text-decoration: none !important; } span.autocompleteselected, span#customer_name, span#driver_name, span#depot_name { display:inline-block; overflow:hidden; width:200px; } .actions a img { padding:0 2px; vertical-align:middle; } span.spinner { left:390px; position:absolute; top:7px; } span.inlineValue { display: block; padding-right: 23px; } span.inlineEdit { display: none; } span.inlineConfirm { display: none; float: left; } span.inlineSpinner { display: none; float: left; } span.confirmTick { background-image: url(/images/icons/tick.png); background-repeat: no-repeat; background-position: right; } img.vehicleBatchAddButton { margin-left: 3px; } input.vehicleBatchAddButton { background-image: url(/images/icons/plus-circle.png); background-repeat: no-repeat; background-position: 3px 3px; padding-left: 23px; } div.addedVehiclesList { margin: 5px; border: 1px solid #CCCCCC; background-color: #EEEEEE; padding: 5px; margin-left: 182px; } div.duplicateWarning { border: 1px solid #E36E1F; padding: 3px; color: #E36E1F; font-weight: bold; margin-top: 4px; width: 340px; margin-left: 182px; padding-left: 23px; background-image: url(/images/icons/exclamation.png); background-repeat: no-repeat; background-position: 3px 3px; display: none; } table.edit_asset_template_custom_fields { border-spacing: 0; } table.edit_asset_template_custom_fields tr td { border-bottom: solid 1px black; } table.edit_asset_template_custom_fields tr td { padding: 5px; vertical-align: top; } table.edit_asset_template_custom_fields thead { font-weight: bold; } div.simplePermissionsContainer { margin-left: 20%; } div.simplePermissionsContainer label { border: 1px solid #CCCCCC; padding: 3px; width: 98% !important; margin: 2px; } div.simplePermissionsContainer span { float: left; } div.simplePermissionsContainer input { float: left; margin-top: 2px; margin-right: 3px; } .logo-container { display: flex; } .logo-container-center{ display: flex; justify-content: center; } .logo-container img, .logo-container-center img { max-width: 60%; } div#driverOnDeviceWarning { border: 2px solid darkorange; padding: 10px; background-color: lightsalmon; display: none; } div#driverOnDeviceWarning img { float: left; margin-right: 10px; width: 24px; }