#modal {
 position: fixed;
 display:none;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgb(0,0,0,0.85);
 z-index:1;
 overflow-y:scroll;
}

#modal::-webkit-scrollbar {
    display: none;
}

#modal_window {
 top:20px;
 margin-right:auto;
 margin-left:auto;
 max-width:400px;
 min-height:10vh;
 margin-top:10vh;
 margin-bottom:10vh;
 height:auto !Important;
 background:#fff;
 background-color: #ffffff;
 background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 10 12c1.67 0 3.182-.683 4.27-1.785A5.998 5.998 0 0 0 14 12h2a4 4 0 0 1 4-4V6c-1.67 0-3.182.683-4.27 1.785C15.905 7.22 16 6.622 16 6c0-.622-.095-1.221-.27-1.785A5.982 5.982 0 0 0 20 6V4a4 4 0 0 1-4-4h-2c0 .622.095 1.221.27 1.785A5.982 5.982 0 0 0 10 0C8.33 0 6.818.683 5.73 1.785 5.905 1.22 6 .622 6 0H4a4 4 0 0 1-4 4v2c1.67 0 3.182.683 4.27 1.785A5.998 5.998 0 0 1 4 6c0-.622.095-1.221.27-1.785A5.982 5.982 0 0 1 0 6v2a4 4 0 0 1 4 4h2zm-4 0a2 2 0 0 0-2-2v2h2zm16 0a2 2 0 0 1 2-2v2h-2zM0 2a2 2 0 0 0 2-2H0v2zm20 0a2 2 0 0 1-2-2h2v2zm-10 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z' fill='%23f7f7f7' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
 color:#000;
 font-size:14px;
 border-style:solid;
 border-width:1px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
 -moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
 box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
 border-color:#fff;
}

#modal_top {
 width:100%;
 cursor: grab;
 background-color: #07192d;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23233e80' fill-opacity='0.08'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 -webkit-border-top-left-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}

#modal_title {
 float:left;
 color:#fff;
 font-size:15px;
 line-height: 40px;
 margin-left:15px;
 text-transform:uppercase;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-top-right-radius: 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}
 
#modal_close {
 cursor:pointer;
 float:right;
 border: 1px solid #c5c5c5;
 background: #f6f6f6;
 font-weight: normal;
 color: #454545;
 padding:5px;
 height:10px;
 line-height:10px;
 font-weight:bold;
 margin-top: 8px;
 margin-right: 5px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}

#modal_close:hover {
 background:#ff0000;
 color:#fff;
 transition: all .2s ease-in-out;
}

#modal_content {
 padding:15px;
 overflow:hidden;
 overflow-y: auto;
}
 
 
.modal_button {
 background-color:#1eb4bc;
 border-radius:2px;
 border:1px solid #ffffff;
 display:inline-block; 
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-size:17px;
 font-weight:bold;
 padding:7px 31px;
 text-decoration:none;
 text-shadow:0px 1px 0px #3d768a;
}


.modal_button:hover {
 background-color:#17606b;
}

#modal_buttons {
 margin-top:15px;
 text-align:center;
}

#login_button {
 background-color:#42577d;
}

#login_button:hover {
 background-color:#12274c;
}