/* --------------------------------------------------------------------------------------------- */

[class*="icn_"], [class*="icono_"] {
	display					: inline-block;
	vertical-align			: middle;
	position				: relative;
	font-style				: normal;
	color					: #dddddd;
	text-align				: left;
	text-indent				: -9999px;
	direction				: ltr;
	box-sizing				: border-box;
}

[class*="icono_"]:before,
[class*="icono_"]:after,
[class*="icn_"]:before,
[class*="icn_"]:after {
	content					: '';
	pointer-events			: none;
}

.icono, .icn{
	padding					: 0px;
	margin					: 0px;
	position				: absolute;
	top						: 0;
	bottom					: 0;
	left					: 0;
	reght					: 0;
	width					: 1.5em;
	height					: 1.5em;
	margin-top				: -1px;
	margin-left				: -1px;
}

span i[class*="icono"],
span i[class*="icn"] {
	color					: rgba( 50, 50, 50, 0.5);
	transition				: all 0.0s;
}

span:hover i[class*="icono"],
span:hover i[class*="icn"]
{
	color					: rgba( 0, 0, 0, 1);
}

/* --------------------------------------------------------------------------------------------- */

.icono_menu, .icn_mnu {
	width					: 1.5em;
	height					: 1.5em;

	margin-top				: 0em;
	margin-bottom			: 0em;
	margin-left				: 0em;
	margin-right			: 0em;

	border					: 1px solid rgba( 50, 50, 50, 0.5 );
}

/* --------------------------------------------------------------------------------------------- */

.icono_list {
	width					: 1.0em;
	margin-top				: 0em;
	margin-bottom			: 0em;
	margin-left				: 0.25em;
	margin-right			: 0em;
	height					: 1px;
	box-shadow				: inset 0 -0.75em, 0 -0.375em, 0 0.375em;
	top						: 0;
	bottom					: 0;
	left					: 0;
	right					: 0;
}

/* --------------------------------------------------------------------------------------------- */

.icono_minus, .icn_mns {
	width					: 1.5em;
	height					: 1.5em;
	margin					: 0px;
}

.icono_minus:before, .icn_mns:before {
	width					: 1.0em;
	height					: 1px;
	position				: absolute;
	left					: 50%;
	top						: 50%;
	-webkit-transform		: translate(-50%, -50%);
	-ms-transform			: translate(-50%, -50%);
	transform				: translate(-50%, -50%);
	box-shadow				: inset 0 0 0 1px;
}

/* --------------------------------------------------------------------------------------------- */

.icono_plus, .icn_pls {
	width					: 1.5em;
	height					: 1.5em;
	margin					: 0px;
}

.icono_plus:before, .icn_pls:before {
	width					: 1.0em;
	height					: 1px;
}

.icono_plus:after, .icn_pls:after {
	height					: 1.0em;
	width					: 1px;
}

.icono_plus:before,
.icono_plus:after,
.icn_pls:before,
.icn_pls:after
{
	position				: absolute;
	left					: 50%;
	top						: 50%;
	-webkit-transform		: translate(-50%, -50%);
	-ms-transform			: translate(-50%, -50%);
	transform				: translate(-50%, -50%);
	box-shadow				: inset 0 0 0 1px;
}

/* --------------------------------------------------------------------------------------------- */

.icono_cross, .icn_crs {
	width					: 1.5em;
	height					: 1.5em;
	margin					: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
}

.icono_cross:before, .icn_crs:before {
	width					: 1.0em;
	height					: 1px;
}

.icono_cross:after, .icn_crs:after {
	height					: 1.0em;
	width					: 1px;
}

.icono_cross:before,
.icono_cross:after,
.icn_crs:before,
.icn_crs:after
 {
	position				: absolute;
	left					: 50%;
	top						: 50%;
	-webkit-transform		: translate(-50%, -50%);
	-ms-transform			: translate(-50%, -50%);
	transform				: translate(-50%, -50%);
	box-shadow				: inset 0 0 0 1px;
}

/* --------------------------------------------------------------------------------------------- */


.icono_left {
	width					: 1.5em;
	height					: 1.5em;
	margin-top				: 0em;
	margin-bottom			: 0em;
	margin-left				: 0.5em;
	margin-right			: 0em;
	-webkit-transform		: rotate(0deg);
	-ms-transform			: rotate(0deg);
	transform				: rotate(0deg);
}

.icono_left:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
	
}

.icono_left:after {
	top						: 0;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_left:before,
.icono_left:after {
	width					: 0.5em; // 0.75em
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	left					: 0px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: left;
	-ms-transform-origin	: left;
	transform-origin		: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.icono_left, .icono_caret_left {
	width					: 1.5em;
	height					: 1.5em;
	margin-top				: 0em;
	margin-bottom			: 0em;
	margin-left				: 0.5em;
	margin-right			: 0em;
	-webkit-transform		: rotate(0deg);
	-ms-transform			: rotate(0deg);
	transform				: rotate(0deg);
}

.icono_left:before, .icono_caret_left:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
	
}

.icono_left:after, .icono_caret_left:after {
	top						: 0;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_left:before,
.icono_left:after,
.icono_caret_left:before,
.icono_caret_left:after {
	width					: 0.5em; // 0.75em
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	left					: 0px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: left;
	-ms-transform-origin	: left;
	transform-origin		: left;
}

/* --------------------------------------------------------------------------------------------- */

/* FOR PX SIZING */

.icono_right {
	width					: 1.5em;
	height					: 1.5em;
	margin-top				: 0em;
	margin-bottom			: 0em;
	margin-left				: -0.5em;
	margin-right			: 0em;

	-webkit-transform		: rotate(0deg);
	-ms-transform			: rotate(0deg);
	transform				: rotate(0deg);
}

.icono_right:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
}

.icono_right:after {
	top						: 0;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_right:before,
.icono_right:after {
	width					: 0.5em; // 0.75em
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	right					: 0px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: right;
	-ms-transform-origin	: right;
	transform-origin		: right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.icono_caret_right {
	width					: 1.5em;
	height					: 1.5em;
	margin-top				: 0em;
	margin-bottom			: 0em;
	margin-left				: -0.5em;
	margin-right			: 0em;

	-webkit-transform		: rotate(0deg);
	-ms-transform			: rotate(0deg);
	transform				: rotate(0deg);
}

.icono_caret_right:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
}

.icono_caret_right:after {
	top						: 0;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_caret_right:before,
.icono_caret_right:after {
	width					: 0.5em; // 0.75em
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	right					: 0px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: right;
	-ms-transform-origin	: right;
	transform-origin		: right;
}

/* --------------------------------------------------------------------------------------------- */

/* FOR EM SIZING */

.icono_up,
.icn_upr {
	width					: 1.5em;
	height					: 1.5em;
	margin-top				: 0em;
	margin-bottom			: -0.75em;
	margin-left				: 0em;
	margin-right			: 0em;
	-webkit-transform		: rotate(-90deg);
	-ms-transform			: rotate(-90deg);
	transform				: rotate(-90deg);
	border					: 0px solid red;
}

.icono_up:before,
.icn_upr:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
}

.icono_up:after,
.icn_upr:after {
	top						: 0px;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_up:before,
.icono_up:after,
.icn_upr:before,
.icn_upr:after {
	width					: 0.75em;
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	right					: 2px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: right;
	-ms-transform-origin	: right;
	transform-origin		: right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.icono_caret_up {
	width					: 1.5em;
	height					: 1.5em;
	margin-top				: 0em;
	margin-bottom			: -0.75em;
	margin-left				: 0em;
	margin-right			: 0em;
	-webkit-transform		: rotate(-90deg);
	-ms-transform			: rotate(-90deg);
	transform				: rotate(-90deg);
	border					: 0px solid red;
}

.icono_caret_up:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
}

.icono_caret_up:after {
	top						: 0px;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_caret_up:before,
.icono_caret_up:after {
	width					: 0.75em;
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	right					: 2px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: right;
	-ms-transform-origin	: right;
	transform-origin		: right;
}

/* --------------------------------------------------------------------------------------------- */

.icono_down,
.icn_dwn {
	width					: 1.5em;
	height					: 1.5em;

	margin-top				: -0.5em;
	margin-bottom			: 0em;
	margin-left				: 0em;
	margin-right			: 0em;
	
	-webkit-transform		: rotate(-90deg);
	-ms-transform			: rotate(-90deg);
	transform				: rotate(-90deg);
	border					: 0px solid red;
}

.icono_down:before,
.icn_dwn:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
}

.icono_down:after, 
.icn_dwn:after {
	top						: 0px;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_down:before,
.icono_down:after,
.icn_dwn:before,
.icn_dwn:after {
	width					: 0.75em;
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	left					: 2px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: left;
	-ms-transform-origin	: left;
	transform-origin		: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.icono_caret_down {
	width					: 1.5em;
	height					: 1.5em;

	margin-top				: -0.5em;
	margin-bottom			: 0em;
	margin-left				: 0em;
	margin-right			: 0em;
	
	-webkit-transform		: rotate(-90deg);
	-ms-transform			: rotate(-90deg);
	transform				: rotate(-90deg);
	border					: 0px solid red;
}

.icono_caret_down:before {
	top						: 0px;
	-webkit-transform		: rotate(45deg);
	-ms-transform			: rotate(45deg);
	transform				: rotate(45deg);
}

.icono_caret_down:after{
	top						: 0px;
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
}

.icono_caret_down:before,
.icono_caret_down:after {
	width					: 0.75em;
	height					: 1px;
	position				: absolute;
	bottom					: 0;
	margin					: auto 0;
	left					: 2px;
	box-shadow				: inset 0 0 0 1px;
	-webkit-transform-origin: left;
	-ms-transform-origin	: left;
	transform-origin		: left;
}

/* --------------------------------------------------------------------------------------------- */
/* PX SIZING - NOT CORRECTLY WORK */
/* --------------------------------------------------------------------------------------------- */
/*
.icono_crop{
	border					: 1px solid;
	width					: 18px;
	height					: 18px;
	border-left				: none;
	border-bottom			: none;
	margin					: 8px 8px 2px 2px;
}

.icono_crop:before {
	border					: 1px solid;
	position				: absolute;
	width					: 18px;
	height					: 18px;
	top						: -7px;
	right					: -7px;
	border-top				: none;
	border-right			: none;
	box-sizing				: border-box;
}
*/
/* --------------------------------------------------------------------------------------------- */
/*
.icono_crop2{
	border					: 1px solid;
	width					: 18px;
	height					: 18px;
	border-right			: none;
	border-bottom			: none;
	margin					: 8px 2px 2px 8px;
}

.icono_crop2:before {
	border					: 1px solid;
	position				: absolute;
	width					: 18px;
	height					: 18px;
	top						: -6px;
	right					: 6px;
	border-top				: none;
	border-left				: none;
	box-sizing				: border-box;
}
*/
/* --------------------------------------------------------------------------------------------- */
/*
.icono_display {
	border					: 1px solid;
	width					: 20px;
	height					: 16px;
	margin					: 4px 4px 8px;
}

.icono_display:before,
.icono_display:after {
	position				: absolute;
	left					: 50%;
	-webkit-transform		: translateX(-50%);
	-ms-transform			: translateX(-50%);
	transform				: translateX(-50%);
}

.icono_display:before {
	width					: 4px;
	height					: 3px;
	bottom					: -5px;
	box-shadow				: inset 0 0 0 32px;
}

.icono_display:after {
	width					: 14px;
	height					: 2px;
	bottom					: -6px;
	box-shadow				: inset 0 0 0 32px;
}
*/
/* --------------------------------------------------------------------------------------------- */
/*
.icono_sync {
	border					: 1px solid;
	width					: 20px;
	height					: 20px;
	border-radius			: 50%;
	border-right-color		: transparent;
	border-left-color		: transparent;
	margin					: 4px;
}

.icono_sync:before {
	-webkit-transform		: rotate(-45deg);
	-ms-transform			: rotate(-45deg);
	transform				: rotate(-45deg);
	right					: -7px;
	top						: 0;
}

.icono_sync:after {
	-webkit-transform		: rotate(135deg);
	-ms-transform			: rotate(135deg);
	transform				: rotate(135deg);
	left					: -7px;
	bottom					: 0;
}

.icono_sync:before,
.icono_sync:after {
	position				: absolute;
	width					: 0;
	height					: 0;
	border-width			: 6px;
	border-style			: solid;
	border-right-color		: transparent;
	border-bottom-color		: transparent;
	border-left-color		: transparent;
}
*/
/* --------------------------------------------------------------------------------------------- */
/*
.icono_tiles {
	width					: 3px;
	height					: 3px;
	box-shadow				: 0px -8px 0px, -8px -8px 0px, 8px -8px 0px, 0px 0px 0px 24px inset,
								-8px 0px 0px, 8px 0px 0px, 0px 8px 0px, -8px 8px 0px, 8px 8px 0px;
	margin					: 12px;
}
*/
/* --------------------------------------------------------------------------------------------- */