:root {
    --base_color: #bab2a3;
    --admin_background_color: #f2f1ee;
    --button_color: #170000;
    --navbar_color: #170000;
    --slide_color: #736957;
}
html, body {
    margin:0;
    padding: 0;
}
body {
    background-color: var(--base_color);
    background-image: url('../images/jute_tuile.jpg');
    background-repeat: repeat;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
 }
input:invalid { border: 1px dashed red; }
fieldset {
    position: relative;
    border: #000 1px solid;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    border: #000 1px solid;
    border-radius: 6px;
}
legend {
    padding: 2px 8px 2px 8px;
    margin: auto;
    background: var(--navbar_color);
    font-family : Arial;
    color: #fff;
    font-size: 16px;
    border: #000 1px solid;
    border-radius: 6px;
}
.medium_legend { padding: 2px 4px 2px 4px; font-size: 15px; }
table {
    width: 100%;
    table-layout: fixed;
    text-align: left;
}
hr {
    width: 100%;
    border: var(--base_color) 3px solid;
}
button {
    padding: 2px 4px 2px 4px;
    background: var(--navbar_color);
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 2px 5px 2px 5px;
    border: #000 1px solid;
    border-radius: 6px;
}
button:hover { opacity: 0.7; }
button[disabled]{ background: #ebebeb; color:#767676; border: #d8d8d8 1px solid; }
.medium_button {
    padding: 2px 3px 2px 3px;
    font-size: 13px;
    border-radius: 4px;
}
.tiny_button {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    border-radius: 2px;
}
.box_background { background: var(--box_background_color); }
.box_background1 { background: var(--box_background_color1); }
.border_line { border: var(--border_color) 1px solid; }
.borderbottom_line { border-bottom: var(--border_color) 1px solid; }
.bordertop_line { border-top: var(--border_color) 1px solid; }
.borderbottom_line1 { border-bottom: var(--border_color1) 1px solid; }
.margin_4 { margin-left: 4px; }
.margin_10 { margin-left: 10px; }
.margin_20 { margin-left: 20px; }
.margin_30 { margin-left: 30px; }
.fontsize_16 { font-size: 16px;}
.fontsize_15 { font-size: 15px;}
.fontsize_14 { font-size: 14px;}