html,body{
	margin:0px;
	padding:0px;
	line-height:1.42857;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#525252;
	transition:all 200ms linear 0s; 
	height:100%;
	width:100%;
	background:#EAEAEA;
}
.content iframe{	
	min-width:100% !important;
}
/* To fix scroll bar display issue in ie and chrome*/
.jspVerticalBar
{
	right: 0;
}
.nicescroll-rails{
	left:230px;
	
}
/* End */
.main a:FOCUS,.main a:ACTIVE,.main a:HOVER{
	text-decoration: none;
	outline:none;
}
.glyphicons{
color:#424242
}
.title{
 	display:block;
 	position:fixed;
 	box-sizing:border-box;
 	width:100%;
 	height:49px;
 	padding:0 15px 0 0;
 	z-index:1001;
 	background:white;
 	border-top:3px solid #3695D5;
 	
 	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;  /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s;  /* Chrome, Safari, Opera */
 	animation-duration:1s;
 	animation-fill-mode:both;
 	
 	color:#676767;
 	font-weight:600;
 	line-height:49px;
 }
 .title > a{
 	text-decoration:none;
 	outline:0 none !important;
 	color:#676767;
 	font-size:16px;
 }
 .title > a:focus{ 	
 	outline:medium none !important;
 	color:#676767;
 }
 .menu{
 	width:236px;
 	bottom:0;
 	top:49px;
 	position:fixed;
 	background:#383838;
 	border-right:2px solid #E2E1E1;
 	box-sizing:border-box; 	 	
 	transition:width 500ms ease 0s;
 	overflow-x: hidden; 
 	
 	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	 -webkit-animation-duration: 1s;  /* Chrome, Safari, Opera */
 	animation-duration:1s;
 	animation-fill-mode:both;
 	
 	/* transition: 0.5s; */			/* For smooth */
 }
 .content{
 	position:relative;
 	margin-left:236px;
 	min-width:320px;
 	min-height:100% !important;
 	padding-top:73px;
 	background:#EAEAEA;
 	/* overflow:auto; 	 */
 	
 	/* transition: 0.5s; */			/* For smooth */
 }
 .menuRes{
 	display: none;
 	/* width: 0; */
 }
 .contentRes{
 	position:relative; 	
 	min-width:320px;
 	min-height:100% !important;
 	padding-top:73px;
 	background:#EAEAEA; 	
 	margin-left:0px;
 }
 .menu>ul{
 	background: none repeat scroll 0 0 #383838;
    left: 0;    
    padding: 0;
    position: absolute;
    width: 234px;    
    z-index: 2;        
    transition:width 500ms ease 0s;
    margin-bottom:0px !important;
    padding-bottom:0px !important; 
    min-height:100%;
   }
 .menu>ul>li{
 	border-bottom: 1px solid #444444;
    height: 56px;
    padding: 0px;
    /* position: relative; */
    /* padding:0 2px; */
    background:#383838;     
 }
 .menu>ul>li>a{
 	display: block;
    font-size: 14px;
    font-weight: 600;
    height: 56px;
    line-height: 56px;
    padding: 0 0 0 14px;
    position: relative;
    text-decoration: none;    
    background:#3F3F3F;
    color:#808080;
    overflow:hidden;
    
    transition:all 200ms linear 0s; 
 }
 .menu>ul>li>a:HOVER{
 	display: block;
    font-size: 14px;
    font-weight: 600;
    height: 56px;
    line-height: 56px;
    padding: 0 0 0 14px;
    position: relative;
    text-decoration: none;
    outline:medium none !important;    
    background:#383838;
    color:#ffffff;
 }
 
 .menu>ul>li.active>a{
 	background: none repeat scroll 0 0 #3695D5;
    border-left: 1px solid #2780BB;
    border-right: 4px solid #2780BB;
    color: #FFFFFF;
 }
 .menu>ul>li>a:ACTIVE{
 	outline:medium none !important;
 	text-decoration:none;
 }
 .menu>ul>li>a:FOCUS{
 	outline:medium none !important;
 	text-decoration:none;
 	color:
 }
 .submenuArrow{ 	
 	padding-top:23px;
 	padding-right:5px;
 	/* height:10px;
 	width:10px; */
 }
 .pull-left{
 	float:left;
 }
 .menuImg{	
		color: #9D9D9D;
		text-shadow: 0px 1px 0px #FFF;
		width: 18px;
		height: 18px;		
		display: inline-block;
	}
.menu .submenu{
	margin-left:54px;
	background:#F9F9F9;
	min-height:100%;
	transition:width 500ms ease 0s; 
	overflow-x: hidden; 
}
.submenu>div{
	box-sizing:border-box;
	border-color:#3F3F3F;
	border-bottom:1px solid #E2E1E1 !important;
	padding: 14px;    
    border-top: 1px solid #E0E0E0;
    overflow: hidden;  
    right: 0;
    top: 0;
    transition: all 1s ease 0s;
    width: 180px;
    z-index: 1;	
	color:#A2A2A2;
	text-align:center !important;	
}
.submenu>ul{
	list-style: none;
	width:100%;
	
	padding:0px;
	margin-bottom:0px;
}
.submenu>ul>li{
	border:1px solid #EFEFEF;
	width:182px;
	
	white-space: initial;
    width: 100%;
    /* word-break: break-all; */
    word-wrap: break-word;
}
.submenu>ul>li>a{
	color: #676767;
    display: block;
    font-size: 14px;
    font-weight: 600;
    min-height: 44px;
    /*line-height: 44px;*/
    padding-top:10px;
    padding-bottom:10px;    
    padding-left: 20px;
    position: relative;
    text-align: left;
    width:180px;
    
    transition:all 200ms linear 0s; 
}
.submenu>ul>li.active>a{
	color: #676767;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding-top:10px;
    padding-bottom:10px; 
    padding-left: 20px;
    position: relative;
    text-align: left;
    width:180px;
    border:none;
    outline:none;    
    border-right:4px solid #3695D5;
    background:white;
    transition:all 200ms linear 0s; 
    text-decoration:none;
    
}
.submenu>ul>li>a:HOVER{
	text-decoration:none;
	background:#FFFFFF;
}
.submenu>ul>li>a:ACTIVE{
	outline:medium none !important;
 	text-decoration:none;
 	border:none;
}
.submenuImg{
	display: inline-block;
    height: 23px;
    margin-right: 10px;
    width:24px;
}
.main{
	display:inline-block;
}
.dropdown-menu li {
    border-bottom: 1px solid #EFEFEF;
    text-align: left;
}
.dropdown-menu li.active a {
    color: #3695D5;
    font-weight: 700;
}
.dropdown-menu li a.glyphicons i:before {
    color: #E2E2E2;
    font-size: 15px;
    left: 13px;
    top: 8px;
}
.dropdown-menu li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #3695D5;
    font-weight: 700;
}
.dropdown-menu li a:hover {
    background-color: #FFFFFF;
    color: #3695D5;
    font-weight: 500;
    padding-left: 38px;
    transition:all 200ms linear 0s; 
}
.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 35px;
    white-space: nowrap;
     font-weight: 500;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

/*--*/