#login_profile_imgage {
    border-radius: 100px; 
    width: 100px; 
    height: 100px; 
    background-color: #ffffff; 
    margin-bottom: 10px; 
    margin-top: 0px;
}
.modal {
    touch-action: pan-y;
}



.ajaxload {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
    background-size: 80px; /* adjusted from 20% to fixed size for better rendering */
}
body.loading {
    overflow: hidden;   
}
body.loading .ajaxload {
    display: block;
}

.loader { 
    width:80%; 
    margin:0 auto;
    border-radius:10px;
    border:40px solid transparent;
    position:relative;
    padding:5px;
}
.loader:before {
    content:'';
    border:1px solid #a78835;
    border-radius:10px;
    position:absolute;
    top:-4px; 
    right:-4px; 
    bottom:-4px; 
    left:-4px;
}
.loader .loaderBar { 
    position:absolute;
    border-radius:10px;
    top:0;
    right:100%;
    bottom:0;
    left:0;
    background:#a78835; 
    width:0;
    animation:borealisBar 2s linear infinite;
}

/* SortableJS Styles */
.sortable-ghost {
    opacity: 0.4;
    background: #f0f0f0;
}

.sortable-drag {
    opacity: 0;
}

.sortable-chosen {
    background-color: #f9f9f9;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
}