.bar {
    position: fixed;
    height: 4px;
    width: 100%;
    top: 0;
    margin: 0;
    z-index: 5000;
	display: none;
}

.bar span {
    position: absolute;
    left: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(-45deg, #000 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #000 50%, #000 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #000 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #000 50%, #000 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #000 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #000 50%, #000 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #000 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #000 50%, #000 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -ms-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 1s linear infinite;
    -moz-animation: move 1s linear infinite;
    -ms-animation :move 1s linear infinite;
    animation: move 1s linear infinite;
    overflow: hidden;
    -webkit-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    -ms-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
}

.bar.fade.in {
	display: block;
    opacity: 1;
}

.bar.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.bar.primary span {
    background-image: -webkit-linear-gradient(-45deg, #337ab7 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #337ab7 50%, #337ab7 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #337ab7 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #337ab7 50%, #337ab7 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #337ab7 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #337ab7 50%, #337ab7 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #337ab7 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #337ab7 50%, #337ab7 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.success span {
    background-image: -webkit-linear-gradient(-45deg, #5cb85c 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5cb85c 50%, #5cb85c 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #5cb85c 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5cb85c 50%, #5cb85c 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #5cb85c 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5cb85c 50%, #5cb85c 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #5cb85c 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5cb85c 50%, #5cb85c 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.info span {
    background-image: -webkit-linear-gradient(-45deg, #5bc0de 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5bc0de 50%, #5bc0de 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #5bc0de 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5bc0de 50%, #5bc0de 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #5bc0de 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5bc0de 50%, #5bc0de 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #5bc0de 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #5bc0de 50%, #5bc0de 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.warning span {
    background-image: -webkit-linear-gradient(-45deg, #f0ad4e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #f0ad4e 50%, #f0ad4e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #f0ad4e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #f0ad4e 50%, #f0ad4e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #f0ad4e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #f0ad4e 50%, #f0ad4e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #f0ad4e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #f0ad4e 50%, #f0ad4e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.danger span {
    background-image: -webkit-linear-gradient(-45deg, #d9534f 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #d9534f 50%, #d9534f 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #d9534f 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #d9534f 50%, #d9534f 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #d9534f 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #d9534f 50%, #d9534f 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #d9534f 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #d9534f 50%, #d9534f 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}

.bar.teal span {
    background-image: -webkit-linear-gradient(-45deg, #4db6ac 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #4db6ac 50%, #4db6ac 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #4db6ac 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #4db6ac 50%, #4db6ac 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #4db6ac 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #4db6ac 50%, #4db6ac 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #4db6ac 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #4db6ac 50%, #4db6ac 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.cyan span {
    background-image: -webkit-linear-gradient(-45deg, #00bcd4 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #00bcd4 50%, #00bcd4 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #00bcd4 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #00bcd4 50%, #00bcd4 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #00bcd4 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #00bcd4 50%, #00bcd4 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #00bcd4 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #00bcd4 50%, #00bcd4 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.green span {
    background-image: -webkit-linear-gradient(-45deg, #73c176 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #73c176 50%, #73c176 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #73c176 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #73c176 50%, #73c176 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #73c176 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #73c176 50%, #73c176 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #73c176 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #73c176 50%, #73c176 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.deep-orange span {
    background-image: -webkit-linear-gradient(-45deg, #ffccbc 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #ffccbc 50%, #ffccbc 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #ffccbc 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #ffccbc 50%, #ffccbc 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #ffccbc 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #ffccbc 50%, #ffccbc 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #ffccbc 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #ffccbc 50%, #ffccbc 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.grey span {
    background-image: -webkit-linear-gradient(-45deg, #9e9e9e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #9e9e9e 50%, #9e9e9e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #9e9e9e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #9e9e9e 50%, #9e9e9e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #9e9e9e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #9e9e9e 50%, #9e9e9e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #9e9e9e 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #9e9e9e 50%, #9e9e9e 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.blue span {
    background-image: -webkit-linear-gradient(-45deg, #64b5f6 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #64b5f6 50%, #64b5f6 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #64b5f6 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #64b5f6 50%, #64b5f6 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #64b5f6 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #64b5f6 50%, #64b5f6 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #64b5f6 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #64b5f6 50%, #64b5f6 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.brown span {
    background-image: -webkit-linear-gradient(-45deg, #795548 25%, rgba(255, 255, 255, .3) 25%, white 50%, #795548 50%, #795548 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #795548 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #795548 50%, #795548 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #795548 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #795548 50%, #795548 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #795548 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #795548 50%, #795548 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}
.bar.blue-grey span {
    background-image: -webkit-linear-gradient(-45deg, #607d8b 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #607d8b 50%, #607d8b 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, #607d8b 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #607d8b 50%, #607d8b 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, #607d8b 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #607d8b 50%, #607d8b 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, #607d8b 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, #607d8b 50%, #607d8b 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@-ms-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
input.loading {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-image: linear-gradient(315deg, rgba(91, 192, 222, 0.25) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(91, 192, 222, 0.25) 50%, rgba(91, 192, 222, 0.25) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    -moz-box-background-image: linear-gradient(315deg, rgba(91, 192, 222, 0.25) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(91, 192, 222, 0.25) 50%, rgba(91, 192, 222, 0.25) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    -ms-background-image: linear-gradient(315deg, rgba(91, 192, 222, 0.25) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(91, 192, 222, 0.25) 50%, rgba(91, 192, 222, 0.25) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(315deg, rgba(91, 192, 222, 0.25) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(91, 192, 222, 0.25) 50%, rgba(91, 192, 222, 0.25) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    -webkit-background-size: 10px 10px;
    -moz-background-size: 10px 10px;
    -ms-background-size: 10px 10px;
    background-size: 10px 10px;
    -webkit-animation: inputloading 1s linear infinite;
    -moz-animation: inputloading 1s linear infinite;
    -ms-animation: inputloading 1s linear infinite;
    animation: inputloading 1s linear infinite;
    -webkit-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    -ms-box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
    box-shadow: inset 0 10px 0 rgba(255,255,255,.2);
}
@-webkit-keyframes inputloading {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@-moz-keyframes inputloading {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@-ms-keyframes inputloading {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
@keyframes inputloading {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
button.loading {
    background-image: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, .3) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, .3) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: -ms-linear-gradient(-45deg, rgba(0, 0, 0, .3) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, .3) 25%, rgba(255, 255, 255, .3) 25%, rgba(255, 255, 255, .3) 50%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 75%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, .3));
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -ms-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 1s linear infinite;
    -moz-animation: move 1s linear infinite;
    -ms-animation :move 1s linear infinite;
    animation: move 1s linear infinite;
}
@-webkit-keyframes move {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
@-moz-keyframes move {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
@-ms-keyframes move {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
@keyframes move {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}