@import "3L-mini.less";

@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
@import "bootstrap/responsive-navbar.less";
@import "bootstrap/responsive-utilities.less";
@import "bootstrap/thumbnails.less";

/*
@navbarBackground: #222;
@navbarBackgroundHighlight: #444;
@navbarLinkColor: #ccc;
@navbarLinkColorHover: #eee;
*/

@btnPrimaryBackground: #FF8A2B;
@btnPrimaryBackgroundHighlight:     spin(@btnPrimaryBackground, -10%);


@dropdownLinkBackgroundHover: #777;

@import "bootstrap/navbar.less";
@import "bootstrap/dropdowns.less";
@import "bootstrap/buttons.less";



////////////////////////////////////////////////////////////////////////////////

/* Import all prefixed @keyframes. */
@import 'animations/animation1';

/* Create a mixin for @keyframes. */
.animation1 () {
	from {.rotate(0deg);}
	to {.rotate(360deg);}
}

/* Create an animation. */
.rotating (@duration:2s) {
	.animation(animation1 @duration linear infinite);
}
////////////////////////////////////////////////////////////////////////////////


.giratorio{
	.rotating();
}



body{
/*	font-family: 'Open Sans', sans-serif;*/
}

h1,h2,h3,h4{
	font-family: 'Open Sans Condensed', sans-serif;
}

.list-horizontal{
	
}

///////////////// NAVBAR ///////////////////////////////////////////////////////
.navbar-form input, .navbar-form select, .navbar-form .btn {
	vertical-align: top;
}



/////////////////////////////////////////////////////////////////
.btn {
	text-transform: uppercase;
    font-weight: bold;
    /* padding: 7px 15px; */
}

.btn-primary{
	box-shadow: 0 0 0 2px rgba(128,128,128,.2);
}


////////////////////////////////////////////////////////
.inline-block{
	display:inline-block;
	.ie7-inline-block();
	margin: 0;
}

////////////////////////
ul.tags{
	margin: 0 -2px 9px -2px;
	.label {
		display: inline-block;
		line-height: 18px;
		margin: 2px;
		padding: 2px 10px;
		text-shadow: none;
	}
}


//////////////////////////

/* breadcrumb
--------------- */
.breadcrumb{
	border: none;
	background: none;
	margin: 0;
	padding:10px 0;
	.box-shadow(none);
}


/* scrollbars
-------------------- */

::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-corner{
	background-color: transparent;
}

::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}

::-webkit-scrollbar-thumb{
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10),inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}



/* forms
--------------- */
.control-label{
	.opacity(50);
}




.atenuado{
	.opacity(30);
}


/* tables
--------------- */


.table-expandable{
	> tbody{
		> tr{
			background: #F8FAFB;

			> td{
				vertical-align: middle;
			
				&.condensed{
					width: 1px;
					white-space: nowrap;
				}
			}
			
			&.dimmed:hover{
				.opacity(100);
			}

		}
	}

	> thead{
		> tr{
			> th{
				background:#ECF4F8;
			}
			form{
				margin: 0;
			}

		}
	}


	/*	
	#grid > .core((@gridColumnWidth * 12 - 80) / 12, @gridGutterWidth);
	#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
	#grid > .input((@gridColumnWidth * 12 - 80) / 12, @gridGutterWidth);

	// Grid style input sizes
	input[class*="span"],
	select[class*="span"],
	textarea[class*="span"],
	.uneditable-input[class*="span"],
	// Redeclare since the fluid row class is more specific
	.row-fluid input[class*="span"],
	.row-fluid select[class*="span"],
	.row-fluid textarea[class*="span"],
	.row-fluid .uneditable-input[class*="span"] {
	float: none;
	margin-left: 0;
	}
	*/

	.navbar-inner{
		background-image: none;
		border: none;
		padding: 0 10px 10px;
		border-bottom: 1px solid #eee;
		border-radius: 0;
	}
}



/*
@media (min-width: 768px) and (max-width: 979px) {
	.table-expandable{
		#grid > .core((@gridColumnWidth768 * 12 - 80) / 12, @gridGutterWidth768);
		#grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
		#grid > .input((@gridColumnWidth768 * 12 - 80) / 12, @gridGutterWidth768);
	}
}


@media (min-width: 1200px) {
	.table-expandable{
		#grid > .core((@gridColumnWidth1200 * 12 - 80) / 12, @gridGutterWidth1200);
		#grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
		#grid > .input((@gridColumnWidth1200 * 12 - 80) / 12, @gridGutterWidth1200);
	}
}
*/







/* thumbnails
---------------- */
.thumbnail-inline{
	.thumbnail;
	display: inline-block;
	.ie7-inline-block();
}



/* --------------- */
.show-grid [class*="span"] {
	background-color: #eee;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 40px;
	line-height: 40px;
}


.rotate-fast{
	line-height: 4px;
	font-size: 24px;
	display: block;
	visibility: visible;
	width: 1em;
	.rotating(.5s);
}