html {
    margin: 0.5em;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: small;
}

.div_body {
}

div.login {
    border-radius: 1em 4em 1em 4em;
    background-color: #F0FFE0;
    padding: 1.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    width: 20em;
    text-align: center;
}

table.login {
    width: 100%;
}

.form_label {
    text-align: right;
}

.form_entry {
    width: 100%;
    border: 1px solid #B0D0A0;
}

.login input {
    background-color: #FFFFFF;
    border-radius: 0.2em;
}

.login input[type="submit"] {
    background-color: #DFDFDF;
    background: -moz-linear-gradient(center top, #EDEDED 5%, #DFDFDF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EDEDED), color-stop(1, #DFDFDF));
    border-radius: 0.2em;
    border: 1px solid #B0B0B0;
}

.login input[type="submit"]:hover {
    background-color: #EDEDED;
    background: -moz-linear-gradient(center top, #DFDFDF 5%, #EDEDED 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DFDFDF), color-stop(1, #EDEDED));
}

.footer {
    text-align: right;
    clear: both;
}

.filter {
}

.content {
    clear: both;
}

.filter {
    clear: both;
}

.genre {
    float: left;
    width: 10em;
}

.recipe {
    max-width: 100em;
    min-width: 30em;
    margin: auto;
}

.title {
    font-size: 1.5em;
    text-align: center;
    padding: 0.5em;
    font-weight: bold;
    clear: both;
}

.subtitle {
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    padding: 0.5em;
}

.error {
    font-size: 1.2em;
    font-weight: bold;
    color: red;
    padding: 0.5em;
}

.edit_form, .recipe {
    border-radius: 1em 4em 1em 4em;
    background-color: #F0FFE0;
    padding: 1.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.ing_list {
    border: 0.2em solid #B0D0A0;
    border-radius: 0.3em;
    padding: 0.5em;
    margin: 0;
    list-style-position: inside;
    background-color: #FFFFFF;
}

.steps {
    border: 0.2em solid #B0D0A0;
    border-radius: 0.3em;
    background-color: #FFFFFF;
}

.steps > ol {
    list-style-position: inside;
    padding: 0.5em;
    margin: 0;
}

a, a:visited {
    text-decoration: none;
//    color: #000000;
}

a.btn, button,input {
    margin: 0.2em;
}

input,select {
    border: 0.1em solid #B0D0A0;
    margin: 0.1em;
    background-color: #FFFFFF;
    border-radius: 0.2em;
}

.name_input {
    width: 40em;
}

.ing_input {
    width: 5em;
}

.date_input {
    width: 7em;
}

.nb_pers_input {
    width: 5em;
}

table.ing_table {
    margin: 0.5em;
}

table.ing_table tr>:first-child {
    min-width: 20em;
}

table.ing_table tr:nth-child(odd) {
    background-color: #CCCCCC;
}

table.ing_table tr:nth-child(even) {
    background-color: #EEEEEE;
}

hr {
    margin: 0.2em;
}

.pl_container {
    overflow: auto;
}

.pl_container select {
    width: 12em;
}

.pl_day {
    float: left;
    border: 0.2em solid #B0D0A0;
    border-radius: 0.3em;
    margin: 0.5em;
}

.pl_day_current {
    float: left;
    border: 0.2em solid #D0A0B0;
    border-radius: 0.3em;
    margin: 0.5em;
}

.pl_day_title {
    text-align: center;
}

.ing_qty_table {
}

.ing_qty_table td {
    text-align: center;
    min-width: 6em;
    margin: 0;
}

.ing_qty_table tr:nth-child(even) {
    background-color: #EEEEEE;
}

.ing_qty_table tr:nth-child(odd) {
    background-color: #DDDDDD;
}

/**
 *CKEditor editables are automatically set with the "cke_editable" class
 *plus cke_editable_(inline|themed) depending on the editor type.
 */

/* Style a bit the inline editables. */
.cke_editable.cke_editable_inline
{
    cursor: pointer;
}

/* Once an editable element gets focused, the "cke_focus" class is
   added to it, so we can style it differently. */
.cke_editable.cke_editable_inline.cke_focus
{
    box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
    outline: none;
    background: #eee;
    cursor: text;
}

/* Avoid pre-formatted overflows inline editable. */
.cke_editable_inline pre
{
    white-space: pre-wrap;
    word-wrap: break-word;
}