/* You can add global styles to this file, and also import other style files */

/*@import "~ng-pick-datetime/assets/style/picker.min.css";*/

/* https://www.npmjs.com/package/ng-pick-datetime */

body {
    background: rgba(255, 221, 134, 1) !important;
}


/* @media screen and (max-width: 767px) {
    .WLPanel {
        padding-left: 2px;
        padding-right: 2px;
    }
} */

.WLPanel {
    padding-right: 2px;
    padding-left: 2px;
}

h4 {
    margin: 2px;
}

.MLcheckbox {
 width: 30px;
 height: 30px;
 display: inline;
}

.MLselected {
 background-color: #E0EEFA !important;
}

.scroll {
 overflow-y: auto;
}
/*Ladeanimation. Quelle: http://tobiasahlin.com/spinkit/*/

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner>div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


#blazor-error-ui {
 background: lightyellow;
 bottom: 0;
 box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
 display: none;
 left: 0;
 padding: 0.6rem 1.25rem 0.7rem 1.25rem;
 position: fixed;
 width: 100%;
 z-index: 1000;
}

 #blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
 }
