/*<!-- obtained from http://codepen.io/nodws/pen/pbnJu -->*/
/*@import url(http://db.onlinewebfonts.com/c/43b161e72f67138b4e63842ef3d088c0?family=LED+Board-7);*/

@font-face {
   font-family: digital;
   src: url(Digital.woff);
}


@font-face {
   font-family: "LED Board-7";
   src: url(LED_Board_7.ttf) format("truetype"),
        url(LED_Board_7.eot),
        url(LED_Board_7.eot?#iefix) format("embedded-opentype"),
        url(LED_Board_7.svg#LED_Board_7) format("svg");
}



body{
  background:#00000c;
  background-position: left top;
  background-repeat: no-repeat;  
  background-size: 120px 50px;
  color:#B0FDFF;
  display: block;
/*  font-family: 'Press Start 2P', cursive;*/
    font-family: 'LED Board-7';
/*    font-family: 'Bold LED Board-7';*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
h1{ font-family: 'LED Board-7';opacity:0.1}
.main-header,footer{font-family:'LED Board-7';}
/*textarea{outline:none;text-transform:uppercase}*/
span{outline:none;text-transform:uppercase}

input{
    font-family:'LED Board-7';
    font-size: 16px;
    outline:none;
    border:0;
    padding: 5px 5px 5px 5px;
    width:15px;
    height: 16px;
    text-transform:uppercase;
    background-color:#00000c;
    text-shadow:0 2px 0px #B0FDFF;    
/*    color:#B0FDFF;*/
/*    cursor: none; /*this hides the mouse, not the blinking curor*/
}

.btn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  background: #000000;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:active {
  background: #8d8e8f;
  text-decoration: none;
}

#cont1 {
    width:100%;
    text-align:left;
}
#topline {
    top:0px;
    left:0px;
    display:block;
    width:100%;
    height: 5vh;
    z-index: -100;
}
#left {
    float:left;
    width: 10%;
    height: 99vh;
    z-index: -100;
}
#right {
    float:right;
    width: 10%;
    height: 99vh;
    z-index: -100;
}
#main {
/*position:fixed;*/
margin:auto;
width: 80%;
height: 96vh;
/*background-color: black;*/
z-index: -100;
}

#center1 {
    display: inline-block;
    margin:0 auto;
    width:100%;
    height: 70vh;
    background: black;
    z-index: +999;
/*
    overflow: hidden;
    border: 2px solid #dadada;
        border-radius: 7px;
        border-color: #feffff;
        box-shadow: 0 0 10px #feffff;
*/
}

#tableauViz {
width: 100%;
height: 100%;
overflow:hidden;
border: 2px solid #dadada;
    border-radius: 7px;
    border-color: #feffff;
    box-shadow: 0 0 10px #feffff;
}

#tableauViz2 {
width: 100%;
height: 100%;
overflow:hidden;
border: 2px solid #dadada;
    border-radius: 7px;
    border-color: #feffff;
    box-shadow: 0 0 10px #feffff;

/*    border-color: #2580c9;
    box-shadow: 0 0 10px #2580c9;*/
}

#tableauViz3 {
width: 100%;
height: 100%;
overflow:hidden;
border: 2px solid #dadada;
    border-radius: 7px;
    border-color: #feffff;
    box-shadow: 0 0 10px #feffff;

/*    border-color: #2580c9;
    box-shadow: 0 0 10px #2580c9;*/
}

#tableauViz4 {
width: 100%;
height: 100%;
overflow:hidden;
border: 2px solid #dadada;
    border-radius: 7px;
    border-color: #feffff;
    box-shadow: 0 0 10px #feffff;

/*    border-color: #2580c9;
    box-shadow: 0 0 10px #2580c9;*/
}

#tableauVizCommand {
width: 100%;
height: 90vh;
overflow:hidden;
border: 2px solid #dadada;
    border-radius: 7px;
    border-color: #2580c9;
    box-shadow: 0 0 10px #2580c9;
}

.wrap{
  word-wrap: normal;
  max-width:800px;
  margin:25px auto;
}
ul{
  list-style:none;
  padding:0;
  display:block;
}
li {  
   display: block; 
  text-shadow:0 0 14px #5d9293;
  padding:5px 0;
}
/*
iframe{
  position:absolute;
  margin-top:300px;
  border:0;
  margin:0;
  padding:0;
  top:0;
  left:0; 
  width:00%;
  height:00%;
}*/
center{
  font-size:10px;
  color:#666;
  display:block;
  margin-top:10px
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 90%;
    position: relative;
    margin: 1% auto;
    border-radius: 10px;
    border: 2px solid #dadada;
    border-radius: 7px;
    border-color: #2580c9;
    box-shadow: 0 0 10px #2580c9;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #00d9ff;
}
.blinker{ opacity:0.1 }
.noblink{ opacity:0.0 }
/***************************
 * CSS Typing styling    *
 ***************************/
 .css-typing
 {
    width: 50em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(100, end);
    animation: type 5s steps(100, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}