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

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

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

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

/* Reset */
.ilv { height: 100% }
    .ilv div { overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; text-align: left; }
    .ilv input[type="text"] { box-sizing: border-box; }
    .ilv table { border-spacing: 0; border-collapse: separate; width: 100%; table-layout: fixed; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
    .ilv col { min-width: 50px }

    /* General table settings */
    .ilv .nowrap div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

    /* Headers */
    .ilv thead { position: sticky; top: 0px; z-index: 2; background-color: #fff }
        .ilv thead th:first-child { position: sticky; left: 0px }

        /* Header Controls */
        .ilv thead th { background-color: #e3e8f3; vertical-align: top; font-weight: normal }
            .ilv thead th div { padding: 0px 5px; display: inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .ilv thead input[type=text] { margin-bottom: 5px; }
        .ilv thead th.sc:hover { background-color: #a6b7d9; cursor: pointer }
        .ilv thead th { border-right: 1px dotted #e3e8f3; height: 22px; line-height: 22px }
            .ilv thead th:first-child { border-left: 1px dotted #e3e8f3; }
            .ilv thead th.sc div { vertical-align: top; }
                .ilv thead th.sc div:nth-child(1) { font-size: 12px; width: calc( 100% - 20px ); }
                .ilv thead th.sc div:nth-child(2) { height: 18px; width: 20px; padding: 0px; font-size: 18px; text-overflow: unset }

            .ilv thead th.cc div:nth-child(1) { font-size: 12px; width: calc( 100% - 25px ); }
            .ilv thead th.cc div:nth-child(2) { height: 18px; width: 25px; padding: 0px; text-overflow: unset }

        .ilv thead input[type="text"] { width: 100% }

        /* Header Title */
        .ilv thead .title th { text-align: left; border-left: 0px; background-color: #253d75; color: #fff; font-size: 14px; line-height: 24px; font-weight: normal; overflow-x: visible; padding: 0px 5px; border: none; border-bottom: 1px solid #fff; white-space: nowrap }

    /* Data */
    .ilv tbody td:first-child { background-color: #f7f7f7; position: sticky; left: 0px }
    .ilv tbody tr:hover td { background-color: #eee }
    .ilv .selectable tbody td:hover { cursor: pointer }
    .ilv .selectable tbody tr.selected td { background-color: #ddd }
    .ilv .selectable tbody tr.selected:hover td { background-color: #bbb }

    .ilv tbody tr.sectionend td > div { border-bottom: dashed 1px #000 }

    /* cells */
    .ilv tbody tr td > div { padding: 3px 5px; }

    .ilv .nowrap tbody div { height: 21px; }
    .ilv tr td { border-right: 1px dotted #e3e8f3; border-top: 1px dotted #e3e8f3; padding: 0px }
        .ilv tr td a { color: #000; }
            .ilv tr td a:hover { text-decoration: underline; }
        .ilv tr td:first-child { border-left: 1px dotted #e3e8f3; }
    .ilv tr:last-child td { border-bottom: 1px dotted #e3e8f3; }
    .ilv .ac { text-align: center }
    .ilv .ar { text-align: right }

    /* Overrides */
    .ilv.fullpage { background-color: #fff; box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.1); border-radius: 5px; overflow: hidden; }
        .ilv.fullpage thead th:first-child { border-left: none }
        .ilv.fullpage tbody td:first-child { background-color: #fff; }
        .ilv.fullpage tbody tr:hover td { background-color: #eee }
        .ilv.fullpage tr td:first-child { border-left: none }

    .ilv.bgwhite { background-color: #fff; }
        .ilv.bgwhite tbody td:first-child { background-color: #fff; }
        .ilv.bgwhite tbody tr:hover td { background-color: #eee }