@import "init-styles.css";

/* Library Import */
@import "bootstrap/bootstrap.min.css";
@import "primeflex/primeflex.css";
@import "primeflex/primeone-light.css";
@import "driver.css";
@import "quick-grid-theme.css";

/* Custom Import */
@import "SadganIcons.css";
@import "FeatureStyles/main.css";
@import "FeatureStyles/calcHeight.css";
@import "FeatureStyles/dynamic-tab.css";
@import "/css/ui-component-style.css";

/* Main.css */
@import "FeatureStyles/main.css";

/* Customize Radzen Components */
@import "radzen/RadzenCustomStyle.css";

@font-face {
    font-family: 'Inter-Regular';
    src: url(/fonts/Inter-Regular.woff2) format('woff2'),
}

@font-face {
    font-family: 'Inter-Medium';
    src: url(/fonts/Inter-Medium.woff2) format('woff2'),
}

@font-face {
    font-family: 'Inter Medium';
    src: local('Inter Medium'), url('/fonts/Inter-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Inter-Bold';
    src: url(/fonts/Inter-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'Yekan-pro';
    src: url("/woff2/IRANYekanX-DemiBold.woff2") format('woff');
}

* {
    user-select: none;
}

html {
    color-scheme: light dark;
}

.validation-message {
    font-size: smaller !important;
}

.rz-dropdown-clear-icon:before {
    transform: scale(0.8);
}

a[role="button"]#install {
    padding: 8px 12px;
    position: fixed;
    right: -50px;
    display: flex;
    align-items: center;
    z-index: 9999;
    gap: 5px;
    top: 20%;
    transition: all 200ms ease-in-out;
    background-color: var(--blue-500);
    color: #fff;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

    a[role="button"]#install:hover {
        background-color: var(--blue-700);
        right: 0;
    }

:not(:lang(fa-IR)) {
    font-family: "Inter Medium", sans-serif;
}

:lang(fa-IR) {
    font-family: "Yekan-pro";
}

input[type=email] {
    direction: ltr;
}

small {
    padding: 0;
    margin: 0;
}

*[dot] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

body {
    margin: 0;
    font-weight: 400;
    background: #EFF2F5;
    height: 100vh;
    font-size: var(--font-size-md) !important;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA4dJREFUWEftl19Ik1EYxh8znLacKUbRCmSgIpqiF1N3oygqH2OCEIXQYoReiIPQBIlIw7AMG+Jckf9hF11ICEGgGA4nYRE6DNeNSorNhG9touvPdLPFK99kjc1NneiFBw4b4+x7f+/zPuc95wvDEY+wI46PYwdAQDRd3Dx0gTwVOAUgfHl5+blQKLwDYAuA47BBPAFOA4gym80N6+vrNzY3NxtSUlJeA9gA4DwsEG8AgU6nuxYZGfk0KSmJz7LsB5PJ1FBcXPwJwCanSkjL4gkQDuCcQqG42t7ePhwTE8NrbW2FUql0WCwWTUtLyzONRmPhyvI3VBSeAPQ9BsBlq9U6UVBQED09PY309HSoVCpnamqq2WazNScnJ2sB2ENVFu9teBaA0Gg0DqhUqvT+/v6dROVyOdra2hw2m+3jysrKY4lEMs75g8y67+ENEAXg4sTERKPBYChXKpUR3k+mstTW1rpYlu0cHBxUVVdXfztIWbwBKOD5vr6+8rS0tIdisZjvKzWRSISenh57Zmbm2urqqkokEr3cb1m8AciIcVKpNGNgYGCIz+fT1vQ7ysrK0NvbS9t0cnFxsS0rK2tor2XxBnAb8QrLsu8ZhhFMTU35BeDxeMjLy4NEIkFjYyMsFsuL+Pj4uxwEddOAw9dZsG3EmZmZVx0dHVldXV3/PSQxMRFSqRRFRUUbubm5p1wul2NpaWnGarW+m52dHa2qqpoE8BtAUFvVFwAZ8YJer38wNzd3s6KiYseINTU1aGpqcszPzy8uLCxM6XS6zxqN5guAdQDUI34AWOP8sG8FKGB8d3f3dbFY3JyRkXGGJMjOzsbY2NhWfX39I7VaTXWhQL+4bP8AoEmZu3tEQPlpgS8FyIix+fn5aSMjI6MRERF0SEGv19udTufbwsLCDgBmLmsKRi2azgqa1BOCkt5N5wvA04h6hmFiZTIZFAqFKSEhQQ5giZObMqagewroLYu/CwkZ8ZLRaNSq1erszs5Oasf36urq3gD4DuBnqA4mfwDbRhwfH68XCAS37Hb7cE5OzhMA1PVWOdmDqnGgRf4AyIhxWq1WxjDM/ZKSktsGg+ErAJYzW1AODxTcnwnpdzJitEwmE1ZWVuaWlpaOcpnbQiX9biZ0g/EARAKgdkxOdzs+mMSCXrPbrXj7jgiAPml70QyZ9IEUCDqDgy48du8FB01oz/8/UeBEgX8oXkMwK533iQAAAABJRU5ErkJggg==")4 4,auto;
    overflow: hidden;
}

a {
    text-decoration: none;
}

nav {
    margin: 0 !important;
}

input, textarea {
    color: var(--text-color) !important;
}

    input[type=date] {
        width: 100%;
        padding: 0.5rem;
        border-radius: var(--radius-sm);
        height: var(--h-input);
        outline: none;
        font-size: var(--font-size-sm);
        border: var(--border-width-base) solid #dee2e6;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        display: none;
    }

    input[type=date]:disabled {
        background-color: #E9ECEF !important;
    }

    input[type=date]:focus {
        width: 100%;
        padding: 0.5rem;
        height: var(--h-input);
        border: var(--border-width-base) solid var(--primary-color);
    }

    input[type=checkbox] {
        transform: scale(1.4);
    }

cursor-copy {
    cursor: copy !important;
}

.td-center {
    vertical-align: middle;
}

section[card] {
    position: relative;
    border-radius: var(--border-radius);
    height: 100%;
    background: #fff;
    padding: 1rem;
    border: var(--border-width-base) solid var(--surface-300);
}

button {
    border: none;
    background: transparent;
    display: flex;
    width: max-content;
    user-select: none;
    cursor: pointer;
}

ol, ul {
    padding: 0;
    margin: 0;
}

li {
    list-style-type: none;
}

table > thead {
    font-size: 0.875rem;
}

.sadgan-dropdown {
    background-color: #fff !important;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spinner {
    display: inline-block;
    animation: spin 1s linear infinite;
}

.view-dialog-edit-button {
    border: var(--border-width-base) solid #dedede;
    border-radius: var(--border-radius);
    width: 32px;
    height: 32px;
    padding: 6px;
    margin-left: 3px;
}

.index-col-header {
    padding-right: 1rem;
}

.hover-underline {
    font-size: 1rem;
    position: relative;
    display: inline-block;
}

    .hover-underline::after,
    .hover-underline::before {
        content: '' !important;
        position: absolute !important;
        width: 100% !important;
        height: 2px !important;
        background: linear-gradient(to right, var(--primary-color), var(--primary-color)) !important;
        bottom: -5px !important;
        left: 0 !important;
        transform: scaleX(0) !important;
        transform-origin: right !important;
        transition: transform 0.4s ease-out !important;
    }

    .hover-underline::before {
        top: -5px !important;
        transform-origin: left !important;
    }

    .hover-underline:hover::after,
    .hover-underline:hover::before {
        transform: scaleX(1) !important;
    }

.tippy-box[data-animation=scale][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0
}

.rz-dropdown-panel .rz-data-grid-data {
    max-height: 200px !important;
}

.data-grid-has-balance {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid var(--gray-400);
    background: transparent;
    position: relative;
    display: inline-block;
}

    input[type="radio"]:checked::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 18px;
        background: #fff;
        border: 5px solid var(--primary-color);
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

.rz-splitbutton > button:first-child {
    padding-inline: 1.4rem !important;
}