input { 
    text-align: right; 
}

.box-mini-bin {
    display: inline-block;
    border: 1px solid rgba(0,0,0,.2);
    padding: 1px;
    margin: 1px;
    border-radius: 3px;
    background: rgba(0,0,0,.1)
}

.box-bin {
    border: 1px solid rgba(0,0,0,.2); 
    border-radius: 5px; 
    padding: 10px; 
    float: right; 
    width: 100%;
}

.box-color-prev {
    display: inline-block;
    height: 1ex; 
    width: 1em; 
    border: 1px solid rgba(0,0,0,.2); 
    border-radius: 3px; 
}

.bin-area {
    padding-bottom: 3em;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    transform-origin: 47% 50%;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}