/*
Template Name: UIGM 
Description: HTML5 / CSS3
Version: 1.0
Author: Pian Firmansyah
*/
html { 
}
body{
	font-size: 14px;
	line-height: 1.846;
	color: #606577;
	font-weight : 400;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased !important;
	}
.bg-student{
	background: url(../login/1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-lecturer{
	background: url(../login/1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
  background  : #b3d4fc;
  text-shadow : none;
}

::selection {
  background  : #b3d4fc;
  text-shadow : none;
}

a,
a:active,
a:focus,
a:active {
    text-decoration:none !important;
    outline:none
}

a {
	color           : #0093dd;
	text-decoration : none;
	transition      : all 0.2s ease 0s;
}

a:hover,
a:focus {
	color           : #036190;
	text-decoration : underline;
}

label{
  font: 600 14px/1.4em "robotomedium";
}

p {
   margin: 0;
   font-family: 'robotoregular';
   text-align:left;
   line-height:20px;
   font-size:14px;
	color:#525252;
}
.box-content,
.box-item{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	}
.ctn_det{
	margin-top:100px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'robotomedium';
	text-transform:uppercase;
	color:#333;
}

/*--------------------------------
  Load Fonts
----------------------------------*/
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#exo_2.0medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*--------------------------------
  End Load Fonts
----------------------------------*/

.bgLogin-page{
	width:100%;
	height:auto;
	float:left;
}
.box-login{
	width:100%;
	height:auto;
	float:left;
	margin:50px 0 15px;
	padding:15px;
	background:rgba(255,255,255,0.8);
	border-radius:4px;
	
	-webkit-box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 0px 6px rgba(0,0,0,0.2);
	-o-box-shadow:0px 0px 0px 6px rgba(0,0,0,0.2);
	-khtml-box-shadow:0px 0px 0px 6px rgba(0,0,0,0.2);
	box-shadow:0px 0px 0px 6px rgba(0,0,0,0.2);
}
.img-logo{
	width:180px;
}
.login-form{
	width:100%;
	height:auto;
	float:left;
	margin-top:15px;
	padding:15px;
	background:#fff;
	border-radius:4px;
	border:1px #ccc solid;
}
.login-form legend{
    font-family: 'robotomedium';
	font-size:18px;
	text-transform:uppercase;
	background:#444;
	text-align:center;
	padding:8px 0;
	color:#fff;
}
.bar{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:12px;
}
label{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:10px;
    font-family: 'robotomedium';
	font-size:16px;
	font-weight:normal;
}
input[type="text"],
input[type="password"]{
	width: 100%;
	padding: 7px 10px;
	border:2px #dedede solid;
	font-size: 14px;
	font-family: 'robotomedium';
	background: #fff;
	
	/*--- Box shadow ---*/
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
	-khtml-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset;
	
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}
input[type="text"]:focus,
input[type="password"]:focus{
	background:#fdf9d9;
	border-color: #777;
}
#forgot-password-link{
	font-size: 14px;
	font-family: 'robotomedium';
	color:#A10101;
}
#forgot-password-link:hover{
	color:#F30;
	text-decoration:underline !important;
}
.login-form button{
	font-family: 'robotomedium';
	font-size:15px;
	text-transform:uppercase;
	color:#333;
	text-shadow: 0 1px 2px rgba(255,255,255,0.2);
	padding:12px;
	border:2px #d28404 solid;
	text-shadow:0 0 0 !important;
	
	/*--- Box shadow ---*/
	-webkit-box-shadow: 0px 0px 0px 1px #ffffbe;
	-moz-box-shadow: 0px 0px 0px 1px #ffffbe;
	-o-box-shadow: 0px 0px 0px 1px #ffffbe;
	-khtml-box-shadow: 0px 0px 0px 1px #ffffbe;
	box-shadow: 0px 0px 0px 1px #ffffbe;
	
	/* Gradient background */
	background: #fec401;
	background: -moz-linear-gradient(top, #fec401, #ff9f01);
	background: -o-linear-gradient(top, #fec401, #ff9f01);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fec401), to(#ff9f01));
	background: -khtml-gradient(linear, 0% 0%, 0% 100%, from(#fec401), to(#ff9f01));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec401', endColorstr='#ff9f01');
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec401', endColorstr='#ff9f01');
}
.login-form button:hover{
	background: #fec401;
}

.copyright{
	color:#fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}