// Custom Theming for Angular Material
// For more information: https://material.angular.io/guide/theming
@use '@angular/material' as mat;
// Plus imports for other components in your app.

// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
// Be sure that you only ever include this mixin once!
@include mat.elevation-classes();
@include mat.app-background();

// Define the theme object.
$barcode-app-theme: mat.define-theme(
  (
    color: (
      theme-type: light,
      primary: mat.$azure-palette,
      tertiary: mat.$blue-palette,
    ),
    density: (
      scale: 0,
    ),
  )
);

// Include theme styles for core and each component used in your app.
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
:root {
  @include mat.all-component-themes($barcode-app-theme);
}

// Comment out the line below if you want to use the pre-defined typography utility classes.
// For more information: https://material.angular.io/guide/typography#using-typography-styles-in-your-application.
// @include mat.typography-hierarchy($barcode-app-theme);

// Comment out the line below if you want to use the deprecated `color` inputs.
// @include mat.color-variants-backwards-compatibility($barcode-app-theme);
/*
Template Name: Admin Template
Author: Niravjoshi / Wrappixel
File: scss
*/

//(Required file)
@import 'variable';

//Theme colors
@import 'core/theme-colors/dark-theme';

// Import Bootstrap source files (Required file)
@import '../../../node_modules/bootstrap/scss/bootstrap';

//This is for the components (Required file)
@import 'components';

// plugins
@import 'plugins/plugins';

//This is for the pages (if you are not using some pages you can remove that style from pages folder)
@import 'pages/pages';

//This is for the widgets (Required file)
@import 'widgets/widgets';

//This is for the horizontal version if you are not using horizontal version you can remove this
@import 'layouts/horizontal/horizontal';

//This is for the responsive (Required file)
@import 'responsive';

//In This scss you can write your scss
@import 'custom';

//This is for the icons (Required file)

@import '../../../node_modules/ngx-toastr/toastr-bs5-alert';
//@import 'toastr-bootstrap-5';
@import '../../../node_modules/@ng-select/ng-select/themes/default.theme.css';

.p-dialog {
  overflow: hidden;
  border: none !important;

  .p-dialog-header {
    background-color: #89b03e;
    padding: 0.8rem 1rem;
    color: #ffffff;
  }

  .p-dialog-header-actions {
    p-button {
      background-color: white;
      border-radius: 4px;
    }

    .p-dialog-close-button {
      // color: #ffffff;
      width: 30px;
      height: 30px;
      background: #ffffff;
      display: flex;
    }
  }
}