body.putih {
   background:#fff; 
   color:#000;
}   
body.putih a {
	color:#1447E6;
	text-decoration:none;
}
body.putih a:hover {
    color:#0a2373;
}
body.putih a.recent-searches {
    background:#0d2e97;
    color:#fff;
}
body.putih a.recent-searches:hover {
    background:#07184f;
    color:#fff;
}
body.putih .content-list-item__link {
    background-color: #fff;
}
body.putih .content-list-item__link:hover {
    background-color: #f1f1f1;
}
body.putih .content-list-item__thumbnail-wrapper {
    background-color: #e7e7e7;
}  
body.putih .content-list-item__duration {
    background-color: rgb(0 0 0 / 0.7);;
    color: #ccc;
}
body.putih .content-list-item__meta {
    color:#57534D;
}
body.putih .content-list-item__title {
	color:#123fcf;
}

body.putih img.lazyerror
{
	background-color:#f1f1f1;
    
}
body.putih .page-numbers {
    color: #0a2373;
    background: #fff;
    border:1px solid #0a2373 !important;
}
body.putih .page-numbers:hover:not(.current):not(.dots) {
    background-color: #0a2373;
    color: #fff;
}
body.putih .page-numbers.current {
    background-color: #0a2373;
    color: #fff;
}
body.putih .page-numbers.dots {
    color: #ddd;
    background: #0a2373;
}
body.putih .search {
 background:transparent;
 display:block;
  border:0;
  padding: 0 10px;
  margin:0 0 20px 0;
}


body.putih .search input {
    padding:10px;
   border:1px solid #D6D3D1 !important;
  background:#fff;
  color:#000;
}
body.putih .search input::placeholder {
  color: #666; 
}
body.putih .search button {
  padding:10px 20px;
  background:#1447E6;
  color:#fff;
}
body.putih .search button:hover {
  color:#fff;
  background:#0c2a8a
}
body.putih a.sourcex {
	color:#ddd;
	background:#1c1c1c;
}
body.putih a.sourcex.aktif,
body.putih a.sourcex:hover {
	background:#6a6a6a;
	color:#1447E6;
}
body.putih .sa {
	   color: #1447E6;
}
body.putih .footer,
body.putih .sa span {
	color:#a5a5a5
}
body.putih #about {
	color:#44403B
}

/*** Video Player ***/
body.putih a.dll {
	background-color: #1038b8;
	color:#fff;
}
body.putih a.dll:hover {
	background:#081c5c;
	color:#fff;
}
body.putih .vidmeta {
	color:#222;
}
body.putih .vidfo {
	background:#fbfbfb;
}
body.putih .video-player {
    background-color: #000;
}
body.putih .video-block a.tito:hover,
body.putih .video-block p.infos:hover,
body.putih .video-block h3.infos:hover,
body.putih .video-block h2.infos:hover {
    color: #1447E6 !important;
}
body.putih .video-block div.thumb .fa-solid.fa-circle-play {
    color: #fff;
}
body.putih .video-block div.thumb {
    background-color: #1c1c1c;
}
body.putih .video-block div.thumb:hover {
    background-color: #6a6a6a;
}
body.putih .video-block div.thumb .fa-solid.fa-circle-play:hover{
color:#fff;
opacity: 1;
}
body.putih .video-block a.tito,
body.putih .video-block p.infos,
body.putih .video-block h3.infos,
body.putih .video-block h2.infos {
    color: #000;
}
body.putih .video-block .video-datas {
    color: #57534D;
}
body.putih .video-block .duration {
    background-color: #4D4D4D;
    color: #FAFAFA;
}
body.putih .col9 {
    color:#999
}
body.putih .colc {
    color:#888
}
body.putih .bginfo {
    background:#fff;
    color:#222
}
body.putih input.copylink {
    background:transparent;
    color:#081c5c;
    border:0;
}
body.putih .src-result {
    
}
body.putih .bgerr {
    background:#1c1c1c;
}
body.putih .texterr {
    color: #e74c3c;
}
body.putih .tem button {
    color:#b4b4b4;
}
body.putih .tem button:hover {
    color:#1447E6;
}
body.putih a.logos {
    color:#222;
}
body.putih a.logos:hover {
    color:#1447E6;
}


body.putih .metafo {
    color:#111;
    background:#fbfbfb;
}

/*** Head ***/

body.putih .topbody {
    background:#fbfbfb;
}

body.putih .topnav a.icon,
body.putih .topnav button,
body.putih .topnav a.hlogo {
    color:#222;
}
body.putih .topnav a.hlogo span {
    color:#1447E6;
}
body.putih .topnav button:hover,
body.putih .topnav a.hlogo:hover,
body.putih .topnav a.icon:hover {
    color:#1447E6;
}



@media screen and (min-width:810px) {
    
 body.putih .topnav #myLinks {
  background:transparent;
}
body.putih .topnav #myLinks a.submenu {
  color: #1447E6;
}
body.putih .topnav #myLinks a.submenu:hover {
  color: #0a2373;
}

}

@media screen and (max-width:809px) {
body.putih .topnav #myLinks {
  background:#fefefe;
}

body.putih .topnav #myLinks a.submenu {
  color: #1447E6;
}
body.putih .topnav #myLinks a.submenu:hover {
  color: #0a2373;
}
}


body.putih .onya {
    color:#000 !important;
}