@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; height:100%;}
h1, h2, h3, h4, h5, h6 {font-family: Gasedak,Gasedak_Medium,Gasedak_Light,Gasedak_UltraLight !important;}
.H6 {
    font-size: 0.85rem !important;
}
:root {
    /*font-size: 14px;*/
    /*color:transparent*/
    --gasedak-gray: #e6e7e9 !important;
    --gasedak-white: #fff !important;
    --gasedak-red: #d71920 !important;
    --gasedak-header-background: #d71920 !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;
}
@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}
.gasedak-icon > .mud-list-item-icon {
    min-width: 32px !important;
}
.mud-xs-table .mud-table-cell {justify-content: start !important;}
.mud-sm-table .mud-table-cell {justify-content: start !important;}
.mud-expand-panel-text {font-size: 0.8rem !important}
.direction-ltr {direction: ltr !important;}
.rtl-wordnumber .mud-list-item-text p {direction: ltr !important;font-size:0.8rem!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;}
.gasedak-font-75 {font-size: 0.75rem !important;}
.gasedak-font-8 {font-size: 0.8rem !important;}
.gasedak-font-bold-82 {font-size: 0.82rem !important;font-weight:bold!important;}
.gasedak-element-ltr {direction:ltr;float:left;}
/* gasedak Slid Image */
.gasedak-slide { display: block; position: fixed; z-index: -2; width: 100%; height: 100%; top: 0; left: 0; }
.gasedak-slide-item { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.gasedak-slide-Img { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: var(--mud-palette-background-grey)}

.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-gif {
    opacity: 0.7 !important;
}
.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;}

@keyframes Gasedak_Scroll { 0% {transform: translateX(0);} 100% {transform: translateX(calc(-50px * 7));}}
.Gasedak_Slider {align-items: center;height: 120px;margin: auto;overflow: hidden;position: relative;width: 100%;}
.Gasedak_Slider::before, .Gasedak_Slider::after {align-items: center;content: "";height: 120px;position: absolute;width: 120px;z-index: 2;}
.Gasedak_Slider::after {right: 0;top: 0;transform: rotateZ(180deg);}
.Gasedak_Slider::before {right: 0;top: 0;}
.Gasedak_Slider .Gasedak_Slide-Track {animation: Gasedak_Scroll 40s linear infinite;display: flex;width: calc(120px * 14);}
.Gasedak_Slider .Gasedak_Slide {height: 110px;width: 110px;padding:3px!important;}

.Header-Border-Color {width: 100%;height: 5px;border-top: 5px solid;border-color: #efa34b;}

.gasedak-bg {
    min-height: 100%;
    background-image: url("../css/Image/bg01.svg") !important;
    background-position: center top!important;
    background-attachment: fixed!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}