.hotcursor {
    cursor: url('../pics/hotcursor.svg') 0 20, wait;
}

div.userview {
    float: left;
    width: 100%;
    margin-top: 5px;

}

form.ditoy-detail {
    margin-bottom: 30px;
}
table,
div.pure-button-group {
    width: 100%;
}
td.text-right {
    text-align: right;
}

.ditoy-toolbar {
    width: calc(100% - 10px);
    padding: 5px;
    background-color: #eee;
    margin-bottom: 15px;
}
.ditoy-toolbar hr {
    height: 1px;
    background: #ddd;
    margin: 10px 0;
}
.ditoy-toolbar button,
.ditoy-toolbar input,
.ditoy-toolbar label {
    margin: 0 10px;
}
#project_select {
    border: 1px #999 solid;
    height: 400px;
    width: 100%;
    overflow-y: scroll;
}
form#filter_customer {
    position: relative;
}
#customer_column input.pure-input-rounded {
    width: 80%;
}
label[for=option_all] {
    position: absolute;
    right: 0;
    top: 0;
}
#project_select tbody td {
    position: relative;
    cursor: pointer;
}
#customer_column tbody td:before {
    content: "\f061";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free";
    color: #999;
    right:5px;
    position:absolute;
    top:5px;
}
#project_select tbody td:hover {
    background-color: #ddd;
}
table#project_column,
table#customer_column {
    float: left;
}
div#container_toolbar div.link {
    float: left;
    padding: 5px;
}
div#container_toolbar div.link a {
    color: white;
    text-decoration: underline;
}
div.waiting {
    width: 100%;
    height: 100%;
    min-height: 100px;
}
div.waiting img {
    margin-left: calc(50% - 12px);
    margin-top: 30px;
}
.pure-form input[readonly] {
    cursor: not-allowed;
}
.label-required {
    font-weight: bold;
}


a.pure-button {
    display: block;
    float: left;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white !important;
    border-radius: 4px !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) !important;
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background-color: rgb(66, 184, 221) !important; /* this is a light blue */
}
#form_filter {
    position: relative;
}
#form_filter .pure-button-active {
    border: 1px #669 solid;
}

#hour_list tr.entry {
    cursor: url('../pics/icon_pencil.svg') 0 20, pointer;
}
#hour_list tr.entry:hover {
    color: #36f;
}
#hour_list tr.entry.selected td {
    background-color: rgb(66, 184, 221);
    color: white;
}
fieldset.time-filter {
    position: absolute;
    right: 0;
    top: 3px;
}