* {
-webkit-user-select: none;
overflow: hidden;
}
.uppercase {
text-transform: uppercase;	
}

div.center iframe {
            display: block;
            margin-left: auto;
            margin-right: auto;
}

body { 
background: #fff;
padding: 15px;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
font-size: 14px;
opacity: 1;
text-shadow: none !important;
padding-bottom: 65px;
}

body p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body li,
body blockquote,
body a,
body button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

body, input, select, textarea, button, h1,h2,h3,h4,h5,h6, ul, ol, li {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

/*
* Typography
*/
p, h1, h2, h3, h4, h5, h6 {line-height: 1.4em; padding-bottom: 0.5em; text-align:left; text-indent:16px; color: #373D3F;}

h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
p, ul, ol, li { font-size: 16px; line-height: 1.4em; padding-bottom: 0.5em; color: #373D3F;}
li {list-style-position: inside;}


h1 {
font-size: 22px; color: #373D3F; line-height: 1.2em; font-weight: 400; display: block; padding-bottom: 2px; margin-bottom: 10px; margin-top: 10px;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,1);
box-shadow: 0px 1px 0px 0px rgba(0,0,0,1);
}

.title { font-size: 24px; color: #373D3F; line-height: 1.2em; font-weight: bold; display: block; padding-bottom: 4px; margin-bottom: 10px; text-indent:0px;
}

.subtitle { font-size: 18px; font-style:italic; color: #373D3F; line-height: 1.2em; font-weight: bold; display: block; padding-bottom: 4px; margin-bottom: 10px; text-indent:0px;
}


.centerimg{margin:0 auto;display:block}


.my-gallery{
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row; 
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: baseline;
align-content: flex-start;
}

.my-gallery > div:not(:last-child) {
  margin-right: 2%;
}

li, p {
white-space: pre-wrap; /* css-3 */    
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */    
white-space: -o-pre-wrap; /* Opera 7 */    
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.my-gallery figure {
flex: 1;
text-align: center;
margin: 0 0 15px 0;
}

figure img {
/*height: 170px;*/
border: thin silver solid;
margin: 0 0 15px 0;
padding: 2px;
}

figure {

}

.reference li {
text-indent: 0px;
font-size: 13px;
font-style: italic;
}

ul {
list-style: disc inside;
text-indent: 0px;
padding: 15px 0 15px 0;
}

.ul_subcategorie {
list-style: circle inside;
padding: 5px 0 5px 40px;
}

.ul_subcategorie li {
  text-indent: -20px;
}

.ol_subcategorie {
padding: 5px 0 5px 40px;
}

.ol_subcategorie li {
  text-indent: -20px;
}

.bg-galben {
background-color: rgba(255,206,77,.5) !important;
padding: 20px !important;
}
.bg-albastru {
background-color: rgba(123,195,222,.5) !important;
padding: 20px !important;
}
.bg-red {
background-color: rgba(255,0,0,.2) !important;
padding: 20px !important;
}
.bg-verde {
background-color: rgba(0,176,80,.2) !important;
padding: 20px !important;
}

ul li span.galben{
box-shadow: inset 0 -6px 0 rgba(255,206,77,.5);
padding-bottom: 2px;
font-weight:bold;
}
ul li span.albastru{
box-shadow: inset 0 -6px 0 rgba(123,195,222,.5);
padding-bottom: 2px;
font-weight:bold;
}
ul li span.red{
box-shadow: inset 0 -6px 0 rgba(255,0,0,.2);
padding-bottom: 2px;
font-weight:bold;
}
ul li span.verde{
box-shadow: inset 0 -6px 0 rgba(0,176,80,.2);
padding-bottom: 2px;
font-weight:bold;
}

.equation {background-color: #eeeeee; text-align: center; padding: 8px}


hr.zig {
height: 22px;
background: url(hr-12.png) repeat-x 0 0;
border: 0;
}

p .galben {
box-shadow: inset 0 -6px 0 rgba(255,206,77,.5);
padding-bottom: 2px;
font-weight:bold;}
p .albastru {
box-shadow: inset 0 -6px 0 rgba(123,195,222,.5);
padding-bottom: 2px;
font-weight:bold;
}

p .red {
box-shadow: inset 0 -6px 0 rgba(255,0,0,.2);
padding-bottom: 2px;
font-weight:bold;
}

p .verde {
box-shadow: inset 0 -6px 0 rgba(0,176,80,.2);
padding-bottom: 2px;
font-weight:bold;
}

.galben {
box-shadow: inset 0 -6px 0 rgba(255,206,77,.5);
padding-bottom: 2px;
font-weight:bold;}
.albastru {
box-shadow: inset 0 -6px 0 rgba(123,195,222,.5);
padding-bottom: 2px;
font-weight:bold;
}

.red {
box-shadow: inset 0 -6px 0 rgba(255,0,0,.2);
padding-bottom: 2px;
font-weight:bold;
}

.verde {
box-shadow: inset 0 -6px 0 rgba(0,176,80,.2);
padding-bottom: 2px;
font-weight:bold;
}

blockquote {
position: relative;
display: block;
background-color: #f6f6f6;
font-size: 16px;
line-height: 1.4em;
padding: 12px 12px;
margin-bottom: 54px;
font-style: italic;
color: rgba(0, 0, 0, 0.87);
}

blockquote:after {
content: "";
position: absolute;
width: 0px;
height: 0px;
left: 24px;
bottom: -48px;
border-style: solid;
border-width: 48px 48px 0 0;
border-color: #f6f6f6 transparent transparent transparent;
}

code, pre {
padding: 0px 7px;
margin: 14px 0px;
display: block;
background-color: #f1f1f1;
line-height: 25px;
overflow: auto;
}

pre {
background: linear-gradient(
to bottom,
#f1f1f1 50%,
#fcfcfc 50%
);
background-size: 100% 50px;
}

code {
display: inline;
}

.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }

table { width: 100%; border: none; }

th, td {
	padding: 4px;
}

thead th { position: sticky; top: 0; z-index: 1; }


table.unada tr.active {
	color: #F00000;
    font-style: italic;
}


.unada th, .unada td {
	padding: 4px;
	border-bottom: 1px solid #ddd;
}

table.unada tr:nth-child(even) {background-color: #f2f2f2;}

th {
  background-color: #7f0000;
  color: white;
  text-shadow: 0 0 0 #f3f3f3 !important;
}


tr.insoluble, td.insoluble {
background-color: #FFCCCC !important;
}

tr.ssoluble, td.ssoluble {
background-color: #FFF000 !important;
}

tr.other, td.other {
background-color: #CCCCCC !important;
}

tr.water, td.water {
background-color: #CCCCFF !important;
}


.top-bar {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
display: flex;
justify-content: space-between;
z-index: 1000000 !important;
}

.left-button button {
background-color: #444;
color: white;
padding: 8px 12px;
text-decoration: none;
border: none;
border-radius: 5px;
font-family: Arial, sans-serif;
cursor: pointer;
}

.left-button button:hover {
background-color: #666;
}

.copyright-info {
position: fixed;
bottom: 20px;
left: 20px;
color: white;
background-color: rgba(0, 0, 0, 0.7);
padding: 8px 12px;
border-radius: 5px;
font-family: Arial, sans-serif;
font-size: 13px;
z-index: 1000000 !important;
}