#loadingDiv{
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#666;
    background-image:url('/cordswim/img/spinner.gif');
    background-repeat:no-repeat;
    /*background-position:center;*/
    background-position-x:50%;
    background-position-y:45%;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.col-custom-8 {
    flex: 0 0 8%;
    max-width: 8%;
}

.col-custom-10 {
    flex: 0 0 10%;
    max-width: 10%;
}

.col-custom-12 {
    flex: 0 0 12%;
    max-width: 12%;
}

.col-custom-20 {
    flex: 0 0 20%;
    max-width: 20%;
}
