/*====================================================================
                        Refresh widget
=====================================================================*/

.refresh-container{
    display:table;
    background:inherit;
    float:right
}

.refresh-container-white{
    background:#fff;
}

.refresh-container-corners{
    border:2px solid #333;
    border-radius: 10px;
}

.refresh-container div{
    display:table-cell;
    vertical-align:middle;
    padding:5px;
    box-sizing:border-box;
}

.refresh-container span{
    display:inline-block;
    margin-right:5px;
}

.refresh-container div:first-of-type{
    height: 100%;
    font-size: 27px;
    padding-top: 10px;
}

.refresh-container div:first-of-type:hover,
.refresh-container div.active:first-of-type {
    cursor: pointer;
    background:rgb(5, 46, 95);
    color: #fff;
}

.refresh-container div.active:first-of-type:hover{
    cursor: default;
}

@media all and (max-width:350px){
    .refresh-container .label{
        display:block;
    }
}

@media all and (max-width: 245px){
    .refresh-container div:last-of-type{
        display:none;
    }
    .refresh-container div:first-of-type{
        border:none;
    }
}