body, html {
    margin: 0;
    padding: 0;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    overflow: hidden;
    background-color: #000000;
}

#content{
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
}

iframe {
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    border:none;
    margin:0;
    padding:0;
    overflow:hidden;
    z-index:999999;
    border: none;
}

#loadingBall {
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background: #171717 url(loading_circle.png) no-repeat center;
    background-size: 10%;
    background-color: transparent;
    -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-webkit-keyframes translate {
    0% {
        -webkit-transform: translate(0%, 0%);
    }
    100% {
        -webkit-transform: translate(0%, -15%);
    }
}

@-webkit-keyframes translateHand {
    0% {
        -webkit-transform: translate(0%, 25%);
    }
    100% {
        -webkit-transform: translate(0%, 0%);
    }
}

.swal2-html-container {
    max-height: 50vh !important;
    overflow-y: auto !important;
    font-size: 1.3rem !important;
}

.swal2-popup {
    width: initial !important;
}