@import url("Vars.css");
@import url("ApplicationStyle.css");
@import url("ApplicationsForms.css");
@import url("Nav.css");

.main-container {
    margin: 0% 10% 0% 10%;
}

.mud-main-content {
    margin-top: 64px;
}

.profile-panel-container {
    display: flex;
    align-items: center;
    gap: 5px;
    color: white;
}

.profile-panel-container h6 {
    font-size: 20px;
}

.profile-table-checkbox .mud-checkbox {
    justify-content: center;
}

.profile-checkbox div label {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .main-container {
        margin: 0px 0px 0px 0px;
    }
}

@media only screen and (max-width: 1280px) {
    .profile-panel-container {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1280px) {
    .main-container {
        margin: 0px 20px 0px 20px;
    }

    .profile-panel-container div .mud-chip {
        margin-left: -4px;
        font-size: 10px;
    }

    .profile-panel-container h6 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1080px) and (max-width: 1280px) {
    .main-container {
        margin: 0px 10% 0px 10%;
    }
}

@media only screen and (min-width: 1080px) {
    .profile-expansion-panel-icon {
        gap: 16px;
    }
}

li {
    list-style: none;
    position: relative;
}

li::before {
    content: ".";
    color: var(--mud-palette-primary);
    font-size: 2.5rem;
    position: absolute;
    left: -20px;
    top: -30px;
}

.text-primary {
    color: var(--mud-palette-primary);
}

.bg-primary-25 {
    background-color: var(--primary-25);
}

.bg-primary-50 {
    background-color: var(--primary-50);
}

.bg-primary-75 {
    background-color: var(--primary-75);
}

.base-confirmation-container {
    width: 40vw;
    padding-bottom: 40px;
}

@media only screen and (max-width: 1028px) {
    .base-confirmation-container {
        width: 90vw;
    }

    .base-confirmation-container div h4 {
        font-size: 24px;
    }

    .base-confirmation-container div h6 {
        font-size: 14px;
    }
}

.show-application-mobile {
    display: none;
}

.show-application-desktop {
    display: block;
}

@media only screen and (max-width: 1028px) {
    .show-application-mobile {
        display: block;
    }

    .show-application-desktop {
        display: none;
    }
}

.admission-requirements-container {
    padding: 10px;
}

.admission-requirements-container h1,
.admission-requirements-container h2,
.admission-requirements-container h3,
.admission-requirements-container h4,
.admission-requirements-container h5,
.admission-requirements-container h6 {
    color: var(--primary-75);
}

.admission-requirements-container div {
    margin: 20px 0px;
}