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

body {background: #fff;}
#wrapper {background: #fff;}
#top-bar {background: #555;} 
#primary-header {background: #f7f7f7;}
.social .icon .fa {background:#8c3;color:#fff;}

.header .afterlogo {color:#777;}
.aleft .address span {background: #333;color:#fff;}
.aleft .address span .fa {background:#88cc33;color:#fff;}
.aleft .address .maps {border-top: 1px dotted #ccc;}
.aright .schin .slash {border-right:1px solid #ccc;}
.aright .schin span {color: #328d11;}
.aright .schin h3 {color:#57c31e;}
.aright .schin span.mail {color:#777;}

#dreamslide {background:#fff;border-bottom: 5px solid #47a30f;}
#sclock {background:rgba(250,250,250,0.5);}
#sclock .days { background: #47a30f;}
#sclock .days h2 { background: #47a30f;color: #fff;}
#sclock .days h3 { background: #47a30f;color: #fff;}
#sclock .days h4 { background: #47a30f;}
#sclock .days h6 { background: #333;color: #fff;}
#sclock h2 {background: #47a30f;color: #fff;}
#sclock h2.second {background: #fff;color:#47a30f;}
#sclock h4 {background: #333;color: #fff;}

#fixed-wrapper {background: #1daef2;}
#primary-navigator {background:#7fcc20;}

#five-post {background:#cae9aa;}
#five-post .five-title {border:2px solid #6fc55a;color:#6fc55a;}
#the-post .home-post li .content {background:rgba(10,130,10,0.8);}
.right-motivation {background:#cae9aa;}
.right-motivation  .before-keptalk{background:#1CAD1C;}
.before-keptalk .keptalk {background:#68c630;}
.before-keptalk  .keptalk .arrow {background:#68c630;}

.post-info {background:#f3f3f3;}
.post-info #announ-one {background:#f3f3f3;}
.half .half-content .five-title {color:#fff;background:#6fc55a;}
.half .half-content .half-list {background:#fff;border:1px solid #ddd;}
.half .half-content .half-list li {color:#1CAD1C;border-bottom:1px solid #ddd;}
.half .half-content .half-list li .infos{background:#1CAD1C;color:#fff;}
.half .half-content .half-list li span {background:#6fc55a;color:#fff;}
.half .half-content .half-list li h3 a{color:#1CAD1C;}
.half-content .half-list li p {color:#777;}

#right-info {background:#f3f3f3;}
#right-info .info-content .five-title {color:#fff;background:#4cb333;}
.motiva .homegall .linkgall {background: #6fc55a;}
.motiva .homegall .linkgall a { color:#fff;}

#prestapoll {border:1px solid #ddd; background:#4cb333;}
#prestapoll .voting {color:#fff;border:2px solid #fff;}
#prestapoll .jawaban {color:#fff;border:2px solid #fff;}
#prestapoll .jawaban a {color:#fff}
#prestapoll .poll {background: #fff;}

#news-ticker{background:#fff;border:1px solid #ddd;}
#news-ticker li{color:#296633;}
#news-ticker li span {background:#1CAD1C; color:#fff;}

#pres-content a{color: #109910;}
#pres-content a.button {color: #fff;}
.press .press-nineleft h4 {color:#4cb333;}
.press .press-nineleft img {border-bottom:3px solid #4cb333;}
.press .press-nineleft .metadata {color:#4cb333;}
.press .press-nineleft .sharing {background: #4cb333;color:#eee;}
.press .press-nineleft .sharing .fa {background: #eee;color:#4cb333;}
.press-nineright .nineright .another {background:#4cb333;color:#fff;}
.press-nineright .nineright ul li {border-bottom:1px dotted #ddd;background: #fafafa;}

.modal-header {background: #4cb333;}
.modal-header h3 {color: #fff;}
.modal-body {border-bottom: 5px solid #4cb333;}
.modal-body .prestasi-isi .close-button {color:#fff;background:#4cb333;} 
.modal-body .prestasi-isi .close-button button{background:#4cb333; color:#fff;}

.right-columns .right-lite .detail span {background:#4cb333;}
.right-columns .right-lite .close-button {color:#fff;background:#4cb333;}
.right-columns .right-lite .close-button button{background:#4cb333; color:#fff;}
.bot-cols th, .bot-cols td {background:#fff ! important;}

.tickercontainer .ticktitle { color:#fff;background:#090;}
.tickercontainer { background:#090;box-shadow: 0 0 10px #aaa;}
ul.newstickers span {color: #c7f962 ! important; }
ul.newstickers li a {color: #fff ! important;}
.tickercontainer .social{background:#090;}

.tree-menu ul li, .tree-menu li.current, .tree-menu ul ul li, .tree-menu li:hover {background: #333;}
.umum-link {position: absolute;bottom: 27px;right: 22px;}
.umum-link a {color:#6fc55a;font-weight:bold;}

.poll{color:#5E685B;}
.botpoll button{background:#6fc55a;}
.botpoll .jawaban{background:#6fc55a;}
.botpoll button:hover, .botpoll .jawaban:hover {background:#1CAD1C}
.my-style .button:hover {background: #1CAD1C ! important;}
.my-style .button {background: #6fc55a ! important;}

.tree-menu li:hover a{color:#fff}
.tree-menu li ul li:hover a{background:#4bba29}
.tree-menu li ul li:hover a{color:#fff}
.tree-menu ul ul li:hover{color:#4bba29}
 
#aside-secondary .propoll {background:#8cbd09;}
#aside-secondary .side-kep {background:#17930A;}
.side-kep .keptalk {background:#68c630;}
.side-kep .keptalk p a.more {color:#fff ! important;}
.side-kep .keptalk .arrow {background:#68c630;}
#yahoo {background:#4cb333;}

#footcont{color:#1CAD1C}
.footer-title h4{color:#1CAD1C;}
.infooter .ftitle h4 span {border:2px solid #38b642; color:#38b642;}
.infooter .archive a {color:#fff;}
.infooter .archive  span.links {background: #94AA8D;color:#fff; }
.infooter .latest ul#latestnews li {border-bottom: 1px solid #eee;}
.infooter .latest ul#latestnews li  img {width:60px;border:1px solid #ddd;}
.infooter .latest ul#latestnews li a {color: #5E685B;}
#more-links a {color: #5E685B; } 
#presfoot {background: #f7f7f7;color: #59b143;border-top:3px solid #59b143;}
.footleft .fa {background:#59b143; color:#fff;}
.footthree .footcenter {color:#59b143;}
.footcenter .fa {color:#59b143;}
.footthree .footright span {color: #777;}
#presfoot .footcopy {background:#47a30f;color:#fff;}
.footcopy a {color:#fff;}

.albums-list .fa {color:#109910;}
.table tbody tr:hover td, .table tbody tr:hover th {background: #e7e7e7;}
.table h3.download {color:#109910;}

.infooter .list .ul-list li {border-bottom: 1px dashed #addb7d;}
.login input{background: #f8f8f8;}
.well {background-color: #f5f5f5;}

#openmobi {background:#109910;}
.accordion li {background: #222;border-bottom: 1px solid #333;}
.accordion li ul {border-top:1px solid #333}

@media screen and (max-width: 800px) {
.aleft .address .maps {background: #333;color:#eee;}
}
@media screen and (max-width: 600px) {
#sclock {background:rgba(250,250,250,0);}
}
@media screen and (max-width: 480px) {
#sclock {background:rgba(250,250,250,0.5);}
}