:root {
  --color-dark: #0b4770;
  --color-light: #00abe4;
  --color-modal-bg: rgb(131 195 255 / 30%);
  --color-tab-border: #337ab7;
  --color-navbar-bg: rgb(197 227 255);
}

.img-wrapper {
  width: 100%;
  height: 100%;
  text-align: center;
}

.riga {
  width: 100%;
  position: relative;
  /* Fix per navbar fixed */
  scroll-margin-top: 4rem;
  min-height: 10px;
  /* border: 1px solid; */
  /* margin-bottom: 20px; */
  vertical-align: top;
}

.fa-select {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  /* font-size: 20px; */
  color: black;
}

/* #modal_icons .modal-content {
  max-width: 20vw;
} */
.textbox_icon {
  height: auto !important;
  width: auto !important;
}

#container {
  /* TODO: configurabile! */
  padding: 50px;
  overflow: hidden !important;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  /* display: flex;
  flex-direction: row;
  flex-wrap: wrap; */
}

.nascosta {
  visibility: hidden;
  display: none;
}

/* .evidenziato {
  border-color: red;
} */
.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.img_big {
  max-height: 500px;
  width: auto;
}

.img_medium {
  max-height: 250px;
  width: auto;
}

.img_small {
  max-height: 100px;
  width: auto;
}

.img_adapt {
  width: auto;
  height: auto;
}

.img_crop {
  object-fit: none;
  object-position: top;
}

.img_crop_wrapper {
  height: 100%;
}

.toolbarBlockVertical {
  width: 0;
}

.stretto {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.is-link.is-inverted {
  background: none !important;
  color: var(--color-dark) !important;
}

.is-link,
.is-success {
  background-color: var(--color-light) !important;
}

.file-cta-toolbar {
  background-color: var(--color-light) !important;
}

tr.is-selected {
  filter: brightness(0.95);
  background-color: white !important;
}

#variable_group_add {
  color: var(--color-dark);
}

.is-info select {
  border-color: var(--color-dark) !important;
}

#variable_add {
  background-color: var(--color-dark);
}

.panel-tabs a {
  color: var(--color-dark) !important;
}

.toolbarBlock {
  /* width: 100%;
  overflow: visible; */
  padding-top: 5px;
  /* padding-right: 5px; */
  /* height: 100%; */
  position: absolute;
  right: 0;
  top: 0;
  /* background-color: rgb(237 237 237 / 50%); */
  /* border-bottom-left-radius: 20px; */
}

.toolbarEdit {
  padding-top: 5px;
  padding-right: 5px;
  /* position: absolute;
  bottom: 0;
  right: 0; */
}

.textarea {
  height: 100% !important;
  max-height: none !important;
  min-height: fit-content !important;
  padding: 2px;
}

.anteprima {
  color: black;
  /* padding: 2px; */
}

.no-line-height {
  line-height: 0;
}

#jstree {
  position: sticky;
  top: 86px;
}

.tab-fixed {
  position: sticky;
  top: 86px;
  min-height: 30vh;
  max-height: 80vh;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.commentsIcon {
  position: absolute;
  right: -30px;
  top: 20px;
}

#variable_dialog {
  border: 1px solid #bbbbbb;
}

.var_el {
  border: 1px solid #bbbbbb;
}

.anteprima * {
  margin-bottom: 0 !important;
}

.interruzione_preview {
  border-top: 1px dashed #bbbbbb;
  border-bottom: 1px dashed #bbbbbb;
  background-color: #929da514;
}

blockquote {
  background: none !important;
}

h1,
h2,
h3,
h4 {
  margin: 0 !important;
}

#tab-tree {
  overflow: hidden;
}

.panel {
  overflow-x: hidden;
}

#variable_group_tabs,
#left-tabs {
  /* overflow-x: auto;
  overflow-y: hidden; */
  flex-wrap: wrap;
  /* justify-content: flex-start; */
  align-items: center;
}

.panel-tabs>a.is-active {
  /* font-weight: bold;
  color: #485fc7; */
  text-shadow:0px 0px 0.5px var(--color-dark);
}

.evidenziato {
  filter: brightness(0.95);
  /* background-color: hsla(0, 0%, 90%, 0.2) !important; */
}

.cliccato {
  filter: brightness(0.85);
  /* background-color: hsla(0, 0%, 90%, 0.5) !important; */
}

#container .ui-selecting {}

#container .ui-selected {}

#a4column {
  /* max-width: 210mm; */
  /* width: 210mm !important; */
  margin-left: auto;
  margin-right: auto;
  /* height: 100vh; */
  /* padding: 0; */
}

.level {
  flex-wrap: wrap !important;
}

.toolbarBlock .buttons {
  flex-wrap: nowrap;
}

.btnBorder[value="true"],
.btnPadding[value="true"] {
  background-color: #3e8ed0;
  color: white;
}

.btnBorder,
.btnPadding {
  padding: 5px;
}

#comment_menu {
  list-style: none;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  border: solid 1px #000;
  position: absolute;
  background: white;
}

.reference-text {
  text-align: left !important;
}

.comments_text {
  color: black;
}

.comment_dot {
  /* background-color: #fdff3291; */
  /* background-color: rgba(62, 142, 208, 0.5); */
  display: inline-block;
  cursor: pointer !important;
}

.textbox_preview {
  box-shadow: none;
  border: none;
  background: none !important;
}

.modal-background {
  /* background-color: rgb(160 200 230 / 50%); */
  background-color: var(--color-modal-bg);
  backdrop-filter: blur(2px);
}

.without-color {
  background-color: transparent !important;
}

.more-blurred {
  backdrop-filter: blur(10px);
}

#modal_edit_variables {
  max-height: 80vh;
  overflow: auto;
}

@media screen and (min-width: 769px) {
  #modal_edit .modal-content {
    margin: 0 auto;
    max-height: 80vh;
    width: auto;
    min-width: 50vw;
  }
}

.file-cta {
  border-radius: 2px;
}

.checkbox.is-small {
  font-size: 0.75rem;
}

.pieno {
  width: 100%;
}

.is-fullheight {
  height: 100% !important;
}

/* #column-view-only {
  margin-top: 2rem;
} */

/* @media screen and (max-width: 1280px) {
  #container {
    padding-left: 0;
    padding-right: 0;
  }
} */

#modal_index_close {
  z-index: 1;
}

.is-required {
  box-shadow: inset 0px 0px 5px 0px red;
}

.anteprima img {
  width: inherit;
  height: 100%;
}

.iconaCompiled {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/themes/default/32px.png") !important;
  background-position: -2px -68px !important;
}

.iconaRequired {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/themes/default/32px.png") !important;
  background-position: -34px -68px !important;
}

.iconaFile {
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.8/themes/default/32px.png") !important;
  background-position: -100px -68px !important;
}

#modal_index .card {
  min-height: 100px;
}

#text_color {
  width: 50px;
}

.riga.is-inline-flex * {
  flex-grow: 1;
}

#table_table td {
  /* height: 20px; */
  padding: 0;
  overflow: hidden;
}

/* altezza minima riga tabella */
#table_table tr td:first-child::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  min-height: 10px;
}

#table_table {
  overflow: hidden;
  outline-width: 0;
  background: none;
  table-layout: fixed;
  min-height: 20px;
  margin-bottom: 0.1px !important;
}

#table_table.is-bordered,
#table_table.is-bordered td {
  border: 1px solid black !important;
}

#table_table.is-borderless,
#table_table.is-borderless td {
  border: 1px solid transparent !important;
}

.checkbox_align {
  align-items: center;
}

.checkbox_align .field-label {
  padding-top: 0;
}

.pico_input {
  width: 50px;
}

.no-background {
  background: none !important;
}

/* textbox_print per andare a capo correttamente */
.keep-whitespace {
  white-space: pre-wrap;
}

.keep-whitespace * {
  white-space: normal;
}

.vertical-text {
  /* vertical-rl */
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  /* rimosso perchè rompeva il riempimento della cella della tabella */
  /* height: 100%; */
}

.landscape-wrapper {
  padding: 50% 0;
  height: 0;
}

.landscape-element {
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%);
  margin-top: -50%;
  white-space: normal;
}

.modal-wide {
  width: 90%;
}

tr.riga-disabled {
  opacity: 0.5;
}

.content ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.content li {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

#file-explorer-tree {
  width: 50%;
  min-height: 20vh;
  overflow-x: auto;
}

#file-explorer-meta {
  width: 50%;
}

#anagrafiche-list .var_el {
  min-height: 42px;
}

.wrap-text {
  word-break: break-word;
}

.var_tag {
  height: auto !important;
  white-space: unset !important;
}

table.table-blk {
  height: 1px !important;
}

table.table-blk td {
  height: 100% !important;
}

table.table-blk td>* {
  height: 100% !important;
}

/* notifica letta */
.notification-red {
  opacity: 0.5;
}

.has-divider-top {
  border-top: 1px solid var(--color-dark);
}

#modal_edit .card {
  width: 100vw;
}

.control .radio {
  color: black;
}

.print-oversize {
  box-shadow: 0px 0px 10px 0px red;
}

.off-screen {
  margin-left: 100%;
  height: 0px;
}

#login-logo {
  height: 100px;
}

#dropdown-content {
  min-width: fit-content;
  position: absolute;
  /* background-color: #f1f1f1; */
  /* min-width: 160px; */
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100%;
  top: 100%;
  background-color: white;
}

#dropdown-button,
#dropdown-user {
  height: fit-content;
}

#dropdown-content.view button {
  font-size: 12pt;
}

#navbar {
  background-color: var(--color-navbar-bg);
}

html,
body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: clip;
}

#upload-icon,
#upload-icon-confirm,
#doc-load-icon,
#doc-load-confirm,
#doc-print-icon,
#doc-print-confirm {
  font-size: 100px;
}

#upload-icon-confirm,
#doc-load-confirm,
#doc-print-confirm {
  color: var(--color-light);
}

.field-ok {
  color: var(--color-light);
  font-size: 20px;
}

.field-ko {
  color: #e53935;
  font-size: 20px;
}

.field-row-ko {
  box-shadow: inset 0px 0px 5px 0px #e53935;
}

.child-is-valid {
  box-shadow: inset 0px 0px 3px 0px var(--color-light);
}

#img-editor-preview {
  border: 1px solid black;
  object-fit: contain;
}

#img-editor-wrapper {
  position: relative;
  overflow: hidden;
}

#img-editor-canvas {
  cursor: none;
  border: 1px solid black;
}

.image-preview-big {
  border: 5px solid black;
  background-color: white;
}

#image-preview-big-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  font-size: 30px;
  border: none;
}

#file-explorer-status {
  color: var(--color-dark);
}

.nota-img {
  width: auto;
  max-height: 150px;
  object-fit: contain;
}

.resource {
  text-align: center;
  padding-top: 5px;
}

.resource audio {
  max-width: 100%;
}

#notes_card {
  max-height: 40vh;
  overflow-y: auto;
}

#note {
  overflow: hidden;
}

#variables_card{
  max-height: 60vh;
  overflow-y: auto;
}

.is-collapsed {
  max-height: 0;
}

#notes_card,
#variables_card,
#left_card {
  border: 1px solid var(--color-tab-border);
}

.note_text {
  font-size: 10pt;
}

.color-dark {
  color: var(--color-dark)
}