﻿
.mt1, .has-margin-top-1 {
    margin-top: 1rem;
}

.has-margin-top-2 {
    margin-top: 2rem;
}

.ellipsis, .has-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.has-text-nowrap {
    white-space: nowrap;
}

.button.is-selected {
    background-color: #209cee;
    border-color: transparent;
    color: #fff;
}

.notification .icon {
    position: absolute;
    top: .2em;
    right: .2em;
    font-size: 1.2rem;
}

.imagesPositionIcons .fa-fast-forward {
    transform: rotate(-90deg);
}

.imagesPositionIcons a {
    display: block;
}

div.loading {
    width: 4em;
    height: auto;
    margin: 2em 10em;
    opacity: 0.6;
    clear: both;
    content: url(/_gfx/loading.svg);
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -ms-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.Limit-Exceeded {
    color: #f1290e;
}
/* PageHeader */
.Administration_2019 .PageHeader {
    height: auto;
}

    .Administration_2019 .PageHeader .Bar2 {
        display: none;
    }

.Administration_2019 section:nth-of-type(2) {
    padding-top: 4rem;
}

/***** Aspect ratio *****/
/* Usage: Just add style="--aspect-ratio:x/y" to give an element a specific aspect ratio */
/* See https://css-tricks.com/aspect-ratio-boxes/ for details */
[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}

[style*="--aspect-ratio"] > img {
    height: auto;
}

@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }

        [style*="--aspect-ratio"]::before {
            content: "";
            display: block;
            padding-bottom: calc(100% / (var(--aspect-ratio)));
        }

        [style*="--aspect-ratio"] > :first-child {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
        }
}
/**** /Aspect ratio ****/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.blink-1 {
    -webkit-animation: blink-1 0.6s both;
    animation: blink-1 0.6s both;
}

@-webkit-keyframes blink-1 {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes blink-1 {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.fade-in {
    -webkit-animation: fade-in 200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in 200ms cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-out {
    -webkit-animation: fade-out 200ms ease-out both;
    animation: fade-out 200ms ease-out both;
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
