#red-ui-editor-stack.eb-adhoc-editor {
    width: 70%;
}
.eb-adhoc-editor .red-ui-tray .red-ui-tray-body-wrapper {
    overflow: hidden !important;
}

.red-ui-editor .form-row.use-auth-checkbox {
    margin-bottom: 0;
}

.red-ui-editor .form-row.use-auth-checkbox label{
    width: 120px;
    display: inline-block;
}

.red-ui-editor .form-row.properties-header label {
    width: auto;
    display: inline-block;
    color: #333333;
    font-size: 14px;
}

#red-ui-editor-stack.eb-adhoc-editor .red-ui-tray {
    width: 100%;
    left: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 0;
}

#red-ui-editor-stack.eb-adhoc-editor .red-ui-tray-body-wrapper {
    height: calc(100% - 47px);
}

#red-ui-editor-stack.eb-adhoc-editor .red-ui-tray-body-wrapper .red-ui-tray-body, #red-ui-editor-stack.eb-adhoc-editor .red-ui-tray #dialog-form, #red-ui-editor-stack.eb-adhoc-editor .red-ui-tray-content-wrapper, #red-ui-editor-stack.eb-adhoc-editor .red-ui-tray-content-wrapper .red-ui-tray-content, #red-ui-editor-stack.eb-adhoc-editor #dialog-form .adhoc-main {
    width: 100%;
    height: 100%;
}

#red-ui-editor-stack.eb-adhoc-editor .properties-main-wrapper {
    width: 30%;
    height: 100%;
    overflow-y: auto;
    box-shadow: 0px 0px 3px rgba(0,0,0,.16);
    border-right: 1px solid #ddd;
    float: left;
    box-sizing: border-box;
}
.properties-main-wrapper .properties-sub-wrapper {
    padding-bottom: 60px;
}
#red-ui-editor-stack.eb-adhoc-editor .red-ui-tray-content-wrapper .red-ui-tray-content {
    overflow: unset;
}
#red-ui-editor-stack.eb-adhoc-editor .response-main-wrapper {
    width: 70%;
    height: 100%;
    float: left;
    clear: none;
    padding: 14px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.eb-headers-wrapper .eb-info-block .display-value {
    width: auto;
    padding: 7px 10px;
    background-color: #E7E7E7;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    float: left;
}
.eb-headers-wrapper .eb-info-block .display-value.value-field, .red-ui-editor .eb-headers-wrapper .eb-button-row-wrapper .eb-button.eb-blue-button {
    background-color: #d5ecff;
    color: #007AD3;
}
.red-ui-editor .eb-headers-wrapper .eb-button-row-wrapper .eb-button.eb-green-button {
    background-color: #C3E4C1;
    color: #32A32A;
}
.eb-headers-wrapper .eb-info-block-wrapper {
    width: 100%;
    display: block;
    box-sizing: border-box;
    float: left;
}
.eb-headers-wrapper .eb-info-block {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    padding: 12px 14px;
    box-sizing: border-box;
    background-color: #F4F9FB;
}
.eb-headers-wrapper .eb-info-block:last-child {
    margin-bottom: 0px;
}
.eb-headers-wrapper .eb-info-block .eb-input-field {
    display: none
}
.eb-headers-wrapper .eb-info-block.block-edit-mode .eb-input-field {
    display: block
}
.eb-headers-wrapper .eb-info-block.block-edit-mode .display-value {
    display: none;
}
.eb-headers-wrapper .eb-info-block .eb-button-row-wrapper .eb-button.eb-done-button {
    display: none;
}
.eb-headers-wrapper .eb-info-block.block-edit-mode .eb-button-row-wrapper .eb-button.eb-done-button {
    display: block;
}
.eb-headers-wrapper .eb-info-block.block-edit-mode .eb-button-row-wrapper .eb-button.eb-edit-button {
    display: none;
}
.red-ui-editor .eb-info-block .eb-button-row-wrapper {
    padding: 0;
}
.red-ui-editor .eb-headers-wrapper .eb-button-row-wrapper .eb-button {
    padding: 6px 10px;
    border-radius: 4px;
    float: right;
    border: none;
    margin-left: 5px;
}
.red-ui-editor .eb-headers-wrapper .eb-button-row-wrapper .eb-button:last-child {
    margin-left: 0px;
}
.red-ui-editor .eb-headers-wrapper .eb-button-row-wrapper .eb-button.eb-icon-btn {
    width: 32px;
    height: 32px;
    padding: 6px;
    font-size: 18px;
}
.red-ui-editor .eb-headers-wrapper .eb-button-row-wrapper .eb-button.eb-icon-btn.eb-add-more-block {
    width: 26px;
    height: 26px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #3C92CF;
    border: 0.095em solid #3C92CF;
    border-radius: 30px;
    padding: 2px;
    font-size: 14px;
}
.red-ui-editor .properties-wrapper.active .tab-details-wrapper.eb-headers-wrapper {
    padding: 0px 0px 14px;
}
.eb-toggle-switch-wrapper .eb-toggle-switch {
    margin-bottom: 0;
}
.eb-toggle-switch-wrapper .eb-toggle-switch input[type="radio"]{
    width: 18px;
    height: 18px;
    margin-top: 0;
    vertical-align: middle;
}
.eb-toggle-switch-wrapper .eb-toggle-switch .eb-toggle-name{
    padding: 2px 6px;
    vertical-align: middle;
}
.eb-body-area-wrapper .eb-raw-data-text{
    width: 100%;
    height: 180px;
    display: block;
    resize: none;
    background-color: #f0f9ff;
    border-color: #f0f9ff;
    cursor: pointer;
}
.eb-body-area-wrapper .eb-toggle-switch-wrapper {
    padding: 0 14px;
    box-sizing: border-box;
}
.eb-body-area-wrapper .eb-raw-data-wrapper {
    padding: 0 14px;
    box-sizing: border-box;
}
.eb-body-area-wrapper .eb-raw-data-wrapper .eb-raw-data-sub-wrapper {
    overflow: hidden;
    border-radius: 4px;
}
#adhoc-main .raw-text-editor-main-wrapper {
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 70%;
    height: 84%;
}
.raw-text-editor-main-wrapper {
    width: 100%;
    height: 100%;
    z-index: 99;
    position: absolute;
    background-color: #fff;
    border-radius: 6px;
}

.eb-body-area-wrapper .eb-raw-data-wrapper .eb-shade-overlay  {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(160,160,160,0.5);
}

.eb-body-area-wrapper .eb-raw-data-wrapper .eb-raw-data-sub-wrapper:hover .eb-shade-overlay {
    display: block;
}

.eb-body-area-wrapper .eb-raw-data-wrapper .eb-button-row-wrapper .eb-button {
    background-color: #32A32A;
    color: #fff;
    position: relative;
    display: block;
    margin: auto;
    float: none;
    top: 38%;
}

.red-ui-editor .eb-headers-wrapper .eb-button-row-wrapper.eb-shade-overlay .eb-button:last-child {
    margin-left: auto;
}

.eb-body-area-wrapper .eb-raw-data-wrapper .eb-button-row-wrapper .eb-button .fa-external-link {
    vertical-align: middle;
    margin-left: 6px;
}
.red-ui-editor .raw-text-editor-main-wrapper .raw-text-editor-area  {
    height: calc(100% - 60px);
    padding: 0px 15px 15px;
    box-sizing: border-box;
}
.red-ui-editor .raw-text-editor-main-wrapper .header-wrapper h1  {
    width: calc(100% - 322px);
    margin: 0;
    padding: 20px;
    font-size: 18px;
    box-sizing: border-box;
}
.red-ui-editor .raw-text-editor-main-wrapper .eb-raw-data-text  {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
    resize: none;
    background-color: #f0f9ff;
    border-color: #f0f9ff;
}
.red-ui-editor .raw-text-editor-main-wrapper .eb-button-row-wrapper {
    width: auto;
}

.red-ui-editor .raw-text-editor-main-wrapper .eb-button-row-wrapper .eb-button {
    min-width: 76px;
    margin-top: 0;
    margin-right: 10px;
    padding: 7px 14px;
    color: #888 !important;
    background: #fff;
    border: 1px solid #ccc;
}

.red-ui-editor .raw-text-editor-main-wrapper .eb-button-row-wrapper .eb-button:last-child {
    margin-right: 0px;
}

.red-ui-editor .raw-text-editor-main-wrapper .eb-button-row-wrapper .eb-button.eb-icon-btn {
    width: 40px;
    height: 40px;
    min-width: auto;
    padding: 8px;
    border: none;
}

.red-ui-editor .raw-text-editor-main-wrapper .eb-button-row-wrapper .eb-button.eb-blue-button {
    background-color: #3C92CF;
    border-color: #3C92CF;
    color: #fff !important;
}

.red-ui-editor .raw-text-editor-main-wrapper .eb-button-row-wrapper .eb-icon-btn .fa-times{
    font-size: 22px;
}
#response .section-tabs, #response .response-section-wrapper, #response .tabs-area-wrapper, #response .response-section-wrapper .tabs-list {
    width: 100%;
    float: left;
}
#response .response-section-wrapper {
    height: calc(100% - 25px);
}
#response .section-tabs .tabs-list {
    margin: 0;
    border-bottom: 1px solid #ccc;
}
#response .section-tabs .tabs-list .tab-item {
    list-style: none;
    width: auto;
    float: left;
    padding: 10px 34px;
    position: relative;
    cursor: pointer;
    outline: none;
}
#response .section-tabs .tabs-list .tab-item.active {
    font-weight: bold;
}
#response .section-tabs .tabs-list .tab-item .horizontal-underline{
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #3C91FF;
    display: none;
}
#response .section-tabs .tabs-list .tab-item.active .horizontal-underline{
    display: block;
}
#response .tabs-area-wrapper {
    padding-top: 12px;
    height: calc(100% - 40px);
    box-sizing: border-box;
}
#response .tabs-area-wrapper .tab-container{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    float: left;
    position: relative;
    display: none;
}
#response .tabs-area-wrapper .tab-container.active {
    display: block;
}
#response .tabs-area-wrapper .json-tab-wrapper {
    overflow-y: auto;
}

#response .tabs-area-wrapper .json-tab-wrapper::-webkit-scrollbar-track {
    padding-right: 4px;
    background-color: #F2F6F9;
}
#response .tabs-area-wrapper .json-tab-wrapper::-webkit-scrollbar-thumb {
    padding-right: 4px;
    border-radius: 10px;
    background-color: #3C92CF;
}
#response .tabs-area-wrapper .json-tab-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    position: relative;
    z-index: 999;
}

#response .json-mapper-wrapper .json-mapper-table-wrapper::-webkit-scrollbar-track {
    padding-right: 4px;
    background-color: #F2F6F9;
}
#response .json-mapper-wrapper .json-mapper-table-wrapper::-webkit-scrollbar-thumb {
    padding-right: 4px;
    border-radius: 10px;
    background-color: #3C92CF;
}
#response .json-mapper-wrapper .json-mapper-table-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    position: relative;
    z-index: 999;
}

#response #response-data, #response #response-data pre {
    margin-bottom: 0;
}
#response #response-data pre {
    margin-bottom: 0;
    background: transparent;
    border: none;
}
#response .json-mapper-wrapper .json-mapper-table-wrapper {
    width: 100%;
    height: calc(100% - 23px);
    overflow: auto;
}
#response .json-mapped-wrapper {
    overflow: auto;
}
#response .json-mapped-wrapper::-webkit-scrollbar-track {
    padding-right: 4px;
    background-color: #F2F6F9;
}
#response .json-mapped-wrapper::-webkit-scrollbar-thumb {
    padding-right: 4px;
    border-radius: 10px;
    background-color: #3C92CF;
}
#response .json-mapped-wrapper::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    position: relative;
    z-index: 999;
}
#response .json-mapper-table, #response .json-mapper-table .pure-table {
    border: none;
}
#response .table-body-wrapper tr.pure-table {
    border-bottom: 1px solid #EAEAEA;
}
#response .json-mapper-table .main-header {
    background-color: #fff;
    border: none;
}
#response .json-mapper-table .main-header th, #response .json-mapper-table .object-header th, #response .json-mapper-table .table-body-wrapper tr td {
    width: auto;
    height: 34px;
    padding: 6px;
    box-sizing: border-box;
    vertical-align: middle;
    border: none;
    position: relative;
}
#response .tab-container .main-header th {
    position: -webkit-sticky;
    position: sticky;
}
#response .json-mapped-wrapper .main-header .original-object {
    width: 100px;
}
#response .json-mapped-wrapper .main-header .previous-variable {
    width: 100px;
}
#response .json-mapped-wrapper .main-header .output-variable {
    max-width: 250px;
}
/* #response .json-mapper-wrapper .json-mapper-table .main-header .original-object {
    width: calc(100% - 259px);
} */
/* #response .json-mapper-wrapper .json-mapper-table .main-header .output-variable#response .json-mapped-wrapper .main-header .output-variable {
    width: 112px;
} */
#response .tab-container .main-header .declare-flow-variable {
    width: 84px;
}
#response .json-mapped-wrapper .table-body-wrapper tr .delete-action .eb-icon-btn {
    margin: auto;
    display: block;
}
#response .json-mapper-table .table-body-wrapper tr .original-object .inner-wrapper, #response .json-mapper-table .table-body-wrapper tr .original-object .fa {
    display: table-cell;
}
#response .table-body-wrapper tr .original-object .inner-wrapper {
    max-width: 140px;
    word-wrap: break-word;
}
#response .json-mapper-table .table-body-wrapper tr .original-object .fa {
    padding: 0 5px;
    cursor: pointer;
}
#response .json-mapper-table .main-header .checkbox, #response .json-mapper-table .object-header .checkbox,
#response .json-mapper-table .main-header .delete-action, #response .json-mapper-table .object-header .delete-action{
    width: 34px;
    padding: 7px 10px;
}
#response .json-mapper-table .main-header .checkbox input[type="checkbox"], #response .json-mapper-table .object-header .checkbox input[type="checkbox"] {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-left: 0;
}
#response .table-body-wrapper .checkbox input[type="checkbox"] {
    margin: 2px 3px;
}
#response .pure-table td.checkbox .inner-wrapper {
    display: block;
    float: left;
    width: 100%;
}
#response .pure-table td.checkbox .inner-wrapper input[type="checkbox"] {
    margin: 0;
}
#response .json-mapper-table .object-header {
    background-color: #F2F6F9;
}
#response .json-mapper-table .object-header th {
    border: none;
}
#response .json-mapper-table .object-header .original-object .inner-wrapper {
    padding-left: 5px;
}
#response .table-body-wrapper .declare-flow-variable .inner-wrapper {
    width: 36px;
    float: left;
}
#response .table-body-wrapper .declare-flow-variable .inner-wrapper{
    display: none;
}
#response .table-body-wrapper .nested-table-row .original-object {
    padding-left: 22px;
}
#response .table-body-wrapper tr .output-variable .variable, #response  .table-body-wrapper tr .previous-object .inner-wrapper{
    display: none;
    background: #FFE5CB;
    padding: 4px 12px;
    color: #000;
    border-radius: 4px;
    float: left;
}

#response .main-header .declare-flow-variable .inner-wrapper {
    width: 52px;
    margin-right: 2px;
    display: inline-block;
}
#response .json-mapper-table .main-header .declare-flow-variable .fa-info-circle {
    color: #CECECE;
}
#response .json-mapper-table .object-header .delete-action .fa-trash{
    display: block;
    margin: auto;
    font-size: 18px;
    width: 18px;
    color: #D4D4D4;
}
#response  .table-body-wrapper tr .output-variable .variable, #response  .table-body-wrapper tr .declare-flow-variable .inner-wrapper, #response .json-mapper-table .table-body-wrapper tr .previous-object .inner-wrapper, #response .json-mapper-table .json-mapper-table .table-body-wrapper tr .declare-flow-variable .inner-wrapper {
    display: block;
}
#response .json-mapper-table .main-header .previous-variable {

}
#response .table-body-wrapper tr .previous-object .inner-wrapper {
    max-width: 150px;
    display: block;
    background: #D3D3D3;
    box-sizing: border-box;
    word-break: break-all;
}
#response  .table-body-wrapper tr .output-variable .variable .eb-input-field {
    width: 160px;
}
#response .table-body-wrapper tr .output-variable .normal-mode, #response  .table-body-wrapper tr .output-variable .edit-mode {
    display: none;
}
#response  .table-body-wrapper tr .output-variable .normal-mode.active, #response  .table-body-wrapper tr .output-variable .edit-mode.active {
    display: table-cell;
}

#response .table-body-wrapper tr .output-variable .eb-icon-btn {
    width: 28px;
    height: 28px;
    background-color: #E6E6E6;
    border-radius: 4px;
    padding: 3px;
    margin-left: 8px;
}
#response  .table-body-wrapper tr .output-variable .edit-mode .eb-input-field {
    width: 140px;
}
#response  .table-body-wrapper tr .output-variable .eb-done-icon {
    background-color: #2BAE3B;
}
#response  .table-body-wrapper tr .output-variable .eb-done-icon .fa-check {
    color: #fff;
}
#response  .table-body-wrapper tr .output-variable .eb-cancel-icon {
    background-color: #fff;
    border: 1px solid #BCBCBC;
}
.red-ui-editor .form-row label {
    display: block;
    width: 100%;
}
.properties-main-wrapper .eb-confirm-button-wrapper {
    text-align: center;
    position: absolute;
    width: inherit;
    margin-bottom: 0;
    bottom: 0;
}