.navbar-text {
  display: none;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.plat-right {
  float: right !important;
}
.flat-right {
  padding-right: 0px;
}
.plat-fl {
  float: left !important;
}
.plat-fr {
  float: right !important;
}
.fa-num-one:before {
  content: "1";
  font-weight: bold;
  font-family: sans-serif;
}
.fa-num-two:before {
  content: "2";
  font-weight: bold;
  font-family: sans-serif;
}
.opa50 {
  opacity: 0.5;
}
.pt0 {
  padding-top: 0px;
}
.pt2 {
  padding-top: 2px;
}
.ml33 {
  margin-left: 33px;
}
.mt100 {
  margin-top: 100px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mr5 {
  margin-right: 5px !important;
}
.mb40 {
  margin-bottom: 40px;
}
.mb60 {
  margin-bottom: 60px;
}
.fa-primary {
  color: #496cd0;
}
.fa-info {
  color: #28a79d;
}
.fa-success {
  color: #229068;
}
.fa-warning {
  color: #e3a85f;
}
.fa-danger {
  color: #fe5558;
}
.label {
  font-size: 100%;
  border-radius: 100px;
}
.plat-bgdefault {
  background-color: #555;
}
.plat-bgprimary {
  background-color: #496cd0;
}
.plat-bginfo {
  background-color: #28a79d;
}
.plat-bgsuccess {
  background-color: #229068;
}
.plat-bgwarning {
  background-color: #e3a85f;
}
.plat-bgdanger {
  background-color: #fe5558;
}
.plat-bordefault {
  border-color: #555;
}
.plat-borprimary {
  border-color: #496cd0;
}
.plat-borinfo {
  border-color: #28a79d;
}
.plat-borsuccess {
  border-color: #229068;
}
.plat-borwarning {
  border-color: #e3a85f;
}
.plat-bordanger {
  border-color: #fe5558;
}
.btn-default,
.plat-default {
  background-color: #fff;
  border-color: #eee;
}
.btn-default:focus,
.plat-default:focus {
  background-color: #fff;
  border-color: #eee;
}
.btn-default::before,
.plat-default::before,
.btn-default:link,
.plat-default:link,
.btn-default:hover,
.plat-default:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-default:active::before,
.plat-default:active::before,
.btn-default.active::before,
.plat-default.active::before {
  background-color: #ffffff;
  border-color: #fbfbfb;
}
.btn-default[disabled] {
  background-color: #efefef;
}
.btn-primary,
.plat-blue {
  background-color: #496cd0;
  border-color: #496cd0;
}
.btn-primary:focus,
.plat-blue:focus {
  background-color: #496cd0;
  border-color: #496cd0;
}
.btn-primary::before,
.plat-blue::before,
.btn-primary:link,
.plat-blue:link,
.btn-primary:hover,
.plat-blue:hover {
  background-color: #728dda;
  border-color: #728dda;
}
.btn-primary:active::before,
.plat-blue:active::before,
.btn-primary.active::before,
.plat-blue.active::before {
  background-color: #5d7cd5;
  border-color: #5d7cd5;
}
.btn-info,
.plat-teal {
  background-color: #28a79d;
  border-color: #28a79d;
}
.btn-info:focus,
.plat-teal:focus {
  background-color: #28a79d;
  border-color: #28a79d;
}
.btn-info::before,
.plat-teal::before,
.btn-info:link,
.plat-teal:link,
.btn-info:hover,
.plat-teal:hover {
  background-color: #34cec2;
  border-color: #34cec2;
}
.btn-info:active::before,
.plat-teal:active::before,
.btn-info.active::before,
.plat-teal.active::before {
  background-color: #2dbcb0;
  border-color: #2dbcb0;
}
.btn-warning,
.plat-yellow {
  background-color: #e3a85f;
  border-color: #e3a85f;
}
.btn-warning:focus,
.plat-yellow:focus {
  background-color: #e3a85f;
  border-color: #e3a85f;
}
.btn-warning::before,
.plat-yellow::before,
.btn-warning:link,
.plat-yellow:link,
.btn-warning:hover,
.plat-yellow:hover {
  background-color: #ebc08a;
  border-color: #ebc08a;
}
.btn-warning:active::before,
.plat-yellow:active::before,
.btn-warning.active::before,
.plat-yellow.active::before {
  background-color: #e7b475;
  border-color: #e7b475;
}
.btn-success,
.plat-green {
  background-color: #229068;
  border-color: #229068;
}
.btn-success:focus,
.plat-green:focus {
  background-color: #229068;
  border-color: #229068;
}
.btn-success::before,
.plat-green::before,
.btn-success:link,
.plat-green:link,
.btn-success:hover,
.plat-green:hover {
  background-color: #2cb986;
  border-color: #2cb986;
}
.btn-success:active::before,
.plat-green:active::before,
.btn-success.active::before,
.plat-green.active::before {
  background-color: #27a577;
  border-color: #27a577;
}
.btn-danger,
.plat-red {
  background-color: #fe5558;
  border-color: #fe5558;
}
.btn-danger:focus,
.plat-red:focus {
  background-color: #fe5558;
  border-color: #fe5558;
}
.btn-danger::before,
.plat-red::before,
.btn-danger:link,
.plat-red:link,
.btn-danger:hover,
.plat-red:hover {
  background-color: #fe888a;
  border-color: #fe888a;
}
.btn-danger:active::before,
.plat-red:active::before,
.btn-danger.active::before,
.plat-red.active::before {
  background-color: #fe6e71;
  border-color: #fe6e71;
}
.btn-digiusyellow {
  background: #fbb514;
  border-color: #dfa112;
  color: #fff;
}
.btn-digiusyellow:focus {
  background: #fbb514;
  border-color: #dfa112;
  color: #fff;
}
.btn-digiusyellow::before,
.btn-digiusyellow:link,
.btn-digiusyellow:hover {
  background-color: #fcc546;
  border-color: #efb735;
  color: #fff;
}
.btn-digiusyellow:active::before,
.btn-digiusyellow.active::before {
  background-color: #fbbd2d;
  border-color: #edae1e;
  color: #fff;
}
.btn-icon .fa {
  line-height: 38px;
}
.btn-icon.btn-sm .fa {
  line-height: 30px;
}
.btn-icon.btn-lg .fa {
  line-height: 50px;
}
.btn-icon-only {
  width: 34px;
  padding-right: 0px;
  padding-left: 34px;
}
.btn-icon-only.btn-sm {
  width: 30px;
  padding-right: 0px;
  padding-left: 30px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.2;
}
.progress.with-text {
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}
.progress.with-text .progress-bar {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
}
.pl10p {
  padding-left: 10%;
}
.pr10p {
  padding-right: 10%;
}
.app.testside {
  min-height: calc(100vh - 55px) !important;
}
.testside > .full-height > .center-wrapper > .row,
.testside > .full-height > .center-wrapper > .testside-banner {
  margin-left: 0px;
  margin-right: 0px;
}
.testside-header {
  height: 140px;
}
.testside-header > div {
  top: 50%;
  transform: translatey(-50%);
}
.testside-header > div > img {
  max-width: 100%;
  max-height: 140px;
}
.testside-header h3 {
  font-size: 36px;
}
.testside-banner {
  margin-top: 0px;
}
.testside-info * {
  font-size: 16pt;
}
.testside-tableInfo * {
  text-align: center;
}
.testside-tableInfo thead {
  border-top: 2px solid #229068;
  border-bottom: 2px solid #229068;
}
.testside-tableInstruction thead {
  border-top: 2px solid #229068;
  border-bottom: 2px solid #229068;
  background: transparent;
}
.testside-tableInstruction thead tr {
  background: transparent;
}
.testside-tableInstruction thead tr th {
  vertical-align: middle;
}
.testside-soalcounter {
  font-size: 16pt;
}
.testside-timecounter {
  font-size: 16pt;
}
.testside-footer {
  padding-left: 20px !important;
  position: relative !important;
}