﻿@layer theme {
    :root, :host {
        --color-blue-500: #0065D1 !important;
    }    
}
@font-face {
    font-family: Frutiger Next;
    src: url('fonts/ZEISSFrutigerNextUI-Reg.woff2')format("woff2"),
        url('fonts/ZEISSFrutigerNextUI-Reg.woff')format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url('fonts/ZEISSFrutigerNextUI-Italic.woff2')format("woff2"),url('fonts/ZEISSFrutigerNextUI-Italic.woff')format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url('fonts/ZEISSFrutigerNextUI-Bold.woff2')format("woff2"),url('fonts/ZEISSFrutigerNextUI-Bold.woff')format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url('fonts/ZEISSFrutigerNextUI-BoldIt.woff2')format("woff2"),url('fonts/ZEISSFrutigerNextUI-BoldIt.woff')format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url('fonts/ZEISSFrutigerNextUI-Light.woff2')format("woff2"),url('fonts/ZEISSFrutigerNextUI-Light.woff')format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url('fonts/ZEISSFrutigerNextUI-Medium.woff2')format("woff2"),url('fonts/ZEISSFrutigerNextUI-Medium.woff')format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Frutiger Next;
    src: url('fonts/ZEISSFrutigerNextUI-Heavy.woff2')format("woff2"),url('fonts/ZEISSFrutigerNextUI-Heavy.woff')format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}
/*
@font-face {
    font-family: FrutigerFallback;
    src: url('fonts/FrutigerNextW05-Regular.woff')format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FrutigerFallback;
    src: url('fonts/FrutigerNextW05-BoldItalic.woff')format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: FrutigerFallback;
    src: url('fonts/FrutigerNextW05-Medium.woff')format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FrutigerFallback;
    src: url('fonts/FrutigerNextW05-Light.woff')format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FrutigerFallback;
    src: url('fonts/FrutigerNextW05-Heavy.woff')format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FrutigerFallback;
    src: url('fonts/FrutigerNextW05-Bold.woff')format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FrutigerFallback;
    src: url('fonts/FrutigerNextW05-Italic.woff')format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Arabic;
    src: url('fonts/noto_sans_arabic/NotoSansArabic-Light.woff2')format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Arabic;
    src: url('fonts/noto_sans_arabic/NotoSansArabic-Regular.woff2')format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Arabic;
    src: url('fonts/noto_sans_arabic/NotoSansArabic-Medium.woff2')format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Arabic;
    src: url('fonts/noto_sans_arabic/NotoSansArabic-SemiBold.woff2')format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Arabic;
    src: url('fonts/noto_sans_arabic/NotoSansArabic-Bold.woff2')format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Arabic;
    src: url('fonts/noto_sans_arabic/NotoSansArabic-ExtraBold.woff2')format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Arabic;
    src: url('fonts/noto_sans_arabic/NotoSansArabic-Black.woff2')format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Noto Sans Viet;
    src: url('fonts/noto_sans_viet/NotoSans-VariableFont_wdth,wght.ttf')format("truetype");
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Noto Sans Viet;
    src: url('fonts/noto_sans_viet/NotoSans-Italic-VariableFont_wdth,wght.ttf')format("truetype");
    font-weight: 100 900;
    font-style: italic
}
*/
.h1, .h2, .h3, .h4, .h5, .h6, body, h1, h2, h3, h4, h5, h6, html {
    font-family: "Frutiger Next", "Helvetica Neue", helvetica, verdana, arial, sans-serif;    
    font-style: normal;
}

:is(.kt-table thead) th {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: 24px;
   /* font-size: 16px;*/
    color: #32373E !important;
}
:is(.kt-table tbody) td {
    font-weight: 400;
    /*font-size: 16px;*/
    line-height: 16px;
    letter-spacing: 0.5%;
    font-style: normal;
    vertical-align: middle;
    color: #606A76 !important;
}
.ps-0{
    padding-inline-start:0px;
}
.border-destructive {
    border-color: var(--destructive);
}
.border-warning {
    border-color: var(--color-yellow-400);
}
.border-destructive {
    border-color: var(--destructive);
}
.border-success {
    border-color: var(--color-green-500);
}
.border-pause {
    border-color: var(--border);
}
.pl-0{padding-left:0px;}
.p-0 {
    padding: 0px;
}
.w-5p {
    width: 5%;
}
.w-10p{width:10%;}
.w-12p {
    width: 12%;
}
.w-20p {
    width: 20%;
}
.w-15p {
    width: 15%;
}
input.kt-checkbox {
    vertical-align: middle;
}
.text-mono {
    color: #606A76 !important;
}
.text-mono-dark {
    color: #32373E;
}