/*=== MEDIA QUERY ===*/
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900");
		
		body{
                width:100%;
            }

.btn2 {
 display:inline-block;
 position:relative;
 font-family:'Source Sans Pro', Helvetica, sans-serif;
 background:#00BFFF;
 padding:6px 14px;
 font-size:14px;
 margin:0 3px;
 color:#fff!important;
 border-radius:3px;
 border:none;
 text-transform:none;
 text-decoration:none;
 transition:all 0.3s ease-out;
}
.btn2.down {
 background:#008000;
 color:#fff!important;
}
.btn2.down:hover,.btn2.down:active,.btn2:hover,.btn2:active {
 background:#00BFFF;
 color:#B22222;
}
a.btn2.down:hover,a.btn2.down:active,a.btn2:hover,a.btn2:active {
 color:#B22222;
}
.btn2 i {
 margin-left:10px;
 font-weight:normal;
 font-family:FontAwesome;
}

  #kanan {
    position: relative;
    width: 170px;
    background-color: #FFFF00;
    float: right;
}
.hijau{
	background-color: #1AFF53;
	text-decoration: none;
}
.tombol{
  background:#2C97DF;
  color:white;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:5px solid #2A80B9;
  padding:0px 10px;
  text-decoration:none;
  font-family:sans-serif;
  font-size:11pt;
}

.wow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 10vmin;
    color: #fff;
    line-height: .85;
    text-transform: uppercase;
    background-size: contain;
    -webkit-text-fill-color: rgb(223 236 17 / 10%);
    -webkit-background-clip: text;
    z-index: 10;
}
.wow:before {
    content: 'www.labkom99.com';
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.5vmin;
    color: white;
    -webkit-text-fill-color: white;
    -webkit-background-clip: none;
    background-color: #04671e; 
    padding: 3px;
}
.wow + .wow {
    -webkit-text-fill-color: #045814; 
    z-index: 20;
    animation: meh 3s ease-out infinite alternate;
}
            img{
                border:0;
            }
            #main{
                margin: 0px auto;
                background:white;
                overflow: auto;
                width: 100%;
            }
            #mainbody{
                background: white;
                width:100%;
                display:none;
            }
            #v{
                width:100%;
                height:auto;
            }
            #qr-canvas{
                display:none;
            }
            #qrfile{
                width:320px;
                height:240px;
            }
            #mp1{
                font-size:35px;
            }
            #imghelp{
                position:relative;
                left:0px;
                top:-160px;
                z-index:100;
                font:18px arial,sans-serif;
                background:#f0f0f0;
                margin-left:35px;
                margin-right:35px;
                padding-top:10px;
                padding-bottom:10px;
                border-radius:20px;
            }
            .selector{
                margin:0;
                padding:0;
                cursor:pointer;
                margin-bottom:-5px;
            }
            #outdiv {
                width:100%;
                height:auto;
            }
            #result{
                border: solid;
                border-width: 1px 1px 1px 1px;
                padding:6px;
                width:100%;
                text-align: center;
            }