.tab-content {
 display: block;
 border-radius: 0 0 0.25em 0.25em;
}
.tab-content .tab-pane {
 text-align: left;
 padding: 10px;
}
.tab-content .tab-pane h3 {
 margin: 0;
}
.cd-breadcrumb {
 padding: 6px 7px;
 margin: 0;
 background-color: transparent;
 border-radius: 0.25em 0.25em 0 0;
}
.cd-breadcrumb.nav-tabs {
 border-bottom: none;
}
.cd-breadcrumb.nav-tabs > li.active > a, .cd-breadcrumb.nav-tabs > li.active > a:hover, .cd-breadcrumb.nav-tabs > li.active > a:focus {
 color: white;
 background-color: #999999;
 border: 0px solid #999999;
 cursor: default;
}
.cd-breadcrumb.nav-tabs > li > a {
 margin-right: inherit;
 line-height: inherit;
 height: 48px;
 border: inherit;
 border-radius: inherit;
 border-color: #edeff0;
}
.cd-breadcrumb li {
 display: inline-block;
 float: left;
 margin: 0.5em 0;
}
.cd-breadcrumb li::after {
 /* this is the separator between items */
 display: inline-block;
 content: "»";
 margin: 0 0.6em;
 color: tint(#999999, 50%);
}
.cd-breadcrumb li:last-of-type::after {
 /* hide separator after the last item */
 display: none;
}
.cd-breadcrumb li > * {
 /* single step */
 display: inline-block;
 font-size: 1.4rem;
 color: #999999;
}
.cd-breadcrumb li.current > * {
 /* selected step */
 color: #999999;
}
.cd-breadcrumb a:hover {
 /* steps already visited */
 color: #999999;
}
.cd-breadcrumb.custom-separator li::after {
 /* replace the default arrow separator with a custom icon */
 content: "";
 height: 16px;
 width: 16px;
 vertical-align: middle;
}
.cd-breadcrumb li {
 margin: 1.2em 0;
}
.cd-breadcrumb li::after {
 margin: 0 1em;
}
.cd-breadcrumb li > * {
 font-size: 1.6rem;
}
.cd-breadcrumb.triangle li {
 position: relative;
 padding: 0;
 margin: 0 4px 0 0;
}
.cd-breadcrumb.triangle li:last-of-type {
 margin-right: 0;
}
.cd-breadcrumb.triangle li .octicon {
 margin-right: 10px;
}
.cd-breadcrumb.triangle li > * {
 position: relative;
 padding: 0.8em 0.8em 0.7em 2.5em;
 color: #333;
 background-color: #edeff0;
 /* the border color is used to style its ::after pseudo-element */
 border-color: #edeff0;
}
.cd-breadcrumb.triangle li.active > * {
 /* selected step */
 color: white;
 background-color: #999999;
 border-color: #999999;
}
.cd-breadcrumb.triangle li:first-of-type > * {
 padding-left: 1.6em;
 border-radius: 4px 0 0 4px;
}
.cd-breadcrumb.triangle li:last-of-type > * {
 padding-right: 1.6em;
 border-radius: 0 0.25em 0.25em 0;
}
.cd-breadcrumb.triangle a:hover {
 /* steps already visited */
 color: #ffffff;
 background-color: #999999;
 border-color: #999999;
 text-decoration: none;
}
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
 /*
      li > *::after is the colored triangle after each item
      li::after is the white separator between two items
  */
 content: "";
 position: absolute;
 top: 0;
 left: 100%;
 height: 0;
 width: 0;
 /* 48px is the height of the <a> element */
 border: 24px solid transparent;
 border-right-width: 0;
 border-left-width: 20px;
}
.cd-breadcrumb.triangle li::after {
 /* this is the white separator between two items */
 z-index: 1;
 -webkit-transform: translate(4px, 0);
 -ms-transform: translate(4px, 0);
 -o-transform: translate(4px, 0);
 transform: translate(4px, 0);
 border-left-color: #ffffff;
 /* reset style */
 margin: 0;
}
.cd-breadcrumb.triangle li > *::after {
 /* this is the colored triangle after each element */
 z-index: 2;
 border-left-color: inherit;
}
.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
 /* hide the triangle after the last step */
 display: none;
}
.frb1-group {
 margin: 0px;
}
.frb1 ~ .frb1 {
 margin-top: -6px;
}
.frb1 input[type="radio"]:empty, .frb1 input[type="checkbox"]:empty {
 display: none;
}
.frb1 input[type="radio"] ~ label:before, .frb1 input[type="checkbox"] ~ label:before {
 font-family: FontAwesome;
 content: '\f096';
 position: absolute;
 top: 50%;
 margin-top: -11px;
 left: 15px;
 font-size: 22px;
}
.frb1 input[type="radio"]:checked ~ label:before, .frb1 input[type="checkbox"]:checked ~ label:before {
 content: '\f046';
}
.frb1 input[type="radio"] ~ label .ff {
 text-align: right;
 font-size: 15px;
 font-weight: bold;
 color: #4AA460;
 padding-right: 5px;
}
.frb1 input[type="radio"] ~ label, .frb1 input[type="checkbox"] ~ label {
 position: relative;
 cursor: pointer;
 width: 100%;
 border-radius: 5px;
 background-color: #fff;
}
.frb1 input[type="radio"] ~ label:focus, .frb1 input[type="radio"] ~ label:hover, .frb1 input[type="checkbox"] ~ label:focus, .frb1 input[type="checkbox"] ~ label:hover {
 box-shadow: 0px 0px 3px #142EC4;
}
.frb1 input[type="radio"]:checked ~ label, .frb1 input[type="radio"]:checked ~ label .ff, .frb1 input[type="checkbox"]:checked ~ label .ff, .frb1 input[type="checkbox"]:checked ~ label {
}
.frb1 input[type="radio"]:checked ~ label, .frb1 input[type="checkbox"]:checked ~ label {
 background-color: #fff;
}
.frb1.frb1-default input[type="radio"]:checked ~ label, .frb1.frb1-default input[type="checkbox"]:checked ~ label {
 color: #333;
}
.frb1.frb1-primary input[type="radio"]:checked ~ label, .frb1.frb1-primary input[type="checkbox"]:checked ~ label {
 background-color: #337ab7;
}
.frb1.kol50 input[type="radio"]:checked ~ label, .frb1.kol50 input[type="checkbox"]:checked ~ label {
 background-color: #337ab7;
}
.frb1.frb1-success input[type="radio"]:checked ~ label, .frb1.frb1-success input[type="checkbox"]:checked ~ label {
 box-shadow: 0px 0px 5px #142EC4;
}
.frb1.frb1-info input[type="radio"]:checked ~ label, .frb1.frb1-info input[type="checkbox"]:checked ~ label {
 background-color: #5bc0de;
}
.frb1.frb1-warning input[type="radio"]:checked ~ label, .frb1.frb1-warning input[type="checkbox"]:checked ~ label {
 background-color: #f0ad4e;
}
.frb1.frb1-danger input[type="radio"]:checked ~ label, .frb1.frb1-danger input[type="checkbox"]:checked ~ label {
 background-color: #d9534f;
}
.frb1 input[type="radio"]:empty ~ label span, .frb1 input[type="checkbox"]:empty ~ label span {
 display: inline-block;
}
.frb1 input[type="radio"]:empty ~ label span.frb1-title, .frb1 input[type="checkbox"]:empty ~ label span.frb1-title {
 font-size: 12px;
 font-weight: bold;
 margin: 3px 5px 3px 50px;
 width: 100%;
}
.frb1 input[type="radio"]:empty ~ label span.frb1-description, .frb1 input[type="checkbox"]:empty ~ label span.frb1-description {
 font-weight: normal;
 color: #222121;
 margin: 0px 5px 2px 50px;
 font-size: 12px;
}
.frb1 input[type="radio"]:empty:checked ~ label span.frb1-description, .frb1 input[type="checkbox"]:empty:checked ~ label span.frb1-description {
}
.frb1 input[type="radio"]:empty:checked ~ label span.frb1-title, .frb1 input[type="checkbox"]:empty:checked ~ label span.frb1-title {
}
.frb1.frb1-default input[type="radio"]:empty:checked ~ label span.frb1-description, .frb1.frb1-default input[type="checkbox"]:empty:checked ~ label span.frb1-description {
 color: #999;
}
.frb-group {
 margin: 15px 0;
}
.frb ~ .frb {
 margin-top: 15px;
}
.frb input[type="radio"]:empty, .frb input[type="checkbox"]:empty {
 display: none;
}
.frb input[type="radio"] ~ label:before, .frb input[type="checkbox"] ~ label:before {
 font-family: FontAwesome;
 content: '\f096';
 position: absolute;
 top: 50%;
 margin-top: -11px;
 left: 15px;
 font-size: 22px;
}
.frb input[type="radio"]:checked ~ label:before, .frb input[type="checkbox"]:checked ~ label:before {
 content: '\f046';
}
.frb input[type="radio"] ~ label, .frb input[type="checkbox"] ~ label {
 position: relative;
 cursor: pointer;
 width: 100%;
 border: 1px solid #ccc;
 border-radius: 5px;
 background-color: #f2f2f2;
}
.frb input[type="radio"] ~ label:focus, .frb input[type="radio"] ~ label:hover, .frb input[type="checkbox"] ~ label:focus, .frb input[type="checkbox"] ~ label:hover {
 box-shadow: 0px 0px 3px #333;
}
.frb input[type="radio"]:checked ~ label, .frb input[type="checkbox"]:checked ~ label {
 color: #fafafa;
}
.frb input[type="radio"]:checked ~ label, .frb input[type="checkbox"]:checked ~ label {
 background-color: #f2f2f2;
}
.frb.frb-default input[type="radio"]:checked ~ label, .frb.frb-default input[type="checkbox"]:checked ~ label {
 color: #333;
}
.frb.frb-primary input[type="radio"]:checked ~ label, .frb.frb-primary input[type="checkbox"]:checked ~ label {
 background-color: #337ab7;
}
.frb.kol50 input[type="radio"]:checked ~ label, .frb.kol50 input[type="checkbox"]:checked ~ label {
 background-color: #337ab7;
}
.frb.frb-success input[type="radio"]:checked ~ label, .frb.frb-success input[type="checkbox"]:checked ~ label {
 background-color: #5cb85c;
}
.frb.frb-info input[type="radio"]:checked ~ label, .frb.frb-info input[type="checkbox"]:checked ~ label {
 background-color: #5bc0de;
}
.frb.frb-warning input[type="radio"]:checked ~ label, .frb.frb-warning input[type="checkbox"]:checked ~ label {
 background-color: #f0ad4e;
}
.frb.frb-danger input[type="radio"]:checked ~ label, .frb.frb-danger input[type="checkbox"]:checked ~ label {
 background-color: #d9534f;
}
.frb input[type="radio"]:empty ~ label span, .frb input[type="checkbox"]:empty ~ label span {
 display: inline-block;
}
.frb input[type="radio"]:empty ~ label span.frb-title, .frb input[type="checkbox"]:empty ~ label span.frb-title {
 font-size: 16px;
 font-weight: 700;
 margin: 5px 5px 5px 50px;
}
.frb input[type="radio"]:empty ~ label span.frb-description, .frb input[type="checkbox"]:empty ~ label span.frb-description {
 font-weight: normal;
 color: #222121;
 margin: 5px 5px 5px 50px;
}
.frb input[type="radio"]:empty:checked ~ label span.frb-description, .frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
 color: #fafafa;
}
.frb input[type="radio"]:empty:checked ~ label span.frb-title, .frb input[type="checkbox"]:empty:checked ~ label span.frb-title {
 color: #fafafa;
}
.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description, .frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
 color: #999;
}
.middle {
 width: 100%;
 text-align: center;/* Made by */
}
.middle h1 {
 font-family: "Dax", sans-serif;
 color: #fff;
}
.middle input[type=radio] {
 display: none;
}
.middle input[type=radio]:checked + .box {
 background-color: #999999;
}
.middle input[type=radio]:checked + .box span {
 color: white;
 transform: translateY(70px);
}
.middle input[type=radio]:checked + .box span:before {
 transform: translateY(0px);
 opacity: 1;
}
.middle .box {
 width: 200px;
 background-color: #fff;
 display: inline-block;
 text-align: center;
 cursor: pointer;
 position: relative;
 font-family: "Dax", sans-serif;
 font-weight: 900;
}
.middle .box:active {
 transform: translateY(10px);
}
.middle .box span {
 position: absolute;
 left: 0;
 right: 0;
 font-size: 1.5em;
 user-select: none;
 color: #999999;
}
.middle p {
 color: #fff;
 font-family: "Dax", sans-serif;
 font-weight: 400;
}
.middle p a {
 text-decoration: underline;
 font-weight: bold;
 color: #fff;
}
.listviewdalam {
 text-align: left;
 overflow: hidden;
 background: #FFF;
 padding: 5px 0px 5px 10px;
 height: 60px;
 width: 100%;
}
.listviewdalam a:before {
 font-family: 'FontAwesome';
 content: "\f105";
 float: right;
 margin-right: 10px;
 margin-top: 5px;
 font-size: 26px;
 transition: all 0.5s;
 color: #8E8B8B;
 font-weight: bold;
}
.listviewdalam.active a:before {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 transform: rotate(90deg);
}
.listviewdalam i {
 float: left;
 margin: 0 15px 0 0;
}
.listviewdalam img {
 float: left;
 margin: 0px 15px 0 0;
 width: 60px;
}
.huruf {
 font-size: 16px;
 color: #000;
 text-shadow: 1px 1px 1px #F3345;
 width: 100%;
 margin-top: 0px;
 font-weight: bold;
 margin-left: 70px;
 display: block;
}
.huruf1 {
 font-size: 12px;
 color: #000;
 font-weight: normal;
 width: 100%;
 margin-left: 70px;
 display: block;
 text-indent: 0px;
}