@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Teko-Regular.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Teko-SemiBold.ttf") format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url("../fonts/Teko-SemiBold.ttf") format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Ewert';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Ewert-Regular.ttf") format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
    border: 0;
    padding: 0;
}

body {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    background: #f9f9f9;
    background-image: url("../img/wallpapper/bg.svg");
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    background-attachment: fixed;
}
.mud-dialog-container{
    background-color: rgba(0,0,0,0.2)
}
.title-lighter {
    font-size: 1.2rem;
    font-weight: lighter;
    text-transform: uppercase;
}
:root {
    --header-height: 70px;
    --aside-width: 300px;
    /*--mud-default-borderradius: .5rem !important;*/
    --mud-elevation-1: 0px 1px 3px 0px #0000000d !important;
    --mud-palette-surface: rgba(255,255,255,0.9) !important;
    --mud-palette-table-lines: #ebebeb !important;
    --mud-palette-lines-default: var(--mud-palette-table-lines) !important;
}

.fadeIn {
    animation: fadeIn 0.4s ease-in-out;
}
.fadeIn2 {
    animation: fadeIn2 0.4s ease-in-out;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes fadeIn2 {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
    }
}
.column-grid{
    display: grid;
    grid-auto-columns: 100%;
    gap: 1rem;
}
.text-right{
    text-align: right
}
.mud-paper{
    backdrop-filter: blur(5px) !important;
}
.mud-dialog{
    background: #fff !important;
}

.mud-button-text.mud-button-text-secondary {
    background-color: var(--mud-palette-secondary-hover);
}
.mud-button-text.mud-button-text-primary {
    background-color: var(--mud-palette-primary-hover);
}
.w-1{
    width: 1px;
}
.mud-simple-table table thead tr {
    background-color: var(--mud-palette-table-lines);
}
/*
.mud-table-root .mud-table-head {
    background-color: #e0e0e0ff;
}*/
.uim-tertiary {
    opacity: 0.5;
}

.uim-quaternary {
    opacity: 0.25;
}
.uim-secondary {
    opacity: 0.7;
}

.mud-dialog-title .mud-typography.mud-typography-h6{
    font-size: 1rem
}
.mud-simple-table.mud-table-sticky-header * table thead * th{
    font-weight: bold
}
.mud-simple-table table thead tr {
    background-color: var(--mud-palette-table-lines);
}
.mud-divider {
    background-color: var(--mud-palette-lines-default);
}