:root {

    /* Color */
    --primary-enable: #F15829;
    --primary-disable: #FF7A51;
    --gray-dark-enable: #48454E;
    --lime-white: #F8F8F8;
    --gray-light: #EDEDED;
    --gray-dark-disable: #BEBFC1;
    --gray-light-disable: #F3F3F3;
    --error: #901717;
    --ok: #539A51;
    /* Colores header */
    --naranja1:#FF6F0D;
    --naranja2:#F88E46;
    --naranja3:#FFC89A;
    /* Fuentes */
    --font-secondary: 'Open Sans', sans-serif;
    --font-primary: 'Montserrat', sans-serif;

    --font-size-x-small: 10px;
    --font-size-small: 12px;
    --font-size-medium: 14px;
    --font-size-large: 16px;

    --font-size-h1-default: 40px;
    --font-size-h2-default: 32px;
    --font-size-h3-default: 28px;
    --font-size-h4-default: 24px;
    --font-size-h5-default: 20px;
    --font-size-h6-default: 14px;

    /* Botones */
    --button-width: 150px;
    --button-height: 40px;
    --button-radius: 15px;

    /* Header y Footer */
    --altura-header: 94px;
    --altura-footer: 60px;

}
h1,
h2,
h3,
h4,
h5,
h6,
p   {
    margin: 0;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    letter-spacing: 0;

}

body{
    font-family: var(--font-secondary);
}

h1 {
    font-size: var(--font-size-h1-default);
    line-height: 44px;
}

h2 {
    font-size: var(--font-size-h2-default);
    line-height: 36px;
    /* font-weight: 800; */
}

h3 {
    font-size: var(--font-size-h3-default);
    line-height: 30px;
}

h4 {
    font-size: var(--font-size-h4-default);
    line-height: 26px;
}

h5 {
    font-size: var(--font-size-h5-default);
    line-height: 24px;
}

h6 {
    font-size: var(--font-size-h6-default);
    font-weight: bold;
    line-height: 16px;
}
/* -----------Fuentes clases----------- */

.fw-400{
    font-weight: 400;
}
.body-xsmall{
    font-family: var(--font-secondary);
    font-size: var(--font-size-x-small);
    line-height: 12px;
    letter-spacing: 0%;
    font-weight: 400;
}
.body-small{
    font-family: var(--font-secondary);
    font-size: var(--font-size-small);
    line-height: 16px;
    font-weight: 400;
}
.body-medium{
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
    line-height: 20px;
    font-weight: 400;
}

/* btn general para todos los botones */
.btn {
    width: var(--button-width);
    height: var(--button-height);
    border-radius: var(--button-radius);
    border: none;
    outline: none;
    font-family: var(--font-secondary);
    line-height: 20px;
    font-size: var(--font-size-medium);
    transition: all 0.2s ease-in-out;
}

.btn:focus,
.btn:focus-visible,
.btn:hover:active,
.btn:active:focus {
    outline: none;
}

.btn:enabled:hover {
    opacity: 0.88;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.261);
}

/* btn-primary */
.btn-primary {
    background-color: var(--primary-enable);
    color: var(--lime-white);
}

.btn-primary:enabled {
    background-color: var(--primary-enable);
    color: var(--lime-white);
}

.btn-primary:disabled {
    background-color: var(--gray-dark-disable);
    border-color: var(--gray-dark-disable);
    color: white;
}

.btn-primary:disabled:hover {
    background-color: var(--gray-dark-disable);
    border-color: var(--gray-dark-disable);
    color: #333;
}

.btn-primary:active:hover {
    background-color: var(--primary-enable);
}

/* btn-secondary */
.btn-secondary {
    background-color: var(--lime-white);
    color: var(--primary-enable);
    border: 1px solid var(--primary-enable);
}

.btn-secondary:enabled {
    background-color: var(--lime-white);
    color: var(--primary-enable);
}

.btn-secondary:enabled:hover {
    border-color: var(--primary-enable);
    background-color: var(--gray-light);
}

.btn-secondary:disabled {
    background-color: var(--lime-white);
    border-color: var(--primary-enable);
    color: white;
}

.btn-secondary:disabled:hover {
    background-color: var(--lime-white);
    border-color: var(--primary-enable);
    color: var(--primary-enable);
}

.btn-icon{
    background: none;
    border: none;
    margin: 0 4px;
    font-size: 15px;
    cursor: pointer;
}

.btn.btn-width{
    width: var(--button-width);
}

.footer {
    background: var(--primary-enable);
}

.footer-demo {
    background: var(--primary-enable) !important;
}

.header {
    background: var(--primary-enable);
     z-index: 1;
}

.header-demo {
    background: var(--primary-enable) !important;
}
.popey-link,.popey-link:hover,.popey-link:focus{
    color: var(--primary-enable);
}


/* ---------------------- */
/* --------Login--------- */
/* ---------------------- */
.app-content{
    width:100%;
    display:flex;
    justify-content:center;
    margin:auto;
}
.login-space-default{
    height: 38px;
    margin-bottom: 25px;
}

.error_msg {
    display: flex;
    justify-content: flex-start;
    color: var(--error);
    font-size: var(--font-size-x-small);
    font-weight: 400;
    font-family: var(--font-secondary);
    margin-bottom: 25px;
    height: 38px;
}
.msgInfo{
    display: flex;
    justify-content: flex-start;
    color: var(--gray-dark-enable);
    font-size: var(--font-size-x-small);
    font-weight: 400;
    font-family: var(--font-secondary);
    /* margin-bottom: 25px; */
    height: 38px;
    margin-top: 5px;
}
/* 
.error_msg.show {
    opacity: 1;
} */

.login__subtitle{
    font-weight: 400;
    text-align: center;
    color: var(--gray-dark-enable);
    text-wrap: nowrap;
    margin-bottom: 42px;
}

.form-group {
    margin-bottom: 25px;
}

form .form-group {
    padding: 0px;
}

form .form-error {
    margin-bottom: 10px;
    /* border: 1px solid var(--gray-light); */
}

.form-control{
    position: relative;
}

.form-control:focus {
    /* outline: none !important; */
    box-shadow: none;
    border-color: var(--gray-dark-enable);
}

/* Ocultar el ícono nativo del select */
.popey-custom-select-with-icon {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px; /* Espacio para el ícono */
    position: relative;
}

/* Contenedor del select y el ícono */
.popey-custom-select {
    position: relative;
    display: flex;
    width: 100%;
}


/* Posicionar el ícono personalizado */
.custom-select-icon {
    position: absolute;
    font-size: 20px;
    right: 15px;
    bottom: -8px;
    transform: translateY(-80%) rotate(0deg);
    pointer-events: none; /* Evita que el ícono bloquee el click */
    color: #333; /* Color del ícono */
    transition: transform 0.3s ease;
}

/* Clase para la animación */
.custom-select-icon.rotate {
    transform: translateY(-80%) rotate(180deg); /* Rota 180° hacia arriba */
    transition: transform 0.3s ease; /* Animación suave */
}

.form-horizontal .form-group {
    background: none;
}

.login__title {
    font-weight: 700;
    color: var(--gray-dark-enable);
    margin-bottom: 42px;
    margin-top: 0;
}
.rol__title {
    font-weight: 400;
    color: var(--gray-dark-enable);
    margin-bottom: 42px;
    margin-top: 0;
}

.control-label{
    font-weight: 400;
    padding: 0px 30px 40px 30px;
    font-size: var(--font-size-small);
}

.select-sucursal-text{
    padding-bottom: 15px;
}

.btn {
    width: 100%;
}

.btn-padding{
    padding-top: 15px;
}

.input-container {
    width: 100%;
    position: relative;
    display: inline-block;
}

.input-container i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    z-index: 1;
    /* cursor: pointer; */
}

.input-container .icon-start {
    left: 10px;
}

.input-container .icon-end {
    right: 10px;
}

/* .input-container input { */
#loginApp input, #recuperarClaveApp input, #recuperarUsuarioApp input{
    padding-left: 35px;
    padding-right: 35px;
    height: 40px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
}

.input-container input::placeholder {
    color: var(--gray-dark-enable);
}

.recuperar__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: var(--font-size-small);

}

.recuperar__container a:hover {
    color: var(--primary-enable);
}

.text-black{
    color: black;
}
.content-center{
    display: flex;
    justify-content: center;
}

.login-container {
    width: 300px;
    padding-top: 10vh;
}


/* -----------Doble autentificacion------------- */

.list-title h3{
    font-weight: 400;
}

.login-container .panel-default{
    border: none;
}
.login-container .panel, .login-container .panel-body{
    margin: 0;
    padding:0;
    border: none;
    box-shadow: none;
    background: none;
    border-radius: none;
}
.datos{
    height: 40px;
    gap: 16px;
}
.datos .form-control{
    border: none;
    box-shadow: none;
    appearance: none;
    text-align: center;
}
.datos input[type="number"]::-webkit-inner-spin-button,
.datos input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.datos input{
    background-color: var(--gray-light);
    height: 100%;
}

.rol-container {
    /* max-width: 300px; */
    padding-top: 10vh;
    width: 300px;
}

.rol-select select{
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
    font-weight: 400;
}
.filter__panel{
    border:none;
    background-color:var(--gray-light-disable);
    padding:20px 25px 40px;
    margin: 0;
}
.filters{
    margin-bottom: 25px;
    display:flex;
    width:100%;
    justify-content:flex-start;
}
.filter__container{
    height: 70px;
    margin-right: 25px;
    text-wrap: nowrap;
}
.filter__container label{
    height: 20px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: var(--font-secondary);
    line-height: 20px;
    color: var(--gray-dark-enable);
}
.filter__container input, .filter__container select{
    height: 40px;
}
.filter-xlarge{
    width: 300px;
}
.filter-large{
    width: 225px;
}
.filter-medium{
    width: 150px;
}
.filter-small{
    width: 120px;
}
.filter__button__container{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    gap: 25px;
}
.filter__button{
    width: 150px;
}

.form-control{
    border-radius: 0;
    border: 1px solid var(--gray-light-disable);
    color: var(--gray-dark-enable);
}
input.form-control{
    height: 40px;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 20px 0 20px;
} 
/* Custom select transversal a toda la app para cambiar el icono a fa */
select.form-control{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: #FFFFFF;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 20px 0 20px;
    background-image: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23333' d='M31.3 192h257.3c28.4 0 42.7 34.5 22.6 54.6l-128.6 128c-12.5 12.5-32.8 12.5-45.3 0l-128.6-128C-11.4 226.5 1.9 192 31.3 192z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 0.8em auto !important;
    height: 40px;
  }
  input[type="file"]::-webkit-file-upload-button, input[type="file"]::file-selector-button {
    padding: 0 30px 0 30px;
    margin-top: 10px;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    cursor: pointer;
    background-color: var(--gray-light);
    color: var(--gray-dark-enable);
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI4OCAxMDkuM0wyODggMzUyYzAgMTcuNy0xNC4zIDMyLTMyIDMycy0zMi0xNC4zLTMyLTMybDAtMjQyLjctNzMuNCA3My40Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMHMtMTIuNS0zMi44IDAtNDUuM2wxMjgtMTI4YzEyLjUtMTIuNSAzMi44LTEyLjUgNDUuMyAwbDEyOCAxMjhjMTIuNSAxMi41IDEyLjUgMzIuOCAwIDQ1LjNzLTMyLjggMTIuNS00NS4zIDBMMjg4IDEwOS4zek02NCAzNTJsMTI4IDBjMCAzNS4zIDI4LjcgNjQgNjQgNjRzNjQtMjguNyA2NC02NGwxMjggMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDMyYzAgMzUuMy0yOC43IDY0LTY0IDY0TDY0IDUxMmMtMzUuMyAwLTY0LTI4LjctNjQtNjRsMC0zMmMwLTM1LjMgMjguNy02NCA2NC02NHpNNDMyIDQ1NmEyNCAyNCAwIDEgMCAwLTQ4IDI0IDI0IDAgMSAwIDAgNDh6Ii8+PC9zdmc+") !important
  }

/* Por el momento no se va a usar porque causa problemas en algunos navegadores */
  /* select.form-control:focus{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzQ4NDU0ZSIgZD0iTTE4Mi42IDEzNy40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMGwtMTI4IDEyOGMtOS4yIDkuMi0xMS45IDIyLjktNi45IDM0LjlzMTYuNiAxOS44IDI5LjYgMTkuOGwyNTYgMGMxMi45IDAgMjQuNi03LjggMjkuNi0xOS44czIuMi0yNS43LTYuOS0zNC45bC0xMjgtMTI4eiIvPjwvc3ZnPg==") !important;
  } */

  .custom-arrow{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23333' d='M31.3 192h257.3c28.4 0 42.7 34.5 22.6 54.6l-128.6 128c-12.5 12.5-32.8 12.5-45.3 0l-128.6-128C-11.4 226.5 1.9 192 31.3 192z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat ;
    background-position: right 10px center ;
    background-size: 20px auto ; /* size of arrow */
  }
/* Por el momento no se va a usar porque causa problemas en algunos navegadores */
  /* .custom-arrow:focus{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzQ4NDU0ZSIgZD0iTTE4Mi42IDEzNy40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMGwtMTI4IDEyOGMtOS4yIDkuMi0xMS45IDIyLjktNi45IDM0LjlzMTYuNiAxOS44IDI5LjYgMTkuOGwyNTYgMGMxMi45IDAgMjQuNi03LjggMjkuNi0xOS44czIuMi0yNS43LTYuOS0zNC45bC0xMjgtMTI4eiIvPjwvc3ZnPg==") !important;
  } */

  /* --------------------------------------------------
   Estilo global para inputs de fecha:
   ✔ nativos <input type="date">  
   ✔ angular-ui-bootstrap <input uib-datepicker-popup>
   -------------------------------------------------- */

  /* Ocultar el ícono nativo del navegador */
  input[type="date"]::-webkit-calendar-picker-indicator,
  input[uib-datepicker-popup]::-webkit-calendar-picker-indicator,
  input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
    height: 35px;
    width: 35px;
    cursor: pointer;
  }

  /* Unificar apariencia */
  input[type="date"],
  input[uib-datepicker-popup],
  input[type="datetime-local"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    background: #FFFFFF;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    height: 40px;
    padding: 0 0 0 20px !important;
    font-size: var(--font-size-medium);
    color: var(--gray-dark-enable);

    /* icono de calendario */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzQ4NDQ0ZSIgZD0iTTEyOCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIgMTI4IDAgMC0zMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMybDAgMzIgNDggMGMyNi41IDAgNDggMjEuNSA0OCA0OGwwIDQ4TDAgMTYwbDAtNDhDMCA4NS41IDIxLjUgNjQgNDggNjRsNDggMCAwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyek0wIDE5Mmw0NDggMCAwIDI3MmMwIDI2LjUtMjEuNSA0OC00OCA0OEw0OCA1MTJjLTI2LjUgMC00OC0yMS41LTQ4LTQ4TDAgMTkyem02NCA4MGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xMjggMGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xNDQtMTZjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMHpNNjQgNDAwbDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTE0NC0xNmMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwem0xMTIgMTZsMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0zMmMwLTguOC03LjItMTYtMTYtMTZsLTMyIDBjLTguOCAwLTE2IDcuMi0xNiAxNnoiLz48L3N2Zz4=") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px auto !important;
  }
  .filters input{
    border: 1px solid var(--gray-light);
    border-radius: 5px;
  }

/* -------------------------------------------------- */
/* ---------------------- HEADER ---------------------- */
/* -------------------------------------------------- */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover , 
.navbar-default .navbar-nav>.open>a:focus .caret ,
.navbar-default .navbar-nav>.open>a .caret {
    background-color:transparent;
    color: var(--gray-dark-enable);
    border-top-color:var(--gray-dark-enable);
    
}
.navbar-default .navbar-top-diagonal>.open>a,
.navbar-default .navbar-top-diagonal>.open>a:focus,
.navbar-default .navbar-top-diagonal>.open>a:hover , 
.navbar-default .navbar-top-diagonal>.open>a:focus .caret ,
.navbar-default .navbar-top-diagonal>.open>a .caret{
    color: var(--lime-white);
    border-top-color: var(--lime-white);
}
.header .navbar-default .navbar-nav>.open>a, .header .navbar-default .navbar-nav>.open>a:focus, .header .navbar-default .navbar-nav>.open>a:hover{
    background-color: var(--gray-dark-enable);
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
    background-color: var(--naranja1);
    color:var(--gray-dark-enable);
}

/* Just for caret in navbar menu */
.navbar-default .navbar-nav>.active>a .caret, 
.navbar-default .navbar-nav>.active>a:focus .caret, 
.navbar-default .navbar-nav>.active>a:hover .caret
{
    background-color: var(--naranja1);
    border-top-color: var(--gray-dark-enable);
    
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    color: var(--gray-dark-enable);
}
    
.navbar-default .navbar-nav>li>a:hover , 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:focus .caret, 
.navbar-default .navbar-nav>li>a:hover .caret{
    color: var(--gray-dark-enable);
    border-top-color: var(--gray-dark-enable);
    
}
.navbar-default .navbar-top-diagonal>li>a:hover , 
.navbar-default .navbar-top-diagonal>li>a:focus, 
.navbar-default .navbar-top-diagonal>li>a:focus .caret, 
.navbar-default .navbar-top-diagonal>li>a:hover .caret{
    color: var(--lime-white);
    border-top-color: var(--lime-white);
    
}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
        background-color: var(--primary-enable);
        /* color: var(--lime-white); */
    
}

/* Estilos para las solapas */
.nav.nav-tabs{
    border: none;
}

.nav.nav-tabs>li:first-child>a {
    margin-left: 0px;
}

.nav.nav-tabs>li>a {
    float: left;
    /* width: 190px; */
	padding: 10px 15px;
	/* height: 30px; */
    margin-right: 8px;
    margin-left: 8px;
    position: relative;
	background: var(--gray-dark-disable);
    color: var(--gray-dark-enable);
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
    border: none !important; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center ;
}

.nav.nav-tabs>li:first-child>a:before{
    content: none;
}

.nav.nav-tabs>li>a:before,
.nav.nav-tabs>li>a:after {
	content: "";
	position: absolute;
	height: 10px;
	width: 20px;
	bottom: 0;
}

.nav.nav-tabs>li>a:after {
	right: -20px;
	border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	-webkit-box-shadow: -10px 0 0 0 var(--gray-dark-disable);
	box-shadow: -10px 0 0 0 var(--gray-dark-disable);
}

.nav.nav-tabs>li>a:before {
	left: -20px;
	border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-webkit-box-shadow: 10px 0 0 0 var(--gray-dark-disable);
	box-shadow: 10px 0 0 0 var(--gray-dark-disable);
}

.nav.nav-tabs>li.active>a{
    background-color: var(--lime-white) !important;
    color: var(--naranja1) !important;
    border: 1px solid var(--naranja1) !important;
    border-bottom: none !important;
}

.nav.nav-tabs>li.active>a:after {
    box-shadow: -10px 0 0 0 var(--lime-white);
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.nav.nav-tabs>li.active>a:before {
    box-shadow: 10px 0 0 0 var(--lime-white);
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-left: none;
}

/* Solapas dentro de solapas */
.nav.nav-tabs.nav-tabs-inner>li>a{
    background-color: var(--lime-white);
    border: 1px solid var(--gray-dark-disable) !important;
    border-bottom: none !important;
}

.nav.nav-tabs.nav-tabs-inner>li.active>a{
    background-color: var(--lime-white) !important;
    color: var(--naranja1) !important;
    border: 1px solid var(--naranja1) !important;
    border-bottom: none !important;
}

.nav.nav-tabs.nav-tabs-inner>li>a:after {
	right: -20px;
	border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	-webkit-box-shadow: -10px 0 0 0 var(--lime-white);
	box-shadow: -10px 0 0 0 var(--lime-white);
}

.nav.nav-tabs.nav-tabs-inner>li>a:before {
	left: -20px;
	border-radius: 0 0 10px 0;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-webkit-box-shadow: 10px 0 0 0 var(--lime-white);
	box-shadow: 10px 0 0 0 var(--lime-white);
}

.nav.nav-tabs.nav-tabs-inner>li>a:after {
    box-shadow: -10px 0 0 0 var(--lime-white);
    border: 1px solid var(--gray-dark-disable);
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.nav.nav-tabs.nav-tabs-inner>li.active>a:after {
    box-shadow: -10px 0 0 0 var(--lime-white);
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.nav.nav-tabs.nav-tabs-inner>li.active>a:before {
    /* box-shadow: -10px 0 0 0 var(--lime-white); */
    border: 1px solid var(--naranja1);
    border-top: none;
    border-bottom: none;
    border-left: none;
}

.nav.nav-tabs.nav-tabs-inner>li>a:before {
    box-shadow: 10px 0 0 0 var(--lime-white);
    border: 1px solid var(--gray-dark-disable);
    border-top: none;
    border-bottom: none;
    border-left: none;
}

/* Fin de solapas dentro de solapas */

.tab-content .tab-pane-lang-content{
    border: none;
    box-shadow: none;
    background-color: var(--lime-white);
}

.tab-content .tab-pane-lang-content .panel{
    border: none;
    box-shadow: none;
}

/* Fin estilos de solapas */

.header .a:focus{ 
    color: var(--lime-white) !important;
}


.list-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--gray-light-disable);
    margin-bottom: 0;
    height: 75px;
    border-radius: 0;
    border-bottom: 1px solid var(--gray-dark-disable);
}

.list-title-lstprecio{
    display: flex;
    gap: 30px;
    align-items: center;
}


.actions{
    display: flex;
    justify-content:space-between;
    margin-bottom: 20px;
}
.actions .btn-group{
    display: flex;
    flex-direction: row;
    width: 115px;
    gap: 15px;
    margin-right: 30px;
}
.actions .btn-group button{
    border-radius: 5px;
    background-color: var(--gray-light);
    color: var(--gray-dark-enable);
    height: 40px;
    width: 50px;
    padding: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-group>.btn:last-child:not(:first-child){
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.searcher{
    position: relative;
    display: inline-block; 
    height: 40px;
    width: 250px;
}
  
.searcher i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
}
  
.searcher input {
    border-radius: 5px;
    height: 100%;
    padding-left: 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 1; 
}
.searcher input::placeholder{
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
    line-height: 20px;
    font-weight: 400;
    color: var(--gray-dark-enable);
}
.diagonal__content .dropdown-popey {
    width: 190px ;
}

.dropdown-popey{
    background-color: #fff;
}
.dropdown-popey , .navbar-nav>li>.dropdown-menu.dropdown-popey{
    border-radius: 10px;
    overflow: hidden;
}

.dropdown-popey li{
    padding: 10px 13px;
}
.dropdown-popey li a{
    padding: 0;
}

.dropdown-popey li:hover , .dropdown-popey li a:hover{
    background-color: var(--gray-light);
}  

/* dropdown columnas visibles */
.abm-page-show-columns .dropdown-toggle{
    appearance: none !important;
    background: #FFFFFF !important;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 30px 0 20px;
    background-image: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23333' d='M31.3 192h257.3c28.4 0 42.7 34.5 22.6 54.6l-128.6 128c-12.5 12.5-32.8 12.5-45.3 0l-128.6-128C-11.4 226.5 1.9 192 31.3 192z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 0.9em auto !important;
    height: 40px;
    box-shadow: none;
}
.abm-page-show-columns .dropdown-toggle span{
    display: none;
}
/* Oculta los iconos de glyphicons en el dropdown */
.abm-page-show-columns .dropdown-multiselect .dropdown-menu li a .glyphicon {
    display: none;
}
.abm-page-show-columns .dropdown-menu.dropdown-menu-form{
    scrollbar-width: none;
    background-color: var(--lime-white);
    width: 280px;
    margin-bottom: 10px;
}
.abm-page-show-columns .dropdown-menu .divider{
    display: none;
}
.abm-page-show-columns .dropdown-menu.dropdown-menu-form a#selectAll{
    margin-bottom: 1rem;
}
.abm-page-show-columns .dropdown-menu.dropdown-menu-form .checkbox span{
    margin-left: 5px;
}
.abm-page-show-columns .dropdown-menu.dropdown-menu-form .checkbox label{
    display: flex;
    align-items: center;
}
.abm-page-show-columns .btn-group.open .dropdown-toggle, .abm-page-show-columns .btn:enabled:hover{
    box-shadow: none;
}
.abm-page-show-columns a:focus{
    outline: none;
}
.abm-page-show-columns .dropdown-menu>li>a:focus, .abm-page-show-columns .dropdown-menu>li>a:hover{
    background-color: var(--gray-light-disable);
}
/* fin dropdown columnas visibles */

.position-static{
    position: static;
}
.detail_container .header_detail{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
    padding-left: 15px;
}

.detail_container .border-header {
    border-bottom: 1px solid var(--gray-dark-enable);
}

.detail_section .detail_text{
    border-bottom: 1px solid var(--gray-dark-enable);
    border-top: 1px solid var(--gray-dark-enable);
}

.detail_section .fw-bold{
    font-weight: bold;
}


/* .detail_section .form-horizontal .control-label{
    text-align: left;
    padding-left: 0px;
    padding-bottom: 15px;
} */

.detail_section .form-horizontal .form-group{
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.detail_section .form-horizontal .form-group .fechahora_detail{
    display: flex;
    gap: 10px;
}

/* Detalle Movimiento */
.movimiento_detail .col-sm-4 > *:nth-child(odd) {
    background-color: var(--gray-light);
}

.movimiento_detail .col-sm-4 > *:nth-child(even) {
    background-color: var(--gray-light-disable);
}

.detail_style .color_detalles > *:nth-child(odd) {
    background-color: var(--gray-light);
}

.detail_style .color_detalles > *:nth-child(even) {
    background-color: var(--gray-light-disable);
}

.movimiento_detail .table-responsive th:nth-child(1),
.movimiento_detail .table-responsive td:nth-child(1) {
    width: 50%;
}

.movimiento_detail .detail_property_body {
    display: flex;
    gap: 33px;
}

.movimiento_detail .detail_property_header {
    padding-left: 40px;
}


/* Buscar Cliente AFIP */
.buscarClienteAfip .col-sm-6 > *:nth-child(odd) {
    background-color: var(--gray-light);
}

.buscarClienteAfip .col-sm-6 > *:nth-child(even) {
    background-color: var(--gray-light-disable);
}

.buscarClienteAfip .searchSeccion{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.buscarClienteAfip .searchSeccion .form-control{
    width: 300px;
    height: 40px;
}

.panel_with_btn.panel{
    margin-bottom: 0px;
    padding: 10px 0px;
    background-color: var(--lime-white);
}

.panel_with_btn.panel .first_button{
    margin: 7px auto 7px 38px;
    width: 150px;
}

.panel_with_btn.panel .second_button{
    margin: 7px auto 7px 5px;
    width: 140px;
}

/* Formularios - Forms */   

.generalABMForm{
    padding: 0 2.1rem;
}

.generalABMForm .group-title, .form-horizontal .group-title, .custom-input-group .group-title, .custom-new-form .page-header{
    margin-bottom: 0px;
    border-bottom-style: none ;
    margin: 0;
}

.generalABMForm input[type=checkbox], .generalABMForm input[type=radio]{
    margin: 0;
}
.custom-input-group .info-message{
    font-size: var(--font-size-x-small);
    color: var(--error);
    position: absolute;
}

.entidadcpform__tipo-de-cliente-input-container label{
    margin: 0 0 0 1.5rem;
    display:flex;
    align-items: center;
}

.entidadcpform__tipo-de-cliente-input-container span{
    padding-left: 1rem;
}

.input-radio-container label , .input-radio-container span{
    display:flex;
    align-items: center;
}

.entidadcpform__tipo-cliente-title-text {
     
}

.entidadcpform .control-label{
    /* font-weight: 400; */
    padding: 0px 0px;
    /* font-size: var(--font-size-small); */
}

.entidadcpform .glyphicon{
    top: -4px !important;
    left: -2px;
}

.entidadcpform .btn .glyphicon.glyphicon-calendar {
    top: 0px;
}

button:has(.glyphicon.glyphicon-calendar){
    border-radius: none !important;
}

.entidadcpform .form-label-required{
    color: var(--gray-dark-enable);
}

.entidadcpform select.form-control{
    /* height: 34px; */
    cursor: pointer;
}

.entidadcpform .glyphicon-asterisk {
    margin-left: 0;
}

.custom-input-group .glyphicon-asterisk {
    margin-left: 0;
    color: var(--gray-dark-enable);
    top: -4px !important;
    left: -2px;
    font-size: 6px;
}

/* Input radio y checkbox */
input[type='radio'], input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{
    outline: none ;
}


input[type='radio'] , input[type='checkbox']  {
    -webkit-appearance:none;
    /* border:1px solid darkgray; */
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 0px 2px #BEBFC1 inset;
}

/* Sombra del hover */
input[type='radio']:hover ,  input[type='checkbox']:hover{
    box-shadow:0 0 5px 0px orange inset;    
}

input[type='radio']:before , input[type='checkbox']:before {
    content:'';
    display:block;
    width:50%;
    height:50%;
    margin: 24% auto;    /* centrar el circulo interior */
    border-radius:50%;    
}

input[type='radio']:checked:before ,input[type='checkbox']:checked:before{
    background:rgb(255, 102, 0);
}

/* .... Input radio y checkbox */
/* .row .col-sm-3 label{
    display: inline-block;
  width: 80px;
} */

/* Checkbox de "Columnas Visibles" en los listados */

.custom-input-group{
    padding: 25px;
    background-color: var(--gray-light-disable);
    margin-bottom: 25px;
    border-radius: 5px;
}

.custom-input{
    margin-top: 24px;
}
/* .custom-input input, .custom-input select{ */
.custom-input input[type=text], .custom-input input[type=number], .custom-input input[type=date]{
    height: 40px;
    border-radius: 5px;
    border: 1px solid var(--lime-white);
}
textarea.form-control{
    background: #FFFFFF !important;
    border: 1px solid var(--gray-light) !important;
    border-radius: 5px !important;
    padding: 0 20px 0 20px;
    height: 40px;
    /* margin-top: 5px; */
    resize: none;
    font-size: var(--font-size-medium);
    padding: 10px 20px 10px 20px;
    scrollbar-width: none;

}
.tipo-cliente-title{
    max-width: 75% ;
}


.panel-body-form{
    background-color: var(--lime-white);
}


.glyphicon{
    top: 3px;
}
.title-with-check{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.custom-input-group .table th{
    font-family: var(--font-secondary);
    font-size: var(--font-size-medium);
}

.table.custom-table-remitos, table.custom-table-articulos{
    min-width: 800px;
}

.custom-table-remitos th:nth-child(1),
.custom-table-remitos td:nth-child(1) {
    text-align: left;
    width: 10%;
}
.custom-table-remitos th:nth-child(2),
.custom-table-remitos td:nth-child(2) {
    text-align: left;
    width: 30%;
}
.custom-table-remitos th:nth-child(3),
.custom-table-remitos td:nth-child(3) {
    text-align: left;
    width: 40%;
}
.custom-table-remitos th:nth-child(4),
.custom-table-remitos td:nth-child(4) {
    text-align: right;
    width: 20%;
}
.custom-table-articulos input[type="text"], .custom-table-articulos input[type="number"], .custom-table-articulos select{
    height: 25px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
}
.custom-table-articulos td input[type="checkbox"] {
    vertical-align: middle;
    text-align: center;
  }
.custom-table-articulos .form-control[disabled],.custom-table-articulos .form-control[readonly]{
    background-color: transparent;
}
.custom-table-articulos th, .custom-table-articulos td{
    text-align: left;
}
.custom-table-articulos .custom-total th, .custom-table-articulos .custom-total td{
    border-top: 1px solid var(--gray-dark-enable);
    border-bottom: 1px solid var(--gray-dark-enable);
    background-color: var(--gray-light);
    font-weight: bold;
}

.custom-table-articulos th,
.custom-table-articulos td {
    padding: 8px 12px;
    box-sizing: border-box;
}



.checkbox-custom-big {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

.checkbox-custom-big input[type="checkbox"] {
opacity: 0;
position: absolute;
width: 30px;
height: 30px;
margin: 0;
z-index: 2;
cursor: pointer;
}

/* Contenedor del label */
.checkbox-custom-big label {
position: relative;
display: flex;
align-items: center;
font-size: 14px;
cursor: pointer;
padding-right: 40px;
height: 30px;
min-width: 120px;
justify-content: right;
}

/* Cuadro del checkbox (a la derecha del texto) */
.checkbox-custom-big label::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
border: 5px solid #ccc;
border-radius: 100%;
background: white;
box-sizing: border-box;
z-index: 1;
}

/* Círculo naranja si está checked */
.checkbox-custom-big input[type="checkbox"]:checked + label::before {
content: "";
position: absolute;
right: 9px;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
background-color: var(--primary-enable);
border-radius: 50%;
z-index: 2;
}
.desc-masivo{
    margin-right: 30px;
}
.desc-masivo select{
height: 25px;
}

table>tbody>tr>td.td-coincidir-currentitem,
table>tfoot>tr>td.td-coincidir-currentitem {
  /* 10px de padding del TD + 10px "virtual" extra para que coincida 
     con el contenido (input/select) de las otras filas */
  padding-left: 20px !important;
}
.factura-action-group{
display: flex;
justify-content: right;
gap: 20px;
}

/* .custom-table-articulos input, .custom-table-articulos select{
    height: 25px;
    border-radius: 5px;
    border:none;
    box-shadow: none;
    padding-left: 12px;
} */
  

#actualizarClaveApp input.form-control{
    padding: 0 20px 0 35px;
}
#facturaApp input.form-control, #presupuestoApp input.form-control, #notaCreditoApp input.form-control {
    padding: 0 12px 0 12px;
}
/* Tabla articulos venta.ctp */
#facturaApp .custom-table-articulos .factura-codigo{
    width: 7.5% !important;
}
#facturaApp .custom-table-articulos .factura-descripcion{
    width: 28% !important;
}
#facturaApp .custom-table-articulos .factura-cantidad{
    width: 3.5% !important;
}
#facturaApp .custom-table-articulos .factura-preciounitario{
    width: 6% !important;
}
#facturaApp .custom-table-articulos .factura-desc{
    width: 6% !important;
}
#facturaApp .custom-table-articulos .factura-subtotal{
    width: 6% !important;
}
#facturaApp .custom-table-articulos .factura-diffiva{
    width: 6% !important;
}
#facturaApp .custom-table-articulos .factura-subtotaliva{
    width: 6% !important;
}
#facturaApp .custom-table-articulos .factura-accion{
    width: 2% !important;
}

/* Tabla articulos presupuesto.ctp */
#presupuestoApp .custom-table-articulos .factura-codigo{
    width: 7.5% !important;
}
#presupuestoApp .custom-table-articulos .factura-descripcion{
    width: 28% !important;
}
#presupuestoApp .custom-table-articulos .factura-cantidad{
    width: 3.5% !important;
}
#presupuestoApp .custom-table-articulos .factura-preciounitario{
    width: 6% !important;
}
#presupuestoApp .custom-table-articulos .factura-desc{
    width: 6% !important;
}
#presupuestoApp .custom-table-articulos .factura-subtotal{
    width: 6% !important;
}
#presupuestoApp .custom-table-articulos .factura-diffiva{
    width: 6% !important;
}
#presupuestoApp .custom-table-articulos .factura-subtotaliva{
    width: 10% !important;
}
#presupuestoApp .custom-table-articulos .factura-accion{
    width: 2% !important;
}

/* Tabla articulos notacredito.ctp   */
#notaCreditoApp .custom-table-articulos .factura-accion{
    width: 2% !important;
}
#notaCreditoApp .custom-table-articulos .factura-accion-item{
    width: 2% !important;
}
#notaCreditoApp .custom-table-articulos .factura-codigo{
    width: 7.5% !important;
}
#notaCreditoApp .custom-table-articulos .factura-descripcion{
    width: 28% !important;
}
#notaCreditoApp .custom-table-articulos .factura-cantidad{
    width: 3.5% !important;
}
#notaCreditoApp .custom-table-articulos .factura-preciounitario{
    width: 10% !important;
}
#notaCreditoApp .custom-table-articulos .factura-desc{
    width: 6% !important;
}
#notaCreditoApp .custom-table-articulos .factura-subtotal{
    width: 6% !important;
}


/* Tabla articulos ingreso_dinero.ctp */
#ingresoCajaApp .custom-table-articulos input, #ingresoCajaApp .custom-table-articulos select{
    height: 40px;
}
#ingresoCajaApp .custom-table-articulos th:first-child{
    width: 17%;
}
#ingresoCajaApp .custom-table-articulos th:nth-child(2){
    width: 63%;
}
#ingresoCajaApp .custom-table-articulos th:nth-child(3){
    width: 11%;
}


/* Tabla articulos egreso_dinero.ctp */
#egresoCajaApp .custom-table-articulos input, #egresoCajaApp .custom-table-articulos select{
    height: 40px;
}
#egresoCajaApp .custom-table-articulos th:first-child{
    width: 17%;
}
#egresoCajaApp .custom-table-articulos th:nth-child(2){
    width: 63%;
}
#egresoCajaApp .custom-table-articulos th:nth-child(3){
    width: 11%;
}

#reciboApp .custom-table-articulos input, #reciboApp .custom-table-articulos select{
    height: 40px;
}

/* Tabla articulos remito.ctp */
#remitoApp .custom-table-articulos th:nth-child(1){
    width: 3%;
    text-align: left;
}
#remitoApp .custom-table-articulos th:nth-child(2){
    width: 30%;
    text-align: left;
}
#remitoApp .custom-table-articulos th:nth-child(3){
    width: 20%;
    text-align: left;
}
#remitoApp .custom-table-articulos th:nth-child(4){
    width: 20%;
    text-align: left;
}
#remitoApp .custom-table-articulos th:nth-child(5){
    width: 20%;
    text-align: left;
}


/* Tabla articulos exhibidos.ctp */
#movimientoApp .custom-table-articulos th:nth-child(1){
    width: 20%;
    text-align: left;
}
#movimientoApp .custom-table-articulos th:nth-child(2){
    width: 30%;
    text-align: left;
}
#movimientoApp .custom-table-articulos th:nth-child(3){
    width: 5%;
    text-align: left;
}
#movimientoApp .custom-table-articulos th:nth-child(4){
    width: 5%;
    text-align: left;
}
#movimientoApp .custom-table-articulos th:nth-child(5){
    width: 20%;
    text-align: left;
}
#movimientoApp .custom-table-articulos th:nth-child(6){
    width: 20%;
    text-align: left;
}
#cajaApp .table,
#cajaApp .table-responsive table, 
#cajaApp .uib-timepicker {
    table-layout: fixed !important;
    min-width: 0 !important;
}
#cajaApp .uib-timepicker td, #cajaApp .uib-separator{
    padding: 0;
}
.uib-timepicker input{
    padding: 0;
}

#cajaApp .btn.bEnviar {
  width: var(--button-width) !important;
  margin: 0;
}

#ingresoCajaApp .btn.bEnviar, #egresoCajaApp .btn.bEnviar {
  width: var(--button-width) !important;
  margin: 0;
}

#ingresoCajaApp .table,#egresoCajaApp .table,
#ingresoCajaApp .table-responsive table ,#egresoCajaApp .table-responsive table {
    table-layout: fixed !important;
    min-width: 0 !important;
}

#ingresoCajaApp .fa-trash-can {
    cursor: pointer;
}

.form-submit-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  padding-right: 15px;
}
.form-submit-container button, .form-submit-container input{
    width: 150px;
}
#buscarClienteAfip .table,
#buscarClienteAfip .table-responsive table {
    table-layout: fixed !important;
    min-width: 0 !important;
}
#buscarClienteAfip th{
    font-weight: 500 !important;
}
.input-group-btn button.btn.btn-default{
    position: absolute;
    top: 0;
    width: 40px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: transparent;
    font-size: 0;
    right: 50%;
    border: 0;
    box-shadow: none;
}
.form-group-error{
    color: var(--error);
    font-size: var(--font-size-x-small);
    font-weight: unset;
}
.input-group{
    display: inline;
}

input.thin-input{
    height: 20px !important;
    width: 90px !important;
}
input[uib-datepicker-popup].thin-input {
    background-size: 0px !important;
    padding-left:5px!important;
    padding-right:0px!important;
}
.thin-div input{
    height: 20px !important;
    width: 40px !important;
}
.uib-timepicker tr{
    background-color: transparent !important;
}

.table{
    min-width: 0 !important;
}
.msg-error{
    color: var(--error) !important;
}
.msg-info{
    color: var(--ok) !important;
}

#ofertasApp input[type="checkbox"]{
    transform: scale(0.8) !important;
}

/* Creando Clases de Boostrap que faltan porque la version de bootstrap de popey no las tiene */
.m-0{
    margin: 0;
}

.mb-4{
    margin-bottom: 1.5rem;
}

.mr-4{
    margin-right: 1.5rem;
}

.p-0{
    padding: 0;
}

.pl-3{
    padding-left: 1rem;
}

.w-50{
    width: 50%;
}
.w-100{
    width: 100%;
}

.d-flex{
    display: flex !important;
}

.flex-row{
    flex-direction: row !important;
}

.flex-column{
    flex-direction: column !important;
}

.justify-content-center{
    justify-content: center !important;
}

.justify-content-between{
    justify-content: space-between !important;
}

.justify-content-end{
    justify-content: flex-end !important;
}

.justify-content-start{
    justify-content: flex-start !important;
}

.align-self-end{
    align-self: flex-end !important;
}

.align-self-center{
    align-self: center !important;
}

.align-self-start{
    align-self: flex-start !important;
}

.align-self-stretch{
    align-self: stretch !important;
}

.align-items-center{
    align-items: center !important;
}

.align-items-start{
    align-items: flex-start !important;
}

.align-items-end{
    align-items: flex-end !important;
}

.custom-new-form form{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.custom-new-form form .form-group{
    margin-right: 0;
    margin-left: 0;
}

.custom-new-form form .control-label{
 padding: 0;
 font-size: unset;
 margin-bottom: 5px;
}

.custom-new-form .form-submit-container{
    margin-top: 25px;
    grid-column:2;
    padding-right: 0px;
    grid-column: 1 / -1;
}
.custom-new-form .form-group{
    margin-bottom: 0px;
    margin-top: 24px;
}

[form-component] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  
  [form-component] > label {
    order: 1; /* ahora aparece después del span */
  }
  
  [form-component] > span[required-mark] {
    order: 2; /* aparece antes del label */
    margin-left: 3px;
  }
  [form-component] > input {
    order: 3; /* aparece después del label */
  }
  [form-component] > select {
    order: 3; /* aparece después del label */
  }
  [form-component] > textarea {
    order: 3; /* aparece después del label */
  }
  
/* .custom-new-form .form-group div{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
} */

/* .botones-cfg-external{
    display: grid;
}
.botones-cfg-external :first-child{
    order: 2;
}
.botones-cfg-external :nth-child(2){
    order: 1;
}
input.ng-invalid.ng-touched{
    background-color: #FFFFFF !important;
} */
.panel-primary{
    border: none;
}
.panel-primary>.panel-heading{
    background-color: var(--primary-disable);
    border: none;

}