﻿.menu {
    z-index: 200;  
    display: none;
    padding:2px;
}

#menu, #overlaylist {
    width: 320px;     
    max-height: calc(100vh - 112px);
    overflow-y: auto !important;
    margin: 2px;
    
}


    #overlaylist a img {
        margin: 0px 4px;
    }

    #overlaylist a.overlaylist-caret img {
        margin: 0px 0px;
    }

  #overlaylist a.off {
    padding-left: 32px;
    padding-right: 20px;
    background-image : url("../../app/ui/dark/icon_unchecked.png");
    background-size: 32px;
    background-position: left;
    background-repeat: no-repeat;
       
}

#overlaylist a.on {
    padding-left: 32px;
    padding-right: 20px;
    background-image : url("../../app/ui/dark/icon_checked.png");
    background-size: 32px;
    background-position: left;
    background-repeat: no-repeat;
}

.overlaylist-token img{
    opacity: 0.6;
}

.menu a:link, .menu a:visited {

    text-decoration: none;  

    margin: 0px; 
    padding: 4px 8px 4px 0px;
    
    display: block;
    height: 32px;
    vertical-align: middle;

    
    opacity: 0.95;
    
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}


.menu a.overlaylist-tag:link, .menu a.overlaylist-tag:visited {
    padding-right: 0;
}



.menu a .ellipsis {
    max-width: 80%;       
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
    font-size: 85%;
}


.menu a * {
    display: inline-block;
    vertical-align: middle;
}

.menu a img {
    height: 32px;
    width: 32px;
}

.menu .indent0:link, .menu .indent0:visited { 
    opacity: 0.9;
} 

.menu .indent0:focus, .menu .indent0:hover, .menu .indent0:active {  
    opacity: 0.9;
}

.menu .indent1:link, .menu .indent1:visited {  
    opacity: 0.8;
} 

.menu .indent1:focus, .menu .indent1:hover, .menu .indent1:active {   
    opacity: 0.8;     
}

.menu .indent2:link, .menu .indent2:visited {  
    opacity: 0.7;
}

.menu .indent2:focus, .menu .indent2:hover, .menu .indent2:active {   
    opacity: 0.7;      
}  

.menu .off img {
    opacity: 0.3;
}

.menu .on img {
    opacity: 0.8;
}


.tools-left {
    float: left;
}
.tools-right {
    float: right;
}
.menu-clear {
    clear: both;
}