:root {
  --darkBG: #152824;
  --lightBG: #9E854C;
  --darkCol: #152824;
  --lightCol: #9E854C;
  --borderCol: #080808;
  --hoverDark: #2A3E39;
  --hoverLight: #D6BA7E;
  --baseCol: #BA9F65;
  --textCol: black;
  --bubbleText: #D6BA7E;
  --bubbleBack: #2A3E39;
}
.Auto
{
    border-style: inset;
    border-color: #0000FF;
    border-width: medium medium medium medium;
    clip: rect(auto, auto, auto, auto);
    position: relative;
    margin: 0 0 5px 0;
    width: 500px;
    background-color: #CECEFF;
}
.Com
{
    border-style: inset;
    border-color: #800000;
    border-width: medium medium medium medium;
    clip: rect(auto, auto, auto, auto);
    position: relative;
    margin: 0 0 5px 0;
    width: 500px;
    background-color: #FFCECE;
}
.Habi
{
    border-style: inset;
    border-color: #008000;
    border-width: medium medium medium medium;
    clip: rect(auto, auto, auto, auto);
    position: relative;
    margin: 0 0 5px 0;
    width: 500px;
    background-color: #CEFFCE;
}

input[type=checkbox]:before{
	content:"";
	display:inline-block;
	width:30px;
	height:15px;
	padding-right:10px;
	background:url('G_Add.png') 0 0px no-repeat;
}

input[type=checkbox]:checked:before{
	background:url('Minus.PNG') 0 0px no-repeat;
}

.collapsibleList li > input + * {
 display: none;
}
 
.collapsibleList li > input:checked + * {
 display: block;
}

.collapsibleList li > input {
 /*display: none;*/
}

.collapsibleList label {
 cursor: pointer;
 display: inline-block;
}

.collapsibleList label:hover {
 text-decoration:underline;
}

.dropdown-menu {
  background-color: var(--darkBG);
  color: var(--lightBG);
}

.jumbotron{
  color: var(--hoverLight);
  background-color: var(--hoverDark);
}

.flex_container{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
}

input, textarea, select{
  color: black;
}

input, file{
  color: var(--textCol);
  padding: 2px;
}

input:invalid{
  border: 1px solid red;
}

.dropdown-menu > li >a{
  color: var(--lightBG);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color:var(--hoverDark);
  color:var(--hoverLight);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover.dropdown-menu > .active > a:focus {
  color: var(--lightBG)!important; 
  background-color: var(--darkBG)!important;
}

.navbar-inverse {
  background-color: var(--darkBG);
  border-color: var(--borderCol);
}

form img {
  height: 64px;
  order: 1;
}

form li > p {
  line-height: 32px;
  padding-left: 10px;
}

form li, div > li > p {
  background: #eee;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  list-style-type: none;
  border: 1px solid black;
}

.redCoul {
  color: darkred;
}

#EntExtraList{
  width:400px;
}

.defaultCol .btn-primary{
  color: var(--lightBG);
  background-color: var(--darkBG);
  border-color: var(--lightBG);
  padding: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.defaultCol .btn-primary:hover,
.defaultCol .btn-primary:focus{
  background-color: var(--hoverDark);
  color: white;
}

.btn-primary{
  color: var(--darkCol);
  background-color: var(--lightBG);
  border-color: var(--borderCol);     
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th,
.btn-primary:hover,
.btn-primary:focus{
  background-color: var(--hoverLight);
}

.tooltip.top .tooltip-arrow {
  border-top-color: var(--bubbleBack)!important;
}

.tooltip > .tooltip-inner {
  background-color: var(--bubbleBack);
  color: var(--bubbleText);
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .container-fluid .navbar-header > a,
.navbar-inverse .container-fluid .navbar-nav .navbar-text{
  color: var(--lightCol);
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus ,
.navbar-inverse .container-fluid .navbar-header > a:hover,
.navbar-inverse .container-fluid .navbar-header > a:focus,
.navbar-inverse .container-fluid .navbar-nav .navbar-text:hover,
.navbar-inverse .container-fluid .navbar-collapse .navbar-nav .navbar-text:focus{
  color: var(--hoverLight);
}

html {
	overflow-y:scroll;
}

main {
	margin-bottom: 10px;
	margin-top: 70px;
}

body {
  background-color: var(--baseCol);
  color: var(--textCol);
}

div.title .btn-primary{
  background-color: var(--lightCol);
  color: var(--darkCol);
  border: black;
}

div.title .btn-primary:hover{
  color:white;
  background-color: var(--hoverLight)
}

div.title {
  background-color: var(--darkCol);
  color: var(--lightCol);
	margin: 10px;
	padding:10px;
}

div.feed-dataChoix {
  color: var(--textCol);
  margin-left: 40px;
  padding:2px;
}

div.feed-datasChoix {
	color: var(--textCol);
  margin-left: 60px;
}

div div.title{
  margin-left: 30px;
}

div div div.title{
  margin-left: 50px;
}

div div div div.title{
  margin-left: 70px;
}

div div div div form,
div div div div table{
 margin-left: 75px;
}

div div div form,
div div div table{
 margin-left: 55px;
}

div div form,
div div table{
 margin-left: 35px;
}

div form,
div table{
 margin-left: 15px;
}

#ok{
  color:green;
}

#cancel{
  color:red;
}

#pause{
  color:#e6e600;
}

#complete{
  color:darkgrey;
}

#notCautione{
  color:lightblue;
}

#caution{
 color:lightgreen;
}

.highlighted:hover,
.highlighted:focus{
  background-color: var(--hoverLight);
}

.TECrouge{
  color:red;
}
.TECvert{
  color:green;
}

div div table #closeLeft{
  margin-left: 5px;
}