/*
 * Pink Palette

$corpo-background-color: #ff005c;
$message-error: #ff005c;
$message-success: rgb(47, 161, 47);
$message-warning: orange;
$link-color: #0385b6;

*/
/*
 * Nutshell Palette
 */
/*
 * Neutral
 */
.error {
  color: #dd1c1a;
}

.success,
.info {
  color: #2a8a37;
}

.warning {
  color: #f58a07;
}

/* ************************************************************************* */
/* *** Reset *************************************************************** */
html, body, header, footer, div, nav, ul, ol, li, p, a, h1, h2, h3, h4, h5, h6, fieldset, button {
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

html, body {
  color: #424242;
}

/* TODO set height dynamically and or change scrolls similar to help app 1 menu 1 main */
html, body, .main-area {
  height: 100%;
  width: 100%;
}

ul, ol {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}

/* ************************************************************************* */
/* *** START Font sizes **************************************************** */
/* Based on Minor Third ratio */
p {
  font-size: 1em;
}

/* div > h1 + div h1 is embedded h1, therefore should look like h2 */
h1, div > h1 + div h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5em;
  margin-bottom: 1.25em;
}

h1 {
  /* To align top title with side items */
  font-size: 2.488em;
  margin-top: 0;
}

div > h1 + div h1, h2 {
  font-size: 2.074em;
}

h3 {
  font-size: 1.728em;
}

h4 {
  font-size: 1.44em;
}

h5 {
  font-size: 1.2em;
}

/* *** END Font sizes ****************************************************** */
/* ************************************************************************* */
/* ************************************************************************* */
/* *** START Generic text ************************************************** */
p {
  line-height: 1.2em;
  margin: 1.2em 0 1.2em 0;
}

a {
  color: #1775d1;
  text-decoration: none;
  opacity: 0.7;
}

a:hover {
  opacity: 1;
}

a:hover {
  text-decoration: none;
}

/* START Prevents sup and sub from breaking text alignment in items */
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.5em;
  padding-left: 0.15em;
  padding-right: 0.15em;
}

sub {
  top: 0.5em;
}

/* END Prevents sup and sub from breaking text alignment in items */
/* *** END Generic ********************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */
/* *** START sidenav ********************************************************** */
.burger .side-nav {
  display: none;
}

/* *** END sidenav ********************************************************** */
/* ************************************************************************* */
/* 2022-11-01 - Doesn't seem used anymore. If is, try to generalize, else at least move xtm specific stuff under scss/t9n 
.xtm-res {
    margin-top: 1em;
    margin-bottom: 1em;
}
*/
/* ************************************************************************* */
/* *** START Main ********************************************************** */
.main-area {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  margin-top: 3.25em;
}

.article-area {
  background-color: white;
  padding: 1em;
  /*flex-grow:1;*/
  width: 75%;
  z-index: 1;
}

.article-area ul, .article-area ol {
  padding-left: 1.5em;
}

/* *** END Main ************************************************************ */
/* ************************************************************************* */
/* ************************************************************************* */
/* *** START FORMS ********************************************************** */
button {
  border: none;
  color: rgba(250, 250, 250, 0.8);
  background-color: #1775d1;
  padding: 0.5em 0.75em 0.5em 0.75em;
  border-radius: 0.25em;
  margin: 0.25em;
}

button:disabled {
  background-color: #dedede;
}

button:hover:not([disabled]) {
  color: white;
}

input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1); /* FF */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -o-transform: scale(1); /* Opera */
  transform: scale(1);
  margin: 0.25em;
  opacity: 0.5;
}

input[type=radio] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.33); /* IE */
  -moz-transform: scale(1.33); /* FF */
  -webkit-transform: scale(1.33); /* Safari and Chrome */
  -o-transform: scale(1.33); /* Opera */
  transform: scale(1.33);
  margin: 0.25em;
}

/*select, option
{
  /\* Double-sized Checkboxes *\/
  -ms-transform: scale(1.33); /\* IE *\/
  -moz-transform: scale(1.33); /\* FF *\/
  -webkit-transform: scale(1.33); /\* Safari and Chrome *\/
  -o-transform: scale(1.33); /\* Opera *\/
  transform: scale(1.33);
  margin: 0.25em;
}
*/
/* *** END FORMS ************************************************************ */
/* ************************************************************************* */
/* Common to all headers */
header {
  width: 100%;
  background-color: #1775d1;
  font-size: 1.2em;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
header a.home {
  color: #424242;
  font-size: inherit;
  opacity: 1; /* Don't want opacity on over */
}
header a.home:hover {
  opacity: 0.8;
}
header .sticky {
  position: fixed;
  top: 0;
}
header .header-nav {
  background-color: #1775d1;
  /* Toggled by helper for login page*/
  min-height: 2.7em;
  transition: transform 0.25s ease;
}
header .header-nav.nav-hidden {
  transform: translateY(-100%);
}
header .header-nav .burger {
  padding: 0.5em 0.5em 0.5em 1em;
}
header .header-nav .burger.hidden {
  display: none;
}
header .header-nav .burger.icon svg {
  fill: rgba(250, 250, 250, 0.8);
}
header .header-nav .user-id {
  padding: 1em 0.5em 1em 1em;
}
header .header-nav .user-id a {
  color: white;
}

header .app-id {
  box-sizing: border-box;
  padding: 0.75em 1em 0.75em 1em;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

header .corpo-id {
  font-size: 1.44em;
  display: flex;
  flex-direction: row;
  align-items: center;
}

header .logo {
  height: 1em;
  margin-right: 0.5em;
}

.burger header .icon:hover svg {
  fill: white;
}
.burger header .header-nav nav ul {
  display: flex;
  flex-direction: column;
}
.burger header .header-nav nav ul li {
  padding: 1em 1em 0.75em 1em;
  margin: 0 0.25em 0 0.25em;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.burger header .header-nav nav ul li a {
  opacity: 0.7;
  color: white;
  font-weight: bold;
}
.burger header .header-nav nav ul li.active {
  border-bottom: none;
  opacity: 1;
}
.burger header .header-nav nav ul li.active a {
  opacity: 1;
  color: white;
}
.burger header .header-nav nav ul li a:hover {
  opacity: 1;
  text-decoration: none;
}

.top-n-side header, .top-only header {
  z-index: 1;
}
.top-n-side header div.burger.icon, .top-only header div.burger.icon {
  display: none;
}
.top-n-side header .header-nav, .top-only header .header-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 2;
}
.top-n-side header .header-nav ul, .top-only header .header-nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* Hide l2 as it should go to side */
}
.top-n-side header .header-nav ul ul, .top-only header .header-nav ul ul {
  display: none;
}
.top-n-side header .header-nav ul div, .top-only header .header-nav ul div {
  display: none;
}
.top-n-side header .header-nav ul li, .top-only header .header-nav ul li {
  padding: 1em 1em 0.75em 1em;
  margin: 0 0.25em 0 0.25em;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.top-n-side header .header-nav ul li a, .top-only header .header-nav ul li a {
  opacity: 0.7;
  color: white;
  font-weight: bold;
}
.top-n-side header .header-nav ul li:active, .top-n-side header .header-nav ul li.active, .top-only header .header-nav ul li:active, .top-only header .header-nav ul li.active {
  border-bottom: 0.333em solid #f4f4f4;
}
.top-n-side header .header-nav ul li:active a, .top-n-side header .header-nav ul li.active a, .top-only header .header-nav ul li:active a, .top-only header .header-nav ul li.active a {
  opacity: 1;
  color: white;
}
.top-n-side header .header-nav ul li a:hover, .top-only header .header-nav ul li a:hover {
  opacity: 1;
  text-decoration: none;
}

.top-only .side-nav {
  display: none;
}
.top-only .facets-nav {
  background-color: #f4f4f4;
  display: flex;
  width: 25%;
}

.top-n-side {
  width: 100%;
}
.top-n-side .facets-nav {
  display: none;
}
.top-n-side .side-nav {
  background-color: #f4f4f4;
  padding-top: 1.5em;
  width: 25%;
  max-width: 200px;
  /*** Like p */
}
.top-n-side .side-nav h1 {
  font-size: 1em;
  padding-left: 0.75em;
  margin-bottom: 0.75em;
}
.top-n-side .side-nav {
  /*** When subtitles, exceptions from regular ul */
}
.top-n-side .side-nav div ul {
  margin-bottom: 0.75em;
}
.top-n-side .side-nav div ul li {
  padding-left: 1.5em;
}
.top-n-side .side-nav div ul li.active {
  /*** Compensate for the extra border-left */
  padding-left: 1.25em;
}
.top-n-side .side-nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
}
.top-n-side .side-nav ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5em 1em;
}
.top-n-side .side-nav ul li a {
  padding: 0.25em 0;
}
.top-n-side .side-nav ul li:first-child {
  border-top: none;
  margin-top: 0;
}
.top-n-side .side-nav ul li.active {
  border-left: 0.25em solid #424242;
  background-color: white;
  /* 0.25 less than inactive so border doesn't misalign items */
  padding-left: 0.75em;
}
.top-n-side .side-nav ul li.active a {
  opacity: 1;
}

form .entry {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0.5em 0 0.5em 0;
  width: 100%;
}
form .entry input {
  width: 97%;
  margin: 0;
  padding: 0.25em;
}
form .entry .fieldinfo, form .entry .fielderror, form .entry .must-match-message {
  margin: 0em 0.25em 0.25em 0em;
}
form .entry label {
  font-weight: bold;
  width: 100%;
  margin-bottom: 0.25em;
  white-space: nowrap;
}

form .entry {
  align-items: center;
}

.node-form-area {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin-top: 1em;
}
.node-form-area .node-form {
  display: flex;
  flex-direction: column;
  width: 400px;
}
.node-form-area .node-form button {
  margin: 1.25em 0 1.25em 0;
  width: 100%;
}
.node-form-area .node-form .form-res {
  margin: 0.25em 0 0.5em 0.25em;
}
.node-form-area .node-form .form-res ul, .node-form-area .node-form .fieldinfo ul, .node-form-area .node-form .fielderror ul {
  margin-left: 1.25em;
}
.node-form-area .redirect-link {
  margin: 1em 0 0.25em 0;
}

.node-form-area > div {
  border-radius: 0.5em;
  background-color: #f4f4f4;
  padding: 1em;
}

.node-large-form-res {
  margin-top: 1em;
}

.inputline {
  display: flex;
  flex-direction: row;
  width: 6em;
}
.inputline label {
  margin-left: 0.5em;
}
.inputline {
  align-items: center;
}
.inputline input:disabled + label {
  opacity: 0.5;
}

.inputline.larger {
  width: 12em;
}

.inputline.fullwidth {
  width: 100%;
}

.inputline.fullwidth.globalscope {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.input-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #f4f4f4;
  padding: 0.5em 0.25em 0.25em 0.25em;
  justify-content: flex-start;
}

@media (max-width: 500px) {
  .node-form-area {
    margin: 0;
    padding: 0;
  }
  .node-form-area .node-form {
    width: 93%;
  }
  .node-form-area > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .node-form-area > div > * {
    margin-left: 1em;
    margin-right: 1em;
  }
}
.sign-in .entry, .sign-up .entry {
  flex-direction: column;
}

div.paging-with-nb-page-selector {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
div.paging-with-nb-page-selector div {
  align-items: center;
  display: flex;
}
div.paging-with-nb-page-selector div:nth-child(1) {
  justify-content: flex-start;
  width: 25%;
}
div.paging-with-nb-page-selector div:nth-child(2) {
  justify-content: center;
  width: 50%;
}
div.paging-with-nb-page-selector div:nth-child(3) {
  justify-content: flex-end;
  width: 25%;
}
div.paging-with-nb-page-selector div:nth-child(3) div {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

nav.pages {
  align-items: center;
  margin: 14px 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
nav.pages .pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.pages .pagination .page-item {
  border-collapse: collapse;
  box-sizing: border-box;
  height: 32px;
  margin: 0;
  padding: 0;
  width: 32px;
  text-align: center;
  vertical-align: middle;
}
nav.pages .pagination .page-item button {
  background-color: white;
  border: 1px solid #dedede !important;
  all: unset;
  cursor: pointer;
  min-height: 32px;
  min-width: 32px;
  text-align: center;
}
nav.pages .pagination .page-item.active button {
  background-color: #1775d1;
  color: white;
}
nav.pages .pagination .page-item:hover {
  background-color: #f4f4f4;
}
nav.pages .pagination .page-item.disabled {
  opacity: 0.5;
}
nav.pages .pagination .page-item.disabled button {
  background-color: #dedede;
  pointer-events: none;
}

.page-hide {
  display: none;
}

@keyframes spinner-line-fade-more {
  0%, 100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}
@keyframes spinner-line-fade-quick {
  0%, 39%, 100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}
@keyframes spinner-line-fade-default {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}
@keyframes spinner-line-shrink {
  0%, 25%, 100% {
    /* minimum scale and opacity */
    transform: scale(0.5);
    opacity: 0.25;
  }
  26% {
    transform: scale(1);
    opacity: 1;
  }
}
#spinner-overlay {
  display: none;
  background-color: #000;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.33;
  z-index: 10000;
}

.tbl-2d {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.tbl-2d *[role=header] * {
  background-color: #f1f1f1;
}
.tbl-2d div {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.tbl-2d div div {
  padding: 0.5em;
  border: 1px solid #c6c6c6;
}
.tbl-2d div div ul {
  margin-left: -0.5em;
}
.tbl-2d .string-unit {
  width: 18em;
}
.tbl-2d .integer-unit {
  width: 6em;
}

table {
  border: solid 1px #C6C6C6;
  padding: 0;
  border-collapse: collapse;
  font-size: 1em;
  margin: 0.5em 0em 0.5em 0em;
  overflow: scroll;
}

/* Sort arrows for table */
#res-build-comb div table tbody, #res-build-comb div table thead {
  display: block;
}

#res-build-comb div table tbody {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

th.sortable {
  white-space: nowrap;
  padding-right: 0.75em;
}

.sortable svg {
  fill: #666;
  height: 0.75em;
  width: 0.75em;
  margin-right: 0.75em;
  vertical-align: middle;
}

td, th {
  border: solid 1px #C6C6C6;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
  font-size: 1em;
  font-weight: 400;
}

td input {
  font-size: 1em;
  margin: 0 2px 0 0;
  vertical-align: inherit;
}

td p {
  margin: 0;
}

th {
  vertical-align: middle;
  font-weight: 400;
  font-size: 1em;
}

th {
  background-color: #F1F1F1;
  color: #666;
}

/* Tree view */
.branch-items {
  display: block;
}

.closed .branch-items {
  display: none;
}

.modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.modal-dialog:target {
  opacity: 1;
  pointer-events: auto;
}

.modal-dialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 0.5em 1.5em 1em 1.5em;
  border-radius: 0.75em;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}

.res {
  margin: 1.25em 0 1.25em 0.25em;
}

.sub-intent-fields input {
  width: 24em;
}

.clipline {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}

.copy2clipboard {
  margin: 0;
  padding: 0;
}
.copy2clipboard svg {
  padding: 0;
  margin-left: 0.5em;
  vertical-align: middle;
}

.orphans-table {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.orphans-table .item {
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0.5em;
  width: 100%;
}
.orphans-table .item > div {
  padding: 0.5em;
}
.orphans-table .item > div button {
  margin-inline-start: 0;
}
.orphans-table .data-list {
  flex-grow: 1;
}
@media (min-width: 1200px) {
  .orphans-table .data-button {
    text-align: end;
  }
}

@media (min-width: 1200px) {
  .orphans-table {
    display: table;
  }
  .orphans-table .item {
    background: none;
    display: table-row;
    padding: 0.5em;
    margin: 0;
  }
  .orphans-table .item .data-button, .orphans-table .item .data-list, .orphans-table .item .data-string {
    display: table-cell;
  }
  .orphans-table .item > div {
    border: 1px solid #f4f4f4;
  }
  .orphans-table .item .data-string {
    word-wrap: break-word;
  }
}
/* Login */
*[data-page=login] header .header-nav {
  /*** on 2022-03-11 it means no burger, no nav list */
}
*[data-page=login] header .header-nav * {
  display: none;
}

/* HTML/PDF publishing */
.hide {
  display: none !important;
}

.top-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0.5em;
  align-items: flex-end;
}

.top-actions .filters {
  min-width: 50%;
}

.top-actions .search {
  width: 100%;
  content: "test";
}

.top-actions .search input {
  min-width: 100%;
}

.top-actions .media-filters {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin-bottom: 0.5em;
}

.top-actions .media-filters input {
  margin-right: 0.75em;
}

.top-actions .media-filters div:not(:first-child) {
  margin-left: 1em;
}

.top-actions .select-all-pubs {
  padding: 0;
  align-items: baseline;
}

.top-actions .select-all-pubs input {
  margin-right: 1em;
}

.top-actions .select-all-pubs div {
  margin-bottom: 0.5em;
}

.entries {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: red;
}

.entries .entry {
  flex-grow: 0;
}

.entries .entry input {
  width: auto;
}

.entries .entry label {
  font-weight: normal;
}

.facetted-options {
  display: flex;
  flex-direction: row-reverse;
}

.facetted-options .deliverables {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.facetted-options .deliverables .by-media {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.facetted-options .deliverables .by-media .media {
  padding: 0;
  border-top: 0.25em solid white;
}

.facetted-options .deliverables .by-media .media-target {
  font-weight: bold;
  box-sizing: border-box;
  padding: 0.75em;
  background-color: #f4f4f4;
}

.facetted-options .deliverables .by-media .pub-desc {
  display: flex;
  flex-direction: column;
}

.facetted-options .deliverables .by-media .pub-list {
  display: flex;
  flex-direction: column;
}

.facetted-options .deliverables .by-media .pub-list .pub-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 0.5em;
  border-bottom: 2px solid white;
}

.facetted-options .deliverables .by-media .pub-list .pub-item input {
  margin-right: 1em;
}

.facetted-options .deliverables .by-media .pub-list .pub-item .pub-attrs .menu-id {
  font-weight: bold;
}

.facetted-options .deliverables .by-media .pub-list .pub-item .pub-attrs .line {
  display: block;
}

.facetted-options .deliverables .by-media .pub-list .pub-item .pub-attrs .line div {
  display: inline;
}

.facetted-options .deliverables .by-media .pub-list .pub-item .pub-attrs .langs {
  margin: 0.5em 0;
}

.facetted-options .deliverables .products {
  display: flex;
  margin-top: -0.18em;
  flex-direction: column;
}

.facetted-options .deliverables .products .product {
  display: flex;
  flex-direction: column;
  border-bottom: 0.25em solid white;
  border-top: 0.25em solid white;
}

.facetted-options .deliverables .products .product .product-id {
  display: none;
}

.facetted-options .deliverables .products .product .product-header {
  background-color: #1775d1;
  box-sizing: border-box;
  padding: 0.32em;
  color: white;
  font-size: 2em;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.facetted-options .deliverables .products .product .product-header .product-def {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  /*          .application-id, .country {
                  width: 20%;
                  text-align: center;
              }
              .model-id, .carrier {
                  width: 20%;
                  text-align: center;
              }
              .os {
                  width: 10%;
                  text-align: center;
              } */
}

.facetted-options .deliverables .products .product .product-header .product-def div:not(:last-child):after {
  content: "-";
}

.facetted-options .deliverables .products .product .product-pubs {
  display: flex;
  flex-direction: row;
  padding: 0;
  background-color: #f4f4f4;
}

.facetted-options .facets {
  box-sizing: border-box;
  border-bottom: 1px solid white;
  margin-left: 0.75em;
}

.facetted-options .facets .facet h1 {
  padding-right: 0.75em;
}

.facetted-options .options {
  flex-grow: 1;
  box-sizing: border-box;
  padding: 0.75em;
  display: flex;
  flex-direction: column;
  background-color: #f4f4f4;
  justify-content: left;
  align-items: baseline;
}

.facetted-options .options .item.entry {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  margin-bottom: 0.5em;
  /* display: flex;


        flex-direction: row;
        margin-bottom: 0.5em;
        label {
            //padding-left: 0.5em;
            box-sizing: border-box;
        } */
}

.facetted-options .options .item.entry input {
  margin-right: 1em;
  width: 1em;
}

.facetted-options .options .item.entry label {
  display: inline;
  font-weight: normal;
  box-sizing: border-box;
}

.facetted-options h1 {
  background-color: #1775d1;
  color: rgba(250, 250, 250, 0.8);
  font-size: 1em;
  margin: 0;
  box-sizing: border-box;
  border-top: 1px solid white;
  display: flex;
  align-items: center;
}

.facetted-options h1 svg {
  fill: rgba(250, 250, 250, 0.8);
}

.facetted-options h1 span {
  margin: 0.25em;
}

.facetted-options h1 span + span {
  margin-left: 0;
}

.facetted-options h1:hover {
  color: white;
}

.facetted-options h1:hover svg {
  fill: white;
}

.select-pubs .publish-buttons {
  display: flex;
  justify-content: flex-end;
}
.select-pubs .filters {
  width: 100%;
}
.select-pubs .line {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#lang-inp-pdf, #lang-inp-html, #lang-inp-ukm {
  display: none;
  flex-direction: column;
}

.ze-language-inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #f4f4f4;
  margin-bottom: 0.5em;
  padding: 0.5em 0.25em 0.25em 0.25em;
}
.ze-language-inputs .ze-lang {
  display: flex;
  flex-wrap: nowrap;
  width: 6em;
}

.ze-lang label.en-us, .inputline label.en-us {
  font-weight: bold;
}

button.mini {
  width: 1.05em;
  height: 1.05em;
  font-weight: bold;
  font-size: 1.05em;
  text-align: center;
  padding: 0 0 0 0;
}

button:hover, button:active, button:focus {
  border: none;
  outline: none;
}

.pub-res {
  margin-bottom: 0.75em;
}

/* Generic */
div.container-of-fluid-columns {
  align-items: flex-start;
  box-sizing: border-box;
  column-gap: 2em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.search-results-w-facets h2 {
  margin: 0.5em 0 0 0;
}
.search-results-w-facets h2 + p {
  margin-top: 0;
  font-size: small;
  color: gray;
}

.facets-nav {
  padding: 0 1.5em 1.5em 1.5em;
  box-sizing: border-box;
}
.facets-nav ul {
  list-style-type: none;
}
.facets-nav .facet-category p {
  font-weight: bold;
}

.bkup-controls {
  display: flex;
  flex-direction: row;
}
.bkup-controls > * {
  margin: 0.5em;
}
.bkup-controls input[type=text] {
  width: 30em;
}

.db-list {
  display: flex;
  flex-direction: column;
  margin: 1em 0;
}
.db-list .title {
  background-color: #1775d1;
  color: white;
  padding: 0.25em 0;
  width: 100%;
}
.db-list .db-li {
  display: flex;
  flex-direction: column;
}
.db-list .db-li .ticker-icon.closed {
  display: none;
}
.db-list .db-li .ticker-icon.opened {
  display: flex;
}
.db-list .db-li.closed .ticker-icon.closed {
  display: flex;
}
.db-list .db-li.closed .ticker-icon.opened {
  display: none;
}
.db-list .db-li.closed {
  max-height: 7em;
  overflow: hidden;
}
.db-list {
  /* .db-li.opened {
       .opened {
           display: none;
       }
       .closed {
           display: flex;
       }

       height: 100%;
       border: 1px solid red;
   } */
}
.db-list .bk-list-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.db-list .bk-list-container .bkup-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5em 0;
}
.db-list .bk-list-container .db-ticker svg {
  fill: #424242;
}

.db-list.remove {
  display: none !important;
}

.hidden {
  display: none !important;
}

/* Generic look of of HTML structures */
dl {
  border-radius: 0.5em;
}
dl dt {
  font-weight: bold;
  padding: 0 0.5em 0 0.5em;
}
dl dd {
  margin: 0;
  padding: 0;
}
dl dd dl {
  background-color: #f4f4f4;
  border: 1px solid #f1f1f1;
}
dl dd dl dt {
  font-weight: normal;
  font-style: italic;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
dl dd dl dd {
  background-color: white;
  padding: 0.5em;
}

/* General Cards */
.cards {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5em;
  justify-content: space-evenly;
}
.cards .card {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  padding: 0;
}
.cards .card h3 {
  background-color: #1775d1;
  color: white;
  padding: 0.5em;
  margin: 0;
}
.cards .card .card-body {
  padding: 1em;
}
.cards .card .card-body select {
  max-width: 100%;
}

.cards.wrap {
  flex-wrap: wrap;
}

#review-xrefs-cards .card {
  min-width: 300px;
  max-width: 300px;
}

/* OT PLUGIN */
.specialization-form .input-label {
  font-weight: bold;
  width: 10em;
}
.specialization-form .form-item {
  display: flex;
  flex-direction: row;
  margin: 0.5em 0;
}
.specialization-form .form-item .tick {
  width: 2em !important;
}
.specialization-form input[type=text], .specialization-form textarea {
  width: 40em;
}
.specialization-form textarea.abstract {
  height: 3em;
}
.specialization-form textarea.documentation {
  height: 10em;
}

/* Specific Mobile CMS */
/* Specific to Image review page of Mobile CMS */
#image-review-result .image-cell.dark {
  background-image: linear-gradient(to right, #1f1f1f 50%, white 50%) !important;
}
#image-review-result .image-cell.dark img {
  display: block !important;
  margin: auto !important;
}

/* Could make generic similar to bootstrap and 
    make looks similar to dl 2nd level with variable
    for border radius and data in different background color */
#res-active-projects .cards {
  display: flex;
  flex-direction: column;
}
#res-active-projects .card {
  background-color: #f4f4f4;
  padding: 0.5em;
  margin: 0.5em 0 0.5em 0;
}
#res-active-projects .card .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#res-active-projects .card h2 {
  margin-top: 0;
  font-size: 1em;
  font-weight: bold;
}
#res-active-projects .card .status.NOT_STARTED {
  color: #dd1c1a;
}
#res-active-projects .card .status.STARTED {
  color: #f58a07;
}
#res-active-projects .card .status.FINISHED {
  color: #2a8a37;
}

/* 2022-11-xx removing because uses standard res now, at least not finding anywhere */
/* *** START SET INDIVIDUAL RESPONSE AREA BASED ON ACTIVE FORM ACTION *************
.xtm-res > div {
    display: none;
}

.xtm-res.active-projects .active-projects {
    display:block;
}

.xtm-res.single-project .single-project {
    display:block;
}

.xtm-res.all-templates .all-templates { 
    display:block;
}

.xtm-res.get-token .get-token {
    display:block;
}

 *** END SET INDIVIDULA RESPONSE AREA BASED ON ACTIVE FORM *************** */
/*@import "t9n/t9n-template-form";*/
/* ONLY for author, but cannot link different CSS */

/*# sourceMappingURL=main.css.map */