@charset "UTF-8";

:root {
    --mnt-bg-primary: #ffffff;
    --mnt-bg-secondary: #f8fafc;
    --mnt-bg-tertiary: #f3f4f6;
    --mnt-bg-quaternary: #e5e7eb;
    --mnt-border: #ced4da;
    --mnt-border-alt: #f1f5f9;
    --mnt-text-main: #584a4b;
    --mnt-text-muted: #64748b;
    --mnt-text-label: #374151;
    --mnt-primary: var(--mantum-primary, #ef6636);
    --mnt-primary-hover: var(--mantum-primary-hover, #ee5824);
    --mnt-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --mnt-transition: all 0.2s ease;
    --mnt-radius: 0.375rem;
    --mnt-calendar-now: #FFECB9;
}

[data-theme='dark'] {
    --mnt-bg-primary: #171717;
    --mnt-bg-secondary: #262626;
    --mnt-bg-tertiary: #404040;
    --mnt-bg-quaternary: #525252;
    --mnt-border: #404040;
    --mnt-border-alt: #404040;
    --mnt-text-main: #c7c7c7;
    --mnt-text-muted: #a3a3a3;
    --mnt-text-label: #d4d4d4;
    --mnt-calendar-now: #000000;
}

/* Base Reset & Utilities */
.mantum,
.mantum *,
.mantum *::before,
.mantum *::after {
    box-sizing: border-box;
}

:where(.mantum) button {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    margin: 0;
    padding: 0;
}

:where(.mantum) a:focus,
:where(.mantum) a:hover {
    color: var(--mnt-primary);
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
html,
body {
    border: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    height: 100%;
    font-size: 100%;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    width: 100%;
}

html,
body {
    background: var(--mnt-bg-primary);
    color: var(--mnt-text-main);
}

.mantum-ml-2 {
    margin-left: 0.5rem;
}

.mantum-h-10 {
    height: 2.5rem;
}

.mantum-size-4 {
    height: 1rem;
    width: 1rem;
}

.mantum-size-6 {
    width: 1.5rem;
    height: 1.5rem;
}

.sr-only {
    border-width: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Theme devExtreme */
.dxc-background rect {
    fill: var(--mnt-bg-primary);
}

.dx-export-menu-button rect {
    fill: var(--mnt-bg-primary);
    stroke: var(--mnt-border);
}

.dx-export-menu-button path {
    fill: var(--mnt-border);
}

.dxc-val-grid path {
    stroke: var(--mnt-border);
}

.dxc-border path {
    stroke: var(--mnt-border);
}

/* Navbar */
.mantum-navbar {
    background-color: var(--mnt-bg-primary);
    height: 4rem;
    inset: 0 0 auto 0;
    position: fixed;
    user-select: none;
    z-index: 30;
}

.mantum-navbar-container {
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 0.5rem;
    width: 100%;
}

.mantum-navbar-inner {
    align-items: center;
    border-bottom: 2px solid var(--mnt-border);
    display: flex;
    height: 4rem;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.mantum-navbar-left-group {
    align-items: center;
    display: flex;
    flex: 1;
}

.mantum-navbar-right-group {
    display: flex;
    align-items: center;
    height: 100%;
}

.mantum-navbar-brand-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mantum-navbar-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 45px;
}

[data-theme='dark'] .mantum-navbar-logo .mantum-logo-dark {
    display: block;
}

.mantum-navbar-nav {
    display: none;
    margin-left: 1rem;
}

.mantum-navbar-nav-btn {
    align-items: center;
    border-radius: var(--mnt-radius);
    color: var(--mnt-text-muted);
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem;
    transition: var(--mnt-transition);
}

.mantum-navbar-nav-btn:hover {
    color: var(--mnt-text-main);
}

.mantum-navbar-actions {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 0.5rem;
}

.mantum-navbar-btn-scoped {
    display: none;
    align-items: center;
    justify-content: center;
    height: 2rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--mnt-border);
    border-radius: var(--mnt-radius);
    background-color: var(--mnt-bg-primary);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--mnt-text-label);
}

.mantum-navbar-mobile-toggle-wrapper {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
}

.mantum-navbar-mobile-toggle-btn {
    padding: 0.5rem;
    border-radius: var(--mnt-radius);
    color: #9ca3af;
    transition: var(--mnt-transition);
}

.mantum-navbar-mobile-toggle-btn:hover {
    background-color: var(--mnt-bg-tertiary);
    color: var(--mnt-text-muted);
}

.mantum-navbar-action-wrapper {
    position: relative;
    display: none;
    align-items: center;
    margin-left: 0.5rem;
}

/* MántumAI - visible en móvil */
.mantum-ai-wrapper {
    display: flex !important;
}

/* Pinned Alerts */
.mantum-navbar-pinned-alerts {
    display: none;
    align-items: center;
    gap: 0.5rem;
    margin-right: 1rem;
}

.mantum-pinned-badge {
    align-items: center;
    border-radius: var(--mnt-radius);
    color: #ffffff;
    display: inline-flex;
    font-size: 0.75rem;
    gap: 2px;
    padding: 2px 8px;
    text-decoration: none;
    transition: var(--mnt-transition);
}

.mantum-pinned-badge:focus {
    color: #ffffff !important;
}

.mantum-pinned-badge:hover {
    opacity: 0.6;
    color: #ffffff !important;
}

.mantum-pinned-badge-count {
    color: #ffffff;
    text-align: center;
}

/* Pin button styling */
.mantum-alerts-pin-button {
    color: var(--mnt-text-muted);
    transition: var(--mnt-transition);
}

.mantum-alerts-pin-button:hover,
.mantum-alerts-pin-button.is-pinned {
    color: var(--mnt-primary);
}

.mantum-navbar-alerts-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem;
    border-radius: var(--mnt-radius);
    color: var(--mnt-text-muted);
    transition: var(--mnt-transition);
}

.mantum-navbar-alerts-btn:hover {
    background-color: var(--mnt-bg-tertiary);
    color: var(--mnt-text-main);
}

.mantum-navbar-profile-wrapper {
    position: relative;
    margin-left: 0.75rem;
}

.mantum-navbar-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--mnt-radius);
    background-color: var(--mnt-primary);
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}

/* Dropdowns */
.mantum-alerts-dropdown {
    background-color: var(--mnt-bg-primary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border);
    box-shadow: var(--mnt-shadow);
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    width: 20rem;
    z-index: 50;
}

.mantum-alerts-dropdown-visible {
    display: block;
}

.mantum-alerts-header {
    padding: 1rem;
    background-color: var(--mnt-bg-secondary);
    border-bottom: 1px solid var(--mnt-border);
}

.mantum-alerts-title {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--mnt-text-main);
    margin: 0;
}

.mantum-alerts-list {
    display: flex;
    flex-direction: column;
    max-height: 24rem;
    overflow-y: auto;
}

.mantum-alerts-item {
    align-items: center;
    border-bottom: 1px solid var(--mnt-border-alt);
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    transition: background-color 0.2s;
    position: relative;
}

.mantum-alerts-item:hover {
    text-decoration: none;
}

.mantum-alerts-pin-button {
    background: none;
    border: none;
    color: var(--mnt-text-muted);
    cursor: pointer;
    display: flex;
    opacity: 0;
    padding: 4px;
    transition: all 0.2s;
    border-radius: var(--mnt-radius);
}

.mantum-alerts-item:hover .mantum-alerts-pin-button {
    opacity: 1;
}

.mantum-alerts-pin-button:hover {
    background-color: var(--mnt-bg-primary);
    color: var(--mnt-primary);
}

.mantum-alerts-pin-button.is-pinned {
    opacity: 1;
    color: var(--mnt-primary);
}

.mantum-alerts-acronym {
    color: var(--mnt-primary);
    font-size: 0.70rem;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-top: 2px;
}

.mantum-alerts-item:hover {
    background-color: var(--mnt-bg-tertiary);
}

.mantum-alerts-item:last-child {
    border-bottom: none;
}

.mantum-alerts-search-wrapper {
    margin-top: 0.75rem;
}

.mantum-alerts-search-box {
    position: relative;
    display: flex;
    align-items: center;
}

.mantum-alerts-search-icon-wrapper {
    position: absolute;
    left: 0.75rem;
    color: var(--mnt-text-muted);
    pointer-events: none;
    display: flex;
    align-items: center;
}

.mantum-alerts-search-input {
    background-color: var(--mnt-bg-primary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border-alt);
    color: var(--mnt-text-main);
    font-size: 0.8125rem;
    height: 2.25rem;
    outline: none;
    padding: 0 1rem 0 2.25rem;
    transition: var(--mnt-transition);
    width: 100%;
}

.mantum-alerts-search-input:focus {
    border-color: var(--mnt-primary);
}

.mantum-alerts-empty,
.mantum-alerts-no-results {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mnt-text-muted);
    font-size: 0.8125rem;
}

.mantum-alerts-indicator {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    flex-shrink: 0;
}

.mantum-alerts-indicator-yellow {
    background-color: #f59e0b;
}

.mantum-alerts-indicator-green {
    background-color: #10b981;
}

.mantum-alerts-indicator-red {
    background-color: #ef4444;
}

.mantum-alerts-indicator-blue {
    background-color: #3b82f6;
}

.mantum-alerts-content {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    width: 100%;
}

.mantum-alerts-label {
    font-size: 0.8125rem;
    color: var(--mnt-text-main);
}

.mantum-alerts-count,
.mantum-alerts-code {
    font-size: 0.75rem;
    color: var(--mnt-text-muted);
}

/* Module Menu */
.mantum-menu {
    position: absolute;
    width: 100%;
}

.mantum-menu-container {
    background-color: var(--mnt-bg-primary);
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

.mantum-menu-sidebar {
    display: none;
    width: 15rem;
    background-color: var(--mnt-bg-secondary);
    border-right: 1px solid var(--mnt-border-alt);
    overflow: hidden;
}

.mantum-menu-list {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem 0;
    gap: 0.25rem;
    list-style: none;
    overflow-y: auto;
}

.mantum-menu-btn {
    align-items: center;
    color: var(--mnt-text-muted);
    display: flex;
    font-size: 0.875rem;
    justify-content: space-between;
    padding: 0.075rem 1rem;
    text-align: left;
    transition: var(--mnt-transition);
    width: 100%;
}

.mantum-menu-btn:hover,
.mantum-menu-btn-selected {
    color: var(--mnt-primary);
}

.mantum-menu-content {
    flex: 1;
    overflow: hidden;
}

.mantum-menu-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--mnt-bg-primary);
}

.mantum-menu-header {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-bottom: 1px solid var(--mnt-border-alt);
}

.mantum-menu-header-btn {
    align-items: center;
    color: var(--mnt-text-muted);
    display: flex !important;
    justify-content: center;
    padding: 0.5rem;
    width: 2.5rem;
}

.mantum-menu-search-wrapper {
    flex: 1;
}

.mantum-menu-search-box {
    position: relative;
    display: flex;
    align-items: center;
}

.mantum-menu-search-icon-wrapper {
    position: absolute;
    left: 0.875rem;
    color: #94a3b8;
    pointer-events: none;
}

.mantum-menu-search-input {
    background-color: var(--mnt-bg-secondary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border-alt);
    color: var(--mnt-text-main);
    font-size: 1rem;
    height: 2.5rem;
    line-height: 1.5rem;
    outline: none;
    padding: 0 1rem 0 2.5rem;
    transition: var(--mnt-transition);
    width: 100%;
}

.mantum-menu-search-input:focus {
    background-color: var(--mnt-bg-primary);
    border-color: var(--mnt-primary);
}

/* Config Button & Dropdown */
.mantum-menu-config-container {
    position: relative;
    margin-left: 0.5rem;
}

.mantum-menu-config-btn {
    align-items: center;
    border-radius: var(--mnt-radius);
    color: var(--mnt-text-muted);
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition: var(--mnt-transition);
    width: 2.5rem;
}

div.contFormularioPlantilla form select.campoMultiple {
    height: 130px !important;
}

.mantum-menu-config-btn:hover {
    background-color: var(--mnt-bg-tertiary);
    color: var(--mnt-text-main);
}

.mantum-menu-config-dropdown {
    animation: mantum-fade-in 0.2s ease-out;
    background-color: var(--mnt-bg-primary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    padding: 0.5rem 0;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    width: 280px;
    z-index: 50;
}

@keyframes mantum-fade-in {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mantum-menu-config-header {
    padding: 0.75rem 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mnt-text-muted);
    border-bottom: 1px solid var(--mnt-border-alt);
    margin-bottom: 0.25rem;
}

.mantum-menu-config-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mantum-menu-config-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: var(--mnt-transition);
}

.mantum-menu-config-item:hover {
    background-color: var(--mnt-bg-secondary);
}

.mantum-menu-config-checkbox-wrapper {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.mantum-menu-config-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.mantum-menu-config-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background-color: var(--mnt-bg-tertiary);
    border: 1px solid var(--mnt-border);
    border-radius: 4px;
    transition: var(--mnt-transition);
}

.mantum-menu-config-checkbox:checked~.mantum-menu-config-checkmark {
    background-color: var(--mnt-primary);
    border-color: var(--mnt-primary);
}

.mantum-menu-config-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.mantum-menu-config-checkbox:checked~.mantum-menu-config-checkmark:after {
    display: block;
}

.seleccionCampo {
    align-items: center;
    background-image: none;
    cursor: pointer;
    display: flex;
    gap: 4px;
    justify-content: start;
}

.seleccionCampo>a {
    align-items: center;
    color: var(--mnt-text-muted);
    display: flex;
    justify-content: center;
    outline: none;
}

.seleccionCampo>a:hover {
    color: var(--mnt-primary);
    cursor: pointer;
}

.mantum-menu-config-label {
    font-size: 0.875rem;
    color: var(--mnt-text-main);
    user-select: none;
}

.mantum-size-5 {
    width: 1.25rem;
    height: 1.25rem;
}

.mantum-menu-scrollable {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.mantum-menu-section-title {
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.mantum-menu-grid {
    display: grid;
    gap: 2rem;
}

.mantum-menu-item-label {
    color: var(--mnt-text-main);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.mantum-menu-sublist {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
}

.mantum-submenu-content {
    color: var(--mnt-text-muted);
    text-decoration: none;
}

.mantum-menu-subitem-link {
    align-items: center;
    border-radius: var(--mnt-radius);
    color: var(--mnt-text-muted);
    display: flex;
    font-size: 1rem;
    gap: 0.5rem;
    justify-content: space-between;
    line-height: 1.5rem;
    margin-left: -0.5rem;
    outline: none !important;
    text-decoration: none;
    transition: var(--mnt-transition);
}

.mantum-submenu-link,
.mantum-menu-subitem-content {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex: 1;
}

.mantum-submenu-link {
    border-radius: var(--mnt-radius);
    color: var(--mnt-text-muted);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    transition: var(--mnt-transition);
}

.mantum-submenu-link:hover {
    color: var(--mnt-primary);
    background-color: var(--mnt-bg-secondary);
}

.mantum-submenu-item-content {
    align-items: center;
    display: flex;
    text-transform: capitalize;
}

.mantum-menu-subitem-actions {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.mantum-submenu-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.125rem;
    color: var(--mnt-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.mantum-submenu-toggle-btn:hover {
    color: var(--mnt-primary);
}

.mantum-menu-subitem-link[aria-expanded="true"] .mantum-submenu-toggle-btn {
    transform: rotate(180deg);
    color: var(--mnt-primary);
}

.mantum-menu-favorite-btn {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0.25rem;
    color: var(--mnt-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mnt-radius);

    /* Transition states */
    width: 0;
    opacity: 0;
    overflow: hidden;
    margin-right: 0;
    transition: width 0.25s ease, opacity 0.2s ease, margin 0.2s ease, color 0.2s ease;
}

.mantum-menu-subitem-link:hover .mantum-menu-favorite-btn,
.mantum-menu-favorite-btn.is-favorite {
    width: 1.5rem;
    opacity: 1;
    margin-right: 0.25rem;
}

.mantum-menu-favorite-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--mnt-primary);
}

.mantum-menu-favorite-btn.is-favorite {
    color: #facc15;
}

.mantum-menu-subitem-link:hover {
    background-color: var(--mnt-bg-secondary);
    color: var(--mnt-primary);
}

.mantum-menu-subitem-link:not(:has(.is-favorite)):hover {
    padding-left: 0.5rem;
}

.mantum-menu-subitem-link:has(.is-favorite) {
    padding-left: 0.5rem;
}

.mantum-menu-empty {
    color: var(--mnt-text-muted);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 2rem;
    text-align: center;
}

.mantum-submenu {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-left: 1.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.mantum-submenu-list {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    list-style: none;
    border-left: 1px solid var(--mnt-border);
    padding-left: 0.5rem;
}

/* Profile Dropdown */
.mantum-profile-dropdown {
    background-color: var(--mnt-bg-secondary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border);
    box-shadow: var(--mnt-shadow);
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    width: 14rem;
    z-index: 50;
}

.mantum-profile-dropdown-visible {
    display: block;
}

.mantum-profile-header {
    padding: 1rem;
    border-bottom: 1px solid var(--mnt-border);
}

.mantum-profile-username {
    color: var(--mnt-text-main);
    display: block;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mantum-profile-subtitle {
    color: var(--mnt-text-muted);
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Scope Dropdown */
.mantum-navbar-scope-wrapper {
    position: relative;
    margin-right: 0.5rem;
    display: none;
}

.mantum-scope-dropdown {
    background-color: var(--mnt-bg-primary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border);
    box-shadow: var(--mnt-shadow);
    display: none;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    width: 18rem;
    max-height: 24rem;
    z-index: 50;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mantum-scope-dropdown-visible {
    display: block;
}

/* Connected Users Dropdown */
.mantum-connected-users-dropdown {
    background-color: var(--mnt-bg-primary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border);
    box-shadow: var(--mnt-shadow);
    display: none;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    width: 18rem;
    max-height: 24rem;
    z-index: 50;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mantum-connected-users-visible {
    display: block;
}

.mantum-connected-users-list {
    color: var(--mnt-text-main);
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    gap: 0.5rem;
    list-style-position: inside;
    list-style-type: disc;
    padding: 1rem;
}

.mantum-connected-users-list li {
    align-items: center;
    display: flex;
    display: list-item;
    gap: 0.75rem;
    unicode-bidi: isolate;
}

.mantum-scope-dropdown li {
    border-bottom: 1px solid var(--mnt-border-alt);
}

.mantum-scope-dropdown li:last-child {
    border-bottom: none;
}

.mantum-scope-dropdown a,
.mantum-scope-dropdown .mantum-scope-item {
    display: block;
    padding: 0.75rem 1rem;
    color: var(--mnt-text-main);
    text-decoration: none;
    font-size: 0.875rem;
    transition: background-color 0.2s;
}

.mantum-scope-dropdown a:hover,
.mantum-scope-dropdown .mantum-scope-item:hover {
    background-color: var(--mnt-bg-tertiary);
}

.mantum-scope-alert {
    display: flex;
    height: 0.75rem;
    margin-right: -0.25rem;
    margin-top: -0.25rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.75rem;
}

.mantum-scope-alert-ping {
    animation: mantum-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    background-color: var(--mnt-primary);
    border-radius: 9999px;
    display: inline-flex;
    height: 100%;
    opacity: 0.75;
    position: absolute;
    width: 100%;
}

.mantum-scope-alert-dot {
    background-color: var(--mnt-primary);
    border-radius: 9999px;
    display: inline-flex;
    height: 0.75rem;
    position: relative;
    width: 0.75rem;
}

@keyframes mantum-ping {

    75%,
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* Loading state for dropdowns */
.mantum-dropdown-loading {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    color: var(--mnt-text-muted);
}

.mantum-spinner-small {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid var(--mnt-border-alt);
    border-top-color: var(--mnt-primary);
    border-radius: 50%;
    animation: mantum-spin 0.6s linear infinite;
}

@keyframes mantum-spin {
    to {
        transform: rotate(360deg);
    }
}

.mantum-profile-list {
    display: flex;
    flex-direction: column;
}

.mantum-profile-section-header {
    background-color: var(--mnt-bg-secondary);
    color: var(--mnt-text-muted);
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 1rem;
}

.mantum-profile-actions {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mantum-profile-actions li {
    margin: 0;
}

.mantum-profile-actions li a,
.mantum-profile-item {
    display: flex;
    align-items: center;
    padding: 0.4rem 1rem;
    font-size: 0.75rem;
    color: var(--mnt-text-main);
    text-decoration: none;
    transition: background-color 0.2s;
}

.mantum-profile-actions li a:hover,
.mantum-profile-item:hover {
    color: var(--mnt-primary);
    text-decoration: none;
}

.mantum-profile-separator {
    height: 1px;
    background-color: var(--mnt-border);
    margin: 0;
}

.mantum-footer {
    background-color: var(--mnt-bg-primary);
    border-top: 1px solid var(--mnt-border);
    bottom: 0;
    color: var(--mnt-text-muted);
    font-size: 0.75rem;
    left: 0;
    line-height: 1rem;
    padding: 0.25rem;
    position: fixed;
    width: 100%;
}

.mantum-footer-content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    justify-content: center;
}

.footer-badge-env {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-separator {
    color: var(--mnt-border);
    font-size: 0.8rem;
}

.footer-version,
.footer-copyright {
    opacity: 0.9;
}

.mantum-loading {
    animation: motion 3s infinite ease;
    background-color: var(--mnt-primary);
    height: 2px;
    margin: 0;
    position: absolute;
    top: 4em;
    width: 7%;
    z-index: 100;
}

@keyframes motion {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

html,
div,
span,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
code,
del,
dfn,
em,
img,
ins,
q,
samp,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

ol,
ul {
    list-style: none
}

a img {
    border: 0
}

a {
    cursor: pointer;
    text-decoration: none;
}

h1 {
    cursor: default;
    font-size: 1.4em
}

select,
input[type="submit"],
input[type="checkbox"] {
    cursor: pointer
}

input:focus {
    outline: 0
}

input.radioGeneral,
input.checkBoxGeneral {
    float: left;
    width: 40px !important
}

input,
select,
textarea {
    color: var(--mnt-text-main);
    font-family: inherit;
}

textarea {
    font-size: 13px
}

.mnt-titulo-separador-lista {
    border-bottom: 1px solid red;
    color: var(--mnt-primary);
    cursor: default;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
    padding-bottom: 2px;
    padding-left: 10px;
    text-transform: capitalize;
}

.notificacionRoja {
    background: #fa623f !important;
    border-color: #f53306 !important;
    background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f) !important;
    background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f) !important;
    background-image: -o-linear-gradient(top, #fc9f8a, #fa623f) !important;
    background-image: -ms-linear-gradient(top, #fc9f8a, #fa623f) !important;
    background-image: linear-gradient(to bottom, #fc9f8a, #fa623f) !important
}

.notificacionVerde {
    background: #77cc51 !important;
    border-color: #59ad33 !important;
    background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51) !important;
    background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51) !important;
    background-image: -o-linear-gradient(top, #a5dd8c, #77cc51) !important;
    background-image: -ms-linear-gradient(top, #a5dd8c, #77cc51) !important;
    background-image: linear-gradient(to bottom, #a5dd8c, #77cc51) !important
}

.notificacionAmarilla {
    background: #faba3e !important;
    border-color: #f4a306 !important;
    background-image: -webkit-linear-gradient(top, #fcd589, #faba3e) !important;
    background-image: -moz-linear-gradient(top, #fcd589, #faba3e) !important;
    background-image: -o-linear-gradient(top, #fcd589, #faba3e) !important;
    background-image: -ms-linear-gradient(top, #fcd589, #faba3e) !important;
    background-image: linear-gradient(to bottom, #fcd589, #faba3e) !important
}

.notificacionAzul {
    background: #67c1ef !important;
    border-color: #30aae9 !important;
    background-image: -webkit-linear-gradient(top, #8dccec, #67c1ef) !important;
    background-image: -moz-linear-gradient(top, #8dccec, #67c1ef) !important;
    background-image: -o-linear-gradient(top, #8dccec, #67c1ef) !important;
    background-image: -ms-linear-gradient(top, #8dccec, #67c1ef) !important;
    background-image: linear-gradient(to bottom, #8dccec, #67c1ef) !important
}

#mnt-menu,
#mnt-icon-dropmenu {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%
}

#mnt-menu:hover,
#mnt-icon-dropmenu:hover {
    background-color: #ef6636
}

#mnt-menu span,
#mnt-icon-dropmenu span {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0
}

#mnt-menu::before {
    background-color: #ef6636;
    box-shadow: 0 4px transparent, 0 8px #ef6636, 0 12px transparent, 0 16px #ef6636;
    content: '';
    height: 4px;
    left: 1em;
    position: absolute;
    top: .9em;
    width: 30px;
}

#mnt-icon-dropmenu::before {
    background-color: #ef6636;
    box-shadow: 0 4px transparent, 0 8px #ef6636, 0 12px transparent, 0 16px #ef6636;
    content: '';
    height: 4px;
    left: 1.8em;
    position: absolute;
    top: .9em;
    width: 5px;
}

#mnt-icon-dropmenu:hover::before,
#mnt-menu:hover::before {
    background-color: rgba(225, 225, 225, 0.95);
    -webkit-box-shadow: 0 4px #ef6636, 0 8px rgba(225, 225, 225, 0.95), 0 12px #ef6636, 0 16px rgba(225, 225, 225, 0.95);
    box-shadow: 0 4px #ef6636, 0 8px rgba(225, 225, 225, 0.95), 0 12px #ef6636, 0 16px rgba(225, 225, 225, 0.95)
}

#mnt-dropmenu {
    background-color: rgba(255, 255, 255, 0.95);
    border-width: 1px 1px 2px;
    display: none;
    font-size: .8em;
    float: left;
    left: -2em;
    margin: 2px 0 0;
    min-width: 20em;
    padding: 5px 0;
    position: absolute;
    top: 3.5em;
    z-index: 50
}

#mnt-dropmenu>li>a {
    color: var(--mnt-text-main);
    display: block;
    line-height: 1.4;
    padding: 3px 20px
}

#mnt-dropmenu>li>a:hover {
    background-color: var(--mnt-primary);
    color: #fff;
}

.mnt-logo {
    margin: 0 auto;
    position: relative;
    top: 7em;
    width: 24em
}

.mnt-logo img {
    width: 100%
}

.mnt-login {
    background-color: #fff;
    border-radius: 10px;
    border-width: 1px 1px 2px;
    border: solid #ccc;
    margin: 0 auto;
    padding: 2em;
    position: relative;
    top: 8em;
    user-select: none;
    width: 20em;
}

.mnt-login div {
    height: 2.5em;
    margin-bottom: .5em
}

.mnt-login h1 {
    border-bottom: 1px solid #ccc;
    color: #722c2d;
    font-weight: bold;
    padding-bottom: .5em;
    text-align: center;
    text-transform: uppercase
}

.mnt-login select,
.mnt-login input[type="text"],
.mnt-login input[type="password"] {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 1em;
    height: 2.5em;
    padding: .1em;
    width: 100%;
}

.mnt-login select {
    width: 102%
}

.mnt-login input[type="submit"] {
    background-color: #ef6636;
    border: 1px solid #ef6636;
    color: #fff;
    font-size: 1.2em;
    height: 2.5em;
    user-select: none;
    width: 100%
}

.mnt-login input[type="submit"]:hover {
    background-color: #ee5824
}

.mnt-login input[type="submit"]:active {
    margin-top: .1em
}

.mnt-login label {
    box-sizing: border-box;
    float: right;
    height: 100%;
    padding: 10px 5px;
}

.mnt-login input:hover,
.mnt-login input:focus,
.mnt-login select:hover,
.mnt-login select:focus {
    border: 1px solid #ee5824
}

#mnt-message {
    color: #584a4b;
    margin: 0 auto;
    padding: 1em;
    position: relative;
    top: 8em;
    width: 22em
}

#mnt-message h2 {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase
}

#mnt-message p {
    margin-top: .5em;
    text-align: center
}

.mnt-panel {
    bottom: 0;
    display: block;
    left: 0;
    margin-bottom: 32px;
    overflow-x: hidden;
    padding: 0 16px;
    position: absolute;
    right: 0;
    top: 6em;
    user-select: none;
}

.mnt-panel .mnt-panel-left {
    width: 100%;
}

.mnt-panel .mnt-panel-left .mnt-title {
    float: left;
    margin-top: .25em;
    width: 100%
}

.mnt-panel .mnt-panel-left .mnt-title div {
    width: 100%
}

.mnt-panel .mnt-panel-left .mnt-title img {
    position: absolute
}

.mnt-panel .mnt-panel-left .mnt-title h1 {
    color: var(--mnt-text-main);
    font-size: 1.2em;
    padding-left: 50px;
    text-transform: uppercase
}

.mnt-panel .mnt-panel-left .mnt-title h2 {
    color: var(--mnt-text-muted);
    cursor: default;
    font-size: .9em;
    font-style: normal;
    padding-left: 50px;
    text-transform: capitalize
}

.mnt-panel .mnt-panel-left .mnt-title span {
    color: var(--mnt-primary);
    font-weight: bold
}

.mnt-panel .mnt-panel-left .mnt-title a {
    color: var(--mnt-primary);
    padding-left: 108px;
    text-transform: uppercase
}

.mnt-panel .mnt-panel-left .mnt-title a:hover {
    text-decoration: underline
}

.mnt-panel .mnt-panel-left .mnt-shortcut {
    color: var(--mnt-primary);
    cursor: default;
    padding-top: 4.3em;
    width: 100%
}

.mnt-panel .mnt-panel-left .mnt-shortcut ul {
    margin-top: .25em
}

.mnt-panel .mnt-panel-left .mnt-shortcut h2 {
    border-bottom: 1px solid var(--mnt-primary);
    color: var(--mnt-primary);
    font-weight: bold;
    padding-bottom: .25em;
    text-transform: uppercase
}

.mnt-panel .mnt-panel-left .mnt-shortcut h2 span {
    margin-left: 1.5em
}

.mnt-panel .mnt-panel-left .mnt-client {
    bottom: 2.5em;
    padding-left: 3em;
    position: absolute
}

.mnt-panel .mnt-panel-left .mnt-client img {
    max-height: 100px;
    min-height: 51px
}

.mnt-panel .mnt-panel-right {
    margin-top: 2em;
    float: left;
    width: 100%;
}

.mnt-panel .mnt-panel-right .mnt-title-chart {
    border-bottom: 1px solid var(--mnt-primary);
    padding: .25em
}

.mnt-panel .mnt-panel-right .mnt-title-chart h2 {
    color: var(--mnt-primary);
    cursor: default;
    font-weight: bold;
    font-size: 1em;
    margin-left: 1.5em;
    text-transform: uppercase
}

.mnt-panel .mnt-panel-right .mnt-chart {
    background-color: transparent;
    height: 20em;
    margin-top: .25em
}

.mnt-panel .mnt-panel-right .mnt-chart>div {
    background-color: transparent;
    margin: 0 auto;
    width: 90%
}

.mnt-panel .mnt-panel-right .mnt-summary,
.mnt-panel .mnt-panel-right .mnt-important {
    float: left;
    margin-top: 4em;
    width: 49%
}

.mnt-panel .mnt-panel-right .mnt-summary .mnt-title-summary,
.mnt-panel .mnt-panel-right .mnt-important .mnt-title-important {
    border-bottom: 1px solid var(--mnt-primary);
    padding: .25em
}

.mnt-panel .mnt-panel-right .mnt-summary .mnt-title-summary h2,
.mnt-panel .mnt-panel-right .mnt-important .mnt-title-important h2 {
    color: var(--mnt-primary);
    cursor: default;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase
}

.mnt-panel .mnt-panel-right .mnt-important {
    margin-left: 2%
}

.mnt-panel .mnt-panel-right .mnt-detail {
    height: 9em;
    padding: .25em 0 0 1em;
}

.mnt-panel .mnt-panel-right .mnt-detail ul li {
    padding: 0 0 .1em .5em
}

.mnt-panel .mnt-panel-right .mnt-detail ul li a {
    color: var(--mnt-text-main);
    font-size: 0.75rem;
    line-height: 1rem;
}

.mnt-panel .mnt-panel-right .mnt-detail ul li em {
    font-weight: bold
}

.mnt-panel center .mnt-client img {
    max-height: 300px;
    max-width: 400px;
}

.mnt-overflow {
    overflow: auto;
    position: relative;
    width: 100%
}

.mnt-list-aux {
    background: #f9f7f6;
    bottom: 1.5em;
    height: 9.8em;
    left: 16em;
    overflow-y: auto;
    padding-top: 2em;
    position: fixed;
    right: 0;
    transform: translateY(10em)
}

.mnt-arrow-up {
    border-bottom: 10px solid #ef6636;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    cursor: pointer;
    position: absolute;
    right: .5em;
    top: .65em
}

.mnt-arrow-down {
    border-left: 10px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #ef6636;
    cursor: pointer;
    position: absolute;
    right: .5em;
    top: .65em
}

.mantum-sidebar {
    background-color: var(--mnt-bg-primary);
    bottom: 0;
    left: -16em;
    min-width: 16em;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 4rem;
    transition: left 0.3s ease;
    user-select: none;
    width: 16em;
    z-index: 20;
}

.mantum-sidebar h2 {
    border-bottom: 1px solid var(--mnt-primary);
    color: var(--mnt-primary);
    cursor: default;
    font-weight: bold;
    height: 1.25em;
    margin: 16px 10px;
    text-transform: uppercase
}

.mantum-sidebar .mnt-title-1 {
    margin-bottom: .5em;
}

.mantum-sidebar .mnt-title-2 {
    margin-bottom: .2em;
    margin-top: 1.5em
}

.mnt-sidebar-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 4rem;
    width: 100%;
    z-index: 10;
}

.mnt-sidebar-overlay.is-visible {
    display: block;
}

.mantum-sidebar .mnt-title-2-close {
    margin-right: 25px !important
}

.mantum-sidebar>a {
    align-items: center;
    background-color: var(--mnt-primary);
    border-radius: var(--mnt-radius);
    color: #fff;
    display: flex;
    font-size: 0.875rem;
    height: 36px;
    justify-content: center;
    line-height: 1.25rem;
    margin: 4px auto;
    outline: none;
    text-align: center;
    text-decoration: none;
    width: 80%;
}

.mantum-sidebar>a:hover {
    background-color: var(--mnt-primary-hover);
}

.mantum-sidebar>a.botonLateralDesactivadoOcultar {
    display: none;
}

.mantum-sidebar>a.botonLateralDesactivado {
    background-color: var(--mnt-bg-quaternary);
    color: var(--mnt-text-muted);
    cursor: not-allowed !important;
}

.mantum-sidebar>a.botonLateralDesactivado:hover {
    background-color: var(--mnt-bg-quaternary);
    color: var(--mnt-text-muted);
}

.mantum-sidebar .contenedorMenuEnlacesPlantilla {
    height: 1em;
    margin-bottom: 0.25rem;
    margin-left: 1.5rem;
    width: 84%;
}

.mantum-sidebar .contenedorMenuEnlacesPlantilla>img {
    padding-top: .25em;
}

.mnt-panel .mnt-panel-left .mnt-shortcut a,
.mantum-sidebar .contenedorMenuEnlacesPlantilla>a {
    align-items: center;
    color: var(--mnt-text-muted);
    display: flex;
    font-size: 0.875rem;
    justify-content: start;
    line-height: 1.25rem;
    position: relative;
}

.mnt-panel .mnt-panel-left .mnt-shortcut a {
    color: var(--mnt-text-main);
}

.mnt-panel .mnt-panel-left .mnt-shortcut a:hover,
.mantum-sidebar .contenedorMenuEnlacesPlantilla>a:hover {
    color: var(--mnt-primary);
    text-decoration: underline
}

.mnt-container-general {
    left: 0;
    position: absolute;
    right: 0;
    top: 5em;
}

.mnt-container-general a {
    cursor: pointer;
    text-decoration: underline
}

.mnt-container-general .regionCenterPlantilla {
    overflow: auto;
    padding-bottom: 3em;
    position: absolute;
    right: 0;
    width: 100%
}

.mnt-container-general .regionCenterPlantillaConMenuPlantilla {
    top: 0
}

.mnt-container-general .principalPlantillaSinLateral {
    margin: 10px 10px 0 10px !important
}

.mnt-container-general .contCambioModoVisualizacion {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
}

.mnt-container-general .modoAcciones,
.mnt-container-general .cambioModoVisualizacion {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center;
}

.mnt-container-general .encajadoPlantilla .contenidoPrincipalPlantilla {
    box-sizing: border-box;
    min-height: 300px;
    padding: 0 16px;
}

.mnt-container-general .encajadoPlantilla .tituloPlantilla h2 {
    display: flex;
}

.mnt-container-general .encajadoPlantilla .tituloPlantilla h2,
.mnt-container-general .encajadoPlantilla .tituloPlantilla span {
    align-items: center;
    color: #fff;
    cursor: default;
    font-size: 1rem;
    gap: 6px;
    justify-content: start;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.mnt-container-general .encajadoPlantilla .tituloPlantilla span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.mantum-sidebar-resizer {
    align-items: center;
    background: transparent;
    border-right: 1px solid var(--mnt-border);
    bottom: 0;
    cursor: col-resize;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.2s;
    width: 6px;
    z-index: 100;
}

.mantum-sidebar-resizer::after {
    color: var(--mnt-text-muted);
    content: ":::";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    margin-right: -10px;
    opacity: 0.3;
    transform: rotate(90deg);
    transition: opacity 0.2s;
}

.mantum-sidebar-resizer:hover::after,
.mantum-sidebar-resizer.is-dragging::after {
    opacity: 0.8;
}

.mantum-sidebar-resizer:hover,
.mantum-sidebar-resizer.is-dragging {
    background: var(--mnt-border);
}

.mnt-btn-container {
    display: inline-block;
    position: relative;
}

.mnt-btn-container-badge,
.mnt-container-general .btnAcciones-badge {
    align-items: center !important;
    background-color: var(--mnt-primary);
    border: 2px solid var(--mnt-bg-main);
    border-radius: var(--mnt-radius);
    color: #fff !important;
    display: flex !important;
    font-size: 8px !important;
    font-weight: 700;
    height: 14px;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 14px;
    padding: 0 4px;
    position: absolute;
    right: -8px;
    bottom: -4px;
    text-transform: none !important;
    transition: var(--mnt-transition);
    z-index: 10;
}

.mnt-btn-container-badge {
    top: 8px;
    right: -11px;
    bottom: auto;
}

.mnt-container-general a.btnMostrarPanel {
    display: block;
    margin-right: 16px;
}

.mnt-container-general a.btnMostrarPanel,
.mnt-container-general a.btnAcciones,
.mnt-container-general a.btnModoListaBCMV,
.mnt-container-general a.btnModoListaDetalleBCMV,
.mnt-container-general a.btnModoVerDetallesBCMV,
.mnt-container-general a.btnModoVerArbolBCMV {
    align-items: center;
    border-radius: var(--mnt-radius);
    color: var(--mnt-text-muted);
    cursor: pointer;
    display: flex;
    float: left;
    height: 32px;
    justify-content: center;
    outline: 0;
    position: relative;
    transition: var(--mnt-transition);
    width: 32px;
    z-index: 0;
}

.mnt-container-general a.btnMostrarPanel:hover,
.mnt-container-general a.btnAcciones:hover,
.mnt-container-general a.btnModoListaBCMV:hover,
.mnt-container-general a.btnModoListaDetalleBCMV:hover,
.mnt-container-general a.btnModoVerDetallesBCMV:hover,
.mnt-container-general a.btnModoVerArbolBCMV:hover {
    background-color: var(--mnt-bg-tertiary);
    color: var(--mnt-primary);
    text-decoration: none;
}

.mnt-container-general a.btnMostrarPanel svg,
.mnt-container-general a.btnAcciones svg,
.mnt-container-general a.btnModoListaBCMV svg,
.mnt-container-general a.btnModoListaDetalleBCMV svg,
.mnt-container-general a.btnModoVerDetallesBCMV svg,
.mnt-container-general a.btnModoVerArbolBCMV svg {
    width: 20px;
    height: 20px;
}

.mnt-container-general a.btnModoListaBCMVDesact,
.mnt-container-general a.btnModoListaDetalleBCMVDesact,
.mnt-container-general a.btnModoVerDetallesBCMVDesact,
.mnt-container-general a.btnModoVerArbolBCMVDesact {
    background-color: var(--mnt-bg-tertiary);
    color: var(--mnt-text-main);
}

.mnt-container-general div.claseVariasPestanasListaGeneral {
    margin-top: 8px;
}

.mnt-container-general div.claseVariasPestanasListaGeneral div.formularioVisible {
    float: left;
    position: relative;
    width: 100%
}

.mnt-container-general div.claseVariasPestanasListaGeneral div.formularioInvisible {
    display: none;
    float: left;
    position: relative;
    width: 100%
}

div.contenedorBotonAgregarLinea {
    margin-top: 5px !important
}

a.textoAgregarLinea {
    color: #ef6636 !important;
    margin-top: 2px !important
}

div.modificadorInferiorPanelDoble div.tituloPlantilla {
    display: none
}

div.modificadorInferiorPanelDoble div.panelPrincipalLista {
    height: 0
}

div.panelTiluloGeneralLista p {
    padding-top: 8px !important
}

div.listaEspecialEstadosOT {
    border-top: 0;
    margin-top: 5px
}

.mnt-separadorLista {
    padding: 10px 0;
}

.claseHorarioNoHabilCalendario {
    background-color: #ececec;
    opacity: 0.7;
}

.claseHorarioDiaFestivoCalendario {
    background-color: #fbd5c7;
}

table.tablaSemanaObjetoCalendario td>div:first-child,
table.tablaMesObjetoCalendario td>div:first-child {
    color: #584a4b;
    font-size: .85em;
    text-align: center !important
}

.botonFecha {
    background: url("../_imagenes/_formularios/btnCalendario.png") no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    text-decoration: none;
    outline: 0;
    width: 17px
}

.picker--opened .picker__holder {
    background: transparent !important
}

.picker {
    position: fixed !important
}

.picker__select--year {
    width: 22.5% !important
}

.picker__select--month {
    width: 35% !important;
}

div.contFormularioPlantilla form select.picker__select--month,
div.contFormularioPlantilla form select.picker__select--year {
    height: 2.5em !important;
}

.picker__select--month,
.picker__select--year {
    border: 1px solid #b7b7b7 !important;
    font-size: .8em !important;
    height: 2.5em !important;
    margin-left: .25em !important;
    margin-right: .25em !important;
    margin-top: -.5em !important;
    padding: .5em .25em !important;
    float: none !important
}

table.tablaSemanaObjetoCalendario tbody>tr:first-child {
    background-color: #ececec !important;
    border-bottom: 1px solid #d9d9d9 !important
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
    background: #ef6636 !important;
    color: #fff !important
}

.picker__day--today:before {
    border-top: .5em solid #e04712 !important
}

.picker__box {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.picker__day--selected,
.picker__day--selected:hover {
    border-color: #ef6636 !important
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    background: #ef6636 !important;
    color: #fff
}

.picker__button--today:hover,
.picker__button--clear:hover {
    background: #ef6636 !important;
    border-bottom-color: #ef6636 !important
}

.picker__button--today:before {
    border-top: .66em solid #e04712 !important
}

.picker__day--today {
    color: #ef6636 !important
}

.picker__day--highlighted {
    background: #f59c7d !important
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    background: #ef6636 !important
}

div.avisoNotificacion {
    color: #333;
    float: left;
    margin: 1%;
    position: relative;
    width: 97%
}

div.avisoNotificacion ul {
    font-size: 0.75rem;
    line-height: 1rem;
    list-style-type: square;
    margin-left: 64px;
    padding-bottom: 8px;
}

div.avisoNotificacion a.cerrarAvisoNotificacion {
    cursor: pointer;
    display: block;
    height: 14px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 14px
}

div.avisoNotificacion img {
    float: left;
    padding: 10px
}

div.avisoNotificacion p {
    cursor: default;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.25rem;
    margin-left: 35px;
    padding-top: 8px;
}

div.avisoVerde {
    background-color: #b3ff66;
    border-radius: 0.375rem;
    border: 2px solid #b3ff66;
}

div.avisoVerde:focus {
    outline: 1px dotted #b3ff66;
}

div.avisoVerde a.cerrarAvisoNotificacion {
    background-image: url("../_imagenes/_plantilla/cerrarAvisoVerde.gif");
    background-position: 0 0
}

div.avisoAmarillo {
    background-color: #ff6;
    border-radius: 0.375rem;
    border: 2px solid #ff6;
}

div.avisoNaranja {
    background-color: #FFB266;
    border-radius: 0.375rem;
    border: 2px solid #FFB266;
}

div.avisoNaranja a.cerrarAvisoNotificacion {
    background-image: url("../_imagenes/_plantilla/cerrarAvisoVerde.gif");
    background-position: 0 0
}

div.avisoAmarillo:focus {
    outline: 1px dotted #fc0
}

div.avisoAmarillo a.cerrarAvisoNotificacion {
    background-image: url("../_imagenes/_plantilla/cerrarAvisoAmarillo.gif");
    background-position: 0 0
}

div.avisoAzul {
    background-color: #0ce;
    border-radius: 0.375rem;
    border: 2px solid #0ce;
}

div.avisoAzul:focus {
    outline: 1px dotted #0ce
}

div.avisoAzul a.cerrarAvisoNotificacion {
    background-image: url("../_imagenes/_plantilla/cerrarAvisoAzul.gif");
    background-position: 0 0
}

div.avisoRojo {
    background-color: #ffcbc4;
    border-radius: 0.375rem;
    border: 1px solid #ffcbc4;
}

div.avisoRojo:focus {
    outline: 1px dotted #fc0
}

div.avisoRojo a.cerrarAvisoNotificacion {
    background-image: url("../_imagenes/_plantilla/cerrarAvisoRojo.gif");
    background-position: 0 0
}

div.avisoVerde a:hover.cerrarAvisoNotificacion,
div.avisoAmarillo a:hover.cerrarAvisoNotificacion,
div.avisoRojo a:hover.cerrarAvisoNotificacion {
    background-position: -14px 0
}

.jstree-default .jstree-anchor {
    font-size: .8em
}

.jstree-default .jstree-hovered,
.jstree-default .jstree-clicked {
    background: #ffa66a !important
}

.mnt-footer {
    cursor: default;
    bottom: 0;
    position: fixed;
    height: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 100
}

.mnt-footer>ul {
    color: #584a4b;
    border-top: 1px solid #cbcbcb;
    font-size: .9em;
    height: 100%;
    margin: 0 auto;
    width: 80%
}

.mnt-footer>ul>li>a {
    color: #584a4b;
    cursor: pointer
}

.mnt-footer>ul>li {
    cursor: default;
    padding-top: .25em;
    display: block;
    height: 100%;
    text-align: center
}

.mnt-footer>ul>li .mnt-logotipo {
    bottom: 4.5em;
    position: absolute;
    right: 1em;
    min-height: 54px;
    min-width: 54px;
    max-width: 140px;
    max-height: 140px;
}

.mnt-footer>ul>li .mnt-logomantum {
    bottom: 4.5em;
    left: 1em;
    position: absolute;
    width: 220px
}

.mnt-copyright {
    padding-right: 15px
}

.mnt-aux {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background: rgba(225, 225, 225, 0.95);
    border-top: 2px solid #d9d9d9;
    bottom: 0;
    height: 1.5em;
    position: fixed;
    user-select: none;
    width: 100%;
    z-index: 150
}

.mnt-aux ul {
    height: 100%
}

.mnt-aux ul li {
    height: 100%
}

.mnt-aux ul li p {
    cursor: default;
    font-size: .7em;
    line-height: 2.3;
    text-align: center
}

.mnt-aux ul li p span {
    font-weight: bold
}

.mnt-aux ul li a.gadgetCalendarioBarraAuxiliar {
    background: url("../_imagenes/_barraAuxiliar/calendario.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    margin: .1em 0 0 1.4em;
    position: absolute;
    width: 24px
}

input[id="btnAceptar|Crear"],
input[id="btnAceptar|Clonar"] {
    display: none;
    width: 160px !important;
}

#btnAceptarSig,
input[id="btnAceptar|Crear"] {
    margin-left: 16px !important;
}

input[id="btnAceptar|Prog"] {
    background: url("../_imagenes/_botoneraSecundaria/btnAceptarProgramar.gif") no-repeat 3px -17px;
    margin-left: 20px !important
}

input[id="btnAceptar|Prog"]:hover {
    background-position: 3px 0
}

input[id="btnAceptar|Cerrar"] {
    background: url("../_imagenes/_botoneraSecundaria/btnAceptarCerrar.gif") no-repeat 3px -17px;
    font-size: 11px !important;
    padding-left: 20px !important;
}

input[id="btnAceptar|Cerrar"]:hover {
    background-position: 3px 0
}

input[id="btnAceptar|Validar"] {
    background: url("../_imagenes/_botoneraSecundaria/btnAceptarProgramar.gif") no-repeat 3px -17px
}

input[id="btnAceptar|Validar"]:hover {
    background-position: 3px 0
}

input[value="Abrir O.T."] {
    background: url("../_imagenes/_botoneraSecundaria/btnAceptarOT.gif") no-repeat 3px -17px
}

input[value="Abrir O.T."]:hover {
    background-position: 3px 0
}


#btnAddFotografia {
    background: url("../_imagenes/_formularios/btnFotografia.gif") no-repeat 0 -17px !important;
    padding-left: 17px !important
}

#btnAddFotografia:hover {
    background-position: 0 0
}

#btnBorrarInterno {
    background: url("../_imagenes/_formularios/btnBorrarInterno.gif") no-repeat 0 -17px !important;
    padding-left: 12px !important
}

#btnBorrarInterno:hover {
    background-position: 0 0
}

.botonInternoGanttOT,
.botonInternoDT {
    color: var(--mnt-primary);
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.botonInternoGanttOT:hover,
.botonInternoDT:hover {
    color: var(--mnt-primary);
    text-decoration: underline
}


.botonInternoGanttOT img,
.botonInternoDT img {
    float: left;
    margin-right: 5px
}

.inputReadonlyVinculo {
    border: 1px solid #ccf;
    background-color: #ffeadf;
    color: #f60 !important;
    cursor: pointer;
    font-style: italic;
    text-decoration: underline
}

input.inputSeleccion,
input.inputSeleccion:focus {
    background: var(--mnt-bg-secondary);
}

div.listaDetalleSinSeleccion {
    align-items: center;
    color: var(--mnt-text-main);
    display: flex;
    flex-direction: column;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: bold;
    justify-content: center;
    text-align: center;
    width: 100%;
}

div.listaDetalleSinSeleccion img {
    float: left
}

div.listaDetalleSinSeleccion p {
    float: left;
    padding-top: 23px;
    text-align: center;
    width: 325px
}

div.listaDetalleSinSeleccion p+p {
    font-weight: normal;
    padding-top: 0;
    text-decoration: none
}

div.listaDetalleSinSeleccion p em {
    color: #f60;
    font-weight: bold
}

div.listaDetalleSinSeleccion p img.iconoListaDetalleSinSeleccion {
    display: inline;
    float: none !important;
    padding-left: 3px;
    padding-right: 3px
}

div.modificadorRegionCenterArbolDetalle div.contListaModoListaDetalle {
    border-top: none !important
}

.mnt-principal {
    height: 100%;
    overflow-y: auto
}

.mnt-segundario {
    background: #F9F7F6;
    height: 100%;
    overflow-x: hidden;
}

div.contFormularioPlantilla form {
    color: var(--mnt-text-main);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

div.contFormularioPlantilla form input,
div.contFormularioPlantilla form select,
div.contFormularioPlantilla form textarea {
    background: transparent;
    border: 1px solid var(--mnt-border);
    color: var(--mnt-text-main);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

div.contFormularioPlantilla form input:hover,
div.contFormularioPlantilla form select:hover,
div.contFormularioPlantilla form textarea:hover,
div.contFormularioPlantilla form input:focus,
div.contFormularioPlantilla form select:focus,
div.contFormularioPlantilla form textarea:focus {
    border: 1px solid var(--mnt-primary);
    outline: none;
}

div.contFormularioPlantilla form select {
    height: 36px !important;
}

div.contFormularioPlantilla form textarea,
div.contFormularioPlantilla form select,
div.contFormularioPlantilla form input {
    float: left;
    height: 34px;
    padding: 0 8px;
    border-radius: var(--mnt-radius);
}

div.contFormularioPlantilla form input[type="radio"],
div.contFormularioPlantilla form input[type="checkbox"] {
    height: 19px;
}

div.contFormularioPlantilla form textarea {
    box-sizing: border-box;
    min-height: 84px;
    resize: vertical;
    width: 100%;
}

.inputReadonly {
    background: var(--mnt-bg-secondary) !important;
    cursor: default
}

.inputReadonly:hover {
    border: 1px solid var(--mnt-border) !important;
}

div.contFormularioPlantilla form input[type="radio"],
div.contFormularioPlantilla form input[type="checkbox"] {
    border: 0;
    background-color: transparent
}

div.seccionTipo1 {
    float: left;
    width: 100%
}

div.seccionTipo1 label {
    display: block;
    float: left;
    width: 100%;
}

div.seccionTipo1 div.contenedorCamposLargos {
    float: left;
    padding-bottom: 5px;
    width: 100%
}

div.seccionTipo1 div.contenedorCamposLargos textarea {
    box-sizing: border-box;
    width: 100%
}

div.seccionTipo1 div.contenedorCamposMuyCortos span {
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-right: 15px;
    padding-left: 3px
}

div.seccionTipo1 fieldset.fieldsetPerfiles fieldset legend {
    background-color: var(--mnt-bg-tertiary);
}

div.seccionTipo1 fieldset.fieldsetPerfiles {
    background-color: transparent;
    border: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--mnt-border);
    width: 100%
}

div.seccionTipo1 fieldset.fieldsetPerfiles fieldset {
    border: 0
}

div.seccionTipo1 fieldset.fieldsetPerfiles legend {
    align-items: center;
    background-color: var(--mnt-bg-secondary);
    box-sizing: border-box;
    color: var(--mnt-text-main);
    display: flex;
    font-size: 0.75rem;
    font-weight: bold;
    gap: 8px;
    height: 34px;
    justify-content: start;
    line-height: 1rem;
    padding: 0 16px;
    width: 100%;
}

div.seccionTipo1 fieldset.fieldsetPerfiles div.contenedorCamposLargos {
    margin-left: 1%;
    width: 19%
}

div.seccionTipo1 fieldset.fieldsetPerfiles div.contenedorCamposLargos input[type="checkbox"] {
    border: 0;
    width: 15% !important
}

div.seccionTipo1 fieldset.fieldsetPerfiles div.contenedorCamposLargos label.capitalize {
    text-transform: capitalize
}

div.seccionTipo2 {
    margin-right: 0;
    width: 100%;
}

div.seccionTipo2 div.contenedorBotonesImagenHorizontal {
    float: left;
    height: 32px;
    text-align: center;
    width: 100%
}

div.seccionTipo2 div.contenedorBotonesImagenHorizontal div {
    margin: 0 auto;
    width: 310px
}

div.seccionTipo2 div.contenedorBotonesImagenHorizontal input {
    background-color: #ccc;
    border: 2px solid #444;
    color: #555;
    cursor: pointer;
    font-size: 12px;
    float: right;
    height: 22px;
    margin-top: 6px;
    width: 85px !important
}

div.seccionTipo2 div.contenedorImagenHorizontal {
    float: left;
    height: 244px;
    text-align: center;
    width: 100%
}

div.seccionTipo2 div.contenedorImagenHorizontal img {
    width: 22em
}

div.seccionTipo2 div.contenedorCamposLargos {
    float: left;
    padding-bottom: 8px;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargos textarea,
div.seccionTipo2 div.contenedorCamposLargos select,
div.seccionTipo2 div.contenedorCamposLargos input {
    box-sizing: border-box;
    width: 100%;
}

div.seccionTipo2 label {
    color: var(--mnt-text-muted);
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    float: left;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposDobles {
    float: left;
    padding-bottom: 8px;
    width: 100%
}

div.seccionTipo2 div.contenedorCamposDobles select,
div.seccionTipo2 div.contenedorCamposDobles input {
    box-sizing: border-box;
    margin-right: 8px;
    width: 47%
}

div.seccionTipo2 div.contenedorCamposLargosUnBoton {
    float: left;
    padding-bottom: 8px;
    width: 100%
}

div.seccionTipo2 div.contenedorCamposLargosUnBoton input {
    box-sizing: border-box;
    float: left;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargosUnBoton select {
    box-sizing: border-box;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargosUnBoton a {
    float: left;
    margin: 0 5px
}

div.mantum div.seccionTipo2 div.contenedorCamposLargosUnBoton a {
    float: none !important;
    margin: 0 !important;
}

div.seccionTipo2 div.contenedorCamposCortos {
    float: left;
    padding-bottom: 8px;
    width: 100%
}

div.seccionTipo2 div.contenedorCamposCortos input {
    float: left;
    margin-right: 8px;
    width: 13%
}

div.seccionTipo2 div.contenedorCamposCortos span {
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-right: 16px;
    padding-left: 3px
}

div.seccionTipo2 div.contenedorCamposDoblesT2 {
    clear: left;
    float: left;
    padding-bottom: 8px;
    width: 100%
}

div.seccionTipo2 div.contenedorCamposDoblesT2 input.primerCampo {
    margin-right: 8px;
    width: 50%
}

div.seccionTipo2 table.tablaResumenProgOT {
    background-color: #f5f5f5;
    border-top: 1px solid #979797;
    border-collapse: collapse;
    color: #666;
    cursor: default;
    font-size: .9em;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 250px
}

div.seccionTipo2 table.tablaResumenProgOT td {
    border-bottom: 1px solid #d6d6d6;
    height: 22px
}

div.seccionTipo2 table.tablaResumenProgOT td.tituloTablaResumenProgOT {
    background-color: #c1c1c1;
    border-bottom: 1px solid #979797;
    color: #444;
    font-style: italic;
    font-size: 1em;
    font-weight: bold;
    height: 24px;
    text-indent: 10px
}

div.seccionTipo2 table.tablaResumenProgOT td.primeraColTablaResumenProgOT {
    border-right: 1px solid #d6d6d6;
    text-align: center
}

div.seccionTipo2 table.tablaResumenProgOT td.segundaColTablaResumenProgOT {
    text-indent: 5px
}

div.seccionTipo2 div.contenedorCamposLargosTresBoton {
    float: left;
    padding-bottom: 8px;
    width: 100%
}

div.mantum div.seccionTipo2 div.contenedorCamposLargosTresBoton select,
div.mantum div.seccionTipo2 div.contenedorCamposLargosTresBoton input {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargosTresBoton select,
div.seccionTipo2 div.contenedorCamposLargosTresBoton input {
    box-sizing: border-box;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargosTresBoton a {
    text-decoration: none
}

div.seccionTipo2 div.contenedorCamposLargosDosBoton,
div.mantum div.seccionTipo2 div.contenedorCamposLargosDosBoton {
    padding-bottom: 8px;
    width: 100%
}

.contenedorCampos {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: start;
    width: 100%;
}

div.mantum div.seccionTipo2 div.contenedorCamposLargosUnBoton,
div.mantum div.seccionTipo2 div.contenedorCamposLargosDosBoton,
div.mantum div.seccionTipo2 div.contenedorCamposLargosTresBoton {
    display: flex;
    flex-direction: column;
}

div.mantum div.seccionTipo2 div.contenedorCamposLargosUnBoton input,
div.mantum div.seccionTipo2 div.contenedorCamposLargosDosBoton input {
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargosDosBoton {
    float: left;
}

div.seccionTipo2 div.contenedorCamposLargosDosBoton select {
    box-sizing: border-box;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargosDosBoton input {
    box-sizing: border-box;
    margin-bottom: 8px;
    margin-right: 8px;
    width: 100%;
}

div.seccionTipo2 div.contenedorCamposLargosDosBoton a {
    text-decoration: none
}

div.seccionTipo3 {
    float: left;
    margin-right: 1%;
    width: 32%
}

div.seccionTipo3 div.contenedorCamposLargos {
    box-sizing: border-box;
    float: left;
    padding-left: 5px;
    width: 100%;
}

div.seccionTipo3 div.contenedorCamposLargos select {
    width: 45.4%
}

div.seccionTipo3 label {
    display: block;
    float: left;
    line-height: 2;
    width: 120px
}

.agrupacionFiltros {
    align-items: center;
    display: flex;
    gap: 8px;
}

.agrupacionFiltros .seccionTipo3 {
    align-items: center;
    display: flex;
    float: none;
    margin-right: 15px;
    width: auto !important;
}

.agrupacionFiltros .seccionTipo3 label {
    margin-right: 5px;
    white-space: nowrap;
    width: auto;
}

.agrupacionFiltros .seccionTipo3 .contenedorCamposLargos {
    align-items: center;
    display: flex;
    padding-left: 0;
    width: auto;
}

div.contenedorRadio,
div.contenedorRadio .radio-label {
    display: flex;
    align-items: center;
}

div.contenedorRadio .radio-label input[type="radio"] {
    outline: none;
}

.seccionTipo3FormLista {
    font-size: .95em;
    position: relative
}

.seccionTipo3FormLista .contenedorCamposCortos input {
    float: left !important;
    width: 90px
}

.seccionTipo3FormLista span.leyendaFormularioLista {
    color: #a5a5a5;
    font-style: italic;
    height: 19px;
    left: 220px;
    margin-top: 1px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left
}

div.seccionTipo4Corto {
    float: left;
    margin-right: 1%;
    width: 33%
}

div.seccionTipo4Corto label {
    display: block;
    float: left;
    width: 120px
}

div.seccionTipo4Corto div.contenedorImagenVertical {
    float: left;
    height: 164px;
    text-align: center;
    width: 100%
}

div.seccionTipo4Corto div.contenedorImagenVertical img {
    background-color: #efefef;
    border: 2px solid #7f7f7f
}

div.seccionTipo4Corto div.contenedorBotonesImagenVertical {
    float: left;
    height: 32px;
    text-align: center;
    width: 100%
}

div.seccionTipo4Corto div.contenedorBotonesImagenVertical input {
    background-color: #ccc;
    border: solid 1px #444;
    color: #555;
    cursor: pointer;
    font-size: .85em;
    float: none;
    height: 22px;
    margin-top: 6px;
    padding-bottom: 2px;
    width: 85px
}

div.seccionTipo4Corto div.contenedorBotonesImagenVertical input:hover {
    background-color: #acacac
}

div.seccionTipo4Corto div.contenedorBotonesImagenHorizontal {
    float: left;
    height: 32px;
    text-align: center;
    width: 100%
}

div.seccionTipo4Corto div.contenedorBotonesImagenHorizontal div {
    margin: 0 auto;
    width: 310px
}

div.seccionTipo4Corto div.contenedorBotonesImagenHorizontal input {
    background-color: #ccc;
    border: 1px solid #444;
    color: #555;
    cursor: pointer;
    float: none;
    font-size: .85em;
    height: 22px;
    margin: 6px auto 0;
    width: 85px
}

div.seccionTipo4Corto div.contenedorCamposLargos {
    float: left;
    padding-bottom: 5px;
    width: 100%
}

div.seccionTipo4Corto div.contenedorCamposLargos input {
    width: 45%
}

div.seccionTipo4Corto div.contenedorCamposLargos select {
    width: 45.4%
}

div.seccionTipo4Corto div.contenedorCamposLargos textarea {
    width: 44.5%
}

div.seccionTipo4Corto div.contenedorCamposLargosUnBoton {
    float: left;
    padding-bottom: 5px;
    width: 100%
}

div.seccionTipo4Largo {
    float: left;
    margin-right: 1%;
    width: 65%
}

div.seccionTipo4Largo label {
    display: block;
    float: left;
    width: 120px
}

div.seccionTipo4Largo div.contenedorCamposLargosUnBoton {
    float: left;
    padding-bottom: 5px;
    width: 100%
}

div.seccionTipo4Largo div.contenedorCamposLargosUnBoton input {
    margin-right: 4px;
    width: 69.5%
}

div.seccionTipo4Largo div.contenedorCamposLargosUnBoton select {
    margin-right: 4px;
    width: 69.8%
}

div.seccionTipo4Largo div.contenedorCamposLargos {
    float: left;
    padding-bottom: 5px;
    width: 100%
}

div.seccionTipo4Largo div.contenedorCamposLargos input {
    width: 74%
}

div.seccionTipo4Largo div.contenedorCamposLargos select {
    width: 71.2%
}

div.seccionTipo4Largo div.contenedorCamposLargos textarea {
    width: 73.8%
}

div.seccionTipo5Corto {
    float: left;
    margin-right: 1%;
    width: 19%
}

div.seccionTipo5Corto div.contenedorCamposLargos {
    float: left;
    padding-bottom: 5px;
    width: 100%
}

div.seccionTipo5Corto div.contenedorCamposLargos input {
    width: 21%
}

div.seccionTipo5Corto span {
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-right: 15px;
    padding-left: 3px
}

div.seccionTipo5Largo {
    float: left;
    width: 79%
}

div.seccionTipo5Largo div {
    float: left;
    padding-bottom: 5px
}

div.seccionTipo5Largo div select {
    float: left;
    height: 21px
}

div.seccionTipo5Largo div.contenedorCamposEspecialesT2,
div.seccionTipo5Largo div.contenedorCamposEspecialesT1 {
    width: 100%
}

div.seccionTipo5Largo div.contenedorCamposEspecialesT1 div {
    float: left;
    width: 120px
}

div.seccionTipo5Largo span {
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-right: 15px;
    padding-left: 3px
}

div.contenedorTablas2 {
    float: left;
    position: relative;
    width: 100%;
    overflow-x: auto;
}

div.contenedorTablas {
    float: left;
    position: relative;
    width: 100%
}

div.contListaModoListaGeneral {
    float: left;
    width: 100%;
    min-width: 100%;
    position: relative;
}

div.modificadorInferiorPanelDoble div.contenedorBotonAgregarLinea {
    position: absolute;
    right: 10px;
    top: 0
}

div.seccionTipo4LargoFormLista {
    float: left;
    font-size: .95em;
    margin-bottom: 2px;
    width: 600px
}

.seccionTipo4CortoFormLista label {
    font-size: .85em !important;
    line-height: 1.5 !important;
    margin-left: -5px
}

.seccionTipo4CortoFormLista span {
    font-size: .85em !important;
    line-height: 1.7 !important
}

.botonInternoFormLista a {
    font-size: .95em !important;
    line-height: 0
}

div.seccionTipo4LargoFormLista .contenerdorCamposCortos input {
    float: left;
    height: 19px;
    text-indent: 2px
}

div.seccionTipo4CortoFormLista {
    font-size: 1.2em
}

div.seccionTipo4CortoFormLista .contenedorCamposCortos input {
    float: left;
    height: 19px;
    text-indent: 2px
}

div.seccionTipo4CortoFormLista label {
    float: left;
    line-height: 2.4;
    margin-top: 1px;
    width: 85px
}

div.seccionTipo4CortoFormLista span {
    color: #a5a5a5;
    float: left;
    font-style: italic;
    line-height: 2.5;
    margin-left: 5px
}

div.botonInternoFormLista {
    margin-left: 20px;
    text-align: left
}

div.botonInternoFormLista a {
    color: #ef6636;
    font-style: italic;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2.2;
    text-decoration: underline
}

div.seccionTipo1FormLista {
    float: left;
    font-size: 0.95em;
    margin-left: 20px;
    text-align: left;
    width: 95%
}

div.seccionTipo1FormLista input {
    float: left;
    height: 19px;
    text-indent: 2px
}

div.seccionTipo1FormLista label.labelT1seccionTipo1FormLista {
    display: block;
    float: left;
    height: 22px;
    line-height: 2.4;
    overflow: hidden;
    width: 300px
}

div.seccionTipo1FormLista input.radioGeneral,
div.seccionTipo1FormLista input.checkBoxGeneral {
    float: left;
    width: 40px !important
}

.inputReadonlyVinculo {
    border: 1px solid #ccf;
    background-color: #ffeadf;
    color: #ef6636;
    cursor: pointer;
    font-style: italic;
    text-decoration: underline
}

div.vinculoEspecial {
    float: left;
    margin-top: 10px;
    padding-left: 15px;
    width: 100%
}

div.vinculoEspecial a {
    color: #ef6636;
    display: block;
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
    outline: 0;
    padding-left: 25px
}

div.vinculoEspecial a:hover {
    color: #999
}

div.vinculoEspecial img {
    float: left;
    margin-right: 10px
}

div.contFormularioPlantilla div.separadorSeccionFormulario a,
div.contFormularioPlantilla a.botonInternoGanttOT span.imgSeparadorSeccionFormularioDesplegada {
    border-bottom: 4px solid transparent;
    border-left: 4px solid var(--mnt-primary);
    border-top: 4px solid transparent;
    cursor: default;
    display: block;
    margin-left: 8px;
}

div.contFormularioPlantilla div.separadorSeccionFormularioM2 a {
    background-image: url("../_imagenes/_formularios/imgSeccionFormularioM2.gif")
}

div.contFormularioPlantilla div.separadorSeccionFormulario a.imgSeparadorSeccionFormularioContraida {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--mnt-primary);
    margin-top: 8px;
}

div.contFormularioPlantilla div.separadorSeccionFormulario a.imgSeparadorSeccionFormularioVacio {
    background-position: -30px 0
}

div.listaEnlacesRapidosPanelControl img {
    float: left;
    margin-right: 8px;
    margin-left: 3px
}

div.listaEnlacesRapidosPanelControl a {
    color: #584a4b;
    display: block;
    font-size: .8em;
    outline: medium none;
    padding-top: 2px;
    text-decoration: none
}

div.listaEnlacesRapidosPanelControl a:hover,
div.listaEnlacesRapidosPanelControl a:focus {
    color: #ef6636;
    text-decoration: underline
}

div.contenedorGeneralPlantilla {
    left: 3em;
    position: absolute;
    right: 3em;
    top: 3em;
    transition: all 1s ease 0
}

.mnt-container-form {
    left: 0;
    min-height: 35em;
    overflow: hidden;
    padding-bottom: 2.5em;
    position: absolute;
    right: 0;
    top: 3em;
    transition: all 1s ease 0
}

.mnt-container-form .tituloPlantilla {
    height: 37px;
    position: relative
}

.mnt-container-form .tituloPlantilla .tituloPrincipalPlantilla {
    color: #ef6636;
    cursor: default;
    font-size: 1em;
    height: 20px;
    padding: 10px 0 0 20px;
    text-transform: uppercase
}

.mnt-container-form div.contenidoPrincipalPlantilla {
    min-height: 300px
}

div.principalPlantilla {
    min-width: 100%;
}

div.vinculoEspecialTabla img {
    float: left;
    margin-right: 8px
}

div.vinculoEspecialTabla a:has(input[type="checkbox"] + label) {
    text-decoration: none;
}

div.vinculoEspecialTabla a:has(input[type="checkbox"] + label) input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 0;
}

div.vinculoEspecialTabla a:has(input[type="checkbox"] + label) label {
    cursor: pointer;
    text-decoration: underline;
}

div.vinculoEspecialTabla a:hover {
    color: #c04d00
}

div.vinculoEspecialTabla a:focus {
    outline: 0
}

div.vinculoEspecialTabla input.checkBoxGeneral {
    float: right;
    height: 16px
}

div.vinculoEspecialTabla input.listaDesplegableGeneral {
    float: right;
    height: 16px
}

div.separadorBotonInternoGanttOT,
div.separadorBotonInternoDT,
div.separadorVinculoEspecialTabla {
    border-right: 2px solid var(--mnt-primary);
    height: 14px;
    margin: 2px 8px 0;
}

div.separadorBotonInternoGanttOT,
div.separadorBotonInternoDT {
    float: left;
}

div.contBotonesInternosEspeciales {
    float: right;
}

div.camposFechaHoraDoble input {
    width: 29.2% !important
}

.tituloPlantilla {
    align-items: start;
    box-sizing: border-box;
    gap: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 0 16px;
    position: relative;
    width: 100%;
}

.tituloPlantilla .tituloPrincipalPlantilla {
    color: var(--mnt-primary) !important;
    display: block;
    float: left;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    width: 87%
}

.tituloPlantilla .tituloPrincipalPlantilla a {
    color: var(--mnt-text-main);
    text-decoration: none
}

.tituloPlantilla .tituloPrincipalPlantilla a:hover {
    color: var(--mnt-primary)
}

.tituloPlantilla .tituloPrincipalPlantilla a:focus {
    outline: 0
}

.tituloPlantilla .desplegarBarraNavegacionPlantilla {
    display: block;
    padding-right: 5px;
    text-align: right
}

.tituloPlantilla .desplegarBarraNavegacionPlantilla a.desplegarBarraNavegacionPlantillaDesact {
    cursor: default;
    outline: 0
}

.tituloPlantilla .desplegarBarraNavegacionPlantilla a:focus {
    outline: #ccc dotted thin
}

.mnt-cf {
    left: 0;
    padding: 0 16px;
    position: absolute;
    right: 0;
    top: 5em;
}

.mnt-cf .mnt-t {
    height: 35px;
    position: relative;
    user-select: none;
}

.mnt-cf .mnt-t .mnt-tp {
    box-sizing: border-box;
    color: var(--mnt-primary);
    cursor: default;
    float: left;
    font-size: 0.875rem;
    font-weight: bold;
    height: 100%;
    line-height: 1.25rem;
    overflow: hidden;
    padding-top: 12px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}

.mnt-cf .mnt-t .mnt-cip {
    height: 36px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 36px;
    z-index: 50
}

.mnt-cf .mnt-t input {
    border: solid #d9d9d9;
    border-width: 1px 1px 2px;
    color: #555;
    cursor: pointer;
    font-size: 12px;
    height: 22px;
    margin: 12px 0 0 4px;
    width: 90px
}

.mnt-cf .mnt-t input:hover {
    border-bottom: 2px solid #ef6636
}

.mnt-cf .mnt-t input {
    padding-left: 20px
}

.mnt-cf div .mnt-hp {
    cursor: help;
    color: var(--mnt-text-muted);
    display: block;
    float: left;
    margin: 11px 10px 0 0;
}

.mnt-cf div .mnt-hp:focus {
    outline: 0
}

.mnt-cf div .mnt-hp:hover {
    background-position: -22px 0
}

#btnAdjuntar {
    margin-left: 36px
}

.contFormularioPlantilla {
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}

.contFormularioPlantilla .formularioVisible {
    box-sizing: border-box;
    height: 100%;
    padding: 0 16px;
    position: relative;
    width: 100%;
}

.contFormularioPlantilla .formularioInvisible {
    display: none;
    float: left;
    position: relative;
    width: 100%
}

.contFormularioPlantilla .agrupacionEspecialT1 {
    margin-top: 15px
}

.contenedorGraficoKPI div {
    margin: 0 auto;
    width: 90%
}

.contBotonesInternosEspecialesSelect {
    background-color: var(--mnt-bg-primary);
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border);
    box-shadow: var(--mnt-shadow);
    padding: 10px 10px 5px;
    position: absolute;
    right: 120px;
    text-align: center;
    top: 30px;
    width: 210px;
    z-index: 20;
}

.contBotonesInternosEspecialesSelect a.botonInternoGanttOT {
    color: var(--mnt-text-label);
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 5px
}

.contBotonesInternosEspecialesSelect a.botonInternoGanttOT:hover {
    color: var(--mnt-primary);
}

.mnt-bsp {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    float: left;
    justify-content: start;
    margin-bottom: 24px;
    width: 100%;
}

.btnImprimirKPI,
.button-ast,
.mnt-bsp input,
.ui-dialog .ui-dialog-buttonpane button {
    background: transparent;
    border-radius: var(--mnt-radius);
    border: 1px solid var(--mnt-border, #d9d9d9);
    color: var(--mnt-text-label);
    cursor: pointer;
    font-size: 0.875rem;
    height: 34px;
    line-height: 1.25rem;
    margin: 12px 0 0 4px;
    min-width: 98px;
    width: auto;
}

.btnImprimirKPI {
    align-items: center;
    display: flex;
    justify-content: center;
}

.ui-dialog .ui-dialog-buttonpane button:hover,
.mnt-bsp input:hover {
    background-color: var(--mnt-bg-secondary, #f0f0f0);
}

.ui-button-icon-only .ui-icon {
    background-color: var(--mnt-bg-tertiary);
}

.ui-dialog .ui-dialog-titlebar-close {
    background: var(--mnt-bg-tertiary);
    border: none;
    margin-right: .7em !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background-image: none !important;
    overflow: visible;
    text-indent: 0;
    font-size: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon::before {
    content: "✕";
    font-size: 15px;
    line-height: 1;
    display: block;
    color: var(--mnt-text-label, #374151);
}

.button-ast,
#btnAceptar {
    background-color: var(--mnt-primary);
    border: 1px solid var(--mnt-primary);
    color: #fff;
}

.button-ast:hover,
#btnAceptar:hover {
    background-color: var(--mnt-primary-hover, #c04d00);
}

.seleccionesGeneralesFormularioPerfiles {
    align-items: center;
    background-color: var(--mnt-bg-tertiary);
    box-sizing: border-box;
    display: flex;
    height: 34px;
    justify-content: start;
    margin-bottom: 8px;
    padding: 0 16px;
    width: 100%;
}

.seleccionesGeneralesFormularioPerfiles div {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.accionperfiles {
    align-items: center;
    display: flex;
    gap: 4px;
    justify-content: center;
}

.accionseleccionarperfiles,
.seleccionesGeneralesFormularioPerfiles div button {
    align-items: center;
    background: transparent;
    border: none;
    color: var(--mnt-primary);
    display: flex;
    gap: 4px;
    justify-content: start;
}

.accionseleccionarperfiles:hover {
    cursor: pointer;
}

.seleccionesGeneralesFormularioPerfiles div button:hover {
    text-decoration: underline;
    cursor: pointer;
}

.seleccionesGeneralesFormularioPerfiles label {
    cursor: pointer;
    margin-top: -1px;
    position: absolute
}

.seleccionesGeneralesFormularioPerfiles input {
    background-position: 0 0;
    border: medium none;
    cursor: pointer;
    height: 15px !important;
    margin-right: 7px;
    margin-top: 2px;
    width: 15px
}

div.contFormularioPlantilla div.separadorSeccionFormulario,
div.contenedorFormularioEmergenteT1 div.separadorSeccionFormulario {
    border-bottom: 1px solid var(--mnt-primary);
    color: var(--mnt-primary);
    cursor: default;
    float: left;
    font-size: 0.875rem;
    height: 24px;
    line-height: 1.25rem;
    margin: 12px 0;
    position: relative;
    user-select: none;
    width: 100%;
}

div.contFormularioPlantilla div.separadorSeccionFormularioM1,
div.contenedorFormularioEmergenteT1 div.separadorSeccionFormularioM1 {
    margin-bottom: 5px
}

div.contFormularioPlantilla div.separadorSeccionFormularioM2,
div.contenedorFormularioEmergenteT1 div.separadorSeccionFormularioM2 {
    border-bottom: 1px solid var(--mnt-primary-hover);
    color: var(--mnt-primary-hover);
    font-size: 0.75rem;
    line-height: 1rem;
}

div.contenedorFormularioEmergenteT1 div.separadorSeccionFormularioM2 {
    margin-top: 0 !important
}

div.contFormularioPlantilla div[ondblclick].separadorSeccionFormulario,
div.contFormularioPlantilla div[ondblclick].separadorSeccionFormulario a {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: start;
}

div.contFormularioPlantilla div.separadorSeccionFormulario span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pestanasPlantilla {
    margin: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.pestanasPlantilla ul {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
    list-style: none;
    flex: 0 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
}

.pestanasPlantilla ul li {
    flex: 0 0 auto;
}

.pestanasPlantilla ul li.pestanaBloqueadaPermisos a {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
    color: #584a4b;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
    position: relative;
    padding-left: 16px;
    width: auto;
}

.pestanasPlantilla ul li.pestanaBloqueadaPermisos a::before {
    content: "\1F512";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: #584a4b;
}

.pestanasPlantilla ul li.menuPestanasPlantilla {
    position: relative
}

.pestanasPlantilla ul li.menuPestanasPlantilla ul {
    background-color: var(--mnt-bg-secondary, #eee);
    color: var(--mnt-text-muted, #555);
    display: none;
    font-size: 0.75rem;
    left: auto;
    right: 0;
    line-height: 1rem;
    padding: 8px 0;
    position: absolute;
    top: 34px;
    width: 200px;
    z-index: 100;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border: 1px solid var(--mnt-bg-quaternary, #e2e2e2);
}

.pestanasPlantilla ul li.menuPestanasPlantilla ul.activo {
    display: block !important;
    z-index: 9999 !important;
}

.pestanasPlantilla ul li.menuPestanasPlantilla ul li a {
    border-radius: 0;
    color: var(--mnt-text-muted, #555);
    display: block;
    height: auto;
    min-height: 24px;
    margin-left: 0;
    padding: 6px 12px;
    text-align: left;
    user-select: none;
    width: 100%;
    white-space: normal;
}

.pestanasPlantilla ul li.menuPestanasPlantilla ul li a:hover,
.pestanasPlantilla ul li.menuPestanasPlantilla ul li a:focus {
    background-color: var(--mnt-bg-quaternary)
}

.pestanasPlantilla ul li a {
    align-items: center;
    background-color: var(--mnt-bg-secondary, #eee);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
    color: var(--mnt-text-muted, #555);
    display: flex;
    font-size: 0.875rem;
    height: 34px;
    justify-content: center;
    line-height: 1.25rem;
    margin-left: 4px;
    min-width: 110px;
    outline: none;
    overflow: hidden;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap;
}

.pestanasPlantilla ul li.pestanaActiva a {
    background-color: var(--mnt-bg-quaternary, #e2e2e2);
    border-bottom: 2px solid var(--mnt-primary, #ef6636);
    color: var(--mnt-text-muted, #555);
    outline: 0;
}

.pestanasPlantilla ul li.pestanaBloqueada a {
    background-color: var(--mnt-bg-tertiary, #d4d4d4);
    color: var(--mnt-text-muted, #555);
    cursor: not-allowed;
}

.pestanasPlantilla ul li.pestanaInfoComp a {
    border: solid var(--mnt-primary, #ef6636) !important;
    border-width: 1px 1px 0 !important;
}

.pestanasPlantilla ul li a.menuPestanasPlantilla:hover,
.pestanasPlantilla a.pestanaSiguientePlantilla:hover,
.pestanasPlantilla ul li a.pestanaAnteriorPlantilla:hover {
    background-color: var(--mnt-bg-quaternary)
}

.pestanasPlantilla a.pestanaSiguientePlantilla {
    align-items: center;
    background-color: var(--mnt-bg-secondary, #eee);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
    color: var(--mnt-text-muted, #555);
    display: flex;
    height: 34px;
    justify-content: center;
    margin-left: 4px;
    min-width: 24px;
    width: 24px;
    padding: 4px;
    cursor: pointer;
    flex-shrink: 0;
    text-decoration: none;
    margin-right: auto;
}

.pestanasPlantilla ul li a.pestanaAnteriorPlantilla,
.pestanasPlantilla a.pestanaSiguientePlantilla,
.pestanasPlantilla ul li a.menuPestanasPlantilla {
    box-sizing: border-box;
    min-width: 24px;
    padding: 4px;
    width: 24px;
}

.mnt-1x {
    width: 4em
}

.mnt-2x {
    width: 7.97em
}

.mnt-3x {
    width: 12em
}

.mnt-4x {
    width: 16em
}

.mnt-5x {
    width: 20em
}

.mnt-medium {
    width: 3.2em
}

.mnt-placeholder {
    color: #b0b0b0
}

.mnt-error {
    border: 1px solid #d8353a !important
}

.mnt-not-border {
    border: none !important
}

.mnt-margin-right {
    padding-right: 1em
}

.mnt-left {
    float: left;
    position: relative
}

.mnt-border-right {
    border-right: 1px solid #d9d9d9
}

.mnt-right {
    float: right;
    position: relative
}

.mnt-top {
    top: 3em !important
}

.mnt-not-select li a {
    cursor: default
}

.mnt-select li a:hover {
    color: #ef6636 !important;
    text-decoration: underline
}

.mnt-menu-open {
    transform: translateY(0) !important;
}

.mnt-action-close {
    transform: translateX(-14.5em)
}

.mnt-action-close-o {
    transform: translateX(-13.5em)
}

.mnt-list-aux-o {
    transform: translateX(0)
}

.mnt-action-full-open {
    width: 35em !important
}

.mnt-uppercase {
    text-transform: uppercase !important
}

.mnt-visibility {
    visibility: hidden !important
}

.mnt-overflow-y {
    overflow-y: hidden !important
}

.mnt-overflow-ver {
    overflow: auto;
    position: relative;
    width: 100%;
    max-height: 150px
}

.mnt-full-list {
    left: 1.5em;
    right: 1.5em
}

.mnt-small-list {
    left: 35em !important
}

.mnt-list-no-action {
    left: 0
}

textarea.textAreaA1 {
    height: 100px
}

textarea.textAreaA2 {
    height: 68px
}

textarea.textAreaA3 {
    height: 40px
}

textarea.textAreaA4 {
    height: 150px
}

textarea.textAreaA5 {
    height: 81px
}

.capaCarga {
    background-color: rgba(255, 255, 255, 0);
    cursor: wait;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7000
}

.errHilite {
    border: 1px solid #d8353a !important
}

.mantum-pestana-aux-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 64px);
    padding: 1.5rem;
    background-color: var(--mnt-background);
}

.mantum-pestana-aux-card {
    background-color: var(--mnt-surface);
    border: 1px solid var(--mnt-border);
    border-radius: 0.75rem;
    padding: 2.5rem;
    max-width: 32rem;
    width: 100%;
    text-align: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.mantum-pestana-aux-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: var(--mnt-primary);
}

.mantum-pestana-aux-title {
    color: var(--mnt-text-main);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.75rem;
    text-transform: uppercase;
}

.mantum-pestana-aux-text {
    color: var(--mnt-text-secondary);
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 2rem;
}

.mantum-pestana-aux-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.mantum-pestana-aux-hint {
    color: var(--mnt-text-muted);
    font-size: 0.75rem;
}

.mantum-error-card {
    background-color: var(--mnt-surface);
    border: 1px solid var(--mnt-border);
    border-radius: 0.75rem;
    padding: 2.5rem;
    max-width: 40rem;
    width: 100%;
}

.mantum-error-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: var(--mnt-primary);
}

.mantum-error-title {
    color: var(--mnt-text-main);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.75rem;
    text-align: center;
}

.mantum-error-subtitle {
    color: var(--mnt-text-secondary);
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
    font-style: italic;
}

.mantum-error-section-heading {
    color: var(--mnt-text-main);
    font-size: 0.9375rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-style: italic;
}

.mantum-error-section-text {
    color: var(--mnt-text-secondary);
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.mantum-error-list {
    color: var(--mnt-text-secondary);
    font-size: 0.875rem;
    line-height: 1.75rem;
    padding-left: 1.25rem;
    margin-bottom: 0.75rem;
}

.mantum-error-list li {
    margin-bottom: 0.25rem;
}

.mantum-error-list img {
    vertical-align: middle;
    margin: 0 0.125rem;
}

.mantum-error-toggle {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--mnt-border);
    cursor: pointer;
    color: var(--mnt-primary);
    font-size: 0.875rem;
    font-weight: 600;
    user-select: none;
    background: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    text-align: left;
}

.mantum-error-toggle:hover {
    opacity: 0.8;
}

.mantum-error-toggle-icon {
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.mantum-error-toggle-icon.expanded {
    transform: rotate(90deg);
}

.mantum-error-detail {
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--mnt-bg-primary);
    border: 1px solid var(--mnt-border);
    border-radius: 0.5rem;
}

.mantum-error-detail p {
    color: var(--mnt-text-muted);
    font-size: 0.8125rem;
    margin-bottom: 0.5rem;
}

.mantum-error-detail code {
    display: block;
    color: var(--mnt-text-secondary);
    font-size: 0.8125rem;
    line-height: 1.5rem;
    word-break: break-word;
    white-space: pre-wrap;
}

@media (max-width: 640px) {
    .mantum-error-card {
        padding: 1.5rem;
    }
}

.ui-widget-content {
    background-color: var(--mnt-bg-primary) !important;
    color: var(--mnt-text-main) !important
}

.ui-widget.ui-widget-content {
    border: none !important;
}

.ui-dialog .ui-dialog-title {
    color: var(--mnt-primary) !important;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
}

.ui-dialog .tituloPlantilla {
    display: none
}

.ui-widget-header {
    background: transparent !important;
    border: medium none !important
}

.ui-button-text-only .ui-button-text {
    padding: .1em 1em !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #eeeceb !important;
    background-image: none !important
}

.ui-widget-content {
    border: none !important;
}

div.form {
    border: medium none !important
}

.contenidoPopup {
    color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 6px 0 6px 15px;
    padding-left: 60px;
    padding-top: 12px;
    text-align: center;
}

.contenidoPopup p {
    font-size: 12px;
    font-weight: normal;
    margin-top: 1em;
    text-align: center
}


div.tablaEspecialControlIzquierdo table.tablaPrincipalLista>tbody>tr>td>div[idcolumn="cantidad"],
div.tablaEspecialControlIzquierdo table.tablaPrincipalLista>tbody>tr>td>div[idcolumn="cantidadfisica"] {
    padding-left: 2%;
    text-align: left
}

table.tablaSemanaObjetoCalendario tbody tr>td[rowspan="2"]:first-child {
    color: #ef6636 !important
}

table.tablaPrincipalLista th.picker__weekday {
    background-color: #fff !important;
    border-color: #fff !important
}

.mantum-file-uploader-container {
    background-color: var(--mnt-bg-secondary, #eee);
    border-left: 1px solid var(--mnt-border, #d9d9d9);
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(321px);
    width: 321px;
}

.O {
    transform: translateX(0);
}

.mantum-file-uploader {
    align-items: center;
    background-color: var(--mnt-bg-secondary, #eee);
    border-bottom: 1px solid var(--mnt-border, #d9d9d9);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    width: 100%;
}

.mantum-file-uploader h2 {
    color: var(--mnt-primary);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.mantum-add-file,
.mantum-file-uploader .header-btn {
    align-items: center;
    border-radius: var(--mnt-radius);
    color: var(--mnt-text-muted);
    display: flex;
    height: 28px;
    justify-content: center;
    padding: 4px;
    transition: var(--mnt-transition);
    width: 28px;
    border-color: transparent;
    background: transparent;
}

.mantum-add-file:hover,
.mantum-file-uploader .header-btn:hover {
    background-color: var(--mnt-bg-tertiary);
    color: var(--mnt-text-main);
    cursor: pointer;
}

.mantum-file-uploader .header-actions {
    align-items: center;
    display: flex;
    gap: 8px;
}

.L {
    border-bottom: 8px solid transparent;
    border-right: 9px solid #EF6636;
    border-top: 8px solid transparent;
    cursor: pointer;
    left: .2em;
    position: absolute;
    top: 1em
}

.R {
    border-bottom: 8px solid transparent;
    border-left: 9px solid #EF6636;
    border-top: 8px solid transparent;
    cursor: pointer;
    left: .8em;
    position: absolute;
    top: 1.5em
}

fieldset {
    clear: both
}

.fileUpload {
    background-color: var(--mnt-bg-secondary, #eee);
    display: inline-block;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 100;
}

.fileUpload>.top {
    top: 8px !important;
}

.fileUpload>.file-ul {
    display: block;
    height: calc(100% - 129px) !important;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 24px;
    width: 100% !important;
}

.fileUpload-search-wrapper {
    background: var(--mnt-bg-secondary, #eee);
    border-bottom: 1px solid var(--mnt-border, #eee);
    padding: 10px 15px;
}

.fileUpload-search-box {
    align-items: center;
    background: var(--mnt-bg-secondary, #ffffff);
    border-radius: 4px;
    border: 1px solid var(--mnt-border, #d9d9d9);
    display: flex;
    padding: 0 10px;
    position: relative;
    transition: border-color 0.2s;
}

.fileUpload-search-box:focus-within {
    border-color: var(--mnt-primary, #ef6636);
}

.fileUpload-search-input {
    width: 100%;
    border: none !important;
    background: transparent !important;
    padding: 8px 5px !important;
    font-size: 13px !important;
    outline: none !important;
    color: var(--mnt-text-main)
}

.fileUpload-no-results {
    color: var(--mnt-text-muted, #666);
    display: none;
    font-size: 14px;
    margin: 10px;
    padding: 20px;
    text-align: center;
}

.OV {
    background: #F9F7F6;
    border: 1px solid #E2E2E2;
    height: 20em;
    margin: 0 auto;
    position: relative;
    top: 15em;
    width: 20em;
    z-index: 1000
}

.OV .t {
    background: #E2E2E2;
    height: 1.5em
}

.OV .t p {
    color: #EF6636;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.7;
    margin-left: 0.5em;
    text-transform: uppercase
}

.OV .t .c {
    border: 1px solid #CCCCCC;
    color: #333333;
    cursor: pointer;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    right: 5px;
    top: 2px;
    user-select: none
}

.OV .t .listar {
    border: 1px solid #CCCCCC;
    color: #333333;
    cursor: pointer;
    display: block;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    right: 30px;
    top: 2px;
    user-select: none
}

div.fileUpload input[type="file"] {
    cursor: pointer
}

.file {
    cursor: pointer;
    line-height: 1.5
}

.sort {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    user-select: none
}

.sort .border {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 3em;
    z-index: 1000
}

.resalto {
    background-color: rgba(242, 242, 242, 0.5);
    border: 10px dashed #bcbcbc;
}

.margin-alarma {
    margin-right: 1em;
}

@media print {
    body {
        display: none
    }
}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
    .mnt-logo {
        top: 2em;
        width: 80%
    }

    .mnt-login {
        background-color: transparent;
        border: 0;
        top: 2em;
        width: 80%
    }

    #mnt-message {
        top: 0;
        width: 89%
    }

    .mnt-phone-logo {
        border: none !important;
        width: calc(100% - 200px);
    }

    .mnt-phone-menu {
        border: solid #d9d9d9;
        border-width: 0 1px;
        width: 40px;
    }

    #mnt-menu::before {
        left: 50%;
        transform: translate(-50%, 0);
        width: 25px;
    }

    .mnt-menucomunicacion {
        width: 40px;
    }

    .mnt-aux,
    .mnt-footer,
    .mnt-login #mnt-title,
    .mnt-not-border,
    .mnt-phone-user,
    .mnt-client {
        display: none
    }

    .mnt-phone-dropmenu {
        width: 40px;
    }

    .mnt-phone-close {
        width: 40px;
    }

    #mnt-icon-dropmenu::before {
        left: 50%;
        transform: translate(-50%, 0);
    }

    #novedadesmnt-contenido {
        width: 90% !important;
    }

    #novedadesmnt-lightbox>img {
        width: 90% !important;
        height: auto !important;
    }

    #mnt-dropmenu {
        left: unset;
        right: 0;
    }
}

@media handheld,
only screen and (max-width: 1023px) and (orientation: landscape) {
    #mnt-message {
        top: 6em;
        width: 89%
    }

    .mnt-phone-logo {
        border: none !important;
        width: 15em
    }

    .mnt-phone-menu {
        border: solid #d9d9d9;
        border-width: 0 1px
    }

    .mnt-aux,
    .mnt-footer,
    .mnt-not-border,
    .mnt-phone-user,
    .mnt-client {
        display: none
    }

    #mnt-action {
        bottom: 0
    }

    .camposFechaHoraDoble input.iMobile {
        width: 28% !important
    }

    .pestanasPlantilla {
        min-width: 800px
    }

    #mnt-dropmenu {
        left: unset;
        right: 0;
    }

    #novedadesmnt-contenido {
        width: 70% !important;
    }
}

.dhx_month_head {
    border-right: 1px solid var(--mnt-border) !important;
}

.dhx_cal_header {
    border: 1px solid var(--mnt-border) !important;
}

.dhx_scale_bar {
    border-left: 1px solid var(--mnt-border) !important;
}

.dhx_month_body {
    border-right: 1px solid var(--mnt-border) !important;
    border-bottom: 1px solid var(--mnt-border) !important;
}

.dhx_now .dhx_month_body,
.dhx_now .dhx_month_head {
    background-color: #FFF3A1 !important;
    font-weight: 400;
}

.dhx_scale_bar,
.dhx_month_body,
.dhx_month_head,
.dhx_cal_container {
    background-color: var(--mnt-bg-primary) !important;
}

.dhx_after .dhx_month_body,
.dhx_after .dhx_month_head,
.dhx_before .dhx_month_body,
.dhx_before .dhx_month_head {
    background-color: var(--mnt-bg-quaternary) !important;
}

.dhx_cal_tab,
.dhx_cal_today_button {
    color: var(--mnt-text-main) !important;
    font-weight: normal !important;
}

.dhx_cal_tab.active {
    background-color: transparent !important;
    color: var(--mnt-primary) !important;
    text-decoration: underline !important;
}

.dhx_scale_bar>a,
.dhx_month_head>a,
.dhx_cal_navline .dhx_cal_date {
    color: var(--mnt-text-main) !important;
}

.user-select {
    user-select: none;
}

table.treetable {
    border: 0;
}

table.treetable thead tr:first-child th {
    background: #e1e1e1;
    height: 25px;
    text-decoration: none;
}

table.treetable thead tr th {
    background: #ececec;
    border-color: #f9f7f6;
    color: #584a4b;
    cursor: default;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}

table.treetable tbody tr td {
    color: #555;
    font-size: 11px;
}

table.treetable tr.branch {
    background: #f9f7f6;
}

table.treetable tbody tr td:first-child {
    min-width: 100px;
}

.dhtmlXTooltip.tooltip {
    left: 78%;
    position: relative !important;
    width: 270px !important;
    z-index: 79900;
}

.Leyenda {
    border-radius: 22px 22px 21px 22px !important;
    background-color: #ef6636 !important;
}

.form {
    position: absolute;
    width: 86%;
}

.form-section {
    padding: 0 5%;
    text-align: center;
}

.form-image {
    height: 300px;
    width: 300px;
}

.container {
    background: #fff;
    border-left: 1px solid #d9d9d9;
    bottom: 0;
    position: fixed;
    right: 0;
    top: 3em;
    width: 20%;
}

.container-scroll {
    height: 100%;
    overflow: auto;
    width: 100%
}

.container-item {
    background: #fff;
    border-bottom: 2px solid #f3f3f3;
    border: 1px solid #f3f3f3;
    cursor: pointer;
    height: 45px;
    margin: 2%;
    width: 96%;
}

.container-item:hover {
    background: #f2f2f2
}

.container-title {
    font-size: 13px;
    padding: 8px
}

.container-description {
    padding-left: 4px;
    font-size: 11px
}

.container-title>span,
.container-description>span {
    color: #ef6636
}

.container-img {
    background-color: #efefef;
    margin: 0 auto;
    border: 2px solid #7f7f7f;
}

.container-separator {
    margin-top: 30px;
}

.container-bottom {
    margin-bottom: 5%
}

.container-action {
    color: #ef6636;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.5;
    margin-right: 10px;
    text-decoration: underline;
}

table.progturno {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
    font-size: 11px;
    text-align: center;
}

table.progturno th {
    font-size: 12px;
    text-align: center;
}

.color1 {
    background-color: #4B79FF;
}

.color2 {
    background-color: #FF4536;
}

.color3 {
    background-color: #FF9304;
}

.color4 {
    background-color: #B0AFAF;
}

.color5 {
    background-color: #3CAD2D;
}

.color6 {
    background-color: #A6D11D;
}

.color7 {
    background-color: #CC6699;
}

.color8 {
    background-color: #B02826;
}

.color9 {
    background-color: #006666;
}

.color10 {
    background-color: #bf803f;
}

.color11 {
    background-color: #b3b3ff;
}

.color12 {
    background-color: #999966;
}

.color13 {
    background-color: #ffcc66;
}

.color14 {
    background-color: #cc99ff;
}

.color15 {
    background-color: #800000;
}

.mnt-contenedor-manteniento-alarma {
    position: absolute;
    z-index: 9999999;
    background-color: #FAF8F7;
    width: 30%;
    left: 69%;
    min-height: 110px;
    max-height: 160px;
    top: 61px;
}

.mnt-contenedor-manteniento-alarma .mnt-contenido {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 110px;
    max-height: 160px;
    width: 100%;
}

.mnt-contenido .mnt-informacion {
    width: 94%;
    margin: 15px 0px 15px 15px;
}

.mnt-cerrar-alarma-matenimiento {
    background-image: url("../_imagenes/_plantilla/cerrarPopUpMantenimiento.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 12px;
    margin: -16px 10px 0 0;
    width: 11px;
    background-size: 10px;
}

.mnt-icon-informacion {
    background-image: url("../_imagenes/_plantilla/iconoInformacion.png");
    background-position: 0px 8px;
    background-repeat: no-repeat;
    height: 46px;
    margin-left: 15px;
    width: 47px;
    float: left;
}

.mnt-seleccionar-marca {
    float: left;
    margin-left: 10px;
}

.cke_bottom {
    background: #ef6636 !important;
}

.btnVariarImagenMapa div {
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    background: #ef6636;
    border-color: #ef6636;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0;
    color: white;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 1.80;
    margin: .25em auto;
}

.btnVariarImagenMapa div:hover {
    background-color: #ee5824;
    color: white;
}

.mnt-clas_row_gestion {
    width: 200px !important;
    height: 22px;
    padding-top: 6px;
    text-align: center;
}

.mnt-clas_row_gestion_porcentaje {
    width: 200px !important;
    height: 22px;
    padding-top: 6px;
    text-align: center;
}

.mnt-clas_row_gestion_variacion {
    width: 200px !important;
    height: 22px;
    padding-top: 6px;
    text-align: center;
}

.mnt-class_cuerpos_gestion {
    text-align: center !important;
    min-height: 20px;
    vertical-align: middle;
    display: table-cell;
    height: 30px;
    width: 200px;
}

.mnt-class_cabezera_gestion {
    width: 225px !important;
    height: 22px;
    padding-top: 6px;
    text-align: center;
}

.mnt-class_cabezera_gestion_codigo {
    width: 150px !important;
    height: 22px;
    padding-top: 6px;
    text-align: center;
}

.mnt-class_cabezera_tittle_gestion {
    background-color: #FFA66A !important;
}

.mnt-class_cabezera_tittle_gestion_cuenta {
    background-color: #CFCBCB !important;
}

.mnt-class_border_row_gestion {
    border-bottom: 1px solid #E4E4E4;
}

.mtn-class_Variacion_Yellow {
    background-color: #FFDE80 !important;
}

.mtn-class_Variacion_Green {
    background-color: #95E892 !important;
}

.mtn-class_Variacion_Red {
    background-color: #FF7E74 !important;
}

.mnt-scroll_Gestion_Presupuestal {
    overflow: scroll;
    overflow-y: hidden;
}

.mnt-th_Underline_Gestion_Presupuestal {
    text-decoration: none !important;
}

.mnt-th_negrilla_Gestion_Presupuestal {
    font-weight: bold !important;
}

.btnSelectListaContrato {
    background-image: url("../../libreria/CMMSLib/CMMSList/images/default/_botonesLista/aDowload.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    outline: 0;
    padding-left: 3px;
    text-decoration: none;
    width: 18px
}

.btnSelectTareaOt {
    background-image: url("../../libreria/CMMSLib/CMMSList/images/default/_botonesLista/btnSeleccionOClLV.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    outline: 0;
    padding-left: 3px;
    text-decoration: none;
    width: 18px
}

.btnDividirSeccion {
    background-image: url("../../libreria/CMMSLib/CMMSList/images/default/_botonesLista/btnDividirSeccion.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    outline: 0;
    padding-left: 3px;
    text-decoration: none;
    width: 18px
}

.btnSeleccionFMECALV {
    background-image: url("../../libreria/CMMSLib/CMMSList/images/default/_botonesLista/btnSeleccionFMECALV.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    outline: 0;
    padding-left: 3px;
    text-decoration: none;
    width: 18px
}

.btnSeleccionInstructivosLV {
    background-image: url("../../libreria/CMMSLib/CMMSList/images/default/_botonesLista/btnSeleccionInstructivosLV.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    outline: 0;
    padding-left: 3px;
    text-decoration: none;
    width: 18px
}

.btnSeleccionVerDescripcion {
    background-image: url("../../libreria/CMMSLib/CMMSList/images/default/_botonesLista/glass_cmms.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    outline: 0;
    padding-left: 3px;
    text-decoration: none;
    width: 18px
}

.seleccionaramstyle {
    text-decoration: none !important;
    color: #555 !important;
    font-weight: bold;
}

.internbadge {
    background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
    background: #67c1ef;
    border-radius: 10px;
    border: 1px solid #30aae9;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3) 0 1px 1px rgba(0, 0, 0, 0.08);
    color: #fff;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    position: absolute;
    right: 10px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
}

.mtn-tink-hiden-element {
    display: none;
}

.mtn-tink-height {
    height: 22px;
}

.mtn-tink-span {
    float: left;
}

.mtn-tink-divcontainer {
    float: right;
    position: relative;
    height: 100%;
    width: 60px;
    border-left: 1px solid #d9d9d9;
}

.mtn-tink-a-element {
    font-size: 20px;
    color: #ef6636;
    display: table;
    margin: 0 auto;
    top: 0.7em;
    text-decoration: none;
}

#mnt-dropmenu-alert {
    background-color: rgba(255, 255, 255, 0.95);
    border-width: 1px 1px 2px;
    display: none;
    font-size: .8em;
    float: left;
    left: -2em;
    margin: 2px 0 0;
    min-width: 09em;
    padding: 5px 0;
    position: absolute;
    top: 3.5em;
    z-index: 50
}

#mnt-dropmenu-alert>li>a {
    color: #584a4b;
    display: block;
    line-height: 1.4;
    padding: 3px 20px
}

#mnt-dropmenu-alert>li>a:hover {
    background-color: #ef6636;
    color: #fff
}

.mtn-button-panel-ot {
    height: 12px !important;
    font-size: 8px !important;
    line-height: 0px !important;
}

.mtn-font-style-popup-general {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}

.ast_modal {
    background: rgba(0, 0, 0, 0.7);
}

.ast_modal .modal-dialog {
    width: 900px;
    display: block;
}

.ast_modal .modal-dialog .modal-content .modal-header {
    background: #ef6636;
    color: white;
}

.ast_modal .modal-dialog .modal-content .modal-header a {
    text-decoration: none;
    color: white;
    font-size: 20px;
}

.ast_modal .modal-dialog .modal-content .modal-header h4 {
    font-size: 20px;
}

.ast_modal .modal-dialog .modal-content .modal-body {
    height: 441px;
    overflow-y: auto;
    background: url("../_imagenes/_acceso/img_fondo.png") center repeat;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body {
    height: auto;
    padding: 0 15px;
    overflow: hidden;
    padding-top: 40px;
    background: url("../_imagenes/_ast/img_fondo.png");
    background-size: contain;
    background-repeat: repeat-x;
    height: 510px;
}

.ast_modal .modal-dialog .modal-content .modal-body h2 {
    font-size: 16px;
    line-height: 22px;
}

.ast_modal .modal-dialog .modal-content .modal-body h2>a {
    color: #ef6636;
    font-weight: bold;
    font-size: 18px;
}

.ast_modal .modal-dialog .modal-content .modal-body h2 span {
    color: #ef6636;
    font-weight: 700;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body>div {
    padding: 0px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body>div:first-child {
    margin-bottom: 20px;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body img {
    margin: 0 auto;
    max-width: 80%;
    margin-bottom: 30px;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body .col-md-6 {
    margin-bottom: 20px;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body .logo_santa_fe {
    max-width: 220px;
    margin-bottom: 0px;
    margin-top: -30px;
}

.ast_modal .modal-dialog .modal-content .modal-body h1 {
    font-size: 22px;
    line-height: 26px;
    display: inline-block;
    position: relative;
}

.ast_modal .modal-dialog .modal-content .modal-body b {
    color: #ef6636;
    font-size: 18px;
}

.ast_modal .modal-dialog .modal-content .modal-body ul {
    margin-top: 40px;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body ul {
    margin-bottom: 40px;
}

#modal_bienvenida_ast .modal-dialog .modal-content .modal-body ul:before {
    content: '';
    display: block;
    width: 50%;
    height: 3px;
    background: #ef6636;
    position: absolute;
    right: 0;
    left: 0px;
    top: 0px;
    margin: auto;
}

.ast_modal .modal-dialog .modal-content .modal-body ul li {
    margin-bottom: 10px;
    font-size: 16px;
    display: inline-block;
    position: relative;
}

.ast_modal .modal-dialog .modal-content .modal-body ul li:before {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    background: #ef6636;
    position: absolute;
    top: 0;
    left: -30px;
    bottom: 0;
    margin: auto;
}

.ast_modal .modal-dialog .modal-content .modal-body ul li span {
    color: #ef6636;
    font-weight: 700;
}

.ast_modal .modal-dialog .modal-content .modal-body ul li span a {
    color: #ef6636;
    font-weight: 700;
}

.ast_modal .modal-dialog .modal-content .modal-body ul li:last-child {
    margin-bottom: 0px;
}

.ast_modal .modal-dialog .modal-content .modal-body table tbody tr:nth-child(2) td:first-child,
.ast_modal .modal-dialog .modal-content .modal-body table tbody tr:nth-child(3) td:first-child {
    color: #ef6636;
    font-size: 18px;
}

.ast_modal .modal-dialog .modal-content .modal-footer {
    border-bottom: 30px solid #ef6636;
    padding: 0px;
    border-top: none;
}

.class-button-ast {
    background-color: #ef6636;
    border: 5px solid #ef6636;
    color: #ffffff;
    font-size: 16px
}

.ocultarCamposIdioma .pestanasPlantilla ul::-webkit-scrollbar {
    display: none !important;
}

.d-none,
.divInvisible,
.mantum-hidden,
.mantum-navbar-logo .mantum-logo-dark,
.mnt-invisible,
.mnt-title-invisible>.mnt-principal>.principalPlantilla>.tituloPlantilla,
[data-display="true"],
[data-theme='dark'] .mantum-navbar-logo .mantum-logo-light,
div.modificadorRegionCenterArbolDetalle div.listaDetalleSinSeleccion,
div.modificadorRegionCenterListaDetalle div.tituloPlantilla {
    display: none !important;
}

div.separadorVinculoEspecialTabla {
    display: none;
}

table.tablaPrincipalLista div[idcolumn="btnregistros"] input[type="button"] {
    background-color: transparent !important;
    border: none !important;
    background: url("../_imagenes/_temasLista/spriterBusquedaSimpleListaT1.png") no-repeat;
    cursor: pointer;
    height: 17px !important;
    width: 17px !important
}

.btnRemoverImagen {
    background: #8E8E8E;
    color: #fff;
    padding: 5px;
    border-radius: 2px;
    cursor: pointer;
}

.btn_remover {
    position: absolute;
    right: 0px;
    background: #ef6636;
    color: #fff;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
}

.btnRemoverImagen:hover,
.btn_remover:hover {
    background: #B0B0B0;
}

.mnt-version-error {
    text-align: center;
    min-width: 80%;
    max-width: 80%;
    min-height: auto;
    max-height: auto;
    overflow: hidden;
    word-wrap: break-word;
    z-index: 999;
    background-color: #FFFFFFEE;
    margin-top: 1em !important;
}

.mnt-menucomunicacion {
    display: flex;
    cursor: pointer;
}

.mnt-menucomunicacion>svg {
    color: rgb(239, 102, 54);
    height: 22px;
    margin: auto;
}

#novedadesmnt {
    background: rgba(0, 0, 0, 0.4);
    display: none;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

#novedadesmnt-contenido {
    position: fixed;
    top: 0;
    right: 0;
    background: white;
    width: 40%;
    height: 100vh;
}

#novedadesmnt-contenido iframe {
    width: 100%;
    height: 100vh;
}

.novedadesmnt-cerrar {
    position: absolute;
    top: 15px;
    right: 20px;
}

.novedadesmnt-cerrar svg {
    height: 26px;
    color: #fff;
    cursor: pointer;
}

.mnt-menucomunicacion:hover {
    background: rgb(239, 102, 54);
}

.mnt-menucomunicacion:hover svg {
    color: white;
}

#novedadesmnt-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    opacity: 0;
    transition: opacity .3s;
}

#novedadesmnt-lightbox.active {
    opacity: 1;
    transition: opacity .3s;
}

#novedadesmnt-lightbox>img {
    margin: auto;
    height: 90%;
    transform: scale(0);
    transition: transform .4s;
    transition-delay: .3s;
}

#novedadesmnt-lightbox.active>img {
    transform: scale(1);
    transition: transform .4s;
    transition-delay: .2s;
}

.mnt-conectadosbarra {
    display: flex;
    cursor: pointer;
}

.mnt-conectadosbarra>svg {
    color: rgb(239, 102, 54);
    height: 17px;
    margin: auto;
}

.mnt-conectadosbarra>svg {
    color: rgb(239, 102, 54);
    height: 17px;
    margin: auto;
}

.mnt-conectadosbarra:hover {
    background: rgb(239, 102, 54);
}

.mnt-conectadosbarra:hover svg {
    color: white;
}

#conectadosmnt {
    position: fixed;
    display: none;
    left: 2px;
    bottom: 25px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    background: rgb(255, 255, 255);
    width: 12%;
    height: 35vh;
    overflow-y: scroll;
}

#conectadosmnt>div {
    margin: 10px;
}

.mnt-ambitos {
    display: flex;
    cursor: pointer;
}

.mnt-ambitos:hover {
    background: rgb(239, 102, 54);
}

.mnt-ambitos:hover svg {
    color: white;
}

.mnt-ambitos>svg {
    color: rgb(239, 102, 54);
    height: 22px;
    margin: auto;
}

.mnt-ambitos:hover svg {
    color: white;
}

.mnt-listaambitoint {
    margin: 5px;
    padding-bottom: 2%;
    padding-top: 2%;
    background-color: #faf8f5e1;
    border: #D7C8B6 1px solid;
    width: auto;
    padding: 2%;
}


.mnt-listaambitoint:hover {
    background-color: rgb(239, 102, 54);
    color: rgb(255, 255, 255);
}

#listaambitos-mnt {
    background: rgb(255, 255, 255);
    display: none;
    height: 40vh;
    overflow-y: scroll;
    position: fixed;
    right: 190px;
    text-align: center;
    top: 50px;
    width: 300px;
}

#listaambitos-mnt>li {
    cursor: pointer;
}

.reset-float {
    float: none !important;
}

.reset-margin {
    margin: 0 !important;
}

.flex {
    display: flex;
}

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

.text-align-center {
    text-align: center;
}

.flex-align-center {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.w-100 {
    width: 100% !important;
}

.v-align-middle {
    vertical-align: middle;
}

.filter-hue-270 {
    filter: hue-rotate(270deg);
}

.pestanaBloqueadaNovedad {
    background-color: #f2f2f2;
    color: #b3b3b3;
    cursor: not-allowed;
}

.disabled {
    pointer-events: none;
    background-color: #e9ecef;
    color: #6c757d;
    opacity: 0.65;
}

.bannerGeneral {
    position: fixed;
    top: 48px;
    z-index: 500;
    text-align: center;
    width: 100%;
    max-height: 34px;
    overflow-y: hidden;
}

.bannerGeneral div {
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.close-fileupload {
    color: var(--mnt-text-main);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    height: 24px;
    position: absolute;
    left: 4px;
    top: 15px;
    transition: all 0.2s ease;
    width: 24px;
    border-radius: 4px;
    z-index: 101;
}

.close-fileupload:hover {
    color: var(--mnt-primary)
}

.mantum-show-history-transition {
    display: flex !important;
    opacity: 0;
    transform: translateY(-5px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.mantum-show-history-transition.show {
    opacity: 1;
    transform: translateY(0);
}

.contBotonesInternosEspeciales {
    margin-right: 0;
    margin-top: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container .select2-selection--single {
    border: 1px solid var(--mnt-border) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--mnt-bg-quaternary) !important;
    color: var(--mnt-text-main) !important;
}

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

.mantum-seccion-horizontal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
}

.mantum-seccion-horizontal .seccionTipo3,
.mantum-seccion-horizontal .seccionTipo3.mantum {
    float: none;
    width: 100%;
    margin-right: 0;
    display: flex;
    align-items: center;
}

.mantum-seccion-horizontal .contenedorCamposMedios {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.mantum-seccion-horizontal label {
    float: none;
    width: auto;
    margin-bottom: 0;
    white-space: nowrap;
}

.mantum-seccion-horizontal .contenedorCampos {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}

.mantum-seccion-horizontal input[type="text"] {
    width: 100%;
    flex: 1;
    max-width: none;
}

/* Media Queries */
@media (min-width: 640px) {

    .mantum-navbar-logo {
        margin-right: 0px;
    }

    .mantum-seccion-horizontal {
        flex-direction: row;
        align-items: center;
        gap: 15px;
        flex-wrap: nowrap;
    }

    .mantum-seccion-horizontal .seccionTipo3,
    .mantum-seccion-horizontal .seccionTipo3.mantum {
        width: auto;
    }

    .mantum-seccion-horizontal .contenedorCamposMedios {
        width: auto;
        justify-content: flex-start;
        gap: 8px;
    }

    .mantum-seccion-horizontal .contenedorCampos {
        flex: none;
        justify-content: flex-start;
    }

    .mantum-seccion-horizontal input[type="text"] {
        width: 120px;
        flex: none;
    }

    div.contListaModoListaGeneral {
        min-width: 800px;
        width: 100%
    }

    .mantum-sidebar {
        left: 0;
    }

    .mnt-container-general {
        left: 16em;
        right: 1.5em;
    }

    .tituloPlantilla {
        align-items: center;
        flex-direction: row;
    }

    div.principalPlantilla {
        min-width: 800px
    }

    div.seccionTipo2 {
        float: left;
        margin-right: 1%;
        width: 48%;
    }

    div.separadorVinculoEspecialTabla {
        display: block;
        float: right;
    }

    .mnt-container-general a.btnMostrarPanel {
        display: none;
    }

    .mnt-container-general div.claseVariasPestanasListaGeneral {
        min-width: 784px;
        width: 98%;
    }

    .contFormularioPlantilla {
        float: left;
        margin: 12px 0 30px;
        min-width: 800px;
        position: relative;
        width: 97%
    }

    div.seccionTipo2 div.contenedorCamposLargos input {
        width: 64%;
    }

    div.seccionTipo2 div.contenedorCamposLargos textarea {
        width: 63.5%;
    }

    div.seccionTipo2 div.contenedorCamposLargos select {
        width: 64.4%;
    }

    .mantum-navbar-container {
        padding: 0 1.5rem;
    }

    .mantum-navbar-brand-wrapper {
        justify-content: flex-start;
    }

    .mantum-navbar-nav,
    .mantum-navbar-action-wrapper,
    .mnt-container-general .encajadoPlantilla .tituloPlantilla span {
        display: flex;
    }

    .mantum-navbar-actions {
        position: static;
        margin-left: 0.5rem;
        padding: 0;
    }

    .mantum-navbar-btn-scoped {
        display: inline-flex;
    }

    .mantum-navbar-mobile-toggle-wrapper {
        display: none;
    }

    .mantum-menu-empty,
    .mantum-menu-item-label,
    .mantum-menu-search-input,
    .mantum-menu-section-title,
    .mantum-menu-subitem-link,
    .mantum-submenu-link {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .mantum-menu-empty {
        min-width: 32rem;
    }

    div.seccionTipo1 label,
    div.seccionTipo2 label {
        width: 120px;
    }

    div.seccionTipo2 div.contenedorCamposLargosTresBoton select,
    div.seccionTipo2 div.contenedorCamposLargosTresBoton input {
        margin-right: 8px;
        margin-bottom: 0;
        width: 52.7%
    }

    div.mantum div.seccionTipo2 div.contenedorCamposLargosUnBoton input {
        margin-bottom: 0;
        margin-right: 0;
        width: 60%;
    }

    div.mantum div.seccionTipo2 div.contenedorCamposLargosDosBoton input {
        width: 68%;
    }

    div.mantum div.seccionTipo2 div.contenedorCamposLargosTresBoton input {
        width: 65%;
    }

    div.seccionTipo2 div.contenedorCamposLargosDosBoton select,
    div.seccionTipo2 div.contenedorCamposLargosDosBoton input {
        margin-right: 8px;
        margin-bottom: 0;
        width: 56.7%
    }

    div.seccionTipo1 label {
        display: block;
        float: left;
    }

    div.seccionTipo2 div.contenedorCamposLargosUnBoton input {
        float: left;
        margin-right: 4px;
        width: 60%;
    }

    div.seccionTipo2 div.contenedorCamposLargosUnBoton select {
        margin-bottom: 0;
        margin-right: 8px;
        width: 60.4%
    }

    div.seccionTipo1 div.contenedorCamposLargos textarea {
        width: 80.8%;
    }

    div.contFormularioPlantilla form textarea {
        min-height: 84px;
        resize: vertical;
        width: 100%;
    }

    div.seccionTipo2 div.contenedorCamposDobles input {
        margin-right: 8px;
        margin-bottom: 0;
        width: 31.5%;
    }

    div.seccionTipo2 div.contenedorCamposDobles select {
        margin-right: 8px;
        margin-bottom: 0;
        width: 31.5%;
    }

    .contBotonesInternosEspeciales {
        margin-top: 15px;
    }

    input[id="btnAceptar|Crear"],
    input[id="btnAceptar|Clonar"] {
        display: block;
    }

    .ast-fondo-crear {
        width: 40%;
    }

    .mantum-sidebar {
        bottom: 1.59em;
    }

    .mnt-panel .mnt-panel-left {
        float: left;
        width: 35%;
    }

    .mnt-panel .mnt-panel-right {
        float: left;
        margin-left: 5%;
        width: 60%
    }

    .mnt-panel {
        left: 2em;
        right: 2em;
        margin-bottom: 0;
    }

    .mnt-panel .mnt-panel-right .mnt-detail {
        height: 9em;
        padding: .25em 0 0 1em;
        overflow-x: hidden;
        overflow-y: auto
    }

    .mnt-panel .mnt-panel-right .mnt-summary .mnt-title-summary h2,
    .mnt-panel .mnt-panel-right .mnt-important .mnt-title-important h2 {
        margin-left: 1.5em;
    }

    div.mantum div.seccionTipo2 div.contenedorCamposLargosUnBoton,
    div.mantum div.seccionTipo2 div.contenedorCamposLargosTresBoton,
    div.mantum div.seccionTipo2 div.contenedorCamposLargosDosBoton {
        flex-direction: row;
        gap: 16px;
    }

    .seleccionCampo>a {
        gap: 8px;
        height: 18px;
        width: 18px;
    }

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

@media (min-width: 768px) {
    .mantum-navbar-left-group {
        width: auto;
    }

    .mantum-menu-container {
        border-radius: var(--mnt-radius);
        box-shadow: var(--mnt-shadow);
        margin-top: 2rem;
        max-height: 32rem;
        position: absolute;
        top: auto;
        width: auto;
    }

    .mantum-menu-sidebar {
        display: block;
    }

    .mantum-menu-body {
        max-width: 42rem;
    }

    .mantum-menu-scrollable {
        min-width: 42rem;
    }

    .mantum-menu-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mantum-menu-header-btn,
    #mantum-menu-close-mobile {
        display: none !important;
    }

    .mantum-navbar-pinned-alerts {
        display: flex;
    }
}

@media (min-width: 1024px) {
    .mantum-navbar-container {
        padding: 0 2rem;
    }

    .mantum-navbar-scope-wrapper {
        display: block;
    }
}