/* CSS khusus untuk soal
----------------------------------- */
.container-full {
	margin: 0 auto;
	width: 100%;
	min-height: 100%;
	z-index: 800;
}
.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	border-radius: 0;
	border: 0;
	box-shadow: 0;
}
.navbar {
    border-radius: 0;
}
.col-xs-3 {
    width: 14%;
}
@media (max-width: 991px) {
	.col-xs-3 {
		width: 25%;
	}
}
.box {
	position: relative;
	background: #ffffff;
	border: 1px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	border-radius: 0;
}
.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	padding: 10px;
}
.box-body-preview {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.soal {
	margin-bottom: 10px;
}
.soal-preview {
	margin-bottom: 5px;
}
.text-soal {
	margin-top: 10px;
	margin-bottom: 20px;
}
.text-soal-preview {
	margin-top: 10px;
	margin-bottom: 10px;
}
.text-soal-preview p{
	margin: 0px;
}
.content-header > .breadcrumb {
    font-size: 16px;
	margin-right: 5px;
	border-radius: 0;
}
@media (max-width: 991px) {
  .content-header > .breadcrumb {
    margin-right: 0;
	border-radius: 0;
  }
}
@media (max-width: 991px) {
	.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
		font-size: 14px;
	}
}
.content-header .school-logo {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-top: -2px;
}
.content-header > h1 {
    font-size: 20px;
	margin-top: 0;
    margin-bottom: 0;
	top: 15px;
	border-radius: 0;
	margin-left: 45px;
	padding: 7px 5px;
	font-weight: 400;
}
.tcounter {
	font-size: 16px;
	border-radius: 0;
	padding: 5px 10px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 5px;
    font-size: 18px;
    line-height: 20px;
}
.box-pilihan {
	position: relative;
	background: #ffffff;
	border: 0;
	margin-bottom: 10px;
	width: 100%;
}
.box-navigasi {
	margin-top: 20px;
	margin-bottom: 10px;
}
.btn.btn-flat {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
}
.margin {
	margin: 5px;
}
.bg-maroon {
	background-color: #d81b60 !important;
}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer {
	color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
	background-color: #00a7d0 !important;
}
.bg-blue-active {
	background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
	background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
	background-color: #008d4c !important;
}
.bg-navy-active {
	background-color: #001a35 !important;
}
.bg-teal-active {
	background-color: #30bbbb !important;
}
.bg-olive-active {
	background-color: #368763 !important;
}
.bg-lime-active {
	background-color: #00e765 !important;
}
.bg-orange-active {
	background-color: #ff7701 !important;
}
.bg-fuchsia-active {
	background-color: #db0ead !important;
}
.bg-purple-active {
	background-color: #555299 !important;
}
.bg-maroon-active {
	background-color: #ca195a !important;
}
/* TAB PILIHAN SAMPING
----------------------------------- */

.tabs-left.nav-tabs, .tabs-right.nav-tabs {
    border-bottom: 0;
}
.nav-pills, .nav-tabs {
    margin-bottom: 10px;
}
.tabs-left.nav-tabs > li, .tabs-right.nav-tabs > li {
    float: none;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav > li, .nav > li > a {
    display: block;
    position: relative;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
	border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
	border: 1px solid #ddd;
}
.btn-circle {
    width: 25px;
    height: 25px;
    padding: 2px 0px 5px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 13px;
    line-height: 1.42857;
}
.btn-nomor {
    width: 35px;
	margin-right: 10px;
	border-radius: 0;
}

span.customRadio {
	display: none;
}

input[type="radio"] {
	width: 24px;
	height: 24px;
	border-radius: 15px;
	border: 2px solid #1FBED6;
	background-color: white;
	-webkit-appearance: none; /*to disable the default appearance of radio button*/
	-moz-appearance: none;
	cursor: pointer;
	margin-top: 0;
	top: -10px;
}

input[type="radio"]:focus { /*no need, if you don't disable default appearance*/
	outline-color: transparent; /*to remove the square border on focus*/
}

input[type="radio"]:checked { /*no need, if you don't disable default appearance*/
	background-color: #1FBED6;
}

input[type="radio"]:checked ~ span:first-of-type {
	color: white;
}

label span:first-of-type {
	position: relative;
	left: -8px;
	font-size: 15px;
	color: #1FBED6;
	cursor: pointer;
}

label span {
	position: relative;
	top: -28px;
}
.opsilbl{
	margin-right: 0;
	margin-bottom: 10px;
	float: right;
	top: -10px;
	display: block;
	width: 25px;
	height: 25px;
}
.fa-stack[data-count]:after{
	position:absolute;
	right:0%;
	top:1%;
	content: attr(data-count);
	font-size: 0.4em;
	padding: .3em;
	border-radius :999px;
	line-height: .56em;
	color: white;
	text-align:center;
	min-width:1em;
}
.urut:after{
	background: #023970;
}
.urut-aktif:after{
	background: #2ca3a3;
}
.lingkaran{
	font-size: 1.2em;
}
.answer-letter{
	font-size: 0.55em;
	margin-top: 6px;
}
a.link-doubt:link, a.link-doubt:visited, a.link-doubt:hover{
	color: #f39c12;
}
a.link-sure:link, a.link-sure:visited, a.link-sure:hover{
	color: #00a65a;
}
a.link-def:link, a.link-def:visited, a.link-def:hover{
	color: #cccccc;
}
.title-jawab{
	font-size: 16px;
	font-weight:bold;
	padding: 10px;
}
.div-jawab{
	background: #ecf0f5;
}