.object-id{font-weight:normal;font-size:10px;color:#fff;background-color:#477fe1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:solid 1px #477fe1;margin:2px !important;padding:1px 6px;text-shadow:#477fe1 0 -1px 0;-webkit-box-shadow:0 -1px 1px rgba(150,150,150,0.4);-moz-box-shadow:0 -1px 1px rgba(150,150,150,0.3);box-shadow:0 -1px 1px rgba(150,150,150,0.4);display:inline-block}.object-id:hover{-webkit-box-shadow:0 0 3px #447ad8;-moz-box-shadow:0 0 3px #447ad8;box-shadow:0 0 3px #447ad8}table.clickable .object-id:hover{-webkit-box-shadow:0 -1px 1px rgba(150,150,150,0.4);-moz-box-shadow:0 -1px 1px rgba(150,150,150,0.3);box-shadow:0 -1px 1px rgba(150,150,150,0.4)}.object-id:active{background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0)));background:-webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0));background:-moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0));background:-o-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0));background:gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0)));background-color:#4378d4;border:solid 1px #447ad9}td#centerDG{float:none}div#dialogContainer{min-width:300px;max-width:500px;height:auto;vertical-align:top;border:1px solid #b0b0b0;text-align:left;padding:6px 6px;background-color:white;margin:0 0 20px 0;-webkit-box-shadow:0 2px 2px rgba(200,200,200,0.45);-moz-box-shadow:0 1px 3px rgba(200,200,200,0.45);box-shadow:0 1px 3px rgba(200,200,200,0.45)}#loginDialogComponent{width:400px !important}.loginStatus{text-align:right;padding-top:2px;white-space:nowrap}div.voteWidgetDiv{display:block;float:left;font-weight:bold;color:#393939;width:100%}div.yesVote,div.noVote,div.deferVote{background-color:#c7f7c4;padding:2px;display:block;border:1px dotted #008b2c;white-space:nowrap}div.noVote{background-color:#f5afad;border:1px dotted #95292a}div.deferVote{background-color:#e5e2d8;border:1px dotted #b8b8b1}div.voteButtonsDiv{margin-top:5px;display:table;float:left;clear:both;white-space:nowrap;width:110px}div.voteExplanation{display:block;float:left;clear:both;margin-top:2px;width:90%}.voteExplanation textarea{width:100%}div.noteNumberBlue{color:#627397;font-size:9px;text-align:right;margin:4px 0 0 0;display:block}div.noteNumber{color:#ada726;font-size:9px;text-align:right;margin:4px 0 0 0}div.noteNumberGray{color:#a1a09b;font-size:9px;text-align:right;margin:4px 0 0}div.noteNumberGreen{color:#6ea16b;font-size:9px;text-align:right;margin:4px 0 0}div.notesToggleButton{display:block;clear:left;float:left}div.stickyRepetition{display:block;float:left;clear:both;margin-top:5px;width:95%}div.notesToggleLink a{color:#818181;font-weight:bold}div.gray{color:#a1a09b;font-size:9px}div.notesToggleLink a:hover{text-decoration:underline;color:#000}div.detailsToggleLink{background-color:#c2c6cf;padding-left:3px;padding-right:3px;padding-bottom:1px;display:block;float:right;line-height:18px;border:1px dotted #9d9990;white-space:nowrap;vertical-align:top;margin-left:5px}div.detailsToggleLink a{color:#fff;font-weight:bold}div.detailsToggleLink a:hover{text-decoration:underline;color:#000}div.approvalStepIndicator{display:block;white-space:nowrap;float:left;width:100%}div.stepNumber{margin-left:5px}div.approvalToken{text-align:center;padding-top:3px;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:10px;color:white;font-weight:bold;display:inline-block;float:left;white-space:nowrap;position:relative;cursor:pointer}td.approvedLeftLess{width:20px;height:19px;background:url(/helpdesk/approval/approved_left_less.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.approvedLeftMore{display:inline-block;width:20px;height:19px;background:url(/helpdesk/approval/approved_left_more.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.pendingLeftLess{display:inline-block;width:20px;height:19px;background:url(/helpdesk/approval/pending_left_less.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.pendingLeftMore{display:inline-block;width:20px !important;height:19px;background:url(/helpdesk/approval/pending_left_more.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.deniedLeftLess{display:inline-block;width:20px;height:19px;background:url(/helpdesk/approval/denied_left_less.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.deniedLeftMore{display:inline-block;width:20px;height:19px;background:url(/helpdesk/approval/denied_left_more.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}div.approvalToken a:hover{text-decoration:none}td.greenAlertTokenLeft{width:20px;height:19px;background:url(/helpdesk/approval/status_green_left.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.greenAlertTokenRight{width:8px;height:19px;background:url(/helpdesk/alerts/status_green_right.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.greenAlertTokenMiddle{width:auto;height:19px;padding-left:5px;padding-right:5px;background:url(/helpdesk/alerts/status_green_middle.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;vertical-align:middle}td.yellowAlertTokenLeft{width:20px;height:19px;background:url(/helpdesk/approval/status_yellow_left.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;white-space:nowrap;text-align:center}td.yellowAlertTokenRight{width:8px;height:19px;background:url(/helpdesk/alerts/status_yellow_right.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;white-space:nowrap}td.yellowOverrideTokenRight{width:20px;height:19px;background:url(/helpdesk/approval/override_right.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;white-space:nowrap}td.yellowAlertTokenMiddle{width:auto;height:19px;padding-left:5px;padding-right:5px;background:url(/helpdesk/alerts/status_yellow_middle.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;vertical-align:middle}td.redApprovalTokenLeft{width:20px;height:19px;background:url(/helpdesk/approval/status_red_left.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.redAlertTokenRight{width:8px;height:19px;background:url(/helpdesk/alerts/status_red_right.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}td.redAlertTokenMiddle{width:auto;height:19px;padding-left:5px;padding-right:5px;background:url(/helpdesk/alerts/status_red_middle.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;vertical-align:middle}div.tipLabel,div.tipLabelError{font-weight:bold}div.tipLabelError{color:red}div.dialogMessageError{color:red;padding-top:10px;padding-left:5px}td.approvalError{background:url(/helpdesk/approval/approval_error.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;width:20px}div.tipData{color:#555}div.tipRow{margin-bottom:5px}div.approvalAlert{text-align:center;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:10px;color:white;font-weight:bold;display:inline-table;vertical-align:middle;margin-left:10px}div.approvalSchedDate{background-color:#e2e3d7;padding:4px;border:1px solid #a7a7a7;margin-top:5px;display:block;float:left;clear:left}div.scheduledDateLabel{font-weight:bold;display:block;float:left;margin-left:3px;margin-bottom:3px;clear:none}div.inlineDeleteButton{display:block;float:left;padding-top:4px;padding-left:3px}div.listCountButton{display:block;float:left;padding-left:8px;padding-top:2px}div.recessedButtonFloatRight{display:block;float:right;color:#0079aa}.recessedButton{display:inline;font-size:10px;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;color:#0079aa}a.recessedButton{text-decoration:none;color:white;cursor:pointer}div.recessedButtonLeft{display:inline;float:left;width:7px;height:17px}div.recessedButtonRight{display:inline;float:left;width:7px;height:17px}div.recessedButtonMiddle{display:inline;float:left;height:17px;padding-top:2px;padding-left:5px;padding-right:5px}div.recessedMiniButtonLeft{display:inline;float:left;background:url(/helpdesk/buttons/recessed_mini_left.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;width:6px;height:14px}div.recessedMiniButtonRight{display:inline;float:left;background:url(/helpdesk/buttons/recessed_mini_right.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;width:6px;height:14px}div.recessedMiniButtonMiddle{display:inline;float:left;background:url(/helpdesk/buttons/recessed_mini_middle.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:14px;padding-top:1px;padding-left:5px;padding-right:5px;font-size:9px}.panelButton{text-align:center;display:inline-block;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:10px;color:#297994;background-color:#fff;border:solid 1px #297994;padding:2px 14px 2px 14px;white-space:nowrap}.panelButtonSel{background-color:#297994;color:white}.roundRectButton,roundRectButtonNoPadding{display:block;font:11px "Lucida Grande", Arial, Helvetica, sans-serif;float:left;padding-left:3px;white-space:nowrap;cursor:pointer;padding-top:1px;color:black;height:20px}.roundRectButtonNoPadding{padding:0}div.roundRectButtonFloatRight{display:block;float:right}a.roundRectButton{text-decoration:none;color:#111;cursor:pointer}div.roundRectButtonLeft{display:inline;float:left;background:url(/helpdesk/buttons/round_rect_left.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;width:8px;height:18px}div.roundRectLeftSel{background:url(/helpdesk/buttons/round_rect_left_sel.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}div.roundRectButtonRight{display:inline;float:left;background:url(/helpdesk/buttons/round_rect_right.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;width:8px;height:18px}div.roundRectRightSel{background:url(/helpdesk/buttons/round_rect_right_sel.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat}div.roundRectButtonMiddle{display:inline;float:left;background:url(/helpdesk/buttons/round_rect_middle.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:18px;padding-top:2px;padding-left:5px;padding-right:5px;text-align:center;min-width:30px;white-space:nowrap}div.roundRectMiddleSel{background:url(/helpdesk/buttons/round_rect_middle_sel.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x}.roundRectButtonSpacer{width:2px;display:inline-table}.AjaxFlexibleFileUpload{overflow:hidden;width:auto}.AFUProgressBar{float:left;width:200px;height:20px;border:1px solid #aaa;margin-top:3px;margin-right:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.AFUProgressAmount{height:20px;background-color:#6482b8;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:3px}.AFUProgressAmountIndeterminate{background-color:silver}.AjaxFlexibleFileUpload .Button,.ERAttachmentFlexibleEditor .Button{float:left;margin:3px 0}.AjaxFlexibleFileUpload .Button span,.ERAttachmentFlexibleEditor .Button span{float:left;display:table-cell;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));background:-moz-linear-gradient(#fff, rgba(255,255,255,0));background:-o-linear-gradient(#fff, rgba(255,255,255,0));background:gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));-moz-border-radius:12px;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:10px;color:#297994;background-color:#fff;border:solid 1px #297994;padding:2px 14px 2px 14px;white-space:nowrap}.AjaxFlexibleFileUpload .ClearUploadObjButton{background-image:url(btn_del.png);height:23px;width:25px}.AjaxFlexibleFileUpload .ClearUploadObjButton span{display:none}.AjaxFlexibleFileUpload .UploadFileObjButton{margin-right:5px}.AFUProgressBarWrapper{width:100%;float:left}.AFUFileNameWrapper{float:left;line-height:29px;margin-right:5px}.ERAttachmentFlexibleEditor .AEEdit{padding:10px;border:1px solid #666;width:350px;overflow:hidden;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow:#777 2px 2px 3px;-webkit-box-shadow:#777 2px 2px 3px;box-shadow:#777 2px 2px 3px}.AEEditHeader{margin:0 0 10px}.toggleButton{display:inline-table;font:11px "Lucida Grande", Arial, Helvetica, sans-serif;float:left;white-space:nowrap;cursor:pointer;padding-top:1px;height:22px}a.toggleButtonUp{text-decoration:none;color:#111;cursor:pointer}div.toggleButton{display:inline;float:left;height:22px}div.toggleButtonLeftUp{display:inline;float:left;width:5px;height:22px}div.toggleButtonLeftDown{display:inline;float:left;width:5px;height:22px}div.toggleButtonDown{display:inline;float:left;height:19px;padding-top:3px;padding-left:5px;padding-right:5px;background-color:#E2F1F5;border:1px solid #297994}div.toggleButtonUp{display:inline;float:left;height:19px;padding-top:3px;padding-left:5px;padding-right:5px;background-color:#fff;border:1px solid #d5d5d5}div.toggleButtonDivider{display:inline;float:left;width:1px;height:22px}div.toggleButtonRight{display:inline;float:left;height:22px}div.toggleButtonRightUp{display:inline;float:left;width:5px;height:22px}div.toggleButtonRightDown{display:inline;float:left;width:5px;height:22px}td.saveOptionsSmall{text-align:right;vertical-align:middle;height:24px;background:#EAEAEA;padding:3px 4px 2px 0}td.saveOptionsStandard{text-align:right;padding:2px 4px;background:#e6e6e6 url(/helpdesk/header.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:30px;border-top:1px solid #c6c6c6}td.saveOptionsSmallTopBorder{text-align:right;padding:3px 4px 3px 0;vertical-align:middle;height:auto;background:#e5e5e5 url(/helpdesk/header.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;border-top:1px solid #c6c6c6}td.saveOptionsSmallStandard{text-align:right;padding:3px 4px 3px 0;vertical-align:middle;height:auto;background:#e5e5e5 url(/helpdesk/header.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;border:1px solid #c6c6c6;border-left-width:0}tr.smallBtnRow td{border-color:#aaa;border-style:solid;border-width:1px 1px 0 0;padding:3px 4px 2px 0}tr.panelButtonRow td{border:1px solid #aaa;border-top-width:0;background:#fff url(/helpdesk/header.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;padding-top:1px;padding-bottom:1px}div.quickSearchBar{border:1px solid #aaa;border-bottom-width:0;background:url(/helpdesk/header.gif?v=12_5_0_1257?v=12_8_8_2528);height:25px;padding-left:5px;display:block;padding-top:4px}.bbCodeButton{border:1px solid #878787;background-color:#f0f0f0;margin-bottom:1px;padding:1px;display:inline-block;float:left;margin-right:4px}.bbCodeButton:hover{background-color:#b3b0b2;cursor:pointer}.aquaButton{text-align:center;color:white;white-space:nowrap;display:inline-block;float:left;margin:2px 2px 2px 2px;font:normal 13px "Lucida Grande", Arial, Helvetica, sans-serif;cursor:pointer;text-shadow:none;background-color:#297994;border:1px solid #297994}a.aquaButtonLink{color:#000}div.aquaLeft,div.aquaRight,div.aquaLeftSel,div.aquaRightSel,div.aquaLeftDisabled,div.aquaRightDisabled{width:11px;height:25px;background-repeat:no-repeat;float:left}div.aquaLeft{background-color:white}div.aquaLeftDisabled{background:#999999}div.aquaRight{background-color:white}div.aquaRightDisabled{background:#999999}div.aquaMiddle,div.aquaMiddleSel,div.aquaMiddleDisabled{width:auto;min-width:50px;height:20px;padding-left:3px;padding-right:3px;padding-top:5px;float:left;text-align:center;cursor:pointer;background:white repeat-x;color:#297994}div.aquaLeftSel{background-color:#297994}div.aquaMiddleSel{background-color:#297994;color:white}div.aquaMiddleDisabled{background:#999999;color:#fff}div.aquaSmallButton{text-align:center;width:auto;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:11px;letter-spacing:-0.01em;color:black;display:block;float:left;margin-left:5px}div.aquaSmallLeft{width:9px;height:19px;background:url(/helpdesk/buttons/graphite_mini_left.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat;float:left}div.aquaSmallRight{width:9px;height:19px;background:url(/helpdesk/buttons/graphite_mini_right.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat;float:left}div.aquaSmallMiddle{height:19px;background:url(/helpdesk/buttons/graphite_mini_middle.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;padding-left:5px;padding-right:5px;float:left;line-height:18px;min-width:30px;vertical-align:middle;cursor:pointer;text-shadow:#fff 0 1px 0}div.aquaSmallLeftSel{width:10px;height:22px;background:url(/helpdesk/buttons/aqua_small_left_sel.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;float:left}div.aquaSmallRightSel{width:10px;height:22px;background:url(/helpdesk/buttons/aqua_small_right_sel.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;float:left}div.aquaSmallMiddleSel{width:auto;height:22px;background:url(/helpdesk/buttons/aqua_small_middle_sel.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;padding-left:3px;padding-right:3px;padding-top:3px;float:left;vertical-align:middle;cursor:pointer}.aquaMiniButton{float:left;display:table-cell;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));background:-moz-linear-gradient(#fff, rgba(255,255,255,0));background:-o-linear-gradient(#fff, rgba(255,255,255,0));background:gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));-moz-border-radius:12px;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:10px;color:#297994;background-color:#fff;border:solid 1px #297994;padding:2px 14px 2px 14px;white-space:nowrap}a.aquaButtonLink:hover{color:black;text-decoration:none;cursor:pointer}div.buttonsRight{display:block;float:right;white-space:nowrap}div.buttonsRight a,div.buttonsLeft a{color:#000}div.buttonsLeft{display:block;float:left;white-space:nowrap}div.hiddenButton{border:none;width:0;height:0;overflow:hidden}.nowrap{white-space:nowrap}tr.white td{background-color:#fff;border:0 solid #aaa;border-right-width:1px}tr.shaded td{background-color:#f6f6f6;border:0 solid #aaa;border-right-width:1px}td.faqQuestion{color:#666}td.faqRule{background-color:#ccc;height:1px}div.FaqQuestionStyle{padding:10px;border:1px dotted #c1c1c1;background-color:#ffffc3 !important;display:block;float:left;width:95%}div.FaqAnswerStyle{padding:10px;border:1px dotted #c1c1c1;background-color:#c1d8ff !important;display:block;float:left;width:95%;margin-top:10px}div.FaqAttachmentStyle{padding:10px;border:1px dotted #c1c1c1;background-color:#e9f7e6 !important;display:block;float:left;width:95%;margin-top:10px}tr.FaqAttachmentBackground td{background-color:#e9f7e6 !important;border-style:none}div.FaqToggleButton{display:block;float:left;padding-top:10px;clear:both}div.FaqUpdateContainer{display:block;float:left;width:100%}td.searchContent{font-size:11px;padding:8px 10px 10px 5px;vertical-align:top}a.mailToLink{color:#000}.stickyNote tbody tr td.noteTopBlue{background:#b4d4ff url(/helpdesk/note_top_blue.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border-left:1px solid #9ab6dd}.stickyNote tbody tr td.noteTopWindowsBlue{background:#b4d4ff url(/helpdesk/note_top_blue.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border:1px solid #9ab6dd;border-top:none;border-bottom:none;width:500px;line-height:1px}td.noteCornerBlue{background:#b4d4ff url(/helpdesk/note_corner_blue.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat;height:10px;width:10px}.stickyNote tbody tr td.noteBodyBlue{background:#b4d4ff url(/helpdesk/note_body_blue.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x !important;border:1px solid #9ab6dd;border-top:none}.stickyNote tbody tr td.noteTopGreen{background:#baebb2 url(/helpdesk/note_top_green.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border-left:1px solid #a0c89b}.stickyNote tbody tr td.noteTopWindowsGreen{background:#baebb2 url(/helpdesk/note_top_green.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border:1px solid #a0c89b;border-top:none;border-bottom:none;width:500px;line-height:1px}td.noteCornerGreen{background:#baebb2 url(/helpdesk/note_corner_green.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat;height:10px;width:10px}.stickyNote tbody tr td.noteBodyGreen{background:#baebb2 url(/helpdesk/note_body_green.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x !important;border:1px solid #a0c89b;border-top:none}.stickyNote tbody tr td.noteTop{background:#ffa url(/helpdesk/note_top.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border-left:1px solid #d8d897}.stickyNote tbody tr td.noteTopWindows{background:#ffa url(/helpdesk/note_top.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border:1px solid #d8d897;border-top:none;border-bottom:none;width:500px;line-height:1px}td.noteCorner{background:#ffa url(/helpdesk/note_corner.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat;height:10px;width:10px}.stickyNote tbody tr td.noteBody{background:#ffa url(/helpdesk/note_body.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x !important;border:1px solid #d8d897;border-top:none}.stickyNote tbody tr td.noteTopGray{background:#eee url(/helpdesk/note_top_gray.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border-left:1px solid #d8d8d8}.stickyNote tbody tr td.noteTopWindowsGray{background:#eee url(/helpdesk/note_top_gray.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x;height:10px;border:1px solid #d8d8d8;border-top:none;border-bottom:none;width:500px;line-height:1px}td.noteCornerGray{background:#eee url(/helpdesk/note_corner_gray.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat;height:10px;width:10px}.stickyNote tbody tr td.noteBodyGray{background:#eee url(/helpdesk/note_body_gray.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x !important;border:1px solid #d8d8d8;border-top:none}td.noteCell{vertical-align:top;padding:3px 5px 3px 5px;min-width:150px;position:relative}td.noteListCell{vertical-align:top;padding:3px 5px 7px 5px}td.noteListCell.shortDescription{width:200px !important;min-width:200px}.noteText,.noteTextSmall{vertical-align:middle;margin:0 8px 8px 8px;font:10px "Lucida Grande", Arial, Helvetica, sans-serif;word-wrap:break-word}.noteTextSmall{font-family:Arial, Helvetica, sans-serif;overflow:auto}div.noteTextTicketView{vertical-align:middle;margin:6px 0 0 8px}div.noteTextTicketView img{max-width:95%}div.noteText a:link{text-decoration:none}div.noteText a:hover{text-decoration:underline}div.noteText a:visited{color:blue}tr.clientNoteRow td{background-color:#fff}td.dbConnectionHeader{white-space:nowrap;height:30px;padding-left:10px;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:11px;background:#fff url(/helpdesk/header.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x;font-weight:bold;text-shadow:#f9f9f9 0 1px 0}table.progressBarContainer{width:100%;border-spacing:0}table.progressBarContainer td{font-family:Helvetica;font-size:8pt;padding:2px;color:#646464}table.progressBarContainer td.progressValue{white-space:nowrap}table.progressBar{border:1px solid #000}table.progressBar td.percentageFinished{background:url(/helpdesk/completion_bar_blue.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x}table.progressBar td.percentageFinished.done{background:url(/helpdesk/completion_bar_remaining.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x}table.progressBar td.percentageUnfinished{background:url(/helpdesk/completion_bar_remaining.gif?v=12_5_0_1257?v=12_8_8_2528) repeat-x}table.progressBarContainer td.progressMaximum{white-space:nowrap}.auto_complete{position:absolute;width:350px;background-color:white;border:1px solid #888;margin:0;padding:0}ul.contacts{list-style-type:none;margin:0;padding:0}ul.contacts li.selected{background-color:#ffb}li.contact{list-style-type:none;display:block;margin:0;padding:2px;height:32px}li.contact div.image{float:left;width:32px;height:32px;margin-right:8px}li.contact div.name{font-weight:bold;font-size:12px;line-height:1.2em}li.contact div.email{font-size:10px;color:#888}#list{margin:10px 0 0;padding:0;list-style-type:none;width:350px}#list li{margin:0 0 4px;padding:5px;border:1px solid #888;cursor:move}.auto_complete ul{border:1px solid #888;margin:0;padding:0;width:100%;list-style-type:none}.auto_complete ul li{margin:0;padding:3px}.auto_complete ul li.selected{background-color:#ffb}.auto_complete ul strong.highlight{color:#800;margin:0;padding:0}em.blockquote{border:1px solid #aaa;padding:6px;margin:8px 0 8px 0;background-color:#fff}option{font-size:12px}.ui-autocomplete{position:absolute;cursor:default}.ui-autocomplete-loading{background:#fff url("/helpdesk/jquery_images/ui-anim_basic_16x16.gif?v=12_5_0_1257?v=12_8_8_2528") right center no-repeat}.ui-autocomplete-category{font-weight:bold;padding:-0.05em .4em;margin:2.8em 0 .1em;line-height:1.5}.ui-autocomplete-category-first{margin:0em 0 0.1em}.ui-menu{list-style:none;padding:2px;margin:0;display:block;float:left}.ui-menu .ui-menu{margin-top:-3px}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;background-color:#fff}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-widget{font-family:Verdana, Arial, sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana, Arial, sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaaaaa;background:#fff url(/helpdesk/jquery_images/ui-bg_glass_75_ffffff_1x400.png?v=12_5_0_1257?v=12_8_8_2528) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaaaaa;background:#ccc url(/helpdesk/jquery_images/ui-bg_highlight-soft_75_cccccc_1x100.png?v=12_5_0_1257?v=12_8_8_2528) 50% 50% repeat-x;color:#222222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/helpdesk/jquery_images/ui-bg_glass_75_e6e6e6_1x400.png?v=12_5_0_1257?v=12_8_8_2528) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/helpdesk/jquery_images/ui-bg_glass_75_dadada_1x400.png?v=12_5_0_1257?v=12_8_8_2528) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/helpdesk/jquery_images/ui-bg_glass_65_ffffff_1x400.png?v=12_5_0_1257?v=12_8_8_2528) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-widget :active{outline:none}a.ajaxExpansionLink{background:url(/helpdesk/triangle_up.gif?v=12_5_0_1257?v=12_8_8_2528) no-repeat;padding-left:1.5em;margin-left:0;color:gray;text-decoration:none}a.ajaxExpansionLink.expanded{background-image:url(/helpdesk/triangle_down.gif?v=12_5_0_1257?v=12_8_8_2528)}.helpPopup,.helpPopup a{font-family:Arial, serif;font-size:12px;color:#0b2149;text-shadow:none}.helpPopup{border:1px solid #b0b0b0;text-align:left;position:fixed;visibility:hidden;background-color:white;width:400px;padding:1em;z-index:999;font-weight:normal;text-decoration:none;white-space:normal;margin-right:50px}.helpPopup strong.label{color:#102e65;padding-left:0;padding-top:0;padding-bottom:0.5em;display:block;background:transparent;text-align:left;text-shadow:#fff 0 1px 0}.helpPopup ul{padding:0;margin:1.5em}.helpPopup ol{padding:0;margin:1.5em}.helpPopup hr{border:0 solid black;border-top-width:1px;clear:both;margin:6px 0;height:0}div.helpPopup a{text-decoration:underline;color:#102e65 !important;font-weight:bold;padding:0;margin:0}a.term{color:black;cursor:help;text-decoration:none;outline:none}a.requiredTerm{color:black;cursor:help;text-decoration:none;font-weight:bold;outline:none}a.definedTerm{color:green;cursor:help;text-decoration:none;outline:none}a.undefinedTerm{color:red;cursor:help;text-decoration:none;outline:none}.requiredTerm{color:black;font-weight:bold;outline:none}.term{color:black;outline:none}div.redText{display:inline;color:#C00;white-space:nowrap}div.conditionBuilder{width:700;border:1px solid #A0A0A0;padding:0;margin:0}div.conditionBuilderBody{background:url(/helpdesk/label_bg.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x #e9e9e9;padding:15px 20px 15px 20px;border-bottom:solid 1px #a0a0a0;text-shadow:#fff 0 1px 0}div.conditionBuilderBodyNoBorder{background:url(/helpdesk/label_bg.png?v=12_5_0_1257?v=12_8_8_2528) repeat-x #e9e9e9;padding:15px 20px 15px 20px;text-shadow:#fff 0 1px 0}table.conditionList{border:1px solid #bebebe;border-top-color:#8e8e8e;border-bottom-color:#fcfcfc;margin-top:7px;width:708px}table.conditionList tr{height:29px;line-height:29px}table.conditionList tr.white td{background-color:#fff;border:0 hidden}table.conditionList tr.shaded td{background-color:#ecf2fe;border:0 hidden}table.condition td{padding:0 0 0 2px;vertical-align:middle}table.conditionList td.button{padding:0 7px 0 0;width:20px;text-align:right;vertical-align:middle}.segmentedTabPanel .topLeftCorner{height:22px;width:3px}.segmentedTabPanel .content{background:#efefef;margin-top:15px;padding:10px}.segmentedTabPanel .topRightCorner{height:22px;width:3px}.segmentedTabPanel .bottomLeftCorner{height:5px;width:3px}.segmentedTabPanel .bottomRightCorner{height:5px;width:3px}.segmentedTab{height:22px}.segmentedTab.firstTabLeftDown{width:5px}.segmentedTab.firstTabLeftUp{width:5px}.segmentedTab.tabLeftUp{width:5px;background:url(/helpdesk/segmented_tab_panel/tab_left_up.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat}.segmentedTab.tabLeftDown{width:5px;background:url(/helpdesk/segmented_tab_panel/tab_left_down.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat}.segmentedTab.tabRightUp{width:5px;background:url(/helpdesk/segmented_tab_panel/tab_right_up.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat}.segmentedTab.lastTabRightDown{width:5px}.segmentedTab.lastTabRightUp{width:5px}.segmentedTab.tabMiddleUp,.segmentedTab.tabMiddleDown{background:#ffffff;text-align:center;width:100px;color:white;white-space:nowrap}.segmentedTab.tabMiddleDown{background-color:#E2F1F5;border:1px solid #297994}.segmentedTab.tabRightUp{width:5px;background:url(/helpdesk/segmented_tab_panel/tab_right_up.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat}.segmentedTab.tabLeftUpActivePrevious{width:5px;background:url(/helpdesk/segmented_tab_panel/tab_left_up_active_previous.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat}.segmentedTab.tabRightUpActiveNext{width:5px}.segmentedTab.tabRightUpAfterSelected{width:5px;background:url(/helpdesk/segmented_tab_panel/tab_right_up_after_selected.png?v=12_5_0_1257?v=12_8_8_2528) no-repeat}.segmentedTab.tabRightDown{width:5px}.segmentedTab.tabMiddleDown a,.segmentedTab.tabMiddleUp a{color:black;padding:6px 10px 5px;width:100%}div.messageTitleBar{height:20px;background:#dfe0e1 repeat-x}div.messageTitleBarText{padding-top:5px;font-size:10px;text-align:left;padding-right:10px;color:#666;float:right}div.messageContent{height:auto;padding:10px;vertical-align:top;text-align:left;border:1px solid #ddd;margin-bottom:20px;background-color:#fff}div.tabPanelTop{width:433px;height:19px;text-align:center}div.tabPanelBackground{width:433px;height:auto;text-align:center;padding-top:20px;padding-bottom:1px;border:1px solid #ddd;background:#f7f7f7}div.tabPanelBottom{width:433px;height:11px}div.messageContainer{width:95%;height:auto;text-align:center;margin:0 auto;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:11px}.noMessagesText{font-size:16px;text-align:center;width:100%;color:#707070}td.noUnderline a{text-decoration:none;color:#000}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute;left:-99999999px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui-helper-clearfix{display:inline-block}* html .ui-helper-clearfix{height:1%}.ui-helper-clearfix{display:block}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-widget{font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:11px;z-index:10001}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:11px}.ui-widget-content{border:0;color:#333333;background:#eeeeee no-repeat;overflow:hidden}.ui-widget-content a{color:#333}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-widget-overlay{background:#666666;opacity:.50;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000000;opacity:.20;filter:Alpha(Opacity=20);-moz-border-radius:5px;-webkit-border-radius:5px}.ui-dialog{position:absolute;padding:0;width:300px}.ui-dialog .ui-dialog-titlebar{display:none}.ui-dialog .ui-dialog-title{float:left;margin:0.1em 0 0.2em}.ui-dialog .ui-dialog-titlebar-close{display:none}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{border:0;padding:0;background:#B5B5B5;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:0.3em 1em 0.5em 0.4em}.ui-dialog .ui-dialog-buttonpane button{float:right;margin:.5em .4em .5em 0;cursor:pointer;padding:.2em .6em .3em .6em;line-height:1.4em;width:auto;overflow:visible}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;z-index:99999;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-icon{width:16px;height:16px;background-image:url(/helpdesk/ui-icons_222222_256x240.png?v=12_5_0_1257?v=12_8_8_2528)}.ui-icon-gripsmall-diagonal-se{background-position:-62px -222px}img#busy{display:none}table.clientListSearch{font-size:10px}table.clientListSearch td{background-color:#fff;height:15px}table#clientList{font-size:10px;font-family:"Lucida Grande",Arial,Helvetica,sans-serif}#clientList{padding-top:10px;vertical-align:top}div#clientSearchOutline{background-color:#aaa;padding:0 0 0 0;margin-top:0;vertical-align:top;width:500px;margin-bottom:20px}div#toggleElementVisible{display:block}div#toggleElementNotVisible{display:none}div.noBorderPadded{border-style:none;padding:4px}div.noBorder{border-style:none}div.noBorder td,div.noBorder th{border-width:0 0 0 0}div.addBorder td{border-width:1px 1px 0 0;height:15px}div.addBorder table.alternatingRowColor td{border-width:1px 1px 0 0;height:15px}div.textSearchToggle{display:inline-block;float:right;font-size:7px;font-weight:bold;text-align:center;clear:both}div.textSearchToggle a{color:#575757}div.searchToggleSelected,div.searchToggleDeselected{background-color:gray;padding:1px;border:1px dotted #818181;color:#fff}div.searchToggleDeselected{background-color:#d9d9d9}table.alternatingRowColor,table.alternatingRowColor-no-row-highlight{font-family:"Lucida Grande", Arial, Helvetica, sans-serif;border:1px solid #aaa;border-right-width:0;border-spacing:0;border-collapse:collapse}table.DGBrowser{font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:11px;margin-left:auto;margin-right:auto}table.DGBrowser td{padding-left:2px;padding-right:2px;border-style:none;font-family:"Lucida Grande", Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold}div.oneThirdRow{display:inline-block;width:33%;float:left}.clear{clear:both}.serviceCustomFieldName{border:none !important;font-weight:bold !important}.serviceCustomFieldValue{border:none !important}.requiredIndicator{color:red} /* #contentArea .listLeftAlign .colorLabel:empty { display: none !important; pointer-events: none !important; } */ /* Target gray fonts inside colorLabel */ #contentArea .colorLabel font[color="gray"],#contentArea .colorLabel font[color="gray"]::after { margin-right: -0.5em; } #content #problemReport, #content textarea[name="21.1.5.3.13.0.3.1"] { width: 990px !important; height: 140px !important; resize: vertical; box-sizing: border-box; border-radius: 6px; /* Rounded corners */ border: 1px solid #ccc; /* Soft border */ background-color: #fff; /* Light background */ appearance: none; /* Remove default OS styling (Chrome, Firefox) */ -webkit-appearance: none; -moz-appearance: none; } #content .helpLabel, #content .customHelpLabel { font-size: 13px; padding: 4px 8px; /* Add minimal spacing so text doesn't touch edges */ outline: none; transition: border-color 0.2s ease; appearance: auto; /* Preserve native UI including dropdown arrow */ -webkit-appearance: auto; -moz-appearance: auto; text-align: left; width: 100%; /* Always fit container */ box-sizing: border-box; /* Prevent padding from increasing width */ max-width: 100%; /* Prevent overflow in flexible containers */ } /* Base button style */ .buttonsRight .aquaButton, .helpRequestButtonContainer .aquaButton { display: inline-block; padding: 10px 20px; min-width: 42px; background: linear-gradient(to bottom, #8fd36e, #4a7039); border: 1px solid #3f5f30; border-radius: 8px; font: normal 16px "Lucida Grande", Arial, Helvetica, sans-serif; color: #fff; text-align: center; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 2px 4px rgba(0, 0, 0, 0.25); transition: background 0.25s ease, transform 0.1s ease, box-shadow 0.1s ease; } #loginBox .aquaSquareMiddle { display: inline-flex; align-items: center; justify-content: center; min-width: 250px; margin-top: 20px; padding: 16px 34px 18px; backdrop-filter: blur(3px); /* Blurred background behind element */ -webkit-backdrop-filter: blur(3px); /* Safari support */ /* border: 1px solid rgba(0, 0, 0, 0.25); */ border-radius: 12px; background: linear-gradient(to bottom, #a9e68d, #5f8f47); font: 600 24px "Source Sans Pro", Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: 0.5px; cursor: pointer; user-select: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 10px 20px rgba(0, 0, 0, 0.35); transition: background 0.35s ease, transform 0.2s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease; } /* Hover effect */ #loginBox .aquaSquareMiddle:hover { background: linear-gradient(to bottom, #aef79a, #5f9147); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 8px 18px rgba(0, 0, 0, 0.4); transform: translateY(-3px) scale(1.02); } #loginBox .aquaSquareMiddle:active { transform: translateY(0); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 3px 6px rgba(0, 0, 0, 0.3); } /* Remove any inner div styling */ .buttonsRight .aquaButton .aquaLeft, .helpRequestButtonContainer .aquaButton .aquaLeft , .buttonsRight .aquaButton .aquaLeftSel, .helpRequestButtonContainer .aquaButton .aquaLeftSel, .buttonsRight .aquaButton .aquaLeftDisabled, .helpRequestButtonContainer .aquaButton .aquaLeftDisabled, .buttonsRight .aquaButton .aquaMiddle, .helpRequestButtonContainer .aquaButton .aquaMiddle, .buttonsRight .aquaButton .aquaMiddleSel, .helpRequestButtonContainer .aquaButton .aquaMiddleSel, .buttonsRight .aquaButton .aquaMiddleDisabled, .helpRequestButtonContainer .aquaButton .aquaMiddleDisabled, .buttonsRight .aquaButton .aquaRight, .helpRequestButtonContainer .aquaButton .aquaRight, .buttonsRight .aquaButton .aquaRightDisabled, .helpRequestButtonContainer .aquaButton .aquaRightDisabled, .buttonsRight .aquaButton .aquaRightSel, .helpRequestButtonContainer .aquaButton .aquaRightSel { all: unset; /* remove all inherited styles */ display: inline; /* make text behave normally */ } /* Make the middle div act like the button text */ .buttonsRight .aquaButton .aquaMiddleSel, .helpRequestButtonContainer .aquaButton .aquaMiddleSel, .buttonsRight .aquaButton .aquaMiddle, .helpRequestButtonContainer .aquaButton .aquaMiddle { padding: 0; /* remove spacing from   */ color: inherit; /* use parent text color */ font: inherit; /* use parent font */ } /* Hover effect */ .buttonsRight .aquaButton:hover { background: linear-gradient(to bottom, #9fe07c, #567f42); } /* Active / Pressed effect */ .buttonsRight .aquaButton:active { transform: translateY(1px); box-shadow: inset 0 2px 4px rgba(0,0,0,0.3); } #content #TicketLocation { font-size: 16px; padding: 0; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; width: 100%; outline: none; transition: border-color 0.2s ease; appearance: auto; /* Keep native arrow */ -webkit-appearance: auto; -moz-appearance: auto; } #contentArea { font-size: 16px; } #TabPanelUpdateContainer input[type="text"], #TabPanelUpdateContainer select, #TabPanelUpdateContainer input[type="password"] , .queryTable input[type="text"], .queryTable select, .queryTable input[type="password"], .searchListHeader #TicketListHeaderDiv input[type="text"], .searchListHeader #TicketListHeaderDiv select, .searchListHeader #TicketListHeaderDiv input[type="password"], #TabPanelUpdateContainer #SearchPanelDiv input[type="text"], #TabPanelUpdateContainer #SearchPanelDiv select, #TabPanelUpdateContainer #SearchPanelDiv input[type="password"], #TabPanelUpdateContainer .conditionBuilderBody input[type="text"], #TabPanelUpdateContainer .conditionBuilderBody select, #TabPanelUpdateContainer .conditionBuilderBody input[type="password"] { font-size: 11px; padding: 0; border-radius: 0; border: 1px solid #aaa; width: auto; background-color: #fdfdfd; } /* #contentArea #ticketEditor div {width:400px;} #contentArea #ticketEditor table {width:auto;} */ #contentArea #subMenuButtons, .requestTextClient, .colorLabel { font-size: 11px; } /* Target the textarea by ID */ #problemReport { font-size: 16px; /* change to any size you want */ line-height: 1.5; /* optional: improves readability */ font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; /* match your buttons */ padding: 6px 8px; /* optional: nicer spacing inside */ box-sizing: border-box; /* ensures padding doesn't break width */ width: 100%; /* optional: make it fill container */ } /* Or target all textareas inside your table if multiple */ .helpRequest textarea { font-size: 16px; line-height: 1.5; } #contentArea .colorLabel .whiteLabelText *, #contentArea .colorLabel .blackLabelText *, #contentArea .colorLabel .whiteLabelText div, #contentArea .colorLabel .blackLabelText div {background-color: #585858;} #contentArea .ticketContent .colorLabel, #contentArea .ticketContent .requestTextClient {font-size: 16px;} #contentArea select, #contentArea input[type="text"], select, input[type="text"], input[type="password"] { font-size: 16px; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; width: 100%; outline: none; transition: border-color 0.2s ease; appearance: auto; /* Keep native arrow */ -webkit-appearance: auto; -moz-appearance: auto; } /* Target the options inside */ select option { font-size: 16px; /* makes the dropdown list text bigger */ padding: 4px 8px; /* optional: spacing inside options */ } .helpData #PriorityTypeContainer, .helpData .tabletext {width: 200px;} #problemReport { width: 100%; max-width: 600px; } .helpData input[type="text"] {width: 340px !important;} #content select:hover, #content input[type="text"]:hover, #content select:focus, #content input[type="text"]:focus { border-color: #0078d4; box-shadow: 0 0 5px rgba(0, 120, 212, 0.5); } #content select,#content .radioButtonSet {font-size: 16px;} /* Round the Save button container */ /* Save #content .aquaButton .aquaMiddleSel { padding: 5px; background: linear-gradient(to bottom, #86c768, #4a7039); border-radius: 8px; width: 240px; font: normal 18px "Lucida Grande", Arial, Helvetica, sans-serif; display: inline-block; color: white; /* Ensure text is readable */ /*text-align: center; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3); /* optional highlight */ /*transition: background 0.3s ease;} */ #content .aquaButtonT { text-align: center; color: white; white-space: nowrap; float: left; display: inline-block; margin: 2px 2px 2px 2px; font: normal 18px "Lucida Grande", Arial, Helvetica, sans-serif; cursor: pointer; text-shadow: none; background-color: #fff; border: 1px solid #ffff; } #content .aquaButton { text-align: center; color: white; white-space: nowrap; display: display: inline-block;; /* This is enough */ background-color: #fff !important; border:0; } /*#content .aquaButton .aquaLeftSel, #content .aquaButton .aquaRightSel {background-color: transparent !important;} #content .aquaButton .aquaMiddle, #content .aquaButton .aquaMiddleDisabled {background-color: #ccc; border-radius: 8px; width: 240px; font: normal 18px "Lucida Grande", Arial, Helvetica, sans-serif;display: inline-block;} #content .aquaButton .aquaLeftDisabled, #content .aquaButton .aquaRightDisabled {background-color: transparent !important;} */ #loginBox select, #loginBox input[type="text"], #loginBox input[type="password"] { font-size: 24px; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; width: 300px; outline: none; transition: border-color 0.2s ease; appearance: auto; /* Keep native arrow */ -webkit-appearance: auto; -moz-appearance: auto; left:0; right:0; } #content #loginBox { background: linear-gradient(270deg, #86c768, #4a7039, #86c768); background-size: 600% 600%; /* for gradient animation */ backdrop-filter: blur(3px); /* blurred background behind element */ -webkit-backdrop-filter: blur(3px); /* Safari support */ color: white; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); width: 600px; animation: float 6s ease-in-out infinite, gradientMove 10s ease infinite; transition: transform 0.3s ease, box-shadow 0.3s ease; perspective: 1000px; /* for 3D tilt */ } /* Floating effect */ @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } /* Gradient animation */ @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Hover effect: lift + glow + tilt */ #content #loginBox:hover { transform: translateY(-5px) scale(1.02) rotateX(2deg) rotateY(2deg); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 15px #86c768, 0 0 30px #4a7039; } #content #loginBox .roundbox {color: white; /* Optional: adjust text for contrast */ padding: 50px; background-color: transparent !important;} #content #loginBox { background-color: transparent !important;} #TabPanelUpdateContainer input[type="text"], #TabPanelUpdateContainer select, #TabPanelUpdateContainer input[type="password"] , .queryTable input[type="text"], .queryTable select, .queryTable input[type="password"], .searchListHeader #TicketListHeaderDiv input[type="text"], .searchListHeader #TicketListHeaderDiv select, .searchListHeader #TicketListHeaderDiv input[type="password"], #TabPanelUpdateContainer #SearchPanelDiv input[type="text"], #TabPanelUpdateContainer #SearchPanelDiv select, #TabPanelUpdateContainer #SearchPanelDiv input[type="password"], #TabPanelUpdateContainer .conditionBuilderBody input[type="text"], #TabPanelUpdateContainer .conditionBuilderBody select, #TabPanelUpdateContainer .conditionBuilderBody input[type="password"], #preferences-body .queryTable input[type="text"], #preferences-body .queryTable select, #preferences-body .queryTable input[type="password"], #contentArea .searchBox input[type="text"], #contentArea .searchBox select, #contentArea .searchBox input[type="password"], #SearchPanelUpdateContainer .filterOptions input[type="text"], #SearchPanelUpdateContainer .filterOptions select, #SearchPanelUpdateContainer .filterOptions input[type="password"] { font-size: 11px; padding: 0; border-radius: 0; border: 1px solid #aaa; width: auto; background-color: #fdfdfd; } #loginBox select, #loginBox input[type="text"], #loginBox input[type="password"] { font-size: 24px; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; width: 100%; outline: none; transition: border-color 0.2s ease; appearance: auto; /* Keep native arrow */ -webkit-appearance: auto; -moz-appearance: auto; left:0; right:0; } @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap'); #contentArea, #contentArea *, #contentArea .mailToLink,#navigation *, #headerbar * , #contentArea #ListUpdateDiv { font-family: "Source Sans Pro", Arial, sans-serif !important; } #contentArea * { margin-bottom:1px; } /* Ensure #main covers full width and overrides other rules */ div#main { width: 100% !important; max-width: 100% !important; min-height: 100% !important; padding: 0 10px !important; /* optional side padding */ box-sizing: border-box !important; /* includes padding in width */ } #main #navigation *, #main #headerbar * { font-size: 16px; color: #fff; } #thwackModalOpenButton,.menubarButton.helpButton{ display: none !important; } .menubarButton.messagesButton{ /* display: none !important; */ } #SubmenuContainer #subMenuButtons { background: linear-gradient( to right, #86c768 0%, #6ea856 35%, #4a7039 85%, #2f4d25 100% ); } #subMenuButtons,#DialogMessageUpdateContainer { font-size: 16px !important; line-height: 16px; /* prevents text from being cramped */ padding: 2px 8px; /* extra breathing room */ } #testsubMenuButtons { font-size: 16px !important; line-height: 16px; /* match font-size */ padding: 2px 8px; /* reduce vertical padding */ display: inline-flex; align-items: center; } #main #userLinks b { color: white; } #subMenuBottons a , #navigation .menubarButton div a , #navigation .calendarButton, #navigation .clientsButton, #navigation .menubarButton:before {color: #000000;} #navigation .menubarButton.calendarButton:before { color: black; /* or whatever color you want for the icon */ } #SubmenuContainer #subMenuButtons .tabDown, li.tabUp { font-size: 16px !important; line-height: 1.2; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #SubmenuContainer, li.tabUp { font-size: 16px !important; line-height: 1.2; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} /* #headerBar, #main #navigation { /* padding-bottom: 10px; */ /*background: linear-gradient( to right, #86c768 0%, #6ea856 35%, #4a7039 85%, #2f4d25 100% );*/ /* for 3D tilt */ /*}*/ div.sectionLabel {color: #fff;} .sectionLabel { display: inline-block; /* makes it sit correctly with text */ padding: 4px 12px; /* vertical 4px, horizontal 12px for pill look */ border-radius: 999px; /* fully rounded pill corners */ background: linear-gradient( to right, #86c768 0%, #6ea856 100% ); /* text color */ text-align: center; font-size: 16px; font-weight: bold; line-height: 1.2; /* better vertical centering */ white-space: nowrap; /* prevent wrapping inside the pill */ box-shadow: 0 1px 2px rgba(0,0,0,0.2); /* subtle depth */ } #navigation {background: #86c768;color:black;} /* #headerBar img , #ticketList { */ #headerBar img { filter: grayscale(100%); transition: filter 0.3s ease; /* optional: smooth effect if you want hover back to color */ } /* Remove grayscale for the left image and make it bigger */ #headerBar { overflow: visible !important; } #headerBar .image-left { overflow: visible !important; filter: none !important; width: 200px; height: auto; padding-bottom: 10px; display: block; } #headerBar img:hover, #ticketList:hover { filter: grayscale(0%); cursor: pointer; } #headerBar .image-left { margin-top: -20px !important; /* adjust value as needed */ margin-left: -30px !important; } #loginBox .aquaSquareMiddle {color:white;} #contentArea .rightAlignTop,#contentArea .leftAlign,.tabUP, #contentArea div .colorLabel { font-size: 1em; } #contentArea .requestTextClient, #contentArea .noteTextSmall{ font-size: 1.1em; } #contentArea .shortDescription div , #contentArea .problemDescription, #contentArea .requestTextTech, #contentArea .arial10 .no-click-edit { font-size: 0.90em;} /* clean bottom-right folded corner rotated 90Β° */ #contentArea .shortDescription .requestTextClient, #contentArea .shortDescription .requestTextTech { position: relative; /* pseudo-element positioned relative to this */ overflow: visible; /* allow corner to stick out if needed */ border: 0px solid #e0e0e0; /* border on bottom edge */ background:linear-gradient(-135deg, transparent 0.5em,#e0e0e0 0); background-repeat: no-repeat; border-radius: 5px; padding:10px; } /* Target the first containing the bullet and hide its content */ .clickable-row td[valign="top"] { font-size: 0; /* hide text content */ line-height: 0; /* remove spacing */ } /* If you want to restore font size for children, e.g.,
inside td */ .clickable-row td[valign="top"] * { font-size: 1rem; /* reset to normal */ line-height: normal; } /* folded-in corner (bottom-right) */ #contentArea .shortDescription .requestTextClient::before, #contentArea .shortDescription .requestTextTech::before { content: ""; position: absolute; top: 0; right: 0; width: 1.0em; /* size of corner */ height: 1.0em; background: linear-gradient(45deg, transparent 50%, transparent 50%); clip-path: polygon(100% 0, 0 0, 100% 100%); /* triangle */ z-index: 2; } /* folded-in corner (bottom-right) */ #contentArea .requestTextClient::after, #contentArea .requestTextTech::after { content: ""; position: absolute; top: 0; right: 0; width: 0.8em; /* size of corner */ height: 0.8em; background: linear-gradient(135deg, transparent 0%, #a0a0a0 100%); /* diagonal blend */ clip-path: polygon(100% 100%, 0 0, 0 100%); /* triangle */ z-index: 2; } .taskTicketsHeader { border-color: #aaa; border-style: solid; border-width: 0 1px 1px 0; text-align: right; vertical-align: middle; height: 24px; background: #fff url(/helpdesk/header.gif?v=12_8_8_2528) repeat-x; color: #585858; text-shadow: white 0 1px 0; padding-left: 8px; padding-right: 8px; font-size: 0.85rem; /* reset to normal */ } .navTabsSmall td, .header td, .columnHeader th, .alternatingRowColor .header th {font-size: 0.9rem; /* reset to normal */} /* Pending */ #contentArea .colorLabel.whiteLabelText { border-radius: 999px !important; /* !important needed to override inline border */ font-family: "Source Sans Pro", Arial, sans-serif !important; padding:5px; } /*#contentArea .mailToLink .colorLabel,*/ #contentArea .colorLabel.whiteLabelText , #contentArea .smallTableText, #contentArea .listLeftAlign, #contentArea .listCenterAlign { font-size: 0.95rem; /* reset to normal */ } #content .tabletext select { white-space: nowrap !important; overflow: visible !important; font-size:12px !important ; width:60px !important; } /* Outer td top alignment + no wrap */ .leftAlignTop { vertical-align: top !important; white-space: nowrap; /* prevents wrapping */ padding: 0; /* remove extra spacing if needed */ } /* Inner table and cells also top-aligned */ .leftAlignTop table, .leftAlignTop table td { vertical-align: top !important; padding: 0; } /* Div inside inline-block so it doesn't push down */ /*.leftAlignTop .colorLabel { margin: 0; padding: 0; } Remove trailing   visually .leftAlignTop .colorLabel::after { content: ""; }*/ /* Outer td: top-aligned and horizontally centered */ .centerAlignTop { } .centerAlignTop .colorLabel { margin: 0; padding: 0; } #contentArea .leftAlignTop .colorLabel { max-width: 115px !important; /* adjust as needed */ white-space: nowrap !important; /* prevent wrapping */ overflow: hidden !important; /* hide overflow */ text-overflow: ellipsis !important; } #contentArea .smallTableText .colorLabel { max-width: 180px; /* adjust as needed */ white-space: nowrap; /* prevent wrapping */ overflow: hidden; /* hide overflow */ text-overflow: ellipsis; } #contentArea .leftAlignTop .noBorder, #contentArea .leftAlignTop .noBorder table {vertical-align: top;margin-top: 0;} ,#contentArea .colorLabel.blackLabelText, #contentArea .object-id, .arial10 { display: flex; /* πŸ”‘ important */ margin-top: 0px; /* or whatever it should be */ font-size: 0.95rem; padding: 8px 12px; border-radius: 10px; border: 1px solid #ccc; box-sizing: border-box; font-weight: 600; text-align: center; line-height: .7; /* πŸ”’ prevents vertical jump */ vertical-align: top; /* πŸ”’ table cell alignment */ } #contentArea .rightAlignTop .object-id,#contentArea .rightAlign .object-id,#contentArea .listLeftAlign .object-id { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 140px !important; /* adjust as needed */ display: inline-block !important; font-size: 0.95rem; } #contentArea .smallTableText { display: flex; justify-content: center; /* horizontal centering */ align-items: center; /* vertical centering if needed */ } #contentArea .smallTableText .colorLabel { /* background-color: #e6f4ea; */ /* soft green background */ /*border: 1px solid #22c55e; */ /* clean green border */ /*color: #14532d; */ /* dark green text for readability */ background-color: #e0e0e0; /* soft orange background, easy on eyes */ border: 1px solid #cdcdcd; margin-top: 0px; /* slight spacing above */ padding: 1px 2px; /* balanced padding */ font-size: 0.85rem; /* slightly bigger for readability */ font-weight: 500; /* semi-bold for emphasis */ line-height: 1.2; /* relaxed line spacing */ text-align: center; text-transform: capitalize; /* first letters capitalized */ border-radius: 8px; /* subtle rounded corners */ box-sizing: border-box; vertical-align: top; /* aligns nicely in table cells */ box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* subtle shadow for depth */ transition: background-color 0.3s ease, color 0.3s ease; /* smooth hover effects */ } /* Optional: hover effect for interactive feel */ #contentArea .smallTableText .colorLabel:hover { font-weight: 600; cursor:pointer; } #contentArea .leftAlignTop .colorLabel[title="I.T. SUPPORT"] { background-color: #ecfeff !important; border-color: #22d3ee !important; color: #155e75 !important; /* deep orange text for readability */ font-size: 0.95rem !important; } #contentArea .leftAlignTop .colorLabel[title="New Hire"] { background-color: #f0fdf4; border-color: #22c55e; color: #14532d; display: inline-block !important; /* enable flex layout */ justify-content: center; /* center horizontally */ align-items: flex-start; /* align to top */ margin-top: 2px; /* or whatever it should be */ font-size: 0.95rem; padding: 8px 12px; border-radius: 10px; border: 1px solid #ccc; box-sizing: border-box; font-weight: 600; text-align: center; line-height: .7; /* πŸ”’ prevents vertical jump */ vertical-align: top; /* πŸ”’ table cell alignment */ noanimation: OpenPulse2 3.5s infinite; } @keyframes OpenPulse2 { 0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.6); } /* green-600 */ 70% { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); } 100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); } } /* Optional hover effect for interactivity */ #contentArea .smallTableText .colorLabel[title="I.T. SUPPORT"]:hover { background-color: #cffafe; /* slightly darker cyan background */ border-color: #0bc5ea; /* richer blue border */ color: #0c4a6e; /* darker text for contrast */ font-weight: 600; cursor:pointer; font-size: 0.95rem; } #ticketList { width: 100%; border-collapse: collapse; /* remove overflow on parent if any */ } #ticketList th, #ListUpdateDiv .header, #ticketList .header { position: sticky; top: 0; z-index: 10; background-color: #e0e0e0; } /* BUSINESS OFFICE */ #contentArea .leftAlignTop .colorLabel[title="BUSINESS OFFICE"],div.colorLabel.WhiteLabelText[title="BRANCHES [A]"] { background-color: #e0f2fe !important; border-color: #60a5fa !important; color: #1e40af !important; font-size: 0.95rem !important; font-weight: 500 !important; border-radius: 6px !important; } #contentArea .leftAlignTop .colorLabel[title="BUSINESS OFFICE"]:hover,div.colorLabel.WhiteLabelText[title="BRANCHES [A]"]:hover { background-color: #bae6fd !important; border-color: #3b82f6 !important; color: #1e3a8a !important; font-weight: 600 !important; cursor: pointer !important; } /* ONLINE DATABASES */ #contentArea .leftAlignTop .colorLabel[title="ONLINE DATABASES"] { background-color: #f0fdf4 !important; border-color: #34d399 !important; color: #065f46 !important; font-size: 0.95rem !important; font-weight: 500 !important; border-radius: 6px !important; } #contentArea .leftAlignTop .colorLabel[title="ONLINE DATABASES"]:hover{ background-color: #dcfce7 !important; border-color: #10b981 !important; color: #064e3b !important; font-weight: 600 !important; cursor: pointer !important; } /* Target HR FORMS label regardless of inline style */ #contentArea .leftAlignTop .colorLabel[title="HR FORMS"],#contentArea .leftAlignTop .colorLabel[title="INVENTORY"] { background-color: #fef9c3 !important; /* override inline background */ border-color: #fde68a !important; /* override inline border */ color: #78350f !important; /* override text color */ font-size: 0.95rem !important; font-weight: 500 !important; border-radius: 6px !important; } /* Hover effect */ #contentArea .smallTableText .colorLabel[title="HR FORMS"]:hover,#contentArea .leftAlignTop .colorLabel[title="INVENTORY"]:hover { background-color: #fef08a !important; border-color: #fbbf24 !important; color: #4b270c !important; font-weight: 600 !important; cursor: pointer !important; } /* ON BOARDING */ #contentArea .leftAlignTop .colorLabel[title="On Boarding"],#contentArea .leftAlignTop .colorLabel[title="ASSETS RESERVATION"] { background-color: #f5f3ff !important; border-color: #c4b5fd !important; color: #4c1d95 !important; font-size: 0.95rem !important; font-weight: 500 !important; border-radius: 6px !important; } #contentArea .leftAlignTop .colorLabel[title="On Boarding"]:hover,#contentArea .leftAlignTop .colorLabel[title="ASSETS RESERVATION"]:hover { background-color: #ede9fe !important; border-color: #a78bfa !important; color: #3c096c !important; font-weight: 600 !important; cursor: pointer !important; } #contentArea .listLeftAlign .colorLabel { min-height: 0 !important; padding: 0 !important; } #contentArea .listLeftAlign .colorLabel:empty, #contentArea .listLeftAlign .colorLabel:not(:has(*)) { display: none !important; } #contentArea .leftAlignTop .colorLabel[title=""], { display: none !important; } /* Show only labels with containing non-empty text */ #contentArea .leftAlignTop .colorLabel:not(:has(font:not(:empty))) , #contentArea .listLeftAlign .colorLabel:not(:has(font:not(:empty))), #contentArea .listLeftAlign .colorLabel div:not(:has(font:not(:empty))), #contentArea .leftAlign .colorLabel, .listCenterAlign .colorLabel /*, #contentArea .listLeftAlign .colorLabel[title="CENTRAL LIBRARY"] , #contentArea .listLeftAlign .colorLabel[title="HANOVER PARK BRANCH"] , #contentArea .listLeftAlign .colorLabel[title="HOFFMAN ESTATES BRANCH"], #contentArea .leftAlignTop .colorLabel[title="CENTRAL LIBRARY"] , #contentArea .leftAlignTop .colorLabel[title="HANOVER PARK BRANCH"] , #contentArea .leftAlignTop .colorLabel[title="HOFFMAN ESTATES BRANCH"] */ { background-color: #e0e0e0; /* neutral soft background for locations */ border: 1px solid #cdcdcd; /* subtle border */ color: #333333; /* dark text for readability */ display: inline-block !important; margin-top: 2px !important; /* slight spacing above */ padding: 6px 14px; /* balanced padding */ font-size: 1em; /* readable size */ font-weight: 500; /* regular weight */ line-height: 1.2; /* relaxed spacing */ text-align: center; text-transform: uppercase; /* first letters capitalized */ border-radius: 8px; /* subtle rounded corners */ box-sizing: border-box; vertical-align: top; /* aligns nicely in table cells */ box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* subtle shadow */ transition: background-color 0.3s ease, color 0.3s ease; white-space: nowrap; /* prevent text from wrapping */ } #notcontentArea .notmailToLink img, .leftAlignTop .mailToLink img{ margin-top: 8px !important; } #contentArea .stickyNote, #contentArea .shortDescription, #contentArea .problemDescription .requestTextClient div { width: auto !important; /* adjust to taste */ } #contentArea .shortDescription .requestTextClient {width: 200px !important; /* adjust to taste */} /* Base styling for all three locations #contentArea .listLeftAlign .colorLabel[title="CENTRAL LIBRARY"], #contentArea .listLeftAlign .colorLabel[title="HANOVER PARK BRANCH"], #contentArea .listLeftAlign .colorLabel[title="HOFFMAN ESTATES BRANCH"], #contentArea .leftAlignTop .colorLabel[title="CENTRAL LIBRARY"], #contentArea .leftAlignTop .colorLabel[title="HANOVER PARK BRANCH"], #contentArea .leftAlignTop .colorLabel[title="HOFFMAN ESTATES BRANCH"] {*/ /* margin-top: 5px !important; font-size: 1.25em !important; font-weight: 500 !important; line-height: 1.2 !important; text-align: center !important; text-transform: capitalize !important; padding: 2px 6px !important; border-radius: 6px !important; }*/ /* ===================================== */ /* 2️⃣ Nested CENTRAL LIBRARY (Inventory) */ /* ===================================== */ #contentArea td.smallTableText .colorLabel[title="CENTRAL LIBRARY"] { background-color: #e0e0e0 !important; border: 1px solid #cdcdcd !important; color: #333333 !important; font-size: 0.9em !important; } /* Hoffman Estates Branch - soft green */ #contentArea .listLeftAlign .colorLabel[title="HOFFMAN ESTATES BRANCH"], #contentArea .leftAlignTop .colorLabel[title="HOFFMAN ESTATES BRANCH"] { background-color: #34d399 !important; /* soft green */ border: 1px solid #10b981 !important; /* slightly darker border */ color: #ffffff !important; font-size: 1.25em !important; /* text color white for contrast */ } /* Hanover Park Branch - soft orange */ #contentArea .listLeftAlign .colorLabel[title="HANOVER PARK BRANCH"], #contentArea .leftAlignTop .colorLabel[title="HANOVER PARK BRANCH"] { background-color: #fbbf24 !important; /* soft orange/yellow */ border: 1px solid #f59e0b !important; /* slightly darker border */ color: #ffffff !important; /* text color white for contrast */ font-size: 1.25em !important; } /* Central Library - soft blue */ /* ============================= */ /* 1️⃣ Standalone CENTRAL LIBRARY */ /* ============================= */ #contentArea .listLeftAlign .colorLabel[title="CENTRAL LIBRARY"], #contentArea .leftAlignTop .colorLabel[title="CENTRAL LIBRARY"] { background-color: #60a5fa !important; /* nice light blue */ border: 1px solid #3b82f6 !important; /* slightly darker border */ color:white !important; /* text color white for contrast */ font-size: 1.25em !important; } /* Optional hover effect for all */ #contentArea .listLeftAlign .colorLabel:hover, #contentArea .leftAlignTop .colorLabel:hover { opacity: 0.85; /* subtle feedback on hover */ cursor: pointer; } /* Optional hover effect for interactivity */ #contentArea .leftAlignTop .colorLabel:hover { background-color: #dcdcdc; /* slightly darker on hover */ border-color: #bcbcbc; /* slightly darker border */ color: #111111; /* darker text */ } #contentArea .centerAlignTop .colorLabel[title="Request Approved"], #contentArea .listCenterAlign .colorLabel[title="Request Approved"] { white-space: nowrap; display: inline-block !important; justify-content: center !important; align-items: center !important; /*margin: 8px auto !important; */ padding: 4px 12px !important; margin-top:2px !important; background: linear-gradient( 135deg, #e9fbf3 0%, /* mint pearl */ #d6f5e6 50%, #f8fffc 100% ) !important; border: 1px solid #d4ccf4 !important; border-radius: 12px !important; color: green !important; /* calm violet text */ font-weight: 600 !important; font-size: 0.95rem !important; line-height: 1.3 !important; text-align: center !important; box-sizing: border-box !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 2px 5px rgba(90,75,138,0.12) !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; cursor: pointer !important; noanimation: approvedGlow 3s ease-out infinite; } @keyframes approvedGlow { from { box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 0 0 0 rgba(183,232,210,0.6); } to { box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 0 0 6px rgba(183,232,210,0); } } #contentArea .centerAlignTop .colorLabel[title="Request Denied"], #contentArea .listCenterAlign .colorLabel[title="Request Denied"] { white-space: nowrap; display: inline-block !important; justify-content: center !important; align-items: center !important; /*margin: 8px auto !important; */ padding: 4px 12px !important; margin-top:2px !important; background: linear-gradient( 135deg, #fff1f3 0%, /* blush pearl */ #ffe4e8 50%, #fffafa 100% ) !important; border: 1px solid #d4ccf4 !important; border-radius: 12px !important; color: red !important; /* calm violet text */ font-weight: 600 !important; font-size: 0.95rem !important; line-height: 1.3 !important; text-align: center !important; box-sizing: border-box !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 2px 5px rgba(90,75,138,0.12) !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; cursor: pointer !important; } #contentArea .centerAlignTop .colorLabel[title="For Approval"], #contentArea .listCenterAlign .colorLabel[title="For Approval"] { display: inline-block !important; justify-content: center !important; align-items: center !important; white-space: nowrap; /*margin: 8px auto !important; */ padding: 4px 12px !important; margin-top:2px !important; background: linear-gradient( 135deg, #f6f2ff 0%, /* pearl lavender */ #ebe5ff 50%, #fdfbff 100% /* soft shine */ ) !important; border: 1px solid #d4ccf4 !important; border-radius: 12px !important; color: #5a4b8a !important; /* calm violet text */ font-weight: 600 !important; font-size: 0.95rem !important; line-height: 1.3 !important; text-align: center !important; box-sizing: border-box !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 2px 5px rgba(90,75,138,0.12) !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; cursor: pointer !important; noanimation: approvalPulseP 3s ease-out infinite; } @keyframes approvalPulseP { 0% { box-shadow: 0 0 0 0 rgba(243, 176, 138, 0.55); /* apricot glow */ } 70% { box-shadow: 0 0 0 7px rgba(243, 176, 138, 0); } 100% { box-shadow: 0 0 0 0 rgba(243, 176, 138, 0); } } #contentArea .centerAlignTop .colorLabel[title="Pending"], .listCenterAlign .colorLabel[title="Pending"] { display: inline-block !important; /* shrink to content, flex for centering */ justify-content: center !important; /* center text horizontally */ align-items: center !important; /* center text vertically */ margin: 5px auto !important; /* top margin + auto left/right to center in cell */ padding: 3px 10px !important; /* slightly more padding for balanced look */ background-color: #fff7ed !important; /* soft orange/yellow background */ border: 1px solid #fb923c !important; /* matching border color */ border-radius: 10px !important; /* subtle rounded corners */ color: #9a3412 !important; /* dark text for readability */ font-weight: 600 !important; /* semi-bold */ font-size: 0.95rem !important; /* readable size */ line-height: 1.3 !important; /* relaxed line spacing */ text-align: center !important; box-sizing: border-box !important; /* consistent sizing */ box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important; /* subtle shadow for depth */ transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease !important; cursor: pointer !important; /* not clickable */ } /* Optional: subtle hover effect */ #contentArea .centerAlignTop .colorLabel[title="Pending"]:hover, .listCenterAlign .colorLabel[title="Pending"]:hover, #contentArea .colorLabel.whiteLabelText[title="For Approval"]:hover { background-color: #ffe6cc !important; /* slightly lighter on hover */ color: #7c2d12 !important; /* slightly darker text */ transform: translateY(-1px); /* tiny lift for depth */ } /* Request Approved - nice green */ #contentArea .colorLabel.whiteLabelText[title="Request Approved"] { margin-top: 2px; background-color: #22c55e !important; border: 1px solid #16a34a !important; /* slightly darker green border */ color: #fff !important; font-weight: 600 !important; font-size: 0.95rem !important; border-radius: 10px !important; box-sizing: border-box !important; } #contentArea .centerAlignTop .colorLabel[title="Low"],#contentArea .centerAlignTop .colorLabel[title="Medium"],#contentArea .centerAlignTop .colorLabel[title="High"],#contentArea .centerAlignTop .colorLabel[title="Web"],#contentArea .centerAlignTop .colorLabel[title="10Days"],#contentArea .centerAlignTop .colorLabel[title="2Weeks"],#contentArea .centerAlignTop .colorLabel[title="Urgent"] { display: flex; /* πŸ”‘ important */ margin-top: 2px; /* or whatever it should be */ font-size: 0.95rem; padding: 8px 12px; border-radius: 10px; border: 1px solid #ccc; box-sizing: border-box; font-weight: 600; text-align: center; line-height: .7; /* πŸ”’ prevents vertical jump */ vertical-align: top; /* πŸ”’ table cell alignment */ justify-content: center; /* center horizontally */ } #contentArea .centerAlignTop .colorLabel[title="Open"], #contentArea .listCenterAlign .colorLabel[title="Open*"], #contentArea .centerAlignTop .colorLabel[title="Low"], #contentArea .listCenterAlign .colorLabel[title="Low"] { background-color: #f0fdf4; border-color: #22c55e; color: #14532d; } #contentArea .centerAlignTop .colorLabel[title="Open"], .listCenterAlign.colorLabel[title="Open*"], #contentArea .centerAlignTop .colorLabel[title="Closed"], .listCenterAlign.colorLabel[title="Closed*"], #contentArea .centerAlignTop .colorLabel[title="Resolved"], #contentArea .listCenterAlign .colorLabel[title="Resolved"], #contentArea .centerAlignTop .colorLabel[title="Cancelled"], #contentArea .listCenterAlign .colorLabel[title="Cancelled*"] { display: inline-block !important; /* enable flex layout */ justify-content: center; /* center horizontally */ align-items: flex-start; /* align to top */ margin-top: 2px; /* or whatever it should be */ font-size: 0.95rem; padding: 8px 12px; border-radius: 10px; border: 1px solid #ccc; box-sizing: border-box; font-weight: 600; text-align: center; line-height: .7; /* πŸ”’ prevents vertical jump */ vertical-align: top; /* πŸ”’ table cell alignment */ } #contentArea .centerAlignTop .colorLabel[title="Open"] { noanimation: OpenPulse 1.5s infinite; } @keyframes OpenPulse { 0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.6); } /* green-600 */ 70% { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0); } 100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); } } #contentArea .centerAlignTop .colorLabel[title="Closed"], #contentArea .listCenterAlign .colorLabel[title="Closed*"] { background-color: gray !important; border-color: gray !important; color: #fff !important; } #contentArea .centerAlignTop .colorLabel[title="Cancelled"], #contentArea .listCenterAlign .colorLabel[title="Cancelled*"], #contentArea .centerAlignTop .colorLabel[title="High"], #contentArea .listCenterAlign .colorLabel[title="High"] { background-color: #fef2f2 !important; border-color: #ef4444 !important; color: #7f1d1d !important; } #contentArea .centerAlignTop .colorLabel[title="Error"], #contentArea .centerAlignTop .colorLabel[title="Escalated"], #contentArea .centerAlignTop .colorLabel[title="Resolved"], .listCenterAlign .colorLabel[title="Resolved"], #contentArea .centerAlignTop .colorLabel[title="Medium"], #contentArea .listCenterAlign .colorLabel[title="Medium"] { background-color: #ecfeff; border-color: #22d3ee; color: #155e75; } #contentArea .centerAlignTop .colorLabel[title="Urgent"], #contentArea .listCenterAlign .colorLabel[title="Urgent"] { background-color: #fecaca; border-color: #b91c1c; color: #7f1d1d; font-weight: 700; noanimation: urgentPulse 1.5s infinite; } @keyframes urgentPulse { 0% { box-shadow: 0 0 0 0 rgba(185, 28, 28, 0.6); } 70% { box-shadow: 0 0 0 6px rgba(185, 28, 28, 0); } 100% { box-shadow: 0 0 0 0 rgba(185, 28, 28, 0); } } #contentArea .centerAlignTop .colorLabel[title="10Days"],#contentArea .centerAlignTop .colorLabel[title="2Weeks"],#contentArea .listCenterAlign .colorLabel[title="10Days"],#contentArea .listCenterAlign .colorLabel[title="2Weeks"] { background-color: #2563eb; border-color: #1e40af; color: #ffffff; font-weight: 700; noanimation: webPulse 3s ease-in-out infinite; } #contentArea .centerAlignTop .colorLabel[title="Web"],#contentArea .listCenterAlign .colorLabel[title="Web"] { background-color: #fef9c3; /* soft yellow background */ border-color: #c49b6c; /* warm gold/rose tone */ color: #78350f; /* dark text for contrast */ font-weight: 700; } @keyframes webPulse { 0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.6); } 50% { box-shadow: 0 0 14px 4px rgba(59, 130, 246, 0.85); } 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.6); } } @keyframes approvalPulse { 0% { box-shadow: 0 0 0 0 rgba(165, 42, 42, 0.45); /* brown with alpha */ } 70% { box-shadow: 0 0 0 6px rgba(165, 42, 42, 0); /* fade out */ } 100% { box-shadow: 0 0 0 0 rgba(165, 42, 42, 0); } } #contentArea .rightAlignTopVisible, #contentArea .leftAlignTopVisible, #contentArea .noteListCell .stickyNote div, #contentArea textarea, #contentArea select { font-size: 1em;} #contentArea .queryTable select, #contentArea .queryTable input[type="text"], #contentArea .queryTable input[type="password"] { font-size: 14px; padding: 8px 16px; /* better spacing */ border-radius: 8px; /* slightly rounder corners */ border: 1px solid #ccc; background-color: #fff; color: #333; /* darker text for readability */ box-sizing: border-box; min-width: 120px; /* slightly wider for comfort */ outline: none; transition: border-color 0.25s ease, box-shadow 0.25s ease; appearance: auto; /* native arrow */ -webkit-appearance: auto; -moz-appearance: auto; /* subtle shadow for depth */ box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); } /* Focus style for better accessibility and visual feedback */ #contentArea .queryTable select:focus, #contentArea .queryTable input[type="text"]:focus, #contentArea .queryTable input[type="password"]:focus { border-color: #22c55e; /* highlight border */ box-shadow: 0 0 0 3px rgba(74, 112, 57, 0.15); /* soft green glow */ } .object-id { background: linear-gradient(to bottom, #86c768,#4a7039); backdrop-filter: blur(3px); /* Blurred background behind element */ -webkit-backdrop-filter: blur(3px); /* Safari support */ color: white; /* Optional: adjust text for contrast */ border-radius: 12px; /* Optional: rounded edges */ /* ✨ Soft elevated shadow */ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); } /* Make the select box more usable */ #bulkActionSelection { font-size: 14px; /* bigger text */ height: 28px; /* taller for easier clicking */ padding: 2px 4px; /* internal padding */ min-width: 120px; /* optional: ensure a reasonable width */ box-sizing: border-box; /* include padding in width */ vertical-align: middle; /* aligns with other table content */ } a.mailToLink { font-size: 0.75rem !important; margin-top: 0px !important; } /* Force main container to full viewport width */ /* Desktop */ #main, #headerBar { margin: 0 !important; padding: 0 30px!important; box-sizing: border-box !important; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important; } @media (max-width: 768px) { #main, #headerBar { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 0 8px !important; box-sizing: border-box; } } @media (max-width: 768px) { #contentArea table, #contentArea #NOTTicketListUpdateContainer table { display: table !important; width: 100%; } /* Wrap table in scrollable container */ #contentArea .tableWrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */ } } #headerBar { border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; overflow: hidden; /* ensures children don’t spill past corners */ } #contentArea #SubmenuContainer #subMenuButtons { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; padding-bottom:3px !important; } #TicketListUpdateContainer {padding-top:3px !important;} body {margin-top:5px !important;} html, body { width: 100% !important; max-width: 100% !important; padding: 0 !important; } /* Larger font size for very large monitors */ @media (min-width: 1920px) { body { font-size: 18px; /* 18px instead of 16px */ } } @media (min-width: 2560px) { body { font-size: 20px; /* even bigger for ultra-wide monitors */ } } @media (max-width: 768px) { html, body { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } #main #navigation *, #main #headerbar *,#contentArea #SubmenuContainer #subMenuButtons { width: 100% !important; /* fill the viewport */ max-width: 100% !important; /* remove any parent constraint */ margin: 0 !important; /* flush to edges */ padding: 0 10px !important; /* optional: small side padding */ box-sizing: border-box; /* include padding in width */ } } #NOTTicketListUpdateContainer { width: calc(100% - 30px) !important; /* full width minus right margin */ max-width: none !important; margin-left: 0; /* flush left */ margin-right: 30px; /* spacing on right */ padding: 0; box-sizing: border-box; /* include padding/border in width */ } #TicketListUpdateContainer { display: table !important; width: 100% !important; max-width:100% !important; } #headerBar, #main #navigation,#SubmenuContainer #subMenuButtons{ background: linear-gradient(to right, #86c768 0%, #6ea856 35%, #4a7039 85%, #2f4d25 100%); background-size: 600% 600%; /* for gradient animation */ noanimation: gradientMove 30s ease infinite; transition: transform 0.7s ease, box-shadow 0.7s ease; } /* Keyframes to slide gradient left to right */ @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Position the userLinks container at the top-right */ #userLinks, #header #userLinks { position: absolute; /* normal flow, will scroll with page */ top: -10px; /* optional offset from top of container */ right: 0; /* don’t pin to right edge */ margin: 0 0 0 auto; /* optional: align to right within container */ z-index: auto; /* default stacking */ } #notheader #notbuttonBox {margin-top: 8px; /* spacing from links above */ } /* Stack li vertically and align to right */ #userLinks ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; /* vertical stack */ gap: 0px; /* spacing between pills */ align-items: flex-end; /* align all pills to the right */ } /* Pills for links (logout, switch account, settings) */ #userLinks ul li a { top:0; } /* Username pill underneath links */ #userLinks ul li b { display: inline-block; background: #4a7039; /* pill color */ color: white; /* text color */ padding: 4px 25px; /* slightly larger padding for better balance */ border-radius: 18px; /* smooth, modern pill shape */ font-weight: 600; /* slightly bolder for emphasis */ font-size: 16px; margin-top: 55px; /* spacing from links above */ margin-right: 50px; /* offset from right edge */ box-shadow: 0 4px 12px rgba(0,0,0,0.25), 0 2px 6px rgba(0,0,0,0.15); /* richer layered shadow */ transition: transform 0.2s, background 0.3s, box-shadow 0.3s; font-family: "Source Sans Pro", Arial, sans-serif !important; noanimation: OpenPulseLink 1.5s infinite; } @keyframes OpenPulseLink { 0% { box-shadow: 0 0 0 0 rgba(134, 200, 172, 0.6); /* pastel sage */ } 70% { box-shadow: 0 0 0 8px rgba(134, 200, 172, 0); } 100% { box-shadow: 0 0 0 0 rgba(134, 200, 172, 0); } } /* Optional hover effect */ #userLinks ul li b:hover { background: #6ea856; /* lighter on hover */ transform: translateY(-1px); /* subtle lift for interactivity */ cursor: pointer; /* indicates not clickable */ } #headerBar .image-right{ position: absolute; /* allow top/right positioning */ top: 0; right: 30px; z-index: 999; padding: 0px; /* spacing inside header */ } #headerBar .image-right img { display: block; /* inline-block can have spacing issues */ cursor: pointer; max-height: 40px; /* optional: constrain size */ transition: filter 0.3s, transform 0.2s; } #logoWell { position: absolute !important; /* or fixed if you want it locked on scroll */ top: -10px !important; left: 10px !important; width: 55px; /* fixed container size */ height: 55px; z-index: 9999 !important; } #logoWell img { width: 50px !important; height: 50px !important; /* lock height */ object-fit: contain; /* keep proportions */ display: block; /* remove inline spacing */ margin: 10px auto; /* center inside container */ cursor: pointer !important; transition: filter 0.3s, transform 0.2s !important; } #logoWell img:hover { filter: brightness(1.15) drop-shadow(0 4px 10px rgba(0,0,0,0.25)); transform: translateY(-2px) scale(1.05); } #headerBar .image-right img:hover { filter: grayscale(0%); transform: scale(1.05); /* subtle hover effect */ } #helpDeskName { position: absolute !important; top: 30px !important; left: 30px !important; display: inline-block !important; background: #4a7039 !important; /* new color */ color: white !important; padding: 6px 45px !important; border-radius: 18px !important; font-weight: 600 !important; font-size: 30px !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 4px 12px rgba(0,0,0,0.25), 0 2px 6px rgba(0,0,0,0.15); font-family: "Source Sans Pro", Arial, sans-serif !important; z-index: 10000; cursor: pointer !important; } /* Optional hover effect */ #helpDeskName:hover { filter: brightness(1.15) drop-shadow(0 4px 10px rgba(0,0,0,0.25)); transform: translateY(-2px) scale(1.05); background-image: url('/helpdesk/WebObjects/Helpdesk.woa/wr?wodata=-5513550241156278089'); background-repeat: no-repeat; background-position: right center; background-size: 32px auto; padding-right: 44px; } /* Optional hover effect */ #nothelpDeskName:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.3), 0 3px 8px rgba(0,0,0,0.2); background: #6ea856; cursor: pointer; } #header { border-radius: 10px !important; padding-bottom: 20px !important; overflow: hidden; /* ensures padding applies even with floats */ display: block; /* make sure it’s block-level */ } #contentArea .rightAlignTop .colorLabel { display: inline-block !important; /* enable flex layout */ justify-content: center; /* center horizontally */ align-items: flex-start; /* align to top */ /* professional dark gray/blue#2c3e50 */ background: #e6e4f0; /* pastel lavender-gray */ color: #3a355d; padding: 6px 10px; /* horizontal padding for spacing */ max-width: 85px; /* adjust as needed */ white-space: nowrap; /* prevent wrapping */ overflow: hidden; /* hide overflow */ text-overflow: ellipsis; /* show ... for overflow text */ border-radius: 8px !important; /* override inline border */ font-family: "Source Sans Pro", Arial, sans-serif !important; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: center; cursor: pointer; transition: background 0.3s, transform 0.2s, box-shadow 0.3s; box-shadow: 0 2px 6px rgba(0,0,0,0.15); /* subtle depth */ text-decoration: none; margin-top:2px; } /* Hover effect */ #contentArea .rightAlignTop .colorLabel:hover { background: #34495e; color:white;/* slightly lighter gray/blue */ transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,0.2); } #contentArea .rightAlignTop .colorLabel:has(font:not(:empty)) { display: none !important; pointer-events: none !important; } /* Ensure the footer table spans full width */ .searchListFooter table { width: 100%; border-collapse: collapse; border: 0px solid #f00; /* red border to see table boundaries */ } /* Left column (bulk actions) */ .searchListFooter td:first-child { width: 0 !important; /* remove width */ padding: 0 !important; /* no padding */ margin: 0 !important; /* no margin */ border: 0 !important; /* no border */ min-width: 0 !important; /* prevent table from enforcing min width */ font-size: 0; /* remove any text space */ line-height: 0; /* remove line height space */ } /* Compact the nested pagination table */ .TESTsearchListFooter .TESTDGBrowser { width: auto !important; /* shrink to fit content */ margin: 0; /* align to left, not center */ border-collapse: collapse; font-size: 12px; /* smaller font */ border: 0px dashed #00f; /* blue dashed border for debugging */ } /* Center the nested pagination table */ .searchListFooter .DGBrowser { display: table; /* ensures it behaves like a table */ margin: 0 auto; /* horizontally centers it */ border-collapse: collapse; font-size: 20px; } /* Optional: remove extra spacing in nested table cells */ /* Optional: shrink images/buttons in pagination */ .searchListFooter .DGBrowser img { height: 40px; width: auto; vertical-align: middle; filter: grayscale(0%); } /* Make the pagination text bigger */ .searchListFooter .DGBrowser td[nowrap] { font-size: 20px !important; /* bigger text */ font-weight: 500; /* optional: slightly bolder */ color: #aaa; /* optional: darker color for readability */ line-height: 1.2; /* tighten spacing */ text-align: center; /* ensure it's centered */ } /* Right column (buttonsRight div) */ .searchListFooter .buttonsRight { text-align: right; /* pushes content to the right */ vertical-align: middle; } /* Optional: ensure the button visually floats nicely */ .searchListFooter .buttonsRight .aquaButton { display: inline-block; cursor: pointer; } /* Gradient background for entire footer */ .searchListFooter { background: linear-gradient(to bottom, #e6e9ef, #ffffff); border-top: 1px solid #cfd5dc; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; } .searchListFooterTest { background: linear-gradient(to right, #86c768 0%, #6ea856 35%, #4a7039 85%, #2f4d25 100%); background-size: 600% 600%; /* for gradient animation */ noanimation: gradientMove 30s ease infinite; transition: transform 0.7s ease, box-shadow 0.7s ease; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; } /* Animation keyframes */ @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } #footerWhd{ background: linear-gradient(to top, #e6e9ef, #ffffff); border-top: 1px solid #cfd5dc; padding: 22px 7px; text-align: center; max-width: 100%; font-size: 0; position: fixed; /* stick to viewport */ bottom: 0; /* bottom of screen */ left: 0; /* align left */ width: 100%; /* span full width */ display: flex; /* center contents */ align-items: center; justify-content: center; z-index: 9999; /* make sure it stays on top */ } #footerLine { background: linear-gradient(to top, #e6e9ef, #ffffff); border-top: 1px solid #cfd5dc; padding: 5px 5px; text-align: center; max-width: 99.5%; font-size: 0; position: relative; bottom: 0; left: 0; width: 99%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; /* include padding in width */ z-index: 9999; border-radius: 10px !important; } #footerWhd::after, #footerLine::after { position: absolute; right: 20px; /* float to the right of footer */ font-size: 13px; color: #3a7bd5; cursor: pointer; pointer-events: auto; transition: color 0.2s ease, text-decoration 0.2s ease; } /* Hover effect for Back to Top */ #footerWhd::after:hover, #footerLine::after:hover { color: #1f4f9c; text-decoration: underline; } /* Optional spacing tweak */ #footerWhd::before, #footerLine::before { letter-spacing: 0.5px; } #footerWhd::after, #footerLine::after { content: "STDL HelpDesk | Schaumburg Township District Library"; white-space: pre; font-size: 13px; color: #4f5b6a; font-family: "Segoe UI", Arial, sans-serif; } /* #buttonBox .buttonLabel, */ .navButton.buttonDown,.navButton.buttonUp { all: unset !important; /* remove all inherited styles */ display: inline !important; /* make text behave normally */ } /* Keep container centered */ #buttonBox { position: relative !important; top: 40px !important; width: 100% !important; /* full width */ left: 0 !important; transform: none !important; display: flex !important; justify-content: center !important; /* center contents */ flex-wrap: nowrap !important; gap: 15px !important; height: 55px !important; font-size: 12px !important; box-sizing: border-box !important; } /* Mobile adjustments */ @media (max-width: 768px) { #buttonBox { position: relative !important; top: 10px !important; left: 0 !important; transform: none !important; max-width: 95% !important; text-align: center !important; flex-wrap: wrap !important; gap: 8px !important; } #buttonBox .buttonLabel { flex: 1 0 auto; /* buttons size naturally, allow wrapping */ } } #profileButton .buttonLabel { display: none !important; } /* Button style */ #buttonBox .buttonLabel { /* Minimal reset instead of all: unset */ padding: 10px 20px !important; align-items: center !important; /* center text vertically */ justify-content: center !important; background-color: #000 !important; border: 1px solid #4b7039 !important; border-radius: 10px !important; color: white !important; font-weight: 600 !important; font-size: 18px !important; cursor: pointer !important; transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease !important; } /* Hover effect */ #buttonBox .buttonLabel:hover { background-color: #4b7039 !important; } /* Active/pressed state */ #buttonBox .buttonDown .buttonLabel { background-color: #4b7039 !important; } td.centerAlignTop.no-click-edit:has(.ticket-flag) { width: 0 !important; padding: 0 !important; border: 0 !important; } /* Target the input inside your specific td */ td.dataStandard input[type="text"],td.dataStandard select { /*width: 100% !important; /* Make it stretch to fill the table cell */ /*max-width: 500px !important; /* Optional: prevent it from being too wide */ /*padding: 10px 15px !important; /* Add spacing inside the input */ font-size: 16px !important; /* Make the text bigger and readable */ /*border: 2px solid #ccc !important; /* Light gray border */ /*border-radius: 8px !important; /* Rounded corners */ /*outline: none !important; /* Remove default outline on focus */ /*transition: all 0.2s ease !important; /* Smooth hover/focus effect */ } /* Add a nice focus effect */ nottd.notdataStandard input[type="text"]:focus { border-color: #0078d4 !important; /* Change border color when focused */ box-shadow: 0 0 5px rgba(0, 120, 212, 0.5) !important; /* subtle glow */ } /* @media (min-width: 2500px) {*/ /* body { transform: scale(1.1) !important; transform-origin: top left !important;*/ /* width: 95% !important;*/ /* adjust so it fits horizontally */ /* } }*/ #preferences-container { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; font-size: 16px !important; } #preferences-menu { font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important; width: 280px !important; flex-shrink: 0; } #preferences-body { flex: 1; width: 700px; padding-bottom: 30px; margin-bottom: 30px; font-size: 16px !important; } .subList, .subListGroup { border: 0; text-align: left; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 16px; white-space: nowrap; } /* [headerindex="7h"] { display: none !important; }*/ /* Hide the SolarWinds menu item */ .menuitem.submenuheader[headerindex="7h"] { display: none !important; } #content .helpRequest > tbody > tr:nth-last-child(2) { /*display: none !important;*/ visibility: hidden } /*# sourceMappingURL=sharedStyles.css.map */