#scrollbar {
    height: 100%;
    width: 750px;   
    overflow: auto;
}

.active-trigger-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  width: 100%;
}

.active-trigger-table td {
    white-space: nowrap;
    min-width: 50px;
}

.active-trigger-table th {
    white-space: nowrap;
    border: 0px;
    padding: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #3498db;
    color: white;
}

.active-trigger-table tr {
    background-color: white;
}

.tele-col-1 {
    white-space: nowrap;
    text-align: center;
    width: 75px;
    border: 1px solid #ddd;
    background-color: white;
    color: #404040;
    padding: 8px;
}

.active-trigger-table tr.no-border {
    border: 1px solid white;
} 

.skip-cell {
    background-color: #E0E0E0;
    border: 1px solid #ddd;
}

.order-td {
    background-color: white;
    padding: 5px;
    border-right: 1px solid white;
    border-bottom: none;
    text-align: right;
}

.progress-bar-wrapper {
    background-color: white;
    padding: 6px;
    padding-bottom: 12px;

    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
}

.progress-bar-outline {
    display: flex; 
    width: 80%; 
    height: 20px; 
    margin: auto; 
    position: relative;
    border: 1px solid grey;
}

.progress-bar {
     background: #F4A460;
     position: absolute;
     z-index: 1;
     width: 0%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}

.progress-bar-filler {
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 2;
}

/*.progress-bar-outline {
    width:80%;
    height:20px;
    border: 1px solid grey;
    margin: auto;
}

.trigger-progress-bar  {
     height:18px;
     background-color:#F4A460;
}*/

.masking-checkbox {
    border-left: 1px solid white;
    border-right: 1px solid #ddd;
    width: 10px;
    background-color: white;
}

.masking-row {
    vertical-align: bottom;
    position: relative;
    top: -4px;
}

.masking-column {
    vertical-align: bottom;
    position: relative;
    top: -4px;
}

/* #active-trigger-table tr:nth-child(even){background-color: #eee;} */
/* #active-trigger-table td:hover {background-color: #ddd;} */