@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css?family=FontAwesome);


@font-face {
  font-family: 'Klavika Regular';

  src: url('../fonts/klavika-regular-webfont.eot');
  src: url('../fonts/klavika-regular-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/klavika-regular-webfont.woff') format('woff'), 
	   url('../fonts/klavika-regular-webfont.ttf') format('truetype'), 
	   url('../fonts/klavika-regular-webfont.svg#klavika-regular-webfont') format('svg');
}

@font-face {
  font-family: 'Klavika Medium';

  src: url('../fonts/klavika-medium-webfont.eot');
  src: url('../fonts/klavika-medium-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/klavika-medium-webfont.woff') format('woff'), 
	   url('../fonts/klavika-medium-webfont.ttf') format('truetype'), 
	   url('../fonts/klavika-medium-webfont.svg#klavika-medium-webfont') format('svg');
}

@font-face {

  font-family: 'Klavika Light';

  src: url('../fonts/klavika-light-webfont.eot');
  src: url('../fonts/klavika-light-webfont.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/klavika-light-webfont.woff') format('woff'), 
	   url('../fonts/klavika-light-webfont.ttf') format('truetype'), 
	   url('../fonts/klavika-light-webfont.svg#klavika-light-webfont') format('svg');
}

@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('../fonts/Simple-Line-Icons.eot');
	src:url('../fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Simple-Line-Icons.woff') format('woff'),
		url('../fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('../fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: 'Klavika Regular';
}

h1 {
	font-family: 'Klavika Light';
	font-size:23px;
	color: #868686;
	margin-left: 10px;
}

h2 {
	font-family: 'Klavika Regular';
	font-size:22px;
	color: #000000;
	margin-left: 10px;
	margin-top: 0px;
}

h3 {
	font-family: 'Klavika Regular';
	font-size:18px;
	color: #AAAAAA;
	margin-left: 10px;
}

h4 {
	font-family: 'Klavika Regular';	
	font-size: 18px;
	color:#111111;
}

hr {
	margin-left:10px;
	margin-top: 10px;
}

thead {
	font-family: 'Klavika Light';
	color:#626262;
}

.table>thead>tr>th {
	padding: 8px 8px 5px 8px;
}

.marg {
	margin-left: 10px;
}

.margs {
	margin-left: 0px;
}

.marx {
  margin-left: -2px;
}

.logbg {
	background-color: #E2E1DF;
}
.nomtit {
	font-family: 'Klavika Medium';
	color:#00768B;
	font-size: 23px;
}

.boxtit {
	font-family: 'Klavika Light';
	color:#52C2B7;
	font-size: 20px;
	font-weight: bold;
	margin-top: 25px;
}

.margin-top-60 {
	margin-top: 60px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-25 {
	margin-top: 25px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-bottom-20 {
	margin-bottom:20px;
}

.margin-bottom-10 {
	margin-bottom:10px;
}

.padding-left-5 {
	padding-left: 5px;
}

.boxlogin {
	background-color: #fff;
	padding:25px 38px;
}	

.bien {
	font-family: 'Klavika Regular';
	font-weight:500;
	color:#00768B;
	font-size: 22px;
	text-align: left;
}

.rec {
	color:#45B1C7;
	font-size:12px;
	text-align: center;
	text-decoration: underline;
	font-family: 'Klavika Regular';
}

.version {
	color:#45B1C7;
	font-size:10px;
	text-align: right;
	margin-right:5px;
	font-family: 'Klavika Regular';
}

.inpts {
	height: 41px;
	font-family: 'Klavika Regular';	
}
.btnlog {
    width: 100%;
    padding: 13px;
	font-family: 'Klavika Regular';
	font-size: 14px;
	border: none;
}

.btnlog, a:hover  i{
	color: #FFF;
	background-color: #187785;
}

.btnlog:active {
	color: #FFF;
	background-color: #187785;
} 

.logoadmn {
	margin-top: 10px;
}

.head {
	height: 60px;
	position: fixed;
	background-color: #52C2B7;
	z-index:9;
	width: 100%;
}

.menuiz {
	height:86px;
	border-bottom: 1px solid #FFF;
	font-size: 10px;
	font-weight: 700;
}

.boxlogo {
	width:210px;
	background-color:#F3F3F3;
	background-color: #52C2B7;
	height:60px;
	float:left;
	text-align: center;
}
.boxlogo2 {
	width:45px;
	background-color:#F3F3F3;
	background-color: #52C2B7;
	height:60px;
	float:left;
	text-align: center;
}
.boxlogo2 img {width:70%;}
.container {
	float: left;
	display: inline;
	width:86%;
	/*margin-top: 60px;*/
	overflow: auto;
	margin-left: 1px;
	padding-right: 20px;
	position: absolute;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.menuicn {
	font-size: 25px;
	text-align: center;
	display: block;
	margin:5px;
	color:#b4b4b4;
}

.cal {
	width: 200px;
	float:left;
}

.offbg {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 32px;
	height: 28px;
	background: transparent url("../images/icnPlantas_off.gif")  center no-repeat;
}

.headtxt {
	font-family: 'Klavika Regular';
	color: #FFF;
    font-size: 15px;
    margin: 20px 25px 0px;
	float: left;
}

.headbts {
	float: right;
	text-align: center;
	height: 60px;
}

.btones {
	font-family: 'Klavika Medium';
	display: inline-block;
	padding: 0px 20px;
	height: 60px;
	font-size: 13px;
    color: #fff;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: none;
}

.btones:hover {
	background-color: #00AE9E;
}

.btones:hover i{
	color:#FFF;
}

.btones:active {
  	background-color: #00AE9E;
	color: #FFF;
}

.fechahead {
	font-family: 'Klavika Medium';
	font-weight:500;
	float:right;
	padding: 20px 25px 0px 0px;
	color:#FFFFFF;
	font-size: 13px;
}

.dato {
	float: right;
	background-color:#00AE9E;
	height: 60px;
	padding: 20px 25px;
	color: #FFF;
}

.logout {
	font-size: 16px;
	color: #006D81;
	padding-right: 10px;
}

.seleccionado {
	display: block;
	background-image: none;
    float: right;
	position: absolute;
	right: 0px;
	top: 30px;
	background: none;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #ffffff;
}

.navbar-default .navbar-nav>.active>a:hover {
	background-color: #FFF;
}

.navbar-default .navbar-nav>li>a:hover i {
  	color:#52C5C5;
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a {
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a>i {
  	color:#52C5C5;
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:focus {
	background-color: transparent;
}

a:hover .offbg{
	background: transparent url("../images/icnPlantas_on.gif")  center no-repeat;
}

.navbar-default .navbar-nav>li>a:hover {
	background-color:#FFF;
}

.navbar-default .navbar-nav>li>a {
	color:#b4b4b4;
}

.navbar-default .navbar-nav>.active>a .offbg {
	background: transparent url("../images/icnPlantas_on.gif")  center no-repeat;
}

.breadcrumb {
	font-size: 11px;
	border-radius: 0;
	height: 36px;
	padding: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-color:#E6E6E6;
}

.breadcrumb a{
	font-family: 'Klavika Regular';
	font-size: 11px;
	color: #929297;
	text-decoration: none;
	height:34px;
}

.breadcrumb>.active {
	color:#101010;
	font-family: 'Klavika Medium';
	font-weight: 600;
}

.searchbox {
	float:right;
	margin: -10px;
}

.trans {
	background-color: transparent;
	border: transparent;
	border-radius: 0px;
	box-shadow: none;
}

.custom-search-form{
    width: 250px;
	height: 20px;
}

.plantaspic {
	margin:5px -10px 0px 20px;
	float: left;
	display: block;
}

.plantaspix {
	margin:5px -10px 0px 0px;
	float: left;
	display: block;
}

.etiqueta {
	font-family:'Klavika Medium';
	font-weight: 700;
	font-size: 14px;
	float: left;
	margin: 5px 0px -4px 20px;
	
	color: #000;
}

.num {
	font-family: 'Klavika Light';
	font-size: 28px;
	color: #000;
	float:left;
	padding: 0px;
	margin-left:20px;
	width: 100px;
	margin-top:-5px;
}

.linea {
	border-right: solid 1px #E2EAED;
}

.combos {
	border-radius: 0px;
	background-color: #F3F3F3;
	border: none;
	box-shadow: none;
}

.icnprim {
	 color: #49C3C7;
	 margin-right: 5px;
}

.btn-default:hover i {
	color: #FFF;
	background-color: transparent;
}

.combotabla {
	border: none;
	box-shadow: none;
	color: #B7B7B8;
	margin-bottom: -7px;
	padding-left: 0px;
}

.tags {
	border-radius:4px;
    font-family: 'Klavika Regular';	
}

.tags.focused {
	border-radius:4px;
	font-family: 'Klavika Regular';	
}

.tag-item {
	color: #fff;
	background-color: #3CA1B3;
	border-color: #00AE9E;
	font-family: 'Klavika Regular';	
}

.ui-datepicker {
	background-color: #FFF;
	border: 1px solid #CCC;
}

#ui-datepicker-div {
	border-radius: 4px;
	z-index: 99 ! important;
}

.backtab{
	background-color: #F3F3F3;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 10px;
	height: 65vh;
}

.tabtitulo {
	font-family:'Klavika Medium';
	font-size: 13px;
}

.tabhead {
	color:#52C5C5;
	font-family:'Klavika Medium';
	font-size: 12px;	
}

.numeros {
	color:#000000;
	font-family:'Klavika Light';
	font-size: 32px;	
}

.kilow {
	color:#CCCCCC;
	font-family:'Klavika Light';
	font-size: 32px;	
}

.databs {
	color:#999999;
	font-family:'Klavika Medium';
	font-size: 12px;
	margin: -5px 0;	
}

.sub {
	font-family: 'Klavika Regular';	
	font-size: 18px;
	color:#111111;
	padding-left: 0;
}

.fallos {
	background-color: #F7F9FA;
	padding: 5px;
	color:#000000;
	font-family:'Klavika Medium';
	font-size: 12px;
	text-align: center;
}

.tablon {
	font-size: 12px;
}

.line {
	color:#B8B8B8;
}

.bgplantas {
	background-color: #F2F5F5;
	padding: 15px 0px;
	margin-right: 0px;
}

.imgeplant {
	width:100%;
	height: 100%;
}

.tablillas {
	background-color: white; 
	border: 3px solid #F2F5F5;
	border-top: none;
}

.tablillas-top {
	background-color: white;
	border: 3px solid #F2F5F5;
}

.table-graphs {
	height: 1px !important;
	width: 8px;
	border: 3px solid #F2F5F5;
}
/* Calendario */
.page-toolbar {
  display: inline-block;
  float: right;
  padding: 0; 
}

.page-toolbar .btn-fit-height {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.grey-salt.btn {
  color: #777777;
  background-color: #F3F3F3;
}

.btn i {
	padding-right:10px;
}
.btn i:hover {
	background-color: transparent;
}

.uppercase {
  text-transform: uppercase !important;
}
.thin {
  font-weight: 300 !important;
}

.page-toolbar {
  padding: 6px 0;
}
.page-toolbar .btn {
  margin-top: -2px;
}
.page-toolbar .btn.btn-sm {
  margin-top: 0px;
} 
 
 .azul {
	width: 10px;
	height:10px;
	background-color:#49C3C7;
	float: left;
	margin: 5px 10px 0px 0px;
	display: inline;
 }
 
.mamey {
	width: 10px;
	height:10px;
	background-color:#FF775F;
	float: left;
	margin: 5px 10px 0px 0px;
	display: inline;
}

.triyellow {
	color:#FFA73F;
}

.trigrey {
	color:#AAAAAA;
}

.trired {
	color:#FF0000;
}

.trigreen {
	color:#A3D800;
}

.whitebg {
	background-color: #FFF;
	border-bottom: 3px solid #FFF;
}

.greybg {
	background-color: #F2F5F5;
	border-bottom: 3px solid #FFF;
	font-size: 12px;
}

.filtros {
	font-size:12px;
	color:#525252;
	padding:5px 10px 5px 15px;
}

.bluelist {
	color:#379FB3;
}

/* GRID 5 Columnas */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15
{
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
	margin-bottom: 10px
}
 
.col-xs-15
{
    width: 20%;
    float: left;
}
 
@media (min-width: 768px)
{
    .col-sm-15
    {
        width: 20%;
        float: left;
    }
}
 
@media (min-width: 992px)
{
     .col-md-15
     {
        width: 20%;
        float: left;
    }
}
 
@media (min-width: 1200px)
{
    .col-lg-15
    {
        width: 20%;
        float: left;
    }
}

.col-xs-25 {
width: 40%;
float: left;
}

@media (min-width: 768px)
{
    .col-sm-25
    {
        width: 40%;
        float: left;
    }
}
 
@media (min-width: 992px)
{
     .col-md-25
     {
        width: 40%;
        float: left;
    }
}
 
@media (min-width: 1200px)
{
    .col-lg-25
    {
        width: 40%;
        float: left;
    }
}

.col-xs-35 {
width: 60%;
float: left;
}

@media (min-width: 768px)
{
    .col-sm-35
    {
        width: 60%;
        float: left;
    }
}
 
@media (min-width: 992px)
{
     .col-md-35
     {
        width: 60%;
        float: left;
    }
}
 
@media (min-width: 1200px)
{
    .col-lg-35
    {
        width: 60%;
        float: left;
    }
}

.col-xs-45 {
width: 80%;
float: left;
}

@media (min-width: 768px)
{
    .col-sm-45
    {
        width: 80%;
        float: left;
    }
}
 
@media (min-width: 992px)
{
     .col-md-45
     {
        width: 80%;
        float: left;
    }
}
 
@media (min-width: 1200px)
{
    .col-lg-45
    {
        width: 80%;
        float: left;
    }
}

/* Menu lateral hasta 768 */	
@media (min-width: 768px) {
  .navbar-collapse {
    height: auto !important;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left:0;
    padding-right:0;
	/*width: 102px;*/
  }
  
  .navbar-collapse.collapse {
    display: block !important;
    /*width: auto !important;*/
    padding-bottom: 0;
    overflow: visible !important;
	background-color: #F3F3F3;
  }

.navbar
{
	font-family: 'Klavika Medium';
	max-width: 102px;
	width:102px;
	min-height: 100vh;
	border-radius: 0px;	
	margin-bottom:  -60px;
	display: block;
	float:left;
	border: none;
	position: fixed;
	background-color: #F3F3F3;
	margin-top: 60px;
}	

.navbar-nav,
.navbar-nav > li,
.navbar-left,
.navbar-right,
.navbar-header
{float:none !important; width: 102px;}

.navbar-right .dropdown-menu {left:0;right:auto;}
.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
}

/*   Menu 2 nivel */
#colorNav > ul{
	width: 450px; /* Increase when adding more menu items */
	margin:0 auto;
	z-index: 99999;
}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;
	box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;
	display: inline-block;
	line-height: 1;
	margin: 1px;
	border-radius: 3px;
	position:relative;
}

#colorNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:24px;
	padding: 25px;
}

#colorNav li ul{
	position:absolute;
	list-style:none;
	text-align:center;
	width:250px;
	left:75%;
	top:0px;
	font-family: 'Klavika Medium';
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
	z-index: 999999;
}

#colorNav li ul li{
	background-color:#F3F3F3;
	border-bottom: solid 1px #FFF;
}

#colorNav li ul li a{
	padding:15px;
	color:#b4b4b4;!important;
	text-decoration: none !important;
	display:block;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#F3F3F3;
}

#colorNav li ul li:hover{
	background-color:#3CA1B3;
}

#colorNav li ul li a:hover{
	color:#FFF;
}

#colorNav li ul li:first-child{
	border-radius:0;
	position:relative;
}

#colorNav li ul li:first-child:before{ /* the pointer tip */
	content: '';
	position: absolute;
	width: 1px;
	height: 1px;
	left: -3px;
	top: 10px;
	margin-left: -5px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #F3F3F3;
}

#colorNav li ul li:last-child{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:225px; /* Increase when adding more dropdown items */
}

/* Contenedor full a 768 */	
@media (max-width: 767px) {
.container {
	width:100%;
	margin-top: 0px;
	margin-left: 0px;
  }
  
.navbar-header {
	margin-top:60px;
 } 

.linea {
	border-right: none;
} 

.menuiz {
	font-size: 14px;
	height: inherit;	
}

.menuicn {
	width:30px;
	float: left;
	margin-top: 2px;
	margin-left:15px;
}

.seleccionado {
	top: 13px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #3CA1B3;
}
 
.navbar-default .navbar-nav>li>a {
	height:50px;
	text-align: left;
	float: left;
	width: 100%;
}

.navbar-default .navbar-nav>li>a i, .navbar-default .navbar-nav>li>a .offbg {
  margin-right: 15px
}

.navbar {
	  margin-bottom: 0px;
}

.navbar-nav {
	margin: 0px -15px;
	margin-top: -5px;
}

.navbar-nav>li>a {
	line-height: 30px;
}

.offbg {
	float:left;
	margin-top: 0px;
	margin-left:10px;
}

.boxlogo {
	width: 60px;
}
.headtxt {
	font-size: 11px;
	margin: 23px 0px 0px 10px;
}
.btones {
	font-size: 11px;
	padding: 0px 8px; 
}
.logout {
	font-size: 12px;
	padding: 0px 5px;
}

.searchbox {
	float:left;
}

.custom-search-form {
	float: left;
	padding-top: 8px;
	margin-left: 20px;
	width:150px;
}

.input-group-btn {
	display: inherit;
}

.plantaspic  {
	width:25px;
	margin-top:10px;
}

.num {
	 margin-top: 8px;
	 font-size: 14px;
	 width: 30px;
}

.etiqueta {
	 margin: 8px 0px 0px 20px;
	 width: 120px;
}

/*   Menu 2 nivel */

#colorNav li ul{
	position:relative;
	width:100%;
	left:0;
	display: inline-block;
	float:left;
	text-align:left;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#F8F8F8;
}

#colorNav li ul li {
  background-color: #F8F8F8;
  border-bottom: solid 1px #FFF;
}

#colorNav li ul li:first-child:before {
	visibility: hidden;
}

#colorNav li ul li:hover{
	background-color:#FFF;
}

#colorNav li ul li a:hover{
	color:#000;
}

#colorNav li ul li a{
	padding:15px;
	color:#b4b4b4;!important;
	text-decoration: none !important;
	display:block;
}

#colorNav li ul { 
	font-family: 'Klavika Regular';
}

}


@media (max-width: 1024px) {
.linea {
	border-right: none;
}
}

.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-user-female:before {
	content: "\e000";
}
.icon-user-follow:before {
	content: "\e002";
}
.icon-user-following:before {
	content: "\e003";
}
.icon-user-unfollow:before {
	content: "\e004";
}
.icon-trophy:before {
	content: "\e006";
}
.icon-screen-smartphone:before {
	content: "\e010";
}
.icon-screen-desktop:before {
	content: "\e011";
}
.icon-plane:before {
	content: "\e012";
}
.icon-notebook:before {
	content: "\e013";
}
.icon-moustache:before {
	content: "\e014";
}
.icon-mouse:before {
	content: "\e015";
}
.icon-magnet:before {
	content: "\e016";
}
.icon-energy:before {
	content: "\e020";
}
.icon-emoticon-smile:before {
	content: "\e021";
}
.icon-disc:before {
	content: "\e022";
}
.icon-cursor-move:before {
	content: "\e023";
}
.icon-crop:before {
	content: "\e024";
}
.icon-credit-card:before {
	content: "\e025";
}
.icon-chemistry:before {
	content: "\e026";
}
.icon-user:before {
	content: "\e005";
}
.icon-speedometer:before {
	content: "\e007";
}
.icon-social-youtube:before {
	content: "\e008";
}
.icon-social-twitter:before {
	content: "\e009";
}
.icon-social-tumblr:before {
	content: "\e00a";
}
.icon-social-facebook:before {
	content: "\e00b";
}
.icon-social-dropbox:before {
	content: "\e00c";
}
.icon-social-dribbble:before {
	content: "\e00d";
}
.icon-shield:before {
	content: "\e00e";
}
.icon-screen-tablet:before {
	content: "\e00f";
}
.icon-magic-wand:before {
	content: "\e017";
}
.icon-hourglass:before {
	content: "\e018";
}
.icon-graduation:before {
	content: "\e019";
}
.icon-ghost:before {
	content: "\e01a";
}
.icon-game-controller:before {
	content: "\e01b";
}
.icon-fire:before {
	content: "\e01c";
}
.icon-eyeglasses:before {
	content: "\e01d";
}
.icon-envelope-open:before {
	content: "\e01e";
}
.icon-envelope-letter:before {
	content: "\e01f";
}
.icon-bell:before {
	content: "\e027";
}
.icon-badge:before {
	content: "\e028";
}
.icon-anchor:before {
	content: "\e029";
}
.icon-wallet:before {
	content: "\e02a";
}
.icon-vector:before {
	content: "\e02b";
}
.icon-speech:before {
	content: "\e02c";
}
.icon-puzzle:before {
	content: "\e02d";
}
.icon-printer:before {
	content: "\e02e";
}
.icon-present:before {
	content: "\e02f";
}
.icon-playlist:before {
	content: "\e030";
}
.icon-pin:before {
	content: "\e031";
}
.icon-picture:before {
	content: "\e032";
}
.icon-map:before {
	content: "\e033";
}
.icon-layers:before {
	content: "\e034";
}
.icon-handbag:before {
	content: "\e035";
}
.icon-globe-alt:before {
	content: "\e036";
}
.icon-globe:before {
	content: "\e037";
}
.icon-frame:before {
	content: "\e038";
}
.icon-folder-alt:before {
	content: "\e039";
}
.icon-film:before {
	content: "\e03a";
}
.icon-feed:before {
	content: "\e03b";
}
.icon-earphones-alt:before {
	content: "\e03c";
}
.icon-earphones:before {
	content: "\e03d";
}
.icon-drop:before {
	content: "\e03e";
}
.icon-drawer:before {
	content: "\e03f";
}
.icon-docs:before {
	content: "\e040";
}
.icon-directions:before {
	content: "\e041";
}
.icon-direction:before {
	content: "\e042";
}
.icon-diamond:before {
	content: "\e043";
}
.icon-cup:before {
	content: "\e044";
}
.icon-compass:before {
	content: "\e045";
}
.icon-call-out:before {
	content: "\e046";
}
.icon-call-in:before {
	content: "\e047";
}
.icon-call-end:before {
	content: "\e048";
}
.icon-calculator:before {
	content: "\e049";
}
.icon-bubbles:before {
	content: "\e04a";
}
.icon-briefcase:before {
	content: "\e04b";
}
.icon-book-open:before {
	content: "\e04c";
}
.icon-basket-loaded:before {
	content: "\e04d";
}
.icon-basket:before {
	content: "\e04e";
}
.icon-bag:before {
	content: "\e04f";
}
.icon-action-undo:before {
	content: "\e050";
}
.icon-action-redo:before {
	content: "\e051";
}
.icon-wrench:before {
	content: "\e052";
}
.icon-umbrella:before {
	content: "\e053";
}
.icon-trash:before {
	content: "\e054";
}
.icon-tag:before {
	content: "\e055";
}
.icon-support:before {
	content: "\e056";
}
.icon-size-fullscreen:before {
	content: "\e057";
}
.icon-size-actual:before {
	content: "\e058";
}
.icon-shuffle:before {
	content: "\e059";
}
.icon-share-alt:before {
	content: "\e05a";
}
.icon-share:before {
	content: "\e05b";
}
.icon-rocket:before {
	content: "\e05c";
}
.icon-question:before {
	content: "\e05d";
}
.icon-pie-chart:before {
	content: "\e05e";
}
.icon-pencil:before {
	content: "\e05f";
}
.icon-note:before {
	content: "\e060";
}
.icon-music-tone-alt:before {
	content: "\e061";
}
.icon-music-tone:before {
	content: "\e062";
}
.icon-microphone:before {
	content: "\e063";
}
.icon-loop:before {
	content: "\e064";
}
.icon-logout:before {
	content: "\e065";
}
.icon-login:before {
	content: "\e066";
}
.icon-list:before {
	content: "\e067";
}
.icon-like:before {
	content: "\e068";
}
.icon-home:before {
	content: "\e069";
}
.icon-grid:before {
	content: "\e06a";
}
.icon-graph:before {
	content: "\e06b";
}
.icon-equalizer:before {
	content: "\e06c";
}
.icon-dislike:before {
	content: "\e06d";
}
.icon-cursor:before {
	content: "\e06e";
}
.icon-control-start:before {
	content: "\e06f";
}
.icon-control-rewind:before {
	content: "\e070";
}
.icon-control-play:before {
	content: "\e071";
}
.icon-control-pause:before {
	content: "\e072";
}
.icon-control-forward:before {
	content: "\e073";
}
.icon-control-end:before {
	content: "\e074";
}
.icon-calendar:before {
	content: "\e075";
}
.icon-bulb:before {
	content: "\e076";
}
.icon-bar-chart:before {
	content: "\e077";
}
.icon-arrow-up:before {
	content: "\e078";
}
.icon-arrow-right:before {
	content: "\e079";
}
.icon-arrow-left:before {
	content: "\e07a";
}
.icon-arrow-down:before {
	content: "\e07b";
}
.icon-ban:before {
	content: "\e07c";
}
.icon-bubble:before {
	content: "\e07d";
}
.icon-camcorder:before {
	content: "\e07e";
}
.icon-camera:before {
	content: "\e07f";
}
.icon-check:before {
	content: "\e080";
}
.icon-clock:before {
	content: "\e081";
}
.icon-close:before {
	content: "\e082";
}
.icon-cloud-download:before {
	content: "\e083";
}
.icon-cloud-upload:before {
	content: "\e084";
}
.icon-doc:before {
	content: "\e085";
}
.icon-envelope:before {
	content: "\e086";
}
.icon-eye:before {
	content: "\e087";
}
.icon-flag:before {
	content: "\e088";
}
.icon-folder:before {
	content: "\e089";
}
.icon-heart:before {
	content: "\e08a";
}
.icon-info:before {
	content: "\e08b";
}
.icon-key:before {
	content: "\e08c";
}
.icon-link:before {
	content: "\e08d";
}
.icon-lock:before {
	content: "\e08e";
}
.icon-lock-open:before {
	content: "\e08f";
}
.icon-magnifier:before {
	content: "\e090";
}
.icon-magnifier-add:before {
	content: "\e091";
}
.icon-magnifier-remove:before {
	content: "\e092";
}
.icon-paper-clip:before {
	content: "\e093";
}
.icon-paper-plane:before {
	content: "\e094";
}
.icon-plus:before {
	content: "\e095";
}
.icon-pointer:before {
	content: "\e096";
}
.icon-power:before {
	content: "\e097";
}
.icon-refresh:before {
	content: "\e098";
}
.icon-reload:before {
	content: "\e099";
}
.icon-settings:before {
	content: "\e09a";
}
.icon-star:before {
	content: "\e09b";
}
.icon-symbol-female:before {
	content: "\e09c";
}
.icon-symbol-male:before {
	content: "\e09d";
}
.icon-target:before {
	content: "\e09e";
}
.icon-volume-1:before {
	content: "\e09f";
}
.icon-volume-2:before {
	content: "\e0a0";
}
.icon-volume-off:before {
	content: "\e0a1";
}
.icon-users:before {
	content: "\e001";
}


/********** date picker ********/
.picker input{width:62px; font-size:12px;}

/*list of options*/
.listOptions ul {
	text-align: center; 
	padding-left:0px;
}

.listOptions ul li {
	cursor: pointer;
	-webkit-transition: padding .05s linear;
	-moz-transition: padding .05s linear;
	-ms-transition: padding .05s linear;
	-o-transition: padding .05s linear;
	transition: padding .05s linear;
}
.listOptions ul li.drop {
	position: relative;
}
.listOptions ul > li {
	display: inline-block;
}
.listOptions ul li a {
	line-height: 30px;
	padding: 0 20px;
	height: 30px;
	color: #777;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.listOptions ul li a:hover {
}

.listOptions .dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #E6E6E6;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}
.listOptions .dropdownContain {
	width: 145px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -80px; /* half of width */
	top: -400px;
	margin-top:-35px;
}
.listOptions .dropOut {
	width: 145px;
	background: #E6E6E6;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.listOptions .dropOut ul {
	float: left;
	padding: 10px 0;
}
.listOptions .dropOut ul li {
	text-align: left;
	float: left;
	width: 125px;
	padding: 5px 0 4px 10px;
	margin: 0px 10px;
	color: #525252;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	font-size:13px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

.listOptions .dropOut ul li:hover {
	background: #F7F9FA;
}

.listOptions ul li:hover a { color: white; }
.listOptions ul li:hover .dropdownContain { top: 65px; }
.listOptions ul li:hover .underline { border-bottom-color: #777;}
.listOptions ul li:hover .dropOut { opacity: 1; margin-top: 8px;}

/* Tooltip */
  body .tooltip{}
  
  body .tooltip-inner {font-size:10px; background:#000;}
  /* Tooltip on top */
  body .tooltip.top > .tooltip-arrow {
      border-top: 5px solid #000;
  }
  /* Tooltip on bottom */
  body .tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid #000;
  }
  /* Tooltip on left */
  body .tooltip.left > .tooltip-arrow {
      border-left: 5px solid #000;
  }
  /* Tooltip on right */
  body .tooltip.right > .tooltip-arrow {
      border-right: 5px solid #000;
  }
  
  
 /* Tabs */
.container .nav li a{padding: 10px 8px;}

/* Table Responsove */
.rwd-table {
  min-width: 200px;
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    display: table-cell;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}

.rwd-table {
  overflow: hidden;
}

/*side filters*/
.boxSideFilters{border:1px solid #CCC; background:#FFF;margin:0; padding:0; font-size:12px; margin-bottom:10px;}
a.titleSideFilter{color:#868686; width:100%; text-decoration:none; cursor:pointer; padding:8px 15px; display:inline-block; background:#FFF url(../images/arrowOpen.png) 92% center no-repeat;}
a.titleSideFilter:hover{ background:#F3F3F3 url(../images/arrowOpen.png) 92% center no-repeat;}
a.titleSideFilter.selected{ background:#FFF url(../images/arrowClose.png) 92% center no-repeat;}
a.titleSideFilter.selected:hover{ background:#F3F3F3 url(../images/arrowClose.png) 92% center no-repeat;}
.contentFilter{
	background:#F3F3F3;
	color:#868686;
	display:none;
}
.contentFilter {}
.contentFilter ul{
	list-style:none;
	padding:10px 15px;
	margin:0;
}
.contentFilter ul li{
	padding:2px 0px;
}
.contentFilter input{margin-right:5px; vertical-align:text-top; margin:0;}
.contentFilter .numberRegister{color:#000; margin-left:5px;}

/* Map */
ul.listAlert{margin:0; padding:0; list-style:none;}
ul.listAlert li{margin-bottom:5px;}
ul.listAlert li, ul.listAlert li label {color:#333; font-weight:normal;}

/*form*/
.formEdit .row{margin-bottom:8px;}
.formEdit .textbox{width:200px;}

/* add button */
.rowAddButton .btn-group{margin-top:10px;}

/* data picker */
.textAlignRight{ text-align:right;}

/**********cambios para nuevo menu**************/
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler, .page-sidebar .sidebar-toggler {
  background: url(../images/sidebar_icon.png);
}
.sidebar-toggler:hover {
  background: url(../images/sidebar_icon_hover.png);
}
.page-header.navbar .menu-toggler {
  background: url(../images/sidebar_icon.png);

}
.page-header.navbar .menu-toggler:hover {
  background: url(../images/sidebar_icon_hover.png);
}

.page-sidebar-menu>li>a {
  color: #888;
  font-weight:700;
}
.page-sidebar-menu>li>a:hover {
  color: #555;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
  background: #E9E9E9;
  color: #888;
}
ul.sub-menu a{
	color: #888;
  font-weight:700;
}
ul.sub-menu a:hover{
	color: #fff;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
  background: #3CA1B3 !important;
}
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu {
  background:#F3F3F3 !important;
	-webkit-box-shadow: 2px 2px 10px 0px #ccc;
-moz-box-shadow:    2px 2px 10px 0px #ccc;
box-shadow:         2px 2px 10px 0px #ccc;  
}
.page-sidebar .page-sidebar-menu > li > a > [class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > [class^="icon-"]{background:transparent;}

.page-sidebar .page-sidebar-menu > li > a:hover > [class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a:hover > [class^="icon-"]{color:#52C5C5;}

.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a [class^="icon-"]{color:#52C5C5;}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
  background: #3e4b5c !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a{ background: #E9E9E9 !important;}

/*add button*/
.btn i{vertical-align:text-bottom;}

/*buttons in table*/
td .btn i{padding-right:5px;}
td .btn{margin-bottom:5px;}

/*Align checks profile*/
.checksAlign label{width:200px;}

.clear{clear:both;}

/*resize*/
.tipo1{padding:0 20px;}
.tipo2{padding:0 20px;}

/*button day month year*/
.btn-group label.btn{padding:3px 18px; text-transform:uppercase;font-weight:bold;font-size:12px;}
@media (max-width: 780px){
	.dato {padding:20px 10px}
	.fechahead{display:none;}
}

@media (max-width: 991px){
	.page-sidebar {
	  background-color: #f3f3f3;
	}
}
@media (max-width:1200px) {
  .container{width:78%;}
}

/*menu (general)*/
i[class^="menu"]{
	background-size:cover;
	width:32px;
	height:32px;
	display:inline-block;
	vertical-align: middle;
}

.page-sidebar .page-sidebar-menu > li.open > a [class^="menu"] {
	background-size:cover;
	width:32px;
	height:32px;
	display:inline-block;
	vertical-align: middle;
}

/*menu dashboard*/
i.menuDashboard{
	background:url(../images/icnMenuDashboard.png) left center no-repeat;
}
i.menuDashboard:hover{
	background:transparent url(../images/icnMenuDashboardHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuDashboard{
	background:transparent url(../images/icnMenuDashboardHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuDashboard"] {
	background:transparent url(../images/icnMenuDashboardHover.png) left center no-repeat;
}

/*menu plants*/
i.menuPlants{
	background:url(../images/icnMenuPlantas.png) left center no-repeat;
}
i.menuPlants:hover{
	background:transparent url(../images/icnMenuPlantasHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuPlants{
	background:transparent url(../images/icnMenuPlantasHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuPlants"] {
    background:transparent url(../images/icnMenuPlantasHover.png) left center no-repeat;
}

/*menu plant analysis*/
i.menuAnalytics{
	background:url(../images/icnMenuAnalisis.png) left center no-repeat;
}
i.menuAnalytics:hover{
	background:transparent url(../images/icnMenuAnalisisHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuAnalytics{
	background:transparent url(../images/icnMenuAnalisisHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuAnalytics"] {
	background:transparent url(../images/icnMenuAnalisisHover.png) left center no-repeat;
}

/*menu monitor*/
i.menuMonitor{
	background:url(../images/icnMenuMonitor.png) left center no-repeat;
}
i.menuMonitor:hover{
	background:transparent url(../images/icnMenuMonitorHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuMonitor{
	background:transparent url(../images/icnMenuMonitorHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuMonitor"] {
	background:transparent url(../images/icnMenuMonitorHover.png) left center no-repeat;
}

/*menu reports*/
i.menuReports{
	background:url(../images/icnMenuReportes.png) left center no-repeat;
}
i.menuReports:hover{
	background:transparent url(../images/icnMenuReportesHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuReports{
	background:transparent url(../images/icnMenuReportesHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuReports"] {
	background:transparent url(../images/icnMenuReportesHover.png) left center no-repeat;
}

/*menu users*/
i.menuUsers{
	background:url(../images/icnMenuAccesos.png) left center no-repeat;
}
i.menuUsers:hover{
	background:transparent url(../images/icnMenuAccesosHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuUsers{
	background:transparent url(../images/icnMenuAccesosHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuUsers"] {
	background:transparent url(../images/icnMenuAccesosHover.png) left center no-repeat;
}

/*menu catalogs*/
i.menuCatalogs{
	background:url(../images/icnMenuCat.png) left center no-repeat;
}
i.menuCatalogs:hover{
	background:transparent url(../images/icnMenuCatHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuCatalogs{
	background:transparent url(../images/icnMenuCatHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuCatalogs"] {
	background:transparent url(../images/icnMenuCatHover.png) left center no-repeat;
}

/*menu catalogs*/
i.menuCatalogs{
	background:url(../images/icnMenuCat.png) left center no-repeat;
}
i.menuCatalogs:hover{
	background:transparent url(../images/icnMenuCatHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuCatalogs{
	background:transparent url(../images/icnMenuCatHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuCatalogs"] {
	background:transparent url(../images/icnMenuCatHover.png) left center no-repeat;
}

/*menu settings*/
i.menuSettings{
	background:url(../images/icnMenuConfig.png) left center no-repeat;
}
i.menuSettings:hover{
	background:transparent url(../images/icnMenuConfigHover.png) left center no-repeat;
}
.page-sidebar-menu a:hover i.menuSettings{
	background:transparent url(../images/icnMenuConfigHover.png) left center no-repeat;
}
.page-sidebar .page-sidebar-menu > li.open > a [class^="menuSettings"] {
	background:transparent url(../images/icnMenuConfigHover.png) left center no-repeat;
}

/*menu active links*/
.page-sidebar .page-sidebar-menu > li.active > a{color:#52C5C5;}
.page-sidebar .page-sidebar-menu > li.active > a i{color:#52C5C5;}
.page-sidebar .page-sidebar-menu > li.open > a{color:#52C5C5;}
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #3CA1B3 !important;
	color:#FFF;
}

.fullscreen{
	width: 100%;
	height: 100% !important;
}