/* Minification failed. Returning unminified contents.
(2,28): run-time error CSS1039: Token not allowed after unary operator: '-background'
(44,32): run-time error CSS1039: Token not allowed after unary operator: '-background'
 */
#portal_header {
    background-color: var(--background);
    background-repeat: no-repeat;
    background-position: center top;
    background-position-y: 5px; /* give some top padding so customer's don't have to account for that in their images. */
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 20;
}

#Banner_WelcomeMessage {
    font-size: 14px;
}

.icon {
    position: relative;
    top: 3px;
}

#portal_header_menus {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    font-size: 0;
    height: 32px;
}

    #portal_header_menus a span {
        line-height: 26px;
    }

    #portal_header_menus A, .logoffcontrol, .masterhelpcontrol {
        margin: 1px;
        border: 1px solid transparent;
        padding: 1px 6px 1px 6px;
        list-style: none;
        display: inline-block;
        font-size: 14px;
        font-family: "Segoe UI", Arial, sans-serif;
        text-decoration: none;
        background-color: var(--background);
        color: #323e48;
    }

        #portal_header_menus A:hover, .logoffcontrol:hover, .masterhelpcontrol:hover {
            background-color: rgba(0, 98, 166, 0.15);
            color: #111;
            border-color: #999;
            text-decoration: none;
        }

.logoffcontrol {
}

    .logoffcontrol IMG {
        margin-left: 4px;
    }

.masterhelpcontrol {
    margin-left: 10px;
    margin-right: 0;
}

    .masterhelpcontrol IMG {
        margin-left: 4px;
    }

#portal_header_menus IMG {
    vertical-align: baseline;
    margin-right: 4px;
    height: 13px; /* temp hack until icons updated */
}

#portal_header_auth {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    float: right;
    height: 32px;
}

    #portal_header_auth span {
        line-height: 26px;
    }

#portal_header_logo {
    margin: 0;
    border: 0;
    padding: 2px 0 0 0;
}

#portal_header_session_info {
    margin: 0;
    border: 0;
    padding: 0 4px;
    display: inline-block;
    float: right;
    text-align: right;
    font-size: 11px;
}

.productlogo {
    margin: 0;
    border: 0;
    padding: 0px 5px;
}

#portal_header_tabs {
    width: 100%;
    margin: 0 0 4px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    white-space: nowrap;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
}

    #portal_header_tabs A {
        display: inline-block;
        border: 0;
        border-right: 1px solid #fff;
        padding: 2px 10px;
        line-height: 24px;
        font-size: 12px;
        text-decoration: none;
        font-family: Arial, sans-serif;
        font-weight: bold;
        cursor: pointer;
    }


/* Admin tools menu */
.adminmenu {
    border: 1px solid #999999;
    background-color: #eeeeee;
    position: absolute;
    z-index: 300;
}

    .adminmenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .adminmenu li {
        padding: 5px;
        cursor: pointer;
        font-size: 10pt;
    }

.adminmenuhover {
    background-color: #99ddff;
}

/* Change Password/Pin menu */
.changePassPinMenu {
    border: 1px solid #999999;
    background-color: #eeeeee;
    position: absolute;
    z-index: 300;
}

    .changePassPinMenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .changePassPinMenu li {
        padding: 5px;
        cursor: pointer;
        font-size: 10pt;
    }

.changepasspinmenuhover {
    background-color: #99ddff;
}

#portal_panes {
    width: 100%;
    border-collapse: collapse;
    height: calc(100vh - 122px);
    /* May need to find a solution to the quicklinks height issue on Default.aspx
       When the banner does not scroll horizontally, the scroll bar hides and the height of the page is reduced. 
       This is fine for now, can address if someone takes issue with it. */
    margin-top: -4px;
}

.portal_pane {
    vertical-align: top;
}

.portal-content-pane-left {
    padding-right: 10px;
    width: 175px;
    max-width: 175px;
    background-color: white;
    overflow:hidden;
    box-sizing: border-box;
    border-right: 1px solid lightgray;
}

.portal-content-pane-center {
    text-align: left;
}

.portal-content-pane-right {
    width: 175px;
    max-width: 175px;
    background-color: white;
    border-left: 1px solid lightgray;
}


/** HACK FOR IPAD (only tested on gen3 w/ retina display; not mini) **/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait), all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    /* REQUIRE LANDSCAPE ORIENTATION FOR FASUITE ON IPAD BECAUSE DESIGNED FOR 1024x768 MIN RESOLUTION */
    /* css rules for ipad landscape */
    #portal_header_tabs {
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
        border-bottom: 1px solid #ccc;
        background-image: none;
    }

        #portal_header_tabs A {
            font-size: 16px;
            color: #fff;
        }

        #portal_header_tabs .selected {
            border-bottom: 1px solid #fff;
        }
}

.alert-2 {
    color: #f6b436 !important;
}

.alert-3 {
    color: #ea002a !important;
}

#showUIMenu
{
    background-color: white !important;
}






/*
    #################################################################
             Report Launcher Styling
    #################################################################
*/
#menuReportFavs
{
    width: 725px !important;
}
#menuReportFavs *
{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    display: block;
}

#menuReportFavs div.saved_reports, #menuReportFavs div.menu_reports 
{
    display: inline-block !important;
    width: calc((50%) - 12px) !important;
    margin: 0px 5px !important;
}

#menuReportFavs div.saved_reports
{
    vertical-align: top;
}

#menuReportFavs div.list_area.favorites, #menuReportFavs div.list_area.history
{
    height: 200px;
    width: 100%;
    border: 1px solid;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
}

#menuReportFavs div.actions
{
    display: inline-block;
    width: 20px;
    vertical-align: top;
    float: left;
}

#menuReportFavs div.header
{
    font-weight: bold;
    margin: 5px 0px 3px 22px !important;
}

#menuReportFavs div.header span
{
    display:inline-block;
}

#menuReportFavs div.report {
    display: block;
    cursor: pointer;
    padding: 2px !important;
}

#menuReportFavs .report_zoom {
    background-position: 0px 0px;
    background-image: url(../images/zoom.gif);
    width: 12px;
    height: 12px;
    cursor: pointer;
    float: right;
    margin-right: 3px !important;
}
#menuReportFavs .report_zoom,
#menuReportFavs .report_icon,
#menuReportFavs .report_title
{
    display: inline-block;
    vertical-align: middle;
}
#menuReportFavs .report_title
{
    width: calc((100%) - 35px) !important;
    overflow: hidden;
    height: 15px;
}


#menuReportFavs .FATVNODEIMG
{
    display: inline-block !important;
    padding: 5px !important;
    vertical-align: middle;
}

#menuReportFavs .menu_icon,
#menuReportFavs .menu_rpt_title,
#menuReportFavs .menu_zoom_icon {
    display: inline-block;
}

#menuReportFavs .menu_icon {
}
#menuReportFavs .menu_rpt_title {
    padding: 2px !important;
    white-space: nowrap !important;
}
#menuReportFavs .menu_zoom_icon {
}

#menuReportFavs .FATreeView
{
    white-space: nowrap !important;
}

/* responsive tabstrip experiment */
#portal_header_small {
    display: none;
}

@media only screen and (max-width: 600px) {
    .responsive #portal_header {
        display: none;
    }

    .responsive #portal_header_small {
        height: 50px;
        display: block;
        padding: 2px 4px;
        border-bottom: 1px solid #f0f0f0;
        border-bottom: 0;
        background-color: #0062a6;
        color: #fff;
    }

    .responsive #portal_header_small *
    {
        vertical-align: middle;
    }

    .responsive #portal_header_small div.column
    {
        display: flex;
    }

    .responsive .section_navigator_expander{
        top: 60px !important;
    }
    .responsive #portal_header_small option {
        color: black;
    }

        .portal-header-small-body {
            margin: 0;
            margin-top: 5px;
            border: 0;
            padding: 0;
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
    .tab-selector-small {
        border: 0;
        margin-top: 4px;
        padding: 2px 4px;
        font-size: 13px;
        color: #fff;
        background-color: transparent;
    }
        .tab-selector-small:active, .tab-selector-small:hover {
            color: #000;
        }
    .logout-button-small .rad-button-icon {
        color: red;
    }
    .logout-button-small:hover {
        background-color: rgba(0,0,0,0.10);
    }
}






/*
    #################################################################
             GERMAN STYLING -- only custom styling below this
    #################################################################
*/
html.de #showUIMenu {
    width: 375px !important;
}