/**
 * @env: lumapps-others
 * @customerName: Japan Airlines
 * @customerId: 5453029880889344
 * @account: None
 *
 * @instanceName: JAL Group Portal
 * @instanceId: 5027554012430336
 *
 * @styleName: JAL Group
 * @styleId: 5604768458211328
 * @styleType: Global site
 * @kind: custom
 *
 * @url: https://sites-ms.lumapps.com/a/jal/jal-group
 *
 * Designer: jean@lumapps.com
 * NGI version: vanessa.verriere@lumapps.com
 * Updated On: August 17th, 2023
 */

/* *************************************** */
/* Theme lumapps styles
/* *************************************** */

/*--- BASE STYLES */

:root {
    --lumx-app-header-box-shadow: none;
}

/*--- GLOBAL STYLES */

.theme-lumapps .widget--shared-spec-contentlist-alert {
    --lumx-typography-custom-title4-font-size: 14px;
    --lumx-typography-custom-title4-line-height: 20px;
}

/*--- FIX */

.theme-lumapps .block-grid {
    --block-grid-item-min-width: 160px !important;
}

.theme-lumapps .widget-html a {
    text-decoration: none;
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */

/*--- GLOBAL STYLES */

.widget--shared-spec-contentlist-alert {
    display: flex;
    flex-direction: row;
}

.widget--shared-spec-contentlist-alert .widget-header h2.widget-header__title {
    display: none;
}

.widget--shared-spec-contentlist-alert .widget-content {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.widget--shared-spec-contentlist-alert .widget-content-list__list .content-block--default-style.content-block--theme-dark,
.theme-lumapps .widget--shared-spec-contentlist-alert.widget--theme-dark .block-list {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.widget--shared-spec-contentlist-alert .widget-content-list__list .content-block__field--title .content-block-title {
    font-size: 14px;
    line-height: 20px;
}

.widget--following-content-list .widget-content-list__list .content-block:first-child,
.theme-lumapps .widget--shared-spec-contentlist-alert .block-list__item:first-child {
    display: none;
}

@media screen and (max-width: 767px) {
    #fly_info.component-widget textarea,
    .theme-lumapps #fly_info.widget textarea {
        width: 300px;
        height: 200px;
    }

    #fly_info.component-widget #occ_info,
    .theme-lumapps #fly_info.widget #occ_info {
        height: 340px;
        width: 480px;
    }
}

@media screen and (min-width: 768px) and ( max-width: 1023px) {
    #fly_info.component-widget textarea,
    .theme-lumapps #fly_info.widget textarea {
        width: 550px;
        height: 200px;
    }
}

@media screen and (min-width: 1024px) {
    #fly_info.component-widget textarea,
    .theme-lumapps #fly_info.widget textarea {
        width: 600px;
        height: 200px;
    }
}

@media screen and (min-width: 768px) {
    #fly_info.component-widget #occ_info,
    .theme-lumapps #fly_info.widget #occ_info {
        height: 340px;
    }
}

/* *************************************** */
/* Miscellaneous */
/* *************************************** */

.new-login,
.new-login-card__btn--saml {
    background-color: #2E3642 !important;
}

.new-login-card__submit-btn {
    background-color: #ffffff !important;
    color: rgba(0, 0, 0, .54);
    outline: 1px solid #dbdbdb;
}

.new-login-card__forgotten-link {
    color: #2E3642 !important;
}

.new-login-card__error span {
    display: none;
}

.login-page__content::before {
    content: "「Microsoftでサインイン」をクリックしてください\A Please click \"Sign in with Microsoft\"\A\A[パスワードリセット／Reset password]\Ahttps://www.pwd2.crane.jal.biz/Common/WebUI/PWD0001.htm";
    font-size: 11px;
    color: #777777;
    white-space:pre-wrap;
    font-family:'メイリオ', 'Meiryo', sans-serif;
}

.new-login-card__error:before {
    content: "「Microsoftでサインイン」をクリックしてください\A Please click \"Sign in with Microsoft\"\A\A[パスワードリセット／Reset password]\Ahttps://www.pwd2.crane.jal.biz/Common/WebUI/PWD0001.htm";
    font-size: 11px;
    color: #777777;
    white-space: pre-wrap;
    font-family: 'メイリオ', 'Meiryo', sans-serif;
}

/* *************************************** */
/* Header */
/* *************************************** */

.header-top,
.header-top__wrapper {
    height: 68px;
}

.header-main-nav {
    top: 68px;
    box-shadow: none;
}

.header-top .user-settings__name {
    display: none;
}

.header-top__bookmarked-apps {
    display: none;
}

.header-top--theme-light .header-top__search .search-engine.search-engine--autocomplete {
    background-color: rgba(95, 110, 120, .2);
    border: 1px solid #5F6E78;
    border-radius: 4px;
}

.search-filter--autocomplete {
    padding: 0 !important;
}

.header-top--theme-light .header-top__search .search-engine .mdi-magnify {
    color: #374047;
}

.header-top--theme-light .header-top__search .search-engine input {
    color: #374047;
}

.header-main-nav .main-nav__child.main-nav__child--is-active .main-nav__link-wrapper {
    background-color: hsla(0, 255%, -128%, 0.5);
}

.header-top__contribution {
    display: none;
}

/* *************************************** */
/* Footer */
/* *************************************** */

.footer {
    background-color: #F8F9F9;
}

.footer .wrapper {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .wrapper img.oneworld {
    max-height: 86px;
    align-items: center;
}

.footer .wrapper img.JAL {
    max-height: 60px;
    align-items: center;
}