




/* width 0 > 480 */

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




	[data-switch="desktop"] { display: none; }
	[data-switch="mobile"] { display: block; }





	#skybox .main { width: 100%; margin: 0; padding: 0 10px 200px 10px; box-sizing: border-box; }





	#skybox .top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
	#skybox .screen { padding: 50px 0 0 0; }




	#skybox .top .right ul li:nth-child(1) { /* display: none; */ }
	#skybox .top .right ul li:nth-child(2) { display: none; }
	#skybox .top .right ul li:nth-child(3) { display: none; }




	#skybox .screen.login { width: 100%; padding: 80px 15px 100px 15px; box-sizing: border-box; }
	#skybox .screen.login .logo { display: none; }
	#skybox .screen.login .group input { width: 100%; }
	#skybox .screen.login .submit { width: 100%; }




	#skybox .screen .way .current { margin: 0 0 30px 0; width: 95%; text-align: left; }
	#skybox .screen .way .current .f3 { font-size: 38px; }
	#skybox .screen .way .current span { display: none; }




	#skybox .screen .boxes .unit {
		width: 100%; height: auto;
		font-size: 22px;
		margin: 0 0 10px 0;
	}

	#skybox .screen .boxes .unit.icon.email,
	#skybox .screen .boxes .unit.icon.settings,
	#skybox .screen .boxes .unit.icon.events,
	#skybox .screen .boxes .unit.icon.contacts { background-image: none; }




	#skybox .bottom {
		
	}

	#skybox .bottom .main {
		padding: 0 10px 50px 10px;
	}







	.item.sx1 {
		width: 100%;
		overflow: auto;
		background-color: #ebebeb;
		margin: 0 0 6px 0;
	}
	
	.item.sx1 .img {
		width: 70px; height: 70px;
		float: left;
		background-color: #009cff;
		border: 5px solid transparent;
	}
	.item.sx1 .img.system { background-image: url(http://www.opcion2.com.ar/skybox/images/icons/icons-70x70.png); }
	.item.sx1 .img.system.forms  { background-position: 0px 0px; }
	.item.sx1 .img.system.stats  { background-position: 0px -70px; }
	.item.sx1 .img.system.user   { background-position: 0px -140px; }
	.item.sx1 .img.system.arroba { background-position: 0px -210px; }
	.item.sx1 .img.system.config { background-position: 0px -280px; }
	.item.sx1 .img.system.star   { background-position: 0px -350px; }
	
	.item.sx1 .data { padding: 0 0 0 95px; height: 80px; }
	.item.sx1 .data .d1 {
		font-family: 'FuturaStd-Book', sans-serif; font-size: 18px; color: black;
		height: 24px; line-height: 24px;
		padding: 7px 0 0 0;
	}
	.item.sx1 .data .d2 { font-size: 14px; color: #797979; height: 20px; line-height: 20px; }
	.item.sx1 .data .extra { overflow: hidden; height: 22px; line-height: 22px; }
	.item.sx1 .data .extra .l { float: left; font-size: 14px; color: black; }
	.item.sx1 .data .extra .r {
		float: right;
		font-family: 'FuturaStd-Heavy', sans-serif; font-size: 22px; color: black;
		padding: 0 10px 0 0;
	}



	

	/* stats v2 */
	.stat[data-version="2"] .row .date { width: 37%; }
	.stat[data-version="2"] .row .count { width: 18%; }
	.stat[data-version="2"] .row .progress { width: 45%; }





	[data-format="sx1"] { margin: 0 0 5px 0; }
	[data-format="sx1"] .landscape {
		height: 200px;
		display: block;
		background-position: center;
	}
	[data-format="sx1"] .d2 { font-size: 14px; }
	[data-format="sx1"] .d3 .r { float: right; overflow: hidden; }




	[data-format="sx2"] .t .cell.d1 { width: 100%; /* text-align: right; */ }
	[data-format="sx2"] .t .cell.d2 { display: none; }
	[data-format="sx2"] .t .cell.d3 { display: none; }
	[data-format="sx2"] .t .cell.d4 { display: none; }


















	/* [data-format="signups"] */

	/* ------------------------- MIN ------------------------- */

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min {
		width: 100%; height: auto;
		margin: 0 0 1px 0;
		box-sizing: border-box;
		overflow: auto;
		padding: 15px;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min[data-aproved="0"] { border-left: 3px solid #ffcd00; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min[data-aproved="1"] { border-left: 3px solid #009cff; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min[data-aproved="2"] { border-left: 3px solid #ff0000; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min:nth-child(odd) { background-color: #ececec; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min:hover { background-color: black; }

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min input[type="checkbox"] { display: none; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .icon { display: none; }
	
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min a {
		text-decoration: none;
		display: block;
		overflow: auto;
	}

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .c1 {
		font-family: 'FuturaStd-Heavy', sans-serif; font-size: 20px; color: #232323;
		box-sizing: border-box;
		height: 30px; line-height: 30px;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(http://www.opcion2.com.ar/skybox/images/icons/status-icons-30x30.png);
		padding: 0 0 0 35px;
		background-repeat: no-repeat;
		background-position: -5px -30px;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min[data-aproved="0"] .c1 {
		background-position: 0px 0px;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min[data-aproved="1"] .c1 {
		background-position: 0px -30px;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min[data-aproved="2"] .c1 {
		background-position: 0px -60px;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .c2 {
		font-size: 15px; color: #232323;
		box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .c3 { display: none; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .c4 { display: none; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .c5, 
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .act {
		font-size: 13px; color: #7e7e7e;
		box-sizing: border-box;
		padding: 0 10px 0 0;
		white-space: nowrap;
		text-align: left;
	}

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min .act { display: none; }

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min:hover div { color: white; }

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min.active { background-color: black; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min.active a { color: white; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min.active a .c1,
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min.active a .c2,
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min.active a .c3,
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min.active a .c4,
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.min.active a .c5 { color: white; }

	/* ------------------------- MAX ------------------------- */

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max {
		width: 100%;
		margin: -1px 0 30px 0; padding: 15px;
		background-color: #ececec;
		box-sizing: border-box;
		display: none;
		border-bottom: 1px solid #cccccc;
	}

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .show,
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .hide {
		font-size: 13px; text-align: center; text-transform: uppercase;
		background-color: #dadada;
		margin: 0 0 15px 0; padding: 10px 0;
		cursor: pointer;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .show:hover,
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .hide:hover {
		background-color: #cecece;
	}

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .hide { display: none; }

	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .fields { overflow: auto; display: none; }
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .fields .item {
		float: left;
		padding: 0 20px 20px 0;
		width: 100%;
		box-sizing: border-box;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .fields .item .label {
		font-size: 13px; text-transform: uppercase;
		margin: 0 0 5px 0;
		width: 100%; height: 20px; line-height: 20px;
		overflow: hidden;
		white-space: nowrap;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .fields .item input {
		height: 30px; line-height: 30px;
		width: 100%;
		box-sizing: border-box;
		padding: 0 6px;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .fields .item select {
		height: 30px; line-height: 30px;
		width: 100%;
		box-sizing: border-box;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .update {
		color: black; text-align: center;
		width: 40%;
		margin: 20px 0 0 0; padding: 10px 0;
		cursor: pointer;
		float: left;
		border: 2px solid black;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .update:hover {
		background-color: black;
		color: white;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .loading {
		background-color: #c1c1c1;
		color: black; text-align: center;
		width: 40%;
		margin: 20px 0 0 0; padding: 10px 0;
		display: none;
		float: left;
		border: 2px solid #c1c1c1;
	}
	#skybox .screen .cols[data-model="stack"] .list[data-format="signups"] ul li.max .prompt {
		float: left;
		margin: 20px 0 0 0; padding: 0 15px;
		font-size: 13px; color: #5a5a5a;
		height: 41px; line-height: 41px;
	}




















}