/**
* App		: Pos Kasir Pro
* Author	: Team Cepat Online
* Year		: 2021-2022
* Website	: cepatonline.com
*/
.form-switch-lg .form-check-input {
	width: 3em;
	height: 1.5em;
}

.form-check-input {
	width: 1.2em;
	height: 1.2em;
	margin-top: .2em;
}

/* Bootstrap */
.toast {
	width: auto;
	font-size: 100%;
}

.toast-container {
	/* top: 60px !important; */
}

/* Bootbox */
.bootbox-close-button {
	border: 0;
	background: none;
	font-size: 25px;
	color: #8c8d91;
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: .75rem 1.25rem;
	color: inherit;
}

button.close {
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	outline: none;
}

.close {
	float: right;
	font-size: 1.5rem;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

/*-- Bootbox */

/* Datatables */
.dataTables_processing {
	top: calc(50% - 22px);
	left: calc(50% - 75px);
	position: absolute;
	background: #ffffc1;
	padding: 10px 20px;
	width: 150px;
	height: 45px;
	text-align: center;
	border: 0;
}

.table>:not(:last-child)>:last-child>* {
	border-bottom-color: #CCCCCC;
}

.input-group-counter button:first-child,
.input-group-counter button:last-child,
.input-group-counter-warning button:first-child,
.input-group-counter-warning button:last-child {
	background-color: rgba(var(--bs-info-rgb), 0.3);
	border: 1px solid rgba(var(--bs-info-rgb), 0.5);
	color: var(--bs-info-bg);
	margin-right: 5px;
	border-radius: 0.375rem !important;
	width: 35px;
	height: 35px;
	padding: 0;
	justify-content: center;
	font-weight: bold;
}

.input-group-counter button:last-child,
.input-group-counter-warning button:last-child {
	margin-right: 0;
	margin-left: 5px !important;
}

.input-group-counter-warning button:first-child,
.input-group-counter-warning button:last-child {
	background-color: rgba(var(--bs-warning-rgb), 0.3);
	border: 1px solid rgba(var(--bs-warning-rgb), 0.5);
	color: var(--bs-warning-bg);
}

.btn-clear-info,
.btn-clear-info:focus {
	background-color: rgba(var(--bs-info-rgb), 0.3);
	border: 1px solid rgba(var(--bs-info-rgb), 0.5);
	color: var(--bs-info-bg);
}

.btn-clear-info:hover {
	background-color: rgba(var(--bs-info-rgb), 0.8) !important;
	color: #FFFFFF !important;
}

.btn-clear-danger {
	background-color: rgba(var(--bs-danger-rgb), 0.2);
	border: 1px solid rgba(var(--bs-danger-rgb), 0.5);
	color: rgba(var(--bs-danger-rgb), 0.7);
}

.btn-clear-danger:hover {
	background-color: rgba(var(--bs-danger-rgb), 0.3) !important;
	color: rgba(var(--bs-danger-rgb), 0.8) !important;
}

.btn-clear-primary {
	background-color: rgba(var(--bs-primary-rgb), 0.2);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.5);
	color: rgba(var(--bs-primary-rgb), 0.7);
}

.btn-clear-primary:hover {
	background-color: rgba(var(--bs-primary-rgb), 0.3) !important;
	color: rgba(var(--bs-primary-rgb), 0.8) !important;
}


.btn-clear-success,
.btn-clear-success:focus {
	background-color: rgba(var(--bs-success-rgb), 0.2);
	border: 1px solid rgba(var(--bs-success-rgb), 0.5);
	color: rgba(var(--bs-success-rgb), 0.7);
}

.btn-clear-success:hover {
	background-color: rgba(var(--bs-success-rgb), 0.3) !important;
	color: rgba(var(--bs-success-rgb), 0.8) !important;
}

.btn-clear-warning,
.btn-clear-warning:focus {
	background-color: rgba(var(--bs-warning-rgb), 0.2);
	border: 1px solid rgba(var(--bs-warning-rgb), 0.5);
	color: rgba(var(--bs-warning-rgb), 0.7);
}

.btn-clear-warning:hover {
	background-color: rgba(var(--bs-warning-rgb), 0.3) !important;
	color: rgba(var(--bs-warning-rgb), 0.8) !important;
}

.badge-clear-primary {
	background-color: rgba(var(--bs-primary-rgb), 0.2);
	border: 1px solid rgba(var(--bs-primary-rgb), 0.5);
	color: rgba(var(--bs-primary-rgb), 0.7);
	border: 0;
	padding: 2px 10px;
}

.badge-clear-info {
	background-color: rgba(var(--bs-info-rgb), 0.2);
	border: 1px solid rgba(var(--bs-info-rgb), 0.5);
	color: rgba(var(--bs-info-rgb), 0.7);
	border: 0;
	padding: 2px 10px;
}

.badge-clear-success {
	background-color: rgba(var(--bs-success-rgb), 0.2);
	border: 1px solid rgba(var(--bs-success-rgb), 0.5);
	color: rgba(var(--bs-success-rgb), 0.7);
	border: 0;
	padding: 2px 10px;
}

.badge-clear-warning {
	background-color: rgba(var(--bs-warning-rgb), 0.2);
	border: 1px solid rgba(var(--bs-warning-rgb), 0.5);
	color: rgba(var(--bs-warning-rgb), 0.7);
	border: 0;
	padding: 2px 10px;
}