/*Scrollbar*/
@media (min-width: 992px) {
	/* width */
	::-webkit-scrollbar {
		width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		border-radius: 10px;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #ccc;
		border-radius: 3px;
	}

	::-webkit-scrollbar:horizontal{
	  height: 13px;
	}

	::-webkit-scrollbar-thumb:horizontal{
        border-radius: 10px;
    }

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #0083ce !important;
	}
}
/*End Scrollbar*/

.page-title-box {
	background-color: #f5f7fa;
	background-image: none;
}

.page-title-box h4 {
	color: #636e75;
}

.title-primary-color{
	color: #0083CE !important;
}

.title-secondary-color{
	color: #FF5B5C !important;
}

.breadcrumb-item > a {
	color: #636e75;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #636e75;
}

.breadcrumb-item.active {
	color: #999 !important;
}

.btn-shadow {
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

.btn-mini{
	padding: 1px 4px !important;
}

.text-dark-only{
	color: #495057 !important;
}

.text-light-only{
	color: #f9fafc !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
	transition: 0.1s;
	border: 2px solid #0083ce !important;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ddd !important;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ddd !important;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ddd !important;
}

.tox-tinymce-aux {
	z-index: 99999999 !important;
}

/*Datatables modification color*/

.table-bordered>:not(caption)>*{
	border-width: 0px !important;
}

.table-borderless td, .table-borderless tfoot, .table-borderless th, .table-borderless thead, .table-borderless tr{
/*	border-color: #eee !important;*/
}

div.dataTables_processing > div:last-child > div {
	background: #0083ce !important;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

/*End datatable*/

.mm-active > a {
	color: #0083ce !important;
/*	background-color: #f5f7fa !important;*/
}

.mm-active > a:hover {
	color: #0083ce !important;
/*	background-color: #f5f7fa !important;*/
}

.mm-active > a i {
	color: #0083ce !important;
}

.mm-active > a i:hover {
	color: #0083ce !important;
}

.mm-active .active {
	color: #0083ce !important;
}

.mm-active .active i {
	color: #0083ce !important;
}

.btn-primary {
	background-color: #0083ce !important;
	border-color: #0083ce !important;
}

.btn-primary:hover {
	background-color: #20a3ee !important;
	border-color: #20a3ee !important;
}

.btn-outline-primary {
	color: #0083ce !important;
	border-color: #0083ce !important;
}

.btn-outline-primary:hover {
	transition: 0.5s;
	color: #fff !important;
	border-color: #0083ce !important;
	background-color: #0083ce !important;
}

.btn-outline-danger:hover {
	transition: 0.5s;
}

.btn-outline-warning:hover {
	transition: 0.5s;
}

.btn-outline-secondary:hover {
	transition: 0.5s;
}

.page-item.active .page-link {
	background-color: #0083ce;
	border-color: #0083ce;
}

.user-sidebar {
	background-color: #0083ce;
}

.item-nowrap {
	white-space: nowrap !important;
	overflow-x: hidden;
}

.form-check-input:checked {
	background-color: #0083ce !important;
	border-color: #0083ce !important;
}

.text-primary {
	color: #0083ce !important;
}

.tw-nowrap {
	white-space: nowrap !important;
}

/*custom alert border*/
.tw-alert-border-danger{
	border-left: solid 5px #f14e4e;
	border-radius: 8px;
}

.tw-alert-border-success{
	border-left: solid 5px #198754;
	border-radius: 8px;
}

.tw-alert-border-secondary{
	border-left: solid 5px #6c757d;
	border-radius: 8px;
}

.tw-alert-border-primary{
	border-left: solid 5px #0d6efd;
	border-radius: 8px;
}

.tw-alert-border-warning{
	border-left: solid 5px #ffc107;
	border-radius: 8px;
}

.typeahead.dropdown-menu li.active {
	background-color: #eee !important;
}

.bg-primary-theme {
	background-color: #0083ce !important;
}

.bg-primary{
	background-color: #0083ce !important;
}

.bg-primary-gradient{
	background: linear-gradient(to right, #0083ce, #FF5B5C);
}

.form-check-input.theme-secondary:checked {
	background-color: #0fbcdf;
	border-color: #0fbcdf;
}

#sidebar-menu ul li a:hover {
	color: #0083ce !important;
}

#sidebar-menu ul li a i:hover {
	color: #0083ce !important;
}

.nav-link:active {
	background-color: #ddd !important;
	transition: 0.1s;
}

.nav-link:hover {
	transition: 0.3s;
	background-color: #0083ce !important;
	color: white !important;
}

.accordion-button:not(.collapsed) {
	color: #606060 !important;
	background-color: #def768 !important;
	font-weight: bold;
	font-size: 1rem;
}

.accordion-button.collapsed {
	font-weight: bold;
	font-size: 1rem;
}

.card {
	border-radius: 8px !important;
}

.disabled{
	cursor: no-drop !important;
}

.page-link{
	padding:4px 10px !important;
	margin-top: 5px !important;
}

.user-sidebar{
/*	background-image: none;*/
	background-image: linear-gradient(#FF5B5C, #0083ce);
}

/*custom padding upper container*/
.page-title-box{
	padding: 15px 24px 80px 24px;
}

/*Loader*/
.bg-page-loader{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100vh;
	width: 100%;
	background-color: #fafafa;
	z-index: 9999;
}

.center-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100vh;
}
/*end loader*/

/*membuat teks helper pada setiap label*/
.text-super{
	font-size: 0.75em; /* Ukuran teks lebih kecil */
  vertical-align: super; /* Posisi teks ke atas */
  font-weight: bold;
}

/*custom swal2 button shadow*/
.swal2-styled{
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

/*shadow for swal2 modal*/
.swal2-modal{
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.bg-input-readonly{
	background-color: #eee !important;
}

/*custom blinking text dan background*/
@keyframes blink-danger {
    0% { color: red; }
    50% { color: white; }
    100% { color: red; }
}

.text-blink-danger {
    animation: blink-danger 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}

/*warning*/
@keyframes blink-warning {
    0% { color: #eeb148; }
    50% { color: white; }
    100% { color: #eeb148; }
}

.text-blink-warning {
    animation: blink-warning 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}

/*secondary*/
@keyframes blink-secondary {
    0% { color: #74788d; }
    50% { color: white; }
    100% { color: #74788d; }
}

.text-blink-secondary {
    animation: blink-secondary 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}

/*primary*/
@keyframes blink-primary {
    0% { color: #0083ce; }
    50% { color: white; }
    100% { color: #0083ce; }
}

.text-blink-primary {
    animation: blink-primary 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}

/*bg danger*/
@keyframes blink-danger-bg-trigger {
    0% { background-color: red; }
    50% { background-color: white; }
    100% { background-color: red; }
}

.bg-blink-danger {
    animation: blink-danger-bg-trigger 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}

/*bg-secondary*/
@keyframes blink-secondary-bg-trigger {
    0% { background-color: #74788d; }
    50% { background-color: white; }
    100% { background-color: #74788d; }
}

.bg-blink-secondary {
    animation: blink-secondary-bg-trigger 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}

/*bg-warning*/
@keyframes blink-warning-bg-trigger {
    0% { background-color: #eeb148; }
    50% { background-color: white; }
    100% { background-color: #eeb148; }
}

.bg-blink-warning {
    animation: blink-warning-bg-trigger 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}

/*bg-primary*/
@keyframes blink-primary-bg-trigger {
    0% { background-color: #0083ce; }
    50% { background-color: white; }
    100% { background-color: #0083ce; }
}

.bg-blink-primary {
    animation: blink-primary-bg-trigger 1s infinite;
    font-weight: bold; /* Opsional: Menonjolkan teks */
}


@media (max-width: 992px) {
	.navbar-brand-box {
		display: none !important;
	}

	.vertical-menu {
		top: 0px !important;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

	.page-content {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#datatable_processing {
		border: 2px solid #525ce5 !important;
	}

	div.dataTables_wrapper div.dataTables_filter {
		text-align: center !important;
	}

	.container{
		padding-left: 0px;
		padding-right: 0px;
	}

	.container-fluid{
		padding-left: 0px;
		padding-right: 0px;
	}

	.container-dashboard{
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.container-login{
		padding-right: 25px !important;
		padding-left: 25px !important;
	}
}