.app-btn-primary:focus {
    border: 1px dotted #15a362;
}

.app-preload {
	display: block;
    position: fixed;
    z-index: 1031;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.app-preload-wrapper {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 82px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.6;
}

/* --- [ font-weight ] --- */

.font-weight-100,
.fw-100 { 
	font-weight: 100 !important; 
}

.font-weight-200,
.fw-200 { 
	font-weight: 200 !important; 
}

.font-weight-300,
.fw-300 { 
	font-weight: 300 !important; 
}

.font-weight-400,
.fw-400 { 
	font-weight: 400 !important; 
}

.font-weight-500,
.fw-500 { 
	font-weight: 500 !important; 
}

.font-weight-600,
.fw-600 { 
	font-weight: 600 !important; 
}

.font-weight-700,
.fw-700 { 
	font-weight: 700 !important; 
}

.font-weight-800,
.fw-800 { 
	font-weight: 800 !important; 
}

.font-weight-900,
.fw-900 { 
	font-weight: 900 !important; 
}

/* --- [ font-size ] --- */

.font-size-1,
.fs-1 { 
	font-size: 1px !important; 
}

.font-size-2,
.fs-2 { 
	font-size: 2px !important; 
}

.font-size-3,
.fs-3 { 
	font-size: 3px !important; 
}

.font-size-4,
.fs-4 { 
	font-size: 4px !important; 
}

.font-size-5,
.fs-5 { 
	font-size: 5px !important; 
}

.font-size-6,
.fs-6 { 
	font-size: 6px !important; 
}

.font-size-7,
.fs-7 { 
	font-size: 7px !important; 
}

.font-size-8,
.fs-8 { 
	font-size: 8px !important; 
}

.font-size-9,
.fs-9 { 
	font-size: 9px !important; 
}

.font-size-10,
.fs-10 { 
	font-size: 10px !important; 
}

.font-size-11,
.fs-11 { 
	font-size: 11px !important; 
}

.font-size-12,
.fs-12 { 
	font-size: 12px !important; 
}

.font-size-13,
.fs-13 { 
	font-size: 13px !important; 
}

.font-size-14,
.fs-14 { 
	font-size: 14px !important; 
}

.font-size-15,
.fs-15 { 
	font-size: 15px !important; 
}

.font-size-16,
.fs-16 { 
	font-size: 16px !important; 
}

.font-size-17,
.fs-17 { 
	font-size: 17px !important; 
}

.font-size-18,
.fs-18 { 
	font-size: 18px !important; 
}

.font-size-19,
.fs-19 { 
	font-size: 19px !important; 
}

.font-size-20,
.fs-20 { 
	font-size: 20px !important; 
}

.font-size-21,
.fs-21 { 
	font-size: 21px !important; 
}

.font-size-22,
.fs-22 { 
	font-size: 22px !important; 
}

.font-size-23,
.fs-23 { 
	font-size: 23px !important; 
}

.font-size-24,
.fs-24 { 
	font-size: 24px !important; 
}

.font-size-25,
.fs-25 { 
	font-size: 25px !important; 
}

.font-size-26,
.fs-26 { 
	font-size: 26px !important; 
}

.font-size-27,
.fs-27 { 
	font-size: 27px !important; 
}

.font-size-28,
.fs-28 { 
	font-size: 28px !important; 
}

.font-size-29,
.fs-29 { 
	font-size: 29px !important; 
}

.font-size-30,
.fs-30 { 
	font-size: 30px !important; 
}

.font-size-31,
.fs-31 { 
	font-size: 31px !important; 
}

.font-size-32,
.fs-32 { 
	font-size: 32px !important; 
}

.font-size-33,
.fs-33 { 
	font-size: 33px !important; 
}

.font-size-34,
.fs-34 { 
	font-size: 34px !important; 
}

.font-size-35,
.fs-35 { 
	font-size: 35px !important; 
}

.font-size-36,
.fs-36 { 
	font-size: 36px !important; 
}

.font-size-37,
.fs-37 { 
	font-size: 37px !important; 
}

.font-size-38,
.fs-38 { 
	font-size: 38px !important; 
}

.font-size-39,
.fs-39 { 
	font-size: 39px !important; 
}

.font-size-40,
.fs-40 { 
	font-size: 40px !important; 
}

.font-size-41,
.fs-41 { 
	font-size: 41px !important; 
}

.font-size-42,
.fs-42 { 
	font-size: 42px !important; 
}

.font-size-43,
.fs-43 { 
	font-size: 43px !important; 
}

.font-size-44,
.fs-44 { 
	font-size: 44px !important; 
}

.font-size-45,
.fs-45 { 
	font-size: 45px !important; 
}

.font-size-46,
.fs-46 { 
	font-size: 46px !important; 
}

.font-size-47,
.fs-47 { 
	font-size: 47px !important; 
}

.font-size-48,
.fs-48 { 
	font-size: 48px !important; 
}

.font-size-49,
.fs-49 { 
	font-size: 49px !important; 
}

.font-size-50,
.fs-50 { 
	font-size: 50px !important; 
}

.font-size-51,
.fs-51 { 
	font-size: 51px !important; 
}

.font-size-52,
.fs-52 { 
	font-size: 52px !important; 
}

.font-size-53,
.fs-53 { 
	font-size: 53px !important; 
}

.font-size-54,
.fs-54 { 
	font-size: 54px !important; 
}

.font-size-55,
.fs-55 { 
	font-size: 55px !important; 
}

.font-size-56,
.fs-56 { 
	font-size: 56px !important; 
}

.font-size-57,
.fs-57 { 
	font-size: 57px !important; 
}

.font-size-58,
.fs-58 { 
	font-size: 58px !important; 
}

.font-size-59,
.fs-59 { 
	font-size: 59px !important; 
}

.font-size-60,
.fs-60 { 
	font-size: 60px !important; 
}

.font-size-61,
.fs-61 { 
	font-size: 61px !important; 
}

.font-size-62,
.fs-62 { 
	font-size: 62px !important; 
}

.font-size-63,
.fs-63 { 
	font-size: 63px !important; 
}

.font-size-64,
.fs-64 { 
	font-size: 64px !important; 
}

.font-size-65,
.fs-65 { 
	font-size: 65px !important; 
}

.font-size-66,
.fs-66 { 
	font-size: 66px !important; 
}

.font-size-67,
.fs-67 { 
	font-size: 67px !important; 
}

.font-size-68,
.fs-68 { 
	font-size: 68px !important; 
}

.font-size-69,
.fs-69 { 
	font-size: 69px !important; 
}

.font-size-70,
.fs-70 { 
	font-size: 70px !important; 
}

/* --- [ sweep content ] --- */

.nav-pills .nav-link {
	font-size: .875rem;
	border-radius: 1px;
	color: var(--bs-teal);
}

.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    background-color: var(--bs-teal);
}

/* --- [ profile ] --- */

.app-card-account .item .profile-image,
.app-user-dropdown img {
    border-radius: 50%;
}

.app-card-account .item .profile-image {
    border: 3px solid #e1fbda;
	box-shadow: 0 0 2px 0px var(--bs-gray-600);
}

.uss-td-drop .dropdown-toggle {
	border-radius: 2px;
}

.uss-td-drop .dropdown-menu {
	border-radius: 2px;
	font-size: 0.9rem;
	padding: 0;
}

.uss-td-drop .dropdown-item {
	color: var(--bs-gray-600);
}

[data-v-auth],
[data-v-potty] {
	display: none !important;
}

/* - push notification - */

.app-nav-icon {
	font-size: 25px;
}

.app-notifications-dropdown .dropdown-menu {
	max-width: calc(100vw - 15px);
}

.app-notifications-dropdown ._new,
.app-notifications-main ._new {
	background-color: var(--bs-highlight-bg);
}

.app-notifications-dropdown .dropdown-menu-content {
	max-height: 470px;
	overflow: auto;
}

.app-notifications-dropdown .app-icon-holder .fas::before {
	content: "\f02c";
}

.app-notifications-dropdown ._new .app-icon-holder .fas::before {
	content: "\f06a";
}

.app-grid-dropdown .dropdown-menu {
	max-width: calc(100vw - 10px);
}

.app-grid-dropdown .connection-list {
    width: 300px;
	max-width: 100%;
}

.app-grid-dropdown .connection-list .connection-item {
    border-radius: 3px;
    text-align: center;
    padding: 12px 7px 4px;
    display: block;
    border: 1px solid var(--bs-gray-400);
    color: #3d405c;
    font-size: 12px;
}

.app-grid-dropdown .connection-list .connection-item:hover {
	border-color: var(--bs-gray-500);
	box-shadow: 0px 2px 1px var(--bs-gray-500);
}

.app-grid-dropdown .connection-list .connection-item .iconic {
	width: 35px;
	height: 35px;
	margin: auto;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 1px 2px var(--bs-gray-300);
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.app-grid-dropdown .connection-list .connection-item .iconic img {
    width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.app-grid-dropdown .connection-list .connection-item .iconic .faw {
	font-size: 24px;
}

.app-grid-dropdown .connection-list .connection-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-card-plugin .loader {
	display: none;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ced4dac9;
	z-index: 100;
}

.app-card-plugin .loader .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.app-card-plugin.loading .loader {
	display: block
}

.anim-rainbow {
	animation-name: rainbow;
	animation-duration: 1s;
	animation-iteration-count: infinite
}

@keyframes rainbow {
	from { color: var(--bs-code-color); }
	to { color: var( --bs-blue); }
}

.app-card-plugin:not(.active) .has-card-actions {
	background-color: #f5f5f5;
}

.pluglist p {
	margin-bottom: 0.25rem;
}

.pluglist p::before {
	content: "\f05a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 7px;
}

.pluglist p.success::before {
	content: "\e4aa";
	color: var(--bs-success);
}

.pluglist p.failed::before {
	content: "\e4ac";
	color: var(--bs-danger);
}

/* -- [] -- */

.form-control,
.form-select {
	font-size: 0.92rem;
}

.form-control:focus,
.form-select:focus {
    border-color: #a9d3c6;
	box-shadow: 0 0 2px 1px #a9d3c6
}

.btn:not(.btn-lg):not(.btn-sm) {
	font-size: 0.83rem;
}

.form-label {
    font-weight: 500
}

.--icon {
	width: 60px;
}

.btn.btn-mini {
	font-size: .7rem;
}

.form-control::placeholder {
	color: var(--bs-gray-500);
}

.card {
    --bs-card-border-color: rgb(100 99 99 / 18%);
}

/* === [ border radius ] === */

.br-0 {
	border-radius: 0 !important;
}
.br-1 {
	border-radius: 0.2rem !important;
}
.br-2 {
	border-radius: 0.38rem !important;
}
.br-3 {
	border-radius: 0.69rem !important;
}
.br-4 {
	border-radius: 1.06rem !important;
}
.br-5 {
	border-radius: 1.55rem !important;
}

.text-overflow-vertical {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.lc-1 { -webkit-line-clamp: 1; }
.lc-2 { -webkit-line-clamp: 2; }
.cl-3 { -webkit-line-clamp: 3; }
.lc-4 { -webkit-line-clamp: 4; }
.lc-5 { -webkit-line-clamp: 5; }
.lc-6 { -webkit-line-clamp: 6; }
.lc-7 { -webkit-line-clamp: 7; }
.lc-8 { -webkit-line-clamp: 8; }
.lc-9 { -webkit-line-clamp: 9; }

/* ======== [ cursors ] =========== */

.cursor-pointer {
	cursor: pointer !important;
}

.cursor-default {
	cursor: default !important;
}

.cursor-grab {
	cursor: grab !important;
}

.cursor-help {
	cursor: help !important;
}

.cursor-move {
	cursor: move !important;
}

.cursor-not-allowed {
	cursor: not-allowed !important;
}

.cursor-initial {
	cursor: initial !important;
}

.cursor-progress {
	cursor: progress !important;
}

.cursor-text {
	cursor: text !important;
}

.cursor-wait {
	cursor: wait !important;
}

.cursor-auto {
	cursor: auto !important;
}

/* ========== [] ============ */