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

@font-face {
  font-style: normal;
  font-weight: 400;
  src: url('./assets/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;
  font-family: 'Lato' !important;
}

body {
  font-weight: 500 !important;
}

br-navbar *, /* main toolbar */ 
.mat-mdc-menu-content *:not(mat-icon), /* menu items */
p-tablist *,  /* tab names */
p-table thead *,  /* primeng table column headers */
.p-dialog-header *, mat-toolbar *, .dialog-title, .mat-dialog-title,  /* dialog headers */ 
p-accordion-header *:not(.pi.pi-caret-down, .pi.pi-caret-right), mat-panel-title *,  /* accordion tab headers */
mat-radio-button *,  /* accordion tab headers */ /* review */
mat-label, label, .custom-label-container, .label-for-editable, .input-label, .input-label *, /* names of fields */
mat-chip-set *, button *, button.mdc-button *, .mat-mdc-dialog-container .mat-mdc-dialog-actions .mdc-button__label, /* buttons */
mat-option *, /* dropdown elements */
info-pane-validity *, .info-pane-general *, /* info pane */
br-document-tree-status-panel *, /* tree-status-panel */
stgweb-checkbox-tree-container *, stgweb-checkbox-tree-node *, stgweb-checkbox-input-tree *, /* checkbox labels */
.work-item-title *, /* wi list container title */
.top-view-header-container, /* licenses info container */
table thead *, /* list view of pages header */
service-down-block *, /* services down page */
mat-paginator *, /* paginator */
stgweb-login-page .login-page-title-text, stgweb-login-page .login-form-action-button /* login header */ {
  font-family: 'Montserrat' !important;
}

br-document-tree *, /* tree elements */
br-thumbnail * /* thumbnails */ {
  font-family: 'Lato' !important;
}

mat-icon {
  font-weight: 500 !important;
  font-family: Material Icons !important;
}

.pi {
  font-weight: 500 !important;
  font-family: primeicons !important;
}

button.mdc-button {
  mat-icon {
    font-weight: 500 !important;
    font-family: Material Icons !important;
  }

  .pi {
    font-weight: 500 !important;
    font-family: primeicons !important;
  }
}

/* buttons radius */
button:not(.mat-mdc-menu-item) {
  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;
  }
}

/* mat-dialog - header style and colors*/
mat-dialog-container {
  border-radius: 12px !important;

  .mat-mdc-dialog-surface.mdc-dialog__surface {
    border-radius: 12px !important;
  }

  .dialog-title,
  .mat-mdc-dialog-container.mat-mdc-dialog-title {
    border-radius: 12px 12px 0px 0px !important;

    background-color: var(--primary) !important;
    color: white !important;
    .mat-mdc-dialog-title,
    .mat-dialog-title {
      color: white !important;
    }

    mat-icon {
      fill: var(--primary-lighter) !important;
      color: var(--primary-lighter) !important;
    }
  }

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

  .mat-dialog-title {
    background-color: var(--primary) !important;
  }
}

mat-dialog-container .mat-mdc-dialog-title.mdc-dialog__title {
  background-color: var(--primary) !important;
  color: white !important;
}

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

skilja-image-viewer-single svg path {
  fill: var(--primary) !important;
}

/* line-height for tree mode */
.page-filtering-button button .mat-button-toggle-label-content {
  line-height: 26px !important;
}

/* about dialog */
.about-container-image[style='background-image: url("./assets/oem/splash.jpg");'] {
  background-image: url('./about_splash.jpg') !important;
}

/* removes left border for buttons in navbar */
.left-border-button {
  border-left-style: unset !important;
}

/* removes small border around dialogs*/
.cdk-overlay-pane > mat-dialog-container {
  border: none;
}

/*changed style of filter buttons to tabs on WL */
sk-filter-selector mat-chip-set {
  .workitem-chips {
    background-color: white !important;
    color: #525d6d !important;
  }

  .workitem-chips.bg-color-primary {
    border-bottom: 1px solid var(--primary) !important;
    color: #232e3c !important;
  }
}