/* Minification failed. Returning unminified contents. (374,62): run-time error CSS1039: Token not allowed after unary operator: '-default' */ /*** Colours: default text: #333333 white tile text: #FFFDFF yellow link text: #F9C32F Fonts: default text: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif navigation, title text: Arial, "Helvetica Neue", Helvetica, sans-serif /*===================================== ---------- RESET ---------------------- =====================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } :focus { outline: 0; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /*===================================== ---------- GLOBAL ELEMENTS ------------ =====================================*/ body { line-height: 1.0em; color: #000; background-color: #fff; margin: 0; padding: 0; font-size: 14px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } a, a:link { color: #F9C32F; text-decoration: none; } .button { border: 1px solid #FFFFFF; /*color:#FFFDFF;*/ font-size: 14px; padding: 5px 15px; text-align: center; } .button.noOutline { background-color: #516AA5; border: none; color: #FFFDFF; } .button.greyOutline { background-color: transparent; border: 1px solid #666666; color: #666666; } .button.whiteOutline { background-color: transparent; border: 1px solid #FFFFFF; color: #FFFDFF; } .arrow { background-image: url('arrowsFilter.png'); background-repeat: no-repeat; height: 5px; width: 8px; } .arrow.white { background-position: 0px 0px; } .arrow.lightBlue { background-position: -9px 0px; } .arrow.mediumBlue { background-position: -18px 0px; } .arrow.darkBlue { background-position: -27px 0px; } textarea, input[type=text], input[type=number], input[type=password] { background-color: #FFFFFF; border-radius: 3px; border: 1px solid #CCC; color: #000000; font-size: 14px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; resize: none } textarea:focus { border: 1px solid #000; } input[type=text]:focus { border: 1px solid #000; } input[type=password]:focus { border: 1px solid #000; } select { background-color: #FFFFFF; border: 1px solid #ccc; color: #000000; } select:focus { border: 1px solid #000; } select:focus { border: 1px solid #000; } label { margin-right: 5px; display: inline-block } h1 { font-size: 28px; line-height: 28px; } h2 { font-size: 20px; line-height: 20px; } h3 { font-size: 17px; line-height: 17px; } h4 { font-size: 15px; line-height: 15px; } /* Base Style */ table.top { width: 100%; border-width: 0px; margin: 0px; padding: 0px; background-color: #253D75; } table.top image { margin: 0px; padding: 0px; border: 0px; } ul.menutop { font-size: 16px; font-weight: 600; margin: 0 0; padding: 0; } ul.menu li { display: inline; list-style: none; padding-left: 15px; } ul.menu li a { background: none; color: #999; text-decoration: none; white-space: nowrap; } ul.menu li a:hover { color: #fff; text-decoration: none; white-space: nowrap; } ul.menusub { font-size: 14px; font-weight: 600; margin: 0 0; padding: 0; } ul.menusmall { font-size: 8px; font-weight: 600; margin: 0 0; padding: 0; } div.padding { height: 4px; } .nobr { white-space: nowrap; } h1.error { font-size: 36px; line-height: 36px; color: #1FAADF; font-weight: bold; } h2.error { font-size: 25px; line-height: 25px; color: #1FAADF; } hr { height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; } /* Overrides jQuery UI's own .ui-widget rule (Verdana, 1.1em). Dialog titlebars, selectmenus and every label inside a widget inherit their font from here, so do not remove it. */ .ui-widget { font-family: "Segoe UI", Helvetica, Verdana !important; font-size: 1.0em; } .ui-dialog { border: solid 1px #555; border-top: 5px solid #516aa5; border-radius: 3px; padding: 0px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); } .ui-dialog.warning { border-top: 5px solid #d00; } .ui-widget-header { color: #000; background-color: #fff; font-weight: normal; font-size: 18px; padding-left: 0px !important } .ui-dialog-titlebar { margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #ccc } .ui-dialog-titlebar-close { display: none; } .ui-datepicker { border: 1px solid #253D75; } .ui-datepicker-header { margin: -0.2em -0.2em 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default .ui-state-hover { font-weight: bold; } #body { padding-left: 10px; padding-right: 10px; } /*.errorframe { border: solid 0px !important; -moz-box-shadow: 0 0 2px 2px #1F8DB8; -webkit-box-shadow: 0 0 2px 2px#1F8DB8; box-shadow: 0 0 2px 2px #1F8DB8; }*/ .errorframe { border: solid 0px !important; -moz-box-shadow: 0 0 2px 2px #d00; -webkit-box-shadow: 0 0 2px 2px #d00; box-shadow: 0 0 2px 2px #d00; } a.ui-selectmenu.errorframe { border: solid 0px !important; -moz-box-shadow: 0 0 2px 2px #d00; -webkit-box-shadow: 0 0 2px 2px #d00; box-shadow: 0 0 2px 2px #d00; } .tinyspinner { background-image: url('/Areas/Global/Images/tiny-ajax-loader.gif'); width: 100%; height: 16px; background-position: center; background-repeat: no-repeat; } /* Selection Bars*/ .selectbar { height: 30px; margin-bottom: 2px; line-height: 30px; font-size: 16px; text-align: center; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; cursor: pointer; overflow: hidden; text-wrap: none; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ccc; } .selectbar.selected { background-color: #002E5E !important; color: #fff } .selectbar:hover { color: #fff; background-color: #516AA5 !important } /* jQuery Customizations */ .ui-slider { -webkit-border-radius: 3px !important; border-radius: 3px !important; border-color: #ccc !important; } .ui-slider-handle { -webkit-border-radius: 3px !important; border-radius: 3px !important; } /* Blur Dialogs */ .ui-dialog { background: rgba(255, 255, 255, 0.92); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); border: 1px solid #fff; padding: 0px } .ui-dialog-title { width: 100%; margin: 0px !important; padding: 5px 5px 2px 5px; } .ui-dialog-titlebar { background: transparent; padding: 0px 0px 5px 0px !important; margin: 0px 0px 0px 0px !important; border-top: 4px solid #516AA5 !important; } .ui-widget-overlay { background: rgba(0, 0, 0, 0.1); } /* jQuery UI tooltip Customization */ .bt-tooltip { font-size: 12px; line-height: 12px; border: solid 1px !important; border-color: #888 !important; border-radius: 5px; box-shadow: 2px 2px 5px #000; background-color: #fff; } /* jQueryUI Calendar customizations */ table.ui-datepicker-calendar { border-collapse: separate; } .ui-datepicker { border: 0px; } .ui-datepicker-title { font-size: 16px; font-weight: normal } .ui-datepicker-calendar thead tr th { font-size: 14px; font-weight: normal } .ui-datepicker-calendar td { border: 0px solid transparent; } .ui-widget-header { border-top: 0px; border-left: 0px; border-right: 0px } .ui-datepicker td { padding-top: 0px; padding-bottom: 1px; padding-left: 0px; padding-right: 1px } .ui-datepicker .ui-datepicker-calendar .ui-state-default { background: #B4C0E8 none; color: #000; padding: 5px; border: 0px; font-size: 14px; text-align: center; font-weight: normal } .ui-datepicker-other-month { background: #D5CFCF none } .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a { background: #253D75 none; color: #fff } /* Default Tooltips */ #rstooltip { background: #fff; border: #000 1px dashed; padding: 3px 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.50); z-index: 1000 } /* Draggable for rule selection */ ul.draggable li { height: 22px; margin-top: 1px; margin-bottom: 1px; background-color: #1F8DB8; border-radius: 3px; } .dragbaricl { position: absolute; top: 4px; left: 5px; } .dragbaricr { position: absolute; top: 3px; right: 5px; } .dragbartxtr { position: absolute; top: 3px; right: 5px; } .dragbartxt { position: absolute; top: 4px; bottom: 5px; left: 30px; right: 25px; font-size: 14px; line-height: 14px; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: move; } /* File Upload */ .imageupload { opacity: 0; width: 0; height: 0; position: absolute; } .fileupload label { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 14px !important; width: 95px; height: 32px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; cursor: pointer; border: solid 1px #ccc; background-color: #fff; color: #555; } .fileupload label:hover { background-color: #516AA5; border-color: #516AA5; color: #fff } /* TODO: Apply to new datepick multi-month calendar these old DateGrid control basic stylings */ .dategrid-cell { color: #000; } .dategrid-cell.this-month { background-color: #B4C0E8; } .dategrid-cell.other-month { background-color: #D5CFCF; } .dategrid-cell.today { background-color: orange; } /* Time-off navigation calendar */ .torcal-glyph { width: 32px; height: 32px; padding: 2px; } .datepick-nav { margin-top: 3px; } /* Time-off request list detail highlighting */ #torDatePicker td.ui-state-highlight { border: none; opacity: 1; } #torDatePicker td.ui-state-highlight span { background: #516AA5; } .pagedialog { position: absolute; text-align: center; left: 5px; right: 5px; z-index: 1000; } .pagedialog .pagedialogcontent { display: inline-block; border: solid 1px #000; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.50); background-color: #fff; padding: 10px; text-align: left; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(0); } .pagedialog .pagedialogcontent.open { -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform: scale(1); } .required { position: relative } .required i { position: absolute; top: 0px; color: #d00; display: inline-block; font: normal normal normal 14px/1 biotimeSet1; } .required i:before { font-size: 20px; content: "*"; } .conditionlistboxelement { font-size: 16px; text-indent: 2px; line-height: 18px; min-height: 18px; cursor: default; transition: 0.3s; user-select: none; } .conditionlistboxelement:hover { background-color: #ddd; } .conditionlistboxelement.selected { background-color: #ddd } .conditionlistboxelement.selected:hover { background-color: #ccc; } .conditionlistboxelement label { white-space: nowrap } .dialog-no-title .ui-dialog-titlebar { display: none } .osn { display: inline-block; vertical-align: top; cursor: default; margin-right: 15px; width: 98px; text-align: right; font-size: 14px; line-height: 18px; margin-top: 5px } .osc { display: inline-block; vertical-align: middle; text-align: left; margin-bottom: 5px; margin-right: 5px } .optionBox { width: 400px; margin-right: 5px; margin-bottom: 5px; padding: 5px; float: left; } .optionHeader { width: 100%; height: 40px; background-color: #253D75; color: #fff } .optionName { cursor: default; margin-right: 15px; width: 175px; margin-top: 3px; text-align: right; float: left; } .optionSName { cursor: default; margin-right: 15px; width: 100px; margin-top: 1px; text-align: right; float: left; font-size: 14px; line-height: 18px; } .optionTName { cursor: default; margin-top: 3px; margin-right: 15px; width: 175px; vertical-align: middle; display: table-cell; text-align: right; float: left; } .optionLCtrl { margin-right: 15px; width: 100px; vertical-align: middle; display: table-cell; text-align: left; float: left; } .optionCtrl { padding-bottom: 5px; vertical-align: middle; display: table-cell; text-align: left; float: left; } .optionValueDisplayOnly { margin-bottom: 5px; padding: 2px; text-align: left; width: 300px; float: left; padding-right: 20px; padding-top: 4px; } .optionText { margin-top: 3px; vertical-align: middle; display: table-cell; float: left; } .optl { display: inline-block; vertical-align: middle; width: 150px; text-align: right; margin-bottom: 10px; margin-right: 5px } .optc { display: inline-block; vertical-align: middle; margin-bottom: 10px; } .fl { float: left; } .fr { float: right; } .cf { clear: both; } .ib { display: inline-block } .vat { vertical-align: top } .nw { white-space: nowrap } td.vat { vertical-align: top } .val { display: flex; flex-direction: row; align-items: center; gap: 5px } .lab { float: left; width: 100px; text-align: right } .w50 { width: 50px; } .w75 { width: 75px; } .w100 { width: 100px; } .w125 { width: 125px; } .w175 { width: 175px; } .w200 { width: 200px; } .w300 { width: 300px; } .mr5 { margin-right: 5px } .mr10 { margin-right: 10px } .mb5 { margin-bottom: 5px } .tar { text-align: right } .unitLabel { margin-bottom: 5px; padding: 4px; width: 200px; text-align: right; float: left; display: block; } .unitoptionName { margin-bottom: 5px; padding: 4px; width: 300px; text-align: left; float: left; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Allocation */ .allocated-container { width: 180px; max-height: 200px; overflow-y: auto; } .allocated-container > ul > li { padding: 2px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer} .allocated-container > ul > li:hover { background-color: #eee; color: #000; } /* Scrollbar Styling */ @supports not selector(::-webkit-scrollbar) { * { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.3) rgba(0,0,0,0.2); } } ::-webkit-scrollbar { width: 12px; height: 12px } ::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.05); -webkit-border-radius: 3px; } ::-webkit-scrollbar-track:hover { background-color: rgba(0,0,0,0.1); } ::-webkit-scrollbar-thumb { border: solid 1px rgba(0,0,0,0.3); -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0,0,0,0.3); } ::-webkit-scrollbar-thumb:hover { } /* Employee profile opacity when it is read only */ input:disabled, .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: 0.65; } .checker.disabled { opacity: 0.5; } /* Sequence Colour*/ .colour0 { color: #fff; background-color: #f44336 } .colour1 { color: #fff; background-color: #e81e63 } .colour2 { color: #fff; background-color: #9c27b0 } .colour3 { color: #fff; background-color: #673ab7 } .colour4 { color: #fff; background-color: #3f51b5 } .colour5 { color: #fff; background-color: #2196f3 } .colour6 { color: #fff; background-color: #03a9f4 } .colour7 { color: #fff; background-color: #00bcd4 } .colour8 { color: #fff; background-color: #009688 } .colour9 { color: #fff; background-color: #4caf50 } .colour10 { color: #fff; background-color: #8bc34a } .colour11 { color: #fff; background-color: #cddc39 } .colour12 { color: #fff; background-color: #ffeb3b } .colour13 { color: #fff; background-color: #ffc107 } .colour14 { color: #fff; background-color: #ff9800 } .colour15 { color: #fff; background-color: #ff5722 } .colourspecial { color: #fff; background-color: #555 } .branding-login { width: 80px; border-radius: 5px; border: solid 1px #ccc; box-sizing: border-box; display: inline-block; margin-right: 6px; background-color: #fff; transition-duration: 0.5s; cursor: pointer } .branding-login:hover { background-color: #ddd; } .branding-login:active:hover { margin-top: 1px; margin-bottom: -1px } .branding-ms { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Ctitle%3EMS-SymbolLockup%3C/title%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E"); } .branding-goog { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='10 10 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_710_6223)'%3E%3Cpath d='M29.6 20.2273C29.6 19.5182 29.5364 18.8364 29.4182 18.1818H20V22.05H25.3818C25.15 23.3 24.4455 24.3591 23.3864 25.0682V27.5773H26.6182C28.5091 25.8364 29.6 23.2727 29.6 20.2273Z' fill='%234285F4'/%3E%3Cpath d='M20 30C22.7 30 24.9636 29.1045 26.6181 27.5773L23.3863 25.0682C22.4909 25.6682 21.3454 26.0227 20 26.0227C17.3954 26.0227 15.1909 24.2636 14.4045 21.9H11.0636V24.4909C12.7091 27.7591 16.0909 30 20 30Z' fill='%2334A853'/%3E%3Cpath d='M14.4045 21.9C14.2045 21.3 14.0909 20.6591 14.0909 20C14.0909 19.3409 14.2045 18.7 14.4045 18.1V15.5091H11.0636C10.3864 16.8591 10 18.3864 10 20C10 21.6136 10.3864 23.1409 11.0636 24.4909L14.4045 21.9Z' fill='%23FBBC04'/%3E%3Cpath d='M20 13.9773C21.4681 13.9773 22.7863 14.4818 23.8227 15.4727L26.6909 12.6045C24.9591 10.9909 22.6954 10 20 10C16.0909 10 12.7091 12.2409 11.0636 15.5091L14.4045 18.1C15.1909 15.7364 17.3954 13.9773 20 13.9773Z' fill='%23E94235'/%3E%3C/g%3E%3C/svg%3E%0A"); } .branding-fb { width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='fbl' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='340 340 1194.4 846.11' style='enable-background:new 0 0 1194.4 846.11;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230866FF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Logo'%3E%3Cpath id='Initiator' class='st0' d='M847.2,423.05c0-138.07-111.93-250-250-250s-250,111.93-250,250 c0,117.24,80.72,215.62,189.61,242.64V499.45h-51.55v-76.4h51.55v-32.92c0-85.09,38.51-124.53,122.05-124.53 c15.84,0,43.17,3.11,54.35,6.21v69.25c-5.9-0.62-16.15-0.93-28.88-0.93c-40.99,0-56.83,15.53-56.83,55.9v27.02h81.66l-14.03,76.4 h-67.63v171.77C751.27,656.27,847.2,550.87,847.2,423.05z'/%3E%3Cpath id='F' class='st1' d='M695.12,499.45l14.03-76.4h-81.66v-27.02c0-40.37,15.84-55.9,56.83-55.9c12.73,0,22.98,0.31,28.88,0.93 v-69.25c-11.18-3.11-38.51-6.21-54.35-6.21c-83.54,0-122.05,39.44-122.05,124.53v32.92h-51.55v76.4h51.55v166.24 c19.34,4.8,39.57,7.36,60.39,7.36c10.25,0,20.36-0.63,30.29-1.83V499.45H695.12z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .branding-apple { width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='30' viewBox='200 0 1300 1780.7955'%3E%3Cpath d='M979.042 925.187c-17.954 41.478-39.206 79.657-63.828 114.76-33.563 47.852-61.044 80.975-82.222 99.37-32.83 30.191-68.006 45.654-105.672 46.533-27.041 0-59.652-7.695-97.611-23.304-38.085-15.535-73.084-23.23-105.086-23.23-33.563 0-69.56 7.695-108.061 23.23-38.561 15.61-69.625 23.744-93.376 24.55-36.12 1.539-72.123-14.364-108.06-47.78-22.938-20.006-51.627-54.302-85.997-102.887-36.875-51.884-67.191-112.048-90.942-180.64C12.751 781.703 0 709.96 0 640.504c0-79.562 17.192-148.183 51.627-205.687 27.063-46.189 63.066-82.625 108.127-109.372 45.06-26.748 93.749-40.379 146.182-41.25 28.69 0 66.312 8.874 113.066 26.315 46.622 17.5 76.557 26.374 89.682 26.374 9.812 0 43.068-10.377 99.443-31.064 53.313-19.185 98.307-27.13 135.168-24 99.883 8.061 174.923 47.435 224.828 118.372-89.33 54.126-133.52 129.935-132.64 227.187.806 75.751 28.287 138.788 82.295 188.84 24.476 23.23 51.81 41.184 82.222 53.935-6.595 19.126-13.557 37.447-20.958 55.034zM749.964 23.751c0 59.373-21.692 114.81-64.928 166.122-52.176 61-115.286 96.248-183.724 90.686a184.836 184.836 0 01-1.378-22.498c0-56.998 24.813-117.998 68.878-167.873 21.999-25.253 49.978-46.25 83.907-63 33.856-16.5 65.88-25.625 95.999-27.188.88 7.937 1.246 15.875 1.246 23.75z'/%3E%3C/svg%3E"); } .branding-li { width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg width='22' height='22' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z' fill='%23007EBB'/%3E%3Cpath d='M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } @keyframes bk { 0% { background-color: #fff } 100% { background-color: #ddd } } /*#region Biotime Header*/ #gHeader { height: 38px; min-width: 1280px; position: relative; background-color: #fff } /* Page Header Menus */ #wheader { position: relative; z-index: 2; } #wheader #header { margin-right: 50px; } .navUtility { float: right; height: 35px; vertical-align: middle; } .navAccount, .navAccount:link { color: #516AA5; text-decoration: none; padding-top: 10px; padding-right: 10px; } .navAccount:hover { color: #002E5E; } #wrapRibbon { background-color: #516AA5; clear: both; position: relative; z-index: 1; min-width: 1292px } #wrapRibbon #ribbon { margin: auto; height: 40px; padding-left: 100px; padding-right: 15px } #wrapRibbon #ribbon input[type=text] { border: 1px solid #fff; } #navLocal { float: left; height: 30px; margin: 0; padding: 7px 0 0 0; } #navLocal li { position: relative; float: left; list-style-type: none; padding: 0; } #navLocal li a { border-left: 1px solid #8297c4; color: #F1F1F1; display: block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; padding: 6px 10px; text-decoration: none; } #navLocal li a:hover, #navLocal li.selected a { color: #F9C32F; } #navLocal li:first-child a { border-left: none; padding-left: 0; } #navLocal li ul { position: absolute; padding-top: 8px; padding-left: 10px; padding-bottom: 8px; top: 25px; width: 142px; background-color: #516AA5; box-shadow: 0px 3px 5px #000 } #navLocal li li { clear: both; } #navLocal li li a { color: #fff !important; border-left: none !important; padding-left: 0px !important; width: 130px; } #navLocal li li a:hover { color: #F9C32F !important; border-right: 2px solid; border-right-color: #F9C32F; } ul.sub-menu { display: none; } #navRight { float: right; height: 30px; margin: 0; padding-top: 8px; color: #fff } /*#region Main Navigation*/ #gNav { position: absolute; height: 30px; top: 8px; right: 50px; z-index: 101; } #gNav li { float: left; list-style-type: none; padding: 0 0 13px 0; } #gNav li.selected, #gNav li:hover { background: url('/Images/arrow_navGlobal.png') no-repeat center bottom; z-index: 101; color: #002e5e; } #gNav li a { border-right: 1px solid #e3e8f3; display: block; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 4px 10px; text-decoration: none; cursor: pointer } #gNav li:last-child a { border-right: none; } .helplink { height: 14px; font-size: 26px; color: #516aa5 !important; } .helplink i { margin-top: -6px } /* The container
- needed to position the dropdown content */ .dropdownmenu { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdownmenu-content { display: none; position: absolute; margin-left: -1px; border-radius: 0 0 5px 5px; padding: 8px 0; background-color: #fff; box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.5); z-index: 50; min-width: 100px; } .dropdownmenu-content.dropmenuright { right: -10px; } /* Links inside the dropdown */ .dropdownmenu-content a { font-size: 15px; line-height: 15px; color: #516aa5; padding: 1px 10px !important; text-decoration: none; display: block; border: none !important } /* Change color of dropdown links on hover */ .dropdownmenu-content a:hover { color: #000 !important; } /* Show the dropdown menu on hover */ .dropdownmenu:hover .dropdownmenu-content { display: block; float: left; } /* Submenu Icons */ .submenu-icon { position: absolute; } .submenu-title { margin-left: 24px; line-height: 21px; } /*#endregion Main Navigation*/ /*#region Notification*/ #dUserNotificationMenu .acktitle { font-size: 15px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .ackcounter { position: absolute; top: 0px; left: 15px; padding: 1px 5px; height: 14px; color: #fff; background-color: #d00; border-radius: 8px } .ackmenuitem { padding: 2px 10px; } .ackmenuitem:hover { color: #002E5E; } .ackicon { float: left; } .acktitle { margin-left: 24px; } /*#endregion Notification*/ .buttonpopup { display: none; background-color: #fff; padding: 5px; border: solid 1px #000; border-radius: 3px; width: 200px; z-index: 12; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30); } .buttonpopup .optioncontainer { z-index: 15; color: var(--default); font-size: 15px; line-height: 15px; border-radius: 3px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 4px 0px 4px 4px; cursor: pointer } .buttonpopup .optioncontainer:hover { color: #000; background-color: #f1f1f1; cursor: pointer } .buttonpopupscroll { max-height: 400px; overflow-y: auto } .buttonpopupscroll div { padding-right: 5px } /* Tab Header */ .navigateblock { float: left; min-width: 120px; padding-left: 15px; padding-right: 15px; text-align: center; line-height: 30px; margin-top: 3px; background-color: #516AA4; box-sizing: border-box; user-select: none } .navigateblock:hover { cursor: pointer; height: 32px; margin-top: 1px; } .navigateblock.selected { font-weight: bold; background-color: #fff; color: #000; cursor: default; line-height: 34px; height: 34px; margin-top: 0px; border-left: solid 1px #253D75; } .navigateblock.selected:last-child { border-right: solid 1px #516AA4 } .navigateblock.disabled { color: #8EA2CC; cursor: default; } .navigateblock.disabled:hover { background-color: #516AA4; line-height: 30px; height: 30px; margin-top: 3px; } .navigateblock:not(:first-child) { border-left: solid 1px #253D75; } /* Notifications */ #dUserNotification { top: 22px; right: -35px; } #dUserNotification .dropdownmenu-content { width: 420px; cursor: default } .floatingButton { border-radius: 3px; padding: 5px; cursor: pointer } .floatingButton:hover { background-color: #eee } .notificationmenu { color: #000; width: 400px; padding: 2px 10px; font-size: 16px; user-select: none } .notificationmenu .container { height: calc(100vh - 80px); overflow-y: auto; padding-right: 5px } .notificationmenu .container .header { padding: 5px; padding-top: 10px; position: sticky; top: 0px; background-color: #fff; height: 20px; border-bottom: 1px solid #ccc; z-index: 2 } .notificationmenu .container .section { font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #ccc } .notificationmenu .container .section .header { font-size: 18px; padding: 5px; padding-top: 10px; position: sticky; top: 35px; background-color: #fff; height: 20px; border-bottom: 1px solid #ccc; z-index: 1 } .notificationmenu .container .item { border-radius: 3px; padding: 5px; min-height: 40px; background-color: #fff; margin-top: 5px; padding-bottom: 20px } .notificationmenu .container .item .ih { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; height: 25px; } .notificationmenu .container .item .left { font-size: 12px; display: inline-block; width: 40px; vertical-align: top; color: #666; } .notificationmenu .container .item .middle { display: inline-block; font-size: 14px; line-height: 14px; width: 305px; vertical-align: top; color: #666; } .notificationmenu .container .item .middle a { padding: 0px !important; padding-top: 10px !important; } .notificationmenu .container .item .right { display: inline-block; width: 20px; vertical-align: top; margin-left: 5px; } .notificationmenu .container .item:hover { background-color: #eee } #ddlEmployeeFilterSelect-button.colour0 { border-color: #000 !important; color: #fff !important; background-color: #f44336 !important } #ddlEmployeeFilterSelect-button.colour1 { border-color: #000 !important; color: #fff !important; background-color: #e81e63 !important } #ddlEmployeeFilterSelect-button.colour2 { border-color: #000 !important; color: #fff !important; background-color: #9c27b0 !important } #ddlEmployeeFilterSelect-button.colour3 { border-color: #000 !important; color: #fff !important; background-color: #673ab7 !important } #ddlEmployeeFilterSelect-button.colour4 { border-color: #fff !important; color: #fff !important; background-color: #3f51b5 !important } #ddlEmployeeFilterSelect-button.colour5 { border-color: #000 !important; color: #fff !important; background-color: #2196f3 !important } #ddlEmployeeFilterSelect-button.colour6 { border-color: #000 !important; color: #fff !important; background-color: #03a9f4 !important } #ddlEmployeeFilterSelect-button.colour7 { border-color: #000 !important; color: #fff !important; background-color: #00bcd4 !important } #ddlEmployeeFilterSelect-button.colour8 { border-color: #000 !important; color: #fff !important; background-color: #009688 !important } #ddlEmployeeFilterSelect-button.colour9 { border-color: #000 !important; color: #fff !important; background-color: #4caf50 !important } #ddlEmployeeFilterSelect-button.colour10 { border-color: #000 !important; color: #000 !important; background-color: #8bc34a !important } #ddlEmployeeFilterSelect-button.colour11 { border-color: #000 !important; color: #000 !important; background-color: #cddc39 !important } #ddlEmployeeFilterSelect-button.colour12 { border-color: #000 !important; color: #000 !important; background-color: #ffeb3b !important } #ddlEmployeeFilterSelect-button.colour13 { border-color: #000 !important; color: #000 !important; background-color: #ffc107 !important } #ddlEmployeeFilterSelect-button.colour14 { border-color: #000 !important; color: #fff !important; background-color: #ff9800 !important } #ddlEmployeeFilterSelect-button.colour15 { border-color: #000 !important; color: #fff !important; background-color: #ff5722 !important } /* Buttons /*---------------------------------------------------------------------------------------------------------------------------------*/ /* A button here can be an , a
or a