@import url('//fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.logo {
	font-family: "Montserrat", sans-serif;
	font-size: 2rem;
	font-weight: 800;
	font-style: italic;
	top: 5px;
}
:root, [data-bs-theme=light] {
	--bg-color:#e9e9e9;
	--font-color: #333;
	--link-color: #0089ce;
	--bs-card-bg: #222e3a;
	--bs-card-border-width:0px;
}
[data-bs-theme=dark] {
	--bg-color:#000;
	--font-color: #fff;
	--link-color: #0089ce;
	--bs-card-bg: #222e3a !important;
	--bs-card-border-width:0px !important;
}
body { 
	font-family: open sans,helvetica,arial,sans-serif;
	background-color: var(--bg-color);
	font-size:0.9rem;
	font-weight: 400;
	color: var(--font-color);
	margin:0;
	line-height: 1.5rem;
}
h1 {
	color: var(--font-color);
	font-size: 1.5rem;
	font-weight: 800;
}
h2 {
	color: var(--font-color);
	font-weight: 400;
	font-size: 1.2rem;
	padding-top: 0;
	padding-bottom: 0;
}
h3 {
	color: var(--font-color);
	font-weight: 600;
	font-size: 0.8rem;
	padding-top: 0;
	padding-bottom: 0;
}
h5 {
	font-size: 1rem;	
}
.small {
	font-size: 0.8rem !important;
}
.fs-1 { font-size: 0.8rem !important; }
.fs-2 { font-size: 1.1rem !important; }
.fs-3 { font-size: 1.2rem !important; }
.fs-4 { font-size: 1.3rem !important; }
.fs-5 { font-size: 1.4rem !important; }
.fs-6 { font-size: 1.5rem !important; }

img {
	max-width: 100%;
}
.navbar {
	font-size: 14px;
	border-radius: 0;
	margin: 0;
}
#status {
	position: fixed;
	left: 50%;
	top: 18px;
	transform: translate(-50%, -50%);
	z-index: 99999;
}
.success {
	background: ##00a59a;
	color: #fff;
	padding:10px 50px 10px 50px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.error {
	background: #d9534f;
	color: #fff;
	padding:10px 50px 10px 50px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#logout {
	float: right;
}
a { 
	color: #00a59a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.bg-success, .btn-success {
	background-color: #00a59a !important;
	--bs-btn-border-color: #00a59a;
	--bs-btn-color: #fff;
}
.bg-danger, .btn-danger {
	background-color: #d95565 !important;
	--bs-btn-border-color: #d95565;
	--bs-btn-color: #d95565;
}
.btn:hover {
	text-decoration: none;
}
.btn-outline-success {
    --bs-btn-color: #00a59a;
    --bs-btn-border-color: #00a59a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00a59a;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none;
}
.text-gray {
	color: #728faa !important;
}
.text-success {
	color: #00a59a !important;
}
.text-danger {
	color:#d95565 !important;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: #000;
    padding: 4px;
}

.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
    color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(230, 230, 230, 0.1);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.badge {
    --bs-badge-padding-x: 0.5em;
    --bs-badge-padding-y: 0.2em;
    --bs-badge-font-size: 1em;
    --bs-badge-font-weight: 500;
}
.asdf {
  white-space: nowrap; 
  width: 150px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}
.anchor {
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden;
}
a.card-link {
	color: var(--font-color);
	text-decoration: none !important;
}
a.card-link > div {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;	overflow: hidden;
}
a.card-link > div > img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
}
a.card-link:hover > div > img {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
.colors {
	height:30px; width:50px; 
	border: 1px solid var(--font-color); 
	background-size:contain;
}
.size-input {
	max-width: 100%;
	width: 40px;
}
.accordion-button:not(.collapsed) {
    color: var(--font-color);
    background-color: var(--bg-color);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
#main {
	max-height: 750px; 
	min-height: 750px; 
	width: auto; 
	background-position: center; 
	background-size: cover;
}
.card-item {
	border-bottom: 1px solid var(--font-color);
}
@media screen and (max-width: 640px) {

	#main {
		max-height: 400px; 
		min-height: 400px; 
		width: auto; 
		background-position: center; 
		background-size: cover;
	}
	.py-5 {
	    padding-top: 1rem !important;
	    padding-bottom: 1rem !important;
	}
}
.textwrap90 {
    white-space: nowrap;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-select {
	width: auto !important;
	display: inline;
	padding: 6px 15px;
}