/*********************************************/
/*
Platformers UI - Operations


/* popover */
.ops-popover { }
.ops-popover.ui.popup { padding: 0; }
.ops-popover.ui.popup:before { z-index: -1; }
/* fix arrow when using scrolling option */
.ops-popover.ui.popup > .header { padding: 0.833em 2em 0.7em 1em; }
.ops-popover > .header { border-bottom: 1px solid rgba(34,36,38,.15); }
/*  note: scrolling container, negate margin of content */
.ops-popover > .scrolling { overflow-y: auto; overflow-x: hidden; /*margin:0 -1em -0.833em -1em;padding:0 1em 0.833em 1em;*/ }
.ops-popover > .content,
.ops-popover > .scrolling > .content { padding: 0.833em 1em 0.833em 1em; }
.ops-popover > .close { position: absolute; top: 0.833em; right: 0.5em; cursor: pointer; }
.ops-popover .ops-popover--close { position: absolute; top: 0.833em; right: 0.5em; cursor: pointer; }


/*********************************************/
/*
Platformers UI - Operations - Components


/* block: header */
.ui-operations-header-block { position:relative; }
.ui-operations-header-block .ui.image.default { max-height: 8rem; }
.ui-operations-header-block .header-filters { display: flex; flex-direction: row; gap: 1rem; }
.ui-operations-header-block .header-background { position:absolute; top:0; bottom:0; left:0; right:0; }
.ui-operations-header-block .header-background-image { width: 100%; height: inherit; background-position: center center; }
.ui-operations-header-block.theme--color-inverted .ui.items > .item > .content > .header { color: rgba(255,255,255,1); }
.ui-operations-header-block.theme--color-inverted .ui.items > .item .meta { color: rgba(255,255,255,1); }
.ui-operations-header-block.theme--color-inverted .ui.header { color: rgba(255,255,255,1); }
.ui-operations-header-block.theme--color-inverted .ui.header .sub.header { color: rgba(255,255,255,1); }


/* block: info */
.ui-operations-info-block { }
.ui-operations-info-block .accordion > .item > .title > div:not(.row) { display: inline-block; }
.ui-operations-info-block .accordion > .item > .title > .row.primary > div { display: inline-block; }
.ui-operations-info-block .accordion > .item > .title > .row.primary > .--collapsible { float: right; }
.ui-operations-info-block .accordion > .item > .title > .row.secondary { padding-top: 0.5rem; }
.ui-operations-info-block .accordion > .item > .title .ui.header { display: inline-block; vertical-align: bottom; }
.ui-operations-info-block .accordion > .item > .title .ui.header > i.icon { font-size: inherit; }
/*.ui-operations-info-block .accordion > .item > .title .ui.header.tiny .content * { height: 1em; }*/
.ui-operations-info-block .accordion > .item > .content,
.ui-operations-info-block .ui.accordion:not(.styled) .title~.content:not(.ui):last-child { padding: 1em 0 0 0; }

/* block: properties */
.ui-operations-properties-block { }
.ui-operations-properties-block .label { color: #767676; }
.ui-operations-properties-block .label.left.aligned { text-align: left; }
.ui-operations-properties-block .label.right.aligned { text-align: right; }
.ui-operations-properties-block tr.odd { background-color: rgba(0,0,0,.05); }
.ui-operations-properties-block tr.even { background-color: rgba(0,0,0,0); }
.ui-operations-properties-block .ui.table.compact.padded td { padding: .5em .7em !important; }

/* block: progress */
.ui-operations-progress-block { }
.ui-operations-progress-block .ui.text.--percentage { font-size: 0.9em; }


/* block: navigation */
.ui-operations-navigation-block { }

/* block: navigation - preset default--basic-vertical */
.ui-operations-navigation-block.default--basic-vertical { 
    --color-black: rgba(0, 0, 0, 0.87);
    --color-accent: rgb(255, 0, 0);
}
.ui-operations-navigation-block.default--basic-vertical ops-navigation { display: block; }
.ui-operations-navigation-block.default--basic-vertical .nav--list { list-style:none; padding:0;margin:0; }
.ui-operations-navigation-block.default--basic-vertical .nav--node { display:flex; flex-direction:row; }
.ui-operations-navigation-block.default--basic-vertical .nav--node > * { /*important reset fix*/ min-width:0; }
.ui-operations-navigation-block.default--basic-vertical .nav--indent { width: 0.5rem; height: auto; }
.ui-operations-navigation-block.default--basic-vertical .nav--level-0 > .nav--indent { margin-left:-0.5rem; }
.ui-operations-navigation-block.default--basic-vertical .nav--container { flex-grow: 1; }
.ui-operations-navigation-block.default--basic-vertical .nav--element { display: flex; flex-direction: row; padding: 0 0 0.5rem 0; }
.ui-operations-navigation-block.default--basic-vertical .nav--element > * { /*important reset fix*/ min-width: 0; }
.ui-operations-navigation-block.default--basic-vertical .nav--label { flex-grow: 1; }
.ui-operations-navigation-block.default--basic-vertical .nav--link { color: var(--color-black); cursor: pointer; font-size: 0.9rem; }

/* collapsible */
.ui-operations-navigation-block.default--basic-vertical .nav--collapsible { cursor:pointer; }
.ui-operations-navigation-block.default--basic-vertical .nav--collapsible > i { color:var(--color-accent); }
.ui-operations-navigation-block.default--basic-vertical .nav--collapsible.disabled > i { visibility:hidden; }
.ui-operations-navigation-block.default--basic-vertical .nav--node.expanded { }
.ui-operations-navigation-block.default--basic-vertical .nav--node.collapsed > .nav--collapsible > i { transform: rotate(-90deg); }
.ui-operations-navigation-block.default--basic-vertical .nav--node.collapsed > .nav--container > .nav--element > .nav--collapsible > i { transform: rotate(-90deg); }
.ui-operations-navigation-block.default--basic-vertical .nav--node > .nav--container > .nav--list,
.ui-operations-navigation-block.default--basic-vertical .nav--node.expanded > .nav--container > .nav--list { height: auto; opacity: 1;  }
.ui-operations-navigation-block.default--basic-vertical .nav--node.collapsed > .nav--container > .nav--list { overflow: hidden; height: 0; opacity: 0; }

/* truncate */
.ui-operations-navigation-block.default--basic-vertical .nav--container { max-width:100%; }
.ui-operations-navigation-block.default--basic-vertical .nav--label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* animation */
/*transition: max-height 0.5s; max-height: 1000px; overflow: hidden;*/
/*transition: max-height 0.5s; max-height: 0px;*/
/* Hide the element content, while height = 0 */
/*.ui-operations-navigation-block.default--basic-vertical .nav--node > .nav--container > .nav--list,
.ui-operations-navigation-block.default--basic-vertical .nav--node.expanded > .nav--container > .nav--list { height: auto; opacity: 1;  }
.ui-operations-navigation-block.default--basic-vertical .nav--node.collapsed > .nav--container > .nav--list { overflow: hidden;  height: 0; opacity: 0; transition: height 0ms 400ms, opacity 400ms 0ms;  }*/

/* navigation expanded (mega menu) */
.ui-operations-navigation-block > .navigation-expanded-popup { }
.ui-operations-navigation-block > .navigation-expanded-popup.ui.popup { min-width: 100%; margin: 0; padding:0; border:none; border-radius:0; }
.ui-operations-navigation-block > .navigation-expanded-popup > .container { display: block; position: relative; background-color: #fff; }
.ui-operations-navigation-block > .navigation-expanded-popup > .container.fluid { min-width: 100%; width: 100vw; background-color: #fff; }
.ui-operations-navigation-block ops-navigation-expanded { display: block; overflow: auto; min-height:100px; max-height: 500px; }
.ui-operations-navigation-block ops-navigation-expanded.debug { background-color: orange; }

/* navigation expanded (mega menu) default */
.ui-operations-navigation-block ops-navigation-expanded.variant--default .nav--section { padding: 1rem; }
.ui-operations-navigation-block ops-navigation-expanded.variant--default .nav--list { list-style: none; padding: 0; margin: 0; }


/* dynamic-layout-pre-init */
.ui-operations-navigation-block.--dynamic-layout-pre-init { }
@media only screen and (max-width: 991px) {
    .ui-operations-navigation-block.--dynamic-layout-pre-init { display:none; }
}

/* block: entries */

.ui-operations-entries-block { }
/*.ui-operations-entries-block .pf-entry.card > ops-entry-card { height: 100%; }*/

/* undo card styles when using advanced layout */
.ui-operations-entries-block .ui.cards > .card.--layout { border: none; -webkit-box-shadow: none; box-shadow: none; }



/* basic markup */
.ui-operations-entries-block ops-entry-card.basic { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-head { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-media { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-subject { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-subject-primary { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-subject-secondary { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-body { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-body-primary { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-body-description { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-body-secondary { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-actions { display: block; }
.ui-operations-entries-block ops-entry-card.basic box-foot { display: block; }

/* basic: entry */
.ui-operations-entries-block ops-entry-card.basic { height: 100%; max-width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; word-wrap: break-word; }


/* default markup */
.ui-operations-entries-block ops-entry-card.default { display:block; }
.ui-operations-entries-block ops-entry-card.default box-head { display: block; }
.ui-operations-entries-block ops-entry-card.default box-media { display: block; }
.ui-operations-entries-block ops-entry-card.default box-subject { display: block; }
.ui-operations-entries-block ops-entry-card.default box-subject-primary { display: block; }
.ui-operations-entries-block ops-entry-card.default box-subject-secondary { display: block; }
.ui-operations-entries-block ops-entry-card.default box-body { display: block; }
.ui-operations-entries-block ops-entry-card.default box-body-primary { display: block; }
.ui-operations-entries-block ops-entry-card.default box-body-description { display: block; }
.ui-operations-entries-block ops-entry-card.default box-body-secondary { display: block; }
.ui-operations-entries-block ops-entry-card.default box-actions { display: block; }
.ui-operations-entries-block ops-entry-card.default box-foot { display: block; }

/* default: entry */
.ui-operations-entries-block ops-entry-card.default { height: 100%; max-width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; word-wrap: break-word; }

/* default: box-media */
.ui-operations-entries-block ops-entry-card.default box-media { margin: 0; position:relative; }
.ui-operations-entries-block ops-entry-card.default.large box-media { height: 200px; }
.ui-operations-entries-block ops-entry-card.default.large box-media img { max-height:100%; }
.ui-operations-entries-block ops-entry-card.default.horizontal box-media img { max-height: 100%; }

@media only screen and (max-width: 767px) { /* Mobile - below 768px*/
    .ui-operations-entries-block ops-entry-card.default.large box-media { height: auto; max-height:200px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) { /* Tablet - 768px - 991px*/
    .ui-operations-entries-block ops-entry-card.default.large box-media { height: auto; max-height: 200px; }
}

/* default: box-media-overlay */
.ui-operations-entries-block ops-entry-card.default box-media-overlay { position: absolute; z-index:1; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-top-right { position: absolute; top: 0; right: 0; z-index: 1; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-top-left { position: absolute; top: 0; left: 0; z-index: 1; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-bottom-right { position: absolute; bottom: 0; right: 0; z-index: 1; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-bottom-left { position: absolute; bottom: 0; left: 0; z-index: 1; }


/* default: box-subject */
.ui-operations-entries-block ops-entry-card.default box-subject { display:flex; flex-direction:column; gap: 0.25em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: none; background: 0 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 1em; border-radius: 0; }
.ui-operations-entries-block ops-entry-card.default box-subject-primary { font-family: 'Open Sans','Lato','Helvetica Neue',Arial,Helvetica,sans-serif; color: rgba(0,0,0,.85); font-weight: 700; font-size: 1.28571429em; margin-top: -0.21425em; line-height: 1.28571429em; }
.ui-operations-entries-block ops-entry-card.default box-subject-secondary { font-size: 1em; color: rgba(0,0,0,.4); }

/* default: box-body */
.ui-operations-entries-block ops-entry-card.default box-body { display: flex; flex-direction: column; gap: 0.25em; }
.ui-operations-entries-block ops-entry-card.default box-body-primary { }
.ui-operations-entries-block ops-entry-card.default box-body-description { }
.ui-operations-entries-block ops-entry-card.default box-body-secondary { }


/* default: inset */
.ui-operations-entries-block ops-entry-card.default box-media.inset { padding: 1em 1em; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay.inset { padding: 0.75em 0.75em; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-top-right.inset { padding: 0.75em 0.75em; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-top-left.inset { padding: 0.75em 0.75em; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-bottom-right.inset { padding: 0.75em 0.75em; }
.ui-operations-entries-block ops-entry-card.default box-media-overlay-bottom-left.inset { padding: 0.75em 0.75em; }
.ui-operations-entries-block ops-entry-card.default box-subject.inset { padding: 1em 1em; }
.ui-operations-entries-block ops-entry-card.default box-subject-primary.inset { padding: 1em 1em; }
.ui-operations-entries-block ops-entry-card.default box-subject-secondary.inset { padding: 1em 1em; }
.ui-operations-entries-block ops-entry-card.default box-body.inset { padding: 1em 1em; }
.ui-operations-entries-block ops-entry-card.default box-body-primary.inset { padding: 1em 1em; }
.ui-operations-entries-block ops-entry-card.default box-body-description.inset { padding: 1em 1em; }
.ui-operations-entries-block ops-entry-card.default box-body-secondary.inset { padding: 1em 1em; }

/* default: borders */
.ui-operations-entries-block ops-entry-card.default.borders { border: none; border-radius: 0.28571429rem; -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; -webkit-transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease; transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease; transition: box-shadow .1s ease,transform .1s ease; transition: box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease; }
.ui-operations-entries-block ops-entry-card.default box-media.borders { border: none; border-radius: 0.28571429rem; -webkit-box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; -webkit-transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease; transition: -webkit-box-shadow .1s ease,-webkit-transform .1s ease; transition: box-shadow .1s ease,transform .1s ease; transition: box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease; }
.ui-operations-entries-block ops-entry-card.default.borders box-media:not(.borders) { border-bottom: 1px solid rgba(34,36,38,.1); }
.ui-operations-entries-block ops-entry-card.default.borders box-subject { border-top: 1px solid rgba(34,36,38,.1); }

.ui-operations-entries-block ops-entry-card.default.borders:first-child { border-radius: 0.28571429rem 0.28571429rem 0 0; border-top: none; }
.ui-operations-entries-block ops-entry-card.default.borders:last-child { border-radius: 0 0 0.28571429rem 0.28571429rem; }

/* default: background */
.ui-operations-entries-block ops-entry-card.default box-media.background { background: #f3f4f5; }

/* default: reset */
.ui-operations-entries-block ops-entry-card.default .ui.header {margin: 0;}


/* table-sorting */
.ui-operations-entries-block .pf-operations--view-table th.sortable { cursor:pointer; }
.ui-operations-entries-block .pf-operations--view-table th.sortable:hover { background: rgba(0,0,0,.07); }
.ui-operations-entries-block .pf-operations--view-table th.sortable.sorted { background: rgba(0,0,0,.05); }



/* component: contextmenu */
.ui-operations-contextmenu { }
.ui-operations-contextmenu .ops-contextmenu--item { cursor:pointer; }
.ui-operations-contextmenu .ops-contextmenu--item:hover { background-color: rgb(238, 238, 238); }
.ui-operations-contextmenu .ops-contextmenu--item.text { padding: 0.833em 1em 0.833em 1em; font-size: 0.92857143rem; }
.ui-operations-contextmenu.ops-popover > div > .content { padding:0; }


/* block: reporting */
.ui-operations-reporting-block { }
.ui-operations-reporting-block .report-statistic { min-width: 165px; }
.ui-operations-reporting-block .report-statistic .ui.statistic > .value ~ .label,
.ui-operations-reporting-block .report-statistic .ui.statistics .statistic > .value ~ .label { margin-top: 15px; }
.ui-operations-reporting-block .report-statistic .content .series { display: flex; flex-direction: row; justify-content: center; gap: 1rem; }
.ui-operations-reporting-block .report-statistic .content .series > .ui.statistic { margin:0; }
.ui-operations-reporting-block .report-statistic .content > .label { margin-top: 15px; font-size: 1em; font-weight: 700; color: rgba(0,0,0,.87); text-transform: uppercase; text-align: center; }
.ui-operations-reporting-block .report-statistic .serie.variant--superscript.ui.statistic { /*margin-right:-2rem;*/ }
.ui-operations-reporting-block .report-statistic .serie.variant--superscript.ui.statistic > .value { font-size: 1.5em; }
.ui-operations-reporting-block .report-statistic .serie.variant--superscript.ui.statistic .ui.text.--unit { font-size: 0.75em; }
.ui-operations-reporting-block .report-statistic .serie.alignment--top-right { position:absolute; right:1rem; }
.ui-operations-reporting-block .report-statistic.clickable:hover { z-index: 5; transform: translateY(-3px); }
.ui-operations-reporting-block .clickable { cursor: pointer; }
.ui-operations-reporting-block .reporting-tooltip-handle { cursor: pointer; }
.ui-operations-reporting-block .reporting-tooltip-display { text-transform: none; text-align: left; }
.ui-operations-reporting-block .reporting-tooltip-display.ui.popup { min-width: 250px; }
.ui-operations-reporting-block.stretch-height { display: flex; height:100%; }
.ui-operations-reporting-block.disabled { opacity: 0.5; }



/* control: filter */
.ui-operations-filter-control { }
.ui-operations-filter-control.small { min-width: 160px; }
.ui-operations-filter-control.medium { min-width: 200px; }
.ui-operations-filter-control.large { min-width: 240px; }
.ui-operations-filter-control.theme--color-inverted { }

/* control: filter: field */
.ui-operations-filter-control.theme--color-inverted .ui-form-field label { color: rgba(255,255,255,1); }

/* > input sizing */
.ui-operations-filter-control.small .ui-form-field .ui.input { font-size: 0.9em; }
.ui-operations-filter-control.small .ui-form-field .ui.input > .dropdown { font-size: 1em; }
.ui-operations-filter-control.small .ui-form-field .ui.search > .ui.input,
.ui-operations-filter-control.small .ui-form-field > .ui.input,
.ui-operations-filter-control.small .ui-form-field.field:not(.wide) > .ui.input { width: 100%; }
.ui-operations-filter-control.small .ui-form-field.field .dropdown .menu > .item { font-size: 1em; }
/* > input sizing checkbox */
.ui-operations-filter-control.small .ui-form-field .ui.input.checkbox,
.ui-operations-filter-control.small .ui-form-field.field .dropdown .menu > .item .ui.input.checkbox { font-size: 1rem; }

/*.ui-operations-filter-control .ui-form-field .ui.default.dropdown:not(.button) > .text,
.ui-operations-filter-control .ui-form-field .ui.dropdown:not(.button) > .default.text { color: rgba(0,0,0,.87); }*/

/* clickable */
.ui-operations-filter-control .clickable { cursor: pointer; }
.ui-operations-filter-control .clickable .ui.checkbox > label { cursor: pointer; }

/* filtered hidden */
.ui-operations-filter-control .filtered-hidden { display: none !important; visibility: hidden !important; }

/* header */
.ui-operations-filter-control .filter-header { padding-bottom: 0.5em; display: flex; flex-direction: row; justify-content: space-between; }
.ui-operations-filter-control .filter-header-label { display:inline-block; }
.ui-operations-filter-control .filter-header-label.ui.header { margin: 0; }
.ui-operations-filter-control .filter-header-description { display: inline-block; margin-left: 0.5em; }

.ui-operations-filter-control .filter-header-toggle-collapsible { }
.ui-operations-filter-control .filter-header-toggle-collapsible .icon { float: right; margin: .21425em 0 0 1em; }
.ui-operations-filter-control .filter-header-toggle-collapsible.--open .icon {  }
.ui-operations-filter-control .filter-header-toggle-collapsible.--close .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

/* options */
.ui-operations-filter-control .filter-options { padding-top: 0.5em; padding-bottom: 0.5em; }

/* option */
.ui-operations-filter-control .filter-option { }


/* show more/less */
.ui-operations-filter-control .filter-showmoreless { text-decoration-line: underline; }


/*********************************************/
/*
Platformers UI - Operations - Display Nodes


/* pf-operations--display-metatext */
.pf-operations--display-metatext.top-attached,
.pf-operations--display-metatext.top-attached.ui.icon.message { margin-top: 0; }



/*********************************************/

/* Mobile - below 768px*/
@media only screen and (max-width: 767px) { }
/* Tablet - 768px - 991px*/
@media only screen and (min-width: 768px) and (max-width: 991px) { }
/* Small Monitor - 992px - 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) { }
/* Large Monitor - above 1200px */
@media only screen and (min-width: 1200px) { }