/*!
 *   
 *   Author: 
 *	 Website: 
!*/

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  border-top: 1px solid #ddd;
}

.table>thead>tr>th {
  border-bottom: 2px solid #ddd;
}

.table tr td .progress {
  margin-top: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border: 1px solid #ddd;
}

.table-report {
  border: 1px solid #777;
}

.table-report>thead>tr>th,
.table-report>tbody>tr>th,
.table-report>tfoot>tr>th,
.table-report>thead>tr>td,
.table-report>tbody>tr>td,
.table-report>tfoot>tr>td {
  border: 1px solid #777;
  padding: 4px 8px;
}

.table-bsc>thead>tr>th,
.table-bsc>tbody>tr>th,
.table-bsc>tfoot>tr>th,
.table-bsc>thead>tr>td,
.table-bsc>tbody>tr>td,
.table-bsc>tfoot>tr>td {
  border: 1px solid #777;
  padding: 4px 8px;
}

.table-bsc thead th,
.table-bsc thead td,
.table-bsc tfoot th,
.table-bsc tfoot td {
  background: #002060;
  color: #FFFFFF;
}

.table-pegawai-detail {
  border: 1px solid #777;
}

.table-pegawai-detail>thead>tr>th,
.table-pegawai-detail>tbody>tr>th,
.table-pegawai-detail>tfoot>tr>th,
.table-pegawai-detail>thead>tr>td,
.table-pegawai-detail>tbody>tr>td,
.table-pegawai-detail>tfoot>tr>td {
  border: 1px solid #777;
  padding: 4px 8px;
}

.table-datagrid a.link-detail {
  color: #333;
}

.table-datagrid a.link-detail:hover {
  text-decoration: underline;
}

.box-header-separator {
  background-color: #CCC;
}

.box-header-separator h3 {
  font-weight: bold;
}

.photo-preview {
  margin-top: -115px;
  height: 115px;
}

.photo-detail {
  height: 115px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.action-preview {
  position: relative;
}

.action-preview>div.action-block {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 20px;
  text-align: right;
  padding: 2px 15px;
  background: #181819;
  opacity: 0.8;
}

.action-preview>div.action-block>i {
  color: #fff;
}

.custom-nav-detail .nav {
  padding-left: 5px;
  padding-top: 5px;
}

.custom-nav-detail .nav.nav-tabs>li {
  margin-bottom: 5px;
  border: 1px solid #ccc;
}

.custom-nav-detail .nav.nav-tabs>li>a {
  padding: 5px 10px;
}

.custom-nav-detail .nav.nav-tabs li.active,
.custom-nav-detail .nav.nav-tabs li.active:hover {
  background-color: #3C8DBC;
  border: 1px solid #3C8DBC;
}

.custom-nav-detail .nav.nav-tabs li.active:hover a,
.custom-nav-detail .nav.nav-tabs li.active a,
.custom-nav-detail .nav.nav-tabs li.active a:hover {
  border-radius: 0;
  background-color: transparent;
  border: transparent;
  border: 1px solid #3C8DBC !important;
  font-weight: bold;
  color: #FFF;
}

.main-header .navbar-top-menu {
  float: left;
}

.main-header .top-menu {
  float: left;
  padding: 15px 15px;
  color: #FFF;
}