html,
body.login-layout,
body.login-layout.blur-login {
  min-height: 100%;
}

body.login-layout,
body.login-layout.blur-login {
  background:
    linear-gradient(120deg, rgba(14, 24, 36, 0.82), rgba(9, 53, 61, 0.74)),
    url("../assets/images/login-bg.jpg") center/cover fixed no-repeat;
  color: #24313f;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  overflow-x: hidden;
}

body.login-layout:before,
body.login-layout.blur-login:before {
  display: none !important;
}

.siv-login-page,
.siv-login-content {
  min-height: 100vh;
}

.siv-login-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}

.login-layout .login-shell {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(390px, 460px);
  width: min(1120px, 100%);
  min-height: 620px;
  background: #f8fbfc;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 8px;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.34);
  overflow: hidden;
}

.login-layout .login-brand-panel {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  padding: 48px;
  color: #fff !important;
  background:
    linear-gradient(150deg, rgba(12, 31, 47, 0.92), rgba(11, 93, 97, 0.82)),
    url("../assets/images/login-bg.jpg") center/cover no-repeat;
}

.login-layout .login-brand-panel:after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.28), transparent 72%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.32));
  pointer-events: none;
}

.brand-lockup,
.brand-message {
  position: relative;
  z-index: 1;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 16px;
}

.brand-message {
  align-self: center;
  justify-self: center;
  width: 100%;
  text-align: center;
}

.login-layout .brand-logo {
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;
  border-radius: 8px;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.96);
  padding: 9px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.login-layout .brand-lockup h1 {
  margin: 0;
  color: #fff !important;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0;
}

.login-layout .brand-lockup h1 span {
  color: #7fe4ef !important;
}

.login-layout .brand-lockup p,
.login-layout .brand-message p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, 0.84) !important;
}

.login-layout .brand-kicker {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  margin-bottom: 18px;
  color: #0e3443;
  background: #b7f0c1;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}

.login-layout .brand-message h2 {
  max-width: 440px;
  margin: 0 auto;
  color: #fff !important;
  font-size: 34px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

.login-layout .brand-message #id-company-text {
  min-height: 22px;
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.login-layout .login-form-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 48px;
  background: #f8fbfc;
}

.login-layout .login-form-panel .login-container {
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 !important;
}

.login-layout .login-form-panel .login-box,
.login-layout .login-form-panel .forgot-box,
.login-layout .login-form-panel .widget-box,
.login-layout .login-form-panel .widget-body,
.login-layout .login-form-panel .widget-main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.login-layout .login-form-panel .widget-main {
  padding: 0 !important;
}

.form-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}

.form-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: #0f6f7b;
  background: #e7f7f8;
  border-radius: 8px;
  font-size: 18px;
}

.login-layout .form-heading h3 {
  margin: 0;
  color: #152738 !important;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
}

.login-layout .form-heading p,
.login-layout .resume-copy {
  margin: 4px 0 0;
  color: #6c7a89 !important;
  font-size: 14px;
}

#frmlogear label,
#forgot-box label {
  margin-bottom: 16px;
}

.login-layout .login-form-panel .form-control {
  height: 48px;
  padding: 10px 42px 10px 14px;
  color: #1d2b38;
  background: #fff;
  border: 1px solid #d8e2e8;
  border-radius: 6px;
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.login-layout .login-form-panel .form-control:focus {
  border-color: #1b9aaa;
  box-shadow: 0 0 0 3px rgba(27, 154, 170, 0.16);
}

.login-layout .login-form-panel .input-icon > .ace-icon,
.login-layout .login-form-panel .input-icon > span.ace-icon {
  right: 14px;
  top: 15px;
  color: #6d8793;
}

.login-layout .login-form-panel .btn {
  height: 48px;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  box-shadow: 0 14px 28px rgba(15, 111, 123, 0.25);
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.login-layout .login-form-panel .btn:hover,
.login-layout .login-form-panel .btn:focus {
  transform: translateY(-1px);
  box-shadow: 0 18px 32px rgba(15, 111, 123, 0.3);
}

.login-layout .login-form-panel .btn-primary {
  background: #0f6f7b !important;
}

.login-layout .login-form-panel .btn-primary:hover,
.login-layout .login-form-panel .btn-primary:focus {
  background: #0b5f69 !important;
}

.login-layout .login-form-panel .btn-danger {
  background: #d15b47 !important;
}

.resume-user-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  color: #152738 !important;
  border-bottom: 0 !important;
}

.resume-user-heading #forgot-user {
  font-weight: 700;
}

.feedbacktxt {
  left: 10%;
  width: 80%;
  border-radius: 6px;
  background: #0f6f7b;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.feedbacktxt:after {
  border-bottom-color: #0f6f7b;
}

#progressbar {
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
}

@media (max-width: 820px) {
  .siv-login-content {
    padding: 18px;
  }

  .login-layout .login-shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .login-layout .login-brand-panel {
    min-height: 230px;
    padding: 28px;
  }

  .brand-message h2 {
    font-size: 24px;
  }

  .login-layout .login-form-panel {
    padding: 28px;
  }
}

@media (max-width: 420px) {
  .siv-login-content {
    padding: 10px;
  }

  .login-layout .login-brand-panel {
    padding: 22px;
  }

  .brand-lockup {
    gap: 12px;
  }

  .login-layout .brand-logo {
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;
  }

  .brand-lockup h1 {
    font-size: 28px;
  }

  .brand-message h2 {
    font-size: 21px;
  }

  .login-form-panel {
    padding: 24px 20px;
  }
}

.login {
  position:relative;
  top:50%;
  width:300px;
  display: table;
  margin: -150px auto 0 auto;
  background:#fff;
  border-radius: 4px;
}
.legend {
  position: relative;
  top:-15px;
  width: 100%;
  display:inline-block;
  background: #FF7052;
  padding: 10px;
  color: #fff;
  font-size: 20px;
}
.legend:after {
  content: "";
 /* background-image: url(../img/moneda.png);*/
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: 152px -16px;
  opacity: 0.06;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.input {
  position: relative;
  width: 90%;
  margin: 15px auto;
    
}
.input span {
  position: absolute;
  display: block;
  color:  #FF7052;
  left: 10px;
  top: 8px;
  font-size:25px;
}
.input input {
  width: 100%;
  padding: 10px 5px 10px 40px;
  display: block;
  border: 1px solid #EDEDED;
  border-radius: 4px;
  transition: 0.2s ease-out;
  color: #a1a1a1;
    font-size:18px;
}
.input input:focus {
  padding: 10px 5px 10px 10px;
  outline: 0;
  border-color: #FF7052;
}
.submit {
  width:80px;
  height: 80px;
  display: block;
  margin: 0 auto -15px auto;
  background: #fff;
  border-radius: 100%;
  border: 2px solid #FF7052;
  color: #FF7052;
  font-size:28px;
  cursor: pointer;
  box-shadow: 0px 0px 0px 7px #fff;
  transition: 0.2s ease-out;
}
.submit:hover,
.submit:focus {
  background: #FF7052;
  color: #fff;
  outline: 0;
}
.feedback {
  position: absolute;
  bottom: -100px;
  width: 100%;
  text-align:center;
  font-weight:500;
  color: #fff;
  background: #2ecc71;
  padding: 10px 5px;
  font-size: 12px;
  display: none;
  opacity: .8;
}
.feedback:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(46, 204, 113, 0);
  border-bottom-color: #2ecc71;
  border-width: 10px;
  margin-left: -10px;
}
.feedbacktxt {
  position:absolute;
  bottom:80px;
  left: 30%;
  width: 60%;
  text-align: center;
  color: #fff;
  font-weight:600;
  background: #428BCA;
  padding: 10px 0;
  font-size: 12px;
  display: none;
  opacity: 0;
 z-index: 100;
}
.feedbacktxt:after{
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(46, 204, 113, 0);
  border-bottom-color: #428BCA;
  border-width: 10px;
  margin-left: 86px; 

}
.txtp{
font-size:14px;  
}
img.aTIC{
        vertical-align: middle;
        align-content:flex-end
     }
img.uTIC{
      vertical-align: middle;
      align-content:flex-end;
      width: 25%;
      height: 25%;
    }

body#mybody #navbar img.uTIC {
  width: 32px;
  height: 32px;
  margin-right: 7px;
  /*padding: 3px;*/
  object-fit: contain;
  /*background: #fff;*/
  border-radius: 7px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

body#mybody.skin-2.navbar-fixed,
body#mybody.skin-2 {
  --admin-navbar-height: 54px;
  --admin-sidebar-width: 190px;
  --admin-sidebar-collapsed-width: 43px;
}

body#mybody.skin-2 #navbar.navbar {
  min-height: var(--admin-navbar-height);
  background: #c6487e;
  border: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
}

body#mybody.skin-2 #navbar .navbar-container {
  height: var(--admin-navbar-height);
  padding-left: 14px;
  padding-right: 10px;
}

body#mybody.skin-2 #navbar .navbar-header.pull-left {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: calc(100% - 380px);
}

body#mybody.skin-2 #navbar .navbar-brand {
  display: flex;
  align-items: center;
  height: var(--admin-navbar-height);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
}

body#mybody.skin-2 #navbar .navbar-brand:first-child {
  padding-right: 4px !important;
}

body#mybody.skin-2 #navbar .navbar-brand + .navbar-brand {
  padding-left: 4px !important;
}

body#mybody.skin-2 #navbar .navbar-brand small {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: #fff;
  white-space: nowrap;
}

body#mybody.skin-2 #navbar .navbar-brand:first-child small {
  font-size: 21px;
  font-weight: 600;
}

body#mybody.skin-2 #navbar .navbar-brand + .navbar-brand small {
  max-width: 620px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.94);
  text-overflow: ellipsis;
}

body#mybody.skin-2 #navbar .navbar-brand .white {
  color: #fff !important;
}

body#mybody.skin-2 .navbar-fixed-top + .main-container {
  padding-top: var(--admin-navbar-height);
}

body#mybody.skin-2 #sidebar.sidebar {
  width: var(--admin-sidebar-width);
}

body#mybody.skin-2 #sidebar.sidebar:before {
  width: var(--admin-sidebar-width);
}

body#mybody.skin-2 #sidebar.sidebar-fixed {
  top: var(--admin-navbar-height);
}

body#mybody.skin-2 #sidebar + .main-content {
  margin-left: var(--admin-sidebar-width);
}

body#mybody.skin-2 #sidebar .nav-list > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  line-height: 1.2;
}

body#mybody.skin-2 #sidebar .nav-list > li > a > .menu-icon,
body#mybody.skin-2 #sidebar .nav-list > li > a > #avata_user {
  flex: 0 0 24px;
  width: 24px;
  min-width: 24px;
  margin-right: 10px;
  text-align: center;
}

body#mybody.skin-2 #sidebar .nav-list > li > a > .menu-text,
body#mybody.skin-2 #sidebar .nav-list > li > a > #t_user {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body#mybody.skin-2 #sidebar .nav-list > li:hover > a,
body#mybody.skin-2 #sidebar .nav-list > li:hover > a > .menu-icon,
body#mybody.skin-2 #sidebar .nav-list > li:hover > a > .menu-text,
body#mybody.skin-2 #sidebar .nav-list > li:hover > a > .arrow,
body#mybody.skin-2 #sidebar .nav-list > li:hover > a > #t_user {
  color: #fff !important;
}

body#mybody.skin-2 #sidebar .nav-list > li.active > a,
body#mybody.skin-2 #sidebar .nav-list > li.active.open > a,
body#mybody.skin-2 #sidebar .nav-list > li.open > a,
body#mybody.skin-2 #sidebar .nav-list > li.active > a > .menu-icon,
body#mybody.skin-2 #sidebar .nav-list > li.active.open > a > .menu-icon,
body#mybody.skin-2 #sidebar .nav-list > li.open > a > .menu-icon,
body#mybody.skin-2 #sidebar .nav-list > li.active > a > .menu-text,
body#mybody.skin-2 #sidebar .nav-list > li.active.open > a > .menu-text,
body#mybody.skin-2 #sidebar .nav-list > li.open > a > .menu-text,
body#mybody.skin-2 #sidebar .nav-list > li.active > a > .arrow,
body#mybody.skin-2 #sidebar .nav-list > li.active.open > a > .arrow,
body#mybody.skin-2 #sidebar .nav-list > li.open > a > .arrow,
body#mybody.skin-2 #sidebar .nav-list > li.active > a > #t_user {
  color: #fff !important;
}

body#mybody.skin-2 #sidebar .nav-list > li > a.dropdown-toggle > .arrow.fa {
  position: static;
  flex: 0 0 14px;
  width: 14px;
  margin-left: auto;
  text-align: right;
  line-height: 1;
}

body#mybody.skin-2 #sidebar .nav-list > li .submenu > li > a {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.25;
}

/* Estado recogido del menú lateral en skin-2 */
body#mybody.skin-2 #sidebar.sidebar.menu-min,
body#mybody.skin-2 #sidebar.sidebar.menu-min.compact,
body#mybody.skin-2 #sidebar.sidebar.menu-min.navbar-collapse,
body#mybody.skin-2 #sidebar.sidebar.menu-min:before {
  width: var(--admin-sidebar-collapsed-width);
}

body#mybody.skin-2 #sidebar.sidebar.menu-min + .main-content {
  margin-left: var(--admin-sidebar-collapsed-width);
}

body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li > a {
  position: relative;
  min-height: 44px;
  height: 44px;
  padding: 0;
  line-height: 42px;
}

body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li > a > .menu-icon,
body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li > a > #avata_user {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--admin-sidebar-collapsed-width);
  width: var(--admin-sidebar-collapsed-width);
  min-width: var(--admin-sidebar-collapsed-width);
  height: 44px;
  margin-right: 0;
  line-height: 44px;
}

body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li > a > .menu-text,
body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li > a > #t_user {
  display: none;
  position: absolute;
  top: -1px;
  left: 42px;
  z-index: 1025;
  flex: none;
  width: 176px;
  min-width: 176px;
  height: 45px;
  padding-left: 12px;
  overflow: visible;
  background: #fff;
  border: 1px solid #d8a5bc;
  color: #8f315b !important;
  line-height: 42px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li:hover > a > .menu-text,
body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li.hover-show > a > .menu-text,
body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li:hover > a > #t_user,
body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li.hover-show > a > #t_user {
  display: block;
}

body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li > a .arrow.fa {
  display: none;
}

body#mybody.skin-2 #sidebar.sidebar.menu-min .nav-list > li > .submenu {
  left: 42px;
  margin-top: 44px;
}

body#mybody.skin-2 #sidebar.sidebar.menu-min .sidebar-toggle {
  width: var(--admin-sidebar-collapsed-width);
}

@media (max-width: 991px) {
  body#mybody.skin-2 #navbar .navbar-header.pull-left {
    max-width: calc(100% - 260px);
  }

  body#mybody.skin-2 #navbar .navbar-brand + .navbar-brand small {
    max-width: 360px;
  }
}

@media (max-width: 767px) {
  body#mybody.skin-2 #navbar .navbar-brand + .navbar-brand {
    display: none;
  }

  body#mybody.skin-2 #navbar .navbar-header.pull-left {
    max-width: calc(100% - 170px);
  }
}

#set29 .minuta-rango-edad {
  margin-top: 0;
}

#set29 .minuta-rango-edad label {
  margin-top: 2px;
  color: #667d89;
  font-size: 11px;
}

#set29 .minuta-rango-edad input {
  text-align: center;
}

/* Barra superior administrador: acciones alineadas al skin-2 */
body#mybody.skin-2 #navbar .ace-nav > li.purple > a,
body#mybody.skin-2 #navbar .ace-nav > li.green > a,
body#mybody.skin-2 #navbar .ace-nav > li.light-blue > a {
  height: var(--admin-navbar-height);
  min-width: 54px;
  padding-left: 10px;
  padding-right: 10px;
  background: var(--admin-navbar-action-bg) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff !important;
  line-height: var(--admin-navbar-height);
}

body#mybody.skin-2 #navbar .ace-nav > li.purple > a:hover,
body#mybody.skin-2 #navbar .ace-nav > li.green > a:hover,
body#mybody.skin-2 #navbar .ace-nav > li.light-blue > a:hover,
body#mybody.skin-2 #navbar .ace-nav > li.open.purple > a,
body#mybody.skin-2 #navbar .ace-nav > li.open.green > a,
body#mybody.skin-2 #navbar .ace-nav > li.open.light-blue > a {
  background: var(--admin-navbar-action-hover) !important;
}

body#mybody.skin-2 #navbar .ace-nav > li.green > a {
  background: var(--admin-navbar-action-bg) !important;
}

body#mybody.skin-2 #navbar .ace-nav > li.light-blue > a {
  background: var(--admin-navbar-action-bg) !important;
}

body#mybody.skin-2 #navbar .ace-nav > li.open.light-blue > a,
body#mybody.skin-2 #navbar .ace-nav > li.light-blue > a:hover {
  background: var(--admin-navbar-action-hover) !important;
}

body#mybody.skin-2 #navbar .ace-nav > li > a > .ace-icon,
body#mybody.skin-2 #navbar .ace-nav > li > a > .fa-caret-down,
body#mybody.skin-2 #navbar .user-info {
  color: #fff !important;
}

body#mybody.skin-2 #navbar .user-info {
  top: 8px;
  max-width: 150px;
}

body#mybody.skin-2 #navbar .ace-nav .nav-user-photo,
body#mybody.skin-2 #navbar img.user {
  width: 36px;
  height: 36px;
  max-width: 36px;
  max-height: 36px;
  object-fit: cover;
}

body#mybody.skin-2 #navbar .ace-nav .badge {
  background: #ff9f1c !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.32);
  text-shadow: none;
}

body#mybody.skin-2 #navbar .ace-nav .dropdown-menu {
  border-color: #bd5289;
}

body#mybody.skin-2 #navbar .ace-nav .dropdown-navbar > li.dropdown-header {
  background: #bd5289;
  color: #fff;
  border-bottom-color: #a74375;
}

body#mybody.skin-2 #navbar .ace-nav .dropdown-navbar > li.dropdown-header > .ace-icon {
  color: #fff;
}

body#mybody.skin-2 #navbar .ace-nav .dropdown-navbar > li.dropdown-footer > a,
body#mybody.skin-2 #navbar .ace-nav .user-menu > li > a {
  color: #555;
}

body#mybody.skin-2 #navbar .ace-nav .dropdown-navbar > li.dropdown-footer > a:hover,
body#mybody.skin-2 #navbar .ace-nav .user-menu > li > a:hover {
  background: #f7edf3;
  color: #a74375;
}

/*
 * Cabecera administrativa compartida por todos los skins.
 * Ace asigna colores y alturas diferentes a cada tipo de elemento de .ace-nav;
 * estas variables conservan la paleta del skin y una geometría común.
 */
body#mybody {
  --admin-navbar-height: 54px;
  --admin-navbar-bg: #438eb9;
  --admin-navbar-action-bg: #3b7fa5;
  --admin-navbar-action-hover: #326d8f;
  --admin-navbar-text: #fff;
  --admin-navbar-border: rgba(255, 255, 255, 0.2);
  --admin-brand-accent: #d8f1ff;
}

body#mybody.skin-1 {
  --admin-navbar-bg: #2c6aa0;
  --admin-navbar-action-bg: #265d8d;
  --admin-navbar-action-hover: #1f4f79;
  --admin-brand-accent: #bfe2ff;
}

body#mybody.skin-2 {
  --admin-navbar-bg: #c6487e;
  --admin-navbar-action-bg: #b54273;
  --admin-navbar-action-hover: #9f3764;
  --admin-brand-accent: #ffe0ed;
}

body#mybody.skin-3 {
  --admin-navbar-bg: #404040;
  --admin-navbar-action-bg: #353535;
  --admin-navbar-action-hover: #292929;
  --admin-brand-accent: #e2e2e2;
}

body#mybody #navbar.navbar {
  min-height: var(--admin-navbar-height);
  background: var(--admin-navbar-bg) !important;
}

body#mybody #navbar .navbar-container,
body#mybody #navbar .navbar-header,
body#mybody #navbar .navbar-buttons,
body#mybody #navbar .ace-nav,
body#mybody #navbar .ace-nav > li {
  height: var(--admin-navbar-height);
  min-height: var(--admin-navbar-height);
}

body#mybody #navbar .navbar-container {
  padding-left: 14px;
  padding-right: 10px;
}

body#mybody #navbar .navbar-header.pull-left {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: calc(100% - 380px);
}

body#mybody #navbar .navbar-brand {
  display: flex;
  align-items: center;
  height: var(--admin-navbar-height);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
}

body#mybody #navbar .navbar-brand:first-child {
  padding-right: 4px !important;
}

body#mybody #navbar .navbar-brand + .navbar-brand {
  padding-left: 4px !important;
}

body#mybody #navbar .navbar-brand small {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: var(--admin-navbar-text);
  white-space: nowrap;
}

body#mybody #navbar .navbar-brand + .navbar-brand small {
  max-width: 620px;
  overflow: hidden;
  color: var(--admin-navbar-text);
  text-overflow: ellipsis;
}

body#mybody #navbar .navbar-brand .white {
  color: var(--admin-navbar-text) !important;
}

body#mybody #navbar .ucapp-brand-prefix {
  color: var(--admin-brand-accent) !important;
}

body#mybody #navbar .ace-nav > li > a,
body#mybody #navbar .ace-nav > li.purple > a,
body#mybody #navbar .ace-nav > li.green > a,
body#mybody #navbar .ace-nav > li.light-blue > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--admin-navbar-height);
  min-width: 54px;
  padding: 0 10px;
  background: var(--admin-navbar-action-bg) !important;
  border-left: 1px solid var(--admin-navbar-border);
  color: var(--admin-navbar-text) !important;
  line-height: normal;
}

body#mybody #navbar .ace-nav > li > a:hover,
body#mybody #navbar .ace-nav > li > a:focus,
body#mybody #navbar .ace-nav > li.open > a,
body#mybody #navbar .ace-nav > li.open.purple > a,
body#mybody #navbar .ace-nav > li.open.green > a,
body#mybody #navbar .ace-nav > li.open.light-blue > a {
  background: var(--admin-navbar-action-hover) !important;
}

body#mybody #navbar .ace-nav > li > a > .ace-icon,
body#mybody #navbar .ace-nav > li > a > .fa-caret-down,
body#mybody #navbar .user-info {
  color: var(--admin-navbar-text) !important;
}

body#mybody #navbar .user-info {
  position: static;
  max-width: 150px;
  margin: 0 5px;
  line-height: 15px;
}

body#mybody .navbar-fixed-top + .main-container {
  padding-top: var(--admin-navbar-height);
}

body#mybody #sidebar.sidebar-fixed {
  top: var(--admin-navbar-height);
}

@media (max-width: 991px) {
  body#mybody #navbar .navbar-header.pull-left {
    max-width: calc(100% - 260px);
  }

  body#mybody #navbar .navbar-brand + .navbar-brand small {
    max-width: 360px;
  }
}

@media (max-width: 767px) {
  body#mybody #navbar .navbar-brand + .navbar-brand {
    display: none;
  }

  body#mybody #navbar .navbar-header.pull-left {
    max-width: calc(100% - 170px);
  }
}

/* Cabecera del proceso Entregador */
body#entregador-body {
  --entregador-navbar-height: 54px;
  --entregador-navbar-bg: #438eb9;
  --entregador-navbar-action-bg: #3b7fa5;
  --entregador-navbar-action-hover: #326d8f;
  --entregador-navbar-text: #fff;
  --entregador-navbar-border: rgba(255, 255, 255, 0.2);
  --entregador-brand-accent: #d8f1ff;
}

body#entregador-body.skin-1 {
  --entregador-navbar-bg: #2c6aa0;
  --entregador-navbar-action-bg: #265d8d;
  --entregador-navbar-action-hover: #1f4f79;
  --entregador-brand-accent: #bfe2ff;
}

body#entregador-body.skin-2 {
  --entregador-navbar-bg: #c6487e;
  --entregador-navbar-action-bg: #b54273;
  --entregador-navbar-action-hover: #9f3764;
  --entregador-brand-accent: #ffe0ed;
}

body#entregador-body.skin-3 {
  --entregador-navbar-bg: #404040;
  --entregador-navbar-action-bg: #353535;
  --entregador-navbar-action-hover: #292929;
  --entregador-brand-accent: #e2e2e2;
}

body#entregador-body #navbar.navbar {
  min-height: var(--entregador-navbar-height);
  background: var(--entregador-navbar-bg) !important;
  border: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.18);
}

body#entregador-body #navbar .navbar-container,
body#entregador-body #navbar .navbar-header,
body#entregador-body #navbar .navbar-menu,
body#entregador-body #navbar .navbar-nav,
body#entregador-body #navbar .navbar-nav > li,
body#entregador-body #navbar .ace-nav,
body#entregador-body #navbar .ace-nav > li {
  min-height: var(--entregador-navbar-height);
}

body#entregador-body #navbar .navbar-container {
  padding-left: 14px;
  padding-right: 10px;
}

body#entregador-body #navbar .navbar-header.pull-left {
  display: flex;
  align-items: center;
  min-width: 0;
}

body#entregador-body #navbar .navbar-brand {
  display: flex;
  align-items: center;
  height: var(--entregador-navbar-height);
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
}

body#entregador-body #navbar .navbar-brand:first-child {
  padding-right: 4px !important;
}

body#entregador-body #navbar .navbar-brand + .navbar-brand {
  min-width: 0;
  padding-left: 4px !important;
}

body#entregador-body #navbar .navbar-brand small {
  display: block;
  max-width: 410px;
  overflow: hidden;
  color: var(--entregador-navbar-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

body#entregador-body #navbar .navbar-brand .white {
  color: var(--entregador-navbar-text) !important;
}

body#entregador-body #navbar .ucapp-brand-prefix {
  color: var(--entregador-brand-accent) !important;
}

body#entregador-body #navbar .entregador-brand-logo {
  width: 32px;
  height: 32px;
  margin-right: 7px;
  object-fit: contain;
  border-radius: 7px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

body#entregador-body #navbar .navbar-menu .navbar-nav > li > a,
body#entregador-body #navbar .ace-nav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: var(--entregador-navbar-height);
  min-height: var(--entregador-navbar-height);
  padding: 0 12px;
  background: var(--entregador-navbar-action-bg) !important;
  border-left: 1px solid var(--entregador-navbar-border);
  color: var(--entregador-navbar-text) !important;
  line-height: normal;
  text-shadow: none;
}

body#entregador-body #navbar .navbar-menu .navbar-nav > li > a:hover,
body#entregador-body #navbar .navbar-menu .navbar-nav > li > a:focus,
body#entregador-body #navbar .navbar-menu .navbar-nav > li.open > a,
body#entregador-body #navbar .ace-nav > li > a:hover,
body#entregador-body #navbar .ace-nav > li > a:focus,
body#entregador-body #navbar .ace-nav > li.open > a {
  background: var(--entregador-navbar-action-hover) !important;
  color: var(--entregador-navbar-text) !important;
}

body#entregador-body #navbar .navbar-menu .navbar-nav > li > a .ace-icon,
body#entregador-body #navbar .ace-nav > li > a > .ace-icon,
body#entregador-body #navbar .ace-nav > li > a > .fa-caret-down,
body#entregador-body #navbar .user-info {
  color: var(--entregador-navbar-text) !important;
}

body#entregador-body #navbar .user-info {
  position: static;
  max-width: 150px;
  margin: 0 5px;
  line-height: 15px;
}

body#entregador-body #navbar .navbar-menu img.avnde {
  width: 27px;
  height: 27px;
  object-fit: contain;
}

body#entregador-body #navbar .badge {
  flex: 0 0 auto;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.32);
  text-shadow: none;
}

body#entregador-body .navbar-fixed-top + .main-container {
  padding-top: var(--entregador-navbar-height);
}

@media (min-width: 992px) {
  body#entregador-body #navbar .navbar-container {
    display: flex;
    align-items: center;
  }

  body#entregador-body #navbar .navbar-menu {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
  }

  body#entregador-body #navbar .navbar-menu .navbar-nav {
    display: flex;
    align-items: stretch;
    margin: 0;
  }

  body#entregador-body #navbar .navbar-buttons {
    flex: 0 0 auto;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  body#entregador-body #navbar .navbar-brand + .navbar-brand {
    display: none;
  }
}

@media (max-width: 767px) {
  body#entregador-body #navbar .navbar-brand + .navbar-brand {
    display: none;
  }

  body#entregador-body #navbar .navbar-menu .navbar-nav > li > a,
  body#entregador-body #navbar .ace-nav > li > a {
    min-height: var(--entregador-navbar-height);
  }
}

/* Raciones */
#set27 .raciones-form {
  display: block;
}

#set27 .raciones-main {
  padding-right: 12px !important;
}

#set27 .raciones-toolbar {
  margin-bottom: 12px;
}

#set27 .raciones-toolbar-row {
  display: grid;
  gap: 8px;
  width: 100%;
}

#set27 .raciones-toolbar-row-primary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-areas:
    "nombre nombre nombre nombre nombre guardar"
    "numero numero modalidad modalidad tipo tipo";
  margin-bottom: 8px;
}

#set27 #numpaquete {
  grid-area: numero;
  max-width: none;
}

#set27 #modalidad_racion {
  grid-area: modalidad;
}

#set27 #tipo_racion {
  grid-area: tipo;
}

#set27 .raciones-toolbar-row-primary .raciones-select-group {
  grid-area: nombre;
}

#set27 .raciones-toolbar-row-primary > .raciones-action-btn {
  grid-area: guardar;
}

#set27 .raciones-toolbar-row-secondary {
  grid-template-columns: minmax(420px, 1fr) minmax(160px, 160px);
}

#set27 .raciones-control,
#set27 .raciones-select-group,
#set27 .raciones-action-btn {
  width: 100% !important;
  height: 34px !important;
}

#set27 .raciones-select-group {
  display: table;
}

#set27 .raciones-action-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#set27 #btnpaquete {
  min-width: 150px;
}

#set27 #vcarrito_pqt .badge {
  margin-left: 4px;
}

#set27 .raciones-table-wrap {
  border-top: 1px solid #e5e5e5;
}

#set27 .raciones-products-table {
  margin-bottom: 8px;
}

#set27 .raciones-products-table > thead > tr > th {
  background: #f6f7f8;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

#set27 .raciones-products-table > tbody > tr > td {
  vertical-align: top;
}

#set27 .raciones-summary {
  padding-left: 0;
}

#set27 .raciones-summary-card {
  margin-top: 0 !important;
}

#set28 .raciones-listado-wrap {
  position: relative;
  max-height: 560px;
  overflow: auto;
  border: 1px solid #d7e2e9;
  background: #fff;
}

#set28 .raciones-filtro {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) auto auto;
  gap: 10px;
  align-items: stretch;
  margin-bottom: 8px;
}

#set28 .raciones-filtro-input {
  height: 42px;
  border-color: #c7d3da;
  font-size: 16px;
}

#set28 .raciones-filtro-btn {
  height: 42px;
  padding: 0 20px;
  border-color: #9fb4c0;
  color: #708692 !important;
  font-size: 15px;
  white-space: nowrap;
}

#set28 .raciones-filtro-btn .fa {
  margin-right: 7px;
}

#set28 .raciones-filtro-resumen {
  margin-bottom: 8px;
  padding-bottom: 18px;
  color: #617784;
  text-align: right;
}

#set28 .raciones-listado-tabla {
  margin: 0;
}

#set28 .raciones-listado-tabla > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 8;
  padding: 11px 8px;
  border-bottom: 2px solid #5fa3ca;
  background: #edf6fb;
  color: #315d78;
  vertical-align: middle;
}

#set28 .raciones-listado-tabla > tbody > tr:not(.detail-row):hover > td {
  background: #f2f9fd;
}

#set28 .raciones-listado-tabla .detail-row > td {
  padding: 0 !important;
  background: #f7fafc;
}

#set28 .raciones-listado-tabla .table-detail {
  padding: 14px 18px;
}

#set28 .raciones-detalle-card {
  margin: 0;
  border-color: #cfdde5;
  box-shadow: 0 2px 7px rgba(46, 74, 94, .08);
}

#set28 .raciones-detalle-tabla {
  min-width: 720px;
  margin: 0;
}

#set28 .raciones-detalle-tabla > thead > tr > th {
  padding: 9px 8px;
  background: #f4f8fa;
  color: #496a7d;
}

@media (max-width: 767px) {
  #set28 .raciones-filtro {
    grid-template-columns: 1fr 1fr;
  }

  #set28 .raciones-filtro-input {
    grid-column: 1 / -1;
  }
}

#set40 .asignacion-menu-form,
#set40 .asignacion-menu-list {
  padding-right: 12px;
}

#set40 .widget-box {
  margin-bottom: 12px;
}

#set40 .form-group {
  margin-bottom: 10px;
}

#set40 .asignacion-menu-actions {
  text-align: right;
}

#set40 .asignacion-menu-table-wrap {
  max-height: 520px;
  overflow: auto;
}

#set40 #table-asignacion-menu {
  margin-bottom: 0;
}

#set40 #table-asignacion-menu > thead > tr > th {
  background: #f6f7f8;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

#set40 #table-asignacion-menu > tbody > tr > td {
  vertical-align: middle;
}

#set40 .asignacion-menu-empty {
  padding: 20px 8px;
  text-align: center;
  color: #777;
}

#set42 .asignacion-uca-form,
#set42 .asignacion-uca-selector-visual,
#set42 .asignacion-uca-grid,
#set42 .asignacion-uca-members,
#set42 .asignacion-uca-list {
  padding-left: 6px;
  padding-right: 6px;
}

#set42 .asignacion-uca-inline-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(420px, 1.7fr) 220px;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}

#set42 .asignacion-uca-inline-form .form-control,
#set42 .asignacion-uca-inline-form .btn {
  height: 34px;
  border-radius: 0;
  font-size: 15px;
}

#set42 .asignacion-uca-inline-form .btn {
  width: 100%;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}

#set42 .asignacion-uca-inline-form .btn-info {
  border-color: #8ab8e8 !important;
}

#set42 .asignacion-uca-gallery {
  display: flex;
  gap: 16px;
  margin-top: 8px;
  padding: 12px 8px 16px;
  min-height: 150px;
  overflow-x: auto;
  border-bottom: 3px double #ddd;
  background: #fff;
}

#set42 .asignacion-uca-selector-visual {
  margin-bottom: 16px;
}

#set42 .asignacion-uca-card {
  position: relative;
  flex: 0 0 150px;
  min-height: 128px;
  padding: 4px 8px 10px;
  border: 1px solid transparent;
  background: transparent;
  color: #3387c9;
  text-align: center;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#set42 .asignacion-uca-card:hover,
#set42 .asignacion-uca-card:focus {
  outline: none;
  border-color: #9bc8e5;
  background: #f3faff;
  box-shadow: 0 3px 10px rgba(51, 135, 201, .16);
  transform: translateY(-2px);
}

#set42 .asignacion-uca-card.active {
  border-color: #7fbd62;
  background: #f5fbf1;
  box-shadow: inset 0 0 0 2px rgba(127, 189, 98, .18);
}

#set42 .asignacion-uca-card-icon {
  position: relative;
  display: block;
  width: 76px;
  height: 76px;
  margin: 0 auto 7px;
  border: 2px solid #aaa;
  border-radius: 50%;
  background: #f9f9f9;
  box-shadow: inset 0 0 0 6px #fff;
  overflow: hidden;
}

#set42 .asignacion-uca-card-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
  border-radius: 50%;
}

#set42 .asignacion-uca-card-icon .fa-home {
  color: #45bfd3;
  font-size: 48px;
  line-height: 72px;
}

#set42 .asignacion-uca-card-icon .fa-users {
  position: absolute;
  left: 24px;
  bottom: 15px;
  color: #f0a632;
  font-size: 21px;
  text-shadow: 0 1px #fff;
}

#set42 .asignacion-uca-card-title,
#set42 .asignacion-uca-card-location {
  display: block;
  font-size: 14px;
  line-height: 18px;
}

#set42 .asignacion-uca-card-title {
  font-weight: 600;
}

#set42 .asignacion-uca-card-title .fa-circle {
  margin-right: 4px;
  color: #7fbd62;
  font-size: 10px;
}

#set42 .asignacion-uca-card.active .asignacion-uca-card-title .fa-circle {
  color: #4f9f32;
}

#set42 .asignacion-uca-card-location {
  color: #777;
  font-size: 12px;
}

#set42 .asignacion-uca-gallery-empty {
  width: 100%;
  padding: 42px 12px;
  color: #777;
  text-align: center;
}

#set22 .beneficiarios-pagination > li > a {
  min-width: 34px;
  text-align: center;
}

#set22 .beneficiarios-pagination > .active > a {
  font-weight: 700;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .12);
}

#set22 .beneficiario-grupo-familiar .widget-box {
  margin-bottom: 4px;
}

#set22 .beneficiario-grupo-familiar .widget-main {
  overflow-x: auto;
}

#set22 .beneficiario-grupo-familiar table {
  min-width: 760px;
  margin-bottom: 0;
}

#set22 .beneficiario-grupo-familiar th,
#set22 .beneficiario-grupo-familiar td {
  vertical-align: middle;
}

#set22 .beneficiario-detalle-datos .profile-user-info {
  width: 100%;
}

#set22 .beneficiario-resumen-lateral {
  padding-right: 8px;
}

#set22 .beneficiario-identidad {
  padding: 4px 8px 2px;
  text-align: center;
}

#set22 .beneficiario-identidad .thumbnail {
  display: block;
  max-width: 150px;
  margin-right: auto !important;
  margin-left: auto !important;
}

#set22 .beneficiario-identidad .label {
  display: block;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#set22 .beneficiario-detalle-datos {
  margin-top: 8px;
}

#set22 .beneficiario-detalle-datos .profile-info-name {
  width: 96px;
  padding-right: 9px;
}

#set22 .beneficiario-detalle-datos .profile-info-value {
  min-width: 0;
  overflow-wrap: anywhere;
}

#modal-gestacion-miembro .modal-gestacion-header {
  border-bottom: 2px solid #69aa46;
  background: #f5fbf2;
  color: #4f8737;
}

#modal-gestacion-miembro .gestacion-persona-resumen {
  display: flex;
  margin-bottom: 18px;
  padding: 12px 14px;
  align-items: center;
  border-left: 4px solid #9585bf;
  background: #f7f5fb;
}

#modal-gestacion-miembro .gestacion-persona-resumen > i {
  margin-right: 12px;
  color: #9585bf;
  font-size: 30px;
}

#modal-gestacion-miembro .gestacion-persona-resumen small,
#modal-gestacion-miembro .gestacion-persona-resumen b { display: block; }
#modal-gestacion-miembro .gestacion-persona-resumen small { color: #7b8d98; }
#modal-gestacion-miembro .gestacion-persona-resumen b { color: #34495e; font-size: 16px; }

#modal-gestacion-miembro .gestacion-semanas-resumen {
  min-height: 105px;
  padding: 12px;
  border: 1px solid #dce8d6;
  border-radius: 4px;
  background: #f5fbf2;
  text-align: center;
}

#modal-gestacion-miembro .gestacion-semanas-resumen small,
#modal-gestacion-miembro .gestacion-semanas-resumen span { display: block; color: #6f8277; }
#modal-gestacion-miembro .gestacion-semanas-resumen b { display: block; margin: 4px 0; color: #69aa46; font-size: 34px; line-height: 1; }

#modal-gestacion-miembro .modal-footer .pull-left + .pull-left {
  margin-left: 7px;
}

@media (max-width: 767px) {
  #set22 .beneficiario-resumen-lateral {
    padding-right: 12px;
  }

  #set22 .beneficiario-detalle-datos {
    max-width: 520px;
    margin: 10px auto 18px;
  }
}

#set21 #acescroll1 {
  max-height: 580px;
  overflow: auto;
  border: 1px solid #ddd;
}

#set21 .reporte-beneficiarios-table {
  margin-bottom: 0;
}

#set21 .reporte-beneficiarios-table > thead > tr > th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 8px;
  background: #f3f5f7;
  color: #555;
  border-bottom: 2px solid #6faed9;
  vertical-align: middle;
}

#set21 .reporte-beneficiarios-table > tbody > tr > td {
  padding: 9px 8px;
  vertical-align: middle;
}

#set21 .reporte-beneficiarios-table > tbody > tr:hover {
  background: #eef7fd;
}

#set21 .reporte-beneficiarios-pagination > li > a {
  min-width: 34px;
  text-align: center;
}

#set21 .reporte-beneficiarios-pagination > .active > a {
  font-weight: 700;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .12);
}

#set42 .asignacion-uca-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(380px, 1fr);
  gap: 14px;
  align-items: start;
}

#set42 .asignacion-uca-members,
#set42 .asignacion-uca-list {
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}

#set42 .asignacion-uca-panel-title {
  color: #5b9bd5;
  font-size: 22px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #d8d8d8;
  border-bottom: 0;
  background: #f7f7f7;
}

#set42 .asignacion-uca-side-header {
  background: #e53e3e;
  color: #fff;
  font-size: 21px;
  line-height: 38px;
  padding: 0 12px;
  font-weight: 600;
}

#set42 .asignacion-uca-side-count {
  background: #858585;
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
}

#set42 .asignacion-uca-table-wrap,
#set42 .asignacion-uca-members-wrap {
  border: 1px solid #d8d8d8;
  max-height: 520px;
  overflow: auto;
}

#set42 #table-asignacion-uca,
#set42 #table-miembros-asignacion-uca {
  margin-bottom: 0;
}

#set42 #table-asignacion-uca > thead > tr > th,
#set42 #table-miembros-asignacion-uca > thead > tr > th {
  background: #f6f7f8;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  border-bottom: 2px solid #ddd;
}

#set42 #table-asignacion-uca > tbody > tr > td,
#set42 #table-miembros-asignacion-uca > tbody > tr > td {
  vertical-align: middle;
  font-size: 14px;
  color: #4a4a4a;
}

#set42 .asignacion-uca-empty {
  padding: 20px 8px;
  text-align: center;
  color: #777;
}

@media (max-width: 1199px) {
  #set27 .raciones-toolbar-row-primary,
  #set27 .raciones-toolbar-row-secondary {
    grid-template-columns: 1fr 1fr;
  }

  #set27 .raciones-toolbar-row-primary {
    grid-template-areas:
      "nombre guardar"
      "numero modalidad"
      "tipo tipo";
  }

  #set27 #numpaquete {
    max-width: none;
  }

  #set27 .raciones-main,
  #set27 .raciones-summary {
    width: 100%;
    padding-left: 0;
    padding-right: 0 !important;
  }

  #set40 .asignacion-menu-form,
  #set40 .asignacion-menu-list {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #set40 .asignacion-menu-actions {
    margin-top: 8px;
    text-align: left;
  }

  #set42 .asignacion-uca-form,
  #set42 .asignacion-uca-selector-visual,
  #set42 .asignacion-uca-grid,
  #set42 .asignacion-uca-members,
  #set42 .asignacion-uca-list {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #set42 .asignacion-uca-inline-form {
    grid-template-columns: 1fr;
  }

  #set42 .asignacion-uca-grid {
    grid-template-columns: 1fr;
  }
}

	 img.user{
	    margin: -4px 1px 0 0;
	     border-radius: 100%;
     border: 1px solid #FFF;
     max-width: 30px;
             }
img.mvnde{
    margin: -4px 1px 0 0;
     border-radius: 100%;
     border: 1px solid #FFF;
     max-width:31px;
    max-height:31px
   }
img.avnde{
    margin: -4px 1px 0 0;
     border-radius: 100%;
     border: 0px solid #FFF;
     max-width:31px;
    max-height:31px
   }
table.table-bordered > tbody > tr > td.bordetd{
                            border-left:3px solid brown;
                            border-right:1px solid brown;
                            cursor: pointer;
    
                   }
table.table-bordered > tbody > tr > td.bordetdS{
                            border-left:3px solid darkgreen;
                            border-right:1px solid darkgreen;
                            cursor: pointer;
                   }

table.table-bordered > tbody > tr > th.size{
                    font-size:12px;
             }
table.table-norelleno > tbody > tr > td.norllenotd{
                 padding: 0px;
                line-height: 1.42857143;
                vertical-align: top;
                border-top: 0px solid #ddd;
                   }


div.profile-users.memberdiv{
    margin: 0 1px 2px;
}

 .stylcampo{
            padding:10px;
            border: 0px solid rgb(172, 172, 253); 
            background: none;
            text-align: start; 
            font-style: normal; 
            font-variant: normal; 
            font-stretch: normal; 
            font-size: 14px; 
            line-height: 22px; 
            font-family: Roboto, Arial, Tahoma, sans-serif; 
            width: 100%;
            height: 99.90%; 
        }
        .stiltxt{
        padding: 10px; 
        text-align: start; 
        font-style: normal; 
        font-variant: normal; 
        font-weight: 400; 
        font-stretch: normal; 
        font-size: 14px; 
        line-height: 22px; 
        font-family: Roboto, Arial, Tahoma, sans-serif; 
        width:100%; 
        height:100%; 
        display: block; 
        border-width: 1px 1px; 
        border-style: solid none; 
        border-color: rgb(238, 238, 238) rgb(85, 85, 85);
        }
table.table-bordered > tbody > tr > td.tcondensed{
              padding:1px;
        }

/* Ciclos de menú */
#set29 .minuta-opciones {
  display: table;
  width: 100%;
}

#set29 .minuta-filtros-principales {
  display: flex;
  flex-wrap: wrap;
}

#set29 .minuta-filtro-anio { order: 1; }
#set29 .minuta-filtro-mes { order: 2; }
#set29 .minuta-filtro-generar { order: 3; }
#set29 .minuta-filtro-periodo { order: 4; }
#set29 .minuta-filtro-grupo-etario { order: 5; }
#set29 .minuta-rango-edad { order: 6; }

#set29 .minuta-opciones .btn {
  height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}

#set29 .minuta-opciones .btn.active {
  background: #438eb9 !important;
  border-color: #438eb9 !important;
  color: #fff !important;
}

#set29 .minuta-rango-fechas {
  padding: 10px 0;
  border-top: 1px dashed #d6e1e7;
  background: #f9fbfc;
}

#set29 .minuta-filtro-grupo-etario,
#set29 .minuta-rango-edad {
  margin-bottom: 8px;
}

#set29 .minuta-rango-edad .form-control {
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

#set29 .minuta-rango-edad-control {
  display: flex !important;
  align-items: stretch;
  width: 100%;
}

#set29 .minuta-rango-edad-control .form-control {
  display: block;
  float: none;
  flex: 1 1 0;
  width: 1% !important;
  height: 34px;
  margin: 0;
  border-radius: 0 !important;
  text-align: center;
}

#set29 .minuta-rango-edad-control .form-control:first-child {
  border-right: 0;
}

#set29 .minuta-rango-edad-control .form-control:last-child {
  border-left: 0;
}

#set29 .minuta-rango-separador + .form-control,
#set29 .minuta-rango-edad-control .form-control + .minuta-rango-separador {
  border-left: 0;
}

#set29 .minuta-rango-separador {
  display: flex;
  flex: 0 0 56px;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  height: 34px;
  padding: 0 8px;
  border-radius: 0;
  border-color: #b9cbd5;
  background: #edf6fb;
  color: #315d78;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

#set29 .minuta-rango-edad-disabled label {
  color: #9aa8af;
}

#set29 .minuta-rango-edad-disabled .minuta-rango-separador {
  border-color: #d9e0e4;
  background: #f2f4f5;
  color: #9aa8af;
}

#set29 .minuta-rango-edad-disabled .form-control[disabled] {
  border-color: #d9e0e4;
  background: #f2f4f5 !important;
  color: #9aa8af;
  cursor: not-allowed;
}

#set29 .minutas-guardadas-filtro {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto minmax(230px, .7fr) auto;
  gap: 10px;
  padding: 12px !important;
  border-bottom: 1px solid #dce6ec;
  background: #f8fafb;
}

#set29 .minutas-guardadas-filtro .form-control,
#set29 .minutas-guardadas-filtro .btn {
  height: 42px;
}

#set29 .minutas-guardadas-filtro .btn {
  padding: 0 19px;
}

#set29 .minutas-guardadas-filtro .btn-white {
  border-color: #9fb4c0;
  color: #708692;
}

#set29 .minuta-preview-download {
  height: 28px;
  margin: -4px 8px -3px 0;
  padding: 3px 10px;
  vertical-align: middle;
}

#set29 .minuta-uca-gallery {
  display: flex;
  gap: 14px;
  min-height: 126px;
  padding: 5px 2px 10px;
  overflow-x: auto;
  border-bottom: 1px solid #e3e9ec;
  background: #fff;
}

#set29 .minuta-uca-card {
  display: flex;
  flex: 0 0 142px;
  min-height: 112px;
  padding: 8px 7px;
  align-items: center;
  flex-direction: column;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #fff;
  color: #438eb9;
  text-align: center;
  cursor: pointer;
}

#set29 .minuta-uca-card:hover,
#set29 .minuta-uca-card:focus {
  border-color: #9bc7de;
  background: #f4fbfe;
  outline: none;
}

#set29 .minuta-uca-card.active {
  border-color: #69aa46;
  background: #f1faed;
  box-shadow: 0 0 0 2px rgba(105, 170, 70, .16);
}

#set29 .minuta-uca-icon {
  display: inline-flex;
  width: 70px;
  height: 70px;
  margin-bottom: 7px;
  align-items: center;
  justify-content: center;
  border: 2px solid #aaa;
  border-radius: 50%;
  background: #fff;
  color: #438eb9;
  font-size: 27px;
  overflow: hidden;
}

#set29 .minuta-uca-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
}

#set29 .minuta-uca-title {
  line-height: 1.35;
}

#set29 .minuta-uca-title .fa-circle {
  margin-right: 4px;
  color: #7cbd58;
  font-size: 9px;
}

#set29 .minuta-uca-card.active .minuta-uca-title {
  color: #4b8d32;
  font-weight: 700;
}

#set29 .minuta-uca-empty {
  width: 100%;
  padding: 42px 15px;
  color: #81939e;
  text-align: center;
}

#set29 #table-minutas-guardadas > thead > tr > th {
  background: #edf6fb;
  color: #315d78;
  border-bottom: 2px solid #5fa3ca;
  vertical-align: middle;
}

#set29 .minuta-lista-menus-horizontal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 14px !important;
  background: #fbfdfe;
}

#set29 .minuta-menu-opcion {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin: 0;
  padding: 8px 14px;
  border: 1px solid #b8cbd6;
  border-radius: 4px;
  background: #fff;
  color: #315d78;
  cursor: pointer;
  font-weight: 600;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#set29 .minuta-menu-opcion:hover {
  border-color: #5fa3ca;
  box-shadow: 0 2px 7px rgba(49, 93, 120, .14);
}

#set29 .minuta-menu-opcion.active {
  border-color: #69aa46;
  background: #f1faed;
  color: #4d8731;
}

#set29 .minuta-menu-opcion input {
  margin: 0 7px 0 0;
}

#set29 .minuta-menus-vacio {
  color: #879ba6;
  font-style: italic;
}

@media (max-width: 767px) {
  #set29 .minutas-guardadas-filtro {
    grid-template-columns: 1fr;
  }

  #set29 .minutas-guardadas-filtro .form-control {
    grid-column: auto;
  }

  #set29 .minutas-guardadas-filtro .btn {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  #set29 .minutas-guardadas-filtro {
    grid-template-columns: minmax(260px, 1fr) auto;
  }
}

/* Ciclos de menú */
.ciclos-menu-filtros {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(160px, .65fr) auto;
  grid-template-areas:
    "busqueda busqueda ciclo buscar";
  gap: 9px 10px;
  padding: 12px !important;
  border-bottom: 1px solid #dce6ec;
  background: #f8fafb;
}

.ciclos-menu-busqueda {
  grid-area: busqueda;
  font-size: 15px;
}

#filtroCicloMenuCiclo { grid-area: ciclo; }

.ciclos-menu-filtros .form-control,
.ciclos-menu-filtro-btn {
  height: 42px;
}

.ciclos-menu-filtro-btn {
  padding: 0 20px;
  border-color: #9fb4c0 !important;
  color: #708692 !important;
  font-size: 15px;
  white-space: nowrap;
}

.ciclos-menu-filtro-btn { grid-area: buscar; }

.ciclos-menu-filtro-btn .fa {
  margin-right: 7px;
}

#table-ciclos-menu > thead > tr > th,
#table-productos-racion-ciclo > thead > tr > th {
  background: #edf6fb;
  color: #315d78;
  border-bottom: 2px solid #5fa3ca;
  vertical-align: middle;
}

#table-productos-racion-ciclo .ciclo-menu-gramos-invalido {
  border-color: #d15b47;
  background: #fff3f1;
  color: #b74635;
}

.ciclos-menu-confirmacion-aviso {
  margin: 12px 8px 0;
  padding: 22px 24px;
  border-color: #b8e5ef;
  background: #d9f1f7;
  color: #2e7799;
  font-size: 18px;
  line-height: 1.5;
}

.ciclos-menu-nombre-grupo .input-group-addon {
  min-width: 76px;
  border-color: #b9cbd5;
  background: #edf6fb;
  color: #315d78;
  font-weight: 700;
  text-align: center;
}

.ciclos-menu-nombre-grupo input {
  text-align: center;
}

.ciclos-menu-confirmacion-pregunta {
  margin: 34px 10px 28px;
  font-size: 18px;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-titlebar {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 12px 18px;
  border-bottom: 1px solid #ddd;
  background: #fff;
  color: #5b9bc5;
  font-size: 24px;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: auto;
  margin: 0;
  line-height: 1.2;
}

.ciclos-menu-dialog-confirmacion .ciclos-menu-titulo-alerta {
  color: #dd5a43;
  font-size: 28px;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-titlebar-close {
  position: absolute;
  top: 19px;
  right: 15px;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #efb0a8;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-titlebar-close:before {
  content: "\f00d";
  font-family: FontAwesome;
  color: #efb0a8;
  font-size: 22px;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-titlebar-close .ui-icon {
  display: none;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-content {
  padding: 0 18px 14px;
  background: #fff;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-buttonpane {
  margin: 0;
  padding: 14px 22px;
  border-top: 1px solid #dbe3e8;
  background: #edf3f7;
  text-align: right;
}

.ciclos-menu-dialog-confirmacion .ui-dialog-buttonpane button {
  min-width: 180px;
  min-height: 48px;
  margin: 0 0 0 10px;
  border-radius: 0;
  font-size: 18px;
}

.ciclos-menu-dialog-confirmacion .ciclos-menu-btn-eliminar {
  background: #dd5a43 !important;
  border-color: #dd5a43 !important;
}

.ciclos-menu-dialog-confirmacion .ciclos-menu-btn-cancelar {
  background: #abbac3 !important;
  border-color: #abbac3 !important;
  color: #fff !important;
}

@media (max-width: 600px) {
  .ciclos-menu-dialog-confirmacion {
    width: calc(100% - 24px) !important;
  }

  .ciclos-menu-dialog-confirmacion .ui-dialog-buttonpane button {
    width: 100%;
    margin: 6px 0;
  }
}

@media (max-width: 767px) {
  .ciclos-menu-filtros {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "busqueda busqueda"
      "ciclo ciclo"
      "buscar buscar";
  }
}

.ciclos-menu-uca-panel {
  margin-bottom: 14px;
  padding: 12px 15px 8px;
  border: 1px solid #d7e2e9;
  background: #fff;
  box-shadow: 0 2px 8px rgba(46, 74, 94, .07);
}

.ciclos-menu-uca-heading {
  margin-bottom: 10px;
  color: #426d86;
}

.ciclos-menu-uca-heading b,
.ciclos-menu-uca-heading small {
  display: block;
}

.ciclos-menu-uca-heading small {
  margin-top: 2px;
  color: #7c909c;
}

.ciclos-menu-uca-gallery {
  display: flex;
  gap: 16px;
  min-height: 126px;
  padding: 4px 2px 10px;
  overflow-x: auto;
}

.ciclos-menu-uca-card {
  display: flex;
  flex: 0 0 145px;
  min-height: 112px;
  padding: 8px 7px;
  align-items: center;
  flex-direction: column;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #fff;
  color: #438eb9;
  text-align: center;
  cursor: pointer;
}

.ciclos-menu-uca-card:hover,
.ciclos-menu-uca-card:focus {
  border-color: #9bc7de;
  background: #f4fbfe;
  outline: none;
}

.ciclos-menu-uca-card.active {
  border-color: #69aa46;
  background: #f1faed;
  box-shadow: 0 0 0 2px rgba(105, 170, 70, .16);
}

.ciclos-menu-uca-icon {
  position: relative;
  display: inline-flex;
  width: 70px;
  height: 70px;
  margin-bottom: 7px;
  align-items: center;
  justify-content: center;
  border: 2px solid #aaa;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  font-size: 30px;
  overflow: hidden;
}

.ciclos-menu-uca-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
  border-radius: 50%;
}

.ciclos-menu-uca-icon .fa-users {
  position: absolute;
  right: 8px;
  bottom: 8px;
  color: #f6c744;
  font-size: 21px;
}

.ciclos-menu-uca-title {
  line-height: 1.35;
}

.ciclos-menu-uca-title .fa-circle {
  margin-right: 4px;
  color: #7cbd58;
  font-size: 9px;
}

.ciclos-menu-uca-card.active .ciclos-menu-uca-title {
  color: #4b8d32;
  font-weight: 700;
}

.ciclos-menu-uca-empty {
  width: 100%;
  padding: 42px 15px;
  color: #81939e;
  text-align: center;
}

/* Seguimiento nutricional */
#set33 .cue-uca-panel {
  margin-bottom: 14px;
  padding: 12px 15px 8px;
  border: 1px solid #d7e2e9;
  background: #fff;
  box-shadow: 0 2px 8px rgba(46, 74, 94, .07);
}

#set33 .cue-uca-heading { margin-bottom: 8px; color: #426d86; }
#set33 .cue-uca-heading b,
#set33 .cue-uca-heading small { display: block; }
#set33 .cue-uca-heading small { color: #7c909c; }
#set33 .cue-uca-gallery { display: flex; gap: 14px; min-height: 124px; padding: 4px 2px 9px; overflow-x: auto; }
#set33 .cue-uca-card { display: flex; flex: 0 0 145px; min-height: 110px; padding: 8px 7px; align-items: center; flex-direction: column; border: 1px solid transparent; border-radius: 5px; background: #fff; color: #438eb9; text-align: center; }
#set33 .cue-uca-card:hover,
#set33 .cue-uca-card:focus { border-color: #9bc7de; background: #f4fbfe; outline: 0; }
#set33 .cue-uca-card.active { border-color: #69aa46; background: #f1faed; box-shadow: 0 0 0 2px rgba(105,170,70,.16); }
#set33 .cue-uca-icon { display: inline-flex; width: 76px; height: 76px; margin-bottom: 6px; align-items: center; justify-content: center; overflow: hidden; border: 2px solid #aaa; border-radius: 50%; background: #fff; }
#set33 .cue-uca-icon img { display: block; width: 100%; height: 100%; padding: 5px; object-fit: contain; border-radius: 50%; background: #fff; }
#set33 .cue-uca-title { line-height: 1.3; }
#set33 .cue-uca-title .fa-circle { margin-right: 4px; color: #7cbd58; font-size: 9px; }
#set33 .cue-uca-empty { width: 100%; padding: 38px 15px; color: #81939e; text-align: center; }
#set33 .cue-import-help { margin-bottom: 12px; }
#set33 .cue-comparacion-resumen { margin-bottom: 10px; }
#set33 .cue-comparacion-resumen .label { display: inline-block; margin: 2px 5px 2px 0; padding: 6px 9px; font-size: 12px; }
#set33 #tabla_comparacion_cuentame td:nth-child(n+3):nth-child(-n+8) { text-align: right; white-space: nowrap; }
#set33 #tabla_comparacion_cuentame .cue-estado-coincide { background: #f1faed; }
#set33 #tabla_comparacion_cuentame .cue-estado-diferencia { background: #fff8e7; }
#set33 #tabla_comparacion_cuentame .cue-estado-ausente { background: #fff0f0; }

#set35 .alertas-uca-panel { margin-bottom: 14px; padding: 12px 15px 8px; border: 1px solid #d7e2e9; background: #fff; box-shadow: 0 2px 8px rgba(46,74,94,.07); }
#set35 .alertas-uca-heading { margin-bottom: 8px; color: #426d86; }
#set35 .alertas-uca-heading b,
#set35 .alertas-uca-heading small { display: block; }
#set35 .alertas-uca-heading small { color: #7c909c; }
#set35 .alertas-uca-gallery { display: flex; gap: 14px; min-height: 124px; padding: 4px 2px 9px; overflow-x: auto; }
#set35 .alertas-uca-card { display: flex; flex: 0 0 145px; min-height: 110px; padding: 8px 7px; align-items: center; flex-direction: column; border: 1px solid transparent; border-radius: 5px; background: #fff; color: #438eb9; text-align: center; }
#set35 .alertas-uca-card:hover,
#set35 .alertas-uca-card:focus { border-color: #9bc7de; background: #f4fbfe; outline: 0; }
#set35 .alertas-uca-card.active { border-color: #69aa46; background: #f1faed; box-shadow: 0 0 0 2px rgba(105,170,70,.16); }
#set35 .alertas-uca-icon { display: inline-flex; width: 76px; height: 76px; margin-bottom: 6px; align-items: center; justify-content: center; overflow: hidden; border: 2px solid #aaa; border-radius: 50%; background: #fff; }
#set35 .alertas-uca-icon img { display: block; width: 100%; height: 100%; padding: 5px; object-fit: contain; border-radius: 50%; background: #fff; }
#set35 .alertas-uca-title { line-height: 1.3; }
#set35 .alertas-uca-title .fa-circle { margin-right: 4px; color: #7cbd58; font-size: 9px; }
#set35 .alertas-uca-empty { width: 100%; padding: 38px 15px; color: #81939e; text-align: center; }

#set36 .estadisticas-uca-panel { margin-bottom: 14px; padding: 12px 15px 8px; border: 1px solid #d7e2e9; background: #fff; box-shadow: 0 2px 8px rgba(46,74,94,.07); }
#set36 .estadisticas-uca-heading { margin-bottom: 8px; color: #426d86; }
#set36 .estadisticas-uca-heading b,
#set36 .estadisticas-uca-heading small { display: block; }
#set36 .estadisticas-uca-heading small { color: #7c909c; }
#set36 .estadisticas-uca-gallery { display: flex; gap: 14px; min-height: 124px; padding: 4px 2px 9px; overflow-x: auto; }
#set36 .estadisticas-uca-card { display: flex; flex: 0 0 145px; min-height: 110px; padding: 8px 7px; align-items: center; flex-direction: column; border: 1px solid transparent; border-radius: 5px; background: #fff; color: #438eb9; text-align: center; }
#set36 .estadisticas-uca-card:hover,
#set36 .estadisticas-uca-card:focus { border-color: #9bc7de; background: #f4fbfe; outline: 0; }
#set36 .estadisticas-uca-card.active { border-color: #69aa46; background: #f1faed; box-shadow: 0 0 0 2px rgba(105,170,70,.16); }
#set36 .estadisticas-uca-icon { display: inline-flex; width: 76px; height: 76px; margin-bottom: 6px; align-items: center; justify-content: center; overflow: hidden; border: 2px solid #aaa; border-radius: 50%; background: #fff; }
#set36 .estadisticas-uca-icon img { display: block; width: 100%; height: 100%; padding: 5px; object-fit: contain; border-radius: 50%; background: #fff; }
#set36 .estadisticas-uca-general .estadisticas-uca-icon { color: #438eb9; font-size: 38px; }
#set36 .estadisticas-uca-title { line-height: 1.3; }
#set36 .estadisticas-uca-title .fa-circle { margin-right: 4px; color: #7cbd58; font-size: 9px; }
#set36 .estadisticas-uca-empty { width: 100%; padding: 38px 15px; color: #81939e; text-align: center; }
#set36 #estadisticas_graficas { margin-top: 12px; }
#set36 #estadisticas_graficas .nutricion-chart-card { margin-bottom: 16px; }
#set36 .estadisticas-promedio-card { min-height: 285px; padding: 14px 12px 8px; }
#set36 .estadisticas-chart-card { min-height: 350px; padding: 14px 16px 10px; }
#set36 .estadisticas-promedio-card h4,
#set36 .estadisticas-chart-card h4 { border-bottom: 1px solid #edf1f4; font-size: 15px; padding-bottom: 9px; }
#set36 .estadisticas-promedio-card h4 small { color: #438eb9; display: block; font-size: 13px; font-weight: 700; margin-top: 5px; }
#set36 .estadisticas-mini-chart { min-height: 215px; overflow: hidden; }
#set36 .estadisticas-mini-chart svg,
#set36 .nutricion-svg-chart svg,
#set36 .estadisticas-dona-chart svg { display: block; height: auto; width: 100%; }
#set36 .dashboard-mini-grid,
#set36 .dashboard-line-grid { stroke: #e5eaee; stroke-width: 1; }
#set36 .dashboard-mini-axis,
#set36 .dashboard-chart-axis { fill: #748592; font-size: 10px; }
#set36 .dashboard-mini-value,
#set36 .dashboard-chart-value { fill: #34495e; font-size: 10px; font-weight: 700; }
#set36 .dashboard-chart-label { fill: #526873; font-size: 12px; }
#set36 .dashboard-line-series { fill: none; stroke: #438eb9; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4; }
#set36 .dashboard-line-point { fill: #438eb9; stroke: #fff; stroke-width: 2; }
#set36 .estadisticas-dona-layout { display: flex; min-height: 275px; align-items: center; justify-content: center; }
#set36 .estadisticas-dona-chart { flex: 0 1 235px; }
#set36 .estadisticas-dona-legend { flex: 0 1 220px; padding-left: 15px; }
#set36 .dashboard-donut-value { fill: #34495e; font-size: 25px; font-weight: 700; }
#set36 .dashboard-donut-label { fill: #7f8c8d; font-size: 11px; }
#set36 .dashboard-legend-item { display: flex; margin: 9px 0; align-items: center; gap: 7px; color: #687d8c; }
#set36 .dashboard-legend-item i { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; }
#set36 .dashboard-legend-item span { flex: 1; }
#set36 .dashboard-mini-empty { color: #8795a1; padding: 82px 4px 0; text-align: center; }

@media (max-width: 767px) {
  #set36 .estadisticas-dona-layout { flex-direction: column; }
  #set36 .estadisticas-dona-legend { width: 100%; padding: 0 20px 10px; }
}

#set34 .crecimiento-uca-panel { margin-bottom: 14px; padding: 12px 15px 8px; border: 1px solid #d7e2e9; background: #fff; box-shadow: 0 2px 8px rgba(46,74,94,.07); }
#set34 .crecimiento-uca-heading { margin-bottom: 8px; color: #426d86; }
#set34 .crecimiento-uca-heading b,
#set34 .crecimiento-uca-heading small { display: block; }
#set34 .crecimiento-uca-heading small { color: #7c909c; }
#set34 .crecimiento-uca-gallery { display: flex; gap: 14px; min-height: 124px; padding: 4px 2px 9px; overflow-x: auto; }
#set34 .crecimiento-uca-card { display: flex; flex: 0 0 145px; min-height: 110px; padding: 8px 7px; align-items: center; flex-direction: column; border: 1px solid transparent; border-radius: 5px; background: #fff; color: #438eb9; text-align: center; }
#set34 .crecimiento-uca-card:hover,
#set34 .crecimiento-uca-card:focus { border-color: #9bc7de; background: #f4fbfe; outline: 0; }
#set34 .crecimiento-uca-card.active { border-color: #69aa46; background: #f1faed; box-shadow: 0 0 0 2px rgba(105,170,70,.16); }
#set34 .crecimiento-uca-icon { display: inline-flex; width: 76px; height: 76px; margin-bottom: 6px; align-items: center; justify-content: center; overflow: hidden; border: 2px solid #aaa; border-radius: 50%; background: #fff; }
#set34 .crecimiento-uca-icon img { display: block; width: 100%; height: 100%; padding: 5px; object-fit: contain; border-radius: 50%; background: #fff; }
#set34 .crecimiento-uca-title { line-height: 1.3; }
#set34 .crecimiento-uca-title .fa-circle { margin-right: 4px; color: #7cbd58; font-size: 9px; }
#set34 .crecimiento-uca-empty { width: 100%; padding: 38px 15px; color: #81939e; text-align: center; }
#set34 .select2-container { width: 100% !important; }
#set34 .select2-container .select2-selection--single { min-height: 34px; }
#set34 .crecimiento-chart-card { min-height: 285px; padding: 14px 12px 8px; }
#set34 .crecimiento-chart-card h4 { border-bottom: 1px solid #edf1f4; font-size: 15px; padding-bottom: 9px; }
#set34 .crecimiento-chart-card h4 small { color: #438eb9; display: block; font-size: 13px; font-weight: 700; margin-top: 5px; }
#set34 .crecimiento-plantilla-chart { min-height: 215px; overflow: hidden; }
#set34 .crecimiento-plantilla-chart svg { display: block; height: auto; width: 100%; }
#set34 .dashboard-mini-grid { stroke: #e5eaee; stroke-width: 1; }
#set34 .dashboard-mini-axis { fill: #748592; font-size: 10px; }
#set34 .dashboard-mini-value { fill: #34495e; font-size: 10px; font-weight: 700; }
#set34 .dashboard-mini-empty { color: #8795a1; padding: 82px 4px 0; text-align: center; }

#set32 .nutricion-uca-panel {
  margin-bottom: 14px;
  padding: 12px 15px 8px;
  border: 1px solid #d7e2e9;
  background: #fff;
  box-shadow: 0 2px 8px rgba(46, 74, 94, .07);
}

#set32 .nutricion-uca-heading b,
#set32 .nutricion-uca-heading small { display: block; }
#set32 .nutricion-uca-heading { margin-bottom: 8px; color: #426d86; }
#set32 .nutricion-uca-heading small { color: #7c909c; }

#set32 .nutricion-uca-gallery {
  display: flex;
  gap: 14px;
  min-height: 124px;
  padding: 4px 2px 9px;
  overflow-x: auto;
}

#set32 .nutricion-uca-card {
  display: flex;
  flex: 0 0 145px;
  min-height: 110px;
  padding: 8px 7px;
  align-items: center;
  flex-direction: column;
  border: 1px solid transparent;
  border-radius: 5px;
  background: #fff;
  color: #438eb9;
  text-align: center;
}

#set32 .nutricion-uca-card:hover,
#set32 .nutricion-uca-card:focus { border-color: #9bc7de; background: #f4fbfe; outline: 0; }
#set32 .nutricion-uca-card.active { border-color: #69aa46; background: #f1faed; box-shadow: 0 0 0 2px rgba(105,170,70,.16); }

#set32 .nutricion-uca-icon {
  position: relative;
  display: inline-flex;
  width: 68px;
  height: 68px;
  margin-bottom: 7px;
  align-items: center;
  justify-content: center;
  border: 2px solid #aaa;
  border-radius: 50%;
  background: #fff;
  color: #fff;
  font-size: 29px;
  overflow: hidden;
}

#set32 .nutricion-uca-icon img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
  border-radius: 50%;
}

#set32 .nutricion-uca-icon .fa-users { position: absolute; right: 7px; bottom: 7px; color: #f6c744; font-size: 20px; }
#set32 .nutricion-uca-title { line-height: 1.35; }
#set32 .nutricion-uca-title .fa-circle { margin-right: 4px; color: #7cbd58; font-size: 9px; }
#set32 .nutricion-uca-card.active .nutricion-uca-title { color: #4b8d32; font-weight: 700; }
#set32 .nutricion-uca-empty { width: 100%; padding: 40px 15px; color: #81939e; text-align: center; }

#set32 .nutricion-poblacion-botones .btn { height: 38px; padding: 8px 7px; }
#set32 .nutricion-poblacion-botones .btn.active { border-color: #438eb9 !important; background: #438eb9 !important; color: #fff !important; }

#set32 .nutricion-action-bar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid #d9e2e8;
  background: #f3f6f8;
}
#set32 .nutricion-action-bar .pull-right { margin-left: auto; }

#set32 .nutricion-summary {
  margin-bottom: 12px;
}

#set32 .nutricion-kpi {
  display: flex;
  align-items: center;
  min-height: 64px;
  margin-bottom: 8px;
  padding: 12px 16px;
  color: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .14);
}

#set32 .nutricion-kpi i {
  width: 42px;
  font-size: 28px;
  opacity: .88;
}

#set32 .nutricion-kpi span {
  font-size: 14px;
}

#set32 .nutricion-kpi b {
  display: block;
  font-size: 22px;
  line-height: 22px;
}

#set32 .nutricion-kpi-blue { background: #438eb9; }
#set32 .nutricion-kpi-green { background: #69aa46; }
#set32 .nutricion-kpi-purple { background: #9585bf; }

#set32 .nutricion-widget {
  border-color: #d6dfe6;
}

#set32 .nutricion-widget > .widget-header {
  background: #f7f9fb;
  border-color: #d6dfe6;
}

#set32 .nutricion-cabecera-controles .form-control {
  width: 100%;
  height: 38px;
  padding: 7px 10px;
  border-color: #c8d2d9;
  border-radius: 3px;
  background-color: #fff;
  font-size: 13px;
}

#set32 .nutricion-cabecera-controles label {
  min-height: 18px;
  margin-bottom: 5px;
  color: #4f5d66;
  font-weight: 600;
}

#set32 .nutricion-imc {
  height: 34px;
  padding: 6px 10px;
  color: #2b7dbc;
  background: #eef7fc;
  border: 1px solid #b9d9ea;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

#set32 .nutricion-help {
  min-height: 34px;
  margin: 25px 0 0;
  padding: 7px 10px;
}

#set32 .nutricion-form-actions {
  padding-top: 25px;
}

#set32 .nutricion-import-summary {
  margin: 14px 0 8px;
  padding: 10px;
  background: #f5f8fa;
  border-left: 4px solid #6fb3e0;
}

#set32 .nutricion-import-summary .label {
  display: inline-block;
  margin: 2px 5px 2px 0;
  padding: 5px 9px;
  font-size: 12px;
}

#set32 .nutricion-table-wrap {
  max-height: 430px;
  margin-top: 10px;
  overflow: auto;
  border: 1px solid #e1e6e9;
}

#set32 .nutricion-table-wrap table {
  margin-bottom: 0;
}

#set32 .nutricion-table-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #edf3f4;
  white-space: nowrap;
}

#set32 .nutricion-filtros {
  margin-bottom: 5px;
}

#set32 .nutricion-planilla-estado {
  padding: 9px 12px;
  color: #234f6d;
  background: #edf6fb;
  border-left: 4px solid #438eb9;
}

#set32 .nutricion-planilla-wrap {
  max-height: 620px;
  margin-top: 10px;
  overflow: auto;
  border: 1px solid #d6d6d6;
  background: #fff;
}

#set32 .nutricion-planilla {
  width: 100%;
  min-width: 1650px;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #4b4b4b;
  font-size: 12px;
}

#set32 .nutricion-planilla th,
#set32 .nutricion-planilla td {
  height: 54px;
  padding: 6px 8px;
  border: 1px solid #d8d8d8;
  vertical-align: middle;
}

#set32 .nutricion-planilla tbody tr:nth-child(odd) td {
  background: #fff;
}

#set32 .nutricion-planilla tbody tr:nth-child(even) td {
  background: #f7f7f7;
}

#set32 .nutricion-planilla thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  height: 92px;
  background: #fff;
  color: #666;
  text-align: center;
  font-weight: 700;
  letter-spacing: .1px;
}

#set32 .nutricion-planilla th:nth-child(1) { width: 54px; }
#set32 .nutricion-planilla th:nth-child(2) { width: 155px; }
#set32 .nutricion-planilla th:nth-child(3) { width: 165px; }
#set32 .nutricion-planilla th:nth-child(4),
#set32 .nutricion-planilla th:nth-child(5) { width: 180px; }
#set32 .nutricion-planilla th:nth-child(6) { width: 82px; }
#set32 .nutricion-planilla th:nth-child(7) { width: 124px; }
#set32 .nutricion-planilla th:nth-child(8) { width: 145px; }

#set32 .nutricion-planilla .nut-medicion,
#set32 .nutricion-planilla td.nut-medicion {
  background: #fafafa;
}

#set32 .nutricion-planilla .nut-head-vertical {
  width: auto;
}

#set32 .nutricion-planilla .nut-head-vertical span {
  display: inline-block;
  writing-mode: horizontal-tb;
  transform: none;
}

#set32 .nutricion-planilla th {
  writing-mode: horizontal-tb;
  transform: none;
  white-space: normal;
}

#set32 .nutricion-planilla th.nut-col-fecha {
  width: 185px !important;
  min-width: 185px;
  max-width: 185px;
}

#set32 .nutricion-planilla th.nut-col-medida {
  width: 115px !important;
  min-width: 115px;
  max-width: 115px;
}

#set32 .nutricion-cell-input {
  width: 100%;
  height: 34px;
  padding: 4px;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  background: #fff;
  text-align: right;
  font-size: 12px;
}

#set32 .nutricion-cell-input[type="date"] {
  min-width: 160px;
  padding: 4px 3px;
  text-align: left;
}

#set32 .nutricion-cell-input.nut-peso,
#set32 .nutricion-cell-input.nut-talla,
#set32 .nutricion-cell-input.nut-braquial,
#set32 .nutricion-cell-input.nut-semana {
  min-width: 96px;
  padding-right: 8px;
}

#set32 .nutricion-planilla .nut-uca-asignada {
  color: #555;
  line-height: 17px;
}

#set32 .nutricion-planilla .nut-uca-asignada small {
  color: #888;
}

#set32 .nutricion-cell-input:focus {
  outline: 0;
  border-color: #4f99c6;
  background: #fff;
  box-shadow: inset 0 0 0 1px #4f99c6;
}

#set32 .nutricion-cell-input.nutricion-campo-invalido {
  border-color: #d15b47 !important;
  background: #fff1ef !important;
  box-shadow: 0 0 0 2px rgba(209,91,71,.14);
}
#set32 .nutricion-fecha-control { min-width: 145px; }
#set32 .nutricion-fecha-control .nutricion-cell-input { width: 100%; }
#set32 .nutricion-fecha-control .input-group-addon { padding: 5px 7px; cursor: pointer; color: #438eb9; background: #f7fbfd; }

#set32 .nutricion-action-bar .btn,
#set32 .nutricion-historial-acciones .btn { margin: 2px; }
#set32 .nutricion-action-bar .nutricion-guardar-planilla { margin-left: auto; }
#set32 .nutricion-historial-acciones { border-top: 1px solid #e1e8ed; background: #f5f8fa; }
#dialog-alertas-nutricionales .nutricion-alerta-beneficiario { min-width: 190px; vertical-align: middle; background: #f7fbfd; border-bottom: 2px solid #cbdbe5; }
#dialog-alertas-nutricionales .nutricion-alerta-fila:last-child td { border-bottom-width: 2px; }

#set32 .nutricion-planilla-leyenda {
  padding-top: 8px;
  color: #666;
  font-size: 12px;
}

#set32 .nutricion-historial-filtros {
  margin-bottom: 8px;
}

#set32 .nutricion-historial-filtros .nutricion-planilla-estado {
  min-height: 38px;
  margin-top: 0;
  padding-top: 9px;
}

#set32 .nutricion-historial-planilla {
  width: max-content;
  min-width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #111;
  font-size: 11px;
}

#set32 .nutricion-historial-planilla th,
#set32 .nutricion-historial-planilla td {
  height: 41px;
  padding: 3px 4px;
  border: 1px solid #222;
  vertical-align: middle;
}

#set32 .nutricion-historial-planilla thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  height: 78px;
  background: #c8c8c8;
  text-align: center;
  font-weight: 700;
}

#set32 .nutricion-historial-planilla thead tr:nth-child(2) th {
  top: 78px;
  height: 92px;
}

#set32 .nutricion-historial-planilla th:nth-child(1) { width: 48px; }
#set32 .nutricion-historial-planilla th:nth-child(2) { width: 165px; }
#set32 .nutricion-historial-planilla th:nth-child(3),
#set32 .nutricion-historial-planilla th:nth-child(4) { width: 190px; }
#set32 .nutricion-historial-planilla th:nth-child(5) { width: 82px; }
#set32 .nutricion-historial-planilla th:nth-child(6) { width: 124px; }
#set32 .nutricion-historial-planilla th:nth-child(7) { width: 145px; }

#set32 .nutricion-historial-planilla .nut-historial-fase,
#set32 .nutricion-historial-planilla thead .nut-historial-medicion {
  min-width: 112px;
  background: #d0cecf;
}

#set32 .nutricion-historial-planilla thead .nut-historial-fase-1 {
  color: #fff;
  background: #3b8dbc;
}

#set32 .nutricion-historial-planilla thead .nut-historial-fase-2 {
  color: #fff;
  background: #69aa46;
}

#set32 .nutricion-historial-planilla thead .nut-historial-fase-3 {
  color: #fff;
  background: #e69a2a;
}

#set32 .nutricion-historial-planilla thead .nut-historial-fase-4 {
  color: #fff;
  background: #7e6aad;
}

#set32 .nutricion-historial-planilla tbody .nut-historial-medicion {
  min-width: 112px;
  background: #fff;
}

#set32 .nutricion-historial-planilla tbody tr:nth-child(even) td:not(.nut-historial-medicion) {
  background: #fafafa;
}

/* Analítica nutricional: CUE, crecimiento, alertas y estadísticas */
.nutricion-analitica-filtros {
  margin-bottom: 14px;
}

.nutricion-analitica-filtros label {
  color: #4c5967;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.nutricion-analitica-accion {
  padding-top: 21px;
}

.nutricion-aviso-clinico {
  border-left: 4px solid #438eb9;
}

.nutricion-persona-resumen {
  background: #f4f8fb;
  border: 1px solid #d7e5ef;
  border-radius: 3px;
  color: #4c5967;
  margin-bottom: 15px;
  padding: 12px 15px;
}

.nutricion-chart-card {
  background: #fff;
  border: 1px solid #dce3e8;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  margin-bottom: 16px;
  padding: 12px;
}

.nutricion-chart-card h4 {
  color: #4c5967;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 8px;
  text-align: center;
}

.nutricion-svg-chart {
  min-height: 220px;
  overflow: hidden;
  width: 100%;
}

.nutricion-svg-chart svg {
  display: block;
  height: auto;
  max-height: 285px;
  width: 100%;
}

.nutricion-svg-chart-wide {
  margin: 0 auto;
  max-width: 900px;
}

.nut-chart-label {
  fill: #697785;
  font-size: 12px;
}

.nut-chart-value {
  fill: #34495e;
  font-size: 12px;
  font-weight: 700;
}

.nutricion-chart-empty {
  color: #8795a1;
  padding: 80px 10px;
  text-align: center;
}

#set33 .nutricion-table-wrap,
#set34 .nutricion-table-wrap,
#set35 .nutricion-table-wrap {
  margin-top: 12px;
}

#set36 .nutricion-summary {
  margin-top: 14px;
  margin-bottom: 12px;
}

#set36 .nutricion-summary > div {
  margin-bottom: 12px;
}

#set36 .nutricion-kpi {
  --kpi-color: #438eb9;
  display: flex;
  min-height: 94px;
  padding: 14px 12px;
  align-items: center;
  border: 1px solid #dce5eb;
  border-left: 4px solid var(--kpi-color);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 2px 7px rgba(45, 75, 95, .09);
}

#set36 .nutricion-kpi > i {
  display: inline-flex;
  width: 44px;
  height: 44px;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  border-radius: 50%;
  background: var(--kpi-color);
  color: #fff;
  font-size: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .12);
}

#set36 .nutricion-kpi-content {
  min-width: 0;
}

#set36 .nutricion-kpi span {
  display: block;
  color: #6b7f8b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

#set36 .nutricion-kpi b {
  display: block;
  margin-top: 5px;
  color: #34495e;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
}

#set36 .nutricion-kpi-blue { --kpi-color: #438eb9; }
#set36 .nutricion-kpi-green { --kpi-color: #69aa46; }
#set36 .nutricion-kpi-purple { --kpi-color: #9585bf; }
#set36 .nutricion-kpi-teal { --kpi-color: #3a9a91; }
#set36 .nutricion-kpi-orange { --kpi-color: #e59729; }
#set36 .nutricion-kpi-red { --kpi-color: #d15b47; }

#set36 .nutricion-kpi:hover {
  border-color: var(--kpi-color);
  transform: translateY(-1px);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 4px 11px rgba(45, 75, 95, .14);
}

/* Dashboard principal: resumen operativo y proceso nutricional */
#set0 .dashboard-main-tabs {
  border-bottom: 2px solid #438eb9;
  margin-bottom: 0;
}

#set0 .dashboard-main-tabs > li > a {
  border-radius: 5px 5px 0 0;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 22px;
}

#set0 .dashboard-main-tabs > li.active > a {
  border-color: #438eb9 #438eb9 transparent;
  color: #2b6f95;
}

#set0 .dashboard-main-content {
  background: #fff;
  border: 1px solid #d8e2eb;
  border-top: 0;
  padding: 18px;
}

.dashboard-nutricion-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}

.dashboard-nutricion-header h3 {
  color: #315a72;
  margin: 0 0 4px;
}

.dashboard-nutricion-header p {
  color: #72808b;
  margin: 0;
}

.dashboard-nutricion-estado {
  color: #6d7d88;
  min-height: 24px;
  padding: 3px 0 8px;
}

.dashboard-nutricion-kpis > div {
  margin-bottom: 14px;
}

.dashboard-kpi {
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(33, 54, 70, .14);
  color: #fff;
  min-height: 142px;
  overflow: hidden;
  padding: 18px 16px 14px 68px;
  position: relative;
}

.dashboard-kpi > i {
  font-size: 33px;
  left: 18px;
  opacity: .9;
  position: absolute;
  top: 21px;
}

.dashboard-kpi span,
.dashboard-kpi small {
  display: block;
}

.dashboard-kpi span {
  font-size: 13px;
  min-height: 37px;
  text-transform: uppercase;
}

.dashboard-kpi b {
  display: block;
  font-size: 29px;
  line-height: 1.1;
  margin: 3px 0 8px;
}

.dashboard-kpi small {
  color: rgba(255, 255, 255, .92);
  line-height: 1.3;
}

.dashboard-kpi-blue { background: #438eb9; }
.dashboard-kpi-green { background: #69aa46; }
.dashboard-kpi-orange { background: #e59729; }
.dashboard-kpi-red { background: #d65b5b; }
.dashboard-kpi-purple { background: #9585bf; }
.dashboard-kpi-teal { background: #3a9a91; }
.dashboard-kpi-slate { background: #687d8c; }

.dashboard-nutricion-widget {
  margin-bottom: 14px;
}

.dashboard-nutricion-widget .widget-header {
  background: #f4f8fb;
  color: #496879;
}

.dashboard-process-charts .dashboard-nutricion-widget {
  min-height: 315px;
}

.dashboard-svg-bars {
  min-height: 235px;
  overflow: hidden;
  width: 100%;
}

.dashboard-svg-bars svg {
  display: block;
  height: auto;
  max-height: 245px;
  width: 100%;
}

.dashboard-svg-bars-wide {
  margin: 0 auto;
  max-width: 780px;
}

.dashboard-inventario-resumen {
  margin-top: 0;
  min-height: 350px;
}

.dashboard-chart-label {
  fill: #526979;
  font-size: 14px;
  font-weight: 600;
}

.dashboard-chart-value {
  fill: #34495e;
  font-size: 15px;
  font-weight: 700;
}

.dashboard-data-note {
  margin-bottom: 0;
}

#dashboard_inventario .dashboard-inventario-description {
  color: #748592;
  font-size: 12px;
  margin: 0 0 8px;
  text-align: center;
}

#dashboard_inventario .dashboard-inventario-charts .dashboard-nutricion-widget {
  min-height: 430px;
  width: 100%;
}

#dashboard_inventario .dashboard-inventario-charts {
  display: flex;
  flex-wrap: wrap;
}

#dashboard_inventario .dashboard-inventario-charts > [class*="col-"] {
  display: flex;
}

#dashboard_inventario .dashboard-inventario-donut-layout {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 325px;
}

#dashboard_inventario .dashboard-inventario-donut {
  flex: 0 1 285px;
  max-width: 285px;
}

#dashboard_inventario .dashboard-inventario-donut svg,
#dashboard_inventario .dashboard-inventario-ranking svg,
#dashboard_inventario .dashboard-inventario-combo svg {
  display: block;
  height: auto;
  width: 100%;
}

#dashboard_inventario .dashboard-inv-donut-value {
  fill: #315a72;
  font-size: 32px;
  font-weight: 700;
}

#dashboard_inventario .dashboard-inv-donut-label {
  fill: #748592;
  font-size: 13px;
}

#dashboard_inventario .dashboard-inventario-legend {
  min-width: 165px;
  padding-left: 12px;
}

#dashboard_inventario .dashboard-inv-legend-item {
  align-items: center;
  border-bottom: 1px solid #edf1f4;
  display: grid;
  gap: 8px;
  grid-template-columns: 12px 1fr auto;
  padding: 9px 0;
}

#dashboard_inventario .dashboard-inv-legend-item i {
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

#dashboard_inventario .dashboard-inv-legend-item span,
#dashboard_inventario .dashboard-inv-axis,
#dashboard_inventario .dashboard-inv-label {
  color: #5d6e7b;
  fill: #5d6e7b;
}

#dashboard_inventario .dashboard-inv-legend-item b {
  color: #34495e;
  font-size: 15px;
}

#dashboard_inventario .dashboard-inv-legend-item small {
  color: #8795a1;
  font-weight: 400;
}

#dashboard_inventario .dashboard-inventario-ranking,
#dashboard_inventario .dashboard-inventario-combo {
  min-height: 300px;
  overflow: hidden;
}

#dashboard_inventario .dashboard-inv-grid {
  stroke: #e2e8ed;
  stroke-width: 1;
}

#dashboard_inventario .dashboard-inv-axis {
  font-size: 11px;
}

#dashboard_inventario .dashboard-inv-label {
  font-size: 12px;
}

#dashboard_inventario .dashboard-inv-value {
  fill: #34495e;
  font-size: 12px;
  font-weight: 700;
}

#dashboard_inventario .dashboard-inv-empty {
  color: #8795a1;
  padding: 115px 10px 0;
  text-align: center;
}

#dashboard_nutricion .dashboard-chart-description {
  color: #748592;
  font-size: 12px;
  margin: 0 0 8px;
  text-align: center;
}

#dashboard_nutricion .dashboard-chart-tomas {
  min-height: 285px;
}

#dashboard_nutricion .dashboard-antropometria-widget {
  min-height: 386px;
}

#dashboard_nutricion .dashboard-antropometria-grid > div {
  padding-left: 5px;
  padding-right: 5px;
}

#dashboard_nutricion .dashboard-mini-chart-card {
  background: #fbfcfd;
  margin-bottom: 0;
  min-height: 265px;
  padding: 10px 7px 6px;
}

#dashboard_nutricion .dashboard-mini-chart-card h4 {
  font-size: 13px;
  margin-bottom: 2px;
}

#dashboard_nutricion .dashboard-mini-chart-card h4 small {
  color: #438eb9;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: 5px;
}

#dashboard_nutricion .dashboard-mini-trend {
  min-height: 205px;
  overflow: hidden;
}

#dashboard_nutricion .dashboard-mini-trend svg {
  display: block;
  height: auto;
  width: 100%;
}

#dashboard_nutricion .dashboard-mini-grid {
  stroke: #e5eaee;
  stroke-width: 1;
}

#dashboard_nutricion .dashboard-mini-axis {
  fill: #748592;
  font-size: 10px;
}

#dashboard_nutricion .dashboard-mini-value {
  fill: #34495e;
  font-size: 10px;
  font-weight: 700;
}

#dashboard_nutricion .dashboard-mini-empty {
  color: #8795a1;
  padding: 82px 4px 0;
  text-align: center;
}

#dashboard_nutricion .dashboard-line-grid {
  stroke: #e2e8ed;
  stroke-width: 1;
}

#dashboard_nutricion .dashboard-line-series {
  fill: none;
  stroke: #438eb9;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}

#dashboard_nutricion .dashboard-line-point {
  fill: #438eb9;
  stroke: #fff;
  stroke-width: 3;
}

#dashboard_nutricion .dashboard-chart-axis {
  fill: #687986;
  font-size: 12px;
}

#dashboard_nutricion .dashboard-donut-layout {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 235px;
}

#dashboard_nutricion .dashboard-donut-chart {
  flex: 0 1 230px;
  max-width: 230px;
}

#dashboard_nutricion .dashboard-donut-chart svg {
  display: block;
  height: auto;
  width: 100%;
}

#dashboard_nutricion .dashboard-donut-value {
  fill: #315a72;
  font-size: 28px;
  font-weight: 700;
}

#dashboard_nutricion .dashboard-donut-label {
  fill: #748592;
  font-size: 13px;
}

#dashboard_nutricion .dashboard-chart-legend {
  min-width: 155px;
  padding-left: 10px;
}

#dashboard_nutricion .dashboard-legend-item {
  align-items: center;
  border-bottom: 1px solid #edf1f4;
  display: grid;
  gap: 8px;
  grid-template-columns: 12px 1fr auto;
  padding: 9px 0;
}

#dashboard_nutricion .dashboard-legend-item i {
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

#dashboard_nutricion .dashboard-legend-item span {
  color: #5d6e7b;
}

#dashboard_nutricion .dashboard-legend-item b {
  color: #34495e;
  font-size: 16px;
}

#dashboard_nutricion .dashboard-estado-seguimiento {
  min-height: 245px;
}

#dashboard_nutricion .dashboard-process-charts .dashboard-nutricion-widget {
  min-height: 455px;
}

#dashboard_nutricion .dashboard-consumo-uca-layout {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 350px;
}

#dashboard_nutricion .dashboard-consumo-uca-pie {
  flex: 0 0 225px;
  max-width: 225px;
  width: 100%;
}

#dashboard_nutricion .dashboard-consumo-uca-pie svg {
  display: block;
  height: auto;
  width: 100%;
}

#dashboard_nutricion .dashboard-consumo-uca-legend {
  max-height: 145px;
  overflow-y: auto;
  padding: 0 5px;
  width: 100%;
}

#dashboard_nutricion .dashboard-consumo-total {
  align-items: center;
  background: #f4f8fb;
  border-radius: 4px;
  color: #526979;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
  padding: 7px 9px;
}

#dashboard_nutricion .dashboard-consumo-total b {
  color: #315a72;
}

#dashboard_nutricion .dashboard-consumo-legend-item {
  align-items: center;
  border-bottom: 1px solid #edf1f4;
  display: grid;
  gap: 7px;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  padding: 5px 3px;
}

#dashboard_nutricion .dashboard-consumo-legend-item i {
  border-radius: 50%;
  height: 9px;
  width: 9px;
}

#dashboard_nutricion .dashboard-consumo-legend-item span {
  color: #5d6e7b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard_nutricion .dashboard-consumo-legend-item b {
  color: #34495e;
}

#dashboard_nutricion .dashboard-consumo-empty {
  color: #8795a1;
  padding: 95px 10px 0;
  text-align: center;
}

@media (max-width: 767px) {
  #set32 .nutricion-form-actions,
  #set32 .nutricion-help {
    margin-top: 8px;
    padding-top: 0;
  }

  #set32 .nutricion-kpi {
    min-height: 54px;
  }

  #set32 .nutricion-historial-filtros .nutricion-planilla-estado {
    margin-top: 8px;
  }

  .nutricion-analitica-accion {
    padding-top: 10px;
  }

  .nutricion-svg-chart {
    min-height: 190px;
  }

  #set0 .dashboard-main-content {
    padding: 10px;
  }

  #set0 .dashboard-main-tabs > li > a {
    padding: 10px 12px;
  }

  #set0 .dashboard-main-tabs > li {
    float: none;
    width: 100%;
  }

  #set0 .dashboard-main-tabs > li > a {
    border-radius: 0;
    margin-right: 0;
  }

  .dashboard-nutricion-header {
    align-items: flex-start;
    gap: 10px;
  }

  .dashboard-process-charts .dashboard-nutricion-widget {
    min-height: auto;
  }

  #dashboard_nutricion .dashboard-process-charts .dashboard-nutricion-widget {
    min-height: auto;
  }

  #dashboard_nutricion .dashboard-donut-layout {
    flex-direction: column;
  }

  #dashboard_nutricion .dashboard-chart-legend {
    padding-left: 0;
    width: 100%;
  }

  #dashboard_nutricion .dashboard-antropometria-widget,
  #dashboard_nutricion .dashboard-mini-chart-card {
    min-height: auto;
  }

  #dashboard_nutricion .dashboard-mini-chart-card {
    margin-bottom: 12px;
  }

  #dashboard_inventario .dashboard-inventario-charts .dashboard-nutricion-widget {
    min-height: auto;
  }

  #dashboard_inventario .dashboard-inventario-charts,
  #dashboard_inventario .dashboard-inventario-charts > [class*="col-"] {
    display: block;
  }

  #dashboard_inventario .dashboard-inventario-donut-layout {
    flex-direction: column;
  }

  #dashboard_inventario .dashboard-inventario-legend {
    padding-left: 0;
    width: 100%;
  }

  .dashboard-inventario-resumen {
    margin-top: 12px;
    min-height: auto;
  }
}

/* Abastecimiento y detalle de productos */
.abastecimiento-tabla {
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #d8e3ea;
  background: #fff;
  box-shadow: 0 2px 8px rgba(46, 74, 94, .08);
}

.abastecimiento-tabla > thead > tr > th {
  padding: 10px 8px;
  border-bottom: 2px solid #5fa3ca;
  background: #edf6fb;
  color: #315d78;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}

.abastecimiento-tabla > tbody > tr:not(.detail-row) > td {
  padding: 9px 8px;
  border-top-color: #e3ebf0;
  vertical-align: middle;
}

.abastecimiento-tabla > tbody > tr:not(.detail-row):hover > td {
  background: #f3f9fc;
}

.abastecimiento-tabla-principal .show-details-btn {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid #93bfd8;
  border-radius: 50%;
  background: #fff;
  text-decoration: none;
}

.abastecimiento-tabla-principal .detail-row > td {
  padding: 0 !important;
  background: #f7fafc;
}

.abastecimiento-tabla-principal .table-detail {
  padding: 14px 18px;
}

.abastecimiento-detalle-wrap {
  border-radius: 3px;
}

.abastecimiento-tabla-detalle {
  margin: 0;
  box-shadow: none;
}

.abastecimiento-paginador-wrap {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

.abastecimiento-paginacion {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin: 0;
}

.abastecimiento-paginacion > li > a {
  min-width: 31px;
  padding: 5px 9px;
  border-radius: 3px !important;
  text-align: center;
}

.abastecimiento-fila-vacia td {
  padding: 28px 12px !important;
  color: #778b98;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 767px) {
  .abastecimiento-tabla-principal {
    min-width: 1180px;
  }

  .abastecimiento-tabla-detalle {
    min-width: 720px;
  }

  .abastecimiento-paginador-wrap {
    justify-content: flex-start;
  }
}

.scrolltrack{
	      position: relative; 
          overflow:scroll; 
          width: auto; 
	      max-height: 282px;
	      overflow-x:hidden
	  }

/* Catálogos de bodega */
.bodega-tabla {
  width: 100%;
  margin: 10px 0 14px;
  border: 1px solid #d9e2e8;
  background: #fff;
  box-shadow: 0 2px 8px rgba(46, 74, 94, .08);
}

.bodega-tabla > thead > tr > th {
  padding: 11px 9px;
  border-bottom: 2px solid #69a8ce;
  background: #edf6fb;
  color: #315d78;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}

.bodega-tabla > tbody > tr > td {
  padding: 10px 9px;
  border-top-color: #e6edf1;
  vertical-align: middle;
}

.bodega-tabla > tbody > tr:hover > td {
  background: #f2f9fd !important;
}

.bodega-tabla .action-buttons a {
  display: inline-block;
  margin: 2px 5px;
  white-space: nowrap;
}

.proveedor-tabla > tbody > tr > td {
  word-break: break-word;
}

.proveedor-tabla > tbody > tr > td:nth-last-child(-n+2) {
  text-align: center;
  white-space: nowrap;
}

.bodega-paginacion {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: flex-end;
  margin: 0;
}

.bodega-paginacion > li > a {
  min-width: 31px;
  padding: 5px 9px;
  border-radius: 3px !important;
  text-align: center;
}

.bodega-fila-vacia td {
  padding: 26px 12px !important;
  color: #7b8d98;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 767px) {
  .bodega-tabla-productos {
    min-width: 1050px;
  }

  .proveedor-tabla {
    min-width: 1250px;
  }

  .bodega-paginacion {
    justify-content: flex-start;
    margin-top: 8px;
  }
}
/* Cierre mensual y resumen de inventario */
.inventario-panel {
  background: #fff;
  border: 1px solid #d7e1e8;
  padding: 16px;
  margin-bottom: 20px;
}
.inventario-filtros { margin-bottom: 10px; }
.inventario-filtros label {
  display: block;
  color: #4f6877;
  font-weight: 600;
  margin-bottom: 5px;
}
.inventario-filtros .form-control { height: 34px; }
.inventario-acciones {
  padding-top: 25px;
  text-align: right;
}
.inventario-acciones .btn { margin-left: 5px; margin-bottom: 5px; }
.inventario-acciones-resumen { padding-top: 10px; }
.inventario-ayuda { margin: 8px 0 14px; }
.inventario-indicadores { margin: 0 -6px 14px; }
.inventario-indicadores > div { padding: 0 6px; }
.inventario-kpi {
  border-left: 4px solid #4f99c6;
  background: #f4f8fb;
  min-height: 70px;
  padding: 10px 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.inventario-kpi span { display: block; color: #6b7f8a; font-size: 12px; text-transform: uppercase; }
.inventario-kpi strong { display: block; color: #2b617f; font-size: 20px; margin-top: 5px; }
.inventario-kpi-entrada { border-left-color: #69aa46; }
.inventario-kpi-salida { border-left-color: #ff892a; }
.inventario-kpi-alerta { border-left-color: #d15b47; }
.inventario-tabla-wrap {
  max-height: 520px;
  overflow: auto;
  border: 1px solid #d7e1e8;
}
.inventario-tabla { margin-bottom: 0; white-space: nowrap; }
.inventario-tabla thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #edf3f7;
  color: #3f6175;
  text-align: center;
  vertical-align: middle !important;
}
.inventario-tabla thead th small {
  display: block;
  margin-top: 3px;
  color: #78909c;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .35px;
}
.inventario-tabla td { vertical-align: middle !important; }
.inventario-numero { text-align: right; font-variant-numeric: tabular-nums; }
.inventario-kilogramos { color: #2b617f; font-weight: 600; }
.inventario-estado { display: inline-block; min-width: 76px; padding: 3px 7px; border-radius: 10px; color: #fff; font-size: 11px; text-align: center; }
.inventario-estado-disponible { background: #69aa46; }
.inventario-estado-bajo { background: #f6b44b; }
.inventario-estado-agotado { background: #8b9aa3; }
.inventario-estado-negativo { background: #d15b47; }
.inventario-fila-negativa td { background: #fff1f0 !important; }
.inventario-periodos { margin: 6px 0 14px; min-height: 30px; }
.inventario-periodos .btn { margin: 0 5px 5px 0; }
.inventario-paginacion { padding-top: 10px; color: #667e8c; line-height: 30px; }
.inventario-paginacion .pagination { margin: 0; }
.inventario-modal-header { background: #edf3f7; color: #4383b4; }
@media (max-width: 767px) {
  .inventario-acciones { padding-top: 10px; text-align: left; }
  .inventario-acciones .btn { margin-left: 0; margin-right: 4px; }
  .inventario-kpi { margin-bottom: 8px; }
}