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;
}
.bg-error {
    background-color: #fde;
}

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

.inner-btn {
    position: absolute;
    width: 1.5em;
    font-weight: 550;
    border: none;
    background-color: transparent;
    line-height: 2em;
    left: calc(100% - 1.5em);
    z-index: 99999;
}
.inner-btn:hover {
    color: blue;
}

/*
 * 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 #bacbe6, 0 -2px #bacbe6;
}
.fix-head thead th {
    position: sticky;
    top: 1px;
    border: 0;
    border-spacing: 0px;
    box-shadow: inset -1px -1px #bacbe6;
    vertical-align: middle;
}
.fix-head thead .tr-2 {
    position: sticky;
    top: 2.2em;
    border: 0;
    border-spacing: 0px;
    box-shadow: inset -1px -1px #bacbe6;
    vertical-align: middle;
}

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

.row-move-target {
    background-color: cyan;
}

.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; */
    max-width: 50em;
}

/* 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;
}
#ifc_canvas {
    width: 100%;
    /* height: 100%; */
    /* position: absolute; */
    /* background-image: linear-gradient(lightblue, white); */
    overflow: hidden;
    /* position: absolute; */
    /* background: bisque; */
    /* background: lightblue; */
    background: #ffd;
    border-radius: 8px;
    border-color: #000;
    border-style: solid;
    border-width: 1px;
}

.btn-very-small {
    margin: 0;
    padding: 0;
    width: 1.4em;
    height: 1.4em;
    line-height: 1;
}

.btn-small {
    margin: 0;
    padding: 0;
    width: 1.55em;
    height: 1.55em;
    line-height: 1;
}

.btn-medium {
    margin: 0;
    padding: 0;
    width: 2em;
    height: 2em;
    line-height: 1.5em;
}

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

.cursor-pointer:hover {
    cursor: pointer;
}

@supports (-moz-appearance:none) {
    .svg-inline--fa {
        vertical-align: -0.06em;
    }
}

#ifc_canvas_axis {
    position: absolute;
    width: 140px;
    height: 140px;
    z-index: 200000;
}

#ifc_canvas_cube {
    position: absolute;
    width: 180px;
    height: 180px;
    z-index: 200000;
}