body{
	/*background-color:  #e7e7e7;*/
	font-size:12px;
}
a:hover{
	text-decoration: none;
}
a:link{
	text-decoration: none;
}
.login-wrapper{
	margin-bottom: 100px;
	margin-top: 100px;
}
.login-body{
	border: 1px solid #e7e7e7;
}
.logo img{
	width: 100%;
	
}
.logo-nav {
	width: 100%;
	height: 100%;
}
.top-menu{
	margin-bottom: 0px;
}
.page-body{
	
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding-top: 15px;
	margin-top: 50px;
	/*background-color:  #fff;*/
}
.page-wrapper{
	margin-bottom: 100px;
	padding: 15px;
}

.viewtask{
	border: 1px solid #e7e7e7;
	margin-bottom: 25px;
}
.taskdetail{
	background: #F8F8F8;
	height: 100%;
}
.tab-content{
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 25px;
}
.list-comment{
	margin-bottom: 15px;
	/*border: 1px solid #e7e7e7;
	padding: 20px;*/
}
.comment{
	/*padding: 5px;*/
	border-bottom: 1px solid #e7e7e7;
}
.mediacontainer {
    list-style: outside none none;
    padding: 0;
}
.mediacontainer > li {
    display: inline-block;
    padding-bottom: 10px;
    text-align: center;
}
.clear {
    clear: both;
}

.modal-body img{
	width: 100%;
}
.img-modal{
	width: 100%;
	
}
.error{
	color: red;
}
.progress-bar{
	color: #000;
}

.progress{
	margin: 0;
}
.bottom1{
	margin-bottom: 0px;
	padding-top: 5px;
}
.news-lists{
	padding: 20px;
	border: 1px solid #e7e7e7;
	margin-bottom : 30px;
	height: auto;
}
#footer{
	margin-top: 25px;
}

.copy{
	text-align: center;
	margin-top: 10px;
}
.editkomentar{
	/*padding-right: 5px;*/
	/*border-right: 1px solid #000;*/
}

.other-pic span{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.other-pic img{
	max-height: 150px !important;
}

.subkomentar-item{
	
	/*margin-left: 80px;
	border-style: solid;
	border-color: #e7e7e7;
	border-width: 1px;*/
	padding: 5px;
	  
}
.main-comment{
	background: #efefef;
	border-style: solid;
	border-color: #e7e7e7;
	
}
hr {
    height: 1px;
    color:#d7d7d7;
    background-color:#d7d7d7;
    border: none;
}
.border-comment{
	border-style: solid;
  	border-width: 1px;
}
.detail-kendala{
	padding: 50px;
}
.komentar-item .btn, .subkomentar-item .btn{
	margin-right: 5px;
	padding: 5px 10px;
    font-size: 11px;
}

.komentar-item h4, .subkomentar-item h4{
	font-size: 17px;
    font-weight: bold;
	display: inline-block;
}

.komentar-item .btn.btn-default, .subkomentar-item .btn{
	background-color: #eee
}

.komentar-item .btn.btn-default.white, .subkomentar-item .btn.white{
	background-color: #fff
} 
.createdon{
	margin-bottom: 15px;
display: inline-block;
}
.komentar-item.alert-warning h4, .komentar-item.alert-warning p{
	color: #4e3f24
}

.alert.problem{
	padding: 15px 0;
}
@media(min-width:108px) and (max-width:600px){
	
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
	
}

/* Large */
@media(min-width:1200px){
	
}

hr.hr1{
	border-top: 1px solid #8c8b8b;
}


hr.hr2 {
	border-top: 3px double #8c8b8b;
}

hr.hr3 {
	border-top: 1px dashed #8c8b8b;
}

hr.hr4 {
	border-top: 1px dotted #8c8b8b;
}

hr.hr5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.hr6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.hr7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.hr8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.hr8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.hr9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.hr10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.hr11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.hr12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.hr13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.hr14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #c8c8c8, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #c8c8c8, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #c8c8c8, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #c8c8c8, #f0f0f0); 
}


hr.hr15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.hr15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.hr16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.hr16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.hr17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.hr17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.hr18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.hr18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}