table{
    width: 100%;
    margin: auto;
    /*border-collapse: collapse;*/
}

/*td, th{
    border: 1px solid gray;
    padding:10px;
    width:100px;
}*/

.td-annot{
    padding: 10px;
    width: 10px;
    border: solid 2px white;
    border-left: solid 1px white;
    background-color: #00FFFF;
    margin: 2px;
}
/*.td-annot{
}

.td-annot2{
}*/

.td-annot2{
    padding: 5px;
    width: 10px;
    border: solid 2px white;
    background-color: #00D2FF;
    margin: 2px;
}

.td-annot3{
    padding: 5px;
    width: 10px;
    border: solid 2px white;
    background-color: #00FF93;
    margin: 2px;
}

tr{
    margin:10px;
}

.input_table{
    border:1px solid Transparent;
    width:-moz-available; /*auto */
    background-color:Transparent;
    overflow:scroll;
}

.input_table2{
    width:-moz-available; /*auto */
    background-color:Transparent;
    overflow:scroll;
    padding: 5px;
    border: solid 2px white;
    background-color: #00D2FF;
    margin: 2px;
}






.cadre{
    border: 2px solid gray;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: white;
    margin:10px;
}

.cadre_svg{
    border: 2px solid gray;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: white;
    /*height:200px;*/
    /*width:100%;*/
    margin:0px;
    /*margin:10px;*/
}

.btnclose {
    background-color: Transparent;
    border: none;
    color: white;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    font-size: 1.1em;
    line-height: .8em;
    vertical-align:super;
    text-decoration:none;
    padding-left: 12px;
    padding-right: 0px;
}

#newick{
    resize:none;
    width: calc(100% - 20px);
    min-height: 200px;
}

#div_annotation{
    text-align: center;
    width: calc(100% - 20px);
    min-height: 50px;
}
#div_annotation_new{
    text-align: center;
    width: calc(100% - 20px);
    min-height: 50px;
}

#div_tab{
    text-align: center;
    width: calc(100% - 20px);
    height: 350px;
    padding: 10px;
    overflow: scroll;
}

input[type="color"] {
	-webkit-appearance: none;
	border: none;
	/*width: 32px;
	height: 32px;*/
    background-color: Transparent;
    margin: 4px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}

.divider {
    /*border-top: 1px solid #e5e5e5;*/
    /*border-left: 3px solid #e5e5e5;*/
    /*border-left: 3px solid #BDBDC9;*/
    border-left: 3px solid #6E603F;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.txt-comment{
    color: gray;
    width: -moz-max-content;
    padding: 5px;
}

.cadre-col{
    background-color: white;
    margin: 1px;
    border-radius: 4px;
    color: black;
}


.span_title{
    /*font-family: 'Lato', serif;*/
    /*font-family: 'Satisfy', serif;*/
    /*font-weight: 400;
    font-size: 300%;
    text-transform: none;
    word-spacing: 0;
    letter-spacing: 0;
    display: block;
    opacity: 0.8;
    color:black;*/
}

.page-header-perso{
    border-bottom: 1px solid #6E603F;
}

.pt-page-perso{
    overflow-y: scroll;
}





.menu-wrap {
    /*display: none;*/
	position: absolute;
	z-index: 1001;
	width: 80%;
    left:10%;
    /*opacity: 1;*/
	/*height: 100%;*/
    min-height: 0%;
	background: transparent;
	/*padding: 0em 1.5em 0;*/
	font-size: 1.15em;
	/*-webkit-transform: translate3d(-320px,0,0);
	transform: translate3d(-320px,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);*/
}


/*h1 { color: #fff; font-family: 'Righteous', cursive; font-size: 30x; font-weight: normal; line-height: 40px; margin: 10px 0 20px; text-shadow: 2px 2px 0 #000, margin: 10px 0 24px; text-align: center; text-shadow: 0 0 4px black;
}

h2 { font-size: 30px; letter-spacing: -1px; color: #DFBF84; text-transform: uppercase; text-shadow: 1px 1px 0 #000, margin: 10px 0 24px; text-align: center; line-height: 50px; }

p { color: #f6f6f6; font-family: 'Orienta', sans-serif; font-size: 16px; line-height: 24px; margin: 0 0 24px; text-align: center; }
a { color: #e8d4a7; text-decoration: none; text-align: right; padding: 15px; font-size: 20px; }

a:hover { color: #da9650; text-decoration: blink; }*/

/*.txt_col{
    color: #6E603F;
    text-shadow: 0 0 4px white;
}*/