@font-face {
    font-family: Russo One;
    src: url(../libraries/font/Russo_One.ttf);
}
*{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size:14px;}
svg{position:absolute; top:0; left:0; z-index:-99;}
body{margin:0; text-align:center; background:#f2f2f2; overflow:hidden;}
input{border: 1px solid #e1e1e1; background:#ffffff;}
input:hover, select:hover, textarea:hover{border:1px solid #0a6332; box-shadow: 0 0 0px rgba(186,12,13,.5);}
input:focus, select:focus, textarea:focus{border:1px solid #0a6332; box-shadow: 0 0 0px rgba(186,12,13,.5);}
aselect{padding:2px 5px; border:1px solid #bebebe;}

#headerPage{padding:5px; box-shadow: 0 0 0px rgba(0,0,0,.3); height:120px; text-transform:capitalize; background:#bbbbbb; border:0px; border-bottom:0px solid #ba0c0c; position:fixed; top:150px; width:100%;}
#headerPage h4{text-transform:capitalize; margin:0; padding:0px; position:relative; text-align:center; display:inline; color:#000;} 

.box-login{margin:50px auto 0 auto; height:auto; width:225px; text-align:center; padding:5px; color:#000;}
.form-login h2{margin:0; margin-left:10px; padding:10px; text-align:left; text-transform:capitalize; width:auto; font-weight:normal; font-family: 'Russo One'; font-size:16px; background:; border-top:0px solid #217346; border-bottom:0px solid #217346;}
.form-login h2 span{ font-size:30px; font-weight:normal;}
.form-login hr{border-top:1px solid #909090; border-bottom:1px solid #fefefe; border-left:0px; border-right:0px;}
.form-login input{width:150px; padding:10px 15px 10px 35px; margin-top:10px;}
.form-loginn select{width:202px; padding:5px 0px;}
.form-login em{font-weight:normal;}
.login-information{float:left; width:215px; margin-right:10px;}
.login-information span{font-weight:normal;}

.aform-login{width:210px; padding: 10px 0; border:0px solid #bbbbbb; border-top:0px solid #bbbbbb; border-bottom:0px solid #bbbbbb; background:#fff; text-align:left; position:fixed; top:100px; right:100px; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,.3);}
.form-login{width:210px; margin:50px auto 0 auto; border:0px solid #bbbbbb; padding: 10px 0; border-top:0px solid #bbbbbb; border-bottom:0px solid #bbbbbb; text-align:left; top:100px; background:#; box-shadow: 0 0 0px rgba(0,0,0,.3);}
.loadingForm{margin:0px 15px 0 0; display:none;}
.loadingForm img{margin-right:5px;}

.clear-both{clear:both;}
.tombol-login{}
.inputan{background:#fff;}


.ui-corner-all{
-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
}

.tombol-login {
	width:202px; margin-left:0px;
	text-transform:capitalize;
	padding:5px 10px 5px 10px;
   background: #0a6332; /* Fallback */
   border: 0px solid #0a6332;
   color: #50233e;
	cursor:pointer;
	font-weight:bold;
}

.tombol-login:focus, .tombol-login:hover {
	box-shadow: 0 0 10px rgba(10,99,50,.5);
}
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}

.userid{background:#fff url(../images/icon-username.png) no-repeat 10px;}
.password{background:#fff url(../images/icon-password.png) no-repeat 10px;}
.kode{background:#fff url(../images/icon-shield.png) no-repeat 10px;}