@charset "UTF-8";
html {
  height: 100%;
}

body {
  height: 100%;
}

body.site-layout {
  display: grid;
  grid-template-rows: 120px 40px auto 40px;
  grid-template-columns: 80px 220px auto;
  /*    .k-edit-field {
          min-height: 30px;
          max-height: 30px;
      }
  */
}
body.site-layout .site-title {
  display: inline;
  margin-left: 10px;
  vertical-align: middle;
}
body.site-layout .header {
  grid-row: 1;
  grid-column: 1/4;
  border-top: 5pt solid #001d96;
  border-bottom: 1pt solid rgb(209, 209, 209);
  padding-left: 10px;
  padding-right: 10px;
}
body.site-layout .header .user-menu > .k-link,
body.site-layout .header .user-menu > .k-link:active,
body.site-layout .header .user-menu > .k-link:hover {
  font-size: 18px;
  vertical-align: middle;
  background-color: #FFFFFF !important;
  color: rgb(33, 37, 41) !important;
  border: none;
  cursor: default !important;
  margin-right: 0px !important;
  margin-left: auto !important;
}
body.site-layout .header .user-menu > a.k-link,
body.site-layout .header .user-menu > a.k-link:active,
body.site-layout .header .user-menu > a.k-link:hover {
  cursor: pointer !important;
  font-weight: 600 !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
body.site-layout .sidebar {
  grid-row: 2/5;
  grid-column: 1/3;
  background-color: #FFFFFF;
  z-index: 999;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 0px, rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
  clip-path: inset(0px -12px 0px 0px);
}
body.site-layout .sidebar .nav-link {
  padding: 0px;
  max-height: 52px;
  height: 52px;
  overflow: hidden;
}
body.site-layout .sidebar .nav-link.active {
  color: #478fff !important;
}
body.site-layout .sidebar .menu-title {
  visibility: visible;
  display: inline;
  font-size: 18px;
  vertical-align: middle;
  background-color: #FFFFFF !important;
}
body.site-layout .sidebar .menu-group-title {
  display: block;
  font-size: 20px;
  vertical-align: middle;
  color: #001d96;
  margin: 18px;
  height: 30px;
  max-height: 30px;
  white-space: nowrap;
}
body.site-layout .sidebar .menu-group-title span {
  visibility: visible;
}
body.site-layout .sidebar .menu-icon {
  width: 32px;
  margin: 18px;
}
body.site-layout .bc {
  padding-bottom: 12px;
}
body.site-layout .bc a:link, body.site-layout .bc a:hover, body.site-layout .bc a:visited, body.site-layout .bc a:focus, body.site-layout .bc a:focus-visible .bc a {
  font-size: 16px;
  color: #000000;
  text-decoration: none;
}
body.site-layout .main {
  grid-row: 3;
  grid-column: 3;
  background-color: rgb(232, 232, 232);
  padding: 20px;
}
body.site-layout .main .grid-buttons {
  display: flex;
  justify-content: end;
  gap: 10px;
  margin-top: -38px;
  margin-bottom: 10px;
}
body.site-layout .main .k-grid {
  height: calc(100% - 40px);
}
body.site-layout .main .k-grid .k-grid-toolbar {
  background: none;
  border: none;
}
body.site-layout .main .k-grid .k-toolbar-overflow-button {
  display: none;
}
body.site-layout .main-content {
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 20px;
  height: 100%;
}
body.site-layout .footer {
  grid-row: 4;
  grid-column: 3/4;
  justify-content: center;
  display: flex;
  background-color: rgb(232, 232, 232);
}
body.site-layout .brdcrmb {
  grid-row: 2;
  grid-column: 3/4;
  justify-content: center;
  display: flex;
  background-color: rgb(232, 232, 232);
  justify-content: start;
  padding-left: 20px;
  padding-top: 15px;
}
body.site-layout .show-sidebar {
  display: none;
}
body.site-layout .navbar-toggler {
  display: none;
}
@media (max-width: 1500px) {
  body.site-layout .sidebar {
    grid-column: 1;
    width: 80px;
    transition: width 1s;
  }
  body.site-layout .sidebar .menu-title {
    visibility: hidden;
  }
  body.site-layout .sidebar .menu-group-title::before {
    content: "――";
  }
  body.site-layout .sidebar .menu-group-title span {
    visibility: hidden;
  }
  body.site-layout .main {
    grid-column: 2/4;
  }
  body.site-layout .sidebar:hover {
    width: 300px;
  }
  body.site-layout .sidebar:hover .menu-title {
    visibility: visible;
  }
  body.site-layout .sidebar:hover .menu-group-title::before {
    content: "";
  }
  body.site-layout .sidebar:hover .menu-group-title span {
    visibility: visible;
  }
  body.site-layout .footer {
    grid-column: 2/4;
  }
  body.site-layout .brdcrmb {
    grid-column: 2/4;
  }
}
@media (min-width: 800px) {
  body.site-layout .sidebar {
    display: block !important;
  }
}
@media (max-width: 800px) {
  body.site-layout .site-title span {
    display: none;
  }
  body.site-layout .site-title::after {
    content: "SdSdT (OT)";
  }
  body.site-layout .navbar-toggler {
    display: block;
  }
  body.site-layout .sidebar:hover {
    width: unset;
  }
  body.site-layout .show-sidebar {
    display: block;
  }
  body.site-layout .main {
    grid-column: 1/4;
  }
  body.site-layout .main .grid-buttons {
    margin-top: unset;
  }
  body.site-layout .footer {
    grid-column: 1/4;
  }
  body.site-layout .brdcrmb {
    grid-column: 1/4;
  }
  body.site-layout .sidebar {
    grid-column: 1/4;
    grid-row: 2/4;
    width: unset;
  }
  body.site-layout .sidebar .menu-title {
    visibility: visible;
  }
}

.txtEstadoActivo {
  background-color: green !important;
  color: #FFFFFF !important;
}

.txtEstadoSuspendido {
  background-color: red !important;
  color: #FFFFFF !important;
}

.txtEstadoInactivo {
  background-color: yellow !important;
  color: inherit !important;
}