.login-base {
    padding              : 10px;
    font-family          : "lucida grande", tahoma, verdana, arial, sans-serif;  
    font-size            : 12px;
    text-align           : left;                               
    -o-box-shadow        : inset 0 0 3px rgba(0,0,0,.1);
    -ms-box-shadow       : inset 0 0 3px rgba(0,0,0,.1);
    -moz-box-shadow      : inset 0 0 3px rgba(0,0,0,.1);
    -webkit-box-shadow   : inset 0 0 3px rgba(0,0,0,.1);
    box-shadow           : inset 0 0 3px rgba(0,0,0,.1);
    margin-top           : -3px ;
    margin-bottom        : 14px ;
    border-radius        : 3px 3px 3px 3px;
}
.login-box_psn {
    margin               : 0;
    text-align           : center;
    padding              : 0 20px 20px 20px;
}
/* Warna Box */
.info-msg {
    color                : #00529B;
    background-color     : #BDE5F8;                   
}

.warning-msg {
    color                : #9F6000;
    background-color     : #FEEFB3;
    border               : 1px solid #B19F24;
}
.welcome-msg {
    color                : #4F8A10;
    background-color     : #DFF2BF;
    border               : 1px solid #24B13F;
}
.success-msg {
    color                : #4F8A10;
    background-color     : #DFF2BF;
    border               : 1px solid #24B13F;
}
.error-msg {                
    color                : #D8000C;
    background-color     : #FFBABA;                
}
/* ------------- */
.putih {                
    color                : #333;                
}

.merah {                
    color                : #ED1B1B;                
    font-weight          : bold;
}
.merah_nb {                
    color                : #ED1B1B;                    
}
.blue_nb {                
    color                : #3251EC; 
    font-style           : italic;   
    font-size            : 13px;                
}
.bs-callout-welcome {
  background-color       : #f0f7fd;
  border-color           : #d0e3f0;
}
.tanggal {
     font-family          : "lucida grande", tahoma, verdana, arial, sans-serif;  
    font-size            : 12px;
}

.navbar {
    margin-bottom: 0px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.20);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.20);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.20);
}

.navbar-brand {
    padding: 19px 19px;
}

#footer {
    position: relative;
    background-color: #EEE;
    border-top: 5px solid rgba(0,0,0,0.2);
}
.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: #EEE;
}

#footer.dark, .dark #footer {
    background-color: #333;
    color: #CCC;
    border-top-color: rgba(0,0,0,0.2);
}

.footer_container_1 {    
    background-color: #333;
    color: #CCC;
    border-top-color: rgba(0,0,0,0.2);
}
.footer_container_2 {
    background-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.dark #copyrights {
    background-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
#copyrights {
    padding: 10px 0;
    background-color: #DDD;
    font-size: 12px;
    line-height: 1.8;
}

.our_partner {
    margin: 20px;
}

.bs-example {
    margin-right: 0px;
    margin-left: 0px;
    background-color: #FFF;
    border-color: #DDD;
    border-width: 1px;
    border-radius: 4px 4px 0px 0px;
    box-shadow: none;
}
.batas_atas{
    min-height: 60px;
}
.batas_bawah{
    min-height: 50px;
}

/**THE SAME CSS IS USED IN ALL 3 DEMOS**/    
/**gallery margins**/  
ul.gallery{    
margin-left: 3vw;     
margin-right:3vw;  
}    

.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position:relative;      
z-index:100;  
}

/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/  
@media only screen and (max-width: 768px) {   
ul.gallery {      
margin-left: 15vw;       
margin-right: 15vw;
}

/**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
.DivName {cursor: pointer}
}