:root{
	
	--main-color: #696cff;
	--purple-color:  #4042bf;
	--yellow-color: #ffab00;
	--greenStrong-color: #0c8e39;
	--blueOld-color: #03c3ec;
	--orange-color: #ff3e1d;
	--white: #fff;
	--grey: #8e8e8e;
	--grey1: #f5f4f9;
	--radio-color: #7670d4;
	--green-color: #62D626;
	--btn-tambah-color:#0f3AC2 ;
	--label-blue: #6A6CFF;
	--btn-view-color: #5B5CB0;
	--grey-border-color: #676767;
	--grey-old-border-color: #c6c6c6;
	--breakpoint-sm: 360px;
	--bs-breakpoint-sm: 360px;
	--print-nota-color: #00028E;
	--print-sj-color: #3F3F53;
	--purple-border-color: #5e60da;
	--purple-title-color: #e0e1fb;
}

/*border*/
.border,.border-bottom,.border-top,.border-right,.border-left{
	border-color: var(--grey) !important;
}

body{
	padding: 0 !important;
	overflow-y: auto !important;
}

body.modal-open{
	padding: 0 !important;
	overflow-y: hidden !important;
}

html *{
	font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* font */
.fs-14{
	font-size: 14px !important;
}
.fw-500{
	font-weight: 500 !important;
}
.fc-white{
	color: var(--white) !important;
}

.h-40{
	height: 40px;
}

.uppercase{
	text-transform: uppercase !important;
}

.back-button{
	cursor: pointer;
}

.back-button-confirm{
	cursor: pointer;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }



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

.btn{
	min-width: 55px !important;
	font-size: 12px;
}

table td{
	border-color: var(--grey) ;
}

.btn:not(.btn-jenis,.btn-menu):hover{
	color: var(--white);
}

.btn-primary , .btn-primary:hover{
	background-color: var(--main-color) !important;
}

.btn-primary-purple , .btn-primary-purple:hover{
	background-color: var(--main-color) !important;
	color: var(--white);
}

.btn-primary-green , .btn-primary-green:hover{
	background-color: var(--green-color) !important;
	color: var(--white);
}
.btn-primary-export , .btn-primary-export:hover{
	background-color: var(--greenStrong-color) !important;
	color: var(--white);
}

.btn-primary-blue , .btn-primary-blue:hover{
	background-color: var(--blueOld-color) !important;
}

.btn-edit-list , .btn-edit-list:hover{
	background-color: var(--yellow-color) !important;
	color: var(--white) !important;
}
.btn-view-list , .btn-view-list:hover{
	background-color: var(--btn-view-color) !important;
	color: var(--white) !important;
	margin-left:  0.25rem !important;
}

.btn-delete-list , .btn-delete-list:hover,.btn-cancel-list , .btn-cancel-list:hover{
	background-color: var(--orange-color) !important;
	color: var(--white) !important;
	/* tambahan rahman */
	margin-left:  0.25rem !important;
}

.btn-tambah-list , .btn-tambah-list:hover{
	background-color: #5658B8 !important;
	color: var(--white) !important;
	margin-left:  0.25rem !important;
}

.btn-selesai-list , .btn-selesai-list:hover{
	background-color: #45AB0F !important;
	color: var(--white) !important;
	margin-left:  0.25rem !important;
}

.btn-print, .btn-print:hover, .btn-print-raw, .btn-print-raw:hover{
	background-color: #00028E !important;
	color: var(--white) !important;
	margin-left:  0.25rem !important;
}

.btn-print-list , .btn-print-list:hover{
	background-color: #00028E !important;
	color: var(--white) !important;
	margin-left:  0.25rem !important;
}

.btn-print-nota-list , .btn-print-nota-list:hover{
	background-color: var(--print-nota-color) !important;
	color: var(--white) !important;
	margin-left:  0.25rem !important;
}

.btn-print-sj-list , .btn-print-sj-list:hover{
	background-color: var(--print-sj-color) !important;
	color: var(--white) !important;
	margin-left:  0.25rem !important;
}


.btn-outline-primary{
	background-color: #fff !important;
	border: 1px solid var(--main-color) !important;
}
.btn-outline-primary-blue{
	background-color: #fff !important;
	border: 1px solid var(--blueOld-color) !important;
}

.btn-outline-dark{
	background-color: #fff !important;
	border: 1px solid var(--grey) !important;
	color: var(--grey) !important;
}

.fc-primary{
	color: var(--main-color) !important;
}

.fc-red{
	color: red;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mt-20{
	margin-top: 20px;
}

.fw-600{
	font-weight: 600;
}

.form-group{
	display: flex;
	flex-direction: column;
}

/*card list data*/
.card-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background: transparent;
	width: 100%;
	margin-bottom: 1rem;
}
.card-data{
	/*max-height: 450px;*/
}

.card-data tbody{
	max-height: 450px;
}


.page-title{
	font-size: 18px;
	color: #5e60da;
	font-weight: 500;

	/*case dinamis*/
	margin-top: 2px;
	align-items: start;
}
.card-title{
	align-items: start;
	.page-title{
		/*case dinamis*/
		margin-top: 2px;
	}
}



/*button*/
.btn-jenis{
	padding-inline: 10px;
	min-width: unset !important;
}
.btn-jenis, .btn-menu{
	color: #2f2f2f;
	font-size: 14px;
}
.btn-jenis.pilih, .btn-menu.pilih{
	background-color: var(--main-color) !Important;
	color: #ffffff;
	box-shadow: 0px 4px 8px 0px #0000000F;
}
.btn-tambah{
	background-color: var(--btn-tambah-color) !Important;
	color: #ffffff;
	font-size: 14px;
	box-shadow: 0px 4px 8px 0px #0000000F;
	text-transform: unset;
}

.btn-tambah.form-new-tab{
	background-color: #4A4EFC !important;
}

.btn-update-harga,.btn-update-harga:hover{
	background-color: var(--btn-tambah-color) !Important;
}

.btn-close{
	font-size: 12px;
}

/*update 28/3/25*/
.btn-save-selesai, .btn-save-selesai:hover{
	background-color: #45AB0F !important;
	color: var(--white) !important;
}

.btn-close{
	font-size: 12px;
}
/*end card list data*/

/*card filter*/
#form-filter{
	.btn{
		height: 40px;
	}
}
#form-filter:not(.custom){
	width: 100%;
	max-width: unset;
}
#form-filter label{
	font-weight: 400;
	color: #000000;
	font-size: 14px;
}
#form-filter input{
	font-size: 14px;
	padding: 8px;
}
#form-filter select{
	font-size: 14px;
}
#form-filter-kelompok{
	width: 100%;
	max-width: unset;
}
#form-filter-kelompok label{
	font-weight: 400;
	color: #000000;
	font-size: 14px;
}
#form-filter-kelompok input{
	font-size: 14px;
}
#form-filter-kelompok select{
	font-size: 14px;
}
#form-filter-retur{
	.btn{
		height: 40px;
	}
}
#form-filter-retur{
	width: 100%;
	max-width: unset;
}
#form-filter-retur label{
	font-weight: 400;
	color: #000000;
	font-size: 14px;
}
#form-filter-retur input{
	font-size: 14px;
	padding: 8px;
}
#form-filter-retur select{
	font-size: 14px;
}
.btn-filter{
	background-color: #03c3ec !important;
	color: #ffffff;
	margin-bottom: 1rem;
	text-transform: unset;
}
.btn-reset, .btn-cancel-edit{
	background-color: #8592a3 !important;
	color: #ffffff;
	margin-bottom: 1rem;
	text-transform: unset;
}
/*end card filter*/

/*form-add new tab*/
#form-add{
	.btn{
		height: 40px;
	}
}
#form-add:not(.custom){
	width: 100%;
	max-width: unset;
}
#form-add label{
	font-weight: 400;
	color: #000000;
	font-size: 14px;
}
#form-add input{
	font-size: 14px;
}
#form-add input:not(.col-number){
	padding: 8px;
}
#form-add .col-number{
	width: 42px !important;
}
#form-add select{
	font-size: 14px;
}
/*form-add new tab*/

/*card pilih tampilan data*/
.card-pilih-tampilan{
	background-color: #ffffff;
	color: #8e8e8e;
	height: 33px;
	box-shadow: 0px 4px 8px 0px #0000000F;
	align-items: center;
	justify-content: center;
	display: flex;
	width: -webkit-fill-available;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
}
.card-pilih-tampilan.dipilih{
	background-color: var(--main-color);
	color: #ffffff;
}
.card-pilih{
	margin-bottom: 1rem;
}

/*select2*/
.select2{
	width: 100% !important;
}

.select2-selection__arrow{
	top: 6px !important;
}

.select2-container .select2-selection--single {
    height: 38px; /* Sesuaikan dengan tinggi yang Anda inginkan */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    /*line-height: 38px;  Sesuaikan dengan tinggi yang Anda inginkan */
}
/*select2 multiple*/
.select2-selection__choice {
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
	color: var(--white); !important
}

.select2-selection__choice__remove {
	color: var(--white) !important;
}


/*end card pilih tampilan data*/



.card-pilih-tampilan.dipilih svg path{
	stroke: var(--white) !important;
}
.card-pilih-tampilan.dipilih svg.fill-white path{
	fill: var(--white) !important;
}
.card-pilih-tampilan svg path{
	stroke: var(--grey) !important;
}

/*datatble custom*/
.dt-paging-button .first, .dt-paging-button .last{
	display: none !important;
}

.page-item.active .page-link{
/*	background-color: var(--grey) !Important;
	border-color: var(--grey) !Important;*/
	/*background-color: #4A4EFC !Important;
	border-color: #4A4EFC !Important;*/
	background-color: var(--main-color)!Important;
	border-color: var(--main-color)!Important;
}

.previous{
	border-color: var(--grey) !important;
	color: var(--grey) !important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.next{
	border-color: var(--grey) !important;
	color: var(--grey) !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.dt-info{
	font-size: 14px;
}

.dataTable{
	/*table-layout: fixed;*/
}

.dataTable th, .dt-scroll-body{
	border:  unset !important;
	border-bottom:  1px solid var(--grey) !important;
	text-align: center !important;
	vertical-align: middle !important;
}

./*dataTable th, .dataTable td{
	border:  1px solid var(--grey) !important;
}*/

.dataTable > thead > th > tr{
	text-align: center !important;
}

/*.dataTable th:not(.text-center,.th-action){
	text-align: start !Important;
}*/

.dataTable {
	td .d-flex{
		justify-content: center;
	}
	td{
		vertical-align: middle;
	}
	/*update tahap 2*/
	th,th.text-end,td.text-end{
		padding-right: 20px !important;
	}

	
}

.table-add{
	th{
		border-top: none;
		border-bottom: 1px solid var(--grey-border-color) !important;
	}
	td{
		border: none !important;
		input, select{
			min-width: 100%;
		}
	}
	tbody{
		/*border-bottom: 1px solid var(--grey-old-border-color) !important;*/

	}
	tfoot>tr>td{
		border-top: 1px solid var(--grey-border-color) !important;
	}
}

.table-responsive tfoot{
	pointer-events: none;
}

.table-responsive.min-width-fix{
	td:not(.custom-class),th:not(.custom-class){
		min-width: 95px !important;
	}
}



/*datable*/
.mr-20{
	margin-left: 20px;
}



.dt-column-title{
	font-weight: 500 !important;
}

.dt-orderable-asc .dt-column-order:before{
	/*content: "👆" !important;↑↓*/
	font-size: 15px !important;
	content: "↓" !important;
	left: 100% !important;
	top: 37% !important;
}

.dt-orderable-asc .dt-column-order:after{
	/*content: "👇" !important;*/
	font-size: 15px !important;
	content: "↑" !important;
	right: 0% !important;
	top: 37% !important;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{
	color: black;
	opacity: 1;
}

.page-item:not(.active) .page-link{
	border-color: var(--grey) !important;
	color: var(--grey) !important;
}

/*validate */

 .form-control.is-invalid, .was-validated .form-control:invalid{
    background-image: unset !important;
}
}
.form-control.is-valid, .was-validated .form-control:valid{
    background-image: unset !important;
    border:1px solid #ced4da !important;
}

.form-control{
	padding-right:12px !important;
	 background-image: unset !important;
}

/*select2 validate*/
.select2-selection--multiple .select2-selection__rendered{
	padding-left: 12px !important;
}

/*.was-validated select:valid + .select2 .select2-selection{
    border:1px solid #ced4da !important;
}
*/

.select2 .select2-selection, .form-control{
    border:1px solid #ced4da !important;
}

.form-control ~ .invalid-feedback{
	display: none !important;
}
.form-control.is-invalid ~ .invalid-feedback{
	display: block !important;
}

/*.was-validated select:invalid + .select2 .select2-selection,*/.form-control.is-invalid, .is-invalid + .select2 .select2-selection{
    border:1px solid #dc3545 !important;
}
.img-calendar{
	border-left:none !important;
}

.form-control.is-invalid ~ .img-calendar{
	border-color:#dc3545 !important;
}


/**:focus{
  outline:0px;
}*/


/*loading*/
/* HTML: <div class="loader"></div> */
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999999 !important;
  /*display: none;*/
}
.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10000000 !important;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid var(--main-color);
  animation:
    l20-1 0.8s infinite linear alternate,
    l20-2 1.6s infinite linear;
}
@keyframes l20-1{
   0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
   12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
   25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
   50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
   75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
   100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}
@keyframes l20-2{ 
  0%    {transform:scaleY(1)  rotate(0deg)}
  49.99%{transform:scaleY(1)  rotate(135deg)}
  50%   {transform:scaleY(-1) rotate(0deg)}
  100%  {transform:scaleY(-1) rotate(-135deg)}
}

.form-group label{
	font-weight: 500 !important;
}



/*modal*/
.modal-backdrop:nth-child(2){
	z-index: 9999 !important;
}


.modal{
	justify-content: center;
	.select2-results__options{
		max-height: 100px !important;
		overflow-y: auto !important;
	}


}

.modal-footer{
	padding-inline: 0px;
	margin-inline: 16px;
	/*margin-right: 31px; dikomen karena tambah pengambilan roll garisnya tidak lurus, qc tahap 3 ~ fariz - 26/08/24*/
}
.modal.show{
	display: flex !important;
	align-items: center !important;
}
.modal-dialog{
	min-width: 726px;
	height: fit-content;
}
.modal label{
	font-weight: 500 !Important;
}

.modal input[type="checkbox"] ~ label{
	font-weight: 400 !important;
	font-size: 16px;
}
.modal input[type="checkbox"]{
	transform: scale(1.4);
	height: 16px !important;
	width: 16px !important;
}
input[type="text"].autonumeric2{
	text-align: right;
}
input[type="text"].autonumeric0{
	text-align: right;
}
input[type="text"].input-comma{
	text-align: right;
}
input[type="text"].input-nocomma{
	text-align: right;
}
.modal-title{
	font-size: 18px !important;
}
.modal .form-group label{
		font-size: 14px !important;
}
.modal-header{
	padding-bottom: 0.5rem;
}
.modal-body{
	padding-top: 0.5rem;
}
/*table modal*/
.modal{
	.parent-input td:first-child, .parent-input  td:first-child .form-group, .parent-input  td{
		padding-left: 0px;
	}

	.parent-input td:last-child, .parent-input td:last-child .form-group{
		padding-right: 0px;
	}

	.form-group.col-md-9{
		padding-left: .25rem;
	}

	.container{
		padding-left: 4px;
	}
}
.h-group-checkbox{
	height: calc(100% - 10px);
}
.wrap-hak-akses{
	font-size: 14px !important;
	font-weight: 400 !important;
}

.col-hak-akses .parent-label{
	position: relative;
	top: -11px;
	left: 5px;
	width: fit-content;
	background-color: var(--white);
}

.col-hak-akses .form-group{
	padding-left: 20px !important;
}

.col-hak-akses label {
	font-weight: 400 !Important;
	font-size: 14px;
}

.autocapslock::placeholder{
	text-transform: capitalize !important;
}

.select2-selection__rendered{
	padding-left: 0px !important;
}





/*sidebar*/
.main-sidebar:hover .brand-text{
	opacity: 1 !important;
	width: unset !important;
	position: relative !important;
}

i.right{
	transform: rotate(-90deg) !important;

}
.menu-open>.nav-link i.right{
	transform: rotate(90deg) !important;
}



.nav-link:hover{
	color: var(--grey) !important;
}

.nav-link:hover svg path, .nav-link.active svg path, .nav-item:hover svg path{
	fill: var(--main-color) !important;
}

#penyesuaian-stok .nav-link:hover svg path, #penyesuaian-stok .nav-link.active svg path{
	stroke: var(--main-color) !important;
	fill: unset !important;
}
/*.card-pilih-tampilan.dipilih svg.fill-white path{
	fill: var(--white) !important;
}
.card-pilih-tampilan svg path{
	stroke: var(--grey) !important;
}*/


.btn-delete-komposisi{
	height: 38px;
	cursor: pointer;
}

.btn-delete-komposisi.disabled{
	height: 38px;
	cursor: default;
}

/*form password*/
.show_hide_password{
    top: 20px !important;
}

.th-action {
	width: 14%;
	text-align: center !important;
}

/*swall alert*/
.swal2-popup{
	zoom: 80%;
}
.swal2-confirm, .swal2-cancel{
	min-width: 80px;
}

/*checkbox custom*/
.form-group{
		input[type="checkbox"] {
		  /* Add if not using autoprefixer */
		  -webkit-appearance: none;
		  /* Remove most all native input styles */
		  appearance: none;
		  /* For iOS < 15 */
		  background-color: transparent;
		  /* Not removed via appearance */
		  margin: 0;
		  font: inherit;
		  color: currentColor;
		  width: 1.15em;
		  height: 1.15em;
		  border: 1px solid var(--main-color);
		  border-radius: 0.15em;
		  transform: translateY(-0.075em);
		  display: grid;
		  place-content: center;
		}
		input[type="checkbox"]:checked{
			background-color: var(--main-color) !important;
		}

		input[type="checkbox"]::before {
		  content: "";
		  width: 0.65em;
		  height: 0.65em;
		  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
		  transform: scale(0);
		  transform-origin: bottom left;
		  transition: 120ms transform ease-in-out;
		  box-shadow: inset 1em 1em var(--form-control-color);
		  /* Windows High Contrast Mode */
		  background-color: var(--white);
		}

		input[type="checkbox"]:checked::before {
		  transform: scale(1);
		}

		input[type="checkbox"]:focus {
		  /*outline: max(2px, 0.15em) solid currentColor;*/
		  /*outline-offset: max(2px, 0.15em);*/
		  
		}

		input[type="checkbox"]:disabled {
		  --form-control-color: var(--form-control-disabled);

		  color: var(--form-control-disabled);
		  cursor: not-allowed;
		  background-color: #efefef;
		}
}

.pb-20{
	padding-bottom: 20px;
}

.pb-60{
	padding-bottom: 60px;
}


/*responsive tablet kebawah*/
@media (max-width: 991px){
	/*modal*/
	.modal-dialog{
		min-width: unset;
	}

	th{
		text-wrap: nowrap;
	}

	.table-add{
		tbody{
			/*border-bottom: 1px solid var(--grey-old-border-color) !important;*/
			td, td ~ td, td ~ td ~ td {
				width: 10%;
			}
			td:first-child{
				width: 100px;
				/*max-width: 100px;
				min-width: 100px;*/
			}
		}
	}
	[id^="PenyesuaianStokModal"] table td:not(:nth-child(1)) {
		width: 33% !Important;
	}
	[id^="PenyesuaianStokModal2"] table td:not(:nth-child(1)) {
		width: 25% !Important;
	}

}

@media (max-width: 575px){
	.modal .container{
		/*max-width: 535px;*/
		position: relative;
		.table-responsive{
			position: absolute;
			width: 97%;
		}
	}

	.sm-none{
		display: none;
	}
}

@media (max-width: 430px){
	[id^="PenyesuaianStokModal"] table td:not(:nth-child(1)) {
		width: 36% !Important;
	}
	[id^="PenyesuaianStokModal2"] table td:not(:nth-child(1)) {
		width: 25% !Important;
	}

}

.select-item{
 padding-left: 0px !important;
}

table.dataTable thead>tr>th.dt-orderable-asc, table.dataTable thead>tr>th.dt-orderable-desc, table.dataTable thead>tr>th.dt-ordering-asc, table.dataTable thead>tr>th.dt-ordering-desc, table.dataTable thead>tr>td.dt-orderable-asc, table.dataTable thead>tr>td.dt-orderable-desc, table.dataTable thead>tr>td.dt-ordering-asc, table.dataTable thead>tr>td.dt-ordering-desc{
	padding-right: 8px;
}

.w-50{
	width: 49% !Important;
}

.w-12{
	width: 12% !Important;
}
.div.dt-container{
	max-width: 800px;
	margin: 0 auto;
}

/*.table-responsive{
	max-width: 100px;
}*/

.label-proses{
	color: #F1A50B;
	text-align: center;
	display: block;
	width: 60px;
	border-radius: 5px;
	border: 1px solid #F1A50B;
	font-weight: 600;
	font-size: 12px;
}

.label-selesai{
	color: #51C315;
	text-align: center;
	display: block;
	width: 60px;
	border-radius: 5px;
	border: 1px solid #51C315;
	font-weight: 600;
	font-size: 12px;
}

.label-dipacking{
	color: var(--label-blue);
	text-align: center;
	display: block;
	padding: 2px 7px;
	border-radius: 5px;
	border: 1px solid var(--label-blue);
	font-weight: 600;
	font-size: 12px;
}
.h-38{
	height: 38px;
}

/*harga jual*/
.harga-input-td{
	width: 90px;
}
.btn-tambah-input{
	min-width: unset !important;
}
.btn-tambah-input:disabled,.btn-scan-qr:disabled{
	background-color: var(--grey) !important;
	border-color: var(--grey) !important;
}

/*dasboard*/
input[type="radio"]{
	accent-color: var(--radio-color) !important;
}

[id^="PenyesuaianStokModal"] table td:not(:nth-child(1)) {
	width: 25%;

}
#PenyesuaianStokModal	.select2-dropdown--above {
	/*margin-left: 8.5px;*/
}

.select2-container--disabled .select2-selection__arrow{
	display: none;
}

.modal-title.fc-primary {
	color: #5E60DA !important;
}

/*calendar*/
.input-group.for-date > .datepicker:not(.disabled), .input-group.for-date > span.img-calendar:not(.disabled){
	background-color: #fff;
}
.input-group.for-date > .datepicker{
	border-right: unset !important;
}
.input-group.for-date > .datepicker.disabled{
	border-right: unset !important;
}

.input-group.for-date > span.img-calendar.disabled{
	background-color: var(--bs-secondary-bg);
}

.text-primary{
	color: #5E60DA !important;
}

.table-responsive .justify-content-md-center {
	overflow: auto;
}

.datepicker {
	padding: 10px !important;
}

/*scan qr code*/
	#modal-qr{
		z-index: 10000;
		
	}



/*jenis plastik*/
@media (max-width: 991px){

	.img-calendar{
		border: 1px solid #ced4da;
	}
	.parent-jenis-plastik{
		/*text-align: end;
		.btn-tambah{
			margin-top:15px
		}*/
		display: flex;
		justify-content: end;
		width: 50%;
		gap: 10px;
		flex-wrap: wrap;
	}

	.modal{
		.parent-input td:first-child, .parent-input  td:first-child .form-group, .parent-input  td{
			padding-left: 0px;
		}

		.parent-input td:last-child, .parent-input td:last-child .form-group{
			padding-right: 0px;
		}

		.form-group.col-md-9{
			padding-left: 12px;
		}
		.container{
			padding: 0px;
			padding-left: 4px;
		}
	}

	/*scan qr code*/
	#modal-qr{
		z-index: 10000;
		.modal-dialog{
			width: 100%;
		}
		#qr-canvas{
			/*height: 442px !important;*/
			/*height: 842px !important;*/
		}
	}
	.modal-backdrop ~ .modal-backdrop{
		z-index: 9999;
	}
}

@media (max-width: 480px){
	.text-card-pilih-tampilan{
		font-size: 10px;
	}
}

.sidebar{
	max-height: 90vh;
	overflow-y: auto;
}

/*border*/
.border-top{
	border-top: 1px solid !Important;
}
.border-bottom{
	border-bottom: 1px solid !Important;
}
.border-grey{
	border-color: var(--grey-border-color) !important;
}

.border-grey-old{
	border-color: var(--grey-old-border-color) !important;
}


.bg-grey-2{
	background-color: var(--grey1) !important;
}

/*table-list-bukti*/
.table-list-bukti{
	border-bottom: unset !important ;
	td{
		vertical-align: middle;
	}
	input[type="checkbox"]:not(input[type="checkbox"]:checked){
		border-color: var(--grey-old-border-color);
	}
}

#modal-tambah-list-bukti{
	.modal-dialog, .modal-content{
		max-width: 370px;
	}
	.modal-dialog{
		justify-content: center;
	}
}

.w-fit-content{
	width: fit-content;
}

.parent-button{
	button{
		height: fit-content;
		display: flex;
		justify-content: center;
		min-width: fit-content !important;
	}
}

/*style laporan*/
.table-laporan{
		/*border: 1px solid #5e60da;*/
		border-collapse: separate;
		border-spacing: 0;
	}
	.table-laporan th{
		background-color: #e0e1fb;
		padding: 5px 15px;
		border-top: 1px solid #5e60da;
		border-bottom: 1px solid #5e60da;
		font-weight: 500;
	}
	.table-laporan th.pink{
		background-color: #FFD1EA;
		border: 1px solid #FE6689 !important;
	}
	.table-laporan td{
		padding: 5px 15px;
		font-weight: 400;
	}
	.table-laporan td.total{
		padding-left: 15px;
		font-weight: 500;
		padding-right: 15px;
	}

	/*for corner border*/
	.table-laporan tr:last-child td{
		border-bottom: 1px solid #5e60da !important;
	}
	.table-laporan tr th:first-child{
		border-right: 1px solid #5e60da;
		border-left: 1px solid #5e60da;
	}
	.table-laporan tr td:first-child{
		border-left: 1px solid #5e60da;
	}
	.table-laporan tr td:last-child{
		border-right: 1px solid #5e60da;
	}
	.table-laporan tr:first-child th:first-child{
		border-top-left-radius: 5px;
	}
	.table-laporan tr:first-child th:last-child{
		border-top-right-radius: 5px;
	}
	.table-laporan tr:last-child td:first-child{
		border-bottom-left-radius: 5px;
	}
	.table-laporan tr:last-child td:last-child{
		border-bottom-right-radius: 5px;
	}