.x-mask {
    background-color: black !important;
    opacity: 0.7 !important;
}
 
/*
 * SPINNER
 * 3 BOULES
 */

/* Modern */
@media screen and (max-width: 640px) {
    .spinner {
        width: 140px;
        text-align: center;
    }
    
    .spinner > div {
        width: 18px;
        height: 18px;

        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }
    
    .loaderImg {
        max-width:85vw;
    }
}

/* Classic */
@media screen and (min-width: 640px) {
    .spinner {
        width: 140px;
        text-align: center;
    }

    .spinner > div {
        width: 36px;
        height: 36px;
        background-color: #4b8fde;

        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }
    
    .loaderImg {
        max-width:50vw;
    }
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
    } 
    40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@keyframes pulse{
    25%  {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    75%  {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
    
.spinner_1 {
    background-color: #4b8fde !important;
}

.spinner_2 {
    background-color: #4b8fde !important;
}

.spinner_3 {
    background-color: #4b8fde !important;
}

.lst7spinner_1 {
    background-color: #0F62FE !important;
}

.lst7spinner_2 {
    background-color: #0F62FE !important;
}

.lst7spinner_3 {
    background-color: #0F62FE !important;
}

.lst4spinner_1 {
    background-color: #0001AB !important;
}

.lst4spinner_2 {
    background-color: #0001AB !important;
}

.lst4spinner_3 {
    background-color: #0001AB !important;
}

.lst12spinner_1 {
    background-color: #0F191D !important;
}

.lst12spinner_2 {
    background-color: #114088 !important;
}

.lst12spinner_3 {
    background-color: #1267F3 !important;
}

.lst28spinner_1 {
    background-color: #000096 !important;
}

.lst28spinner_2 {
    background-color: #FFFF00 !important;
}

.lst28spinner_3 {
    background-color: #000096 !important;
}

/*
 * SPINNER
 * DUAL CIRCLE
 */

@keyframes loaderCircleRing {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@-webkit-keyframes loaderCircleRing {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

.loaderCircleRing {
    position: relative;
}

.loaderCircleRing div {
    position: absolute;
    width: 160px;
    height: 160px;
    top: 2em;
    border-radius: 50%;
    border: 20px solid #000;
    -webkit-animation: loaderCircleRing 1.5s linear infinite;
    animation: loaderCircleRing 1.5s linear infinite;
}

.loaderCircleRing {
    width: 100px !important;
    height: 100px !important;
    -webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
    transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
}

.lst0ring div {
    border-color: transparent transparent transparent transparent;
}

.lst14ring div {
    border-color: transparent transparent transparent transparent;
}

.lst19ring div {
    border-color: transparent transparent transparent transparent;
}

.ring div {
    border-color: #008AA0 transparent #008AA0 transparent;
}

* > input[readOnly=true] { 
    opacity: 0.7 !important
}

* > textarea[readOnly=true] { 
    opacity: 0.7 !important
}

.noBorderReadOnly { 
    border-top: none !important; border-right: none !important; border-bottom: none !important;
}