/* Silahkan atur komposisi warna template CMS Sekolahku dengan mengganti kode warna berikut */

/* Pengaturan blok warna background body */
body {
  background: #f3f3f3;
}

/* Pengaturan warna background wrapper v1.4.7 */
#wrapper {
  background: #fff;
}

/* Pengaturan blok warna background top header */
#top-bar {
  background: #ecfcff;
  border-top: 3px solid #3bf;
}
#topnav  #clock {color: #567}
#topnav .sco {color: #18c0d4; font-weight: bold;}
#topnav .mop {color: #777}
#topnav .moe {color: #83bf0f}

/* Pengaturan blok warna background header */
#primary-header {
  background: #fff;
}

/* Pengaturan blok warna background samping kanan kiri tree menu / dropdown menu */
#fixwrapper {
  background: #1daef2;
}

/* Pengaturan blok warna background menu */
#primary-navigator {
  background:#c2effb;
}
.tree-menu li:first-child, .tree-menu li:nth-child(8) {background: #d22;}
.tree-menu li:nth-child(2), .tree-menu li:nth-child(9) {background: #f90;}
.tree-menu li:nth-child(3), .tree-menu li:nth-child(10) {background: #ffc600;}
.tree-menu li:nth-child(4), .tree-menu li:nth-child(11) {background: #8c3;}
.tree-menu li:nth-child(5), .tree-menu li:nth-child(12) {background: #3bf;}
.tree-menu li:nth-child(6), .tree-menu li:nth-child(13) {background: #1A65B0;}
.tree-menu li:nth-child(7), .tree-menu li:nth-child(14) {background: #cc2d84;}

/* Pengaturan blok warna background Kata Motivasi */
#subbar {
  background: ;
}

/* Pengaturan blok warna background title slide berita */
.slides .content {
  background: #0A8733;
}

/* Konten */

h3.info {
background: #rgba(6, 32, 60, 0.7);
color: #fff;
border-top: 4px solid #3bf;
border-radius: 4px 4px 0 0;
position: relative;
z-index: 100;
}

/* Pengaturan blok warna sekilas info */
#sekilas_info {
}

/* Pengaturan blok warna pengumuman */
#pengumuman {
}

/* Pengaturan blok warna berita */
#prestasi {
}

/* Pengaturan blok warna copyright */
#copyright-wrapper {
  background: #036;
}

/* Pengaturan blok warna footer */
#sub-footer {
  background: #3bf;
}

/* Pengaturan background warna sidebar tengah */
#aside-primary {
  background: #2ecc71;
}

#aside-primary .widget-title h4 {
  background: #34495e;
}

/* Pengaturan background warna sidebar kanan */
#aside-secondary {
  background: #fff;
}

#aside-secondary .spurple {
background: #ffe6fc;
}
#aside-secondary .sblues {
background: #e9fffc;
}
#aside-secondary .sdarkblue {
background: #e9fffc;
}
#aside-secondary .sgreen {
background: #dffbd3;
}
#aside-secondary .sred {
background: #ffeae7;
}
#aside-secondary .syellow {
background: #fff6d9;
}

#aside-secondary .widget-title h4 {
  color:#fff;
}

#aside-secondary .widget-title h4:hover {
  color: #fff;
}

/* Pengaturan background warna widget tab (Pengumuman, Agenda, Sekilas Info) */
.tab-content {
  background: #34495e;
}

/* Pengaturan garis warna widget tab (Pengumuman, Agenda, Sekilas Info) */
ul.tabs {
  border-bottom: solid 2px #34495e;
}

/* Pengaturan garis kiri warna title widget tab (Pengumuman, Agenda, Sekilas Info) */
ul.tabs li:first-child {
  border-left: 1px #34495e solid;
}

/* Pengaturan garis atas dan kanan warna title widget tab (Pengumuman, Agenda, Sekilas Info) */
ul.tabs li {
  border-top: 1px #34495e solid;
  border-right: 1px #34495e solid;
}

/* Pengaturan background warna title widget tab (Pengumuman, Agenda, Sekilas Info) yang tidak aktif */
#main-content .widget .tabs li a {
  color: #fff;
  background: #20303f;
}

/* Pengaturan background warna title widget tab (Pengumuman, Agenda, Sekilas Info) yang sedang aktif */
#main-content .widget .tabs li a.selected {
  background:#34495e;
  color: #fff;
  border: 1px solid #34495e;
}

/* Pengaturan background hover warna title widget tab (Pengumuman, Agenda, Sekilas Info) ketika cursor didekatkan */
#main-content .widget .tabs li a:hover {
  background: #34495e;
  color: #fff;
  border: 1px solid #34495e;
}

/* Pengaturan Background jumlah postingan berita */
.katego .ul-list li a span {
background: #d22;
color: #fff;
}

.arsipo .ul-list li a span{
background: #f90;
color: #fff;
}

.linko .ul-list li a span {
background: #8c0;
color: #fff;
}

.ul-list li:hover span {
  background: #fff;
  color: #777;
}