.busy.hidden, .busy-inline.hidden  {
    display: none;
}

.busy, .busy-inline {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10001;
    display: block;
}
    /* CSS LOADER ANIMATION */
    .busy .image_back, .busy-inline .image_back {
        background: url(/images/loader1408519743.png) no-repeat center;
        border-radius: 80px;
        width: 100px;
    }

    .busy .first_circle, .busy-inline .first_circle{
        border-top: 10px solid #dcdcdc;
        border-right: 10px solid #dcdcdc;
        border-bottom: 10px solid #dcdcdc;
        border-left: 10px solid #cb2025;
        -webkit-animation: anim_wifeo 1.4s infinite linear;
        -moz-animation: anim_wifeo 1.4s infinite linear;
        -ms-animation: anim_wifeo 1.4s infinite linear;
        -o-animation: anim_wifeo 1.4s infinite linear;
        animation: anim_wifeo 1.4s infinite linear;
    }

    .busy .second_circle, .busy-inline .second_circle{
        border-radius: 100px;
        width: 100px;
        height: 100px;
        border-top: 5px solid #dcdcdc;
        border-right: 5px solid #dcdcdc;
        border-bottom: 5px solid #dcdcdc;
        border-left: 5px solid #00506b;
        -webkit-animation: anim 1.4s infinite linear;
        -moz-animation: anim 1.4s infinite linear;
        -ms-animation: anim 1.4s infinite linear;
        -o-animation: anim 1.4s infinite linear;
        animation: anim 1.4s infinite linear;
    }

    .busy .first_circle, .busy-inline .first_circle,
    .busy .first_circle:after, .busy-inline .first_circle:after{
        border-radius: 80px;
        width: 80px;
        height: 80px;
    }
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 60;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: #000000;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

    .modal.open {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-content: center;
        justify-items: center;
        align-items: center;
    }

    .modal-content, .modal > .content {
        width: fit-content;
        height: fit-content;
        padding: 2rem;
        display: flex;
        flex-flow: column;
        overflow-y: scroll;
        margin: 2rem;
    }

        .modal-content.fullscreen, .modal > .content.fullscreen {
            width: 100vw;
            height: 100vh;
        }

        .modal-content > *, .modal > .content > * {
            margin-bottom: 1rem;
        }
/* CSS LOADER ANIMATION */
@-webkit-keyframes anim_wifeo {
    0% {
        -webkit-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1);
    }

    100% {
        -webkit-transform: rotate(720deg) scale(0.8);
    }
}

@-webkit-keyframes anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(0.8);
    }
}

@-moz-keyframes anim_wifeo {
    0% {
        -moz-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -moz-transform: rotate(360deg) scale(1);
    }

    100% {
        -moz-transform: rotate(720deg) scale(0.8);
    }
}

@-moz-keyframes anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -moz-transform: rotate(180deg) scale(1);
    }

    100% {
        -moz-transform: rotate(360deg) scale(0.8);
    }
}

@-ms-keyframes anim_wifeo {
    0% {
        -ms-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -ms-transform: rotate(360deg) scale(1);
    }

    100% {
        -ms-transform: rotate(720deg) scale(0.8);
    }
}

@-ms-keyframes anim {
    0% {
        -ms-transform: rotate(0deg) scale(0.8);
    }

    50% {
        -ms-transform: rotate(180deg) scale(1);
    }

    100% {
        -ms-transform: rotate(360deg) scale(0.8);
    }
}

@keyframes anim_wifeo {
    0% {
        transform: rotate(0deg) scale(0.8);
    }

    50% {
        transform: rotate(360deg) scale(1);
    }

    100% {
        transform: rotate(720deg) scale(0.8);
    }
}

@keyframes anim {
    0% {
        transform: rotate(0deg) scale(0.8);
    }

    50% {
        transform: rotate(180deg) scale(1);
    }

    100% {
        transform: rotate(360deg) scale(0.8);
    }
}
/* END OF CSS LOADER ANIMATION */