.components-liuCard{position:relative;max-width:100%}.components-liuCard:not(.liuCard--hasOverlay) .liuCard__overlay{display:none}.components-liuCard .liuCard__overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(255,255,255,.5098039216);backdrop-filter:blur(2px);font-size:21px;color:#555}.components-liuCard .liuCard__overlay>div{display:inline-block}.components-liuCard .liuCard__overlay .liuCard__overlayText{display:flex}.components-liuCard .liuCard__overlay .liuCard__overlayText>i{margin-right:7px;vertical-align:top;padding-top:5px}.components-liuCard .liuCard__overlay .liuCard__overlayParagraph{font-size:14px;color:#777;max-width:80%}.components-liuCard .liuCard__cardId{position:absolute;top:10px;right:10px;font-size:4.5vw;letter-spacing:1px}@media(min-width: 640px){.components-liuCard .liuCard__cardId{font-size:3.1vw}}@media(min-width: 1024px){.components-liuCard .liuCard__cardId{top:calc(20px * 0.75);right:calc(20px * 0.75);font-size:2.1vw}}@media(min-width: 1366px){.components-liuCard .liuCard__cardId{font-size:2vw}}.components-liuCard .liuCard__img{width:100%}.components-liuCard .liuCard__label{position:absolute;top:40px;right:1px;padding:6px;padding-left:12px;color:#fff;background-color:rgba(0,0,0,.3019607843);font-size:medium;width:115px}
.component-campusCardManagement{display:flex;flex-direction:column;align-items:center}.component-campusCardManagement .components-liuCard{max-width:500px;margin-bottom:10px}@media(min-width: 1024px){.component-campusCardManagement .components-liuCard .liuCard__cardId{font-size:26px}}.component-campusCardManagement>.components-systemMessage{max-width:500px;width:100%}.component-campusCardManagement .campusCardManagement__buttons{display:flex;flex-direction:column;max-width:500px;width:100%}@media(min-width: 1024px){.component-campusCardManagement .campusCardManagement__buttons{flex-direction:row}}.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button,.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer){flex-grow:1;width:100%;height:80px;font-size:16px}@media(max-width: 1023px){.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button,.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer){width:100%}.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button:not(:last-child),.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer):not(:last-child){margin-bottom:10px}}.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button .ms-Button-flexContainer,.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer) .ms-Button-flexContainer{flex-direction:column;justify-content:space-evenly}.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button .ms-Button-flexContainer .ms-Button-textContainer,.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer) .ms-Button-flexContainer .ms-Button-textContainer{flex-grow:initial}.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button .ms-Icon,.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer) .ms-Icon{font-size:24px}.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button:not(:last-child),.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer):not(:last-child){margin-right:10px}.component-campusCardManagement .campusCardManagement__buttons .campusCardManagement__button.campusCardManagement__button--fullWidth,.component-campusCardManagement .campusCardManagement__buttons>*:not(.ms-layer).campusCardManagement__button--fullWidth{height:60px;font-size:17px;width:100%}
.ms-Callout.callout-lockAlt .ms-Callout-main{display:flex;flex-direction:column;margin:10px}.ms-Callout.callout-lockAlt .ms-Callout-main>*:not(:last-child){margin-bottom:10px}.ms-Callout.callout-lockAlt .ms-Callout-main .liu-button{height:45px;font-size:15px;max-width:275px;width:100vw}
.components-orcIdForm>.liu-spinnerRelativeWrapper>:first-child{margin-top:0}.components-orcIdForm .orcIdForm__content>*:not(:last-child){margin-bottom:10px}.components-orcIdForm .orcIdForm__content .orcIdForm__btnLink{margin-top:20px}.components-orcIdForm .orcIdForm__content .orcIdForm__btnLink{text-decoration:none;margin-top:20px}.components-orcIdForm .orcIdForm__content .orcIdForm__btnLink .orcId__btnLinkText{text-decoration:underline;margin-right:10px}.components-orcIdForm .orcIdForm__content .orcIdForm__fieldSection{display:flex;align-items:center;margin-top:20px}.components-orcIdForm .orcIdForm__content .orcIdForm__fieldSection .orcIdForm__field .ms-TextField{max-width:160px}.components-orcIdForm .orcIdForm__content .orcIdForm__fieldSection .ms-Button--icon{color:#00b3e7;margin-top:24px}.components-orcIdForm .orcIdForm__content .orcIdForm__fieldSection .ms-Button--icon:hover{color:#02c6ff}.components-orcIdForm .orcIdForm__content .components-systemMessage.systemMessage--info{margin-top:0;margin-bottom:20px}
.components-okButton.liu-button.liu-secondary-button{color:#333 !important;background-color:#99ece1;border-color:#017c6b}.components-okButton.liu-button.liu-secondary-button:hover{background-color:#66e2d3}.components-okButton.liu-button.liu-secondary-button:active{background-color:#33d9c4}.components-okButton.liu-button.liu-secondary-button.ms-Button--hasMenu+button{border-color:#017c6b;background-color:#99ece1}.components-okButton.liu-button.liu-secondary-button.ms-Button--hasMenu+button:hover{background-color:#66e2d3}.components-okButton.liu-button.liu-secondary-button.ms-Button--hasMenu+button:active{background-color:#33d9c4}.components-okButton.liu-button.liu-secondary-button.ms-Button--hasMenu+button+span{background-color:#017c6b}
.components-textFieldGroupVerifiable .textFieldGroupVerifiable__label{display:flex;flex-direction:row;justify-content:space-between;align-items:end}.components-textFieldGroupVerifiable .textFieldGroupVerifiable__label button{height:26px;margin-bottom:8px}
.component-personalInformation .ms-Grid>*:not(:last-child){margin-bottom:20px}.component-personalInformation .components-systemMessage{margin-bottom:20px}.component-personalInformation .liu-form-group.liu-textfield-group .liu-label{display:flex;justify-content:space-between}.component-personalInformation .employeeContactInformationForm__desc{display:block;margin-top:5px}.component-personalInformation .employeeContactInformationForm__desc>span{font-size:11px;display:block}@media(max-width: 1365px){.component-personalInformation .liu-messageBar{margin-top:20px}}@media(min-width: 1366px){.component-personalInformation .employeeContactInformationForm__desc{display:block;font-size:11px}}.component-personalInformation .liu-messageBar{margin-bottom:20px}.component-personalInformation .employeeContactInformationForm__checkbox{margin-top:10px}.component-personalInformation .employeeContactInformationForm__checkbox .ms-Checkbox-checkbox{margin-right:10px}.component-personalInformation .liu-form-group{margin-bottom:calc(10px * 0.5);max-width:700px}.component-personalInformation .liu-form-group>label{display:flex;justify-content:space-between}.component-personalInformation .liu-form-group>label .liu-button{height:26px}.component-personalInformation .employeeContactInformationForm__buttonRow{display:flex;flex-wrap:wrap;gap:10px}.component-personalInformation .employeeContactInformationForm__buttonRow>*{width:100%}@media(min-width: 1024px){.component-personalInformation .employeeContactInformationForm__buttonRow>*{width:initial}}
.components-profileCard .liu-field{margin:0}.components-profileCard .liu-spinnerRelativeWrapper:not(:first-child)>.liu-card-section{border-top:1px solid #e8e8e8}.components-profileCard .liu-spinnerRelativeWrapper .liu-card-section{padding:20px !important}.components-profileCard .liu-spinnerRelativeWrapper:last-child .liu-card-section{padding-bottom:0 !important}.components-profileCard .component-profilePhoto .profilePhoto__photo{position:relative;margin-left:auto;margin-right:auto;max-width:60%;min-width:150px}.components-profileCard .component-profilePhoto .profilePhoto__photo img{border-radius:50%;width:100%;height:auto}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__edit--wrapper{position:absolute;bottom:8%;right:3%}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__delete--wrapper{position:absolute;bottom:-4%;right:29%}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__download--wrapper{position:absolute;bottom:32%;right:-10%}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon{border-radius:50%;cursor:pointer;color:#fff}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit{background-color:#687f91}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit:hover{background-color:#627788}@media(min-width: 320px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit{height:38px;width:38px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit i{font-size:20px}}@media(min-width: 480px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit{height:50px;width:50px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit i{font-size:26px}}@media(min-width: 640px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit{height:60px;width:60px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit i{font-size:31px}}@media(min-width: 1024px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit{height:38px;width:38px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit i{font-size:20px}}@media(min-width: 1366px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit{height:44px;width:44px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--edit i{font-size:24px}}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete{background-color:#d62700}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete:hover{background-color:#c72400}@media(min-width: 320px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete{height:29px;width:29px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete i{font-size:16px}}@media(min-width: 480px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete{height:40px;width:40px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete i{font-size:20px}}@media(min-width: 640px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete{height:50px;width:50px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete i{font-size:24px}}@media(min-width: 1024px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete{height:29px;width:29px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete i{font-size:16px}}@media(min-width: 1366px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete{height:32px;width:32px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--delete i{font-size:17px}}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download{background-color:#777}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download:hover{background-color:#6f6f6f}@media(min-width: 320px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download{height:29px;width:29px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download i{font-size:16px}}@media(min-width: 480px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download{height:40px;width:40px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download i{font-size:20px}}@media(min-width: 640px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download{height:50px;width:50px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download i{font-size:24px}}@media(min-width: 1024px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download{height:29px;width:29px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download i{font-size:16px}}@media(min-width: 1366px){.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download{height:32px;width:32px}.components-profileCard .component-profilePhoto .profilePhoto__photo .photo__icon.photo__icon--download i{font-size:17px}}.components-profileCard .component-profilePhoto .profilePhoto__name{text-align:center}.components-profileCard .component-visitingAddressSection{position:relative}.components-profileCard .component-visitingAddressSection .visitingAddressSection__editIcon{position:absolute;top:8px;right:8px;font-size:16px;color:#00b3e7;cursor:pointer}.components-profileCard .component-visitingAddressSection .visitingAddressSection__editIcon:hover{color:#02c6ff}.components-profileCard .component-visitingAddressSection .visitingAddressSection__listValue{margin-left:4px}
.components-accountSection{position:relative}.components-accountSection .liu-field{margin:0}.components-accountSection .accountSection__listValue{margin-left:20px}.components-accountSection .accountSection__listValue button{vertical-align:middle}
.components-modalContainer{padding:30px;max-width:700px}
.components-accountInformationModal ul{padding:0 0 0 19px;list-style:disc}.components-accountInformationModal .accountInformationModal__bottom{display:flex;justify-content:end;align-items:center;gap:16px}
.page-myProfile .liu-page-content{max-width:1400px}.page-myProfile .liu-page-header-subtitle{max-width:900px}.searchprofilepage--card .ms-TextField{margin-bottom:10px}.searchprofilepage--card .liu-dropdown{margin-bottom:10px}
.components-studentInfo ul{margin-bottom:36px}.components-studentInfo ul>li{margin-top:8px}