/**
* Contains a few layout differences for App vs. normal browsing.
*/

/* Allowing space for bottom nav-bar*/
#footer {
    padding-bottom: 85px;
}

.go-to-top.open {
    display: block !important;
    bottom: 0px;
    top: auto;
}


#bottomNavBar {
    position: fixed;
    bottom:0px;
    left:0px;
    right:0px;
    /* height:38px; */
    -webkit-transition-property: top, bottom;
    -webkit-transition-duration: 0.3s;
    -moz-transition-property: top, bottom;
    -moz-transition-duration: 0.3s;
    transition-property: top, bottom;
    transition-duration: 0.3s;
    background-color:#f0f0f0;
    padding: 10px;
    z-index: 9999;
    height: 45px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.no-boxshadow #bottomNavBar {
    border-top: 1px solid #CCCCCC;
}

#bottomNavBar.minimized {
    bottom: -33px;
}

#bottomNavBar table {
    width:100%;
}

#bottomNavBar #handle {
    position: absolute;
    border:1px solid #CCCCCC;
    left: 50%;
    top:-10px;
    height:15px;
    width:45px;
    margin-left:-20px;
    border-radius: 3px;
    z-index: 1002;
    background:#FFFFFF url(/content/resources/img/down-arrow.png) no-repeat center center;
}

#bottomNavBar.minimized #handle {
    background:#FFFFFF url(/content/resources/img/down-up.png) no-repeat center center;
}

#bottomNavBar a {
    display: inline-block;
    /* background-color: #FFFFFF; */
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px;
    /* border: 1px solid #CCCCCC; */
    text-align: center;
    border-radius: 8px;
    color: #333;
}

#bottomNavBar div.nav-back,
#bottomNavBar div.nav-forward, 
#bottomNavBar div.nav-home {
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

#bottomNavBar div.nav-back {
    left: 0;
}

#bottomNavBar div.nav-forward {
    right: 0;
}

#bottomNavBar div.nav-back,
#bottomNavBar div.nav-forward {
    color: #eb3a44;
    margin-left: 10px;
    margin-right: 10px;
}

#bottomNavBar div.nav-home {
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.2);
    box-shadow: 0 0px 3px rgba(0,0,0,0.2);
    left: 50%;
    margin-left: -17px;
    width: 35px;
    top: 5px;
    line-height: 35px;
    height: 35px;
}

#bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background: #eb3a44;
    box-shadow: 0 0px 3px rgba(0,0,0,0.3);
    height: 0;
}

#bottom-nav.open {
    height: auto;
}