/*
new blue #00205b
new green #00af3f
 */



/* navbar styling */
.custom-wrapper {
    background-color: #00205b;
}

.custom-toggle {
    top: 0px;
}

/* Button active */
.pure-skin-theme .pure-button-primary, .pure-skin-theme .pure-button-selected, .pure-skin-theme a.pure-button-primary, .pure-skin-theme a.pure-button-selected {
    background-color: #33538E;
}

/* generated entity buttons */
.generated-container .button-success {
    background-color: #33538E !important;
    color: white;
}

.button-flexlex-action {
    background-color: #00af3f !important;
}

.button-flexlex-primary {
    background-color: #33538E !important;
    color: white;
}

.button-flexlex-error {
    background-color: #C63000 !important;
}

.button-flexlex-warning {
    background-color: #F19700 !important;
}

/* Button inactive */
.pure-skin-theme .pure-button[disabled], .pure-skin-theme .pure-button-disabled, .pure-skin-theme .pure-button-disabled:hover, .pure-skin-theme .pure-button-disabled:active {
    background-color: #6686C1 !important;
    opacity: 1;
}

/* Save-button, generate-book/comparison-button */
.button-success,
.generated-container .pure-button-primary {
    background-color: #33538E;
}

.pure-skin-theme .pure-menu li a:hover {
    background-color: #33538E;
}
.pure-skin-theme .pure-menu li.pure-menu-selected a {
    background-color: #33538E;
    color: #fbfcfe;
}

.progress-bar {
    background-color: #00205b;
}



.my-book {
    margin: 5px 0px 5px 0px;
}

.my-file {
    background-color: lightgrey;
}

/* Menu */
header.page-header .pure-menu {
    background-color: #00205b;
}

/* Footer */
footer, footer a:link, footer a:visited {
    background-color: #00205b;
    color: white;
}

/* Banner */
#oehwu-snippet-header {
    background-color: #00205b !important;
}



/* font styles */

html,
.auflistung-bereich {
    font-size: 12pt;
}

b.auflistung {
    font-size: 14pt;
}

.chapter-editing {
    background-color: #eaeaea;
}

.editing-book {
    background-color: #eaeaea;
}

.pure-skin-theme .pure-form legend,
.new-book-template-list li:first-child{
    font-size: 20pt;
    display: block;
    float: none;
}

.pure-skin-theme .pure-form input[type="text"], .pure-skin-theme .pure-form input[type="password"], .pure-skin-theme .pure-form input[type="email"], .pure-skin-theme .pure-form input[type="url"], .pure-skin-theme .pure-form input[type="date"], .pure-skin-theme .pure-form input[type="month"], .pure-skin-theme .pure-form input[type="time"], .pure-skin-theme .pure-form input[type="datetime"], .pure-skin-theme .pure-form input[type="datetime-local"], .pure-skin-theme .pure-form input[type="week"], .pure-skin-theme .pure-form input[type="number"], .pure-skin-theme .pure-form input[type="search"], .pure-skin-theme .pure-form input[type="tel"], .pure-skin-theme .pure-form input[type="color"], .pure-skin-theme .pure-form select, .pure-skin-theme .pure-form textarea {
    font-size: 10pt;
}

input[name="searchInput"]::placeholder {
    font-style: italic;
    color: #808080
}

a, a:link {
    color: #00205b;
    /* text-decoration: underline; */ /* this does not look good */
}

a.btn-primary, a.btn-primary:link {
    color: white; /* keep white color on bootstrap buttons */
}


a.my-book-title-a:link,
a.my-book-title-a:hover{
    font-size: 16pt;
    font-weight: normal;
    text-decoration: none;
    color: #3F3F3F;
}