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

body {background: #f6f6f6;}
#wrapper {background: #f6f6f6;}
#top-bar {background: #3AC011;} 
#primary-header {background: #f6f6f6;}

#fixed-wrapper {background:#111}
#primary-navigator {}
#content-wrapper{background:#f6f6f6}

.page-title  {background:url(../img/theme/title-bg.jpg) top center; background-size:100%;}
.page-title .de-title {background:rgba(0,0,0,0.8);}
.page-title .de-title h4 {color: #fff;}

.poll{color:#fff;}
.poll h4{color:#fff}
.star {color:#4FA40A;}
.botpoll button{background:#689064;}
.botpoll .jawaban{background:#689064;}
.botpoll button:hover, .botpoll .jawaban:hover {background:#4FA40A}
.my-style .button:hover {background: #4FA40A ! important;}
.my-style .button {background: #689064 ! important;}
.my-style.callus button{background: #4b8df8;color: #FFF;}

.tree-menu ul li {background:#171717;}
.tree-menu ul ul li {}
.tree-menu li:hover {background:#080;}
.tree-menu li:hover a{color:#fff}
.tree-menu li ul li:hover a{background:#090}
.tree-menu li ul li:hover a{color:#fff}
.tree-menu ul ul li:hover{color:#080}
.tree-menu li ul li ul li a{background:#080}
.tree-menu a{color:#fff}
.tree-menu li.quicksand {background:#090;}
.tree-menu li.facebook  {background:#2066AD;}
.tree-menu li.twitter  {background:#3bf;}
.tree-menu li.youtube {background:#f02;}
.tree-menu li.google {background:#d22;}
.tree-menu li.rss {background:#f90;}

.tickercontainer {background:#000;}
.slideshow {background:#333}
.slideshow #rarr {background:#333 url(../img/theme/right.png) center;}
.slideshow #larr {background:#333 url(../img/theme/left.png) center;}
#image-slider {background:#111;border:15px solid #689064;}
#image-slider .slide-title {background: #80A77C;color: #fff;}

#image-slider-two {border:15px solid #689064;background: #2E4837;}
#image-slider-two .slide-title {background: #8c0;color: #fff;}

#image-slider .flex-direction-nav .flex-prev {background:#80A77C url(../img/theme/right.png) center;}
#image-slider .flex-direction-nav .flex-next {background:#80A77C url(../img/theme/left.png) center;}
.flexslider{background:#2E4837 ! important;}
.phead {background:#2E4837;}
.phead h4 a {color:#829f6e;}
.phead p {color:#ccc}

/* DATA INNER */
.datainner {background: rgba(150, 225, 44, 0.8);}
.datainner:hover {background: rgba(150, 225, 44, 0);}
.inners {background:#333;}
.inners h3 {color: #ececec;}
.inners h3 .fa {background:#30AE09;}
.timers {background:#383838;color:#fff;}
.timers h4 {color: #ececec;}
.timers .fa {color:#fff;background:#6ec919;}
.timers .second {color:#8c3;}
.timers .date {font-weight:300;}
.address {background:#484848;}
.address h5 {color: #ececec;}
.address h5 .fa {background:#30AE09;}

/* INFO SEKOLAH */
.inseko {background:#222;color:#ddd;}
.rightbot {background:#8c0;}

.konten {background:#f2f2f2;}
.konten .quicknews .new-span {text-shadow:0 1px 2px #aaa;}
.konten .quicknews .new-span .spanl {color:#777;}
.konten .quicknews .new-span .spanr {color:#aaa;}
.konten .quicknews ul li {background:#fff;}
.konten .quicknews ul li .postkon .postisi {background:#fff;border-right:15px solid #f2f2f2;}
.konten .quicknews ul li .postkon .postisi h4 a {color:#676;}
.konten .quicknews ul li .postkon .postisi .home-more a {background:#8c3;color:#fff;}
.konten .quicknews ul li .postimg .imgisi {border-left: 15px solid #f2f2f2;}

.konten .quicknews ul li .postimg .top-image {background:#151;}
.konten .quicknews ul li:nth-child(2) .postkon .postisi {border-left:15px solid #f2f2f2;}
.konten .quicknews ul li:nth-child(2) .postkon .postisi .home-more a {background:#f90;color:#fff;}
.konten .quicknews ul li:nth-child(2) .postimg .imgisi {border-right: 15px solid #f2f2f2;}
.konten .quicknews ul li:nth-child(3) .postkon .postisi .home-more a {background:#3bf;color:#fff;}
.konten .quicknews ul li:nth-child(4) .postkon .postisi {border-left:15px solid #f2f2f2;}
.konten .quicknews ul li:nth-child(4) .postkon .postisi .home-more a {background:#f92cd2;color:#fff;}
.konten .quicknews ul li:nth-child(4) .postimg .imgisi {border-right: 15px solid #f2f2f2;}
.konten .quicknews ul li:nth-child(5) .postkon .postisi .home-more a {background:#777;color:#fff;}

.konten .rightbar .new-span {text-shadow:0 1px 2px #aaa;}
.konten .rightbar .new-span .spanl {color:#777;}
.konten .rightbar .new-span .spanr {color:#aaa;}

.konten .umum-after span{color:#fff;}
.konten .umum-after li:first-child { background: #80A77C;}
.konten .umum-after li:nth-child(2) { background: #689064;}
.konten .umum-after li:nth-child(3) { background: #80A77C;}
.konten .umum-after li:nth-child(4) { background: #689064;}
.konten .umum-after li:nth-child(5) { background: #80A77C;}
.konten .umum-after li:nth-child(6) { background: #689064;}
.konten .umum-after li:nth-child(7){ background: #80A77C;}
.konten .umum-after li {color:#fff;}
.konten .umum-after li .fa {color:#fff;}
.konten .umum-after .quicksand a {color:#fff;}

#news-ticker li{color:#fff;}

/* SAMBUTAN KEPSEK + SEKILAS INFO */

.head-o.home .headtalk {border-top:10px solid #8c3; background: rgba(0,0,0,0.8);}
.head-o .headtalk {border-top:5px solid #8c3; background: rgba(0,0,0,0.8);}
.head-o  .headtalk p{color:#ddd;}
.head-o  .headtalk  .headname strong {color: #8c3;}
.head-o  .headtalk  .headname a {color:#f90;}
.bottom-after{color:#fff;}
.botpoll button{color:#fff;}
.botpoll .jawaban{color:#fff ! important;}

#home-bot {background:#e7ece7;border-top:1px solid #d7d7d7;}
#home-bot .bottom .new-span {text-shadow:0 1px 2px #aaa;}
#home-bot .bottom .new-span .spanl {color:#777;}
#home-bot .bottom .new-span .spanr {color:#aaa;}
#galimg li.galhome .hover-e {background:rgba(0,0,0,0.3);}
#galimg li.galhome .hover-e:hover {background:rgba(0,0,0,0);}
#galimg li.galhome .hover-e .fa {background:#2E4837;color:#eee;}

#promaps {width:100%;background:#333;}
#promaps .addmaps {background:rgba(0,0,0,0.7);color:#eee;border-top:5px solid #8c3}
#main-content .widget-title h4{color:#53C50F;}
#main-content .widget .table thead { color: #fff;}
#main-content .widget .table h3 {color: #52AE11;}
#main-content .widget .provideo {background:#000;}
#main-content .widget-title h4 .views-all a {color:#aaa;}
#main-content .widget-title h4 .views-all a:hover {color:#777;}
#main-content .widget .postmore .post-content {background:#f6f6f6;}
#main-content .widget .postmore .metadata{border-bottom:1px solid #ddd;}
#main-content .widget .postmore .metadata .soc .fa {background:#718d77;}
#main-content .widget .postmore .metadata .soc a {color:#fff;}
#main-content .widget .postmore .postbott .bot-list li {border-bottom:1px solid #ddd;}
#main-content .widget .postmore .postbott .bot-list li a {color: #777;}
#main-content .widget .postmore .postbott h4 {border-bottom: 1px solid #ddd;}
#main-content .widget .table {background: #fff;border: 1px solid #ddd;}
#main-content .widget .table thead{ color: #eee;background: #89a28d;}
#main-content .widget .table th.number, #main-content .widget  .table td.number {border-right: 1px solid #ddd;}
#main-content .widget .table .motmodal {color: #fff;}
#main-content .widget .table.dfile h3 {color:#777}
#main-content .widget .table.dfile td.downfile {border-left:1px solid #ddd}
#main-content .widget .postmore .modal-header {background:#3b664b;}
#main-content .widget .postmore .modal-header h3 {color:#eee}
#main-content .widget .postmore .modal-body {background:#507a65; color:#eee;}
#main-content .widget .postmore .modal-body .ptk-pict .img .ptk-name {background: rgba(0,0,0,0.8);border-top:5px solid #8c3;color: #ddd;}
#main-content .widget .postmore .modal-footer {background:#3b664b;}
#main-content .widget .postmore .my-style {background: #f6f6f6;box-shadow: 0 0 10px #d5d5d5;}
#main-content .widget .postmore .vidtitle {background:#2E4837 ;color: #fff;}
#main-content .widget .postmore .post-loop li {background:#fff; border:1px solid #ddd;}
#main-content .widget .postmore .post-loop li a {color:#777;}
#main-content .widget .postmore .post-loop li h4 a {color:#777}
#main-content .widget .postmore .post-loop li h4.sitemap {color:#777}

#aside-secondary .widget-title h4{color:#53C50F;}
#aside-secondary a{color:#1e6b9c}
#aside-secondary .probar {background:#2E4837;}
#aside-primary {color:#444;background:#f6f6f6;}
#aside-primary .primahead h4 {border-bottom: 1px solid #333;}
#aside-primary .primacon .primanews li{border-top:1px solid #ddd;}
#aside-primary .primacon .primanews li a {color:#777;}
#aside-primary .primacon .primanews li span {color:#bbb;}
#aside-secondary {color:#667;background:#f6f6f6;}
#aside-secondary .primahead h4 {border-bottom: 1px solid #333;}
#aside-secondary a:hover{color:#888}
#aside-secondary .propoll {color:#fff;}

/* FOOTER PROGRESS */
#footcont{color:#ADC0AC}
.footer-title h4 span{background: #fff;border: 1px solid #ccc;}
.infooter.sch img {border-right:1px solid #aaa;border-left:1px solid #aaa;}
.infooter.sch h2 {color:#718d77;}
.infooter.sch p {color:#718d77;}
.infooter .list .ul-list li a{color:#ADC0AC}
.infooter .list .tags-list li {background:#718d77;}
.infooter .list .tags-list li a {color:#fff;}
.infooter .list .tags-list li a span {color:#fff;border-left:1px solid #CECFCE}
.infooter .list .falist li .fa {color: #fff;box-shadow: 0 3px 5px #8BAA9A;}
.infooter .list .falist li .fa-feed {background:#feaf0e;}
.infooter .list .falist li .fa-google-plus {background:#f00;}
.infooter .list .falist li .fa-youtube {background:#d00;}
.infooter .list .falist li .fa-twitter {background:#3bf;}
.infooter .list .falist li .fa-facebook {background:#036;}

.inlink {border-top: 1px dashed #bbb;background: #f7f7f7;}
.inlink .list span a {color: #718d77;}

#footer{color:#fff;}

.copyright{color:#fff;}
.copyright a{color:#fff;}
.dev .eloper{color:#fff;}
.dev .eloper a{color:#ADC0AC;}
.pagination ul li a{color:#666;border-right:1px #ddd dotted}
.pagination ul li a:hover{color:#667}
.pagination ul li.active a,.pagination ul li.active a:hover{color:orange}

.login input{border: 1px #ddd solid;}

.well {border: 1px solid #e3e3e3;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);}
.well blockquote {border-color: #ddd;border-color: rgba(0, 0, 0, .15);}

/* DOWNLOAD FILE */
.table tbody tr:hover td, .table tbody tr:hover th {background-color: #eee;}


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

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

h3.info {background: #4FA40A;color: #fff;}
#copyright-wrapper {background: #689064;}
.dev .eloper a{background:#3c604e;}
#sub-footer {background: #EAECEB;}

@media screen and (max-width: 1024px) {
#image-slider {border: 8px solid #689064;}
#image-slider-two {border: 8px solid #689064 ! important;}
#image-slider-two #slider.flexslider{ background:#333;}
}

@media screen and (max-width: 800px) {
#image-slider {border: 15px solid #689064;}
#image-slider-two {border: 15px solid #689064 ! important;}
#openmobi .soc-mob li.navicon {background:#090;}
}