:root {
	--tb-dark: #1e3646;
	--tb-light: #f1efe9;
	--tb-light-blue: #94d0ee;
	--tb-purple: #753a93;
	--tb-purple-tint: #864fa3;
	--tb-orange: #ea742d;
}

:root {
    --tb-dark-grey: #1e3646;
    --tb-dark-grey-100: rgba(30,54,70,1);
    --tb-dark-grey-90: rgba(30,54,70,0.9);
    --tb-dark-grey-80: rgba(30,54,70,0.8);
    --tb-dark-grey-70: rgba(30,54,70,0.7);
    --tb-dark-grey-60: rgba(30,54,70,0.6);
    --tb-dark-grey-50: rgba(30,54,70,0.5);
    --tb-dark-grey-40: rgba(30,54,70,0.4);
    --tb-dark-grey-30: rgba(30,54,70,0.3);
    --tb-dark-grey-20: rgba(30,54,70,0.2);
    --tb-dark-grey-10: rgba(30,54,70,0.1);
	/* --tb-dark-grey-90: #344a58; */
    /* --tb-dark-grey-80: #4b5e6b; */
    /* --tb-dark-grey-70: #61727d; */
    /* --tb-dark-grey-60: #788690; */
    /* --tb-dark-grey-50: #8e9aa2; */
    /* --tb-dark-grey-40: #a5afb5; */
    /* --tb-dark-grey-30: #bbc2c7; */
    /* --tb-dark-grey-20: #d2d7da; */
    /* --tb-dark-grey-10: #e8ebec; */
    --tb-purple: #753a93;
    --tb-purple-100: rgba(117,58,147,1);
    --tb-purple-90: rgba(117,58,147,0.9);
    --tb-purple-80: rgba(117,58,147,0.8);
    --tb-purple-70: rgba(117,58,147,0.7);
    --tb-purple-60: rgba(117,58,147,0.6);
    --tb-purple-50: rgba(117,58,147,0.5);
    --tb-purple-40: rgba(117,58,147,0.4);
    --tb-purple-30: rgba(117,58,147,0.3);
    --tb-purple-20: rgba(117,58,147,0.2);
    --tb-purple-10: rgba(117,58,147,0.1);
    --tb-orange: #ea742d;
    --tb-orange-100: rgba(234,116,45,1);
    --tb-orange-90: rgba(234,116,45,0.9);
    --tb-orange-80: rgba(234,116,45,0.8);
    --tb-orange-70: rgba(234,116,45,0.7);
    --tb-orange-60: rgba(234,116,45,0.6);
    --tb-orange-50: rgba(234,116,45,0.5);
    --tb-orange-40: rgba(234,116,45,0.4);
    --tb-orange-30: rgba(234,116,45,0.3);
    --tb-orange-20: rgba(234,116,45,0.2);
    --tb-orange-10: rgba(234,116,45,0.1);
    --tb-light-blue: #94d0ee;
    --tb-light-blue-100: rgba(148,208,238,1);
    --tb-light-blue-90: rgba(148,208,238,0.9);
    --tb-light-blue-80: rgba(148,208,238,0.8);
    --tb-light-blue-70: rgba(148,208,238,0.7);
    --tb-light-blue-60: rgba(148,208,238,0.6);
    --tb-light-blue-50: rgba(148,208,238,0.5);
    --tb-light-blue-40: rgba(148,208,238,0.4);
    --tb-light-blue-30: rgba(148,208,238,0.3);
    --tb-light-blue-20: rgba(148,208,238,0.2);
    --tb-light-blue-10: rgba(148,208,238,0.1);
    --tb-camel: #f1efe9;
    --tb-camel-100: rgba(241,239,233,1);
    --tb-camel-90: rgba(241,239,233,0.9);
    --tb-camel-80: rgba(241,239,233,0.8);
    --tb-camel-70: rgba(241,239,233,0.7);
    --tb-camel-60: rgba(241,239,233,0.6);
    --tb-camel-50: rgba(241,239,233,0.5);
    --tb-camel-40: rgba(241,239,233,0.4);
    --tb-camel-30: rgba(241,239,233,0.3);
    --tb-camel-20: rgba(241,239,233,0.2);
    --tb-camel-10: rgba(241,239,233,0.1);
    
    --primary-color: #302AE6;
    --secondary-color: #536390;
    --font-color: var(--tb-dark-grey);
    --link-color: var(--tb-dark-grey);
    --link-hover-color: var(--tb-orange);
    --bg-color: var(--tb-camel);
    --heading-color: #292922;
    --bs-heading-color: #292922;
    --bs-link-color: var(--tb-dark-grey);
    --bs-card-color: #292922;
    --border: #666666;
	--popup-bg: #eeeeee;
    --spider-grid: rgba(0,0,0,0.5);
    --table-group-border-dotted: rgba(0,0,0,0.6);
    --table-row-border-dotted: rgba(0,0,0,0.3);
    --tb-color-border: #444;
    --tb-loading: var(--tb-camel);

}
[data-theme="dark"] {
/*    --primary-color: #9A97F3;*/
    --primary-color: var(--tb-light-blue);
    --bs-link-color: var(--tb-light-blue);
    --secondary-color: #818cab;
    --font-color: var(--tb-camel);
    --link-color: var(--tb-camel);
    --bg-color: var(--tb-dark-grey);
    --heading-color: #818cab;
    --bs-heading-color: #818cab;
    --bs-card-color: #818cab;
    --bs-border-color-translucent: #818cab;
    --border: #cccccc;
	--popup-bg: #333333;
    --spider-grid: rgba(255,255,255,0.5);
    --table-group-border-dotted: rgba(255,255,255,0.6);
    --table-row-border-dotted: rgba(255,255,255,0.3);
    --tb-color-border: var(--tb-light-blue);
    --tb-loading: var(--tb-dark-grey);
    --bs-body-bg: var(--tb-dark);
    --bs-body-color: var(--tb-camel);
}

html, body {
	width: 100%;
	/* overflow-x: hidden; */
	/* font-family: Muli, sans-serif; */
	font-family: Poppins, sans-serif;
/*    font-size: 1em;*/
    font-size: 90%;
}
/* @media(min-width:992px) { */
    /* html, body { */
        /* font-size: 100%; */
    /* } */
/* } */
html, body {
	font-size: 14px;
	/* font-size: 13px; */
}

:root {
	--bs-font-sans-serif: 'Poppins', sans-serif;
}

.container.dev-borders, .col.dev-borders {
	border: 1px dotted rgba(128,128,128,0.6);
}

.hidden {
	display: none !important;
}

.tb-text-dark {
	color: var(--tb-dark);
}
.tb-bg-dark {
	background-color: var(--tb-dark);
}
.tb-text-light {
	color: var(--tb-light);
}
.tb-bg-light {
	background-color: var(--tb-light);
}
.tb-text-purple {
	color: var(--tb-purple);
}
.tb-bg-purple {
	background-color: var(--tb-purple);
}
.tb-text-orange {
	color: #EA742D;
}
.tb-bg-orange {
	background-color: #EA742D;
}
.tb-text-light-blue {
	color: #94D0EE;
}
.tb-bg-light-blue {
	background-color: #94D0EE;
}
.tb-text-camel {
	color: #F1EFE9;
}
.tb-bg-camel {
	background-color: #F1EFE9;
}

:root{--swiper-navigation-size:24px !important}

@media (min-width: 400px) {
	.br-lg {
		display: block
	}
}

@font-face {
    font-family: 'Cimatics-Base';
    src: url('fonts/Cimatics-Base.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LeagueSpartan';
    src: url('fonts/LeagueSpartan-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'LeagueSpartan';
    src: url('fonts/LeagueSpartan-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a {
/*	color: var(--tb-orange);*/
	color: var(--link-color);
}
a:hover {
	color: var(--link-hover-color);
}

.btn-tb-dark {
    color: var(--tb-dark);
    background-color: var(--tb-dark);
    border-color: var(--tb-dark);
}
.btn-tb-light-blue {
    color: var(--tb-dark);
    background-color: var(--tb-light-blue);
    border-color: var(--tb-light-blue);
}
.btn-tb-orange {
    color: #fff;
    background-color: var(--tb-orange);
    border-color: var(--tb-orange);
}
.btn-tb-purple {
    color: #fff;
    background-color: var(--tb-purple);
    border-color: var(--tb-purple);
}

.btn-tb-purple:hover {
	color: #fff;
	background-color: var(--tb-purple-tint);
}

.tb-dot {
	border-radius: 50%;
	width: 1.5rem;
	height: 1.5rem;
}

.card {
	width: 300px;
	float: left;
	border: 1px solid var(--border);
	background-color: var(--secondary);
	margin-right: 10px;
} 
.card .image {
	background: #e9ebee;
	height: 175px;
}
.card .bars {
	height: 85px;
}
.card .bars .bar {
	background: #e9ebee;
	margin: 0 13px 13px;
	height: 19px;
}
.card .bars .bar1 {
	width: 80%;
	margin-top: 17px;
}
.card .bars .bar2 {
	width: 30%;
}

/*
.loading {
	position: relative;
	overflow: hidden;
}
.loading::after {
	content: "";
	display: block;
	background-color: #dddfe2;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transform: translateX(0);
	animation: 1.5s loading-placeholder ease-in-out infinite;
}

@keyframes loading-placeholder {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(100%); }
}
*/

/*
.loading {
  position: relative;
  opacity: 0.6;
  pointer-events: none;
  background-color: var(--tb-loading);
}
.loading::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  -webkit-animation: loading 1.5s infinite;
          animation: loading 1.5s infinite;
}
[data-theme="dark"] .loading {
  background-color: var(--tb-dark-grey);
}
[data-theme="dark"] .loading::after {
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.8), transparent);
}

    
@-webkit-keyframes loading {
  100% {
    transform: translateX(100%);
  }
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
.loading tr {
  height: 1.8rem;
}
*/

@keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.loading {
/*    opacity: 0.6;*/
    pointer-events: none;
/*    color: transparent;*/
/*  background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);*/
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 1), transparent);
	background: linear-gradient(90deg,rgba(0,0,0,0.2),rgba(255,255,255,0.2),rgba(0,0,0,0.2));
/*    background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4));*/
    background-size: 1000%;
    -webkit-animation: loading 1.5s ease-in-out infinite;
            animation: loading 1.5s ease-in-out infinite;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[data-theme="dark"] .loading {
  background-color: var(--tb-dark-grey);
}
[data-theme="dark"] .loading::after {
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 1), transparent);
}
.loading>* {
    opacity: 0.6;
}

#header-container {
	/* display: flex; */
	display: block;
    margin-bottom: 1em;
	/* position: absolute; */
	/*top: 0;*/
	/* left: 0; */
	/* right: 0; */
/*	height: 50px;*/
	/*background-color: blue;*/
	/*z-index: 99999;*/
}
#header-container .header-logo {
/*	flex: none;*/
	width: 170px;
/*	overflow: hidden;*/
	/*border-right: 1px solid #ccc;*/
}

@media(min-width:768px) {
	#header-container .header-logo {
		width: 170px;
		/*margin-right: 0;*/
/*		box-shadow: inset -1px 0 0 rgb(0 0 0 /10%);*/
	}
}

.btn-back {
  display: inline-block;
  border: 1px solid #d4d7d4;
  padding: 4px 5px;
  color: var(--tb-camel);
  font-size: 10px;
  line-height: 10px;
  font-weight: bold;
/*  text-shadow: 0 1px 0 #fff;*/
  text-decoration: none;
  border-radius: 4px;
  background: var(--tb-dark-grey);
  position: relative;
  border-left: none;
}
.btn-back:after,
.btn-back:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 100%;
  margin-right: -1px;
}
.btn-back:after {
/*  border: 8px solid transparent;*/
/*  border-right-color: var(--tb-camel);*/
/*  top: 2px;*/
}
.btn-back:before {
  border: 9px solid transparent;
  border-right-color: var(--tb-dark-grey);
  top: 0px;
}
[data-theme="dark"] .btn-back {
    color: var(--tb-dark-grey);
    background: var(--tb-camel);
}
[data-theme="dark"] .btn-back:before {
    border-right-color: var(--tb-camel);
}

[data-theme="dark"] .toast-body {
/*    color: var(--tb-dark-grey);*/
}

#header-container .header-logo {
    background-image: url('/assets/images/logo/trust-engine-horiz.png');
    background-size: contain;
    width: 210px;
    height: 50px;
	background-repeat: no-repeat;
}
[data-theme="dark"] #header-container .header-logo {
    background-image: url('/assets/images/logo/trust-engine-horiz-rev.png');
}

.alert-primary {
    color: var(--tb-dark-grey);
    background-color: var(--tb-light-blue);
}

@media (min-width: 768px) {
	.modal-dialog {
		max-width: 700px;
	}
}
@media (min-width: 992px) {
	.modal-dialog {
		max-width: 900px;
	}
}

.toast-container {
    z-index: 99999;
}

.partner-match-group::-webkit-scrollbar {
    height: 10px;
}
.partner-match-group::-webkit-scrollbar-track {
    background: rgba(128,128,128,0.2);
}
.partner-match-group::-webkit-scrollbar-thumb {
    background: rgba(128,128,128,0.5);
    border-radius: 5px;
}

.badge-tb-site {
	color: var(--tb-light);
    background-color: var(--tb-dark);
	font-size: 0.7rem;
}
/* @media(min-width: 768px) { */
	/* .badge-tb-site { */
		/* font-size: 0.7rem; */
	/* } */
/* } */
@media(min-width: 992px) {
	.badge-tb-site {
		font-size: 0.9rem;
	}
}

[data-theme="dark"] .badge-tb-site {
	color: var(--tb-dark);
    background-color: var(--tb-light);
}

#toTop {
	margin: 25px 35px;
	color: #fff;
	position: fixed;
	bottom: 0;
	right: 5px;
	display: none;
	cursor: pointer;
	z-index:99;
}


.profile-dot {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
    background-color: lightgray;
    border-radius: 50%;
    border: gray 1px solid;
    background-size: cover;
    background-position: center;
    background-repeat: none;
    float: left;
    margin-right: 5px;
}

.profile-dot span {
    font-weight: bold;
    font-style: normal;
    font-size: 0.7rem;
}

.match-heading-container {
    width: 250px;
    text-align: center;
    border: 1px solid var(--tb-orange);
    border-radius: 50px;
    padding: 8px 5px;
    margin: 10px auto;
    font-size: 1.3rem;
    line-height: 0.8rem;
    background-color: var(--tb-orange);
}
.match-heading {
    /* border: 1px solid var(--tb-dark); */
    /* border-radius: 50px; */
}

/*.trust-pack-icon { */
.trust-pack-icon, .trust-pack-embed-icon {
    cursor: pointer;
    margin-left: 3px;
}
.tpm-heading {
    font-size: 1.2rem;
    text-transform: uppercase;
    opacity: 0.5;
    /* font-family: Muli Black; */
    font-weight: 800;
}
.tpm-subheading {
	opacity: 0.8;
    /* font-family: Muli Black; */
    font-weight: 800;
}
#tpm-name {
    /* font-weight: bold; */
    font-size: 1.5rem;
}

code {
    font-size: 12px;
    margin-left: 12px;
}

.te-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
}
.te-callout+.te-callout {
    margin-top: -0.25rem;
}
.te-callout-info {
    border-left-color: #0d6efd;
}
.te-callout-warning {
    border-left-color: #f0ad4e;
}
.te-callout-danger {
    border-left-color: #d9534f;
}

.te-callout-teaser .collapse {
    display: block;
    height: 2em;
    overflow: auto hidden;
}
.te-callout-teaser .collapsing {
  height: 2em;
}
.te-callout-teaser .show {
  height: auto;
}
.te-callout-teaser a:after {
  font-weight:700;
}
/* .te-callout-teaser a.collapsed:after { */
.te-callout-teaser a[data-bs-toggle="collapse"].collapsed:after {
  content: 'Show more...';
}
/* .te-callout-teaser a:not(.collapsed):after { */
.te-callout-teaser a[data-bs-toggle="collapse"]:not(.collapsed):after {
  content: 'Show less...';
}
.te-callout-teaser .collapse:not(.show) p:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-feature:after {
    content: '\F8A2';
    font-family: bootstrap-icons;
    font-size: .7em;
    margin-left: 0.4em;
    /* opacity: .75; */
    display: inline-block;
    text-decoration: none;
    background: var(--tb-orange);
    color: #fff;
    padding: 0.3em;
    line-height: 1;
    border-radius: 0.4em;
}

.air-datepicker-time--sliders div:last-child {
	display: none;
}

#trust-pack-embed-modal .modal-dialog, #trust-pack-global-modal .modal-dialog {
    width: auto;
    height: auto;
    position: fixed;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
}
#trust-pack-embed-modal .modal-dialog .modal-content, #trust-pack-global-modal .modal-dialog .modal-content {
	height: 100%;
}

@media(max-width:575px) {
	#report-tabs-container .nav {
		--bs-nav-link-padding-x: 0.5rem;
		font-size: 0.9em;
		min-width: 300px;
	}
}

.selectize-dropdown .selected {
    background-color: #94d0ee !important;
	color: #1e3646 !important;
}