/*
This style is the Top Menu that will collapse to Mobile Bread Crumb
    Created on : Sep 10, 2018, 9:44:16 AM
    Author     : gprah
*/

#JudHmenu{
   width: 100%;
   margin: 0 auto;
   background-color: #464646;
   padding-left:0;
   z-index:4000;
}

#JudHmenu a , #JudHmenu span{
   text-decoration: none;
}

#JudHmenu>li:first-child,#JudHmenu>li a{
    display: flex;
    justify-content: space-between;
    padding: 7px 8px 6px 1px;
}

#JudHmenu>li:first-child{
   background-color:#393939;
    cursor: pointer;
    font-size: 14px; 
}

#JudHmenu li{
    display: block;
    list-style-type: none;
    width: auto;
    border-bottom: 1px black ridge;
}

#JudHmenu .sub{
  background-color: #FEF8E5;
}

#JudHmenu a{
    display: block;
}

#JudHmenu_top a:hover{
    background-color: #CFC0A7;
}

#JudHmenu li a , #JudHmenu span{
    color: white;
}

#JudHmenu .sub li a{
   color: black !important;  
}

#JudHmenu ul.sub{
    display: none;
}

@media all and (max-width: 999px) {
                #JudHmenu>li:first-child{
                   font-size:1.1em;
                   font-weight:bold;
                }
                #JudHmenu_top ul{
                    display: none;
                    margin-left:.1em;
                    padding-left:0;
                }

                 #JudHmenu_top ul li ul{
                    margin-left:.1em;
                    padding-left:20px;
                }

                .JudMenuAbbr > span , .JudMenuAbbr > p { 
                    padding:0;
                    margin:0;
                }

}

@media all and (min-width:999px) {
                #JudHmenu>li:first-child{
                   display:none; 
                }
                #JudHmenu, #JudHmenu ul, #JudHmenu li, #JudHmenu a {
                    position: relative;                         
                }
                #JudHmenu ul {
                    padding: 0;
                    border: 0; 
                }
                #JudHmenu_top ul a{
                    display:flex;
                    font: bold .8em Arial, Helvetica, sans-serif;
                    justify-content: space-between; 
                    margin:4px 0 4px 0;  
				}
                #JudHmenu_top ul:first-child{
                    margin-left:10px;  
				}
                #JudHmenu_top ul a span{
				    padding-left:5px;
                    font-weight:bold;
				}
                #JudHmenu li{
                    display:  inline-table;
                    list-style-type: none;
                    width: auto;          
                }
                #JudHmenu li:not(:last-child) { 
                    border-right:solid thin gray;
                }
                #JudHmenu .sub li{
                    display:  block;
                    list-style-type: none;
                    width: auto;
                    border:none;
                }
                #JudHmenu ul ul {
                    background: #fef8e5;
                    border: 1px solid #cccccc;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
                    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
                    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
                    padding: 5px 12px;
                    display: none;
                    position: absolute;
                    top: 33px;
                    left: 0;
                    width: 250px;
                    z-index: 100;
                }            
                 .JudMenuAbbr[data-abbr]::after { 
                    content: attr(data-abbr); 
                }    
                /* Hide the original label */
                  .JudMenuAbbr > p { display: none; }
}