.packedSection {
  display: block;
  position: relative;
  border-radius: 9px;
  background-color: #FFF;
  padding: 0px 15px 0px;
  margin: 0px 5px 5px 0px;
  /* margin: 0px 10px 10px 0px; */
}

.packedSection.fullWidth {
  width: calc(100% - 30px);
}

.packedSection>.psTitle {
  display: block;
  margin-top: 15px;
  padding: 0px 12px 0px;
  font-size: 16px;
  font-weight: 500;
  color: #263C56;
}

@media only screen and (max-width: 960px) {
  .packedSection>.psTitle {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 850px) {
  .packedSection>.psTitle {
    /* padding-top: 15px; */
    padding-top: 2px;
  }

  .packedSection {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}


.packedSection>.psTitle::after {
  /* content: "Fill in required information"; */
  display: block;
  margin: 3px 0px 14px;
  font-size: 10px;
  color: #B2B5C6;
}

.packedSection>.psTitle[_subtext]::after {
  content: attr(_subtext);
}

.packedSection>.psTitle.icon-applied {
  padding-left: 24px;
  padding-bottom: 4px;
  background-position: 0px 0px;
  background-size: 18px 18px;
}

.packedSection .summary.missing::before {
  content: 'None specified - click to edit';
  font-style: italic;
  color: #444;
}

.packedSection .summary {
  /* margin: 0px 12px 6px; */
  margin: 0px 0px 12px 28px;
  font-size: 16px;
  cursor: pointer;
  color: #263c56;
}

.summary div {
  font-size: 14px;
  font-weight: 400;
}

.packedSection .full .field {
  margin-bottom: 2px;
}

.sectionBox .packedSection {
  width: calc(100% - 30px);
}

.packedSection .summary *[_sourceField="name"] {
  font-family: Inter;

  margin-top: 15px;
  margin-bottom: 8px;

  color: #263C56;
  font-size: 14px;
  font-weight: 500;
}

.packedSection .summary>div {
  position: relative;
}

/* Field headers: */
.packedSection.addHeader .summary>div[_sourceField] {
  margin-top: 8px;
}

.packedSection.addHeader .summary>div[_sourceField]::before {
  content: attr(_sourceLabel);
  display: block;
  /* color: #888; */
  color: #263C56;
  font-size: 14px;
  font-weight: 500;
  margin-left: -4px;
}

select[_field="backingSuppliedBy"] {
  width: 60%;
}

.packedSection .summary>div .bubble {
  position: absolute;
  /*display:none;*/
  left: 12%;
  top: 4px;
  min-width: 280px;
  opacity: 0;
  transition: opacity .3s;
}

.packedSection .summary>div:hover .bubble {
  background-color: #FFA;
  border: 1px solid #000;
  border-radius: 8px;
  display: block;
  padding: 4px 8px;
  box-shadow: 2px 2px 4px #000;
  z-index: 1;
  opacity: 1;
}

.mapLink {
  position: absolute;
  /* bottom: 8px; */
  top: 18px;
  right: 18px;
}

.tail {
  clear: both;
}

/* Contact panel */
.contactPanel .summary *[_sourceField="telephone"],
.contactPanel .summary *[_sourceField="telephone"] a,
.contactPanel .summary *[_sourceField="email"],
.contactPanel .summary *[_sourceField="mobile"] {
  color: #263C56;
  line-height: 24px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
}

.contactPanel .summary *[_sourceField="email"] a:link {
  text-decoration: none;
  color: #263C56;
}


.contactPanel {
  background-color: #fff !important;
}

.contactPanel .packedSection {
  margin-top: 10px;
  box-shadow: 0 0 8px 2px #DFE3E6;
}

.contactPanel .summary .icon-applied {
  margin-left: -12px;
}

.contactLabel {
  position: absolute !important;
  right: 20px;
  bottom: 10px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #B2B5C6;
}



.objectAct .tabContent[_tab="accounts"],
.objectCompany .tabContent[_tab="reporting"],
.objectCompany .tabContent[_tab="reportAutomation"],
.objectCompany .tabContent[_tab="reminders"],
.objectActAgent .tabContents,
.objectContact .tabContents {
  margin: 2px 16px 8px;
  background: white;
  margin-top: 10px;
  padding: 20px;
  border-radius: 10px;
}


.editContactIcon {
  position: absolute !important;
  right: 20px;
  top: 15px;
}

@media only screen and (min-width: 850px) {
  .packedSection {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /* width: calc(50% - 40px - 220px); */
    width: calc(50% - 40px - 215px);
    /*max-width:396px;*/
  }

  .packedSection.halfWidth {
    /* width: calc(25% - 40px - 110px); */
    width: calc(25% - 40px - 105px);

    /* NEW */
    /* width: calc(25% - 40px - 55px); */
    /*max-width:189px;*/
  }

  .sectionBox {
    float: left;
    display: inline-block;
    width: 440px;
  }

  .sectionBox.right {
    float: right;
    background-color: #D9DCE9;
    border-radius: 9px;
    padding: 15px;
    width: calc(440px - 30px);
  }
}


/* In between contracts view */

.summaryPosition{
  display: none;
  font-size: 14px;
  font-weight: 500;
  color: #B2B5C6;
}

.contactIconsList{
  display: none;
}

.contactIconsList a{
  width: 0;
  height: 25px;
}

@media (min-width: 850px) and (max-width: 1340px) {
  .contactIconsList{
    display: flex;
    margin-top: 5px;
  }
  .packedSection div.summary {
    margin: 0px 0px 12px 5px;
  }
  .summaryPosition{
    display: block;
  }



  .packedSection::before {
    display: none !important;
  }

  .packedSection div[_sourcelabel="Email"],
  .packedSection div[_sourcelabel="Mobile"],
  .packedSection div[_sourcelabel="Telephone"],
  .packedSection div[_sourcelabel="telephone"],
  .packedSection div[_sourcelabel="email"] {
    display: none !important;
  }

  .sectionBox.right {
    width: calc(240px - 70px);
  }

  .packedSection.halfWidth {
    width: calc(25% - 40px - 45px);
  }

  .packedSection {
    width: calc(50% - 40px - 95px);
  }
}



@media only screen and (max-width: 600px) and (min-width: 400px) {}


/* Venues */

@media only screen and (min-width: 850px) {
  /* .objectVenue .packedSection[_section='Venue'] {
    max-width: initial;
    min-width: calc(100% - 480px);
  } */

  .objectVenue .packedSection[_section='Venue'] .summary *[_sourceField="name"] {
    font-family: Inter;
  }

  .objectVenue .packedSection[_section='Venue'] .summary *[_sourceField="company"] {
    color: #888;
    font-style: italic;
  }
}

/* Acts */

@media only screen and (min-width: 850px) {
  /* .objectAct .packedSection[_section='Act'] {
    max-width: initial;
    min-width: calc(100% - 480px);
    min-width: calc(100% - 475px);
  } */

  .objectAct .packedSection[_section='Act'] .summary *[_sourceField="name"] {
    font-family: Inter;
    font-weight: normal;
  }
}

/* Clients */

@media only screen and (min-width: 850px) {
  .objectCompany .packedSection[_section='Organisation'] {
    max-width: initial;
    min-width: calc(100% - 480px);
  }

  .objectCompany .packedSection[_section='Organisation'] .summary *[_sourceField="name"] {
    font-family: Inter;
    font-weight: normal;
  }

  .objectCompany .packedSection[_section='Organisation'] .summary *[_sourceField="company"] {
    color: #888;
    font-style: italic;
  }
}

/* Events */

@media only screen and (min-width: 850px) {

  .objectEvent .summary *[_sourceField="act"],
  .objectEvent .summary *[_sourceField="venue"],
  .objectEvent .summary *[_sourceField="hirer"] {
    font-family: Inter;
    font-weight: normal;
  }

  .packedSection[_section="Additional Detail"] .labelFull {
    display: none;
  }
}

.validityLabel {
  color: #888;
}

.validityLabel.warning {
  color: #E80;
}

.validityLabel.valid {
  color: #0A0;
}

.validityLabel:NOT(:empty)::before {
  content: ' - ';
  color: #888;
}

.confirmationBox {
  margin-top: 16px;
  display: inline-block;
  vertical-align: middle;
}

.confirmationBox.notNeeded {
  display: none;
}

.confirmationBox .tickBox {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  border: 1px solid #888;
  vertical-align: middle;
  margin-left: 8px;
  margin-right: 16px;
}

.confirmationBox:last-child .tickBox {
  margin-right: 0px;
}

.confirmationBox .tickBox.checked::before {
  content: "✓";
  color: #444;
  display: block;
  font-size: 32px;
  width: 16px;
  line-height: 16px;
  text-align: center;
}

.confirmationSent {
  text-align: center;
  padding-bottom: 8px;
}

.confirmationNotSent,
.confirmationSent {
  padding: 8px 0px;
}

.metaVal.agentLabel {
  display: block;
  text-align: right;
  color: #AAA;
  font-style: italic;
  margin: 4px 0px 8px;
}

.metaVal.agentLabel:not(:empty)::before {
  content: 'Agent: ';
}

/* Special cases */
.combo.boldAndUnusual {}

.combo.boldAndUnusual:focus {
  border: 1px solid #AAA;
}

.combo.boldAndUnusualShortened {
  width: calc(100% - 94px);
  margin-right: 0px;
}

.combo.boldAndUnusualShortened:focus {
  border: 1px solid #AAA;
}

.quickActAddBtn {
  position: relative;
  top: -2px;
  padding-left: 0px;
  padding-right: 0px;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  text-align: center;


  background-color: #62AEEB;
  border-radius: 10px;
  padding: 0 5px;
  color: #fff !important;
  text-decoration: none;
  transition: all 0.5s;
  border: 3px solid #62AEEB;
}

.quickActAddBtn:hover {
  color: #62AEEB !important;
  background-color: #fff;
}


.quickActAddBtn span {
  font-size: 10px;
}

.quickVenueAddBtn {
  position: relative;
  top: -30px;
  float: right;
  right: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  text-align: center;
  background-color: #fff;
  padding: 4px;
  text-decoration: none;
}

.quickVenueAddBtn:hover {
  color: #62AEEB !important;
  background-color: #fff;
  cursor: pointer;
}

.quickVenueAddBtn span {
  font-size: 10px;
}

.inputTable {
  width: 80%;
  margin: 8px auto;
}

.inputTable input, .inputTable select {
  width: 100%;
}

.inputTable td {
  padding: 4px;
}

.inputTable tr:first-child td {
  padding-bottom: 18px;
}

.videosContainer {
  display:block;
  width:initial;
}

.videosPanel {
  background-color: #fff;
  /* background-color:#444; */
}

.videosPanel::before {
  background-color: #444;
  color: #FFF;
}

.videosPanel .objectControls button {
  /* background-color: #000;
  color: #FFF;
  border-color: #FFF; */
}

.videosPanel .objectControls button:hover {
  background-color: #FFF;
  color: #000;
}

.videosPanel .objectListingTable.head {
  display: none;
}

.videosPanel {
  display: block;
  width: initial;
  padding: 10px;
  max-width: initial;
}

.videosPanel .objectListingContainer {
  border: none;
  background-color: #fff;
  /* background-color: #000; */
  box-shadow: none;
}

.videosPanel .objectListingTable.data {
  display: block;
  white-space: normal;
  background-color: #fff;
  /* background-color: #000; */
  padding: 8px;
}

.videosPanel .objectListingTable.data tr {
  display: inline-block;
  height: initial;
  vertical-align: top;
  margin-bottom: 12px;
}

.videosPanel .objectListingTable.data td {
  display: inline-block;
  height: initial;
  /* background-color: #000; */
  padding: 3px;
  margin-right: 12px;
}

.videosPanel .objectListingTable.data tr.selected td {
  padding: 0;
  /* background-color: #F00 !important; */
  /* background-color: gray !important; */
  border: solid 3px #62AEEB;
  border-radius: 12px;
}

.videosPanel .objectListingTable.data td>div {
  display: inline-block;
  width: initial !important;
}

.videosPanel .objectListingTable.data .videoThumb {
  display: block;
  width: 200px;
  height: 150px;
  /* margin-top: 4px; */
  position: relative;
}

.videoThumb img {
  width: 200px;
  height: 150px;
  border-radius: 10px 10px 0 0;
}

.videoThumb button.webable {
  display: block;
  position: absolute;
  top: 8px;
  right: -2px;
}

.objectListingTable.Video.data tr td {
  border-top: none;
}

.videoThumb .desc:empty {
  display: none;
}

.videoThumb .desc {
  white-space: normal;
  color: #FFF !important;
  /* background-color: #000 !important; */
  padding: 4px 12px;
  margin: 0px -4px 0px -4px;

  font-size: 12px;

  /* border-left: 4px solid #000;
  border-bottom: 4px solid #000;
  border-right: 4px solid #000; */
}

tr.selected .desc {
  /* border-left: 4px solid #F00;
  border-bottom: 4px solid #F00;
  border-right: 4px solid #F00;
  margin: 0px -4px 0px -4px; */
}

.videosPanel .message {
  display: block !important;
  width: 100%;
  background-color: transparent;
  border: none;
  text-align: center;
  font-family: Inter;
  padding: 0;
  margin: 0;
  font-size: 24px;
  color: #FFF;
}

.pendingChange .objLink a {
  color: #FFF !important;
}


@media only screen and (max-width: 850px) {
  .videosPanel .objectListingTable td::before {
    display: none;
  }
}

.linkedObject:last-child {
  padding-bottom: 15px;
}

.linkedObject {
  line-height: 24px;
  cursor: pointer;
  transition: background-color 0.25s ease;
  /* padding-left: 8px; */
  padding-left: 13px;
  border-radius: 4px;
  /* color: #1100aa; */
  color: #263C56;
}

.linkedObject:hover {
  text-decoration: underline;
  /* color: #3333ff; */
  color: #263C5680;
}

.packedSection .summaryMessage {
  margin: 0px 12px 6px;
  color: #444;
  font-style: italic;
  font-size: 16px;
}



.objectListingTable.Event.data {
  margin-bottom: 0px;
}

.objectListingTable.Event.totals {
  margin-top: 0px;
  margin-bottom: 4px;
}

.objectListingTable.Event.totals td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.objectListingTable.Event.totals td:first-child {
  border-left: 1px solid #000;
}

.objectListingTable.Event.totals td:last-child {
  border-right: 1px solid #000;
}

.ui-datepicker {
  z-index: 31 !important;
}

.objectListingTable.Event.head tr td[_headerField='actFee'] div.sizeSanitizer:not(:first-child),
.objectListingTable.Event.head tr td[_headerField='hirerFee'] div.sizeSanitizer:not(:first-child),
.objectListingTable.Event.head tr td[_headerField='depositAmount'] div.sizeSanitizer,
.objectListingTable.Event.data tr td[_column='Act Fee'] div.sizeSanitizer,
.objectListingTable.Event.data tr td[_column='Hirer Fee'] div.sizeSanitizer,
.objectListingTable.Event.data tr td[_column='Deposit Amount'] div.sizeSanitizer,
.objectListingTable.Event.totals td[_column='actFee'],
.objectListingTable.Event.totals td[_column='hirerFee'],
.objectListingTable.Event.totals td[_column='depositAmount'] {
  text-align: right;
}

body:not(.inChrome) .objectListingTable.data tr td:last-child div.sizeSanitizer {
  padding-right: 18px;
}

.Payments .processPanel {
  margin-bottom: 15px;
  /* float: right; */
  /* margin-left: 16px;
  border-left: 1px dotted #FFF;
  padding: 0px 16px; */
}


/* Tutorials override */
.Tutorials .objectListingTable.data {
  max-height: initial;
}

.Tutorials .videosPanel .objectListingTable.data:NOT(.empty) tr td {
  /* background-color: #888 !important; */
}

.Tutorials .videosPanel .objectListingTable.data tr.selected td {
  background-color: #FFF !important;
}

.Tutorials .videosPanel .videoThumb .desc {
  color: #B2B5C6 !important;
  font-size: 12px;
  font-weight: 500;
}

.Tutorials .videosPanel .videoThumb .desc .top {
  margin-top: 0;
  margin-bottom: 0;
  color: #263C56;
  font-weight: 500;
  font-size: 16px;
}

.Tutorials .videosPanel .videoThumb .desc .bottom {
  margin-top: 5px;
  color: #B2B5C6;
  font-weight: 500;
  font-size: 12px;
}

.Tutorials .videosPanel tr.selected .videoThumb .desc {
  border-color: #FFF;
}

.EventPayment tr.outdatedPayment td {
  color: #999;
}

.EventPayment tr.paid td {
  background-color: #AFA;
  color: #999;
}

.EventPayment tr.paid.current td {
  color: #000;
}

.EventPayment tr.invoicePaid:NOT(.paid) td {
  background-color: #FAA;
}

.filterPanel.Act .tabContent {
  display: inline-block;
  vertical-align: top;
}

.filterPanel.Act .tabContent[_tab='filter'] {
  width: calc(100% - 740px);
}

.filterPanel.Act .tabContent[_tab='map'] {
  width: 240px;
  margin: 0px 20px;
}

.filterPanel.Act .tabContent[_tab='calendar'] {
  width: 420px;
  height: 520px;
  overflow-y: scroll;
  overflow-x: hidden;
}


.reportPeriodSelection {
  display: inline-block;
  width: calc(75% + 80px);
  margin-right: 0;
}


/* Evil CSS rewriting of table */
.actRatingPanel .objectListingContainer {
  background-color: transparent;
  color: #7F87A8;
  font-size: 12px;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  margin: 0;
}

.actRatingPanel .sizeSanitizer {
  width: initial !important;
  height: initial !important;
  white-space: normal;
}

.actRatingPanel .objectListingTable.data {
  display: block;
  padding: 10px;
  max-height: 100vh;
}

.actRatingPanel .objectListingTable.data tr td {
  border-top: none;
  height: initial;
  padding: 5px;
}

.actRatingPanel .starsPossible {
  margin: 0;
}

.actRatingPanel .objectListingTable.data tr td[_column='Act'] .sizeSanitizer {
  color: #263C56;
  font-size: 16px;
  font-weight: bold;
  overflow: visible;
  white-space: nowrap;
}

.actRatingPanel .objectListingTable.data tr td[_column='Act'] .listimg {
  position: relative;
  top: -2px;
}

.actRatingPanel .objectListingTable.data tr td[_column='Rating'] {
  padding-top: 0px;
  padding-bottom: 15px;
}

.actRatingPanel .objectListingTable.data tr td[_column='Venue'] {
  padding-left: 32px;
  background: url('/style/types/venue-grey.svg') no-repeat 5px 50%;
  background-size: 15px 15px;
}

.actRatingPanel .objectListingTable.data tr td[_column='Date Added'] {
  padding-left: 32px;
  background: url('/style/types/date-grey.svg') no-repeat 5px 50%;
  background-size: 15px 15px;
}

.actRatingPanel .objectListingTable.data tr td[_column='Comment'] {
  display: none;
}

.actRatingPanel .objectListingTable.data tr.more td[_column='Comment'] {
  display: block;
}

.actRatingPanel .objectListingTable.data tr td[_column='Comment']::before {
  content: "Review";
  color: #263C56;
  display: block;
  border-top: 1px solid #E9EEF1;
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0px 4px;
  padding: 10px 0px 0px;
}

.actRatingPanel .objectListingTable.data tr td[_column='Comment'] .sizeSanitizer:empty::after {
  content: "n/a";
}

.actRatingPanel .objectListingTable.data.empty table {
  display: none;
}

.actRatingPanel .objectListingTable.data.empty::after {
  content: "There are no act ratings requiring response";
}

.actRatingPanel .objectListingTable.head {
  display: none;
}

.actRatingPanel .objectListingTable.data tr {
  display: block;
  width: calc(100% - 30px);
  padding: 15px;
  background-color: #FFF;
  box-shadow: 0px 0px 8px 2px #DFE3E6;
  border-radius: 9px;
  margin-bottom: 20px;
}

.actRatingPanel .objectListingTable.data td {
  display: block;
}

.actRatingResponsePanel {
  position: relative;
  height: 25px;
  background-color: #F2F5F6;
  margin: 0px -20px -20px;
  padding: 15px;
}

.actRatingResponsePanel .moreInfo,
.actRatingResponsePanel .lessInfo {
  position: absolute;
  top: 21px;
  left: 16px;
  color: #7F87A8;
}

.actRatingResponsePanel button {
  position: absolute;
  top: 11px;
  right: 15px;
}

tr.more .actRatingResponsePanel .moreInfo {
  display: none;
}

tr:not(.more) .actRatingResponsePanel .lessInfo {
  display: none;
}

.Dashboard .objectControls {
  margin-top: -32px;
}

.Dashboard .objectControls button {
  display: none;
}

.Dashboard .PendingObject.filterPanel {
  margin-bottom: -58px;
  background-color: transparent;
}

.Dashboard .PendingObject.data tr td:first-child {
  position: relative;
}

.Dashboard .PendingObject.data tr td:first-child::before {
  content: '';
  display: block;
  background-color: #F2F5F6;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: 100%;
}

.Dashboard .PendingObject.data tr td:first-child::after {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 10px;
  height: 100%;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

.Dashboard .PendingObject tr td:first-child {
  text-align: right;
}

.Dashboard .PendingObject.data tr.po-status-pending td:first-child::after {
  background-color: #F2994A;
}

.Dashboard .PendingObject.data tr.po-status-rejected td:first-child::after {
  background-color: #EB5757;
}

.Dashboard .PendingObject.data tr.po-status-accepted td:first-child::after {
  background-color: #6FCF97;
}

.Dashboard .PendingObject.data tr td[_column="Status"] .sizeSanitizer {
  font-size: 12px;
  border-radius: 8px;
  text-align: center;
}

.Dashboard .PendingObject.data tr.po-status-pending td[_column="Status"] .sizeSanitizer {
  color: #F2994A;
  background-color: rgba(242, 168, 92, 0.4);
  padding: 4px 0;
  border: solid 1px #F2994A;
  ;
}

.Dashboard .PendingObject.data tr.po-status-rejected td[_column="Status"] .sizeSanitizer {
  color: #EB5757;
  border: solid 1px #EB5757;
  padding: 4px 0;
  background-color: rgba(231, 113, 110, 0.4);
}

.Dashboard .PendingObject.data tr.po-status-accepted td[_column="Status"] .sizeSanitizer {
  border: solid 1px #6FCF97;
  color: #6FCF97;
  padding: 4px 0;
  background-color: rgba(102, 214, 153, 0.4);
  ;
}

.Dashboard .sectionContent {
  margin-bottom: 40px;
}


.objectMarketingTemplate .field {
  margin-top:18px !important;
}


.overspend-approval .declaration-overspend {
  padding:8px 12px;
  background-color:#FAA;
  color:#A00;
  margin-bottom:16px;
}
.overspend-approval .declaration-within-budget {
  padding:8px 12px;
  background-color:#AFA;
  color:#090;
  margin-bottom:16px;
}
.overspend-submission-history {
  height:400px;
  max-height:40vh;
  margin:16px 12px;
  border:1px solid #444;
  overflow-y:scroll;
  padding:16px;
}

.overspend-submission-history .history-item {
  padding:8px 12px;  
  border:1px solid #DEDEDE;
  border-radius:8px;
  background-color:#EFEFEF;
  margin-bottom:18px;
  box-shadow:2px 2px 3px rgba(0,0,0,0.4);
}
.overspend-submission-history .history-item.corresponder-0 {
  color:#A00;
}
.overspend-submission-history .history-item.corresponder-1 {
  color:#00A;
}
.overspend-submission-history .history-item.corresponder-2 {
  color:#0A0;
}
.overspend-submission-history .history-item.corresponder-3 {
  color:#FA0;
}
.overspend-submission-history .history-item.corresponder-4 {
  color:#000;
}

.overspend-submission-history .history-item .corresponder {
  font-weight:bold;
  float:left;
}
.overspend-submission-history .history-item .correspondenceDate {
  float:right;
  font-style:italic;
}
.overspend-submission-history .history-item .correspondence {
  clear:both;
  padding-top:8px;
}

.overspend-approval textarea {
  margin:16px 12px;
  display:block;
  width:calc( 100% - 64px);
}

.overspend-approval .subtitle {
  font-weight:bold;
  font-size:18px;
  margin-top:32px;
}



.basTable tr td {
  border:1px solid #CDCDCD;
}
.basTable {
  border:hidden;
}
.basTable tr.head td.period {
  width:2em;
  height:120px;
  overflow:hidden;
}
.basTable tr.head td.period div {
  white-space:nowrap;
  transform: translate(0px, 112px) rotate(-90deg);
  transform-origin:left top;
  line-height:2em;
  width:2em;
}

.basTable .periodStatus.status-pending {
  background-color:#900;
}
.basTable .periodStatus.status-pendingApproval {
  background-color:#FD0;
}
.basTable .periodStatus.status-approved {
  background-color:#0F0;
}
.basTable .periodStatus.status-rejected {
  background-color:#F00;
}
.basTable .budget-key {
  padding:4px 8px;
}
.basTable .budget-key .keyLine > div {
  display:inline-block;
}
.basTable .budget-key .keyLine .periodStatus {
  display:inline-block;
  width:1em;
  border:1px solid #000;
  height:1em;
}
.basTable .budget-key .keyHeader {
  margin-bottom:4px;
}

.basTable td.periodStatus {
  cursor:pointer;
}


.actMiniProfile .miniProfileBox,
.actMiniProfile .noneSelected,
.actMiniProfile .tooManySelected
 {
  margin:8px 12px;
  border:1px solid #000;
  box-shadow:2px 2px 3px rgba(0,0,0,0.4);
  border-radius:16px;
  padding:12px;
  color:#FFF;
  
  background: url('/images/profile-bg.png') no-repeat 50% 50%;
  background-size: cover;
}

.actMiniProfile .noneSelected,
.actMiniProfile .tooManySelected {
  text-align:center;
  font-weight:bold;
  font-size:18px;
}

.actMiniProfile .miniProfileBox .actImageBox {
  margin-top:12px;
}
.actMiniProfile .miniProfileBox .actImageBox img {
  width:100%;
}
.actMiniProfile .miniProfileBox .actOneLiner {
  margin-top:6px;
}
.actMiniProfile .miniProfileBox .actName {
  font-size:18px;
  font-weight:bold;
}
.actMiniProfile .miniProfileBox .recentEvents {
  padding:8px;
}
.actMiniProfile .miniProfileBox .recentEvents::before {
  content:"Recent events";
  font-weight:bold;
  margin-bottom:12px;
  display:block;
  width:100%;
}

.actMiniProfile .miniProfileBox .recentEvents .historicBooking > div {
  display:inline-block;
  width:40%;
  vertical-align:middle;
  margin-bottom:16px;
}
.actMiniProfile .miniProfileBox .recentEvents .historicBooking > div:last-child {
  width:20%;
  font-weight:bold;
  text-align:right;
}


body.Signup .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}