/* login css */
#user-login-form {
     display: flex;
     flex-direction: column;
}

#user-login-form .form-actions {
     order: 1;
     margin-top: 20px;
     margin-bottom: 60px;
}

#user-login-form #edit-pass {
     position: relative;
}

#user-login-form #edit-reset {
     position: absolute;
     bottom: -90px;
     right: 0;
}

#user-login-form .form-actions .form-submit {
     width: 100%;
}

#user-login-form>ul {
     padding-left: 0;
     margin-right: 0;
     padding-top: 30px;
     border-top: 1px solid #ebebeb;
     order: 2;
}

#user-login-form>ul li {
     list-style-type: none;
}

#user-login-form>ul li a {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     color: var(--desktop-button-text-primary);
     border: 1px solid #d5d5d5;
     border-radius: 50px;
     padding: 10px;
     font-size: 15px;
}

#user-login-form>ul li a img {
     width: 20px;
     height: 20px;
}

#user-sidebar #block-mainnavigation {
     display: none;
}

body .login-container .slider-item {
     background: unset;
}

/* theme css */
body .block-system-branding-block .logo {
     max-width: 20.6875rem;
}

#block-sitebranding-2 a img {
     max-width: 17.6875rem;
}

.footer-content #block-sitebranding-2 {
     display: none;
}

/* system css */
.page-entity-user-edit-form .field--name-field-external-internal-training .form-wrapper .js-form-item {
     display: flex;
     flex-direction: column;
     margin-top: 30px;
}

.page-entity-user-edit-form .field--name-field-course-start-date,
.page-entity-user-edit-form .field--name-field-course-completion-date {
     margin-top: 30px;
}


.page-entity-user-edit-form .field--name-field-apply-for-institutional-fu ul.dropdown-menu.inner>li:nth-child(1),
.page-entity-user-edit-form .field--name-field-study-leave-granted-number ul.dropdown-menu.inner>li:nth-child(1),
.page-entity-user-edit-form .field--name-field-amount-of-funding-granted ul.dropdown-menu.inner>li:nth-child(1),
.page-entity-user-edit-form .field--name-field-funding-source-of-institut ul.dropdown-menu.inner>li:nth-child(1),
.page-entity-user-edit-form .field--name-field-type-of-study ul.dropdown-menu.inner>li:nth-child(1),
.page-entity-user-edit-form .field--name-field-external-internal-training ul.dropdown-menu.inner>li:nth-child(1) {
     display: none;
}

.field--name-field-external-internal-training tbody>tr .disabled {
     color: #999;
     pointer-events: none;
     cursor: not-allowed;
     opacity: 0.5;
}

.page-entity-taxonomy-vocabulary-overview-form .tabledrag-toggle-weight-wrapper {
     display: none;
}

/* user-form css */
.user-form-wrapper {
     display: flex !important;
     flex-direction: column !important;
}

.view-admin-external-course-view-page .content-box__info {
     text-align: left;
}


/* login page css */
body .login-container #user-sidebar h1 {
     font-size: 1.8rem;
     text-align: center;
     margin: 0 0 0.7em;
}



body .login-container .left-col:before {
     display: none;
}

body .login-container .block-sitebranding {
     display: none;
}

body .login-container {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
}

body .login-container .left-col {
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2;
}

body .login-container .right-col {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1;
     -webkit-box-flex: unset;
     -ms-flex: unset;
     flex: unset;
}

.block-sitebranding-login {
     margin-top: 30px;
}

.block-sitebranding-login img {
     display: block;
     margin: auto;
}

#block-aristotle-dengruyemianfengmian1 {
     display: none;
}

.view-admin-external-course-view-page.view-display-id-page_1 tbody>tr {
     display: none;
}

/* #field-external-internal-training-values .paragraph-summary .paragraphs-content-wrapper>span:not(:first-child) {
     display: none;
} */
#block-aristotle-views-block-admin-user-courses-block-1 {
     display: none;
}

.paragraphs-content-wrapper .name {
     max-width: 213px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     display: inline-flex;
}

/* 媒體庫項目 css */
#block-aristotle-views-block-admin-user-block-1,
.view-admin-media-library.view-display-id-page_1 tbody>tr {
     display: none;
}

.view-id-admin_media_library .views-field-field-shared-with,
.view-id-admin_media_library .views-field-field-node-access-roles {
     display: none !important;
}

#catalog-filter-parent .form-items-group input {
     z-index: 999;
}

.view-id-admin_media_library.view-display-id-page_1 .views-field-field-media-audio-file,
.view-id-admin_media_library.view-display-id-page_1 .views-field-field-media-video-file,
.view-id-admin_media_library.view-display-id-page_1 .views-field-field-media-file,
.view-id-admin_media_library.view-display-id-page_1 .views-field-field-media-image {
     display: none !important;
}

/* 外間機構/內部培訓課程資料 css */
.page-entity-user-edit-form #field-external-internal-training-add-more-wrapper .tabledrag-toggle-weight-wrapper {
     display: none;
}

.view-admin-external-course-view-page .views-field-field-external-internal-training>ul {
     margin-left: 0;
     padding-left: 0;
}

.view-admin-external-course-view-page .views-field-field-external-internal-training>ul>li {
     list-style: none;
     margin-bottom: 10px;
}

.view-admin-external-course-view-page .views-field-field-external-internal-training .paragraph-formatter {
     padding-left: 38px;
     position: relative;
}

.view-admin-external-course-view-page .views-field-field-external-internal-training .paragraph-formatter:before {
     content: '課程:';
     position: absolute;
     left: 0;
     font-size: 16px;
     font-weight: bold;
}

/* 用戶選擇高亮樣式 */
.user-item:hover {
     background-color: #f8f9fa !important;
}

.user-item.selected {
     background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
     border-left: 4px solid #2196f3 !important;
     box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2) !important;
}

.user-item.selected:hover {
     background: linear-gradient(135deg, #d1c4e9 0%, #b39ddb 100%) !important;
     border-left: 4px solid #673ab7 !important;
}

.user-item.selected .user-info div {
     color: #1976d2 !important;
     font-weight: 600 !important;
}

.user-export-section {
     margin-bottom: 50px;
}

.admin-external-course-view-page-page-1 .paragraphs-content-wrapper>* {
     display: none;
}

.admin-external-course-view-page-page-1 .paragraphs-content-wrapper>span:nth-child(1) {
     display: block !important;
}

.node-media-library-form #edit-field-shared-with-wrapper,
.node-media-library-edit-form #edit-field-shared-with-wrapper {
     display: none;
}

/* 已選中用戶顯示區域樣式 */
.selected-users-display {
     transition: all 0.3s ease;
}

.selected-user-tag {
     transition: all 0.2s ease;
}

.selected-user-tag:hover {
     transform: translateY(-1px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.remove-user-btn:hover {
     transform: scale(1.1);
}

#clear-all-selections:hover {
     background: #c82333 !important;
     transform: translateY(-1px);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 767.99px) {
     body .block-system-branding-block .logo {
          max-width: 13.6875rem;
     }
}