/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../oem/fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-style: normal;
  font-weight: 400;
  src: url('../oem/fonts/lato-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  font-family: 'Lato';
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
}

* {
    font-weight: 500 !important;
}

body {
  font-weight: 500 !important;
  font-family: 'Lato' !important;
}

.main-container .navbar *, /* main toolbar */ 
stgweb-context-menu *, /* menu items */
stgweb-tabbed-navbar *, p-tablist *,  /* tab names */
p-table thead *,  /* primeng table column headers */
.p-dialog-header *,  /* dialog headers */ 
p-accordion-header *:not(.pi.pi-caret-down, .pi.pi-caret-right),  /* accordion tab headers */
mat-radio-button *,  /* accordion tab headers */ /* review */
stgweb-view-container .view-header-name, /* headers of view-container */
stgweb-breadcrumb *, /* breadcrumb elements */
stgweb-namedinput .simple-text-title, /* names of fields */
stgweb-picon-ptext-btn *, stgweb-bicon-ptext-btn *, stgweb-bicon-btext-btn *, stgweb-btext-btn *, stgweb-mtext-btn *, span.cancel-btn, /* buttons */
stgweb-checkbox-tree-container *, stgweb-checkbox-tree-node *, stgweb-checkbox-input-tree *, /* checkbox labels */
.filter-title-container, /* activity filter container */
.top-view-header-container, /* licenses info container */
table thead *, /* list view of pages header */
service-down-block *, /* services down page */
stgweb-card .card-header *, /* card content */
.login-title-container *, /* login header */
p-header * /* primeng headers */ {
  font-family: 'Montserrat' !important;
}

/* buttons radius */
stgweb-picon-ptext-btn, stgweb-bicon-ptext-btn svg, stgweb-bicon-btext-btn, stgweb-btext-btn, stgweb-mtext-btn, span.cancel-btn,
stgweb-bicon-btn:not(.login-container-item) svg {
  border-radius: 24px !important;
}

/* p-dialog - header style and colors*/
p-dialog {
  .p-dialog-header {
    border-radius: 12px 12px 0px 0px !important;

      background-color: var(--primary) !important;
      .dialog-header-container {
         color: white !important;
      }
     

      stgweb-micon-btn {
        svg path {
          fill: var(--brimary) !important;
        }
      }
    
  }

  .p-dialog-footer {
     border-radius: 0px 0px 12px 12px !important;
  }
}

p-dynamicdialog {
  .p-dialog-content {
    border-radius: 12px !important;
  }

  .unsaved-changes-dialog {

    .confirm-title-container {
       background-color: var(--primary) !important;

         color: white !important;
      
    }

    stgweb-micon-btn {
        svg path {
          fill: var(--brimary) !important;
        }
      }
}
}

p-dynamicdialog .p-dialog .p-dialog-content p-header .confirm-title-container {
  border: none !important;
}

.nav-app-footer {
  font-size: 0;
}
.nav-app-footer:before {
  content: '©2026 Blue Prism Limited' !important;
  font-size: 14px;
}


html {
    /*background-color: red;*/
}

:root {
  --p-accordion-header-background: #F5F8FC;
  --p-accordion-header-active-background: #F5F8FC;
}

:root {

    /* background color for primary elements */
  --brimary: white;

  /**
 * --bgbase Use as a background on login screen.
 */
  --bgbase: #f8f8f8;

  /**
 * --primary - accent color. Usually use for actions requiring primary attention.
 * uncommon use: some splitter elements background;
 *               text color for success message in toast;
 *               card content border;
 *               spinner animation
 */
  --primary:  #1D6DE0;

  /**
 * --bgprimary Usually use like card/container/list item border.
 */
  --bgprimary: #e6f5f3;

  /**
 * --primary-light Use to highlight elements.
 */
  --primary-light: #e6f5f3;

  /**
 * --main - primary color. Use for header, and actions not requiring primary attention.
 */
  --main: #206FE2;

  /**
 * --main-light - Use for secondary text.
 */
  --main-light: #666666;

  /**
 * --bgmain - Use for second level header, accordion header.
 * uncommon use: background color for paginator
 */
  --bgmain: #f6f6f6;

  /**
 * --bgmain-dark - Usually use like container/input element border.
 * uncommon use: Background color for header row in table-container
 */
  --bgmain-dark: #f2f2f2;

  /**
 * --bgmain-ultra-dark - Usually use like checkbox/radio button border.
 */
  --bgmain-ultra-dark: #e4e4e4;

  /**
 * --attention - Used for warning that may require attention.
 */
  --attention: #f2994a;

  /**
 * --warn - Used for validation.
 * uncommon use: fill for some cancel/pause icon
 */
  --warn: #eb5757;

  /**
 * --warn-light - Usually use like validation element background.
 */
  --warn-light: #ffe5e5;

  /**
 * --info - used to indicate a neutral informative change or action.
 * e.g. info toast/icon
 */
  --info: #0288d1;
  --info-light: #e0f4ff;

  /**
 * --black - Use for primary text.
 * uncommon use: native css collapse-icon for cell in table-container
 */
  --black: #000;

  /**
 * --disabled-btn - Text/background color for disabled button state.
 */
  --disabled-btn: #c4c4c4;

  /**
 * --hover - Use to highlight menu-item-container, activity-item-container, filter-columns-data-container,
 * filter-columns-data-container, filter-chbx-container, filter-dropdown-option and high level rows for table container
 */
  --hover: rgba(64, 147, 223, 0.1);

  /**
 * --btn-hover - Use to highlight some icons.
 * e.g. cancel-btn, nav-action-icon
 */
  --btn-hover: #F1F5FC;

  /**
 * --nav-hover - Hover/active state for nav-item.
 */
  --nav-hover:  #377ee2;

  /**
 * --scroll - Background color for scrollbar
 */
  --scroll: #808080;

  /**
 * --card-border-color - Border color for card container and header
 */
  --card-border-color: #e6f5f3;

  /**
* --card-header-color - Background color for card header
*/
  --card-header-color: #CDD6E3;

  /**
 * --card-selected-color - Background color selected for card header
 */
  --card-selected-color: #1D6DE0;

  /**
 * --card-selected-border-color - Border color for selected card header
 */
  --card-selected-border-color: #1D6DE0;

  /**
* --card-selected-header-text - Text color for selected card header
*/
  --card-selected-header-text: white;

  /**
* --card-selected-header-icon - Icon color for selected card header
*/
  --card-selected-header-icon: white;

  /**
* --table-header - Background color for table headers
*/
  --table-header: #F5F8FC;

  /**
* --table-header-hover - Background color for table hovered table headers
*/
  --table-header-hover: #eceff0;

  /**
* --table-border - Color for table borders
*/
  --table-border: #dcdfe4;

  /**
* --table-row-hover - Background color for hovered table rows
*/
  --table-row-hover: #F1F5FC;

  /**
* --table-row-selected - Background color for selected table rows
*/
  --table-row-selected: #E5EFFF;

  /**
* --table-row-selected-font-bold - Font weight for selected table rows
*/
  --table-row-selected-font-bold: normal;

  /**
* --table-row-selected-icon - Icon color for selected table rows
*/
  --table-row-selected-icon: #1D6DE0;

  /**
* --hover-color - General color for hovered items: menu, list etc.
*/
  --hover-color: rgba(64, 147, 223, 0.1);

  /**
* --list-selected-color - Background color for selected items list
*/
  --list-selected-color: #E5EFFF;

  /**
    * --list-selected-color - Font weight for selected items list
    */
  --list-selected-font-bold: normal;

  /**
  * --nav-selected-color - Background color for selected navigation item
  */
  --nav-selected-color: #E5EFFF;

  /**
    * --list-selected-color - Font weight for selected navigation item
    */
  --nav-selected-font-bold: normal;

  /**
    * --list-selected-color - Border color for breadcrumb container
    */
  --breadcrumb-border-color: transparent;

  /**
  * --menu-hover-color - Background color for hovered menu item
  */
  --menu-hover-color: #F1F5FC;

  /**
  * --menu-selected-color - Font weight for selected menu item
  */
  --menu-selected-font-bold: normal;

  /**
  * --menu-selected-color - Font weight for selected menu item
  */
  --menu-seletced-color: rgba(64, 147, 223, 0.1);

  /**
  * --input-checkbox-color - Color for unchecked checkbox
  */
  --input-checkbox-color: #e4e4e4;

  /**
  * --process-diagram-overlay-text-color - Color for process diagram overlay text
  */
  --process-diagram-overlay-text-color: #c4c4c4;

  /**
  * --disabled-component-background - Background color for disabled components
  */
  --disabled-component-background: #f2f2f2;

  /**
  * --font-family - Background color for disabled components
  */
  --font-family: 'Lato';
  /**
* --bg-tab-header - Background color for tab and accordion headers
*/
  --bg-tab-header: #F5F8FC;

  /**
* --bg-selected-filter-input - Background color for preselected filer itputs
*/
  --bg-selected-filter-input: #e6f1f0;
  /**
* --bg-hovered-selected-filter-input - Background color for preselected filer itputs on hover
*/
  --bg-hovered-selected-filter-input: #f1f1f1;
}


.login-form-container {
    border-radius: 13px !important; 
}

.login-title-container {
    border-radius: 12px 12px 0px 0px !important;
    
}   

.login-title-text {
     font-weight: 500 !important;
}

stgweb-btext-btn {
    border-radius: 12px;
    
    .stgweb-btn.class-btext {
        border-radius: inherit;
        font-weight: 500 !important;
    }
}

.class-pico-ptext, .class-bico-btext, .class-btext, .class-bico-ptext, .class-bico, .cancel-btn {
    text-transform: none !important;
    border-radius: 12px;
}


/* about dialog */
stgweb-about-dialog {
  .about-dialog-container::before {
    content: '©2026 Blue Prism Limited. “Blue Prism”, the logo and Prism device are either trademarks or registered trademarks of Blue Prism Limited and its affiliates. All Rights Reserved.';
  }
}
.about-container-image[style="background-image: url(\"./assets/oem/splash.jpg\");"] {
  background-image: url("./about_splash.jpg") !important;
}