.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #999 !important;
	background-color: #f5f5f5 !important;
	border-color: #ddd !important;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.button {
    margin: 10px 0px;
}


@media only screen and (max-width: 991px) {
    .hidden_on_mobile_view { display: none; } 
    .container { padding-left: 5px;width: 100% !important;padding: 0 4px 0 4px; } 
    
    #litera_language { display: block;margin-bottom: 0px !important;text-align:left !important; margin: 10px auto 30px auto !important; } 
    
    #logo { display: block;height: 40px; } 
    #logo a.standard-logo { display:block; } 
    .logo-container { background: url(/webApp/resources/img/image/logo-light-mobile.png) no-repeat;margin-top: 20px !important;width: initial; }
    
    .portfolio-item { width: 150px !important; float:left;  }     
    .portfolio-nomargin .portfolio-item  { width: 258px !important;margin: 0px !important; } 
    #portfolio:not(.portfolio-2) .portfolio-item  {  width: 160px !important;  } 
    #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item  {  width: 158px !important;  } 
    

    #primary-menu-trigger i { color: #5bc0de; } 
    #primary-menu-trigger { margin-top: 6px !important;padding: 3px;left: inherit !important;right: 4px !important;top:40px !important; } 
    
    
    #litera_login i { text-align: inherit;color: #ffffff; padding-right: 20px; } 
    #litera_login  { text-align: inherit;color: #ffffff;background-color:#5bc0de !important;font-size: 12px;line-height: 1.5;cursor: pointer; }     
    #litera_login span { border-radius: 0 !important;border: none;padding-right: 4px;padding-left: 20px; } 
    #litera_login_full { display: none } 
    
    #content article { min-height: 196px !important; } 
        
    .page-breadcrumb-litera { display:none; } 
    .breadcrumb-select { display: block; } 
    .breadcrumb-select .selectpicker { border: none;padding: 7px;margin: 4px;width: 50%;text-align: center; margin-right: 30px } 
    .breadcrumb-select .container { text-align: center } 

    #page-title { text-align: left;padding: 0;height: 40px;overflow: hidden } 
    #page-title h2 { display: none;text-align: left; } 
    #page-title .container { padding: 0; } 
    #page-title .breadcrumb { padding: 5px 7px 5px 5px !important;margin: 2px 0 0 !important;left: 4px !important; } 
    
    #slider div { display: none; } 
        
    #logo .row { margin-left: 0px; margin-right: 0px; }     
    #logo .row .col-md-10 { padding-left: 0px;left: -6px; } 

} 

@media only screen and (max-width: 358px) {
    #portfolio:not(.portfolio-2) .portfolio-item { width: 90% !important; }
    #portfolio.portfolio-nomargin:not(.portfolio-1) .portfolio-item { width: 90% !important; }
}

@media only screen and (min-width: 992px) {
    .breadcrumb-select{display: none;}
    #litera_login_full{display: block}
    #litera_login{display: none}
}