




/* width 481 > 780 */

@media screen and (min-width: 481px) and (max-width: 780px) {




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




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





	#skybox .screen.login {
		height: 330px;
		top: 50%; left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}




	#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; }





	/* bottom */
	#skybox .bottom { bottom: 0; position: fixed; }





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





	/*
	[data-format="sx1"] { margin: 0 0 5px 0; }
	[data-format="sx1"] .d2 { font-size: 14px; }
	[data-format="sx1"] .d3 .r { float: right; overflow: hidden; }
	*/
	[data-format="sx1"] {
		margin: 0 5px 5px 0;
		width: 195px; height: 195px;
		float: left;
		box-sizing: border-box;
		position: relative;
	}
	[data-format="sx1"] .d2 { font-size: 13px; }
	[data-format="sx1"] .d3 .r { overflow: hidden; position: absolute; bottom: 20px; right: 20px; }




	[data-format="sx2"] .t .cell.d1 { width: 50%; }
	[data-format="sx2"] .t .cell.d2 { width: 50%; }
	[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: 50%;
		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: 30%;
		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: 30%;
		margin: 20px 0 0 0; padding: 10px 0;
		display: none;
		float: left;
	}
	#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;
	}







}