/*Custom CSS here*/

/*CSS for the mobile view */
@media screen and (max-width: 768px) {
  .b-table
    .table-wrapper.has-mobile-cards
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td.hide-in-mobile {
    display: none;
  }

  .b-table
    .table-wrapper.has-mobile-cards
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td::before {
    content: none;
  }

  .organize-elements-in-mobile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    text-align: left;
  }
  .b-table
    .table-wrapper.has-mobile-cards
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td.organize-divs-in-mobile {
    flex-direction: column;
      overflow: hidden;
  }
  .buttons.is-space-between {
    justify-content: space-between;
    margin-top: 10px;
  }

  .b-table.desktop-table {
    display: none;
  }
  .b-table.mobile-table.active-entry-table-container
    .table-wrapper.has-mobile-cards
    thead
    > tr
    th.hide-in-active-table {
    display: none;
  }

  .b-table.mobile-table.active-entry-table-container
    .table-wrapper.has-mobile-cards
    tr
    td.hide-in-active-table {
    display: none;
  }

   .b-table.mobile-table.in-progress-table
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td.organize-divs-in-mobile
    div.buttons
    button.hide-copy-in-progress-table {
    display: none;
  }

     .b-table.mobile-table.active-entry-table-container
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td.organize-divs-in-mobile
    div.buttons
    button.hide-in-active-table {
    display: none;
  }

 tr.danger-row td>div:first-child {
    border-color: var(--bulma-danger);
    border-style: solid;
    border-width: 1px;
    padding: 2px;
 }
 #week-confirmation-showcaser-desktop-container{
     display:none;
 }

 .table.is-narrow-mobile td, .table.is-narrow-mobile th {
    padding: 0.25em 0.5em;
}

}

/*CSS for the Destkop view */
@media screen and (min-width: 769px) {
  .b-table.desktop-table {
    display: block;
  }
  .b-table.mobile-table {
    display: none;
  }

  .b-table
    .table-wrapper.has-mobile-cards
    tr:not(.detail):not(.is-empty):not(.table-footer)
    div.hide-in-desktop {
    display: none;
  }

  .b-table.desktop-table.in-progress-table
    .table-wrapper.has-mobile-cards
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td.is-actions-cell
    div.buttons
    button.hide-copy-in-progress-table {
    display: none;
  }

  .b-table.desktop-table.active-entry-table-container
    .table-wrapper.has-mobile-cards
    tr:not(.detail):not(.is-empty):not(.table-footer)
    td.is-actions-cell
    div.buttons
    button.hide-in-active-table {
    display: none;
  }

  .b-table.desktop-table.active-entry-table-container
    .table-wrapper.has-mobile-cards
    thead
    > tr
    th.hide-in-active-table {
    display: none;
    }

  .b-table.desktop-table.active-entry-table-container
    .table-wrapper.has-mobile-cards
    tr
    td.hide-in-active-table {
    display: none;
  }

  tr.danger-row td {
      border-color: var(--bulma-danger);
      border-style: solid;
    }

    tr.danger-row td:first-child {
      border-left-width: 5px;
    }

    tr.danger-row td:last-child {
      border-right-width: 5px;
    }

    tr.danger-row td {
      border-top-width: 2px;
      border-bottom-width: 2px;
    }
 #week-confirmation-showcaser-mobile-container{
     display:none;
 }

 form.has-wide-labels .field.is-horizontal > .field-label {
  flex-basis: 0;
  flex-grow: 2;
  flex-shrink: 0;
  margin-inline-end: 1.5rem;
  text-align: right;
}

form.has-wide-labels .field.is-horizontal > .field-body {
  display: flex;
  flex-basis: 0;
  flex-grow: 3;
  flex-shrink: 1;
}

}

.field.is-horizontal.hide-further-remarks-group {
  display: none;
}

.button .hide-in-progress-table {
  display: none;
}

.hide-entry-table-head {
  display: none;
}

.hide-add-button {
  display: none;
}

.hide-delete-button {
  display: none;
}

.hide-delete-button-icon {
  display: none;
}

.deputation-form.field.is-horizontal.hide-school-form {
  display: none;
}

.field.is-horizontal.hide-deputation-none-schools {
  display: none;
}
div.hide-deputation-none-schools {
  display: none;
}

.detail.hide-on-load {
     display: none !important;
}

tr.detail  .detail-container  .card.hide{
    display:none;
}

.button.card-footer-button{
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    padding: .75rem;
}

#selected-day-session { 
    display: none;
}

table:not(.active-entry-table) td.has-text-centered-in-progress-table,
table:not(.active-entry-table) th.has-text-centered-in-progress-table {
    text-align: center;
}

/* Logo section */
#logo_berlinstudie {
    width: auto;
    max-height: 100px;
}
#logo_koop {
    width: auto;
    max-height: 100px;
}

#logo_uni {
    width: auto;
    max-height: 100px;
}
#logo_uzbonn {
   width: auto;
   max-height: 50px;
}

/* custom modal width */
@media screen and (min-width: 768px) {
  .is-uz-wide-modal {
    width: calc(100% - 48px);
    max-width: 960px;
  }
}

/* make modal content printable for privacy declaration*/

@media print {
  .modal {
    position: static !important;
    transform: none !important;
    overflow: visible !important;
    width: auto !important;
  }

  .modal-background {
    display: none !important;
  }

  #statistic_form{
      display: none
  }
}

#date-picker-field.hide{
    display: none;
}

#cancel-action.hide{
    display:none;
}
#entry-edit-showcaser.hide{
    display:none;
}

#updating-booking{
    display:none;
}
#clone-booking{
    display:none;
}
/* miscellaneous */
.attention-card {
    display: flex;
}
.attention-card .inner {
    background: lightgrey;
    display: inline-block;
    margin: 1.5rem auto 2.5rem auto;
}
 

/* help requests */
/*CSS for the mobile view */
@media screen and (max-width: 768px) {
    .fixed-help {
      position: fixed;
      top: 25px;
      right: 0;
    }
}
@media screen and (min-width: 768px) {
    .fixed-help {
      position: fixed;
      top: 35px;
      right: 15px;
    }
}

/* increase tooltip font-size */
[data-tooltip]:not(.is-loading).has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-arrow::after,
[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before
 {
    font-size: 0.85rem !important;
    -webkit-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
  }

/* increse help text font-size */
.help {
    font-size: 0.85rem !important;
}

/* hide bulma tooltips */
.hide-tooltip::before {
  display: none !important;
}
.hide-tooltip::after {
  display: none !important;
}




div.field.is-horizontal.hide-statistic-dates {
    display:none !important;
}

@media screen and (max-width: 768px) {
    .tag__custom {
        height: auto !important;
        white-space: unset !important;
        margin-left: 15px !important;
    }
}

.tabs.is-toggle li.is-active a {
    z-index: unset;
}

@media screen and (max-width: 768px) {
    .hero-body {
        padding: 0 1.5rem;
    }
    hr {
        margin: 0.5rem 0;
    }
    .hero-head .navbar {
        margin-top: -3rem;
    }
}

@media screen and (min-width: 769px), print {
    .hero-body {
        padding: 1rem 3rem 3rem 3rem;
    }
}

.is-large-checkbox {
  transform: scale(1.5); /* Scales the checkbox size */
  margin-right: 0.5rem;
}
.is-large-radio {
  transform: scale(1.5); /* Scales the checkbox size */
  margin-right: 0.5rem;
}