nav#mainide ul {
  float: left;
  width: 100%;
  font-size: 16px;
  background-color: var(--mainmenu-bck-color);
}

nav#mainide ul li {
  clear: both;
}

nav#mainide ul li a.sel {
  border-left: 2px solid var(--active-line-color);
}

nav#mainide ul li a {
  color: var(--mainmenu-text-color);
  text-decoration: none;
  display: block;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

nav#mainide ul li a:hover {
  background-color: var(--mainmenu-bchv-color);
  color: var(--mainmenu-txhv-color);
  text-indent: 10px;
}

nav#mainide ul li a i {
  margin-right: 10px;
  min-width: 20px;
}

#container.mini nav#mainide ul li {
  text-align: center;
}

#container.mini nav#mainide ul li a:hover {
  text-indent: 0px;
}

#container.mini nav#mainide ul li a span {
  display: none;
}

nav#mainide ul li ul {
  width: 83%;
  padding-left: 30px;
  font-size: 14px;
  background-color: var(--submenu-bck-color); 
  display: none;
}

nav#mainide ul li ul.sel {
  border-left: 2px solid var(--active-line-color);
}

nav#mainide ul li ul li a {
  background-color: var(--submenu-bck-color);
  color: var(--submenu-text-color);
}

nav#mainide ul li ul li a.sela {
	background-color: var(--submenu-bchv-color);
	color: var(--submenu-txhv-color);
	border-left: 2px solid var(--topmenu-hover-color);
}

nav#mainide ul li ul li a:hover {
  background-color: var(--submenu-bchv-color);
  color: var(--submenu-txhv-color);
}

#container.mini nav#mainide ul li ul {
  position: absolute;
  margin-left: calc(var(--mainnav-width-mini) + var(--mainnav-padding)); 
/*  margin-left: calc(var(--mainnav-width-mini) + 2px); */
  margin-top: -38px;
  z-index: 2;
  width: auto;
  padding-left: 0px;
  border: 1px solid #1b1b1b;
  border-left: none;
  box-shadow: 2px 2px 5px #000;
  background-color: var(--submenu-bck-color);
}

#container.mini nav#mainide ul li ul li a {
  text-align: left;
  white-space: nowrap;
  padding: 11px 20px 10px 20px;
  font-size: 16px;
}

#container.mini nav#mainide ul li:hover a {
  background-color: var(--mainmenu-bchv-color);
  color: var(--mainmenu-txhv-color);
}

#container.mini nav#mainide ul li:hover ul li a {
  background-color: var(--submenu-bck-color);
  color: var(--submenu-text-color);
}

#container.mini nav#mainide ul li:hover ul li a:hover {
  background-color: var(--submenu-bchv-color);
  color: var(--submenu-txhv-color);
}

#loading {
  left: calc(var(--mainnav-width) - (var(--mainnav-padding)*2) + 10px);
  right: 0px;
  bottom: 0px;
  top: 0px;
  position: absolute;
  z-index: 65535;
  text-align: center;
}

#loading.mini {
	left: calc(var(--mainnav-width-mini) + 10px);
}

#loading div.loadbck {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  opacity: 0.7;
  position: absolute;
}

#loading img {
  margin-top: 70px;
  position: relative;
  z-index: 10;
}

div.dlg .hide {
	display: none;
}