body {
    margin: 0em;
    font-family: Calibri, Sans-Serif;
    font-size: 1.2em;
}

table {
    font-size: 1.0em;
}

/* div { margin-bottom: 0.5em; } */
input[type='text'] {
    border-radius: 0.3em;
    font-size: 1.0em;
}

input[type='button'] {
    border-radius: 0.3em;
    font-size: 1.0em;
}

input[type='password'] {
    border-radius: 0.3em;
    font-size: 1.0em;
}

.form-control-upload {
    position: relative;
    height: 0px;
    width: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

a.option {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
    margin: 0.0em 0.1em;
    padding: 1px;
    border-radius: 0.0em !important;
    font-size: 0.8em !important;
    border: 1px solid skyblue;
}

.topbar {
    height: 1.0em;
    background-color: skyblue;
    color: white;
    padding: 0.8em;
}

.content {
    padding: 0.8em;
    float: left;
}

.navlogo {
    float: left;
}

.navlink {
    float: right;
    padding-left: 1.0em;
}

.navlink a:link {
    color: white;
}

.navlink a:visited {
    color: white;
}

.navlink a:hover {
    color: red;
}

.navlink a:active {
    color: red;
}

.unavailable {
    color: grey;
    text-decoration: line-through;
}

.menulink {
    border: 1px solid skyblue;
    margin: 0.0em;
    padding: 0.2em 1.0em;
    width: 10.0em;
}

.entry {
    border: 1px solid skyblue;
    width: 30em;
    margin: 0.3em 0.0em;
}

.entrytitle {
    background-color: skyblue;
    color: white;
    padding: 0.2em 0.5em;
    margin: 0.0em;
}

.entryoptions {
    padding: 0.1em;
    margin: 0.0em;
}

.option {
    margin: 0.0em;
    border-radius: 0.0em !important;
    font-size: 0.8em !important;
    border: 1px solid skyblue;
}

.container {
    width: 100%;
}

.task-entry {
    border: 1px solid skyblue;
    width: 12em;
    font-size: 0.8em;
    padding: 0.2em;
}

/* .task-user { margin: 0px; } */
.task-date {
    float: right;
}

.task-option {
    float: right;
    color: blue;
}

/*
input[pattern]:invalid { color:red; }
input[type='email']:invalid { color:red; }
*/
.property-label {
    float: left;
    margin: 5px 0px;
    width: 40%;
}

.property-input {
    float: left;
    width: 60%;
}

.property-input-ui {
    margin: 5px;
    width: 95%;
}

.form-control-dummy {
    display: none;
}