/*********************
 *********************
 **                 **
 **  ApplicationBar **
 **                 **
 *********************
 *********************/
.ApplicationBarFixedOffset {
    height: 64px; /* This must be the computed height of the .ApplicationBar */
}

.ApplicationBar {
    overflow: hidden;
    height: 63px;
    width: 100%;
    background-color: #fff;
    border-bottom: solid 1px #e0e0e0;
    font-family: Arial;
}

.ApplicationBar.Fixed {
    position: fixed;
    z-index: 10;
}

.ApplicationBar,
.ApplicationBar a {
    font-family: "Roboto", "Arial", sans-serif;
}

.ApplicationBar .LeftColumnWrapper {
    float: left;
    width: 100%;
}

.ApplicationBar .LeftColumn {
    margin-right: 175px; /*Set right margin to RightColumnWidth*/
    overflow: hidden;
    white-space: nowrap;
}

.ApplicationBar .RightColumn {
    float: left;
    width: 175px;
    margin-left: -175px;
    color: #bcd6f0;
}

.ApplicationBar .RightColumn .RightColumnButtons {
    display: flex;
    padding: 13px 20px 0 0;
    gap: 10px;
    justify-content: flex-end;
    align-content: center;
}

.ApplicationBar .LeftColumn a {
    display: block;
}

.ApplicationBar .LeftColumn a.MainApp {
    display: block;
    float: left;
    margin: 10px 0;
    border-radius: 3px;
    padding: 10px 30px 10px 15px;
    height: 24px;
    line-height: 22px;
    color: #1a99d6;
    font-size: 16pt;
    font-weight: 400;
    text-decoration: none;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

.ApplicationBar .LeftColumn a.MainApp .MainAppText {
    color: #1a99d6;
    font-size: 16pt;
    font-weight: 400;
    text-decoration: none;
}

.ApplicationBar .LeftColumn a.MainApp:hover {
    background-color: #0a83be;
}

.ApplicationBar .LeftColumn a.MainApp:hover .MainAppText {
    color: #ffffff;
}

.ApplicationBar .LeftColumn a.MainApp:hover .Arrow {
    border-top: 5px solid #ffffff;
}

.ApplicationBar .LeftColumn a.MainApp.Focus {
    background-color: #0a83be;
}

.ApplicationBar .LeftColumn a.MainApp.Focus .MainAppText {
    color: #ffffff;
}

.ApplicationBar .LeftColumn a.MainApp.Focus .Arrow {
    border-top: 5px solid #ffffff;
}

.ApplicationBar .LeftColumn .Arrow {
    float: right;
    margin: 10px -14px 0 0;
    border-top: 5px solid #1a99d6;
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent;
    width: 0;
    height: 0;
}

.ApplicationBar .LeftColumn a.Current .Beta {
    color: #39393c;
}

.ApplicationBar .LeftColumn a.Logo {
    float: left;
    margin: 11px 30px 11px 20px;
}

.ApplicationBar .LeftColumn a.Logo img {
    width: 140px;
    height: 40px;
}

.ApplicationBar .RightColumn .HelpPopupTrigger .HelpPopupTriggerLink {
    display: flex;
    border-radius: 3px;
    width: 36px;
    height: 36px;
    font-size: 16pt;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.ApplicationBar .RightColumn .HelpPopupTrigger .HelpPopupTriggerLink::before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #1a9dd6;
    font: var(--fa-font-solid);
    content: "\3f";
}

.ApplicationBar .RightColumn .HelpPopupTrigger .HelpPopupTriggerLink:hover {
    background-color: #0a83be;
}

.ApplicationBar .RightColumn .HelpPopupTrigger .HelpPopupTriggerLink:hover::before {
    color: #ffffff;
}

.ApplicationBar .RightColumn .HelpPopupTrigger .HelpPopupTriggerLink.HelpPopupTriggerLinkActive {
    background-color: #0a83be;
}

.ApplicationBar .RightColumn .HelpPopupTrigger .HelpPopupTriggerLink.HelpPopupTriggerLinkActive::before {
    color: #ffffff;
}

.ApplicationBarWrapper img.ProfilePicture {
    border: solid 1px #e0e0e0;
    border-width: 1px !important;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.ApplicationBar body.AppDrawerPopupShown {
    overflow: hidden !important;
}

.ApplicationBarWrapper .AppDrawerPopup {
    display: flex;
    flex-wrap: wrap;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 56px;
    left: 0;
    z-index: 1000100;
    overflow: auto;
    box-sizing: border-box;
    margin: 0 20px;
    padding: 0;
    width: auto;
    color: #8b9397;
    white-space: normal;
    background-color: #ffffff;
    -moz-box-shadow: 0 4px 10px -6px #000000;
    -webkit-box-shadow: 0 4px 10px -6px #000000;
    box-shadow: 0 4px 10px -6px #000000;
    transform: translateY(-10px);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s ease-in-out 0.2s;
    border-radius: 3px;
    border: 1px solid #e0e0e0;

    -webkit-overflow-scrolling: touch;
}

.ApplicationBarWrapper .AppDrawerPopup.AppDrawerPopupShown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0s ease-in-out;
}

.ApplicationBarWrapper .AppDrawerPopupClose {
    display: none;
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 1;
    border-radius: 50%;
    padding: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.ApplicationBarWrapper .AppDrawerPopupClose:hover,
.ApplicationBarWrapper .AppDrawerPopupClose:active {
    background-color: #0a83be;
}

.ApplicationBarWrapper .AppDrawerPopupClose:active .AppDrawerPopupCloseIcon:before,
.ApplicationBarWrapper .AppDrawerPopupClose:active .AppDrawerPopupCloseIcon::after {
    opacity: 1;
}

.ApplicationBarWrapper .AppDrawerPopupCloseIcon {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.ApplicationBarWrapper .AppDrawerPopupCloseIcon:before,
.ApplicationBarWrapper .AppDrawerPopupCloseIcon:after {
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    border-radius: 5px;
    width: 100%;
    height: 2px;
    background: #ffffff;
    content: "";
}

.ApplicationBarWrapper .AppDrawerPopupCloseIcon:before {
    transform: rotate(45deg);
}

.ApplicationBarWrapper .AppDrawerPopupCloseIcon:after {
    transform: rotate(-45deg);
}

.ApplicationBarWrapper .AppDrawerPopup .Group {
    display: inline-block;
    overflow: auto;
    margin: -1px 0 0 -1px;
    min-width: 150px;
    vertical-align: top;
    flex: 1 1 150px;
    border: 1px solid #eff1f2;
    padding: 10px;
}

.ApplicationBarWrapper .AppDrawerPopup .Group ul {
    overflow: hidden;
    margin: 0 0 10px 0;
    list-style-type: none;
}

.ApplicationBarWrapper .AppDrawerPopup .Group.First ul {
    border-left: none;
}

.ApplicationBarWrapper .AppDrawerPopup .Group h1 {
    margin: -10px -10px 10px;
    border-bottom: 1px solid #eff1f2;
    padding: 15px 25px;
    color: #616163;
    font-size: 10pt;
    font-weight: 500;
    background-color: #f9fafa;
    cursor: default;
}

.ApplicationBarWrapper .AppDrawerPopup a.App {
    display: inline-flex;
    position: relative;
    padding: 10px 15px;
    color: #8b9397;
    font-size: 10pt;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    line-height: 18px;
    align-items: center;
    transition: none;
}

.ApplicationBarWrapper .AppDrawerPopup a.App span {
    color: #8b9397;
}

.ApplicationBarWrapper .AppDrawerPopup a.App i {
    margin-right: 8px;
    color: #8b9397;
    font-size: 13pt;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.ApplicationBarWrapper .AppDrawerPopup a.App:hover {
    border-radius: 3px;
    background-color: #128eca;
    color: #ffffff;
}

.ApplicationBarWrapper .AppDrawerPopup a.App:hover span,
.ApplicationBarWrapper .AppDrawerPopup a.App:hover i {
    color: #ffffff;
}

.ApplicationBarWrapper .AppDrawerPopup a.App .Beta {
    position: absolute;
    top: 0;
    right: 15px;
    color: #8cccea;
    font-size: 7.5pt;
    font-weight: 300;
    text-align: right;
}

.ApplicationBarWrapper .AppDrawerPopup a.Current {
    border-radius: 3px;
    color: #39393c;
    background: #dbdfe0;
}

.ApplicationBarWrapper .AppDrawerPopup a.Current span,
.ApplicationBarWrapper .AppDrawerPopup a.Current i {
    color: #39393c;
}

.ApplicationBarWrapper .AppDrawerPopup div.ProfilePicture {
    display: inline-block;
    margin: 0 10px 0 25px;
    padding: 10px 0 0 10px;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}

.ApplicationBarWrapper .AppDrawerPopup div.ProfilePicture:hover {
    background-color: #1a99d6;
}

.ApplicationBarWrapper .AppDrawerPopup img.ProfilePicture {
    display: inline-block;
    vertical-align: middle;
}

.ApplicationBarWrapper .AppDrawerPopup .Arrow {
    display: inline-block;
    margin: 0 0 0 4px;
    border-top: 5px solid #ffffff;
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent;
    width: 0;
    height: 0;
    vertical-align: middle;
}

.ApplicationBarWrapper .AppDrawerPopup .ChatWrapper {
    display: inline-block;
    float: none;
    margin: 0;
    padding-top: 10px;
    height: 50px;
    vertical-align: middle;
    border-radius: 3px;
}

.ApplicationBarWrapper .Popup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000101;
    display: none;
    padding: 0;
    margin: 0;
    min-width: 100px;
    border: solid 1px #e0e0e0;
    border-radius: 3px;
    background-color: white;
    -moz-box-shadow: 3px 5px 10px -5px #5a5a5a;
    -webkit-box-shadow: 3px 5px 10px -5px #5a5a5a;
    box-shadow: 3px 5px 10px -5px #5a5a5a;
    text-align: left;
    list-style: none;
}

.ApplicationBarWrapper .Popup.SettingsPopup {
    margin-top: 1px;
    min-width: 300px;
    border-color: #e0e0e0;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Content {
    padding: 20px;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Content h1 {
    margin: 0 0 10px 0;
    font-size: 18pt;
    font-weight: 300;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Content h2 {
    margin: 0;
    font-size: 11pt;
    font-weight: 400;
    color: #acacac;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Content .SettingsPopupLanguageWrapper {
    margin: 10px 0 0 0;
    display: flex;
    align-items: center;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Content .SettingsPopupLanguageDropdown {
    border-radius: 3px;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Content .SettingsPopupLanguageIcon {
    margin-right: 8px;
    width: 24px;
    height: 12px;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Footer {
    padding: 15px;
    background-color: #eff1f2;
    border-top: solid 1px #e0e0e0;
    overflow: auto;
}

.ApplicationBarWrapper .Popup.SettingsPopup .Footer .AccountSettings,
.ApplicationBarWrapper .Popup.SettingsPopup .Footer .SignOut {
    margin-left: 5px;
}

.ApplicationBarWrapper .Popup.HelpPopup .HelpPopupItems {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.ApplicationBarWrapper .Popup.HelpPopup .HelpPopupItems .HelpPopupItem {
    display: block;
    border-radius: 3px;
    font-size: 10pt;
    text-decoration: none;
    text-align: left;
    line-height: 18px;
    white-space: nowrap;
    cursor: pointer;
}

.ApplicationBarWrapper .Popup.HelpPopup .HelpPopupItems .HelpPopupItem a {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    transition: none;
}

.ApplicationBarWrapper .Popup.HelpPopup .HelpPopupItems .HelpPopupItem:hover {
    background-color: #0a83be;
}

.ApplicationBarWrapper .Popup.HelpPopup .HelpPopupItems .HelpPopupItem:hover a {
    color: #ffffff;
    text-decoration: none;
}

.ApplicationBarWrapper .EasToolTip .Contents {
    color: #777;
    font-size: 9pt;
    line-height: 17px;
}

.ApplicationBarWrapper .NavToggle {
    display: none;
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 1;
    width: 24px;
    height: 17px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    transform: rotate(0deg);
}

.ApplicationBarWrapper .NavToggle::before {
    position: absolute;
    top: -5px;
    right: -4px;
    z-index: 1;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #ed4b4b;
    content: "";
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: scale(0);
}

.ApplicationBarWrapper .NavToggle.HasError::before {
    transform: scale(1);
}

.ApplicationBarWrapper .NavToggle span {
    display: block;
    opacity: 1;
    position: absolute;
    left: 0;
    border-radius: 9px;
    width: 100%;
    height: 2px;
    background: #616163;
    transition: 0.25s ease-in-out;
    transform: rotate(0deg);
}

.ApplicationBarWrapper .NavToggle span:nth-child(1) {
    top: 0;
}

.ApplicationBarWrapper .NavToggle span:nth-child(2),
.ApplicationBarWrapper .NavToggle span:nth-child(3) {
    top: 7px;
}

.ApplicationBarWrapper .NavToggle span:nth-child(4) {
    top: 14px;
}

.ApplicationBarWrapper .NavToggle:hover {
    opacity: 1;
}

.ApplicationBarWrapper .NavToggle.Open span:nth-child(1) {
    top: 8px;
    left: 12px;
    width: 0;
}

.ApplicationBarWrapper .NavToggle.Open span:nth-child(2) {
    transform: rotate(45deg);
}

.ApplicationBarWrapper .NavToggle.Open span:nth-child(3) {
    transform: rotate(-45deg);
}

.ApplicationBarWrapper .NavToggle.Open span:nth-child(4) {
    top: 8px;
    left: 12px;
    width: 0;
}

@media screen and (max-width: 750px) {
    .ApplicationBar .LeftColumn a.Logo {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 650px) {
    .ApplicationBar .LeftColumn {
        margin-right: 0 !important;
        text-align: center;
    }

    .ApplicationBar .LeftColumn a.Logo {
        display: inline-block;
        float: none;
    }

    .ApplicationBar .LeftColumn a.Logo img {
        width: 100px;
    }

    .ApplicationBar .LeftColumn a.MainApp {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        margin-left: 10px;
        padding: 10px 11px 10px 15px;
    }

    .ApplicationBar .LeftColumn a.MainApp .MainAppText {
        display: none;
    }

    .ApplicationBar .LeftColumn a.MainApp .NavToggle {
        display: block;
    }

    .ApplicationBarWrapper .LeftColumn a.MainApp.Focus .NavToggle span {
        background-color: #ffffff;
    }

    .ApplicationBar .RightColumn {
        width: 115px;
        margin-left: -115px;
    }

    .ApplicationBarWrapper .AppDrawerPopup {
        position: fixed;
        top: 62px !important;
        left: 0 !important;
        width: 100%;
        height: calc(100% - 62px);
        margin: 0;
        border-radius: 0;
        border-right: 0;
        border-left: 0;
    }

    .ApplicationBarWrapper .AppDrawerPopupClose {
        display: block;
    }
}

/********************
 ********************
 **                **
 **  EasPageFooter **
 **                **
 ********************
 ********************/
.eas-page-footer-wrapper_Professional {
    clear: both;
    width: 100% !important;
    height: 100% !important;
    padding-top: 10px;
    border-top: 1px solid #bcd6f0;
    border-bottom: 1px solid #bcd6f0;
    background-color: #f6fbff;
    margin-top: 50px;
}

.eas-page-footer_Professional {
    font-size: 9pt;
    margin-top: 28px;
    padding-top: 8px;
    padding-top: 10px;
    font-size: 11px;
    line-height: 1em;
    color: #296192;
    margin: 0 auto 0 auto;
}

.eas-page-footer_Professional ul {
    list-type: none;
    padding: 0;
    margin: 0;
}

.eas-page-footer_Professional li {
    border-bottom: 1px solid #bcd6f0;
    display: block;
    padding: 0 0 3px 0;
    margin: 0 0 3px 0;
    line-height: 1.7em;
}

.eas-page-footer_Professional p {
    color: #296192;
    font-size: 7pt;
    padding: 8px 0 10px 0;
}

.eas-page-footer_Professional a:link {
    color: #296192;
    font-size: 7pt;
}

.eas-page-footer_Professional a:visited {
    color: #296192;
    text-decoration: none;
}

.eas-page-footer_Professional a:hover {
    color: #0a83be;
    text-decoration: none;
}

.eas-page-footer_Professional a:active {
    color: #296192;
    text-decoration: none;
}

.eas-page-footer_Professional td {
    width: 100px;
    padding-right: 10px;
}

.eas-page-footer_Professional h5 {
    border-bottom: 1px solid #bcd6f0;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    color: #0a83be;
    padding: 0 0 20px 0;
    margin: 0 0 3px 0;
}
/***************
 ***************
 **           **
 **  EasGrid  **
 **           **
 ***************
 ***************/
.eas-grid-table-container {
    /*(border: solid 1px #0c3a6d;*/
}

.waffle {
    font: 9pt Arial;
    border-collapse: separate;
    border-style: none;
    border-spacing: 0;
    cursor: default;
}

.waffle td {
    vertical-align: middle; /* prevent cell selection. This was done so that when a cell is double clicked it's text is not highlighted */
    -moz-user-select: none;
    -khtml-user-select: none;
    overflow: hidden;
    border-width: 0 1px 1px 0;
    line-height: inherit;
    padding: 6px 5px 6px 10px;
}

.waffle tr {
    background-color: White;
}

.waffle th {
    color: White;
    font: 9pt Arial; /* prevent cell selection. This was done so that when a cell is double clicked it's text is not highlighted */
    -moz-user-select: none;
    -khtml-user-select: none;
    font-weight: normal;
    background: transparent;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    overflow: hidden;
    padding: 0;
}

.waffle td.e {
    cursor: text;
}

/* Begin: Column emphasis */
.waffle td.column-emphasis-stubtle {
    background-color: #f3f8ff;
}

.waffle td.column-emphasis-soft {
    background-color: #e5f0ff;
}

.waffle td.column-emphasis-medium {
    background-color: #dcebff;
}

.waffle td.column-emphasis-strong {
    background-color: #b9d6fd;
}

.waffle td.column-emphasis-group {
    background-color: #296192;
    border: none;
    color: #bed6f6;
}

.waffle tr.selected td.column-emphasis-group {
    background-color: #0c3a6d;
    border: none;
    color: #bed6f6;
}
/* End: Column emphasis */

.waffle tr.odd {
    background-color: #ffffff;
}

.waffle tr.even {
    background-color: #eaf5ff;
}

.waffle tr.focused td.e {
    /* TODO: Not sure if we want this style or not ...  */
    border-bottom: solid 4px #77b721;
}

.waffle tr.selected,
.waffle tr.selected td {
    background-color: #dfffb5;
}

.waffle tr.focused,
.waffle tr.focused td {
    background-color: #c7ed94;
    color: Black;
}

.waffle td.focused {
    background-color: #c7ed94;
    border: solid 2px #0c3a6d !important;
    color: Black;
}

.waffle td.editing {
    border: solid 2px #0c3a6d !important;
    background-color: White !important;
}

.waffle th.row-header-selected {
    background-color: #0c3a6d !important;
}

.waffle th.row-header-selected div {
    background-color: #174d8a !important;
}

.waffle th.row-header,
.waffle tr.row-header th {
    background-color: #296192;
    border-right: none;
    border-left: none;
    border-top: none;
    color: #bed6f6;
    padding: 3px 5px 3px 5px;
}

.waffle tr.row-group th {
    border-right: none !important;
    text-align: left;
    border-top: 1px #0c3a6d solid !important;
    padding: 5px 0px 5px 3px;
}

.waffle tr.row-group-footer th {
    border-right: none !important;
    border-top: none !important;
    text-align: right;
    padding: 4px 4px 5px 0;
}

.waffle tr.row-group-footer div {
    padding: 3px 4px 3px 0;
    background-color: #3b76a9;
    color: #bed6f6;
}

.waffle tr.row-grand-total-footer th {
    border-top: 1px #0c3a6d solid !important;
}

.waffle th.column-header {
    border-top: solid 1px #296192;
    border-bottom: solid 1px #296192;
    background-color: #296192;
    text-align: left;
    padding: 8px 5px 8px 10px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
}

.waffle th.column-header div {
    color: #fff;
}

.waffle th div.column-header-sort-ascending {
    background: url('"egColumnheader-sort-ascending.png"?v=a026cc46276ac06941dc7bd84987789b3bf483cf') no-repeat;
    background-position: right;
    margin-right: 15px;
    width: 100%;
}

.waffle th div.column-header-sort-descending {
    background: url('"egColumnheader-sort-descending.png"?v=a026cc46276ac06941dc7bd84987789b3bf483cf') no-repeat;
    background-position: right;
    margin-right: 15px;
    width: 100%;
}

.waffle th.hidden {
    display: none;
}

.grid-lines-vertical td {
    border-right: 1px #bed6f6 solid;
}

.grid-lines-horizontal td {
    border-bottom: 1px #bed6f6 solid;
}

.waffle th.invisible,
.waffle tr.invisible {
    height: 0px !important;
    line-height: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: 1px White solid;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    background-image: none !important;
    overflow: hidden !important;
    font-size: 0px !important;
    visibility: hidden !important;
    white-space: nowrap;
}

.waffle tr.invisible {
    padding: 0px !important;
}

.waffle th.invisible {
    padding: 0px 4px 0px 4px !important;
}
/**********************
 **********************
 **                  **
 **  EasSimplePopup  **
 **                  **
 **********************
 **********************/
.EasSimplePopup {
    z-index: 1000000;
    top: 0;
    position: fixed;
    height: 90%;
}

.EasSimplePopup .PopupInner {
    height: 100%;
}

.EasSimplePopup .PopupHeader {
    position: absolute;
    right: 0;
    height: 35px;
    z-index: 1000000; /* This must be 1 more than .EasSimplePopupBlankBackground */
}

.EasSimplePopup .PopupHeader div.CloseButton,
.EasSimplePopup .PopupHeader div.PopoutButton {
    margin-top: 13px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-color: gray;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.EasSimplePopup .PopupHeader div.CloseButton:hover,
.EasSimplePopup .PopupHeader div.PopoutButton:hover {
    opacity: 1;
    background-color: #39393c;
}

.EasSimplePopup .PopupHeader div.PopoutButton {
    margin-right: 5px;
    background-image: url(espPopout.svg?v=7e5a8f12035b3726b3406c231118eb8b44988c7f);
}

.EasSimplePopup .PopupHeader div.CloseButton {
    margin-right: 13px;
    background-image: url(espClose.svg?v=f3ce0b3059b6baee0564dfeb0c648c1d908b7a72);
}

.EasSimplePopup .PopupContent {
    border: solid 1px #000;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    -moz-box-shadow: 0 0 25px -5px #000;
    -webkit-box-shadow: 0 0 25px -5px #000;
    box-shadow: 0 0 25px -5px #000;
}

.EasSimplePopupModalBackground.ModalBackground {
    background-color: #000;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.FrameLoading.LoadingDiv {
    position: relative;
    height: 100px;
}

.FrameLoading.LoadingDiv div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background: url(/static/assets/images/loading.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) no-repeat center;
    content: "";
    -ms-animation: rotating 0.6s linear infinite;
    -moz-animation: rotating 0.6s linear infinite;
    -o-animation: rotating 0.6s linear infinite;
    -webkit-animation: rotating 0.6s linear infinite;
    animation: rotating 0.6s linear infinite;
}

@media screen and (max-width: 900px) {
    .EasSimplePopup {
        width: 100% !important;
        height: 100% !important;
    }

    .EasSimplePopup .PopupInner {
        margin-top: 0;
    }

    .EasSimplePopup .PopupContent {
        border: none;
    }
}

/******************
 ******************
 **              **
 **  EasToolTip  **
 **              **
 ******************
 ******************/
.EasToolTip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    overflow: auto;
    list-style: none;
    padding-bottom: 5px;
    padding-right: 5px;
}

.EasToolTip div.Tail {
    width: 0;
    height: 0;
}

.EasToolTip div.Tail.LeftEdge-Top {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #e0e0e0;
    float: left;
}

.EasToolTip div.Tail.RightEdge-Top {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #e0e0e0;
    float: right;
}

.EasToolTip div.Tail.TopEdge-Left {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e0e0e0;
}

.EasToolTip div.BottomTail {
    width: 0;
    height: 0;
}

.EasToolTip div.BottomTail.BottomEdge-Left {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e0e0e0;
}

.EasToolTip div.EasToolTipContent {
    font-size: 9pt;
    padding: 8px;
    overflow: auto;
    list-style: none;
    border: solid 1px #e0e0e0;
    background-color: white;
    box-shadow: 3px 5px 10px -5px #5a5a5a;
    -moz-box-shadow: 3px 5px 10px -5px #5a5a5a;
    -webkit-box-shadow: 3px 5px 10px -5px #5a5a5a;
}

/*******************
 *******************
 **               **
 **  EasDropDown  **
 **               **
 *******************
 *******************/
.EasDropDown {
    padding: 0px 0px 0px 0px;
    border: solid 1px #e0e0e0;
    background-color: White;
    float: left;
    height: 29px;
}

.EasDropDownLabel {
    border-style: none;
    float: left;
    line-height: 20px;
    margin: 5px 0px 0px 5px;
    background: none repeat scroll 0 0 white;
    color: #222;
    font-size: 13px;
    padding: 0;
}

.EasDropDownButtonDiv {
    cursor: pointer;
    height: 29px;
    width: 18px;
    float: right;
}

.EasDropDownButton {
    background-image: url(eddArrow.png?v=1fcd4d32c9de5dc7971d40b4af01ae678431efdf);
    background-repeat: no-repeat;
    height: 8px;
    margin: 11px 8px 11px 0px;
    width: 10px;
    float: right;
    cursor: pointer;
    display: block;
}

.EasDropDownMenu {
    display: none;
    height: 200px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    border: solid 1px #e0e0e0;
    background-color: White;
    position: absolute;
    margin-top: 29px;
    box-shadow: 3px 5px 10px -5px #5a5a5a;
    -moz-box-shadow: 3px 5px 10px -5px #5a5a5a;
    -webkit-box-shadow: 3px 5px 10px -5px #5a5a5a;
    left: 563px;
    z-index: 2147483647;
}

.EasDropDownMenu::-webkit-scrollbar {
    width: 12px;
}

.EasDropDownMenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

.EasDropDownMenu::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    background-color: #d9ecff;
}

.EasDropDownList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.EasDropDownList li {
    margin: 0;
    font-size: 13px;
    display: block;
    padding: 6px 0 6px 6px;
    cursor: pointer;
}

.EasDropDownList li.Selected {
    background-color: #0a83be;
    color: #fff;
}

.EasDropDownList li:hover {
    background-color: #1a99d6;
    color: #fff;
}

.EasDropDownDataInput {
    display: none;
}

.EasDropDown.Disabled {
    border: solid 1px lightgray;
}

.EasDropDown.Disabled .EasDropDownButton {
    display: none;
    cursor: default;
}

.EasDropDown.Disabled .EasDropDownButtonDiv {
    cursor: default;
}

.EasDropDown.Disabled .EasDropDownLabel {
    color: Gray;
}
/********************
 ********************
 **                **
 **  SearchControl **
 **                **
 ********************
 ********************/
.SearchControl {
    width: 635px;
    display: flex;
}

.SearchControl .Box {
    height: 36px;
    margin: 0;
    padding: 0;
    width: 550px;
    border: solid 1px #e0e0e0;
    border-right: none;
    background-color: #fff;
}

.SearchControl .Chip {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #39393c;
    cursor: default;
    height: 30px;
    line-height: 23px;
    margin: 2px;
    outline: medium none;
    padding: 0 4px;
    vertical-align: top;
    display: inline-block;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: nowrap;
    float: left;
}

.SearchControl .ChipLabel {
    font-size: 12px;
    font-family: Arial, sans-serif;
    height: 23px;
    padding: 0 0 0 5px;
    text-align: middle;
    vertical-align: top;
    color: #39393c;
    cursor: default;
    line-height: 31px;
}

.SearchControl .ChipX {
    color: #39393c;
    cursor: pointer;
    font-size: 17px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    height: 23px;
    line-height: 33px;
    padding: 1px 4px;
    text-align: center;
    vertical-align: top;
}

.SearchControl .TextBox {
    border-style: none;
    width: 350px;
    height: 16px;
    margin: 0 7px 0px 6px;
    outline: none;
    background: none repeat scroll 0 0 white;
    border: none;
    color: #39393c;
    font-size: 10pt;
    outline: none;
    padding: 10px 0;
    float: left;
    vertical-align: middle;
}

.SearchControl .TextBox_NullText {
    color: #b5bbbd !important;
}

.SearchControl .ClearButton {
    background-image: url(/static/assets/images/search_clear.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
    background-repeat: no-repeat;
    background-position: 3px;
    height: 10px;
    padding: 17px 8px 10px 0px;
    width: 12px;
    float: right;
    cursor: pointer;
}

.SearchControl .AdvancedButton {
    background-image: url(/static/assets/images/search_advanced.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf);
    background-repeat: no-repeat;
    background-position: 3px;
    height: 8px;
    padding: 17px 8px 12px 4px;
    width: 12px;
    float: right;
    cursor: pointer;
}

.SearchControl .AdvancedMenu {
    margin-top: 37px;
    display: none;
    width: 536px;
    height: 320px;
    padding: 17px 20px 21px 20px;
    border: solid 1px #e0e0e0;
    background-color: White;
    position: absolute;
    box-shadow: 3px 5px 10px -5px #5a5a5a;
    -moz-box-shadow: 3px 5px 10px -5px #5a5a5a;
    -webkit-box-shadow: 3px 5px 10px -5px #5a5a5a;
    z-index: 2147483647; /* This is the largest z-index that should be used */
}

.SearchControl .SearchButton {
    display: inline-block;
    height: 29px;
    padding: 4px 8px 3px 8px;
    border: solid 1px #1a99d6;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    text-decoration: none;
    background: #1a99d6 url(/static/assets/images/search_button.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) center no-repeat;
    font-size: 11pt;
    font-weight: 400;
    cursor: pointer;
    flex: 0 0 40px;
}

.SearchControl .SearchButton:hover {
    color: #fff !important;
    background-color: #0a83be;
}

.SearchControl .SearchButton.Loading,
.SearchControl .SearchButton.Loading:hover {
    position: relative;
    cursor: default;
    display: block;
    display: inline-block;
    background-color: #fff;
}

.SearchControl .SearchButton.Loading:before,
.SearchControl .SearchButton.Loading:hover:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: url(/static/assets/images/loading.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) no-repeat center;
    background-size: 16px;
    content: "";
    -ms-animation: rotating 0.6s linear infinite;
    -moz-animation: rotating 0.6s linear infinite;
    -o-animation: rotating 0.6s linear infinite;
    -webkit-animation: rotating 0.6s linear infinite;
    animation: rotating 0.6s linear infinite;
}
/****************
 ****************
 **            **
 **  Checkbox  **
 **            **
 ****************
 ****************/
.CheckBox {
    height: 20px;
    margin-right: 7px;
}

.CheckBox .Label {
    height: auto;
    padding-left: 5px;
    display: block;
    overflow: hidden;
}

.CheckBox .DataInput {
    display: none;
}

.CheckBox .Button {
    height: 12px;
    width: 12px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
    float: left;
}

.CheckBox .Button.Checked {
    background-image: url(cbCheckmark.png?v=7af1470ff230fc79b956883d21cd68835ac89e6d);
    background-position: center;
    background-repeat: no-repeat;
}

.CheckBox .Button.Radio {
    height: 14px;
    width: 13px;
    border: none;
    background-image: url(radioEmpty.png?v=43d0bd06de6a441133566c47655209f51eef6873);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.CheckBox .Button.Radio.Checked {
    background-image: url(radioFilled.png?v=363327ea135e258dafb0f6b3dd76fbaf51541a86);
    background-position: center;
    background-repeat: no-repeat;
}

.CheckBox.Disabled .Label {
    color: Gray;
}
/*************
 *************
 **         **
 **  Badge  **
 **         **
 *************
 *************/
.Badge {
    float: left;
    margin: 0;
}

.Badge .Text {
    float: left;
    border-radius: 0 3px 3px 0;
    padding: 3px 8px 3px 8px;
    border: solid 1px #d0e4ff;
    background-color: #d0e4ff;
    color: #3d75a6;
    font-family: Arial;
    font-size: 8pt;
    margin-right: 3px;
    border-left-style: none !important;
}

.Badge .Text.NoTag {
    border-radius: 3px;
    border-left-style: solid !important;
}

.Badge.Info .Text {
    border: solid 1px #e0e0e0;
    background-color: #e0e0e0;
    color: #39393c;
}

.Badge.Warning .Text {
    border: solid 1px #ffeaa1;
    background-color: #ffeaa1;
    color: #39393c;
}

.Badge.Critical .Text {
    border: solid 1px #ef5555;
    background-color: #ef5555;
    color: #fff;
}

.Badge .Tag {
    float: left;
    background-color: red;
    border: solid 1px red;
    border-radius: 3px 0 0 3px;
    color: white;
    font-family: Arial;
    font-size: 8pt;
    font-weight: 600;
    padding: 3px;
    text-align: center;
}

.Badge.Info .Tag {
    background-color: #39393c;
    border: solid 1px #39393c;
}

.Badge.Warning .Tag {
    background-color: #907961;
    border: solid 1px #907961;
}

.Badge.Critical .Tag {
    background-color: #ef5555;
    border: solid 1px #ef5555;
    border-right: solid 1px #fff;
}
/***********************
 ***********************
 **                   **
 **  ScrollablePanel  **
 **                   **
 ***********************
 ***********************/
.ScrollablePanel {
    overflow: hidden;
    position: relative;
}

.ScrollablePanel .ScrollableContent {
    position: absolute;
}

.ScrollablePanel .VerticalScrollbar {
    width: 10px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.ScrollablePanel .VerticalScrollbar .Puck {
    position: absolute;
    border: solid 1px #39393c;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-color: #39393c;
    transition: opacity 0.2s linear 0s;
    -webkit-transition: opacity 0.2s linear 0s;
    -webkit-backface-visibility: hidden; /* fixes annoying flickr in webkit when animating opacity */
    -webkit-perspective: 1000; /* fixes annoying flickr in webkit when animating opacity */
    -moz-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    top: 2px;
    right: 2px;
    width: 6px;
    min-height: 60px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.ScrollablePanel .VerticalScrollbar .HotPuck {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ScrollablePanel .VerticalScrollbar .ActivePuck {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ScrollableSpacerCell {
    width: 17px;
    display: none;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    background-color: #fff;
}
/***********************
 ***********************
 **                   **
 **    DateEditor     **
 **                   **
 ***********************
 ***********************/
.DateEditorDropDownDiv {
    overflow: auto;
}

.DateEditorMonthDropDownDiv {
    margin-right: 7px;
    float: left;
    width: 60px;
}

.DateEditorDayDropDownDiv {
    margin-right: 7px;
    float: left;
    width: 45px;
}

.DateEditorYearDropDownDiv {
    margin-right: 2px;
    float: left;
    width: 60px;
}
/*************************
 *************************
 **                     **
 **  PersonFinderDialog **
 **                     **
 *************************
 *************************/
.PersonFinder {
    width: 700px;
    margin-left: -350px;
    margin-top: -300px;
}

.PersonFinder .Header .Description.Adder {
    display: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 35px;
    color: gray;
    background: url(/static/assets/images/warning.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) no-repeat left center;
    background-size: 24px;
}

.PersonFinder .Chooser .Search {
    margin-bottom: 5px;
}

.PersonFinder .Chooser .SearchResults {
    border: solid 1px #bdd6f0;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;
}

.PersonFinder .Chooser .SearchResults .Loading,
.PersonFinder .Chooser .SearchResults .NoData {
    margin: 30px 0 0 0;
    text-align: center;
    color: #c9c9c9;
    font-size: 11pt;
}

.PersonFinder .Chooser .SearchResults .Grid td {
    cursor: pointer;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow-y: hidden;
    overflow-x: none;
    white-space: nowrap;
}

.PersonFinder .Chooser .SearchResults .Grid .SpacerCell {
    width: 5px;
}

.PersonFinder .Chooser .SearchResults .Grid .CertCell {
    width: 70px;
}

.PersonFinder .Chooser .SearchResults .Grid .NameCell {
}

.PersonFinder .Chooser .SearchResults .Grid .JobTitleCell {
    width: 150px;
}

.PersonFinder .Chooser .SearchResults .Grid .AccountCell {
    width: 150px;
}

.PersonFinder .Chooser .AddPerson {
    margin-top: 10px;
}

.PersonFinder .Chooser .AddPerson input {
    margin: 0 5px 0 0;
    width: initial;
    padding: 0;
}

.PersonFinder .Chooser .AddPerson .Button {
    margin-left: 10px;
}

.PersonFinder .Chooser .AddPerson .Button.Disabled {
    border: Solid 1px #b6b7b8;
    background-color: #c9c9c9;
    color: #8c8c8c;
    pointer-events: none;
    cursor: default;
}

.PersonFinder .Chooser .AddPerson .Button.Disabled:hover {
    border: Solid 1px #b6b7b8;
    background-color: #c9c9c9;
}

.PersonFinder .PersonAdder h1 {
    margin-bottom: 10px;
    font-size: 13pt;
}

.PersonFinder .PersonAdder td {
    padding: 3px 10px 3px 0;
}

.PersonFinder .PersonAdder input {
    margin: 0;
    width: 140px;
    padding: 5px 7px;
}

.PersonFinder .PersonAdder .Error {
    visibility: hidden;
    height: 16px;
    width: 16px;
    background: url(/static/assets/images/error.svg?v=a026cc46276ac06941dc7bd84987789b3bf483cf) no-repeat center center;
    background-size: 14px;
}

.PersonFinder .Footer .Save {
    font-weight: bold;
}

@-webkit-keyframes rotating {
    from {
        -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    to {
        -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }
    to {
        -moz-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
        transform: translateX(-50%) translateY(-50%) rotate(360deg);
    }
}