.item10 {
    grid-area: list-header;
    padding: 20px 20px 20px 20px;
}

.item11 {
    grid-area: available-sources;
    /*    overflow: hidden;*/
    /*padding: 20px 20px 20px 30px;*/
    padding: 30px 30px 30px 30px;
    background-color: var(--menucolor);
}

.item12 {
    grid-area: available-fields;
    /*padding: 20px 20px 20px 30px;*/
    padding: 30px 30px 30px 30px;
    background-color: var(--menucolor);
}

.item13 {
    grid-area: list-details;
    /*padding: 20px 30px 20px 30px;*/
    padding: 30px 30px 30px 30px;
    background-color: var(--menucolor);
}

.item14 {
    grid-area: results;
    /*padding: 20px 30px 20px 20px;*/
    padding: 30px 30px 30px 30px;
    background-color: var(--menucolor);
}

#item13-div,
#item14-div {
    padding:0; position:relative;
}

#item13-span,
#item14-span {
    padding-right: 5px;padding-left:5px;
}

.list-container {
    display: grid;
    grid-template-areas:
        'list-header'
        'list-tab-container';
    gap: 20px;
    color: var(--textcolor);
    background-color: transparent;
    grid-template-rows: auto 1fr;
    padding: 20px;
    min-width: 1000px;
    min-height: 100%;
    height: 80vh;
}

.list-tab-container {
    display: grid;
    grid-template-areas:
        'available-sources  list-details'
        'available-fields   results';
    gap: 20px;
    background-color: transparent;
    grid-template-rows: 1fr 1fr;
    /*grid-template-columns: 25fr 75fr;*/
    grid-template-columns: 1fr 75%;
    /* padding: 20px;*/
    min-width: 1000px;
    min-height: 100%;
    height: 100%;
    grid-auto-flow: row;
}

.list-tab-container-visible {
    display:grid;
}

.list-tab-container-not-visible {
    display:none;
}

.list-header {
    display: grid;
    grid-template-columns: max-content auto;
}



.list-body {
    /*height: 100%;*/
    grid-column: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.listtabs-body {
    grid-column: 2;
    width:100%; 
    /*background-color:lavender;*/
}

.availablesources,
.listdetails {
    /*background-color: #aaaaaa;*/
    overflow: hidden;
    width:100%;
}

.list-sectioncontent .tab1 button:hover {
    /*background: -moz-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor));*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor));*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, var(--confirmcolor), var(--confirmcolor));*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*background-position: center bottom;
    background-size: auto 2px;
    background-repeat: no-repeat;*/
    border-bottom: 2px solid var(--confirmcolor);
    background-color: transparent;
    cursor: pointer;
}

.list-sectioncontent .tab1 button.active {
    /* background-color: #ccc; */
    color: var(--normaltextcolor);
    /*background: -moz-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor));*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor));*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, var(--confirmcolor), var(--confirmcolor));*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*background-position: center bottom;
    background-size: auto 2px;
    background-repeat: no-repeat; */
    border-bottom: 3px solid var(--confirmcolor);
    background-color: transparent;
}


.list-cell {
    display: flex;
    flex-flow: column;
    flex-grow: 100;
}

.list-section-title {
    padding: 5px 5px 6px 5px;
    position: relative;
}

.list-sectioncontent {
    width: 100%;
    height: 100%;
    align-items: stretch;
}


#sectionArea {
    height: 100%;
    min-height: 0px;
    display: flex;
    flex-flow: column;
    /*padding: 5px;*/
    overflow-y: hidden;
}



.list-sectiontab {
    height: 100%;
    min-height: 0px;
    display: flex;
    flex-flow: column;
    /*border: 1px solid #ccc;*/
}



.list-sectiontabcontent {
    width: 100%;
    height: 100%;
    min-height: 0px;
    /*border: 1px solid #ccc;*/
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    align-content: stretch;
}


.list-sectionTable {
    clear: both;
    /*max-height: 600px;*/
    min-height: 0px;
    align-items: stretch;
    height: 214px;
    overflow-y: auto;
    overflow-x: auto;
    margin: 5px 0px 5px 0px;
    /*border: 1px dashed gray;*/
}




.list-sectionTable table {
    table-layout: auto;
}

.display-sectioncontent {
    display: grid;
    gap: 30px;
    grid-template-columns: 50fr 50fr;
}


td.srcselectable:hover {
    cursor: pointer;
    background-color: transparent !important;
    color: var(--confirmcolor) !important;
    /*color: deeppink !important;*/
}


/*.sectionTable table td {
    
    border: 1px solid #ccc;
}*/


table .no-spacing {
    border-spacing: 0; /* Removes the cell spacing via CSS */
    border-collapse: collapse; /* Optional - if you don't want to have double border where cells touch */
}

.querytablist {
    background-color: transparent;
    font-size:17px;
    font-style:normal;
    height:30px;
    padding: 0px 6px !important;
    /*border-color:inherit;*/
    border-top:none;
    border-bottom:none;
    border-left:none; 
}




.arrowtablist {
    font-size: 17px;
    font-style: normal;
    height: 30px;
    /*padding: 0px 6px !important;*/
    border-color: inherit;
    border-top: none;
    border-bottom: none;
    border-right: none;
    width: 40px;
    color: var(--normaltextcolor);
    background-color: var(--menucolor);
    border-color: var(--textcolor);
    margin-top: 1px;
}



#tabrow {
    height: 30px;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 0 !important;
    position:relative;border-color:var(--textcolor);
}

.buttontabs {
    height: 30px;
    white-space:nowrap;
}

#listtabs {
    height: 30px;
    min-width: 0;
    overflow-x: scroll;
    /*display: inline;*/
    grid-column: 1;
}

.querytablist.active {
    /*border-bottom: 4px solid var(--confirmcolor) !important;*/
    background: -moz-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor)); /* FF3.6-15 */
    background: -webkit-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--confirmcolor), var(--confirmcolor)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center bottom;
    background-size: auto 3px !important;
    background-repeat: no-repeat;
    color: var(--normaltextcolor) !important;
}


.querytablist:hover {
    /*border-bottom: 4px solid var(--confirmcolor) !important;*/
    background: -moz-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor)); /* FF3.6-15 */
    background: -webkit-linear-gradient(to right, var(--confirmcolor), var(--confirmcolor)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, var(--confirmcolor), var(--confirmcolor)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center bottom;
    background-size: auto 2px;
    background-repeat: no-repeat;
}


.buttontabname {
    margin-left:2px;
    padding-left:5px;
    padding-right:10px;
}


#arrowtabs {
/*    height: 30px; */
    grid-column: 2;
    font-size:0;
    display:inline;
    /*position:absolute;
    right:0;*/
    top:0;
    height:30px;
}




.tab-filler {
    width: 150px;
    display: inline-block;
}

.dragging,
.dragging .querytablist,
.dragging .buttontabs {
    cursor: grabbing !important;
}

#listtabs::-webkit-scrollbar {
    display: none;
}

#leftarrowscroll,
#rightarrowscroll {
    height:fit-content;
}

.filterarrowtab-left,
.filterarrowtab-right {
    height: fit-content;
}

#addsublist {
    color: var(--normaltextcolor);
    background-color: var(--confirmcolor);
    display: inline-block;
    margin-left: -3px;
    height: 29px;
}


.dropdown {
    position: relative;
    display: inline-block;
    text-align: right;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-bottom:12px;
    top:10px;
}

.dropdown-content a {
    padding: 12px 16px 0px 12px;
    text-decoration: none;
    display: block;
}


.dropdown-content a:hover {
    background-color: transparent;
    color: var(--confirmcolor) !important;
}

.dropdown:hover .dropdown-content {
    display: block;
}

#btnAllRight,
#btnRight,
#btnLeft,
#btnAllLeft,
#btnUp,
#btnDown,
#filterbtnUp,
#filterbtnDown {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

#btnAllLeft,
#btnLeft,
#btnRight,
#filterbtnUp,
#filterbtnDown {
    padding-bottom: 5px;
    background-color: var(--textcolor);
    border-color: var(--textcolor);
}

#btnAllRight,
#btnDown,
#btnUp {
    background-color:var(--textcolor);border-color:var(--textcolor);
}

#editfunction_fields {
    width: 100%;
    height: 150px;
    float: left;
}

#editfunction_fields,
#editsystem_fields,
#expression_fields,
#options_fields,
#filter_fields,
#filterfield_fields {
    padding-left: 0;
}

#filter_fields {
    width:100%;float:left;
}

#expression_fields {
    width:100%;height:150px;float:left;
}

#parameter_fields {
    padding-left: 5px;
    float:left;padding-top:30px;
}

.sort-btn {
    margin-bottom:5px;
}



#fieldsymbol {
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: -2px;
    border: 1px solid #ccc;
    text-align: center;
    display:inline;
    font-size:10px;
}

.sourcelist-fixedvalue,
.sourcelist-function,
.sourcelist-systemvalue {
    font-size: 12px;
    display: none;
}

.group-field {
    letter-spacing:5px;vertical-align:top;
}



.sourcelist-fixedvalue-visible,
.sourcelist-function-visible,
.sourcelist-systemvalue-visible,
.group-field-visible {
    display: inline !important;
}

 

.grow-shrink .modal-dialog {
    display: table; /* This is important */
    overflow-x: auto;
    width: auto;
    min-width: 500px;
}


.fixed-number-expressionentry {
    display:none;
    padding-right:15px;
    vertical-align: top;
}

/* -------------------------------------------------- list browse styles -------------------------------------------- */
.querylist-header,
.dashboardlist-header,
.fileimport-header {
    display: flex;
    align-items: stretch;
    flex-flow: row;
    /*padding-top:20px;*/
    /*background-color: darkgrey;*/
    /*flex: 1 1 0;*/
}

.permissions-header {
    margin-top: 20px;
    padding-left:37px;
}

.listbrowse-header,
.fileimport-header{
    margin: 40px 40px 10px 40px;
}

.querylist-row,
.fileimport-row,
#querylisttable-container
{
    margin: 0px 29px;
}

.listclass {
    clear: both;
    /*font-size: 1em;*/
    font-size: 17px;
    padding-top: 10px;
    /*border: 1px solid #ccc;*/
    /*resize: vertical;*/
    /*max-height: 500px;
    min-height: 250px;*/
    /*    height: 500px;*/
    overflow: auto;
}

.listclass span {
    margin-right: 12px;
}

.listclass .table {
    table-layout: auto;
    width: 100%;
    display: block;
}

.listclass table tr td:first-child {
    padding-left: 20px;
}

.listclass td:last-child {
    width: 100%;
    position: relative;
}

.listclass td {
    display: table-cell;
    vertical-align: auto;
}

.listclass table tr:hover {
    color: var(--table-color-hover);
}

.listclass .glyphicon-pencil:hover {
    -webkit-box-shadow: 0 0 10px yellow;
    border-radius: 100px;
}

.querylistclass .glyphicon-trash:hover {
    -webkit-box-shadow: 0 0 10px yellow;
    border-radius: 100px;
}


.dashboardlist-indicator:hover,
.dashboardlist-editable:hover,
.dashboardlist-form:hover,
.dashboardlist-lock:hover,
.dashboardlist-eye-open:hover,
.listclass table tr td:first-child:hover {
    cursor: default !important;
}

/* -------------------------------------------------- conditionstree tree -------------------------------------------- */

.conditionglyph {
    /*padding-right: 15px;*/
    line-height: 28px;
    display: none;
    padding-left: 10px;
}

.conditon-btn {
    line-height: 20px;
}

#conditionsection {
    overflow: auto;
}

.conditionssequencearea {
    padding: 8px;
    height: fit-content;
    /*border: 1px solid gray !important;
    border-width: 0 0 1px 1px !important;
    border-radius: 2px;*/
}

.condition-name {
    padding-right: 15px;
}


.logical-btn {
/*    color: white;*/
    border-radius: 0;
    border:none;
    font-size: 17px;
    font-style: normal;
}

.logical-btn:hover {
    cursor: pointer;
}


.logical-btn-minus, .logical-btn-plus {
    color: var(--normaltextcolor);
    background-color: var(--confirmcolor); 
    top: 0px;
    border-radius: 0;
    border: none;
}

.logical-btn-minus:hover, .logical-btn-plus:hover {
    cursor: pointer;
}


.function {
    background-color: transparent !important;
    height: 30px;
    padding-top: 1em;
    color:var(--textcolor);
    background-color: var(--sectioncolor);
}


.functionspan {
    background-color: transparent;
    color: var(--textcolor);
}


.condition {
    background-color: transparent !important;
    padding-top: 1em;
    height: 30px;
}

.btn-selected {
    color: var(--normaltextcolor) !important;
    /*background-color: #285F8F;*/
    /*background-color: #337AB7*/
}

.expressionentry-function {
    top:3px;
    font-size:12px;
}

/* -----------------  Custom Styles for Conditions Tree  ----------------- */
.logicalbtn-child-span {
    width: 130px;
    margin-bottom: 5px;
    display: inline-block;
}

.logicalbtn-parent-span {
    width: 100px;
    margin-bottom: 5px;
    display: inline-block;
}



.logicalbtn-span {
    height: 25px;
    padding: 10px 6px 6px 6px;
    color: var(--textcolor);
    background-color:var(--processcolor);
}

.sequencebody {
    color: var(--textcolor);
    border-color: var(--textcolor) !important; 
}



.conditionglyph-visible {
    display: inline-block;

}

.conditionglyph-notvisible {
    display:none !important;
}

.highlightspan {
    color: var(--normaltextcolor);
}

/*#conditionsection-formbrowse-search { */
#modal-body-row {
    border: 1px solid var(--textcolor);
    /*margin: 5px 5px 0px 5px;
    padding: 10px 5px 10px 5px;*/
}


/* -------------------------------------------------- formula builder tree -------------------------------------------- */

.formulabuilder,
.conditions {
    background-color: var(--sectioncolor);
}

.formulabuildertree, .conditionstree {
    display: -moz-inline-stack;
    display: block;
    zoom: 1;
    padding: 0 10px;
    width: 100%;
    height: 50px;
    white-space: nowrap;
}

.formulabuildertree ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.formulabuildertree ul {
    padding-left: 1em;
}

.formulabuildertree li {
    padding-left: 1em !important;
    /*border: 3px solid black;*/
    border-style:solid;
    border-width: 0 0 1px 1px !important;
    margin-top: -7px;
    width: 800px;
}


.formulabuildertree li.no-sequence {
    border: none !important;
}

.formulabuildertree li.container {
    border-bottom: 0px;
}

.formulabuildertree li.empty {
    font-style: italic;
    color: silver;
    border-color: silver;
}

.formulabuildertree p {
    margin: 0;
    /*background: white;*/
    position: relative;
    /*height: 46px;*/
    height: 49px;
    min-width: 800px;
    width: fit-content;
    border: 1px solid transparent;
    /*top: 0.5em;*/
    padding-top: 3px;
    padding-left: 10px;
}

.formulabuildertree .prevvaluetext {
    color: blue;
}

/*.formulabuildertree p:before {
    content: '';
    position: absolute;*/
    /*width: 1em;
border: 1px solid black;
height: 1em;
border-radius: 1em;*/
    /*margin-left: 0.5em;
    margin-top: 1em;
}*/

.formulabuildertree r {
    margin-left: 1.4em;
}

.formulabuildertree ul {
    /*border-top: 1px dotted black;*/
    margin-left: -1em;
    padding-left: 2em;
}


/*.formulabuildertree ul li:last-child ul {
    border-left: 1px solid white;
    margin-left: -17px;
}*/


.functionspan .glyphicon-pencil:hover {
    /*-webkit-box-shadow: 0 0 10px yellow;
    border-radius: 100px;*/
    cursor: pointer;
}

.functionspan .glyphicon-trash:hover {
    /*-webkit-box-shadow: 0 0 10px yellow;
    border-radius: 100px;*/
    cursor: pointer;
}

.sequencebox {
    /*border: 1px solid green;*/
    width: fit-content;
    color: white;
    /*background-color: #285F8F;*/
    padding: 5px;
    /* margin-bottom: 5px;*/
    padding-right: 5px;
    padding-left:5px;
}

.sequencearea {
    padding: 8px;
    height: fit-content;
}


.sequencebutton {
    margin-top: 7px;
    margin-left: -5px;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
    border: none;
    padding: 0px 10px;
    height: 37px;
    background-color:var(--processcolor);
    color:var(--normaltextcolor);
}

.formulabuildertreeview-editsequence {
    margin-left:2px;
}

.editablelabel * {
    display: inline
}

.editablelabel br {
    display: none
}

.functionglyph {
    padding-right: 15px;
    line-height: 48px;
    display: none;
    cursor: pointer;
}

.functionglyph-visible {
    display: inline-block !important;
}



.function-p {
    color: var(--textcolor);
    background-color: var(--sectioncolor); 
    border-color: var(--textcolor) !important; 
}


/*------------------------------------------------------- WTREE ----------------------------------------------------------*/


.wtree ul {
    margin-left: 20px;
}

.wtree li {
    list-style-type: none;
    margin: 10px 0 10px 10px;
    position: relative;
}

.wtree li:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -20px;
    /*border-left: 1px solid var(--conditions-bar-color);
    border-bottom: 1px solid var(--conditions-bar-color);*/
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-bottom-style: solid;
    border-color:inherit;
    width: 20px;
    height: 30px;
}

.wtree li:after {
    position: absolute;
    content: "";
    top: 5px;
    left: -20px;
    /*border-left: 1px solid var(--conditions-bar-color);*/
    /*border-top: 1px solid black;*/
    border-left-color:inherit;
    border-left-width: 1px;
    border-left-style: solid;
    width: 20px;
    height: 100%;
}

.wtree li:last-child:after {
    display: none;
}


.wtree li p {
    display: inline-block;
    /*border: 1px solid #ddd;*/
    /*padding: 6px;*/
    /*color: black;*/
    text-decoration: none;
    white-space: nowrap;
    /*min-width:800px;*/
    /*height:48px;*/
}


/*
.wtree li p:hover, .wtree li p:focus {
    background: #eee;
    color: #000;
    border: 1px solid #aaa;
}

.wtree li p:hover + ul li p, .wtree li p:focus + ul li p {
    background: #eee;
    color: #000;
    border: 1px solid #aaa;
}

.wtree li p:hover + ul li:after, .wtree li p:hover + ul li:before,
.wtree li p:focus + ul li:after,
.wtree li p:focus + ul li:before {
    border-color: #aaa;
}
*/
/*.wtree .sequencebody {
    border: 1px solid #ddd;
    padding: 10px;
}*/

/*.wtree li span {
    display: inline;
    border: 1px solid #ddd;
    padding: 10px;
    color: #888;
    text-decoration: none;
}

.wtree li span:hover, .wtree li span:focus {
    background: #eee;
    color: #000;
    border: 1px solid #aaa;
}

.wtree li span:hover + ul li span, .wtree li span:focus + ul li span {
    background: #eee;
    color: #000;
    border: 1px solid #aaa;
}

.wtree li span:hover + ul li:after, .wtree li span:hover + ul li:before,
.wtree li span:focus + ul li:after,
.wtree li span:focus + ul li:before {
    border-color: #aaa;
}
    */




/*------------------------------------------------------- Results ----------------------------------------------------------*/


.textnoresult {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    color: darkgray;
}


/*------------------------------------------------------- Results ----------------------------------------------------------*/

/*.runlistarea {*/
    /*display:table-cell;*/
    /*vertical-align:middle;*/
    /*display: flex;
    flex-flow: column;
    padding: 40px;
    width: 100%;
    margin: auto;
    height: 75vh;
}*/

.runlist-header {
    grid-area: runlist-header;
    padding: 20px 20px 20px 20px;
    color:var(--normaltextcolor);background-color:var(--menucolor);width:100%;float:left;
}

.runlistwrapper {
    grid-area: runlistwrapper;
    padding: 30px 30px 30px 30px;
    display: flex;
    overflow: hidden;
    align-content: center;
    justify-content: center;
    height: 100%;
    color:var(--normaltextcolor);background-color:var(--menucolor);position:relative;
}

.runlist-container {
    
    /*    overflow: hidden;*/
    /*padding: 20px 20px 20px 30px;*/
   
}

.runlistarea {
    display: grid;
    grid-template-areas:
        'runlist-header'
        'runlistwrapper';
    gap: 20px;
    background-color: transparent;
    grid-template-rows: auto 1fr;
 
    min-width: 300px;
    min-height: 100%;
    height: 75vh;
}


/*------------------------------------------------------- Custom Styles  ----------------------------------------------------------*/

#list-div1 {
    padding-left: 10px !important;
    display: inline-block !important;
}

#list-div2 {
    padding-left: 20px !important;
    display: inline-block !important;
}

#list-div3,
#list-div4 {
    margin-left: 20px !important;
    display: inline-block !important;
}

.listheader-label {
    display: block !important;
    padding-bottom: 5px !important;
}

.listsubheader-label {
    display: block !important;
    padding-bottom: 5px !important;
    white-space: nowrap !important;
}

.list-form-group {
    display: block !important;
    text-align: left !important;
    width: unset !important;
}

#list-h3 {
    color: var(--normaltextcolor) !important;
    padding-left: 20px !important;
}

.availablesourcestab,
.listdetailstab {
    margin-left: 0 !important;
    min-height: 29px !important;
}


[id^="Conditions_"] {
    grid-column:1; border:1px solid var(--textcolor);
}

[id^="Fields_"] {
    grid-column:2; border:1px solid var(--textcolor);
}

[id^="Source_"] {
    grid-column:1; border:1px solid var(--textcolor);
}



.conditions-section,
.displaysection-section,
.sourcesection-section {
    padding-top: 0px !important;
}

#displaylisttable-div {
    padding: 0 !important;
}

[id^="conditionstreearea_"].section.sectionarea_field {
    width: 100% !important;
    /*height: 100% !important;*/
    float: left !important;
}

.displaylisttable-col {
    white-space: nowrap !important;
    padding: 0px 5px 0px 10px !important;
}

.displaysection-p,
.sourcesection-p {
    display: inline !important;
    margin-top: 3px !important;
}

.dropdown-a {
    color:var(--normaltextcolor);
}

.dropdown-a:hover {
    color:var(--confirmcolor);
}

.displaysection-add {
    color: var(--normaltextcolor);
    background-color: var(--confirmcolor) !important;
}

.displaysection-dropdown {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--confirmcolor) !important;
}

#headerbuttons-span {
    float: right !important;
    margin-right: 10px !important;
    padding-top: 10px !important;
}

#list-img {
    padding: 10px !important;
    width: 60px !important;
}

#ConditionsContent {
    display: none;
}

[id^="listresults_"] {
    overflow: visible;
    padding-top: 0px !important;
}

[id^="resultarea_"] {
    overflow: auto;
    width: 100% !important;
    
}

.relationshiptable-row {
    color: var(--normaltextcolor);
}

.relationshiptable-col1 {
    width:30px;
    white-space: nowrap !important; 
    padding: 0px 5px 0px 10px !important;
}


.relationshiptable-col2,
.relationshiptable-col4 {
    white-space: nowrap !important;
    padding-top: 12px !important;
}

.relationshiptable-col3 {
    width:30px;
    white-space: nowrap !important; 
    padding: 12px 5px 0px 5px !important;
}

.sourcelist-arrowright {
    display:block;
    text-align:center !important;
    top: -5px;
}

#sourcerelationshipTable {
    width:100% !important;
}

.sectiontable-col {
    vertical-align: middle !important;
}

td.sortorder-visible {
    display:inline-block;
}


td.sortorder-notvisible {
    display:none;
}

#sectiontable-maindiv,
#sourcelisttable-maindiv {
    padding: 0 !important;
}

.sourcelisttable-col1 {
    white-space: nowrap !important; 
    padding: 0px 5px 0px 10px !important;
}


.sourcelist-link,
.sourcelist-unlink {
    font-size: 12px !important;
}

.sourcelist-link-visible,
.sourcelist-unlink-visible,
.sourcelist-arrowright-i-visible {
    display: inline;
}

.sourcelist-link-notvisible,
.sourcelist-unlink-notvisible,
.sourcelist-arrowright-i-notvisible {
    display: none;
}

.sourcelist-arrowright-col {
    white-space: nowrap !important;
    padding: 6px 5px 0px 5px !important;
}

.sourcelist-arrowright-i {
    text-align: center !important;
}

.tablistbutton-button {
    color:var(--textcolor);
    border-right-color:var(--textcolor); 
    display:inline-block;
}

.tablistbuttons-maindiv {
    margin-left:20px !important; 
    margin-right:10px !important; 
    display:block; 
    width:auto;
}

.tablistbuttons-label {
    display:block;
    padding-bottom:7px !important;
}

.tablistbuttons-subdiv {
    text-align:left !important;
    width:auto;
    padding:0 !important;
}

.tablistbuttons-edit {
    padding-right: 3px !important;
}

.tablistbuttons-cancel {
    padding-right: 5px !important;
}

.tablistbuttons-cancel-visible {
    display:inline;
}

.tablistbuttons-cancel-notvisible {
    display: none;
}
.addline-span {
    padding-right:5px !important;
    padding-left:5px !important;
}


[id^="availablesourcestitle_"],
[id^="availablefieldstitle_"],
[id^="listdetailstitle_"],
[id^="listresultstitle_"] {
    color: var(--normaltextcolor);
}

.expandsection,
.collapsesection {
    color: var(--normaltextcolor);
    background-color: transparent;
    display: inline-block !important;
    height: 28px !important;
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    padding: 0 !important;
    border: none !important;
}

#listresult-div {
    overflow-x:auto !important;
    overflow-y:auto !important;
}

#listbrowse-div1 {
    margin-left: 20px !important;
    padding-left: 5px !important;
}

#listbrowse-maindiv {
    padding-top: 10px !important;
}

#listbrowse-img {
    display: inline !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px !important;
}

#listbrowse-newbtn-span {
    float: right !important;
    margin-right: 10px !important;
}

.querylist-color-notactive {
    color: var(--textcolor);
}

#conditioninput {
    display: inline-block !important;
}


#conditionentrypopup-modal-dialog {
    top:calc(50% - 280px);
}

#conditionentrypopup-modal-content {
    margin-right:-50px;background-color:var(--sectioncolor);
}

#conditionentrypopup-modal-body,
#functionpopup-modal-body {
    overflow: visible;
    color: var(--normaltextcolor);
}

#conditionentrypopup-div-row {
    margin: 0 10px !important;
    overflow: visible !important;
    height: 250px !important;
}

.conditionentry-label {
    color: var(--textcolor);
    padding-bottom: 5px !important;
    display: block !important;
}

#drilldownlinkpopup-div-section {
    width: 100% !important;
    height: 180px !important;
    float: left !important;
}

#drilldownpopup-div-section {
    width: 100% !important;
    float: left !important;
    border: 1px solid var(--textcolor) !important;
}

#drilldownpopup-div {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
}

#drilldownlinkpopup-datainput {
    padding-left: 5px;
    display: inline-block;
}

#linkfieldfrom_label,
#fieldlinkto_label,
#hidelinkfieldfromlabel {
    display: block;
    padding-bottom: 7px;
    white-space: nowrap;
    color: var(--textcolor);
}

#drilldownlinkpopup-modal-dialog #runlistcheckbox_input {
    display: inline-block 
}

#optionspopup-modal-dialog #runlistcheckbox_input {
    display:block;
}


#drilldownpopup-modal-footer,
#editdisplaypopup-modal-footer,
#drilldownlinkpopup-modal-footer,
#conditionentrypopup-modal-footer,
#editsourcepopup-modal-footer,
#filterfielddrilldownlinkpopup-modal-footer,
#filterfieldspopup-modal-footer,
#filterpopup-modal-footer,
#fixedvaluepopup-modal-footer,
#formulabuilderpopup-modal-footer,
#functiondisplaypopup-modal-footer,
#functionpopup-modal-footer,
#optionspopup-modal-footer,
#sortingpopup-modal-footer,
#sourcerelationshippopup-modal-footer,
#systemvaluepopup-modal-footer {
    text-align: right;
}



#drilldownlinkpopup-modal-dialog {
    top:calc(50% - 200px);
}

#drilldownlinkpopup-modal-content,
#drilldownpopup-modal-content,
#editdisplaypopup-modal-content,
#editsourcepopup-modal-content,
#filterfielddrilldownlinkpopup-modal-content,
#filterpopup-modal-content,
#fixedvaluepopup-modal-content,
#functiondisplaypopup-modal-content,
#optionspopup-modal-content,
#sortingpopup-modal-content,
#sourcerelationshippopup-modal-content,
#systemvaluepopup-modal-content,
#dashboardproperty-modal-content,
#dashboardtype-modal-content,
#tablelogdialog-modal-content,
#homedashboardspopup-modal-content {
    background-color: var(--sectioncolor);
}

#drilldownlinkpopup-modal-title,
#drilldownpopup-modal-title,
#drilldownlinkpopup-modal-body,
#drilldownpopup-modal-body,
#editdisplaypopup-modal-title,
#editdisplaypopup-modal-body,
#editsourcepopup-modal-title,
#editsourcepopup-modal-body,
#filterfielddrilldownlinkpopup-modal-title,
#filterfielddrilldownlinkpopup-modal-body,
#filterfieldspopup-modal-title,
#filterfieldspopup-modal-body,
#filterpopup-modal-title,
#filterpopup-modal-body,
#fixedvalue-modal-title,
#functiondisplaypopup-modal-title,
#functiondisplaypopup-modal-body,
#optionspopup-modal-title,
#optionspopup-modal-body,
#sortingpopup-modal-body,
#sourcerelationshippopup-modal-body,
#systemvaluepopup-modal-title,
#systemvaluepopup-modal-body,
#notification-title {
    color: var(--normaltextcolor);
}

#drilldownlinkpopup-div-row {
    margin: 15px 10px !important;
}


#drilldownpopup-div2-row,
#editsourcepopup-div-row,
#filterfielddrilldownlinkpopup-row,
#filterpopup-modalsection-row,
#formulabuilderpopup-row,
#optionspopup-modal-body-row {
    margin: 0 10px;
}

#drilldownpopup-div1-row,
#filterfieldspopup-row1,
#filterfieldspopup-row2,
#fixedvaluepopup-row,
#filterpopup-row {
    margin: 0 10px;
    overflow: visible;
}



#drilldownpopup-div2 {
    padding-bottom: 10px !important;
}


#drilldownpopup-datainput,
#functiondisplaypopup-datainput,
#functonparameters-datainput,
#fixedvaluepopup-datainput {
    display: inline-block;
}

#editdisplaypopup-datainput {

}

#editsourcepopup-datainput {
    padding-left: 10px !important;
    display: inline-block !important;
}

#hyperlinkfieldlabel {
    display: block !important;
    padding-bottom: 7px !important;
    white-space: nowrap !important;
    color: var(--textcolor);
}

#listlinktolabel {
    display: block !important;
    padding-bottom: 7px !important;
    white-space: nowrap !important;
    color: var(--textcolor);
}

#drillodownpopup-p {
    display: inline !important;
    margin-top: 3px !important;
    color: var(--normaltextcolor);
}

#adddrilldownlinkbtn {
    color:var(--normaltextcolor);background-color:var(--confirmcolor);
}

#drilldownpopup-modal-dialog {
    top:calc(50% - 300px);
}

#drilldownlinklistarea {
    border: none !important;
    height: 180px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#displayfieldname {
    height: 30px !important;
    color: var(--normaltextcolor) !important;
}

#displayfieldname-div {
    display: inline-block !important;
    text-align: left !important;
}

#querylistname-label {
    color: var(--textcolor) !important;
    padding-bottom: 5px !important;
    display: block !important;
}

#display_label {
    color: var(--textcolor) !important;
    padding-bottom: 5px !important;
    display: block !important;
}

#editdisplaypopup-modal-dialog {
    top:calc(50% - 200px);
}

#editdisplaypopup-div-row {
    margin: 0 !important;
    overflow: visible !important;
    height: 200px !important;
}

#editdisplay_fields {
    width: 100% !important;
    height: 150px !important;
    float: left !important;
}

#querylist_sourcename {
    height: 30px !important;
    width: 200px !important;
    color: var(--normaltextcolor) !important;
}

#editsourcepopup-querylistname-label {
    color: var(--textcolor) !important;
    padding-bottom: 5px !important;
    display: block !important;
}

#editsourcepopup-modal-dialog {
    top:calc(50% - 200px);
}

#editsourcepopup-div-section {
    width: 100% !important;
    height: 100px !important;
    float: left !important;
}

#editsourcepopup-div-form-group,
#functiondisplaypopup-form-group,
#systemvaluepopup-form-group {
    display: inline-block;
    text-align: left;
}

.expressionentry-fixedtype-input {
    height: 30px !important;
    width: 170px !important;
    color: var(--normaltextcolor) !important;
}

#expressionentry-functiontype-div {
    display: inline-block !important;
    text-align: left !important;
    width: auto !important;
    padding: 0 !important;
}

#expressionentry-div-form-group {
    width: auto !important;
    display: inline-block !important;
    text-align: left !important;
    padding: 0 !important;
}

.expressionentry-div-functiontype {
    display: none;
    padding-right: 15px !important;
}

#expressionentry-functiontype-span {
    padding-top: 5px !important;
    color: var(--normaltextcolor) !important;
    background-color: transparent;
}

.expressionentry-functiontype-input {
    height: 30px !important;
    background-color: transparent !important;
}

[id^="expressionsublisttype_"],
[id^="expressionrecordtype_"],
[id^="recordtypelookup_"],
[id^="expressiondatatable_"],
[id^="expressiondatafield_"],
[id^="expressionfixedtype_"],
[id^="textfixedtype_"],
[id^="datetimefixedtype_"],
[id^="checkboxfixedtype_"],
[id^="expressionsystemtype_"] {
    display: none;
    padding-right: 15px !important;
}

#expressionentry-maindiv {
    display: table !important;
}

#expressionentry-subdiv {
    display: inline-block !important;
    padding-right: 15px !important;
}

#filterfielddrilldownlinkpopup-datainput-div {
    padding-left:5px;display:inline-block;
}

#filterfielddrilldownlinksection {
    width:100%;height:160px;float:left;
}

#filterfielddrilldownlinkpopup-modal-dialog {
    top:calc(50% - 200px);
}


#filterhyperlinkfield_label {
    display:block;padding-bottom:7px;white-space:nowrap;color:var(--textcolor);
}

#filterlinktofield_label {
    display:block;padding-bottom:7px;white-space:nowrap;color:var(--textcolor);
}


.modal-padding {
    padding-bottom: 10px;
}


#filterfieldspopup-datainput1 {
    display: inline-block;
}


#filterfieldspopup-datainput2 {
    display:block;
}

#filterfieldspopup-modal-content {
    background-color:var(--sectioncolor);min-width:800px;max-width:800px;
}

#filterfieldspopup {
    min-width:600px;
}


#filterfield_fields {
    width:100%;float:left;
}

.colored-label {
    display: block;white-space: nowrap;color:var(--textcolor);
}

#filterfieldname {
    height:30px;color:var(--normaltextcolor);
}

#filterfieldspopup-p {
    display:inline;margin-top:3px;color:var(--normaltextcolor);
}

#filterfieldspopup-section {
    width:100%;float:left;border:1px solid var(--textcolor);
}

#addfilterfieldrilldownlinkbtn {
    color:var(--normaltextcolor); background-color:var(--confirmcolor);
}

#drilldownlinkarea {
    border:none;height:130px;margin:0;padding:0;
}



#filterfieldspopup-modal-dialog {
    top:calc(50% - 350px);
}

#filterfieldspopup-button-div {
    position:absolute;top:2px;right:2px;
}

#filterfieldspopup-form-group-input {
    display:inline-block;text-align:left;margin-bottom:15px;
}

#filterfieldspopup-modal-dialog #filterfoldername_input {
    width:100%;
}


#filterpopup-modal-dialog {
    top:calc(50% - 300px);width:670px;
}


.filterpopup-label {
    display:block;padding-bottom:7px;white-space:nowrap;color:var(--textcolor);
}

#filterpopup-modal-dialog #filterfoldername_input {
    display:block;
}

#filtername {
    height:30px; color:var(--normaltextcolor);
}

#filterpopup-section {
    width:92%;float:left;border:1px solid var(--textcolor);
}

#filterpopup-p {
    display:inline;margin-top:3px;color:var(--normaltextcolor);
}

#filterfilterlist {
    color:var(--normaltextcolor);background-color:var(--confirmcolor);
}

.filter-buttons {
    background-color:var(--textcolor);border-color:var(--textcolor);
}

.subject-info-arrows {
    display:block;
}

#filterpopup-subject-info-arrows-section {
    width:8%;float:left;padding-top:65px;padding-left:15px;
}



#filterpopup-datainput {
    display: inline-block;
    min-width: 200px;
}

#filterpopup-filtername-div {
    display: inline-block;text-align:left;
}

#filterfilterlist-button-div {
    position:absolute;top:2px;right:2px;
}

#filterlistarea {
    border:none;height:180px;margin:0;padding:0;
}

#fixedvaluefieldname,
#fixedvaluetext_input {
    height:30px;color:var(--normaltextcolor);
}

.fixedvaluepop-formgroup {
    display: inline-block;text-align:left;
}

#fixedvaluecheckbox_input {
    display:inline-block;
}

#fixedvaluepopup-modal-body,
#formulabuilderpopup-modal-body {
    color: var(--textcolor);
}

#fixedvaluepopup-modal-dialog {
    top:calc(50% - 200px);
}

#fixedvaluepopup-section {
    width:30%;height:150px;float:left;padding:20px;
}

#fixedvalue_fields {
    width:70%;height:150px;float:left;
}

.fixedvalue_label {
    color:var(--textcolor);padding-bottom:5px;display:block;
}

#formulabuilderpopup-modal-dialog {
    top:calc(50% - 300px);width:1000px;
}

#formulabuilderpopup-modal-body-row {
    margin:0 10px;overflow:auto;height:400px;
}

#formulabuildertreearea {
    width:100%;height:150px;float:left;
}

#formulabuilderpopup-row-span,
.runlist-span {
    float:right;margin-right:10px;
}

#functionname {
    height:30px;color:var(--normaltextcolor);
}

.functiondisplaypopup-label {
    color:var(--textcolor);padding-bottom:5px;display:block;
}

#functiondisplaypopup-modal-dialog {
    top:calc(50% - 200px);
}

#functiondisplaypopup-row {
    margin:0 10px;overflow:visible;height:260px;
}

#functionpopup-datainput {
    padding-top:10px;
}

#functonpopup-modal-content {
    margin-right:-50px;background-color:var(--sectioncolor);
}

#functionpopup-modal-dialog {
    top:calc(50% - 250px); max-width:2000px;
}

#functionpopup-row {
    margin:0 10px;overflow:visible;height:300px;
}

#functiondescription_label {
    padding-top:-30px;
}


#optionspopup-modal-dialog {
    top:calc(50% - 350px);
}

.optionspopup-button {
    color: var(--normaltextcolor);
    background-color: var(--confirmcolor);
}

.optionspopup-label {
    display:block;padding-bottom:7px;white-space:nowrap;color:var(--textcolor);
}

.optionspopup-p {
    display:inline;margin-top:3px;color:var(--normaltextcolor);
}

.optionspopup-div {
    position:absolute;top:2px;right:2px;

}

#optionspopup-row {
    margin:0 10px;border:1px solid var(--textcolor);
}

.optionspopup-fields {
    width:100%;float:left;padding-right:0px;min-width:200px;
}

#optionspopup-datacolumn1 {
    flex:2;
}

#optionspopup-datacolumn2 {
    flex:1;
}

#optionspopup-datamaintenance-row {
    flex-flow: row;
}

#optionspopup-datainput1 {
    display:inline-block;
}

#optionspopup-datainput2 {
    display:inline-block; min-width:200px;
}

.optionspopup-formgrid {
    border: none; height:130px;margin:0;padding:0;
}

#optionspopup-padding {
    padding:10px 10px 0px 10px;
}

#parameterentry-form-group {
    width:auto; display: inline-block;text-align:left;padding:0;
}

.paramaterentry-datainput-notvisible {
    display:none;padding-right:15px;
}

.paramaterentry-datainput-visible {
    display:inline-block;padding-right:15px;
}

[id^="paramentrydata_"] {
    display:table;
}

.parameterentry-label {
    color:var(--textcolor);padding-bottom:5px;display:block;
}

.parameterentry-input {
    height:30px;width:170px;color:var(--normaltextcolor);
}

#sortingpopup-modal-title {
    color:var(--normaltextcolor);padding-left:25px;
}

#sortingpopup-row {
    margin: 0 0 0 20px;
}

#sortingpopup-section1 {
    width:30%;height:280px;float:left;
}


#sortingpopup-section2,
#sortingpopup-section4 {
    width:10%;height:280px;float:left;padding-top:65px;
}

#sortingpopup-section3 {
    width:50%;height:280px;float:left;
}


#availablefieldslist,
#sortingfieldslist {
    border: 1px solid #ccc;
    margin: 0 5px;
    height: 225px;
}

#sortingpopup-modal-dialog {
    top:calc(50% - 280px); width:800px;
}

#querylist_nameentryA,
#querylist_nameentryB {
    height:30px; width:200px;color:var(--normaltextcolor);
}

#sourcerelationshippopup-modal-dialog {
    top:calc(50% - 350px);
}

#sourcerelationshippopup-datainput1,
#sourcerelationshippopup-datainput2 {
    padding-left: 10px;    display: inline-block;
}

#sourcerelationshippopup-form-group1,
#sourcerelationshippopup-form-group2 {
    display: inline-block;
    text-align:left;
    margin-bottom:8px;
}


#sourcerelationshippopup-section-header1,
#sourcerelationshippopup-section-header2 {
    padding-bottom:0px;
}

#srcrelationshipfieldsarea {
    border: 1px solid var(--textcolor);height:130px;margin:0 5px;padding-top:5px;
}

#sourcerelationshippopup-label1,
#sourcerelationshippopup-label2 {
    color:var(--textcolor);padding-bottom:5px;

}

#ListA,
#ListB {
    border:1px solid var(--textcolor); margin:0 5px;
}

#sourcerelationshippopup-row1 {
    margin:0 10px;
}

#sourcerelationshippopup-row2 {
    margin:15px 10px 0px 10px;
}

#sourcerelationshippopup-section1,
#sourcerelationshippopup-section2 {
    width:50%;height:325px;float:left;
}


.displaylist-pencil,
.displaylist-trash,
.sourcelist-field,
.sourcelist-fixedvalue,
.sourcelist-function,
.sourcelist-systemvalue,
.group-field,
.sourcelist-pencil,
.sourcelist-trash,
.sourcelist-link,
.sourcelist-unlink {
    top: -4px;
}


#systemvaluepopup-modal-dialog {
    top:calc(50% - 200px);
}

#querylist_systemvaluename {
    height: 30px;
    width: 200px;
    color: var(--normaltextcolor);
}

#systemvaluepopup-label1,
#systemvaluepopup-label2 {
    color:var(--textcolor);padding-bottom:5px;display:block;
}

#systemvaluepopup-datainput {
    padding-left:10px; display:inline-block;
}

#editsystem_fields {
    width:100%;height:180px;float:left;
}

#systemvaluepopup-row {
    margin:0 10px;
}

.runlist-maindiv {
    vertical-align:middle;
}

.runlist-break {
    clear:both;
}


.runlist-image {
    display: inline;
    padding-right: 10px;
}

#listfavorite {
    float:right;display:inline;padding-right:10px;padding-top:3px;
}


.querylistresult-table th {
    background-color: var(--menucolor);
}