﻿.table_loader {
    background-color: #FFF;
    color: #666;
    width: 100%;
    padding: 0;
}
    .table_loader th {
        background: #F7F9FA;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 12px 10px;
        text-align: left;
    }

    .table_loader_form th {
        background: #343a40;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 12px 10px;
        text-align: left;
    }

    .table_loader td, table_loader_form td {
        border-top: 0px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        padding: 12px 10px;
        vertical-align: top;
    }

    .table_loader span {
        width: calc(100% - 5px);
        height: 15px;
        border-radius: 3px;
        background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
        background-size: 600px;
        animation: shine-lines-table 1.6s infinite linear;
        display: inline-block;
        min-width: 15px;
    }

    .table_loader_form span {
        width: calc(100% - 5px);
        height: 34px;
        border-radius: 3px;
        background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
        background-size: 600px;
        animation: shine-lines-table 1.6s infinite linear;
        display: inline-block;
        min-width: 15px;
    }


    .table_loader span.sub-temp, .table_loader_form span.sub-temp {
        width: calc(100% - 50%);
        margin-top: 5px;
    }

    .table_loader span.sub-temp-three, .table_loader_form span.sub-temp-three {
        width: calc(100% - 70%);
        display: block
    }



.col1 {
    width: 25px;
}

.col2 {
    width: 60px;
}

.col3 {
    width: 45px;
}

.col4 {
    width: 344px;
}

.col5 {
    width: 145px;
}

.col6 {
    width: 113px;
}

.col7 {
    width: 73px;
}

.col8 {
    width: 160px;
}

.col9 {
    width: 92px;
}



@keyframes shine-lines-table {
    0% {
        opacity: 0.4;
    }

    40% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.4;
    }
}
