body {
	background-color: #fffff0 !important;
}

.border-color {
    border-color: #3db9dc !important;
    border-width:2px;
}

/* ヘッダー */
.headerbar {
	background: #fffff0;
}

.navbar-custom {
	background: #fffff0 !important;
}

.ledText {
	color: #fffff0;
}

.logo {
	color: black !important;
}

.navbar-custom .nav-link {
	color: black !important;
}

.button-menu-mobile {
	color: black !important;
}

/* サイドメニュー通常 */
#sidebar-menu>ul>li>a {
	color: black !important;
}
/* サイドメニュー選択状態*/
#sidebar-menu>ul>li>a.active {
	color: black !important;
	background-color: #D6E6C3 !important;
}
/* サイドメニューマウスオーバー状態*/
#sidebar-menu>ul>li>a:hover {
	background-color: #414d58;
	color: #fffff0 !important;
}

/* サイドメニュー背景*/
.main-sidebar {
	background: #f5deb3 !important;
	color: black;
}

/* サイドサブメニュー*/
#sidebar-menu ul ul a:hover {
	color: #fffff0 !important;
}

#sidebar-menu ul ul a {
	color: black !important;
}

/* カードヘッダー背景*/
.card-header {
	background: #f5deb3 !important;
}
.card-header.disabled {
	background: silver !important;
}



/* タイトル*/
.breadcrumb-holder {
	background: #fffff0 !important;
}

h1.main-title, h2.main-title {
	border-color: #a0522d;
}

.color-info {
	color: #a0522d;
}

.color-silver {
	color: silver;
}

.bg-sunday {
	background: #fff4ff;
}

.bg-saturday {
	background: #edffff;
}

li.lv4 {
	color: red;
}

li.lv3 {
	color: #E67928;
}

li.lv2 {
	color: #E67928;
}

li.lv1 {
	color: deepskyblue;
}

li.lv0 {
	color: gray;
}

.record-red    {background-color: red ; color:white ; font-weight:bold ;}
.record-orange {background-color: #E67928 ; color:white ; font-weight:bold ; }
.record-yellow {background-color: #FDD800 ; color:black ; font-weight:bold ; }

.table-header{
    background-color: #a0522d!important;
    color: white!important;
}
.nav-link.active{
	background-color: #f5deb3!important;
}
.small-label{
	background-color: #f5deb3!important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.03);
}
.table-striped tbody tr:nth-of-type(even) {

}
.row.races:nth-child(2n){
	background-color: rgba(0,0,0,.03); !important;
	color: black;
}

div.message-item:nth-child(even) {
}

div.message-item:nth-child(odd) {
	background-color: rgba(0,0,0,.03); !important;
}

.card {
	height: 100%;
	background-color: #fffff0 !important;
	magin-bottom:2px !important;
}

.border {
	border: 1px solid #a0522d!important;
	border-radius: .25rem;
}
.border-top {
    border-top: 1px solid #a0522d!important;
}
.border-bottom {
    border-bottom: 1px solid #a0522d!important;
}
.alert-light {
    color: gray;
    background-color: #fffff0;
    border-color: #a0522d;
}

.btn-group-toggle > .btn-check-green {
  background-color: #dbffdb !important;
  border-color: #90EE90 !important;
  color: #333 !important;
}

.btn-group-toggle > .btn-check-green:hover {
  background-color: #c8f7c5 !important;
  border-color: #90EE90 !important;
  color: #333 !important;
}

.btn-group-toggle > .btn-check-green.active,
.btn-group-toggle > .btn-check-green:active,
.btn-group-toggle > .btn-check-green:focus {
  background-color: #32CD32 !important;
  border-color: #228B22 !important;
  color: white !important;
  box-shadow: none !important;
}


.btn-check {
  background-color: #f5deb3 !important;
  border-color: #a0522d !important;
  color:gray !important;
}

.btn-check:hover {
  background-color: #e5ceA3 !important;
  border-color: #a0522d !important;
  color: #333 !important;
}

.btn-check:active, .btn-check.active,
.btn-check:active,
.open > .dropdown-toggle.btn-check {
  background-color: #a0522d !important;
  border-color: #a0522d !important;
  color: #ffffff !important; }

.btn-info {
    background-color: #a0522d;
    border-color: #a0522d;
}

.table-striped>thead>tr>th {
	background-color: #f5deb3;
	color: black;
}

.btn-outline-info {
    color: #a0522d;
    background-image: none;
    background-color: transparent;
    border-color: #a0522d;
}

.btn-info.disabled, .btn-info:disabled {
    color: gray !important;
    background-color: #f5deb3;
    border-color: #a0522d;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #a0522d;
    background-color: #f5deb3;
    border-color: #a0522d;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #a0522d;
    background-color: #f5deb3;
    border-color: #a0522d;
}
.dropdown-menu {
    z-index:998;
    background-color:#f5deb3;
}


a {
    color: blue;
    text-decoration: none; }

.table-bordered td, .table-bordered th {
    border: 1px solid #a0522d;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #a0522d;
}
.table-bordered {
    border: 1px solid #a0522d;
}
.img-thumbnail {
    background-color: #f5deb3;
}
.img-thumbnail-selected {
    background-color: red;
}

.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
  background-color: #0f9df7;
  border: 1px solid #a0522d;
}

.border1111{
	border-style : solid;
	border-width : 1px 1px 1px 1px;
		border-color : #a0522d;
}
.border0111{
	border-style : solid;
	border-width : 0px 1px 1px 1px;
		border-color : #a0522d;
}
.border1110{
	border-style : solid !important;
	border-width : 1px 1px 1px 0px;
		border-color : #a0522d;
}
.border0110{
	border-style : solid !important;
	border-width : 0px 1px 1px 0px !important;
		border-color : #a0522d;
}
.border0011{
	border-style : solid !important;
	border-width : 0px 0px 1px 1px !important;
		border-color : #a0522d;
}
.border1100{
	border-style : solid !important;
	border-width : 1px 1px 0px 0px !important;
		border-color : #a0522d;
}
.border0010{
	border-style : solid !important;
	border-width : 0px 0px 1px 0px !important;
		border-color : #a0522d;
}
.border0001{
	border-style : solid !important;
	border-width : 0px 0px 0px 1px !important;
		border-color : #a0522d;
}
.border0000{
	border-style : none !important;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #a0522d;
  border-color: #a0522d;
}

.page-item.disabled .page-link {
  color: #a0522d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #a0522d;
}

/* Bootstrap 5 btn-check styles */
.btn-poginfo {
  background-color: #dbffdb !important;
  border-color: #000 !important;
  color: #333 !important;
}

.btn-poginfo .far.fa-square {
  color: #333 !important;
  opacity: 1 !important;
  display: inline-block !important;
  visibility: visible !important;
}

.btn-check:checked + .btn-poginfo .fas.fa-check-square {
  color: white !important;
  opacity: 1 !important;
  display: inline-block !important;
  visibility: visible !important;
  font-size: 1.1em !important;
  position: relative;
}

.btn-check:checked + .btn-poginfo .fas.fa-check-square::before {
  color: white !important;
}

.btn-check:checked + .btn-poginfo .fas.fa-check-square::after {
  content: "✓" !important;
  color: black !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.7em;
}

.btn-poginfo .fas.fa-check-square {
  color: #28a745 !important;
  opacity: 1 !important;
  display: inline-block !important;
  visibility: visible !important;
  font-size: 1.1em !important;
}

/* Font Awesome アイコンが確実に表示されるように */
.fa-square::before {
  content: "\f0c8" !important;
}

.fa-check-square::before {
  content: "\f14a" !important;
}

.btn-check:checked + .btn-poginfo {
  background-color: #32CD32 !important;
  border-color: #228B22 !important;
  color: white !important;
}

.btn-poginfo:hover {
  background-color: #c8f7c5 !important;
  border-color: #90EE90 !important;
  color: #333 !important;
}