body { font-size: 0.75em; } /* Fixes for data tables */ /* Fix pagination buttons */ .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0 0; margin-left: 0; border: 0 solid; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: 0 solid; background: #fff; } .dataTables_wrapper .dataTables_paginate .paginate_button:active { box-shadow: 0 0 0 #fff; background-color: #fff; } /* Fix select width */ .dataTables_wrapper .dataTables_length select { width: 5em !important; } .dataTables_scrollHeadInner { width: 100% !important; } /* Remove multiple sorting images on tables */ table.dataTable thead .sorting_asc { background-image: none !important; } table.dataTable thead .sorting_desc { background-image: none !important; } table.dataTable thead .sorting { background-image: none !important; } /* Fix textcolor on navbar focus */ .form-control.form-control-navbar:focus { color: #111; background-color: white; } /* Remove blue border from chrome on buttons */ /* Remove outline for non-keyboard :focus */ *:focus:not(.focus-visible) { outline: none !important; box-shadow: none !important; } /* Optional: Customize .focus-visible */ /* .focus-visible { outline-color: lightgreen; } */ *:disabled { cursor: not-allowed; } #favourite.selected { color: orange; } #favourite:hover { cursor: pointer; } .tag-selected { color: orange; } .tag-selected:hover { cursor: pointer; } .card-header h3.card-title { font-size: 1.0rem; } /* Fix selected item is positioned correctly */ span.select2-selection.select2-selection--single > span.select2-selection__rendered { margin-left: -9px; } /* Fix height when used with form-group */ .select2-selection.select2-selection--single { height: calc(2.25rem + 2px) !important; } /* Fix dark background nav pills */ .card-header.bg-dark .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #ffffff; color: #343a40; } .card-header.bg-dark .nav-pills .nav-link:hover { background-color: #6c757d; color: #ffffff; } .card-header.bg-dark .nav-pills .nav-link:not(.active):hover { background-color: #6c757d; color: #ffffff; } /* Fixes to select2, to make sure col-x widths are honoured */ .select2-selection.select2-selection--single { height: calc(2.25rem + 2px) !important; } .select2.select2-container.select2-container--default { display: flex; flex: 1 1 auto; } .select2.select2-container.select2-container--default .selection { width: 100%; } /* Render the invalid red when a select container fails validation */ .is-invalid + .select2-container--default .select2-selection--single, .is-invalid + .select2-container--default .select2-selection--multiple { border: 1px solid #dc3545; }