/* Top-A
****************************************** */
.tm-fullscreen {
    position: relative; z-index: 10;padding-bottom: 15px;
    background: url(../images/fullscreen-bottom.gif) repeat-x bottom center;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
    position: relative;
    z-index: 10;
}

/* Panel
****************************************** */
.custompanel
{
	background: #ededed; 
	border-radius: 0px;
	padding: 20px;
	color: rgba(0,0,0,.8);
	text-shadow: 0 1px 0 #fff;
} 
.custompanelnp
{
position: relative !important;
background: #fff !important;
border-radius: 5px !important;
padding: 8px 8px !important;
color: rgba(0,0,0, .8) !important;
text-shadow: 0 1px 0 #fff !important;
background-image: linear-gradient(to bottom, #fff, #fff) !important;
box-shadow: 0 0 1px #bbb, 0 0 3px #fff inset !important;
margin-bottom: 15px !important;
} 

 .custompanelax
{
position: relative !important;
background: #fff !important;
border-radius: 5px !important;
padding: 8px 8px !important;
color: rgba(0,0,0, .8) !important;
text-shadow: 0 1px 0 #fff !important;
background-image: linear-gradient(to bottom, #fff, #fff) !important;
box-shadow: 0 0 1px #bbb, 0 0 3px #fff inset !important;
margin-bottom: 15px !important;
      padding: 30px !important;
} 

.custompanel ul.uk-nav-side {
	margin: 0 -10px;
	list-style: none;
  list-style-position: inside;
}


.custompanel .uk-nav-side > li {
	background-image: radial-gradient(ellipse at top, rgba(255, 255, 255, 1) 0%, #ededed 80%);
	border-top: 1px solid #fff;
  display: list-item;
  text-align: -webkit-match-parent;
}
.custompanel .uk-nav-side > li.uk-active {
    background: none;
    background-image: radial-gradient(ellipse at center top , rgba(200, 200, 200, 0.1) 0%, #ededed 70%)
}
.custompanel .uk-nav-side > li > a {
padding: 10px 20px;
background: transparent url(../images/dot.png) no-repeat 5px center;
}
.custompanel .uk-nav-side > li.uk-active > a {
  text-shadow: none;

  background: transparent url(../images/dot-hover.png) no-repeat 5px center;
  color: rgba(0,0,0,.8);

}
  /* ARTEX
****************************************** */
.classgray
{
background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2) !important;
} 

.classdarggray
{
background-image: linear-gradient(to bottom, #333333, #333333) !important;
} 

  .classblack
{
background-image: linear-gradient(to bottom, #111, #111) !important;
}