.loader-white div {
    background-color: #FFF !important
}

.loader-white.ball-clip-rotate div {
    border-color: #FFF #FFF transparent !important;
    background-color: transparent !important
}

.loader-white.ball-clip-rotate-pulse div:first-child {
    background: #FFF !important
}

.loader-white.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #FFF transparent !important
}

.loader-white.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #FFF !important
}

.loader-white.ball-rotate div:after, .loader-white.ball-rotate div:before {
    background-color: #FFF !important
}

.loader-white.fading-circle div, .loader-white.semi-circle-spin div, .loader-white.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-white.ball-scale-ripple div, .loader-white.ball-scale-ripple-multiple div, .loader-white.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #FFF !important
}

.loader-white.triangle-skew-spin div {
    border-bottom-color: #FFF !important
}

.loader-white.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #FFF), to(#FFF));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #FFF 30%, #FFF 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #FFF 30%, #FFF 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #FFF 30%, #FFF 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #FFF 30%, #FFF 100%)
}

.loader-white.fading-circle div:before {
    background-color: #FFF !important
}

.loader-white.folding-cube div {
    background-color: transparent !important
}

.loader-white.folding-cube div:before {
    background-color: #FFF !important
}

.loader-black div {
    background-color: #000 !important
}

.loader-black.ball-clip-rotate div {
    border-color: #000 #000 transparent !important;
    background-color: transparent !important
}

.loader-black.ball-clip-rotate-pulse div:first-child {
    background: #000 !important
}

.loader-black.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #000 transparent !important
}

.loader-black.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #000 !important
}

.loader-black.ball-rotate div:after, .loader-black.ball-rotate div:before {
    background-color: #000 !important
}

.loader-black.fading-circle div, .loader-black.semi-circle-spin div, .loader-black.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-black.ball-scale-ripple div, .loader-black.ball-scale-ripple-multiple div, .loader-black.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #000 !important
}

.loader-black.triangle-skew-spin div {
    border-bottom-color: #000 !important
}

.loader-black.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #000), to(#000));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #000 30%, #000 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #000 30%, #000 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #000 30%, #000 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #000 30%, #000 100%)
}

.loader-black.fading-circle div:before {
    background-color: #000 !important
}

.loader-black.folding-cube div {
    background-color: transparent !important
}

.loader-black.folding-cube div:before {
    background-color: #000 !important
}

.loader-primary div {
    background-color: #967ADC !important
}

.loader-primary.ball-clip-rotate div {
    border-color: #967ADC #967ADC transparent !important;
    background-color: transparent !important
}

.loader-primary.ball-clip-rotate-pulse div:first-child {
    background: #967ADC !important
}

.loader-primary.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #967ADC transparent !important
}

.loader-primary.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #967ADC !important
}

.loader-primary.ball-rotate div:after, .loader-primary.ball-rotate div:before {
    background-color: #967ADC !important
}

.loader-primary.fading-circle div, .loader-primary.semi-circle-spin div, .loader-primary.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-primary.ball-scale-ripple div, .loader-primary.ball-scale-ripple-multiple div, .loader-primary.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #967ADC !important
}

.loader-primary.triangle-skew-spin div {
    border-bottom-color: #967ADC !important
}

.loader-primary.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #967ADC), to(#967ADC));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #967ADC 30%, #967ADC 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #967ADC 30%, #967ADC 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #967ADC 30%, #967ADC 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #967ADC 30%, #967ADC 100%)
}

.loader-primary.fading-circle div:before {
    background-color: #967ADC !important
}

.loader-primary.folding-cube div {
    background-color: transparent !important
}

.loader-primary.folding-cube div:before {
    background-color: #967ADC !important
}

.loader-success div {
    background-color: #37BC9B !important
}

.loader-success.ball-clip-rotate div {
    border-color: #37BC9B #37BC9B transparent !important;
    background-color: transparent !important
}

.loader-success.ball-clip-rotate-pulse div:first-child {
    background: #37BC9B !important
}

.loader-success.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #37BC9B transparent !important
}

.loader-success.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #37BC9B !important
}

.loader-success.ball-rotate div:after, .loader-success.ball-rotate div:before {
    background-color: #37BC9B !important
}

.loader-success.fading-circle div, .loader-success.semi-circle-spin div, .loader-success.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-success.ball-scale-ripple div, .loader-success.ball-scale-ripple-multiple div, .loader-success.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #37BC9B !important
}

.loader-success.triangle-skew-spin div {
    border-bottom-color: #37BC9B !important
}

.loader-success.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #37BC9B), to(#37BC9B));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #37BC9B 30%, #37BC9B 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #37BC9B 30%, #37BC9B 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #37BC9B 30%, #37BC9B 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #37BC9B 30%, #37BC9B 100%)
}

.loader-success.fading-circle div:before {
    background-color: #37BC9B !important
}

.loader-success.folding-cube div {
    background-color: transparent !important
}

.loader-success.folding-cube div:before {
    background-color: #37BC9B !important
}

.loader-info div {
    background-color: #3BAFDA !important
}

.loader-info.ball-clip-rotate div {
    border-color: #3BAFDA #3BAFDA transparent !important;
    background-color: transparent !important
}

.loader-info.ball-clip-rotate-pulse div:first-child {
    background: #3BAFDA !important
}

.loader-info.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #3BAFDA transparent !important
}

.loader-info.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #3BAFDA !important
}

.loader-info.ball-rotate div:after, .loader-info.ball-rotate div:before {
    background-color: #3BAFDA !important
}

.loader-info.fading-circle div, .loader-info.semi-circle-spin div, .loader-info.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-info.ball-scale-ripple div, .loader-info.ball-scale-ripple-multiple div, .loader-info.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #3BAFDA !important
}

.loader-info.triangle-skew-spin div {
    border-bottom-color: #3BAFDA !important
}

.loader-info.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #3BAFDA), to(#3BAFDA));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #3BAFDA 30%, #3BAFDA 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #3BAFDA 30%, #3BAFDA 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #3BAFDA 30%, #3BAFDA 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #3BAFDA 30%, #3BAFDA 100%)
}

.loader-info.fading-circle div:before {
    background-color: #3BAFDA !important
}

.loader-info.folding-cube div {
    background-color: transparent !important
}

.loader-info.folding-cube div:before {
    background-color: #3BAFDA !important
}

.loader-warning div {
    background-color: #F6BB42 !important
}

.loader-warning.ball-clip-rotate div {
    border-color: #F6BB42 #F6BB42 transparent !important;
    background-color: transparent !important
}

.loader-warning.ball-clip-rotate-pulse div:first-child {
    background: #F6BB42 !important
}

.loader-warning.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #F6BB42 transparent !important
}

.loader-warning.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #F6BB42 !important
}

.loader-warning.ball-rotate div:after, .loader-warning.ball-rotate div:before {
    background-color: #F6BB42 !important
}

.loader-warning.fading-circle div, .loader-warning.semi-circle-spin div, .loader-warning.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-warning.ball-scale-ripple div, .loader-warning.ball-scale-ripple-multiple div, .loader-warning.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #F6BB42 !important
}

.loader-warning.triangle-skew-spin div {
    border-bottom-color: #F6BB42 !important
}

.loader-warning.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #F6BB42), to(#F6BB42));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #F6BB42 30%, #F6BB42 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #F6BB42 30%, #F6BB42 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #F6BB42 30%, #F6BB42 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #F6BB42 30%, #F6BB42 100%)
}

.loader-warning.fading-circle div:before {
    background-color: #F6BB42 !important
}

.loader-warning.folding-cube div {
    background-color: transparent !important
}

.loader-warning.folding-cube div:before {
    background-color: #F6BB42 !important
}

.loader-danger div {
    background-color: #DA4453 !important
}

.loader-danger.ball-clip-rotate div {
    border-color: #DA4453 #DA4453 transparent !important;
    background-color: transparent !important
}

.loader-danger.ball-clip-rotate-pulse div:first-child {
    background: #DA4453 !important
}

.loader-danger.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #DA4453 transparent !important
}

.loader-danger.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #DA4453 !important
}

.loader-danger.ball-rotate div:after, .loader-danger.ball-rotate div:before {
    background-color: #DA4453 !important
}

.loader-danger.fading-circle div, .loader-danger.semi-circle-spin div, .loader-danger.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-danger.ball-scale-ripple div, .loader-danger.ball-scale-ripple-multiple div, .loader-danger.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #DA4453 !important
}

.loader-danger.triangle-skew-spin div {
    border-bottom-color: #DA4453 !important
}

.loader-danger.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #DA4453), to(#DA4453));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #DA4453 30%, #DA4453 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #DA4453 30%, #DA4453 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #DA4453 30%, #DA4453 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #DA4453 30%, #DA4453 100%)
}

.loader-danger.fading-circle div:before {
    background-color: #DA4453 !important
}

.loader-danger.folding-cube div {
    background-color: transparent !important
}

.loader-danger.folding-cube div:before {
    background-color: #DA4453 !important
}

.loader-red div {
    background-color: #F44336 !important
}

.loader-red.ball-clip-rotate div {
    border-color: #F44336 #F44336 transparent !important;
    background-color: transparent !important
}

.loader-red.ball-clip-rotate-pulse div:first-child {
    background: #F44336 !important
}

.loader-red.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #F44336 transparent !important
}

.loader-red.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #F44336 !important
}

.loader-red.ball-rotate div:after, .loader-red.ball-rotate div:before {
    background-color: #F44336 !important
}

.loader-red.fading-circle div, .loader-red.semi-circle-spin div, .loader-red.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-red.ball-scale-ripple div, .loader-red.ball-scale-ripple-multiple div, .loader-red.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #F44336 !important
}

.loader-red.triangle-skew-spin div {
    border-bottom-color: #F44336 !important
}

.loader-red.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #F44336), to(#F44336));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #F44336 30%, #F44336 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #F44336 30%, #F44336 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #F44336 30%, #F44336 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #F44336 30%, #F44336 100%)
}

.loader-red.fading-circle div:before {
    background-color: #F44336 !important
}

.loader-red.folding-cube div {
    background-color: transparent !important
}

.loader-red.folding-cube div:before {
    background-color: #F44336 !important
}

.loader-pink div {
    background-color: #E91E63 !important
}

.loader-pink.ball-clip-rotate div {
    border-color: #E91E63 #E91E63 transparent !important;
    background-color: transparent !important
}

.loader-pink.ball-clip-rotate-pulse div:first-child {
    background: #E91E63 !important
}

.loader-pink.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #E91E63 transparent !important
}

.loader-pink.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #E91E63 !important
}

.loader-pink.ball-rotate div:after, .loader-pink.ball-rotate div:before {
    background-color: #E91E63 !important
}

.loader-pink.fading-circle div, .loader-pink.semi-circle-spin div, .loader-pink.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-pink.ball-scale-ripple div, .loader-pink.ball-scale-ripple-multiple div, .loader-pink.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #E91E63 !important
}

.loader-pink.triangle-skew-spin div {
    border-bottom-color: #E91E63 !important
}

.loader-pink.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #E91E63), to(#E91E63));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #E91E63 30%, #E91E63 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #E91E63 30%, #E91E63 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #E91E63 30%, #E91E63 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #E91E63 30%, #E91E63 100%)
}

.loader-pink.fading-circle div:before {
    background-color: #E91E63 !important
}

.loader-pink.folding-cube div {
    background-color: transparent !important
}

.loader-pink.folding-cube div:before {
    background-color: #E91E63 !important
}

.loader-purple div {
    background-color: #9C27B0 !important
}

.loader-purple.ball-clip-rotate div {
    border-color: #9C27B0 #9C27B0 transparent !important;
    background-color: transparent !important
}

.loader-purple.ball-clip-rotate-pulse div:first-child {
    background: #9C27B0 !important
}

.loader-purple.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #9C27B0 transparent !important
}

.loader-purple.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #9C27B0 !important
}

.loader-purple.ball-rotate div:after, .loader-purple.ball-rotate div:before {
    background-color: #9C27B0 !important
}

.loader-purple.fading-circle div, .loader-purple.semi-circle-spin div, .loader-purple.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-purple.ball-scale-ripple div, .loader-purple.ball-scale-ripple-multiple div, .loader-purple.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #9C27B0 !important
}

.loader-purple.triangle-skew-spin div {
    border-bottom-color: #9C27B0 !important
}

.loader-purple.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #9C27B0), to(#9C27B0));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #9C27B0 30%, #9C27B0 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #9C27B0 30%, #9C27B0 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #9C27B0 30%, #9C27B0 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #9C27B0 30%, #9C27B0 100%)
}

.loader-purple.fading-circle div:before {
    background-color: #9C27B0 !important
}

.loader-purple.folding-cube div {
    background-color: transparent !important
}

.loader-purple.folding-cube div:before {
    background-color: #9C27B0 !important
}

.loader-deep-purple div {
    background-color: #673AB7 !important
}

.loader-deep-purple.ball-clip-rotate div {
    border-color: #673AB7 #673AB7 transparent !important;
    background-color: transparent !important
}

.loader-deep-purple.ball-clip-rotate-pulse div:first-child {
    background: #673AB7 !important
}

.loader-deep-purple.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #673AB7 transparent !important
}

.loader-deep-purple.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #673AB7 !important
}

.loader-deep-purple.ball-rotate div:after, .loader-deep-purple.ball-rotate div:before {
    background-color: #673AB7 !important
}

.loader-deep-purple.ball-scale-ripple div, .loader-deep-purple.ball-scale-ripple-multiple div, .loader-deep-purple.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #673AB7 !important
}

.loader-deep-purple.triangle-skew-spin div {
    background-color: transparent !important;
    border-bottom-color: #673AB7 !important
}

.loader-deep-purple.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #673AB7), to(#673AB7));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #673AB7 30%, #673AB7 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #673AB7 30%, #673AB7 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #673AB7 30%, #673AB7 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #673AB7 30%, #673AB7 100%);
    background-color: transparent !important
}

.loader-deep-purple.fading-circle div {
    background-color: transparent !important
}

.loader-deep-purple.fading-circle div:before {
    background-color: #673AB7 !important
}

.loader-deep-purple.folding-cube div {
    background-color: transparent !important
}

.loader-deep-purple.folding-cube div:before {
    background-color: #673AB7 !important
}

.loader-indigo div {
    background-color: #3F51B5 !important
}

.loader-indigo.ball-clip-rotate div {
    border-color: #3F51B5 #3F51B5 transparent !important;
    background-color: transparent !important
}

.loader-indigo.ball-clip-rotate-pulse div:first-child {
    background: #3F51B5 !important
}

.loader-indigo.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #3F51B5 transparent !important
}

.loader-indigo.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #3F51B5 !important
}

.loader-indigo.ball-rotate div:after, .loader-indigo.ball-rotate div:before {
    background-color: #3F51B5 !important
}

.loader-indigo.fading-circle div, .loader-indigo.semi-circle-spin div, .loader-indigo.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-indigo.ball-scale-ripple div, .loader-indigo.ball-scale-ripple-multiple div, .loader-indigo.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #3F51B5 !important
}

.loader-indigo.triangle-skew-spin div {
    border-bottom-color: #3F51B5 !important
}

.loader-indigo.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #3F51B5), to(#3F51B5));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #3F51B5 30%, #3F51B5 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #3F51B5 30%, #3F51B5 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #3F51B5 30%, #3F51B5 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #3F51B5 30%, #3F51B5 100%)
}

.loader-indigo.fading-circle div:before {
    background-color: #3F51B5 !important
}

.loader-indigo.folding-cube div {
    background-color: transparent !important
}

.loader-indigo.folding-cube div:before {
    background-color: #3F51B5 !important
}

.loader-blue div {
    background-color: #2196F3 !important
}

.loader-blue.ball-clip-rotate div {
    border-color: #2196F3 #2196F3 transparent !important;
    background-color: transparent !important
}

.loader-blue.ball-clip-rotate-pulse div:first-child {
    background: #2196F3 !important
}

.loader-blue.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #2196F3 transparent !important
}

.loader-blue.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #2196F3 !important
}

.loader-blue.ball-rotate div:after, .loader-blue.ball-rotate div:before {
    background-color: #2196F3 !important
}

.loader-blue.fading-circle div, .loader-blue.semi-circle-spin div, .loader-blue.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-blue.ball-scale-ripple div, .loader-blue.ball-scale-ripple-multiple div, .loader-blue.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #2196F3 !important
}

.loader-blue.triangle-skew-spin div {
    border-bottom-color: #2196F3 !important
}

.loader-blue.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #2196F3), to(#2196F3));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #2196F3 30%, #2196F3 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #2196F3 30%, #2196F3 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #2196F3 30%, #2196F3 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #2196F3 30%, #2196F3 100%)
}

.loader-blue.fading-circle div:before {
    background-color: #2196F3 !important
}

.loader-blue.folding-cube div {
    background-color: transparent !important
}

.loader-blue.folding-cube div:before {
    background-color: #2196F3 !important
}

.loader-light-blue div {
    background-color: #03A9F4 !important
}

.loader-light-blue.ball-clip-rotate div {
    border-color: #03A9F4 #03A9F4 transparent !important;
    background-color: transparent !important
}

.loader-light-blue.ball-clip-rotate-pulse div:first-child {
    background: #03A9F4 !important
}

.loader-light-blue.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #03A9F4 transparent !important
}

.loader-light-blue.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #03A9F4 !important
}

.loader-light-blue.ball-rotate div:after, .loader-light-blue.ball-rotate div:before {
    background-color: #03A9F4 !important
}

.loader-light-blue.ball-scale-ripple div, .loader-light-blue.ball-scale-ripple-multiple div, .loader-light-blue.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #03A9F4 !important
}

.loader-light-blue.triangle-skew-spin div {
    background-color: transparent !important;
    border-bottom-color: #03A9F4 !important
}

.loader-light-blue.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #03A9F4), to(#03A9F4));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #03A9F4 30%, #03A9F4 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #03A9F4 30%, #03A9F4 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #03A9F4 30%, #03A9F4 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #03A9F4 30%, #03A9F4 100%);
    background-color: transparent !important
}

.loader-light-blue.fading-circle div {
    background-color: transparent !important
}

.loader-light-blue.fading-circle div:before {
    background-color: #03A9F4 !important
}

.loader-light-blue.folding-cube div {
    background-color: transparent !important
}

.loader-light-blue.folding-cube div:before {
    background-color: #03A9F4 !important
}

.loader-cyan div {
    background-color: #00BCD4 !important
}

.loader-cyan.ball-clip-rotate div {
    border-color: #00BCD4 #00BCD4 transparent !important;
    background-color: transparent !important
}

.loader-cyan.ball-clip-rotate-pulse div:first-child {
    background: #00BCD4 !important
}

.loader-cyan.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #00BCD4 transparent !important
}

.loader-cyan.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #00BCD4 !important
}

.loader-cyan.ball-rotate div:after, .loader-cyan.ball-rotate div:before {
    background-color: #00BCD4 !important
}

.loader-cyan.fading-circle div, .loader-cyan.semi-circle-spin div, .loader-cyan.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-cyan.ball-scale-ripple div, .loader-cyan.ball-scale-ripple-multiple div, .loader-cyan.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #00BCD4 !important
}

.loader-cyan.triangle-skew-spin div {
    border-bottom-color: #00BCD4 !important
}

.loader-cyan.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #00BCD4), to(#00BCD4));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #00BCD4 30%, #00BCD4 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #00BCD4 30%, #00BCD4 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #00BCD4 30%, #00BCD4 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #00BCD4 30%, #00BCD4 100%)
}

.loader-cyan.fading-circle div:before {
    background-color: #00BCD4 !important
}

.loader-cyan.folding-cube div {
    background-color: transparent !important
}

.loader-cyan.folding-cube div:before {
    background-color: #00BCD4 !important
}

.loader-teal div {
    background-color: #009688 !important
}

.loader-teal.ball-clip-rotate div {
    border-color: #009688 #009688 transparent !important;
    background-color: transparent !important
}

.loader-teal.ball-clip-rotate-pulse div:first-child {
    background: #009688 !important
}

.loader-teal.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #009688 transparent !important
}

.loader-teal.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #009688 !important
}

.loader-teal.ball-rotate div:after, .loader-teal.ball-rotate div:before {
    background-color: #009688 !important
}

.loader-teal.fading-circle div, .loader-teal.semi-circle-spin div, .loader-teal.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-teal.ball-scale-ripple div, .loader-teal.ball-scale-ripple-multiple div, .loader-teal.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #009688 !important
}

.loader-teal.triangle-skew-spin div {
    border-bottom-color: #009688 !important
}

.loader-teal.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #009688), to(#009688));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #009688 30%, #009688 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #009688 30%, #009688 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #009688 30%, #009688 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #009688 30%, #009688 100%)
}

.loader-teal.fading-circle div:before {
    background-color: #009688 !important
}

.loader-teal.folding-cube div {
    background-color: transparent !important
}

.loader-teal.folding-cube div:before {
    background-color: #009688 !important
}

.loader-green div {
    background-color: #4CAF50 !important
}

.loader-green.ball-clip-rotate div {
    border-color: #4CAF50 #4CAF50 transparent !important;
    background-color: transparent !important
}

.loader-green.ball-clip-rotate-pulse div:first-child {
    background: #4CAF50 !important
}

.loader-green.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #4CAF50 transparent !important
}

.loader-green.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #4CAF50 !important
}

.loader-green.ball-rotate div:after, .loader-green.ball-rotate div:before {
    background-color: #4CAF50 !important
}

.loader-green.fading-circle div, .loader-green.semi-circle-spin div, .loader-green.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-green.ball-scale-ripple div, .loader-green.ball-scale-ripple-multiple div, .loader-green.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #4CAF50 !important
}

.loader-green.triangle-skew-spin div {
    border-bottom-color: #4CAF50 !important
}

.loader-green.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #4CAF50), to(#4CAF50));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #4CAF50 30%, #4CAF50 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #4CAF50 30%, #4CAF50 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #4CAF50 30%, #4CAF50 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #4CAF50 30%, #4CAF50 100%)
}

.loader-green.fading-circle div:before {
    background-color: #4CAF50 !important
}

.loader-green.folding-cube div {
    background-color: transparent !important
}

.loader-green.folding-cube div:before {
    background-color: #4CAF50 !important
}

.loader-light-green div {
    background-color: #8BC34A !important
}

.loader-light-green.ball-clip-rotate div {
    border-color: #8BC34A #8BC34A transparent !important;
    background-color: transparent !important
}

.loader-light-green.ball-clip-rotate-pulse div:first-child {
    background: #8BC34A !important
}

.loader-light-green.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #8BC34A transparent !important
}

.loader-light-green.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #8BC34A !important
}

.loader-light-green.ball-rotate div:after, .loader-light-green.ball-rotate div:before {
    background-color: #8BC34A !important
}

.loader-light-green.ball-scale-ripple div, .loader-light-green.ball-scale-ripple-multiple div, .loader-light-green.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #8BC34A !important
}

.loader-light-green.triangle-skew-spin div {
    background-color: transparent !important;
    border-bottom-color: #8BC34A !important
}

.loader-light-green.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #8BC34A), to(#8BC34A));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #8BC34A 30%, #8BC34A 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #8BC34A 30%, #8BC34A 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #8BC34A 30%, #8BC34A 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #8BC34A 30%, #8BC34A 100%);
    background-color: transparent !important
}

.loader-light-green.fading-circle div {
    background-color: transparent !important
}

.loader-light-green.fading-circle div:before {
    background-color: #8BC34A !important
}

.loader-light-green.folding-cube div {
    background-color: transparent !important
}

.loader-light-green.folding-cube div:before {
    background-color: #8BC34A !important
}

.loader-lime div {
    background-color: #CDDC39 !important
}

.loader-lime.ball-clip-rotate div {
    border-color: #CDDC39 #CDDC39 transparent !important;
    background-color: transparent !important
}

.loader-lime.ball-clip-rotate-pulse div:first-child {
    background: #CDDC39 !important
}

.loader-lime.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #CDDC39 transparent !important
}

.loader-lime.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #CDDC39 !important
}

.loader-lime.ball-rotate div:after, .loader-lime.ball-rotate div:before {
    background-color: #CDDC39 !important
}

.loader-lime.fading-circle div, .loader-lime.semi-circle-spin div, .loader-lime.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-lime.ball-scale-ripple div, .loader-lime.ball-scale-ripple-multiple div, .loader-lime.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #CDDC39 !important
}

.loader-lime.triangle-skew-spin div {
    border-bottom-color: #CDDC39 !important
}

.loader-lime.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #CDDC39), to(#CDDC39));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #CDDC39 30%, #CDDC39 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #CDDC39 30%, #CDDC39 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #CDDC39 30%, #CDDC39 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #CDDC39 30%, #CDDC39 100%)
}

.loader-lime.fading-circle div:before {
    background-color: #CDDC39 !important
}

.loader-lime.folding-cube div {
    background-color: transparent !important
}

.loader-lime.folding-cube div:before {
    background-color: #CDDC39 !important
}

.loader-yellow div {
    background-color: #FFEB3B !important
}

.loader-yellow.ball-clip-rotate div {
    border-color: #FFEB3B #FFEB3B transparent !important;
    background-color: transparent !important
}

.loader-yellow.ball-clip-rotate-pulse div:first-child {
    background: #FFEB3B !important
}

.loader-yellow.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #FFEB3B transparent !important
}

.loader-yellow.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #FFEB3B !important
}

.loader-yellow.ball-rotate div:after, .loader-yellow.ball-rotate div:before {
    background-color: #FFEB3B !important
}

.loader-yellow.fading-circle div, .loader-yellow.semi-circle-spin div, .loader-yellow.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-yellow.ball-scale-ripple div, .loader-yellow.ball-scale-ripple-multiple div, .loader-yellow.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #FFEB3B !important
}

.loader-yellow.triangle-skew-spin div {
    border-bottom-color: #FFEB3B !important
}

.loader-yellow.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #FFEB3B), to(#FFEB3B));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #FFEB3B 30%, #FFEB3B 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #FFEB3B 30%, #FFEB3B 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #FFEB3B 30%, #FFEB3B 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #FFEB3B 30%, #FFEB3B 100%)
}

.loader-yellow.fading-circle div:before {
    background-color: #FFEB3B !important
}

.loader-yellow.folding-cube div {
    background-color: transparent !important
}

.loader-yellow.folding-cube div:before {
    background-color: #FFEB3B !important
}

.loader-amber div {
    background-color: #FFC107 !important
}

.loader-amber.ball-clip-rotate div {
    border-color: #FFC107 #FFC107 transparent !important;
    background-color: transparent !important
}

.loader-amber.ball-clip-rotate-pulse div:first-child {
    background: #FFC107 !important
}

.loader-amber.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #FFC107 transparent !important
}

.loader-amber.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #FFC107 !important
}

.loader-amber.ball-rotate div:after, .loader-amber.ball-rotate div:before {
    background-color: #FFC107 !important
}

.loader-amber.fading-circle div, .loader-amber.semi-circle-spin div, .loader-amber.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-amber.ball-scale-ripple div, .loader-amber.ball-scale-ripple-multiple div, .loader-amber.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #FFC107 !important
}

.loader-amber.triangle-skew-spin div {
    border-bottom-color: #FFC107 !important
}

.loader-amber.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #FFC107), to(#FFC107));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #FFC107 30%, #FFC107 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #FFC107 30%, #FFC107 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #FFC107 30%, #FFC107 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #FFC107 30%, #FFC107 100%)
}

.loader-amber.fading-circle div:before {
    background-color: #FFC107 !important
}

.loader-amber.folding-cube div {
    background-color: transparent !important
}

.loader-amber.folding-cube div:before {
    background-color: #FFC107 !important
}

.loader-orange div {
    background-color: #FF9800 !important
}

.loader-orange.ball-clip-rotate div {
    border-color: #FF9800 #FF9800 transparent !important;
    background-color: transparent !important
}

.loader-orange.ball-clip-rotate-pulse div:first-child {
    background: #FF9800 !important
}

.loader-orange.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #FF9800 transparent !important
}

.loader-orange.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #FF9800 !important
}

.loader-orange.ball-rotate div:after, .loader-orange.ball-rotate div:before {
    background-color: #FF9800 !important
}

.loader-orange.fading-circle div, .loader-orange.semi-circle-spin div, .loader-orange.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-orange.ball-scale-ripple div, .loader-orange.ball-scale-ripple-multiple div, .loader-orange.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #FF9800 !important
}

.loader-orange.triangle-skew-spin div {
    border-bottom-color: #FF9800 !important
}

.loader-orange.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #FF9800), to(#FF9800));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #FF9800 30%, #FF9800 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #FF9800 30%, #FF9800 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #FF9800 30%, #FF9800 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #FF9800 30%, #FF9800 100%)
}

.loader-orange.fading-circle div:before {
    background-color: #FF9800 !important
}

.loader-orange.folding-cube div {
    background-color: transparent !important
}

.loader-orange.folding-cube div:before {
    background-color: #FF9800 !important
}

.loader-deep-orange div {
    background-color: #FF5722 !important
}

.loader-deep-orange.ball-clip-rotate div {
    border-color: #FF5722 #FF5722 transparent !important;
    background-color: transparent !important
}

.loader-deep-orange.ball-clip-rotate-pulse div:first-child {
    background: #FF5722 !important
}

.loader-deep-orange.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #FF5722 transparent !important
}

.loader-deep-orange.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #FF5722 !important
}

.loader-deep-orange.ball-rotate div:after, .loader-deep-orange.ball-rotate div:before {
    background-color: #FF5722 !important
}

.loader-deep-orange.ball-scale-ripple div, .loader-deep-orange.ball-scale-ripple-multiple div, .loader-deep-orange.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #FF5722 !important
}

.loader-deep-orange.triangle-skew-spin div {
    background-color: transparent !important;
    border-bottom-color: #FF5722 !important
}

.loader-deep-orange.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #FF5722), to(#FF5722));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #FF5722 30%, #FF5722 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #FF5722 30%, #FF5722 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #FF5722 30%, #FF5722 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #FF5722 30%, #FF5722 100%);
    background-color: transparent !important
}

.loader-deep-orange.fading-circle div {
    background-color: transparent !important
}

.loader-deep-orange.fading-circle div:before {
    background-color: #FF5722 !important
}

.loader-deep-orange.folding-cube div {
    background-color: transparent !important
}

.loader-deep-orange.folding-cube div:before {
    background-color: #FF5722 !important
}

.loader-brown div {
    background-color: #795548 !important
}

.loader-brown.ball-clip-rotate div {
    border-color: #795548 #795548 transparent !important;
    background-color: transparent !important
}

.loader-brown.ball-clip-rotate-pulse div:first-child {
    background: #795548 !important
}

.loader-brown.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #795548 transparent !important
}

.loader-brown.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #795548 !important
}

.loader-brown.ball-rotate div:after, .loader-brown.ball-rotate div:before {
    background-color: #795548 !important
}

.loader-brown.fading-circle div, .loader-brown.semi-circle-spin div, .loader-brown.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-brown.ball-scale-ripple div, .loader-brown.ball-scale-ripple-multiple div, .loader-brown.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #795548 !important
}

.loader-brown.triangle-skew-spin div {
    border-bottom-color: #795548 !important
}

.loader-brown.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #795548), to(#795548));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #795548 30%, #795548 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #795548 30%, #795548 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #795548 30%, #795548 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #795548 30%, #795548 100%)
}

.loader-brown.fading-circle div:before {
    background-color: #795548 !important
}

.loader-brown.folding-cube div {
    background-color: transparent !important
}

.loader-brown.folding-cube div:before {
    background-color: #795548 !important
}

.loader-blue-grey div {
    background-color: #607D8B !important
}

.loader-blue-grey.ball-clip-rotate div {
    border-color: #607D8B #607D8B transparent !important;
    background-color: transparent !important
}

.loader-blue-grey.ball-clip-rotate-pulse div:first-child {
    background: #607D8B !important
}

.loader-blue-grey.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #607D8B transparent !important
}

.loader-blue-grey.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #607D8B !important
}

.loader-blue-grey.ball-rotate div:after, .loader-blue-grey.ball-rotate div:before {
    background-color: #607D8B !important
}

.loader-blue-grey.ball-scale-ripple div, .loader-blue-grey.ball-scale-ripple-multiple div, .loader-blue-grey.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #607D8B !important
}

.loader-blue-grey.triangle-skew-spin div {
    background-color: transparent !important;
    border-bottom-color: #607D8B !important
}

.loader-blue-grey.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #607D8B), to(#607D8B));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #607D8B 30%, #607D8B 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #607D8B 30%, #607D8B 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #607D8B 30%, #607D8B 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #607D8B 30%, #607D8B 100%);
    background-color: transparent !important
}

.loader-blue-grey.fading-circle div {
    background-color: transparent !important
}

.loader-blue-grey.fading-circle div:before {
    background-color: #607D8B !important
}

.loader-blue-grey.folding-cube div {
    background-color: transparent !important
}

.loader-blue-grey.folding-cube div:before {
    background-color: #607D8B !important
}

.loader-grey div {
    background-color: #9E9E9E !important
}

.loader-grey.ball-clip-rotate div {
    border-color: #9E9E9E #9E9E9E transparent !important;
    background-color: transparent !important
}

.loader-grey.ball-clip-rotate-pulse div:first-child {
    background: #9E9E9E !important
}

.loader-grey.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #9E9E9E transparent !important
}

.loader-grey.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #9E9E9E !important
}

.loader-grey.ball-rotate div:after, .loader-grey.ball-rotate div:before {
    background-color: #9E9E9E !important
}

.loader-grey.fading-circle div, .loader-grey.semi-circle-spin div, .loader-grey.triangle-skew-spin div {
    background-color: transparent !important
}

.loader-grey.ball-scale-ripple div, .loader-grey.ball-scale-ripple-multiple div, .loader-grey.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #9E9E9E !important
}

.loader-grey.triangle-skew-spin div {
    border-bottom-color: #9E9E9E !important
}

.loader-grey.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #9E9E9E), to(#9E9E9E));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #9E9E9E 30%, #9E9E9E 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #9E9E9E 30%, #9E9E9E 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #9E9E9E 30%, #9E9E9E 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #9E9E9E 30%, #9E9E9E 100%)
}

.loader-grey.fading-circle div:before {
    background-color: #9E9E9E !important
}

.loader-grey.folding-cube div {
    background-color: transparent !important
}

.loader-grey.folding-cube div:before {
    background-color: #9E9E9E !important
}

.loader-grey-blue div {
    background-color: #1B2942 !important
}

.loader-grey-blue.ball-clip-rotate div {
    border-color: #1B2942 #1B2942 transparent !important;
    background-color: transparent !important
}

.loader-grey-blue.ball-clip-rotate-pulse div:first-child {
    background: #1B2942 !important
}

.loader-grey-blue.ball-clip-rotate-pulse div:last-child {
    background: 0 0 !important;
    border-color: #1B2942 transparent !important
}

.loader-grey-blue.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #1B2942 !important
}

.loader-grey-blue.ball-rotate div:after, .loader-grey-blue.ball-rotate div:before {
    background-color: #1B2942 !important
}

.loader-grey-blue.ball-scale-ripple div, .loader-grey-blue.ball-scale-ripple-multiple div, .loader-grey-blue.ball-triangle-path div {
    background-color: transparent !important;
    border-color: #1B2942 !important
}

.loader-grey-blue.triangle-skew-spin div {
    background-color: transparent !important;
    border-bottom-color: #1B2942 !important
}

.loader-grey-blue.semi-circle-spin div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #1B2942), to(#1B2942));
    background-image: -webkit-linear-gradient(transparent 0, transparent 70%, #1B2942 30%, #1B2942 100%);
    background-image: -moz-linear-gradient(transparent 0, transparent 70%, #1B2942 30%, #1B2942 100%);
    background-image: -o-linear-gradient(transparent 0, transparent 70%, #1B2942 30%, #1B2942 100%);
    background-image: linear-gradient(transparent 0, transparent 70%, #1B2942 30%, #1B2942 100%);
    background-color: transparent !important
}

.loader-grey-blue.fading-circle div {
    background-color: transparent !important
}

.loader-grey-blue.fading-circle div:before {
    background-color: #1B2942 !important
}

.loader-grey-blue.folding-cube div {
    background-color: transparent !important
}

.loader-grey-blue.folding-cube div:before {
    background-color: #1B2942 !important
}




/*.bell .material-icons {*/
/*    !* font-size:12rem !important; *!*/
/*    !* font-size:36px !important; *!*/
/*    font-size:2rem !important;*/
/*}*/

/*.bell {*/
/*    position:relative;*/
/*    display:inline-block;*/
/*    !* border:dashed 1px rgba(0,0,0,.25); *!*/
/*    margin:0;*/
/*    padding:0;*/
/*}*/

/*.bell .anchor {*/
/*    transform-origin:center top;*/
/*    display:inline-block;*/
/*    margin:0;*/
/*    padding:0;*/
/*}*/

/*.bell .layer-1 {*/
/*    color:#f9230d;*/
/*    z-index:9;*/
/*    animation: animation-layer-1 5000ms infinite;*/
/*    opacity:0;*/
/*}*/

/*.bell .layer-2 {*/
/*    color:#f9230d;*/
/*    z-index:8;*/
/*    position:absolute;top:0;left:0;*/
/*    animation: animation-layer-2 5000ms infinite;*/
/*}*/

/*.bell .layer-3 {*/
/*    color:#f9230d;*/
/*    z-index:7;*/
/*    position:absolute;top:0;left:0;*/
/*    animation: animation-layer-3 5000ms infinite;*/
/*}*/

/*@keyframes animation-layer-1 {*/
/*    0% { transform: rotate(0deg);opacity:0; }*/
/*    8.0% { transform: rotate(0deg);opacity:0; }*/
/*    12.0% { transform: rotate(42deg);opacity:.5; }*/
/*    16.0% { transform: rotate(-35deg);opacity:.4; }*/
/*    20.0% { transform: rotate(0deg);opacity:.1; }*/
/*    23.0% { transform: rotate(28deg);opacity:.3; }*/
/*    26.0% { transform: rotate(-20deg);opacity:.2; }*/
/*    29.0% { transform: rotate(0deg);opacity:.1; }*/
/*    31.0% { transform: rotate(16deg);opacity:0; }*/
/*    33.0% { transform: rotate(-12deg);opacity:0; }*/
/*    35.0% { transform: rotate(0deg);opacity:0; }*/
/*    37.0% { transform: rotate(-6deg);opacity:0; }*/
/*    39.0% { transform: rotate(0deg);opacity:0; }*/
/*}*/

/*@keyframes animation-layer-2 {*/
/*    0% { transform: rotate(0deg); }*/
/*    8.0% { transform: rotate(0deg); }*/
/*    12.0% { transform: rotate(42deg); }*/
/*    16.0% { transform: rotate(-35deg); }*/
/*    20.0% { transform: rotate(0deg); }*/
/*    23.0% { transform: rotate(28deg); }*/
/*    26.0% { transform: rotate(-20deg); }*/
/*    29.0% { transform: rotate(0deg); }*/
/*    31.0% { transform: rotate(16deg); }*/
/*    33.0% { transform: rotate(-12deg); }*/
/*    35.0% { transform: rotate(0deg); }*/
/*    37.0% { transform: rotate(-6deg); }*/
/*    39.0% { transform: rotate(0deg); }*/
/*    40.0% { transform: rotate(6deg); }*/
/*    44.0% { transform: rotate(-3deg); }*/
/*    49.0% { transform: rotate(2deg);}*/
/*    55.0% { transform: rotate(0deg); }*/
/*    62.0% { transform: rotate(1deg); }*/
/*    70.0% { transform: rotate(0deg); }*/
/*}*/

/*@keyframes animation-layer-3 {*/
/*    0% { transform: rotate(0deg);opacity:1; }*/
/*    8.0% { transform: rotate(0deg);opacity:1; }*/
/*    12.0% { transform: rotate(52deg);opacity:.5; }*/
/*    16.0% { transform: rotate(-48deg);opacity:.4; }*/
/*    20.0% { transform: rotate(0deg);opacity:1; }*/
/*    23.0% { transform: rotate(42deg);opacity:.3; }*/
/*    26.0% { transform: rotate(-30deg);opacity:.2; }*/
/*    29.0% { transform: rotate(0deg);opacity:1; }*/
/*    31.0% { transform: rotate(26deg);opacity:.15; }*/
/*    33.0% { transform: rotate(-18deg);opacity:.1; }*/
/*    35.0% { transform: rotate(0deg);opacity:1; }*/
/*    37.0% { transform: rotate(-12deg);opacity:.8; }*/
/*    40.0% { transform: rotate(6deg);opacity:1; }*/
/*    44.0% { transform: rotate(-3deg);opacity:.8; }*/
/*    49.0% { transform: rotate(2deg);opacity:1; }*/
/*    55.0% { transform: rotate(0deg);opacity:1; }*/
/*    62.0% { transform: rotate(1deg);opacity:1; }*/
/*    70.0% { transform: rotate(0deg);opacity:1; }*/
/*}*/


.bell{
    display:block;
    font-size: 22px;
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}