@font-face {
    font-family: "Hilton Sans";
    src:url(/fonts/HiltonSans_Rg.ttf);
}

@font-face {
    font-family: "Hilton Serif";
    src:url(/fonts/Hilton-SerifRegular.ttf);
}

/* @font-face {
    font-family: "Noto Sans";
    src:url(/fonts/NotoSans-VariableFont_wdth,wght.ttf);
}

@font-face {
    font-family: "Noto Sans Italic";
    src:url(/fonts/NotoSans-Italic-VariableFont_wdth,wght.ttf);
} */

:root {
    /*--hover-color: #009cde;*/ /** not an official Hilton color! used only for button hover. ** */
	--hover-color: #06937e; /*now using Hilton Teal */
    --hilton-blue: #002f61;
	--old-hilton-blue: #004c97;
    --hilton-black: #000;
    --hilton-offwhite: #f0e9e6;
	--hilton-offwhite-transparent: rgba(240, 233, 230, 0.6);
	--hilton-turquoise: #007293;
	--hilton-teal: #06937e;
	--hilton-teal2: #85c7bd;
	--hilton-green: #6bb030;
	--border-light: 1px solid rgb(222, 226, 230);
	--dark-gray: #808080;
	--dark-blue: rgb(3, 50, 82);
}

body, html {
	font-family: "Hilton Sans",Arial,Helvetica,sans-serif;
	/*font-family: "Loew 2.0 Regular",Arial,Helvetica,sans-serif;*/
    font-size:18px;
	color: var(--hilton-black);
}

body {
	/*color: rgb(70, 70, 70);
	background-color: #fcfcfc;*/
	line-height: 1.3;
	background-color: #fff;
}

body.print h1, body.print h2, body.print h3 {
	text-align: center;
}

h1, h2 {
	font-family: "Hilton Serif", Georgia, serif;
	color: var(--hilton-blue);
}
h1 {
	font-size: 42px;
}
h1 {
	font-size: 36px;
}
h3 {
	color: var(--hilton-blue);
}
h3, h4, h5, h6 {
	font-family: "Hilton Sans", Arial,Helvetica,sans-serif;
	color: var(--hilton-blue);
}

.callout h1, .callout h2, .callout h3 {
	color: #fff;
}

h1 {
	margin: 20px 0 10px 0;
}

.super-title + .page-title {
	margin-top:0;
	color: black;
}
.super-title {
	color: var(--hilton-blue);
	font-weight: bold;
	margin-left: 3px;
}

.small {
	font-size:14px;
}
div.small {
	line-height: 1.3;
}

.under-field-help {
	font-size:14px;
	margin: 3px 0 0 10px;
}

.footnote {
	margin: 15px 0 10px 0;
	font-size:14px;
}

table.table {
	border-bottom: 0!important;
}

table.table tr {
	border-bottom-color: rgb(222, 226, 230)!important;
}

table.table th {
	background-color: var(--hilton-blue)!important;
	color: #fff!important;
}

.table-rounded {
  /*overflow: hidden;
  border: 1px solid transparent;*/
  border-radius: 8px;
}
.table-rounded thead tr {
	border: 0;
}
.table-rounded tr:first-child th:first-child {
  border-top-left-radius: 8px;
}
.table-rounded tr:first-child th:last-child {
  border-top-right-radius: 8px;
}
.table-rounded tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.table-rounded tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

/*.dataTables_length {
	margin-left: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	margin: 0;
}
.page-item {
	padding: 0!important;
}

.active>.page-link, .page-link.active {
	border-color: transparent;
}
.page-header {
	margin-top: 30px;
}

div.dataTables_wrapper div.dataTables_length select {
	width: 60px!important;
}

.dt-buttons, .dataTables_length, .dataTables_length {
	margin-bottom: 10px;
}*/
div.dt-buttons {
	float: left;
	padding-top:5px;
}

div.dt-container div.dt-search select {
	margin-left: .5em;
	display: inline-block;
	width: auto;
}

.page-item.active a, .page-item.active button {
	background-color: var(--hilton-blue)!important;
}

.dt-search {
	margin-bottom: 10px;
}
.dt-length {
	margin-top: 15px;
	text-align: center;
} 
.dt-paging {
	margin-top: 10px!important;
}
@media only screen 
  and (min-device-width: 576px) {
  .dt-paging {
  	display: flex;
  	justify-content: end; 
  }
}

.dt-button-spacer {
	width:30px;
	display: inline-block;
}

th.dt-type-date {
	text-align: left!important;
	width: 120px;
}
td.dt-type-date {
	width: 120px;
	white-space: nowrap;
	text-align: left!important;
}

.page-container {
	margin-top:20px;
	margin-bottom:20px;
}

.navbar {
  background-color: var(--hilton-blue);
}
.navbar .navbar-brand {
  color: #ecf0f1;
}
.navbar .navbar-text {
  color: #ecf0f1;
}
.navbar .navbar-nav .nav-link {
  color: #ecf0f1;
  border-radius: .25rem;
  margin: 0 0.25em;
}

.nav .nav-link {
	width: 100%;
}

/* ,
.nav .nav-link:focus */
.nav .nav-link:hover {
	background-color: var(--hover-color);
}
/*.nav.submenu .nav-link:hover,
.nav.submenu .nav-link:focus {
	color: #fff;
	background-color: var(--dark-gray);
}*/

.navbar-expand-lg .navbar-toggler {
  display: inline-block;
}
.navbar .navbar-toggler {
  border-color: transparent;
  color: #fff;
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: var(--hover-color);
}
.navbar .navbar-toggler .navbar-toggler-icon {
  color: #fff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ecf0f1;
}
.navbar .navbar-link {
  color: #ecf0f1;
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ecf0f1;
}

.nav-link.dropdown-toggle:hover,
.nav-link.dropdown-toggle.show {
	background-color: var(--hover-color);
}

/*.form-control, .form-select, */
.select2-selection  {
	border-radius: 10px!important;
}
/* .form-floating .select2-selection:not(:placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: .625rem;
} */

.btn {
	border-radius: 10px;
	border-color: transparent;
}

.btn-primary {
	background-color: var(--hilton-blue);	
}
.btn-primary:hover {
	background-color: var(--hover-color);	
}
.btn-primary:active {
	background-color: var(--hover-color)!important;
}

.btn-secondary {
	background-color: #fff;
	border-color: #A9A9A9;
	color: #000000!important;
}
.btn-secondary:hover {
	background-color: #A9A9A9
}

.column-btn-action .fa, .column-btn-action .fa-regular, 
		.column-btn-action .fa-solid, .column-btn-action .fa-light, 
		.column-btn-action .fa-duotone {
	color: var(--hilton-blue);
}
.btn-primary .fa {
	color:white;
}
.fa-file-excel {
	color: green!important;
}
.fa-file-pdf {
	color: #ff0000!important;
}

footer {
  /*position: absolute;
  bottom: 0;
  left: 0;*/
  width: 100%;
  background: #fff;
}

.footer-bar {
	height: 80px;
	width:100%;
	background-color: var(--hilton-blue);
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 16px;
	padding: 10px;
	color: white;
}

.footer-bar a {
    color: white;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-block;
}

.copyright {
	font-size: 12px;
	text-align:left;
}

.contact-us-container {
    font-size: 1.2rem;
	text-align:right;
/*	font-size: 32px;*/
}

.brand-bar {
	padding: 30px 0;
	width:100%;
}

.login-body {
	background-color: var(--hilton-offwhite);
}

.login-panel {
	width:100%;
	max-width:800px;
	border:1px solid #808080;
	border-radius:10px;
	background-color: var(--hilton-blue); /*#c5c5c5;*/
	margin:200px 0;
	/*margin: 30px;*/
	overflow: hidden;
	min-height: 400px;
}

.mfa-panel {
	max-width: 400px;
}

/*.login-panel > div {
	height:400px;
}*/

/*.login-panel .logo-area {
	border-right:1px solid #808080;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}*/

.login-panel .login-area {
	background-color:#fff;
}

/* .login-panel a{
	margin:10px;
} */

.login-form {
	width:100%;
	margin:10px;
}

/*@media only screen 
  and (min-device-width: 767px) {
	.login-form {
		margin: 40px;
	}
}*/

/* Profile Picture */
.profile-pic{
   display: inline-block;
   vertical-align: middle;
    width: 50px;
    height: 50px;
    overflow: hidden;
   border-radius: 50%;
}

.profile-pic img{
   width: 100%;
   height: auto;
   object-fit: cover;
}
.profile-menu .dropdown-menu {
  right: 0;
  left: unset;
}
.profile-menu .fa-fw {
  margin-right: 10px;
}

.profile-menu .fa-lg {
  margin-right: 5px;
}

/*.toggle-change::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}*/


.hero {
	background-image: url('/img/executive_boardroom.jpg');
    /*width: 100%;
    height: 100vh;*/
    /*height: 100%;*/
    max-height: 800px;
    height: 100%;
    background-size: cover;
    color: white;
    position: relative;
	padding-bottom: 60px;
}
/* cool opacity gradient at top of image
.hero::before {
    background-image: -webkit-linear-gradient( top, 
            rgba( 16, 76, 151, 1 ) 0%, 
            rgba( 16, 76, 151, 0 ) 100% );
    content: "\00a0";
    height: 100px;
    position: absolute;
    width: 100%;
}*/

.hero-container {
	height: 100%;
	width: 100%;
	padding: 60px 0 10px 0;
}
/*.product-display .hero-container {
	padding-bottom: 140px;
}*/

.hero .tagline-container {
	float: left;
	max-width: 400px;
	padding: 0 0 40px 40px;
	margin-top: 50px;
}

.hero .tagline-container .tagline {
	text-align: left;
	padding-top: 0;
	line-height: 1.5;
}

.hero .tagline {
	font-size: 26px;
	color: #fff;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	/*padding: 20px 0 20px 0;*/
	/*filter: drop-shadow(rgba(39, 25, 58, 0.733) 2px -3px 4px);*/
	filter: drop-shadow(rgba(0, 0, 0, 0.9) .5rem .5rem 10px);
	position: relative;
}

@media (min-width: 768px) {
  .hero .tagline {
	font-size: 38px;
	/* padding: 40px 0 30px 0; */
  }
}

.product-box {
	background-color: var(--hilton-blue);
	color: white;
	padding: 20px 20px 70px 20px;  /* the 70 leaves room for the button */
	margin: 20px;
	position: relative;
	border-radius: 20px;
}

.product-box-mini {
	height: 144px;
	width: 144px;
	margin: 5px 10px;
	padding: 12px;
	overflow: hidden;
	border-radius: 10px;
	text-align: left;
}

.product-box-mini .vendor-title {
	font-size: 16px;
	color: var(--hilton-teal);
}

.product-box-mini .product-title {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	margin: 5px 0;
}

.product-box:not(.product-box-mini) {
	border: 6px solid var(--hilton-offwhite-transparent);
}

.product-box:not(.product-category-box,.product-box-mini) {
	min-height: 490px;
}

.product-category-box {
	min-height: 150px;
}

.product-box-title {
	font-family: "Hilton Serif", Georgia, serif;
	font-size: 22px;
	margin: 0 0 1rem 0;
}

.product-box-subtitle {
	font-size: 20px;
	margin: 0 0 1rem 0;
}

.product-box:not(.product-category-box,.product-box-mini) .cta-buttons {
	/* margin: 0 auto;
	width: 90%; */
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* .product-category-box .spacer {
	height: 20px;
} */
.product-category-box .cta-buttons {
	/* margin: 0 auto;
	width: 90%; */
	position: absolute;
	bottom: 20px;
	right: 20px;

}
.product-box-mini .cta-buttons {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.product-box-container {
	margin: 20px;
	max-width: 380px;
	width: 100%;
}
.product-category-box-container {
	margin: 20px;
	max-width: 480px;
	width: 100%;
}
@media (min-width: 992px) {
	.product-box-container, .product-category-box-container {
		margin-top: 160px;
	}
}
.product-box .btn-primary {
	background-color: var(--hover-color);
	text-transform: uppercase;
}
.product-box .btn-primary:hover, .product-box .btn-primary:active {
	background-color: var(--hilton-green);
}
.product-box-mini-wrapper {
	background-color: var(--hilton-offwhite-transparent);
	padding: 10px;
	border-radius: 20px;
	margin: 10px 15px;
	text-align:center;
}
.product-box-mini-wrapper .product-category-title {
	color: var(--hilton-black);
	font-weight: bold;
	font-size: 16px;
}
.product-box-mini-container {
	margin: 10px 0 10px 0;
}

.product-box .vendor-logo {
	max-width: 120px;
	max-height: 80px;
	margin: 15px auto;
	display: block;
}

.hero.product-display {
	min-height: 300px;
}

.inpage-dialog {
	margin: 100px auto;
	background-color: #fff;
	border: 1px solid #808080;
	border-radius: 20px;
	width: 400px;
	color: var(--hilton-black);
	padding: 0;
}

.inpage-dialog-header {
	width:100%;
	background-color: var(--hilton-blue);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 10px;
	color: #fff;
}

.inpage-dialog-header h3, .inpage-dialog-header h4 {
	font-size: 18px;
	color: #fff;
}

.inpage-dialog-body {
	padding: 20px;
	background-color: #fff;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.inpage-dialog h3, .inpage-dialog .form-group {
	width: 100%;
	text-align: center;
}

/* these are defaults that may be overridden by custom settings */
/*.hero.product-home {
	background-image: url('/img/executive_boardroom.jpg');
}
.hero.vendor-display {
	background-image: url('/img/iStock-528046146.jpg');
}
.hero.product-display {
	background-image: url('/img/iStock-528046146.jpg');
}*/

.product-offers {
	padding: 20px 0 100px 0;
	text-align:center;
	clear: both; 
}

.product-offers * {
	margin:0 auto;
}

/*@media (min-width: 992px) {
	.product-home-offers {
		align-items: flex-end!important;
	}
}*/


.product-home .callout-container {
	max-width: 1100px;
}

.product-display .callout-container>.col>.callout{
	margin: auto;
}

.product-display .callout-container>.col:first-child>.callout{
	margin-left: 0;
}
.product-display .callout-container>.col:last-child>.callout{
	margin-right: 0;
}


.callout-product-wrapper {
	color: #fff;
	background-color: rgba(0,0,0,.4);
	/*background-color: #c5c5c5;*/
	padding: 10px;
	border-radius:10px;
	margin: 10px 15px;
	min-width:38px;
}
.callout-product-wrapper:first-child {
	margin-left: 0;
}
.callout-product-wrapper:last-child {
	margin-right: 0;
}
.callout-product-wrapper .title, .callout-product-topper .title {
	font-weight:500;
	font-size: 14px;
	text-align: center;
}

.callout-product-topper {
	background-color: rgba(0,0,0,.6);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 10px;
	margin: 5px 5px 2px 5px;
	width:100%;
	min-width:38px;
}

.callout-category {
	margin-right: 10px;
}

.callout-category .col {
	margin: 0;
}
.callout-category .callout {
	border-radius: 0;
	margin: 3px 5px 5px 5px!important;
}
.callout-category .row .col:first-child .callout {
	border-bottom-left-radius: 10px;
}
.callout-category .row .col:last-child .callout {
	border-bottom-right-radius: 10px;
}

.callout-product-wrapper .callout-sm, .callout-category .callout-sm {
	max-width: 170px;
	background-color: rgba(0,0,0,.4);
}

.callout {
	width:100%;
	max-width:200px;
	border:1px solid #000;
	border-radius:10px;
	background-color: rgba(0,0,0,.6); /*#c5c5c5;*/
	opacity: 1;
	color: #fff;
	/*margin:40px 0;*/
	text-align: center;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* updating callout to look like new product box */
.callout {
	background-color: var(--hilton-blue);
	border-radius: 20px;
	border: 6px solid var(--hilton-offwhite-transparent);
}
.callout-container {
	margin-top:20px;
}
.callout-container .product-box-mini {
	height: 164px;
	width: 164px;
	border: 6px solid var(--hilton-offwhite-transparent);
}

.callout-subcat {
	max-width:900px;
	display: inline-block;
	padding: 10px;
	font-size: 18px;
}

.callout-lg {
	min-height: 200px;
	max-width: 800px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 30px;
}

.callout-optimizer {
	text-align:left;
	max-width: 1120px;
}

.callout p {
	margin: 10px 0;
}

.callout-product {
	width: 100%;
	max-width: 100%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.callout-title {
	font-size: 22px;
	margin-bottom: 5px;
	font-weight: 800;
	color: var(--hilton-teal2);
	filter: drop-shadow(rgba(0, 0, 0, 1.0) .5rem .5rem 10px);
}

.callout-lg .callout-title {
	font-size: 32px;
}
.callout-lg p {
	font-size: 22px;
}

.callout-sm {
	padding: 15px 10px 10px 10px;
	height: 170px;
	min-width: 170px;
	position: relative;
	margin: 10px;
}

.callout-sm .callout-title {
	font-size: 16px;
}

.callout-sm .btn-hlist {
	position: absolute;
	left: 50%;
  	bottom: 15px;
  	transform: translate(-50%);
	margin: 0 auto;
	width:90%;
}

/*.callout-sm .btn-hlist */
.btn {
	white-space: nowrap;
}

.callout-sm-icon {
	margin-bottom: 10px;
}

/*.callout-product .vendor-name, .callout-product .category-name {
	font-weight: bold;
	font-size: 42px;
}*/

.callout-product .product-name {
	font-weight: bold;
	font-size: 42px;
	color: var(--hilton-teal2);
	line-height: 42px;
	margin-bottom: 20px;
	filter: drop-shadow(rgba(0, 0, 0, 0.9) .5rem .5rem 10px);
}
.callout-product .product-name-topline {
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	line-height: 32px;
	margin-bottom: 5px;
}

.callout-product p {
	font-size: 22px;
}

.product-tab-container {
	width:100%;
	padding-bottom: 40px;
}
.product-tab-buttons {
	height: 70px;
	border-top: var(--border-light);
	border-left: var(--border-light);
	border-bottom: var(--border-light);
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
.product-nav-item {
	height: 100%;
	border-right: var(--border-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-tab-title {
	text-align: center;
	margin: 20px auto;
	clear: both;
}
.product-tab-content table {
	margin: 20px auto;
}
th.center, td.center {
	text-align: center;
}

.product-nav-item > button {
	width: 100%;
	height: 100%;
	color: var(--hilton-blue);
	font-weight: 600;
	text-decoration: none;
	/*display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
}
.product-nav-item > button.active, .product-nav-item > button:hover {
	font-weight: 700;
	border-bottom: 4px solid var(--hover-color);
}
.product-nav-item > button:hover {
	color: #fff;
}
/*** stop items shifting on hover/bold
.product-nav-item > button::after {
  content: attr(data-text);
  content: attr(data-text) / "";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: 800;
  text-decoration: underline; 
} ***/
/*nav .tab-indicator {
  width: 25%;
  height: 4px;
  position: absolute;
  bottom: 0;
  background: var(--hilton-blue);
  transition: 0.3s ease;
}*/

/*.product-logo-container {
	float: right;
	margin: 0 0 20px 20px;
}
.product-logo-container img.logo {
	max-height: 74px;
	max-width: 250px;
}*/

.product-tab-content {
	margin-top: 20px;
	min-height: 600px;
}

/*.product-tab-content .tab-pane */
.product-logo-container {
	float:right;
	margin: 0 0 20px 20px;
	/*width: 100%;
	text-align: right;
	*/
/*	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0 30px 30px;*/
}
.product-logo-container img.logo {
	max-height: 64px;
	max-width: 220px;
	margin: 0 0 20px 20px;
}

.company-logo-container {
	display: block;
	text-align:center;
	/* margin-bottom: 10px; */
}
.company-logo-container-lg img.logo {
	max-height: 120px;
}
.company-logo-container-md img.logo {
	max-height: 90px;
}
@media (max-width: 576px) {
	.company-logo-container-md img.logo {
		max-height: 50px;
	}
}
.company-logo-container-sm img.logo {
	max-height: 60px;
}
.company-logo-container-sm .navbar-brand {
	margin-left: 20px;
}
.logo-tagline {
	letter-spacing:.2rem;
	filter: drop-shadow(rgba(39, 25, 58, 0.933) 2px -3px 4px);
}

.company-logo-container-lg .logo-tagline, .company-logo-container-md .logo-tagline {
	letter-spacing:.1rem;
	color: #fff;
	font-size: 16px;
}

.company-logo-container-sm .logo-tagline {
	letter-spacing:.1rem;
	color: #fff;
	font-size: 12px;
}

.page-content {
	min-height: 600px;
	padding: 20px 15px;
	width:100%;
	color: var(--hilton-black);
	background: #fff; /*var(--hilton-offwhite);*/
	position: relative;
}

.page-content:not(.admin-content) h1 {
	font-size: 48px;
	text-align: center;
}

/* defeat the ugly yellow on chrome autofill fields */
input:-webkit-autofill, select:-webkit-autofill, input:-webkit-autofill:focus, select:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
    box-shadow: inset 0 0 0px 9999px white;
}
  
.table-narrow {
	max-width: 700px;
}

.table-simple {
	width: 100%;
}
.table-simple th {
	font-style: italic;
	font-weight: normal;
}
.table-simple th, .table-simple td {
	padding: 5px 10px;
}
.table-simple th:first-child, .table-simple td:first-child {
	padding-left: 0;
}
.table-simple td {
	vertical-align: top;
}
.table-simple .total-row td {
	padding-bottom: 15px;
}
td.total {
	border-top: 1px solid var(--hilton-black);
}

.table-vertical {
	margin: 10px 10px 10px 0;
}

.table-vertical td {
	padding-right: 10px;
	padding-bottom: 10px;
}

.property-check-table td {
	padding: 5px;
	vertical-align: top;
	font-size: 14px;
}

th.numeric, td.numeric {
	text-align: right;
}

.dropdown-item {
	font-weight: 500;
}
.dropdown-item:active, .dropdown-item:focus {
	background-color: var(--hilton-teal);
	color: #fff;
}
.dropdown-menu .fa-fw, .product-tab-content .fa-solid {
	color: var(--hilton-blue);
}
.product-tab-content .fa-xmark {
	color: var(--dark-gray);
}

.breadcrumbs {
	margin: 66px 0 0 20px;
	color: #fff;
	font-size: 12px;
}
/* .has-tagline .breadcrumbs {
	margin: 63px 0 0 20px;
} */
.breadcrumbs a {
	color: #fff;
	margin: 0 10px;
	text-decoration: none;
}
.breadcrumbs span {
	margin: 0 10px;
}
.video-wrapper {
	margin-bottom: 20px;
}
/*.fluid-width-video-wrapper {
	max-width:744px;
	max-height:419px;
	width:100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
embed, iframe, object, video {
	max-width: 100%;
}*/

.content-callout {
	background: var(--hilton-offwhite);
	padding: 20px 30px;
	margin: 20px 0;
	border-radius: 10px;
}

div.stars {
  width: 240px;
  display: inline-block;
/*  font-family:'Roboto Condensed',sans-serif;*/
}

div.stars label {
  color: rgba(var(--bs-body-color-rgb),.65);
}

input.star { display: none; }

label.star {
  float: right;
  padding: 5px 6px 2px 7px;
  font-size: 20px;
  color: #444;
  transition: all .2s;
  line-height:1.0;
}

label.star-0:before {
  content: '\f1db'!important;
  color: #c0c0c0!important;
  font-weight:normal;
}

input.star-0:checked ~ label.star-0:before {
  content: '\f192'!important;
}

input.star-0:checked ~ label.star:before {
  content: '\f006';
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}

/*input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}*/

/*input.star-1:checked ~ label.star:before { color: #F62; }*/

/*input.star-0:checked ~ label.star { color: #444; }*/

/*label.star:hover { transform: rotate(-15deg) scale(1.3); }*/

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

legend {
	font-size: 16px;
	font-weight: bold;
}

.action-buttons {
	margin: 20px 0;
}
.action-buttons-wizard {
	margin: 0;
	text-align: right;
}
.btn-bar .btn,
.action-buttons .btn,
.action-buttons-wizard .btn {
	margin: 10px;
}
.action-buttons-wizard .btn {
	min-width: 100px;
}

table.results tr td a.btn {
	margin:4px 0;
}

/* .table-small td {
	padding: 0 5px;
} */

.btn-hlist {
	clear: both;
}

.callout-lg .btn-hlist, .callout-product .btn-hlist {
	margin-top:20px;
}

.callout-sm .btn-hlist {
	margin-top:10px;
}

.callout-product .btn-hlist {
	text-align: center;
}

/*a.active {
	font-weight: bold;
}*/

/*.form-item-name {
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 10px;
}*/

.form-check {
	margin-top: 10px;
	margin-bottom: 10px;
}
.form-check-label {
	margin-top: 3px!important;
	margin-left: 3px;
}
/* .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	color: #A9A9A9!important;
}

::placeholder  {
  color: #A9A9A9;
}  */

.form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	/* color: #d3d3d3!important; */
	transform: scale(.75) translateY(-.5rem) translateX(.15rem);
}

.row>.form-floating>.form-control:not(:placeholder-shown)~label, row>.form-floating>.form-select~label {
	/* color: #d3d3d3!important; */
	transform: scale(.75) translateY(-.5rem) translateX(1rem);
}

fieldset {
	margin-bottom: 20px;
}

hr.section-divider {
    position: relative;
    top: 30px;
    border: none;
    height: 12px;
    background: #808080;
    margin-bottom: 50px;
}

.modal-header {
	text-align: center;
	background-color: var(--hilton-blue)!important;
	color: #fff;
}
.modal-title {
	width: 100%;
	color: #fff!important;
}

#enroll-modal .modal-content {
	background-color: var(--hilton-offwhite);
}
#enroll-modal .modal-body {
	padding: 30px;
}

.modal-footer {
	justify-content: center;
}

.terms {
	width: 100%;
	/*max-width:700px;*/
	max-height:300px;
	height: 300px;
	background-color: #fff;
	overflow-y: auto;
	margin: 10px 0;
	padding: 20px;
	border:1px solid #ddd; 
	border-radius: 10px;
}
.terms h4 {
	text-align: center;
}

.error {
	color: red;
}

.property-select-wrapper .select2-selection.select2-selection--single {
	height:64px!important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
   max-height: 500px;
}

.select2-results__option--highlighted { 
	background-color: var(--hilton-offwhite)!important;
}

.property-logo-button {
	width: 100px;
	height: 50px;
	border:1px solid #ddd; /*var(--dark-gray); */
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	padding: 5px;
	position: relative;
}

/*.property-logo-button img.property-logo {
	display: block;
}*/

img.property-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 90px;
	max-height: 40px;
	/* margin: auto;*/
	display: inline-block; 
}

.property-logo-button-sm {
	width: 60px;
	height: 30px;
	margin: 0 10px;
}
img.property-logo-sm {
	max-width: 50px;
	max-height: 20px;
}

.property-inline-data {
	display: inline-block;
	margin: 0;
}

.media-item h5 {
	margin-top:12px;
}

.admin-content {
	padding: 20px;
}
.admin-content-constrained {
	max-width: 1200px;	
}

.dataTables_length {
	text-align:center;
	width: 100%;
	padding-top: 10px;
}

table.dataTable {
	overflow: visible !important;
}

table.dataTable tbody {
	overflow: visible !important; 
}
div.dataTables_wrapper {
	overflow: visible !important; 
}
.table-responsive {
	overflow: visible !important;
}

.no-records {
	width: 100%;
	text-align: center;
	font-style: italic;
	font-weight: 500;
	margin-top: 100px;
	margin-bottom: 100px;
}

.top-navbar {
	padding: 0;
}

.top-navbar-content {
	display: flex!important;
	flex-basis: auto;
	flex-grow: 1;
	align-items: center;
}

.btn.sidebar-toggle:active, .btn.sidebar-toggle:hover {
	border-color: white
}

.sidebar {
	font-size: 16px;
	background-color: var(--hilton-blue)!important; /* ChatGPT suggested this...looks great but was rejected: #255D83.  */
	/*var(--hilton-blue)!important;*/
	/* background-color: var(--old-hilton-blue)!important; */
	color: #fff!important;
	padding-top:20px;
	font-weight: 500;
	max-width: 250px;
}
.sidebar.animated {
	transition: width .5s ease;
}
.sidebar a {
	color: #fff;
}
.sidebar.collapsed > ul > li > a:hover,
.sidebar.collapsed > ul > li > a.active{
	background-color: var(--hilton-offwhite);
	color: var(--hilton-blue)!important;
	border-left: 2px solid var(--hilton-blue);
	border-top: 1px solid var(--hilton-black);
	border-bottom: 1px solid var(--hilton-black);
	border-right: 0; 
}

.sidebar > ul > li > a {
	padding: 9px 16px 8px 16px!important;
}

.sidebar:not(.collapsed) > ul > li > a:hover,
.sidebar:not(.collapsed) > ul > li > a.has-submenu:not(.collapsed) {
	background-color: var(--hilton-offwhite);
	color: var(--hilton-blue)!important;
}

.sidebar > ul > li {
	width:100%;
}

.sidebar .submenu {
	background-color: var(--hilton-offwhite);
	/*padding-bottom: 5px;*/
}
.sidebar .submenu a {
	color: var(--hilton-blue);
	font-weight: 600;
	font-size: 14px;
	padding: 11px 16px!important;
}
.sidebar:not(.collapsed) .submenu .nav-link {
	padding: 10px 10px 10px 50px!important;
}

.sidebar.collapsed .nav-label {
	display:none!important;	
}
.sidebar.collapsed.animated > ul > li .nav-label {
	transition: display .5s linear;
}
.sidebar.collapsed {
	width: 57px;
}
.sidebar.collapsed > ul > li {
	position: relative;
}
.sidebar.collapsed ul.submenu {
	display: none;
	position: absolute;
	z-index: 3;
	left: 100%;
	top: 0px;
	min-width: 200px;
	box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 5px 0px;
	border: 1px solid var(--hilton-black);
	border-left: 0; 
}

/* mobile is same as collapsed */
/*@media (max-width: 576px) {
	.sidebar ul.submenu {
		display: none;
	}
}*/

.sidebar .submenu a:hover {
	background-color: rgba(0,0,0,.1);
}

.sidebar.collapsed > ul > li:hover > ul.submenu {
	display: flex!important;
}
/*.sidebar ul.submenu.collapsing {
	background-color: var(--dark-blue)!important;
}*/
.sidebar ul.submenu.collapsing li a {
/*	visibility: hidden;*/
	opacity: 0;
}

.sidebar-toggle {
	background-color: transparent;
	padding: 3px;
	margin-right: 25px;
}

.sidebar.collapsed .nav-item-expand-only,
.sidebar:not(.collapsed) .nav-item-collapse-only {
	display:none;
}

.nav-tabs {
	border: 0;
}
.nav-tabs .nav-item {
	margin-right: 5px;
}
.nav-tabs .nav-link {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .1rem;
}
.nav-tabs .nav-link:hover {
	background-color: var(--hover-color);
	color: #fff;
}
.nav-tabs .nav-link:not(.active):not(:hover) {
	background-color: #ddd;
	color: var(--hilton-black);
}
/*.nav-tabs .nav-link*/
.disabled, input[type=text]:disabled, select:disabled {
	color: var(--dark-gray)!important;
}
.btn:disabled {
	background-color: #fff;
	color: var(--dark-gray)!important;
}
input[type=checkbox][disabled] {
	background-color: var(--bs-secondary-bg);
}
.tab-content {
	border: 1px solid #ddd;
	min-height: 300px;
    /*border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 30px;
    width: 100%;
	/* position: relative; */
}
.tab-pane {
	padding: 20px;
}

.form-group {
	margin-bottom: 1rem;
}

.form-btn-bar {
	position: absolute;
  	bottom: 0;
  	left: 0;
  	background-color: #E5E4E2;
  	border-top: 1px solid #ddd;
  	border-bottom: 1px solid #ddd;
  	min-height: 60px;
  	width: 100%;
  	text-align: center;
}

.btn-bar {
	background-color: #E5E4E2;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	min-height: 60px;
	width: 100%;
	text-align: center;
}

.clear-btn-bar {
	background-color: transparent;
	border-top: 0;
	border-bottom: 0;
}

.thin-btn-bar {
	padding: 5px 0;
	min-height: initial;
}

.sticky-button-bar {
	position: sticky;
	top: 20px;
	right: 20px;
}

/*.tab-content .form-btn-bar {
	position: relative;
	border-top: 0;
	border-bottom: 0;
}*/

.form-btn-bar .btn, .form-action-buttons .btn {
	min-width: 120px;	
}
.column-btn-action {
	white-space: nowrap;
}
.column-btn-action .btn:not(.dropdown-toggle), .column-btn-action .btn-group {
	min-width: 80px;
	max-width: 160px;
	width:100%;
}
.column-btn-action a {
	display: inline-block;
}
/* .column-btn-action .btn .fa-regular, .column-btn-action .btn .fa-solid {
	color: var(--hilton-blue);
} */

.filter-form {
	margin: 20px 0;
}

form.admin-form {
	width:100%;
	max-width: 1000px;
	/* max-width: 1254px; */
	padding-bottom: 120px;
}
.with-form-btn-bar {
	padding-bottom: 120px;
}

form.progress-form {
	padding-bottom: 20px;
}
form.modal-form {
	padding-bottom: 0;
}

.admin-form-wide {
	max-width: 2000px;
}

.admin-form input, .admin-form select, .admin-form .input-group {
	max-width: 400px;
}

.admin-form textarea:not(.html-editor) {
	max-width: 600px;
}

.left-label {
    clear: left;
    float: left;
    padding: 10px 10px 2px 0;
    text-align: left;
    width: 110px; 
}

.form-label {
	font-weight: 600;
}
.form-floating .form-label {
	font-weight: 400;
}

.form-control-desc {
	margin-bottom: 10px;
}

.toast-container {
	position: absolute;
	top: 12px;
	left: 40%;
  	/*transform: translate(-50%, 0);*/
}
.success-indicator {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	background-color: var(--hilton-blue);
	vertical-align:middle;
	margin: 0 10px 0 0;
}

.dropzone {
    min-height: 100px;
    padding-top:20px;
	border:1px solid rgb(204, 204, 204)!important;
	border-radius:5px;
	font-size:14px;
	font-style:italic;
	text-align:center;
}

.dropzone-single {
	width: 300px;
}

.dropzone .fa {
	color: var(--hilton-blue);
}

.dz-message {
    margin: 10px 0 !important;
}

.dropzone .dz-preview .dz-error-message {
	top: 150px;
}

.droppable-hover {
	border:2px dashed #0096FF!important;
	background-color: rgb(241, 250, 255);
}

.dz-message button {
	margin-top:5px;
	margin-bottom:5px;
}
  
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.pseudo-link {
	color: var(--hilton-blue);
	text-decoration: underline;
}

.form-control-table td {
	padding: 8px 15px 8px 0;
}

.form-control-table tr {
	vertical-align: middle;
}

.form-control-table.light th {
	font-weight: normal;
}

/********** Range Input Styles **********/
/*Range Reset*/
/*input[type="range"] {
   -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 15rem;
}*/

/* Removes default focus */
/*input[type="range"]:focus {
  outline: none;
}*/

/*datalist {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-lr;
  width: 200px;
}*/

.form-text {
	margin-top: 8px;
}

.bootstrap-dialog-title, .modal-title {
	font-size: 18px!important;
	font-weight: bold!important;
	text-align: left;
}

.bootstrap-dialog.type-default .bootstrap-dialog-title {
	color: #fff;
}

/* .bootstrap-dialog {
	top: 100px;
} */

.bootstrap-dialog img, .bootstrap-dialog video {
	max-width: 100%;
}

.bootstrap-dialog .bootstrap-dialog-message {
	font-size: 18px;
}

/*.dimmed {
  position: relative;
}*/

.dimmed:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}

/* .error-detail {
	padding: 20px;
	border:1px solid #808080;
	border-radius:10px;	
} */

.sidebox {
	background: var(--hilton-offwhite);
	padding: 20px;
	border:1px solid #ddd;
	border-radius:10px;
	position: relative;
}
.sidebox-title {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.timezone-info {
	margin:5px 0;
	font-size: 12px;
}

.input-group.transparent .form-control {
	border-radius: 10px!important;
}

.input-group.transparent .input-group-addon {
	 border-radius: 10px!important;
     border: 0px;
     background-color: transparent;
     padding: 5px 10px;
}
.input-group-addon span {
	margin: 0 3px;
}

.report-label {
	font-weight: 600;
	text-transform: uppercase;
}

.report-table {
	border:2px solid #ddd;
	border-radius:10px;
	/*border-collapse: separate !important;*/
	margin: 10px 20px 20px 0;
	width: 100%;
}
.report-table th {
	color: var(--hilton-blue);
	font-weight: 600;
	padding: 5px 20px;
	border-bottom: 2px solid #ddd;
}
.report-table td {
	padding: 5px 20px;
	vertical-align:top;
}

.report-table tr.section-start td {
	padding-top: 10px;
}

.report-table tr.section-end td {
	border-bottom: 2px solid #ddd;
	padding-bottom: 10px;
}

.report-table td.total-cell, td.total {
	border-top: 2px solid #ddd;
}

.content-tight {
	max-width: 880px;
}

.hidden {
	display:none;
}

/* https://css-loaders.com/dots/
HTML: <div class="loader-wrapper"><div class="loader"></div></div> */
.loader-wrapper {
	/* position: relative; */
	display: flex;
  justify-content: center;
  min-height: 200px;
}
.loader {
  width: 10px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
  margin: auto;
  /*position: absolute;
  right: 20px;
  top: 0;*/
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}

.subtle-delete {
	color: #a9a9a9!important;
	font-size:12px;
}

.subtle-delete:hover {
	color:red!important;
	text-decoration: none;
}

.grand-total-amount {
	font-weight: bold;
	border-top: 0;
}

.main-price-row td {
	padding-top: 20px;
}
.grand-total-row td {
	padding-top: 20px;
}

#modal-video .modal-dialog {
  max-width:990px;
  width:90%;
}

#modal-video .modal-footer {
  background-color: rgba(0,0,0,.1) !important;
  color: #fff;
  border-radius: 10px;
  margin-left: 150px;
  margin-right: 150px;
}

.transparent, .transparent div {
	background-color: rgba(0,0,0,.0001) !important;
	/*background-color: transparent!important;*/
	border-color: transparent!important;
}
.transparent .modal-header {
	padding-bottom: 0;
}

.report-btn-wrapper {
	text-align: right;	
}
/* .dt-col-datetime {
	min-width:180px;
} */

.product-name-topline a {
	text-decoration: none;
	color: white;
}

.interstitial-spin {
	position: relative;
	
}
.interstitial {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.interstitial-content {
	margin-top: 30px;
}

/* .progress-tab {
    line-height: 43px;
    text-align:center;  
    width:38px;
	border-radius: 20px;
	color: #fff;
	background-color: var(--hilton-blue);
	border: 1px solid var(--hilton-blue);
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

.progress-tab:first-child {    
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

.progress-tab:last-child {
    -webkit-clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 55% 50%);
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 50% 50%);
} */

.wizard-top, .wizard-bottom {
	margin: 20px 0;
}

.top-return a {
	text-decoration:none;
}

/* progressbar */
.progress-tabs {
	display: flex;
	align-items: center;
	height: 40px;
	margin-top:10px;
	/* border-left: 1px solid var(--bs-border-color);
	border-radius: 20px; */
  }
  .progress-tabs .progress-tabs-item {
	display: flex;
	align-items: center;
	height: 100%;
	flex: 0 25%;
	border-top: 1px solid var(--bs-border-color);
	border-bottom: 1px solid var(--bs-border-color);
	white-space: nowrap;
  }
  .progress-tabs .progress-tabs-item:first-child {
	border-left: 1px solid var(--bs-border-color);
	border-radius: 20px 0 0 20px;
  }
  .progress-tabs .progress-tabs-item:last-child {
	border-right: 1px solid var(--bs-border-color);
	border-radius: 0 20px 20px 0;
  }
  .progress-tabs .progress-tabs-item .progress-tabs-label {
	color: #222;
	font-size: 13px;
	flex: 1;
	padding: 10px 0 10px 16px;
	text-align: center;
  }
  /* .progress-tabs .progress-tabs-item .progress-tabs-link {
	text-decoration: none;
	color: #222;
	font-size: 13px;
	flex: 1;
	padding: 10px 0 10px 16px;
	text-align: center;
  } */
  .progress-tabs .progress-tabs-item.active {
	background-color: var(--hilton-blue);
	border-color: var(--hilton-blue);
	color: #fff;
  }
  .progress-tabs .progress-tabs-item.active .progress-tabs-label {
	font-weight: bold;
	color: #fff;
  }
  .progress-tabs .progress-tabs-item .arrow {
	border: solid var(--bs-border-color);
	display: inline-block;
	padding: 11px;
	border-width: 0 1px 1px 0;
	transform: translateY(15.5px) rotate(-45deg) skew(-15deg, -15deg) translateX(18px);
	background-color: #FFF;
	margin-right: -2px;
  }
  .progress-tabs .progress-tabs-item:last-child {
	padding-right: 20px;
  }
  .progress-tabs .progress-tabs-item:last-child .arrow {
	display: none;
  }
  .progress-tabs .progress-tabs-item.complete {
	background-color: #F8F8F8;
	color: #000;
  }
  .progress-tabs .progress-tabs-item.active .arrow {
	background-color: var(--hilton-blue);
  }
  .progress-tabs .progress-tabs-item.complete .arrow {
	background-color: #F8F8F8;
  }
  .progress-tabs span.ordinal {
	/* display: inline-block; */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 2px 7px;
    background: #fff;
    border: 2px solid var(--hilton-blue);
    color: #000;
    text-align: center;
	margin: 0 5px;
}

.email-preview {
	border: 1px solid var(--bs-border-color);
	border-radius: 10px;
	/* border-top-left-radius: 10px;
	border-top-right-radius: 10px; */
	width:800px;
	margin: 20px 20px 20px 0;
}

.email-preview .email-headers {
	margin: 20px;
}

.email-preview .email-headers>div {
	margin-bottom: 5px;
}

.email-preview iframe {
	padding: 0;
	margin: 0;
}

.mce-content-body {
	margin: 10px;
}

.date-trigger {
	max-width: 250px;
}

.date-trigger, .date-trigger input {
	cursor: pointer;
}

.floating-notification {
	width: 200px;
	margin: auto 1rem;
	padding: .5rem 1rem;
	color: var(--hilton-blue);
	background: transparent;
	border-radius: .25rem;
	position: absolute;
	/* right: 25%;
	top: -30px; */
	z-index: 5000!important;
	display: none;
	font-size:10px;
}

/* slight adjustment for fa icons */
.fa-inline-adjust {
	position: relative;
	top: -2px;
}

.fa-info-circle {
	color: var(--hilton-blue);
}

.section-title {
	/* font-size: 110px; */
	font-weight: bold;
	margin: 25px 0 10px 0;
	color: var(--hilton-teal);
	text-transform: uppercase;
}

.faq-category {
	margin: 30px 0;
}
.faq-category-title, .media-title {
	/* font-size: 110px; */
	font-weight: bold;
	margin: 5px 0 10px 0;
	color: var(--hilton-blue);
}
.faq-item {
	margin: 20px 0;
}
.faq-question {
	/* font-size: 18px; */
	font-weight: bold;
	margin-bottom: 1rem;
}
.faq-answer-toggle {
	cursor: pointer;
	font-style:italic;
	color: var(--hilton-blue);
	margin-top: -10px;
}
.faq-answer {
	margin: 10px 0;
	/* display: none; */
}

.clear {
	clear: both;
}

.icon-export-csv {
	margin-left: 15px;
}

div.dt-container div.dt-info {
	padding-top: 0.85em;
}

div.dt-container div.dt-layout-full>*:only-child {
	margin-left: initial;
	margin-right: initial;
}

.highlight {
	background-color: var(--hilton-blue);
	color: #fff;
}

.pending, [data-ispending='true'] {
	border: 3px solid var(--hilton-teal); 
	/* #FFC067; */
}

tr.pending td {
	color: var(--hilton-teal);
}

.faq-answer em {
	color: var(--hilton-blue);
}

.tox-editor-header {
	box-shadow: none!important;
}

.text-added {
	background-color:rgb(209, 231, 221); 
	/* color: rgb(25, 135, 84); */
}
.text-removed {
	text-decoration: line-through;
	background-color: rgb(248, 215, 218);
	/* color: rgb(220, 53, 69); */
}

.small-link {
	font-size: 14px;
	text-decoration: none;
}

.diff-text {
	border: 1px solid rgb(222, 226, 230);
	border-radius: 6px;
	margin-bottom: 20px;
	padding: .375rem .75rem;
}

/* input:read-only, textarea:read-only {
	background-color: #E5E4E2;
} */

.grid-custom-filter {
	margin: 10px 0;
}

.bg-success {
	background-color: var(--hilton-teal)!important;
}

table.table tr.header-centered th {
	text-align:center!important;
}

table.table tr.header-extra th {
	color: var(--hilton-blue)!important;
	background-color: var(--hilton-offwhite)!important;
}

.top-nav-item {
	margin:10px 20px 0 20px;
	display: inline-block;
} 

.announcement-name {
	font-weight:bold;
}
.announcement-text {
	margin:10px 0;
}
.announcement-date {
	font-size:14px;
}

.badgeable {
	position:relative;
/*    padding-top:20px;
    display:inline-block;*/
}
.notify-badge{
    position: absolute;
    right:-1px;
    top:-1px;
    color:red;
}
/* .fa-badge {
	position: absolute;
    right:10px;
    top:-1px;
} */

/* fix for dropdowns that disappear behind datatables */
/* .dataTable .dropdown-menu {
	position: fixed !important; */
	/* top: 50% !important;
	left: 92% !important;
	transform: translate(-92%, -50%) !important; */
/* } */

.tooltip {
	--bs-tooltip-bg: var(--hilton-teal);
	--bs-tooltip-color: #fff;
	--bs-tooltip-opacity: 1.0;
}

/* .validation-icon {
	position: absolute;
	right: 10px;
	top: 32px;
	font-size: 1.2em;
}

.form-group {
	position: relative;
} */

.order-form-property-contact-info {
	max-width: 320px;
	margin: 20px 0;
}
.order-form-property-contact-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .5rem;
	font-style:italic;
}

.order-form-property-contact-header a {
	text-decoration: none;
	font-style:italic;
}
	
.table-pricing-detail {
	width: 100%;
}

.typing-indicator {
    display: flex;
    gap: 5px;
    padding: 15px;
    align-self: flex-start;
	justify-content: flex-end;
}

.typing-indicator span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #667eea;
    animation: typing 1.4s infinite;
}

.typing-indicator span:nth-child(2) {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes typing {
    0%, 60%, 100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-10px);
    }
}

.legal-notice {
	font-size: 24px;
	color: var(--hilton-green);
}

.library-item {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	align-items: flex-start;
}

.library-item-thumbnail {
	flex-shrink: 0;
}

.thumbnail-container {
	position: relative;
	display: inline-block;
}

.library-item-content {
	flex: 1;
}

.file-type-badge {
	position: absolute;
	bottom: 8px;
	right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 18px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	transition: transform 0.2s;
}

.file-type-badge .fa-file-pdf {
	color: white!important;
}

.file-type-badge:hover {
	transform: scale(1.1);
}

.file-type-badge.pdf {
	background-color: #e74c3c;
}

.file-type-badge.video {
	background-color: #3498db;
}

/* .media-title {
	font-weight: 600;
	font-size: 1.1em;
	margin-bottom: 8px;
} */

.bootstrap-dialog-body {
	max-height: 500px;
	overflow-y: auto;
}

.code-input-container {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 20px 0;
}

.code-input {
	width: 50px;
	height: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border: 2px solid #ddd;
	border-radius: 8px;
	transition: border-color 0.2s;
	margin: 0 8px;
}

.code-input:focus {
	outline: none;
	border-color: #0d6efd;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.code-input.filled {
	border-color: #0d6efd;
}

.with-help-icon {
	display: flex;
    align-items: center;
}

.with-help-icon i {
    margin-left: 10px;
}

.custom-width-600 .modal-dialog {
    width: 600px;
    max-width: 600px;
}