.currency, .ng-valid-currency:not(form), .ng-invalid-currency:not(form){
	text-align: right;
}
i.flag{
	color: #993366;
}
label.error {
    color: #b31414;
    font-weight: normal;
}
label{
	font-size: 13px;
}
body{
	font-size: 11px;
}
.table thead tr th{
	font-size: 12px;
}
.table tbody tr td, .table tfoot tr td{
	font-size: 11px;
}
h2{
	font-size:  20px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family:"Noto Sans";
}
h3{
	font-family:"Noto Sans";
	font-size: 17px;
}
h4{
	font-family:"Noto Sans";
	font-size:  15px;
}

table.table.table-striped thead{
	background-color: #faefef;
	color: #d5727d;
}
th.opsi{
 min-width: 80px;
}
h4.header-title{
	margin: 0px;
	background-color: #f0f0f0;
	padding: 20px;
	font-size: 16pt;
}
tr.total, tr.grand-total{
	/*border-top: double;*/
	border-top-color: #000;
	border-top: solid 2px;
}
tr.grand-total{
	border-bottom: double;
}
h1.perusahaan{
	font-size: 24px;
	font-family: "Noto Sans";
}
.title-ungu{
	color: #983465;
	background-color: #f9f9f9;
}
.checkbox, .form-horizontal .checkbox {
    padding-left: 20px;
}
.table .btn {
	margin-right: -1px;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: 300;
}
h1.perusahaan{
	margin-top: 20px;
	font-weight: bold;
}
.alert{
	font-size: 12pt;
}
.alert.small{
	font-size: 11px;
}
.table-responsive{
	padding-top: 15px;
}
td.title, tr.bold{
	font-weight: bold;
}
.red{
	color: red;
}
.control-label{
	padding-top: 5px;
}
.status-aktif{
	color: green;
}
#ui-datepicker-div{
	/*z-index: 200!important;*/
}
.divider-menu {
    height: 1px!important;
    margin: 9px 0!important;
    overflow: hidden!important;
    background-color: #e5e5e5!important;
}

/** avoid error option not showing on modal */
.select2-dropdown {
    z-index:99999;
}
/** =================================== */
@media (min-width: 768px) {
	.modal-xl {
	  width: 90%;
	 max-width:1200px;
	}
  }


/** margin, padding & spacing */

.m-0 {
	margin: 0 !important;
  }
  
  .mt-0,
  .my-0 {
	margin-top: 0 !important;
  }
  
  .mr-0,
  .mx-0 {
	margin-right: 0 !important;
  }
  
  .mb-0,
  .my-0 {
	margin-bottom: 0 !important;
  }
  
  .ml-0,
  .mx-0 {
	margin-left: 0 !important;
  }
  
  .m-1 {
	margin: 0.25rem !important;
  }
  
  .mt-1,
  .my-1 {
	margin-top: 0.25rem !important;
  }
  
  .mr-1,
  .mx-1 {
	margin-right: 0.25rem !important;
  }
  
  .mb-1,
  .my-1 {
	margin-bottom: 0.25rem !important;
  }
  
  .ml-1,
  .mx-1 {
	margin-left: 0.25rem !important;
  }
  
  .m-2 {
	margin: 0.5rem !important;
  }
  
  .mt-2,
  .my-2 {
	margin-top: 0.5rem !important;
  }
  
  .mr-2,
  .mx-2 {
	margin-right: 0.5rem !important;
  }
  
  .mb-2,
  .my-2 {
	margin-bottom: 0.5rem !important;
  }
  
  .ml-2,
  .mx-2 {
	margin-left: 0.5rem !important;
  }
  
  .m-3 {
	margin: 1rem !important;
  }
  
  .mt-3,
  .my-3 {
	margin-top: 1rem !important;
  }
  
  .mr-3,
  .mx-3 {
	margin-right: 1rem !important;
  }
  
  .mb-3,
  .my-3 {
	margin-bottom: 1rem !important;
  }
  
  .ml-3,
  .mx-3 {
	margin-left: 1rem !important;
  }
  
  .m-4 {
	margin: 1.5rem !important;
  }
  
  .mt-4,
  .my-4 {
	margin-top: 1.5rem !important;
  }
  
  .mr-4,
  .mx-4 {
	margin-right: 1.5rem !important;
  }
  
  .mb-4,
  .my-4 {
	margin-bottom: 1.5rem !important;
  }
  
  .ml-4,
  .mx-4 {
	margin-left: 1.5rem !important;
  }
  
  .m-5 {
	margin: 3rem !important;
  }
  
  .mt-5,
  .my-5 {
	margin-top: 3rem !important;
  }
  
  .mr-5,
  .mx-5 {
	margin-right: 3rem !important;
  }
  
  .mb-5,
  .my-5 {
	margin-bottom: 3rem !important;
  }
  
  .ml-5,
  .mx-5 {
	margin-left: 3rem !important;
  }
  
  .p-0 {
	padding: 0 !important;
  }
  
  .pt-0,
  .py-0 {
	padding-top: 0 !important;
  }
  
  .pr-0,
  .px-0 {
	padding-right: 0 !important;
  }
  
  .pb-0,
  .py-0 {
	padding-bottom: 0 !important;
  }
  
  .pl-0,
  .px-0 {
	padding-left: 0 !important;
  }
  
  .p-1 {
	padding: 0.25rem !important;
  }
  
  .pt-1,
  .py-1 {
	padding-top: 0.25rem !important;
  }
  
  .pr-1,
  .px-1 {
	padding-right: 0.25rem !important;
  }
  
  .pb-1,
  .py-1 {
	padding-bottom: 0.25rem !important;
  }
  
  .pl-1,
  .px-1 {
	padding-left: 0.25rem !important;
  }
  
  .p-2 {
	padding: 0.5rem !important;
  }
  
  .pt-2,
  .py-2 {
	padding-top: 0.5rem !important;
  }
  
  .pr-2,
  .px-2 {
	padding-right: 0.5rem !important;
  }
  
  .pb-2,
  .py-2 {
	padding-bottom: 0.5rem !important;
  }
  
  .pl-2,
  .px-2 {
	padding-left: 0.5rem !important;
  }
  
  .p-3 {
	padding: 1rem !important;
  }
  
  .pt-3,
  .py-3 {
	padding-top: 1rem !important;
  }
  
  .pr-3,
  .px-3 {
	padding-right: 1rem !important;
  }
  
  .pb-3,
  .py-3 {
	padding-bottom: 1rem !important;
  }
  
  .pl-3,
  .px-3 {
	padding-left: 1rem !important;
  }
  
  .p-4 {
	padding: 1.5rem !important;
  }
  
  .pt-4,
  .py-4 {
	padding-top: 1.5rem !important;
  }
  
  .pr-4,
  .px-4 {
	padding-right: 1.5rem !important;
  }
  
  .pb-4,
  .py-4 {
	padding-bottom: 1.5rem !important;
  }
  
  .pl-4,
  .px-4 {
	padding-left: 1.5rem !important;
  }
  
  .p-5 {
	padding: 3rem !important;
  }
  
  .pt-5,
  .py-5 {
	padding-top: 3rem !important;
  }
  
  .pr-5,
  .px-5 {
	padding-right: 3rem !important;
  }
  
  .pb-5,
  .py-5 {
	padding-bottom: 3rem !important;
  }
  
  .pl-5,
  .px-5 {
	padding-left: 3rem !important;
  }
  
  .m-n1 {
	margin: -0.25rem !important;
  }
  
  .mt-n1,
  .my-n1 {
	margin-top: -0.25rem !important;
  }
  
  .mr-n1,
  .mx-n1 {
	margin-right: -0.25rem !important;
  }
  
  .mb-n1,
  .my-n1 {
	margin-bottom: -0.25rem !important;
  }
  
  .ml-n1,
  .mx-n1 {
	margin-left: -0.25rem !important;
  }
  
  .m-n2 {
	margin: -0.5rem !important;
  }
  
  .mt-n2,
  .my-n2 {
	margin-top: -0.5rem !important;
  }
  
  .mr-n2,
  .mx-n2 {
	margin-right: -0.5rem !important;
  }
  
  .mb-n2,
  .my-n2 {
	margin-bottom: -0.5rem !important;
  }
  
  .ml-n2,
  .mx-n2 {
	margin-left: -0.5rem !important;
  }
  
  .m-n3 {
	margin: -1rem !important;
  }
  
  .mt-n3,
  .my-n3 {
	margin-top: -1rem !important;
  }
  
  .mr-n3,
  .mx-n3 {
	margin-right: -1rem !important;
  }
  
  .mb-n3,
  .my-n3 {
	margin-bottom: -1rem !important;
  }
  
  .ml-n3,
  .mx-n3 {
	margin-left: -1rem !important;
  }
  
  .m-n4 {
	margin: -1.5rem !important;
  }
  
  .mt-n4,
  .my-n4 {
	margin-top: -1.5rem !important;
  }
  
  .mr-n4,
  .mx-n4 {
	margin-right: -1.5rem !important;
  }
  
  .mb-n4,
  .my-n4 {
	margin-bottom: -1.5rem !important;
  }
  
  .ml-n4,
  .mx-n4 {
	margin-left: -1.5rem !important;
  }
  
  .m-n5 {
	margin: -3rem !important;
  }
  
  .mt-n5,
  .my-n5 {
	margin-top: -3rem !important;
  }
  
  .mr-n5,
  .mx-n5 {
	margin-right: -3rem !important;
  }
  
  .mb-n5,
  .my-n5 {
	margin-bottom: -3rem !important;
  }
  
  .ml-n5,
  .mx-n5 {
	margin-left: -3rem !important;
  }
  
  .m-auto {
	margin: auto !important;
  }
  
  .mt-auto,
  .my-auto {
	margin-top: auto !important;
  }
  
  .mr-auto,
  .mx-auto {
	margin-right: auto !important;
  }
  
  .mb-auto,
  .my-auto {
	margin-bottom: auto !important;
  }
  
  .ml-auto,
  .mx-auto {
	margin-left: auto !important;
  }

  .nopadding {
	padding: 0 !important;
	margin: 0 !important;
 }
/** =============== */