html, body , text {font-family: IRANYekan, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
a, .btn-link {color: #006bb7;}
td {vertical-align: middle;}
@font-face {font-display: swap;font-family: IRANYekan;font-style: normal;font-weight: 100;src: url(/iranyekanwebthin.612285dc.612285dc.eot);src: url(/iranyekanwebthin.612285dc.612285dc.eot) format("embedded-opentype"),url(/iranyekanwebthin.4672fc69.4672fc69.woff) format("woff"),url(/iranyekanwebthin.0d88b7bd.0d88b7bd.ttf) format("truetype")}
@font-face {font-display: swap;font-family: IRANYekan;font-style: normal;font-weight: 300;src: url(/iranyekanweblight.06244580.06244580.eot);src: url(/iranyekanweblight.06244580.06244580.eot) format("embedded-opentype"),url(/iranyekanweblight.d1656367.d1656367.woff) format("woff"),url(/iranyekanweblight.4186c148.4186c148.ttf) format("truetype")}
.tiny_list_img {border: 1px solid #ddd;border-radius: 10px;}
img.logo_in_login {width: 67%;background: #ff0000;border-radius: 15px;margin-bottom: 40px;box-shadow: 0px 0px 20px #00000073;margin-top: 20px;}
.two_items_inline_cnt {display: flex;width: 100%;gap: 20px;margin-top: 30px;}
.table_wrapper {max-width: calc(100vw - 300px);max-height: calc(100vh - 220px);overflow: auto;white-space: nowrap;}
.limit_width_600 {max-width: 600px;margin-left: auto;margin-right: auto;}
.limit_width {max-width: calc(min(1000px, 100vw - 283px));margin-left: auto;margin-right: auto;}
@media (max-width: 640px) {
.table_wrapper {max-width: calc(100vw - 50px); }
.limit_width {max-width: calc(min(1000px, 100vw - 33px));margin-left: auto;margin-right: auto;}
}
.pie_chart_cnt {flex: 1;text-align: center;}
.report_duo_box {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 30px;justify-content: space-around;}
.sched_item {box-shadow: 0px 0px 10px #00000040 inset;border-radius: 100px;text-align: center;padding: 3px;font-size: 10px;font-weight: bold;}
.schedule_table th {text-align: center;}
.two_items_inline {flex: 1;gap: 10px;}
.login_box {max-width: 400px;min-height: 400px;border: 1px solid #00000026;padding: 32px;border-radius: 10px; margin-left: auto;margin-right: auto;margin-top: 25vh;margin-bottom: auto;transform: translateY(-25%);background: radial-gradient(circle at top right, #00000012, transparent);text-align: center;}
.criteria_cnt {background: radial-gradient(circle at top right, #00000012, transparent);padding: 30px;border-radius: 10px;margin-top: 20px;margin-bottom: 20px;}
input {outline: none !important;box-shadow: none !important;}
.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;}
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {color: var(--bs-secondary-color);text-align: end;}
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {text-align: start;}
.ts-item {height: 40px;scroll-snap-align: center;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #555;}
.ts-item.selected {color: #000;font-weight: bold;}
.DIR {direction: rtl;text-align: right;}
.per_up {color: green;font-size: 12px;width: 50px;display: inline-block;cursor: pointer;}
.schedule_table td {min-width: 54px;padding: 1px;padding-top: 10px;padding-bottom: 10px;}
.per_down {color: red;font-size: 12px;width: 50px;display: inline-block;cursor: pointer;}
.per_up:hover {background: #eee;}
.per_down:hover {background: #eee;}
.target_input::-webkit-outer-spin-button,
.target_input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.target_input {-moz-appearance: textfield;appearance: textfield; border: none;border-bottom: 1px solid #000000;text-align: center;width: 50px;}
.target_text {margin-top: 40px;margin-bottom: 10px;}
@keyframes blinking_green {0% {background-color:lawngreen;}50% {background-color: transparent;}100% {background-color: lawngreen;}}
.modal-body {background: #efefef;}
@keyframes blinking_red {0% {background-color: #ff8989;}50% {background-color: transparent;}100% {background-color: #ff8989;}}
.week_ahead {display: inline-block;padding: 5px;padding-left: 15px;padding-right: 15px;border-radius: 10px;animation: blinking_green 2s infinite;}
.week_behind {display: inline-block;padding: 5px;padding-left: 15px;padding-right: 15px;border-radius: 10px;animation: blinking_red 2s infinite;}
.profile_field {text-align: right;border-bottom: 1px solid #ddd;padding: 20px;}
.profile_field_key {display: inline-block;font-weight: bold;padding-left: 20px;min-width: 100px;}
.profile_field_value {display: inline-block;}
.profile_image {width: 300px;background: #fbfbfb;border-radius: 25px;padding: 30px;border: 2px dashed #d5d5d5;border-style: dashed;max-width: 100%;}
#output {font-size: 24px;margin-bottom: 20px;font-weight: bold;}
.ts-container {display: flex;gap: 20px;justify-content: center;align-items: center;height: 180px;}
.ts-column {display: flex;flex-direction: column;align-items: center;}
.ts-label {margin-bottom: 5px;color: #666;font-size: 13px;}
.ts-wheel {width: 70px;height: 140px;overflow-y: auto;scroll-snap-type: y mandatory;border-radius: 8px;border: 1px solid #ccc;scrollbar-width: none;position: relative;background: radial-gradient(#00000000, #00000017);}
.ts-wheel::-webkit-scrollbar {display: none;}
.TimeStampPicker_CNT {display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;}
.pdp-container {position: relative;width: 200px;}
.pdp-input {width: 100%;padding: 8px;cursor: pointer;border-radius: 7px;border: 1px solid #ddd;}
.pdp-popup {position: absolute;top: 40px;background: #fffbdb;border: 1px solid #ccc;padding: 10px;z-index: 1000;}
select.pdp-select {border: 1px solid #ddd;border-radius: 7px;}
.pdp-header {display: flex;justify-content: space-between;margin-bottom: 8px;}
.pdp-grid {display: grid;grid-template-columns: repeat(7, 1fr);gap: 4px;text-align: center;}
.pdp-day {padding: 5px;cursor: pointer;border-radius: 4px;}
.pdp-day:hover {background: #eee;}
.pdp-day.selected {background: #007bff;color: white;}  
.pdp-select {padding: 4px;margin: 2px;}
.pdp-day-header {font-weight: bold;}