/*
//* Copyright (C) 2004 Allocare AG
//*         Author: ewa
//*    Description: Global Style Sheet
//* Update History:
//*     YY/MM/DD  uid  ___fixid___  Description
//*     07/09/14  fro   8582        .LabelDisabled and .LabelEnabled added to enable/disable labels in Mozilla
//*     09/01/09  mli  10139        Grid resizer made visible
//*     09/01/21  mli   9696        PDF exporting support
//*     10/06/10  mli  11740        disabled textboxes
//*     12/06/27  mli  15120        disabled inpout controls in Firefox
//*     12/12/03  mli  15924        Multiple rows, multiple selection support
//*     12/12/13  mli  15971        Chrome Support
//*     13/07/01  mli  17062        Image borders do not have automatic 0 border anymore
//*     13/10/11  mli  16091        Page Composer and new chart tools
//*     14/07/04  mli  18976        #2088 - value at risk subtitles
//*     14/07/09  mli  18550        Individual Guideline breaches - grouping added
//*     14/08/25  mli  19200        Help engine
//*     14/09/03  mli  19234        Collapsible parameter box in legacy pages
//*     14/10/24  mli  19428        Printing fixed
//*     14/11/13  mli  19548        Red line was not nice
//*     15/03/23  mli  19547        Retina display images
//*     15/05/15  mli  20235        Grid total row was not visible in printout (for totals on the top)
//*     15/05/18  mli  20291        Bug in chart sizing found
//*     15/08/19  mli  20559        XLS Export for chart data
//*     15/09/02  mli  20560        Subtitles in BVV2
//*     16/01/08  mli  20181        Styling standard AMS Web
//*     16/03/08  mli  21420        Grid pager was missing
//*     16/03/15  mli  14402        Command for collapsing and expanding a branch in AT implemented
//*     16/04/14  mli  21588        new SSGX style
//*     16/08/26  col  22011        Changed the background color of the dragged column 
//*     16/09/16  mli               Grid page buttons were wrongly decorated in Sets
//*     16/10/05  col  22295        Css classes for Notification Alert
//*     16/10/06  col  22319        Added url for Logout option in order to be displayed in the title bar
//*     16/10/21  col  21712        AMS Web - new look and feel integration
//*     16/10/26  col               Small ui improvments
//*     16/11/07  mli  22467        Show/Hide menu reworked
//*     16/11/08  mli               Setup button on legacy pages in booklet preview was not nicely positioned
//*     16/11/09  mli               Styling cosmetics
//*     16/11/09  col               Small ui changes
//*     16/11/10  mli               unnecessary zIndexes removed
//*     16/11/15  col               Small ui glitches
//*     16/11/21  col               Fixed the show/hide menu btn style
//*     16/12/01  mli  22510        Crash by chart printing in landscape
//*     16/12/06  col  21712        Integrated the new images
//*     16/12/12  col  22605        Freeze the top menu on scroll
//*     16/12/12  col               Fixed the position of the calendar on chrome/firefox when the menu is on top
//*     16/12/13  col               Fixed the top menu width on firefox
//*     16/12/15  col               Small ui glitches
//*     16/12/21  col  21732        Master pages integration and media queries for mobile app
//*     17/01/13  col               Fixed the tooltips display on iOS
//*     17/01/25  col               Changed the delete icon
//*     17/01/26  col               Small ui glitches
//*     17/02/03  col               Added style for the calendar and fixed the message box when the words are too long
//*     17/02/17  col  22853        Floating title on scroll
//*     17/02/21  mli  22755        drilldown on negative values
//*     17/02/23  col  22892        Fixed small glitches on tablet
//*     17/03/01  col               Aligned popup buttons to the right
//*     17/03/16  col  22966        Ajax calls and handle error messages with Rad popups
//*     17/03/20  col  22886        Language selection on login page
//*     17/03/23  col  21732        Replaced deprecated media queries to work also for android
//*     17/03/28  col  23020        New AMS Web menu structure
//*     17/04/07  col               Fixed ui glitches for input elements
//*     17/04/07  col               Better alignment for radio buttons and checkboxes
//*     17/04/26  col               Changed the contact image
//*     17/05/02  mli  23128        New HighCharts version - 5.0.10
//*     17/05/18  col  23198        Popup dialogs keyboard handling
//*     17/05/22  col               Small ui alignments
//*     17/05/24  col               Setup min-width for command bar
//*     17/05/30  col               Fixed the flickering issue of the header panel
//*     17/05/31  col               Fixed rad alerts/rad confirmation alignment issue on Firefox and buttons style on tablet popups
//*     17/06/14  col               Fixed popup resize issue on firefox
//*     17/07/17  mli  22314        Orders in web
//*     17/07/21  col  23381        Added style for the selected columns
//*     17/11/06  col  23748        Added css class for ObjectLookup ctrl to automaticaly disable the 'x' icon to clear field (IE only)
//*     17/12/07  mli  24045        Ajax refresh of main menu
//*     18/01/17  col  24007        Better alignment for Snippet files and integrated the page subtitle
//*     18/01/22  col  24202        Top Menu issue on smaller browser window
//*     18/01/23  col  24209        Grid Sort indicator missing
//*     18/02/01  col  24007        Move the ActionsButton class here to be used by more pages
//*     18/02/08  col  24007        Fixed Analysis Tree display issue when the header is too long 
//*     18/02/22  col  24007        Fixed small issue with the Calendar
//*     18/03/21  col  24427        Display button below Parameters panel
//*     18/03/22  col  24427        Better styling for the new Display btn on tablets
//*     18/08/03  mli  24359        MIS Grid
//*     19/03/21  cgr  25849        Add class .GCellInactive
//*     19/04/10  mli  26020        Enabled labels do not need specific style
//*     19/07/11  mli  24007        Unnecessary CSS class removed
//*     19/07/17  mli  26411        Visual feedback for Display buttons
//*     19/07/11  mli  26059        FIDLEG
//*     19/08/21  mli  26370        Browser printing issues
//*     19/09/13  mli  24007        hyphenation does not work properly - better turn it off (e.g. narrow radprompts)
//*     19/09/25  mli  24007        wait animation for cancel button
//*     19/12/16  mli  26739        Styling for actions in checkbox grid column fixed
//*     19/12/24  mli  27168        The focused outline was too thick in ChromiumEdge
//*     20/01/17  mli  27260        Reworking Disclaimer and Info Page
//*     20/05/05  mli  27783        Display button below parameters reworked
//*     20/05/13  mli               Buttons in help-files
//*     20/06/04  mli  27932        Changing CST status icons
//*     20/07/02  cgr  27889        TopLeftLogo small change
//*     20/07/10  cgr               Merge correction
//*     20/07/13  mli  28092        Portfolio Info Bar in standard Web
//*     20/08/05  mli  28050        Showing problems by attributes and patterns (via impersonation)
//*     20/08/25  mli  28142        Pattern by Portfolio
//*     20/10/02  mli  28387        Total rework of Note Editor
//*     20/10/20  moc  28501        Visual distinction between shared and private data
//*     20/11/06  mli  28521        Support for DropDown button
//*     21/02/03  moc  29007        Linked Notes for Legal Entity and Portfolio Details
//*     21/02/12  moc  29088        Add a new note from the Client-/Portfolio-Details pages
//*     21/04/09  moc  29128        Revert to the original template after modification
//*     21/05/04  mli  28784        Long task waiting via WebSockets / SignalR
//*     21/06/15  moc  29516        Showing problems via impersonation
//*     21/07/05  moc  28865        Show immediate response
//*     21/07/21  mli  29559        Docking zone tabs
//*     21/08/02  moc  29859        Switch between chart and data table
//*     21/10/19  mli  30276        drag and drop of documents
//*     21/11/22  moc  30483        Change default style in Firefox for dropdown control
//*     21/11/23  moc  30483        Fix for style in Firefox for dropdown control
//*     21/12/06  moc  30227        Links from Portfolio details to other pages directly
//*     21/12/14  moc  29923        Legal Entity editor added
//*     21/12/28  mli  30227        Better positioning for "Links" menu
//*     22/10/12  mli  30941        UAWP
//*     23/01/06  mli  28862        MVC
//*     23/01/30  tbi  32673        Autofit PFO dropdown in Analysis tree params
//*     23/02/21  mli  28862        right-aligned dropdowns
//*     23/03/24  mli  32262        Reworking standard AMS WEB look
//*     23/04/11  mli  28862        Tabs
//*     23/04/21  mli  32262        Styling fixed
//*     23/04/28  mli  32262        Max popup size 80% of the screen
//*     23/05/05  mli  32262        Display button in AT styling
//*     23/05/05  mli  32262        Panel expanders reworked now compatible with settings icon in AT
//*     23/05/12  mli  32597        MVC Charts in dashboards
//*     23/06/06  mli  33298        MVC grids in dashboards
//*     23/06/23  mli  33183        Styling dropdown grid and tree
//*     23/07/17  mli  33590        Restyling AT Side Bar
//*     23/07/18  tbi  33529        Z-index of highchart-tooltip was increased 
//*     23/07/21  mli  32402        Set16 styling
//*     23/07/24  mli  33298        Drilldown icons in MVC grids
//*     23/08/09  mli  32262        DX icons remapping solved
//*     23/08/09  mli  33698        DX upgrade to 23.1.4
//*     23/08/16  mli  33526        'New' menu items highlighting
//*     23/09/07  mli  33854        Problem with analysis tree sidebar
//*     23/09/29  mli  33967        Prompt reworked
//*     23/08/30  ota  32884        Order Ticket - Min / Mask
//*     23/10/30  mli  53865        Basic styles made better
//*     23/11/24  mli  54618        BugTree bug in Firefox
//*     23/11/28  mli  32513        Replacing main menu with MVC version
//*     23/12/07  mli  54778        Composite controls styling
//*     24/01/19  mli  51710        New application toolbar
//*     24/02/09  mli  56024        Transparent fixed tree column header (due to 54618)
//*     24/02/26  mli  55195        Mega-menu
//*     24/03/15  mli  56699        Responsive dashboards
//*     24/04/03  mli  56918        Mega-menu fixed for Firefox
//*     24/04/08  mli  55186        UAW 24.3
//*     24/05/09  mli  57790        Automatic width of select and lookup boxes
//*     24/04/22  mli  33776        MVC grids
//*     24/06/24  mli  58715        Red cell values in MVC grid footer
//*     24/07/24  ota               Fixed padding of mini/maxi orderMask
//*     24/08/06  ota  58818        Fixed focus lost in popups
//*     24/08/27  mli  59541        TWR4 Data grid component
//*     24/09/11  mli  60007        Grid/tree column dragging style fixed
//*     24/10/04  mli  60293        Badges for Evolution2 tree
//*     24/09/30  mli  60137        Set59 upgrade to 24.3
//*     24/12/23  mli  62055        Override inception in AT
//*     25/01/13  mli  57818        Mobile menu complete rework
//*     24/05/24  mli  52106        WEBREP
//*     25/01/16  mli  62292        Set46 upgrade to 24.9
//*     25/01/08  mli  57945        TRX List UI filter reworked
//*     24/12/27  mli  60996        Column Chooser in dashboard runtime
//*     25/03/14  mli  63346        Full width of first column on mobile devices
//*     25/05/07  mli  63963        Problem with DX loading panels
//*     25/01/07  mli  56734        Rework of sustainability grids to MVC
//*     25/05/22  ota  63845        Web: Grids not accepting clicks during data load
//*     25/05/20  mli  63165        DX upgrade to 23.1.15
//*     25/06/03  mli  64977        List of buttons
//*     25/06/13  mli  63222        ARIA - contrast errors
//*     25/07/03  mli  65358        Damaged style of top menu
//*     25/07/17  mli  61896        Rework dashboard inputbox
//*     25/10/09  ota  67009        AT - Collapsed Side Menu fixed
//*     25/07/09  mli  61890        Standard page toolbar for FERI
//*     25/10/06  mli  65407        NSP PWA App
//*****/

/*
 * Used Colors
 *  #336699     
 *  #FFFFFF     white
 *  #000000     black
 *  #E6E6E6     grey 10% (Primary)
 *  #E5E5E5     grey 20% (Primary Alternate)
 *  #D7D7D7     grey 40% (Secondary)
 *  #DCDCDC     grey 60% (Heading 2)
 *  #002E2E     grey 80% ()
 *  #DC143C     red  60% (Heading 1)
 *  #0033FF     blue     (Positiv Values +0.0)
 *  #CC0000     red      (Negativ Values -0.0)
 *  
*/

:root 
{
    --ams-viewport-height: 100vh; /* Default for unsupported browsers */
    --ams-numberbox-base-width: 32px; /*enough for 888 */
}

@supports (height: 100dvh) 
{
    :root 
    {
        --ams-viewport-height: 100dvh; /* Use 100dvh if supported */
    }
}

html
{
    height: auto;
    padding: 0px;
    margin: 0px;
    --ams-spin-buttons-width: 20px; /* spin-buttons above each other */
}

html.dxTouchUI
{
    --ams-spin-buttons-width: 60px; /* spin-buttons next to each other */
}

body
{
    height: auto;
    padding: 0px;
    margin: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

form
{
    height: auto;
    padding: 0px;
    margin: 0px;
}

/*
 * General Font and Color Settings
 */
body, p, li, td, th, ul, ol, center, dt, dd, dl, input, textarea, .Combo, table, button
{
    font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    margin: 0px;
}

@font-face 
{
  font-family: DXIcons;
    src: local("DevExtreme Generic Icons"), local("devextreme_generic_icons"), 
        url("../Controls/3rdParty/DevExtreme/V23_1_15/css/icons/dxicons.woff2") format("woff2"), 
        url("../Controls/3rdParty/DevExtreme/V23_1_15/css/icons/dxicons.woff") format("woff"), 
        url("../Controls/3rdParty/DevExtreme/V23_1_15/css/icons/dxicons.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/*freeze the top menu on scroll*/
.appMenuFreeze
{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #FFF;
    z-index: 1000;
}

/*freeze the heading title on scroll */
.FloatingOnScroll
{
    position: fixed !important;
    right: 0px;
    left: 0px;
    background-color: white !important;
    z-index: 900;
}

.TopLeftLogo
{
    background-image: url(../images/AllocareAMS.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 190px;
    height: 33px;
    cursor: pointer;
}

.PageHeadingButtonSeparator
{
    margin-left: 5px;
}

.PageHeadingControlSeparator
{
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
}

textarea
{
    resize: none;
}

/*  Example: Impersonator sees the problematic combo entries. Important flag is set to ensure the proper work
    also when .set or .user style sheets are used for .Combo (they come later, i.e. they would win) */
.Problem, .Problem .dx-texteditor-input
{
    color: red !important;
}

[disabled]
{
    color: #767676; /* make WAVE happy */
    /*opacity: 0.6;*/ /* why opacity? this would make all disabled buttons semi-transparent */
}

.dxSelectBoxWrapper
{
    display: inline-block;
}

select[disabled]
{
    color: #767676; /* make WAVE happy */
    /* hack for internal Android browser, otherwise will be every consequitive control painted disabled  */
    position: relative;
}

a:link
{
    font-size: 12px;
    color: #002D62;
    text-decoration: underline;
}

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

a:visited
{
    color: #002D62;
    text-decoration: none;
}

.HtmlPopup
{
    height: 100%;
    /* solve popup auto resize in Chrome */
}

.BodyPopup
{
    margin: 0px;
    padding-top: 10px;
    height: auto;
    width: 100%;
}

/* Panels Classes */
.HeadingPanel1
{
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    color: #E02A2F;
    background-image: none;
    padding: 6px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
    height: 24px;
    white-space: nowrap;
}

.InformationPanel1, .WarningPanel1, .CriticalPanel1, .ConfirmationPanel1
{
    position: relative;
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    margin: 0px 10px 0px 10px;
    background-position: 8px 8px;
    border-radius: 3px;
    min-height: 28px;
    line-height: 25px;
}

.WarningPanel1
{
    background-color: #FCF8E3;
    border: 1px solid #FAEBCC;
    background-image: url(../Images/Warning.png);
}

.InformationPanel1
{
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
    background-image: url(../Images/Information.png);
}

.CriticalPanel1
{
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    background-image: url(../Images/Critical.png);
}

.ConfirmationPanel1
{
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    background-image: url(../Images/Confirmation.png);
}

.ParameterHeadingPanel1, .ParameterPanel1, .DetailHeadingPanel1, .DetailPanel1, .ChartHeadingPanel1, .ChartPanel1, .DetailPanelLast, .ChartPanelLast
{
    margin: 0px 10px 0px 10px;
}

.ParameterHeadingPanel1, .DetailHeadingPanel1, .ChartHeadingPanel1, .LayoutGrid .DetailHeadingPanel1, .ams-parameter-heading
{
    background-color: Transparent;
    white-space: nowrap;
    background-image: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
    padding: 2px 2px 0px 0px;
    border-bottom: 2px solid #E02A2F;
    margin: 0 10px 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ParameterHeadingPanel1
{
    line-height: 1px; /* avoid problems with img inside*/
}

.ams-parameter-heading
{
    padding: 0px;
    margin: 0px;
}

fieldset.Panel_Section
{
    border: none;
    border-top: 1px solid silver;
    padding-bottom: 5px;
    margin-bottom: -10px;
}

fieldset.Panel_Section legend,
fieldset.Panel_Section legend .Label
{
    font-weight: 700;
}

.ParameterPanel1, .DetailPanel1, .ChartPanel1, .DetailPanelLast, .ChartPanelLast
{
    background-color: Transparent;
}

.ParameterPanel1, .DetailPanel1, .ChartPanel1
{
    padding: 5px 0px 5px 0px;
}

.DetailPanelLast, .ChartPanelLast
{
    padding: 5px 0px 1px 0px;
}

.CollapsiblePanelHeading
{
    cursor: pointer;
}

.ParameterPanel1, .ams-param-panel
{
    white-space: nowrap;
    background: #f3f3f3;
    border: 1px solid #e5e5e5;
    padding: 15px;
    line-height: 25px;
}

.BodyPopup .ParameterPanel1,
.ams-popup-body .ams-param-panel
{
    border: 1px solid #ccc;
    padding: 15px;
    margin: 0px;
}

.ParameterPanel1
{
    border-top: none;
    border-width: 2px 1px 1px;
}

.ParameterPanelDisplayBtn1
{
    white-space: nowrap;
    background: #f3f3f3;
    border: solid #e5e5e5;
    border-width: 2px 1px 1px;
    border-top: none;
    padding: 5px 15px 5px 15px;
    margin: 3px 10px 0px 10px;
}

.ParameterPanelDisplayBtn2
{
    white-space: nowrap;
    margin-top: 10px;
}

.ParameterPanelDisplayBtn1 .ParameterPanelDisplayBtn2
{
    margin-top: 0px;
}

.ParameterPanel1.PopupDialog
{
    border-top: 1px solid #ccc;
}

.BodyPopup .ParameterHeadingPanel1, .BodyPopup .DetailHeadingPanel1
{
    padding-left: 0px;
}

.BodyPopup .DetailPanelLast, .BodyPopup .DetailPanel1, .BodyPopup .CollapsiblePanelHeading, .BodyPopup .DetailHeadingPanel1, .BodyPopup .ParameterHeadingPanel1
{
    margin: 0;
}

.BodyPopup .InformationPanel1, .BodyPopup .WarningPanel1, .BodyPopup .CriticalPanel1, .BodyPopup .ConfirmationPanel1
{
    margin: 0;
    box-sizing: border-box;
    min-height: 50px;
    height: 50px;
    display: table;
    min-width: 350px;
    width: 100%;
}

.BodyPopup .Message1
{
    display: table-cell;
    vertical-align: middle;
}

.PanelExpander
{
    /*margin-right: 6px;*/
}

.PanelAddNewItem
{
    margin: 0;
}

/* Label Control Classes */
.h1
{
    font-weight: bold;
    margin: 0;
    font-size: 16px;
    color: #002D62;
    position: relative;
    padding: 0 0 0 35px;
    vertical-align: middle;
}

.h1:after
{
    left: 0;
    top: 50%;
    height: 3px;
    width: 25px;
    background: #e02a2f;
    content: "";
    position: absolute;
}

.h2
{
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    color: #333;
    margin: 0 0 5px 0;
    padding: 0px;
    box-sizing: border-box;
    word-break: break-word;
    vertical-align: baseline;
}

.DetailHeadingPanelPart .h2
{
    position: relative;
    padding-left: 30px;
    display: inline;
}

.DetailHeadingPanelPart .h2:after
{
    left: 0;
    top: 10px;
    height: 3px;
    width: 20px;
    background: #e02a2f;
    content: "";
    position: absolute;
}

.h1_Subtitle
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding: 0px;
    margin: 0px;
    padding-left: 2px;
}

.Message1
{
    white-space: normal;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    word-wrap: break-word;
    max-width: 100%;
}

.Label
{
    white-space: nowrap;
}

.Label[ams-for]
{
    cursor: pointer;
}

.LabelText
{
    white-space: nowrap;
    font-weight: bold;
}

.MultilineLabelParent
{
    vertical-align: top;
}

.Check
{
    white-space: nowrap;
}

/* Reversal Controls*/
.SetupDlgButton
{
    width: auto;
}

.Button, .DefaultButton
{
    text-align: center;
    font-weight: 700;
    padding: 3px 10px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
}

.Button
{
    height: 26px;
    box-sizing: border-box;
    line-height: 21px;
    border: none;
    background-color: #ccc;
    border: none;
    /* disallow iOS styling our buttons! */
    -webkit-appearance: none;
}

/* old button looked like this: */
.Button.dx-button
{
    padding: 0px 0px;
}

.Button:hover
{
    border: none;
    font-weight: 700;
    background-color: #BDBBBB;
}

.Button[disabled=disabled], .Button:disabled
{
    background-color: #efefef;
}

.DefaultButton
{
    text-decoration: none;
    background: #E02A2F;
    color: #fff;
}

.DefaultButton:hover
{
    color: #fff;
    border: none;
    background: #b72a38;
}

/* Fix for focus btn style on IE*/
.DefaultButton:focus, .Button:focus, .dx-dropdownbutton:focus-within
{
    outline: none;
    box-shadow: 0 0 6px 2px rgba(0, 155, 210, 0.3), 0 0 0 1px #002D62;
}

.DefaultButton[disabled=disabled], .DefaultButton:disabled
{
    background-color: #FD7E81;
}

.SmallButton
{
    height: 24px;
    vertical-align: middle;
}

.ams-button-small
{
    height: 24px;
}

.Button.ActionsButton, .Button.ActionsButton:hover
{
    background-image: url(../Images/DDArrowDown.svg);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding-right: 30px;
}

.Button.ActionsButton[disabled=disabled], #ActionsButton:disabled
{
    background-color: #ccc;
    color: gray;
}

.Button.DropDownButton
{
    background-image: url(../Images/DDArrowDown.svg);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    width: 29px;
}

.Button.DropUpButton
{
    background-image: url(../Images/DDArrowUp.svg);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    width: 29px;
}

.HelpBody .Button
{
    cursor: default;
}

/*Toolbar Controls*/
a:active.Help, a:link.Help, a:visited.Help, a:hover.Help,
a:active.Contact, a:link.Contact, a:visited.Contact, a:hover.Contact,
a:active.Export, a:link.Export, a:visited.Export, a:hover.Export,
a:active.ExportPDF, a:link.ExportPDF, a:visited.ExportPDF, a:hover.ExportPDF,
a:active.Print, a:link.Print, a:visited.Print, a:hover.Print a:active.Option,
a:link.Option, a:visited.Option, a:hover.Option a:active.Logout,
a:link.Logout, a:visited.Logout, a:hover.Logout
{
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: Transparent;
    text-decoration: none;
}

a:active.Logout, a:link.Logout, a:visited.Logout
{
    /*text-align: left;
  text-decoration: none;
  background: #E02A2F;
  color: #fff;
  font-weight: 700;
  border-radius: 3px;
  padding: 2px 10px 3px 10px;
  font-size: 12px;
  display: block;
  position: relative;
  top: -3px;
  height: 26px;
  box-sizing: border-box;
  line-height: 21px;*/
}

a:hover.Logout
{
    /*color: #fff;
  border: none;
  background: #b72a38;
  text-decoration: none;*/
}

.h2 a
{
    font-size: 14px;
}

.SideMenuSlider
{
    height: 26px;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #E02A2F;
    width: 22px;
    padding: 3px;
    margin-top: -6px;
    margin-right: 10px;
    cursor: pointer;
    background-image: url(../Images/0.gif);
    background-repeat: no-repeat;
    background-position: 3px 4px;
}

.SideMenuSlider:hover
{
    background-color: #b72a38;
}

#SideMenuShow
{
    background-image: url(../Images/ShowMenu.gif);
}

#SideMenuHide
{
    background-image: url(../Images/HideMenu.gif);
}

a img
{
    border: none;
}

a:hover.Help, a:hover.Contact, a:hover.Export, a:hover.ExportPDF, a:hover.Print, a:hover.Option
{
    text-decoration: underline;
}

.Option, .Contact, .Export, .ExportPDF, .Print, .Help, .About
{
    margin-left: 8px;
}

.Help img
{
    padding-right: 5px;
    /* space for IE6 scrollbar */
}

.Logout
{
    margin-right: 0px;
    margin-left: 15px;
}

.Option img, .Contact img, .Export img, .ExportPDF img, .Print img, .Help img, .Impersonate img, .Glossary img, .About img
{
    border: 0px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.ams-icon-exportXLS,
.Export img
{
    background-image: url(../Images/Export.png);
}

.ams-icon-exportPDF,
.ExportPDF img
{
    background-image: url(../Images/ExportPDF.png);
}

.Print img
{
    background-image: url(../Images/Print.png);
}

.dx-icon-amsAvatar
{
    background-image: url(../Images/Avatar.svg);
    background-repeat:no-repeat;
    background-size: 24px;
}

.dx-icon-amsSettings,
.Option img
{
    background-image: url(../Images/Option.png);
}

.dx-icon-amsImpersonate
{
    background-image: url(../Images/Impersonate.svg);
}

.Impersonate img
{
    background-image: url(../Images/Username.png);
}

.Glossary img,
.dx-icon-amsGlossary
{
    background-image: url(../Images/Glossary.png);
}

.Help img,
.dx-icon-amsHelp
{
    background-image: url(../Images/Help.png);
}

.About img
{
    background-image: url(../Images/About.png);
}

.Contact img,
.dx-icon-amsContact
{
    background-image: url(../Images/Contact.png);
}

.Logout img,
.dx-icon-amsLogout
{
    background-image: url(../Images/Logout.png);
}

.Logout img
{
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
}

/* Parameter table spacing*/
.ParameterColSep,
.ams-param-columnSep
{
    width: 20px;
}

.ParameterControlSep,
.ams-param-controlSep
{
    width: 5px;
}

/* Grid Classes */
.Grid
{
    overflow: hidden;
    border: none;
    outline-style: none;
}

.Grid div, .GridNoBorder div
{
    overflow: hidden;
    outline-style: none;
}

.GridResizer
{
    background-color: Navy;
}

.dx-header-row
{
    font-weight: bold;
}

.Grid_Header
{
    border: none;
    border-collapse: separate !important;
}

.Grid_Header th, .Grid_Header td, .Grid_Data th
{
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-user-select: -moz-none;
    border-bottom: solid 1px silver;
    border-right: solid 1px silver;
}

.GHeader
{
    background-color: #FFFFFF;
    /*transparent*/
    padding: 6px 5px 5px 5px;
    color: black;
    margin-bottom: 2px;
    font-weight: bold;
    vertical-align: text-top;
}

.Grid_Data
{
    border: none;
    border-collapse: separate !important;
}

.GridNoBorder_Data
{
    margin-top: 1px;
    margin-left: 1px;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
}

.Grid_Data td, .GridNoBorder_Data td, .GridNoBorder_Data th
{
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-user-select: -moz-none;
    border-right: solid 1px #e5e5e5;
    border-bottom: none;
    /*line-height: 24px;*/
    padding-top: 8px;
    padding-bottom: 6px;
}

.Grid_Footer
{
    border: none;
    border-collapse: separate !important;
}

.Grid_Footer td, .Grid_Footer th
{
    border: none;
    border-top: solid 1px silver;
    border-right: solid 1px silver;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-user-select: -moz-none;
}

.GFooter
{
    background-color: #FFF;
    padding: 6px 5px 5px 5px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
}

.GRow, .GAltRow
{
    padding: 2px 5px 2px 5px;
    line-height: 14px;
}

.GRow
{
    background-color: #fbfbfb;
}

.GAltRow
{
    background-color: #FFFFFF;
}

.GSepRow
{
    background-color: Transparent;
}

.ams-value-negative,
.ams-constraint-violation,
.GCellNeg, .GCellNeg a:link, .GCellNeg a:visited
{
    color: Red;
}

.GCellInactive, .GCellInactive a:link, .GCellInactive a:visited
{
    color: Red;
}

.GCellAlert, .GCellAlert a:link, .GCellAlert a:visited
{
    color: Red;
}

.ams-constraint-threshold,
.GCellWarning, .GCellWarning a:link, .GCellWarning a:visited
{
    color: Blue;
}

.ams-gridRow-emphasize,
.GRowEmphasize
{
    font-weight: bold;
}

.ams-value-emphasize,
.GCellEmphasize
{
    font-weight: bold;
}

.Grid_Pager
{
    border: none;
    border-top: solid 1px silver;
}

.Grid_Pager td, .Grid_Pager th
{
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-user-select: -moz-none;
}

.GPager
{
    background-position: 2px 0px;
    margin-top: 5px;
    font-weight: bold;
    background-color: transparent;
}

.Grid_PagerCell
{
    width: 50%;
    padding-right: 5px;
}

.Grid_ToolButton
{
    padding-left: 5px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.Grid_ToolPageSizeLabel
{
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
}

.Grid_ToolbarCell
{
    text-align: left;
    width: 50%;
}

td.Grid_ToolbarCell
{
    border-right: none;
}

.GPager a:visited
{
    color: #336699;
}

.GEditCell
{
    border-style: none;
    padding: 2px 5px 2px 5px;
}

.GRowExpArea
{
    text-align: center;
}

.GHeaderSortable
{
    line-height: 1.2;
    color: #333;
}

/*sort indicator*/
.GHeader
{
    padding: 6px 7px 5px 5px;
    position: relative;
    *position: static;
    /*<=IE7*/
}

.GColTextHeader input
{
    position: absolute;
    bottom: 6px;
    right: -3px;
    padding-right: 2px;
    padding-left: 2px;
}

.GColNumHeader input, .GColDateHeader input
{
    position: absolute;
    bottom: 6px;
    right: -3px;
    padding-right: 2px;
    padding-left: 2px;
}

.SelectedRow
{
    background: #dcdcdc !important;
    /*#e8eefa;*/
    font-weight: bold;
}

tr[class^=SelectedItemStyle] td, tr[class*=" SelectedItemStyle"] td
{
    background: #dcdcdc;
    color: #333;
}

@media screen
{
    .GSelCell, .GSelCell td
    {
        background-color: #e8eefa !important;
    }
}

td.GColRowIndicator
{
    white-space: normal;
    text-align: left;
    position: relative;
    padding: 0px 0px 0px 3px;
}

.GColText, .GColTextHeader, .GColTextFooter
{
    text-align: left;
}

.GColNum, .GColNumHeader, .GColNumFooter
{
    text-align: right;
}

.GColDate, .GColDateHeader, .GColDateFooter
{
    text-align: left;
}

.GColImg, .GColImgHeader, .GColImgFooter, .GColControl
{
    text-align: center;
}

.GColImg, .GColControl
{
    vertical-align: middle;
    white-space: normal;
}

td.GColImg
{
    padding: 0px;
    line-height: 1px;
    text-overflow: clip;
}

td.GColControl
{
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1px;
    text-overflow: clip;
}

.GColCheck, .GColCheckHeader, .GColCheckFooter
{
    text-align: center;
    vertical-align: middle;
    padding: 1px 1px 1px 1px;
}

.Grid tr, .GridNoBorder tr
{
    white-space: pre;
}

.GridRowSortButton
{
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 24px 24px;
    background-image: url(../Images/GridRowSorter.png);
}

.GridPageButton
{
    background-position-y: top;
    background-repeat: no-repeat;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

a:link.GridPageButton
{
    text-decoration: none;
}

.GridPageFirst
{
    background-image: url(../Controls/Grid/First.png);
}

.GridPageFirst[disabled]
{
    background-image: url(../Controls/Grid/FirstDisabled.png);
}

.GridPagePrev
{
    background-image: url(../Controls/Grid/Prev.png);
}

.GridPagePrev[disabled]
{
    background-image: url(../Controls/Grid/PrevDisabled.png);
}

.GridPageNext
{
    background-image: url(../Controls/Grid/Next.png);
}

.GridPageNext[disabled]
{
    background-image: url(../Controls/Grid/NextDisabled.png);
}

.GridPageLast
{
    background-image: url(../Controls/Grid/Last.png);
}

.GridPageLast[disabled]
{
    background-image: url(../Controls/Grid/LastDisabled.png);
}

.GridRowExpand_None, .GridRowExpand_Plus, .GridRowExpand_Minus
{
    height: 14px;
    width: 14px;
    overflow-y: hidden;
    display: block;
    float: left;
    background-position-y: top;
    background-repeat: no-repeat;
}

.GridRowExpand_Plus
{
    background-image: url(../Controls/Grid/TreePlus.gif);
    cursor: pointer;
}

.GridRowExpand_Minus
{
    background-image: url(../Controls/Grid/TreeMinus.gif);
    cursor: pointer;
}

/* Background color for mouse-over effect, when turned on */
.GridRowOver_None td
{
    background-color: #dcdcdc;
}

/* Date and Calendar Classes*/
.DateEdit3
{
    width: 100px;
}

/* remove the strange padding of 26px, this would cause ellipsis */
.dx-datebox:not(.dx-datebox-native).dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-datebox-native):not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input
{
    padding-right: 0px;
}

.dx-datebox-datetime
{
    width: 130px;
}

.dx-datebox-date .dx-dropdowneditor-icon,
.dx-datebox-datetime .dx-dropdowneditor-icon 
{
    background-image: url("../Controls/DateEdit/Calendar.png");
}

.dx-datebox-date .dx-dropdowneditor-icon::before,
.dx-datebox-datetime .dx-dropdowneditor-icon::before
{
    content: " ";
}

.DateEdit
{
    border: none !important;
    width: 7em;
}

.DateEditEdit
{
    border: 1px solid #BCBCBC !important;
    width: 6.5em !important;
    padding: 3px;
}

.DateEditEdit:focus
{
    border-color: #002D62 !important;
}

.DateEditEdit::-ms-clear
{
    display: none;
}

img.DateEditHover
{
    cursor: pointer;
}

.DateEdit img
{
    padding-top: 1px;
    vertical-align: top;
}

.TextEdit, .NumEdit, .DateEditEdit, select
{
    font-size: 12px;
    padding: 4px 5px;
    border: 1px solid #BCBCBC;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
}

.TextEdit.dx-widget, .NumEdit.dx-widget, .DateEditEdit.dx-widget, select.dx-widget
{
    padding: 0px;
}

/* required to change default Firefox styles */
select
{
    background-color: white;
}

.TextEdit:focus, .NumEdit:focus, .DateEditEdit:focus, select:focus, 
.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined,
.dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined
{
    border-color: #002D62;
    outline: none;
}

.TextEdit[readonly]
{
    background-color: #EEEEEE;
}

.Calendar
{
    background-color: #fcfcfc;
    color: #222222;
    font-size: 14px;
    line-height: 20px;
}

div > table.Calendar
{
    padding: 5px;
    border: 2px solid #707070 !important;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 6px 6px 6px;
}

.CalendarDayHeader
{
    font-weight: bold;
    color: black;
    background-color: #fcfcfc;
    border-bottom: 2px solid #707070;
    padding-left: 5px;
    padding-right: 6px;
    cursor: pointer;
}

.CalendarDay
{
    text-decoration: none;
    background-color: #fcfcfc;
    color: #222222;
    padding-left: 5px;
    padding-right: 6px;
    border-bottom: 1px solid #707070;
}

.CalendarDropDown
{
    color: #222222;
    font: Arial 14px bold;
    cursor: pointer;
}

.CalendarFooter
{
    padding-top: 5px;
    cursor: pointer;
}

.CalendarNextPrev
{
    cursor: pointer;
    font-weight: 800;
    font-size: 14px;
}

.CalendarWeekendDay
{
    text-decoration: none;
    background-color: #fcfcfc;
    padding-left: 5px;
    padding-right: 6px;
    border-bottom: 1px solid #707070;
}

.CalendarOtherMonthDay
{
    text-decoration: none;
    background-color: #fcfcfc;
    color: #ccc;
    padding-left: 5px;
    padding-right: 6px;
    border-bottom: 1px solid #707070;
    position: relative;
}

.CalendarSelectedDay
{
    color: #222222;
    font-weight: normal;
    background-color: #BDBBBB;
    padding-left: 5px;
    padding-right: 6px;
    border-bottom: 1px solid #707070;
}

.CalendarToday
{
    border-bottom: 1px solid #707070;
    color: white;
    background-color: #009bd2;
    padding-left: 5px;
    padding-right: 6px;
}

.CalendarDay:hover, .CalendarWeekendDay:hover, .CalendarOtherMonthDay:hover, .CalendarSelectedDay:hover
{
    background-color: #707070;
    color: #ffffff;
    cursor: pointer;
}

.CalendarTitle
{
    font-weight: bold;
}

.DateEditDropDown
{
    z-index: 999;
}

input[type=radio], input[type=checkbox]
{
    vertical-align: middle;
}

/* Radio Buttons, Checkboxes (Netscape only, using [id] hack) */
.RadioGroup[id] Label, .Radio[id] Label, .CheckGroup[id] Label, .Check[id] Label
{
    vertical-align: middle;
    margin-left: 4px;
    margin-right: 6px;
}

/* Validators */
.Validator
{
    color: Red;
}

/* Panel to be used for command bar that is not in DetailPanel */
.CommandBarPanel
{
    padding: 5px 10px 1px 10px;
}

/* Command bar for command buttons */
.CommandBar
{
    float: right;
    padding-top: 10px;
    /* Use the following to move the command bar out of the surrounding panel
  position: relative;
  top: 40px;
  margin-bottom: -10px;
  */
}

.CommandBarPartSetup
{
    text-align: right;
    min-width: 270px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 2px;
    float: right;
}

.CommandBarPartSetup table
{
    float: right;
}

.CommandBarPartSetupSpacer
{
    display: inline;
    padding-right: 5px;
    line-height: 1px;
}

.PartSetupOtherButtons
{
    display: inline;
    line-height: 1px;
    float: right;
}

.LabelDisabled
{
    color: Gray;
    background-color: Transparent;
    border: none 0px transparent;
}

.PrintOnly
{
    display: none;
}

/* Print Mode */
@media print
{
    .Help, .Contact, .Export, .ExportPDF, .Print, .Option, .Logout
    {
        visibility: hidden;
    }

    .HeadingPanel1
    {
        background-image: none;
        background-color: #dc2828;
        color: #000000;
        /*use other than white color to fit NS and IE print mode*/
    }

    .ParameterHeadingPanel1, .DetailHeadingPanel1, .ChartHeadingPanel1, .GoButtonBottomPanel
    {
        background-image: none;
        padding: 2px 2px 2px 2px;
    }

    /* hide the pager, filter */
    .Grid_Pager, .Grid_Header thead td
    {
        display: none !important;
    }

    body
    {
        height: auto !important;
        overflow: visible !important;
    }

    .Grid, .GridData, .DetailPanelLast, .Grid > div, .Grid > table
    {
        height: auto !important;
    }

    #AppMenu, .ParameterPanelDisplayBtn1, .ParameterPanelDisplayBtn2
    {
        display: none;
    }

    .PrintOnly
    {
        display: block;
    }

    .NoPrint
    {
        display: none;
    }

    form
    {
        margin: 0px !important;
    }

    .h1
    {
        padding-left: 0px;
    }
}

.TextEdit[readonly], select[disabled]
{
    background-color: #EEEEEE;
}

.PanelPart
{
    overflow: hidden;
}

.PanelChartPart
{
    overflow: visible;
    /* Highcharts would otherwise cut tooltips - Case 19775 */
}

.DistancerPart
{
    height: 14px;
    /* Should be synchronized with resizable.margin-bottom*/
}

.DistancerCell
{
    padding-left: 14px;
}

.DistancerRow
{
    padding-top: 14px;
}

.DetailHeadingPanelPart
{
    overflow: hidden;
    padding-bottom: 10px;
    white-space: normal;
}

@media screen
{
    .LayoutTable
    {
        table-layout: fixed;
    }
}

.LayoutTable
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    border-collapse: collapse;
}

.Chart
{
    display: inline-block;
}

span.skype_pnh_container
{
    display: none !important;
}

span.skype_pnh_print_container
{
    display: inline !important;
}

.LabelInPart
{
    padding-left: 10px;
    padding-bottom: 10px;
}

.LabelInPart .Label
{
    white-space: normal;
}

.PanelPart .InformationPanel1, .PanelPart .WarningPanel1, .PanelPart .CriticalPanel1, .PanelPart .ConfirmationPanel1
{
    margin-left: 10px;
}

/* vertical and slanted labels support */
.highcharts-container span
{
    background-color: white;
}

input.highcharts-range-selector::-ms-clear
{
    display: none;
}

.ams-highCharts-rangeSelect
{
    opacity: 1 !important;
}

.TreeControl
{
    border: 1px solid lightgray;
    padding-left: 10px;
}

.ImageButton
{
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer;
}

.HelpBody .ImageButton
{
    cursor: default;
}

.HelpSectionTitle
{
    font-weight: bold;
    padding-top: 10px;
}

.HelpParameterName
{
    font-style: italic;
}

.ButtonOption, .PartButtonColumnChooser
{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 20px 20px;
    margin-left: 3px;
}

.ButtonOption
{
    background-image: url(../Images/Option.png);
}

.PartButtonColumnChooser
{
    background-image: url(../Controls/Grid/AddColumn.svg);
    padding: 0;
    margin-right: 6px;
}

.ActionsButtonSmall
{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(../Images/Breakdown.png);
    cursor: pointer;
}

.GHeader > .ActionsButtonSmall
{
    margin-bottom: -3px;
}

.ATActionsButtonSmall
{
    width: 33px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url(../Images/Breakdown.png);
    cursor: pointer;
}

.PartButtonExportXLS
{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url(../Images/Export.png);
}

.PartButtonSwitch
{
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    background-color: unset;
    border: 1px solid #ccc;
    padding: 12px 18px;
}

.PartButtonSwitch:hover
{
    background-color: #BDBBBB;
}

.PartButtonSwitchToChart
{
    background-image: url(../Images/SwitchToChartInactive.svg);
    margin-right: 10px;
}

.PartButtonSwitchToChart:hover
{
    background-image: url(../Images/SwitchToChartActive.svg);
}

.PartButtonSwitchToChart:disabled
{
    background-image: url(../Images/SwitchToChartActive.svg);
    margin-right: 10px;
    background-color: #ccc;
}

.PartButtonSwitchToTable
{
    background-image: url(../Images/SwitchToTableInactive.svg);
}

.PartButtonSwitchToTable:hover
{
    background-image: url(../Images/SwitchToTableActive.svg);
}

.PartButtonSwitchToTable:disabled
{
    background-image: url(../Images/SwitchToTableActive.svg);
    background-color: #ccc;
}

.MoveUpArrow
{
    width: 20px;
    height: 20px;
    background-position: -2px -1px;
    background-repeat: no-repeat;
    background-image: url(../Images/MoveUp.png);
}

.MoveDownArrow
{
    width: 20px;
    height: 20px;
    background-position: -2px -1px;
    background-repeat: no-repeat;
    background-image: url(../Images/MoveDown.png);
}

.MoveLeftArrow
{
    width: 20px;
    height: 20px;
    background-position: -2px -1px;
    background-repeat: no-repeat;
    background-image: url(../Images/MoveLeft.png);
}

.MoveRightArrow
{
    width: 20px;
    height: 20px;
    background-position: -2px -1px;
    background-repeat: no-repeat;
    background-image: url(../Images/MoveRight.png);
}

.InfoLinkButton
{
    background: #E02A2F;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px 3px 10px;
    height: 26px;
    vertical-align: middle;
}

.InfoLinkButton:hover, .InfoLinkButton:active, .InfoLinkButton:focus
{
    background: #b72a38;
}

.InfoLinkButton > div
{
    /* The font-family must be repeated here, otherwise all browsers will ignore the derived font... */
    font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
    cursor: pointer;
    font-size: 12px;
    color: white;
    padding-right: 21px;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
}

.InfoLinkButton div.InfoLinkButtonIcon
{
    position: absolute;
    right: 1px;
    bottom: 0px;
}

.InfoLinkButtonIcon
{
    background-image: url(../Images/Alert.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
    top: 3px;
    /*background-position: 0px -2px;*/
}

.LinkButton
{
    padding-bottom: 0px;
    padding-top: 0px;
}

.LinkAsButton
{
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    color: #002D62;
    text-decoration: underline;
}

.LinkAsButton:hover
{
    color: #002D62;
    text-decoration: underline;
}

.LinkAsButtonSelected
{
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    color: #002D62;
    text-decoration: underline;
    font-weight: bold;
}

.LanguageSelection
{
    float: right;
}

.InfoLinkNotificationIcon
{
    display: none;
}

.displayNone
{
    display: none;
}

.displayBlock
{
    display: block;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.FunctionIconSpriteSmall
{
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.FunctionIconSpriteSmall:hover
{
    background-position: 0 -20px;
}

.FunctionIconSpriteSmall:active
{
    background-position: 0 -40px;
}

.FunctionIconSpriteSmallDisabled.FunctionIconSpriteSmall
{
    background-position: 0 -60px;
}

.FunctionIconDeleteSmall
{
    background-image: url("../Images/DeleteSpriteSmall.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}

.FunctionIconGlobalizeSmall
{
    background-image: url("../Images/Web.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.LegacySetupButton
{
    float: right;
    margin-top: -3px;
}

/* disable the 'x' icon to clear field (IE only) */
.ObjectLookup::-ms-clear
{
    display: none;
}

.LoadingPanel
{
    background-color: ButtonFace;
}

.LoadingImage
{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0;
}

.Loading
{
    z-index: 10000;
    background: rgba(128, 128, 128, 0) url(../Images/Loading.gif) 50% 50% no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}

.CheckIcon
{
    width: 20px;
    height: 20px;
}

/* Complete */
.CheckIcon_2
{
    background-image: url(../Images/Confirmation.png);
    background-size: contain;
}

/* NotComplete */
.CheckIcon_1
{
    background-image: url(../Images/Critical.png);
    background-size: contain;
}

.ConstraintStatusIcon
{
    width: 20px;
    height: 20px;
}

.ConstraintStatusIcon_1
{
    background-image: url(../Images/Confirmation.png);
    background-size: contain;
}

.ConstraintStatusIcon_2
{
    background-image: url(../Images/Threshold.png);
    background-size: contain;
}

.ConstraintStatusIcon_3
{
    background-image: url(../Images/Critical.png);
    background-size: contain;
}

.ConstraintStatusIcon_4
{
    background-image: url(../Images/Error.png);
    background-size: contain;
}

.NotesGridStatusIcon
{
    width: 20px;
    height: 20px;
    background-image: url(../Images/Threshold.png);
    background-size: contain;
}

@keyframes WaitKeyFrames
{
    0%
    {
        width: 0%;
    }

    100%
    {
        width: 100%;
    }
}

.Waiting
{
    animation-name: WaitKeyFrames;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes WaitKeyFrames_Test
{
    0%
    {
        width: 0%;
    }

    100%
    {
        width: 50%;
    }
}

.Waiting_Test
{
    animation-name: WaitKeyFrames_Test;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@media screen and (max-width: 1024px)
{
    .ParameterPanel1
    {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ParameterHeadingPanel1, .ParameterPanel1, .DetailHeadingPanel1, .DetailPanel1, .ChartHeadingPanel1, .ChartPanel1, .DetailPanelLast, .ChartPanelLast
    {
        margin: 0px 3px 0px 3px;
    }

    .ParameterPanelDisplayBtn1
    {
        margin: 3px;
        padding-left: 5px;
    }

    .ParameterControlSep
    {
        width: 0px;
    }

    .ParameterColSep
    {
        width: 0px !important;
    }

    #tableWith2Grids .ParameterColSep
    {
        width: 5px !important;
    }

    .InformationPanel1, .WarningPanel1, .CriticalPanel1, .ConfirmationPanel1
    {
        margin: 5px;
    }

    .Option, .Contact, .Export, .ExportPDF, .Print, .Help
    {
        margin-left: 5px;
    }

    .Contact img
    {
        margin-bottom: -2px;
    }

    #NotificationPanel
    {
        margin-top: -4px;
    }

    .DateEdit
    {
        width: 6em;
    }

    .DateEditEdit
    {
        width: 5.5px;
    }

    .PageHeading
    {
        padding-top: 2px;
    }
}

@media screen and (max-width: 500px)
{
    #RadWindowWrapperElementPleaseWaitPopup
    {
        left: 0px !important;
        width: 100% !important;
    }

    .BodyPopup .InformationPanel1, .BodyPopup .WarningPanel1, .BodyPopup .CriticalPanel1, .BodyPopup .ConfirmationPanel1
    {
        min-width: initial !important;
    }
}

.FunctionBarPanel
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.FunctionBar
{
    padding: 0px;
    overflow: hidden;
    /* IE7 */
}

.FunctionBarText
{
    width: 100%;
    vertical-align: bottom;
}

.FunctionItem
{
    border-color: #CECECE;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 5px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    min-width: 130px;
    line-height: normal;
}

.FunctionItemValue
{
    font-size: 24px;
    font-weight: 700;
}

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

.FunctionItemValueSmall
{
    font-size: 14px;
}

.FunctionItemValueLabel
{
    font-size: 12px;
}

.FunctionItemValueIndicator
{
    padding-left: 10px;
    width: 12px;
    height: 12px;
    vertical-align: central;
}

.FunctionBarSuperHeading
{
    display: block;
    text-align: right;
    white-space: nowrap;
}

.ValueUp
{
    color: #339933;
}

.ValueDown
{
    color: #E02A2F;
}

.ValueUpImg, .ValueDownImg, .ValueNeutralImg
{
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 18px 18px;
}

.ValueUpImg
{
    background-image: url(../images/ValueUp.png);
}

.ValueDownImg
{
    background-image: url(../images/ValueDown.png);
}

.ValueNeutralImg
{
    background-image: url(../images/ValueNeutral.png);
}

.ImpersonateUser:before
{
    letter-spacing: -5px;
    content: '\2B9E\2B9E';
    padding-right: 10px;
}

.ImpersonatePfoMgr:before
{
    letter-spacing: -5px;
    content: '\2B9A\2B9A';
    padding-right: 10px;
}

.MenuItemUnavailable
{
    background-color: #D0A1A1 !important;
}

.DataShared
{
    background-image: url(../images/Shared.svg);
    background-size: 15px 15px;
    background-position-y: 6px;
    background-position-x: 5px;
    background-repeat: no-repeat;
    padding-left: 27px;
}

.DataPrivate
{
    padding-left: 27px;
}

.ProgressBarBox
{
    margin-top: 8px;
    background: white;
    border-radius: 3px;
}

.ProgressBar
{
    background-image: linear-gradient(90deg, #E02A2F 0%, #E02A2F 45%, #ffffff 50%, #E02A2F 55%, #E02A2F 100%);
    background-size: 200% 200%;
    border-radius: 3px;
    -webkit-animation: ProgressBarKeyFrames 5s both infinite;
    animation: ProgressBarKeyFrames 5s both infinite;
}

.GlossaryUnavailable
{
    color: red;
}

@keyframes ProgressBarKeyFrames
{
    0%
    {
        background-position: 0% 50%;
    }

    50%
    {
        background-position: 100% 50%;
    }

    100%
    {
        background-position: 0% 50%;
    }
}

caption.highcharts-table-caption
{
    display: none;
}

.highcharts-data-table table
{
    border-collapse: collapse;
}

.highcharts-data-table table thead th
{
    border-bottom: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    padding: 6px 7px 5px 5px;
}

.highcharts-data-table table thead th:last-child
{
    text-align: right;
}

.highcharts-data-table tbody tr:nth-child(even)
{
    background-color: rgb(251, 251, 251);
}

.highcharts-data-table tbody th, .highcharts-data-table tbody td
{
    border-right: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5;
    padding: 8px 5px 6px 5px;
    font-weight: normal;
    min-width: 80px;
}

.highcharts-data-table tbody tr:hover
{
    background: #dcdcdc;
}

.text
{
    text-align: left;
}

.number
{
    text-align: right;
}

.DropArea
{
    border: 1px dashed #bcbcbc;
    border-radius: 2px;
}

.DropArea_DragHover
{
    border: 1px dashed #002d62;
    background-color: #bcbcbc;
}

.DropAreaHint
{
    color: #767676; /* make WAVE happy */
    font-style: italic;
}

.GRow .DropAreaHint
{
    color: #666; /* make WAVE happy */
}

.tabstrip .ams-tab-button
{
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    cursor: pointer;
    border-radius: 3px;
}

.ams-tab-button:hover
{
    background-color: #eee;
}

.ams-col-header-with-badge
{
    display: flex;
}

.ams-col-header-badge
{
    height: fit-content;
}

.ams-tree-method-badge, .ams-tree-method-badge2
{
    border-radius: 9px;
    background-color: #646464;
    color: #fbfbfb;
    display: inline-block;
    padding: 0px 4px 0px 4px;
    text-align: center;
    font-weight: normal;
    margin-left: 8px;
}

.ams-tree-method-badge2
{
    background-color: #CFBD9B;
    color: #171717;
    font-weight: bold;
    padding: 0px 6px 0px 6px;
}

.ams-side-bar-parent
{
    display: flex;
}

.ams-rest-width
{
    flex: 1;
    overflow: auto;
}

.ams-side-bar-wrapper
{
    height: 100%;
    width: 38px;
    position: relative;
    margin-right: 6px;
    min-height: 300px;
}

.ams-side-bar
{
    background-color: white;
    height: 100%;
    position: absolute;
    z-index: 10;
    border: 1px solid rgb(215, 215, 215);
    box-sizing: border-box;
}

.ams-side-bar button
{
    background-color: #d6d6d6;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.ams-side-bar-collapsed
{
    width: 38px;
}

.ams-side-bar-expanded
{
    width: 296px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
}

.ams-side-bar-toolbar
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    height: 100%;
    width: 100%;
    align-items: center;
}

.ams-side-bar-collapsed .ams-side-bar-toolbar
{
    flex-direction: column-reverse;
}

.ams-side-bar-collapsed .ams-side-bar-toolbar button.sidebar-toggler
{
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
}

.ams-side-bar-collapsed .ams-side-bar-toolbar button.sidebar-toggler i
{
    transform: rotate(90deg);
    display: block;
}

.ams-side-bar-collapsed .ams-side-bar-toolbar button.sidebar-pin
{
    display: none;
    visibility: hidden;
}

.ams-side-bar-collapsed .ams-side-bar-toolbar button
{
    transform: rotate(-90.1deg);
}

.ams-side-bar-collapsed .ams-side-bar-toolbar button:not(.sidebar-toggler):not(.sidebar-pin)
{
    margin-top: 60px;
}

.ams-side-bar-collapsed .ams-side-bar-toolbar button.sidebar-toggler
{
    width: 38px;
    height: 38px;
}

.ams-side-bar-expanded .ams-side-bar-toolbar
{
    height: 38px;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-toggler, .ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-pin
{
    position: absolute;
    top: 0;
    border: none;
    background: #fff;
    width: 32px;
    margin: 0;
    height: 29px;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-toggler
{
    right: 0;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-toggler i:before
{
    content: "\f00a";
    font-family: DXIcons;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-pin
{
    right: 32px;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-pin i:before
{
    display: block;
    transform: rotate(180deg);
    font-size: 19px;
    margin-top: -3px;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-pin.pinned
{
    visibility: hidden;
    color: transparent;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.sidebar-pin.pinned i:before
{
    visibility: hidden;
    color: transparent;
    content: "\f05c";
}

.ams-side-bar-collapsed .ams-side-bar-view
{
    display: none;
}

.ams-side-bar-expanded .ams-side-bar-view
{
    display: initial;
    height: calc(100% - 47px);
    box-sizing: border-box;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-search,
.ams-side-bar-expanded .ams-side-bar-view .dx-list-search,
.dx-dropdowneditor-overlay .dx-popup-content .dx-treeview-search,
.dx-dropdowneditor-overlay .dx-popup-content .dx-list-search
{
    border: solid #aaa 1px;
    border-radius: 2px;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-search, 
.ams-side-bar-expanded .ams-side-bar-view .dx-list-search
{
    margin: 0 30px 10px 21px;
    height: 32px;
    padding-left: 10px;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-search .dx-icon-search, .ams-side-bar-expanded .ams-side-bar-view .dx-list-search .dx-icon-search
{
    margin-left: -10px;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-search .dx-icon-search:before, 
.ams-side-bar-expanded .ams-side-bar-view .dx-list-search .dx-icon-search:before,
.dx-dropdowneditor-overlay .dx-popup-content .dx-treeview-search .dx-icon-search:before, 
.dx-dropdowneditor-overlay .dx-popup-content .dx-list-search .dx-icon-search:before
{
    color: #1c1c1c;
    overflow: visible;
    height: 16px;
    font-size: 19px;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-search .dx-texteditor-container, 
.ams-side-bar-expanded .ams-side-bar-view .dx-list-search .dx-texteditor-container
{
    padding-left: 4px;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-scrollable-container
{
    padding: 0 29px 0 20px;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-node
{
    padding-left: 0;
    padding-right: 16px;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-node .dx-treeview-toggle-item-visibility
{
    left: initial;
    right: 0;
}

.ams-side-bar-expanded .ams-side-bar-view .dx-treeview-node ul
{
    padding-left: 20px;
}

.ams-side-bar .dx-searchbox .dx-placeholder::before,
.ams-side-bar .dx-searchbox .dx-texteditor-input 
{
    padding-left: 16px;
}

.ams-side-bar-toolbar button
{
    font-weight: 600;
}

.ams-side-bar-toolbar button span
{
    line-height: 24px;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button
{
    background-color: #FBFBFB;
    border: 1px solid #E5E5E5;
    margin-right: 10px;
}

.ams-side-bar-expanded .ams-side-bar-toolbar button.active
{
    background-color: #EFEFEF;
    color: #E02A2F;
    font-weight: 700;
}

.dx-treeview-with-search > .dx-scrollable
{
    padding-bottom: 10px;
    box-sizing: border-box;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item
{
    background-color: #d6d6d6;
    color: #000000;
}

.dx-treeview-item-without-checkbox.dx-state-focused .dx-treeview-toggle-item-visibility
{
    background-color: #d6d6d6 !important;
    color: #000000;
}

.dx-treeview-item.dx-state-hover + .dx-treeview-toggle-item-visibility
{
    background-color: rgba(0, 0, 0, 0.04);
    color: #000000;
}

.dx-treelist-rowsview .dx-treelist-expanded span::before
{
    content: "\f014";
}

.dx-treelist-rowsview .dx-treelist-collapsed span::before
{
    content: "\f016";
}

.dx-treeview-node
{
    padding-left: 16px;
}

.dx-treeview-toggle-item-visibility
{
    left: 2px;
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before
{
    content: "\f014";
    font-size: 12px;
}

.dx-treeview-toggle-item-visibility::before
{
    content: "\f016";
    font-size: 12px;
}

.ams-button-menu-icon
{
    font: 32px/1 DXIcons;
    margin-right: 10px;
    vertical-align: middle;
}

.ams-button-menu-icon::before
{
    content: "\f00d";
}

.dx-lookup-arrow::before
{
    content: "\f001";
}

.dx-dropdownbutton-content .dx-list-item,
.dx-dropdownlist-popup-wrapper .dx-list-item
{
    width: auto;
    min-width: 100%;
}

.dx-dropdownlist-popup-wrapper .dx-popup-normal
{
    min-width: 100%;
}

.ams-panel-heading
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: visible !important;
    padding-bottom: 0px !important;
}

.ams-panel-heading .icon
{
    line-height: 1px;
}

.ams-panel-heading .PanelExpander
{
    position: initial;
    margin-left: 10px;
}

.dx-checkbox-text
{
    white-space: nowrap;
}

.ams-panel-section
{
    padding-bottom: 20px;
}

.ams-param-panel-noTitle, .ams-popup-body .ams-param-panel-noTitle
{
    border-top: 1px solid #ccc;
}

.ams-CommandBar
{
    margin-top: 11px;
    white-space: nowrap;
}

.ams-param-table tr,
.ams-param-row
{
    vertical-align: top;
}

td.ams-param-label
{
    vertical-align: middle;
}

div.ams-param-control
{
    width: fit-content;
    display: inline-block;
    min-height: 26px;
}

.ams-checkbox-list .dx-checkbox,
.ams-param-control .dx-checkbox
{
    height: 26px;
}

.ams-param-control-reworked > div.ams-param-control
{
    display: block;
    width: initial;
}

.ams-param-control-long
{
    padding: 10px;
}

.ams-param-control-long .Label
{
    margin-left: -10px;
}

.ams-smalltabs
{
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #222;
    margin-bottom: 10px;
}

.ams-smalltab
{
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
}

.ams-smalltab-active
{
    font-weight: bold;
    border-bottom: 2px solid #222;
}

.ams-param-other
{
    vertical-align: middle;
}

/* our custom templates are packed in yet another div*/
.dx-list-item-content div,
.dx-lookup-field div
{
    text-overflow: ellipsis;
    overflow: hidden;
}

.ams-param-control-reworked, .ams-param-container
{
    border: none;
    padding: 0;
}

.ams-param-label-container,
.ams-param-control-container,
.date-picker-colspan .date-picker-container
{
    display: inline-flex;
    align-items: center;
}

.date-picker-colspan .date-picker-container .from,
.date-picker-colspan .date-picker-container .to
{
    display: inline-flex;
    align-items: baseline;
}

.date-picker-colspan .date-picker-container .from
{
    margin-right: 10px;
}

.date-picker-colspan .date-picker-container .from .Label,
.date-picker-colspan .date-picker-container .to .Label
{
    margin-right: 5px;
}

.dx-state-disabled 
{
    pointer-events: visible;
}

.ams-text-value
{
}

.ams-text-multiline
{
    white-space: pre-line;
    word-wrap: break-word;
    overflow-y: auto;
}

.ams-checkboxGroup-horizontal .dx-checkbox
{
    margin-right: 5px;
}

.dx-datagrid-nowrap .dx-header-row>td>.dx-datagrid-text-content ,
.dx-treelist-nowrap, .dx-treelist-nowrap .dx-header-row>td>.dx-treelist-text-content 
{
    white-space: pre; /* allow multi-line grid headers */
}

.dx-treelist-drag-header,
.dx-datagrid-drag-header
{
    white-space: pre !important; /* allow multi-line grid headers */
}

.dx-treelist-container .dx-treelist-rowsview .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed
{
    background-color: inherit; /* bug in AT in Firefox - the hierarchical colors did not work */
}

.dx-datagrid-total-footer > .dx-datagrid-content 
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons
{
    /* the command cell contains always nbsp, which damages the centered layout*/
    font-size: 0px;
}

/* 
    DevExtreme main menu 
    Make sure ams-app-menu is used here as a parent, otherwise it damages even filter menu in grid control!
    Probably an adidtional class must be used for the top menu, to avoid referencing direct parent ID
*/

.ams-app-menu
{
    background-color: #F3F3F3;
    border-bottom: 1px solid #CECECE;
    border-collapse: collapse;
}

.ams-app-menu li.dx-menu-item-wrapper
{
    background-color: #F3F3F3;
    border-right: 1px solid #E5E5E5;
}

.ams-app-menu .dx-context-menu-container-border
{
    border: none;
}

.ams-app-menu li,
.ams-app-menu a:link
{
    font-size: 14px;
    text-decoration: none;
    outline: none;
}

.ams-app-menu .dx-menu-item-text
{
    line-height: 24px;
	color: #002D62;
}

.ams-app-menu.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text
{
    padding: 0px;
}

.ams-app-menu .dx-item-content
{
    padding: 8px 16px;
}

.ams-app-menu .dx-submenu .dx-menu-item-content
{
    padding-bottom: 4px;
    border-bottom: 1px solid #d8d8d8;
}

.ams-app-menu .dx-submenu .dx-menu-item-content .dx-menu-item-text
{
    padding: 0px;
    line-height: normal;
}

.ams-app-menu .dx-submenu .dx-menu-items-container
{
    padding: 0px;
}
    
.ams-app-menu.dx-menu-base .dx-menu-horizontal
{
    font-weight: bold;
}

/* make the popout arrows in the main menu level invisible */
.ams-app-menu.dx-menu .dx-menu-item-popout-container
{
    display:none;
}

.ams-app-menu.dx-context-menu .dx-menu-item-popout
{
    font-size: 18px;
}

/* the menu items containing popup arrows need more space on the right*/
.ams-app-menu.dx-context-menu .dx-menu-item.dx-menu-item-has-submenu
{
    margin-right: 10px;
}

.ams-app-menu.dx-menu .dx-menu-item.ams-menu-activePath
{
    box-shadow: inset 0px -3px #C80A0A;
}

.ams-app-menu .dx-context-menu-container-border
{
    box-shadow: none;
    border-bottom:none;
}

.ams-app-menu .dx-context-menu-content-delimiter
{
    background-color: transparent;
    width: unset !important; /* damaged by DX 23.1.15 */
}

.ams-app-menu .dx-item.ams-app-menu-extLink
{
    padding-right: 10px;
}

.ams-app-menu .ams-app-menu-extLink::after
{
    position: absolute;
    top:10px;
    right:0px;
    content: "";
    background-image: url('../Skins/Menu/TopMenu/img/ExtLink.png');
    background-repeat: no-repeat;
    background-size: 18px;
    width: 24px;
    height: 18px;
}

.ams-app-menu .ams-app-menu-newFeature::after
{
    content: "";
}

.ams-app-menu .ams-app-menu-newFeature::after,
.New 
{
    border-radius: 50%;
    color: transparent;
    z-index: 10001;
    width: 7px;
    height: 7px;
    background-color: #C80A0A;
    position: absolute;
    right: 5px;
    top: 5px;
}

.ams-app-menu-unavailable
{
    background-color: #D0A1A1;
}

.ams-app-menu .dx-submenu .ams-app-menu-newFeature .dx-menu-item-content .dx-menu-item-text
{
    padding-right: 13px;
}

.ams-app-menu.dx-menu .dx-menu-item-expanded
{
    background-color: inherit;
}

.ams-app-menu.dx-menu .dx-menu-item.dx-state-focused
{
    background-color: inherit;
}

.ams-auto-dropdown > .dx-overlay-content
{
    width: auto !important;
    max-width: 800px;
    left: 88px !important;
}

@media screen and (max-width: 1024px)
{
    .ams-auto-dropdown > .dx-overlay-content
    {
        max-width: 90%;
        left: 0px !important;
    }
}

.ams-auto-dropdown .dx-list-item
{
    width: auto;
    display: block;
}

.ams-auto-dropdown .dx-list-item-content
{
    display: block
}

.ams-align-right.dx-selectbox input,
.ams-align-right.dx-selectbox-popup-wrapper .dx-list-item
{
    text-align: right;
}

.dx-tab
{
    padding: 4px 20px;
}

.dx-tabs
{
    margin-bottom: 6px;
    width: auto;
}

.dx-invalid-message-content
{
    max-width: initial !important;
}

.dx-tooltip-wrapper.dx-popover-without-title .dx-overlay-content.dx-popup-normal
{
    max-width: 290px;
}

.dx-tooltip-wrapper.dx-popover-without-title .dx-overlay-content.dx-popup-normal .dx-popup-content
{
    display: block;
    white-space: break-spaces;
    max-width: 290px;
}

.ams-popup-body
{
    max-height: 80vh;
    padding: 4px;
}

.ams-button
{
    font-weight: 700;
}

.ams-button-default
{
    background-color: #E02A2F;
}

.ams-button-default:hover
{
    background-color: #b72a38;
}

.ams-button-default .dx-button-mode-outlined
{
    color: #fff;
    font-weight: 700;
}

.ams-button-default .dx-button-mode-outlined .dx-icon
{
    color: #fff;
}

.ams-button-default .dx-dropdownbutton-toggle
{
    min-width: 30px;
    justify-content: space-around;
}

.ams-button-default.dx-dropdownbutton
{
    border-radius: 6px;
    height: 28px;
}

.Button.dx-dropdownbutton
{
    padding: 0px;
}

.Button.dx-dropdownbutton .dx-button-content
{
    font-weight: 700;
}

.ams-panel-heading > div:nth-child(2)
{
    display: flex;
    padding-bottom: 5px;
}

.ams-panelExpander-expanded,
.ams-panelExpander-collapsed
{
    padding: 1px;
    border: 1px solid #ddd !important;
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 4px;
}

.ams-panelExpander-expanded:hover,
.ams-panelExpander-collapsed:hover
{
    background-color: rgba(0,0,0,.04);
}

.ams-panelExpander-expanded
{
    content: url(../Images/DDArrowUp.svg);
}

.ams-panelExpander-collapsed
{
    content: url(../Images/DDArrowDown.svg);
}

.ams-load-panel
{
    /* if not specified as important, DX will simply override it on element level */
    background-color: rgba(128, 128, 128, 0.2) !important;
}

/* This panel is used for components like charts which should take all space inside, accounting for titles, tabs, etc.*/
.ams-panel-autoFill
{
    display: flex;
    flex-direction: column;
}

/* all its children have fixed heights */
.ams-panel-autoFill > div
{
    flex: 0 0 auto; /* fixed height based on content */
}

.ams-panel-autoFill > div.ams-panel-fullChild
{
    flex: 1 1 auto; /* take remaining space */
    min-height: 0; /* required to prevent overflow */
}

.ams-chooser-commandColumn
{
    width: 37px;
}

.dx-link-icon
{
    text-decoration: none !important;
}

.ams-grid-cellWrap
{
    overflow: inherit;
    text-overflow: inherit;
}

.DrillDownArrow,
.ams-grid-drillDownIndicator
{
    background-image: url(../Images/DDArrowRight.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.ams-grid-SimpleHierarchy.Level2
{
    padding-left: 20px;
}

.ams-grid-SimpleHierarchy.Level3
{
    padding-left: 40px;
}

.ams-grid-SimpleHierarchy.Level4
{
    padding-left: 60px;
}

.ams-grid-SimpleHierarchy.Level5
{
    padding-left: 80px;
}

.ams-grid-SimpleHierarchy.Level6
{
    padding-left: 100px;
}

.DrillDownArrow
{
    width: 24px;
    height: 24px;
}

.highcharts-tooltip-container
{
    z-index: 1001 !important;
}

.dx-datagrid-header-panel
{
    border-collapse: collapse;
}

.dx-icon-popup-minimize
{
    background-image: url(../Images/PopupCollapse.svg);
    background-size: contain;
}

.dx-icon-popup-maximize
{
    background-image: url(../Images/PopupExpand.svg);
    background-size: contain;
}

.ams-param-controlPair > div,
.ams-param-controlPair > div > span
{
    display: inline-block;
}

/* ams-param-table-2 - form used for OrderTicket in WebNEXT */
.ams-param-table-2 .ams-param-row > td > div.ams-param-control 
{
    min-width: 300px;
}

.ams-param-table-2 .ams-param-row > td > div.ams-param-from,
.ams-param-table-2 .ams-param-row > td > div.ams-param-to
{
    min-width: 120px;
}

.ams-resizable-container
{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ams-resizable-content
{
    flex-grow: 1;
}

.ams-popup-body .ams-resizable-content
{
    padding-top: 10px;
}

.ams-mask-quickInfo
{
    display: flex;
    flex-grow: 1;
    padding-bottom: 10px;
}

.ams-mask-quickInfo-content
{
    flex-grow: 1;
}

.ams-mask-quickInfo-details
{
    font-size: 12px;
    font-weight: bold;
    color: #5c5c5c;
}

/* for the Maxi Mask (e.g. OrderTicket), with navigation menu */
.ams-popup-body.ams-bigMask
{
    max-height: initial; /* would be normally 80vh*/
    padding: 0px;
}

.ams-bigMask-container
{
    display: flex;
    padding-left: 29px;
    padding-right: 29px;
}

.ams-bigMask-container .ams-param-panel
{
    padding-top: 0px;
}

.ams-bigMask-navigation
{
    padding-right: 31px;
}

.ams-bigMask-navigation > table
{
    position: sticky;
    top: 0px;
}

.ams-bigMask-navigation > table td
{
    border-bottom: 1px solid #adb5bd;
    padding: 6px 12px 6px 10px;
    white-space: nowrap;
}

.ams-bigMask-navigation > table td > div
{
    cursor: pointer;
}

.ams-param-section-row > td
{
    font-weight: bold;
    position: relative;
}

.ams-param-section-row > td > div
{
    scroll-margin-top: 4px;
}

.ams-BottomBar
{
    display: flex;
    justify-content: space-between;
}

.ams-navigationButtons 
{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-left: auto;
}

.ams-navigationButtons .dx-button
{
    width: 26px;
    height: 26px;
}

.ams-navigationButtons .dx-icon
{
    background-size: 30px;
}

.dx-icon-navigation-first
{
    background-image: url(../Images/NavigationFirst.svg);
}

.dx-icon-navigation-prev
{
    background-image: url(../Images/NavigationPrevious.svg);
}

.dx-icon-navigation-next
{
    background-image: url(../Images/NavigationNext.svg);
}

.dx-icon-navigation-last
{
    background-image: url(../Images/NavigationLast.svg);
}

table.ams-param-table .ams-param-removed
{
    border: none !important;
    padding: 0px !important; 
    width: 0px !important;
    height: 1px;
}

div.ams-param-table .ams-param-removed
{
    display:none;
}

.ams-param-none
{
    border: none !important;
}

/* just a placeholder for label, in order to make the algorithm for reworking parameter tables running properly */
.ams-param-label-empty
{
    display: none;
}

.ams-dialog-prompt input
{
    width: 30em;
}

.ams-param-control-composite
{
    display: flex;
    position: relative;
}

#UserProfileButton_Dropdown .dx-list-item-content
{
    padding-left: 20px;
    padding-right: 20px;
}

.dx-list-item-content div.ams-userProfileInfo
{
    position: relative;
    overflow: visible;
    padding-bottom: 7px;
}

.ams-userProfileInfo::before
{
    content: "";
    position: absolute;
    left: -50px;
    right: -50px;
    top: -7px;
    height: 36px;
    background-color: #F2F1EB;
    z-index: -1;
}

.ams-userProfileInfo::after
{
    content: "";
    border-bottom: 1px solid #CED4DA;
    position: absolute;
    left: -50px;
    right: -50px;
    bottom: -1px;
    height: 1px;
}

.ams-userProfilePicture 
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 52px;
    height: 52px;
    border: 1px solid black;
    background-color: #F2F1EB;
    background-image: url(../Images/Avatar.svg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: visible !important;
    cursor: pointer;
}

.ams-userProfilePicture::after
{
    position: absolute;
    right: -10px;
    top: 14px;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('../Images/Pencil.svg');
    background-repeat: no-repeat;
    background-size: 20px;
}

.ams-userProfilePicture img
{
    width: 50px;
}

.ams-userProfilePictureDelete
{
    width: 20px;
    height: 20px;
    background-image: url('../Images/Trash.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 14px;
    right: -36px;
    cursor: pointer;
}

.ams-noHover
{
    background-color: inherit !important; 
    cursor: inherit !important;
    color: inherit !important;
}

.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content
{
    border-top-width: 1px;
}

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content
{
    padding: 7px 9px;
}

.ams-userProfileName
{
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.ams-userProfileAddress
{
    font-size: 12px;
    line-height: 20px;
}

#UserProfileButton .dx-button-content
{
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#UserProfileButton .dx-button-content .dx-icon
{
    width: 24px;
    height: 24px;
}

#UserProfileButton .dx-button-content .dx-icon.dx-icon-spindown
{
    width: 8px;
}

#AppMenu
{
    max-width: 100vw;
}

#AppMenu_TopContainer
{
    padding: 12px;
}

#AppMenu_Burger
{
    display: none;
}

@media screen and (max-width: 1007px)
{
    #AppMenu_Burger
    {
        display: unset;
    }

    #AppMenu_MenuContainer
    {
        display: none;
    }

    .TopLeftLogo
    {
        width: 133px;
        height: 22px;
        margin-left: 5px;
    }
}

#UserProfileButton
{
    height: 32px;
}

#MainMenuButton
{
    height: 32px;
    width: 36px;
}

#MsgSummaryButton
{
    height: 32px;
    background-color: #E02A2F;
    color: white;
}

#MsgSummaryButton:hover, #MsgSummaryButton:active, #MsgSummaryButton:focus
{
    background-color: #b72a38;
}

.dx-icon-amsBell
{
    background-image: url(../Images/Alert.png);
    background-size: contain;
}

.ams-pageHeading-exports
{
    padding-top: 4px;
}

.ams-megaMenu-preparing
{
    visibility: hidden;
}

.ams-megaMenu-sectionSet
{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.ams-megaMenu-item
{
    padding: 10px;
    display: block;
    position: relative;
}

.ams-megaMenu-item:visited
{
    color: inherit;
}

.ams-menu-exportSection 
{
    top: 11px;
    position: absolute;
    right: 11px;
    display: flex;
    gap: 11px;
}

.ams-menu-exportSection .ams-icon-export
{
    width: 20px;
    height: 20px;
    background-size: contain;
}

.dx-popup-normal .dx-scrollable-container
{
    overscroll-behavior: contain;
}

@media screen and (min-width: 440px)
{
    .dx-dialog-message
    {
        min-width: 350px;
    }
}

.ams-grid-with-topFooter .dx-datagrid > .dx-datagrid-total-footer
{
    order: -1;
    border-top: 1px solid #DDDDDD;
}

.ams-grid-with-topFooter .dx-datagrid > .dx-datagrid-headers
{
    order: -2;
}

.ams-grid-with-topFooter .dx-datagrid .dx-datagrid-header-panel
{
    order: -3;
}

.ams-grid-with-topFooter .dx-datagrid-columns-separator
{
    padding-bottom: 36px;
}

.dx-datagrid .dx-column-indicators.dx-visibility-hidden
{
    display: none; /* DX purpose unclear, for centered columns */
}

/* for PIS column localization */
.dx-icon-amsLocalize
{
    background-image: url(../Images/Web.svg);
    background-repeat: no-repeat;
}

/* for PIS column setup */
.dx-icon-amsSettings1
{
    background-image: url(../Images/Settings.svg);
    background-repeat: no-repeat;
}

.dx-icon-amsDeleteTableColumn
{
    background-image: url(../Controls/Grid/DeleteTableColumn.svg);
    background-repeat: no-repeat;
}

.dx-icon-amsUndeleteTableColumn
{
    background-image: url(../Controls/Grid/UndeleteTableColumn.svg);
    background-repeat: no-repeat;
}

.dx-datagrid .dx-row > td.ams-grid-cell-sparkline
{
    padding: 1px;
}

.dx-datagrid-summary-item
{
    color: unset;
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text 
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-pager .dx-pages .dx-info
{
    opacity: 0.67; /* make WAVE happy */
}

.ams-popup-outline
{
    pointer-events: auto;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-color: rgba(255, 255, 255, .8);
}

.Button.ams-DetailHeading-addOn
{
    float: right;
    margin-right: 10px;
}

#TopMenuHamburgerButton
{
    height: 32px;
    width: 36px;
}

#TopMenuHamburgerButton .dx-button-text
{
    display: none;
}

#TopMenuHamburgerButton_Dropdown
{
    position: fixed !important;
    transform: unset !important;
}

#TopMenuHamburgerButton_Dropdown.dx-popup-wrapper > .dx-overlay-content
{
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: unset;
}

#TopMenuHamburgerButton_Dropdown:not(.ams-mobileMenu-withLevel2) .dx-scrollview-content
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 376px;
    padding-top: 16px;
    padding-left: 12px;
}

#TopMenuHamburgerButton_Dropdown.ams-mobileMenu-withLevel2 .dx-scrollview-content > .dx-list-item .dx-list-item-content
{
    width: 104px;
    height: 65px;
    padding: 0px;
    padding-top: 4px;
}

#TopMenuHamburgerButton_Dropdown:not(.ams-mobileMenu-withLevel2) .dx-scrollview-content > .dx-list-item 
{
    min-width: unset;
}

#TopMenuHamburgerButton_Dropdown .dx-scrollview-content > .dx-list-item.dx-state-hover,
#TopMenuHamburgerButton_Dropdown .dx-scrollview-content > .dx-list-item.dx-state-active,
#TopMenuHamburgerButton_Dropdown .dx-scrollview-content > .dx-list-item.dx-state-focused
{
    background-color: unset;
    color: unset;
}

#TopMenuHamburgerButton_Dropdown:not(.ams-mobileMenu-withLevel2) .dx-scrollview-content > .dx-list-item .dx-list-item-content
{
    width: 176px;
    height: 128px;
    padding: 4px;
}

#TopMenuHamburgerButton_Dropdown .dx-popup-normal
{
    height: calc(var(--ams-viewport-height) - 44px) !important;
    display: flex;
    flex-direction: column;
}

#TopMenuHamburgerButton_Dropdown .dx-popup-content
{
    display: flex;
    flex-grow: 1;
}

.ams-mobileMenu-level1
{
    background-color: #F2F2EE;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 100%;
    border: none;
    border-bottom: solid 2px transparent;
    row-gap: 5px;
}

.ams-mobileMenu-withLevel2 .ams-mobileMenu-level1
{
    row-gap: 2px;
}

.dx-list-item-selected .ams-mobileMenu-level1,
.ams-mobileMenu-level1:active
{
    border-bottom: solid 2px #c80a0a;
}

.ams-mobileMenu-level1:hover:not(:active)
{
    border-bottom: solid 2px #de9b00;
}

.ams-mobileMenu-level1 .ams-mobileMenu-text
{
    color: #484b4e;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
}

.ams-mobileMenu-level1 .ams-mobileMenu-shortText,
.ams-mobileMenu-withLevel2 .ams-mobileMenu-text
{
    display: none;
}

.ams-mobileMenu-withLevel2 .ams-mobileMenu-shortText
{
    color: #484b4e;
    font-weight: bold;
    line-height: 16px;
    height: 18px;
    display: unset;
}

.ams-mobileMenu-icon
{
    width: 33px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
}

.ams-mobileMenu-withLevel2 .ams-mobileMenu-icon
{
    width: 20px;
    height: 20px;
}

.ams-menuItem-CRM .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Icon_Card_CRM.svg);
}

.ams-menuItem-Analysis .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Icon_Card_Analysis.svg);
}

.ams-menuItem-PortfolioManagement .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Icon_Card_PortfolioManagement.svg);
}

.ams-menuItem-Compliance .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Icon_Card_Compliance.svg);
}

.ams-menuItem-Reporting .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Icon_Card_Reporting.svg);
}
    
.ams-menuItem-Workspace .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Icon_Card_Workspace.svg);
}

#MobileMenu_AccordWrapper
{
    width: 270px;
    padding: 4px 10px 4px 4px;
}

#MobileMenu_AccordWrapper .dx-accordion-item
{
    border-color: transparent;
}

#MobileMenu_AccordWrapper .dx-accordion-item .dx-accordion-item-title
{
    height: 44px;
    padding: 12px 12px 12px 16px;
    font-size: 16px;
    color: #6c757d;
    line-height: 18px;
    border-right: solid 2px transparent;
}

#MobileMenu_AccordWrapper .dx-accordion-item .dx-accordion-item-title::before
{
    line-height: unset;
    font-size: 16px;
}

#MobileMenu_AccordWrapper .dx-accordion-item.dx-accordion-item-opened .dx-accordion-item-title
{
    background-color: #f2f2ee;
    border-right: solid 2px #c80a0a;
}

#MobileMenu_AccordWrapper .dx-accordion-item.dx-state-hover .dx-accordion-item-title
{
    border-right: solid 2px #de9b00;
    background-color: #fbfaf8;
}

/* */

#MobileMenu_AccordWrapper .dx-accordion-item-body
{
    padding: 0px 0px 0px 8px;
}

#MobileMenu_AccordWrapper .dx-menu-items-container
{
    width: 100%;
}

#MobileMenu_AccordWrapper .dx-accordion-item .dx-menu-item
{
    height: 40px;
    padding: 8px 12px 8px 22px;
    border-bottom: 1px solid #B5BABE;
}

#MobileMenu_AccordWrapper .dx-accordion-item .dx-menu-item .dx-menu-item-text
{
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    color: #484b4e;
}

#MobileMenu_AccordWrapper .dx-accordion-item .dx-menu-item a
{
    text-decoration: none !important;
}

#MobileMenu_AccordWrapper .dx-accordion-item .dx-menu-item.dx-state-hover
{
    border-right: solid 2px #de9b00;
    background-color: #fbfaf8;
}

#MobileMenu_AccordWrapper .dx-accordion-item .dx-menu-item.ams-menu-activePath,
#MobileMenu_AccordWrapper .dx-accordion-item .dx-menu-item.dx-state-active
{
    border-right: solid 2px #c80a0a;
    background-color: #f2f2ee;
}

.ams-mobileMenu-withLevel2 .dx-popup-bottom.dx-toolbar
{
    padding: 33px 14px 2px 12px;
}

.ams-mobileMenu-withLevel2 .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container
{
    height: 46px;
}

.ams-mobileMenu-toolbarTitle
{
    position: absolute;
    top:-33px;
    height: 30px;
}

.ams-mobileMenu-toolbarTitle.dx-toolbar-item .dx-toolbar-item-content div
{
    line-height: 18px;
    font-size: 16px ;
    padding: 6px 32px 6px 8px;
}

.ams-mobileMenu-quickAccess
{
    color: #DE9B00;
    border-left: 1px solid #de9b00;
}

.ams-mobileMenu-quickAccess:after
{
    content: "";
    position: absolute;
    top: 8px;
    right: 0px;
    width:16px;
    height:14px;
    background-image: url(../Images/MenuQuickAccess.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.ams-mobileMenu-withLevel2 .dx-toolbar .ams-mobileMenu-QAButton
{
    padding-right: 22.5px;
}

.ams-mobileMenu-QAButton .dx-button
{
    border-color: transparent !important;
    min-width: 51px;
}

.ams-mobileMenu-QAButton .dx-button .dx-button-content
{
    display:flex;
    flex-direction: column;
    padding: 0px;
    position: relative;
}

.ams-mobileMenu-QAButton .ams-mobileMenu-icon
{
    width: 26px;
    height: 26px;
}

.ams-mobileMenu-QAButton .ams-mobileMenu-text
{
    width: 100%;
    font-size: 10px;
    letter-spacing: normal;
    color: #484b4e;
    display:unset;
}

.ams-mobileMenu-QAButton .dx-state-hover .ams-mobileMenu-icon::after,
.ams-mobileMenu-QAButton .dx-state-focused .ams-mobileMenu-icon::after
{
    content: "";
    background-image: url(../Images/Menu/Icon_Add_Hover.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 11.1px;
    left: 50%;
    transform: translateX(-1.8px);
}

.ams-mobileMenu-QAButton.ams-menuItem-addClient .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Add_Client.svg);
}

.ams-mobileMenu-QAButton.ams-menuItem-addNote .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Add_Notes.svg);
}

.ams-mobileMenu-QAButton.ams-menuItem-addOrder .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Add_Order.svg);
}

.ams-mobileMenu-QAButton.ams-menuItem-addBooklet .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Add_Booklet.svg);
}

.ams-mobileMenu-QAButton.ams-menuItem-addBookletTpl .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Add_Template.svg);
}

.ams-mobileMenu-QAButton.ams-menuItem-addPage .ams-mobileMenu-icon
{
    background-image: url(../Images/Menu/Add_Page.svg);
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-loadpanel-wrapper.dx-overlay-wrapper 
{
    z-index: 1000 !important; /* DX Ticket T1290526 */
}

.dx-datagrid:has(> .dx-loadpanel:not(.dx-state-invisible))
{
    pointer-events: none !important;
}

/* following 2 rules are just to make WAVE happy */
.dx-calendar-other-view:not(.dx-state-hover) > span,
td.CalendarOtherMonthDay
{
    color: black; 
}

.dx-calendar-other-view:not(.dx-state-hover) > span:after,
td.CalendarOtherMonthDay:after
{
    visibility: visible;
    position: absolute;
    content: '';
    background-color: rgba(255,255,255,.68);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.ams-datacells-horizontal
{
    display: flex;
    flex-direction: row;
}

.dx-icon-datapie:before
{
    content: "\f178";
    font: 14px/1 DXIcons;
}

.ams-part-viewSwitches
{
    float: right;
}

.ams-param-table .ams-param-control-reworked .dx-texteditor-label
{
    color: #666;
}

.ams-param-panel div.ams-param-table
{
    border-collapse: separate;
    border-spacing: 0px;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.ams-param-panel div.ams-param-table .ams-param-row
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px; /* see .ams-param-columnSep */
    row-gap: 10px;
}

.ams-param-panel div.ams-param-table .ams-param-row .ams-param-container
{
    display: flex;
    column-gap: 20px; /* see .ams-param-columnSep */
}

.ams-param-panel div.ams-param-table .ams-param-row .ams-param-container-tight,
.ams-param-panel div.ams-param-table .ams-param-row .ams-param-label-and-control:not(.ams-param-control-reworked)
{
    display: flex;
    column-gap: 10px; /* see .ams-param-controlSep */
}

/* DX Number box */

.dx-numberbox .dx-texteditor-input
{
    text-align: right;
}

.dx-numberbox-spin-touch-friendly
{
    min-width: 90px;
}

.dx-numberbox-spin
{
    width: calc(var(--ams-numberbox-base-width) + var(--ams-spin-buttons-width));
}

.ams-param-table-2 .dx-numberbox-spin
{
    width: unset;
}