/**
 * @version    1.0
 * @package    HealthStat.gr Template (for Joomla 3.x)
 * @author     Nuevvo Webware - https://nuevvo.com
 * @copyright  Copyright (c) 2010 - 2023 Nuevvo Webware P.C. All rights reserved.
 * @license    https://nuevvo.com/licensing
 */

html {margin:0;padding:0;background:#122747 url('https://cdn.joomlaworks.org/images/random/?desktop') no-repeat 50% 50% fixed;background-size:cover;}
body {font-family:Helvetica,Arial,sans-serif;color:#122747;font-size:16px;margin:0;padding:0;}
a {color:#122747;}
main {display:grid;grid-template-columns:1fr 1fr;justify-items:space-evenly;align-items:center;margin-top:calc((100vh - 360px)/2);padding:40px 0;background:rgba(255, 255, 255, 0.7);}
main header {text-align:center;}
main header h1 {font-size:60px;font-weight:bold;text-transform:uppercase;text-shadow:0 0 4px #eee;}
main header h2 {font-size:20px;}
main aside section {background:#fff;text-align:center;width:400px;margin:auto;}
main aside section h3 {font-size:24px;font-weight:bold;margin:0;padding:20px;color:#fff;background:#122747;}
main aside section form {padding:20px;margin:0;}
main aside section form p {display:block;font-size:16px;margin:8px auto;}
main aside section form input {text-align:center;}
main aside section form input[type="text"],
main aside section form input[type="password"] {font-size:14px;width:90%;color:#122747;padding:8px;margin:0 auto 8px;border:1px solid #ccc;background:#fff;}
main aside section form input[type="text"]:active,
main aside section form input[type="password"]:active,
main aside section form input[type="text"]:focus,
main aside section form input[type="password"]:focus {border:1px solid #122747;}
main aside section form input[type="checkbox"] {vertical-align:middle;margin:10px 5px 10px 0;}
main aside section form label[for="remember"] {vertical-align:middle;font-size:14px;}
main aside section form input[type="submit"] {display:block;font-weight:bold;font-size:14px;color:#fff;background:#000;margin:0;cursor:pointer;letter-spacing:1.1px;padding:8px;margin:auto;text-align:center;border:0;}
main aside section form input[type="submit"]:hover {background:#eee;color:#000;}
main aside section form span {display:block;padding-top:20px;}
main aside section form span a {}

#errorPage {}
#errorPage main header h1 {font-size:100px;margin:20px 0;}
#errorPage main header h2 {font-size:36px;}

#offlinePage {}

@media all and (max-width:880px) {
    html {background:#122747 url('https://cdn.joomlaworks.org/images/random/?mobile') no-repeat 50% 50% fixed;background-size:cover;}
    main {grid-template-columns:1fr;margin-bottom:40px;}
    main header h1 {font-size:42px;}
    main header h2 {font-size:18px;}
    main aside section h3 {font-size:22px;}
    main aside section {width:98%;}
    #errorPage main header h1 {font-size:60px;}
    #errorPage main header h2 {font-size:20px;}
}

#system-message-container {}
#system-message {padding:10px;}
.alert {padding:10px 20px;background:#fff5f5;border:1px solid #fc8181;border-radius:4px;}
.alert .close {display:none;}
.alert .alert-heading {color:#c63434;font-weight:bold;margin:0;padding:0 0 10px 0;font-size:18px;}
.alert .alert-message {color:#c53030;font-weight:normal;font-size:14px;}