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

      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);
}



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

      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;
}

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

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

      Toastify

*************************/
.toastify {
    padding: 12px 20px;
    color: #ffffff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
    background: none;
    position: fixed;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647;
}


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

       Dot

*************************/
.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;
}


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

    Font Roboto

*************************/
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
b,
th,
td,
div,
sub {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}


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

    Table

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

@media screen and (max-width: 1023px) {
    table tbody tr[id]:hover {
        cursor: pointer;
    }
}

@media screen and (min-width: 1408px) {
    .table td.is-narrow-fullhd,
    .table th.is-narrow-fullhd{
        white-space: nowrap;
        width: 1%;
    }
}

@media screen and (min-width: 1216px) {
    .table td.is-narrow-widescreen,
    .table th.is-narrow-widescreen{
        white-space: nowrap;
        width: 1%;
    }
}


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

    Menu

*************************/
.menu-list a:hover,
.menu-list button:hover,
.menu-list .menu-item:hover {
    --bulma-menu-item-h: var(--bulma-menu-item-selected-h);
    --bulma-menu-item-s: var(--bulma-menu-item-selected-s);
    --bulma-menu-item-l: var(--bulma-menu-item-selected-l);
    --bulma-menu-item-background-l: var(--bulma-menu-item-selected-background-l);
    --bulma-menu-item-color-l: var(--bulma-menu-item-selected-color-l);
}

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

      autoComplete

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