/* This contains all the main styles for the site */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css');
/* root + variables */
:root {
    --clr-site: #87D2E7;
    --clr-site-light: #bfe7f2;
    --clr-site-very-light: #eaf7fb;
    --clr-site-dark: #2ab0d5;
    --clr-site-very-dark: #196a80;
    --clr-light-grey: #eeeeee;
    --clr-environment: lightgreen;
    --clr-social: lightblue;
    --clr-governance: orange;
    --clr-other: lightgray;
    --clr-process-step-in-not-disabled: lightgray;
    --clr-process-step-in-not-started: #0E87CC;
    --clr-process-step-in-progress: #0E87CC;
    --clr-process-step-in-finalized: darkseagreen;
    --clr-positive: green;
    --clr-negative: red;
    --clr-mixed: blue;
    --clr-process-arrow-length: 1em;

    --image-width: 400px;
    --image-height: 300px;
    --content-width: 300px;
    --content-height: 400px;
    --overlap: 30px;
    --box-shadow-light: 0 3px 3px 0px grey;
    --box-shadow-medium: 0 6px 6px 3px grey;
    --box-shadow-heavy: 0 0 15px 0 grey;
}
div.leaflet-control-attribution.leaflet-control a:first-child {
    display: none;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    font-family: "Abel", sans-serif;
    font-size: 18px;
    color: black
}

.logo-black {
    filter: brightness(0%);
    transition-duration: 0.5s;
}

td a, a {
    text-decoration: none;
}


body{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
}

/* MAIN STYLING */
main.trustscore {
    max-width: 1000px;
    flex: 50%;
    text-align: left;
    margin: 0px auto;
    padding: 10px;
    background-color: white !important;
}

main.trustscore_fullwidth {
    /*max-width: 70%;*/
    /*flex: 50%;*/
    text-align: left;
    max-width: 1800px;

    background-color: white !important;
}


/* CSS for accordion buttons for the table */

.card {
    margin-top: 20px;
}

.card-compact {
    margin-top: 2px;
}

.card-compact .card-body {
    padding: 4px;
}
.card-header {
    background-color: var(--clr-site)
}

.card-header-gray{
    background-color: var(--clr-light-grey)
}
.card.dashboard {
    box-shadow: var(--box-shadow-light);
}
table.table thead th.wrap-column-header div.th-inner
{
    white-space: normal!important;
}
table.fixed {
    table-layout: fixed;
}

#workflow_title {
    position: absolute;
    /*width: 400px;*/
    top:3%;
    text-align: center;
    text-anchor: middle;
    margin:auto;
    margin-left: 20px;
    padding: 0;
    /*right: 50%;*/
    opacity: 0.5;
    color: grey;
    font-size: 2.5em;
    /*text-shadow: 0 0 5px rgba(0,0,0,0.5);*/
}

#watermark {
    position: fixed;
    top:-5px;
    margin:0;
    padding: 0;
    right: 50%;
    opacity: 0.5;
    z-index: 1000;
    color: white;
    font-size: 3em;
    /*text-shadow: 0 0 5px rgba(0,0,0,0.5);*/
}

#watermark.nonav {
    color: grey;
    right: 5%;
}

:root:after {
    /*content: "Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed   Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed   Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed ";*/
    /*position: fixed;*/
    /*!*transform: rotate(300deg);*!*/
    /*!*-webkit-transform: rotate(300deg);*!*/
    /*color: #EEEEEE;*/
    /*!*text-shadow: 0 0 5px rgba(0,0,0,0.5);*!*/
    /*filter: blur(2px);*/
    /*top:0;*/
    /*font-size: 3em;*/
    /*z-index: -1;*/
}
.selectize.selectize-control.is-invalid
{
    border: 1px solid red;
    border-radius: 3px;
}

.selectize-input.items.is-invalid-check
{
    /*border: 2px solid red;*/
}


div.hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    text-align: center;
    height: 0px;
    line-height: 0px;
}

.hr-title {
    color: #888;
    background-color: #fff;
}

div.alert {
    margin-top: 25px;
}

th {
    background-color: var(--clr-site) !important;
    vertical-align: text-top !important;

}


th.orange {
    background-color: sandybrown !important;
}

th.green {
    background-color: darkseagreen !important;
}
th.yellow {
    background-color: lightyellow !important;
}

table.small-font tr td, table.small-font tr th, table.small-font tr th > div, table.small-font tr td > input.form-control, table.small-font .form-control  {
    font-size: 0.8rem !important;
}

.company .modal-header {
    background-color: mediumseagreen !important;
    color: white !important;
}


.my-company-table th, th.company {
    background-color: mediumseagreen !important;
    color: white !important;
}

table.company th {
    background-color: mediumseagreen !important;
    color: white !important;
}

.black-filter {
    filter: brightness(0%);
}

.pagination > li > a {
    background-color: white;
    color: var(--clr-site);
}

.pagination > li > .active > a {
    background-color: white;
    color: var(--clr-site);
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: var(--clr-site);
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a {
    color: black !important;
    background-color: var(--clr-site) !Important;
    border: solid 1px var(--clr-site) !Important;
}

.pagination > .active > a:hover {
    background-color: var(--clr-site) !Important;
    border: solid 1px var(--clr-site);
}


ul.company .btn {
    background-color: mediumseagreen !important;
}

.certificateDetails th {
    background-color: lightgray !important;
}

.dropdown-toggle {
    background-color: var(--clr-site) !important;
}

.dropdown-toggle .page-size {
    fill: black !important;
    color: black;
}

.page-list .dropdown-item.active {
    background-color: var(--clr-site) !important;
}

.page-list .dropdown-item.active {
    background-color: var(--clr-site) !important;
}

.fixed-table-toolbar button.btn {
    background-color: var(--clr-site) !important;
}

.fixed-table-toolbar button.btn i {
    fill: black !important;
    color: black;
}

/*ul.navbar-nav li a {*/
/*  color: black !important*/
/*}*/

/*.navbar-header {*/
/*  color: black !important*/
/*}*/

#dropDownMenu {
    scrollbar-color: lightgrey white;
    scrollbar-width: thin;
    overflow-y: auto;
}

#dropDownMenu::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: white; /* or add it to the track */
    color: white;
}

#dropDownMenu::-webkit-scrollbar-thumb {
    background: lightgrey;
}

#dropdownMenuLink {
    border: none;
}

.score-good {
    font-weight: bolder;
    color: green;
    fill: green;
}

.score-medium {
    font-weight: bolder;
    color: orange;
    fill: orange;

}

.score-bad {
    font-weight: bolder;
    color: red;
    fill: red;
}

.svg-chart-title {
    font-family: Abel;
    font-weight: bold;
    font-size: large
}

.svg-legend-title {
    font-family: Abel;
    fill: blue;
    font-weight: bold;
    text-decoration: underline;
    font-size: smaller;
    cursor: pointer;
    /*text-transform: capitalize;*/
}

.sector-overview-donut-chart .svg_sunburst_segment {
    cursor: pointer;
}

.svg-legend-entry {
    font-family: Abel;
    font-weight: bold;
    font-size: x-small;
    text-transform: capitalize;
}

rect.svg-details-section {
    fill: #eeeeee;
}

rect.svg_clickable_bar:hover {
    cursor: pointer;
    stroke-width: 3px;
}

div.header-content a {
    text-align: center;
    text-decoration: none;
    text-justify: inter-word;
}

#trapezoid1 {
    text-align: center;
    vertical-align: middle;
    border-bottom: 50px solid hsl(203, 94%, 20%);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 50px;
    width: 250px;
    margin-top: 4px;
    color: white !important;
}


#trapezoid1 .header-content a {
    color: white !important;
}

#trapezoid2 {
    text-align: center;
    vertical-align: middle;
    border-bottom: 50px solid hsl(203, 94%, 30%);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 50px;
    width: 300px;
    margin-top: 4px;
}

#trapezoid3 {
    color: white;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 50px solid hsl(203, 94%, 40%);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 50px;
    width: 350px;
    margin-top: 4px;
}

#trapezoid3 .header-content a {
    color: white;
}

#trapezoid4 {
    color: white;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 50px solid hsl(203, 94%, 80%);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    height: 50px;
    width: 350px;
    margin-top: 4px;
}

#trapezoid4 .header-content {
    font-weight: bold;
}


#trapezoid1.not_required, #trapezoid2.not_required, #trapezoid3.not_required, #trapezoid4.not_required {
    border-bottom: 50px solid lightgrey;
}

table.verticalTrustChain {
    margin-top: 20px;
    padding: 0px;
    border: 0px solid black;
    border-spacing: 0px;
}

.verticalTrustChain tr {
    margin: 0px;
    padding: 0px;
    border: 0px solid black;
}

.verticalTrustChain td {
    margin: 0px;
    padding: 0px;
    border: 0px solid black;
}

/* changes below  for testing. If successfull move above this line. */

h3 {
    margin-top: 30px !important;
}

.small {
    font-size: 12px;
}

.medium {
    font-size: 14px;
}

.tiny {
    font-size: 10px;
}


hr {
    height: 4px;
    margin-left: 0px;
    margin-bottom: -3px;
}

.hr-warning {
    background-image: -webkit-linear-gradient(left, rgba(210, 105, 30, .8), rgba(210, 105, 30, .6), rgba(0, 0, 0, 0));
}

.hr-success {
    background-image: -webkit-linear-gradient(left, rgba(15, 157, 88, .8), rgba(15, 157, 88, .6), rgba(0, 0, 0, 0));
}

.hr-primary {
    background-image: -webkit-linear-gradient(left, var(--clr-site), var(--clr-site), rgba(0, 0, 0, 0));
}

.hr-danger {
    background-image: -webkit-linear-gradient(left, rgba(244, 67, 54, .8), rgba(244, 67, 54, .6), rgba(0, 0, 0, 0));
}

.breadcrumb {
    background: rgba(245, 245, 245, 0);
    border: 0px solid rgba(245, 245, 245, 1);
    border-radius: 25px;
    display: block;
}

.btn-bread {
    margin-top: 10px;
    font-size: 12px;

    border-radius: 3px;
}

.trustscore {
    background-color: var(--clr-site) !important;
}

/* NAVIGATION BAR FORMATTING */
.trustscore-nav {
    background-color: white !important;
    border-color: var(--clr-site) !important;
    border-width: 2px !important;
    border-style: solid;
    z-index: 1;
    box-shadow: 3px 3px;
}

.navbar-brand {
    font-size: 30px;
    font-weight: bold;
    /*color: black !important*/
}

.navbar {
    background-color: var(--clr-site);
}

svg:first-child > g > text[text-anchor~=middle] {
    font-size: 9px;
}

/* for gauge indicators text */
.gauge svg g text {
    font-size: 18px;
}

/* for middle text */
.gauge svg g g text {
    font-size: 24px;
}

/* for middle text */
.gantt svg g text {
    font-size: 12px;
    font-family: Abel;
}

.table-sortable > thead > tr > th {
    cursor: pointer;
    position: relative;
}

.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th:after,
.table-sortable > thead > tr > th:after {
    content: ' ';
    position: absolute;
    height: 0;
    width: 0;
    right: 10px;
    top: 16px;
}

.svg_sunburst_annotation {
    font-size: small;
    text-anchor: middle;
}

.table-sortable > thead > tr > th:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ccc;
    border-bottom: 0px solid transparent;
}

.table-sortable > thead > tr > th:hover:after {
    border-top: 5px solid #888;
}

.table-sortable > thead > tr > th.asc:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 5px solid #333;
}

.table-sortable > thead > tr > th.asc:hover:after {
    border-bottom: 5px solid #888;
}

.table-sortable > thead > tr > th.desc:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    border-bottom: 5px solid transparent;
}

.bar:hover {
    opacity: 0.8;
}

.bar-label {
    font-size: 14px;
}

.legend .bar-label {
    font-size: 12px;
}

.bar-label:hover {
    fill: blue;
    opacity: 1;
}

/* #tooltip {
  background: cornsilk;
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
}

 */
div.fixed-table-container {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

div.fixed-table-body {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

input.certificate-weight::-webkit-outer-spin-button,
input.certificate-weight::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.certificate-weight[type=number] {
    -moz-appearance: textfield;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.file-drag-drop-box {
    background-color: white;
    outline: 2px dashed black;
    height: 200px;
}
.file-drag-drop-box.is-dragover {
    background-color: grey;
}

.file-drag-drop-box {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.file-drag-drop-box label strong {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.box label strong:hover {
    color: blueviolet
}

.file-drag-drop-box input {
    display: none;
}

.mandatory-label {
    color: red;
}

.message-unread {
    font-weight: bold;
}

.message-excerpt {
    color: grey;
}

.accordion-button:active {
    background-color: #777777;
}
.accordion-button:not(.collapsed) {
    color: #FFF !important;
    background-color: transparent !important;
}
.accordion-button.finalized:not(.collapsed) {
    color: #FFF !important;
    background-color: transparent !important;
    border: none;
    text-decoration: none !important;
}

.accordion-button:link, .accordion-button:visited, .accordion-button:hover, .accordion-button:active {
    /*background-color: var(--clr-site) !important;*/
    color: #FFF !important;
    text-decoration: none !important;
    /*border: hidden !important;*/
    /*border-color: #FFF !important;*/
    /*box-shadow: 0px !important;*/


}

.accordion-button:focus {
    z-index: 3;
    background-color: #FFFFFF;
    /*border-color: #FFF !important;*/
    outline: 0px;
    box-shadow: 0px 0px 0px lightgray !important;

}

.svg_sunburst_level_label {
    -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
    /* Similar syntax to box-shadow */
}
/* book mark here */

.svg_sector_overview_shadow {
    -webkit-filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, .7));
    /*filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));*/
    /* Similar syntax to box-shadow */
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

.c-stepper {
    --size: 0.4rem;
    --spacing: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.c-stepper__item {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;

}

.c-stepper__title {
    border-style: solid;
    border-width: 1px;
}

.c-stepper__title.optional {
    background-color: lightgrey;
    border-style: none;
}

.c-stepper__item:before {

    content: "";
    position: relative;
    z-index: 1;
    display: block;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    margin: 1rem auto 0;
}

.c-stepper__item:not(:last-child):after {
    content: "";
    position: relative;
    top: calc(var(--size) * 5.5);
    /*top: 50%;*/
    height: 2px;
    width: calc(100% - var(--size) - calc(var(--spacing)));
    left: calc(0% + calc(var(--size) + 0.7 * var(--spacing)));
    /*left: 50%;*/
    background-color: #e0e0e0;
    /*border: var(--clr-site) dashed 2px;*/
    order: -1;
}

/*.optional.c-stepper__item:not(:last-child):after  {*/
/*  border: var(--clr-site) dashed 2px;*/
/*}*/


.c-stepper__item:last-child:after {
    content: "";
    position: relative;
    top: calc(var(--size) * 1.6);
    height: 2px;
    width: calc(100% - var(--size) - calc(var(--spacing)));
    left: calc(50% + calc(var(--size) / 2 * 0 - var(--spacing)));
    background-color: grey;
    opacity: 0;
    order: -1;
}

#chat1 .form-outline .form-control ~ .form-notch div {
    pointer-events: none;
    border: 1px solid;
    border-color: #eee;
    box-sizing: border-box;
    background: transparent;
}

#chat1 .form-outline .form-control ~ .form-notch .form-notch-leading {
    left: 0;
    top: 0;
    height: 100%;
    border-right: none;
    border-radius: .65rem 0 0 .65rem;
}

#chat1 .form-outline .form-control ~ .form-notch .form-notch-middle {
    flex: 0 0 auto;
    max-width: calc(100% - 1rem);
    height: 100%;
    border-right: none;
    border-left: none;
}

#chat1 .form-outline .form-control ~ .form-notch .form-notch-trailing {
    flex-grow: 1;
    height: 100%;
    border-left: none;
    border-radius: 0 .65rem .65rem 0;
}

#chat1 .form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-top: 0.125rem solid blue;
    border-bottom: 0.125rem solid #39c0ed;
    border-left: 0.125rem solid #39c0ed;
}

#chat1 .form-outline .form-control:focus ~ .form-notch .form-notch-leading,
#chat1 .form-outline .form-control.active ~ .form-notch .form-notch-leading {
    border-right: none;
    transition: all 0.2s linear;
}

#chat1 .form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-bottom: 0.125rem solid;
    border-color: #39c0ed;
}

#chat1 .form-outline .form-control:focus ~ .form-notch .form-notch-middle,
#chat1 .form-outline .form-control.active ~ .form-notch .form-notch-middle {
    border-top: none;
    border-right: none;
    border-left: none;
    transition: all 0.2s linear;
}

#chat1 .form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-top: 0.125rem solid #39c0ed;
    border-bottom: 0.125rem solid #39c0ed;
    border-right: 0.125rem solid #39c0ed;
}

#chat1 .form-outline .form-control:focus ~ .form-notch .form-notch-trailing,
#chat1 .form-outline .form-control.active ~ .form-notch .form-notch-trailing {
    border-left: none;
    transition: all 0.2s linear;
}


#chat1 .form-outline .form-control:focus ~ .form-label {
    color: #39c0ed;
}

#chat1 .form-outline .form-control ~ .form-label {
    color: #bfbfbf;
}

.svgmedium {
    font-size: 7px;
    font-weight: bold
}

.svgcompany {
    font-size: 6px;
    font-weight: bold;
    fill: #AAAAAA
}

.svgsmall {
    font-size: 5px;
    font-weight: bold;
}

.svgverysmall {
    font-size: 5px;
    fill: black;
    stroke: none
}

.svg-point-internal-label {
    font-size: 8px;
    fill: black;
    stroke: none
}

.svg_sunburst_annotation {
    font-size: 10px;
    text-anchor: middle;
}

.score-good {
    fill: green
}

.score-medium {
    fill: orange
}

.score-bad {
    fill: red
}

.score-na {
    font-size: 4px;
    fill: blue
}

.donut-segment {
    animation: dash 5s linear forwards;
}

.dashboard-main-sticker {
    box-shadow: var(--box-shadow-heavy);
}

.dashboard .card-title {
    /*font-weight: 900;*/
}

.dashboard_circular_icon {
    display: inline-block;
    background: grey;
    text-align: center;
    padding-top: 2px;
    fill: white;
    color: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}


/* Bubble Plot Dashboard */

.svg-bubble-plot .selected
{
    stroke-width: 3; stroke: white;
}

.svg-bubble-plot .bubble-label-hide {
    stroke: none; fill: none;
}
.svg-bubble-plot .bubble-label-show {
    stroke: black;
    fill: white;
    fill-opacity: 0.7;
    stroke-width: 1;
    filter: url(#solid);
}

.bubble-plot-dashboard {
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr;
    grid-template-rows: 100px auto 1fr;
    gap: 1rem;
    grid-template-areas:
  "bubble_plot_header . ."
  "all_companies bubbleplot my_companies"
  "all_companies filter my_companies";
}

.bubble-plot-dashboard-plot {
    grid-area: bubbleplot;
}

.bubble-plot-dashboard-filter {
    grid-area: filter;
}

.bubble-plot-dashboard-all-companies {
    grid-area: all_companies;
}

.bubble-plot-dashboard-my-companies {
    grid-area: my_companies;
}

.bubble-plot-dashboard-header {
    grid-area: bubble_plot_header;
}


/* Company Dashboard */
.company-dashboard {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 1em;
    grid-template-areas:
    "company_summary company_actions"
    "company_sunburst company_supplier_table"
    "company_sector_scores company_bubbles"
    "company_gantt company_list_certificates";
}

.company-dashboard-summary {
    grid-area: company_summary;
}
.company-dashboard-actions {
    grid-area: company_actions;
}
.company-dashboard-sunburst {
    grid-area: company_sunburst;
}
.company-dashboard-supplier-table {
    grid-area: company_supplier_table;
}
.company-dashboard-sector-scores {
    grid-area: company_sector_scores;
}
.company-dashboard-sector-bubbles {
    grid-area: company_bubbles;
}
.company-dashboard-certificate-validity {
    grid-area: company_gantt;
}
.company-dashboard-list-certificates {
    grid-area: company_list_certificates;
}

.company-dashboard-actions .dashboard-panel-body{
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: stretch;
    justify-content: space-evenly;
    /*flex-direction: column;*/
}

/* Sector Overview Dashboard */
.sector-overview-dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 0em;
    grid-template-areas:
    "donut legend"
    "donut details"
    "sector-list sector-list";
}

.sector-overview-donut-chart {
    grid-area: donut;
}

.sector-overview-details {
    grid-area: details;
}

.sector-overview-donut-legend {
    grid-area: legend;
}

.sector-overview-sector-list {
    grid-area: sector-list;
}


/* Sector Dashboard */
.sector-dashboard {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto auto auto;
    gap: 1em;
    grid-template-areas:
    "score-summary score-summary score-summary statistics-summary statistics-summary statistics-summary"
    "distribution distribution distribution certificate-statistics certificate-statistics certificate-statistics"
    "league-table league-table league-table certifier-table certifier-table certifier-table";
}
.sector-dashboard-score-summary {
    grid-area: score-summary;
}
.sector-dashboard-score-summary .dashboard-panel-body {
    height: calc(100% - 1.8em);
}

.sector-dashboard-statistics-summary {
    grid-area: statistics-summary;
}
.sector-dashboard-statistics-summary .dashboard-panel-body{
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: stretch;
    justify-content: space-evenly;
    /*flex-direction: column;*/
}

.sector-dashboard-distribution {
    grid-area: distribution;
}

.sector-dashboard-certificate-statistics {
    grid-area: certificate-statistics;
}
.sector-dashboard-certificate-statistics .bootstrap-table table.table td, .sector-dashboard-certificate-statistics .bootstrap-table table.table thead .th-inner{
    font-size: 0.9rem;
}

.sector-dashboard-league-table {
    grid-area: league-table;
}

.sector-dashboard-certifier-table {
    grid-area: certifier-table;
}
/* DMA Consultant Portal */
.dma-consultant-portal {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: minmax(200px, 1fr);*/
    grid-auto-rows: auto;
    gap: 1em;
    grid-template-areas:
    "dcp_dma_list dcp_dma_list"
    "dcp_customers dcp_customers"
    "dcp_consultants dcp_consultants"
    "dcp_news dcp_site_updates";
}
.consultant-portal-dma-list {
    grid-area: dcp_dma_list;
}
.consultant-portal-consultant-list{
    grid-area: dcp_consultants;
}
.consultant-portal-customers-list{
    grid-area: dcp_customers;
}
.consultant-portal-news-list {
    grid-area: dcp_news;
}
.consultant-portal-site-updates-list {
    grid-area: dcp_site_updates;
}

/* Company VSME Dashboard */
.vsme-dashboard {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: minmax(200px, 1fr);*/
    grid-auto-rows: auto;
    gap: 1em;
    grid-template-areas:
    "vsme_process vsme_process"
    "vsme_b1 vsme_b2"
    "vsme_b3 vsme_b4"
    "vsme_b5 vsme_b6"
    "vsme_b7 vsme_b8"
    "vsme_b9 vsme_b10"
    "vsme_b11 vsme_b11"
    "vsme_c1 vsme_c2"
    "vsme_c3 vsme_c4"
    "vsme_c5 vsme_c6"
    "vsme_c7 vsme_c8"
    "vsme_c9 vsme_c9";
}

.vsme-dashboard-process {
    grid-area: vsme_process;
}
.vsme-b1 { grid-area: vsme_b1;}
.vsme-b2 { grid-area: vsme_b2;}
.vsme-b3 { grid-area: vsme_b3;}
.vsme-b4 { grid-area: vsme_b4;}
.vsme-b5 { grid-area: vsme_b5;}
.vsme-b6 { grid-area: vsme_b6;}
.vsme-b7 { grid-area: vsme_b7;}
.vsme-b8 { grid-area: vsme_b8;}
.vsme-b9 { grid-area: vsme_b9;}
.vsme-b10 { grid-area: vsme_b10;}
.vsme-b11 { grid-area: vsme_b11;}
.vsme-c1 { grid-area: vsme_c1;}
.vsme-c2 { grid-area: vsme_c2;}
.vsme-c3 { grid-area: vsme_c3;}
.vsme-c4 { grid-area: vsme_c4;}
.vsme-c5 { grid-area: vsme_c5;}
.vsme-c6 { grid-area: vsme_c6;}
.vsme-c7 { grid-area: vsme_c7;}
.vsme-c8 { grid-area: vsme_c8;}
.vsme-c9 { grid-area: vsme_c9;}


/* Company DMA Portal */
.company-dma-portal {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: minmax(200px, 1fr);*/
    grid-auto-rows: auto;
    gap: 1em;
    grid-template-areas:
    "company_vsme_list company_vsme_list"
    "company_dma_list company_dma_list"
    "company_stakeholder_management company_stakeholder_management"
    "company_value_chain company_value_chain"
    "company_dma_users company_dma_users"
    "company_dma_licenses company_dma_licenses"
    "company_dma_news company_dma_site_updates";
}
.company-dma-list {
    grid-area: company_dma_list;
}
.company-vsme-list {
    grid-area: company_vsme_list;
}
.company-stakeholder-management {
    grid-area: company_stakeholder_management;
}
.company-value-chain{
    grid-area: company_value_chain;
}
.company-dma-users{
    grid-area: company_dma_users;
}
.company-dma-licenses{
    grid-area: company_dma_licenses;
}
.company-dma-news {
    grid-area: company_dma_news;
}
.company-dma-site-updates {
    grid-area: company_dma_site_updates;
}

/* Company Portal */
.company-portal {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: minmax(200px, 1fr);*/
    grid-auto-rows: auto;
    gap: 1em;
    grid-template-areas:
    "company_portal_internal_compliance company_portal_internal_compliance"
    "company_portal_customers company_portal_customers"
    "company_portal_sustainability company_portal_staff_compliance"
    "company_portal_supplier_compliance company_portal_valuechain_compliance"
    "company_portal_supplychain_management company_portal_asset_management"
    "company_portal_business_process company_portal_people";
}
.company-portal-internal-compliance {
    grid-area: company_portal_internal_compliance;
}
.company-portal-customers {
    grid-area: company_portal_customers;
}

.company-portal-sustainability {
    grid-area: company_portal_sustainability;
}
.company-portal-staff-compliance {
    grid-area: company_portal_staff_compliance;
}
.company-portal-supplier-compliance {
    grid-area: company_portal_supplier_compliance;
}
.company-portal-valuechain-compliance {
    grid-area: company_portal_valuechain_compliance;
}
.company-portal-supplychain-management {
    grid-area: company_portal_supplychain_management;
}
.company-portal-asset-management {
    grid-area: company_portal_asset_management;
}
.company-portal-business-process {
    grid-area: company_portal_business_process;
}
.company-portal-people {
    grid-area: company_portal_people;
}

/* DMA Dashboard */
.dma-dashboard-approval-button
{
    /*position: relative;*/
    /*right: 0;*/
    /*bottom: 0;*/
    margin-top: 10px;
    /*margin-left: 10px;*/
    /*margin-bottom: 10px;*/
}
.dma-dashboard {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: minmax(200px, 1fr);*/
    grid-auto-rows: auto;
    gap: 1em;
    grid-template-areas:
    "dma_summary dma_summary"
    "dma_process dma_process"
    "dma_matrix dma_matrix"
    "dma_matrix_legend dma_matrix_legend"
    "dma_barchart dma_barchart"
    "dma_quadrant dma_quadrant"
    "dma_long_list dma_long_list"
    "dma_internal dma_internal_surveys"
    "dma_short_list dma_short_list"
    "dma_external dma_external_surveys"
    "dma_management_materiality dma_management_materiality"
    "dma_results_table dma_results_table";
}

.dma-dashboard-summary {
    grid-area: dma_summary;
}
.dma-dashboard-process {
    grid-area: dma_process;
}
.dma-dashboard-matrix {
    grid-area: dma_matrix;
}
.dma-dashboard-matrix-legend {
    grid-area: dma_matrix_legend;
}
.dma-dashboard-barchart {
    grid-area: dma_barchart;
}
.dma-dashboard-quadrant {
    grid-area: dma_quadrant;
}

.dma-dashboard-internal-stakeholders {
    grid-area: dma_internal;
}
.dma-dashboard-external-stakeholders {
    grid-area: dma_external;
}
.dma-dashboard-internal-surveys {
    grid-area: dma_internal_surveys;
}
.dma-dashboard-external-surveys {
    grid-area: dma_external_surveys;
}
.dma-dashboard-long-list {
    grid-area: dma_long_list;
}
.dma-dashboard-short-list {
    grid-area: dma_short_list;
}
.dma-dashboard-kpi {
    grid-area: dma_kpi;
}
.dma-dashboard-management-materiality {
    grid-area: dma_management_materiality;
}
.dma-dashboard-report {
    grid-area: dma_report;
    display: none;
}

.dma-dashboard-results-table {
    grid-area: dma_results_table;
}

.dma-quadrant-table th {
    background-color: white !important;
    /*color: white !important;*/
}

table.dma-quadrant-table th.hide-column, td.hide-column, tr.hide-row {
    /*display: none;*/
}

table#matrix_legend_table1 th div.th-inner, table#matrix_legend_table1 td {
    font-size: 0.8rem;
    padding: 3px !important;
}
table#matrix_legend_table2 th div.th-inner, table#matrix_legend_table2 td {
    font-size: 0.8rem;
    padding: 3px !important;
}

table#DMA_results_table th div.th-inner, table#DMA_results_table {
    font-size: 0.8rem;
    padding: 3px !important;
}
table#dma_group_management tr td {
    font-size: 0.8rem;
    padding: 3px !important;
}
tr.dma-result-table-row td,         tr.dma-result-table-row td a,
tr.dma-result-table-sub-row td,     tr.dma-result-table-sub-row td a,       tr.dma-result-table-sub-row td .positive,       tr.dma-result-table-sub-row td .negative, tr.dma-result-table-sub-row td .neutral,
tr.dma-result-table-sub-sub-row td, tr.dma-result-table-sub-sub-row td a,   tr.dma-result-table-sub-sub-row td .positive,   tr.dma-result-table-sub-sub-row td .negative, tr.dma-result-table-sub-sub-row td .neutral
{
    font-size: 0.8rem;
    padding: 3px !important;
}
table#audit_trail_details td {
    font-size: 0.8rem !important;
    padding: 3px !important;

}

td.category-e{
    background: var(--clr-environment);
    width: 50px;
}
td.category-s{
    background: var(--clr-social);

}
td.category-g{
    background: var(--clr-governance);
}
td.category-o{
    background: var(--clr-other);
}
table.dma-quadrant-table th.show-column, td.show-column, tr.show-row {
    /*display: block;*/
}
td.dma-quadrant {
    vertical-align: top!important;
    min-width: 200px;
}

td.dma-quadrant li span{
    font-size: 12pt;
}
.svg-point-label{
    font-size: 10pt;
}
td.dma-quadrant ul {
    padding-inline-start: 12px;
}
td.dma-quadrant span.dma-category {
    font-weight: bolder;
}
.positive {
    color: var(--clr-positive);
}
.negative {
    color: var(--clr-negative);
}

.mixed {
    color: var(--clr-mixed);
}

.dma-group-name.positive,  .dma-group-name.positive i{
    color: var(--clr-positive);
    /*color: blue;*/
}
.dma-group-name.negative, .dma-group-name.negative i{
    color: var(--clr-negative);
}
.dma-group-name.mixed, .dma-group-name.mixed i{
    color: var(--clr-mixed);
}

td.dma-quadrant-1 {
    background: #7abdd0;
}
td.dma-quadrant-2 {
    background: #93d7e9;
}
td.dma-quadrant-3 {
    background: #93d7e9;
}
td.dma-quadrant-4 {
    background: #abe0ee;
}
td.dma-quadrant-5 {
    background: #abe0ee;
}
td.dma-quadrant-6 {
    background: #abe0ee;
}
td.dma-quadrant-7 {
    background: #c3e9f3;
}
td.dma-quadrant-8 {
    background: #c3e9f3;
}
td.dma-quadrant-9 {
    background: #c3e9f3;
}
td.dma-quadrant-10 {
    background: #c3e9f3;
}
td.dma-quadrant-11 {
    background: #dbf2f8;
}
td.dma-quadrant-12 {
    background: #dbf2f8;
}
td.dma-quadrant-13 {
    background: #dbf2f8;
}
td.dma-quadrant-14 {
    background: #f3fbfd;
}
td.dma-quadrant-15 {
    background: #f3fbfd;
}
td.dma-quadrant-16 {
    background: white;
}
.dma-dashboard-summary .dashboard-panel-body{
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    width: 100%;
    /*align-items: stretch;*/
    justify-content: left;
    /*flex-direction: column;*/
}
.dma-dashboard-summary .dma-dashboard-summary-panels{
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    flex-grow: 1;
    align-items: stretch;
    justify-content: space-evenly;
    /*flex-direction: column;*/
}

/*.survey-card-header-title::before {*/
/*    content: "^";*/
/*}*/

.form-header-comment-span {float: right; width: 50%}
.form-header-comment {width: 90%}

p.translation-error {
    font-size: 0.7rem;
    color: red;
    font-weight: 300;
    text-transform: none;
}




.sector-dashboard-score-summary .my-column {

}

svg .histogram-bar {
    fill: var(--clr-site-light);
    stroke-width: 0.5;
    stroke: black;
}

svg .histogram-bar.bad {
    fill: red;

}
svg .histogram-bar.ok {
    fill: orange;

}
svg .histogram-bar.good {
    fill: green;
}

svg .histogram-grid-lines {
    stroke-width: 0.1;
    stroke: lightgrey;
    stroke-dasharray: 1;
}

svg .histogram-grid-label{
    font-size: 0.2em;
}
svg .histogram-axis-label{
    font-size: 0.3rem;
}

.compliance_wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;

}

.svg-axis-title {
    white-space: pre;
}

.compliance_wrapper div {
    /*border: 2px black solid;*/
}

.compliance_navigator {
    padding-top: 30px;
}

button.accordion-button.error {
    background-color: rgb(255, 121, 121) !important;
    color: white;
}

button.accordion-button.warning {
    background-color: orange !important;
}

button.accordion-button.ok {
    background-color: #a4c7a4 !important;
    color: black;
}

.tree {
    --spacing: 1.5rem;
    --radius: 10px;
}

.tree li {
    display: block;
    position: relative;
    padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
    padding-bottom: 6px;
}

.tree ul {
    margin-left: calc(var(--radius) - var(--spacing));
    padding-left: 0;
    line-height: 150%;
    padding-top: 4px;
}

.tree ul li {
    border-left: 2px solid #ddd;

}

.tree ul li:last-child {
    border-color: transparent;
}

.tree ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / -2);
    left: -2px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 1px);
    border: solid #ddd;
    border-width: 0 0 2px 2px;
}

.tree summary {
    display: block;
    cursor: pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
    display: none;
}

.tree summary:focus {
    outline: none;
}

.tree summary:focus-visible {
    outline: 1px dotted #000;
}

.tree li::after,
.tree summary::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(var(--spacing) / 2 - var(--radius));
    left: calc(var(--spacing) - var(--radius) - 1px);
    width: calc(2 * var(--radius));
    height: calc(2 * var(--radius));
    border-radius: 40%;
    background: #ddd;
}
.tree li.add-child  {
    padding-left: calc(var(--spacing) + 2px);
    /*margin-left: 0px;*/
}
.tree summary::before {
    z-index: 1;
    background: #696 url('../images/expand-collapse.svg') 0 0;
}
.tree .add-child::after {
    /*z-index: 1;*/
    content: none;
    background: 0 0;
}
.tree details[open] > summary::before {
    background-position: calc(-2 * var(--radius)) 0;
}

.tree li.error::after, .tree details summary.error::before {
    /*background-color: red;*/
    background: red url('../images/expand-collapse.svg') 0 0;
}

.tree details[open] > summary.error::before {
    background-position: calc(-2 * var(--radius)) 0;
}

.tree li.error.leaf::after {
    background-position: calc(1.5 * var(--radius)) 0;
}

.tree li.warning::after, .tree details summary.warning::before {
    background-color: orange;
}

.tree li.ok::after, .tree details summary.ok::before {
    background-color: #696;
}

.survey {
    display: flex;
    /*width: 400px !important;*/
    /*grid-template-columns: repeat(auto-fit, 100px) 400px;*/
}
/*.survey:last-child input {width: 400px}*/
/*.survey:last-child input {width: 400px}*/

.survey-status {
    float: right;
}

.survey-question-title {width: 150px}
.survey-question-group {
    display: flex;
    border-color: #dddddd;
    border-width: .5px;
    border-style: solid;
    padding: 5px}

/*.survey-question-group:last-child input {width: 400px}*/

#environment-tab, div.category-e {
    background-color: var(--clr-environment);
}
#social-tab, div.category-s {
    background-color: var(--clr-social);
}
#governance-tab, div.category-g {
    background-color: var(--clr-governance);
}
#other-tab, div.category-o {
    background-color: var(--clr-other);
}

.dma-comment-form-input {
    flex-grow: 1;
    position: relative;
}

.real-time-survey-result,  .real-time-survey-result-formula-helper{
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 0.8em;
}
.real-time-survey-result-formula-helper {
    right: 0px;
}

.real-time-survey-result-header {
    /*position: absolute;*/
    /*top: 0px;*/
    /*right: 0px;*/
    margin-left: 3.6em;
    font-size: 0.8em;
}
div.dma-dashboard-results-table table th:not(:first-child) span {
    font-weight: bold;

    writing-mode: tb-rl;
    text-align: right;
    white-space: nowrap;

}

tr.dma-result-table-sub-row {
    background: #eeeeee;
}
tr.dma-result-table-sub-sub-row {
    background: #cccccc;
}

tr.dma-result-table-short-list-row {
    background: #e8f5e9;
}
tr.dma-result-table-sub-row.dma-result-table-short-list-row {
    background: #c8e5c9;
}
tr.dma-result-table-sub-sub-row.dma-result-table-short-list-row {
    background: #a5d6a7;
}
/*tr.dma-dashboard-short-list-row {*/
/*    background: red;*/
/*}*/

.warning-help-popup {
    color: orange;
    background: #555555;
    padding: 2px;
}
.danger-help-popup {
    color: red;
    /*background: #555555;*/
    padding: 2px;
}

th.rotate-header{
    /*height: 140px;*/
    white-space: nowrap;
    vertical-align: revert !important;
    text-align: center;
}
th.rotate-header > div {
    writing-mode: vertical-lr;
    text-align: center;
}

.rotate90 {

    transform: rotate(-90deg);
    /* Legacy vendor prefixes that you probably don't need... */

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

form.form-survey .trustscore-form-control:disabled{
    color: transparent;
}

.floating-help-button{
    position:fixed;
    width:60px;
    height:60px;
    top:80px;
    right:40px;
    background-color: var(--clr-site);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}

table#dma_survey_results_overview   {
    border: 0;
    border-color: lightgray;
    box-shadow: var(--box-shadow-light);
    border-collapse:separate;
    /*border:solid black 1px;*/
    border-radius: 6px;
}
table#dma_survey_results_overview td.result-table-category {
    /*background-color: white;*/
    /*font-size: 0.8em !important;*/
    padding: 0em;
    vertical-align: middle;
    height: 20px;
}
table#dma_survey_results_overview td.result-table-category > a {
    font-size: 0.7em !important;
    display: block;
    width: 100%;
    height: 23px;
    vertical-align:center;
    /*height: 100%;*/
    padding-top: 2px;
    color: black;
    margin: 0;
}
table#dma_survey_results_overview td.result-table-category:hover {
    /*background-color: white;*/
    box-shadow: var(--box-shadow-light);
}
table#dma_survey_results_overview th div.th-inner {
    font-size: 0.8em !important;
    color: black;
}

table#dma_survey_results_overview th {
    background-color: lightgrey !important;
}

table#dma_survey_results_overview td.result-table-score {
    position: relative;
    background-color: white;
    font-size: 0.8em;
    padding: 0.2em;
}

table#dma_survey_results_overview td.result-table-score.complete {
    filter: brightness(90%);
}

table#dma_survey_results_overview td.result-table-score.complete::after {
    content: '✔';
    position: absolute;
    right: 0.1em;
    float: right;
    color: green;
}

a.anchor-db {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}
a.anchor-survey-header {
    display: inline-block;
    height: 0px;
    width: 0px;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.floating-help-button-icon{
    margin-top:22px;
}
.floating-survey-results-panel {
    position:fixed;
    /*display: grid;*/
    width:160px;
    /*height:160px;*/
    top:80px;
    left:20px;
    z-index: 10000;
}
.floating-shortcut-panel {
    position:fixed;
    /*display: grid;*/
    width:160px;
    /*height:160px;*/
    top:80px;
    left:20px;
}
.floating-shortcut-sub-panel {
    background-color: var(--clr-site);
    color:#FFF;
    border-radius:0.2em;
    text-align:center;
    /*box-shadow: 2px 2px 3px #999;*/
    padding: 0.2em;
    margin-bottom: 0.6em;
}

.shortcut-item {
    position: relative;
    background-color: white;
    color:black;
    margin: 0.2em;
    padding: 0.4em;
    text-align:left;
    box-shadow: 2px 2px 3px #999;
    border-radius:0.2em;
    color: #777777;
    font-size: 0.8em;
}
.shortcut-item:hover {
    box-shadow: var(--box-shadow-medium);
    transform: scale(1.03)
}
.shortcut-item a {
    /*font-size: 0.8em;*/
    color: #777777;
}

.shortcut-item-icon {
    margin-right: 0.2em;
    color: #777777;
}

.shortcut-item-icon.pdf-overlay::after {
    content: "PDF";
    position: absolute;
    font-family: "Abel", sans-serif;
    font-style: normal;
    font-size: 0.4em;
    left: -0.7em;
    top: 1.3em;
    background-color: white;
    padding: 0.1em;
}

.shortcut-item-icon.xls-overlay::after {
    content: "XLS";
    position: absolute;
    font-family: "Abel", sans-serif;
    font-style: normal;
    font-size: 0.4em;
    left: 0.2em;
    top: 0.2em;
    color: black;
    background-color: white;
    padding: 0.2em;
}

td.sub-table-header {
    background: var(--clr-site-light);
    border-top: black 2px solid;
}
tr.last-sub-table-row {
    border-bottom: black 2px solid;
}
td.sub-table-row {
    background: var(--clr-light-grey);
}
td.sub-table-row.important {
    background: darkseagreen;
}
table#audit_trail_details td.important {
    background: darkseagreen;
}

.chart-row,
.chart-col {
    display: flex;
    gap: 1em;
}

.chart-row {
    display: flex;
    flex-direction: row;
}

.chart-col {
    flex-direction: column;
}

.chart-pill,
.chart-rect{
    text-align: center;
    border: 2px solid #CCC;
    border-radius: 0.5em;
}
.chart-pill{
    padding: 10px;
    /*background-color: grey;*/
}
.chart-rect {
    border-radius: 0.2em;
    padding: 10px;
    box-shadow: var(--box-shadow-light);
}
.chart-rect:hover {
    box-shadow: var(--box-shadow-medium);
}

.chart-rect.not_started{
    border: 0px dotted blue;
    font-style: italic;
    background-color: var(--clr-process-step-in-not-started);
    color: white;
}
.chart-rect.not_started a {
    color: white;
}
.chart-rect.in_progress{
    /*margin: 5px;*/
    border: 0px solid blue;
    /*background-color: var(--clr-site-light);*/
    background-color: var(--clr-process-step-in-progress);
}
.chart-rect.in_progress a, .chart-rect.in_progress a i{
    color: white;
    /*background-color: #FFE5B4;*/
}

.chart-rect.finalized{
    border: 0px solid green;
    background-color: var(--clr-process-step-in-finalized);
    /*background-color: olivedrab;*/
    color: white;
    /*filter: brightness(85%);*/
}
.chart-rect.finalized a{
    color: white;
    /*filter: brightness(100%);*/
}

.chart-rect.disabled{
    border: 0px solid #999;
}
/*.chart-rect.disabled::before{*/
/*    content: "🔒";*/
/*    !*display: inline-block;*!*/
/*    float: right;*/
/*    !*fill: black;*!*/
/*    color: black;*/

/*    font-size: 0.8rem;*/
/*}*/
.chart-rect.disabled a{
    color: black;
}

.chart-pill {
    flex: 1;
    border-radius: 1em;
    border-style: dashed;
}

.chart-rect{
    flex: 0;
    margin: auto 0;
    background: #eee;

}
.chart-rect a {
    font-size: 0.85rem;
}
.chart-line-h {
    position: relative;
    height: 2px;
    min-width: var(--clr-process-arrow-length);
    background: #666666;
    margin: auto -1em;
}

.chart-line-h::after {
    content: '⏵';
    position: absolute;
    top: -0.65em;
    font-size: 1.5em;
    left: calc((var(--clr-process-arrow-length)*0.57) - 0.27em);
    color: #666666;
}
.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin: auto -1em;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* media and containers */
@container (width <400px) {
    .certificates-table td:nth-child(3), .certificates-table th:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    .bubble-plot-dashboard {
        display: grid;
        grid-template-columns: 0.6fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
  "bubble_plot_header filter"
  "all_companies bubbleplot"
  "my_companies .";
    }
}

@media screen and (max-width: 600px) {
    .sector-overview-dashboard {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
    "donut"
    "details"
    "legend"
    "sector-list";
    }
}

@media screen and (width < 750px) {
    .customer-supplier-table td:nth-child(n+4), .customer-supplier-table th:nth-child(n+4) {
        display: none;
    }

    .company-sector-score-table td:nth-child(2), .company-sector-score-table th:nth-child(2) {
        display: none;
    }

    .certificates-table td:nth-child(3), .certificates-table th:nth-child(3) {
        display: none;
    }
}

@container  (width < 750px){
    .customer-supplier-table td:nth-child(n+4), .customer-supplier-table th:nth-child(n+4) {
        display: none;
    }
    .company-sector-score-table td:nth-child(2), .company-sector-score-table th:nth-child(2) {
        display: none;
    }

    .certificates-table td:nth-child(3), .certificates-table th:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .sector-dashboard {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
    "statistics-summary"
    "score-summary"
    "distribution"
    "certificate-statistics"
    "league-table"
    "certifier-table";
    }
    .company-dashboard{
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 1em;
        grid-template-areas:
    "company_summary"
    "company_actions"
    "company_sunburst"
    "company_supplier_table"
    "company_sector_scores"
    "company_bubbles"
    "company_gantt"
    "company_list_certificates";
    }
    .dma-dashboard {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 1em;
        grid-template-areas:
    "dma_summary"
    "dma_process"
    "dma_matrix"
    "dma_matrix_legend"
    "dma_barchart"
    "dma_quadrant"
    "dma_long_list"
    "dma_internal"
    "dma_internal_surveys"
    "dma_short_list"
    "dma_external"
    "dma_external_surveys"
    /*"dma_kpi"*/
    "dma_report"
    "dma_results_table";
    }
    .dma-dashboard-report {
        grid-area: dma_report;
        display: block;
    }
    .hide-small-screens {
        display: none;
    }
    .chart-row {
        display: flex;
        flex-direction: column;
    }
    .chart-line-h {
        min-height: 1.7em;
        /*width: 0.1em !important;*/
        /*flex: 0 0 10px;*/
        background: none;
        margin: -1em auto;
    }
    .chart-line-h::after {
        content: '↓';
        /*position: absolute;*/
        font-size: 2em;
        left: -0em;
        top: -0.25em;
        color: #666666;

    }
    .bubble-plot-dashboard {
        display: grid;
        grid-template-columns: 1fr;
        /*grid-auto-rows: max-content;*/
        grid-template-rows: auto;
        grid-template-areas:
  "bubbleplot"
  "filter"
  "all_companies"
  "my_companies";
    }
    .bubble-plot-dashboard-header {
        display: none;
    }
    .compliance_wrapper { grid-template-columns: 1fr; }
    .floating-survey-results-panel {
        display: none;
    }
}

@media screen and (max-width: 1350px) {

    /* Flex - Cross Browser CSS */
    .floating-survey-results-panel {
        min-width: fit-content;
        margin: 0px;
        top: 0px;
        left: 100px
    }
    .floating-survey-results-panel .floating-shortcut-sub-panel {
        margin: 0px;
        padding: 1px;
        height: 60px;
    }
    .floating-survey-results-panel .floating-shortcut-sub-panel table {
        margin: 0px;
        padding: 0px;
    }
    .floating-survey-results-panel .floating-shortcut-sub-panel thead {
        display: flex;
        flex-shrink: 0;
        min-width: min-content;
    }
    .floating-survey-results-panel .floating-shortcut-sub-panel tbody {
        display: flex;
    }
    .floating-survey-results-panel .floating-shortcut-sub-panel tr {
        display: flex;
        flex-direction: column;
        min-width: min-content;
        flex-shrink: 0;
    }
    .floating-survey-results-panel .floating-shortcut-sub-panel td, .vertical th {
        display: block;
        width: 3em;
    }
    .vertical caption {
        display: block;
    }


    .floating-survey-results-panel {
        /*display: none;*/
        /*visibility: hidden;*/
    }
    .floating-survey-results-panel .floating-shortcut-sub-panel {
        /*display: none;*/
        /*visibility: hidden;*/
    }


    .floating-shortcut-panel {
        /*visibility: hidden;*/
        position: fixed;
        display: flex;
        flex-direction: row;
        width: max-content;
        height: max-content;
        z-index: 5000;
        margin-top: -80px;
        margin-left: 80px;
    }
    .manage-dma-button {
        margin-top: 0px;
    }
    .floating-shortcut-sub-panel {
        margin-right: 0.4em;
        margin-bottom: 0em;
        /*border: black 1px solid;*/
    }
    .floating-shortcut-sub-panel h6 {
        display: none;
    }
    .floating-shortcut-sub-panel-short-cuts {
        display: flex;
        flex-direction: row;
    }
    .shortcut-item {
        white-space: nowrap;
    }
}

/*:root:after {*/
/*    content: "Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed   Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed   Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed ";*/
/*    position: fixed;*/
/*    !*transform: rotate(300deg);*!*/
/*    !*-webkit-transform: rotate(300deg);*!*/
/*    color: #EEEEEE;*/
/*    !*text-shadow: 0 0 5px rgba(0,0,0,0.5);*!*/
/*    filter: blur(2px);*/
/*    top:0;*/
/*    font-size: 3em;*/
/*    z-index: -1;*/
/*    !*color: black;*!*/
/*    !*filter: none;*!*/
/*}*/
@media print {
    nav#navbar {
        display: none;
    }
    /*:root:after {*/
    /*    content: "Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed   Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed   Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed Unlicensed ";*/
    /*    position: fixed;*/
    /*    !*transform: rotate(300deg);*!*/
    /*    !*-webkit-transform: rotate(300deg);*!*/
    /*    color: #EEEEEE;*/
    /*    !*text-shadow: 0 0 5px rgba(0,0,0,0.5);*!*/
    /*    filter: blur(2px);*/
    /*    top:0;*/
    /*    font-size: 3em;*/
    /*    z-index: 1000;*/
    /*    color: black;*/
    /*    !*filter: none;*!*/
    /*}*/
    nav#footer {
        display: none;
    }

    .navbar {
        display: none;
    }

    div.left-pane {
        display: none;
    }

    .hide-print {
        display: none;
    }
}