body{
    /*background-color: #101010;*/
}

#finanseSpan{
    font-family: 'Fugaz One', cursive;
}

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*    .navbar-brand {
        padding: 0px;
    }*/
.navbar-brand>img {

    width: 100%;
    max-width: 110px;
    display: block;
    vertical-align: middle;
}

.alertHolder {position: fixed; top: 50px; right: 10px; width: 350px; z-index: 9999;}

#divLoadingHolder {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    background-color: rgba(243,243,243,0.5);
    z-index: 500;
}

#divLoading {    
    margin: 0 auto;
/*    border: 16px solid #f3f3f3;  Light grey */
    border: 10px solid #dd0000;  
    border-top: 10px solid #333333; 
    border-bottom: 10px solid #333333; 
    border-radius: 50%;
    width: 70px;
    height: 70px;
    position: relative;
    top: -35px;
    animation: loadingSpin 2s linear infinite;
}

#divLoadingText {    
    margin: 0 auto;
    position: absolute;
    width: 70px;
    height: 70px;
    text-align: center;
    left: 50%;
    margin-top: -70px;
    margin-left: -35px;
    line-height: 70px;
    color: #dd0000;
    font-weight: bold;
}

#divLoadingTitle {    
    margin: 0 auto;
    position: absolute;
    width: 100%;
    margin-top: -170px;
    text-align: center;
    color: #dd0000;
    font-weight: bold;
}

@keyframes loadingSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.cLinearLoadingHoder {
    position: relative;
    width: 100%;
    height: 3px;
    background-color: rgba(223,223,223,1);
    z-index: 500;
    overflow: hidden;
}

.cLinearLoading {    
    background-color: #dd0000;  
    width: 25%;
    height: 100%;
    position: relative;
    animation: linarMove 2s linear infinite;
}

@keyframes linarMove {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(400%); }
}