.title-submenu {
  font-size: 1.4em;
  font-weight: 700;
}

.btn-submenu {
  font-size: 1em;
  color: #939393;
  border-radius: 100px;
}

.btn-submenu.active {
  font-size: 1em;
  background-color: #1D609E;
  color: #FFFFFF;
  border-radius: 100px;
}

.contentcontainer {
  width: 100%;
  background: #FFFFFF url("../imgs/demo/gambar-1.png") top right;
  background-size: 1440px 460px;
  background-repeat: no-repeat;
  position: relative;
}

.contentcontainer .img-super-hero {
  max-width: 550px;
  display: block;
}

@media (max-width: 991px) {
  .contentcontainer .img-super-hero {
    display: none;
  }
}

.contentcontainer .card .card-body {
  padding: 3em 2.5em;
}

@media (max-width: 575.98px) {
    .contentcontainer .card .card-body {
        padding: 3em 1em;
    }
}

.contentcontainer .card .card-body h5 {
  font-size: 1.6em;
  font-weight: bold;
}

.contentcontainer .card .card-body .sub-title {
  color: #444;
  line-height: 1.5;
}

.contentcontainer .card .card-body form .form-label {
  font-weight: bold;
}

.contentcontainer .card .card-body form input {
  padding: 0.7em 1em;
  border: 1px solid #D6D6D6;
}

.contentcontainer .radio-inst .btn-check-cond,
.contentcontainer .radio-inst .btn-check-level,
.contentcontainer .radio-waktu .btn-check-waktu {
  padding: 12px 6px;
  font-weight: normal;
  border: 1px solid #D6D6D6;
  border-radius: 12px;
  color: #242424;
}

.contentcontainer .radio-inst .btn-check-cond:hover,
.contentcontainer .radio-inst .btn-check-cond:focus,
.contentcontainer .radio-inst .btn-check:checked+.btn.btn-check-cond, .btn.btn-check-cond.active, .btn.btn-check-cond.show, .btn.btn-check-cond:first-child:active, :not(.btn-check)+.btn.btn-check-cond:active {
  background-color: #F7FCFF;
  color: #0E92E4;
  border: 1px solid #0E92E4;
  font-weight: bold;
}

.contentcontainer .radio-inst .btn-check-level:hover,
.contentcontainer .radio-inst .btn-check-level:focus,
.contentcontainer .radio-inst .btn-check:checked+.btn.btn-check-level, .btn.btn-check-level.active, .btn.btn-check-level.show, .btn.btn-check-level:first-child:active, :not(.btn-check)+.btn.btn-check-level:active {
  background-color: #FFFAF3;
  color: #FFBE56;
  border: 1px solid #FFBE56;
  font-weight: bold;
}

.contentcontainer .radio-waktu .btn-check-waktu:hover,
.contentcontainer .radio-waktu .btn-check-waktu:focus,
.contentcontainer .radio-waktu .btn-check:checked+.btn.btn-check-waktu, .btn.btn-check-waktu.active, .btn.btn-check-waktu.show, .btn.btn-check-waktu:first-child:active, :not(.btn-check)+.btn.btn-check-waktu:active {
  background-color: #0E92E4;
  color: #FFFFFF;
  border: 1px solid #0E92E4;
  font-weight: bold;
}

.alert-radio-cond, .alert-radio-level {
  display: none;
}

.contentcontainer .radio-inst .alert-radio-cond .alert {
  background-color: #F7FCFF;
  color: #242424;
  font-size: 14px;
}

.contentcontainer .radio-inst .alert-radio-level .alert {
  background-color: #FFFAF3;
  color: #242424;
  font-size: 14px;
}

.contentcontainer .card .card-body form .input-group-text {
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  border-right: 0;
  padding-left: 1.3em;
  color: #B2C2CD;
}

.contentcontainer .card .card-body form .form-control {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
  border-left: 0;
}

.contentcontainer .card .card-body form .container-radio-waktu,
.contentcontainer .card .card-body form .loading-radio-waktu {
  display: none;
}

.contentcontainer .card .card-body form .btn-send-demo {
  background-color: #0E92E4;
  color: #FFFFFF;
  border-radius: 28px;
  padding: 12px;
  font-size: 16px;
  font-weight: bold;
}

.contentcontainer .card .card-body form .btn-send-demo:hover,
.contentcontainer .card .card-body form .btn-send-demo:focus {
  background-color: #0886d4;
}

.contentcontainer .card .card-body form .btn-send-demo.disabled {
  background: rgba(0, 0, 0, 0.3) !important;
}

@media (max-width: 1199.98px) {
	/*
}

@media (max-width: 991.98px) {
	/**/
}

@media (max-width: 767.98px) {
	/**/
}