.noprint {
    display: none;
}

div.pagingContainer {
    float: right;
}

ul.filtroAlfab {
    list-style-type: none;
    margin: 0px;
    float: left;
}

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

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

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

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 div {
            padding: 4px;
        }

        div.searchBox div.setQuarter a {
            color: Gray;
            font-size: 120%;
            text-decoration: underline;
        }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors, .validation-summary-errors ul li {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

table .header {
    cursor: pointer;
}

    table .header:after {
        content: "";
        float: right;
        margin-top: 7px;
        border-width: 0 4px 4px;
        border-style: solid;
        border-color: #000 transparent;
        visibility: hidden;
    }

table .headerSortUp, table .headerSortDown {
    background-color: rgba(255, 255, 255, 0.25);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

table .header:hover:after {
    visibility: visible;
}

table .headerSortDown:after, table .headerSortDown:hover:after {
    visibility: visible;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

table .headerSortUp:after {
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    visibility: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}


/* 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
   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('./images/ajax-loader.gif') 50% 50% no-repeat;
}

/*ngonzalez styling the head tables*/
.table-bordered thead:first-child tr:first-child th, 
.table-bordered tbody:first-child tr:first-child th, 
.table-bordered tbody:first-child 
tr:first-child td {
    
          
  -moz-border-radius-topright: 10px !important;  
   border-top: 0;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#293863),color-stop(100%,#293863)) !important;
background-image: -webkit-linear-gradient(#293863,#293863) !important;
background-image: -moz-linear-gradient(#293863,#293863) !important;
background-image: -o-linear-gradient(#293863,#293863) !important;
background-image: -ms-linear-gradient(#293863,#293863) !important;
background-image: linear-gradient(#293863,#293863) !important;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0 !important;
-moz-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.2) !important;
-webkit-box-shadow: inset 0 2px 0 -1px rgba(255, 255, 255, 0.2) !important;
-o-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.2) !important;
box-shadow: inset 0 2px 0 -1px rgba(255, 255, 255, 0.2) !important;
border: 1px solid #52556D !important;
/*height: 28px !important;*/
line-height: 16px !important;
border-left: 0 !important;
border-bottom: 1px solid #8490C5 !important;
padding: 0 9px !important;
color: white !important;
font-weight: bold !important;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #45549E !important;
}

.table-bordered {
    border: 0px solid #dddddd !important;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*ngonzalez styling the head tables*/
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 10px !important;
          border-top-left-radius: 10px !important;
          
  -moz-border-radius-topleft: 10px !important;  
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#293863),color-stop(100%,#293863)) !important;
background-image: -webkit-linear-gradient(#293863,#293863) !important;
background-image: -moz-linear-gradient(#293863,#293863) !important;
background-image: -o-linear-gradient(#293863,#293863) !important;
background-image: -ms-linear-gradient(#293863,#293863) !important;
background-image: linear-gradient(#293863,#293863) !important;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;-moz-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.2) !important;
-webkit-box-shadow: inset 0 2px 0 -1px rgba(255, 255, 255, 0.2) !important;
-o-box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.2) !important;
box-shadow: inset 0 2px 0 -1px rgba(255, 255, 255, 0.2) !important;
/*border: 1px solid #525252 !important;*/
height: 28px;
line-height: 16px;
border-left: 0;
border-bottom: 1px solid #8490C5;
padding: 0 9px;
color: white;
font-weight: bold;
}

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px !important;
    border-top-right-radius: 10px !important;
    -moz-border-radius-topright: 4px !important;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd !important;
    border-right: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
}

.table th, .table td  {
  padding: 8px;
  line-height: 18px;
  text-align: center !important;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table thead th{
  vertical-align: middle !important;
}


/* 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;
    }

.scrollspy-example {
    height: auto;
    max-height: 300px;
    overflow: auto;
    position: relative;
}

#receipt {
    display: none;
}

.image-menu-abonado {
    background-image: url("./images/abonados-prueba.png");
    height: 32px;
    width: 32px;
    border: none;
}

.image-menu-previstas {
    background-image: url("./images/prevista.png");
    height: 32px;
    width: 32px;
    border: none;
}

.image-menu-medidores {
    background-image: url("./images/medidores.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-lecturas {
    background-image: url("./images/lecturas.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-cobros {
    background-image: url("./images/cobros.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-sectores {
    background-image: url("./images/sectores.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-config {
    background-image: url("./images/configuracion.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-reimprimir {
    background-image: url("./images/reimprimir.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-feriados {
    background-image: url("./images/feriados.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-mensajeria {
    background-image: url("./images/mensajeria.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-articulo {
    background-image: url("./images/articulos.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-proveedor {
    background-image: url("./images/proveedores.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-bodega {
    background-image: url("./images/bodega.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-marca {
    background-image: url("./images/marcas.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-unidad {
    background-image: url("./images/unidades.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-categoria {
    background-image: url("./images/categorias.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-tipomovimiento {
    background-image: url("./images/tiposmovimientos.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-proyecto {
    background-image: url("./images/proyectos.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-ordencompra {
    background-image: url("./images/ordenes.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-entrada {
    background-image: url("./images/entrada.png");
    height: 50px;
    width: 50px;
    border: none;
}

.image-menu-salida {
    background-image: url("./images/salida.png");
    height: 50px;
    width: 50px;
    border: none;
}


.expand-down ul, li {
    margin: 0;
    padding: 0;
}

.expand-down li {
    display: inline;
}

.expand-down a img {
    border: none;
    -webkit-transition: all .1s;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
}

.expand-down a:hover img, a:focus img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
}


.container-general {
    background-color: #FFF;
    border-radius: 8px 8px 8px 8px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    margin-bottom: 30px;
    padding: 10px;
}

.container-mainscreen {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;
}

.noisebg {
    background: #298ff6;
    background-image: url("/Content/images/zenbg-1.png"), url("/Content/images/zenbg-2.png");
    background-repeat: repeat-x, repeat;
}

.noisebg-soft {
    background-image: url(/Content/images/page-bg-noise.png);
}



.content-seo .seo-title {
    font-size: 20px;
    margin: 0px 0px 10px 0px;
}

.content-seo .seo-v-spacer1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.content-seo {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.general-title {
    font-size: 26px;
    color: #393939;
    background-color: #eaebec;
    background-image: -ms-linear-gradient(top, #dfe0e4, #eaebec);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #dfe0e4, #eaebec);
    background-image: linear-gradient(top, #dfe0e4,#eaebec);
    background-image: -moz-linear-gradient(top, #dfe0e4, #eaebec);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#dfe0e4', endColorstr='#eaebec', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 5px 20px 5px 20px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 20px;
    margin-top: 0px;
}

.section_subheading {
    margin-top: 10px;
    background: url(/Content/images/dotted.png) repeat-x center center;
}

    .section_subheading span.grey {
        background: #f5f5f5;
    }

    .section_subheading span {
        background-color: #fff;
        padding: 0 30px;
    }

.padded_section h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #404040;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.center {
    text-align: center;
}

.map {
    width: 100%;
    height: 500px;
    margin: 0;
}


/* Data Table */

/*
 * Table
 */
table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

    table.dataTable thead th {
        padding: 3px 18px 3px 10px;
        border-bottom: 1px solid black;
        font-weight: bold;
        cursor: pointer;
        *cursor: hand;
    }

    table.dataTable tfoot th {
        padding: 3px 18px 3px 10px;
        border-top: 1px solid black;
        font-weight: bold;
    }

    table.dataTable td {
        padding: 3px 10px;
    }

        table.dataTable td.center,
        table.dataTable td.dataTables_empty {
            text-align: center;
        }

/*
 * Table wrapper
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}


/*
 * Filter
 */
.dataTables_filter {
    float: left;
    text-align: left;
}


/*
 * Table information
 */
.dataTables_info {
    clear: both;
    float: left;
}



/*
 * Processing indicator
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}


/*
 * Scrolling
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.btn-play-container {
    position: relative;
}

    .btn-play-container img {
        z-index: 9;
    }

a.btn-play {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    color: #3d950b;
    opacity: .15;
    filter: alpha(opacity=15);
}

.homepage a.btn-play {
    top: 47%;
    left: 40%;
}

a.btn-play:hover, a.btn-play:active {
    color: #37870a;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

a.btn-play i {
    font-size: 150px;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

p.thumbnail-fix {
    padding: 5px;
}

.thumbnail-fix2 {
    padding-left: 100px;
}


table.small-letter-style tr {
    font-size: x-small;
}

/* bootstrap 3 helpers */
.navbar-form input, .form-inline input {
    width: auto;
}

header {
    height: 270px;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 25px;
        width: 228px;
    }

    #sidebar.affix {
        position: fixed;
        top: 25px;
        width: 228px;
    }
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}


body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.sidebar-nav {
    padding: 9px 0;
}

.affix, .affix-top {
    position: static;
}



.wellwhitebg {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  /*background-image: -moz-linear-gradient(top, rgb(28, 69, 216), #1C3A7B) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(28, 69, 216)), to(#1C3A7B)) !important;
  background-image: -webkit-linear-gradient(top, rgb(28, 69, 216), #1C3A7B) !important;
  background-image: -o-linear-gradient(top, rgb(28, 69, 216), #1C3A7B) !important;
  background-image: linear-gradient(to bottom, rgb(28, 69, 216), #1C3A7B)!important;*/
  /*-----------------------------------------------------------------------------------------------------------*/
   background-image: -moz-linear-gradient(top, #293863,#293863) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#293863), to(#293863)) !important;
  background-image: -webkit-linear-gradient(top, #293863,#293863) !important;
  background-image: -o-linear-gradient(top, #293863,#293863) !important;
  background-image: linear-gradient(to bottom, #293863,#293863)!important;
  background-repeat: repeat-x;
  border-color: #94B6DA;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

.navbar-inverse .brand {
    color: #FFFFFF !important;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .nav li > a {
    height: 16px;
}

.text-muted {
  color: #777777;
}

.small {
  font-size: 11.9px;
}