body { color: #6a6a6a; }
a { color: #6a6a6a; text-decoration: underline; }
a:hover { color: #333333; }


.btn { border-radius:0; border:0px; text-decoration:none; }

.text-primary { color:  #f00885; }
.btn-primary { background-color:  #f00885; font-weight:bold; }

.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus { background-color:  #0b84d1; }

.well { background:transparent; border-color:#eeeeee; border-radius:0; font-size:130%; }
.well,
.well a { color:#f00885; }

.form-control { border-color: #0896f0; }

.btn-primary .glyphicon-user:before { content:" "; display:inline-block; width:20px; height:20px; position:relative; top:2px; background:transparent url("/web/img/user.PNG") center center no-repeat; background-size:100% 100%; }

.glyphicon-search:before { content:" "; display:inline-block; width:26px; height:26px; position:relative; top:2px; background:transparent url("/web/img/lupa.PNG") center center no-repeat; background-size:100% 100%; }
.navbar-toggle { height: 40px; line-height:1; }
.navbar-toggle .glyphicon-search::before { width:16px; height: 16px; top:0px; }

@media (max-width: 991px){
        body .navbar-header,
        body .navbar-left,
        body .navbar-right { float:none !important; margin-right:0; margin-left:0; }
        body .navbar-collapse.collapse { display:none !important; }
        body .navbar-collapse.in { display:block !important; overflow-y: auto; }
        body .navbar-toggle { display:block; }
        body .navbar-form { padding-left:0; padding-right:0; }
        
        body .media { display:block; }
        body .media .media-left,
        body .media .media-body,
        body .media .media-right { display:block; width:auto; padding-left:0; padding-right:0; }
}