/* BODY and General CSS */
html {
    min-height: 100%;
}

BODY {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background-color: #ffffff !important;
    border: none !important;
    max-width: 100%;
    position: relative;
    vertical-align: baseline;
    font-style: inherit;
    outline: 0;
    padding: 0;
    margin: 0;
    min-height: Calc(100vh - 185px);
}

UL {
    margin: 0px;
}

A {
    color: #111111;
    text-decoration: underline;
}

    A:hover {
        color: #666666;
        text-decoration: none;
    }

SELECT, INPUT, TEXTAREA {
    font-family: Arial,sans-serif;
    font-size: 12px;
    white-space: pre-wrap;
}

/*TH {
    text-align: center;
}*/

.cssTextCenterAlign {
    text-align: center;
}

/* Override for the specific page */
.no-styles TH {
    text-align: unset;
}

.cssTextno-styles TH {
    text-align: unset;
}

/* Page Header CSS */
.cssPageHeader {
    position: absolute;
    left: 42px;
    top: 0px;
    background: url('../images/imgPageHeaderBackground.gif');
    height: 74px;
    width: 100%;
}

.cssPageHeaderSpacer {
    height: 74px;
    width: 100%;
}

.cssPageFooterSystem {
    height: 100px;
    width: 100%;
    background: url('../images/imgPageFooterLogo.gif');
    background-repeat: no-repeat;
}

.cssPageHeaderRight {
    float: right;
    /*background: url('../images/imgPageHeaderRight.gif');*/
    background-repeat: repeat-x;
    width: 9px;
    height: 74px;
}

.cssPageHeaderInformation {
    color: #000000;
}

.cssPageNavigation1 {
    padding: 0px;
    margin: 0px;
}

.cssPageNavigation2 {
    height: 20px;
    width: 100%;
    background-color: #111111;
    padding: 0px;
    margin: 0px;
}

.cssPageSubTitle {
    font-size: 18px;
    color: #3a3a3a; /*#467bd2;*/
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}

.cssTextPageSubTitleAlternate {
    font-size: 14px;
    margin: 5px 0px 5px 0px;
}

.cssPageHelp {
    width: 555px;
    left: 376px;
    top: 170px;
    position: fixed;
    z-index: 100;
}

.cssPageContent {
    margin: 10px 0px 10px 0px;
}

.cssPageFooter {
    color: #555555;
}

    .cssPageFooter a {
        color: #555555;
        text-decoration: none;
    }

        .cssPageFooter a: hover {
            color: #555555;
            text-decoration: underline;
        }

.cssPageFooterSeparator {
    height: 1px;
    background-color: #CCCCCC;
}

/* Classes define the table images and structure for the pillow-style w/ a drop shadow content areas*/
.cssPanelRaisedStandard {
}

/*.cssPanelRaisedStandardTopLeft {
  background-image: url('../images/imgPanelRaisedStandardTopLeft.gif');
  width: 7px;
  height: 3px;
}

.cssPanelRaisedStandardTop {
  background-image: url('../images/imgPanelRaisedStandardTop.gif');
}

.cssPanelRaisedStandardTopRight {
  background-image: url('../images/imgPanelRaisedStandardTopRight.gif');
  width: 7px;
  height: 3px;
}

.cssPanelRaisedStandardLeft {
  background-image: url('../images/imgPanelRaisedStandardLeft.gif');
  width: 7px;
}*/

.cssPanelRaisedStandardContent {
    vertical-align: top;
    background-color: #ffffff;
}

/*.cssPanelRaisedStandardRight {
  background-image: url('../images/imgPanelRaisedStandardRight.gif');
  width: 7px;
}

.cssPanelRaisedStandardBottomLeft {
  background-image: url('../images/imgPanelRaisedStandardBottomLeft.gif');
  width: 7px;
  height: 3px;
  background-repeat: repeat-x;
}

.cssPanelRaisedStandardBottom {
  background-image: url('../images/imgPanelRaisedStandardBottom.gif');
  height: 7px;
  background-repeat: repeat-x;
}

.cssPanelRaisedStandardBottomRight {
  background-image: url('../images/imgPanelRaisedStandardBottomRight.gif');
  width: 7px;
  height: 3px;
  background-repeat: repeat-x;
}*/

.cssPanelRaisedRoundedDarkEdge {
    padding: 0;
    margin: 0;
}

.cssPanelPageBuilder {
    background-color: #ffffff;
    z-index: 3;
    border: 1px solid black;
    position: Sticky;
    top: 50px;
    left: 100%;
    float: right;
}
/*.cssPanelRaisedRoundedDarkEdgeTopLeft {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopLeft.gif');
  width: 7px;
  height: 7px;
}

.cssPanelRaisedRoundedDarkEdgeTop {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTop.gif');
}

.cssPanelRaisedRoundedDarkEdgeTopRight {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopRight.gif');
  width: 7px;
  height: 7px;
}

.cssPanelRaisedRoundedDarkEdgeLeft {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeLeft.gif');
  width: 10px;
}*/
.cssPanelRaisedRoundedDarkEdgeContent {
    vertical-align: top;
    background-color: #ffffff;
    border: solid;
    border-width: 1px;
    border-radius: 1px;
    padding: 5px;
}

. /*cssPanelRaisedRoundedDarkEdgeRight {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeRight.gif');
  width: 10px;
}

.cssPanelRaisedRoundedDarkEdgeBottomLeft {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomLeft.gif');
  width: 7px;
  height: 10px;
}

.cssPanelRaisedRoundedDarkEdgeBottom {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottom.gif');
  height: 10px;
}

.cssPanelRaisedRoundedDarkEdgeBottomRight {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomRight.gif');
  width: 7px;
  height: 10px;
}*/
.cssTaskInformation {
    visibility: hidden;
    position: absolute;
    background-color: White;
}

.cssPanelPositionAbsolute {
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 15%;
    background-color: White;
}

.cssPanelRaisedRoundedDarkEdgeSmall {
    padding: 0px;
    margin: 0px;
}

/*.cssPanelRaisedRoundedDarkEdgeSmallTopLeft {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopLeft.gif');
  width: 0px;
  height: 7px;
  background-repeat: no-repeat;
}

.cssPanelRaisedRoundedDarkEdgeSmallTop {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTop.gif');
  height: 7px;
}

.cssPanelRaisedRoundedDarkEdgeSmallTopRight {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeTopRight.gif');
  width: 0px;
  height: 7px;
  background-repeat: no-repeat;
}

.cssPanelRaisedRoundedDarkEdgeSmallLeft {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeLeft.gif');
  width: 0px;
  background-repeat: repeat-y;
}*/

/*.cssPanelRaisedRoundedDarkEdgeSmallContent {
  vertical-align: top;
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBackground.gif');
  background-color: #ffffff;
}

.cssPanelRaisedRoundedDarkEdgeSmallRight {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeRight.gif');
  width: 0px;
  background-repeat: repeat-y;
}

.cssPanelRaisedRoundedDarkEdgeSmallBottomLeft {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomLeft.gif');
  width: 0px;
  height: 10px;
  background-repeat: no-repeat;
}

.cssPanelRaisedRoundedDarkEdgeSmallBottom {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottom.gif');
  height: 10px;
}

.cssPanelRaisedRoundedDarkEdgeSmallBottomRight {
  background-image: url('../images/imgPanelRaisedRoundedDarkEdgeBottomRight.gif');
  width: 0px;
  height: 10px;
  background-repeat: no-repeat;
}*/











.cssPanelRaisedRoundedLightEdge {
    padding: 0px;
}

    .cssPanelRaisedRoundedLightEdge TD {
        padding: 0px !important;
    }

/*.cssPanelRaisedRoundedLightEdgeTopLeft {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeTopLeft.png');
  width: 16px;
  height: 16px;
}

.cssPanelRaisedRoundedLightEdgeTop {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeTop.png');
}

.cssPanelRaisedRoundedLightEdgeTopRight {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeTopRight.png');
  width: 16px;
  height: 16px;
}

.cssPanelRaisedRoundedLightEdgeLeft {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeLeft.png');
  width: 16px;
}*/

.cssPanelRaisedRoundedLightEdgeContent {
    vertical-align: top;
    background-color: #FFFFFF !important;
}

    .cssPanelRaisedRoundedLightEdgeContent TD {
        background-color: #FFFFFF !important;
    }

/*.cssPanelRaisedRoundedLightEdgeRight {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeRight.png');
  width: 16px;
}

.cssPanelRaisedRoundedLightEdgeBottomLeft {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottomLeft.png');
  width: 16px;
  height: 16px;
}

.cssPanelRaisedRoundedLightEdgeBottom {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottom.png');
}

.cssPanelRaisedRoundedLightEdgeBottomRight {
  background-image: url('../images/imgPanelRaisedRoundedLightEdgeBottomRight.png');
  width: 16px;
  height: 16px;
}*/


/* Message CSS */
.cssAlertMessage {
    display: block;
    margin: 10px 0px;
    padding: 2px;
    border: solid 1px #000000;
    font-size: 1.1em;
    letter-spacing: 1px;
    text-align: center;
    background-color: #eeeeee;
    color: #000000;
}

.cssAlertMessageError {
    display: block;
    margin: 10px 0px;
    padding: 2px;
    border: solid 1px #000000;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    background-color: #ef0000;
    color: #ffffff;
}

/* Tabs CSS */
div.cssTabs {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 27px;
    cursor: pointer;
    background: #ffffff;
    font-size: 100%;
    font-weight: bold;
}

    div.cssTabs a {
        color: #3a3a3a;
        text-decoration: none;
        padding-left: 10px;
        height: 27px;
        margin-left: 0px;
        display: block;
        float: left;
    }

        div.cssTabs a span {
            padding-right: 10px;
            height: 21px;
            display: block;
            float: left;
            padding-top: 6px;
            cursor: pointer;
            white-space: nowrap;
        }

        div.cssTabs a:hover {
            text-decoration: underline;
            color: #c4321b;
            cursor: pointer;
        }

    div.cssTabs li {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
        margin-right: 15px;
    }

    div.cssTabs a.cssTabsSelected {
        /*color: #fff;
    background-color: #22498C;
    background: url('../images/imgTabStandardSelectedLeft.gif') left top no-repeat;
    text-decoration: none;
    padding-left: 10px;
    height: 27px;
    margin-left: 0px;
    display: block;
    float: left;*/
        border-bottom: 1px solid #C4321B;
    }

        div.cssTabs a.cssTabsSelected span {
            /*background: url('../images/imgTabStandardSelectedRight.gif') right top no-repeat;
      background-color: #22498C;
      padding-right: 10px;
      height: 21px;
      display: block;
      float: left;
      padding-top: 6px;*/
        }

        div.cssTabs a.cssTabsSelected a: hover {
            color: #fff;
            text-decoration: none;
        }

/* Primary Links CSS */
td.cssPrimaryLinks {
    padding-right: 0px;
    padding-left: 0px;
    /*background: #22498c;
  padding-bottom: 0px;
  margin: 0px;
  width: 100%;
  height: 25px;*/
    cursor: pointer;
    /*padding-top: 0px;
  list-style-type: none;*/
    text-align: center;
}

div.cssPrimaryLinks {
    padding-right: 0px;
    padding-left: 0px;
    background: #22498c;
    padding-bottom: 0px;
    margin: 0px;
    width: 100%;
    height: 25px;
    cursor: pointer;
    padding-top: 0px;
    list-style-type: none;
}

    div.cssPrimaryLinks a {
        display: block;
        padding-left: 10px;
        float: left;
        margin-left: 0px;
        color: #fff;
        height: 18px;
        text-decoration: underline;
        padding-top: 4px;
    }

        div.cssPrimaryLinks a span {
            /*
 padding-right: 10px; 
 display: block; 
 float: left; 
 cursor: pointer; 
 padding-top: 6px; 
 height: 21px;
 */
        }

        div.cssPrimaryLinks a:hover {
            cursor: pointer;
            color: #ffff33;
            text-decoration: none;
        }

    div.cssPrimaryLinks li {
        padding-right: 0px;
        display: block;
        padding-left: 0px;
        padding-bottom: 0px;
        margin: 0px;
        padding-top: 0px;
        float: left;
    }

span.cssPrimaryLinksSeparator {
    color: #FFFFFF;
    padding: 4px 0px 0px 10px;
    display: block;
    float: left;
    /*
 padding-right: 0px; 
 padding-left: 0px; 
 padding-bottom: 0px; 
 margin: 0px; 
 padding-top: 0px;
 */
}

div.cssPrimaryLinks a.cssPrimaryLinksSelected {
    display: block;
    padding-left: 10px;
    float: left;
    margin-left: 0px;
    color: #fff;
    height: 18px;
    text-decoration: none;
}

div.cssTabs a.cssPrimaryLinksSelected span {
    padding-right: 10px;
    display: block;
    float: left;
    padding-top: 6px;
    height: 18px;
}

div.cssTabs a.cssPrimaryLinksSelected a:hover {
    color: #fff;
    text-decoration: none;
}

span.cssNavigationLinksSeparator {
    color: #000000;
    padding: 0px 10px 10px 10px;
    display: block;
    float: left;
}

.cssBulletList {
    margin: 0 0 5px 40px;
}

.cssPadding {
    margin: 5px 5px 5px 5px;
}

/* Classes used to define the button styles for document page functionality, status push buttons, etc. Also class for the Header housing the buttons for document page functionality.*/
.cssButtonsLeft1 {
    margin: 0px;
    padding: 0px;
    height: 30px;
    /*background-image: url('../images/imgButtonsBackground.gif');*/
    background-repeat: repeat-x;
}

.cssButtonsRight2 {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 30px;
    /*background-image: url('../images/imgButtonsBackground.gif');*/
    background-repeat: repeat-x;
    float: right;
}

/*.cssButtonPrimary {
  padding: 1px 5px 1px 5px;
  border: solid 1px #313d68;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  background: url('../images/imgButtonPrimaryBackground.gif');
  background-repeat: repeat-x;
  background-color: #003399;
  cursor: pointer;
  color: #ffffff;
  margin: 0px 5px 0px 5px;
  width: auto;
  overflow: visible;  
}*/

.cssButtonPrimaryLeftJustified {
    padding: 8px 14px;
    /*border: solid 1px #313d68;*/
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    /*background: url('../images/imgButtonPrimaryBackground.gif');
  background-repeat: repeat-x;*/
    background-color: #c4321b;
    cursor: pointer;
    color: #ffffff;
    margin: 0px 5px 0px 0px;
    width: auto;
    overflow: visible;
}

.cssButtonPrimaryLeftJustifiedSmallGap {
    padding: 8px 14px;
    /*border: solid 1px #313d68;*/
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    /*background: url('../images/imgButtonPrimaryBackground.gif');
  background-repeat: repeat-x;*/
    background-color: #c4321b;
    cursor: pointer;
    color: #ffffff;
    margin: 2px 1px 0px 0px;
    width: auto;
    overflow: visible;
}

.cssButtonHyperlink {
    padding: 5px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    background-color: #ffffff;
    border: solid 0px;
    color: #3a3a3a;
    overflow: visible;
    width: auto;
}

.cssButtonHyperlinkAlternate {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    cursor: pointer;
    border: solid 0px;
    color: #008000;
    text-decoration: underline;
    background-color: #ffffff;
    overflow: visible;
}

.cssButtonHyperlinkAlternateAlternatingItem {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    cursor: pointer;
    border: solid 0px;
    color: #008000;
    text-decoration: underline;
    background-color: #ffffe5;
    overflow: visible;
}

/* Font CSS */
.cssTextTopMargin TH {
    margin: 15px 0px 0px 0px;
}

.cssTextSizeDoubleExtraLarge {
    font-weight: 400;
    font-size: 18px;
}

.cssTextSizeDoubleExtraLargeBold {
    font-weight: bold;
    font-size: 18px;
}

.cssTextSizeExtraLarge {
    font-weight: 400;
    font-size: 16px;
}

.cssTextSizeExtraLargeBold {
    font-weight: bold;
    font-size: 16px;
}

.cssTextSizeLarge {
    font-weight: 400;
    font-size: 14px;
}

.cssTextSizeLargeBold {
    font-weight: bold;
    font-size: 14px;
}

.cssTextSizeMedium {
    font-weight: 400;
    font-size: 14px;
}

.cssTextSizeMediumBold {
    font-weight: bold;
    font-size: 14px;
}

.cssTextSizeSmall {
    font-weight: 400;
    font-size: 10px;
}

.cssTextSizeSmallBold {
    font-weight: bold;
    font-size: 10px;
}

.cssTextStandard {
}

.cssTextBold {
    font-weight: bold;
}

.cssTextBoldItalic {
    font-weight: bold;
    font-style: italic;
}

.cssTextBoldItalicUnderline {
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
}

.cssTextBoldUnderline {
    font-weight: bold;
    text-decoration: underline;
}

.cssTextItalic {
    font-style: italic;
}

.cssTextItalicUnderline {
    font-style: italic;
    text-decoration: underline;
}

.cssTextUnderline {
    text-decoration: underline;
}

.cssTextTextCenter {
    text-align: center;
}

.cssTextTextLeft {
    text-align: left;
}

.cssTextTextRight {
    text-align: right;
}


.cssTextAlert {
    color: #c4321b; /*#ef0000;*/
    font-weight: bold;
}

.cssTextAttention {
    font-size: 18px;
    color: #22498c;
}

.cssTextPageTitle {
    font-size: 27px;
    color: #3a3a3a;
}

.cssTextPageSubTitle {
    font-size: 14px;
    color: #1b1464;
}

.cssTextPageSectionTitle {
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    color: #1b1464;
    vertical-align: top;
}

.cssTextDocumentPageTitle {
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
}

.cssTextDocumentPageSectionTitle {
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

.cssTextDocumentPageInstructions {
    font-size: 1.0em;
}

.cssTextRequired {
    font-size: 14px;
    font-weight: bold;
    color: #c4321b;
    vertical-align: top;
    display: inline-block;
    height: 10px;
}

.cssTextRequiredWhite {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: top;
    display: inline-block;
    height: 10px;
}

.cssTextRequiredNoBold {
    font-size: 14px;
    color: #c4321b;
    vertical-align: top;
    display: inline-block;
    height: 10px;
}

.cssTextValidateError {
    font-size: 12px;
    color: #cc0033;
}

.cssTextDebug {
    font-size: 14px;
    font-weight: bold;
    color: #cc0033;
}

.cssTextCharacterCounter {
    display: inline;
    position: relative;
    /*margin-top: -14px;*/
    width: 200px;
    font-size: 10px;
    color: #666666;
    text-decoration: none;
    /*color: black;
  background-color: #f8f8f8;
  border: solid 1px #dddddd;*/
    text-align: left;
    vertical-align: top;
    z-index: 0;
    margin-left: 8px;
}

.cssFieldDateModified {
    display: inline;
    position: relative;
    /*margin-top: -14px;*/

    font-size: 10px;
    color: #666666;
    text-decoration: none;
    /*color: black;
  background-color: #f8f8f8;
  border: solid 1px #dddddd;*/
    text-align: right;
    vertical-align: top;
    z-index: 0;
    float: right;
    margin: 0px 4px;
    white-space: nowrap;
}

.cssTextValidateError + TEXTAREA {
    margin-bottom: 5px;
}

.cssReviewQuestion {
    color: #000000;
    font-size: 1.1em;
    padding: 1px;
    font-weight: bold;
}

a.cssHyperlink {
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    background-color: #ffffff;
    color: #3a3a3a;
}

a.cssHyperLinkDataGrid {
    /*color: #3366ff;*/
    text-decoration: underline;
}

    a.cssHyperLinkDataGrid:hover {
        /*color: #5561FF;*/
        text-decoration: none;
    }

.cssHyperlinkBack {
    vertical-align: middle;
}

.cssHyperlinkManagmentTool {
    margin: 20px 15px 0px 0px;
    vertical-align: middle;
}

a.cssHyperLinkLarge {
    font-size: 14px;
    text-decoration: underline;
}

    a.cssHyperLinkLarge: hover {
        font-size: 14px;
        text-decoration: none;
    }

a.cssHyperLinkMedium {
    font-size: 14px;
    color: #8f44b4;
    text-decoration: underline;
}

    a.cssHyperLinkMedium: hover {
        font-size: 14px;
        color: #726AAE;
        text-decoration: none;
    }

.cssHyperLinkExpand {
    color: #3a3a3a;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
}

a.cssHyperLinkExpand {
    color: #3a3a3a;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
}

    a.cssHyperLinkExpand:hover {
        color: #C4321B;
        font-size: 12px;
        text-decoration: none;
        margin-bottom: 5px;
    }

    a.cssHyperLinkExpand:active {
        color: #C4321B;
        font-size: 12px;
        text-decoration: underline;
        margin-bottom: 5px;
        font-weight: bold;
    }

a.cssHyperLinkExpandActive {
    color: #C4321B;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom: 5px;
    font-weight: bold;
}

.cssImageIconPageBlank {
    background: url('../images/imgIconPageBlank.gif');
}

.cssImageIconPageChecked {
    background: url('../images/imgIconPageChecked.gif');
}

.cssImageIconPageEdit {
    background: url('../images/imgIconPageEdit.gif');
}

.cssImageIconPageError {
    background: url('../images/imgIconPageError.gif');
}

.cssImageIconPageNotes {
    background: url('../images/imgIconPageNotes.gif');
}

img.cssIconSystemPage {
    padding-right: 5px;
    vertical-align: middle;
}

/* Space Separators */
.cssGradientSeparator {
    width: 100%;
    margin: 20px auto 20px auto;
    height: 1px;
    background-color: #c4321b;
}

.cssGradientSeparatorGray {
    width: 100%;
    margin: 1px auto 1px auto;
    height: 1px;
    background-color: #D3D3D3;
}

.cssSolidSeparator {
    background-color: #c4321b;
    height: 1px;
    margin: 10px auto 10px auto;
}

.cssSpacerSeparator {
    width: 100%;
    height: 20px;
}

.cssSmallSpacerSeparator {
    width: 100%;
    height: 10px;
}

/* Datagrid Styles */
.cssDataGridStandard {
    border: 0px;
    margin: 2px 4px 4px 2px;
    width: 100%;
}

.cssDataGridReport {
    border: dotted 1px #eeeeee;
    margin: 2px 4px 4px 2px;
}

.cssDataGridStandardHeaderItem {
    border: 0px;
    padding: 4px;
    text-align: left;
    font-weight: bold;
    background-color: #3a3a3a;
    color: #FFFFFF;
    text-align: center;
}

.cssDataGridStandardGroupHeaderItem {
    border: 0px;
    padding: 4px 4px 4px 0px;
    text-align: left;
    font-weight: bold;
    background-color: #ffffff;
    color: #3a3a3a;
    font-size: 18px;
}

.cssDataGridStandardFooterItem {
    border: 0px;
    padding: 4px;
    text-align: left;
    font-weight: bold;
    background-color: #767676; /*#eeeeee;*/
    color: #FFFFFF;
}

.cssDataGridStandard TD {
    border: 1px solid #3a3a3a;
    padding: 5px;
}

.cssDataGridStandard a {
    /*color: #22498c;*/
    text-decoration: underline;
}

    .cssDataGridStandard a:hover {
        /*color: #4B58FF; #6066ff;*/
        text-decoration: none;
    }

.cssDataGridStandard .cssDataGridStandardAlternatingItem TD {
    border: 1px solid #3a3a3a;
    background-color: #f5f5f5;
}

.cssDataGridStandardPaging {
    padding-left: 2px;
    font-weight: bold;
}

/* Div CSS */

.cssScrollableDiv {
    padding: 4px;
    height: 250px;
    overflow: auto;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivSmall {
    padding: 4px;
    width: 500px;
    height: 250px;
    overflow: auto;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivMedium {
    padding: 4px;
    width: 100%;
    height: 200px;
    overflow: auto;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivNoSize {
    overflow: auto;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivVerticalNoSize {
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}

.cssScrollableDivObjectPage {
    padding: 4px;
    width: 100%;
    overflow: auto;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}

.cssBrowserCenteredDivMedium {
    border-style: double;
    border-color: #000000;
    border-width: 5px;
    background-color: White;
    top: 25%;
    left: 25%;
    width: 25%;
    height: 25%;
    position: absolute;
    overflow: auto;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}


div.cssDraggableDiv {
    z-index: 1;
    position: absolute;
    top: 25%;
    left: 100px;
}

div.cssDraggableDivTopLeft {
    z-index: 1;
    position: absolute;
    top: 20%;
    left: 5%;
}

/* My Activities Styles */

div.cssActivityCounts {
}

/* The following is styles for specific pages */
.cssContentLogIn {
    width: 473px;
    height: 410px;
    padding-left: 20px;
    padding-top: 60px;
    font-size: 12px;
    line-height: 18px;
}

    .cssContentLogIn a {
        color: #8f44b4;
        text-decoration: underline;
    }

        .cssContentLogIn a: hover {
            color: #746CB0; /*#9993c3;*/
            text-decoration: none;
        }



.cssContentPageError {
    width: 500px;
    margin: 5px;
    color: #cc3300;
}

    .cssContentPageError a {
        color: #cc3300;
        text-decoration: underline;
    }

        .cssContentPageError a: hover {
            text-decoration: none;
            color: #A66600; /*#ff9900;*/
        }

    .cssContentPageError .InstructionText {
        padding-left: 25px;
        color: #111111;
    }


.cssCalendar {
    border-color: #eeeeee;
    background-color: #ffffff;
    border-width: 1px;
}

.cssCalendarWrapper {
    margin: 3px 3px 3px 3px;
}

.cssCalendarNextPrevious {
    font-weight: normal;
    white-space: nowrap;
    color: #ffffff;
}

    .cssCalendarNextPrevious A {
        text-decoration: none;
        color: #ffffff;
    }

.cssCalendarTitle {
    background-color: #111111;
    border-color: #000000;
    border-width: 0px;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
}

.cssCalendarDayHeader {
    background-color: #111111;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
}

.cssCalendarDay {
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    height: 20px;
}

    .cssCalendarDay A {
        text-decoration: none;
    }

.cssPageBuilderLocationIdentifier {
    font-weight: bold;
    background-color: #ffffff;
    border: solid 1px #000000;
    padding: 2px;
}

.cssPageBuilderTextLeft {
    text-align: left;
}

.cssPageBuilderTextRight {
    text-align: right;
}

.cssPageBuilderTextMiddle {
    text-align: center;
}

.cssPageBuilderTextCenter {
    text-align: center;
}

.cssPageBuilderToolBar, .cssPageBuilderTableToolBar {
    padding: 2px 0px;
    margin: 2px;
    width: 99%;
    border: solid 1px #000000;
    background-color: #cccccc;
    text-align: center;
}

.cssPageBuilderTableCellToolbar {
    padding: 2px 0px;
    margin: 2px;
    width: 68px;
    height: 16px;
    border: solid 1px #000000;
    background-color: #cccccc;
    text-align: center;
}

.cssPageBuilderButton {
    margin: 1px 0px 1px 1px;
    border-width: 0px;
}

.cssAccountUnderMinimumBalance {
    color: #ea0000; /*Red;*/
}

.cssAccountOverMaximumBalance {
    color: #008800; /*Green;*/
}


.cssDockClass {
    padding: 5px 0px 0px 0px;
    height: 50px;
    /*background-image: url('../images/imgButtonsBackground.gif');*/
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #000000;
}

    .cssDockClass input {
        cursor: pointer;
    }

.cssFrameText {
    overflow: auto;
    background-color: #ffffff;
    border-style: dashed;
    border-width: 1px;
    border-color: #cccccc;
    line-height: normal;
}

.cssHandleText {
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: se-resize;
}

.cssResizeText {
    padding: 0px;
    border-style: dashed;
    border-width: 1px;
    border-color: #000000;
}

.cssReportSection {
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
}

.cssReportSectionTitle {
    position: relative;
    border-left: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    padding: 5px 5px 5px 5px;
    z-index: 1;
    float: right;
    text-align: right;
    color: #cccccc;
    width: 100px;
}

/* Special CSS for AJAX Controls (Names must be what they are to work) */
.ajax__calendar_container, .ajax__calendar_body, .ajax__calendar_day, .ajax__calendar_dayname {
    background-color: #ffffff;
    z-index: 2;
}

.ajax__calendar_body {
    width: 150px !important;
    margin-left: -2px !important;
}

.ajax__calendar_days table tr td {
    margin: 0;
    padding: 0;
}

.cssSessionTimeoutText {
    color: #999999;
}

.cssSessionTimeoutTime {
    color: #000000;
}

.cssHideText {
    display: none;
    font-size: 0px;
    color: White;
    height: 0px;
}

.cssStaticHeight {
    height: 14px;
    padding: 0px;
}

.cssStaticHeightSmall {
    height: 2px;
    padding: 0px;
}

.cssTabbedPanelsTab {
    padding: 1px 1px 1px 0px;
    height: 25px;
    vertical-align: middle;
    border: solid 0px #000000;
    background-color: #DDDDDD;
    cursor: pointer;
    width: auto;
    overflow: visible;
}

.cssTabbedPanelsTabSelected {
    padding: 1px 1px 1px 0px;
    height: 25px;
    vertical-align: middle;
    border: solid 0px #000000;
    background-color: #999999;
    cursor: pointer;
    width: auto;
    overflow: visible;
}

.cssTabbedPanelsTab:hover {
    padding: 1px 1px 1px 0px;
    height: 25px;
    vertical-align: middle;
    border: solid 0px #000000;
    background-color: #CCC;
    cursor: pointer;
    width: auto;
    overflow: visible;
}

.cssModalBackground {
    filter: alpha(opacity=70);
    background-color: gray;
    opacity: 0.7
}

.cssModalPopup {
    border-bottom: gray 3px solid;
    border-left: gray 3px solid;
    padding-bottom: 3px;
    background-color: #ffffff;
    padding-left: 3px;
    width: 250px;
    padding-right: 3px;
    border-top: gray 3px solid;
    border-right: gray 3px solid;
    padding-top: 3px
}

.cssObjectPageTitle {
    background-color: #cccccc;
    border: #cccccc 3px solid;
    padding: 3px 3px 3px 3px;
    width: 100%;
    font-weight: bold;
    vertical-align: middle;
    text-transform: uppercase;
}

/* The following is the clearfix hack which is described in more detail at http: //www.positioniseverything.net/easyclearing.html */
.cf: after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cf {
    display: block;
}

/* Harris County Specific Styles*/

div.OriginalAppHeader {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    width: 100%;
    background-color: #CCCCCC;
    border: solid 1px #000000;
}

div.CaseManagerVerification {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    width: 100%;
    background-color: #3676CE; /*#74a0dd;*/
    border: solid 1px #09345f;
}

div.DataSetVerification {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    width: 100%;
    background-color: #3676CE; /*#74a0dd;*/
    border: solid 1px #09345f;
}

/* Accordion */
.accordionHeader {
    /*border: 1px solid #888888;*/
    color: #2E4d7B;
    background-color: #B6CDEF;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 2px;
    cursor: pointer;
    background-image: url(images/imgFormArrowClosed.jpg);
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 2px;
    cursor: pointer;
}

#master_content .accordionHeader a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContent {
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.cssDataEntry {
    background-color: #ffff66;
}

.cssSessionTimer {
    border: 1px solid #000000;
    background-color: Gray;
    color: #000000;
    font-weight: bold;
    padding-right: 10px;
}

.cssTimeoutAlertContainer {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.6);
    filter: alpha(opacity=65);
}

.cssTimeoutAlert {
    position: fixed;
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    z-index: 1001;
    width: 500px;
    height: auto;
    top: 50%;
    left: 50%;
    margin-top: -100px; /* Negative half of height. */
    margin-left: -250px; /* Negative half of width. */
}

.cssPopUpDisplay {
    visibility: hidden;
    position: absolute;
    background-color: White;
    /*border-radius: 30px;
border: 3px solid #000000;*/
    padding: 15px;
    width: 250px;
    /*border*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,1) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,1) 0 0 10px;
    box-shadow: rgba(0,0,0,1) 0 0 10px;
    z-index: 10;
}


/* Sortable Sections */
.ui-state-default {
    background-color: #FFFFFF;
}

.cssSortableSectionHandle {
    float: right;
    padding-right: 5px
}

.cssSortableSectionOnDrag {
    border: 2px solid #000000;
    padding-top: 10px
}


/*---------------------------
    To Create Custom Classes
-----------------------------
Naming custom classes must begin with:  .cssText

For example, this would be for purple text:
.cssTextPurple
{
    color: purple;
}

In config on the Form Section Cell Properties, enter "Purple" (without the quotes) into the CSSClass textbox. It is case sensitive.
*/

/* System Message 3 CSS */
.cssSystemMessageNavBar {
    background-color: #575757;
    color: #FFF;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 27px;
    cursor: default;
}

    .cssSystemMessageNavBar div {
        font-size: 1.2em;
        padding: 5px 10px 5px 10px;
        float: left;
    }

        .cssSystemMessageNavBar div:hover {
            text-decoration: underline;
        }

.cssSystemMessageSubContainer {
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #BBB;
    border-spacing: 0px;
    padding: 0px;
}

    .cssSystemMessageSubContainer th {
        background-color: #575757;
        color: #FFF;
        margin: 0px;
        height: 18px;
    }

        .cssSystemMessageSubContainer th a {
            color: #FFF;
        }

    .cssSystemMessageSubContainer .cssGettingStartedCells {
        padding: 10px 0px 10px 10px;
    }

.cssSystemMessageSubContainerTable th {
    background-color: #87aee5;
    border: 0px solid #000;
    padding: 0px;
    border-spacing: 0px;
    color: #000;
    margin: 0px;
    height: 18px;
}

.cssExpandCollapse_button {
    /*!important is needed to override the cell style*/
    text-decoration: none !important;
    color: #FFFFFF !important;
    width: 100%;
    padding-left: 20px;
}


.clickableHeaderOpen {
    /*background-image: url(../images/form_arrow_open.jpg);*/
    background-position: left;
    background-repeat: no-repeat;
    text-decoration: none !important;
    color: #3a3a3a !important;
    width: 100%;
    padding-left: 0px;
    font-weight: bold;
}

.clickableHeaderClosed {
    /*background-image: url(../images/form_arrow_closed.jpg);*/
    background-position: left;
    background-repeat: no-repeat;
    text-decoration: none !important;
    color: #3a3a3a !important;
    width: 100%;
    padding-left: 0px;
    font-weight: bold;
}


/*New Catamaran Styles*/
.boxed {
    /*max-width: 1400px !important;
  width: 90% !important;*/
    width: 100%;
    /*min-width: 980px;*/
    margin: 0 auto;
    position: relative;
    padding: 0px;
    /*z-index: 1040;*/
    background-color: #ffffff;
    /*box-shadow: 0px 0px 15px rgba(0,0,0,0.15);*/
    /*min-height: 1000px;*/
}

.header-outer {
    /*max-width: 1400px !important;*/
    width: 100%;
    /*min-width: 980px;*/
    background-color: #ffffff;
    padding-top: 5px;
}

.container {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    vertical-align: baseline;
    max-width: 1400px;
}

/*.row
{
  position: relative;
}

.col {
  margin-right: 2%;
  position: relative;
  z-index: 10;
  display: block;
  float: left;
}*/

/*.span_3 {
  width: 23.5%;
}

.span_9 {
  width: 74.5%;
}*/

.cssCatamaranFooter {
    width: 100%;
    background-color: #3a3a3a;
    color: #ffffff !important;
    padding-bottom: 10px;
    padding-top: 15px;
}

.cssCatamaranFooter2 {
    width: 100%;
    background-color: #262626;
    color: #ffffff !important;
    /*padding-bottom: 10px;*/
    padding-top: 10px;
}

a {
    color: #3a3a3a;
    text-decoration: underline;
}

    a:focus {
        color: #3a3a3a;
        text-decoration: underline;
    }

    a:visited {
        color: #3a3a3a;
        text-decoration: underline;
    }

    a:hover {
        color: #c4321b;
        text-decoration: underline;
    }

.cssFooterHeader {
    color: #ffffff;
    font-weight: bold;
}

a.cssFooterLink {
    color: #ffffff;
    text-decoration: underline;
}

    a.cssFooterLink:visited {
        color: #ffffff;
        text-decoration: underline;
    }

    a.cssFooterLink:hover {
        color: #ffffff;
        text-decoration: underline;
    }

h1 {
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: -1px;
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    color: #3a3a3a;
}

h2 {
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: -1px;
    font-size: 27px;
    line-height: 32px;
    font-weight: 700;
    color: #3a3a3a;
}

h3 {
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: -1px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #ffffff;
    background-color: #3a3a3a;
}

h4 {
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: -1px;
    font-size: 19px;
    line-height: 22px;
    font-weight: 500;
    color: #3a3a3a;
}

.h4style {
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: -1px;
    font-size: 19px;
    line-height: 22px;
}

.lblPageContentLogOut {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0px;
}
/*p {
  font-family: “Open Sans”, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #666666;
}
*/

.cssButtonPrimary {
    background-color: #c4321b;
    color: #ffffff;
    border-radius: 4px;
    font-size: 14px;
    font-family: Open Sans;
    text-transform: none !important;
    letter-spacing: 0;
    font-weight: 700;
    border: 0px;
    margin-left: 10px;
    padding: 8px 14px;
}

    .cssButtonPrimary:focus {
        background-color: #c4321b;
        color: #ffffff;
        border-radius: 4px;
        font-size: 14px;
        font-family: Open Sans;
        text-transform: none !important;
        letter-spacing: 0;
        font-size: 14px;
        font-weight: 700;
        border: 0px;
        margin-left: 10px;
    }

    .cssButtonPrimary:hover {
        opacity: 0.87;
        color: #fff;
    }

.cssButtonPrimaryLarge {
    padding: 15px 22px;
}

.cssButtonPrimaryMedium {
    padding: 10px 15px;
}

.cssButtonPrimarySmall {
    padding: 2px 6px;
}

.cssQuickMenuImage {
    margin-left: -2px;
}

    .cssQuickMenuImage:hover {
        margin-left: -1px;
    }

.ButtonAlternate {
    background-color: #f5f5f5;
    color: #3a3a3a;
}

    .ButtonAlternate:hover {
        opacity: 0.75;
        color: #3a3a3a;
    }

    .ButtonAlternate:focus {
        background-color: #f5f5f5;
        color: #3a3a3a;
    }

.cssButtonSecondary {
    background-color: #f5f5f5;
    color: #3a3a3a;
    font-size: 12px;
    font-family: Open Sans;
    text-transform: none !important;
    letter-spacing: 0;
    font-weight: 700;
    border: 0px;
    margin-right: 25px;
    padding: 7px 0px;
    text-decoration: underline;
}

    .cssButtonSecondary:focus {
        background-color: #f5f5f5;
        color: #3a3a3a;
        font-size: 12px;
        font-family: Open Sans;
        text-transform: none !important;
        letter-spacing: 0;
        font-weight: 700;
        border: 0px;
        margin-right: 25px;
        padding: 7px 0px;
        text-decoration: underline;
    }

    .cssButtonSecondary:hover {
        color: #C4321B;
    }

input[type=text], input[type=password], textarea, select {
    border: 1px solid #3a3a3a;
    background-color: #ffffff;
}

    input[type=text]:focus, input[type=password]:focus, textarea:focus {
        border: 1px solid #25866E !important;
        background-color: #f5f5f5;
    }

/*input[type=file] {
  border: 1px solid #C4321B;
  background-color: #ffffff;
  padding: 3px;
}*/

textarea {
    border: 1px solid #3a3a3a;
    background-color: #ffffff;
}

    textarea:focus {
        border: 1px solid #25866E;
        background-color: #f5f5f5;
    }

.cssWhiteBackground {
    background-color: #ffffff;
}

select, input, textarea {
    font-size: 14px;
    white-space: pre-wrap;
    font-family: 'Roboto', Open Sans;
}

.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
    padding: 15px;
    vertical-align: middle;
}

.divTableHeading {
    display: table-header-group;
}

.divTableFoot {
    display: table-footer-group;
}

.divTableBody {
    display: table-row-group;
}

.pageMessage {
    padding: 20px;
}

.pageMessageError {
    background-color: #f9d3ca;
    margin-bottom: 15px;
}

.pageMessageWarning {
    background-color: #f7ddb7;
}

.pageMessageSuccess {
    background-color: #eef7e6;
}

.pageMessageInformation {
    background-color: #e4f4f0;
}

.cssHeaderTabUL {
    margin: 0px;
    padding: 0px;
    float: right;
}

.cssPageTitleContainer {
    background-color: #e4f4f0;
    /*min-height: 125px;*/
    overflow: visible;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 5px;
    /*margin-bottom: 15px;*/
    padding-top: 36px;
    padding-bottom: 36px;
}

.cssMainNavigationMenu {
    background-color: #3a3a3a;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    color: #c4321b;
}

    .cssMainNavigationMenu:hover .dropdown-menu {
        display: block;
    }


    .cssMainNavigationMenu:focus .dropdown-menu {
        display: block;
    }

.cssPersonNameDropdown {
    color: #ffffff;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
}

    .dropdown-content a {
        color: black;
        padding: 5px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 1px solid #000000;
    }

        .dropdown-content a:hover {
            background-color: #e4f4f0;
        }

        .dropdown-content a:focus {
            background-color: #e4f4f0;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:focus .dropdown-content {
    display: block;
}

.cssLoginMenu {
    color: #ffffff;
    font-size: 22px;
}

    .cssLoginMenu a {
        color: #ffffff;
        font-size: 22px;
        text-decoration: none;
    }

        .cssLoginMenu a:visited {
            color: #ffffff;
            font-size: 22px;
            text-decoration: none;
        }

        .cssLoginMenu a:hover {
            text-decoration: underline;
        }

.cssDashboardContainer {
    border: 1px solid #3a3a3a;
    padding: 25px;
    margin: 10px;
    text-align: center;
}

.cssDashboardContainerInactive {
    background-color: #f5f5f5;
}

.cssSystemAlertPopup {
    border-bottom: gray 3px solid;
    border-left: gray 3px solid;
    padding: 10px;
    background-color: #ffffff;
    border-top: gray 3px solid;
    border-right: gray 3px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a.cssSortLink {
    color: #ffffff;
    text-decoration: none;
}

.cssSortButton {
    color: #C4321B;
}

.cssExpandCollapseButton {
    color: #C4321B;
}

.cssSideBar {
    border: 1px solid #3a3a3a;
    padding: 3%;
}

.cssDataGridFormMenu {
    border: none;
}

    .cssDataGridFormMenu td {
        border: none;
    }

.cssDataGridQuickMenu {
    border: none;
}

    .cssDataGridQuickMenu td {
        border: none;
        font-size: 12px;
    }

.cssDataGridQuickMenuGroupHeaderItem {
    border: 0px !important;
    /*padding: 4px 4px 4px 0px !important;*/
    text-align: left !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
    color: #3a3a3a !important;
    font-size: 16px !important;
}

.cssDatagridSectionDivider {
    margin: 15px auto 15px auto;
    height: 1px;
    background-color: #c4321b;
    /*padding: 10px 0px;
  border-bottom: solid 1px #c4321b;*/
}

.cssDatagridSectionDividerObjectMenu {
    margin: 15px auto 15px auto;
    height: 1px;
    /*background-color: #c4321b;
    padding: 10px 0px;
  border-bottom: solid 1px #c4321b;*/
}

.cssQuickMenuSectionDivider {
    margin: 5px auto 5px auto;
    height: 1px;
    background-color: #c4321b;
    /*padding: 10px 0px;
  border-bottom: solid 1px #c4321b;*/
}

.cssPageTitle {
    font-family: 'Roboto', Arial, sans-serif;
    letter-spacing: -1px;
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    color: #3a3a3a;
}

.cssPopupContainerTitle {
    background-color: #3a3a3a;
    color: #ffffff;
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
}

.cssButtonPopupContainerTitle {
    background-color: #3a3a3a;
    margin: 0px;
    border: 0px solid #3a3a3a;
    float: right;
    color: #ffffff;
    font-size: 20px;
}

.cssSaveAndChangeStatusMessage {
    position: fixed;
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    z-index: 101;
    width: 650px;
    height: auto;
    top: 50%;
    left: 50%;
    margin-top: -300px; /* Negative half of height. */
    margin-left: -325px; /* Negative half of width. */
    text-align: left;
    vertical-align: middle;
    overflow: auto;
    max-height: 600px;
}

.cssDocumentSearchLink {
    font-weight: bold;
    font-size: 16px;
}

.cssDocumentSearchLinkSelected {
    font-weight: bold;
    font-size: 16px;
    color: #C4321B;
}


.cssDataGridHeaderInstructions {
    display: block;
    font-size: 14px;
    font-weight: 100;
    padding: 10px 0px 10px 0px;
}

.csstooltip-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    margin-left: 10px;
    border: 1px solid #000000;
    padding: 5px;
    font-size: 12px;
}

.csstooltip:focus + .csstooltip-content {
    display: inline-block;
}

h3.form {
    color: #3a3a3a;
    background-color: #ffffff;
}

/* BEGIN PROGRESS BAR*/
.progress {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #3a3a3a;
    background-color: #ffffff;
}

    .progress > li {
        position: relative;
        display: table-cell;
        text-align: center;
    }

        .progress > li:before {
            content: '\f00c';
            font-family: FontAwesome;
            font-size: 110%;
            color: #fff;
            display: block;
            margin: 0 auto;
            background: #7c7c7c;
            width: 3em;
            height: 3em;
            text-align: center;
            margin-bottom: 0.25em;
            line-height: 3em;
            border-radius: 100%;
            position: relative;
            z-index: 1000;
        }

        .progress > li:after {
            content: '';
            position: absolute;
            display: block;
            background: #7c7c7c;
            width: 100%;
            height: 0.5em;
            top: 1.25em;
            left: 50%;
            margin-left: 1.5em\9;
            /*z-index: -1;*/
        }

        .progress > li:last-child:after {
            display: none;
        }

        .progress > li.is-complete:before, .progress > li.is-complete:after {
            background: #25866E !important;
        }

        .progress > li.is-active:before {
            background: #2f4a79;
        }

        .progress > li.is-late:before {
            background: #C4321B;
        }

        .progress > li.is-approaching:before {
            background: #d1831e;
        }
/**
* Needed for IE8
*/
.progress__last:after {
    display: none !important;
}
/**
* Generic Styling
*/
*, *:after, *:before {
    box-sizing: border-box;
}

/*.progress {
  margin-bottom: 2em;
}*/
/**
* Media Queries
*/
@media only screen and (max-width: 630px) {
    .progress–medium {
        font-size: 75% !important;
        line-height: 105% !important;
    }

    .progress > li:before {
        font-size: 80%;
    }
}

/* END PROGRESS BAR*/

.cssNavigationPopup {
    background-color: #ffffff;
    z-index: 1000;
    /*border: 3px solid #000000;*/
    padding: 15px;
    /*border*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,1) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,1) 0 0 10px;
    box-shadow: rgba(0,0,0,1) 0 0 10px;
}

.cssQuickMenuPopup {
    background-color: #ffffff;
    z-index: 1000;
    border: 1px solid #000000;
    padding: 0px 15px 0px 15px;
    /*border*/
    /*-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
   box-shadow */
    -webkit-box-shadow: rgba(0,0,0,1) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,1) 0 0 10px;
    box-shadow: rgba(0,0,0,1) 0 0 10px;
}

.divHelp-collapse {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    max-height: 6em;
}

.cssFadeOut-collapse {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    max-height: 6em;
}

    .cssFadeOut-collapse:after {
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, #fff));
        background-image: -moz-linear-gradient(top, rgba(255,255,255,0), #fff 90%);
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff 90%);
        background-image: linear-gradient(to bottom, rgba(255,255,255,0), #fff 90%);
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.cssFadeOut-expand {
    cursor: pointer;
}

.cssFadeOut-:after {
    background-image: none;
    width: 0%
}

.cssActiveFilter {
    border: 1px solid #25866E !important;
    background-color: #f5f5f5;
}

table[id$="dtlAdminPagePanelItems"] > tbody tr td table tbody tr td + td {
    width: 320px;
}

div[id$="divAdminPagePanelTitle"] {
    padding-top: 10px;
}

.cssFadeOutButton {
    display: block;
    background-color: #E4F4F0;
    cursor: pointer;
    border: 0;
    font-weight: bold;
    margin: 15px 0px 15px;
}

.carretRed {
    color: #c4321b;
}

.QuickMenuModal {
    visibility: hidden; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 900; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.AddRepeatableRowButton {
    float: left;
    position: absolute;
    left: -17px;
    color: #c4321b;
}

.MenuBarBkGnd {
    left: inherit !important;
}

.ToolbarRefresh {
    visibility: hidden;
}

.ToolbarBack {
    visibility: hidden;
}

.NavigationDocumentMenu {
    padding: 20px 20px 20px 20px;
    border-right: 3px ridge #f5f5f5;
    overflow-y: scroll;
    max-height: 500px;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ff9900;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #efefef;
    scrollbar-shadow-color: #c7c7c7;
}

.cssDataGridQuickMenuLevel1 {
    border: none;
}

    .cssDataGridQuickMenuLevel1 td {
        border: none;
        font-size: 12px;
        border-bottom: 3px ridge #f5f5f5;
        padding: 5px 20px 5px 20px;
    }

.NavigationDocumentMenuLevel1 {
    padding: 0px;
    border-right: 3px ridge #f5f5f5;
}

.cssPopupModal {
    border-bottom: gray 3px solid;
    border-left: gray 3px solid;
    padding: 10px;
    background-color: #ffffff;
    border-top: gray 3px solid;
    border-right: gray 3px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 3;
}

/* Error */
.ruError .ruErrorMessage {
    color: #ef0000;
    font-variant: small-caps;
    text-transform: lowercase;
    padding-bottom: 0;
    font-size: 16px;
}

.cssPageBuilder .ruBrowse {
    background-color: #CE3328 !important;
    background-image: none !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700;
}

.ruButtonHover {
    opacity: 0.87;
    color: #fff;
}

.cssValidationError {
    color: #3a3a3a;
}

.lc-chat-required {
    color: #000000 !important;
}

    .lc-chat-required span {
        font-weight: bold !important;
        color: #cc0033 !important;
    }

.MSRS-RVC .DisabledLink {
    color: #000000 !important;
}

.lc-textfield-wrap {
    border: 1px solid #000000 !important;
}

.cssPopupContainer {
    background-color: #ffffff;
    z-index: 1000;
    padding: 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,1) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,1) 0 0 10px;
    box-shadow: rgba(0,0,0,1) 0 0 10px;
}

.cssTableRowAlternatingItem {
    background-color: #f5f5f5;
}

.cssQuickLoginPopupContainer {
    background-color: #ffffff;
    z-index: 1000;
    padding: 15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,1) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,1) 0 0 10px;
    box-shadow: rgba(0,0,0,1) 0 0 10px;
    border: red solid 2px;
    color: red;
    font-size: 18px;
}

/* BEGIN LEFT NAV*/
ol.leftNav {
    counter-reset: li;
    /*list-style: none;*/
    margin: 0;
    padding: 0;
    /*color: #3a3a3a;
  background-color: #ffffff;*/
    margin-left: 1.25em;
}

    ol.leftNav > li {
        position: relative;
        /*margin: 0 0 6px 2em;*/ /* Give each list item a left margin to make room for the numbers */
        /*padding: 4px 8px;*/ /* Add some spacing around the content */
        list-style: none; /* Disable the normal item numbering */
        font-weight: bold;
    }

.leftNav > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    color: #000;
    display: inline-block;
    margin-right: 8px;
    border: 2px solid #C4321B;
    width: 2.5em;
    height: 2.5em;
    text-align: center;
    margin-bottom: 0em;
    line-height: 2.1em;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}

.leftNavCustom > li:before {
    content: attr(data-fa-icon);
    font-family: "FontAwesome";
    color: #fff; /*HT# 79479*/
}

.leftNavCustomText > li:before {
    content: attr(data-fa-icon);
}

.leftNav > li:after {
    content: '';
    /*position: relative;*/
    display: block;
    background: #7c7c7c;
    width: 1px;
    height: 1em;
    top: 1.25em;
    margin-left: 1.25em;
}

.leftNav > li:last-child:after {
    display: none;
}

.leftNav > li.is-complete:before, .leftNav > li.is-complete:after {
    background: #C4321B;
    color: #fff;
}

.leftNavCustom > li.is-complete:before, .leftNavCustom > li.is-complete:after {
    color: #C4321B; /*HT# 79479*/
}

/*.leftNav > li.is-active {
  background-color: #666666;
}*/

.leftNav > li.is-active > a {
    background-color: #666666;
    color: #ffffff;
    padding: 5px 5px 5px 3px;
}

.leftNav > li.is-complete > a {
    padding: 5px 5px 5px 3px;
}

.leftNav > li.is-active:before {
    /*width: 2.5em;
  height: 2.5em;*/
    /*font-weight: bold;*/
    /*line-height: 2em;*/
    /*margin-left: -0.25em;*/
    background-color: #fff;
}

/*.leftNav > li.is-active:after {
    background-color: #fff;
  }*/

/**
* Needed for IE8
*/
.leftNav__last:after {
    display: none !important;
}
/**
* Media Queries
*/
@media only screen and (max-width: 630px) {
    .leftNav–medium {
        font-size: 75% !important;
        line-height: 105% !important;
    }

    .leftNav > li:before {
        font-size: 80%;
    }
}

/* END LEFT NAV*/

/*li.is-active > a {
  font-weight: bold;
}*/

a.cssHyperLinkLeftNav {
    text-decoration: none;
}

    a.cssHyperLinkLeftNav:hover {
        text-decoration: none;
    }

.cssPageTableHidden {
    display: none;
}

.cssPageTableBorder {
    border: solid 1px #000000 !important;
}

.cssPageBuilderHidden {
    display: none;
}

/* Commented out - used for freshchat  custom button
#custom_fc_button {
  width: 10%;
  position: fixed;
  right: 1px;
  bottom: 20px;
  z-index: 1000;
}

#imageicon {
  height: 30%;
  width: 30%
}*/

.cssFooterWrapper {
    position: absolute;
    top: 100%;
    width: 100%;
}

.cssDockButton {
    white-space: nowrap;
    text-decoration: none;
}

    .cssDockButton:visited {
        white-space: nowrap;
        text-decoration: none;
        color: #ffffff;
    }

    .cssDockButton:hover {
        white-space: nowrap;
        text-decoration: none;
        color: #ffffff;
    }

tr.cssTextHoverOverCellGreen:hover {
    background-color: #f5f5f5 !important;
    border: 1px solid #000000 !important;
}

tr.cssTextHoverOverCellRed:hover {
    background-color: #f9d3ca !important;
}

tr.cssTextHoverOverCellYellow:hover {
    background-color: yellow !important;
}

/* for span due to reader not being able to read <bold> or <strong> for some reason*/
.cssTextBold {
    font-weight: bold;
}

/* for report space*/
#ctl00_cphPageContent_pnlParameters table {
    border-collapse: separate;
    border-spacing: 0 .4em;
}

/* for span due to reader not being able to read <bold> or <strong> for some reason*/
.cssAdaHiddenLabel {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

/*.input[disabled] {
    background-color: #C4321B;
    color: #ffffff;
    border: 1px solid #3A3A3A;
    cursor: not-allowed;
    opacity: 1
}*/

#ctl00_cphPageContent_tblPageTable81322 > tbody div {
    display: inline-block;
    max-width: calc(95%);
    white-space: normal;
    vertical-align: text-top;
}

#ctl00_cphPageContent_tblPageTable81322 > tbody td span nobr {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

@media screen and (max-width: 1280px) {
    .col-9 {
        display: none;
    }

    .col-3 {
        max-width: 100% !important;
    }


    div:has(.col-9):has(.col-3) {
        justify-content: flex-end;
        flex-wrap: nowrap;
    }
}


@media screen and (max-width: 1024px) {
    #ctl00_cphPageContent_Table2 > tbody > tr > td > #ctl00_cphPageContent_btnDocumentSearchSortGo {
        margin: 5px auto;
    }

    #ctl00_cphPageContent_Table2 > tbody > tr > td > #ctl00_cphPageContent_btnDocumentFilterClear {
        margin: 5px auto;
    }
}

@media screen and (max-width: 853.33px) {
    .container {
        width: 95% !important;
    }

    #ctl00_cphPageContent_Table2 > tbody > tr {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

        #ctl00_cphPageContent_Table2 > tbody > tr > th {
            width: 25%;
        }

        #ctl00_cphPageContent_Table2 > tbody > tr > td {
            width: 25%;
        }


            #ctl00_cphPageContent_Table2 > tbody > tr > td > #ctl00_cphPageContent_btnDocumentSearchSortGo {
                width: 49% !important;
            }

            #ctl00_cphPageContent_Table2 > tbody > tr > td > #ctl00_cphPageContent_btnDocumentFilterClear {
                width: 46% !important;
                margin-left: 3px;
            }

    tr:has(td#ctl00_cphPageContent_TableCell1 > select#ctl00_cphPageContent_ddlTaskSearch_Release) {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }


    #ctl00_cphPageContent_Table1 > tbody > tr > th {
        width: 25%;
    }

    #ctl00_cphPageContent_Table1 > tbody > tr > td {
        width: 25%;
    }

    #ctl00_imgLogo {
        width: 200px !important;
        height: auto !important;
    }

    .container {
        box-sizing: border-box !important;
    }

    select, textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    button, .cssButton, input[type="button"] {
        width: 100%;
        max-width: 300px;
        margin: 5px auto;
        display: block;
    }

    .cssDockClass {
        padding: 0px !important;
    }

        .cssDockClass > div {
            display: flex !important;
            justify-content: flex-end !important;
            padding-top: 16px;
        }

            .cssDockClass > div > input {
                margin: 0 2.5px !important;
                max-width: 90px;
                height: auto !important;
                padding: 5px !important;
            }

    #ctl00_cphPageContent_btnSearch,
    #ctl00_cphPageContent_btnSearchClear,
    #ctl00_cphPageContent_btnClear {
        max-width: 200px !important;
        margin-left: 0;
    }

    #ctl00_cphPageContent_tblPageTable81322 {
        table-layout: initial !important;
    }

    .col-9 {
        max-width: 64%;
    }
}

@media screen and (max-width: 731.43px) {
    .cssTabs ul a {
        padding: 0 !important;
    }

    div:has(#ctl00_cphPageContent_divMonitoring) {
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 640px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
        max-width: 100% !important;
        width: 100% !important;
    }


    .dropdown-menu {
        top: 100% !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        text-align: center !important;
    }

    .show {
        text-align: center !important;
    }

    p, h1, h2, h3, h4, h5, h6, ul, ol {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    header .col-3 {
        max-width: 100% !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 5px !important;
        margin-left: 0 !important;
    }

    #ctl00_cphPageContent_divMonitoring,
    #ctl00_cphPageContent_divFinance,
    #ctl00_cphPageContent_divPolicy {
        max-width: 100% !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 5px !important;
        margin-left: 0 !important;
    }

    .col-2, .col-4, .col-5, .col-6,
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    .cssPageHeader .col,
    .cssPageHeader div[class*="col-"],
    header .col,
    header div[class*="col-"] {
        width: 100% !important;
        text-align: center !important;
    }

    .cssPageHeader,
    .cssPageHelp,
    .cssScrollableDivSmall,
    .cssContentLogIn,
    .cssBrowserCenteredDivMedium {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        position: relative !important;
        margin: 0 auto !important;
    }

    input, select, textarea, form {
        max-width: 100% !important;
        box-sizing: border-box;
    }

    [style*="position: absolute"],
    [style*="position: fixed"] {
        max-width: 100% !important;
    }

    .cssTabs {
        display: flex !important;
        justify-content: space-around !important;
    }

    #fc_frame {
        transform: scale(0.6);
        right: -20px !important;
    }

    .cssPageTitle {
        font-size: 3.5em !important;
    }

    div:has(#ctl00_cphPageContent_divMonitoring) {
        flex-wrap: wrap;
    }
}


@media screen and (max-width: 426.67px) {
    html, body {
        width: 100% !important;
        max-width: 100vw !important;
    }

    body {
        font-size: 11px;
        padding: 5px;
    }


    p, span, div, li, td, th, h1, h2, h3, h4, h5, h6 {
        overflow-wrap: break-word !important;
    }

    .cssContent,
    .cssContentArea,
    .cssPanel,
    .cssContainer {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .cssDockClass {
        padding: 0px !important;
        height: 24px !important;
    }

    .cssDockClass input {
        width: 40px !important;
        font-size: 7px !important;
        height: 16px !important;
        line-height: 5px !important;
        padding: 0 !important;
    }

    .cssCatamaranFooter .row {
        display: block !important;

        .col4 {
            padding-left: 20px !important;
            .h4style{
                padding: 0 !important;
                padding-top: 5px !important;
                br{
                    display: none !important;
                }
            }
        }
    }

div:has(#ctl00_cphPageContent_divOpportunities) {
    padding: 1.5px !important;
}

table {
    white-space: normal !important;
}

.col-8 {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#ctl00_cphPageContent_dgdDocumentSearch td,
#ctl00_cphPageContent_dgdDocumentSearch th {
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-all;
}

#ctl00_cphPageContent_dgdDocumentSearch .cssTextBold {
    white-space: normal !important;
}

#ctl00_cphPageContent_dgdDocumentSearch td {
    padding: 0 !important;
}

.cssTabs ul li {
    margin: 0 8px !important;
}

td > * {
    width: 100% !important;
}

fieldset > table > tbody > tr > td {
    display: flex;
    width: 100%;
    flex-direction: row;
}

fieldset > table > tbody > tr > td {
    width: 100% !important;
}

    fieldset > table > tbody > tr > td > input {
        width: 10% !important;
    }

.cssFooterWrapper {
    right: 0 !important;
}

.cssDockClass > .container {
    padding-top: 3px !important;
}

@media screen and (max-width: 320px) {
    body {
        font-size: 11px !important;
        padding: 5px;
        min-height: auto !important;
    }

    .col-9 {
        max-width: 0%;
    }

    .container,
    h1 {
        padding: 0 !important;
    }

    table {
        white-space: normal !important;
    }

    .cssTextBold {
        white-space: nowrap !important;
    }

    td > * {
        width: 100% !important;
    }

    .cssTextBold {
        display: inline;
    }

    #ctl00_imgLogo {
        width: 150px !important;
        height: auto !important;
    }

    .cssHeaderTabUL {
        padding: 0 !important;
    }

    .cssTabs ul li {
        padding: 0 !important;
    }

    .cssHeaderTabUL li {
        padding: 0 !important;
    }

    .cssHeaderTabUL a {
        padding: 0px 5px 0px 0px !important;
    }

    .col-8 {
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #ctl00_tbrPageNavigation2 {
        min-width: 150px !important;
    }

    #ctl00_cphPageContent_Table2 tbody {
        display: flex !important;
    }

    #ctl00_cphPageContent_Table2 > tbody > tr {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

        #ctl00_cphPageContent_Table2 > tbody > tr > th {
            width: 100%;
        }

        #ctl00_cphPageContent_Table2 > tbody > tr > td {
            width: 100%;
        }


    tr:has(td#ctl00_cphPageContent_TableCell1 > select#ctl00_cphPageContent_ddlTaskSearch_Release) {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    #ctl00_cphPageContent_Table1 > tbody > tr {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

        #ctl00_cphPageContent_Table1 > tbody > tr > th {
            width: 100%;
        }

        #ctl00_cphPageContent_Table1 > tbody > tr > td {
            width: 100%;
        }

    #ctl00_cphPageContent_tblPolicyParameters > tbody > tr > td {
        width: unset;
    }

    .cssPrimaryLinks a {
        padding: 5px !important;
    }

    #ctl00_cphPageContent_TableCell1 td {
        width: 50% !important;
    }

    #divfilteroptionsDS {
        padding-right: 10px;
    }

    * {
        max-width: 100% !important;
    }

    button, .cssButton, input[type="submit"], input[type="button"] {
        width: 100% !important;
        margin: 5px 0 !important;
    }

    #fc_frame {
        transform: scale(0.4);
        right: -11px !important;
    }

    #ctl00_cphPageContent_tblOrganizationSearch th {
        width: 25% !important;
    }

    .cssDockClass {
        padding: 0px !important;
        height: 24px !important;
    }

        .cssDockClass input {
            width: 40px !important;
            font-size: 7px !important;
            height: 16px !important;
            line-height: 5px !important;
            padding: 0 !important;
            margin: 2.5px 2.5px !important;
        }

        .cssDockClass .container {
            display: flex;
        }

    #ctl00_cphPageContent_divOrganizationNavigation {
        display: flex !important;
        flex-direction: column !important;
    }

        #ctl00_cphPageContent_divOrganizationNavigation span {
            display: none !important;
        }

        #ctl00_cphPageContent_divOrganizationNavigation a {
            padding: 0px;
        }

    #ctl00_cphPageContent_tblPageTable78739 img {
        width: 4px !important;
        height: auto !important;
    }

    #ctl00_cphPageContent_tblPageTable78739 span {
        line-height: 12px !important;
        font-size: 10px !important;
    }

    #ctl00_cphPageContent_tblPageTable78739 td {
        width: auto !important;
        line-height: 12px !important;
    }

    #ctl00_cphPageContent_tbcPageTableCell3027723 > #ctl00_cphPageContent_lblPrefix1120883 {
        display: none !important;
    }

    #ctl00_cphPageContent_tbcPageTableCell3027722,
    #ctl00_cphPageContent_tbcPageTableCell3027724,
    #ctl00_cphPageContent_tbcPageTableCell3027726,
    #ctl00_cphPageContent_tbcPageTableCell3027728,
    #ctl00_cphPageContent_tbcPageTableCell3029025,
    #ctl00_cphPageContent_tbcPageTableCell3027731 {
        display: flex !important;
        align-items: center !important;
    }

    #ctl00_cphPageContent_tblPageTable81322 > tbody div {
        display: inline-block;
        max-width: 95% !important;
        white-space: normal;
        vertical-align: text-top;
    }

    #ctl00_cphPageContent_tblPageTable81322 > tbody span {
        display: inline;
    }

    #ctl00_cphPageContent_tblPageTable81322 > tbody td span nobr {
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
    }

    #ctl00_cphPageContent_dgdDocumentSearch td,
    #ctl00_cphPageContent_dgdDocumentSearch th {
        white-space: normal !important;
        word-wrap: break-word;
        word-break: break-all;
    }

    #ctl00_cphPageContent_dgdDocumentSearch .cssTextBold {
        white-space: normal !important;
    }

    #ctl00_cphPageContent_dgdDocumentSearch td {
        padding: 0 !important;
    }

    #ctl00_cphPageContent_Table2 > tbody > tr > td > #ctl00_cphPageContent_btnDocumentSearchSortGo {
        width: 100% !important;
    }

    #ctl00_cphPageContent_Table2 > tbody > tr > td > #ctl00_cphPageContent_btnDocumentFilterClear {
        width: 100% !important;
    }


    .row {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }


    .cssTabs ul li {
        margin: 0 !important;
        font-size: 12px !important;
    }

    td > * {
        width: 100% !important;
    }

    fieldset > table > tbody > tr > td {
        display: flex;
        width: 100%;
        flex-direction: row;
    }

    fieldset > table > tbody > tr > td {
        width: 100% !important;
    }

        fieldset > table > tbody > tr > td > input {
            width: 10% !important;
        }
}