#LOVDataTable {
  font-size: 12px;
}

  #LOVDataTable td {
    padding: 3px 8px;
  }

#LOVDataTable_paginate ul {
  margin: 0px 0px !important;
}

.modal-open {
  overflow-y: hidden !important;
}

.dataTables_filter {
  width: auto !important;
}

/* Start by setting display:none to make this hidden.
        Then we position it in relation to the viewport window
        with position:fixed. Width, height, top and left speak
        for themselves. Background we set to 80% white with
        our animation centered, and no-repeating */
.modalLoading {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba( 255, 255, 255, .8 ) url('http://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
        the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;
}

  /* Anytime the body has the loading class, our
        modal element will be visible */
  body.loading .modalLoading {
    display: block;
  }

/* 
    Estilo para los controles que se les aplica el formato autoNumeric
    url = http://www.decorplanit.com/plugin/
*/
.sfAutoNumericTextAling {
  text-align: right;
}


/*
    Estilo para los botones redondos 
*/

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

  .btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
  }

  .btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
  }

/*
    Estilo para colocar la flecha sobre los panels que pueden 'collapse'
*/

.panel-heading a.collapse:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  color: grey;
}

.panel-heading a.collapsed:after {
  content: "\e080";
}