.indicator{
    /*margin: 20px 0;*/
}
.indicator h1{
    margin: 0;
    padding: 0;
    font: 400 40px Raanana;
}
.indicator label{
    margin-left: 20px;
    color: #979797;
    font-size: 20px;
}
.TableContainer{
    margin-top: 30px;
}

.searchBox{
    background-color: #f2f5ff;
    height: 80px;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

input {
    display: inline;
    width: 100%;
    padding: 10px 10px 10px 45px;
    /*border: none;*/
    border-radius: 10px;
    color: black;
    font-size: 18px;
    /*transition: 0.3s ease;*/
    border: 1px solid #c6c6c6;
}
.input{
    position: relative;
}
.input i{
    position: absolute;
    top: 8px;
    left: 10px;
}
table{

}
th,td{
    padding: 10px;
}
td {
    text-align: center;
}

.table-scroll{
    width: 100%;
    height: 200px;
    /*width:100%; */
    display: block;
    empty-cells: show;

    /* Decoration */
    border-spacing: 0;
}
.table-scroll.small-first-col td:first-child,
.table-scroll.small-first-col th:first-child{
    flex-basis:30%;
    flex-grow:1;
}

thead{
    /*border: 1px solid;*/
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
    z-index: 8888;
}

.table-scroll thead{
    background-color: #f2f5ff;
    position:relative;
    display: block;
    width:100%;
    overflow-y: scroll;
}

.table-scroll tbody{
    /* Position */
    display: block; position:relative;
    width:100%; overflow-y:scroll;
    /* Decoration */
    /*border-top: 1px solid rgba(0,0,0,0.2);*/
}

.table-scroll tr{
    width: 100%;
    display:flex;
}

.table-scroll td,.table-scroll th{
    flex-basis:100%;
    flex-grow:2;
    display: block;
    padding: 1rem;
    text-align:left;
}

.table-scroll tbody tr:nth-child(2n){
    background-color: rgba(130,130,170,0.1);
}

.body-half-screen{
    max-height: 50vh;
}.body-half-screen.large{
    max-height: 60vh;
}

.small-col{flex-basis:10%;}