/*------------------------------------------------------------------------------
  NHMVC Application CSS
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------
  Misc
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------
  Menu
------------------------------------------------------------------------------*/

#menu {
  border:           1px solid #0072CE;
  border-width:     0px 0px 5px 0px;
}

#menu .navbar-brand {
  width:            190px;
  color:            #0072CE;
  font-size:        1rem;
  line-height:      1.2rem;
}

#menu .navbar-brand img {
  height:           2rem;
}

#menu.branch_USEST {
  background-color: #00148c !important;
}

#menu.branch_TEST {
  background-color: #8c1400 !important;
}

#menu.branch_USEST a,
#menu.branch_TEST a {
  color:            #cccccc !important;
}

#menu.branch_USEST a:hover,
#menu.branch_TEST a:hover,
#menu.branch_USEST a.active,
#menu.branch_TEST a.active,
#menu.branch_USEST a.navbar-brand,
#menu.branch_TEST a.navbar-brand {
  color:            #ffffff !important;
}


#menu.branch_UK .navbar-brand small {
  color:            #000000;
}



/*------------------------------------------------------------------------------
  Bootstrap hacks
------------------------------------------------------------------------------*/

td.text-small {
  font-size:        0.8rem;
}

.btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active,
.btn-group-toggle .btn-secondary:not(:disabled):not(.disabled):active,
.btn.pseudo_active  {
  color:            #ffffff;
  background-color: #fa4616;
  border-color:     #fa4616;
}

.bg-deleted {
  background-color: #aaaaaa !important;
}



/*------------------------------------------------------------------------------
  Bookings calendar
------------------------------------------------------------------------------*/
.weekend {
  background-color: #999999;
}

.bank_holiday {
  background-color: #bbbbbb;
}


#bookings_calendar td {
  padding:          0rem 0.3rem 0.1rem 0.2rem;
  height:           3rem;
}

#bookings_calendar th.day_date {
  min-width:        8rem;
}

#bookings_calendar th.text-small {
  font-size:        0.8rem;
}

#bookings_calendar .card {
  position:         relative;
  margin:           0.3rem 0rem;
  box-shadow:       0.1rem 0.1rem 0.2rem 0rem rgba(0, 0, 0, 0.5);
  cursor:           pointer;
  transition:       box-shadow 0.5s;
}

#bookings_calendar .card-header,
#bookings_calendar .card-footer {
  font-weight:      bold;
  padding:          0.25rem !important;
}

#bookings_calendar .card-body {
  font-size:        11px;
  padding:          0.5rem 0.1rem !important;
}

#bookings_calendar .card .details {
  z-index:          10;
  position:         absolute;
  top:              -0.3rem;
  left:             0px;
  opacity:          0;
  width:            100%;
  height:           100%;
  transition:       opacity 1s, width 0.75s, height 0.75s, top 0.75s, left 0.75s;
  box-shadow:       0.3rem 0.3rem 1rem 0rem rgba(0, 0, 0, 0.75);
}

#bookings_calendar .card td {
  height:           auto;
}


@media all and (min-width: 576px) {

  #bookings_calendar .card:hover .details {
    top:              -3rem;
    left:             -8rem;
    width:            30rem;
    height:           25rem;
    opacity:          1;
  }

  #bookings_calendar .card .details .card-header {
    font-size:        1.2rem;
    line-height:      1.5rem;
  }

  #bookings_calendar .card .details .card-title {
    margin-bottom:    0.6rem;
  }

  #bookings_calendar .card .details .card-body {
    padding:          1rem !important;
    font-size:        0.8rem;
    line-height:      1rem;
    overflow:         hidden;
  }

  #bookings_calendar .card .details table {
    margin-top:       1.2rem;
    width:            28rem;
  }

  #bookings_calendar .card .details .card-footer {
    font-weight:      normal;
  }

}


#bookings_calendar .bg-resource {
  min-width:        8rem;
  max-width:        16rem;
}

#bookings_calendar .bg-resource-cap {
  width:            2rem;
}

#bookings_calendar .bg-resource,
#bookings_calendar .bg-resource-cap {
  background-color: #cdd6db !important;
}

.booking_type_course {
  background-color: #ffff99 !important;
}
.booking_type_meeting {
  background-color: #cae4ff !important;
}
.booking_type_additional_resource {
  background-color: #cae4ff !important;
}
.booking_type_category3 {
  background-color: #addfad !important;
}
.booking_type_nged {
  background-color: #d8bfd8 !important;
}
.booking_type_gdx {
  background-color: #d8bfd8 !important;
}
.booking_type_external_training {
  background-color: #4bc153 !important;
}
.booking_type_external_services {
  background-color: #ef9d00 !important;
}
.booking_type_offline {
  background-color: #cccccc !important;
}
.booking_type_other {
  background-color: #ff79d1 !important;
}



/*------------------------------------------------------------------------------
  Print Settings
------------------------------------------------------------------------------*/

@media print {

  .btn {
    display:          none;
  }

  a:not(.btn) {
    text-decoration:  none;
  }

  .nhmvc-list .table.table th.buttons,
  .nhmvc-list .table.table td.buttons {
    display:          none;
  }

  .nhmvc-list .table.table .thead-light th {
    background-color: #cdd6db !important;
    color:            #495057 !important;
    border-color:     #dee2e6 !important;
  }

}