.ng-hide{
    display: none;
}

[ng-cloak] {
    display: none;
}

body {
  background: url("images/backgroundPattern.png") repeat;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  margin: 15px;
  color: white;
  text-align: center;
}

#blindSupervision {
  text-align: center;  
  max-width: 1000px;
  min-width: 900px;
  margin: auto;
  padding-bottom: 5px;
  border: 1px solid;
  background-color: hsla(0, 0%, 13%, 0.75);
  height: 100%;
}

h1 {
  font-size: 4em;
  text-align: center;
}

p {
  color: #333;
}

a, a:visited, a:active {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.roundCorners {
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#title {
  color: rgba(154, 6, 0, 1);
  float: left;
  font-weight: bolder;
  font-size: 1.7em;
  margin-left: 5px;
  
}

.clearBoth {
  clear: both;
}

.chipsWrapper {
  margin: 30px auto;
  padding: 15px;

  /* Done using http://www.colorzilla.com/gradient-editor/ */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  
}


/* This button was generated using CSSButtonGenerator.com */
.button {
  -moz-box-shadow:inset 0 1px 21px 0 #f5978e;
  -webkit-box-shadow:inset 0 1px 21px 0 #f5978e;
  box-shadow:inset 0 1px 21px 0 #f5978e;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
  background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
  background-color:#f24537;
  -webkit-border-top-left-radius:11px;
  -moz-border-radius-topleft:11px;
  border-top-left-radius:11px;
  -webkit-border-top-right-radius:11px;
  -moz-border-radius-topright:11px;
  border-top-right-radius:11px;
  -webkit-border-bottom-right-radius:11px;
  -moz-border-radius-bottomright:11px;
  border-bottom-right-radius:11px;
  -webkit-border-bottom-left-radius:11px;
  -moz-border-radius-bottomleft:11px;
  border-bottom-left-radius:11px;
  text-indent:0;
  border:1px solid #d02718;
  display:inline-block;
  color:#ffffff;
  font-family:Times New Roman;
  font-size:35px;
  font-weight:bold;
  font-style:normal;
  height:66px;
  line-height:66px;
  width:152px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 9px #810e05;
}

.button:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
  background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
  background-color:#c62d1f;
}

.button:active {
  position:relative;
  top:1px;
}

.button:focus {
    outline: 0;
}

#adminArea input {
    color: black;
}

.mainButton {
    font-size: 2em;
}

paper-button.colored::shadow #ripple {
    color: #000;
}
paper-button.colored:hover {
    background: #e50224;
}

paper-button.colored{
    background: #ce0223;
    color: #fff;
}

paper-input::shadow div, paper-input::shadow #input{
    color: #fff;
}
paper-input /deep/ .focusedColor {
    color: #a91124;
    background: #a91124;
}

next-break {
    float: right;
    margin-right: 5px;
}