.alone{
    display: none;
}
.alone:only-child{
    display: block;
}
.hidden{
    display: none !important;
}
/* Dynamic sorting */
.sorting{
    position: relative;
    padding-right: 30px;
}
.sorting::before{
    content: "\2193";
    position: absolute;
    right: 8px;
    color: #ddd;
}
.sorting::after{
    content: "\2191";
    position: absolute;
    right:16px;
    color: #ddd;
}
.sorting.desc::after, .sorting.asc::before{
    color: #404040;
}

.hideElements .hideable{
    display: none !important;
}

.top-minus-one{
    position: relative;
    top:-1px;
}

.scrollable{
    overflow: auto;
    max-height: 300px;
}
.normal_whitespace{
    white-space: normal !important;
}

pre.form-control{
    height: auto;
    min-height: 200px;
    font-size: 1rem;
}
pre.form-control .string { color: #a83dff; }
pre.form-control .number { color: #456dff; }
pre.form-control .boolean { color: #009086; }
pre.form-control .null { color: #bd0000; }
pre.form-control .key { color: #9A9A9A; }

.tdnospace td{ white-space: nowrap; }

.encadre{
    margin: 0rem;
    text-align: justify;
    background: #EEE;
}

.bg-light2{
    background: #EEE;
}

.loader{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    background: rgba(0,0,0,.5);
}
.load-ring {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}
.load-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 2px;
    border: 2px solid rgba(255,255,255,.7);
    border-radius: 50%;
    animation: load-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: rgba(255,255,255,.7) transparent transparent transparent;
}
.load-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.load-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.load-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes load-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}