﻿@import "DropDownMenuCore.css";
.dropdown-container
{
    /*width:640px;*/
}
.dropdown {
    /*background-color:rgb(136,85,37);*/           /*Cor de fundo do menu principal*/
    background-color:rgb(55,125,221);           /*Cor de fundo do menu principal*/
    color:white;
    font-family:Arial;
    font-size:9pt;
    height:25px;
    padding-top:5px;
    z-index:1000;
}

.dropdown > li:hover{
     background-color:rgb(255,234,177);         /*Cor de fundo do menu principal quando o cursor se encontra sobre o menu*/
     color:black;                               /*Cor do texto do menu principal quando o cursor se encontra sobre o menu*/
}
.dropdown > li ul {
    background-color:rgb(255,234,177);          /*Cor de fundo das opções menu principal quando o cursor se encontra sobre o menu*/
    color:black;                                /*Cor do texto das opções menu principal quando o cursor se encontra sobre o menu*/
}
.dropdown li {
    cursor:pointer;
    z-index:1000;
}
.dropdown > li > div
{
    padding:4px 9px;
    height:15px;
    vertical-align:middle;
    overflow:visible;
}
.dropdown > li > ul  div
{
    white-space:nowrap;
}
.dropdown ul[level='0'] > li > div
{
   width:90px;
}

.dropdown ul[level='2'] > li > div
{
   width:135px;
}
.dropdown ul[level='3'] > li > div
{
   width:125px;
}
.dropdown ul[level='4'] > li > div
{
   width:150px;
}
.dropdown ul[level='5'] > li > div 
{
   width:105px;
}
.dropdown ul[level='6'] > li > div
{
    width:105px;
}
.dropdown ul[level='7'] > li > div
{
   width:105px;
}
.dropdown ul[level='8'] > li > div
{
   width:105px;
}
.dropdown ul[level='9'] > li > div
{
   width:105px;
}
.dropdown ul[level='10'] > li > div
{
   width:128px;
}
.dropdown ul[level='11'] > li > div
{
   width:126px;
}
.dropdown > li ul {
    box-shadow:2px 2px 1px hsla(0,0%,0%,.3);
}
.dropdown > li > ul li ul
{
    margin-top:0px;
}
.dropdown > li > ul li > div:hover
{
    color:black;                                        /*Cor do texto das opções menu principal quando o cursor se encontra sobre as opções do menu*/
}
.dropdown > li > ul li
{
    vertical-align:middle;
    text-align:left;
    line-height:15px;
    min-width:40px;
    padding: 2px 10px;
}
.dropdown > li > ul li:hover
{
    background-color: rgb(238,181,54);                  /*Cor de fundo das opções menu principal quando o cursor se encontra sobre as opções do menu*/
}

.dropdown li[enabled=false]
{
    color: rgb(200,200,200);                            /*Cor do texto do menu principal este se encontra desactivado*/
}
.dropdown > li > ul li[enabled=false]:hover, .dropdown > li > ul li[enabled=false] > div:hover
{
    color: rgb(150,150,150);                            /*Cor do texto das opções menu principal este se encontra desactivado*/

}
