a:hover {
    text-decoration: none;
}

a {
    text-decoration: none;
}


/*
  =====
  RESET STYLES
  =====
  */

  .field__input {
    --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);

    background-color: transparent;
    border-radius: 0;
    border: none;

    -webkit-appearance: none;
    -moz-appearance: none;

    font-family: inherit;
    font-size: inherit;
}

.field__input:focus::-webkit-input-placeholder {
    color: var(--uiFieldPlaceholderColor);
}

.field__input:focus::-moz-placeholder {
    color: var(--uiFieldPlaceholderColor);
}

/*
  =====
  CORE STYLES
  =====
  */

.field {
    --uiFieldBorderWidth: var(--fieldBorderWidth, 2px);
    --uiFieldPaddingRight: var(--fieldPaddingRight, 1rem);
    --uiFieldPaddingLeft: var(--fieldPaddingLeft, 1rem);
    --uiFieldBorderColorActive: var(--fieldBorderColorActive, rgba(22, 22, 22, 1));

    display: var(--fieldDisplay, inline-flex);
    position: relative;
    font-size: var(--fieldFontSize, 1rem);
}

.field__input {
    box-sizing: border-box;
    width: var(--fieldWidth, 100%);
    height: var(--fieldHeight, 3rem);
    padding: var(--fieldPaddingTop, 1.25rem) var(--uiFieldPaddingRight) var(--fieldPaddingBottom, .5rem) var(--uiFieldPaddingLeft);
    border-bottom: var(--uiFieldBorderWidth) solid var(--fieldBorderColor, rgba(0, 0, 0, .25));
}

.field__input:focus {
    outline: none;
}

.field__input::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity .2s ease-out;
}

.field__input::-moz-placeholder {
    opacity: 0;
    transition: opacity .2s ease-out;
}

.field__input:focus::-webkit-input-placeholder {
    opacity: 1;
    transition-delay: .2s;
}

.field__input:focus::-moz-placeholder {
    opacity: 1;
    transition-delay: .2s;
}

.field__label-wrap {
    box-sizing: border-box;
    pointer-events: none;
    cursor: text;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.field__label-wrap::after {
    content: "";
    box-sizing: border-box;
    width: 100%;
    height: 0;
    opacity: 0;

    position: absolute;
    bottom: 0;
    left: 0;
}

.field__input:focus~.field__label-wrap::after {
    opacity: 1;
}

.field__label {
    position: absolute;
    left: var(--uiFieldPaddingLeft);
    top: calc(50% - .5em);

    line-height: 1;
    font-size: var(--fieldHintFontSize, inherit);

    transition: top .2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity .2s ease-out, font-size .2s ease-out;
    will-change: bottom, opacity, font-size;
}

.field__input:focus~.field__label-wrap .field__label,
.field__input:not(:placeholder-shown)~.field__label-wrap .field__label {
    --fieldHintFontSize: var(--fieldHintFontSizeFocused, .75rem);

    top: var(--fieldHintTopHover, .25rem);
}

/*
  effect 1
  */

.field_v1 .field__label-wrap::after {
    border-bottom: var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);
    transition: opacity .2s ease-out;
    will-change: opacity;
}

/*
  effect 2
  */

.field_v2 .field__label-wrap {
    overflow: hidden;
}

.field_v2 .field__label-wrap::after {
    border-bottom: var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);
    transform: translate3d(-105%, 0, 0);
    will-change: transform, opacity;
    transition: transform .285s ease-out .2s, opacity .2s ease-out .2s;
}

.field_v2 .field__input:focus~.field__label-wrap::after {
    transform: translate3d(0, 0, 0);
    transition-delay: 0;
}

/*
  effect 3
  */

.field_v3 .field__label-wrap::after {
    border: var(--uiFieldBorderWidth) solid var(--uiFieldBorderColorActive);
    will-change: opacity, height;
    transition: height .2s ease-out, opacity .2s ease-out;
}

.field_v3 .field__input:focus~.field__label-wrap::after {
    height: 100%;
}

/*
  =====
  LEVEL 4. SETTINGS
  =====
  */

.field {
    --fieldBorderColor: #a0a0a0;
    --fieldBorderColorActive: #673AB7;
}


.cuerpo {
    background: white;
    padding: 20px;
    border-bottom-left-radius: 30px 30px;
    border-bottom-right-radius: 30px 30px;
}

#boton_buscar {
    background: #ff6347;
    border: none;
}


.texto1 {
    font-weight: 300;
}

.texto1_PP {
    font-weight: 300;
    font-size: 0.8em;
}

.texto1_Descripcion {
    font-weight: 300;
    font-size: 0.7em;
}

.texto1_Albaranes {
    font-weight: 300;
    font-size: 0.8em;
}

.texto2 {
    font-weight: 300;
    font-size: 0.7em;
}

.btn1 {
    width: 4rem;
    height: 4rem;
    border-radius: 50% 50%;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    background: #ff6347;
    color: #fff;

}

.boton_add_index {
    width: 5rem;
    height: 5rem;
    font-weight: 700;
    font-size: 1.8em;
    color: #fff;

}

.texto {
    margin-top: 5px;
}

.card {
    box-sizing: border-box;
}


#boton {
    color: #009500;

}

.card {

    border-radius: 30px;
}


.titulos_sipwood {
    color: #484a48;
    font-weight: 70;
    font-size: 5em;
}

.titulos {
    color: #484a48;
    font-weight: 300;
}

.box-row {
    padding-left: 10% !important;
}

.bigbox {

    background-color: #ff6347;
    /*background-color: #e5e5e5;*/
  /*  background-image: url('../../images/fondo_index_2.jpg');
    background-size: cover;
    background-position: center;*/
}
.imagen_registro{

     background-image: url('bg_1.jpg');
    background-size: cover;
    background-position: center;

}

.login_index{

    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;

}



.card {
    border-radius: 30px;
    background: transparent;
}

.gradient-custom-1 {
    background: #37c165e3;

}

.gradient-custom-2 {
    background: #37c1658f;
}


    @media (min-width: 768px) {
    .gradient-form {
    height: 100vh !important;
    }
    }
    @media (min-width: 769px) {
    .gradient-custom-2 {

    }
    }

    .columna-izq{
        border: 10px solid rgb(255, 255, 255) !important;
    }

    .card-body{
        background: none;
        border: none;

    }

    .centrado {
        margin: 0 auto; /* establece margen superior e inferior en 0 y margen izquierdo y derecho automáticamente */
        text-align: center; /* alinea el contenido al centro */
        width: 100%; /* establece el ancho de la sección */
      }

      .button_login {

        width: 200px;
        box-shadow: none;
        font-size: 20px;
        border: none;
        background-color: #198754 !important;

        font-weight: 300;
        padding: 5px;

    }


/*==================================================================
[ Form ]*/

.login100-form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 43px 88px 93px 190px;
  }


  /*------------------------------------------------------------------
  [ Input ]*/

  .wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #b2b2b2;
  }

  .label-input100 {
    font-family: Poppins-Regular;
    font-size: 15px;
    color: #808080;
    line-height: 1.2;
    text-align: right;

    position: absolute;
    top: 14px;
    left: -105px;
    width: 80px;

  }

  /*---------------------------------------------*/
  .input100 {
    font-family: Poppins-Regular;
    font-size: 15px;
    color: #555555;
    line-height: 1.2;

    display: block;
    width: 100%;
    background: transparent;
    padding: 0 5px;
  }

  .focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
  }

  .focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;

    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;

    background: #57b846;
  }


  /*---------------------------------------------*/
  input.input100 {
    height: 45px;
  }


  .input100:focus + .focus-input100::before {
    width: 100%;
  }

  .has-val.input100 + .focus-input100::before {
    width: 100%;


  }



  .pagination li {
    list-style: none;
    text-align: center;
    padding: 10px;
    /* border: 1px solid gray; */
    color: gray;
    margin-left: 2px;
    background: #a2a2a212;
    box-shadow: rgb(0 0 0 / 10%) 0 1px 3px 0, rgb(0 0 0 / 6%) 0 1px 2px 0;
}