/*
//Copyright 2019 Made Headway Limited
//
// Background Colour: #e9eef1   #1892c6
// Dark Colour:       #006FFF         #600      #136
// Light Colour:      #CDF        #C99      #CDF  #06aaf0
*/

/* @import url('https://rsms.me/inter/inter.css'); */


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('Inter-roman-var.woff2') format('woff2');
  font-named-instance: 'Regular';
}

@font-face {
  font-family: 'Gopher';
  src: url('fonts/Gopher-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Ramo';
  src: url('fonts/Ramo-deRosas.otf') format('opentype');
}


html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter', sans-serif; }
}


/* Reset css */
/* Global styling: */
form, table, td, tr, button, br, img, h1, h2, h3
{   margin: 0;   padding: 0;}
img
{   border: 0;}
html
{   overflow-y:scroll;}
body
{ 
  font-family:'Inter',sans-serif;
  font-size:14px;
  margin:0;
  padding:0;
  background-color:#e9eef1;
}
span
{   min-height:1px;}
input[type="text"], input[type="number"], input[type="password"], input[type=file], input[type=color]
{  -moz-box-sizing:    border-box;  -webkit-box-sizing: border-box;   box-sizing:        border-box;}
label input[type="radio"]
{ position:relative; top:2px;}
input.text, textarea, select, input[type=text], input[type=password], input[type=number], input[type=file], input[type=color], .staticField
{   
  font-size:14px;   
  font-weight:500;
  padding:10px 16px;  
  border:1px solid #B2B5C6; 
  border-radius:9px;
  background-color:#fff;   
  resize:none;
  color: #263C56;
}
input[type=color] {
  height:42px !important;
  width:100%;
}
table
{   border-collapse:collapse;}
td
{   vertical-align:top; font-size: 14px;}

label {
  position:relative;
  top:-2px;
  font-weight: 400;
}
label > input[type="checkbox"] {
  position:relative;
  
}

hr
{ border:0;   width:100%;   height:1px;   
  color:#CDF;   
  background-color:#CDF;
  margin:12px 0px 20px;
}

h2 {
  font-family:Inter;
  margin:42px 32px 10px;
  font-size:30px;
  font-weight:normal;
  text-align:center;
}
h2:first-child {
  margin-top:12px;
}
/* Lines: */
h2::before, h2::after {
  content:'';
  display:inline-block;
  width:16%;
  height:12px;
  
  border-top:1px solid #888;
  border-bottom:1px solid #888;
  margin:2px 16px;
}

textarea
{ 
  height:90px;
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  line-height:1.4em;  
}

button.negbtn{
  transition: all 0.5s;
  background-color:#FFF;   
  color:#EB5757;
  border: 3px solid #EB5757;  
}
button.negbtn:hover{
  background-color:#FFF;   
  color:#C53030;
  border: 3px solid #C53030;  
}

button
{   
  white-space:nowrap;   
  cursor:pointer;   
  font-family:Inter;
  font-size:14px; 
  font-weight:600;
  background-color:#62AEEB;   
  color:#FFF;
  border: 3px solid #62AEEB;
  border-radius:9px;  
  
  padding:6px 38px 6px 38px; 
  margin: 1px 20px 1px 0px;
}
button:hover
{
  background-color:#FFF;
  color:#62AEEB;
  transition:background .2s, color .2s;   
}
button[disabled], button[disabled]:hover
{
   color:#AAA;
   border-color:#AAA;
   background-color:#FFF;
}
select
{   position:relative;   top:-2px;}

/* Unselectable elements */
.noSel
{   cursor:default;   -webkit-touch-callout: none;   -webkit-user-select: none;   -khtml-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   -o-user-select: none;   user-select: none;}

.sel
{   cursor:text;   -webkit-touch-callout: text;   -webkit-user-select: text;   -khtml-user-select: text;   -moz-user-select: text;   -ms-user-select: text;   -o-user-select: text;   user-select: text;}

a, a:link { color:#10A;}
a:link:hover { color:#33F;}

/* MHOS Styling */
.tabset 
{ 
  background-color:#FFF;
  cursor:pointer;
  padding-left:20px;
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; 
}
.tabset .tab 
{ 
  /*border-radius:30px;*/
  
  display:inline-block; 
  background-color:transparent; 
  color:#263C56;
  font-weight: 600; 
  font-size:14px;
  
  padding:12px 36px 12px 36px; 
  margin:0px 2px; 
  text-decoration: none;
  transition:.4s padding-left;

  cursor:pointer; 
}
.tabset .tab[_icon]
{
  padding-left:54px;
  background-repeat:no-repeat;
  background-position:24px 50%;
  background-size:22px 22px;
}
.tabset .tab.selected 
{ 
  color:#62AEEB;
  background-color:#FFF;
  border-bottom:3px solid #62AEEB;
  font-weight:bold;
}
.tabContents 
{ 
}
.tabContents .tabContent 
{ 
  margin-left: 10px;
  margin-right: 10px;
  color:#000; 
  display:none;   /*open tab overrides*/
}
.tabContents .tabContent.selected 
{ 
  display:block; 
}
.Signup .tabContents .tabContent.selected {
  max-height:initial;
}
.tabContent {
  min-height:100px;
  margin-top:12px;
}

.mini .tabContent {
  min-height:inherit; 
}



.headerContent
{ 
  position:relative;
  margin:0px; 
  color:#FFF;
  padding:0px;
  z-index:18; /* Above click shield, now */
}

body.Start .bodyContent {
  max-width:500px;
  margin-top:48px;
}

.bodyContent
{ 
  margin:0px auto 0px; 
  width:98%;
  /*max-width:1640px;*/
}
.footerContent
{ 
  display:none;
  padding:0px 0px 4px 0px; 
  border-top:4px solid #006FFF; 
  background-color:#FFFFFF; 
}

/*.topSurround {min-height:calc( 100vh - 2em - 24px);} */

.topSurround {
  min-height: 100vh;
  /*min-height:calc(100vh - 2em - 24px);
  padding-bottom:16px;*/
}

.headerContent .header
{     
  min-height:60px; 
  position: relative; 
  background-color:#006FFF;
}

.compacted {  
  width:95%;
  max-width:1640px;
  margin: 0 auto; 
  position:relative;
}

.postHeader {
  background: url(menu.png) top left no-repeat;
  background-size: cover;
  height: 300px;
}
body.dialogOpen .postHeader {
  display:none;
}
.postHeader .compacted {
  position:relative;
  padding:250px 130px 0px;
  width:calc( 95% - 500px );
  max-width:1140px;
  min-width:60%;
  pointer-events:none;
}
/* For STAGE: */
.headerLogo::after {
  content:'LMM CONTINUITY';
  display:block;
  text-align:center;
  color:#FFF;
  font-size:14px;
  opacity:1;
  position:relative;
  top:-18px;
}
 /*** */
.bpsTitle {
  position:absolute;
  top:140px;
  left:0px;
  font-size:40px;
  font-weight:600;
  color: #FFF;
  margin-right:400px;
}
.headerLogo  {
  position:absolute;
  top: 140px;
  right: 210px;
  width:183px;
  height:108px;
  background:transparent url('/images/actxis.png') no-repeat 50% 50%;
  background-size:contain;
}
.lmmLogo  {
  position:absolute;
  top: 140px;
  right: 0px;
  width:115px;
  height:100px;
  background:transparent url('/images/logo-mini.png') no-repeat 50% 50%;
  background-size:contain;
}

.userNote
{ 
  color:#FFF; 
  position:absolute;
  right:0px;
  top:8px;
  padding: 8px 10px 4px; 
  font-size:14px;
  font-weight:bold;
}
.userNote .ident {
  cursor:pointer;
}
.userNote a {
  color:#FFF !important;
}
.logoutBtn
{ display:none; }

#logoutProgressInner
{
  border-right:1px solid #AAA;
  background-color:#8AF;
  margin:0;
  padding:0;
  height:16px;
}
#logoutProgressOuter {
  border:2px solid #666;
  height:16px;
  width:96%;
  margin:10px auto;
  background-color:#FFF;
  padding:0;
  overflow:hidden;
}


.footer
{ text-align:center; color:#111; }

.footerCredit {color: #666;  line-height: 2em;}

.clearer
{ clear:both;}


/* Start screen */
.userChoice
{ display:inline-block; width:140px; height:65px; vertical-align:middle; line-height:65px; text-align:center; border:1px solid #AAA; margin:24px 16px; cursor:pointer;

  background-color:#DDD;}
.userChoice:hover
{ background-color:#888; color:#FFD;}

.sectionTitle
{ 
  font-size:24px; 
  font-family:Inter;
  
  font-weight:500; 
  
  color:#7F87A8; 
  padding:8px 20px 4px; 
  
  margin-top:18px;
}

.sectionTitle:first-child {
  margin-top:0px;
}

.banner 
{
  display:none;
  background-color:#F00;  
  box-shadow: 0px 0px 4px #000;
  height:118px;
  background:#000 url('../images/bg-blue.jpg') 50% 50% no-repeat;
  background-size:100%;
}

.sectionContent
{ 
  padding:13px 13px; 
  background-color:#FFF;
  border-radius:12px;
}

.validIdentities
{ text-align:center;}

.loginBox
{ width:80%; margin:16px auto; text-align:center;}
.loginTableField
{ text-align:right;}

.centreTable
{ margin:8px auto;}
.centreTable td
{ padding:8px 10px; /*border:1px solid #DDD;*/
}

.optionList a
{ color:#000 !important; background-color:#DDD; display:block; border:1px solid #888; font-style:normal; margin: 24px auto; width:80%; height:65px; line-height:65px; vertical-align:center; text-align:center; text-decoration:none;}
.optionList a:hover
{ background-color:#888; color:#FFD !important;}

.ral
{ text-align:right;}

.cal
{ text-align:center;}

.searchResults
{ margin-top:24px;}

div:not(.indicator).error
{ background-color:#FDD; border:2px solid #EB5757; margin:8px 8px; padding:4px 0px; text-align:center; border-radius:8px;}
div.message
{ 
  color:#FFF;
  background-color:#62AEEB; 
  border:2px solid #62AEEB50; 
  margin:8px 8px; padding:4px 0px; 
  text-align:center; border-radius:4px; 
  
}

.staticContentAnnotation { width:98%; background-color:#CDF; border-top:2px solid #006FFF; border-bottom:1px solid #006FFF; margin:8px 0px; padding:4px 1%; text-align:right;}

.centreTable tr.head td
{ background-color:#DDD !important; color:#000 !important; font-weight:400; text-align:center; border:1px solid #FFF; border-bottom:1px solid #666; cursor:normal !important;}
.centreTable tr.even td
{ background-color:#EEE;}

.searchResults .centreTable tr:hover td
{ cursor:pointer; background-color:#888; color:#FFF;}

tr.underlined td
{ border-bottom:2px solid #666;}

#autocompleteOutput
{ margin:8px 16px; padding:8px;}


/* Status styling */
.topSection
{ padding:0px 1% 24px 1%;}

.regionRow
{ clear:both;}

.region
{ 
  vertical-align: top; 
  white-space: normal; 
}

.region .region
{ background-color:#DCC;}

.region .title
{ 
  font-family:Inter;
  color:#222; 
  font-size:24px; font-weight:500; 
  padding:4px 16px 4px; margin-bottom:2px; 
}

.sensibleTable tr.hd td
{ font-weight:400; border-bottom:1px solid #444; background-color:#EEF;}

.sensibleTable tr.hd2 td
{ font-weight:400; border-bottom:1px solid #444; background-color:#EEF;}

.sensibleTable
{ width:100%; margin-bottom:12px;}
.sensibleTable td
{ padding:4px;}

.sensibleTable tr.even td
{ background-color:#DDE;}

.dataColumnLeft
{ border-left:1px solid #999; padding-left:8px; text-align:right;}
.dataColumnRight
{ border-right:1px solid #999; padding-right:8px;}

.toursContainer
{ min-height:200px; max-height:360px; margin:12px; overflow-y:scroll; overflow-x:hidden; padding-right:20px;}

.alertsContainer, .patchContainer
{ height:200px; margin:12px; overflow-y:scroll; overflow-x:hidden; padding-right:20px;}

.clickShield.dragManager { background-color:rgba(0,0,0,0) !important;}

.clickShield
{ 
  background-color:#e9eef1; 
  position: absolute; 
  width: 100%; 
  height: calc( 100% - 60px ); 
  left: 0; 
  top: 60px; 
  z-index: 20; 
  pointer-events: all;
}
body.moreOpen .clickShield {
  top:100px;
  height: calc( 100% - 100px ); 
}


.clickShield.dragManager {
}
.dragWrap { display:block; position:absolute; overflow:visible; width:1px; height:1px;}
.dragWrap * { cursor:grab;}

.dialogContainer
{ 
  /*width:95%;*/
  /*max-width:1640px;*/
  margin: 0px auto; 
  position:relative;
  
  padding-bottom:106px;
}
.dialog
{ 
  position:relative;
}
.dialog .contento
{ 
}
.dialog .controls:NOT(:empty)
{ 
  padding:8px 0px 8px 8px;
  background-color:#FFF;
  border-radius:0px;
  
  position:fixed;
  bottom:0px;
  width:100%;
  left:0px;
  margin:0;  
} 

.leftBtns {
  float:left;
}

/* Menus */

#dynamic-menu, #dynamic-menu div.topmenu
{ display:inline;}

#menuLegend td { padding:4px; vertical-align:middle;}

.menuControl { width:32px; padding:0px 0px 2px; position:relative; top:2px;}

.linkList { 
  background: url("/images/actxis.png") no-repeat top left;
  background-size: contain;
  padding:8px 120px 8px 96px;
  position:relative;
  top:8px;
  font-size:14px;
  height:28px;
  overflow:hidden;
  pointer-events:none;
}

.headerOverflow {
  background-color:#1D49CF;
  min-height:32px;
  padding:6px 4px 2px 4px;
}
.linkListOverflow {
  text-align:right;
  font-size:14px;
  padding-right:32px;
}

.header a, .headerOverflow a
{ 
  border: 1px transparent;
  border-radius:10px;

  display:inline-block; 
  color:#FFF;
  font-weight: 600; 
  padding:6px 10px; 
  margin:0px 2px; 
  text-decoration: none;
  pointer-events:all;
}
.header a.current, .headerOverflow a.current
{
  border: 1px solid #FFF; 
  background: #1a7dff;
}
.header a.open {
  border: 1px solid #FFF; 
  background-color:#1D49CF;
}
.header a:hover, .headerOverflow a:hover
{
  text-decoration: none !important;
  color: #FFFFFF !important;
  background: #1a7dff;
  transition: all 0.5s;
  box-shadow: inset 0 0 0 1px #FFF;
}

/* Week selector */
#weekChoice
{
}

#weekChoice .week
{ border:1px solid #CCC; background-color:#EEE; padding:4px; margin:1px; cursor:pointer; text-align:middle;}

#weekChoice .week.selected
{ border:1px solid #000; background-color:#AAA;}

#weekControl
{ text-align:center;}


#dayChoice .day
{ float:left; width:40px; height:20px;

  border:1px solid #CCC; background-color:#EEE; padding:4px; cursor:pointer; text-align:middle;}

#dayChoice .day.selected
{ border:1px solid #000; background-color:#AAA;}

#dayChoice .day.other
{ background-color:#99C;}

#dayChoice .day.colhead
{ text-align:center; background-color:#FDA; border:1px solid #FFF; border-bottom:2px solid #222;}
#dayChoice .day.colhead.wkend
{ background-color:#FFA;}



#dayChoice
{ width:354px; margin:2px auto;}

.dlgContent {  
    margin:2px 16px 8px;
    background: white;
    margin-top: 10px;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    /*font-weight: 600;*/
    color: #263C56;
}

.objectDataTable { }
.objectDataTable select, .objectDataTable input[type="text"], .objectDataTable input[type="number"], .objectDataTable input[type="password"], .objectDataTable textarea
{ width:100%;}
.combo 
{
  /*margin-top: -4px;*/
  margin-right:8px;
  
  font-size:14px;   
  font-weight:500;
  padding:10px 16px;  
  width:calc( 100% - 34px );
  border:1px solid #B2B5C6; 
  border-radius:9px;
  background-color:#fff;   
}
.objectDataTable button.emailable, .objectDataTable button.dialable, .objectDataTable button.textable, button.webable
{ 
  position:relative;
  top:2px;
  height:30px; width:32px; padding:0;
}
.objectDataTable iframe {
  width:100%;
  min-height:300px;
}

.objectDataTable .field {
  margin-bottom: 8px;
}
.packedSection.inlineFields .field {
  display:inline-block;
  width:200px;
}

.filterPanel .field.filterSelector select {
  width:calc( 100% - 80px ) !important;
  margin-right:8px !important;
}
.filterPanel .field.filterSelector .selectTarget {
  display:inline;
}
.field.filterSelector button {
  width:64px;
  padding:4px 4px;
  margin:0;
}

.radioFieldSet {
  display:inline-block;
  vertical-align:middle;
  margin-right:40px;
}
.radioFieldSet input {
  display:none;
}
.radioFieldSet span {
  display:inline-block;
  cursor:pointer;
  margin-right:20px;
  font-size:14px;
  color: #263C56;
  padding:10px 8px 6px;
  margin-bottom:8px;
}
.radioFieldSet :checked + span {
  color:#263C56;
  font-weight:700;
  border-bottom:2px solid #263C56;
  margin-bottom:6px;
}


button.dialable {
  background-image: url('/images/phone-call.png');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  /*background:#FFF url('/images/phone-call.png') no-repeat 50% 50%;*/
}
button.dialable:hover{
  background-color: lightgray !important;
}
button.textable {
  background:#FFF url('/images/txt.png') no-repeat 50% 50%;
}
button.webable {
  background-image: url('/images/video.svg');
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  background-color: #fff;
  border: none;
  /*background:#FFF url('/images/web.png') no-repeat 50% 50%;*/
}
button.webable:hover{
  background-color:lightgray;
}

button.emailable {
  background:#FFF url('/images/email.png') no-repeat 50% 50%;
}

.objectDataTable button.emailable:hover, .objectDataTable button.textable:hover,
.objectDataTable button.webable:hover, .objectDataTable button.dialable:hover
{
  background-color:#006FFF;
}

.objectDataTable .flr {
  text-align:right;
  width:35px;
  float:right;
}
.objectDataTable .fll {
  margin-right:38px;
}

.objectDataTable .flr2 {
  text-align:right;
  width:70px;
  float:right;
}
.objectDataTable .fll2 {
  margin-right:73px;
}

.objectDataTable textarea { height:90px; }
.objectDataTable input[type="file"] { width:190px;}
.objectDataTable input[type="text"].sliderValue { width:64px; text-align:center; background-color:#EEE; margin-right:32px;}
.objectDataTable .ui-slider
{ display:inline-block; width:360px;}

.crossTable
{
  height:120px;
  overflow-y:scroll;
  overflow-x:auto;
  border: 2px solid #AAA;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  padding:4px;
}
.crossTable .children {
  margin-left:10px;
  padding-left:21px;
  position:relative;
}
.crossTable .children:after {
  position:absolute;
  content:'';
  border-left:1px solid #444;
  left:0px;
  width:1px;
  top:0px;
  bottom:10px;
}
.crossTable .line {
  position:relative;
  white-space:nowrap;
}
.crossTable .children .line:before {
  position:absolute;
  content:'';
  border-top:1px solid #444;
  left:-21px;
  width:18px;
  top:11px;
  height:1px;
}
.crossTable .lineContent {
  display:inline-block;
  vertical-align:top;
  white-space:normal;
}
.crossTable .lineContent:hover {
  background-color:#EEE;
}

.objectDataTable div.field {
  white-space:nowrap;
}
div.field.required .label::after, 
div.field.required .labelFull::after {
  content:'*';
  color:#D00;
}
.objectDataTable div.field {
  position:relative;
  margin-top:12px;
}
.objectDataTable div.label { 
  color:#263C56;
  position:absolute;
  
  font-weight: 500;
  font-size:14px;
  white-space:normal;
  padding:2px 8px;
  background-color:#FFF;
  
  display:inline-block;
  top:-12px;
  left:8px;
  vertical-align:middle;
  z-index:1;
}
.labelFull {
  color:#7F87A8;
  
  font-size:10px;
  font-weight:600;
  white-space:normal;
  padding:2px 16px;
  background-color:#FFF;
}

.objectDataTable div.value { 
  white-space:normal;
  vertical-align:middle;
  display:block;
  width:100%;
  z-index:0;
}

.objectDataTable .halfWidth div.label {
}
.objectDataTable .halfWidth div.value {
}

.objectDataTable div.revField {
  background-color:#fff6c4;
  border:1px solid #ccc;
  padding-top:6px;
  padding-bottom:6px;
  transition:background-color 0.7s;
  margin-bottom:4px;
}

.objectDataTable div.revField div {
  display:inline-block;
}

.objectDataTable div.revField .label {
  vertical-align:top;
}
.objectDataTable div.revField .revValWrap {
  width:calc(100% - 150px);
}

.objectDataTable div.revField .valueBefore,
.objectDataTable div.revField .valueAfter {
  display:inline;  
  border: 0;
  outline: none;
  background-color:transparent;
  width:initial;
}
.objectDataTable div.revField .unspecified::after {
  content:'<unspecified>';
  color:#AAA;
  font-style:italic;
}

.objectDataTable div.revField select {
  width:200px;
}

.objectDataTable div.revField[_revAction=accept] {
  background-color:#d9f2e6;
}
.objectDataTable div.revField[_revAction=reject],
.objectDataTable div.revField[_revAction=delete] {
  background-color:#ffebe6;
}

.objectDataTable div.revField .info {
  font-size:12px;
  font-style:italic;
  margin-top:-2px;
  margin-bottom:2px;
  display:block;
}

.objectDataTable div.revField .revDelta {
  display:inline-block;
  margin-bottom:4px;
}

.objectDataTable div.revField .revDelta div {
  display:inline-block;
}

.objectDataTable div.revField .revButtons {
  display:inline-block;
  width:20%;
  text-align:right;
}

.objectDataTable div.revField button {
  margin:0px 8px;
  font-size:14px;
  padding:2px 6px;
  border-width:1px;

}
.objectDataTable div.revField .caption {
  display:block;
  text-align:right;
}

.objectDataTable .field textarea {
  padding:4px;
  width:calc(100% - 8px);
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  resize:none;
  font-weight: 400;
}
.objectDataTable .field textarea:focus {
  border:1px solid #AAA;
}

.objectDataTable div.labelValue { padding-left:32px; }

.objectListingContainer
{
  overflow-x:auto;
  
  border:1px solid #F2F5F6;
  background-color: #F2F5F6;
  border-radius:9px;
  box-shadow: 0px 0px 8px 2px #DFE3E6;
  margin:16px 4px;
}

.objectListingTable.head {
  display:inline-block;
  margin:0px 0px -4px 0px;
  overflow:hidden;
}
.objectListingTable.head td {
  overflow:hidden;
}
.objectListingTable tr.hd td {
  height:32px;
}
.objectListingTable tr.hd td div.sizeSanitizer {
  display:inline-block;
  vertical-align:middle;
  height:initial;
  max-height:3em;
}

.objectListingTable.data{ 
  display:inline-block; 
  margin:0px 0px 12px 0px; 
  max-height:400px;
}

.Venues .objectListingTable.data, 
.Companies .objectListingTable.data,
.Users .objectListingTable.data,
.Bookings .objectListingTable.data
{
  max-height:calc(100vh - 380px);
}

.clickShield .objectListingTable {
  text-align:left;
}
.clickShield .objectListingTable.data {
  max-height:40vh;
}

.objectListingTable.data {overflow-y: auto; overflow-x:hidden; }

.objectListingTable.data table { width:100%;}
.objectListingTable td {
  height:40px;
  vertical-align:middle;
  padding:0px 4px; 
  border-right:1px solid #fff; 
  background-color:#FFF; 
  cursor:pointer;
}
.objectListingTable.data tr td {
  /*height:38px;*/
  height:30px;
  border-top:2px solid #F2F5F6;
  /*min-width:64px;*/
  white-space:nowrap;
}
.objectListingTable.head td {
  padding:4px 4px;
}
.objectListingTable tr td:last-child { border-right:0px none;}
.objectListingTable tr.selected td{ color:#FFF; background-color:#888 !important;}
.objectListingTable tr.selected a { color:#FFF !important;}
.objectListingTable tr.selected a:hover { color:#000 !important;}

.objectListingTable tr:nth-child(2n+1) td { background-color:#F8FBFC;}

.objectListingTable tr.hd td { background-color:#F2F5F6; color:#7F87A8; cursor:normal;}
/*.objectListingTable tr.hd td.sortHeader { background-color:#afb7cc; color:#444;}*/

.objectListingTable tr.hd td.sortable {
  background:url('/style/types/sort-none.svg') no-repeat right 8px center;
  background-size:15px 15px;
}
.objectListingTable tr.hd td.sortable.sortHeader {
  background-image:url('/style/types/sort-asc.svg');
}
.objectListingTable tr.hd td.sortable.sortHeader.desc {
  background-image:url('/style/types/sort-desc.svg');
}

.objectListingTable tr td div.sizeSanitizer {
  max-height:28px;
  overflow:hidden;
}

.objectListingTable.data td input[type="checkbox"] {
  position:relative;
  top:-3px;
}

.objectListingTable tr.pending td {
  background-color:#FDA;
}
.objectListingTable tr.deleted td {
  color:#999;
  text-decoration:line-through;
}
.objectListingTable tr.rejected td {
  background-color:#FAA;
}
.objectListingTable tr.approved td {
  background-color:#AFA;
}
.objectListingTable .invisiRow {
  display:none;
}
.objectListingTable .preRow, .objectListingTable .postRow
{
  position:relative;
}
.objectListingTable .rowsLoadingPanel
{
  position:absolute;
  background-color:#FFF;
  font-style:italic;
  left:35%;
  width:30%;
  border-radius:5px;
  text-align:center;
}

.tooltip {
  position:absolute;
  height:auto;
  
  
  padding:4px;
  white-space:normal;
  overflow-y:auto;
  /*max-height:200px;*/
  z-index:40;

  
  
  background-color:#fff;
  
  border: 1px solid #E9EEF1;
  box-shadow: 0px 0px 3px #7F87A8;



}
.tooltip br {
  margin-bottom:8px;
}

.objectControls button { margin-left:16px;}

.pseudoArrayListing { overflow-y:scroll; height:128px; border:1px solid #000; background-color:#FFF; margin:4px;}

.configSettings .parameterLine { background-color:#EEE; padding:4px 12px;}
.configSettings .parameterLine:nth-child(2n) { background-color:#FFF;}
.configSettings .parameterLine div { display:inline-block; vertical-align:top;}
.configSettings .parameterLine .parameterKey { width:200px;}
.configSettings .parameterLine .parameterValue { width:70%; min-width:320px;}
.configSettings .parameterLine .parameterValue input[type="text"],
.configSettings .parameterLine .parameterValue textarea { width:100%;}

/* Item display */
.inside { }

.objectListingTable.ActivityDocument, .objectListingTable.ActivityComment
{ height:200px;}

#historyList { max-height:160px; border:1px solid #000; background-color:#FFF; overflow-y:scroll; padding:4px;}

.visibleOnHoverOnly
{ color:rgba(255,255,255,0.1) !important;}
.visibleOnHoverOnly:hover
{ color:#00F !important;}

.filterPanel {
  display:none;
  position:relative;
  background-color:#FFF;
  border-radius:12px;
  margin-bottom:12px;
  padding-bottom:12px;
  
  /* HIDE FILTER LABEL */
  /* padding-left:150px; */
}

.filterPanel.pseudoFilter {
  display:block !important; 
  padding-left:16px; 
}
.filterPanel.pseudoFilter .filterPanelLabel {
  display:none;
}

.filterPanel .filterPanelLabel {
  position:absolute;
  top: 17px;
  left: 13px;
  font-size:14;
  font-weight:500;
  color:#263C56;
  
  /* HIDE FILTER LABEL */
  display:none;
}
.filterPanel .filterPanelLabel .subtext {
  margin-top:6px;
  margin-left:8px;
  font-size:10px;
  color:#B2B5C6;
}

.filterPanel .tabset .tab {
  display:none;
}
.filterPanel input[type="checkbox"] {
  position:relative;
  margin-top: 5px;
  margin-bottom: 5px;
}

.filterPanel .tabContents {
  overflow: hidden;
}
.filterPanel .field
{
  position:relative;
  text-align:left;
  display: inline-block;
  margin: 5px 5px;
  padding: 4px 6px;
  vertical-align: top;
  width:calc(25% - 48px);
  
  min-width:300px;
}
.filterPanel .field select {
  width:100%;
}
.Dashboard .filterPanel .field {
  width:290px;
}
.field.needBox 
{
  border:1px solid #B2B5C6; 
  border-radius:9px;
  
  width: calc(25% - 60px);
  margin-left: 10px;
  margin-right: 11px;
  
  min-width:288px;
}
.field.whiteBack {
  background-color:#FFF;
}
.field.filterList {
  padding:12px 8px 8px;
  border:1px solid #AAA;
  border-radius:8px;
  background-color:#FFF;
}

.filterFieldToShow {
  width:25%;
  display:inline-block;
}

.filterPanel .field .label
{
  position:absolute;
  background-color:#FFF;
  top:-8px;
  left:16px;
  font-size:14px;
  display: inline-block;
  color:#263C56;
  padding: 2px 6px;
  z-index:8;
  font-weight: 500;
}
.filterPanel .field.icon-applied {
  background-position:6px 18px;
  padding-left:32px;
  
  width: calc(25% - 86px);
  margin-left: 10px;
  margin-right: 11px;
  
  min-width:260px
}

.filterPanel .tabContent {
  text-align:left;
}
.filterPanel .field label {
  display:block;
  margin-left:12px;
}
.filterPanel .field label:nth-child(2) {
  margin-top:6px;
}

.filterPanel .field input[type="text"] {
  width:100%;
}

.filterPanel .multiselect {
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:20px;
  max-height:200px;
  background-color:#FFF;
}
.filterPanel .multiselect div {
  white-space:nowrap;
}

.reportElement {
  display:inline-block;
  vertical-align:top;
  width:400px;
  margin:4px;
  padding:4px 8px;
  border:1px solid #006FFF;
  background-color:#FFF;
}
.reportElement h2 {
  text-align:center;
  margin-bottom:8px;
}
.loading 
{
  font-weight:normal;
  font-style:italic;
  font-size:13px;
  text-align:center;
  display:block;
}

.reportPlot {
  height:392px;
}
.reportData {
  height:240px;
  margin-top:16px;
  overflow-y:auto;
  border:1px solid #EFEFEF;
}
.reportData .objectListingTable
{
  width:100%;
}

@media print { .topSection {   display:none; }
  .headerContent {   display:none; }
  .footer {   display:none; }
  body {   font-size:12px;   margin:0px;   background-color:#FFF; }
  .sensibleTable {   border:1px solid #888; }
  @page {   size:auto;   margin:10mm; }
}

.para { padding: 6px 16px 16px;}

.dashboardElements
{
  text-align:center;
  border:3px solid #006FFF;
  margin:4px;
  padding:4px;
  background-color:#afb7cc;
}
.dashboardElements >* {
  text-align:left;
}
.dashboardElements .objectListingTable tr:hover td
{
  background-color:#AAA !important;
  transition:background .2s;   
}

.dashboardElements .key {
  width:16px;
  height:16px;
  margin:1px auto;
  border:1px solid #000;
  border-radius:4px;
}

.pseudobutton {
  position:relative;
  font-weight:500;
  font-size:14px;
  padding:8px 16px;
  cursor:pointer;
  color: #263C56
}

.pseudobutton.haveHint {
  padding-right:64px;
}
.pseudobutton .hintBox {
  position:absolute;
  top:0px;
  right:16px;
  width:15px;
  height:100%;
  background:url('/style/types/qm.svg') no-repeat 100% 50%;
  background-size:contain;
}
.pseudobutton .hintBox .hintBoxContent {
  position:absolute;
  display:none;
}
.pseudobutton .hintBox.open .hintBoxContent {
  display:block;
  white-space:normal;
  font-weight:normal;
  position:absolute;
  right:-28px;
  top:40px;
  min-width:211px;
  width:auto;
  background-color:#FFF;
  z-index:10;
  border-radius:9px;
  padding:12px;
  box-shadow: 0px 0px 20px 2px #DFE3E6;
}
.pseudobutton .hintBox.open .hintBoxContent::before {
  content:'';
  display:block;
  position:absolute;
  z-index:11;
  top:-18px;
  right:28px;
  width:20px;
  height:20px;
  background:url('/style/types/drop-arrow.svg') no-repeat 50% 50%;
  background-size:contain;
}


.noData {
  padding:16px;
  margin:8px;
  border:1px solid #ddd;
  text-align:center;
  background-color:#EFEFEF;
}
.noData .primary {
  font-size:16px;
}
.noData .secondary {
  font-style:italic;
}

.progressBarOuter {
  position:relative;
  float:right;
  width:300px;
  height:18px;
  vertical-align:middle;
  border:2px solid #006FFF;
  border-radius:5px;
  background-color:#EFEFEF;
  overflow:hidden;
}
.progressBarInner {
  position:absolute;
  width:0%;
  height:100%;
  left:0px;
  top:0px;
  background-color:#006FFF;
  overflow:hidden;
}
.progressBarText {
  text-align:center;
  position:absolute;
  top:0px;
  left:0px;
  width:296px;
}
.progressBarText.overlay {
  color:#EFEFEF;
}
.progressBarText.underlay {
  color:#006FFF;
}

.wizard .sectionHider {
  float:right;
}
.sectionHider {
  display:inline-block;
  margin-left:16px;
}
.sectionHidden {
  clear:both;
  visibility:hidden;
  height:1px;
}
.sectionUnhidden {
  clear:both;
}

.messagingEngine {
  position:fixed !important;
  z-index:1000;
  background-color:#EFEFEF;
  bottom:0px;
  left:0px;
  padding:7px 8px;
  border-right:2px solid #006FFF;
  cursor:pointer;
}
.messagingEngine.open
{
  background-color:#FF0;
}

.messagerDialog {
  position:fixed;
  z-index:1000;
  bottom:40px;
  left:0px;
  border:2px solid #006FFF;
  min-width:400px;
  padding:8px 16px 8px 8px;
  background-color:#EFEFEF;
}

.messagerDialog .userList {
  border:2px solid #006FFF;
  margin:4px;
  overflow-y:scroll;
  max-height:30vh;
  background-color:#FFF;
}

.messagerDialog .userList .user {
  padding:4px;
  cursor:pointer;
}
.messagerDialog .userList .user:hover {
  background-color:#b8b8cc;
}
.messagerDialog .userList .user.selected {
  background-color:#006FFF !important;
  color:#FFF;
}

.previousMessages {
  height:25vh;
  width:98%;
  margin:2px auto;
  border:2px solid #006FFF;
  overflow-y:scroll;
}
.previousMessages .objectListingTable {
  width:100%;
}
.previousMessages .objectListingTable td {
  vertical-align:top;
  padding: 10px 4px 4px;
}
.previousMessages .objectListingTable td {
  width:13%;
}

.previousMessages .objectListingTable tr:hover td 
{
  background-color:#b8b8cc;
}

.newMessage textarea {
  display:block;
  width:98%;
  margin:4px auto;
}

.newMessages {
  position:relative;  
  padding-right:32px;
}
.newMessages:after {
  content:attr(_numMessages);
  border-radius:18px;
  height:22px;
  padding:0px 6px;
  background-color:#006FFF;
  color:#FFF;
  font-weight:bold;
  text-align:center;
  line-height:22px;
  vertical-align:middle;
  position:absolute;
  right:4px;
  bottom:13%;
  
  -webkit-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
}
.newMessages.flash:after {
  background-color:#FF0000;
  -webkit-transition: background-color 400ms linear;
  -ms-transition: background-color 400ms linear;
  transition: background-color 400ms linear;
}

.objectToolbar {
  text-align:center;
}

.objectOverlays {
  position:relative;  
  overflow:visible;
  height:2px;
  margin-bottom:4px;
}
.overlayContent {
  background-color:#DCDCDC;
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  margin-left:-8px;
  z-index:2;
  
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  border:3px solid #006FFF;
}

.workExperienceDropdown {
  margin:4px 16px 12px;
}
.docsDropdown {
  margin:4px 16px 12px;
}


/* Audit dialog */
.auditDialog table {
  width:100%;
}
.auditDialog .changeListing
{
  margin:4px;
  padding:4px;
  overflow-y:scroll;
  height:30vh;
}

.auditDialog .changeFieldSurround
{
  white-space:nowrap;
  text-align:center;
  width:100%;
}
.auditDialog .fieldChangeListing, .auditDialog .codingChangeListing 
{
  white-space:normal;
  display:block;
  
  border-top: 3px solid #006FFF;
  margin:12px 4px 4px;
  padding:12px 4px 4px;
  
  overflow-y:scroll;
  height:30vh;
  text-align:left;
}

.ui-autocomplete-input.invalid {
  color:#BBB;
}

#jobSelectContainer .combo {
  display:block;
  margin:8px 16px 8px 30px;
  width:75%;
}

.ordinalAnchor {
  position: relative;
  top: -4px;
  font-weight:bold;
  margin-left:4px;
  text-decoration: none;
}

.vert {
  display:inline-block;
  margin-left:12px;
  height:26px;
  border-right:2px solid #006FFF;
  margin-right:12px;
  vertical-align:middle;
}

/* **** */
/* Object pager */
.objectPager {
  float:left;  
}
.objectPager span {
  margin-left:12px;
  margin-right:12px;
}

tr.deletedMessage td {
  background-color:#CCC !important;
  color:#FFF;
  text-decoration:line-through;
}
tr.deletedMessage:hover td
{
  background-color:#CCC !important;
}

.field textarea
{
  resize:vertical;
}

.field span.sel {
  display:block;
  font-size:14px;   
  font-weight:400;
  padding:10px 16px;  
  border:1px solid #E9EEF1; 
  border-radius:9px;
  background-color:#fff;   
}

.packedSection.inlineFields .field.autosize {
  width:initial;
  min-width:300px;
}

/* Object arrays */
.objectArray {
  display:inline-block;
  border:1px solid #E9EEF1;
  padding:12px;
  border-radius:9px;
}
.objectArray button {
  padding:0px 8px;
  vertical-align:middle;
  margin-right:4px;
}
.objectArray .message {
  display:none;
}
.objectArrayLine {
  display: inline-block;
  background-color: #CDF;
  margin: 0px 12px 10px 0px;
  padding: 1px 4px;
  border: 1px solid #006FFF;
  border-radius: 8px;
  box-shadow: 3px 3px 4px #888;
}
.objectArrayLine.obj_status_deleted {
  opacity:0.4;
}
.objectArrayLine.obj_status_pending {
  background-color: #FDA;
}

.objectArrayLine .link {
  display:inline-block;
  margin:4px 12px 4px 4px;
}
.addPanel {
  display:block;
  padding-bottom:16px;
  margin-left:12px;
  max-width:300px;
}
.addPanel button {
  padding-right:12px;
  padding-left:12px;
  margin-right:0px;
}
.addPanel input.combo {
  width:calc(100% - 130px);
  position:relative;
}


.context-menu {
  border-radius: 10px;
  /*box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);*/
  z-index:50;
  position: absolute;
  background-color:#fff;
  /*border:1px solid #888;*/
  border: 1px solid #E9EEF1;
  box-shadow: 0px 0px 40px #7F87A8;
}

.context-menu-items {
  list-style: none;
  /*padding:4px; margin:2px;*/
  padding:3px; margin:0;
}

.context-menu-item {
  display: flex;
  border-radius: 10px !important;
  position:relative;
  font-size: 14px;
  font-weight:400;
  padding: 5px 40px 5px 15px;
  cursor: pointer;
  margin: 4px !important;
    color: #263C56 !important;
  transition: all 0.5s;
}
.context-menu-item.greyed > span {

  /*color:#888; */
}
.context-menu-item.separator {
  background-color:#fff !important;
  border-bottom:2px dotted #CCC;
  cursor:normal;
  padding:6px 10px 0px;
  margin-bottom:4px;
}
.context-menu-item.separator:last-child {
  display:none;
}
.context-menu-item.hasSubmenu::after {
  content:"▶";
  display:block;
  pointer-events:none;
  position:absolute;
  right:0px;
  top:0px;
  margin-right:4px;
  height:1em;
}
.context-menu-item > span {
  transition: all 0.5s;
  white-space:nowrap;
}
.context-menu-item:hover {
  background: #62AEEB;
}
.context-menu-item:hover > span {
  color: #fff;
}
.context-menu-item > .context-menu.submenu {
  display:none;
  position:absolute;
  left:calc( 100% - 16px );
  top:0px;
}
.context-menu-item:hover > .context-menu.submenu {
  display:block;
}

#actWrap {
  white-space:nowrap;
}
#actWrap .leftPanel {
  width:400px;
  margin-top:8px;
  display:inline-block;
  vertical-align:top;
  margin-right:1%;
}
#actMap {
  padding:0px 1% 0px 0px;
  background: url('/images/uk.svg') no-repeat top right;
  background-size: auto 100%;
}

#actList {
  width:calc( 100% - 335px );
}
#actMapSection {
  width:345px !important;
  min-width:345px !important;
  max-height:858px; 
  overflow-y:auto;
}

#actList .objectControls > div {
  display:inline;
}

.ui-autocomplete[_extraContent] {
  padding-bottom:2em;
}
.ui-autocomplete[_extraContent]::after {
  content:attr(_extraContent);
  position:absolute;
  bottom:0.5em;
  left:24px;
  font-style:italic;
  color:#999;
}

.opsTable {
  width:95%;
  margin:8px auto;
}
.opsTable > tbody > tr {
  border-bottom:1px dotted #DDD;
}
.opsTable > tbody > tr:last-child {
  border-bottom:hidden;
}

.opsTable > tbody > tr > td {
  padding:8px 4px 12px;
}
.opsTable .desc {
  padding-left:32px;
  font-style:italic;
  color:#999;
}

.xeroInvoiceTable {
  margin:16px 10px;
  color:#000;
  font-style:normal;
}
.xeroInvoiceTable tr:nth-child(2) td
{
  padding-top:6px;
}
.xeroInvoiceTable tr.hd td {
  font-weight:bold;
  border-bottom:2px solid #000;
}
.xeroInvoiceTable td {
  padding:4px 8px;
  border-right:1px solid #DDD;
}
.xeroInvoiceTable td:last-child {
  border-right:0px hidden;
}

.invoicePrepTable {
  /*width:90%;margin:4px auto;*/
}
.invoicePrepTable td {
  padding:4px 8px;
}
.invoicePrepTable td.field {
  /*font-weight:bold;*/
}
.invoicePrepTable td.desc {
  /*max-width:400px;*/
  /*font-style:italic;*/
}

.recReport {
  padding:4px;
}
.recReport input
{
  position:relative;
  top:2px;
}
.recReport.reconciled
{
  background-color:#FAA;
}

.field .value.filteredField {
  display:inline-block;
  vertical-align:middle;
}
.wizard .field .value.filteredField {
  width:calc(100% - 480px);
}
.field .filter {
  display:inline-block;
  padding-left:20px;
  vertical-align:middle;
}
.field .filter {
  text-align:right;
}
.field .filter span {
  margin-right:28px;
  display: block;
}
.field .filter select {
  width:initial;
}
.field .filter input[type="text"], .field .filter input.combo {
  width:80px;
}

input[type="text"][_restrict="time"] {
  text-align:left;
  padding-left: 40px !important;
}

.dialog .field .filter {
  display:block;
  position:relative;
  width:initial;
  /*background-color:#FEA;*/
  border:1px dotted #BBB;
  border-radius:4px;
  padding:12px 12px 4px;
  /*margin:20px 4px 12px;*/
  margin:30px 0 0 0;
  height:0px;
  visibility:hidden;
}
.dialog .field .filter::before {
  content:'Act Selection Filter ▼';
  position:absolute;
  top:-24px;
  /*top:-12px;*/
  right:0;
  padding:4px 0;
 /* background-color:#FEA;*/
  border-radius:4px;
  font-style:italic;
  color:##263C56;
  visibility:visible;
  cursor:pointer;
}
.dialog .field .filter.open {
  height:initial;
  visibility:visible;
  margin-bottom: 20px;
}
.dialog .field .filter.open::before {
  content:'Act Selection Filter ▲';
}


.field.stack {
  display:inline-block;
}
.field.stack .label {
  text-align:right;
  width:initial;
}
.field.stack .value {
  white-space:nowrap;
  width:initial;
  margin-right:64px;
}
.field.stack .label::after {
  content:": ";
}

.associateContact .combo{
  display:inline-block;
  width:140px;
}

.gotoSection {
  display:inline-block;
  margin-left:24px;
}
.gotoSection .combo {
  position:relative;
  top:-2px;
  width:160px;
}


#replacementFieldContent {
  margin:16px;
}

.ui-menu-item a.unavailable {
  background-color:rgba(255,0,0, 0.3) !important;
}
.ui-menu-item a.booked {
  background-color:rgba(0,0,255, 0.3) !important;
}
.ui-menu-item a.linkedBooked {
  background-color:rgba(100,100,255, 0.3) !important;
}
.ui-menu-item a.blacklisted {
  background-color:#000 !important;
  color:#FFF;
}

.floatingCustomise {
  float:right;
  display:inline-block;
  padding:16px;
}

.colsAvailable {
  padding:8px 4px;
  width:40%;
  min-width:400px;
  border:1px solid #AAA;
  background-color:#FFF;
  margin:12px auto;
  max-height:260px;
  overflow-y:scroll;
}
.colsAvailable .customOption {
  position:relative;
  top:-4px;
}
.colsAvailable .customOption:nth-child(2n) {
  background-color:#EFEFEF;
}
.colsAvailable .customOption:hover {
  background-color:#FD8;
}
colsAvailable .customOption label {
  display:block;
}
.colsAvailable .customOption input {
  position:relative;
  top:2px;
}

#actStarsPossible {
  margin:8px auto;
  position:relative;
  width:320px;
  background:transparent url('/images/star-off.png') repeat-x top left;
  height:64px;
}
#actStarsSelected {
  position:absolute;
  top:0px;
  left:0px;
  width:320px;
  background:transparent url('/images/star-on.png') repeat-x top left;
  height:64px;
  pointer-events:none;
}
#actStarDesc {
  position:absolute;
  white-space:nowrap;
  left:100%;
  margin-left:24px;
  margin-top:24px;
  top:0px;
  font-size:18px;
  font-weight:bold;
  font-style:italic;
}
.actStarsComment input {
  margin-top:-4px;
  margin-left:16px;
  width:60%;
}
.actStarsComment {
  margin-top:18px;
  text-align:center;
}


.starsUnrated {
  text-align:center;
  color:#AAA;
  width:52px;
  height:16px;
}

.dialog .starsUnrated {
  padding:8px 16px;
}
.sizeSanitizer .starsPossible {
  margin:8px 0px;
}
.starsPossible {
  margin:8px 16px;
  position:relative;
  width:80px;
  /*background:transparent url('/images/star-off-mini.png') repeat-x top left;*/
  background:transparent url('/images/empty_star.svg') repeat-x top left;
  height:16px;
}
.starsSelected {
  position:absolute;
  top:0px;
  left:0px;
  width:80px;
  /*background:transparent url('/images/star-on-mini.png') repeat-x top left;*/
  background:transparent url('/images/star.svg') repeat-x top left;
  height:16px;
}

.ui-menu-item {
  position:relative;
  padding-right:56px;
}
.ui-menu-item .starsPossible, .ui-menu-item .starsUnrated {
  position:absolute;
  right:4px;
  top:4px;
}

.leftPanel .tabContents .tabContent.selected  {
  max-height:740px;
  height:80vh;
}
.Acts .topSurround .objectListingTable.data
{
  max-height:740px;
}

#multiActCalendar .calendarViewMonth {
  margin-left:0;
  margin-right:0;
}
#multiActCalendar .calendarOptions {
  display:none;
}
#multiActCalendar .calendarTitle {
  margin-top:8px;
  margin-bottom:12px;
}

#newSignupUI table {
  margin-top:12px;
}

/* SMS */
#contactSMSList {
  width:95%;
  margin:8px auto;
  background-color:#FFF;
  border:1px solid #000;
  border-radius:4px;
  padding:4px;
  max-height:300px;
  overflow-y:scroll;
}
#messageContent {
  width:95%;
  display:block;
  margin:4px auto 2px;
  font-family:"courier new",fixed;
  border:1px solid #000;
  border-radius:4px;
  padding:4px;
}
#messageCharsLeft {
  margin-bottom:4px;
  margin-right:3%;
  color:#A00;
  text-align:right;
}

/* Inline */
.inlineObject .tabContents {
  border:none;
  text-align:center;
}
.inlineObject .tabContent, .inlineObject .tabContent.selected {
  position:relative;
  display:block;
  text-align:left;
  border:2px solid #CCC;
  border-radius:6px;
  margin:24px 8px 8px;
  padding:24px 8px 8px;
}
.inlineObject .tabContent::before 
{
  position:absolute;
  color:#999;
  display:inline-block;
  content:attr(_tabName);
  top:-20px;
  left:12px;
  font-family:Inter;
  font-size:24px;
  font-weight:normal;
  background-color:#FFF;
  padding:4px 16px;
}
.inlineObject .label {
  color:#444;
  font-weight:bold;
}

/*
.inlineObject .tabContent, .inlineObject .tabContent.selected {
  display:inline-block;
  vertical-align:top;
  width:45%;
  min-width:500px;
}*/

.equaliseColumn {
  display:inline-block;
  vertical-align:top;
}


.metaVal {
  display:inline;
}
.metaVal.on {
  color:#A00;
}
.metaVal.off {
  color:#AAA;
}
.objectDataTable input.metaAnnotated,
.objectDataTable select.metaAnnotated
{
  width:60%;
}

.combo::placeholder {
  color: #B2B5C6 !important;
  font-weight: 500;
  opacity:1;
}


.confirmLinkBox {
  background-color:#1892c6;
  padding:8px 4px 6px;
  margin-bottom:20px;
  color:#FFF;
  text-align:center;
  box-shadow:2px 2px 3px rgba(0,0,0,0.4);
}
.confirmLinkBox a {
  color:#FFF !important;
}


/* In-system invoice display */

.objectDataTable .field.ivparts > div {
  vertical-align:top;
}
.objectDataTable .field.ivparts > .value {
  max-height: 30vh;
  background-color:#FFF;
  border:1px solid #000;
  overflow-y:scroll;
  padding:4px 8px;
}

.objectDataTable .field.ivparts > .value .part {
  position:relative;
  border-top:1px dotted #AAA;
  padding:4px;
  margin:4px;
}
.objectDataTable .field.ivparts > .value .part:first-child {
  border-top:hidden;
}
.objectDataTable .field.ivparts > .value .partDesc {
  margin-right:100px;
}
.objectDataTable .field.ivparts > .value .partLink {
  display:inline-block;
  position:absolute;
  right:8px;
  top:2px;
}
.objectDataTable .field.ivparts > .value .partLines {
  position:relative;
  color:#888;
  padding:12px 8px 8px;
  font-style:italic;
  margin: 12px 24px 8px;
  border:1px solid #EEE;
  border-radius:6px;
}
.objectDataTable .field.ivparts > .value .partLines::before {
  content: "Line items";
  position:absolute;
  display:inline-block;
  padding:4px 8px 0px;
  top:-8px;
  left:24px;
  font-size:12px;
  color:#DDD;
  background-color:#FFF;
}
.summaryInvoiceTable {
  width:100%;
}

.summaryInvoiceTable td.qty, .summaryInvoiceTable td.price {
  text-align:right;
}

.summaryInvoiceTable td.qty::before {
  content:"x ";
}
.summaryInvoiceTable td.price::before {
  content:"£";
}

.paymentList {
  margin-top:12px;
}

.paymentList .treeNode > .treeBranch {
  display:none;
  opacity:0;
  transition:0.2s ease-in-out;
}
.paymentList .treeNode.open > .treeBranch {
  display:block;
  padding-left:12px;
  opacity:1;
}
.paymentList .treeNode {
  position:relative;
  padding:4px 0px 4px 0px;
}
.paymentList .treeNode:hover:NOT(.open) {
  background-color:#FFA !important;
}

.paymentList .treeNode > .detail {
  cursor:pointer;
  padding-left:24px;
  max-width:calc( 100% - 200px );
}

.paymentList .treeNode::before {
  content:'▸ ';
  pointer-events:none;
  position:absolute;
  left:4px;
  top:0px;
  transform:rotate(0deg);
  transition:0.2s ease-in-out;
}
.paymentList .treeNode.open::before {
  transform:rotate(90deg);
  transition:0.2s ease-in-out;
}

.paymentList .actDetail:nth-child(2n) {
  background-color:#EFEFEF;
}
.paymentList  .actDetail:nth-child(2n + 1) {
  background-color:#DEDEDE;
}
.paymentList .paymentDetail {
  background-color:#FFF;
}
.paymentList .extraDetail {
  position:absolute;
  right:4px;
  top:0px;
}
.paymentList .extraDetail .field {
  display:inline-block;
  vertical-align:middle;
  width:100px;
  text-align:right;
}


.objectControls .extraControls {
  float:left;
  
}

.Profile .tabContents .tabContent.selected
{
  max-height:initial;
}

#linkedActsList {
  padding:12px;
}
#linkedActsList div {
  padding:4px;
}
#linkedActsList input {
  position:relative;
  top:-2px;
}


#doubleBookedEventList {
  background-color:#FFF;
  border:1px solid #000;
  padding:12px;
  margin:8px;
}


.pli_valid td {
  background-color:#AFA !important;
}
.pli_invalid td {
  background-color:#FAA !important;
}

.objectListingTable.data .pli_invalid.selected td {
  background-color:#A44 !important;
}
.objectListingTable.data .pli_valid.selected td {
  background-color:#4A4 !important;
}


/* HEADER ICONS  */
.header a[_icon], .headerOverflow a[_icon]
{
  padding-left:32px;
  background-repeat:no-repeat;
  background-position:10px 50%;
  background-size:15px 15px;
}

#moreButton {
  position:relative;
}
#moreButton::before {
  content:'';
  display:block;
  position:absolute;
  border-left:2px dotted #FFF;
  left:14px;
  height:15px;
}

.breadcrumbs, .pageBreadcrumbs 
{
  padding: 12px 0px 12px 20px;
  color: #B2B5C6;
  font-size: 12px;
  font-weight: 600;
  background: #fff;
}
.breadcrumbs span[_closeControl], 
.pageBreadcrumbs  span[_closeControl] 
{
  color:#006FFF;
  cursor:pointer;
  margin-right:16px;  
}
.breadcrumbs span[_closeControl]:hover,
.pageBreadcrumbs span[_closeControl]:hover
{
  text-decoration:underline;
}

.pageBreadcrumbs {
  margin-bottom: 10px;
  border-bottom: solid 1px #E9EEF1 !important;
}

.breadcrumbs {
  border-bottom: solid 1px #E9EEF1 !important;
}

.icon-applied {
  padding-left:40px;
  background-repeat:no-repeat;
  background-position:12px 50%;
  background-size:15px 15px;
}

button.icon-applied {
  padding-left:56px;
  background-position:32px 50%;
}

input.icon-applied {
  padding-left:32px;
  background-position:12px 50%;
}

input.icon-applied.hasDatepicker {
  /*width:130px !important;*/
  padding-right:4px;
}
input.hasDatepicker {
  /*width:120px !important;max-width:40%;*/
}

.combo.icon-applied {
  max-width:calc( 100% - 50px );
  padding-left:32px !important;
  background-position:12px 50%;
}
.combo.boldAndUnusualShortened.icon-applied {
  width:calc( 100% - 140px );
  padding-left:32px !important;
  background-position:12px 50%;
}

.actContacts .packedSection, .hirerContacts .packedSection, .venueContacts .packedSection
{
  position:relative;
  overflow:hidden;
  padding-bottom:24px;
}

.actContacts .packedSection[_section]::before,
.hirerContacts .packedSection[_section]::before, 
.venueContacts .packedSection[_section]::before
{
  content:attr(_section);
  display:inline-block;
  position:absolute;
  top:14px;
  /*bottom:10px;*/
  right:10px;
  padding:0px 12px 0px;
  font-size:14px;
  font-weight:500;
  color:#B2B5C6;
}

.actContacts .packedSection::after,
.hirerContacts .packedSection::after, 
.venueContacts .packedSection::after
{
  content:'';
  position:absolute;
  display:block;
  top:0px;
  left:0px;
  height:100%;
  width:10px;
}

.actContacts .packedSection::after {
  background-color:#9B51E0;
}
.hirerContacts .packedSection::after {
  background-color:#EB5757;
}
.venueContacts .packedSection::after {
  background-color:#2F80ED;
}

.cog, .filterVisCtrl {
  position:relative;
  cursor:pointer;
  float:right;
  width:20px;
  height:20px;
  margin:10px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
}
.cog.in-controls {
  position:relative;
  cursor:pointer;
  float: auto;
  width:auto;
  height:auto;
  margin:0px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
  white-space:nowrap;
  cursor:pointer;
  font-family:Inter;
  font-size:14px;
  font-weight:600;
    background-color:#62AEEB;
    color:#FFF;
    border: 3px solid #62AEEB;
    border-radius:9px;
    padding:6px 38px 6px 38px;
    margin: 1px 20px 1px 0px;
    background-image:url('/style/types/cogWhite.svg');
    background-position: 20px 50%;
    background-size: 15px
}
.cog {
  background-image:url('/style/types/cogBlue.svg');
}
.cog .dropContent {
  display:none;
}
.cog.open {
  background-image:url('/style/types/cog-open.svg');
}
.cog.in-controls.open {
  color:#62AEEB;
  background-color:#FFF;
  background-image:url('/style/types/cogBlue.svg');
  background-position: 20px 50%;
  background-size: 15px
}

.cog.in-controls:hover {
  color:#62AEEB;
  background-color:#FFF;
  background-image:url('/style/types/cogBlue.svg');
  background-position: 20px 50%;
  background-size: 15px
}


.cog.open .dropContent {
  display:block;
  position:absolute;
  right:-28px;
  top:40px;
  min-width:211px;
  background-color:#FFF;
  z-index:10;
  border-radius:9px;
  box-shadow: 0px 0px 20px 2px #DFE3E6;
}
.cog.in-controls.open .dropContent {
  right:0px;
  top:-370px;
}
.cog.in-controls.act.open .dropContent {
  top:-225px;
}
.cog.open .dropContent::before {
  content:'';
  display:block;
  position:absolute;
  z-index:11;
  top:-18px;
  right:28px;
  width:20px;
  height:20px;
  background:url('/style/types/drop-arrow.svg') no-repeat 50% 50%;
  background-size:contain;
}
.cog.in-controls.open .dropContent::before {
    display: none;
}
.cog.in-controls.open .dropContent::after {
  content:'';
  display:block;
  position:absolute;
  z-index:11;
  top:318px;
  right:6px;
  width:20px;
  height:20px;
  background:url('/style/types/drop-arrow.svg') no-repeat 50% 50%;
  transform: rotate(180deg);
  background-size:contain;
}
.cog.in-controls.act.open .dropContent::after {
  top:197px;
}
.cog.open .dropContent button {
  background-color:transparent;
  width:100%;
  padding:0px 32px 0px 32px;
  margin:0;
  border-radius:0px;
  text-align:left;
  display:block;
  border:none;
  color:#263C56;
  font-size:12px;
  height:40px;
  font-weight:400;
}
.cog.open .dropContent button.icon-applied {
  background-position: 10px 50%;
}
.cog.open .dropContent button:hover {
  background-color:#000;
  color:#FFF;
}
.cog.open .dropContent button:first-child {
  border-top-left-radius:9px;
  border-top-right-radius:9px;
}
.cog.open .dropContent button:last-child {
  border-bottom-left-radius:9px;
  border-bottom-right-radius:9px;
}

.filterVisCtrl {
  /*background-image:url('/style/types/filter.svg');*/
  background-image:url('/style/types/filterGreen.svg');
}
.filterVisCtrl.open {
  /*background-image:url('/style/types/filter-open.svg');*/

  background-image:url('/style/types/filterGreen.svg');
}

.narrowColumn {
  vertical-align:top;
  width:422px;
  display:inline-block;
  margin-right:40px;
}
.wideColumn {
  vertical-align:top;
  display:inline-block;
  width:calc( 100% - 462px );
}


div.dashHead {
  font-weight:700;
  font-size:24px;
  color:#263C56;
  margin-right:80px;
}

.imagePreview {
  position:relative;
  margin:0px auto;
  width:130px;
  height:130px;
  overflow:hidden;
}
.imagePreview button {
  position:absolute;
  top:8px;
  right:8px;
  width:28px;
  height:28px;
  padding:0;
  margin:0;
}

.minimizable {
  position:relative;
  padding-right:16px;
  cursor:pointer;
}
.minimizable.open::after {
  transform: rotate(90deg);
}
.minimizable::after {
  content:'▶';
  position:absolute;
  right:16px;
  top:8px;
  transition: transform 0.4s;
}
.minimizable:NOT(.open) + .maxicontent {
  display:none;
}


.listimg {
  width:28px;
  height:28px;
  display:inline-block;
  vertical-align:middle;
  margin-right:12px;
  background: #DDD url('/style/types/profile.svg') no-repeat top left;
  background-size:cover;
  border-radius:14px;
}

body.Start .sectionTitle {
  font-weight: 700;
  font-size: 26px;
  line-height: 31px;
  color: #263C56;
  margin:48px 27px 8px; 
  padding:0;
}

body.Start .subtitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #B2B5C6;
  margin:0px 27px 72px;
}

body.Start .field {
  margin:8px 27px 22px;
}

body.Start .signinButton button {
  margin:77px auto 32px;
  width:calc( 100% - 54px );
  display:block;
}

/* Act Profile */
.Act-Profile, .Act-Profile a {
  color: #fff;
}
.Act-Profile {
    background: url('/images/profile-bg.png') no-repeat 50% 50%;
    background-size: cover;
}
.Act-Profile .row {
    display: flex;
    justify-content: left;
}
.Act-Profile .left-col {
  flex-basis: 30%;
  padding: 20px;
}
.Act-Profile .main-col {
  flex-basis: 70%;
}
.Act-Profile .half-cols {
  flex-basis: 50%;
}
.Act-Profile .full-col {
    flex-basis: 100%;
}
.Act-Profile .rating .label {
  display: none;
}
.Act-Profile .row > div {
  display: block;
}
.Act-Profile .main-col .left {
  justify-content: left;
  display: block;
  padding: 0 20px 10px 20px;
}
.Act-Profile .main-col .right {
  justify-content: right;
  display: block;
  padding: 0 20px 10px 20px;
}
.Act-Profile .main-col .middle {
padding: 10px 20px 10px 20px;
}
.Act-Profile .main-col .right .rating {
  float: right;
}
.Act-Profile .image-slider {
    display: flex;
    justify-content: left;
}
.Act-Profile .image-slider .main-image {
  flex-basis: 90%;
}
.Act-Profile .image-slider .second-image {
  flex-basis: 10%;
  padding: 10% 0;
}
.Act-Profile .image-slider .second-image .image-container {
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-position-x: right;
  background-size: cover;
}
.act-profile-location {
    color: #fff;
    font-size: 20px;
    padding-left: 30px;
    text-transform: uppercase;
    background: url('/style/menu/marker.svg') no-repeat 0 50% ;
    margin: 0;
}
.act-profile-name {
  color: #fff;
  font-size: 36px;
  padding: 0;
  margin: 0;
}
.act-profile-rating {
}
.Act-Profile .categoryLabel {
    margin: 0;
}
.Act-Profile .category {
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize;
    margin: 5px 0 15px 0;
}
.Act-Profile .description {
    line-height: 24px;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}
.Act-Profile .act-profile-contact {
    background: #006FFF;
    border-radius: 9px;
    padding: 10px;
    margin-bottom: 10px
}
.Act-Profile .act-profile-contact h6 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.Act-Profile .act-profile-contact p {
    font-size: 14px;
    text-align: right;
    margin: 0;
    padding: 5px 30px 5px 0;
}
.Act-Profile .act-profile-contact p.act-profile-email {
    background: url('/style/tabs/email.svg') no-repeat 100% 50% ;
}
.Act-Profile .act-profile-contact p.act-profile-phone {
    background: url('/style/tabs/phone.svg') no-repeat 100% 50% ;
}
.Act-Profile .starsUnrated {
    display: none
}
.Act-Profile .linkedActsPanel {
    margin-top: 25px;
}
.Act-Profile .linkedActsPanel a{
    color: #fff;
}
.Act-Profile .linkedActsPanel .psTitle {
    background: none !important;
    padding-left: 0px;
    margin: 0px;
    display:block;
    float: left;
    width: 25%;
    min-height: 50px;
}
.Act-Profile .linkedActsPanel .linkedAct {
    display: block;
    float: right;
    width: 75%;
    color: #fff;
    margin: 0 0 5px 0;
    padding: 0;
    text-decoration: underline;
}
.Act-Profile .mobile-only {
    display: none;
    padding-top: 20px;
}
.Act-Profile .left-col .main-image img {
    background: #eee;
}
.Act-Profile .clearBoth {
  clear: both;
}

.Act-Profile .videosPanel.simplified {
  padding:0;
}

.Act-Profile .videosPanel.simplified .objectControls {
  display:none;
}
.Act-Profile .videosPanel.simplified,
.Act-Profile .videosPanel.simplified .objectListingContainer, 
.Act-Profile .videosPanel.simplified .objectListingTable,
.Act-Profile .videosPanel.simplified .objectListingTable tr td {
  background-color:initial;
}
.Act-Profile .videosPanel.simplified .objectListingContainer {
  overflow-x:initial;
}
.Act-Profile .videosPanel .objectListingTable.data .videoThumb {
  height:140px;
  width:255px;
}
.Act-Profile .videosPanel .objectListingTable.data.empty {
  display:none;
}
.Act-Profile .videosPanel.simplified .objectListingTable .videoThumb button.webable {
  top:0px;
  left:0px;
  width:100%;
  height:100px;
  
  background-image: url('/images/video-profile.svg');
  background-position: 50% 50%;
  background-size: 52px;
  background-color: initial;
  opacity:0.75;
  transition:opacity 0.5s;
}
.Act-Profile .videosPanel.simplified .objectListingTable .videoThumb button.webable:hover {
  opacity:1;
}
.Act-Profile .videosPanel.simplified .objectListingTable .videoThumb[title]::after {
  content:attr(title);
  display:block;
  position:absolute;
  top:calc(100% - 30px);
  left:8px;
  width:239px;
}
.Act-Profile .videosPanel.simplified .objectListingTable .videoThumb img {
  height:100px;
  width:255px;
  object-fit: cover;
}
.Act-Profile .videosPanel.simplified .objectListingTable tr td {
  margin-right:48px;
  border:1px solid rgba(255,255,255,0.8);
  border-radius:8px;
  padding:3px 5px;
  transition:background-color 0.5s;
  height:140px;
}

.Act-Profile .videosPanel.simplified .objectListingTable tr.selected td {
  padding:1px 3px;
  background-color: rgba(255,255,255,0.2) !important;
}

/* Small desktop */
@media only screen and (max-width: 1280px) {
  .reportPlot{
    height:352px;
  }
  .reportElement {
    width:360px;
    margin:4px;
    padding:4px 4px;
    border:1px solid #006FFF;
    background-color:#FFF;
  }
  .inside { width: 100%; margin:0px; }

  .associateContact {
    width:500px;
  }
}

/* Enforced Desktop */
@media only screen and (min-width: 960px) {
  .postHeader {
    opacity:1 !important;
  }
  /*.objectListingTable.data tr:first-child td {
    height:30px;
    border-top:none;
  }*/
}

/* Mobile */
@media only screen and (max-width: 960px) {
  .inside { width: 100%; margin:0px; }
  .para { padding: 6px 0px;}

  .freeTextSearch {
    margin-bottom: 4px;
  }

  .bodyContent {width: 99%;}
  
  .objectPager {
    float:none;
  }
  
  body.Start .bodyContent {
    margin-top:24px;
  }
  
  body.Start .userNote {
    display:none;
  }
  
  .Venues .objectListingTable.data, .Companies .objectListingTable.data, .Users .objectListingTable.data {
    max-height: initial;
  }

  .sectionContent {
    margin-left: 8px;
    margin-right: 8px;
  }

  /* NEW, 2022-08-15 */
  body.Start {
    background-color:#FFF;
  }
  body.Start .header {
    display:none;
  }
  body.Start .postHeader {
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background-image:none;
    background-color:#006FFF;    
  }
  body.Dashboard .postHeader {
    display:none;
  }
  body.Dashboard .freeTextSearch {
    display:none;
  }
  body.Dashboard .searchBtn {
    width:100%;
  }
  
  .postHeader.fadedOut {
    display:none !important;
  }
  .postHeader .compacted {
    padding:0;
  }
  .postHeader .bpsTitle {
    display:none;
  }
  .headerLogo {
    top:32vh;
    left:0px;
    width:100%;
    height:72px;
    margin:0px auto;
    padding:0;
  }
  .lmmLogo {
    display:block;
    position:absolute;
    top:56vh;
    left:0px;
    width:100%;
    height:57px;
    margin:0px auto;
    padding:0;
  }
  body.Start .sectionTitle {
    margin-top:68px;
  }
  body.Start .signinButton button {
    margin-top:88px;
  }
  
  .narrowColumn, .wideColumn {
    width:initial;
    display:block;
    margin:0px 0px 40px;
  }
  
  /* Global */
  .filterPanel.Act .tabContent[_tab="filter"] {
    width: initial !important;
  }
  
  .objectPager {
    display:none;
  }  
  .filterPanel {
    padding-left:16px;
  }
  .filterPanel .filterPanelLabel {
    display:none;
  }
  .objectListingTable.data.empty table {
    display:none !important;
  }
  .objectListingTable.data.empty::after {
    content:"No records available";
    text-align:center;
    display:block;
    padding:8px 12px;
  }

  .userNote .ident {
    font-size:0;
    display:inline-block;
    vertical-align:middle;
    width:24px;
    height:24px;
    border-radius:24px;
    padding:0;
    border:2px solid #FFF;
    
    background:url('/style/types/profile.svg') no-repeat 50% 50%;
    background-size:contain;
  }
  
  .objectListingTable.vlist.data {
    max-height: 90vh;
    width: calc( 100% - 20px );
    margin: 0px auto;
    display: block;
  }
  
  .linkListOverflow {
    /*height:27px;*/
    white-space:nowrap;
    overflow-y:scroll;    
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .linkListOverflow::-webkit-scrollbar { width: 0 !important; height: 0 !important; }
  
  
  .linkListOverflow a {
    display:inline-block;
    vertical-align:top;
    white-space:normal;
  }
}
 
/* Mobile and portrait */
@media only screen and (max-width: 700px) 
{
    .Act-Profile .left-col, .Act-Profile .left-col, .Act-Profile .left-col, .Act-Profile .right-col, .Act-Profile .half-cols {
        flex-basis: 100%;
    }
    .Act-Profile .row {
      display: block
    }
    .Act-Profile.dlgContent  {
      padding: 0;
    }
    .Act-Profile .main-col .right .rating {
      float: left;
      width: 100%;
    }
    .Act-Profile .starsPossible {
      margin-left: 0;
    }
    .Act-Profile .row > div.left-col img {
      display: none;
    }
    .Act-Profile .mobile-only {
     display: block;
    }
    .Act-Profile .mobile-only.placeholder {
     display: none;
    }
    .Act-Profile .linkedActsPanel .psTitle {
        width: 100%;
        min-height: 10px;
        margin-bottom: 10px;
    }
    .Act-Profile .linkedActsPanel .linkedAct {
        width: 100%;
    }


  .fplabel {  
    height:initial !important;
  }
  .fplabel td {
    margin-bottom:10px;
    border-radius:9px;
  }


  .contactPanel {
    height:initial !important;
  }

  /* Listings */
  .objectListingTable.vlist.head {
    display:none;
  }
  .objectListingTable.vlist.data table, 
  .objectListingTable.vlist.data tbody {
    display:block;
    width:98%;
    margin:0px auto;
  }
  .objectListingTable.vlist.data tr {
    display:block;
    position:relative;
    border-radius:9px;
    background-color:#FFF !important;
    padding:8px 15px 8px;
    margin:0px auto 10px;
    /*width:90%;  */
  }  
  .objectListingTable.vlist.data td 
  {
    border:none;
    display:block;
    background-color:transparent;
    height:28px;
  }
  .objectListingTable.vlist.data td .sizeSanitizer {  
    width:initial !important;
    max-width: calc( 100vw - 84px );
  }
  .objectListingTable.vlist.data tr:NOT(.active) {
    margin:0;
    padding:0;
  }
  
  /* Generic vlist */
  .objectListingTable.vlist.defaultLayout.data td[_column=""] {
    display:none;
  }
  .objectListingTable.vlist.defaultLayout.data td[_column] {
    position:relative;
    padding-left:40%;
  }
  .objectListingTable.vlist.defaultLayout.data td[_column]::after {
    content:attr(_column);
    color:#7F87A8;
    position:absolute;
    top:1px;
    left:0px;
    width:calc(40% - 8px);
    text-align:right;
    font-size:12px;
  }
  
  .objectListingTable.vlist.defaultLayout.data td[_column][_renderer="checkbox"] {
    position:relative;
    padding-right:60%;
    padding-left:30%;
  }
  .objectListingTable.vlist.defaultLayout.data td[_column][_renderer="checkbox"]::after {
    left:40%;
    width:calc(60% - 8px);
    text-align:left;
  }
  
  /* Act */
  .objectListingTable.Act.data td[_column=""] {
    display:none;
  }
  .objectListingTable.Act.data td[_column="Rating"] {
    position:absolute;
    top:4px;
    left:56px;
    overflow:visible;
    background-color:transparent !important;
  }
  .objectListingTable.Act.data .starsPossible {
    left:-2px;
    margin:0;
  }
  .objectListingTable.Act.data td[_column="Name"] {  
    height:46px;
  }
  .objectListingTable.Act.data td[_column="Name"] .sizeSanitizer {
    overflow:visible;
    position:relative;
    top:8px;
    font-weight:600;
  }
  .objectListingTable.Act.data td[_column="City"] .sizeSanitizer,
  .objectListingTable.Act.data td[_column="Contact Name"] .sizeSanitizer,
  .objectListingTable.Act.data td[_column="Contact Email"] .sizeSanitizer,
  .objectListingTable.Act.data td[_column="Contact Phone"] .sizeSanitizer,
  .objectListingTable.Act.data td[_column="Act Category"] .sizeSanitizer
  {
    padding-left:38px;  
    background-position:7px 50%;
    background-repeat:no-repeat;
    background-size:15px 15px;
  }
   
  .objectListingTable.Act.data td[_column="Act Category"] .sizeSanitizer {
    background-image:url('/style/types/act.svg');
  }
  .objectListingTable.Act.data td[_column="City"] .sizeSanitizer {
    font-weight:600;
    background-image:url('/style/types/city.svg');
  }
  .objectListingTable.Act.data td[_column="Contact Name"] .sizeSanitizer {
    background-image:url('/style/types/contact.svg');
  }
  .objectListingTable.Act.data td[_column="Contact Email"] .sizeSanitizer {
    background-image:url('/style/types/email.svg');
  }
  .objectListingTable.Act.data td[_column="Contact Phone"] .sizeSanitizer {
    background-image:url('/style/types/phone.svg');
  }
  .objectListingTable.Act.data .listimg {
    position:relative;
    top:-8px;
  }
  
  /* Events */
  
  .objectListingTable.Event.data tr.active {
    height:124px;
  }
  .objectListingTable.Event.data td[_column=""],
  .objectListingTable.Event.data td[_column="Act Confirmation"]
  {
    display:none; /* For now */
  }

  /*
  .objectListingTable.Event.data tr.confirm-unsent::after,
  .objectListingTable.Event.data tr.confirm-sent::after
  {
    content:'!';
    position:absolute;
    top: 10px;
    right: 10px;
    border-radius:100px;
    height:20px;
    min-width:20px;
    text-align:center;
    font-size:14px;
    line-height:20px;
    color:#FFF;
    background-color:#EB5757;
  }
  .objectListingTable.Event.data tr.confirm-sent::after
  {
    background-color:#62AEEB !important;
  }
  */

  .objectListingTable.Event.data td[_column="Act"] {
    position:absolute;
    top:8px;
    left:8px;
    font-weight:600;
  }
  .objectListingTable.Event.data td[_column="Venue"] {
    position:absolute;
    top:48px;
    left:8px;
    font-weight:600;
  }
  .objectListingTable.Event.data td[_column="Date"] {
    position:absolute;
    top:76px;
    left:8px;
    font-size:12px;
  }
  .objectListingTable.Event.data td[_column="Start Time"] {
    position:absolute;
    top:76px;
    left:45%;
    font-size:12px;
  }
  .objectListingTable.Event.data td[_column="End Time"] {
    position:absolute;
    top:76px;
    left:70%;
    font-size:12px;
  }
  .objectListingTable.Event.data td[_column="Act Fee"] {
    position:absolute;
    top:104px;
    left:8px;
    font-size:12px;
  }
  .objectListingTable.Event.data td[_column="Hirer Fee"] {
    position:absolute;
    top:104px;
    left:45%;
    font-size:12px;
  }
  .objectListingTable.Event.data td[_column="Hirer Fee"] .sizeSanitizer::before {
    content: "Hirer fee: £";
    color:#7F87A8;
  }
  .objectListingTable.Event.data td[_column="Act Fee"] .sizeSanitizer::before {
    content: "Act fee: £";
    color:#7F87A8;
  }
  
  .objectListingTable.Event.data td[_column="Venue"] .sizeSanitizer,
  .objectListingTable.Event.data td[_column="Date"] .sizeSanitizer,
  .objectListingTable.Event.data td[_column="Start Time"] .sizeSanitizer,
  .objectListingTable.Event.data td[_column="End Time"] .sizeSanitizer
  {
    padding-left:38px;  
    background-position:7px 50%;
    background-repeat:no-repeat;
    background-size:15px 15px;
  }   
  .objectListingTable.Event.data td[_column="Venue"] .sizeSanitizer {
    background-image:url('/style/types/venue.svg');
  }
  .objectListingTable.Event.data td[_column="Date"] .sizeSanitizer {
    background-image:url('/style/types/date.svg');
  }
  .objectListingTable.Event.data td[_column="Start Time"] .sizeSanitizer,
  .objectListingTable.Event.data td[_column="End Time"] .sizeSanitizer 
  {
    background-image:url('/style/types/time.svg');
  }
  
  /** New mobile multi select stuff **/
  .multiselectType.objectListingTable.vlist.data tr.multiselected {
    background-color: #888 !important;
  }
  .multiselectType.objectListingTable.vlist.data tr.multiselected td {
    color:#FFF !important;
  }
  .multiselectType.objectListingTable.vlist.defaultLayout.data tr.multiselected td[_column]::after {
    color:#FFF;
  }
  .multiselectType.objectListingTable.Event.data tr.multiselected td[_column="Hirer Fee"] .sizeSanitizer::before,
  .multiselectType.objectListingTable.Event.data tr.multiselected td[_column="Act Fee"] .sizeSanitizer::before
  {
    color:#FFF;
  }
  
  /** Remove normal select stuff **/
  .objectListingTable.vlist.data tr.selected {
    background-color: #888 !important;
  }
  .objectListingTable.vlist.defaultLayout.data tr.selected td[_column]::after 
  {
    color:#FFF;
  }
  .multiselectType.objectListingTable.vlist tr.selected td { 
    color:#000 !important; 
    background-color:transparent !important;
  }
  .multiselectType.objectListingTable.vlist tr.selected a { color:#000 !important;}
  .multiselectType.objectListingTable.vlist tr.selected a:hover { color:#000 !important;}


  /* Quick effort to make acts work again */
  #actList {
    display:block;
    width:initial;
  }
  #actMapSection {
    display:none;
  }

}




/* jQuery Calendar styling, ala Jacob */

.ui-widget-header {
    background: #E9EEF1 !important;
    padding: 3px 0 0 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #F9FBFC !important;
    border: 1px solid #E9EEF1;
    text-align: center;
}

.ui-datepicker-calendar th span {
    color: #263C56;
}

.ui-state-highlight {
    background-color: rgba(254, 192, 7, 0.2) !important;
    border: 1px solid #FEC007;
}

.ui-state-default:hover {
    background: rgba(98, 174, 235, 0.2) !important;
    border: 1px solid #62AEEB !important;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e {
    background-color: #62AEEB !important;
    border-radius: 25px;
    width: 23px !important;
    height: 23px !important;
    background-image: url('style/types/date.svg') !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    border: none !important;
    background: transparent !important;
}

.ui-datepicker-prev span {
    background-image: url('../images/datepicker_icon_left.png') !important;
}

.ui-datepicker-next span {
    background-image: url('../images/datepicker_icon_right.png') !important;
}

.ui-datepicker-next {
    cursor: pointer;
    right: 7px !important;
    top: 2px !important;
}

.ui-datepicker-prev {
    cursor: pointer;
    left: 2px !important;
    top: 2px !important;
}



/* RJG, Act field hide */
body.Acts .filterPanel.Act .field.af-date {
  display:none;
}

@media only screen and (max-width: 700px) 
{
  /* Hide fields by default */
  body.Acts .filterPanel.Act .field {
    display:none;
  }
  
  body.Acts .filterPanel.Act .field.af-date,
  /*body.Acts .filterPanel.Act .field.af-name,*/
  body.Acts .filterPanel.Act .field.af-actCategory,
  body.Acts .filterPanel.Act .field.af-rating,
  body.Acts .filterPanel.Act .field.af-city
  {
    display: inline-block;
  }
  
  body.Acts .filterPanel.Act .tabContent:not(:first-child) {
    display:none;
  }
}

@media only screen and (max-width: 1400px)
{
  div#approvalDateRange {
    display:block !important;
    margin:0px 8px 16px !important;
  }
  
  .filterFieldToShow {
    display:block;
  }
}



tr[_confirmRow] > td:first-child {
  text-align:right;
  height:84px;
}
.reportConfirmSection {
  position:relative;
  display:inline-block;
  text-align:left;
  background-color:#DDD;
  border:1px solid #888;
  padding:8px 12px;
  border-radius:8px;
  box-shadow:2px 2px 3px rgba(0,0,0,0.3);
  margin:18px 6px 8px;
  min-width:260px;
}
.reportConfirmSection .objectName {
  position:absolute;
  top:-11px;
  left:12px;
  font-size:12px;
  background-color:#FFF;
  border-radius:6px;
  border:1px solid #888;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  border-bottom:hidden;
  padding:0px 6px;
}

.reportConfirmSection.status_confirmed, .reportConfirmSection.status_confirmed .objectName {
  background-color:#DFD;
  border-color:#6A6;
}
.reportConfirmSection.status_unconfirmed, .reportConfirmSection.status_unconfirmed .objectName {
  background-color:#FAA;
  border-color:#A66;
}
.reportConfirmSection.status_unavailable, .reportConfirmSection.status_unavailable .objectName {
  background-color:#ABF;
  border-color:#69A;
}

.reportConfirmSection .status {
  font-size:16px;
  font-weight:bold;
}
.reportConfirmSection .who {
  font-size:12px;
}

.reportConfirmSection textarea.confirmNotes {
  width:calc(100% - 32px);
  margin:12px 0px 4px;
  height:64px;
}

.reportConfirmSection.confirm_type_division {
  border-style:double;
  border-width:6px;
}

.reportConfirmSection .confirmNotesStatic {
  position:relative;
  border:1px solid #666;
  border-radius:4px;
  background-color:#FFF;
  margin:12px 0px 4px;
  padding:14px 8px 8px;
  white-space: pre-wrap;
}

.reportConfirmSection .confirmNotesStatic::after {
  content:'Approval notes';
  position:absolute;
  top:-8px;
  left:8px;
  padding:2px 4px;
  background-color:#FFF;
  font-size:10px;
  font-weight:bold;
  color:#444;
}

.reconciliationReport {
  padding:12px 16px;
  margin:18px 24px;
  border:1px solid #444;
  border-radius:4px;
  background-color:#EFEFEF;
}
.reconciliationReport .title {
  font-size:16px;
  font-weight:bold;
  margin-bottom:12px;
  border-bottom:1px solid #888;
  padding-bottom:4px;
}

.loader {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 4px solid #DDD;
  border-radius: 50%;
  border-top-color: #48D;
  animation: loader 1s ease-in-out infinite;
  margin:8px;
}
@keyframes loader {
  to {
    transform: rotate(360deg);
  }
}

.frame {
  border:1px solid #000;
  background-color:#FFF;
  padding:8px;
  margin:2px;
  display:inline-block;
  vertical-align:top;
  min-height:80vh;
  width:400px;
}

.mtContainer {
  position:relative;
}
.mtPalette {
  overflow-y:scroll;
  position:relative;
}
.mtEditor {
  /*overflow-y:scroll;*/
  width:calc( 100% - 600px - 64px );
  position:relative;
}
.mtOverlay {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
}
.mtProps {
  overflow-y:scroll;
  position:relative;
  
  width:200px;
}

.mtPalette .paletteSection {
  margin:8px 2px;
  border:1px solid #AAA;
  padding:4px;
  white-space:normal;
  background-color:#FCFCFC;
}
.mtPalette .paletteSectionTitle {
  font-weight:bold;
  padding:4px 8px;
}
.mtPalette .paletteButton {
  display:inline-block;
  vertical-align:top;
  border:1px solid #000;
  margin:4px;
  padding:4px 6px;
  width:calc( 25% - 2px - 20px );
  text-align:center;
  background-color:#FFF;
  box-shadow:2px 2px 0px rgba(0,0,0);
}


tr.mkt-due td[_column="Scheduled Post Date"]
{
  background-color:#ABF !important;
}
tr.mkt-overdue td[_column="Scheduled Post Date"]
{
  background-color:#FBA !important;
}
tr.mkt-pending td[_column="Scheduled Post Date"]
{
  background-color:#ADB !important;
}


.field.imageThirds {
  display:inline-block;
  width:33%;
  vertical-align:top;
}

.Marketing .objectListingTable.Event button, .Marketing .objectListingTable.EventGroup button
{
  padding-top:1px;
  padding-bottom:1px;
}


.socialMediaControls {
  margin:24px 16px;
}

.socialLink {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  width:16px;
  height:16px;
  margin:0px 16px 0px 4px;
  border: 2px solid #000;
  background-color:#DDD;
  border-radius:16px;
}

.socialLink.linked::after {
  content:"";
  position:absolute;
  display:block;
  top:4px;
  left:4px;
  width:8px;
  height:8px;
  border-radius:8px;
  background-color:#F00;
}

.block-linked .socialLink {
  border:2px solid #F00;
}

body.Companies .coTitle {
  white-space:nowrap;
}
body.Companies .coTitle > * {
  white-space:normal;
}
body.Companies .coTitle > span {
  vertical-align:middle;
  background-color:#e9eef1;
}

.socialPostResult span {
  font-weight:bold;
  margin-bottom:16px;
}
.socialPostResult table td {
  padding:4px 8px;
  max-width:300px;
}
.socialPostResult table th {
  text-align:left;
  padding:4px 8px;
}
.socialPostResult table {
  margin:16px auto;
}

.socialPostResult table tr.success td {
  background-color:rgba(0,255,0,0.1);
}
.socialPostResult table tr.error td {
  background-color:rgba(255,0,0,0.1);
}

.social_link_facebook .controls button.posbtn, .social_link_instagram .controls button.posbtn {
  display:inline-block;
  vertical-align:middle;
  color:rgba(0,0,0,0);
  background-color:rgab(0,0,0,0);
  background:url('/images/continue-with-facebook.png') no-repeat top left;
  background-size:330px 63px;
  padding:0;
  border:none;
  width:330px;
  height:63px;
}

.confirmBudgetContainer {
  text-align:right;
  margin-right:32px;
}
.confirmBudgetBox {
  text-align:center;
  padding: 12px 16px;
  display:inline-block;
  background-color:#E5E5E5;
  border:1px solid #444;
  border-radius:4px;
}
.confirmBudgetBox:empty {
  display:none;
}
.confirmBudgetBox button {
  margin-top:8px;
  margin-right:4px;
}

.changeBtn {
  cursor:pointer;
  text-decoration:underline;
  color:#00A;  
}

.confirmBudgetBox-annual {
  padding:12px 8px;  
  white-space:nowrap;
}
.confirmBudgetBox-annual .confirmBudgetSection > div.spend-status {
  display:inline-block;
  vertical-align:middle;
  white-space:normal;
  width:calc(60% - 48px);
}
.confirmBudgetBox-annual .confirmBudgetSection > div.spend-notes-review {
  display:inline-block;
  vertical-align:middle;
  white-space:normal;
  width:34px;
  height:40px;
  background-image:url('/style/types/notes-2.svg');
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  cursor:pointer;
  padding-right:6px;
}
.confirmBudgetBox-annual button {
  padding:4px 8px;
  margin-left:8px;
  display:inline-block;
  vertical-align:middle;
  width:calc( 40% - 16px );
}


#prepMarketingText {
  width:96%;
  margin:8px auto;
  display:block;
}

.schedulePostPanel {
  border:1px solid #00A;
  border-radius:8px;
  padding:12px 16px;
  margin:8px;
}
.schedulePostPanel .title {
  margin:0px 0px 16px;
  padding:0;
}
.schedulePostPanel .scheduleStatus {
  margin:16px;
}
.schedulePostPanel .scheduleControls {
  margin:16px;
}

.reschedule input[_restrict="time"] {
  padding-left:16px !important;
}
.reschedule table td {
  vertical-align:middle;
  padding:8px 12px;
}

.period {
  position:relative;
}

.parentMinimiser {
  position:absolute;
  cursor:pointer;
  top:4px;
  right:8px;
  display:inline-block;
  background-color:#FFF;
  border:1px solid #000;
  border-radius:100%;
  width:32px;
  height:32px;
  line-height:32px;
  text-align:center;
  transform: rotate( 90deg );
  transition: transform 0.4s;
}

.period.minimised .parentMinimiser {
  transform: initial;
}

.period.minimised .pChildren {
  display:none;
}

.propsSection button {
  margin:4px;
}


.signatureTable {
  margin-top:12px;
}
.signatureTable td {
  padding:8px 12px;
}