body{
    font-family: 'San Francisco', Helvetica, Arial, san-serif;
	font-size:40px;
	margin:0;
    /*cursor:none;*/
    transition:all 700ms; -moz-transition:all 700ms; -o-transition:all 700ms; -webkit-transition:all 700ms;
}
*{
    font-family: 'San Francisco', Helvetica, Arial, san-serif;
    font-weight:200;
}
a{
    color:#fff;
    text-decoration: none;
}
.botao_efeito{
    filter: opacity(0);
    transition:all 700ms; -moz-transition:all 700ms; -o-transition:all 700ms; -webkit-transition:all 700ms;
}
#celular, #config{
    /*border:solid 1px #000;*/
    /*border-radius:30px;*/
    width:100%;
    min-height:100%;
    height:100vh;
    margin-top:0;
    margin-left:0;
    color:#fff;
    background: url('../img/fundo.jpg');
    background-size: 100% 100%;
    cursor:hidden;
    text-shadow:0 1px 3px #00000055;
}
#config{
    color:#000;
    background: #c3c3c3;
}
#config input{
    width: 90%;
    padding:8px 5px;
    border-radius:5px;
    border:solid 1px #000;
}
#config input[type="submit"]{
    width: 95%;
    background: #14942a;
    cursor: pointer;
}
#config input[type="submit"]:HOVER{
    background: #61f58d;
}
.btn{
    float:left;
    border: solid 1px #ffffff;
    background: #ffffffe6;
    font-size:30px;
    text-align: center;
    padding:50px 0;
    color:#1d2b20;
    font-weight:700;
    text-shadow:none;
    
    width:40%;
    border-radius:5px;
    margin: 4% 0 0 7%;
}
.setor{
    width:100%;
    margin-left:0;
    margin-right:0;

    transition:all 700ms; -moz-transition:all 700ms; -o-transition:all 700ms; -webkit-transition:all 700ms;
}
.titulo{
    text-align: center;
    padding: 7% 0;
    color:#1d2b20;
    background:#ffffffe0;
    font-weight:700;
    text-shadow:none;
}
.relogio{
    padding:1% 0 0 1%;
    position:fixed;
    top:0;
    left:0;
    font-size:30px;
    /*width: 100%;
    background: url('../img/sinal.png') 85% 83% no-repeat;
    background-size: 26%;*/
}
#ultimas_senhas{
    padding:2% 4%;
}
#ultimas_senhas_div{
    border-radius:25px;
    background: linear-gradient(180deg, #16351dcc 0%, #16351d99 100%);
    width:100%;
    height:90vh;
    border: double 3px #ffffffe0;
    overflow: hidden;

}
.senha_antiga{
    
    font-size: 20px;
    line-height: 17px;
    padding:15px  0;
    text-shadow:0 1px 3px #000;
}
.senha_antiga h3{
    font-weight:700;
    font-size:50px;
    padding:0;
    margin:0 0 0 0;
}
#chamar_senha{
    width:70%;
    
}
.animeTextAlerta{
    /* animacao */
    animation: animeTextAlerta 1.8s forwards;
    animation-iteration-count: infinite;
    animation-delay: 0;
}
@keyframes animeTextAlerta{
    0% {text-shadow:0 0 10px #ff0000, 0 0 10px #ff0000;}
    5% {text-shadow:0 0 30px #ff0000, 0 0 30px #ff0000;}
    10% {text-shadow:0 0 50px #ff0000, 0 0 50px #ff0000;}
    15% {text-shadow:0 0 60px #ff0000, 0 0 60px #ff0000;}
/*
    20% {width:50%;padding-top:95%;}
    25% {width:58%;padding-top:91%;}
    30% {width:60%;padding-top:90%;}
    35% {width:58%;padding-top:91%;}
    40% {width:50%;padding-top:95%;}
    100% {width:50%;padding-top:95%;}
*/
}
.animeDivAlerta{
    /* animacao */
    animation: animeDivAlerta 1.8s forwards;
    animation-iteration-count: infinite;
    animation-delay: 0;
}
@keyframes animeDivAlerta{
    0% {box-shadow:0 0 10px #ff0000}
    5% {box-shadow:0 0 30px #ff0000}
    10% {box-shadow:0 0 50px #ff0000}
    15% {box-shadow:0 0 60px #ff0000}
/*
    20% {width:50%;padding-top:95%;}
    25% {width:58%;padding-top:91%;}
    30% {width:60%;padding-top:90%;}
    35% {width:58%;padding-top:91%;}
    40% {width:50%;padding-top:95%;}
    100% {width:50%;padding-top:95%;}
*/
}

.msg_erro{
	border: solid 1px #fabd84;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	color: #ff3204;
	background: #fc9d9dc5;
    padding:2%;
    margin:2%;
}
.msg_sucesso{
	margin: 5px 0;
	border: solid 1px #ccebac;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	color: #6da827;
	background: #e0f2cb;
	padding: 5px;
	font: normal 12px arial;
}
.msg_alert{
	margin: 5px 0;
	border: solid 1px #f2e4b7;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	color: #e79300;
	background: #fff3ce;
	padding: 5px;
	font: normal 12px arial;
}
.info .info_item{
	padding: 5px 0;
	border-bottom: solid 1px #ececec;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}






.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    margin-bottom:10px;
    padding:10px;
    text-align:center;
}
#area_celular{
    text-align: center;
    border:solid 3px #000;
}
.movie{
    width:50%;padding-top:80%;
	/* animacao */
    animation: animeAlerta 1.8s forwards;
    animation-iteration-count: infinite;
    animation-delay: 0;
}
@keyframes animeAlerta{
	  0% {width:50%;padding-top:95%;filter: drop-shadow(0 0 10px #ecd28e);}
      5% {width:58%;padding-top:91%;filter: drop-shadow(0 0 30px #ecd28e);}
     10% {width:60%;padding-top:90%;filter: drop-shadow(0 0 50px #ecd28e);}
     15% {width:58%;padding-top:91%;filter: drop-shadow(0 0 60px #ecd28e);}
    
     20% {width:50%;padding-top:95%;}
	 25% {width:58%;padding-top:91%;}
     30% {width:60%;padding-top:90%;}
     35% {width:58%;padding-top:91%;}
     40% {width:50%;padding-top:95%;}
    100% {width:50%;padding-top:95%;}
	
}
.clr{
    clear: both;
}
#mvsoft{
    position:absolute;
    bottom:10px;
    right:10px;
    width:80px;
}


@media screen and (max-width: 767px){
    #celular, #config{
        background-size: auto 100%;
    }
}