body.boxed-layout #wrapper {
	max-width: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
}

body {
	/* background: linear-gradient(180deg, rgba(255,255,255,1) 25%, rgb(245, 139, 0) 100%);  */
	background: #e1e1e1;
}

.top-nav {
	background: #f1f1f1 !important;
	color: #00488f !important;
	border-bottom: 1px solid rgba(91, 129, 255, 0.5);
}

.home-nav {
	background: #002781;
}
.title-nav {
	color: #00488f;
}

table {
	border-collapse: collapse;
}

#progress {
	position: absolute;
	margin: auto;
	top: 30%;
	z-index: 9999;
}

.menu_bg {
	background: linear-gradient(
		270deg,
		rgba(255, 255, 255, 1) 0%,
		rgba(245, 180, 0, 0.5) 100%
	);
}

.left-side-menu {
	background: linear-gradient(90deg, #1a73e8 0%, #0939ab 100%);
	/* background:#1A73E8; */
	color: #ffffff;
}

.sub_menu {
	font-family: Tahoma;
	font-size: 12px;
}

.content {
	/* background-color: rgba(113, 182, 249, 0.25);  */
	/* background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,112,245,1) 100%);  */
}

.row-header {
	text-align: center;
	font-weight: bold;
	padding: 5px 0 5px 0;
	background: linear-gradient(0deg, #1a73e8 0%, #0939ab 100%);
	/* background-color: #1A73E8; */
	color: #ffffff;
	border-bottom: 1px solid rgba(91, 129, 255, 0.5);
}

.row-print-header {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;

	background-color: #ffffff;
	color: #000000;
}

.row-print-header td {
	border: 1px solid #000000;
	padding: 5px 0 5px 0;
}

.approval {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;

	border: 1px solid #000000;
	padding: 5px 0 5px 0;
}

.border_all {
	border: 1px solid #000000;
}

.text-right {
	text-align: right;
}

li.nol {
	padding: 0px;
}

.form-fix {
	padding: 2px;
	height: 30px;
}

.form-fix2,
[select].form-fix2 {
	padding: 4px;
	height: 32px;
}

.col-fix {
	padding: 2px 2px 1px 2px;
}

.row-fix {
	margin: 2px 0px -5px 0px;
	padding: 0px;
}
/*
.row-pilih{
  background-color: rgba(113, 182, 249, 0.75);
}

.highlight{
  background-color: rgba(113, 182, 249, 0.75);
}*/

.btn-fix {
	padding: 2px 4px 2px 4px;
	height: 26px;
}

.lighten-primary {
	border: 1px solid rgba(113, 182, 249, 0.2) !important;
	background-color: rgba(113, 182, 249, 0.25) !important;
	color: #71b6f9 !important;
}

.lighten-secondary {
	border: 1px solid rgba(108, 117, 125, 0.2) !important;
	background-color: rgba(108, 117, 125, 0.25) !important;
	color: #6c757d !important;
}

.lighten-success {
	border: 1px solid rgba(16, 196, 105, 0.2) !important;
	background-color: rgba(16, 196, 105, 0.25) !important;
	color: #10c469 !important;
}

.lighten-info {
	border: 1px solid rgba(53, 184, 224, 0.2) !important;
	background-color: rgba(53, 184, 224, 0.25) !important;
	color: #35b8e0 !important;
}

.lighten-warning {
	border: 1px solid rgba(249, 200, 81, 0.2) !important;
	background-color: rgba(249, 200, 81, 0.25) !important;
	color: #f9c851 !important;
}

.lighten-danger {
	border: 1px solid rgba(255, 91, 91, 0.2) !important;
	background-color: rgba(255, 91, 91, 0.25) !important;
	color: #ff5b5b !important;
}

.lighten-light {
	border: 1px solid rgba(241, 245, 247, 0.2) !important;
	background-color: rgba(241, 245, 247, 0.25) !important;
	color: #f1f5f7 !important;
}

.lighten-dark {
	border: 1px solid rgba(50, 58, 70, 0.2) !important;
	background-color: rgba(50, 58, 70, 0.25) !important;
	color: #323a46 !important;
}

.lighten-pink {
	border: 1px solid rgba(255, 138, 204, 0.2) !important;
	background-color: rgba(255, 138, 204, 0.25) !important;
	color: #ff8acc !important;
}

.lighten-purple {
	border: 1px solid rgba(91, 105, 188, 0.2) !important;
	background-color: rgba(91, 105, 188, 0.25) !important;
	color: #5b69bc !important;
}

.lighten-blue {
	border: 1px solid rgba(113, 182, 249, 0.2) !important;
	background-color: rgba(113, 182, 249, 0.25) !important;
	color: #71b6f9 !important;
}

.r_r_black {
	border-right: 1px solid #000000;
	padding-right: 5px;
	text-align: right;
}

.r_r_blue {
	border-right: 1px solid rgba(113, 182, 249, 0.4);
	padding-right: 5px;
	text-align: right;
}

.r_c_blue {
	border-right: 1px solid rgba(113, 182, 249, 0.4);
	text-align: center;
}

.rb_c_blue {
	border-right: 1px solid rgba(113, 182, 249, 0.4);
	border-bottom: 1px solid rgba(113, 182, 249, 0.4);
	text-align: center;
}

.lr_r_black {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-right: 5px;
	text-align: right;
}

.lr_c_black {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-right: 5px;
	text-align: center;
}

.r_c_white {
	border-right: 1px solid #ffffff;
	text-align: center;
}

.rb_c_white {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: center;
}

.lr_l_black {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-left: 5px;
	text-align: left;
}

.l_l_black {
	border-left: 1px solid #000000;
	padding-left: 5px;
	text-align: left;
}

.blr_c_black {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-right: 5px;
	text-align: left;
}

.all_c_black {
	border: 1px solid #000000;
	text-align: center;
}

.rb_r_black {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-right: 5px;
	text-align: right;
}

.r_l_black {
	border-right: 1px solid #000000;
	padding-left: 5px;
	text-align: left;
}

.tb_black {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.btm_red {
	border-bottom: 1px solid rgba(255, 91, 91, 0.5);
}

.btm_red2 {
	border-bottom: 2px solid rgba(255, 91, 91, 0.75);
}

.top_red {
	border-top: 1px solid rgba(255, 91, 91, 0.5);
}

.btm_blue {
	border-bottom: 1px solid rgba(91, 129, 255, 0.5);
}

.btm_black {
	border-bottom: 1px solid #000000;
}

.btm_white {
	border-bottom: 1px solid #ffffff;
}

.top_white {
	border-top: 1px solid #ffffff;
}

.white {
	color: #ffffff;
}

.btm2_black {
	border-bottom: 2px solid #000000;
}

.btm_thin {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.center_bold {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;

	padding: 5px 0 5px 0;
}

.center {
	text-transform: uppercase;
	text-align: center;

	padding: 5px 0 5px 0;
}

.dt-body-right {
	text-align: right;
	padding-right: 5px;
}

.red {
	color: red;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.is-invalid {
	border: 1px solid #ff5b5b;
}