@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
}
:focus {outline: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    background-color: transparent;
	border: none;
	outline: none;
}
body {
	position: relative;
    background-color: rgba(216,220,230,0.506);
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
strong.master {
	color: #FF5667;
}
.cc-panel {
	clear: both;
}
/* Authorize.net payment form (reservations + in-app packages): match field spacing */
.cc-panel .authorize-net .item,
.cc-panel .authorize-net .dropdown-item {
	margin-top: 0;
	margin-bottom: 20px;
}
.cc-panel .authorize-net .cc-row .item {
	flex: 1;
	min-width: 0;
}
.loading-overlay {
	width: 100%;
	height: 100vh;
	z-index: 1000;
	background-color: white;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.loading-overlay img {
	margin-top: 200px;
	width: 40px;
	height: auto;
}
.viewload-overlay {
	width: 100%;
	text-align: center;
	display:none;
}
.viewload-overlay img {
	margin-top: 50px;
	width: 40px;
	height: auto;
}

hr {
	border: 1px solid #b1b8c9;
	margin: 40px 0 30px;
}
h1 {
	color: #2A3246;
	font-size: 24px;
	margin: 0;
	padding-left: 40px;
	position: relative;
}
h1 .section-name {
	font-size: 16px;
	font-weight: 400;
	position: absolute;
	top: -18px;
	left: 40px;
}
h1 img {
	position: absolute;
	left: 0;
	top: 3px;
	max-width: 28px;
	max-height: 28px;
	width: auto;
	height: auto;
}
h2 {
    white-space: nowrap;
    font-weight: bold;
    color: #2A3246;
	font-size: 20px;
}
.panels fo, .recent h2 {
    font-size: 18px;
}
h3 {
	font-size: 13px;
	text-transform: uppercase;
	padding-bottom: 6px;
	border-bottom: 1px solid #BEC2C9;
	margin: 24px 0 20px;
	color: #2A3246;
}
.red {
	color: #FF5667;
}
.button {
	cursor: pointer;
}


/*** HEADER ***/
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 108px;
	z-index: 100;
}
.mob-edit-cancel,
.mobile-header{
	display: none;
}
.mob-button{
	display: none !important;
}
.logo {
	height: 108px;
	width: auto;
	margin-left: 11px;
}
.account-menu {
	position: absolute;
	left: 394px;
    top: 40px;
}
.account-menu .selected {
	float: left;
    white-space: nowrap;
    font-weight: bold;
    font-size: 24px;
    color: white;
}
.account-menu .selector {
	float: left;
	position: relative;
    margin: 4px 0 0 30px;
	cursor: pointer;
}
.selector-background {
    position: absolute;
    overflow: visible;
    width: 33px;
    height: 29px;
    left: 0px;
    top: 0px;
}
.selector-background rect {
    fill: rgba(154,162,181,1);
	transition: fill .3s ease-out;
	-moz-transition: fill .3s ease-out;
	-webkit-transition: fill .3s ease-out;
}
.down-arrow-icon, .up-arrow-icon {
    overflow: visible;
    position: absolute;
    width: 14.981px;
    height: 8.566px;
    left: 9px;
    top: 10px;
    transform: matrix(1,0,0,1,0,0);
	opacity: 1;
	transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
}
.up-arrow-icon {
    opacity: 0;
}
.account-menu-dd {
	width: 300px;
	background-color: #FFFFFF;
	box-shadow: 4px 5px 13px rgba(0,0,0,.16);
	position: absolute;
	top: 68px;
	left: 0;
	padding: 28px 28px 18px;
	display: none;
	border: 1px solid #7E8593;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.account-menu-dd ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.account-menu-dd ul li {
	margin-bottom: 10px;
	position: relative;
}
.account-menu-dd ul li a {
	font-size: 16px;
	text-decoration: none;
	color: #707070;
	transition: padding .2s ease-in;
	-moz-transition: padding .2s ease-in;
	-webkit-transition: padding .2s ease-in;
}
.account-menu-dd ul li .icon {
	position: absolute;
	left: 0;
	top: 5px;
	opacity: 0;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
}
.account-menu-dd ul li a:hover {
	font-weight: 700;
	padding-left: 24px;
	transition: padding .2s ease-in;
	-moz-transition: padding .2s ease-in;
	-webkit-transition: padding .2s ease-in;
}
.account-menu-dd ul li a:hover .icon {
	opacity: 1;
}
.event-location-menu, .reservation-location-menu {
	position: absolute;
    left: 240px;
    top: 7px;
}
.event-location-menu.location-drop, .reservation-location-menu.location-drop {
	background: url(images/event-location-closed.svg) no-repeat right top 8px;
    padding-right: 30px;
	cursor: pointer;
}
.reservation-location-menu {
	left: 340px;
}
.event-location-menu .selected, .reservation-location-menu .selected {
	float: left;
    white-space: nowrap;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
.event-location-menu .selector, .reservation-location-menu .selector  {
	float: left;
	position: relative;
    margin: 4px 0 0 30px;
	cursor: pointer;
}
.event-location-menu-dd, .reservation-location-menu-dd {
	width: 275px;
	background-color: #FFFFFF;
	box-shadow: 4px 5px 13px rgba(0,0,0,.16);
	position: absolute;
	top: 49px;
	left: 0;
	padding: 28px 28px 18px;
	display: none;
	border: 1px solid #C4CAD9;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.event-location-menu-dd ul, .reservation-location-menu-dd ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.event-location-menu-dd ul li, .reservation-location-menu-dd ul li {
	margin-bottom: 10px;
	position: relative;
}
.event-location-menu-dd ul li a, .reservation-location-menu-dd ul li a {
	font-size: 16px;
	text-decoration: none;
	color: #707070;
}
.event-location-menu-dd ul li a:hover, .reservation-location-menu-dd ul li a:hover {
	color: #2A3246;
}
.settings-filter {
	margin-top: 1em;
}
.search-bar {
    position: absolute;
    width: 30px;
    height: 21.557px;
    right: 230px;
    top: 43px;
    overflow: visible;
    -moz-transition: width 0.3s ease-out;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.search-bar .search-icon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
}
.search-bar .search-icon:hover path {
	fill: #FF5667;
}
#ss {
    width: 100%;
    height: 39.3px;
	float: right;
    box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;    
	font-size: 16px;
	font-style: italic;
	color: white;
	border: none;
	outline: none;
    background-color: transparent;
    padding: 0 30px 15px 20px;
	cursor: text;
	display: none;
}
#ss::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
#ss::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
#ss:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
#ss:-moz-placeholder { /* Firefox 18- */
  color: white;
}
.tox-number-input {
	margin: 0px 5px !important;
}
.tox-number-input button{
	height: auto !important;
}
.tox-number-input input {
	padding: 3px 5px !important;
	height: auto !important;
	width: 60px !important;
}
.search-bar input[type=text]:focus, .inside-search-bar input[type=text]:focus {
  width: 100%;
}
.help-icon {
    position: absolute;
    width: 21.557px;
    height: 21.557px;
    right: 178px;
    top: 43px;
	cursor: pointer;
    overflow: visible;
}
.help-icon:hover svg path {
	fill: #FF5667;
}
.help-icon svg {
    overflow: visible;
    position: absolute;
    width: 21.558px;
    height: 21.557px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
.notification-icon {
    position: absolute;
    width: 21.557px;
    height: 21.557px;
    right: 130px;
    top: 43px;
	cursor: pointer;
    overflow: visible;
}
.notification-icon:hover svg path {
	fill: #FF5667;
}
.notification-icon svg {
    overflow: visible;
    position: absolute;
    width: 21.558px;
    height: 21.557px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
.menu-icon-container {
	position: absolute;
    width: 39px;
    height: 65.193px;
    right: 70px;
    top: 47.807px;
}
.menu-icon {
    position: absolute;
    width: 39px;
    height: 65.193px;
    right: 0;
    top: 0;
	cursor: pointer;
    overflow: visible;
	transition: opacity .2s ease-in;
	-moz-transition: opacity .2s ease-in;
	-webkit-transition: opacity .2s ease-in;
	opacity: 1;
	z-index: 10;
}
.close {
    position: absolute;
    right: 8px;
    top: 0;
	cursor: pointer;
    overflow: visible;
	transition: opacity .2s ease-in;
	-moz-transition: opacity .2s ease-in;
	-webkit-transition: opacity .2s ease-in;
	opacity: 0;
}
.menu-background {
    opacity: 0;
    fill: white;
}
.menubackground {
    filter: drop-shadow(4px 5px 13px rgba(0, 0, 0, 0.161));
    position: absolute;
    overflow: visible;
    width: 78px;
    height: 40px;
    left: 0px;
    top: 64.193px;
}
.menu-icon-f {
    position: absolute;
    width: 22.177px;
    height: 12.936px;
    left: 12.3px;
    top: 0px;
    overflow: visible;
}
#path1 {
    fill: rgba(154,162,181,1);
}
.path1 {
    overflow: visible;
    position: absolute;
    width: 22.177px;
    height: 1.848px;
    left: 0px;
    top: 0px;
    transform: matrix(1,0,0,1,0,0);
}
#path2 {
    fill: rgba(154,162,181,1);
}
.path2 {
    overflow: visible;
    position: absolute;
    width: 22.177px;
    height: 1.848px;
    left: 0px;
    top: 5.544px;
    transform: matrix(1,0,0,1,0,0);
}
#path3 {
    fill: rgba(154,162,181,1);
}
.path3 {
    overflow: visible;
    position: absolute;
    width: 22.177px;
    height: 1.848px;
    left: 0px;
    top: 11.088px;
    transform: matrix(1,0,0,1,0,0);
}
.menu-icon:hover #path1, .menu-icon:hover #path2, .menu-icon:hover #path3 {
	fill: #FF5667;
}
.utility-menu {
	width: 248px;
	background-color: #FFFFFF;
	box-shadow: 4px 5px 13px rgba(0,0,0,.16);
	position: absolute;
	top: 60px;
	right: 0;
	padding: 28px 28px 18px;
	border: 1px solid #7E8593;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	display: none;
}
.utility-menu #welcome {
	font-size: 18px;
	font-weight: 300;
	border-bottom: 1px solid #A9B2C9;
	padding-bottom: 4px;
	margin-bottom: 20px;
}
.utility-menu #welcome strong {
	font-weight: 700;
}
.utility-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.utility-menu ul li {
	margin-bottom: 10px;
	position: relative;
}
.utility-menu ul li a {
	font-size: 16px;
	text-decoration: none;
	color: #707070;
	transition: padding .2s ease-in;
	-moz-transition: padding .2s ease-in;
	-webkit-transition: padding .2s ease-in;
}
.utility-menu ul li .icon {
	position: absolute;
	left: 0;
	top: 3px;
	opacity: 0;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
}
.utility-menu ul li a:hover {
	font-weight: 700;
	padding-left: 24px;
	transition: padding .2s ease-in;
	-moz-transition: padding .2s ease-in;
	-webkit-transition: padding .2s ease-in;
}
.utility-menu ul li a:hover .icon {
	opacity: 1;
}
.breadcrumbs {
	position: absolute;
	top: 45px;
	left: 840px;
	display:none;
}
.breadcrumbs a {
	font-size: 20px;
	font-weight: 400;
	color: #D8DCE6;
	text-decoration: none;
	display: inline-block;
}
.breadcrumbs a:after {
    display:block;
    content: '';
    border-bottom: solid 1px #D8DCE6;  
    transform: scaleX(0);  
	transform-origin:  0% 0%;
    transition: transform 250ms ease-in;
	-moz-transition: transform 250ms ease-in;
	-webkit-transition: transform 250ms ease-in;
}
.breadcrumbs a:hover:after { 
	transform: scaleX(1); 
}
.breadcrumbs a.current {
	font-weight: 700;
	color: white;
}
.breadcrumbs a.current:after{ content: none; }
.breadcrumbs a.current:hover:after{ content: none; }
.breadcrumbs .arrow {
	margin: 0 12px;
}

/***SIDEBAR***/
.sidebar {
	width: 300px;
	height: 100vh;
	position: fixed;
	top: 108px;
	left: 0;
	padding: 50px 30px 30px 30px;
	background-color: #E1E4EB;
}
.main-menu {
	list-style-type: none;
	width: 100%;
}
.main-menu li a {
	position: relative;
	padding: 10px 8px 8px;
	background-color: transparent;
	border-radius: 5px;
	margin-bottom: 7px;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	cursor: pointer;
	display: block;
}
.main-menu li.selected a, .main-menu li a:hover {
	background-color: white;
}
.main-menu li a:after {
  content: "";
  display: table;
  clear: both;
}
.main-menu li svg {
	float: left;
	margin: 4px 20px 4px 0;
}
.main-menu li svg path {
	fill: rgba(42,50,70,1);
}
.main-menu li span {
	float: left;
    overflow: visible;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    color: rgba(42,50,70,1);
    letter-spacing: 0.15px;
}
.main-menu li.selected svg path, .main-menu li:hover svg path {
    fill: rgba(255,86,103,1);
}
/* Memberships sidebar icon: gray when inactive; #ff5667 when selected (active) or on hover */
.sidebar .main-menu li.menu-item-memberships .membership-menu-icon .membership-icon-bg {
    fill: #2a3246 !important;
}
.sidebar .main-menu li.menu-item-memberships.selected .membership-menu-icon .membership-icon-bg,
.sidebar .main-menu li.menu-item-memberships:hover .membership-menu-icon .membership-icon-bg {
    fill: #ff5667 !important;
}
.main-menu li .membership-menu-icon {
    float: left;
}
/* Membership icon in header - always red since we're on the membership details page */
.content-header .membership-menu-icon .membership-icon-bg {
    fill: #FF5667;
}
.content-header .membership-menu-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: visible;
}

/* Membership details page header: label + icon + member name (like reference image) */
.membership-details-page-header {
    display: block;
    float: none;
    padding-bottom: 16px;
}
.membership-details-page-header .membership-details-label {
    font-size: 18px;
    color: #2A3246;
    padding: 0;
    font-weight: 400;
	margin-left: 2.22rem;
}
.membership-details-page-header .membership-details-member-row {
    display: flex;
    align-items: center;
}
.membership-details-page-header .membership-menu-icon {
    width: 28px;
    height: auto;
    flex-shrink: 0;
}
.membership-details-page-header .membership-details-member-name {
    font-size: 22px;
    font-weight: 700;
    color: #343a40;
}

.membership-finance{
	border-right: 2px solid white;
}

/* Membership details accordion uses the canonical .accordion.details styles from styles.css */

/* Membership Payments section: Schedule Payment / Record Payment buttons (like image) */
.membership-payment-btn {
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #707070;
    color: #2A3246;
    margin-right: 8px;
}
.membership-payment-btn.active {
    background-color: #e9ecef;
    border-color: #6c757d;
}
.main-menu li svg {
    overflow: visible;
    width: 19.203px;
    height: 17.422px;
    transform: matrix(1,0,0,1,0,0);
}
.main-menu li img {
    float: left;
    margin: 4px 20px 4px 0;
    width: 19.203px;
    height: 17.422px;
    object-fit: contain;
}
.recent h2 {
	margin-bottom: 20px;
}
.recent-contents {
	height: 150px;
	font-size: 16px;
	font-weight: 300;
}
.recent-contents li {
	margin-bottom: 8px;
}
.recent-contents li a {
	color: #2A3246;
	text-decoration: none;
}
.scroller {
	overflow-x: hidden;
	box-sizing: content-box;
}
.simplebar-content-wrapper {
	-ms-overflow-style: none;
}
.simplebar-track {
	background-color: #EDF0F5;
	width: 12px;
	border-radius: 5px;
}
.simplebar-scrollbar {
	background-color: #B1B8C9;
	width: 12px;
	border-radius: 5px;
}

/***CONTENT ***/
.content {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    position: absolute;
    overflow: visible;
    width: calc(100% - 450px);
    left: 383px;
    top: 162px;
	background-color: white;
	border-radius: 10px 10px 0 0;
	padding: 33px 0 0;
}
.content-header {
	position: relative;
	padding: 0 68px 18px;
	border-bottom: 1px solid #C4CAD9;
	/* z-index:10; */
}
.content-header:after {
    content: "";
    display: table;
    clear: both;
}
.content-header h1 {
	/*width: 50%;*/
	float: left;
}
.copyright {
	text-align: center;
	font-size: 12px;
	color: #516269;
	padding: 100px 0 33px;
	clear: both;
}
.copyright .version {
	margin-left: 40px;
	font-weight: 700;
}

/***INSIDE SEARCH BAR ***/
.inside-search-bar {
    float: right;
	position: relative;
    width: 30px;
    height: 21.557px;
    overflow: visible;
    transition: width 0.3s ease-out;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
	margin-top: 4px;
	display: none; 
}
.inside-search-bar .search-icon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
}
.inside-search-bar .search-icon:hover path {
	fill: #FF5667;
}
#inside-search-input {
    width: 100%;
    height: 39.3px;
	float: right;
    box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;    
	font-size: 16px;
	font-style: italic;
	color: #2A3246;
	border: none;
	outline: none;
    background-color: transparent;
    padding: 0 30px 15px 20px;
	cursor: text;
	display: none;
}
#inside-search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2A3246;
}
#inside-search-input::-moz-placeholder { /* Firefox 19+ */
  color: #2A3246;
}
#inside-search-input:-ms-input-placeholder { /* IE 10+ */
  color: #2A3246;
}
#inside-search-input:-moz-placeholder { /* Firefox 18- */
  color: #2A3246;
}

/*** INSIDE TOP MENU ***/
.top-menu, .bottom-menu {
	width: 50%;
	float: right;
	position: relative;
}

.yet-pay-location{
	width: 50%;
    float: left;
    position: relative;
    padding: inherit;
}

.yet-pay-main{
	display: flex;
}
.summary-main{
	background-color:#F4F6FA ;
	margin: 30px;
	padding: 20px;
	border-radius: 20Px;
}
.summary-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-left: 120px;
    padding-right: 120px;
    padding-bottom: 10px;
	
}
.summary-container .title {
	font-size: 14px;
	font-weight: 600;
	color: #969595;
	margin-bottom: 4px;
  }
  
  /* 2. Amount style */
  .summary-container .amount {
	font-size: 24px;
	font-weight: bold;
	color: solid black;
  }
  
  /* 3. USD (span inside amount) style */
  .summary-container .amount span {
	font-size: 24px;
	color:  #959595f7;
	margin-left: 4px;
  }


.yet-hr{
	border-top: 1px solid #C4CAD9;margin-top: 50px;
}

.vertical-ruler{
	height: 100%;
	min-height: 65px;
	border: 1px solid #E1E4EB;
}
.bottom-menu {
	width: 100%;
	padding-top: 30px;
	border-top: 1px solid #BEC2C9;
	margin-top: 40px;
}
#row-73, #row-74, #row-75, #row-76 {
	border-bottom: 1px solid #BEC2C9;
}
.top-menu ul, .bottom-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}
.top-menu ul li, .bottom-menu ul li {
	display: inline;
}
.top-menu .button, .bottom-menu .button, .accordion.extra .button, .login .button, .child-add-buttons .button, .activity-add-buttons .button, .reservation-add-buttons .button, .package-add-buttons .button, .email-add-buttons .button, .action-add-buttons .button, .activity-edit-buttons .button, .do-roadmap-buttons .button, .save-form-section.button, .update-form-section.button, .message-reply-button, #file_correspondence, .lookup-save-new.button, .add-lookup.button, .generate-document-buttons .button, .details-document-preview .button.view-pdf, .inapp-payment-button, #inapp-cancel-payment, #event-check-balance, .apply-discount.button, .package-apply-discount.button, .package-remove-discount.button, .package-apply-gift-card.button, .reservation-apply-gift-card.button, .add-service-item, .add-menu-item, .in-page-add.button, .button.attach {
	padding: 8px 20px;
	font-size: 16px;
	text-transform: uppercase;
	color: #9AA2B5;
	font-weight: 700;
	text-decoration: none;
	border-radius: 7px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
}
.in-page-add.button {
	margin-left: -30px !important;
}
#column-add {
	border-left: 1px solid black;
	padding-left: 18px;
}
.package-remove-discount.button {
	display: none;
	border: 1px solid #9AA2B5;
}
.save-form-section.button, .message-reply-button, .lookup-save-new.button, .details-document-preview .button.view-pdf, .inapp-payment-button, .apply-discount.button, .package-apply-discount.button, .package-apply-gift-card.button, .reservation-apply-gift-card.button {
	background-color: #FF5667 !important;
	color: white !important;
}
.gift-card-chips {
	margin-top: 10px;
}
.gift-card-chip {
	display: inline-block;
	background: #f0f0f0;
	padding: 5px 10px;
	margin: 5px 5px 5px 0;
	border-radius: 3px;
	font-size: 14px;
}
.gift-card-chip-remove {
	margin-left: 8px;
	color: #c00;
	text-decoration: none;
	font-weight: bold;
}
.gift-card-chip-remove:hover {
	color: #900;
}
.package-gift-card-error {
	color: #c00;
	margin-top: 5px;
}
.message-reply-button {
	display: none;
}
.lookup-save-new.button {
	margin-right: 24px;
}
.child-add-buttons {
	margin-top: 16px;
}
.child-add-buttons .button {
	background-color: #D8DCE6;
    color: #2A3246 !important;
    margin-right: 20px;
}
.top-menu .button:hover, .bottom-menu .button:hover {
	color: #2A3246;	
}
.top-menu .button.add, #file_correspondence {
	background-color: #D8DCE6;
	color: #2A3246;
	margin-left: 20px;
}
.top-menu .button.add:hover, #file_correspondence.hover {
	background-color: #FF5667;
	color: white;
}
#file_correspondence {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 20px;
	margin-left: 0;
}
.top-menu .button.add-contact {
	background-image: url("images/new-contact-bg.svg");
	background-repeat: no-repeat;
    background-position: top 11px left 14px;
    padding-left: 36px;
}
.top-menu .button.add-contact:hover {
	background-image: url("images/new-contact-ro.svg");
}
.top-menu .button.add-event {
	background: #D8DCE6 url(images/new-event.svg) no-repeat left 20px top 9px;
    padding-left: 46px;
}
.top-menu .button.add-reservation {
	background: #D8DCE6 url(images/new-reservation-icon.svg) no-repeat left 20px top 9px;
    padding-left: 46px;
}
.top-menu .button.add-reservation:hover {
	background: #FF5667 url(images/ro-new-reservation-icon.svg) no-repeat left 20px top 9px;
	color: white;
}
.top-menu .button.add-package {
	background: #D8DCE6 url(images/new-party.svg) no-repeat left 20px top 9px;
    padding-left: 46px;
	margin-left: 14px;
}
.top-menu .button.export {
	background: #D8DCE6 url(images/export.svg) no-repeat left 20px top 9px;
    padding-left: 46px;
	margin-left: 14px;
}
.top-menu .button.done, .bottom-menu .button.done, .add-lookup.button, #inapp-cancel-payment, #event-check-balance, .add-service-item, .add-menu-item, .in-page-add.button {
	background-color: #D8DCE6;
	color: #2A3246;
	opacity: 1;
	margin-left: 20px;
}
#inapp-cancel-payment {
	margin-left: 10px;
}
#event-check-balance {
	margin-left: 0;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 700;
}
#event-check-balance:hover {
	background-color: #ff5667 !important;
	color: white !important;
}
#card-element {
	margin: 40px 0 30px;
}
#card-errors {
	color: red;
}
.processing-error {
	color: #fa755a;
}
.top-menu .button.done:hover, .bottom-menu .button.done:hover, .add-lookup.button:hover, .add-service-item:hover, .add-menu-item:hover, .in-page-add.button:hover, .button-attach:hover {
	background-color: #ff5667;
	color: white;
}
.bottom-menu {
}
.payment-buttons {
	margin: 20px 0;
}
.button.attach {
	margin: 8px 0 0;
    font-size: 14px;
    padding: 4px 10px;
	opacity: 1;
    background-color: #D8DCE6;
    color: #2A3246;
}
.button.attach:hover {
	background-color: #FF5667;
	color: white;
}

/* Apply Gift Card section (Event Record Payment add.php ctypeid=116) – uses normal .item form styling */
.apply-gift-card-section .gift-card-balance-display.error,
.gift-card-balance-display.error {
	color: #c00;
}

/* Add Event Payment (event-financials): spacing above Pay/Cancel */
form.add-event-payment-cc .payment-buttons {
	margin-top: 12px;
}

/*** FOLDERS ***/

.file-library::after {
  content: "";
  clear: both;
  display: table;
}

.file-folder {
	display: block;
	width: 240px;
	height: 260px;
	box-shadow: 0 3px 12px rgba(42,50,70,.15);
	border-radius: 15px;
	margin: 0 40px 40px 0;
	float: left;
	text-align: center;
	padding-top: 36px;
	color: #2A3246;
	text-decoration: none;
	background-color: white;
}
.file-box {
	display: block;
	width: 170px;
	height: 200px;
	border-radius: 15px;
	margin: 0 40px 40px 0;
	float: left;
	color: #2A3246;
	text-decoration: none;
	border: 1px solid #B5BBCB;
	background-color: white;
}
.file-box .preview {
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
	background-position: center center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.file-box .pdf-icon {
    height: 50px;
    margin-top: 24px;
}
.file-box .file-info {
	padding: 10px 20px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top: 1px solid #B5BBCB;
	text-align: center;
}
.file-box .file-info .description {
	font-weight: 700;
}
.file-box .file-info .file-size {
	color: #B5BBCB;
	font-size: 15px;
	margin-top: 1px;
}
.file-folder.add, .file-box.add {
	border: 2px dashed #A6AAB3;
	background-color: #F8F9FB;
	padding-top: 100px;
}
.file-box.add {
	padding-top: 74px;
	text-align: center;
}
.file-folder .folder-image {
	margin-bottom: 12px;
	height: 105px;
	cursor: pointer;;
}
.file-folder .folder-image.nudge {
	position: relative;
	left: 9px;
}
.file-folder .folder-name {
	font-weight: 700;
	margin-bottom: 3px;
}
.inside-folder-name {
	margin: 20px 0;
}
.file-folder .edit-delete {
	margin-top: 12px;
}
.file-folder .folder-edit, .file-box .file-edit {
	height: 18px;
	margin-right: 12px;
	cursor: pointer;
}
.file-folder .folder-delete, .file-box .file-delete {
	height: 16px;
	cursor: pointer;
}
.file-box .file-copy {
    height: 36px;
    cursor: pointer;
    position: relative;
    top: 13px;
    left: 6px;
}
.file-box .file-icons {
	text-align: center;
	margin: -6px;
}
.copy-text {
	position: absolute;
	left: -9999px;
}

/*** TABS ***/

/*** .tabs1 is used in panels.php ***/

.tabs1.ui-tabs {
	padding: 0;
}
.tabs1 .ui-corner-all, .tabs1 .ui-corner-bottom, .tabs1 .ui-corner-right, .tabs1 .ui-corner-br {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.tabs1.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: .5em 0;
	margin: 0 1em;
	font-weight: bold;
}
.tabs1 .ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
	margin: 0;
}
.tabs1 .ui-widget-header {
	background: none;
	border: none;
	color: #2A3246;
	font-size: 15px;
}
.tabs1 .ui-tabs-nav {
	border-bottom: 1px solid #D5DBEB;
	padding-left: 50px;
}
.tabs1.ui-widget.ui-widget-content {
	border: none;
	margin-top: 16px;
}
.tabs1 .ui-state-default, .tabs1 .ui-widget-content .ui-state-default, .tabs1 .ui-widget-header .ui-state-default {
	border: none;
	background: none;
}
.tabs1 .ui-state-default a, .tabs1 .ui-state-default a:link, .tabs1 .ui-state-default a:visited, .tabs1 a.ui-button {
	border: none;
	color: #9AA2B5;
}
.tabs1 .ui-state-active a, .tabs1 .ui-state-active a:link, .tabs1 .ui-state-active a:visited {
	color: #2A3246;	
	border-bottom: 2px solid #FF5667;
}
.tabs1 .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-weight: 700;
}
.tabs1.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border: none;
	outline: none;
}
.tabs1.ui-tabs .ui-tabs-panel {
	padding-left: 68px;
}
.tabs1 .ui-tabs-panel h2 {
	font-size: 15px;
	color: #535860;
	font-weight: 700;
	margin: 0 0 12px;
}
.tabs1 .ui-tabs-panel .col {
	width: 15%;
	float: left;
	margin: 22px 2% 22px 0;
	/*height: 140px;*/
}
.tabs1 .ui-tabs-panel .col ul {
	list-style-type: none;
	margin: 0 0 30px;
	padding: 0;
}
.tabs1 .ui-tabs-panel ul li {
	margin-bottom: 6px;
}
.tabs1 .ui-tabs-panel ul li a {
	color: #707070;
	text-decoration: none;
	font-size: 14px;
}
.tabs1 .ui-tabs-panel ul li a:hover {
	color: #2A3246;
	text-decoration: underline;
}
.tabs1 .ui-tabs-panel:after {
    content: "";
    display: table;
    clear: both;
}


/*** .tabs2 is used in tabs.php ***/

.tabs2.ui-tabs {
	padding: 0;
	margin-top: 40px;
}
.tabs2.ui-tabs .ui-tabs-nav {
	padding: 0 68px;
}
.tabs2 .ui-widget-header {
	background: none;
	border: none;
	border-bottom: 1px solid #9AA2B5;
}
.tabs2.ui-widget.ui-widget-content {
	border: none;
}
.tabs2 .ui-corner-all {
	border-radius: 0;
    /*border-bottom-left-radius: none;
	border-bottom-right-radius: none;*/
}
.tabs2 .ui-state-default, .tabs2 .ui-widget-content .ui-state-default, .tabs2 .ui-widget-header .ui-state-default {
	background-color: #F1F2F6;
	border-left: 1px solid #9AA2B5;
	border-top: 1px solid #9AA2B5;
	border-right: 1px solid #9AA2B5;
	border-radius: 0;
	margin-left: -1px;
	margin-right: 0;
}
.tabs2 .ui-state-active, .tabs2 .ui-widget-content .ui-state-active, .tabs2 .ui-widget-header .ui-state-active {
	background-color: white;
	border-left: 1px solid #9AA2B5;
	border-top: 1px solid #9AA2B5;
	border-right: 1px solid #9AA2B5;
	border-radius: 0;
	margin-left: -1px;
	margin-right: 0;
}
.tabs2 .ui-state-default a, .tabs2 .ui-state-default a:link, .tabs2 .ui-state-default, .tabs2 .ui-state-active a, .tabs2 .ui-state-active a:link, .tabs2 .ui-state-active a:visited {
	color: #7E8593;
}
.tabs2 .ui-tabs-panel {
	padding: 1em 68px;
}

/*** INSIDE COMMON ***/
.content-top {
	padding: 36px 68px 18px;
	position: relative;
}
.content-main {
	padding: 24px 50px 0 68px;
	position: relative;
	min-height: 500px; /*TEMP*/
}

/*** FILTERS ***/
/*.filter:after {
    content: "";
    display: table;
    clear: both;
}
.filter-name {
	font-size: 15px;
	padding: 10px 20px 10px 0;
	float: left;
}
*/
.content-top {
	width: 40%;
}
.mobile-item {
	display:none;
}
.desktop-item {
	display: block;
}
.dropdown, .item.image {
	font-size: 15px;
	/*min-width: 310px;*/
	color: #2A3246;
	font-weight: bold;	
	padding: 10px 60px 10px 30px;
	border: 1px solid #7E8593;
	border-radius: 7px;
	background: url('images/dd-arrow.svg') no-repeat;
	background-position: right 30px top 17px;
	cursor: pointer;
	position: relative;
}
.item.image {
	background-image: url('images/image-icon.svg');
}
.item.image input[type=file], .item.file input[type=file], .attach-file-button input[type="file"] {
	margin-left: -9999px;
	color: transparent;
}
.item.image .value, .item.file .value {
	position: absolute;
	left: 20px;
	padding-right: 22px;
	display: inline-block;
	background: url(images/cancel-icon.svg) no-repeat right;
}
.dd-options {
	display: none;
	position: absolute;
	top: 37px;
	left: -1px;
	background-color: #FFFFFF;
	width: calc(100% + 2px);
	-moz-width: calc(100% + 2px);
	-webkit-width: calc(100% + 2px);
	-o-width: calc(100% + 2px);
	z-index: 10;
	box-shadow: 4px 5px 13px rgba(0,0,0,.16);
	border: 1px solid #7E8593;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.dd-options ul {
	list-style-type: none;
	margin: 0;
	padding: 9px 0 8px;
}
.dd-options ul li a {
	font-size: 15px;
	color: #707070;
	text-decoration: none;
	font-weight: 400;
	width: 100%;
	display: inline-block;
	padding: 5px 20px;
}
.dd-options ul li a:hover {
	color: #2A3246;
}

/*** table column widths **/
.list th, .list td {
	width: 15%;
}
.list.event_lead th, .list.event_lead td {
	width: 12%;
}
.list.contact th, .list.contact td {
	width: 20%;
}

/* Fix for lookup table contact columns - prevent email overflow */
.lookup.list.contact {
	table-layout: fixed;
	width: 100%;
}
.lookup.list.contact th,
.lookup.list.contact td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 0;
}
.lookup.list.contact th:first-child,
.lookup.list.contact td:first-child {
	width: 25%;
}
.lookup.list.contact th:nth-child(2),
.lookup.list.contact td:nth-child(2) {
	width: 30%;
}
.lookup.list.contact th:nth-child(3),
.lookup.list.contact td:nth-child(3) {
	width: 20%;
}
.lookup.list.contact th:nth-child(4),
.lookup.list.contact td:nth-child(4) {
	width: 25%;
}
.list.menuitem th, .list.menuitem td {
	width: 25%;
}
.list th.grow, .list td.grow {
	width: auto;
}
.list th.nowrap, .list td.nowrap {
	white-space: nowrap;
}

/*** LIST ***/
.norows {
	margin: 30px;
}
.list-view .content-main {
	padding-top: 10px;
}
.list, .list thead, .list tbody, .list tr {
    display: block;
    width: 100%;
}
.list {
	border-collapse: collapse;
	border-spacing: 0;
	content: "";
	display: table;
	clear: both;
}
.list tr {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin-bottom: 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
.list thead tr {
	margin-bottom: 8px;
	box-shadow: none;
}
.list th, .list td {
    padding: 16px 20px;
    text-align: center;
	font-size: 15px;
}
.list th {
    color: #2A3246;
	font-weight: 700;
}
.list td {
    color: #7E8593;
	border-top: 1px solid #9AA2B5;
	border-bottom: 1px solid #9AA2B5;
}
.list tr td:first-child {
	border-left: 1px solid #9AA2B5;
}
.list tr td:last-child {
	border-right: 1px solid #9AA2B5;
}
.list.reservation {
	width: calc(100% - 9px);
}
.list.reservation tr {
	margin-bottom: 0;
	box-shadow: none;
}
.list.reservation tr:nth-child(odd) {
	background-color: #F8F8FA;
}
.list.reservation th, .list.reservation td {
	padding: 3px 8px;
	border: none;
	width: auto;
}
.list.reservation th {
	background-color: #2A3246;
	color: white;
	font-weight: bold;
}
.list.reservation .ddate {
	display: none;
}
.list.reservation .reservation_start {
	width: 8%;
}
.list.reservation .party_size {
	width: 7%;
}
.list.reservation .reservation {
	width: 11% !important;
}
.list.reservation .reservation_typeid {
	width: 14%;
}
.list.reservation .confirmation_number, .list.reservation .reservation_statusid {
	width: 9%;
}
.list.reservation .primary_contactid {
	width: 16%;
}
.list.reservation .reservation_statusid .reservation-status-dot {
    background-color: #cccccc;
    display: inline-block;
    width: 0;
    height: 0;
    border: 1px solid white;
    box-sizing: border-box;
    border-width: 3px;
    padding: 8px;
    border-radius: 50%;
	margin: 0 auto;
	
}
.reservation-content h3 {
	margin: 0 0 24px;
}
.list.reservation .search-reservation-header span {
	background-repeat: no-repeat;
	background-position: center left;
}
.list.reservation .search-reservation-header.add-reservation-time span {
	padding-left: 22px;
	background-image: url(images/add-reservations-time.svg);
}
.list.reservation .search-reservation-header.add-reservation-party-size span {
	padding-left: 25px;
	background-image: url(images/add-reservations-party-size.svg);
}
.list.reservation .search-reservation-header.add-reservation-activity span {
	padding-left: 24px;
	background-image: url(images/add-reservations-activity.svg);
}
.list.reservation .search-reservation-header.add-reservation-assets span {
	padding-left: 18px;
	background-image: url(images/add-reservations-assets.svg);
}
.list.reservation .search-reservation-header.add-reservation-pricing span {
	padding-left: 22px;
	background-image: url(images/add-reservations-pricing.svg);
}
.list.reservation, .list.reservation tr td:first-child, .list.reservation tr td:last-child {
	border: none;
}
.list.reservation {
	width: 100%;
}
.list.reservation th, .list.reservation td {
	padding: 16px 10px;
}
.reservation-content .payment-panel {
	display: none;
}
/*.list.reservation tr {
	background-color: #F8F8FA;
}
.list.reservation tr:nth-child(odd) {
	background-color: #F8F8FA;
}
*/.list.reservation tr:hover {
	background-color: #E3E4EA;
}
th.menu, td.menu {
	width: 5% !important;
	padding: 6px 10px 10px !important;
	cursor: pointer !important;
}
td.expand-thread {
	padding: 6px 10px 10px !important;
	cursor: pointer !important;
	white-space: nowrap;
}
tr.expanded-thread {
	display: none;
}
tr.expanded-thread td, tr.expanded-thread-open {
	background-color: #F4F6F8 !important;
}
.sub-table.correspondence .attachment-icon {
	width: 18px;
}
.card-table .use-card {
	background-color: #FF5667;
	color: white;
	font-weight: bold;
	padding: 8px 40px;
	border-radius: 12px;
	margin-right: 12px;	
	font-size: 16px;
	cursor: pointer;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}
td.menu, td.expand-thread {
	border-right: 1px solid #9AA2B5;
	position: relative;
}
td.menu:hover svg circle {
	fill: #FF5667;
}
td.menu .edit-icon, td.menu .move-icon {
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}
td.menu .move-icon {
	display: none;
	margin-top: 6px;
}
.menu .dd-options {
	min-width: 200px;
	text-align: left;
	top: 49px;
	left: -1px;
}
td.ro {
	background-color: #F7F8FB;
}

/*** PAGINATION ***/
.no-page .pagination {
	display: none;
}
.lookup-results .pagination {
	display: block;
}
.pagination {
/*	position: absolute;
	right: 68px;
	top: 36px*/
	text-align: right;
	margin-top: 30px;
	margin-right: 68px;
}
.pagination input[type=text] {
	font-size: 13px;
	color: #516269;
	border: 1px solid #B3BDC3;
	outline: none;
	width: 30px;
	text-align: center;
	margin-left: 5px;
}
.pagination span {
	margin-right: 5px;
	font-size: 13px;
	color: #516269;
}
.pagination svg {
	margin: 0 3px;
	cursor: pointer;
}
/*** FORMS ***/
.page {
	transition: opacity .3s;
}
.content-body form {
	margin-top: 8px;
}
.content-body form:after {
	content: "";
	display: table;
	clear: both;
}
.row { 
	clear: both;
}
.content-body form .row:after, .accordion .row:after  {
	content: "";
	display: table;
	clear: both;
}
/* Rows 192 (Membership) and 196 (Gift Card): short title line, default column/input/dropdown styling */
.content-body form #row-192.row > h3,
.content-body form #row-196.row > h3 {
	width: fit-content;
	display: block;
	border-bottom: none;
}
.content-body form #row-192.row > h3::after,
.content-body form #row-196.row > h3::after {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 1px solid #BEC2C9;
	margin-top: 4px;
}
/* Row 196 (Gift Card): hide the row-level "GIFT CARD CONTENT" (the one with the long line at top) – only show the column-level label above the fields */
.content-body form #row-196.row > h3 {
	display: none !important;
}
.instructions {
	margin-bottom: 16px;
}
/* Payment processor (138) Klarna: same column flow as standard edit layouts (e.g. ctype 112); no grid/borders */
.content-body form .cc-klarna-settings .cc-klarna-section-title {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	border-bottom: none;
	font-size: 15px;
	font-weight: 700;
	color: #2A3246;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: normal;
}
.content-body form .cc-klarna-settings .item.checkbox {
	margin-bottom: 6px;
}
.content-body form .cc-klarna-settings .item.checkbox input[type="checkbox"] + label {
	pointer-events: auto;
}
.content-body form .cc-klarna-settings .item.cc-klarna-bnpl-pct-wrap input[type="text"],
.content-body form .cc-klarna-settings .item.cc-surcharge-pct-wrap input[type="text"] {
	max-width: 100%;
}
.content-body form .cc-klarna-settings p.cc-klarna-settings-hint {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.4;
	color: #5a6270;
}
@media (max-width: 700px) {
	.item-edit.cc_accounts .cc-klarna-settings,
	.item-edit .cc-klarna-settings {
		width: 100% !important;
	}
}
/* Payment processor (Stripe Destination): Klarna in layout column 2; Stripe Connect below */
.cc-account-stripe-fullwidth {
	clear: both;
	width: 96%;
	margin-top: 1.25rem;
	box-sizing: border-box;
}
.content-body form .cc-klarna-sidebar-column {
	padding-top: 0;
}
.content-body form .cc-klarna-sidebar-column .cc-klarna-section-title {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #2A3246;
	line-height: 1.3;
}
.content-body form .cc-klarna-sidebar-column .cc-klarna-bnpl-pct-wrap input[type="number"] {
	max-width: 140px;
}
@media (max-width: 700px) {
	.item-edit.cc_accounts .cc-klarna-sidebar-column,
	.item-edit .cc-klarna-sidebar-column {
		width: 96% !important;
		margin-top: 1rem;
	}
}
.column {
	float: left;

}
.column.full-column {
	width: 96%;
}
.column .details-grid-row th {
	width: 150px;
}
.column.one-half-column {
	width: 50%;
}
.details-grid img {
	max-width: 100px;
}
.details .details-row-n {
	margin-left: 68px;
	margin-right: 20px;
}
.column.one-half-column.inner {
	width: 46%;
	margin-right: 4%;
}
.column.one-third-column {
	width: 33%;
}
.column.one-quarter-column {
	width: 24%;
	margin-right: 1%;
}
.column.two-thirds-column {
	width: 65%;
	margin-right: 2%
}
.column.one-third-column.inner {
	width: 29%;
	margin-right: 4%;
}
.column.one-quarter-column.inner {
	width: 23%;
	margin-right: 4%;
}
.column.two-thirds-column.inner {
	width: 63%;
	margin-right: 4%;
}
.column.twentyfive-percent-column {
	width: 25%;
}
.item {
	position: relative;
	margin-bottom: 20px;
	height: 42px;
}
.item.menu_allocation_applied_rate_item {
	margin-bottom: 0;
}
.item.half-field-left, .item.half-field-right {
	width: 49%;
	float: left;
}
.item.half-field-right {
	float: right;
	margin-right: 2%;
}
.item.disabled {
  	opacity: .5;
}
.item.textarea, .lp-item.textarea {
	height: 166px;
}
.item:after {
    content: "";
    display: table;
    clear: both;
}
.item input[type=text], .item input[type=email], .item input[type=password], .item input[type=date], .item label, .item.dropdown-item, .item .lookup, .item.checkbox, .item.image, .item.file {
  	position: relative;
  	display: inline-block;
  	width: 100%;
	height: 42px;
}
.item.checkbox input[type=checkbox] + label, .item.multi-select input[type=checkbox] + label, #show_events + label {
	padding-left: 40px;
	background: url(images/checkbox-off.svg) no-repeat top left;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.item.checkbox input[type=checkbox]:checked + label, .item.multi-select input[type=checkbox]:checked + label, #show_events:checked + label {
	background: url(images/checkbox-on.svg) no-repeat top left;
}
.optional-activity-count {
	font-weight: 700;
}
.item.checkbox input[type=checkbox]:disabled.locked + label, .item.multi-select input[type=checkbox]:disabled + label, #show_events:disabled + label {
	background: url(images/checkbox-disabled.svg) no-repeat top left;
}
.item.checkbox input[type=checkbox], .item.multi-select input[type=checkbox], #show_events {
	position: absolute;
	left: -9999px;
}
.item.disabled input[type=text] {
	background-color: #eeeeee;
}
.item .lookup-icon {
	position: absolute;
	right: 56px;
	top: 10px;
	pointer-events: none;
}
.item textarea, .lp-item textarea {
	height: 100%;
}
.item label {
  	margin: 0 auto;
  	padding: 0 4px;
  	top: 10px;
	left: 16px;
	z-index: 1;
	font-size: 15px;
	color: #7B8290;
	clear: both;
	position: absolute;
	pointer-events: none;
	width: auto;
	height: auto;
	transition: all .3s ease-in-out;
}
.item.file label {
    pointer-events: auto;
    left: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    top: 0;
    padding-left: 44px;
    cursor: pointer;
    background: url(images/file-folder-icon.svg) no-repeat 12px 12px;
    background-size: 24px;
}
.item.filled label, .item.image label {
	top: -7px;
	font-size: 0.7em;
	background-image: -webkit-linear-gradient(to top, #F9FAFC, #F9FAFC 8px, transparent 8px, transparent 100%);
	background-image: -moz-linear-gradient(to top, #F9FAFC, #F9FAFC 8px, transparent 8px, transparent 100%);
	background-image: -o-linear-gradient(to top, #F9FAFC, #F9FAFC 8px, transparent 8px, transparent 100%);
	background-image: linear-gradient(to top, #F9FAFC, #F9FAFC 8px, transparent 8px, transparent 100%);
}
/* Checkbox rows: .filled must not shrink label (floating-label rule above); SVG checkbox is on label */
.item.filled.item.checkbox input[type=checkbox] + label {
	top: auto;
	left: auto;
	font-size: 15px;
	color: #2A3246;
	margin: 0;
	padding-left: 40px;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	z-index: auto;
	pointer-events: auto;
	transition: none;
	background-image: url(images/checkbox-off.svg);
	background-repeat: no-repeat;
	background-position: top left;
}
.item.filled.item.checkbox input[type=checkbox]:checked + label {
	background-image: url(images/checkbox-on.svg);
}
.item.disabled label {
	top: -7px;
	font-size: 0.7em;
	background-image: -webkit-linear-gradient(to top, #EEEEEE, #EEEEEE 8px, transparent 8px, transparent 100%);
	background-image: -moz-linear-gradient(to top, #F9FAFC, #EEEEEE 8px, transparent 8px, transparent 100%);
	background-image: -o-linear-gradient(to top, #EEEEEE, #EEEEEE 8px, transparent 8px, transparent 100%);
	background-image: linear-gradient(to top, #EEEEEE, #EEEEEE 8px, transparent 8px, transparent 100%);	
}
.item.checkbox, .item.radio .selection {
	background-color: #F9FAFC;
	padding-left: 19px;
	border-radius: 5px;
}
#email-signature .item.checkbox, #email-payments .item.checkbox, #email-documents .item.checkbox {
	background-color: #EFF1F5;
	margin-bottom: 0;
}
#email-signature .checkbox-options, #email-payments .checkbox-options, #email-documents .checkbox-options {
	display: none;
	margin: 0 0 20px 40px;
}
#email-signature .checkbox-options .item, #email-payments .checkbox-options .item, #email-documents .checkbox-options .item {
	margin-bottom: 6px;
	/*min-width: 310px !important;*/
}
.item.checkbox label {
	color: #2A3246;
}
.item.radio {
	height: auto;
}
.item.radio p {
	margin-bottom: 16px;	
}
.item.radio .selection {
	margin-bottom: 3px;
	height: 42px;
}
.item.radio .selection label {
  	margin: 0;
  	padding: 0 4px;
  	top: 0;
	left: 0;
	z-index: 1;
	font-size: 15px;
	color: #7B8290;
	clear: initial;
	position: relative;
	pointer-events: initial;
	width: auto;
	height: auto;
}
.item.radio input[type=radio] {
	margin-right: 10px;
}

.item.checkbox input[type=checkbox], .item.group ul li input[type=checkbox], .item.radio input[type=radio] {
	margin-top: 14px;
}
.item.group p.group-label {
	color: #2A3246;
	display: block;
	font-size: 15px;
	margin-bottom: 10px;
}
.item.group ul li {
	position: relative;
}
.item.checkbox label, .item.group ul li label {
	display: inline;
	/*margin-left: 27px;*/
}
.item.group ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.item.group ul li {
	background-color: #F9FAFC;
	padding-left: 19px;
	border-radius: 5px;
	height: 42px;
	margin-bottom: 5px;
}
/*.item.file {
	height: auto;
}
.item.file input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.item.file label {
	font-size: 13px;
	color: #516269;
	text-align: center;
	padding: 16px;
	background-color: #E1E4EB;
	border-radius: 7px;
	font-weight: 700;
	cursor: pointer;
	pointer-events: initial;
	position: relative;
	top: 0;
	left: 0;
}
*/.item.drag-drop {
	height: auto;
}
.sort-icon {
	width: 50px;
	float: left;
}
.drag-icon {
	width: 30px;
	margin-top: -4px;
	cursor: move;
}
.form-contents label, .form-available label {
	display: inline-block;
    font-size: 15px;
    color: #7B8290;/*	position: absolute;
	margin-bottom: 8px;
	width: 92%;
    height: auto;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 1;

    clear: none;
    pointer-events: initial;
    transition: all .3s ease-in-out;
	line-height: 30px;
*/}
.item.colorpicker {
	height: 50px;
	position: relative;
	cursor: pointer;
	z-index: 0;
}
.item.colorpicker.active {
	z-index: 10;
}
.item.colorpicker .colorpicker-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: #2A3246 url(images/color-wheel.svg) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #DDDDDD;
}
.item.colorpicker .colorpicker-container {
	position: absolute;
	top: 4px;
	left: 64px;
}
.item.colorpicker .colorpicker-container {
	width: 260px;
}
.item.colorpicker.active .colorpicker-container {
	box-shadow: 4px 4px 8px rgba(0,0,0,.2);
}
.item.colorpicker label {
	padding: 10px 10px 10px 0;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transition: padding .5s;
}
.item.colorpicker.active label {
	padding-left: 14px;
}
.IroColorPicker {
	background-color: #F6F6F6;
	padding: 86px 55px 20px;
	display: none !important;
	position: relative;
}
.item.colorpicker.active .IroColorPicker {
	display: block !important;
}
.IroColorPicker table {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 220px;
}
.IroColorPicker td {
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 20px;
}
.item.colorpicker .IroColorPicker .selected-color-name, .item.colorpicker .IroColorPicker .selected-color-swatch {
	text-align:left;
	font-size: 13px;
	color: #7B8290;
	text-transform: uppercase;
}
.item.colorpicker .IroColorPicker .selected-color-name {
	cursor: auto;
}
.item.colorpicker .IroColorPicker .selected-color-swatch {
	padding-top: 3px;
}
.item.colorpicker .IroColorPicker .selected-color-button {
	text-align: right;
} 
.item.colorpicker .IroColorPicker .selected-color-swatch span {
	display: inline-block;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
}
.item.colorpicker .IroColorPicker .update-color-button {
    background-color: #DADCE0;
    padding: 6px 14px;
    outline: none;
    border: none;
    color: #51555F;
    font-family: inherit;
    font-weight: 400;
    font-size: 12px;
    border-radius: 6px;
}
.label-holder {
	position: relative;
	height: 30px;
	width: 94%;
}
.add-section {
	font-weight: 700;
	line-height: 39px;
	padding-left: 50px;
	background: url('images/add-section-icon.svg') no-repeat top left;
	cursor: pointer;
}
.edit-form-section {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#add-form-section, #edit-form-section {
    width: 73%;
    margin-right: 2%;
}
.save-form-section, .update-form-section {
	width: 25%;
    text-align: center;
    height: 42px;
}
.item.wysiwyg {
	height: auto;
}
.column.full-column .item input[type=text], .column.full-column .item input[type=date], .column.full-column .item input[type=email], .column.full-column .item input[type=password], .column.full-column .item textarea, .column.full-column .item.image, .column.full-column .item .lookup, .column.full-column .item.file  {
	width: 100%;
}
.column.one-half-column .item input[type=text], .column.one-half-column .item input[type=date], .column.one-half-column .item input[type=email], .column.one-half-column .item input[type=password], .column.one-half-column .item textarea, .column.one-half-column .item.image, .column.one-half-column .item.file, .column.one-half-column .item .lookup, .one-half-column .item.dropdown, .one-half-column .item.checkbox  {
	width: 96%;
}
/* Reservation Promo Code edit: Coupons Used read-only, same width as Location/Promo Code */
.edit-ctype-175 .item.edit-ctype-175-coupons-used,
.edit-ctype-175 .item.edit-ctype-175-coupons-used input {
	width: 96%;
	max-width: none;
	box-sizing: border-box;
}
.edit-ctype-175 .item.edit-ctype-175-coupons-used input {
	background-color: #eeeeee;
	cursor: not-allowed;
} 
.column.one-half-column .item.drag-drop, .item.add-form-section, .fields.scroller, .included-fields {
	width: 94%;
}
.column.one-half-column.inner .item input[type=text], .column.one-half-column.inner .item input[type=date], .column.one-half-column.inner .item input[type=email], .column.one-half-column.inner .item input[type=password], .column.one-half-column.inner .item textarea, .column.one-half-column.inner .item .lookup, .column.one-half-column.inner .item.dropdown, .column.one-half-column.inner .item.image, .column.one-half-column.inner .item.file {
	width: 100%;
}
.column.one-third-column .item input[type=text], .column.one-third-column .item input[type=date], .column.one-third-column .item input[type=email], .column.one-third-column .item input[type=password], .column.one-third-column .item textarea, .column.one-third-column .item.image, .column.one-third-column .dropdown-item, .column.one-third-column h3, .column.one-third-column .item .lookup, .column.one-third-column .item.radio, .column.one-third-column .item.file, .column.one-third-column .item.checkbox {
	width: 90%;
}
.column.one-quarter-column .item input[type=text], .column.one-quarter-column .item input[type=date], .column.one-quarter-column .item input[type=email], .column.one-quarter-column .item input[type=password], .column.one-quarter-column .item textarea, .column.one-quarter-column .item.image, .column.one-quarter-column .dropdown-item, .column.one-quarter-column h3, .column.one-quarter-column .item .lookup, .column.one-quarter-column .item.radio, .column.one-quarter-column .item.file, .column.one-quarter-column .item.checkbox {
	width: 90%;
}
.item input[type=text], .item input[type=email], .item input[type=password], .item input[type=date], .item textarea, .item.dropdown-item, .item .lookup, .item.image, .item.file {
	background-color: #F9FAFC;
	border-radius: 5px;
	border: 1px solid #CED3DD;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #2A3246;
	padding: 11px 10px 9px 19px;
}
.item .lookup {
	padding-right: 55px;
	cursor: pointer;
}
.item input[type=text]:focus, .item input[type=email]:focus, .item input[type=password]:focus, .item input[type=date]:focus, .item textarea:focus, .item.dropdown-item:focus, .item .lookup:focus {
	border: 1px solid #2A3246;
}
.item.dropdown-item {
	background-image: url('images/dd-arrow.svg'), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/dd-arrow.svg'), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/dd-arrow.svg'), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/dd-arrow.svg'), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: right 22px top 17px, left;
	cursor: pointer;
}

.lp-item.dropdown .arrow {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 10;
}
.item.image {
	background-image: url('images/image-icon.svg'), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: right 18px top 9px, left;
	cursor: pointer;
}
/*.item.file {
	background-image: url('images/lookup-icon.svg'), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/lookup-icon.svg'), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/lookup-icon.svg'), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/lookup-icon.svg'), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: right 18px top 9px, left;
	cursor: pointer;
}*/

.item.image .button {
    font-size: 0.7em;
    color: #7B8290;
    position: absolute;
    top: 10px;
    border-radius: 4px;
    border: 1px solid #C9CDD8;
    padding: 4px 16px 4px 36px;
    cursor: pointer;
}
.item.image .button.library {
    background: #EFF0F3 url(images/library-icon.svg) no-repeat 10px 4px;
    padding-left: 34px;
}
.item.image .button.files {
    background: #EFF0F3 url(images/file-folder-icon.svg) no-repeat 10px 4px;
    left: 144px;
	pointer-events: initial;
}
.image .image-file-field, .file .image-file-field {
	text-indent: -9999px;
}
.item.required input[type=text], .item.required input[type=email], .item.required input[type=date], .item.required input[type=password], .item.required textarea, .item.required .lookup,.item.required.file {
	background-image: -moz-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% );
	background-image: -webkit-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% );
	background-image: -o-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% );
	background-image: linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% );
}
/* ctype 238: fiscal periods — same table pattern as Menu Allocations (edit-sub-table): zebra via tr:nth-child(even) td #F7F8FB, no .list card rows */
/* Base was 34% / 260px min; +20% for more room in period name + date fields */
.fiscal-period-table-wrap {
	width: 40.8%;
	max-width: 100%;
	min-width: 312px;
	box-sizing: border-box;
	margin-bottom: 16px;
}
@media (max-width: 900px) {
	.fiscal-period-table-wrap {
		width: 100%;
	}
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
/* Header strip aligned with menu allocation / accordion sub-tables */
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines thead th {
	background-color: #F1F3F6;
	color: #7E8593;
	font-weight: bold;
	font-size: 15px;
	padding: 16px 18px;
	text-align: center;
	border-bottom: 1px solid #D5DBEB;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines thead th.fiscal-period-col-name {
	text-align: left;
}
.fiscal-period-table-wrap .fiscal-period-col-name,
.fiscal-period-table-wrap .fiscal-period-col-start,
.fiscal-period-table-wrap .fiscal-period-col-end {
	width: 33.333%;
}
.fiscal-period-table-wrap .fiscal-period-name-cell {
	text-align: left;
	vertical-align: middle;
}
.fiscal-period-table-wrap .fiscal-period-date-cell {
	text-align: center;
	vertical-align: middle;
}
/* Inputs: match menu_allocation_* fields (thin border, white fill) */
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines input[type=text] {
	border: 1px solid #9AA2B5;
	border-radius: 4px;
	line-height: 42px;
	font-family: inherit;
	font-size: inherit;
	padding: 0 14px;
	background-color: #fff;
	box-sizing: border-box;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines .fiscal-period-name-item input[type=text] {
	text-align: left;
}
/* period fields: required stripe, compact .item in cells (no extra gray “card” behind inputs) */
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines .fiscal-period-name-item.item.required,
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines .fiscal-period-date-item.item.vdate {
	margin-bottom: 0;
	height: auto;
	min-height: 42px;
	background: transparent;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines .fiscal-period-name-item.item.required input[type=text],
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines .fiscal-period-date-item.item.vdate input.fiscal-datepicker {
	width: 100%;
	max-width: 100%;
}
/* Slightly less horizontal padding than default 14px so dates fit; wider table (+20%) carries most of the gain */
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines .fiscal-period-date-item.item.vdate input.fiscal-datepicker {
	text-align: center;
	padding: 0 8px;
}
/* ctype 239 edit: full-column is 100% so rows align; half-column inputs are 96% of 50% — right edge at 98% — match Budget Name to that span */
body.edit-budgets-239 .column.full-column {
	width: 100%;
}
body.edit-budgets-239 .budget-edit-name-row .column.full-column .item input[type=text] {
	width: 98%;
	max-width: 98%;
	box-sizing: border-box;
}
/* ctype 239: budget amounts — same sub-table + .item inputs as fiscal periods (4 columns; read-only period/dates, editable amount) */
.fiscal-period-table-wrap.budget-periods-wrap {
	width: 100%;
	max-width: 920px;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .fiscal-period-col-name,
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .fiscal-period-col-start,
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .fiscal-period-col-end,
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .budget-period-col-amount {
	width: 25%;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines thead th.budget-period-col-amount {
	text-align: center;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .budget-period-amount-cell {
	text-align: right;
	vertical-align: middle;
	width: 25%;
	min-width: 140px;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines tfoot .budget-period-total-row td {
	border-top: 1px solid #CED3DD;
	/* Match .edit-sub-table td horizontal padding (16px 20px) so footer lines up with tbody cells */
	padding: 12px 20px 10px 20px;
	font-weight: 600;
	font-size: 15px;
	vertical-align: middle;
	background: #f5f7fa;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines tfoot .budget-period-total-label {
	text-align: right;
	padding-right: 12px;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines tfoot .budget-period-total-cell {
	text-align: right;
}
/* Match amount inputs: .fiscal-period-lines input uses padding 0 14px — inset total so digits line up with values above */
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines tfoot .budget-period-total-value {
	font-variant-numeric: tabular-nums;
	display: block;
	width: 100%;
	text-align: right;
	padding-right: 14px;
	box-sizing: border-box;
}
/* Amount cell: fill <td> — global .item input { display:inline-block } + empty value shrinks width to a sliver */
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .budget-amount-item.item.required {
	margin-bottom: 0;
	height: auto;
	min-height: 42px;
	background: transparent;
	width: 100%;
	min-width: 0;
	display: block;
	box-sizing: border-box;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .budget-amount-item.item.required input[type=text] {
	display: block;
	width: 100%;
	min-width: 6em;
	max-width: none;
	box-sizing: border-box;
	text-align: right;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .fiscal-period-name-item.budget-ro-item,
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .fiscal-period-date-item.budget-ro-item {
	margin-bottom: 0;
	height: auto;
	min-height: 42px;
	background: transparent;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .budget-ro-item input[type=text].text {
	width: 100%;
	max-width: 100%;
}
.fiscal-period-table-wrap .edit-sub-table.fiscal-period-lines.budget-period-lines .fiscal-period-date-item.budget-ro-item input[type=text].text {
	text-align: center;
	padding: 0 8px;
}
.item.required.dropdown-item {
	background-image: url('images/dd-arrow.svg'), -moz-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/dd-arrow.svg'), -webkit-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/dd-arrow.svg'), -o-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/dd-arrow.svg'), linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right 22px top 17px, right, left;
}
.item.image {
	background-image: url('images/image-icon.svg'), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: right 18px top 9px, left;
}
/*.item.ready.image, .item.ready.file, .item.required.uploading.image, .item.required.uploading.file  {
	background-image: -moz-linear-gradient(to left, #FF5667, #FF5667 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: -webkit-linear-gradient(to left, #FF5667, #FF5667 60px, transparent 61px, transparent 100% );
	background-image: -o-linear-gradient(to left, #FF5667, #FF5667 60px, transparent 61px, transparent 100% );
	background-image: linear-gradient(to left, #FF5667, #FF5667 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat;
	background-position: left;
}*/

.item.required.image {
	background-image: url('images/image-icon.svg'), -moz-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -webkit-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -o-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: right 18px top 9px, right, left;
}
/*.item.required.ready.image, .item.required.ready.file, .item.required.uploading.image, .item.required.uploading.file  {
	background-image: -moz-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -moz-linear-gradient(to left, #FF5667, #FF5667 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: -webkit-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -webkit-linear-gradient(to left, #FF5667, #FF5667 60px, transparent 61px, transparent 100% );
	background-image: -o-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), -o-linear-gradient(to left, #FF5667, #FF5667 60px, transparent 61px, transparent 100% );
	background-image: linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), linear-gradient(to left, #FF5667, #FF5667 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: right, left;
}*/
.inactive-record {
	font-size: 80%;
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 10px;
}
.item .error-icon {
	display: none;
	position: absolute;
	top: 12px;
    right: 64px;
	background: url("images/upload-icon.svg") no-repeat top left;
	width: 26.190px;
	height: 18.333px;
	z-index: 10;
	cursor: pointer;
}
/*.item .upload-icon, .item .uploading-icon {
	display: none;
	position: absolute;
	top: 12px;
    right: 15px;
	background: url("images/upload-icon.svg") no-repeat top left;
	width: 30px;
	height: 18.333px;
	z-index: 10;
	cursor: pointer;
}
.item .uploading-icon {
	width: 24px;
	height: 24px;
	background: url("images/uploading-icon.svg") no-repeat top left;
}
.item.ready .upload-icon {
	display: block;
}
.item .progress {
	display: none;
}
.item.uploading .progress, .item.uploading .uploading-icon {
	display: block;
} */
.item.error input[type=text], .item.error input[type=email], .item.error input[type=date], .item.error input[type=password], .item.error textarea, .item.error.dropdown-item, .item.error .lookup, .item.error.image, ..item.error.file, .tax-rate.error, .menu_allocation_price.error, .menu_allocation_cost.error {
	border: 1px solid #C90000;
	background-color: #F2BFBF;
	color: #C90000;
}
.lp-item.error {
	border: 1px solid #C90000;
}
.lp-item.error label {
	color: #c90000;
}
.landing-page .submit-btn .button {
	margin-top: 10px;
	display: block;
	text-align: center;
	padding: 13px 0px;
}
.merge-error {
	color: #c90000;
}
.item .error-icon {
	display: none;
	position: absolute;
	top: 12px;
    right: 64px;
	background: url("images/error-icon.svg") no-repeat top left;
	width: 20.625px;
	height: 18.333px;
	z-index: 10;
	cursor: pointer;
}
.item.error.dropdown-item .error-icon, .item.error.image .error-icon, .item.error.file .error-icon {
	right: 76px;
}
.item.error.error-required .error-icon.icon-required {
	display: block;
}
.item.error.error-validate .error-icon.validate {
	display: block;
}
.item.error.filled label {
	background-image: -webkit-linear-gradient(to top, #F2BFBF, #F2BFBF 8px, transparent 8px, transparent 100%);
	background-image: -moz-linear-gradient(to top, #F2BFBF, #F2BFBF 8px, transparent 8px, transparent 100%);
	background-image: -o-linear-gradient(to top, #F2BFBF, #F2BFBF 8px, transparent 8px, transparent 100%);
	background-image: linear-gradient(to top, #F2BFBF, #F2BFBF 8px, transparent 8px, transparent 100%);
}
.item.error.multi-select.filled label {
	background-image: none;
}
.item.required.error input[type=text], .item.required.error .item.required.error input[type=date], input[type=email].required.error, .item.required.error input[type=password], .item.required.error textarea, .item.required.error.dropdown-item, .item.required.error.image, .item.required.error .lookup, .item.required.error.file {
	background-image: -moz-linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	background-image: -webkit-linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	background-image: -o-linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	background-image: linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	color: #C90000;
} 
.item.required.error .lookup-icon {
	display: none;
}
.item.required.error.dropdown-item {
	background-image: url('images/dd-arrow.svg'), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% ), -moz-linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	background-image: url('images/dd-arrow.svg'), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% ), -webkit-linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	background-image: url('images/dd-arrow.svg'), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% ), -o-linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	background-image: url('images/dd-arrow.svg'), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% ), linear-gradient(to right, red, red 4px, #F2BFBF 4px, #F2BFBF 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: right 22px top 17px, left, left;
}
.item.required.error.image, .item.required.error.file {
	background-image: url('images/image-icon.svg'), -moz-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -webkit-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), -o-linear-gradient(to left, #EFF0F3, #EFF0F3 60px, transparent 61px, transparent 100% );
	background-image: url('images/image-icon.svg'), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100% );
	background-repeat: no-repeat, no-repeat;
	background-position: right 18px top 9px, left;
}
.item.dropdown-item .dd-options, .lp-item.dropdown-item .dd-options {
	text-align: left;
	top: 40px;
	left: -1px;
	max-height: 180px;
	padding: 0;
	width: 100%;
	border: 1px solid #CED3DD;
}
.item.dropdown-item .dd-options ul li a, .item.dropdown-item.multi-select .dd-options ul li  {
	font-size: 15px;
	color: #707070;
	text-decoration: none;
	font-weight: 400;
	width: 100%;
	display: inline-block;
}
.item.dropdown-item .dd-options ul li a:hover {
	color: #2A3246;
}
.item .dd-options hr {
    border: 1px solid #CED3DD;
    margin: 20px 0;
}
.item .droppable, .fields.scroller, .included-fields, .item .droppable2, .fields.scroller, .included-fields {
	list-style-type: none;
	padding: 18px;
	background-color: white;
	border-radius: 5px;
	border: 1px solid #9AA2B5;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #7E8593;
}
.document-fields {
	display: flex;
}
.document-fields .column {
	float: none;
}
.fields.scroller, .included-fields {
	max-height: 210px;
    padding: 10px 18px 10px 10px;
}
.included-fields {
	max-height: none;
	margin-top: 24px;
}
.item .droppable .draggable, .fields.scroller.available-fields .draggable, .included-fields .draggable, .item .droppable2 .draggable2, .fields.scroller.available-fields .draggable2, .included-fields .draggable2 {
	padding: 10px 20px 10px 40px;
	border-radius: 5px;
	margin-bottom: 10px;
	cursor: grab;
	background: #EBEDF2 url("images/move-icon-gray.svg") no-repeat 14px center;
	position: relative;
}
.item .droppable .draggable .required-field-group, .item .droppable2 .draggable2 .required-field-group {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	font-style: italic;
}
.item .droppable .draggable .required-field-group .required-field-checkbox, .item .droppable2 .draggable2 .required-field-group .required-field-checkbox {
	margin-left: 8px;
}
.item #available-fields.droppable .draggable .required-field-group, .item #available-fields.droppable2 .draggable2 .required-field-group {
	display: none;
}

.item .droppable .draggable.required, .item .droppable2 .draggable2.required {
	background-image: -moz-linear-gradient(to right, red, red 4px, transparent 4px, transparent 100% ), url('images/move-icon-gray.svg') ;
	background-image: -webkit-linear-gradient(to right, red, red 4px, transparent 4px, transparent  100% ), url('images/move-icon-gray.svg');
	background-image: -o-linear-gradient(to right, red, red 4px, transparent  4px, transparent  100% ), url('images/move-icon-gray.svg');
	background-image: linear-gradient(to right, red, red 4px, transparent  4px, transparent  100% ), url('images/move-icon-gray.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: top left, 14px center;
}
.item .droppable .draggable .delete-dependency, .item .droppable2 .draggable2 .delete-dependency {
	position: absolute;
	top: 10px;
	right: 24px;
	cursor: pointer;
}
.item.multi-select li, .lp-item.multi-select li {
	padding: 5px 20px;
}
.item.multi-select li input, .lp-item.multi-select li input {
	margin-right: 10px;
	pointer-events: initial;
}
.item.dropdown-item.multi-select li.select-all-item, .lp-item.dropdown-item.multi-select li.select-all-item {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 3px;
}
.item.dropdown-item.multi-select ul li label, .lp-item.dropdown-item.multi-select ul li label {
	margin: initial;
    padding: initial;
	padding-left: 40px;
    top: initial;
    left: initial;
    z-index: initial;
    font-size: initial;
    color: inherit;
    clear: initial;
    position: initial;
    pointer-events: initial;
    width: initial;
    height: initial;
    transition: initial;
	cursor: pointer;
}
.landing-page .lp-item.multi-select {
    top: initial;
    left: initial;
    z-index: initial;
    font-size: initial;
    color: inherit;
    clear: initial;
    pointer-events: initial;
    width: initial;
    transition: initial;
	cursor: pointer;
}
.landing-page .lp-item .value {
	font-weight: 400;
}

/*** DETAILS ***/
.details .circle-menu {
	position: relative;
	display: inline;
	top: -12px;
	left: 12px;
	cursor: pointer;
	width: 56px;
	height: 56px;
    min-width: initial;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}
.details .circle-menu .dd-options {
	width: 240px;
	top: 20px;
}
.accordion {
	margin-top: 40px;
	border-bottom: 1px solid #D5DBEB;
	position: relative;
}
#edit-menu .accordion, .add-package .accordion {
	border-bottom: none;
}
.event.details {
	border-bottom: 1px solid #D5DBEB;
	position: relative;
	display: flex;
}
.content .top-menu.top-menu-event-details {
	/*margin-right: 446px;
	width: 40%;*/
	display: none;
}
.content .event-summary {
	position: absolute;
	top: 0;
	right: 0;
	height: 112px;
	background: #F8F9FB;
	/*background: linear-gradient(90deg, #F8F9FB 0, #F8F9FB 401px, transparent 401px);*/	
	background-clip: padding-box;
	border-top-right-radius: 10px;
	z-index: 80;
}
.content .event-summary .event-summary-content {
	font-size: 18px;
	font-weight: bold;
	color: #2A3246;
	display: flex;
	margin-top: 23px;
	position: relative;
	right: -12px;
}
.content .event-summary .event-summary-content div {
	padding: 5px 30px;
	position: relative;
}
.content .event-summary .total:before {
    content: " ";
    position: absolute;
    bottom: 10px;
    right: 0;
    height: 48px;
    border: 1px solid #C4CAD9;
    border-top-width: 0;
}
.content .event-summary label {
	font-size: 16px;
	color: #7E8593;
	font-style: italic;
	display: block;
}
.content .event-summary .balance {
	background: url('images/event-summary-bg.svg') no-repeat top right;
	color: white;
	padding-right: 100px !important;
}
.content .event-summary .balance label {
	color: white;
}
.content .event-summary .balance .event-balance-arrow {
	float: right;
	position: relative;
	top: -15px;
	margin-left: 16px;
}
.event.details .column {
	padding: 40px 80px 40px 106px;
	width: 50%;
	display: flex;
}
.event.details .subcolumn {
	width: 50%;
	padding-right: 50px;
}
.event.details .subcolumn div {
	margin-bottom: 16px;
}
.event.details .subcolumn .label {
	color: #7E8593;
	font-size: 90%;
	font-style: italic;
	display: block; 
}
.event.details .column-right {
	background-color: #EFF1F5;
	padding-left: 80px;
	display: block;
}
.event.details .column-right .cancel-event {
	font-size: 90%;
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
}
.event.details .column-right #lifecycle td {
	padding: 0 10px 6px;
	cursor: pointer;
}
.event.details .column-right #lifecycle tr td.stepnum span {
    display: inline-block;
    background-color: black;
    color: white;
    border-radius: 50%;
    font-weight: 700;
    font-size: 16px;
    height: 28px;
    width: 28px;
    text-align: center;
    padding-top: 3px;
}
.event.details .column-right #lifecycle tr.completed td.stepnum span {
	background-color: #FF5667;
}
.event.details .column-right #lifecycle tr.skipped td.stepnum span {
	background-color: #F9E593;
}
.event.details .column-right #lifecycle tr td.stepname {
	font-size: 20px;
	font-weight: 600;
	color: #000000;
}
.event.details .column-right #lifecycle tr.completed td.stepname {
	color: #B4B9C1;
	font-weight: 400;
}
.event.details .column-right #lifecycle tr td.status {
	padding-left: 20px;
	padding-right: 20px;
}
.event.details .column-right #lifecycle tr td.status span {
    font-size: 13px;
    font-weight: 600;
    color: black;
    background-color: #FF5667;
    border-radius: 7px;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 0;
    width: 130px;
    text-align: center;
    margin-top: 2px;
}
.event.details .column-right #lifecycle tr.completed td.status span {
	background-color: #7EC9A5;
}
.event.details .column-right #lifecycle tr.skipped td.status span {
	background-color: #cccc00;
}
.event.details .column-right #lifecycle tr td.ddate {
	font-size: 20px;
	font-weight: 400;
	color: #7E8593;
}
.event.details .column-right #lifecycle tr.completed td.ddate {
	color: #B4B9C1;
}
.event.details .column-right #lifecycle tr.spacer td {
	height: 16px;
	background: url(images/roadmap-spacer.png) repeat-x center;
	padding: 0;
}
.accordion .toggle.opened, .accordion .toggle.closed {
	position: absolute;
	top: 0;
	left: 64px;
	cursor: pointer;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s  ease-in-out;
    transition: opacity .25s ease-in-out;
}
.accordion .toggle.opened.gp, .accordion .toggle.closed.gp {
	left: 0;
	top: 3px;
}
.accordion.details.closed .toggle.closed {
	opacity: 1;
}
.accordion.details.closed .toggle.opened {
	opacity: 0;
}
.accordion.extra .toggle.opened {
	opacity: 0;
}
.accordion.extra.open .toggle.opened {
	opacity: 1;
}
.accordion.extra.open .toggle.closed {
	opacity: 0;
}
.accordion h2, .lookup-results h2, .details-document-preview h2, .package-add-list h2, .package-times h2, .pricing-header h2 {
	font-size: 16px;
	margin: 30px 0 30px 68px;
	padding: 3px 0 0 46px;
	text-transform: uppercase;
	padding-bottom: 6px;
	color: #2A3246;
	border: none;
}
.pricing-header {
	padding-left: 46px;
}
.pricing-header h2 {
	margin-left: 0;
	padding-left: 0;
}

.package-content-row {
	display:none;
}
.package-add-list h2, .package-times h2 {
	padding-left: 34px;
	margin-left: 0;
	margin-top: 0;
	font-weight: 700;
}
.package-times h2 {
	margin-bottom: 14px;
}
.details-document-preview h2 {
	padding-left: 0;
	padding-top: 0;
	margin-left: 0;
	margin-top: 0;
}
.lookup-results h2 {
	margin-left: 0;
	padding-left: 0;
}
.accordion .row {
	border-top: 1px solid #D5DBEB;	
}
.accordion .row.n-row {
	border-top: none;
}
.accordion .row.n-row table tr:first-child th, .accordion .row.n-row table tr:first-child td {
    border-top: 5px solid white;
}
.accordion.details table {
	width: 100%;
	border-collapse: collapse;
}
.accordion.details th, .accordion.details td {
	border-bottom: 5px solid white;
	padding: 6px 12px;
	vertical-align: top;
	font-size: 15px;
}
.accordion.details tr:last-child th, .accordion.details tr:last-child td {
	border-bottom: none;
}
.accordion.details th {
	background-color: #F1F3F6;
	color: #7E8593;
	text-align: right;
	font-weight: 400;
	width: 150px;
}
.accordion.details td {
	color: #2A3246;
	text-align: left;
}
.accordion.details.closed .row {
	display: none;
}
.accordion.extra .row {
	background-color: #EFF1F5;
	padding: 30px 68px 40px;
	display: none;
	border-top: 1px solid #D5DBEB;
}
.accordion.extra.open .row {
	display: block;
}
.accordion.extra .row .sub-table, .accordion.extra .row .search-table, .edit-sub-table, .card-table {
	border-collapse: collapse;
	width: 100%;
}
.accordion.extra .row .search-table {
	border-top: 1px solid #9AA2B5;;
	border-bottom: 1px solid #9AA2B5;
}
.global-search-results p {
	padding: 0 68px;
}
.accordion.extra .row th {
	background-color: #F1F3F6;
	color: #7E8593;
	font-weight: bold;
	font-size: 15px;
    padding: 16px 18px;
	text-align: center;
	/*border: 1px white solid;*/
}
.card-table {
	margin: 20px 0 50px;
	border-bottom: 1px solid #9AA2B5;
}
.card-table td {
	color: #2A3246;
	font-size: 15px;
    padding: 8px 14px;
	text-align: center;
	width: 35%;
	border-top: 1px solid #9AA2B5;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.card-table .grow {
	width: auto;
}
.accordion.extra .row td, .edit-sub-table td, .edit-sub-table th, .allocation_totals th {
	/*border: 1px solid #9AA2B5;*/
	background-color: white;
	color: #2A3246;
	font-size: 15px;
    padding: 16px 20px;
	text-align: center;
/*	border: 2px white solid;*/
}
.edit-in-parent h3 {
	margin-bottom: 16px;
}
.edit-sub-table td {
	border-collapse: collapse;
	text-align: left;
}
input.tax-rate, input.service_tax_rate, input.menu_allocation_price, input.menu_allocation_cost, input.menu_allocation_rate {
	border: 1px solid #9AA2B5;
	line-height: 42px;
	font-family: inherit;
	font-size: inherit;
	padding: 0 14px;
	text-align: right;
	background-color: white;
}
.edit-sub-table.service_fee_tax_rates tr th, .edit-sub-table.service_fee_tax_rates tr td {
	text-align: center;
}
.edit-sub-table.service_fee_tax_rates tr th:first-child, .edit-sub-table.service_fee_tax_rates tr td:first-child {
	text-align: left;
}
.accordion.extra .row td.ro, .edit-sub-table tr:nth-child(even) td, .card-table tr:nth-child(even) td {
	background-color: #F7F8FB;
}
.accordion.extra .row tr th:first-child, .accordion.extra .row tr td:first-child {
	border-left: 1px solid #9AA2B5;
}
.accordion.extra .row tr th:last-child, .accordion.extra .row tr td:last-child {
	border-right: 1px solid #9AA2B5;
}
.allocation_totals td, .allocation_totals th {
	font-weight: bold;
	text-align: left;
	padding-right: 34px !important;
	background-color: #D6DAE0 !important;
}
.allocation_totals td {
	text-align: right;
}
.accordion.extra .row .sub-table tbody tr:hover td {
	background-color: #F7F8FB;
}
.accordion.extra .row tr.button-header td {
	background-color: #D6DAE0;
	height: 40px;
	border: 1px solid #D6DAE0;
	padding: 10px 20px;
	text-align: left;
}
.accordion.extra .row tr.button-header.empty-result td {
	background-color: transparent;
	border: none;
}
.accordion.extra .row tr.button-header.empty-result td p {
	margin-bottom: 20px;
}
/* Membership Information: Detail button with no line above (match NEW ACCOUNT style) */
.accordion .row.membership-detail-button-row {
    margin: 25px 0px 25px 64px;
    border-top: none;	
}

.accordion .row.membership-detail-button-row .button {
	background-color: white;
    border: 1px solid #707070;
    color: #707070;
    margin-right: 10px;
	padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    border-radius: 7px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
}
/* Gift Card Payments: no border between Location and Payment Type; location on one line */
.accordion.extra .row .sub-table.gift_card th.location-cell,
.accordion.extra .row .sub-table.gift_card td.location-cell {
	white-space: nowrap;
}
.accordion.extra .row .sub-table.gift_card th:nth-child(2),
.accordion.extra .row .sub-table.gift_card td:nth-child(2) {
	border-right: none;
}
.accordion.extra .row .sub-table.gift_card th:nth-child(3),
.accordion.extra .row .sub-table.gift_card td:nth-child(3) {
	border-left: none;
}
.accordion.extra .row p {
	font-size: 15px;
}
.accordion.extra .button-header .button, .accordion.extra .empty-buttons .button {
	background-color: white;
	border: 1px solid #707070;
	color: #707070;
	margin-right: 10px;
}
.accordion.extra .button-header .pagination {
	margin: 0;
	text-align: center;
	display: none;
}
.accordion.extra .button-header .pagination svg path {
	fill: #7E8593;
}
.total_price.error, .total_cost.error, .total_rate.error {
	color: red;
}
.calc_error {
	display: none;
}
.total_rate.error .calc_error {
	display: block;
	color: red;
}

/*** LOGIN ***/
.login .content {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    width: 500px;
	left: initial;
	top: initial;
	/* margin: 200px auto 0; */
	min-height: 0;
	border-radius: 10px;
	position: relative;
	padding: 0;
}
.login .logo-container {
	border-radius: 10px 10px 0 0;
}
.login .logo {
	margin: 0 auto;
	width: 283px;
	display: block;
}
.login .form-container {
	margin: 50px 50px;
}
.login .form-container .error {
	color: #FF5667;
	margin: 30px 0 0;
	text-align: center;
	font-size: 90%;
}
.login .form-container .button {
	display: inline;
	margin-top: 10px;
}
.login .form-container .button:hover {
	background-color: #FF5667;
	color: white;
}
.login .form-container .forgotpass {
	font-size: 80%;
	margin-top: 30px;
	text-align: center;
}
.login .form-container .forgotpass a {
	color: #9AA2B5;
}
.login .buttons {
	text-align: center;
}
.login .item.error .error-icon {
	display: block;
}
.login .item .error-icon {
	right: 20px;
}

/*** POPUP ***/
.popup, .file.search, .popup-lookup, .popup-library {
	position: fixed;
	width: 60%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 70px;
	background-color: white;
	border-radius: 20px;
	z-index: 300;
	min-height: 500px;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #2A3246;
	opacity: .8;
	display: none;
	z-index: 200;
}
.lookup-close-icon, .popup-search-close-icon, .file-search-close-icon, .error-close-icon {
	position: absolute;
    top: 26px;
    right: 34px;
	cursor: pointer;
}
.lookup-header, .popup-search-header, .file-search-header {
	background-color: #ECEEF2;
	border-radius: 20px 20px 0 0;
	font-size: 20px;
	font-weight: 700;
	color: #2A3246;
	padding-left: 50px;
	line-height: 80px;
}
.lookup-content, .popup-search-content, .item-search-content, .file-search-content {
	padding: 0	50px 50px;
}
.file-search-content {
	padding-top: 50px;
}
.popup-search-results:after{
    content: "";
    display: table;
    clear: both;
}
.item-search-content {
	padding: 0 0 50px;
}
.search-items {
	display:none;
}
.lookup-search-bar, .popup-search-bar, .item-search-bar  {
	width: 60%;
	margin: 50px auto;
    height: 21.557px;
    overflow: visible;
	position: relative;
}
.item-search-bar {
	margin: 50px 0;
}
.lookup-search-bar .lookup-search-icon, .popup-search-bar .popup-search-icon, .item-search-bar .item-search-icon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
}
.lookup-search-bar .lookup-search-icon {
	right: 160px;
}
.lookup-search-bar .lookup-search-icon:hover path, .popup-search-bar .popup-search-icon:hover path, .item-search-bar .item-search-icon:hover path {
	fill: #FF5667;
}
.lookup-search {
	 width: calc( 100% - 150px );
}
.add-lookup.button {
	position: absolute;
	top: 0;
	right: 0;
}
.lookup-error, .popup-search-error, .item-search-error {
	color: #2A3246;
}
.lookup-search-input, .popup-search-input, .item-search-input, .si-search-input {
    width: 100%;
    height: 39.3px;
    box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;    
	font-size: 16px;
	font-style: italic;
	color: #2A3246;
	border: none;
	outline: none;
    background-color: transparent;
    padding: 0 30px 15px 20px;
	cursor: text;
	border-bottom: 2px solid #FF5667;
}
.lookup-search-input::-webkit-input-placeholder, .popup-search-input::-webkit-input-placeholder, .item-search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2A3246;
}
.lookup-search-input::-moz-placeholder, .popup-search-input::-moz-placeholder, .item-search-input::-moz-placeholder { /* Firefox 19+ */
  color: #2A3246;
}
.lookup-search-input:-ms-input-placeholder, .popup-search-input:-ms-input-placeholder, .item-search-input:-ms-input-placeholder { /* IE 10+ */
  color: #2A3246;
}
.lookup-search-input:-moz-placeholder, .popup-search-input:-moz-placeholder, .item-search-input:-moz-placeholder { /* Firefox 18- */
  color: #2A3246;
}
.lookup-results, .item-search-results, .file-list-results {
	text-align: center;
	color: white;
}
.lookup.list, .popup-search.list, .item-search.list {
	width: 100%;
	margin: 0 auto;
}
.lookup.list th, .popup-search.list th, .item-search.list th {
	background-color: #D5D9E3;
	color: white;
	font-weight: 700;
}
.lookup.list tr, .popup-search.list tr, .item-search.list tr {
	margin: 0;
	box-shadow: none;
}
.lookup.list tbody td, .popup-search.list tbody td, .item-search.list tbody td {
	border: none;
	border-bottom: 1px solid #D5DBEB;
	color: #2A3246;
}
.sub-table tr, .search-table tr {
	cursor: pointer;
}
.sub-table .button-reorder {
	position: absolute;
	top: 20px;
	right: 20px;
}
.small-calendar .event-plus-icon{
	display: none;
}
.small-calendar .dot{
	display: none;
}
/*** EVENTS **
.event .content-body {
	background: #EFF1F5;
}
.event .calendar-container {
	padding: 20px 50px;
}
.event .calendar-container h2 {
	text-align: center;
	color: #2A3246;
	font-size: 22px;
	
}
.event .calendar-container h2 span {
	display: block;
	color: #7E8593;
	font-size: 18px;
	font-weight: normal;
}
.event .calendar {
	margin-top: 20px;
	background-color: white;
	border: 1px solid #B8BCC4;
	border-radius: 20px;
	padding: 20px 40px;
}*/
/*** POP UP ADD ACTIVTY ***/
.num-selections {
	font-size: 90%;
	font-weight: 400;
	font-style: italic;
	text-transform: none;
	margin-left: 10px;
}
.num-selections.error {
	color: #C90000;
}
.activity-content a, .add-reservation a, .do-roadmap-content a, .add-package a {
	color: #7E8593;
}
.popup.activity, .popup.add-reservation, .popup.add-package, .popup.do-roadmap, .popup.add-email, .popup.add-action, .popup.generate-document, .popup.sequence-status {
	position: absolute;
	width: 54%;
	min-width: 1030px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 6vh;
	min-height: auto;
}
.popup.activity .activity-header, .popup.add-reservation .reservation-header, .popup.add-package .package-header, .popup.do-roadmap .do-roadmap-header, .popup.add-email .add-email-header, .popup.add-action .add-action-header, .popup.generate-document .generate-document-header, .popup.sequence-status .sequence-status-header {
  	height: 90px;
	position: relative;
	background-color: #FF5667;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
/* Email Sequence popup header - different color to signify sequence actions */
.popup.add-email.email-sequence .add-email-header,
.popup.do-roadmap.email-sequence .do-roadmap-header {
	background-color: #2A3246;
}
.popup.add-email.email-sequence,
.popup.do-roadmap.email-sequence {
	box-shadow: 0 -16px 60px rgba(0, 0, 0, 0.6);
}
.popup.activity .activity-header h2, .popup.add-reservation .reservation-header h2, .popup.add-package .package-header h2, .popup.do-roadmap .do-roadmap-header h2, .popup.add-email .add-email-header h2, .popup.add-action .add-action-header h2, .popup.generate-document .generate-document-header h2, .popup.sequence-status .sequence-status-header h2 {
	position: absolute;
	top: 26px;
	left: 50px;
	font-size: 30px;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0;
	border: none;
	text-transform: uppercase;
}
.popup.activity .activity-header h3, .popup.add-reservation .reservation-header h3, .popup.add-package .package-header h3, .popup.do-roadmap .do-roadmap-header h3, .popup.add-email .add-email-header h3, .popup.add-action .add-action-header h3, .popup.generate-document .generate-document-header h3, .popup.sequence-status .sequence-status-header h3 {
	position: absolute;
	top: 32px;
	right: 50px;
	font-size: 22px;
	font-weight: bold;
	color: white;
	margin: 0;
	padding: 0;
	border: none;
}
.popup.activity .activity-content,  .popup.add-package .package-content, .popup.do-roadmap .do-roadmap-content, .popup.add-email .add-email-content, .popup.add-action .add-action-content, .popup.generate-document .generate-document-content, .popup.sequence-status .sequence-status-content {
	padding: 50px;
}
.popup.add-email .add-email-content, .popup.add-action .add-action-content,.popup.generate-document .generate-document-content, .popup.do-roadmap .do-roadmap-content {
	background-color: #EFF1F5;
	border-radius: 20px;
}
.activity-content .row:after, .edit-activity-content .row:after, .reservation-content .row:after, .package-content .row:after, .do-roadmap-content .row:after, .add-email-content .row:after, .add-action-content .row:after, .generate-document-content .row:after {
  content: "";
  display: table;
  clear: both;
}
.package-content p {
	margin-bottom: 1em;
}
/* New Party popup: widen payment + Stripe (override global .column.one-third-column 33%) */
.popup.add-package .add-package-content .row.payment-method .column.one-third-column,
.popup.add-package .add-package-content .row.payment-panel.in-app-package .column.one-third-column,
.popup.add-package .add-package-content .cc-panel .row.record-payment-stripe .column.one-third-column,
.popup.add-package .add-package-content .cc-panel .row.record-payment-stripe .column.one-half-column {
	width: 75% !important;
	max-width: 720px !important;
	box-sizing: border-box;
}
/* Standalone disclosure (e.g. New Reservation AJAX): match Payment Method column width */
.popup.add-package .add-package-content .cc-panel > .gp-cc-surcharge-disclosure {
	width: 75%;
	max-width: 720px;
	box-sizing: border-box;
	margin-top: 4px;
}
/* Disclosure inside a grid row/column: fill the column (column already caps at 75% / 720px) */
.popup.add-package .add-package-content .cc-panel .row .gp-cc-surcharge-disclosure {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
}
.popup.add-package .add-package-content .cc-panel .gp-cc-surcharge-disclosure p,
.popup.add-reservation .add-reservation-content .cc-panel .gp-cc-surcharge-disclosure p {
	margin-top: 0;
	margin-bottom: 0.4em;
}
.popup.add-package .add-package-content .cc-panel .gp-cc-surcharge-disclosure p.gp-cc-surcharge-narrative,
.popup.add-reservation .add-reservation-content .cc-panel .gp-cc-surcharge-disclosure p.gp-cc-surcharge-narrative {
	margin-bottom: 0;
}
/* One line of space after ACH paragraph before Payment Amount | Surcharge | Total (avoid margin + padding doubling) */
.popup.add-package .add-package-content .cc-panel .gp-cc-surcharge-disclosure p.gp-cc-surcharge-amounts,
.popup.add-reservation .add-reservation-content .cc-panel .gp-cc-surcharge-disclosure p.gp-cc-surcharge-amounts {
	margin-top: 0.85em;
	padding-top: 0;
	margin-bottom: 0;
}
.popup.add-package .add-package-content .cc-panel .gp-cc-surcharge-disclosure p:last-child,
.popup.add-reservation .add-reservation-content .cc-panel .gp-cc-surcharge-disclosure p:last-child {
	margin-bottom: 0;
}
/* Keep Payment Amount | Surcharge | Total Charge on one line in wide amounts */
.popup.add-package .add-package-content .cc-panel .gp-cc-surcharge-disclosure .gp-cc-fin-breakdown {
	white-space: nowrap;
}
.popup.add-package .add-package-content .cc-panel #payment-form,
.popup.add-package .add-package-content .cc-panel #card-element {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
/* New Reservation: mirror package-add-5 + get-cc-panel (in-app package) — same column widths + surcharge disclosure */
.popup.add-reservation .add-reservation-content .row.payment-method .column.one-third-column,
.popup.add-reservation .add-reservation-content .row.payment-panel.in-app-reservation .column.one-third-column,
.popup.add-reservation .add-reservation-content .cc-panel .row.record-payment-stripe .column.one-third-column,
.popup.add-reservation .add-reservation-content .cc-panel .row.record-payment-stripe .column.one-half-column {
	width: 75% !important;
	max-width: 720px !important;
	box-sizing: border-box;
}
.popup.add-reservation .add-reservation-content .cc-panel > .gp-cc-surcharge-disclosure {
	width: 75%;
	max-width: 720px;
	box-sizing: border-box;
	margin-top: 4px;
}
/* Surcharge disclosure row: same grid width as Payment Method dropdown (not only 75% of .cc-panel) */
/* Package combo / legacy row class (get-cc-panel.php); + item-edit add.php record payment (116 & 151): same as .cc-panel .row.record-payment-stripe widths */
.popup.add-reservation .add-reservation-content .row.payment-cc-surcharge-row .column.one-third-column,
.popup.add-package .add-package-content .row.payment-cc-surcharge-row .column.one-third-column,
.popup.add-reservation .add-reservation-content .row.payment-cc-surcharge-row .column.one-half-column,
.popup.add-package .add-package-content .row.payment-cc-surcharge-row .column.one-half-column,
.item-edit .content-main .cc-panel .row.record-payment-stripe .column.one-half-column,
.item-edit .content-main .cc-panel .row.record-payment-stripe .column.one-third-column {
	width: 75% !important;
	max-width: 720px !important;
	box-sizing: border-box;
}
.popup.add-reservation .add-reservation-content .row.payment-cc-surcharge-row {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.popup.add-reservation .add-reservation-content .cc-panel .row .gp-cc-surcharge-disclosure {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
}
.popup.add-reservation .add-reservation-content .cc-panel .row.record-payment-stripe:has(.gp-cc-surcharge-disclosure) .gp-cc-surcharge-disclosure,
.popup.add-package .add-package-content .cc-panel .row.record-payment-stripe:has(.gp-cc-surcharge-disclosure) .gp-cc-surcharge-disclosure,
.popup.add-reservation .add-reservation-content .cc-panel .row.payment-cc-surcharge-row .gp-cc-surcharge-disclosure,
.popup.add-package .add-package-content .cc-panel .row.payment-cc-surcharge-row .gp-cc-surcharge-disclosure {
	margin-bottom: 1em;
}
/* New Reservation #payment_area: must live in styles.css — calendar/tabs pages load add-reservation via AJAX but omit add-move-reservation.css */
/* Override .reservation-content h3 { margin: 0 0 24px } — keep Payment title + rule tight to dropdown */
.popup.add-reservation .add-reservation-content #payment_area > h3.payment-area-heading,
.popup.add-reservation .add-reservation-content #payment_area > h3:first-of-type {
	margin: 0 0 2px 0 !important;
	padding-bottom: 0 !important;
}
.popup.add-reservation .add-reservation-content #payment_area .row.payment-method {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.popup.add-reservation .add-reservation-content #payment_area .row.payment-panel.in-app-reservation {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.popup.add-reservation .add-reservation-content #payment_area .row.payment-method .item,
.popup.add-reservation .add-reservation-content #payment_area .row.payment-method .dropdown-item {
	margin-bottom: 2px !important;
	margin-top: 0 !important;
	height: auto !important;
	min-height: 42px;
}
.popup.add-reservation .add-reservation-content #payment_area .row.payment-method .cc-error {
	margin-bottom: 0 !important;
	min-height: 0 !important;
}
/* Match Promo/Gift horizontal inset (same as .payment-step > .row in add-move-reservation.css) */
.popup.add-reservation .add-reservation-content #payment_area {
	padding-left: 25px !important;
	padding-right: 25px !important;
	box-sizing: border-box;
}
.popup.add-reservation .add-reservation-content #payment_area .cc-panel {
	margin-top: 0 !important;
	padding: 0 !important;
}
.popup.add-reservation .add-reservation-content #payment_area .row.payment-cc-surcharge-row,
.popup.add-reservation .add-reservation-content #payment_area .row.record-payment-stripe:has(.gp-cc-surcharge-disclosure) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}
.popup.add-reservation .add-reservation-content #payment_area .row.payment-cc-surcharge-row .gp-cc-surcharge-disclosure,
.popup.add-reservation .add-reservation-content #payment_area .row.record-payment-stripe:has(.gp-cc-surcharge-disclosure) .gp-cc-surcharge-disclosure {
	margin-top: 0 !important;
	max-width: 100%;
}
.popup.add-reservation .add-reservation-content #payment_area .gp-cc-surcharge-disclosure p.gp-cc-surcharge-narrative {
	margin: 0 0 0 !important;
}
/* One line between “…via ACH.” and Payment Amount row */
.popup.add-reservation .add-reservation-content #payment_area .gp-cc-surcharge-disclosure p.gp-cc-surcharge-amounts {
	margin-top: 0.85em !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	border-top: 0 !important;
}
.popup.add-reservation .add-reservation-content .cc-panel .gp-cc-surcharge-disclosure .gp-cc-fin-breakdown {
	white-space: nowrap;
}
/* add.php record payment (116 & 151): single line between narrative and amounts; gap before cards row */
.item-edit .content-main .cc-panel .gp-cc-surcharge-disclosure p.gp-cc-surcharge-narrative {
	margin: 0 0 0 !important;
}
.item-edit .content-main .cc-panel .gp-cc-surcharge-disclosure p.gp-cc-surcharge-amounts {
	margin-top: 0.85em !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}
.item-edit .content-main .cc-panel .row.record-payment-stripe:has(.gp-cc-surcharge-disclosure) .gp-cc-surcharge-disclosure {
	margin-bottom: 1em;
}
.item-edit .content-main .cc-panel .gp-cc-surcharge-disclosure .gp-cc-fin-breakdown {
	white-space: nowrap;
}
.popup.add-reservation .add-reservation-content .cc-panel #payment-form,
.popup.add-reservation .add-reservation-content .cc-panel #card-element {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.package-btn-group {
	margin: 30px 0;	
}
.package-btn-group h2 {
	font-size: 20px;
    font-weight: 400;
    color: black;
	margin-bottom: 1em;
}
.package-btn.time-slot-btn {
	background-color: #F9FAFC;
    color: black;
    border-color: #CED3DD;
    font-weight: 400;
    border-width: 1px;
    border-style: solid;
    padding: 12px 0;
    width: 150px;
    margin: 0 3px 5px;
	cursor: pointer;
}
.package-times {
	clear: both;
}
.package-content .activity-add-list h2 {
	margin-left: 0;
	padding-left: 0;
}
#add-package-4 h3 {
	margin-top: 0;
}
.activity-add-buttons, .activity-edit-buttons, .reservation-add-buttons, .package-add-buttons, .do-roadmap-buttons, .email-add-buttons, .action-add-buttons, .lookup-add-buttons, .generate-document-buttons {
	text-align: right;
	width: 98%;
	padding: 0;
	margin-top: 40px;
	position: relative;
	clear: both;
}
.reservation-add-buttons, .package-add-buttons {
	margin: 0;
}
.message-body {
	border-top: 1px solid #D5DBE;
	padding: 30px;
}
.activity-add-buttons .finish, .activity-edit-buttons .finish, .reservation-add-buttons .finish, .package-add-buttons .finish, .do-roadmap-buttons .finish, .email-add-buttons .finish, .action-add-buttons .finish, .generate-document-buttons .finish  {
	position: absolute;
	left: 0;
	top: 4px;
}
.activity-add-buttons .button, .activity-edit-buttons .button, .reservation-add-buttons .button, .package-add-buttons .button, .do-roadmap-buttons .button, .email-add-buttons .button, .action-add-buttons .button, .generate-document-buttons .button {
	border: 1px solid #E2E5EC;
	color: #9AA2B5;
	margin-left: 20px;
}
.activity-add-buttons .button:hover, .activity-edit-buttons .button:hover, .reservation-add-buttons .button:hover, .package-add-buttons .button:hover, .do-roadmap-buttons .button:hover, .email-add-buttons .button:hover, .action-add-buttons .button:hover {
	background-color: #FF5667;
	color: white;
	border-color: #FF5667;
}
.activity-add-buttons .button.next, .activity-edit-buttons .button.next, .activity-add-buttons .button.summary-close, .activity-edit-buttons .button.summary-close, .reservation-add-buttons .button.next, .package-add-buttons .button.next, .reservation-add-buttons .button.summary-close, .reservation-edit-buttons .button.summary-close, .do-roadmap-buttons .button.next, .email-add-buttons .button.summary-close, .email-add-buttons .button.next, .email-add-buttons .button.summary-close, .action-add-buttons .button.summary-close, .action-add-buttons .button.next, .action-add-buttons .button.summary-close, .generate-document-buttons .button.summary-close, .generate-document-buttons .button.next, .generate-document-buttons .button.summary-close {
	background-color: #E2E5EC;
	color: #2A3246;	
}
.activity-add-buttons .button.summary-close, .activity-edit-buttons .button.summary-close, .reservation-add-buttons .button.summary-close, .package-add-buttons .button.summary-close, .do-roadmap-buttons .button.summary-close, .email-add-buttons .button.summary-close, .action-add-buttons .button.summary-close, .generate-document-buttons .button.summary-close {
	margin-right: 30px;
}
.activity-add-buttons .button.next:hover, .activity-edit-buttons .button.next:hover, .reservation-add-buttons .button.next:hover, .package-add-buttons .button.next:hover, .email-add-buttons .button.next:hover, .action-add-buttons .button.next:hover, .activity-add-buttons .button.summary-close:hover, .activity-edit-buttons .button.summary-close:hover, .email-add-buttons .button.summary-close:hover, .action-add-buttons .button.summary-close:hover, .do-roadmap-buttons .button.next:hover, .generate-document-buttons .button.summary-close:hover, .generate-document-buttons .button:hover {
	background-color: #FF5667;
	border-color: #FF5667;
	color: white;
}
.accordion .activity-add-list, .accordion .activity-edit-list, .accordion .reservation-add-list, .accordion .reservation-edit-list, .reservation-add-list {
	margin: 30px 0 30px 46px;
	/*display: none;*/
}
.accordion.open .activity-add-list, .accordion.open .activity-edit-list, .accordion.open .reservation-add-list, .accordion.open .reservation-edit-list, .reservation-add-list  {
	display: block;
}
.accordion.open .activity-add-list.included-form, .accordion.open .activity-edit-list.included-form, .accordion.open .reservation-add-list.included-form, .accordion.open .reservation-edit-list.included-form {
	display: none;
}
.activity-add-list:after, .activity-edit-list:after, .reservation-add-list:after, .reservation-edit-list:after, .reservation-add-list:after {
  content: "";
  display: table;
  clear: both;
}
.accordion.open .activity-add-list p.not-available, .accordion.open .activity-edit-list p.not-available, .accordion.open .reservation-add-list p.not-available, .accordion.open .reservation-edit-list p.not-available, .reservation-add-list p.not-available {
	line-height: 42px;
	margin-bottom: 5px;
} 
.activity-add-list .item, .activity-edit-list .item, .reservation-add-list .item, .reservation-edit-list .item, .reservation-add-list p.not-available .item {
	margin-bottom: 5px;
}
.activity-add-list.asset .item, .activity-edit-list.asset .item, .reservation-add-list.asset .item, .package-add-list.activity .item {
	width: 24%;
	margin-right: 1%;
	float: left;
}
.select-all-assets {
	float: none !important;
    position: absolute !important;
    top: -67px !important;
    left: 140px !important;
    background-color: transparent !important;
}
.select-all-assets label {
	padding-left: 30px !important;
}
#add-activity-4 h2 span, #edit-menu h2 span {
    font-size: 14px;
    font-style: italic;
    text-transform: none;
    font-weight: 400;
}
.event-activity-menu-table, .reservation-menu-table  {
	border-collapse: collapse;
	width: 100%;
}
.event-activity-menu-table tr, .reservation-menu-table tr  {
	background-color: #F9FAFC;
}
.event-activity-menu-table tr td, .reservation-menu-table tr td  {
    background-color: #F9FAFC;
	white-space: nowrap;
	color: #2A3246;
	border-bottom: 5px solid white;
	font-size: 15px;
}
.event-activity-menu-table table td, .reservation-menu-table table td  {
	border-bottom: none;
	position: relative;
}
.event-activity-menu-table td.column_checkbox, .reservation-menu-table td.column_checkbox  {
	width: 22px;
}
.event-activity-menu-table td.column_quantity, .event-activity-menu-table td.column_hours, .reservation-menu-table td.column_quantity, .reservation-menu-table td.column_hours  {
	width: 100px;
}
.event-activity-menu-table td.column_quantity .ea-qty,.event-activity-menu-table td.column_quantity .ea-hours, .reservation-menu-table td.column_quantity .ea-qty, .reservation-menu-table td.column_quantity .ea-hours {
	width: 16px;
    text-align: right;
}
.event-activity-menu-table td.column_price, .reservation-menu-table td.column_price {
	width: 190px;
}
.event-activity-menu-table td.column_price .ea-price, .reservation-menu-table td.column_price .ea-price {
	width: 40px;
    text-align: right;
}
.event-activity-menu-table .item.dropdown, .reservation-menu-table .item.dropdown  {
	background-image: url(images/arrow-down.svg);
    border: none;
    background-repeat: no-repeat;
    background-position: right 10px top 8px;
    height: auto;
    margin: 0;
    padding: 0;
    min-width: 240px;
	width: 220px;
    padding-right: 30px;
	font-size: 15px;
}
.event-activity-menu-table .item.dropdown-item .dd-options, .reservation-menu-table .item.dropdown-item .dd-options, .lp-item.dropdown-item .dd-options {
	top: 28px;
	font-size: 15px;
	/*text-align: left;
	left: -1px;
	max-height: 180px;
	padding: 0;
	width: 100%;
	border: 1px solid #CED3DD;*/
}
.event-activity-menu-table td.updown, .reservation-menu-table td.updown {
	position: relative;
}
.event-activity-menu-table td.updown .qty-arrow, .event-activity-menu-table td.updown .hours-arrow, .reservation-menu-table td.updown .qty-arrow, .reservation-menu-table td.updown .hours-arrow {
	width: 10px;
	position: absolute;
	top: 3px;
	left: 4px;
	cursor: pointer;
} 
.event-activity-menu-table td.updown #qty-arrow-decrease, .event-activity-menu-table td.updown #ct-qty-arrow-decrease, .event-activity-menu-table td.updown #hours-arrow-decrease, .event-activity-menu-table td.updown #ct-hours-arrow-decrease, .reservation-menu-table td.updown #si-qty-arrow-decrease {
	top: auto;
	bottom: 0;
}
.event-activity-menu-table td .label, .reservation-menu-table td .label {
	color: #7B8290;
	padding-right: 10px;
}
.event-activity-menu-table td .delete-menuitem, .reservation-menu-table td .delete-menuitem {
	cursor: pointer;
}
.event-activity-menu-table td.column_menuitem span {
	display: inline-block;
	padding: 2px 6px;
	margin: 3px 4px 3px 0;
	border: 1px solid transparent;
}
.event-activity-menu-table td.column_menuitem span.editable, .event-activity-menu-table td.ea-qty.editable, .event-activity-menu-table td.ea-hours.editable {
	border: 1px solid black;
	background-color: white;
	padding: 0px 5px;
}
.event-activity-menu-table td.column_menuitem .save-check, .event-activity-menu-table .save-check-qph {
	display: none;
	width: 20px;
	height: 20px;
	position: relative;
	top: 4px;
	cursor: pointer;
}
.activity-summary, .reservation-summary  {
	position: relative;
	display: flex;
}
.dni-taxes-fees {
	text-align: right;
	padding-right: 34px;
    margin-top: 3px;
}
.activity-summary .column, .reservation-summary .column {
	padding-right: 40px;
}
.activity-summary .top-close, .reservation-summary .top-close  {
	background-color: #FF9AA5;
	color: white;
}
.activity-summary .top-close:hover, .reservation-summary .top-close:hover  {
	background-color: white;
	color: #FF5667;
}
.menu-subtotal {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-top: 20px;
	text-transform: uppercase;
}
.activity-total, .reservation-total  {
	font-size: 22px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	padding-right: 24px;
}
.activity-content .accordion.extra, .edit-activity-content .accordion.extra  {
	margin-top: 0;
	margin-bottom: 40px;
	border:none;
}
.activity-content .accordion h2, .edit-activity-content .accordion h2  {
	margin: 0 0 20px;
}
.activity-content.menu-selections .accordion h2, .edit-activity-content.menu-selections .accordion h2 {
	padding-left: 0;
}
.activity-content .accordion .toggle.opened, .activity-content .accordion .toggle.closed, .edit-activity-content .accordion .toggle.opened, .edit-activity-content .accordion .toggle.closed {
	left: 0;
}
.popup.activity .activity-content.menu-selections {
	padding: 0 0 50px;
}
.popup.activity .activity-content.menu-selections .activity-add-buttons {
	margin: 40px 50px 0;
	width: calc( 98% - 100px );
}
.popup.add-reservation {
    margin: 40px auto 0;
}
.popup.activity .activity-content.menu-selections .inside-content, 
.popup.activity .activity-content.summary .inside-content, 
.popup.activity .activity-content.summary .inside-content.menus {
	padding: 30px 50px;
}
.popup.add-email .add-email-content h2, .popup.add-action .add-action-content h2, .popup.generate-document .generate-document-content h2, .popup.do-roadmap .do-roadmap-content h2 {
	margin-bottom: 20px;
}
.popup.add-email .col, .popup.add-action .col, .popup.do-roadmap .col{
	margin-right: 20px;
}
.popup.add-email .recipients, .popup.add-action .recipients, .popup.do-roadmap .recipients{
	display: flex;
}
.popup.add-email .copyto_label, .popup.add-action .copyto_label, .popup.do-roadmap .copyto_label {
	margin-left: 50px;
}
.popup.add-email .copyto_label, .popup.add-email .sendto_label, .popup.add-action .copyto_label, .popup.add-action .sendto_label, .popup.do-roadmap .copyto_label, .popup.do-roadmap .sendto_label {
	font-weight: bold;
	margin-right: 12px;
}
.popup.add-email span.label, .popup.add-action span.label, .popup.do-roadmap span.label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}
.popup.add-email hr, .popup.add-action hr {
	border-bottom: 1px solid #9AA2B5;
	margin: 24px 0;
}
.popup.add-email #item-406, .popup.add-action #item-406, .popup.do-roadmap #item-406 {
	height: auto;
}
.menu-counter {
	text-align: center;
	background-color: #EAECF1;
	padding: 20px;
}
.menu-counter .counter {
	padding: 12px;
	position: relative;
}
.menu-counter .counter .rule {
    border-bottom: 2px solid #CACDD5;
    height: 36px;
    position: absolute;
    top: 0;
    width: 232px;
    z-index: 0;
    left: 50%;
    margin-left: -116px;
}
.menu-counter .counter ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 50%;
    margin-left: -116px;
}
.menu-counter .counter ul li {
	font-size: 18px;
	color: #959BA7;
	text-align: center;
	border-radius: 50%;
	padding: 8px 12px 12px;
	margin-right: 50px;
	background-color: #CACDD5;
	width: 44px;
	height: 44px;
	font-weight: bold;
	display: inline-block;
	border: 3px #EAECF1 solid;
}
.menu-counter .counter ul li.selected {
	color: white;
	background-color: #2A3246;
}
.menu-counter .counter ul li.complete {
	background-color: #FF5667;
}
.menu-counter .counter ul li:last-child {
	margin-right: 0;
}
.menu-counter h2 {
	color: #FF5667;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 42px;
}
.summary .menu {
	border: 1px solid #A9B2C9;
	padding: 20px 35px;
}
.included-items {
	list-style-image: url('images/included-check.svg');
	margin-left: 24px;
}
.summary .included-items {
	padding-top: 32px;
	margin-right: 40px;
}
.included-items li {
	line-height: 24px;
}
.included-form {
	display: none;
}
.package-edit {
	margin-top: 20px;
}
.package-edit-span {
	color: #FF5667;
	padding-right: 24px;
	line-height: 20px;
	background: url(images/package-edit.svg) no-repeat center right;
	cursor: pointer;
}
.popup.activity .activity-content.summary {
	padding: 0 0 50px;
}
.activity-content.summary h2, .edit-activity-content.summary h2 {
	color: #FF5667;
	font-size: 22px;
	line-height: 50px;
	padding-left: 50px;
	background-color: #EAECF1;
	text-transform: uppercase;
}
.activity-content.summary h3, .edit-activity-content.summary h3 {
	font-size: 18px;
	margin-top: 0;
	border-bottom: none;
}
.activity-content.summary h3 .pricing-type, .edit-activity-content.summary h3 .pricing-type {
	text-transform: lowercase;
	font-size: 16px;
	font-style: italic;
}
.activity-header .top-close, .edit-activity-header .top-close, .reservation-header .top-close, .package-header .top-close {
	background-color: #FF9AA5;
	color: #FFFFFF;
    padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    border-radius: 7px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    display: inline-block;
}
.activity-content.summary .menu-section h4.msection_name, .edit-activity-content.summary .menu-section h4.msection_name {
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: 0;
	width: 28%;
}
.activity-content.summary .menu-section.included-section h4.msection_name {
	width: auto;
}
.activity-content.summary .menu-section.included-section h4.msection_name, .edit-activity-content.summary .menu-section.included-section h4.msection_name {
	top: 0;
}
.activity-content.summary .menu, .edit-activity-content.summary .menu {
	padding: 20px 24px;
	margin-bottom: 20px;
	position: relative;
	background-color: white;
}
.activity-content.summary .menu .button.edit, .edit-activity-content.summary .menu .button.edit, .activity-content.summary .menu .button.delete, .edit-activity-content .menu .button.delete {
	border: 1px solid #E2E5EC;
	color: #9AA2B5;
	margin-left: 20px;
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    border-radius: 7px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    display: inline-block;
}
.activity-content.summary .menu .button.edit:hover, .edit-activity-content.summary .menu .button.edit:hover, .activity-content.summary .menu .button.delete:hover, .edit-activity-content .menu .button.delete:hover {
	border: 1px solid #FF5667;
	background-color: #FF5667;
	color: white;
}
.activity-content.summary .menu .button.edit, .edit-activity-content.summary .menu .button.edit {
	right: 130px;
}
.activity-content.summary .menu-section, .edit-activity-content.summary .menu-section {
	position: relative;
	border-bottom: 1px solid #A9B2C9;
	padding: 20px 0;
	line-height: 24px;
}
.activity-content.summary .menu-section.included-section, .edit-activity-content.summary .menu-section.included-section {
	padding-top: 0;
	display: flex;
}
.activity-content.summary .menu-section:last-child, .edit-activity-content.summary .menu-section:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.activity-content.summary .event-activity-menu-table, .edit-activity-content.summary  .event-activity-menu-table {
	margin-left: 30%;
	position: relative;
}
.activity-content .item-add-buttons .reservation-content .si-add-buttons {
	margin-top: 30px;
}
.activity-content .item-add-buttons {
	margin: 30px 0;
}
.activity-content .item-add-buttons .item-add-button, .edit-activity-content .item-add-buttons .item-add-button, .reservation-content .si-add-buttons .si-add-button, .email-generate-document-button, .email-select-document-button, .email-add-payment-button, .email-select-payment-button {
	display: inline-block;
    margin-right: 30px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 26px;
    line-height: 19px;
    background: url(images/add-item.svg) no-repeat left center;
    color: #2A3246;
	cursor: pointer;
}
.activity-content.menu-selections .item-add-buttons .item-add-button:hover, .activity-content.menu-selections .item-add-buttons .item-add-button.selected, .edit-activity-content .item-add-buttons .item-add-button:hover, .edit-activity-content .item-add-buttons .item-add-button.selected, .reservation-content .si-add-buttons .si-add-button.selected, .reservation-content .si-add-buttons .si-add-button:hover, .email-generate-document-button:hover, .email-generate-document-button:active, .email-select-document-button:hover, .email-select-document-button:active, .email-add-payment-button:hover, .email-add-payment-button:active, .email-select-payment-button:hover, .email-select-payment-button:active {
    background-image: url(images/add-item-ro.svg);
}
.checkbox-options .add-payment, .checkbox-options .add-document {
	display: none;
}
.edit-fields h2 {
	margin-bottom: 20px;
}
.edit-fields #available-fields, .fields.scroller.available-fields {
	position: relative;
	z-index: 10;
	list-style-type: none;
}
.edit_fields .row:after {
	content: "";
	display: table;
	clear: both;
}
.form-section-label {
	position: relative;
	width: 100%;
}
.edit-lead-form-section-name {
	position: absolute;
	top: 4px;
	right: 24px;
	cursor: pointer;
}
.edit-lead-form-section-name.first-section-edit {
	right: 4px;
}
.delete-lead-form-section {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}
.view-code .accordion.details th {
	width: 191px;
}
.view-code .accordion.details th td {
	width: auto;
}
.view-code .accordion.details td textarea {
	width: 600px;
	height: 240px;
}
.view-code .accordion.details td input[type=text] {
	width: 100%;
}
/**** COMMUNICATION HISTORY ****/
.sub-table.correspondence tfoot .button-header td {
	position: relative;
}
.refresh-messages, .refresh-unfiled {
	background: url('images/refresh-icon.svg') no-repeat left;
	background-size: 20px;
	padding-left: 28px;
	position: absolute;
	top: 10px;
	left: 12px;
	min-width: 20px;
	min-height: 20px;
	font-size: 90%;
}
.thread .comms-container {
	padding: 60px 0 7px;
	border-top: 1px solid #D5DBEB;
}
.thread .comms-header {
	position: relative;
}
.thread .messages {
	background-color: #EFF1F5;
	padding: 30px 68px;
}
.thread .message-window, .attachments .file-type-popup, .attachments .document-popup, .attachments .payment-popup {
	background-color: white;
	box-shadow: 4px 5px 13px rgba(0,0,0,.16);
	padding: 20px 36px 50px;
	border-radius: 5px;
}
.thread .message-header {
	padding-bottom: 40px;
}
.thread .subject {
	font-weight: bold;
	background: url(images/document-icon.svg) no-repeat left top;
	line-height: 30px;
	position: relative;
	padding-left: 40px;
}
.thread .subject .message-num {
	position: absolute;
	top: 0;
	right: 0;
	font-style: italic;
	color: #9498A2;
	padding-left: 24px;
	background: url(images/message-bubble-icon.svg) no-repeat left center;
	font-weight: normal;
    font-size: .9em;
}
.thread .message {
	border-top: 1px solid #707070;
	position: relative;
	padding: 20px;
	height: 300px;
	overflow: hidden;
	cursor: pointer;
	transition: height 0.5s ease-in;
}
.thread .message.open {
	height: auto;
	cursor: default;
}
.thread .message .message-headers {
	margin-bottom: 20px;
}
.thread .message-status {
	margin: 50px 0;
	font-style: italic;
}
.thread .message ul, .thread .message ol {
	list-style-position: inside;
	margin: 10px 0;
}
.thread .message p {
	margin-bottom: 10px;
}
.thread .message .profile-pic {
	position: absolute;
	top: 10px;
	left: 0;
}
.thread .reply {
	margin-bottom: 20px;
}
.thread .reply h3 {
	margin-top: 0;
}
/**** EMAIL SEQUENCE STATUS ****/
.popup.sequence-status .sequence-status-content {
	padding: 30px 50px;
	max-height: 70vh;
	overflow-y: auto;
}
.sequence-status-details {
	margin-bottom: 20px;
}
.sequence-info-section {
	margin-bottom: 30px;
	padding: 0;
	background: white;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.sequence-info-section h3 {
	margin: 0;
	padding: 12px 20px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	background: #2A3246;
}
.sequence-info-section .sequence-meta {
	padding: 20px;
}
.sequence-meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 15px;
}
.meta-item {
	font-size: 14px;
}
.meta-item strong {
	color: #555;
	margin-right: 8px;
}
.status-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
}
.status-badge.status-active {
	background: #ebedf2;
	color: #2A3246;
}
.status-badge.status-pending {
	background: #ebedf2;
	color: #2A3246;
}
.status-badge.status-sent {
	background: #ebedf2;
	color: #2A3246;
}
.status-badge.status-failed {
	background: #ffebee;
	color: #f44336;
}
.status-badge.status-skipped {
	background: #f5f5f5;
	color: #9e9e9e;
}
.status-badge.status-stopped_by_user,
.status-badge.status-stopped_by_reply,
.status-badge.status-stopped_by_error {
	background: #ffebee;
	color: #f44336;
}
.status-badge.status-stopped_by_milestone {
	background: #fff3e0;
	color: #ff9800;
}
.status-badge.status-stopped {
	background: #fff3e0;
	color: #ff9800;
}
.sequence-stats-section {
	margin-bottom: 15px;
	padding: 0;
	background: white;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.sequence-stats-section h4 {
	margin: 0;
	padding: 8px 15px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background: #2A3246;
}
.sequence-stats-section .progress-bar {
	margin: 12px 15px 12px 15px;
}
.sequence-stats-section .stats-grid {
	padding: 0 15px 12px 15px;
}
.progress-bar {
	width: 100%;
	height: 20px;
	background: #e0e0e0;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 12px;
}
.progress-fill {
	height: 100%;
	background: #2A3246;
	transition: width 0.3s ease;
	border-radius: 10px 0 0 10px;
}
.progress-fill.complete {
	border-radius: 10px;
}
.stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
}
.stat-item {
	text-align: center;
	padding: 8px;
	background: white;
	border-radius: 5px;
}
.stat-label {
	display: block;
	font-size: 11px;
	color: #666;
	margin-bottom: 3px;
}
.stat-value {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.stat-value.sent {
	color: #2A3246;
}
.stat-value.pending {
	color: #2A3246;
}
.stat-value.failed {
	color: #f44336;
}
.stat-value.skipped {
	color: #9e9e9e;
}
.sequence-emails-section {
	margin-bottom: 20px;
}
.sequence-emails-section h4 {
	margin: 0 0 15px 0;
	color: #333;
	font-size: 18px;
}
.sequence-emails-table {
	width: 100%;
	border-collapse: collapse;
	background: white;
	border-radius: 5px;
	overflow: hidden;
	table-layout: fixed;
}
.sequence-emails-table thead {
	background: #2A3246;
	color: white;
}
.sequence-emails-table th {
	padding: 12px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
.sequence-emails-table td {
	padding: 12px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 14px;
}
.sequence-emails-table .col-number {
	width: 5%;
}
.sequence-emails-table .col-subject {
	width: 35%;
}
.sequence-emails-table .col-status {
	width: 15%;
}
.sequence-emails-table .col-scheduled {
	width: 20%;
}
.sequence-emails-table .col-sent {
	width: 20%;
}
.sequence-emails-table .col-error {
	width: 5%;
	text-align: center;
}
.sequence-emails-table tbody tr:hover {
	background: #f5f5f5;
}
.sequence-emails-table tbody tr:last-child td {
	border-bottom: none;
}
.email-row.status-sent {
	background: #ebedf2;
}
.email-row.status-pending {
	background: #ebedf2;
}
.email-row.status-failed {
	background: #ffebee;
}
.email-row.status-skipped {
	background: #f5f5f5;
	opacity: 0.7;
}
.error-msg {
	color: #f44336;
	cursor: help;
	font-size: 18px;
}
.sequence-status-content .loading {
	text-align: center;
	padding: 40px;
	color: #666;
}
.sequence-status-content .error {
	padding: 20px;
	background: #ffebee;
	color: #f44336;
	border-radius: 5px;
	margin: 20px 0;
}
.sequence-status-buttons {
	text-align: right;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.sequence-status-done {
	background-color: #D8DCE6;
	color: #2A3246;
	opacity: 1;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
.sequence-status-done:hover {
	background-color: #ff5667;
	color: white;
}

.thread .message .message-overlay {
	background: transparent;
    background: -webkit-linear-gradient(bottom, white 5%, white 20%, transparent 100%);
    background: -o-linear-gradient(bottom, white 5%, white 20%, transparent 100%);
    background: linear-gradient(to top, white 5%, white 20%, transparent 100%);
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}
.thread .message.open .message-overlay {
	background: none;
}
.attachments {
	display: none;
}
#compose-email-2 .attachments, #compose-sequence-2 .attachments, .popup.do-roadmap .attachments {
	display: flex;
}
.attachments .files, .attachments .documents, .attachments .payments {
	margin: 0 30px 30px 0;
	position: relative;
}
.attachments .file-type-popup, .attachments .documents .document-popup, .attachments .payments .payment-popup {
	position: absolute;
	top: 40px;
	z-index: 90;
	padding: 16px 16px 4px;
    width: 300px;
	display: none;
}
.attachments .file-type-popup ul, .attachments .document-popup ul, .attachments .payment-popup ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.attachments .file-type-popup ul li, .attachments .document-popup ul li, .attachments .payment-popup ul li {
	margin-bottom: 12px;
	position: relative;
}
.attachments .file-type-popup input[type=file] {
	position: absolute;
	left: -10000px;
}
.attachments .file-type-popup a, .attachments .file-type-popup label, .attachments .document-popup a, .attachments .payment-popup a {
	color: #2A3246;
	text-decoration: none;
	cursor: pointer;
}
.attach-file-button, .share-document, .request-payment {
	background: url(images/attachment-icon.svg) no-repeat left center;
	line-height: 28px;
	padding-left: 30px;
	font-style: italic;
	margin-bottom: 10px;
	cursor: pointer;
	display: block;
	margin-right: 60px;
}
.files .cancel-file {
	margin-right: 12px;
}
.share-document {
	background: url(images/document-icon.svg) no-repeat left center;
}
.request-payment {
	background: url(images/payment-icon.svg) no-repeat left center;
	padding-left: 40px;
}
.file_to_attach {
	font-size: 90%;
	margin-bottom: 3px;
}
.file_to_attach .cancel-file {
	cursor: pointer;
}
.message-attachments {
	margin-top: 30px;
	padding-left: 30px;
	background: url(images/attachment-icon.svg) no-repeat top left;
}
.show-message-history {
	font-size: 80%;
}
.message-history {
	display: none;
	font-size: 90%;
}
.message-history.open {
	display: block;
}
.message-history th, .message-history td {
	border: 1px solid black !important;
	text-align: left !important;
	font-size: 90% !important;
}
.update-message-history {
	display: block;
	margin-top: 20px;
	font-size: 90%;
}

/**** EMBED ****/

.landing-page .container, .guest-reservation .container, .guest-package .container {
    width: 100%;
    min-height: 100vh;
    /*position: fixed;*/
    background-repeat: no-repeat;
	background-repeat: repeat-y;
    background-size: cover;
	padding-top: 20px;
}
.landing-page .container {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	padding: 0;
}
.landing-page .formbg {
    width: 783px;
    margin: 0 auto;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
	box-shadow: 4px 5px 13px rgba(0,0,0,.16);
	padding: 50px 50px 30px;
	position: relative;
	/* top: 150px; */
	min-height: 500px;
}
.landing-page.embed .formbg {
	padding-top: 30px;
	width: 100%;
	border-radius: initial;
	box-shadow: none;
	top: 0;
	position: static;
}
.guest-reservation .logo {
	width: 150px;
	height: 150px;
	border-radius: 14px;
	position: absolute;
	left: 50%;
	top: -64px;
	margin-left: -75px;
	border: 9px white solid;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
/* .landing-page h1, .landing-page h2 {
	font-size: 36px;
	font-weight: 700;
	text-align: center;
    margin: 0 0 20px;
    padding-left: 0;
} */
/* .landing-page h2 {
	font-size: 24px;
    margin: 30px 0 60px;
} */
.landing-page p {
	margin-bottom: 15px;
}
.landing-page .items {
	/* margin-bottom: 60px; */
}
.landing-page .items.last-section {
	margin-bottom: 30px;
}
/* .landing-page .item label {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
    position: absolute;
	font-size: 16px;
    top: -28px;
    left: 0px;
	background: none;
} */
.landing-page .item .dd-options {
	z-index: 20;
}
.landing-page .item .dd-options label {
	display: inline;
	margin: 0;
	font-weight: normal;
	position: relative;
	top: auto;
	left: auto;
}
input[type=text], input[type=email], input[type=password], input[type=date], textarea, select {
    outline: none;
    font-family: inherit;
    font-size: inherit;
	width: 100%;
	background-color: transparent;
}
/*.lp-item {
	background: transparent;
	width: 100%;
	height: 42px;
	padding: 8px 12px;
	border: 1px solid black;
	margin-bottom: 20px;
	border-radius: 0;
}*/
.lp-item.dropdown {
	min-width: 0;
}
input[type=submit] {
    outline: none;
    font-family: inherit;
    font-size: inherit;
    text-transform: uppercase;
    padding: 8px 20px;
    color: white;
    font-weight: 700;	
}
.landing-page .yet_logo {
	text-align: center;
	margin: 40px 0 0;
}
.landing-page .error-message {
	text-align: center;
}
.address_email .one-half-column {
	margin-bottom: 30px;
}
.address_email .select-addresses {
	display: none;
}
.address_email h3 {
	border: none;
	margin: 0;
}
.address_email .item.checkbox {
	padding-left: 0;
	background: transparent;
	margin-bottom: 0;
	height: 30px;
	cursor: pointer;
}
.address_email .email-lookup {
	padding-right: 65px !important;
}
.row.select-addresses {
	border-top: none !important;
}
/*** Multi input style ***/
.tagsContainer {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.tag {
  background: #FF5667;
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.tag span {
  cursor: pointer;
  font-weight: bold;
}
.tag .removeBtn {
	font-size: 11px !important;
}
.input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.tagInput {
  width: 100%;
  padding-right: 35px;
  box-sizing: border-box;
}
.tag-enter-btn {
  position: absolute;
  right: 42px;
  top: 50%;
  right: 9%;
  transform: translate(-9%, -50%);
  background: transparent;
  color: #fff;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  font-size: 13px;
  font-weight: bold;
  padding: 0px 10px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.tag-enter-btn svg {
  width: 28px;
  height: 28px;
  display: block;
}
/*** DASHBOARD ***/
.dashboard-row {
	display: flex;
	justify-content: space-between;
	padding: 30px 68px 40px;
	align-items: stretch;
}
.dashboard-row .dashboard-box {
	background-color: white;
	border: 1px solid #C3C7D3;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 50%;
	position: relative;
}
.dashboard-row .upcoming-tasks {
	margin-right: 50px;
}
.dashboard-row h2 {
	font-size: 16px;
	color: #2A3246;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #D5DBEB;
	padding-left: 50px;
	padding-right: 50px;
}
.dashboard-row h2 span {
	display: inline-block;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-right: 50px;
	border-bottom: 1px solid white;
	color: #9AA2B5;
}
.dashboard-row .dashboard-box.inquiries h2 span {
	cursor: pointer;
}
.dashboard-row h2 span.ro, .dashboard-row h2 span.selected {
	border-bottom: 2px solid #FF5667;
	color: #2A3246;
}
.dashboard-row h2 span.reminders {
	color: #2A3246;
}
.dashboard-row .dashboard-box .view-all {
	position: absolute;
	top: 16px;
	right: 50px;
}
.dashboard-row .dashboard-box .view-all a {
	font-size: 14px;
	font-weight: 400;
	color: #9AA2B5;
	text-decoration: none;
}
.dashboard-row .dashboard-box .reminder-detail, .dashboard-row .dashboard-box .inquiry-detail  {
	height: 330px;
	font-size: 15px;
	line-height: 1.5;
}
.dashboard-row .dashboard-box .reminder-detail ul, .dashboard-row .dashboard-box .inquiry-detail ul {
	margin: 18px 50px;
	padding: 0;
	list-style-type: none;
}
.dashboard-row .dashboard-box .reminder-detail ul li {
	margin-top: 18px;
	background-color: #F7F8FB;
	padding: 20px 12px 20px 80px;
	position: relative;
	border-radius: 10px;
	cursor: pointer;
}
.dashboard-row .dashboard-box .reminder-detail ul li::first-child {
	margin-top: none;
}
.dashboard-row .dashboard-box .reminder-detail ul li .icon {
	position: absolute;
	top: 20px;
	left: 20px;
}
.dashboard-row .dashboard-box .reminder-detail ul li .line-1 {
	font-weight: 700;
}
.dashboard-row .dashboard-box .reminder-detail ul li .line-2 span {
	display: inline-block;
	margin-top: 4px;
	color: #707070;
}
.dashboard-row .dashboard-box .reminder-detail ul li .line-2 .task-event {
	margin-left: 20px;
	padding-left: 20px;
	background: url(images/reminder-event-icon.svg) no-repeat center left;
}
.dashboard-row .dashboard-box .reminder-detail ul li .line-2 .task-event a {
	text-decoration: none;
	color: #707070;
}
.dashboard-row .dashboard-box .inquiry-detail ul {
	margin-top: 20px;
}
.dashboard-row .dashboard-box .inquiry-detail.new-inquiries {
	display: none;
}
.dashboard-row .dashboard-box .inquiry-detail ul li {
	margin-top: 18px;
	position: relative;
	cursor: pointer;
	display: flex;
	border-bottom: 1px solid #D5DBEB;
	padding-bottom: 16px;
}
.dashboard-row .dashboard-box .inquiry-detail ul li span {
	display: block;
	width: 50%;
}
.dashboard-row .dashboard-box .inquiry-detail ul li span.contact-info {
	margin-right: 20px;
}
.dashboard-row .dashboard-box .inquiry-detail ul li::first-child {
	margin-top: none;
	border-top: none;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .contact-info span {
	display: block;
	width: 100%;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .contact-info .phone {
	color: #FF5667;
	font-weight: 700;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .event-info {
	background: url(images/inquiry-location-icon.svg) no-repeat left 5px;
	width: 100%;
	padding-left: 22px;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .event-info span {
}
.dashboard-row .dashboard-box .inquiry-detail ul li .event-info .location {
	width: 100%;
	font-weight: 700;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .event-info .guests-budget {
	display: flex;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .event-info .guests-budget span {
	width: auto;
	white-space: nowrap;
	color: #7E8593;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .event-info .guests-budget .guests {
	padding-left: 22px;
	background: url(images/inquiry-guests-icon.svg) no-repeat left center;
	margin-right: 20px;
}
.dashboard-row .dashboard-box .inquiry-detail ul li .event-info .guests-budget .budget {
	padding-left: 18px;
	background: url(images/inquiry_budget_icon.svg) no-repeat left center;
}
.row.payment-area {
	display: none;
}
.package-discount-row {
	display:none;
}
.guest-portal-main .mobile-item select {
	padding: 8px 12px !important;
	color: #7B8290;
	font-family: 'Open-sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	height: 42px;
}
.guest-portal-main .mobile-item.error { 
	border: 1px solid #C90000;
}
.guest-portal-main .mobile-item.error label {
	color: #c90000;
}
.guest-portal-main .mobile-item {
	background-color: #F9FAFC;
    border-radius: 5px;
    border: 1px solid #CED3DD;
	margin-bottom: 20px;

}
/**alert popup**/
.alert {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  
.alert-content {
    position: relative;
    margin: auto;
    padding: 0;
    max-width: 870px;
    top: 35%;
    z-index: 1;
}
  
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
  
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.alert-header, .alert_popup-header, .alert_timeframe-header {
    background-color: #ff5667;
    color: white;
    border-radius: 20px 20px 0px 0px;
	padding: 20px 14px;
	position: relative;
}

/* Email Sequence popup header - different color to signify sequence actions */
.alert_popup-header.sequence-header {
    background-color: #2A3246;
}

.alert-header h1, .alert_popup-header h1, .alert_timeframe-header h1 {
    color: white;
}
.alert_popup-header h1, .alert_timeframe-header h1 {
	padding-left: 10px;
}

.alert-body {
    padding: 2px 56px;
    background-color: #eff1f5;
    min-height: 220px;
}

.alert-footer, .alert_popup-footer, .alert_timeframe-footer {
    padding: 13px 16px;
    background-color: white;
    color: black;
    border-radius: 0px 0px 20px 20px;
}
.alert-footer:after, .alert_popup-footer:after, .alert_timeframe-footer:after {
    content: "";
    display: table;
    clear: both;
}

/* alert popup */
.alert_popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
	z-index: 300;
}
.alert_popup-content {
    position: relative;
    margin: auto;
    padding: 0;
    max-width: 400px;
    top: 10%;
    z-index: 1;
}
.alert_popup-body {
    padding: 30px 40px 20px;
    background-color: #eff1f5;
    min-height: 120px;
}
.alert .btn-grey {
    border: 1px solid;
    border-radius: 5px;
    background-color: #d8dce6;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border-color: #d8dce6;
    color: #2a3246;
	text-transform: uppercase;
	margin: 0 0 0 12px;
	float: right;
}

.alert .btn-grey:hover {
    background-color: #ff5667;
    border-color: #ff5667;
    color: white;
}
.alert #btn_cancel {
	position: absolute;
    right: 30px;
    top: 22px;
	cursor: pointer;
}
.alert .master-item-result {
	margin: 20px 0;
}
.alert .master-item-result td {
	padding: 0 20px;
	vertical-align: top;
}

@media screen and (max-width: 783px) {
	.landing-page .container {
		background-image: none !important;
	}
	.landing-page .formbg {
		width: 100%;
		border-radius: 0;
		box-shadow: none;
		top: 0;
		padding-top: 60px;
	}
	.landing-page .logo, .get-reservation .logo {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto 40px;
	}
	.landing-page h1 {
		font-size: 30px;
	}
	.landing-page h2 {
		font-size: 22px;
	}
}
.email-lookup-icon {
	position: absolute;
	top: 9px;
    right: 8px;
	cursor: pointer;
}
.popup.add-email .email-lookup-icon {
	right: 20px;
}
@media screen and (max-width: 500px) {
	.yet_logo {
		text-align: center;
	}
	.submit-btn {
		text-align: center;
	}
}

/*** ALIGNMENT/DISPLAY  ***/
.money-table th {
	border: 1px solid #D6DAE0;
	background-color: #D6DAE0 !important;
	height: 5px;
}
.aligncenter {
	text-align: center;
}
th.alignleft, td.alignleft {
	text-align: left !important;
}
.accordion.extra .row td.alignleft {
	text-align: left !important;
}
th.alignright, td.alignright {
	text-align: right !important;
}
.financial-details .money-row th, .financial-details .money-row td {
	width: 120px !important;
}
.financial-details .money-summary th {
	text-align: right;
	background-color: white;
}
.financial-details .money-summary td {
	background-color: #D6DAE0;
}
th.grow, td.grow {
	width: auto !important;
}
th.nowrap, td.nowrap {
	white-space: nowrap !important;
}
.hidden {
	display: none !important;
}
.package-summary th, .package-pricing th, .package-summary td, .package-pricing td {
	padding: 0 20px 12px 0;
	text-align: left;
	vertical-align: top;
}
.package-summary th, .package-pricing th {
	min-width: 260px;
	width: 260px;
	white-space: nowrap;
}
.package-content .counter {
	display: none;
}
.package-content .menu-counter h2 {
	margin-top: 0;
}
.package-custom-fields {
	padding: 10px 0px;
}
.package-custom-fields li{
	padding: 5px 0px;
	color: #2A3246;
	text-align: left;
}
.package-custom-fields .col-parent{
	margin: 0px 0px 10px 100px !important;
}

/*** DOCUMENT STYLES ***/
.details-document-preview {
	padding: 50px 64px;
	background-color: #F1F3F6;
	position: relative;
}
.details-document-preview .view-pdf {
	position: absolute;
	top: 44px;
	right: 68px;
}
.document-body .content-body {
  padding: 20px 50px;
	margin: 40px auto;
	border: 1px solid #B8BCC4;
	background: #EFF1F5;
}

/* Paper and corner-fold design */
.document-body, .waiver-body, .guest-portal-main .print-waiver-body {
	position: relative;
	background-color: #ffffff;
	max-width: 1100px;
	padding: 20px 60px 40px;
	margin: 0 auto;
	border-radius: 20px;
	box-shadow: -10px 8px 16px 0px rgba(0,0,0,0.2);
}

.document-body .document-corner {
  	position: absolute;
  	top: 0;
  	right: 0;
  	width: 5em;
  	height: 5em;
  	background-color: #FFFFFF;
	z-index: 2;
}
  
.document-body .document-corner .document-triangle {
  	position: relative;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 0 5em 5em 0;
  	border-bottom-left-radius: 15px;
  	border-color: transparent #EFF1F5 transparent transparent;
  	box-shadow: -5px 8px 8px 0px rgba(0,0,0,0.2);
}
.document-body .status-banner {
  	text-align: center;
  	position: relative;
  	color: black;
  	max-width: 1100px;
  	z-index: 1;
}
.document-body .status {
	background-color: lightgreen;
  	padding: 5px;
	text-transform: uppercase;
}

/* general styling for content at the top */
.document-body .document-info td {
	vertical-align: top;
}

/* top left - date and proposal # */
.document-body .left-info {
  	font-size: 14px;
}
.document-body .left-info p {
  	color: black;
  	margin: 0;  
}
.document-body .left-info .red {
	color: #FF5667;
}

/* center logo and address */
.document-body .center-info {
  	text-align: center;
}

.document-body .center-info table {
	margin-bottom: 20px;
}
.document-body .center-info .logo {
	padding-bottom: 12px;
}

.document-body .center-info .document-address {
  	color: #635F60;
}

/* Headers for doc */
.document-body .document-headers {
	margin-bottom: 20px;
}
.document-body .document-headers td {
  	text-align: center;
}

.document-body .h1 {
    font-weight: bold;
    font-size: 24px;
    color: #2A3246;
    margin: 0;
    padding: 0;
}
.document-body .h2 {
	color: #2A3246;
    margin: 0;
	padding: normal;
    font-size: 18px;
}
/* Tables */
.document-body .party-info .table-bottom-border th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.document-body .party-info th, .document-body .party-info td {
	font-size: 90%;
	text-align: left;
}
.document-body .document-table, .document-body .order-table {
  	margin-bottom: 30px;
}
.document-body .document-table th, .document-body .order-table th {
  	padding: 10px 15px;
}
.document-body .document-table tr.headings th, .document-body .order-table tr.headings th {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
  	padding: 5px;
}
.document-body .order-table tr.headings th {
	text-align: left;
}
.document-body .document-table td, .document-body .order-table td {
  	padding: 10px 15px;
  	color: #635F60;
	vertical-align: top;
	font-size: 14px; 
}	
.document-body .table-solid-background {
  	background-color: red;
  	color: white;
  	padding: 5px;
}
.document-body .table-center-font {
  	text-align: center; 
}
.document-body .party-package-table, .document-body .order-table {
	margin-bottom: 30px;
}
.document-body .party-package-table th, .document-body .order-table th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 10px 15px 2px;
	font-size: 14px;
}
.document-body .party-package-table .party-package-header {
  	text-align: center;
  	padding-top: 14px;
  	padding-bottom: 0;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}
.document-body .party-package-table .party-package-detail, .document-body .document-table .party-package-detail, .document-body .order-table .order-detail {
	font-size: 14px;
	text-align: center;
	color: #635F60;
	padding: 2px 15px;
}
.document-body .document-table tfoot td {
	font-weight: 700;
	text-transform: uppercase;
	border-top: 1px solid red;
}
.document-body .order-table .order-detail {
	border-bottom: 1px solid red;
	text-align: left;
}
/* Footer */

.footer {
  	background-color: rgb(202, 209, 218);
}
.document-summary {
	margin: 20px 20px 30px;
}
.document-summary td {
	padding: 20px;
}
.document-notes {
	font-size: 14px;
	padding: 20px 0 0;
}
.document-charges-table {
	border-collapse: collapse;
	vertical-align: top;
}
.document-charges-table td {
  	font-size: 14px;
	padding: 4px 16px 4px 0;
}
.document-charges-table .row-grand-total td {
	border-top-width: 1px;
	border-top-style: solid;
}
.payment-totals {
	vertical-align: top;
}
.totals-block {
	margin: 30px 0 0 30px;
}
.footer .contract-charges {
	width: 80%;
	margin-bottom: 24px;
}
.footer .contract-charge, .footer .red-plus {
  	width: 26%;
	padding: 24px 0;
	text-align: center;
}
.footer .contract-charge.contract-balance, .footer .contract-charge.contract-paid {
	width: 100%;
	padding: 4px 0;
}
.footer .red-plus {
	width: 7%;
}
.footer .charge {
  	font-weight: bold;
	text-align: right;
}
.footer .total {
  	text-align: center;
}
.footer .with-side-border {
  	border-left: 1px solid red;
  	border-right: 1px solid red;
}
.footer .total-label {
	font-size: 13px;
	font-weight: bold;
	padding: 0 20px;
	text-align: center;
}
.footer .total-price {
  	margin-top: 5px;
	font-size: 32px;
	font-weight: bold;
	padding: 0 20px;
	text-align: center;
}
.footer .contract-total.total-price {
	padding-bottom: 16px;
}
.footer .footer-single-element.margin-top {
	margin-top: 30px;
}
.footer .closing-message {
	font-size: 16px;
	text-align: center;
}
.footer .with-top-border {
  	border-top: 1px solid #635F60;
  	padding-top: 30px;
  	padding-bottom: 20px;
}
.footer .closing-message-header {
  	font-weight: normal;
  	margin-bottom: 0;
  	color: #2A3246;
}
/*.footer .closing-message-header .heart {
	color: red;
}
*/
.footer .closing-message-content {
  	margin-top: 5px;
  	color: rgb(106, 101, 101);
}	
.footer a {
  	color: #2A3246;
  	text-decoration: underline;
}
.pay-now-button {
	text-align: center;
}
.footer .pay-now {
	cursor: pointer;
	margin: 20px 0;
}
.red-button {
    background-color: red;
    color: white !important;
    font-weight: 700;
    font-size: 16px;
    width: 45%;
    padding: 15px;
    border: none;
    border-radius: 8px;
    display: inline-block;
    text-decoration: none !important;
}
.footer .signature-block {
	margin-top: 20px;
}
.footer .signature-form {
	padding: 30px 40px 0;
	margin-bottom: 40px;
}

.footer .signature-fields, .footer .signature-signed {
	margin: 20px auto;
}
.footer .signature-signed {
	text-align: center;
}
.footer .signature-field {
    margin-right: 10px;
    width: 300px;
    background-color: white;
    padding: 12px;
}
.footer .sign-button {
    width: 120px;
	cursor: pointer;
    color: white;
    font-size: 16px;
    height: 46px;
	padding: 12px;
	text-align: center;
}
.document-signed {
	color: red;
	text-align: center;
	margin-bottom: 40px;
}
.footer .terms-box {
	text-align: left;
	background-color: #dadfe5;
	padding: 10px 20px;
	font-size: 90%;
}
.footer .terms-box h2 {
	font-size: 14.4px;
	text-align: center;
	text-transform: uppercase;
}
.footer .terms-box p {
	margin-bottom: 14px;
}
.footer .terms h2 {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: .8em;
}
.back.button {
	display: none;
}
.financial-details {
	border-collapse:collapse; 
	border: 1px solid black;
}
.financial-details th, .financial-details td {
	font-family: Arial, Helvetica, sans-serif; 
	padding: 10px;
	font-size: 16px;
}
/* Event payments list: hover title shows per-payment BNPL / CC surcharge (event-financials) */
table.sub-table.event_payments .ef-payment-amount-tip {
	cursor: help;
}
.show_calculations_p {
	margin: 20px 0;
}
.calculation-chart {
	display: none;
}
.in-venue-payment {
	display: none;
}
.in-venue-payment.in-app-package {
	display: block;
}
.record-payment #pay-in-venue {
	cursor: pointer;
}
.record-payment .record-payment-pay-method .payment-buttons.in-venue-payment {
	margin-top: 24px;
}
.code-invalid {
	display:none;
	font-size: 80%;
	font-style: italic;
}

.settings-access {
	display: none;
}
#submit-auth {
	cursor: pointer;
}
.error-log { /*table*/
	margin-top: 30px;
	width: 100%;
	border: 1px solid #D4D7DC;
    border-spacing: 0;
    border-collapse: collapse;
}
.error-log tr {
	background-color: #EFF1F5;
}
.error-log th, .error-log td {
	padding: 10px 20px;
	vertical-align: top;
}
.error-log th {
	text-align: left;
	width: 200px;
}
.error-log tr:nth-child(odd) {
	background-color: #F8F8FA;
}
.error-log-inside-table {
	border-spacing: 0;
    border-collapse: collapse;
}
.error-log-inside-table th, .error-log-inside-table td {
	padding: 5px 10px;
	background: white;
	border: 1px solid #666666;
	vertical-align: top;
}
.event.details {
	height: auto;
}
.event.details .column-left {
	width: 60% !important;
	height: auto;
}
.event.details .column-right {
	width: 40% !important;
	padding-left: 30px !important;
	height: 330px;
	overflow-y: auto;
}
@media only screen and (max-width: 1750px) {
	.tabs1 .ui-tabs-panel .col {
		width: 20%;
	}
	.list th, .list td, .list.event_lead th, .list.event_lead td, .list.contact th, .list.contact td, .list.menuitem th, .list.menuitem td {
		width: auto;
	}
}
@media only screen and (max-width: 1700px) {
	.content {
		left: 340px;
		top: 140px;
		width: calc(100% - 380px);
	}
}
@media only screen and (max-width: 1600px) {
	.tabs1 .ui-tabs-panel .col { 
		width: 20%;
	}
	.event.details .column {
		padding: 40px 40px 40px 60px;
	}
	.event.details .column-left .subcolumn:last-child {
		padding-right: 0;
	}
	.event.details .column-right {
		padding-left: 40px;
		min-width: 575px;
	}
	th.nowrap, td.nowrap {
		white-space: normal !important;
	}
}
@media only screen and (max-width: 1575px) {
	.sidebar {
		padding: 15px 10px;
		width: 60px;
	}
	.sidebar hr {
		display: none;
	}
	.main-menu li {
		text-align: center;
	}
	.main-menu li span {
		display: none;
	}
	.content {
		left: 94px;
		width: calc(100% - 124px);	
	}

}
@media only screen and (max-width: 1275px) {
	.tabs1 .ui-tabs-panel .col {
		width: 48%;
	}
	.content {
		min-width: 1000px;
	}
}
@media only screen and (max-width: 800px) {
	.desktop-item {
		display: none !important;
	}
	.mobile-item {
		display: block !important;
	}
}
.document-batches{
	margin-right: 50px;
}
.dashboard-row .dashboard-box .box-header-button button {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	padding: 10px;

}

.dashboard-row h2 span.box-heading {
	color: #2A3246;
}
.dashboard-row h2 {
	padding-right: 20px !important;
}
.dashboard-row .dashboard-box .box-body {
	height: 330px;
	font-size: 15px;
	line-height: 1.5;
	margin: 0px 0px 18px 0px;
	overflow: auto;
}
.box-header-button{
	margin: 10px;
	margin-right: 34px;
	margin-top: 14px;
	margin-bottom: 14px;
    padding: 10px 32px;
    border-radius: 5px;
    background: none;
    border: 1px solid #707070;
	color: #7E8593;
}

.box-header-button:hover{
    background: #FF5667;
    border: 1px solid #FF5667;
	color: white;
	cursor: pointer;
}
.table-body::-webkit-scrollbar {
	width: 10px; /* Set the width of the scrollbar */
	background-color: #F5F5F5; /* Set the background color of the scrollbar */
	position: absolute;
	left: 0; /* Position the scrollbar on the left of the element */
 }
 .table-body::-webkit-scrollbar-thumb {
	background-color: #D5D9E3; /* Set the color of the thumb  */
 }
 ::-webkit-scrollbar-track {
	background: #F4F6FA;
	border-radius: 5px;
 }
 .batch-action-icon{
	height: 20px;
	margin: 0px 18px;

 }
 .batch-spinner-icon{
	position: absolute;
	top: 0px;
	height: 45px;	
 }

 .batch-action-icon:hover{
	cursor: pointer;
 }
 .header-div{
	border-bottom: 1px solid #D5DBEB;
	display: flex;
	justify-content: space-between;
 }
/* Event Revenue card - header with stacked controls */
.event-revenue .er-header {
	align-items: flex-end;
	padding: 12px 40px 12px 20px;
	gap: 0;
	height: auto;
	overflow: visible;
}
.event-revenue .er-header h2 {
	border-bottom: none;
	padding-top: 0;
	padding-bottom: 6px;
	display: flex;
	align-items: flex-end;
	align-self: flex-end;
	white-space: nowrap;
	flex-shrink: 0;
}
.event-revenue .er-header h2 span.box-heading {
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: none;
	margin-right: 0;
}
.event-revenue .event-revenue-controls {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: flex-end;
	flex: 1;
	justify-content: flex-end;
	padding-right: 30px;
}
.event-revenue .er-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.event-revenue .er-label {
	font-size: 10px;
	color: #9AA2B5;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700;
	white-space: nowrap;
}
.event-revenue .er-input {
	background-color: #F9FAFC;
	border-radius: 5px;
	border: 1px solid #CED3DD;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #2A3246;
	padding: 0 8px;
	height: 34px;
	width: 100px;
	outline: none;
	box-sizing: border-box;
}
.event-revenue .er-input:focus {
	border: 1px solid #2A3246;
}
/* er-dropdown: native select styled to match app inputs */
.event-revenue .er-dropdown {
	height: 34px;
	width: 160px;
	background-color: #F9FAFC;
	border-radius: 5px;
	border: 1px solid #CED3DD;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #2A3246;
	padding: 0 8px;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	appearance: auto;
	-webkit-appearance: auto;
}
/* Event-revenue row matches the standard row layout exactly */
.event-revenue.dashboard-box {
	width: 50%;
}

/* Body: chart + bottom row, compact to match other dashboard cards */
.event-revenue .er-box-body {
	height: auto !important;
	padding: 14px 30px 16px;
}
.event-revenue-chart-container {
	position: relative;
	height: 180px;
}
.event-revenue-variance {
	font-size: 13px;
	color: #2A3246;
	font-family: 'Open Sans', sans-serif;
	text-align: right;
	padding: 0;
}


.modal-header, .modal_popup-header, .modal_timeframe-header {
    background-color: #ff5667;
    color: white;
    border-radius: 20px 20px 0px 0px;
	padding: 20px 14px;
	position: relative;
	display: flex;
    justify-content: space-between;
}

.modal-header h1, .modal_popup-header h1, .modal_timeframe-header h1 {
    color: white;
}
.modal_popup-header h1, .modal_timeframe-header h1 {
	padding-left: 10px;
}

.modal-body {
    padding: 2px 56px;
    background-color: #eff1f5;
    min-height: 220px;
}

.modal-footer, .modal_popup-footer, .modal_timeframe-footer {
    padding: 13px 16px;
    background-color: white;
    color: black;
    border-radius: 0px 0px 20px 20px;
	display: flex;
	justify-content: end;
}
.modal-footer:after, .modal_popup-footer:after, .modal_timeframe-footer:after {
    content: "";
    display: table;
    clear: both;
}

/* Modal popup */
.modal_popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal_popup-content {
    position: relative;
    margin: auto;
    padding: 0;
    max-width: 946px;
    top: 20%;
    z-index: 1;
}
.modal_popup-body {
    padding: 2px 36px;
    background-color: #eff1f5;
    min-height: 120px;
}

.modal_filters-title{
	font-size: 15px;
    padding: 10px 29px;
    border-radius: 6px;
    background-color: #E4E6EA;
	border-bottom: none !important;
}
.two-input-row{
	display: flex;
    justify-content: space-between;
}

.flex-48{
	flex: 0 0 48%;
}

.modal_inputs-div{
    padding-left: 24px;
	margin-bottom: 20px;
}

.modal_apply-filter-btn{
	font-size: 15px;
	padding: 8px 15px;
	background-color: #ff5667;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

#btn_popup_cancel_button{
	margin: 10px 15px;
	padding: 8px 10px;
    background-color: #FFFFFF;
	border: 1px solid #E1E5EC;
    color: #adb1b6;
    border-radius: 5px;
    cursor: pointer;
	text-transform: uppercase;
	font-size: 15px;
}

#btn_popup_cancel_button:hover{
    background-color: #adb1b6;
    color: #ffffff;
}

#btn_popup_go_button{
	border: 1px solid;
	margin: 10px 10px;
	padding: 8px 28px;
    background-color: #ff5667;
    color: white;
    border-radius: 5px;
    cursor: pointer;
	text-transform: uppercase;
	font-size: 15px;
}
#btn_waiver_popup_cancel_button{
	margin: 10px 15px;
	padding: 8px 10px;
	background-color: #FFFFFF;
	border: 1px solid #E1E5EC;
	color: #adb1b6;
	border-radius: 5px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 15px;
}

#btn_waiver_popup_cancel_button:hover{
	background-color: #adb1b6;
	color: #ffffff;
}

#btn_waiver_popup_go_button{
	border: 1px solid;
	margin: 10px 10px;
	padding: 8px 28px;
	background-color: #ff5667;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 15px;
}
.item label.italic{
	font-style: italic !important;	
}

.no-border-spacing{
	border-spacing: 0;
}

.row-header-checkbox, .row-checkbox, .row-checkbox-waivers{
	margin-right: 14px;
}

.bg-white{
	background-color: white;
}
.modal_table-div{
	max-height: 252px;
    overflow-y: auto;
}

.p1-50 tr:first-child{
	padding-left: 50px !important;
}

.batch-text-muted{
	color: #2B32468E;
	font-weight: bold;
}

.batch-text-muted .batch-action-icon{
	display: none;
}
.batch-text-normal{
	font-weight: bold;
}
.relative{
	position: relative;
}

#btn_cancel{
	cursor: pointer;
}

#btn_waivers_cancel{
	cursor: pointer;
}

#events_list_div{
	display: none;
}

#success_popup .modal_popup-content{
	width: 946px;
	display: block;
}

#success_popup .modal_popup-body{
	padding: 45px 30px;
}

#success_popup .modal_popup-body span{
	font-size: 22px;
	font-weight: bold;
	margin-left: 20px;
}

#success_popup .modal_popup-footer{
	background-color: #EFF1F5;
}

#waivers_success_popup .modal_popup-content{
	width: 946px;
	display: block;
}

#waivers_success_popup .modal_popup-body{
	padding: 45px 30px;
}

#waivers_success_popup .modal_popup-body span{
	font-size: 22px;
	font-weight: bold;
	margin-left: 20px;
}

#waivers_success_popup .modal_popup-footer{
	background-color: #EFF1F5;
}

.icon_and_info_div{
	margin-bottom: 41px;
}

.message-para{
	font-size: 16px;
	font-weight: lighter;
}

.dashboard-link{
	color: #FB5667;
}

.icon-anchor-tag{
	text-decoration: none;
}

.multi-select, .item.required.dropdown-item{
	flex: 0 0 48% !important;
}

.d-flex{
	display: flex;
}

#refresh-batches-icon{
	height: 20px;
	width: 20px;
}

#refresh-batches-icon-waivers{
	height: 20px;
	width: 20px;
}

.justify-center{
	justify-content: center;
}
.align-items-baseline{
	align-items: baseline;
}
.pointer{
	cursor: pointer;
}

.progress-pointer{
	cursor: progress;
}

#signature-canvas{
	background-color: white;
	border-radius: 8px;
}

.scroll-calendar {
	flex-direction: column;
	justify-content: center;
	font-family: 'Calibri';


}

.scroll-calendar {
	.data {
		display: flex;
		flex-direction: column;
		align-self: center;
		justify-content: center;
		border-radius: 18px 18px 0px 0px;
		opacity: 1;
		background-color: #eff1f5;
	}


	.calendar {

		display: flex;
		align-items: center;
		justify-content: space-between;
		overflow-x: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
        background-color: #EFF1F5;

	}

	#calendarWrapper {
		overflow-x: auto;
		display: flex;
		gap: 1rem;

	}

	.calendar-month {

		padding: 12px;
		padding-bottom: 0px;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 0px 3px 18px #0000000A;
		border-radius: 10px;
	}

	.month-name {
		font: normal normal bold 18px/27px Calibri;
		letter-spacing: 0px;
		color: #2A3246;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	.border-line {
		margin-right: 0.5rem;
		margin-left: 0.5rem;
		border: 1px solid #9AA2B5;
	}

	.day-names {
		left: 1138px;
		text-align: left;
		font: normal normal bold 18px/27px Calibri;
		letter-spacing: 0px;
		color: #2A3246;
	}

	.day-names,
	.days {
		display: grid;
		grid-template-columns: repeat(7, 1fr);

	}

	.days {
		text-align: left;
		font: normal normal normal 19px/27px Calibri;
		letter-spacing: 0px;
		color: #2A3246;
		opacity: 1;
	}

	.disabled {
		color: #9aa2b5;
		appearance: none;
		cursor:default !important;
	}

	.extra-day {
		top: 495px;
		text-align: left;
		font: normal normal normal 19px/27px Calibri;
		letter-spacing: 0px;
		color: #9aa2b5;
		opacity: 1;
	}

	.day {
		text-align: center;
		margin: 4px;
		padding: 3px;
		cursor: pointer;
	}

	.selected {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-radius: 50%;
		background: #FF5667 0% 0% no-repeat padding-box;
		font: normal normal normal bold 19px/27px Calibri;
		color: #fff;
	}
	.curr-event-date{
		display: flex;
        justify-content: center;
        align-items: center;
		border-radius: 50%;
		border: 2px solid #FF5667;
		padding: 0px;
	}
	.select {
		text-align: left;
		font: italic normal normal 20px/28px Calibri;
		letter-spacing: 0px;
		color: #2A3246;
		padding-left: 20px;
		padding-top: 1rem;
		padding-bottom: 2rem;
	}

	#prevButton {
		padding-right: 10px;
		font-size: 30px;
		border: none;
		cursor: pointer;
        background-color: #EFF1F5;

	}

	#nextButton {
		padding-left: 10px;
		font-size: 30px;
		border: none;
		cursor: pointer;
        background-color: #EFF1F5;

	}
}

.unavailable-assets-div li{
	padding: 2px 0px;
}

.unavailable-assets-div a{
	color: #FF5667;
}

.wrap_stripe_elem
{
	max-width: 500px;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.sub_wrap_stripe_elem
{
	background-color: white;
	border-radius: 7px;
	padding: 15px;
}
.sub_wrap_stripe_card_elem
{
	min-width: 70%;
}
.stripe_elem_submit_btn
{
	margin-top: 0px;
}
.stripe_add_card_error_wrap
{
	color: rgba(255,86,103,1);
	padding: 10px 0px;
	display: none;
}
.added_card_list_wrap table
{
	margin-top: 10px;
	border-top: 1px solid white;
	background-color: white;
	min-width: 100%;
}
.delete_card_btn
{
	/* font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 14px;
	border-radius: 7px;
	background: #FF5667;
	position: relative; */
	/* cursor: pointer;
	text-align: center;
	padding: 10px 20px;
	color: white; */
}
.sub-table td:has(.added_card_list_wrap) {
    padding: 0 !important;
}
.added_card_list_wrap tr td:first-child {
    border-left: 1px solid #9AA2B5 !important;
    border-right: 1px solid #9AA2B5 !important;
}
.added_card_list_wrap tr td:last-child {
    border-right: 1px solid #9AA2B5 !important;
}
.added_card_list_wrap tr.button-header td {
    background-color: #D6DAE0 !important;
    height: 40px;
    border: 1px solid #D6DAE0 !important;
    padding: 10px 20px;
    text-align: left;
}
.added_card_list_wrap .added_card_rows td
{
	padding: 16px 20px !important;
} 
.added_card_list_wrap .added_card_rows .menu 
{
	text-align: center !important;
}
.details_cancel_btn
{
	background-color: rgba(0, 0, 0, 0) !important;
	border: none !important;
}
.details_cancel_btn:hover
{
	color:#ff5667 !important;
}
#HW_badge {
    top: -4px;
    transform: scale(0.5);
    left: 10px;
    background: #FF5667 !important;
}

.clint-provision-button{
	background-color: #ff5667;
    font-size: medium;
    color: white;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 7px;
    cursor: pointer;
}

.clint-provision-button:disabled {
    background-color: #D8DCE6;
    color: #2A3246;
    cursor: not-allowed;
    opacity: 1;
}
.client-field:disabled{
   background-color: aliceblue !important;
}

.remove-division{
	margin-top: 5px;
    background-color: #ffc656;
    font-size: medium;
    color: white;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 7px;
    cursor: pointer;
}

.remove-division:disabled{
	background-color: #D8DCE6;
    color: #2A3246;
    cursor: not-allowed;
    opacity: 1;
}

.division-name:disabled{
	background-color: aliceblue !important;
}

.add-division{
	background-color: #8AC68A;
    font-size: medium;
    color: white;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 7px;
    cursor: pointer;
}

.add-division:disabled{
	background-color: #D8DCE6;
    color: #2A3246;
    cursor: not-allowed;
    opacity: 1;
}

.location-division {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: none;
	padding-right: 1rem;
	background-color: #fff; /* optional */
	border: 1px solid #ccc;
	border-radius: 4px;
  }
  
  /* Optional: Hide the arrow in IE */
  .location-division ::-ms-expand {
	display: none;
  }

  .location-modules {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: none;
	padding-right: 1rem;
	background-color: #fff; /* optional */
	border: 1px solid #ccc;
	border-radius: 4px;
  }

  /* Optional: Hide the arrow in IE */
  .location-modules::-ms-expand {
	display: none;
  }

  .location-active{
	transform: scale(1.4);
    width: 18px;
    height: 18px;
    accent-color: #4A90E2; /* Optional: set checkbox color */
    cursor: pointer;
    margin-right: 6px;
  }

  .remove-location{
	margin-top: 5px;
    background-color: #ffc656;
    font-size: medium;
    color: white;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 7px;
    cursor: pointer;
}

.remove-location:disabled{
	background-color: #D8DCE6;
    color: #2A3246;
    cursor: not-allowed;
    opacity: 1;
}

.add-location{
	background-color: #8AC68A;
    font-size: medium;
    color: white;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 7px;
    cursor: pointer;
}

.add-location:disabled{
	background-color: #D8DCE6;
    color: #2A3246;
    cursor: not-allowed;
    opacity: 1;
}

.timezone-select:disabled{
	background-color: #D8DCE6;
    color: #2A3246;
    cursor: not-allowed;
    opacity: 1;
}

  /* Full override for single select */
.select2-container--default .select2-selection {
    border-radius: 5px;
    border: 1px solid #CED3DD;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #2A3246;
    padding: 11px 10px 9px 19px;
	background-image: url(images/dd-arrow.svg), linear-gradient(to left, #EFF0F3, #EFF0F3 60px, #C9CDD8 60px, transparent 61px, transparent 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 22px top 17px, left;
	cursor: pointer;
	padding-right: 58px;
	
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 15px; 
    margin-top: 0px; 
    margin-left: 0px; 
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all;
}

.drop-zone {
	min-height: 40px;  /* Ensure it has enough height */
	width: 100%;  /* Expand within parent */
	border: 2px dashed #ccc; /* Just for debugging */
	background-color: rgba(0, 0, 255, 0.1); /* Light blue */
}
.hover {
	background-color: yellow !important;
}
.dayview-reservation{
	display: flex;
}
.new-reservation-content{
	display: flex;
	gap: 4px;
}
.drag-handle {
	cursor: pointer;
	user-select: none;
}


@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .checkbox-wrapper-14 input[type=checkbox] {
		--active: #FF8995;
		--active-inner: #fff;
		--focus: 2px rgba(39, 94, 254, .3);
		--border: #BBC1E1;
		--border-hover: #275EFE;
		--background: #ADC3AC;
		--disabled: #F6F8FF;
		--disabled-inner: #E1E6F9;
		-webkit-appearance: none;
		-moz-appearance: none;
		height: 16px;
		outline: none;
		/* display: inline-block; */
		vertical-align: top;
		position: relative;
		margin: 0;
		cursor: pointer;
		border: 1px solid var(--bc, var(--border));
		background: var(--b, var(--background));
		transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .checkbox-wrapper-14 input[type=checkbox]:after {
		content: "";
		display: block;
		left: 0;
		top: 0;
		position: absolute;
		transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .checkbox-wrapper-14 input[type=checkbox]:checked {
		--b: var(--active);
		--bc: var(--active);
		--d-o: .3s;
		--d-t: .6s;
		--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled {
		--b: var(--disabled);
		cursor: not-allowed;
		opacity: 0.9;
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled:checked {
		--b: var(--disabled-inner);
		--bc: var(--border);
    }
    .checkbox-wrapper-14 input[type=checkbox]:disabled + label {
      	cursor: not-allowed;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      	width: 14px;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
      	opacity: var(--o, 0);
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      	--o: 1;
    }
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
      	border-radius: 7px;
    }
    
    .checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
      	--r: 43deg;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch {
		width: 38px;
		border-radius: 11px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:after {
		left: 3px;
		top: 1.5px;
		border-radius: 50%;
		width: 11.5px;
		height: 11.5px;
		background: white;
		transform: translateX(var(--x, 0));
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:checked {
		--ab: var(--active-inner);
		--x: 17px;
    }
    .checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {
      	opacity: 0.6;
    }
}

.checkbox-wrapper-14 * {
	box-sizing: inherit;
}
.checkbox-wrapper-14 *:before, .checkbox-wrapper-14 *:after {
	box-sizing: inherit;
}
#add-reservation-1, #add-reservation-2, #add-reservation-3, #add-reservation-4, .add-reservation-content {
	padding: 20px;
}

.locked-asset{
	display: flex;
	position: absolute;
	justify-content: center; 
	align-items: center; 
}
.dayview-event .icon{
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.dayview-reservation .container{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.dayview-reservation .container .name{
	display: flex;
}

.dayview-reservation .container .name .reservation-name{
	display: -webkit-box;
    /* -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    max-height: calc(1.5em * 3);
    -webkit-box-orient: vertical;
	white-space: initial;
	flex: 1;
}

.dayview-reservation .container .drag-handle{
	height: 13px;
	padding-right: 2px;
}
.drop-zone {
    min-height: 40px;  /* Ensure it has enough height */
    width: 100%;  /* Expand within parent */
    border: 2px dashed #ccc; /* Just for debugging */
    background-color: rgba(0, 0, 255, 0.1); /* Light blue */
}
.hover {
    background-color: yellow !important;
}
.dayview-reservation{
	display: flex;
}
.reservation-con{
    display: flex;
    gap: 4px; 
}
.drag-handle {
    /* cursor: pointer; */
    user-select: none;
}
.reservation-wrapper{
	position: absolute;
}
.dayview-reservation-setup{
	cursor: pointer;
}
.highlight{
	background-color: #cccccc !important;
}
.grey-text{
	color: #7B8290;
    opacity: 1;
    font-size: 16px;
}
#apply-discount {
    padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    text-decoration: none;
    border-radius: 7px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    background-color: #FF5667;
}
.apply-discount.button {
    padding: 10px 20px !important;
}
.item .card{
	width: 33%;
}
.grey-bg{
	background-color: #F0F1F5;
}
.draggable, .draggable2{
	-webkit-user-drag: none;
	
}

.yet-pay-border{
	border: 1px solid #E1E4EB;
	padding: 20px; 
	border-radius: 5px;
}

.item.textarea.add-menu {
	height: 114px;
}

.addon-menus.addon{
        width: 100%;
}

.addon-items{
	width: 50%;
	display: inline-flex;
	padding: 5px 0px;
}
.addon-img{
	position: relative;

}
.addon-img input{
	position: absolute;
	top: -4px;
	left: -4px;
}
.custom-checkbox {
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid black;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	background-color: white;
}
.custom-checkbox:checked {
	background-color: red;
	border-color: red;
}
.custom-checkbox:checked::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 1px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.addon-menu-desc{
	color: #7B8290;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.is-dragging {
    opacity: 0.5; /* Make it slightly transparent */
    cursor: grabbing !important; /* Change cursor to indicate grabbing */
    /* Optional: Add a subtle shadow to lift it visually */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Optional: If you want to subtly scale it down or up */
    /* transform: scale(0.98); */
    /* Ensure it's on top of other elements while dragging */
    z-index: 1000;
}
.card-image{
	width: 200px;
	height: 220px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	margin: 83px 0px
}


.gray-button {
    background-color: #e1e4eb;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  	
.item.textarea.add-menu {
        height: 114px;
}
.addon-menus.addon{
        width: 100%;
}
.addon-items{
        width: 50%;
        display: inline-flex;
        padding: 5px 0px;
}
.addon-img{
        position: relative;
}
.addon-img input{
        position: absolute;
        top: -4px;
        left: -4px;
}
.custom-checkbox {
        appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid black;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        vertical-align: middle;
        background-color: white;
}
.custom-checkbox:checked {
        background-color: red;
        border-color: red;
}
.custom-checkbox:checked::after {
        content: '';
        position: absolute;
        left: 5px;
        top: 1px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
}
.addon-menu-desc{
        color: #7B8290;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: small;
}

  .gray-button:hover {
    background-color: red;
    color: white; /* Optional: text white on red */
  }

.inapp-payment-button {
  position: relative;
  padding: 10px 20px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  color: #fff;
  background: #ff6b6b;
  cursor: pointer;
}

.inapp-payment-button.loading {
  pointer-events: none;
  color: transparent !important;   /* hide text */
  text-shadow: none;    /* avoid ghost effect */
}

.inapp-payment-button.loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255,255,255,0.4);
  border-top: 2px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.8s linear infinite;
}

.button.done.refund-payment.loading {
  pointer-events: none;
  color: transparent !important;
  text-shadow: none;
  position: relative;
}
.button.done.refund-payment.loading::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255,255,255,0.4);
  border-top: 2px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.8s linear infinite;
}

/* Package booked: disable promo and gift card buttons */
.coupon-area .button.disabled,
.gift-card-area .button.disabled,
.gift-card-chip-remove.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Step 7 alignment handled in add-move-reservation.css */

@keyframes spin {
  0%   { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* List Page Search Bar */
.list-search-container {
	float: left;
	margin-right: 15px;
	margin-top: 10px;
}
.list-search-bar {
	position: relative;
	width: 25px;
	height: 21px;
	overflow: visible;
	transition: width 0.3s ease-out;
	-webkit-transition: width 0.3s ease-out;
	-moz-transition: width 0.3s ease-out;
}
.list-search-bar.expanded {
	width: 250px;
}
.list-search-bar .list-search-input {
	width: 100%;
	height: 35px;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #2A3246;
	border: none;
	outline: none;
	background-color: transparent;
	padding: 0 30px 10px 20px;
	cursor: text;
	display: none;
	border-bottom: 2px solid #FF5667;
}
.list-search-bar.expanded .list-search-input {
	display: block;
}
.list-search-bar .list-search-input::placeholder {
	color: #2A3246;
}
.list-search-bar .list-search-icon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
}
.list-search-bar .list-search-icon:hover path,
.list-search-bar.expanded .list-search-icon path {
	fill: #FF5667;
}

/* Tabs Page Inside Search Bar - make visible and match list-search-bar behavior */
/* Exclude events, reservations, and settings (panels) which have different layouts */
.content:not(.event):not(.reservation) .inside-search-bar {
	display: block;
	position: absolute;
	right: 115px;
	top: 0;
	margin-top: 10px;
	width: 25px;
	float: none;
}
/* Hide on panels (Settings) page */
body.panels .content .inside-search-bar {
	display: none !important;
}
.content:not(.event):not(.reservation) .inside-search-bar.expanded {
	width: 250px;
}
.content:not(.event):not(.reservation) .inside-search-bar #inside-search-input {
	display: none;
	width: 100%;
	height: 35px;
	float: none;
	padding: 0 30px 10px 20px;
	border-bottom: 2px solid #FF5667;
}
.content:not(.event):not(.reservation) .inside-search-bar.expanded #inside-search-input {
	display: block;
}
.content:not(.event):not(.reservation) .inside-search-bar .search-icon path {
	fill: #9aa2b5;
}
.content:not(.event):not(.reservation) .inside-search-bar.expanded .search-icon path,
.content:not(.event):not(.reservation) .inside-search-bar .search-icon:hover path {
	fill: #FF5667;
}

/* Correspondence table - ensure consistent column widths */
.sub-table.correspondence td.expand-thread {
	width: 50px;
	min-width: 50px;
}
.sub-table.correspondence td.menu {
	width: 50px;
	min-width: 50px;
}
.sub-table.correspondence td.field-ts {
	width: 140px;
	min-width: 140px;
}
.sub-table.correspondence td.field-correspondence_typeid {
	width: 60px;
	min-width: 60px;
}
.sub-table.correspondence td.field-attachments {
	width: 40px;
	min-width: 40px;
}
.sub-table.correspondence td.field-contacts {
	width: 180px;
	min-width: 180px;
}
.sub-table.correspondence td.field-status {
	width: 120px;
	min-width: 120px;
}

/* Sequence Status popup - smaller screens */
@media only screen and (max-height: 900px) {
	.popup.sequence-status {
		top: 2vh;
	}
	.popup.sequence-status .sequence-status-header {
		height: 70px;
	}
	.popup.sequence-status .sequence-status-header h2 {
		top: 20px;
		font-size: 24px;
	}
	.popup.sequence-status .sequence-status-content {
		padding: 20px 30px;
		max-height: 80vh;
	}
	.sequence-info-section {
		margin-bottom: 15px;
	}
	.sequence-info-section h3 {
		padding: 10px 15px;
		font-size: 16px;
	}
	.sequence-info-section .sequence-meta {
		padding: 15px;
	}
	.sequence-progress {
		margin-bottom: 15px;
	}
	.progress-stats {
		padding: 15px 20px;
	}
	.sequence-emails-section {
		margin-bottom: 10px;
	}
	.sequence-status-buttons {
		margin-top: 15px;
		padding-top: 15px;
	}
}

/* Gift Card Promo Code (ctypeid=234) - Match add page spacing on edit page (same as global .item, h3) */
body.edit-promo-234 .content-body form > h2 {
	margin-top: 0 !important;
	margin-bottom: 24px !important;
}

body.edit-promo-234 .content-body form .page {
	margin: 0 !important;
	padding: 0 !important;
}

body.edit-promo-234 .content-body form .row,
body.edit-promo-234 .content-body .row {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.edit-promo-234 .content-body form .row h3,
body.edit-promo-234 .content-body .row h3 {
	margin: 24px 0 20px !important;
}

body.edit-promo-234 .content-body form .field-section {
	margin-top: 0 !important;
}

body.edit-promo-234 .content-body .column {
	padding-top: 0 !important;
}

body.edit-promo-234 .content-body .item {
	margin-bottom: 20px !important;
}

body.edit-promo-234 .item.promo-234-hold-space,
body.add-promo-234 .item.promo-234-hold-space {
	visibility: hidden;
	height: 42px;
	margin-bottom: 20px;
}

/* Linked Events Dropdown Styling */
.dd-options.linked {
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
.dd-options.linked ul li a:hover {
	background-color: #F3F4F6;
}
.dd-options.linked ul li:last-child a {
	border-bottom: none;
}

/* Cancellation Reason Popup Styling */
#cancellationReasonPopup .alert_popup-body {
	padding: 20px 30px;
}
#cancellationReasonPopup .item.dropdown-item {
	margin-bottom: 15px;
}
#cancellationReasonPopup .error-message {
	color: #ff5667;
	font-size: 13px;
	margin-top: 5px;
	display: none;
}
#cancellationReasonPopup .item.dropdown-item.error {
	border-color: #ff5667;
}
#cancellationReasonPopup .linked-events-options {
	margin-top: 20px;
	padding-top: 15px;
	border-top: 1px solid #d8dce6;
}
#cancellationReasonPopup .linked-events-options p {
	margin-bottom: 12px;
	font-weight: 500;
	color: #2A3246;
}
#cancellationReasonPopup .linked-events-options .item.radio {
	margin-bottom: 8px;
}

/* Cancellation Reason Section in Roadmap Popup */
.popup.do-roadmap .cancellation-reason-section {
	margin-bottom: 20px;
	padding: 15px;
	background: #fff3cd;
	border: 1px solid #ffc107;
	border-radius: 4px;
}
.popup.do-roadmap .cancellation-reason-section h3 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #856404;
	font-size: 16px;
}
.popup.do-roadmap .cancellation-reason-section .error-message {
	color: #ff5667;
	font-size: 13px;
	margin-top: 5px;
	display: none;
}
.popup.do-roadmap .cancellation-reason-section .item.dropdown-item.error {
	border-color: #ff5667;
}