/* ********************************** ************** ******************************** */
/* ****************************** INTERFACE DO TOOLSYS 7 **************************** */

/* -------------------------------------- IMPORT ------------------------------------ */
@import 'Base.less';
/* ---------------------------------------------------------------------------------- */





/* ------------------------------------- SIDEBAR ------------------------------------ */
.sidebar {
	background-color: @interface_sidebar_color;
	border-right: none;
	
	width: @interface_sidebar_width;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 100%;
	min-height: 100%;
	z-index: 45;
	overflow: hidden;
	
	margin-left: 0px;
	transition: width 0.25s;
}

.sidebar.compacto {
	width: 0px;
	transition: width 0.25s;
}

.sidebar.compacto.HOVER {
	width: @interface_sidebar_width;
	transition: width 0.25s;
	
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
}

.sidebar .sidebar-textos { opacity: 1; transition: opacity 0.25s; }
.sidebar.compacto .sidebar-textos { opacity: 0; transition: opacity 0.25s; }
.sidebar.compacto.HOVER .sidebar-textos { opacity: 1; transition: opacity 0.25s; }


.sidebar .sidebar_content {
	width: @interface_sidebar_width + 1px;
	margin-top: @interface_header_height;
}

.sidebar .sidebar_content ul { margin: 0px; padding: 10px 0px 10px 0px; list-style: none; }
/* ---------------------------------------------------------------------------------- */





/* -------------------------------- SIDEBAR - PACOTES ------------------------------- */
.sidebar .sitebar_pacote {
	margin: 0px 5px 15px 0px;
	padding: 5px 5px 5px 0px;
	.box-sizing-boder;
	color: #DDD;
	transition: color 0.3s;
	transition: background 0.3s;
}

.sidebar .sitebar_pacote.pacote_ativo {
	background: rgba(255, 255, 255, 0.55);
	color: #FFF;
	transition: color 0.3s;
	transition: background 0.3s;
}

.sidebar .sitebar_pacote .pacote_header { padding: 5px 5px 5px 15px; margin-bottom: 5px; -webkit-border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0; cursor: default !important; }
.sidebar .sitebar_pacote .pacote_header img { float: left; width: 26px; }
.sidebar .sitebar_pacote .pacote_header em { font-family: 'Cocogoose Pro Semilight', sans-serif; padding: 0px 0px 0px 10px; font-style: normal; font-weight: bold; color: @interface_color; text-transform: uppercase; font-size: 1.1em; }

.sidebar .sitebar_pacote.ativo .pacote_header { background: #CEDFE7; transition: background 0.25s; }
.sidebar.compacto .sitebar_pacote.ativo .pacote_header { background: transparent; transition: background 0.25s; }
.sidebar.compacto.HOVER .sitebar_pacote.ativo .pacote_header { background: #CEDFE7; transition: background 0.25s; }

.sidebar .sitebar_pacote .pacote_header .pacote_move {
	float: right;
	width: 15px;
	height: 15px;
	font-size: 0.9em;
	font-weight: normal;
	.box-sizing-boder;
	margin: 0px 0px 0px 0px;
	cursor: move;
	color: @interface_color - #222;
	
	opacity: 0.0; filter: alpha(opacity=0);
	transition: 0.3s;
}

.sidebar .sitebar_pacote .pacote_header .pacote_showhide {
	float: right;
	width: 15px;
	height: 15px;
	font-size: 1.1em;
	font-weight: normal;
	.box-sizing-boder;
	margin: -2px 4px 0px 0px;
	cursor: pointer;
	color: @interface_color;
	
	opacity: 0.0; filter: alpha(opacity=0);
	transition: 0.3s;
}

.sidebar .sitebar_pacote:hover .pacote_header .pacote_move, .sidebar .sitebar_pacote:hover .pacote_header .pacote_showhide { opacity: 0.60; filter: alpha(opacity=60); transition: 0.3s; }
.sidebar .sitebar_pacote .pacote_header .pacote_move:hover, .sidebar .sitebar_pacote .pacote_header .pacote_showhide:hover { opacity: 0.90; filter: alpha(opacity=90); transition: 0.3s; }

.sidebar .sidebar_pacote_placeholder { background: rgba(255, 255, 255, 0.1); margin: 0px 15px 10px 0px; height: 100px; }

.sidebar .sitebar_pacote .pacote_body { clear: both; padding-left: 9px; }
/* ---------------------------------------------------------------------------------- */





/* -------------------------------- SIDEBAR - MÓDULOS ------------------------------- */
.sidebar .sidebar_modulo { transition: 0.4s; }

.sidebar .sidebar_modulo a { text-decoration: none; }

.sidebar .sidebar_modulo .modulo_header { display: block; padding: 3px 5px 3px 10px; font-size: 0.95em; cursor: pointer; transition: 0.2s; }
.sidebar .sidebar_modulo .modulo_header i { width: 18px; color: #7F98A4; transition: color 0.3s; }
.sidebar .sidebar_modulo .modulo_header span { display: inline-block; padding-left: 12px; color: #7F98A4; font-size: 1.1em; transition: color 0.3s; }

.sidebar .sidebar_modulo .modulo_header:hover, .sidebar .sidebar_modulo.active .modulo_header { padding: 3px 5px 3px 10px; transition: 0.2s; }
.sidebar .sidebar_modulo .modulo_header:hover i, .sidebar .sidebar_modulo.active .modulo_header i { color: @interface_color; transition: color 0.4s; }
.sidebar .sidebar_modulo .modulo_header:hover span, .sidebar .sidebar_modulo.active .modulo_header span { color: @interface_color; transition: color 0.4s; font-weight: bold; }

.sidebar .sidebar_modulo .modulo_body { padding: 4px 5px 4px 45px; font-size: 0.75em; overflow: hidden; }
.sidebar .sidebar_modulo .modulo_body a { text-decoration: none; color: #666; display: block; padding: 2px 0px 2px 0px; }
.sidebar .sidebar_modulo .modulo_body a:hover, .sidebar .sidebar_modulo .modulo_body a.current { font-weight: bold; color: @interface_color - #111; }


.sidebar .sidebar_modulo.active .modulo_body {}
.sidebar.compacto .sidebar_modulo.active .modulo_body { height: 0px; padding: 0px 5px 0px 45px; }
.sidebar.compacto.HOVER .sidebar_modulo.active .modulo_body { height: auto; padding: 4px 5px 4px 45px; }
/* ---------------------------------------------------------------------------------- */