/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}

.montserratFont{font-family:"Montserrat",sans-serif !important}.pinkBtn{background:#f92472;color:#fff !important;border:#f92472 !important}.pinkBtn:focus{background:#f92472 !important;border:#f92472;color:#fff !important}.pinkBtn:hover{background:#f92472 !important;border:#f92472;color:#fff !important;cursor:pointer}.pinkBtn[disabled]{background:#a0a0a0}.greenBtn{background:#00a58e;color:#fff !important;border:#00a58e !important}.greenBtn:focus{background:#00a58e !important;border:#00a58e;color:#fff !important}.greenBtn:hover{background:#00a58e !important;border:#00a58e;color:#fff !important;cursor:pointer}.greenBtn[disabled]{background:#a0a0a0}.backImg{width:26px !important;height:26px !important}.fontSize14px{font-size:14px !important}.fontSize12px{font-size:12px !important}.project-logs-board{background-color:#f8f8f8;color:#000;max-height:450px;overflow-y:scroll;border:1px solid #d8d8d8}.project-logs-board span{font-weight:bold}.login-bg{background-image:url(/static/media/bg.3321565fd4c4ce35e074.png);background-size:120vh;background-position:center;background-repeat:no-repeat}.login-logo{background:rgba(30,38,69,.6509803922);border-radius:5px;padding:10px}.monaco-editor .selected-text{background-color:rgba(100,150,255,.5) !important;color:#fff !important}.memory-tag.high-memory{background-color:#ff4d4d}.memory-tag.high-memory.Theme-dark{background-color:#ff3b3b}.memory-tag.medium-memory{background-color:#ffc34d}.memory-tag.medium-memory.Theme-dark{background-color:#ff7a00}.memory-tag.low-memory{background-color:#69db7c}.memory-tag.low-memory.Theme-dark{background-color:#1f7a2f}.kubelet-div{font-size:13px;font-weight:500;color:#1a1a1a;border:2px solid #6f6faf}.kubelet-div.Theme-dark{border-color:#a1a1cc}.kubelet-div.danger{background-color:#9b2d2d;border-color:#b20000;color:#e0e0e0}.kubelet-div.normal{background-color:#c2c2e0}.Theme-dark{background-color:#161616 !important}.Theme-dark #root{background-color:#161616 !important}.Theme-dark [data-method=info] [data-type=string]{color:#f8f8f8 !important}.Theme-dark [data-method=info] span{color:#f8f8f8 !important}.Theme-dark [data-method=info]{border-top:1px solid #242424}.Theme-dark [data-method=info] [data-type=string] a{color:#4da6ff}.Theme-dark [data-method=info] [data-type=string] a:hover{color:#9cf;text-decoration:none}.Theme-dark .ant-menu-item.ant-menu-item-selected{background-color:#404040;color:#f8f8f8 !important}.Theme-dark .ant-btn-primary{background-color:rgba(43,142,124,.7607843137);border-color:#00a58e;color:#fff}.Theme-dark .ant-alert-info{background-color:rgba(0,255,82,.2901960784) !important;border-color:#000 !important}.Theme-dark .ant-alert-error{background-color:rgba(255,0,0,.2901960784) !important;border-color:#000 !important}.Theme-dark .ant-alert-warning{background-color:rgba(255,255,0,.2901960784) !important;border-color:#000 !important}.Theme-dark .anticon-check-circle{color:green !important}.Theme-dark .ant-table-cell a{color:#fff !important}.Theme-dark .ant-message-notice-content{background-color:#2c2f33 !important;border:1px solid #3a3d40 !important;color:#fff}.Theme-dark .monaco-editor .selected-text,.Theme-dark .monaco-editor.vs-dark .selected-text{background-color:rgba(86,156,214,.4) !important;color:#fff !important}.Theme-dark .monaco-editor .cursor{background-color:#fff !important;border-color:#fff !important}.Theme-dark .ant-tree-node-selected{background-color:#00a58e !important;color:#fff !important}.Theme-dark .ant-tree-node-content-wrapper:hover{background-color:#007a65 !important}
.welcomeWord{font-weight:600;font-size:16px;color:#98989e !important}.title{font-weight:bold;font-size:26px;color:#212429}.inputFieldTitle{font-size:12px;color:#212429;font-weight:600}.inputField{border:1px solid #d8d8d8;box-sizing:border-box;border-radius:5px}.reset{font-size:12px;font-weight:bold}.forgotPasswordWord{font-size:12px;color:#98989e !important}
.bottomButtons{z-index:10;position:fixed;bottom:0px;padding:20px;background:#fff;width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;margin-left:-16px}.ant-modal-content .bottomButtons{border-top:0px;position:inherit}.bottomButtonsExtra{position:fixed;right:10px;bottom:20px}.Color-dark .bottomButtons{background:#161616 !important;border-top:1px solid #3c3c3c !important;border-left:1px solid rgba(0,0,0,0) !important}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

svg {
  vertical-align: baseline;
}

/* bottomButtons block */
.bottomButtons {
  z-index: 10;
  position: fixed;
  bottom: 0px;
  padding: 20px;
  background: #ffffff;
  width: 100%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  margin-left: -16px;
}

.ant-modal-content .bottomButtons {
  border-top: 0px;
  position: inherit;
}

/* react-jsonschema-form customizations */
.rjsf {
  padding-bottom: 30px;
}

/* react-jsonschema-form class allow to put 2 input in one row */
.rjsf-r2 .row {
  display: block;
  width: calc(50% - 5px);
  float: left;
  margin-right: 20px;
}

/* react-jsonschema-form class allow to put 3 input in one row */
.rjsf-r3 .row {
  display: block;
  width: calc(33% - 5px);
  float: left;
  margin-right: 20px;
}

/* react-jsonschema-form class allow to put 4 input in one row */
.rjsf-r4 .row {
  display: block;
  width: calc(25% - 5px);
  float: left;
  margin-right: 20px;
}

/* YAML PostProcessing configuration */

/* .YamlOneRow:hover {
  background-color: #CCCCCC;
} */

.rjsf .field-array-of-object .array-item-list {
  margin-left: 0px !important;
}

.YamlSpecsHolder {
  min-width: 600px;
  width: 600px;
  overflow: auto;
}

.ant-btn-submit {
  background-color: #1890ff;
  border-color: #1890ff;
  color: #ffffff;
}

a:hover {
  text-decoration: none !important;
}

a {
  text-decoration: none !important;
}

.RemoveProjectFileIcon {
  color: #b1b1b1;
}

.RemoveProjectFileIcon:hover {
  color: #e10000;
}

.ant-alert-action {
  padding-left: 20px;
}

/* new layout styles */
.ant-alert-info {
  background-color: #f0fffb;
  border-color: #bfe8e2;
}

.ant-alert-error {
  background-color: #fcf8f8;
  border: 1px solid #ffccc79e;
}

.ant-btn-submit {
  background-color: #00a58e;
  border-color: #00a58e;
  color: #ffffff;
}

.ant-checkbox-inner {
  background-color: #00a58e00 !important;
  border-color: #00a58e !important;
}

.ant-checkbox-checked {
  background-color: #00a58e !important;
  border-color: #00a58e !important;
}

.ant-alert-info .ant-alert-icon {
  color: #00a58e;
}

a {
  color: #00a58e;
}

a:hover {
  color: #00766b;
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #bfe8e24d;
}

.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
  border-color: #00a58e;
}

.ant-input:focus,
.ant-input:hover,
.ant-input-affix-wrapper:hover {
  border-color: #00a58e !important;
}

.ant-btn-primary {
  border-color: #00a58e;
  color: #ffffff;
}

.ant-result-info .ant-result-icon > .anticon {
  color: #00a58e;
}

._CustomFieldTemplate_children,
.formRowDefaultSpace {
  padding-bottom: 10px;
}

.ant-layout .ant-layout-sider {
  background: #ffffff;
  color: #000000;
}

.ant-layout .ant-layout-sider-trigger {
  background: #ffffff;
  color: #000000;
}

/* TO MAKE JSON FORM'S LABEL "BOLD" IN UI */
.ant-form-item-required {
  font-weight: 500;
}

/**
  * Monaco Editor
  Fix error related
  https://stackoverflow.com/a/71876526/7835270

  Uncaught runtime errors:
    ERROR
    ResizeObserver loop completed with undelivered notifications.
*/
.monaco-editor {
  position: absolute !important;
}

/**
  * For Service Variables tab
  https://localhost.nanoheal.work/#/project/19/settings/services/presto/variables
  */
.ServiceVariablesFullValues .ServiceVariableValue {
  word-break: break-all;
  padding: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

/**
  * For Service Variables tab
  https://localhost.nanoheal.work/#/project/19/settings/services/presto/variables
  */
.ServiceVariablesShortValues .ServiceVariableValue {
  width: calc(100vw - 800px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
* For Service Variables tab (ProTable small border)
*/
.ant-pro-page-container-children-container-no-header {
  padding: 0px;
}


/* Custom alert Styles */
.alert-block{
  background-color: #FFFFFF !important; /* White background */
  border: 1px solid #E0E0E0 !important; /* Subtle gray border */
  padding: 16px;
  border-radius: 8px;
}

/* Timeline elements */
.ant-timeline-item-head{
  background-color: inherit !important;
}

/* DARK MODE COLORS */
.Color-dark .ant-form-item-label label, .Color-dark .label, .Color-dark .root_colorTextBase {
  color: #ffffff !important;
}

.Color-dark .ant-input-affix-wrapper-focused ,.Color-dark .ant-input-affix-wrapper:hover {
  border-color: #9f9191 !important;
}

.Color-dark .ant-btn-submit {
  color: #000000 !important;
}

.Color-dark .ant-btn-primary {
  background-color: #2b8e7cc2;
  border-color: transparent;
}

.Color-dark .ant-layout-sider-trigger {
  background: #161616 !important;
  color: #ffffff !important;
}

.Color-dark .ant-layout-has-sider {
  border: #000000 !important;
}

.Color-dark .css-e393sm, .Color-dark .css-fw7ao3 {
  color: #000000 !important;
}

.Color-dark .ant-collapse-header {
  color: #ffffff !important;
  background-color: #2f2828  !important;
}

.Color-dark .ant-collapse-content-box {
  background-color: #2f2828 !important;
}

.Color-dark .ant-alert-message {
  color: #ffffff !important;
}


.Color-dark .ant-form-item-extra {
  color: #ffffff !important;
}

.Color-dark .breadcrumbText {
  font-weight: bold !important;
}

.Color-dark .treeDarkA {
  background-color: #000000 !important;
  border-right: 1px solid #ffffff !important;
}

.Color-dark .treeDarkB {
  background-color: #000000 !important;
  color: #ffffff !important;
}


.Color-dark .minimap-decorations-layer {
  background-color: rgba(0, 0, 0, 0.75) !important;
}

.Color-dark .mtk22, .Color-dark .mtk5 {
  font-weight: bold !important;
}


.Color-dark .alert-block{
  background-color: #222222 !important; /* Deep charcoal background */
  border: 1px solid #3a3a3a !important; /* Subtle lighter border */
  color: #ffffff; /* White text for contrast */
  padding: 16px;
  border-radius: 8px; /* Optional: rounded corners */
}

/* The following style applies to anchor tags linking to external sites. */
.Color-dark a[href]:not([href^="/"]) {
  color: #0adcc0 !important;
}

.Color-dark a[href]:not([href^="/"]):hover {
  color: #02fad1 !important;
}