/*
//* Copyright (C) 2025 Allocare AG
//*         Author: mli
//*    Description: Custom css for NSP App
//* Update History:
//*     YY/MM/DD  uid  ---fixid---  Description
//*     25/10/10  mli  65407        NSP PWA App (+tel)
//*     26/01/13  mli  68794        Tabs design was damaged
*/

@font-face
{
    font-family: "Montserrat-UltraLight";
    src: url(../Fonts.set/Montserrat-UltraLight.ttf);
    font-weight: 400;
    font-style: normal
}

:root 
{
  --set37-dataCell-gap: 20px;
}

body
{
    background-color: rgb(205, 224, 235);
}

body, p, li, td, th, ul, ol, center, dt, dd, dl, table
{
    font-family: 'Montserrat-UltraLight', Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 1.57142857;
}

.h1
{
    color: #3681b0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20pt;
    line-height: 32px;
}

.h1:after
{
    display: none;
}

.h2,
.h2 a
{
    color: #3681b0;
    font-size: 18.6px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

.h2::after
{
    display: none;
}


.TextEdit, .NumEdit, .DateEditEdit, select, .Combo, button, input, h2, .dx-widget
{
    font-family: 'Montserrat-UltraLight', Roboto, Helvetica, Arial, sans-serif;
}

.Button, .ams-button
{
    color: #363636;
    font-weight: 400;
    height: 45px;
    background-color: transparent;
}

.ams-button-mid
{
    height: 30px;
    padding: 3px 20px;
}

.Button:hover, .ams-button:hover
{
    color: #fff;
    background-color: #75726c;
    font-weight: unset;
}

.DefaultButton
{
    color: #fff;
    background-color: #3681b0;
}

.PanelPart
{
    background: #ebf2f7;
    padding: 30px;
    box-sizing: border-box;
}

.ams-datacell-caption
{
    color: #989591;
    font-size: 16px;
    line-height: 1.1875;
    font-weight: 700;
}

.ams-datacell-value
{
    font-size: 32px;
    line-height: 1.125;
}

.ams-datacell-currency
{
    margin-left: 5px;
    font-size: 16px;
    line-height: 1.1875;
    color: #25282e;
}

.ams-datacell-value-mid
{
    font-size: 1.5em;
    line-height: 1.25;
}

.ams-value-positive
{
    color: #86a644;
}

.ams-value-negative
{
    color: #ff9900;
}

.dx-treelist-container,
.dx-datagrid
{
    background-color: transparent;
}

.dx-header-row td
{
    font-size: 16px;
    color: #75726C;
}

.dx-header-row td:hover
{
    color: #989591;
}

.dx-treelist .dx-row > td,
.dx-datagrid .dx-row > td
{
    padding-top: 17px;
    padding-bottom: 17px;
}

.dx-treelist .dx-row > td a,
.dx-datagrid .dx-row > td a
{
    font-size: 14px;
}

.dx-treelist .dx-row-lines > td,
.dx-datagrid .dx-row-lines > td
{
    border-bottom: 1px solid #e4e8ee;
}

.dx-treelist-content-fixed .dx-treelist-table .dx-row > td,
.dx-datagrid-content-fixed .dx-datagrid-table .dx-row > td,
/* Firefox special handling */
.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed,
.dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed,
.dx-treelist-container .dx-treelist-rowsview .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed
{
    background-color: #ebf2f7;
}

.dx-treelist-content-fixed .dx-treelist-table .dx-data-row.dx-state-hover > td,
.dx-datagrid-content-fixed .dx-datagrid-table .dx-data-row.dx-state-hover > td
{
    background-color: #E3E5E1 !important;
}

.ams-gridTabs.dx-tabs
{
    background-color: transparent !important;
    box-shadow: none;
    width: 100%;
}

.ams-gridTabs.dx-tabs .dx-tab.dx-tab-selected,
.ams-gridTabs.dx-tabs.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
.ams-gridTabs.dx-tabs.dx-state-focused .dx-tab.dx-state-focused,
.ams-gridTabs.dx-tabs.dx-state-focused.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):first-of-type,
.ams-gridTabs.dx-tabs.dx-tabs-stretched .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
.ams-gridTabs.dx-tabs.dx-tabs-expanded .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
.ams-gridTabs.dx-tabs.dx-state-focused.dx-tabs-stretched .dx-tab:not(.dx-state-focused,.dx-tab-selected):last-of-type,
.ams-gridTabs.dx-tabs .dx-tab
{
    box-shadow: none;
}

.ams-gridTabs .dx-tab,
.ams-gridTabs .dx-tab .dx-tab-text
{
    font-size: 16px;
    color: #989591;
    background-color: transparent !important;
    font-weight: normal;
}

.ams-gridTabs .dx-tab.dx-tab-selected,
.ams-gridTabs .dx-tab.dx-tab-selected .dx-tab-text
{
    color: #989591;
    font-weight: bold;
}

.ams-gridTabs .dx-tab.dx-tab-selected::after
{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #75726c;
}

.ams-gridTabs.dx-tabs .dx-tabs-nav-button
{
    background-color: transparent;
}

.ams-gridTabs.dx-tabs .dx-tabs-nav-button.dx-state-disabled
{
    display: none;
}

.dx-treelist-rowsview .dx-treelist-expanded span::before,
.dx-treelist-rowsview .dx-treelist-collapsed span::before
{
    color: #cfb896;
    font-weight: 600;
}

.ams-part-viewSwitches .dx-button
{
    background-color: transparent;
    border: none;
}

.ams-part-viewSwitches .dx-button .dx-icon
{
    background-color: currentColor;
    color: #babace;
    mask-size: contain;
}

.ams-part-viewSwitches .dx-button:hover .dx-icon,
.ams-part-viewSwitches .ams-part-viewSwitch-active .dx-icon
{
    color: #050506;
}

.ams-part-viewSwitches .dx-icon::before
{
    content: none;
}

.ams-part-viewSwitches .dx-icon-datapie
{
    mask: url(../Images/AppSwitchPieChart.set.svg) no-repeat center;
}

.ams-part-viewSwitches .dx-icon-chart
{
    mask: url(../Images/AppSwitchBarChart.set.svg) no-repeat center;
}

.ams-part-viewSwitches .dx-icon-detailslayout
{
    mask: url(../Images/AppSwitchGrid.set.svg) no-repeat center;
}

.highcharts-container span
{
    background-color: transparent;
}

.highcharts-axis-labels .ams-point-value,
.highcharts-legend-item .ams-point-value
{
    fill: #85899d;
    font-weight: normal;
    white-space: nowrap;
}

.highcharts-legend-item .ams-set37-chartValuePair
{
    display: flex;
    width: 200px;
    justify-content: space-between;
}

.highcharts-axis-labels .ams-set37-chartValuePair
{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.ams-login-warning-message
{
    display: none;
    color: #f90;
    font-size: 0.9em;
}

.ams-login-warning-border
{
    border: 2px solid #f90 !important;
}

.ams-menu-exportSection
{
    display: none;
}

.PageHeading
{
    display: flex;
    flex-basis: 120px;
}

#AppMenu
{
    max-width: 1122px;
    margin: auto;
}

#AppMenu_TopContainer
{
    background-color: #3681b0;
    justify-content: space-between;
    padding: 0;
}

#AppMenu_Burger
{
    flex-basis: 120px;
}

.TopLeftLogo
{
    background-color: white;
    background-image: url(../Images/AppHeaderLogo.set.png);
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    background-position: center;
    margin: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 1024px)
{
    .ams-set37-profile-menu
    {
        padding-right: 40px;
    }
}

@media screen and (max-width: 440px)
{
    .ams-set37-profile-menu
    {
        padding-right: 10px;
    }
}

#TopMenuHamburgerButton
{
    width: 40px;
}

#AppMenu_MenuContainer
{
    margin: 0 0 0 auto;
}

#TopContent
{
    background-color: #3681b0;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}

#TopMenu
{
    border-bottom: none;
}

#TopMenu .dx-menu-horizontal
{
    height: 80px;
    box-sizing: border-box;
}

#TopMenu .dx-menu-items-container
{
    height: 100%;
    display: flex;
    align-items: center;
}

#TopMenu .dx-menu-item-wrapper,
#TopMenu .dx-menu-item,
#TopMenu .dx-item-content
{
    height: 100%;
    display: flex;
    align-items: center;
}

#TopMenu .dx-menu-item
{
    padding: 0 10px;
    line-height: 5;
    font-size: 16px;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    text-transform: uppercase;
}

#TopMenu .dx-menu-item:hover
{
    background-color: #75726c;
}

#TopMenu .dx-menu-item:hover .dx-menu-item-text
{
    color: #fff;
}

#TopMenu .dx-menu-horizontal::after
{
    display: none; /* would cover the chart buttons underneath */
}

.ams-app-menu
{
    padding: 0;
}

.ams-app-menu .dx-item-content
{
    padding: 0;
}

.ams-app-menu .dx-menu-item-text
{
    color: #ececec;
}

.ams-app-menu.dx-menu .dx-menu-item.ams-menu-activePath
{
    background-color: #75726c;
    box-shadow: none;
    font-weight: 700;
}

.ams-app-menu.dx-menu li,
.ams-app-menu.dx-menu-base .dx-menu-horizontal
{
    font: inherit;
}

/*mobile*/
#TopMenuHamburgerButton_Dropdown:not(.ams-mobileMenu-withLevel2) .dx-scrollview-content
{
    flex-direction: column;
    flex-wrap: inherit;
    padding: 40px;
    width: 240px;
}

.ams-mobileMenu-icon
{
    display: none;
}

#TopMenuHamburgerButton_Dropdown:not(.ams-mobileMenu-withLevel2) .dx-scrollview-content
{
    padding: 0px;
}

.ams-mobileMenu-level1
{
    align-items: start;
}

.ams-mobileMenu-level1 .ams-mobileMenu-text
{
    height: unset;
    padding: 10px;
}

#TopMenuHamburgerButton_Dropdown:not(.ams-mobileMenu-withLevel2) .dx-scrollview-content > .dx-list-item .dx-list-item-content
{
    width: unset;
    height: unset;
    padding: 0;
    font-feature-settings: "tnum", "tnum";
    font-size: 18px;
}

#TopMenuHamburgerButton_Dropdown .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected
{
    background-color: #fff;
}

.ams-mobileMenu-level1
{
    background-color: #fff;
}

.ams-mobileMenu-level1 .ams-mobileMenu-text
{
    font-weight: unset;
    color: #85899d;
}

.dx-list-item-selected .ams-mobileMenu-level1
{
    border-bottom: unset;
    font-weight: bold;
}

.ams-mobileMenu-level1:hover:not(:active)
{
    border-bottom: unset;
}

/*avatar*/
.ams-set37-profile-menu
{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
}

.ams-set37-profile-menu #MainMenuButton
{
    display: flex;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.ams-set37-avatar-circle
{
    border-radius: 50%;
    background: #c3ccd9;
}

.ams-set37-profile-menu .dx-button
{
    border: none;
}

.ams-set37-profile-menu .dx-button-content
{
    color: white;
    font-size: 18px;
}

.ams-set37-profile-menu .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover,
.ams-set37-profile-menu .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused
{
    background-color: unset;
}

#MSPage
{
    min-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
}

#mainContentId
{
    flex: 1;
}

@media screen and (max-width: 1007px)
{
    #MSPage
    {
        min-height: 100vh;
    }
}

.PartButtonColumnChooser
{
    background-image: url(../Images/AppColumnChooser.set.svg);
}

.ams-set37-appFooter #AppFooterLogo
{
    background-color: white;
    background-image: url(../Images/AppFooterLogo.set.png);
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 20px;
}

.ams-set37-appFooter #AppLinkedInLogo
{
    background-image: url(../Images/AppLinkedInLogo.set.svg);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 8px;
}