/* Layout */
html, body, .form
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body
{
    min-height: 100%;
    padding-top: 1px;
    margin-top: -1px;
}

.form
{
    height: calc(100vh - 3.13rem); /* 3.13rem is the Header size */
}

/* background workers */
.worker-wrapper {
    display: none; /* removing this shows worker frames in footer for debugging */
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 46px;
    border-top: 1px dashed rgba(0,0,0,0.1);
    background-color: #f5f5f5;
    overflow-y: scroll;
}

.worker {
    display: inline;
}

.worker-frame {
    width: 450px;
    height: 32px;
    border: 0px;
    padding: 5px;
    overflow: hidden;
}

/* content */
.content-wrapper
{
    position: relative;
    padding-bottom: 46px; /* Footer Height */
    min-height: calc(100% - 46px); /* 3.13rem is the Header size */
    padding-top: 0.1px !important; /* forces top padding to 0px? */
}

/*wrap footer for small screens*/
@media (max-width: 619px)
{
    .content-wrapper {
        padding-bottom: 66px;
        min-height: calc(100% - 66px);
    }
}

/* hide footer in content for small screen size, but only if menu exists */
@media (max-height: 619px), (max-width: 619px)
{
    .content-wrapper.has-menu {
        position: initial;
        padding-bottom: 0px !important;
    }
}

/* enables hiding footer when "hide-footer" specified (i.e. menu contains content) */
/*.content-wrapper.hide-footer {
    position: initial;
    padding-bottom: 0px !important;
}*/

/* special wrapper for dialogs only */
.dialog-wrapper
{
    padding: 0px;
}

html
{
    height: 100%;
}

/* Content */
.content
{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

/* Footer */
.footer-wrapper
{
    height: 46px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
}

.footer
{
    font-size: 10.5px;
    color: #999999;
    white-space: nowrap;
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: -1px;
}

.footer-link
{
    color: #0F9245; /*#999999;*/
    text-decoration: none;
    border-right: 1px solid #bbbbbb;
    margin-right: 5px; /*7px*/
    padding-right: 8px; /*10px*/
    white-space: nowrap;
}

.footer-link:last-child
{
    border: none;
    margin: 0;
    padding: 0;
}

.footer-label
{
    border-right: 1px solid #bbbbbb;
    margin-right: 5px; /*7px*/
    padding-right: 8px; /*10px*/
    white-space: nowrap;
}

.footer-label:last-child
{
    border: none;
    margin: 0;
    padding: 0;
}

.footer-left
{
    float: left;
}

.footer-right
{
    float: right;
}

.footer-left,
.footer-right
{
    padding: 16px 24px;
}

/*wrap footer for small screens*/
@media (max-width: 619px)
{
    .footer-wrapper {
        height: 66px;
    }
    .footer-left
    {
        width: calc(100% - 48px);
        text-align: center;
        padding-bottom: 3px;
    }
    .footer-right
    {
        
        width: calc(100% - 48px);
        text-align: center;
        padding-top: 3px;
    }
}

/* hide footer in content for small screen size, but only if menu exists */
@media (max-height: 619px), (max-width: 619px)
{
    .content-wrapper.has-menu .footer-wrapper {
        height: 0px;
    }

    .content-wrapper.has-menu .footer-left, 
    .content-wrapper.has-menu .footer-right, 
    .content-wrapper.has-menu .footer-wrapper .footer {
        display: none;
    }
}

/* enables hiding footer when "hide-footer" specified (i.e. menu contains content) */
/*.content-wrapper.hide-footer .footer-wrapper {
    height: 0px;
}*/

/* Header */
.app-header
{
    padding: 0 !important;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
    border-bottom-width: 0 !important;
}

.app-header .left-block
{
    float: left;
}

.app-header .right-block
{
    float: right;
}

.app-header .menu-container
{
    overflow: hidden;
}

.app-header .menu-container > div
{
    float: right;
}

.header-logo
{
    /*background: url('Images/logo.svg') no-repeat center;*/
    background: url('Images/ams-logo.png') no-repeat center;
    height: 26px;
    /*width: 150px;*/
    width: 290px;
}

/*@media (max-width: 359px)*/
@media (max-width: 499px)
{
    .header-logo
    {
        /*background: url('Images/logo-small.svg') no-repeat center;*/
        background: url('Images/ams-logo-small.png') no-repeat center;
        /*width: 26px;*/
        width: 77px;
    }

}

/*minor fix for header wrapping*/
/*******************************/
.header-menu.logo-menu {
    min-width: 150px !important;
}

.image-item.logo-item {
    min-width: 100px !important;
}
/*******************************/

.app-header .left-block .header-menu .image-item > .dxm-content
{
    padding: 0 8px 0 8px;
}

.app-header .right-block .header-menu .image-item > .dxm-content
{
    padding: 0 7px 0 7px;
}

.app-header .left-block .header-menu .item.toggle-item > .dxm-content
{
    padding: 0 14px 0 14px;
}

.app-header .right-block .header-menu .item.toggle-item > .dxm-content
{
    /*padding: 0 14px 0 14px;*/
    padding: 0 11px 0 11px;
}

.app-header .header-menu .item.selected
{
    color: inherit;
    box-sizing: border-box;
    /* DXCOMMENT: Duplicates color from the web.config (devexpress->themes->baseColor) */
    border-bottom: solid 2px #35B86B;
}
.app-header .header-menu .item.selected,
.app-header .header-menu .item.hovered
{
    background-color: rgba(0, 0, 0, 0.05);
}

    .app-header .header-menu .item.selected .dxm-content
    {
        margin-bottom: -2px;
    }
    .app-header .header-menu .item.selected .dxm-content,
    .app-header .header-menu .item.hovered .dxm-content
    {
        color: inherit;
    }

/* Main Menu */
.header-menu
{
    background-color: white !important;
    border-style: none !important;
    height: 3.13rem;
}

/* don't expand application menu to 100% under 600px size */
/*
@media (max-width: 599px)
{
    .menu-container .dxm-ltr > div:not(.header-menu)
    {
        width: 100% !important;
    }
    .header-sub-menu
    {
        width: 100% !important;
    }
}
*/

.header-sub-menu .item
{
    padding: 12px 7px !important;
}

/* Ellipsis -> Apps Icon */
.header-menu .adaptive-image
{
    background: url('Images/adaptive-menu.svg') no-repeat center;
    width: 16px;
    height: 16px;
    padding: 0 8px;
}
/* Hide item images */
.header-menu.application-menu .item .dxm-content > img
{
    display: none !important;
}

/*@media (max-width: 720px)*/
@media (max-width: 799px) /* Change Ellipsis image Apps Icon */
{
    .app-header .menu-container > div
    {
        width: 47px;
    }

    .header-menu .adaptive-image
    {
        background: url('Images/application.svg') no-repeat center;
    }

    /* Show item images */
    .header-menu.application-menu .item .dxm-content > img
    {
        display: inline-block;
    }
}

/* Right area menu */
.header-menu .toggle-item .image
{
    /*background: url('Images/double.svg') no-repeat center;*/
    background: url('Images/question-circle.svg') no-repeat center;
}

.header-menu .toggle-item.checked .image
{
    /*background: url('Images/double-close.svg') no-repeat center;*/
    background: url('Images/question-circle-fill.svg') no-repeat center;
    /*background: url('Images/question-circle-fill-green.svg') no-repeat center;*/
}

.header-menu .image-item
{
    vertical-align: middle !important;
}

.header-menu .vertically-aligned
{
    font-size: 0;
}

/* Account */
.header-menu .account-background
{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
}

.header-menu .account-background div
{
    border-radius: 50%;
}

.header-menu .account-background .empty-image
{
    width: 16px;
    height: 16px;
    margin: 8px;
    display: inline-block;
    background: url('Images/user.svg');
}

.header-menu .account-background .account-image
{
    width: 32px;
    height: 32px;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    margin: 0 auto;
    display: table;
    background-size: 100%;
}

/*enables text-based empty avatar*/
/*.user-info .avatar
{
    float: left;
    width: 43px;
    height: 43px;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 43px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
}*/

.user-info .avatar img
{
    float: left;
    height: 43px;
    border-radius: 50%;
}

.user-info .text-container
{
    height: 3.13rem;
    /*height: 4.13rem;*/
    margin-left: 60px;
}

.user-info .text-container .user-name
{
    color: #444444;
    font-size: 1.14em;
}

/*display user group under user info*/
.user-info .text-container .user-details
{
    display: block;
    color: #666666;
    font-size: 0.86em;
}

/*.user-info .text-container .email
{
    display: block;
    color: #666666;
    font-size: 0.86em;
}*/

.myaccount-item
{
    background-color: #e4e4e4;
}

/* Left Panel */
.left-panel
{
    border: none;
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);*/
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.2);
}

.leftpanel-section
{
    border: none !important;
    background-color: rgba(0, 0, 0, 0.1);
}

.section-caption
{
    height: 2.69rem;
    line-height: 2.69rem;
    vertical-align: middle;
    margin: 0;
}

.section-caption
{
    border-top: solid 1px rgba(0,0,0,0.08);
    border-bottom: solid 1px rgba(0,0,0,0.08);
}

/*.left-panel {
    background-color: rgba(0, 0, 0, 0.05) !important;
}*/

.left-panel.expand-bar,
.right-panel.expand-bar
{
    border: 0;
}

.tree-view-node, 
a.tree-view-node
{
    color: #666666;
    padding-top: 7px !important;
    padding-bottom: 8px !important;
    padding-right: 8px !important;
    border: none !important;
}

a.tree-view-node.hovered
{
    text-decoration: none;
}

.tree-view-elbow
{
    padding-top: 3px;
}

div.tree-view-node {
    font-weight: 600;
}

a.tree-view-node.hovered {
    background-color: #BAD0C2;
}


/*Tree View Menu*/
/* *** added to enable ellipsis in tree view menu items *** */
.tree-view-node span {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Nav Bar Menu*/
/* *** added to enable ellipsis in nav bar menu items *** */
.navbar-menu-item span {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;

    /* this enables main menu item wrapping and reasonable line spacing */
    /*white-space: normal;
    line-height: 1.5;
    margin-top: -4px;
    margin-bottom: -4px;*/

}

/* this enables displaying full main menu item text on hover */
/*.navbar-menu-item span:hover {
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}*/


/* remove group header for hidden groups */
.dxnb-header.hidden {
    visibility: hidden;
    height: 0px;
    padding: 0px;
}

.dxnb-header,
.dxnb-headerCollapsed {
    /*padding: 0.5em 0.15em !important;*/
    margin-left: -10px !important;
}

/* remove bottom border for menu groups */
.dxnb-content {
    border-top: 1px none !important;
}

/* make menu group headers more visible */
.dxnb-ghtext {
    /*font-size: 1.2em;*/
    font-weight: 600;
}

/* stop horizontal scrollbar in nav bar */
.navbar-menu-item .dxnb-link {
    padding-right: 0px !important;
}

/* Right Panel */
.right-panel
{
    border-left: 1px solid #f0f0f0;
}

.settings-content
{
    /*padding: 24px 20px;*/
    padding: 10px 20px;
    color: #494949;
}

.settings-content h2
{
    /*color: #494949;*/
    font-size: 1.3em;
    font-weight: 600;
}

/*.settings-content p
{
    color: #999999;
}*/

.settings-content a {
    /*color: #35B86B;*/
    color: #0F9245;
    text-decoration: none;
}

.settings-content a:hover
{
    text-decoration: underline;
}

.high-contrast .settings-content a
{
    color: #005F12; /*darkgreen*/
    text-decoration: underline; /* override in high-contrast to underline links */
}

/*.right-panel .help-buttons {
    padding: 10px 20px 0px 20px;
    display: flex;
    column-gap: 5px;
}*/


/* help */

.help-toolbar {
    background-color: rgba(0, 0, 0, 0.04) !important;
    border: none !important;
    font-size: 0.93em !important;
    height: 3.69rem;
    border-bottom: 1px solid #ccc !important;
}

/*.help-search-container {
    width: 100%;
}*/

.help-search-container .search {
    /*min-width: 120px;*/ 
    /*max-width: 300px;*/
    padding: 2px 6px 0px 14px;
}

.help-search-container .search .dxeButtonLeft {
    background-color: transparent;
}

.help-search-view .dxcvTable_Office365 {
    border: 0px;
    padding: 0px;
}

.help-search-view {
    border-bottom: 1px solid #ccc !important;
}

.help-search-view .dxcvEMBC {
    padding: 10px 20px 10px
}

.help-search-view .dxcvCard_Office365 {
    padding: 0px;
}

.help-search-view .dxcvSeparator_Office365 {
    display: none;
}

.help-search-view .dxcvEmptyCard_Office365 {
    padding: 10px 15px;
}

.help-search-view .help-item {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    color: #222;
}

.help-search-view .help-item:hover {
    background-color: #BAD0C2;
    text-decoration: none;
}

.help-item-title {
    display: block;
    /*font-weight: bold;*/
    font-weight: 600;
    /*margin: 3px 0;*/
}

.help-item-info {
    display: inline;
    /*margin: 3px 0;*/
    width: auto !important;
    color: #444;
    font-size: 13px;
}

.help-link {
    background: transparent url(/content/images/arrow-right-green.svg) center right no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;

    display: inline-block;
    /*vertical-align: middle;*/
    cursor: pointer;

    /*background-position-y: -3px;*/
    margin-bottom: -4px;
    margin-left: 8px;
}

/* styles for help content */
.settings-content .icon
{
    /*height:14px;
    width:14px;*/
    height:16px;
    width:16px;
    margin-left: 3px;
    margin-right: 0px;
}

/* Accordion */
.settings-content .accordion {
  /*background-color: #eee;*/
  background-color: #ddd;
  cursor: pointer;
  padding: 5px 8px;
  /*margin-bottom: 10px;*/
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  transition: 0.4s;
  /*margin-bottom: 0px;*/
}

.settings-content .accordion:hover {
  /*background-color: #ccc;*/
  /*background-color: #bbb;*/
  background-color: #c6c6c6;
}

.settings-content .accordion:after {
  /*content: '\002B';*/
  content: "";
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.settings-content .accordion-active:after {
  /*content: "\2212";*/
  content: "";
}

.settings-content .accordion-panel {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: transparent;
}

.settings-content .accordion-panel:after {
    content: " ";
    height: 10px;
    display: block;
}

/* Toolbar */
.page-toolbar-wrapper
{
    position: fixed;
    background-color: white;

    /* main menu width changed to 300px */
    /*left: 272px;*/
    left: 300px;

    right: 0;
    z-index: 1;
}

@media(max-width: 959px) {
    .page-toolbar-wrapper {
        left: 0;
    }
}

.page-toolbar
{
    /*background-color: rgba(0, 0, 0, 0.1) !important;*/
    background-color: rgba(0, 0, 0, 0.04) !important;
    border: none !important;
    font-size: 0.93em !important;
    height: 2.69rem;
}

.page-toolbar .item > h1,
.section-caption
{
    color: #494949;
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 24px;
}

.page-toolbar .item > h1
{
    font-size: 1.46em;
}

.page-toolbar .item > h1
{
    margin: 0;
    padding: 0 17px;
}

.page-toolbar .item .dxm-disabled .dxm-image
{
    opacity: 0.3;
}

@media (max-width: 599px)
{
    .page-toolbar .item > h1
    {
        /*max-width: 150px;*/
        max-width: 200px;
    }
}


/* dialog toolbar */
.dialog-toolbar-wrapper .dxpc-footerContent {
    padding: 0px;
    margin-bottom: -4px;
    margin-right: 40px;
}

.dialog-toolbar
{
    /*background-color: rgba(0, 0, 0, 0.04) !important;*/
    background-color: transparent !important;
    border: none !important;
    font-size: 0.93em !important;
    height: 2.69rem;
    float: left;
    /*margin-top: 1px;*/
    margin-bottom: -1px;
}

.dialog-toolbar .item .dxm-disabled .dxm-image
{
    opacity: 0.3;
}


/* dialog buttons */
.dialog-buttons-wrapper .dxpc-footerContent {
    padding: 10px 15px 18px 15px;
    border: none !important;
    float: right;
}

.dialog-buttons-wrapper {
    border-top: 0px !important;
}


/* notification buttons */
.notification-popup {
    /*border: 1px solid #666 !important;*/
    border-radius: 10px;
}

.notification-popup .dxpc-footer,
.notification-popup .dxpc-header {
    background-color: transparent;
}

.notification-popup .dxpc-contentWrapper {
    padding-top: 20px;
}

.notification-popup h1.title {
    margin-top: 0px !important;
    margin-bottom: 25px;
    font-weight: normal;
    color: #333;
    font-size: 1.375rem;
}

.notification-buttons-wrapper .dxpc-footerContent {
    padding: 10px 15px 18px 15px;
    border: none !important;
    height: 35px;
    margin: 10px 23px;
}

.notification-buttons-wrapper {
    border-top: 0px !important;
}

.notification-buttons-wrapper .form-checkbox {
    float: left;
}

.notification-buttons-wrapper .form-button {
    float: right;
}

@media (max-width: 958px) {
    .notification-buttons-wrapper .dxpc-footerContent {
        margin: 5px 8px;
    }
}

@media (max-width: 400px)
{
    .notification-buttons-wrapper .dxpc-footerContent {
        height: 80px;
        padding-top: 0px;
    }

    .notification-buttons-wrapper .form-checkbox {
        float: left;
    }

    .notification-buttons-wrapper .form-button {
        margin-top: 15px;
        clear: both;
        float: left;
    }
}


/* message alert */
#unread-alert
{
    display: inline-block;
    min-width: 1em;
    min-height: 1em;
    font-size: 11px;
    line-height: .99;
    border-radius: 2em;
    padding: 3px 5px 2px;
    text-align: center;

    margin-left: 5px;
    color: white;
    background-color: #35B86B;

    font-weight: 600;
}

#unread-alert.all-read {
    color: #666 !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.dxm-gutter .dxm-selected #unread-alert,
.dxm-gutter .dxm-selected #unread-alert.all-read {
    color: #35B86B !important;
    background-color: white !important;
}



/* Large button padding */
.large-button-container {
    margin-top: 30px; 
    margin-bottom: 40px; 
    text-align: center;
}

/* Large button */
.large-button {
    outline: none;
    border: 2px solid #35B86B;
    border-radius: 10px;
    display: inline-block;
    padding: 13px 30px;

    font: 18px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-weight: 600;
    text-align: center;
    text-decoration: none;

    transition-duration: 0.4s;
    cursor: pointer;

    /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
    /*box-shadow: 4px 4px 8px 8px rgba(0,0,0,0.2);*/

    background-color: #35B86B;
    color: white;
}

.large-button:hover {
    background-color: white;
    color: #35B86B;
}

/* pnotify changes */
[data-pnotify] .brighttheme-error {
    background-image: none !important;
}

[data-pnotify].pnotify .pnotify-container {
    /*border-width: 1px !important;*/
    /*border-bottom: 0px;*/
    border-width: 0px !important;
    border-radius: .5rem !important;
    margin: 4px 2px 0px 2px !important;
    padding: 10px;
}

/* section menu */
html {
    scroll-behavior: smooth !important; /* needed for smooth scrolling, where supported*/
}
        
.section-menu {
    position: fixed; 
    /*position: absolute;*/ 
    top: 0px; 
    right: 0px; 
    z-index: 1;
}
        
.section-menu .dxm-popup .dxm-content {
    padding-right: 12px;
}

.section-menu .dxm-main {

    /*color: #35B86B;*/
    border: none;
    background-color: white;

}

.section-menu .dxm-main .dxm-hovered {
    /*color: #35B86B;*/
}

@media print {
    .section-menu {
        display: none !important;
    }
}

/* remove section menu text for small screens*/
@media (max-width: 599px)
{
    .section-menu .dxm-subMenu
    {
        min-width: 46px !important;
        min-height: 38px !important;
    }

    .section-menu .dxm-subMenu .dxm-content
    {
        display: none !important;
    }
}


/* *********** */

/* tabs form - heading */
.tabs-form-heading > div > div > .dxflGroupCell_Office365 {
    padding: 0px 7px;
}

.tabs-form-heading > div > div > .dxflGroupCell_Office365 > .dxflPCContainerSys {
    padding: 0px;
}

/* *********** */


.page-content {
}

.page-content.center {
    margin: 0 auto;
    max-width: calc(916px + 28px);
}


/* details form container (i.e. no headings) */
/*.details-form-standard .dxflGroupCell_Office365 {
    padding: 0 16px !important;
}*/

.details-form-standard .dxflCaptionCell_Office365 {
    line-height: inherit;
}

.details-form-standard .dxflNestedControlCell_Office365 > span {
    color: #222;
    font-weight: 600;
}


/* details form - heading */
.details-container {
    margin-left: -14px;
    margin-right: -14px;
    /*width: calc(100% + 30px) !important;*/

    /*padding: 0px 14px 0px 14px;*/
    /*margin: 0 auto;*/
    /*max-width: 916px;*/
}

@media (min-width: 959px)
{
    .details-container
    {
        /*margin-left: -30px;*/
        /*margin-right: -30px;*/
        /* padding: 0px 48px; */
	    /*padding: 0px 30px;*/
        /*margin: 0 auto;*/
        /*max-width: 916px;*/
    }
}

.details-content {
}

.details-content.center {
    margin: 0 auto;
    max-width: calc(916px + 28px);
}

.details-container .dxflGroupCell_Office365 {
    padding: 0 16px;
}

.details-form-heading .dxflGroupBoxCaption_Office365 {
    font-size: 1.1em;
    font-weight: 600;
    padding-left: 0px;
    left: 16px;
}

.details-form-heading .dxflHLSys {
    margin-left: 16px;
    margin-right: 16px;
    border-top: 1px solid #666 !important;
    margin-bottom: 8px;
}

.details-form-heading .dxflCaptionCell_Office365 {
    line-height: inherit;
}


/* padding around details form */
.details-form-heading.dxflGroupCell_Office365 {
    padding: 0 0px !important;
    /*margin-top: -3px !important;*/
}

/* padding under details form */
.details-form-heading .dxflGroupCell_Office365 {
    padding: 0 4px;
}

.details-form-heading .dxflNestedControlCell_Office365 > span {
    color: #222;
    font-weight: 600;
}

/* padding around details form - column only */
.details-form-column.dxflGroupCell_Office365 {
    padding: 0 0px !important;
}

.details-form-column > .dxflGroupSys {
    padding-top: 0px;
    padding-bottom: 15px;
}

/* add padding between items when displayed full screen */
/*@media (min-width: 916px)
{
    .dxflGroupContainerSys .details-form-column {
        margin: 0px 12px 0px 12px;
    }

    .dxflGroupContainerSys.dxflFirstChildInRowSys .details-form-column {
        margin-left: 0px;
    }

    .dxflGroupContainerSys.dxflLastChildInRowSys .details-form-column {
        margin-right: 0px;
    }
}*/


/* add padding between items regardless */
.dxflGroupContainerSys .details-form-column {
    margin: 0px 12px 0px 12px;
}

.dxflGroupContainerSys.dxflFirstChildInRowSys .details-form-column {
    margin-left: 0px;
}

.dxflGroupContainerSys.dxflLastChildInRowSys .details-form-column {
    margin-right: 0px;
}


/* padding above details custom item */
/* DISABLED - NOT SURE WHY THIS WAS REQUIRED? */
/*.dxflCustomItemSys .dxflVATSys.dxflCaptionCell_Office365 {
    padding-top: 0px !important;
}*/

/* edit / details form - no padding items */
.dxflItem_Office365.no-padding-above {
    padding-top: 0px;
}

.dxflItem_Office365.no-padding-below {
    padding-bottom: 0px;
}

.dxflItem_Office365.no-padding {
    padding: 0px;
}

/* edit / details form special fields */
/*.dxflItem_Office365.ellipsis {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap:hyphenate; 
}*/


/* popup form labels */
/*.popup-form {

}

.popup-form .dxflNestedControlCell_Office365 > span.dxeBase_Office365 {
    color: #222;
    font-weight: 600;
    margin-top: -5px;
}*/


/* map anchor */
.map {
    background: transparent url(/content/images/map-it-green.svg) center left no-repeat;
    background-size: 16px;
    background-position-y: 1px;
    padding-left: 20px;
}

/* email anchor */
.email {
    background: transparent url(/content/images/mail-unread-green.svg) center left no-repeat;
    background-size: 16px;
    background-position-y: 0px;
    padding-left: 20px;
}

/* use to shrink checkbox to allow help text to appear on right */
.shrink-checkbox .dxflInternalEditorTable > div,
.shrink-checkbox .dxflInternalEditorTable_Office365 > div 
{
    width: auto !important;
}

.shrink-checkbox .dxflInternalEditorTable > div:first-child,
.shrink-checkbox .dxflInternalEditorTable_Office365 > div:first-child 
{
    width: 0px !important;
} 

.shrink-checkbox .dxflHelpText_Office365.dxflBHelpTextSys
{
    padding: 0 6px !important;
}

/* form buttons */
.form-button {
    margin-left: 4px;
    margin-right: 4px;
}

.form-button:first-child {
    margin-left: 0px;
}

.form-button:last-child {
    margin-right: 0px;
}

/* form grid */
.form-grid {
    /*border-bottom: 1px solid rgba(0,0,0,0.1) !important;*/
}

.form-grid .dxgvTable_Office365 {

}

.form-grid .dxgvHeader_Office365 {
    color: #666;
    padding: 3px 6px 3px 6px;
}

.form-grid .dxgvDataRow_Office365 td.dxgv,
.form-grid .dxgvEditFormDisplayRow_Office365 td.dxgv {
    color: #222;
    font-weight: 600;
    padding: 3px 6px 3px 6px;
}

.form-grid .dxgvHeader_Office365:first-child,
.form-grid .dxgvDataRow_Office365 td:first-child,
.form-grid .dxgvEditFormDisplayRow_Office365 td:first-child {

}

/* form grid - new style (smaller captions) */
.form-grid .dxgvHeader_Office365 {
    color: #222 !important;
    font-weight: 600; /* bold */
    font-size: 12px;
}

.form-grid .dxgvDataRow_Office365 td.dxgv,
.form-grid .dxgvEditFormDisplayRow_Office365 td.dxgv {
    color: #222;
    font-weight: normal;
}

/* child grid empty data row - reduced height to match same height as "header + 1 row" */
.form-grid .dxgvEmptyDataRow_Office365 td.dxgv {
    padding: 15px 2px 16px 4px;
}

.form-grid span.unit {
    /*margin-top: 6px;*/
}

.form-grid .warning,
.form-grid .warning td {
    color: red !important;
}


/* hidden cell */
.form-grid .hidden-cell
{
    display: none;
}


/* grid actions button */
.action-add {
    margin: 5px 0px 0px 0px !important;
}

.action-link {
    margin: 5px 10px 0px 0px;
    font-size: 12px;
}


/* grid actions menu button */
.action-menu {
    /*font-size: 0px;*/
    height: 25px !important;
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}

.action-menu .dxb {
    /*font-size: 0px;*/
    padding: 0px !important; 
}


/* hide vertical scroll bar when editing in popup - fixes padding glitch */
.details-container .dxgvPopupEditForm_Office365,
.popup-container .dxgvPopupEditForm_Office365 {
    overflow-y: hidden;
}


/* used to re-override spacing in form child grid! */
.form-grid .dxflGroupCell_Office365 {
    padding: 0 16px;
}



/* form grid empty data row */
/*.form-grid .dxgvEmptyDataRow_Office365 td.dxgv {
    padding: 15px 2px 16px 4px;
}*/

/* form grid - alternative header styling? */
/*.form-grid .dxgvTable_Office365 td.dxgvHeader_Office365 {
    color: #555 !important;
    background-color: #eee;
    font-style: italic;
}*/



/* form grid with no border lines */
/*
.form-grid-nolines {

}

.form-grid-nolines .dxgvTable_Office365 {
    border: none !important;
}

.form-grid-nolines .dxgvHeader_Office365 {
    color: #666;
    padding: 0px 0px 12px 12px;
    border: none !important;
}

.form-grid-nolines .dxgvDataRow_Office365 td.dxgv {
    color: #222;
    font-weight: 600;
    padding: 0px 0px 6px 12px;
    border: none !important;
}

.form-grid-nolines .dxgvHeader_Office365:first-child,
.form-grid-nolines .dxgvDataRow_Office365 td:first-child {
    padding-left: 0px;
}
*/

/* image in form grid column */
.form-grid .column-image
{
    width: 16px;
    height: 16px;
}

/* image column - warning status */
.form-grid .column-image.warning {
    background-image: url('Images/alert-warning.svg');
    background-size: 16px;
    background-position-y: 2px;
}

.form-grid .warning,
.form-grid .warning td {
    color: red !important;
}


/* status in column */
.form-grid .column-status
{
    display: inline-block;
    min-width: 1em;
    min-height: 1em;
    font-size: 12px;
    line-height: .99;
    border-radius: 3px;
    border: solid 1px #ccc;
    padding: 2px 5px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.02);
}


/* status column - history status */
.form-grid .history-status
{
    /*min-width: 3em;*/
    /*text-transform: uppercase;*/
}

.form-grid .history-status.updated
{
    /*border: solid 1px #666;*/
}

.form-grid .history-status.created,
.form-grid .history-status.added
{
    border: solid 1px green;
    color: green;
    font-weight: 600;
}

.form-grid .history-status.deleted,
.form-grid .history-status.removed
{
    border: solid 1px red;
    color: red;
    font-weight: 600;
}

.form-grid .history-status.activity
{
    /*default*/
}

.form-grid .history-object {
    /*font-weight: 600;*/
}

.form-grid .history-name {
    font-weight: 600;
}

.form-grid .history-details {
    font-size: 12px;
}

.form-grid .history-field {
    font-weight: 600;
}

.form-grid .history-details ul {
    margin-left: -13px;
    margin-top: 3px;
}


/* hint table - history status */
.hint-table .history-status.updated {
    /*font-weight: 600;*/
}

.hint-table .history-status.created,
.hint-table .history-status.added
{
    color: green;
    font-weight: 600;
}
.hint-table .history-status.deleted,
.hint-table .history-status.removed
{
    color: red;
    font-weight: 600;
}




/* force horizontal grid lines */
.form-grid.gridlines .dxgvDataRow_Office365 td.dxgv
{
    border-bottom-width: 1px !important;
}


/* pivot grid */
.pivot-grid {

}

.pivot-grid .dxpgTable_Office365 {

}

.pivot-grid .dxpgHeaderTable_Office365,
.pivot-grid .dxpgColumnFieldValue_Office365,
.pivot-grid .dxpgRowFieldValue_Office365 {
    color: #666 !important;
    padding: 3px 6px 3px 6px;
}

.pivot-grid .dxpgHeaderText_Office365 {
    border-width: 0px;
    padding: 0px;
}

.pivot-grid .dxpgCell_Office365 {
    color: #222;
    font-weight: 600;
    padding: 3px 6px 3px 6px;
}

.pivot-grid .dxpgHeader_Office365:first-child,
.pivot-grid .dxpgDataRow_Office365 td:first-child {

}


/* darker anchors */
/* https://www.hexcolortool.com/#35b66b 15% darkened */
/* ************** */
.dxgvControl_Office365 a
{
    color: #0F9245; /*green*/
}
/* ************** */


/* high contrast mode */
/* https://www.hexcolortool.com/#35b66b 35% darkened */
/* ****************** */
.high-contrast .user-info .text-container .user-name,
.high-contrast .user-info .text-container .user-details,
.high-contrast .settings-content,
.high-contrast .page-toolbar .item > h1,
.high-contrast .section-caption,
.high-contrast .details-form-heading .dxflHLSys,
.high-contrast .form-grid .dxgvHeader_Office365,
/* .high-contrast .form-grid-nolines .dxgvHeader_Office365, */
.high-contrast .child-grid .dxgvHeader_Office365
{
    color: #222;
}

.high-contrast a 
{
    color: #005F12; /*darkgreen*/
    text-decoration: underline; /* override in high-contrast to underline links */
}
/* ****************** */


/* darken left and right panels */
/* ************** */
.left-panel, 
.left-panel .dxpnl-acc, 
.left-panel .dxpnl-scc,
.left-panel .dxnb-gr, 
.left-panel .dxnb-item, 
.left-panel .dxnbSys { 
    background-color: #f5f5f5;
}

.left-panel .dxnb-itemHover {
    background-color: #BAD0C2;
}

.left-panel .dxnb-header, 
.left-panel .dxnb-headerCollapsed {
    background-color: #f5f5f5 !important;
}

.right-panel,
.right-panel .dxpnl-acc, 
.right-panel .dxpnl-scc { 
    background-color: #f5f5f5;
}
/* ************** */


/* details form - new style (smaller captions) */
.details-form-heading .dxflCaption_Office365,
.details-form-standard .dxflCaption_Office365,
.form-heading .dxflCaption_Office365,
.tabs-form-heading .dxflCaption_Office365,
.field-name {
    color: #222 !important; /* #222 #666 #888 */
    font-weight: 600; /* bold */
    font-size: 12px;
}

.details-form-heading .dxflNestedControlCell_Office365 > span,
.details-form-standard .dxflNestedControlCell_Office365 > span,
.form-heading .dxflNestedControlCell_Office365 > span,
.tabs-form-heading .dxflNestedControlCell_Office365 > span,
.field-value {
    font-weight: normal;
}


.form-heading .dxflNestedControlCell_Office365 > span.dxeBase_Office365 {
    color: #222;
    /* font-weight: 600; */
    margin-top: -5px;
}


/* form grid - new style (smaller captions) */
.form-grid .dxgvHeader_Office365
/* .form-grid-nolines .dxgvHeader_Office365 */ {
    color: #222 !important;
    font-weight: 600; /* bold */
    font-size: 12px;
}

.form-grid .dxgvDataRow_Office365 td.dxgv
/* .form-grid-nolines .dxgvDataRow_Office365 td.dxgv */ {
    color: #222;
    font-weight: normal;
}


/* pivot grid - new style (smaller captions) */
.pivot-grid .dxpgHeaderTable_Office365,
.pivot-grid .dxpgColumnFieldValue_Office365,
.pivot-grid .dxpgRowFieldValue_Office365,
.pivot-grid .dxpgHeader_Office365 {
    color: #222 !important;
    font-weight: 600; /* bold */
    font-size: 12px;
}

.pivot-grid .dxpgCell_Office365 {
    color: #222;
    font-weight: normal;
}



 
/*main menu footer*/
.menu-content-wrapper {
    /*min-height: calc(100% - 66px);*/ /* enables hiding / showing footer in menu for small screen size */
}

.menu-footer-wrapper {
    display: none; /* enables hiding / showing footer in menu for small screen size */
    height: 66px; /* 84px */
    position: relative;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}

.menu-footer-wrapper .footer {
    border-top: 0px;
    margin-top: 0px;
}

.menu-footer-wrapper .footer {
    padding: 16px 24px;
}

.menu-footer-wrapper .footer div {
    padding-top: 6px
}

.menu-footer-wrapper .footer div:first-child {
    padding-top: 0px;
}

/* show footer in menu for small screen size, but only if menu exists */
@media (max-height: 619px), (max-width: 619px)
{
    .content-wrapper.has-menu .menu-content-wrapper {
        min-height: calc(100% - 66px);
    }

    .content-wrapper.has-menu .menu-footer-wrapper {
        display: block;
    }
}

/* enables showing footer in menu when "hide-footer" specified (i.e. menu contains content) */
/*.content-wrapper.hide-footer .menu-content-wrapper {
    min-height: calc(100% - 66px);
}

.content-wrapper.hide-footer .menu-footer-wrapper {
    display: block;
}*/



/* vertically aligned div */
.vert-align-div
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.top-align-div
{
    display: flex;
    flex-wrap: wrap;
    align-items: initial;
}

/* title options panel */
.title-panel {
    margin: 0px 10px 10px 10px;
    width: calc(100% - 20px);
}
.title-panel .dxrpHT {
    margin-left: 5px;
    font-weight: 500;
}
.title-panel-container
{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.title-panel-content {
}

.title-panel-button {
    margin-left: auto;
    padding-left: 20px;
}

/* this enables aligning to the bottom right */
/*.title-panel-content {
    flex-grow: 1;
}

.title-panel-button {
    align-self: flex-end;
    margin-left: auto;
    padding-left: 20px;
}*/


/* fix memo padding */
.dxFirefox .dxeMemo_Office365 .dxeMemoEditArea_Office365,
.dxeMemo_Office365 .dxeMemoEditArea_Office365 {
    padding: 5px 4px 0px 5px !important;
}


/* radio button list flow layout */
span.dxeBase_Office365.dxichCellSys.dxeTAR label, 
span[dir='rtl'].dxeBase_Office365.dxichCellSys.dxeTAL label, 
.dx-acc-r span.dxeBase_Office365.dxichCellSys.dxeTAR > span:not([id]), 
.dx-acc-r span[dir='rtl'].dxeBase_Office365.dxichCellSys.dxeTAL > span:not([id]) {
    padding: 1px 3px 1px 6px;
}


/* print window iframe */
#printWindow {
    visibility: hidden;
    position: absolute;
    width: 100%;
    min-width: 959px; /* minimum width of dialog content */
    height: 100%;
    top: 0px;
    left: 0px;
    border: 0;
    overflow: hidden;
}


/* override edit form checkbox */
.form-checkbox {
    color: #222 !important;
    font-weight: 600;
    font-size: 12px;
    margin-top: 3px !important;
    margin-left: 1px !important;
}

.form-checkbox label {
    margin-left: 3px;
}


/* hint style */
.dxhControl_Metropolis {
    background-color: #eec;
    border: 1px solid #ccc;
}

.dxhControl_Metropolis div.hint-footer {
    margin-top: 12px;
    border-top: 1px solid #ccc;
    padding-top: 7px;
}

.dxhControl_Metropolis div.hint-footer ul {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: -13px;
    /*padding-top: 0px;
    padding-left: 0px;*/
}

.dxhControl_Metropolis div.hint-footer ul li .history-field {
    font-weight: 600;
}


.dxhControl_Metropolis.dxh-bottom .dxh-callout { border-bottom-color: #ccc; }
.dxhControl_Metropolis.dxh-bottom .dxh-callout:after { border-bottom-color: #eec; }

.dxhControl_Metropolis.dxh-top .dxh-callout { border-top-color: #ccc; }
.dxhControl_Metropolis.dxh-top .dxh-callout:after { border-top-color: #eec; }

.dxhControl_Metropolis.dxh-right .dxh-callout { border-right-color: #ccc; }
.dxhControl_Metropolis.dxh-right .dxh-callout:after { border-right-color: #eec; }

.dxhControl_Metropolis.dxh-left .dxh-callout { border-left-color: #ccc; }
.dxhControl_Metropolis.dxh-left .dxh-callout:after { border-left-color: #eec; }

.dxhControl_Metropolis .dxh-title {
    font-size: 14px;
    margin-bottom: -3px;
}


.details-caption-wrap {
    white-space: normal;
    word-wrap: break-word;
}  

.break-word {
    word-break: break-word;
}

.inline-checkbox
{
    display: inline-table;
    margin-top: 2px;
}

.inline-checkbox:not(:last-child) {
    margin-right: 10px;
}


/* dashboard widgets, etc. */
.widget-panel
{
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 30px) !important;

    /*background: #F9F9FA;*/
    /*border: solid 1px #D3D6DA;*/
    /*padding: 12px 15px 9px;*/
    /*margin: 0 0 5px 0;*/

    /*-moz-box-shadow:inset 0px 1px 4px rgba(0, 0, 0, 0.117188);*/
    /*-webkit-box-shadow:inset 0px 1px 4px rgba(0, 0, 0, 0.117188);*/
    /*box-shadow:inset 0px 1px 4px rgba(0, 0, 0, 0.117188);*/

    /*-moz-border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*border-radius: 5px;*/
}

/*.widgetPanel img
{
    margin-right: 11px;
}*/

.widget-panel .disabled
{
    -moz-opacity: 0.2;
    filter:alpha(opacity=20);
    opacity: 0.2;

    cursor: default !important;
}

.widget-panel-content {
    padding: 5px 5px 0px 5px;
}

.widget-grid .dxpc-content {
    /*padding: 0px;*/
}

.widget-grid .dxgvTable_Office365,
.widget-grid .dxgvControl_Office365 .dxgvFSDC,
.widget-grid .dxgvControl_Office365 .dxgvHSDC,
.widget-grid .dxgvFooter_Office365 td.dxgv {
    border: 0px;
}

.widget-button {
    margin-top: 5px;
    margin-bottom: 5px;
}

.zone-panel {
    width: 100%;
    /*max-width: 800px;*/
    margin-bottom: 12px;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
}

.zone {
    box-sizing: content-box !important;
}

.zone-panel.editing {
    margin-bottom: 6px;
    gap: 6px;
}

.zone-panel.editing .zone {
    background-color: #eee;
    border: 1px dashed #ccc;
}

.zone.full
{
    /*flex-basis: 100%;*/
    flex-shrink: 1;
    min-width: 300px;
}

.zone.half
{
    /*flex-basis: 50%;*/
    flex-shrink: 2;
    min-width: 150px;
}

.zone.one-third
{
    /*flex-basis: 33%;*/
    flex-shrink: 2;
    min-width: 100px;
}

.zone.two-third
{
    /*flex-basis: 67%;*/
    flex-shrink: 1;
    min-width: 200px;
}

.zone.one-quarter
{
    /*flex-basis: 25%;*/
    flex-shrink: 3;
    min-width: 75px;
}

.zone.three-quarter
{
    /*flex-basis: 75%;*/
    flex-shrink: 1;
    min-width: 225px;
}

/* *********** */

/* Toolbar */
.dashboard-toolbar
{
    background-color: transparent !important;
    /*background-color: rgba(0, 0, 0, 0.04) !important;*/
    border: none !important;
    font-size: 0.93em !important;
    height: 2.69rem;
}

.dashboard-toolbar .dx {
    margin-top: 0px !important;
    margin-bottom: 0px !important;    
}

/*.dashboard-toolbar .item > h1,
.section-caption
{
    color: #494949;
    font-weight: 600;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 24px;
}

.dashboard-toolbar .item > h1
{
    font-size: 3.46em;
}
*/

.dashboard-toolbar .item > h1
{
    margin: 0;
    padding: 0 17px;
}

.dashboard-toolbar-wrapper ul {
    margin-top: 0px !important; 
    margin-bottom: 0px !important;
}

/*
.dashboard-toolbar .item .dxm-disabled .dxm-image
{
    opacity: 0.3;
}


@media (max-width: 599px)
{
    .dashboard-toolbar .item > h1
    {
        max-width: 200px;
    }
}
*/

.dashboard-panel {
    padding-top: 0px;
    padding-bottom: 10px;
}


/* *********** */

/*@media (max-width: 550px) {
    .zone-panel {
        flex-wrap: wrap;
    }
    .zone.left,
    .zone.right {
        max-width: 100%;
    }
}*/

.widget {
    border: 1px solid #ccc !important; 
    
    -moz-box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 30%);
    box-shadow: 0px 1px 4px 0 rgb(0 0 0 / 30%);

    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;*/
}

.widget-editing {
    border: 1px solid #ccc !important; 
}

.widget-editing .dxpc-header {
    height: 20px;
}

.widget-editing .dxpc-content {


    /*filter:grayscale(100%);*/
    filter:alpha(opacity=60);
    opacity: 0.6;

    /* don't allow pointer interaction, eg. clicks, etc. */
    pointer-events: none;

}

.widget-editing .dxpc-closeBtn {
    padding: 0px;
    margin-top: 2px;
    margin-right: -2px;
}

.widget .dxpc-header,
.widget-editing .dxpc-header {
    /*border-bottom: 1px solid #ccc !important;*/ 
    background-color: transparent;

    font-size: 14px;
    /*text-transform: uppercase;*/
    font-weight: 500;
}

.widget-header {
    height: 20px;
}

.widget-title {
    float: left;
}

.widget-actions {
    float: right;
}

.widget-menu {

    /*font-size: 0px;*/
    height: 36px !important;
    /*width: 100% !important;*/
    width: 36px !important;

    padding: 0px !important;
    /*margin: 0px !important;*/
    margin-top: -8px !important;
    margin-right: -10px !important;

    box-shadow: none !important;  
    -webkit-box-shadow: none !important;  

}

.widget-menu .dxb {
    /*font-size: 0px;*/
    padding: 0px !important; 
    
}



/* Mail widget */
.mailFolders
{
    list-style-type:circle;
    padding: 0 0 0 20px;
}
.mailFolders li
{
    margin: 4px 0;
}

/* News widget */
.dxncControl_PlasticBlue
{
    background-color: transparent;
}