/*table.dataTable thead > tr > th.center {
	text-align:center;
	vertical-align:middle;	
}*/

/*.dataTables_paginate .pagination > .paginate_button.first,
.dataTables_paginate .pagination > .paginate_button.last,
.dataTables_paginate .pagination > .paginate_button.next,
.dataTables_paginate .pagination > .paginate_button.previous {
  display:none;
}*/

/*.select2 {
  width: 100% !important;
}*/

.dataTables_length {
	width:auto;
	margin-right:10px;	
}

.dataTables_info {
  margin-bottom:10px;
}

div.dataTables_processing {
	padding-top:20px;
	/*margin-top:0;*/
}
table.dataTable thead > tr > th.text-center {
	padding-right: 15px;
}

table.dataTable thead > tr > th.col-merge {
	text-align:center;
}

table.dataTable thead > tr > th {
	padding-right: 30px;
	text-transform:none !important;
	/*text-align:center;*/
	vertical-align:middle;
	/*width:auto !important;*/
	white-space:nowrap;
}
table.dataTable tbody > tr > td{
	/*width:auto !important;*/
	white-space:nowrap;
}
table.dataTable tbody > tr > td.center {
	text-align:center;
	vertical-align:middle;
}
table.dataTable tbody > tr > td.right {
	text-align:right;
	vertical-align:middle;
}
table.dataTable tbody > tr > td.left {
	text-align:left;
	vertical-align:middle;
}

.head-table{
	font-size: 20px;
	text-transform:none !important;
}

.btn-add{
	text-transform:none !important;
}

.ckbox{
	cursor:pointer;
}

.panel .advanced-search{
    background-color: none !important;
}

.advanced-search{
    background-color: none !important;
    margin-bottom:0;
}

.advanced-search .panel-heading{
    background-color: none;
    padding:5px 5px 10px 5px;
}
.advanced-search .panel-title{
    text-transform:none;
    font-weight:500;
    color:#259dab;
}


.advanced-search > .panel-heading .panel-title > a:after {
    content: '\f068';
    font-family: 'FontAwesome';
    float:left;
    padding-right:5px;
}

.advanced-search > .panel-heading .panel-title > a.collapsed:after {
    content: '\f067';
    font-family: 'FontAwesome';
    float:left;
    padding-right:5px;
}


hr.custom{
    border-color: #dbdfe6;
   /* margin: 20px 0;*/
	
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eeeeee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
}


/*.panel-profile .people-info .info-group {
    background: none !important;
}*/

.profile-photo {
    max-width: none !important;
    padding-bottom: 5px;
}


.panel-profile .people-info .col-sm-5, 
.panel-profile .people-info .col-sm-3, 
.panel-profile .people-info .col-sm-2 {
  padding: 0;
}
.panel-profile .people-info .col-sm-5:first-child > .info-group,
.panel-profile .people-info .col-sm-3:first-child > .info-group,
.panel-profile .people-info .col-sm-2:first-child > .info-group{
  margin-left: 0;
}


/*added by misbah 20160718.2005*/
/*Loading */ 
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.has-error em.error{
/*.panel-profile .people-info .info-group label.error{*/
    color: #d9534f;
/*    display: block;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    text-transform: none;
    font-weight: normal;*/
}
label.error{
    /*color : #d9534f;*/
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
}

.ui-datepicker-div{
    z-index: 1000;
}
.photo_128 {
    height: 128px;
    width: 128px;
}
.photo_64 {
    height: 64px;
    width: 64px;
}
.photo_32{
    height: 32px;
    width: 32px;
}

/* menyembunyikan scroll y */
.table-responsive {
  overflow-y: hidden
}