.navbar-icon-top .navbar-nav .nav-link > .fa {position: relative;width: 36px;font-size: 24px;}
.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {font-size: 0.75rem;position: absolute;right: 0;font-family: sans-serif;}
.navbar-icon-top .navbar-nav .nav-link > .fa {top: 3px;line-height: 12px;}
.navbar-icon-top .navbar-nav .nav-link > .fa > .badge {top: -10px;}

@media (min-width: 576px) {
  .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link {text-align: center;display: table-cell;height: 70px;vertical-align: middle;padding-top: 0;padding-bottom: 0;}
  .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa {display: block;width: 48px;margin: 2px auto 4px auto;top: 0;line-height: 24px;}
  .navbar-icon-top.navbar-expand-sm .navbar-nav .nav-link > .fa > .badge {top: -7px;}
}

@media (min-width: 768px) {
  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {text-align: center;display: table-cell;height: 70px;vertical-align: middle;padding-top: 0;padding-bottom: 0;}
  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa {display: block;width: 48px;margin: 2px auto 4px auto;top: 0;line-height: 24px;}
  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fa > .badge {top: -7px;}
}

@media (min-width: 992px) {
  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {text-align: center;display: table-cell;height: 70px;vertical-align: middle;padding-top: 0;padding-bottom: 0;}
  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa {display: block;width: 48px;margin: 2px auto 4px auto;top: 0;line-height: 24px;}
  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fa > .badge {top: -7px;}
}

@media (min-width: 1200px) {
  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link {text-align: center;display: table-cell;height: 70px;vertical-align: middle;padding-top: 0;padding-bottom: 0;}
  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa {display: block;width: 48px;margin: 2px auto 4px auto;top: 0;line-height: 24px;}
  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fa > .badge {top: -7px;}
}

#navbarSupportedContent, .navbar-brand {margin-left: 25px;}
.clickable {cursor: pointer;}
#tituloMenu { font-family: impact; font-size: 30px;}
.dataTables_wrapper {width: 100%;}

#oDivLoading {
  display:    none;
  position:   fixed;
  z-index:    1000000;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .8 ) url('../img/loading.gif') 50% 50%  no-repeat;
}
body.loading #oDivLoading {overflow: hidden;}
body.loading #oDivLoading {display: block;}