/*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: #ff3860;
    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: #ff3860;
      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: 15px;
      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;
    }
}