:root {
  --t-primary-dark: #1F4E79;
  --t-primary-dark-rgb: 31,78,121;
  --t-primary: #4472C4;
  --t-background: #FFF;
}
@import url('https://cdn.jsdelivr.net/npm/@fontsource/poppins/index.css');
html {
	font-size:11pt!important;

	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
body {
	font-family:Poppins, Roboto, sans-serif;
	padding-top:1rem;
}
.site-name {
	font-size: 1.5rem;
	color: var(--wp--preset--color--primary);
}
.bg-image {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	position: absolute;
	opacity: 0.1;
	object-fit: cover;
}
.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--t-primary-dark-rgb), var(--bs-bg-opacity)) !important;
}
/*
.d-none {
	display: none !important;
}
*/
.z-index-1 {
	z-index: 1 !important;
}
.logo-login {
	margin-top: 40vh;
	margin-left: 20%;
}
@media (min-width: 768px) {
	.w-md-50 {
		width: 50% !important;
	}
}
@media (min-width: 992px) {
	.w-lg-60 {
		width: 60% !important;
	}
}
@media (min-width: 768px) {
	.d-md-flex {
		display: flex !important;
	}
}
.btn-talexity-dynamic {
	--bs-btn-color: var(--t-background);
	--bs-btn-bg: var(--t-primary-dark);
	--bs-btn-border-color: var(--t-primary-dark);

	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--t-primary-dark);
	--bs-btn-hover-border-color: var(--t-primary-dark);
	
	transition: filter 0.15s ease-in-out;
}
.btn-talexity-dynamic:hover {
	filter: brightness(1.15);
}
.btn-talexity-dynamic:active {
	filter: brightness(0.9);
}
.btn-hover-arrow {
  position: relative;
  overflow: hidden;
}
.btn-hover-arrow span {
  display: inline-block;
  transform: translate3d(12px, 0, 0);
  transition: transform 0.3s cubic-bezier(0.42, 0.01, 0.23, 1);
}
.btn-hover-arrow::after {
  vertical-align: middle;
  content: "\f061";
  font-family: fontawesome!important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  line-height: 24px;
  font-size: 1.25rem;
  width: 24px;
  height: 24px;
  display: inline-block;
  opacity: 0;
  transform: translate3d(24px, 0, 0);
  transition: opacity 0.3s, transform 0.4s cubic-bezier(0.42, 0.01, 0.23, 1);
}
.btn-hover-arrow:hover span {
  transform: translatez(0px);
}
.btn-hover-arrow:hover::after {
  transform: translate3d(6px, 0, 0);
  opacity: 1;
}
.t-menu {
	background-color: var(--t-primary-dark) !important;
	padding:4px;
}
.t-menu-option {
	color:#fff!important;
}
.dropdown-item {
	cursor: pointer;
}
.dropdown-item.active, .dropdown-item:active {
	background-color:var(--t-primary-dark) !important;
	color: white!important;
}
textarea {
	resize:none;
}
.t-iframe {
	position:absolute;
	top:42px;
	left:0px;
	border:0px;
	padding:0px;
	z-index:10;
}
.t-ctrl,
.t-ctrl-sm {
	color:var(--t-primary-dark);
	cursor:pointer;
}
.t-ctrl:hover {
	opacity:0.6;
}
.t-ctrl-sm {
	font-size: 14pt;
}
.t-unsaved-l {
	color:#ff838d!important;
}
#mainTabs {
	padding-top:0!important;
	padding-bottom:1px!important;
	height:36px;
}
#mainTabs .nav-link.active {
	background-color:var(--t-primary);
	border-color:#ffffff!important;
}
.t-pointer {
	cursor:pointer;
}
.t-mm-nav-link {
	color:rgba(255, 255, 255, .75)!important;
}
.t-mm-nav-link:hover {
	color:white!important;
}
.t-nav-item {
	margin-top: 6px!important;
	margin-left: 2px;
}
.t-tab {
	color:rgba(255,255,255,.75)!important;
	background-color:var(--t-primary-dark)!important;
	padding:.3rem .6rem;
	border:none!important;
}

.t-tab:hover {
	filter: brightness(1.15);
	color:white!important;
}
.t-tab.active {
	filter: brightness(1.5)!important;
	color: #c0c0c0!important;
}
#ifrmCtrl {
	position:fixed;
	top:45px;
	right:24px;
	z-index:1050;
	font-size:2.0rem;
}
@media (max-width: 991px) {
	#ifrmCtrl {
		top:1px;
		right:10px;
	}
	.t-ctrl {
		color:white!important;
		opacity:0.9;
	}
}
.t-nt {
	color:var(--bs-body-color)!important;
}
.t-no-select {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;	  
}
.t-shadow {
	-webkit-box-shadow:5px 5px 20px -10px rgba(0,0,0,0.5)!important;
	-moz-box-shadow:5px 5px 20px -10px rgba(0,0,0,0.5)!important;
	box-shadow:5px 5px 20px -10px rgba(0,0,0,0.5)!important;
}
.nav-link:hover {
	color: white !important;
}
.nav-link > i {
	font-size:1rem;
}
/*
.navbar-light .navbar-nav .nav-link {
	color:rgb(64, 64, 64);
}
*/
/*
.nav-tabs {
	border-bottom:1px solid #b0b0b0!important;
}
*/
.nav-tabs > li > span {
	border-left:1px solid #a0a0a0!important;
	border-top:1px solid #a0a0a0!important;
	border-right:1px solid #a0a0a0!important;
	color:#808080!important;
	font-size:0.875rem;
}

.nav-tabs > li > span.active {
	border-left:1px solid #808080!important;
	border-top:1px solid #808080!important;
	border-right:1px solid #808080!important;
	color:var(--bs-body-color)!important;
/* 	filter: brightness(1.4);  */
}

.nav-tabs > li > span:hover {
	border-left:1px solid #c0c0c0!important;
	border-top:1px solid #c0c0c0!important;
	border-right:1px solid #c0c0c0!important;
}
/*
.nav-item {
    cursor: pointer;
}
.nav-link {
	color:#212529!important;
}
*/

#tabCtrl {
    position:absolute;
    right:24px;
	margin-top:5px;
    z-index:100;
    font-size:20pt;
}
#AddressAutocomplete {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	--gmpx-border-radius: 4px;
}
.t-red {
	color:#dc3545!important;
}
.t-red-l {
	color:#f8d7da!important;
}
.t-green {
	color:#28a745!important;
}
.t-gray {
	color:#808080!important;
}
.validatorError {
	color:#d44950;
}
.t-map {
	height:500px;
}
.t-map-addr {
	margin-left:15px;
	margin-top:3px;
}
.t-unsaved {
	color:red!important;
}
.t-saving {
	color:orange!important;
}
.t-saved {
	color:#09ac3b!important;
}
.t-gray {
	color:#808080;
}
.form-label {
    margin-bottom:0!important;
	color: #808080!important;
}
.t-photo {
	position:relative;
	text-align:center;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	border:1px solid #eee;
	border-radius:0.25rem;
}
.t-photo > i {
	font-size:96pt;
	color:#ced4da;
}
.t-profile-pic {
	width:100%
}
.t-pic-change {
	position:absolute;
	bottom:0;
	width:100%;
	height:45%;
	background-color:rgba(0,0,0,0.3);
	color:#fff;
	text-align:center;
	padding:5px;
	line-height: 1.1;
	display:none;
}
.t-tags {
	width:100%;
	height:80px;
}
.t-addrGp {
	height:80px;
}
.t-tags-single {
	width:100%;
	height:31px;
}
.tag-editor {
	height:100%;
	width:100%;
	border-radius:.25rem;
	font-size:0.9em;
	overflow-y:scroll;
}
.tag-editor .tag-editor-spacer {
	width:4px;
}
.t-font-large {
	font-size:18pt;
}
.t-font-small {
	font-size:14pt;
}
/*
.t-tags ul.tag-editor.ui-sortable {
	padding-top:25px;
}
.t-tag-container {
	position: relative;
}
*/
.t-floating-label {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 10;
	background: white;
	padding: 0 5px;
	border:1px solid var(--bs-border-color);
}
/* -------- Sticky Notes ----------- */
.sticky-container {
    position: relative;
    width: 100%; /* 200px; */
    height: 100%;
	/* aspect-ratio: 1 / 1.125; */
    margin: 0px; /* auto 20px auto; */
}
.sticky-note {
    position: absolute;
    width: 90%; /* 180px; */
    /* height: 180px; */
	aspect-ratio: 1 / 1;
    padding: 1.5rem 1rem 1rem 1rem;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    transition: transform 0.3s ease, opacity 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
    display: none;
    overflow: hidden;
	font-size: .875em;
}
/* Scrollable area within the note */
.note-body {
    height: 100%;
    line-height: 1.47;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
/* Color Map */
.sticky-yellow { background-color: #fefabc!important; border-color: #f1eb8e!important; }
.sticky-green  { background-color: #ccfecb!important; border-color: #b3e6b2!important; }
.sticky-blue   { background-color: #cceefd!important; border-color: #b2d6e6!important; }
.sticky-red    { background-color: #ffcccc!important; border-color: #f2b3b3!important; }
/* The Fanned-Out Stack Logic */
.sticky-note.active {
    display: block;
    z-index: 30;
    transform: rotate(0deg);
}
.sticky-note.fan-1 {
    display: block;
    z-index: 20;
    transform: translate(6px, 6px) rotate(3deg);
    opacity: 0.8;
}
.sticky-note.fan-2 {
    display: block;
    z-index: 10;
    transform: translate(12px, 12px) rotate(6deg);
    opacity: 0.5;
}
.sticky-controls {
    z-index: 100;
    position: absolute;
    /* bottom: 30px; */
	top:0%;
    width: 90%;
	
	opacity:0;
	transition: opacity 0.2s ease-in-out;
	pointer-events: none;
}
.sticky-container:hover .sticky-controls {
	opacity: 1;
	pointer-events: auto;
	cursor:pointer;
}
.t-bg-inherit:focus {
	background-color:inherit!important;
}
.tag-editor .tag-editor-tag {
	padding-left: 5px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	/* border-radius: 15px 0 0 15px; */
	border: 1px solid #c0c0c0;
	background-color:#fff;
	font-size:.9rem;
	color: #404040;
}
/*
.tag-editor .tag-editor-tag:before {
	 font-family: fontawesome;
	 content: "\f02b";
	 color:#d0d0d0;
	 font-weight: 400; 
	 font-style: normal;
	 margin-right:3px;
}
.t-addrGp .tag-editor-tag:before {
	content: "\f0e0";
}
*/
.tag-editor .tag-editor-delete { 
	background: #ffffff; 
	cursor: pointer;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-left:-5px;
	border-radius: 0 2px 2px 0; 
	/* padding-left: 3px; */
	padding-right: 2px;
}
.tag-editor .tag-editor-delete i { 
	line-height: 18px;
	display: inline-block;
	vertical-align:bottom;
}
.tag-editor .tag-editor-delete i:before {
	font-size: 14px;
	color:#d0d0d0;
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f057"; /*"\f410";*/
	font-style: normal;
}
.tag-editor .tag-editor-delete:hover i:before {
	color: #d65454;
}
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i {
	visibility: hidden;
	cursor: text;
}
.ui-menu {
	list-style: none;
	padding: 5px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu-item:hover {
	cursor:pointer;
	color: var(--bs-dropdown-link-hover-color);
	background-color:#f8f9fa;
}
.t-addr-table {
	max-height:280px;
	overflow-y:auto;
	border:1px solid var(--bs-border-color);
	padding: .375rem .75rem;
}