/*************************

      Spinner

*************************/

:root {
    --size: 75px;
    --clr1: #EBCBFF;
    --clr3: #C0D9FF;
    --clr5: #A5FFF4;
    --animation-duration: 1150ms;
}


.spinner .spinner-item {
    --item-size: calc(var(--size) / 4);
    width: var(--item-size);
    height: var(--item-size);
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    border: 4px solid var(--clr-spinner);
    animation: spinner4 var(--animation-duration) ease-in-out infinite;
}
@keyframes spinner4 {
    0%, 100% {
        transform: translateY(75%);
    }
    50% {
        transform: translateY(-75%);
    }
}
.spinner .spinner-item:nth-child(1) {
    --clr-spinner: var(--clr5);
    animation-delay: calc(var(--animation-duration) / 6 * -1);
}
.spinner .spinner-item:nth-child(2) {
    --clr-spinner: var(--clr3);
    animation-delay: calc(var(--animation-duration) / 6 * -2);
}
.spinner .spinner-item:nth-child(3) {
    --clr-spinner: var(--clr1);
    animation-delay: calc(var(--animation-duration) / 6 * -3);
}


/*************************

        header

*************************/
.header{
    background-color: #ffffff;
    border-bottom: 1px solid #e3e3e3;
}



/*************************

        bulma

*************************/

.header img {
    max-height: 5rem;
}

/*************************

      Helper

*************************/
.is-full-height{
    min-height: 100vh;
}

.is-full-height-percent{
    height: 100%;
}

.is-full-width{
    width: 100%;
}

.has-background-blue-bis{
    background-color: #f4f6fb !important;
}

.is-border-grey {
    border:1px #e3e3e3 solid !important;
}

.is-border-right-grey{
    border-right: 1px solid #e3e3e3;
}

.is-border-top-grey{
    border-top: 1px solid #e3e3e3;
}


/*************************

      autoComplete

*************************/
.autoComplete_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

/*************************

      Active

*************************/
.dot {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    margin: 0 auto;
}

.dot.is-success {
    border: 2px solid #05d69e;
}
.dot.is-danger {
    border: 2px solid #e62864;
}