.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@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); }
}

.flashing-top {
    border:0.3em solid #3abbba;
    -webkit-animation: color_change 0.5s infinite alternate;
    -moz-animation: color_change 0.5s infinite alternate;
    -ms-animation: color_change 0.5s infinite alternate;
    -o-animation: color_change 0.5s infinite alternate;
    animation: color_change 0.5s infinite alternate;
}

@-webkit-keyframes color_change {
from { border-color:#3abbba ; }
to { border-color:#5a2a82; }
}
@-moz-keyframes color_change {
from { border-color:#3abbba ; }
to { border-color:#5a2a82; }
}
@-ms-keyframes color_change {
from { border-color:#3abbba ; }
to { border-color:#5a2a82; }
}
@-o-keyframes color_change {
from { border-color:#3abbba ; }
to { border-color:#5a2a82; }
}
@keyframes color_change {
from { border-color:#3abbba ; }
to { border-color:#5a2a82; }
}

.multiPtm {
    color: white;
    background: repeating-linear-gradient(
       45deg,
       grey,
       grey 10px,
       black 10px,
       black 20px
    );
	font-weight:bold;
}

.ptm-row {
    display:flex;
    flex-wrap:wrap;
}

.ptm-infobox {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:16px;
    border:1px solid #1b2944;
}

.res-infobox {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:16px;
    border:1px solid #3abbba;
}

.sort-icon {
    cursor:default;
}

.sort-icon:hover {
    background-color:rgba(58,187,186,0.5);
    color:#1b2944;
}