/*color pattern blue*/
/*カスタムカラー*/
:root {
  --color-main: #9b917b;
  --color-main-2: #817352;
  --color-main-3: rgba(134, 122, 69, 0.35);
  --color-sub-1: #607eaa;
  --color-sub-1__dark: #45628d;
  --color-sub-1__black: #2f486d;
  --color-sub-3: #f9f5eb;
  --color-sub-4: #e2618c;
  --text-color: #212529;
  --body-bgcolor: #eaf3f6;
  --menu-bgcolor: #1c3879;
  --menu-bodercolor: #0f2455;
  --menu-bgcolor__hover: #6f9fe7;
  --color-black: #000;
  --bg-secondary-rgb: 96, 126, 170;
  --bg-info-rgb: 155, 145, 123;
  --bg-white: #fff;
}

/*Body colo from Base.css*/
body {
  background-color: var(--body-bgcolor) !important;
}

/*header header menu from AdminMenu.css*/
div.adminmenu {
  background-color: var(--menu-bgcolor) !important;
  border-top: 1px solid var(--menu-bodercolor) !important;
  border-bottom: 1px solid var(--menu-bodercolor) !important;
}
div.adminmenu .nav-link:hover,
div.adminmenu .nav-link:focus {
  background-color: var(--menu-bgcolor__hover) !important;
}
/*alert from override*/
.alert-info {
  color: var(--text-color);
  background-color: var(--color-sub-3);
  border-color: var(--color-sub-3);
}
/*bg from booststrap.css*/
.bg-secondary {
  --bg-bg-opacity: 1;
  background-color: rgba(
    var(--bg-secondary-rgb),
    var(--bg-bg-opacity)
  ) !important;
}
.bg-info {
  --bg-bg-opacity: 1;
  background-color: rgba(var(--bg-info-rgb), var(--bg-bg-opacity)) !important;
}
/*button  from bootstrap.css*/
.btn-secondary {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-secondary:hover {
  background-color: var(--color-sub-1__dark);
  border-color: var(--color-sub-1__dark);
}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
  background-color: var(--color-sub-1__dark);
  border-color: var(--color-sub-1__dark);
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--color-sub-1__dark);
  border-color: var(--color-sub-1__black);
}
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 145, 144, 0.5);
}
.btn-secondary:disabled,
.btn-secondary.disabled {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
  opacity: 0.7;
}

.btn-outline-secondary {
  color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-outline-secondary:hover {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 145, 144, 0.5);
}
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
  background-color: var(--color-sub-1);
  border-color: var(--color-sub-1);
}
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 145, 144, 0.5);
}
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
  color: var(--color-sub-1);
}

/*button  from override.css*/

.btn-info {
  background-color: var(--color-main);
  border-color: var(--color-main);
}

.btn-info:hover {
  background-color: var(--color-main-2);
  border-color: var(--color-main-2);
}

.btn-info:active,
.btn-check:focus + .btn-info,
.btn-info:focus,
.btn-info:active,
.btn-info:active:focus {
  background-color: var(--color-main-2);
  border-color: var(--color-main-2);
  box-shadow: 0 0 0 0.25rem var(--color-main-3);
}
.btn-primary {
  background-color: var(--color-sub-4);
  border-color: var(--color-sub-4);
}

.btn-primary:hover {
  border-color: var(--color-sub-4);
  color: var(--color-sub-4);
}

.btn-primary:active,
.btn-primary:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--bg-white);
  border-color: var(--color-sub-4);
  color: var(--color-sub-4);
  box-shadow: 0 0 0 0.05rem var(--color-sub-4);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.05rem var(--color-sub-4);
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--color-sub-4);
  border-color: var(--color-sub-4);
  opacity: 0.6;
}
.btn-warning {
  background-color: var(--bg-white);
  border-color: var(--color-main);
}

.btn-warning:hover {
  background-color: var(--color-main);
  border-color: var(--color-main-2);
  color: var(--text-color-reversal);
}

.btn-warning:active,
.btn-warning:focus + .btn-warning,
.btn-warning:focus,
.btn-warning:active {
  background-color: var(--color-main-2);
  border-color: var(--color-main-2);
  box-shadow: 0 0 0 0.25rem var(--color-main-3);
}

.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem var(--color-main-3);
}

/*table from component.css*/
.thead-common-color th {
  background-color: var(--color-sub-3);
}
.thead-secondary-color th {
  --bg-bg-opacity: 0.25;
  background-color: rgba(
    var(--bg-secondary-rgb),
    var(--bg-bg-opacity)
  ) !important;
}
/*table from A03.css*/
.A030201-color-sub-header th {
  background-color: var(--color-sub-3);
}
/*title from component.css*/
.title-2 {
  background-color: var(--color-sub-1);
}