.elevation-0 {
	box-shadow: none !important;
}

.elevation-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.elevation-2 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
}

.elevation-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.elevation-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
	background-color: #2b8bf5e3;
	color: #fff;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
	background-color: #61a5ef8c;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link.active:hover {
	background-color: #61a5ef8c;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover .sb-nav-link-icon,
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover .sb-sidenav-collapse-arrow {
	color: #fff;
}


.sb-sidenav .sb-sidenav-menu .nav .nav .nav-link {
	padding-left: 40px;
}

.sb-sidenav .sb-sidenav-menu .nav .nav .nav-link.active {
	background-color: #0352a9ab;
}

#sidebarToggle:hover {
	background-color: #007bff;
}

.bg-gradient-2{
	background: rgb(10,49,84);
	background: linear-gradient(81deg, rgba(10,49,84,0.9920343137254902) 0%, rgba(9,51,122,1) 45%, rgba(6,61,112,1) 100%);
}

.material-icons {
	vertical-align: bottom;
}

.picture-container {
	position: relative;
	text-align: center;
}

.picture {
	width: 180px;
	height: auto;
	min-height: 180px;
	background-color: #999999;
	border: 4px solid #CCCCCC;
	color: #FFFFFF;
	border-radius: 50%;
	margin: 5px auto;
	overflow: hidden;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

 .background {
	width: 100%;
	height: auto;
	min-height:100px;
	background-color: #999999;
	border: 4px solid #CCCCCC;
	color: #FFFFFF;
	margin: 5px auto;
	overflow: hidden;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.picture-src {
	width: 100%;
}
.picture input[type="file"] {
	cursor: pointer;
	display: block;
	height: 100%;
	opacity: 0 !important;
	position: absolute;
	top: 0;
	max-width: 100px;
}

.background input[type="file"] {
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0 !important;
	position: absolute;
	top: 0;
	width: 100%;
}
.print-logo{
	margin: 10px;
	width:160px;
	height:180px;
	font-size:14px;
	left:0;
	top:0;
}
.print-logo img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.badge.stok {
	font-weight: 500;
	font-size: 100%;
}

.badge.stok.stok-nol {
	background-color: #FFC107!important;
	border: 1px solid #FF9800!important;
}

.badge.stok.no-stok {
	background-color: #FF5722!important;
	border: 1px solid #F44336!important;
	color: #fff;
}

.badge.stok.stok-ok {
	background-color: #7fff00c7!important;
	border: 1px solid #8BC34A!important;
}

.btn-sm .material-icons{
	position: relative;
	display: inline-block;
	top: 0;
	margin-top: -1em;
	margin-bottom: -1em;
	font-size: 1.1rem;
	vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_info {
	font-size: 12px;
	color: #6c757d;
}

div.dataTables_wrapper div.dataTables_length label {
	font-size: 12px;
}
.modal-body .dataTables_wrapper label{
	color: #6c757d;
}

.card.keranjang, .keranjang .card-header {
    border-radius: 1rem;
    border: none;
}

.badge.badge-01, .bg-01 {
    background-color: #06a7dff7!important;
    font-size: 80%;
    color: #fff;
}

.badge.badge-03, .bg-03 {
    background-color: #ed38ff!important;
    font-size: 80%;
    color: #fff;
}

.badge.badge-process {
    color: #28a745;
    background-color: #b3ffb3;
    border: 1px solid #28a745;
}

.text-process {
    color: #76f392 !important;
}

.badge-cancel {
    color: rgb(220 53 69);
    background-color: #f4d5d7;
}

span.text-01 {
    color: #0095fff7;
}

span.text-03 {
    color: #ed38ff;
}

.inline-group {
  max-width: 9rem;
  min-width: 7rem;
  /* padding: .5rem; */
}

.inline-group .form-control {
  text-align: center;
}

.form-control[type="number"]::-webkit-inner-spin-button,
.form-control[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

table.dataTable td.wrapok {
    white-space:normal!important
}

form.user .form-control-user {
  font-size: 1rem!important;
  border-radius: 10rem;
  padding: 1.5rem 1rem;
}

.sb-sidenav-light .sb-sidenav-menu .nav-link.active{
	color: #007bff;
	margin-right: 10px;
	border-radius: 0 25px 25px 0;
	background-color: rgb(110 174 243 / 31%)!important;
	box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 27%);
}

.topbar .nav-item .nav-link .badge-counter {
    position: absolute;
    transform: scale(0.9);
    transform-origin: top right;
    margin-left: .5rem;
    margin-top: -.8rem;
    border-radius: 18px;
    border: 2px solid #fff;
    min-width: 20px;
    min-height: 20px;
}

.alert-warning {
    color: #614903!important;
    background-color: #fbf4dc!important;
    border-color: #d8c58c!important;
}

.badge-warning {
    color: #292721!important;
    background-color: #fdce43!important;
}

.fa-lg {
    vertical-align: 0!important;
}