@charset "utf-8";

body {
    margin: 0px 0px;
    /* Remark: Set fullscreen background */
/*    background-image: url("../images/bg03.jpg");*/

/*    _background-repeat: no-repeat;*/

    /*background-size: 100%;*/
    /*    background-size: cover;*/
    /*    background-size: auto 100%;*/

    /*background-size: auto 100vh;*/
    background-size: 100vw auto;
    background-position: center top;

    color: white;
    font-size: 4vw;

    background-color: white;
}


/*
.center {
    margin: auto auto;
    float: none;
}
*/


.fullscreen {
    position: absolute;

    left: 50%;
    top: 50%;
    
    transform: translate(-50%, -50%);
    
    width: 100%;
    height: 100%;

    z-index: 20;
}


input[type=text] {
    border: none;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}


/* Make the autocomplete input box transparent */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: black !important;
}


.dim-bg {
    background-color: rgba(0, 0, 0, .7);
    color: black;
}
    
    
.dim-dialog {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    z-index: 100;

    background-color: rgba(0, 0, 0, .7);
    color: black;
}


.image-container {
    position: relative;
    display: inline-block; /* Ensures the container fits the images' size */
}

.image-container img {
    display: block;
}





@media (min-aspect-ratio: 9/16) {
    
    .not-scroll {
        width:  95%;        
    }    
}

@media (min-aspect-ratio: 10/16) {
    
    .not-scroll {
        width:  85%;        
    }    
}

/* iPad pro */
@media (min-aspect-ratio: 1024/1366) {
    
    .not-scroll {
        width:  80%;        
    }    
}


@media (min-aspect-ratio: 3/4) {
    
    .not-scroll {
        width:  80%;        
    }    
}