:root {
    --mds-example: #ec6707;
}

    html, body {
		font-family: Catamaran, Verdana;

        /*background-image: url("../Scripts/ServicePortal/img/bg.png");*/
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
	}

input[type="checkbox"],
input[type="radio"],
input[type="range"] {
    accent-color: var(--primary);
}
div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:1;
}

dialog {
    border-radius: var(--round);
    border-color: var(--medium);
    box-shadow: var(--boxShadowMediumMedium);
    border: 0px solid var(--medium);
    min-width: min(55rem, 95vw);
    width: min(55rem, 100vw);
    min-height: 5rem;
    padding: 0;
    --headingColor: var(--secondary);
    --headingColorTxt: var(--secondaryText);
    --headingShadow: unset;
}
    dialog > *:first-child:is(h1, h2, h3, h4, h5, h6, .heading, .header) {
        background-color: var(--headingColor);
        color: var(--headingColorTxt);
        width: 100%;
        margin: 0;
        padding:var(--padding);
        font-size:1.2rem;
        box-shadow:var(--headingShadow);
        margin-bottom:var(--paddingY);
    }

    dialog::backdrop {
        background-color: var(--darkTransparent); /* variablen funktionieren nicht! */
        background-color:rgba(0,0,0,0.1);
        backdrop-filter: blur(2px);
    }

.dojoStandby img{
    display:none!important;
}

.dojoStandby {
}

    .dojoStandby > div:first-child {
        border-radius: var(--round) !important;
        outline: 3px solid var(--mediumTransparent);
        background-color: rgba(var(--rgbSL1), 0.7) !important;
        opacity: 1 !important;
        overflow: hidden;
        backdrop-filter:blur(2px);
    }

.darkTheme .dojoStandby > div:first-child {
    background-color: rgba(var(--rgbSD5), 0.7) !important;
}

    .dojoStandby:has(div.waitingText) > div:first-child {
        z-index: 99999 !important;
    }

    .dojoStandby .loadingBar {
        /*min-width:20px;
        max-width:200px;*/
        position: absolute;
        opacity: 1;
        top: 50%;
        left: 50%;
        width: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--mediumTransparent);
        max-width: 350px;
    }
    .darkTheme .dojoStandby .loadingBar {
       
        background-color: transparent;
        box-shadow:0px 0px 8px -2px var(--darkTransparent);
    }

        
    .dojoStandby .waitingText {
        text-align: center;
        /*text-transform: uppercase;*/
        font-weight: bold;
        top: calc(100% + 0.4em);
        width: 100%;
        /*transform: translateY(-50%);*/
        z-index: 1;
        position: absolute;
        user-select: none;
        display: inline-flex;
        justify-content: center; /* H */
        align-items: center; /* V */
        color: var(--bright);
    }

.mds-button-base {
    border: 0px;
    text-align: center;
    vertical-align: middle;
    padding: var(--paddingSmall);
    user-select: none;
    position:relative;
    /*background-color: var(--mediumBrightTransparent);*/ /* nicht färben. das macht mehr kaputt als es hilft. */
}

button.mds-button-base:after {
    content: '';
    pointer-events: none;
    display: block;
    position: absolute;
    z-index:100;
    border-radius: var(--rounder);
    inset: 0;
    opacity: 0;
    transition-property: box-shadow, opacity;
    transition-duration: var(--transitionDurationLong);
    transition-timing-function: ease-out;
    box-shadow: inset 0 0 8px var(--paddingX) var(--currentColor);
}

button.mds-button-base:active:after {
    box-shadow: inset 0 0 0 0 var(--currentColor);
    position: absolute;
    opacity: 0.6;
    transition: 0s;
}

    a.mds-button-base, .mds-button-base a {
        text-decoration: none;
        text-align: center;
        display: flex;
        flex-flow: row;
        align-items: center;
    }

    .strike, .textLineThrough{
        text-decoration:line-through;
    }

    span.nowrap{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }



.mds-button-base:disabled {
    pointer-events:none;
}


   

	

	.mds-card {
		padding-top: 0px !important;
		border-top: 0px solid var(--mds-gray);
		box-shadow: none !important;
	}

  

    .mds-border {
        border: 1px solid var(--mds-light-gray);
        margin-top: -1px;
    }
	
	
	.mds-nopadding, .w3-container.mds-nopadding, .w3-panel.mds-nopadding, .w3-section.mds-nopadding {
		padding-right:0px;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
	}

    .mds-nomargin {
		margin-right:0px;
		margin-left:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

    .mds-nomargin_h {
		margin-right:0px;
		margin-left:0px;
	}

    .mds-nomargin_v {
		margin-top:0px;
		margin-bottom:0px;
	}
	
	
    .mds-margin-small {
        margin: 4px;
    }

    .mds-margin-small-x {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mds-margin-small-y {
        margin-top: 4px;
        margin-bottom: 4px;
    }
	
	.mds-paragraph-small {
		margin-top:8px;
		margin-bottom:8px;
        white-space: nowrap;
	}

    .mds-negative-margin-y {
        margin-top: -1px;
        margin-bottom: -1px;
    }

    .mds-negative-margin-x {
        margin-left: -1px;
        margin-right: -1px;
    }




    .mds-hover-bright, .mds-hover-dark, .mds-text-hover-bright, .mds-text-hover-dark, .mds-text-hover-orange
    {
       cursor:pointer; 
    }

	

    @keyframes shake {
        0%, 100% {transform: translateX(0);}
        10%, 30%, 50%, 70%, 90% {transform: translateX(-6px);}
        20%, 40%, 60%, 80% {transform: translateX(6px);}
    }

    .mds-shake {
        animation-duration: 0.8s;
        animation-fill-mode: both;
        animation-name: shake;
    }


.mds-fade:not(.w3-disabled, [disabled], .disabled) {
    transition-duration: 1s;
    transition-property: opacity;
    opacity: 1;
}

    .mds-fade.delay {
        transition-delay: 1s;
    }

    .mds-fade.slow.delay {
        transition-delay: 1.5s;
    }

    .mds-fade.slow {
        transition-duration: 1.5s;
    }

    .mds-fade.fast {
        transition-duration: 0.5s;
    }

    .mds-fade.transparent,
    .mds-fade.hide,
    .mds-fade.hidden
    {
        opacity: 0;
    }


@media (max-width:1205px) {
    
}

@media (min-width:1206px) {
    
}