/* max-height - the only parameter in this file that needs to be edited.
 * Change it to suit your needs. The rest is recommended to leave as is.
 */
.clusterize-scroll{
  max-height: 550px;
  overflow: auto;
}

/**
 * Avoid vertical margins for extra tags
 * Necessary for correct calculations when rows have nonzero vertical margins
 */
.clusterize-extra-row{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
 * Useful when used :nth-child(even/odd)
 */
.clusterize-extra-row.clusterize-keep-parity{
  display: none;
}

/* During initialization clusterize adds tabindex to force the browser to keep focus
 * on the scrolling list, see issue #11
 * Outline removes default browser's borders for focused elements.
 */
.clusterize-content{
  outline: 0;
  counter-reset: clusterize-counter;
}

/* Centering message that appears when no data provided
 */
.clusterize-no-data td{
  text-align: center;
}


.table {
    table-layout: fixed;
    width: 550px;
}

/* It's important to set equal width for both thead's (visual and helper) */
.clusterize thead td:nth-child(1) {
    width: 75px;
}

.clusterize thead td:nth-child(2) {
    width: 125px;
}

.clusterize thead td:nth-child(3) {
    width: 150px;
}

.clusterize thead td:nth-child(4) {
    width: 200px;
}

.clusterize thead td:nth-child(5) {
    width: 200px;
}

.clusterize thead td:nth-child(6) {
    width: 200px;
}

.clusterize thead td:nth-child(7) {
    width: 200px;
}

.clusterize thead td:nth-child(8) {
    width: 200px;
}

.clusterize thead td:nth-child(9) {
    width: 200px;
}

.clusterize thead td:nth-child(10) {
    width: 200px;
}

.clusterize-scroll thead td {
    padding: 0;
}

.table {
    margin-bottom: 0;
}



.upload {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    cursor: pointer;
    filter: alpha(opacity=0);
}




.stripesLoader {
    margin: 4px;
    height: 20px;
    /*should not be larger than 20px*/
    position: relative;
    background: linear-gradient(90deg, #eee 50%, transparent 50%);
    background-color: crimson;
    background-size: 200%;
    background-position: 80%;
    border-radius: 5px;
    transform: scale(-1);
    transition: 0.3s;
}

    .stripesLoader:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        background: linear-gradient( 45deg, transparent 25%, rgba(238, 238, 238, 0.5) 25%, rgba(238, 238, 238, 0.5) 30%, transparent 30%, transparent 35%, rgba(238, 238, 238, 0.5) 35%, rgba(238, 238, 238, 0.5) 70%, transparent 70% );
        animation: shift 2s linear infinite;
        background-size: 60px 100%;
        box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.2), inset 0 -2px 1px rgba(0, 0, 0, 0.2);
    }

@keyframes shift {
    to {
        background-position: 60px 100%;
    }
}