/* body background */
body {
    background-color: #FFFFFF;
    background-image: url("pictures/sieslogo.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right top;
    background-size: 20%;
}

/* font */
@font-face {
    font-family:Lato-Blackimport;
    src:url("fonts/Lato-Black.ttf");
}

.error {
    color: red;
    display: inline;
    margin-left: 5px;
}

.standardFont {
    font-family: Lato-Blackimport;
}

.no-hover tr:hover {
    background-color: initial;
    color: #002337
}

.no-hover tr:hover > td {
    color: #002337
}

/* hr css */
hr {
    border: 1px solid #002337;
    width: auto;
}

/* header font color */
h1, h2, h3, h4, h5 {
    color: #002337;
}

/* paragraph font color */
p {
    color: #002337;
}

/* table border */
table {
    border-collapse: collapse;
}
table, tr, th, td {
    /*	border: 1px solid #1E90FF; */
    border: none;
}

/* table title cells font color */
th {
    background-color: #002337;
    color: #FFFFFF;
}

/* table cells font color */
td {
    color: #002337;
    padding: 5px;
}

/* table rows on hover */
tr:hover {
    background-color: #002337;
}
tr:hover td {
    color: #FFFFFF;
}
tr:hover th {
    color: #FFFFFF;
}

/* list bullets */
ul {
    list-style-type: none;
}
/* list items font color */
li {
    color: #002337;
}
li.underconstruction {
    text-decoration: line-through;
}
span {
    color: red;
    font-style: italic;
}

/* fixing span containing euro currency in hour registration page */
#currencyspan {
    font-style:normal;
    color: #002337;
}

/* unvisited link */
/* selected link */
/* visited link */
a:link, a:active, a:visited {
    color: #002337;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    /*color: rgb(253, 45, 10);*/
    color: #002337;
    font-weight: 900;
    text-decoration: underline;
}

/* input text and password css */
input[type=text], input[type=password] {
    /*background: rgb(0, 31, 144);*/
    color: #002337;
    /*font-family: Verdana,Geneva,sans-serif;*/
    /* font-weight: bold; */
    border: 1px solid #002337;
}

/* checkbox css */
input[type=checkbox] {
    outline: 1px solid #002337;
}

/* select css */
select {
    background-color: white;
    color: #002337;
    /*font-family: Verdana,Geneva,sans-serif;*/
    /* font-weight: bold; */
    border: 1px solid #002337;
}

/* textarea css */
textarea {
    outline: 1px solid #002337;
    color: rgb(0, 31, 144);
}

input[type=submit].disabled-btn {
    opacity: 0.2;
}

/* exit / logout submit button css */
#exitbutton:hover, input[type=submit].redbutton:hover, input[type=button].redbutton:hover {
    padding:5px 15px;
    background: #FFFFFF;
    color: #FF0000;
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-weight: bold;
    border: 1px solid #FF0000;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#exitbutton, input[type=submit].redbutton, input[type=button].redbutton {
    padding:5px 15px;
    background: #FF0000;
    color: #FFFFFF;
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-weight: bold;
    border: 1px solid #FF0000;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* exit / logout submit button css */
#nextpage:hover {
    padding:5px 15px;
    background: #FFFFFF;
    color: #002337;
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-weight: bold;
    border: 1px solid #002337;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#nextpage {
    padding:5px 15px;
    background: #002337;
    color: #FFFFFF;
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-weight: bold;
    border: 1px solid #FFFFFF;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* submit and buttons css */
input[type=submit]:hover, input[type=button]:hover {
    padding:5px 15px;
    background: #FFFFFF;
    color: #002337;
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-weight: bold;
    border: 1px solid #002337;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type=submit], input[type=button] {
    padding:5px 15px;
    background: #002337;
    color: #FFFFFF;
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-weight: bold;
    border: 1px solid #FFFFFF;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* special grid for specified tables */
table.gridtable {
    border-collapse: collapse;
}
.gridtable td {
    border: 1px solid #002337;
}
.gridtable th {
    border: 1px solid #002337;
}

/* special float for task planning tables */
table.taskplanning {
    border: solid #002337 2px;
    float: left;
}
.taskplanning td {
    text-align: center;
}

/* code for tree (from client to rooms)*/
body {
    font-family: Arial;
}

ul.tree li {
    list-style-type: none;
    position: relative;
}

ul.tree li ul {
    display: none;
}

ul.tree li.open > ul {
    display: block;
}

ul.tree li a {
    color: #002337;
    text-decoration: none;
}

ul.tree li a:before {
    height: 1em;
    padding:0 .1em;
    font-size: .8em;
    display: block;
    position: absolute;
    left: -1.3em;
    top: .2em;
}

ul.tree li > a:not(:last-child):before {
    content: '+';
}

ul.tree li.open > a:not(:last-child):before {
    content: '-';
}

/* used for order lists */
#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 80%;
}
#sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 1.4em;
    height: 18px;
    background: #FFFFFF;
    color: #002337;
}
#sortable li:hover {
    background: #002337;
    color: #FFFFFF;
}

.readonly {
    background-color: #F0F0F0;
}