/*
 *  Author: Ismael Monje
 * 
 *  ---------------------------------------
 *  ---------- TABLE OF CONTENTS ----------
 *  ---------------------------------------
 *  
 *  1.  FILE IMPORTS
 *	2.	RESET STYLES
 *	3.	HEADER BAR
 *		3.1	HEADER LEFT
 *		3.2 HEADER RIGHT
 *	4.	LEFT PANEL
 *		4.1	NAVIGATION STYLES
 *		4.2	INFO SUMMARY
 *	5.	MAIN PANEL
 *		5.1 DASHBOARD
 *	6.	HORIZONTAL MENU
 *	7.	LEFT PANEL COLLAPSED
 *	8.	PRELOADER
 *		8.1 NPROGRESS
 *	9.	INSTALL VIEW
 *	10.	LOGIN
 *	11.	SERVERLOG
 *	17.	ADDITIONAL STYLES
 *		17.1 DROPDOWN
 *		17.2 STICKYHEADER
 *		17.3 ICON
 *		17.4 ICON INTO INPUT
 *		17.5 TABLES
 *		17.6
 *	
 */



/*************************\
 *    1. FILE IMPORTS    *
\*************************/
@import url('https://fonts.googleapis.com/css?family=Roboto');

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
@import url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css");
@import "animate.css";
@import "animate-delay.css";
@import "bootstrap-switch.min.css";

@import "../plugins/font-awesome-4.7.0/css/font-awesome.min.css";

@import "../plugins/selectize/css/selectize.bootstrap3.css"; 	
@import "themify-icons.css";
@import "../plugins/alert/css/alert.css";
@import "../plugins/alert/themes/default/theme.css";

@import "../plugins/clockpicker/dist/bootstrap-clockpicker.min.css";

@import url("https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css");
@import url("https://cdn.datatables.net/select/1.2.0/css/select.dataTables.min.css");
@import url("https://cdn.datatables.net/responsive/2.1.0/css/responsive.bootstrap.min.css");

@import url("https://cdn.jsdelivr.net/bootstrap.daterangepicker/2.1.25/daterangepicker.css");
@import url("https://cdn.jsdelivr.net/sweetalert2/6.4.4/sweetalert2.min.css");

@import "../plugins/icheck/skins/all.css";
@import "../plugins/jbox/jBox.css";
@import "../plugins/jbox/themes/NoticeBorder.css";
@import "../plugins/perfect-scrollbar/perfect-scrollbar.min.css";
@import "../plugins/pace/themes/blue/pace-theme-minimal.css";
@import "mixins.less";


/******************************************\
 *    2. RESET STYLES / GENERAL / VARS    *
\******************************************/
@color: #144377;
@color_texto: #4e5e6a;
@color_hover: #777777;
@url_img_color: "../img/bg/blue.jpg";
@font: 'Roboto', sans-serif;

html{
	background-color: #E0E0E0;
	background: url(../img/bg/fondo.jpg) repeat center fixed;
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}


body{
	overflow:hidden;
	font-family: @font;
	font-size: 13px!important;
	font-weight:400;
	background-color: transparent;
	color:@color_texto;
	-webkit-font-smoothing: antialiased;
  	letter-spacing: .1px;
	margin: 0;
}
.browsehappy{
  background: #ccc;
  color: #000;
  text-align: center;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  margin: 0;
  z-index: 1;
}
.bg-dark-img{	background:url(../img/bg/11.jpg) 0px 0px!important;}
.bg-grey-img{	background:url(../img/bg/6.jpg) 0px 0px!important;}
.bg-green-img{	background:url(../img/bg/3.jpg) 0px 0px!important;}
.bg-blue-img{	background:url(../img/bg/21.jpg) 0px 0px!important;}
.bg-orange-img{	background:url(../img/bg/17.jpg) -630px 0px!important;}
.bg-white-img{	background:url(../img/bg/4.jpg) 0px 0px!important;}


.bg-color{background-color: @color!important;}
.disable,.disable a,.disable i{color:#CCC!important;}
.dropdown-menu .divider { margin: 5px 0; }
.dropdown-menu-right{
	& li a i {
				width: 17px;
				height: 17px;
				text-align: center;
				margin-right: 3px;
			}
			&.icon-right li a i {
				float: right;
				margin-right: -3px;
				margin-top: 3px;
			}
			&.icon-right li a img {
				float: right;
    			margin-right: -8px;
    			margin-top: -2px;
    			width: 24px;
			}
			li {		    
				a {
				    color: @color_texto;
					font-weight: 300;
					margin: 0 5px;
					-webkit-transition: all 0.25s;
					-moz-transition: all 0.25s;
					-o-transform: all 0.25s;
					-ms-transform: all 0.25s;
					transition: all 0.25s;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					line-height: 20px;
					background-color: transparent;
					width:240px;
					font-size:12px!important;

					&:hover {
					    text-decoration: none;
						color: #FFFFFF!important;
						background-color: @color!important;
						text-shadow: none;
						background: url(@url_img_color) -660px -120px;
					}
				}
			}
}

.font-w300 {font-weight: 300}
.font-w400 {font-weight: 400}
.font-w600 {font-weight: 600}
.font-w700 {font-weight: 700}


.form-control, .form-control:focus{
	box-shadow: none;
	border-color:none;
}
.form-group{margin-botom:0.5em}

section{
  display: table;
  position: relative;
  height: 100%;
  width: 100%;
  table-layout: fixed;
}

.shadowBlack{text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4) !important;}
.shadowWhite{text-shadow: white 1px 1px 0px;}

.swal2-modal{
	.swal2-title {
		font-size:20px !important;
	}
	.swal2-content {
		font-size:13px !important;
	}
	.swal2-styled {
		border-radius:2px;
		font-size:13px !important;
		padding: 6px 12px !important; 
	}
}


label{font-weight:300;margin-bottom: 0px;}

.no-data{
	background: #E0E0E0;
  	position: relative;
  	top: -315px;
  	opacity: 0.7;
  	padding: 50px;
  	color:#999;
	i{ font-size:150px; }
	h1{ font-weight:100; }
}
.nowrap{ white-space: nowrap; }

.push-5 			{margin: 		5px !important}
.push-5-b 			{margin-bottom: 5px !important}
.push-5-l 			{margin-left: 	5px !important}
.push-5-r 			{margin-right: 	5px !important}
.push-5-t 			{margin-top: 	5px !important}

.remove-margin 		{margin: 		0 !important}
.remove-margin-t 	{margin-top: 	0 !important}
.remove-margin-r 	{margin-right: 	0 !important}
.remove-margin-b 	{margin-bottom: 0 !important}
.remove-margin-l 	{margin-left: 	0 !important}
.remove-padding 	{padding: 		0 !important}
.remove-padding-t 	{padding-top: 	0 !important}
.remove-padding-r 	{padding-right: 0 !important}
.remove-padding-b 	{padding-bottom:0 !important}
.remove-padding-l 	{padding-left: 	0 !important}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td { vertical-align: middle !important;}

/********************\
 *    X. BUTTONS    *
\********************/
.btn{
	border-radius:2px!important;
	border:0px;
	font-size: 12px;
	font-weight:400;
	&:hover{
		-moz-box-shadow: 	inset 0 -3px 0 rgba(0,0,0,0.27)!important;
		-ms-box-shadow: 	inset 0 -3px 0 rgba(0,0,0,0.27)!important;
		-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.27)!important;
		box-shadow: 		inset 0 -3px 0 rgba(0,0,0,0.27)!important;
	}
	&:active{
		-webkit-box-shadow: inset 0 3px 0 rgba(0,0,0,0.27)!important;
    	box-shadow: 		inset 0 3px 0 rgba(0,0,0,0.27)!important;
	}
	.fa{
		margin: 0 5px 0 0px;
	}
}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active{ background: url(../img/bg/3.jpg)	-100px -80px 	!important}
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active{ background: url(../img/bg/17.jpg)	-670px 0 		!important}
.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{ background: url(../img/bg/4.jpg) 	-660px 0 		!important}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{ background: url(../img/bg/21.jpg) 	-527px -161px 	!important}
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active{ 		background: url(../img/bg/18.jpg)	-670px 0 		!important}

.btn, button{ .noOutline(); }
.btn-submit{
	&:hover{
		background:@color!important;
		color:white!important;
	}
	&.btn-o{
		border: 1px solid @color;
		color: @color;
		background: transparent;
	}
}
.btn-blue{
	background:@color;
	color:white;
}


/***********************\
 *    3. HEADER BAR    *
\***********************/
.headerbar {
	border-bottom: 2px solid @color;
    background: #fff;
	&::after {
	    clear: both;
	    display: block;
	    content: '';
	}
}

	/************************\
 	*    3.1 HEADER LEFT    *
	\************************/
	.menutoggle {
	    float: left;
	    width: 50px;
	    height: 44px;
	    font-size: 22px;
	    cursor: pointer;
	    float: left;
	    color: #1d2939;
	    border-right: 1px solid #eee;
	    -moz-transition: all 0.2s ease-out 0s;
	    -webkit-transition: all 0.2s ease-out 0s;
	    transition: all 0.2s ease-out 0s;
	    
	    &:hover {
		    color: #1d2939;
		    background-color: #f7f7f7;
		}
		
		.fa, .glyphicon {
		    margin: 14px 0 0 15px;
		}
	}
	.header-left {
	    float: left;
	}
	
	
	/*************************\
 	*    3.2 HEADER RIGHT    *
	\*************************/
	.header-right {
	    float: right;
	}
	
	.headermenu {
	    list-style: none;
	    margin: 0;
	    padding: 0;
		
		&:after {
		    clear: both;
		    display: block;
		    content: '';
		}
		
		& > li {
		    display: inline-block;
		    float: left;
		    position: relative;
			height:44px;
		}
		
		.dropdown-toggle {
		    padding: 8px 10px;
		    border-color: #fff;
		    background: #fff;
		    -moz-border-radius: 0;
		    -webkit-border-radius: 0;
		    border-radius: 0;
		    border: 0;
		    
		    &.avatar-header{
				padding: 10px 7px 20px 7px;
				img{
					margin-top:8px;
					width: 28px;
					border-radius:3px;
					-webkit-box-shadow: inset 0 0 3px 0 rgba(0,0,0,.3);
					box-shadow: inset 0 0 3px 0 rgba(0,0,0,.3);
				}
			}
			
			.caret {
			    margin-left: 5px;
			}
		}
		
		.dropdown-toggle:hover,
		.dropdown-toggle:focus,
		.dropdown-toggle:active,
		.dropdown-toggle.active,
		.open .dropdown-toggle.dropdown-toggle {
		    background: #f9f9f9;
		    color: #333;
		    -moz-box-shadow: none;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		}
		
		
		.dropdown-menu {
		    min-width: 200px;
			margin-top: 8px;
			border-color: #DDD;
			border-radius: 2px;
		    font-size: 12px;
		    
		    .divider {
				margin: 5px 0;
			}
		    
		    &.pull-right{
		    	right: 10px;
		    }
			//Arrow
			&.pull-right.arrow:after, &.pull-right.arrow:before {
				left: auto;
				right: 10px;
			}
		    &.arrow{
				&:before {
					top: -9px;
					border-bottom: 8px solid #CCC;
					z-index: 0;
				}
				&:after,
				&:before {
					content: "";
					position: absolute;
					top: -8px;
					left: 10px;
					border-left: 8px solid transparent;
					border-right: 8px solid transparent;
					border-bottom: 8px solid #FFF;
					z-index: 1;
				}
		    }
		    //Icon Right
			& li a i {
				width: 17px;
				height: 17px;
				text-align: center;
				margin-right: 3px;
			}
			&.icon-right li a i {
				float: right;
				margin-right: -3px;
				margin-top: 3px;
			}
			&.icon-right li a img {
				float: right;
    			margin-right: -8px;
    			margin-top: -2px;
    			width: 24px;
			}
			li {		    
				a {
				    color: @color_texto;
					font-weight: 300;
					margin: 0 5px;
					-webkit-transition: all 0.25s;
					-moz-transition: all 0.25s;
					-o-transform: all 0.25s;
					-ms-transform: all 0.25s;
					transition: all 0.25s;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					line-height: 20px;
					background-color: transparent;
				    
					&:hover {
					    text-decoration: none;
						color: #FFFFFF!important;
						background-color: @color!important;
						text-shadow: none;
						background: url(@url_img_color) -660px -120px;
					}
				}
			}
		}
		
		.dropdown-grid .grid-list {
		    padding: 20px;
		}
		
		.dropdown-menu-usermenu li {
		    padding: 0;
		    
			&:after {
			    right: 95px;
			}
		}

		.dropdown-menu li i {
		    font-size: 11px;
		    margin-right: 5px;
		}
		
		.dropdown-menu-head {
		    padding: 0;
		    min-width: 300px;
		    background: #fff;
		    
			.title {
			    color: #fff;
			    background: url(@url_img_color) -660px -120px;
			    padding: 8px;
			    font-size: 12px;
			    text-align: center;
			    margin: 0;
			}
			
			ul {
			    border-top: 0;
			    padding: 0 10px;
			}
		}
		
		
		.tp-icon {
		    padding: 20px 15px 15px 5px;
		    background: #fff;
		    color: #333;
		    border-color: #fff;
		    -moz-transition: all 0.2s ease-out 0s;
		    -webkit-transition: all 0.2s ease-out 0s;
		    transition: all 0.2s ease-out 0s;
		}
		
		.tp-icon + .dropdown-menu:after {
		    right: 17px;
		}
		
		
		.dropdown-menu-usermenu {
		    background: #1d2939;
		    min-width: 200px;
		}
		
		
		.dropdown-menu-head li a {
		    color: #333;
		    padding: 0;
		    opacity: 1;
		}
		
		.dropdown-menu-head li a:hover {
		    background: none;
		    color: #428BCA;
		    text-decoration: none;
		}
	} //FIN.headermenu
	
	.dropdown-list li {
	    padding: 15px;
	    overflow: hidden;
	    border-bottom: 1px solid #eee;
				
		.thumb {
		    width: 36px;
		    float: left;

			img {
			    width: 100%;
			    display: block;
			    vertical-align: middle;
			}
		}
		
		.desc {
		    margin-left: 45px;
		    display: block;
	
			h5 {
			    font-size: 13px;
			    margin-top: 7px;
			}
		}
		
		.badge {
		    float: right;
		}
	} //FIN.dropdown-list li 
	
	.user-list {
	    width: 300px;
	}
	
	.gen-list li{
		a {
		    display: block;
		}
		.name {
		    font-size: 12px;
		    font-family: 'LatoBold','Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
		    line-height: 21px;
		    display: block;
		}
		.msg {
		    font-size: 11px;
		    line-height: normal;
		    color: @color_texto;
		    display: block;
		}
		.no-notifications{
			color:#AAAAAA;
			i{font-size:60px;margin: 20px 0 0 0;}
			p{margin: 20px 0 10px 0;}
		}
		.view-all-messages{
			font-size: 12px!important;
			color: #fff!important;
			padding: 5px!important;
		}
	}



/***********************\
 *    4. LEFT PANEL    *
\***********************/
.leftpanel {
    width: 240px;
    position: fixed; /*position: absolute;*/
    top: 0;
    left: 0;
    z-index: 100;
    
	-webkit-transition: width 150ms linear;
	-moz-transition: width 150ms linear;
	-ms-transition: width 150ms linear;
	-o-transition: width 150ms linear;
	transition: width 150ms linear;

	.leftpanel-header{
		position: relative;
		font-size: 16px;
		overflow: hidden;
		color:#fff;
		padding: 8px 10px;
		
		.leftpanel-header-title{
			padding: 10px 0 0 0;
			font-family: Helvetica;
			text-transform: uppercase;
			font-size: 13px;
		}
		.leftpanel-header-subtitle{
			font-size: 11px;
			margin-bottom: 5px;
		}
		.leftpanel-header-icon-bg{
			position: absolute;
			right: 20px;
			top: 0;
			font-size: 80px;
			line-height: 80px;
			opacity: 0.3;
		}
	}
	.nav-main-menu{
		display:none;
    }
} //FIN.leftpanel

.sticky-leftpanel {
    position: fixed;
    height: 100%;
    overflow-y: auto;
}

.logopanel {
    padding: 0 10px;
    background: #fff;
    border-right: 1px solid #eee;
    border-bottom: 2px solid @color;
	display:none;
}



	/*******************************\
	 *    4.1 NAVIGATION STYLES    *
	\*******************************/
	.sidebartitle {
		padding: 13px 15px 13px 15px;
	    font-size: 10px;
	    color: #808285;
		letter-spacing: .2px;
	    text-transform: uppercase;
	    margin: 0;
	    background: #eee;
	}
	
	.nav-submenu-active{
		background:#BBDEFB;
	}
	
	.nav-bracket {
	    margin-bottom: 30px;
	    background: #ffffff;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.nav-bracket > li > a {
	    color: @color_texto;
	    padding: 12px;
	}
	
	.nav-bracket > li > a:hover,
	.nav-bracket > li > a:active,
	.nav-bracket > li > a:focus {
	    background: #BBDEFB;
	    color: @color_texto;
	    border-radius:0px;
	}
	
	.nav-bracket > li.nav-parent > a {
	    background: transparent url(../img/plus.png) no-repeat 92% center;
	     
		&:focus {
		    background-color: none;
		    color: @color_texto;
		    -moz-box-shadow: none;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		}
		
		&:hover,
		&:active {
		    color: @color_texto;
		    background-image: url(../img/plus.png);
		    background-color:#F2F2F2;
		    -moz-transition: all 0.2s ease-out 0s;
	    	-webkit-transition: all 0.2s ease-out 0s;
	    	transition: all 0.2s ease-out 0s;
		}
	}
	
	
	.nav-bracket > li.nav-active > a {
	    background-color:#EEEDEF;
	    background-image: url(../img/minus.png);
	    color: @color_texto;
	    border-bottom: 1px solid #c8c7cc;
	    border-radius:0;
	    
	}
	
	.nav-bracket > li.nav-active > a:hover {
	    background-image: url(../img/minus.png);
	    background-repeat: no-repeat;
	}
	
	.nav-bracket > li.nav-active > a:focus {
	    color: @color_texto
	}
	
	.nav-bracket > li.active > a,
	.nav-bracket > li.active > a:hover,
	.nav-bracket > li.active > a:focus {
	    background-color:#EEEDEF;
	    color: @color_texto;
	}
	
	.nav-bracket > li.nav-parent.active > a {
	    background-image: url(../img/plus.png); 
	}
	
	.nav-bracket > li.nav-active.active > a {
	    background-image: url(../img/minus.png); 
		&:hover {
		    background-image: url(../img/minus.png); 
		}
	}
	
	
	.nav-bracket li i {
	    font-size: 16px;
	    vertical-align: middle;
	    margin-right: 10px;
	    width: 16px;
	    text-align: center;
	    color:@color;
	}
	
	.nav-bracket > li > a > .badge {
	    margin-top: 2px;
	}
	
	.nav-bracket .children {
		background:#F7F7F7;
	    list-style: none;
	    display: none;
	    margin: 0;
	    padding: 0;
	}
	
	.nav-bracket .children > li > a {
	    color: @color_texto;
	    display: block;
	    padding: 12px 30px;
	    -moz-transition: all 0.2s ease-out 0s;
	    -webkit-transition: all 0.2s ease-out 0s;
	    transition: all 0.2s ease-out 0s;
	    
	    &:hover{
	    	background:#F2F2F2;
	    }
	}
	
	.nav-bracket .children > li > a > span {
	    margin-top: 2px;
	}
	
	.nav-bracket .children > li > a:hover,
	.nav-bracket .children > li > a:active,
	.nav-bracket .children > li > a:focus {
	    text-decoration: none;
	    color: @color_texto;
	}
	
	.nav-bracket .children > li .fa {
	    font-size: 12px;
	    margin-right: 10px;
	    text-align: left;
	    width: auto;
	    vertical-align: baseline;
	}
	
	.nav-bracket .children > li.active{
	    background-color: #EEEDEF;
	}
	
	.nav-bracket .children ul {
	    margin-left: 12px;
	    border: 0;
	}
	
	
	
	/*************************\
	 *    4. INFO SUMMARY    *
	\*************************/
	.infosummary {
	    margin: 30px 0;
	    
		ul {
		    padding: 0;
		    margin: 20px 0 0;
		    list-style: none;
		    border-top: 1px solid rgba(255,255,255,0.05);
		}
		
		li {
		    padding: 10px 0;
		    border-bottom: 1px solid rgba(255,255,255,0.05);
		    
			&:after {
			    clear: both;
			    display: block;
			    content: '';
			}
		}
		
		
		.datainfo {
		    float: left;
		    line-height: normal;
		    
			h4 {
			    margin: 0;
			    font-size: 16px;
			    color: #fff;
			    opacity: 0.7;
			}
		}
		
		
		span {
		    font-size: 11px;
		    line-height: normal;
		    text-transform: uppercase;
		    font-size: 10px;
		    opacity: 0.4;
		}
		
		.chart {
		    float: right;
		    margin-top: 5px;
		    opacity: 0.6;
		}
	} //FIN.infosummary



/***********************\
 *    5. MAIN PANEL    *
\***********************/
.mainpanel {
    margin-left: 240px;  
    border-left:1px solid #c8c7cc !important;
}

.pageheader {
    padding: 4px 15px;
    border-bottom: 1px solid #d3d7db;
    border-top: 1px solid #eee;
    background: #f7f7f7;
    position: relative;
    
	.breadcrumb {
	    background: none;
	    display: inline-block;
	    padding: 0;
		margin: 0;
		width: 100%;
		li {
		    font-size: 12px;
		
			&.active {
			    color: #333;
			}
		}
		li+li:last-child:before{content:none;}
		.active{color:@color_texto}
	}
}

.contentpanel {
    padding: 20px 0;
    position: relative;
    
	&::after {
	    clear: both;
	    display: block;
	    content: '';
	}
	.page_main{
		padding: 0px 20px 10px 20px;
		.main_title{
			color: #333;
			font-size: 28px;
			font-weight: 300;
			letter-spacing: 1px;
			line-height: 1;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
		}
		.main_description{
			color: #777;
			display: block;
			font-size: 15px;
			font-weight: 300;
			margin-top: 5px;
		}
	}	
}

.row-pad-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-pad-5 [class*="col-lg"],
.row-pad-5 [class*="col-md"],
.row-pad-5 [class*="col-sm"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.subtitle {
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    font-family: 'LatoBold';
    margin-bottom: 15px;
    margin-top: 0;
}

.subtitle-lined {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
}

p {
    margin-bottom: 10px;
}




	/**********************\
 	*    5.1 DASHBOARD    *
	\**********************/

	.panel-stat{
		border:none;
		
		.panel-heading{
			text-shadow: none;
			i{
				margin-right: 2em;
			}
			.stat{
				color: #fff;
				.mb15 {margin-bottom: 15px;}
				.stat-link{
				 	margin-right:0;
					i{
						font-size:15px;
					}
				}
				.stat-icon i{
					font-size:70px;
					text-align: center;
				}
				.stat-label {
					display: block;
					font-size: 11px;
					line-height: normal;
					margin-bottom: 2px;
					opacity: 0.75;
					text-transform: uppercase;
					font-weight:500;
				}
				h1 {
					font-family: 'Helvetica Neue', sans-serif;
					font-size: 38px;
					line-height: 36px;
					margin: 0;
				}
				h3,h4,h5,h6{margin: 0;}
			}
		}
		
	}
	/*
	.panel-stat {
	    background: none;
	}
	
	.panel-stat .panel-heading {
	    padding: 15px;
	    -moz-border-radius: 3px;
	    -webkit-border-radius: 3px;
	    border-radius: 3px;
	}
	
	.panel-stat .stat {
	    color: #fff;
	    max-width: 250px;
	}
	
	.panel-stat .stat img {
	    text-align: center;
	}
	
	.panel-stat i {
	    font-size: 30px;
	    border: 1px solid #fff;
	    padding: 15px;
	    border-radius: 50px;
	    opacity: 0.5;
	}
	
	.panel-stat .stat-label {
	    text-transform: uppercase;
	    font-size: 11px;
	    opacity: 0.75;
	    display: block;
	    line-height: normal;
	    margin-bottom: 2px;
	}
	
	.panel-stat h1 {
	    margin: 0;
	    line-height: 36px;
	    font-family: 'Helvetica Neue', sans-serif;
	    font-size: 38px;
	}
	
	.panel-stat h4 {
	    margin: 0;
	    font-family: 'Helvetica Neue', sans-serif;
	}
	
	.sublabel {
	    display: block;
	    font-size: 12px;
	    margin-bottom: 2px;
	}
	
	.ex-donut-chart {
	    text-align: center;
	    height: 298px;
	}
	
	.ex-line-chart {
	    height: 248px;
	}
	
	.ex-donut-chart > svg,
	.ex-line-chart > svg {
	    width: 100% !important;
	}
	*/
	
	
/****************************\
 *    6. HORIZONTAL MENU    *
\****************************/
.horizontal-menu {
    margin: 0;
	.menutoggle{display: none;}
	.leftpanel{display: none;}
	.mainpanel {
	    margin: 0;
	    width: 100%;
	    overflow-x: hidden;
	}
	.logopanel{
		display:block;
	}
}


.headerbar .logopanel {
    float: left;
    width: 240px;
}

.headerbar .topnav {
    float: left;
    margin: 0;
}

.headerbar .topnav > ul {
    padding: 0;
    margin: 0;
    float: left;
    
	& > li {
	    margin: 0;
	    float: left;
	    
		& > a {
		    padding: 15px 12px 12px 12px;
		    -moz-border-radius: 0;
		    -webkit-border-radius: 0;
		    border-radius: 0;
		    color: @color_texto
		}
	}
}

.headerbar .topnav > ul > li > a:hover,
.headerbar .topnav > ul > li > a:focus,
.headerbar .topnav > ul > li.open > a,
.headerbar .topnav > ul > li.active > a {
    box-shadow: 0 2px 0 @color;
    color: @color_texto;
    background: #f9f9f9;
}

.headerbar .topnav > ul > li > a i {
    margin-right: 2px;
    display: inline-block;
	font-size: 17px;
	position: relative;
	top: 3px;
	line-height: 7px;
}

.headerbar .topnav > ul > li .dropdown-menu {
    min-width: 230px;
	margin-top: 5px;
	border-color: #DDD;
	border-radius: 2px;  
	
	.divider {
		margin: 5px 0;
	}
		
    //Arrow
    &.arrow{
		&:before {
			top: -9px;
			border-bottom: 8px solid #CCC;
			z-index: 0;
		}
		&:after,
		&:before {
			content: "";
			position: absolute;
			top: -8px;
			left: 10px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #FFF;
			z-index: 1;
		}
    }
	//Icon Right
	& li a i {
		width: 17px;
		height: 17px;
		text-align: center;
		margin-right: 3px;
	}
	&.icon-right li a i {
		float: right;
		margin-right: -3px;
		margin-top: 3px;
	}
	&.icon-right li a img {
		float: right;
		margin-right: -8px;
		margin-top: -2px;
		width: 24px;
	}
	
	& > li > a {	
		color: @color_texto;
		font-weight: 300;
		margin: 0 5px;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-o-transform: all 0.25s;
		-ms-transform: all 0.25s;
		transition: all 0.25s;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		line-height: 20px;
		background-color: transparent;
		
		&:hover {
		    text-decoration: none;
			color: #FFFFFF!important;
			background-color: @color!important;
			text-shadow: none;
			background: url(@url_img_color) -660px -120px;
		}
	}
}






/*********************************\
 *    7. LEFT PANEL COLLAPSED    *
\*********************************/
.leftpanel-collapsed{
	.logopanel {display: none!important}
	.headerbar {margin-left: -50px;}
	.leftpanel {width: 50px;top: 44px;}
	
	.leftpanel-header{display:none;}
	
	.leftpanelinner {
		padding: 23px 0 0 0;
		
		.sidebartitle {
			display:none;
		}
	}
	.nav-bracket {
		margin: 10px 0;
		li a {
		    text-align: center;
		    -moz-border-radius: 2px;
		    -webkit-border-radius: 2px;
		    border-radius: 2px;
		    padding: 10px;
		    position: relative;
		}
		& > li > a:hover {
		    border-radius: 2px 0 0 2px;
		}
		& > li.nav-parent > a {
		    background-image: none;
		}
		& > li > a > span:last-child {
		    position: absolute;
		    background: #fff;
		    padding: 10px 10px 10px 5px;
		    left: 40px;
		    top: 0;
		    min-width: 209px;
		    text-align: left;
		    z-index: 100;
		    display: none;
		    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
		    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
		    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
		    -moz-border-radius: 0 2px 2px 0;
		    -webkit-border-radius: 0 2px 2px 0;
		    border-radius: 0 2px 2px 0;
		}
		& > li > a .badge {
		    display: none;
		}
		& > li.active > a > span:last-child {
		    -moz-border-radius: 0 2px 0 0;
		    -webkit-border-radius: 0 2px 0 0;
		    border-radius: 0 2px 0 0;
		}
		& ul {
		    display: none;
		}
		& > li.nav-hover > a {
		    background: #fff;
		    color: @color_texto;
		}
		& > li.nav-hover.active > a {
		    background: #1CAF9A;
		    color: #fff;
		}
		& > li.nav-hover > a > span:last-child {
		    display: block;
		}
		& > li.nav-hover.active > a > span:last-child {
		    background: #1CAF9A;
		    color: #fff;
		}
		& li.nav-hover ul {
		    display: block;
		    position: absolute;
		    top: 41px;
		    left: 45px;
		    margin: 0;
		    min-width: 204px;
		    background: #1d2939;
		    z-index: 100;
		    -moz-border-radius: 0 0 2px 0;
		    -webkit-border-radius: 0 0 2px 0;
		    border-radius: 0 0 2px 0;
		}
		& ul a {
		    text-align: left;
		    padding: 6px 10px;
		    padding-left: 0;
		}
		& ul a:hover {
		    background: none;
		}
		& li a i {
		    margin-right: 0;
		}
		.children {
		    display: none;
		}
	}
	.mainpanel {
	    margin-left: 50px;
	}
	.infosummary {
	    display: none;
	}
	.sticky-leftpanel {
	    overflow-y: visible;
	}
}



/***********************************\
 *    8. PRELOADER // PACE    *
\***********************************/
#preload {
	background: #FFF;
	bottom: 0;
	color: @color;
	font-size: 5vh;
	height: 100%;
	left: 0;
	line-height: 100vh;
	opacity: 0.8;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	vertical-align: middle;
	width: 100%;
	z-index: 999;
}

.loader {
  	border-color: #144377 #144377 #dbdbdb #dbdbdb;
  	border-radius: 50%;
  	border-style: solid;
  	border-width: 3px;
  	display: inline-block;
  	margin: 0 auto;
  	-webkit-animation: rotate 0.8s linear infinite;
  	animation: rotate 0.8s linear infinite;
  	
  	&.large {
  		height: 85px;
  		width: 85px;
	}
}
@-webkit-keyframes rotate {0% {-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}100% {-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}}
@keyframes rotate { 0% { -webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);} 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg);}}





/**************************\
 *    9. FIRST INSTALL    *
\**************************/
.wrapper-install{
  margin-top: 5%;

  .frm-container{
    width: 100%;
    margin-top: 15px;
    padding: 10px 0 20px 0;
    
    h2{
      font-weight:300;
      font-size:24px;
    }

    form{     
      input{
        height:auto;
        padding: 10px;
        margin-bottom:10px;
      }
     }
    
    .ti-close{color:red}
    .ti-check{color:green}
   
  }

  .install-container{
    margin-top:15px;
    
    h1{
      color:@color;
      text-align: center;
      margin: 15px 0 20px;
    }
  }
}



/*******************\
 *    10. LOGIN    *
\*******************/



/***********************\
 *    11. SERVERLOG    *
\***********************/
.server_log_wrap{
	box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.5);
	z-index: 3000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	width: 100%;
  	height: 35%;
  	position: absolute;
  	bottom: 0;
  	color: white;
	background-color: @color;
	
	img{
		position: absolute;
		right: 15px;
		bottom: 0;
		width: 200px;
		opacity: 0.2;
	}
		 
	#log_text{ 	
		position:absolute;
		width:100%;
		height:100%;
		font-size: 11px;
		color:white;
		line-height: 15px;
		overflow-y: scroll;
		padding: 0 0 0 20px;
	}
		
	.server_log_buttons{
		position: absolute;
		right: 25px;
		top: 10px;
	}
}

/*******************************\
 *    17. ADDITIONAL STYLES    *
\*******************************/
	/***************************\
	 *    17.2 STICKYHEADER    *
	\***************************/
	.stickyheader .logopanel {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 240px;
	    z-index: 100;
		display:block;
	}
	
	.stickyheader .leftpanel {
	    top: 44px;
	}
	
	.stickyheader .sticky-leftpanel {
	    top: 0;
	}
	
	.stickyheader .sticky-leftpanel .leftpanelinner {
	    margin-top: 55px;
	}
	
	.stickyheader .headerbar {
	    position: fixed;
	    top: 0;
	    left: 240px;
	    width: 100%;
	    z-index: 100;
	    box-shadow: 0 1px rgba(0,0,0,0.05);
	}
	
	.stickyheader .mainpanel {
	    padding-top: 47px;
	}
	
	.stickyheader .header-right {
	    margin-right: 240px;
	}
	
	.stickyheader.leftpanel-collapsed .headerbar {
	    left: 50px;   
	}
	
	.stickyheader.leftpanel-collapsed .header-right {
	    margin-right: 0;
	}
	
	.stickyheader.chat-view .headerbar {
	    right: 240px;
	    width: auto;
	}
	
	
	
	/*******************\
	 *    17.3 ICON    *
	\*******************/
	.tp-icon {
	    padding: 10px 20px;
	    line-height: 44px;
	    border-color: #ddd;
	    position: relative;

		.badge {
		    position: absolute;
		    font-size: 10px;
		    font-weight: 300;
		    right: 4px;
		    top: 10px;
		    line-height: 13px;
		    background-color: #D9534F;
		    -moz-border-radius: 2px;
		    -webkit-border-radius: 2px;
		    border-radius: 2px;
		    padding: 2px 5px;
		}
	}
	
	
	
	/******************************\
	 *    17.4 ICON INTO INPUT    *
	\******************************/
	.input-icon{
		position:relative;
		.right i.ico {right: 0}
		i.ico {
			color: @color_texto;
			font-weight: 100;
			height: 34px;
			line-height: 29px;
			margin: 0px;
			position: absolute;
			text-align: center;
			top: 0;
			width: 34px;
			z-index: 5;
			right:0;
		}
	}
	
	
	
	/*********************\
	 *    17.5 TABLES    *
	\*********************/

	
	
	
	
	/******************************\
	 *    17.6 FORM INPUT SIZE    *
	\******************************/
	.form-search-nserie{
		float:left;
		min-width:190px;
	}
	
	
	
	
	/**********************************\
   *    17.7 CSS SWITCH CHECKBOX    *
  \**********************************/
  .css-input {
      position: relative;
      display: inline-block;
      margin: 2px 0;
      font-weight: 400;
      cursor: pointer
  }
  
  .css-input input {
    position: absolute;
    opacity: 0
  }
  
  .css-input input:focus+span {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.25)
  }
  
  .css-input input+span {
      position: relative;
      display: inline-block;
      margin-top: -2px;
      margin-right: 3px;
      vertical-align: middle
  }
  
  .css-input input+span:after {
      position: absolute;
      content: ""
  }
  
  .switch {
    margin: 3px 0
  }
  
  .switch input+span {
      width: 54px;
      height: 30px;
      background-color: #eee;
      border-radius: 30px;
      -webkit-transition: background-color .4s;
      transition: background-color .4s
  }
  
  .switch input+span:after {
      top: 2px;
      bottom: 2px;
      left: 2px;
      width: 26px;
      background-color: #fff;
      border-radius: 50%;
      -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
      box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
      -webkit-transition: -webkit-transform .15s ease-out;
      transition: transform .15s ease-out
  }
  
  .switch .on+span {
      background-color: #ddd
  }
  
  .switch .on+span:after {
      -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
      box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
      -webkit-transform: translateX(23px);
      -ms-transform: translateX(23px);
      transform: translateX(23px)
  }
  
  .switch.switch-sm {
      margin: 4px 0 4px;
      font-size: 12px
  }
  
  .switch.switch-sm input+span {
      width: 36px;
      height: 20px
  }
  
  .switch.switch-sm input+span:after {
      width: 16px
  }
  
  .switch.switch-sm .on+span:after {
      -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
      transform: translateX(15px)
  }

.switch-off input+span {background-color: #d26a5c}

.switch-default .on+span {background-color: #999999}
.switch-primary .on+span {background-color: #5c90d2}
.switch-info    .on+span {background-color: #70b9eb}
.switch-success .on+span {background-color: #80B34F!important}
.switch-warning .on+span {background-color: #f3b760}
.switch-danger  .on+span {background-color: #d26a5c}


/***************************\
 *    0.0 MEDIA QUERIES    *
\***************************/
@media screen and (max-width: 1024px) {

	.inst{
		font-size: 5em!important;
    	bottom: -30px!important;
    	left: -9px!important;
	}

    body {
        position: relative;
    }

    .leftpanel {
        display: none;
    }

    .mainpanel {
        margin-left: 0;
        width: 100%;
    }

    .leftpanel-collapsed .leftpanel {
        display: none;
    }

    .leftpanel-collapsed .mainpanel {
        margin-left: 0;
    }

    .leftpanel-collapsed .headerbar {
        margin-left: 0;
    }

    .leftpanel-show{
	    /*
	    section {
	        overflow-x: hidden;
	    }
	    */
	
	    .leftpanel, .logopanel{
	        display: block!important;
	    }

	    .mainpanel {
	        margin-left: 240px;
	    }
	    .nav-horizontal{
	    	border-top: 1px solid #c8c7cc;
			border-bottom: 1px solid #c8c7cc;
			
			.nav-parent .children li a img{
				float: right;
    			margin-right: -8px;
    			margin-top: -2px;
    			width: 24px;			
			}
	    }
	    .nav-main-menu{
	    	display:block;
	    }
	    
    }

    .stickyheader{
	    .headerbar {
	        left: 0;
	    }
		.logopanel{
			display: none;
		}
    }
    .stickyheader.leftpanel-show .headerbar {
        left: 240px;
    }

    .stickyheader .header-right {
        margin-right: 0;
    }

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

    .leftpanelinner {
        padding: 5px 0;
    }

    /* horizontal menu related */
    .nav-horizontal {
        position: relative;
    }

    .horizontal-menu{
	    .menutoggle {
	        display: block;
	    }
	    .headerbar .logopanel {
	        display: none;
	    }
	    
	    .header-left,
	    .topnav {
	        float: none;
	    }
    }
    .nav-horizontal .caret {
        display: none;
    }


    .horizontal-menu-sidebar .header-left,
    .horizontal-menu-sidebar .topnav {
        float: none;
    }

    .fixed-noleft{
	    .menutoggle {
	        display: block;
	    }
	    .headerbar .logopanel {
	        display: none;
	    }
	    .header-left,
	    .topnav {
	        float: none;
	    }
    }
}

@media screen and (max-width: 767px) {

	.contentpanel {
		.page_main{
			padding: 0px 20px 10px 0!important;
			.main_title{
				font-size: 20px;
				font-weight: 300;
				letter-spacing: 1px;
				line-height: 1;
				margin: 0;
				padding: 0;
				text-transform: uppercase;
				text-align:center!important;
				
				img{
					width:38px!important;
				}
				
			}
			.main_description{
				font-size: 12px!important;
				text-align:center!important;
			}
		}	
	}

	.inst{
		font-size: 6em!important;
    	bottom: -30px!important;
    	left: -9px!important;
	}

    .leftpanel .searchform,
    .leftpanel .userlogged {
        display: block;
    }
	
    .breadcrumb-wrapper {
        display: none;
    }

    .headermenu .dropdown-menu:after {
        display: none;
    }

    .rightpanel .nav-tabs.nav-justified > li > a,
    .rightpanel .nav-justified > li > a {
        margin-bottom: 0;
    }

    .panel-email .col-sm-3 {
        display: none;
    }
    
    .tbl_historico, .tbl_lst_errores{
    	padding:0px;
    }
}

@media screen and (max-width: 640px) {
	
  .font-s20{font-size:20px;}

    .notfoundpanel {
        width: auto;
        padding: 0 20px;
    }

    .notfoundpanel h1 {
        font-size: 72px;
        line-height: 72px;
    }

    .notfoundpanel h3 {
        font-size: 14px;
        line-height: normal;
    }

    .notfound h4 {
        font-size: 12px;
        line-height: 18px;
    }

    .notfoundpanel form {
        width: auto;
    }

    .notfoundpanel .form-control {
        float: none;
        width: 100%;
    }

    .notfoundpanel .btn {
        margin-top: 10px;
        width: 100%;
    }

    .signinpanel,
    .signuppanel {
        margin: 0 auto;
        width: 480px;
        padding: 20px;
    }

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

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

    .signuppanel .form-control {
        margin-bottom: 10px;
    }

    .signup-footer .pull-left,
    .signup-footer .pull-right {
        float: none !important;
        text-align: center;
    }

    .widget-quick-status-post .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
        margin-bottom: -5px;
    }

    .widget-quick-status-post .nav-tabs.nav-justified > li a {
        margin: 0;
    }

    .nav-tabs.nav-justified.nav-profile > li {
        float: none;
        margin-bottom: 0;
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified.nav-profile > li a {
        margin: 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;

    }

}

@media screen and (max-width: 480px) {
	.inst{
		font-size: 5em!important;
    	bottom: -30px!important;
    	left: -9px!important;
	}
    .signinpanel,
    .signuppanel {
        width: 360px;
    }

    .panel-email .pull-right {
        float: none !important;
    }

    .pageheader h2 {
        font-size: 18px;
    }

    .pageheader .glyphicon,
    .pageheader .fa {
        font-size: 18px;
    }

    .pageheader h2 span {
        font-size: 11px;
    }

    .fc-header td {
        display: block !important;
        text-align: center;
        width: 100%;
        border: 1px solid #eee;
        padding: 10px !important;
        margin-top: -1px;
    }

    .fc-button {
        padding: 2px 5px !important;
        margin: 0 !important;
    }

    .fc-header-title h2 {
        margin: 0 !important;
    }

    .filemanager-options li {
        padding: 5px 7px;
    }

    .filemanager-options .filter-type {
        display: block;
        float: none;
        border-top: 1px solid #eee;
    }

    .comment-list .media-object {
        width: 30px;
        padding: 2px;
    }

    .comment-list .media > .pull-left {
        margin: 0;
    }

    .comment-list h4 {
        font-size: 13px;
    }

    .comment-list .reply {
        font-size: 10px;
        padding: 2px 5px;
    }

    .comment-list .media-body {
        font-size: 12px;
        line-height: 18px;
    }

    .blog-content form {
        margin-bottom: 20px;
    }

    .letter-list {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        
	    &::after {
	        clear: both;
	        display: block;
	        content: '';
	    }
	    
	    li {
	        float: left;
	        width: auto;
	        display: inline-block;
	        
		    a {
		        display: block;
		        padding: 2px 5px;
		    }
	    }
    }




    .btn-invoice:before {
        display: block;
        content: '';
        clear: both;
    }

    .btn-invoice .btn {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .nav-tabs.nav-justified.nav-profile > li a {
        font-size: 13px;
        padding: 14px 10px;
    }

    #bloglist > div {
        padding: 0;
        margin: 0;
        float: none;
        width: auto;
    }

}

@media screen and (max-width: 360px) {
	.div_frm_search{padding: 1px 6px;}
  .font-s20{font-size:20px;}	
  .logo{width:250px;}
    .pageheader h2 span {
        display: none;
    }

    .blog-title {
        font-size: 14px;
        line-height: 18px;
    }

    .blog-summary {
        font-size: 12px;
        line-height: 18px;
    }

    .blog-summary .btn {
        padding: 2px 5px;
        display: block;
        width: 100%;
    }

    .headermenu li:first-child .dropdown-menu {
        margin-right: -130px;
    }

    .headermenu li:nth-child(2) .dropdown-menu {
        //margin-right: -85px;
    }

    .headermenu li:nth-child(3) .dropdown-menu {
        margin-right: -37px;
    }

    .nav-tabs.nav-justified.nav-profile > li {
        float: none;
        display: block;
        width: auto;
    }

    .blog-media .media-body {
        overflow: visible;
    }

    .follower-list .btn {
        display: block;
        margin: 0 0 5px 0;
        width: 100%;
    }

    .filemanager-options li {
        display: block;
        border-top: 1px solid #eee;
        
	    &:first-child {
	        border-top: 0;
	    }
    }

    .authorpanel .media-object {
        width: 80px;
        margin-right: 10px;
    }

    .people-item .media-object {
        width: 80px !important;
        height: 80px !important;
    }

    .pagination {
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 320px) {

    .signinpanel,
    .signuppanel {
        width: 310px;
    }
}








/*****************\
 *    GENERAL    *
\*****************/

#wrapper{}
.container-fluid{ padding:100px 0 0 0 }

.z2{position:relative;z-index:2}

.panel-body .panel-default {
	margin-bottom: 0;
}

.panel-body > .panel-body {
	padding: 0;
	&:first-child {
		padding: 0 0 15px;
	}
}

.sub-container > .panel-default > .panel-body:last-child {padding-bottom: 15px;}
.sub-container > .panel-default > .panel-body {padding-bottom: 0;}

a{
	color:@color;
	&:hover{
		color:@color_hover;
		text-decoration:none;
	}
}

.bg-active{background:#ededed}
.selectize-input.focus {border-color: @color;outline: 0;-webkit-box-shadow:none;box-shadow:none;}
.red{color:#d9534f!important}
.green{color:#5cb85c}
.black{color:#333}
.pointer{cursor:pointer;}
.bold{font-weight:bold;}
.h536{height:536px;}
.noPadding{padding:0}
.noPaddingRight{padding-right:0}
.noPaddingLeft{padding-left:0}
.borderRight{border-right: 1px solid #e5e5e5;}
.sombraIn{box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15)}
.sombraOut{box-shadow:  0 0 6px rgba(0, 33, 70, 0.1), 0 7px 25px rgba(17, 38, 84, 0.4)!important;}

.line{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
}
.blinking{
    -webkit-animation: blink 1s infinite;
    -moz-animation: blink 1s infinite;    
    animation: blink 1s infinite;
}

@-webkit-keyframes blink{0%{ opacity:0;}100%{opacity:1;}}
@-moz-keyframes blink{0%{ opacity:0;}100%{opacity:1;}}
@keyframes blink{0%{ opacity:0;}100%{opacity:1;}}

/**
 * RESET DEL BOOTSTRAP
 */
a:focus {outline: none !important;}
.form-group{margin-bottom: 1em}
.dropdown-menu, .form-control, .form-group-vertical, .input-group-addon, .btn-default {border-color: #DDD;border-radius: 2px;font-size:13px !important}
.well{margin-bottom: 0!important}
.btn-title{margin:-5px;}
.btn-table{width:33px}

.btn-dashed{
	background:none;
	border-radius: 8px;
	border: 2px dashed #888;
	cursor: pointer;
	display: inline-block;
	height: 105px;
	margin: 0 16px;
	text-align: center;
	width: 140px;
	i{
		color: #888;
		display: block;
		font-size: 60px;
	}
	span{
		color: #888;
		font-size: 15px;
		line-height: 15px;
		text-transform: uppercase;
	}
	&:hover{
		border-color:@color;
		span,i{color:@color}	
	}
	&:disabled{
		border-color:#EEE;
		span,i{color:#EEE}
	}
}

.panel-content{margin-left: 260px;}
.panel-sidebar{
	position: fixed;
	top: 76px;
	left: 0px;
	bottom:0px;
	float: left;
	width: 240px;
	height: 100%;
	overflow: hidden;
	background: #f5f5f5;
}

.panel{
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	border-radius: 0px!important;
	border:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	.panel-heading{
		background: url(@url_img_color) -660px -120px;
		text-transform: uppercase;
		font-size:13px;
		font-weight:bold;
		padding: 8px 10px;
		border-bottom: 0;
		border-radius: 0px!important;
		p{
			margin: 0 0 5px!important;
		}
		
		.fa{
			margin-right:10px;
		}
		
		img{
			position: relative;
    		top: -2px;
		}
		
		.btn{
			color: white;
    		background: transparent !important;
    		border: 1px solid white;
    		text-transform:none;
    		position: relative;
    		top: -2px;
    		padding: 5px 10px;
    		font-size: 12px;
    		
    		.fa{
    			margin-right: 4px;
    		}
    		
    		&:hover {
    			color:@color_texto;
    			background: white!important;
    			border-bottom: rgba(0, 0, 0, 0.27);
			    -moz-box-shadow: inset 0 -2px 0 rgba(233, 233, 233, 0.27) !important;
			    -ms-box-shadow: inset 0 -2px 0 rgba(233, 233, 233, 0.27) !important;
			    -webkit-box-shadow: inset 0 -2px 0 rgba(233, 233, 233, 0.27) !important;
			    box-shadow: inset 0 -2px 0 rgba(233, 233, 233, 0.27) !important;
			}
		}
	}
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {position: initial;}

.wb{word-break: break-all;}
.limited p{
    white-space: nowrap;
    width: 400px;              
    overflow: hidden;
    text-overflow: ellipsis;
}








/**********************\
 *    MENU IDIOMAS    *
\**********************/
.locale_lang{color: @color_texto;}
.dropdown_languages{
	
	list-style: none;
	display: inline-block;
	.dropdown-menu{
		bottom:100%;
		top:inherit;
	}
	
	ul.dropdown-menu {
		border-color: #DDD;
		border-radius: 1px;
		margin-top: 5px;
		min-width: 200px;
	}
	ul.dropdown-menu li a {
		line-height: 28px;
		background-color: transparent;
	} 
	.dropdown-menu>li>a {
		color: @color_texto;
		border-radius: 1px;
		font-weight: 300;
		margin: 0 5px;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-o-transform: all 0.25s;
		-ms-transform: all 0.25s;
		transition: all 0.25s;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
	}
	.dropdown-menu.icon-right li a img {
		float: right;
		margin-right: -3px;
		margin-top: 6px;
	}
	.dropdown-menu li a i {
		height: 17px;
		margin-right: 3px;
		text-align: center;
		width: 17px;
	}
	.dropdown-menu.pull-right.arrow:after, .dropdown-menu.pull-right.arrow:before {
		left: auto;
		right: 10px;
	}
	.dropdown-menu.arrow:after, .dropdown-menu.arrow:before {
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #FFF;
		bottom: -8px;
		content: "";
		left: 10px;
		position: absolute;
		z-index: 1;
	}
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
			text-decoration: none;
			color: #FFFFFF!important;
			background-color: @color!important;
			text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4)!important;
			background: url(@url_img_color) -660px -120px;
		}
}





/************************************************\
 *    ALARMAS DE LOS CONTADORES - SIGNO DE !    *
\************************************************/
.btn_borrar_alarma{padding: 10px 5px}





.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: @color; vertical-align: middle; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); padding: 15px 0 10px 0; }
.box > .icon > .info > h3.title { font-family: @font !important; font-size: 16px; font-weight: 700; }
.box > .icon > .info > p { font-family: @font !important; line-height: 1.5em; margin: 20px;}
.box > .icon > .info > .more a { font-family: @font !important; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box .space { height: 30px; }





/***************************\
 *    MANUAL DE USUARIO    *
\***************************/
.download_manual{
	border: 1px dashed #666;
	border-radius: 4px;
	width: 200px;
	height: 50px;
	text-align: center;
	padding: 12px;
	font-size: 17px;
	font-family: @font;
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #666;
	a{
		text-decoration:none;
		color: #666;
		&:hover{
			color: @color;
		}
	}
	&:hover{
		border: 1px dashed @color;
		color: @color;
	}
}





/**************************\
 *    Background Color    *
\**************************/
.bg-white{
	background-color: #FFF;
	.portlet{
		color:#777;
		.icon{
			color: rgba(0,0,0, 0.1);
		}
	}
	
}
.bg-green{	background:#1CAF9A!important}
.bg-purple{	background:#736086!important}
.bg-grey{	background:#B5D1D8!important}
.bg-dark{	background:#1d2939!important}
.bg-grey{	background:#444444!important}
.bg-primary{background:#428bca!important}





/*************************\
 *    Porlets Widgets    *
\*************************/
.portlet{
	color:#FFF;
	overflow: hidden;
	position: relative;
	.num{
		font-size: 38px;
		font-weight: bold;
	}
	.icon{
		color: rgba(255, 255, 255, 0.3);
		left: -20px;
		position: absolute;
		top: 24px;
		z-index: 1;
		.fa{
			font-size:100px;
			line-height: 0;
			margin: 0;
			padding: 0;
			vertical-align: bottom;
		}
	}
}
.portletDark{	background:url(../img/bg/11.jpg) 0px -100px!important;}
.portletGrey{	background:url(../img/bg/6.jpg) 0px -100px!important;}
.portletGreen{	background:url(../img/bg/3.jpg) 0px -100px!important;}
.portletBlue{	background:url(../img/bg/21.jpg) 0px 0px!important;}
.portletOrange{	background:url(../img/bg/17.jpg) 0px 0px!important;}
.portletWhite{	background:url(../img/bg/4.jpg) 0px -100px!important;}
.portletRed{	background:url(../img/bg/20.jpg) 0px -100px!important;}

.port_no_red{
	text-transform: uppercase;
}

.arbol{
	padding: 10px 15px 15px 10px;
	transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
	
	overflow: auto;
  height: 340px;
}














/****************\
 *    FOOTER    *
\****************/
footer{
  position:relative;
  bottom:0;
  left:0;
  margin: 30px 0 2px 0;
}

/* Alert */
.alert-overlay {
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Chrome, and Opera */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
		
	/* Firefox */
	display:-moz-box;
	-moz-box-orient:horizontal;
	
	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	
	/* W3C */
	display:box;
	box-orient:horizontal;
	
	-webkit-transition: 200ms opacity;
	background-color: rgba(255, 255, 255, 0.5);
	bottom: 0;
	left: 0;
	overflow: auto;
	padding: 20px;
	position: fixed;
	right: 0;
	top: 0;
	z-index:1002;
	.alert-wrap {
		-webkit-border-radius: 3px;
		-webkit-box-orient: vertical;
		-webkit-transition: 200ms -webkit-transform;
		background:url(../img/i_atencion.png) no-repeat 0 35px;
		background-color: #FFF;
		box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
		color: #333;
		display: -webkit-box;
		width: 500px;
		max-height: 640px;
		padding: 0;
		position: relative;
		z-index: 0;
		h1 {
			-webkit-padding-end: 24px;
			-webkit-user-select: none;
			color: #333;
			font-size: 120%;
			margin: 0;
			padding: 14px 17px 14px;
			text-shadow: white 0 1px 2px;
		}
		.alert-mensaje {
			-webkit-box-flex: 1;
			overflow: auto;
			padding: 6px 17px 6px;
			position: relative;
		}
		.action-area {
			-webkit-box-align: center;
			-webkit-box-orient: horizontal;
			-webkit-box-pack: end;
			display: -webkit-box;
			padding: 14px 17px;
		}
	}
}

/*
.alert{
	position: fixed;
	width:25%;
	right:0px;
	margin:20px;
	z-index:1002;
	top:0;
	.alert-title {
		margin-top: 0;
	}
}
*/




/***************\
 *    LOGIN    *
\***************/
.login-page .login-content {
  position: relative;
  width: 450px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-content .registerform {
  width: 720px;
  text-align: left;
}
.login-page .login-header{
	position:relative;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 5% 0;
	-moz-transition: all 550ms ease-in-out;
	-o-transition: all 550ms ease-in-out;
	-webkit-transition: all 550ms ease-in-out;
	transition: all 550ms ease-in-out;
		
	.description {
		font-size:13px;
		margin-top:20px;
		margin-bottom:0;
		-moz-transition: all 550ms ease-in-out;
		-o-transition: all 550ms ease-in-out;
		-webkit-transition: all 550ms ease-in-out;
		transition: all 550ms ease-in-out;
	}
}

.login-page .login-header.login-caret:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  margin-left: -12.5px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 13px 12.5px 0 12.5px;
  border-color:rgba(255, 255, 255, 0.6) transparent transparent;
  bottom: -13px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}


.login-page .login-form {
  position: relative;
  padding-top: 10px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-form .form-group {
  margin-bottom: 20px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}


.login-page .btn-login {
	-moz-transition: all 300ms ease-in-out;
  	-o-transition: all 300ms ease-in-out;
  	-webkit-transition: all 300ms ease-in-out;
  	transition: all 300ms ease-in-out;
}

.login-page .login-progressbar {
  height: 0px;
  width: 100%;
  overflow: hidden;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page .login-progressbar div {
  width: 0%;
  -moz-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -webkit-transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition: 700ms all cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.login-page .login-progressbar-indicator {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 100%;
  margin-top: 80px;
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(100px) scale(0.2);
  -moz-transform: translateY(100px) scale(0.2);
  -o-transform: translateY(100px) scale(0.2);
  -ms-transform: translateY(100px) scale(0.2);
  transform: translateY(100px) scale(0.2);
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}

.login-page.logging-in {
  overflow: hidden;
}
.login-page.logging-in .login-header {
  padding-top: 170px;
  padding-bottom: 30px;
}
.login-page.logging-in .login-header.login-caret:after {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.login-page.logging-in .login-header .description {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.login-page.logging-in .login-form form,
.login-page.logging-in .login-form .link {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-200px) scale(0.8);
  -moz-transform: translateY(-200px) scale(0.8);
  -o-transform: translateY(-200px) scale(0.8);
  -ms-transform: translateY(-200px) scale(0.8);
  transform: translateY(-200px) scale(0.8);
}
.login-page.logging-in .login-progressbar {
  background: #515b6d;
  height: 2px;
}
.login-page.logging-in .login-progressbar div {
  background: #de6c65;
  height: 2px;
}
.login-page.logging-in .login-progressbar-indicator {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateY(0px) scale(1);
  -moz-transform: translateY(0px) scale(1);
  -o-transform: translateY(0px) scale(1);
  -ms-transform: translateY(0px) scale(1);
  transform: translateY(0px) scale(1);
}
.login-page.logging-in-lockscreen .login-form .form-group.lockscreen-input .lockscreen-thumb .lockscreen-progress-indicator {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.login-page.logging-in-lockscreen .login-form .form-group:nth-child(n + 2),
.login-page.logging-in-lockscreen .login-form .link {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -o-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5);
}
.login-page.login-form-fall .login-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  top: -100px;
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
}
.login-page.login-form-fall .login-form .form-group {
  -moz-transition: all 550ms ease-in-out;
  -o-transition: all 550ms ease-in-out;
  -webkit-transition: all 550ms ease-in-out;
  transition: all 550ms ease-in-out;
  -moz-transition-delay: 250ms;
  -o-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.login-page.login-form-fall .login-form .form-group:nth-child(2) {
  -moz-transition-delay: 350ms;
  -o-transition-delay: 350ms;
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}
.login-page.login-form-fall .login-form .form-group:nth-child(3) {
  -moz-transition-delay: 450ms;
  -o-transition-delay: 450ms;
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}
.login-page.login-form-fall .login-form .form-group:nth-child(4) {
  -moz-transition-delay: 550ms;
  -o-transition-delay: 550ms;
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms;
}
.login-page.login-form-fall .login-form .form-group:nth-child(5) {
  -moz-transition-delay: 650ms;
  -o-transition-delay: 650ms;
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms;
}
.login-page.login-form-fall .login-form .form-group:nth-child(6) {
  -moz-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
}
.login-page.login-form-fall .login-form .form-group:nth-child(8) {
  -moz-transition-delay: 850ms;
  -o-transition-delay: 850ms;
  -webkit-transition-delay: 850ms;
  transition-delay: 850ms;
}
.login-page.login-form-fall .login-form .form-group:nth-child(9) {
  -moz-transition-delay: 950ms;
  -o-transition-delay: 950ms;
  -webkit-transition-delay: 950ms;
  transition-delay: 950ms;
}
.login-page.login-form-fall-init .login-form {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 0;
}
.login-page.login-form-fall-init .login-form .form-group {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.login-page .form-steps .step {
  display: none;
}
.login-page .form-steps .step.current {
  display: block;
}
.login-page .form-register-success,
.login-page .form-forgotpassword-success,
.login-page .form-login-error {
  display: none;
  background: #00a651;
  color: #ffffff;
  padding: 10px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  margin-bottom: 30px;
  overflow: hidden;
}
.login-page .form-register-success.visible,
.login-page .form-forgotpassword-success.visible,
.login-page .form-login-error.visible {
  display: block;
}
.login-page .form-register-success i,
.login-page .form-forgotpassword-success i,
.login-page .form-login-error i {
  position: relative;
  font-size: 25px;
  background: #008d45;
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}
.login-page .form-register-success h3,
.login-page .form-forgotpassword-success h3,
.login-page .form-login-error h3 {
  font-size: 15px;
  color: #ffffff;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.login-page .form-register-success p,
.login-page .form-forgotpassword-success p,
.login-page .form-login-error p {
  font-size: 11px;
  margin: 0;
}
.login-page .form-register-success.form-login-error,
.login-page .form-forgotpassword-success.form-login-error,
.login-page .form-login-error.form-login-error {
  padding: 0;
  background: #cc2424;
}
.login-page .form-register-success.form-login-error h3,
.login-page .form-forgotpassword-success.form-login-error h3,
.login-page .form-login-error.form-login-error h3 {
  background: #b62020;
  padding: 10px;
  margin: 0;
  margin-bottom: 5px;
  font-size: 12px;
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
}
.login-page .form-register-success.form-login-error p,
.login-page .form-forgotpassword-success.form-login-error p,
.login-page .form-login-error.form-login-error p {
  padding: 10px;
}
@media (max-width: 991px) {
  .login-page .login-header {
    padding: 20px 0;
  }
  .login-page .login-form {
    padding-top: 30px;
  }
  .login-page .login-form .form-group.lockscreen-input {
    margin-top: 0;
  }
  .login-page.logging-in .login-header {
    padding-top: 34px;
    padding-bottom: 6px;
  }
  .login-page.logging-in .login-progressbar-indicator {
    margin-top: 60px;
  }
  .login-page.logging-in .login-form form,
  .login-page.logging-in .login-form .link {
    -webkit-transform: translateY(-100px) scale(0.6);
    -moz-transform: translateY(-100px) scale(0.6);
    -o-transform: translateY(-100px) scale(0.6);
    -ms-transform: translateY(-100px) scale(0.6);
    transform: translateY(-100px) scale(0.6);
  }
}
@media (max-width: 350px) {
  .login-page .login-content {
    width: 280px;
  }
}


/*

.login-page{
	 .login-content {
		position:relative;
		text-align:center;
		margin:0 auto;
		padding:20px 0;
	}
	.login-header{
		position:relative;
		background-color: rgba(255, 255, 255, 0.6);
		padding:5% 0 0 0;
		.description {
			font-size:13px;
			margin-top:20px;
			margin-bottom:0;
		}
	}
	.login-caret:after {
		border-color:rgba(255, 255, 255, 0.6) transparent transparent;
		border-style:solid;
		border-width:13px 12.5px 0;
		bottom:-13px;
		content:'';
		height:0;
		left:50%;
		margin-left:-12.5px;
		position:absolute;
		width:0;
		-webkit-transition:all 550ms ease-in-out;
		-moz-transition:all 550ms ease-in-out;
		-o-transition:all 550ms ease-in-out;
		transition:all 550ms ease-in-out;
	}
	.login-progressbar {
		height:0;
		overflow:hidden;
		width:100%;
		-webkit-transition:all 550ms ease-in-out;
		-moz-transition:all 550ms ease-in-out;
		-o-transition:all 550ms ease-in-out;
		transition:all 550ms ease-in-out;
		div {
			width:0;
			-webkit-transition:700ms all cubic-bezier(0.770,0.000,0.175,1.000);
			-moz-transition:700ms all cubic-bezier(0.770,0.000,0.175,1.000);
			-o-transition:700ms all cubic-bezier(0.770,0.000,0.175,1.000);
			transition:700ms all cubic-bezier(0.770,0.000,0.175,1.000);
		}
	}
	.login-progressbar-indicator {
		position:absolute;
		width:100%;
		text-align:center;
		top:100%;
		margin-top:80px;
		visibility:hidden;
		-webkit-opacity:0;
		-moz-opacity:0;
		opacity:0;
		-ms-filter:alpha(opacity=0);
		filter:alpha(opacity=0);
		-webkit-transform:translateY(100px) scale(0.2);
		-moz-transform:translateY(100px) scale(0.2);
		-o-transform:translateY(100px) scale(0.2);
		-ms-transform:translateY(100px) scale(0.2);
		transform:translateY(100px) scale(0.2);
		
	}
	.login-form {
		position:relative;
		-webkit-transition:all 550ms ease-in-out;
		-moz-transition:all 550ms ease-in-out;
		-o-transition:all 550ms ease-in-out;
		transition:all 550ms ease-in-out;
	}
}
*/

.login-error{
    border: 1px solid #D72727;
	border-radius: 2px;
	margin: 0 auto;
	padding: 8px 10px;
    width: 440px;
    
    img{
    	width: 48px
    }
    
    span{
    	color: #D72727;
    }
}

.validate-has-error .error {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -8px;
		color:red;
		font-weight:normal;		
	}
	.input-group.validate-has-error {
		border-color: #ec5956;
		border-color: rgba(236,89,86,0.5);
	}

.login-page.logging-in .login-header {padding-top:170px;padding-bottom:30px}
.login-page.logging-in .login-header.login-caret:after,.login-page.logging-in .login-header .description {-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);}
.login-page.logging-in .login-form form,.login-page.logging-in .login-form .link {-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-webkit-transform:translateY(-200px) scale(0.8);-moz-transform:translateY(-200px) scale(0.8);-o-transform:translateY(-200px) scale(0.8);-ms-transform:translateY(-200px) scale(0.8);transform:translateY(-200px) scale(0.8);}
.login-page.logging-in .login-progressbar {background:#bfbfbf;height:2px;}
.login-page.logging-in .login-progressbar div {background:@color;height:2px;}
.login-page.logging-in .login-progressbar-indicator {visibility:visible;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);-o-transform:translateY(0px) scale(1);-ms-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}

.form-signin{
	max-width:300px;
	margin: 1% auto 0 auto;
	.input-group {
		background-color: #FFF;
		border-top: 1px #f5f5f5 solid;
		margin-bottom: -1px;
		border-bottom: #dce3ea solid 1px;
		//-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		//box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	}
	.input-group-addon {
		background-color: transparent;
		border: none;
		position: relative;
		i {
			color: #e1e1e1;
			margin: auto 5px;
			text-align: center;
			width: 18px;
			&:after {
				border-left: 1px #e1e1e1 solid;
				content: "";
				height: 50%;
				margin-left: 15px;
				position: absolute;
				top: 25%;
			}
		}
	}
	.form-control {
		background-color: transparent;
		border-color: transparent!important;
		height: auto;
		padding: 10px 20px;
		position: relative;
		-webkit-box-shadow: none;
		box-shadow: none;
		&:focus {
			-webkit-box-shadow: none;
			box-shadow: none;
		}
	}
	.remMe{
		color:@color;
		cursor:pointer;
		font-weight: 400;
		&:hover{
			color:@color_hover;
		}
	}
	button{
		margin: 0 auto;
		max-width: 160px;
	}
}




textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
outline: 0;
outline: thin;
}

.btn-login .fa{font-size:16px!important;}


/************************\
 *      DATATABLES      *
\************************/

td{
	a{
		img:hover {
	    	opacity: 0.5;
	    	filter: alpha(opacity=50); /* For IE8 and earlier */
		}
	}
}

.dataTables_wrapper {
	background-color: transparent;
}
.dataTables_scrollBody{
	max-height:193px;
}






/************************\
 *      INSTALACIÓN     *
\************************/
.seccion_installacion{
	label{
		//width: 4.8em;
		padding-top: 0.5em;
	}
	#frm_delete_subsector label{
		width: 80px;
	}
	.frm_new_subsector_zona_select, .frm_delete_subsector_zona_select, .frm_new_subsector_sector_select, .frm_new_sector_red_select, .frm_delete_subsector_sector_select{
		width: 100%;
	}
}
/* Form New Sector */
.nice {
	overflow:hidden!important;
	font-size: 12px;
	vertical-align: middle;
	background-color: #fff;
	
}
.nice .NFI-button {
	.rounded(3px,0,0,3px);

	color: #ffffff;
	background-color: #428bca;
	border-color: #357ebd;
	
	-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.2);
	-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.2);
	box-shadow: inset 0px 1px 0px rgba(255,255,255,.2); 	
		
	width: 80px;
	height: 30px;
	line-height: 30px;
	&:hover {
		background-color: #3276b1;
		border-color: #285e8e;
	}
}
.nice .NFI-filename {
	-moz-border-radius-topright: 3px; 
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-right-radius: 3px; 
	border-bottom-right-radius: 3px;

	width: 150px;
	border: 1px solid #ccc;
	border-left: none;
	height: 30px;
	line-height: 30px;
	
	background: #fff;
	-webkit-box-shadow: inset 0px 2px 0px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0px 2px 0px rgba(0,0,0,.05);
	box-shadow: inset 0px 2px 0px rgba(0,0,0,.05); 

	color: #777;
	text-shadow: 0px 1px 0px #fff;
}

.select2-container .select2-choice{
	height: 30px!important
}

#frm_delete_subsector{
	.frm_delete_subsector_div_items{
		display: inline;
		height: 300px;
		margin: 10px;
		overflow-y: auto;
		text-align:center;
		width: 100px;
		i{font-size:50px;}
		p {
			margin: 0;
		}
	}
}


.panel-body-import{
	box-shadow: 1px 1px 13px #AAA;
	height: 300px;
	left: 50%;
	margin-left: -300px;
	position: absolute;
	width: 600px;
}

.s2 {border:none;padding:0}




.panel-default .panel-heading{
	background-color: @color!important;
	color: white!important;
}





/****************************************/
/*    PROGRAMACIÓN RECOGIDA LECTURAS    */
/****************************************/


.programacion_wid_num_recogidas{
	position: absolute;
	font-size: 90px;
	font-family: @font;
	margin: -30px 0px 0 -45px;
	font-weight: bold;
	opacity: .5;
	img{
		width: 40px;
		margin: -50px 0 0 0;
	}
}
.programacion_wid_recogidas{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: @font;
	position: absolute;
	margin: 20px 0 0 -165px;
}

.red .selectize-control{width:145px;}
.sector .selectize-control{width:145px;}
.periodo .selectize-control{width:105px;}
.intervalo .intervalo-dias{width:145px;}
.intervalo .intervalo-semanal .selectize-control{width:145px;}
.intervalo .intervalo-mensual{width:145px;}
.text-danger{margin-top: 10px;}
#edicion {
	.form-group {
		width: 100%;
	}
}

.recogidas #recogidas {
	width: 100% !important;
	tbody tr {
		.pointer;
	}
}

#refresh {margin-left: 1.5em;}
.fa-spin {width: 10px;}
.recogida-seleccionada {background-color: #FFEED0 !important;}

.tbl_historico, .div_archivos, .tbl_lst_errores{
	margin: 15px 0 0 0;
}

.tbl_lst_errores{
	margin: 15px 0 0 0;
}

#tbl_lst_errores_wrapper .dt-buttons { width: 100%; text-align:center;}

.div_list_errores_meter,.div_list_errores_txn{
	p{margin: -6px 0 0px 0px;}
	label{padding-right: 15px;}
}

.div_archivos{
	margin:25px 0 0 0;
	
	.form-control{
		height:26px;
	}

	.files_loaded{
		i{
			font-size: 20px;
			margin: 4px;
		}
		span{
			position: absolute;
			margin: 6px 0 0 0;
		}
	}

}
	.div_lista_archivos{
		margin:15px;
		height: 270px;
		max-height: 270px;
		overflow: auto;
	
		.file{
			height: 60px;
			display: inline-block;
			background: #fff5e0;
			padding: 5px 10px;
			margin: 3px;
			cursor:pointer;
			a{
				img{
					width:36px;
					top:6px;
					position:relative;
				}
				span.name{
					font-weight: bold;
					margin-left: 5px;
					top: 8px;
					position: relative;
					font-size: 11px;
					text-transform: uppercase;
				}
				span.size{
					margin-left: 5px;
					top: 2px;
					font-size: 10px;
					position: relative;
				}
			}
			&:hover{
				border: 5px solid #FF9547;
				padding: 0px 5px;
			}
			
		}
		.div_lista_archivos_not_found{
			text-align:center;
		}
	}





/****************************/
/*    IMPORTACION DE CSV    */
/****************************/
.panel-importado{
	display:none;
	transition: all 0.5s ease;
}
.panel-admin-red{
	  transition: all 0.7s linear;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
}
.info-arrow{
	position: absolute;
	//top: 105px;
	//left: 40px;
	font-family: 'Handlee', cursive;
	img{
		display:block;
	}
	span{
		position: relative;
		top: 17px;
		font-size: 18px;
	}
}

.btn-admin-red-active{
	border-color:@color;
	span,i{color:@color}	
}

.admin-red-caret:after {
	position: relative;
	content: '';
	left: 50%;
	width: 0;
	height: 0;
	top: 15px;
	-webkit-transition: all 550ms ease-in-out;
	-moz-transition: all 550ms ease-in-out;
	-o-transition: all 550ms ease-in-out;
	transition: all 550ms ease-in-out;
	border-color: #888 transparent transparent;
	border-style: solid;
	border-width: 13px 12.5px 0;
}
.admin-red-caret{display:none}
.admin-red-importar-sectores{display:none}
.admin-red-importar-subsectores{display:none}
.admin-red-eliminar-sectores{display:none}

#frm_delete_subsector {
	.form-group {
		display: block;
		&:first-child {
			margin-bottom: 1em;
		}
		&:last-child {
			margin-top: 2em;
		}
	}
}

.incidencias, .observaciones {
	max-height: 180px;
	overflow-y: auto;
}

@indentNodo: 1.7em;
.nodos ul {
	padding: 0.9em 0 0 0.8em;
	li {
	  list-style-type: none;
	  margin-bottom: 1em;
	  &:nth-child(2) {
	    padding-left: @indentNodo;
	  }
	  &:nth-child(3) {
	    margin-left: @indentNodo * 2;
	  }
	  &:nth-child(4) {
	    margin-left: @indentNodo * 3;
	  }
	  &:nth-child(5) {
	    margin-left: @indentNodo * 4;
	  }
	  span {
	  	font-weight: bold;
	    border: 1px solid black;
	    border-radius: 5px;
	    padding: .1em .2em;
	    margin: 0 0.5em 0 0;
	    
	  }
  }
}





/*************************/
/* GESTIÓN DE CONTADORES */
/*************************/
.informacion_padre {margin-top: 1em;}

/**
 * CRUD de Contadores
 */
 
 .btn_buscador_equipo_padre{
 	.fa{font-size:44px!important;}
 }
 .btn_frm_nuevo_contador_mapa{
 	cursor:pointer;
 	margin:3px 0 0 5px;
 	.fa{font-size:25px;}
 }
 
.div_frm_nuevo_contador_mapa_container{
	
	position:relative;
	
	.div_frm_nuevo_contador_mapa{
		height:300px!important;
		z-index:3;
		box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
		margin: 30px 0 20px auto;
		border-color: #AAA;
		cursor:crosshair!important;
	}
	
	.div_frm_nuevo_contador_mapa_buscador_calle{
		position:absolute;
		z-index:400;
		top: 7px;
		right: 50px;
		width: 320px;
		height: 40px;
		padding:5px 0px;
		#input_nuevo_contador_mapa_calle{
			width: 250px;
			height:33px;
			float: left;
			border-radius: 2px 0 0 2px;
			border:none;
			box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);	
		}
		.btn_frm_nuevo_contador_mapa_submit{
			width:70px!important;
			height:33px;
			border-radius: 0 2px 2px 0!important;
			box-shadow: 0 2px 6px rgba(0,0,0,0.3);
			.fa{font-size:15px!important}
		}
	}
	.div_frm_nuevo_contador_mapa_calle_seleccionada{
		box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.3);
		z-index:500;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -45%;
		width: 90%;
		background: white;
		border-radius: 2px;
		height: 55px;
		#input_nuevo_contador_mapa_seleccionada_calle{width:195px!important;}
		#input_nuevo_contador_mapa_seleccionada_portal{width:38px!important;}
		#input_nuevo_contador_mapa_seleccionada_cp{width:60px!important;}
		#input_nuevo_contador_mapa_seleccionada_poblacion{width:80px!important;}
		#input_nuevo_contador_mapa_seleccionada_provincia{width:80px!important;}
		#input_nuevo_contador_mapa_seleccionada_lat{width:127px!important;}
		#input_nuevo_contador_mapa_seleccionada_long{width:127px!important;}
		
		input{float:left;margin:1px;}
		.btn_frm_nuevo_contador_mapa_submit_location{
			width:70px!important;
			//box-shadow: 0 2px 6px rgba(0,0,0,0.3);
			.fa{font-size:15px!important}
		}
		.btn_frm_nuevo_contador_mapa_close{
			width:70px!important;
			//box-shadow: 0 2px 6px rgba(0,0,0,0.3);
			margin-left:4px;
			.fa{font-size:15px!important}
		}
	}
}
.div_equipo_seleccionado .panel-body{
	div{
		color:#888;
		span{color:#333;}
	}
}



/****************************/
/*COMPROBACIÓN DE COHERENCIA*/
/****************************/
.seccion_comprobador {
	#deleteAPP {margin: 1em 1.3em 1em;}
	h4 {text-align: center;}
	.fa-long-arrow-down {
		@media @wide {
			display: none;
		}
	}
	.fa-long-arrow-right {
		@media @desktop {
			display: none;
		}
	}
}


/* iPads landscape*/
@media only screen and (min-width : 768px) and (max-width : 1195px){
	/*.seccion_installacion{
		.select2-container .select2-choice{
			width:178px!important;
		}
	}*/
}
@media (min-width: 768px) and (max-width: 979px) {
	
}


/* Desktops and laptops */
@media only screen and (min-width : 1200px) {
	/*.seccion_installacion{
		.select2-container .select2-choice{
			width:230px!important;
		}
	}*/
	
	.seccion_lecturas{
		label{text-align:right;width:69px;float:left;}
		.frm_lecturas_provincia{
			.select2-container .select2-choice{
				width:150px!important;
			}
		}
		.frm_lecturas_poblacion{
			.select2-container .select2-choice{
				width:150px!important;
			}
		}
		.frm_lecturas_calle{
			.select2-container .select2-choice{
				width:215px!important;
			}
		}
	}
	.frm_elemento_padre{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index:1001;
		.container{margin-top:150px}
		.opac{
			position:absolute;
			width:100%;
			height:100%;
			background:#000;
			opacity:.2;
		}
	}
	.seccion_gestionContadores{
		label{text-align:right;width:69px;float:left;}
		.frm_buscar_provincia{
			.select2-container .select2-choice{
				width:150px!important;
			}
		}
		.frm_buscar_poblacion{
			.select2-container .select2-choice{
				width:150px!important;
			}
		}
		.frm_buscar_calle{
			.select2-container .select2-choice{
				width:215px!important;
			}
		}
	}
	
}





/********************\
 *    TIMEPICKER    *
\********************/
.bootstrap-timepicker {
    position: relative;
    label{display:block;}
    .timepicker{width:65px;text-align:center;}
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {left: auto;right: 0;}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {left: auto;right: 12px;}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {left: auto;right: 13px;}

.bootstrap-timepicker .add-on {cursor: pointer;}
.bootstrap-timepicker .add-on i {display: inline-block;width: 16px;height: 16px;}
.bootstrap-timepicker-widget.dropdown-menu {padding: 4px;z-index:2000;}
.bootstrap-timepicker-widget.dropdown-menu.open {display: inline-block;}
.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0,0,0,0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {left: 6px;}
.bootstrap-timepicker-widget.timepicker-orient-left:after {left: 7px;}
.bootstrap-timepicker-widget.timepicker-orient-right:before {right: 6px;}
.bootstrap-timepicker-widget.timepicker-orient-right:after {right: 7px;}
.bootstrap-timepicker-widget.timepicker-orient-top:before {top: -7px;}
.bootstrap-timepicker-widget.timepicker-orient-top:after {top: -6px;}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #CCC;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}
.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input {border-radius: 3px;}
.bootstrap-timepicker-widget table {width: 100%;margin: 0;}
.bootstrap-timepicker-widget table td {text-align: center;height: 30px;margin: 0;padding: 2px;}
.bootstrap-timepicker-widget table td:not(.separator) {min-width: 30px;}
.bootstrap-timepicker-widget table td span {width: 100%;}
.bootstrap-timepicker-widget table td a {border: 1px transparent solid;color: #303641;display: inline-block;margin: 0;outline: 0;padding: 0;width: 100%;}
.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #f5f5f6;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: #ebebeb;
}

.bootstrap-timepicker-widget table td a i {margin-top: 2px;}
.bootstrap-timepicker-widget table td a i:before {font-size: 12px;font-style: normal;}
.bootstrap-timepicker-widget table td a i.icon-chevron-up:before {content: '\e876';}
.bootstrap-timepicker-widget table td a i.icon-chevron-down:before {content: '\e873';}
.bootstrap-timepicker-widget table td input {width: 25px;margin: 0;text-align: center;outline: 0;border: 0;background: transparent;}
.bootstrap-timepicker-widget table td input:focus {background: #f5f5f6;}
.bootstrap-timepicker-widget .modal-content {padding: 4px;}

.date-and-time>input.datepicker {float: left;width: 70%;}
.date-and-time>input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px 0 0 3px;
    -moz-background-clip: padding;
    border-radius: 3px 0 0 3px;
    background-clip: padding-box;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-right: 0;
}
.date-and-time>input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 3px 3px 0;
    -moz-background-clip: padding;
    border-radius: 0 3px 3px 0;
    background-clip: padding-box;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

@media(min-width:767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

@media(max-width:767px) {
    .bootstrap-timepicker {width: 100%;}
    .bootstrap-timepicker .dropdown-menu{width: 100%;}
}

.gmap3{
	margin: 0 0 20px auto;
	width: 100%;
	height: 200px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	border-color: #ddd;
}



/********************\
 *    REINTENTOS    *
\********************/
#r_tiempo_espera_1_val,#r_tiempo_espera_2_val{
	color:grey;
}
.field_reintentos{
	border: 1px dashed #999;
	border-radius: 8px;
	background:none;
	
	legend{
		border-bottom: none;
		padding: 0 0;
		font-size:14px;
		width:initial;
		.title{
			margin: 0 15px
		}
	}
	button{
		position: relative;
		margin: 0 30px 0 0;
		z-index: 1001;
	}
}

/*
.div_configurar_reintentos{
  .div_configurar_reintentos_inner{
    position: fixed;
	  margin: 0 0 0 -300px;
	  height: 405px;
	  top: 20%;
	  left: 50%;
		padding: 8px 0 0 0;
	}
}
*/

.block.block-themed>.block-header {
  border-bottom: none;
}
.block-header {
  padding: 15px 20px;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
.bg-primary-dark {
  background-color: #3e4a59;
}
.modal-open {
  overflow: hidden!important;
}
.modal-backdrop.in {
    opacity: .15
}
.modal-content {
	border-radius: 0px;
    border: 1px solid #aaa;
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
}
.modal.fade .modal-dialog.modal-dialog-popout {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}
.modal.in .modal-dialog.modal-dialog-popin, .modal.in .modal-dialog.modal-dialog-popout {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.block.block-themed>.block-header .block-title {
  color: #fff;
}
.block-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
}
.block-header:before, .block-header:after {
  content: " ";
  display: table;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block-options {
  float: right;
  margin: -3px 0 -3px 15px;
  padding: 0;
  height: 24px;
  list-style: none;
}
.block-options>li {
  display: inline-block;
  margin: 0 2px;
  padding: 0;
}
.block.block-themed>.block-header .block-options>li>a, .block.block-themed>.block-header .block-options>li>button {
  color: #fff;
}
.block-options>li>button {
  background: none;
  border: none;
}
.block-options>li>a, .block-options>li>button {
  display: block;
  padding: 2px 3px;
  color: #999;
  opacity: .6;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
}

#my-panel{
      display: none;
      width: 220px;
      padding: 20px;
      background-color: #333;
      color: #fff;
      box-shadow: inset 0 0 5px 5px #222;     
}

/********************\
 *    MAPA		    *
\********************/
#mapa{
	overflow: hidden;
	-webkit-transform: translateZ(0px);
	background-color: rgb(229, 227, 223);
}
.gmap3 {
	height: 110%;
	margin: 0;
	position: fixed!important;
	top: 82px;
	width: 100%;
	z-index: 0;
	left: 0;
	opacity: 0.7;
}
.cluster{ color: #FFFFFF; text-align:center; font-family: 'Arial, Helvetica'; font-size:11px; font-weight:bold; }
.cluster-1{	background-image:url(../img/m1.png); line-height:53px; width: 53px; height: 52px; }
.cluster-2{ background-image:url(../img/m2.png); line-height:53px; width: 56px; height: 55px; }
.cluster-3{ background-image:url(../img/m3.png); line-height:66px; width: 66px; height: 65px; }





/*****************\
 *    LOADING    *
\*****************/
.lo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -60px 0 0 -60px;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	border: 10px solid @color;
}
.lo:after {
	content: '';
	background: transparent;
	width: 140%;
	height: 140%;
	position: absolute;
	border-radius: 100%;
	top: -20%;
	left: -20%;
	opacity: 0.7;
	box-shadow: @color -4px -5px 3px -3px;
	-webkit-animation: rotate 1s infinite linear;
	animation: rotate 1s infinite linear;
}
@-webkit-keyframes rotate{0%{webkit-transform:rotateZ(0deg);}100%{-webkit-transform:rotateZ(360deg);}}
@keyframes rotate{0%{transform:rotateZ(0deg);}100%{transform:rotateZ(360deg);}}



/***************************\
 *    APP Configuration    *
\***************************/
.sidebar-app{
	.m-item{
		cursor:pointer;
		padding: 8px 10px;
		
		&:hover{background: #f5f5f5;}
		&.active .icon{background-position:0 -32px}
		
		.icon{
			display: inline-block;
			vertical-align: middle;
			width: 32px;
			height: 32px;
		}
		.link{
			display: inline-block;
			vertical-align: middle;
			height: 32px;
			line-height: 32px;
			margin: 0 0 0 15px;
		}
	}
}
.app-user-management{
	.icon{ 			background: url(../img/icons/m_users_management.png); }
	&:hover .icon{ 	background: url(../img/icons/m_users_management.png) 0 -32px; }
}

.app-email-settings{
	.icon{ 			background: url(../img/icons/m_email_settings.png); }
	&:hover .icon{	background: url(../img/icons/m_email_settings.png) 0 -32px; }
}


.app_users_avatar{
	width:64px;
	margin: 0 10px 0 0
}
.app_users_name{
	padding: 10px 0 0 0;
	text-transform: uppercase;
	font-size: 14px;
	color: @color_hover;
	display:block;
}
.app_users_username{
	font-style: italic;
	font-size: 12px;
}
.app_users_email_phone{
	text-align: right;
	
	.app_users_email{
		display:block;
		padding: 10px 0 0 0;
		text-align: right;
	}
}
.app_users_roles{
	span{
		border-radius: 3px;
		font-size: 9px;
		padding: 1px 2px;
		margin: 0 1px;
		background-color: #999;
		color: white;
		text-transform: uppercase;
		display: inline-block;
	}
}
.app_users_activo_on{color:#5cb85c}
.app_users_activo_off{color:red}

.app_users_view_user_div{
	padding:30px;
	
	.avatar{
		width:70px;
	}
	.app_users_view_user_names{
		margin: 10px 30px 0 0;
		font-size: 25px;
		font-weight: 100;
		color: @color_hover;
		text-transform:uppercase;
	}
	.app_users_view_user_username{
		margin: 0px 30px 0 0;
		font-size: 20px;
		font-weight: 100;
		
		span{
			text-transform: capitalize;
		}
	}
	.app_users_view_user_roles{
		margin: 0px 30px 0 0;
		
		span{
			border-radius: 4px;
			font-size: 10px;
			padding: 2px 4px;
			margin: 0 2px;
			background-color: grey;
			color: white;
			text-transform:uppercase;
			display:inline-block;
		}
	}
	.app_users_view_user_info{
		padding: 0 30px 0 15px;
		font-style: italic;
		font-weight: 100;
		font-size: 12px;
		
		.app_users_view_user_info_span{
			font-style: normal!important;
			text-transform: uppercase;
			width: 160px;
			display: inline-block;
		}
	}
	.app_users_view_user_buttons{
		.btn .fa{font-size:15px!important}
	}
}

// NEW USER
.div_app_users_new_user{
	.div_app_users_new_user_inner{
	    text-align: center;
	    width: 900px;
		padding: 0px 0 0 0;
		border:none;
		
		.panel-heading{
			color:white;
		}
		
		#app_users_frm_new_user{
			margin:20px 0 0 0;
		}
	}
}
.div_app_users_new_user_card{
	text-align: center;
	border-radius: 4px;
	margin:15px;
	
	.div_app_users_new_user_card_head{
		border-radius: 4px 4px 0 0;
		background-color: #ed7419;
		color: white;
		border-bottom: 1px solid #999;
		.fa{
			font-size: 60px;
			margin: 10px 0 0 0;
		}
		span{
			font-size:20px;
			font-weight: 100;
		}
	}
	.div_app_users_new_user_card_info{
		border-radius: 0 0 4px 4px;
		font-weight: 100;
		border-top: 1px solid white;
		background-color:#F5F5F5;
		padding: 15px 0 0 0;
		
		.div_app_users_new_user_card_info_password{
			border: none;
			background: none;
			font-weight: 100;
		}
		.show_password{
			font-size: 11px;
			font-style: italic;
			cursor: pointer;
		}
	}
	
}

.folderList{
	height: 400px!important;
	min-width:220px;
	overflow: auto;

	.folderLine{
		border-bottom:1px solid #eee;
		cursor:pointer;
		img{
			margin: 0 15px 0 0;
			width:48px;
		}
		&:last-child{border-bottom:none;}
		
		&:hover{
			background-color:#EEE;
		}
	}
}
.folderListFiles{
	height: 400px;
	max-height: 400px;
	overflow: auto;

	.fileEntire{
		height: 60px;			
		background: #fff5e0;
		padding: 5px 10px;
		margin: 3px;
		cursor:pointer;
		a{
			img{
				width:36px;
				top:6px;
				position:relative;
			}
			span.name{
				font-weight: bold;
				margin-left: 5px;
				top: 8px;
				position: relative;
				font-size: 11px;
				text-transform: uppercase;
			}
			span.size{
				margin-left: 5px;
				top: 2px;
				font-size: 10px;
				position: relative;
			}
		}
		&:hover{
			border: 5px solid #FF9547;
			padding: 0px 5px;
		}
		
	}
	
	.file{
		height: 60px;
		max-width: 275px;
		display: inline-block;
		background: #fff5e0;
		padding: 5px 10px;
		margin: 3px;
		cursor:pointer;
		a{
			img{
				width:36px;
				top:6px;
				position:relative;
			}
			span.name{
				font-weight: bold;
				margin-left: 5px;
				top: 8px;
				position: relative;
				font-size: 11px;
				text-transform: uppercase;
			}
			span.size{
				margin-left: 5px;
				top: 2px;
				font-size: 10px;
				position: relative;
			}
		}
		&:hover{
			border: 5px solid #FF9547;
			padding: 0px 5px;
		}
		
	}
}

.rotate-tablet{
	width: 100%;
	text-align: center;
	position: absolute;
	height: 100%;
	background: white;
	opacity: 0.8;
	z-index:2000;
	
	img{
		opacity:1;
		margin-top:20%;
		
		-webkit-animation: rotateDevice 1s infinite linear;
		animation: rotateDevice 1s infinite linear;
	}
}
@-webkit-keyframes rotateDevice{0%{webkit-transform:rotateZ(0deg);}100%{-webkit-transform:rotateZ(25deg);}}
@keyframes rotateDevice{0%{transform:rotateZ(0deg);}100%{transform:rotateZ(25deg);}}

.iconify > a{ 
	i {
		font-size: 18px;
		line-height: 17px;
	}
	span.absolute {
		position: absolute;
		top: 5px;
		left: 25px;
		font-size: 10px;
		line-height: 7px !important;
		font-weight: 400 ! important;
		border-radius: 15px;
		padding: 4px;
		z-index: 4;
	}
	
}

.dropdown-message{
	padding:0;
	&:before {
		border-bottom: 8px solid @color;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		right: 18px;
		content: "";
		height: 0;
		margin-right: -3px;
		pointer-events: none;
		position: absolute;
		width: 0;
		bottom: 100%;
	}
	.dropdown-header{
		background: @color;
  		color: #fff;
  		-webkit-border-radius: 2px 2px 0 0;
  		border-radius: 2px 2px 0 0;
		text-align:center;
		font-size: 12px;
		padding: 6px 10px 5px;
  		
  		a{
			display: inline-block;
			width: auto;
			padding: 0px;
			border: none;
			margin-right: 7px;
		}
	}
	.item{
		div{
			word-wrap: break-word;
			white-space: inherit;
			width: 300px;
			border-bottom: 1px solid #DCDCDC;
			padding: 8px 10px;
			
			p{font-size:11px;}
			.msg-time{
				color: #7A868F;
				font-size: 11px;
				font-style: normal;
				font-weight:100;
			}
		}
		.unread{	
			font-style: italic;			
			background-color: #efefef;
			.msg-time{font-style: italic;}
		}
		.no_notifications{
			color:#AAAAAA;
			i{font-size:60px;margin: 20px 0 0 0;}
			p{margin: 20px 0 10px 0;}
		}
	}
	.dropdown-footer {
		color: #fff;
		-webkit-border-radius: 0 0 2px 2px;
		border-radius: 0 0 2px 2px;
		text-align: center;
		padding: 7px;
	}
}
.div_messages_filter{
	margin: 0 0 10px 0;
}
.div_messages{

	height: 350px;
	overflow: auto;
	
	.div_messages_message{
		word-wrap: break-word;
		white-space: inherit;
		padding:10px 10px 6px 12px;
		cursor:pointer;
		
		p{font-size:11px;}
		.msg-time{
			color: #7A868F;
			font-size: 11px;
			font-style: normal;
			font-weight:100;
		}
		&:hover{
			background-color: #FFEED0!important;
		}
	}
	.unread{	
		font-style: italic;			
		background-color: #efefef;
		.msg-time{font-style: italic;}
	}
}
.message:hover{background-color: #FFEED0 !important;}

.div_messages_view_message_header{
	height:40px;
}
.div_messages_view_message{
	border-bottom: 1px solid #ccc;
	height: 300px;
	margin: 0px auto 0 auto;
	border-radius: 4px;
	background-color: #efefef;
	padding: 15px 0 0 0;
	
	.div_messages_view_message_name{
		padding: 10px 0 0 0;
		text-transform: uppercase;
		font-size: 14px;
		color: @color_hover;
		display:block;
	}
	.div_messages_view_message_username{
		font-style: italic;
		font-size: 12px;
		display:inline-block;
	}
	.div_messages_view_message_email{
		display:inline-block;
	}
	.div_messages_view_message_phone{
		display:block;
	}
	.div_messages_view_message_date{
		padding: 10px 0 0 0;
		font-size: 14px;
		color: @color_hover;
		display: block;
	}
	.div_messages_view_message_time{
		font-style: italic;
		font-size: 11px;
		color: #7A868F;
		float:right;
		margin-left:10px;
	}
	.div_messages_view_message_time_ago{
		font-style: italic;
		color: #7A868F;
		font-size: 11px;
		float:right;
	}
	.div_messages_view_message_body{
		margin:20px 0 0 0;
		height: 65%;
		overflow: auto;
	}

}

.div_messages_new_message{
	.div_messages_new_message_inner{	
	    width: 350px;
		border:none;
		
		.panel-heading{
			color:white;
		}
		#counter{
			font-size:11px;
			color:grey;
			font-style:italic;
		}
	}
}
.side-menu{
	top: 84px;
	bottom: 0;
	
	&.left {
		-webkit-transition: all 0.5s;
				transition: all 0.5s;
				
		width: 450px;
		right: -450px;
		position: fixed;
		z-index: 15;
		background: #222528;
		
		.div-side-menu-content{
			height: 90%;
			padding: 1px 0;
		}
		.div-side-menu-btns{
			text-align: center;
			padding-top: 20px;
		}
	}	
}
.open-left-sidebar-new-message .left {
	left: 0px !important;
}

.note-editor {
  border: 1px solid #dadfe3 !important;
  border-radius: 3px;
}
.note-editor .navbar .btn-navbar {
  background-color: #e6eaed !important;
}
.note-editor .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #dadfe3 !important;
}
.note-editor .note-toolbar {
  border-radius: 2px 2px 0 0;
  background-color: #dadfe3 !important;
  border-bottom: 1px solid #dadfe3 !important;
}
.note-editor .note-statusbar .note-resizebar {
  border-top: 1px solid #dadfe3 !important;
  border-radius: 0 0 3px 3px;
}
.note-editor .note-statusbar {
  background-color: #dadfe3 !important;
  border-radius: 0 0 2px 2px;
}

/**************************\
 *    Reports / Charts    *
\**************************/
#reportsCharts{
	margin:10px 0 0 0;
	height:auto;
}
.div_frm_search{
	background:white;
	//border-bottom: 1px solid #eee;
	.btn_search_meters{margin-top:16px}
	.underline/*, .selectize-input*/{
		border-radius: 0;
		border-top: 0;
		border-right: 0;
		border-left: 0;
		border-bottom: 1px solid silver;
		webkit-box-shadow: none;
  		box-shadow: none;
  		height:30px
	}
	.selectize-dropdown-content{
		background:white;
		border:1px solid #DDD;
	}
	.selectize-input{min-height:30px;padding:5px 10px;border-radius:2px;}
	.selectize-control.multi .selectize-input.has-items{ padding:0 }
	.selectize-control.multi .selectize-input > div { margin:3px }
	fieldset{
		background: #fff;
		border: 1px solid #e6e8e8;
		border-radius: 2px;
		//margin: 20px 0 15px 0;
		padding: 10px 10px 0px 5px;
		position: relative;
		
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
  
		legend{
			cursor:pointer;
			background: inherit;
			color: @color;
			font-size: 13px;
			left: 10px;
			padding: 0 10px;
			position: absolute;
			top: -10px;	
			width: auto!important;
			border: none!important;
			em{
				font-size:11px;
				color: #cacaca;
			}
		}
		.show_frm{
			font-weight: 100;
  			font-size: 13px;
  			color: #aaa;
  			line-height: 37px;
		}
		.btn_fieldset_collapse i{
			color:@color;
			position: absolute;
			right: 0px;
			top: -5px;
			width: 30px;
			height: 6px;
			text-align: center;
			background: white;
			margin: 0 15px;		
		}
		.btn-submit{
			margin:10px;
		}
	}
	.fieldset_frm_options{
		.fieldset_frm_options_icheck{
			margin:7px 0 0 0;
		}
		.btn_generate_chart{
			margin:4px 0 0 0;
		}
		
		&.chart_waterBalance_meter_value{
			margin-right:10px;
			.form-group{
				width:100px;
				&:last-child{
					margin-left:10px;
				}
			}
			.btn_add_waterBalance_meter{
				line-height:33px;
				font-size:11px;
			}
		}
	}
}

.sidebar-menu{
	.panel-heading{
		position:relative;
		font-size: 16px;
		overflow:hidden;
		
		.sidebar-reports-title{padding: 10px 0 0 0;}
		.sidebar-reports-subtitle{font-size:11px;}
		.fa-circle{opacity:0.3!important}
		.icon-bg{
			position: absolute;
			right: 20px;
			top: 0;
			font-size: 80px;
			line-height: 80px;
			opacity: 0.3;
		}
	
		.content-reports-info{
			text-align:justify;	
		}
	}

}
.div-btn-reports{
	.panel{
		min-height: 67px;
	}
	min-width: 170px;
	float: right;
	padding-right: 15px;
	padding-left: 15px;
}


.fielset_frm{
		background: #fff;
		border: 1px solid #e6e8e8;
		border-radius: 2px;
		//margin: 20px 0 15px 0;
		padding: 10px 5px 0px 5px;
		position: relative;
		
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
  
		legend{
			cursor:pointer;
			background: inherit;
			color: @color;
			font-size: 13px;
			left: 10px;
			padding: 0 10px;
			position: absolute;
			top: -10px;	
			width: auto!important;
			border: none!important;
			em{
				font-size:11px;
				color: #cacaca;
			}
		}
		.show_frm{
			font-weight: 100;
  			font-size: 13px;
  			color: #aaa;
  			line-height: 37px;
		}
		.btn_fieldset_collapse i{
			color:@color;
			position: absolute;
			right: 0px;
			top: -5px;
			width: 30px;
			height: 6px;
			text-align: center;
			background: white;
			margin: 0 15px;		
		}
		.btn-submit{
			margin:10px;
		}
	}



/*form styles*/

/*Hide all except first fieldset*/
#msform fieldset.wiz:not(:first-of-type) {
	display: none;
}

/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 10px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	text-align: center;
}
#progressbar li {
	list-style-type: none;
	color: @color_texto;
	text-transform: uppercase;
	font-size: 10px;
	width: 25%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: silver;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #27AE60;
	color: white;
}

#hydraulic_sectors_sectoriales, #hydraulic_sectors_meters{
	width:100%;
	border:none;
}

.highcharts-tooltip {
	& > span {
		background: rgba(255,255,255,0.85) !important;
		border: 1px solid silver;
		border-radius: 3px;
		box-shadow: 1px 1px 2px #888;
		padding: 8px;
	}
	
}