@font-face {
    font-family: 'IRANSansDNF';
    src: url(../fonts/iransans/IRANSansDNFaNum.ttf);
    src: url(../fonts/iransans/IRANSansDNFaNum.woff2);
}

* {
    font-family: 'IRANSansDNF', Helvetica, Arial, sans-serif !important;
}

html, body {
    font-family: 'IRANSansDNF', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}




/******* custom css *******/
.full-height {
    min-height: 100vh
}

.nowrap {
    white-space: nowrap !important;
}

.shadow-top {
    box-shadow: 0 -0.5rem 1rem rgba(0,0,0,.15) !important
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.fs-08 {
    font-size: 0.8em
}

.fs-09 {
    font-size: 0.9em
}

.fs-07 {
    font-size: 0.7em
}

.fs-06 {
    font-size: 0.6em
}

.fs-1 {
    font-size: 1em
}

.blue-background-class {
    background-color: #C8EBFB;
}

.multiDrag-selected {
    background-color: #bbfbc891;
    border: solid green 1px !important;
    z-index: 1 !important;
}

.dropdown-shadow {
    box-shadow: 0px 2.77px 2.21px 0px rgba(0, 0, 0, 0.0197), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.0283), 0px 12.52px 10.02px 0px rgba(0, 0, 0, 0.035), 0px 22.34px 17.87px 0px rgba(0, 0, 0, 0.0417), 0px 41.78px 33.42px 0px rgba(0, 0, 0, 0.0503), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(236, 237, 238, 1);
    border-radius: 12px;
}

.rounded-08 {
    border-radius: 8px !important;
}

.bg-blur-10 {
    backdrop-filter: blur(10px);
}

/* override disconnected modal */
#components-reconnect-modal {
    background-color: transparent !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.components-reconnect-hide {
    display: none;
}

.reconnect-icon {
    opacity: 0;
    transform: scale(0.9);
    animation: toggleVisibility 2s infinite;
}

@keyframes toggleVisibility {
    0%, 100% {
        opacity: 0;
        transform: scale(0.9);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}
/* override disconnected modal */

.cke_notifications_area {
    display: none !important;
}


/* override mud css */
.mud-popover.mud-popover-open {
    box-shadow: 0px 2.77px 2.21px 0px rgba(0, 0, 0, 0.0197);
    box-shadow: 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.0283);
    box-shadow: 0px 12.52px 10.02px 0px rgba(0, 0, 0, 0.035);
    box-shadow: 0px 22.34px 17.87px 0px rgba(0, 0, 0, 0.0417);
    box-shadow: 0px 41.78px 33.42px 0px rgba(0, 0, 0, 0.0503);
    box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid var(--Neutral-blue-50, rgba(236, 237, 238, 1));
    border-radius: 12px;
}

.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-width: 1px !important;
}

.mud-nav-item > .mud-nav-link {
    text-decoration: none !important;
}

.mud-popover.mud-popover-open {
    scrollbar-width: none !important;
}

/* override bootstrap css */
.border {
    border: 1px solid var(--Neutral-blue-50, rgba(236, 237, 238, 1)) !important;
}

.border-top {
    border-top: 1px solid var(--Neutral-blue-50, rgba(236, 237, 238, 1)) !important;
}

.border-bottom {
    border-bottom: 1px solid var(--Neutral-blue-50, rgba(236, 237, 238, 1)) !important;
}

.border-end {
    border-left: 1px solid var(--Neutral-blue-50, rgba(236, 237, 238, 1)) !important;
}

.border-start {
    border-right: 1px solid var(--Neutral-blue-50, rgba(236, 237, 238, 1)) !important;
}

/*a {
    text-decoration: none !important;
}*/