/* @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); */

/* montserrat-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Global variables (used as constants, simply to change) */
:root {
	/* brand colors */
	--tmn-white: white;
	--tmn-yellow: #ffcc00;
	/* --tmn-yellow: #ddaa49; */
	--tmn-yellow-dark: #e6b800;
	--tmn-yellow-light: #f39213;
	--tmn-yellow-light2: #ffd256;
	--tmn-darkblue: #080b20;
	--tmn-lightblue: #007bff;
	--tmn-background: var(--tmn-darkblue);
	--tmn-footer: var(--tmn-yellow);
	--tmn-darkblue1: #0f153e;
	--tmn-darkblue2: #141c52;
	--tmn-darkblue3: #192367;
	--tmn-darkblue4: #0033cc;
	--tmn-darkblue5: #007bff;
	--tmn-darkblue6: #004d80;
	--tmn-notifier: var(--tmn-darkblue2);
	--tmn-notifier-func: var(--tmn-lightred);
	--tmn-menu-emph: var(--tmn-darkblue3);
	--tmn-darkred: #990000;
	--tmn-darkred2: #660000;
	--tmn-lightred: #e60000;
	--tmn-lightred2: #ff6666;
	--tmn-hdr-private: #002e4d;
	--tmn-hdr-company: #004d80;
	--tmn-menu-border: #004fb0;
	/* --tmn-link-lightblue: #007bff; */
	--tmn-link-lightblue: #50a5ff;
	--tmn-link-lightblue2: #50a5ff;
	--tmn-link-darkblue: #2977ca;
	--tmn-link-yellow: var(--tmn-yellow);
}

/* Base Styling */
body {
	color: var(--tmn-darkblue);
	/* Add some padding on document's body to prevent the content to go underneath the header and footer */
	/* padding-top: 194px; / 148px without menu */
	/* shorthand form: top right bottom left (TRBL) */
	padding-top: 240px;	/* 216px */
	padding-bottom: 20px;
	/* margin: 0; */
	margin: 0 0 2.0em 0;
}

body, html {
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	/* line-height: 20px; */
	/* Prevent selections of elements by the user */
	/* user-select: none; supported by Chrome and Opera */
	/* -webkit-user-select: none; Safari */
	/* -khtml-user-select: none; Konqueror HTML */
	/* -moz-user-select: none; Firefox */
	/* -ms-user-select: none; Internet Explorer/Edge */

	/*background: var(--tmn-background);*/
	background-color: var(--tmn-darkblue);
	background-image: url('../images/dark-blue-space.jpg');
	/* original name: Dark-Space-Blue-Pictures.jpg */

	background-attachment: fixed;	
	background-size: cover;
	background-repeat: no-repeat;
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}

/* bootstrap-select styling */

/*
	Bootstrap select playground :)
	https://embed.plnkr.co/1tRhnhRS6zcVaj6zhi5R/ 
*/

.select-default {
	font-size: 0.75em;
}

.select-blue {
	color: var(--tmn-darkblue5);
	font-size: 0.75em;
}

.select-bold {
	color: black;
	font-size: 0.75em;
	font-weight: bold;
}

.select-any {
	color: black;
	font-size: 0.9em;
}

/*
.filter-option {
	font-size: 32px !important;
}
*/

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
	color: inherit;
	background: inherit;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

/*
.btn.dropdown-toggle.btn-default {
	outline-color: red !important;
}
*/

.centered-container{
	width: 50%;
	margin: 0 auto; /* Center the DIV horizontally */
	padding-bottom: 4px;
	line-height:28px;
}

.fixed-header, .fixed-footer, .fixed-footer2 {
	width: 100%;
	position: fixed;
	background: var(--tmn-background);
	padding: 5px 0;
	z-index: 999 !important;
}

.fixed-header {
	top: 0;
}

.fixed-footer {
	bottom: 0;
	color: var(--tmn-footer);
}

.fixed-footer2 {
	bottom: 0;
	color: var(--tmn-footer);
}

.msg-container {
	margin-left: 10%;
	margin-right: 10%;
}

.contentgrid-container {
	display: grid;
	/*border: 2px dashed rgba(114, 186, 94, 0.35);*/
	height: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	/*background: rgba(114, 186, 94, 0.05);*/
	justify-items: center;
	text-align: center;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	padding-top: 20px !important;
	padding-bottom: 0;
	margin-bottom: 0;
}
  
.contentgrid-item {
	width: 95%;
	background-color: black;
	font-size: 20px;
	color: #ffcc00;
	box-shadow: 10px 10px 5px var(--tmn-darkblue);
}

.contentgrid-container2 {
	display: grid;
	/*border: 2px dashed rgba(114, 186, 94, 0.35);*/
	height: auto;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	/*background: rgba(114, 186, 94, 0.05);*/
	justify-items: center;
	text-align: center;
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	padding-top: 20px !important;
	padding-bottom: 0 !important;
	margin-bottom: 5.0vh !important;
}

.contentgrid-item2 {
	width: 96%;
	background-color: black;
	font-size: 20px;
	color: #ffcc00;
	box-shadow: 10px 10px 5px var(--tmn-darkblue);
}

h5.abs {
	position: absolute;
	top: 0px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	padding: 8px 8px;
	color: var(--tmn-yellow);
	margin: 0;
	font-size: 1.5vw;
	width: 100%;
}
  
div.lang-sel-container {
	width: 100%;
}

div.lang-sel-content {
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: rgba(0, 0, 0, 0.3);
	color: var(--tmn-yellow);
	font-size: 1.2vw;
	margin-top: 0em; 
	margin-bottom: 0em;
}

div.login-btn-container {
	position: initial !important;
	margin: 0 !important;
	text-align: right;
}

.page-content {
	color: var(--tmn-white);
	/* height: 65%; */
	width: 95%;
	margin-left: 2.5%;
	/* margin-top: 2.0em; */
}

.page-content.id-card {
	width: 50%;
	height: auto;
	margin: auto;	
}

.page-content.default {
	width: 50%;
	margin: auto;	
}

.page-content.full-width {
	width: 100%;
	margin: auto;	
}

.page-content-70, .page-designer, .page-designer-controls, .grid-layout {
	color: var(--tmn-white);
	width: 70%;
	margin: auto;
}

.page-content-center {
	text-align: center;
}

.page-content-left {
	text-align: left;
}

.grid-layout, .ga-content {
	width: 98%;
}

.page-designer-controls {
	margin-bottom: 0.5em;
}

.page-content-50 {
	color: var(--tmn-white);
	width: 50%;
	margin: auto;	
}

.page-content-90 {
	color: var(--tmn-white);
	width: 90%;
	margin: auto;	
}

.col-1-5 {
	width: 12.5%; 
}

.page-content-15 {
	width: 15%;
	margin: auto;	
}

.page-text {
	width: 60%;
	margin-left: 20%;
}

.page-text-wide {
	margin-left: 1%;
	margin-right: 1%;
	/* border: 1px solid red; */
}

.page-text-medium {
	margin-left: 5%;
	margin-right: 5%;
	/* border: 1px solid red; */
}

.page-text-center {
	text-align: center;
}

.welcome {
	text-align: center;
	line-height: 1.2em;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	color: white;
}

h1.header-top {
	margin-bottom: 1.0em !important;
}

h1.header-lg-mh {
	font-size: 1.0vw;
	margin-top: 1.0vw;
	margin-bottom: 1.0vw;
}

h1.header-lg {
	font-size: 1.4em !important;
	margin-bottom: 0.3em !important;
}

h1.header-md {
	font-size: 1.2em !important;
	margin-bottom: 1.0em !important;
}

h1.header-sm {
	font-size: 1.0em !important;
	margin-bottom: 0.8em !important;
}

h2.welcome-guest {
	font-size: 1.5vw;
	text-align: center;
	line-height: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: white;
}

h2.header {
	font-size: 1.4vw;
	line-height: 1.6vw;
	margin-bottom: 2.0vw;
}

h2.header-top {
	margin-bottom: 2.0vw;
}

h2.header-top-mb0 {
	margin-bottom: 0;
}

h2.header-mt-2 {
	margin-top: 2.0em;
}

h2.header-area {
	text-align: center;
	line-height: 2.5vw;
	color: white;
	font-size: 1.3vw;
	font-weight: initial;
}

h2.header-area-golden {
	color: var(--tmn-yellow) !important;
}

h2.header-lh-sm {
	line-height: 1.4vw;
}

h3.header-privacy {
	font-size: 1.0em;
	text-align: center;
}

h3.header-golden {
	color: var(--tmn-yellow);
}

p.header {
	margin-bottom: 2.0vw;	
}

.flowtext {
	font-size: 1.1vw;
	line-height: 1.3vw;	
}

.flowtext-header {
	/* font-size: 1.1vw;
	line-height: 1.3vw; */
	font-size: 1.5vw;
	line-height: 1.8vw;
	margin-top: 1.0vw;
	margin-bottom: 1.0vw;
	/* font-weight: bold; */
}

.flowtext-header-top {
	margin-top: 0.5vw;
	margin-bottom: 0.5vw;
}

.flowtext-lg {
	font-size: 2.5vw;
	line-height: 2.8vw;	
}

.flowtext-md {
	font-size: 1.5vw;
	line-height: 1.5vw;	
}

.flowtext-sm {
	font-size: 1.2vw;
	line-height: 1.5vw;	
}

.flowtext-ssm {
	font-size: 1.0vw;
	line-height: 1.0vw;	
}

.flowtext-xs {
	font-size: 0.75vw;
	line-height: 0.9vw;	
}

.flowtext-golden, .text-golden {
	color: var(--tmn-yellow);	
}

.flowtext-darkened {
	color: darkgray;
}

.flowtext-extradark {
	color: dimgray;
}

.flowtext-default {
	color: white;
}

.flowtext-bold, .text-bold {
	font-weight: bold;
}

.flowtext-padding-top {
	padding-top: 1.0em;
}

.flowtext-left {
	text-align: left;
}

.flowtext-right {
	text-align: right;
}

.flowtext-center {
	text-align: center;
}

.flowtext-header {
	padding-top: 1.0em;
}

.flowtext-info {
	/* border: 1px solid red; */
	margin: 0;
}

.flowtext-lh-extra {
	line-height: 4.0em;
	border: 1px solid red;
}

p.flowtext-table {
	font-size: 1.1vw;
	line-height: 1.4vw;
	margin: 0;	
} 

p.langsel {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

p.langsel2 {
	font-size: 0.65em;
	line-height: 0.65em;
	margin: 0;
	padding: 0;
}

p.langselect {
	color: lightgray;
	margin-bottom: 1.0em;
}

a.link-hilight {
	color: white;
}

/*
.my-checkbox {
	font-size: 1.1vw;
	padding: 0 1.1vw;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
*/

label.my-checkbox {
	width: 94%;
	display: inline-block;
	vertical-align: top;
	font-size: 1.1vw;
	line-height: 1.2vw;
	margin-left: 0.5vw;
}

input.my-checkbox {
	width: 1.2vw !important;
	height: 1.2vw !important;
}


label.my-dlg-checkbox {
	width: 94%;
	display: inline-block;
	vertical-align: top;
	font-size: 0.8vw;
	line-height: 1.0vw;
	margin-left: 0.4vw;
}

label.birthdate-visibility {
	font-size: 0.6vw;
	line-height: 2.0vw;
}

input.my-dlg-checkbox {
	width: 1.0vw !important;
	height: 1.0vw !important;
}

/* Styles for wrapping the search box */

div.div-search {
    width: 50%;
    margin: 50px auto;
	z-index: 0;
}

div.div-id-card {
	width: 100%;
	padding: 1.0em 1.0em 1.0em 1.0em; 
	border: 4px solid var(--tmn-lightblue);	
}

.id-card-tmn-logo {
	width: 50%; 
	height: auto; 
	object-fit: contain;	
}

.acctmgmt-header {
	text-align: left;
}

.acctmgmt-header-bordered, .header-bordered {
	border: 2px solid var(--tmn-yellow);
	text-align: center;
}

h1.header__title {
	font-size: 2.0em;
	line-height: 1.2em;
}

input[type="radio"] {
	width: 1.0em;
	height: 1.0em;
}

input.form-checkbox[type="checkbox"] {
	width: 1.0em;
	height: 1.0em;
}

/* div.table-col {
	border: 1px solid white;
} */

/* hide pushynav and menu-btn on larger screens */
/* @media screen and (min-width: 1280px) { */
@media screen and (min-width: 1024px) and (not (max-width: 1024px)) {
	.pushy-nav, .menu-btn, .dots.dots-pushy, .dots.dots-pushy2 {
		display: none;
	}
}

/* hide stdnav on larger screens */
/* @media screen and (max-width: 1280px) { */
@media screen and (max-width: 1024px) {
	#nav {
		display: none;
	}
}

span.col1, span.col2, span.col3, span.col4, span.col5, span.col6, span.col7, span.col8, span.col9, span.col10, span.col11, span.col12, span.col13, span.col14, span.col15, span.col16 {
	font-weight: bold;
}


/* Some more styles to beautify this example */
nav a{
	text-decoration: none;
	padding: 7px 25px;
	display: inline-block;
}

.sepcontainer{
	width: 95%;
	height: 16px;
	margin: 0 auto; /* Center the DIV horizontally */
	padding-bottom: 4px;
	font-size: 1.5vh;
	color: var(--tmn-footer);
}


.sepcontainer p{
	line-height: 200px; /* Create scrollbar to test positioning */
}

h1 {
	text-align: center;
	font-size: 1.4em;
	line-height: initial;
	color: var(--tmn-yellow);
}

h2 {
	text-align: center;
	font-size: 1.2em;
	line-height: initial;
	font-weight: bold;
	color: var(--tmn-yellow);
}

h4 {
	/*
	font-size: 1.5vw;
	line-height: 2.0vw;	
	*/
	/*
	font-size: 1.2em;
	line-height: 1.5em;
	*/
	font-size: 1.5vw;
	line-height: 1.75vw;
}

p.default {
	font-size: 3vw;
	line-height: 3.5vw;
	text-align: center;
}

/* vertical condensed */
span.flowtext-sm {
	font-size: 0.9em;
	line-height: 1.1em;
}

b {
	letter-spacing: 0.02em;
}

.media-heading {
	color: white;
}

.media-body {
	margin: 1.0em;
	font-size: 1.25vw;
	line-height: normal;
}

.search-item-section-1 {
	background: rgba(0, 0, 127, 0.25);
	border: 2px solid var(--tmn-lightblue);
}

.search-item-section-2 {
	font-size: 1.25vw;
}

.alert.my-alert {
	margin-top: 0px;
	line-height: 1.2em;
}

.font-08 {
    font-size: 0.8em;
    text-align: left;
    line-height: 1.2em;
	margin-top: 0.25em;
	margin-bottom: 0.75em;
	padding: 0;
}

.font-13 {
    font-size: 1.0em;
    text-align: left;
    line-height: 1.2em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	padding: 0;
}
.font-13-cond {
    font-size: 1.0em;
    text-align: left;
    line-height: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0;
}

.my-grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin-top: 1.0em;
}
.my-grid-item-left {
	border: none;
	padding: 0;
	font-size: 30px;
	text-align: left;
}
.my-grid-item-center {
	border: none;
	padding: 0;
	font-size: 30px;
	text-align: center;
}
.my-grid-item-right {
	border: none;
	padding: 0;
	font-size: 30px;
	text-align: right;
}

td.col-hidden {
	display: none;
}

th.th-hidden {
	display: none;
}

div.loggedin-golden {
	color: var(--tmn-yellow);	
}

.mb-low {
	margin-bottom: 1.0vw !important;
}

.mb-med {
	margin-bottom: 2.0vw !important;
}

.mb-hi {
	margin-bottom: 3.0vw !important;
}

.mt-low {
	margin-top: 1.0vw !important;
}

.mt-med {
	margin-top: 2.0vw !important;
}

.mt-hi {
	margin-top: 3.0vw !important;
}

/*
@media screen and (max-width: 1920px) {
	h1 {
		font-size: 2.5vw;
		line-height: 2.0vw;	
	}
	h2 {
		font-size: 2.0vw;
		line-height: 2.0vw;	
	}
	p {
		font-size: 3vw;
		line-height: 3.5vw;
	}
}

@media screen and (max-width: 1400px) {
	h1 {
		font-size: 1.5vw;
		line-height: 2.0vw;	
	}
	h2 {
		font-size: 1.5vw;
		line-height: 2.0vw;	
	}
	h4 {
		font-size: 26px;
		line-height: 40px;
	}
	p {
		font-size: 2.7vh;
		line-height: 2.8vh;
	}
}

@media screen and (max-width: 800px) {
	h1 {
		font-size: 16px;
		line-height: 32px;
	}
	h4 {
		font-size: 26px;
		line-height: 40px;
	}
	p {
		font-size: 2vh;
		line-height: 2.5vh;
	}
}

@media screen and (max-width: 460px) {
	h1 {
		font-size: 14px;
		line-height: 16px;
	}
	h2 {
		line-height: 60px;
	}
	h4 {
		font-size: 26px;
		line-height: 40px;
	}
	p {
		font-size: 1.6vh;
		line-height: 1.8vh;
	}
}
*/

/*
@media screen and (max-width: 1920px) {
	p {
		font-size: 24px;
		line-height: 28px;
	}
}

@media screen and (max-width: 1680px) {
	p {
		font-size: 20px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1024px) {
	p {
		font-size: 16px;
		line-height: 18px;
	}
}

@media screen and (max-width: 800px) {
	p {
		font-size: 14px;
		line-height: 16px;
	}
}

@media screen and (max-width: 640px) {
	p {
		font-size: 12px;
		line-height: 14px;
	}
}
*/

.slide-container {
	position: absolute;
	top: 148px;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	margin-bottom: 32px;
	overflow: hidden;
}

.hdr {
	position: fixed;
	text-align: center;
	top: 0px;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: var(--tmn-background);
}

.ftr {
	text-align: center;
	width: 100%;
	background-color: var(--tmn-background);
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: var(--tmn-yellow);
	line-height: 24px;
	font-size: 18px;
}

p.sep-header {
	font-size: 3vw;
	text-align: center;
	width: 100%;
	height: 4px;
	line-height: 0px;
	background-color: var(--tmn-yellow);
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.sep-header2 {
	text-align: center;
	width: 100%;
	height: 8px;
	line-height: 0px;
	background-color: var(--tmn-yellow);
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	margin-top: 4px;
	margin-bottom: 0px;
}

p.sep-footer {
	text-align: center;
	width: 100%;
	height: 4px;
	line-height: 0px;
	background-color: var(--tmn-yellow);
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
}

div.sep-footer {
	text-align: center;
	width: 100%;
	height: 4px;
	line-height: 0px;
	background-color: var(--tmn-yellow);
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 12px;
	position: absolute;
	bottom: 0;
}

.placeholder {
	height: 600px;
	background-color: var(--tmn-darkblue);
}

.hdrimg {
	height: 112px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.hdrimg-large {
	height: 224px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.introvid {
	height: 128px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	opacity: 0.7;
}

.introvid-large {
	height: 256px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	opacity: 0.7;
}

/*
* {
  border-radius: 0;
}
*/

div.parent {
  /*position: relative;
  height: 250px;*/
  /*height: 200px;*/
  /*border: 3px solid #8AC007;*/
  margin-bottom: 0px;
}

div.absolute {
  position: absolute;
  width: 100%;
  bottom: 10px;
  /*border: 3px solid #8AC007;*/
}

div.relative {
  position: relative;
  width: 100%;
  bottom: 5px;
  /*border: 3px solid #8AC007;*/
}

img.main-content {
	width: 100%;
	height: auto;
	float: left;
	margin: 2px 2px 0 2px;
}

div.align-left {
	text-align: left;
	margin-left: 10px;
}

div.align-right {
	/*position: relative;*/
	/*top: 100%;*/
	text-align: right;
	/*float: right;*/
	margin-top: 4px;
	margin-bottom: 16px;
	margin-right: 10px;
	color: white;
}

/* unvisited link */
/*
a:link {
  color: white;
}
*/

/* visited link */
/*
a:visited {
  color: white;
}
*/

/* mouse over link */
a:hover {
  color: rgb(255, 204, 0);
}

/* selected link */
a:active {
  color: #007bff;
} 

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: var(--tmn-background);
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  width: 100%;
  row-gap: 0;
}

.grid-item {
  width: 95%;
  height: 100%;
  background-color: #080b20;
  /*border: 0px solid rgba(0, 0, 0, 0.8);*/
  /*background: rgba(255, 213, 70, 0.4);*/
  /*border: 2px dashed rgba(236, 198, 48, 0.5);*/
  font-size: 20px;
  /*text-align: center;*/
  color: #ffcc00;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  box-shadow: 10px 10px 5px grey;
}


.grid-item-left {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: left;
}
.grid-item-center {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: center;
}
.grid-item-right {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  text-align: right;
  /*
  -webkit-box-shadow: inset 0px 0px 22px 4px rgba(0,0,0,1);
  -moz-box-shadow: inset 0px 0px 22px 4px rgba(0,0,0,1);
  box-shadow: inset 0px 0px 22px 4px rgba(0,0,0,1);
  */
}

.logon-container{
	margin-top: 5vh;
	width: 100%;
	height: 50vh;
}

.loggedin-as {
	font-size: 0.8vw;
	text-align: right;
	margin: 0;
	margin-top: -24px;
	color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	background: rgba(0,0,0,0.5); 
	opacity: 1;
}

:target:before {
	content: "";
	display: block;
	height: 194px; /* same as your fixed header height */
	margin: -194px 0 0; /* negative fixed header height */
}

.ul-default {
	list-style: disc;
	padding-left: 40px;
}

ul.no-enum-sign {
	list-style-type: none;
	padding-left: 0;
}

.li-default {
	list-style: disc;
	margin-top: 1.0vw;
	margin-bottom: 1.0vw;
	font-size: 1.0vw;
	line-height: 1.2vw;
}

.li-left {
	text-align: left;
}

.content-heading-lg {
	color: var(--tmn-yellow);
	font-size: 1.5vw;
	line-height: 2.0vw;
}	

.float-left {
	float: left;
}

.float-right {
	float: right;
}

a.notif {
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
  /*background: url('http://i.imgur.com/evpC48G.png');
  background-size: contain;*/
  text-decoration: none;
}
.num {
  position: absolute;
  right: 11px;
  top: 6px;
  color: #fff;
}

a.fa-globe {
  position: relative;
  font-size: 1em;
  color: grey;
  cursor: pointer;
}
i.fa-comment {
  position: absolute;
  font-size: 1.8em;
  top: 5px;
  color: var(--tmn-background);
  right: 5px;
}
i.fa-circle {
  display: inline;
  font-size: 1.0em;
  color: #0066ff;
  text-align: center;
  vertical-align: middle;
  justify-items: center;
  /* line-height: auto; */
}
span.fa-stack {
	margin: 0;
	padding: 0;
	line-height: 0;
	height: auto;
}
span.fa-stack .my-legend {
	line-height: 2.0em;
}
i.num {
  position: absolute;
  font-size: 1.0em;
  top: 14px;
  color: #fff;
  right: 10px;
}
i.large {
  position: absolute;
  font-size: 2.0em;
  top: 5px;
  color: black;
  right: 5px;
}
i.num-lg {
  position: absolute;
  font-size: 0.8em;
  top: 6px;
  color: #fff;
  right: 10px;
}

.img-wrapper {
  position: relative;
  width: 100%;
  font-size: 0;
}

.img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.img-wrapper img {width: 100%;}

.module {
  margin-top: 4px;
  margin-left: 0;
  width: 100%;
  height: auto;
  float: left;
  /*background: url(https://tmnglobal.net/images/network-400x400.png);
  background-size: cover;*/
  position: relative;
}

.zoom {
  transition: transform .2s; /* Animation */
  width: 90%;
  height: auto;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Bootstrap 4 text input with search icon */

.has-search .form-control {
    padding-left: 2.375rem;
	width: 75%;
	font-size: 0.5em;
}

.test {
	height: 300px;
}

.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
}

/*
.alert {
	margin-top: -50px;
	margin-right: -20px;
}
*/

.lang-sel {
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 8px 8px;
  color: var(--tmn-yellow);
  margin: 0;
  font-size: 1.2em;
  width: 20%;
  width: auto; 
  margin-top: 0.5em; 
  margin-bottom: 0.5em;  
}

a.frontlink {
	z-index: 999 !important;
}

/*
button, input, select {
  border-radius: 0 !important;
}
*/

/*
* {
  border-radius: 0 !important;
}
*/

.bg-tmn-darkblue {
	background-color: var(--tmn-darkblue3);
	border-color: var(--tmn-darkblue3);
}

.tmn-button-def {
    color: white;
	background-color: var(--tmn-darkblue3);
	border-color: var(--tmn-darkblue3) !important;
}

.tmn-button-def:hover, .tmn-button-def:focus, .tmn-button-def:active, .tmn-button-def.active, .open>.dropdown-toggle.tmn-button-def {
    color: white;
    background-color: var(--tmn-darkblue1);
    border-color: var(--tmn-darkblue1) !important;
}

.tmn-button-nav {
    color: white;
	background-color: var(--tmn-darkblue4);
	border-color: var(--tmn-darkblue4) !important;
}

.tmn-button-nav:hover, .tmn-button-nav:focus, .tmn-button-nav:active, .tmn-button-nav.active, .open>.dropdown-toggle.tmn-button-nav {
    color: white;
    background-color: var(--tmn-darkblue3);
    border-color: var(--tmn-darkblue3) !important;
}

.tmn-button-del {
    color: white;
	background-color: var(--tmn-darkred2);
	border-color: var(--tmn-darkred2) !important;
}

.tmn-button-del:hover, .tmn-button-del:focus, .tmn-button-del:active, .tmn-button-del.active, .open>.dropdown-toggle.tmn-button-del {
    color: white;
    background-color: var(--tmn-darkred);
    border-color: var(--tmn-darkred) !important;
}

a {
	color: var(--tmn-link-lightblue);
}

a.cplink {
	font-size: 1.0em;
}

a.msglink {
	font-size: 0.75em;
}

a.cplink, a.deflink, a.msglink, span.deflink {
	color: var(--tmn-link-lightblue);
}

a.deflink-darkblue {
	color: var(--tmn-link-darkblue);
}

a.cplink:hover, a.msglink:hover {
	color: var(--tmn-link-yellow);
}

a.link-yellow {
	color: var(--tmn-link-yellow);
}

a.link-white {
	color: white;
}

a.link-lightblue {
	color: #50a5ff;
}

a.link-lightgreen {
	color: rgb(51, 223, 51);
}

/*
.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled,
.btn-success:disabled {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
*/

.fullwidth-container{
	width: 90%;
	margin: 0 auto; /* Center the DIV horizontally */
	padding-bottom: 4px;
	line-height:28px;
}

.fullwidth-container-100 {
	width: 100%;
	margin: 0 auto; /* Center the DIV horizontally */
	padding-bottom: 4px;
	line-height:28px;
}

span.highlight-result {
	color: var(--tmn-yellow);
}

tr.row-selected {
	background-color: rgba(77,136,255,0.3);
}

tr.row-conv-even {
	background-color: rgba(255,136,102,0.3);
}

tr.row-conv-odd {
	background-color: rgba(196,77,255,0.3);
}

tr.row-highlight {
	/* background-color: rgba(80,165,255,0.12); */		/* tmn-link-lightblue2 with high transparency */
	/* background-color: rgba(255,204,0,0.2); */		/* tmn-yellow with high transparency */
	background-color: rgba(77,136,255,0.2); 			/* like row-selected */
	color: var(--tmn-yellow);
}

tr.no-border, td.no-border, th.no-border {
	border: none;
}

td.col-selected {
	background-color: rgba(77,136,255,0.3);
}

.bottom-border-white {
	border-bottom: 1px solid white;
}

/*
tr:nth-child(odd) {
	background: green;
}

tr:nth-child(even) {
	background: red;
}
*/

.text-muted-2 {
	color: #e6e6e6;	/* 90% */
}

/* modified from https://codepen.io/kannankumar/pen/qNJaQO */ 
.separator-faded {
	height: 1px;
	background-color: #E6E6E6;
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-image: linear-gradient(left , black 0%, #E6E6E6 50%, black 100%);
	background-image: -o-linear-gradient(left , black 0%, #E6E6E6 50%, black 100%);
	background-image: -moz-linear-gradient(left , black 0%, #E6E6E6 50%, black 100%);
	background-image: -webkit-linear-gradient(left , black 0%, #E6E6E6 50%, black 100%);
	background-image: -ms-linear-gradient(left , black 0%, #E6E6E6 50%, black 100%);
	background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.00, black), color-stop(0.5, gray), color-stop(1.00, black) );
}

.separator {
	height: 1px;
	background-color: #E6E6E6;
	margin: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.separator-thin {
	display: inline-block;
	width: 100%;
	height: 1px;
	margin-bottom: 0.15em;
	background-color: var(--tmn-darkblue4);
}

.separator-green {
	background-color: green;	
}

.separator-label {
	display: inline-block;
	height: 0.5em;
	width: 100%;
	color: var(--tmn-darkblue4);
	font-size: 0.5em;
	line-height: 1.25em;
	font-style: italic;
	text-align: right;
}

.separator-label-green {
	color: green;	
}


li.menuitem-emph-bg {
	background-color: var(--tmn-yellow-dark);
}

a.link-disabled {
	color: #808080 !important;
}

div.div-bg-darkened {
	background: rgba(0,0,0,0.5);
	opacity: 1;
	margin: 0 0 1.0em 0;			/* top right bottom left */
	padding: 1.0em 1.0em 1px 1.0em;	/* top right bottom left */
}

div.div-bg-darkened-0 {
	background: rgba(0,0,0,0.5);
	opacity: 1;
	margin: 0;			/* top right bottom left */
	padding: 0;	/* top right bottom left */
}

div.div-border-white {
	border-style: solid;
	border-color: white;
}

div.div-border-lightblue {
	border-style: solid;
	border-color: var(--tmn-lightblue);
}

.bg-darkened {
	background: rgba(0,0,0,0.5);
	opacity: 1;
}

.bg-gray {
	background: rgba(80,80,80,1);
	opacity: 1;
	padding-top: 0.5em;
	padding-bottom: 0.1em;
	margin-bottom: 1.0em;
	border: 4px solid white;
}

a.mainmenu-item {
	font-weight: bold;
}

#counter-wrapper {
  position: absolute;
  left: 20%;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#counter-wrapper-mobile {
	margin: auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 10%;
}

#counter-rcorners {
  border-radius: 15px;
  border: 4px solid #ffffff;
  padding: 0.2em;
  margin: 0;
  min-width: 2.0em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 2.0vw;
}

.counter-rcorners-mobile {
	border-radius: 2.0vw;
	border: 0.5vw solid #ffffff;
	padding: 1.5vw;
	margin: 0;
	min-width: 12.0vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	font-size: 5.0vw !important;
}

#counter-wrapper2 {
	position: absolute;
	right: 8%;
	margin: 0;
	margin-top: -4.0em;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#counter-rcorners2 {
	border-radius: 15px;
	border: 4px solid #ffffff;
	padding: 0;
	margin: 0;
	min-width: 1.0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 1.0vw;
}

.counter-wrapper2-mobile {
	margin: auto;
	margin-top: 4.0vw;
	margin-bottom: 4.0vw;
	padding: 0;
	text-align: center;
	border: 0.5vw solid #ffffff;
	border-radius: 2.5vw;
	width: 50.0vw;
}

.counter-rcorners2-mobile {
	border-radius: 15px;
	border: 2px solid #ffffff;
	padding: 0.5vw;
	margin: 0;
	min-width: 1.0em;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	font-size: 2.0vw;
}

.counter-title-m {
	margin: 0;
	margin-bottom: 2.0vw;
	padding-top: 2.0vw;
	font-size: 3.0vw;
	line-height: 4.0vw;
}

.counter-value-m {
	margin: 0;
	font-size: 4.0vw;
	font-weight: bold;
}

.btn-payout-m {
	margin: 0;
	font-size: 2.0vw !important;
	line-height: 2.0vw !important;
}

a.helpdesk-msg-link {
	color: var(--tmn-yellow);
	font-weight: bold;
}

a.helpdesk-msg-link:hover {
	color: var(--tmn-link-lightblue);
}

.borderless td, .borderless th {
    border: none;
}

.row-class-top-border {				
	border: none;
	border-top-style: solid;
	border-top-width: 1px;
}

.row-class-bottom-border {				
	border: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	/* color: red; */
}

.row-class-no-border {				
	border: none;
	border-top-style: hidden;
	/* line-height: 15px;
	min-height: 15px;
	height: 15px; */
}

.row-class-top-bottom-border {				
	border: none;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.attachment-label {
	text-align: center;
	font-size: 0.75vw;
	line-height: 0.9vw;
}

.img-container {
	display: inline;
	position: relative;
	text-align: center;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	color: white;
	/* border: 1px solid red; */
}

.img-centered {
	position: absolute;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0,0,0,0.33);
	font-size: 0.75em;
	text-align: center;
	/* border: 1px solid blue; */
}

.img-float-left {
	float: left;
	padding-left: 0;
	padding-bottom: 0.5em;
}

/*
td, tr, th {
	max-height: 10px !important;
	height: 10px !important;
}
*/

a.deflink:link {
	color: var(--tmn-link-lightblue);
}

a.deflink:hover, a.deflink:focus, a.deflink:active, a.deflink.active {
	color: var(--tmn-yellow);
}

div.div-ens-text {
/* Enable selections of elements by the user */
user-select: text; /* supported by Chrome and Opera */
-webkit-user-select: text; /* Safari */
-khtml-user-select: text; /* Konqueror HTML */
-moz-user-select: text; /* Firefox */
-ms-user-select: text; /* Internet Explorer/Edge */
}

nav#nav {
	z-index: 999 !important;	/* overlap all other elements of page */
}

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

/* extra-small table */

table.xsmall {
	font-size: 0.8em;
}

table.msmall {
	font-size: 0.9em;
}

table.msmall2 {
	font-size: 1.0em;
}

table.msmall3 {
	font-size: 1.5em;
}

/*
td {
	border: 1px solid red;
}
*/

.xsmall > tbody > tr > td, .xsmall > tbody > tr > th, .xsmall > tfoot > tr > td, .xsmall > tfoot > tr > th, .xsmall > thead > tr > td, .xsmall > thead > tr > th {
    padding: 1.0em;
}

/*
.small > tbody > tr > td, .small > tbody > tr > th, .small > tfoot > tr > td, .small > tfoot > tr > th, .small > thead > tr > td, .small > thead > tr > th {
    padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 1.0em;
	border: 1px solid white;
}
*/

div.btn-container-center {
	text-align: center;
}

div.btn-container-right {
	text-align: right;
}

div.btn-container-darkened {
	position: absolute; 
	left: 0; 
	bottom: 0; 
	width: 100%; 
	height: 100px; 
	background-color: rgba(0,0,0,0.2); 
	padding-top: 30px;
	padding-right: 5%;	
}


div.btn-container-center {
	text-align: center;
}

div.btn-container-right {
	text-align: right;
}

#pushy-nav li a.menuitem-emphasize {
	color: var(--tmn-menu-emph);
	font-weight: bold;
}

#pushy-nav li.menuitem-emph-bg {
	background-color: var(--tmn-yellow-light2);
}

.dots-pushy {
	position: absolute;
	left: 2.0em;
	top: 0.5em;
	z-index: 999;
}

.dots-pushy2 {
	position: absolute;
	left: 2.0em;
	top: 1.8em;
	z-index: 999;
}

/* table.legend-desktop {
	border: 2px solid white;
}

table.legend-mobile {
	border: 1px solid red;
} */

td.legend-mobile, th.legend-mobile {
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	padding-bottom: 0.5em;
	border: 1px hidden white;
}

th.legend-mobile {
	line-height: 32px;
}

.unresponsive thead tr th {
	min-width: 300px !important;
}

div.qrcode {
	margin-top: 1.0em; 
}

input#Title {
	font-size: 20px;
	/* height: 49px; */
}

/*
.menupage-row {
	border: 1px solid white;
}
*/

.menupage-col {
	/* box-sizing: border-box; */
	/* border: 1px solid gray; */
	line-height: 140px;
	text-align: center;
	vertical-align: middle;
}

.menupage-col2 {
	/* border: 1px solid white; */
	line-height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn.loginbtn {
	margin-top: 2.0vh;
}

details.tmn-info-expandable {
	font-size: 1.2vw;
	text-align: center;
	margin-bottom: 1.0vw;
}

summary.tmn-info-expandable {
	margin-bottom: 1.0vw;
}

details.tmn-help {
	font-size: 1.0vw;
	text-align: right;
	margin-bottom: 1.0vw;
}

summary.tmn-help {
	font-size: 1.0vw;
	text-align: right;
	margin-bottom: 1.0vw;
}

details.tmn-help-profile {
	font-size: 0.8vw;
	line-height: 1.0vw;
	text-align: center;
	margin-bottom: 1.0vw;
}

summary.tmn-help-profile {
	font-size: 0.9vw;
	text-align: right;
	margin-bottom: 1.0vw;
}

#Creator, #SearchText, #FromDate, #ToDate, #Status {
	height: 2.1em;
}

.modal-title {
	font-size: 1.0em;
}


/* hide msg col details on larger screens */
@media screen and (min-width: 720px) {
	span.col1, span.col2, span.col3, span.col4, span.col5, span.col6, span.col7, span.col8, span.col9, span.col10, span.col11, span.col12, span.col13, span.col14, span.col15, span.col16 {
		display: none;
	}
	tr.my-table-row-sep {
		display: none;
	}
	table.legend-mobile {
		display: none;
	}
	td.col1-md-only, td.col2-md-only, td.col3-md-only, td.col4-md-only, td.col5-md-only, td.col6-md-only,
	td.col7-md-only, td.col8-md-only, td.col9-md-only, td.col10-md-only, td.col11-md-only, td.col12-md-only,
	td.col13-md-only, td.col14-md-only, td.col15-md-only, td.col16-md-only {
		display: none;
	}
	.mobile-only {
		display: none;
	}
	/*
	td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7, td.col8, td.col9, td.col10, td.col11, td.col12 {
		margin-left: 50px !important;
		margin-right: 50px !important;
	}
	*/
}

h2.content__title {
	font-size: 1.0em;
	line-height: 1.2em;
}

p.content__title {
	font-size: 0.75em;
	line-height: 1.2em;
}

/* company mgmt menu pages */

h2.area-title-centered {
	font-size: 1.5em !important;
	line-height: 1.2em !important;
}

h2.area-member-name {
	font-size: 1.2em !important;
	line-height: 1.0em !important;
}

div.number-field {
	background: var(--tmn-darkblue3); 
	border: 1px solid white; 
	border-radius: 8px;
	font-weight: bold;
}

.row-cp {
	margin: 1.0em 0; 
	padding: 0;
}

div.logo-cp-rel {
	position: relative;
}

div.logo-cp-abs {
	position: absolute;
	width: 100%;
	text-align: right;
	padding-top: 1.0em;
	padding-right: 1.0em;
	/* border: 1px solid white; */
}

div.cp-background {
	background-color: rgba(0, 0, 0, 0.75);
}

div.cp-background-img {
	/* background-image: url(/images/backgrounds/matrix-gd4358a1db_1920.jpg); */
	background-size: cover;
}

div.cp-background-2 {
	background-color: rgba(255, 255, 255, 0.75);
	color: var(--tmn-darkblue1);
}

/* div.cp-background-img-2 {
	background-image: url(/images/backgrounds/indoors-g47164dde8_1920.jpg);
	background-size: cover;
} */


div.backdrop {
	filter: blur(8px);
	-webkit-filter: blur(8px);
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* -webkit-appearance: none; */
  margin: 0;
}

/* Firefox */
/*
input[type=number] {
  -moz-appearance: textfield;
}
*/

/*
.input-group-addon {
    margin-left: -90px;
    color: #666;
	border: 1px solid red;
	z-index: 999;
}
#id_MemberCosts {
    padding-right: 85px;
}
*/

@media screen and (max-width: 1400px) {
	/* 'xxl' (Bootstrap-like breakpoint) */
	label {
		margin-top: 0.5em;
		padding-bottom: 0.25em;
		font-size: 0.75em;
		line-height: 1.0em;
		/* color: red; */
	}
	.btn-group {
		font-size: 0.9em !important;
	}
}


div.event-form {
	min-width: 75%;
}

.bg-darkblue {
	background-color:rgba(10, 11, 70, 0.5);
}

.border-bottom-white {
	border-bottom: white !important;
}



img.profile {
	border-radius: 50% !important;
	width: 5.0em;
	height: 5.0em;
	object-fit: cover;
}
  
img.cover {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
  
img.rounded {
	border-radius: 50% !important;
	width: 256px;
	height: 256px;
	object-fit: cover;
}

.grid-container-element { 
    display: grid; 
    grid-template-columns: 80% 20%; 
    grid-gap: 0; 
    /* border: 1px solid black; */
} 
.grid-child-element { 
    margin: 0; 
    /* border: 1px solid red; */
}

img.header-img {
	width: 100%; 
	max-width: 25%; 
	height: auto;
}

div.cp-contact-btns {
	width: 65%;
	margin: auto;
	margin-top: 1.0em;
}

.aboutnav {
	/* background-color: #a661ca; */
	overflow: hidden;
	max-height: 2.0vw;
	transition: max-height 1s;
	-webkit-transition: max-height 1s;
}
/*
.aboutnav:hover {
	max-height: 180px;
}
*/
.aboutnav-hover:hover {
	max-height: 6.0vw;
}

.reviews {
	overflow: hidden;
	font-size: 1.2vw;	
	color: var(--tmn-link-lightblue2);
	max-height: 2.2vw;
	line-height: 2.2vw;
	transition: max-height 1s;
	-webkit-transition: max-height 1s;
}
.reviews-hover:hover {
	max-height: 12.0vw;
}
p.reviews-hover:hover {
	text-decoration: underline;
}

.cont-rating {
	font-size: 0.9em;
}


h1.dsgn-title {
	color: var(--tmn-yellow);
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	font-size: 1.2em;
}

input.multisteps-form__input.form-control.filter-name {
	font-size: 1.1em;
}

.label-ra {
	/* margin-top: 0.5em; */
	/* margin-right: 0.5em; */
	/* padding-bottom: 0.25em; */
	font-size: 0.6em;
	/* line-height: 1.0em; */
	float: right;
	font-style: italic;
	color: var(--tmn-darkblue4);
}

i.fa-regular {
	padding-right: 0.25em;
}

button.pushy-menuitem-disabled, a.pushy-menuitem-disabled {
	opacity: 0.3;
	pointer-events: none;
}

p.status-notifier-success {
	font-size: 1.0em;
	line-height: 1.25em;
	color: #99ff99;
}

p.status-notifier-error {
	font-size: 1.0em;
	line-height: 1.25em;
	color: #ff8080;
}

div.inner-div-centered {
	display: flex;
	justify-content: center;
	/* border: 1px solid red;	 */
}

@media screen and (max-width: 720px) {
	/* Zusätzliche Regeln für kleinere Monitore  */
	.footer {
		/* display: none;  */
		margin-top: 1.0em;
		position: relative;
	}
	.fixed-footer {
		/* display: none;  */
		margin-top: 1.0em;
		position: relative;
	}
	body {
		padding-top: 96px;
		margin: 0;
	}
	.loggedin-as {
		display: none;
	}
	.fixed-header {
		max-height: 96px !important;
		/* display: none; */
	}
	.grid-container {
		max-height: 72px !important;
	}
	.hdrimg, .introvid {
		max-height: 64px !important;
		/* display: none; */
	}
	div.div-search, div.div-search-absolute {
		width: 95%;
		margin-top: 4%;
		margin-bottom: 4%;
		margin-left: 2.5%;
	}
	h1 {
		font-size: 20px !important;
		line-height: 24px !important;
	}
	h1.header-lg {
		font-size: 20px !important;
		line-height: 24px !important;
		margin-bottom: 20px !important;
	}
	h1.header-lg-mh {
		font-size: 16px !important;
		line-height: 20px !important;
		margin-top: 1.0vw;
		margin-bottom: 1.0vw;
	}
	h1.header-md {
		font-size: 18px !important;
		line-height: 20px !important;
		margin-bottom: 18px !important;
	}
	h1.header-sm {
		font-size: 12px !important;
		line-height: 14px !important;
		margin-bottom: 12px !important;
	}
	h2 {
		font-size: 14px !important;
		line-height: 16px !important;
		/* border: 1px solid red; */
	}
	h2.header {
		margin-top: 28px;
		font-size: 14px !important;
		line-height: 16px !important;
		margin-bottom: 14px;
	}
	h2.header-top {
		margin-top: 0px;
	}
	h2.header-small {
		font-size: 12px;
	}
	h2.header-area {
		margin-top: 14px;
		font-size: 14px !important;
		line-height: 16px !important;
		margin-bottom: 14px;
		color: white;
	}
	h2.welcome-guest {
		font-size: 14px;
	}
	h3 {
		font-size: 24px !important;
	}
	h3.header-privacy {
		font-size: 14px !important;
		line-height: 16px !important;
		margin-top: 16px !important;
	}
	h4 {
		font-size: 14px !important;
		line-height: 16px !important;
	}
	h5 {
		font-size: 14px !important;
		line-height: 16px !important;
	}
	h3.multisteps-form__title {
		font-size: 1.0em !important;
		line-height: 1.0em !important;
	}
	a.cplink, a.deflink {
		color: var(--tmn-link-lightblue2);
	}
	.search-item {
		font-size: 12px;
		/* border: 1px solid red; */
	}
	input#searchbox {
		font-size: 16px;
	}
	select#searchbox {
		font-size: 11px;
	}
	.fullwidth-container {
		width: 100% !important;
	}
	p.flowtext {
		font-size: 12px;
		line-height: 14px;
		margin-top: 0.5em;
		margin-bottom: 1.0em;
	}
	p.flowtext-header {
		font-size: 12px;
		line-height: 14px;
		margin-top: 1.0em;
		margin-bottom: 0.5em;
	}
	p.flowtext-header-top {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.flowtext {
		font-size: 12px;
		line-height: 14px;
	}
	div.tab-content {
		font-size: 16px !important;
	}
	.row {
		font-size: 16px !important;
	}
	.msg-container {
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.page-content, .page-content-90, .page-content-70, .page-content-50, .page-designer, .page-designer-controls, .grid-layout, .ga-content {
		margin-left: 1% !important;
		width: 98% !important;
	}
	.page-content.id-card {
		width: 50%;
		margin: auto;	
	}
	.page-text {
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	.page-text-max {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.contentgrid-container {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		justify-items: center;
		text-align: center;
		padding-top: 0 !important;
	}
	.contentgrid-item {
		width: 42.0vw;
		margin-bottom: 10px;
	}

	.contentgrid-container2 {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		justify-items: center;
		text-align: center;
		padding-top: 0 !important;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.contentgrid-item2 {
		width: 42.0vw;
		margin-bottom: 10px;
	}

	h5.abs {
		font-size: 16px;
	}

	.mycontainer {
		font-size: 12px;
	}
	div.lang-sel-content {
		font-size: 16px;
	}
	.cplink {
		font-size: 0.65em !important;
	}
	#recomm-link {
		font-size: 10px !important;
		font-weight: bold;
	}
	thead#tbl-header {
		display: none;
	}
	th#check-col {
		display: none !important;
	}
	td#check-col {
		border: none;
	}
	a {
		color: var(--tmn-link-lightblue2);
	}
	.welcome {
		margin-top: 0;
		margin-bottom: 0;
		color: white;
		line-height: 1.5em;
	}
	.stdnav {
		display: none;
	}
	tr.my-table-row {
		font-size: 14px;
		line-height: 18px;
	}
	th.my-row-no {
		display: none;
	}
	div.form-check {
		margin-bottom: 6px;
	}
	td.col0, td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7, td.col8, td.col9, td.col10, td.col11, td.col12, td.col13, td.col14, td.col15, td.col16 {
		border: none;
        display: table-row;
	}
	span.col1 {
		margin-left: 20px;
	}
	div.div-id-card {
		width: 100%; 
	}
	.flowtext-lg {
		font-size: 1.0em;
		line-height: 1.0em;
	}
	.acctmgmt-header {
		font-size: 0.5em;
	}
	/* table th, table td {
        padding: 0 !important;
		border-spacing: 0 !important;
    } */
	div.table-col {
		/* padding: 0 !important;
		border-spacing: 0 !important; */
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-right: 0;
	}
	p.flowtext-table {
		font-size: 12px;
		margin: 0;
	}
	i.my-fa-circle {
		font-size: 12px;
	}
	table.legend-desktop {
		display: none;
	}
	td.col1-dt-only, td.col2-dt-only, td.col3-dt-only, td.col4-dt-only, td.col5-dt-only, td.col6-dt-only,
	td.col7-dt-only, td.col8-dt-only, td.col9-dt-only,td.col10-dt-only, td.col11-dt-only, td.col12-dt-only,
	td.col13-dt-only, td.col14-dt-only, td.col15-dt-only,td.col16-dt-only {
		display: none;
	}
	.flowtext-sm {
		font-size: 0.5em;
		line-height: 1.0em;	
	}
	.flowtext-ssm {
		font-size: 0.4em;
		line-height: 1.2em;	
	}
	#counter-wrapper {
		top: 5.0em;
		left: 1.0em;
		margin: 0;
		padding: 0;
	}
	#counter-rcorners {
		border-radius: 8px;
		border: 2px solid #ffffff;
		min-width: 1.0em;
		padding-left: 0.5em;
		padding-right: 0.5em;
		font-size: 1.0em;
	}
	.alert.my-alert {
		position: fixed;
		top: 90px;
		width: 100%;
		margin: 0;
		padding: 1.0em;
		font-size: 16px;
		line-height: 24px;
		z-index: 999;
	}
	.desktop-only {
		display: none !important;
	}
	/*
	.bootstrap-select button {
		font-size: 0.5em !important;
	}
	*/
	.img-container {
		max-height: 128px;
		max-width: 50%;
	}
	.img-att {
		max-height: 64px;
	}
	.img-centered {
		font-size: 0.4em;
	}
	div.qrcode {
		margin-top: 2.0em; 
	}
	div.img-container2 {
		max-height: 48px;
	}
	/* adjust appearance of select items within bootstrap-select elements */
	/*
	ul.dropdown-menu > li > a > span.text {
		font-size: 12px;
	}
	ul.dropdown-menu > li {
		line-height: 16px;
	}
	*/

	/* bootstrap-select styling */	
	.select-default {
		font-size: 0.5em;
		line-height: 0.5em;
	}
	.select-blue {
		color: var(--tmn-darkblue5);
		font-size: 0.5em;
		line-height: 0.5em;
	}
	.select-bold {
		color: black;
		font-size: 0.5em;
		line-height: 1.0em;
		font-weight: bold;
	}
	.select-any {
		color: black;
		font-size: 0.6em;
		line-height: 1.0em;
	}
	.bootstrap-select input {
		font-size: 0.6em;
	}

	.sel-btn {
		font-size: 0.6em !important;
	}
	.input-group-text {
		font-size: 1.0em;
	}
	.font-13 {
		font-size: 1.0em;
		text-align: left;
		line-height: 1.2em;
		margin: 0.75em;
		padding: 0;
	}
	.font-13-cond {
		font-size: 1.0em;
		text-align: left;
		line-height: 1.0em;
		margin: 0.5em;
		padding: 0;
	}
	.menupage-col {
		line-height: 76px;
		/* border: 1px solid blue; */
	}
	.menupage-col2 {
		font-size: 0.9em;
	}
	h2.area-member-name {
		font-size: 0.8em !important;
		line-height: 0.2em !important;
	}
	a.page-link {
		font-size: 0.5em !important;
	}
	li.page-item {
		max-width: 1.2em;
	}
	p.langsel {
		font-size: 0.8em;
		line-height: 0.8em;
		margin: 0;
		padding: 0;
	}
	p.langsel2 {
		font-size: 0.5em;
		line-height: 0.5em;
		margin: 0;
		padding: 0;
	}
	/*
	.flowtext-header {
		font-size: 0.8em !important;
		line-height: 1.0em !important;
		margin-top: 0 !important;
		margin-bottom: 1.0em !important;
		font-weight: bold;
	}
	*/
	div#id-repr-areas, div#id-pers-recomm {
		padding-top: 1.0em;
		margin-left: 1.0em;
	}
	.btn.loginbtn {
		font-size: 0.5em !important;
		height: 2.5em !important;
		line-height: 2.5em !important;
	}
	.content-heading-lg {
		color: var(--tmn-yellow);
		font-size: 14px;
		line-height: 18px;
		margin-top: 18px;
	}
	/*
	.my-checkbox {
		font-size: 14px;
		padding: 0 1.1vw;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}
	*/
	label.my-checkbox {
		font-size: 14px;
		line-height: 16px;
	}
	input.my-checkbox {
		margin-top: 8px !important;
		width: 14px !important;
		height: 14px !important;
	}
	label.my-dlg-checkbox {
		font-size: 12px;
		line-height: 14px;
	}
	input.my-dlg-checkbox {
		margin-top: 8px !important;
		width: 14px !important;
		height: 14px !important;
	}
	
	img.profile {
		border-radius: 50% !important;
		width: 5.0em;
		height: 5.0em;
		object-fit: cover;
	}
	  
	img.cover {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	  
	img.rounded {
		border-radius: 50% !important;
		border-width: 2px !important;
		width: 96px;
		height: 96px;
		object-fit: cover;
	}

	img.header-img {
		width: 100%; 
		max-width: 50%; 
		height: auto;
	}

	p.langselect {
		margin-right: 1.0em;
	}
	p.flowtext-md {
		font-size: 16px;
	}
	div.content {
		margin-bottom: 0.5em;
	}
	div.cp-contact-btns {
		margin-right: 1%;
	}
	.aboutnav {
		max-height: 24px;
	}
	.aboutnav-hover:hover {
		max-height: 120px;
	}
	.reviews {
		font-size: 12px;	
		max-height: 24px;
	}
	.reviews-hover:hover {
		max-height: 240px;
	}
	.contactinfo {
		margin-bottom: 0.5em;
	}
	.benefits {
		margin-bottom: 0.5em;
	}
	h1.dsgn-title {
		margin-top: 0.5em !important;
		margin-bottom: 0.5em !important;
		font-size: 0.8em !important;
	}
	.li-default {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-size: 0.5em;
	}
	details.tmn-info-expandable {
		font-size: 0.6em;
	}
	summary.tmn-info-expandable {
		margin-bottom: 0;
	}
	details.tmn-help {
		font-size: 12px;
		/* margin: 0; */
		margin: 1.0em 0 1.0em 0;
		padding: 0;
		/* border: 1px solid red; */
	}
	summary.tmn-help {
		font-size: 12px;
		margin: 0;
		padding: 0;
		/* border: 1px solid green; */
	}
	details.tmn-help-search {
		margin: 0;
		margin-bottom: 1.0em;
	}
	.social-buttons-desc {
		font-size: 10px;
		line-height: 12px;
	}
	.btn.btn-xs {
		font-size: 12px !important;
	}
	.but-setpayout {
		font-size: 0.2vw !important;
	}
	label.birthdate-visibility {
		font-size: 0.6em;
		line-height: 1.0em;
	}
	#Creator, #SearchText, #FromDate, #ToDate, #Status {
		height: 40px;
		font-size: 12px !important;
	}
	/*
	.modal-dialog {
		border: 1px solid yellow;
	}
	.modal-content {
		border: 1px solid orange;
	}
	.modal-header {
		border: 1px solid green;
	}
	.modal-title {
		border: 1px solid blue;
	}
	*/
	.modal-header, .modal-content {
		font-size: 0.5em;
	}
	.modal-title {
		font-size: 16px !important;
		line-height: 24px !important;
		padding-top: 0;
		padding-bottom: 12px;
	}
	/*
	.modal-header {
		height: 24px !important;
		line-height: 24px !important;
	}
	*/
	/* font scaling for company page fields */
	div#div_companyname, div#div_address, div#div_homepage, div#div_desc, div#div_benefits {
		font-size: 8px;
	}
	.media-body {
		margin: 0.5em;
		font-size: 12px;
		line-height: normal;
	}
	p.sep-header {
		margin-top: 4px;
		font-size: 2px;
		height: 2px;
	}
	p.sep-header2 {
		height: 4px;
		margin-top: 2px;
		margin-bottom: 0px;
	}
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.bootstrap-select button {
		font-size: 0.5em;
	}
	
}


/* Extra-extra small devices (phones, 480px and down) */
@media screen and (max-width: 994px) {
	details.tmn-help-profile {
		font-size: 24px;
		line-height: 28px;
		margin: 0;
		padding: 0;
	}
	summary.tmn-help-profile {
		font-size: 28px;
		line-height: 26px;
		margin: 0;
		padding: 0;
	}
}


/* Extra-extra small devices (phones, 480px and down) */
/*
@media only screen and (max-width: 480px) {
	h1 {
		font-size: 12px !important;
	}
	h2 {
		font-size: 10px !important;
	}
	h3 {
		font-size: 16px !important;
	}
	h4 {
		font-size: 8px !important;
		line-height: 10px !important;
	}
	h5 {
		font-size: 10px !important;
		line-height: 12px !important;
	}
	.search-item {
		font-size: 8px;
	}
	input#searchbox {
		font-size: 12px;
	}
	.fullwidth-container {
		width: 100% !important;
	}
	p.flowtext {
		font-size: 8px;
		line-height: 10px;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	.page-content {
		margin-left: 0.5% !important;
		width: 99% !important;
	}
}
*/

	/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.bootstrap-select button {
		font-size: 0.8em;
	}
}
	/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.bootstrap-select button {
		font-size: 1.2em;
	}
	table.xsmall {
		font-size: 0.5rem;
	}
}
	/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.bootstrap-select button {
		font-size: 0.8em;
	}
	table.xsmall {
		font-size: 0.65em;
	}
	table.msmall {
		font-size: 0.7em;
	}
	table.msmall2 {
		font-size: 0.8em;
	}
	table.msmall3 {
		font-size: 0.9em;
	}
	.menupage-col2 {
		font-size: 0.7em;
	}
}
	/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.bootstrap-select button {
		font-size: 0.8em;
	}
}


/* special width on dialog pages? */

@media screen and (max-width: 1400px) {
	div.event-form {
		margin: 0;
		min-width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	div.message-form, div.edit-form, div.event-form {
		margin: 0;
		min-width: 100%;
	}
	/* div.content {
		height: 0;
	} */
	h1.header__title {
		font-size: 1.8em !important;
		line-height: 1.0em !important;
	}
	h2.content__title {
		display: none;
		font-size: 0.6em !important;
		line-height: 1.0em !important;
	}
	p.content__title {
		font-size: 0.5em !important;
		line-height: 0.8em !important;
	}
	div.multisteps-form__panel.js-active {
		background-color: #dfe9ff !important;
	}
	/*
	div.multisteps-form__progress {
		font-size: 0.65em;
		line-height: 1.0em;
	}
	*/
	/* .form-check {
		display: flex;
		align-items: center;
	}	
	.form-check .form-check-input[type=radio] {
		border-radius: 100%;
		height: 50px;
		width: 50px;
	}	 */
	input.multisteps-form__input.form-control {
		font-size: 0.8em !important;
	}
	select.multisteps-form__input.form-control {
		font-size: 0.8em !important;
		height: 38px !important;
	}
	.content {
		font-size: 1.5em;
	}
	label {
		margin-top: 0.5em;
		padding-bottom: 0.25em;
		font-size: 0.8em;
		line-height: 1.0em;
	}
	textarea {
		font-size: 0.85em !important;
	}
	.acctmgmt-header {
		font-size: 0.5em;
	}
	.acctmgmt-header-bordered, .header-bordered {
		font-size: 0.5em;
		margin-top: 1.5em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	div.button-area {
		height: 120px !important;
	}
	div.btn-container-darkened {
		height: 140px !important; 
		padding-top: 30px !important;
	}
	label.label-openurl {
		display: none;
	}
	.btn-open-url {
		margin-top: 1.5em;
	}
	.fixed-footer {
		/* display: none;  */
		margin-top: 1.0em;
		position: relative;
	}
	table.xsmall {
		font-size: 0.5rem;
	}
	p.status-notifier-success {
		font-size: 16px;
		line-height: 20px;
		color: #99ff99;
	}

	p.status-notifier-error {
		font-size: 16px;
		line-height: 20px;
		color: #ff8080;
	}
}

/* animated loader */

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
.centered {
    position: fixed; 
    top: 50%; 
    left: 50%; 
    width: 120px; 
    height: 120px; 
    transform: translate(-50%, -50%);   
}

@media screen and (max-width: 720px) {
/* additional rules for smaller screens */
    .loader {
        width: 80px;
        height: 80px;
        border: 12px solid #f3f3f3;
        border-top: 12px solid #3498db;
		margin-left: 15%;	/* optimize */
    }
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

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

.fb-share-button {
	display: inline-block;	/* fix vertical alignment problem */
}

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

th.align-center, td.align-center {
	text-align: center;
}


/* read more/less sections */
.moreText {
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.moreVisible {
	display: block;
	opacity: 1;
}
a.lnkShowMore {
	text-align: center;
	color: var(--tmn-link-lightblue) !important;
	cursor: pointer;
}
a.lnkShowMore:hover {
	color: var(--tmn-link-yellow) !important;
}

.flash-on-focus {
	transition: box-shadow 0.2s ease;
}

.flash-on-focus:focus {
	animation: flash 1.0s ease;
	outline: none; /* optional für schöneres Aussehen */
}

@keyframes flash {
	0%   { box-shadow: 0 0 10px 5px rgba(255, 196, 0, 1); }
	50%  { box-shadow: 0 0 0px 0px rgba(255, 90, 98, 0.5); }
	100% { box-shadow: 0 0 0px 0px rgba(0, 195, 255, 0); }
}

.flash-effect {
	animation: flash 1.0s ease;
	outline: none !important;	
}