html {
    height: 100% !important;
    overflow-x: hidden;
    /*align-items: stretch !important;*/
}
html, body {
    /*background-color: #fbfbfb;*/
    background-color: #F2F2F2;
    position: relative;
    scroll-behavior: smooth;
}
body {
    /*height: 100%;*/
}
/* BUTTON ---------------------------------------------------------------------- */
.btn-ripple, .btn-black-ripple {
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all ease-in-out .3s;
}
.btn-ripple::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 25%;
    height: 100%;
    width: 50%;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transition: all ease-in-out 0.3s;
    transform: scale(5, 5);
}
.btn-black-ripple::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 25%;
    height: 100%;
    width: 50%;
    background-color: #00000059;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transition: all ease-in-out 0.3s;
    transform: scale(5, 5);
}
.btn-ripple:active::after, .btn-black-ripple:active::after {
    padding: 0;
    margin: 0;
    opacity: .2;
    transition: 0s;
    transform: scale(0, 0);
}
.btn:focus {
    box-shadow: none;
}

/* MODAL ----------------------------------------------------------------------- */
.modal-open {
    padding-left: 0px;
    padding-right: 0px;
}

/* COULEURS -------------------------------------------------------------------- */
.main-color-blue, .main-blue-color {
    color: #00A9EC;
}
.main-color-purple {
    color: #C013FF;
}
.main-color-dark-blue {
    color: #004ea4;
}
.success-color {
    color: #157347;
}
.main-red-color {
    color: #c80000;
}
.main-rose-color {
    color: #DC338A;
}
.orange {
    color: orange;
}
.orangered {
    color: orangered;
}
.black-color {
    color: black !important;
}
.light-green {
    color: #20a888;
}
.light-grey {
    color: #6a6a6a;
}
.light-blue {
    color: #009ccc;
}
.dark-blue {
    color: #003653;
}
.bg-main-color-blue {
    background-color: #00A9EC;
}
.bg-main-color-dark-blue {
    background-color: #004ea4;
}
.bg-main-rose {
    background-color: #DC338A;
}
.bg-main-blue {
    color: #00A9EC;
}
.bg-teal-400 {
    background-color: #26a69a !important;
}
.bg-pink-400 {
    background-color: #ec407a !important;
}
.bg-blue-400 {
    background-color: #29b6f6 !important;
}
.bg-violet-400 {
    background-color: #ab47bc !important;
}

#maintenance-img {
    width: 100%;
}


/* ANIMATION ------------------------------------------------------------------- */
.spinner {    
    -webkit-animation: rotation 1s linear infinite;
}
.spinner-2 {
    -webkit-animation: rotation2 2s ease infinite;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes rotation2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.loader-bounce {
    animation: bounce 1.6s ease infinite !important;
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

/* AUTRES ---------------------------------------------------------------------- */
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.selectable {
    cursor: pointer;
}
.hide {
    display: none;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.font-weight-bold {
    font-weight: bold;
}
.bg-hachures-1 {
        background-image: url(../img/background/texture-1.gif);
}