.content-wrapper {
    margin-left: 0;
	padding: 5px;
}

@media (min-width:768px)
{
.content-wrapper {
    //margin-left: 230px;
	padding: 5px;
}
}

@media (max-width:768px)
{
.fixed .content-wrapper {
    margin-top: 50px;
}
}

body {
    font-size: 18px;
}

.form-control {
    font-size: 18px;
}

h2, .h2 {
    color: #fff;
}

.navbar-static-top {
background-color:#fff;
}

.main-header .top-nav>li>a {
    padding: 10px 10px;
}

.main-header > .navbar {
    margin-left: 0px;
}

.main-header .navbar {
    background-color: #336799;
}

.block{
background-color:#f44336;
}

ul, ol {
    margin-top: 3px;
}

@media (max-width:480px)
{
li{
font-size:10px;
}
img{
width:100%;
}
}

#soal {
	float: left;
	width: 100%;
}

@media (max-width:1100px)
{
#soal {
	float: left;
}
}

img{
width:100%;
max-width:700px;
}

#tampilsoal {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 17px;
	color: #000;
	line-height:25px;
}



#jawaban {
	padding-top: 40px;
}
.cbtn {
	width: 30px;
	font-size: 18px;
	color: #000;
	height: 30px;
	border-radius: 20px;
	text-align: center;
	background-color: #B0ACAC;
	border-style: solid;
	cursor:pointer;
}

#tjwb {
	width: 100px;
	float: left;
	font-size: 80px;
	color: #7171FF;
	height: 100px;
	border-radius: 50px;
	text-align: center;
}

#nomor {
	margin: 0 auto;
	width:220px;
	font-size: 17px;
}

.button {
	width: 40px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	background-color: #BAB9B9;
	border-width: 1px;
	border-style: solid;
	height: 30px;
	cursor:pointer;
}

td {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000;
}

#akhir {
	width: 100px;
	height: 50px;
}

.flex{
    float: left;
    background-color: transparent;
    max-height: 50px;
    font-size: 17px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
	color: white;
	margin-top:3px;
}
@media (max-width:380px)
{
.flex{
	font-size: 14px;
}
}
.flex-item {
background-color:#ff6d6a;
}
.flex-abu {
    
}
	
.flex-biru {
background-color:#ff6d6a;
}	
.flex-putih {

}	
#fontlembarsoal{
margin-top:3px;
/*! margin-left:15px; */
margin-bottom:3px;
/*! margin-right:15px; */
background-color:#f0efef;
font-size:12px;
font-weight:bold;
/*! height:45px; */
/*! left:40px; */
padding-top:10px;	
padding-bottom:3px;	
}
#hurufsoal{
padding-left: 30px;
padding-top:2px;
padding-bottom:2px;
}

#lembaran{
//padding:10px;
background-color:#fff;
}
#lembaransoal{
padding:10px;
font-size: 16pt;
border:solid;
border-color:#ccc;
}

.main {
margin-right:15px;
margin-top:10px;
}


.contents {
width: 150px;
margin: 10px;
font-size: 80%;
}
.kakisoal{
margin-top: 15px;
margin-bottom:10px;
/*! margin-right:15px; */
background-color:#fff;
/*! font-size:12px; */
/*! font-weight:bold; */
height:50px;
/*! left:40px; */
}

.kaki {
    padding-top: 5px;
}

.labele {
display: block;
padding-top:10px;
padding-bottom:10px;
font-size: 18px;
margin-left:15%;
background-color: #eaca08;
margin-top:-11px;
border-radius: 2px;
cursor:pointer;
width:200px;
color:#FFF; 
} 
.hover{
cursor: pointer;
}

.hide{
	display:none;
}