Projekti

Yleinen

Profile

Intranetcolorstylesheet

Intranetcolorstylesheet-kenttään voi laittaa linkin ulkoiseen CSS-tiedostoon, jolla voi korvata Kohan tyylitiedoston asetuksia.


Esimerkkinä Tritonian tyylitedosto kv-Kohalle (tallennettu 26.2.2020)

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

body {
    font-family: 'Lato', arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    background: rgb(226,226,225);
}

::selection {
    background-color: rgb(177, 215, 254);
    color: rgb(0, 0, 0);
}

h2, h3, h4, h5 {
    font-weight: 700;
}

h1#logo, #main_intranet-main #doc3 #bd>.yui-b, #main_intranet-main #breadcrumbs, #catalog_MARCdetail .tag_title .dashwrapper, #pat_moremember #patron-messaging-prefs, /* Edellisen nappi */ #pat_moremember .yui-u.first .action a[href*='step=5'], #pat_moremember #finesholdsissues, #pat_memberentrygen #memberentry_messaging_prefs, #pat_borraccount #table_account_fines tr th:nth-child(2), #pat_borraccount #table_account_fines tr .transactionnumber, #pat_borraccount #table_account_fines tfoot td:nth-child(3), .paginate_disabled_previous, .paginate_disabled_next, #pat_memberentrygen #ssn_fieldset, #pat_memberentrygen #memberentry_address, #pat_moremember #patron-alternate-address, #pat_moremember #patron-extended-attributes h3, #pat_moremember #patron-extended-attributes #aai > h4, #acq_acqui-home #acqui_acqui_home_order, #budgets_search form label[for="filter_budgetname"], #hold-found1 button.deny, .navbar-header .header-menu-link, #cartmenulink, #cartDetails, #helper.toplinks, #logged-in-info-full .logged-in-branch-name, #logged-in-info-full .logged-in-branch-code, #logged-in-info-full .separator, #main_intranet-main .icon_general .fa, #main_intranet-main .icon_general img, .patroninfo-heading .btn {
    display: none !important;
}

#patron_search #filters {
    display: none;
}

a, a:link, a:visited, .navbar .nav > li > a, .navbar .nav > li > a:hover, a:hover, #circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:hover, #circ_circulation #table_borrowers tr td.sorting_1 a:hover, #searchresults .pagination > li > a:hover, table.treetable tr.expanded span.indenter a:hover, table.treetable tr.collapsed span.indenter a:hover {
    color: rgb(8,129,250);
}

a:hover, #searchresults .pagination > li > a:hover {
    text-decoration: underline;
}

input, textarea {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

input[type="file"] {
    display: inline-block;
}

.navbar {
    border: 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar .nav > li > a {
    font-weight: 700;
    font-size: 1.1em;
}

.navbar .nav > li:hover {
    background: rgba(0, 0, 0, 0.05);
}

#header .nav .loggedinusername {
    color: rgb(0, 0, 0);
    display: inline-block;
    margin-right: 6px;
}

#header .nav .loggedinusername:before {
    content: '\f007';
    font-family: 'FontAwesome';
    margin-right: 6px;
    color: rgba(0, 0, 0, 1);
    font-weight: normal;
    position: relative;
    top: 1px;
    line-height: 0.9em;
}

#header .nav #drop3 .separator {
    display: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle:focus, .navbar .nav li.dropdown.active > .dropdown-toggle:focus, .navbar .nav li.dropdown.open.active > .dropdown-toggle:focus {
    background: transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: rgb(8,129,250);
}

body > .gradient {
    background: rgb(8,129,250);    
    padding: 10px 0px 10px 0px;
    margin-bottom: 20px;
}

fieldset {
    margin: 0px;
    background-color: rgb(246, 246, 245);
    border: 1px solid rgba(20, 20, 20 ,0.2);
    border-radius: 6px;
    position: relative;
    margin-top: 30px;
}

fieldset legend {
    background-color: rgb(246, 246, 245);
    border: 1px solid rgba(20, 20, 20 ,0.2);
    border-bottom: 1px solid rgb(246, 246, 245);
    border-radius: 6px;
    height: 28px;
    padding: 5px 10px 0px 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: relative;
    top: -13px;
}

fieldset.rows, fieldset.brief {
    background: none;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 40px;
}

fieldset.rows legend, fieldset.brief legend {
    background: none;
    font-size: 1.5em;
    width: 100%;
    margin-left: 0px;
    padding: 5px 0px;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 0px;
    padding-bottom: 30px;
    padding-top: 20px;
}

fieldset.rows fieldset.action, div.yui-b fieldset.brief {
    padding: 1em 0;
}

fieldset.rows table {
    margin: 1em 0;
}

fieldset.action, div.action {
    padding: 5px;
}

.yui-t2 #bd > .yui-b fieldset.brief {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.yui-t2 #bd > .yui-b fieldset.brief .action {
    padding: 5px 0px;
    margin: 0px;
}

.yui-t2 #bd > .yui-b h5, .yui-t2 #bd > .yui-b h4 {
    font-size: 1.1em;
    margin: 20px 0px 0px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
}

.yui-t2 #bd > .yui-b fieldset h4 {
    margin-top: 0px;
}

.yui-t2 #bd > .yui-b fieldset select {
    margin: 2px 0px;
}

div.yui-b fieldset.brief li.radio {
    padding: 5px 0px;
    margin: 0px;
}

.radio label, .checkbox label {
    margin-left: 4px;
}

.new_koha_toplogo {
    float: left;
    display: block;
    height: 33px;
    width: auto;
    margin-right: 10px;
}

.new_koha_toplogo img {
    width: auto;
    height: 100%;
}

.separator {
    color: transparent;
    width: 6px;
    height: 6px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    margin: 2px 6px;
    overflow: hidden;
}

#circ_circulation_issue, #circ_circulation_issue.lastchecked {
    /*background-color: rgba(8,250,89,0.2);
    border: 4px solid rgba(8,250,89,0.3);*/
    border: 4px solid rgb(36, 224, 153);
    background: rgb(216, 251, 239);
    border-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 10px 15px;
}

div.lastchecked {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    background: transparent;
    padding: 0px 10px 0px 25px;
}

div.lastchecked strong:before {
    content: '\f058';
    font-family: 'FontAwesome';
    position: relative;
    margin-left: -17px;
    margin-right: 3px;
    color: rgba(8, 250, 89, 1);
}

div.lastchecked strong {
    display: block;
    width: 100%;
}

#checkin-form #circ_returns_checkin, #circ_renew .first > fieldset {
    background-color: rgba(255, 20, 10, 0.2);
    border: 4px solid rgba(255, 20, 10, 0.3);
    margin-bottom: 20px;
    margin-top: 0px;
}

#circ_renew .first > fieldset {
    background-color: rgba(8, 129, 250, 0.2);
    border: 4px solid rgba(8, 129, 250, 0.3);
}

.checkout-settings {
    padding: 10px 20px 20px 20px;
    margin: 5px 1px 1px 1px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(8, 250, 89, 0.5);
    border-radius: 6px;
}

#show-checkout-settings {
    margin-top: 20px;
}

#show-checkout-settings a {
    color: rgb(0, 0, 0);
}

#patronlists {
    margin-top: 20px;
}

#checkin_options, #checkin_options legend {
    border: 0px;
    background: transparent;
}

#checkin-form label[for="barcode"], #circ_renew label[for="barcode"] {
    display: inline-block;
    width: 100%;
}

#circ_renew .first > fieldset {
    padding-top: 40px;
}

#checkin-form #circ_returns_checkin legend, #circ_renew .first > fieldset legend {
    border: 0px;
    background: transparent;
    font-size: 1.4em;
    position: absolute;
    top: 6px;
    left: 4px;
}

#checkin-form #circ_returns_checkin {
    padding: 10px 20px;
}

#checkin-form #circ_returns_checkin h3 {
    margin-top: 0px;
}

.barcode, #checkin-form #barcode, #circ_renew #barcode {
    font-size: 1.8em;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 4px 8px;
    margin-top: 3px;
}

#return_date_override_fields {
    margin-top: 20px;
}

label.circ_barcode {    
    font-size: 1.1em;
    font-weight: bold;
    padding-right: 20px;
    width: 100%;
    display: inline-block;
    margin-bottom: 16px;
}

#circ_circulation #messages .circ-hlt i {
    font-style: normal;
    color: rgb(0, 0, 0);
    font-weight: normal;
    display: inline-block;
    width: 100%;
}

.dataTable {
    margin-top: 5px;
}

.dataTable tbody tr:hover td, .summaryholdings_table tbody tr:hover td, #cat_addholding .tag:hover, #cat_addbiblio .tag:hover, #cat_marc21_leader tr:hover td, div.rows li:hover, #catalog_MARCdetail .subfield_line:hover, #catalog_MARCdetail .tag_title:hover, .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover, .statictabs ul li a:hover, #circ_request form[action="modrequest.pl"] table tr:hover td, #searchresults tr:hover td, #searchresults tr:nth-child(odd):hover td, #searchresults tr:hover td p.hold a, #searchresults tr:nth-child(odd):hover td p.hold a, .browse .filterByLetter:hover, #catalog_advsearch #advsearches .advsearch td:hover, #catalog_moredetail #catalogue_detail_biblio .yui-g:hover, table.group tr:hover td, table.group tr.odd:hover td, table.group tr.even:hover td, #admin_aqplan #plan tbody tr:nth-child(odd):hover td, #admin_aqplan #plan tbody tr:hover td {
    background: rgb(255, 249, 226);
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tr td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px;
}

table.dataTable.no-footer {
    border-bottom: 0px;
}

#doc, #doc1, #doc2, #doc3, .main {
    margin: 0px 20px 20px 20px;
    padding: 25px 20px 20px 20px;
    background: rgb(255, 255, 255);
    width: auto;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#breadcrumbs {
    position: relative;
    margin: 0px 20px 0px 20px;
    background: rgb(255, 255, 255);
    padding: 12px 20px 12px 20px;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#yui-main .yui-b {
    background: rgb(255, 255, 255);
}

.yui-t2 #yui-main .yui-b {
    margin-left: 15.4em;
}

#main_intranet-main #area-pending {
    background: rgb(255, 255, 255);
    border: 0px;
    padding: 5px 10px;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#main_intranet-main #area-pending .pending-info {
    margin: 0px;
    text-align: center;
}

#main_intranet-main #area-pending .pending-info a {
    color: rgb(0, 0, 0);
}

#main_intranet-main #area-pending .pending-info:before {
    content: '\f06a';
    font-family: 'FontAwesome';
    font-size: 1.2em;
    color: orange;
    font-weight: normal;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

#cartmenulink {
    background-image: none;
    padding-left: .3em;
}

#main_intranet-main #doc3 {
    margin-top: 20px;
    background-image: none;
    background: none;
    box-shadow: none;
}

#main_intranet-main #doc3 #bd #yui-main > .yui-b {
    margin-left: 0px;
}

#main_intranet-main #yui-main .yui-b {
    background: none;
}

#header.navbar-default {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    border-radius: 0px;
}

#header_search .residentsearch form {
    display: inline-block;
    position: relative;
    width: 100%;
}

.btn .fa {
    margin-right: 3px;
}

div#header_search {
    float: none;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#header_search .tip {
    color: rgba(255, 255, 255, 0.8);
}

div#header_search input {
    position: relative;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
}

#header_search ul.ui-tabs-nav li.ui-state-default {
    position: relative;
    top: -4px;
    border-radius: 4px;
    margin-top: 3px;
}

#header_search ul.ui-tabs-nav li.ui-state-default:hover {
    background: rgb(255, 255, 255);
    color: rgb(8,129,250);
}

#header_search ul.ui-tabs-nav li.ui-state-default:hover a {
    color: rgb(8,129,250);
}

div#header_search input[type="text"] {
    position: relative;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);Â ;
    padding: 5px 85px 5px 15px;
    width: 100%;
    height: 36px;
}

div#header_search input.submit {
    position: absolute;
    top: 1px;
    right: 1px;
}

div#header_search .head-searchbox {
    width: 100%;
}

div#header_search div.residentsearch {
    border-bottom: 0px;
}

#header_search ul.ui-tabs-nav li {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    float: none;
}

#header_search ul.ui-tabs-nav li.ui-tabs-active, #header_search ul.ui-tabs-nav li.ui-tabs-active:hover {
    margin-top: 3px;
    background: rgb(0, 0, 0);
    border: 0px;
    font-weight: 900;
    padding-bottom: 0px;
}

#header_search ul.ui-tabs-nav li a {
    display: inline-block;
    float: none;
}

#header_search ul.ui-tabs-nav li.ui-state-default a {
    color: rgb(255, 255, 255);
}

#header_search ul.ui-tabs-nav li.ui-tabs-active:before {
    content: '\f0d8';
    font-family: 'FontAwesome';
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0px;
    font-size: 30px;
    color: rgb(0, 0, 0);
    height: 12px;
    line-height: 12px;
    margin-top: -10px;
}

#header_search .ui-corner-top {
    border-radius: 4px;
}

#header_search .filteraction {
    position: absolute;
    right: -32px;
    top: 8px;
}

#header_search .filteraction a {
    color: rgb(255, 255, 255);
    padding: 3px 5px 5px 5px;
    border-radius: 4px;
}

#header_search .filteraction a:hover {
    background: rgb(255, 255, 255);
    color: rgb(8,129,250);
}

#header_search ul.ui-tabs-nav {
    margin-top: -11px;
}

#navmenulist > ul {
    padding-left: 0px;
}

#navmenulist > ul > li {
    list-style-type: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    list-style-image: none;
}

.ui-tabs {
    padding: 10px 0px;
}

.ui-tabs .ui-state-default a, .ui-tabs .ui-state-default a:link, .ui-tabs .ui-state-default a:visited, .statictabs ul li a {
    color: rgba(255, 255, 255, 0.9);
}

.ui-tabs .ui-tabs-nav li, .statictabs ul li {
    color: rgb(120, 121, 122);
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: rgb(233,235,237);    
}

.ui-tabs .ui-tabs-nav li.ui-state-default a, .statictabs ul li a, .statictabs ul li a:hover {
    color: rgb(120, 121, 122);
}

.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active a:link, .ui-tabs .ui-tabs-nav .ui-state-active a:visited, .statictabs ul li a.active, .statictabs ul li.active a:hover {
    color: rgb(0, 0, 0);
}

.ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-active, div#reserves, div#checkouts {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .statictabs ul li.active {
    border-bottom: 1px solid rgb(255, 255, 255) !important;
}

#header_search.ui-tabs .ui-tabs-panel, #header_search.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border: 0px !important;
}

.statictabs ul li {
    border-bottom: 0px;
    position: relative;
    top: 2px;
    left: -3px;
}

.statictabs .tabs-container {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top-right-radius: 4px;
}

#main_intranet-main .yui-g .yui-u {
    width: 50%;
}

#main_intranet-main #area-list-left ul.biglinks-list li {
    float: right;
}

#main_intranet-main .icon_general {
    background: rgb(255, 255, 255);
    border: 0px;
    width: 200px;
    text-align: center;
    padding: 50px 0px 10px 0px;
    position: relative;
    height: auto;
    font-family: 'Lato', arial, helvetica, sans-serif;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    display: inline-block;
    color: rgb(0, 0, 0);
    font-size: 1.2em;
    font-weight: bold;
    margin: 8px;
    border-radius: 6px;
}

#main_intranet-main .icon_general:hover {
    background: rgb(8,129,250);
    color: rgb(255, 255, 255);
    text-decoration: none;
}

#main_intranet-main .icon_general:hover:before {
    color: rgba(0, 0, 0, 0.6);
}

#main_intranet-main .icon_general:before {
    content: '\f0d8';
    font-family: 'FontAwesome';
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 10px;
    left: 0px;
    font-size: 30px;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 400;
}

#main_intranet-main .icon_circulation:before {
    content: '\f021';
}

#main_intranet-main .icon_patrons:before {
    content: '\f0c0';
}

#main_intranet-main .icon_tools:before {
    content: '\f0ad';
}

#main_intranet-main .icon_administration:before {
    content: '\f085';
}

#main_intranet-main .icon_lists:before {
    content: '\f0ca';
}

#main_intranet-main .icon_search:before {
    content: '\f00e';
}

#main_intranet-main .icon_reports:before {
    content: '\f200';
}

#main_intranet-main .icon_koha:before {
    content: '\f05a';
}

#main_intranet-main .icon_serials:before {
    content: '\f1ea';
}

#main_intranet-main .icon_authorities:before {
    content: '\f0c1';
}

#main_intranet-main .icon_cataloging:before {
    content: '\f022';
}

#main_intranet-main .icon_acquisitions:before {
    content: '\f217';
}

.buttons-colvis:before, .override_debarment .btn:before, #issues-table .column-tool a:before {
    content: '\f0db';
    font-family: 'FontAwesome';
    margin-right: 4px;
    font-weight: normal;
}

.override_debarment .btn:before {
    content: '\f09c';
}

#issues-table .column-tool #CheckAllRenewals:before {
    content: '\f046';
}

#issues-table .column-tool #UncheckAllRenewals:before {
    content: '\f096';
}

div#toolbar, #searchheader #selection_ops, #searchresults #searchheader > div {
    padding: 8px 6px 8px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgb(232,243,255);
    z-index: 2;
}

#searchresults #searchheader > div > span {
    float: right;
}

div#toolbar.floating {
    box-shadow: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid transparent;
}

div#toolbar .btn:first-child, .dt-buttons .dt-button:first-child {
    margin-left: 0px;
}

#clearscreen a, #clearscreen a:hover {
    color: rgba(36, 224, 153, 0);
    text-shadow: none;
    position: relative;
    background-color: transparent;
    float: right;
    right: -6px;
}

#clearscreen a:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    color: rgb(36, 224, 153);
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: normal;
}

#clearscreen a:hover:before {
    color: rgb(0, 0, 0);
}

.ui-tabs .ui-tabs-nav {
    padding: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-top-right-radius: 4px;
}

#pat_moremember .action {
    display: none;
    width: 100%;
    margin-bottom: 30px;
}

#pat_moremember .action a:before {
    content: '\f040';
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-weight: normal;
}

#pat_moremember .yui-u > div {
    float: left;
    width: 100%;
}

#pat_moremember #patron-extended-attributes, #pat_moremember #patron-extended-attributes #aai, #pat_moremember #patron-extended-attributes div.rows ol {
    padding-top: 0px !important;
}

#pat_moremember #patron-extended-attributes div.rows ol li:first-child {
    border-top: 0px;
}

fieldset[id*='memberentry'] label {
    width: 180px;
    margin-left: 0px;
    padding-left: 0px;
    font-weight: bold;
}

fieldset[id*='memberentry'] .hint {
    margin-left: 185px;
    margin-bottom: 8px;
    font-size: 0.8em;
}

fieldset[id*='memberentry'] .radio input[type="radio"] {
    position: relative;
    float: left;
    margin-left: 0px;
    margin-right: 5px;
}

div.rows li {
    padding: 4px 0px;
}

div.rows li:first-child {
    border-top: 1px solid #eee;
}

.btn, .btn.btn-link, a.btn-link:link, a.btn-link:visited, #pat_moremember .action a, input[type=submit], input[type=reset], input[type=button], input.submit, button, a.submit, a.cancel, .dialog button, #cat_addholding .field_controls .buttonPlus:before, #cat_addholding .field_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonPlus:before, #cat_addholding .subfield_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonDot:before, #cat_addbiblio .field_controls .buttonPlus:before, #cat_addbiblio .field_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonPlus:before, #cat_addbiblio .subfield_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonDot:before, #main_auth #login #submit, button.dt-button, div.dt-button, a.dt-button, #issues-table .column-tool a, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a, #circ_holds_selectborrower #table_borrowers tr td:first-child a:before, #circ_circulation #table_borrowers tr td:first-child a:before, .itemselection_actions .itemselection_action_delete, .itemselection_actions .itemselection_action_modify, #searchheader #selection_ops a, #searchresults #searchheader > div a, .holdings_table_controls > a, #catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a, #catalog_itemsearch fieldset .button-field-new, #acq_acqui-home #accounts .actions a, #admin_aqbudgets #edit_owner, #admin_aqbudgets #remove_owner, #admin_aqbudgets #budget_users #add_user_button, #admin_aqbudgets #budget_users .del_user, #admin_aqbudgets #budgeth .actions a, #cataloguing_additem_newitem fieldset.action a, .buttonDot, #cataloguing_additem_newitem .subfield_line .ui-datepicker-trigger, .holdings_table_table_controls a, #pat_memberentrygen #add_manual_restriction {
    -webkit-box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%);
    background-repeat: repeat-x;
    border: 1px solid rgb(173, 173, 173);
    border-radius: 3px;
    box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    /*font-family: arial, helvetica, clean, sans-serif;
    font-size: 12px !important;
    font-weight: normal;*/
    font-family: inherit;
    font-size: 11px !important;
    font-weight: bold;
    letter-spacing: 0.02em;
    text-transform: uppercase; 
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    height: 30px;
    line-height: 18px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    margin: 2px;
}

#pat_moremember .action a:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input.submit:hover, button:hover, a.submit:hover, a.cancel:hover, .dialog button:hover, #cat_addholding .field_controls .buttonPlus:hover:before, #cat_addholding .field_controls .buttonMinus:hover:before, #cat_addholding .subfield_controls .buttonPlus:hover:before, #cat_addholding .subfield_controls .buttonMinus:hover:before, #cat_addholding .subfield_controls .buttonDot:hover:before, #cat_addbiblio .field_controls .buttonPlus:hover:before, #cat_addbiblio .field_controls .buttonMinus:hover:before, #cat_addbiblio .subfield_controls .buttonPlus:hover:before, #cat_addbiblio .subfield_controls .buttonMinus:hover:before, #cat_addbiblio .subfield_controls .buttonDot:hover:before, #main_auth #login #submit:hover, button.dt-button:hover, div.dt-button:hover, a.dt-button:hover, #issues-table .column-tool a:hover, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold:hover, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:hover, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a:hover, #circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:hover:before, #circ_circulation #table_borrowers tr td.sorting_1 a:hover:before, .itemselection_actions .itemselection_action_delete:hover, .itemselection_actions .itemselection_action_modify:hover, #searchheader #selection_ops a:hover, #searchresults #searchheader > div a:hover, .holdings_table_controls > a:hover, #catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a:hover, #catalog_itemsearch fieldset .button-field-new:hover, #acq_acqui-home #accounts .actions a:hover, #admin_aqbudgets #edit_owner:hover, #admin_aqbudgets #remove_owner:hover, #admin_aqbudgets #budget_users #add_user_button:hover, #admin_aqbudgets #budget_users .del_user:hover, #admin_aqbudgets #budgeth .actions a:hover, #cataloguing_additem_newitem fieldset.action a:hover, .buttonDot:hover, #cataloguing_additem_newitem .subfield_line .ui-datepicker-trigger:hover, .holdings_table_table_controls a:hover, #pat_memberentrygen #add_manual_restriction:hover {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

a.btn {
    color: rgb(0, 0, 0);
}

div#menu {
    margin-top : 18px;
    padding-top: 0px;
    margin-right: 0px;
}

div#menu, div.patroninfo h5 {
    border-right: 0px;
}

.patroninfo {
    margin-bottom: 45px;
}

div#menu ul {
    padding-left: 0px;
}

div#menu li a, div#menu li.active a, div#menu li a:hover, div#menu li.active a:hover {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 7px 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: rgb(120, 121, 122);
    border-radius: 6px;
    /*background: rgb(233,235,237);*/
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    text-decoration: none;
    margin-bottom: 2px;
}

#menu ul {
    list-style: none;
    margin-bottom: 0px;
}

#menu ul li.active a {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

div#menu li a:hover, div#menu li.active a:hover, #catalog_detail #browse-previous:hover, #catalog_detail #browse-next:hover, #catalog_detail .browse-label:hover, #catalog_detail .browse-label:hover a {
    background: rgb(8,129,250);
    color: rgb(255, 255, 255);
    text-decoration: none;
}

div#menu li.active a:after {
    position: absolute;
    content: '\f0da';
    font-family: 'FontAwesome';
    right: -8px;
    top: -2px;
    color: rgb(0, 0, 0);
    font-size: 32px;
}

div#menu li.active a:hover:after {
    color: rgb(8,129,250);
}

#issues-table .column-tool {
    white-space: nowrap;
}

#issues-table .column-tool #CheckAllRenewals {
    left: 10px;
    position: relative;
}

#issues-table .column-tool #CheckAllRenewals, #issues-table .column-tool #UncheckAllRenewals {
    margin-top: 0px;
}

div.circmessage, div.circmessage:first-child {
    margin-top: 2px;
    margin-bottom: 8px;
    padding: 0px;
}

.circmessage li {
    list-style: none;
    position: relative;
}

.circmessage li:before, #circnotes > p:before, #circ_circulation .dialog.alert:before, #circ_returns .dialog.alert:before {
    position: absolute;
    left: 11px;
    top: 9px;
    content: '\f12a';
    font-family: 'FontAwesome';
    font-size: 18px;
    padding-top: 2px;
    display: block;
    border-radius: 20px;
    width: 21px;
    height: 21px;
    background: orange;
    color: rgb(255, 255, 255);
    text-align: center;
    font-weight: normal;
}

#circnotes .circ-hlt:before {
    position: relative;
    left: 0px;
    margin-right: 3px;
}

.circmessage .btn, #messages ul li .btn, #issues-table .column-tool a, .itemselection_actions .itemselection_action_delete , .itemselection_actions .itemselection_action_modify {
    padding: 5px 8px;
    line-height: 1em;
    height: auto;
}

.circmessage .btn, #messages ul li .btn, #issues-table .column-tool a {
    margin-top: 8px;
}

span.circ-hlt {
    color: orange;
    width: 100%;
    display: inline-block;
    position: relative;
}

#patron-information {
    padding: 0px !important;
    color: rgb(176, 176, 176);
}

#patron-information > div {
    color: rgb(0, 0, 0);
}

#patron-information .address {
    margin: 6px 0px;
    display: block;
    float: left;
    width: 100%;
}

.holdings_table_controls > a, #acq_acqui-home #accounts .actions a, #admin_aqbudgets #budgeth .actions a {
    display: inline-block;
    margin-right: -7px;
    padding-right: 9px;
    position: relative;
}

#searchheader #new_patron_list {
    position: relative;
    top: 2px;
}

#searchheader #selection_ops a#select_all, #searchheader #selection_ops a#clear_all, #searchresults #searchheader > div a#select_all, #searchresults #searchheader > div a#clear_all, #searchheader #selection_ops a.highlight_toggle {
    margin-right: -7px;
    margin-left: 2px;
    position: relative;
}
#searchheader #merge-patrons {
    margin-left: -6px;
}

#searchheader #selection_ops {
    margin-bottom: 20px;
}

#searchresults .pagination {
    margin-top: 0px;
}

#searchheader #selection_ops .addto {
    float: right;
}

#searchheader #selection_ops .addto #addto {
    margin-left: 4px;
}

#search-facets {
    border: 0px;
}

#search-facets h4 {
    border: 0px;
    background: none;
    text-align: left;
    font-size: 1.2em;
    padding: 5px 0px;
}

#search-facets > ul > li {
    margin-bottom: 5px;
}

#search-facets ul {
    padding: 5px 0px;
    list-style: none;
}

#search-facets ul > li {
    font-weight: 700;
}

#search-facets ul > li > ul li {
    font-weight: 400;
}

#search-facets li.showmore {
    text-indent: 0px;
    padding-top: 5px;
    font-weight: normal;
}

#search-facets li.showmore a:before, #pat_memberentrygen #add_manual_restriction:before {
    content: '\f067';
    font-family: 'FontAwesome';
    margin-right: 3px;
    font-weight: normal;
    font-size: 0.9em;
}

#pat_memberentrygen #add_manual_restriction:before {
    content: '\f256';
    font-size: 1em;
}

#manual_restriction_form {
    background-color: rgb(255, 255, 255);
    border: 0px;
}

#itemst tbody tr.active:nth-child(2n+1) td, #itemst tbody tr.active td {
    background-color: rgb(232, 243, 255);
}

#catalog_MARCdetail .tag_desc, #catalog_MARCdetail .subfield_line .desc {
    font-style: normal;
    font-size: 0.7em;
    float: right;
    opacity: 0.6;
}

#catalog_MARCdetail .tag_title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin: 5px 0px 5px 0px;
    float: left;
    width: 100%;
    padding: 2px 0px;
}

#catalog_MARCdetail .tag_title .tag_num, #catalog_MARCdetail .tag_title .tag_ind1, #catalog_MARCdetail .tag_title .tag_ind2 {
    font-weight: 900;
}

#catalog_MARCdetail .subfield-code {
    font-weight: 900;
    font-style: normal;
    margin-right: 5px;    
}

#catalog_MARCdetail .subfield_line {
    float: left;
    margin-top: 0px;
    width: 100%;
}

#catalog_MARCdetail #bibliotabs .ui-tabs-panel {
    float: left;
    width: 100%;
}

div.pager {
    width: 100%;
    font-size: 1em;
    border: 0px;
    background: none;;
}

div.top.pager, div.bottom.pager {
    background: none !important;
    padding: 0px;
}

.bottom.pager {
    margin-top: 15px;
}

.pager .dataTables_paginate {
    float: right;
}

.pager .dataTables_info {
    border-right: 0px;
    width: 100%;
    text-align: left;
    padding: 0px;
    margin-bottom: 10px;
}

.pager .dataTables_length {
    border: 0px;
    padding: 0px;
    margin-right: 20px;
}

.pager .dataTables_paginate {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 0px;
    margin-top: 5px;
}

div.dataTables_paginate.paging_two_button, div.dataTables_paginate.paging_four_button {
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.pager .dataTables_paginate > span {
    display: inline-block;
    float: left;
}

.paging_full_numbers a.paginate_button, .paging_full_numbers .ellipsis, .dataTables_paginate .paginate_enabled_previous, .dataTables_paginate .paginate_enabled_next {
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
    font-size: 0.9em;
    color: rgb(0, 0, 0) !important;
    padding: 5px 9px !important;
    line-height: 1.2em !important;
    margin: 1px;
    background: none !important;
    min-width: 22px !important;
    margin: 0px;
    display: inline-block;
    float: left;
    border-left: 0px !important;
}

#osrlt_paginate.dataTables_paginate .paginate_enabled_previous, #osrlt_paginate.dataTables_paginate .paginate_enabled_next {
    border-right: 0px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
    margin-left: 0px;
}

#osrlt_paginate.dataTables_paginate > span:first-child {
    border-left: 0px !important;
}

.paging_full_numbers a.paginate_button.last {
    border-right: 0px !important;
}

.paging_full_numbers a.paginate_button:hover, #osrlt_paginate.dataTables_paginate > span:hover, #osrlt_paginate.dataTables_paginate > span:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: rgb(8,129,250) !important;
    background: #eee !important;
    margin: 0px;
}

.paging_full_numbers a.paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
    font-weight: bold;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    margin: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-color: #eee !important;
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.paging_full_numbers a.paginate_button.previous:before, .dataTables_paginate .paginate_enabled_previous:before {
    content: '<<';
    margin-right: 4px;
}

.paging_full_numbers a.paginate_button.next:after, .dataTables_paginate .paginate_enabled_next:after {
    content: '>>';
    margin-left: 4px;
}

.paging_full_numbers a.paginate_button.disabled {
    color: rgba(0, 0, 0, 0.3) !important;
}

.paging_full_numbers a.paginate_button.disabled:hover {
    cursor: default;
    text-decoration: none;
    background: none !important;
}

#searchheader #highlight_toggle_off:before {
    content: '\f070';
    font-family: 'FontAwesome';
    margin-right: 4px;
}

#searchheader #highlight_toggle_on:before {
    content: '\f06e';
    font-family: 'FontAwesome';
    margin-right: 4px;
}

#searchresults nav {
    width: 100%;
    float: left;
}

#searchresults .pagination {
    float: right;
}

#searchresults .pagination > li > a {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

#searchresults .pagination > li > a, #searchresults .pagination > li > span {
    padding: 5px 9px;
}

#searchresults .pagination > li.active > a, #searchresults .pagination > li.active > span {
    background: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}

#table_account_fines {
    width: 100%;
}

.select2-arrow:before {
    content: '\f078';
    font-family: 'FontAwesome';
    margin-left: 3px;
    font-size: 0.9em;
    position: relative;
    top: -2px;
}

.select2-arrow:hover, .select2-search-choice-close:hover {
    color: rgb(8,129,250);
}

.select2-search-choice-close:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    margin-left: 3px;
    font-size: 12px;
    position: relative;
    top: -8px;
}

.title {
    font-size: 1.5em;
}

h1 .title {
    font-size: 1em;
}

.show_circ_options_button {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}

.show_circ_options_button:hover {
    cursor: pointer;
    text-decoration: underline;
}

.show_circ_options_button .fa {
    margin-right: 3px;
}

#return_date_override_fields #checkin_options legend {
    display: none;
}

#return_date_override_fields {
    padding: 5px 15px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 6px;
}

#circ_returns #yui-main .yui-b .yui-g {
    float: left;
    width: 50%;
}

#circ_returns #yui-main .yui-b .yui-g:first-child {
    float: right;
    padding-left: 30px;
}

#circ_returns #yui-main .yui-b .yui-g .yui-u.first {
    width: 100%;
}

#circ_returns #yui-main .yui-b h2 {
    float: left;
    width: 100%;
}

div.message {
    width: 100%;
    border: 1px solid rgba(35, 159, 252, 0.4);
    background: rgb(216, 239, 252);
    border-radius: 6px;
    padding: 15px;
}

.alert {
    margin-bottom: 0px;
}

.dialog.alert {
    margin-bottom: 20px !important;
}

div.alert, #common_patron_search #patron_search .yui-g > .hint {
    width: 100%;
    margin-top: 0px;
    background: rgba(250, 220, 0, 0.15);
    border: 1px solid rgba(250, 220, 0, 0.6);
    padding: 15px;
    box-shadow: none;
    border-radius: 6px;
    position: relative;
}

div.dialog > ul, div.alert > p {
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}

div.dialog > ul li {
    list-style-type: none;
}

div.alert a {
    color: rgb(0, 0, 0);
}

div.alert .problem {
    background: transparent;
    font-size: 1.2em;
    color: rgba(250, 180, 0, 1);
    margin: -5px 0px 0px 0px;
}

#circ_circulation .dialog.alert {
    width: 49.1%;
    float: right;
    margin-top: 0px;
    color: orange;
    font-weight: bold;
}

#messages #addnewmessageLabel {
    margin-top: 10px;
}

#circmessages > ul, #messages.circmessage > ul {
    padding-left: 0px;
}

#circmessages ul li, div.circmessage > p, div.circmessage li, #circ_circulation .dialog.alert, #circ_returns .dialog.alert {
    background: rgba(250, 220, 0, 0.15);
    border: 1px solid rgba(250, 220, 0, 0.6);
    border-radius: 6px;
    margin-top : 0px;
    position: relative;
    padding: 10px 12px 10px 40px;
    text-align: left;
}

#circmessages.circmessage.warning ul li, #circmessages .blocker {
    background: rgba(232, 40, 56, 0.1);
    border: 1px solid rgba(232, 40, 56, 0.1);
    color: rgb(241, 69, 61);
}

#circmessages.circmessage.warning li i, #circmessages .blocker i {
    color: rgb(0, 0, 0);
    font-style: normal;
}

#circmessages.circmessage.warning ul li .circ-hlt, #circmessages .blocker .circ-hlt {
    color: rgb(241, 69, 61);
}

#circmessages.circmessage.warning ul li:before, #circmessages .blocker:before {
    background: rgb(241, 69, 61);
}

#circmessages.circmessage.attention > h3 {
    display: none;
}

#circmessages #ssbb-rootBlockSummary {
    margin: 0px;
}

#circmessages > h3, #circmessages {
    margin-top : 0px;
}

#circ_returns .dialog.alert h3 {
    color: orange;
    text-align: left;
    font-size: 1.2em;
}

#circ_returns div.dialog > ul, #circ_returns  div.alert > p {
    text-align: left;
}

#checkin-form fieldset input[type=submit], #circ_circulation_issue > button, #circ_returns_checkin .form-control-group button[type=submit], #circ_renew fieldset input[type=submit] {
    height: 47px;
    min-width: 60px;
    font-size: 14px !important;
    top: 1px;
    position: relative;
}

#checkedintable .ci-holdinglibrary, #checkedintable .ci-dateaccessioned {
    display: none;
}

.patroninfo {
    display: none;
}

#new_icon_container {
    width: 100%;
    max-width: 900px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 200px;
}

.results_summary .label {
    vertical-align: baseline;
    font-weight: 600;
}

.label {
    color: rgb(0, 0, 0);
    font-size: 1em;
    padding: 0px;
}

#bookbag_form .results_summary, #bookbag_form .results_summary.languages .language, #bookbag_form .results_contents_literary, #bookbag_form .results_format, #catalogue_detail_biblio .results_summary{
    width: 100%;
    float: left;
    display: block;
    font-size: 13px;
}

#bookbag_form .results_summary .label, #catalogue_detail_biblio .results_summary .label {
    text-align: left;
    display: inline-block;
    width: 20%;
}

#bookbag_form table td {
    vertical-align: top;
}

#searchresults .availability .holdings {
    margin-bottom: 8px;
}

#searchresults .availability .holdings ul li {
    list-style: disc;
}

#searchresults td {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#searchresults th {
    border-bottom: 1px solid rgb(200, 200, 200);
}

#searchresults td p.hold {
    float: left;
    margin-top: 5px;
    font-size: 0.85em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 8px;
    border-radius: 4px;
}

#searchresults td p.hold a {
    background: rgb(255, 255, 255);
    margin-left: -6px;
    padding-left: 8px;
}

#searchresults tr:nth-child(odd) td p.hold a {
    background: #f3f3f3;
}

#searchresults td .title {
    font-size: 1.3em;
}

#cat_addholding .field_controls .buttonPlus, #cat_addholding .field_controls .buttonMinus, #cat_addholding .subfield_controls .buttonPlus, #cat_addholding .subfield_controls .buttonMinus, #cat_addholding .subfield_controls .buttonDot, #cat_addbiblio .field_controls .buttonPlus, #cat_addbiblio .field_controls .buttonMinus, #cat_addbiblio .subfield_controls .buttonPlus, #cat_addbiblio .subfield_controls .buttonMinus, #cat_addbiblio .subfield_controls .buttonDot {
    position: relative;
    top: -1px;
    width: 25px;
    height: 20px;
    margin-right: 11px;
    margin-left: -10px;
    display: inline-block;
}

#cat_addholding .field_controls .buttonPlus img, #cat_addholding .field_controls .buttonMinus img, #cat_addbiblio .field_controls .buttonPlus img, #cat_addbiblio .field_controls .buttonMinus img {
    display: none;
}

#cat_addholding .subfield_controls .buttonDot.tag_editor, #cat_addbiblio .subfield_controls .buttonDot.tag_editor {
    text-indent: inherit;
    background: none;
    float: none;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 0px;
    width: 25px;
    height: 24px;
    overflow: hidden;
    border: 0px;
}

#cat_addholding .subfield_controls .buttonDot.disabled, #cat_addbiblio .subfield_controls .buttonDot.disabled {
    opacity: 0.3;
}

#cat_addholding .subfield_controls .buttonDot.disabled:hover:before, #cat_addbiblio .subfield_controls .buttonDot.disabled:hover:before {
    background: #e0e0e0;
}

#cat_addholding .field_controls .buttonPlus:before, #cat_addholding .field_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonPlus:before, #cat_addholding .subfield_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonDot:before, #cat_addbiblio .field_controls .buttonPlus:before, #cat_addbiblio .field_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonPlus:before, #cat_addbiblio .subfield_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonDot:before {
    content: '\f0c5';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 2px;
    height: auto;
    width: 25px;
    font-size: 13px;
    font-weight: normal;
}

#cat_addholding .field_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonMinus:before, #cat_addbiblio .field_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonMinus:before {
    content: '\f014';
}

#cat_addholding .subfield_controls .buttonDot:before, #cat_addbiblio .subfield_controls .buttonDot:before {
    content: '\f040';
    margin: 0px;
}

#cat_addholding .subfieldcode .buttonUp, #cat_addbiblio .subfieldcode .buttonUp {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.3);
    margin-right: 5px;
    margin-top: -4px;
}

#cat_addholding .subfieldcode .buttonUp:hover, #cat_addbiblio .subfieldcode .buttonUp:hover {
    border-bottom: 6px solid rgb(8,129,250);
}

#cat_addholding .subfield_controls, #cat_addbiblio .subfield_controls {
    margin: 0px 13px;
}

#cat_addholding .subfieldcode .flat, #cat_addbiblio .subfieldcode .flat {
    background: transparent;
}

#cat_addholding .subfieldcode input, #cat_addbiblio .subfieldcode input {
    text-align: center;
}

#cat_addholding .tag, #cat_addbiblio .tag {
    float: left;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 5px 0px;
    padding: 0px;
    background: rgba(0, 0, 0, 0.05);
}

#cat_addholding .tag_title, #cat_addbiblio .tag_title {
    background: rgba(0, 0, 0, 0.05);
    padding: 8px;
    position: relative;
    font-size: 1em;
}

#cat_addholding .tag_title .tagnum, #cat_addbiblio .tag_title .tagnum {
    font-size: 1.3em;
    padding: 0px 10px 0px 0px;
    display: inline-block;
    min-width: 49px;
}

#cat_addholding .tag_title a.expandfield, #cat_addbiblio .tag_title a.expandfield, #cat_addholding .tag .subfield_line .subfield, #cat_addbiblio .tag .subfield_line .subfield {
    float: right;
    text-decoration: inherit;
    font-size: 0.7em;
    color: rgba(0, 0, 0, 0.2);
    margin-top: 6px;
    text-transform: uppercase;
}

#cat_addholding .tag_title a.expandfield:after, #cat_addbiblio .tag_title a.expandfield:after {
    content: '\f078';
    font-family: 'FontAwesome';
    color: rgb(0, 0, 0);
    margin-left: 8px;
    font-size: 14px;
    line-height: 14px;
}

#cat_addholding .tag_title a.expandfield:hover:after, #cat_addbiblio .tag_title a.expandfield:hover:after {
    color: rgb(8,129,250);
}

#cat_addholding .tag:hover .tag_title a.expandfield, #cat_addbiblio .tag:hover .tag_title a.expandfield, #cat_addbiblio .tag:hover .subfield_line .subfield, #cat_addholding .tag:hover .subfield_line .subfield {
    color: rgba(0, 0, 0, 0.4);
}

#cat_addholding .tag_title a.marcdocs, #cat_addbiblio .tag_title a.marcdocs {
    display: none !important;
}

#cat_addholding .tag_title input, #cat_addbiblio .tag_title input {
    position: relative;
    top: -2px;
}

#cat_addholding .tag .subfield_line, #cat_addbiblio .tag .subfield_line {
    padding: 8px;
    position: relative;
}

#cat_addholding .tag .subfield_line .input_marceditor, #cat_addbiblio .tag .subfield_line .input_marceditor {
    width: 450px;
}

#cat_addholding .tag .subfield_line .input_marceditor.readonly, #cat_addbiblio .tag .subfield_line .input_marceditor.readonly {
    position: relative;
    background: rgba(0, 0, 0, 0.05);
}

#cat_addholding .tag .subfield_line .fa-lock, #cat_addbiblio .tag .subfield_line .fa-lock {
    position: relative;
    margin-left: -17px;
    margin-right: 5px;
    opacity: 0.6;
}

#cat_addholding .tag input, #cat_addbiblio .tag input {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px;
    width: 26px;
    background: rgb(255, 255, 255);
    font-size: 16px;
}

#cat_addholding .tag .subfieldcode, #cat_addbiblio .tag .subfieldcode {
    margin-left: 23px;
}

#cat_addholding div.subfield_line label, #cat_addbiblio div.subfield_line label {
    width: auto;
    font-size: 1em;
}

#cat_addholding div.subfield_line label input, #cat_addbiblio div.subfield_line label input {
    min-width: 28px;
}

#cat_addholding .tag .subfield_line .subfield, #cat_addbiblio .tag .subfield_line .subfield {
    position: absolute;
    right: 8px;
    width: 210px;
}

#cat_addholding #breadcrumbs, #cat_addbiblio #breadcrumbs {
    margin-top: 20px;
}

#cat_addholding #toolbar, #cat_addbiblio #toolbar {
    margin-top: 20px;
}

#cat_addholding #toolbar.floating, #cat_addbiblio #toolbar.floating {
    margin-top: 0px;
}

#cat_addholding .tag.new_active_tag, #cat_addbiblio .tag.new_active_tag {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgb(232, 243, 255);
}

#cat_marc21_leader table {
    /* Firefox */
    width: -moz-calc(100% - 40px);
    /* WebKit */
    width: -webkit-calc(100% - 40px);
    /* Opera */
    width: -o-calc(100% - 40px);
    /* Standard */
    width: calc(100% - 40px);
    margin-left: 20px;
    box-shadow: 0px 0px 0px 20px rgb(255, 255, 255);
}

#cat_marc21_leader h3 {
    background: rgb(255, 255, 255);
    padding: 20px 20px 10px 20px;
}

#cat_marc21_leader select {
    min-width: 230px;
}

#cat_marc21_leader fieldset.action {
    background: rgb(255, 255, 255);
    padding: 0px 20px  20px 17px;
    border-radius: 0px;
}

#cat_marc21_leader fieldset.action a.close:hover, #help.help fieldset input[type=button].close:hover {
    color: rgb(0, 0, 0);
    font-size: 12px;
}

#cat_marc21_leader table tr td:first-child, #cat_marc21_leader table tr td label, #cat_marc21_leader table tr td .label {
    font-weight: bold;
}

#help.help h2, #help.help p, #help.help fieldset, #help.help ul, #help.help pre {
    background: rgb(255, 255, 255);
    margin: 0px;
    padding: 10px 20px;
    border-radius: 0px;
}

#help.help ul li {
    margin-left: 20px;
}

#circ_circulation_selectborrower, #circ_circulation_selectborrower legend {
    border: 0px;
    padding: 0px;
    background: none;
}

#circ_circulation_selectborrower legend {
    top: 0px;
}

#table_borrowers {
    width: 100%;
}

#table_borrowers td {
    padding: 5px;
}

#table_borrowers tr td:first-child, #cat_addbooks .searchresults td p:first-child a {
    font-weight: bold;
    font-size: 1.1em;
}

.sorting_asc:after {
    font-family: 'FontAwesome';
    content: '\f107';
    margin-left: 4px;
}

.sorting_desc:after {
    font-family: 'FontAwesome';
    content: '\f106';
    margin-left: 4px;
}

#issues-table .renewals-disabled, #issues-table .renewals-disabled-no-override {
    color: orange;
    white-space: nowrap;
}

#issues-table .date-select {
    text-align: center;
}

#issues-table .date-select #newduedate {
    margin-top: 5px;
}

#checkouts #issues-table-actions {
    text-align: right;
}

#checkouts #issues-table-actions .action {
    padding-right: 0px;
}

#checkouts #issues-table-actions #override_limit {
    margin-right: 20px;
}

#issues-table .renewals-disabled:before, #issues-table .renewals-disabled-no-override:before {
    font-family: 'FontAwesome';
    content: '\f06a';
    margin-right: 4px;
}

#issues-table .renewals {
    white-space: nowrap;
    font-size: 0.8em;
    padding: 6px 0px;
}

#issues-table tr td:nth-child(2) .strong {
    font-weight: bold;
    font-size: 1.1em;
    display: inline-block;
    width: 100%;
}

#issues-table tr td {
    padding: 5px;
}

#issues-table tr td:nth-child(3), #issues-table tr td:nth-child(4), #issues-table tr td:nth-child(5), #issues-table tr td:nth-child(6), #issues-table tr td:nth-child(7), #issues-table tr td:nth-child(8) {
    font-size: 0.8em;
}

#issues-table tr td:nth-child(10) > span > span:first-child {
    display: inline-block;
    width: 20px;
    padding: 0px !important;
    margin-right: 6px;
}

#issues-table .sorting_disabled {
    padding-right: 8px;
    padding-left: 0px;
}

#help.help fieldset, #help.help h2 {
    padding: 20px;
}

#circ_request form[action="modrequest.pl"] table tr td {
    padding: 5px;
}

#circ_request form[action="modrequest.pl"] table tr td .cancel-hold, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a, #circ_holds_selectborrower #table_borrowers tr td:first-child a:before, #circ_circulation #table_borrowers tr td:first-child a:before {
    padding: 3px 6px;
    height: auto;
    font-size: 13px !important;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(1), #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2), #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3), #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4) {
    margin: 0px 2px;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(1) img, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2) img, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3) img, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4) img, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold img, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) img {
    display: none;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(1):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4):before, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold:before, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a:before, #circ_holds_selectborrower #table_borrowers tr td:first-child a:before, #circ_circulation #table_borrowers tr td:first-child a:before {
    font-family: 'FontAwesome';
    content: '\f062';
    font-size: 1em;
    font-weight: normal;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2):before {
    border-top: 2px solid rgb(0, 0, 0);
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3):before {
    content: '\f063';
    border-bottom: 2px solid rgb(0, 0, 0);
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a:before {
    content: '\f063';
}

#circ_request form[action="modrequest.pl"] table tr td .cancel-hold:before {
    content: '\f014';
    font-size: 1.1em;
}

#circ_holds_selectborrower #table_borrowers tr td:first-child a:before, #circ_circulation #table_borrowers tr td:first-child a:before {
    content: '\f00c';
    margin-right: 6px;
}

#circ_holds_selectborrower #table_borrowers tr td.sorting_1 a, #circ_circulation #table_borrowers tr td.sorting_1 a {
    color: rgb(0, 0, 0);
}

#circ_holds_selectborrower #patron {
    position: relative;
    top: 2px;
    height: 30px;
}

#new_lang_dropdown .currentlanguage {
    opacity: 0.7;
    margin: 0px;
}

#new_lang_dropdown .navbar-text {
    margin-left: 20px;
}

#new_lang_dropdown .dropdown-menu {
    min-width: 95px;
    left: auto;
    right: 6px;
}

.navbar-nav > li > .dropdown-menu {
    font-size: 0.9em;
}

ol.bibliodetails {
    margin: 1em 0;
    padding-left: 0px;
}

ol.bibliodetails li {
    padding: 5px 0;
}

ol.bibliodetails span.label {
    text-align: left;
    border-right: 0px;
}

div.listgroup h4 {
    font-style: normal;
}

#memberresultst td {
    padding: 5px;
}

#memberresultst td.sorting_1 > span {
    white-space: normal !important;
}

#searchheader {
    background: none;
    border: 0px;
    padding: 0;
    margin: 1em 0 0 0;
    font-size: 1em;
}

#searchheader h3 {
    margin-top: 20px;
    font-size: 1.4em;
}

#memberresultst tr td:nth-child(3) span a:first-child {
    font-size: 1.1em;
    font-weight: bold;
}

.browse-controls {
    margin: 0px;
    padding: 0px;
}

.browse-label, .browse-prev-next {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.browse-prev-next {
    border-top: 0px;
}

#browse-previous {
    border-right: 0px;
    background: none;
}

.browse .filterByLetter {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 1px 5px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    min-width: 21px;
    margin-bottom: 3px;
}

#catalog_advsearch #searchterms {
    background: rgb(8,129,250);
    border: 0px;
    margin-top: -20px;
    margin-bottom: 20px;
}

#catalog_advsearch #searchterms legend {
    border: 0px;
    background: none;
    top: 25px;
    padding: 0px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 1.5em;
}

#catalog_advsearch #searchterms > div {
    margin: 5px 0px;
}

#catalog_advsearch #advsearches .advsearch td {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    width: 20%;
}

#catalog_advsearch #advsearches .advsearch table {
    width: 100%;
}

#catalog_itemsearch #doc3 {
    margin-top: -40px;
}

#catalog_itemsearch #results {
    width: 100% !important;
}

#catalog_itemsearch fieldset .button-field-new:before {
    content: '\f067';
    font-family: 'FontAwesome';
    margin-right: 4px;
}

#catalog_moredetail #catalogue_detail_biblio .listgroup h4 {
    margin: 10px 0px 0px 0px;
}

#catalog_moredetail #catalogue_detail_biblio ol.bibliodetails {
    min-width: 100%;
    margin: 8px 0px 20px 0px;
}

#catalog_moredetail #catalogue_detail_biblio ol.bibliodetails li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#catalog_moredetail #catalogue_detail_biblio ol.bibliodetails li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#catalog_moredetail #catalogue_detail_biblio .yui-g {
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 20px;
    margin: 10px 0px;
    float: left;
    width: 100%;
}

#catalog_moredetail #catalogue_detail_biblio .yui-g > h3 {
    border-top: 0px;
    padding-top: 0px;
}

#catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a {
    margin-top: 8px;
    display: block;
    width: 100px;
}

#catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a:before {
    content: '\f040';
    font-family: 'FontAwesome';
    margin-right: 4px;
    font-weight: normal;
}

#acq_acqui-home #accounts_filter, #admin_aqbudgets #budgeth_filter, #admin_aqbudgetperiods #activeperiodst_filter, #ser_serials-home #osrlt_filter, #numberpatternst_filter {
    border: 0px;
    padding-left: 0px;
}

#acq_acqui-home #accounts_filter input, #admin_aqbudgets #budgeth_filter input, #admin_aqbudgetperiods #activeperiodst_filter input, #ser_serials-home #osrlt_filter input, #numberpatternst_filter input {
    margin-left: 4px;
}

#acq_acqui-home #accounts, #admin_aqbudgetperiods #activeperiodst {
    width: 100%;
}

#acq_acqui-home #accounts tr.branch td, #acq_acqui-home #accounts #funds_total, #admin_aqbudgets #budgeth tr.branch td, #admin_aqbudgets #budgeth tfoot th, #admin_aqbudgetperiods #activeperiodst tbody tr td.sorting_1 {
    font-weight: bold;
    font-size: 1.1em;
}

#acq_acqui-home #accounts #funds_total tr th:first-child {
    text-align: left;
}

table.treetable tr.expanded span.indenter a, table.treetable tr.collapsed span.indenter a {
    background-image: none !important;
    color: rgb(0, 0, 0);
}

table.treetable tr.expanded span.indenter a:before, table.treetable tr.collapsed span.indenter a:before {
    content: '\f078';
    font-family: 'FontAwesome';
    font-size: 13px;
    position: relative;
    top: -2px;
}

table.treetable tr.collapsed span.indenter a:before {
    content: '\f054';
}

.child_fund_amount {
    font-style: normal;
}

#admin_aqbudgets td.group, #admin_aqbudgets table.group td.group {
    border-top: 0px;
    border-bottom: 0px;
}

#admin_aqbudgets #budget_users .del_user {
    width: 20px;
    height: 20px;
    padding: 4px;
    margin-left: -10px;
    overflow: hidden;
    line-height: 1em;
    position: relative;
    top: -2px;
}

#admin_aqbudgets #budget_users .del_user:before {
    content: '\f014';
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    margin-right: 10px;
}

#admin_aqbudgets #budget_users {
    padding-left: 0px;
}

#admin_aqbudgets #budget_users li {
    padding-bottom: 3px;
}

.dataTables_processing {
    background-color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: none !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 6px;
    font-size: 1.5em;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.dataTables_processing .fa {
    width: 100%;
    font-size: 40px;
    margin-bottom: 10px;
}

#common_patron_search #patron_search {
    background: rgb(255, 255, 255);
    margin: 20px auto;
    padding: 20px;
    /* Firefox */
    width: -moz-calc(100% - 40px);
    /* WebKit */
    width: -webkit-calc(100% - 40px);
    /* Opera */
    width: -o-calc(100% - 40px);
    /* Standard */
    width: calc(100% - 40px);
    max-width: 750px;
    min-width: auto;
}

#common_patron_search #searchform {
    width: 50%;
    float: left;
}

#common_patron_search #closewindow {
    float: left;
    width: 100%;
}

#common_patron_search #searchform fieldset.brief, #common_patron_search #searchform fieldset.brief .action {
    padding: 0px;
}

form fieldset.brief ol, form fieldset.rows ol, .patroninfo-section ol {
    padding-left: 0px;
    list-style-type: none;
}

aside form fieldset select, aside form fieldset input {
    max-width: 100%;
}

#common_patron_search #patron_search .yui-g > .hint, #common_patron_search #patron_search .yui-g > .browse {
    float: right;
    width: 50%;
    margin-top: 30px;
}

#common_patron_search #memberresultst {
    width: 100%;
}

#common_patron_search #memberresultst tr td.sorting_1 a {
    font-weight: bold;
    font-size: 1.1em;
    color: rgb(0, 0, 0);
}

#selections span {
    font-size: 0.8em;
    line-height: 1em;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: auto;
}

#selections input {
    margin-top: -3px;
    margin-right: 5px;
}

#selections > strong {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

#admin_aqplan #plan table.invis tbody tr td {
    border: 0px;
    padding: 0px;
    background: none;
}

#admin_aqplan #plan thead tr th, #admin_aqplan #plan > tbody tr td > span {
    white-space: nowrap;
}

#filter_budgetbranch {
    width: 150px !important;
    position: absolute;
    top: 6px;
    right: 85px;
}

label[for="filter_budgetbranch"] {
    position: absolute;
    top: 8px;
    right: 242px;
}

div#header_search input[type="text"]#filter_budgetname {
    padding-right: 310px;
}

#main_auth #doc {
    background: transparent;
}

#main_auth #login {
    border-radius: 8px;
    border: 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#main_auth #login p.submit {
    text-align: center;
}

#main_auth #login .input {
    border-radius: 4px;
    font-family: 'Lato', arial, helvetica, sans-serif;
    font-size: 1.2em;
    width: 100%;
}

#main_auth #login h1 {
    background: url(https://www.tritonia.fi/img/koha_logo_2019.png) no-repeat center top;
    background-size: 100px auto;
    height: 100px;
    margin-top: -46px;
    margin-bottom: 25px;
}

#main_auth #login #login_error {
    font-size: 1em;
    font-weight: normal;
    background: rgba(232, 40, 56, 0.1);
    border: 1px solid rgba(232, 40, 56, 0.1);
    color: rgb(241, 69, 61);
    text-shadow: none;
    padding-left: 50px;
    position: relative;
}

#main_auth #login #login_error strong {
    display: block;
    width: 100%;
}

#main_auth #login #login_error:before {
    position: absolute;
    left: 15px;
    top: 15px;
    content: '\f12a';
    font-family: 'FontAwesome';
    font-size: 25px;
    padding-top: 6px;
    display: block;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    background: rgb(241, 69, 61);
    color: rgb(255, 255, 255);
    font-weight: normal;
}

.ui-widget {
    font-family: inherit;
}

.ui-widget-content {
    background: none;
    border: none;
}

.ui-tabs .ui-tabs-panel {
    border: none;
    padding: 1em !important;
}

.ui-widget-header {
    background: none;
    border: none;
}

.ui-tabs .ui-tabs-nav li, .statictabs ul li {
    background: none;
    border: none;
}

.ui-autocomplete {
    background: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
}

#user-menu {
    position: absolute;
    top: 0px;
    right: 0px;
}

#container-main {
    background-image: none;
}

#cataloguing_additem_newitem .rows ol {
    list-style: none;
    padding-left: 0px;
}

#cataloguing_additem_newitem .rows li {
    width: 100%;
    display: block;
    float: left;
}

#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
    float: left;
}

.select2-container--default .select2-selection--single {
    position: relative;
}

#cataloguing_additem_newitem .select2-container--default .select2-selection--single,  #cataloguing_additem_newitem .select2-container {
    width: 413px !important;
}

#cat_additem #itemst_wrapper {
    margin-top: 120px;
}

#cataloguing_additem_newitem .subfield_line span.required:before, #cat_addbiblio .tag span.required:before, fieldset[id*='memberentry'] span.required:before {
    content: '\f06a';
    font-family: 'FontAwesome';
    margin-right: 6px;
    margin-left: 6px;
    color: rgba(0, 0, 0, 1);
    position: relative;
    top: 1px;
    line-height: 0.9em;
}

#cataloguing_additem_newitem fieldset.action {
    padding: 5px 5px;
}

#cataloguing_additem_newitem .subfield_line .buttonDot, #cataloguing_additem_newitem .subfield_line .ui-datepicker-trigger {
    padding: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 24px;
    height: 24px;
    color: rgb(0, 0, 0);
}

#cataloguing_additem_newitem .subfield_line .ui-datepicker-trigger {
    margin-left: 7px;
}

#cataloguing_additem_newitem .subfield_line .buttonDot:hover {
    text-decoration: none;
}

.select2-container--open .select2-dropdown--below, #ui-datepicker-div {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Lato', arial, helvetica, sans-serif;
}

li.subfield_line label {
    width: 53px !important;
}

ul li.tag li.subfield_line::before {
    top: 10px;
    left: 3px;
}

ul li.tag.sortable_tag::before {
    display: none;
}

ul li.tag.sortable_tag::before:hover {
    cursor: move;
}

#cat_addbiblio ul li.tag.sortable_tag::before, #cat_addbiblio ul li.tag li.subfield_line::before {
    top: 13px;
}

#cat_addbiblio .col-md-offset-1 {
    margin-left: 0px;
}

#cat_addbiblio .ui-tabs .ui-tabs-panel {
    float: left;
    border-radius: 4px;
    padding: 20px;
    width: 100%;
}

.fixed_cataloging_menu {
    position: fixed;
    top: 0px;
    z-index: 20;
    margin-top: 0px !important;
    width: 100%;
    margin-left: 0px;
    left: 0px;
    border-radius: 0px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0,0.4);
}

#cat_addbiblio #toolbar .toolbar-tabs li, #cat_addbiblio #toolbar .tag_anchors_list {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

#cat_addbiblio #toolbar .toolbar-tabs li {
    margin-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: -1px;
    background: rgb(240, 240, 240);
}

#cat_addbiblio #toolbar .toolbar-tabs li.selected {
    border-bottom: 1px solid rgb(255, 255, 255);
}

#cat_addbiblio #toolbar .toolbar-tabs {
    background: none;
    margin: 0px 6px 0px 10px;
}

#cat_addbiblio #toolbar .toolbar-tabs li a {
    border: 0px !important;
    background: none;
    color: rgb(0, 0, 0);
}

#cat_addbiblio #toolbar .toolbar-tabs li:hover {
    background: rgb(255, 255, 255);
}

#cat_addbiblio #toolbar .toolbar-tabs li a:hover {
    text-decoration: none;
}

#cat_addbiblio #toolbar .toolbar-tabs li.selected {
    background: rgb(255, 255, 255);
}

#cat_addbiblio #toolbar .tag_anchors_list {
    margin: 0px 10px 10px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0px 10px;
}

#cat_addbiblio .tag span.required, fieldset[id*='memberentry'] span.required {
    font-size: 0.8em;
}

#cat_addbiblio .tag span.required:before {
    top: 0px;
}

#cat_addbiblio #saverecord {
    margin-right: -1px;
}

#cat_addbiblio #toolbar .tag_anchors a {
    border: 0px;
    padding: 0px 4px 0px 0px;    
}

#cat_addbiblio #toolbar .tag_anchors:after {
    content: '\f111';
    font-family: 'FontAwesome';
    margin-right: 4px;
    margin-left: 0px;
    color: rgba(0, 0, 0, 1);
    position: relative;
    top: -2px;
    font-size: 0.6em;
    color: rgba(0, 0, 0, 0.15);
}

div#header_search input {
    outline: none !important;
}

.holdings_table_table_controls a {
    margin-right: -8px;
    position: relative;
}

#catalogue_detail_biblio h1.title {
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 10px;
    margin-bottom: 11px;
    margin-top: 0px;
}

#catalogue_detail_biblio h5.author {
    font-size: 1.1em;
}

#catalogue_detail_biblio h5.author a {
    font-weight: 400;
}

#catalogue_detail_biblio .results_summary.type {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 10px;
    margin-top: 5px;
}

#catalogue_detail_biblio .author .byAuthor {
    display: none;
}

#catalog_detail #menu {
    float: left;
    width: 100%;
}

#catalog_detail .browse-label {
    float: left;
    width: 70%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 7px 12px;
}

#catalog_detail .browse-prev-next {
    float: left;
    width: 30%;
    border: 0px;
}

#catalog_detail #browse-previous, #catalog_detail #browse-next, #catalog_detail .browse-label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: 1px solid rgba(0, 0, 0, 0.15);
    height: 36px;
}

#catalog_detail #browse-previous, #catalog_detail #browse-next, #catalog_detail .browse-label a {
    color: rgb(120, 121, 122);
}

#catalog_detail #browse-previous, #catalog_detail #browse-next {
    float: left;
    width: 50%;
    text-align: center;
    padding: 7px 0px;
    border-left: 0px;
}

#catalog_detail #browse-next {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#catalog_detail #bibliodetails {
    margin-top: 20px;
}

#circ_holds_selectborrower #table_borrowers tr td:first-child a, #circ_circulation #table_borrowers tr td:first-child a {
    color: rgb(0, 0, 0);
}

#orders_search label[for="title"], #orders_search label[for="searchsupplier"], #orders_search label[for="basket"], #orders_search label[for="booksellerinvoicenumber"] {
    position: absolute;
    z-index: 2;
    width: 50%;
    text-align: center;
    top: -24px;
    font-size: 0.9em;
}

#orders_search label[for="title"], #orders_search label[for="basket"] {
    left: 50%;
}

#orders_search label[for="booksellerinvoicenumber"] {
    right: 50%;
}

#orders_search #title, #orders_search #searchsupplier, #orders_search #filters #basket, #orders_search #filters #booksellerinvoicenumber {
    width: 48%;
    margin-left: 1%;
    float: right;
}

#orders_search.residentsearch form {
    display: block;
    margin-bottom: -23px;
}

#orders_search #filters {
    margin-top: 10px;
    position: relative;
    margin-bottom: 69px;
}

#acq_histsearch form ol label {
    display: inline-block;
    width: 180px;
}

#acq_histsearch form ol li .hint {
    display: inline;
}

.dataTables_wrapper .dataTables_processing {
    min-height: 110px;
    background: none;
}

Esimerkkinä Tritonian tyylitiedosto (Koha-Suomi-versiolle) (tallennettu 1.11.2019)

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

body {
    font-family: 'Lato', arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    background: rgb(226,226,225);
}

::selection {
    background-color: rgb(177, 215, 254);
    color: rgb(0, 0, 0);
}

h1#logo, #main_intranet-main #doc3 #bd>.yui-b, #main_intranet-main #breadcrumbs, #catalog_MARCdetail .tag_title .dashwrapper, #pat_moremember #patron-messaging-prefs, /* Edellisen nappi */ #pat_moremember .yui-u.first .action a[href*='step=5'], #pat_moremember #finesholdsissues, #pat_memberentrygen #memberentry_messaging_prefs, #pat_borraccount #table_account_fines tr th:nth-child(2), #pat_borraccount #table_account_fines tr .transactionnumber, #pat_borraccount #table_account_fines tfoot td:nth-child(3), .paginate_disabled_previous, .paginate_disabled_next, #pat_memberentrygen #ssn_fieldset, #pat_memberentrygen #memberentry_address, #pat_moremember #patron-alternate-address, #pat_moremember #patron-extended-attributes h3, #pat_moremember #patron-extended-attributes #aai > h4, #acq_acqui-home #acqui_acqui_home_order, #budgets_search form label[for="filter_budgetname"] {
    display: none !important;
}

a, a:link, a:visited, .navbar .nav > li > a, .navbar .nav > li > a:hover, a:hover, #circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:hover, #circ_circulation #table_borrowers tr td.sorting_1 a:hover, #searchresults .pagination > li > a:hover, table.treetable tr.expanded span.indenter a:hover, table.treetable tr.collapsed span.indenter a:hover {
    color: rgb(8,129,250);
}

a:hover, #searchresults .pagination > li > a:hover {
    text-decoration: underline;
}

input, textarea {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

input[type="file"] {
    display: inline-block;
}

.navbar .nav > li:hover {
    background: rgba(0, 0, 0, 0.05);
}

#header .nav .loggedinusername {
    color: rgb(0, 0, 0);
    display: inline-block;
    margin-right: 6px;
}

#header .nav .loggedinusername:before {
    content: '\f007';
    font-family: 'FontAwesome';
    margin-right: 6px;
    color: rgba(0, 0, 0, 1);
    font-weight: normal;
    position: relative;
    top: 1px;
    line-height: 0.9em;
}

#header .nav #drop3 .separator {
    display: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle:focus, .navbar .nav li.dropdown.active > .dropdown-toggle:focus, .navbar .nav li.dropdown.open.active > .dropdown-toggle:focus {
    background: transparent;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: rgb(8,129,250);
}

body > .gradient {
    background: rgb(8,129,250);    
    padding: 10px 0px 10px 0px;
    margin-bottom: 20px;
}

fieldset {
    margin: 0px;
    background-color: rgb(246, 246, 245);
    border: 1px solid rgba(20, 20, 20 ,0.2);
    border-radius: 6px;
    position: relative;
    margin-top: 30px;
}

fieldset legend {
    background-color: rgb(246, 246, 245);
    border: 1px solid rgba(20, 20, 20 ,0.2);
    border-bottom: 1px solid rgb(246, 246, 245);
    border-radius: 6px;
    height: 28px;
    padding: 5px 10px 0px 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: relative;
    top: -13px;
}

fieldset.rows, fieldset.brief {
    background: none;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 40px;
}

fieldset.rows legend, fieldset.brief legend {
    background: none;
    font-size: 1.5em;
    width: 100%;
    margin-left: 0px;
    padding: 5px 0px;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 0px;
    padding-bottom: 30px;
    padding-top: 20px;
}

fieldset.rows fieldset.action, div.yui-b fieldset.brief {
    padding: 1em 0;
}

fieldset.rows table {
    margin: 1em 0;
}

fieldset.action, div.action {
    padding: 5px 0px;
}

.yui-t2 #bd > .yui-b fieldset.brief {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.yui-t2 #bd > .yui-b fieldset.brief .action {
    padding: 5px 0px;
    margin: 0px;
}

.yui-t2 #bd > .yui-b h5, .yui-t2 #bd > .yui-b h4 {
    font-size: 1.1em;
    margin: 20px 0px 0px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
}

.yui-t2 #bd > .yui-b fieldset h4 {
    margin-top: 0px;
}

.yui-t2 #bd > .yui-b fieldset select {
    margin: 2px 0px;
}

div.yui-b fieldset.brief li.radio {
    padding: 5px 0px;
    margin: 0px;
}

.radio label, .checkbox label {
    margin-left: 4px;
}

.new_koha_toplogo {
    float: left;
    display: block;
    height: 33px;
    width: auto;
    margin-right: 10px;
}

.new_koha_toplogo img {
    width: auto;
    height: 100%;
}

.separator {
    color: transparent;
    width: 6px;
    height: 6px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    margin: 2px 6px;
    overflow: hidden;
}

#circ_circulation_issue, #circ_circulation_issue.lastchecked {
    /*background-color: rgba(8,250,89,0.2);
    border: 4px solid rgba(8,250,89,0.3);*/
    border: 4px solid rgb(36, 224, 153);
    background: rgb(216, 251, 239);
    border-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-bottom: 10px;
    margin-top: 0px;
}

div.lastchecked {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    background: transparent;
    padding: 0px 10px 0px 25px;
}

div.lastchecked strong:before {
    content: '\f058';
    font-family: 'FontAwesome';
    position: relative;
    margin-left: -17px;
    margin-right: 3px;
    color: rgba(8, 250, 89, 1);
}

div.lastchecked strong {
    display: block;
    width: 100%;
}

#checkin-form .first > fieldset, #circ_renew .first > fieldset {
    background-color: rgba(255, 20, 10, 0.2);
    border: 4px solid rgba(255, 20, 10, 0.3);
    margin-bottom: 20px;
    margin-top: 0px;
}

#circ_renew .first > fieldset {
    background-color: rgba(8, 129, 250, 0.2);
    border: 4px solid rgba(8, 129, 250, 0.3);
}

.checkout-settings {
    padding: 10px 20px 20px 20px;
    margin: 5px 1px 1px 1px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(8, 250, 89, 0.5);
    border-radius: 6px;
}

#show-checkout-settings {
    margin-top: 20px;
}

#show-checkout-settings a {
    color: rgb(0, 0, 0);
}

#patronlists {
    margin-top: 20px;
}

#checkin_options, #checkin_options legend {
    border: 0px;
    background: transparent;
}

#checkin-form label[for="barcode"], #circ_renew label[for="barcode"] {
    display: inline-block;
    width: 100%;
}

#checkin-form .first > fieldset, #circ_renew .first > fieldset {
    padding-top: 40px;
}

#checkin-form .first > fieldset legend, #circ_renew .first > fieldset legend {
    border: 0px;
    background: transparent;
    font-size: 1.4em;
    position: absolute;
    top: 6px;
    left: 4px;
}

.barcode, #checkin-form #barcode, #circ_renew #barcode {
    font-size: 1.8em;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 4px 8px;
    margin-top: 3px;
}

#return_date_override_fields {
    margin-top: 20px;
}

label.circ_barcode {    
    font-size: 1.1em;
    font-weight: bold;
    padding-right: 20px;
    width: 100%;
    display: inline-block;
    margin-bottom: 16px;
}

#circ_circulation #messages .circ-hlt i {
    font-style: normal;
    color: rgb(0, 0, 0);
    font-weight: normal;
    display: inline-block;
    width: 100%;
}

.dataTable {
    margin-top: 5px;
}

.dataTable tbody tr:hover td, .summaryholdings_table tbody tr:hover td, #cat_addholding .tag:hover, #cat_addbiblio .tag:hover, #cat_marc21_leader tr:hover td, div.rows li:hover, #catalog_MARCdetail .subfield_line:hover, #catalog_MARCdetail .tag_title:hover, .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover, .statictabs ul li a:hover, #circ_request form[action="modrequest.pl"] table tr:hover td, #searchresults tr:hover td, #searchresults tr:nth-child(odd):hover td, #searchresults tr:hover td p.hold a, #searchresults tr:nth-child(odd):hover td p.hold a, .browse .filterByLetter:hover, #catalog_advsearch #advsearches .advsearch td:hover, #catalog_moredetail #catalogue_detail_biblio .yui-g:hover, table.group tr:hover td, table.group tr.odd:hover td, table.group tr.even:hover td, #admin_aqplan #plan tbody tr:nth-child(odd):hover td, #admin_aqplan #plan tbody tr:hover td {
    background: rgb(255, 249, 226);
}

#doc, #doc1, #doc2, #doc3 {
    margin: 0px 20px 20px 20px;
    padding: 25px 20px 20px 20px;
    background: rgb(255, 255, 255);
    width: auto;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#breadcrumbs {
    position: relative;
    margin: 0px 20px 0px 20px;
    background: rgb(255, 255, 255);
    padding: 12px 20px 12px 20px;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#yui-main .yui-b {
    background: rgb(255, 255, 255);
}

.yui-t2 #yui-main .yui-b {
    margin-left: 15.4em;
}

#yui-main #area-pending {
    background: rgb(255, 255, 255);
    border: 0px;
    padding: 5px 10px;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#yui-main #area-pending .pending-info {
    margin: 0px;
    text-align: center;
}

#yui-main #area-pending .pending-info a {
    color: rgb(0, 0, 0);
}

#yui-main #area-pending .pending-info:before {
    content: '\f06a';
    font-family: 'FontAwesome';
    font-size: 1.2em;
    color: orange;
    font-weight: normal;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

#cartmenulink {
    background-image: none;
    padding-left: .3em;
}

#main_intranet-main #doc3 {
    margin-top: 20px;
    background-image: none;
    background: none;
    box-shadow: none;
}

#main_intranet-main #doc3 #bd #yui-main > .yui-b {
    margin-left: 0px;
}

#main_intranet-main #yui-main .yui-b {
    background: none;
}

#header.navbar-default {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    border-radius: 0px;
}

#header_search .residentsearch form {
    display: inline-block;
    position: relative;
    width: 100%;
}

.btn .fa {
    margin-right: 3px;
}

div#header_search {
    float: none;
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div#header_search .tip {
    color: rgba(255, 255, 255, 0.8);
}

div#header_search input {
    position: relative;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
}

#header_search ul.ui-tabs-nav li.ui-state-default {
    position: relative;
    top: -4px;
    border-radius: 4px;
    margin-top: 3px;
}

#header_search ul.ui-tabs-nav li.ui-state-default:hover {
    background: rgb(255, 255, 255);
    color: rgb(8,129,250);
}

#header_search ul.ui-tabs-nav li.ui-state-default:hover a {
    color: rgb(8,129,250);
}

div#header_search input[type="text"] {
    position: relative;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.3);Â ;
    padding: 5px 85px 5px 15px;
    width: 100%;
    height: 36px;
}

div#header_search input.submit {
    position: absolute;
    top: 1px;
    right: 1px;
}

div#header_search .head-searchbox {
    width: 100%;
}

div#header_search div.residentsearch {
    border-bottom: 0px;
}

#header_search ul.ui-tabs-nav li {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    float: none;
}

#header_search ul.ui-tabs-nav li.ui-tabs-active, #header_search ul.ui-tabs-nav li.ui-tabs-active:hover {
    margin-top: 3px;
    background: rgb(0, 0, 0);
    border: 0px;
    font-weight: 900;
    padding-bottom: 0px;
}

#header_search ul.ui-tabs-nav li a {
    display: inline-block;
    float: none;
}

#header_search ul.ui-tabs-nav li.ui-state-default a {
    color: rgb(255, 255, 255);
}

#header_search ul.ui-tabs-nav li.ui-tabs-active:before {
    content: '\f0d8';
    font-family: 'FontAwesome';
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0px;
    font-size: 30px;
    color: rgb(0, 0, 0);
    height: 12px;
    line-height: 12px;
    margin-top: -10px;
}

#header_search .ui-corner-top {
    border-radius: 4px;
}

#header_search .filteraction {
    position: absolute;
    right: -32px;
    top: 8px;
}

#header_search .filteraction a {
    color: rgb(255, 255, 255);
    padding: 3px 5px 5px 5px;
    border-radius: 4px;
}

#header_search .filteraction a:hover {
    background: rgb(255, 255, 255);
    color: rgb(8,129,250);
}

#header_search ul.ui-tabs-nav {
    margin-top: 3px;
}

#navmenulist > ul {
    padding-left: 0px;
}

#navmenulist > ul > li {
    list-style-type: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    list-style-image: none;
}

.ui-tabs {
    padding: 10px 0px;
}

.ui-tabs .ui-state-default a, .ui-tabs .ui-state-default a:link, .ui-tabs .ui-state-default a:visited, .statictabs ul li a {
    color: rgba(255, 255, 255, 0.9);
}

.ui-tabs .ui-tabs-nav li, .statictabs ul li {
    color: rgb(120, 121, 122);
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: rgb(233,235,237);    
}

.ui-tabs .ui-tabs-nav li.ui-state-default a, .statictabs ul li a, .statictabs ul li a:hover {
    color: rgb(120, 121, 122);
}

.ui-tabs .ui-tabs-nav .ui-state-active a, .ui-tabs .ui-tabs-nav .ui-state-active a:link, .ui-tabs .ui-tabs-nav .ui-state-active a:visited, .statictabs ul li a.active, .statictabs ul li.active a:hover {
    color: rgb(0, 0, 0);
}

.ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-active, div#reserves, div#checkouts {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .statictabs ul li.active {
    border-bottom: 1px solid rgb(255, 255, 255);
}

.statictabs ul li {
    border-bottom: 0px;
    position: relative;
    top: 2px;
    left: -3px;
}

.statictabs .tabs-container {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top-right-radius: 4px;
}

#main_intranet-main .yui-g .yui-u {
    width: 50%;
}

#main_intranet-main #area-list-left ul.biglinks-list li {
    float: right;
}

#main_intranet-main .icon_general {
    background: rgb(255, 255, 255);
    border: 0px;
    width: 200px;
    text-align: center;
    padding: 50px 0px 10px 0px;
    position: relative;
    height: auto;
    font-family: 'Lato', arial, helvetica, sans-serif;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    display: inline-block;
    color: rgb(0, 0, 0);
    font-size: 1.2em;
    font-weight: bold;
    margin: 8px;
    border-radius: 6px;
}

#main_intranet-main .icon_general:hover {
    background: rgb(8,129,250);
    color: rgb(255, 255, 255);
    text-decoration: none;
}

#main_intranet-main .icon_general:hover:before {
    color: rgba(0, 0, 0, 0.6);
}

#main_intranet-main .icon_general:before {
    content: '\f0d8';
    font-family: 'FontAwesome';
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    top: 10px;
    left: 0px;
    font-size: 30px;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 400;
}

#main_intranet-main .icon_circulation:before {
    content: '\f021';
}

#main_intranet-main .icon_patrons:before {
    content: '\f0c0';
}

#main_intranet-main .icon_tools:before {
    content: '\f0ad';
}

#main_intranet-main .icon_administration:before {
    content: '\f085';
}

#main_intranet-main .icon_lists:before {
    content: '\f0ca';
}

#main_intranet-main .icon_search:before {
    content: '\f00e';
}

#main_intranet-main .icon_reports:before {
    content: '\f200';
}

#main_intranet-main .icon_koha:before {
    content: '\f05a';
}

#main_intranet-main .icon_serials:before {
    content: '\f1ea';
}

#main_intranet-main .icon_authorities:before {
    content: '\f0c1';
}

#main_intranet-main .icon_cataloging:before {
    content: '\f022';
}

#main_intranet-main .icon_acquisitions:before {
    content: '\f217';
}

.buttons-colvis:before, .override_debarment .btn:before, #issues-table .column-tool a:before {
    content: '\f0db';
    font-family: 'FontAwesome';
    margin-right: 4px;
    font-weight: normal;
}

.override_debarment .btn:before {
    content: '\f09c';
}

#issues-table .column-tool #CheckAllRenewals:before {
    content: '\f046';
}

#issues-table .column-tool #UncheckAllRenewals:before {
    content: '\f096';
}

div#toolbar, #searchheader #selection_ops, #searchresults #searchheader > div {
    padding: 8px 6px 8px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgb(232,243,255);
}

#searchresults #searchheader > div > span {
    float: right;
}

div#toolbar.floating {
    box-shadow: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid transparent;
}

div#toolbar .btn:first-child, .dt-buttons .dt-button:first-child {
    margin-left: 0px;
}

#clearscreen a, #clearscreen a:hover {
    color: rgba(36, 224, 153, 0);
    text-shadow: none;
    position: relative;
    background-color: transparent;
}

#clearscreen a:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    color: rgb(36, 224, 153);
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: normal;
}

#clearscreen a:hover:before {
    color: rgb(0, 0, 0);
}

.ui-tabs .ui-tabs-nav {
    padding: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-top-right-radius: 4px;
}

#pat_moremember .action {
    display: none;
    width: 100%;
    margin-bottom: 30px;
}

#pat_moremember .action a:before {
    content: '\f040';
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-weight: normal;
}

#pat_moremember .yui-u > div {
    float: left;
    width: 100%;
}

#pat_moremember #patron-extended-attributes, #pat_moremember #patron-extended-attributes #aai, #pat_moremember #patron-extended-attributes div.rows ol {
    padding-top: 0px !important;
}

#pat_moremember #patron-extended-attributes div.rows ol li:first-child {
    border-top: 0px;
}

div.rows li {
    padding: 4px 0px;
}

div.rows li:first-child {
    border-top: 1px solid #eee;
}

.btn, .btn.btn-link, a.btn-link:link, a.btn-link:visited, #pat_moremember .action a, input[type=submit], input[type=reset], input[type=button], input.submit, button, a.submit, a.cancel, .dialog button, #cat_addholding .field_controls .buttonPlus:before, #cat_addholding .field_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonPlus:before, #cat_addholding .subfield_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonDot:before, #cat_addbiblio .field_controls .buttonPlus:before, #cat_addbiblio .field_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonPlus:before, #cat_addbiblio .subfield_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonDot:before, #main_auth #login #submit, button.dt-button, div.dt-button, a.dt-button, #issues-table .column-tool a, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a, #circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:before, #circ_circulation #table_borrowers tr td.sorting_1 a:before, .itemselection_actions .itemselection_action_delete, .itemselection_actions .itemselection_action_modify, #searchheader #selection_ops a, #searchresults #searchheader > div a, .holdings_table_controls > a, #catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a, #catalog_itemsearch fieldset .button-field-new, #acq_acqui-home #accounts .actions a, #admin_aqbudgets #edit_owner, #admin_aqbudgets #remove_owner, #admin_aqbudgets #budget_users #add_user_button, #admin_aqbudgets #budget_users .del_user, #admin_aqbudgets #budgeth .actions a {
    -webkit-box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
    background-color: rgb(255, 255, 255);
    background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%);
    background-repeat: repeat-x;
    border: 1px solid rgb(173, 173, 173);
    border-radius: 3px;
    box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    /*font-family: arial, helvetica, clean, sans-serif;
    font-size: 12px !important;
    font-weight: normal;*/
    font-family: inherit;
    font-size: 11px !important;
    font-weight: bold;
    letter-spacing: 0.02em;
    text-transform: uppercase; 
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    height: 30px;
    line-height: 18px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    margin: 2px;
}

#pat_moremember .action a:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input.submit:hover, button:hover, a.submit:hover, a.cancel:hover, .dialog button:hover, #cat_addholding .field_controls .buttonPlus:hover:before, #cat_addholding .field_controls .buttonMinus:hover:before, #cat_addholding .subfield_controls .buttonPlus:hover:before, #cat_addholding .subfield_controls .buttonMinus:hover:before, #cat_addholding .subfield_controls .buttonDot:hover:before, #cat_addbiblio .field_controls .buttonPlus:hover:before, #cat_addbiblio .field_controls .buttonMinus:hover:before, #cat_addbiblio .subfield_controls .buttonPlus:hover:before, #cat_addbiblio .subfield_controls .buttonMinus:hover:before, #cat_addbiblio .subfield_controls .buttonDot:hover:before, #main_auth #login #submit:hover, button.dt-button:hover, div.dt-button:hover, a.dt-button:hover, #issues-table .column-tool a:hover, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold:hover, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:hover, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a:hover, #circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:hover:before, #circ_circulation #table_borrowers tr td.sorting_1 a:hover:before, .itemselection_actions .itemselection_action_delete:hover, .itemselection_actions .itemselection_action_modify:hover, #searchheader #selection_ops a:hover, #searchresults #searchheader > div a:hover, .holdings_table_controls > a:hover, #catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a:hover, #catalog_itemsearch fieldset .button-field-new:hover, #acq_acqui-home #accounts .actions a:hover, #admin_aqbudgets #edit_owner:hover, #admin_aqbudgets #remove_owner:hover, #admin_aqbudgets #budget_users #add_user_button:hover, #admin_aqbudgets #budget_users .del_user:hover, #admin_aqbudgets #budgeth .actions a:hover {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

div#menu {
    margin-top : 18px;
    padding-top: 0px;
    margin-right: 0px;
}

div#menu, div.patroninfo h5 {
    border-right: 0px;
}

.patroninfo {
    margin-bottom: 45px;
}

div#menu ul {
    padding-left: 0px;
}

div#menu li a, div#menu li.active a, div#menu li a:hover, div#menu li.active a:hover {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 7px 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: rgb(120, 121, 122);
    border-radius: 6px;
    /*background: rgb(233,235,237);*/
    background: transparent;
    position: relative;
}

#menu ul li.active a {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

div#menu li a:hover, div#menu li.active a:hover {
    background: rgb(8,129,250);
    color: rgb(255, 255, 255);
}

div#menu li.active a:after {
    position: absolute;
    content: '\f0da';
    font-family: 'FontAwesome';
    right: -8px;
    top: -2px;
    color: rgb(0, 0, 0);
    font-size: 32px;
}

div#menu li.active a:hover:after {
    color: rgb(8,129,250);
}

#issues-table .column-tool {
    white-space: nowrap;
}

#issues-table .column-tool #CheckAllRenewals {
    left: 10px;
    position: relative;
}

#issues-table .column-tool #CheckAllRenewals, #issues-table .column-tool #UncheckAllRenewals {
    margin-top: 0px;
}

div.circmessage, div.circmessage:first-child {
    margin-top: 2px;
    margin-bottom: 8px;
    padding: 0px;
}

.circmessage li {
    list-style: none;
    position: relative;
}

.circmessage li:before, #circnotes > p:before, #circ_circulation .dialog.alert:before, #circ_returns .dialog.alert:before {
    position: absolute;
    left: 11px;
    top: 9px;
    content: '\f12a';
    font-family: 'FontAwesome';
    font-size: 18px;
    padding-top: 2px;
    display: block;
    border-radius: 20px;
    width: 21px;
    height: 21px;
    background: orange;
    color: rgb(255, 255, 255);
    text-align: center;
    font-weight: normal;
}

#circnotes .circ-hlt:before {
    position: relative;
    left: 0px;
    margin-right: 3px;
}

.circmessage .btn, #messages ul li .btn, #issues-table .column-tool a, .itemselection_actions .itemselection_action_delete , .itemselection_actions .itemselection_action_modify {
    padding: 5px 8px;
    line-height: 1em;
    height: auto;
}

.circmessage .btn, #messages ul li .btn, #issues-table .column-tool a {
    margin-top: 8px;
}

span.circ-hlt {
    color: orange;
    width: 100%;
    display: inline-block;
    position: relative;
}

#patron-information {
    padding: 0px !important;
    color: rgb(176, 176, 176);
}

#patron-information > div {
    color: rgb(0, 0, 0);
}

#patron-information .address {
    margin: 6px 0px;
    display: block;
    float: left;
    width: 100%;
}

.holdings_table_controls > a, #acq_acqui-home #accounts .actions a, #admin_aqbudgets #budgeth .actions a {
    display: inline-block;
    margin-right: -7px;
    padding-right: 9px;
    position: relative;
}

#searchheader #new_patron_list {
    position: relative;
    top: 2px;
}

#searchheader #selection_ops a#select_all, #searchheader #selection_ops a#clear_all, #searchresults #searchheader > div a#select_all, #searchresults #searchheader > div a#clear_all, #searchheader #selection_ops a.highlight_toggle {
    margin-right: -7px;
    margin-left: 2px;
    position: relative;
}

#searchheader #selection_ops {
    margin-bottom: 20px;
}

#searchresults .pagination {
    margin-top: 0px;
}

#searchheader #selection_ops .addto {
    float: right;
}

#searchheader #selection_ops .addto #addto {
    margin-left: 4px;
}

#search-facets {
    border: 0px;
}

#search-facets h4 {
    border: 0px;
    background: none;
    text-align: left;
    font-size: 1.2em;
    padding: 5px 0px;
}

#search-facets > ul > li {
    margin-bottom: 5px;
}

#search-facets ul {
    padding: 5px 0px;
}

#search-facets li.showmore {
    text-indent: 0px;
    padding-top: 5px;
    font-weight: normal;
}

#search-facets li.showmore a:before {
    content: '\f067';
    font-family: 'FontAwesome';
    margin-right: 3px;
    font-weight: normal;
    font-size: 0.9em;
}

#itemst tbody tr.active:nth-child(2n+1) td, #itemst tbody tr.active td {
    background-color: rgb(232, 243, 255);
}

#catalog_MARCdetail .tag_desc, #catalog_MARCdetail .subfield_line .desc {
    font-style: normal;
    font-size: 0.7em;
    float: right;
    opacity: 0.6;
}

#catalog_MARCdetail .tag_title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin: 5px 0px 5px 0px;
    float: left;
    width: 100%;
    padding: 2px 0px;
}

#catalog_MARCdetail .tag_title .tag_num, #catalog_MARCdetail .tag_title .tag_ind1, #catalog_MARCdetail .tag_title .tag_ind2 {
    font-weight: 900;
}

#catalog_MARCdetail .subfield-code {
    font-weight: 900;
    font-style: normal;
    margin-right: 5px;    
}

#catalog_MARCdetail .subfield_line {
    float: left;
    margin-top: 0px;
    width: 100%;
}

#catalog_MARCdetail #bibliotabs .ui-tabs-panel {
    float: left;
    width: 100%;
}

div.pager {
    width: 100%;
    font-size: 1em;
    border: 0px;
    background: none;;
}

div.top.pager, div.bottom.pager {
    background: none !important;
    padding: 0px;
}

.bottom.pager {
    margin-top: 15px;
}

.pager .dataTables_paginate {
    float: right;
}

.pager .dataTables_info {
    border-right: 0px;
    width: 100%;
    text-align: left;
    padding: 0px;
    margin-bottom: 10px;
}

.pager .dataTables_length {
    border: 0px;
    padding: 0px;
    margin-right: 20px;
}

.pager .dataTables_paginate {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 0px;
    margin-top: 5px;
}

div.dataTables_paginate.paging_two_button, div.dataTables_paginate.paging_four_button {
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.pager .dataTables_paginate > span {
    display: inline-block;
    float: left;
}

.paging_full_numbers a.paginate_button, .paging_full_numbers .ellipsis, .dataTables_paginate .paginate_enabled_previous, .dataTables_paginate .paginate_enabled_next {
    border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
    font-size: 0.9em;
    color: rgb(0, 0, 0) !important;
    padding: 5px 9px !important;
    line-height: 1.2em !important;
    margin: 1px;
    background: none !important;
    min-width: 22px !important;
    margin: 0px;
    display: inline-block;
    float: left;
    border-left: 0px !important;
}

#osrlt_paginate.dataTables_paginate .paginate_enabled_previous, #osrlt_paginate.dataTables_paginate .paginate_enabled_next {
    border-right: 0px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
    margin-left: 0px;
}

#osrlt_paginate.dataTables_paginate > span:first-child {
    border-left: 0px !important;
}

.paging_full_numbers a.paginate_button.last {
    border-right: 0px !important;
}

.paging_full_numbers a.paginate_button:hover, #osrlt_paginate.dataTables_paginate > span:hover, #osrlt_paginate.dataTables_paginate > span:hover {
    color: rgb(8,129,250) !important;
    background: #eee !important;
}

.paging_full_numbers a.paginate_button.current {
    background: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
    font-weight: bold;
    border-color: rgb(0, 0, 0);
}

.paging_full_numbers a.paginate_button.previous:before, .dataTables_paginate .paginate_enabled_previous:before {
    content: '<<';
    margin-right: 4px;
}

.paging_full_numbers a.paginate_button.next:after, .dataTables_paginate .paginate_enabled_next:after {
    content: '>>';
    margin-left: 4px;
}

.paging_full_numbers a.paginate_button.disabled {
    color: rgba(0, 0, 0, 0.3) !important;
}

.paging_full_numbers a.paginate_button.disabled:hover {
    cursor: default;
    text-decoration: none;
    background: none !important;
}

#searchheader #highlight_toggle_off:before {
    content: '\f070';
    font-family: 'FontAwesome';
    margin-right: 4px;
}

#searchheader #highlight_toggle_on:before {
    content: '\f06e';
    font-family: 'FontAwesome';
    margin-right: 4px;
}

#searchresults nav {
    width: 100%;
    float: left;
}

#searchresults .pagination {
    float: right;
}

#searchresults .pagination > li > a {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

#searchresults .pagination > li > a, #searchresults .pagination > li > span {
    padding: 5px 9px;
}

#searchresults .pagination > li.active > a, #searchresults .pagination > li.active > span {
    background: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}

#table_account_fines {
    width: 100%;
}

#cataloguing_additem_newitem input[type=submit] {
    margin-bottom: 15px;
}

.select2-arrow:before {
    content: '\f078';
    font-family: 'FontAwesome';
    margin-left: 3px;
    font-size: 0.9em;
    position: relative;
    top: -2px;
}

.select2-arrow:hover, .select2-search-choice-close:hover {
    color: rgb(8,129,250);
}

.select2-search-choice-close:before {
    content: '\f00d';
    font-family: 'FontAwesome';
    margin-left: 3px;
    font-size: 12px;
    position: relative;
    top: -8px;
}

.title {
    font-size: 1.5em;
}

h1 .title {
    font-size: 1em;
}

.show_circ_options_button {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}

.show_circ_options_button:hover {
    cursor: pointer;
    text-decoration: underline;
}

.show_circ_options_button .fa {
    margin-right: 3px;
}

#return_date_override_fields #checkin_options legend {
    display: none;
}

#return_date_override_fields {
    padding: 5px 15px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 6px;
}

#circ_returns #yui-main .yui-b .yui-g {
    float: left;
    width: 50%;
}

#circ_returns #yui-main .yui-b .yui-g:first-child {
    float: right;
    padding-left: 30px;
}

#circ_returns #yui-main .yui-b .yui-g .yui-u.first {
    width: 100%;
}

#circ_returns #yui-main .yui-b h2 {
    float: left;
    width: 100%;
}

div.message {
    width: 100%;
    border: 1px solid rgba(35, 159, 252, 0.4);
    background: rgb(216, 239, 252);
    border-radius: 6px;
    padding: 15px;
}

.alert {
    margin-bottom: 0px;
}

.dialog.alert {
    margin-bottom: 20px !important;
}

div.alert, #common_patron_search #patron_search .yui-g > .hint {
    width: 100%;
    margin-top: 0px;
    background: rgba(250, 220, 0, 0.15);
    border: 1px solid rgba(250, 220, 0, 0.6);
    padding: 15px;
    box-shadow: none;
    border-radius: 6px;
    position: relative;
}

div.dialog > ul, div.alert > p {
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}

div.dialog > ul li {
    list-style-type: none;
}

div.alert a {
    color: rgb(0, 0, 0);
}

div.alert .problem {
    background: transparent;
    font-size: 1.2em;
    color: rgba(250, 180, 0, 1);
    margin: -5px 0px 0px 0px;
}

#circ_circulation .dialog.alert {
    width: 49.1%;
    float: right;
    margin-top: 0px;
    color: orange;
    font-weight: bold;
}

#messages #addnewmessageLabel {
    margin-top: 10px;
}

#circmessages > ul, #messages.circmessage > ul {
    padding-left: 0px;
}

#circmessages ul li, div.circmessage > p, div.circmessage li, #circ_circulation .dialog.alert, #circ_returns .dialog.alert {
    background: rgba(250, 220, 0, 0.15);
    border: 1px solid rgba(250, 220, 0, 0.6);
    border-radius: 6px;
    margin-top : 0px;
    position: relative;
    padding: 10px 12px 10px 40px;
    text-align: left;
}

#circmessages.circmessage.warning ul li, #circmessages .blocker {
    background: rgba(232, 40, 56, 0.1);
    border: 1px solid rgba(232, 40, 56, 0.1);
    color: rgb(241, 69, 61);
}

#circmessages.circmessage.warning li i, #circmessages .blocker i {
    color: rgb(0, 0, 0);
    font-style: normal;
}

#circmessages.circmessage.warning ul li .circ-hlt, #circmessages .blocker .circ-hlt {
    color: rgb(241, 69, 61);
}

#circmessages.circmessage.warning ul li:before, #circmessages .blocker:before {
    background: rgb(241, 69, 61);
}

#circmessages.circmessage.attention > h3 {
    display: none;
}

#circmessages #ssbb-rootBlockSummary {
    margin: 0px;
}

#circmessages > h3, #circmessages {
    margin-top : 0px;
}

#circ_returns .dialog.alert h3 {
    color: orange;
    text-align: left;
    font-size: 1.2em;
}

#circ_returns div.dialog > ul, #circ_returns  div.alert > p {
    text-align: left;
}

#checkin-form fieldset input[type=submit], #circ_circulation_issue > button, #circ_renew fieldset input[type=submit] {
    height: 41px;
    min-width: 60px;
    font-size: 14px !important;
}

#checkedintable .ci-holdinglibrary, #checkedintable .ci-dateaccessioned {
    display: none;
}

#new_icon_container {
    width: 100%;
    max-width: 900px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 200px;
}

.results_summary .label {
    vertical-align: baseline;
    font-weight: 600;
}

#searchresults .availability .holdings {
    margin-bottom: 8px;
}

#searchresults .availability .holdings ul li {
    list-style: disc;
}

#searchresults td {
    padding: 15px 20px;
}

#searchresults td p.hold {
    float: left;
    margin-top: 5px;
    font-size: 0.85em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 8px;
    border-radius: 4px;
}

#searchresults td p.hold a {
    background: rgb(255, 255, 255);
    margin-left: -6px;
    padding-left: 8px;
}

#searchresults tr:nth-child(odd) td p.hold a {
    background: #f3f3f3;
}

#searchresults td .title {
    font-size: 1.3em;
}

#cat_addholding .field_controls .buttonPlus, #cat_addholding .field_controls .buttonMinus, #cat_addholding .subfield_controls .buttonPlus, #cat_addholding .subfield_controls .buttonMinus, #cat_addholding .subfield_controls .buttonDot, #cat_addbiblio .field_controls .buttonPlus, #cat_addbiblio .field_controls .buttonMinus, #cat_addbiblio .subfield_controls .buttonPlus, #cat_addbiblio .subfield_controls .buttonMinus, #cat_addbiblio .subfield_controls .buttonDot {
    position: relative;
    top: -2px;
    width: 25px;
    height: 20px;
    margin-right: 11px;
    margin-left: -10px;
    display: inline-block;
}

#cat_addholding .field_controls .buttonPlus img, #cat_addholding .field_controls .buttonMinus img, #cat_addbiblio .field_controls .buttonPlus img, #cat_addbiblio .field_controls .buttonMinus img {
    display: none;
}

#cat_addholding .subfield_controls .buttonDot.tag_editor, #cat_addbiblio .subfield_controls .buttonDot.tag_editor {
    text-indent: inherit;
    background: none;
    float: none;
    padding: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 27px;
    height: 27px;
}

#cat_addholding .subfield_controls .buttonDot.disabled, #cat_addbiblio .subfield_controls .buttonDot.disabled {
    opacity: 0.3;
}

#cat_addholding .subfield_controls .buttonDot.disabled:hover:before, #cat_addbiblio .subfield_controls .buttonDot.disabled:hover:before {
    background: #e0e0e0;
}

#cat_addholding .field_controls .buttonPlus:before, #cat_addholding .field_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonPlus:before, #cat_addholding .subfield_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonDot:before, #cat_addbiblio .field_controls .buttonPlus:before, #cat_addbiblio .field_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonPlus:before, #cat_addbiblio .subfield_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonDot:before {
    content: '\f0c5';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 2px;
    height: auto;
    width: 25px;
    font-size: 13px;
    font-weight: normal;
}

#cat_addholding .field_controls .buttonMinus:before, #cat_addholding .subfield_controls .buttonMinus:before, #cat_addbiblio .field_controls .buttonMinus:before, #cat_addbiblio .subfield_controls .buttonMinus:before {
    content: '\f014';
}

#cat_addholding .subfield_controls .buttonDot:before, #cat_addbiblio .subfield_controls .buttonDot:before {
    content: '\f040';
}

#cat_addholding .subfieldcode .buttonUp, #cat_addbiblio .subfieldcode .buttonUp {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.3);
    margin-right: 5px;
    margin-top: -4px;
}

#cat_addholding .subfieldcode .buttonUp:hover, #cat_addbiblio .subfieldcode .buttonUp:hover {
    border-bottom: 6px solid rgb(8,129,250);
}

#cat_addholding .subfield_controls, #cat_addbiblio .subfield_controls {
    margin: 0px 13px;
}

#cat_addholding .subfieldcode .flat, #cat_addbiblio .subfieldcode .flat {
    background: transparent;
}

#cat_addholding .subfieldcode input, #cat_addbiblio .subfieldcode input {
    text-align: center;
}

#cat_addholding .tag, #cat_addbiblio .tag {
    float: left;
    width: 800px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 5px 0px;
    padding: 0px;
    background: rgba(0, 0, 0, 0.05);
}

#cat_addholding .tag_title, #cat_addbiblio .tag_title {
    background: rgba(0, 0, 0, 0.05);
    padding: 8px;
    position: relative;
    font-size: 1em;
}

#cat_addholding .tag_title .tagnum, #cat_addbiblio .tag_title .tagnum {
    font-size: 1.3em;
    padding: 0px 10px 0px 0px;
    display: inline-block;
    min-width: 49px;
}

#cat_addholding .tag_title a.expandfield, #cat_addbiblio .tag_title a.expandfield, #cat_addholding .tag .subfield_line .subfield, #cat_addbiblio .tag .subfield_line .subfield {
    float: right;
    text-decoration: inherit;
    font-size: 0.7em;
    color: rgba(0, 0, 0, 0.2);
    margin-top: 6px;
    text-transform: uppercase;
}

#cat_addholding .tag_title a.expandfield:after, #cat_addbiblio .tag_title a.expandfield:after {
    content: '\f078';
    font-family: 'FontAwesome';
    color: rgb(0, 0, 0);
    margin-left: 8px;
    font-size: 14px;
    line-height: 14px;
}

#cat_addholding .tag_title a.expandfield:hover:after, #cat_addbiblio .tag_title a.expandfield:hover:after {
    color: rgb(8,129,250);
}

#cat_addholding .tag:hover .tag_title a.expandfield, #cat_addbiblio .tag:hover .tag_title a.expandfield, #cat_addbiblio .tag:hover .subfield_line .subfield, #cat_addholding .tag:hover .subfield_line .subfield {
    color: rgba(0, 0, 0, 0.4);
}

#cat_addholding .tag_title a.marcdocs, #cat_addbiblio .tag_title a.marcdocs {
    display: none !important;
}

#cat_addholding .tag_title input, #cat_addbiblio .tag_title input {
    position: relative;
    top: -2px;
}

#cat_addholding .tag .subfield_line, #cat_addbiblio .tag .subfield_line {
    padding: 8px;
    position: relative;
}

#cat_addholding .tag .subfield_line .input_marceditor, #cat_addbiblio .tag .subfield_line .input_marceditor {
    width: 450px;
}

#cat_addholding .tag .subfield_line .input_marceditor.readonly, #cat_addbiblio .tag .subfield_line .input_marceditor.readonly {
    position: relative;
    background: rgba(0, 0, 0, 0.05);
}

#cat_addholding .tag .subfield_line .fa-lock, #cat_addbiblio .tag .subfield_line .fa-lock {
    position: relative;
    margin-left: -17px;
    margin-right: 5px;
    opacity: 0.6;
}

#cat_addholding .tag input, #cat_addbiblio .tag input {
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px;
}

#cat_addholding div.subfield_line label, #cat_addbiblio div.subfield_line label {
    width: auto;
    font-size: 1em;
}

#cat_addholding div.subfield_line label input, #cat_addbiblio div.subfield_line label input {
    min-width: 28px;
}

#cat_addholding .tag .subfield_line .subfield, #cat_addbiblio .tag .subfield_line .subfield {
    position: absolute;
    right: 8px;
    width: 210px;
}

#cat_addholding #breadcrumbs, #cat_addbiblio #breadcrumbs {
    margin-top: 20px;
}

#cat_addholding #toolbar, #cat_addbiblio #toolbar {
    margin-top: 20px;
}

#cat_addholding #toolbar.floating, #cat_addbiblio #toolbar.floating {
    margin-top: 0px;
}

#cat_addholding .tag.new_active_tag, #cat_addbiblio .tag.new_active_tag {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgb(232, 243, 255);
}

#cat_marc21_leader table {
    /* Firefox */
    width: -moz-calc(100% - 40px);
    /* WebKit */
    width: -webkit-calc(100% - 40px);
    /* Opera */
    width: -o-calc(100% - 40px);
    /* Standard */
    width: calc(100% - 40px);
    margin-left: 20px;
    box-shadow: 0px 0px 0px 20px rgb(255, 255, 255);
}

#cat_marc21_leader h3 {
    background: rgb(255, 255, 255);
    padding: 20px 20px 10px 20px;
}

#cat_marc21_leader select {
    min-width: 230px;
}

#cat_marc21_leader fieldset.action {
    background: rgb(255, 255, 255);
    padding: 0px 20px  20px 17px;
    border-radius: 0px;
}

#cat_marc21_leader fieldset.action a.close:hover, #help.help fieldset input[type=button].close:hover {
    color: rgb(0, 0, 0);
    font-size: 12px;
}

#cat_marc21_leader table tr td:first-child, #cat_marc21_leader table tr td label, #cat_marc21_leader table tr td .label {
    font-weight: bold;
}

#help.help h2, #help.help p, #help.help fieldset, #help.help ul, #help.help pre {
    background: rgb(255, 255, 255);
    margin: 0px;
    padding: 10px 20px;
    border-radius: 0px;
}

#help.help ul li {
    margin-left: 20px;
}

#circ_circulation_selectborrower, #circ_circulation_selectborrower legend {
    border: 0px;
    padding: 0px;
    background: none;
}

#circ_circulation_selectborrower legend {
    top: 0px;
}

#table_borrowers {
    width: 100%;
}

#table_borrowers td {
    padding: 5px;
}

#table_borrowers tr td:first-child, #cat_addbooks .searchresults td p:first-child a {
    font-weight: bold;
    font-size: 1.1em;
}

#issues-table .renewals-disabled, #issues-table .renewals-disabled-no-override {
    color: orange;
    white-space: nowrap;
}

#issues-table .date-select {
    text-align: center;
}

#issues-table .date-select #newduedate {
    margin-top: 5px;
}

#checkouts #issues-table-actions {
    text-align: right;
}

#checkouts #issues-table-actions .action {
    padding-right: 0px;
}

#checkouts #issues-table-actions #override_limit {
    margin-right: 20px;
}

#issues-table .renewals-disabled:before, #issues-table .renewals-disabled-no-override:before {
    font-family: 'FontAwesome';
    content: '\f06a';
    margin-right: 4px;
}

#issues-table .renewals {
    white-space: nowrap;
    font-size: 0.8em;
    padding: 6px 0px;
}

#issues-table tr td:nth-child(2) .strong {
    font-weight: bold;
    font-size: 1.1em;
    display: inline-block;
    width: 100%;
}

#issues-table tr td {
    padding: 5px;
}

#issues-table tr td:nth-child(3), #issues-table tr td:nth-child(4), #issues-table tr td:nth-child(5), #issues-table tr td:nth-child(6), #issues-table tr td:nth-child(7), #issues-table tr td:nth-child(8) {
    font-size: 0.8em;
}

#issues-table tr td:nth-child(10) > span > span:first-child {
    display: inline-block;
    width: 20px;
    padding: 0px !important;
    margin-right: 6px;
}

#issues-table .sorting_disabled {
    padding-right: 8px;
    padding-left: 0px;
}

#help.help fieldset, #help.help h2 {
    padding: 20px;
}

#circ_request form[action="modrequest.pl"] table tr td {
    padding: 5px;
}

#circ_request form[action="modrequest.pl"] table tr td .cancel-hold, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a, #circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:before, #circ_circulation #table_borrowers tr td.sorting_1 a:before {
    padding: 3px 6px;
    height: auto;
    font-size: 13px !important;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(1), #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2), #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3), #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4) {
    margin: 0px 2px;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(1) img, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2) img, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3) img, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4) img, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold img, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) img {
    display: none;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(1):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4):before, #circ_request form[action="modrequest.pl"] table tr td .cancel-hold:before, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a:before, #circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:before, #circ_circulation #table_borrowers tr td.sorting_1 a:before {
    font-family: 'FontAwesome';
    content: '\f062';
    font-size: 1em;
    font-weight: normal;
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(2):before {
    border-top: 2px solid rgb(0, 0, 0);
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(3):before {
    content: '\f063';
    border-bottom: 2px solid rgb(0, 0, 0);
}

#circ_request form[action="modrequest.pl"] tr td:nth-child(2) a:nth-child(4):before, #circ_request form[action="modrequest.pl"] tr td:nth-child(9) a:before {
    content: '\f063';
}

#circ_request form[action="modrequest.pl"] table tr td .cancel-hold:before {
    content: '\f014';
    font-size: 1.1em;
}

#circ_holds_selectborrower #table_borrowers tr td.sorting_1 a:before, #circ_circulation #table_borrowers tr td.sorting_1 a:before {
    content: '\f00c';
    margin-right: 6px;
}

#circ_holds_selectborrower #table_borrowers tr td.sorting_1 a, #circ_circulation #table_borrowers tr td.sorting_1 a {
    color: rgb(0, 0, 0);
}

#circ_holds_selectborrower #patron {
    position: relative;
    top: 2px;
    height: 30px;
}

#new_lang_dropdown .currentlanguage {
    opacity: 0.7;
    margin: 0px;
}

#new_lang_dropdown .navbar-text {
    margin-left: 20px;
}

#new_lang_dropdown .dropdown-menu {
    min-width: 95px;
    left: auto;
    right: 6px;
}

.navbar-nav > li > .dropdown-menu {
    font-size: 0.9em;
}

ol.bibliodetails {
    margin: 1em 0;
    padding-left: 0px;
}

ol.bibliodetails li {
    padding: 5px 0;
}

ol.bibliodetails span.label {
    text-align: left;
    border-right: 0px;
}

div.listgroup h4 {
    font-style: normal;
}

#memberresultst td {
    padding: 5px;
}

#memberresultst td.sorting_1 > span {
    white-space: normal !important;
}

#searchheader {
    background: none;
    border: 0px;
    padding: 0;
    margin: 1em 0 0 0;
    font-size: 1em;
}

#searchheader h3 {
    margin-top: 20px;
    font-size: 1.4em;
}

#memberresultst tr td:nth-child(3) span a:first-child {
    font-size: 1.1em;
    font-weight: bold;
}

.browse-controls {
    margin: 0px;
    padding: 0px;
}

.browse-label, .browse-prev-next {
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.browse-prev-next {
    border-top: 0px;
}

#browse-previous {
    border-right: 0px;
    background: none;
}

.browse .filterByLetter {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 1px 5px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    min-width: 21px;
    margin-bottom: 3px;
}

#catalog_advsearch #searchterms {
    background: rgb(8,129,250);
    border: 0px;
    margin-top: -20px;
    margin-bottom: 20px;
}

#catalog_advsearch #searchterms legend {
    border: 0px;
    background: none;
    top: 25px;
    padding: 0px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
    font-size: 1.5em;
}

#catalog_advsearch #searchterms > div {
    margin: 5px 0px;
}

#catalog_advsearch #advsearches .advsearch td {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    width: 20%;
}

#catalog_advsearch #advsearches .advsearch table {
    width: 100%;
}

#catalog_itemsearch #doc3 {
    margin-top: -40px;
}

#catalog_itemsearch #results {
    width: 100% !important;
}

#catalog_itemsearch fieldset .button-field-new:before {
    content: '\f067';
    font-family: 'FontAwesome';
    margin-right: 4px;
}

#catalog_moredetail #catalogue_detail_biblio .listgroup h4 {
    margin: 10px 0px 0px 0px;
}

#catalog_moredetail #catalogue_detail_biblio ol.bibliodetails {
    min-width: 100%;
    margin: 8px 0px 20px 0px;
}

#catalog_moredetail #catalogue_detail_biblio ol.bibliodetails li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#catalog_moredetail #catalogue_detail_biblio ol.bibliodetails li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#catalog_moredetail #catalogue_detail_biblio .yui-g {
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 20px;
    margin: 10px 0px;
    float: left;
    width: 100%;
}

#catalog_moredetail #catalogue_detail_biblio .yui-g > h3 {
    border-top: 0px;
    padding-top: 0px;
}

#catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a {
    margin-top: 8px;
    display: block;
    width: 100px;
}

#catalog_moredetail #catalogue_detail_biblio .yui-g > .listgroup > h4 > a:before {
    content: '\f040';
    font-family: 'FontAwesome';
    margin-right: 4px;
    font-weight: normal;
}

#acq_acqui-home #accounts_filter, #admin_aqbudgets #budgeth_filter, #admin_aqbudgetperiods #activeperiodst_filter, #ser_serials-home #osrlt_filter, #numberpatternst_filter {
    border: 0px;
    padding-left: 0px;
}

#acq_acqui-home #accounts_filter input, #admin_aqbudgets #budgeth_filter input, #admin_aqbudgetperiods #activeperiodst_filter input, #ser_serials-home #osrlt_filter input, #numberpatternst_filter input {
    margin-left: 4px;
}

#acq_acqui-home #accounts, #admin_aqbudgetperiods #activeperiodst {
    width: 100%;
}

#acq_acqui-home #accounts tr.branch td, #acq_acqui-home #accounts #funds_total, #admin_aqbudgets #budgeth tr.branch td, #admin_aqbudgets #budgeth tfoot th, #admin_aqbudgetperiods #activeperiodst tbody tr td.sorting_1 {
    font-weight: bold;
    font-size: 1.1em;
}

#acq_acqui-home #accounts #funds_total tr th:first-child {
    text-align: left;
}

table.treetable tr.expanded span.indenter a, table.treetable tr.collapsed span.indenter a {
    background-image: none !important;
    color: rgb(0, 0, 0);
}

table.treetable tr.expanded span.indenter a:before, table.treetable tr.collapsed span.indenter a:before {
    content: '\f078';
    font-family: 'FontAwesome';
    font-size: 13px;
    position: relative;
    top: -2px;
}

table.treetable tr.collapsed span.indenter a:before {
    content: '\f054';
}

.child_fund_amount {
    font-style: normal;
}

#admin_aqbudgets td.group, #admin_aqbudgets table.group td.group {
    border-top: 0px;
    border-bottom: 0px;
}

#admin_aqbudgets #budget_users .del_user {
    width: 20px;
    height: 20px;
    padding: 4px;
    margin-left: -10px;
    overflow: hidden;
    line-height: 1em;
    position: relative;
    top: -2px;
}

#admin_aqbudgets #budget_users .del_user:before {
    content: '\f014';
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    margin-right: 10px;
}

#admin_aqbudgets #budget_users {
    padding-left: 0px;
}

#admin_aqbudgets #budget_users li {
    padding-bottom: 3px;
}

.dataTables_processing {
    background-color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: none !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 6px;
    font-size: 1.5em;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.dataTables_processing .fa {
    width: 100%;
    font-size: 40px;
    margin-bottom: 10px;
}

#common_patron_search #patron_search {
    background: rgb(255, 255, 255);
    margin: 20px auto;
    padding: 20px;
    /* Firefox */
    width: -moz-calc(100% - 40px);
    /* WebKit */
    width: -webkit-calc(100% - 40px);
    /* Opera */
    width: -o-calc(100% - 40px);
    /* Standard */
    width: calc(100% - 40px);
    max-width: 750px;
    min-width: auto;
}

#common_patron_search #searchform {
    width: 50%;
    float: left;
}

#common_patron_search #closewindow {
    float: left;
    width: 100%;
}

#common_patron_search #searchform fieldset.brief, #common_patron_search #searchform fieldset.brief .action {
    padding: 0px;
}

#common_patron_search #searchform fieldset.brief ol {
    padding-left: 0px;
}

#common_patron_search #patron_search .yui-g > .hint, #common_patron_search #patron_search .yui-g > .browse {
    float: right;
    width: 50%;
    margin-top: 30px;
}

#common_patron_search #memberresultst {
    width: 100%;
}

#common_patron_search #memberresultst tr td.sorting_1 a {
    font-weight: bold;
    font-size: 1.1em;
    color: rgb(0, 0, 0);
}

#selections span {
    font-size: 0.8em;
    line-height: 1em;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: auto;
}

#selections input {
    margin-top: -3px;
    margin-right: 5px;
}

#selections > strong {
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

#admin_aqplan #plan table.invis tbody tr td {
    border: 0px;
    padding: 0px;
    background: none;
}

#admin_aqplan #plan thead tr th, #admin_aqplan #plan > tbody tr td > span {
    white-space: nowrap;
}

#filter_budgetbranch {
    width: 150px !important;
    position: absolute;
    top: 6px;
    right: 85px;
}

label[for="filter_budgetbranch"] {
    position: absolute;
    top: 8px;
    right: 242px;
}

div#header_search input[type="text"]#filter_budgetname {
    padding-right: 310px;
}

#main_auth #doc {
    background: transparent;
}

#main_auth #login {
    border-radius: 8px;
    border: 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#main_auth #login p.submit {
    text-align: center;
}

#main_auth #login .input {
    border-radius: 4px;
    font-family: 'Lato', arial, helvetica, sans-serif;
    font-size: 1.2em;
    width: 100%;
}

#main_auth #login h1 {
    background: url(https://www.tritonia.fi/img/koha_logo_2019.png) no-repeat center top;
    background-size: 100px auto;
    height: 100px;
    margin-top: -46px;
    margin-bottom: 25px;
}

#main_auth #login #login_error {
    font-size: 1em;
    font-weight: normal;
    background: rgba(232, 40, 56, 0.1);
    border: 1px solid rgba(232, 40, 56, 0.1);
    color: rgb(241, 69, 61);
    text-shadow: none;
    padding-left: 50px;
    position: relative;
}

#main_auth #login #login_error strong {
    display: block;
    width: 100%;
}

#main_auth #login #login_error:before {
    position: absolute;
    left: 15px;
    top: 15px;
    content: '\f12a';
    font-family: 'FontAwesome';
    font-size: 25px;
    padding-top: 6px;
    display: block;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    background: rgb(241, 69, 61);
    color: rgb(255, 255, 255);
    font-weight: normal;
}