@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,400;0,700;1,400;1,700&family=Sarabun:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
*,
body,
.fonts-loaded body,
.fonts-loaded button,
.fonts-loaded input,
.fonts-loaded optgroup,
.fonts-loaded option,
.fonts-loaded select,
.fonts-loaded textarea {
  font-family: "Sarabun", sans-serif;
}

body {
  font-size: 16px;
}

/* tag a */
a {
  color: #005778;
}
a:hover, a:active, a:focus {
  color: #008BBF;
}

/* header */
#header a {
  color: #66CEF5;
}
#header a:hover, #header a:active, #header a:focus {
  color: #B3E7FA;
}
#header .dropdown-menu li a {
  color: #66CEF5;
}
#header .dropdown-menu li a:hover, #header .dropdown-menu li a:focus {
  background-color: #008BBF;
  color: #B3E7FA;
}

/* logo in header */
#logo {
  content: url("/punsarn/intranet/img/nha-logo.png");
  width: 20px;
  padding: 2px 0px 2px 0px;
  margin-left: 15px;
}

/* header search */
#header_search {
  padding: 1em 0.8em;
  background: #008BBF;
  border: 1px solid #008BBF;
}
#header_search ul, #header_search .form-title {
  background: #008BBF;
  border: 1px solid #008BBF;
}
#header_search .nav-tabs > li > a {
  background: #008BBF;
  border: 2px solid #008BBF;
}
#header_search .nav-tabs > li > a:hover, #header_search .nav-tabs > li > a:active, #header_search .nav-tabs > li > a:focus {
  background: #008BBF;
  border: 2px solid #008BBF;
  border-bottom: 0;
}
#header_search input[type=submit],
#header_search button[type=submit] {
  background: #00AEEF;
  border: 1px solid #00AEEF;
}
#header_search input[type=submit]:hover,
#header_search button[type=submit]:hover {
  background: #33BEF2;
  border: 1px solid #33BEF2;
}

#catalog-search-dropdown > a {
  border-left: 1px solid #00AEEF;
}
#catalog-search-dropdown > a:hover, #catalog-search-dropdown > a.catalog-search-dropdown-hover {
  background-color: #33BEF2;
  border-left: 1px solid #4DC6F4;
}

@media screen and (min-width: 767px) {
  #catalog-search-link {
    border-right: 1px solid #00AEEF;
  }
}
/* home icon */
#breadcrumbs a[href="/cgi-bin/koha/mainpage.pl"] {
  color: #005778;
}

/* munu link */
.buttons-list li a:hover,
ul.biglinks-list li a.icon_general:hover {
  background-color: #005778;
}

/*  button */
.btn-primary {
  background-color: #00AEEF;
  border-color: #00AEEF;
  color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #33BEF2;
  border: 1px solid #33BEF2;
  -webkit-box-shadow: 0 0 0 1px #33BEF2;
  box-shadow: 0 0 0 1px #33BEF2;
}

.btn-link,
.highlight_toggle {
  color: #005778;
}
.btn-link:hover, .btn-link:active, .btn-link:focus,
.highlight_toggle:hover,
.highlight_toggle:active,
.highlight_toggle:focus {
  color: #008BBF;
}

/* navbar link */
.nav-tabs .nav-link {
  background-color: #005778;
}
.nav-tabs .nav-link.active {
  background-color: #FFFFFF;
}
.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
  background-color: #FFFFFF;
}
.nav-tabs .nav-link:hover {
  background-color: #008BBF;
  border-color: #008BBF;
}

/* search facet */
#search-facets h4 {
  background-color: #008BBF;
}

/* pagination */
.pagination > li > a, .pagination > li > span {
  color: #008BBF;
}
.pagination > .active > a, .pagination > .active > span {
  background-color: #005778;
  border-color: #005778;
}
.pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span:hover, .pagination > .active > span:focus {
  background-color: #005778;
  border-color: #005778;
}

/* pagination table */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #008BBF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #005778;
  color: #FFFFFF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #008BBF;
  color: #FFFFFF !important;
}

/* sidebar menu */
#menu ul li.active > a,
#menu ul li a:hover,
#menu ul li a.current, #navmenulist ul li.active > a,
#navmenulist ul li a:hover,
#navmenulist ul li a.current, #serialmenu ul li.active > a,
#serialmenu ul li a:hover,
#serialmenu ul li a.current {
  color: #005778;
  border-left: solid 5px #005778;
}
#menu ul li a:hover:not(.current), #navmenulist ul li a:hover:not(.current), #serialmenu ul li a:hover:not(.current) {
  color: #008BBF;
  border-left: solid 5px #008BBF;
}

/* biblio-cover-slider */
#biblio-cover-slider {
  border-color: #B3E7FA;
}

/* processing overlay */
div.dt-container .dt-processing {
  border-color: #B3E7FA;
}
div.dt-container .dt-processing > div:last-child > div {
  background: #33BEF2;
}

/* browse button */
#browse-return-to-results,
.browse-button {
  border-color: #B3E7FA;
}

/* misc */
#CheckAll, #CheckNone, #CheckPending {
  color: #005778;
}
#CheckAll:hover, #CheckAll:active, #CheckAll:focus, #CheckNone:hover, #CheckNone:active, #CheckNone:focus, #CheckPending:hover, #CheckPending:active, #CheckPending:focus {
  color: #008BBF;
}

table.dataTable thead > tr th.dt-ordering-asc span.dt-column-order::before, table.dataTable thead > tr th.dt-ordering-desc span.dt-column-order::after {
  color: #007AA7;
}

/*# sourceMappingURL=punsarn.css.map */