#header {
  height: 65px;
  background-color: #CCCCCC;
  background-image: none; }
  #header #extr-page-header-space {
    line-height: 61px; }

#logo-group img {
  width: auto;
  height: 40px; }

#left-panel {
  padding-top: 64px;
  background-color: #005CAA;
  background-image: none; }

#show-shortcut span {
  color: white; }

#top-right .pull-right {
  margin-top: 5px; }

nav li a {
  color: #CCCCCC !important; }

nav li a:hover {
  color: #ffffff !important; }

nav ul ul {
  background-color: #16417C; }

nav .active a:hover {
  color: #ffffff !important; }

.login-page .img-logo-login {
  width: 70%;
  margin: 0 auto;
  padding-top: 100px; }

#demo-setting {
  display: none; }

.smart-form .control-label {
  margin-bottom: 5px; }

.fa-custom {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  background-position: center center;
  background-size: cover; }

.fa-dog-cat {
  background-image: url("../img/especie.png");
  width: 25px;
  height: 25px;
  margin-right: 5px; }

.fa-raca {
  background-image: url("../img/logo-raca.png");
  width: 25px;
  height: 29px;
  margin-right: 5px; }

@media (min-width: 768px) {
  .top-md-20 {
    padding-top: 20px; }
  .dl-horizontal dt {
    height: 30px; } }

@media (max-width: 767px) {
  .top-md-20 {
    margin-top: 0px; }
  .dl-horizontal dd {
    margin-bottom: 15px; } }

.mobile-view-activated #header, .mobile-detected #header {
  height: 60px; }

.mobile-view-activated #top-right .pull-right, .mobile-detected #top-right .pull-right {
  margin: 3px; }

.mobile-view-activated #left-panel, .mobile-detected #left-panel {
  padding-top: 60px; }

.mobile-view-activated .login-page .col-logo, .mobile-detected .login-page .col-logo {
  display: none; }

.mobile-view-activated .login-page .col-client-form, .mobile-detected .login-page .col-client-form {
  width: 100%; }