﻿.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: #e9e7e7;
    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
    }


.col0 {
    width: 25%;
}

.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;
    }
}
