/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}


/* =============================================================================
   My CSS
   ========================================================================== */

/* ---- base ---- */

html,body{ 
  width:100%;
  height:100%;
  background:#fff;
}

html{
  /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}

body{
  font:normal 75% Arial, Helvetica, sans-serif;
}

canvas{
display:block;
vertical-align:bottom;
}


/* ---- stats.js ---- */

.count-particles{
background: #000022;
position: absolute;
top: 48px;
left: 0;
width: 80px;
color: #13E8E9;
font-size: .8em;
text-align: left;
text-indent: 4px;
line-height: 14px;
padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}

.js-count-particles{
font-size: 1.1em;
}

#stats,
.count-particles{
-webkit-user-select: none;
margin-top: 5px;
margin-left: 5px;
}

#stats{
border-radius: 3px 3px 0 0;
overflow: hidden;
}

.count-particles{
border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js {
width: 100%;
height: 100%;

/*background color / gradient solution*/
/*background: linear-gradient(135deg, #00683d 0%, #fff 100%);
background: linear-gradient(135deg, #fafafa 0%, #fff 100%);
*/
background-color: #999;
/* background-color: #fff; */

/*background image and properties*/
/*background-image: url('/static/assets_maintenance/img/logo2.jpg');*/
/*background-size: cover;*/
/*background-position: 50% 50%;*/
/*background-repeat: no-repeat;*/
}

.SDN-panel {
/*font-family: 'Source Sans Pro';*/
font-size: 1.6em;
position: absolute;
z-index: 10;
width: 320px;
height: auto;
background: #fff;
opacity : 0.7;
opacity : 1;
border : 1px solid #eee;
top: 50%;
left: 50%;
margin: -160px 0 0 -160px;
padding: 20px;
border-radius: 4px;
box-sizing: border-box;
z-index: 100;
text-align: center;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
}

.small {
padding : 10px; 
font-size : 1em;
color : #555;
}

a.SDNbutton{
display:inline-block;
padding:0.3em 1.2em;
margin:0 0.1em 0.1em 0;
border:0.16em solid rgba(255,255,255,0);
border-radius:.5em;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:300;
color:#FFFFFF;
text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
text-align:center;
transition: all 0.2s;
}
a.SDNbutton:hover{
border-color: rgba(255,255,255,1);
}
@media all and (max-width:30em){
a.SDNbutton{
display:block;
margin:0.2em auto;
}
} 

.SDN-fluid-img {max-width: 100%; height: auto; }

#footer {
position : fixed;
bottom : 0;
background-color : #007741;
background-color : #fff;
/*opacity : .9;*/
width : 100%;
height : 60px;
color : #000;
text-align : center;
padding : 20px; 
line-height : 25px;
}

#footer a {
color : #000; 
}

.blocFooter {
padding-left : 60px;
padding-right : 60px;
}