:root {
  --BodyColor: #606060;
  --BodyBackground: white;
  --HeaderColor: #f2f2f2;
  --HeaderBackground: #335495;
  --HeaderBackground2: #668bc4;
  --HeaderBorder: #a5becf;
  --ButtonColor: #f1f2f4;
  --ButtonBackground: #0640A7;  /* azul */
  --ButtonHoverColor: white;
  --ButtonHoverBackground: #668bc4;
  --SelectHoverBackground: #1e90ff; /* azul intenso, Chrome e Opera */
  --PalleteBlack: #040a1b;
  --Vwidth: 100%;   /* View port width */
}

* {margin: 0; padding: 0; box-sizing: border-box;}

/* BEGIN > font and body adjustments */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

body {
  font-family: 'Montserrat', Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;
  font-size: 14px;
  font-weight:400;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  line-height: 18px;
  color: var(--BodyColor);
  background-color: var(--BodyBackground);
  margin: 0px;
  padding: 0px;
  border: none;
  width: var(--Vwidth);
  height: 290px;  /* solves problem of page height adjust on page returns, set 290px */
  padding-top: 10px;  /* NR > added */
}

.fonts-loaded body, .fonts-loaded button, .fonts-loaded input, .fonts-loaded optgroup, .fonts-loaded option, .fonts-loaded select, .fonts-loaded textarea {font-family: 'Montserrat', Arial, Helvetica, 'Bitstream Vera Sans', sans-serif;}

/* END > font adjustments */

/* Prevent horizontal overflow */
html {overflow-x: hidden;}

/* Hide things ---> */
#header-region,
ul.breadcrumb,
#library_page,
.rsssearchlink,
.suggest_for_purchase,
#addcomment,
div.selections-toolbar,
span.results_summary.itemtype /* boneco de livro na pag de detalhes porque tem outro boneco igual no quadro a seguir */
{display: none;}
/* <--- Hide things */

#wrapper {padding: 0; width: var(--Vwidth);}
div.container-fluid {padding:0;}
div.container-fluid .row {margin: 0;}
.col {max-width: 99.5%;}

/* NR: Column padding and subsequent adjustments */
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto
{padding-left: 0; padding-right: 0;}


.h1, h1 {font-size: 100%;}
.h2, h2 { font-size: 1.3em; }
.table td, .table th { padding-left: 0; }
.table-bordered td, .table-bordered th { padding-left: .75rem; }
.title_summary { width: 96%; } /* senão aparece bleeded nas linhas mais compridas */

div.main {margin: 0; padding: 0; border: none; }

/* Adjust main-search */
#opac-main-search {background:#fff; padding:0; margin:0;}
#opac-main-search label {margin-left:1em; margin-right:0.5em; font-size:15px; color:var(--HeaderColor)}
/* Adjust other search things */
#searchform { background:var(--HeaderBackground); }
.col-sm-auto.order-2.order-sm-2 { padding-right: 1px; }
#masthead_search { border: 1px solid var(--HeaderBackground); border-radius: 0; font-size: 1.05em; color: var(--HeaderColor); background: var(--HeaderBackground); }
#masthead_search:hover, #masthead_search:focus { border:1px solid var(--HeaderBackground2); color: white; }

/* Input search text */
.form-row>.col, .form-row>[class*=col-] {padding-right:0px; padding-left:0px}
#translControl1 {
  border: 0px;
  border-radius: 0;
  border-top: 1px solid var(--HeaderBorder);
  border-bottom: 1px solid var(--HeaderBorder);
  font-size: 15.6px;
  color:var(--HeaderBackground);
}

/* Botão Lupa Pesquisar */
.order-5 {padding: 0px; border: none; margin-right: 0px;}
#searchsubmit {
  width:60px;
  background:url(/opac-tmpl/bootstrap/itemtypeimg/caadlib/magnifier-blue.svg) no-repeat center/20px #fff;
  color:transparent;
  border-color:var(--HeaderBorder);
  border-left-width:0px;
  border-radius:0px 3px 3px 0px;
}

/* Controls layout with focus */
.form-control:focus { border: 1px solid var(--HeaderBackground); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), inset 1px 1px 5px rgb(51 84 149 / 60%) }
/* input:focus, .form-control:focus, .table_controls .dataTables_filter input:focus, select:focus, textarea:focus */
input.form-control:focus,
input#limit-yr:focus
{
  border: 1px solid var(--HeaderBackground);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), inset 1px 1px 5px rgb(51 84 149 / 60%)
}

/* Adjust moresearches to remove last | */
#moresearches li:after {content:"";}

/* Buttons */
.btn-primary {
  color: var(--ButtonColor);
  background-color: var(--ButtonBackground);
  background-image: none;
  border-color:  var(--ButtonBackground);
  box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:active {
  color: var(--ButtonHoverColor);
  background-color: var(--ButtonHoverBackground);
  background-image: none;
  border-color: var(--ButtonHoverBackground);
  box-shadow: 0 0 0 0 var(--ButtonBackground);
}

/* RM > disposição e ordenação das colunas */
.col-lg-2 { padding-right: 8px; max-width: 17%; }
.col-lg-10 { max-width: 83%; }
.col-lg-9 { max-width: 76%; }
.col-lg-3 { padding-left: 8px; max-width: 24%; }
.order-md-first { order: 2; }
#booleansearch { width: 99%; }

/* Nr. itens found message */
#numresults { color: var(--HeaderBackground); font-size:1.2em }

/* Pagination bar */
.pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:last-child .page-link { border-radius: 0; }
li.page-item a.page-link { border-width: 1px 1px 1px 1px; border-style: solid; border-color: var(--HeaderBackground); }
li.page-item a.page-link:focus { border-width: 1px 1px 1px 1px; border-style: solid; border-color: var(--SelectHoverBackground); box-shadow: 0px 0px 3px 2px var(--SelectHoverBackground) inset; }
li.page-item.disabled a.page-link { border-width: 1px 1px 1px 1px; border-style: solid; border-color: var(--HeaderBackground); color: var(--HeaderBackground); background: var(--HeaderBorder); }
ul.pagination { flex-flow: row wrap; width: 100%; }

/* Select for results sort options */
.sort_by.col-sm-auto { max-width: 25%; background: var(--HeaderBackground); }
#sort_by { border: 1px solid var(--HeaderBackground); border-radius: 0; font-size: 1.05em; color: var(--HeaderColor); background: var(--HeaderBackground); }
#sort_by option, #sort_by optgroup { font-size: .9em; }
#sort_by:hover, #sort_by:focus { border: 1px solid var(--HeaderBackground2); color: white; }

/* Results listing */
.form-control-sm,
.table_controls .dataTables_filter input,
.toolbar a:hover,
.toolbar a:link,
.toolbar button
{ font-size: .8rem; }
/* Results #itens for each book. Original was green */
.available { color: var(--HeaderBackground); }

table { margin-top: 3px; }
#toolbar {margin-top: 3px; margin-bottom: 3px; padding: 3px; background: var(--HeaderBackground); }

/* Bottom results pagination box */
#bottom-pages { margin-top: 3px; margin-bottom: 10px; padding: 3px; background: var(--HeaderBackground); }

/* Refine returned search results left box */
#facetcontainer {border:1px solid var(--HeaderBorder);}
#facetcontainer #search-facets {border: none;}
#facetcontainer #search-facets h2 .menu-collapse-toggle {background:var(--HeaderBackground);color:var(--HeaderColor);}

/* Set details page span width to prevent text wrap before expected */
span.results_summary { width: 747px;}

/* Results right box in details page */
.nav_results { border: 1px solid var(--HeaderBorder); }
.l_Results, .nav_pages, .pagination_footer { background: var(--HeaderBackground); }
#a_listResults, .l_Results .close_pagination, .pagination_footer .close_pagination { color: var(--HeaderColor); }
/* Results right box header paginator */
.pg_menu {border-top: 1px solid var(--HeaderBorder);}
.pg_menu, .pg_menu .pg_link, .pg_menu .pg_link a, .pg_menu .pg_link span { background: var(--HeaderBackground); }
.pg_menu .pg_link a { color:var(--HeaderColor); }

/* Detail header separator views */
.view:hover, .view:focus { background: var(--HeaderBorder); }
.current-view:hover, .current-view:focus { background: var(--BodyBackground); }
#Normalview:hover i.fa, #MARCview:hover i.fa, #ISBDview:hover i.fa { color: var(--HeaderBackground); }

/* Right box menu Print and Save in details page */
#action { border: 1px solid var(--HeaderBackground); background: var(--HeaderBackground); }
#action a, #action a i.fa, #action button i.fa { color: var(--HeaderColor); border: 1px solid var(--HeaderBackground); box-shadow: none; }
#action a:hover { color: white; border: 1px solid var(--HeaderBackground2); }
#action a:hover i.fa, #action button:hover i.fa { color: white; }
/* Right box sub-menu Save in details page */
#export .show #format { border: 1px solid var(--HeaderBackground2); box-shadow: none; } /* sub-menu #export is open (class .show), then keep his border visible */
/* adjusting menu and options layout */
#export .dropdown .dropdown-menu { border: 1px solid var(--HeaderBackground); box-shadow: 2px 2px 3px 0px #606060; background-color: var(--HeaderBackground); }
#export .dropdown .dropdown-menu .dropdown-item { border: 1px solid var(--HeaderBackground); color: white; font-size: .8em; font-weight: 400;}
/* menu selection background-color when hovering option */
#export .show .dropdown-menu .dropdown-item:hover,
#export .show .dropdown-menu .dropdown-item:focus { background-color: var(--SelectHoverBackground); }

/* ICC: changelanguage font size */
#changelanguage { font-size: 12px; }
#moresearches li:first-child:after { content:" | "; }
#moresearches { margin: .6em 0; padding: 0 0 8px 0; }
#marcnotes p { font-size: 12px; }