#div_spinner{
    flex-direction:row;
    display:flex;
    justify-content:center;
    flex:1;
    width:100%;
    height:100%;
}
#channel_spinner{
    flex-direction:row;
    display:flex;
    justify-content:center;
    flex:1;
    width:100%;
    height:30%;
}
#loading_spinner{
    width:100px;
    height:100px;
    position:relative;
    margin: 15% auto;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
#div_spinner_summarize{
    flex-direction:row;
    display:flex;
    justify-content:center;
    flex:1;
    width:100%;
    height:30%;
}

#loading_spinner_summarize{
    width:60px;
    height:60px;
    position:relative;
    margin: 15% auto;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.btn_summary{
    width:200px;
    height:50px;
    background-color:white;
    border: 0.5px solid #a6a5a4;
    color: #a6a5a4;
    border-radius:2px;
    float: left;
    clear: both;
    padding: 0 0 0 10px;
    margin: 5px 0;
}
.btn_summary span.icon {
    float: right;
    margin-right: 20px;
}

div.sticky-div{
    position: -webkit-sticky;
    position:sticky;
    top:2;
}

@keyframes spin {
    
    from {
        transform:rotate(0deg);
        -moz-transform-origin: center center;
    }
    to {
        transform:rotate(360deg);
        -moz-transform-origin: center center;
        
    }
}