/*@font-face {
  font-family: 'HKGroteskPro';
  src: url('../landkit/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HKGroteskPro';
  src: url('../landkit/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'HKGroteskPro';
  src: url('../landkit/fonts/HK%20Grotesk%20Pro/HKGroteskPro-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}*/

html {
    /*font-family: sans-serif;*/
    }

h1 { padding-top: 1em; font-size: 2.0em;}
h2 { padding-top: 1em; font-size: 1.5em;}

display_box {
    /*padding: 1em;*/
}

.t_navigation {
    }



.slogan-container {
        /*margin-top: 5px;*/
        font-size: 1em;
        line-height: 1.2;
        color: black;
        /*text-align: left;*/
    }

    .slogan {
        display: block;
        /*color: #000;*/
    }



#blocklyDiv {
      height: 480px;
      width: 100%;
}

textarea {
  form-sizing: normal;
}


span.given_input{
font-weight: bold;
}

div.toptablecell {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}

div.toptablecell button {
    flex: 0 0 0.65ch;
/*    min-width:1ch;
    max-width:1ch;*/
    white-space: nowrap;
    /*position: relative;*/
    margin:0px;
    padding:0px;
    margin-top: -0.15em;
    margin-bottom: 0px;
}

div.toptablecell button i {
  /*background-color:blue;*/
      margin:0px;
      padding:0px;
}

span.trt_label {
  flex-basis: 0;
  flex-grow: 1;

 /* flex-grow: 0;    *//* The item will not grow *//*
  flex-shrink: 1;  *//* The item can shrink if necessary *//*
  flex-basis: auto;*/

  text-align: left;
  margin-left: 0.1ch;
  min-width: 0;
}



.semantic_types {
/*  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;*/
  font-size: 60%;
}

.semantic_type {
  flex: 1 1 auto; /* Ensure roles distribute space evenly */
  /*white-space: nowrap;*/
}

table.topictable td.tablecolumn {
border-right: 2px solid black;
border-left: 2px solid black;
}

body {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /*font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;*/
    }

table.focused_task_bundle {
    padding: 0.5rem;
    }

th.sorting_header_compact {
    padding: 1px !important;
    }

table.toptable {
    table-layout: fixed;
    width: 100%;

    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    }

.dataset_table, .dataset_table_column_label {
    /*width: 33%;*/
    }

div.trt_target {
    border-style: dotted;
    border-color: dodgerblue;
    }

div.hidden_target_term { color: transparent;}

div.hidden_target_term:hover { color: black;}

span.similarity_rank {
    font-weight: bold;
    color: darkblue;
    float: right
    }

.kgard_color {
    color: darkblue;
    font-weight: bold;
    }

.video-container {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            overflow: hidden;
    }

.video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
}

div.grouped_table_cells{
border: 1px solid black;
/*border-radius: 0.6rem;*/
/* there is absolutely no room on the corners*/
/*border-radius: 2px;*/
}

/*background-color: orange;color:red;*/


.btn-link {
 /* for logout button in navbar*/
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: #0000EE;
    padding: 0;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
}


/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

.masked_out_vocabulary > * {
    visibility: hidden;
}

.masked_out_vocabulary::before {
    content: "\2026"; /* … placeholder */
    visibility: visible;
}

.masked_out_vocabulary:hover > * {
    visibility: visible;
}

.masked_out_vocabulary:hover::before {
    content: "";
}

/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

.header-container {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
        .header-item {
            margin-right: 15px;
        }
  /* ----------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------- */


div.trtr0 { /*font-size: 2.00rem;*/}
div.trtr1 { /*font-size: 1.95rem;*/}
div.trtr2 { /*font-size: 1.90rem;*/}
div.trtr3 { /*font-size: 1.85rem;*/}
div.trtr4 { /*font-size: 1.80rem;*/}
div.trtr5 { /*font-size: 1.75rem;*/}
div.trtr6 { /*font-size: 1.70rem;*/}
div.trtr7 { /*font-size: 1.65rem;*/}
div.trtr8 { /*font-size: 1.60rem;*/}
div.trtr9 { /*font-size: 1.55rem;*/}
div.trtr10 { /*font-size: 1.50rem;*/}
div.trtr11 { /*font-size: 1.45rem;*/}
div.trtr12 { /*font-size: 1.40rem;*/}
div.trtr13 { /*font-size: 1.35rem;*/}
div.trtr14 { /*font-size: 1.30rem;*/}
div.trtr15 { /*font-size: 1.25rem;*/}
div.trtr16 { /*font-size: 1.20rem;*/}
div.trtr17 { /*font-size: 1.15rem;*/}
div.trtr18 { /*font-size: 1.10rem;*/}
div.trtr19 { /*font-size: 1.05rem;*/}
div.trtr20 { /*font-size: 1.00rem;*/}
.trtc0 { background-color: #FFF;}
.trtc1 { background-color: #EEE;}
.trtc2 { background-color: #DDD;}
.trtc3 { background-color: #CCC;}
.trtc4 { background-color: #BBB;}
.trtc5 { background-color: #AAA;}
.trtc6 { background-color: #999;}
.trtc7 { background-color: #888;}
.trtc8 { background-color: #777;}
.trtc9 { background-color: #666;}
span.fr0 { font-size: 1.00rem;}
span.fr1 { font-size: 0.98rem;}
span.fr2 { font-size: 0.96rem;}
span.fr3 { font-size: 0.94rem;}
span.fr4 { font-size: 0.92rem;}
span.fr5 { font-size: 0.90rem;}
span.fr6 { font-size: 0.88rem;}
span.fr7 { font-size: 0.86rem;}
span.fr8 { font-size: 0.84rem;}
span.fr9 { font-size: 0.82rem;}
span.fr10 { font-size: 0.80rem;}
span.fr11 { font-size: 0.78rem;}
span.fr12 { font-size: 0.76rem;}
span.fr13 { font-size: 0.74rem;}
span.fr14 { font-size: 0.72rem;}
span.fr15 { font-size: 0.70rem;}
span.fr16 { font-size: 0.68rem;}
span.fr17 { font-size: 0.66rem;}
span.fr18 { font-size: 0.64rem;}
span.fr19 { font-size: 0.62rem;}
span.fr20 { font-size: 0.60rem;}
span.fr21 { font-size: 0.59rem;}
span.fr22 { font-size: 0.58rem;}
span.fr23 { font-size: 0.56rem;}
span.fr24 { font-size: 0.55rem;}
span.fr25 { font-size: 0.54rem;}
span.fr26 { font-size: 0.53rem;}
span.fr27 { font-size: 0.52rem;}
span.fr28 { font-size: 0.51rem;}
span.fr29 { font-size: 0.50rem;}
span.fr30 { font-size: 0.49rem;}
span.fr31 { font-size: 0.48rem;}
span.fr32 { font-size: 0.47rem;}
span.fr33 { font-size: 0.46rem;}
span.fr34 { font-size: 0.45rem;}
span.fr35 { font-size: 0.44rem;}
span.fr36 { font-size: 0.43rem;}
span.fr37 { font-size: 0.42rem;}
span.fr38 { font-size: 0.41rem;}
span.fr39 { font-size: 0.40rem;}
span.fr-1 { font-size: 0.50rem;}
div.value_positive_59 { background-color: #ff0ef0;}
div.value_positive_58 { background-color: #ff0df0;}
div.value_positive_57 { background-color: #ff0cf0;}
div.value_positive_56 { background-color: #ff0bf0;}
div.value_positive_55 { background-color: #ff0af0;}
div.value_positive_54 { background-color: #ff09f0;}
div.value_positive_53 { background-color: #ff08f0;}
div.value_positive_52 { background-color: #ff07f0;}
div.value_positive_51 { background-color: #ff06f0;}
div.value_positive_50 { background-color: #ff05f0;}
div.value_positive_49 { background-color: #ff04f0;}
div.value_positive_48 { background-color: #ff03f0;}
div.value_positive_47 { background-color: #ff02f0;}
div.value_positive_46 { background-color: #ff01f0;}
div.value_positive_45 { background-color: #ff00f0;}
div.value_positive_44 { background-color: #ff00e0;}
div.value_positive_43 { background-color: #ff00d0;}
div.value_positive_42 { background-color: #ff00c0;}
div.value_positive_38 { background-color: #ff00b0;}
div.value_positive_37 { background-color: #ff00a0;}
div.value_positive_36 { background-color: #ff0090;}
div.value_positive_35 { background-color: #ff0080;}
div.value_positive_34 { background-color: #ff0070;}
div.value_positive_33 { background-color: #ff0060;}
div.value_positive_32 { background-color: #ff0050;}
div.value_positive_31 { background-color: #ff0040;}
div.value_positive_30 { background-color: #ff0030;}
div.value_positive_29 { background-color: #ff0020;}
div.value_positive_28 { background-color: #ff0010;}
div.value_positive_27 { background-color: #ff0000;}
div.value_positive_26 { background-color: #ff0a00;}
div.value_positive_25 { background-color: #ff1400;}
div.value_positive_24 { background-color: #ff1e00;}
div.value_positive_23 { background-color: #ff2800;}
div.value_positive_22 { background-color: #ff3200;}
div.value_positive_21 { background-color: #ff3c00;}
div.value_positive_20 { background-color: #ff4600;}
div.value_positive_19 { background-color: #ff5000;}
div.value_positive_18 { background-color: #ff5a00;}
div.value_positive_17 { background-color: #ff6400;}
div.value_positive_16 { background-color: #ff6e00;}
div.value_positive_15 { background-color: #ff7800;}
div.value_positive_14 { background-color: #ff8200;}
div.value_positive_13 { background-color: #ff8c00;}
div.value_positive_12 { background-color: #ff9600;}
div.value_positive_11 { background-color: #ffa000;}
div.value_positive_10 { background-color: #ffaa00;}
div.value_positive_9 { background-color: #ffb400;}
div.value_positive_8 { background-color: #ffbe00;}
div.value_positive_7 { background-color: #ffc800;}
div.value_positive_6 { background-color: #ffd200;}
div.value_positive_5 { background-color: #ffdc00;}
div.value_positive_4 { background-color: #ffe600;}
div.value_positive_3 { background-color: #fff000;}
div.value_positive_2 { background-color: #fffa00;}
div.value_positive_1 { background-color: #fdff00;}
div.value_positive_0b { background-color: #d7ff00;}
div.value_positive_0 { /*background-color:#65ff00;*/ background-color: #ffffff;}
div.value_negative_1 { background-color: #b0ff00;}
div.value_negative_2 { background-color: #8aff00;}
div.value_negative_3 { background-color: #3eff00;}
div.value_negative_4 { background-color: #17ff00;}
div.value_negative_5 { background-color: #00ff10;}
div.value_negative_6 { background-color: #00ff36;}
div.value_negative_7 { background-color: #00ff5c;}
div.value_negative_8 { background-color: #00ff83;}
div.value_negative_9 { background-color: #00ffa8;}
div.value_negative_10 { background-color: #00ffd0;}
div.value_negative_11 { background-color: #00fff4;}
div.value_negative_12 { background-color: #00e4ff;}
div.value_negative_13 { background-color: #00d4ff;}
div.value_negative_14 { background-color: #00c4ff;}
div.value_negative_15 { background-color: #00b4ff;}
div.value_negative_16 { background-color: #00a4ff;}
div.value_negative_17 { background-color: #0094ff;}
div.value_negative_18 { background-color: #0084ff;}
div.value_negative_19 { background-color: #0074ff;}
div.value_negative_20 { background-color: #0064ff;}
div.value_negative_19 { background-color: #0054ff;}
div.value_negative_20 { background-color: #0044ff;}
div.value_negative_21 { background-color: #0032ff;}
div.value_negative_22 { background-color: #0022ff;}
div.value_negative_23 { background-color: #0012ff;}
div.value_negative_24 { background-color: #0002ff;}
div.value_negative_25 { background-color: #0000ff;}
div.value_negative_26 { background-color: #0100ff;}
div.value_negative_27 { background-color: #0200ff;}
div.value_negative_28 { background-color: #0300ff;}
div.value_negative_29 { background-color: #0400ff;}
div.value_negative_30 { background-color: #0500ff;}


span.pos_knownnoun { color: darkblue;}
span.pos_verb { color: darkred;}
span.pos_adjective { color: darkgreen;}


/*[data-vocabulary_same_interaction_context="true" ]  > button.interaction_modal::after {content: "∙";}*/
[data-vocabulary_same_interaction_context="true" ]  > button.interaction_modal::after {content: "●";font-size:70%display: block;}
[data-vocabulary_same_interaction_context_and_scope_stated="true" ]  > button.interaction_modal::after {content: "●";font-size:70%display: block;}
[data-vocabulary_same_interaction_context_and_dataset="true" ]  > button.interaction_modal::after {content: "⬤";font-size:70%;margin-top: -0.8em;display: block;}

[data-interaction_age_fresh="fresh"] {border-radius: 0.6rem;background-color: honeydew   !important;}
[data-interaction_age      ="hour" ] {border-radius: 0.6rem;background-color: lightgreen !important;}
[data-interaction_age      ="day"  ] {border-radius: 0.6rem;background-color: limegreen  !important;}
[data-interaction_age      ="week" ] {border-radius: 0.6rem;background-color: green      !important;}
[data-interaction_age      ="older"] {border-radius: 0.6rem;background-color: darkgreen  !important;}

/*
[data-tagging*="http://www.kgard.io/kgtype/touched" ] {border-radius: 0.6rem;background-color: lightgreen !important;}
[data-tagging*="http://www.kgard.com/kgtype/touched"] {border-radius: 0.6rem;background-color: lightgreen !important;}
[data-tagging*="http://www.kgard.de/kgtype/touched" ] {border-radius: 0.6rem;background-color: lightgreen !important;}
[data-tagging*="http://www.kgard.com/kgtype/touched"] > button.interaction_modal::after {content: "\25CF";}
*/