/**
 * Branding style classes
 */

/* _pscts.scss - Begin */

/*It's used to keep info technically visible but practically hidden for screen reader '*/
/*.psc-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}*/

.psc-hidden {
    display: none;
}

.psc-scroll-container {
    overflow: auto;
}

/* Show processing icon while loading */
.psc-processing-wrapper {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 88888888;
}

.psc-processing {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -16px;
}

.psc-processing-dialog-wrapper {
    display: none;
}

.psc-dialog-alert-white-space{
    white-space: pre-line;
}

.psc-processing-dialog {
    min-width: 40vw;
    max-width: 80vw;
    min-height: 40vh;
    max-height: 60vh;
}

/* Body */
.pscts-theme-page {
    background-color: white;
    background-image: none;
    -webkit-overflow-scrolling: touch;
}

/* Header area container */
.pscts-theme-header-area {
    background-color: #3f3a36;
    min-height: 50px;
    padding-top: 4px;
    box-shadow: none;
}

.pscts-theme-header-body {
}

.pscts-theme-header-page-option-body {
}

/* Footer area container */
.pscts-theme-footer-area {
  background-color: #3f3a36;
  color: #ffffff;
}

.pscts-theme-footer-body {
}

@media print, screen and (max-width: 768px) {
  html:not([dir="rtl"]) .oj-web-applayout-header > div.pscts-theme-header-body,
  html:not([dir="rtl"]) .oj-web-applayout-footer > div.pscts-theme-footer-body {
    padding-left: 1em;
    padding-right: 5px;
  }

  html[dir="rtl"] .oj-web-applayout-header > div.pscts-theme-header-body,
  html[dir="rtl"] .oj-web-applayout-footer > div.pscts-theme-footer-body {
    padding-left: 5px;
    padding-right: 1em;
  }
}

/* Contaent area container */
.pscts-theme-content-area {
}

/* Navigation menu */
.pscts-theme-navigation-menu-area {
}

.pscts-theme-navigation-menu-body {
}

.pscts-theme-navigation-menu {
}

/* Navigation breadcrumb */
.pscts-theme-navigation-breadcrumb-area {
}

.pscts-theme-navigation-breadcrumb-body {
}

.pscts-theme-navigation-breadcrumb-bar {
}

.pscts-theme-navigation-breadcrumb-bar .oj-button {
    max-height: 20px;
}

.pscts-theme-navigation-breadcrumb-separator {
}

.pscts-theme-navigation-breadcrumb-separator:after {
    content: '>';
}

/* Main content area container */
.pscts-theme-main-content-area {
}

/* Main content area body */
.pscts-theme-main-content-body {
}

/* Main content area body for SFF */
.pscts-theme-main-content-body-sm {
}

/* Logo */
.pscts-theme-logo {
    width: 140px;
    padding-left: 8px;
    padding-right: 8px;
}
:root.psc-form-factor-sm .pscts-theme-logo {
    width: 32px;
}

/* Logo Image */
.pscts-theme-logo:before {
    content: url("images/oracle_logo.svg");
}
:root.psc-form-factor-sm .pscts-theme-logo:before {
    content: url("images/oracle_logo_sff.svg");
}

/* Guided Process Background */
.pscts-theme-guided-process-background {
    background-image: url("images/PSC_BACKGROUND_IMAGE.svg");
    background-color: transparent;
    background-repeat: no-repeat;
}

/* Homepage Cover */
.pscts-theme-homepage-cover {
    background-image: url("images/PSC_WELCOME_IMAGE.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    min-height: 260px;
}

/* Homepage Welcome Text Area */
.pscts-theme-homepage-welcome-text {
    background-color: #3f3a36;
    color: #fff;
}

/* Header items */
.pscts-theme-header-text {
    color: #fff;
}

.pscts-theme-header-text-app-label {
    display: none;
}

.pscts-theme-header-text-page-title {
}

.pscts-theme-header-text-app-label,
.pscts-theme-header-text-page-title {
    white-space: nowrap;
    max-width: 50vw;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

:root.psc-form-factor-sm .pscts-theme-header-text-app-label,
:root.psc-form-factor-sm .pscts-theme-header-text-page-title {
    max-width: calc(100vw - 200px);
}

:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover {
    align-self: flex-start;
}

:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover > span {
    color: #fff;
    background-color: #247dae;
    border: 1px solid #fff;
    border-radius: 2px;
    display: block;
    padding: 0.5em;
}

:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover,
:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover .oj-button.oj-focus-only .oj-button-text,
:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover .oj-button.oj-hover .oj-button-text,
:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover .oj-button.oj-active .oj-button-text {
    white-space: normal;
    overflow: visible;
}

:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover .oj-button.oj-focus-only,
:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover .oj-button.oj-hover,
:root.psc-form-factor-sm .pscts-theme-header-text-page-title:hover .oj-button.oj-active {
    height: auto;
}

.pscts-theme-header-link-list {
}

.pscts-theme-header-link {
}

.pscts-theme-header-link-skip-to-main {
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden;
    z-index: -1;
}

.pscts-theme-header-link-skip-to-main:focus,
.pscts-theme-header-link-skip-to-main:active {
    color: #fff;
    background-color: #000;
    display: block;
    overflow: auto;
    width: 100vw;
    height: auto;
    padding: 0.5em;
    text-align: center;
    z-index: 100;
}

.pscts-theme-header-link-badge,
.pscts-theme-header-widget-link-badge {
    color: #fff;
    background-color: #ca1820;
    font-weight: bold;
    font-size: 0.8em;
    border-radius: 50%;
    padding: 0 5px 2px;
}

.pscts-theme-header-link-badge {
    position: absolute;
    top: -3px;
    right: -3px;
}

.pscts-theme-header-widget-link-badge {
    display: inline-block;
    vertical-align: top;
    line-height: normal;
}


.pscts-theme-header-link svg.suiicon,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-default .oj-button-label,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-default .oj-button-icon {
    color: #fff;
}

.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-focus-only,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-hover {
    background-color: #3f3a36;
    border-color: #fff;
}

.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-focus-only .oj-button-label,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-focus-only .oj-button-icon,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-hover .oj-button-label,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-hover .oj-button-icon {
    color: #fff;
}

.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-active {
    background-color: #cff1ff;
    border-color: #cff1ff;
}

.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-focus-only .oj-button-button,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-hover .oj-button-button,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-active .oj-button-button {
    background-color: transparent;
    border-color: inherit;
}

.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-active .oj-button-label,
.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-active .oj-button-icon {
    color: #0e6fa5;
}

.pscts-theme-header-link.oj-button.oj-button-half-chrome.oj-active .oj-button-label {
    font-weight: bold;
}

.pscts-theme-header-link .oj-fwk-icon {
    font-size: 24px;
}

.pscts-theme-header-link.pscts-theme-header-text-page-title {
    font-size: inherit;
}

.pscts-theme-header-link-back {
}

.pscts-theme-header-link-menu {
}

.pscts-theme-header-link-menu .oj-web-applayout-offcanvas-icon {
    font-weight: bold;
}

.pscts-theme-header-link-home {
}

.pscts-theme-header-link-search {
}

.pscts-theme-header-link-user-profile {
}

.pscts-theme-header-link-page-finder {
}

.pscts-theme-header-link-analytics {
}

.pscts-theme-header-link-mapview {
}

.pscts-theme-header-link-sff-menu {
}

.pscts-theme-header-link-configure-page {
}

.pscts-theme-header-link-separator {
    border-color: #fff;
    display: none;
}

.pscts-theme-header-page-option-link-list {
}

.pscts-theme-header-page-option-link {
}

.pscts-theme-header-page-option-link svg.suiicon,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-default .oj-button-label,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-default .oj-button-icon {
    color: #fff;
}

.pscts-theme-header-page-option-link-jqui.oj-button.oj-button-half-chrome.oj-focus-only,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-hover {
    background-color: #247dae;
    border-color: #fff;
}

.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-focus-only .oj-button-label,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-focus-only .oj-button-icon,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-hover .oj-button-label,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-hover .oj-button-icon {
    color: #fff;
}

.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-active {
    background-color: #cff1ff;
    border-color: #cff1ff;
}

.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-focus-only .oj-button-button,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-hover .oj-button-button,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-active .oj-button-button {
    background-color: transparent;
    border-color: inherit;
}

.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-active .oj-button-label,
.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-active .oj-button-icon {
    color: #0e6fa5;
}

.pscts-theme-header-page-option-link.oj-button.oj-button-half-chrome.oj-active .oj-button-label {
    font-weight: bold;
}

.pscts-theme-avatar-icon {
    width: 24px;
    height: 24px;
}

.pscts-theme-avatar-icon:before {
    content: url("images/avatar_24px.png");
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .pscts-theme-avatar-icon:before {
        content: url("images/avatar_24px_2x.png");
        -webkit-transform: translate(-25%, -25%) scale(0.5);
        transform: translate(-25%, -25%) scale(0.5);
    }
}

.psc-header-mapview-icon {
    width: 24px;
    height: 24px;
}

.psc-header-mapview-icon:before {
    content: url("images/psc_mapview_header_24px.svg");
}

/* Footer items */
.pscts-theme-footer-text {
    color: #fff;
}

.pscts-theme-footer-link-list {
}

.pscts-theme-footer-link {
}

.pscts-theme-footer-link svg.suiicon,
.pscts-theme-footer-link.oj-button.oj-button-half-chrome.oj-default .oj-button-label,
.pscts-theme-footer-link.oj-button.oj-button-half-chrome.oj-default .oj-button-icon {
    color: #fff;
}

.pscts-theme-footer-link-separator {
    border-color: #fff;
    margin: 0 1.5em;
    height: 1em;
}

/* suiicons */
.pscts-theme-header-area svg.suiicon,
.pscts-theme-footer-area svg.suiicon {
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.psc-linkedin-icon:before {
    content: url("images/Linkedin.svg");
}

.psc-twitter-icon:before {
    content: url("images/twitter.svg");
}

.psc-facebook-icon:before {
    content: url("images/facebook.svg");
}

.psc-mobile-inspector-logo {
    content: url("images/oracleInspectorApp_logo.svg");
}

.psc-mobile-codeofficer-logo {
    content: url("images/oracleMunicipalCodeOfficerApp_logo.svg");
}

/**
 * Notify bar
 */
.pscts-theme-page .oj-notify-message {
    width: 100%;
    border: 1px solid #76a68a;
    background-color: #c8ead6;
    padding: 1em 2em;
    white-space: normal;
    position: fixed;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px 0px #f0f6eb;
    box-sizing: border-box;
    z-index: 888888;
}

.pscts-theme-page .oj-notify-close {
    background-color: #c8ead6;
    border: 1px solid #c8ead6;
    color: #000;
    text-align: center;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
}

.pscts-theme-page .oj-notify-close:after {
    margin: auto;
    content: '\2716';
}

.pscts-theme-page .oj-notify-close:hover {
    background-color: #fff;
    border: 1px solid #a5a5ad;
    text-decoration: none;
    border-radius: 50%;
}

/*
 * Positioning
 */

.psc-form-cols-max3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

/* _pscts.scss - End */

/* _psc.common.align.scss - Begin */

/* Position elements to top of parent based on screen size */
@media print, screen {
  .psc-layout-sm-position-top {
    position: absolute;
    top: 0;
  }
  html:not([dir="rtl"]) .psc-layout-sm-position-top.oj-start {
    left: 0;
  }
  html[dir="rtl"] .psc-layout-sm-position-top.oj-start {
    right: 0;
  }
  html:not([dir="rtl"]) .psc-layout-sm-position-top.oj-end {
    right: 0;
  }
  html[dir="rtl"] .psc-layout-sm-position-top.oj-end {
    left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .psc-layout-md-position-top {
    position: absolute;
    top: 0;
  }
  html:not([dir="rtl"]) .psc-layout-md-position-top.oj-start {
    left: 0;
  }
  html[dir="rtl"] .psc-layout-md-position-top.oj-start {
    right: 0;
  }
  html:not([dir="rtl"]) .psc-layout-md-position-top.oj-end {
    right: 0;
  }
  html[dir="rtl"] .psc-layout-md-position-top.oj-end {
    left: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .psc-layout-lg-position-top {
    position: absolute;
    top: 0;
  }
  html:not([dir="rtl"]) .psc-layout-lg-position-top.oj-start {
    left: 0;
  }
  html[dir="rtl"] .psc-layout-lg-position-top.oj-start {
    right: 0;
  }
  html:not([dir="rtl"]) .psc-layout-lg-position-top.oj-end {
    right: 0;
  }
  html[dir="rtl"] .psc-layout-lg-position-top.oj-end {
    left: 0;
  }
}

@media print, screen and (min-width: 1281px) {
  .psc-layout-xl-position-top {
    position: absolute;
    top: 0;
  }
  html:not([dir="rtl"]) .psc-layout-xl-position-top.oj-start {
    left: 0;
  }
  html[dir="rtl"] .psc-layout-xl-position-top.oj-start {
    right: 0;
  }
  html:not([dir="rtl"]) .psc-layout-xl-position-top.oj-end {
    right: 0;
  }
  html[dir="rtl"] .psc-layout-xl-position-top.oj-end {
    left: 0;
  }
}

/* Position elements to end of line based on screen size */
@media print, screen {
  html:not([dir="rtl"]) .psc-layout-sm-position-end {
    position: absolute;
    right: 0;
  }
  html[dir="rtl"] .psc-layout-sm-position-end {
    position: absolute;
    left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  html:not([dir="rtl"]) .psc-layout-md-position-end {
    position: absolute;
    right: 0;
  }
  html[dir="rtl"] .psc-layout-md-position-end {
    position: absolute;
    left: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  html:not([dir="rtl"]) .psc-layout-lg-position-end {
    position: absolute;
    right: 0;
  }
  html[dir="rtl"] .psc-layout-lg-position-end {
    position: absolute;
    left: 0;
  }
}

@media print, screen and (min-width: 1281px) {
  html:not([dir="rtl"]) .psc-layout-xl-position-end {
    position: absolute;
    right: 0;
  }
  html[dir="rtl"] .psc-layout-xl-position-end {
    position: absolute;
    left: 0;
  }
}

/* _psc.common.align.scss - End */

/* _pscts.scss - Begin */

/**
 * Transaction page styles
 */

/* Transaction page container */
.psc-transaction-page {
    width: 100%;
}

/* Page title */
.psc-transaction-page-title {
    font-size: 2rem;
}

/* Section title */
.psc-transaction-section-title {
    font-size: 1.75rem;
}

/* Buttons */
.psc-button {
    min-width: 4rem;
}

/* Dialogs */
div[id^='ojAlertDialog-'] .oj-dialog-header {
    display: block;
}

/* Last button in dialog footer */
.psc-dialog-footer button:not(:last-of-type) {
    margin-right: 10px;
}

/* Scrollable list */
.psc-list-scrollable {
    overflow-x: hidden;
}


/**
 * Page/Content Transtion
 */

.psc-transaction-page-slide {
    transition: transform 0.25s;
}

.psc-slide-page1-hide {
    -webkit-transform: translate3d(-110%, 0, 0);
    transform: translate3d(-110%, 0, 0);
}

.psc-slide-page2-hide {
    -webkit-transform: translate3d(110%, 0, 0);
    transform: translate3d(110%, 0, 0);
}

.psc-slide-page {
    width: 100%;
    transition: transform 0.25s;
}

.psc-slide-page2 {
    position: absolute;
    top: 0px;
    box-sizing: border-box;
    padding-top: 10px;
}

.psc-slide-content {
    border: 1px solid #d6dfe6;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}

.psc-slide-content-inner {
    padding: 0.5rem;
}


/**
 * Tables
 */

.psc-table-header {
    background-color: #f2f4f7;
}

.psc-table-data-primary {
    font-weight: bold;
    padding-bottom: 0.35em;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 78vw;
    overflow: hidden;
}

.psc-table-data-secondary {
    font-size: 0.9rem;
}

.psc-table-data-label {
    white-space: normal;
    display: inline-block;
}

.psc-table-data-description {
    max-width: 20vw;
    text-overflow: ellipsis;
}
/**
 * Model dialogs
 */

.psc-model-dialog {
    width: 45vw;
    height: 60vh;
}

.psc-model-dialog-collection-table {
    width: 90vw;
    height: 90vh;
}

.psc-model-dialog-autonumber {
    width: 60vw;
    height: 100vh;
}

.psc-model-dialog-view {
    width: 90vw;
    height: 90vh;
}


@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .psc-model-dialog {
    width: 45vw;
    height: 60vh;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) {
  .psc-model-dialog {
    width: 80vw;
    height: 70vh;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .psc-model-dialog {
    width: 80vw;
    height: 70vh;
  }
}
/* SFF Portrait */
@media screen and (min-width: 320px) and (max-width: 767px){
  .psc-model-dialog {
    width: 95vw;
    height: 95vh;
  }
}

/* _pscts.scss - End */

/* _psc.common.icon.scss - Begin */

/**
 * Icons
 */

.psc-icon-menu:before {
    content: url("images/menu_16.png");
}

.psc-icon-add:before {
    content: url("images/plus-icon.svg");
}

.psc-icon-multi-select:before {
    content: url("images/mutiple_16.png");
}

.psc-icon-delete:before {
    content: url("images/recyclebin_16.png");
}

.psc-icon-copy:before {
    content: url("images/func_arrowbox_16_ena.png");
}

@font-face {
    font-family: AppFont;
    src: url("fonts/App_iconfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* font icons */
.pscts-appfont-icon, .pscts-appfont-icon-24 {
    font-family: AppFont;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    font-weight: normal;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pscts-appfont-icon:before, .pscts-appfont-icon-24:before {
    display: inline-block;
}

.pscts-appfont-icon-24 {
    font-size: 24px;
}

.pscts-appfont-icon-16 {
    font-size: 16px;
}


.pscts-appfont-bookmark-16:before {
    content: "\e606";
}

.pscts-appfont-grid-16:before {
    content: "\e607";
}

.pscts-appfont-list-16:before {
    content: "\e608";
}

.pscts-appfont-gear-16:before {
    content: "\e609";
}

.pscts-appfont-share-16:before {
    content: "\e90a";
}

.pscts-appfont-filter-16:before {
    content: "\e907";
}

.pscts-appfont-home-24:before {
    content: "\e600";
}

.pscts-appfont-analytics-24:before {
    content: "\e903";
}

.pscts-appfont-education-24:before {
    content: "\e601";
}

.pscts-appfont-catalog-24:before {
    content: "\e602";
}

.pscts-appfont-palette-24:before {
    content: "\e603";
}

.pscts-appfont-library-24:before {
    content: "\e604";
}

.pscts-appfont-chat-24:before {
    content: "\e605";
}

.pscts-appfont-edit-24:before {
    content: "\e906";
}

.pscts-appfont-garbage-24:before {
    content: "\e904";
}

.pscts-appfont-fire-24:before {
    content: "\e908";
}

.pscts-appfont-person-24:before {
    content: "\e909";
}

.pscts-appfont-signout-24:before {
    content: "\e90b";
}

.pscts-appfont-info-24:before {
    content: "\e900";
}
.pscts-appfont-info-16:before {
    content: "\e900";
    font-size: 16px;
}
.pscts-appfont-copy-24:before {
    content: "\e901";
}

.pscts-appfont-people-24:before {
    content: "\e902";
}

.pscts-appfont-chart-24:before {
    content: "\e903";
}

.pscts-appfont-download-24:before {
    content: "\e905";
}

.pscts-appfont-location-24:before {
    content: "\e90d";
}

.pscts-appfont-jet-24:before {
    content: "\e90c";
}

.pscts-appfont-camera-24:before {
    content: "\e90e";
}

.pscts-signout-icon {
    transform: rotate(270deg);
    position: relative;
    top: 0.1em;
}

/**
 * SVG SUI Icons
 */

/* icon style when used in prompt */
.oj-listbox-results svg.suiicon {
    height: 48px;
    width: 48px;
    vertical-align: middle;
}

.oj-listbox-results svg.suiicon.psc-svg-control-icon-bk {
    height: 24px;
    width: 24px;
    margin: 1em;
}

/* PSC Page Control Icon Style classes */
svg.suiicon.psc-svg-control-icon-bk {

}

/* Shortcut and cluster */
.svg-shortcut,
.svg-cluster {
    fill: transparent;
}

/* Color icons with transparent background */
svg.suiicon.colored {
    background-color: transparent;
}

svg.suiicon.colored .svg-icon01 {
    fill: #fbce4a;
}

svg.suiicon.colored .svg-icon02 {
    fill: #f09543;
}

svg.suiicon.colored .svg-icon03 {
    fill: #42ad75;
}

svg.suiicon.colored .svg-icon04 {
    fill: #00b8df;
}

svg.suiicon.colored .svg-icon05 {
    fill: #4092d0;
}

svg.suiicon.colored .svg-icon06 {
    fill: #a984b8;
}

svg.suiicon.colored .svg-icon07 {
    fill: #e85d88;
}

svg.suiicon.colored .svg-icon08 {
    fill: #e95b54;
}

svg.suiicon.colored .svg-icon09 {
    fill: #f8bb48;
}

svg.suiicon.colored .svg-icon10 {
    fill: #9bc55d;
}

svg.suiicon.colored .svg-icon11 {
    fill: #81cee9;
}

svg.suiicon.colored .svg-icon12 {
    fill: #84bbe6;
}

svg.suiicon.colored .svg-icon13 {
    fill: #d992bc;
}

svg.suiicon.colored .svg-icon14 {
    fill: #ec96ad;
}

svg.suiicon.colored .svg-icon15 {
    fill: #ee9270;
}

svg.suiicon.colored .svg-icon16 {
    fill: #ffffff;
}

svg.suiicon.colored .svg-icon17 {
    fill: #919fab;
}

svg.suiicon.colored .svg-icon18 {
    fill: #afbac5;
}

/* Monochromatic icons with background color */
svg.suiicon.colored-bg {
    color: inherit;
}

svg.suiicon.colored-bg.svg-bkgd01 {
    background-color: #309fdb;
}

svg.suiicon.colored-bg.svg-bkgd02 {
    background-color: #f8bb48;
}

svg.suiicon.colored-bg.svg-bkgd03 {
    background-color: #e85c63;
}

svg.suiicon.colored-bg.svg-bkgd04 {
    background-color: #67b460;
}

svg.suiicon.colored-bg.svg-bkgd05 {
    background-color: #13b6cf;
}

svg.suiicon.colored-bg.svg-bkgd06 {
    background-color: #e85d88;
}

svg.suiicon.colored-bg.svg-bkgd07 {
    background-color: #aa529b;
}

svg.suiicon.colored-bg.svg-bkgd08 {
    background-color: #5277b8;
}

svg.suiicon.colored-bg.svg-bkgd09 {
    background-color: #2db3ac;
}

svg.suiicon.colored-bg.svg-bkgd10 {
    background-color: #ed813e;
}

svg.suiicon.colored-bg.svg-bkgd11 {
    background-color: #e95a38;
}

svg.suiicon.colored-bg.svg-bkgd12 {
    background-color: #c8d657;
}

/* psc_navi_icon color */
svg.suiicon.colored .psc-svg-icon01 {
    fill: #ffffff;
}

svg.suiicon.colored .psc-svg-icon02 {
    fill: #005577;
}

svg.suiicon.colored .psc-svg-icon03 {
    fill: #0074ae;
}

svg.suiicon.colored .psc-svg-icon04 {
    fill: #00aed6;
}

svg.suiicon.colored .psc-svg-icon05 {
    fill: #0072a5;
}

svg.suiicon.colored .psc-svg-icon06 {
    fill: #feb741;
}

svg.suiicon.colored .psc-svg-icon07 {
    fill: #ffe658;
}

svg.suiicon.colored .psc-svg-icon08 {
    fill: #2e85b2;
}

svg.suiicon.colored .psc-svg-icon09 {
    fill: #015ca9;
}

svg.suiicon.colored .psc-svg-icon10 {
    fill: #65d0df;
}

svg.suiicon.colored .psc-svg-icon11 {
    fill: #f98037;
}

svg.suiicon.colored .psc-svg-icon12 {
    fill: #ffe658;
}

svg.suiicon.colored .psc-svg-icon13 {
    fill: #018abd;
}

svg.suiicon.colored .psc-svg-icon14 {
    fill: #0572ce;
}

svg.suiicon.colored .psc-svg-icon15 {
    fill: #cf8103;
}

svg.suiicon.colored .psc-svg-icon16 {
    fill: #d3bfb2;
}

svg.suiicon.colored .psc-svg-icon17 {
    fill: #f5ecc3;
}

svg.suiicon.colored .psc-svg-icon18 {
    fill: #bcc1c4;
}

svg.suiicon.colored .psc-svg-icon19 {
    fill: #4caf50;
}

svg.suiicon.colored .psc-svg-icon20 {
    fill: #ff4c2d;
}

svg.suiicon.colored-bg.psc-svg-bkgd01 {
    background-color: #395485;
}

svg.suiicon.colored-bg.psc-svg-bkgd02 {
    background-color: #dce3e5;
}

fnd-springboard .suiicon .psc-svg-icon01,
fnd-springboard .suiicon .psc-svg-icon02,
fnd-springboard .suiicon .psc-svg-icon03,
fnd-springboard .suiicon .psc-svg-icon04,
fnd-springboard .suiicon .psc-svg-icon05,
fnd-springboard .suiicon .psc-svg-icon06,
fnd-springboard .suiicon .psc-svg-icon07,
fnd-springboard .suiicon .psc-svg-icon08,
fnd-springboard .suiicon .psc-svg-icon09,
fnd-springboard .suiicon .psc-svg-icon10,
fnd-springboard .suiicon .psc-svg-icon11,
fnd-springboard .suiicon .psc-svg-icon12,
fnd-springboard .suiicon .psc-svg-icon13,
fnd-springboard .suiicon .psc-svg-icon14,
fnd-springboard .suiicon .psc-svg-icon15,
fnd-springboard .suiicon .psc-svg-icon16,
fnd-springboard .suiicon .psc-svg-icon17,
fnd-springboard .suiicon .psc-svg-icon18,
fnd-springboard .suiicon .psc-svg-icon19,
fnd-springboard .suiicon .psc-svg-icon20,
fnd-navigator .ocaj-nav-listview .psc-svg-icon01,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon01,
fnd-navigator .ocaj-nav-listview .psc-svg-icon02,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon02,
fnd-navigator .ocaj-nav-listview .psc-svg-icon03,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon03,
fnd-navigator .ocaj-nav-listview .psc-svg-icon04,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon04,
fnd-navigator .ocaj-nav-listview .psc-svg-icon05,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon05,
fnd-navigator .ocaj-nav-listview .psc-svg-icon06,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon06,
fnd-navigator .ocaj-nav-listview .psc-svg-icon07,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon07,
fnd-navigator .ocaj-nav-listview .psc-svg-icon08,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon08,
fnd-navigator .ocaj-nav-listview .psc-svg-icon09,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon09,
fnd-navigator .ocaj-nav-listview .psc-svg-icon10,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon10,
fnd-navigator .ocaj-nav-listview .psc-svg-icon11,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon11,
fnd-navigator .ocaj-nav-listview .psc-svg-icon12,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon12,
fnd-navigator .ocaj-nav-listview .psc-svg-icon13,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon13,
fnd-navigator .ocaj-nav-listview .psc-svg-icon14,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon14,
fnd-navigator .ocaj-nav-listview .psc-svg-icon15,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon15,
fnd-navigator .ocaj-nav-listview .psc-svg-icon16,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon16,
fnd-navigator .ocaj-nav-listview .psc-svg-icon17,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon17,
fnd-navigator .ocaj-nav-listview .psc-svg-icon18,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon18,
fnd-navigator .ocaj-nav-listview .psc-svg-icon19,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon19,
fnd-navigator .ocaj-nav-listview .psc-svg-icon20,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-icon20 {
    fill: #ffffff;
}

#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd01,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd02,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd04,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd05,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd06,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd07,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd08,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd09,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd10,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd11,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd12,
fnd-springboard .suiicon.psc-svg-bkgd01,
fnd-navigator .ocaj-nav-listview .psc-svg-bkgd01,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-bkgd01,
fnd-springboard .suiicon.psc-svg-bkgd02,
fnd-navigator .ocaj-nav-listview .psc-svg-bkgd02,
fnd-navigator .ocaj-nav-thirdlevel .psc-svg-bkgd02 {
    background-color: #395485;
    -webkit-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;
    box-shadow: none;
}

#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd01:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd02:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd04:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd05:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd06:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd07:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd08:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd09:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd10:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd11:hover,
#pscnvSpringboardNavigationPage fnd-springboard .suiicon.svg-bkgd12:hover,
fnd-springboard .suiicon.psc-svg-bkgd01:hover,
fnd-springboard .suiicon.psc-svg-bkgd02:hover {
    box-shadow: 0px 0px 0px 10px rgba(37, 84, 133, 0.25) !important;
}

/* _psc.common.icon.scss - End */

/* _pscts.scss - Begin */

/* Alert Model Dialog Style - Begin */
@media screen and (max-width: 767px) {
    .psc-model-dialog-alert {
        min-width: 73.3vw;
        min-height: 22.5vh;
        max-width: 100vw;
        max-height: 100vh;
    }
}
@media screen and (min-width: 768px) {
    .psc-model-dialog-alert {
        min-width: 39vw;
        min-height: 29.3vh;
        max-width: 85.9vw;
        max-height: 87.9vh;
    }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .psc-model-dialog-alert {
        min-width: 41.2vw;
        min-height: 40vh;
        max-width: 100vw;
        max-height: 100vh;
    }
}
.ocaj-helper-form-value {
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0px !important;
}

.ocaj-text-4 { color: #666666;  }

.ocaj-helper-separator {
    border-left: solid 1px #d6dfe6;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    margin-right: 1rem;
}

.ocaj-padding-start-none {padding-left: 0px !important;}
/* Alert Model Dialog Style - End */
.psc-icon-workflow-error:before {
    content: url("images/Alert.svg");
}
.psc-task-detail-tile-statusicon{
    margin-left: 12px;
    margin-right: 6px;
    width: 16px;
    height: 12px;
}
.psc-icon-process-status-suspended {
    content: url("images/chro_psc_suspended_16px.svg");
}

.psc-icon-process-status-recoverable {
    content: url("images/chro_psc_faulted_16px.svg");
}

.psc-icon-about-to-expire:before {
    content: url("images/chro_psc_about_to_expire_16px.svg");
}

.psc-icon-expired:before {
    content: url("images/chro_psc_expired_16px.svg");
}

.psc-taskmgmt-duedate-header{
    padding-left: 2.8em !important;
}

@media screen and (min-width: 320px) and (max-width: 767px){
  .pscts-theme-header-link-badge-widget {
    position: relative;
    margin-right: 0.5em;
}
}
@media print, screen and (min-width: 768px) {
    .pscts-theme-header-link-badge-widget {
    position: relative;
}
}
@media screen and (min-width: 768px) and (orientation: landscape) {
  .pscts-theme-header-link-badge-widget {
    position: relative;
    margin-right: 0.5em;
}
}
@media print, screen and (min-width: 1024px) {
.pscts-theme-header-link-badge-widget {
    position: relative;
    margin-right: 0.5em;
}
}
@media print, screen and (min-width: 1281px) {
    .pscts-theme-header-link-badge-widget {
    position: relative;
    margin-right: 0.5em;
}
}

/* _pscts.scss - End */