
.back-to-top {
    bottom: /*15px*/ 40px !important;
    width:100%;
    position:fixed;z-index:9;
}

.back-to-top a {
    width:auto;
    height:auto;
    border-radius:67%;
    line-height:33px;
    padding:16px 24px;
    background:#6576A2 !important;
    text-align:center;
    cursor:pointer;
    color:#ffffff;
    font-size:25px;
}

@media (min-width:768px){
    .back-to-top{
        display:none;
    }
}

/* MODALES */
.modales {
    display: none;
    position: fixed;
    color: #676767;
}

.modales > div {
    position: relative;
    padding: 28px;
    font-family: verdana;
    font-size: 12px;
}

/* MODAL RGPD */
#modal-rgpd {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    z-index: 999991;
    background-color: rgba(0, 0, 0, .44);
}

#modal-rgpd > div {
    position: relative;
    width: 900px;
    max-width: calc(100% - 30px);
    background-color: rgba(255, 255, 255, .96);
    margin: 15px auto;
    border: 1px solid #aaa;
    border-radius: 5px;
}

#modal-rgpd > div label.aceptar {
    margin: 25px 0 0;
    font-size: 13px;
}

#modal-rgpd > div label.aceptar input {
    vertical-align: -2px;
}

#modal-rgpd > div label.aceptar a {
    color: #000;
}

/* MODAL RGPD2 */
#modal-rgpd2 {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    text-align: left !important;
    z-index: 999991 !important;
    background-color: rgba(0, 0, 0, .44) !important;
}

#modal-rgpd2 h4 {
    color: inherit !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    font-style: inherit !important;
    font-family: 'Roboto', sans-serif !important;
    text-align: inherit !important;
    font-size: 18px !important;
    margin: 10px 0 20px !important;
}

#modal-rgpd2 > div {
position: relative !important;
width: 900px !important;
max-width: calc(100% - 30px) !important;
background-color: rgba(255, 255, 255, .96) !important;
margin: 15px auto !important;
border: 1px solid #aaa !important;
border-radius: 5px !important;
}

#modal-rgpd2 > div label.aceptar {
margin: 25px 0 0 !important;
font-size: 13px !important;
}

#modal-rgpd2 > div label.aceptar input {
vertical-align: -2px !important;
}

#modal-rgpd2 > div label.aceptar a {
color: #000 !important;
}

/* MODAL COOKIES */
#modal-cookies {
    left: 0;
    bottom: 15px;
    max-width: 360px;
    text-align: center;
    background-color: rgba(255, 255, 255, .9);
    z-index: 999990;
    border: 1px solid #aaa;
    border-radius: 0 5px 5px 0;
    box-shadow: 1px 1px 10px rgba(120, 120, 120, .5);
}


/* BOTONES */
button.modal-rgpd-button, button.modal-rgpd-button2 {
    visibility: hidden;
}

a.form-btn {

}

.modales a {
    cursor: pointer;
}

a.modal-btn {
    font-size: 14px;
    margin: 4px 1px 4px 0;
    padding: 6px 18px;
    text-decoration: none;
    display: inline-block;
    width: auto;
    color: #676767;
    background-color: #fff;
    border: 1px solid #fff;
}

a.modal-ko {
    padding: 0;
    background-color: #fff;
    color: #444 !important;
    border: 1px solid #676767;
    text-decoration: none;
    display: block;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 29px;
    border-radius: 100%;
    cursor: pointer;
}

a.modal-ko:hover {
    background-color: #444 !important;
    color: #fff !important;
}

a.modal-btn.modal-ok {
    color: #fff;
    background-color: #f00;
}

a.modal-btn:hover {
    color: #fff;
    background-color: #676767;
    border: 1px solid #fff;
}

a.modal-btn.disabled, a.modal-btn.disabled:hover {
    color: #fff;
    background: #ccc;
    border: 1px solid #fff;
    cursor: default;
}

.ui-autocomplete { position: absolute; cursor: default; z-index:999930 !important; }
.ui-front { z-index: 99999; }

*[disabled], *.disabled {
    cursor: not-allowed;
}
