/*------------------------------------------\
| |
| Copyright © Epic Systems Corporation 2022 |
| |
+-------------------------------------------+
| Table of Contents |
+-------------------------------------------+
| Body Classes |
| Frame Header |
| Sub Headers, Footers, & Separators |
| Content Areas |
| Tables |
| Padding |
| Margin |
| PreText & PostText |
| Messages |
| Forms |
| Rounded Corners Base |
| Rounded Corners Backgrounds |
| Reports |
| Remote Scripting |
| Print Classes |
| Report Hover Bubbles |
| HSWeb Shield |
\------------------------------------------*/
/********/
body.Activity, body.ActivityPadded, body.ActivityNoPadding, .b1l, .b2l, .b3l, .b4l, .b1r, .b2r, .b3r, .b4r {
}
body.Activity, body.ActivityPadded, body.ActivityNoPadding {
color: #000000;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
border-bottom: thin solid lightgray; /* this should match border-top of .copyright */
margin: 0px auto 0px auto;
overflow-y: hidden;
}
body.ActivityPadded {
padding: 0px;
}
body.ActivityNoPadding {
padding: 0px;
}
body.ActivityFullScroll {
overflow-y: auto;
border-bottom: none;
}
.BordersOnly {
}
body.ReportIFrame {
padding: 5px;
margin: 0 auto 0 auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body.rpt.ReportIFrame { /* *SDS 12/14 343949 - Remove padding for Standard II and Widget II */
padding: 0px;
}
body.WhiteBackground {
background-color: #FFFFFF;
margin-right: 0px;
}
#ReportContainer {
border: thin solid lightgray;
margin: 6px;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
overflow: auto;
}
#ReportFrame {
width: 100%;
height: 100%;
}
/********/
/********/
.FrameHeaderDiv {
height: 24px;
margin: 0px;
padding: 5px 10px 15px 10px;
}
.tabs, .tabs tr, .tabs td {
vertical-align: bottom;
}
.FrameHeaderDivWithLogos {
height: 39px;
}
.FrameHeaderContentWithLogos {
height:45px;
}
.FrameHeaderTextWithLogos {
height:45px;
}
.FrameHeaderContent {
font-size: 120%;
font-weight: 600;
table-layout: fixed;
width: 100%;
}
.FrameHeaderText {
color: rgb(26,35,126);
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
text-shadow: 0 1px 0 #FFFFFF;
white-space: nowrap;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 19px;
}
.FrameHeaderIcons {
text-align: right;
white-space: nowrap;
width: 120px;
padding-top: 3px;
}
.FrameHeaderIcons div {
display: inline-block;
margin: 0px 3px -3px 3px;
cursor: pointer;
}
.FrameHeaderIcon {
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center top;
background-size: 24px 24px;
opacity: 0.6;
transition: 0.2s;
}
.FrameHeaderIcon:hover {
opacity: 1;
}
.FrameHeaderNoHSWebPrintIcon, .FrameHeaderNoHSWebPrintIcon:hover {
opacity: .35;
cursor: default;
}
.FrameHeaderPin {
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center center;
background-size: 16px 16px;
display: none;
background-image: url("../img/Unpinned.png");
cursor: pointer;
}
.FrameHeaderPinPinned {
background-image: url("../img/Pinned.png");
}
.FrameHeaderPin:hover {
background-size: 20px 20px;
}
#FrameHeaderPrint {
background-image: url("../img/icon_print.png");
}
#FrameHeaderHelp {
background-image: url("../img/icon_help.png");
}
.FrameHeaderIsFullScreen {
background-image: url("../img/icon_full-screen_disable.png");
}
.FrameHeaderNotFullScreen {
background-image: url("../img/icon_full-screen.png");
}
#FrameHeaderAskAQuestion {
background-image: url("../img/icon_aaq.png");
opacity: 1;
transition: 0s;
}
#printWarningAndroidDisplay {
display: block;
font: normal 14.4px arial, helvetica, sans-serif;
text-align: center;
}
#FrameHeaderPrint.LightboxFrameHeader {
background-image: url("../img/icon_print_white.png");
}
#FrameHeaderHelp.LightboxFrameHeader {
background-image: url("../img/icon_help_white.png");
}
.FrameHeaderIsFullScreen.LightboxFrameHeader {
background-image: url("../img/icon_full-screen_disable_white.png");
}
.FrameHeaderNotFullScreen.LightboxFrameHeader {
background-image: url("../img/icon_full-screen_white.png");
}
#FrameHeaderAskAQuestion.LightboxFrameHeader {
background-image: url("../img/icon_aaq_white.png");
opacity: 1;
transition: 0s;
}
#AskAQuestionText {
width: 55%;
font-size: 9px;
white-space: pre-line;
word-wrap: break-word;
display:inline-block;
margin: 0px;
}
#AskAQuestionDiv{
opacity: .6;
transition: .2s
}
.FrameHeaderSmall {
font-size: small;
font-weight: normal;
color: rgb(26,35,126);
}
A.HeaderLink:link, A.HeaderLink:active, A.HeaderLink:visited {
color: rgb(26,35,126);
font-size: 100%;
}
A.HeaderLink:hover {
font-size: 100%;
}
.breadCrumbImg{
max-height: 45px;
max-width: 120px;
border-style: none;
vertical-align: middle;
}
#divSearchWrap {
}
#divSearchWrap > #txtSearch {
}
/********/
/********/
a.subheader:link, a.subheader:hover, a.subheader:active, a.subheader:visited {
color: #000000;
font-weight: bold;
font-size: 9pt;
}
a.subheader:hover {
color: #000099;
cursor: pointer;
}
a.subheader2:link, a.subheader2:hover, a.subheader2:active, a.subheader2:visited {
color: #000000;
font-weight: bold;
font-size: 9pt;
text-decoration: none;
}
a.subheader2:hover {
text-decoration: underline;
}
.subHeaderClass, .subHeaderClassAlert, .subHeaderClassAlertFiltered, .subHeaderSoftWarning, .subHeaderHardWarning, .subHeaderCrossModule, .subHeaderCrossModuleHighlight, .subHeaderText {
font-weight: bold;
font-size: 11pt;
}
.subHeaderClass, .subHeaderHardWarning, .subHeaderCrossModule, .subHeaderCrossModuleHighlight, .subHeaderText {
color: #234E5C;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
-khtml-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
td.formData table.subHeaderClass
{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
#pageDIV.pageDIV #noScroll2.noScroll table.subHeaderClass,#pageDIV.pageDIV #noScroll1.noScroll table.subHeaderClass,#pageDIV.pageDIV div#contain1.contain div table.formatterTable tbody tr.ZNormal td table.subHeaderClass, #pageDIV.pageDIV div#contain1.containNoFill table.subHeaderClass
{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}
.subHeaderClassAlert, .subHeaderClassAlertFiltered, .subHeaderSoftWarning {
color: #000000;
}
.subHeaderClass a, .subHeaderClassAlert a, .subHeaderClassAlertFiltered a, .subHeaderSoftWarning a, .subHeaderHardWarning a, .subHeaderCrossModule a, .subHeaderCrossModuleHighlight a, .subHeaderText a {
text-decoration: none;
}
.subHeaderHardWarning {
color: #FFFFFF;
}
.subHeaderClass, .subHeaderClassBgClass {
}
.subHeaderClassAlert, .subHeaderClassAlertBgClass {
background-color: #F8EC23;
}
.subHeaderClassAlertFiltered, .subHeaderClassAlertFilteredBgClass {
background-color: #FBF6B0;
}
.subHeaderSoftWarning, .subHeaderSoftWarningBgClass {
background-color: #F8EC23;
}
.subHeaderHardWarning, .subHeaderHardWarningBgClass {
background-color: #CC0000;
}
.subSubHeaderClass, .subSubHeaderClassDisabled {
font-weight: bold;
font-size: 10pt;
}
.subSubHeaderClass {
color: #000000;
}
.subSubHeaderClassDisabled {
color: #757575;
}
.subSubHeaderClass, .subSubHeaderClassDisabled, .subSubHeaderClassBgClass {
border-bottom: 1px solid rgba(0,0,0,.2);
}
html body.Activity form div#pageDIV.pageDIV div#contain1.contain div table.formatterTable tbody tr.ZNormal td table.subSubHeaderClass
{
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
-khtml-border-top-right-radius: 0px;
border-top-right-radius: 0px;
}
.subSubHeaderClass td {
padding-bottom: 0;
}
.subHeaderUnderlined td {
color: #000000;
font-weight: bold;
font-size: 11pt;
border-bottom: solid #000000 1px;
padding: 2px 1px 1px 2px;
}
.subHeaderCrossModule {
background-color: rgba(0,166,211, .2);
}
.subHeaderCrossModuleHighlight {
background-color: #FFFF00;
}
.tableSubHeaderClass {
color: #000000;
font-weight: bold;
font-size: 11pt;
background-color: #7BABDB;
}
.tableSubSubHeaderClass {
color: #000000;
font-weight: bold;
font-size: 85%;
background-color: #DFDDDC;
}
.tableLoadMoreRowText {
font-size: 14px;
font-weight: normal;
color: #000000;
float: right;
padding-top: 10px;
padding-right: 10px;
}
.subFooterAttention {
color: #000000;
font-weight: normal;
font-size: 10pt;
border: solid 1px rgb(255,255,255);
padding: 4px;
}
.subFooterAttention, .subFooterAttentionBgClass {
background-color: #fef7e5;
}
.subFooterNormal {
color: #000000;
font-weight: normal;
font-size: 11pt;
border-top: solid #AEB4BD 1px;
border-bottom: solid #AEB4BD 1px;
padding: 1px;
}
.subFooterNormal, .subFooterNormalBgClass {
background-color: #CBDFED;
}
.HRSeperator {
font-size: 1px;
border-bottom: 1px solid #CCCCCC;
margin-top: 1px;
}
/********/
/********/
.pageDIV {
width: 100%;
padding: 0px;
margin: 0px auto 0px auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
box-shadow: inset 0 1px white;
border: 1px solid #D8DED5;
}
.ios-container {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
overflow: scroll;
}
.noScroll {
width: 100%;
padding:0px;
margin: 0px;
}
.standaloneNoScroll {
overflow: hidden;
}
.contain, .containNoFill {
overflow: auto;
position: relative;
}
.filler {
overflow: hidden;
}
.contain, .filler {
height: 1000px;
}
.contain, .containNoFill, .filler {
width: 100%;
padding:0px;
margin: 0px;
}
.contain, .containBgClass, .containNoFill, .filler {
}
.containTopBorder {
border-top: 1px solid #AEB4BD;
}
.CollapseDIVArea {
margin: 4px;
}
.CollapseDIV {
cursor: pointer;
text-align: left;
}
table.formatterTable .CollapseDIV {
font: 10pt "Segoe UI", Arial, Helvetica, sans-serif;
text-align: left;
padding-top: 5px;
}
a.CollapseDIV {
cursor: pointer;
color: #000000;
font-weight: bold;
font-size: 100%;
text-decoration: none;
}
a.CollapseDIV:active {
color: #000000;
}
a.CollapseDIV:hover {
color: #0277bd;
}
.PrintOnlyElement {
display: none;
}
.BorderScrollDIV {
border: 1px silver solid;
padding: 2px 2px 2px 5px;
}
/********/
/********/
.instantHead1, .instantHead2, .instantHead3, .instantLeft {
position: relative;
z-index: 1050;
}
.TableClass
{
}
/********/
/********/
.PaddingLarge {
padding:20px;
margin: 0px;
}
.PaddingLeftLarge {
padding-left:20px;
margin-left: 0px;
}
.PaddingLeftSmall {
padding-left:10px;
margin-left: 0px;
}
/********/
/********/
.MarginLeftLarge {
margin-left: 20px;
}
/********/
/********/
.textpre, .textpost, .textPreSmallPad, .textPostSmallPad, .textPreBordered, .textPostBordered {
color: #000000;
font-weight: normal;
font-size: 15px;
padding: 15px;
}
.textpre {
padding-bottom: 15px;
}
.textpost {
padding-top: 15px;
}
.textPreBordered, .textPostBordered {
border-top: 1px solid #AEB4BD;
border-bottom: 1px solid #AEB4BD;
}
/********/
/********/
#ExecDashAddDropdown {
position: absolute;
z-index: 1;
background-color: white;
left: 20px;
top: 30px;
display: none;
width: 265px;
box-shadow: 2px 2px 5px #666666;
color: #262626;
font-weight: lighter;
font-size: 15px;
overflow-y: auto;
max-height: 700px;
}
#ExecDashAddButton {
height: 0px;
width: 0px;
position: absolute;
left: 250px;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #6A4DDF transparent transparent transparent;
}
.ExecDashListRow {
padding: 4px 6px;
white-space: normal;
border-top: 1px solid rgb(230, 230, 230);
}
.ExecDashListRow:hover {
color: rgb(0, 133, 242);
cursor: pointer;
}
.SelectedExecDash {
background-color: #EDDDFB;
}
.SelectedExecDash:hover {
color: black;
cursor: text;
}
#ExecDashCont {
width: 280px;
position: absolute;
}
#ExecDashLogo {
top: -11px;
position: absolute;
}
/********/
/********/
.plainMessage, .plainMessageHot, .emphasisMessage, .emphasisMessageHot, .alertMessge, .alertMessgeHot {
cursor: pointer;
font-size: 16px;
padding: 4px;
}
.plainMessage, .plainMessageHot {
color: #000000;
background-color: rgba(0,166,211,0.2);
}
.emphasisMessage, .emphasisMessageHot {
color: #444644;
}
.alertMessge, .alertMessgeHot {
color: #8E1016;
}
.emphasisMessage, .alertMessge {
background-color: rgba(255,204,0,0.6);
}
.plainMessageHot, .emphasisMessageHot, .alertMessgeHot {
background-color: rgb(255,204,0);
}
.inittagDefault {
color: #0033BB;
padding: 5px;
text-align: center;
}
.loadingContainer {
position:absolute;
z-index:10005;
background-color: white;
border: 2px solid gray;
border-radius: 25px;
box-shadow: 10px 10px 10px #808080;
}
.loadingContainerWidth {
min-width: 125px;
max-width: 200px;
}
.loadingContainerWithMessageWidth {
min-width: 125px;
max-width: 250px;
}
.loadingImage {
padding: 10px;
padding-top: 25px;
display: block;
margin-left: auto;
margin-right: auto;
}
.loadingText {
text-align: center;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
.loadingClose {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
background-image: url("../img/delete.gif");
cursor: pointer;
}
.loadingOverlay {
position:absolute;
z-index:10001;
}
.innerDivMessage {
padding-left:5px;
margin:0px;
}
/********/
/********/
.formatterTable {
}
.ZOdd, .ZOddBgColor {
background-color: rgb(239, 239, 239);
}
.ZEven, .ZEvenBgColor {
}
.ZOther, .ZOtherBgColor {
background-color: rgba(254,151,14,0.2);
}
.ZOdd, .ZEven, .ZOther, .ZNormal {
height: 100%;
}
.ZNormal
{
text-align: left;
}
.ButRow {
padding-top: 5px;
padding-bottom: 5px;
}
/*******/
/********/
.DefaultBgClass {
background-color: red;
}
.BorderedCell, .dr {
border-color: rgba(0,0,0,0.2);
}
.BorderedCell {
border-width: 1px;
border-style: solid;
}
.RoundedContainer, .bl1, .bl2, .bl3, .bl4, .br1, .br2, .br3, .br4 {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.RoundedContainer {
position: relative;
width: 100%;
}
.bl1, .bl2, .bl3, .bl4, .br1, .br2, .br3, .br4 {
display: block;
overflow: hidden;
height: 1px;
font-size: 1px;
}
.br1, .br2, .br3, .br4 {
float: right;
clear: right;
}
.bl1, .br1, .bl2, .br2 {
width: 5px;
height: 1px;
}
.bl3, .br3 {
width: 3px;
height: 1px;
}
.bl4, .br4 {
width: 2px;
height: 2px;
}
.bl2 {
border-right-width: 2px;
border-right-style: solid;
}
.bl3, .bl4 {
border-right-width: 1px;
border-right-style: solid;
}
.br2 {
border-left-width: 2px;
border-left-style: solid;
}
.br3, .br4 {
border-left-width: 1px;
border-left-style: solid;
}
.TLCorner, .TRCorner, .BLCorner, .BRCorner {
position: absolute;
width: 5px;
z-index: 1000;
display: none;
}
.TLCorner, .TRCorner {
top: -1px;
}
.TLCorner, .BLCorner {
left: -1px;
text-align: left;
}
.BLCorner, .BRCorner {
bottom: -1px;
}
.TRCorner, .BRCorner {
right: -1px;
text-align: right;
}
/********/
/********/
.intCell {
background-color: #FFFCE5;
}
.intCellFilt {
background-color: #F8FFF8;
}
.SoftWarningDataCell {
background-color: #FFFCE5;
}
.HardWarningDataCell {
background-color: #FDF4F4;
}
.FormSoftWarningDataCell {
background-color: #FFF4A6;
}
.FormHardWarningDataCell {
background-color: #F9D9D9;
}
.FormInformationalDataCell {
background-color: #FFFFFF;
}
.MiniFormHeaderCell {
background-color: #CED7DB;
}
.MiniFormDataCell {
background-color: #EBEEF0;
}
/********/
/********/
.inittag {
font-size: 11pt;
}
.BrandedPrinting {
display: none;
}
.reportPrintIcon {
position: fixed;
top: 2px;
right: 1px;
cursor: pointer;
opacity: 0.6;
z-index: 1000;
}
/********/
/********/
.RSIFrame {
position: absolute;
border: 0px;
padding: 0px;
z-index: 20000;
}
/********/
/********/
@media print {
body { /* Prevent direct browser printing */
display: none;
}
body.printEnabled {
display: block;
}
body.mainBody {
display: block;
}
body.Activity, body.ActivityPadded, body.ActivityNoPadding {
overflow-y:visible;
color: #000000;
font-family: arial, helvetica, sans-serif;
background-color: #FFFFFF;
border: 0px;
padding: 0px;
margin: 0 auto 0 auto;
}
.BordersOnly {
overflow-y:visible;
border: 0px;
}
.pageDIV {
width: 100%;
background-color: #FFFFFF;
border: 0px;
padding: 0px;
margin: 0 auto 0 auto;
box-shadow: none;
}
.contain, .containNoFill, .filler {
width: 100%;
overflow: visible;
padding:0px;
margin: 0px;
}
.NonPrintElement {
display: none;
}
.PrintOnlyElement {
display: block;
}
.instantHead, .instantHead2, .instantHead3 {
position: relative;
}
.FrameHeaderDiv {
background-color: #FFFFFF;
}
.b1l, .b2l, .b3l, .b4l, .b1r, .b2r, .b3r, .b4r, .TLCorner, .TRCorner, .BLCorner, .BRCorner {
display: none;
}
.FrameHeaderContent {
color: #000000;
font-size: 105%;
}
.FrameHeaderSmall {
color: #000000;
font-size: 95%;
}
.BrandedPrinting {
display: block;
}
.reportPrintIcon {
display: none;
}
.FrameHeaderIcons {
visibility: hidden;
}
}
/********/
/********/
.bubble-exterior {
font-family: Arial, Sans-Serif;
font-size: 10pt;
margin: 0px;
padding: 4px;
overflow: hidden;
cursor: default;
}
.bubble-interior {
overflow: hidden;
}
.bubble-headerIcon {
position: absolute;
text-align: center;
top: 2px;
left: 5px;
z-index: 1;
width: 48px;
float: left;
}
.bubble-headerCaption {
position: absolute;
left: 0;
width: 100%;
}
.bubble-header {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 18px;
padding: 3px 0px 0px 51px;
box-sizing: border-box;
margin-bottom: 3px;
}
.bubble-headerText {
overflow: hidden;
}
.bubble-title, .bubble-right-header, .bubble-content-line {
color: #0277bd;
}
.bubble-title, .bubble-right-header {
box-sizing: border-box;
display: inline-block;
text-align: left;
padding: 0px 5px 0px 0px;
}
.bubble-title {
font-weight: bold;
float: left;
}
.bubble-right-header {
font-size: 90%;
float: right;
text-align: right;
padding-top: 0px;
}
.bubble-content-line {
padding: 0px 5px 3px 51px;
min-height: 8px;
position: relative;
}
.bubble-content-frame {
overflow: auto;
padding: 5px;
box-sizing: border-box;
clear: both; /* Since the icon is float-left, we need to make sure the content doesn't get padded in */
}
.bubble-content {
width: 100%;
}
#DivHoverContent .bubble-exterior {
padding: 0px;
padding-left: 4px;
overflow: visible; /* this content is in an iframe so no need for this div to have overflow set */
}
#DivHoverContent .bubble-interior {
overflow: visible; /* this content is in an iframe so no need for this div to have overflow set */
}
#DivHoverContent .bubble-content-frame {
padding: 0px;
overflow: visible; /* this content is in an iframe so no need for this div to have overflow set */
}
#DivHoverContent .theader {
display: none;
}
@media print {
#DivHoverContent .theader {
display: table-header-group; /* ensure table header can be printed; we hide it for display */
}
}
/********/
/********/
.hswebContentZIndex {
z-index: 10050 !important;
}
.hswebShieldStyle {
background-color: #aaaaaa;
width: 100%;
height: 100%;
position: fixed;
z-index: 10001
}
.hswebHeaderShieldExtraStyle {
top: 0px;
width: 100%;
height: 100%;
}
.hswebShieldDelay {
animation-name: showHSWebShield;
animation-duration: 50ms;
animation-delay: 750ms;
animation-timing-function: ease;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes showHSWebShield {
from {opacity: 0;}
to {opacity: .5;}
}
.overlayHSWebShieldLevelOne {
z-index: 10055 !important;
}
.overlayHSWebShieldLevelTwo {
z-index: 10060 !important;
}
.overlayHSWebShieldLevelThree {
z-index: 10065 !important;
}
/********/