/* Halaman Login */
.login-content {
    position: relative;
}
.login-content form a.btn {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: #81f32d;
    font-size: 16px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    overflow: hidden;
    transition: .5s;
    margin-top: 40px;
    letter-spacing: 4px;
  }
  
  .login-content a.btn:hover {
    background: #81f32d;
    color: rgb(11, 31, 20);
    border-radius: 5px;
    box-shadow: 0 0 5px #81f32d,
                0 0 25px #81f32d,
                0 0 50px #81f32d,
                0 0 100px #81f32d;
    border-color: #ffffff;
  }
  
  .login-content a.btn span {
    position: absolute;
    display: block;
  }
  
  .login-content a.btn span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #81f32d);
    animation: btn-anim1 1s linear infinite;
  }
  
  @keyframes btn-anim1 {
    0% {
      left: -100%;
    }
    50%,100% {
      left: 100%;
    }
  }
  
  .login-content a.btn span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #81f32d);
    animation: btn-anim2 1s linear infinite;
    animation-delay: .25s;
  }
  
  @keyframes btn-anim2 {
    0% {
      top: -100%;
    }
    50%,100% {
      top: 100%;
    }
  }
  
  .login-content a.btn span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #81f32d);
    animation: btn-anim3 1s linear infinite;
    animation-delay: .5s;
  }
  
  @keyframes btn-anim3 {
    0% {
      right: -100%;
    }
    50%,100% {
      right: 100%;
    }
  }
  
  .login-content a.btn span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #81f32d);
    animation: btn-anim4 1s linear infinite;
    animation-delay: .75s;
  }
  
  @keyframes btn-anim4 {
    0% {
      bottom: -100%;
    }
    50%,100% {
      bottom: 100%;
    }
  }
/* Halaman Login - End */

/* Profil n Produk */
.profile .profile-img {
    height: 12.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
    z-index: 10;
    background-size: cover;
    background-position: center;
}
.produk_lainnya .produk_gbr {
    width: 30px;
    height: 30px;
    overflow: hidden;
    z-index: 10;
    background-size: cover!important;
    background-position: center!important;
    border-radius: 100%!important;
}
.produk_nama {
    font-size: 0.875rem;
    line-height: 1.2;
}
.profile.timbangan .profile-tab .nav-item .nav-link .nav-value {
    font-size: 1.7rem;
}
.profile.timbangan .profile-tab .nav-item .nav-link .nav-value .fw-lighter {
    font-size: 1rem;
}
.profile .profile-tab.field_left .nav-item .nav-link .nav-field {
    text-align: left;
}
.supplier_kontak {
    margin-bottom: 0.5rem;
}
.supplier_kontak .d-inline-flex .variabel {
    margin-right: .5rem;
}
.supplier_info .live .foto img {
    max-width: 100%;
}
/* Profil n Produk - End */

/* Bootstrap Modif */
.form-control.bg_dark {
    background-color: rgb(0 0 0 / 29%);
}
/* Bootstrap Modif - End */

/* Typehead (AutoComplete) Modif */
body .typeahead__container .typeahead__field .typeahead__query input {
    min-height: calc(1.5em + 0.75rem + 2px);
}
.typeahead__cancel-button {
    z-index: 10;
    font-size: 1.4em;
    top: -3px;
}
.typeahead__query .form-control {
    padding-right: 1.8rem!important;
}
.typeahead__query .form-control.rounded {
    border-radius:;
}
.table>:not(caption)>*>.typeahead__container {
    padding-left: 0!important;
    padding-right: 0!important;
}
.typeahead__container.bg_dark {
    background-color: transparent!important;
}
.typeahead__container.bg_dark .typeahead__field {
    background-color: transparent!important;
}
.typeahead__container.bg_dark .typeahead__field .typeahead__query{
    background-color: transparent!important);
}
body .typeahead__container.bg_dark .typeahead__field .typeahead__query input {
    background-color: rgb(0 0 0 / 40%);
}
.typeahead__container.hint .typeahead__query>:last-child, .typeahead__hint {
    background: transparent!important;
    padding-left: 3.3rem!important;
}
.typeahead__container.bg_dark .typeahead__filter .typeahead__filter-button {
    background-color: #ffffff29;
    border: 1px solid #fff3;
    color: #fff;
}
.typeahead__container.bg_dark .typeahead__filter .typeahead__dropdown {
    background: #4a545e;
    border-color: rgb(255 255 255 / 33%);
}
.typeahead__container.bg_dark .typeahead__filter .typeahead__dropdown-item > a {
    background: #4a545e;
    border-color: rgb(255 255 255 / 33%);
    color: #ffffff96;
    padding-top: 0;
    padding-bottom: 0;
}
.typeahead__container.bg_dark .typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:hover {
    background-color: #4a545e;
    color: #ffffff;
}
.typeahead__container.bg_dark .typeahead__dropdown li:last-child {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px rgb(255 255 255 / 33%);
}
.typeahead__container.bg_dark .typeahead__list.empty>li {
    color: #ff8c8c!important;
}
.typeahead__container.bg_dark .typeahead__list>.typeahead__group.active>a, 
.typeahead__container.bg_dark .typeahead__list>.typeahead__group>a, 
.typeahead__container.bg_dark .typeahead__list>.typeahead__group>a:focus, 
.typeahead__container.bg_dark .typeahead__list>.typeahead__group>a:hover {
    color: rgb(129 243 45 / 73%);
    background: rgb(236 245 252 / 21%);
    font-weight: 300;
}
.typeahead__container.bg_dark .typeahead__list>.typeahead__group:first-child,
.typeahead__container.bg_dark .typeahead__list>li.typeahead__group+li.typeahead__item {
    border-top: solid 1px rgb(191 222 246 / 58%);
}
.typeahead__container.use_filter .typeahead__list .typeahead__item {
    padding-left: 1rem;
}
body .typeahead__container.small .typeahead__result .typeahead__list .typeahead__item>a {
    font-size: .875em;
}
/* Typehead (AutoComplete) Modif - End */

/* Select Picker */
body .picker>.pc-element {
    padding: 0rem 0.625rem!important;
    background: rgb(255 255 255 / 14%)!important;
    color: rgb(255 255 255)!important;
    border-radius: 0!important;
}
.bg_dark .picker {
    background-color: rgb(0 0 0 / 29%);
}
/* Select Picker - End */

/* Tabel dari Jurnal.id */
.report-table .report-subheader.show-noindent,
.report-header.report-subheader-noindent,
.report-table .grand-total,
.report-table .activity-header {
    color: #ffffff;
	font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
	padding-top: 1.3rem;
    background: hwb(0deg 100% 0% / 9%);
	text-indent: 0;
}
.report-table .grand-total {
    color: #ffffff;
	font-weight: 300;
    font-size: 0.9rem;
    text-transform: uppercase;
	padding-bottom: 1.3rem;
    background: rgba(255, 255, 255, 0.027);
}
.report-subtotal {
    color: #ffffff;
}
.report-subtotal .regular-text.sub-total,
.report-subtotal.text-right.regular-text {
    text-indent: 2rem;
	text-align: right;
}
.report-subheader {
    text-indent: 2rem;
}
.report-data.data-col-half {
    opacity: .5;
}
.report-data.data-col-half:hover {
    opacity: 1;
}
.report-data.data-col-half.text-left {
    text-indent: 4em;
}
table.report-table td a,
table.daftar_akun td a,
table.pengaturan_aset a {
	pointer-events: none;
}
.report-table tbody td, .report-table tbody th {
    white-space: nowrap;
}
.report-table .text-right {
	text-align: right;
}
table.buku_besar td.description {
    white-space: inherit;
    font-size: .7rem;
}
.report-data.data-col-1 {
    text-indent: 3em;
}
table.neraca .report-subtotal:not(.text-right) {
	text-indent: 3.5em !important;
}
/* Tabel dari Jurnal.id - End */

/* Header */
.app-header .brand {
	width: 14.25rem;
}
@media (max-width: 767.98px) {
	.app-header .brand {
		display: flex;
		width: 8rem;
	    padding: 0;
	}
	.app-header .brand .brand-logo {
		display: flex;
	}
	.app-header .brand .brand-logo .brand-img {
		width: 1.4rem;
		height: 1.4rem;
	    margin-right: 0.5rem;
	}
	.app-header .brand .brand-logo .brand-img .brand-img-text {
		font-weight: 500;
		font-size: 0.8rem;
	}
	.app-header .brand .brand-logo {
		font-weight: 500;
		font-size: .8rem;
		letter-spacing: 1px;
	}
}
/* Header - End */

/* Background */
html:before {
	display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -5;
    background: linear-gradient(180deg,rgba(50,70,80,.9) 0,#0d101b 100%);
}
body:before {
    position: fixed;
    height: 100%;
    background-color: transparent;
    background-image: url(images/pattern.png);
    background-size: 4.6875rem;
    background-repeat: repeat;
    background-attachment: initial;
    z-index: -5;
    background: linear-gradient(180deg,rgba(50,70,80,.9) 0,#0d101b 100%);
	background: linear-gradient(180deg,rgb(50 70 80 / 86%) 0,#0d101b 100%);
}
/* Background - End */

/* Umum */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
sup.sup_small {
    top: -1em;
    font-weight: 100;
    font-size: .5em;
}
.mr-1 {
    margin-right: .25rem!important;
}
.mr-2 {
    margin-right: .5rem!important;
}
.mr-3 {
    margin-right: 1rem!important;
}
.mr-4 {
    margin-right: 1.5rem!important;
}
.mr-5 {
    margin-right: 3rem!important;
}
.ml-1 {
    margin-left: .25rem!important;
}
.ml-2 {
    margin-left: .5rem!important;
}
.ml-3 {
    margin-left: 1rem!important;
}
.ml-4 {
    margin-left: 1.5rem!important;
}
.ml-5 {
    margin-left: 3rem!important;
}
/* Umum - End */

/* Umum > Mobile */
@media (min-width: 1200px) {
	.h3, h3 {
		font-size: 1.5rem;
	}
}
/* Umum > Mobile - End */

/* Tambahan */
.clear {
    clear: both!important;
    width: 100%!important;
}
.crsor-point:hover {
    cursor: pointer!important;
}
.no_underline a, 
a.no_underline, 
.link_white a,
a.link_white,
table td a {
	text-decoration: none!important;
}
.link_white a,
a.link_white {
	color: #ffffff;
}
.link_white.opc-50 a,
a.link_white.opc-50 {
	color: rgba(255, 255, 255, 0.5);
}
.link_white.opc-75 a,
a.link_white.opc-75 {
	color: rgba(255, 255, 255, 0.75);
}
.link_white a:hover,
a.link_white:hover,
.link_white a:hover,
a.link_white:hover {
	color: #81f32d;
}
.app-header .quick_menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
	opacity: 0.7;
}
.app-header .quick_menu:hover{
    opacity: 1;
}
.app-header .quick_menu a {
    font-weight: 400;
}
.perusahaan_nama {
	color: #ffffff;
}
.username, .username a {
	color: #ffffffa6;
}
.zindex {
    position: relative;
}
.zindex.zindex-100 {
    z-index: 100!important;
}
.zindex.zindex-110 {
    z-index: 110!important;
}
.zindex.zindex-120 {
    z-index: 120!important;
}
.zindex.zindex-130 {
    z-index: 130!important;
}
.zindex.zindex-140 {
    z-index: 140!important;
}
.zindex.zindex-150 {
    z-index: 150!important;
}
.zindex.zindex-999 {
    z-index: 999!important;
}
.zindex.zindex-9999 {
    z-index: 9999!important;
}
.bg-opacity-01 {
    --bs-bg-opacity: 0.01;
}
.bg-opacity-02 {
    --bs-bg-opacity: 0.02;
}
.bg-opacity-03 {
    --bs-bg-opacity: 0.03;
}
.bg-opacity-04 {
    --bs-bg-opacity: 0.04;
}
.bg-opacity-05 {
    --bs-bg-opacity: 0.05;
}
.f_l {
    float: left!important;
}
.f_r, .f_r_lg {
    float: right!important;
}
.t_l {
    text-align: left!important;
}
.t_r, .t_r_lg {
    text-align: right!important;
}
@media (max-width: 1200px) {
	.f_r_lg {
        float: none!important;
    }
    .t_r_lg {
        text-align: left!important;
    }
}
/* Tambahan - End */

/* Modif Tabel */
.table td {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.form-control {
    padding: 0.375rem 0.75rem!important;
}
.form-select {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem!important;
}
.form-control.small,
.form-select.small {
    font-size: .75rem;
}
/* Modif Tabel - End */

/* ApexChart */
.apexcharts-tooltip {
    background: #101c24d8;
    color: #ffffff;
}
/* ApexChart - End */

/* Menu Sidebar > Kiri */
.app-sidebar {
    width: 15.875rem;
}
@media (min-width: 767.99px) {
	.app-content {
		flex: 1;
		margin-left: 15.875rem;
	}
}
/* Menu Sidebar > Kiri - End */

/* Biaya Operasional > Dashboard  */
.biaya_ops_wrapper .akun a {
	text-decoration: none;
}
/* Biaya Operasional > Dashboard - End */

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
  	display: none!important;
}
/* Hide scrollbar for IE, Edge and Firefox */
body {
  	-ms-overflow-style: none!important;  /* IE and Edge */
  	scrollbar-width: none!important;  /* Firefox */
}