@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --Blue:  #1d59f9;
  --white: #ffffff;
  --Black: #000000;
  --LightBlack: #ccc;
  --Lighttext:#5a5b70;
}
body
{
	padding:0;
	margin:0;
	background:#eee;
}
h1,h2,h3,h4,h5,h6,p,a,span,button,input
{
	padding:0;
	margin:0;
	font-family: "Poppins", sans-serif;
}
a
{
	color:var(--Blue);
}
.btn-primary
{
	padding:10px 30px;
	text-decoration:none;
	border-radius:100px;
	transition: 0.3s;
}
.btn-round
{
	border-radius:100px;
}
.card-flex
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
.modal-open .modal-backdrop 
{
	backdrop-filter: blur(2px);
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 1 !important;
}

header
{
	border-bottom:1px solid #ccc;
	padding:10px 0;
	background:var(--white);
}
header .navbar-brand
{
	font-weight:bold;
	font-size:25px;
	margin-right:30px;
	display:flex;
	gap:10px;
	align-items:center;
	align-content:center;
}
header .navbar-brand img
{
	width:40px;
}
header .nav-item
{

}
header .nav-item .nav-link
{
   color:var(--Black);
   font-size:16px !important;
   transition: 0.3s;
}
header .nav-item .nav-link:hover
{
	 color:var(--Blue);
}
header .user-cta
{
	display:flex;
	gap:10px;
}
header .user-cta a
{
	padding:10px 30px;
	text-decoration:none;
	border-radius:100px;
	transition: 0.3s;
}
header .user-cta .btn-sign-in
{
	color:var(--Blue);
	border:1px solid var(--LightBlack);
}
header .user-cta .btn-sign-in:hover
{
	background:var(--Blue);
	color:var(--white);
	border:1px solid var(--Blue);
}
header .user-cta .btn-sign-up
{
	background:var(--Blue);
	color:var(--white);
}


/* Customer Form */
.customer-form-section
{
	padding:50px 0;
}
.customer-form-section .card
{

}
.customer-form-section .card .card-body
{
	padding:30px;
}
.customer-form-section .card .card-body h2
{
	padding-bottom:5px;
	font-weight:600;
	color:var(--Black);
	text-align:center;
	
}
.customer-form-section .card .card-body p
{
	color:var(--Lighttext);
	font-size:14px;
	text-align:center;
	
}
.customer-form-section .card .card-body form
{
	margin-top:20px;
}
.customer-form-section .card .card-body label
{
	font-size:16px;
	font-weight:500;
	padding-bottom:5px;
	display:none;
	
}
.customer-form-section .card .card-body .form-control
{
	padding:10px 15px;
	border:1px solid var(--LightBlack);
	box-shadow:none;
	outline:0;
	
}
.customer-form-section .card .card-body .form-control:focus
{
	border-color:var(--Black);
  	outline: none; 
}
.customer-form-section .card .card-body .form-control::placeholder
{
	font-size:15px !important;
}
.customer-form-section .card .card-body .btn
{
	padding:10px 30px;
	text-decoration:none;
	border-radius:100px;
	transition: 0.3s;
	font-weight:600 !important;
	text-align:center;
	margin:0 auto;
	display:block;
	width:100%;
}
.customer-form-section .card .card-body .btn-primary
{
	background:var(--Blue);
}

.app-header-dropdown
{

}
.app-header-dropdown .dropdown
{

}
.app-header-dropdown .btn
{
	padding:10px 30px;
	text-decoration:none;
	border-radius:100px;
	transition: 0.3s;
	font-weight:600 !important;
	color:var(--Blue);
	border:1px solid var(--LightBlack);
}
.app-header-dropdown .btn:hover,.app-header-dropdown .btn:focus
{
	background:var(--Blue);
	color:var(--white);
	border:1px solid var(--Blue);
}
.app-header-dropdown .dropdown-menu
{

}
.app-header-dropdown .dropdown-item
{
	color:var(--Black);
	text-decoration:none;
	display:flex;
	gap:10px;
	align-items:center;
	align-content:center;
	font-weight:600;
	font-size:14px;
	transition: 0.3s;
}
.app-header-dropdown .dropdown-item .bi
{
	font-size:22px;
	opacity:0.5;
	color:var(--Blue);
}
.app-header-dropdown .dropdown-item:hover .bi
{
	opacity:1;
}

.app_sidebar
{
	 background:#fff;
	 padding:20px;
	 border-radius:10px;
	 border:1px solid var(--LightBlack);
}
.app_sidebar ul
{
	 padding:0;
	 margin:0;
	 list-style:none;
}
.app_sidebar ul li
{
	 margin-bottom:10px;
}
.app_sidebar ul li:last-child
{
	margin-bottom:0;
}
.app_sidebar ul li a
{
	color:var(--Black);
	text-decoration:none;
	display:flex;
	gap:10px;
	align-items:center;
	align-content:center;
	font-weight:600;
	font-size:16px;
	transition: 0.3s;
}
.app_sidebar ul li a .bi
{
	font-size:25px;
	opacity:0.5;
	color:var(--Blue);
}
.app_sidebar ul li a:hover .bi
{
	opacity:1;
}
.app_sidebar ul li hr.divider
{
	height: 0;
  margin: 15px 0;
  overflow: hidden;
  border-top: 1px solid var(--LightBlack);
  opacity: 0.8;
}


.app-my-qr
{

}
.app-my-qr .card
{

}
.app-my-qr .card .card-header
{
	 padding:15px 20px;
}
.app-my-qr .card .card-header h4
{
	 font-size:22px !important;
}
.app-my-qr .card .card-body
{
	padding:15px 20px;
}


.app-section
{
	padding:50px 0;
}
.app-section form
{
	margin-top:0px;
}
.app-section form label
{
	font-size:16px;
	font-weight:500;
	padding-bottom:1px;
}
.app-section form .form-control
{
	padding:10px 15px;
	border:1px solid var(--LightBlack);
	box-shadow:none;
	outline:0;
}
.app-section form .form-control[readonly]
{
	background:#eee;
}
.app-section form .form-control:focus
{
	border-color:var(--Black);
  	outline: none; 
}
.app-section form .form-control::placeholder
{
	font-size:15px !important;
}
.app-section form .btn
{
	padding:10px 30px;
	text-decoration:none;
	border-radius:100px;
	transition: 0.3s;
	font-weight:600 !important;
}
.app-section form .btn-primary
{
	background:var(--Blue);
}
.app-section form .btn-success:hover
{
	background:var(--Blue);
}

.grid-two
{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:20px;
}


.table-bordered
{
	 border-collapse:collapse;
	 width:100%;
}
.table-bordered thead tr th
{
	font-size:14px;
	background:#eee;
	border:1px solid #ccc;
}
.table-bordered tbody tr td
{
	font-size:13px;
	border:1px solid #ccc;
	font-weight:600;
}



.table-border
{
    border:1px solid #000;
    border-radius:12px;
    overflow:hidden;
}
.table
{   
    border-collapse:collapse;
    margin-bottom:0 !important;


}
.table th
{
    font-size:13px;
    padding:10px 20px;
    
}
.table th:first-child
{
    border-radius:10px 0 0 0;
}
.table th:last-child
{
    border-radius:0 10px 0 0;
}
.table td
{
    font-size:15px;
    padding:10px 20px;
}
.table tbody tr:nth-child(odd) td 
{
    background: #EDF2FF !important;
}
.table tr:first-child
{
    border-radius:0 100px 0 0;
}
.total-price-grid
{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    grid-gap:10px;
    background:#fff;
    box-shadow:rgba(0,0,0,.1) 0 0 11px;
    padding:20px;
    margin-top:30px;
    margin-bottom:30px;
    border-radius:10px;
}
.total-price-grid .item
{

}
.total-price-grid .item p:nth-child(1)
{
    color:var(--Black);
    opacity:0.5;
    font-size:14px;
}
.total-price-grid .item p:nth-child(2)
{
    color:var(--Black);
    font-size:20px;
}
#addRowBtn
{
    border:1px solid #ccc;
    display:block;
    text-align:center;
    border-radius:100px;
    background:#eee;
    transition: 0.3s;
}
#addRowBtn:hover
{
    border:1px solid #000;
}
#addRowBtn i
{
    font-size:30px;
    opacity:0.7;
    transition: 0.3s;
}
#addRowBtn:hover i
{
    opacity:1;
}
.buy-button-right
{
    text-align:right;
}
.qty-input
{
    text-align:center;
    padding:5px 10px !important;
}
.form-select
{
    text-align:left;
    padding:5px 10px !important;
}


.dashboard-count-grid
{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap:20px;
}
.dashboard-count-grid .item
{
    background:var(--white);
    padding:15px;
    border-radius:10px;
    border:1px solid var(--LightBlack);
}
.dashboard-count-grid .item p.lightText
{
    font-weight:bold;
    font-size:17px !important;
    opacity:0.5;
    color:var(--Lighttext);
}
.dashboard-count-grid .item p
{
    font-size:30px;
    font-weight:400;
    color:var(--Black);
}

.btn-success
{
	background:var(--Blue);
}


.select2-container .select2-selection--single
{
    height:47px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height:47px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    height:47px !important;
}


/* Preloader styles */
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: var(--white);
	/* or #000 */
	display: flex;
	align-items: center;
	justify-content: center;
}

.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid var(--Blue);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
}

/* Animation */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.payment-success-box {
	background: var(--white);
	padding: 40px 30px;
	border-radius: 15px;
	text-align: center;
	border:1px solid var(--LightBlack);
}

.payment-success-box .success-icon {
	font-size: 60px;
	color: #28a745;
	margin-bottom: 20px;
}

.payment-success-box .btn-home 
{
	margin-top: 25px;
	padding: 10px 30px;
	text-decoration: none;
	border-radius: 100px;
	transition: 0.3s;
}
.payment-success-box .btn-home:hover
{
	background:var(--Blue) !important;
}

.payment-error-box 
{
	background: #ffffff;
	padding: 40px 30px;
	border-radius: 15px;
	box-shadow: 0 8px 20px rgba(255, 0, 0, 0.1);
	text-align: center;
}
.payment-error-box .error-icon {
	font-size: 60px;
	color: #dc3545;
	margin-bottom: 20px;
}
.payment-error-box .btn-retry 
{
	margin-top: 25px;
	padding: 10px 30px;
	text-decoration: none;
	border-radius: 100px;
	transition: 0.3s;
}
.payment-error-box .btn-retry:hover
{
	background:var(--Blue) !important;
}