/* adminlte系統 */
/* logo~白線の間。他のlayout-fixedなどに引きずられるためimportant */
.sidebar {
    margin-top: 2px !important;
    overflow: clip;
    /* margin-bottom: 10px !important; */
}
.main-footer {
    font-size: 14px;
    font-weight: bolder;
    padding:0.5rem;
}
/* .css_sidebar_headerbar { */
    /* レイアウトシフト的挙動になった。原因としてはmargin設定するとなる様子。ボーダーのみだから?w,hを設定しても駄目だった。 */
    /* border-bottom: 1px solid gray; */
    /* topnavに合わせるため */
    /* margin-top:2px; */
    /* sidebarのpadding7.5pxに逆対応 */
    /* margin-left:-7px; */
    /* sidebarのpadding7.5pxに逆対応 */
    /* margin-right:-7px; */
    /* sideメニューの1番上の位置調整用 */
    /* margin-bottom:20px; */
/* } */

/* sidebar collapse時(小さい時) */
.sidebar-collapse .css_sidebar_logo_area{
    /* メニュー欄の左に合わせる */
    padding-left:8px;
}
.sidebar-collapse .css_sidebar_logo_area .css_sidebar_logo_area_font_parts {
    /* 小さいときはフォントタイトル部を隠す(アイコンマークのみにする) */
    display:none;
}

.css_sidebar_logo_area {
    border-bottom: 1px solid gray;
    /* sideメニューの1番上の位置調整用。アカウント情報など各ページの上部に合うように設定 */
    margin-bottom:18px;
    display:flex;
    /* justify-content: space-between; */
    align-items:center;
    padding-top: 4px;
    padding-left: 15px;
    padding-right: 20px;
    margin-top: 2px;
    height:52px;
}
.css_sidebar_logo_area>.css_sidebar_logo_area_font_parts {
    font-size: 18px;
    color: white;
    font-weight: 700;
}

.css_navbar {
    /* background-color: #f4f6f9; */
    background-color: white;
    /* overflow:scroll; */
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* navbarのメニュー間隔 */
.css_nav_sidebar .css_sidebar_nav_item>.nav-link {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    margin-bottom:0;
}
/* サイドバーのメニューフォント設定 */
.css_sidebar_nav_item {
    /* 左端と右端がしっかり選択範囲となるための調整 */
    /* margin-left:-10px; */
    /* sidebarの動きに合わせてwidthも追随させたいため。tooltipなど用 */
    width:99.8%;
}
/* sidebarの選択調整bgn */
.sidebar .css_sidebar_nav_item a,
.sidebar .css_sidebar_nav_item div,
.sidebar .css_sidebar_nav_item p {
    color: white!important;
    font-size:18px;
}
.sidebar .css_sidebar_nav_item .nav-link:hover
{
    background-color: white!important;
    color:black!important;
}
.sidebar .css_sidebar_nav_item .nav-link:hover a,
.sidebar .css_sidebar_nav_item .nav-link:hover div,
.sidebar .css_sidebar_nav_item .nav-link:hover p{
    color: inherit!important;    
}
.sidebar .css_sidebar_nav_item a>i,
.sidebar .css_sidebar_nav_item div>i{
    font-size: 20px!important;
}
.sidebar .css_sidebar_nav_item .css_sidebar_2danme a,
.sidebar .css_sidebar_nav_item .css_sidebar_2danme div,
.sidebar .css_sidebar_nav_item .css_sidebar_2danme p {
    left:18px;
    width:217.4px;
}
/* sidebarの選択調整end */

.css_sidebar_fas {
    /* 選択範囲縦真ん中辺りに微調整 */
    position:relative;
    top:2px;
    right:1px;
}
.css_sidebar_fa-angle-left {
    /* 選択範囲縦真ん中辺りに微調整 */
    position: relative !important;;
    top: 2px !important;;
    left: 82px !important;;
}
.css_sidebar_svg_common {
    /* sidebar icon svg */
    bottom: 1px;
    position:relative;
    margin-right:11px;
}
.css_sidebar_svg_color {
    /* sidebar iconcolor svg */
    color: white;
}
.css_sidebar_nav_item:hover>a>.css_sidebar_svg_color {
    /* sidebar iconcolor svg */
    color: black;
}

.css_sidebar_under_message {
    color:white;
    font-size: 10px;
}

.css_sidebar_under_message_important {
    color: white!important;
    font-size: 10px!important;
}

/* ハンバーガーメニューの色 */
.css_sidebar_nav_link {
    color:black;
}

.content-wrapper {
    /* background-color: #f4f6f9; */
    background-color: white;
}

/* .content-header {
    padding:0;
} */

.content-header {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}

/* top_navigation element ==============================*/
/* header部分のフォントを上げる*/
.css_top_navigation_header_element {
    font-size: 19px;
}

.layout-navbar-fixed-custombigger .wrapper .content-wrapper {
    margin-top: 66px;
}
/* エラー用ツールチップ（css_custom_tooltip_danger）のデザイン bgn*/
.css_custom_tooltip_danger .tooltip-inner {
    background-color: #dc3545 !important; /* 赤色 */
    color: #ffffff !important; /* 白文字 */
}

/* 矢印の色を赤にする（全方向対応） */
/* 上向き */
.css_custom_tooltip_danger.bs-tooltip-top .arrow::before,
.css_custom_tooltip_danger.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #dc3545 !important;
}

/* 右向き */
.css_custom_tooltip_danger.bs-tooltip-right .arrow::before,
.css_custom_tooltip_danger.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #dc3545 !important;
}

/* 下向き */
.css_custom_tooltip_danger.bs-tooltip-bottom .arrow::before,
.css_custom_tooltip_danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #dc3545 !important;
}

/* 左向き */
.css_custom_tooltip_danger.bs-tooltip-left .arrow::before,
.css_custom_tooltip_danger.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #dc3545 !important;
}
/* エラー用ツールチップ（css_custom_tooltip_danger）のデザイン end*/