#header .header-top.header-top-default {
	background: #0d6efd;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
	color: #fff;
	font-size: 0.9em;
	padding: 6px 10px;
	display: inline-block;
	letter-spacing: -0.5px;
}

#footer {
    border-top: 5px solid rgb(255, 0, 13);
    background: #004a99;
    color: #fff;
    font-size: 14px;
}

#footer .footer-copyright {
    background: #00428a;
}

#footer .footer-copyright p {
    color: #fff;
}

#footer p, #footer a, #footer strong {
    color: #fff;
}

#footer .custom-info span:nth-child(1) {
    color: #fff;
}

.i16-9 {
  position: relative;
  padding-bottom: 56.2%;
}
.i4-3 {
  position: relative;
  padding-bottom: 75%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */
}
.i3-4 {
  position: relative;
  padding-bottom: 125%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */
}
.i3-2 {
  position: relative;
  padding-bottom: 66.66%; /* 3:2 Aspect Ratio (divide 2 by 3 = 0.6666)  */
}
.i8-5 {
  position: relative;
  padding-bottom: 62.5%; /* 8:5 Aspect Ratio (divide 5 by 8 = 0.625) */
}
.i16-9 img,
.i4-3 img,
.i3-4 img,
.i3-2 img,
.i8-5 img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

table.ts.detail-view tr td
{
  background:#fff;
}

table.ts.detail-view tr th
{
  background:#E5F1F4;
}

#pegawai-intro .thumb-info-type
{
  text-transform: capitalize;
}
.thumb-info-side-image-custom {
    border: 0 none;
    color: #777;
    margin: 0 0 35px;
    transition: all 0.3s ease;
}