body {
	font-family:   Arial, sans-serif;
	font-size: 13px;
}
a{
	color: #111;
}
a:hover, a:focus, a:active{
	color: #444;
}
.text-strong{
	font-weight: 600 !important;
}
/*Padding types*/
.padding-0 {
	padding: 0 !important;
}

.padding-10 {
	padding: 6px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-right-10-only {
	padding: 0 0 10px 0 !important;
}

/*Border Types*/
.border-1px {
	border: 1px solid;
	border-color: #d2d6de;
}

/*Margin Types*/
.margin-0 {
	margin: 0 !important;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}

.margin-top-20 {
	margin-top: 20px;
}

.display-none {
	display: none;
}

/*font size Types*/
.font-size-18 {
	font-size: 18px;
}

.clear {
	width: 100%;
	float: left;
}

/*BG color Types*/
.bg-grey {
	background-color: #ccc;
}

.decoration-off {
	text-decoration: none;
	color: #333;
}

.barcode-label {
	width: 3.3cm;
	height: 2.2cm;
	border: 1px solid #000 !important;
	border-radius: 10px;
	font-size: 12px !important;
}

.barcode-label span {
	line-height: 1;
	font-size: 14px;
	font-weight: 800;
	color: #000 !important;
}

.barcode-strip {
	width: 9.9cm;
	margin: 0 auto;

}

.barcode-strip .child {
	width: 33%;
	float: left;
}

.mt-20 {
	margin-top: 20px !important;
}

.table,
.radio label {
	font-weight: 600 !important;
}

.input-group .form-control {
	text-transform: uppercase !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	text-transform: uppercase !important;
}

.status-label {
	font-size: 12px !important;
	padding: 5px;
	border-radius: 3px;
}

.checkbox {
	font-size: 16px;
	font-weight: 600;
	background-color: #00c0ef;
	color: #fff;
	width: 410px;
	padding: 5px;
	border-radius: 3px;
}

.box-title {
	font-size: 16px !important;
	font-weight: 600;
}

/* table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
}
table tbody {
    display: table !important;
    width: 100% !important;
} */


small {
	font-size: 11px !important;
}

.logo {
	font-weight: 400 !important;
	font-size: 18px !important;
}

.table-responsive {
	border: 0px !important;
}

/* Mobile & Tablet */
@media screen and (max-width: 991px) {
	.table {
		display: block;
		width: 100%;
		overflow-x: auto;
		/* horizontal scroll */
		overflow-y: hidden;
		/* hide vertical scroll */
		-webkit-overflow-scrolling: touch;
		/* smooth scroll on iOS */
		white-space: nowrap;
		/* prevent wrapping columns */
	}

	.table th,
	.table td {
		white-space: nowrap;
		/* keep cells in one line */
	}
}


.bg-green a {
	text-decoration: none;
	color: #fff;
}

td {
	color: #000;
	font-weight: 400;
}

.sidebar-menu .treeview-menu>li>a>.fa-solid,
.sidebar-menu .treeview-menu>li>a>.glyphicon,
.sidebar-menu .treeview-menu>li>a>.ion {
	width: 20px !important;
}

.sidebar-menu>li>a>.fa-solid,
.sidebar-menu>li>a>.glyphicon,
.sidebar-menu>li>a>.ion {
	width: 20px;
}

.btn {
	width: auto;
}

.table {
	text-align: left;
}

.w-100 {
	width: 100% !important;
}


.skin-black .sidebar-menu>li.header {
	color: #fff;
}

.skin-black .sidebar a,
.skin-black .treeview-menu>li>a {
	color: #fff;
}

.modal-dialog {
	top: 10%;
	text-transform: capitalize;
}

.modal-header {
	background: #000;
	color: #fff;

}

.modal-header .close {
	color: #fff;
	opacity: 0.9;
}

.modal-footer {
	border-top-color: #000;
	background: #f1f1f1;
}

.btn-default {
	background-color: #fff;
	color: #000;
	border-color: #000;
}

.btn-primary {
	background-color: #000;
	border-color: #000;
	color: #fff;
	transition: all 0.25s ease;
}

/* Hover */
.btn-primary:hover,
.btn-primary:focus {
	background-color: #333;
	/* light black */
	border-color: #333;
	color: #fff;
}

/* Active / Click */
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	background-color: #222;
	border-color: #222;
	color: #fff;
}

/* Disabled */
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: #000;
	border-color: #000;
	opacity: 0.6;
}

.box.box-primary {
	border-top-color: #000;
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
	background-color: #000;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #000;
	border-color: #000;
}



.nav-tabs-custom>.nav-tabs>li.active {
	border-top-color: #000;
}

p {
	margin: 0 0 1px;
}

.panel-primary {
	border-color: #000;
}

.panel-primary>.panel-heading {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.request-note {
	background: #f1f1f1;
	padding: 5px;
}

.alert {
	padding: 3px 5px;
}



.requests-box {
	margin-bottom: 15px;
	border: 1px solid #f0f0f0;
	border-radius: 7px;
	padding: 10px;
	text-transform: capitalize;
}

.requests-box p {
	background: #f8f8f8;
	padding: 2px 5px;
	border-radius: 5px;
}

.requests-box .data {
	margin: 1px 0px;
}

.label {
	padding: 5px 4px;
	margin-right: 4px;
}

.request-header {
	border-bottom: 1px solid #f1f1f1;
	padding: 0px 0px 7px 0px;
}

.requests-box .text-success {
	background: #fff;
}

.small-box>.inner {
	padding: 5px;
}

.small-box>.inner>h3 {
	margin: 0;
}

.small-box>.inner>p {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 2px;
}
.small-box > .small-box-footer{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
}

/* Page background & centering */
body.login-page {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Login box */
.login-page {
	width: 100vw;
	height: 100vh;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.login-box {
	width: 360px;
	margin: 0 auto;
	padding: 100px 0px;
}

/* Login card */
.login-box-body {
	background: rgba(255, 255, 255, 0.96);
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
	border: none;
	margin: 0 auto;
	margin-bottom: 20px;
}

/* Logo / Header */
.login-logo h3 {
	color: #1e3c72;
	font-size: 32px;
}
.login-logo p {
	color: #fff;
	font-size: 14px !important;
	font-weight: 400;
	padding: 0px 15px ;	
	text-align: center;
	text-transform: uppercase;
}

/* Sub text */
.login-box-msg {
	color: #444;
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center;
}

/* Input fields */
.login-box-body .form-control {
	height: 45px;
	border-radius: 6px;
	border: 1px solid #ddd;
	box-shadow: none;
	font-size: 14px;
}

/* Input focus */
.login-box-body .form-control:focus {
	border-color: #2a5298;
	box-shadow: 0 0 6px rgba(42, 82, 152, 0.4);
}

/* Icons inside input */
.login-box-body .form-control-feedback {
	color: #2a5298;
	line-height: 45px;
}

/* Login button */
.login-box-body .btn-primary {
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	border: none;
	height: 45px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 6px;
	transition: 0.3s;
	
}

.login-box-body .btn-primary:hover {
	background: linear-gradient(135deg, #2a5298, #1e3c72);
}

/* Error message */
.login-box-body .btn-danger {
	border-radius: 6px;
	font-size: 13px;
}

/* Install PWA button */
#installBtn {
	
	background: #1e3c72;
	color: #fff;
	font-weight: 600;
	border-radius: 6px;
	border: none;
	margin: 0 auto;
}

/* ===============================
   RESPONSIVE FIXES
   =============================== */

/* Tablets */
@media (max-width: 991px) {
	.login-box {
		width: 90%;
	}
}

/* Mobile */
@media (max-width: 480px) {
	body.login-page {
		padding: 15px;
	}

	.login-box {
		width: 100%;
	}

	.login-logo p {
		font-size: 18px;
	}
}
/* Show only Prev, Current, Next in DataTables (AdminLTE) */
.dataTables_paginate li:not(.active):not(.previous):not(.next) {
    display: none !important;
}