/* Modify admin appearance
*/
/* Position any loading spinners */
#loading {
  display: block;
  position: fixed;
  z-index: 1031; /* High z-index so it is on top of the page */
  top: 50%;
  right: 50%;
  margin-top: -50px;
  margin-right: -50px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*
Span classes for day display on front-end
 */
td a span.booked {
  color: red;
  font-weight: bold;
}
td a span.available {
  color: green;
}
td a span.available-hold {
  color: green;
  /*font-weight: bold;*/
}
td a span.available-hold-end,
td a span.available-hold-start,
td a span.booked-end.available-hold-start {
  color: green;
  /*font-weight: bold;*/
}
td a span.booked-start,
td a span.booked-end,

td a span.available-hold-end.booked-start,
td a span.booked-end .booked-start
{
  color: red;
  font-weight: bold;
}
td a span.unavailable {
  background-color: grey;
}



.cke_combopanel__hannadropdown {
  width:400px !important;
  min-height: 250px !important;
}

.box-top {
  border-left:1px solid black;
  border-top:1px solid black;
  border-right:1px solid black;
}

.box-middle {
  border-left:1px solid black;
  border-right:1px solid black;
}

.box-bottom {
  border-left:1px solid black;
  border-bottom:1px solid black;
  border-right:1px solid black;
}

.box-total {
  border-left:1px solid black;
  border-top:1px solid black;
  border-bottom:2px solid black;
  border-right:1px solid black;
}

.InputfieldContent {
  min-height: 0 !important;
}

#wrap_Inputfield_runtime_markup_statusWarning label {
  display: none;
}

#wrap_Inputfield_runtime_markup_statusBar label {
  display: none;
}

/* Modify Dashboard appearance*/
.DashboardPanelNotice.notice-status--warning{
  color:orangered !important;
  background-color:#fdeee3
}



/* hide booking status select page - can't set to hidden in PW as it prevents auto update */
/*#wrap_Inputfield_bookingStatus {*/
/*  display:  none;*/
/*}*/

.statusbar-past {
  background: #DDCC99;
  color: grey;
  font-weight: bold;
}

.statusbar-current {
  background: #DD7733;
  color: white;
  font-weight: bold;
}

/*!* Suppress the close button if we are not in a modal (button in modal does not have this id) *!*/
/*#closeButton*/
/*{*/
/*  display: none;*/
/*}*/
.letter-padding {
  display: none;
}

.letterhead-wrapper {
  display: none;
}

.letter .letterhead-wrapper {
  display: inline;
}

.letter-box{
  visibility: hidden;
  display: inline;
}

.show {
  visibility: visible;
}

/* Modify display of top property selector */
#wrap_topPropertySelect label {
  display: none;
}

#wrap_topPropertySelect .InputfieldContent {
  padding: 0;
}

#topPropertySelectForm {
  margin-bottom: 0;
  margin-right: 5px;
}

#topPropertySelectForm .InputfieldSelect {
  font-size: 16px;
}

.pw-sidebar-nav #topPropertySelectForm {
  position: relative;
  z-index: 3000;
}

/* Hide attribute in hanna dialog */
#hanna-form .hide-field {
  display: none !important;
}

/* Hide trash icon in repeater parameter fields */
#wrap_Inputfield_parameters .InputfieldRepeaterTrash {
  display: none !important;
}

/* Fully hide hidden vars in booking form*/
.Inputfield_booking_id, .Inputfield_environment  {
  display: none !important;
}

@media screen {

  /* For booking-confirmation form */


 .Inputfield_signature {
    display: none !important;
  }

  .InputfieldHeader {
    padding-top: 10px !important;
  }

  .Inputfield_owner_print_instructions {
    display: none !important;
  }

  .Inputfield_payment_instructions {
    display: none !important;
  }

  #Inputfield_page_break, #Inputfield_form_end {
    display: none !important;
  }

/***************************/

}

@media print {

  /*html * { float: none !important; }*/
  /* Remove headers and footers */ /* todo Not sure what this was for, but it messes up print display of forms */
  @page { margin: 0; }
  body {
    /*margin: 1.6cm;*/
  }

  .no_print {
    display: none !important;
  }

  /* For mailings, only print the letter itself */
  /* Note that this means that emails and other page elements will not print */
  .ProcessPageEdit * {
    visibility: hidden;
  }
  .ProcessMailings * {
    visibility: hidden;
  }


  /* For booking-confirmation form */

  #cookie-warning {
    display: none !important;
  }

  #html-body.InputfieldColumnWidthsInit {
    margin: 10px;
  }

  #Inputfield_page_break {
    page-break-after: always;
  }

  label.InputfieldHeader {
    font-style: italic;
  }

    /* To prevent front-end 'Edit' link appearing in print version */
  a:first-of-type {
    display: none !important;
  }

  .FormBuilder-booking-confirmation {
    width: 100%
  }

  .Inputfield_booking-confirmation_submit {
    visibility: hidden;
  }

  /* do not show radio buttons in print view */
  .Inputfield_payment_method, Inputfield_bacs_notes, Inputfield_cheque_notes, Inputfield_paypal_notes    {
    display: none !important;
  }

  .Inputfield_payment_instructions  p {
    width: 50%;
  }

  .Inputfield_payment_instructions > div > div:first-child {
    width: 50%;
    float: left;
  }

  .Inputfield_payment_instructions > div > div:not(:first-child) {
    width: 50%;
    float: right;
    margin-top: 0;
  }

  .InputfieldHeader {
    padding-top: 0;
    margin-bottom: 0;
  }

  .InputfieldForm .Inputfield {
    margin-bottom: 0;
  }

  .card-header {
    padding: 0;
  }

  h1 {
    font-size: 2rem !important;
  }

  /***********************************/

  .letter * {
    visibility: visible;
  }
  .letter {
    position: absolute;
    left: 0;
    top: 0;
    /*padding-left: 1.2em;*/
    /*padding-right: 1.2em;*/
    font-size: 11pt; /*0.9em;*/
    line-height: 14pt; /*1.3em;*/
    font-family: Georgia, Times, "Times New Roman", serif;
    width: 19cm;
    margin-left: 1.5cm;
    margin-right: 1.5cm;
  }
  .letter-content {
    position: absolute;
    left: 0;
    top: 11cm;
  }
  p :not(.addressee){
    margin-top: 10pt !important; /*.9em*/
    margin-bottom: 0 !important;
  }
  .letterhead-wrapper {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
  }
  .letter-content .letterhead-wrapper {
    position: relative;
    top: 0;
    left: 0;
  }

  .letterhead {
    padding-top: 1.5cm;
  }
  .letterhead .logo {
    height: 3cm;
    vertical-align: top;
  }
  .letterhead .logo-left {
    width: 7cm;
    text-align: left;
  }
  .letterhead .logo-centre {
    width: 7cm;
    text-align: center;
  }
  .letterhead .logo-right {
    width: 7cm;
    text-align: right;
  }
  .addressee {
    font-size: 12pt; /*1em;*/
    line-height: 16pt; /*1.5em;*/
    padding-left: 0.5cm;
  }
  .sender {
    font-size: 10pt; /*0.9em;*/
  }
  .sender-extra {
    font-size: 8pt; /*0.8em;*/
  }
  .fold-mark {
    display: flex;
    position: absolute;
    top: 0;
    height: 11cm;
    width: 21cm;
    text-decoration-color: lightgrey;

  }
  .fold-mark span {
    align-self: flex-end;
    width: 21cm;
    text-align: right;
  }
  .letter-content .fold-mark {
    display: none;
  }
  .subject {
    text-align: center;
    width:  18cm;
  }
  .letter-padding {
    visibility: visible;
    display: inline;
  }
  .letter-box {
    visibility: visible;
    display: block;
    clear: both;
    position:absolute;
    /*top: 11cm;*/
    width: 19cm;
  }
  .page-break {
    page-break-before: always;
    display: block;
    float: none;
    position: relative;
    padding-top: 3.2cm; /* = body margin + letter padding to get same top padding as first header */
  }
  .td {
    padding: 0 !important;
  }
}