html.wait, html.wait * {
    cursor: wait !important;
}
.fs-7 { font-size: 0.7em; }
.fs-8 { font-size: 0.8em; }
.fs-9 { font-size: 0.9em; }
.nowrap { white-space: nowrap; }
.error {
    color: rgb(165, 19, 19);
}
.success {
    color: green;
}

.btn-icon-small {
    height: 1.3em;
    /* margin-bottom: 0.15em; */
}

.btn-small {
    height: 1.5em;
    margin: 0;
    padding: 0;
    padding-left: 0.25em;
    padding-right: 0.25em;
    /* margin-bottom: 0.15em; */
}

/*
 * tables
 */
.fix-head {
    width: 100%;
    overflow: auto;
}
.fix-head thead .tr-1 {
    position: sticky;
    top: 1px;
    border: 0;
    border-spacing: 0px;
    /* box-shadow: 0 -1px #b8daff, 0 -2px #7abaff; */
    box-shadow: 0 -1px #00b6aa, 0 -2px #00b6aa;
    /* background-color: #00b6aa; */
}
.fix-head thead th {
    position: sticky;
    top: 1px;
    border: 0;
    border-spacing: 0px;
    /* box-shadow: inset -1px -1px #7abaff; */
    box-shadow: inset -1px -1px #00b6aa;
    background-color: #00b6aa77;
    /* color: #f0f0f0; */
    vertical-align: middle;
}
.fix-head thead .th-2 {
    position: sticky;
    /* top: 2.3em; */
    border: 0;
    border-spacing: 0px;
    /* box-shadow: inset -1px -1px #7abaff; */
    box-shadow: inset -1px -1px #00b6aa;
    vertical-align: middle;
    /* background-color: #00b6aa; */
}

.t-even {
    background-color: rgba(0,0,0,.05);
}

.row-selected,
.table-striped tbody .row-selected:nth-of-type(odd),
.table-striped tbody .row-selected:nth-of-type(even):hover {
    background-color: #fafa80;
}

.table-hover tbody tr:hover {
    background-color: #fafad0;
    /* background-color: red; */
}

/* Tooltip */
.tooltip > .tooltip-inner {
    background-color: #73AD21;
    /* background-color: red;  */
    color: #FFFFFF;
    border: 1px solid green;
    /* padding: 15px; */
    /* font-size: 20px; */
    white-space: nowrap;
    /* width:20em; */
}

/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
}
/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid green;
}
/* Tooltip on left */
.tooltip.left > .tooltip-arrow {
    border-left: 5px solid green;
}
/* Tooltip on right */
.tooltip.right > .tooltip-arrow {
    border-right: 5px solid green;
}

.btn-cell:hover {
    background: #ff0;
    cursor: pointer;
}
.btn-cell-del:hover {
    background: #fdd;
    cursor: pointer;
}

.frame-gray {
    border-radius: 6px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    background-color: #eee;
    width: 10em;
    height: 6em;
    padding-top: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.frame-pink {
    border-radius: 6px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    background-color: #fdd;
    width: 10em;
    height: 6em;
    padding-top: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.frame-green {
    border-radius: 6px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    background-color: #dfd;
    width: 10em;
    height: 6em;
    padding-top: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.frame-lid {
    background-color: antiquewhite;
}

.frame-budget {
    background-color: whitesmoke;
}

.frame-chart {
    border-radius: 6px;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    background-color: #eee;
    width: 32em;
    height: 16em;
    padding-top: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.cell-title {
    font-size: 0.8em;
    font-weight: bold;
}

.cell-value {
    font-size: 1.6em;
    font-weight: bold;
    color: #00b6aa;
    text-align: right;
}

.cell-days {
    font-size: 1.3em;
    font-weight: bold;
    color: #00b6aa;
}

.cell-val2 {
    font-size: 0.8em;
    font-weight: bold;
    color: #00b6aa;
    /* margin-top: -0.5em; */
    text-align: right;
}

.val-total {
    color: blue;
}

.cell-val3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #00a599;
    text-align: right;
}