body{
    
}


.content_billtos h1,.content-form-billto h1{
    margin-top: 35px;
}
.listadoCapas {
    width: 100%;
}

.bots {
    .ordenable {
        .iconSortable {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            cursor: pointer;
            & svg {
                width: 100%;
                height: 100%;
            }
        }
    }
}
.clientes
{
    margin-bottom: 35px;
    table{
        thead tr th:last-child{
            text-align: end;
        }
        tbody tr td:last-child{
            text-align: end;
        }
    }
}

.content-form-cliente{
    .title.is-1{
        margin-top: 35px;
    }
    .select{
        width: 100%;
        select{
            width: 100%;
        }
    }

    .contenido_organizacion{
        margin-top: 15px;
        .subtitulo{
            font-weight: 600;
        }
    }
}

.content_clientes h1{
    margin-top: 35px;
}
.content-controlapi-pendientes{

    margin: 35px 0;
   .header-table{
        border-bottom: solid 2px;
        font-weight: 600;
   }
   .body-table .columns{
        border-bottom: solid 1px;
   }
   .body-table .columns:last-child{
        border: none;
   }

   .select form{
        display: flex;
        gap:20px;
   }
   .select:not(.is-multiple):not(.is-loading):after {
        left: 114px;
        z-index: 4;
    }
    .button{
        width: 136px;
    }
    .action{
          text-align: end;
    }
    table td, table th {
     vertical-align: middle; 
 }
}

.content-llamadas-api-import{
     .title.is-1 {
          margin-top: 35px;
      }

      .box.filtro-fecha {
          background-color: var(--fondo);
          --bulma-box-shadow: none;

          .filtro-fecha {
               display: flex;
               gap: 20px;
               align-items: center;
           }
      }
}
.content-control-anuncio-express{
    margin-bottom: 25px;
    .title.is-1{
        margin-top: 35px;
    }
    .box.filtro-fecha{
        background-color: var(--fondo);
        --bulma-box-shadow: none;
    }
    .filtro-fecha{
        display: flex;
        gap: 20px;
        align-items: center;
        input{
            width: 232px;
        }
        button{
            width: 232px;
        }
        label{
            font-weight: 500;
        }
    }
}
.cuentas{
    .caja-acciones{
        margin-top: 2px;
        margin-bottom: 20px;
    }

    .title.is-1{
        margin-top: 35px;
    }

    .resumen-resultado{
        margin-bottom: 15px;
        b{
            
        }
    }
    .tabla-customers{
        .encabezado{
            margin-bottom: 0;
            
        }

        .encabezado .cell:nth-child(4){
            text-align: center;
        }

        .encabezado .cell:nth-child(5){
            text-align: right;
        }

        .grid .cell:nth-child(4){
            text-align: center;
        }

        .grid .cell:nth-child(5){
            text-align: right;
        }


        .grid.is-column-gap-0{
            border-bottom: solid 1px;
            margin-bottom: 0;
            padding: 5px 0;
        }

        a:hover{
            background-color: #FCF8E3;
        }
    }

    .caja-cuentas{
        margin-bottom: 35px;
        .table td, .table th {
            vertical-align: middle;
        }

        .table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
            background-color: unset;
        }
        .table.is-striped tbody tr:hover {
            background-color: unset;
        }

        table{
            thead{
                 th:last-child{
                    text-align: right;
                }
            }
            tbody{
                tr td:last-child{
                    text-align: right;
                }                
                .enlace{
                    color: var(--btn-guardar);
                }
            }
        }
    }

    .herramientas{
        a{
            font-size: 12px;
            color: #337ab7;
        }
    }

}

.datos-cuenta{
    .anuncios{
        input[type="checkbox"]{
            margin-right: 7px;
        }
        span{
            margin-left: 24px;
        }
    }
}

.paginacion{

    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 5px;

    .pagination{
        display: flex;
        justify-content: unset;
        border-left: solid 1px;
        border-color: #dadada;
        color: #8c8c8c;
        div:hover{
            background-color: #dadada;
        }
        .actual{
            background-color: var(--primary) !important;
            color: white;
            border-color: var(--primary);
        }
        div{
            border-top: solid 1px;
            border-right: solid 1px;
            padding: 6px 14px;
            border-bottom: solid 1px;
            border-color: #dadada;
            color: #8c8c8c;
        }
       
        a{
            color: #337ab7;
        }
    }

}

.caja-filtro-cuentas{
    #tipofiltro{
        width: 100%;
    }

    .button{
        width: 100%;
    }

    .select{
        width: 100%;
    }

   
}


.editar-customer{
    select, .select{
        width: 100%;
    }
    .checkbox{
        margin-top: 30px;
        p{
            margin-top: 10px;
            font-size: 13px;
        }
    }
    .centrar_checkbox{
        margin-top: 40px;
    }
    margin-bottom: 35px;
    .fixed-grid{
        margin-bottom: 0;
        
    }

    .title.is-1{
        margin-top: 35px;
        margin-bottom: 0;
    }

    .title.is-2{
        margin: 15px 0;
    }

    .separador::after {
        content: "»";
        padding: 0px 5px;
    }

    .tabs{
        ul{
            border-bottom: 0;
        }
        margin-bottom: 0;
        a{
            border: none;
            margin-bottom: -2px;
            margin-top: 35px;
            color: inherit !important;
            padding: 10px 0px;
            span{
                font-size: 14px;
            }
        }

        
    }
    .tab-content {
        display: none;
    }

    .tab-content.is-active {
        display: block;
    }

    .box{
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.form-editar-usuario{
    h1{
        margin-top: 35px;
    }
}

.listado-usuarios{
    .is-align-items-center {
        align-self: center
    }
    
    .encabezado {
        margin-bottom: 0;
    }

    .grid.is-column-gap-0 {
        border-bottom: solid 1px;
        margin-bottom: 0;
        padding: 5px 0;
    }

    .btn-editar-usuarios{
        font-size: 13px;
    }

    .actions{
        display: flex;
        justify-content: end;
        gap: 7px;
        .caja-actions{
            display: flex;
            gap: 10px;
            width: 58px;
        }
        
    }

    .caja-usuarios{
        margin-top: 35px;
        .caja-actions{
            display: flex;
            gap: 5px;
            justify-content: end;
        }

        table th:last-child,table tr td:last-child{
            text-align: right;
        }


        table tbody td{
            padding-top: 15px;
            padding-bottom: 15px;
        }
    }

    
}


.control-webcliente{
    .control{
        display: flex;
        gap: 30px;
        margin-top: 17px;
    }
}



.tabla-permisos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 25px;

    .permisos-linea {
        display: flex;
        align-items: center;

        input {
            width: fit-content;
        }
        .categoria {
            margin-left: 10px;
        }
    }

    
}


.content-nueva-cuenta{
    margin-bottom: 45px;
    select, .select{
        width: 100%;
    }
    .actions{
        margin-top: 10px;
    }
    .checkbox{
        margin-top: 30px;
    }

    .title.is-1 {
        margin-top: 35px;
    }
}


.content-diccionario{
    margin: 35px 0;
    
      
    .box{
       

        .columns{
            margin: 0;
            .column{
                padding: 0;
            }
        }

        .columns.content{
            padding: 7px 0;
            border-bottom: solid 1px;
        }

        .actions{
            display: flex;
            justify-content: end;
        }

        
    }


    .select{
        width: 100% !important;
        select{
            width: 100% !important;
        }
    }
        
    .pagination{
        margin-top: 25px;
    }


}

.diccionario-marcas{
    .container-logo-upload{
        display: flex;
        justify-content: end;
        margin-top: 0;
        align-items: center;
        gap: 20px;
        label{
            margin-bottom: 0;
        }
        .logos-marcas{
            display: flex;
            img{
                height: 20px;
            }
        }
    }

    table{
        tr{
            td{
                vertical-align: middle;
            }
        }
    }
}

.buttonDiccionario {
    background: var(--btn-guardar);
    border: solid 1px var(--btn-guardar);
    color: white;

    appearance: none;

    font-family: inherit;
    font-size: 1em;
    margin: 0;
    padding: 0;
    transition-duration: var(--bulma-duration);
    transition-property: background-color, border-color, color;
}


.content-diccionario-interno{
    .tabs{
        margin-bottom: 0;
        a{
            border: none;
            color: inherit !important;
        }
    }
    .box{
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.no-asociar-content{
    gap:19px
}

.content-nuevo-registro-diccionario{
    .content-subbox2{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    p{
        font-size: 13px;
    }
    .title.is-1{
        margin-top: 35px;
    }

    .notification.is-danger{
        margin-top: 30px;
        background-color: var(--red);
        color: white;
    }
    .box{
        margin-bottom: 35px;

        .actions{
            margin-top: 25px;
            text-align: right;
        }

        .field{
            margin-top: 25px;
        }

        

        .jsonimport{
            font-size: 11px;
            th{
                padding: 5px;
            }
            td{
                padding: 5px;
            }
        }

        .select{
            width: 100%;
            select{
                width: 100%;
            }
        }

        .error-type{
            margin-bottom: 15px;
            margin-top: 5px;
            font-size: 14px;
            font-weight: 300;
        }
    }
}





footer{
    background-color: #212121;
    color: #e7e7e7;
    padding: 50px 0px;
  }
  
@font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-Thin.ttf);
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-ExtraLight.ttf);
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-Light.ttf);
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-SemiBold.ttf);
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-Bold.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-ExtraBold.ttf);
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: "Barlow Condensed";
    src: url(/fonts/BarlowCondensed-Black.ttf);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Thin.ttf);
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Light.ttf);
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Medium.ttf);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Bold.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: Roboto;
    src: url(/fonts/Roboto-Black.ttf);
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

  .activo{
    color: #5cb85c ;
  }

  .inactivo{
    color: #ec971f;
  }
  
  a{
    color: var(--btn-guardar);
  }

  a:hover{
    color: var(--azul-hover);
  }

  body{
    font-family: Roboto, sans-serif;
    background-color: var(--fondo);
  }
  
  [readonly].input {
    background-color: #e3e3e3 !important;
    cursor: initial;
  }

  [readonly].input:focus, [readonly].input:focus-within{
    border-color: #e3e3e3 !important;
  }
  
  .private,.public{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
  }

  body.private{
    main{
      flex-grow: 2;
    }
  }
  
  .is-cancel{
    line-height: 37px;
    padding: 0 12px;
    color: #0f66c6;
  }

  .link{
    color: #0f66c6;
  }

  .oblg{
    color:red;
  }  

  .flex{display: flex;}
  .justify-between{justify-content: space-between;}
  .text-center{text-align: center !important;}

  .box{
    border-radius: var(--radius);
    margin-top: 35px;

    .encabezado{
      font-weight: 600;
      border-bottom: solid 2px;
      padding-bottom: 7px;
    }
  }

  .box.subbox{
    background: #f1f1f1;
    border-radius: 0;  
    .input,.select{
      background-color: #fff !important;
    }
  }

  .box .subbox2{
    border: solid 1px #a0a0a0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 19px;
  }
  
  .title.is-1{
    font-family: "Barlow Condensed";
      color: var(--black);
      font-weight: 600;
      font-size: 30px;
      text-transform: uppercase;
      letter-spacing: 0.1rem;
  }
  
  .title.is-2{
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 20px;
  }
  
  label{
    font-weight: 300 !important;
    font-size: 1rem !important;
  }
  .button.is-primary{
    background-color: white;
    border: solid 1px var(--btn-guardar);
    color: var(--btn-guardar);
  }

  .button.is-primary:hover{
    background-color: var(--azul-hover);
    border: solid 1px var(--azul-hover);
    color: white;
  }

  .button.is-success, button.swal2-confirm{
    background:var(--btn-guardar);
    border: solid 1px var(--btn-guardar);
    color: white;
  }

  .button.is-success:hover{
    background-color: var(--azul-hover);
    border: solid 1px var(--azul-hover);
    color: white;
  }

  .button.borrar{
  background-color: var(--borrar);
 }

  .modal {
    .control{
      display: flex;
      justify-content: space-between;
    }
    .modal-card-head{
      background: var(--primary);
      .modal-card-title{
        color: #e7e7e7;
      }
    }
    .modal-card-foot{
        justify-content: flex-end;
        padding: 0;
        background-color: transparent;
        margin-top: 30px;
    }
    select{
      width: 250px;
    }
    .add-no-inventario{
      font-size: 13px;
    }
  }

  .breadcrumbs{
    
    background: white;
    padding: 11px 0;
    font-size: 14px;
    ul{
      display: flex;
        li{
          margin-right: 5px;
          list-style: none;
        }
    }
  }

  .breadcrumbs {
    li{
      list-style: none;
    }
    .container{
      display: flex;
    }
    & li:not(:last-child)::after {
        content: "»";
        padding: 0px 5px;
    }
}

.separador::after {
  content: "»";
  padding: 0px 5px;
}


  .boton-borrar{
    background-color: var(--borrar);
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    cursor: pointer;
    svg{
        width: 100%;
        height: 100%;
    }
}


.boton-borrar:hover{
  background-color: var(--borrar);
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 6px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  cursor: pointer;
  svg{
      width: 100%;
      height: 100%;
  }
}

.btn-editar-usuarios{
    background-color: var(--btn-guardar);
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    cursor: pointer;
    svg{
        width: 100%;
        height: 100%;
    }
}

.btn-editar-usuarios:hover{
  background-color: var(--azul-hover);
  color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 6px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  cursor: pointer;
  svg{
      width: 100%;
      height: 100%;
  }
}


.formInputs {
  margin-bottom: 15px;
}


.action-bottom{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-bottom: 35px;
}


.alert {
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
  padding: 20px 0px;
  border-radius: 5px;
  margin-top: 20px;
}

.alert.alert-success {
  background-color: var(--green);
}

.alert.alert-danger {
  background-color: var(--red);
}


.input, .select select, .textarea {
  // background-color: transparent !important;
  color:var(--black) !important;
  border-color: #e3e3e3;
}


.tabs.is-boxed a:hover {
  background-color: #fff !important;
  border-bottom-color: #d6d9e0 !important;
}

.input-100{
  width: 100%;
  select{
    width: 100%;
  }
}

.separador{
  height: 2px;
  border: none;
  margin: 1rem 0;
  background: transparent;
}

.table{
    &.margin{margin-top: 35px;}
    tr{position: relative;}
    .row-link{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
    }
}
/* grid table */
.tabla{

    &.margin{
        margin-top: 35px;
    }

    
    .grid{
        border-bottom: solid 1px;
        margin-bottom: 0;
        padding: 5px 0;

        &.encabezado{border-width: 2px;}
    }

    .actions{
        justify-self: flex-end;

        .caja-actions {
            display: flex;
            gap: 10px;
        }

        .btn-editar {
            background-color: var(--editar);
            color: #fff;
            border-radius: 50%;
            width: 21px;
            height: 21px;
            padding: 5px;
            display: flex;
            align-items: center;
            transition: 0.5s;
            cursor: pointer;
        }
    }
}

.formInputs .campo.select{
    width: 100%;
    & select{width: 100%;}
}


.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
  background-color: unset;
}
.table.is-striped tbody tr:hover {
  background-color: unset !important;
}

.icono-usuario{
    background: var(--btn-guardar);
    color: white;
    width: 30px;
    height: 30px;
    padding: 2px;
    border-radius: 15px;
    top: 3px;
    position: relative;

    &:hover{
        background: var(--azul-hover);
    }
}

.btn-upload{
  background: var(--btn-guardar);
    border: solid 1px var(--btn-guardar);
    color: white;
    width: fit-content;
    font-weight: 500 !important;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 14px !important;
}



.container-logo-upload{
  margin-top: 15px;
  .content-logo-cliente{
    margin-top: 15px;
    img{
      height: 110px;
    }
  }
}
header{
    background: var(--primary);
    color: #e7e7e7;
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: "Barlow Condensed";
  
      font-weight: 600;
      font-size: 30px;
      text-transform: uppercase;
      letter-spacing: 0.1rem;
  }
  
  header .logo{
    margin-bottom: -9px;
  }
  
  header > .container > .columns{
    justify-content: space-between;
  }
  
  header span{
    font-size: 24px;
      font-weight: 500;
  }
  
  header .caja-logo{
    display: flex;
    align-items: center;
    padding-left: 0;
  }
  
  header .column img {
    width: 200px;
    min-width: 200px;
    height: auto;
  }

  header .log-out{
    color: #e7e7e7;
    background: no-repeat;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }
.content-home{
    margin: 35px 0;
    .home > ul > li > ul > li{
        margin-left: 15px;
    }
    .home > ul > li{
        margin-bottom: 10px;
        
    }
}
.content-estado-colas{
    .title.is-1 {
        margin-top: 35px;
        margin-bottom: 10px;
    }

    .miniheader{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
    }

    .box{
        margin-top: 15px;
    }

    /* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
}
.content-import-error-tipografia{
    h1{
        margin-top: 35px;
    }
    .column{
        a,button{
            width: 100%;
        }
    }
}


.content-import-ficheros-no-actualizados{
    h1{
        margin-top: 35px;
    }
    .column{
        a,button{
            width: 100%;
        }
    }
}
.layers {
    .select {
        width: 100%;
        select {
            width: 100%;
            &:disabled {
                background-color: #eee !important;
            }
        }
    }
    :disabled {
        background-color: #eee !important;
    }
}
.errores_lead_robot{
    margin: 35px 0;

    .celda-scrollable {
        max-height: 50px;
        overflow: auto;
        word-break: break-word;
    }

    tr td:last-child{
        text-align: end;
    }

    form{
        margin-top: 2rem;
        text-align: end;

        svg{
            width: 1em; 
            height: 1em; 
            vertical-align: middle; 
            margin-right: 4px;
        }
    }

    .caja-actions{
        display: flex;
        justify-content: end;
        gap: 10px;
    }

    .box.filtro-fecha{
        background-color: var(--fondo);
        --bulma-box-shadow: none;
        .filtro-fecha {
            display: flex;
            gap: 20px;
            align-items: center;
            margin: 0;
        }
    }
}


.modal-crear-diccionario-export-lead-robot.modal,.modal-editar-diccionario-export-lead-robot.modal{
    
        .modal-card-foot {
            gap: 10px;
        }
    
}



.btn-editar-entrada{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 6px;
    display: flex;
    align-items: center;
    transition: 0.5s;
    cursor: pointer;
}

.diccionario_leadrobot{
    svg{
        height: 21px;
    }
}
.caja-limpiar-registros{
    margin-bottom: 35px;
    tbody{
        tr{
            td:last-child{
                text-align: end;
            }
        }
    }
}

.boton-guardar.migrar{
    form{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
}


#mensaje-copiado{
    margin-top: 20px;
}

.limpiar-registro{
    .button.is-success[disabled], fieldset[disabled] .button.is-success {
        background-color: var(--btn-guardar);
        border-color: var(--btn-guardar);
        box-shadow: none;
    }
}
.listado-localizaciones{
    .is-align-items-center {
        align-self: center
    }
    
    .encabezado {
        margin-bottom: 0;
    }

    .grid.is-column-gap-0 {
        border-bottom: solid 1px;
        margin-bottom: 0;
        padding: 5px 0;
    }

    .btn-editar-localizaciones{
        font-size: 13px;
    }

    .actions{
        display: flex;
        justify-content: end;
        gap: 7px;
        .caja-actions{
            display: flex;
            gap: 10px;
            width: 58px;
        }
        
    }

    .caja-localizaciones{
        margin-top: 35px;
        .caja-actions{
            display: flex;
            gap: 5px;
            justify-content: end;
        }

        table th:last-child,table tr td:last-child{
            text-align: right;
        }


        table tbody td{
            padding-top: 15px;
            padding-bottom: 15px;
        }
    }

    
}

.form-editar-tienda {
    h1 {
        margin-top: 35px;
    }
    .coordenadas{
        display: flex;
        gap: 22px;
        align-items: center;
    }

    .select{
        width: 100%;
        select{
            width: 100%;
        }
    }
    #vista-previa-contenedor{
        height: 300px;
        width: 500px;
        #vista-previa-placeholder{
            background-position:center;
            background-size:cover;
            width: 100%;
            height: 100%;
        }
    }
}
.login{
    width: 500px;
  }
.content-diccionario-marcas-diccionario{
    margin: 35px 0;
    .diccionario-marcas{
        
        .tabla-marcas{
            
        }
    }   
    p{
        margin: 30px 0px;
    } 

    table th:last-child,table tr td:last-child{
        text-align: right;
    }

    .is-column-gap-0{
        .cell{
            border-bottom: solid 1px;
        }
    }
    .acciones{
        text-align: center;
        .editar-marca-diccionario{
            font-size: 15px;
            margin-bottom: 0;
            margin-top: 0;
        }
    }

    table tbody td{
        vertical-align: middle;
    }
    
}
.content-diccionario-marcas{
    margin: 35px 0;
    .diccionario-marcas{
        margin-top: 15px;
        .tabla-marcas{
            
        }
    }   
    p{
        margin: 30px 0px;
    } 

    .is-column-gap-0{
        .cell{
            border-bottom: solid 1px;
        }
    }

    .barra-acciones{
        display: flex;
        align-items: center;
        gap: 20px;
        a{
            margin-top: 17px;
        }
    }

    .modal{
        .modal-card-head{
            p{
                margin: 0;
            }
        }
        .select{
            width: 100%;
            select{
                width: 100%;
            }
        }
    }
}
.content-diccionario-modelos-diccionario{
    margin: 35px 0;
    .diccionario-modelos{
        
        .tabla-modelos{
            
        }
    }   
    p{
        margin: 30px 0px;
    } 

    table th:last-child,table tr td:last-child{
        text-align: right;
    }

    .is-column-gap-0{
        .cell{
            border-bottom: solid 1px;
        }
    }
    .acciones{
        text-align: center;
        .editar-modelo-diccionario{
            font-size: 15px;
            margin-bottom: 0;
            margin-top: 0;
        }
    }
    table tbody td{
        vertical-align: middle;
    }
}

.content-diccionario-modelos-diccionario-sin-enrichments{
    margin: 35px 0;
    .diccionario-modelos{
        
        .tabla-modelos{
            
        }
    }   
    p{
        margin: 30px 0px;
    } 

    table th:last-child,table tr td:last-child{
        text-align: right;
    }

    .is-column-gap-0{
        .cell{
            border-bottom: solid 1px;
        }
    }
    .acciones{
        text-align: center;
        .editar-modelo-diccionario{
            font-size: 15px;
            margin-bottom: 0;
            margin-top: 0;
        }
    }
    table tbody td{
        vertical-align: middle;
    }
}
.content-diccionario-modelos{
    margin: 35px 0;
    .diccionario-modelos{
        
        .tabla-modelos{
            
        }
    }   
    p{
        margin: 30px 0px;
    } 

    .is-column-gap-0{
        .cell{
            border-bottom: solid 1px;
        }
    }


    .modal{
        .modal-card-head{
            p{
                margin: 0;
            }
        }
        .select{
            width: 100%;
            select{
                width: 100%;
            }
        }
    }
}
.novedades{
    .title.is-1 {
        margin-top: 35px;
    }
    .caja-filtro-novedades{
        
        .button.is-primary{
            width: 100% !important;
        }

        .select{
            width: 100%;
            select{
                width: 100%;
            }
        }
    }

    .caja-novedades{
        .caja-acciones{
            margin-bottom: 35px;
        }
        margin-bottom: 35px;
        .caja-actions{
            display: flex;
            justify-content: flex-end;
            gap: 10px;
        }
    }

    form{
        .box{
            margin-bottom: 24px;
            .multicheck{
                border: solid 1px;
                margin-top: 8px;
                border-color: #e3e3e3;
                border-radius: var(--bulma-radius);
                width: 100%;
                hr{
                    margin: 0;
                }
            }
            #vista-previa-placeholder{
                height: 300px;
                width: 100%;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }
        }

        .ql-editor{
            min-height: 300px;
        }

    }
    
}


#productos{
    .box{
        padding: 15px 35px;
        .caja-producto{
            margin: 30px 0;
            .title.is-2{
                margin-left: 5px;
            }
            .three-columns {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                list-style: none;
                padding: 0;
                gap: 0 10px;
                li {
                    padding: 5px;
                    display: flex;
                    span{
                        height: 19px;
                        width: 19px;
                        border-radius: 50%;
                        background-color: #c1c1c1;
                        margin-right: 5px;
                        svg{
                            width: 15px;
                            height: 15px;
                            color: white;
                            position: relative;
                            top: 0px;
                            left: 2px;
                        }
                    }
                }
            }
        }
    }

    .tabs ul li:nth-child(6){
        a{
            background-color: var(--bulma-tabs-boxed-link-active-background-color);
            border-color: var(--bulma-tabs-boxed-link-active-border-color);
            border-bottom-color: var(--bulma-tabs-boxed-link-active-border-bottom-color) !important;
        }
    }
}

.productos-interior{
    .subbox{
        margin-bottom: 20px;
    }
    h2{
        text-transform: uppercase;
    }
    table{
        background-color: transparent;
        td:nth-child(3) > div {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 7px;
            .boton-borrar{
                width: 22px;
                height: 22px;
                padding: 4px;                
            }
        }
        td:last-child {
            display: flex;
            justify-content: end;
            align-items: center;
            gap: 7px;           
        }
        .boton-borrar{
            width: 22px;
            height: 22px;
            padding: 4px;
            position: relative;
            z-index: 20;
        }
        
    }
    .tabla-rrss{
        padding-top: 25px !important;
        li{
            margin-bottom: 10px;
        }
        label{
            margin-top: 0;
        }
        .url-rrss{
            display: flex;
            align-items: center;
            gap:4px;
        }

        .content-button{
            margin-top: 25px;
            margin-bottom: 10px;
            button{
                width: fit-content;
                margin: auto;
            }
        }
    }

    .nuevo-photocall{margin: 20px 0;}

}


.enriquecimiento-anuncio{
    .subbox{

        h3{
            margin-bottom: 27px !important;
        }

    }

}


.checkout-page{
    form{
        .labels{
            margin-bottom: 0;
        }

        .content-checkbox{
            margin-top: 25px;
        }
    }
}


.container-api-reserservas-export{
    margin-top: 35px;
    .add-entrada-export{
        margin-bottom: 15px;
        margin-top: 20px;
    }
    table{
        td{
            vertical-align: middle;
        }
        button{
            font-size: 13px;
        }
    }

    hr{
        margin-bottom: 35px;
    }
}

#productos.gestor-lead-robots{
    /* Añade un espacio vertical entre los campos de email */
    .email-field-group + .email-field-group {
        margin-top: 1.25rem;
    }

    /* Oculta TODOS los botones de añadir por defecto */
    .email-field-group .add-email-btn {
        display: none;
    }

    /* MUESTRA SOLAMENTE el botón de añadir que está en el último campo */
    .email-field-group:last-child .add-email-btn {
        display: inline-flex;
    }

    .action-bottom.mt-5{
        margin-top: 50px !important;
    }
}

.producto-recrear-anuncio{
    .configuracion{
        table{
            margin-top: 20px;
            .draft{
                td{
                    color: gray;
                }
            }
        }
    }
    .modal-recrear{
        .modal-card{
            .form{
                margin: 25px 0 15px 0;
            }
            width: 900px;

            .info{
                display: flex;
                gap: 35px;
                span{
                    font-weight: bold;
                }
            }
            .recrear-en-ejecucion{
                text-align: center;
                span{
                    font-weight: bold;
                }
            }
            select{
                width: 100%;
            }
        }
        .modal-card-foot{
            justify-content: center;
            button{
                width: 232px;
            }
        }

        .boton-borrar{
            position: absolute;
            right: 15px;
            bottom: 15px;
        }
    }
}

.content-queries{
    .title.is-1 {
        margin-top: 35px;
    }

    .form-ejecutar-query{
        display: flex;
        flex-direction: row;
        gap: 15px;
        align-items: center;
        label{
            width: 130px;
        }
        input{
            width: 300px;
        }
    }
}
.recreates {
    .select {
        width: 100%;
        select {
            width: 100%;
        }
    }

    .btnAgregar {
        color: var(--editar);
        cursor: pointer;
    }

    .labelWithbotton{
        margin-bottom: 0;
    }
}
:root {
    --primary:#0e66c6;
    --fondo: #ECECEC;
    --radius: 5px;
    --black: #313131;
    --btn-accion:#3A3F1E;
    --bulma-text: var(--black);
    --btn-guardar: #0e66c6;
    --borrar: #c50404;
    --editar: #0066ca;
    --green: #449D41;
    --red: #C20000;
    --bulma-scheme-main: #ffffff;
    --bulma-text-strong: var(--black);
    --azul-hover: #0a427f;
  }