.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;}

.showNormalHideMobile {
    display: inherit;
}

.showMobileHideNormal {
    display: none;
}

.child {
    background-color: #FFEEEE;
}

.header-logo {
    text-align: left;
}

.header-login {
    text-align: right;
}

#detailView {
    display: inline;
    padding: 30px;
    background-color: #FFEEEE;
}

#mobileSwitchColumn {
    display: none;
}

#detailViewMobile {
    display: none;
}

#detailViewMobile :before {
    display: none;
}

/* Mobile view */
@media (max-width: 768px) {
  
    .header-logo {
        text-align: center;
    }
    
    .header-login {
        text-align: center;
        position: relative;
        left: 15px;
    }
    
    .showNormalHideMobile {
        display: none;
    }
    
    .showMobileHideNormal {
        display: inherit;
    }
    
    #detailView {
        display: none;
    }

    #detailViewMobile {
        display: table-row;
        padding: 10px;
        background-color: #FFEEEE;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    #mobileSwitchColumn {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-left: 0.5em;
        padding-bottom: 20px;
    }
}