html {
  font-size: 16px;
}

body {
  font-size: 1rem;
}

.responsive-type .page-bd h1,
.responsive-type .page-bd .h1,
.responsive-type .content-page-title h1,
.responsive-type .content-page-title .h1,
.responsive-type [role='dialog'] h1,
.responsive-type [role='dialog'] .h1 {
  font-size: 2rem;
}

.responsive-type .page-bd h2,
.responsive-type .page-bd .h2,
.responsive-type .content-page-title h2,
.responsive-type .content-page-title .h2,
.responsive-type [role='dialog'] h2,
.responsive-type [role='dialog'] .h2 {
  font-size: 1.5rem;
}

.responsive-type .page-bd h3,
.responsive-type .page-bd .h3,
.responsive-type .content-page-title h3,
.responsive-type .content-page-title .h3,
.responsive-type [role='dialog'] h3,
.responsive-type [role='dialog'] .h3 {
  font-size: 1.25rem;
}

.responsive-type .page-bd h4,
.responsive-type .page-bd .h4,
.responsive-type .content-page-title h4,
.responsive-type .content-page-title .h4,
.responsive-type [role='dialog'] h4,
.responsive-type [role='dialog'] .h4 {
  font-size: 1rem;
}

.responsive-type .page-bd h5,
.responsive-type .page-bd .h5,
.responsive-type .content-page-title h5,
.responsive-type .content-page-title .h5,
.responsive-type [role='dialog'] h5,
.responsive-type [role='dialog'] .h5 {
  font-size: 0.875rem;
}

.responsive-type .page-bd h6,
.responsive-type .page-bd .h6,
.responsive-type .content-page-title h6,
.responsive-type .content-page-title .h6,
.responsive-type [role='dialog'] h6,
.responsive-type [role='dialog'] .h6 {
  font-size: 0.75rem;
}

.responsive-type .page-bd .display-1,
.responsive-type .content-page-title .display-1,
.responsive-type [role='dialog'] .display-1 {
  font-size: 5rem;
}

.responsive-type .page-bd .display-2,
.responsive-type .content-page-title .display-2,
.responsive-type [role='dialog'] .display-2 {
  font-size: 4rem;
}

.responsive-type .page-bd .display-3,
.responsive-type .content-page-title .display-3,
.responsive-type [role='dialog'] .display-3 {
  font-size: 3rem;
}

.responsive-type .page-bd .display-4,
.responsive-type .content-page-title .display-4,
.responsive-type [role='dialog'] .display-4 {
  font-size: 2rem;
}

.responsive-type .page-bd .ddc-font-size-xsmall,
.responsive-type .content-page-title .ddc-font-size-xsmall,
.responsive-type [role='dialog'] .ddc-font-size-xsmall {
  font-size: 0.75rem;
}

.responsive-type .page-bd .ddc-font-size-small,
.responsive-type .content-page-title .ddc-font-size-small,
.responsive-type [role='dialog'] .ddc-font-size-small {
  font-size: 0.875rem;
}

.responsive-type .page-bd .ddc-font-size-base,
.responsive-type .content-page-title .ddc-font-size-base,
.responsive-type [role='dialog'] .ddc-font-size-base {
  font-size: 1rem;
}

.responsive-type .page-bd .ddc-font-size-large,
.responsive-type .content-page-title .ddc-font-size-large,
.responsive-type [role='dialog'] .ddc-font-size-large {
  font-size: 1.25rem;
}

.responsive-type .page-bd .ddc-font-size-xlarge,
.responsive-type .content-page-title .ddc-font-size-xlarge,
.responsive-type [role='dialog'] .ddc-font-size-xlarge {
  font-size: 1.5rem;
}

.responsive-type .page-bd .ddc-font-size-xxlarge,
.responsive-type .content-page-title .ddc-font-size-xxlarge,
.responsive-type [role='dialog'] .ddc-font-size-xxlarge {
  font-size: 2rem;
}

.responsive-type .page-bd .ddc-font-size-jumbo,
.responsive-type .content-page-title .ddc-font-size-jumbo,
.responsive-type [role='dialog'] .ddc-font-size-jumbo {
  font-size: 3rem;
}

.responsive-type .page-bd .lead,
.responsive-type .content-page-title .lead,
.responsive-type [role='dialog'] .lead {
  font-size: 1.25rem;
}

.responsive-type .page-bd legend,
.responsive-type .content-page-title legend,
.responsive-type [role='dialog'] legend {
  font-size: 1.5rem;
}

.responsive-type .page-bd output,
.responsive-type .content-page-title output,
.responsive-type [role='dialog'] output {
  font-size: 1rem;
}

.responsive-type .page-bd input.form-control, .responsive-type .page-bd select.form-control,
.responsive-type .content-page-title input.form-control,
.responsive-type .content-page-title select.form-control,
.responsive-type [role='dialog'] input.form-control,
.responsive-type [role='dialog'] select.form-control {
  height: 42px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: var(--input-border-radius-base, 0);
}

.responsive-type .page-bd textareainput.form-control, .responsive-type .page-bd select.form-control,
.responsive-type .page-bd select[multiple]input.form-control, .responsive-type .page-bd select.form-control,
.responsive-type .content-page-title textareainput.form-control,
.responsive-type .content-page-title select.form-control,
.responsive-type .content-page-title select[multiple]input.form-control,
.responsive-type .content-page-title select.form-control,
.responsive-type [role='dialog'] textareainput.form-control,
.responsive-type [role='dialog'] select.form-control,
.responsive-type [role='dialog'] select[multiple]input.form-control,
.responsive-type [role='dialog'] select.form-control {
  height: auto;
}

.responsive-type .page-bd textarea.form-control,
.responsive-type .content-page-title textarea.form-control,
.responsive-type [role='dialog'] textarea.form-control {
  height: auto;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: var(--input-border-radius-base, 0);
}

.responsive-type .page-bd textareatextarea.form-control,
.responsive-type .page-bd select[multiple]textarea.form-control,
.responsive-type .content-page-title textareatextarea.form-control,
.responsive-type .content-page-title select[multiple]textarea.form-control,
.responsive-type [role='dialog'] textareatextarea.form-control,
.responsive-type [role='dialog'] select[multiple]textarea.form-control {
  height: auto;
}

.responsive-type .page-bd .input-sm,
.responsive-type .content-page-title .input-sm,
.responsive-type [role='dialog'] .input-sm {
  height: 31px;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: var(--input-border-radius-small, 0);
}

.responsive-type .page-bd textarea.input-sm,
.responsive-type .page-bd select[multiple].input-sm,
.responsive-type .content-page-title textarea.input-sm,
.responsive-type .content-page-title select[multiple].input-sm,
.responsive-type [role='dialog'] textarea.input-sm,
.responsive-type [role='dialog'] select[multiple].input-sm {
  height: auto;
}

.responsive-type .page-bd .input-lg,
.responsive-type .content-page-title .input-lg,
.responsive-type [role='dialog'] .input-lg {
  height: 58px;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: var(--input-border-radius-large, 0);
}

.responsive-type .page-bd textarea.input-lg,
.responsive-type .page-bd select[multiple].input-lg,
.responsive-type .content-page-title textarea.input-lg,
.responsive-type .content-page-title select[multiple].input-lg,
.responsive-type [role='dialog'] textarea.input-lg,
.responsive-type [role='dialog'] select[multiple].input-lg {
  height: auto;
}

.responsive-type .page-bd .form-control-static,
.responsive-type .content-page-title .form-control-static,
.responsive-type [role='dialog'] .form-control-static {
  min-height: 42px;
}

.responsive-type .page-bd .form-group-sm input.form-control, .responsive-type .page-bd .form-group-sm select.form-control,
.responsive-type .content-page-title .form-group-sm input.form-control,
.responsive-type .content-page-title .form-group-sm select.form-control,
.responsive-type [role='dialog'] .form-group-sm input.form-control,
.responsive-type [role='dialog'] .form-group-sm select.form-control {
  height: 31px;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: var(--input-border-radius-small, 0);
}

.responsive-type .page-bd .form-group-sm textareainput.form-control, .responsive-type .page-bd .form-group-sm select.form-control,
.responsive-type .page-bd .form-group-sm select[multiple]input.form-control, .responsive-type .page-bd .form-group-sm select.form-control,
.responsive-type .content-page-title .form-group-sm textareainput.form-control,
.responsive-type .content-page-title .form-group-sm select.form-control,
.responsive-type .content-page-title .form-group-sm select[multiple]input.form-control,
.responsive-type .content-page-title .form-group-sm select.form-control,
.responsive-type [role='dialog'] .form-group-sm textareainput.form-control,
.responsive-type [role='dialog'] .form-group-sm select.form-control,
.responsive-type [role='dialog'] .form-group-sm select[multiple]input.form-control,
.responsive-type [role='dialog'] .form-group-sm select.form-control {
  height: auto;
}

.responsive-type .page-bd .form-group-sm textarea.form-control,
.responsive-type .content-page-title .form-group-sm textarea.form-control,
.responsive-type [role='dialog'] .form-group-sm textarea.form-control {
  height: auto;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: var(--input-border-radius-small, 0);
}

.responsive-type .page-bd .form-group-sm textareatextarea.form-control,
.responsive-type .page-bd .form-group-sm select[multiple]textarea.form-control,
.responsive-type .content-page-title .form-group-sm textareatextarea.form-control,
.responsive-type .content-page-title .form-group-sm select[multiple]textarea.form-control,
.responsive-type [role='dialog'] .form-group-sm textareatextarea.form-control,
.responsive-type [role='dialog'] .form-group-sm select[multiple]textarea.form-control {
  height: auto;
}

.responsive-type .page-bd .form-group-sm .form-control-static,
.responsive-type .content-page-title .form-group-sm .form-control-static,
.responsive-type [role='dialog'] .form-group-sm .form-control-static {
  min-height: 31px;
}

.responsive-type .page-bd .form-group-lg input.form-control, .responsive-type .page-bd .form-group-lg select.form-control,
.responsive-type .content-page-title .form-group-lg input.form-control,
.responsive-type .content-page-title .form-group-lg select.form-control,
.responsive-type [role='dialog'] .form-group-lg input.form-control,
.responsive-type [role='dialog'] .form-group-lg select.form-control {
  height: 58px;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: var(--input-border-radius-large, 0);
}

.responsive-type .page-bd .form-group-lg textareainput.form-control, .responsive-type .page-bd .form-group-lg select.form-control,
.responsive-type .page-bd .form-group-lg select[multiple]input.form-control, .responsive-type .page-bd .form-group-lg select.form-control,
.responsive-type .content-page-title .form-group-lg textareainput.form-control,
.responsive-type .content-page-title .form-group-lg select.form-control,
.responsive-type .content-page-title .form-group-lg select[multiple]input.form-control,
.responsive-type .content-page-title .form-group-lg select.form-control,
.responsive-type [role='dialog'] .form-group-lg textareainput.form-control,
.responsive-type [role='dialog'] .form-group-lg select.form-control,
.responsive-type [role='dialog'] .form-group-lg select[multiple]input.form-control,
.responsive-type [role='dialog'] .form-group-lg select.form-control {
  height: auto;
}

.responsive-type .page-bd .form-group-lg textarea.form-control,
.responsive-type .content-page-title .form-group-lg textarea.form-control,
.responsive-type [role='dialog'] .form-group-lg textarea.form-control {
  height: auto;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: var(--input-border-radius-large, 0);
}

.responsive-type .page-bd .form-group-lg textareatextarea.form-control,
.responsive-type .page-bd .form-group-lg select[multiple]textarea.form-control,
.responsive-type .content-page-title .form-group-lg textareatextarea.form-control,
.responsive-type .content-page-title .form-group-lg select[multiple]textarea.form-control,
.responsive-type [role='dialog'] .form-group-lg textareatextarea.form-control,
.responsive-type [role='dialog'] .form-group-lg select[multiple]textarea.form-control {
  height: auto;
}

.responsive-type .page-bd .form-group-lg .form-control-static,
.responsive-type .content-page-title .form-group-lg .form-control-static,
.responsive-type [role='dialog'] .form-group-lg .form-control-static {
  min-height: 58px;
}

.responsive-type .page-bd .btn,
.responsive-type .content-page-title .btn,
.responsive-type [role='dialog'] .btn {
  font-size: 1rem;
}

.responsive-type .page-bd .btn-xs,
.responsive-type .page-bd .btn-xsmall,
.responsive-type .content-page-title .btn-xs,
.responsive-type .content-page-title .btn-xsmall,
.responsive-type [role='dialog'] .btn-xs,
.responsive-type [role='dialog'] .btn-xsmall {
  font-size: 0.75rem;
}

.responsive-type .page-bd .btn-sm,
.responsive-type .page-bd .btn-small,
.responsive-type .content-page-title .btn-sm,
.responsive-type .content-page-title .btn-small,
.responsive-type [role='dialog'] .btn-sm,
.responsive-type [role='dialog'] .btn-small {
  font-size: 0.875rem;
}

.responsive-type .page-bd .btn-lg,
.responsive-type .page-bd .btn-large,
.responsive-type .content-page-title .btn-lg,
.responsive-type .content-page-title .btn-large,
.responsive-type [role='dialog'] .btn-lg,
.responsive-type [role='dialog'] .btn-large {
  font-size: 1.25rem;
}

.responsive-type .page-bd .btn-xl,
.responsive-type .page-bd .btn-xlarge,
.responsive-type .content-page-title .btn-xl,
.responsive-type .content-page-title .btn-xlarge,
.responsive-type [role='dialog'] .btn-xl,
.responsive-type [role='dialog'] .btn-xlarge {
  font-size: 1.5rem;
}

@media (min-width: 1200px) {
  html {
    font-size: 18px;
  }
  .responsive-type .page-bd input.form-control, .responsive-type .page-bd select.form-control,
  .responsive-type .content-page-title input.form-control,
  .responsive-type .content-page-title select.form-control,
  .responsive-type [role='dialog'] input.form-control,
  .responsive-type [role='dialog'] select.form-control {
    height: 45px;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: var(--input-border-radius-base, 0);
  }
  .responsive-type .page-bd textareainput.form-control, .responsive-type .page-bd select.form-control,
  .responsive-type .page-bd select[multiple]input.form-control, .responsive-type .page-bd select.form-control,
  .responsive-type .content-page-title textareainput.form-control,
  .responsive-type .content-page-title select.form-control,
  .responsive-type .content-page-title select[multiple]input.form-control,
  .responsive-type .content-page-title select.form-control,
  .responsive-type [role='dialog'] textareainput.form-control,
  .responsive-type [role='dialog'] select.form-control,
  .responsive-type [role='dialog'] select[multiple]input.form-control,
  .responsive-type [role='dialog'] select.form-control {
    height: auto;
  }
  .responsive-type .page-bd textarea.form-control,
  .responsive-type .content-page-title textarea.form-control,
  .responsive-type [role='dialog'] textarea.form-control {
    height: auto;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 1.5;
    border-radius: var(--input-border-radius-base, 0);
  }
  .responsive-type .page-bd textareatextarea.form-control,
  .responsive-type .page-bd select[multiple]textarea.form-control,
  .responsive-type .content-page-title textareatextarea.form-control,
  .responsive-type .content-page-title select[multiple]textarea.form-control,
  .responsive-type [role='dialog'] textareatextarea.form-control,
  .responsive-type [role='dialog'] select[multiple]textarea.form-control {
    height: auto;
  }
  .responsive-type .page-bd .input-sm,
  .responsive-type .content-page-title .input-sm,
  .responsive-type [role='dialog'] .input-sm {
    height: 34px;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: var(--input-border-radius-small, 0);
  }
  .responsive-type .page-bd textarea.input-sm,
  .responsive-type .page-bd select[multiple].input-sm,
  .responsive-type .content-page-title textarea.input-sm,
  .responsive-type .content-page-title select[multiple].input-sm,
  .responsive-type [role='dialog'] textarea.input-sm,
  .responsive-type [role='dialog'] select[multiple].input-sm {
    height: auto;
  }
  .responsive-type .page-bd .input-lg,
  .responsive-type .content-page-title .input-lg,
  .responsive-type [role='dialog'] .input-lg {
    height: 61px;
    padding: 16px 24px;
    font-size: 20px;
    line-height: 1.33333;
    border-radius: var(--input-border-radius-large, 0);
  }
  .responsive-type .page-bd textarea.input-lg,
  .responsive-type .page-bd select[multiple].input-lg,
  .responsive-type .content-page-title textarea.input-lg,
  .responsive-type .content-page-title select[multiple].input-lg,
  .responsive-type [role='dialog'] textarea.input-lg,
  .responsive-type [role='dialog'] select[multiple].input-lg {
    height: auto;
  }
  .responsive-type .page-bd .form-control-static,
  .responsive-type .content-page-title .form-control-static,
  .responsive-type [role='dialog'] .form-control-static {
    min-height: 45px;
  }
  .responsive-type .page-bd .form-group-sm input.form-control, .responsive-type .page-bd .form-group-sm select.form-control,
  .responsive-type .content-page-title .form-group-sm input.form-control,
  .responsive-type .content-page-title .form-group-sm select.form-control,
  .responsive-type [role='dialog'] .form-group-sm input.form-control,
  .responsive-type [role='dialog'] .form-group-sm select.form-control {
    height: 34px;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: var(--input-border-radius-small, 0);
  }
  .responsive-type .page-bd .form-group-sm textareainput.form-control, .responsive-type .page-bd .form-group-sm select.form-control,
  .responsive-type .page-bd .form-group-sm select[multiple]input.form-control, .responsive-type .page-bd .form-group-sm select.form-control,
  .responsive-type .content-page-title .form-group-sm textareainput.form-control,
  .responsive-type .content-page-title .form-group-sm select.form-control,
  .responsive-type .content-page-title .form-group-sm select[multiple]input.form-control,
  .responsive-type .content-page-title .form-group-sm select.form-control,
  .responsive-type [role='dialog'] .form-group-sm textareainput.form-control,
  .responsive-type [role='dialog'] .form-group-sm select.form-control,
  .responsive-type [role='dialog'] .form-group-sm select[multiple]input.form-control,
  .responsive-type [role='dialog'] .form-group-sm select.form-control {
    height: auto;
  }
  .responsive-type .page-bd .form-group-sm textarea.form-control,
  .responsive-type .content-page-title .form-group-sm textarea.form-control,
  .responsive-type [role='dialog'] .form-group-sm textarea.form-control {
    height: auto;
    padding: 4px 10px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: var(--input-border-radius-small, 0);
  }
  .responsive-type .page-bd .form-group-sm textareatextarea.form-control,
  .responsive-type .page-bd .form-group-sm select[multiple]textarea.form-control,
  .responsive-type .content-page-title .form-group-sm textareatextarea.form-control,
  .responsive-type .content-page-title .form-group-sm select[multiple]textarea.form-control,
  .responsive-type [role='dialog'] .form-group-sm textareatextarea.form-control,
  .responsive-type [role='dialog'] .form-group-sm select[multiple]textarea.form-control {
    height: auto;
  }
  .responsive-type .page-bd .form-group-sm .form-control-static,
  .responsive-type .content-page-title .form-group-sm .form-control-static,
  .responsive-type [role='dialog'] .form-group-sm .form-control-static {
    min-height: 34px;
  }
  .responsive-type .page-bd .form-group-lg input.form-control, .responsive-type .page-bd .form-group-lg select.form-control,
  .responsive-type .content-page-title .form-group-lg input.form-control,
  .responsive-type .content-page-title .form-group-lg select.form-control,
  .responsive-type [role='dialog'] .form-group-lg input.form-control,
  .responsive-type [role='dialog'] .form-group-lg select.form-control {
    height: 61px;
    padding: 16px 24px;
    font-size: 20px;
    line-height: 1.33333;
    border-radius: var(--input-border-radius-large, 0);
  }
  .responsive-type .page-bd .form-group-lg textareainput.form-control, .responsive-type .page-bd .form-group-lg select.form-control,
  .responsive-type .page-bd .form-group-lg select[multiple]input.form-control, .responsive-type .page-bd .form-group-lg select.form-control,
  .responsive-type .content-page-title .form-group-lg textareainput.form-control,
  .responsive-type .content-page-title .form-group-lg select.form-control,
  .responsive-type .content-page-title .form-group-lg select[multiple]input.form-control,
  .responsive-type .content-page-title .form-group-lg select.form-control,
  .responsive-type [role='dialog'] .form-group-lg textareainput.form-control,
  .responsive-type [role='dialog'] .form-group-lg select.form-control,
  .responsive-type [role='dialog'] .form-group-lg select[multiple]input.form-control,
  .responsive-type [role='dialog'] .form-group-lg select.form-control {
    height: auto;
  }
  .responsive-type .page-bd .form-group-lg textarea.form-control,
  .responsive-type .content-page-title .form-group-lg textarea.form-control,
  .responsive-type [role='dialog'] .form-group-lg textarea.form-control {
    height: auto;
    padding: 16px 24px;
    font-size: 20px;
    line-height: 1.33333;
    border-radius: var(--input-border-radius-large, 0);
  }
  .responsive-type .page-bd .form-group-lg textareatextarea.form-control,
  .responsive-type .page-bd .form-group-lg select[multiple]textarea.form-control,
  .responsive-type .content-page-title .form-group-lg textareatextarea.form-control,
  .responsive-type .content-page-title .form-group-lg select[multiple]textarea.form-control,
  .responsive-type [role='dialog'] .form-group-lg textareatextarea.form-control,
  .responsive-type [role='dialog'] .form-group-lg select[multiple]textarea.form-control {
    height: auto;
  }
  .responsive-type .page-bd .form-group-lg .form-control-static,
  .responsive-type .content-page-title .form-group-lg .form-control-static,
  .responsive-type [role='dialog'] .form-group-lg .form-control-static {
    min-height: 61px;
  }
}