.bg {
  background: url("/assets/images/laziz_bg.png"); 
  background-size: 200px;
  /*-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;
}

.btn_login{
  right: 5px ;
  margin-top: 5px;
  position:fixed; 
  z-index:9999;
}

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

.bt-fix{
  font-size: 16px;
  margin-top: 5px;
  cursor: pointer;
}

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

.f10 {
  font-size: 10px; 
  font-family: Tahoma;
}

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

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

.f14 {
  font-size: 14px; 
  font-family: Tahoma;
}

.f16{
  font-size: 16px; 
  font-family: Tahoma;
}

.f18{
  font-size: 18px; 
  font-family: Tahoma;
}

.btm2_green{
  border-bottom:  2px solid rgba(0, 78, 2, 0.75);
}

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

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

.l_black{
  border-left:1px solid rgba(26, 26, 26, 0.5);
}

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

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

.b_black{
  border-bottom:1px solid rgba(26, 26, 26, 0.5);
}

.trb_l_black{
  text-align: left;
  padding-left: 5px;
  border-top:1px solid rgba(26, 26, 26, 0.5);
  border-right:1px solid rgba(26, 26, 26, 0.5);
  border-bottom:1px solid rgba(26, 26, 26, 0.5);
}

.trb_c_black{
  text-align: center;
  border-top:1px solid rgba(26, 26, 26, 0.5);
  border-right:1px solid rgba(26, 26, 26, 0.5);
  border-bottom:1px solid rgba(26, 26, 26, 0.5);
}

.tb_c_black{
  text-align: center;
  border-top:1px solid rgba(26, 26, 26, 0.5);
  border-bottom:1px solid rgba(26, 26, 26, 0.5);
}

.trb2_c_black{
  text-align: center;
  border-top:1px solid rgba(26, 26, 26, 0.5);
  border-right:1px solid rgba(26, 26, 26, 0.5);
  border-bottom:2px solid rgba(26, 26, 26, 0.5);
}

.rb_l_black{
  text-align: left;
  padding-left: 5px;
  border-right:1px solid rgba(26, 26, 26, 0.5);
  border-bottom:2px solid rgba(26, 26, 26, 0.5);
}

.rb_r_black{
  text-align: right;
  padding-right: 5px;
  border-right:1px solid rgba(26, 26, 26, 0.5);
  border-bottom:2px solid rgba(26, 26, 26, 0.5);
}

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

.iuran:hover{
  background-color: rgba(255, 91, 91, 0.25);
  border-bottom: 1px solid rgba(255, 91, 91, 0.2);
  cursor:  pointer;
}

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

/* datatable css */
table.dataTable tbody th, table.dataTable tbody td {
  /*padding: 5px 1px; */
}

div.dt-top-container {
  display: grid;
  grid-template-columns: auto auto auto;
}

div.dt-center-in-div {
  margin: 0 auto;
}

div.dt-filter-spacer {
  /*margin: 10px 0;*/
  margin: 0 auto;
}

#data_list tr td {
  height: 10px;
  padding: 1px 1px;
}

#data_list_filter input {
  border-radius: 5px;
  height: 24px;  
}

#data_list_length select {
  border-radius: 5px;
  height: 24px;
  padding-top: 2px;
}

td.wrapok {
    white-space:normal
}

/*.dataTables_wrapper .dataTables_filter{
    float: left;
}
.dataTables_wrapper .dataTables_length{
    float: right;
}*/

/*div.dataTables_wrapper div.dataTables_filter input {
      width: 100%; <!-- or whatever width you want -->
}*/