:root {
	--fs-default:13px;
	--fs-table:13px;
}
.btn-white {
	background: #fff;
	border: 1px solid #0000002d !important;
}
.btn-white:hover {
	border-color: #eee !important;
}

table.dataTable th.dt-type-numeric,
table.dataTable td.dt-type-numeric {
	text-align: inherit;
}

table.dataTable td,
table.table td {
	color: #555 !important;
}
table.dataTable td,
table.dataTable th,
table.table td,
table.table th,
.dt-column-header,
#datatable > tbody > tr > td> p{
	font-size: var(--fs-table);
}

.btn-none {
	background: none;
	border: none;
}

.btn-default, .alert-default {
	color: #fff !important;
	background-color: #0097a7 !important;
	border-color: #0097a7 !important;
}

.btn-default:hover {
    color: #fff;
    background-color: #026b77 !important;
    border-color: #007986 !important;
}

.btn-default:disabled{
    color: #fff !important;
    pointer-events: none;
    background-color: #00808e !important;
    border-color: #007986 !important;
    opacity: 0.8;
}

.form-label {
	margin-bottom: 0 !important;
}

.datepicker {
	border: var(--bs-border-width) solid var(--bs-border-color);
}

[class^=ri-],.fas {
	font-size: 16px;
}

#sidebar-menu ul li a i  {
	font-size: 1.3rem !important;
}
.fn-10 {
	font-size:10px !important;
}
.fn-11 {
	font-size:11px !important;
}
.fn-12 {
	font-size:12px !important;
}
.fn-13 {
	font-size:13px !important;
}
.fn-14 {
	font-size:14px !important;
}
.fn-15 {
	font-size:15px !important;
}
.fn-16 {
	font-size:16px !important;
}
.fn-18 {
	font-size:18px !important;
}
.fn-24 {
	font-size:24px !important;
}
.fn-30 {
	font-size:30px !important;
}
.fn-42 {
	font-size:42px !important;
}
.fn-48 {
	font-size:48px !important;
}
@media (max-width:576px) {
	.hidden-sm {
		display: none;
	}
}

.btn-option {
    padding: 2px 6px 0px 6px !important;
}

.small {
	font-size: 80% !important;
}

/*body,p,div,table,a, .form-control{
	font-family: 'Stack Sans Headline', sans-serif !important;
	font-weight: 300;
	font-size: 13px !important;
} */

label,body,div,p,h1,h2,h3,h4,h5,a,table {
	font-family: 'Google Sans', sans-serif !important;
	/*font-weight: 400 !important;*/
}
label,body,div,p,.form-control,.dropdown-item {
	/*font-weight: 300 !important;*/
	font-size: var(--fs-default) !important;
}

.form-control{
	color: #636363 !important;
}
/* table.table.dataTable>thead>tr>th,
table.table.dataTable>tbody>tr>td {
	color: #313131 !important;
} */
a.dt-button {
	padding: 0.2em 1em !important;
}

.btn-small {
	padding: 0.2em 1em !important;
	font-size: 13px !important;
}

.bt-dashed {
	border-top: 1px dashed #bbbbbb !important;
}

.btn-list {
	width:35px;
	font-size:9px !important;
	border-radius: 10%;
	margin-bottom: 5px;
}

audio,video {
	max-width: 100% !important;
}
label {
	font-weight: 450;
}
table.table.dataTable>thead>tr>th {
	font-weight: 500;
}
/*
.btn-sm{
	padding: .10rem .5rem !important;
}
*/

.btn-sm i {
    line-height: 1;
	vertical-align: middle;
}

.btn-sm {
	padding: .3rem .5rem 0.2rem .5rem !important
}

label {
	margin-bottom:0 !important;
}

.buttons-excel {
	border-color: #247503 !important;
}

.buttons-pdf {
	border-color: #c51717 !important;
}
.dt-paging {
    float: right !important; /* Aligns the pagination to the right */
}

table.table-no-border>tbody>tr>td,
table.table-no-border>tbody>tr>th {
	padding: 2px 4px !important;
}

#sidebar-menu ul li a {
	font-weight: 500 !important;
}

.fn-20 {
	font-size:20px
}
.fn-22 {
	font-size:22px
}

.page-link {
    padding: .3rem .75rem !important;
}
.badge{
	font-size: 85%;
}
.leaflet-right {
	display: none !important;
}

.page-link {
	font-size: 11px;
}
table>tbody>tr>td{
	vertical-align: top;
}

[class^=ri-] {
	vertical-align: middle;
}
.section-title {
	border-left: 4px solid #0d6efd;
	padding-left: 10px;
	margin-bottom: 15px;
}

fieldset {
	margin: auto;
	padding: 14px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #ffffff;
}

legend {
	font-weight: 500;
	padding: 0 8px;
	color: #374151;
	font-size: var(--fs-default) !important;
}
#count {
	font-weight: 300 !important;
}
.menu-title {
	padding: 0px 20px !important;
}

.slim-select {
	padding: .4rem .5rem !important;
}
.bg-success {
	background-color: #008f37 !important;
}

.side-logout {
	padding: 5px 10px;
    background: #cbcbcd;
    border: 1px solid #cbcbcd;
    color: #000;
}

.btn-success, .text-bg-success2{
    background-color: #008f37;
    border-color: #008f37;
}

.text-success2 {
	color: #008f37;
}

.shadow-produk {
	box-shadow: 1px 1px 5px #8d8d8d !important;
}

.card{
	border-radius: 12px;
}

.form-check-input:checked {
    background-color: #01bf32;
    border-color: #01bf32;
}

.btn-print {
    padding: 0.35rem 1rem !important;
}
@media (max-width: 576px) {
	.btn-print {
		width: 100%; 
		display: block;
		margin-bottom: 10px;
	}
}

.bg-konten {
	--bs-bg-opacity: 1;
	background-color: #006cd7 !important;
}