/*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;
 }
}

.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;
}

/*!* Define the color variables *!*/
/*:root {*/
/*  --calendar-shadow-top-left: #c5c5c5;*/
/*  --calendar-shadow-bottom-right: #c5c5c5;*/

/*  --calendar-background: #ffffff;*/
/*  --calendar-header: #C75126;*/
/*  --calendar-header2:#eeb33b;*/
/*  --calendar-urgent: #c10506;*/
/*  --calendar-urgent2: #9c0911;*/
/*  --calendar-weekend: #008600;*/
/*  --calendar-day: #45a5fb;*/
/*  --calendar-day2: #99d2fd;*/
/*  --calendar-day3: #034C8C;*/
/*  --calendar-today: rgba(162, 211, 255, 0.75);*/
/*  --calendar-hover: rgba(162, 211, 255, 0.45);*/
/*  --calendar-confirmed: hsl(142, 52%, 80%);*/
/*  --calendar-unconfirmed: hsl(48, 100%, 80%)*/
/*  }*/

/*#table-calendar {*/
/*    box-shadow: 3px 3px var(--calendar-shadow-bottom-right), -.25em 1px 0.4em var(--calendar-shadow-top-left);*/
/*    border-radius: 10px;*/
/*    background-color: var(--calendar-background);*/
/*}*/
/*.calendar-header > tr > th {*/
/*    color: var(--calendar-header);*/
/*}*/
/*.calendar-header tr > th:last-child{*/
/*    color: black;*/
/*}*/
/*.calendar-header tr > th:nth-child(6){*/
/*    color: var(--calendar-weekend);}*/
/*.calendar-header tr > th:nth-child(7){*/
/*    color: var(--calendar-weekend);*/
/*}*/
/*.day.weekend a{ color: var(--calendar-weekend);*/
/*}*/
/*.day.holiday a{*/
/*    color: var(--calendar-weekend);*/
/*}*/
/*.day.booked a{*/
/*    color: var(--calendar-urgent);*/
/*    font-weight: bold;*/
/*}*/
/*.day.open-booking {*/
/*    background-color:var(--calendar-unconfirmed);*/
/*    border-radius: 25%;*/
/*}*/

/*table td.day.disabled{*/
/*    color: #7a7a7a;*/
/*    !*cursor:pointer;*!*/
/*}*/
/*table td.selected-day{*/
/*    background-color:var(--calendar-today);*/
/*    border-radius: 25%;*/
/*}*/

/*@media (hover: hover) and (pointer: fine) {*/
/*    table td.day:not(.disabled):hover {*/
/*        background-color: var(--calendar-hover);*/
/*        border-radius: 25%;*/
/*        cursor: pointer;*/
/*    }*/
/*}*/

/*table td.confirmed-week{*/
/*    background-color:var(--calendar-confirmed);*/
/*    border-radius: 25%;*/
/*    font-weight: bold;*/
/*}*/

/*table td.unconfirmed-week{*/
/*    background-color:var(--calendar-unconfirmed);*/
/*    border-radius: 25%;*/
/*}*/

/*.today {*/
/*    background-color:var(--calendar-today);*/
/*    border-radius:25%;*/
/*}*/

/*table:not(.active-entry-table) span.is-open-booking*/
/*{*/
/*    background-color:var(--calendar-unconfirmed);*/
/*    border-radius: 25%;*/
/*    padding: 5px 10px 5px 10px;*/
/*    text-align: center;*/
/*    !*background: transparent linear-gradient(122deg, #0014FF 0%, #BD2EFF 58%, #FF7828 100%) 0% 0% no-repeat padding-box; border-radius: 25%;*!*/
/*}*/
/*table:not(.active-entry-table) td.is-open-booking*/
/*{*/
/*    background-color:var(--calendar-unconfirmed);*/
/*    !*background: transparent linear-gradient(122deg, #0014FF 0%, #BD2EFF 58%, #FF7828 100%) 0% 0% no-repeat padding-box; border-radius: 25%;*!*/
/*}*/

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;
    }
}



/*#week-confirmation-button.hide{*/
/*    display:none;*/
/*}*/
/*span>p.navigate-to-confirm-week{*/
/*    cursor: pointer;*/
/*    color: purple;*/
/*    text-decoration: none;*/
/*}*/

/*span>p.navigate-to-confirm-week:hover{*/
/*    color: purple;*/
/*    !*font-weight: bold;*!*/
/*    text-decoration: underline;*/
/*}*/

/*#confirmation-information-message>p.navigate-to-confirm-week{*/
/*    cursor: pointer;*/
/*    !*color: white;*!*/
/*    text-decoration: none;*/
/*}*/

/*#confirmation-information-message>p.navigate-to-confirm-week:hover{*/
/*    !*color: white;*!*/
/*    !*font-weight: bold;*!*/
/*    text-decoration: underline;*/
/*}*/

/* 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;
}

/*.iz-danger{*/
/*    color: hsl(348, 100%, 61%) !important;*/
/*}*/


/*.iz-warning{*/
/*    color:#ffa957 !important;*/
/*}*/

/*.iz-primary{*/
/*    color: hsl(171, 100%, 41%) !important;*/
/*}*/


/*.button.is-primary:focus {*/
/*    background-color: hsl(171, 100%, 26%);*/
/*    border-color: hsl(171, 100%, 26%);*/
/*    color: #fff;*/
/*}*/

/*.button.is-danger:focus {*/
/*    background-color: hsl(348, 100%, 41%);*/
/*    border-color: hsl(348, 100%, 41%);*/
/*    color: #fff;*/
/*}*/

/*.button.is-link:focus {*/
/*    background-color: hsl(217, 71%, 33%);*/
/*    border-color: hsl(217, 71%, 33%);*/
/*    color: #fff;*/
/*}*/
/*.button.is-info:focus {*/
/*    background-color: hsl(204, 86%, 23%);*/
/*    border-color: hsl(204, 86%, 23%);*/
/*    color: #fff;*/
/*}*/
/*.button.is-success:focus {*/
/*    background-color: hsl(141, 71%, 28%);*/
/*    border-color: hsl(141, 71%, 28%);*/
/*    color: #fff;*/
/*}*/

/*.button.is-warning:focus {*/
/*    background-color:hsl(48, 100%, 57%);*/
/*    border-color: hsl(48, 100%, 57%);*/
/*    color: #fff;*/
/*}*/

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;
    }
}

.large-checkbox {
  transform: scale(1.5); /* Scales the checkbox size */
  margin-right: 0.5rem;
}