/* Custom color theme properties */
:root {
  --f7-theme-color: #f44336;
  --f7-theme-color-rgb: 244, 67, 54;
  --f7-theme-color-shade: #f21f0f;
  --f7-theme-color-tint: #f6675d;
}

/* Your app custom styles here */
.appbar,
.navbar,
.toolbar,
.subnavbar,
.calendar-header,
.calendar-footer {
	--f7-touch-ripple-color: var(--f7-touch-ripple-white);
	--f7-link-highlight-color: var(--f7-link-highlight-white);
	--f7-link-touch-ripple-color: var(--f7-touch-ripple-white);
	--f7-button-text-color: #fff;
	--f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1);
}

.navbar-large-transparent,
.navbar-large.navbar-transparent {
	--f7-navbar-large-title-text-color: #000;
	--r: 244;
	--g: 67;
	--b: 54;
	--progress: var(--f7-navbar-large-collapse-progress);
	--f7-bars-link-color: rgb(calc(var(--r) + (255 - var(--r)) * var(--progress)), calc(var(--g) + (255 - var(--g)) * var(--progress)), calc(var(--b) + (255 - var(--b)) * var(--progress)));
	
}

.theme-dark .navbar-large-transparent,
.theme-dark .navbar-large.navbar-transparent {
	--f7-navbar-large-title-text-color: #fff;
	
}


/* Your app custom styles here */


/* Your app custom styles here */

.card-expandable {
	height: 140px;
	
}

.bg-color-white {
	/* --f7-theme-color-bg-color: #d6d6db; */
	color: #4a4a4d !important;
	
}
.bg-color-notavailable {
	background: rgb(2,0,36);
	background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(192,193,192,1) 0%, rgba(255,255,255,1) 79%);
}
.bg-color-gradient-red{
	background: rgb(2,0,36);
background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(244,67,54,1) 0%, rgba(255,255,255,1) 75%);
}
.bg-color-gradient-green{
	background: rgb(2,0,36);
background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(141,198,64,1) 0%, rgba(255,255,255,1) 75%);
}
.bg-color-lightblue {
	background-color: #2995c5 !important;
	
}

.card-opened .bg-color-red {
	/* margin-left: -5%!important; */
	
}


/* .card-opened .icon-align{ background-position-x: 50%!important;} */

.login-screen {
	top: 0px!important;
	height: 100vh!important;
	
}

.card-opened .earning {
	/* padding-top: 111%!important; */
	
}

.mtop {
	top: 10px;
	position: absolute;
	right: 4rem;
	font-size: 41px;
	/* height: 34px; */
	/* width: 34px; */
	font-weight: 400;
	line-height: 34px;
	
}

/* .color-green {
	background-color: #8dc640 !important;
	
} */
.text-color-green {
    --f7-theme-color-text-color: #8dc640;
}
.text-color-red {
    --f7-theme-color-text-color: #f44336;
}
.bg-color-green {
	background-color: #8dc640 !important;
	
}

.bg-color-blue {
	background-color: #2196f3 !important;
	
}

.demo-facebook-card .card-header {
	display: block;
	padding: 10px;
	
}

.demo-facebook-card .demo-facebook-avatar {
	float: left;
	
}

.demo-facebook-card .demo-facebook-name {
	margin-left: 44px;
	font-size: 14px;
	font-weight: 500;
	
}

.demo-facebook-card .demo-facebook-date {
	margin-left: 44px;
	font-size: 13px;
	color: #8e8e93;
	
}

.demo-facebook-card .card-footer {
	background: #fafafa;
	
}

.demo-facebook-card .card-footer a {
	color: #81848b;
	font-weight: 500;
	
}

.demo-facebook-card .card-content img {
	display: block;
	
}

.demo-facebook-card .card-content-padding {
	padding: 15px 10px;
	
}

.demo-facebook-card .card-content-padding .likes {
	color: #8e8e93;
	
}

.bg-color-gray {
	--f7-theme-color-bg-color: #4a4a4d;
	
}

.bg-color-red {
	background-color: #f44336 !important;
	
}
.bg-color-light {
    background-color: rgb(0 0 0 / 45%) !important;
	border: 1px solid;
}
.text-color-red-history {
    --f7-theme-color-text-color: #78302b;
}
.text-color-green-history {
    --f7-theme-color-text-color: #50682e;
}
.alert-pound-2 {
	padding: 10px;
	color: #ffffff;
	background-color: rgb(149 149 150);
	border-color: #ffffff;
	margin: 17px 12px 0px 12px;
	
}

.alert-pound-3 {
	padding: 3px;
	/* color: #ffffff;     background-color: #4b4e50; */
	border-color: #ffffff;
	/* margin: 17px 12px 0px 12px; */
	
}

.alert-pound-5 {
	padding-left: 8px;
	padding-left: 3px;
	/* color: #ffffff;       background-color: #4b4e50; */
	border-color: #b3b1b1;
	margin: 17px 12px 0px 12px;
	
}

.alert-pound-1 {
	padding: 10px;
	color: #ffffff;
	background-color: #68c368;
	border-color: #ffffff;
	margin: 17px 12px 0px 12px;
	
}

#products-check-detail {
	text-align: center;
	font-size: larger;
	margin-top: -20px;
	background-color: #fff;
	
}

#products-check-detail-view {
	text-align: center;
	font-size: larger;
	margin-top: -20px;
	background-color: #fff;
	
}

#products-check-detail-invoice {
	text-align: center;
	font-size: larger;
	margin-top: -20px;
	background-color: #fff;
	
}

hr {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
	
}

.list-noline ul:after {
	background-color: transparent;
	
}

.disable {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	/* Google Chrome, Safari 6+ & Opera 15+ */
	pointer-events: none;
	
}