* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

:root {
    --wave-height: 100px;

}

.holder {
    height: 400px;
    width: 200px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    background-color: #FFF9F2;
    margin: 20px;

}

.mylineFVC {
    position: relative;
    top: calc(20%);
    /* background-color: black; */
    height: 2px;
    width: 100%;
    border: none;
    border-top: 1px dashed black;
}

.mylineFVL {
    position: relative;
    top: calc(50%);
    /* background-color: black; */
    height: 2px;
    width: 100%;
    border: none;
    border-top: 1px dashed black;
}

.wave {
    height: 400px;
    width: 200px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    background: url(../image/wave2.png);
    background-size: 400px 400px;
    background-repeat: repeat-x;
    animation: flow 2s linear infinite;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);

}



@keyframes flow {
    0% {
        background-position: -200% var(--wave-height);

    }

    100% {
        background-position: +200% var(--wave-height);

    }
}


.overlay {
     position: fixed;
    /* Sit on top of the page content */
    /* display: none; Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /*Add a pointer on hover*/
}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #000E86;
    /* Blue */
    border-bottom: 16px solid #000E86;
    /* Blue */
    border-left: 16px solid #001aff00;
    /* Blue */
    border-right: 16px solid #000d8600;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    top: calc(50vh - 60px);
    left: calc(50vw - 60px);
    position: fixed;
}

.loaderMessage {


    margin: auto;
    top: calc(50vh + 70px);
    position: fixed;
    text-align: center;
    color: rgb(0, 0, 0);
    left: 0%;
    right: 0%;
 }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}