.bg {
  background: url("/assets/images/jpkp.png"); 
  /*-webkit-background-size: cover;*/
  /*-moz-background-size: cover;*/
  /*-o-background-size: cover;*/
  /*background-size: cover;*/
}

table.dataTable thead {
  /*background-color:#1c74d0;*/
  /*color: #FFFFFF;*/
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}

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

.top-nav{
  background: #BBDEFB;
  border-bottom:  1px solid rgba(113, 182, 249, 0.75);
}

.left-side-menu{
  background: linear-gradient(90deg, #ffffff 0%,rgba(113, 182, 249, 0.75) 100%);  
  color: #ffffff; 
}

td.details-control {
    background: url('../vendor/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../vendor/images/details_close.png') no-repeat center center;
}

/* Autosuggest */
.autosuggest {
	background-color:#FFF9C4;
	border:1px solid #90CAF9;
	display:none;
	overflow:hidden;
	padding:0px;
	position:fixed; 
	z-index:99;
	margin-top: 5px;
	margin-left: 0px;
	text-align:left;
}

.autosuggest ul li ,
.autosuggest-up ul li {
	background-color:#FFF9C4;
	margin-left: -30px;
	border-bottom:1px solid #90CAF9;
	cursor:pointer;
	display:block;
	list-style:none;
	padding:2px;
	white-space:nowrap;
	z-index:99; 
}

.autosuggest ul li:hover ,
.autosuggest-up ul li:hover {
	background-color:#316AC5;
	color:#FFFFFF;
	z-index:10; 
}

.autosuggest-up {
	background-color:#BBDEFB;
	border:1px solid #90CAF9;
	display:none;
	overflow:hidden;
	padding:0px;
	position:fixed; 
	z-index:99;
	margin-top: 5px;
	margin-left: 0px;
	top:auto;
	bottom:130px;
	text-align:left;
}

.progress_bar{
	position: absolute; /* fixed or absolute */
	margin: auto;
	top: 30%;
	/*text-align: center;*/
	/*right: 50%;*/
	/*height:100px;*/
	z-index: 9999; /* Sit on top */  
	display: none;
}

.fix{
	padding-left: 4px;
	padding-right: 4px;
}

select.fix{
	padding-left: 4px;
	padding-right: 4px;
}

select.fix2{
  padding: 2px;
}

.pac-container {
    z-index: 9999999999 !important;
}

.btm-5{
	margin-bottom: 5px;
}

.top-0{
	margin-top: 0px;
}

label.error{
	color: red;
	font-size: 11px;
}

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

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

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

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

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

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

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

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

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

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

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

.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; }

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

.red {
  color: red;
}

.blue{
  color: blue;
}

.black{
  color: #000000;
}

.avatar{
	cursor: pointer;
}

.b_red{
	border: 1px solid red;
}

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

.btm_blue{
  border-bottom: 1px solid rgba(113, 182, 249, 0.5);
  padding-bottom: : 0px !important;
}

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

.top_blue{
  border-top: 1px solid rgba(113, 182, 249, 0.5);
  padding-top: : 0px !important;
}

.tb_blue{
  border-top: 1px solid rgba(113, 182, 249, 0.5);
  border-bottom: 1px solid rgba(113, 182, 249, 0.5);
  padding-top: : 0px !important;
  padding-bottom: 0px !important;
}

.light-blue{
  background-color: rgba(113, 182, 249, 0.40);
}

.light-warning{
  background-color: rgba(249, 200, 81, 0.40);
}

.form-header{
  background-color:#1c74d0;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

.form-sub-header{
  background-color: rgba(0, 0, 204, 0.5);
  color: #FFFFFF;
  font-size: 11px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

.form-footer{
  background-color:#ece98b;
  color : #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}

td.agree{
  vertical-align: top;
}

/* Ensure that the demo table scrolls */
    th, td { white-space: nowrap; }
    div.dataTables_wrapper {
        width: 1000px;
        margin: 0 auto;
        padding: 0;
    }
 
    tr { height: 10px; }


.btn-xs{
  margin-top:  5px;
  margin-left:  10px;
  height: 24px;
}

.btn-md{
  margin-left: 5px;
  padding: 0px 2px 0px 2px;
  height: 30px;
  padding: 4px;
}

.btn-xxs{
  margin-top:  5px;
  margin-left:  10px;
  width: 23px;
  height: 23px;
  padding: 3px;
  font-size: 11px;
}

.row{
   /*height: 30px;*/
}

.form-fix{
  padding: 3px;
  height: 26px;
  margin: 3px;
}

.form-fix2{
   padding-left: 2px; 
   padding-right: 2px;
}

.fix2{
  padding: 2px;
  height: 26px;
  margin: 2px;
}

.col-fix{
  padding: 0px 2px 0px 4px;
}

.row_header{
  background-color:#616161; 
  color: #ffffff; 
  padding: 2px;
  text-align: center;
  font-family: Tahoma;
}

.row_header_2{
  background-color:#616161; 
  color: #ffffff; 
  padding: 5px 2px 5px 2px;
  text-align: center;
  font-family: Tahoma;
  font-size: 11px;
}

.row-fix{
  margin: 2px 0px -5px 0px;
  padding: 0px;
}

hr.red {
  border-top: 1px solid rgba(255, 91, 91, 0.5);
  margin: 5px;
}

li.nol{
   padding: 0px;
}

.no_doc{
  color: blue; 
  font-weight: bold; 
  text-align:center;  
}

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

.btm_blue{
  border-bottom:  1px solid rgba(113, 182, 249, 0.75);
}

.table {
  border-collapse: collapse;
}

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

.f11 {
  font-size: 11px; 
  font-family: Tahoma;
}

.popup_bg_2nd {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 80px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
 
.popup_content_2nd{
  background-color: #BDBDBD;
  border:  1px solid #faebcc;

  padding:10px;
  max-width:400px;
  margin: auto;
  font-size:12px;
}

.r4{
  text-align: right; 
  padding-right: 5px;  
  padding-left: 5px;  
}

.l4{
  text-align: left; 
  padding-left: 5px;  
  padding-right: 5px;  
}

.box-primary {
  border: 1px solid rgba(113, 182, 249, 0.75);
  background-color: rgba(255, 255, 255, 1);
  /*color: #71b6f9; */
}

.auto-matches{
  color:blue;
  background-color: rgba(255, 247, 0, 0.75);
}

.r_r_blue{
  border-right: 1px solid #90CAF9;  
  padding-right: 5px;
  text-align: right;
}

.r_l_blue{
  border-right: 1px solid #90CAF9;  
  padding-left: 5px;
}

.r_c_blue{
  border-right: 1px solid #90CAF9;  
  text-align: center;
}

.r_c_red{
  border-right: 1px solid rgba(255, 91, 91,0.5);
  text-align: center;
}

.r_r_red{
  border-right: 1px solid rgba(255, 91, 91,0.5);
  text-align: right;
  padding-right: 5px;
}

.r_blue{
  padding-left: 5px;
  border-right:1px solid #90CAF9;
}

.pilih{
  background-color: rgba(53, 184, 224, 0.25);
  border-top: 1xp solid #90CAF9;
  border-bottom: 1xp solid #90CAF9;
}

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

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

.text-right{
  text-align: right;
}
/*.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}*/