body {
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* font-family: 'Montserrat', sans-serif; */
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #ff9900;
  /*background-image: url('img/fundo2.png');*/
  /*background-repeat: repeat-x;*/

  height: 100%;
  margin-top:0;
  background-repeat: no-repeat;
  background-attachment: fixed;
}


.box{
  border:solid;
  margin-bottom: 30px;
  border-radius: 18px 50px 18px 50px;
  background: #fff;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.box-senha{
  /*background-color: #fff;*/
  color: #000;
  /*height: 250px;*/
  vertical-align: middle;
  text-align:justify;
  overflow:hidden;
  margin-top: 10px;
  /*margin-right: 10px;*/
  margin-left: 30px;
}

.senha{
  font-size: 90px;
  color: #000;
}

.senha.preferencial{
  font-size: 40px;
  color: #fff;
  background-color: #ff4d4d;
  border-radius: 10px;
  width: 450px;
  padding: 0px 20px 0px 20px;
}

.box-guiche{
  /*font-size: 1vw;*/
  /*margin-top: 50%;*/
  /*top: 50%;*/

}

.guiche{
  color: #fff;
  /*margin-left: 30px;*/
  font-size: 15ex;
  text-shadow: #000 0em 2px 2px;
  text-align: center;
}

.cidadao{
  font-size: 8ex;
  color: #4d4d4d;
}

.texto{
  /*box-shadow: 5px 5px 5px rgba(0,0,0,0.5);*/
  font-size: 50px;
  /*text-shadow: 5px 5px 5px rbga(0,0,0,0.5); */
  /*text-shadow: 2px -2px lime; */
  /*text-shadow: #ccc 0.1em 0.1em 0.1em;     */
}

.caixa-central {
  position:absolute;
  width:98%;
  /*height:100px;*/
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/*LARANJA*/
.body_laranja{
  background-image: linear-gradient(to top, #ffc266 0%, #fff 100%);
}
.box_laranja{
  background: linear-gradient(115deg, #fff 57%, #e65c00 50%);
  border-color: #e65c00;
}
.transition.laranja{
  color: #000;
}


/*AZUL*/
.body_azul{
  background-image: linear-gradient(to top, #0059b3 0%, #0059b3 0%, #fff 100%);
}
.box_azul{
  background: linear-gradient(115deg, #fff 57%, #000 50%);
  border-color: #000;
}
.transition.azul{
  color: #fff;
}


/*CINZA*/
.body_cinza{
  background-image: linear-gradient(to top, #000 0%, #fff 0%, #fff 100%);
}
.box_cinza{
  background: linear-gradient(115deg, #fff 57%, #595959 50%);
  border-color: #595959;
}
.transition.cinza{
  color: #333333;
}


/*VERDE*/
.body_verde{
  background-image: linear-gradient(to top, #fff 0%, #66cc66 0%, #fff 100%);
}
.box_verde{
  background: linear-gradient(115deg, #fff 57%, #339933 50%);
  border-color: #e4e4e4;
}
.transition.verde{
  color: #333333;
}


/*VIOLETA*/
.body_violeta{
  background-image: linear-gradient(to top, #fff 0%, #6c3483  0%, #fff 100%);
}
.box_violeta{
  background: linear-gradient(115deg, #fff 57%,  #6c3483  50%);
  border-color: #e4e4e4;
}
.transition.violeta{
  color: #333333;
}




.fixarRodape {
  bottom: 0;
  position: fixed;
  width: 90%;
  background-color: none;
  margin: 0;
  width: 100%;
  height: 110px;
  text-align: center;
}

.transition {
  position: relative;
  white-space: nowrap;
  animation: floatText 35s infinite normal linear;
  font-size: 5em;
}


@-webkit-keyframes floatText{
  from {
    left: 100%;
  }

  to {
    left: -500%;
  }
}


#ultimos .texto-ultimos{
  font-size: 50px;
}

#ultimos .senhas{
  padding-top: 10px;
  font-weight: bold;
  color: #000;
  font-size: 60px;
  border: solid 1px;
  border-radius: 30px 0px 30px 0px;
}

#ultimos .senhas.senhas-laranja{
  background: linear-gradient(105deg, #ffad33 25%, #fff 60%);
}

#ultimos .senhas.senhas-azul{
  background: linear-gradient(105deg, #cce6ff 25%, #fff 60%);
}

#ultimos .senhas.senhas-cinza{
  background: linear-gradient(105deg, #8c8c8c 25%, #fff 60%);  
}

#ultimos .senhas.senhas-verde{
  background: linear-gradient(105deg, #9fff80 25%, #fff 60%);
}



#ultimos .privilegio{
  font-size: 25px;
  color: red;
  float: right;
  padding-right: 10px;
}

.col-12-md{
  border:solid;
}


#box1{
  position: absolute;
  font-family: 'Lalezar', cursive;
  padding-left: 20px;

  /*border:solid;*/
  width: 600px;

  /*font*/
  font-size: 60px;
  color: #fff;
}

#box2{
  padding-top: 10px;
  padding-left: 70px;
  border-bottom: solid;
  width: 450px;
  height: 100px;
  float: right;
  border-radius: 0px 0px 0px 100px;
  background-color: #fff;

  /*background: radial-gradient(circle closest-side,
       #999 0%,#999 74%,#e00 76%,#e00 98%,rgba(0,0,0,0) 100%);*/
  /*opacity: 0.7;*/
  /*filter: alpha(opacity=30);*/
}

#box3{
  position: absolute;
  bottom: 0;
  border-top: solid;
  width: 500px;
  height: 100px;
  float: right;
  border-radius: 0px 800px 0px 0px;
  background-color: #fff;

  /*background: radial-gradient(circle closest-side,
       #999 0%,#999 74%,#e00 76%,#e00 98%,rgba(0,0,0,0) 100%);*/
}


#box-central{
  border: solid;
  width: 500px;
  height: 500px;
  border-radius: 0px 0px 0px 200px;
  background-color: #ccc;

  /*background: radial-gradient(circle closest-side,
       #999 0%,#999 74%,#e00 76%,#e00 98%,rgba(0,0,0,0) 100%);*/
}


#bola1{
  position: absolute;
  width: 700px;
  height: 100%;
  border-radius: 0px 800px 0px 0px;
  background-color: #000;

  opacity: 0.1;
  filter: alpha(opacity=30);
  z-index: 1;


}

#bola2{
  position: absolute;
  float: right;

  width: 400px;
  height: 780px;
  border-radius: 0px 8000px 8000px 0px;
  background-color: #fff;

  opacity: 0.1;
  filter: alpha(opacity=30);
  z-index: 0;
}



#wrapper{
 font:normal 60pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}

#wrapper p{
 font:normal 40pt Arial;
 color:#FFFFFF;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}