/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.mensaje {
    background-color: #f5f5f5;
    border: 1px solid #4caf50;
    padding: 10px;
    box-shadow: 1px 1px 5px #00000038;
}

.imagen_asoc {
    box-shadow: 1px 1px 7px #00000059;
    transition: box-shadow .5s;
}
.imagen_asoc:hover {
    box-shadow: 1px 1px 10px #000000ad;
   
}
.contenedor_asoc {
    padding: 10px;
    margin-bottom: 20px;
}

.titulo_asoc {
    text-align: center;
    padding: 16px 15px;
}

.titulo_asoc h4 {
    font-size: 1.4em;
}

h2.titulos {
    text-align: center;
    margin-bottom: 40px;
}
.acf-input button {
    background-color: #f6f7f7;
}

.acf-input button:hover {
    background-color: #dfdfdf;
}

.boton.small.amarillo{
    padding:1px 5px;
    font-size: .8em;
    color:#000;
    background-color: #ffa64c;

}

.boton.small.amarillo:hover{
    background-color: #d68637;

}
table td, table th {
    padding: 2px 5px !important;
    line-height: 1.5;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: .95em;
}
.listado_socios th {
    padding: 10px 10px !important;
    background-color: #003b5a;
    color: #fff;
    font-size: .9em !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 100%;
    padding: 1px 8px;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    width: 100%;
    border: 1px solid #666;
    border-radius: 2px;
    padding: 2px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 13px;
    outline-color: #003a58;
}
button.btn.btn-success {
    background-color: green;
    outline: none;
    border: none;
}
span.tipo_ac_lista {
    background-color: #003b5a;
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
    line-height: 20px;
}
span.tipo_ac_lista.ver_ac.verde {
    background-color: green;
}

span.tipo_ac_lista.ver_ac.naranja {
    background-color: orange;
}

span.tipo_ac_lista.ver_ac.caducado {
    background-color: red;
}

.plazo_meses{
    color: #fff;
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
}
.proximo{
    background-color: #d68637;
}
.actual{
    background-color: rgb(212, 78, 0);
}
.caducado{
    background-color: red;
}
.ver_ac{
    cursor:pointer;
}
a.editar {
    background-color: var(--e-global-color-primary);
    color: #fff;
    padding: 1px 5px;
    border-radius: 4px;
    text-decoration: none;
}

a.editar:hover {
    background-color: #000000;
}

span.acciones_mail {
    background-color: #2b2b2b;
    padding: 1px 2px 4px 2px;
    border-radius: 3px;
    cursor:pointer;
}
span.acciones_mail:hover {
     background-color: var(--e-global-color-primary);
}

span.acciones_mail img {
    width: 22px !important;
}

p.celda_acciones {
    white-space: nowrap;
    margin:0;
}

.tox .tox-toolbar,
.tox .tox-toolbar__primary {
    background-color: #f3f3f3 !important;
    color: #111 !important;
}

.tox .tox-toolbar button {
    color: #111 !important;
    background: none !important;
}

.tox .tox-button svg,
.tox .tox-icon svg {
    fill: #111 !important;
}
.mce-container.mce-menubar.mce-toolbar.mce-first {
    display: none;
}
.mce-toolbar .mce-ico {
    color: #ffffff;
}
span.enviar_mail {
    background-color: var(--e-global-color-2343542);
    color: #fff;
    padding: 10px 18px;
    text-transform: uppercase;
    line-height: 60px;
    font-weight: 500;
    cursor: pointer;
}

span.enviar_mail:hover {
    background-color: black;
}
.mce-widget.mce-btn.mce-last {
    display: none;
}
span.acciones_mail.consultar {
    background-color: #56a1e4;
}
span.acciones_mail.enviar {
    background-color: #4ca771;
}