/* Bootstrap 4 Configuration (must appear before all bootstrap-related styles) */
/* Common Configuration */
/* Dark-Theme Configuration */
/* Element status colors */
/* Notifications */
.k-dialog.k-window.telerik-blazor {
  box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: #f7f7f7;
}
.k-dialog .modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  max-width: inherit;
  /* For Bootstrap 4 - to avoid the modal window stretching full width */
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
  box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
  background: #f7f7f7;
  border-radius: 4px;
}
.k-dialog .modal-content .resizable {
  resize: both;
  overflow: auto;
  position: relative;
  min-width: 500px !important;
  min-height: 300px !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.k-dialog .modal-content .modal-header {
  padding: 1rem;
}
.k-dialog .modal-content .modal-header.with-tabs {
  height: 90px;
}
.k-dialog .modal-content .modal-header.with-tabs .nav-tabs {
  bottom: 0;
  z-index: 1;
}
.k-dialog .modal-content .modal-header.with-tabs .nav-tabs .nav-link {
  color: inherit;
  user-select: none;
}
.k-dialog .modal-content .modal-header.with-tabs .nav-tabs .nav-link:hover {
  border-color: #adb5bd;
  background-color: #e9ecef;
}
.k-dialog .modal-content .modal-header.with-tabs .nav-tabs .nav-link.active {
  border-color: #dee2e6;
  background-color: white;
}
.k-dialog .modal-content .modal-header.with-tabs .dialog-title {
  margin-top: -35px;
}
.k-dialog .modal-content .modal-header .dialog-title {
  margin: 0;
  color: #383838;
}
.k-dialog .modal-content .modal-header .btn-close {
  position: absolute;
  top: 15px;
  right: 10px;
  padding: 5px;
}
.k-dialog .modal-content .modal-body {
  background: white;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.k-dialog .modal-content .modal-body .form-horizontal .row label {
  text-align: right;
}
.k-dialog .modal-content .modal-footer {
  padding: 0.75rem;
}

.k-dialog .k-window-content,
.k-window .k-window-content {
  padding: 0 !important;
}

#about_box img {
  max-width: 95%;
  display: block;
  margin: 10px auto 20px;
}

#data_loss_reminder_dialog .dialog-title .bi-exclamation-triangle-fill {
  color: orange;
}

#license_info {
  width: 600px;
}
#license_info .nav-tabs {
  clear: right;
}
#license_info .nav-tabs > .nav-item,
#license_info .nav-tabs > .nav-item > .nav-link {
  cursor: pointer;
  color: #555;
}
#license_info .nav-tabs > .nav-item.active > .nav-link,
#license_info .nav-tabs > .nav-item.active > .nav-link:hover,
#license_info .nav-tabs > .nav-item.active > .nav-link:focus {
  border-bottom-width: 2px;
  margin-bottom: -1px;
}
#license_info .nav-tabs .nav-link .bi-check-circle-fill {
  color: #27c86f;
}
#license_info .nav-tabs .nav-link .bi-x-lg {
  color: #ff3333;
}
#license_info .nav-tabs .nav-link .bi-x-lg::before {
  font-weight: bold !important;
}
#license_info .modal-body {
  height: 400px;
}
#license_info .modal-body .license-commands textarea {
  resize: none;
  width: 100%;
}
#license_info .modal-body .license-info-valid {
  color: #27c86f;
  font-weight: bold;
}
#license_info .modal-body .license-info-invalid {
  color: #ff3333;
  font-weight: bold;
}

#session_info {
  width: 650px;
}

#create_private_filter_dialog .modal-header.with-tabs .dialog-title {
  margin-top: -16px;
}

#new_session_dialog .form-check,
#create_private_filter_dialog .form-check {
  align-content: center;
}

#new_session_dialog {
  width: 860px;
}
#new_session_dialog .perspective-button.btn[disabled],
#new_session_dialog .perspective-button.btn-primary[disabled] {
  background-color: #A8B937 !important;
  border-color: #9ea518 !important;
}
#new_session_dialog #load-session-file {
  display: none;
}
#new_session_dialog #use_example_models {
  position: absolute;
  right: 5px;
  top: 52px;
}
#new_session_dialog .newSessionSvgText {
  color: #333;
  transform: translateX(-50%);
}
#new_session_dialog .col-2 .newSessionSvgText {
  left: 50%;
}
#new_session_dialog .col-3 .newSessionSvgText {
  left: 71%;
}
#new_session_dialog .newSessionSvgContainer {
  display: flex;
  justify-content: center;
}
#new_session_dialog button.red-outline,
#new_session_dialog button.red-outline:hover,
#new_session_dialog button.red-outline:focus {
  border: 3px solid red;
}
#new_session_dialog .model-source-enlarged {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#new_session_dialog .cancel {
  position: absolute;
  right: 3px;
  top: 7px;
  cursor: pointer;
  background: white;
  padding: 0 5px;
  border-radius: 4px;
}
#new_session_dialog .cancel:hover {
  color: gray;
}

#progress_dialog .modal-body {
  width: 425px;
}

#violations_details_dialog .modal-body {
  padding: 0;
}
#violations_details_dialog .modal-body .k-grid-search {
  width: 100%;
}
#violations_details_dialog.resizable {
  width: 900px;
  height: 600px;
}
#violations_details_dialog.resizable #error_detail_table {
  height: 100%;
}
#violations_details_dialog.resizable #error_detail_table .k-toolbar-item {
  width: 100%;
}
#violations_details_dialog.resizable #error_detail_table .k-grid {
  height: 100% !important;
}
#violations_details_dialog.resizable .modal-body {
  position: absolute;
  bottom: 58px;
  top: 58px;
  left: 0;
  right: 0;
}
#violations_details_dialog.resizable .modal-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: none;
}

#save_filter_dialog .modal-body {
  height: 330px;
  overflow-y: auto;
}

.element-usages-window {
  border: 2px solid #dfdfdf !important;
}
.element-usages-window .element-usages-table tbody tr td {
  cursor: pointer;
}

.dark-theme .k-dialog.k-window.telerik-blazor {
  box-shadow: 0 16px 18px rgba(0, 0, 0, 0.68), 0 4px 16px rgba(0, 0, 0, 0.52);
  background-color: #3c3f41;
}
.dark-theme .k-dialog .modal-content {
  box-shadow: 0 16px 18px rgba(0, 0, 0, 0.68), 0 4px 16px rgba(0, 0, 0, 0.52);
  background: #3c3f41;
}
.dark-theme .k-dialog .modal-content .modal-header {
  border-bottom-color: #616669 !important;
}
.dark-theme .k-dialog .modal-content .modal-header.with-tabs .nav-tabs .nav-link {
  color: #bbb;
}
.dark-theme .k-dialog .modal-content .modal-header.with-tabs .nav-tabs .nav-link:hover {
  border-color: #616669;
  background-color: #343738;
}
.dark-theme .k-dialog .modal-content .modal-header.with-tabs .nav-tabs .nav-link.active {
  border-color: #616669;
  border-bottom-color: #484c4e;
  background-color: #484c4e;
}
.dark-theme .k-dialog .modal-content .modal-header .dialog-title {
  color: #bbb;
}
.dark-theme .k-dialog .modal-content .modal-body {
  color: #bbb;
  background: #484c4e;
  border-top: 1px solid #616669;
  border-bottom: 1px solid #616669;
}
.dark-theme .k-dialog .modal-content .modal-footer {
  border-top-color: #616669 !important;
}
.dark-theme #license_info .nav-tabs > .nav-item,
.dark-theme #license_info .nav-tabs > .nav-item > .nav-link {
  color: #bbb;
}
.dark-theme #new_session_dialog .perspective-button.btn[disabled],
.dark-theme #new_session_dialog .perspective-button.btn-primary[disabled] {
  background-color: #A8B937 !important;
  border-color: #9ea518 !important;
}
.dark-theme #new_session_dialog button.red-outline,
.dark-theme #new_session_dialog button.red-outline:hover,
.dark-theme #new_session_dialog button.red-outline:focus {
  border: 3px solid #ff3333;
}
.dark-theme #new_session_dialog .cancel {
  background: #3c3f41;
}
.dark-theme #new_session_dialog .cancel:hover {
  color: #9f9f9f;
}
.dark-theme #violations_details_dialog .modal-body input {
  background-color: #1d1d1d !important;
}
.dark-theme .element-usages-window {
  border-color: gray !important;
}