/************ Menu MultiLevel****************/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/****** Fin Multilevel***********/

/*****  Filtro Alfabetico para Busqueda Index ******/
ul.filtroAlfab 
{
    list-style-type:none; 
    margin:0px;
    float:left;
}

ul.filtroAlfab li 
{ 
    margin:2px;
    font-size:130%;
    border: 1px solid #f5f5f5;
    padding:6px 8px;   
    float:left;
}

ul.filtroAlfab li.selected
{ 
    background-color:#333333;
    color:White;
}

ul.filtroAlfab li a 
{
   color:#333333;
}

/*****Fin Filtro Alfabetico******/
div.searchBox { 
                margin:10px 0px 10px 0px;
                border:3px solid #f2f2f2;
                padding:15px 10px 10px 15px;
                -webkit-border-radius:0 3px 3px 0;
                -moz-border-radius:0 3px 3px 0;
                border-radius:0 3px 3px 0;
                }
                
div.searchBox div.setQuarter
{
    padding:5px;
    margin:5px 0px 0px 30px;   
}                

div.searchBox div.setQuarter a
{
    color:Gray; 
    text-decoration:underline;
}

div.pagingContainer
{
    float:right;
}

/***** Mostrar el Cuadro de Dialogo Mas Arriba que Todos*/
.ui-dialog { z-index: 1600 !important ;}

.text-right {
  text-align:right;
}

.text-left {
  text-align:left;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: relative;
  bottom: 0;
  width: 100%; /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #000000;
  color: #C0C0C0;
}

/****** Max Styles */
.max280 {
 max-width: 280px;
}

.max140 {
 max-width: 140px;
}

.input-validation-error{
    background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

/***** navvar xs *******/
    .navbar-xs { min-height:28px; height: 28px; }
.navbar-xs .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 28px; }
.navbar-xs .navbar-text {margin-top:5px; margin-bottom:5px; }
.navbar-xs .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }


/**************** icon ajax ****************/
#loading-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  align-items: center;
  background-color: #000;
  z-index: 999;
  opacity: 0.5;
}

.loading-icon {
  position: absolute;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #767676;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
  z-index: 4;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/****** Fin Icon AJAX:*************/