/*
 * Copyright 2025 Infios US, Inc. All Rights Reserved.
 * Reproduction and distribution under license only.
 */
.ace_editor {
    /*border-radius: 6px;*/
}

.ace_container {
    position: relative;
    /*border-radius: 6px;*/
    overflow: auto;
}
.ace_options {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 7;
    color: #757a9c;
    padding: 3px 3px 2px 4px;
    cursor: pointer;
}
.ace_options:hover, .ace_options.active {
    color: #b3b9dd;
    background: #676c8d;
    /*border-radius: 0 0 0 4px;*/
}

.ace_toolpanel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    display: none;
    background: #383b4bf7;
    color: #868db7;
}
.ace_toolpanel.active {
    display: block;
}


.ace_toolpanel input:not([type=radio]):not([type=checkbox]):not([type=range]) {
    height: 24px;
    max-width: 60px;
    padding: 0 4px;
}








.ace_toolbar {
    background: #bac4cd;
    border-radius: 6px 6px 0 0;
    padding: 4px 8px;
}
.ace_toolbar select,
.ace_toolpanel select {
    min-width: 0 !important;
    height: 2.4rem !important;
    min-height: 2.4rem !important;
    max-height: 2.4rem !important;
    padding-left: 0.8rem !important;
    padding-right: 24px !important;
    border: 0.1rem solid transparent !important;
}
.ace_toolbar en-button.active {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.icon-softwrap {
    height: 16px;
    width: 16px;
}
en-icon > svg {
    min-height: 16px;
    min-width: 16px;
}






en-section.collpased > en-header {
    border-bottom: 0 !important;
}

en-tabs.tabs-natural {
    padding-left: 8px;
}

en-tabs.tabs-natural en-tab {
    margin-left: 0.2rem !important;
    border-radius: 6px 6px 0 0;
    margin-bottom: -1px;
    border-width: 1px;
    background-color: rgba(165, 177, 180, .20);
    color: inherit;
}

en-tabs.tabs-natural en-tab.active,
en-tabs.tabs-natural en-tab.active:hover {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) #fff;
    font-weight: 500;
}

en-tabs.tabs-natural en-tab:not(.active):hover {
    border-bottom-width: 0;
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.4);
}

.tab-natural-container {
    margin-top: 0;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.tab-natural-container en-footer {
    background: rgba(0, 0, 0, 0.04);
}

en-hr:before, en-hr:after {
    background: rgba(0, 0, 0, 0.1);
}

label.block {
    display: block;
}
.stretch {
    min-width: 100% !important;
    max-width: 100% !important;
}