/**
	Bootstrap Custom Style
	Agus Prawoto Hadi
	Tahun: 2020 - 2022
	https://jagowebdev.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;
}
