@charset "UTF-8";
/*
©  2014 MRI Software, LLC.  All rights reserved.  Unauthorized reproduction is a violation of applicable law.
This material contains certain confidential or proprietary information or trade secrets of MRI Software, LLC.
*/
/* Noto Sans fonts */
@font-face {
    font-family: "Noto Sans";
    font-weight: 900;
    src: local("NotoSans-Black"), url("/fonts/NotoSans-Black.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Black.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 900;
    font-style: italic;
    src: local("NotoSans-BlackItalic"), url("/fonts/NotoSans-BlackItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-BlackItalic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 700;
    src: local("NotoSans-Bold"), url("/fonts/NotoSans-Bold.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 700;
    font-style: italic;
    src: local("NotoSans-BoldItalic"), url("/fonts/NotoSans-BoldItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-BoldItalic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 800;
    src: local("NotoSans-ExtraBold"), url("/fonts/NotoSans-ExtraBold.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-ExtraBold.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 800;
    font-style: italic;
    src: local("NotoSans-ExtraBoldItalic"), url("/fonts/NotoSans-ExtraBoldItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-ExtraBoldItalic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 200;
    src: local("Noto Sans"), local("NotoSans-Light"), url("/fonts/NotoSans-Light.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 200;
    font-style: italic;
    src: local("NotoSans-LightItalic"), url("/fonts/NotoSans-LightItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-LightItalic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 300;
    src: local("NotoSans-Light"), url("/fonts/NotoSans-Light.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Light.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 300;
    font-style: italic;
    src: local("NotoSans-LightItalic"), url("/fonts/NotoSans-LightItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-LightItalic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 500;
    src: local("NotoSans-Medium"), url("/fonts/NotoSans-Medium.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Medium.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 500;
    font-style: italic;
    src: local("NotoSans-MediumItalic"), url("/fonts/NotoSans-MediumItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-MediumItalic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    src: local("Noto Sans"), local("NotoSans-Regular"), url("/fonts/NotoSans-Regular.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Noto Sans";
    font-style: italic;
    src: local("NotoSans-RegularItalic"), url("/fonts/NotoSans-Italic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Italic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 600;
    src: local("NotoSans-SemiBold"), url("/fonts/NotoSans-SemiBold.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-SemiBold.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 600;
    font-style: italic;
    src: local("NotoSans-SemiBoldItalic"), url("/fonts/NotoSans-SemiBoldItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-SemiBoldItalic.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 100;
    src: local("NotoSans-Thin"), url("/fonts/NotoSans-Thin.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-Thin.ttf") format("truetype"), local("Noto Sans");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 100;
    font-style: italic;
    src: local("NotoSans-ThinItalic"), url("/fonts/NotoSans-ThinItalic.ttf") format("truetype"), url("https://mripdcdnintqasaas01.blob.core.windows.net/fonts/NotoSans-hinted/NotoSans-ThinItalic.ttf") format("truetype"), local("Noto Sans");
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    font-family: "Noto Sans", "NotoSans", sans-serif;
}

.color-brand-logo-blue {
    background-color: #044D66;
}

.color-bg-landmark {
    background-color: #0D75B0;
}

.color-bg-primary {
    background-color: #FFFFFF;
}

.color-bg-secondary {
    background-color: #E2E6EA;
}

.color-bg-tertiary {
    background-color: #F0F2F4;
}

.color-text {
    color: #162029;
}

.color-bg-warning {
    background-color: #FFE9C3;
}

.color-bg-critical {
    background-color: #FFE3E6;
}

.color-text-critical {
    color: #BA2121;
}

.color-text-warning {
    color: #B33706;
}

.color-text-information {
    color: #10689D;
}

.color-text-success {
    color: #00775D;
}

.color-bg-info {
    background-color: #E6F4F5;
}

.color-bg-success {
    background-color: #E1F6F5;
}

* {
    box-sizing: border-box;
}

.reportStyle {
    width: 100%;
}

#MRIGo {
    /*
	display:none;
	*/
    margin-bottom: 0px !important;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: 0px !important;
    /*
	margin-top: 10px !important; changed 11/10/2022
	*/
}

.reportStyle > thead > tr > td {
    font-family: "Noto Sans","Noto Sans Semi Bold", "NotoSans-Semi-Bold", sans-serif;
    line-height: 14pt;
    padding: 8px;
    font-weight: bold;
    font-size: 11pt;
    background: #044D66;
    text-align: left;
    color: #FFFFFF;
}

.reportStyle > tbody > tr > td {
    font-family: "Noto Sans", "NotoSans", sans-serif;
    line-height: 11pt;
    padding: 8px;
    font-weight: normal;
    font-size: 8pt;
    background: #FFFFFF;
    color: #162029;
    border-bottom: 1px solid #C2CFD3;
    text-align: left;
    border-top: 0px;
}

.reportStyle > thead {
    position: sticky !important;
    top: 0;
    z-index: 10;
}


    .reportStyle > thead > tr > th {
        font-family: "Noto Sans","Noto Sans Bold", "NotoSans-Bold", sans-serif;
        line-height: 11pt;
        padding: 8px;
        font-weight: bold;
        font-size: 8pt;
        background: #DFE7E8;
        border-bottom: 1px solid #DFE7E8;
        color: #162029;
        vertical-align: bottom;
        text-align: left;
    }

.reportStyle > tfoot > tr > td {
    font-family: "Noto Sans","Noto Sans Semi Bold", "NotoSans-Semi-Bold", sans-serif;
    line-height: 13pt;
    padding: 8px;
    font-weight: bold;
    font-size: 9pt;
    background: #CDE8ED;
    color: #162029;
    border-top: 1px solid #4C5C6C;
    vertical-align: bottom;
    text-align: left;
}

    .reportStyle > tfoot > tr > td:first-child {
        padding-left: 16px;
        text-align: right;
    }

.reportStyle .isNumber {
    text-align: center;
}

.reportStyle .highlightCell {
    background: #EFF3F3 !important;
}

.reportStyle .description {
    font-family: "Noto Sans", "NotoSans", sans-serif;
    line-height: 11pt;
    padding: 4px 8px 4px 8px;
    font-weight: normal;
    font-size: 8pt;
    background: #E6F4F5;
    color: #162029;
    border-top: 1px solid #044D66;
    border-bottom: 1px solid #044D66;
    text-align: left;
    border-top: 0px;
}

.reportStyleCondensed > thead > tr > td {
    font-family: "Noto Sans","Noto Sans Semi Bold", "NotoSans-Semi-Bold", sans-serif;
    line-height: 18pt;
    padding: 2px 4px 2px 4px;
    font-weight: bold;
    font-size: 7pt;
    background: #044D66;
    text-align: left;
    color: #FFFFFF;
}

.reportStyleCondensed > thead > tr > th {
    font-family: "Noto Sans","Noto Sans Bold", "NotoSans-Bold", sans-serif;
    line-height: 14pt;
    padding: 2px 0 2px 0;
    font-weight: bold;
    font-size: 6pt;
    background: #DFE7E8;
    border-bottom: 1px solid #DFE7E8;
    color: #162029;
    vertical-align: bottom;
    text-align: left;
}

.reportStyleCondensed > tbody > tr > td {
    font-family: "Noto Sans", "NotoSans", sans-serif;
    line-height: 14pt;
    padding: 2px 0 2px 0;
    font-weight: normal;
    font-size: 6pt;
    background: #FFFFFF;
    color: #162029;
    border-bottom: 1px solid #C2CFD3;
    text-align: left;
    border-top: 0px;
}

.reportStyleCondensed > tfoot > tr > td {
    font-family: "Noto Sans","Noto Sans Semi Bold", "NotoSans-Semi-Bold", sans-serif;
    line-height: 14pt;
    padding: 2px 4px 2px 4px;
    font-weight: bold;
    font-size: 7pt;
    background: #CDE8ED;
    color: #162029;
    border-top: 1px solid #4C5C6C;
    vertical-align: bottom;
    text-align: left;
}

    .reportStyleCondensed > tfoot > tr > td:first-child {
        padding-left: 16px;
        text-align: right;
    }

.reportStyleCondensed .isNumber {
    text-align: center;
}

.list-group-item {
    border: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.modal-full {
    width: auto !important;
    height: 100% !important;
    margin: 0;
    padding: 20px;
}

.modal-content .modal-full {
    height: auto;
    height: 100% !important;
    border-radius: 0;
}

#bodyFrameBody {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

#page {
    height: 100%;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    /*display: table;*/
}

#content {
    float: left;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.left {
    /*float: left;
  display: inline-block;
  white-space: nowrap;*/
}

div.right {
    /* float: right;
  display: inline-block;*/
}

#MenuSearchBar {
    top: 0;
    background-color: #DFE7E8;
    width: 100%;
    height: 58px;
    /*left: 58px;*/
    padding: 6px 6px;
}

#globalMenu {
    display: none;
    width: 100%;
    background-color: #75b4dd;
    white-space: nowrap;
    /*vertical-align: middle;
  line-height: 33px;
  display: table-row;
  background-image: url(../images_new/systembackground1.gif);*/
    background-position: top left;
    background-repeat: no-repeat;
    box-sizing: border-box;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod="auto expand");
    /* FF3.5+ */
    /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);
    /* Saf3.1+, Chrome */
    transform: rotate(-90deg);
    /* CSS3 (for when it gets supported) */
}

    #globalMenu div.left {
        white-space: nowrap;
        vertical-align: bottom;
        height: auto;
        width: auto;
        /*line-height: 33px;*/
        font-size: 13pt;
        font-weight: bold;
        /*margin: 180px 0 0 0px;*/
        display: block;
        float: left;
        /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";*/
        /*filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand');*/
        /*-moz-transform: rotate(-90deg);*/
        /* FF3.5+ */
        /*-o-transform: rotate(-90deg);*/
        /* Opera 10.5 */
        /*-webkit-transform: rotate(-90deg);*/
        /* Saf3.1+, Chrome */
        /*transform: rotate(-90deg);*/
        /* CSS3 (for when it gets supported) */
    }

    #globalMenu div.right {
        white-space: nowrap;
        vertical-align: bottom;
        height: auto;
        width: auto;
        /*line-height: 33px;*/
        font-size: 13pt;
        font-weight: bold;
        /*margin: 180px 0 0 0px;*/
        display: block;
        float: right;
        /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";*/
        /*filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand');*/
        /*-moz-transform: rotate(-90deg);*/
        /* FF3.5+ */
        /*-o-transform: rotate(-90deg);*/
        /* Opera 10.5 */
        /*-webkit-transform: rotate(-90deg);*/
        /* Saf3.1+, Chrome */
        /*transform: rotate(-90deg);*/
        /* CSS3 (for when it gets supported) */
    }

#MenuAppID {
    display: none;
}

#MenuAppName {
    font-family: "Noto Sans", "NotoSans", sans-serif;
    color: #162029;
    fill: #162029;
    font-size: 1rem;
    font-weight: normal;
    float: left;
    margin: 9px;
}

#navMainMenuButton {
    padding-top: 0 !important;
}

#appNameDiv {
    height: 100%;
    width: 58px;
    position: relative;
    cursor: pointer;
}

#VersionLogo {
    position: fixed;
    bottom: 9px;
    left: 9px;
    width: 19px;
    height: 21px;
    z-index: -1;
}

.logoX {
    fill: #FFFFFF;
}

.logoKeystone {
    fill: #BBD437;
}

#appDropDown {
    display: inline-block;
}

#globalMenu a #appDropDown,
#globalMenu a.outLink #appDropDown {
    width: 16px;
    height: 33px;
    background-image: url(../images_new/appdropdown.png);
    background-repeat: no-repeat;
}

#hideGlobalMenu {
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#globalMenu a.overLink #appDropDown {
    width: 16px;
    height: 33px;
    background-image: url(../images_new/appdropdownrollover.png);
    background-repeat: no-repeat;
}

#globalMenu a.showMenu #appDropDown {
    width: 16px;
    height: 33px;
    background-image: url(../images_new/appdropdownclick.png);
    background-repeat: no-repeat;
}

#globalMenu div.leftVerticalSeparator {
    display: inline;
    height: 20px;
    width: 1px;
    background-color: #666666;
    position: relative;
    top: 6.5px;
}

#globalMenu div.rightVerticalSeparator {
    display: inline;
    height: 20px;
    width: 1px;
    background-color: #b6cfe0;
    position: relative;
    top: 6.5px;
}

#globalMenu a.switchDB {
    width: 18px;
    height: 33px;
    background-image: url(../images_new/changedatabase.png);
    background-repeat: no-repeat;
}

#globalMenu a.switchDBclick {
    width: 18px;
    height: 33px;
    background-image: url(../images_new/changedatabaseclick.png);
    background-repeat: no-repeat;
}

#globalMenu a.switchDBrollover {
    width: 18px;
    height: 33px;
    background-image: url(../images_new/changedatabaserollover.png);
    background-repeat: no-repeat;
}

#globalMenu a.logout {
    width: 18px;
    height: 33px;
    background-image: url(../images_new/logout.png);
    background-repeat: no-repeat;
}

#globalMenu a.logoutclick {
    width: 18px;
    height: 33px;
    background-image: url(../images_new/logoutclick.png);
    background-repeat: no-repeat;
}

#globalMenu a.logoutrollover {
    width: 18px;
    height: 33px;
    background-image: url(../images_new/logoutrollover.png);
    background-repeat: no-repeat;
}

#globalMenu a {
    height: 33px;
    vertical-align: middle;
    line-height: 33px;
    cursor: default;
    display: inline-block;
}

    #globalMenu a.pad {
        padding: 0 7px 0 14px;
    }

    #globalMenu a.padLeft {
        padding: 0 7px 0 14px;
    }

    #globalMenu a span.buttonleft,
    #globalMenu a.outLink span.buttonleft {
        padding-left: 7px;
        height: 33px;
        vertical-align: middle;
        line-height: 33px;
        display: inline-block;
    }

    #globalMenu a span.buttonright,
    #globalMenu a.outLink span.buttonright {
        width: 7px;
        height: 33px;
        vertical-align: middle;
        line-height: 33px;
        display: inline-block;
    }

    #globalMenu a.showMenu,
    #globalMenu a.overLink {
        height: 33px;
        vertical-align: middle;
        line-height: 33px;
    }

        #globalMenu a.showMenu span.buttonleft {
            padding-left: 7px;
            background-image: url(../images_new/globalNav_clickLeft.png);
            background-repeat: no-repeat;
            height: 33px;
            vertical-align: middle;
            line-height: 33px;
        }

        #globalMenu a.overLink span.buttonleft {
            padding-left: 7px;
            background-image: url(../images_new/globalNav_rolloverLeft.png);
            background-repeat: no-repeat;
            height: 33px;
            vertical-align: middle;
            line-height: 33px;
        }

        #globalMenu a.showMenu span.buttonright {
            width: 7px;
            background-image: url(../images_new/globalNav_clickRight.png);
            background-repeat: no-repeat;
            height: 33px;
            vertical-align: middle;
            line-height: 33px;
        }

        #globalMenu a.overLink span.buttonright {
            width: 7px;
            background-image: url(../images_new/globalNav_rolloverRight.png);
            background-repeat: no-repeat;
            height: 33px;
            vertical-align: middle;
            line-height: 33px;
        }

.mri-content-window {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    border: 0;
    overflow: auto;
    position: absolute;
    padding-bottom: 42px;
}

.mri-content-window-front {
    z-index: 1;
}

.mri-content-window-back {
    z-index: -1;
}

#MyReportsMenu,
#MyReportsIframes {
    display: none;
}

#mainfooter {
    width: 100%;
    height: 25px;
    white-space: nowrap;
    line-height: 25px;
    background-image: url(../images_new/footer.gif);
    background-repeat: repeat-x;
    /*display: table-row;*/
    box-sizing: border-box;
    padding-left: 33px;
}

    #mainfooter * {
        vertical-align: top;
        box-sizing: border-box;
    }

    #mainfooter div.left {
        height: 25px;
        display: inline;
        padding-left: 12px;
        text-align: left;
        font-weight: bold;
        line-height: 25px;
        font-size: 8pt;
        vertical-align: top;
    }

#MRIlogo {
    width: 108px;
    height: 25px;
    display: inline-block;
    background-image: url(../images_new/mrilogo.png);
    background-repeat: no-repeat;
    display: inline-block;
}

#mainfooter div.right {
    height: 25px;
    display: inline;
    padding-right: 12px;
    text-align: right;
    font-weight: bold;
    line-height: 25px;
    font-size: 8pt;
    vertical-align: middle;
}

#mainfooter div.pad {
    display: inline-block;
    padding: 0 9px 0 9px;
    height: 25px;
    margin: 0;
    vertical-align: top;
}

#mainfooter div.leftVerticalSeparator {
    display: inline-block;
    width: 1px;
    height: 19px;
    background-color: #666666;
    position: relative;
    top: 3px;
    margin: 0;
}

#mainfooter div.rightVerticalSeparator {
    display: inline-block;
    width: 1px;
    height: 19px;
    background-color: #ffffff;
    position: relative;
    top: 3px;
    margin: 0;
}

#mainfooter div.static {
    display: inline-block;
    height: 25px;
    width: 58px;
    background-image: url(../images_new/static-animation.gif);
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

#mainfooter div.inMotion {
    width: 58px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    background-image: url(../images_new/animation.gif);
    background-repeat: no-repeat;
    background-position: center middle;
}

#mainfooter div.footerLabel {
    font-size: 8pt;
    font-weight: normal;
    line-height: 10px;
    height: 10px;
    vertical-align: top;
    display: inline-block;
    margin-top: 5px;
}

    #mainfooter div.footerLabel span {
        line-height: 15px;
        vertical-align: middle;
    }

#commCenterFooter {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #commCenterFooter > svg {
        height: 29px;
        width: 32px;
        margin-top: 5px;
    }

    #commCenterFooter path {
        fill: #59266A;
        stroke: #E7E7E7;
        stroke-width: 1.5px;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
    }

    #commCenterFooter.highlight path:last-of-type {
        fill: #2498CE;
        stroke: #2498CE;
    }

.helpIcon,
.closeIcon {
    cursor: pointer;
}

object.mrinet {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
}

.uiLeft {
    width: 58px;
    height: 100%;
    float: left;
    background-color: #4f678f;
    padding-bottom: 33px;
}

.uimainContent {
    width: 100%;
    height: 100%;
    padding-left: 58px;
    padding-bottom: 25px;
    background-color: black;
}

.uiFooter {
    width: 100%;
    height: 25px;
    position: relative;
    top: -50px;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body, input, textarea {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    background: #FFF;
    color: #162029;
    font-family: "Noto Sans", "NotoSans", sans-serif;
}
/*
img {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
}

a:link, a:visited, a:active {
  color: #10689D;
  text-decoration: none;
}
a:link :hover, a:visited :hover, a:active :hover {
  color: #0582C3;
}
*/
input, textarea {
    font-size: 12px;
    font-family: "Noto Sans", "NotoSans", sans-serif;
    margin: 0;
}

input {
    height: auto;
}

select {
    margin: 0;
    font-size: 0.85em;
    height: 1.7em;
}

button {
    font-family: Calibri, "Trebuchet MS", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    border: none;
    padding: 5px 30px 5px 30px;
    margin-right: 10px;
    background-color: #C9C5CD;
    color: #333;
    font-weight: 400;
}

    button:hover {
        cursor: pointer;
        background: #ADA9B2;
    }

.ib {
    display: inline-block;
}

.left {
    float: left;
}

.right {
    float: right;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix {
    *zoom: 1;
    background-color: transparent !important;
}

#navigationBar {
    background: #044D66;
    background: linear-gradient(to bottom, #0B2337 0%, #044D66 100%);
    z-index: 50;
}

    #navigationBar div {
        /*padding-top: 6px;*/
        /*   padding-bottom: 0px;
   margin:10px 0px 0px 0px;*/
    }

    #navigationBar img {
        z-index: 55;
        position: relative;
    }

    #navigationBar .navMenuLink {
        cursor: pointer;
        text-align: center;
        height: 40px;
    }

        #navigationBar .navMenuLink:first-child {
            padding-top: 0px;
        }

a.navMenuLink {
    color: white;
}

    a.navMenuLink:hover {
        color: #72afd2;
    }

.contextVideoExists .navMenuSvg {
    fill: #FAA41A;
    transition: 0.5s;
}

    .contextVideoExists .navMenuSvg:hover {
        fill: #5EC6F1;
        transition: 0s;
    }

.mriflix.navMenuLink.contextVideoExists .navMenuSvg {
    fill: #FAA41A;
    transition: 0.5s;
}

    .mriflix.navMenuLink.contextVideoExists .navMenuSvg:hover {
        fill: #5EC6F1;
        transition: 0s;
    }

.menuWindow {
    position: absolute;
    z-index: 90;
    /*max-width: 0%;*/
    height: 100%;
    left: 60px;
    font-size: 16px;
    font-weight: bold;
    overflow-x: auto;
    overflow-y: hidden;
}

.subMenuWindow {
    height: calc((100%));
    /*padding-bottom: 20px;*/
    color: white;
    font-weight: normal;
    display: inline-block;
    -webkit-user-select: none;
    /* Chrome/Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    background-color: #fdfdfd;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}

.subMenuGroup > a {
    color: #162029;
}

    .subMenuGroup > a:hover {
        color: #394754
    }

.appMenu {
    background-color: #27333E;
    width: 300px;
    position: relative;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
}

    #menuWindow div.menuItem[tabindex]:hover,
    .appMenu .selected,
    #appMenuWindow div.menuItem:hover,
    #setupMenuWindow div.menuGroup div.menuItem[tabindex]:hover,
    #setupMenuWindow div.subMenuGroup div.menuGroup div.menuItem[tabindex]:hover,
    #ReportMenu div.menuGroup div.menuItem[tabindex]:hover,
    #ReportMenu div.subMenuGroup div.menuGroup div.menuItem[tabindex]:hover,
    #RelatedLinksMenu div.menuGroup div.menuItem[tabindex]:hover,
    #RelatedLinksMenu div.subMenuGroup div.menuGroup div.menuItem[tabindex]:hover {
        color: #6CB7D8;
    }

#menuWindow div.subMenuGroup:hover {
    background: white;
    border-radius: 8px;
}

.menuGroup:focus-within {
    z-index: 1;
}

#subMenuWindow div.subMenuGroup div.menuItem.menuAction:hover,
#subMenuWindow div.menuGroup div.menuItem.menuAction:hover {
    color: #3A9DD2 !important;
}

.hideSub {
    display: none !important;
}

#menuWindow h2 {
    margin-left: 5px;
}

#menuWindow div.menuItem {
    position: relative;
    min-width: 250px;
    font-size: 18px;
    font-weight: normal;
    margin: 4px 8px;
    cursor: default;
    border-radius: 4px;
    color: #394754;
}

    #menuWindow div.menuItem div.menuAction {
        cursor: pointer;
    }

.subMenu {
    height: 100%;
    background-color: white;
}

#subMenuWindow .menuGroup .menuItem {
    color: #000D1A;
}

.menuTitle {
    color: #044D66;
    font-size: 1.5rem;
    font-weight: 300;
    padding: 8px 16px;
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
}

.MenuPaneFavIcon {
    background: white;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.001), white 45%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.001), #FFF 45%);
}

div.subMenuGroup * .MenuPaneFavIcon {
    margin-right: 0;
    width: 50px;
    position: absolute;
    bottom: 0;
    height: 100%;
}

div.subMenu div.menuGroup:first-child div.menuItem:first-child:before {
    top: 28px;
}

/*Keep this class to reset submenu items to not have line under them*/
div.subMenu div.subMenuGroup div.menuItem:first-child:before {
    content: none;
    background: none;
}

div.subMenu div.subMenuGroup div.menuItem,
div.subMenu div.menuGroup:first-child div.menuItem:first-child {
    margin: 0;
}

#menuWindow div.menuGroup div.menuItem.menuAction {
    color: #162029;
    cursor: pointer;
}

.pull-right-container {
    padding-left: 5px;
}

#menuWindow div.menuGroup {
    /*min-width: 500px;*/
    max-width: 1200px;
    float: left;
    position: relative;
    margin: 0;
}

#menuWindow div.subMenuGroup {
    background-color: transparent;
    font-size: 1em;
    max-width: 500px;
    display: block;
    color: white;
    margin: 0;
    padding: 1px;
}

    #menuWindow div.subMenuGroup div.recentlyRunReports {
        width: 350px;
    }

#menuWindow .subMenu {
    color: #000D1A;
}

#menuWindow div.subMenu .subMenuGroup div.menuItem {
    font-family: "Noto Sans", "NotoSans",Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    line-height: 22px;
}

#subMenuWindow .subMenuGroup div.menuGroup div.subMenuGroup {
    padding-left: 0px;
}

#subMenuWindow .subMenuGroup .menuGroup .subMenuGroup div.menuItem:only-child {
    /*only put padding left on smaller subgroups*/
    padding-left: 15px;
}

#menuWindow div.subMenuGroup.hideSub {
    display: none;
}

#menuWindow div.subMenuGroup div.menuGroup {
    width: 100%;
    background-color: transparent;
}

div.menuExpander {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-image: url(../images_new/Menu/btn_nav.png);
    float: right;
    clear: none;
}

.MenuColumn {
    float: left;
    width: 300px;
    display: inline-block;
    padding: 8px;
}

#subMenuWindow .MenuColumn > .menuGroup > .menuItem,
.subMenuWindow .MenuColumn > .menuGroup > .menuItem {
    margin-top: 16px;
}

#subMenuWindow .MenuColumn > .menuGroup:first-child > .menuItem,
.subMenuWindow .MenuColumn > .menuGroup:first-child > .menuItem {
    margin-top: 0;
}

.rotate {
    white-space: nowrap;
    /* IE9+ */
    /* FF3.5+ */
    /* Opera 10.5 */
    -webkit-transform: rotate(270deg);
    /* Saf3.1+, Chrome */
    transform: rotate(270deg);
    /* CSS3 (for when it gets supported) */
}

#appMenuWindow div.menuItem {
    cursor: pointer;
    padding: 4px 8px;
    margin: 4px 0;
}

#appTitle {
    color: #4AAFFF;
    font-size: 1.4em;
    position: fixed;
    width: 480px;
    text-align: right;
    margin-left: -230px;
    margin-top: 240px;
    overflow: hidden;
}

#pageTitle {
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1em;
}

#main {
    min-height: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#header {
    margin: 0 10px;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

#searchBox {
    padding: 1px 0 2px 0;
    margin: 0;
    width: 200px;
    border: 1px solid #ccc;
    font-style: italic;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

#btnSearch {
    background: #460058;
    padding: 3px 6px;
}

    #btnSearch:hover {
        background: #B6A6C4;
    }

#body {
    margin: 0 10px;
    padding-bottom: 92px;
}

    #body > div {
        margin-top: 15px;
    }

.fieldLabel, .fieldLabelDisabled {
    color: #777;
    text-align: right;
    margin: 0 5px 0 15px;
}

.fieldLabelDisabled {
    color: #aaa;
}

.read, .readRight {
    border: 0px;
    background: #F3F3F3;
    padding: 3px;
}

.readRight {
    text-align: right;
}

.readOnly {
    font-size: 1em;
    background: #F3F3F3;
    padding: 0px 3px 6px 3px;
    height: 1em;
}

.Tab, .tabCurrent, .tabDisabled {
    padding: 6px 15px;
    margin-right: 2px;
    color: #555;
    background: #C9C5CD;
    font-size: 0.9em;
    font-weight: 400;
    text-transform: uppercase;
}

.tabCurrent {
    color: #fff;
    background: #B6A6C4;
}

.Tab:hover {
    background: #ADA9B2;
}

.tabDisabled {
    color: #aaa;
    background: #ddd;
}

.contractTableContainer {
    min-width: 996px;
    max-width: 1400px;
    overflow: auto;
    /* Horizontal table scroll is not working */
}

.tableDefault {
    border: 1px solid #ddd;
    border-top: 0px;
}

.thDefault {
    background: #ddd;
}

.required {
    color: #DD0006;
    font-size: 1.2em;
}

.tableRead {
    background: #f3f3f3;
    border-bottom: 1px solid #fff;
}

.tableInput {
    font-size: 1em;
    border: none;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 42px;
    background: #EFF3F3;
    padding: 3px 10px;
    z-index: 70;
    font-size: 12px;
    border-top: 1px solid #ddd;
}

    #footer a:focus,
    #footer span:focus {
        outline: none;
    }

    #footer.testDatabaseFooter {
        background-image: repeating-linear-gradient(-45deg, transparent, transparent 0.75em, #DDD 0.75em, #DDD 1.5em);
    }

.bodyframeFooterAlert {
    margin-right: 2em;
    margin-top: 3px;
    padding: 6px 1em;
    background-color: #960000;
    border: 1px solid #960000;
    color: #ffffff;
    border-radius: 3px;
}

.testDatabaseAlert {
    margin: 0;
}

#pageButtons {
    padding: 10px 10px 0 10px;
    display: inline-block;
    position: absolute;
    bottom: 53px;
    margin-left: -10px;
}

    #pageButtons div {
        float: left;
    }

    #pageButtons button {
        float: left;
    }

.btnAdd {
    color: #237bb5;
    font-weight: 600;
    font-size: 1.1em;
    background: url("../img/btn_add.png") no-repeat left center #FFF;
    padding-left: 14px;
    padding-right: 10px;
}

    .btnAdd:hover {
        color: #2A9BFF;
        background: url("../img/btn_add.png") no-repeat left center #FFF;
        padding-left: 14px;
        padding-right: 10px;
    }

.btnDelete {
    color: #237bb5;
    font-weight: 600;
    font-size: 1.1em;
    background: url("../img/btn_delete.png") no-repeat left center #FFF;
    padding-left: 14px;
    padding-right: 10px;
}

    .btnDelete:hover {
        color: #2A9BFF;
        background: url("../img/btn_delete.png") no-repeat left center #FFF;
        padding-left: 14px;
        padding-right: 10px;
    }

.btnPrimary {
    color: #fff;
    background: #237BB5;
}

    .btnPrimary:hover {
        background: #105495;
    }

.btnSecondary {
    margin-right: 40px;
}

.btnTertiary {
    padding: 5px 15px;
}

.btnTxt {
    font-size: 1.1em;
    font-weight: 600;
}

.icon-order-button {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    border-style: solid;
    transition: background-color 0.25s 0 cubic-bezier(0, 1, 1, 1);
    cursor: pointer;
    background-color: transparent;
    color: #B8C2CB;
    border-color: transparent;
    border-width: 1px;
}

    .icon-order-button:hover {
        color: #303D49;
        background-color: transparent;
    }

.w100 {
    width: 100px;
}

.w132 {
    width: 132px;
}

.pt3 {
    padding-top: 3px;
}

.pt6 {
    padding-top: 6px;
}

.pt11 {
    padding-top: 11px;
}

.pl10 {
    padding-left: 10px;
}

.pl40 {
    padding-left: 40px;
}

.pr4 {
    padding-right: 4px;
}

.mb4 {
    margin-bottom: 4px;
}

.mt15 {
    margin-top: 15px;
}

.ml20 {
    margin-left: 20px;
}

.pt10pb20 {
    padding: 10px 0 20px 0;
}

.ptb3lr8 {
    padding: 3px 8px;
}

/******Timeout Modal Styles******/
.Default {
    font-family: "Noto Sans", "NotoSans", sans-serif;
}

.Button.Default {
    color: #162029;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    background-color: #FFFFFF;
    background: transparent;
    border-collapse: collapse;
    border: solid 1px #ABB6C1;
    border-radius: 10000px;
    -webkit-appearance: none;
    -webkit-border-radius: 10000px;
    cursor: pointer;
    font-style: normal;
    text-decoration: none;
    font-family: "Noto Sans", "NotoSans", "Helvetica", "Arial";
    text-align: center;
    vertical-align: middle;
    visibility: visible;
    width: 64px;
}

    .Button.Default span {
        height: 100%;
        line-height: 10px;
    }

    .Button.Default:focus {
        box-shadow: 0 0 0 2px #3A9DD2;
        z-index: 1;
    }

    .Button.Default:hover:enabled {
        background-color: rgba(16, 104, 157, 0.1);
        border-color: #ABB6C1;
    }

.Label.Default {
    text-align: right;
}

.Disabled {
    color: gray;
}

.Label.Error {
    color: red;
}

.TextBox.Default {
    height: auto;
    width: 70%;
    /*Firefox was creating a scrollbar otherwise*/
    line-height: normal;
    margin-bottom: 8px;
    padding-left: 3px;
    border: solid thin;
}

#userMenu {
    background: #58595b;
    width: 190px;
    z-index: 80;
    clear: both;
    box-shadow: 0px 0px 5px 2px #B0B0B0;
}

    #userMenu svg {
        margin-right: 10px;
        width: 26px;
        height: 26px;
        fill: #5EC6F1;
    }

    #userMenu > div:hover path {
        fill: #FFFFFF;
    }

    #userMenu > div {
        cursor: pointer;
        padding: 13px 17px;
        font-size: 1.1em;
        color: #FFFFFF;
        position: relative;
    }

        #userMenu > div > div {
            display: inline-block;
            line-height: 26px;
            position: absolute;
        }

#menuOverlay {
    position: absolute;
    height: 300%;
    width: 100%;
    background-color: #162029;
    opacity: 0.10;
    z-index: 101;
}

#searchPaneOverlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    opacity: 0;
}

#ReportMenu .menuItem,
#SetupMenu .menuItem,
#RelatedLinksMenu .menuItem {
    color: #000D1A;
}

/***********Report Search***********/
#ReportMenu div.menuGroup,
#favoritesMenuWindow div.menuGroup {
    width: 100%;
}

#ReportMenu #Column1.MenuColumn,
#FavoritesMenu .MenuColumn {
    width: 425px;
    margin-left: 5px;
}

div#ReportSearchTitle.menuItem {
    padding-left: 5px;
}

    div#ReportSearchTitle.menuItem:first-child:before {
        content: none;
    }

#ReportSearchBox {
    width: 400px;
    padding: 5px 0 5px 5px;
}

#ReportSearchTerms, #ReportSearchApplications {
    width: 375px;
    line-height: normal;
    height: 20px;
    float: left;
    width: 100%;
    border: 1px solid #A6B7BF;
    border-radius: 3px;
    padding: 2px 4px;
}

    #ReportSearchTerms:focus, #ReportSearchApplications:focus {
        outline: none;
        box-shadow: 0 0 0 2px #3A9DD2;
    }

    #ReportSearchTerms::-ms-clear {
        display: none;
    }

#ReportSearchApplications {
    margin-top: 5px;
    margin-bottom: 10px;
}

#ReportGridHeaderContainer,
#FavoritesGridHeaderContainer {
    width: 100%;
    padding: 4px;
}

#ExternalReportErrorMessage {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 12px;
    margin-bottom: 9px;
    margin-top: 9px;
    border: 1px solid transparent;
    border-radius: 1.5px;
    width: 375px;
    font-size: 0.85em;
}

#ReloadReports {
    color: dodgerblue;
    font-weight: normal;
    cursor: pointer;
}

.ExternalReportErrorSubMessage {
    font-weight: normal;
}

#ReportGridHeaderText,
#FavoritesGridHeaderText {
    color: #000D1A;
    font-size: 1rem;
    font-weight: normal;
}

#ClearReportFilters {
    color: dodgerblue;
    font-weight: normal;
    cursor: pointer;
}

#ReportSearchTableContainer,
#FavoritesSearchTableContainer {
    color: black;
    overflow: hidden auto;
    padding: 5px;
}

.ReportSearchTableResult,
.FavoritedMenuItemsResult {
    font-family: "Noto Sans", "NotoSans", sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}

    .ReportSearchTableResult:focus,
    .FavoritedMenuItemsResult:focus {
        outline: none;
        box-shadow: 0 0 0 2px #3A9DD2;
        z-index: 1;
    }

    .ReportSearchTableResult:hover,
    .FavoritedMenuItemsResult:hover {
        background-color: rgba(16, 104, 157, 0.1);
    }

    .ReportSearchTableResult .reportName,
    .FavoritedMenuItemsResult .favoriteMenuItemId {
        color: #888888;
    }

    .FavoritedMenuItemsResult:focus .favoritesOrderArrow,
    .FavoritedMenuItemsResult:hover .favoritesOrderArrow {
        display: block;
        fill: #CDCDCD;
        height: 25px;
        line-height: 10px;
    }

        .FavoritedMenuItemsResult:hover .favoritesOrderArrow:hover,
        .favoritesOrderArrow:hover {
            fill: #333333;
        }

.FavoritesOrderArrows {
    height: 20px;
    width: 25px;
    float: left;
}

.favoritesOrderArrow {
    display: none;
}

.favoriteMenuItemId span {
    text-overflow: ellipsis;
}

.reportDescription,
.favoriteMenuId {
    padding-right: 4px;
}

#ReportSearchTableContainer .ReportSearchTableResult {
    padding: 5px;
}

#ReportSearchTableContainer .ReportSearchTableResult,
#FavoritesSearchTableContainer .FavoritedMenuItemsResult {
    border-bottom: 1px lightgray solid;
    cursor: pointer;
}

    #ReportSearchTableContainer .ReportSearchTableResult:first-of-type,
    #FavoritesSearchTableContainer .FavoritedMenuItemsResult:first-of-type {
        border-top: 1px lightgray solid;
    }

#ReportSearchTableContainer .ReportPaneFavIcon,
#FavoritesSearchTableContainer .FavoritedMenuItemFavIcon {
    width: 45px;
    float: left;
    position: relative;
}

#ReportSearchTableContainer .ReportPaneFavIcon {
    height: 40px;
}

#FavoritesSearchTableContainer .FavoritedMenuItemFavIcon {
    height: 50px;
}

#FavoritesSearchTableContainer .FavoritedMenuItemsResult {
    display: table;
}

#FavoritesSearchTableContainer #menuBreadcrumbContainer.favoriteMenuBreadcrumbs {
    white-space: normal;
}

#FavoriteMenuSpinner {
    margin-top: 350px;
    margin-left: 200px;
}

.MenuPaneFavIcon {
    height: 100%;
    width: 32px;
    position: absolute;
    display: none;
    right: 5px;
    top: 0;
}

div.menuItem:hover .MenuPaneFavIcon,
div.menuItem:focus .MenuPaneFavIcon,
#subMenuWindow div.menuItem[tabindex]:focus .MenuPaneFavIcon {
    display: block;
}

#ReportSearchTableContainer .ReportPaneFavIcon svg,
#FavoritesSearchTableContainer .FavoritedMenuItemFavIcon svg,
#FavoritesIcon {
    height: 26px;
    fill: #FFFFFF;
    stroke: #CDCDCD;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.25s cubic-bezier(0, 1, 1, 1);
}

.MenuPaneFavIcon svg {
    height: 100% !important;
    fill: #FFFFFF;
    stroke: #CDCDCD;
    display: block;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.25s cubic-bezier(0, 1, 1, 1);
    overflow: visible;
}

#FavoritesIcon {
    display: inline-block;
    height: 1.375em;
    width: 1.375em;
    vertical-align: text-bottom;
    position: relative;
}

    #ReportSearchTableContainer .ReportPaneFavIcon.savedReport svg,
    #FavoritesSearchTableContainer .FavoritedMenuItemFavIcon.FavoritedSubMenuItem svg,
    .MenuPaneFavIcon.savedMenu svg,
    #FavoritesIcon svg {
        fill: #e7a822;
        stroke: #e7a822;
    }

.savedMenu,
.FavoritedSubMenuItem {
    display: block;
}

#EmptyListMessage {
    font-size: 0.75rem;
    font-style: normal;
    color: #394754;
}

#FavoritesSearchTableContainer .FavoriteResultDetails {
    margin: 5px 0;
}

#FavoritesSearchTableContainer .FavoriteResultDetails {
    width: 300px;
    float: left;
}

#ReportSearchTableContainer .ReportPaneDetails {
    width: 315px;
    width: calc(100% - 50px);
    float: left;
}

    #ReportSearchTableContainer .ReportPaneDetails div,
    #FavoritesSearchTableContainer .FavoriteResultDetails div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        /* IE9 */
    }

#mainMenuSvg {
    width: 60px;
    height: 44px;
}

    #mainMenuSvg #Layer_1 #backgroundRect {
        fill: #0098E3;
    }

    #mainMenuSvg #Layer_1 g {
        fill: #FFFFFF;
    }

.navMenuSvg {
    width: 24px;
    height: 24px;
    margin-left: -2px;
    margin-top: -2px;
    fill: #FFFFFF;
}

.navMRIMenuSvg {
    width: 40px;
    height: 41px;
    fill: #FFFFFF;
    left: 10px;
    position: absolute;
    padding-top: -5px;
    margin-top: -10px;
}

#homeButton .navMenuSvg {
    stroke: #ffffff;
}

.navMenuSvg:hover {
    /*fill: #9CD0E0;*/
}

#homeButton .navMenuSvg:hover {
    stroke: #9CD0E0;
}

/***********The date and lookup style exist in mripage.css as well if you change them here, change them there as well********/
/***********Lookup***********/
#cmdLookup {
    width: 17px;
    height: 17px;
    border-width: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url(images/form_box_list17.gif);
    background-repeat: no-repeat;
    cursor: pointer;
}

/***********Date Lookup***********/
#cmdDate {
    width: 17px;
    height: 17px;
    border-width: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url(images/form_box_cal17.gif);
    background-repeat: no-repeat;
    cursor: pointer;
}

input[type=button][id=cmdDate], input[type=button][id=cmdLookup],
input[type=submit][id=cmdDate], input[type=submit][id=cmdLookup] {
    background-color: #FFFFFF;
    /* TRANSPARENT */
}

/*JQuery UI Override*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
    /*{cornerRadius}; */
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
    /*{cornerRadius}; */
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
    /*{cornerRadius}; */
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
    /*{cornerRadius}; */
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em 1em;
    position: relative;
}

.ui-widget-header {
    border: none;
    border-bottom: 1px solid lightgray;
    background: #ffffff;
    color: gray;
    /*{fcHeader}*/
    font-weight: normal;
    font-size: 0.8em;
}

.ui-dialog .ui-dialog-titlebar-help {
    width: 17px;
    height: 17px;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 17px;
    height: 17px;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    margin-top: -8.5px;
    margin-left: -8.5px;
}

.dlg_modal {
    margin: 12px;
    font-size: 14px;
}

#appMenuCollapserX {
    height: 32px;
    width: 32px;
    background-color: transparent;
    position: absolute;
    right: 8px;
    top: 8px;
    fill: #7EC6FF;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    z-index: 900;
    cursor: pointer;
}

#appMenuCollapserXSvg {
    height: 100%;
    width: 100%;
}

#appMenuCollapserX + .MenuColumn > .menuGroup:first-child {
    width: 250px;
}

span.subMenuCollapserLink:hover,
#appMenuCollapserX:hover {
    color: #3A9DD2;
    fill: #3A9DD2;
}

span.subMenuCollapserLink {
    font-size: 10px;
    color: #10689D;
    cursor: pointer;
    position: absolute;
    left: 16px;
    display: table-cell;
}

#subMenuWindow .subMenu:only-of-type span.subMenuCollapserLink {
    display: none;
}

#bodyFrameBody > .ui-autocomplete {
    z-index: 200;
    background-color: #ffffff;
    border-top: none;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-family: "Noto Sans", "NotoSans", sans-serif;
    max-height: 75%;
    overflow-x: hidden;
    overflow-y: auto;
    text-overflow: ellipsis;
}

    #bodyFrameBody > .ui-autocomplete > .ui-autocomplete-category {
        background-color: #ffffff;
    }

    #bodyFrameBody > .ui-autocomplete > .ui-menu-item {
        background-color: #ffffff;
        width: 100%;
        cursor: pointer;
        margin: 9px 0;
    }

    #bodyFrameBody > .ui-autocomplete > .ui-state-focus {
        background-color: #f0f8fa;
        border-width: 0px;
    }

#bodyFrameBody > .ui-menu .ui-menu-item a.ui-state-focus,
#bodyFrameBody > .ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
    border: 0;
    background-color: #f0f8fa;
}

.MenuSearchContext {
    line-height: 1;
    font-size: 0.7em;
    padding-left: 5px;
    color: #7F7F7F;
}

.MenuSearchAutoCompleteTitle {
    color: #352b71;
    font-weight: bold;
}

.MenuSearch:before {
    content: "";
    background: #CCCCCC;
    position: absolute;
    height: 1px;
    width: calc((100%) - 50px);
}

.MenuSearchHighlight {
    font-weight: bold;
    color: #000000;
}

.menuAction.InfoBoxButton {
    color: #162029;
    font-weight: normal;
    background: transparent;
    border-collapse: collapse;
    border: solid 1px #ABB6C1;
    border-radius: 10000px;
    -webkit-appearance: none;
    -webkit-border-radius: 10000px;
    font-family: "Noto Sans", "NotoSans", sans-serif;
    line-height: 1.125;
    text-align: center;
    vertical-align: middle;
    visibility: visible;
    padding: 4px 8px;
    height: auto;
    margin: 0 0 8px 8px;
}

    .menuAction.InfoBoxButton:hover {
        background-color: rgba(16, 104, 157, 0.1);
        border: solid 1px #ABB6C1;
    }

    .menuAction.InfoBoxButton:active {
        background-color: rgba(16, 104, 157, 0.2);
        border: solid 1px #ABB6C1;
    }

#footer.app-gateway-offest-bottom {
    bottom: 25px;
}

.input-group .form-control {
    z-index: auto !important;
}