:root {
	/* --bg-color: #eee !important; */
	--bg-color: #ecf1f5;
	/* --bs-border-color: #ecf1f5; */
	--bs-border-color: var(--tb-dark-grey-20);
	--bs-table-striped-bg: #ecf1f5;
	--bs-nav-tabs-link-hover-border-color: var(--tb-dark-grey-20) var(--tb-dark-grey-20) var(--bs-border-color);
	--primary-color: #1e3646;
    --panel-bg: #fff;
	--bs-border-color: var(--tb-dark-grey-40);
}
[data-theme="dark"] {
    --bs-emphasis-color: #fff;
	--bs-tertiary-color: rgba(241,239,233,0.5);
	--bs-tertiary-bg: #61727d;
    /* --bs-secondary-bg: var(--tb-dark-grey-50); */
    --bs-secondary-bg: rgba(241,239,233,0.75);
    --bg-color: var(--tb-dark);
    --bs-body-bg: var(--tb-dark);
    --bs-body-bg-rgb: 0,0,0;
    --bs-body-color: var(--tb-camel);
    --bs-body-color-rgb: var(--tb-camel);
    --bs-link-color: var(--tb-camel);
    --bs-link-hover-color: var(--tb-orange);
    --bs-border-color: var(--tb-camel);
    --bs-dropdown-link-color: var(--tb-dark);
    --bs-dropdown-link-disabled-color: #999;
	/* --bs-dropdown-link-hover-color: var(--tb-dark-grey-50); */
/*    --bs-nav-tabs-link-active-color: var(--tb-camel);*/
    --panel-bg: #344a58;
    --bs-toast-color: var(--tb-camel);
}
[data-theme="dark"] .nav-tabs {
    --bs-nav-tabs-link-active-bg: var(--panel-bg);
	--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--panel-bg);
}
[data-theme="dark"] .dropdown-menu {
    /* --bs-dropdown-link-hover-bg: var(--tb-dark-grey-70); */
}
[data-theme="dark"] #footer-logo {
    background-image: url(/assets/images/logo/trust-engine-stacked-rev.png);
}
[data-theme="dark"] .panel {
/*    background-color: #344a58;*/
    background-color: var(--panel-bg);
    /* background-color: rgba(255,255,255,0.1); */
}
[data-theme="dark"] a {
/*    color: var(--tb-camel);*/
}
[data-theme="dark"] .navbar .dropdown-menu a {
/*    color: var(--tb-dark);*/
}
[data-theme="dark"] .hr-brand:after {
    background-image: url(/assets/images/logo/trust-engine-icon-rev.svg);
}
[data-theme="dark"] hr.hr-brand:before {
    background-color: var(--tb-dark);
}
html, body {
	color: var(--font-color);
	background-color: var(--bg-color);
}
#top-bar {
/*    border: 0 0 1px 0 solid var(--tb-orange);*/
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--tb-orange);
}
header .navbar {
    background-color: #fff;
}
[data-theme="dark"] header .navbar {
    background-color: rgba(255,255,255,0.1);
}
header .navbar-nav {
    --bs-nav-link-padding-y: 0;
}
header .navbar li {
    font-size: 0.9rem;
    border-right: 1px solid #ccc;
}
header .navbar ul li:first a {
    padding-left: 0 !important;
}
.panel {
	margin-top: 1rem;
    margin-bottom: 1rem;
	padding:1rem;
/*    background-color: #fff;*/
    background-color: var(--panel-bg);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.panel.admin {
    border: 1px solid var(--tb-orange);
	position: relative;
}
/* .panel.admin:before { */
    /* content: 'Admin'; */
    /* position: absolute; */
    /* left: -44px; */
    /* top: 14px; */
    /* transform: rotate(-90deg); */
    /* border: 1px solid var(--tb-orange); */
    /* background: #fff; */
    /* padding: 0.25em 0.5em; */
/* } */
/* .panel.admin:before { */
    /* content: '\F8A2'; */
    /* font-family: 'bootstrap-icons'; */
	/* font-size: 1.25em; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* padding: 0.25em 0.5em; */
/* } */
/* ::placeholder { */
  /* color: var(--font-color); */
/* } */
.panel.admin:before { 
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    border-top: 20px solid var(--tb-orange);
    border-right: 20px solid var(--tb-orange);
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    width: 0;
    height: 0;
    padding: 0;
    line-height: 0;
}
.panel.admin:after {
    content: '\F8A2';
    font-family: bootstrap-icons;
    font-size: 1.25em;
    position: absolute;
    right: 3px;
    top: -3px;
    padding: 0.25em 0.5em;
    padding: 0;
    color: #fff;
}
::placeholder {
  color: var(--font-color);
}

/*a[href^="http://"] {*/
[target="_blank"]:after {
    content: '\F1C5';
    font-family: 'bootstrap-icons';
    font-size: 0.7em;
    margin-left: 0.4em;
    opacity: 0.75;
    display: inline-block;
    text-decoration: none;
}

[data-theme="dark"] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

/* [data-theme="dark"] .btn-outline-dark { */
[data-theme="dark"] div:not(.alert) > .btn-outline-dark {
    --bs-btn-color: var(--tb-light);
    --bs-btn-border-color: var(--tb-light);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--tb-light);
    --bs-btn-hover-border-color: var(--tb-light);
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--tb-light);
    --bs-btn-active-border-color: var(--tb-light);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--tb-light);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--tb-light);
    --bs-gradient: none;
}

[data-theme="dark"] .btn-close { 
	filter: var(--bs-btn-close-white-filter);
}

select:disabled {
    opacity: 0.6;
}

#air-datepicker-global-container, .air-datepicker-global-container {
	z-index: 99999;
}

input::placeholder {
    color: var(--tb-body) !important;
    opacity: 0.5 !important;
}

.te-table {
    max-height: 300px;
    /* overflow-y: scroll; */
    resize: vertical;
    overflow: auto;
}
.te-table[style*="height"] {
	max-height: unset;
}
.te-table thead {
	position: sticky;
	top: 0;
	background: var(--panel-bg);
	z-index: 2;
}

.te-table th {
    cursor: pointer;
}
.te-table .th-sort-icon {
    float: right;
}

.nav-tabs .nav-link {
	background-color: rgba(128,128,128,0.2);
}

.arrow-left, .arrow-right, .arrow-up, .arrow-down {
	position: relative;
}	
.arrow-left:before {
    content: '\F12C';
    font-family: 'bootstrap-icons';
    font-size: 40px;
    line-height: 1;
    position: absolute;
    right: -35px;
    top: 50%;
    margin-top: -20px;
	z-index: 9;
}
.bounce-left:before {
  animation: bounceleft 2s infinite;
}
@keyframes bounceleft {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(30px);
  }
  60% {
    transform: translateX(15px);
  }
}
.arrow-right:before {
    content: '\F135';
    font-family: 'bootstrap-icons';
    font-size: 40px;
    line-height: 1;
    position: absolute;
    left: -35px;
    top: 50%;
    margin-top: -20px;
	z-index: 9;
}
.bounce-right:before {
  animation: bounceright 2s infinite;
}
@keyframes bounceright {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}
.arrow-up:before {
    content: '\F145';
    font-family: 'bootstrap-icons';
    font-size: 40px;
    line-height: 1;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -20px;
	z-index: 9;
}
.bounce-up:before {
  animation: bounceup 2s infinite;
}
@keyframes bounceup {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(30px);
  }
  60% {
    transform: translateY(15px);
  }
}
.arrow-down:before {
    content: '\F124';
    font-family: 'bootstrap-icons';
    font-size: 40px;
	line-height: 1;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
	z-index: 9;
    /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==); */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
}
.bounce-down:before {
/* .bounce-down { */
  animation: bouncedown 2s infinite;
}
@keyframes bouncedown {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.lightbox {
	cursor: zoom-in;
}
#lightbox-container {
	/* position:fixed; /* keeps the lightbox window in the current viewport */ */
	/* top:0;  */
	/* left:0;  */
	/* width:100%;  */
	/* height:100%;  */
	/* background:url(https://assets.codepen.io/210284/overlay.png) repeat;  */
	/* text-align:center; */
	/* background: rgba(0,0,0,0.8); */
	left: 0;
    /* background: rgba(0,0,0,0.8); */
    top: 0;
    display: flex;
    align-items: center;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
	margin: 5%;
	z-index: 99;
}
/* #lightbox-container p { */
#lightbox-close {
	/* text-align:right;  */
	/* color:#fff;  */
	/* margin-right:20px;  */
	/* font-size:12px;  */
	margin: auto;
    padding: 5%;
	
	position: fixed;
    text-align: right;
    color: #fff;
    margin-right: 20px;
    font-size: 2rem;
    top: 0;
    right: 0;
    margin: 2rem 2rem 0 0;
    padding: 1rem;
	cursor: pointer;
}
#lightbox-container img, #lightbox-container video {
/* #lightbox-content img { */
	box-shadow:0 0 25px #111;
	/* max-width:940px; */
	/* width: 100%; */
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	max-width: 100%;
    max-height: 100%;
}
#lightbox-bg {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.85);
    z-index: -1;
	cursor: zoom-out;
}
#lightbox-content {
	margin: auto;
    /* padding: 5%; */
	/*width: 100%;*/
    /*height: 100%;*/
	position: static;
}
.lightbox-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.video-container {
    /* position: inherit; */
    padding-bottom: 56.25%;
    height: 0;
}
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}