/* -------------------------------------------------------
--- Codify Ltd. Sti
--- http://codify.istanbul
--------------------------------------------------------*/

body { background-image: none; background-size: cover; background-position: center; }
.panel-login,
.panel-login-logo { width: 250px; padding: 10px; }
.panel-login .checkbox { margin-top: 0px; margin-bottom: 3px; }
.panel-login-logo { text-align: center; }
.panel-login-logo img { width: 232px; margin-bottom: 10px; }
form { padding: 0px; background-color: transparent; }

#particles { height: 100%; }
/*#intro { position: absolute; left: 0; top: 50%; padding: 0 0px; width: 100%; }*/
#intro { position: absolute; left: 0; top: 0px; padding: 0 0px; width: 100%; height: 100%; margin-top: 0px !important; }

.form-group-big > label { color: #333; }
.form-control { border-color: #999; }

.flex-container { display: block; }
.btn-register { min-width: 200px; margin-top: 20px; }

.uv-logo { width: 200px; display: block; margin: auto; }
.uv-logo img { width: 100%; }

.bar-top { text-align: center; padding: 20px 10px; background-color: rgba(0, 67, 146, 0.60); }
.bar-bottom { text-align: center; padding: 10px 10px; background-color: rgba(0,0,0,0.1); font-size: 12px; color: #777; font-family: 'Roboto', Arial; }

.bg-info { background-color: rgba(1,100,216,0.6); background-image: url(../images/half-circle-w.png); background-position: right; background-size: contain; background-repeat: no-repeat; }
.bg-info ul li a { color: #FFF; text-decoration: none; display: table; width: 100%; }
.bg-info ul li a i { width: 20%; text-align: center; font-size: 26px; display: table-cell; padding: 10px; vertical-align: middle; }
.bg-info ul li a span { width: 80%; display: table-cell; font-size: 18px; padding: 10px; vertical-align: middle; font-family: 'Open Sans', Arial; }

.bg-info,
.bg-form { padding: 50px 10px; }

.bg-form { background-color: rgba(255,255,255,0.6); }
.bg-form input,
.bg-form select,
.bg-form textarea { background-color: transparent; }
.bg-form .login-form { display: inline-block; min-width: 300px; }
.bg-form .login-form .check-box { padding: 0px; background-color: transparent; border-bottom: 0px; }
.bg-form .login-form .check-box .underline { display: none; }
.bg-form .login-form [data-authority="RememberMe"] { margin-bottom: 5px; }
.bg-form .login-form .btn { padding: 13px 25px; }

.button-panel { margin-top: 40px; text-align: center; }
.button-panel .btn { margin-right: 10px; background-color: #F0F0F0; color: #888; 
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); }
.button-panel .btn:last-child { margin-right: 0px; }
.button-panel .btn i { margin-right: 5px; }
.button-panel .btn:hover { background-color: #007bff; color: #FFF; }
.button-panel .btn-return { margin: auto; }

@media only screen and (max-width: 800px) {
    .flex-tbl-row { display: block; height: 100%; }
}