.wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 6% 5% 1fr 1fr 1fr 5% 40px;
    justify-items: center;
    height: 100%;
    width: 100%;
}

.grecaptcha-badge {
    /*visibility: hidden;*/
    bottom: 80px !important;
}

#top_panel {
    /*top: 0px;
    left: 0px;
    width: 100%;
    height: 39px;*/
    border-bottom: 1px solid rgba(0, 10, 45, 1);
    box-shadow: 0 10px 10px rgba(0, 0, 15, 0.9);
    background-color: rgba(0, 25, 55, 0.5);
}

#logo {
    max-width: 633px;
    width: 98%;
    height: 6%;
    top: 0px;
    /*left: 50%;
    margin: 0 0 0 -332px;*/
    background: url(/images/logo_text.png) no-repeat center rgba(0, 25, 55, 0.5);
    background-size: 90%;
    position: absolute;
    border-radius: 0 0 6vw 6vw;
    border: 1px solid rgba(0, 10, 45, 1);
    border-top: 0;
    box-shadow: 0 10px 10px rgba(0, 0, 15, 0.9);
}

#bottom_panel {
    /*position: absolute;*/
    text-align: center;
}

#bottom_panel {


    grid-row: 7;
    /*left: 0px;
    right: 0px;
    bottom: 0px;*/
    background-color: rgba(0, 25, 55, 0.5);
    border: 1px solid rgba(0, 10, 45, 1);
    box-shadow: 0 -10px 10px rgba(0, 0, 15, 0.9);
    width: 100%;
    display: flex;
    justify-content: center;
}

#copyright {
    font-size: 9px;
}

#LoginPanel {
    border: 0px solid #323232;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.7);

    background-color: rgba(0, 55, 110, 0.25);
    display: none;
    padding: 8px;
    /*grid-column: 2;*/
    grid-row: 3;
    width: 98%;
    max-width: 450px;
    min-height: 170px;

    position: relative;
    text-align: center;

    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}

#LoginPanel:after,
#LoginPanel:before {
    content: "";
    position: absolute;
    top: -47px;
    left: -47px;
    display: block;
    width: 100px;
    height: 100px;
    background-image:
        radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 30%),
        linear-gradient(45deg, rgba(0, 0, 0, 0) 49%, rgba(255, 255, 255, .4) 50%, rgba(0, 0, 0, 0) 51%),
        linear-gradient(135deg, rgba(0, 0, 0, 0) 49%, rgba(255, 255, 255, .4) 50%, rgba(0, 0, 0, 0) 51%);
    -webkit-animation: blink6 10s linear infinite;
    animation: blink6 10s linear infinite;
    transform: scale(0, 0) rotate(0deg);
}

#LoginPanel:before {
    top: auto;
    bottom: -47px;
    right: -47px;
    left: auto;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

#LoginForm {
    margin: 5px;
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-template-rows: 1fr 1fr auto 1fr;
    align-items: baseline;
    width: 100%;
    /*height: 10vh;*/
}

#RePasswordForm {
    margin: 5px;
    display: grid;
    /*grid-template-columns: 30% 1fr;*/
    grid-template-rows: 1fr 1fr;
    align-items: baseline;
    width: 100%;
}

#SendLogin {
    grid-column: 1/3;
    grid-row: 4;
}

#LoginForm #RePasswordBtn {
    grid-column: 2;
    grid-row: 3;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: right;
    right: 88px;
    margin-top: -5px;
    font-size: 12px;
    cursor: pointer;
}

.password {
    position: relative;
    padding: 0 8px 0 0;
    width: 100%;
}

#password {

    width: 100%;
}

#password-control {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px 10px 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(images/view.svg) 0 0 no-repeat;
    cursor: pointer;
}

#password-control.view {
    background: url(images/no-view.svg) 0 0 no-repeat;
}

#LoginPanel input[type=submit],
#LoginPanel input[type=button] {
    font-size: 20px;
}

#UserPanel {
    grid-row: 3;
}

#universal {
    grid-row: 4;
}

#refiral {
    grid-row: 5;
}
 #UserPanel,
 #universal,
 #refiral {
    position: relative;
    max-width: 450px;
    width: 94%;
    border: 0px solid #323232;
    border-radius: 7px 7px 7px 7px;
    background-color: rgba(0, 25, 55, 0.5);
    box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.7);
    text-align: center;
    margin: auto auto;
    padding: 10px;
}



#universal table,
#universal td,
#universal tr {
	font-size: 12px;
}

#universal div {
	width: 300px;
	border: 0px solid #323232;
	border-radius: 7px 7px 7px 7px;
	background-color: rgba(0, 25, 55, 0.5);
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.7);
	display: inline-block;
	margin: 15px;
}