/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #434346;
    -webkit-text-fill-color: #F1F1F1;
    -webkit-box-shadow: 0 0 0px 1000px #1B1B1C inset;
    transition: background-color 5000s ease-in-out 0s;
};

body
{

}

#wrapper
{
    margin:20px 20px 20px 20px;
    border: 5px solid #c49c69;
    border-radius: 5px;
    background-color: #161924;
    width:90%;
    height:80%;
}
#editor_rights
{
    padding: 5px 5px 5px 5px;
    background-color: #383425;
    margin-bottom: 20px;
}

#input_password
{
    width:100px;
}
#div_form
{
    padding-left:1vw;
    text-align:left;
}

input, textarea
{
    background-color:#1B1B1C;
    color: #F1F1F1;
}






button{
    border-radius:5px;
    color: #eee;
    padding: 7px 13px;
    border: none;
    border-radius: 5px;
    background: #2c3e50;
}
button:hover{
    background: green;
}
.delete_button:hover{
    background: #c0392b;
}
.delete_button:active{
    background: #e74c3c;
}
.confirm:hover{
    background: green;
}



quote
{
    display:block;
    background-color:#c8be99;
    border-radius:5px;
    color:black;
}
origin
{
    font-style:italic;
}




/* nav tree*/
.nav_tree
{
    list-style-type: none;
    padding-left:10px;
}

.nav_tree ul
{
    padding-left:10px;
    list-style-type: none;
}

.nav_tree .title:hover
{
    color:blue;
    cursor:pointer;
}

.nav_tree .item_count::before
{
    content:" ("
}

.nav_tree .item_count::after
{
    content:")"
}

.nav_tree .toggle_element::before
{
    content: "[+]";
}

.nav_tree .toggle_element.open::before
{
    content: "[-]";
}

.nav_tree .toggle_element.usable:hover
{
    cursor:pointer;
    color:red;
}

.nav_tree .toggle_element.hidden::before
{
   visibility:hidden;
}


.wraps
{
    background-color: #2b2e39;
    margin:5px;
     border-radius:10px;
}

.nolist
{
    list-style-type: none;
    padding-left:0px;

}

.selected
{
    text-decoration:underline;
}


.nodisplay
{
    display:none;
}


.quickview
{
    padding:5px;
    transition: background-color 3000ms linear;
    transition: color 1s;
    border-radius: 5px;
}

.quickview:hover
{
    background-color:white;
    color:black;
    cursor:pointer;
}

.quickview_separator
{
    margin:0px;
    padding:0px;
    border:1px solid #3f424c;
    border-radius:5px;
}