@media screen and (orientation: portrait) {
	/*body{
		display: none;
	}*/
}


.block_left_side{
	float: none;
	width: 100%;
}
.title_login{
	font-size:16px; color: #000;
}

.icon_eye{
	position: absolute;
	right: 10px;
	top: 18px;
}
.icon_eye i{
	color: #747474;
	font-size: 20px;
}

input.inputl:focus
{
    /*background: #FFC;
    padding: 7px 5px 5px 5px;
    margin: 0 0 0 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:14px;
	line-height:30px;
	height:45px;
	text-align: left;*/
/*	border: none;*/
}
.inputl
{
    background:FFF;
    padding: 7px 5px 5px 5px;
    margin: 0 0 0 0;
    border: 1px solid #ccc;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
   /* -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;*/
	font-size:14px;
	line-height:30px;
	height:35px;
	text-align: left;
	
}
.inputl::placeholder {
  	color: #adadad;
}

.inputl.invalid{
	border-color: red;
}

.invalid-error{
	font-family: 'fontBattambong';
	font-size: 12px;
	color: red;
	padding-top: 0px;
	text-align: left;
}

.alert.alert-danger{
	font-family: 'fontBattambong';
	font-size: 14px;
}

.btnlogin{
	background: #f11b25;
	padding: 5px 0px;
	border: none;
	border: 1px solid #ffe200;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
   /* -moz-box-shadow: 0 1px 1px #ef8f76 inset, 0 1px 0 #ef8f76;
    -webkit-box-shadow: 0 1px 1px #ef8f76 inset, 0 1px 0 #ef8f76;
    box-shadow: 0 1px 1px #ef8f76 inset, 0 1px 0 #ef8f76;*/
/*    float: right;*/
/*    margin-left: 20px;*/
    width: 100%;
    height: 55px;
    color: #FFF !important;
    font-size: 16px;
}
.btnreset{
	background: #fff;
	padding: 5px 13px;
	border: none;
	border: 1px solid #ef8f76;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
/*    float: left;*/
    /*-moz-box-shadow: 0 1px 1px #ef8f76 inset, 0 1px 0 #ef8f76;
    -webkit-box-shadow: 0 1px 1px #ef8f76 inset, 0 1px 0 #ef8f76;
    box-shadow: 0 1px 1px #ef8f76 inset, 0 1px 0 #ef8f76;
/*    width: 33%;*/*/
}

input.input:focus
{
    background: #FFC;
    padding: 7px 5px 5px 5px;
    margin: 0 0 0 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:16px;
	line-height:20px;
	height:45px;
	text-align: right;
}
.input
{
    background:FFF;
    padding: 7px 5px 5px 5px;
    margin: 0 0 0 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:36px;
	line-height:30px;
	height:36px;
	text-align: right;
	
}
input.inputc:focus
{
    background: #FFC;
    padding: 2px 3px 3px 3px;
    margin: 0 0 0 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:36px;
	line-height:36px;
	height:36px;
	text-align: center;
}






.inputc
{
    background:FFF;
    padding: 2px 3px 3px 3px;
    margin: 0 0 0 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	font-size:36px;
	line-height:36px;
	height:40px;
	text-align: center;
	
}
.btntd {
	background: #FFF;
	background-image: -webkit-linear-gradient(top, #FFF, #0aa0f3);
	background-image: -moz-linear-gradient(top, #FFF, #0aa0f3);
	background-image: -ms-linear-gradient(top, #FFF, #0aa0f3);
	background-image: -o-linear-gradient(top, #FFF, #0aa0f3);
	background-image: linear-gradient(to bottom, #FFF, #0aa0f3);
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	/*text-shadow: 7px 7px 8px #888;*/
	-webkit-box-shadow: 0px 0px 0px #666666;
	-moz-box-shadow: 0px 0px 0px #666666;
	box-shadow: 0px 0px 0px #666666;
	font-family: Arial;
	color: #000;
	font-size: 50px;
	text-decoration: none;
	text-align:center;
}

.btntd:active {
	background: #eaeaed;
	background-image: -webkit-linear-gradient(top, #eaeaed, #0dadf7);
	background-image: -moz-linear-gradient(top, #eaeaed, #0dadf7);
	background-image: -ms-linear-gradient(top, #eaeaed, #0dadf7);
	background-image: -o-linear-gradient(top, #eaeaed, #0dadf7);
	background-image: linear-gradient(to bottom, #eaeaed, #0dadf7);
	text-decoration: none;
}


.alert{

    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
}
.alert-danger{
    color: red;
}
.alert .close{
    display: none;
}


@media only screen and (min-width: 500px) {
	.block_left_side{
		float: left;
		width: 40%;
		padding-top: 15px;

	}
	.block_left_side img{
		width: 200px !important;

	}

	.block_right_side{
		float: right;
		width: 60%;
		padding-top: 20px;
	}

	.title_login{
		font-size:14px; color: #000;
	}
}

@media only screen and (min-width: 768px) {
	.control_desktop{
		width: 800px;
		margin: 0px auto;
	}
	.block_left_side{
		float: left;
		width: 40%;
		padding-top: 15px;

	}
	.block_left_side img{
		width: 200px !important;

	}

	.block_right_side{
		float: right;
		width: 60%;
		padding-top: 20px;
	}

	.title_login{
		font-size:14px; color: #000;
	}
}