:root {
    --color-background: #474747;
    --color-primary: #8d69f8;
    --color-secondary: #6e3ff9;
    --color-secondary-hover: #5f2cf3;
    --color-background-mobile: #1f1f1f;
}

.container-fluid {
    background: #0c1016!important;
}

body.login:not(.read-frame), body.shelfcreate, body.shelfedit {
    background: #0c1016!important;
}

.well > form > .btn:hover {
    background-color: #5457c1;
}

.well > form > .btn {
    background-color: #3a3c89;
}

body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a {
    color: #a78bfa!important;
}

body > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a:hover {
    color: #8d69f8!important;
}

body.register > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a:hover {
    background-color: transparent!important;
}

.blur-wrapper {
    display: none;
}

body.register > div.navbar.navbar-default.navbar-static-top > div > div.plexBack {
    display: none;
}

body.register > div.navbar.navbar-default.navbar-static-top > div > div.navbar-header > a.navbar-brand {
    width: 100vw;
    height: 120px;
    margin: 0 !important;
    text-align: center;
    padding: 60px 0 0;
    background: 0 0;
    color: #ccc !important;
    font-size: 20px;
}

body.register > div.container-fluid > div > div > div > h2 {
    display: none;
}

body.register > div.container-fluid > div.row-fluid > div.col-sm-10 {
    width: calc(100vw);
}

#metaModal > .modal-dialog > .modal-content > .modal-header > #meta-search > .input-group > span > button {
    font-size: 8.5px !important;
}

#metaModal > .modal-dialog > .modal-content > .modal-header > div {
    text-align: center;
    position: unset; 
}

tr:hover {
    background: #ffffff1f!important;
}

#fake_pubdate {
    display: none;
}

input#pubdate {
    color: #ffffff;
}

input#pubdate:focus {
    color: #555;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #434343b3;
    cursor: pointer;
}

@media (min-width: 768px) {
    body > div.navbar.navbar-default.navbar-static-top > div > form > div > span.input-group-btn {
    opacity: 1!important;
    pointer-events: auto;
    }
}

body > div.navbar.navbar-default.navbar-static-top > div > form > div > span > button:hover {
    color: transparent;
}

body > div.navbar.navbar-default.navbar-static-top > div > form > div > span > button {
    width: 40px;
}

button#query_submit {
    font-size: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

input.datepicker:focus {
    color: #555;
}

/* @media only screen and (max-width: 768px) {
    #query {
        width: 40px !important;
        height: 48px;
        border-radius: 0;
        background: 0 0;
        cursor: pointer;
        color: transparent;
        opacity: 0;
        -webkit-transition: all 0s;
        transition: all 0s;
    }

}

@media only screen and (max-width: 768px) {
    body > div.navbar.navbar-default.navbar-static-top > div > form {
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        position: absolute;
        right: 50px;
        top: 0;
        height: 48px;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-collapse.collapse {
        height: calc(100%) !important;
        width: 240px;
        background: #3f4245;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
} */

@media only screen and (max-width: 768px) {
    #book_convert_frm {
        margin-top: 225vh;
    }
    /* .more-stuff {
        margin-bottom: 175vh;
    } */
    
    #author_div {
        margin-top: 35px;
    }

    #get_meta {
        margin-bottom: 15px;
    }

    body > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9.col-xs-12 > a:last-of-type {
        float: left;
    }

    body > div.container-fluid > div.row-fluid > div.col-sm-10 > form > div.col-sm-9.col-xs-12 > button.btn.btn-default {
        float: initial;
    }
    /* .more-stuff > div.form-group {
        margin-top: 175vh;
        margin-bottom: -173vh;
    } */
}

button#deleteButton {
    display: none;
}

a.sendbtn-form {
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .navbar-collapse.collapse.in {
        background: #0a0e13;
    }
}

.book-meta > div.btn-toolbar ul.dropdown-menu.offscreen {
    position: fixed;
    top: 120px;
    right: 165px;
    left: auto !important;
}

/* Cache uniquement le texte "Send to eReader" dans ce bouton */
#sendbtn2{
  font-size: 0;           /* masque le texte */
  white-space: nowrap;    /* évite les retours */
}

#sendbtn2>.glyphicon {
    left: -4px;
}

#read-in-browser{
  font-size: 0;           /* masque le texte */
  white-space: nowrap;    /* évite les retours */
}

#read-in-browser>.glyphicon {
    left: -4px;
}

/* Réaffiche l’icône (glyphicon) et le caret */
#sendbtn2 .glyphicon,
#sendbtn2 .caret{
  font-size: 14px;        /* ajuste si besoin */
}

#read-in-browser .glyphicon,
#read-in-browser .caret{
  font-size: 14px;        /* ajuste si besoin */
}

.btn-primary:hover>span.glyphicon:not(#edit_book > span):not(#btnGroupDrop1 > span.glyphicon.glyphicon-download):not(#edit_book):not(#add-to-shelf span):not([data-original-title="Download :"]):not(#btnGroupDrop1) {
    background-color: transparent!important;
}

#sendbtn2 > span.glyphicon-send:before, #read-in-browser > span.glyphicon-book:before {
    margin-left: 0px;
}