:root {
    --bs-body-bg: rgba(224, 201, 175, 0.9);
    --bs-body-color: #0b2c6d;
    --bs-body-fg: #0F0F0F;
    
    --bs-primary: #3167d4;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}

.btn {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);

    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #678bd2;
    --bs-btn-active-border-color: #678bd2;

}

.nav-tabs {
    --bs-nav-link-hover-color: var(--bs-dark);
    --bs-nav-tabs-link-hover-border-color: var(--bs-dark);
    --bs-nav-tabs-border-color: var(--bs-dark);
    --bs-nav-tabs-link-active-color: var(--bs-body-fg);
    --bs-nav-tabs-link-active-bg: var(--bs-light);
    --bs-nav-tabs-link-active-border-color: var(--bs-dark);
}

div.fichecompte {
    clear: left;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: var(--bs-light);
    border: solid 1px black;
}
.form-select {
    --bs-form-control-bg: var(--bs-white);
}
   

table.stat {
    margin-left: 5px;
    margin-top: 5px;
    border: solid 1px;
    border-collapse:collapse;
}
table.stat td {
    padding: 0px 5px 0px 5px;
}
table.stat th {
    padding: 0px 5px 0px 5px;
}
tr.mainCatStat {
    border: solid 1px;
    background-color: #E5E5F5;
}
tr.subCatStat {
    background-color: #F5F5F5;
}
td.rightValue {
    border-left: solid 1px;
    text-align: right;
}
th.rightValue {
    border-left: solid 1px;
    text-align: right;
}
td.budget {
    background-color: #e7e7ea;
}

body {
    font: 11pt/17pt georgia,serif;
}
   

/* Login panel */
.back {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.div-center {
  width: 400px;
  height: 400px;
  background-color: var(--bs-body-bg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 1em 2em;
  border: 2px solid var(--bs-body-color);;
  display: table;
}

div.content {
  display: table-cell;
  vertical-align: middle;
}

/*
html {
    margin: 0px;
    padding: 0px;
}
body {
    font: 9pt/17pt georgia,serif;
    color: #330033;
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: rgba(251, 230, 206, 0.2);
}

div#login {
  width: 20em;
  height: 10em;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 10%;
  padding: 1em;
  background-color: rgba(251, 230, 206, 0.9);
  border: 1px solid black;
}
p {
    font: 9pt/17pt georgia,serif;
    margin-top: 0px;
    text-align: justify;
}
h1 {
    font: bold 12pt/17pt georgia,serif;
    letter-spacing: 1px;
    margin-left: 5px;
    margin-top: 1px;
    margin-bottom: 2px;
}

div#message {
    background-color: #F7FE2E;
}

div#sidebar ul{
    margin: 0px;
    padding-left: 0px;
    list-style-type: none;
}
div#sidebar ul li{
    margin-left: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    float:left;

}
div#sidebar ul li a {
 display: block;
 float: left;
 background: url(/banner_fond.jpg) repeat;
 color: black;
 text-decoration: none;
 text-align: center;
 padding: 0px;
 padding-left: 5px;
 padding-right: 5px;
 border: 2px solid;
 
 border-color: #DCDCDC #696969 #696969 #DCDCDC;
}
div#sidebar a:link {
    font-weight: bold;
    text-decoration: none;
    color: #6699FF;
}
div#sidebar a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #6699FF; 
}
div#sidebar a:hover, a:active {
    text-decoration: underline;
    color: #6666FF;
}

div#listcomptes ul{
    margin: 0px;
    margin-left: 2px;
    padding-top: 2px;
    padding-left: 0px;
    list-style-type: none;
}
div#listcomptes ul li{
    margin-left: 2px;
    padding-left: 0px;
    float:left;
}

div#content {
 clear: left;
}

div#comptescontent {
 clear: left;
}

div#comptescontent ul{
    margin: 0px;
    padding-left: 0px;
    list-style-type: none;
}
div#comptescontent ul li{
    margin-left: 2px;
    padding-left: 0px;
    float:left; 
}

div.fichecompte {
 clear: left;
 border-top: solid 1px black;
 border-left: solid 1px black;
 border-right: solid 3px black;
 border-bottom: solid 3px black;
 margin-left: 2px;
 margin-right: 2px;
 padding-bottom: 2px;
}

div.param_block {
 clear: left;
 border: solid 1px black;
 margin: 5px;
 padding: 2px;
}

div#monthSelect {
 margin-left: 2px;
}
div#monthSelect a:link {
    font-weight: bold;
    text-decoration: none;
    color: #6699FF;
}
div#monthSelect a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #6699FF; 
}
div#monthSelect a:hover, a:active {
    text-decoration: underline;
    color: #6666FF;
}


div#autoparse  {
 float: left;
 width: 100%;
}
div#categories  {
    position: fixed;
    bottom: 30%;
    right: 5%;
    padding: 5px;
    border: solid 1px #AAAAAA;
}
div#inputimport  {
 float: left;
}
div#tableimport  {
 float: left;
}


/*
div#listcomptes ul li a {
 display: block;
 float: left;
 background-color: #999999;
 color: black;
 text-decoration: none;
 text-align: center;
 padding: 0px;
 padding-left: 5px;
 padding-right: 5px;
 border-top: solid 1px black;
 border-left: solid 1px black;
 border-right: solid 1px black;
 cursor: pointer;
}*/