body {
    background : #404040;
    color : black;
}

a {
color : #8E24AA;
}

.kontak {
    display: block;
    position: fixed;
    bottom: 0;
    left: 100%;
    margin: 0 0 0 -20%;
    padding : 8px;
    background-color : #afb42b;
    border-color : #afb42b;
    border-radius : 5%;
    color : white;
    text-align : center;
    
}



.btn-info, 
.btn-info:hover, 
.btn-info:active, 
.btn-info:visited, 
.btn-info:focus { 
background-color: #8E24AA; 
border-color: #8E24AA;
 }

.btn-icon {
color : #ff3d00;
}







.btn-link {
color : #8E24AA;;
}


.navbar  {

border-color : #404040; 

}

.container-fluid {
background-color: #404040 ; 
border-color : #404040; 

}


.panel {
border-color : #404040;
}

.panel-kelompok {
border-color : red;
}

.panel > .panel-heading {
background-image : none;
background-color: #7B1FA2;
border : 3px solid #7B1FA2;
color: white;
}





.halaman {
  font-size:16px;
color: #7B1FA2;
padding : 10px 15px;

margin : 10px;
border:1px solid #7B1FA2;  
	border-radius:10px;

}

.b {
  border:  2px solid #99cc00;
border-radius : 20px;
padding : 30px;
color : #666633;
margin : 20px;
  
}

.ikon {
font-size:40px;
color: #7B1FA2;


padding : 30px;
}



.kotak_lembaga {
margin:10px;
padding : 20px;
border : 1px solid #18d26e;
border-radius : 5px;
}

.kotak_order {
margin:5px;
padding : 5px;
border : 1px solid lightgrey;
border-radius : 5px;
}


.kotak-kelompok {
margin:10px;
padding : 20px;
border : 1px solid lightgrey;
border-radius : 5px;
}