body {
    background-color:#7a7a7a;//#cccfd5;
}

.org-container {
    max-width: 450px;
    margin: auto;
    overflow: hidden;
    background-color:white;
}

.content-div {
    background-color:white;
    padding: 10px 20px;
}

.login-box
{
    background-color: #a5d1e7;
}

.title-reg-url {
    width: 90%;
    margin: auto;
    font-size: 1.5em;
    font-weight: bold;
}

.div-reg-url {
/*    width: 90%;*/
    margin: auto;
    padding: 20px;
    border: 1px solid #aaa;
    border-radius: 10px;
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

#div-two-method {
    
}

#div-direct-input {
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 20px;

}

#div-request-input {
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 20px;

}

#iframe-video {
    margin-top:10px;
    margin-bottom:20px;
}

.div-input-button.alert {
    border: 2px solid #ff4545;
    border-radius: 20px;
    padding: 20px;
    background-color: #ffd6b4;
    margin-bottom: 20px;
}

.div-input-button.good {
    border: 2px solid #43b115;
    border-radius: 20px;
    padding: 20px;
    background-color: #e9ffe1;
    margin-bottom: 20px;
}

.div-input-button .org-title {
    font-size: 1.2em;
    font-weight: bold;
}

#div-org-info-ok, #div-visitor-form-ok {
    font-size:0.9em;
    font-weight: bold;
}

#ui-language-hamburger {
    font-size:0.9rem;
    height:2rem;
}

.visitor-checkin-link {
    font-size:1.2em;
    font-weight:bold;
}
span.org-category-title {
    font-weight: bold;
    font-size:1.2em;
}

.div-button-box {
    border: 2px solid #aaa;
    background-color:#e6e6e6;
    border-radius: 20px;
    padding:20px;
    margin-bottom:20px;
}

.div-one-landing-button {
    display:inline-block;
    width:auto;
}

.one-landing-button {
    font-weight: bold;
}


#div-button-content {
    justify-content: space-evenly;
    margin-top: 20px;
    margin-bottom: 20px;
}

#landing-image-reflect {
    transform: scaleY(-1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 50px;
    mask-image: linear-gradient(to Top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));

}

/*phone landscape*/
@media (min-width: 450px){
   .org-container {
        max-width: 450px;
        margin: auto;
        border-radius: 10px;
        overflow: hidden;
        filter: drop-shadow(0px 0px 10px rgba(1,1,1,0.3));
        margin-top:20px;
        margin-bottom:50px;
        background-color:white;
    }
}