.custom_modal-dialog-full {
    /* modal表示を画面全体に広げる */
    width: 97%;
    max-width: inherit;
    /* margin-left: 10px; */
}

body {
    font-family:
    /* "Noto Sans JP", */
    "メイリオ",
    "Meiryo",
    'sans-serif';
}
/* progress bar ============================== */
/* progress bar selected対象の色 */

.custom-progress-group .selected {
    background-color: #22B14C;
}

/* not selectedの色 */
.custom-progress-group :not(.selected) {
    background-color: gray;
}

/* progressbar毎のborderスタイル */
.custom-progress-group .progress {
    border-style: solid;
    border-width: 0.1ch;
    border-top: none;
    border-bottom: none;
    border-color: white;
}

/* preだとフォントが変わるためカスタムpreで対応 */
.custom-pre {
    white-space: pre;
}

.custom-pre-wrap {
    white-space: pre-wrap;
}
.custom-pre-wrap-important {
    white-space: pre-wrap!important;
}

/* footerを通常位置ではない箇所に表示する際色を通常位置に配置したときに合わせるためのもの */
.css_custom_font_sidebar {
    font-size: 16px;
    font-weight: 400;
}

.css_custom_font_topbar {
    font-size: 22px;
    font-weight: 700;
}

.css_custom_font_title {
    font-size: 20px;
    font-weight: 700;
}

.css_custom_font_title_link_modoru {
    font-size: 12px;
    font-weight: 400;
}

.css_custom_font_btn {
    font-size: 15px;
    font-weight: 400;
}

.css_custom_font_footer {
    font-size: 12px;
    font-weight: 700;
    color: #869099;
}

/* custom_calendar_box.Calendarタイプinput用。Calendarのfaviconを前方へ配置 */
.custom_calendar_box {
    display: inline-block;
    /* なくても大丈夫だけど、念の為 */
    position: relative;
    /* 基準値とする */
}

.custom_calendar_box::before {
    /* favicon使用 */
    content: "\f073";
    font-family: FontAwesome;
    /* 疑似要素に必須 */
    /* 高さ付与 */
    display: inline-block;
    /* 相対座標 */
    position: absolute;
    /* アイコンの位置 */
    top: 6px;
    left: 7px;
}

.custom_calendar_box input {
    /* icon用に左余白作成*/
    padding: 3px 0 3px 2em;
}

.css_sidebar_logo_group {
    /* 位置調整 ORDERSYSTEMに対して垂直真ん中になるように。サイドバー小さい場合に水平真ん中にくるように。 */
    margin-bottom: 4px;
    /* margin-left: 7px; */
    display:none;
}

.css_sidebar_logo_group.is_activelogo {
    display:block;
}

/* alert文用 */
.css_orange_alert {
    background-color:#ffe4b5;
    /* color:black; */
}

.css_orange_alert > .css_color_icon {
    /* iconカラー */
    color:#ffa500;
}

/* loading bgn ==============================*/
.css_loading_area {
    display: none;
    top:0;
    width:100%;
    position: fixed;
    /* あらゆるコンテンツよりz軸上に設定 */
    z-index:9999;
}
.css_loading_area>.css_loading_bg {
    /* background用。全体を薄暗くする */
    background: #F8F9FA;
    height: 100vh;
    position: absolute;
    width: 100%;
    opacity: 0.3;
}
.css_loading_area>.css_loading_content {
    /* コンテンツ用設定 */
    position: absolute;
    left: 50vw;
    top: 50vh;
    /* left50vw & top50vhにより中央に寄せた際、左上角が真ん中に来る。だが中央に来て欲しいのは左上角ではなく中央部なので自分自身の-50%上-50%左に動かす */
    transform: translate(-50%, -50%);
}
.css_loading_area .css_loading_spinner {
    /* コンテンツ_spinner設定 */
    width: 6rem;
    height: 6rem;
}
/* loading end ==============================*/