@charset "utf-8";
.field-info_log .readonly,
.field-error_log .readonly{
  white-space: pre-wrap;
}

.hover-text-primary-100:hover {
    color: #F3E8FFFF !important;
    z-index: 10;
}

/* Archive download section styles */
.archive-download-section {
    margin-top: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #dee2e6;
}

.archive-download-title {
    margin-top: 0;
    margin-bottom: 15px;
    color: #495057;
}

.hover-text-primary-200:hover {
    color: #E9D5FFFF !important;
    z-index: 10;
}

.hover-text-primary-300:hover {
    color: #D8B4FEFF !important;
    z-index: 10;
}

.hover-text-primary-400:hover {
    color: #C084FCFF !important;
    z-index: 10;
}

.hover-text-primary-500:hover {
    color: #A855F7FF !important;
    z-index: 10;
}

.hover-text-primary-600:hover {
    color: #9333EAFF !important;
    z-index: 10;
}

.hover-text-primary-700:hover {
    color: #7E22CEFF !important;
    z-index: 10;
}

.hover-text-primary-800:hover {
    color: #6B21A8FF !important;
    z-index: 10;
}

.hover-text-primary-900:hover {
    color: #581C87FF !important;
    z-index: 10;
}

.status_error {
  color: #900;
  font-weight: bold;
}

.status_ready {
  color: #090;
  font-weight: bold;
}

.status_progress {
  color: #990;
  font-weight: bold;
}

html.dark .status_error {
  color: #f88;
}

html.dark .status_ready {
  color: #8f8;
}

html.dark .status_progress {
  color: #ff8;
}

.type_online_control {
    color: #090;
}

html.dark .type_online_control {
     color: #8f8;
}

.type_offline_control {
    color: #990;
}

html.dark .type_offline_control {
    color: #ff8;
}

.display_link {
    color: #883ae1;
}

html.dark .display_link {
    color: #b068f6;
}

.anomalies_table{
  margin-left:40px;
  margin-bottom:40px;
}

.anomalies_table td {
  padding: 20px;
  text-align: center;
  vertical-align: top;
}

.anomalies_table td:first-child {
  text-align: left;
  vertical-align: middle;
}

.anomalies_table td:first-child {
  border-right: 1px solid white;
}

.anomalies_table tr {
  border-bottom: 2px solid white;
}

.anomalies_table th{
  padding:10px;
}

.anomalies_h1{
  font-size:24px;
  font-weight: bold;
  margin-bottom:40px;
}

.anomalies_h2{
  font-size:20px;
  font-weight: bold;
  margin-bottom:20px;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

/*.module h2 {*/
/*  text-decoration: underline;*/
/*}*/
/*.module {*/
/*  margin-bottom: 48px;*/
/*}*/

/*.app-ocr caption a {*/
/*  color: #A755F7;*/
/*}*/


.module {
  margin-bottom: 20px;
}

.module li {
  background-color: #f9fafb;
  border-radius: 7px;
}

html.dark .module li {
  background-color: #212936;
  border-radius: 7px;
}

.module li h2 {
  border-radius: 7px 7px 0 0;
  padding-left: 10px;
  padding-top: 1px;
}

.module ol li ol {
  padding: 10px;
}

#nav-sidebar {
  background-color: white;
}

html.dark #nav-sidebar {
  background-color: #0f1421;
}

.module ol li ol li {
  background-color: white;
  padding-left: 10px;
  border-radius: 0;
  margin-bottom: 1px;
}

html.dark .module ol li ol li {
  background-color: #121826;
  padding-left: 10px;
  border-radius: 0;
  margin-bottom: 1px;
}

.module .current-model a {
  background-color: transparent;
  font-weight: normal;
  display: block;
}
.module h2 i {
    font-size: 0;
    color: unset;
}


.current-app h2 i {
  color: #8f8;
  font-size: 6px;
  /*display: inline-block;*/
  /*margin-left: 3px;*/
  position: relative;
  bottom: 2px;
  left: 2px;
}

.download_file_link {
  color: #A755F7!important;
}

.inline_instance_link {
  color: #A755F7!important;
}

.paginator .page-selected {
  color: #A755F7;
  background-color: transparent!important;
  font-weight: bold;
}

.paginator .page-available {
  background-color: transparent!important;
}

html:not(.dark) .paginator .page-available {
  color: #6e6e6e!important;
}

html.dark .paginator .page-available {
  color: white;
}

html.dark .paginator .results {
  color: white;
  background-color: transparent!important;;
}

.in_check {
  color: #900!important;
  font-weight: bold;
}

.not_in_check {
  color: #990!important;
  font-weight: bold;
}

html.dark .in_check {
  color: #fb6c6c!important;
  font-weight: bold;
}

html.dark .not_in_check {
  color: #ff8!important;
  font-weight: bold;
}

.amount_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
.amount_unit {
    text-align: center;
    height: 160px;
    width: 300px;
    background-color: #f9fafb;
    border-radius: 7px;
    padding: 10px;
}


html.dark .amount_unit {
    text-align: center;
    height: 160px;
    width: 300px;
    background-color: #212936;
    border-radius: 7px;
    /*margin: 6px;*/
    padding: 10px;
    color: white;
}

.amount_unit_header {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
}

.amount_unit_content {
    background-color: white;
    height: 110px;
    border-radius: 7px;
    padding-top: 45px;
    font-size: 24px;
    color: #A755F7;
}

html.dark .amount_unit_content {
    background-color: #121826;
    height: 110px;
    border-radius: 7px;
    padding-top: 45px;
    font-size: 24px;
    color: #b068f6;
}

.chart_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 20px;
    margin-bottom: 20px;
}

.chart_unit {
    text-align: center;
    background-color: #f9fafb;
    border-radius: 7px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
}

html.dark .chart_unit {
    text-align: center;
    background-color: #212936;
    border-radius: 7px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
}

.chart_img_container {
    display: flex;
    justify-content: center;
}
.chart_unit h3 {
    font-size: 16px;
    font-weight: bold;
}

.chart_unit img {
    width: 250px;
}

/*.model-title {*/
/*    color: #a855f7;*/
/*}*/

.model-hint {
    font-weight: normal;
    font-size: 13px;
}

.model-hint i {
    position: relative;
    top: 2px;
    font-size: 18px;
    color: #ff4f13;
}

.model-hint span {
    opacity: 0.7;
}