﻿html {
    height: 100%;
}

body {
    height: 100%;
    font-size: 75%;
    font-family: Arial, Helvetica, Roboto;
    margin: 0;
    padding: 0;
    color: #696969;
}

#top {
    position: absolute; /* For IE 8 */
}

#container {
    min-height: 100%; /* use min-height not height, to prevent overlap */
    margin-bottom: -15px; /* = #footer height+padding+border, to prevent overlap */
}

* html #container {
    height: 100%; /* ie6 doesn't support min-height, so need to use height */
}

#footer-spacer {
    height: 15px; /* = #container margin-bottom plus any extra space required between #container and #footer */
}


a:active {
    color: #12eb87;
}

a.links {
    text-decoration: underline;
}

p, ul {
    line-height: 1.6em;
    margin: 0;
    padding: 0;
}

.waitSpan {
    border-width: 0px;
    padding: 5px;
    background-color: black;
    color: #ffffff;
}

#addTwlNoteForm {
    width: 400px;
}

.NotesHeaderRow {
    height: 20px;
}

#addNote {
    cursor: pointer;
    display: inline-block;
}

/* Stemi Data Layout classes
----------------------------------------------------------*/
.NoPad {
    padding: 0px;
}

.NoPadLeft {
    padding-left: 0px;
}

.NoPadRight {
    padding-right: 0px;
}

.PadSideHalf {
    width: 50%;
}

.PadWidthTiny {
    width: 5px;
}

.PadWidthSmall {
    width: 10px;
}

.PadWidthMedium {
    width: 20px;
}

.PadWidthLarge {
    width: 30px;
}

.PadWidthLarge4X {
    width: 80px;
}

.PadWidthFull {
    width: 100%;
}

.PadHeightMicro {
    height: 2px;
}

.PadHeightTiny {
    height: 5px;
}

.PadHeightSmall {
    height: 10px;
}

.PadHeightLarge {
    height: 30px;
}

.PadLeftTiny {
    padding-left: 5px;
}

.PadLeftSmall {
    padding-left: 10px;
}

.PadLeftMedium {
    padding-left: 20px;
}

.PadLeftLarge {
    padding-left: 30px;
}

.PadTopTiny {
    padding-top: 5px;
}

.PadTopMedium {
    padding-top: 20px;
}

.PadRightSmall {
    padding-right: 10px;
}

.PadRightMedium {
    padding-right: 20px;
}

.PadBottomTiny {
    padding-bottom: 5px;
}

.PadBottomSmall {
    padding-bottom: 10px;
}

.PadBottomMedium {
    padding-bottom: 20px;
}

.BorderMediumDark {
    border: 2px solid #000000;
}

.BorderLeftGray {
    border-left: 1px solid #CCCCCC;
}

.BorderTopBlue {
    border-top: 1px solid #3366FF;
}

td.PadSmallHeading {
    padding-left: 80px;
}

td.NoWrap {
    white-space: nowrap;
}

td.MultiLineWrap {
    white-space: pre-line;
}

td.AlignLeft {
    text-align: left;
}

td.AlignRight {
    text-align: right;
}

td.AlignCenter {
    text-align: center;
}

td.AlignTop {
    vertical-align: top;
}

td.AlignBottom {
    vertical-align: bottom;
}

td.WidthAuto {
    width: auto;
    white-space: nowrap;
}

td.AutoWidth {
    width: auto;
}

td.WidthPartial {
    width: 15%;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

td.Width25P {
    width: 25%;
}

td.Width33p {
    width: 33%
}

td.Width50P {
    width: 50%;
}

td.TextAlignCenter {
    text-align: center;
}

td.WidthFull {
    width: 100%;
}

tr.DataTR {
    font-family: Arial, Helvetica, Roboto;
    font-size: 10pt;
    font-weight: normal;
    color: Black;
}

tr.DataTROver {
    font-family: Arial, Helvetica, Roboto;
    font-size: 10pt;
    font-weight: normal;
    background-color: #6699CC;
    color: Black;
    cursor: pointer;
}

tr.DataTROverNew {
    font-family: Arial, Helvetica, Roboto;
    font-size: 10pt;
    font-weight: normal;
    background-color: #660000;
    color: White;
    cursor: pointer;
}

tr.DataTROverNoPointer {
    font-family: Arial, Helvetica, Roboto;
    font-size: 10pt;
    font-weight: normal;
    background-color: #6699CC;
    color: Black;
}

tr.DataTRBgOdd {
    background-color: #EAF1FB;
}

tr.DataTRBgEven {
    background-color: #CEDEF4;
}

tr.DataTRBgNew {
    background-color: #990000;
    color: White;
}

tr.Cooperative {
    border-style: solid;
    border-color: #EDF1F4;
}

tr.DoNotShow {
    display: none;
}

tr.Show {
    display: table-row;
}

.LabelBlue {
    color: #6699CC;
    font-weight: bold;
}

.LabelRed {
    color: #FF0000;
    font-weight: bold;
}

.LabelWhite {
    color: #FFFFFF;
    font-weight: bold;
}

.DataBlack {
    color: #000000;
}

.DataBlackBold {
    color: #000000;
    font-weight: bold;
}

.DataWhite {
    color: #FFFFFF;
}

.DataWhiteBold {
    color: #FFFFFF;
    font-weight: bold;
}

.DataRedBold {
    color: #FF0000;
    font-weight: bold;
}

.DataBlackMedim {
    color: #000000;
    font-size: 11pt
}

.ErrorMessageMedium {
    color: Red;
    font-size: 11pt;
    font-weight: bold;
}

td.DefaultWidth {
    width: 100%;
}

td.CellBold {
    font-weight: bold;
}

.BorderBottomBlue {
    border-bottom: 1px solid #3366FF;
}

input[type=submit].BtnRed, .BtnRed {
    background: Red;
    color: #FFFFFF;
    font-weight: bold;
}


/* Services / Customers layout */
td.NameHeader {
    text-align: left;
    color: #000000;
    font-size: 16px;
    padding-left: 5px;
}

td.InfoSet {
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px
}

td.CustomerTypeFont {
    color: #000000;
    font-style: italic;
}

.PadLeftCustomerIndent {
    padding-left: 35px;
}

/* Stemi Header Layout classes
----------------------------------------------------------*/
td.HeaderLeft {
    width: 18%;
}

td.HeaderCenter {
    font-size: 2.4em;
    width: 64%;
    text-align: center;
}

td.HeaderRight {
    text-align: right;
    vertical-align: top;
}

div #header {
    height: 15%; /*TODO: REPORTS This needs to removed when we figure out how to correctly display the reports in all browsers. */
}

div.SubHeader {
    font-size: 18px;
    color: #000000;
    width: 100%;
    text-align: center;
}

.HeaderBar {
    width: 100%;
    background-color: #C6E2FF;
    border-top: 1px solid #499DF5;
    border-bottom: 1px solid #499DF5;
    text-align: center;
    color: Black;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
    padding-top: 4px;
    padding-bottom: 4px;
}

.HeaderBarNoBkGrnd {
    width: 100%;
    border-bottom: 1px solid #3366FF;
    text-align: center;
    color: Black;
    font-size: 18px;
}




/* Headings
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
    margin: 0;
    padding: 0.3em 0;
}

h1 {
    font-size: 2em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}

/* DecoratedText Styles
----------------------------------------------------------*/
.DecoratedTextYellowHighlight {
    background-color: yellow;
    color: black;
}

/* Image Styles
----------------------------------------------------------*/
.CenterImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}


    #header h1 {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
    }

#productHeader {
    color: #06619b;
    font-size: 1.4em;
    line-height: 1em;
    padding: .5em 0;
    margin-left: 2.044%;
    white-space: nowrap;
}



/* FOOTER STYLES */

#footer {
    margin: -15px auto 0;
    border-top: 1px solid #B4C0C8;
    font-size: 100%;
    margin-bottom: 4px;
}

    #execution-time, #footer p {
        clear: both;
        position: relative;
        text-align: center;
        font: normal .7em Arial, Helvetica, Roboto;
        color: #777;
        font-size: 0.8em;
    }

/* Tab Menu
----------------------------------------------------------*/
table.TblMenuContainer {
    width: 100%;
    height: 48px;
}

    table.TblMenuContainer td {
        padding: 0px;
        height: 48px;
    }

table.TblMenu {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

    table.TblMenu td {
        border-left: 1px solid #778; /* Left edge border of menu */
    }

table.Cooeperative {
    width: 98%;
    border-style: solid;
    border-color: #EDF1F4;
}

.TabMenu {
    /*font: bold 12px Verdana;*/
    font-size: 14px;
    font-weight: bold;
    background-color: #C6E2FF;
    width: 100%;
}

    .TabMenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        /*Top level list items*/
        .TabMenu ul li {
            position: relative;
            display: inline;
            float: left;
        }

table.smallMenu {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    border: 0px #499DF5 solid;
    border-top: 0px #499DF5 solid;
}

/*Top level menu link items style*/
.TabMenu ul li a {
    display: block;
    /*padding: 8px 10px;*/
    padding: 4px 10px;
    /*padding: 2px 5px 2px 0px;*/
    border-right: 1px solid #778;
    text-decoration: none;
    /*background: #414141; */ /*background of tabs (default state)*/
    /*color: #2d2b2b;*/
    background-color: #C6E2FF;
    color: #000000;
}

* html .TabMenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

    .TabMenu ul li a:link, .TabMenu ul li a:visited {
        /*color: white;*/
    }

    .TabMenu ul li a:hover {
        color: #3366FF;
    }

    .TabMenu ul li a:active {
        background-color: #3366FF;
        color: #FFFFFF;
    }

    .TabMenu ul li a.selected {
        background-color: #3366FF;
        color: #FFFFFF;
        cursor: pointer;
    }

/*1st sub level menu*/
.TabMenu ul li ul {
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    z-index: 1;
}

    /*Sub level menu list items (undo style from Top level List Items)*/
    .TabMenu ul li ul li {
        display: list-item;
        float: none;
    }

        /*All subsequent sub menu levels vertical offset after 1st level sub menu */
        .TabMenu ul li ul li ul {
            top: 0;
        }

        /* Sub level menu links style */
        .TabMenu ul li ul li a {
            /*font: normal 13px Verdana;*/
            /*font-weight: bold;*/
            width: 175px; /*width of sub menus*/
            padding: 5px;
            margin: 0;
            border-top-width: 0;
            border-bottom: 1px solid gray;
        }

/*Specific styling form Distributions by Cooperating Customer report menu item*/
.TabMenu ul li:nth-child(3) ul li {
    display: inline-block;
}

    .TabMenu ul li:nth-child(3) ul li a {
        min-width: 200px;
        width: auto;
    }

.downarrowclass {
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"] {
    width: 127px;
    height: 32px;
    border: 1px solid #D8D9DC;
    border-radius: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #2A323E;
    padding-left: 8px;
}

input[type="password"] {
    width: 200px;
    border: 1px solid #CCC;
}

.inlineForm {
    display: inline-block;
    padding-left: 5px;
}

    .inlineForm:first-child {
        padding-left: 0;
    }

/* TABLE
----------------------------------------------------------*/

table {
    border-collapse: collapse;
}

    table.NoPad {
    }

        table.NoPad td {
            padding: 0px;
        }

td.NoPadOverride {
    padding: 0px !important;
}

table.NoWrap {
}

    table.NoWrap td {
        white-space: nowrap;
    }

table.NoCollapse {
    border-collapse: separate;
}

table.AlignCenter {
    margin-left: auto;
    margin-right: auto;
}

table.AlignCenterModal {
    width: 50em;
    margin-left: auto;
    margin-right: auto;
}

table.Default th {
    padding: 6px 5px;
    text-align: left;
    background-color: #E8EEF4;
    border: solid 1px #E8EEF4;
}

table.Default td {
    padding: 5px;
    /*border: solid 1px #e8eef4;*/
}

table.DefaultList {
    border-collapse: collapse;
}

    table.DefaultList th {
        padding: 4px 5px;
        text-align: left;
        background-color: #0066FF;
        color: #FFFFFF;
        font-size: 14px;
        border-top: 1px solid #3366FF;
        border-bottom: 1px solid #3366FF;
    }

        table.DefaultList th.LinkHeader {
            /*width: 0%;*/
            margin: 0px;
            padding: 0px 0px;
            white-space: nowrap;
            font-size: 10px;
            font-weight: normal;
        }

    table.DefaultList td.LinkRow {
        margin: 0px;
        padding: 0px 0px;
        white-space: nowrap;
        font-weight: bold;
        cursor: pointer;
    }

table.Default {
    width: 100%;
    border-collapse: collapse;
}

table.DefaultList td.LinkRow a {
    cursor: pointer;
    text-decoration: none;
}

table.DefaultList th.LinkHeader a {
    cursor: pointer;
    text-decoration: underline;
}

table.DefaultList th a {
    color: #FFFFFF;
}

table.DefaultList th div.LinkOff {
    color: #C9BE62;
}

table.DefaultList td {
    padding: 4px 5px;
    border-bottom: 1px solid #3366FF;
    text-decoration: none;
}

table.TableArrow {
    table-layout: fixed;
    width: 18px;
    height: 18px;
}

    table.TableArrow td.ArrowClosed {
        cursor: pointer;
        background-image: url('Images/arrow_blue.gif');
    }

    table.TableArrow td.ArrowOpen {
        cursor: pointer;
        background-image: url('Images/arrow_blue_down.gif');
    }

table.Border {
    border-width: 1px;
    border-style: outset;
    border-color: Gray;
}

    table.Border th {
        border-width: 1px;
        border-style: solid;
        border-color: Gray;
    }

    table.Border td {
        border-width: 1px;
        border-style: solid;
        border-color: Gray;
    }

table.FullWidth {
    width: 100%;
}

table.Narrow {
    width: 440px;
}

table.PadSmall {
    border-collapse: collapse;
}

    table.PadSmall th {
        padding: 3px;
        background-color: #E8EEF4;
    }

table.PadLarge {
    border-collapse: collapse;
}

    table.PadLarge td {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 14px;
    }

    table.PadLarge th {
        padding-left: 8px;
        padding-right: 8px;
        background-color: #3366FF;
        color: #FFFFFF;
        font-size: 16px;
    }

table.CenterTextLeft {
    border-collapse: collapse;
    text-align: center;
    margin: auto;
}

    table.CenterTextLeft td {
        text-align: left;
    }

tbody.DeleteConfirmTable {
}

    tbody.DeleteConfirmTable td {
        padding: 5px;
    }

        tbody.DeleteConfirmTable td.LeftCell {
            padding-left: 25px;
        }

        tbody.DeleteConfirmTable td.ConfirmControls {
            padding: 5px 0px 0px 0px;
        }

td.SetHalf {
    max-width: 50%;
    width: 50%;
}

td.SetMin {
    max-width: 90px;
    width: 90px;
}

th.SetMin {
    max-width: 90px;
    width: 90px;
}

th.FontWidth {
    width: 1em;
}

th.NoWrap {
    white-space: nowrap;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}



#menucontainer {
    /*margin-top:0px;*/
    margin: 0;
    padding: 0;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: Black;
}

    #logindisplay a:link {
        font-size: 0.8em;
        color: Blue;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        font-size: 0.8em;
        color: Blue;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        font-size: 0.8em;
        color: Blue;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

div.validation-summary-errors ul {
    list-style-type: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
    vertical-align: top;
}

.editor-sublabel {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    vertical-align: top;
}

.editor-label-auto {
    width: auto;
    vertical-align: top;
}

.editor-label-disabled {
    color: #778899;
}

.subEditor-label {
    vertical-align: top;
    padding-left: 100px;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}


/* Styles for the inbox */
.InboxTwelveLeadInterpretation {
    font-size: 10px;
}


/* Styles for Login page
-----------------------------------------------------------*/
#LoginBody {
    margin-left: 8px;
    margin-right: 8px;
}

#LoginHeaderBar {
    position: relative;
    background-color: WhiteSmoke;
    border-color: Silver;
    border-width: 1px;
    border-style: Solid;
    height: 50px;
    width: 100%;
    top: 14px;
}

#RescueNetImage {
    border-width: 0px;
    left: 15px;
    position: relative;
}

#LogoZOLL {
    border-width: 0px;
    position: relative;
    top: 13px;
}

#HeaderTitle {
    padding-right: 15px;
    position: relative;
    top: 10px;
    font-size: 16pt;
}

#LoginMessage {
    position: relative;
    top: 16px;
    font-size: 10pt;
    padding-left: 2px;
}

#LoginImageBox {
    text-align: center;
    width: 2247px
}

.SilverBorder {
    border-color: silver;
    border-width: 1px;
    border-style: Solid;
}

table.SilverBorderCenter {
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    border: 1px Solid silver;
}

table.SilverNoBorderCenter {
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

.BackSilver {
    background-color: #C1E1FF;
    border: 1px Solid #E8EEF4;
}

.BackWhite {
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 5px;
}

table.SilverBorderCenter td.PadPic {
    vertical-align: top;
    padding-top: 1px;
    padding-left: 20px;
}

table.SilverBorderCenter td.PicNoPadding {
    vertical-align: top;
}

table.SilverBorderCenter td.Center {
    padding: 20px;
}

table.SilverBorderCenter td.PadBottom {
    padding-bottom: 20px;
}

table.SilverBorderCenter td.PadBetween {
    padding-bottom: 10px;
}

table.SilverBorderCenter td.BlankWidth {
    width: 25px;
}

.TextAlignCenter {
    text-align: center;
}

.LoginForm {
    height: 200px;
    border-spacing: 4px;
}

.LoginWidthLarge {
    width: 300px;
}

.LoginTextBox {
    width: 260px !important;
    font-family: Veranda;
    font-size: 11pt;
}

.BlueText {
    color: SteelBlue;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
}

table.DefaultLogin {
    width: 100%;
    border-collapse: separate;
}

    table.DefaultLogin td {
        padding: 2px;
    }

table.LoginHeaderTable {
    width: 100%;
    height: 50;
    border-collapse: separate;
}

.PadLeftFivePercent {
    padding-left: 5%;
}

.PadLeftFivePix {
    padding-left: 5px;
}

/* Styles for error messages*/

table.ErrorMessageTable {
    table-layout: fixed;
    width: 500px;
    word-wrap: break-word;
}

    table.ErrorMessageTable td {
        width: 500px;
    }


/* Bogus Styles */
.LinkWannaBe {
    color: Black;
    /*text-decoration:underline;*/
    font-size: 11px;
}

input[type=text].multiText, .multiText {
    width: 99%;
}

.CustomerEditCellWidth {
    width: 202px;
}

.widthFull {
    min-width: 100%;
    width: 100%;
}

.singleTextHalf {
    min-width: 50%;
    width: 50%;
}

.widthQuarter {
    width: 90%;
}

.widthNinetyNineP {
    width: 99%;
}

.TextBoxSmall {
    max-width: 100px;
    width: 100px;
}



td.PaddingLeft {
    border-left: 40px solid transparent;
}

.leftPadding {
    margin-left: 2em;
}

td.PaddingRight {
    border-right: 40px solid transparent;
}

.noTextDecoration {
    cursor: crosshair;
    text-decoration: none;
    outline: none;
    border: 0px none transparent;
}

.MouseOver {
    font-family: Arial, Helvetica, Roboto;
    font-size: 10pt;
    font-weight: normal;
    background-color: #BDEDFF;
    color: Black;
    cursor: pointer;
}

.MouseOut {
    font-family: Arial, Helvetica, Roboto;
    font-size: 10pt;
    font-weight: normal;
    color: Black;
}


.GeneralWithMenu {
    width: 100%;
    border-right: 1px solid gray;
}

.SideLink {
    width: auto;
    vertical-align: top;
    white-space: nowrap;
    padding: 5px;
}

.GrayBack {
    background-color: #EFEBF3;
}

td.PaddingLeftSmall {
    border-left: 20px solid transparent;
}

td.PaddingRightSmall {
    border-right: 20px solid transparent;
}

.FullWidth {
    width: 100%;
}

div.SeparatorTop {
    border-top: 1px solid #000000;
}

table.TopMenuData {
    padding: 2px;
    background-color: #F7F5FE;
}

.CustomerHeaders {
}

/*
    TODO: REPORTS This is temporary way to allow a scrollable viewport via iframe for reports. For Internet Explorer.
*/
#ReportView {
    height: 100%;
    overflow: visible;
}

td.InformationNote {
    color: black;
    font-size: 9px;
}


/*************************Audit Log**********************/
.DistributionAuditLog {
    font-family: Arial, Helvetica, Roboto;
    font-size: 10pt;
    font-weight: normal;
    color: Black;
}

td.alDetailsHeader {
    font-weight: bold;
    border-bottom: 1px solid #CEDEF4;
    border-left: 1px solid #CEDEF4;
    border-right: 1px solid #CEDEF4;
    min-width: 200px;
}

td.alDetailsItem {
    border: 1px solid #CEDEF4;
}

.alDetailsTable {
    margin-bottom: 8px;
}

.alLink {
    float: left;
    margin-left: 25px;
}

    .alLink label {
        text-decoration: underline;
    }

/*************************Initialization Screen**********************/
div.InitializeCenterMessage {
    width: 100%;
    text-align: center;
    padding-top: 20%;
}

/*************************Timepicker*********************************/
input.ui-timepicker-input {
    width: 69px;
}

/*Configuration Agency Alerts tables*/
#agencyAlerts table {
    table-layout: fixed;
}

.MuseEnabled {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.157916);
    background: #FFFF;
}
/*************************Primary Navigation*********************************/
#zollmenu {
    background-color: white;
    height: 46px;
    font-family: Roboto Condensed;
    align-items: center;
}

    #zollmenu ul,
    #zollmenu li {
        margin: 0 0;
        padding: 0 0;
        height: inherit;
        list-style: none;
    }

    #zollmenu ul {
        height: inherit;
    }

    #zollmenu li {
        float: left;
        display: inline;
        position: relative;
    }

        #zollmenu li:first-child {
            border-left: none;
        }

    #zollmenu a {
        display: block;
        line-height: 46px;
        text-decoration: none;
        font-size: 16px;
        color: #0A59A7;
        height: inherit;
    }

    #zollmenu li:hover > a,
    #zollmenu li a:hover {
        background-color: #F6F8FA;
    }

    #zollmenu ul.menus {
        height: auto;
        width: auto;
        background: white;
        position: absolute;
        z-index: 99;
        display: none;
        border: 0;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.157916);
        background: #FFFF;
    }

        #zollmenu ul.menus li {
            display: block;
            width: 100%;
            text-transform: none;
            font-size: 16px;
            border: none;
            outline: none;
            color: #0A59A7;
            background-color: inherit;
            font-family: inherit;
            margin: 0;
        }

    #zollmenu li:hover ul.menus {
        display: block;
    }

    #zollmenu a.home {
        background: inherit;
    }

    #zollmenu ul.menus a:hover {
        background: #F6F8FA;
    }

.menuDownArrow {
    position: relative;
    top: 6px;
    left: 8px;
    width: 15px;
    height: 15px;
    padding-right: 18px;
    background-size: 100%;
    background-size: cover; /* Ensures the image covers the entire area */
    image-rendering: -webkit-optimize-contrast; /*For webkit browsers */
    image-rendering: crisp-edges; /*For other browsers */
    object-fit: cover; /*Cover the container without distortion */
    filter: blur(0); /*Remove any accidental blur effect */
    background-repeat: no-repeat;
    background-image: url(../Content/Images/ChevronDown.png) !important;
    background-size: 8px 6px;
}

ul li.active:after {
    border-bottom: 4px solid #0C4675;
    content: "";
    left: 0;
    right: 0;
    top: 43px;
    position: absolute;
    align-items: center;
}

.Menuspadding {
    padding-left: 18px;
    padding-right: 18px;
}

.MenuWidth {
    width: max-content;
}

.MasterPagebackground {
    background: #EBECEE;
}

.PimaryNavigationBarPadding {
    padding: 0 0 0 8px;
}

/*ZO Header padding issue, CDATA-20711*/
#zo-product-logo .zo-menu-item--cue span {
    padding: 0 !important;
    margin: 2px !important;
}

/*Distribute 12-Lead page background*/
.BackgroundWhite {
    background-color: #FFFFFF;
}
