html {
    background: #CEDD7C;
    ;
}

h1 {
    margin-top: 50px;
}

#popup_window {
    padding: 10px;
    background: #267E8A;
    cursor: pointer;
    color: #FCFCFC;
    margin: 200px 0px 0px 200px;
}

.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.overlay .popup-overlay {
    opacity: 1;
    left: 0;
}

.popup {
    position: fixed;
    top: 25%;
    left: 50%;
    z-index: -9999;
}

.popup .popup-body {
    min-height: 135px;
    width: 600px;
    margin-left: -300px;
    text-align: center;
    border: 1px solid gray;
    position: relative;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.popup.visible, .popup.transitioning {
    z-index: 9999;
}

.popup.visible .popup-body {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.popup .popup-body > div {
    float: left;
    clear: both;
    width: 100%;
    padding: 5px;
    
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    
    background: #F3E8D9;
}

.popup .popup-exit {
    float: right;
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
}

.popup .popup-content {
    overflow-y: auto;
    float: left;
    clear: both;
    width: 100%;
    font-size: 14px;
    padding: 15px 5px 20px 5px;
}

.popup .popup-content textarea {
    width: 100%;
    border: solid 1px gray;
    font-size: 14px;
}

.popup .popup-content .popup-term-content {
    width: 100%;
    border: solid 1px gray;
    font-size: 14px;
    background-color: #DED6CB;
    padding: 10px 5px;
    float: left;
}
.popup-content .popup-title {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.popup-content p {
    font-size: 13px;
    text-align: justify;
}

.popup-title {
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
    font-weight: bold;
    padding: 10px;
    border-bottom: dashed 1px gray;
}

.popup-licence-check{
    width: 300px;
    text-align: left;
}
.popup-licence-check label{
    width: 250px;
    display:  block;
}

/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
    .popup {
        width: 85%;
        left: 5%;
    }

    .popup .popup-body {
        width: 100%;
        margin-left: 0px;
        min-height: max-content;
    }

}