.login-box {
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
	width:100%;
	padding:20px 0px;
}

input 
{
width:150px;
}

.form-control{display:block;padding:.375rem .75rem;font-size:16px; font-family:'calibri';line-height:1;color:#fff;background-color:#0d2235;background-image:none;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:red;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#868e96;opacity:1}.form-control:-ms-input-placeholder{color:#868e96;opacity:1}.form-control::-ms-input-placeholder{color:#868e96;opacity:1}.form-control::placeholder{color:#868e96;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block}

.form-control2{display:block;padding:.375rem .75rem;font-size:14px;line-height:1;color:black; font-weight:bold; background-color:whitesmoke;
				 background-image:none;background-clip:padding-box;border:1px solid darkred;
				 border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control2::-ms-expand{background-color:white;border:0}
.form-control2:focus{color:black; font-weight:bold; background-color:white; border-color:whitesmoke; 
					  outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control2::-webkit-input-placeholder{color:black;opacity:1}
					  .form-control2:-ms-input-placeholder{color:#868e96;opacity:1}
.form-control2::-ms-input-placeholder{color:#868e96;opacity:1}.form-control2::placeholder{color:#868e96;opacity:1}.form-control2:disabled,
.form-control2[readonly]{background-color:#e9ecef;opacity:1}select.form-control2:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control2:focus::-ms-value{color:#495057;background-color:#fff}
.form-control2-file,.form-control2-range{display:block}


.loading{

	left:15px;

	position:relative;

	top:3px;

	visibility:hidden;

}

.error{

	padding:7px 5px;

	text-align:left;

	margin-top:10px;

	visibility:hidden;

	font-size:12px;

}

.gagal {

	background-color:#ffebe8;

	border:1px solid #0099ff;

}

.sukses {

	border:1px solid #0099ff;
	color:white;
	font-weight: bold;
	background-color:#0099ff;

}

#logout {

	position:relative;

	top:8px;

	display:none;

}

table.tabellogin {
	width:50%;
	background-color:whitesmoke;
	border:0px;
	padding:2px;
	border-collapse:collapse;
	font-size:11px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

table.tabellogin td {
	background-color:transparent;
	color:black;
	border:0;
	padding:10px;
    font-size:20px;
	font-family:'Calibri';
	font-weight:bold;
}

.Tombol-Submit{padding:.375rem .75rem;font-size:12px;line-height:1;color:white; font-weight:bold; background-color:#d80000; background-image:none;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.Tombol-Submit::-ms-expand{background-color:transparent;border:0}
.Tombol-Submit:hover{color:black;background-color:yellowgreen; border-color:yellowgreen;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}