/*================================================================================
	Item Name: BKU PENERIMAAN 2019
	Version: 1.0
	Author: biyan
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* custom css */
/*.modal-addjurnal {*/
/*	background: #00000080;*/
/*}*/
/*.modal-open .modal {*/
/*	background: #00000080;*/
/*}*/

.background-popup {
	background: #00000080;
}

.form-group.datepicker .picker {
	top: inherit;
}

.p-a-0 {
	padding: 0px;
}

.p-a-15 {
	padding: 15px;
}

.p-t-0 {
	padding-top: 0;
}

.p-t-15 {
	padding-top: 15px;
}

.p-b-0 {
	padding-bottom: 0;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-r-0 {
	padding-right: 0;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-15 {
	padding-right: 15px;
}

.p-l-0 {
	padding-left: 0;
}

.p-l-15 {
	padding-left: 15px;
}

.p-a-30 {
	padding: 30px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.p-r-30 {
	padding-right: 30px;
}

.p-l-30 {
	padding-left: 30px;
}

.p-t-b-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.p-t-b-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-t-b-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.p-r-l-15 {
	padding-right: 15px;
	padding-left: 15px;
}

.p-t-b-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-r-l-30 {
	padding-right: 30px;
	padding-left: 30px;
}

.m-a-0 {
	margin: 0;
}

.m-a-15 {
	margin: 15px;
}

.m-t-1 {
	margin-top: 1px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-b-5{
	margin-bottom: 5px!important;
}

.m-b-10{
	margin-bottom: 10px!important;
}

.m-b-15 {
	margin-bottom: 15px;
}

.m-r-5 {
	margin-right: 5px;
}

.m-r-15 {
	margin-right: 15px;
}

.m-l-15 {
	margin-left: 15px;
}

.m-a-30 {
	margin: 30px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-b-30 {
	margin-bottom: 30px;
}

.m-r-30 {
	margin-right: 30px;
}

.m-l-30 {
	margin-left: 30px;
}

.m-t-b-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.m-r-l-5 {
	margin-right: 5px;
	margin-left: 5px;
}

.m-r-l-15 {
	margin-right: 15px;
	margin-left: 15px;
}

.m-t-b-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.m-r-l-30 {
	margin-right: 30px;
	margin-left: 30px;
}
.font-12{
	font-size: 12px;
}
.dataTables_wrapper .table-checkable tr th, .dataTables_wrapper .table-checkable tr td {
    padding: 10px;
}
.main-menu.menu-light .navigation > li .active > a {
	background: rgba(0, 191, 165, 0.64);
}
.main-menu.menu-light .navigation > li ul .active > a {
	color: #333;
}
.main-menu.menu-light .navigation > li ul .hover > a,
.main-menu.menu-light .navigation > li ul:hover > a
{
	color: #fff;
	background:#00bfa5;
}

.btn-xs {
	font-size: .875rem;
	line-height: 1;
	padding: .2rem .4rem;
	border-radius: .21rem;
}

.btn-xs .la{
	font-size:1.2rem
}
.select2-container--classic, .select2-container--default{
	width: auto!important;
}
.select2-container{
	display: block!important;
}
.text-bold{
	font-weight: bold;
}
.main-menu.menu-light .navigation > li.open > a {
	color: #545766;
	border-right: 4px solid #00bfa5;
	background: whitesmoke;
}

.main-menu.menu-light .navigation > li ul .open > a
{
    color: #6b6f82;
    border-right: 4px solid #00bfa5;
    background: #f5f5f54a;
}

.app2023 .main-menu.menu-light .navigation > li .active > a {
    background: #f07e8f;
}
.app2023 .main-menu.menu-light .navigation > li ul .active > a {
    color: #fff;
}
.app2023 .main-menu.menu-light .navigation > li ul .hover > a,
.app2023 .main-menu.menu-light .navigation > li ul:hover > a
{
    color: #fff;
    background:#f07e8f;
}
.app2023 .main-menu.menu-light .navigation > li .active > a {
    background: #f07e8f;
}
.app2023 .main-menu.menu-light .navigation > li.open > a {
    border-right: 4px solid #f07e8f;
}