.ng-cloak { display: none !important; }
.mainfont { font-family: 'Source Sans Pro', sans-serif; }

#loader-wrapper  {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1001;
}

textarea { 
  width:100%; 
  overflow-y: scroll;
  height: 300px;
}
.console { 
  font-family: 'Lucida Console', Monaco, monospace;
}
.background {
  background-image: url(../images/ccolors.jpg);
  background-repeat: repeat;
}
.wallpaper {
  background-image: url(../images/symphony.png);
}
.greencarpet {
  background-image: url(../images/green_carpet.jpg);
  background-size:cover;
}
.card {
  position: relative;
}
.card-face {
  margin:1px; 
  padding:2px;
}
.card-face-selected {
  margin:1px;
  padding:2px;
  background:yellow;
  border-radius:5px;
}
.cardindex {
  position: absolute;
  right: 20px;
  z-index: 10;
  background-color: white;
  padding: 3px;
  border-radius:15px;
  border-style: solid;
  width: 25px;
}
.cardindex1 {
  bottom: 40px;
  border-color: black;
}
.cardindex2 {
  bottom: 10px;
  border-color: blue;

}
.cardindex3 {
  bottom: 70px;
  border-color: green;
}
.output {
  text-align: left;
  overflow:auto;
  padding: 20px;
  height:300px;
}
.error {
  color: white;
  border-radius: 5px;
  background: red;
  border-style: solid; 
  border-width: 2px;
  padding-left: 5px;  
  padding-right: 5px  
}
.underline {
  color: DarkBlue;
  text-decoration: underline;
}
.link {
  color: DarkBlue;
  border-radius: 5px;
  border-style: solid; 
  border-width: 2px;
  padding-left: 5px;  
  padding-right: 5px;
  text-decoration: none;
}
.info {
  color: blue;
}
.success {
  color: green;
  border-color: green;
  border-radius: 5px;
  border-width: 2px;  
  border-style: solid;
  padding-left: 5px;  
  padding-right: 5px   
}
.flashy {
  color: black;
  background-color: yellow;
  font-style: italic;
}
.warning {
  color: orange;
  border-color: orange;
  border-radius: 5px;
  border-width: 2px;  
  border-style: solid;
  padding-left: 5px;  
  padding-right: 5px   
}
.scroll-debug {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
.animated {
  -webkit-transition: height 200ms linear;
  -moz-transition: height 200ms linear;
  -o-transition: height 200ms linear;
  -ms-transition: height 200ms linear;
  transition: height 200ms linear;
}
.small-logo {
  height:100px;
}
.big-logo {
  height:220px;
}