/*
    colors:
    #93BF20
    #5eac11
    #a8d824
    #4e9a06
    dark/black: #151F26
*/
/*
    Responsive
    - Mobile            -> below 768px
    - Tablet            -> 768px - 991px
    - Small Monitor     -> 992px - 1200px
    - Large Monitor     -> above 1200px
*/

/* black: #1e1e1e  (a-href) */
/* grey:  #7e8998; (a-href hover) */
/* text (black): #464646 */

/* NOTE: theme-main is deprecated, use console- prefixes */

/*layout */
body.console-layout--default { }
.console-layout--default { }

/* body */
body.theme-main { color: rgb(27.5%,27.5%,27.5%); /*overflow-y: scroll;*/ }


/*  Font (body, h*, header, menu) */
/*body.theme-main,
body.theme-main h1, 
body.theme-main h2, 
body.theme-main h3, 
body.theme-main h4, 
body.theme-main h5, 
body.theme-main h6,
body.theme-main .ui.header,
body.theme-main .ui.menu,
body.theme-main .ui.list > .item .header,
body.theme-main .ui.list .list > .item .header { font-family: 'Open Sans', Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; }*/
/*body,
h1,
h2,
h3,
h4,
h5,
h6,
.ui.header,
.ui.menu,
.ui.list > .item .header,
.ui.list .list > .item .header { font-family: 'Open Sans', Lato,'Helvetica Neue',Arial,Helvetica,sans-serif; }*/


/* page */
.theme-main .pf-alternate { background-color: #f5f5f5; }

/* header */
.console-header--default { }
.console-header--default.tiny { height: 28px; }
.console-header--default.small { height: 44px; }
.console-header--default.medium { height: 60px; }
.console-header--default.large { height:76px; }

/* header layout */

@media only screen and (max-width: 767px) { /* Mobile - below 768px*/
    .console-header--default > .ui.container > .menu.right > .item { padding-left: 0.7em;padding-right: 0.75em; }
}

/* logo */
/*.theme-main .pf-page-header .pf-corporate-logo.svg.tiny > img { max-width: 250px; }*/
.console-header-logo--default { padding:0; }
.ui.menu > .item.console-header-logo--default,
.menu > .item.console-header-logo--default { padding: 0; }
.console-header-logo--default .ui.image { display: inline-flex; align-items: center; flex-direction: row; } /* vertical center */
.console-header-logo--default.small .ui.image { height: 28px; max-height: 28px; /*min-height: 28px;*/ min-height: 1px; }
.console-header-logo--default.small .ui.image > img { min-height: inherit; max-height: inherit; width: 100%; max-width: 18vw; }
.console-header-logo--default.medium .ui.image { height: 44px; max-height: 44px; /*min-height: 44px;*/ min-height: 1px; }
.console-header-logo--default.medium .ui.image > img { min-height: inherit; max-height: inherit; width: 100%; max-width: 18vw; }
.console-header-logo--default.large .ui.image { height: 60px; max-height: 60px; /*min-height: 60px;*/ min-height: 1px; }
.console-header-logo--default.large .ui.image > img { min-height: inherit; max-height: inherit; width: 100%; max-width:18vw; }
/* note: max-width is for svg on safari, svg also requires a specified width */

/* safari logo fix for png */
/*.console-header-logo--default.large .ui.image > img { width: unset; } */

/* Mobile - below 768px*/
@media only screen and (max-width: 767px) {
    .console-header-logo--default { max-width: 50vw; }
    .console-header-logo--default .ui.image { display: inline-flex; flex-direction: column; justify-content: center; }
    .console-header-logo--default .ui.image > img { }
    .console-header-logo--default.small .ui.image { min-height: 1px; }
    .console-header-logo--default.small .ui.image > img { max-width: 50vw; }
    .console-header-logo--default.medium .ui.image { min-height: 1px; }
    .console-header-logo--default.medium .ui.image > img { max-width: 50vw; }
    .console-header-logo--default.large .ui.image { min-height: 1px; }
    .console-header-logo--default.large .ui.image > img { max-width: 50vw; }
    /* TODO: further tweak responsive sizes and limits */
}

/* Tablet - 768px - 991px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .console-header-logo--default { max-width: 50vw; }
    .console-header-logo--default .ui.image { display: inline-flex; flex-direction: column; justify-content: center; }
    .console-header-logo--default .ui.image > img { }
    .console-header-logo--default.small .ui.image { min-height: 1px; }
    .console-header-logo--default.small .ui.image > img { max-width: 50vw; }
    .console-header-logo--default.medium .ui.image { min-height: 1px; }
    .console-header-logo--default.medium .ui.image > img { max-width: 50vw; }
    .console-header-logo--default.large .ui.image { min-height: 1px; }
    .console-header-logo--default.large .ui.image > img { max-width: 50vw; }
    /* TODO: further tweak responsive sizes and limits */
}
/* Small Monitor - 992px - 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .console-header-logo--default { max-width: 50vw; }
    .console-header-logo--default .ui.image { display: inline-flex; flex-direction: column; justify-content: center; }
    .console-header-logo--default .ui.image > img { }
    .console-header-logo--default.small .ui.image { min-height: 1px; }
    .console-header-logo--default.small .ui.image > img { max-width: 50vw; }
    .console-header-logo--default.medium .ui.image { min-height: 1px; }
    .console-header-logo--default.medium .ui.image > img { max-width: 50vw; }
    .console-header-logo--default.large .ui.image { min-height: 1px; }
    .console-header-logo--default.large .ui.image > img { max-width: 50vw; }
    /* TODO: further tweak responsive sizes and limits */
}
/* Large Monitor - above 1200px */
@media only screen and (min-width: 1200px) {
}

/* navigation */
.console-header--navigation--default { }
.console-header--navigation--default ops-navigation { display: block; }
.console-header--navigation--default ops-navigation > .nav--list { list-style: none; display: flex; flex-direction: row; gap: 2rem; padding: 0; margin: 0; }
.console-header--navigation--default ops-navigation .nav--link { color: inherit; text-decoration: none; }

/* search */
.console-header-search--default { }
.console-header-search--default .search--input { }
.console-header-search--default .search--link { padding:0.25rem; }
.console-header-search--default .search--link a { color: inherit; }
.console-header-search--default .search--link a > i { margin: 0; }

/* toc */
.theme-main .pf-page-toc.inverted { background-color: #151F26; }
.theme-main .pf-page-toc.inverted .ui.menu.toc { background-color: #151F26; }
.theme-main .pf-page-toc .logo-item { background-color: #FFFFFF !important; margin: 1em 1.33333333em; }
.theme-main .pf-page-toc.pf-init-visible { }
@media only screen and (max-width: 991px) { /* Tablet - 768px - 991px*/
    .theme-main .pf-page-toc.pf-init-visible { display:none; /* avoids transition effect */ }
}

/* footer */
.console-footer--default { background-color: #151F26; color: #8EA6B2; }
.console-footer--default .ui.list .item,
.console-footer--default .ui.list .item:visited,
.console-footer--default .ui.list.link .item,
.console-footer--default .ui.list.link .item:visited { color: #8EA6B2; }
.console-footer--default .ui.list a.item:hover,
.console-footer--default .ui.list.link a.item:hover { color: #FFFFFF; }
.console-footer--default .ui.list .item:before,
.console-footer--default .ui.list.link .item:before { color: #8EA6B2; }
.console-footer--default,
.console-footer--default .ui.horizontal.list > .item { font-size: 0.9rem; }
.console-footer--default .ui.grid > .column { padding-top: 0.5rem; padding-bottom: 0.5rem; }

/* buttons */
.pf-interface-console .ui.button,
.pf-interface-console .ui.button.basic { /*text-transform: uppercase;*/ font-weight: normal; }


/*
HEADER - TOP BAR

.pf-bar         -> Styled as an app-bar.
.pf-bar.top     -> Styled as a top app-bar.    
.pf-bar.tiny    -> Tiny height.
.pf-bar.small   -> Small height.
.pf-bar.medium  -> Medium height.
.pf-bar.large   -> Medium height.
*/

.pf-bar.ui.menu { border: none; border-radius: 0; box-shadow: none; margin: 0; }
.pf-bar.ui.menu > .menu > .item { border: none; }
.pf-bar.ui.menu .item:before { width: 0; }

.pf-bar.top.ui.menu > .menu > .item > i.icon { font-size: 1.5em; }
.pf-bar.top.ui.menu > .menu > .item > span { margin: 0 0.25em 0 0.25em; }

.pf-bar.top.ui.menu > .menu > .item.logo { padding-left: 0.1em; padding-right: 0.1em; }
.pf-bar.top.ui.menu > .menu.left > .button.icon { padding: 0.9em 2em; }
/*.pf-bar.top.ui.menu .ui.header { margin: 0 0.35em; font-size: 1.5em; }*/
.pf-bar.top.ui.menu .floating.overlay.label { box-shadow: 0px 0px 0 1px #fff; }
.pf-bar.top.ui.menu > .menu.right > .item.button.default > i { min-width: 1.5em; }

.pf-bar.ui.menu:not(.top) { border-top: 1px solid rgba(34,36,38,.15); }
.pf-bar.nav.ui.menu.text > .menu > .item,
.pf-bar.nav.ui.menu.text > .container > .menu > .item { padding: 1em 1.5em; }

/* menu (black/grey) */
.pf-page-header .pf-bar.top.ui.menu .item,
.pf-page-header .pf-bar.top.ui.menu.text .item { color: rgb(27.5%,27.5%,27.5%); }
.pf-page-header .pf-bar.top.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }

/* Tablet max - 991px*/
@media only screen and (max-width: 991px) {
    .pf-bar.top.ui.menu > .menu.left > .button.icon { padding-left: 1.5rem; padding-right: 1.5rem; }
    .pf-bar.top.ui.menu > .menu { min-width: 4rem; }
}

/*
HEADER - NAV BAR
NAVIGATION

.pf-bar.nav
*/

/* contrast */
.pf-page-header .pf-bar.nav { background-color: #f5f5f5; }

/* menu (black/grey) */
.pf-page-header .pf-bar.nav.ui.menu .item,
.pf-page-header .pf-bar.nav.ui.menu.text .item { color: rgb(27.5%,27.5%,27.5%); }
.pf-page-header .pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.pf-page-header .pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.pf-page-header .pf-bar.nav.ui.menu > .item,
.pf-page-header .pf-bar.nav.ui.menu > .container > .item,
.pf-page-header .pf-bar.nav.ui.menu > .container > .right.menu > .item { color: #1e1e1e; font-weight: bold; }

/* contrast */
.console-navigation--default.pf-bar.nav { background-color: #f5f5f5; }

/* navigation (black/grey) */
.console-navigation--default.pf-bar.nav.ui.menu .item,
.console-navigation--default.pf-bar.nav.ui.menu.text .item { color: rgb(27.5%,27.5%,27.5%); }
.console-navigation--default.pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.console-navigation--default.pf-bar.nav.ui.menu a.item:hover { color: rgb(49.4%,53.7%,59.6%); }
.console-navigation--default.pf-bar.nav.ui.menu > .item,
.console-navigation--default.pf-bar.nav.ui.menu > .container > .item,
.console-navigation--default.pf-bar.nav.ui.menu > .container > .right.menu > .item { color: #1e1e1e; font-weight: bold; }

/* ops navigation */
.console-navigation--default.ui-operations-navigation-block { border-top: 1px solid rgba(34,36,38,.15); }
.console-navigation--default.ui-operations-navigation-block ops-navigation { display: block; background-color: #f5f5f5; }
.console-navigation--default.ui-operations-navigation-block ops-navigation .nav--list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; /*gap: 1rem;*/ }
.console-navigation--default.ui-operations-navigation-block .nav--link { display: inline-block; color: #1e1e1e; font-weight: bold; padding: 0.9em 1.1em; font-size: 0.9em; }
.console-navigation--default.ui-operations-navigation-block { }
.console-navigation--default.ui-operations-navigation-block { }

/* ops navigation - effects */
.console-navigation--default.ui-operations-navigation-block .nav--link:hover { cursor: pointer; background: rgba(0,0,0,.03); color: rgb(49.4%,53.7%,59.6%); }


/*
COMPACT MENU
*/
.console-header--compact-menu-toggle { }

/* fix */
.ui.menu .console-header-compact-menu-toggle.item > i.icon { margin: 0; }

/* Tablet max - 991px*/
@media only screen and (max-width: 991px) {
    .console-header-compact-menu-toggle.item { padding-left: 1.5rem; padding-right: 1.5rem; }
    .console-header-compact-menu-toggle.item > i { font-size: 1.5em; }
}

/* ops navigation */
.console-header-compact-menu > ops-navigation { display: block;  }
.console-header-compact-menu > ops-navigation .nav--list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column;/* justify-content: center;*/ }
.console-header-compact-menu > ops-navigation .nav--link { display: block; color: #1e1e1e; font-weight: bold; padding: 0.9em 1.1em; font-size: 0.9em; }
.console-header-compact-menu > ops-navigation .nav--element { border-bottom: 1px solid rgba(34,36,38,.15); }


/* ops navigation - effects */
.console-header-compact-menu > ops-navigation .nav--link:hover { cursor: pointer; /* background: rgba(0,0,0,.03);*/ color: rgb(49.4%,53.7%,59.6%); }


/*
TOC

.pf-bar         -> Styled as an app-bar.
.pf-bar.top     -> Styled as a top app-bar.    
.pf-bar.tiny    -> Tiny height.
.pf-bar.small   -> Small height.
.pf-bar.medium  -> Medium height.
.pf-bar.large   -> Medium height.
.toc            -> Table of contents styled menu.

icon .left      -> icon appears on the left side in vertical menu's
*/
.pf-page-toc { position: relative; }
.pf-page-toc .ui.menu.toc { }
.pf-page-toc.inverted .ui.menu.toc > .item { color: rgba(255,255,255,.9); }
.pf-page-toc.inverted .ui.menu.toc .active.item { background: rgba(255,255,255,.15); color: #fff !important; }
.pf-page-toc.inverted .ui.menu.toc .dropdown.item:hover,
.pf-page-toc.inverted .ui.menu.toc .link.item:hover,
.pf-page-toc.inverted .ui.menu.toc a.item:hover { background: rgba(255,255,255,.08); color: #fff; }
.pf-page-toc.inverted .ui.menu.toc .item:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 1px; background: rgba(34,36,38,.1); background: rgba(255,255,255,.08); }
.pf-page-toc.inverted .ui.menu.toc .menu > .item { color: rgba(255,255,255,.5); }
.pf-page-toc.inverted .ui.menu.toc .item .menu .link.item:hover,
.pf-page-toc.inverted .ui.menu.toc .item .menu a.item:hover,
.pf-page-toc.inverted .ui.menu.toc .item .menu .item.active { background: 0 0; color: #fff; }
.pf-page-toc.inverted .ui.menu.toc .item > .title { color: inherit; }
.pf-page-toc.inverted .ui.menu.toc .item .ui.image.avatar { margin-right:0.5em; }

.pf-page-toc.inverted .ui.menu.toc .content.horizontal.spaced { justify-content: space-evenly; display: flex; flex-direction: row; }
.pf-page-toc.inverted .ui.menu.toc .content.horizontal > .button { margin-right: 0.5em; }
.pf-page-toc.inverted .ui.menu.toc .item .ui.button.inverted.circular { -webkit-box-shadow: 0 0 0 2px #888 inset !important; box-shadow: 0 0 0 2px #888 inset !important; }
.pf-page-toc.inverted .ui.menu.toc .item .ui.button.inverted.circular:hover { -webkit-box-shadow: 0 0 0 2px #fff inset !important; box-shadow: 0 0 0 2px #fff inset !important; background-color: #fff; }

/* logo-item */
.pf-page-toc.inverted .ui.menu.toc .logo-item img { max-height:100%; }
@media only screen and (max-width: 767px) { /* Mobile - below 768px*/
    .pf-page-toc.inverted .ui.menu.toc .logo-item img { max-height: 5rem; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) { /* Tablet - 768px - 991px*/
    .pf-page-toc.inverted .ui.menu.toc .logo-item img { max-height: 8rem; }
}

.pf-page-toc .pf-page-toc-pos { }
.pf-page-toc .ui.menu.toc.toc-primary { z-index:1; position:relative; }
.pf-page-toc .toc-bottom { position: absolute; bottom: 0; }


/* override */
.pf-page-toc .ui.menu.toc.vertical > .item > .right.aligned { width: 1.18em; float: right; margin: 0 0 0 .5em; }
.pf-page-toc .ui.menu.toc.vertical .item > i.icon.left { float: none; margin: 0em 0.35714286em 0em 0em; }



/*
CONSOLE: Page Context Menu
*/

/* container */
.console-page-context-menu { height: 100%; }

/* navigation-column */
.console-page-context-menu { display:flex; flex-direction: row; }
.console-page-context-menu .column { height: inherit; /*overflow-y: auto; overflow-x: hidden;*/ }

/* ui-operations-navigation-block */
.console-page-context-menu--navigation-default { height:inherit; }

/* ops-navigation */
.console-page-context-menu--navigation-default > ops-navigation { display: block; padding-top: 1rem; padding-bottom: 1rem; height: inherit; overflow-y: auto; overflow-x: hidden; }
.console-page-context-menu--navigation-default > ops-navigation > .nav--list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.console-page-context-menu--navigation-default > ops-navigation .nav--container { padding: 0.75rem 1rem 0.25rem 1rem; position: relative; min-width: 15rem; max-width: 20rem; }
.console-page-context-menu--navigation-default > ops-navigation .nav--container:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 1px; background: rgba(34,36,38,.1); background: rgba(255,255,255,.08); }

.console-page-context-menu--navigation-default > ops-navigation .nav--element { display: flex; flex-direction: row; gap: 0.5em; }
.console-page-context-menu--navigation-default > ops-navigation .nav--label > a { }

.console-page-context-menu--navigation-default > ops-navigation .nav--divider { width: calc(100% - 2rem); margin: 1rem; border-top: 1px solid rgba(34,36,38,.15); border-bottom: 1px solid rgba(255,255,255,.1); }

/* dark-grey version */
/*.console-page-context-menu .column { background: #767676; border-right: 1px solid rgba(0,0,0,0.1); }
.console-page-context-menu--navigation-default > ops-navigation .nav--label > a { color: #fff; }*/

/* light-grey version */
.console-page-context-menu .column { /*background: #f5f5f5;*/ /*background: #e0e1e2;*/ background: rgba(0, 0, 0, 0.07); /*border-right: 1px solid rgba(0,0,0,0.1);*/ }
.console-page-context-menu--navigation-default > ops-navigation .nav--label > a { color: #000; }
/*.console-page-context-menu--navigation-default > ops-navigation:not(.resizable) { border-right: 1px solid rgba(0,0,0,0.1); }*/

/* resize */
.console-page-context-menu--navigation-default { display: flex; flex-direction: row; }
.console-page-context-menu--navigation-default > .resize-control { position: relative; width: 1px; /*margin-right:1rem;*/ border-right: 1px solid rgba(0,0,0,0.1); }
.console-page-context-menu--navigation-default > .resize-control > .resize-control--toggle { position: absolute; top: 2.5rem; right: -1rem; z-index: 1; cursor: pointer; padding: 5px; }
.console-page-context-menu--navigation-default > .resize-control > .resize-control--toggle { background: #fff; -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); border-radius: 1em; border: 1px solid rgba(34,36,38,.15); color: rgba(34,36,38,0.5); }
.console-page-context-menu--navigation-default > .resize-control > .resize-control--toggle > i { margin:0;padding:0; color:inherit; }
.console-page-context-menu--navigation-default > .resize-control > .resize-control--drag { }

.console-page-context-menu--navigation-default > .resize-control .resize--hidden { display: none; width:0;height:0; }
.console-page-context-menu--navigation-default > .resize-control .resize--collapsed { }
.console-page-context-menu--navigation-default > .resize-control .resize--expanded { }
.console-page-context-menu--navigation-default > .resize-control .resize--custom { }

.console-page-context-menu--navigation-default > .resize-control.resize--collapsed { margin-left: 1.5rem; }
.console-page-context-menu--navigation-default > .resizable.resize--hidden { display: none; width: 0; height: 0; }

.console-page-context-menu--navigation-default > .resize-control.resize--expanded.focus > .resize-control--toggle {  }
.console-page-context-menu--navigation-default > .resize-control.resize--expanded.nofocus > .resize-control--toggle { visibility: hidden; }
.console-page-context-menu--navigation-default > .resize-control.resize--expanded.nofocus > .resize-control--toggle:hover { visibility: visible; }

/*
UI: Cookie Policy Accept
*/
.pf-ui-cookie-policy-accept { z-index: 10; }
.pf-ui-cookie-policy-accept.fixed { position: fixed; }
.pf-ui-cookie-policy-accept.fixed.bottom { bottom: 0; }
.pf-ui-cookie-policy-accept.fixed.left { left: 0; }

.pf-ui-cookie-policy-accept--content { }
.pf-ui-cookie-policy-accept.fixed > .pf-ui-cookie-policy-accept--content { padding: 1rem; }

.pf-ui-cookie-policy-accept--content.default .ui.segment { display: flex; align-items: center; }
.pf-ui-cookie-policy-accept--content.default .ui.segment > * { display: inline-block; margin: 0 1rem 0 1rem; }
/*.pf-ui-cookie-policy-accept--content.default .ui.segment > *:not(:last-child) { margin-right: 1em; }*/

@media only screen and (min-width: 768px) {
    .pf-ui-cookie-policy-accept { /*min-width: 450px;*/ min-width: 32rem; }
}

@media only screen and (max-width: 767px) {
    .pf-ui-cookie-policy-accept { width: 100%; }
    .pf-ui-cookie-policy-accept.fixed > .pf-ui-cookie-policy-accept--content { padding: 0; }
    .pf-ui-cookie-policy-accept.fixed > .pf-ui-cookie-policy-accept--content > .ui.segment { border-radius: 0; }

    .pf-ui-cookie-policy-accept--content.default .ui.segment { flex-direction: column; }
    .pf-ui-cookie-policy-accept--content.default .ui.segment > * { display: block; width: 100%; margin: 0 0 1rem 0; }
    .pf-ui-cookie-policy-accept--content.default .ui.segment > button:last-child { margin: 0; }
}