@import url(https://fonts.googleapis.com/css?family=Lato:400,300,400italic,700,700italic,900,100,100italic,300italic);

* { margin:0px; padding:0px; text-decoration:none; outline:none;

/*-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;*/

 }

html, body {
    height: 100%;
}

img { max-width: 100%; border:0px; height: auto; width: auto\9; /* ie8 */ }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body {
    background-repeat: no-repeat;
    background-image: url("/templates/dashboard/images/body-bg.png");
    margin:0px; padding:0px;
    color:#000;
    font-family: 'Lato', sans-serif; font-weight:400; font-size:14px;
    }

h1 { font-size:22px; font-weight:normal; }

h2 { font-size:20px; font-weight:normal; }

h3 { font-size:18px; font-weight:normal; }

h4 { font-size:16px; font-weight:normal; }

h5 { font-size:14px; font-weight:normal; }

h6 { font-size:12px; font-weight:bold; }



/*--------------MAI USER CSS-----------------*/

.clear{ clear:both;}

.none { background-image:none !important; }

.left { float:left; }

.right { float:right; }

/*.btn, .btn:hover{ color:#fff;}*/
.btn-green{ background:#28b779;color: #ffffff;}
.btn-green:hover{ background:#35aa47;color: #ffffff;}
.btn-red{ background:#f46606;color: #ffffff;}
.btn-red:hover{ background:#e46006;color: #ffffff;}
.btn-yellow{ background:#fb9f0e;color: #ffffff;}
.btn-yellow:hover{ background:#eb950f;color: #ffffff;}
.btn-blue{ background:#6990f0;color: #ffffff;}
.btn-blue:hover{ background:#5b86ef;color: #ffffff;}
.btn-firoz{ background:#50c5b7;color: #ffffff;}
.btn-firoz:hover{ background:#43b1a4;color: #ffffff;}








/*--------------PROJECT CSS-----------------*/

.main{ margin:0px; padding:0px;}
.center{ width:1150px; margin:0px auto;}
.header{ }



.navbar-default .navbar-toggle{ background:#28b779; border-color:#24A46D;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #24A46D;}

.navi{ width:100%; background:#fff;border:0px;  border-bottom:solid 1px #e5e5e5; margin-bottom:23px;  border-radius:0px; padding:8px 0px; }
.navi .navbar-brand{ height:auto;}

.navi .nav > li > a{ font-size:14px; color:#383d43; padding:13px 6px; margin-right:5px; position:relative;}
.navi .nav > li > a i{ color:#9e9d9d; font-size:15px; margin-right:5px;}
.navi .navbar-nav > .open > a, .navi .navbar-nav > .open > a:hover, .navi .navbar-nav > .open > a:focus,
.navi .navbar-nav > li > a:hover, .navi .navbar-nav > li > a:focus {background-color: transparent;color: #24A46D;}
.navi .nav > li > a:hover i{ color:#24A46D;}

.navi .navbar-right li.dropdown { padding:0 0 0 26px;}
.navi .navbar-right li a{ margin-right:0px !important;}

/* touch menu */
.nav > li > span {font-size: 14px;color: #383d43;padding: 13px 6px; margin-right: 5px;position: relative;font-weight: normal;text-transform: none; border:1px solid transparent}
.nav > li > span:hover, .nav-tabs > li > span:focus{    background-color: transparent;    color: #24A46D;    text-decoration: none;}
.nav-tabs > li > span{line-height: 1.42857143;}
/* touch menu */

















.user-icon{border-radius:50%; width:30px; height:30px; position:absolute; left:-25px; top:10px; }

.noti{
    background: #F00;
    color: #fff;
    font-size: 10px;
    height: 15px;
    line-height: 1;
    position: absolute;
    text-align: center;
    width: 15px;
	border-radius:50%;
    z-index: 11;
	right:10px;
	top:5px;
}


.footer p{ margin:18px 0px; text-align:right; color:#7b7b7b;}


.landing{ position:relative;  background-position: center center; backrgound-repeat: no-repeat; background-attachment:fixed; background-size:cover;}
.Table{ display:table; width:100%; height:100%;  position:relative;}
.Table-cell{ width:100%; height:100%; display:table-cell; vertical-align:middle; }




.login-box{ max-width:422px; width:100%;}

.login-form{  background:#fff; padding:18px 60px 58px 60px;}

.login-header{ text-align:center; font-size:28px; color:#000; display:block; margin:0px 0 35px 0px;}

.login-ftr{ width:100%; border-bottom:dotted 1px #eee; margin:43px 0 0 0px;}
.login-ftr p{ margin-bottom:16px;}




.login-form h2{ margin-bottom:22px;}
.login-form ul{ margin:0px; padding:0px;}
.login-form ul li{ list-style:none; margin-bottom:13px;}
.login-form ul li .form-control{ border-radius:0px; border:solid 1px #e8e8e8; box-shadow:none; border-left:solid 2px #35aa47 !important;width:100%; }
.login-form ul li .form-control:focus{ border-radius:0px; border:solid 1px #999999; box-shadow:none; }
.login-form ul li input[type="text"]{ background:url(../images/user.jpg)10px 50% no-repeat; padding-left:33px;}
.login-form ul li input[type="password"]{ background:url(../images/pass.jpg)10px 50% no-repeat; padding-left:33px;}

.login-form ul li .checkbox{ float:left;}
.login-form ul li .btn{ margin-top:5px;}
.copy{ font-size:14px; color:#fff; text-align:center; margin:20px 0px;}
.btn-green{ background:#35aa47; color:#fff;border-radius: 5px;width: 100%;}



/*::::::::::: ADMIN PAGE CSS :::::::::::*/


.title{ background:#fff; border:solid 1px #e5e5e5; padding:18px; margin:0 0 18px 0px;}
.title h1{ margin:0px 0 13px 0px; line-height:1;}
.title .breadcrumb{ padding:0px; background-color:transparent; margin:0px; }










.blue{ background:#27a9e3;}
.green{background:#28b779;}
.purple{background:#852b99;}
.yellow{background:#ffb848;}
.red{background:#ed2626;}










.task-bar{ width: 90%; margin: 0 auto;}
.task{ width:100%; height:100px; margin-bottom:28px; padding:13px; font-size:18px; font-weight:600;  position:relative; z-index:10; color:#fff; text-align:center;}
.task:before{ position:absolute; left:0; top:0; width:100px; height:100px; content:""; background-color:rgba(0,0,0,0.1); transition:all 0.5s;}
/*.task:hover:before{ width:100%;}*/
.task h2{ margin:0px 0 8px 0px; padding:0px;  position:relative; font-size:24px; line-height:1;}
.task small{  font-size: 22px;font-weight: 400;color: #ffffff;}
.sm-box{ width:65px; padding-top:5px; float:left; position:relative;  font-size:40px; }

a.view-more{ width:100%; color:#fff; font-size:10px;}



.status-bar .panel{ border-radius:0px;}

.status-bar .panel-heading{ background:#383d43; color:#fff; border-radius:0px;}

.status-box{ text-align:center;}
.status-box a{ color:#000; font-weight:300; font-size:16px;}





.record{ background:#fff; border:solid 1px #eeeeee; padding:18px; color:#272b2f;}


.record select{ width:100% !important;  appearance:none;  -webkit-appearance:none; -moz-appearance:none; background:url(../images/select.png) right top no-repeat; cursor:pointer;}

.record .table-responsive { margin-bottom:28px;}


.record-title{ margin:0 0 18px 0px;}
.record-title ul{ margin:0px; padding:0px;}
.record-title ul li{ list-style:none; display:inline-block; vertical-align:middle;  margin:0 15px 0 0px; line-height:33px;}
.page-num{ border:solid 1px #eee; padding:5px 15px; margin-left:15px;}



.record .table tr td{ vertical-align:middle;}
.record .table tr:nth-child(even) {background: #fafafa;}
.record .table tr:nth-child(odd) {background: #fff;}
.record .table thead { background:#f4f4f4 !important;}

.record .checkbox{ margin-bottom:0px;}
/*.record .btn{ margin-right:10px;}*/
.record .form-control{ /*width:90%;*/ margin:0px auto; border-radius:0px; box-shadow:none;}
.record .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}








/*OPEN TASK PAGE CSS*/

.qube{  margin:28px 0 13px 0px; color:#fff; padding:13px;  border-top:solid 1px #fff; position:relative; }

.qube::after {
    border-top: 1px solid rgba(255,255,255,0.5);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.qube:before {
	bottom: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 100%;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ee2626;
	border-width: 25px;
	margin-left: -30px;
}
.qube-1:before {border-bottom-color: #ee2626;}
.qube-2:before {border-bottom-color: #ffbe00;}
.qube-3:before {border-bottom-color: #28b779;}


















.qube-txt{ float:left; font-size:16px; text-align:center; width:100px;  }
.qube-txt span{ display:block; font-size:22px; }
a.qube-more{ float:right; color:#fff; margin:38px 0 0 0px;}
a.qube-more:hover{ color:#e5e5e5;}

.task-title{ padding:0px 0px;}
.task-title h2{ display:inline}
.task-title ul{ float:right;}
.task-title ul li{ list-style:none; display:inline-block;}
.task-title ul li .btn{ margin:0 0 0 10px;}


.task-form{}
.task-form ul{ margin:0px; padding:0px;}
.task-form ul li{ list-style:none; margin:0 0 13px 0px;}
.task-form ul li .form-control{ border-radius:0px; border:solid 1px #e8e8e8; box-shadow:none; }
.task-form ul li .form-control:focus{ border-radius:0px; border:solid 1px #999999; box-shadow:none; }
.task-form ul li small{ color:#b3b3b3; font-size:10px;}


.task-form ul li select{  appearance:none;  -webkit-appearance:none; -moz-appearance:none; background:url(../images/select.png) right top no-repeat; cursor:pointer;}

.task-form ul li .textarea{}






.task-ctn{background:#fff; border:solid 1px #eeeeee; padding:18px; color:#272b2f;}
.task-ctn .nav-tabs li{ margin-left:15px; }



.task-info{background:#fff; color:#272b2f; margin:13px 0 0 0px;}
.task-info .panel-heading{ font-size:18px;}

 .status-info{border:solid 1px #ccc; padding:8px 15px; margin:0 0 18px 0px;}
 .status-info span{display:inline-block; color:#777; width:150px; border-right:solid 1px #ccc; margin-right:30px;}
 .status-info-txt{ position:relative; margin-top:-10px; color:#b3b3b3; font-size:11px;}
 
 
 .add_note{ margin:0px; padding:0px;}
 .add_note ul li{ list-style:none; margin:0 0 13px 0px;}
 .add_note ul li .btn{ width:100px;  text-transform:uppercase;}
 /*added by anil*/
 #users-profile-custom label {
	display: inline;
}

#jform_start_date_img,#jform_end_date_img{
	color: #337ab7;
	float: left;
	background: #ffffff;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	border-left:none;
	border-right: 1px solid #e8e8e8;
	border-radius: 0;
}
/*.chzn-container{
	width: 100% !important;
}*/
#jform_start_date,#jform_end_date{
	width: 88% !important;
	float: left;
}
.chzn-choices{
    min-height: 35px !important;
}
.col-sm-10 .editor iframe {
    height: auto !important;
    width: 99.7% !important;
}
.rl_tooltips-link{border-bottom: none !important;}
/*--------------profile tab-------------*/
.profile_tab {
    float: left;
    width: 300px;
}
.resp-vtabs .profile_tab ul.resp-tabs-list {
    float: left;
    width: 100%;
}
.profile_tab .profile-userpic {
    margin-bottom: 18px;
}
.resp-vtabs .profile_tab_content {
    float: none;
    margin-left: 300px;
    width: auto; min-height: 445px;
}
.resp-vtabs .profile_tab .resp-tabs-list li {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1; position: relative;
	}
.resp-vtabs .profile_tab li.resp-tab-active {
    border-top: medium none;
}
.resp-vtabs .profile_tab .resp-tabs-list li:first-child {
    border-top: 1px solid #c1c1c1;
}
.resp-vtabs .profile_tab .resp-tabs-list li:after {
    background: #d0d1d2 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px;
}
.resp-vtabs .profile_tab .resp-tabs-list li:hover:after { background:#24A46D}
.resp-vtabs .profile_tab .resp-tabs-list li.resp-tab-active:after { background:#24A46D}
/*--------------profile tab-------------*/
.profile_tab {
    float: left;
    width: 300px;
}
.resp-vtabs .profile_tab ul.resp-tabs-list {
    float: left;
    width: 100%;
}
.profile_tab .profile-userpic {
    margin-bottom: 18px;
}
.resp-vtabs .profile_tab_content {
    float: none;
    margin-left: 300px;
    width: auto; min-height: 445px;
}
.resp-vtabs .profile_tab .resp-tabs-list li {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1; position: relative;
	}
.resp-vtabs .profile_tab li.resp-tab-active {
    border-top: medium none;
}
.resp-vtabs .profile_tab .resp-tabs-list li:first-child {
    border-top: 1px solid #c1c1c1;
}
.resp-vtabs .profile_tab .resp-tabs-list li:after {
    background: #d0d1d2 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px;
}
.resp-vtabs .profile_tab .resp-tabs-list li:hover:after { background:#24A46D}
.resp-vtabs .profile_tab .resp-tabs-list li.resp-tab-active:after { background:#24A46D}
/*--------------profile tab end-------------*/

.add_btn{
    float: right;
}

.amber { background:#FFBE00; }

.modal1 {
   
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.generate_password_panel .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 18px;
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.generate_password_panel .close {
    color: #aaa;
    float: right;
    font-size: 26px;
    font-weight: bold;
}
#generate_password_table input { margin:5px; }
.generate_password_panel .close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*DS developer css*/
.graph-outer{ width:99%; margin:0 auto 28px auto; display:table; }
.graph-box{ width:100%; float:left; box-sizing:border-box; border:solid 1px #d9d9d9; padding:18px; border-radius:5px; font-size:10px; padding-bottom: 10px;}
.graph-box *{box-sizing:border-box;}
.graph-container{ height:200px; float:left; width:100%; position:relative;}

.graph-gap{ padding:0; margin:0;}
.graph-gap li{ list-style:none; display:inline; width:100%; float:left; height:20px; position:relative;}
.graph-gap li:before{ position:absolute; content:""; left:10%; bottom:0; width:90%; height:1px; background-color:#d9d9d9;}
.graph-gap li span{ position:absolute; left:0; bottom:-10px;}

.graph-top{ padding:0; margin:0; position:absolute; width:100%;}
.graph-top li{ list-style:none; display:inline; width:100%; float:left; height:25px; position:relative;}
.graph-top li:before{ position:absolute; content:""; left:10%; top:0; width:90%; height:1px; background-color:#d9d9d9;}
.graph-top li span{ position:absolute; left:0; top:-10px;}

.graph-height{position:absolute; width:40px;  bottom:0;  z-index:999;}
.graph-height span{ width:100%; text-align:center; color:#000; float:left; margin-top:-20px; font-size:10px;}

.graph-title{ width:100%; float:left; margin-top:38px; position:relative;}
.graph-heading{ position:absolute; bottom:0; text-align:center; font-size:11px;}

.graph-label{ width:100%; float:left; text-align:center; margin-top:5px; font-size:14px;}

.graph-box.left-text .graph-left-text{ width:10%; float:left; }
.graph-box.left-text .graph-left-text span{  transform: rotate(270deg); float:left; width:100%; text-align:center; margin-top:100px;}
.graph-box.left-text .graph-container{ width:90%; float:left;}


/* ZT:: New Styles */
#tskBtnsRow{margin-bottom: 40px;text-align: center;}
#tskBtnsRow .btnCol{text-align: center;padding-left: 5px;padding-right: 5px;}
#tskBtnsRow a.tskBtn{display: inline-block;font-size:12px; color:#fff; text-transform:uppercase;width: 100%;height: 120px;position: relative;border-radius: 16px;}
#tskBtnsRow a span.btnTxt { display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);padding:13px; }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@media only screen and (min-width : 769px) {
	
	ul#main-menu > li.deeper:hover > ul.nav-child{display:block;-webkit-animation: fadeIn .5s;animation: fadeIn .5s;}
    
	ul#main-menu > li.deeper > ul.nav-child li.deeper:hover > ul, ul#main-menu > li.deeper > ul.nav-child li.deeper:focus > ul {display:block;-webkit-animation: fadeIn .5s;animation: fadeIn .5s;}
	
	 ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper:hover > ul, ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper:focus > ul {display:block;-webkit-animation: fadeIn .5s;animation: fadeIn .5s;}
    
}
/*@media only screen and (min-width : 769px) {*/

    /* Menu */
    #bs-example-navbar-collapse-1{z-index:100;}
    ul#main-menu{z-index: 10;}
    ul#main-menu > li{position: relative;}
    ul#main-menu > li.deeper > a:after{content:"\f0d7";font-family: fontawesome;font-size: 10px;line-height: 10px;width: 12px;display: inline-block;color: #010055;margin-left: 5px;}
  	ul#main-menu > li.deeper > span:after{content:"\f0d7";font-family: fontawesome;font-size: 10px;line-height: 10px;width: 12px;display: inline-block;color: #010055;margin-left: 5px;}  
  	ul#main-menu ul li.deeper > a:after{content:"\f0da";font-family: fontawesome;font-size: 10px;line-height: 10px;width: 12px;display: inline-block;color: #010055;margin-left: 5px;}
    ul#main-menu ul li a, ul#main-menu ul li span{display:block;padding:8px 15px;background:#fff;;color:#00011e;font-size:12px;line-height:12px;float:none; text-shadow:none; text-transform:none; font-weight:normal;}
    ul#main-menu ul li > a:hover, ul#main-menu ul li > a:focus, ul#main-menu ul li.active > a, ul#main-menu ul li > span:hover, ul#main-menu ul li > span:focus, ul#main-menu ul li.active > span{background-color: #0081c2;
	background-image: -moz-linear-gradient(top,#08c,#0077b3);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
	background-image: -webkit-linear-gradient(top,#08c,#0077b3);
	background-image: -o-linear-gradient(top,#08c,#0077b3);
	background-image: linear-gradient(to bottom,#08c,#0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0076b2', GradientType=0);}
    ul#main-menu ul{ position: absolute;width:200px;-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);box-shadow: 0 3px 3px 0 rgba(0,0,0,.2); z-index:1;}
    ul#main-menu ul ul{/*margin-left:150px;margin-top:-30px;*/margin-left:200px;margin-top:-36px;}
    /*ul#main-menu ul li:first-child a, ul#main-menu ul li:last-child a{padding-bottom:15px}*/
    ul#main-menu > li.deeper > ul.nav-child{display:none;}

    /* First */
    ul#main-menu > li.deeper:hover > ul.nav-child ul, ul#main-menu > li.deeper:focus > ul.nav-child ul{display:none;}
	
	ul#main-menu > li.deeper > ul > li.deeper > a:after{content:"\f0d7";font-family: fontawesome;font-size: 10px;line-height: 10px;width: 12px;display: inline-block;color: #010055;margin-left: 5px;}
  	ul#main-menu > li.deeper > ul > li.deeper > span:after{content:"\f0d7";font-family: fontawesome;font-size: 10px;line-height: 10px;width: 12px;display: inline-block;color: #010055;margin-left: 5px;}
	
	ul#main-menu ul li ul li > a:hover, ul#main-menu ul li ul li > a:focus, ul#main-menu ul li ul li.active > a, ul#main-menu ul li ul li > span:hover, ul#main-menu ul li ul li > span:focus, ul#main-menu ul li ul li.active > span{background-color: #0081c2;
	background-image: -moz-linear-gradient(top,#08c,#0077b3);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
	background-image: -webkit-linear-gradient(top,#08c,#0077b3);
	background-image: -o-linear-gradient(top,#08c,#0077b3);
	background-image: linear-gradient(to bottom,#08c,#0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0076b2', GradientType=0);}
	
	

    /* Second */
    ul#main-menu > li.deeper > ul.nav-child li.deeper:hover > ul ul, ul#main-menu > li.deeper > ul.nav-child li.deeper:focus > ul ul{display:none;}

    /* Third */
   
    ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper:hover > ul ul, ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper:focus > ul ul{display:none;}

    /* Fourth */
    ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper:hover > ul, ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper:focus > ul {display:block;-webkit-animation: fadeIn .5s;animation: fadeIn .5s;}
    ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper:hover > ul ul, ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper:focus > ul ul{display:none;}

    /* Fifth */
    ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper > ul li.deeper:hover > ul, ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper > ul li.deeper:focus > ul {display:block;-webkit-animation: fadeIn .5s;animation: fadeIn .5s;}
    ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper > ul li.deeper:hover > ul ul, ul#main-menu > li.deeper > ul.nav-child li.deeper > ul li.deeper > ul li.deeper > ul li.deeper:focus > ul ul{display:none;}

    ul#main-menu ul li.deeper.edge > ul{margin-left:-200px;}
/*}*/

@media only screen and (max-width : 768px) {
	ul#main-menu ul{    position: inherit;width: 100%;-webkit-box-shadow: none;box-shadow: none; margin:0!important;}
	.nav > li > span.nav-header {border-bottom: solid 1px #e5e5e5;}
}

/* The modal Word Wrap */
#descriptionModal .modal-body {
    word-wrap: break-word;
    overflow-y: scroll;
}


@media only screen and (max-width : 768px) {
    
ul#main-menu li { display: block; width: 100%; }
ul#main-menu li a, ul#main-menu li span{ font-size: 12px; color: #383d43; padding: 13px 6px; margin-right: 5px; position: relative; border-bottom: solid 1px #e5e5e5; line-height: 14px; text-decoration: none; /*text-shadow: 0 1px 0 #ffffff;*/ display: block; }
/*ul#main-menu li a:hover, ul#main-menu li a:focus, ul#main-menu li a:hover{background-color: transparent;color: #24A46D;}*/
.navi .nav > li > a, .navbar-nav .open .dropdown-menu > li > a { font-size: 12px !important;}
ul#main-menu ul { margin-left: 10px; }

}

@media(max-width:767px)
{
.graph-outer{width:100%;}
.graph-box-header1 aside{font-size:12px;}
}