/* Base container */
.intro-container {
    text-align: justify;
}

.textAlign {
  text-align: justify;
}

/* Title sections - centered, orange, 24px */
.title-section {
    width: 100%;
    text-align: center;
    color: #cc4c02;
    font-size: 24px;
}

/* Paragraph sections - justified text */
.paragraph-section {
    white-space: pre-line;
    text-align: justify;
}

/* Centered box container */
.centered-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}


.centered-box p {
    border: 1px solid black;
    width: 50%;
    margin: 10px 0;
    padding: 10px;
    box-sizing: border-box;
    white-space: pre-wrap;
}

/* margin-left-30 content (30px) */
.margin-left-30 {
    margin-left: 30px;
}

/* margin-left-30 content (50px) */
.margin-left-50 {
    margin-left: 50px;
}

/* Double margin-left-30 content (100px) */
.margin-left-100 {
    margin-left: 100px;
}

/* Center text */
.center-text {
    text-align: center;
}

/* Hide emblems */
.emblem {
    display: none;
}

.emblemZH {
    display: none;
}

/* Left-aligned text block with 16px font */
.text-block-left {
    width: 100%;
    text-align: left;
    font-size: 16px;
}

/* margin-left-30 text block with 15px font and 40px left margin */
.text-block-margin-left-30 {
    width: 90%;
    margin-left: 40px;
    text-align: left;
    font-size: 15px;
}

.errorForm .deptLogoSection {
    display: none !important;
}

.errorForm #formFillingOptions {
    display: none !important;
}

.errorForm .sideNav {
    display: none !important;
}

.errorForm #innerPageSideNav {
    width: 100% !important;
}

.red-font {
    color:red;
}

.form-info-menu {
    font-size: 12px;
}

.inline-select {
    display: inline !important;
}