@charset "utf-8";
/* CSS Document */
body
{
	padding-top:55px;
	padding-bottom:60px;
}

.modalku
{ margin:10px; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.kopsatulogin 
{
  font-family: 'Open Sans', arial;
  -webkit-font-smoothing: antialiased;
  color: #555;
  font-size: 42px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}
.kopdualogin
{
  font-family: 'Open Sans', arial;
  -webkit-font-smoothing: antialiased;
  color: #555;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
}
.hakcipta
{
  font-family: 'Open Sans', arial;
  -webkit-font-smoothing: antialiased;
  color: #555;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
}
.circle 
{
	border-radius: 50%;
	width: 120px;
	height: 120px;
	border: 1px solid #4288CC; 
	/* width and height can be anything, as long as they're equal */
}
.circle:hover
{
    
    
   	cursor:pointer;
}

.KOPSOAL 
{
	Font-family: "Trebuchet MS";
	font-size: 18px;
}

sup
{
	Font-family: "Trebuchet MS";
	font-size: 11px;
	color:#FF0000;
}

.DetailSoal 
{
	Font-family: "Trebuchet MS";
	font-size: 14px;
}

.Timer 
{
	Font-family: "Trebuchet MS";
	font-size: 14px;
	color:#FFFF00;
}

#form-upload {
	width:300px;
	margin:0 auto;
	border:1px ridge #4288CC;
	border-radius:10px;
	padding:10px;
	background-color:#E5E5E5;
	box-shadow: 3px 3px 3px #888888;
}

#form-upload2 {
	width:600px;
	margin:0 auto;
	border:4px ridge #4288CC;
	border-radius:10px;
	padding:10px;
	background-color:#FBFBFB;
	box-shadow: 3px 3px 3px #888888;
}
.inputuserpass {
    display: block;
    width: 230px;
    height: 37px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 1px solid #3333CC;
    border-radius: 4px;
  	font-family: "Open Sans";
  	font-size: 16px;
}
.inputuserpass:hover
{   
  border: 1px solid #3333CC;
  cursor:pointer;
}

.combopil {
    display: block;
    width: 230px;
    height: 37px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
  	font-family: "Open Sans";
  	font-size: 16px;
}
.combopil:hover
{
    
    border: 1px solid #d9d9d9;
   	cursor:pointer;
}

.btnedit
{
    display: block;
    width: 70px;
    height: 25px;
    margin: 0 auto;
    line-height: 10px;
    text-align: center;
    border: 0;
    border-radius: 2px;
    background-color: #4288CC;
    color: #FFF;
	Font-family: "Open Sans";
	font-size: 12px;
}
.btnedit:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	Font-family: "Open Sans";
	font-size: 13px;
}

.btn-link-1 {
    display: block;
    width: 200px;
    height: 37px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    background-color: #4288CC;
    color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.btn-link-1:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	font-family: "Trebuchet MS";
	font-size: 16px;
}

.btn-link-1:active {
    background: #3674AF;
	cursor:pointer;
	font-family: "Trebuchet MS";
	font-size: 14px;
}

.btn-link-2 {
    /*display: block;*/
    width: 30px;
    height: 20px;
    margin: 0 auto;
    line-height: 36px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    background-color: #4288CC;
    color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.btn-link-2:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	font-family: "Trebuchet MS";
	font-size: 16px;
}

.btn-link-2:active {
    background: #3674AF;
	cursor:pointer;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.menu
{
	display: block;
    width: 90px;
    height: 35px;
	margin: 0 auto;
    line-height: 36px;
	text-align:center;
    border: 0;
    border-radius: 4px;
    background-color: #4288CC;
    color: #FFF;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.menu:hover {
    background: #4792DB;
    text-decoration: none;
	cursor:pointer;
	font-family: "Trebuchet MS";
	font-size: 16px;
	text-align:center
}

/* @group Blink */
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera */

.blink 
{
    background-color: #FFF;
    padding: 15px 15px 15px 15px;
    text-align:center;
    margin-bottom: 4px;
    font-size: 24px;
    border-radius: 5px;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out; 
    -moz-animation:blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out; /* IE */
    animation:blink normal 1.5s infinite ease-in-out; /* Opera */
}
/* @end */

/*Tooltip*/

/*-------*/