:root {--key-lime: #d9ed92ff;--yellow-green-crayola: #b5e48cff;--granny-smith-apple: #99d98cff;--keppel: #52b69aff;--viridian-green: #34a0a4ff;--blue-munsell: #168aadff;--celadon-blue: #1a759fff;--lapis-lazuli: #1e6091ff;--yale-blue: #184e77ff;--body-background: #fafdf1ff;--white: #ffffff;--light-gray: #f8f9fa;--gainsboro: #efefef;--medium-gray: #e9ecef;--gray: #dfdfdf;--dark-gray: #ddd;--dim-gray: #ccc;--slate-gray: #aaaaaa;--charcoal: #999999;--dark-charcoal: #666666;--jet: #424649;--dark-jet: #333333;--black: #000000;--error-red: #cc0000;--error-light: #fff3f3;--error-border: #ffaaaa;--error-glow: #ff8888;--error-highlight: #faa;--info-blue: #006dba;--info-light: #f3f3ff;--info-border: #b2d1ff;--success-green: #155724;--success-light: #d4edda;--success-border: #c3e6cb;--highlight-yellow: #ffd966;--highlight-blue: #e9f7ff;--svg-stroke-gray: lightgray;--svg-stroke-green: green;}* {box-sizing: border-box;}td a, td a:link, td a:visited {color: var(--celadon-blue);text-decoration: none;}td a:hover, td a:focus {color: var(--lapis-lazuli);text-decoration: underline;}.header {grid-area: header;display: flex;justify-content: space-between;align-items: center;background-color: var(--granny-smith-apple);height: 80px;padding: 0 10px;}.header h2 {font-size: 20px;margin-top: 0;}.project-text {font-size: larger;}.header form {display: flex;float: right;margin-top: 10px;}.header form input[type="submit"],.header form button[type="submit"] {background-color: var(--blue-munsell);color: white;border: none;padding: 8px 16px;font-size: 14px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;}.header form input[type="submit"]:hover,.header form button[type="submit"]:hover {background-color: var(--yale-blue);}.footer {grid-area: footer;background-color: var(--granny-smith-apple);padding: 10px;text-align: center;font-size: 12px;}.body {grid-area: body;background-color: var(--body-background);padding: 10px;height: 100%;}.button {display: inline-block;background-color: var(--blue-munsell);color: white;text-decoration: none;border: none;border-radius: 5px;padding: 5px 15px;cursor: pointer;font-size: 14px;text-align: center;transition: background-color 0.3s ease;}.button:hover {background-color: var(--yale-blue);}.menu {grid-area: menu;background-color: var(--granny-smith-apple);margin: 0;padding: 10px;height: 100%;}.menu-item h4 {color: var(--dark-jet);font-size: 14px;font-weight: 500;padding: 8px 12px 8px 8px;margin-bottom: 0;margin-top: 0;background: transparent;border: none;border-radius: 6px;display: flex;align-items: center;cursor: pointer;transition: background-color 0.2s ease;}.menu-item h4 a {color: var(--dark-jet);display: block;text-decoration: none;width: 100%;}.menu-item h4:hover {background-color: var(--key-lime);cursor: pointer;}.alpha p {font-size: 13px;padding: 8px 12px;color: var(--dark-jet);}.menu-item h4::before {content: "\f054";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 10px;margin-right: 8px;transition: transform 0.2s ease;color: var(--dark-charcoal);width: 12px;display: inline-block;text-align: center;}.menu-item h4:not(.collapsed)::before {transform: rotate(90deg);}.menu-item ul {background: transparent;font-size: 13px;line-height: 22px;list-style-type: none;overflow: hidden;padding: 0;margin-top: 0;margin-bottom: 2px;margin-left: 20px;-o-transition: height 0.3s ease;-ms-transition: height 0.3s ease;transition: height 0.3s ease;}.menu-item ul a {text-decoration: none;color: var(--dark-jet);display: block;padding: 2px 12px;border-radius: 6px;transition: background-color 0.2s ease;}.menu-item ul a:hover {background-color: var(--key-lime);}.menu-item ul.collapsed {height: 0 !important;padding: 0;margin: 0;overflow: hidden;}.menu-item li {border: none;margin: 1px 0;}.menu-item li:hover {background: transparent;}.menu-toggle-container {text-align: right;padding: 5px;}.menu-toggle-btn {background: transparent;color: var(--dark-charcoal);border: none;padding: 5px;cursor: pointer;font-size: 16px;outline: none;transition: color 0.2s ease;}.toggle-icon {display: inline-block;transition: transform 0.3s ease;color: var(--dark-charcoal);}.menu-toggle-btn:hover {color: var(--dark-jet);}.menu-toggle-btn:hover .toggle-icon {color: var(--dark-jet);}.menu.collapsed {width: 50px;overflow: hidden;}.menu.collapsed .menu-item h4,.menu.collapsed .menu-item ul,.menu.collapsed .menu-item p {display: none;}.menu.collapsed .toggle-icon {transform: rotate(180deg);}.grid-container.menu-collapsed {grid-template-columns: 50px 1fr;}body {font-family: var(--bs-body-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size: 14px;}.modal, .modal-body, .modal-header, .modal-footer,.modal-content, .modal-dialog,.modal-body p, .modal-body div, .modal-body span, .modal-body label,.modal-header h5, .modal-title {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;font-size: 13px !important;}.modal-body input, .modal-body select, .modal-body textarea {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;font-size: 13px !important;}h1, h2, h3, h4, h5, h6 {line-height: 1.1;}a:hover, a:active {outline: none;}h1, h2, h3 {font-weight: normal;font-size: 1.25em;margin: 0.8em 0 0.3em 0;}ul {padding: 0;}img {border: 0;}.content h1 {border-bottom: 1px solid #CCCCCC !important;margin: 0.8em 1em 0.3em !important;padding: 0 0.25em !important;}.scaffold-list h1 {border: none !important;}.list-filters {font-size: x-small;}.group {display: inline-block;}.collapse-caret {font-size: small;}.nav {zoom: 1;}.nav ul {overflow: hidden;padding-left: 0;zoom: 1;}.nav li {display: block;float: left;list-style-type: none;margin-right: 0.5em;padding: 0;}.nav a {color: #666666;display: block;padding: 0.25em 0.7em;text-decoration: none;border-radius: 0.3em;}.nav li.dropdown-item a {border-radius: 0;}.nav a:active, .nav a:visited {color: #666666;}.nav a:focus, .nav a:hover {background-color: #999999;color: #ffffff;outline: none;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);}.nav a.home::before {content: "\f015";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.list::before {content: "\f0ce";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.mapping::before {content: "\f14e";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.column::before {content: "\f0db";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.table::before {content: "\f0ce";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.history::before {content: "\f1da";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.qanda::before {content: "\f059";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.testlist::before {content: "\f0ae";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.job::before {content: "\f35a";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.ai::before {content: "\f0eb";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.list2::before {content: "\f0cb";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.spec::before {content: "\f5fd";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.show::before {content: "\f03e";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav a.create::before {content: "\f055";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;line-height: 1;vertical-align: middle;display: inline-block;}.nav li.dropdown.show ul.dropdown-menu {background-color: #424649;}fieldset,.property-list {margin: 0.6em 1.25em 0 1.25em;padding: 0.3em 1.8em 1.25em;position: relative;zoom: 1;border: none;}.property-list .fieldcontain {list-style: none;overflow: hidden;zoom: 1;}.fieldcontain {margin-top: 1em;}.fieldcontain label,.fieldcontain .property-label {color: #666666;text-align: right;width: 25%;}.fieldcontain .property-label {float: left;}.fieldcontain .property-value {display: block;margin-left: 27%;}label {cursor: pointer;display: inline-block;margin: 0 0.25em 0 0;}input, select, textarea {background-color: #fcfcfc;border: 1px solid #cccccc;font-size: 1em;padding: 0.2em 0.4em;}select {padding: 0.2em 0.2em 0.2em 0;}select[multiple] {vertical-align: top;}textarea {width: 500px;height: 150px;overflow: auto;vertical-align: top;}.datetime-input {width: 200px;}.percent-field {display: inline-flex;align-items: center;}.percent-input {width: 100px;margin-right: 4px;}.percent-symbol {margin-left: 4px;}.radio-group label {display: block;margin-bottom: 8px;}input:focus, select:focus, textarea:focus,.form-control:focus, .form-select:focus {background-color: #ffffff;border-color: var(--key-lime) !important;outline: 0 !important;box-shadow: 0 0 0 0.25rem rgba(217, 237, 146, 0.5) !important;}.required-indicator {color: #cc0000;display: inline-block;font-weight: bold;margin-left: 0.3em;position: relative;top: 0.1em;}ul.one-to-many {display: inline-block;list-style-position: inside;vertical-align: top;}ul.one-to-many li.add {list-style-type: none;}fieldset.embedded {background-color: transparent;border: 1px solid #CCCCCC;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;box-shadow: none;}fieldset.embedded legend {margin: 0 1em;}.errors,.message {font-size: 0.8em;line-height: 2;margin: 1em 2em;padding: 0.25em;}.message {background: #f3f3ff;border: 1px solid #b2d1ff;color: #006dba;box-shadow: 0 0 0.25em #b2d1ff;}.errors {background: #fff3f3;border: 1px solid #ffaaaa;color: #cc0000;box-shadow: 0 0 0.25em #ff8888;}.errors ul,.message {padding: 0;}.errors li {list-style: none;background: transparent url(skin/exclamation-e4dd51f46566ed3ceacdc900bf2fdf01.png) 0.5em 50% no-repeat;text-indent: 2.2em;}.message {background: transparent url(skin/information-3750c701d2ec35a45d289b9b9c1a0667.png) 0.5em 50% no-repeat;text-indent: 2.2em;}.error input, .error select, .error textarea {background: #fff3f3;border-color: #ffaaaa;color: #cc0000;}.error input:focus, .error select:focus, .error textarea:focus {box-shadow: 0 0 0.5em #ffaaaa;}input:invalid, select:invalid, textarea:invalid {background: #fff3f3;border-color: #ffaaaa;color: #cc0000;}input:invalid:focus, select:invalid:focus, textarea:invalid:focus {box-shadow: 0 0 0.5em #ffaaaa;}table {border-top: 1px solid #DFDFDF;border-collapse: collapse;width: 100%;margin-bottom: 1em;font-size: small;}table.show {font-size: medium;}tr {border: 0;}tr>td:first-child, tr>th:first-child {padding-left: 1.25em;}tr>td:last-child, tr>th:last-child {padding-right: 1.25em;}td, th {line-height: 1.5em;padding: 0.5em 0.6em;text-align: left;vertical-align: top;}th {background-color: #efefef;background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eaeaea));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr = '#ffffff', EndColorStr = '#eaeaea');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')";color: #666666;font-weight: bold;line-height: 1.7em;padding: 0.2em 0.6em;}thead th {white-space: nowrap;}th a {display: block;text-decoration: none;}th a:link, th a:visited {color: #666666;}th a:hover, th a:focus {color: #333333;}th.asc a::after {content: "\f0de";font-family: "Font Awesome 6 Free";font-weight: 900;margin-left: 5px;font-size: 0.8em;}th.desc a::after {content: "\f0dd";font-family: "Font Awesome 6 Free";font-weight: 900;margin-left: 5px;font-size: 0.8em;}.odd {background: #f7f7f7;}.even {background: #ffffff;}th:hover, tr:hover {background: #f5f5f5;}.pagination {border-top: 0;margin: 0.8em 1em 0.3em;padding: 0.3em 0.2em;text-align: center;box-shadow: 0 0 3px 1px #AAAAAA;background-color: #EFEFEF;}.pagination a,.pagination .currentStep {color: #666666;display: inline-block;margin: 0 0.1em;padding: 0.25em 0.7em;text-decoration: none;border-radius: 0.3em;}.pagination a:hover, .pagination a:focus,.pagination .currentStep {background-color: #999999;color: #ffffff;outline: none;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);}.buttons {background-color: #efefef;overflow: hidden;padding: 0.3em;box-shadow: 0 0 3px 1px #aaaaaa;margin: 0.1em 0 0 0;border: none;}.buttons input,.buttons button,.buttons a {background-color: var(--blue-munsell);border: none;color: white;cursor: pointer;display: inline-block;margin: 0 0.25em 0;overflow: visible;padding: 0.5em 1em;text-decoration: none;font-size: 13px;border-radius: 5px;transition: background-color 0.3s ease;}.buttons input:hover, .buttons input:focus,.buttons button:hover, .buttons button:focus,.buttons a:hover, .buttons a:focus {background-color: var(--yale-blue);color: #ffffff;outline: none;box-shadow: none;}.buttons .delete::before {content: "\f2ed";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;line-height: 1;vertical-align: middle;display: inline-block;color: white;}.buttons .edit::before {content: "\f044";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;line-height: 1;vertical-align: middle;display: inline-block;color: white;}.buttons .qanda::before {content: "\f059";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;line-height: 1;vertical-align: middle;display: inline-block;color: white;}.buttons .mapping::before {content: "\f14e";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;line-height: 1;vertical-align: middle;display: inline-block;color: white;}.buttons .todo::before {content: "\f14a";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;line-height: 1;vertical-align: middle;display: inline-block;color: white;}.buttons .save[name="create"]::before {content: "\f055";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;line-height: 1;vertical-align: middle;display: inline-block;color: white;}.buttons .save:not([name="create"])::before {content: "\f0c7";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;line-height: 1;vertical-align: middle;display: inline-block;color: white;}a.skip {position: absolute;left: -9999px;}#login input[type="submit"],#login button[type="submit"] {background-color: var(--blue-munsell);color: white;border: none;padding: 0.5em 1em;font-size: 14px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;}#login input[type="submit"]:hover,#login button[type="submit"]:hover {background-color: var(--yale-blue);}.modal .btn,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-info {background-color: var(--blue-munsell);color: white;border: none;padding: 0.5em 1em;font-size: 13px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;}.modal .btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-danger:hover,.btn-warning:hover,.btn-info:hover {background-color: var(--yale-blue);color: white;}.modal-footer .btn {padding: 0.5em 1em;font-size: 13px;}.btn-sm {padding: 0.25em 0.5em !important;font-size: 12px !important;}.pagination .page-link {border-radius: 5px !important;margin: 0 2px;}.pagination .page-item.active .page-link {border-radius: 5px !important;}.pagination .page-link:hover {border-radius: 5px !important;}html, body {height: 100%;margin: 0;padding: 0;}.grid-container {display: grid;grid-template-areas:"header header""menu body""footer footer";grid-template-columns: 245px 1fr;grid-template-rows: auto 1fr auto;min-height: 100vh;}.section-header {margin-left: 50px;font-size: 1em;}hr {clear: both;}.fieldcontain {clear: both;}.modal, .modal-dialog, .modal-content,.modal-header, .modal-body, .modal-footer,.modal p, .modal div:not(.btn):not([class*="fa"]),.modal span:not([class*="fa"]):not(.toggle-icon),.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6,.modal td, .modal th, .modal tr {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;}.modal, .modal-dialog, .modal-content,.modal-header, .modal-body, .modal-footer,.modal-body p, .modal-body div, .modal-body span,.modal-body label, .modal-body input, .modal-body select,.modal-body textarea, .modal-title, .card-header, .card-body {font-size: 13px !important;}.modal select,.modal .form-select,.modal select option {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;font-size: 13px !important;}.modal label,.modal .form-label {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;font-size: 13px !important;color: #666666;}.modal table,.modal table.dataTable,.modal .dataTables_wrapper,.modal .dataTables_wrapper *,.modal .dt-container,.modal .dt-container *,.modal table.dataTable td,.modal table.dataTable th,.modal .dataTables_info,.modal .dataTables_paginate,.modal .dataTables_length,.modal .dataTables_filter,.modal .dt-info,.modal .dt-paging,.modal .dt-length,.modal .dt-search {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;font-size: 13px !important;}.modal i.fa-solid,.modal i.fa-regular,.modal i.fa-brands,.modal i[class*="fa-"] {font-family: "Font Awesome 6 Free" !important;font-weight: 900 !important;}.modal .modal-header,.modal .modal-body,.modal .modal-footer,.modal .modal-title,.modal .modal-content,.modal p,.modal div,.modal span,.modal label,.modal input,.modal select,.modal textarea,.modal option,.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6,.modal td, .modal th,.modal .form-label,.modal .form-control,.modal .form-select,.modal table,.modal .card,.modal .card-header,.modal .card-body {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;font-size: 13px !important;}.modal button,.modal .btn {font-size: 13px !important;}.modal i[class*="fa"] {font-family: "Font Awesome 6 Free" !important;font-size: inherit !important;}.modal label,.modal .form-label {color: #666666 !important;}.modal .filter-grid {display: flex;flex-wrap: wrap;}.modal .filter-grid .fieldcontain {width: 50%;margin-top: 0.5em;overflow: hidden;box-sizing: border-box;padding-right: 10px;}.modal .filter-grid .fieldcontain .property-label {float: left;text-align: right;width: 45%;padding-right: 10px;line-height: 2.2em;}.modal .filter-grid .fieldcontain .property-value {display: block;margin-left: 47%;}.modal .filter-grid .fieldcontain .property-value .form-select,.modal .filter-grid .fieldcontain .property-value .form-control {max-width: 150px;}.about-page {display: flex;justify-content: center;align-items: flex-start;padding: 40px 20px;}.about-card {background: var(--white);border-radius: 12px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);max-width: 480px;width: 100%;overflow: hidden;}.about-header {background: linear-gradient(135deg, var(--granny-smith-apple) 0%, var(--keppel) 100%);padding: 30px;text-align: center;}.about-logo {max-width: 180px;height: auto;}.about-content {padding: 30px;text-align: center;}.about-title {color: var(--yale-blue);font-size: 28px;font-weight: 600;margin: 0 0 5px 0;border: none !important;}.about-subtitle {color: var(--celadon-blue);font-size: 18px;font-weight: 500;margin: 0 0 15px 0;}.about-version {display: inline-block;background: var(--key-lime);color: var(--dark-jet);padding: 4px 12px;border-radius: 20px;font-size: 13px;font-weight: 500;}.about-divider {height: 1px;background: linear-gradient(to right, transparent, var(--dim-gray), transparent);margin: 25px 0;}.about-description {color: var(--dark-charcoal);font-size: 14px;line-height: 1.6;margin: 0 0 20px 0;}.about-contact a {color: var(--celadon-blue);text-decoration: none;font-size: 14px;}.about-contact a:hover {color: var(--lapis-lazuli);text-decoration: underline;}.about-footer {background: var(--light-gray);padding: 15px 30px;text-align: center;border-top: 1px solid var(--medium-gray);}.about-copyright {color: var(--charcoal);font-size: 12px;}@import 'main.css';@import 'datrixa-custom-bootstrap.css';@import 'datrixa-custom-datatables.css';@import 'chatbot.css';