/*
ÍCONE:
Só preto (comum):
Fundo azul:
Só branco:
Só azul:
#menu {padding: 0%; text-align: center; color: white; background-color: #007bff; padding: 0.5% 0% 1% 0%; border-radius: 0px 0px 13px 13px; margin-bottom: 1%;}
*/
#entrada {padding: 3%; margin-top: 20%; text-align: center;}
#menu {padding: 0%; text-align: center; color: white; background-color: #007bff; padding: 0.5% 0% 1% 0%; border-radius: 0px 0px 13px 13px; margin-bottom: 1%;}
#btnRed {color: red;}
#btnGreen {color: green;}
#msgErro {color: red;}
#msgSucesso {color: green;}
#msgAlerta {color: rgb(228, 147, 17);}
#template {
text-align: center;
vertical-align: text-bottom;
margin-top: 500px;
}
#template2 {
font-size: 18px;
text-align: center;
vertical-align: bottom;
margin-top: 5%;
}
#background_btn {
background-color: #1178e6;
}
.button {
position: relative;
background-color: #4CAF50;
border: none;
font-size: 28px;
color: #FFFFFF;
padding: 20px;
width: 200px;
text-align: center;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
text-decoration: none;
overflow: hidden;
cursor: pointer;
}
.button:after {
content: "";
background: #90EE90;
display: block;
position: absolute;
padding-top: 300%;
padding-left: 350%;
margin-left: -20px!important;
margin-top: -120%;
opacity: 0;
transition: all 0.8s
}
.button:active:after {
padding: 0;
margin: 0;
opacity: 1;
transition: 0s
}
#resultado {
text-align: left;
color:#007BFF;
font-size: 18px;
font-style: inherit;
}
.button {
position: relative;
background-color: #4CAF50;
border: none;
font-size: 28px;
color: #FFFFFF;
padding: 2px;
width: 100%;
text-align: center;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
text-decoration: none;
overflow: hidden;
cursor: pointer;
}
.button:after {
content: "";
background: #90EE90;
display: block;
position: absolute;
padding-top: 2px;
padding-left: 2px;
margin-left: -2px!important;
margin-top: -2%;
opacity: 0;
transition: all 0.8s
}
.button:active:after {
padding: 0;
margin: 0;
opacity: 1;
transition: 0s
}
.img {
text-align: center;
height:'20px';
width:'30px' ;
}
.play {
text-align: left;
color:#007BFF;
font-size: 18px;
font-style: inherit;
}