/*	ログインページ追加CSS	*/
.brand-name {
    color: black;
    font-size: 27px;
    font-family: 'Mochiy Pop P One', sans-serif;
    text-align: center;
}
span.blue-font {
    color: mediumblue;
}
.addlogin-button{
    width:100%;
    font-weight: bold;
}
.kado-10{
    border-radius: 10px;
}
.span-height-100{
    height:100%
}
.alert.alert-danger {
    text-align: center;
    margin: 20px 0 0 0;
    padding: 5px 0;
}
.text-right{
    text-align: right;
}
/*	ログインページ追加CSS	*/
/*	サイドメニュー	*/
div.navbar-brand-text {
    font-family: 'Mochiy Pop P One', sans-serif;
    font-size: 21px;
}
.sidebar .nav .nav-item .nav-link i.collapseElem-wrech {
    font-size: 16px;
    margin: 0;
    display: none;
}
/*	サイドメニュー	*/






/* クロスハイライト (table) ここから */

/* セルおよび関連する行のハイライト */
.table_cross_highlight td.hover  {
    background-color: beige;  /* 黄色 */
}
.table_cross_highlight th.hover{
    background-color: navy;  /* ネイビー */
}
/* クロス部分のハイライト */
.table_cross_highlight td.hover:hover,.table_cross_highlight th.hover:hover{
    background-color: lemonchiffon;;  /* より濃い黄色 */
    font-weight: bold;
    color:black;
}

/* クロスハイライト (table) ここまで */

/*	baseのテーブル設定	*/
/* テーブルのタイトル部分 */
h4.card-title.table-card-title {
    margin-bottom: 0px;
}
/* ture-テーブル用	*/
table.ture-table{
    margin: 2px 0px;
    table-layout: auto;
}
/* ブートストラップの.table > :not(:first-child)の打消用	*/
table.ture-table > :not(:first-child) {
    border-top: unset;
}
table.ture-table td, table.ture-table th {
    padding: 4px;
}
table.ture-table tr th{
    text-align: center;
    background-color: #1d6add;
    color: white;
    font-size: 8px;
}
/*	baseのテーブル設定	*/

/* テーブルのicon設定	*/
/* テーブルの設定画面用	*/
i.seting-icon:hover {
    font-weight: bold;
    color: royalblue;
    animation-name: spin;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-flex;
}
.is-hidden {
  display: none !important;
}


/* テーブルの設定画面のツールチップ用	*/
/* デフォルトで非表示にする */
.arrow_box_top {
    display: none;
    position: absolute;  /* ツールチップの位置を絶対位置で調整できるようにする */
    padding: 4px 8px;   /* パディングを追加してテキストを中央にする */
    background-color: #333;  /* ツールチップの背景色を黒にする */
    color: #fff;   /* テキストの色を白にする */
    border-radius: 5px;   /* 角を少し丸くする */
    margin-top: -1em;
    opacity: 0.8;
    white-space: nowrap;  /* 改行を防ぐため */
    z-index: 1;   /* 必要に応じて他の要素より前面に表示するため */
    font-size: initial;
}
/* arrow_viewをhoverでspanを表示する */
.arrow_view:hover .arrow_box_top{
    display: revert;
    margin-top: -2em;
}

/* i要素にホバーしたときにspanを表示する */
i:hover + .arrow_box_top {
    display: revert;
}
/* ツールチップが正しく表示されるように、ツールチップの親要素を修正	*/
div.table_title_set{
    position: relative;
}
/* テーブルの設定画面のツールチップ用ココまで	*/


/* コピーclass用*/

input.inputClipCopy{
  cursor: pointer;
}

/*	右サイドMENUのボタン表示	*/
div#theme-settings button{
  margin-top: 1px;
}