/* 
    Document   : custom
    Created on : Dec 9, 2016, 4:06:53 PM
    Author     : Neil
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root { 
    display: block;
}
#main-nav{position: fixed; z-index: 20; width: 100%; top:0px;}
#sidenav{height: 88%; width:100%; background: #297EC3; color: white;border-radius: 3px;}
.navside{height: 100%; width:100%; background: #085391; color: white;}
#sidenav ul li a{color:white;}
#offcanvas{height:100%; width: 18.7%; color:#ffffff; position: fixed; z-index: 1;border-radius:5px;overflow-y:auto;background: #297EC3;margin-top: 70px;}
.uk-button-dropdown{padding: 2px; margin:  0px 2px;}
#sad-contenttab{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-bottom: 40px; display:none;}
#sad-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px; display:none;}
#stakeholder-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px; display:none;}
#amend-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px; display:none;}
#bmanifest-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px; display:none;}
#manifest-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px; display:none;}
#waybill-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px; display:none;}
#client-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px; display:none;}
#profile-content{width: 79%; height: 100%; padding: 0px; background: #e6e6e6; z-index:0; margin-left: 20.8%; margin-bottom: 40px;margin-top: 75px;}
#content-pane{margin-top: 10px;}
#canvas-head{ color: white; margin: 5px;}
.canvas-folder{color: #ffffff; padding: 2px; text-align: center; font-weight: 50px;}
.file-folder{margin-left: 10px;}
#toolbar{padding:2px;}
.uk-icon-large{margin-right: 10px;}
#nav{width:100%;height:40px;position:fixed;bottom:0px;z-index:15;}
#nav-tool{height:25px;line-height:25px;}
#nav-tool-file{font-size: 15px;padding: 0px; margin: 0px; height: 10px; color: #3B5379;}
#nav-tool-i{padding:3px 1px;}
#nav-main-tool{z-index: 1; width: 100%; top:0px; margin-bottom: 0px;padding-top: 5px;position: fixed;}
.navbar{position: fixed; width: 100%; border-radius: 0px;}
.uk-dropdown{z-index: 20;}
#navbar-toolbar{position: fixed; z-index: 10; width: 100%; top:26px;}
#dropdown-file{width: 700px;}
#cont-tabs{margin: 0px;background:#fff}
#tab-content{border: 1px solid #0099e6; border-radius:25px; width: 99%; color: #3B5379; padding-top: 15px; margin: 5px; background: white;}
#profile{width: 99%; padding-top: 15px; margin: 0px;}
.title-style{background: #085391;}
.main-box{margin: 0px; padding: 0px;}
/*.required-box{background: #e2ebf2;}*/
.required-box{background: #fff;}
.sad-font-default {
    font-size: 9px;
    font-style: Arial;
}
.sad-print-font{
    font-size: 9px;
    font-style: Arial;
    color: #000;
    resize: none;
    line-height: 12px;
}
/*.sad-print-font-7{*/
/*    font-size: 7px;*/
/*    font-style: Arial;*/
/*    color: #000;*/
/*    resize: none;*/
/*    !*line-height: 12px;*!*/
/*}*/
.grid-box{margin: 0px; padding: 0px;}
.tooltip {position: relative;display: inline-block;}
.tooltip:hover .tooltiptext {visibility: visible;}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    font: 15px Arial, sans-serif;
    background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent grey transparent;
}