/*
	GRID: 12PX;
	GUTTER: 20PX;
	MARGIN: 30PX;
*/

/*
----------------------------------------------
|		|		| GRID GLOBAL |		|		|
----------------------------------------------
*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  	display: block;
  	float: left;
	position: relative;
	margin: 0px 1.6% 30px 0;
}

.grid_12 .column:last-child{
	margin-right: 0px;
}

/*
----------------------------------------------
|		|		| GRID GLOBAL |		|		|
----------------------------------------------
*/

 .grid_1 {
	width: 6.86%; 
}

 .grid_2 {
	width: 15.33%;  
}

 .grid_3 {
	width: 23.8%;
}

 .grid_4 {
 	width: 32.26%; 
}

 .grid_5 {
	width: 40.73%; 
}

 .grid_6 {
 	width: 49.2%;
}

 .grid_7 {
 	width: 57.66%; 
}

 .grid_8 {
 	width: 66.13%;
}

 .grid_9 {
 	width: 74.6%; 
}

 .grid_10 {
	width: 83.06%; 
}

 .grid_11 {
	width: 91.53%;
}

 .grid_12 {
 	width: 100%;
	padding: 0 1.9em;
}


/*
----------------------------------------------
|		|		| EXTRAS |		|		|
----------------------------------------------
*/

.left{
	float: left
}

.right{
	float: right;
}

.both{
	clear: both;
}

.no-float{
	float: none;
}

.center {
	margin: 0 auto !important;
	float: none !important;
}

.middle{
	position: absolute;
	top: 50%;
	left: 50%;
	moz-transform: translate(-50%);
  	ms-transform: translate(-50%);
  	o-transform: translate(-50%);
  	transform: translate(-50%);
}

.adjust-menu div{
	display: inline-block;
}

.hidden{
	overflow:  hidden;
}

.none{
	display: none;
}

.alpha {
	margin-left: 0 !important;
}

.border{
	border: 1pt solid #d1d7d8;
}

.no-border{
	border: none !important;
}

.no-border-left{
	border-left: 0 !important;
}

.no-border-top{
	border-top: 0 !important;
}

.no-border-bottom{
	border-bottom: 0 !important;
}

.no-border-right{
	border-right: 0 !important
}

.omega {
	margin-right: 0 !important;
}

.no-margin-right{
	margin-right: 0 !important;
}

.margin-left{
	margin-left: 10px !important;
}

.margin-right{
	margin-right: 10px !important;
}

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

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

.padding-left{
	padding-left: 10px !important;
}

.padding-right{
	padding-right: 10px !important;
}

.padding-top{
	padding-top: 10px !important;
}

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

.no-margin-left{
	margin-left: 0 !important;
}

.no-margin-top{
	margin-top: 0 !important;
}

.no-padding{
	padding: 0 !important;
}

.no-padding-left{
	padding-left: 0 !important;
}

.no-padding-right{
	padding-right: 0 !important;
}

.no-padding-top{
	padding-top: 0 !important;
}

.no-padding-bottom{
	padding-bottom: 0 !important;
}

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

.no-margin-bottom{
	margin-bottom: 0 !important;
}

.no-margin{
	margin: 0;
}

.line{
	outline: 1pt solid black
}

.full{
	width:  	100%;
	display:	block;
	float: 		left;
	clear: 		left;
	position:  	relative;
}

.text-center{
	text-align: center !important;
}

.text-left{
	text-align: left !important;
}

.text-right{
	text-align: right !important;
}

.table{
	display: table;
}

.cell{
  display: table-cell;
  vertical-align: middle;
  min-height: 50px;
  height: 50px;
}

@media (max-width: 1600px){

	#filtro input{
		width: 122px;
	}

	#ccb-table .col{
		padding: 0 16px !important;
	}

	#ccb-table .col:last-child .label-full{
		display: none;
	}

	.adjust-menu .icon{
		margin: 0 !important;
	}

	.dashboard .accordion li a{
		padding-left: 0px;
	}
	
	.team-small{
		display: block
	}

	.adjust-menu table div{
		width: 100%;
		text-align: left;
		float: left;
	}

	.adjust-menu table div .icon{
		/*float: right;*/
		vertical-align: middle;
	}

	.team-normal{
		display: none;
	}


	#side-bar{
		width: 80px !important;
		overflow: hidden;
	}

	#side-bar label{
		  float: left;
		  width: 100%;
		  text-align: center;
		  font-size: 9px;
	}

	#side-bar .icon{
		margin-right: 0px
	}

	.accordion> a:first-child:before{
		content: '';
		display: none;
	}

	nav ul li a{
		font-size: 11px !important;
		padding: 8px 10px;
		text-align: center;
	}

	nav ul li ul li a .icon{
		margin-right: 0px;
	}

	nav ul li ul li a{
		padding-left: 5px !important;
  		word-break: break-all;
  		padding-right: 5px !important;
  		padding-top: 5px !important;
	}

	nav ul li ul li a label{
		text-align: center;
		display: block !important;
	}

	.main{
		padding-left: 80px !important;
	}

	.fixed-top{
		width: 95% !important;
	}

	.side-bar-content, #image-user{
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.id div:last-child{
		display: none;
	}

	.dashboard .box:nth-child(even){
		margin-right: 0px !important
	}

	#top .menu a{
		margin-right: 15px;
	}

	.grid_3,.grid_9,.grid_6{
		width: 49%;
	}

	.canvas-grid{
		width: 100%;
	}

	.t-foot .grid_6{
		width: 50%;
	}

	a.frame{
		width: 12.5%;
	}

	.frame-title{
		width: 100%;
		height: 10px;
	}

	#side-bar{
		width: 266px;
		-webkit-transition: 0.2s linear;
		-moz-transition: 0.2s linear;
		-o-transition: 0.2s linear;
		-ms-transition: 0.2s linear;
		transition: 0.2s linear;
	}

	.main{
		padding-left: 266px;
	}

	.iframe-modal{
		width: 622px
	}
}