/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 9, 2018, 11:34:49 AM
    Author     : adrianlines
*/
.working {
    position: fixed;
    bottom:55px;
    left:55px;
    z-index:9999;
    display:none;
}

.sidenav {  
    background-color:#111;
    height:100%;
    left:0;
    overflow-x:hidden;
    padding-top:60px;
    position:fixed;
    top:0;
    transition:.5s;
    width:0;
    z-index:1;}

.sidenavR {
    position:fixed;
    right:0px;
    top:130px;
    height:85%;
    width:0;
    overflow-x:hidden;
    padding-top:40px;
    background-color:aliceblue;
    font-size: 10pt;
    transition:.5s;
    z-index:1;
    border:4px solid lightgrey;
    box-shadow: -5px 5px 10px grey;
}

.sidenavH {
    background-color:aliceblue;
    font-size: 10pt;
    height: 90px;
    overflow-x: hidden;
    padding-top: 40px;
    position: fixed;
    left: 250px;
    top: 130px;
    transition:.5s;
    width: 0;
    z-index:2;
    border: 4px solid lightgrey;
    box-shadow: 5px 5px 10px grey;
}

.sidenavL {
    position: fixed;
    left: 250px;
    top: 220px;
    height: 75%;
    width: 0;
    background-color:aliceblue;
    font-size: 10pt;
    overflow-x: hidden;
    padding-top: 0px;
    padding-left: 0px;
    transition:.5s;
    z-index: 3;
    border: 4px solid lightgrey;
    box-shadow: 5px 5px 10px grey;
}

.sidenavH2 {
    background-color:aliceblue;
    font-size: 10pt;
    height: 90px;
    overflow-x: hidden;
    padding-top: 40px;
    position: fixed;
    left: 250px;
    top: 130px;
    transition:.5s;
    width: 0;
    z-index:2;
    border: 2px solid lightgrey;
/*    box-shadow: 3px 3px 5px grey;*/
}

.sidenavL2 {
    background-color:aliceblue;
    font-size: 10pt;
    height: 70%;
    overflow-x: hidden;
    padding-top: 0px;
    padding-left: 0px;
    position: fixed;
    left: 250px;
    top: 220px;
    transition:.5s;
    width: 0;
    z-index: 3;
    border: 2px solid lightgrey;
/*    box-shadow: 3px 3px 5px grey;*/
}



.sidenav a, .sidenavR a, .sidenavL a, .sidenavH a, .sidenavL2 a, .sidenavH2 a { 
    color:cornflowerblue;
    display:block;
    font-size: 10pt;
    text-decoration:none;
    transition:.3s
}

.sidenav a:hover, .offcanvas a:focus, .sidenavR a:hover, .sidenavL a:hover, .sidenavH a:hover, .sidenavL a:hover, .sidenavH a:hover { color:darkblue;}

a.closebtn { font-size: 18pt;
            position:absolute;
            right:10px;
            top:1%;
            height:5%;
}

a.leftbtn { font-size: 18pt;
            position:absolute;
            left:40%;
            top:1%;
            height:5%;
}

a.leftbtn2 { font-size: 18pt;
            position:absolute;
            left:35%;
            top:1%;
            height:5%;
}

a.rightbtn { font-size: 18pt;
            position:absolute;
            left:60%;
            top:1%;
            height:5%;
}

a.rightbtn2 { font-size: 18pt;
            position:absolute;
            left:65%;
            top:1%;
            height:5%;
}

.homebtn { font-size: 1em;
           font-weight:bold;
            position:absolute;
            left:42%;
            width:18%;
            height:5%;
            text-align:center;
            top:1%;
            color:black;
}

a.btn3 { font-size: 18pt;
            position:absolute;
            left:40%;
            top:1%;
            height:5%;
}

a.btn6 { font-size: 18pt;
            position:absolute;
            left:45%;
            top:1%;
            height:5%;
}

a.btn12 { font-size: 18pt;
            position:absolute;
            left:55%;
            top:1%;
            height:5%;
}

a.btn18 { font-size: 18pt;
            position:absolute;
            left:60%;
            top:1%;
            height:5%;
}
a.navhome { font-size: 18pt;
            position:absolute;
            left:10px;
            top:5px;}
a.navprint { font-size: 18pt;
            position:absolute;
            left:40px;
            top:5px;}

a.navchart { font-size: 18pt;
            position:absolute;
            left:50px;
            top:5px;}




