date-range i:before {
  cursor: pointer; 
}

.homeImageLink span { 
  color: red;
  font-weight: 300;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 15px;
  pointer-events: none;
}

.homeImageLink {
   position: absolute; 
   top: 38%; 
   left: 0;
   text-align: center; 
   width: 100%; 
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.scrollit {
    overflow:scroll;
    height:100px;
}

.dim
{
      height:100%;
      width:100%;
      position:fixed !important;
      left:0;
      top:0;
      z-index:10000 !important;      
}

.controls {
    margin-bottom: 20px;
}
.page-header {
    margin-top: 20px;
}

ul {
    list-style: none;
}

a {
    color: #ccc;
}
form {
    margin-bottom: 0;
}

.gridster {
    border: 0px solid #ccc;
}

/* mod para que sacar espaciado superior en el breadcrumb */
h3 > .breadcrumb,
.content-heading > .breadcrumb {
  padding: 0 0 7px 0; !important;
}

/* fix para que se vea bien el calendario dentro de un ngDialog */
.daterangepicker.dropdown-menu {
  z-index: 10001 !important; 
}  

/* estilo que se usa en los paneles con el gridster para que la linea de los paneles boostrap 
se vea hasta abajo*/ 
.gridster-panel {
  height: 100%;
}

/* fix que arregla en los paneles los botones al tener z-index 2 quedaban por encima */
.whirl:before {
  z-index: 3 !important;
}
.whirl:after {
  z-index: 3 !important;
}

/* estilos para que se muestren los triangulitos de ordenamiento de la smart-table */
.st-sort-header {
  cursor: pointer;
}

.st-sort-header:after {
  font-family: FontAwesome;
  content: '  \f0dc';
}

.st-sort-ascent:after{
  font-family: FontAwesome;
  content: '  \f0de';
}

.st-sort-descent:after{
  font-family: FontAwesome;
  content: '  \f0dd';
}

/* el spinner que viene por defecto del control tiene poca definicion, lo cambiamos por este otro */
.localytics-chosen.loading+.chosen-container-multi .chosen-choices {
  background-image: url('../img/spinner.gif') !important; 
}
.localytics-chosen.loading+.chosen-container-single .chosen-single span {
  background: url('../img/spinner.gif') no-repeat right !important;
}

.btn-toolbar-centered {
  text-align: center;
}

.btn-toolbar-centered .btn {
  float: none !important;
}


.btn-xss{
  
}
/*.flot-x-axis .flot-tick-label {
    white-space: nowrap;
    transform: translate(-9px, 0) rotate(-60deg);
    text-indent: -100%;
    transform-origin: top right;
    text-align: right !important;
}*/

.no-border {
  border: none;
}

@media (min-width: 1600px) {
  .col-xxl-custom-2 {
    width: 16.66666667%;
  }
  /* Add other custom styles for ultra-wide screens here */
}