/* input(3594,1): run-time error CSS1019: Unexpected token, found '@import'
input(3594,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap')'
input(5387,1): run-time error CSS1019: Unexpected token, found '}'
input(5513,35): run-time error CSS1030: Expected identifier, found '.'
input(5513,58): run-time error CSS1025: Expected comma or open brace, found ')'
input(6319,21): run-time error CSS1030: Expected identifier, found '.'
input(6319,55): run-time error CSS1025: Expected comma or open brace, found ')'
input(6323,21): run-time error CSS1030: Expected identifier, found '.'
input(6323,55): run-time error CSS1025: Expected comma or open brace, found ')'
input(6433,44): run-time error CSS1030: Expected identifier, found '.'
input(6433,69): run-time error CSS1025: Expected comma or open brace, found ')'
input(6450,44): run-time error CSS1030: Expected identifier, found '.'
input(6450,69): run-time error CSS1025: Expected comma or open brace, found ')'
input(10375,1): run-time error CSS1019: Unexpected token, found '@import'
input(10375,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@300;400&display=swap')'
input(11105,21): run-time error CSS1036: Expected expression, found ';' */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------

events500 Icons Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'events500 Icons';
  src: url('/fonts/events500 Icons.eot?v=_anXGWWQRs9eLSabMz9MiCGpkXI');
  src: url('/fonts/events500 Icons.eot?v=_anXGWWQRs9eLSabMz9MiCGpkXI') format('embedded-opentype'), url('/fonts/events500 Icons.woff2?v=IZIBrCQprPYVi2IzrzcQmz2lql0') format('woff2'), url('/fonts/events500 Icons.woff?v=4LhIzEg50irDq2MdhjXghoVhBV0') format('woff'), url('/fonts/events500 Icons.ttf?v=rTggEILSl3tUniqyNikK0CYzz0o') format('truetype'), url('/fonts/events500 Icons.svg?v=6_QdSp5aDWwmMjOituDIPAF2bow') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
	base class definition
-------------------------*/
.nc-icon {
  display: inline-block;
  font: normal normal normal 1em/1 'events500 Icons';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------
  change icon size
-------------------------*/
/* relative units */
.nc-icon-sm {
  font-size: 0.8em;
}
.nc-icon-lg {
  font-size: 1.2em;
}
/* absolute units */
.nc-icon-16 {
  font-size: 16px;
}
.nc-icon-32 {
  font-size: 32px;
}
/*----------------------------------
  add a square/circle background
-----------------------------------*/
.nc-icon-bg-square,
.nc-icon-bg-circle {
  padding: 0.35em;
  background-color: #eee;
}
.nc-icon-bg-circle {
  border-radius: 50%;
}
/*------------------------------------
  use icons as list item markers
-------------------------------------*/
.nc-icon-ul {
  padding-left: 0;
  list-style-type: none;
}
.nc-icon-ul > li {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}
.nc-icon-ul > li > .nc-icon {
  margin-right: 0.4em;
  line-height: inherit;
}
/*------------------------
  spinning icons
-------------------------*/
.nc-icon-is-spinning {
  -webkit-animation: nc-icon-spin 2s infinite linear;
  -moz-animation: nc-icon-spin 2s infinite linear;
  animation: nc-icon-spin 2s infinite linear;
}
@-webkit-keyframes nc-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes nc-icon-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes nc-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*------------------------
  rotated/flipped icons
-------------------------*/
.nc-icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nc-icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nc-icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.nc-icon-flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.nc-icon-flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*------------------------
	icons
-------------------------*/

.nc-a-add::before {
  content: "\ea01";
}

.nc-at-sign::before {
  content: "\ea02";
}

.nc-badge-13::before {
  content: "\ea03";
}

.nc-book-open-2::before {
  content: "\ea04";
}

.nc-book-open::before {
  content: "\ea05";
}

.nc-briefcase-24::before {
  content: "\ea06";
}

.nc-briefcase-25::before {
  content: "\ea07";
}

.nc-building::before {
  content: "\ea08";
}

.nc-bullet-list-69::before {
  content: "\ea09";
}

.nc-calendar-date::before {
  content: "\ea0a";
}

.nc-check-all::before {
  content: "\ea0b";
}

.nc-check-circle-08::before {
  content: "\ea0c";
}

.nc-contacts-2-2::before {
  content: "\ea0d";
}

.nc-contacts-2-3::before {
  content: "\ea0e";
}

.nc-contacts-2::before {
  content: "\ea0f";
}

.nc-contacts-44::before {
  content: "\ea10";
}

.nc-cutlery-2::before {
  content: "\ea11";
}

.nc-cutlery-77::before {
  content: "\ea12";
}

.nc-cutlery::before {
  content: "\ea13";
}

.nc-e-add::before {
  content: "\ea14";
}

.nc-e-delete::before {
  content: "\ea15";
}

.nc-email::before {
  content: "\ea16";
}

.nc-event-create::before {
  content: "\ea17";
}

.nc-filter::before {
  content: "\ea18";
}

.nc-folder-18::before {
  content: "\ea19";
}

.nc-folder-add::before {
  content: "\ea1a";
}

.nc-furnished-property::before {
  content: "\ea1b";
}

.nc-gear::before {
  content: "\ea1c";
}

.nc-home-2::before {
  content: "\ea1d";
}

.nc-home-3::before {
  content: "\ea1e";
}

.nc-ic_print_48px::before {
  content: "\ea1f";
}

.nc-ic_room_48px-2::before {
  content: "\ea20";
}

.nc-ic_room_48px::before {
  content: "\ea21";
}

.nc-ic_search_48px::before {
  content: "\ea22";
}

.nc-layout-11-2::before {
  content: "\ea23";
}

.nc-layout-11::before {
  content: "\ea24";
}

.nc-list::before {
  content: "\ea25";
}

.nc-log-out::before {
  content: "\ea26";
}

.nc-menu-34::before {
  content: "\ea27";
}

.nc-metrics::before {
  content: "\ea28";
}

.nc-minimal-left::before {
  content: "\ea29";
}

.nc-minimal-right::before {
  content: "\ea2a";
}

.nc-name-card-2::before {
  content: "\ea2b";
}

.nc-name-card::before {
  content: "\ea2c";
}

.nc-opening-times::before {
  content: "\ea2d";
}

.nc-paragraph::before {
  content: "\ea2e";
}

.nc-path-intersect::before {
  content: "\ea2f";
}

.nc-path-minus::before {
  content: "\ea30";
}

.nc-phone::before {
  content: "\ea31";
}

.nc-pin-2-2::before {
  content: "\ea32";
}

.nc-pin-2::before {
  content: "\ea33";
}

.nc-plant-ground::before {
  content: "\ea34";
}

.nc-plant-vase::before {
  content: "\ea35";
}

.nc-position-user::before {
  content: "\ea36";
}

.nc-printer::before {
  content: "\ea37";
}

.nc-closeOnSave-68::before {
  content: "\ea38";
}

.nc-closeOnSave-69::before {
  content: "\ea39";
}

.nc-reservation::before {
  content: "\ea3a";
}

.nc-round-pound::before {
  content: "\ea3b";
}

.nc-setup-preferences::before {
  content: "\ea3c";
}

.nc-shape-rectangle::before {
  content: "\ea3d";
}

.nc-shuffle-01::before {
  content: "\ea3e";
}

.nc-simple-delete::before {
  content: "\ea3f";
}

.nc-simple-remove::before {
  content: "\ea40";
}

.nc-single-01-2::before {
  content: "\ea41";
}

.nc-single-01-3::before {
  content: "\ea42";
}

.nc-single-01::before {
  content: "\ea43";
}

.nc-small-triangle-left::before {
  content: "\ea44";
}

.nc-small-triangle-right::before {
  content: "\ea45";
}

.nc-sofa::before {
  content: "\ea46";
}

.nc-square-marker::before {
  content: "\ea47";
}

.nc-square-pin::before {
  content: "\ea48";
}

.nc-stre-left::before {
  content: "\ea49";
}

.nc-stre-right::before {
  content: "\ea4a";
}

.nc-time-clock-2::before {
  content: "\ea4b";
}

.nc-time-clock-3::before {
  content: "\ea4c";
}

.nc-time-clock::before {
  content: "\ea4d";
}

.nc-todo::before {
  content: "\ea4e";
}

.nc-trend-up::before {
  content: "\ea4f";
}

.nc-triangle-down-20::before {
  content: "\ea50";
}

.nc-triangle-up-19::before {
  content: "\ea51";
}

.nc-wallet-90::before {
  content: "\ea52";
}

.nc-wrench-tool::before {
  content: "\ea53";
}

.nc-zoom-2::before {
  content: "\ea54";
}

.nc-zoom-88::before {
  content: "\ea55";
}


/*--------------------------------

events500i Icons 2 Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'events500i Icons 2';
  src: url('/fonts/events500i Icons 2.eot?v=jctvArzwO8_JI7Yw7K7H419WUMs');
  src: url('/fonts/events500i Icons 2.eot?v=jctvArzwO8_JI7Yw7K7H419WUMs') format('embedded-opentype'), url('/fonts/events500i Icons 2.woff2?v=bq-UV_dDxaJJpci4CBqOYGRdmTs') format('woff2'), url('/fonts/events500i Icons 2.woff?v=2KD8vMKr5bQBdPh1JpBz4-GF9EU') format('woff'), url('/fonts/events500i Icons 2.ttf?v=z53gaBsOaDYzeVemHI-SRNVjF98') format('truetype'), url('/fonts/events500i Icons 2.svg?v=E15ljBiaySy1jEZYx76QgMv8HS0') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
	base class definition
-------------------------*/
.nc-icon-2 {
  display: inline-block;
  font: normal normal normal 1em/1 'events500i Icons 2';
  color: inherit;
  flex-shrink: 0;
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------
  change icon size
-------------------------*/
/* relative units */
.nc-icon-sm {
  font-size: 0.8em;
}
.nc-icon-lg {
  font-size: 1.2em;
}
/* absolute units */
.nc-icon-16 {
  font-size: 16px;
}
.nc-icon-32 {
  font-size: 32px;
}

/*------------------------
  spinning icons
-------------------------*/
.nc-icon-is-spinning {
  animation: nc-icon-spin 1s infinite linear;
}
@keyframes nc-icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*------------------------
  rotated/flipped icons
-------------------------*/
.nc-icon-rotate-90 {
  transform: rotate(90deg);
}
.nc-icon-rotate-180 {
  transform: rotate(180deg);
}
.nc-icon-rotate-270 {
  transform: rotate(270deg);
}
.nc-icon-flip-y {
  transform: scaleY(-1);
}
.nc-icon-flip-x {
  transform: scaleX(-1);
}
/*------------------------
	icons
-------------------------*/

.nc-shape-rectangle::before {
  content: "\ea01";
}


.ui-datepicker {
	background-color: rgba(255,255,255,1);
	border-radius: 2px;
	display: none;
	margin-top: 4px;
	padding: 0px;
	width: 200px;
    color:rgba(0,0,0,0.8);
    box-shadow:0px 0px 30px rgba(31, 44, 57, 0.15);
    font-size:13px;
    z-index:100000!important;
    padding-bottom:10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;  
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: var(--dark-text);
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	text-align: center;
    border-radius:2px 2px 0px 0px;
    padding:5px 5px;
    padding-bottom:7px;
    position:relative;
    width:100%;
    left:0;
    top:0;
    background:var(--header-bg);
}
html body 
.ui-datepicker .ui-datepicker-calendar{
    width:100%;
    margin:auto;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 500;
    font-size:8.4pt;
    color:white;
    font-weight:600;
    padding-top:2px;
}
html body .ui-datepicker .ui-datepicker-prev,
html body .ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'events500 Icons';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 15px;
	line-height: 1;
	margin-top: 3px;
	width: 35px;
    color:white;
    cursor:pointer;
    font-size:var(--default-font-size);
    position:relative;
    bottom:1px;
}
html body .ui-datepicker .ui-datepicker-prev:hover,
html body .ui-datepicker .ui-datepicker-next:hover{
    color:white;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev::before {
	content: "\ea29";
}
.ui-datepicker .ui-datepicker-next::before {
	content: "\ea2a";
}
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year{
    display:inline-block;
    width:30px;
    color:white;
    font-weight:600;
    font-size:8.4pt;
    background:var(--header-bg);
    padding-left:0px;
    padding-top:1px;
    outline:none;
    border:none;
}
.ui-datepicker .ui-datepicker-month{
    text-align:right;
    text-align-last:right;
    direction:rtl;
    padding-right:3px;
}
.ui-datepicker .ui-datepicker-year{
    text-align:left;
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
	width: 93%;
    margin:auto;
}
.ui-datepicker .ui-datepicker-calendar thead{
    padding:10px;
    font-size:7.4pt;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 7px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 20px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            font-size:7.4pt;
           
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eef3f6;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
	color:var(--dark-text);
	font-size:7.4pt;
}
.ui-datepicker .ui-datepicker-today{
    background:rgba(35, 167, 237, 0.2);
}
.ui-datepicker .ui-datepicker-current-day {
    background:var(--header-bg);
}
html body .ui-datepicker .ui-datepicker-current-day:hover {
    background:var(--header-bg);
}
.ui-datepicker .ui-datepicker-current-day a {
	color: white!important;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
.ui-datepicker-unselectable{
    color:#b5c3cb;
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    visibility: visible;
    overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #bbc0c4;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src:url('/fonts/Segoe UI.woff?v=1_YJ4G6ErJQJtbsJNIkMcKjVFjE') format('woff');
}
@font-face {
font-family: 'Segoe UI Semi';
font-style: normal;
font-weight: normal;
src:url('/fonts/seguisb.ttf?v=BiSfM2ic_omcaD7VTwntPWbHUug') format('woff');
}

@font-face {
font-family: 'Segoe UI Italic';
font-style: normal;
font-weight: normal;
src: url('/fonts/Segoe UI Italic.woff?v=wiS854wogpsR4BIyiOWmMc0iyrE') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold';
font-style: normal;
font-weight: normal;
src: url('/fonts/Segoe UI Bold.woff?v=ESo5bd4MyoyNClc0bdAufOvMvog') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold Italic';
font-style: normal;
font-weight: normal;
src: url('/fonts/Segoe UI Bold Italic.woff?v=l0A0JaLUxvRhrhiJP6dWCYYSlA8') format('woff');
}
/*--------------------------------

events500i-icons Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'events500i-icons';
  src: url('/fonts/events500i-icons.eot');
  src: url('/fonts/events500i-icons.woff2?v=RUz_Jj82hfp_tOOKKy8mbcak-H4') format('woff2'), url('/fonts/events500i-icons.woff?v=kAQaTpn6uo-0j9Ugyo7ayOkGZZc') format('woff'), url('/fonts/events500i-icons.ttf?v=Mg28EYGGXN3TyS6Xyg30eBm8wP8') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
	base class definition
-------------------------*/
.icon {
  display: inline-block;
  font: normal normal normal 1em/1 'events500i-icons';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------
  change icon size
-------------------------*/
/* relative units */
.icon-sm {
  font-size: 0.8em;
}
.icon-lg {
  font-size: 1.2em;
}
/* absolute units */
.icon-16 {
  font-size: 16px;
}
.icon-32 {
  font-size: 32px;
}
/*----------------------------------
  add a square/circle background
-----------------------------------*/
.icon-bg-square,
.icon-bg-circle {
  padding: 0.35em;
  background-color: #eee;
}
.icon-bg-circle {
  border-radius: 50%;
}
/*------------------------------------
  use icons as list item markers
-------------------------------------*/
.icon-ul {
  padding-left: 0;
  list-style-type: none;
}
.icon-ul > li {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}
.icon-ul > li > .icon {
  margin-right: 0.4em;
  line-height: inherit;
}
/*------------------------
  spinning icons
-------------------------*/
.icon-is-spinning {
  -webkit-animation: icon-spin 2s infinite linear;
  -moz-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes icon-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*------------------------
  rotated/flipped icons
-------------------------*/
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon-flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*------------------------
	icons
-------------------------*/

.icon-ctrl-left::before {
  content: "\ea01";
}

.icon-ctrl-right::before {
  content: "\ea02";
}


/*----------------------------------------EVENT DIARY LOADING---------------------------------*/
.diary-loading{
    text-align:center;
    width:100%;   
}
.diary-loading img{
    width:52px;
    position:relative;
    top:47vh;
}
.task-diary-cont .diary-loading img{
    top:37vh;
}
/*------------------------------------------MOUSE DOWN------------------------------------------*/
@media screen and (min-width:1281px){
    .mouse-down-style:hover{
        background:rgb(243, 245, 246);
        color:var(--header-bg);
    }
}
.mouse-down{
    background:#d6dde2!important;
}
/*------------------------------------------VARIABLES-------------------------------------------*/
:root{
     --control-border: #ebeff6;
    --header-bg:#2197f3/*rgb(0, 117, 245)*/;
    --dark-text:black/*#1f2831*/;
    --default-font-size:9pt;
    --ed-event-bg:#e71e62;
    --ed-event-enquiry-bg:#fe9601;
    --ed-event-provisional-bg:#2197f3;
    --ed-event-confirmed-bg:#8bc24a;
    --ed-cell-selected-bg:#c1e8ff;
   /* --input-grey:rgb(250, 250, 252);*/
    --input-grey:#eef1f3/*#f7f7fa*/;
    --chart-grid-box-shadow:0px 1px 2px rgba(213, 218, 231, 0.3);
    --nav-box-shadow:0px 0px 6px rgb(227, 227, 228)/*0px 0px 10px rgba(213, 218, 231, 0.3)*/;
    --input-box-shadow:0px 0px 6px rgb(238, 241, 246);
    --invert-input-box-shadow:0px 0px 3px rgb(226, 229, 237);
    --body-control-title:#9ca7ae;
    /*--window-background:rgb(250, 250, 252);*/
    --window-background:#f7f7fa;
    --popup-window-box-shadow:0px 0px 20px rgba(31, 44, 57, 0.2);
    --nullable-checkbox-blue:#52b1fb;
    --overlay-background:rgba(43, 51, 55, 0.93);
   
}
/*--------------------------------------SELECT/INPUT STYLE---------------------------------------*/
input[disabled] {pointer-events:none}
select, input{
    -webkit-appearance:none;
    -moz-appearance: none; 
}
html body input[type='radio']{
    -webkit-appearance:radio;
    -moz-appearance:radio;
}
html body input[type='checkbox']{
    -webkit-appearance:checkbox;
    -moz-appearance:checkbox;
}
html body select option[value='0'], html body select option[value='']{
     color:rgba(31, 40, 49, 0.43)!important;
}


/*-----------------------------------------FONT IMPORT-----------------------------------------*/
@font-face{
    font-family:Avenir-Light;
    src:url('/fonts/AvenirLTStd-Light.woff?v=PcyitYyHSV02TstnZ1ytwJY0UoY');
}
@font-face{
    font-family:Avenir-Medium;
    src:url('/fonts/AvenirLTStd-Medium.woff?v=Z3PD7ah3sodA67QnwBbZeKEFxrA');
}


/*------------------------------------------GLOBAL---------------------------------------------*/
strong{
    font-weight:bold;
}
em{
    font-style:italic;
}


/*------------------------------------------FONT SELECT USED IN DOC DESIGNER AND PLACE CARDS DESIGNER---------------------------------------------*/
/*--------font select-------*/
.font-select {
    position: relative;
}

.font-select-display {
    cursor: pointer;
    width: 100%;
    min-height: 10px;
}

.font-select-dropdown {
    display: none;
    position: absolute;
    background: white;
    z-index: 100;
    font-size: 12pt;
    max-height: 300px;
    overflow: auto;
    left: 0px;
    padding: 5px 0px;
    width: 200px;
    border-radius: 0px 0px 4px 4px;
}

.font-select-option {
    padding: 5px 10px;
    cursor: pointer;
}

    .font-select-option:hover {
        background: #b9e1ff;
    }
/*-------------------------------------------TABS---------------------------------------------*/
.tabs{
    overflow:hidden;
    font-size:10pt;
    color:var(--dark-text);
    padding:1px;
    padding-left:0px;
}
/*---------------------------------TABS HEADER--------------------------*/
.tabs-header{
    margin-bottom:5px;
}
.tab-header{
    display:inline-block;
    padding:7px 14px;
    padding-top:7px;
    font-weight:600;
    color:var(--dark-text);
    cursor:pointer;
    font-size:9pt;
    border-radius:3px 3px 0px 0px; 
}
.tab-header:hover{
    background:rgba(33, 151, 243, 0.74);
    color:white;
}
.tab-header-selected, .tab-header-selected:hover {
    color:white;
    position:relative;
    background:var(--header-bg);
}
.tab-header-hidden{
    display:none;
}
html body .tab-header-disabled{
    color:#b8c2ca;
}
html body .tab-header.tab-header-disabled:hover{
    color:#b8c2ca;
    background:white;
    cursor:default;
}

/*----------------------------------TABS BODY---------------------------*/
.tabs-body{
    width:100%;
    position:relative;
    margin:-1px;
    margin-left:0px;
    margin-top:-5px;
    padding:0px 5px;
    padding-left:1px;
    border-radius:4px;
    background:white;
    overflow:auto;
    background:white;
    border-top:1px solid var(--input-grey);
}
.tab-body{
    display:none;
    position:relative;
}
.tab-body-visible{
    display:block;
}
.tab-body-hidden{
    display:none;
}
.tab-body-title{
    font-size:8pt;
    font-weight:600;
    padding:3px 0px;
    color: rgb(65, 140, 183);
    color:#43a8de;
}
/*------------Text Editor-----------*/
html body .tab-body .note-editor.note-frame{
    border:none;
    border-bottom:1px solid #f1f6f8;
}
/*---------------------------------TAB TABLE----------------------------*/
.tab-table{
    position:relative;
    z-index:1;
}
.tab-table-grid-loading{
    width:100%;
    text-align:center;
    display:table;
    height:100%;
}
.tab-table-grid-loading > div{
    display:table-row;
    width:100%;
    height:100%;
}
.tab-table-grid-loading > div > div{
    display:table-cell;
    vertical-align:middle;
    width:100%;
}

.tab-table-grid-loading img{
    width:45px;
}
.tab-table-input{
    width:100%;
    border:none;
    padding:5px;
    margin:-4px;
    border-radius:2px;
    background:#f4f6f7;
}
.tab-table-input:disabled{
    background:none;
    width:50px;
}
.tti-list-loading{
    width:100%;
    text-align:center;
}
.tti-list-loading img{
    width:18px;
}
.tab-table{
    min-width:100%;
    background:var(--input-grey);
}

.tab-table th{
    padding:7px 8px;
    white-space:nowrap;
    font-size:var(--default-font-size);
    background:white;
    border-right:1px solid #f2f6f9;
    border-bottom:1px solid #f2f6f9;
    color:var(--header-bg);
    background:white;
    cursor:pointer;
    position:relative;
   
    /*--new--*/
   
}
.tab-table .tab-th-sorted-down:after{
    content:url('/Images/Office Icons/symbol-arrow-down.svg?v=I9ePQDCqlsc2969vzwhnvORGNPk');
    position:absolute;
    right:-2px;
    transform:scale(.8);
    top:3px;
    background:white;
    width:20px;
    height:23px;
}
.tab-table .tab-th-sorted-up:after{
    content:url('/Images/Office Icons/symbol-arrow-down.svg?v=I9ePQDCqlsc2969vzwhnvORGNPk');
    position:absolute;
    right:0px;
    transform:rotate(180deg) scale(.8);
    top:-4px;
    background:white;
    width:20px;
    height:23px;
}
.tab-table th:last-child{
    border-right:none;
}
.tab-table td{
    white-space:nowrap;
    padding:8px 10px;
    padding-top:7px;
   
    max-width:700px;
    overflow:hidden;
    text-overflow:ellipsis;
    background:white;
    font-size:var(--default-font-size);
    color:var(--dark-text);  
    /*border-bottom:1px solid #f3f7fa;*/
}
.tab-table tr:nth-child(even) td{
    background:white;
}
.tab-table td a{
    color:#43a8de;
}
.tab-table-image{
    text-align:center;
}
.tab-table-image img{
    width:12px;
    position:relative;
    top:1px;
    margin-bottom:-2px;
    margin-top:-2px;
}

html body .tab-table .tr-selected td a{
    color:white;
    text-decoration:underline;
}
.tab-table .tr-no-select td{
    background:inherit!important;
}

.tab-table-overflow{
    width:200px;
}
.tab-table-overflow > div{
    overflow:hidden;
    height:14px;
    width:200px;
    padding:0;
    
}
html body .tr-highlight td, html body .tab-table .tr-highlight:nth-child(even) td{
    background:#dff4ff;
    box-shadow:none!important;
}
html body .tab-table .tr-uneditable td, html body .tab-table .tr-selected.tr-uneditable td{
    background:#f2f2f2;
    color:#868686;
}

html body .tab-table tbody .tr-selected td, html body .tab-table .tr-selected.tr-highlight:nth-child(even) td, html body table tr:nth-child(odd).tr-selected.tr-highlight td{
    background:#35a3f8;
    color:white;
}
/*-----------------------------------------CUSTOM GRID-----------------------------------------*/
.custom-grid-cont {
    position: fixed;
    white-space: nowrap;
    width: calc(100% - 20px);
    left: 10px;
    font-size: 10pt;
    overflow: auto;
    top: 86px; /*82*/
}

.custom-grid {
    width: 100%;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-grid img {
    width: 16px;
}

.grid-loading {
    width: 100vw;
    text-align: center;
    position: fixed;
    z-index: 5000;
}

.grid-loading img {
    width: 50px;
    position: relative;
    top: 29vh;
}
/*-------------------------------------HEADER-------------------------------*/
.custom-grid-header {
    position: fixed;
    height: 85px;
    z-index: 525;
    width: calc(100% - 43px);
    overflow: hidden;
    border-bottom: 1px solid rgb(241, 245, 248);
    background: var(--input-grey);
    box-shadow: 0px 1px 5px rgba(213, 218, 231, 0.08);
    top: 86px; /*82*/
    background: white;
}

.cg-header {
    width: 100%;
    overflow-x: scroll;
}

.cg-header .cg-th {
    display: inline-block;
    margin-right: -3px;
    background: white;
    padding: 10px 14px;
    padding-top: 18px;
    overflow: hidden;
    border-left: 1px solid var(--ed-border-color);
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;
    width: 100px;
    position: relative;
    font-size: 9.2pt;
    color: var(--dark-text);
    background: white;
    font-weight: 600;
    background: var(--input-grey);
    background: white;
}

.cg-th:nth-child(1) {
    border-left: none;
}

.cg-th-sorted-down:after {
    content: url('/Images/Office Icons/symbol-arrow-down.svg?v=I9ePQDCqlsc2969vzwhnvORGNPk');
    position: absolute;
    right: 2px;
    transform: scale(.9);
    top: 8px;
    background: white;
}

.cg-th-sorted-up:after {
    content: url('/Images/Office Icons/symbol-arrow-down.svg?v=I9ePQDCqlsc2969vzwhnvORGNPk');
    position: absolute;
    right: 2px;
    transform: scale(.9) rotate(180deg);
    top: 4px;
    background: white;
}

.custom-grid .cg-th img {
    margin-right: 2px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    width: 13px;
}

.custom-grid .cg-th a {
    color: var(--header-bg);
}

.cg-th-arrow {
    position: absolute;
    right: 2px;
    top: 9px;
    background: #e7ecef;
    display: none;
    background: white;
}

html body .custom-grid .cg-th-sorted {
    color: var(--header-bg);
    font-weight: 600;
}

.cg-th-extend {
    position: absolute;
    height: 100%;
    width: 8px;
    right: 0px;
    top: 0;
    cursor: e-resize;
}

.cg-extend-strip {
    position: fixed;
    width: 5px;
    background: rgba(86, 162, 246, 0.57);
    height: 100%;
    z-index: 100000;
}

.cg-row-filter {
    margin-top: -5px;
}

.cg-row-filter .cg-td {
    height: 47px;
    padding: 5px 10px;
    padding-bottom: 3px;
    border-bottom: none !important;
    border-top: none !important;
    margin-right: -3px;
    border-left: 1px solid var(--ed-border-color);
    color: black;
    background: var(--input-grey);
    background: white;
    box-shadow: none !important;
}

.cg-row-filter .cg-td:nth-child(1) {
    border-left: none;
}

html body .cg-input {
    width: 100%;
    border: none;
    padding: 4px 9px;
    padding-right: 15px;
    border-radius: 20px /*20px*/;
    height: 29px;
    border: none;
    position: relative;
    line-height: 1.5;
    background: var(--input-grey);
    box-shadow: none;
}

.cg-dropdown {
    font-size: var(--default-font-size);
}
/*--------------------------QUERY TYPE-----------------------------*/
.cg-input input, .cg-input select {
    border: none;
    background: transparent;
    vertical-align: middle;
    padding-left: 5px;
    position: absolute;
    left: 18px;
    top: 0px;
    height: 27px;
}

.cg-input-operator {
    display: inline-block;
    position: absolute;
    left: 7px;
    vertical-align: middle;
    height: 27px;
    top: 7px;
    padding: 5px;
    margin: -5px;
}

.cg-input-operator-selected {
    width: 19px;
    height: 27px;
    cursor: pointer;
    padding: 5px;
    margin: -5px;
}

.cg-input-operator img {
    width: 12px;
}

.cg-input-operators {
    display: none;
    position: fixed;
    top: 133px;
    background: white;
    z-index: 1150;
    box-shadow: 0px 0px 6px rgba(31, 44, 57, 0.07);
    padding: 5px 0px;
    border-radius: 3px;
    margin-left: -10px;
    border: 1px solid #f1f6f8;
}

.cg-input-operators > div {
    position: relative;
}

.cg-input-operators > div:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid rgba(31, 44, 57, 0.03);
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    position: absolute;
    top: -25px;
    z-index: 120;
    left: 2px;
}

.cg-input-operators > div:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid white;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -23px;
    z-index: 120;
    left: 3px;
}

.cg-input-operators-option {
    padding: 5px 10px;
    padding-right: 20px;
    cursor: pointer;
    color: var(--dark-text);
    font-size: var(--default-font-size);
}

.cg-input-operators-option:hover {
    background: var(--input-grey);
}

.cg-input-operators-option img {
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    width: 12px;
    bottom: 1px;
}

.grid-multi-select .multi-select-selected {
    overflow: hidden;
}

.multi-select.grid-multi-select {
    position: absolute;
    left: 24px;
    padding-top: 5px;
}


/*-----------------------------------------------------------------*/

.cg-clear-filters {
    cursor: pointer;
    position: relative;
    padding: 4px 4px;
    border-radius: 30px;
    width: 24px;
    position: relative;
    left: -5px;
    top: 1px;
}

.cg-clear-filters:hover {
    background: #eef0f2;
}

.cg-clear-filters img {
    width: 16px;
}

.cg-input-clear {
    position: absolute;
    right: 16px;
    top: 10px;
    cursor: pointer;
    padding: 4px;
    display: none;
}

.cg-input-clear img {
    width: 11px;
}

.custom-grid-strip {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: white;
    z-index: 100000;
    display: none;
}
/*-----------------------------------BODY----------------------------------*/
.custom-grid-body {
    position: relative;
    overflow: hidden;
    padding-top: 4px;
    z-index: 0;
    top: 73px;
    background: var(--input-grey);
    background: white;
    min-height: 100vh;
}

.cg-rows-max {
    padding: 11px 5px;
    padding-top: 12px;
    padding-left: 48px;
    color: #9aa2a7;
    font-size: var(--default-font-size);
    width: 100%;
}

.cg-td {
    padding: 8px 17px;
    height: 30px;
    border-bottom: none;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-right: -3px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: var(--default-font-size);
    color: var(--dark-text);
    /*border-bottom:1px solid rgba(243, 247, 250, 0.8);*/
    background: white;
}

html body .custom-grid .cg-row-selected {
}

html body .custom-grid .cg-row-selected .cg-td, html body .custom-grid .cg-row-selected:nth-child(odd) .cg-td {
    background: #35a3f8;
    color: white;
    padding: 8px 17px;
    outline: 1px solid #35a3f8;
    border-bottom: 1px solid #35a3f8;
    box-shadow: none;
}

html body .custom-grid .cg-row- + -selected .cg-td > * {
    margin-left: -3px;
}

.cg-td-center {
    text-align: center;
}

html body .custom-grid .window-input {
    background: var(--input-grey);
}

html body .custom-grid .custom-select-dropdown {
    position: fixed;
    z-index: 10000000000000;
}

.custom-grid .cg-th:nth-child(1), .custom-grid .cg-td:nth-child(1) {
    width: 35px;
    text-align: center;
}
/*-------------------booking status box------------------*/
.cg-td-status {
    padding: 5px 14px;
    display: inline-block;
    color: white;
    border-radius: 20px;
    text-align: center;
    margin: auto;
    position: relative;
    top: -3px;
    font-size: 7.6pt;
}

.cg-td-status.cg-td-status-nt {
    border: 1px solid;
    border-left: 5px solid;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600;
}

.cg-td-status-xx {
    background: #f34135;
}

.cg-td-status-eq {
    background: var(--ed-event-enquiry-bg);
}

.cg-td-status-pv {
    background: var(--ed-event-provisional-bg);
}

.cg-td-status-ct {
    background: var(--ed-event-confirmed-bg);
}

.cg-td-task-type {
    background: #3e50b4;
}

.cg-td-event-type {
    background: var(--ed-event-provisional-bg);
}

html body .cg-td-status-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: var(--nt-border-radius);
    opacity: 0.1;
}

/*--------colour--------*/
.cg-colour {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.custom-grid-unfilterable-cont{
    width:100%;
    overflow:auto;
    height:100%;
}
.custom-grid-unfilterable{
    width:100%;
}
/*.custom-grid-unfilterable thead{
    box-shadow:var(--invert-input-box-shadow);
}*/
.custom-grid-unfilterable th{
    padding:10px 14px;
    padding-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;    
    position:relative;
    font-size:9.2pt;
    color:var(--dark-text);
    font-weight:600;
    background:var(--input-grey);
    white-space:nowrap;
}
.custom-grid-unfilterable th:last-child{
    border-right:none;
}
.custom-grid-unfilterable-tr-selected td{
    background: #dff4ff;
	border-bottom: 1px solid #b6e5ff;
}

.custom-grid-unfilterable tbody tr.custom-grid-unfilterable-tr-selected:nth-child(even) td{
    background:#dff4ff;
}

.custom-grid-unfilterable td{
    padding:6px 14px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:var(--default-font-size);
    color:#161717;
    border-bottom:1px solid white;
    white-space:nowrap;
}

.custom-grid-unfilterable .cg-rows-max td{
     color:#9aa2a7;
     padding-top:12px;
     padding-bottom:10px;
}


.custom-grid-unfilterable-open-record {
    cursor: pointer;
    color: rgb(15, 131, 221);
    text-decoration: underline;
}
.window {
    position: fixed;
    z-index: 500;
    border-radius: 0px;
    top: 0;
    left: 0;
    background: white;
    overflow: hidden;
}

html body .window-box-shadow {
    box-shadow: 0px 2px 40px rgba(0,0,0,0.2);
    border-radius: 3px;
}

.window > div {
    border-radius: 0px 0px 3px 3px;
    border: 0px solid #f1f5f7;
    border-bottom: none;
    border-top: none;
   
}
/*---------------------------------------------WINDOW HEADER--------------------------------------------*/
.window > header {
    padding: 3px;
    padding-right: 0px;
    padding-top: 9px;
    padding-left: 10px;
    font-size: 9.3pt;
    font-weight: 600;
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    color: white;
    height: 31px;
    background: white;
    color: #818d94;
    border-bottom: 1px solid #dfe7e9;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html body .window-box-shadow > header {
    border-bottom: 1px solid #23a7ed;
    background: var(--header-bg);
    color: white;
    display: block;
    border-radius: 1px 1px 0px 0px;
    background: #2197f3;
}

.window.window-box-shadow > header div > i {
    color: white;
}

.window > header div > i {
    font-size: 15pt;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    color: white;
    border-radius: 20px;
    color: #90a8b7
}

.window > header img {
    width: 17px;
    margin-right: 3px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

.window-header-control {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
}

.window-header-control > div {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

.window > header .close-window-header {
    font-size: 14pt;
    padding: 3px 6px;
    padding-bottom: 4px;
    height: 31px;
    border-radius: 0px 0px 0px 0px;
}
html body .window > header .maximize-window-header{
     padding:6px 9px;
     padding-bottom:10px;
}
html body .window > header .maximize-window-header i{
    font-size:12pt;
    font-weight:600;
}

.window > header .minimize-window-header {
    cursor: pointer;
    padding: 4px 6px;
    padding-bottom: 7px;
}

.window > header .minimize-window-header:hover, .window > header .maximize-window-header:hover {
    background: rgba(255, 255, 255, 0.20);
}

.window header .close-window-header:hover {
    background: #e43737;
}

.window header .close-window-header:hover i {
    color: white;
}
/*-----------------------------------------WINDOW RIBBON------------------------------------------*/
.window-ribbon {
    width: 100%;
    height: 38px; /*36*/
    padding: 0px;
    overflow: visible;
    position: relative;
    white-space: nowrap;
    z-index: 10000;
    box-shadow: var(--nav-box-shadow);
    overflow-x: auto;
    overflow-y: hidden;
}

.window-ribbon > div {
    min-width: 800px;
}

.window-ribbon-right {
    float: right;
    margin-left:auto;
}

.window-ribbon-right > div {
    display: inline-block;
    vertical-align: top;
}

/*-----------------------------BANNER------------------------------*/
.window-banner{
    background:var(--header-bg);
    font-size:var(--default-font-size);
    color:white;
    padding:5px 10px;
    font-weight:600;
}

/*----------------------------------------WINDOW BODY BORDER-------------------------------------*/
/*--new--*/
.window-body{
    padding:8px;
    background:var(--input-grey);
}
.window-body-border {
    width: 100%;
    overflow: auto;
    padding: 0px;
    margin: 0px;
    position: relative;
    z-index: 1;
    background: var(--window-background);
    /*110vh - window header height - minimized tabs height*/
    max-height:calc(100vh - 31px - 38px);

    /*-new-*/
    background:white;   
    border-radius:4px;
   
}

.window-box-shadow .window-body-border {
    border: 1px solid #e2e8ea;
    border-top: none;
    border-radius: 0px 0px 3px 3px;
}

.window.window-moving {
    box-shadow: 0px 0px 40px rgba(0,0,0,0.15);
}
/*-----------------------------------------------LOADING-----------------------------------------------*/
.ad-loading {
    background: var(--input-grey);
    z-index: 10000 !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ad-loading > div > div {
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    position: relative;
    top: 38vh;
}

.ad-loading img {
    width: 53px;
}

.window-loading {
    width: 450px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.window-loading > div > div {
    text-align: center;
    padding: 15px;
}

.window-loading img {
    width: 43px;
}
/*------------------------------------------CONFIRM/ERROR WINDOW----------------------------------------------*/
.window-confirm, .window-error, .window-record-lock {
    width: 430px;
    z-index: 1000000 !important;
}

.window-confirm .window-body-border, .window-error .window-body-border, .window-record-lock .window-body-border {
    padding: 14px 17px;
    font-size: 9.5pt;
    font-family: sans-serif;
    background: white;
    line-height: 1.5;
}

.window-confirm .window-body-border p, .window-error .window-body-border p, .window-record-lock .window-body-border p {
    margin-bottom: 2px;
    margin-top: 1px;
}

html body .window .small-button-light {
    background: var(--input-grey);
    color: var(--dark-text);
    margin-left: 8px;
    box-shadow: none;
}

html body .ed-create-error {
    width: 470px;
}

.ed-create-error b {
    font-weight: bold;
}
#successWindow b{
     font-weight:bold;
 }


/*------------------------------------------TOP/LEFT/RIGHT----------------------------------------*/
.window-top {
    width: 1056px;
    padding: 11px 13px;
    padding-bottom: 0;
}

.window-left, .window-right {
    display: inline-block;
    vertical-align: top;
}

.window-left {
    width: 68%;
    margin-right: 5px;
}

.window-right {
    width: 31%;
}

.window-left-left {
    width: 16%;
    display: inline-block;
    vertical-align: top;
}

.window-left-right {
    width: 83%;
    display: inline-block;
    vertical-align: top;
}

.window-left-right-split {
    display: inline-block;
    width: 49.6%;
}
/*---------------------------------------WINDOW MARGINS-----------------------------------------*/
.window-margin-x-small {
    margin-bottom: 7px;
}

.window-margin-small {
    margin-bottom: 10px;
}

.window-margin-large {
    margin-bottom: 11px;
}
/*-----------------------------------------WINDOW ROW-------------------------------------------*/
.window-row {
}

.window-row > div {
    display: inline-block;
    vertical-align: top;
}

.window-row > div > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
/*---------------------------------------WINDOW INVERTED-----------------------------------------*/
.window-inverted {
    padding: 2px 0px;
    position: relative;
    font-size: 10pt;
    border-top:1px solid var(--input-grey);
    border-radius:4px;
  
}
.window-inverted-title {
    font-size: 8pt;
    font-weight: 600;
    margin-left: 0px;
    color: #418cb7;
    width: 100%;
    padding-top: 5px;
    border-radius: 2px 2px 0px 0px;
    color: var(--nullable-checkbox-blue);
    margin-bottom: 4px;
}
.window-inverted > div:nth-child(2) {
    padding: 4px 0px;
    margin-bottom: 0px !important;
}


/*-----------------------------------------PRIMARY CONTACT--------------------------------------*/
.window-primary-contact {
    font-size: var(--default-font-size);
    padding-top: 1px;
    width: 99.8%;
    box-shadow: 0px 0px 3px rgb(243, 244, 248);
    background: white;
   

    /*--new--*/
    padding-bottom:5px;
    box-shadow:none;
}

.window-primary-contact label {
    width: 60px;
    margin-bottom: 5px;
}
.wpc-cont{
    width:590px;
}

.window-primary-contact a, .wpc-email-window {
    color: var(--nullable-checkbox-blue);
    cursor: pointer;
}

.wpc-email-window:hover {
    text-decoration: underline;
}

.wpc-companies, .wpc-contacts {
    color: var(--nullable-checkbox-blue);
    cursor: pointer;
}

.wpc-companies:hover, .wpc-contacts:hover {
    text-decoration: underline;
}
/*---------------------------------------------AUDIT---------------------------------------------*/
.window-audit label {
    width: 100px;
}

.window-audit .window-input {
    width: 165px;
}
/*-------------------------------------------WINDOW INPUTS----------------------------------------*/
.window-input, html body .note-input {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 20px /*20px*/;
    font-size: var(--default-font-size);
    vertical-align: middle;
    line-height: 1.5;
}

html body textarea.window-input {
    border-radius: 8px;

    /*-new-*/
    border-radius:4px;
}

.window-label, html body .note-form-label, html body .form-check-label {
    display: inline-block;
    font-size: var(--default-font-size); /*8.8*/
    color: var(--dark-text);
    margin-right: 3px;
    font-weight: 600;
    margin-bottom: 2px;
}

.window-label-disabled {
    color: rgba(31, 40, 49, 0.43);
}

.window-label-note{
    font-weight:400;
    color:#78828e;
    margin-top:3px;
    line-height:1.2;
    text-transform: none;
}

html body .window-input-error {
    background: #ffcfcf !important;
    border: 1px solid #febfbf !important;
}

html body .window-input[disabled] {
    color: #a2aeb4;
    background:#f2f3f7ff
}

.window-input-info {
    font-size: 7pt;
    display: inline;
    margin-left: 4px;
}

.window-input-radio .window-label, .window-label-check-radiobox {
    cursor: pointer;
}

/*---------------------------------------CONT DISABLED-----------------------------------------*/
.cont-disabled:hover {
    background: rgba(69, 168, 223, 0.13);
    border-radius: 2px;
}

.cont-can-disable .window-label {
    cursor: pointer;
}

.cont-disabled .window-label {
    color: rgba(31, 40, 49, 0.43);
}

.cont-disabled [readonly]{
    color:var(--input-grey);
}

/*---------------------------------------BUTTON LOADING-----------------------------------------*/
.control-button-loading {
    width: 10px;
}
/*------------------------------------------BOTTOM----------------------------------------------*/
.window-bottom {
    position: relative;
    bottom: 0px;
    margin: 0px 14px;
    min-width: 1050px;
    max-width: 100%;
    border-top:2px solid var(--input-grey);
    padding-top:5px;
    border-radius:4px 4px 0px 0px;
}

.window-tabs {
    width: 100%;
}

.window-bottom-disabled {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    z-index: 100;
}

.window-tabs-loading {
    width: 100%;
    text-align: center;
    height: 100%;
}

.window-tabs-loading > div {
    width: 100%;
}

.window-tabs-loading img {
    width: 45px;
}

.window-tab-body {
    box-shadow: 0px 0px 10px #f3f5f6;

    /*-new-*/
    box-shadow:none;
}

/*--------------------------------------------WINDOW FOOTER-----------------------------------------*/
.window-footer {
    height: 45px;
    padding-top: 15px;
}

.large-button {
    float: right;
    background: #2baaff;
    border: none;
    color: white;
    padding: 10px 30px;
    padding-bottom: 9px;
    border-radius: 20px /*20px*/;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 10pt;
    font-weight: 600;
    background: #23a7ed;
    background: #2197f3;
}

html body .large-button-light{
    background:#bcdffb;
    color:black;
    color:#006dc2;
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.window-footer button.small-button {
    padding: 8px 24px;
    font-size: var(--default-font-size);
    border-radius: 20px /*20px*/;
}

html body .small-button.small-sub-button {
    background: unset;
    color: var(--dark-text);
    box-shadow: none;
}

html body .small-button.small-sub-button:hover {
    background: rgb(243, 245, 246);
}

.window-button-loading {
    width: 27px;
    margin-bottom: 0px;
}

/*---recorc lock button---*/
html body .close-lock-window-fs, html body .open-booking-read-only{
    background:var(--input-grey);
    color:#61676c;
    box-shadow:var(--input-box-shadow);
    margin-right:10px;
}

/*-------------------------------------------BUTTON WINDOWS--------------------------------------------*/
.window-block {
    position: absolute;
    z-index: 650;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    display: none;
    border: none !important;
}

.button-windows {
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
    height: 85vh;
    width: 100%;
    display: none;
}

.button-window {
    position: absolute;
    z-index: 850;
    background: white;
    border-radius: 4px;
    box-shadow: var(--popup-window-box-shadow);
    border: 1px solid #f2f6f7;
    background: white;
    /*background:var(--input-grey);*/
    -webkit-transform: translate3d(0,0,0);
   
    
}

.button-window > header, html body .modal-header {
    padding: 3px 15px;
    padding-top: 15px;
    font-weight: 600;
    font-size: var(--default-font-size);
    color: white;
    border-radius: 4px 4px 0px 0px;
    min-height: 30px;
    color: var(--dark-text);
}

.button-window > header img {
    width: 15px;
    margin-right: 4px;
    position: relative;
    bottom: 2px;
    vertical-align: middle;
}

.button-window .close-button-window, .mbme-close, .sp-help-close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 2px 10px;
    padding-top: 10px;
    font-size: 13pt;
    cursor: pointer;
    border-radius: 0px 2px 0px 0px;
    color: #b9c3c8;
}

html body .button-window .close-button-window:hover, .mbme-close:hover, .sp-help-close:hover {
    background: white;
}

html body .button-window .close-button-window:hover i, .mbme-close:hover i, .sp-help-close:hover i {
    color: #0e9ce8;
}

.button-window > div {
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 17px;
    position: relative;
}

.triangle-inner {
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid white;
    position: absolute;
    left: -13px;
    z-index: 20;
}

.triangle-outer {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 14px solid #ebeeef;
    position: absolute;
    left: -14px;
}

.button-window > div > div {
    /* margin-bottom:5px; */
}

.button-window > div > div > div {
    display: inline-block;
    margin-right: 7px;
}

.button-window .window-label {
    margin-bottom: 4px;
}

html body .button-window .window-input {
    width: 100%;
    background: var(--input-grey);
    box-shadow: var(--invert-input-box-shadow);

    /*-new-*/
    box-shadow:none;
}


.button-window-buttons {
    height: 32px;
    padding-top: 7px;
}

.button-window-buttons * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.small-button, html body .note-btn-primary, html body .note-btn-primary[disabled] {
    border: none;
    padding: 7px 22px;
    padding-bottom: 6px;
    border-radius:20px /*20px*/;
    cursor: pointer;
    font-size: var(--default-font-size);
    font-weight: 600;
    color: white;
    float: right;
    background: var(--header-bg);
    box-shadow: var(--input-box-shadow);
    position: relative;
    z-index: 5;
}

.small-button > *, html body .note-btn-primary > * {
    pointer-events: none;
}

.small-button img {
    width: 15px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin-right: 2px;
}



/*----------------------------------CENTERED BUTTON WINDOW-----------------------------*/
.button-window-overlay{
    z-index:9999;
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background:rgba(255,255,255,0.0);
    display:none;
}
.button-window.button-window-centered{
    z-index:100000;
}



/*-----------------------------------------------GRID BUTTON WINDOW--------------------------------------------------*/

.grid-button-window .triangle-inner {
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid white;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -59px;
    left: 13px;
    z-index: 20;
}

.grid-button-window .triangle-outer {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 13px solid #ebeeef;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    position: absolute;
    top: -60px;
    left: 12px;
}

/*---------------------------------button window loading-----------------------------------*/
.button-window-loading-img {
    padding: 15px;
    text-align: center;
    width: 300px;
}

.button-window-loading-img img {
    width: 40px;
}


.custom-select{
    position:relative;
}
.custom-select.window-input{
    height:unset;
}
.custom-select-input{
    position:relative;
}
.custom-select-input > div{
    display:inline-block;
}
.custom-select-input > div:nth-child(1){
    width:94%;
}
.cg-td .custom-select-input > div:nth-child(1){
    width:86%;
}
.custom-select input{
    border:none;
    background:transparent;
    padding:0px 0px;
    width:100%;
}
.custom-select-disabled input{
    color:#727678;
}
.custom-select-input-icon{
    font-size:7pt;
    color:black;
    padding:4px;
    position:absolute;
    right:0;
    cursor:pointer;
    top:0px;
}
.cg-td .custom-select-input-icon{
    right:15px;
}
.custom-select-disabled .custom-select-input-icon{
    cursor:default;
    color:white;
}
.custom-select-dropdown{
    position:absolute;
    top:23px;
    left:0;
    background:white;
    z-index:5000;
    box-shadow:0px 3px 15px rgba(0,0,0,0.04);
    border-radius:3px;
    max-height:200px;
    white-space:nowrap;
    overflow:auto;
    max-width:800px;
    min-width:300px;
    padding:5px 0px;
    border:1px solid #edf3f7;
}
.custom-select-option{
    padding:5px 10px;
    cursor:pointer;
}
.custom-select-option:hover{
    background:var(--header-bg);
    color:white;
}
.custom-select-loading{
    width:15px;
    position:relative;
    bottom:3px;
}
.custom-select-option-hidden{
    display:none;
}
.custom-select-option-visible{
    display:block;
}
html body .custom-select-input-clear{
    position: absolute;
    right: 18px;
    top: 2px;
    cursor: pointer;
    display:none;
}
html body .custom-select-input-clear img {
    width: 12px;
}
/*-------------------------------------Grey body border------------------------------------*/
.window-input, .iba-allocations, .wm-move-event-table, .control-input, .cg-input, .wm-rlx-postings-table {
    border: none;
    background: white;
    box-shadow: var(--input-box-shadow);
    background: var(--input-grey);
    box-shadow: none;
}

html body .body-control .ui-datepicker th, .td-grid .td-cell-out, #minmizedTabs{
    background:var(--input-grey);
}
.window-ribbon, .control{
    /*border-bottom:1px solid var(--control-border);*/
    background:white;
    box-shadow: var(--nav-box-shadow);
}



.dropdown-button{
    position:relative;
}
.dropdown-button-menu{
    display:none;
    position:fixed;
    z-index:900;
    background:white;
    padding:8px 0px;
    border-radius:0px 0px 3px 3px;
    box-shadow:0px 3px 15px rgba(31, 44, 57, 0.03);
    border:1px solid var(--control-border);
    border-top:none;
}
html body .dbm-button{
    font-size:var(--default-font-size);
    padding:8px 12px;
    vertical-align:top;
    width:300px;
}
html body .dbm-button:hover{
    
    cursor:pointer;
}
html body .dbm-button:last-child{
    border-bottom:none;
}
html body .dbm-button img{
    width:13px;
    margin:auto;
    vertical-align:middle;
    margin-right:7px;
    position:relative;
    top:0px;
}
html body .dbm-button span{
    vertical-align:middle;
    line-height:1.2;
}
/*----------------------------CHECKBOX-----------------------------*/
.nullable-checkbox{
    padding:6px 10px;
    padding-bottom:7px;
    border-radius:0px /*30px*/;
    text-align:center;
    display:inline-block;
    cursor:pointer;
    font-weight:400;
    color:white;
    font-size:var(--default-font-size);
    position:relative;
    top:2px;
    box-shadow:var(--nav-box-shadow);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

            /*-new-*/
            box-shadow:none;

    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.nullable-checkbox-null{
    color:#9ca2a5;
}
.nullable-checkbox-false{
    color:var(--dark-text);

    /*-new-*/
    border-left:2px solid var(--nullable-checkbox-blue);
   
}

html body .nullable-checkbox-disabled{
    cursor:not-allowed;
    color:#c1c8ce;
}
html body .nullable-checkbox-disabled.nullable-checkbox-true{
    color:white;
}
.nullable-checkbox-true, html body .checkbox-selected{
    background:var(--nullable-checkbox-blue);
    font-weight:600;
    color:white;
    /*-new-*/
    border-radius:20px;
}
/*-----------------------------------------WINDOW CHECKBOX DIV----------------------------------------*/
.checkbox-div{
    font-size:8.6pt;
    padding:6px 12px;
    border-radius:20px /*30px*/;
    cursor:pointer;
    text-align:center;
    display:inline-block;
    box-shadow:var(--input-box-shadow);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    /*-new-*/
    box-shadow:none;
    border-left:2px solid var(--nullable-checkbox-blue);

    border-radius:0px;
     -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;

}

.checkbox-div.checkbox-div-disabled{
    color:#818d94;
    cursor:default;
}
.checkbox-div-disabled.checkbox-selected{
    color:white;
}
.multi-select{
    position:relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.multi-select-selected{
    cursor:pointer;
    width:100%;
}
.multi-select-selected > *{
    display:inline-block;
    vertical-align:middle;
}
.ms-icon{
    margin-right:5px;
}
/*-------dropdown------*/
html body .multi-select .multi-select-dropdown, .multi-select-dropdown-detached{
    position:absolute;
    z-index:100001;
    background:white;
    max-height:300px;
    overflow:auto;
    left:0px;
    width:100%;
    box-shadow:0px 0px 10px rgb(232, 235, 242);
    top:100%;
    border-radius:4px;
    display:none;
}

html body .multi-select-dropdown-detached{
    width: 250px;
    font-size:var(--default-font-size);
    line-height:1.3;
}

html body .multi-select-option.multi-select-option-select-all{
    color:var(--header-bg);
}

/*-------option------*/
.multi-select-option{
    padding:3px 12px;
    max-width:100%;
    cursor:pointer;
    border-bottom:1px solid white;
}
.multi-select-option:hover{
     background:#f3f3f8;
}
.mso-name{
    width:95%;
    overflow:hidden;
    display:inline-block;
    vertical-align:middle;
}

.multi-select-dropdown-detached .mso-name{
    width:93%;
}

.mso-selected{
    width:4%;
    vertical-align:middle;
    display:none;
}
.mso-selected img {
    width: 13px;
}

html body .multi-select-option-selected .mso-selected{
    display:inline-block;
}
/*-------clear------*/
.ms-loading{
    position:absolute;
    right:10px;
    top:4px;
    width:20px;
    display:none;
    z-index:30;
}
html body .ms-clear{
    position:absolute;
    right:10px;
    width:13px;
    top:7px;
    cursor:pointer;
    display:none;
}
/*-------filter------*/
html body .multi-select-filter{
    display:none;
    position:absolute;
    right:0px;
    background:white;
    top:0px;
    border-radius:30px;
    z-index:20;
    width:100%;
}
html body .multi-select-filter input{
    padding:5px 10px;
}

html body .ms-filter-clear{
    position:absolute;
    right:11px;
    top:7px;
    cursor:pointer;
    width:13px;
}
/*----------------------pop up note---------------------*/
.window-audit-body{
    position:relative;
}
.popup-notes{
    position:absolute;
    left:0px;
    top:0px;
    width:90%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.popup-note{
    padding:0px;
    text-align:center;
    border-radius:4px;
    background:#c1e2fc;
    color:#2197f3;
}
.popup-note-header{
    width:100%;
    position:relative;
    padding:10px;
    border-radius:4px 4px 0px 0px;
    font-size:var(--default-font-size);
}
.popup-note-close{
    position:absolute;
    right:5px;
    top:5px;
    font-size:13pt;
    cursor:pointer;
    padding:3px;
}
.popup-note-body{
    padding:10px;
    font-weight:600;
    height:190px;
    border-radius:0px 0px 4px 4px;
    position:relative;
    font-style:italic;
}
.popup-note-content{
    display:table;
    width:100%;
}
.popup-note-content > div{
    display:table-cell;
    height:130px;
    width:100%;
    vertical-align:middle;
    text-align:center;
}
.popup-note-back, .popup-note-next{
    position:absolute;
    top:65px;
    cursor:pointer;
    font-size:13pt;
}

.popup-note-back{
    left:6px;
}
.popup-note-next{
    right:6px;
}



/*----------------------pop up note colours---------------------*/
html body .popup-note-blue{
    background:#c1e2fc;
    color:#2197f3;
}
html body .popup-note-green{
    background:#dff2cb;
    color:#8bc24a;
}
html body .popup-note-orange, html body .popup-note-coral{
    background:#fce8cb;
    color:#fe9601;
}
html body .popup-note-purple{
    background:#dbcbf7;
    color:#8458d6;
}
html body .popup-note-pink, html body .popup-note-plum{
    background:#fbd0df;
    color:#e71e62;
}
html body .popup-note-red, html body .popup-note-darkred, .html body .popup-note-indianred{
    background:#ffbeb9;
    color:#f34135;
}
html body .popup-note-peach{
    background:#ffe6d3;
    color:#fb9a51;
}
html body .popup-note-yellow{
    background:#fef6ae;
    color:#dbc92c;
}
html body .popup-note-brown, html body .popup-note-khaki, html body .popup-note-tan{
    background:#e5cfc7;
    color:#795547;
}
html body .popup-note-teal{
    background:#b4e9e4;
    color:#009788;
}
html body .popup-note-silver{
    background:#e1e1e1;
    color:#9e9e9e;
}


/*----------------------pop up note config---------------------*/
.popup-note-colour{
    display:inline-block;
    font-size:var(--default-font-size);
    border-radius:20px;
    padding:6px 15px;
    margin-right:4px;
    margin-bottom:4px;
    cursor:pointer;
    font-weight:600;
}
.popup-note-colur-selected-icon{
    vertical-align:middle;
}
.popup-note-colur-selected-icon img{
    width:10px;
    margin-left:4px;
}
html body .window-input.rich-text-editor {
    background: white;
}

html body .fr-box {
    padding: 0px !important;
    border: none !important;
    border-radius: 0px !important;
    box-shadow: var(--input-box-shadow);
    /*-new-*/
    box-shadow: none;
}

html body .fr-second-toolbar {
    border: none;
    border-bottom: 1px solid var(--input-grey);
}

.fr-box.fr-basic .fr-wrapper {
    border: none;
}

html body .fr-toolbar {
    border: none;
    border-top: 1px solid var(--input-grey);
}

html body .fr-box.fr-basic .fr-element {
    padding: 10px;
    background: var(--input-grey);
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 18px;
}

html body .fr-toolbar .fr-btn-grp {
    margin: 0 12px 0 7px;
}

html body .fr-toolbar .fr-command.fr-btn, html body .fr-popup .fr-command.fr-btn, html body .fr-modal .fr-command.fr-btn {
    margin: 1px;
}

html body .fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 1px;
}

html body .fr-more-toolbar {
    background: white !important;
}

html body .fr-popup.fr-active {
    display: block !important;
}

html body .fr-view table td, html body .fr-view table th {
    border: none;
}


.control-inline-colour-input {
    display: inline-block;
    vertical-align: top;
    padding: 4px 0px;
}

.control-inline-colour-input > div {
    display: inline-block;
}

.control-inline-colour-input img {
    width: 12px;
    position: relative;
    top: 3px;
}

.control-inline-colour-input .colour-select {
    width: 90px;
}

.control-inline-colour-input .window-input {
    padding: 5px 4px;
    background: white;
}


.colour-select{
    font-size:var(--default-font-size);
    position:relative;
}
.colour-select{
    width:130px;
}

.cs-colour-colour{
    width:15px;
    height:15px;
    border-radius:20px;
    display:inline-block;
    vertical-align:middle;
}
.cs-colour-name{
    margin-left:5px;
    vertical-align:middle;
}
.cs-dropdown{
    display:none;
    position:absolute;
    background:white;
    width:160px;
    z-index:10000;
    box-shadow:0px 0px 10px rgb(232, 235, 242);
    left:15px;
    border-radius:4px;
    max-height:300px;
    overflow:auto;
    padding:7px 0px;
    top:24px;
    font-size:var(--default-font-size);
}
.cs-colour{
    padding:2px 7px;
    cursor:pointer;
}
.cs-colour:hover{
    background:#f3f3f8;
}

#minmizedTabs {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38px; /*36*/
    z-index: 700;
    background: #f5f7fc;
    /*border-top:1px solid var(--control-border);*/
    box-shadow: var(--nav-box-shadow);
    background: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.minimized-tabs-close-all {
    padding: 7px 8px;
    padding-top: 9px;
    width: 31px;
    cursor: pointer;
    display: inline-block;
}

@media screen and (min-width:1281px) {
    .minimized-tabs-close-all:hover {
        background: #e1e5e8;
    }
}

.minimized-tab {
    max-width: 200px;
    position: fixed;
    bottom: 0;
    border-radius: 2px 2px 0px 0px;
    height: 32px;
    color: #333;
    cursor: pointer;
    box-shadow: 0 0px 5px rgba(71,79,88,.1);
    font-size: 9.2pt;
    font-weight: 600;
    color: white;
    background: #49acfa;
}

.minimized-tab-selected {
    box-shadow: 0 -2px 10px rgba(71,79,88,.25);
    background: var(--header-bg);
}

.minimized-tab > div {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: 4px 6px;
    padding-right: 14px;
}

.minimized-tab-close {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 2px 2px;
    height: 16px;
    cursor: pointer;
    border-radius: 20px;
    font-size: 9.2pt;
}

.minimized-tab-close:hover {
    background: #c33a3a;
}

.minimized-tab img {
    width: 16px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.db-instance {
    float: right;
    margin-right: 10px;
    font-size: var(--default-font-size);
    margin-top: 10px;
    color: #72787c;
}

.minimized-tabs-input {
    border: none;
    padding: 1px 10px;
    width: 150px;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');

html body {
    background: white;
    font-family: 'Source Sans Pro', sans-serif;
    touch-action: manipulation;
    color: var(--dark-text);
    overscroll-behavior: none;
}

@media screen and (max-width:1281px) {
    html body {
        cursor: pointer;
    }
}

html body input:focus,
html body select:focus,
html body textarea:focus,
html body button:focus,
html body [contenteditable="true"]:focus {
    outline: none;
}
/*----------------------------------NAV-------------------------------------*/
.nav-control {
    position: relative;
    z-index: 500;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

.nav {
    position: relative;
    z-index: 50;
    height: 38px; /*36*/
    border-bottom: none;
    white-space: nowrap;
    overflow: hidden;
    background: #2197f3;
    width: 100%;
    background: var(--header-bg);
}

/*----------------------NAV GRADIENT ANIMATION-----------------*/
@keyframes slide {
    0% {
        transform: translateX(-30%);
    }

    100% {
        transform: translateX(100%);
    }
}

.nav > div {
    position: relative;
    display: flex;
}

.nav-logo {
    height: 36px;
    width: 37px;
    cursor: pointer;
}

.nav-logo img {
    width: 37px;
    position: relative;
    bottom: 1px;
    left: 2px;
}

.nav-nav {
    display: flex;
    flex-grow: 1;
    align-items: center;
}

.nav-right {
    margin-left: auto;
    color: white;
}

.nav-right > div {
    display: inline-block;
}

.nav-right b {
    font-weight: 600;
}

.nav ul {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.nav li {
    display: inline-block;
    padding: 12px 15px; /*11 15*/
    height: 38px; /*36*/
    font-size: 9.4pt; /*9.4*/
    margin-right: -4px;
    vertical-align: middle;
    transition: .2s ease-in;
    font-weight: 500;
}

@media screen and (min-width:1281px) {
    .nav li:hover {
        background: rgba(0,0,0,0.05);
    }
}

.nav li.control-active {
    background: rgba(0,0,0,0.1);
}

.nav a:link, .nav a:active, .nav a:hover, .nav a:visited {
    color: white;
    text-decoration: none;
}

.manage-user {
    padding: 15px 0px;
    margin-top: -15px;
}

.nav-button {
    cursor: pointer;
}

.nav-dropdown-button-menu, html body .nav-dropdown-button-menu .dbm-button {
    width: 200px;
}


@media screen and (max-width:1100px) {
    .nav li.support-ticket-nav {
        display: none;
    }
}


/*------expand/retract--------*/
html body .nav .nav-menu {
    color: white;
    padding: 10px;
    cursor: pointer;
    display: none;
    margin-left: auto;
}

@media screen and (max-width:912px) {
    html body .nav-right {
        flex-grow: 1;
        text-align: right;
    }

    html body .nav .nav-menu {
        display: inline;
    }

    html body .nav-nav {
        position: fixed;
        top: 38px;
        display: block;
        background: var(--header-bg);
        width: 100%;
        max-height: 90vh;
        overflow-y: auto;
        overflow-x: hidden;
        text-align: left;
        display: none;
        z-index: 1000000;
    }

    .notification-dropdown-menu {
        right: 0px !important;
    }
}

@media screen and (min-width:913px) {
    html body .nav-nav {
        display: block !important;
    }
}


/*-------------------------------------------BODY----------------------------------------*/
.body {
    width: 100%;
    position: fixed;
}

.body-content {
    display: inline-block;
    background: var(--input-grey);
    width: 100%;
    height: 100vh;
}

.body-box-shadow {
    box-shadow: var(--nav-box-shadow);
    /*border:1px solid var(--control-border);*/
    border-radius: 5px;
    padding: 7px;
    background: white;
}

/*----------------------------SELECT LOADING------------------------*/
.select-loading {
    width: 83%;
    text-align: center;
    padding: 0px;
    display: inline-block;
    margin-bottom: -5px;
}

.select-loading img {
    width: 12px;
}



/*------------------------------NOTE-----------------------------*/
.note {
    color: #7f8b94;
    font-size: 9pt;
}

/*---------------------------------CONTROL------------------------------------*/
.control{
    width:100%;
    height:38px;/*36*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position:relative;
    z-index:40;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    display:flex;
   
}
.control > div{
    display:inline-block;
    vertical-align:bottom;
    position:relative;
}
html body .control-over-body{
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    display:flex;
    align-items:center;
}
.control-over-nav{
    float:right;
    width:210px;
    margin-left:-1px;
    margin-left:auto;
    
}
.control-group{
    white-space:nowrap;
    display:inline-block;
    vertical-align:top;
    height:38px;
}
.control-group-right{
    float:right;
    margin-right:0px;
    margin-left:auto;
}
@media screen and (max-width:1500px){
    .control-over-body .control-group-right{
        float:none;
    }
}
.control-center{
    text-align:center;
    margin:auto;
    width:86%;
}
/*--------------------------------CONTROL INLINE BUTTONS--------------------------*/
.control-inline-button{
    border-radius:0px;
    margin-bottom:0px;
    cursor:pointer;
    position:relative;
    font-size:9.2pt;
    color:black;
    display:inline-block;
    height:38px;/*36*/
    padding:12px 11px;/*9 11*/
    margin-left:-4px;
     -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.control-inline-button img{
    width:13px;
    position:relative;
    margin-right:3px;
    vertical-align:middle;
}
.control-inline-button span {
    position: relative;       
    top:1px;
}
@media screen and (min-width:1281px){
    .control-inline-button:hover{
        background:#ebeff3;
    }
}

.control-inline-button-highlight{
    color:#b5c0c7;
    margin-bottom:3px;
}
.control-inline-button-highlight-selected{
    color:black;
}
.control-button-selected{
    background:#9fd4f7;
}
.button-disabled .disabled-cover{
    position:absolute;
    width:100%;
    height:98%;
    top:0;
    left:0;
    border-radius:3px;
    background:rgba(255, 255, 255, 0.65);
    cursor:default;
}
html body .button-disabled:hover{
    background:rgba(255, 255, 255, 0.65)!important;
}
#bodyControlRetract{
    
}
/*-----------------------------------BODY CONTROL---------------------------------*/
.body-control{
    display:inline-block;
    width:225px;
    background:white;
    vertical-align:top;  
    position:fixed;
    z-index:70;
    top:72px;
    background:var(--input-grey);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.body-control-group{  
    padding:11px 7px;
    padding-right:14px;
    width:100%;
    border-bottom:1px solid var(--control-border);
    position:relative;
    text-align:center;
    font-size:var(--default-font-size);  
}
.body-control-group:last-child{
    border-bottom:none;
}
.report-group-title{
    margin-bottom:10px;
    color:var(--body-control-title);
    margin-top:5px;
}
/*-----------------INPUTS----------------*/
html body .control-input{
    padding:5px 8px;
    margin:5px 0px;
    width:100%;
    text-align:left;
    border-radius:20px /*20px*/;
    font-size:var(--default-font-size);
    white-space:nowrap;

    /*-new-*/
    background:white;
}
.control-input > div{
    display:inline-block;
}
.control-input-icon{
    width:9%;
}
.control-input-icon img{
    width:12px;
    position:relative;
    top:1px;
}
.control-input > div:nth-child(2){
    width:89%;
}
.control-input input, .control-input select{
    border:none;
    display:block;
    width:100%;
    border-radius:1px;
    padding-left:4px;
    background:transparent;
    position:relative;
    bottom:1px;
}

html body .control-input-split{
    display:block;
}
html body .control-input-split > .control-input{
    width:48.7%;
    display:inline-block;
}
html body .control-input-split > .control-input:nth-child(1){
    margin-right:2px;
}
html body .control-input-split > .control-input .control-input-icon{
    width:12%;
}

/*--------split---------*/
.control-input.control-input-split{
    width:49%;
    display:inline-block;
}

/*--------------CALENDAR-------------*/
html body .body-control .ui-datepicker {
    box-shadow:none;
    width:100%;
    padding:0;
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
    padding:0px;
    border-radius:4px;
    padding-bottom:2px;
    background:#f4f6f7;
    background:white;
    margin-bottom:10px;
    box-shadow:var(--nav-box-shadow);

}
html body .body-control .ui-datepicker .ui-datepicker-calendar{
    width:100%;
    margin:auto;
}


.nav-setup{
    position:fixed;
    z-index:900;
    background:white;
    width:300px;
    border:1px solid var(--control-border);
    top:38px;
    left:1px;
    display:none;
    box-shadow:0px 5px 7px rgba(31, 44, 57, 0.1);
    border-radius:0px 0px 3px 3px;
    background:white;
    padding:5px 0px;
    
}

/*------------------nav item title-------------------*/
.nav-setup-item{
    font-size:9.2pt;
}
.nsi-title{
    padding:10px 20px;
    cursor:pointer;
    color:var(--dark-text);
}
.nsi-title:hover, .nav-setup-item.expanded .nsi-title{
    background:#f5f7fc;
}
.nav-setup-item img{
    width:14px;
    margin-right:5px;
    vertical-align:middle;
    position:relative;
    top:-1px;
}
.nsit-arrows{
    display:inline-block;
    float:right;
    vertical-align:middle;
}
.nsit-arrows img{
    top:0px;
    margin-right:0px;
}
.nsit-up{
    display:none;
}
/*----------------------nav items---------------------*/
.nsi-items{
    display:none;
    position:fixed;
    background:white;
    box-shadow:5px 0px 7px rgba(31, 44, 57, 0.1);
    border-radius:0px 0px 3px 3px;
    min-width:250px;
    z-index:100;
    left:301px;
    margin-top:-40px;
    border-radius:0px 3px 3px 0px;
    padding:5px 0px;
   
}
.nsi-items a:hover, .nav-setup-item a:hover{
      text-decoration:none;
}
.nsi-item{
    padding:10px 20px;
    color:var(--dark-text);
    text-transform:capitalize;
    cursor:pointer;
}
.nsi-item:hover{
    background:#f5f7fc;
}

.xero-login-button, .office-365-login-button {
    color:var(--dark-text);
}

.ed-day-of-week{
    width:21px;
    height:20px;
    font-size:7pt;
    padding:6px 0px;
    border-radius:20px;
    cursor:pointer;
    text-align:center;
    margin-left:0px;
    margin:6px 0px;
    margin-top:3px;
    font-weight:600;
    color:black;
    display:inline-block;
    background:white;
    box-shadow:var(--nav-box-shadow);
    
}
.ed-day-of-week:hover{
    background:rgba(57, 172, 232, 0.6);
    color:white;
}
.ed-day-of-week.ed-day-of-week-selected{
    color:white;
     background:var(--header-bg);
}
/*_________________________________Grid____________________________________*/
html body .telerik-grid {
    overflow: hidden;
}

html body .k-grid {
    font-size: var(--default-font-size);
    font-family: 'Source Sans Pro', sans-serif;
    border: none;
}

/*-----Grid Header-----*/
.k-grid .k-header {
    background: white;
    font-weight: 600;
    color: black;
    padding: 8px 17px;
}

.k-grid .k-grid-header, .k-grid .k-grouping-header {
    border-color: transparent;
    overflow: hidden;
}

html body .k-grid .k-grid-header-wrap {
}

html body .k-grid .k-grouping-header {
    background: white;
}

html body .k-grid .k-column-title {
    font-size: 9.2pt;
}

html body .k-grid col.k-sorted, html body .k-grid th.k-sorted {
    background: white;
    color: var(--header-bg);
}

/*---Filter row----*/
html body .k-filter-row {
    background: white;
}

html body .k-grid .k-filter-row td {
    padding: 12px 10px;
    padding-top: 4px;
}

html body .k-grid .k-filter-row .k-picker, html body .k-grid .k-filter-row .k-button {
    border-radius: 40px;
    padding: 1px;
    background: var(--input-grey);
    border: none;
}

html body .k-grid .k-filter-row .k-picker .k-icon {
    font-size: 11pt;
    color: var(--header-bg);
}

html body .k-input-md .k-input-inner, html body .k-picker-md .k-input-inner {
    padding: 0px 0px;
}

html body .k-grid .k-grid-header .k-datepicker .k-icon {
    font-size: 10pt;
    min-height: unset;
}

html body .k-input-md .k-clear-value{
    height:10px;
}


/*-----Grid Body-----*/
html body .k-grid .k-grid-content {
    border-top: 1px solid #e2e9ee
}

html body .k-grid .k-alt {
    background: var(--input-grey);
}

html body .k-grid tbody > tr:not(.k-detail-row).k-hover, html body .k-grid tbody > tr:not(.k-detail-row):hover {
    background: #e8f7ff
}

html body .k-grid td.k-selected, html body .k-grid th.k-selected, html body .k-grid tr.k-selected > td {
    background: var(--header-bg);
    color: white;
}

html body .k-grid td {
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
    padding: 8px 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-image img {
    width: 100%;
}

.grid-large-cell {
    white-space: nowrap;
    max-height: 20px;
    overflow: hidden;
}

html body .k-pager-numbers .k-link.k-selected {
    background: var(--header-bg);
    border: none;
}

html body .k-grid-content table{
    padding-top:10px;
    box-sizing:border-box;
}

html body .k-grid .k-scrollbar-vertical{
    padding-top:10px;
}





/*---Loading---*/
html body .k-loading-mask{
    background:white;
}
html body .k-loading-image {
    background-image: url('/Images/e500 loading gif.gif?v=JQxpduNjSkSsnrgvRyuiE-4NRq8');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    content: '';
}

html body .k-loading-image:before,
html body .k-loading-image:after {
    display: none!important;
}

/*_______________Inputs_______________*/
html body .k-input {
    padding: 6px 9px;
    background: var(--input-grey);
    border-radius: 40px;
    border: none;
    font-size: var(--default-font-size);
}

html body .k-list-item {
    font-size: var(--default-font-size);
}

html body .k-list-item.k-selected {
    background: var(--header-bg);
}






/*________________________________________Tab Grid________________________________________*/

/*-------------------Header----------------*/
.tab-telerik-grid th .k-link {
    color: var(--header-bg);
    font-weight: 500;
    font-family: var(--nt-font);
    font-size: var(--default-font-size);
}

html body .tab-telerik-grid .k-filterable > .k-cell-inner {
    margin-inline-end: unset;
}

html body .tab-telerik-grid .k-grid-filter .k-icon {
    color: var(--header-bg);
    font-size: 12px;
}

html body .tab-telerik-grid .k-grid-header .k-grid-filter.k-active {
    background: var(--header-bg);
    border-radius: var(--nt-border-radius);
}

html body .tab-telerik-grid .k-grid-header .k-grid-filter.k-active .k-icon {
    color: white;
}


/*---------------Filter popup------------*/
html body .k-filter-menu {
    font-family: var(--nt-font);
    font-size: var(--default-font-size);
}

html body .k-filter-menu .k-picker {
    font-family: var(--nt-font);
    font-size: var(--default-font-size);
    background: var(--input-grey);
    border: none;
    padding-left: 10px;
}

html body .k-filter-menu .k-picker .k-button {
    padding: 4px;
}

html body .k-filter-menu .k-input {
    font-family: var(--nt-font);
    font-size: var(--default-font-size);
    background: var(--input-grey);
    border-radius: var(--nt-border-radius);
}

html body .k-filter-menu .k-action-buttons button {
    font-family: var(--nt-font);
    font-size: var(--default-font-size);
    font-weight: 500;
}

html body .k-filter-menu .k-button-solid-primary {
    background: var(--header-bg);
    border: none;
}

html body .k-filter-menu .k-picker-solid.k-focus, html body .k-filter-menu .k-picker-solid:focus{
    box-shadow:0 0 0 .25rem rgba(13,110,253,.25);
}

html body .k-input-md .k-input-button{
    padding:0px;
   
}

/*-------------------Body----------------*/
html body .tab-telerik-grid.k-grid .k-grid-content {
    max-height: 60vh;
    border-color: #f2f6f9;
}

html body .tab-telerik-grid .k-grid-content table {
    padding-top: 0px;
}

html body .k-grid.tab-telerik-grid td {
    padding: 6px 10px;
    line-height: 1;
    font-family: var(--nt-font);
}

html body .k-grid.tab-telerik-grid.tab-telerik-grid-extra-padding td {
    padding: 12px 10px;
}

/*-------------------Pager----------------*/
html body .tab-telerik-grid .k-grid-pager {
    background: white;
    border-color: #f2f6f9;
}

html body .tab-telerik-grid .k-pager-sizes .k-picker {
    font-family: var(--nt-font);
    font-size: var(--default-font-size);
    padding-left: 5px;
    background: white;
}

html body .tab-telerik-grid .k-pager-sizes .k-picker .k-button {
    padding: 2px;
}


/*________________________________________Calendar________________________________________*/
html body .k-calendar, html body .k-calendar .k-header a, html body .k-calendar th{
    font-family: var(--nt-font);
    font-size: var(--default-font-size);
}

/*-----------------------------notifications--------------------------*/

/*----------------nav button/dropdown---------------*/
.notification-button {
    margin-top: -6px;
    padding: 6px 0px;
}

.notification-button-bell {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.notification-button-bell img {
    width: 18px;
    position: relative;
    top: -3px;
    margin-right: 4px;
}

.notifications-new {
    position: absolute;
    top: -8px;
    right: -1px;
    background: #f34135;
    padding: 3px 4px;
    padding-bottom: 1px;
    border-radius: 20px;
    font-size: 8pt;
}

html body .notification-dropdown-menu {
    width: 400px;
}

.no-notifications {
    justify-content: center;
}

.notifications-loading {
    padding: 10px;
    text-align: center;
}

.notifications-loading img {
    width: 30px;
    margin: auto;
}


/*----------------notification list----------------*/
.notifications {
    max-height: 85vh;
    overflow: auto;
}

.notification {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    cursor: pointer;
    border-bottom: 2px solid white;
    position: relative;
    font-size: var(--default-font-size);
}

.notification:hover {
    background: #f5f7fc;
}

.notification:active:hover {
    background: white;
}

.notification-new {
    background: #e5f4ffff;
}

html body .notification-new:hover {
    background: #cee9feff;
}

html body .notification-new:active:hover {
    background: #2197f32a;
}

.notification-icon {
    flex-basis: 40px;
    text-align: center;
    margin-right: 5px;
}

.notification-icon img {
    width: 20px;
}

.notification-info {
    flex-basis: 360px;
    line-height: 1.2;
}

.notification b {
    font-weight: 600;
}


/*-----------------------------------------------broadcast------------------------------------------------------*/
/*------------------------------create-----------------------------*/
.create-broadcast {
    width: 90vw;
}

.create-broadcast .window-body-border {
    padding: 15px;
    height: 87vh;
    overflow: auto;
}

.window-maximized.create-broadcast .window-body-border {
    height: unset;
}

.cb-split {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    align-items: center;
}

.cb-subject-cont {
    flex-grow: 10;
    margin-left: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    align-items: baseline;
}

.cb-subject {
    flex-grow: 10;
}

.cb-subject-cont .window-label {
    margin-right: 10px;
}

.create-broadcast .cb-message, .create-broadcast .broadcast-message {
    width: 100%;
}

.cb-submit {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    align-items: center;
    font-size: var(--default-font-size);
    padding: 10px 20px;
    background: white;
    border-radius: 40px;
    box-shadow: var(--input-box-shadow);
    font-weight: 600;
    cursor: pointer;
}

.cb-submit img {
    margin-right: 7px;
}

/*------------------------------display-----------------------------*/
.display-broadcast {
    width: 90vw;
}

.display-broadcast .window-body-border {
    padding: 15px;
    padding-bottom: 5px;
    line-height: 1.6;
}

.display-broadcast .db-message {
    width: 100%;
    border-radius: 4px;
    padding: 5px 15px;
    height: 80vh;
    overflow: auto;
}

/*---------------------------------------------BUTTONS--------------------------------------------------*/
.window-buttons{
    width:100%;
    float:right;
    margin-bottom:-20px;
    position:relative;
    z-index:500;
}
.window-buttons button{
    float:right;
    border:none;
    padding:5px 20px;
    border-radius:2px;
    cursor:pointer;
    font-size:10pt;
    font-weight:700;
    background:#29a1f2;
    color:white;
    box-shadow:0px 0px 1px rgba(0,0,0,0.2);
}
.window-buttons .mcDelete{
    background:#df4b4b;
    margin-right:6px;
}
.window-buttons button img{
    width:17px;
    vertical-align:middle;
    position:relative;
    bottom:1px;
    margin-right:3px;
}
.window-buttons button span{
    vertical-align:middle;
}
/*--------------------------BUTTON-------------------------*/
.window-button{
    display:inline-block;
    padding:9px 13px;
    height:31px;
    cursor:pointer;
    
    border-radius:0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color:var(--dark-text);
    text-align:left;
    position:relative;
    font-size:var(--default-font-size);/*8.8*/
    margin-left:-4px;
    color:black;
    border-radius:30px;

    /*-new-*/
     -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}
.window-button > *{
    pointer-events: none;
}
@media screen and (min-width:1281px){
    .window-button:hover{
        background:#edf0f2;
        /*-new-*/
        background:var(--input-grey);
    }
}
.window-button img{
    width:13px;
    margin-right:2px;
    vertical-align:middle;
    position:relative;
    bottom:1px;
    display:inline-block;
}
.window-button-loading{
    text-align:center;
    width:20px!important;
    margin-top:-4px;
    margin-bottom:-5px;
}
html body .window-button-success-icon{
    width:15px;
    position:relative;
    top:0px;
    margin:-5px;
}
.window-button-highlight{
    background:#c6e8ff;
}
@media screen and (min-width:1281px){
    .window-button-highlight:hover{
        background:#c6e8ff;
    }
}
.window-button.window-button-large-icon img{
    width:15px;
}

/*-------------------------------------------BOTTOM BUTTONS---------------------------------------*/
.window-bottom-buttons{
    min-height:31px; 
}
.window-save{
    position:relative;
}
.window-save-incomplete{
    position:absolute;
    top:-43px;
    left:-10px;
    text-align:center;
    line-height:10pt;
    background:#df4b4b;
    color:white;
    padding:4px 15px;
    border-radius:3px;
    text-transform:capitalize;
    display:none;
}
.window-save-incomplete:before{
    content:'';
    position:absolute;
    left:40%;
    bottom:-20px;
    border-left:10px solid transparent;
    border-top:10px solid #df4b4b;
    border-bottom:10px solid transparent;
    border-right:10px solid transparent;
}
.window-save-all{
    position:relative;
}
.window-save-all-complete{
    position:absolute;
    top:-53px;
    left:-10px;
    text-align:center;
    line-height:10pt;
    background:#52b452;
    color:white;
    padding:4px 15px;
    border-radius:3px;
    text-transform:capitalize;
    display:none;
}
.window-save-all-complete:before{
    content:'';
    position:absolute;
    left:40%;
    bottom:-20px;
    border-left:10px solid transparent;
    border-top:10px solid #52b452;
    border-bottom:10px solid transparent;
    border-right:10px solid transparent;
}

.window-button-disabled {
    pointer-events: none;
    opacity: 0.4;
}

/*-------------------------------------CONTACTS---------------------------------------*/
.create-primary-contacts .window-row > div:nth-child(1){
    width:41%;
    margin-right:10px;
}
.create-primary-contacts .window-row > div:nth-child(2){
    width:57%;
}
/*----------------------------CONTACT/PHONE---------------------------*/
.pcPhoneCont > div:nth-child(1){
    width:40%;
}
.pcPhoneCont > div:nth-child(1) input{
    width:130px;
}
.pcPhoneCont label{
    width:45px;
}
.pcPhoneCont > div:nth-child(2){
    width:57%;
}
.pcPhoneCont > div:nth-child(2) input{
    width:199px;
}
.pcAddressCont input{
    margin-left:3px;
}
.pcAddressCont div > input{
    width:19%
}
.pcAddressCont div > input[name="pcAddress"]{
    width:26%;
}
.pcAddressCont div > input[name="pcPostcode"]{
    width:16%;
}
.pcContactCont label, .pcCompanyCont label{
    width:65px;
}
.pcContactCont .custom-select, .pcCompanyCont .custom-select{
    width:270px;
}
.pc-email-opt-in{
    position:absolute;
    top:-5px;
    right:50px;
}
/*---------------------------WINDOW TAB MANAGEMENT WINDOWS-----------------------------------*/
/*-----------------------CONTACTS AND COMPANIES--------------------*/
.wm-company-and-contact{
    width:500px;
}
.wm-company-and-contact .create-primary-contacts .window-label{
    display:block;
    margin-bottom:5px;
}
.wm-company-and-contact .create-primary-contacts .window-input{
    margin-bottom:7px;
}
.wm-company-and-contact .create-primary-contacts .custom-select{
    width:470px!important;
} 
.wm-company-and-contact .create-primary-contacts > div > div > div{
    display:block;
}
html body .wm-company-and-contact .create-primary-contacts .pcPhoneCont{
    width:100%;
}
.wm-company-and-contact .create-primary-contacts .pcPhoneCont > div{
    display:inline-block;
}
.wm-company-and-contact .create-primary-contacts .pcPhoneCont > div:nth-child(1){
    width:185px;
}
html body .wm-company-and-contact .create-primary-contacts .pcPhoneCont .window-input{
    width:100%;
}
html body .wm-company-and-contact .create-primary-contacts .pcAddressCont{
    width:100%;
}
html body .wm-company-and-contact .create-primary-contacts .pcAddressCont .window-input{
    display:inline-block;
}
.wm-company-and-contact .create-primary-contacts .pcAddress{
    width:300px!important;
}
.wm-company-and-contact .create-primary-contacts .pcTown{
    width:160px;
}
.wm-company-and-contact .create-primary-contacts .pcCounty{
    width:200px;
}
.wm-company-and-contact .create-primary-contacts .pcPostcode{
    width:150px!important;
}


/*-----------------------------CONTACTS----------------------------*/
.wm-contacts{
    width:450px;
}
.wm-contacts-id{
    width:90px;
    margin-right:10px;
}
.wm-contacts-id input{
    width:60px;
}
.wm-contacts-relationship{
    width:303px;
}
.manage-booking .wm-contacts-relationship{
    width:188px;
}
.wm-contacts-folio{
    width:110px;
}
.wm-contacts-contact{
    width:407px;
}
html body .button-window-buttons .window-new{
    margin-right:7px;
    float:right;
    position:relative;
    bottom:2px;
}
/*-----------------------------ADDRESSES----------------------------*/
.wm-address{
    width:505px;
}
.wm-address-id{
    width:90px;
    margin-right:10px;
}
.wm-address-location-point{
    width:194px;
    margin-right:10px;
}
.wm-address-post-code{
    width:180px;
    margin-right:0px;
}
.wm-address-address-1{
    width:47.9%;
}
.wm-address-address-2{
    width:48%;  
}
.wm-address-city{
    width:110px;
    margin-right:10px;
}
.wm-address-county{
    width:153px;
    margin-right:10px;
}
.wm-address-country{
    width:160px;
}
/*-----------------------------------PHONE-----------------------------------*/
.wm-phone{
    width:432px;
}
.wm-phone-id{
    width:90px;
    margin-right:10px;
}
.wm-phone-location-point{
    width:142px;
    margin-right:10px;
}
.wm-phone-phone{
    width:240px;
}
.wm-phone-extension{
    width:149px;
    
}
.wm-phone-type{
    width:153px;
}
/*-----------------------------------EMAIL-----------------------------------*/
.wm-email{
    width:455px;
}
.wm-email-id{
    width:90px;
    margin-right:10px;
}
.wm-email-location-point{
    width:120px;
    margin-right:10px;
}
.wm-email-display{
    width:185px;
}
.wm-email-email{
    width:423px;
}
/*-----------------------------------WEBSITE-----------------------------------*/
.wm-website{
    width:475px;
}
.wm-website-id{
    width:90px;
    margin-right:10px;
}
.wm-website-location-point{
    width:98px;
    margin-right:10px;
}
.wm-website-website{
    width:227px;
    margin-right:0px;
}
.wm-website-description{
    width:438px;
}
/*--------------------------------RELATIONSHIP---------------------------------*/
.wm-rel{
    width:420px;
}
.wm-rel-id{
    width:90px;
    margin-right:10px;
}
.wm-rel-type{
    width:279px;
}
.wm-rel-org{
    width:382px;
}
/*--------------------------------REF---------------------------------*/
.wm-ref{
    width:410px;
}
.ref{
    width:365px;
}
.wm-ref-id{
    width:90px;
    margin-right:10px;
}
.wm-ref-type{
    width:222px;
}
.wm-ref-number{
    width:214px;
    margin-right:5px;
}
.manage-booking .wm-ref-number{
    width:319px;
    margin-right:0px;
}
.wm-ref-level{
    width:100px;
}

/*----------------------------NOTES--------------------------*/
.wm-note{
    width:810px;
}
.wm-note-id{
    width:90px;
    margin-right:5px;
}
.wm-note-type{
    width:238px;
    margin-right:5px;
}
.wm-note-subject{
    width:315px;
    margin-right:5px;
}
.wm-note-sequence{
    width:79px;
}
.wm-note-detail{
    width:500px;
}
.wm-note-detail textarea{
    height:100px;
    min-height:100px;
    min-width:500px;
    max-width:500px;
}
.wm-note-detail .note-editable{
    height:260px;
    font-family:Arial;
}
.wm-note-copy > div{
    display:block!important;
}
.window .wm-note-detail{
    width:760px;
}

.window .wm-note-detail .wmi-note-detail{
    width:780px;
    
    min-height:300px;
}

html body .window .small-button.wmi-preview-attachment-details{
    display:block;
    float:none;
    margin-left:0px;
    margin-top:5px;
}


/*-----------------copy popup note------------------*/
.window-copy-popup-note-to-company-contact{
    width:450px;
}
.window-copy-popup-note-to-company-contact .window-body-border{
    padding:15px;
}
.window-copy-popup-note-to-company-contact p{
    font-size:9.4pt;
    margin-bottom:5px;
    line-height:1.2;
}

/*-----------------------------------------STAFF ROLES-------------------------------------------*/
.wm-staff-roles{
    width:432px;
}
.wm-staff-role-id{
    width:90px;
    margin-right:5px;
}
.wm-staff-role-staff-member{
   width:291px;
}
.wm-staff-role-job-role{
   width:214px;
   margin-right:5px;
}


/*-----------------------------------------ACCOUNTING-------------------------------------------*/
.wm-accounting > div > div{
    margin-bottom:5px;
}
.wm-accounting > div > div > div{
    margin-right:5px;
}
.wm-accounting-id{
    width:90px;
}
.wm-accounting-type{
    width:170px;
}
.wm-accounting-due, .wm-accounting-issued, .wm-accounting-paid{
    width:100px;
}
.wm-accounting-amount{
    width:100px;
}
.wm-accounting-status{
    width:110px;
}
.wm-accounting-invoice-number{
    width:150px;
}
.wm-accounting-payment-method{
    width:247px
}
.wm-accounting-inv-description, .wm-accounting-notes{
    width:100%;
}
.wm-accounting textarea{
    min-width:490px;
    max-width:400px;
    min-height:80px;
    max-height:150px;
    display:block;
}


/*------------------------------------BOOKING DOCUMENTS-----------------------------------------*/

.wm-booking-doc-name{
    width:250px;
}
.wm-booking-doc-seq{
    width:100px;
}


/*-------------------------------------------RICH TEXT EDITOR------------------------------------------*/


.window .wm-task-detail{
    width:625px;
}




/*-------------------------------------------COMMISSION----------------------------------------*/
.commission{
    width:550px;
}
.wm-commission-item{
    width:300px;
}
.wm-commission-percent{
    width:100px;
}


/*---------------------------------------------BEDROOMS----------------------------------------*/
.wm-bedroom{
    width:520px;
}
.wm-bedroom-id{
    width:80px;
}
.wm-bedroom-room-type{
    width:150px;
}
.wm-bedroom-date{
    width:110px;
}
.wm-bedroom-rooms{
    width:100px;
}
.wm-bedroom-item{
    width:370px;
}
.wm-bedroom-notes{
    min-width:100%;
    max-width:100%;
}
.wmi-bedroom-notes{
    min-height:100px;
}

.wm-bedroom-add-all-date{
    width:150px;
}
.wm-bedroom-add-all-rooms{
    width:100px;
}

/*------------------------------------------PAYMENT--------------------------------------*/
.wm-make-payment{
    width:500px;
}
.wm-make-payment #paymentIFrame{
    width:100%;
    height:560px;
}

.payment-window-loading{
    text-align:center;
    width:100%;
}
.payment-window-loading img{
    width:50px;
}




/*-------------------------Task Item-------------------------*/
html body .wbc-task-item{
    width:410px;
}

html body .wbc-task-item select{
    width:90%;
}
/*-----------------------------------TASKS--------------------------------*/
.wm-task{
    width:760px;
}




.wm-task.button-window > div > div > div {
    margin-right: 0px;
}
.window.wm-task{
    width:764px;
    background:white;  
}
.wm-task .window-label{
    margin-bottom:4px;
}
.wm-task > div > div > div > div{
    display:inline-block;
    margin-right:7px;
}
.wm-task > div > div > div{
    margin-bottom:5px;
}
.wm-task-id{
    width:85px;
    margin-right:3px;
}
.wm-task-support {
    width: 180px !important;
    margin-right: 3px;

}
.wm-task-type
{
    width: 405px;
}
.wm-task-subject {
    width: 505px;
    margin-right: 3px;
}
.wm-task-priority{
    width:205px;
    margin-right:4px;
}

.wm-task-status
{
    width: 205px;
    margin-right:4px;
}
.wm-task-start, .wm-task-due, .wm-ticket-support-task .wm-task-start{
    width: 198px;
    margin-right: 3px;
}
.wm-task-completed{
    width:113px;
    margin-right:3px;
}
.wm-task-percent{
    width:70px;
}
.wm-task-start .window-label, .wm-task-due .window-label, .wm-ticket-support-task .wm-task-start .wmi-task-due {
    width: 100% !important;
}
.wm-task-start .window-input:nth-child(2), .wm-task-due .window-input:nth-child(2) {
    width: 50%;
    display: inline-block;
}
.wm-task-start .window-input:nth-child(3), .wm-task-due .window-input:nth-child(3) {
    width: 47%;
    display: inline-block;
}

.wm-task-staff, .wm-task-department{
    width:215px;
}
.wm-task-job{
    width:270px;
    margin-right:3px;
}

.wmi-task-submit, .wmi-task-follow, .wmi-task-support-submit {
    float: right;
    margin-right: 8px;
}

.wm-task .button-window-buttons{
    width:100%;
    display:block;
}

.wm-task-duration {
    width: 101px;
    margin-right: 3px;
}

/*.wm-ticket-support-task , .wm-task, .button-window {
   
    top: 0;
    position:center;
    visibility: hidden;
    display: none; 
    margin:;*/
     /* complimenting your modal colors */
/*}
.wm-ticket-support-task, .wm-task, .button-window:target{
    visibility: visible;
    display: block;*/
}
    /*-------------------------------------------RICH TEXT EDITOR------------------------------------------*/
.window .wm-task-detail {
        width: 755px;
    }
    .window .wm-task-detail .wmi-task-detail, .wm-ticket-support-task .wm-task-detail .wmi-task-detail {
        width: 716px;
        min-height: 245px;
        max-height: 245px;
        overflow: auto;
        display: block;
        
    }

/*-------------------------------------WINDOW MANAGE TASK------------------------------------*/

.window.wm-task > div{
    padding:18px;
    border:none;
}
.window.wm-task select, .window.wm-task input{
    width:100%;
}


.window.wm-task > div, .wm-ticket-support-task .wm-task > div {
    padding: 18px;
    border: none;
}

.window.wm-task select, .window.wm-task input, .wm-ticket-support-task .wm-task select, .wm-ticket-support-task .wm-task input {
    width: 100%;

}

/*------------------Ticket support window-------------------------*/

.wm-ticket-support-task .wm-task-supportTask, .wm-ticket-support-task .wm-task-status, .wm-ticket-support-task .wm-task-type  {
    width: 193px;
}

.wm-ticket-support-task .wm-task-subject{

    width:505px;
   
}

.wm-ticket-support-task .wm-task-priority {
    width: 185px;
}
.wm-ticket-support-task .wm-task-duration {
    width: 80px;
}
.wm-ticket-support-task .wm-task-department {
    width: 210px;
}
.wm-ticket-support-task .wm-task-support {
    width: 180px;
}
.wm-ticket-support-task .wm-task-staff {
    width: 210px;
}
/*.wm-ticket-support-task .wm-task-status {
    width: 180px;
}*/
.task-resume{
    width:700px;
    height:600px;
}
.task-resume-detail-task{
    white-space:pre-wrap;
}
.task-resume-detail-task b{
    font-weight:bold;
}

.task-resume .task-resume-detail{
    height:540px;
    width:100%;
    border-radius:4px;
    overflow:auto;
}

.merge-company-or-contact{
    width:500px;
    position:fixed;
}
.merge-company-or-contact > div > div > div{
    width:100%;
}
.mcoc-merger-error{
    margin-top:10px;
    font-size:var(--default-font-size);
    color:#ef4242;
}
.manage-tables {
    width: 1000px;
}

.manage-tables .window-body-border {
    padding: 15px;
}

.manage-tables > div > div {
    display: block;
}

.manage-tables .window-margin-x-small > div {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.wmi-tables-seats, .wmi-tables-tables {
    width: 100px;
}

.wmi-tables-feature {
    width: 350px;
}

html body .manage-tables .window-bottom {
    min-width: unset;
    position: unset;
}

.manage-tables .window-bottom:has(.window-bottom-disabled){
    position:relative;
}

.manage-tables .window-tab-body-notes {
    max-width: 100%;
    overflow: auto;
    height: 300px;
}

.manage-tables .button-window .triangle-inner, .manage-tables .button-window .triangle-outer {
    display: none;
}

.manage-tables .window-bottom {
    min-height: 420px;
}

.manage-tables .button-windows {
    height: unset;
}

.ed-create {
    width: 920px;
    min-width: 705px;
}

.ed-create .window-body-border {
    padding: 15px;
    border: 5px solid var(--input-grey);
    border-top: none;
    padding-top: 10px;
}
/*--------------------------------------EVENTS---------------------------------------*/
.ed-create-event .window-row > div:nth-child(1) {
    width: 38%;
    margin-right: 5px;
}

.ed-create-event .window-row > div:nth-child(2) {
    width: 60.7%;
}
/*----------------------------DATES/TYPE-----------------------------*/
.evDatesCont > div {
    width: 47.8%;
}

.evDatesCont input {
    width: 95px;
}

.evDatesCont label {
    width: 55px;
}

.evTypeCont label {
    width: 90px;
}

.evTypeCont > div:nth-child(1) {
    width: 46%;
}

.evTypeCont > div:nth-child(1) input {
    width: 140px;
}

.evTypeCont > div:nth-child(2) {
    width: 51%;
}

.evTypeCont > div:nth-child(2) select {
    width: 200px;
}

.evTypeCont > div:nth-child(2) label {
    width: 66px;
}
/*----------------------------TIMES/NAME----------------------------*/
.evTimesCont label {
    width: 55px;
}

.evTimesCont input {
    width: 95px;
}

.evTimesCont > div {
    width: 47.8%;
}

.evNameCont > div {
    width: 51%;
}

.evAutoNotesCont {
    display: inline-block;
    vertical-align: middle;
    width: 30% !important;
}

html body .evFuseCont {
    width: 15% !important;
    display: none;
}

.evNameCont input {
    width: 200px;
}

.evExc {
    position: absolute;
    right: 0;
}

/*-----------------------------GUESTS------------------------------*/
.evGuestsCont label {
    width: 40px;
}

.evGuestsCont > div:nth-child(1) {
    width: 35%;
}

.evGuestsCont > div:nth-child(1) input {
    width: 100px;
}

.evGuestsCont > div:nth-child(2) {
    width: 60%;
    position: relative;
}

.evGuestsCont > div:nth-child(2) select {
    width: 180px;
}

/*---------------------------STATUS/POT---------------------------*/
.evStatusCont > div {
    width: 90%;
}

html body .ed-create-event .window-row > div.evStatusCont {
    width: 210px;
}

html body .evStatusCont select {
    width: 150px;
}

html body .ed-create-event .window-row > div.evPotCont {
    width: 56%;
}

.evPotCont > div:nth-child(1) {
    width: 35%;
}

.evPotCont > div:nth-child(1) input {
    width: 90px;
}

.evPotCont > div:nth-child(2) {
    width: 60%;
}

.evPotCont > div:nth-child(2) select {
    width: 220px;
}

html body .evDisplay {
    width: 60px;
}

/*--------------------------POPUP NOTES---------------------------*/
.event-popup-note-cont {
    position: absolute;
    right: -22px;
    top: 4px;
    z-index: 500;
}

.event-popup-note {
    position: relative;
    width: 250px;
}

.event-popup-note-cont .popup-note-body {
    height: 150px;
}

.event-popup-note-cont .popup-note-content > div {
    height: 90px;
}

.event-popup-note-cont .popup-note-back, .event-popup-note-cont .popup-note-next {
    top: 48px;
}


/*---------------------------------MULTI ROOM-------------------------------*/

.evMultiRoomRooms {
    width: 100%;
}

.evMultiRoomRooms .window-label {
    width: 55px;
}

html body .ed-create-event .evMultiRoomRooms .multi-select {
    width: 260px;
    margin-right: 16px;
    vertical-align: middle;
}

html body .evMultiRoomRooms .multi-select .multi-select-dropdown {
    max-height: 200px;
}

.evMultiRoomRooms .mso-name {
    width: 92%;
}

.evMultiRoomLoading img{
    width:30px;
}

/*----------------Matchday next----------------*/
.ev-next-matachday-date{
    margin-right:10px;
}


@media screen and (max-width:920px) {
    .ed-create {
        width: 740px;
    }

    .ed-create .window-input, .ed-create .window-label {
        vertical-align: middle;
    }
    /*-------------------------------------CONTACTS---------------------------------------*/
    html body .ed-create .create-primary-contacts .window-row > div:nth-child(1) {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 4px;
    }
    /*----contact----*/
    html body .ed-create .pcContactCont > div {
        width: 100%;
    }

    html body .ed-create .pcContactCont .custom-select {
        width: 85% !important;
    }
    /*----phone/email----*/
    .ed-create .pcPhoneCont .window-label {
        width: 65px;
    }

    html body .ed-create .create-primary-contacts .window-row > div:nth-child(2) {
        width: 100%;
    }

    html body .ed-create .pcPhoneCont > div:nth-child(1) input {
        width: 74%;
    }

    html body .ed-create .pcPhoneCont > div:nth-child(2) input {
        width: 77%;
    }
    /*----company----*/
    html body .ed-create .pcCompanyCont > div {
        width: 100%;
    }

    html body .ed-create .pcCompanyCont .custom-select {
        width: 85% !important;
    }
    /*----address----*/
    .pcAddressCont .window-label {
        width: 65px;
        margin-right: 0px;
    }
    /*----dates----*/
    .evDatesCont label {
        width: 25px;
    }

    .evDatesCont > div {
        width: 47%;
    }

    .evDatesCont input {
        width: 75%;
    }
    /*----type----*/
    html body .evTypeCont label {
        width: 70px;
    }

    .evTypeCont > div:nth-child(1) {
        width: 48%;
    }

    .evTypeCont > div:nth-child(1) input {
        width: 60%;
    }

    .evTypeCont > div:nth-child(2) {
        width: 49%;
        margin-right: 0px;
    }

    .evTypeCont > div:nth-child(2) select {
        width: 65%;
    }
    /*----times----*/
    .evTimesCont label {
        width: 25px;
    }

    .evTimesCont input {
        width: 68%;
    }

    .evTimesCont > div {
        width: 47%;
    }

    .evNameCont > div {
        width: 95%;
    }

    .evNameCont input {
        width: 62%;
    }

    .evExc {
        position: absolute;
        right: 0px;
        top: -35px;
    }
    /*-----guests-----*/
    .evGuestsCont label {
        width: 34px;
    }

    .evGuestsCont > div:nth-child(1) input {
        width: 70%;
    }

    .evGuestsCont > div:nth-child(2) {
        width: 63%;
        margin-right: 0px;
    }

    .evGuestsCont > div:nth-child(2) select {
        width: 84%;
    }
    /*----status----*/
    .evStatusCont > div {
        width: 90%;
    }

    .evStatusCont select {
        width: 83%;
    }

    .evPotCont > div:nth-child(1) {
        width: 40%;
    }

    .evPotCont > div:nth-child(1) input {
        width: 50%;
    }

    .evPotCont > div:nth-child(2) {
        width: 58%;
        margin-right: 0px;
    }

    .evPotCont > div:nth-child(2) select {
        width: 69%;
    }
}

/*------------------------------------------CANCEL EVENTS--------------------------------------*/
.wm-cancel-event {
	width: 440px;
}
	.wm-cancel-event > div > div {
		margin-bottom: 8px;
	}
	.wm-cancel-event .window-input {
		width: unset;
	}
	html body .wm-cancel-event .wmi-cancel-event-room {
		width: 170px;
	}
	html body .wm-cancel-event .wmi-cancel-event-status {
		width: 130px;
	}
	html body .wm-cancel-event .wmi-cancel-event-start, html body .wm-cancel-event .wmi-cancel-event-end {
		width: 150px;
	}
	html body .wm-cancel-event .wmi-cancel-event-reason {
		width: 276px;
	}
	.wm-cancel-event .window-label {
		width: 40px;
	}
	.wm-cancel-event > div > div:nth-child(3) .window-label, .wm-cancel-event > div > div:nth-child(4) .window-label {
		width: 120px;
	}
	.wm-cancel-event > div > div > div:nth-child(1) {
		margin-right: 5px;
	}
.wmi-cancel-event-extended {
	display: block;
	min-height: 80px;
	max-height: 80px;
	min-width: 400px;
	max-width: 400px;
}
/*-------------------------------------------MOVE EVENTS--------------------------------------*/
.wm-move-event {
    width: 600px;
}
.wm-move-event .window-inverted {
    margin-right: 7px;
    margin-bottom: 9px;
    padding-right:5px;
	padding-left:8px;
}
.wm-move-event .window-inverted:nth-child(2){
    margin-right:0px;
}
.wm-move-event .window-inverted-title {
    cursor: pointer;
}
.wm-move-event-table {
	height: 300px;
	overflow: auto;
	border-radius: 2px;
}
.wm-move-event .window-input {
    width: unset;
}
.wm-move-event .window-label {
    width: 50px;
}
html body .wm-move-event .wmi-room-from, html body .wm-move-event .wmi-room-to {
    width: 253px;
}
html body .wm-move-event .wmi-dates-to, html body .wm-move-event .wmi-dates-from {
	width: 150px;
}
.wm-move-event .wmi-exclusive {
	vertical-align: middle;
	margin-left: 5px;
}
/*---move scope choice display---*/
html body .window .move-event-target {
	background: #e8f7ff;
	border: 1px solid #d0eefe;
}
html body .window .move-event-target .window-input {
    border: 1px solid #d0eefe;
}
/*--seleceted tr---*/

.move-event-can-be-selected {
	cursor: pointer;
}

/*--rate warning--*/
.move-event-rate-warning{
    font-size:var(--default-font-size);
    border:1px solid #ffcac6;
    padding:10px;
    border-radius:4px;
    color:#f34135;
    line-height:1.2;
    background:#ffe8e7;
    margin-bottom:10px;
}


/*------------------check move events--------------------*/
.window-check-move-events .window-body-border{
    padding:15px;
    font-size:var(--default-font-size);
    width:620px;
}
.window-check-move-events p{
    margin-bottom:12px;
}
.window-check-move-events table{
    width:100%;
    margin-bottom:8px;
}
.window-check-move-events td{
    width:50%;
}
.window-check-move-events .cg-td-status{
    vertical-align:middle;
    margin-left:5px;
    position:relative;
    top:0px;
}
.window-check-move-events td div:nth-child(1) > span{
    font-weight:600;
}
.booking-delegate-update {
    font-size: var(--default-font-size);
    width: 620px;
}

    .booking-delegate-update .window-body-border {
        padding: 15px;
    }

    .booking-delegate-update .window-input {
        width: 60px;
        text-align: center;
    }

.bdu-booking-info {
}

html body .bdu-update-all-event-booking-delegates {
    margin-left: 10px;
}

.bdu-event-bookings {
    box-shadow: var(--input-box-shadow);
    background: white;
    padding: 5px 15px;
    padding-bottom: 10px;
    border-radius: 4px;
    max-height: 300px;
    overflow: auto;
}

html body .bdu-title {
    display: block;
    margin-bottom: 7px;
}

.bdu-event-booking {
    display: block;
    margin-bottom: 5px;
}

    .bdu-event-booking > div {
        display: inline-block;
        vertical-align: middle;
    }

        .bdu-event-booking > div:nth-child(1) {
            width: 410px;
        }

        .bdu-event-booking > div:nth-child(2) {
            position: relative;
            bottom: 4px;
        }

    .bdu-event-booking span:nth-child(1) {
        font-weight: 600;
    }

.bdu-event-bookings .window-input {
    background: var(--input-grey);
    box-shadow: var(--invert-input-box-shadow);
}
html body .b-top {
    width: 1256px;
    min-width: 1040px;
}

html body .b-left {
    width: 895px;
    margin-right: 7px;
}

html body .b-right {
    width: 310px;
}

.window-b-bottom {
    min-width: 1040px;
}
/*-------------------BOOKING LEFT LEFT------------------*/
html body .b-left-left {
    width: 35%;
}

.b-left-left > div {
    display: inline-block;
    margin-right: 10px;
}

html body .b-left-left .window-label {
    margin-right: 5px;
}

.wId {
    width: 90px;
}

.bCode, .ebCode {
    width: 140px;
}

.bStatus, .ebStatus {
    width: 260px;
}
/*-------------------BOOKING LEFT RIGHT--------------------*/
html body .b-left-right {
    width: 64.5%;
}

html body .b-left-right .window-label {
    width: 90px;
}

.bBookingName, .bDisplayName, .ebEventName, .ebDisplayName {
    width: 478px;
}
/*------------------BOOKING SPLIT---------------------*/
html body .b-split > div {
    display: inline-block;
    width: 17.3%;
    vertical-align: top;
    margin-right: 5px;
}

.b-split .window-inverted {
    height: 88px;
}

.b-split > div:nth-child(1) .window-label {
    width: 45px;
}

.bArrive, .bDepart {
    width: 99px;
}

.b-split > div:nth-child(2) {
    width: 15%;
}

.b-split > div:nth-child(3) {
    width: 12%;
}

.b-split > div:nth-child(3) .window-label {
    width: 25px;
}

.bFcst, .bMin {
    width: 60px;
}

.b-split > div:nth-child(4) {
    width: 17%;
}

.b-split > div:nth-child(4) .window-label {
    width: 30px;
}

.bPot, .bItemRevenue {
    width: 100px;
}

.b-split > div:nth-child(5) {
    width: 34.6%;
    margin-right: 0px;
}

.b-split > div:nth-child(5) .window-label {
    width: 80px;
}

.b-split > div:nth-child(5) select {
    width: 223px;
}

.flexiDatesCont {
    position: relative;
}

.bFlexiDatesInfoInput {
    min-width: 100%;
    max-width: 100%;
    min-height: 50px;
    font-size: 8pt;
}

.flexiDatesSelect > div {
    margin-bottom: 3px;
}

.flexiDatesClose {
    position: absolute;
    width: 15px;
    height: 35px;
    cursor: pointer;
    top: 2px;
    right: 5px;
    background: rgba(255,255,255,0.5);
    padding: 2px;
}

.flexiDatesClose img {
    width: 100%;
}

.bItemRevenueCont {
    position: relative;
}

.bItemRevenueLoading {
    width: 20px;
    position: absolute;
    right: 22px;
    top: 5px;
}

html body .bItemRevenueUpdated {
    position: absolute;
    width: 12px;
    top: 8px;
    right: 27px;
}

/*----CGC Venue-----*/
.booking-venue{
    color:white;
    padding:7px 10px;
    text-align:center;
    border-radius:40px;
    font-size:var(--default-font-size);
    font-weight:600;
}

/*----------Shared Table Plan----------*/
.wmb-shared-table-plan .window-label{
    margin-right:10px;
}

.bSharedTablePlan{
    width:300px;
}

/*--------------------------PRIMARY CONTACT---------------------------*/
.manage-booking .window-primary-contact-split > div {
    display: inline-block;
    margin-right: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manage-booking .window-primary-contact-split > div .window-label {
    width: 60px;
}

.manage-booking .window-primary-contact-split > div:nth-child(1) {
    width: 250px;
}

.manage-booking .window-primary-contact-split:nth-child(1) > div:nth-child(2) {
    width: 200px;
}

.manage-booking .window-primary-contact-split:nth-child(1) > div:nth-child(3) {
    width: 300px;
}

.manage-booking .window-primary-contact-split:nth-child(2) > div:nth-child(2) {
    width: 600px;
}

.manage-booking .wpc-contact-cont {
    width: 180px;
}

.manage-booking .wpc-address-cont {
    width: 88%;
}

.manage-booking .wpc-phone-cont {
    width: 60%;
}

.manage-booking .wpc-email-cont {
    width: 220px;
}

/*-------Departments------*/
.manage-booking:has(.window-primary-contact-department) .window-primary-contact-split:nth-child(2) > div:nth-child(2){
    width:200px;
}

.manage-booking:has(.window-primary-contact-department) .window-primary-contact-split:nth-child(2) > div:nth-child(3){
    width:400px;
}

html body  .manage-booking .window-primary-contact-department .window-label{
    width:70px;
}


/*-----------------------------------------------BOOKING TABS-------------------------------------------------*/
/*--------------------------LOG--------------------*/
.log-document-tr-signed-icon {
    display: inline;
    vertical-align: middle;
    margin-right: 3px;
}

.log-document-tr-signed-icon img {
    width: 13px;
}

.window-tab-body-log b{
    font-weight:bold;
}

html body .log-portal-tr .log-activity{
    height:13px;
    overflow:hidden;
}

html body .log-portal-tr.expanded .log-activity{
    height:unset;
}

/*-----------------------CANCELLED-----------------*/
.booking-cancelled .window-label {
    width: 140px;
}

.booking-cancelled .window-input {
    width: 300px;
    background: var(--input-grey);
    position: relative;
}

.booking-cancelled textarea {
    min-height: 70px;
    max-height: 100px;
    min-width: 300px;
    max-width: 300px;
}

.booking-cancelled-bedrooms-message{
    color:#d10f0f;
    margin-top:10px;
}


/*------------------------NOTEPAD------------------*/
.window-tab-body-notepad {
    padding-left: 3px;
}

html body .window .bNotepad {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    border: 1px solid #edf3f7;
    min-height: 235px;
}

html body .manage-booking .window-tab-body-notepad .ql-toolbar.ql-snow {
    border-top: none;
    background: white;
}

/*--------------------EVENT BOOKINGS---------------*/
.window-tab-body-event-bookings .cg-td-status, .window-tab-body-tasks .cg-td-status {
    margin-bottom: -4px;
}

/*-----------------------MARKETING-----------------*/
.booking-marketing-info {
    padding-left: 0px;
    margin-top: 5px;
    margin-left: 5px;
    width:700px;
}

.booking-marketing-info .window-label {
    width: 110px;
}

.booking-marketing-info .window-input {
    width: 280px;
    background: var(--input-grey);
    box-shadow: var(--invert-input-box-shadow);
    /*-new-*/
    box-shadow: none;
}

.booking-marketing-booking-source{
    display:inline-block;   
}

.bBookingParentSource{
    margin-right:10px;
}

/*---------------------STAFF ROLES------------------*/
html body .window-tab-body-staff-roles:has(.booking-staff-roles-left) > div{
    display: flex;
}

.booking-staff-roles-left {
    width: 320px;
    border-right:1px solid #edf3f7;
}

.booking-staff-roles-left .window-label{
    width:100px;
}

.booking-staff-roles-left select{
    width:200px;
}

html body .window-tab-body-staff-roles:has(.booking-staff-roles-left) .booking-staff-roles-right{
    flex-grow:2;
}


/*---------------------ACCOUNTING------------------*/
.booking-accounting-left {
    display: inline-block;
    width: 22%;
    padding-left: 0px;
    margin-top: 0px;
    padding-left: 0px;
    border: none;
    border-right: 1px solid #edf3f7;
}

.booking-left-title {
    background: white;
    padding: 10px;
    padding-top: 9px !important;
    height: 27px;
    margin-left: 0px;
    padding-left: 10px;
}

.booking-accounting-left > div {
    margin-bottom: 3px;
    padding-right: 10px;
}

.booking-accounting-left .window-label {
    width: 100px;
}

.booking-accounting-left .window-input {
    width: 140px;
    background: var(--input-grey);
}

.booking-accounting-right {
    width: 77%;
    display: inline-block;
    vertical-align: top;
    margin-left: -2px;
}

/*---------------------------------ADJUST BOOKING WINDOW TO FIT-------------------------------*/
@media screen and (max-width: 1256px) {
    html body .b-top {
        width: 100%;
    }

    html body .b-left {
        width: 73%;
        margin-right: 7px;
    }

    html body .b-right {
        width: 25%;
    }

    .window-b-bottom {
        width: 100%;
    }

    html body .b-left-left {
        width: 35%;
    }

    .b-left-left > div {
        display: inline;
        margin-right: 5px;
        width: 40%;
    }

    .bCode, .ebCode {
        width: 39%;
    }

    .bStatus, .ebStatus {
        width: 80%;
    }

    html body .b-left-right {
        width: 64.5%;
    }

    html body .b-left-right .window-label {
        width: 90px;
    }

    .bBookingName, .bDisplayName, .ebEventName, .ebDisplayName {
        width: 79%;
    }
    /*------------------BOOKING SPLIT---------------------*/
    html body .b-split > div {
        display: inline-block;
        width: 17%;
        vertical-align: top;
        margin-right: 3px;
    }

    .b-split > div:nth-child(1) .window-label {
        width: 30px;
    }

    .bArrive, .bDepart {
        width: 70%;
    }

    .b-split > div:nth-child(3) {
        width: 14%;
    }

    .bFcst, .bMin {
        width: 70%;
    }

    .b-split > div:nth-child(4) .window-label {
        width: 20px;
    }

    .bPot, .bItemRevenue {
        width: 70%;
    }

    .b-split > div:nth-child(5) {
        width: 33%;
    }

    .b-split > div:nth-child(5) .window-label {
        width: 70px;
    }

    .b-split > div:nth-child(5) select {
        width: 68%;
    }

    /*-------------------------------AUDIT--------------------------------*/
    html body .window-audit label {
        width: 90px;
    }

    html body .window-audit .window-input {
        width: 55%;
    }
    /*--------------------------PRIMARY CONTACT---------------------------*/
    .manage-booking .window-primary-contact-split:nth-child(1) > div:nth-child(2) {
        width: 160px;
    }

    .manage-booking .window-primary-contact-split > div .window-label {
        width: 50px;
    }

    .manage-booking .window-primary-contact-split:nth-child(2) > div:nth-child(2) {
        width: 65%;
    }

    .manage-booking .pcContactCont .custom-select, .manage-booking .pcCompanyCont .custom-select {
        width: 227px;
    }

    .manage-booking .pcPhoneCont label {
        width: 32px;
    }
}

.copy-booking {
    width: 540px;
    position: fixed;
    border-radius: 4px;
}

.copy-booking header {
    position: relative;
}

.cb-triangle-inner {
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid white;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -26px;
    z-index: 2000000;
    left: 48%;
}

.cb-triangle-outer {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 13px solid #ebeeef;
    border-right: 14px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -27px;
    left: 48%;
    z-index: 100000;
}

.copy-booking > div {
    max-height: 70vh;
    overflow: auto;
}

html body .copy-booking > div > div > div {
    display: block;
}

.copy-booking .cb-split {
    display: inline-block;
    width: 49%;
    vertical-align: bottom;
    margin-right: 5px;
}

.copy-booking .cb-split-third {
    width: 36%;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

html .copy-booking .cb-split-third-dels {
    width: 21%;
    margin-left: 13px;
}

.copy-booking .window-label {
    display: block;
}

.copy-booking .cb-split:nth-child(2), .copy-booking .cb-split-third:nth-child(3) {
    margin-right: 0px;
}

html body .copy-booking .cb-delegates {
}

html body .cb-event-names .window-label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

/*---------------------------------------Recurrence-------------------------------------*/
.cb-recurrence-pattern > div {
    display: inline-block;
    vertical-align: top;
}

/*.cb-recurrence-show-hide{
    display:none;
}*/
/*-----------------pattern-------------*/
.cb-recurrence-pattern > div:nth-child(1) {
    width: 25%;
}

.cb-recurrence-pattern > div:nth-child(2) {
    width: 73%;
}

html body .copy-booking input, html body .copy-booking label.window-label {
    display: inline-block;
    vertical-align: top;
}

html body .copy-booking .cb-recurrence-pattern-cont input.window-input, html body .copy-booking .cb-recurrence-pattern-cont select.window-input {
    width: 70px;
    vertical-align: middle;
}

html body .copy-booking .cb-recurrence-pattern-cont .cb-booking-pattern.window-input {
    width: 280px;
}

html body .copy-booking .cb-recurrence-pattern-cont .cb-align-middle {
    vertical-align: middle;
}

.cb-recurrence-pattern-cont .window-label-check-radiobox, .cb-recurrence-pattern-cont input[type="radio"] {
    position: relative;
    top: 7px;
}

.cb-recurrence-pattern-cont .window-input, .cb-recurrence-pattern-cont .window-label {
    margin-right: 5px;
}

.cb-recurrence-pattern-cont .nullable-checkbox {
    margin-bottom: 4px;
}

/*--------------Fixtures--------------*/

.cb-recurrence-fixture-list-empty {
    color: #94a4b1;
    font-size: 9pt;
}

.cb-recurrence-fixture-list {
    max-height: 250px;
    overflow: auto;
}

.cb-recurrence-fixture-list td {
    cursor: pointer;
}


/*----------dates and conflicts----------*/
.cb-recurrence-split > div {
    width: 58%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.cb-recurrence-split > div:nth-child(2) {
    width: 39%;
    margin-right: 0px;
}

.cb-recurrence-date-range > div {
    display: inline-block;
    width: 48%;
    margin-right: 5px;
}

.cb-recurrence-date-range > div:nth-child(2) {
    margin-right: 0px;
}

html body .copy-booking .cb-recurrence-date-range label {
    vertical-align: middle;
}

html body .copy-booking .cb-recurrence-date-range input {
    width: 100px;
    vertical-align: middle;
}

/*-----conflicts-----*/
.cb-recurrence-conflicts > div {
    display: inline-block;
    margin-top: 7px;
    margin-right: 5px;
}

/*----------------------------reccruence success-----------------------*/
html body .window-booking-reccurence-copy-success {
    width: 1100px;
    max-width: 100vw;
}

.wbrcs-table {
    max-height: 500px;
    overflow: auto;
    font-size: 8.6pt;
    width: 100%;
}

.wbrcs-table table {
    width: 100%;
}

.wbrcs-table th {
    white-space: nowrap;
    border-bottom: 1px solid #f2f6f9;
    color: var(--header-bg);
    border-right: 1px solid #f2f6f9;
}

.wbrcs-table tr {
    width: 100%;
}

.wbrcs-table td, .wbrcs-table th {
    padding: 8px 12px;
}

.wbrcs-table td {
    padding: 8px 12px;
    border-bottom: 1px solid white;
}

.wbrcs-copy-success td:nth-child(1) {
    border-left: 3px solid #b8e57f;
}

.wbrcs-copied-as-enquiry td:nth-child(1) {
    border-left: 3px solid #ffbd5d
}

.wbrcs-copy-failed {
    background: #faa19b;
}

/*-----------------------------------double booked window-------------------------------*/
html body .copy-booking-doubled-booked {
    width: 580px;
}

.copy-booking-doubled-booked .window-body-border > div:nth-child(1) {
    max-height: 400px;
    overflow: auto;
}

.window-info {
    color: #959a9d;
    font-size: 8pt;
}

.copy-booking-doubled-booked .cbdb-event-room {
    display: flex;
    justify-content: center;
    align-items: center;
}

.copy-booking-doubled-booked .window-label {
    margin-right: 10px;
    flex-grow: 0;
}

html body .button-window.copy-booking-doubled-booked .window-input {
    flex-grow: 1;
    width: unset;
}

.copy-booking-doubled-booked-submit {
    margin-left: 10px;
}

html body .copy-booking-doubled-booked-enquiry-submit {
    background: #fdc006;
}

.copy-booking-doubled-booked .button-window-buttons {
    width: 100%;
}

html body .touchstone {
    width: 520px;
    position: fixed;
}

.touchstone > div > div > div > div {
    display: inline-block;
    margin-right: 8px;
    vertical-align: bottom;
}

    .touchstone > div > div > div > div:last-child {
        margin-right: 0px;
    }

.ts-name-cont {
    width: 390px;
}

html body .mts-residential {
    top: -2px;
}

.ts-basis-cont {
    width: 220px;
}

.ts-event-type-cont {
    width: 250px;
}

.ts-company-cont, .ts-contact-cont {
    width: 48.8%;
}

html body .ts-email-cont {
    width: 483px;
}

.ts-rate-cont {
    width: 31.7%;
}

.ts-total-cont {
    width: 31.7%;
}

.ts-frequency-cont {
    width: 150px;
}

.ts-no-events-cont {
    width: 100px;
}
.meeting-view {
    width: 1100px;
    max-width: 100vw;
}

.meeting-view .window-body-border {
    padding: 15px;
    max-height: 85vh;
}

html body .meeting-view .window-inverted-title {
    font-size: 10pt;
    margin-bottom: 10px;
}

html body .meeting-view .window-label {
    margin-bottom: 5px;
    display: block;
}

.meeting-view .window-inverted {
    padding: 10px;
    padding-top: 6px;
    border: 1px solid var(--input-grey);
    margin-bottom: 15px;
    background: var(--input-grey);
    border-radius: 8px;
}

.meeting-view-item-booking, .meeting-view-note {
    background: white;
}

.meeting-view .window-inverted-title {
    color: var(--header-bg);
}

html body .meeting-view-note-buttons .window-label, html body .meeting-view-item-booking-item-buttons .window-label {
    color: white;
}

html body .meeting-view-note-buttons > *, html body .meeting-view-item-booking-item-buttons > * {
    width: unset;
}

/*________________Item Bookings________________*/
.meeting-view-item-booking {
    padding: 12px;
    border: 1px solid var(--input-grey);
    border-radius: 8px;
}

.meeting-view-item-booking-item {
    display: flex;
    gap: 10px;
}

.meeting-view-item-booking-item > div {
    flex-grow: 2;
}

.meeting-view-item-booking-item > div > * {
    width: 100%;
}

.meeting-view-item-booking-item-name {
    flex-basis: 250px;
}

.meeting-view-item-booking-item-date {
    flex-basis: 70px;
}

/*.meeting-view-item-booking .meeting-view-note{
    border-left:2px solid var(--header-bg);
}*/

/*________________Notes________________*/
html body .meeting-view .meeting-view-notes {
    background: white;
    padding: 0px;
    border: none;
}

.meeting-view-note {
    display: flex;
    gap: 10px;
    border: 1px solid var(--input-grey);
    padding: 12px;
    border-radius: 6px;
}

.meeting-view-note > div {
    flex-grow: 2;
}

.meeting-view-note > div > * {
    width: 100%;
}

.meeting-view-note-type {
    font-size: var(--default-font-size);
    font-weight: 600;
    padding-top: 7px;
    color: black;
    flex-basis: 150px;
}

.meeting-view-note-subject {
    flex-basis: 200px;
}

.meeting-view-note-detail {
    flex-basis: 50%;
}

.meeting-view-note-buttons {
    flex-basis: 110px;
    align-self: start;
}

html body .meeting-view-note-detail-display {
    border-radius: 10px;
    min-height: 28px;
    max-height: 200px;
    overflow: auto;
}

html body .meeting-view-note .fr-box.fr-basic .fr-element, html body .meeting-view-note .fr-wrapper {
    min-height: 200px !important;
}


/*____________Room Layout___________*/
.meeting-view-room-layout {
    padding-bottom: 50px;
}

.meeting-view-room-layout-update {
    width: 100%;
}

.meeting-view-room-layout-update .rich-text-editor {
    width: 100%;
}

html body .meeting-view-room-layout-update .fr-box.fr-basic .fr-element, html body .meeting-view-room-layout-update .fr-wrapper {
    min-height: 200px;
}

.meeting-view-room-layout-submit {
    margin-top: 10px;
}

.bedroom-view {
    width: 800px;
    max-width: 100vw;
}

    .bedroom-view .window-body-border {
        padding: 15px;
        max-height: 85vh;
    }

html body .bedroom-view .window-inverted-title {
    font-size: 10pt;
    margin-bottom: 10px;
}

html body .bedroom-view .window-label {
    margin-bottom: 5px;
}

.bedroom-view .window-inverted {
    padding: 10px;
    padding-top: 6px;
    border: 1px solid var(--input-grey);
    margin-bottom: 15px;
    background: var(--input-grey);
    border-radius: 8px;
}

.bedroom-view-item-booking, .bedroom-view-note {
    background: white;
}

.bedroom-view .window-inverted-title {
    color: var(--header-bg);
}

html body .bedroom-view-note-buttons .window-label, html body .bedroom-view-item-booking-item-buttons .window-label {
    color: white;
}

html body .bedroom-view-note-buttons > *, html body .bedroom-view-item-booking-item-buttons > * {
    width: unset;
}

/*________________Item Bookings________________*/
.bedroom-view-item-booking {
    padding: 12px;
    border: 1px solid var(--input-grey);
    border-radius: 8px;
}

.bedroom-view-item-booking-item {
    display: flex;
    gap: 10px;
}

    .bedroom-view-item-booking-item > div {
        flex-grow: 2;
    }

        .bedroom-view-item-booking-item > div > * {
            width: 100%;
        }

.bedroom-view-item-booking-item-name {
    flex-basis: 250px;
}

.bedroom-view-item-booking-item-date {
    flex-basis: 70px;
}

/*.bedroom-view-item-booking .bedroom-view-note{
    border-left:2px solid var(--header-bg);
}*/

/*________________Notes________________*/
html body .bedroom-view .bedroom-view-notes {
    background: white;
    padding: 0px;
    border: none;
}

.bedroom-view-note {
    /*display: flex;
    gap: 10px;*/
    border: 1px solid var(--input-grey);
    padding: 12px;
    border-radius: 6px;
    margin-top:5px;
}

  /*  .bedroom-view-note > div {
        flex-grow: 2;
    }

        .bedroom-view-note > div > * {
            width: 100%;
        }*/

.wmi-bedroomview-notes
{
    width: 100%;
    min-height: 100px;
}

.bedroom-view-note-buttons
{
    margin-top: 10px;
    margin-bottom: 40px;
}

.wmi-bedroomview-roomtype, .wmi-bedroomview-startdate, .wmi-bedroomview-enddate, .wmi-bedroomview-numberofrooms {
    width: 100px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.bedroom-view-note-type {
    font-size: var(--default-font-size);
    font-weight: 600;
    padding-top: 7px;
    color: black;
    flex-basis: 150px;
}

.bedroom-view-note-subject {
    flex-basis: 200px;
}

.bedroom-view-note-detail {
    flex-basis: 50%;
}

.bedroom-view-note-buttons {
    flex-basis: 110px;
    align-self: start;
}

html body .bedroom-view-note-detail-display {
    border-radius: 10px;
    min-height: 28px;
    max-height: 200px;
    overflow: auto;
}

html body .bedroom-view-note .fr-box.fr-basic .fr-element, html body .bedroom-view-note .fr-wrapper {
    min-height: 200px !important;
}


/*____________Room Layout___________*/
.bedroom-view-room-layout {
    padding-bottom: 50px;
}

.bedroom-view-room-layout-update {
    width: 100%;
}

    .bedroom-view-room-layout-update .rich-text-editor {
        width: 100%;
    }

html body .bedroom-view-room-layout-update .fr-box.fr-basic .fr-element, html body .bedroom-view-room-layout-update .fr-wrapper {
    min-height: 200px;
}

.bedroom-view-room-layout-submit {
    margin-top: 10px;
}

.late-change-notification {
    width: 760px;
}

    .late-change-notification .window-body-border {
        padding: 15px;
    }

    .late-change-notification .window-label {
        width: 90px;
    }

.lc-change-subject {
    width: 620px;
}

.lc-change-detail {
    width: 620px;
}

.lc-change-detail {
    min-height: 250px;
    font-size: 11px;
}

.late-change-save-close {
    margin-right: 10px;
}
.manage-company {
    width: 1150px;
}
/*----------------------------MC LEFT------------------------*/
.manage-company .window-left-right label {
    width: 95px;
}

.manage-company .wId {
    width: 90px;
}

.manage-company .mcName {
    width: 390px;
    margin-right: 10px;
}

.mc-split > div {
    width: 32%;
    display: inline-block;
}

.mcAccountMgr {
    /*width:150px;*/
    width: 120px;
}

.manage-company .mcType {
    width: 130px;
}

.manage-company .mcSector {
    width: 135px;
}
/*----------------------------MC RIGHT------------------------*/
.window-credit {
    margin-right: 10px;
}

.window-credit, .window-commission-perecent {
    display: inline-block;
}

html body .mcCredit, html body .mcDefaultPercentLevel {
    width: 70px;
}
/*.manage-company .wmi-credit label{
    margin-right:5px;
    width:100px;
}
.manage-company .wmi-credit input{
    width:165px;
}*/



/*-------------------------Statement, multi invoice & multi deposit------------------------*/
.statement {
    width: 1000px;
}

.statement .statement-flex {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.statement-booking-table, .multi-invoice-booking-deposit-table {
    height: 300px;
    overflow: auto;
}

.statement-tax-inc {
    width: 60px;
}

.statement input[type="checkbox"] {
    transform: scale(1.2);
}


.multi-deposit {
    width: 800px;
}

.multi-deposit-tax-inc {
    white-space: nowrap;
}

.manage-contact {
    width: 1150px;
}

.manage-contact .wId {
    width: 90px;
}

.mcTitle, .mcFirst {
    margin-right: 5px;
}

.mcFirst, .mcLast {
    width: 225px;
}

.manage-contact .mcOptIn {
    display: inline-block;
    margin-left: 10px;
}

.mcOptInCheckboxes > div{
    display:flex;
    justify-content:end;
    gap:10px;
}

.manage-contact .mcContactType {
    width: 214px;
}

.manage-contact .mcGender {
    width: 172px;
}

.manage-contact .window-top-split {
    display: inline-block;
    width: 49.7%;
}

.mcJobTitle {
    width: 290px;
}

.mcDepartment {
    width: 279px;
}

.contact-customer-login {
    padding-left: 0px;
    margin-top: 5px;
    margin-left: 5px;
}

.contact-customer-login .window-label {
    width: 65px;
}

.contact-customer-login .window-input {
    width: 280px;
    background: var(--input-grey);
}

.eb-split > div{
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
}

.ebDisplayNameCont{
    display:inline-block;  
    margin-right:10px;
    margin-bottom:10px;
}

html body .ebDisplayName{
    width:300px;
}

.ebDisplaySequenceCont{
    display:inline-block;
  
}
.ebDisplaySequence{
    width:60px;
}

html body .b-left-right .ebDisplaySequenceCont .window-label{
    width:100px
}

/*html body .eb-delegates, .eb-schedule, .eb-location {
    height: 125px;
}*/
.eb-schedule{
    width:300px;
}
.eb-schedule .window-label{
    width:45px;
}
.eb-schedule  > div > div > div{
    display:inline-block;
    margin-right:5px;
}
.ebStartTime, .ebEndTime, .ebSetup, .ebSetdown{
    width:90px;
}
.ebDate{
    width:120px;
}
html body .eb-delegates{
    padding-right:5px;
}
.eb-delegates .window-label {
    width: 50px;
}
.ebDelegates{
    width:85px;
}
html body .eb-location{
    padding-right:6px;
    margin-right:0px;
}
.eb-location .window-label{
    width:85px;
}
.eb-location > div > div:nth-child(2){
    text-align:right;
    margin-top:2px;
    margin-bottom:2px;
}
html body .eb-location .checkbox-div{
    margin:5px 3px;
}
.ebRoom, .ebRoomLayout{
    width:336px;
}
html body .manage-event-booking .ebTabRoomLayout, html body .manage-event-booking .ebRoomDiagram{
    min-width:100%;
    max-width:100%;
    width:100%;
}

html body .manage-event-booking .window-tab-body-room-layout .ql-toolbar.ql-snow, html body .manage-event-booking .window-tab-body-room-diagram .ql-toolbar.ql-snow{
    border-top:none;
    background:white;
}
.eb-tr-cancelled{
    display:none;
}
.eb-tr-cancelled td, html body .tab-table tr.eb-tr-cancelled:nth-child(odd) td, html body .tab-table tr.eb-tr-cancelled:nth-child(even) td{
    background:#ffeeee;
}
html body .eb-tr-cancelled-show{
    display:table-row;
}
.window-eb-room-layout{
    margin-top:10px;
}

/*CGC function list*/
.eb-function-list{
    margin-right:10px;
}

@media screen and (max-width: 1256px){
    .eb-schedule{
        width:38%;
    }
    .eb-schedule > div > div > div{
        display:inline;
    }
    .eb-schedule .window-label{
        width:40px;
    }
    .ebStartTime, .ebEndTime, .ebSetup, .ebSetdown{
        width:29%;
    }
    .ebDelegates{
        width:60px;
    }
    html body .eb-location{
        width:41%;
    }
    .ebRoom, .ebRoomLayout{
        width:66%;
    }
}
html body .manage-item-booking .window-top{
    width:1336px;
    min-width:1040px;
}

.manage-item-booking-disabled{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.4);
    z-index:700;
}

.window-item-booking-repeat{
    width:100%;
    background:var(--nullable-checkbox-blue);
    font-size:var(--default-font-size);
    color:white;
    padding:3px 6px;
}
.window-ib-bottom{
   
    min-width:1040px;
}
.manage-item-booking .window-left{
    width:975px;
}
.mib-inverted > div > div div{
    display:inline-block;
    margin-right:5px;
}
.mib-inverted .checkbox-div{
    margin-right:unset;
}
.mib-inverted .checkbox-div{
    margin:2px 0px;
}
.mib-inverted:nth-child(1) ,.mib-inverted:nth-child(4){
    box-shadow:none;
    padding:0px;
    
}

/*---base item---*/
.mib-inverted:nth-child(1) .window-label{
    width:80px;
}
.ibItemType{
    width:400px;
}
.ibItemSubType{
    width:380px;
}
.ibItem{
    width:524px;
}
.ibRateBasis, .ibItemUnitPrice{
    width:80px;
}
.mib-rates > div:nth-child(2){
    margin-right:0px;
}
/*---item booked---*/
.mib-inverted:nth-child(2){
    width:575px;
    display:inline-block;
    margin-right:6px;
}
.mib-inverted:nth-child(2) >div >div > div:nth-child(1) .window-label{
    width:20px;
}
.ibID{
    width:90px;
}
.ibDescription{
    width:380px;
    height:46px;
    min-height:46px;
}

html body .manage-item-booking .nullable-checkbox{
    font-size:8.6pt;
    top:0px;
    padding:5px 12px;
    padding-bottom:5px;
}

/*---documentation---*/
.mib-inverted:nth-child(3){
    display:inline-block;
    width:389px;
    vertical-align:top;
}
.ibSequence, .ibFolio{
    width:50px;
}
/*---delivery---*/
.mib-inverted:nth-child(4) > div > div > div:nth-child(1) .window-label{
    width:55px;
}
.mib-inverted:nth-child(4) > div > div > div:nth-child(2) .window-label{
    width:25px;
}
.ibStartsOn, .ibEndsOn{
    width:110px;
}
.ibStartsAt, .ibEndsAt{
    width:85px;
}
.ibEventIn, .ibDeliverTo{
    width:251px;
}
.mib-delivery-ends > div:nth-child(3){
    margin-left:5px;
}
.mib-delivery-ends > div:nth-child(3) .window-label{
    margin-right:10px;
}
.mib-delivery-ends > div:nth-child(3) input{
    position:relative;
    top:2px;
}
/*---pricing---*/
.mib-inverted:nth-child(5){
    display:inline-block;
    width:520px;
    margin-right:6px;
}
.mib-inverted:nth-child(5) .window-label{
    width:60px;
}
.ibQuantity{
    width:60px;
}
.ibUnitPrice, .ibTotalPrice{
    width:80px;
}
.ibOffer, .ibRateTable{
    width:186px;
}
.ibRateTableNoItem{
    color:#e65858;
}
.ibRateTableItem{
    color:var(--dark-text);
}
.ibSupplier{
    width:186px;
}
.ibSupplierItemCost{
    width:80px;
}
/*----override----*/
.mib-inverted:nth-child(6){
    display:inline-block;
    width:444px;
    vertical-align:top;
}

.mib-inverted:nth-child(6) > div > div:nth-child(1) > div .window-label, .mib-inverted:nth-child(6) > div > div:nth-child(2) > div .window-label{
    width:100px;
}
.ibOverrideReason, .ibOverrideExtendedReason{
    width:330px;
}
.ibOverrideAmount{
    width:80px;
}
.ibOverrideBy{
    width:127px;
}
.ibOverrideOn{
    width:130px;
}

/*------------select option hide------------*/
.option-hide{
    display:none;
}
.option-hide.no-hide{
    display:unset;
}

/*---------------------------------------------------ITEM ALLOCATIONS---------------------------------------------*/
.wm-item-booking-allocations{
    width:670px;
}
.wm-item-booking-allocations .window-inverted  > div > div{
    display:inline-block;
    margin-right:8px;
}
html body .window-input.ibaRemainder{
    width:80px;
}
html body .iba-allocations{
    height:270px;
    overflow:auto;
    border-radius:3px;
}
.iba-allocations .tab-table td{
    padding:2px 10px;
}
html body .iba-allocations .window-input{
    background:white;
    width:70px;
}
html body .iba-allocations table td:nth-child(2), html body .iba-allocations table th:nth-child(2){
    max-width:240px;
}

/*-------------------------------------------------ITEM BREAKOUT PACKAGE------------------------------------------*/
.wm-item-booking-breakout-package{
    width:470px;
}
.wm-item-booking-breakout-package .window-inverted > div > div{
    display:inline-block;
    margin-right:7px;
}
.wm-item-booking-breakout-package .window-label{
    width:40px;
}
.wm-item-booking-breakout-package .window-input{
    width:100px;
}

/*---------------------------------FIT TO SCREEN------------------------------*/

@media screen and (max-width:1350px){
    html body .manage-item-booking .window-top{
        width:100%;
    }
    .window-ib-bottom{
        width:100%;
    }
    .manage-item-booking .window-left{
        width:73.5%;
    }
    /*---base item---*/
    .mib-inverted:nth-child(1) .window-label{
        width:75px;
    }
    .mib-base{
        width:49.1%;
    }
    .ibItemType, .ibItemSubType{
       width:77%;
    }
    .mib-item{
        width:53%;
    }
    .ibItem{
        width:79%;
    }
    /*---item booked---*/
    .mib-inverted:nth-child(2){
        width:49%;
        display:inline-block;
        margin-right:6px;
    }
    .mib-inverted:nth-child(2) >div >div > div:nth-child(1) .window-label{
        width:20px;
    }
    .ibID{
        width:50px;
    }
    .mib-description{
        width:70%;
    }
    .ibDescription{
        width:74%;
    }
    /*---documentation---*/
    .mib-inverted:nth-child(3){
        display:inline-block;
        width:49%;
        vertical-align:top;
    }
    /*---delivery---*/
    .mib-starts-on{
        width:20%;
    }
    .ibStartsOn{
        width:58%;
    }
    .mib-starts-at{
        width:15%;
    }
    .ibStartsAt{
        width:71%;
    }
    .mib-event-in, .mib-deliver-to{
        width:27%;
    }
    .ibEventIn, .ibDeliverTo{
        width:72%;
    }
    /*---pricing---*/
    .mib-pricing{
        width:48%;
    }
    .mib-inverted:nth-child(5){
        width:49%;
    }
    .ibUnitPrice, .ibTotalPrice, .ibQuantity{
        width:60%;
    }
    .mib-offer > div{
        width:100%;
    }
    .ibOffer, .ibRateTable{
        width:80%;
        margin-bottom:4px;
    }
    
    /*----override----*/
    .mib-inverted:nth-child(6){
        width:49%;
    }
    .mib-override-cont{
        width:100%;
    }
    .mib-override-cont > div{
        width:100%;
    }
    .ibOverrideReason, .ibOverrideExtendedReason{
        width:69%;
    }
    .mib-override-stats{
        width:31%;
    }
    .mib-override-stats .window-label{
        width:40px;
    }
    .mib-override-stats .window-input{
        width:57%;
    }

}
@media screen and (max-width:1260px){
    .mib-description{
        width:100%;
        margin-top:8px;
    }
}
:root {
    --doc-drop-iframe-width: 1050px;
}

/*---invoice folio in ribbion dropdown----*/
.doc-invoice {
    position: relative;
}

.doc-invoice-folio-cont, .doc-proforma-invoice-folio-cont {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.doc-invoice-folio-cont select, .doc-proforma-invoice-folio-cont select {
    border: none;
    background: transparent;
    padding: 11px 10px;
    margin: -11px 0px;
}

.doc-invoice-folio-cont select:hover, .doc-proforma-invoice-folio-cont select:hover {
    background: var(--input-grey);
    border-radius: 30px;
}
/*---------------------------------------*/

.document-dropdown {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: var(--overlay-background);
    display: none;
    z-index: 1000;
    height: 100vh;
}

.doc-drop-header {
    height: 45px;
    padding-top: 15px;
    position: relative;
}

.doc-drop-cont {
    width: var(--doc-drop-iframe-width);
    margin: auto;
    text-align: center;
    position: relative;
}

.doc-drop-title {
    width: 100%;
    color: white;
    text-align: center;
    font-size: 11pt;
    font-weight: 600;
}

.close-doc-dropdown {
    position: absolute;
    right: 0px;
    top: 7px;
    color: white;
    font-size: 18pt;
    cursor: pointer;
    width: 35px;
}

.close-doc-dropdown:hover {
    color: #23a7ed;
}

.doc-drop-iframe {
    width: var(--doc-drop-iframe-width);
    margin: auto;
    background: white;
    height: 100%;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

@media screen and (max-width:1050px) {
    html body .doc-drop-cont, html body .doc-drop-iframe {
        width: 100%;
    }
}

.doc-drop-iframe iframe {
    width: 100%;
}

.doc-drop-iframe-loading {
    position: absolute;
    top: 300px;
    z-index: 1000000000000000;
    width: 100%;
    text-align: center;
}

.doc-drop-iframe-loading img {
    width: 50px;
}

html body .doc-drop-button {
    position: absolute;
    right: 0px;
    top: -5px;
    padding: 6px 25px;
    padding-bottom: 5px;
    text-transform: capitalize;
    min-height: 27px;
    width: 170px;
}

html body .doc-drop-button a:link {
    color: white;
    text-decoration: none;
}

html body .doc-drop-button img {
    vertical-align: middle;
    margin-right: 4px;
}

html body .doc-drop-button span {
    position: relative;
    top: 1px;
}

@media screen and (max-width:1120px) {
    html body .doc-drop-button {
        right: 50px;
    }
}

/*---------------------EMAIL WINDOW--------------------*/
.window-email-compose-cont {
    position: relative;
}

.window-email-compose {
    width: 650px;
    max-width: 100vw;
    position: fixed;
    top: 42px;
    z-index: 10000;
    text-align: left;
    cursor: default;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 15px;
}

html body .window-email-compose-cont .wec-triangle {
    width: 0;
    height: 0;
    border-bottom: 13px solid white;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: fixed;
    top: 30px;
    z-index: 100001;
}

.window-email-compose header {
    text-transform: capitalize;
}

.window-email-compose > div {
    position: relative;
}

.window-email-compose > div > div > div {
    margin-bottom: 10px;
    width: 100%;
}

.window-email-compose .window-label {
    text-transform: capitalize;
    display: block;
}

.wec-to-info {
    display: inline;
    text-transform: none;
    color: var(--dark-text);
    font-weight: 400;
}

.window-email-compose .window-input {
    width: 100%;
}

.window-email-compose .note-editable {
    min-height: 200px;
    text-transform: none;
    font-weight: 400;
    /*white-space:pre-line;*/
}

.window-email-compose .button-window-buttons {
    position: relative;
}

html body .window-email-compose .wec-success-message {
    color: var(--ed-event-confirmed-bg);
    font-weight: 400;
    text-transform: none;
    position: absolute;
    left: 260px;
    top: 16px;
    display: none;
}

html body .doc-drop-button .window-email-compose .note-toolbar a:link {
    color: var(--dark-text);
}

html body .doc-drop-button .window-email-compose .note-editable a:link {
    color: #007bff;
}

html body .doc-drop-button .window-email-compose .note-editable a:hover {
    color: #0056b3;
    text-decoration: underline;
}

@media screen and (max-width:1050px) {
    :root {
        --doc-drop-iframe-width: 100%;
    }
}

html body .manage-reassign-task .window-label{
    width:60px;
}
html body .button-window .rt-input{
    width:250px;
}
html body .manage-reassign-task .triangle-inner, .manage-reassign-task  .triangle-outer{
    display:none;
}
.window-input-file-multiple {
    display: inline-block;
    margin-right: 7px;
}

.window-input-file-button {
    background: var(--header-bg);
    display: inline-block;
    text-transform: capitalize;
    padding: 5px 15px;
    border-radius: 20px;
    font-weight: 600;
    font-size: var(--default-font-size);
    margin-top: 1px;
    cursor: pointer;
    position: relative;
    color: white;
}

.window-input-file-previews, .window-input-file-add-another {
    vertical-align: top;
}

.window-input-file-preview {
    width: 170px;
    position: relative;
    border-radius: 4px;
    box-shadow: none;
    overflow: hidden;
    max-height: 190px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    margin-bottom: 5px;
}

.window-input-file-loading {
    position: absolute;
    z-index: 100;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 0px;
}

.window-input-file-preview-small {
    max-height: 60px;
    width: 100px;
    text-align: center;
}

.window-input-file-preview img {
    width: 100%;
    border-radius: 4px;
}

html body .window-input-file-preview-small .window-input-file-preview-doc {
    width: 60px;
    border-radius: 4px;
    margin: auto;
}

html body .window-input-file-preview.doc-preview {
    width: unset;
}

html body .doc-preview .window-input-file-preview-doc, html body .doc-preview .window-input-file-preview-small .window-input-file-preview-doc {
    width: unset !important;
    padding: 15px;
    padding-right: 30px;
    background: var(--input-grey);
    font-size: var(--default-font-size);
}

.window-input-file-preview .window-input-file-preview-doc img {
    width: 30px;
}

.window-input-file-preview-doc > * {
    vertical-align: middle;
}

html body .window-input-file-remove {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 50;
    cursor: pointer;
    font-size: 11pt;
    background: rgba(0,0,0,0.5);
    border-radius: 30px;
    padding: 4px 3px;
    padding-right: 4px;
    padding-bottom: 1px;
    color: white;
}

.window-input-file-hiddens {
    display: none;
}

.window-input-file-add-another > div {
    height: 190px;
    width: 30px;
    padding-top: 90px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
}

.window-input-file-add-another img {
    width: 15px;
    margin-right: 0px !important;
}

.window-input-file-add-another-small > div {
    height: 60px;
    padding-top: 24px;
}


.window-input-file-error {
    border: 3px solid #ffcfcf;
    outline: 1px solid #febfbf;
    border-radius: 40px;
}

.tr-highlight td, table tr:nth-child(even).tr-highlight td, table tr:nth-child(odd).tr-highlight td {
	background: #dff4ff;
	border-bottom: 1px solid #b6e5ff;
}
.email{
    width:90vw;    
}
.email .window-body-border{
    padding:10px 15px;
    padding-bottom:0px;
    height:90vh;
    overflow:auto;
}
.window-maximized.email .window-body-border{
    height:unset;
}
.email > div > div > div > div{
    display:block;
}
/*---------split top--------*/

html body .email .email-top-split{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    width:100%;
}
.email-top-split > div:nth-child(1){
    margin-right:15px;
}
.email-top-split > div:nth-child(2){
    flex-grow:10;
}


/*-----top input split-----*/
.email-inputs-split{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
}
.email-inputs-split > div:nth-child(1){
    margin-right:10px;
}
.email-inputs-split > *{
    flex-grow:1;
}

/*---------inputs-------*/
.email-input-cont{
    display:flex;
    flex-wrap:nowrap;
    align-items:baseline;
    vertical-align:middle;
    width:100%;
}
.email .window-label{
    width:45px;   
    text-align:left;
}
.email-input-cont input{
    flex-grow:1;
    
}


/*-------send button-------*/
.email-send{
    width:60px;
    display:block;
    text-align:center;
    font-size:var(--default-font-size);
    padding:30px 10px;
    box-shadow:var(--input-box-shadow);
    border-radius:4px;
    cursor:pointer;
    font-weight:600;

    /*-new-*/
    box-shadow:none;
    background:var(--input-grey);
}
.email-send > *{
    display:block;
    margin:auto;
}
.email-send img{
    width:20px;
    margin-bottom:8px;
}


/*----------rte---------*/
.email .email-message, .email .note-editor{
    width:100%;
}

html body .email-message-not-html .note-editor{
    white-space:pre-line;
}
/*html body .email .window-footer{
    height:52px;
}
*/


/*-----------email list dropdown--------------*/
.email-list-dropdown{
    position:fixed;
    background:white;
    z-index:100000000;
    box-shadow:0px 6px 10px rgba(213, 218, 231, 0.3);
    border-radius:0px 0px 4px 4px;
    overflow:hidden;
    overflow-y:auto;
    max-height:300px;
    max-width:500px;
}
.email-li{
    padding:10px 12px;
    min-width:300px;
    font-size:var(--default-font-size);
    cursor:pointer;
    color:var(--dark-text);
}
.email-li:hover{
    background:var(--input-grey);
    color:#2197f3;
}


@media screen and (max-width:660px){
    html body .email{
        width:98%;
    }
    .window-body-border > div > div{
        width:100%;
    }
    html body .email .window-label{
        width:100%;   
    }
    html body .email-to, .email-cc, .email-subject, .email-from, .email-reply-to{
        width:100%;
    }
    
    html body .email .large-button{
        width:unset;
    }
    html body .email .window-footer{
        padding-top:45px;
    }
    html body .email-top-split > div:nth-child(1){
        flex-basis:60px;
    }
    html body .email-send{
        margin:0px;
    }

    html body .email-inputs-split{
        flex-wrap:wrap;
        margin:0;
    }
    html body .email-inputs-split > div:nth-child(1){
        margin:0;
    }
    html body .email-input-cont{
        margin-bottom:10px;
        width:100%;
    }
    html body .email-input-cont label{
        flex-grow:0;
        flex-basis:50px;
    }
    html body .email-input-cont input{
        flex-grow:1;
        margin:0;
    }
    html body .email-bcc{
        display:none;
    }

}
.password-password{
    width:480px;
}
.password-password .window-body-border{
    padding:15px;
}
.password-password .window-label{
   width:100px;
}

.password-password .window-input{
    width:340px;
}

.password-change-email-password .window-label{
    width:60px;
}
.password-change-email-password .window-input{
    width:380px;
}
.pcpInfo{
    font-size:8.4pt;
    color:#90999f;
    margin-bottom:10px;
}
html body .pcpError{
    color:#ed4747;
}
html body .pcpSuccess{
    width:70%;
    float:left;
    line-height:1.2;
    color:#56bd63;
}
.password-password .window-footer{
    height:30px;
    padding-top:5px;
}

.password-validations{
    padding-top:7px;
    padding-left:110px;
}
.password-change-email-password .password-validations{
    padding-left:70px;
}
.password-validation{
    font-size:var(--default-font-size);
    width:45%;
}
.password-validation img{
    vertical-align:middle;
    margin-right:3px;
    width:15px;
}
.password-validation span{
    vertical-align:middle;
}
/*------------------------------Table Plan-----------------------------*/
.table-plan-window .window-body-border {
    background: var(--input-grey);
}

.table-plan-cont {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

.table-plan > div {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.table-plan > div > div {
    padding-top: 15px;
    display: table-cell;
    overflow: auto;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.table-plan-room {
    background: white;
    z-index: 0;
    position: relative;
    transform-origin: 0 0;
}

@media screen and (max-width: 660px) {
    html body .window-body-border > div > .table-plan-info {
        width: unset;
    }
}

.full-page-block {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    background: transparent;
    z-index: 99999999999999999999;
}

.table-plan-window .window-ribbon > div {
    min-width: 900px;
}

.table-plan-window.manage-tp-event-plan .window-ribbon > div {
    min-width: 980px;
    display:flex;
}

.table-plan-window.manage-tp-event-plan .window-ribbon .window-ribbon-right{
    margin-left:auto;
}

html body .dbm-button.mcr-display-table-plan, html body .dbm-button.mcr-display-table-plan-pdf{
    width:200px;
}

/*-----------------------------Nav/Inspect----------------------------*/
.table-plan-nav {
    position: fixed !important;
    display: inline-block;
    right: 0px;
    top: 76px;
    background: white;
    padding: 15px 0px;
    padding-right: 17px;
    width: 275px;
    font-size: var(--default-font-size);
    z-index: 100;
    border-radius: 0px;
    display: block;
    text-align: left;
    background: var(--input-grey);
}

/*-----group-----*/
.tpn-group {
    padding: 10px 0px;
    border-bottom: 1px solid var(--control-border);
}

.tpn-group:nth-child(1) {
    padding-top: 0px;
}

.tpn-header {
    margin-bottom: 12px;
    color: var(--body-control-title);
}

/*----labels and inputs----*/
.table-plan-info .window-label {
    width: 43px;
}

.table-plan-nav .window-input {
    padding: 5px 11px;
    /*-new-*/
    background: white;
}

.tpi-info {
    margin-left: 5px;
    display: inline-block;
    width: 203px;
    vertical-align: middle;
}

.tpi-set label {
    width: 35px;
}

.tpi-set .window-input {
    width: 215px;
}

/*---Booking Select---*/
html body .tpi-table-booking-cont .window-label {
    width: 45px;
}

html body .tpi-table-booking-cont .window-input {
    width: 205px;
}

/*----split----*/
.tpi-split > div {
    display: inline-block;
    width: 49%;
}

html body .tpi-split label {
    width: 30px;
}

html body .tpi-split .window-input {
    width: 88px;
}
/*----rotation----*/
.tpi-rotation {
    width: 207px;
}

/*----buttons----*/
.tpi-buttons {
    border-top: 1px solid var(--control-border);
    padding-top: 12px;
    margin-top: 12px;
}

.tpcm-item {
    padding: 7px 13px;
    cursor: pointer;
    width: unset;
    display: inline-block;
    border-radius: 40px;
    margin-top: 2px;
    text-align: center;
    background: white;
    margin-bottom: 5px;
    box-shadow: var(--input-box-shadow);
}

.tpcm-item img {
    width: 14px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin: auto;
    margin-right: 4px;
}


/*------------------Add Menu Button----------------*/
html body .menu-button {
    padding: 7px;
    background: var(--header-bg);
    color: white;
    font-weight: 600;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
}

.tpcm-add-additional-menu {
    width: 100%;
}

.menu-button > * {
    vertical-align: middle;
    margin-right: 2px;
}

.menu-button:hover {
    background: #1481d5;
}

.menu-button .window-loading {
    width: 15px;
}

/*------------------Add Menu Window----------------*/
html body .manage-tp-event-plan .button-windows {
    position: fixed;
}

.button-window.tp-add-menu {
    position: fixed;
}

.tpam-menu-type-cont {
    width: 300px;
}

.tpam-triangle-inner {
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid white;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -58px;
    z-index: 2000000;
    left: 58%;
}

.tpam-triangle-outer {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 13px solid #ebeeef;
    border-right: 14px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -59px;
    left: 58%;
    z-index: 100000;
}

html body .button-window > div > div > div.tpam-note {
    display: block;
}

/*------------------Menu Type--------------------*/
.tpn-menu-type {
    border-top: 1px solid var(--control-border);
    padding-top: 20px;
    margin-top: 10px;
}

.tpn-menu-type-header {
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
    padding: 0px 29px;
}

.tpn-menu-update {
    cursor: pointer;
}

.tpn-menu-update img {
    width: 18px;
}

.tpn-menu-type-label {
    text-align: center;
    font-weight: 600;
    font-size: 10pt;
}

.tpn-menu-type-delete {
    position: absolute;
    right: 10px;
    top: 0px;
    cursor: pointer;
}

.tpn-menu-type-delete img {
    width: 15px;
}



/*----------add menu option-----------*/
.button-window.add-menu-option {
    position: fixed;
}

.add-menu-option .window-body-border {
    padding: 12px;
    font-size: var(--default-font-size);
}

html body .amo-course-cont {
    display: inline-block;
}

html body .amo-course-cont {
    width: 200px;
}

.amo-course-label {
    width: 195px;
}

.amo-menu-option-cont {
    width: 412px;
}

.menu-options-loading {
    width: 100%;
    text-align: center;
}

.menu-options-loading img {
    width: 40px;
}

.amo-triangle-inner {
    content: '';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid white;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -58px;
    z-index: 2000000;
    left: 82%;
}

.amo-triangle-outer {
    content: '';
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 13px solid #ebeeef;
    border-right: 14px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    top: -59px;
    left: 82%;
    z-index: 100000;
}

/*--------Menu Options-------*/
.tpn-menu-set-menus-menus {
    width: 180px;
}

html body .tpcm-add-menu-option {
    margin: auto;
    margin-bottom: 10px;
    padding: 9px 20px;
}

.tpn-menu-option-group {
    margin-bottom: 12px;
}

.tpn-menu-option-group-title {
    font-weight: 600;
}

.tpn-menu-option-group-options {
    margin-top: 8px;
}

.tpn-menu-option {
    background: white;
    box-shadow: var(--input-box-shadow);
    padding: 5px 8px;
    border-radius: 8px;
    line-height: 1.5;
    margin-bottom: 8px;
    /*-new-*/
    border-radius: 4px;
}

.tpn-menu-option > div {
    display: inline-block;
    vertical-align: middle;
}

.tpn-menu-option-text {
    width: 83%;
}

.tpn-menu-option-delete, .tpn-menu-option-update {
    width: 7%;
    position: relative;
    top: 2px;
    cursor: pointer;
    padding: 5px 3px;
}

.tpn-menu-option-delete img, .tpn-menu-option-update img {
    width: 13px;
}

.amo-menu-option-error {
    font-size: var(--default-font-size);
}


/*---------------------------Buttons--------------------------*/

.table-plan-buttons-cont {
    position: fixed;
}

html body .table-plan-buttons {
    border-radius: 8px;
    padding: 0px 0px;
    width: 130px;
    position: absolute;
    z-index: 10000;
}

.table-plan-buttons .tpcm-item {
    box-shadow: none;
    padding: 8px 8px;
    margin-top: 0px;
    margin-bottom: 5px;
    width: 100%;
    background: white;
    border: none;
    font-weight: 600;
    border-radius: 0px;
    text-align: left;
    padding: 8px 15px;
    font-size: 10pt;
    background: white;
    border-radius: 80px;
    border: 1px solid #9d03db;
    text-align: center;
}

html body .table-plan-buttons .tpcm-item img {
    width: 16px;
    margin-right: 5px;
}


/*--------------------------Bookings--------------------------*/
.table-plan-table-booking {
    position: absolute;
    width: 340px;
    z-index: 1000;
}

.table-plan-table-booking select {
    width: 100%;
    border: none;
    padding: 9px 15px;
    text-align: center;
    box-shadow: 0px 0px 15px #23292e3b;
    box-shadow: none;
    border: 1px solid #9d03db;
    border-radius: 80px;
    font-weight: 600;
    font-size: 10pt;
}



/*--------------------------Grid Lines------------------------*/
.tp-grid-lines {
    stroke: #ebeff6;
}
/*-----------------------Table Plan Fill----------------------*/
.tpr-fill {
    fill: white;
}


/*----------------------------Border--------------------------*/
.tpr-plan-border > line {
    stroke: black;
    stroke-width: 1.3px;
}
/*---------------------------Moveable-------------------------*/
.tp-moveable {
    cursor: pointer;
}

html body .tp-moveable-selected > g > * {
    stroke-width: 2px !important;
    stroke-dasharray: 5 !important;
    stroke-linecap: round;
    cursor: grab;
    stroke: #9d03db;
    fill: #cbda37;
}


html body .tp-moveable-moving > g > * {
    cursor: grabbing;
}

.tp-blocked-area.tp-moveable-moving, .tp-blocked-area.tp-moveable-editting {
    z-index: 20;
}

html body .tp-feature.tp-moveable-moving, html body .tp-feature.tp-moveable-editting {
    z-index: 17;
}

.tp-table-cont.tp-moveable-moving, .tp-table-cont.tp-moveable-editting {
    z-index: 16;
}

/*-----rotating------*/
html body .tp-moveable-selected.tp-moveable-rotating > g > * {
    fill: #d798e2;
}




/*---------------------------Multi select box-------------------------*/

.tp-multi-select-box {
    position: fixed;
    display: none;
    background: rgba(66, 167, 246, 0.3);
    border: 2px dashed #42a7f6;
}

.tp-multi-select-box-move {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    cursor: grab;
}

.tp-multi-select-box-move.tp-multi-select-box-moving {
    cursor: grabbing;
}





/*----------------Open table plan event default layouts-----------------*/
.manage-event-default-layout {
    width: 450px;
}

.manage-event-default-layout .window-body-border {
    padding: 15px;
}

.manage-event-default-layout .at-info {
    margin-bottom: 8px;
}

.manage-event-default-layout .medl-layout-id, .manage-event-default-layout .medl-menu-id {
    width: 335px;
}

.manage-event-default-layout label {
    width: 76px;
}



@media screen and (max-width:660px) {
    .table-plan-nav {
        padding-left: 20px;
    }
}

/*--------------zoom input-------------*/

.table-plan-room-zoom{
    background:white;
    text-align:center;
    overflow:hidden;
    z-index:100;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none
}
.table-plan-room-zoom > div > div{
    display:inline-block;
    vertical-align:middle;
}

.table-plan-room-zoom-button{
    padding:11px 10px;
    cursor:pointer;
    text-align:center;
}
html body .table-plan-room-zoom-button:hover{
     background:#ebeff3;
}

.table-plan-room-zoom-button img{
    width:13px;
}

.table-plan-room-zoom input{
    border:none;
    width:40px;
    font-size:9.4pt;
    text-align:center;
    padding:9px 0px;
    margin:0 -3px;
    position:relative;
    bottom:2px;
}
/*----------------------------Grid-------------------------------*/
.tp-grid-cont{
    position:fixed;
    z-index:100;
    
}
.tp-grid{
    position:absolute;
    text-align:center;
    vertical-align:middle;
}

/*------main lines-----*/
.tp-grid-verticle{
    border-left:2px dashed #9d03db;
    position:absolute;
    pointer-events:none;
}
.tp-grid-horizontal{
    border-bottom:2px dashed #9d03db;
    position:absolute;
    pointer-events:none;
}

/*-------sub lines-----*/
.tp-grid-sub-line{
    position:absolute;
    pointer-events:none;
}
.tp-grid-verticle-left, .tp-grid-verticle-right{
     border-left:1px dashed #9d03db;
     
}
.tp-grid-horizontal-top, .tp-grid-horizontal-bottom{
    border-bottom:1px dashed #9d03db;
   
}

/*------meter readouts------*/
.tp-grid-verticle > div , .tp-grid-horizontal > div{
    position:absolute;
    color:#222a35;
    font-weight:bold;
    font-size:var(--default-font-size);
}
.tp-grid-verticle > div{
    padding-left:5px;
    background:white;
    z-index:5;
}
.tp-grid-horizontal > div{
    margin-top:-17px;
    background:white;
    z-index:5;
}

/*------overlay box------*/
.tp-grid-overlay-box{
    position:absolute;
}


/*-----------------------manage blocked area----------------------*/
.manage-blocked-area {
    width: 465px;
}

.manage-blocked-area .window-body-border {
    padding: 15px;
}

.aba-group > div {
    display: inline-block;
    margin-right: 8px;
}

.aba-group > div:last-child {
    margin-right: 0px
}

html body .aba-name {
    width: 160px;
    margin-right: 10px;
}

.aba-feature-type {
    width: 140px;
}

html body .aba-edges {
    width: 110px;
}

html body .aba-width {
    width: 70px;
}

html body .aba-qty {
    width: 85px;
}

.aba-type > div {
    display: inline-block;
    vertical-align: middle;
}




/*-------------------------Blocked Area-----------------------*/
.table-plan-room {
}

.tp-blocked-area > * {
    fill:var(--input-grey);
    stroke-width: 1.3px;
    stroke: black;
}

.tp-blocked-area.tp-feature > * {
    stroke-width: 1.3px;
    stroke: black;
    fill: var(--input-grey);
}

.tp-blocked-area text {
    fill: black!important;
    stroke:none!important;
    font-weight: 600;
    font-size: 11pt;
}




/*------------------------------Table---------------------------*/



.tp-table > * {
    stroke-width: 1.5px;
    stroke: black;
    fill: #f7f7fa;
}

.tp-table .tp-table-text {
    stroke-width: 0px;
    position: relative;
}

.tp-table-text > div {
    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
}

.tp-table-text > div > div {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}

.tp-table .tp-table-text-span {
    font-size: 20pt;
    color: black;
    font-weight: 600;
    display: inline-block;
}

/*----Shared table plan----*/
 .manage-tp-shared-plan .tp-table-booking-populated .tp-table > * {
    stroke-width: 1.5px;
    fill: #cbda37;
}

/*----------------------Chair------------------*/
.tp-table-chair > * {
    stroke-width: 1.5px;
    stroke-dasharray: none;
    stroke: #105b96;
    fill:var(--header-bg);
}

.tp-table-chair > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.tp-table-chair .tp-chair-text {
    stroke-width: 0px;
    font-size: 8.4pt;
    font-weight: 700;
    fill: #105b96;
    fill: white;
}


/*------------------------------Shared Table plan---------------------------*/
:root {
    --tp-table-disabled-grey: #e2e7ea;
}

.tp-table-disabled {
    cursor: not-allowed;
}

.tp-table-disabled.tp-table-hide{
    display:none;
}

.tp-table-disabled .tp-table > * {
    stroke: var(--tp-table-disabled-grey);
}

.tp-table-disabled .tp-table .tp-table-text-span {
    color: var(--tp-table-disabled-grey);
}

/*----------------------Chair------------------*/
.tp-table-disabled .tp-table-chair > * {
    stroke: var(--tp-table-disabled-grey);
    fill: var(--tp-table-disabled-grey);
}

html body .manage-tp-seating-plan .tp-table-disabled .tp-table-chair:hover > *, html body .manage-tp-seating-plan .tp-table-disabled .tp-table-chair.tp-table-chair-populating > * {
    fill: var(--tp-table-disabled-grey);
    cursor: not-allowed;
}

.manage-tp-seating-plan .tp-table-disabled .tp-table:hover > * {
    fill: #f7f7fa;
    cursor: not-allowed;
}



@media screen and (max-width: 800px) {
    .tp-table .tp-table-text span {
        font-size: 14pt;
    }

    .tp-table-chair .tp-chair-text {
        font-size: 7pt;
    }
}

@media screen and (max-width: 500px) {
    .tp-table .tp-table-text span {
        font-size: 12pt;
    }

    .tp-table-chair .tp-chair-text {
        font-size: 5pt;
    }
}

.tp-table-chair-context-menu {
    z-index: 1000;
    background: white;
    font-size: var(--default-font-size);
    border-radius: 100px;
    border: 1px solid #d3170b;
    display: table;
    background: #f34135;
}

.tp-table-chair-delete {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.tp-table-chair-delete img {
    width: 45%;
}



/*-------------------Table Editting------------------*/

/*html body .tp-moveable-selected .tp-table > *{
    stroke: #9d03db;
    fill: #a6e25f;
}
*/

.tp-table-editting .tp-table-chair {
    cursor: grab;
}

html body .tp-table-editting .tp-table-chair.tp-table-chair-moving {
    cursor: grabbing;
}

/*----------------------Rotate-----------------------*/



/*------------------------------Manage Tables---------------------------*/
.tp-add-tables {
    width: 630px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tp-add-tables.tp-add-tables-editting {
    width: 530px;
}

.tp-add-tables .window-body-border {
    padding: 15px;
}

.at-tables > div {
    display: inline-block;
}

.at-table {
    width: 180px;
}

.at-table, .at-chairs, .at-rotation {
    margin-right: 6px;
}

.at-num {
    width: 70px;
}

.at-table-name {
    width: 100px;
    margin-right: 10px;
}

.at-info {
    display: block;
    font-size: 8pt;
    color: #8c969d;
}
/*------------table create----------*/
html body .at-table-create {
    width: 100%;
    display: block;
    margin: auto;
}

html body .at-table-create .tp-table-cont {
    position: relative;
    margin: auto;
}

.at-auto-position {
    margin-right: 10px;
}
/*----table loading----*/
.at-table-create-loading {
    width: 40px;
    margin: auto;
}

/*-----very important for rotation------*/
html body .tp-table-cont, html body .tp-blocked-area, html body .tp-table-text, html body .tp-blocked-area-text, html body .tp-feature-icon{
     /*transform-box: fill-box;
     transform-origin:50% 50%;*/
}


/*------------------list populate------------------*/
html body .tp-seating-plan-complete {
    position: relative;
    background: #8ac149;
    color: white;
    text-align: center;
    font-size: var(--default-font-size);
    width: 100%;
    padding: 9px;
    z-index: 100;
    border-radius: 4px;
    box-shadow: var(--input-box-shadow);
    font-weight: 600;
    height: unset;
    box-sizing: border-box;
}

html body .tp-seating-plan-complete.tp-seating-plan-stop-update {
    text-transform: capitalize;
    background: #f34135;
}

.sps-table {
    margin-bottom: 20px;
}

.spst-name {
    margin-bottom: 8px;
    font-weight: 600;
    margin-left: 1px;
}

.sps-seat {
    margin-bottom: 6px;
}

.sps-seat input {
    border: none;
}

.sps-seat .control-input-icon {
    width: 22px;
}

.sps-label {
    padding: 3px;
    border-radius: 20px;
    border: 1px solid #1264a4;
    color: #1264a4;
    width: 19px;
    text-align: center;
    font-weight: 600;
}

html body .sps-label.sps-label-menu-populated {
    background: #88c04c;
    color: white;
    border-color: #64972e;
}

.sps-seat .control-input-icon {
    cursor: pointer;
}

html body .sps-seat-notes {
    display: block;
    margin-bottom: 10px;
    display: none;
}

html body .sps-seat-notes > div {
    margin-bottom: 5px;
}

.seat-note-label {
    margin-bottom: 4px;
    color: var(--body-control-title);
    font-size: 8pt;
}

html body .sps-seat-notes textarea {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
}

/*--------menu--------*/
.sps-seat-menu-types-cont {
    margin-top: 8px;
    margin-bottom: 8px;
}

.sps-seat-menu-types {
    width: 100%;
}

.sps-seat-menu-type-summary {
    margin-bottom: 10px;
    margin-top: 10px;
}

.sps-seat-menu-course {
    margin-bottom: 8px;
}

.sps-seat-menu-option {
    margin-bottom: 6px;
    background: white;
    box-shadow: var(--input-box-shadow);
    padding: 6px 8px;
    line-height: 1.3;
    border-radius: 8px;
    cursor: pointer;
}

.sps-seat-menu-option > div {
    display: inline-block;
    vertical-align: middle;
}

.sps-seat-menu-option > div:nth-child(1) {
    width: 20px;
}

.sps-seat-menu-option input {
    transform: scale(1.2);
    position: relative;
    top: 2px;
}

.sps-seat-menu-option > div:nth-child(2) {
    width: 90%;
}

/*------------------chair and table hover/select-----------------*/
.manage-tp-seating-plan .tp-table:hover > * {
    cursor: pointer;
    fill: #dddde2;
}

html body .manage-tp-seating-plan .tp-table-chair:hover > *, html body .manage-tp-seating-plan .tp-table-chair.tp-table-chair-populating > * {
    cursor: pointer;
    fill: #a759f7;
}

html body .manage-tp-seating-plan .tp-table-chair:hover .tp-chair-text, html body .manage-tp-seating-plan .tp-table-chair-populating .tp-chair-text {
    fill: white;
}

/*-----------------------chair populated-------------------------*/

/*html body .manage-tp-seating-plan .tp-table-chair-populated > * {
    fill: #88c04c;
    stroke: #437e04;
}*/

html body .manage-tp-seating-plan .tp-table-chair-populated .tp-chair-text {
    fill: white;
}





/*----------------------chair popualte window--------------------*/
.tp-populate-chair {
    border-radius: 8px;
    width: 500px;
    position: fixed;
    text-align: left;
    padding: 15px 0px;
    font-size: var(--default-font-size);
    background: var(--input-grey);
    z-index: 10000;
    background: white;
    box-shadow: 0px 0px 10px rgba(0,0,0,0);
    border: 2px solid #5a5a5a;
    background: var(--input-grey);
    /*-new-*/
    background: white;
}

.tp-populate-chair-title {
    color: #105b96;
    font-weight: 600;
    font-size: 14pt;
    margin-bottom: 10px;
    padding: 0px 20px;
    color: black;
}

.tp-populate-chair-content {
    padding: 0px 20px;
    overflow: auto;
}
/*-------------chair input--------------*/
.tp-populate-chair-cont {
    width: 100%;
    border-radius: 30px;
    display: block;
    color: #1264a4;
    font-weight: 600;
    font-size: 12pt;
    padding: 1px 11px;
    text-align: left;
    background: var(--input-grey);
    box-shadow: var(--input-box-shadow);
    background: white;
    /*-new-*/
    background: var(--input-grey);
    box-shadow: none;
    border-radius: 4px;
}

.tp-populate-chair-cont > div {
    display: inline-block;
    vertical-align: middle;
}

.tp-populate-chair-name {
    position: relative;
    top: -1px;
}

html body .tp-populate-chair-cont .window-input {
    box-shadow: none;
    padding: 6px 4px;
    width: 310px;
    background: none;
}

/*----------------menu---------------*/
.tp-populate-chair-menu-type-select {
    width: 100%;
}

.tp-populate-chair-menu-type-summary {
    margin-top: 15px;
    margin-bottom: 15px;
}

.tp-populate-chair-menu-cont {
    margin-top: 10px;
}

.tp-populate-chair-label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    font-size: 10pt;
}

.tp-populate-chair-menu-course {
    margin-top: 10px;
}

.tp-populate-chair-menu-option {
    background: white;
    box-shadow: var(--input-box-shadow);
    margin-bottom: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    line-height: 1.3;
    cursor: pointer;
    box-shadow: var(--input-box-shadow);
    background: white;
    /*-new-*/
    box-shadow: none;
    background: var(--input-grey);
    border-radius: 4px;
}

.tp-populate-chair-menu-option > div {
    display: inline-block;
    vertical-align: middle;
}

.tp-populate-chair-menu-option > div:nth-child(1) {
    width: 20px;
}

.tp-populate-chair-menu-input {
    transform: scale(1.2);
    position: relative;
    top: 2px;
}

.tp-populate-chair-menu-option > div:nth-child(2) {
    width: 93%;
}
/*----------------notes---------------*/
.tp-populate-chair-notes-cont > div {
    margin-top: 10px;
}

html body .tp-populate-chair-notes-cont textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 60px;
    height: 60px;
    max-height: 120px;
    box-shadow: var(--input-box-shadow);
    background: white;
    /*-new-*/
    background: var(--input-grey);
    box-shadow: none;
    border-radius: 4px;
}

.tp-populate-chair-notes-cont {
    margin-top: 20px;
}

.tp-populate-chair-label-colour {
    width: 15px;
    height: 15px;
    border-radius: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    position: relative;
    bottom: 1px;
}


/*----------------mobile-------------*/
html body .manage-tp-seating-plan .window-ribbon > div {
    min-width: 930px;
    display:flex;
}

html body .manage-tp-seating-plan .table-plan-info-show-hide {
    display: inline-block !important;
}

html body .tpi-screen-size-warning {
    display: none;
    color: var(--body-control-title);
    margin-top: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width:660px) {
    .manage-tp-seating-plan .table-plan {
        display: none;
    }

    html body .manage-tp-seating-plan .tpi-info {
        width: 82%;
    }

    html body .manage-tp-seating-plan .window-ribbon > div {
        min-width: 700px;
    }

    html body .manage-tp-seating-plan .table-plan-info-show-hide, html body .manage-tp-seating-plan .table-plan-room-zoom, html body .manage-tp-seating-plan .mcr-seating-plan-help {
        display: none !important;
    }

    html body .manage-tp-seating-plan .table-plan-nav {
        display: block !important;
    }

    html body .manage-tp-seating-plan .tpi-screen-size-warning {
        display: block;
    }
}

/*----------------------------------------pdf------------------------------------------------*/
:root {
    --table-plan-pdf-text-color: #105b96;
}

html body .tppdf-pdf {
    overflow: auto;
    background: var(--input-grey);
}

.tppdf-pdf > div {
    padding: 0px 20px;
    width: 838px;
    margin: auto;
}

/*---------------------------------page-------------------------------------*/
.tppdf-page {
    width: 798px;
    height: 1128px;
    box-shadow: 0px 0px 10px rgba(0, 27, 99, 0.05);
    margin: auto;
    border-radius: 0px;
    margin-bottom: 20px;
    font-size: 9.5pt;
    background: #ffffff;
    background: #f7f7fa;
    background: white;
}

.tppdf-page:first-child {
    margin-top: 20px;
}


/*--------------header---------------*/
.tppdf-header {
    padding: 13px 15px;
    border-radius: 0px;
    font-size: 11pt;
    color: var(--table-plan-pdf-text-color);
    border-bottom: none;
    background: #bbe1ff;
}

.tppdf-header > div {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
}

.tppdf-header > div:nth-child(1) {
    text-align: left;
}

.tppdf-header > div:nth-child(2) {
    text-align: center;
    font-weight: 600;
    width: 58%;
}

.tppdf-header > div:nth-child(3) {
    float: right;
    text-align: right;
}

.table-plan-pdf .doc-drop-cont .tppdf-landscape-portrait {
    left: 0px;
}

@media screen and (max-width:700px) {
    .tppdf-landscape-portrait {
        display: none;
    }
}

.tppdf-landscape-portrait.is-portrait .tppdf-portrait {
    display: none;
}

.tppdf-landscape-portrait.is-landscape .tppdf-landscape {
    display: none;
}
/*----------------------------body---------------------------*/
.tppdf-body {
    position: relative;
    padding: 20px;
}

.tppdf-body .table-plan-room {
    position: absolute;
}

.tppdf-body .table-plan-room .tp-blocked-area > * {
    fill: white;
}

.tppdf-body .table-plan-room .tp-blocked-area.tp-feature > * {
    fill: #f3f7fa;
}

.tppdf-page-tp {
    text-align: center;
}

#tpPDFTablePlan {
    margin: auto;
    transform-origin: top left;
}

/*-------------------seating------------------*/

/*------table------*/
.tppdf-table {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: left;
    border-radius: 0px;
    border: 1px solid #deeefa;
    background: #f9fcff;
}

.tppdf-table-name {
    padding: 0px;
    font-weight: 600;
    font-size: 11pt;
    color: var(--table-plan-pdf-text-color);
    display: inline-block;
    width: 100%;
    background: #ddedfa;
    padding: 6px;
    margin-bottom: 3px;
    background: #bbe1ff;
}

.tppdf-table:nth-child(3n) {
    margin-right: 0px;
}

/*-------seats--------*/
.tppdf-seats {
    padding: 0px;
    padding-top: 6px;
    padding-left: 6px;
}

.tppdf-seat {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.tppdf-seat > div {
    display: inline;
    vertical-align: middle;
}

.tppdf-seat-label {
    font-weight: 600;
    margin-right: 3px;
    color: var(--table-plan-pdf-text-color);
}

.tppdf-seat-name {
    vertical-align: middle;
    font-weight: 600;
}

/*----------menu-----------*/
html body .tppdf-seat-menu {
    margin-left: 22px;
    display: block;
}

.tppdf-seat-menu-choice {
    display: inline-block;
    margin-right: 20px;
    margin-top: 4px;
    width: 47%;
    vertical-align: top;
}

.tppdf-seat-menu-choice-label {
    font-weight: 600;
    color: var(--table-plan-pdf-text-color);
    font-size: 9pt;
    position: relative;
    display: inline;
}

.tppdf-seat-menu-choice-label:after {
    content: ':';
}

.tppdf-seat-menu-choice-choice {
    display: inline;
    margin-left: 5px;
}


/*----------notes----------*/
html body .tppdf-seat .tppdf-seat-notes {
    display: block;
}

.tppdf-seat-note {
    margin-left: 22px;
    margin-top: 4px;
}

.tppdf-seat-note-label {
    font-weight: 600;
    color: var(--table-plan-pdf-text-color);
    font-size: 9pt;
    display: inline-block;
}

.tppdf-seat-note-note {
    display: inline-block;
    margin-left: 5px;
}

@media screen and (max-width:700px) {
    .tppdf-pdf-name {
        display: none;
    }

    .table-plan-pdf .doc-drop-cont .tppdf-landscape-portrait {
        left: 5px;
    }
}

/*--------course counts--------*/

.tppdf-course-count {
    margin-bottom: 10px;
    padding-left: 4px;
}

.tppdf-course-count .tppdf-seat-label {
    display: inline-block;
    width: 100%;
}

.tppdf-course-count-course > div {
    display: inline-block;
    margin-top: 4px;
}

.tppdf-course-count-course-label {
    margin-right: 5px;
}

.tppdf-course-count-course-count {
    font-weight: 600;
}



/*---------------------------------------------Admin Side----------------------------------------------------*/

/*------------------------Menu Summary--------------------*/
html body .tppdf-menu-summary-row {
    display: flex;
}

.tppdf-menu-summary-row > div {
    display: inline-block;
    padding: 5px 6px;
    border-bottom: 1px solid #deeefa;
    overflow-wrap: break-word;
    vertical-align: top;
    padding-right: 20px;
}

.tppdf-menu-summary-row > div:nth-child(1) {
    width: 80px;
    font-weight: 600;
    color: var(--table-plan-pdf-text-color);
    border-bottom: none;
}

.tppdf-menu-summary-row > div:nth-child(2) {
    width: 90px;
    font-weight: 600;
}

.tppdf-menu-summary-row > div:nth-child(3) {
    width: 520px;
    margin-left: -4px;
    padding-right: 50px;
}

.tppdf-menu-summary-row > div:nth-child(4) {
    width: 60px;
    margin-left: -4px;
    font-weight: 600;
}

.tppdf-menu-summary-row:last-child > div {
    border-block: none;
}



/*------------------------Admin Table--------------------*/
.tppdf-table {
    font-size: 8.4pt;
}

html body .tppdf-table-admin {
    margin-bottom: 0px;
}

.tppdf-table-table {
    display: table;
    width: 100%;
    margin-top: -2px;
}

.tppdf-table-row {
    display: table-row;
}

.tppdf-table-header {
    font-weight: 600;
    color: var(--table-plan-pdf-text-color);
}

.tppdf-table-row > div {
    display: table-cell;
    padding: 5px 4px;
    border-bottom: 1px solid #deeefa;
    white-space: pre-wrap;
    vertical-align: bottom;
}

.tppdf-table-row:last-child > div {
    border-bottom: none;
}

.tppdf-table-row > div:nth-child(1) {
    padding-left: 8px;
    font-weight: 600;
    width: 30px;
}

/*------------Summary----------*/
.tppdf-table-table-summary .tppdf-table-name {
    font-size: 8.4pt;
}

html body .tppdf-table-table-summary .tppdf-table-header > div:nth-child(1) {
    width: unset;
}

html body .tppdf-summary-table-row > div:nth-child(1) {
    width: unset;
    font-weight: normal;
}

.tppdf-summary-table-row b {
    font-weight: 600;
}


/*----------------Dietary Summary----------------*/

html body .tppdf-menu-dietary-summary-row {
    white-space: nowrap;
}

html body .tppdf-menu-dietary-summary .tppdf-table-header > div:nth-child(1) {
    width: unset;
}

html body .tppdf-menu-dietary-summary-row > div:nth-child(1) {
    width: unset;
    font-weight: normal;
}

html body .tppdf-menu-dietary-summary-row > div:nth-child(5) {
    max-width: 200px;
}

html body .tppdf-menu-dietary-summary .tppdf-table-row {
    width: 100%;
}



/*______________________Export to PDF____________________*/
.k-pdf-export .tppdf-page {
    margin-top: 0px !important;
}

/*-------------------------help window----------------------------*/
html body .sp-help{
    width:500px;
    background:white;
    margin:auto;
    position:fixed!important;
    border-radius:8px;
}

html body .sp-triangle-inner{
    content:'';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid white;
    border-right:13px solid transparent;
    border-left:13px solid transparent;
    position:absolute;
    top:-59px;
    z-index:2000000;
    left:48%;
}
html body .sp-triangle-outer{
    content:'';
    width: 0; 
    height: 0; 
    border-top: 14px solid transparent;
    border-bottom: 13px solid #ebeeef; 
    border-right:14px solid transparent; 
    border-left:13px solid transparent;
    position:absolute;
    top:-60px;
    left:48%;
    z-index:100000;
}
/*------header------*/


/*-----body-----*/
.sp-help-body{
    padding:15px;
    padding-top:0px;
   
}
.sp-help-group{
    margin-bottom:10px;
    font-size:9.4pt;
    line-height:1.3;
}


@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@300;400&display=swap');

:root {
    --tp-display-bg: white;
    --tp-display-stroke: #8b9c79;
    --tp-title-font: "Roboto Serif", serif;
}

.table-plan-display {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    background: white;
    overflow: auto;
    background: var(--tp-display-bg);
}


/*----------table plan slide-------------*/
.table-plan-display-slide-table-plan {
    text-align: center;  
    padding:0px;
}

.table-plan-display-slide-table-plan > div {
    display: table;
    width: 100%;
    height: calc(100vh - 80px);
}

.table-plan-display-slide-table-plan > div > div {
    display: table-cell;
}

/*.table-plan-display-slide-table-plan .tpr-plan-border > line {
    stroke: var(--tp-display-stroke);
}

.table-plan-display-slide-table-plan .tp-blocked-area > * {
    stroke: var(--tp-display-stroke);
}*/

.table-plan-display-slide-table-plan .tp-blocked-area.tp-feature > * {
    /*stroke: var(--tp-display-stroke);*/
    fill: #f6f6f6;
}

.table-plan-display-slide-table-plan .tp-table > * {
    
    stroke-width: 1px !important;
    fill:#f6f6f6;
    /*stroke: var(--tp-display-stroke);*/
}

.table-plan-display-slide-table-plan .tp-blocked-area > * {
    fill: white;
}

.table-plan-display-slide-table-plan .tp-table .tp-table-text-span {
    font-family: var(--tp-title-font);
}

.table-plan-display-slide-table-plan .tp-blocked-area-text {
    font-family: var(--tp-title-font);
}

.table-plan-display .tp-table-chair-chair {
    fill: var(--tp-display-stroke) !important;
    stroke: black !important;
    stroke-width: 1px !important;
}

.table-plan-display .tp-chair-text {
    fill: white !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
}


/*---------------guest slide------------*/
.table-plan-display-slide-guests {
    padding: 0px;
    padding-top:0px;
    text-align: center;
    min-height: 100vh;
    background:white;
}

.table-plan-display-slide-guests-title {
    text-align: center;
    width: 100%;
    font-family: var(--tp-title-font);
    font-weight: 500;
    font-size: 56pt;
    text-transform: capitalize;
    margin-bottom: 40px;
    color: var(--tp-display-stroke);
    border-bottom: 1px solid #c5cacf;
    padding-bottom: 40px;
    color:#25282b;
    background:white;
    padding-top:40px;
    background:var(--tp-display-stroke);

    color:white;
}
/*------------table-----------*/
.tp-display-table-row {
    display: flex;
    gap: 20px;
    padding:0px 40px;
    padding-bottom: 40px;
}

.tp-display-table {
    flex-grow: 2;
    vertical-align: top;
    font-size: 20pt;
    text-align: left;
    width: 20%;
    background: white;
    border-radius: 8px;
    padding: 20px;
}

.tp-display-table-label {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18pt;
    color: var(--tp-display-stroke);
    font-family: var(--tp-title-font);
    text-transform: uppercase;
}

/*--------seat-------*/

.tp-display-table-seat {
    margin-bottom: 12px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    line-height: 1.3;
}

.tp-display-table-seat label {
    font-weight: 600;
    width: 40px;
    font-family: var(--tp-title-font);
    font-size: 16pt;
    color: var(--tp-display-stroke);
    vertical-align: middle;
    color: #929ca8;
    color: var(--tp-display-stroke);
}

.tp-display-table-seat span {
    font-family: 'Inter', sans-serif;
    font-size: 16pt;
    font-weight: 400;
}

/*____________________________Guest moving__________________________*/
.tp-chair-moving-display {
    position: fixed;
    z-index: 100000;
    text-align: center;
    cursor: grabbing;
}

.tp-chair-moving-display-chair {
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 5px;
    background: transparent;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    box-shadow: none;
    position: relative;
    border: 2px dashed #9d03db;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: auto;
}

.tp-chair-moving-display-chair img {
    position: relative;
    bottom: 2px;
}

.tp-chair-moving-display-guest {
    background: white;
    padding: 7px 18px;
    border-radius: 80px;
    font-size: var(--default-font-size);
    border: none;
    color: black;
    font-weight: 600;
    margin-top: 4px;
    color: black;
    background: rgba(255,255,255,1);
    border: 1px solid #437e04;
}


html body .manage-tp-seating-plan .tp-table-chair-populated.tp-chair-moving-hovering > *, html body .manage-tp-seating-plan .tp-chair-moving-hovering > * {
    fill: #a759f7 !important;
    stroke: #7e1be2;
}

html body .manage-tp-seating-plan .tp-table-chair-populated.tp-chair-moving-hovering .tp-chair-text, html body .manage-tp-seating-plan .tp-chair-moving-hovering .tp-chair-text {
    fill: white !important;
}

html body .manage-tp-seating-plan .tp-chair-moving-hovering .tp-table-chair-note-marker {
    display: none;
}



/*_______________________________Guest Holding___________________________*/
html body .tp-guest-holding {
    position: fixed;
    top: calc(100vh - 140px);
    right: 300px;
    width: 320px;
    z-index: 100000;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
    overflow: hidden;
    border: 2px solid #5a5a5a;
    box-shadow: none;
}

.tp-guest-holding > div {
    position: relative;
}

.tp-guest-holding-move {
    display: block;
    position: absolute;
    left: 8px;
    top: 8px;
    cursor: move;
}

.tp-guest-holding-move img {
    transform: rotate(45deg);
}

.tp-guest-holding-title {
    font-size: var(--default-font-size);
    font-size: 8pt;
    font-weight: 400;
    text-align: center;
    padding: 10px 10px;
    padding-bottom: 0px;
    color: rgb(154, 160, 165);
}

.tp-guest-holding-guests {
    overflow: auto;
    text-align: left;
    padding: 10px;
    padding-top: 5px;
    resize: vertical;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.tp-guest-holding-guest {
    padding: 7px 15px;
    background: var(--input-grey);
    font-size: var(--default-font-size);
    border-radius: 20px;
    cursor: grab;
    font-weight: 600;
    color: black;
    background: rgba(255,255,255,1);
    border: 1px solid #437e04;
    margin: 3px;
}

.tp-guest-holding-guest img {
    width: 13px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin-right: 3px;
}

.tp-guest-holding-guest span {
    vertical-align: middle;
}




/*__________________Chair Display Label_______________*/
html body .tp-chair-name-display {
    display: none;
    position: fixed;
    z-index: 1000000;
}

html body .tp-chair-name-display > div {
    position: relative;
    background: white;
    padding: 7px 18px;
    font-size: var(--default-font-size);
    color: black;
    font-weight: 600;
    border-radius: 60px;
    background: rgba(255,255,255,1);
    border: 1px solid #437e04;
}

/*________________Overlay______________*/
.tpr-text-box-overlay {
    fill: transparent;
}

.tpr-text-box-overlay {
    cursor: url('/Images/Office Icons/comment-text.svg?v=65GWG8_QcyM68ST0xO0of_ZHw_U'), auto;
}

/*____________Create Text box___________*/
.tp-text-box-select{
    position:fixed;
    display:none;
    background:white;
    border:1px solid black;
}

/*______________Text Box___________*/
.tp-text-box{
    fill: white;
}
.tp-text-box-border{
    stroke-width: 1.5px;
    stroke: black;
    border:1px solid black;
}

.tp-text-box-text{
    display:flex;
    justify-content:center;
    align-content:center;
}

.tp-text-box-text-input{
    min-width:100%;
    max-width:100%;
    min-height:100%;
    max-height:100%;
    overflow:hidden;
    border:none;
    resize:none;
    text-align:center;
}

/*____________Override select bg_________*/
html body .tp-text-box.tp-moveable-selected > g > *{
    fill:white;
}


/*----------resizing-----------*/
:root {
    --extend-offset: -4px;
    --extend-size: 10px;
}

html body .tp-moveable-extend {
    position: absolute;
    fill:none;
    stroke:none;
}

html body .tp-moveable-selected.tp-moveable-rotating .tp-moveable-extend{
    fill:transparent;
    stroke:transparent;
}
html body .tp-moveable-selected .tp-moveable-extend{
    stroke-width:1px!important;
    stroke-dasharray:4!important;
    fill:transparent;
}


/*------sides------*/
/*--up--*/
html body .tp-moveable .tp-extendable-extend-up {
    height: var(--extend-size);
    width: 100%;
    top: var(--extend-offset);
    left: 0px;
}
html body .tp-moveable .tp-moveable-extend[direction="up"]{
     cursor: n-resize;
}

/*--down--*/
html body .tp-moveable .tp-extendable-extend-down {
    height: var(--extend-size);
    width: 100%;
    bottom: var(--extend-offset);
    left: 0px;
}
html body .tp-moveable .tp-moveable-extend[direction="down"]{
     cursor: n-resize;
}

/*--left--*/
html body .tp-moveable .tp-extendable-extend-left {
    width: var(--extend-size);
    height: 100%;
    top: 0px;
    left: var(--extend-offset);
   
}
html body .tp-moveable .tp-moveable-extend[direction="left"]{
     cursor: e-resize;
}

/*--right--*/
html body .tp-moveable .tp-extendable-extend-right {
    width: var(--extend-size);
    height: 100%;
    top: 0px;
    right: var(--extend-offset);
}
html body .tp-moveable .tp-moveable-extend[direction="right"]{
    cursor: e-resize;
}

/*------corners------*/
html body .tp-moveable .tp-extendable-extend-corner {
    width: var(--extend-size);
    height: var(--extend-size);
}

/*--up left--*/
html body .tp-moveable .tp-extendable-extend-up-left {
    left: var(--extend-offset);
    top: var(--extend-offset);
}
html body .tp-moveable .tp-moveable-extend[direction="up-left"]{
    cursor: nw-resize;
}

/*--up right--*/
html body .tp-moveable .tp-extendable-extend-up-right {
    top: var(--extend-offset);
    right: var(--extend-offset);
}
html body .tp-moveable .tp-moveable-extend[direction="up-right"]{
   cursor: sw-resize;
}

/*--down left--*/
html body .tp-moveable .tp-extendable-extend-down-left {
    left: var(--extend-offset);
    bottom: var(--extend-offset);   
}
html body .tp-moveable .tp-moveable-extend[direction="down-left"]{
   cursor: sw-resize;
}

/*--down right--*/
html body .tp-moveable .tp-extendable-extend-down-right {
    right: var(--extend-offset);
    bottom: var(--extend-offset);
}
html body .tp-moveable .tp-moveable-extend[direction="down-right"]{
   cursor: nw-resize;
}

/*-----------------------------Posting-----------------------------*/
.wm-reszlynx_room_posting {
    width: 600px;
    font-size: var(--default-font-size);
}

.wm-rlx-postings-table {
    height: 300px;
    overflow: auto;
    border-radius: 2px;
    width: 565px;
}

.rezlynx-target-split {
    width: 48.4%;
    display: inline-block;
    line-height: 1.1;
    vertical-align: top;
}

.wm-reszlynx_room_posting .window-inverted > div:nth-child(2) {
    padding: 0px;
}

html body .window .rezlynx-Client-target, html body .window .rezlynx-booking-target {
    padding: 8px;
    padding-top: 2px;
    font-size: var(--default-font-size);
}

.rezlynx-Client-target .window-label {
    width: 60px;
}

.rezlynx-booking-target .window-label {
    width: 125px;
}

html body .window .rezlynx-company-target {
    margin-bottom: 4px;
    padding: 8px;
    padding-top: 2px;
    width: 100%;
    font-size: var(--default-font-size);
}

/*--seleceted tr---*/
.post-items-selected td, .tab-table tr:nth-child(even).post-items-selected td, .tab-table tr:nth-child(odd).post-items-selected td {
    background: #dff4ff;
    border-bottom: 1px solid #b6e5ff;
}

.post-items-errors td, .tab-table tr:nth-child(even).post-items-errors td, .tab-table tr:nth-child(odd).post-items-errors td {
    background: #ffdfdf;
    color: #4f4646;
    border-bottom: 1px solid #b6e5ff;
}

.post-items-errors-item {
    color: #e60000;
}

.post-items-can-be-selected {
    cursor: pointer;
}

/*------------------Profile match-------------------*/
html body .window .rezlynx-Client-update {
    width: 370px;
    font-size: var(--default-font-size);
}

.rlx-client-question {
    font-weight: normal;
    color: #85949c;
    margin-bottom: 10px;
    font-size: var(--default-font-size);
}

.rlx-client-sync-left {
    text-align: left;
    white-space: nowrap;
    padding-top: 5px;
    font-size: 9.4pt;
    font-weight: 600;
    padding-right: 5px;
}

.rlx-client-sync-right {
    text-align: left;
    white-space: nowrap;
    padding-left: 10px;
    padding-top: 2px;
    font-size: 9.4pt;
}

.rlx-disabled {
    color: red
}

.rlxdepositmessage {
    font-size: var(--default-font-size);
    margin: 7px 0px;
    margin-top: 4px;
    background: #f54a4a;
    color: white;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 20px;
}

/*---------------------EVENT DIARY FILTER BUTTON---------------------*/
.ed-rlx-filter-button {
    width: 100px;
    height: 25px;
    font-size: 9pt;
    padding: 8px 0px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 3px;
    font-weight: 600;
    color: black;
    display: inline-block;
    background: white;
    box-shadow: var(--nav-box-shadow);
}

    .ed-rlx-filter-button:hover {
        background: rgba(57, 172, 232, 0.6);
        color: white;
    }

    .ed-rlx-filter-button.ed-rlx-filter-button-selected {
        color: white;
        background: var(--header-bg);
    }

.ed-features-group {
    padding-right: 14px;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: var(--default-font-size);
    border-bottom: none;
    border-top:none;
    margin-top: 0px;
    margin-bottom: 0px;
}

.control-group-features
{
    margin-top: 0px;
}
/*Colour linked booking in grid.*/
.rpt-linked-booking td, html body .tab-table tr.rpt-linked-booking:nth-child(odd) td, html body .tab-table tr.rpt-linked-booking:nth-child(even) td {
    background: #F5CBA7; /*#FAE5D3; = lighter*/
}
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.place-card-page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 40px;
    padding: 5px;
    /*height: 100vh;*/
    box-sizing: border-box;
    width: 798px;
    height: 1177.5px;
    margin-left: 7px;
    background-color: white;
}

.place-card-page-3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 40px;
    padding: 5px;
    /*height: 100vh;*/
    box-sizing: border-box;
    width: 798px;
    height: 1177.5px;
    margin-left: 7px;
    background-color: white;
}

.place-card-page-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 40px;
    padding: 5px;
    /*height: 100vh;*/
    box-sizing: border-box;
    width: 798px;
    height: 1177.5px;
    margin-left: 7px;
    background-color: white;
}

.place-card-content {
    /* DEBUG TURN ON BORDER TO MAKE ALIGNMENT CHECKS EASIER
    border: 1px solid #000;*/
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    text-align: center;
    /*height: 100%;*/
}

.place-card-content-3 {
    /* DEBUG TURN ON BORDER TO MAKE ALIGNMENT CHECKS EASIER
    border: 1px solid #000;*/
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    text-align: center;
    /*height: 100%;*/
}

.place-card-content-2 {
    /* DEBUG TURN ON BORDER TO MAKE ALIGNMENT CHECKS EASIER
    border: 1px solid #000;*/
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    text-align: center;
    /*height: 100%;*/
}

.place-card-content h2 {
    /*margin: 0;
        font-size: 1.5em;*/
    justify-content:;
}

.place-card-content p {
    margin: 5px 0;
}

.pci-remove-image {
    margin-top: 5px;
    width: 100px;
}

.placecards-names-select {
    width: 630px;
    height: 720px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .placecards-names-select .window-body-border {
        padding: 15px;
    }

.pc-window-names-select {
    height: 570px;
}

.pc-title-names-select {
    font-size: 9pt;
}

.submit-placecards-names-select {
    margin-right: 10px;
}
/*Window*/
.placecard-window .window-body-border {
    background: var(--input-grey);
}

.pci-pageframe {
    position: relative;
    background: white;
    width: 60%;
    margin: 0 auto;
}

.pci-pagecontents {
    display: flex;
    justify-content: left;
}

/*GridLines*/
.pc-gridlinesmaster > line {
    stroke: #75777b;
    stroke-width: 1px;
    stroke-dasharray: 4;
}

.pc-gridlinessplit > line {
    stroke: #75777b;
    stroke-width: 1px;
    stroke-dasharray: 4;
}

.pc-gridlinesfold > line {
    stroke: #75777b;
    stroke-width: .5px;
    stroke-dasharray: 3;
}

html body .window .small-button.pci-picture-insert {
    display: block;
    float: none;
    margin-left: 0px;
    margin-top: 5px;
}

.place-cards-cont {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

.place-cards > div {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .place-cards > div > div {
        padding-top: 15px;
        display: table-cell;
        overflow: auto;
        width: 100%;
        height: 100%;
        overflow: auto;
    }


html body .place-cards-border {
    width: 1440px;
}

/*-----------------------------Nav----------------------------*/
html body .placecards-nav {
    position: fixed !important;
    display: inline-block;
    right: 0px;
    top: 76px;
    background: white;
    padding-left: 20px;
    padding-top: 40px;
    /*padding-right: 17px;*/
    width: 380px;
    font-size: var(--default-font-size);
    z-index: 100;
    border-radius: 0px;
    display: block;
    text-align: left;
    /* background: var(--input-grey);*/

    scroll-behavior: auto;
    height: auto;
}

.pc-nav-header {
    margin-bottom: 12px;
    color: var(--body-control-title);
}

.pc-inspect-header {
    margin-top: 30px;
    margin-bottom: 5px;
    color: var(--body-control-title);
}

.placecards-nav .window-input {
    padding: 5px 11px;
    background: var(--input-grey);
}

.pci-info {
    margin-left: 5px;
    display: inline-block;
    width: 220px;
    vertical-align: middle;
}

.pci-default-layouts {
    width: 150px;
    margin-left: 5px;
}

.pci-NoRows {
    width: 145px;
}

.pci-TopMargin {
    width: 140px;
}

.pci-BottomMargin {
    width: 120px;
}

.pci-PicBoxX, .pci-PicBoxY {
    width: 130px;
}

.pci-RightMargin {
    width: 130px;
}

.pci-PicBoxX, .pci-PicBoxY {
    width: 125px;
}

.pci-TextBox1Pos, .pci-TextBox2Pos {
    width: 115px;
}

.pci-CentreMargin {
    width: 120px;
}

.pci-LeftMargin {
    width: 135px;
}

.pci-TextBoxCol2Offset {
    width: 75px;
}

.pci-PicBoxOffset {
    width: 70px;
}

.pci-PicBoxWidth, .pci-PicBoxHeight {
    width: 98px;
}

.pci-Text1FontSize, .pci-Text2FontSize {
    width: 110px;
}

.pci-tb1-font, .pci-tb2-font {
    width: 190px;
}

/*____________________Manage Shared Table Plan_________________*/
.shared-table-plan-info {
    display: flex;
    flex-grow: 2;
    gap: 10px;
}

.shared-table-plan-info > div {
    flex-grow: 2;
    display: flex;
    align-items: center;
    gap: 5px;
}

.shared-table-plan-info select, .shared-table-plan-info input {
    flex-grow: 2;
}

.shared-table-plan-date {
    flex-basis: 100px;
}

.manage-shared-table-plan-bookings .window-bottom-buttons{
    margin-left:4px;
}

html body .window-shared-table-plan-copying-message{
    background:var(--header-bg);
    color:white;
    border-radius:6px;
    padding:10px 12px!important;
    font-size:var(--default-font-size);
    font-weight:600;
    line-height:1.2;
}

/*____________________Bookings_________________*/
.manage-shared-table-plan-bookings-cont {
    position: relative;
    overflow: auto;
}

.manage-shared-table-plan-bookings .window-inverted {
    padding-top:10px;
}

.manage-shared-table-plan-bookings .window-inverted-title{
    padding-bottom:6px;
}

.manage-shared-table-plan-bookings-cont .custom-grid-unfilterable th {
    background: white;
    color: var(--header-bg);
    border-right: 1px solid #f2f6f9;
    border-bottom: 1px solid #f2f6f9;
    border-top: 1px solid #f2f6f9;
    font-weight: 400;
    line-height: 1.3;
    padding:8px 14px;
    cursor:pointer;
}

.manage-shared-table-plan-bookings-cont .custom-grid-unfilterable th:nth-child(1) {
    border-radius: 8px 0px 0px 0px;
}

.manage-shared-table-plan-bookings-cont .custom-grid-unfilterable th:last-child {
    border-radius: 0px 8px 0px 0px;
}

.manage-shared-table-plan-bookings-cont .custom-grid-unfilterable tr:last-child td:nth-child(1) {
    border-radius: 0px 0px 0px 8px;
}

.manage-shared-table-plan-bookings-cont .custom-grid-unfilterable tr:last-child td:last-child {
    border-radius: 0px 0px 8px 0px;
}

.custom-grid-unfilterable td.shared-table-plan-booking-tables{
    white-space:unset;
    max-width:200px;
}

.shared-table-plan-bookings-loading {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    height: 100%;
}

.shared-table-plan-bookings-loading img {
    width: 40px;
}