html, body {
    margin: 0;
    padding: 0;
    overflow: hidden !important;
}


.menubutton {
    background: none !important;
    border: none;
    padding: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-decoration: none;
    cursor: pointer;
    text-align: left !important;
}

.newbutton {
    background: none !important;
    border: none;
    padding: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-decoration: none;
    cursor: pointer;
}

.collapsehidepanel:hover,
.expandshowpanel:hover {
    background: #E67300 !important;
    background-color: #E67300 !important;
}

.favoritemenudisplay {
    display: flex;
    justify-content: space-between;
   
    width: 100%;
}
    .favoritemenudisplay:first-of-type > div:last-child {
        order: -1;
    }

.favoritemenuremove:hover {
    /* background:red !important;*/
    border:solid 1px #E67300;

}
.favoritemenuremove a:hover {
    background-color: #C6007E;
    color: #FFFFFF !important;
}
 .favoritemenuadd:hover, .favoritemenuadd:hover a {
    background: #E67300 !important;
    color: #FFFFFF !important;
   
}
.favoritemenuremove, .favoritemenuadd {
    white-space: nowrap !important;
    display: block;
}


.menuhoveredstyle {
    background: #E67300 !important;
}


    .menuhoveredstyle span {
        color: #FFFFFF;
    }

.logingradient {
    background-image: -moz-linear-gradient(bottom, #3366CC 0%, #003896 100%); /* Mozilla Firefox */
    background-image: -o-linear-gradient(bottom, #3366CC 0%, #003896 100%); /* Opera */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3366CC), color-stop(100, #003896)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(bottom, #3366CC 0%, #003896 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to top, #3366CC 0%, #003896 100%); /* W3C Markup */
    -moz-box-shadow: 0px 0px 15px #888888;
    -webkit-box-shadow: 0px 15px 4px #888888;
    box-shadow: 0px 0px 15px #888888;
}

.tooltipbackgroundheader {
    background: #00848A !important;
}

.tooltipshowhidediv {
    padding: 10px;
    width: 100%;
    height: auto
}

.tooltipheader {
    background-color: #00848A;
    padding: 5px 5px 5px 5px;
}

.tooltiptext {
    background-color: whitesmoke;
    color: black;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
}

.helpdocumentheader {
    background-color: #00848A;
    background: #00848A !important;
    padding: 5px 5px 5px 5px;
}

.helpdocumentouterdiv, .managelinksparent {
    width: 100%;
    overflow-y: auto;
}

.helpdocumentchild, .managelinkschild {
    height: 500px;
    margin-top: 10px;
    padding: 7px 8px 10px 10px;
    width: 100%;
    background-color: rgba(0,56,150,0.1);
}

.helpdocumentchild {
    background-color: #FFFFFF;
}

.helptabdivider {
    color: #00858A;
    background-color: #DDDDDD;
    font-size: 24px;
    text-align: center;
}

.dxpnl-edge.t.headerPane {
    background-color: #EDEDED;
    background-position: left top;
    background-repeat: no-repeat;
}

    .dxpnl-edge.t.headerPane.panel {
        padding: 0;
    }

.headerMenu {
    border-width: 0 !important;
    border-top-width: 1px !important;
}

.expandedPanel {
    padding: 2px !important;
}

    .expandedPanel .headerMenu {
        border-top-width: 0 !important;
    }

.templateTitle {
    /*float: left;
    margin: 12px 12px 18px;*/
   /**/ margin: 12px 0 1px 0;
}

.expandedPanel .templateTitle {
    display: none;
}

.dxpnl-edge.t.headerPane.bar .templateTitle {
    margin: 0;
}

.templateTitle a {
    text-decoration: none;
    font-size: x-large;
    /*color: black;*/
}
.facilityheadertext {
    color: white;
    margin-bottom: 0 !important;
}
.loginControl {
    float: right;
    margin: 24px 25px 12px;
    font-size: 12px;
}

.expandedPanel .loginControl {
    float: none;
    margin-left: 12px;
    margin-bottom: 24px;
}

.loginControl a {
    color: black;
    text-decoration: none;
    border-bottom: dashed 1px black;
    display: inline-block;
}
.expandedbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 35px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Footer */
.dxpnl-edge.b.footerPane {
    background-color: #EDEDED;
}

    .dxpnl-edge.b.footerPane.panel {
        padding: 0;
    }



/* Left Panel */
.leftPane.panel {
    padding: 1px;
    width: 200px;
}

/* Right Panel */
.rightPane.panel {
    padding: 0;
    width: 250px;
}

/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}


/* iOS */
.dxpnlControl_iOS.leftPane,
.dxpnlControl_iOS.rightPane
/*,
.dxpnlControl_iOS.contentPane*/ {
    border-width: 1px !important;
}

    .dxpnlControl_iOS.leftPane.panel {
        width: 300px;
    }

.dxpnlControl_iOS.rightPane {
    width: 450px;
}

.dxpnlControl_iOS .templateTitle {
    /*margin: 17px 25px;*/
}

    .dxpnlControl_iOS .templateTitle a {
        color: #303030;
        font-size: 26px;
        line-height: 1em;
        font-weight: bold;
    }

.dxpnlControl_iOS .loginControl a {
    color: #0160E7;
    text-decoration: underline;
    font-size: 20px;
    font-weight: bold;
}

.dxpnlControl_iOS.mainContentPane {
    border-width: 0px !important;
    box-shadow: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
}

.dxpnlControl_iOS.dxpnl-edge.b.footerPane {
    border-width: 1px !important;
}

.dxpnlControl_iOS .accountHeader p {
    color: #303030;
}

.dxpnlControl_iOS .accountHeader h2 {
    color: #303030;
    font-size: 26px;
    margin-bottom: 10px;
}


/* Aqua */
.dxpnlControl_Aqua.dxpnl-edge.t.headerPane,
.dxpnlControl_Aqua.dxpnl-edge.b.footerPane,
.dxpnlControl_Aqua .footerMenu li {
    background-color: #BFDBFF;
}

.dxpnlControl_Aqua.dxpnl-edge.t.headerPane {
    background-image: url('images/AquaHeader.jpg');
}

.dxpnlControl_Aqua .accountHeader h2 {
    color: #5689C5;
}

.dxpnlControl_Aqua .loginControl a,
.dxpnlControl_Aqua .templateTitle a {
    color: White;
    border-color: White;
}


/* DevEx */
.dxpnlControl_DevEx.dxpnl-edge.t.headerPane,
.dxpnlControl_DevEx.dxpnl-edge.b.footerPane,
.dxpnlControl_DevEx .footerMenu li {
    background-color: #F2F3F4;
}

.dxpnlControl_DevEx .templateTitle a,
.dxpnlControl_DevEx .loginControl,
.dxpnlControl_DevEx .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_DevEx .loginControl a {
        border-bottom-color: #4B4B57;
    }


/* BlackGlass */
.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane,
.dxpnlControl_BlackGlass.dxpnl-edge.b.footerPane,
.dxpnlControl_BlackGlass .footerMenu li {
    background-color: #2A2A2A;
    color: white;
}

.dxpnlControl_BlackGlass.dxpnl-edge.t.headerPane {
    background-image: url('images/BlackGlassHeader.jpg');
}

.dxpnlControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul {
    border-bottom: 1px solid black;
}

.dxpnlControl_BlackGlass .accountHeader p {
    color: #585858;
}

.dxpnlControl_BlackGlass .loginControl a,
.dxpnlControl_BlackGlass .templateTitle a {
    color: White;
    border-color: White;
}


/* Glass */
.dxpnlControl_Glass.dxpnl-edge.t.headerPane,
.dxpnlControl_Glass.dxpnl-edge.b.footerPane,
.dxpnlControl_Glass .footerMenu li {
    background-color: #CFE0E7;
}

.dxpnlControl_Glass.dxpnl-edge.t.headerPane {
    background-image: url('images/GlassHeader.jpg');
}

.dxpnlControl_Glass .footerMenu * {
    background-image: none !important;
}

.dxpnlControl_Glass .templateTitle a,
.dxpnlControl_Glass .loginControl,
.dxpnlControl_Glass .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Glass .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Glass .accountHeader h2 {
    color: #387FA4;
}

.dxpnlControl_Glass .accountHeader p {
    color: #575757;
}



/* Office2003Blue */
.dxpnlControl_Office2003Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Blue .footerMenu li {
    background-color: #BCD4F6;
}

.dxpnlControl_Office2003Blue .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Blue .leftPanel > ul {
    background: transparent none;
}

.dxpnlControl_Office2003Blue .templateTitle a,
.dxpnlControl_Office2003Blue .loginControl,
.dxpnlControl_Office2003Blue .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Blue .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Blue .accountHeader p {
    color: #424242;
}


/* Office2003Olive */
.dxpnlControl_Office2003Olive.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Olive.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Olive .footerMenu li {
    background-color: #D6DCBB;
}

.dxpnlControl_Office2003Olive .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Olive .leftPanel > ul {
    background: transparent none;
}

.dxpnlControl_Office2003Olive .templateTitle a,
.dxpnlControl_Office2003Olive .loginControl,
.dxpnlControl_Office2003Olive .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Olive .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Olive .accountHeader p {
    color: #424242;
}

/* Office2003Silver */
.dxpnlControl_Office2003Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2003Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2003Silver .footerMenu li {
    background-color: #D0D0DE;
}

.dxpnlControl_Office2003Silver .footerMenu div {
    background: transparent none;
}

.dxpnlControl_Office2003Silver .leftPanel > ul {
    background: transparent none;
}

.dxpnlControl_Office2003Silver .templateTitle a,
.dxpnlControl_Office2003Silver .loginControl,
.dxpnlControl_Office2003Silver .loginControl a {
    color: #4B4B57;
}

    .dxpnlControl_Office2003Silver .loginControl a {
        border-bottom-color: #4B4B57;
    }

.dxpnlControl_Office2003Silver .accountHeader p {
    color: #424242;
}

/* Office2010Black */
.dxpnlControl_Office2010Black.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Black.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Black .footerMenu li {
    background-color: #393939;
    color: white;
}

.dxpnlControl_Office2010Black .footerMenu a {
    color: white !important;
}

.dxpnlControl_Office2010Black .accountHeader h2 {
    color: #3C3C3C;
}

.dxpnlControl_Office2010Black .loginControl a,
.dxpnlControl_Office2010Black .templateTitle a {
    color: White;
    border-color: White;
}


/* Office2010Blue */
.dxpnlControl_Office2010Blue.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Blue.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Blue .footerMenu li {
    background-color: #D3E4F6;
}

.dxpnlControl_Office2010Blue .templateTitle a,
.dxpnlControl_Office2010Blue .loginControl,
.dxpnlControl_Office2010Blue .loginControl a {
    color: Black;
}

    .dxpnlControl_Office2010Blue .loginControl a {
        border-bottom-color: Black;
    }

.dxpnlControl_Office2010Blue .accountHeader h2 {
    color: #498BC2;
}


/* Office2010Silver */
.dxpnlControl_Office2010Silver.dxpnl-edge.t.headerPane,
.dxpnlControl_Office2010Silver.dxpnl-edge.b.footerPane,
.dxpnlControl_Office2010Silver .footerMenu li {
    background-color: #A9ACB4;
    color: white;
}

.dxpnlControl_Office2010Silver .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Office2010Silver .loginControl a,
.dxpnlControl_Office2010Silver .templateTitle a {
    color: White;
    border-color: White;
}



/* PlasticBlue */
.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_PlasticBlue.dxpnl-edge.b.footerPane,
.dxpnlControl_PlasticBlue .footerMenu li {
    background-color: #3C4F8F;
    color: white;
}

.dxpnlControl_PlasticBlue.dxpnl-edge.t.headerPane {
    background-image: url('images/PlasticBlueHeader.jpg');
}

.dxpnlControl_PlasticBlue .accountHeader h2 {
    color: #5A83D0;
}

.dxpnlControl_PlasticBlue .accountHeader p {
    color: #575757;
}

.dxpnlControl_PlasticBlue .loginControl a,
.dxpnlControl_PlasticBlue .templateTitle a {
    color: White;
    border-color: White;
}


/* RedWine */
.dxpnlControl_RedWine.dxpnl-edge.t.headerPane,
.dxpnlControl_RedWine.dxpnl-edge.b.footerPane,
.dxpnlControl_RedWine .footerMenu li {
    background-color: #78002B;
    color: white;
}

.dxpnlControl_RedWine.dxpnl-edge.t.headerPane {
    background-image: url('images/RedWineHeader.jpg');
    background-position: top right;
}

.dxpnlControl_RedWine .footerMenu div {
    background: transparent none;
}

.dxpnlControl_RedWine .accountHeader h2 {
    color: #8A0A37;
}

.dxpnlControl_RedWine .loginControl a,
.dxpnlControl_RedWine .templateTitle a {
    color: White;
    border-color: White;
}


/* SoftOrange */
.dxpnlControl_SoftOrange.dxpnl-edge.t.headerPane,
.dxpnlControl_SoftOrange.dxpnl-edge.b.footerPane,
.dxpnlControl_SoftOrange .footerMenu li {
    background-color: #F9F9F9 !important;
    background-image: none !important;
}

.dxpnlControl_SoftOrange .templateTitle a,
.dxpnlControl_SoftOrange .loginControl,
.dxpnlControl_SoftOrange .loginControl a {
    color: Black;
}

    .dxpnlControl_SoftOrange .loginControl a {
        border-bottom-color: Black;
    }

.dxpnlControl_SoftOrange .accountHeader h2 {
    color: Black;
}

.dxpnlControl_SoftOrange .accountHeader p {
    color: #707070;
}


/* Youthful */
.dxpnlControl_Youthful.dxpnl-edge.t.headerPane,
.dxpnlControl_Youthful.dxpnl-edge.b.footerPane,
.dxpnlControl_Youthful .footerMenu li {
    background-color: #8AA150;
    color: white !important;
}

.dxpnlControl_Youthful .accountHeader h2 {
    color: #80A70E;
}

.dxpnlControl_Youthful .loginControl a,
.dxpnlControl_Youthful .templateTitle a {
    color: White;
    border-color: White;
}

/* Metropolis */
.dxpnlControl_Metropolis.dxpnl-edge.t.headerPane,
.dxpnlControl_Metropolis .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Metropolis.rightPane {
    width: 400px;
}

.dxpnlControl_Metropolis .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Metropolis .loginControl a,
.dxpnlControl_Metropolis .templateTitle a {
    color: Black;
    border-color: Black;
}

.dxpnlControl_Metropolis .templateTitle a {
    font-size: 28px;
}

/* MetropolisBlue */
.dxpnlControl_MetropolisBlue.dxpnl-edge.t.headerPane,
.dxpnlControl_MetropolisBlue .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_MetropolisBlue.rightPane {
    width: 400px;
}

.dxpnlControl_MetropolisBlue .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_MetropolisBlue .loginControl a,
.dxpnlControl_MetropolisBlue .templateTitle a {
    color: Black;
    border-color: Black;
}

.dxpnlControl_MetropolisBlue .templateTitle a {
    font-size: 28px;
}

/* Moderno */
.dxpnlControl_Moderno.dxpnl-edge.t.headerPane,
.dxpnlControl_Moderno .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Moderno.headerPane .headerMenu .dxm-main {
    border-color: #d1d1d1;
    border-style: solid;
}

.dxpnlControl_Moderno.leftPane {
    padding: 0px;
}

    .dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-header,
    .dxpnlControl_Moderno.leftPane .dxnbLite_Moderno .dxnb-gr:first-child .dxnb-headerCollapsed {
        border-top: 0px;
    }

.dxpnlControl_Moderno.rightPane {
    width: 350px;
}

.dxpnlControl_Moderno .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Moderno .loginControl a,
.dxpnlControl_Moderno .templateTitle a {
    font-size: 14px;
    color: #0072c6;
    border-color: #0072c6;
}

.dxpnlControl_Moderno .templateTitle a {
    font-size: 28px;
}

.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvTable_Moderno {
    border: 0 !important;
}

.dxpnlControl_Moderno .contentPane .dxgvControl_Moderno .dxgvHeader_Moderno {
    border-top: 0 !important;
}

.dxpnlControl_Moderno.dxpnl-edge.b.footerPane {
    background: #EDEDED;
}

/* Mulberry */
.dxpnlControl_Mulberry .footerMenu li {
    background-color: White;
    color: Black;
}

.dxpnlControl_Mulberry .accountHeader h2 {
    color: #3B3B3B;
}

.dxpnlControl_Mulberry .loginControl a,
.dxpnlControl_Mulberry .templateTitle a {
    color: #BF4E6A;
    border-color: #BF4E6A;
    font-size: 14px;
}

.dxpnlControl_Mulberry .templateTitle a {
    font-size: 28px;
}

.dxpnlControl_Mulberry.dxpnl-edge.t.headerPane,
.dxpnlControl_Mulberry.dxpnl-edge.b.footerPane {
    background: #F1F2F5;
}

.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvTable_Mulberry {
    border: 0 !important;
}

.dxpnlControl_Mulberry .contentPane .dxgvControl_Mulberry .dxgvHeader_Mulberry {
    border-top: 0 !important;
}

/*PR Styling Send Email Button*/
/*common button style*/
.newBtn {
    background: #003896;
    background-image: -webkit-linear-gradient(top, #003896, #003896);
    background-image: -moz-linear-gradient(top, #003896, #003896);
    background-image: -ms-linear-gradient(top, #003896, #003896);
    background-image: -o-linear-gradient(top, #003896, #003896);
    background-image: linear-gradient(to bottom, #003896, #003896);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    border: transparent;
    box-shadow: none !important;
    text-align: center;
    cursor: pointer;
}

    /*.newBtn:hover {
        background: #003890;
        background-image: -webkit-linear-gradient(top, #003890, #3498db);
        background-image: -moz-linear-gradient(top, #003890, #3498db);
        background-image: -ms-linear-gradient(top, #003890, #3498db);
        background-image: -o-linear-gradient(top, #003890, #3498db);
        background-image: linear-gradient(to bottom, #003890, #3498db);
        text-decoration: none;
    }*/
.attachmentBtn {
    background: #003890;
    color: #FFFFFF;
    border: 1px solid #003896;
    padding: 1px 4px 1px 4px;
}
    .attachmentBtn:hover {
        background: #E67300;
        border: 1px solid #E67300;
    }

.magenterBackground {
    background: RGBA(198,0,126, 0.7);
}

.blueBackground {
    background: RGBA(0,56,150, 0.7);
}

.orangeBackground {
    background: RGBA(230,115,0,0.7);
}

.tealBackground {
    background: RGBA(0,133,138,0.7);
}

.greenBackground {
    background: RGBA(158,171,5,0.7);
}


.imageBtn {
    background-color: transparent;
    background-image: url("../Content/Images/PrinterIcon/print.gif");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
    cursor: pointer;
}


    .imageBtn:hover {
        background: #003890;
        background-image: url("../Content/Images/PrinterIcon/print.gif");
        background-repeat: no-repeat;
        background-position: center;
        text-decoration: none;
    }


/*PR Button Style... Save, Cancel, Update, Delete*/
.ButtonContainer {
    max-width: 300px;
    margin: 0 0 0 auto;
    text-align: right;
    padding-top: 12px;
    padding-right: 12px;
}

.popupButtonContainer {
    max-width: 300px;
    margin: 0 0 0 auto;
    text-align: right;
}

.submitButton,
.cancelButton {
    margin-bottom: 12px;
}

.cancelButton {
    margin-left: 8px;
}

.btnSpace {
    margin: 30px 5px 20px 5px;
}

/*Customized Popup control Header Style*/
.popupheader {
    padding: 5px 0 5px 2px;
    border: 1px solid #7EACB1;
    background: #b7d8dc url(/DXR.axd?r=0_1009-s9J2i) repeat-x top;
}

.helppopup, .clonepopup, .headPane, .footPane, .measurementspopup {
    background-color: #003890 !important;
    color: #FFFFFF !important;
    background-image: none !important;
    background: #003890 !important;
}
.versionspace {/*margin-right:6%;*/}
.helppopup {
    background-color: #00848A !important;
    background: #00848A !important;
}

.navbarheader {
    color: #FFFFFF !important;
    background-image: none !important;
    background: rgba(0,56,150,0.8) !important;
    background-color: rgba(0,56,150,0.8) !important;
    text-decoration: none !important;
}

    .navbarheader:hover {
        background: rgba(0,133,138,0.8) !important;
        background-color: rgba(0,133,138,0.8) !important;
    }

    .navbarheader a:link, .navbarheader span {
        background: rgba(0,56,150,0.1) !important;
        background-color: rgba(0,56,150,0.1) !important;
        color: #FFFFFF !important;
        text-decoration: none !important;
    }

/*net benefit 168,173,0
*/
.navbarheadernet {
    color: #FFFFFF !important;
    background-image: none !important;
    background: rgba(168,173,0,0.8) !important;
    background-color: rgba(168,173,0,0.8) !important;
    text-decoration: none !important;
}

/* For now scroll header*/
.dxtlHSDC, .dxgvHSDC {
    cursor: pointer;
    white-space: nowrap;
    padding: 0px; /*4px 6px 5px;*/
    border-bottom: 1px solid #7EACB1;
    background: #b7d8dc url(/DXR.axd?r=0_1009-AXYdj) repeat-x top;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
}

.logincontainer {
    max-width: 60em;
}
/*Style for Gridview index/From page this will be uniform size across the software -*/
/*This is the render div... but will change*/
.contentPane {
    /*    position: absolute;
    width: 100%;
   
  bottom: 10px;
    overflow: hidden;
   overflow-y: auto;
     top: 120px;
    text-align: justify;   
    border-top: 0;
    margin-bottom: 20px;*/
    /*padding-left: 1px !important;
    padding-right: 1px !important;*/
    /*background-color: green;*/
}

.reportcontent {
    position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 130px;
    bottom: 10px;
}

.reportnewtab {
    position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    top: 10px;
    bottom: 10px;
}

.reportdaterange {
    width: 450px;
}

.reportnodaterange,.reportenddaterange {
    width: 300px;
}

.reportchooseoption {
    width: 750px;
}

.popupcontent {
    margin-top: 170px;
}

.gridViewDivParentHeader {
    text-align: center;
}



/*Join Ventures Tables Style*/
.TBLJointVenture tr td {
    padding: 0.3% !important;
    margin: 0.3% !important;
    vertical-align: middle;
}

/*Form Layout style */
.CaptionStyle /*This will not embed used soon*/ {
    padding-right: 150px !important;
    color: red;
}

.wrapCaption {
    white-space: normal;
    color: red;
    word-wrap: break-word; /* IE 5.5-7 */
    white-space: pre-wrap; /*current browsers */
}

.wrapCaptionCell {
    width: 78% !important;
    word-wrap: break-word; /* IE 5.5-7 */
    color: green;
}



/*.formLayoutStyle {
    max-width: 2000px;
    margin: 0 auto;
}*/

.closeGreenBackgroundGap {
    padding-right: -1.5%;
    margin-right: -1.5%;
}

.closeGreenBackgroundGapBD {
    padding-right: -3%;
    margin-right: -2%;
}

.closeGreenBackgroundGapBDD {
    margin-left: -3%;
}

.customizationCheckbox {
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
}

.customizationHeader {
    background: #b7d8dc url(/DXR.axd?r=0_1009-s9J2i) repeat-x top;
}

.popupControlWidth {
    width: 35em;
    max-width: 35em;
    margin: 0 auto;
}

.printPreviewPopupControlWidth {
    width: 700px;
    max-width: 700px;
    margin: 0 auto;
}

.tealcolor {
    color: #00848A;
}

.orangeFontColor {
    color: #e67300;
}

.blueFontColor {
    color: #003896;

}
.hoverlogoutmenu {
    background: RGBA(230,115,0,0.5) !important;
    color: #FFFFFF !important;
}
.hoverlogoutmenu a span {
    color: #FFFFFF !important;
 }
/*.hoverlogoutmenu a {
    color: #FFFFFF !important;
}*/
/*********** Tool Tip Popup call out Hit Style PR ****** */
.tooltipcontainer {
    border: 1px solid #00848A !important;
}

    .tooltipcontainer > .dxh-title {
        background-color: #00848A;
        color: #ffffff;
    }

.topbottomcallout > .dxh-callout::after {
    border-top-color: #00848A !important;
    border-bottom-color: #00848A !important;
}

.leftrightcallout > .dxh-callout::after {
    border-left-color: #00848A !important;
    border-right-color: #00848A !important;
}

.tooltipbody > .dxh-content {
    background-color: whitesmoke;
    color: black;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    margin-bottom: 0em !important;
}
.interestDescriptionDivToolTip {
    height: 150px;
    margin: 0 auto;
    overflow: auto;
    resize: vertical;
    font-size: 14px;
}
/*Help document style*/
.helpdocument, .helpdocumentbody {
    font-family: Verdana,Arial,Tahoma,sans-serif;
    text-align: justify;
    margin-right: 20px;
    /*background-color: rgba(255,227,200, 0.9);*/
}

    .helpdocument h6, .helpdocumentbody h6 {
        color: #00858A;
    }

    .helpdocument .bluefont, .helpdocumentbody .bluefont {
        color: #003896;
    }

.violetredfont {
    color: #C6007E;
}

.helplinkpagelist {
    list-style-type: none;
}

    .helplinkpagelist a {
        color: #C6007E;
        font-weight: bold;
        text-decoration: underline;
    }

        .helplinkpagelist a:visited {
            color: #003896;
            font-weight: bold;
        }

        .helplinkpagelist a:hover {
            color: #E67300;
            font-weight: bold;
        }

.supportcontactlink a {
    color: #E67300 !important;
    text-decoration: underline !important;
}
    .supportcontactlink a:hover {
        color: #C6007E !important;
    }
/*Responsive style*/
/*hide all gridview column except title and commandcolumn*/
.hideFilterColumns {
    display: none !important;
    visibility: hidden !important;
}



.datedfilterwidth {
    width: 70%
}

/*This will set the border color of the focus control bug 14407  PR */
a:focus, textarea:focus {
    border: 2px solid #E67300 !important;
}
/*Remove outline for all a when focus prevent double border PR*/
a:focus, textarea:focus {
    outline: none;
}
/*set focus for check boxes and radio PR*/
.treelist:focus, .dxeIRBFocused_Glass, .dxICBFocused_Glass {
    outline: 2px solid #E67300;
}
/*set focus border color for dropdown,textbox,memo,FilterCell PR */
.dxgvFocusedRow_Glass, .dxsp-item-focused, .dxeFocused_Glass {
    border: 2px solid #E67300 !important;
}
/***********************************************************************/

.defaultmenu a {
    text-decoration:none;
}

.captionwidth {
    width: 270px !important;
}

.occcaptionwidth {
    width: 200px !important;
}
.captionwrap {
    white-space: normal;
    word-wrap: break-word;
}
.caption990left {
    margin-left:30px;
}
textarea {
    border-color: #7EACB1 !important;
}

.goaldatewidth {
    width:400px !important;
}

.needdatewidth {
    width: 500px !important;
}
.indicatorshortwidth {
    width: 500px !important;
}

.lblindicatormeasure {
    text-align:right;
    margin-right:10px
}

.financialdisplay, .programdisplay {
    display: flex;
}
.lblfinancialcolumn {
    padding-right: 30px !important;
    width: 650px !important;
}
.financialhtmllist {
    margin-top:0;
    margin-bottom:0;
}
.lblfinancialratiocolumn {
    padding-right: 30px !important;
    width: 450px !important;
}

.financialshortwidth {
    width: 250px !important;
}
.financialpersonservedwidth {
    width: 500px !important;
}
.jointcaptionwidth {
    width: 275px !important;
}
.jointshortwidth {
    width: 500px !important;
}
.programshortwidth {
    width: 550px !important;
}
.lblprogramcolumn {
    padding-right: 30px !important;
    width: 270px !important;
}

.parentheaderrow {
    display:flex;
}

.headerdisplayversion {
    flex: 0 0 250px; /* do not grow, do not shrink, start at 250px */
}
.headerdisplayother {
   
    flex: 1;
}

@media screen and (max-width: 1497px) {
    .datedfilterwidth {
        width: 100%
    }
}


    /*XX-Large devices (larger desktops, 1400px and up) Budget style in RU*/
    @media screen and (min-width: 1300px) {
        .col-budget-groupone {
            width: 450px !important
        }

        .col-budget-grouptwo {
            width: 500px !important
        }

       
    }

    @media screen and (max-width: 1200px) {
        .lblindicatormeasure {
            text-align: left !important;
            margin-right: 0px
        }
    }

    @media screen and (max-width: 1025px) {
        .hideColumns {
            display: none !important;
            visibility: hidden !important;
        }

        .showColumns {
            display: flex;
            /*width: 696px;display: table;*/
            background-color: white;
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }
    }
@media screen and (max-width: 1000px) {
    .financialshortwidth {
        width: 170px !important;
    }
}
    @media screen and (max-width: 900px) {

        .goalcustomtextwidth {
            width: 90% !important;
        }

        .needdatewidth, .goaldatewidth, .indicatorshortwidth, .financialshortwidth,
        .financialpersonservedwidth, .lblfinancialcolumn, .jointshortwidth, 
        .programshortwidth, .lblprogramcolumn {
            width: 100% !important;
        }
        .financialhtmllist { padding-left: 1.2em; }
        
        .lblfinancialratiocolumn {
            padding-right: 0% !important;
            padding-left: 0px !important;
            width: 100% !important;
        }

        .financialdisplay, .programdisplay {
            display: block;
        }
        .caption990left {
            margin-left: 0px;
        }
    }

    @media screen and (max-width: 800px) {
        /*Targeting mostly login screen for now*/

        .captionwidth {
            width: 10% !important;
        }
    }

    @media screen and (max-width: 770px) {
        /*Targeting mostly login screen for now*/


        .reportdaterange {
            width: 70%;
        }

        .reportchooseoption {
            width: 95%;
        }



        .hideloginsmallscreen, .hidemotherdaughter {
            display: none;
            visibility: hidden;
        }

        .loginmiddlerow {
            display: block;
        }


        .loginmiddle {
            background-color: #E5EEFD;
            border-bottom-right-radius: 5em;
            -webkit-border-bottom-right-radius: 5em;
            -moz-border-radius-bottomright: 5em;
            border-top-left-radius: 5em;
            -webkit-border-top-left-radius: 5em;
            -moz-border-radius-topleft: 5em;
            height: auto;
            width: 100% !important;
            text-align: center !important;
        }

        .container {
            width: 80% !important
        }



        /*
        .printPreviewPopupControlWidth {
            width: 95%;
            max-width: 96%;
            margin: 0 auto;
        }
    */


        /*#FiscalYearComboBox {
            width: 120px !important;
        }

        #FacilityComboBox {
            width: 210px !important;
        }

        #DefaultMenus {
            width: 120px !important;
        }*/
    }


    @media screen and (max-width: 700px) {
        .popupControlWidth {
            width: 95%;
            max-width: 96%;
            margin: 0 auto;
        }
    }

.disabledCombos {
    pointer-events: none;
    cursor: not-allowed;
}


.reEnabledCombos {
    pointer-events: initial;
    cursor: context-menu;
}