html { font: normal 16px/1.3 Segoe UI, "Roboto", Arial, sans-serif; color: #333; -webkit-text-stroke: 1px rgba(0,0,0,0); overflow-y: scroll; }
body { background: #3484d2; color: #333; margin: 0; padding: 0; width: 100vw; height:100vh; display: flex; flex-direction:column}

a { color: #006aeb; padding: 3px 1px; }
a:hover, a:active, a:focus {  }

#banner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB5CAMAAADPursXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBQTFRFD1CRDkqFDTlmDkF1D06NDT1tDTNZDk2KEFWaDTZgDkiCDTtpDT5wDkZ/DTBVEFacEFOWD1KUDTRcDTFWDkV9DkR7DkN4DkByDTVeDC9TDThjDTxrDkeADkuIDTRbDC9SbsUaggAAAEdJREFUeNqkwYURgAAQA7DH3d3335LSKyxAYpf9vWCpnYbf01qcOdFVXc14w4BznNTjkQfsscAdU3b4wIh9fDVYc4zV8xZgAAYaCMI6vPgLAAAAAElFTkSuQmCC); }

h1 { font: inherit; color: white; font-size: 60px; line-height: 121px; margin: 0; padding-left: 2%; no-repeat: 95%; background-size: 130px auto; text-shadow: none; }
@media (max-width: 600px) {
    h1 { background: none; font-size: 40px; }
}

#content { background: white; border: 1px solid #eff4f7; border-radius: 0 0 12px 12px; padding: 10px 10px; overflow: scroll}




/* Globální styl pro datagrid */
.datagrid {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

/* Styl pro hlavičku tabulky */
.datagrid thead {
    background-color: #007bff;
}

.datagrid thead th {
    padding: 10px;
    border-bottom: 2px solid #0056b3;
    text-align: left;
    font-weight: bold;
    color: white;
}

/* Styl pro řádky tabulky */
.datagrid tbody tr {
    border-bottom: 1px solid #ddd;
}

.datagrid tbody tr:nth-child(even) {
    background-color: #f2f8ff;
}

/* Styl pro buňky tabulky */
.datagrid tbody td {
    padding: 10px;
    color: #333;
}

/* Styl pro zvýraznění aktivního řádku */
.datagrid tbody tr:hover {
    background-color: #d0e7ff;
}

/* Styl pro pager */
.datagrid .datagrid-paginator {
    text-align: right;
    padding: 10px 0;
}

.datagrid .datagrid-paginator a {
    margin: 0 5px;
    color: #007bff;
    text-decoration: none;
}

.datagrid .datagrid-paginator a:hover {
    text-decoration: underline;
}

/* Styl pro filtry */
.datagrid .datagrid-filters input,
.datagrid .datagrid-filters select {
    padding: 5px;
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    box-sizing: border-box;
}

/* Styl pro tlačítka */
.datagrid .datagrid-actions button {
    background-color: #007bff;
    color: white;
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
}

.datagrid .datagrid-actions button:hover {
    background-color: #0056b3;
}

.datagrid .datagrid-actions a {
    background-color: #28a745;
    color: white;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 4px;
    margin-right: 5px;
}

.datagrid .datagrid-actions a:hover {
    background-color: #218838;
}

.datagrid .row-group-actions a {
    color: white;
}

.datagrid input[type="submit"] {
    background-color: #003366; /* Tmavě modrá barva */
    color: #fff; /* Bílý text */
    border: none;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 1em;
    cursor: pointer;
}

/* Obecné styly pro formulář */
.forms form {
    max-width: 500px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f5f5f5;
}

/* Styly pro jednotlivé elementy */
.forms fieldset {
    border: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.forms legend {
    font-size: 1.5em;
    margin-bottom: 10px;
    color: #003366; /* Tmavě modrá barva pro nadpis */
}

/* Styly pro textová pole */
.forms input[type="text"],
.forms input[type="password"],
.forms input[type="email"],
.forms select,
.forms textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #003366; /* Modrá barva */
    border-radius: 4px;
    box-sizing: border-box; /* Zajistí, že padding se započítá do celkové šířky */
    margin-bottom: 10px;
    font-size: 1em;
}

/* Styly pro tlačítko */
.forms input[type="submit"] {
    background-color: #003366; /* Tmavě modrá barva */
    color: #fff; /* Bílý text */
    border: none;
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 1em;
    cursor: pointer;
}

.forms input[type="submit"]:hover {
    background-color: #002244; /* Temnější modrá při najetí myší */
}

/* Styly pro chybové zprávy */
.forms .error {
    color: #ff0000; /* Červená barva pro chybové zprávy */
}