@media print {
    #main {
        position: relative;
        padding: 0;
        height: 1px;
        overflow: visible;
    }

    #printarea {
        position: absolute;
        width: 100%;
        top: 0;
        padding: 0;
        margin: -1px;
    }
}
.boldlabel {
    font-weight: bold;
}
.k-grid-footer-sticky {
    text-align: right;
    background-color: red;
}
.k-numerictextbox .k-input-inner {
    text-align: right;
    /*background-color:red;*/
    /*margin-right:2px;*/
}

.menu-bottom
{
    bottom:0;
    position: absolute;
    /*background-color:red;*/
}
.BorderWindow {
    border: solid 2px;
    border-color: rgba(0, 0, 0, 0.08);
}
.calculatorEditTextBox {
    z-index: 10;
    white-space: nowrap;
    min-width: 120px;
}
.readOnlyResultsTextBox {
    background-color: rgba(255,242,204, 1);
    z-index: 10;
    white-space: nowrap;
    min-width: 120px;
    text-align: right !important;
}
.HeaderCenter {
    white-space: pre-wrap;
    text-align: center;
}

:root {
    --gradient: linear-gradient(90deg, #9b3149,#293049,#37446a );
    --gradientflash: linear-gradient(90deg, #ffffff,#000000);
}
.textCenter{
    text-align:center;
}
.textRight{
    text-align:right !important;
    /*background-color:green;*/
}
.Min-button{
    min-width:100px;
}

.TopIcon {
    vertical-align: top !important;
    height: 24px;
    font-size: 16px;
    /*outline:dashed;*/
}

.TopIcon-Level-1 {
    /*padding-right: 8px;*/
    padding-left: 8px;
    min-width:28px;
}

.Nav-FontAwesome {
    width: 27px;
    vertical-align: bottom !important;
    text-align: center;
    margin-left: 5px;
}

.TeamBody {
    background-size: 400%;
    background-image: var(--gradient);
    animation: bg-animation 1s alternate;
    animation-iteration-count: 3;
}

.DotTitle {
    text-align: right;
    margin: 0 0 .5em;
    text-transform: uppercase;
    line-height: 0.8;
    margin: 0;
}

.dot {
    height: 40px;
    width: 40px;
    line-height: 40px;
    /*background-color: #e8ba75;*/
    background-color: rgba(255, 242, 204, 1);
    border-radius: 25%;
    display: inline-block;
    font-size: large;
    color: #293049;
    text-align: center;
    vertical-align: middle;
}

.dropbtn {
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    /*outline:auto;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f2f2f2;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
    box-sizing: border-box;
    margin: 0;
    position: absolute;
    left: -110px;
    font-size: 18px;
}
    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 5px 5px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    /*background-color: red;*/
}

@keyframes bg-animation {
    0% {
        background-position: left;
    }

    100% {
        background-position: right;
    }
}

.k-tabstrip telerik-blazor.k-tabstrip-top {
    background-color: white;
    border-bottom: none;
    border-left: none;
}

.k-tabstrip-items-wrapper.k-hstack {
    background-color: white;
    border-bottom: none;
    border-left: none;
}

.k-tabstrip-items.k-reset {
    background-color: white;
}

.k-link:hover {
    color: #adaaaa; /* light gray - This is responsible for the hover color on tabs*/
}

.k-tabstrip-content.k-content.k-active {
    /*background-color: red;*/
    padding: 2px;
    min-height: 400px;
}

.k-tabstrip-item.k-item.k-state-default {
    /*color:cornflowerblue;*/
    /*background: #f3f3f3;*/
    background: #f2f2f2;
    border-left: 2px solid white;
    /*border-radius: 0.25em;*/
    border-top-right-radius: 0.75em;
    border-top-left-radius: 0.75em;
    min-width: 100px;
    /*border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;*/
}

    .k-tabstrip-item.k-item.k-state-default:hover {
        color: red !important;
    }

.k-tabstrip-item.k-item.k-active.k-tab-on-top {
    /*background-color: #37446a;*/
    /*background-color: #6AA7FF;*/
    background-color: #293049 !important;
    color: white;
    border-left: 2px solid white;
    border-top-right-radius: 0.75em;
    border-top-left-radius: 0.75em;
    /*width:100px;*/
    /*text-align: right !important;*/
    /*border-bottom-right-radius: 1.25em;
    border-bottom-left-radius: -0.72em;*/
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active
{
    background-color: #293049;
    color: white;
    border-left: 2px solid white;
    border-top-right-radius: 0.75em;
    border-top-left-radius: 0.75em;
}

.btn:hover {
    color: grey;
}

.k-tabstrip-items-wrapper.k-hstack {
    color: white;
    background-color: #838f73;
}

.k-tabstrip-items.k-link {
    color: #ffffff;
}

.k-tabstrip-items.k-link {
    color: #ffffff;
}

.k-list-item.k-selected, .k-selected.k-list-optionlabel {
    color: #ffffff;
    background-color: #675881;
}

.Jeff {
    color: white;
    /*background-color: yellow;*/
}

.TabStripHeader {
    color: white;
}
/*Dropdown list*/
.k-list {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #f3f3f3;
}
/*Grid headers on dashboard*/
.k-grid-header,
.k-grouping-header,
.k-grid-add-row,
.k-grid-footer {
    color: #ffffff;
    background-color: #838f73;
}
    /*Grid headers on dashboard*/
    .k-grid-header th.k-grid-header-sticky,
    .k-grid-header td.k-grid-header-sticky,
    .k-grid-header .k-grid-header-sticky.k-sorted {
        background-color: #838f73;
        color: #ffffff;
    }

.k-menu-group .k-item > .k-link:active, .k-menu-group .k-item > .k-link.k-active, .k-menu-group .k-item > .k-link.k-selected,
.k-menu.k-context-menu .k-item > .k-link:active,
.k-menu.k-context-menu .k-item > .k-link.k-active,
.k-menu.k-context-menu .k-item > .k-link.k-selected {
    color: #ffffff;
    background-color: #675881;
}

.k-overflow-container .k-button.k-selected {
    color: #ffffff;
    background: #675881;
}

.k-calendar .k-calendar-td.k-state-selected .k-link {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: #675881;
}

k-calendar .k-range-start .k-link,
.k-calendar .k-range-end .k-link {
    background-color: #675881;
}

.k-treeview-leaf.k-selected {
    color: #ffffff;
    background-color: #675881;
}

.k-rating-item.k-state-selected {
    color: #675881;
}

    .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused {
        color: #675881;
    }

.k-rating-item:hover, .k-rating-item.k-state-hover {
    color: #675881;
    cursor: pointer;
}

.k-drawer-item.k-state-selected {
    color: #ffffff;
    background-color: #838f73;
}

.k-state-selected.k-pager-nav.k-link, .k-state-selected.k-pager-refresh {
    color: #ffffff;
    background-color: #675881;
}

.k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
.k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected {
    color: #ffffff;
    background-color: #675881;
}

.k-panelbar > .k-item > .k-link.k-state-selected,
.k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
    color: #ffffff;
    background-color: #675881;
}

.k-panelbar .k-group > .k-item > .k-link.k-state-selected,
.k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected,
.k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected,
.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected {
    color: #ffffff;
    background-color: #675881;
}

.k-splitbar:focus,
.k-splitbar.k-state-focus,
.k-splitbar.k-state-focused {
    color: #ffffff;
    background: #675881;
}

k-grid-header .k-grid-filter.k-state-active,
.k-grid-header .k-header-column-menu.k-state-active,
.k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
    color: #ffffff;
    background-color: #675881;
}

.k-columnmenu-item.k-state-selected {
    color: #ffffff;
    background-color: #675881;
}

.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected {
    color: #ffffff;
    background-color: #675881;
}

.k-ct-popup .k-state-selected {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: #675881;
    background-image: none;
}
/* Drawer Hover*/
.k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover {
    color: #ffffff;
    background-color: #838f73;
}

.k-var--selected-background {
    background-color: #675881;
}
/*footer*/
.footer {
    flex-shrink: 0;
    padding: 20px;
    text-align: center;
}

.SafeButton {
    margin-left: 20px;
    text-align: right;
}

h6.bold {
    font-weight: 600;
}

.textNoteSub {
    font-size: 14px;
    font-style: italic;
    white-space: pre-wrap;
    width: 300px !important;
}

.selectFileDisplay {
    display: -ms-flexbox;
    display: flex;
}

.cleanFormLabel {
    /*display: inline-block;*/
    min-width: 150px;
    text-align: right;
    font-weight:600;
}

.alginLabels {
    width: 150px;
    display: inline-block;
    /*width: 150px;*/
    /*display: inline-block;
    margin-bottom: 0px;
    border: 1px solid;*/
    /*background-color: green;*/
    /*display: inline-block;
    min-width: 150px;
    text-align: right;*/
}

.alignFormLabels {
    /*background-color: green;*/
    min-width: 150px;
    display: inline-block;
    margin-left: 15px;
}

.ULLightMarginBottom {
    margin-bottom: 1px;
    margin-left: 15px;
    padding-left: 10px;
}

.Indent45List {
    margin-left: 45px;
    /*background-color: green;*/
}

.Indent15 {
    margin-left: 15px;
}

.Indent150 {
    margin-left: 150px;
}
/*Grid Colors*/
.k-var--normal-text-color {
    background-color: #293049;
    /*#0000ff;*/
}

.k-checkbox {
    border-color: rgba(39,46,70, 1);
    color: transparent;
    background-color: #ffffff;
}

.k-radio {
    border-color: rgba(39,46,70, 1);
    color: transparent;
    background-color: #ffffff;
}

.k-tilelayout {
    background-color: #ffffff;
}

/* error message color override*/
.k-radio.k-invalid + .k-radio-label,
.k-radio.k-state-invalid + .k-radio-label,
.k-radio.ng-invalid.ng-touched + .k-radio-label,
.k-radio.ng-invalid.ng-dirty + .k-radio-label {
    color: #ff0000;
}

/*.k-numerictextbox .k-input {
    text-align: right;
    min-width: 50px;
    background-color: yellow;
}*/


/*.k-state-valid.k-numeric-wrap{
    min-width: 50px;
}*/
.k-numerictextbox.readOnlyNumberText {
    text-align: right;
    width: 150px;
    display: inline-block;
    padding-right: 5px;
}
/*
.k-notification-success{
    background-color: green;
}
.k-notification-error {
    background-color: red;
}
.k-notification{
    min-height:50px;
    min-width:200px;
}*/
.MetriqueDashboard.k-grid-footer {
    color: #ff0000;
    background-color: #838f73;
}


.k-card-title {
    text-align: center;
    font-size: 14px
}

.MetricsCard {
    Width: 220px;
}

.HeaderInfoPanel {
    text-align: right;
    /*background-color:green;*/
    /*width: 25vw;*/
    float: left;
}
/*.MetriqueGrid,*/
.MetriqueDashboardGrids .k-grid-header, .k-grouping-header {
    background-color: #293049;
    text-align: center;
    /*height: 25px;*/
}

    .MetriqueDashboardGrids .k-grid-header .k-header {
        vertical-align: middle;
        padding: 2px;
        text-align: center;
        /*height: 25px;*/
    }

.MetriqueDashboardGrids .k-appbar-primary {
    text-align: center;
}

.LogoImage {
    height: 125px;
    width: 250px;
}

.HeaderCenter {
    /*width:20%;
    text-align:center;*/
}





.MetriqueHeader {
    background-color: white;
    padding: 0;
    margin-bottom: 5px;
}

.MetriqueFilter {
    width: 200px !important;
}

.MetriquePanelHeader {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 25px;
    margin-bottom: 10px;
    padding-top: 4px;
}

.pointerClick {
    cursor: pointer;
}

.DashboardHeader {
    font-weight: bold;
    float: right;
    padding-right: 5px;
    text-align: right;
}

.MiniPNLTable td {
    padding-left: 15px;
    padding-right: 15px;
}

.MiniPNLTable {
    vertical-align: middle;
    /*width: 100%;*/
    float: left;
}

.PctCell {
    border-bottom: outset;
    text-align: right;
    vertical-align: top;
}

    .PctCell.leftText {
        text-align: left;
        white-space: nowrap;
        padding-right: 0;
        /*max-width: 100px;*/
    }

    .PctCell.NoBorder {
        border-bottom: none;
    }

.MetriqueCardRight {
    /*text-align: right;*/
    /*background-color: yellow;*/
}

.MetriqueCardTable {
    width: 100%
}

.MiniPNLView {
    width: 35%;
    float: left;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
    top: 10%;
}

.MetriqueIndent {
    margin-left: 5px;
    text-align: right;
}

    .MetriqueIndent.Left {
        text-align: left;
    }

/*Navigation*/
*.k-drawer-content {
    /*padding: 3px;*/
    /*font-size: 18px;*/
    overflow: hidden;
}

.k-drawer-container {
    position: relative;
    width: 100%;
    height: 95%;
}

.k-drawer .k-drawer-item {
    white-space: nowrap;
    overflow: hidden;
}

.k-level-1 {
    padding-left: 8px;
}

.custom-toolbar {
    width: 100%;
    background-color: white;
    line-height: 10px;
    border-bottom: inset;
    border-bottom-width: 1px;
    padding: 3px px;
    color: #656565;
}

.collapseNavigation {
    position: absolute;
    right: 0;
    line-height: inherit;
    margin: 0 0px;
}

.expandNavigation {
    position: absolute;
    right: 0;
    line-height: inherit;
    margin: 0 0px;
}

.k-widget.k-drawer {
    padding-right: 6px;
}

.k-drawer-wrapper {
    max-width: 200px;
}
/*end navigation*/

/*Budget Page*/
/* (A) TABLE WRAPPER */
.divLorem {
    /*parentRow*/
    width: 100%;
    max-height: 450px;
    height: 50%;
    overflow: auto;
}

.footerButtons {
    /*border-top: 2px solid;*/
    margin-top: 3px;
    padding-top: 3px;
    text-align: right;
}

    .footerButtons.Left {
        /*border-top: 2px solid;*/
        margin-top: 3px;
        padding-left: 10px;
        padding-top: 3px;
        text-align: left;
    }
    .footerButtons.Right {
        margin-top: 3px;
        padding-top: 3px;
        text-align: right;
    }

.ActualColumn {
    min-width: 110px;
    white-space: nowrap;
}

.BudgetColumn {
    background-color: rgba(255,242,204, 1);
    z-index: 10;
    white-space: nowrap;
    min-width: 110px;
}

.red-icon .k-icon {
    color: red;
}

.green-icon .k-icon {
    color: green;
}

.PNLTable {
    /*border-collapse: separate;*/
}
    /* (B) STICKY HEADERS */
    .PNLTable th {
        position: sticky;
        top: 0;
        z-index: 0;
        /*background-color:green;*/
    }

    .PNLTable .firstRow {
        top: 0;
        height: 40px;
        background-color: rgba(255,255,255, 1);
    }

    .PNLTable .secondRow {
        top: 40px;
        height: 40px;
        background-color: rgba(255,255,255, 1);
    }

    .PNLTable th[scope=row] {
        left: 0;
        z-index: 1;
        white-space: nowrap;
        text-align: right;
        font-weight: 600;
    }

    .PNLTable .headerRow .groupHeader thead th {
        text-align: left;
        background-color: rgba(255,255,255, 1);
        border: 4px solid green;
        z-index: 10;
        /*border-bottom: 2px solid grey;*/
    }

    .PNLTable .groupHeader {
        text-align: left;
        background-color: rgba(255,255,255, 1);
        z-index: 11;
        /*border: 4px solid red;*/
        /*border-bottom: 2px solid grey;*/
    }

    .PNLTable .separator {
        border-bottom: 2px solid grey;
    }

    .PNLTable .parentRow {
        margin-left: 30px;
        text-align: left;
        /*background-color: red;*/
    }

    .PNLTable .parentCell {
        /*background-color: lightgray;*/
    }

    .PNLTable .childRow {
        margin-left: 40px;
        text-align: left;
        background-color: rgba(255,255,255, 1)
        /*background-color: red;*/
    }

    .PNLTable .headerRow {
        margin-left: 60px;
    }

    .PNLTable .summaryRow {
        margin-left: 80px;
        /*border: 4px solid red;*/
        text-align: left;
        background-color: rgba(255,255,255, 1)
    }

    .PNLTable .Indent-1 {
        margin-left: 65px;
        /*background-color: red;*/
    }

    .PNLTable .Indent-2 {
        margin-left: 70px;
        /*background-color: red;*/
    }

    .PNLTable .Indent-3 {
        margin-left: 75px;
        /*background-color: red;*/
    }

    .PNLTable .colHeader {
        text-align: left;
        /*border: 4px solid red;*/
    }
    /* General row */
    .PNLTable th, .PNLTable td {
        text-align: right;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
    }

    .PNLTable th {
        background-color: rgba(255,255,255, 1);
        /*border: 4px solid red;*/
        /*background: grey;*/
    }

        .PNLTable th[scope=col] {
            background-color: rgba(255,255,255, 1);
            /*background-color: rgba(0,0,0, 1);*/
            left: 0;
            z-index: 1;
            white-space: nowrap;
            text-align: right;
            font-weight: 600;
        }

    .PNLTable thead th {
        background-color: rgba(255,255,255, 1);
        box-shadow: 5px 5px white, -5px 5px white, -5px -5px white, 5px -5px white;
        /*border: 4px solid green;*/
        text-align: right;
        z-index: 2;
    }

    .PNLTable td {
        /*background: #e4ebff;*/
    }

/*End Budget Page*/

.sexyBorder {
    /*border: 1px solid;*/
    padding: 3px;
    padding: 10px;
}

.MetriqueTable {
    /*border-spacing: 1px 1px;
    border: 1px solid red;*/
}

    .MetriqueTable td {
        /*border:2px solid yellow;*/
        /*margin: 2em;*/
        /*padding: 10px;*/
        padding-bottom: 1em;
    }

    .MetriqueTable tr {
        /*border-spacing: 2em;*/
        border: 1px solid;
        /*margin: 2em;*/
        /*padding-bottom: 1em*/
    }