.modal {
    display:    none;
    position:   fixed;
    z-index:    11000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 ) 
                url('../img/ic_loading.svg') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

body.jquery-loading {
    overflow: hidden;
}

body.jquery-loading .modal {
    display: block;
}

.small_modal {
    display:    none;
    position:   absolute;
    z-index:    950 !important;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 ) 
                url('../img/ic_small_loading.svg') 
                50% 50% 
                no-repeat;
}

.tiny_modal {
    display:    none;
    position:   absolute;
    z-index:    950 !important;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 ) 
                url('../img/ic_tiny_loading.svg') 
                50% 50% 
                no-repeat;
}

.sidebar-loading-indicator{
	font-weight: bold;
	font-size: 15px;
	height: 48px;
	line-height: 48px;
	display: block;
	padding-left: 17px;
	border-left: 4px solid transparent;
	position: relative;
}
@media only screen and (max-width: 943px) {
	.sidebar-loading-indicator{
		padding-left: 6px;
	}
}
.sidebar-loading-indicator i{
	color: #ffffff !important;
	font-size: 1.5em;
}