/* ---- header --------------------------------------------------------------------------------- */

header {
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    text-shadow:  0.1rem 0.2rem black, 0 0 1rem blue;

    background-color: blue;
    padding: 1rem;
}

nav {
    background-color: #AACCFF;
    padding: 0.5rem;

    display: flex;
    /* display: block; */
    flex-direction: row;
    /* justify-content: right; */
}

.title {
    /* background-color: #EEF8FF; */
    padding: 0.5rem;
    /* text-decoration: underline; */
    border-bottom: solid;
    border-width: 1px;
    /* border-color: #AACCFF; */
    border-color: lightgray;
    font-weight: bold;
}

.menuItem {
    background-color: #DDEEFF; /*lightgray;*/
    padding: 0.2rem 1rem 0.2rem 1rem;
    border-radius: 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    /* text-align: center; */
}

.menuItem:hover {
    box-shadow: 0 0 0.5rem green;
    /* text-shadow: 0px 0px 1px blue; */
    /* border-color: blue; */

}

.menuItem-left {
    /* float: left; */
}

.menuItem-right {
    /* align-self: flex-end; */
    margin-left: auto;
}

/* ---- common item ---------------------------------------------------------------------------- */

body {
    background-color: #F8F8F8;
}

.main {
    background-color: white;
    padding: 0.5rem;
}

a {
    text-decoration: none;
    color: black;
}

.button {
    background-color: #EEEEEE;
    padding: 0.2rem 1rem 0.2rem 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.button:hover {
    box-shadow: 0 0 0.5rem gray;
}

/* ---- notify --------------------------------------------------------------------------------- */

.notify {
    border-width: 1px;
    border-style: solid;
    border-radius: 0.5rem;
    margin: 0.5rem;
    padding: 0.5rem;
}

.notify-ok {
    border-color: #03d834; /* green; #c3e6cb; */
    background-color:  #d4edda; /*PaleGreen;*/
}

.notify-error {
    border-color: red; /* red; #f5c6cb; */
    background-color: #f8d7da; /* pink; */
}

/* ---- list ----------------------------------------------------------------------------------- */

.listItem {
    margin: 0.5rem 0 0.5rem 0;
    padding: 0.5rem;
    background-color: white;
}

.listItem:hover {
    /* box-shadow: 0 0 0.1rem gray; */
}

.compile-yes {
    font-weight: bold;
    color: green
}
.compile-warning {
    font-weight: bold;
    color: rgb(163, 107, 2);
}
.compile-no {
    font-weight: bold;
    color: red;
}

/* .dateTime {
    margin: 0.5rem 0 0.5rem 0;
    padding: 0.5rem;
    background-color: white;
} */

.zadanie, .body, .order {
    font-weight: bold;
    color: darkblue;
}

.inlineImg {
    height: 1rem;
}

/* ---- odovzdat ------------------------------------------------------------------------------- */

.label {
    display: inline-block;
    width: 4rem;
    margin-bottom: 0.2rem;
    font-weight: bold;
}

select {
    border-radius: 1rem;
    padding: 0.2rem 1rem 0.2rem 1rem;
}

input[type="file"] {

    /* display: none; */
}

input::file-selector-button {
    border-radius: 1rem;
    padding: 0.2rem 1rem 0.2rem 1rem;
    border: thin solid grey;

    /* font-weight: bold;
  color: dodgerblue;
  padding: 0.5em;
  border: thin solid grey;
  border-radius: 3px; */
}

input[type="submit"] {
    margin-top: 1rem;
    background-color: blue;
    color: white;
    font-weight: bold;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 0.5rem;
}

input[type="submit"]:hover {
    box-shadow: 0 0 0.5rem blue;
}

/* ---- detail --------------------------------------------------------------------------------- */

table {
    border: 1px solid lightgray;
    border-radius: 0.5em;
    padding: 0.5rem;
}

th {
    text-align: left;
    font-weight: normal;
    font-style: italic;
    padding-right: 0.5rem;
}

tr:first {
    color: gray;
}

tr:not(:first) {
    vertical-align: top;
}

tr:hover {
    background-color: #eee;
}

td {
    padding-right: 0.5rem;
}