/*
Theme Name:     lcm-hijo
Theme URI:      https://www.lcmtics.es
Author:         LCM
Author URI:     https://www.lcmtics.es
Description:    Tema hijo de neve
Version:        3.2.6
Text Domain:    lcm-hijo
Template:       neve
*/
/*----------------- Empieza a añadir cambios aquí abajo -------------------------------*/
select[readonly]{
    background: #eee;
    cursor:no-drop;
}
#cb-row--footer-desktop-bottom .hfg-slot.left,#cb-row--footer-mobile-bottom .hfg-slot.left{
    visibility:hidden;
}
.sub-menu{
    right:auto!important;
    min-width:120px;
    transform: translateX(0px)!important;
}
.nav-ul .sub-menu li > .wrap{
    padding-left:8px!important;
}
select[readonly] option{
    display:none;
}
#count{
    float: right;
  margin-top: -35px;
  font-size: 25px;
  color: var(--nv-c-1);
  margin-right: 30px;
}
#txtcount{
    float: right;
  margin-top: -35px;
  font-size: 18px;
  color: var(--nv-c-1);
  margin-right: 80px;
}
.col1{
 color: var(--nv-c-1); 
}
.col2{
    color:var(--nv-primary-accent);    
}
.divfiltros{
width:100%;
padding:3px 10px;
align-items: center;
background: linear-gradient(180deg, var(--nv-primary-accent), white);
position:sticky;top:112px;height:80px;display:inline-block;z-index:99;
}
.divfiltros div{
color:white;
text-align:center;
margin-bottom:1px;
}
.divfiltros span{
display:flex;
line-height:1em;

justify-content: space-around;
flex-wrap:wrap;
}
.divfiltros label:first-child{
/*max-width:135px;*/
}
.divfiltros label{
display:flex;
justify-content: space-evenly;
flex-direction: column;
padding:2px;
height:46px;
}
.divfiltros p{
font-weight:bold;
line-height:1.5em;
margin:10px;
border:3px solid white;
padding:10px;
font-family:monospace;
}
/*
    input[type="date"]:before { 
    	content: attr(placeholder);
    	width: 50%;
    }
*/
.divfiltross select,.divfiltross input,.divfiltros button{
    color:white;
        height: 2rem;
    line-height: 0;
}
.tablanom{
    color:var(--nv-primary-accent);
    text-align:left;
    vertical-align:middle;
    border: 1px solid;
}
.tablanom thead{
    border:5px solid black;  
    border-collapse: separate!important;
    position:sticky;
        padding:2px;
    border-radius:5px;
    top:192px;
}
.tablanom td{
    padding:1px 2px;
    border-bottom:0!important;
}
.tablanom td:first-child{
/*white-space:nowrap;*/
}

.tablanom > tbody > tr:last-child td , .tabla2 > tbody > tr:last-child td{
    border:1px solid black;
}
.tablanom th{
    padding:3px 1px;
    background:white;
}
.totdia{
    background: white;
    color: var(--nv-c-1);
    font-weight: bold;
}
.totdia td{
    font-size:1.2rem;
}
.totlis{
    color: white;
    background: var(--nv-c-1);
    font-weight: bold;
}
.totlis td{
    font-size:1.2rem;
    height:3rem;
    border: 1px var(--nv-primary-accent) solid;
}
.nume{
text-align:center;
}
.cnume{
text-align:center;
white-space:nowrap;
}

html{
font-size:16px!important;    
}
.header{
  position: sticky;
  top: 0;
  z-index: 999;

}
.header--row-inner{
  height:111px;    
}
.btnes{
    display: flex;
    width: 100%;
    justify-content: space-around;    
     padding-top:20px;
}
.btnes button{
    height: 2rem;
    line-height: 0;
    background:var(--nv-c-1);
}
.tablacontrol {
    background: black;
    color: white;
}
.tablacontrol thead{
    position: sticky;
    top: 110px;
    z-index: 99;
    background: var(--nv-c-1);
    height:3rem;
}
.tablacontrol tr {
  height: 2rem;
  z-index: 1;
  position: relative;
}
.tablacontrol td , .tablacontrol th {
  border: 0;
  padding: 0;
  text-align: center;
  font-size:0.9rem;
}


.eti{
    z-index:99999;width:200px;max-width:40%;
}
.eti:hover, .eti:active{
     transform: scale(1.5);
    transition: 1.2s;
    position:fixed;
    left:11%;
}
#content{
    background:var(--nv-secondary-accent);
}

.wp-block-cover__inner-container{
 margin-top:15px!important;   
}

.otter-form__container input,.otter-form__container textarea{
    background:white!important;
}

#editar {
background-image: url('https://agricolallanosdesardina.es/wp-content/themes/lcm-hijo/images/editar.png');
background-size: contain;
cursor: pointer;
width: 20px;
height: 15px;
background-repeat: no-repeat;
background-color: transparent;
border: 0;
padding: 0;
    }
#um-submit-btn, #um_account_submit_general,.um-button{
    background:#20416b!important;
}
.um-alt{
    color:white!important;
}
.um-alt:hover, #um-submit-btn:hover{
     background:white!important;
     border:2px solid #20416b!important;
     color:#20416b!important;
}
.um a.um-link ,.um-account-side li a.current span.um-account-icon{
    color:#20416b!important;
}
.loader{
justify-content: space-evenly;
flex-direction: column;
color:#20416b;
text-align:left;
position:fixed;
width:80%;
padding:10px;
border:5px solid #20416b;
border-radius:10px;
z-index:99999;
background:#e6e8eb;
top:50%;
left:50%;
margin-top:30px;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
pointer-events:all;
height:75vh;
overflow:auto;
}
.loader input[type=date]{
resize:none!important;
padding:10px;
text-align: center;
border: 2px solid #20416b;
font-family: inherit;
background: transparent;  
}
.loader h4{
color:#20416b;  
margin-bottom:5px;
text-align:center;
font-size:0.8rem;
}
.loader span{
display:flex;
text-align:center;
line-height:1rem;
font-size:1rem;
justify-content: space-evenly;
}
.loader label{
    display:flex;
justify-content: space-evenly;
    flex-direction: column;
    padding:5px;
}
.loader p{
    font-weight:bold;
     line-height:1.5rem;
     margin-bottom:5px;
     font-size:1rem;
}
.loader select{
    min-width:4rem;
    text-align:center;
    border: 2px solid #20416b;
    padding: 5px!important;
    color: #20416b;
    font-weight:bold;
    font-family: inherit;
    opacity: 1;
    background-color: transparent;  
}

.loader button{
    padding:6px 20px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.loader hr{
    margin-bottom:5px;
        color: #20416b;
}
.loader button:hover{
    background:#ededed;
    /*right:0!important;*/
    top:0!important;
}
.nav-ul li.current-menu-item > a:not([href*="#"]){
    font-weight:900;
    color:#20416b!important;
}
#wp-block-themeisle-blocks-advanced-columns-5f4bfe2b>.wp-block-themeisle-blocks-advanced-columns-overlay{
    background: linear-gradient(85deg,#20416b 25%,rgba(0,102,255,0) 100%)!important;
}
.builder-item--primary-menu{
 text-transform:none!important;   
}
.column100{
    width:98%;margin-left:1%;float:left;
    background:#20416b;color:white;height:2.2rem;
    line-height:2.2rem;text-align:center;font-size:2rem;
}
.column50,.column40{
    width:50%;padding:1%;float:left;
    text-align:center;
        margin-bottom:10px;
    line-height:1.6rem;
}

.column40 p,.column60 p{
    margin-bottom:10px;
    line-height:1.8rem;

}
iframe{
height: 50vh;
width:100%;
}
#qr{
    width:220px;
    height:220px;
    background:white;
    color:black;
    margin:20px auto 20px auto;
    border-radius:5px;
    padding:10px;
    border:2px solid;
    text-align:center;
    
}
.extras p{
display: flex;
align-items: center;
justify-content: space-between;
}
.extras img{
width:80px;
float:left;
}
.extras span{
    float:left;
}
.extras button{
    padding:5px;
}
.ver_tab{
    display:table-row;
}
.ver_flex{
    display:flex;
}
.ver{
    display:block;
}
.nover{
    display:none!important;
}
.nopulsado {
    text-align: center;
    flex: 1;
    padding: 10px 0;
    border: 1px solid #20416b;
    background: #fff;
    color: #20416b;
    cursor: pointer;
    border-bottom: none;
    font-weight:bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pulsado {
     display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    padding: 10px 0;
    background: #20416b;
    color: white;
    border-bottom: none;
    font-weight:bold;
}
.tablares{
    font-size:1rem;
    color:#20416b;
    border:0;
    margin: 0 5px;
    width: calc(100% - 10px);
    text-align:left;
    vertical-align:middle;
    border: 1px solid;
    background:white;
}
.tablares .tot{
    border:5px solid #20416b;  
    border-collapse: separate!important;
    padding:3px 1px;
    font-size:1.3rem;
    background: #20416b;
    color: white;
    text-align:center;
}
.tablares thead{
    border:5px solid #20416b;  
    border-collapse: separate!important;
    position:sticky;
    top:110px;
}
.tablares tbody{
    overflow:auto;
}
.tablares td{
    padding:3px 5px;
    border-bottom:0!important;
    font-size:1rem;
    min-height:50px;
}
.tablares > tbody > tr:last-child td , .tabla2 > tbody > tr:last-child td{
    border:3px solid black;
}
.tablares th{
    padding:3px 1px;
    font-size:1.1rem;
    background: #20416b;
    color: white;
    /*text-align:center;*/
}
.error{
    color:red;
}
#cb-row--footer-bottom{
    display:none;
}

@keyframes latido {
  0%
  {
    transform: scale( 1.1 ) translate(0, 0);
        -webkit-transform: scale( 1.1 ) translate(0, 0);
  }
  50%
  {
    transform: scale( 1 ) translate(0, 10px);
    -webkit-transform: scale( 1 ) translate(0, 10px);     
    
  }
   100%
  {
        transform: scale( 1.1 ) translate(0, 0);
         -webkit-transform: scale( 1.1 ) translate(0, 0);
  }
}
.guasap{
margin-top: 5px;
flex-direction: column;
align-items: end;
display: none;
position: absolute;
background: #f2d5dc none repeat scroll 0% 0%;
padding: 5px 8px 10px;
z-index: 999999999;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
border: 3px solid #20416b;
box-shadow: 4px 4px 10px #20416b;
}
.guasap a{
width: 100%;
border: 1px solid;
padding:8px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.guasap a::after{
 content:"";   
}
.movil{
display:none;
}
.wrapper{
    overflow: unset!important;
}
H1,H2,H3,H4,H5,H6{
    margin-bottom:5px!important;
}
#qpale{
    margin-top:10px;    
}
.micontainer {
    color: #20416b;
    width: 98%;
    padding: 20px 10px;
    max-width: 1000px;
    margin: auto;
    text-align: left;
    margin-top:-45px;
}

.micontainer .column40 {
    /*position: sticky;*/
    top: 10px;
    left: 0;
    background: transparent;
}

.micontainer .column40 div {
    border: 1px solid;
    border-radius: 10px;
    overflow: hidden;
     background: white;
}

.micontainer .column40 h5 {
    text-align: center;
    background: #20416b;
    color: white;
    padding: 5px 0;
    margin:0!important;
}

.micontainer .column40 h5:last-child {
    margin: 0;
}

.column40 p {
    margin-bottom: 10px;
    line-height: 24px;
    padding: 0 5px;
}

.micontainer .extras {
    margin-bottom: 30px;
}

.extras label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    margin-bottom: 5px;
}
input[type="checkbox"]:checked +label {
background:#e6e8eb;
}

.micontainer input {
    display: none;
}



.extras label span:last-child{
    font-weight: bold;
}
.extras h5 {
    text-align: center;
    color:#20416b;
    padding: 5px 0;    
}
.extras img {
    width: 60px;
    float: left;
}

.gran{
padding:1rem;
font-size:1.2rem;
font-weight:700;
line-height:1.2rem;
}
.peq{
padding:1px;
font-size:0.8rem;
font-weight:400;
line-height:0.8rem;
}
.centro{
text-align:center;
}
.light{
background:var(--nv-secondary-accent);
}
.heavy{
background:#f2d5dc;
font-weight:600;
}
.checks{
width:25px;
height:25px;
margin:5px;
vertical-align: middle;
cursor:pointer;
}

.divform {
    width: 100%;
    background: white;
    padding: 0;
    text-align: center;
    font-size: 1rem;
}
.divform span div{
    min-width: 80%;
}

.divform label {
    padding: 0;
    display: flex;
    background: transparent;
    text-align: center;
    line-height: 1.3rem;
    min-width: 80%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #20416b;
    color: #20416b;
    font-weight: bold;
    min-height:42px;
    flex-direction: row;
}

.divform p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    width: 100%;
}

.divform label input{
    border: none;
    text-align: right;
    resize: none;
    font-size:2rem!important;
    flex: 1;
    max-width:90%;
    font-weight: bold!important;
}

.divform label select {
    border: none;
    color: inherit;
    appearance: none;
    outline: none;
    
    font-weight: normal!important;
}

.divform label input:focus, .divform label select:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background-color: transparent!important;
}

.divform select{
    min-width:40%;
}
.divform label input[type=number]{
    border: 0;
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--nv-prymary-accent);
    max-width: 140px;
    background:var(--nv-secondary-accent);
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0!important;
}
input[type=number] {
    -moz-appearance:textfield!important; 
}
h5{
    text-align:center;
}

        .divflex{
            display:flex;
            flex-direction:column;
                        border:3px solid;
                        text-align:center;
        }
        .divflex span:first-child label{
            font-size:1rem;
            font-weight:bold;
            flex:0.5;
        }
        .divflex span{
            flex:1;
            display:flex;
        }
        .divflex span label{
            flex:1;
            font-size:0.9rem;
            border:1px solid;
            justify-content: center;
            display: flex;
            align-items: center;
        }
        .divflex span label:first-child, .divflex span label:last-child{
           font-size:1rem;
            font-weight:bold;
        }
        h5{
            text-align:center;
        }
        

#ctcaj::-webkit-inner-spin-button{
  cursor: pointer;
  transform: scale(1.5);
  opacity: 1;
}

form input:read-write{
border-style:none!important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    transition-delay: 9999s;
}
input[type="date"] {
    -webkit-text-fill-color: #20416b;
}
.divform span{
padding: 10px;  
display:flex;
line-height:1rem;
justify-content: space-evenly;
flex-wrap:wrap;
}



button:disabled,
button[disabled]{
  border: 1px solid #999999!important;
  background-color: #cccccc!important;
  color: #666666!important;
  cursor:no-drop;
}
    .divform input{
        height:40px;
    }
@media (min-height: 500px) and (max-height: 600px){
    button{
        padding:10px!important;
    }
    .divform {
        margin-top:-20px;   
     }
    .divform span{
        padding:5px 10px;   
    }
    .divform input{
        height:40px;
    }
    .header--row-inner{
        height:70px;    
    }
    .site-logo img {
        height:65px;
    }
    .divfiltros{
        top:70px;
    }
    .tablanom thead{
        top:152px!important;
    }
    .tablares thead,.tablacontrol thead{
        top:70px;
    }

}
@media (min-width: 20px) and (max-width: 980px){
    .micontainer{
        width:100%;
    }
    .divfiltros{
        height:130px;
        padding:3px 1px;
        width:100%;
    }
    .divfiltros select,.divfiltros input,.divfiltros button{
    padding-left:3px;
    padding-right:3px;
    }
    .tablanom thead{
    top:242px;
}
}
@media (min-width: 736px) and (max-width: 960px){
html{
font-size:18px!important;    
}
}

@media (min-width: 180px) and (max-width: 736px){
html{
font-size:14px!important;    
}
h4{
font-size:1rem!important;    
}
.btnes{
    padding-top:30px;
}
.btnes button{
  padding-left: 8px;
  padding-right: 8px;
}
.tablanom th, .tablanom td{
    padding:1px 1px;
    font-size:0.8rem;
}
.tablacontrol th {
  font-size:0.7rem;
}
.tablacontrol td{
  font-size:0.8rem;
}
.totlis td{
    font-size:0.8rem;
    height:3rem;
}
.eti:hover, .eti:active{
    left:28%;
}
.divflex span label{
    font-size:0.7rem;
}
.tablares{
    /*max-width:350px;*/
}
.tablares th,.tablares td,.nopulsado,.pulsado{
    font-size:0.8rem;
}
.tablares td button, .wp-block-button a{
    padding:10px!important;
    font-size:0.8rem!important;
}
.tablapales td{
 font-size:0.7rem;
}

.extras h5 {
margin-top:40px;
}
.micontainer .column40 {
    position: relative;
}
.divform span div {
	width: 100%;
}
.divform label{
width:100%;
flex-wrap:nowrap;
}
.column100{
    height:1.4rem;
    line-height:1.4rem;
    font-size:1.2rem;
}
.column50, .column40{
    width:98%;
}
.extras img{
width:60px;
}
.extras span{
}
.extras button{
    padding:1px;
}

.anv-title-tagline-wrap{
position: absolute;
top: 71px;
white-space: nowrap;
}
.nv-title-tagline-wrap p{
font-size:0.8rem!important;
white-space: nowrap;
}
.nv-title-tagline-wrap small{
/*display:none!important;*/
font-size:0.7rem;
}
.container {
  padding-right: 3px!important;
  padding-left: 3px!important;
}
.nomovil{
display:none;
}
.movil{
display:table-row;
}
.micontainer{
    width:100%;
    padding:1px;
}
.gran{
font-size:1.0rem;
font-weight:600;
}
.checks{
max-width:20px;
max-height:20px;
}
.loader{
width: 95%;
height: 80vh;
margin-top: 5vh;
}
#qpale{
    margin-top:30px;
}
}