#info-bar{
    line-height: 1;
    margin-top: 10px;
}

.breaking-news {
	float: left;
}
.breaking-news > strong {
	font-size: 1rem;
    white-space:nowrap;
    
}

.breaking-news div {
	display: none;
}

.breaking-news-latest {
	margin-left: 0;
	position: relative;
	margin-top: 0px;
	vertical-align: top;
    background-color: #b10014;
    color: white;
    padding: 5px 15px;
    border-radius: 10px 0px 0 10px;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: resplandor;
}
@keyframes resplandor {
    0% {
        box-shadow: 0px 0px 1px red;
    }

    33% {
        box-shadow: 0px 0px 10px red;
    }

    66% {
        box-shadow: 0px 0px 1px red;
    }
}
/* The HTML list gets replaced with a single div,
   which contains the active ticker item, so you
   can easily style that as well */
.breaking-news div {
	display: inline-block;
	word-wrap: break-word;
}

.slider-news{
    overflow: hidden;
    width: 100%;
}

.newsticker {
	display: inline-block;
	padding-right: 0;
	height: 20px;
}

ul.newsticker{
    text-align: start;
    width: 100%;
    position:relative;
    animation: slide 30s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
    
}

ul.newsticker > li{
    padding-left: 1rem;
    list-style: none;
    position:absolute;
    font-size: 1rem;
    width: inherit;
    max-width: -webkit-fill-available;

    /* overflow: hidden; */
    
}

ul.newsticker > li > a{
    display: block;
    color: black;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    width: inherit;
    max-width: -webkit-fill-available;
    margin-top: 0.45rem;
    font-weight: 500;

}
ul.newsticker > li > a:hover{
    color: var(--primary-color)
}

@keyframes slide {
    0%, 8%{
        transform: translateY(0);
    }
    16%, 24%{
        transform: translateY(-150%);
    }
    32%, 40%{
        transform: translateY(-300%);
    }
    48%, 56%{
        transform: translateY(-450%);
    }
    64%, 72%{
        transform: translateY(-600%);
    }
    80%, 88%{
        transform: translateY(-750%);
    }
    96%, 100%{
        transform: translateY(-900%);
    }
    
}



/* -------barra cotizacion del dolar -----*/

#menu-dollar{
    display: flex;
}
.economic-indicators {
    align-items: center;
    background-color:#f2f2f2 ;
    color:#332d2d ;
    display: flex;
    flex-direction: row;
    font-size: .75em;
    min-height: 2.125rem;
    padding: 0 1.25rem;
    white-space: nowrap;
}

ul.economic-indicators__indicators-wrapper {
    -ms-overflow-style: none;
    max-width: calc(100% - 9.6875rem);
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    line-height: 1;
}
ul.economic-indicators__indicators-wrapper::-webkit-scrollbar {
    display: none;
}
@media only screen and (max-width: 991px) {
    ul.economic-indicators__indicators-wrapper {
        max-width: 100%;
    }


}

.economic-indicators__indicators-wrapper, .economic-indicators__value-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 1rem;
}

.economic-indicators__indicators-wrapper, .economic-indicators__value-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.economic-indicators__value-wrapper {
    margin-right: 1.5625rem;
}

.economic-indicators__arrow, .economic-indicators__buy-value, .economic-indicators__sell-value {
    margin-right: 0.625rem;
}
.economic-indicators__value-wrapper--up .economic-indicators__arrow {
    border-color: transparent transparent #27ae60;
    border-style: solid;
    border-width: 0 0.4375rem 0.5625rem;
    height: 0;
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    width: 0;
}

.economic-indicators__name {
    font-weight: 500;
    font-size: 1rem;
    padding-right: 0.625rem;
}

.economic-indicators__name > a{
    color: #171616;
}

.economic-indicators__sell-value {
    margin-right: 0.625rem;

}

.economic-indicators__arrow, .economic-indicators__buy-value, .economic-indicators__sell-value {
    margin-right: 0.625rem;
}

.economic-indicators__fluctuation {
    color: #0994dc;
}
.economic-indicators__value-wrapper--up .economic-indicators__fluctuation {
    color: #27ae60;
}

.economic-indicators__value-wrapper--down .economic-indicators__arrow {
    border-color: #eb5757 transparent transparent;
    border-style: solid;
    border-width: 0.5625rem 0.4375rem 0;
    height: 0;
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    width: 0;
}

.economic-indicators__value-wrapper--down .economic-indicators__fluctuation {
    color: #eb5757;
}

.economic-indicators__fluctuation {
    color: #0994dc;
}

.economic-indicators__arrow, .economic-indicators__buy-value, .economic-indicators__sell-value {
    margin-right: 0.625rem;
}

/* -----style menu----- */

.top-search-wrap{
    display: flex;
 }

.fa.search-top {
    color: #ffffff;
    cursor: pointer;
    font-size: 21px;
    padding: 10px 12px;
}

.search-form-top {
    border: 1px solid #eaeaea;
    display: none;
    padding: 10px;
    position: absolute;
    top: 55px;
    z-index: 9999;
    background-color: #ffffff;
    line-height: 0;
}

input.field{
    border-radius: 0.25rem 0 0 0.25rem;
}

button.search-icon{
    border-radius: 0  0.25rem  0.25rem 0;
}


@media only screen and (max-width: 991px) {
    .top-search-wrap{
       display: none;
    }
}