.msc-front .card,
.msc-wrap .card {
  border: 0;
  border-radius: 20px;
}

.msc-front .card-header,
.msc-wrap .card-header {
  background: #fff;
  border-bottom: 1px solid #eef1f4;
  font-weight: 600;
}

.msc-front .table,
.msc-wrap .table {
  margin-bottom: 0;
}

.msc-front .badge,
.msc-wrap .badge {
  font-size: .9rem;
}

.msc-wrap .display-6,
.msc-front .display-6 {
  font-weight: 700;
}

.msc-front .container {
  max-width: 1280px;
}

.msc-wrap .container-fluid {
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
}

.msc-front .alert,
.msc-wrap .alert {
  border-radius: 14px;
}

.msc-front .table thead th,
.msc-wrap .table thead th {
  white-space: nowrap;
}

.msc-front .btn,
.msc-wrap .btn {
  border-radius: 12px;
}

.msc-front .form-control,
.msc-front .form-select,
.msc-wrap .form-control,
.msc-wrap .form-select {
  border-radius: 12px;
  min-height: 48px;
}

.msc-front textarea.form-control,
.msc-wrap textarea.form-control {
  min-height: 120px;
}

.msc-form-wide > [class*="col-"] {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.msc-form-wide .msc-half,
.msc-form-wide .col-md-6.msc-keep-half,
.msc-form-wide .col-lg-6.msc-keep-half {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.msc-auth-wrap {
  max-width: 1200px;
}

.msc-auth-card {
  border: 1px solid rgba(15, 23, 42, .06);
  box-shadow: 0 20px 60px rgba(15, 23, 42, .08) !important;
}

.msc-auth-icon {
  font-size: 32px;
  line-height: 1;
}

.msc-auth-alert {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .msc-form-wide .msc-half,
  .msc-form-wide .col-md-6.msc-keep-half,
  .msc-form-wide .col-lg-6.msc-keep-half {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}