@import url('https://fonts.googleapis.com/css2?family=Pridi&display=swap');

/* #### Upgrade to 24.11 #### */
:root {
  --ps-red-1: #F8E6EA;
  --ps-red-2: #F2CDD6;
  --ps-red-3: #ECB4C1;
  --ps-red-4: #E59CAD;
  --ps-red-5: #DF8398;
  --ps-red-6: #D96A84;
  --ps-red-7: #D2526F;
  --ps-red-8: #CC395A;
  --ps-red-9: #C62046;
  --ps-red-10: #AC072D;
  --ps-red-tuidx: #C00832;
  --ps-white: #FFFFFF;
  --ps-gray: #F2F2F2;
}

*,
body,
.fonts-loaded body,
.fonts-loaded button,
.fonts-loaded input,
.fonts-loaded optgroup,
.fonts-loaded option,
.fonts-loaded select,
.fonts-loaded textarea {
  font-family: 'Pridi', NotoSans, sans-serif;
}
body {
  background-color: var(--ps-gray);
}

/* tag a */
a,
a:link,
a:visited {
  color: var(--ps-red-9);
}
a:hover,
a:active,
a:focus {
  color: var(--ps-red-7);
}

/* ## header ## */
#header-region {
  padding-left: 15px;
  padding-right: 15px;
}
#header-region .container-fluid {
  padding: unset;
}

#menu-box {
	padding: 0 15px;
}

#logo {
  display: none;
}

#opacheader img {
	width: 100%;
}

#opac-main-search {
  background: var(--ps-red-tuidx);
}

.navbar.navbar-expand .navbar-nav>li>a {
  color: var(--ps-white);
}
.navbar.navbar-expand {
  background: var(--ps-red-tuidx);
}
.navbar.navbar-expand .fa.fa-icon-black {
  color: var(--ps-white);
}
/* ## header ## */

/* ## button ## */
.btn-primary {
  background-color: var(--ps-red-6);
  border-color: var(--ps-red-6);
  color: var(--ps-white);
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled,.disabled).active,
.btn-primary:not(:disabled,.disabled):active,
.btn-primary:not(:disabled,.disabled):focus,
.btn-primary:not(:disabled,.disabled).focus {
	background-color: var(--ps-red-5);
	border: 1px solid var(--ps-red-5);
	-webkit-box-shadow: 0 0 0 1px var(--ps-red-5);
	box-shadow: 0 0 0 1px var(--ps-red-5);
}
.btn-primary.disabled,
.btn-primary:disabled {
	background-color: var(--ps-red-6);
	border-color: var(--ps-red-6);
	color: var(--ps-white);
}
.btn-primary.disabled:hover,
.btn-primary.disabled.hover,
.btn-primary:disabled:hover,
.btn-primary:disabled.hover {
	background-color: var(--ps-red-6);
	border-color: var(--ps-red-6);
	color: var(--ps-white);
}
/* ## button ## */

/* ## link in table ## */
.table-striped tbody>tr:nth-child(odd)>td a,
.table-striped tbody>tr:nth-child(odd)>th a {
	color: var(--ps-red-9);
}
.table-striped tbody>tr:nth-child(odd)>td a:hover,
.table-striped tbody>tr:nth-child(odd)>td a:focus,
.table-striped tbody>tr:nth-child(odd)>td a:active,
.table-striped tbody>tr:nth-child(odd)>th a:hover,
.table-striped tbody>tr:nth-child(odd)>th a:focus,
.table-striped tbody>tr:nth-child(odd)>th a:active {
	color: var(--ps-red-7);
}
/* ## link in table ## */

/* ## bib detail ## */
#opac-detail span.results_summary.online_resources a {
  font-weight: bold;
}

.page-item.disabled .page-link {
  color: var(--ps-white);
  background-color: var(--ps-red-tuidx);
}
/* ## bib detail ## */

/* ## sidebar action ## */
#action a {
  color: var(--ps-red-9);
}
#action a:hover,
#action a:active,
#action a:focus {
  color: var(--ps-red-7);
}
/* ## sidebar action ## */

/* ## tab ## */
.view a i.fa,
.view button i.fa,
.actions a i.fa,
.actions button i.fa,
.toolbar a i.fa,
.toolbar button i.fa,
#action a i.fa,
#action button i.fa {
  color: var(--ps-red-9);
}
.btn-link:hover {
  color: var(--ps-red-7);
}
/* ## tab ## */


/* ## Form : (select, input, textarea) ## */
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus,
.form-control:focus,
.table_controls .dt-input input:focus,
.form-select:focus {
  border-color: var(--ps-red-tuidx);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(192, 8, 50,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(192, 8, 50,.6)
}
/* ## Form : (select, input, textarea) ## */