/*************************************************************************************/
/* Bootstrapカスタマイズ用スタイルシート
/*************************************************************************************/
/** bootstrapアイコンの表示位置がずれるため調整（将来的には改善されるかも） */
[class^="bi-"]::before, [class*=" bi-"]::before {
    line-height: inherit;
    /*    vertical-align: inherit;*/
    /*    vertical-align: middle;*/
    vertical-align: -0.125rem; /*アイコンがテキストより微妙に上にずれているのでその分下に下げる調整  */
}
/** レスポンシブを効かせる */
.table-responsive th {
    white-space: nowrap;
}

/*******************/
/*   文字色 
/*******************/
.table {
    color: #333;
}

/*******************/
/*   ヘッダー 
/*******************/
.navbar-brand {
 /*   margin-left: 1.6rem;*/ /* サイドバーのトグルアイコンのスペースを空ける */
    color: #797979 !important;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-brand img {
    max-width: 100%;
}

/***************************/
/*   フォームコントロール 
/***************************/
.form-control:disabled, .form-control[readonly] {
    /*    background-color: #e9ecef;*/
    background-color: #f5f5f5;
    /* color: #000;*/
}

/***************************/
/*   カード 
/***************************/
.card {
    border-radius: .5rem;
}
.card-header:first-child {
    border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
}
.card-footer:last-child {
    border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px);
}
.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

/***************************/
/*   ボタン 
/***************************/
.btn {
    min-width: 7rem;
    white-space: nowrap;
}