/* css modal captcha */

button.btn.btn-danger.btn-sm{
    height: 30px;
    border-radius:0;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.modal-sem-fundo div{
    background: none;
    box-shadow: none;
    border: none;
}

.centered {
   text-align: center;
   font-size: 0;
}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;
}

.ui-growl p{
    font-family: "Didact Gothic", sans-serif;
    color: white;
}

/*
.ui-growl {
  z-index: 100000 !important;  
}

.dropdown-menu {
  z-index: 100000 !important;
}
*/

*{-webkit-font-smoothing: antialiased;font-family: fonteTitulo;outline:none !important;}
input,select,textarea{border-radius:0px !important;}
p,li{color:#808080;font-size:1.1em;}
.black{color:#474747;}
.white{color:#fff;}
.red{color:#BA1E34;}
h1{font-size:32px;line-height:1;}
.titulo{font-family: fonteTitulo !important;color:#474747;font-weight:normal !important;}
.subTitulo{font-family: fonteMenor;}

nav{
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);z-index:1000 ;
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);z-index:1000; 
    -ms-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);z-index:1000;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);z-index:1000;}

.input-busca{
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19) !important;
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19) !important; 
    -ms-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19)!important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19) !important;}

.cabecalho{font-size: 13px;}
.redes-sociais img{height:30px;width:auto;margin-left:2px;}

.navbar-white{background:#FFF !important;}
.navbar-white ul li a {color:#000 !important;font-size: 13px;}

.box-rastreie{background: #BA1E34;position:absolute;top:20px;right:100px;color:#FFF;padding:15px;}

.lista-itens{font-size:18px;}

.menu-footer{display:block;margin-top:5px;}
.box-visite{background:#E7E8EA;padding:20px;}

.menu-avisoLegal li {float:left;font-size:13px;}
.margin-item{margin-left:25px;}

.flecha-prev{ 
    content: "<";
    color: grey;
    font-size: 30px;
    position:absolute;
    top:0;

}

.slick-prev:after {
    content: "<";
    color: grey;
    font-size: 30px;
}

.slick-next:before {
    content: ">";
    color: grey;
    font-size: 30px;
}

.slick-dots2{ display: block; padding: 0;
              transform:translateY(-60px);
              margin-left: 23px;
              list-style: none;}

.slick-dots2 li
{
    display: inline-block;

    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;

}
.slick-dots2 li button
{

    display: block;
    font-size: 0;
    line-height: 0;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #3D3D3D;
    border-radius:10px;
}

.slick-dots2 li button:hover,
.slick-dots2 li button:focus
{
    outline: none;
    background: #BA1E34;
}
.slick-dots2 li button:hover:before,
.slick-dots2 li button:focus:before
{
    opacity: 1;
    background: #BA1E34;
}

.slick-dots2 li.slick-active button:before
{
    opacity: .75;
    color: #BA1E34;
}

.menu-footer{margin-top:-15px;}
.menu-footer h3{display:inline-block;color:#000 !important;margin-left:14px;}
.menu-footer h3 a{color:#3D3D3D  !important;}

.thumbnailsTitle{color:#3D3D3D ;}
.thumnailBorder{border:none !important;}

.level2{border-radius:0 !important;box-shadow:none;border:none !important;}
.level2 li:hover {background: #BA1E34 !important;}
.level2 li a:hover{background: #BA1E34 !important;color:#FFF !important;}
.level2 li{padding:5px 0;color:#F5F5F5 !important;}

.menu-personalizado{height:200px;border-radius:0 !important;box-shadow:none;border:none !important;margin-top:-1px !important;}
.menu-personalizado li{padding:5px 0;color:#F5F5F5 !important;}
.menu-personalizado li:hover{background: #BA1E34 !important;}
.menu-personalizado li a:hover{background: #BA1E34 !important;color:#FFF !important;}
nav li:hover{background: #BA1E34 !important;}
nav li:hover a{color:#FFF !important;}

.ativarSimulacao:hover span{color:#FFF;}
.ativarSimulacao span{color:#BA1E34;}

.ativarAtendimento:hover span{color:#FFF;}
.ativarAtendimento span{color:#BA1E34;}


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    height:200px;
    border-radius:0 !important;
    background:#F5F5F5;
    border:none;
    box-shadow:none;


}


.dropdown-submenu:hover>.dropdown-menu {
    display:block;

}




.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;

}

.menu1{top:-36px !important;}
.menu2{top:-71px !important;}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#BA1E34 !important;color:#FFF !important;}




.your-class2 .img-hover{
    -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.19);
    -moz-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.19);
}
.footer ul{ margin:0 !important;padding:0 15px;}
.footer h3{ font-size:1em !important;}
label{font-weight:normal !important;}

.fonte-menor{font-size:0.9em !important;}

/*# sourceMappingURL=styles.css.map */

/* mapa */
.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 380px;
    font-family: "Didact Gothic", sans-serif;
    font-size:13px;

}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
}
.ol-popup code {
    color: black;
    background: none;
}

a.simulacao_ativo{
    background-color: #A90034;
    text-decoration:none;
    color: #fff;
    padding: 10px;
}

a.simulacao_inativo{
    background-color: #808285;
    text-decoration:none;
    color: #fff;
    padding: 10px;
}

i a.simulacao_ativo{
    color: #e6e7e8;
}

i a.simulacao_inativo{
    color: #dc0032;
}

a:hover.simulacao_ativo{
    text-decoration:none;
    color: #fff;
}

a:hover.simulacao_inativo{
    text-decoration:none;
    color: #fff;
}

.fase25{
    transform: scale(2);
    position: absolute;
    z-index: 10000;
    opacity: 0.8;
    margin-top: -29.5px;
}

.highlight-blink {
    font-size: 12px;
    color: #a90034;
    background-color: #ffcccc; /* vermelho claro */
    padding: 2px 4px;
    border-radius: 3px;
    cursor: pointer;
    animation: blink 4s infinite;
}

@keyframes blink {
    0%   { background-color: #ffcccc; }
    50%  { background-color: #ff0000; color: #fff; }
    100% { background-color: #ffcccc; }
}