@font-face {font-family: 'Gasedak';src: url('fonts/Gasedak.woff') format('woff');}
@font-face {font-family: 'Gasedak_Medium';src: url('fonts/Gasedak_Medium.woff') format('woff');}
@font-face {font-family: 'Gasedak_UltraLight';src: url('fonts/Gasedak_UltraLight.woff') format('woff');}
@font-face {font-family: 'Gasedak_Black';src: url('fonts/Gasedak_Black.woff') format('woff');}
@font-face {font-family: 'Gasedak_Bold';src: url('fonts/Gasedak_Bold.woff') format('woff');}
@font-face {font-family: 'Gasedak_Light';src: url('fonts/Gasedak_Light.woff') format('woff');}
html, body {font-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;}
h1, h2, h3, h4, h5, h6 {font-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;}
.H6 {font-size: 0.85rem !important;}
:root {
    background-color: #ffeae7 !important;
    --gasedak-white: #fff !important;
    --gasedak-red: #d71920 !important;
    --gasedak-header-background: #160f29 !important;
    --gasedak-header-color: #FF5722 !important;

    --mud-typography-default-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-h1-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-h2-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-h3-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-h4-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-h5-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-h6-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-subtitle1-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-subtitle2-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-body1-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-body2-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-button-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-caption-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-overline-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;
    --mud-typography-default-size: 0.81rem !important;
    --XayamLogoSolid1: #160f29;
    --XayamLogoSolid2: #eb5e55;
    --XayamLogoSolid3: #00eefe;
    --XayamLogoSolid4: #ffeae7;
    --XayamLogoOutLine1: #160f29;
    --XayamLogoOutLine2: #eb5e55;
    --XayamLogoOutLine3: #00eefe;
    --XayamLogoOutLine4: #ffeae7;
}
.gasedak-icon > .mud-list-item-icon {
    min-width: 32px !important;
}
.direction-ltr {direction: ltr !important;}
.direction-ltr label {direction: rtl !important;}
.direction-rtl {direction: rtl !important;}
.font-En {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important}
.gasedak-font {font-family: Gasedak !important;}
.gasedak-font-medium {font-family: Gasedak_Medium !important;}
.gasedak-font-light {font-family: Gasedak_Light !important;}
.gasedak-font-ultralight {font-family: Gasedak_UltraLight !important;}
.mud-xs-table .mud-table-cell {justify-content: start !important;}
.mud-sm-table .mud-table-cell {justify-content: start !important;}
.gasedak-element-ltr {direction:ltr;float:left;}
.gasedak-app-loading {
    position: fixed;
    inset: 0;
    z-index: 999;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    top: 50%;
    right: 50%;
    width: 100%;
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%)
}
.loading-progress {position: relative;display: block;width: 8rem;height: 8rem;margin: 20vh auto 1rem auto;}
.loading-progress circle {fill: none;stroke: #e0e0e0;stroke-width: 0.6rem;transform-origin: 50% 50%;transform: rotate(-90deg);}
.loading-progress circle:last-child {stroke: #1b6ec2;stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 100%;transition: stroke-dasharray 0.05s ease-in-out;}
.loading-progress-text {position: absolute;text-align: center;font-weight: bold;inset: calc(20vh + 3.25rem) 0 auto 0.2rem;}
.loading-progress-text:after {content: var(--blazor-load-percentage-text, "Loading");}

@keyframes SpinXayamLoading {to {transform: rotate(360deg);}}
.SpinXayamLoading {animation: rotation 3s linear infinite;transform-origin: center;}

.Stepper-wrapper {margin-top: auto;display: flex;justify-content: space-between;margin-bottom: 20px; font-size:.82rem;}
.Stepper-item {position: relative;display: flex;flex-direction: column;align-items: center;flex: 1;}
.Stepper-item::before {position: absolute;content: "";border-bottom: 2px solid #ccc;width: 100%;top: 20px;right: -50%;z-index: 2;}
.Stepper-item::after {position: absolute;content: "";border-bottom: 2px solid #ccc;width: 100%;top: 20px;right: 50%;z-index: 2;}
.Stepper-item .Step-counter {position: relative;z-index: 5;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;background: #ccc;margin-bottom: 6px;}
.Stepper-item.active {font-weight: bold;}
.Stepper-item.completed .Step-counter {background-color: #4bb543;}
.Stepper-item.completed::after {position: absolute;content: "";border-bottom: 2px solid #4bb543;width: 100%;top: 20px;right: 50%;z-index: 3;}
.Stepper-item:first-child::before {content: none;}
.Stepper-item:last-child::after {content: none;}
.Stepper-item .Step-name {font-size: .8rem;}

.json-document{padding:1em 2em}
ul.json-dict,ol.json-array{list-style-type:none;margin:0 0 0 1px;border-left:1px dotted #ccc;padding-left:2em}
.json-string{color:#0B7500}
.json-literal{color:#1A01CC;font-weight:700}
a.json-toggle{position:relative;color:inherit;text-decoration:none}
a.json-toggle:focus{outline:none}
a.json-toggle:before{font-size:1.1em;color:silver;content:"\25BC";position:absolute;display:inline-block;width:1em;text-align:center;line-height:1em;left:-1.2em}
a.json-toggle:hover:before{color:#aaa}
a.json-toggle.collapsed:before{transform:rotate(-90deg)}
a.json-placeholder{color:#aaa;padding:0 1em;text-decoration:none}
a.json-placeholder:hover{text-decoration:underline}