@charset "utf-8";

:root{
	--idxrmanufacturer-right-color: #1fb6ffE6;
	--idxrmanufacturer-left-color: #1fb6ff80;
}

.letter-content{
	display: block;
	position: relative;
	clear: both;
}

.letter-content-vertical{
    display: block;
	position: relative;
	clear: both;
	min-width: 100%;
}

h3.capitalLetterDeluxe{    
    color: #000000fd;
    border-radius: 5px 5px 5px 5px;
    font-size: 22px !important;
    padding: 10px;
    transition: all 0.3s;
    margin-bottom: 0px;
}

h3.capitalLetterDeluxe:hover, h3.capitalLetterDeluxe:focus{
    background: var(--idxrmanufacturer-right-color);
}  

h3.degraded{
	background: linear-gradient(to left, var(--idxrmanufacturer-right-color), var(--idxrmanufacturer-left-color));
    color: #ffffff !important;
	margin-top: 16px;
    margin-bottom: 16px;
}

/* ************************************************************************************************
PAGE MANUFACTURER
************************************************************************************************ */

div#list-idxrmanufacturer {
    display: flex;
    flex-flow: row wrap;
}
div#list-idxrmanufacturer-vertical {
    display: flex;
    flex-flow: row wrap;
}

div.item-column{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    min-width: 100%;
}

div.item-row{
    display: flex;
    justify-content: flex-start;
    min-width: 100%;
}

div.list-content{
    display: flex;
    flex-flow: column;
    height: 420px;
    overflow-y: auto;
}

div.list-content-vertical{
    display: flex;
    flex-direction: row;
    height: auto;
    overflow-y: auto;
    justify-content: space-evenly;
}

#manufacturer .nbrmanufacturer {
    margin: 15px 0 10px;
    padding: 8px 7px;
    font-size:12px;
    color: #000;
    background: none repeat scroll 0 0 #f0f0f0
}

#module-idxrmanufacturer-search #center_column{ 
    width:100% !important;
}

/*#listafabricantes{ padding:50px !important;}*/


@media (max-width: 668px){
    #listafabricantes{
        padding: 30px !important;
    }
}

.contenedormarcas{
    width: 100% !important; 
    padding: 16px;
}


#manufacturer #product_list{
    margin-top:15px
}

#marcas-cabecera{
    cursor:pointer;
}

.idx-icon-manufacturersearch-1:before {
    content: '\e801';
    margin-right: 10px;
} /* '' */

#idxrmanufacturer-header i.idx-icon-manufacturersearch-1 {
    position: absolute;
    right: 0;
    top: 10px;
}

.idxrmanufacturer-searchbar {
    display: flex;
    flex-direction: row;
    position: relative;
}

.idxrmanufacturer-searchbar .twitter-typeahead{
    width: 100%;
}

.idxrmanufacturer-searchbar .tt-suggestion img{
    margin-right: 5px;
}


.idxrmanufacturer-autocomplete .twitter-typeahead {
    display: block !important;
}
.idxrmanufacturer-autocomplete .typeahead-list li {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.idxrmanufacturer-autocomplete .typeahead-list li {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.idxrmanufacturer-autocomplete .typeahead-list li{
    margin-top: 5px!important;
    margin-top: .3125rem!important
}

.idxrmanufacturer-autocomplete .typeahead-list li>.media-body .label{
    margin-right: 5px!important;
    margin-right: .3125rem!important
}

.idxrmanufacturer-autocomplete .typeahead-list li>.media-body .label{
    margin-left: 5px!important;
    margin-left: .3125rem!important;
    color: #555;
}

.idxrmanufacturer-autocomplete .typeahead-list li {
    padding: 5px!important;
    padding: .3125rem!important;
    background: #fff;
    border: 1px solid #bbcdd2;
}

.idxrmanufacturer-autocomplete .twitter-typeahead .tt-menu {
    width: 100%;
    border: 1px solid #6c868e;
    background: #fff;
    padding: 5px 0;
    padding: .3125rem 0;
    max-height: 312px;
    max-height: 19.5rem;
    overflow: auto
}

.idxrmanufacturer-autocomplete .twitter-typeahead .tt-suggestion {
    cursor: pointer;
    padding: 5px 10px;
    padding: .3125rem .625rem;
    color: #6c868e
}

.idxrmanufacturer-autocomplete .twitter-typeahead .tt-suggestion:hover {
    background-color: #00588c;
    color: #fff
}

.idxrmanufacturer-autocomplete .typeahead-list li>.media-left{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    width: 50px;

}
.idxrmanufacturer-autocomplete .typeahead-list li>.media-left img {
    max-width: 50px;
    max-height: 50px;

}
.idxrmanufacturer-autocomplete .typeahead-list.imagenes-gris li>.media-left img {
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.idxrmanufacturer-autocomplete .typeahead-list li>.media-body i.eliminar {
    cursor: pointer;
    float: right
}

.manufacturer-search-box{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#top-layer {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#no-entries{
    display: flex;
    justify-content: center;
    align-items: center;
}

#featured-panel{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}

#featured-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 420px;
    overflow-y: auto;
}

#featured-list-16{
    height: auto;
    overflow-y: auto;
}

#capital-letters{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    background: whitesmoke;
    border-radius: 40px;
    padding: 0px 24px;
}

.capital-letter{
    text-decoration: underline;
    cursor: pointer;
}

#listafabricantes [class^="idxicon-"]{
    font-size: 18px;
}
#listafabricantes .idxicon-search{
    font-size: 30px;
}

#marcas-cabecera [class^="idxicon-"]{
    font-size: 18px;
}

.contenedormarcas #top-layer{
    margin-bottom: 32px;
}

#listafabricantes .contenedormarcas .form-control{
    background: #f5f5f5 !important;
    padding: 16px;
    border-radius: 40px;
    border: 2px solid rgba(0,0,0,.25);
}

.list_combo{
    margin-bottom: 16px;
}

.list_combo a, .list_logo, .list_name{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px;
    background: whitesmoke;
    border: 2px solid whitesmoke;
    border-radius: 8px;
    transition: 0.3s all;
}

.list_combo a:hover, .list_combo a:focus{
    border: 2px solid var(--idxrmanufacturer-right-color);
}

.idxrmanufacturer-autocomplete{
    position: relative;
    display: block;
    width: 100%;
}

#idxrmanufacturer-search:before{
    content: "/0001";
    font-family: "idxicon" ;
}

a.btn-fabricante {
    width: auto;
    text-align: left;
}

/* start - custom */

/* end - custom */