﻿.sg-table {
    display: table;
    text-align: left;
}

.sg-full-width {
    width: 100%;
}

/* Formats a DIV to display like a row and aligns the label and input fields on the screen */
.sg-row {
    display: table-row;
}

.sg-editor-caption,
.sg-editor-val-sum {
    display: table-cell;
    padding: 10px;
}

.sg-editor-label, .sg-editor-field {
    display: table-cell;
    padding: 2px 10px 2px 10px;
}

.sg-editor-label {
    font-weight: bold;
}

.sg-editor-label label,
.sg-editor-field input[type=text],
.sg-editor-field input[type=password],
.sg-editor-field input[type=checkbox],
.sg-editor-field select,
.sg-editor-field span.sg-combobox-wrapper {
    vertical-align: middle;
}

.sg-editor-buttons {
    display: table-cell;
    text-align: right;
    padding: 10px;
}

.sg-caption {
    font-size: 70%;
    font-family: Tahoma, Helvetica, Arial, sans-serif
}

.sg-hide-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.sg-no-break {
    white-space: nowrap;
}

.hide-element {
    display: none !important;
}
/* PDS Syles overriden -- Start */
li.pds-user-menu {
    margin: 10px !important;
}

li > a.pds-user-menu {
    border: none !important;
}

    li > a.pds-user-menu:hover {
        background-color: #f1f1f1 !important;
        outline: none;
        text-decoration: none;
    }

    li > a.pds-user-menu:active:visited {
        text-decoration: none;
    }

.pds-app-header-bar header a {
    border: none;
}

ul.pds-user-menu {
    margin: unset !important;
}

a.pds-app-switcher {
    border: none !important;
}

.pds-app-header-bar header a:active:visited {
    outline: none !important;
    border: none !important;
}

.pds-user-menu-user.pds-user-menu {
    border: 1px solid #97AFC5 !important;
    line-height: 15px !important;
}

span.pds-user-menu {
    padding-left: 10px !important;
}

.notification-table {
    border-bottom: 1px solid black;
}

pds-notification-badge {
    top: -5px !important;
    right: -1px !important;
}

.pds-notification-badge-circle.pds-notification-badge {
    min-width: 18px !important;
}

.pds-notification-badge-content.pds-is-elevated.pds-notification-badge .pds-notification-badge-circle.pds-notification-badge {
    background-color: #e41700;
    font-size: 9px;
    font-family: OpenSans-Semibold;
}
/* PDS Syles overriden -- End */

/* Implementation of Help Icon */
.helpMenuContent {
    width: 18em;
    position: absolute;
    right: 0;
    top: 50px;
    left: auto;
    line-height: 25px;
    box-shadow: 2px 3px 5px #e0e0e0;
    white-space: normal !important;
    height: auto;
    padding: 0;
}

.helpMenuContent > h3 {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    height: 44px;
    display: block;
    padding:10px 15px 10px 15px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #E0E0E0;
    text-align: left;
}

.helpMenuContent > ul {
    padding: 10px 5px 10px 5px;
}

.helpMenuContent > ul > li > a {
    display: block;
    color: #333333;
    font-size: 14px;
    padding: 5px 10px 6px;
    font-weight: 400;
    line-height: 21px;
    align-items: flex-start;
}

.helpMenuContent a:hover {
    background-color: #f1f1f1;
}

/* End-Help Icon */
