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

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

	#paneldecontrol-item {
		display: none;
	}
	.menu {
		width: 0;
	}

	.menu.active {
		width: 200px;
	}

	#perfil {
		margin-left: 0;
	}

	#perfil.active {
		margin-left: 202px;
	}
	.font-28 {
		font-size: 20px;
	}

	.font-14 {
		font-size: 12px;
	}

	/** DASHBOARD **/

	.listado-ultimas th {
		font-family: 'Open Sans', sans-serif; font-weight: 300;
		font-size: 11px;
	}

	td.dato-nombre {
		text-transform: lowercase;
	}

	.usuario-nombre {
		font-size: 20px;
	}

	.wrapper {
		width: 100%;
	}

	.preloader-section {
		margin-left: -30px;
	}

	/** AUTORIZAR **/

	.form-autorizar {
		width: 90%;
	}

	.autorizar-wrapper {
		padding: 20px 25px;
	}

	.item-form-autorizar label {
		font-size: 14px;
		width: 50px;
		display: block;
		float: none;
	}

	.item-form-autorizar .sufix ,
	.item-form-autorizar input {
		font-size: 14px;
	}

	.resultado-autorizar {
		margin-top: 15px;
		margin-left: 0;
	}

	.autorizacion-exito {
		margin-top: 15px;
		width: 90%;
	}

	.autorizar-wrapper {
		overflow: hidden;
	}

	.item-form-autorizar  #tarjeta2 {
		clear: left;
	}

	.resultado-autorizar .span-label {
		display: block;
		float: none;
	}

	/** ANULAR **/

	.resultado-anular {

		margin-top: 15px;
		margin-left: 0;
	}

	/** LOGIN **/
	.login-module {
		width: 300px;
		margin-left: 170px;
	}

	.login-module .login-campos .login-campo, .register-module .login-campos .login-campo {
		width: 270px;
	}
}
@media screen and (max-width: 1024px)  {
	.section-wrapper {
		width: 100%;
	}
}

.menu-icon{
	cursor: pointer;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 30px;
}

.menu-icon.active {
	left: 215px;
}