.x-mask-msg-text{
	display:none;
}
.x-mask-msg-inner{
	border: none;
}
.x-mask-msg{
	border: none!important;
}
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */

.x-mask-msg {
    position: relative;
    margin: 0 auto;
    cursor: wait;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.x-mask-msg {
    width: 3em;
    height: 3em;
    overflow: hidden;
    border-radius: 0.25em;
    box-shadow: 0 0 0 0.1em #083D56, inset 0 0 0 3em rgba(8, 61, 86, 0.5);
}

.x-mask-msg:before,
.x-mask-msg:after {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    width: 2.7em;
    height: 2.7em;
    border-radius: 50%;
    border: 0.16em dashed #081E3F;
    box-shadow: inset 0 0 0 0.9em #081E3F;
    -webkit-animation: gear-rotate infinite linear 3s forwards;
    animation: gear-rotate infinite linear 3s forwards;
}

.x-mask-msg:before {
    left: -0.7em;
    top: 1.1em;
}


.x-mask-msg:after {
    left: 1.15em;
    top: -0.85em;
    animation-direction: reverse;
}

@-webkit-keyframes gear-rotate {
    to {
        transform: rotate(359deg);
    }
}

@keyframes gear-rotate {
    to {
        transform: rotate(359deg);
    }
}

@-webkit-keyframes gear-glow {
    0%,
    100% {
        filter: drop-shadow(0 0 0 rgba(25, 166, 207, 0));
    }
    60% {
        filter: drop-shadow(0 0 1.75em #19a6cf);
    }
}

@keyframes gear-glow {
    0%,
    100% {
        filter: drop-shadow(0 0 0 rgba(25, 166, 207, 0));
    }
    60% {
        filter: drop-shadow(0 0 1.75em #19a6cf);
    }
}

*:focus {
    outline: 0;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}