@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/** デフォルトカラーセット */
:root {
	/* 一番薄い色 */
	--background-color-pale: #E9F2F4;
	/* ホバーしたとき一番薄い */
	--background-color-pale-hover: #E9F4F9;
	/* テーブルを選択したときの色 */
	--background-color-tr-checked: var(--background-color-pale-hover);
	/* 一番濃い色 */
	--background-color-deep: #1A7AA3;
	/* より一層濃い色（アクセント）  */
	--accent-color-deep: #13526D;
	/* セカンダリボタンのホバー */
	--btn-secondary-hover: #E6ECEE;
	/* サイドメニュー背景薄い */
	--navbackground-color-pale: #dee2e6;
	/* カード背景色 */
	--cardbackground-color: #F3FBFD;
	/* テーブルhoverカラー */
	--theme-table-bg-hover: #b5d8e8;
	/* フォーム背景色 */
	--form-background-color: #F0F9FB;
	/* select2枠線 */
	--select2-border-color: #ced4da;
	
	/** フィルター */
	/* プライマリボタン */
	--btn-primary-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(331deg) brightness(104%) contrast(106%);
	/* セカンダリボタン */
	--btn-secondary-filter: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(6650%) hue-rotate(172deg) brightness(91%) contrast(80%);
	/* トラッシュアイコン */
	--icon-trash-filter: brightness(0) saturate(100%) invert(32%) sepia(37%) saturate(276%) hue-rotate(181deg) brightness(99%) contrast(87%);
	/* ボタンdicable */
	--btn-disable: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(91%) contrast(86%);
	/* ページdisable */
	--page-item-disable: brightness(0) saturate(100%) invert(76%) sepia(0%) saturate(3168%) hue-rotate(42deg) brightness(94%) contrast(86%);
	
}