.iob-icon {
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
    border-radius: 0.4rem;
    text-align: center;
    padding-top: 0.2rem;
    float: right;
}

.dimmer-button:active:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

/* menu selected */
.selected {
    background: #3f51b5 !important;
}
.selected span {
    color: white !important;
}

/* scrollbar */
*::-webkit-scrollbar-track {
       background-color: #ccc;
}
*::-webkit-scrollbar {
    width: 6px;
    background-color: #ccc;
}
*::-webkit-scrollbar-thumb {
    background-color: #575757;
}

/*  ----------------- indicator-working ---------------------------  */
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.indicator-working {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}