.munggah{
    margin-top: -20px;
}
.content{
    min-height: 79vh;
}
.kontene{
    padding:10px; 
    border:1px solid #aaa; 
    border-radius:5px; 
    min-height:250px; important!
}
.konten-blog{
    padding:10px; 
    border:1px solid #aaa; 
    border-radius:5px; 
    background-color: #ffffff;
    min-height:250px; important!
}
.tempat-konten p{
    line-height:normal;
}
.sidebare{
    padding:10px; 
    border:1px solid #aaa; 
    border-radius:5px; 
    min-height:250px; important! 
}
.title-sidebar{ 
    color:#fff; 
    font-size: 20px;
    padding:0 10px;
    padding-top:6px;
    padding-bottom:6px;
    margin:10px 0px;
    background-color: #0FCFFC;
    border-top:1px solid #aaa;
    border-radius:5px 5px 0px 0px;
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
}
.icon-sidebar{
    color:#000000;
    margin-right:10px;
}
.isi-sidebar{
    padding:0 10px;
    margin:10px 0px;
    margin-bottom:25px;
}
a.scrolltoatas {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 15px;
    z-index: 9999;
    font-size: 14px;
    border: none;
    outline: none;
    background-color: #004400;
    color: white;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 100px;
}
 
a.scrolltoatas:hover {
    background-color: #ADFF2F;
}

.sosmed-area{
    right:50px; 
    top:66px;
    position:absolute;  
    z-index:999;
}

 
@media (max-width: 700px) {
    .sosmed-area{
        left:80px; 
        top:110px; 
    }
}    
.icon-share{
    border: solid #eee 0.5px;
    border-radius:100px;
    height:30px !important;
    cursor: pointer;
}
.btnFacebook {background: none;}
.btnTwitter {background: none;}
.btnGoogle {background: none;}
.btnWastup {background: none;}
.txt-content {clear:both;padding-top: 5px;}
.txt-share{color: #FFF;padding-left:5px;}

table, th, td {
    vertical-align: baseline;
}  
   .loadinge {
			  position: absolute;
			  left: 50%;
			  top: 50%;
			  transform: translate(-50%,-50%);
			  font: 18px arial; 
			  font-color: #aaa;
			  z-index: 9999; 
			  display:none;
		}
    #example0 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example0 tr td a:hover {  
        color:  #0000CD;
    }
    #example1 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example1 tr td a:hover {  
        color:  #0000CD;
    }
    #example2 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example2 tr td a:hover {  
        color:  #0000CD;
    }
    #example3 tr:hover td { 
        background: #FFFF00   ;
        color: #339000;
    }
    #example3 tr td a:hover {  
        color:  #0000CD;
    }
    .hitam {
    /*-webkit-text-stroke: 1px yellow; */
    color: black; 
    text-shadow: 1px 1px 2px #fff, 0 0 25px green, 0 0 5px darkgreen;
    }
    .putih {
        color: white;
        text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px darkblue;
    }
    .kuning { 
        color: yellow;
        text-shadow: 1px 1px 2px black, 0 0 25px #dadada, 0 0 5px #000;
    } 
    .biru { 
        color: blue; 
        text-shadow: 1px 1px 2px #fff, 0 0 25px yellow, 0 0 5px #000;
        font-weight:800;
    }
    .hijau {
        color: green;
        text-shadow: 1px 1px 2px #888, 0 0 25px #fff, 0 0 5px red;
    }
    .merah {
        color: red;
        text-shadow: 1px 1px 2px #222, 0 0 25px green, 0 0 5px #fff;
    }
    .orange {
        color: orange;
        text-shadow: 1px 1px 2px black, 0 0 25px #fff, 0 0 5px #000;
    } 
    .kelabu {
        color: #aaa;
        text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkgreen;
    }


.sidebar-togglea{
    float:left;background-color:transparent;background-image:none;padding:15px 15px;
    color:#fff;
}
.main-header .sidebar-togglea:before{
    color:#fff;
}
.main-header .sidebar-togglea:hover{
    color:#eee;
}
.main-header .sidebar-togglea:focus,.main-header .sidebar-togglea:active{
    background:transparent;
    color:#eee;

} 
.isiteks {
    margin-left:20px;
} 
.slide-pengumuman{
    right:30px;
    position:fixed;
    top:180px;
    z-index:991;
    width:500px;
    max-width:100% !important;
}
 

@media screen and (max-width: 720px) {
    .nyempit {
        display:none;
    }
    .login-container{
        width: 100%;
    }
    .slide-pengumuman{
        width: 100%;
        left: 0px;
    }
    .tempat-konten img{
        width: 100%;
    }
}
/*untuk PrayTime */
#timetable {
    border-width: 1px; 
    border-style: outset; 
    border-collapse: collapse; 
    border-color: gray; 
    width: 9em;}
#timetable td, #timetable th {
    border-width: 1px; 
    border-spacing: 1px; 
    padding: 2px 4px; 
    border-style: inset; 
    border-color: #CCCCCC;}
#timetable th {
    color:black; 
    text-align: center; 
    font-weight: bold; 
    background-color: #F8F7F4;}
/*Tambahan Sosial media Share */
.socialanyar a{
    display:block;
    margin:2px 0 0 0;
    padding:3px 15px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    width: auto;
}
.socialanyar a:hover{
    filter: alpha(opacity = .6);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6;
    color: #66FF00;
    font-style: italic;
}
/*Twitter*/
.twitter{
    background:#1b8be0;
}
/*Facebook*/
.facebook{
    background:#3B5998;
}
/*WhatsApp*/
.whatsapp{
    background:#25d366;
}