// @use '@angular/material' as mat;
@import '~@angular/cdk/overlay-prebuilt.css';

// @include mat.core();
// @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(112 112 112);
    background-color: #fff;
}




img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

// scss-lint:disable ImportantRule
html::before {
    content: "";
    // font-size: 0.7rem;
    // background-image: url("./assets/sistem/resimler/fabrika.webp");

    // background-image: unquote("url('/assets/resimler/fikoyt-arka-1.webp')");// scss-lint:disable ImportantRule
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    // width: 100%;

    filter: brightness(60%);
    z-index: -99999;
    pointer-events: none;
}


// Router Linklerdeki Outline Çizgisini İptal Etme
*[ng-reflect-router-link]:focus {
    outline: none;
    cursor: pointer;
}

*[ng-reflect-router-link] {
    outline: none;
    cursor: pointer;
}

html,
body {
    background-color: #f0f2f5 !important;
}

nz-card {
    border-radius: 1em !important;
}


// // Custom Theming for Angular Material
// // For more information: https://material.angular.io/guide/theming

// // 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!


// // Define the palettes for your theme using the Material Design palettes available in palette.scss
// // (imported above). For each palette, you can optionally specify a default, lighter, and darker
// // hue. Available color palettes: https://material.io/design/color/
// $FikoYT-Center-Web-primary: mat.define-palette(mat.$indigo-palette);
// $FikoYT-Center-Web-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);

// // The warn palette is optional (defaults to red).
// $FikoYT-Center-Web-warn: mat.define-palette(mat.$red-palette);

// // Create the theme object. A theme consists of configurations for individual
// // theming systems such as "color" or "typography".
// $FikoYT-Center-Web-theme: mat.define-light-theme((
//   color: (
//     primary: $FikoYT-Center-Web-primary,
//     accent: $FikoYT-Center-Web-accent,
//     warn: $FikoYT-Center-Web-warn,
//   )
// ));

// // 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.
// @include mat.all-component-themes($FikoYT-Center-Web-theme);


.logo {
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    margin: 16px;
    content: "</>";
}

.layout {
    min-height: 100vh;
}

nz-sider {
    overflow: auto;
    bottom: 0;
    position: fixed;
    left: 0;
    top: 64px;
}

.right-layout {
    margin-left: 200px;
}

nz-header {
    // background: #fff;
    padding: 0;
    position: fixed;
    width: 100%;
}


.trigger {
    font-size: 18px;
    line-height: 64px;
    padding: 0 24px;
    cursor: pointer;
    transition: color 0.3s;
    // color: whitesmoke;
}

.trigger:hover {
    color: #1890ff;
}

.logo {
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    margin: 16px;
}


nz-content {
    margin: 0 16px;
}

nz-breadcrumb {
    margin: 16px 0;
}

.inner-content {
    padding: 24px;
    // background: #fff;
    min-height: 360px;
}

nz-footer {
    text-align: center;
}

.ant-drawer-body {
    padding: 0;
    background-color: #001529;
    margin-top: 63px;
    padding-top: 1em;
}

.ant-drawer-wrapper-body,
.ant-drawer-content {
    background-color: transparent;
}

.ant-alert {
    padding: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}