/* main.css */

body,
body a,
body h1,
body h5,
body i {
    color: #364557;
}

#login .form-group,
#login_reset .form-group,
#password_reset .form-group {
    margin-bottom: 1rem;
}

#login input[type="submit"],
#login_reset input[type="submit"],
#password_reset input[type="submit"] {
    width: 100%;
    padding: 0.75rem 1rem;
}

#login .forgot-password {
    margin-top: 1.2rem;
    font-size: 0.9rem;
    text-decoration: none;
}

#login .forgot-password:hover {
    text-decoration: underline;
}

#login .colophon {
    margin-top: 0.8rem;
}

#login .colophon a {
    padding-left: 0.4rem;
    padding-right: 0.2rem;
    font-size: 0.9rem;
    text-decoration: none;
}

#login .colophon a:hover {
    text-decoration: underline;
}

.navbar {
    background-color: #f6f8fa;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 1.3rem;
}

.navbar button {
    color: #4a4a4a;
}

.navbar button:hover,
.navbar button:active {
    background-color: #e7e7e7;
}

.navbar #hamburger {
    padding-right: 0.63rem;
    padding-left: 0.63rem;
}

.navbar #user-icon {
    padding-right: 0.81rem;
    padding-left: 0.81rem;
}

.navbar li {
    list-style: none;
    margin-bottom: 0.2rem;
}

.navbar a {
    text-decoration: none;
    color: #2D3B4A;
}


.navbar a:hover, .navbar a:active,
.navbar a:focus, .navbar a:active:focus {
    color: black;
}

.navbar a:hover {
}

.navbar ul {
    padding-left: 0;
    margin-bottom: 1.75rem;
}

.navbar a {
    padding-left: 0.25rem;
}

.navbar p.copyright {
    margin-top: 2.3rem;
    margin-bottom: 0.5rem;
    padding-left: 0.25rem;
    font-size: 0.8rem;
}

.navbar p.copyright i {
    font-size: 0.68rem;
}

.navbar p.colophon {
    padding-left: 0.25rem;
    font-size: 0.9rem;
}

.navbar p.colophon a {
    padding-left: 0;
    padding-right: 0.35rem;
}

h1 {
    font-size: 2rem;
}

div.heading {
    margin-bottom: 0.75rem;
}

.btn-light-alt {
    color: #212529;
    border: 1px solid #dee2e6;
    background-color: #f8f9fa;
}

.btn-light-alt:hover, .btn-light-alt:active,
.btn-light-alt:focus, .btn-light-alt:active:focus {
    color: #212529;
    border: 1px solid #dee2e6;
    background-color: #EEEEEE;
}

.btn-light-outline,
.btn-light-outline:hover, .btn-light-outline:active,
.btn-light-outline:focus, .btn-light-outline:active:focus {
    border: 1px solid #cfcfcf;
}

i.icon {
    padding-right: 0.5rem;
    font-size: 1rem;
}

div.image-input {
    position: relative;
}

img.book-cover {
    border: 1px solid #a2a2a2;
}

.book .title {
    font-weight: bold;
}

#home .book .title,
#search_results .book .title {
    font-size: 1.35rem;
}

#book .book {
    margin-top: 0.6rem;
}

#book .book .title {
    font-size: 1.75rem;
}

.book .subtitle {
    font-style: italic;
}

#books .dt-layout-table {
    margin-top: 1rem !important;
}

#home .book .section,
#search_results .book .section {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

#book .book .section {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#book .book .subtitle {
    font-size: 1.2rem;
    margin-bottom: 0.35rem;
}

#home img.book-cover,
#book img.book-cover,
#search_results img.book-cover {
    max-width: 100%;
}

#book_add img.book-cover,
#book_edit img.book-cover {
    max-width: 33%;
}

#home .book,
#book .book,
#search_results .book {
    margin-bottom: 1.5rem;
}

#home .book p,
#book .book p,
#search_results .book p {
    margin-bottom: 0;
}

#book dd:not(:last-child) {
    margin-bottom: 1rem;
}

#book dl {
    margin-bottom: 0;
}

#book_add dl,
#settings_profile dl,
#settings_password dl {
    margin-bottom: 1rem;
}

.button-group {
    margin-top: 1.5rem;
}

.button-group .btn {
    width: 6rem;
    height: 2.5rem;
    margin-right: 0.4rem;
    padding-top: 0.35em;
}

.button-group a.btn {
    padding-top: 0.45em;
}

.btn-primary {
    color: #fff;
    background-color: #3C4E62;
    border-color: #3C4E62;
}

.btn-primary:hover, .btn-primary:active,
.btn-primary:focus, .btn-primary:active:focus {
    color: #fff;
    background-color: #495D73;
    border-color: #495D73;
}

.btn-secondary {
    color: #2D3B4A;
    background: transparent none;
    border-color: #2D3B4A;
}

.btn-secondary:hover, .btn-secondary:active,
.btn-secondary:focus, .btn-secondary:active:focus {
    color: #2D3B4A;
    background-color: #EEEEEE;
    border-color: #3C4E62;
}

.btn-outline-secondary {
    color: #2D3B4A;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active,
.btn-outline-secondary:focus, .btn-outline-secondary:active:focus {
    color: #2D3B4A;
    background-color: #EEEEEE;
}

#search .input-group {
    margin-top: 1.5rem;
}

#search .add-remove-inputs .input-group {
    margin-top: 0;
}

/*** tables ***/
/* buttom drawer toggle */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before {
    margin-right: 0;
}

#books table.dataTable tr td {
    padding: 1rem 1rem;
}

/* title, subtitle, authors */
table.datatables thead tr th.col-expand {
    min-width: 25%;
}

/* buttom drawer */
table.datatables tr td dl {
    margin-top: 0.35rem;
    margin-bottom: 0;
}

/* paging buttons */
div.dt-container .dt-paging .dt-paging-button {
    padding: 0;
}

div.dt-container .dt-paging .dt-paging-button button {
    color: #5c6a7b;
}

div.dt-container .dt-paging .dt-paging-button.active .page-link {
    background-color: #3C4E62;
    border-color: #3C4E62;
    color: white;
}