.biPortletContainer .loadingContent {
    text-align:center;
    font-size: 20px;
    vertical-align: middle;
}

.biPortletContainer .loadingContent .spinner {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(https://cdn.t1cloud.com/cianywhere/content/base/images/loadersml.gif?v=12.0.60.0) no-repeat;
    -webkit-animation: rotate .8s steps(12) infinite;
    -moz-animation: rotate .8s steps(12) infinite;
    -ms-animation: rotate .8s steps(12) infinite;
    -o-animation: rotate .8s steps(12) infinite;
    animation: rotate .8s steps(18) infinite;
}


.cpmServerAction.disabled {
    color: grey;
    cursor: default;
}

.cpmServerAction.disabled:hover {
    text-decoration: none;
}

button.cpmServerAction {
    margin-top: 3px;
    margin-bottom: 3px;
}


.cpmServerAction::after {
    font-family: "iconGlyph";
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
}

.cpmServerAction.jobComplete::after {
    content: "\E066";
}

.cpmServerAction.jobSubmitted::after {
    content: "\231B";
}

.cpmServerAction.jobRunning::after {
    content: "\e055";
    width: 16px;
    -webkit-animation: spinrotation 6s infinite linear;
}

.cpmServerAction.jobFailed::after {
    content: "\E185";
}

@keyframes spinrotation {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* stong #ffa500 */
/* med #ffc966 */
/* pale #ffe4b2 */

.criteriaEdit2 .bucket {
    display: none;
}

.criteriaEdit2 .criteria.expanded > .critItems {
  border-top-width: 16px;
  margin: 5px;
  border-radius: 3px;
}
/* want to do this, but hovering over child idems will also trigger. sigh.
.criteriaEdit2 .criteria > .critItems:hover {
  border-color: #ffe4b2;
} 
*/

.criteriaEdit2 .critItems {
    border-width:1px;
    border-style:solid;
}

.criteriaEdit2 .criteria.expanded > .label {
  display: none;
}

.criteriaEdit2 .criteria.collapsed > .critItems {
  display: none;
}

.criteriaEdit2 .label {
  padding: 5px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
} 



.criteriaEdit2 .toolbar {

  padding: 4px;
  border-bottom:none;
}

.criteriaEdit2 .toolbar button {

  width: 24px;
  height: 24px;
  margin: 2px;
  float: left;
  text-align: center;
  overflow: hidden;
  border: none;
  box-sizing: border-box;
  padding: 0;
}


.criteriaEdit2 i:before { font-family: iconGlyph; font-style:normal; }
.criteriaEdit2 .criteriaDemoteAction i:before { content: '\E062' }
.criteriaEdit2 .criteriaPromoteAction i:before { content: '\E061' }
.criteriaEdit2 .criteriaUpAction i:before { content: '\E063' }
.criteriaEdit2 .criteriaDownAction i:before { content: '\E064' }
.criteriaEdit2 .criteriaAddAction i:before { content: '\E146' }
.criteriaEdit2 .criteriaDeleteAction i:before { content: '\E067' }
.criteriaEdit2 .criteriaToggleAction i:before { content: '\EF06' }

.criteriaEdit2 .selected.expanded > .expandCollapse i:before { content: '\E143' }
.criteriaEdit2 .selected.collapsed >  .expandCollapse i:before { content: '\E142' }

.criteriaEdit2 .selected.criterion .editCriterion i:before { content: '\E226'; }

.criteriaEdit2 .selected > .expandCollapse {
  float: right;
  margin: -3px 5px -5px 0;
  padding: 5px;
  color: white;
}
.criteriaEdit2 .selected.collapsed > .expandCollapse { margin: -1px 0 -5px 0; }

.criteriaEdit2 .selected.criterion .editCriterion {
    float:right;
    margin: -1px 0 -5px 0;
    color:var(--ciaColourContentBody, white);
    padding: 5px;
}

/* ands and ors */
.criteriaEdit2 .criteria > .critItems > :after { display: block; text-align: center; }
.criteriaEdit2 .criteria.and > .critItems > :after { content: 'and'; background-color: white; }
.criteriaEdit2 .criteria.or > .critItems > :after { content: 'or'; background-color: white; }
.criteriaEdit2 .criteria .critItems > :last-child:after { content: ''; }

/*popup content - typed values*/
.criteriaEdit2.popupContent .standardValueControls { display: none; }
.criteriaEdit2.popupContent .dateValueControls { display: none; }
.criteriaEdit2.popupContent .timeValueControls { display: none; }
.criteriaEdit2.popupContent .datetimeValueControls { display: none; }

.criteriaEdit2.popupContent.standard .standardValueControls { display: block; }
.criteriaEdit2.popupContent.date .dateValueControls { display: block; }
.criteriaEdit2.popupContent.time .timeValueControls { display: block; }
.criteriaEdit2.popupContent.datetime .datetimeValueControls { display: block; }

/*readonly*/
.readonlyMode .criteriaEdit2 .toolbar, .readonlyMode .criteriaEdit2 .editCriterion{
	display:none;
}

.readonlyMode .criteriaEdit2 .criterion .label{
	background-color:transparent;
}

.criteriaEdit2.hideNestingControls .toolbar button:not(.criteriaAddAction,.criteriaDeleteAction){
    display:none;
}
.ExpressionEditor {
    overflow: hidden;
}

/*.expredGroupingLabel {
    width: 100%;
    background-color: #A1A1A1;
    display: block;
    height: 32px;
    line-height: 32px;
}

.expredGroupedItems {
    max-height: 200px;
}*/

.expredCustomItem {
    width: 99%;
    /*TODO (maint) keep in sync with platform styles*/
    padding: 10px 0 10px 1%;
    border-bottom: 1px grey dotted;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.expredCustomItem.selected {
    background-color: #F5DBB2;
}

.expredTabbedSection{
    min-width:700px;
}

.expredTabbedSection>*{
    max-width:99%;
}

.expredTabbedSection .viewSelectorControl {
    display:none;
}

.expredTabbedSection .isDataRow, .expredTabbedSection .isDataRow *{
    cursor:pointer;
}
.expredTargetInput {
    float: left;
    max-width: calc(100% - 4px);
}

.ExpressionEditor .stackedContainer .expredTargetInput.expanded {
    max-width: calc(100% - 4px);
}

.expredOpen .icon16 {
    background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/search.png?v=12.0.60.0');
}

.showAsLabelBuilder .expredOpen .icon16 {
    background-image: none;
}
.showAsLabelBuilder .expredOpen .icon16:before {
    content: '\E313';
}

.expredPanel {
    display: none;
    height: 300px;
    overflow: scroll;
}

.expredSelectedPanel {
    display: block;
}

.expredCustomItemContainer {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 240px;
}

.expredValidate .icon16:before {
    content: '\E066';
}

.expredActionContainer {
    position: absolute;
    right: 32px;
    bottom: 4px;
}

.singleLine .expredActionContainer {
    right: 4px;
}
/*
.expredFullWidthContainer {
    float: none;
    margin: 0;
    width: 100%;
    clear: both;
}*/

.expredAction {
    clear: both;
    float: none;
    border:none;
    margin-left: 4px;
    background:none;
    box-shadow:none;
}

.expredSearchControl.panel {
    background-color: transparent;
}

.expredSearchControl input{
    width: 60%;
}

.sideBySideContainer .ExpressionEditor {
    padding:0 !important;
}

.sideBySideContainer .ExpressionEditor>.stackedContainer>.stackedContainer{
    float:left;
}
.sideBySideContainer .ExpressionEditor>.stackedContainer>.expredActionContainer {
    width:32px;
}

.popupContainer .content .expredTabbedSection > .tabHandlesContainer  {
    background-color: transparent;
}

.expressionEditorEditField {
    width:100% !important;
}

.expressionEditorEditField .tbcEditorField {
    width:100%;
}

.expressionEditorEditField textarea {
    width: calc(100% - 28px) !important;
}

.ExpressionEditor.wrappingRichTextControl .expredTargetInput {
    width: calc(100% - 2px) !important;
}

.ExpressionEditor .cke_button__showexpressioneditor .cke_button_icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAESSURBVDiNzdKxK4VhFAbw3703V8nE7SaKXIsoZiVS/gMrAzZ/giySyGIzKPMV651tTCiMSIruJLHpGgzfufp8Cyae6TnP+55z3ue8h79GIcVHsIh7vHyT14ItvKXFc3T+ovkUavkI2tCPp4iHsImOVEI7VjAf8SSumod9uA7ejW3cYTe0LhzhEBOhnWKsWWAc1eAl5DAXHivYQzn1mhwekYdBrGEg47GIOk6iaBbrmM6jRzLV28yFd1xKZvOaOauggQfxjLqvX1rARnhsYDZToBq2iUtnwctYwD6GQzvARVicCe1GMnii02rwJRxjNNWtPxrsoDW0Z8nXg5pkKX6KkmTpPjEhWcviD5J7sSxZ+3+CDwchLkNRqQQBAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
}
/* Multiline wrapping styles */
.ExpressionEditor .textBoxControl:not([data-t1-control*='"IsMultiline":true']) .expredActionContainer {
    bottom: 0px;
}
/* These get set as css properties on the input, need to use !important overrides */
.ExpressionEditor .textBoxControl:not([data-t1-control*='"IsMultiline":true']) .tbcEditorField {
    width: 440px;
}

.ExpressionEditor .textBoxControl:not([data-t1-control*='"IsMultiline":true']) input {
    width: 380px !important;
}

.ExpressionEditor .textBoxControl:not([data-t1-control*='"IsMultiline":true']) button[id*="ExpressionEditorExpander"] {
    display: none !important;
}

.ExpressionEditor .textBoxControl.singleLine .inputClearButton{
    right:70px !important;
}

.ExpressionEditor.validationButtonHidden .textBoxControl.singleLine .inputClearButton{
    right:34px !important;
    bottom:4px;
}

.expressionEditorEditField .textboxActionContainer{
    display: none;
}
.GridVariableOmnibox .picker.variable > .icon16::before {
    content: "\e313";
}

.GridVariableOmnibox .picker.variable {
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

.GridVariableOmnibox .notActive .picker.variable{
    display:none;
}

.GridVariableOmnibox .picker.expression {
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

.GridVariableOmnibox .notActive .picker.expression{
    display:none;
}

.GridVariableOmnibox .picker.expression {
    background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/search.png?v=12.0.60.0');
    background-repeat:no-repeat;
    background-position:center;
}

.GridVariableOmnibox .validate > .icon16::before {
    content: "\e066";
}

.GridVariableOmnibox .validate {
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 24px;
    bottom: 0;
}

.GridVariableOmnibox .notActive .validate{
    display:none;
}

.GridVariableOmnibox .editableGridDataCell.hasExpressionEditor .active input{
    width:155px;
}
.MultiPickTextBox {
    width: 440px;
}

.MultiPickPopupContent{
    width:500px;
}

.MultiPickTextBox .selItem,
.MultiPickPopupContent .selItem {
    margin: 3px;
    padding: 3px;
    cursor: default;
    background: #eee;
    border: 1px solid #aaa;
    border-radius: 4px;
    float: left;
    list-style-type: none;
}

.MultiPickTextBox .selItem .code,
.MultiPickPopupContent .selItem .code {
    font-weight: 600;
}

.MultiPickTextBox .TypeBox {
    float: left;
    margin: 4px;
}

.MultiPickTextBox .TypeBox input {
    border: none;
    width: 20px;
}

.MultiPickTextBox .TypeBox input:focus {
    outline: none;
    width: 140px;
}

.MultiPickTextBox .HelperButton {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 4px 7px 4px 0;
}

.MultiPickPopupContent .tools {
    overflow: hidden;
}

.MultiPickPopupContent .tools .checkbox {
    float: left;
    line-height: 28px;
}

.MultiPickPopupContent .tools .searchBox {
    float: right;
    border: 1px solid #aaa;
    padding: 3px;
    margin-bottom: 5px;
}

.MultiPickPopupContent .tools .searchBox input {
    border: none;
}

.MultiPickPopupContent .tools .searchBox input:focus {
    outline: none;
}

.MultiPickPopupContent .list {
    min-height: 150px;
    max-height: 300px;
    border-top: 1px solid #aaa;
    overflow-y: auto
}

.MultiPickPopupContent .selection {
    max-height: 87px;
    padding: 0 4px;
    padding-top: 6px;
    border-top: 1px solid #aaa;
    overflow-y: auto;
    margin-bottom: -6px
}

.MultiPickPopupContent .checkbox .icon16:before {
    content: "\E145";
}

.MultiPickPopupContent .checked .checkbox .icon16:before,
.MultiPickPopupContent .checked.checkbox .icon16:before {
    content: "\E140";
}

/* Readonly styles*/
.MultiPickTextBox.ReadOnly {
    border-color: rgba(0,0,0,0.1) !important;
}

.MultiPickTextBox.ReadOnly .HelperButton.search {
    display: none;
}

.MultiPickTextBox.ReadOnly .delete {
    display: none;
}

.multipickClearButton {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 3px;
}

.MultiPickTextBox .multipickClearButton {
    display: none;
}

.MultiPickTextBox.active .multipickClearButton{
    display: block;
}

.MultiPickPopupContent .message .linkCol{
    cursor: pointer;
}

.MultiPickTextBox.validationError .validationMessage{
    position:absolute;
    bottom:0;
    left:0;
}

.MultiPickTextBox.validationError .TypeBox input {
    padding-bottom: 15px;
}
.ReordererList .ReordererItem {
    display: block;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding: 2px 4px;
    height:22px;
}

.reordererInitButton {
    margin-left: 5px;
}

.insertIndicator {
    float: right;
    display: none;
    width: 20%;
    padding: 0px;
    border-left: 2px solid #d3d3d3;
    background-color: inherit;
}

.insertIndicator.visible {
    display: inline-block;
}

.ReordererList .ReordererItem:not(.disabled):before {
    content: "";
    display: inline-block;
    float: left;
    width: 30px;
    height: 22px;
    margin-right: 5px;
    background: url(https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/gripper.png?v=12.0.60.0) no-repeat center;
}

.insertIndicator:hover {
    color: #d3d3d3;
}

.ReordererItemLine {
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.ReordererList {
    overflow: scroll;
}

#reorderDragIndicator {
    border-top: 2px solid red;
    width: 100%;
    display: block;
    height: 10px;
}

.ReordererList .ReordererItem.move {
    visibility: hidden;
}

.VariableOmnibox .picker.variable > .omniboxIcon,
.VariableOmnibox .colourModeSwitcher > .omniboxIcon
{
    font-family: "iconGlyph";
    font-size:16px;
}

.VariableOmnibox .picker.variable {
    background: none;
    border: none;
    box-shadow: none;
    position: absolute;
    right: 0;
    bottom: -4px;
}

.VariableOmnibox .colourModeSwitcher {
    margin:4px;
}

/* Needs to override the platform styles, which target specific style containers that are subject ot chan */
.VariableOmnibox:not(.wrappingColourChooser) .omniboxCoreControl.notEmpty .inputClearButton{
    right:30px !important;
}

.VariableOmnibox.wrappingColourChooser .omniboxCoreControl.notEmpty .inputClearButton{
    right:100px !important;
}

.typePickerBar a {
    padding: 5px;
    color: #000;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
}

.typePickerBar a.current {
    border-bottom: 3px orange solid;
    color: #bbb;
}


.varTable {
    display: none;
    height: 400px;
    min-width: 300px;
    overflow-y: auto;
}

.varTable.current {
    display: block;
}

.varTable.loading {
    width: 100px;
    height: 100px;
    background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderlrg.gif?v=12.0.60.0') no-repeat center center;
    z-index: 2;
    margin: 100px;
}

.varTable.loading * {
    display: none;
}

.variableSourcePopup {
    width: 600px;
}

.VariableOmnibox .MultiPickTextBox .TypeBox {
    width: 97%;
}

.VariableOmnibox .MultiPickTextBox .TypeBox input {
    width: 90%;
}

.VariableOmnibox .MultiPickTextBox .picker.variable {
    border: none;
    box-shadow: none;
    position: relative;
    top: 8px;
}

.VariableOmnibox.subsequentControl.sideBySide {
    padding-top: 0;
}

.varTable .checkbox .icon16:before {
    content: "\E145";
}

.varTable .checked .checkbox .icon16:before,
.varTable .checked.checkbox .icon16:before {
    content: "\E140";
}

.varTable .checkbox {
    text-align: center;
}

.omniboxMultiselectContainer {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.omniboxMultiselectConfirm > button {
    margin-right: 5px;
    min-width: 60px;
}

div.omniboxMultiselectConfirm {
    padding: 5px;
    text-align: left;
}

.VariableOmnibox.wrappingColourChooser .omniboxCoreControl input{
    width:70%;
}

.VariableOmnibox.wrappingColourChooser:not(.hideSpectrum) .omniboxCoreControl .inputClearButton{
    right:96px !important;
}

.VariableOmnibox.wrappingColourChooser.hideSpectrum .omniboxCoreControl .inputClearButton{
    right:48px !important;
}

.VariableOmnibox.wrappingColourChooser .omniboxCoreControl .sp-replacer{
    width: 64px;
    position: absolute;
    right: 28px;
    top: 0px;
    height:20px;
}

.VariableOmnibox.wrappingColourChooser.hideSpectrum .omniboxCoreControl .sp-replacer{
    right:28px;
    width:20px;
}

.VariableOmnibox.wrappingColourChooser.hideSpectrum .omniboxCoreControl .sp-replacer .sp-preview {
    display:none;
}