@charset "UTF-8";
/* CSS Document */


body {
	min-height: 100%;
	position: relative;
	-webkit-text-size-adjust: none;
}
body * {
	text-shadow: none;
}

#menu a, #menu a:link, #menu a:active, #menu a:visited, #menu a:hover {
	color: #ccc;
	text-decoration: none;
	font-size:16px;
	letter-spacing:normal!important;

}
#menu a.button, span.button, select, input[type="text"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	text-transform: none;
	text-indent: 0;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
	display: block;
	height: 40px;
	width: 100%;
	padding: 10px;
}
a.button, span.button {
	background: #4BD963;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
select, input[type="text"] {
	background: #fff;
	border: 1px solid #ccc;
}
.mm-label.button {
	text-indent: 0 !important;
	padding: 20px 20px 40px 20px !important;
}
pre {
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
nav:not(.mm-menu) {
	display: none;
}
.header, .content, .footer {
	text-align: center;
}
.header, .footer {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 50px;	
    background: rgba(0,0,0,0.90);
    z-index: 9990;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.4);
    padding-top: 10px;
}

.header .logo 
{
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 165px;    
    height: 25px;
    background: transparent url(/prx/000/http/www.jchartfx.com/assets/images/logo-jchartfx-head-mini.png) no-repeat top left;
    background-size: 62%!important;
    overflow: hidden;
}
    
    
.header a 
{	background: center center no-repeat transparent;
	background-image: url( /prx/000/http/www.jchartfx.com/assets/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
.header a.contacts {
	background-image: url(/prx/000/http/www.jchartfx.com/assets/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
.header a.right {
	left: auto;
	right: 10px;
}
.content {
	background: url(/prx/000/http/www.jchartfx.com/assets/menu-arrow.png) 25px 15px no-repeat transparent;
	padding: 150px 50px 50px 50px;
}
.header.mm-fixed-top + .content {
	background-position: 25px 55px;
}
html.mm-opened.mm-zoom-menu body {
	background: #333;
}
html.mm-opened.mm-zoom-menu .mm-page {
	background-color: #fff;
}
.paletteDisplay {
	list-style: none;
	padding-left: 0px;
	width: 450px;
	z-index: 10;
	font-size: 1px;
}
.paletteDisplay ul {
	position: relative;
	list-style: none;
	display: block;
	margin-left: 0;
	padding-left: 5px;
	border: 2px solid red;
	overflow: hidden;
	border-radius: 2px;
}
.paletteDisplay ul li {
	border: 1px solid transparent;
}
.paletteDisplay > li {
display: inline-block! important;
position: relative !important;
width: 29%;
padding: 7px!important;
margin: 0!important;
overflow: hidden;
cursor: pointer;
border: 1px solid rgba(1, 137, 184,.0);
}
#palettes.paletteDisplay > li.active {
	background-color: rgba(1, 137, 184,.2);
	border: 1px solid rgba(1, 137, 184,.3);
	padding: 7px;
}
#palettes.paletteDisplay > li:hover {
	background-color: rgba(1, 137, 184,.5);
	border: 1px solid rgba(1, 137, 184,.7);
	padding: 7px;
}
.paletteDisplay .palette_BG {
	width: 100%;
	height: 10px;
	display: inline-block;
}
.paletteDisplay .palette_series1, .paletteDisplay .palette_series2, .paletteDisplay .palette_series3, .paletteDisplay .palette_series4, .paletteDisplay .palette_series5 {
	display: inline-block;
	width: 10%;
	height: 15px;
	border: 1px solid rgba(0,0,0,0.1);
	float: right;
}
#selectedPal {
	width: 150px;
}
#selectedPal .paletteDisplay {
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}
#selectedPal .paletteDisplay >li {
	width: 100%;
	padding: 4px;
}
/***/

.content {
	background-image: none;
}
.mm-menu > .mm-panel {
	padding-top: 0px;
}
a.close {
	color: #000;
	text-align: center;
	text-decoration: none;
	font-family: Lucida Sans Unicode;
	font-weight: normal;
	font-size: 30px;
	line-height: 36px;
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 15px;
	right: 15px;
}
/*.jchartfx_container {
	-webkit-transform: scale(.5);
}
*/



/*.jchartfx_container {
	-webkit-transform: scale(.5);
}
*/

nav#menu li a img {
width: 24px;
margin-top: -4px;
padding-right: 4px;
}
nav#menu .mm-list li.title {
	display: none;
}

li.action {
	padding: 20px 20px !important;
}

nav#menu ul.jqui li a img 
{
    margin-left:20px;
}

nav#menu #palettes.paletteDisplay 
{
    padding:20px 6% 0 6%;
}

nav#menu #palettes.paletteDisplay .mm-list 
{
    padding:0px !important;
}
nav#menu .themeName br 
    {
        display:none;
    }
    
  nav#menu ul#mm-1 a.mm-subopen 
  {
      display:none!important;
  }
  
 body.uithemes nav#menu ul#mm-1 li:nth-child(5) a.mm-subopen
  {
      display:block!important;
  }
  
body.animations nav#menu ul#mm-1 li:nth-child(4) a.mm-subopen
  {
      display:block!important;
  }
  
  
  
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

/* SUBMENU EXCEPTIONS -  HIDE SUBMENU ITEMS WHEN IS NOT ON ITS RESPECTIVE PAGE 

ul.sub-motifs 
{
    display:none!important;    
}

body.motifs ul.sub-motifs 
{
    display:block!important;    
}
*/