*:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}




.mud-primary-hover.customlist
{
    background-color: transparent !important;
}

.text-modernios .mud-input>textarea.mud-input-root
{
    font-weight:1000;
}

.text-modernios .mud-input>input.mud-input-root
{
    font-weight:1000;
}


.text-modernios .mud-input-outlined .mud-input-outlined-border {
    border: none !important;
}

.text-modernios .mud-input-outlined:hover .mud-input-outlined-border {
    border: none !important;
}

.text-modernios .mud-input-outlined.mud-focused .mud-input-outlined-border {
    border: none !important;
}


.customtabs1 .mud-tabs-tabbar
{
    background-color: transparent;
}

.button-action-top-right.emphasis
{
    background-color: #005773;
    color: white !important;
}


.button-action-top-right
{
    border-radius:50px;
    width:50px;
    /*border: 2px solid #F5F5F5;*/
    /*border: 2px solid #EEEEEE;*/
    height:50px;
    color: black !important;


    /*background: rgba(255,255,255,0.22);*/
    /*backdrop-filter: blur(16px);*/
    /*-webkit-backdrop-filter: blur(16px); */

    /*box-shadow:*/
    /*    0 10px 20px rgba(0, 0, 0, 0.15),*/
    /*    0 4px 8px rgba(0, 0, 0, 0.08),*/
    /*    inset 0 1px 1px rgba(255, 255, 255, 0.35);*/

    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow:
            0 8px 20px rgba(0,0,0,0.18),
            0 2px 6px rgba(0,0,0,0.10),
            inset 0 1px 2px rgba(255,255,255,0.35);

    /*background: rgba(255, 255, 255, 0.25);*/
    /*backdrop-filter: blur(12px);*/
    /*-webkit-backdrop-filter: blur(12px);*/
    /*!*border-radius: 14px;*!*/
    /*box-shadow:*/
    /*    0 4px 10px rgba(0, 0, 0, 0.12),*/
    /*    0 2px 4px rgba(0, 0, 0, 0.08),*/
    /*    inset 0 1px 1px rgba(255, 255, 255, 0.4);*/
}


@keyframes animationFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadein{
    animation: animationFadeIn 0.35s ease-out;
}

/* Fade in */
.transition-fade {
    animation-name: fade-in;
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

@keyframes fade-in {
     from { opacity: 0; }
     to { opacity: 1; }
 }
 

/* Slide from left */
.transition-slide-left {
    animation-name: slide-in-left;
}

@keyframes slide-in-left {
     from {
         opacity: 0;
         transform: translateX(-20px);
     }
     to {
         opacity: 1;
         transform: translateX(0);
     }
 }

/* Slide from right */
.transition-slide-right {
    animation-name: slide-in-right;
}


@keyframes slide-in-right {
     from {
         opacity: 0;
         transform: translateX(20px);
     }
     to {
         opacity: 1;
         transform: translateX(0);
     }
 }


.mud-dialog.atdpopup {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.12);
    min-height: 20% !important;
    overflow-y:hidden;
    border-radius: 20px;
    background-color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
}


.mud-dialog.atdpopup.messagebox {
   max-width: 90vw !important;
}

.atdpopup .mud-dialog-content {
    flex: 1;                /* take the free space in the paper */
    display: flex;
    flex-direction: column;
    min-height: 0;          /* critical so inner flex items can shrink */
}


/* Ensure the overlay itself is transparent; we'll animate a layer on top */
.dialog-overlay-light-backgroundcolor {
    background: transparent !important;
    position: fixed; /* overlay already is, but ensure the ::after positions correctly */
    inset: 0;
}

.dialog-overlay-light-backgroundcolor .mud-overlay-scrim.mud-overlay-dark {
    background-color: inherit !important;
    background: inherit !important;
}


/* Animated film */
.dialog-overlay-light-backgroundcolor::after {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent; /* target dim rgba(0, 0, 0, 0.10); */
    opacity: 0;
    animation: atd-overlay-fade-in 100ms ease-out forwards;
}

 

@keyframes atd-overlay-fade-in {
    to { opacity: 1; }
}


.hiddenitem
{
    display: none !important;
}

 

/*This is because mudblazor radiobutton had a weird circle selection*/
.mud-icon-button:focus-within, .mud-icon-button:active
{
    background-color: unset !important;
}

.transition-none {
    animation-name: none;
}

.fullheight
{
    height:100%;
}

 
.e-otpinput .e-otp-input-field
{
    height: 60px;
    font-weight: 1000;
    font-size: 24px;
    font-family: 'Inter';
}