/* ==========================================================================
    DEFINIÇÃO DE CONSTANTES
========================================================================== */
:root {
    --input-form-border: #d4d4d4;
}


/* ==========================================================================
  HEADER MODULO - ESPECÍFICO
========================================================================== */
header#header-modulo {
    background: url(../../../imagens/agentes/header-agentes.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*
header#header-modulo .header-box {
    width: 181px;
    position: relative;
}*/

/*
ul.navbar-nav-complement li a, 
.btn-group.area-cliente .btn.btn-secondary .fa,
.navbar .btn-secondary, 
.navbar .show>.btn-secondary.dropdown-toggle {
    color: #FFF;
}

.hamburger,
.hamburger:before,
.hamburger:after {
    background-color: #FFF;
}*/

/* .hamburger,
.hamburger:before,
.hamburger:after {
    background-color: var(--cor-textos);
}


.navbar.navbar-dark {
    box-shadow: none;
} */

/*
header#header-modulo h1 {
    margin-top: 190px;
}

header#header-modulo .header-box span {
    top: 235px;
}*/

a.nav-link {
    color: var(--cor-textos);
}

a.nav-link:hover {
    color: var(--cor-3);
}

/* ===================  FIM HEADER MODULO - ESPECÍFICO =================== */

/* ==========================================================================
    SECTION - AGENTES
========================================================================== */
#agentes-mapa {
    padding-top: 70px;
    padding-bottom: 70px;
}

#agentes-lista h4 {
    /* text-align: left;
    margin-bottom: 20px;
    color: var(--cor-textos); */
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
}

#agentes-informacoes {
    padding-top: 60px;
    padding-bottom: 30px;
}

#agentes-informacoes h3 {
    margin-top: 0px;
    color: var(--cor-titulos);
}




#agentes-lista ul {
    list-style: none;
    font-size: 15px;
}

#agentes-lista ul li {
    margin-left: -40px;
}



.btn-informacoes {
    color: var(--cor-3) !important;
    text-decoration: none;
    cursor: pointer;
}

.btn-informacoes:hover {
    color: var(--cor-titulos) !important;
}

.btn.focus.btn-informacoes,
.btn:focus.btn-informacoes {
    box-shadow: none;
}

/* .btn-informacoes-cancelar {
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid var(--cor-textos);
    color: #FFF;
    background-color: var(--cor-textos);
    border-radius: 1px;

    text-transform: uppercase;
}

.btn-informacoes-cancelar:hover {
    color: var(--cor-textos);
    background-color: transparent;
    border-color: var(--cor-textos);
} */

button:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn-informacoes-cancelar {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-video-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-video-sombra);
    background-color: var(--cor-botao-video-fundo);
    color: var(--cor-botao-video-textos);
}

.btn-informacoes-cancelar:hover {
    color: #FFF;
    background-color: var(--cor-botao-video-fundo-hover);
    border: 1px solid var(--cor-botao-video-border);
}

.btn-informacoes-enviar {
    text-decoration: none;

    font-family: 'Roboto-Medium', sans-serif;
    font-size: 17px;
    padding: 12px 22px;
    border: 1px solid var(--cor-botao-branco-border);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra);
    background-color: #FFF;
    color: var(--cor-botao-branco-textos);
}

.btn-informacoes-enviar:hover {
    color: var(--cor-3);
    background-color: #FFF;
    border: 1px solid var(--cor-botao-branco-border);

    cursor: pointer;
}

#vmap {
    width: 100%;
    height: 100%;
    background-color: transparent !important;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
    /* width: 15px;
    height: 15px; */
    padding: 7px;
    width: 25px;
    height: 25px;
    font-size: 18px;

    border:1px solid var(--cor-3);
    background-color: var(--cor-3);
}

.jqvmap-zoomin:hover,
.jqvmap-zoomout:hover {
    border: 1px solid var(--cor-3);
    background-color: #FFF;
    color: var(--cor-3);
}

.jqvmap-zoomout {
    top: 40px;
}

div#content {
    /* border: 1px solid red; */
    width: 1024px;
    height: 530px;
    margin: auto;
    width: 100%;
    height: 100%;
    height: 530px;
}


h3.agente-nome {
    text-align: left;
    font-size: 17px;
    font-family: 'Roboto-Bold', sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}

label.label-agente {
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto-Medium', sans-serif;

    margin-bottom: 0px;
}

.detalhe-agente-swal {
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto-Medium', sans-serif;
}


a.agente-contactar-link {
    color: var(--cor-3);
    text-decoration: none;
}

a.agente-contactar-link:hover {
    color: var(--cor-textos);
    text-decoration: none;
}

p.agents-error {
    text-align: left;
    font-size: 15px;
    margin-left: 38px;
    padding-right: 20px;

    margin-top: 20px;
    line-height: 20px;
}

p.agents-link-form {
    text-align: left;
    font-size: 15px;
    margin-left: 38px;
    padding-right: 20px;
    margin-top: 20px;
}

p.agents-link-form .fa {
    color: var(--cor-3);
}

ul.agents-list + p.agents-link-form{
    margin-left: 10px;
    margin-top: 30px;
}

p.agents-link-form a {
    color: var(--cor-3);
    text-decoration: none;
}

p.agents-link-form a:hover {
    color: var(--cor-textos);
    text-decoration: none;
}

ul.header-list {
    list-style: none;
    text-align: left;
    font-size: 16px;
    /* margin-bottom: 30px; */
}

label.label-agente {
    font-size: 15px;
    text-align: left;
    font-family: 'Roboto-Medium', sans-serif;

    color: var(--cor-1);
}

ul.header-list li:first-child {
    font-weight: 700;
}

ul.agents-list,
ul.agents-sub-list {
    list-style: none;

    padding-left: 20px;
    padding-left: 25px;
}

ul.agents-list li,
ul.agents-sub-list li {
    text-align: left;
    margin-left: 0px;
    font-size: 15px;

    line-height: 22px;
    font-size: 15px;
}

ul.agents-list li {
    margin-top: 20px;
    font-weight: bold;
    color: #666;
}

span.nome-agente {
    display: block;
    margin-bottom: 15px;
    margin-top: 25px;
    margin-left: -20px;
    margin-left: -15px;
    font-size: 16px;
}

ul.agents-sub-list li {
    margin-left: -40px;
    margin-top: 0px;
    font-weight: 100 !important;
}

ul.header-list a,
ul.agents-list a {
    color: #666;
    text-decoration: none;
}

ul.header-list a:hover,
ul.agents-list a:hover {
    /* color: #666;
    text-decoration: underline; */
    color: var(--cor-3);
    text-decoration: none;
}

h2.swal2-title img {
    width: 32px;
    margin-left: 10px;
    display: inline;
    margin-top: 20px;
    position: relative;
    top: 4px;
}

.jqvmap-label p.agents-error {
    font-size: 14px;
    text-transform: initial;
    font-weight: 100;
}

.jqvmap-label ul.header-list {
    font-size: 14px;
    text-transform: initial;
    font-weight: 100;
}

.jqvmap-label ul.agents-sub-list {
    font-size: 14px;
    text-transform: initial;
    font-weight: 100;
}

ul.agents-list li {
    text-transform: initial;
}
/*
.jqvmap-label {
    width: 410px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.9);
    color: #595959;
    border: 1px solid #ccc;
    box-shadow: 0 0 0 2px #fff, 0 0 0 2px rgba(50, 100, 150, 0.4);
    text-align: center;
    padding-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;

    position:absolute !important;
    left:0 !important;
    right:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
}*/

.jqvmap-label {
    /* width: 300px; */
    background-color: rgba(255, 255, 255, 0.9);
    color: #595959;
    border: 1px solid #ccc;
    box-shadow: 0 0 0 2px #fff,
    0 0 0 2px rgba(50, 100, 150, 0.4);
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
}

.jqvmap-label img {
    margin-top: 0px;
}

/* #vmap {
  width: 100%;
  height: 100%;

  width: 1024px;
  height: 530px;
} */

/* SweetAlert */
.swal2-popup {
    padding: 1.85em 1.25em !important;
}

.swal2-popup .swal2-title {
    text-transform: uppercase !important;
    position: relative !important;
    font-size: 22px !important;
    color: var(--cor-2) !important;

    font-family: 'Roboto-Medium', sans-serif;
    margin: 0 0 0.8em !important;
}

.swal2-popup .swal2-title img {
    width: 28px;
    margin-left: 10px;
    margin-top: -12px;
}

.swal2-popup .swal2-styled.swal2-confirm {
    border-radius: 3px !important;
    background-color: var(--cor-3) !important;
    font-size: 16px !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}


.form-group {
    width: 100%;
}

.row-form {
    margin-bottom: 20px;
}


/*---------------------------------------------------
    MODAL
----------------------------------------------------*/
#formulario-mais-informacoes {
    /* z-index: 9999999999; */
    z-index: 1999999990;
    /* necessário, depois da inclusão do CHAT, em que nas versões mobile, se sobre colocava por cima do botão enviar do modal*/
}

#formulario-mais-informacoes label {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 15px;
    display: inline;

    line-height: 20px;
}

.form-control {
    border-radius: 2px;
}

#formulario-mais-informacoes .modal-title {
    font-family: 'Roboto-Bold', sans-serif;
    color: var(--cor-titulos);
    font-size: 23px;
}


#formulario-mais-informacoes .form-control:focus {
    border-color: var(--cor-3);
    box-shadow: none;
}


#formulario-mais-informacoes .btn-primary.focus,
#formulario-mais-informacoes .btn-primary:focus {
    box-shadow: none;
}


#formulario-mais-informacoes .btn.focus,
#formulario-mais-informacoes .btn:focus {
    box-shadow: none;
}

#formulario-mais-informacoes .btn-primary:not(:disabled):not(.disabled).active,
#formulario-mais-informacoes .btn-primary:not(:disabled):not(.disabled):active,
#formulario-mais-informacoes .show>.btn-primary.dropdown-toggle {
    background-color: transparent;
    border-color: var(--input-form-border);
    color: var(--input-form-border);
}

#formulario-mais-informacoes label.error {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 13px;
    color: var(--cor-4);
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 0px;
}

#formulario-mais-informacoes a:link, #formulario-mais-informacoes a:visited {
    color: var(--cor-3);
    text-decoration: none;
}

#formulario-mais-informacoes a:hover,
#formulario-mais-informacoes a:active {
    color: var(--cor-2);
    text-decoration: none;
}

#formulario-mais-informacoes p {
    margin-top: 10px;
    margin-bottom: 0px;

    color: var(--cor-subtitulos);
    font-size: 12px;
    line-height: 20px;
}

/* input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: rgb(255, 255, 255) !important;
} */
/* Usado para remover a cor de fundo amarela dos campos sugeridos pelo Chrome */
@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/* RESPONSIVIDADE */
/*@media screen and (max-width: 768px) {
    .jqvmap-label {
        display: none !important;
    }
}*/

/*
@media screen and (max-width: 1024px) {
    .jqvmap-label img {
        width: 20px;
        height: auto;
    }
    .jqvmap-label p.agents-error {
        font-size: 12px;
    }
    element.style {
        display: none;
        left: 520px;
        top: 444px;
    }
    .jqvmap-label {
        width: 340px;
        height: auto;
        font-size: 16px;
    }
    .jqvmap-label ul.header-list {
        font-size: 12px;
    }
    .jqvmap-label ul.agents-list li,
    .jqvmap-label ul.agents-sub-list li {
        font-size: 12px;
    }
    
    .swal2-popup .swal2-title {
        font-size: 20px;
    }
    h2.swal2-title img {
        width: 27px;
        height: auto;
    }
    p.agents-error {
        font-size: 14px;
    }
    ul.header-list {
        font-size: 15px;
    }
    ul.agents-list li,
    ul.agents-sub-list li {
        font-size: 14px;
    }
    .swal2-popup .swal2-styled.swal2-confirm {
        font-size: 16px;
    }
}*/

/*
@media screen and (max-width: 768px) {
    
    .swal2-popup .swal2-title {
        font-size: 18px;
    }
    h2.swal2-title img {
        width: 24px;
        height: auto;
    }
    p.agents-error {
        font-size: 13px;
    }
    ul.header-list {
        font-size: 14px;
    }
    ul.agents-list li,
    ul.agents-sub-list li {
        font-size: 13px;
    }
    .swal2-popup .swal2-styled.swal2-confirm {
        font-size: 15px;
    }
}*/

/*
@media screen and (max-width: 408px) {
    
    .swal2-popup .swal2-title {
        font-size: 17px;
    }
    h2.swal2-title img {
        width: 20px;
        height: auto;
    }
    p.agents-error {
        font-size: 13px;
        margin-left: 20px;
    }
    ul.header-list {
        font-size: 14px;
        margin-left: -18px;
        margin-bottom: 10px;
    }
    ul.agents-list li,
    ul.agents-sub-list li {
        font-size: 13px;
    }
    .swal2-popup .swal2-styled.swal2-confirm {
        font-size: 15px;
    }
}*/



/* ---------------------------------------------------
BARRA LIGAÇÃO LOJA ONLINE
-----------------------------------------------------*/
footer.shadow-top {
    margin-top: 0px !important;
}


/*---------------------------------------------
    SWAL
---------------------------------------------*/
.swal2-popup .swal2-title {
    font-family: 'Roboto-Bold', sans-serif !important;
}

.swal2-popup .swal2-content {
    font-family: 'Roboto-Medium', sans-serif !important;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-popup .swal2-actions {
    margin-bottom: 20px !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
    font-family: 'Roboto-Medium', sans-serif !important;
    font-size: 18px !important;
    padding: 16px 30px !important;
    border: 1px solid var(--cor-botao-branco-border) !important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    box-shadow: 0 3px 6px var(--cor-botao-branco-sombra) !important;
    background-color: #FFF !important;
    color: var(--cor-botao-branco-textos) !important;

    text-transform: capitalize !important;
}

.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: none !important;
    color: var(--cor-3) !important;
    background-color: #FFF !important;
    border: 1px solid var(--cor-botao-branco-border) !important;

}