/* Disabled appearance for translation editor */
  .disabled-editor {
    opacity: 0.5 !important;
    pointer-events: none !important;
  }
  /* Disabled appearance for TAB2 label */
  .disabled-tab {
    text-decoration: line-through !important;
    color: #6c757d !important;
  }
    #runButton.focused {
      outline: 3px solid #ffc107;
      outline-offset: 2px;
    }
    html{height:100%; margin:0; font-family:Arial,sans-serif; overflow-x: hidden;}
                    body { height:100vh; padding-top:0px; margin:0; }



    #controls-nav {
 background: linear-gradient(45deg, #411f84 0%, #1e0058 100%);
}

.nav-tabs {
    /* --bs-nav-tabs-border-width
--bs-nav-tabs-border-width is not defined
: var(--bs-border-width); */
border:0px!important;
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: 0px !important;
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: #ebe900;
    --bs-nav-tabs-link-active-bg: #212529;
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
     border-bottom: 0px !important;
}
.nav-tabs .nav-link {
    border: 0px!important;
    color:#ffffff;

}


/* Custom CodeMirror scrollbar */
.CodeMirror-scroll, .CodeMirror-vscrollbar {
  scrollbar-width: thin !important;
  scrollbar-color: rgb(106,56,238) #000 !important;
}
.CodeMirror-scroll::-webkit-scrollbar, .CodeMirror-vscrollbar::-webkit-scrollbar {
  width: 8px !important;
  height: 8px !important;
}
.CodeMirror-scroll::-webkit-scrollbar-track, .CodeMirror-vscrollbar::-webkit-scrollbar-track {
  background: #000 !important;
}
.CodeMirror-scroll::-webkit-scrollbar-thumb, .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
  background: rgb(106,56,238) !important;
  border-radius: 4px !important;
}

#errorBox{
  font-size:14px;
}






.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #000000;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg:  rgb(106,56,238);
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-top: -4px!important;
}


     .tooltip-inner {
  font-size:12px; /* o il valore che preferisci, es. 12px */
}


    .editor-container{display:flex;height:calc(100vh - 54px)!important;}
    .editor-left {
      flex: 0 0 auto;
      width: 50%;
      display: flex;
      flex-direction: column;
      height: 100%;
      overflow: hidden;
    }
    .editor-left .editor-panel {
      flex: 1 1 auto;
      overflow: auto;
    }
    .editor-right {
      flex: 0 0 auto;
      width: 50%;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      position: relative;
    }
    #iframeOverlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
      z-index: 1;
    }
    #divider {
      width: 5px;
      background-color: #ddd;
      cursor: col-resize;
      flex-shrink: 0;
    }
    .CodeMirror{height:calc(100% - 30px);font-size:10px}
    #toolbar-container{flex:0 0 auto;padding:12px 10px 5px 10px;background:#f8f9fa;border-bottom:1px solid #ddd;}
    #toolbar-container label{font-weight:bold;}
    .btn.active { background-color:#0d6efd; color:#fff; }
    iframe{flex:1 1 auto;width:100%;border:none}
    #errorBox{display:none}
    .cm-rpl-error{background:rgba(255,0,0,0.2)!important}
    .cm-rpl-clicked { background: rgba(0, 255, 0, 0.3) !important; }
    .resizing, .resizing * {
      user-select: none;
    }
    #addTab-nav .nav-link {
      padding: 0.5rem 1rem;
      cursor: pointer;
    }