/* Search Bar */
.idtlv_searchheader { background-color: #f1f1f1; line-height: 36px; margin-bottom: 5px; font-size: 14px; overflow-y: hidden }
    .idtlv_searchheader div { display: inline-block; margin-left: 10px; margin-right: 10px; }
    .idtlv_searchheader i { position: relative; top: 3px; }

/* Title bar */
.idtlv_title { height: 24px; line-height: 24px; font-size: 14px; text-indent: 5px; background-color: #253D75; color: #fff; font-weight: bold; }

/* Header */
.idtlv_header { background-color: #e3e8f3; color: #000; font-size: 12px; width: 100%; line-height: 22px; margin-bottom: 0px; position: -webkit-sticky; position: sticky; top: 0; z-index: 1 }
.idtlv_titlesplit { min-height: 1px; background-color: #fff }

.idtlv_headercolumn { display: inline-block; vertical-align: top; height: 100%; border-right: dotted 1px #ccc; box-sizing: border-box; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
    .idtlv_headercolumn:hover { background-color: #a6b7d9; color: #000 }
    .idtlv_headercolumn.nohover:hover { background-color: #e3e8f3; cursor: default; color: #000 }

.idtlv_headercolumntitle { float: none; width: auto; overflow: hidden; text-overflow: ellipsis; margin-left: 5px; margin-right: 5px; white-space: nowrap }

.idtlv_headercolumnsort { width: 25px; float: right; font-size: 18px; }

.idtlv_headercolumnsearch { padding-left: 5px; padding-right: 5px; height: 28px; }
    .idtlv_headercolumnsearch input { width: 100%; height: 22px; font-size: 14px; border: 1px solid #ccc; border-radius: 3px }
        .idtlv_headercolumnsearch input:focus { border-color: #000 }

/* Body */
.idtlv_body { position: relative; width: 100%; box-sizing: border-box; border-left: dotted 1px #ccc; }

.idtlv_record { width: 100%; line-height: 21px; font-size: 12px; border-bottom: dotted 1px #ccc; }
    .idtlv_record:hover { background-color: #f1f1f1 }
    .idtlv_record.sectionend { border-bottom: dashed 1px #000 }

.idtlv_element { float: left; border-right: dotted 1px #ccc; box-sizing: border-box; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; }
    .idtlv_element div { padding-left: 5px; padding-right: 5px; }
    .idtlv_element.nogrow div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
    .idtlv_element.selectable:hover { background-color: #c5c5c5 }

/* Spinner */
.idtlv_spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

@-webkit-keyframes idtlv_spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes idtlv_spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.idtlv_spinner { z-index: 10; margin-top: 30px; position: absolute; left: 50%; margin-left: -30px; }
    .idtlv_spinner i { text-rendering: auto; font-size: 60px; text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; }