* {font-size:12px; }

textarea {min-height:300px; }
#wrapper {width:100%}
#page-wrapper {position:inherit; margin:0 auto 0 auto; padding:20px; max-width:1890px; }

.bg-light {background-color:#007bff !important; border-bottom:1px solid #888; }
.navbar-light .navbar-nav .nav-link {color:#fff; font-size:12px; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#fff; background:#009bff; font-size:12px; }
.navbar-brand, .navbar-brand:hover {font-weight:bold; color:#fff; font-size:14px; }

nav span.jabatanpengguna {color:#fff; background:#009bff; font-size:12px;background-color:#444;padding:.5rem 1rem !important;}
nav span.jabatanpengguna:hover {background-color:#666 !important;}
nav span.namalengkap {color:#fff; background:#009bff; font-size:12px;background-color:#888;padding:.5rem 1rem !important;}
nav span.namalengkap:hover {background-color:#aaa !important;}

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

.pagination strong {display:inline-block; margin:5px; padding:5px 10px; border:1px solid #888; font-weight:normal; background:#ddd; border-radius:5px; }
.pagination a {display:inline-block; margin:5px; padding:5px 10px; border:1px solid #888; text-decoration:none; border-radius:5px; }

.darkblue {color:#008; }
.darkred {color:#800; }
.darkgreen {color:#080; }
.darkyellow {color:#880; }
.darkgrey {color:#888; }

form .row {margin-bottom:.5rem; }
.readonly {background-color:#e9ecef; }

.btn-square {height:29px;width:29px;border-color:#ccc;}

.form-normal-width {max-width: 768px;}

td.col-1, th.col-1 {
	width:8.33333%; }

td.col-2, th.col-2 {
	width:16.66667%; }

td.col-3, th.col-3 {
	width:25%; }

td.col-4, th.col-4 {
	width:33.33333%; }

td.col-5, th.col-5 {
	width:41.66667%; }

td.col-6, th.col-6 {
	width:50%; }

td.col-7, th.col-7 {
	width:58.33333%; }

td.col-8, th.col-8 {
	width:66.66667%; }

td.col-9, th.col-9 {
	width:75%; }

td.col-10, th.col-10 {
	width:83.33333%; }

td.col-11, th.col-11 {
	width:91.66667%; }

td.col-12, th.col-12 {
	width:100%; }

td.col-sm-1, th.col-sm-1 {
	width:8.33333%; }

td.col-sm-2, th.col-sm-2 {
	width:16.66667%; }

td.col-sm-3, th.col-sm-3 {
	width:25%; }

td.col-sm-4, th.col-sm-4 {
	width:33.33333%; }

td.col-sm-5, th.col-sm-5 {
	width:41.66667%; }

td.col-sm-6, th.col-sm-6 {
	width:50%; }

td.col-sm-7, th.col-sm-7 {
	width:58.33333%; }

td.col-sm-8, th.col-sm-8 {
	width:66.66667%; }

td.col-sm-9, th.col-sm-9 {
	width:75%; }

td.col-sm-10, th.col-sm-10 {
	width:83.33333%; }

td.col-sm-11, th.col-sm-11 {
	width:91.66667%; }

td.col-sm-12, th.col-sm-12 {
	width:100%; }

td.col-md-1, th.col-md-1 {
	width:8.33333%; }

td.col-md-2, th.col-md-2 {
	width:16.66667%; }

td.col-md-3, th.col-md-3 {
	width:25%; }

td.col-md-4, th.col-md-4 {
	width:33.33333%; }

td.col-md-5, th.col-md-5 {
	width:41.66667%; }

td.col-md-6, th.col-md-6 {
	width:50%; }

td.col-md-7, th.col-md-7 {
	width:58.33333%; }

td.col-md-8, th.col-md-8 {
	width:66.66667%; }

td.col-md-9, th.col-md-9 {
	width:75%; }

td.col-md-10, th.col-md-10 {
	width:83.33333%; }

td.col-md-11, th.col-md-11 {
	width:91.66667%; }

td.col-md-12, th.col-md-12 {
	width:100%; }

td.col-lg-1, th.col-lg-1 {
	width:8.33333%; }

td.col-lg-2, th.col-lg-2 {
	width:16.66667%; }

td.col-lg-3, th.col-lg-3 {
	width:25%; }

td.col-lg-4, th.col-lg-4 {
	width:33.33333%; }

td.col-lg-5, th.col-lg-5 {
	width:41.66667%; }

td.col-lg-6, th.col-lg-6 {
	width:50%; }

td.col-lg-7, th.col-lg-7 {
	width:58.33333%; }

td.col-lg-8, th.col-lg-8 {
	width:66.66667%; }

td.col-lg-9, th.col-lg-9 {
	width:75%; }

td.col-lg-10, th.col-lg-10 {
	width:83.33333%; }

td.col-lg-11, th.col-lg-11 {
	width:91.66667%; }

td.col-lg-12, th.col-lg-12 {
	width:100%; }

td.col-xl-1, th.col-xl-1 {
	width:8.33333%; }

td.col-xl-2, th.col-xl-2 {
	width:16.66667%; }

td.col-xl-3, th.col-xl-3 {
	width:25%; }

td.col-xl-4, th.col-xl-4 {
	width:33.33333%; }

td.col-xl-5, th.col-xl-5 {
	width:41.66667%; }

td.col-xl-6, th.col-xl-6 {
	width:50%; }

td.col-xl-7, th.col-xl-7 {
	width:58.33333%; }

td.col-xl-8, th.col-xl-8 {
	width:66.66667%; }

td.col-xl-9, th.col-xl-9 {
	width:75%; }

td.col-xl-10, th.col-xl-10 {
	width:83.33333%; }

td.col-xl-11, th.col-xl-11 {
	width:91.66667%; }

td.col-xl-12, th.col-xl-12 {
	width:100%; }

ul.select2-results__options--nested {
	display:none; 
}

#number {width:50px !important; }
#action {width:80px !important; }