/**
	Some additional CSS
	mostly from the Metronic 4 templates

	Copyright Bitnappers ® 2025
*/

body		{ 	font-family: "yanonekaffeesatz"; font-size: 20px; }

tr.subtlegrey td,
tr.subtlegrey th {
	color: inherit;
}

.full-screen {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

div.sticky 			{ position: fixed; bottom: 10px; right: 10px;}

.nav-link.active { background-color: #84f77c;!important; }

.iron 					{ font-size: 22px; word-break: break-all; background-color: yellow; !important}
.altgrey 				{ background-color: #364150 !important; }
.lightgrey 			{ background-color: #677c99 !important; }
.subtlegrey			{ color: #9b9b9b !important; }							// used for retired employees & blocked customers
.dark		        { background-color: silver; !important;}
.header-tag		  { color: white; padding: 4px 6px; display: inline-block;}
.red			      { background-color: red;} /* test only */
.silver			    { background-color: #f6f6f6;}
.inpRed 		    { background-color: #ffe2e2; }.centered       { text-align: center; }
.staff-blue		  { color: white; background-color: #578ebe; border-color: ""; }
.blue-staff		  { color: #578ebe; border-color: ""; }
.barely-there		{ color:rgb(58, 57, 76);}
.site-red		    { color: white; background-color: #e35b5a; border-color: ""; }
.working-green	{ background-color: #74ffef; !important}
.working-pink		{ background-color: #f7acac; !important}
.working-blue		{ background-color: #778af9; !important; min-height: 132px}
.working-orange	{ background-color: #f6b86f; !important; min-height: 132px}

.form-control   { height: 38px;}
.paleblue       { background-color: lightgrey; }
.smallcheck     { height: 16px; width: 16px;  !important; }
.dark		    		{ background-color: silver; !important;}
.header-tag			{ color: white; padding: 4px 6px; display: inline-block;}
.red						{ background-color: red;} /* test only */
.silver					{ background-color: #f6f6f6;}
.inpRed 				{ background-color: #ffe2e2; }
.centered       { text-align: center; }
.staff-blue		{ color: white; background-color: #578ebe; border-color: ""; }
.blue-staff		{ color: #578ebe; border-color: ""; }
.site-red		{ color: white; background-color: #e35b5a; border-color: ""; }

.schedule-green	{ color: white; background-color: #44B6AE; border-color: ""; }
.reports-purple	{ color: white; background-color: #8775A7; border-color: ""; }
.green-haze     { color: #777777; background-color: #44b6ae; }
.blue-hoki      { color: #777777; background-color: #44b6ae; }
.subheader 			{ font-style: oblique; color: grey; }
.fright					{ text-align: right; }
.flefft         { text-align: left; !important; }
.rlist					{ margin-left: 40px; height:40px;}
.left						{ text-align: left; !important;}
.fat 						{ font-family: 'yanone_kaffeesatzbold'; }
.smallgrey		  { color: rgb(73, 72, 72); font-size: 14px;}



/* .form-select    { font-family: "yanonekaffeesatz"; font-size: 18px; !important; background-color: aqua; }
 .dropdown-menu  {  font-family:'yanone_kaffeesatzregular'; font-size: 16px; !important; } */
 
 
 .custom-textarea {  min-height: 200px; overflow-y: auto; !important;}

.ptable	thead 	{ font-family: "yanonekaffeesatz"; !important; text-align: center; font-size: 18px; }
.ptable	tbody 	{ font-family: "yanonekaffeesatz"; !important; text-align: right; font-size: 18px;  }
.modal-body		{ font-family: "yanonekaffeesatz"; !important; font-size: 18px; }
.headline		{ font-family: 'yanonekaffeesatz_light'; !important;}

.lineup { }
.input-small2 	{ width: 160px !important; }

.input-medium2 	{ width: 260px; }

input .number 	{ text-align: right;}

#small_admin_logo { position: relative; right: 80px; top: 50px; z-index: 1000;}
.lowerStrip		{ position: relative; right:26px; bottom: 40px;}
.error.valid	{ color: green; }
.error			{ color: red;}
.price			{ text-align: right; }


.tla			{ font-family: "yanonekaffeesatzregular"; font-style: normal; font-size:1.4em; color: white; text-align: center;
				width: 40px; float: left;}
.peeps			{ padding-bottom: -4px; margin-left: 4px; float:left; width:210px; height: 36px; }
.peeps-name 	{ color: grey; display: inline-block; vertical-align: bottom; line-height: normal; }
.faceOn			{ height: 32px; width: 174px; margin-top:12px; margin-right: 8px; float: left; }
.shadow			{ -webkit-filter: drop-shadow(0px 3px 3px #222);
  					filter: drop-shadow(2px 4px 3px #666); }

.cont { height: 40px;}

.faceInner	{ position: relative; top:10px; }
.nameInner	{ position: relative; left: 4px; bottom: -8px; width: 112px; color: black; font-size: 0.4em; }
.nameSide	{ position: relative; left: 4px; bottom: -8px; width: 112px; color: white; font-size: 1.4em; }
.dark		{ color: #464646;}
.greenOne		{ color: #00f039;}
.redOne		{ color: #f03900;}
.yello		{ color: #ffff37;}
.layoutNo	{ width: 20px; text-align: right; color:aqua; font-size: 0.8em; line-height: 2em; float: right;}
.center		{ text-align: center; !important}
.marker		{ background-color: #eee;}
.white		{ color: white; !important; }

.num-fmt	{ text-align: right; !important; }

/* .col-md-2a {  width: 10.0%; float: left; position: relative; padding-left: 15px; padding-right: 15px; min-height: 1px; } */

/* Checkbox styling */

label {
  display: inline;
}

.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
}

.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #99a1a7;
}


.big-checkbox + label {
  padding: 18px;
}

.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}

.tag {
  font-family: Arial, sans-serif;
  width: 200px;
  position: relative;
  top: 5px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: left;
}

.radio-1 {
  width: 193px;
}

.button-holder {
  float: left;
}

/* RADIO */

.regular-radio {
  display: none;
}

.regular-radio + label {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}

.regular-radio:checked + label:after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: #99a1a7;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
  text-shadow: 0px;
  left: 3px;
  font-size: 32px;
}

.regular-radio:checked + label {
  background-color: #e9ecee;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
  padding: 16px;
}

.big-radio:checked + label:after {
  width: 24px;
  height: 24px;
  left: 4px;
  top: 4px;
}


/***
Dashboard stats
***/
.dashboard-stat {
	margin-bottom: 25px;
	font-family: "yanonekaffeesatz-light";
}
.dashboard-stat:before, .dashboard-stat:after {
	content: " ";
	display: table;
}
.dashboard-stat:after {
	clear: both;
}
.portlet .dashboard-stat:last-child {
	margin-bottom: 0;
}
.dashboard-stat .visual {
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 35px;
	line-height: 35px;
}
.dashboard-stat .visual > i {
	margin-left: 0px;
	font-size: 72px;
	line-height: 72px;
}
.dashboard-stat .details {
	position: relative;
	right: 15px;
	/* padding-right: 10px; */
}
.dashboard-stat .details .number {
	padding-top: 25px;
	text-align: right;
	font-size: 28px;
	line-height: 36px;
	letter-spacing: 0px;
	margin-bottom: 0px;
	font-weight: 300;
}
.dashboard-stat .details .desc {
	text-align: right;
	font-size: 18px;
	letter-spacing: 0px;
	font-weight: 300;
}
.dashboard-stat .more {
	clear: both;
	display: block;
	padding: 6px 10px 6px 10px;
	position: relative;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 16px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.dashboard-stat .more:hover {
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.dashboard-stat .more > i {
	display: inline-block;
	margin-top: 1px;
	float: right;
}

/* Statistic Block */
.dashboard-stat.blue-madison {
	background-color: #578ebe;
}
.dashboard-stat.blue-madison .visual > i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.dashboard-stat.blue-madison .details .number {
	color: white;
}
.dashboard-stat.blue-madison .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.dashboard-stat.blue-madison .more {
	color: white;
	background-color: #4884b8;
}

/* Statistic Block */
.dashboard-stat.red-intense {
	background-color: #e35b5a;
}
.dashboard-stat.red-intense .visual > i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.dashboard-stat.red-intense .details .number {
	color: white;
}
.dashboard-stat.red-intense .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.dashboard-stat.red-intense .more {
	color: white;
	background-color: #e04a49;
}

/* General Element */
.bg-red-intense {
	border-color: #e35b5a !important;
	background-image: none !important;
	background-color: #e35b5a !important;
	color: white !important;
}

/* General Text & Icon Font Colors */
.font-red-intense {
	color: #e35b5a !important;
}

/* Statistic Block */
.dashboard-stat.green-haze {
	background-color: #44b6ae;
}
.dashboard-stat.green-haze .visual > i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.dashboard-stat.green-haze .details .number {
	color: white;
}
.dashboard-stat.green-haze .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.dashboard-stat.green-haze .more {
	color: white;
	background-color: #3ea7a0;
}

/* General Element */
.bg-green-haze {
	border-color: #44b6ae !important;
	background-image: none !important;
	background-color: #44b6ae !important;
	color: white !important;
}

/* General Text & Icon Font Colors */
.font-green-haze {
	color: #44b6ae !important;
}

/* Statistic Block */
.dashboard-stat.purple-plum {
	background-color: #8775a7;
}
.dashboard-stat.purple-plum .visual > i {
	color: white;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.dashboard-stat.purple-plum .details .number {
	color: white;
}
.dashboard-stat.purple-plum .details .desc {
	color: white;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.dashboard-stat.purple-plum .more {
	color: white;
	background-color: #7c699f;
}

/* General Element */
.bg-purple-plum {
	border-color: #8775a7 !important;
	background-image: none !important;
	background-color: #8775a7 !important;
	color: white !important;
}

/* General Text & Icon Font Colors */
.font-purple-plum {
	color: #8775a7 !important;
}

/* Grey Mint */
.dashboard-stat.grey-mint {
background-color: #525e64; }
.dashboard-stat.grey-mint.dashboard-stat-light:hover {
	background-color: #495359; }
.dashboard-stat.grey-mint .visual > i {
	color: #FFFFFF;
	opacity: 0.3;
	filter: alpha(opacity=10); }
.dashboard-stat.grey-mint .details .number {
	color: #FFFFFF; }
.dashboard-stat.grey-mint .details .desc {
	color: #FFFFFF;
	opacity: 1;
	filter: alpha(opacity=100); }
.dashboard-stat.grey-mint .more {
	color: #FFFFFF;
	background-color: #495359; }
	
.bg-grey-mint {
		background: #525e64 !important; }
	
	.bg-grey-mint-opacity {
		background: rgba(82, 94, 100, 0.8) !important; }
	
	.bg-hover-grey-mint:hover {
		background: #525e64 !important; }
	
	.font-grey-mint {
		color: #525e64 !important; }
	
	.bg-font-grey-mint {
		color: #FFFFFF !important; }
	
	.border-grey-mint {
		border-color: #525e64 !important; }
	
	.border-top-grey-mint {
		border-top-color: #525e64 !important; }
	
	.border-bottom-grey-mint {
		border-bottom-color: #525e64 !important; }
	
	.border-left-grey-mint {
		border-left-color: #525e64 !important; }
	
	.border-right-grey-mint {
		border-right-color: #525e64 !important; }
	
	.bg-before-grey-mint:before,
	.bg-after-grey-mint:after {
		background: #525e64 !important; }
	
	.border-before-grey-mint:before,
	.border-after-grey-mint:after {
		border-color: #525e64 !important; }
	
	.border-top-before-grey-mint:before,
	.border-top-after-grey-mint:after {
		border-top-color: #525e64 !important; }
	
	.border-bottom-before-grey-mint:before,
	.border-bottom-after-grey-mint:after {
		border-bottom-color: #525e64 !important; }
	
	.border-left-before-grey-mint:before,
	.border-left-after-grey-mint:after {
		border-left-color: #525e64 !important; }
	
	.border-right-before-grey-mint:before,
	.border-right-after-grey-mint:after {
		border-right-color: #525e64 !important; }
		
/* Yellow */
.dashboard-stat.yellow {
background-color: #c49f47; }
.dashboard-stat.yellow.dashboard-stat-light:hover {
	background-color: #bb953c; }
.dashboard-stat.yellow .visual > i {
	color: #ffffff;
	opacity: 0.3;
	filter: alpha(opacity=10); }
.dashboard-stat.yellow .details .number {
	color: #ffffff; }
.dashboard-stat.yellow .details .desc {
	color: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100); }
.dashboard-stat.yellow .more {
	color: #ffffff;
	background-color: #bb953c; }
	
  .bg-yellow {
		background: #c49f47 !important; }
	
	.bg-yellow-opacity {
		background: rgba(196, 159, 71, 0.8) !important; }
	
	.bg-hover-yellow:hover {
		background: #c49f47 !important; }
	
	.font-yellow {
		color: #c49f47 !important; }
	
	.bg-font-yellow {
		color: #ffffff !important; }
	
	.border-yellow {
		border-color: #c49f47 !important; }
	
	.border-top-yellow {
		border-top-color: #c49f47 !important; }
	
	.border-bottom-yellow {
		border-bottom-color: #c49f47 !important; }
	
	.border-left-yellow {
		border-left-color: #c49f47 !important; }
	
	.border-right-yellow {
		border-right-color: #c49f47 !important; }
	
	.bg-before-yellow:before,
	.bg-after-yellow:after {
		background: #c49f47 !important; }
	
	.border-before-yellow:before,
	.border-after-yellow:after {
		border-color: #c49f47 !important; }
	
	.border-top-before-yellow:before,
	.border-top-after-yellow:after {
		border-top-color: #c49f47 !important; }
	
	.border-bottom-before-yellow:before,
	.border-bottom-after-yellow:after {
		border-bottom-color: #c49f47 !important; }
	
	.border-left-before-yellow:before,
	.border-left-after-yellow:after {
		border-left-color: #c49f47 !important; }
	
	.border-right-before-yellow:before,
	.border-right-after-yellow:after {
		border-right-color: #c49f47 !important; }