﻿/*Autocompletar typeahead*/
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
 
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 1px;
	 -moz-border-radius: 1px;
		  border-radius: 1px;
  outline: none;
}

.typeahead {
  background-color: #fff; 
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999;
}

.tt-menu {
  width: 422px;
  margin: 5px 0;
  padding: 3px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 1px;
	 -moz-border-radius: 1px;
		  border-radius: 1px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
	 -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
		  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 10px;
  font-size: 18px;
  line-height: 24px;
  text-align:left;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0667B4;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0667B4;

}

.tt-suggestion p {
  margin: 0;
}
/*Fin autocompletar typeahead*/



.glyphicon-refresh-animate {
	-webkit-animation: spin .7s infinite linear;
	-moz-animation: spin .7s infinite linear;
	animation: spin .7s infinite linear;
	color: #39b3d7; 
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg);}
	to { -moz-transform: rotate(360deg);}
}

@keyframes spin {
	from { transform: rotate(0deg);}
	to { transform: rotate(360deg);}
}
.categoria-active
{
	background-color:#f0f0f0 !important;
	color:Red;
}

.animate-14px{
   font-size: 14px;    
}

.animate-24px{
   font-size: 24px;    
}
.animate-48px{
   font-size: 48px;    
}
div.dataTables_paginate {
   float: right;
	margin-right: -169px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	color: #fff;
	background-color: #0667B4;
	border-color: #337ab7;
	border: 1px solid #0667B4;

} 

/* iframe itself */
div#content-body > iframe 
{
    position: fixed;
    /*display: block;*/
    width: 1000px;
    margin:0 auto !important;
    height: 100%;
    border: none;
    overflow:auto;
    padding:0 0 100px 0;
}


#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(255, 255, 255, 0.4);
    z-index:99; /* makes sure it stays on top */
}
.logopreload
{
    width: 225px;
    height: 200px;
    position: absolute;
    left: 48%;
    top: 44%;
}
#status
{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 48%;
    top: 44%;
}

.ohidden
{
    overflow:hidden;
}




/*Agrega*/



.ico-small {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin-right: 10px;
  background-image: url(../img/ico-sprite.png);
}


.ico-blue {
  background-position: 0 0;
}
.ico-blue.ico-rss {
  background-position: 0 0;
}
.ico-blue.ico-rss:hover {
  background-position: 0 -20px;
}
.ico-blue.ico-video {
  background-position: -20px 0;
}
.ico-blue.ico-video:hover {
  background-position: -20px -20px;
}
.ico-blue.ico-user {
  background-position: -40px 0;
}
.ico-blue.ico-user:hover {
  background-position: -40px -20px;
}
.ico-blue.ico-go {
  background-position: -60px 0;
}
.ico-blue.ico-go:hover {
  background-position: -60px -20px;
}
.ico-blue.ico-cel {
  background-position: -80px 0;
}
.ico-blue.ico-cel:hover {
  background-position: -80px -20px;
}
.ico-blue.ico-pic {
  background-position: -100px 0;
}
.ico-blue.ico-pic:hover {
  background-position: -100px -20px;
}
.ico-blue.ico-phone {
  background-position: -120px 0;
}
.ico-blue.ico-phone:hover {
  background-position: -120px -20px;
}
.ico-blue.ico-usb {
  background-position: -140px 0;
}
.ico-blue.ico-usb:hover {
  background-position: -140px -20px;
}
.ico-blue.ico-candado {
  background-position: -160px 0;
}
.ico-blue.ico-candado:hover {
  background-position: -160px -20px;
}
.ico-blue.ico-equis {
  background-position: -180px 0;
}
.ico-blue.ico-equis:hover {
  background-position: -180px -20px;
}
.ico-blue.ico-mail {
  background-position: -200px 0;
}
.ico-blue.ico-mail:hover {
  background-position: -200px -20px;
}
.ico-blue.ico-lupa {
  background-position: -220px 0;
}
.ico-blue.ico-lupa:hover {
  background-position: -220px -20px;
}
.ico-blue.ico-vinculo {
  background-position: -240px 0;
}
.ico-blue.ico-vinculo:hover {
  background-position: -240px -20px;
}
.ico-blue.ico-trash {
  background-position: -260px 0;
}
.ico-blue.ico-trash:hover {
  background-position: -260px -20px;
}
.ico-blue.ico-view {
  background-position: -280px 0;
}
.ico-blue.ico-view:hover {
  background-position: -280px -20px;
}
.ico-blue.ico-add-mail {
  background-position: -300px 0;
}
.ico-blue.ico-add-mail:hover {
  background-position: -300px -20px;
}
.ico-blue.ico-doc {
  background-position: -320px 0;
}
.ico-blue.ico-doc:hover {
  background-position: -320px -20px;
}
.ico-blue.ico-docs {
  background-position: -340px 0;
}
.ico-blue.ico-docs:hover {
  background-position: -340px -20px;
}
.ico-blue.ico-prohibido {
  background-position: -360px 0;
}
.ico-blue.ico-prohibido:hover {
  background-position: -360px -20px;
}
.ico-blue.ico-imprimir {
  background-position: -380px 0;
}
.ico-blue.ico-imprimir:hover {
  background-position: -380px -20px;
}
.ico-blue.ico-upload {
  background-position: -400px 0;
}
.ico-blue.ico-upload:hover {
  background-position: -400px -20px;
}
.ico-blue.ico-download {
  background-position: -420px 0;
}
.ico-blue.ico-download:hover {
  background-position: -420px -20px;
}
.ico-blue.ico-edit {
  background-position: -440px 0;
}
.ico-blue.ico-edit:hover {
  background-position: -440px -20px;
}
.ico-blue.ico-date {
  background-position: -460px 0;
}
.ico-blue.ico-date:hover {
  background-position: -460px -20px;
}

.ico-gris {
  background-position: 0 -40px;
}
.ico-gris.ico-rss {
  background-position: 0 -40px;
}
.ico-gris.ico-rss:hover {
  background-position: 0 -60px;
}
.ico-gris.ico-video {
  background-position: -20px -40px;
}
.ico-gris.ico-video:hover {
  background-position: -20px -60px;
}
.ico-gris.ico-user {
  background-position: -40px -40px;
}
.ico-gris.ico-user:hover {
  background-position: -40px -60px;
}
.ico-gris.ico-go {
  background-position: -60px -40px;
}
.ico-gris.ico-go:hover {
  background-position: -60px -60px;
}
.ico-gris.ico-cel {
  background-position: -80px -40px;
}
.ico-gris.ico-cel:hover {
  background-position: -80px -60px;
}
.ico-gris.ico-pic {
  background-position: -100px -40px;
}
.ico-gris.ico-pic:hover {
  background-position: -100px -60px;
}
.ico-gris.ico-phone {
  background-position: -120px -40px;
}
.ico-gris.ico-phone:hover {
  background-position: -120px -60px;
}
.ico-gris.ico-usb {
  background-position: -140px -40px;
}
.ico-gris.ico-usb:hover {
  background-position: -140px -60px;
}
.ico-gris.ico-candado {
  background-position: -160px -40px;
}
.ico-gris.ico-candado:hover {
  background-position: -160px -60px;
}
.ico-gris.ico-equis {
  background-position: -180px -40px;
}
.ico-gris.ico-equis:hover {
  background-position: -180px -60px;
}
.ico-gris.ico-mail {
  background-position: -200px -40px;
}
.ico-gris.ico-mail:hover {
  background-position: -200px -60px;
}
.ico-gris.ico-lupa {
  background-position: -220px -40px;
}
.ico-gris.ico-lupa:hover {
  background-position: -220px -60px;
}
.ico-gris.ico-vinculo {
  background-position: -240px -40px;
}
.ico-gris.ico-vinculo:hover {
  background-position: -240px -60px;
}
.ico-gris.ico-trash {
  background-position: -260px -40px;
}
.ico-gris.ico-trash:hover {
  background-position: -260px -60px;
}
.ico-gris.ico-view {
  background-position: -280px -40px;
}
.ico-gris.ico-view:hover {
  background-position: -280px -60px;
}
.ico-gris.ico-add-mail {
  background-position: -300px -40px;
}
.ico-gris.ico-add-mail:hover {
  background-position: -300px -60px;
}
.ico-gris.ico-doc {
  background-position: -320px -40px;
}
.ico-gris.ico-doc:hover {
  background-position: -320px -60px;
}
.ico-gris.ico-docs {
  background-position: -340px -40px;
}
.ico-gris.ico-docs:hover {
  background-position: -340px -60px;
}
.ico-gris.ico-prohibido {
  background-position: -360px -40px;
}
.ico-gris.ico-prohibido:hover {
  background-position: -360px -60px;
}
.ico-gris.ico-imprimir {
  background-position: -380px -40px;
}
.ico-gris.ico-imprimir:hover {
  background-position: -380px -60px;
}
.ico-gris.ico-upload {
  background-position: -400px -40px;
}
.ico-gris.ico-upload:hover {
  background-position: -400px -60px;
}
.ico-gris.ico-download {
  background-position: -420px -40px;
}
.ico-gris.ico-download:hover {
  background-position: -420px -60px;
}
.ico-gris.ico-edit {
  background-position: -440px -40px;
}
.ico-gris.ico-edit:hover {
  background-position: -440px -60px;
}
.ico-gris.ico-date {
  background-position: -460px -40px;
}
.ico-gris.ico-date:hover {
  background-position: -460px -60px;
}

.ico-verde {
  background-position: 0 -80px;
}
.ico-verde.ico-rss {
  background-position: 0 -80px;
}
.ico-verde.ico-rss:hover {
  background-position: 0 -100px;
}
.ico-verde.ico-video {
  background-position: -20px -80px;
}
.ico-verde.ico-video:hover {
  background-position: -20px -100px;
}
.ico-verde.ico-user {
  background-position: -40px -80px;
}
.ico-verde.ico-user:hover {
  background-position: -40px -100px;
}
.ico-verde.ico-go {
  background-position: -60px -80px;
}
.ico-verde.ico-go:hover {
  background-position: -60px -100px;
}
.ico-verde.ico-cel {
  background-position: -80px -80px;
}
.ico-verde.ico-cel:hover {
  background-position: -80px -100px;
}
.ico-verde.ico-pic {
  background-position: -100px -80px;
}
.ico-verde.ico-pic:hover {
  background-position: -100px -100px;
}
.ico-verde.ico-phone {
  background-position: -120px -80px;
}
.ico-verde.ico-phone:hover {
  background-position: -120px -100px;
}
.ico-verde.ico-usb {
  background-position: -140px -80px;
}
.ico-verde.ico-usb:hover {
  background-position: -140px -100px;
}
.ico-verde.ico-candado {
  background-position: -160px -80px;
}
.ico-verde.ico-candado:hover {
  background-position: -160px -100px;
}
.ico-verde.ico-equis {
  background-position: -180px -80px;
}
.ico-verde.ico-equis:hover {
  background-position: -180px -100px;
}
.ico-verde.ico-mail {
  background-position: -200px -80px;
}
.ico-verde.ico-mail:hover {
  background-position: -200px -100px;
}
.ico-verde.ico-lupa {
  background-position: -220px -80px;
}
.ico-verde.ico-lupa:hover {
  background-position: -220px -100px;
}
.ico-verde.ico-vinculo {
  background-position: -240px -80px;
}
.ico-verde.ico-vinculo:hover {
  background-position: -240px -100px;
}
.ico-verde.ico-trash {
  background-position: -260px -80px;
}
.ico-verde.ico-trash:hover {
  background-position: -260px -100px;
}
.ico-verde.ico-view {
  background-position: -280px -80px;
}
.ico-verde.ico-view:hover {
  background-position: -280px -100px;
}
.ico-verde.ico-add-mail {
  background-position: -300px -80px;
}
.ico-verde.ico-add-mail:hover {
  background-position: -300px -100px;
}
.ico-verde.ico-doc {
  background-position: -320px -80px;
}
.ico-verde.ico-doc:hover {
  background-position: -320px -100px;
}
.ico-verde.ico-docs {
  background-position: -340px -80px;
}
.ico-verde.ico-docs:hover {
  background-position: -340px -100px;
}
.ico-verde.ico-prohibido {
  background-position: -360px -80px;
}
.ico-verde.ico-prohibido:hover {
  background-position: -360px -100px;
}
.ico-verde.ico-imprimir {
  background-position: -380px -80px;
}
.ico-verde.ico-imprimir:hover {
  background-position: -380px -100px;
}
.ico-verde.ico-upload {
  background-position: -400px -80px;
}
.ico-verde.ico-upload:hover {
  background-position: -400px -100px;
}
.ico-verde.ico-download {
  background-position: -420px -80px;
}
.ico-verde.ico-download:hover {
  background-position: -420px -100px;
}
.ico-verde.ico-edit {
  background-position: -440px -80px;
}
.ico-verde.ico-edit:hover {
  background-position: -440px -100px;
}

.ico-rojo {
  background-position: 0 -120px;
}
.ico-rojo.ico-rss {
  background-position: 0 -120px;
}
.ico-rojo.ico-rss:hover {
  background-position: 0 -140px;
}
.ico-rojo.ico-video {
  background-position: -20px -120px;
}
.ico-rojo.ico-video:hover {
  background-position: -20px -140px;
}
.ico-rojo.ico-user {
  background-position: -40px -120px;
}
.ico-rojo.ico-user:hover {
  background-position: -40px -140px;
}
.ico-rojo.ico-go {
  background-position: -60px -120px;
}
.ico-rojo.ico-go:hover {
  background-position: -60px -140px;
}
.ico-rojo.ico-cel {
  background-position: -80px -120px;
}
.ico-rojo.ico-cel:hover {
  background-position: -80px -140px;
}
.ico-rojo.ico-pic {
  background-position: -100px -120px;
}
.ico-rojo.ico-pic:hover {
  background-position: -100px -140px;
}
.ico-rojo.ico-phone {
  background-position: -120px -120px;
}
.ico-rojo.ico-phone:hover {
  background-position: -120px -140px;
}
.ico-rojo.ico-usb {
  background-position: -140px -120px;
}
.ico-rojo.ico-usb:hover {
  background-position: -140px -140px;
}
.ico-rojo.ico-candado {
  background-position: -160px -120px;
}
.ico-rojo.ico-candado:hover {
  background-position: -160px -140px;
}
.ico-rojo.ico-equis {
  background-position: -180px -120px;
}
.ico-rojo.ico-equis:hover {
  background-position: -180px -140px;
}
.ico-rojo.ico-mail {
  background-position: -200px -120px;
}
.ico-rojo.ico-mail:hover {
  background-position: -200px -140px;
}
.ico-rojo.ico-lupa {
  background-position: -220px -120px;
}
.ico-rojo.ico-lupa:hover {
  background-position: -220px -140px;
}
.ico-rojo.ico-vinculo {
  background-position: -240px -120px;
}
.ico-rojo.ico-vinculo:hover {
  background-position: -240px -140px;
}
.ico-rojo.ico-trash {
  background-position: -260px -120px;
}
.ico-rojo.ico-trash:hover {
  background-position: -260px -140px;
}
.ico-rojo.ico-view {
  background-position: -280px -120px;
}
.ico-rojo.ico-view:hover {
  background-position: -280px -140px;
}
.ico-rojo.ico-add-mail {
  background-position: -300px -120px;
}
.ico-rojo.ico-add-mail:hover {
  background-position: -300px -140px;
}
.ico-rojo.ico-doc {
  background-position: -320px -120px;
}
.ico-rojo.ico-doc:hover {
  background-position: -320px -140px;
}
.ico-rojo.ico-docs {
  background-position: -340px -120px;
}
.ico-rojo.ico-docs:hover {
  background-position: -340px -140px;
}
.ico-rojo.ico-prohibido {
  background-position: -360px -120px;
}
.ico-rojo.ico-prohibido:hover {
  background-position: -360px -140px;
}
.ico-rojo.ico-imprimir {
  background-position: -380px -120px;
}
.ico-rojo.ico-imprimir:hover {
  background-position: -380px -140px;
}
.ico-rojo.ico-upload {
  background-position: -400px -120px;
}
.ico-rojo.ico-upload:hover {
  background-position: -400px -140px;
}
.ico-rojo.ico-download {
  background-position: -420px -120px;
}
.ico-rojo.ico-download:hover {
  background-position: -420px -140px;
}
.ico-rojo.ico-edit {
  background-position: -440px -120px;
}
.ico-rojo.ico-edit:hover {
  background-position: -440px -140px;
}
.input-wrap input[type="text"].invalid {
  border: 1px solid #e74c3c;
  background: url(../img/val-neg.png) no-repeat right center #fff;
}
.input-wrap input[type="text"].invalid::-webkit-input-placeholder {
  color: #e74c3c;
}
.input-wrap input[type="text"].invalid:-moz-placeholder {
  /* Firefox 18- */
  color: #e74c3c;
}
.input-wrap input[type="text"].invalid::-moz-placeholder {
  /* Firefox 19+ */
  color: #e74c3c;
}

/*
.input-wrap {
  margin-bottom: 20px;
}
.input-wrap input[type="text"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  height: 45px;
}
.input-wrap input[type="text"]:focus {
  box-shadow: 0 0 1px 0 #8AB7DC;
  border: 1px solid #8AB7DC;
}

.input-wrap input[type="text"].invalid:-ms-input-placeholder {
  color: #e74c3c;
}
.input-wrap input[type="text"].invalid:focus {
  box-shadow: 0 0 1px 0 #e74c3c;
}
*/

.altoContraste
{ 
    background-color:#000000 !important;
    color: #FFFFFF !important;
    background: #000000 !important;
    border: 0px;
}
    
    
.eliminar-filtros{
    display: block;
    text-align: right;
    text-decoration: underline;
    text-decoration: none;
    border: 1px solid;
    padding: 1rem;
    margin-bottom: 1em;
    font-weight: 700;
    text-transform: uppercase;
}

.eliminar-filtros:hover{
    background: #337ab7;
    color: #fff!important;
    text-decoration: none;
}
    
.prod-cat h3.ico-search
{
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
}
.filter-wrap.open ul
{
    max-height:15000px !important;
}
