@font-face{
    font-family:'Glyphicons Halflings';
    src:url('./fonts/glyphicons-halflings-regular.eot');
    src:url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('./fonts/glyphicons-halflings-regular.woff2') format('woff2'),url('./fonts/glyphicons-halflings-regular.woff') format('woff'),
        url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}
html {height:100%}
body {width:100%;height:auto;background-color:#fafafa}
* {margin:0;padding:0;box-sizing: border-box;}
body,div,li,td,p,input,option {font-family: Arial, Helvetica, sans-serif;color:#443a31}
a, a:active, a.focus, a:selected, button, button:active, button:hover, button:focus, button:selected {outline:none !important}
button::-moz-focus-inner {border:0;}
input,select,td, button{font-size: .8em}
.clear {clear:both}
.hidden{display:none}
/*body,p,li,input,text {font-family: Arial, Helvetica, sans-serif;font-size:1em}*/
#header {border-bottom:solid #d9d7d5 5px;background-color:#f0f0f0;overflow:hidden}
#header > h1 {font-size:1.5em;text-align : left;margin:.25em 1em; color:#3b1c13;}
#header > a.bhome {display:block;width:1.9em;padding:.25em 0 0;position:absolute;margin:1em 1em 0;color:#e74d4b;font-size:1.5em;text-decoration:none;text-indent:.5em;}
#header > a.bhome:hover {text-indent:0.25em}

#header > ul.menu {display:block;padding:.25em 0 0;position:absolute;z-index:1000;top:0;right:0;list-style-type: none; overflow:hidden}
#header > ul.menu > li {float:left;height:2em;color:#3b1c13}
#header > ul.menu > li > label {font-size:.9em;text-decoration:none;padding:0.25em .5em;background:#eee;}
/*#header > ul.menu > li > a {font-size:1.5em;text-decoration:none;padding:0 1em;background:#eee}
#header > ul.menu > li > a#btsplit {display:block;min-width:30px;min-height:20px;background:url('ico/view2shift.svg') no-repeat;font-size:.5em;text-indent:-100px}
#header > ul.menu > li > a#btsplit.off {background-image:url('ico/view2split.svg')}*/
#header > ul.menu > li.menu {width:4em;height:2em;text-align:right;overflow:hidden;margin-left:-1em}
#header > ul.menu > li.menu:hover {height:auto;overflow:visible}
#header > ul.menu > li > a.menu {font-family:'Glyphicons Halflings';color:transparent;font-size:1.5em;padding:0 1em;height:2em;overflow:hidden;text-decoration:none;}
#header > ul.menu > li > a.menu:after{content:"\e236";color:#3b1c13;margin-left:-3em}
#header > ul.menu > li.menu > ul {position:relative;z-index:10;right:0;margin:0.25em 0 0 -5em;width:9em;padding:.75em 0 0 0;list-style-type: none;border-bottom:solid #d9d7d5 5px;background:#f0f0f0;}
#header > ul.menu > li > ul > li {}
#header > ul.menu > li > ul > li > a {display:block;width:100%; padding:.25em 1.5em; color:inherit;text-align:right;min-height:1.75em;text-decoration: none}
#header > ul.menu > li > ul > li > a:hover,
#header > ul.menu > li > ul > li > a.on {font-weight:bold;background-color:rgba(255,255,255,.5)}
#header > ul.menu > li.split {margin:.25em 1em 0 0;position:relative;z-index:20;min-width:13.5em}
#header > ul.menu > li.split > label  {background-color:#333; color:#fff; float:right;border-radius:3px}
#header > ul.menu > li.split > label > input {margin:0 0 0 .75em}

#header > ul.menu > li.bookmark {}
#header > ul.menu > li.bookmark > a {display:block;float:left;width:1em;overflow:hidden;;text-decoration:none;text-indent:-10em;position:relative;z-index:2;font-family:'Glyphicons Halflings';font-size:1.5em;}
#header > ul.menu > li.bookmark > a:before{content:'\e087'/*"\e044"*/;color:#3b1c13ff;display:block;position:absolute;text-indent:0}

#header > ul.menu > li.bookmarks {width:2em;height:2.25em;overflow:hidden;margin-right:.25em;}
#header > ul.menu > li.bookmarks.on,
#header > ul.menu > li.bookmarks:hover {height:auto;overflow:visible;}
#header > ul.menu > li.bookmarks > span {position:relative;display:block;line-height:2em;padding-left:.35em;text-align:left;height:2em; overflow:visible}
#header > ul.menu > li.bookmarks > span:after {display:block;content:' ';color:inherit;position:absolute;left:.75em;top:1.5em;outline:none; width: 0px;height: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #3b1c13;}


#header > ul.menu > li.bookmarks > ul#bookmarks {list-style-type:none;position:relative;z-index:10;right:0;width:19em;margin:0.25em -3em 0 -13.75em;padding-top:.5em;text-align:right;background:#f0f0f0;border-bottom:solid #d9d7d5 5px;}
.standalone #header > ul.menu {overflow:visible}
.standalone #header > ul.menu > li.bookmarks > ul#bookmarks,
.standalone #header > ul.menu > li.bookmarks > div.bookmarkctrls {margin-left:-16.75em}
#header > ul.menu > li.bookmarks > ul#bookmarks > li {padding-left:0.5em}
#header > ul.menu > li.bookmarks > ul#bookmarks > li.nobookmark {text-align:left;padding-left:1.5em;background:inherit}
#header > ul.menu > li.bookmarks > ul#bookmarks > li > a {cursor:pointer}
#header > ul.menu > li.bookmarks > ul#bookmarks > li.editon > a {display:none}
#header > ul.menu > li.bookmarks > ul#bookmarks > li.editon > input {width:15em;font-size:1em;margin:0 1.15em 0 0;padding:.1em .25em}

#header > ul.menu > li.bookmarks > ul#bookmarks > li > .ctrls {position:absolute;margin:.25em 0 0 0;left:.5em;width:1.5em;height:1.25em;overflow:hidden;color:#e74d4b;}
#header > ul.menu > li.bookmarks > ul#bookmarks > li > .ctrls:hover {width:3.5em;left:-1.5em;border:solid #e74d4b 1px; border-radius:3px}
#header > ul.menu > li.bookmarks > ul#bookmarks > li > .ctrls > button {background:transparent;outline:none;width:1.75em;height:1.75em;overflow:hidden;float:right;text-indent:10em;margin:0;padding:0;border:0}
#header > ul.menu > li.bookmarks > ul#bookmarks > li > .ctrls > button:before {content :'';outline:none;line-height:1.5em;text-indent:0;text-align:center;display:block;font-family:'Glyphicons Halflings';color:#e74d4b;font-size:1em;margin:0}
#header > ul.menu > li.bookmarks > ul#bookmarks > li > .ctrls > button.btedit:before {content:'\e065';}
#header > ul.menu > li.bookmarks > ul#bookmarks > li > .ctrls > button.btdel {float:left;width:2em;background:#e74d4b}
#header > ul.menu > li.bookmarks > ul#bookmarks > li > .ctrls > button.btdel:before {content:'\e020';color:#fff}

#header > ul.menu > li.bookmarks > div.bookmarkctrls {width:19em;margin:0 -3em 0 -13.75em;height:auto;background:#d9d7d5;overflow:hidden}
#header > ul.menu > li.bookmarks > div.bookmarkctrls > a {display:block;float:right;width:49%;text-decoration:none;line-height:1.25em;color:#3b1c13ff;text-align:center}
#header > ul.menu > li.bookmarks > div.bookmarkctrls > a.bmexport {float:left}
#header > ul.menu > li.bookmarks > div.bookmarkctrls > a:before,
#header > ul.menu > li.bookmarks > div.bookmarkctrls > a:after {font-family:'Glyphicons Halflings';color:inherit;font-size:1em;margin:0 .5em;}
#header > ul.menu > li.bookmarks > div.bookmarkctrls > a.bmimport:before {content:'\e169';}
#header > ul.menu > li.bookmarks > div.bookmarkctrls > a.bmexport:after {content:'\e170';}

.home.controls {float:none;margin:0 auto 3em auto;width:20em;position:relative;border-radius: 0 0 0 5px;padding-bottom: 1em;}
.home.controls > ul {list-style-type:none}
.home.controls > ul > li > a{display:block;margin:1em auto;width:60%;padding:.5em 0;text-align:center;text-decoration:none;background:#fafafa;border:solid #000 1px;font-size:1.5em;color:black}
.home.controls > ul > li > a:hover {background:#fff}
.home.controls > ul > li > a > small {color:#009de0}
.home.controls a.about {color: #fff;
    font-weight: normal;
    position: absolute;
    right:-1px;
    bottom:-2em;
    height:2em;
    border-radius: 0 0 3px 3px;
    padding: 0.5em 1em;
    display: block;
    text-decoration:none;
    background: #443A31;}

div.about {background-color:#d9d7d5; padding:1em 1em 0.5em; text-align:right;border-radius: 0 0 5px 5px; overflow:hidden}
div.about > p {margin:0 0 1em 0; color:#333; font-size:1em; line-height:1.5em; text-align:left}
div.about > p > .h3 {color:#000;font-size:1.15em; font-weight:bold}
div.about .fname{font-style:italic;color:#000}
div.about .lname{font-style:italic;color:#000}
div.about p > .org{;color:#000}
div.about p > strong > .org{font-style:italic}
div.about p a {font-size:.9em}
div.about .ublogo {float:right}

.line {
  fill: none;
  stroke: #3cb5b1;
  stroke-width: 3px;
}
.mark {
 stroke-width: 3px;
}
.graphs {float:left;margin-top:0em;width:100%}
#graph1,
#graph2,
#graph3 {float:left;width:33.33%;position:relative}
#page-content {position:relative;width:95%;min-height:100%;max-width:900px;float:none;margin:0 auto;background-color:transparent;overflow:hidden}
#page-content0 {position:relative;width:49%;min-height:100%;min-width:530px;float:left;margin:0 0.5%;background-color:transparent;overflow:hidden}
#page-content1 {position:relative;width:49%;min-height:100%;min-width:530px;float:left;margin:0 .5%;background-color:transparent;overflow:hidden}
#page-content2 {position:relative;width:45%;min-height:100%;float:right;margin:0 2% 0 0;background-color:transparent;overflow:hidden}

#graph0, #lgraph, #colgraph{position: relative;float:right;  margin: 0em 0 1em 1em; width:61%; height: 25em;}
#solvent-ctn {position: relative;float:right;  margin: 0em 0 1em 1em; width:61%; }

#colgraph > svg text.extracted,
#colgraph > svg rect.bar{fill:#3cb5b1;}
#colgraph  {height:20em;min-height:15em; margin-top:1em;margin-bottom:3em;position:relative;box-sizing: border-box;}
#colgraph > div.grid {position: absolute;top:auto;left:3em;top:0;right:7em;bottom:2em}
#colgraph > div.graph {position: absolute;left:3em;top:0;right:7em;bottom:2em;border:solid #000 1px;border-top:0;border-right:0;}
#colgraph > div.graph > div {position: absolute;bottom:0;}
#colgraph > div.grid > label.y {position: absolute;left:0;width:100%;margin:0 0 -0.6em -3em;font-size:0.75em}
#colgraph > div.grid > label.y:before {content:' ';position: absolute;left:3em;top:0.5em;width:100%;border-bottom:dotted rgba(100,100,100,.25) 1px}
#colgraph > div.grid > label.y:after {content:' ';position: absolute;left:2.5em;top:0.5em;width:.5em;border-bottom:solid #000 1px}
#colgraph > div.grid > label.x {position: absolute;bottom:-2.5em;font-size:0.8em;}
#colgraph > div.grid > label.x:before {content:' ';position: absolute;left:50%;top:-1.35em;height:.5em;border-left:solid #000 1px}
#colgraph label.bgcol,
#colgraph label.col {float:right;clear:right;display:block;width:6em;height:2em}
#colgraph label.bgcol {color:#ccc;margin-top:3em}
#colgraph label.col {color:#3CB5B1;}
#colgraph div.bgcol {background-color:#ccc;height:100%}
#colgraph div.bgcol > div.col {position:absolute;bottom:0;width:100%;background-color:#3CB5B1;height:0%;transition: height .2s ease;-moz-transition: height .2s ease;-webkit-transition: height .2s ease;-o-transition: height .2s ease;}
 /*.graphs > div > svg  {background-color:#00ff00}*/
.controls {float:left;width:36%;padding:0.25em .45em 0 0.45em;background-color:#d9d7d5;margin-top:-1px;/*border:solid #ccc 1px*/}
.controls button,
.controls select,
.controls input {float:left;width:25%;margin:0 0% 0.25em -1%;border-radius:3px;line-height:1em;text-align:center; border:solid #443a31 1px; box-sizing: border-box;padding:0.135em 0.25em;}
.controls label {float:left;width:46%;min-height:1.25em;margin:0 0% 0.25em 0;border-radius:3px 0 3px 3px;line-height:1em;  border:solid #443a31 1px;box-sizing: border-box;background:#ccc;padding:0.15em 0.25em;}

.controls label.nfo1,.controls input.nfo1,
.controls label.nfo2left,.controls input.nfo2left,
.controls label.nfo2right,.controls input.nfo2right {float:left;font-size:.9em}
.controls input.nfo1,
.controls input.nfo2left,
.controls input.nfo2right {font-size:.8em; color:#999}
.controls label.nfo1 {width:80%}
.controls input.nfo1 {width:20%;margin-left:-1%}
.controls label.nfo2left {width:35%;clear:left}
.controls input.nfo2left {width:20%;margin-left:-1%}
.controls fieldset >  label.nfo2right {width:22%;margin-left:4%}
.controls fieldset > input.nfo2right {width:20%;margin-left:-1%}

.controls .nfo input, .controls input.nfo,
.controls .nfo1 input, .controls input.nfo1,
.controls .nfo2left input, .controls input.nfo2left,
.controls .nfo2right input, .controls input.nfo2right {color:#999;background-color:#eee}

.controls label.resolution {font-size: 1.25em;text-align:center; min-height:2.5em;line-height:0.5em;padding:.75em; background:#ee824f; color:#fff; border-color:#ee824f; width:70%}
.controls input#computed_resolution { color:#ee824f;background:#f5efc3;border:solid #ee824f 1px;float:right;width:30%;font-size:1.15em;text-align:center; height:2.5em;line-height:2em; margin:0 0.1em 0.5em -1%}
.controls img.resolution {display:inline-block;width:6em;height:auto;margin:0.5em 0.05em -0.25em 0.15em}
.controls div.nfo:before {content:' ';display:block;clear:both}
.controls div.nfo {float:left;width:100%;margin: .0em 0em 0em 0em;font-size:.9em;}
.controls div.nfo > input {width:17%;margin:0 -1px}
.controls div.nfo > label {width:83%;text-align:left; }

.controls .nfo.left {float:left;width:45%}
.controls .nfo.right {float:right;width:45%;}
.controls .nfo.left label,
.controls .nfo.right label {width:62%;}
.controls .nfo.left input,
.controls .nfo.right input,
.controls .nfo.left select,
.controls .nfo.right select {width:38%;}

.controls  fieldset.off {padding-top:0;padding-bottom:0;background:transparent;border-top:solid #eee 1px;border-radius:0;}
.controls  fieldset.off legend {border:0;}
.controls  fieldset.off legend:before {content:' ';display:block;float:left;margin: .25em 0 0 -.5em;width:.15em;height: 0.75em;background:#ddd}
.controls  fieldset.off legend:after {content:' ';display:block;float:right;margin: .25em -.65em 0 0;width:.15em;height: 0em;background:#ddd}
.controls  fieldset.off label,
.controls  fieldset.off select,
.controls  fieldset.off input,
.controls  fieldset.off div,
.controls  fieldset.off br,
.controls  fieldset.off button,
.controls  fieldset.off table{position:absolute;visibility:hidden}
.controls  fieldset {border:none;background-color: #eee;margin:0 0 0.5em 0; padding:.25em .25em 0;border-radius:3px;position:relative;}
.controls  fieldset > select#inp_sample {width:55%}


/*.controls fieldset > .slideinp:after {content:' ';position:absolute;left:0;right:0;top:0;bottom:0%;border-bottom:solid #999 1px}*/
#eform > fieldset > label.slide {width:46%;clear:left}
.controls fieldset > .slideinp {width:55%;position:relative;float:left;height:auto;background:none;margin:0 0 .25em -1%}
.controls fieldset > .slideinp > input, /*Temporaire pendant transision au tout js pour les form*/
.controls fieldset > .slideinp > input.slide {float:left;width:100%;text-align:center;font-size:1em;padding:0;min-height:17px;}
.controls fieldset > .slideinp > button.pad {display:block;outline:none;cursor:ew-resize;overflow:visible;position:absolute;z-index:1;left:-900000;width:14px;margin-left:-10px;height:14px;top:10px;background-color:transparent;border-radius:7px;border:solid transparent 1px}
.controls fieldset > .slideinp > button.pad:hover{border-color:#ccc}
.controls fieldset > .slideinp > button.pad:after {display:block;content:' ';position:absolute;left:1px;top:3px;outline:none;
width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;}
.controls fieldset > .slideinp > button.pad:before {display:none;content:' ';position:absolute;left:6px;top:-10px;bottom:-0px;border-left:solid #999 1px;outline:none}
.controls fieldset > .slideinp > button.pad:hover:before {display:block}

.controls fieldset > .slideinp > button.pad:active,
.controls fieldset > .slideinp > button.pad:focus,
.controls fieldset > .slideinp > button.pad:hover {background-color:#eeeeee;outline:none;border-shadow:none;border-style:solid}
/*.controls > button {float:right;display:none}*/
.controls > textarea {float:left;clear:both;width:100%;min-height:10em}

 /*.controls label.selelmt {float:left;width:15%;margin:0.25em 0}
 .controls select.selelmt {float:left;width:50%%;margin:0.25em 0}*/
 .controls label.selnoise {float:left;width:20%;margin:0.25em 0 0.25em 30%}
 .controls select.selnoise {float:left;width:10%;margin:0.25em 0}

 .controls table {position:relative;z-index:1;text-align:center;clear:both;font-size:1em;margin:0 0 .5em 0;border:solid #443a31 1px;background:#333;border-radius:3px;border-collapse: separate;box-sizing: border-box;width:99.9%}
 /*.controls table:before {content:' ';display:block;position:absolute;top:-4px;left:0px;right:-1px;height:5px; background:#333; border-radius:3px 3px 0 0;border:solid #443a31 1px;box-sizing: border-box;}
 .controls table:after {content:' ';display:block;position:absolute;bottom:-4px;left:0px;z-index:0;right:-1px;height:5px; background:#ccc; border-radius:0 0 3px 3px;border:solid #443a31 1px;border-top:0;box-sizing: border-box;}
*/
 .controls table tr > td > input {float:none;display:inline;width:100%;margin:.15em 0}
 .controls table tr > th {font-weight:normal}
 .controls table tr.effi > th,
 .controls table tr.effi > td {color:#ee824f;border-color:#ee824f;}
 .controls table tr.effi > td > input{color:#ee824f; border-color:#ee824f; background:#f5efc3}
 .controls table thead th {text-align:center;padding-right:1em;background:#333;color:#fff}
 .controls table tbody {background:#ccc;}
 .controls table tbody th {text-align:left;font-weight:normal;font-size:.9em}
 .controls table tr > th {padding:0 .25em;border-top:solid #443a31 0px;}
 .controls table tr > td{border-top:solid #443a31 0px;border-left:solid #443a31 0px; padding:0 .25em .125em}

#bt_getextractvalues {float:right;font-size:.8em;line-height:1.5em; padding:.05em .5em;border-radius:3px;width:auto; color:#ee824f;}
.advlab {position:relative;float:right;margin-top:-2em;font-size:.55em}
.advinp {position:relative;float:right;margin-top:-1.67em;margin-bottom:1.67em;font-size:.7em}
.advinp > input {padding-right:1.5em;margin-left:.5em;width:3em;text-align:center}
.advinp > a {position:absolute;right:.3em;line-height:1em;font-size:.6em;overflow:hidden;width:10px;color:#fff}
.advinp > a.btup {top:.25em}
.advinp > a.btup:before {font-family:'Glyphicons Halflings';content:'\e253';display:inline;color:#000}
.advinp > a.btdown {bottom:-.15em}
.advinp > a.btdown:before {font-family:'Glyphicons Halflings';content:'\e252';display:inline;color:#000}
/*#solvent-ctn {margin: 1em 1em 1em 350px}*/
#solvent-ctn > table {width:100%;border-collapse: collapse;}
#solvent-ctn > table th {background: #ccc; color: black; font-weight: bold; cursor: pointer; background-repeat: no-repeat; background-position: 3% center;}
#solvent-ctn > table td,
#solvent-ctn > table th { padding: 4px; border: 1px solid #ccc; text-align: left; }
#solvent-ctn > table td {font-size:.8em}
#solvent-ctn > table th {position:relative;font-size:.8em;word-break: break-word;}
#solvent-ctn > table th > small{word-break: keep-all;}
#solvent-ctn > table th:nth-child(6) {max-width:4.25em}
#solvent-ctn > table th:nth-child(7) {max-width:4.5em}
#solvent-ctn > table th:after{position:absolute;bottom:0;right:0;margin-left:-1em}
#solvent-ctn > table th.des:after {content: "↥";}
#solvent-ctn > table th.aes:after {content: "↧";}

.controls fieldset > legend {position:relative;display:block;font-size:1.15em;font-weight:bold;padding:0em .5em;background-color:#f0f0f0;color:#443a31; border-radius:3px;border:solid #d9d7d5 1px;margin:0 0 0em .5em;}
.controls fieldset > legend > a {display:block;float:left;margin:0.3em .5em 0 -.25em;cursor:pointer; width:0em;height:0; border-top:solid #443a31 10px;border-left:solid transparent 5px;border-right:solid transparent 5px;overflow:hidden}
.controls fieldset.off > legend > a {border-left:solid #443a31 10px;border-top:solid transparent 5px;border-bottom:solid transparent 5px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .controls fieldset {margin-top:1.5em}
    .controls fieldset > legend {margin-top:-15px; }
}
#eform > fieldset > input,
#eform > fieldset > select {float:left;width:32%;}
#eform > fieldset > label {float:left;width:34%;clear:none;}
#eform > fieldset > label.vorga {width:28%;margin-left:17%}
#eform > fieldset > label.vaq {width:27%;clear:both}
#eform > fieldset > label.lg {width:61%;}
#eform > fieldset > select.lg,
#eform > fieldset > input.lg {width:40%}
#eform > fieldset > select.vorga,#eform > fieldset > input.vorga,
#eform > fieldset > select.vaq,#eform > fieldset > input.vaq {width:15%;}
#eform > fieldset.molecule {padding-right:0}
#eform > fieldset.molecule > input,
#eform > fieldset.molecule > select {float:left;width:15%;}
#eform > fieldset.molecule > label {float:left;width:17.5%;clear:none}
#eform > fieldset.molecule > label > sub {display:inline;}
#eform > fieldset.molecule > label.effi,
#eform > fieldset.molecule > label.D,
#eform > fieldset.molecule > label.logD,
#eform > fieldset.molecule > label.Kd,
#eform > fieldset.molecule > label.logKd {margin-left:2%}
#eform > fieldset.molecule > label.pKa,
#eform > fieldset.molecule > label.Ai,
#eform > fieldset.molecule > label.NShape,
#eform > fieldset.molecule > label.Af {clear:left;}
#eform > fieldset.molecule > label.effi {background:#ee824f;color:#fff;border-color:#ee824f;font-size:1.1em;margin:0em -1.5% 0 2.5%;height:1.5em;line-height:1.15em;width:40%;text-align:center;}
#eform > fieldset.molecule > input.effi {float:right;margin:0em 0.25em 0 -2%; color:#ee824f;font-size:1.1em;height:1.5em;padding-top:0.15em;width:26%;text-align:center;background:#f5efc3;border:solid #ee824f 1px;}
#eform > fieldset.molecule > label.NShape {width:70%}
#eform > fieldset.molecule > input.NShape,
#eform > fieldset.molecule > select.NShape {width:30%}

#uform > fieldset > input,
#uform > fieldset > select {float:left;width:35%;border-radius:3px;}
#uform > fieldset > label {float:left;width:66%;clear:left}
#uform > fieldset > label.slide {width:46%}
#uform > fieldset > label.nsample {width:46%;}
#uform > fieldset > input.cmol,
#uform > fieldset > input.cmass {width:15%;}
#uform > fieldset > label.cmass,
#uform > fieldset > label.cmol,
#uform > fieldset > label.cmass {width:20%;}
#uform > fieldset > label.cmol.right,
#uform > fieldset > label.cmass.right {margin-left:2%;clear:none}
#uform > fieldset > input.solinspect {color:#ee824f;font-size:1.1em;margin-left:-1.5%;height:1.5em;line-height:1.15em;text-align:center;background:#f5efc3;border:solid #ee824f 1px;float:right}
#uform > fieldset > label.solinspect {clear:none; margin-left:0%;background:#ee824f;color:#fff;border-color:#ee824f;font-size:1.1em;height:1.5em;line-height:1.15em;text-align:center}

#gform > fieldset > label {clear:left}
#gform > fieldset > label.nfo2right {clear:none}
div#dbg {position:absolute;right:0;top:0;background:#eee;}

div#dbg ul {list-style-type:none}
div#dbg > ul > li {float:left;clear:left;width:100%}
div#dbg > ul > li > label {float:left;margin-right:1em}
div#dbg > ul > li > input {float:right}

@media only screen and (max-width: 1100px) { /* For Destock: */
    #page-content0, #page-content1 {width:100%; margin:0}
}

@media only screen and (max-width: 800px) { /* For Destock: */
    #header > h1 {font-size:1.15em;margin:.5em 1em ;min-width:10px}
    #header > ul.menu {padding:0;margin:.15em 0em 0;}
    #header > ul.menu > li {height:1.5em;}
    #header > ul.menu > li > a,
    #header > ul.menu > li > a:before {font-size:1.15em;padding:0 1.15em}
    .controls label {font-size:.8em !important;}
    .controls input,
    .controls button,
    .controls select {font-size:.7em !important}
    .controls fieldset > legend {font-size:.95em}
    #eform > fieldset.molecule > label.effi {font-size:.9em;margin:0em 0 0 1.5%;height:1.5em;line-height:1.15em;width:40%;}
    #eform > fieldset.molecule > input.effi {margin:0em 0.25em 0 -2%; color:#ee824f;font-size:.9em;height:1.5em;padding-top:0.15em;}
    #colgraph {height:15em}
    #colgraph > div.grid > label.x {display:block;margin-left:-1.5em;bottom:-4em !important;transform: rotate(-60deg);}
    #colgraph > div.grid > label.x:before{transform: rotate(60deg);left:116%;top:-0.25em;}
    #uform > fieldset > input.solinspect {font-size:.9em;}
    #uform > fieldset > label.solinspect {font-size:.9em;}


    .controls fieldset > .slideinp > input, /*Temporaire pendant transision au tout js pour les form*/
    .controls fieldset > .slideinp > input.slide {float:left;width:100%;text-align:center;font-size:.75em;padding:0}
    .controls > fieldset > select#inp_dcol {width:100px}
    .controls > fieldset > select#inp_sample {width:8em}
    .controls fieldset > .slideinp > button.pad {top:7px;}
    /* .controls fieldset > .slideinp > button.pad {outline:none;cursor:ew-resize;position:absolute;z-index:1;left:0;width:14px;margin-left:-6px;height:14px;top:7px;background-color:transparent;border-radius:7px;border:solid #999 1px}
    .controls fieldset > .slideinp > button.pad:after {content:' ';position:absolute;left:1px;top:3px;outline:none;
     width: 0px;
       height: 0px;
       border-left: 5px solid transparent;
       border-right: 5px solid transparent;
       border-bottom: 5px solid #2f2f2f;}
    .controls fieldset > .slideinp > button.pad:before {content:' ';position:absolute;left:6px;top:-9px;bottom:-0px;border-left:solid #999 1px;outline:none}
*/
    .advlab,.advinp {display:none}

}
@media only screen and (max-width: 700px) { /* For Destock: */
  #page-content, #page-content0, #page-content1 {width:100%}
}

@media only screen and (max-width: 600px) { /* For mobile: */
  .controls {width:100%}
  th,td{word-break:break-all}
  #graph0, #lgraph, #colgraph,#solvent-ctn{ width:100%; /*border: solid #000 1px;background-color:#fff;border-top-color:#ccc; border-right-color:#ccc*/}
}
/*Overwrite for modules color*/
svg .line {
  fill: none;
  stroke: #3b1c13;
  stroke-width: 3px;
}
svg g.mark > rect {fill:#333}
svg g.mark > line {stroke:#333}

#header > ul.menu > li.split > label  {background-color:#00aca9;}
.controls fieldset.off {border-color:transparent !important}

.extraction #header > h1,
#header ul.menu .extraction,
.home.controls > ul > li.extraction a {color:#00aca9; border-color:#00aca9}
.controls #eform fieldset,
.controls #eform fieldset > legend {border:solid 1px #00aca9}
.controls #eform fieldset.molecule .effi{border-color:#00aca9}
.controls #eform fieldset.molecule label.effi{background-color:#00aca9}
.controls #eform fieldset.molecule input.effi { color:#00aca9; background-color:#fff;}

.uvvis #header > h1,
#header ul.menu .uvvis,
.home.controls > ul > li.uvvis a {color:#b9348b; border-color:#b9348b}
.uvvis .line {stroke: #b9348b;}
.uvvis .controls #uform fieldset,
.uvvis .controls #uform fieldset > legend {border:solid 1px #b9348b}
.uvvis .controls #uform fieldset label.solinspect{background-color:#b9348b}
.uvvis .controls #uform fieldset input.solinspect,
.uvvis .controls table tr.effi > td > input {color:#b9348b;border-color:#b9348b;background:#fff}
.uvvis .controls table tr.effi > th, .uvvis .controls table tr.effi > td {color: #b9348b; border-color: #b9348b;}


.rphplc #header > h1,
#header ul.menu .rphplc,
.home.controls > ul > li.rphplc a  {color:#e7343f; border-color:#e7343f}
.rphplc .line {stroke: #e7343f;}
.rphplc .controls #gform fieldset,
.rphplc .controls #gform fieldset > legend {border:solid 1px #e7343f}
.rphplc .controls table tr.effi > th, .uvvis .controls table tr.effi > td {color: #e7343f; border-color: #e7343f;}
.rphplc .controls table tr.effi > td > input {color:#e7343f;border-color:#e7343f;background:#fff}

.resolution #header > h1,
#header ul.menu .resolution,
.home.controls > ul > li.resolution a  {color:#ef7d00; border-color:#ef7d00}
.resolution .line {stroke: #ef7d00;}
.resolution .controls #rform fieldset,
.resolution .controls #rform fieldset > legend {border:solid 1px #ef7d00}
.resolution #rform fieldset label.resolution{background-color:#ef7d00}
.resolution #rform fieldset input.resolution { color:#ef7d00; background-color:#fff;}