@import url(spinners.css);
@import url(select2.css);
@import url(jquery-confirm.css);
:root {
	--color-theme: #C8B01B;
	--color-dark: #272A30;
	--color-light: #DDD;
	--color-black: #222;
	--color-white: #EEE;
	--color-red: #D2322D;
	--trans-dark: rgba(39, 42, 48, 0.9);
}
html, body {
    background: #CCC !important;
}
.center-sign a.logo {
	font-size: 30px; 
	font-weight: bold !important; 
	padding-left: 10px !important;
	text-shadow: 0 0 3px var(--color-red), 0 0 5px #252831 !important;
}
.center-sign a {
	margin-top: 35px !important;
	color: #C8B01B !important;
}
.btn-yth {
	background-color: var(--color-theme) !important;
	border: 1px solid var(--color-theme) !important;
	border-color: var(--color-theme) !important;
	color: white !important;
}
.btn-ico {
	padding: 9px 13px !important;
}
.btn-yth:disabled {
	border: 1px solid var(--color-theme) !important;
}
.btn-yth:focus,
.btn-yth:active,
.btn-yth:hover {
	border: 1px solid var(--color-theme) !important;
	border-color: var(--color-theme) !important;
}
.bglogin{
  background: url('../img/bag.jpg') no-repeat center center fixed !important;
}
header.header {
	background: var(--color-dark) !important;
	height: 60px !important;
}
.header .logo-container {
	background: var(--color-dark) !important;
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: 0px 4px 30px 2px rgba(34, 34, 34, 0.6) !important;
	height: 60px !important;
	line-height: 60px !important;
}
.sidebar-left-opened .header .logo-container {
	box-shadow: none !important;
	border-bottom: 1px solid #222 !important;
}
.header .logo-container .logo {
	color: var(--color-theme) !important;
	font-size: 21px !important;
	font-weight: bold !important;
	text-shadow: none !important;
	padding-left: 10px !important;
	margin-left: 65px !important;
	margin-top: 1px !important;
}
.header .toggle-sidebar-right {
	background: none !important;
	border-radius: 100px;
	color: var(--color-light) !important;
	font-size: 21px !important;
	height: 50px;
	width: 50px;
	line-height: 51px;
	position: absolute;
	left: 13px;
	text-align: center;
	top: 4px;
}
.header .toggle-sidebar-left {
	background: none !important;
	color: var(--color-light) !important;
	font-size: 19px !important;
	line-height: 40px !important;
}
.header .toggle-sidebar-right:active,
.header .toggle-sidebar-left .dropdown-toggle:active,
.header .toggle-sidebar-left .dropdown-toggle:focus {
	background: var(--color-black) !important;
}
.sidebar-left-opened .header .toggle-sidebar-right,
.header .toggle-sidebar-left .dropdown.open .dropdown-toggle {
	/* background: var(--color-black) !important; */
	color: var(--color-theme) !important;
}
.header .toggle-sidebar-left {
	width: auto !important;
	top: 0px !important;
	right: 12px !important;
}
.header .toggle-sidebar-left .dropdown {
	position: relative !important;
	display: inline-block !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
	margin-top: 6px !important;
}
.header .toggle-sidebar-left .dropdown .dropdown-toggle {
	padding: 4px 16px !important;
	margin: 0px !important;
	border-radius: 50% !important;
}
.header .toggle-sidebar-left .dropdown .dropdown-toggle i {
	margin-left: -1px !important;
}
.header .toggle-sidebar-left .dropdown-menu {
	margin-top: 7px !important;
	padding: 5px 0px !important;
	min-width: 115px !important;
	background: var(--color-dark) !important;
}
.header .toggle-sidebar-left .dropdown-menu-notif {
	min-width: 200px !important;
	max-height: 500px !important;
	overflow-y: scroll;
}
.header .toggle-sidebar-left .dropdown-menu .divider {
	margin: 2px 0px !important;
	background-color: var(--color-black) !important;
}
.header .toggle-sidebar-left .dropdown-menu li.dropdown-item a {
	padding: 11px 0px 11px 20px !important;
	color: var(--color-light) !important;
}
.header .toggle-sidebar-left .dropdown-menu li.dropdown-last a {
	padding: 11px 20px !important;
}
.header .toggle-sidebar-left .dropdown-menu li.dropdown-item a:active,
.header .toggle-sidebar-left .dropdown-menu li.dropdown-item a:focus {
	background: var(--color-black) !important;
	color: var(--color-theme) !important;
}
.header .toggle-sidebar-left .dropdown .badge {
	position: absolute !important;
	font-size: 9px !important;
	left: 22px !important;
	top: 10px !important;
	background-color: #D2322D !important;
	min-width: 8px !important;
	padding: 3px 5px !important;
}
.sidebar-right {
	padding-bottom: 0px !important;
}
.sidebar-left {
	box-shadow: none !important;
}
.sidebar-left nav ul.nav.nav-main {
	padding-bottom: 40px !important;
}
ul.nav-main > li > a {
	padding: 20px 25px !important;
	font-size: 1.9rem !important;
}
.nav-item li a {
	padding-left: 45px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	font-size: 1.7rem !important;
}
.nav-item li:last-child a {
	margin-bottom: 6px !important;
}
ul.nav-main > li > a:active,
ul.nav-main > li > a:focus,
.nav-item li a:active,
.nav-item li a:focus {
	background: var(--color-black) !important;
	color: var(--color-theme) !important;
}
.body-sign .panel-sign .panel-title-sign .title {
	background-color: var(--color-theme) !important;
}
.body-sign .panel-sign .panel-body {
	border-top: 5px solid var(--color-theme) !important;
}
.panel-sign .panel-body {
	padding-bottom: 40px !important;
}
.content-body .panel-table {
	margin-top: 0px !important;
}
.content-body .panel-table .panel-title-table .title {
	background-color: var(--color-dark) !important;
	border-radius: 5px 5px 0 0 !important;
	color: var(--color-theme) !important;
	display: inline-block !important;
	font-weight: bold !important;
	letter-spacing: 1px !important;
	font-size: 1.2rem !important;
	line-height: 10px !important;
	padding: 15px 20px 9px 15px !important;
	vertical-align: bottom !important;
}

.content-body .panel-table .panel-body {
	background: var(--color-white) !important;
	border-top: 5px solid var(--color-dark) !important;
	border-radius: 0px 0 5px 5px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.content-body .panel-table .panel-footer {
	background-color: var(--color-white) !important;
}
table .btn-group {
	float: right !important;
}
button.dropdown-toggle span {
	vertical-align: middle !important;
}
ul.dropdown-menu.dropdown-action {
	min-width: 70px !important;
	background-color: var(--color-dark) !important;
	padding-bottom: 12px !important;
	padding-top: 10px !important;
}
ul.dropdown-menu.dropdown-action li a {
	color: var(--color-light) !important;
	font-weight: bold !important;
	font-size: 1.2em !important;
	padding-top: 7px;
	padding-bottom: 7px;
}

ul.dropdown-menu.dropdown-action li a.text-danger {
	color: var(--color-red) !important;
}
ul.dropdown-menu.dropdown-action li a:active {
	background: var(--color-black) !important;
}
.panel-body .group-action {
	display: flex !important;
	justify-content: center !important;
}
.text-break { 
	text-wrap: wrap !important;
	overflow-wrap: break-word !important;
	word-wrap: break-word !important; 
	width: auto;
	max-width: auto;
}
.panel-body .btn-special {
	position: absolute;
	top: 1px !important;
	right: 10px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background: var(--color-dark);
	border: 1px solid var(--color-dark);
	color: var(--color-light);
}
.panel-body .btn-special:active {
	background: black !important;
	border: 1px solid var(--color-dark) !important;
	color: var(--color-theme) !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="currency"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {   
  border-color: rgba(200, 176, 27, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(200, 176, 27, 0.6) !important;
  outline: 0 none !important;
}

/** DATATABLES */
.dataTables_wrapper table thead tr th {
	background: var(--color-dark) !important;
}
.dataTables_wrapper table .dataTables_empty {
	padding: 30px 0 !important;
	color: var(--color-red) !important;
}
.dataTables_wrapper .dataTables_length label {
  display: none;
}
.dataTables_wrapper .row:first-child .pull-right  {
	width: 100% !important;
	float: inline-start !important;
}
.dataTables_wrapper .dataTables_filter input {
	border: 1px solid var(--color-dark);
	padding: 5px 10px 5px 15px;
}
.dataTables_wrapper .dataTables_info {
	padding: 0px;
	padding-top: 0px !important;
}
.dataTables_wrapper .dataTables_paginate .pagination {
	padding: 0px !important;
	margin: 0px !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .active a {
	background-color: var(--color-theme) !important;
  /* border: 1px solid var(--color-theme) !important; */
	border: none !important;
  color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .pagination li a {
	color: var(--color-dark) !important;
}
.dataTables_wrapper .dataTables_paginate .pagination .disabled a {
  color: var(--color-light) !important;
}
.dataTables_wrapper table thead tr th:first-child {
	max-width: 35px !important;
	min-width: 35px !important;
	width: 35px !important;
	text-align: center !important;
	/* padding-left: 15px !important; */
}
.dataTables_wrapper .table-trans thead tr th:last-child {
	max-width: 35px !important;
	min-width: 35px !important;
	width: 35px !important;
}

/* .dataTables_wrapper table#table_persediaan thead tr th:first-child, */
/* .dataTables_wrapper table#table_persediaan tbody tr td:first-child, */
.dataTables_wrapper table.width-unset thead tr th:first-child,
.dataTables_wrapper table.width-unset tbody tr td:first-child {
	max-width: unset !important;
	min-width: unset !important;
	width: unset !important;
}

.dataTables_wrapper .table-trans tr th:last-child {
	max-width: auto !important;
	width: auto !important;
}
.dataTables_wrapper .table-trans tr th.center,
.dataTables_wrapper .table-trans tr td.center {
	text-align: center !important;
}
.dataTables_wrapper .table-trans tr th.right,
.dataTables_wrapper .table-trans tr td.right {
	text-align: right !important;
}


.dataTables_wrapper table thead tr th {
	padding: 6px 7px !important;
}
.dataTables_wrapper table thead tr th::before,
.dataTables_wrapper table thead tr th::after {
	content: none !important;
}
.dataTables_wrapper table tbody tr td:first-child {
	text-align: center !important;
}
.dataTables_wrapper table { width: 100% !important;}
.dataTables_wrapper table tbody tr td {
	vertical-align: top !important;
	cursor: default !important;
	/* overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 0 !important; */
}
.dataTables_wrapper table#table_dompet tbody tr td {
	vertical-align: top !important;
}
.dataTables_wrapper .dataTables_processing {
	top: 80px !important;
	font-weight: bold;
	left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 100px;
	position: absolute !important;
	background: var(--color-theme) !important;
	z-index: 9 !important;
}

.dataTables_wrapper table.row-click tbody tr:active,
.dataTables_wrapper table.row-click tbody tr:focus {
	background: rgba(200, 176, 27, 0.3);
}
.dataTables_wrapper table.row-click tbody tr:active td.dataTables_empty {
	background: #F5F5F5 !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
	float: none !important;
	text-align: center;
}
.dataTables_wrapper .dataTables_length { margin-bottom: 0px !important; }
.dataTables_wrapper .dataTables_info { margin-bottom: 10px !important; }
.dataTables_wrapper .table { 
	margin-bottom: 10px !important; 
}
.dataTables_wrapper .table tr th,
.dataTables_wrapper .table tr td {
	padding: 13px 6px !important;
}
.dataTables_wrapper .table tr th.sorting:active,
.dataTables_wrapper .table tr th.sorting_asc:active,
.dataTables_wrapper .table tr th.sorting_desc:active {
	background: black !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.sorting:active,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.sorting_asc:active,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th.sorting_desc:active
{
	background: rgb(249, 249, 249) !important;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody,
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.table {
	padding: 0 !important;
	margin: 0 !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner {
	border-bottom: none !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
	min-height: 120px !important;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead {
	line-height: 0px !important;
	height: 0px !important;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollBody table thead tr th {
	height: 0px !important;
	background: #F9F9F9 !important;
	padding: 1px 10px !important;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead table thead tr th {
	border-bottom: none !important;
}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead table thead tr th {
	border-bottom-width: 0px !important;
	padding: 8px 10px !important;
}
.dataTables_wrapper .dataTables_info#table_detail_info {
	margin-top: 10px !important;
}
.dataTables_wrapper .dataTables_scroll {
	border: 1px solid rgb(228, 228, 228) !important;
}
.dataTables_wrapper .dataTables_filter label {
	float: left !important;
}




/* MODAL */
.modal {
	margin-top: 60px !important;
}
.modal .panel-yth {
	margin-bottom: 0px;
}
.modal .panel-yth .panel-heading {
	background: var(--color-dark);
}
.modal .panel-yth .panel-heading .panel-title {
	color: var(--color-theme);
	font-weight: bold;
}
.modal .panel-yth .panel-body {
	padding-bottom: 30px;
}
.modal .panel-yth .panel-footer {
	padding-bottom: 20px;
}
.modal#hapusData .panel-yth .panel-heading,
.modal#resetUser .panel-yth .panel-heading {
	background: var(--color-red) !important;
}
.modal.bootbox-confirm .modal-header,
.modal.bootbox-confirm .modal-header h5 {
	background: var(--color-red) !important;
	color: var(--color-light) !important;
	font-weight: bold !important;
	letter-spacing: -1px !important;
	font-size: 2rem !important;
	padding: 7px !important;
	border-radius: 5px 5px 0 0 !important;
}
.modal#hapusData .panel-yth .panel-heading .panel-title,
.modal#resetUser .panel-yth .panel-heading .panel-title {
	color: var(--color-light);
	font-weight: bold;
}
.modal#hapusData .panel-yth .panel-body {
	padding-top: 10px;
	padding-bottom: 15px;
}
.modal#hapusData .modal-icon i {
	color: var(--color-red);
}
.modal#hapusData .modal-text {
	padding-top: 2px !important;
}
.modal#hapusData .modal-text h5 {
	line-height: 20px !important;
}




#toast-container.toast-top-center {
	top: 10px !important;
}
#toast-container .toast-close-button {
	font-size: 21px !important;
}
#toast-container > div {
	opacity: 0.9 !important;
}
small.form-error {
	color: var(--color-red) !important;
}


.preloader {
  width: 100% !important;
  height: 100% !important;
  top: 0px !important;
  position: fixed !important;
  z-index: 99999 !important;
  background: var(--trans-dark) !important;
}
.preloader .cssload-speeding-wheel {
  position: absolute !important;
  top: calc(46.5%) !important;
  left: calc(46.5%) !important;
}
.circular {
	top: -300px !important;
}
a {
	text-decoration: none !important;
}

button#html5-qrcode-button-camera-start,
button#html5-qrcode-button-camera-stop,
button#html5-qrcode-button-camera-permission,
button#html5-qrcode-button-file-selection {
	margin-bottom: 0 !important;
	font-weight: normal !important;
	text-align: center !important;
	vertical-align: middle !important;
	touch-action: manipulation !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	padding: 6px 14px !important;
	font-size: 14px !important;
	line-height: 1.42857143 !important;
	border-radius: 4px !important;
	background-color: var(--color-theme) !important;
	border: 1px solid var(--color-theme) !important;
	border-color: var(--color-theme) !important;
	color: white !important;
	margin-bottom: 10px !important;
}
span#html5-qrcode-anchor-scan-type-change {
	color: var(--color-dark) !important;
}
video#qrScanner {
	transform: scaleX(-100%) !important;
}

form#tambah_barang input#kode_barang {
	padding: 18px 12px !important;
	line-height: 1.8rem !important;
}



.inner-body.mg-main .panel-body {
	background: #EEE !important;
}
.panel-featured-primary .widget-summary .summary-icon.bg-primary {
	background: var(--color-dark) !important;
	color: var(--color-theme) !important;
	height: 70px !important;
	width: 70px !important;
	line-height: 70px !important;
	font-size: 3.8rem !important;
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.panel-featured-primary .widget-summary .summary-icon i {
	margin-left: 0 !important
}
.panel-featured-primary .widget-summary {
	width: unset !important;
	display: inline-flex !important;
	margin-top: 15px !important;
}
.panel-featured-primary .widget-summary .widget-summary-col {
	display: block !important;
	width: 100% !important;
}
.panel-featured-primary .widget-summary-col .summary {
	min-height: 40px !important;
}

a.show-pass {
	position: absolute !important;
	top: -28px !important;
	right: 20px !important;
	color: #777 !important;
}
a.show-pass:active,
a.show-pass.passlog:active {
	color: var(--color-theme) !important;
}
a.show-pass.passlog { right: 0px !important; }

.modal .table-detail {
	margin-bottom: 0px !important;
}
.modal .table-detail tr td {
	/* padding: 12px 5px !important; */
	font-size: 14px !important;
}
.modal .table-detail tr td:first-child {
	padding-left: 20px !important;
}
.modal .table-detail tr td:last-child {
	padding-right: 20px !important;
}
.modal .table-detail tr:first-child td {
	padding-top: 15px !important;
}
.modal .table-detail tr:last-child td,
.modal .table-detail tr.lasted td {
	padding-bottom: 30px !important;
}
.modal .panel-body#showDetail {
	padding: 0px !important;
}

.xdebug-var-dump {
	padding-top: 100px !important;
}
.copyright {
	position: absolute !important;
	bottom: 8px !important;
	width: 100% !important;
	height: 75px !important;
	padding-top: 10px !important;
	font-size: 10px !important;
	/* padding-left: 30px !important; */
	text-align: center !important;
	border-top: 1px solid var(--color-black) !important;
	background-color: var(--color-dark) !important;
	/* box-shadow: 0px -4px 30px 2px rgba(34, 34, 34, 0.6) !important; */
	line-height: 18px !important;
}
.shadow-copyright {
	box-shadow: 0px -4px 30px 2px rgba(34, 34, 34, 0.6) !important;
}
.copyright a,
.copyright i {
	color: var(--color-theme) !important;
}


/** NAV FOOTER */
section.body {
	padding-bottom: 45px !important;
}
footer.footer {
	height: 60px !important;
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-dark) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 10px;
	padding-right: 10px;
	box-shadow: 0px -4px 30px 2px rgba(34, 34, 34, 0.4) !important;
}
.footer .item {
	letter-spacing: 0 !important;
	text-align: center !important;
	width: 100% !important;
	height: 56px !important;
	line-height: 1.2em !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	color: var(--color-light) !important;
}
.footer .item .col {
	/* background: grey; */
	line-height: 55px;
	width: 55px;
	border-radius: 50%;
}
.footer .item .col i {
	font-size: 29px;
	position: relative;
	top: 6px;
}
.footer a.item:active .col {
	background: var(--color-black) !important;
	color: var(--color-theme) !important;
}

.footer a.item.active .col {
	color: var(--color-theme) !important;
}
input[type='radio'] { 
	accent-color: #C8B01B !important; 
}

.btn-yth .fa-ellipsis-v {
	font-weight: normal !important;
	top: -2px !important;
	position:  relative !important;
}








/** HIDDEN SCROLLBAR IN MOBILE BROWSER */
body {
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}
section.body {
	position: absolute !important;
	left: 0 !important;
	width: 101% !important;
	top: 0 !important;
	bottom: 0 !important;	
	padding-right: 7px !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
	-ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

#toast-container.toast-top-center {
	top: 70px !important;
}
#toast-container>div {
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	-moz-box-shadow: 0 0 12px rgba(34, 34, 34, 0.6) !important;
	-webkit-box-shadow: 0 0 12px rgba(34, 34, 34, 0.6) !important;
	box-shadow: 0 0 12px rgba(34, 34, 34, 0.6) !important;
}

.btn-filter {
	position: absolute !important;
	right: 30px !important; 
	z-index: 9 !important;
}
.nav.nav-main li a:hover,
.nav.nav-item li a:hover,
.dropdown-menu li a:hover {
	background: var(--color-black) !important;
	color: var(--color-theme) !important;
}
td .btn-yth.dropdown-toggle {
	padding: 5px 10px 3px 10px !important;
}


input#butir,
input#bobot,
input#ayam_bertelur,
input#mdl_ayam_bertelur,
input#mdl_butir,
input#mdl_bobot {
	background: rgba(189, 221, 206, 0.7);
}
input#butir:focus,
input#bobot:focus,
input#ayam_bertelur:focus,
input#mdl_ayam_bertelur:focus,
input#mdl_butir:focus,
input#mdl_bobot:focus {
	background: rgba(189, 221, 206, 0.3);
}
input#butir_retak,
input#bobot_retak,
input#ayam_mati,
input#mdl_butir_retak,
input#mdl_bobot_retak {
	background: rgba(254, 186, 184, 0.7);
}
input#butir_retak:focus,
input#bobot_retak:focus,
input#ayam_mati:focus,
input#mdl_butir_retak:focus,
input#mdl_bobot_retak:focus {
	background: rgba(254, 186, 184, 0.3);
}
.icon-big {
    width: 100%;
    height: 100%;
    font-size: 2.2em;
    min-height: 64px;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.table-detail.table-info tr:first-child td {
	padding-top: 10px !important;
}
.table-detail.table-info tr td {
	padding-top: 5px !important;
	padding-bottom: 3px !important;
}
.content-body .panel-table .panel-title-table .title.hitung {
	position: relative !important;
	padding-bottom: 15px !important;
	float: right !important;
}
.content-body .panel-table .panel-title-table .title.content-right {
	position: relative !important;
	float: right !important;
}
.content-body .panel-table .panel-title-table .title.text-right {
	text-align: right !important;
}
.table-info tr td {
	font-weight: bold !important;
}

.table#table_pengeluaran tr th,
.table#table_persediaan tr th,
.table#table_penjualan tr th {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.table#table_pengeluaran tr td,
.table#table_persediaan tr td,
.table#table_penjualan tr td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.table#table_penjualan tr th:first-child,
.table#table_penjualan tr td:first-child {
	/* width: 10px !important;
	max-width: 10px !important;
	padding-left: 0px !important;
	padding-right: 0px !important; */
}
.img-bordered {
	border-radius: 2px;
	border: 2px solid #D2D6DE !important;
	margin-top: 3px !important;
}
#imageResult {
	max-height: 200px !important;
}
#label_foto_masuk,
#label_foto_pulang {
	max-height: 180px !important;
}
.table-dashboard tr td {
	font-weight: normal !important;
}

/* HELPER */
.fs-01 { font-size: 0.1rem !important; }
.fs-05 { font-size: 0.5rem !important; }
.fs-08 { font-size: 0.8rem !important; }
.fs-09 { font-size: 0.9rem !important; }
.fs-10 { font-size: 1rem !important; }
.fs-11 { font-size: 1.1rem !important; }
.fs-12 { font-size: 1.2rem !important; }
.fs-20 { font-size: 2rem !important; }
.fs-22 { font-size: 2.2rem !important; }
.fs-25 { font-size: 2.5rem !important; }
.fs-40 { font-size: 4rem !important; }

.numb-chart {
	padding: 1px 5px !important;
	border-radius: 10px !important;
	color: white !important;
}
.option-grafik {
	margin-bottom: 10px !important;
	height: 26px;
    padding: 4px 4px 4px 4px;
}
.table-color {
	color: whitesmoke !important;
}
.table-color tr:first-child {
	color: black !important;
}
.table-detail.table-info.table-dashboard tr:first-child td {
	padding-top: 5px !important;
}
.table-detail.table-info.table-dashboard {
	margin-bottom: 5px !important;
}
.form-check-label {
	margin-bottom: 0px !important;
	position: relative !important;
	top: -3px !important;
	margin-left: 4px !important;
}

@media only screen and (max-width: 767px) {
    .content-body {
        padding: 0px 10px 10px 10px !important;
    }
}

.panel-body.panel-table {
	padding: 7px 7px !important;
}
section.body {
    top: -10px !important;
}
.toast-info {
    background-color: var(--color-theme);
}
#toast-container>div {
    opacity: .9;
}

.panel-heading button {
	margin-top: -20px;
	font-size: 15px;
	background: none;
	box-shadow: none !important;
	border: none;
}