body{background: #F2F2F2;}
.header {
		display:inline; float:left; margin-bottom:0px; font-weight:normal; 
    border-bottom: 1px solid #ddd; padding: 0px 0px; width:100%; margin-top:0px;  color:#000;height:55px;  
    margin-bottom:15px; background:#fff;
}
.row-fluid{margin-top:0px;}
.menufluid{
	width: 90%;
text-align: center;
margin: 0 auto;
margin-top: 17px;
    
}

.header ul, .menufluid ul, .frame-chat ul, .frame-kotak ul {margin : 0; padding : 0; list-style : none;}
.header li, .menufluid li, .frame-chat li, .frame-kotak li{display:inline}
.menu{margin-top:17px;}
.menu a, .menu a:hover{font-size:14px;}
.frame-chat li{display:block; }
.frame-kotak li{display:block; border-bottom:1px dotted #ddd;}
 .menufluid a.on, .menufluid a.share{
     border-bottom:3px solid #FF4A00;
}

.menufluid a.share{
background:#0088AA;
}
.menufluid a.home, .menufluid a.papan {
padding:15px;
border:none;
margin-right:10px;
}
.menufluid a.papanew{
background:#555;
padding:15px;
border:none;
margin-right:10px;
margin-left:0px;
}

.menufluid a.home:hover, .menufluid a.papan:hover, .menufluid a.papanew:hover{
     background:#FF4A00;
padding:15px;
border:none;
margin-right:10px;
}

.menufluid a.papan, .menufluid a.papan:hover {margin-right:0px;}

.menufluid a.on:hover, .menufluid a.share:hover{background:#0088AA;margin-right:0px;}
.menufluid a.share:hover{
background:#FF4A00; float:right;
}
.menufluid a {
  color: #000;
  padding:14px 10px;
  font-size:14px;
  
}
.menufluid a:hover {
background:#0088AA;
padding:14px 10px;
color:#fff;
}

.dropdown-menu>li>a, .dropdown-menu>li>a:hover{text-align: left; padding:6px;}

.menu-wrapper{margin-bottom:0px;}
.menu{width:80%;}
.map{background:#EEEEEE; padding:10px;}

.map-konten{background:#fff; padding:10px 0px;   margin:0px; min-height:750px; margin-right:0px; margin-top:0px;  display:block; margin-left:25px; float:left; padding-bottom:30px; min-width:94%; }
.map-konten p{font-size:14px; color:#666;}

.map-pengajar{background:#bbb; margin:10px 0px; margin-right:0px; margin-left:0px; margin-bottom:0px; width:99%;}

.map-pengajar-user{background:#bbb; padding:4px 6px;   color:#fff; height:20px;}
.map-pengajar-user a{color:#fff;}

.map-sidebar{background:#fff; padding:10px; border-left:6px solid #CCCCCC; min-height:600px; display:block; height:100%}
.map-kiri{padding:0px 6px; min-height:900px; height:100%; overflow:hidden;}
.footer_wrepper{margin-top:0px;}
.frame-map {
float: left; padding: 4px; width: 96%; display: inline; margin-bottom: 0px; border-top: 1px solid #ccc; background: #fff; border: 1px solid #ddd;
margin-top: 5px;}
.logos{margin-left:0px; width: 35px; margin-top:10px; float:right;}
.tutupmodal{margin:0px; }
.tutupmodal a{background:#bbb; float: left;  padding:4px 7px; display: inline;  width:94%; text-align:center; font-size:12px; font-weight:normal;  color:#000; }
.tutupmodal a:hover {background:#FF0900; float: left;  padding:4px 7px; display: inline;  width:94%; text-align:center; color:#fefefe;}

.arsip-konten{background:#fff; padding:10px; border:1px solid #ddd; border-bottom:2px solid #ddd; margin:10px 0px; margin-right:0px; color:#000; width:90%; margin-left:10px;}
.arsip-konten a{font-size:14px; color:#999;}
.arsip-konten a:hover{font-size:14px; color:#000;}

.frame-map img{max-width:96%;}
#controls 		{ padding:0px; }
.color 			{ display:inline-block; width:20px; height:20px; margin:10px 3px 0 0; border:1px solid #ccc; cursor:pointer; opacity:0.3; padding }
.color.active	{ opacity:1; }
.clearcanvas { display:inline-block; width:20px; height:20px; margin:10px 6px 0 0; border:1px solid #ccc; cursor:pointer; }
.konten-hare{width:100%; background: #fff; float:left;  margin-bottom:30px; border:1px solid #e9e9e9;}
.span8{background:#fff;}
#myCanvas {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.canf-hare {
   padding:10px;
   font-size:15px;
   overflow-x:hidden;

}
.canf-hare::-webkit-scrollbar {width: 10px; background:#ddd;}.canf-hare::-webkit-scrollbar-track {margin: 3em; background:#ddd;}.canf-hare::-webkit-scrollbar-thumb {border-radius: 10px; background: #aaa; }
.marginright100{margin-right:100px;}
.menuuser{display:inline; float:left}
.menuuser a{color:#eee; font-size:13px; padding:10px; float:left;}
.menuuser a:hover{color:#999;}
.dropdown-menu{ color:#666;}
.dropdown-menu a{color:#000;}
.dropdown-menu li{color:#666;}
.modal-body .span7 {
min-width: 600px;
}
.modal-body .span5 {
min-width: 450px;
}
.frame-aktifitas .span6{
    width: 84%;
}
.frame-oo .span1{min-width:60px;}
#detailhare .span1{min-width:60px;}

.post-tools{float:left;}
.post-tools a{font-size:1em; padding: 0.7em 1em; float:left; text-align:center;  background:#eee; margin:0.2em; }
.post-tools a:hover{font-size:1em; color:#fff; background:#0088AA;}
.flow-tipe{font-size:12px; text-align:center; padding:12px 0px; float:left; text-align:center; width:50px; background:#000; margin:6px; color:#eee;}
.icon25{font-size:2em; text-align:center}
#icon25{font-size:2em; text-align:center; display:block}
#icon15{font-size:1.5em; text-align:center; display:block}

h2{font-size:22px; font-weight:normal;}
h3, h4 {color:#666;}
.markdown p{color:#666; font-size: 1.1em; margin-bottom:12px;}
.markdown img{max-width:94%; border:1px solid #ccc; padding:3px;}
.frame-flow{background:#F2F2F2; border-bottom:2px solid #eaeaea; padding:0.5em 0.8em; width: 94%; float: left; margin-top:6px;}
.frame-cmd{background:#F2F2F2; border:1px solid #eee; color:#000; border-bottom:3px solid #e5e5e5; padding:15px 10px; width: 97%; float: left; margin-top:6px; margin-bottom:10px;}
.frame-tanya{background:#fff;  margin-bottom:10px; overflow:hidden; border:1px solid #ddd; margin-top:10px;}
.frame-tanya p, .pertanyaan-slide{font-size:16px; color:#666; margin-bottom:10px; line-height:150%;}
.frame-perintah-text{float:left; width:97%; background:#000; padding:4px;}
.input-prepend{margin-bottom:0px; float:left; background:#000; width:90%;}
.outputask{float:left; padding:10px; font-size:15px;}
.movet{cursor: move;}
.frame-chat{background:#fff; float:left; font-size:12px; padding:4px 0px; margin-bottom:5px; overflow:hidden; color:#777;}
.margintop8{margin-top:8px;}
#myDetail .modal-body{padding:25px 15px;}
.frame-flow-konten{font-size:14px; margin-bottom:15px; width:95%; float:left;}
.frame-flow-konten h3{font-size:18px;}
.frame-flow-konten p{line-height:1.5;}
.frame-url-priview {
background: #fff;
float: left;
font-size: 13px;
padding: 10px 0px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
width:100%;
text-align:center;
color:#777;
margin-bottom:15px;
}
.nextslide{margin-top:20px; display:block; text-align:center}
.nextslide a{text-align:center}
.btn-kotak{background:#fff; padding:4px 10px;}
.frame-kotak{background: #fff;
float: left;
font-size: 12px;
padding: 0px 0px 10px 0px;
width: 100%;
margin-bottom: 5px;
overflow: hidden;
color: #777;
border-bottom: 1px solid #ddd;
}
.frame-chat h3 a{color:#5F0808;}
.frame-chat h3 a:hover{color:#000;}
.sharedataform{width:96%;  border:1px solid #ddd;}
.pencarianhere .span3{width:250px}
.span12{margin-top:0px;}
#soal .span6{width:95%;}
.btn-tengah{text-align: center; color: #fff;font-size: 15px; padding: 8px 20px; margin:6px 0px; border-radius:4px 4px 4px 4px; margin-top:20px;}
.btn-tengah:hover{color:#eee;}
.table {
    color: #666666;
    font-weight:400;
}
.notifnol{display:none;}
.flowtipetop{background:#000000;
    color: #FFFFFF;
    font-size: 11px;
    padding:2px 6px;
   float:left;
    display:block;
    margin-top:6px;
margin-right:5px;
    margin-bottom: 5px;
}
.h2top{
    font-size: 24px;
    margin-bottom:0px;
    line-height:1;
    margin-top:5px;
}
.frame-soal-slide p{font-size:20px; color:#333;}
.frame-soal-slide-esai p{font-size:18px; color:#333;}
.frame-jawaban-slide p {
font-size: 16px;
color: #fff;
}
.frame-progress{width:80px; margin:0px}
.frame-progress-quiz-no{margin-left:15px;}
.namatitleactivity {
width: 62%;}
.activitykont {
min-width: 400px;
} .pertanyaanslide{font-size:14px;}
.pdfhere{background:#000; border:1px solid #ccc; color:#eee; text-align: center;}
.pdfhere h2{color:#ccc;}
.pdfmenuhere{
background: #222;
float: left;
width: 100%;
padding:4px 0px;
border-bottom: 2px solid #111;}

.icon-logo-hitam{
background: url("../logo-kelas-hitam-kecil.png") no-repeat center;
width: 35px;
}
.frame-aktifitas2{
    min-width:500px;
}
.btn-merah, .btn-merah:hover {
border-bottom: 2px solid #B56371;
}
pre{padding-top:8px}


.document-textarea {
  position: relative;
  width: 100%;
  height: 100%; }
  .document-textarea::-webkit-scrollbar {
    width: 7px; }
  .document-textarea::-webkit-scrollbar-track {
    margin: 3rem; }
  .document-textarea::-webkit-scrollbar-thumb {
    border-radius: 14px;
    background: #ddd; }
.frame-img img{max-width:95%;}
.frame-sticky{width:93%; margin-top:10px; margin-bottom:10px;}

#jPanelMenu-menu{color:#fff; font-size:16px;}
#jPanelMenu-menu ul{padding-top:0px;}
#jPanelMenu-menu li.home a:hover{background:#000;}
#jPanelMenu-menu li.home{background:#666;}
#jPanelMenu-menu li.pela {background:#999; padding:10px 20px;}
#jPanelMenu-menu li.pela a:hover{background:#000;}
#jPanelMenu-menu li.pela a {background:#777; padding:10px 6px;}
#jPanelMenu-menu li.pelaja {background:#999; padding:15px; font-size:20px; text-align: center; border-bottom:1px solid #aaa;}
.mm-list li{border:none;}
.menu-wrapper {width:100%; height:3em;  padding: 0px 0 0 0;display : block;font-weight: normal; float:left; border-bottom: 1px solid #E6E6E6; background: #F5F5F5 url("../images/logo-kelas-font.png") no-repeat center;
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.popover-title{background:#000; color:#ccc; opacity:0.9; border-bottom:1px solid #999}
.popover-content{background:#000; color:#ccc; opacity:0.9}
.frame-soal-slide{width:90%;}
.texttodo{font-size:16px;min-width: 550px;
line-height: 1.4;
margin-bottom: 20px;}

.frame-aktifitas {
width:96%;  
border: 1px solid #ddd;
padding: 10px 5px;
}
.spanbox{margin-left:0px;}
.dates p{font-size:12px;}