.ag-theme-alpine .ag-root-wrapper {
    border-left:0;
}

.ag-cell[col-id="rowNo"] {
    border: 0;
}

.rowNo-cell-renderer {
    text-align: center;
}

.rowNo-cell-renderer .ag-icon {
    visibility: hidden;
}

.rowNo-cell-renderer.ag-hidden {
  display: block !important;
}

.ag-row-hover .rowNo-cell-renderer .ag-icon {
    visibility: visible;
}


.ag-row-hover .rowNo-cell-renderer .ag-icon.ag-icon-eye {
    cursor: pointer;
}

.rowNo-cell-renderer .ag-icon.ag-icon-grip {
    cursor: move;
}

.type-cell-renderer {
    font-weight: bold;
}

.type-cell-renderer.instructions {
    color: #e59e27;
}

.type-cell-renderer.practice {
    color: #0D306D;
}

.type-cell-renderer.test {
    color: #266Ce4;
}

.type-cell-renderer.learn {
    color: #5b5b5b;
}

.type-cell-renderer.form {
    color: #e5275e;
}


.response-type-renderer-bubble.multiplier{
    display: flex;
    align-items: center;
    height: 23px;
    padding: 0 5px;
    font-size: 14px;
    z-index:99;
    border-radius: 7px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 2px solid white;
}

.ag-row-selected .response-type-renderer,.ag-row-selected .response-type-renderer-bubble{
    border: 2px solid #bcdffb;
}

.ag-row .error .response-type-renderer, .ag-row .error .response-type-renderer-bubble{
    border: 2px solid #FF9AA2;
}

.response-type-renderer{
    max-height: 30px;
    display: flex;
    align-items: center;
    height: 23px;
    font-weight: normal;
    font-size: 12px;
    border-radius: 0.2rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    z-index: 100;
    border-radius: 6px;
    border: 2px solid white;
}

.response-type-renderer.label, .response-type-renderer-bubble.label{
    background-color: #ffc2c2;
}

.response-type-renderer.slider, .response-type-renderer-bubble.slider{
    background-color: #f5c197;
}

.response-type-renderer.mic, .response-type-renderer-bubble.mic{
    background-color: #a2e7c4;
}

.response-type-renderer.box, .response-type-renderer-bubble.box{
    background-color: #e1d3f8;
}


.response-type-renderer.sort, .response-type-renderer-bubble.sort{
    background-color: #d3ddf8;
}

.response-type-renderer.clicks, .response-type-renderer-bubble.clicks{
    background-color: #f8ead3;
}

.response-type-renderer.comment, .response-type-renderer-bubble.comment{
    background-color: #c4f3b5;
}

.response-type-renderer.radio, .response-type-renderer-bubble.radio{
    background-color: #d0a9f5;
}

.response-type-renderer.likert, .response-type-renderer-bubble.likert{
    background-color: #e07dc8;
}

.response-type-renderer.checkboxes, .response-type-renderer-bubble.checkboxes{
    background-color: #ace7ff;
}

.response-type-renderer.dropdown, .response-type-renderer-bubble.dropdown{
    background-color: #f3c39c;
}

.response-type-renderer.rank, .response-type-renderer-bubble.rank{
    background-color: #f19898;
}

.response-type-renderer.stars, .response-type-renderer-bubble.stars{
    background-color: #ee91e2;
}

.response-type-renderer.drag, .response-type-renderer-bubble.drag{
    background-color: #91eede;
}

.ag-select{
    border-radius: 5px;
    min-width: 120px;
}

.ag-select:focus{
    border: 1px solid;
    box-shadow: 0 0 2px 0.1rem rgb(33 150 243 / 40%);
    border-color: rgba(33, 150, 243, 0.4);
}

.ag-header-cell-text{
    color: rgba(55, 53, 47, 0.6);
    font-weight: normal;
}

.ag-theme-alpine .ag-header{
    background-color: white;
    border-bottom: 1px solid rgb(237, 237, 236);
}

.ag-theme-alpine .ag-pinned-right-header{
    border-left: 1px solid rgb(237, 237, 236);
}

.ag-theme-alpine .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell){
    border-right: 1px solid rgb(237, 237, 236);
}

.ag-theme-alpine .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell){
    border-left: 1px solid rgb(237, 237, 236);
    border-right: none;
}

.ag-theme-alpine  .ag-pinned-left-header{
    border-right: 1px solid rgb(237, 237, 236);
}
.ag-theme-alpine .ag-row-first{
    border-bottom: 1px solid rgb(237, 237, 236);
}

.ag-theme-alpine .ag-cell .ag-cell-first-right-pinned{
    border-left: 1px solid rgb(237, 237, 236);
    border-right: none;
}

.ag-theme-alpine .ag-menu{
    background-color: white;
}

.ag-theme-alpine .ag-row-odd.ag-row-selected{
    background-color: rgba(33, 150, 243, 0.3);
    background-color: var(--ag-selected-row-background-color, rgba(33, 150, 243, 0.3));
}

.ag-row-odd {
    background-color: white;
}

.ag-theme-alpine .ag-ltr .ag-cell{
    border-right: 1px solid rgb(237, 237, 236);
    display: flex;
    align-items: center;
}

.ag-theme-alpine .ag-cell-value{
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    white-space: normal;
    word-break: break-word;
}

.ag-theme-alpine .ag-root-wrapper{
    border-right: none;
    border-left: none;
    border-top: 1px solid rgb(237, 237, 236);
    border-bottom: 1px solid rgb(237, 237, 236);
}

.ag-theme-alpine .ag-cell-inline-editing{
    min-height: 1em;
    color: rgb(55, 53, 47);
    box-shadow: rgb(15 15 15 / 5%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 3px 6px, rgb(15 15 15 / 20%) 0px 9px 24px;
    height: inherit;

}

.ag-filter-icon {
    position: relative;
    left: 20px;
}

.ag-theme-alpine .ag-cell-editor input[class^='ag-']:not([type]),
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='text'],
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='number'],
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='tel'],
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='date'],
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='datetime-local'],
.ag-theme-alpine .ag-cell-editor textarea[class^='ag-']{
    caret-color: rgb(55, 53, 47);
}

.ag-theme-alpine .ag-cell-editor input[class^='ag-']:not([type]):focus,
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='text']:focus,
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='number']:focus,
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='tel']:focus,
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='date']:focus,
.ag-theme-alpine .ag-cell-editor input[class^='ag-'][type='datetime-local']:focus,
.ag-theme-alpine .ag-cell-editor textarea[class^='ag-']:focus{
    border:none;
    box-shadow: rgb(15 15 15 / 5%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 3px 6px, rgb(15 15 15 / 20%) 0px 9px 24px;
}


.ag-header-active{
    background-color: rgba(55, 55, 47, 0.08) ;
    cursor:pointer;
}

[col-id="rowNo"] {
  background-color: rgba(55, 55, 47, 0.08) ;
}

.stim-format-cell-renderer{
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    /* font-weight: bold; */
}

.stim-format-cell-renderer.image {
    background-color: #b3ccf6;
}

.stim-format-cell-renderer.video {
    background-color: #e5be27;
}

.stim-format-cell-renderer.audio {
    background-color: #f6b3cc;
}

.stim-format-cell-renderer.other {
    background-color: #9f9c9d;
}

.stim-format-cell-renderer.word{
    background-color: #a2d4df;
}

.stim-format-cell-renderer.html{
    background-color: #27e5a6;
}

.stim-format-cell-renderer.list {
    background-color:rgb(91, 236, 147)
}

.cursor-cell-renderer {
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    background-color: #ace7ff;
}

.cursor-cell-renderer.pointer {
    background-color: #f5c197;
}

.cursor-cell-renderer.hideStart {
    background-color: #a2e7c4;
}

.cursor-cell-renderer.crosshair {
    background-color: #e1d3f8;
}

.timing-cell-renderer{
    display: flex;
    /* flex-direction: column; */
    justify-content: space-evenly;
}

.timing-cell-renderer .amount{
    background-color: #266CE4;
    text-align: center;
    font-weight: 500;
    padding: 0.2rem 0.5rem;
    border-radius: 5px;
}

.instructions-cell-renderer{
    font-weight: bolder;
}


/* navigation */

.visualizer-nav-button {
    display: inline-block;
    padding: 0.7em 1.4em;
    margin: 0 0.3em 0.3em 0;
    border-radius: 0.15em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #FFFFFF;
    background: #3369ff;
    box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
    text-align: center;
    position: relative;
    text-shadow: none;
    min-height: 50px;
}

.visualizer-nav-button:hover {
    background: #3369aa;
}

.visualizer-nav-button:focus {
    background: #3369aa;
}

.visualizer-nav-button:active {
    top: 0.2em;
}

#csvEditor {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    position: relative;
}

#previewer {
    overflow-y: hidden;
    position: relative;
    background: #FFF;
}
#previewer iframe {
    box-shadow: 0px 5px 8px 1px rgb(126 126 126 / 44%);
}

.split {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gutter {
    background-color: #a3a3a3;
    z-index: 100;
    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter:hover {
    background-color: #276ee5;
}

.gutter.gutter-vertical {
    /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII='); */
    cursor: row-resize;
    position: relative;
}

.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
}

#togglePreviewer {
  margin-left: 95%;
  top: -2px;
  zoom: 0.8;
}

button.gutter-button {
    z-index: 150;
    position: absolute;
    top:0;
    border-style: none;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    margin-top: -10px;
    height: 24px;
    width: 24px;
    background: white;
    text-decoration: none;
    line-height: 1;
    fill: #333333;
    padding: 0;
}

#swapScreens {
  margin-left: 99%;
  top: -2px;
  zoom: 0.8;
}

button.gutter-button.hovered {
    background: #276ee5;
    text-decoration: none;
    fill:white;
}

.gutter-hover-area {
    position: absolute;
    height:20px;
    margin: 0;
    padding: 0;
    margin-top: -10px;
    width: 100%;
}

.gutter-button-hover-area {
    position: absolute;
    inset: -10px -5px -10px -5px;
    margin: 0;
    padding: 0;
}

.gutter-button-svg-container {
    pointer-events: none;
}

.column-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.customHeaderLabel{
    font-weight: normal;
}

.customHeaderLabel#rowNo {
  width: 89%;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
}

.edit-header-input
{
    background: white;
    border:none;
    outline: none;
    padding: 0.2rem;
    border-radius: 0.5rem;
    width: 80%;
}

#columnsPickerPopup
{
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 0.3rem;
    width: 180px;
    max-height: 300px;
    box-shadow: 3px 3px 5px 1px rgb(15 15 15 / 10%);
    min-height: 50px;
    z-index: 101111111;
}

.columnsListContainer{
    max-height: 250px;
    height: 250px;
    overflow: auto;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
}

.columnsListContainer::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

#columnsPickerPopup .popup-title
{
    margin: 0.5rem 0;
    font-size: 1rem;
    font-family: sans-serif;
}

#columnsPickerPopup .popup-action
{
    margin-top: 0.5rem;
    cursor: pointer;
}

#columnsPicker
{
    padding: 0.2rem;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 8;
}

#columnsPicker:focus{
    outline: none;
}

.columnsPickerContainer{
    position: sticky;
    top: 0;
    background: #fff;
    padding: 0.6rem 0.8rem;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}

.columns-category-menu{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.columns-category{
    text-transform: uppercase;
    color: #969696;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 0.8rem;
}

.category-title{
    padding: 0.8rem;

}

.columns-menu{
    margin: 0.5rem 0;
    color: black;
    list-style-type: none;
    text-transform: none;
    padding:0;
}

.columns-menu:focus, .columns-category-menu:focus{
    outline: none;
}

.columns-menu-item{
    margin: 0.4rem 0;
    padding: 0.4rem 1.4rem;
    font-size: 0.9rem;
    cursor: pointer;
}


/* validation */
.ag-theme-alpine .ag-ltr .ag-cell.ag-cell-value.warning {
    border-color: #c5750d;
    background-color: #ffd09a;
}

.ag-theme-alpine .ag-ltr .ag-cell.ag-cell-value.error {
    border-color: #c50d0d;
    background-color: #FF9AA2;
}

/* end validation */

.columns-menu-item[aria-selected="true"], .columns-category[aria-selected="true"]{
    background: rgba(21, 176, 248, 0.17);
    scroll-behavior: smooth;
}

/* range selection */
.ag-theme-alpine .ag-row-selected .range{
    background: #8dc1ec;
}

.ag-theme-alpine .ag-ltr  .ag-cell.ag-cell-value.ag-cell-focus{
    border-color: #2196f3;
}

.ag-theme-alpine .ag-ltr  .ag-cell.ag-cell-range-selected:not(.ag-cell-focus){
    border-color: transparent;
}

.ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left{
    border-left-color: #2196f3;
    border-left-color: var(--ag-range-selection-border-color, #2196f3)
}

.ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right{
    border-right-color: #2196f3;
    border-right-color: var(--ag-range-selection-border-color, #2196f3)
}

.ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom{
    border-bottom-color: #2196f3;
    border-bottom-color: var(--ag-range-selection-border-color, #2196f3)
}

.ag-theme-alpine .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top{
    border-top-color: #2196f3;
    border-top-color: var(--ag-range-selection-border-color, #2196f3)
}

.ag-theme-alpine .ag-row-selected .range.range-start{
    border-top:1px solid blue;
}

.ag-theme-alpine .ag-row-selected .range.range-end{
    border-bottom:1px solid blue;
}

.ag-theme-alpine .ag-row-selected .range.range-middle{
    border-left:1px solid blue;
    border-right:1px solid blue;
}
/* end range selection */

.ag-theme-alpine .ag-cell.ag-cell-inline-editing{
    padding:0;
}


.custom-tooltip {
    position: absolute;
    max-width: 300px;
    height: fit-content;
    border: 1px solid #c50d0d;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 0.2s;
    background-color: white;
    box-shadow: 0 0 2px 0.1rem rgb(33 150 243 / 40%);
  }

  .custom-tooltip.ag-tooltip-hiding {
    opacity: 0;
  }

  .custom-tooltip p {
    margin: 5px;
  }

  .custom-tooltip span.error-details {
    font-weight: bold;
  }

  .column-header{
      position: relative;
  }

  .hidden {
      display: none;
  }

  .column-header{
      width: 100%;
      height: 100%;
  }

  #addColumn{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ag-header-cell[col-id="addColumn"]{
      padding:0;
  }

  .ag-row-selected .error .bubble{
    border: 3px solid #FF9AA2;
  }

  .ag-row-selected .bubble{
    border: 3px solid #bcdffb;
  }

  .ag-cell.ag-cell-focus .timing-cell-renderer .bubble{
    border: 3px solid #bcdffb;
  }

  .ag-cell.ag-cell-range-selected .timing-cell-renderer .bubble{
    border: 3px solid #bcdffb;
  }

  .bubble {
    white-space: nowrap;
    background: #266CE4;
    height: 30px;
    line-height: 30px;
    width: auto;
    border-radius: 12px;
    padding: 0 5px;
    font-family: sans-serif;
    color: white;
    border: 3px solid white;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    font-size: 90%;
  }

.ag-cell .timing-cell-renderer .bubble:empty:not(.multiplier) {
    width: 1.2rem;
    padding: 0;
    border: 0;
    border-radius: 0.5rem;
    height: 25px;
}

  .bubble.bubble-range{
    background: #FCAB10;
  }

  .ag-row-selected .range .bubble{
    border: 3px solid #8dc1ec;
  }

  .ag-row .error .bubble{
    border: 3px solid #FF9AA2;
  }

  .interval_middle {
      text-indent: 4px;
  }

  .interval_end {
      text-indent: 5px;
  }

  .interval_end,
  .multiplier {
    margin-left:-10px;
    z-index:99;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .multiplier {
    margin-left:-8px;
    width: 10px;
    overflow: hidden;
  }

  .multiplier+.multiplier {
    z-index:80;
    margin-left: -8px;
  }

  .multiplier+.multiplier+.multiplier {
    z-index:70;
    margin-left: -8px;
  }

  .multiplier+.multiplier+.multiplier+.multiplier {
    z-index:69;
  }

  .multiplier+.multiplier+.multiplier+.multiplier+.multiplier {
    z-index:68;
  }

  .multiplier+.multiplier+.multiplier+.multiplier+.multiplier+.multiplier {
    z-index:67;
  }

  .timing-cell-renderer{
    display: flex;
    justify-content: start;
    width: 100%;
    margin-left: -6px;
    align-items: center;
  }

.interval_middle{
  margin-left:-10px;
  z-index:99;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rotatedQuickActionIcon:before{
    display: inline-block;
    transform: rotate(45deg);
}

.ag-theme-alpine .ag-icon.smallQuickAction{
    font-size: 10px;
}
.rowActionInput:focus{
    outline: none;
}

/*
.alertPopup-container{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(55, 53, 47, 0.3);
    position: absolute;
    top:0;
    left:0;
    z-index: 1000;
}

.alertPopup{
    padding: 2rem;
    background: white;
    border-radius: 0.5rem;
    width: 40%;
}

.alert-title{
    text-align: center;
}

.alert-actions{
    display: flex;
    justify-content: space-around;
}

.alert-action{
    padding: 0.6rem 1rem;
    font-size: 1rem;
    border-radius: 0.5rem;
    color:white;
    cursor: pointer;
}

.action-confirm{
    border: 1px solid green;
    background: green;
}


.action-cancel{
    border: 1px solid red;
    background: red;
} */

.ag-theme-alpine .ag-simple-filter-body-wrapper.columnMenuPopup{
    background: white;
    box-shadow: 0 0 2px 0.1rem rgb(0 0 0 / 40%);
    max-height: 400px;
    width: 180px;
    z-index: 10;
    padding:0;
}

/*  Column Options Menu */
.columnMenuContainer{
    padding: 0.3rem;
    margin:0;
}

.columnActionsMenu{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.columnMenuHeader{
    padding: 0.5rem;
    margin:0;
}

.columnActionsMenu .menuAction{
    padding: 0.5rem;
    font-size: 0.9rem;
    font-weight: normal;
    display: flex;
    align-items: center;
    color: #5a5959;
}

.columnActionsMenu .menuAction:hover{
    background: #f8f8f8;
}

.columnActionIcon{
    width: 14px;
    height: 14px;
    color: #5a5959;
    fill: #5a5959;
    margin-right: 0.5rem;
}

.columnActionsMenu .menuAction.active{
    color:  rgba(0,132,128);
}

.columnActionsMenu .menuAction.active .columnActionIcon{
    fill: rgba(0,132,128);
}



.ag-theme-alpine .ag-simple-filter-body-wrapper.columnMenuPopup{
    background: white;
    box-shadow: 0 0 2px 0.1rem rgb(0 0 0 / 40%);
    max-height: 400px;
    width: 180px;
    z-index: 10;
    padding:0;
}
/*  Row Options Menu */

#rowActionsMenuPopup
{
    max-height: 400px;
    width: 200px;
    position: absolute;
}

.rowActionIcon{
    width: 10px;
    height: 10px;
}

.rowActionInput{
    width: 3rem;
    margin-left: 0.5rem;
}

.rowQuickAction{
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
}

/* menu */
.floating-menu-popup{
    background: white;
    box-shadow: 0 0 2px 0.1rem rgb(0 0 0 / 40%);
    z-index: 1000000000000000;
    border-radius: 0.2rem;
}

.floating-menu-popup .floating-menu{
    display: flex;
    flex-direction: column;
    padding: 0.4rem 0;
    margin: 0;
    outline: none;
}

.floating-menu-popup .back-button{
    border:none;
    cursor: pointer;
    background: none;
}

.floating-menu .action{
    padding: 0.5rem 0.7rem;
    cursor: pointer;
    color: #5a5959;
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
}

.floating-menu .action[aria-selected="true"], .floating-menu .action:hover{
    background-color: #f8f8f8;
}

.floating-menu .action .action-group{
    display: flex;
    align-items: center;
}

.floating-menu .action.space-between{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.floating-menu .action .action-input{
    border-radius: 5px;
    padding: 0.2rem;
    border: 1px solid #d3d3d3;
    outline: none;
}

.floating-menu .action .action-icon{
    color: #5a5959;
    fill: #5a5959;
    margin-right: 0.5rem;
}

.floating-menu .action .action-shortcut{
    font-size:0.7rem;
    margin-left:0.1rem
}

.ag-theme-alpine .floating-menu-popup.ag-simple-filter-body-wrapper{
    padding:0;
    margin:0;
}

.ag-theme-alpine .columnMenuContainer.floating-menu-popup{
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin:0;
}

.columnActionIcon{
    width: 12px;
    height: 12px;
    margin-right: 0.5rem;
}

.hidden {
    display: none;
}

.customHeaderMenuButton {
  padding-left: 0px;
  order: 2;
  margin-left: auto;
}


/* string formatting */

.string-format-htmlopen,
.string-format-htmlclose,
.string-format-feedback{
    color: #929292;
    font-family: monospace;
}

.string-format-attribute{
    color:rgb(123, 61, 158);
    font-family: monospace;
}

.string-format-doublequote, .string-quotes{
    color:rgb(42, 161, 42);
    font-family: monospace;
}

.ag-theme-alpine .ag-row-selected .string-format-htmlopen,
.ag-theme-alpine .ag-row-selected .string-format-htmlclose,
{
    color: #565353;
}

.string-format-feedback-correct,
.ag-theme-alpine .ag-row-selected .string-format-feedback-correct{
    color: #009688;
}

.string-format-feedback-incorrect,
.ag-theme-alpine .ag-row-selected .string-format-feedback-incorrect{
    color: #960500;
}

.string-format-feedback-timeout,
.ag-theme-alpine .ag-row-selected .string-format-feedback-timeout{
    color: #6d19bb;
}

.ag-theme-alpine .ag-row-selected .format-string{
    color:#c78609;
}

.format-string{
    color: #FCAB10;
}


.ag-theme-alpine .ag-row{
    max-height: 200px;
    overflow: hidden;
}


.cell-variable{
    color: #1D16DB;
}

.cell-variable.incorrect{
    color: #B51700;
}

.cell-variable.correct{
    color: #1c9e77;
}

.cell-variable.incorrect{
    color: #B51700;
}

.cell-variable.timeout{
    color: purple;
}

.cell-variable.RT{
    color: #266Ce4;
}

.cell-list-hash-variable {
    color: #6d19bb;
}

.ag-theme-alpine .ag-cell, .ag-theme-alpine .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  padding-left: 6px;
  padding-right: 6px;
}


.ag-theme-alpine .ag-header-cell, .ag-theme-alpine .ag-header-group-cell {
  padding-left: 7px;
  padding-right: 7px;
}

/*  */
.ag-theme-alpine .ag-cell-value{
    white-space: nowrap;
}

.ag-theme-alpine .ag-row {
    color: #37352f
}


/* string formatting */

.string-format-htmlopen,
.string-format-htmlclose,
.string-format-feedback{
    color: #929292;
    font-family: monospace;
}

.ag-theme-alpine .ag-row-selected .string-format-htmlopen,
.ag-theme-alpine .ag-row-selected .string-format-htmlclose,
{
    color: #565353;
}

.string-format-feedback-correct,
.ag-theme-alpine .ag-row-selected .string-format-feedback-correct{
    color: #009688;
}

.string-format-feedback-incorrect,
.ag-theme-alpine .ag-row-selected .string-format-feedback-incorrect{
    color: #960500;
}

.string-format-feedback-timeout,
.ag-theme-alpine .ag-row-selected .string-format-feedback-timeout{
    color: #6d19bb;
}

.ag-theme-alpine .ag-row-selected .format-string{
    color:#c78609;
}

.format-string{
    color: #FCAB10;
}

.ag-theme-alpine .column-selected{
    background: rgba(41,112,229, 0.35);
}

.ag-theme-alpine .column-duplicated{
    background: #FF9AA2;
}

.ag-theme-alpine .filter-active{
    background: rgba(0,132,128,0.20);
}

.ag-theme-alpine .ag-header-cell{
    padding: 0;
}

.ag-theme-alpine .column-header{
    padding-left: 7px;
    padding-right: 7px;
}

.d-flex{
    display: flex;
}

.column-header .stonly-widget-trigger.trigger-visible {
  top: 1px !important;
  left: 2px !important;
  right: auto !important;
  position: relative;
  order: 0;
  transition: none;
  margin-right: 0.5em;
}

.ag-theme-alpine .ag-row-hover .rowNo-cell-renderer .ag-icon{
    visibility: hidden;
}

.ag-theme-alpine .ag-row-hover.row-menu-open .rowNo-cell-renderer .ag-icon{
    visibility: hidden;
}

.ag-theme-alpine .ag-row-hover.row-menu-close .rowNo-cell-renderer .ag-icon{
    visibility: visible;
}


.stonly-widget-trigger svg {
    text-align: center;
    vertical-align: top;
}


#cellPreview{
    position: absolute;
    max-width: 500px;
    max-height: 300px;
    padding: 1rem;
    background: #fffefe;
    border-radius: 5px;
    color:black;
    overflow-y:auto ;
    z-index: 100000001;
    box-shadow: 3px 3px 5px 1px rgb(15 15 15 / 10%);
}


#cellPreview #preview{
    word-wrap: break-word;
    white-space: pre-wrap;
}

#cellPreview #errors{
    color: rgb(197, 40, 40);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}

#cellPreview #errors .error-details{
    font-weight: bold;
}

#cellPreview .section-title{
    margin:0;
    margin-bottom:0.5rem
}

#cellPreview-details > div{
    text-align: left;
    justify-content: flex-start;
    gap: 0.5rem;
}

.rowNo-cell-renderer .active-preview-row{
    visibility: visible;
    color: #266CE4;
}

.ag-theme-alpine .ag-ltr .ag-cell.ag-cell-range-selected.cutting{
    border-style: dashed;
}

.stimpos-bubble, .stimsize-bubble{
    background-color: #e6f5c9;
    font-family: monospace;
    font-size: 100%;
}

.stimsize-bubble.empty{
    width: 30px;
}

.stimpos-bubble span, .stimsize-bubble span{
    text-align: center;
}

.stimpos-cell-renderer, .stimsize-cell-renderer{
    display:  flex;
    justify-content: space-between;
}

.stimpos-horizontal,.stimsize-width{
    margin-right: 2px;
    color: #1c9e77;
}

.stimpos-vertical, .stimsize-height{
    color: #d95f02;
}

.stimpos-separator{
    color:#6a3d9a;
    margin: 0 5px;
}

.stimpos-unit, .stimsize-unit{
    color:#6a3d9a;
}

.stimpos-bubble .top, .stimpos-bubble .bottom{
    color: #d95f02;
}

.stimpos-bubble .left, .stimpos-bubble .right{
    color: #1c9e77;
}

.stimpos-bubble.multiplier, .stimsize-bubble-multiplier{
    background-color: #d8e5bc;
}

.staircase-start, .staircase-down, .staircase-up, .staircase-correct, .staircase-incorrect,
.staircase-reversals, .staircase-trials{
    color:#7a1977;
}

.staircase-parameter{
    color: #1d91c0;
}

.audio-until{
    color: #266CE4;
}

.audio-parameter{
    color: #6d19bb;
}

.audio-stop{
    color: #960500;
}

.random-colorisation{
    padding: 0.2rem 0.4rem;
    border-radius: 5px;
    color: black;
    margin: 0.1rem;
    font-family: monospace;
}

.timer-cell-renderer .keyword{
    color: purple;
    padding:0 0.1rem;
}

.timer-cell-renderer .label{
    padding:0.2rem 0.2rem;
    font-size: 12px;
    border-radius: 0.2rem;
}

.timer-cell-renderer .unit{
    background: #266Ce4;
    padding:0.2rem 0.2rem;
    margin: 0.2rem;
    font-size: 12px;
    border-radius: 0.2rem;
    color: white;
}

.timer-cell-renderer *:first-child {
    margin-left: 0;
}

.timer-cell-renderer .color{
    padding:0.2rem;
}

.timer-cell-renderer .time-bubble{
    background-color: #e6f5c9;
    font-family: monospace;
    color: #1c9e77;
    padding: 0.2rem;
    border-radius: 0.4rem;
}

#finder-container{
    border-radius: 5px;;
    background:white;
    padding:0.5rem;
    display: flex;
    gap: 0.2rem;
    align-items:center;
    justify-content: flex-start;
    position: absolute;
    top:0;
    right:10px;
}

.found-element{
    background-color: #d8e621;
    color: black;
}

.found-element.current{
    background-color: #ca8c18;
    color: black;
}

.then-cell-renderer.relative {
    color: #1c9e77;
}

.then-cell-renderer.absolute {
    color: #e59e27;
}

.then-cell-renderer.label-renderer {
    color: purple;
}