body {
  background: #fefefe;
}
.bt_piscando {
  background-color: #35b084;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color: #35b084; -webkit-box-shadow: 0 0 3px #35b084; }
  50% { background-color: #8BC34A; -webkit-box-shadow: 0 0 3px #8BC34A; }
  100% { background-color: #35b084; -webkit-box-shadow: 0 0 3px #35b084; }
}

@-moz-keyframes glowing {
  0% { background-color: #35b084; -moz-box-shadow: 0 0 3px #35b084; }
  50% { background-color: #8BC34A; -moz-box-shadow: 0 0 3px #8BC34A; }
  100% { background-color: #35b084; -moz-box-shadow: 0 0 3px #35b084; }
}

@-o-keyframes glowing {
  0% { background-color: #35b084; box-shadow: 0 0 3px #35b084; }
  50% { background-color: #8BC34A; box-shadow: 0 0 3px #8BC34A; }
  100% { background-color: #35b084; box-shadow: 0 0 3px #35b084; }
}

@keyframes glowing {
  0% { background-color: #35b084; box-shadow: 0 0 3px #35b084; }
  50% { background-color: #8BC34A; box-shadow: 0 0 3px #8BC34A; }
  100% { background-color: #35b084; box-shadow: 0 0 3px #35b084; }
}

.bt_piscando {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.mega-menu {
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
    position: absolute;
    width: 100%;
    font-size: 12px;
    transform: translate3d(5px, 28px, 0px); /* distancia entre menu e btn */
    top: 10px;
    left: 0px;
}

.mt {
    float: left;
    margin-bottom: -20px;
    padding-bottom: 20px;
    /*margin-top: -20px;
            padding-top: 20px;*/
}
.mega-menu a{
    text-decoration: none;
}

.dropdown {
    position: static;
    font-size:12px;
}

.dropdown {
    text-decoration: none;
}

@media(max-width:500px){
	.mega-menu{
        width: 300px;
	}
}

.dropdown:hover .mega-menu {
    visibility: visible;
    opacity: 1;
}

html {
    position: relative;
    min-height: 100%;
}

.nav-link:hover, .nav-link:focus {
    color: #FFFFFF;
    background-color: rgb(128 128 128)
}

.bt-form{
    margin-bottom:0px;
    margin-top:0px;
}

/*alertas*/

.alerta-div {
    position: fixed;
    top: 2%;
    width: 0%;
    height: 0%;
    right: 0;
    max-width: 0%;
    max-height: 0%;
    overflow: hidden;
    z-index: 2000;
}

.alerta {
    min-height: 0px !important;
    padding: 10px;
    margin-left: 5%;
    width: 25%;
    margin-right: 1%;
    text-shadow: 1px 1px 1px #00040a;
    transition: 1s;
    margin-top: 3%;
    display: inline-block;
    margin: 0px auto;
    position: fixed;
    transition: all 0.5s ease-in-out 0s;
    z-index: 1031;
    top: 20px;
    right: 20px;
}

.alerta-sucesso {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(80, 230, 106, 0.4);
    background: linear-gradient(60deg, #008717, #4cba5f);
    background-color: unset;
    cursor: pointer;
    color: #FFFFFF;
}

.alerta-erro {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
    background: linear-gradient(60deg, #d22824, #da3a36);
    background-color: unset;
    cursor: pointer;
    color: #FFFFFF;
}

.alerta-info {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(55, 70, 128, 0.4);
    background: linear-gradient(60deg, #1a3fc7, #829af5);
    background-color: unset;
    cursor: pointer;
    color: #FFFFFF;
}

.alerta-alert {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 221, 0, 0.4);
    background: linear-gradient(60deg, #f7c019, #ffee00);
    background-color: unset;
    cursor: pointer;
    color: #FFFFFF;
}

.fechar-btn {
    position: absolute;
    padding: 0;
    right: 8px;
    outline: none;
    border: none;
    font-weight: lighter;
    background-color: transparent;
}

    .fechar-btn:hover {
        text-shadow: 0px 0px 5px green;
    }

.alerta-sucesso:hover {
    background-color: rgba(7, 149, 66, 0.35);
    transition: 0.5s;
}

.start-icon {
    animation: blink 2s infinite both;
}

@keyframes blink2 {
    0%, 40%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.alerta.show {
    animation: show_slide 1.2s ease forwards;
}

.alerta.hide {
    animation: hide_slide 1.2s ease forwards;
}

@keyframes show_slide {
    0% {
        transform: translateX(100%);
    }

    45% {
        transform: translateX(-5%);
        opacity: 0.4;
    }

    75% {
        transform: translateX(2%);
        opacity: 0.8;
    }

    100% {
        transform: translateX(-2%);
        opacity: 1;
    }
}

@keyframes hide_slide {
    0% {
        opacity: 1;
        transform: translateX(0%);
    }

    100% {
        opacity: 0;
        transform: translateX(100%);
    }
}