.fxst-flag,
.fxst-i-l {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    background: no-repeat center center;
    text-indent: -999px;
    text-align: left
}

.fxst-flag,
.fxst-i-l {
    height: 11px;
    width: 14px;
    background-image: url(../../../images/sprite-flags.png)
}

.fxst-i-l {
    height: 16px;
    width: 24px
}

.fxst-i-ae {
    background-position: 0 0
}

.fxst-i-ar {
    background-position: -14px 0
}

.fxst-i-at {
    background-position: -28px 0
}

.fxst-i-au {
    background-position: -42px 0
}

.fxst-i-be {
    background-position: -56px 0
}

.fxst-i-bg {
    background-position: -70px 0
}

.fxst-i-br {
    background-position: -84px 0
}

.fxst-i-ca {
    background-position: -98px 0
}

.fxst-i-cat {
    background-position: -112px 0
}

.fxst-i-ch {
    background-position: -126px 0;
    width: 12px;
    margin: 0 2px
}

.fxst-i-cl {
    background-position: -140px 0
}

.fxst-i-cn {
    background-position: -154px 0
}

.fxst-i-co {
    background-position: -168px 0
}

.fxst-i-cz {
    background-position: -182px 0
}

.fxst-i-de {
    background-position: -196px 0
}

.fxst-i-dk {
    background-position: -210px 0
}

.fxst-i-dz {
    background-position: -224px 0
}

.fxst-i-ee {
    background-position: -238px 0
}

.fxst-i-eg {
    background-position: -252px 0
}

.fxst-i-emu {
    background-position: -266px 0
}

.fxst-i-es {
    background-position: -280px 0
}

.fxst-i-fi {
    background-position: -294px 0
}

.fxst-i-fr {
    background-position: -308px 0
}

.fxst-i-gr {
    background-position: -322px 0
}

.fxst-i-hk {
    background-position: -336px 0
}

.fxst-i-hu {
    background-position: -350px 0
}

.fxst-i-id {
    background-position: -364px 0
}

.fxst-i-ie {
    background-position: -378px 0
}

.fxst-i-il {
    background-position: -392px 0
}

.fxst-i-in {
    background-position: -406px 0
}

.fxst-i-ir {
    background-position: -420px 0
}

.fxst-i-is {
    background-position: -434px 0
}

.fxst-i-it {
    background-position: -448px 0
}

.fxst-i-jp {
    background-position: -462px 0
}

.fxst-i-kr {
    background-position: -476px 0
}

.fxst-i-lt {
    background-position: -490px 0
}

.fxst-i-lv {
    background-position: -504px 0
}

.fxst-i-mt {
    background-position: -518px 0
}

.fxst-i-mx {
    background-position: -532px 0
}

.fxst-i-my {
    background-position: -546px 0
}

.fxst-i-ng {
    background-position: -560px 0
}

.fxst-i-nl {
    background-position: 0 -11px
}

.fxst-i-no {
    background-position: -14px -11px
}

.fxst-i-nz {
    background-position: -28px -11px
}

.fxst-i-pe {
    background-position: -42px -11px
}

.fxst-i-ph {
    background-position: -56px -11px
}

.fxst-i-pk {
    background-position: -70px -11px
}

.fxst-i-pl {
    background-position: -84px -11px
}

.fxst-i-pt {
    background-position: -98px -11px
}

.fxst-i-ro {
    background-position: -112px -11px
}

.fxst-i-ru {
    background-position: -126px -11px
}

.fxst-i-sa {
    background-position: -140px -11px
}

.fxst-i-se {
    background-position: -154px -11px
}

.fxst-i-sg {
    background-position: -168px -11px
}

.fxst-i-sk {
    background-position: -182px -11px
}

.fxst-i-th {
    background-position: -196px -11px
}

.fxst-i-tr {
    background-position: -210px -11px
}

.fxst-i-tw {
    background-position: -224px -11px
}

.fxst-i-ua {
    background-position: -238px -11px
}

.fxst-i-en,
.fxst-i-uk {
    background-position: -252px -11px
}

.fxst-i-us {
    background-position: -266px -11px
}

.fxst-i-ve {
    background-position: -280px -11px
}

.fxst-i-vn {
    background-position: -294px -11px
}

.fxst-i-za {
    background-position: -308px -11px
}

.fxst-i-ae-l {
    background-position: 0 -22px
}

.fxst-i-ar-l {
    background-position: -24px -22px
}

.fxst-i-at-l {
    background-position: -48px -22px
}

.fxst-i-au-l {
    background-position: -72px -22px
}

.fxst-i-be-l {
    background-position: -96px -22px
}

.fxst-i-bg-l {
    background-position: -120px -22px
}

.fxst-i-br-l {
    background-position: -144px -22px
}

.fxst-i-ca-l {
    background-position: -168px -22px
}

.fxst-i-cat-l {
    background-position: -192px -22px
}

.fxst-i-ch-l {
    background-position: -216px -22px
}

.fxst-i-cl-l {
    background-position: -240px -22px
}

.fxst-i-cn-l {
    background-position: -264px -22px
}

.fxst-i-co-l {
    background-position: -288px -22px
}

.fxst-i-cz-l {
    background-position: -312px -22px
}

.fxst-i-de-l {
    background-position: -336px -22px
}

.fxst-i-dk-l {
    background-position: -360px -22px
}

.fxst-i-dz-l {
    background-position: -384px -22px
}

.fxst-i-ee-l {
    background-position: -408px -22px
}

.fxst-i-eg-l {
    background-position: -432px -22px
}

.fxst-i-emu-l {
    background-position: -456px -22px
}

.fxst-i-es-l {
    background-position: -480px -22px
}

.fxst-i-fi-l {
    background-position: -504px -22px
}

.fxst-i-fr-l {
    background-position: -528px -22px
}

.fxst-i-gr-l {
    background-position: -552px -22px
}

.fxst-i-hk-l {
    background-position: 0 -38px
}

.fxst-i-hu-l {
    background-position: -24px -38px
}

.fxst-i-id-l {
    background-position: -48px -38px
}

.fxst-i-ie-l {
    background-position: -72px -38px
}

.fxst-i-il-l {
    background-position: -96px -38px
}

.fxst-i-in-l {
    background-position: -120px -38px
}

.fxst-i-ir-l {
    background-position: -144px -38px
}

.fxst-i-is-l {
    background-position: -168px -38px
}

.fxst-i-it-l {
    background-position: -192px -38px
}

.fxst-i-jp-l {
    background-position: -216px -38px
}

.fxst-i-kr-l {
    background-position: -240px -38px
}

.fxst-i-lt-l {
    background-position: -264px -38px
}

.fxst-i-lv-l {
    background-position: -288px -38px
}

.fxst-i-mt-l {
    background-position: -312px -38px
}

.fxst-i-mx-l {
    background-position: -336px -38px
}

.fxst-i-my-l {
    background-position: -360px -38px
}

.fxst-i-ng-l {
    background-position: -384px -38px
}

.fxst-i-nl-l {
    background-position: -408px -38px
}

.fxst-i-no-l {
    background-position: -432px -38px
}

.fxst-i-nz-l {
    background-position: -456px -38px
}

.fxst-i-pe-l {
    background-position: -480px -38px
}

.fxst-i-ph-l {
    background-position: -504px -38px
}

.fxst-i-pk-l {
    background-position: -528px -38px
}

.fxst-i-pl-l {
    background-position: -552px -38px
}

.fxst-i-pt-l {
    background-position: 0 -54px
}

.fxst-i-ro-l {
    background-position: -24px -54px
}

.fxst-i-ru-l {
    background-position: -48px -54px
}

.fxst-i-sa-l {
    background-position: -72px -54px
}

.fxst-i-se-l {
    background-position: -96px -54px
}

.fxst-i-sg-l {
    background-position: -120px -54px
}

.fxst-i-sk-l {
    background-position: -144px -54px
}

.fxst-i-th-l {
    background-position: -168px -54px
}

.fxst-i-tr-l {
    background-position: -192px -54px
}

.fxst-i-tw-l {
    background-position: -216px -54px
}

.fxst-i-ua-l {
    background-position: -240px -54px
}

.fxst-i-en-l,
.fxst-i-uk-l {
    background-position: -264px -54px
}

.fxst-i-us-l {
    background-position: -288px -54px
}

.fxst-i-ve-l {
    background-position: -312px -54px
}

.fxst-i-vn-l {
    background-position: -336px -54px
}

.fxst-i-za-l {
    background-position: -360px -54px
}

.fxst-i-noflag,
.fxst-i-noflag-l {
    background: 0 0 !important;
    background-image: none !important;
    box-shadow: 0 0 0 #fff
}

.economic-calendar__filter {
    display: flex;
    flex-flow: column
}

.economic-calendar__filter-custom {
    position: relative;
    width: 100%;
    border-top: 1px solid rgba(177, 184, 186, .7);
    z-index: 2
}

.economic-calendar__filter-custom-dates {
    display: flex;
    padding-top: 25px
}

.economic-calendar__filter-custom-date {
    margin-right: 30px
}

.economic-calendar__filter-custom-date label {
    padding: 0 10px 0 0
}

.economic-calendar__filter-custom-date label::before {
    content: none
}

.economic-calendar__filter-custom-date input {
    height: 40px;
    padding: 10px;
    border: 1px solid #12225c;
    border-radius: 5px
}

.economic-calendar__filter-custom-date input#fxst-end+#ui-datepicker-div,
.economic-calendar__filter-custom-date input#fxst-start+#ui-datepicker-div {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%)
}

@media (max-width:767px) {
    .economic-calendar__filter-custom-date {
        margin-right: 25px
    }

    .economic-calendar__filter-custom-date input {
        width: 130px
    }

    .economic-calendar__filter-custom-date input#fxst-end+#ui-datepicker-div,
    .economic-calendar__filter-custom-date input#fxst-start+#ui-datepicker-div {
        bottom: 65px !important;
        top: auto !important
    }

    .economic-calendar__filter-custom-date input#fxst-start+#ui-datepicker-div::after {
        left: 30%
    }

    .economic-calendar__filter-custom-date input#fxst-end+#ui-datepicker-div::after {
        left: 80%
    }
}

@media (min-width:768px) {
    .economic-calendar__filter-custom-date {
        margin-right: 25px;
        position: relative
    }

    .economic-calendar__filter-custom-date input {
        width: 130px
    }

    .economic-calendar__filter-custom-date input#fxst-end+#ui-datepicker-div,
    .economic-calendar__filter-custom-date input#fxst-start+#ui-datepicker-div {
        top: inherit !important;
        bottom: 61px !important
    }
}

.economic-calendar__filter-results {
    margin: 10px 0
}

.economic-calendar__filter-overlay {
    background: rgba(18, 34, 92, .7);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

@media (max-width:767px) {
    .economic-calendar__filter-btn {
        background: #12225c;
        display: flex;
        justify-content: center
    }
}

@media (min-width:768px) {
    .economic-calendar__filter-overlay {
        display: none
    }

    .economic-calendar__filter-results {
        margin: 0 0 30px 30px
    }
}

.economic-calendar-filter {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 20px;
    color: #12225c
}

.economic-calendar-filter__filter,
.economic-calendar-filter__views {
    position: relative;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer
}

.economic-calendar-filter__filter {
    display: flex;
    align-items: center
}

.economic-calendar-filter__filter.open::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 28px;
    right: 0;
    height: 2px;
    background: #12225c
}

.economic-calendar-filter__filter .icon {
    padding-right: 10px;
    display: inline-block;
    line-height: 0
}

.economic-calendar-filter__views {
    margin-right: 10px
}

.economic-calendar-filter__views.open .icon::before {
    transform: rotate(180deg)
}

.economic-calendar-filter__views.open::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 17px;
    height: 2px;
    background: #12225c
}

@media (max-width:767px) {
    .economic-calendar-filter__views {
        margin-right: 0
    }

    .economic-calendar-filter__views-label {
        display: none
    }
}

@media (max-width:767px) {
    .economic-calendar-filter {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(177, 184, 186, .7)
    }
}

.economic-calendar-filter-views,
.economic-calendar-filters {
    display: none
}

@media (min-width:768px) {

    .economic-calendar-filter-views.open,
    .economic-calendar-filters.open {
        display: block
    }
}

.economic-calendar-filter-views__list {
    display: flex;
    flex-flow: row wrap;
    border-top: 1px solid rgba(177, 184, 186, .7);
    border-bottom: 1px solid rgba(177, 184, 186, .7);
    margin-bottom: 25px
}

.economic-calendar-filter-views__list li {
    padding: 20px 0 20px 30px
}

@media (max-width:767px) {
    .economic-calendar-filter-views__list {
        flex-flow: column;
        margin-bottom: 0
    }

    .economic-calendar-filter-views__list li {
        padding: 15px;
        border-top: 1px solid rgba(177, 184, 186, .7)
    }
}

.economic-calendar-filters__list {
    display: flex;
    flex-flow: column
}

.economic-calendar-filters__list .fxst-flag,
.economic-calendar-filters__list .fxst-i-l {
    margin-right: 10px
}

.economic-calendar-filters__headline {
    padding: 10px 0 10px 30px;
    font-size: 20px;
    line-height: 22px;
    border-top: 1px solid rgba(177, 184, 186, .7);
    border-bottom: 1px solid rgba(177, 184, 186, .7);
    display: block;
    margin-bottom: 0
}

.economic-calendar-filters__headline .icon {
    display: none;
    transition: transform .5s
}

@media (min-width:768px) {
    .economic-calendar-filters__list {
        flex-flow: row wrap;
        padding: 30px 30px 0
    }

    .economic-calendar-filters__list.categories>*,
    .economic-calendar-filters__list.countries>* {
        flex: 0 0 auto;
        width: calc(100%/3)
    }

    .economic-calendar-filters__list.volatilities {
        border-bottom: 1px solid rgba(177, 184, 186, .7);
        margin-bottom: 25px
    }

    .economic-calendar-filters__list.volatilities>* {
        flex: 0 0 50%
    }

    .economic-calendar-filters__list li {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .economic-calendar-filters {
        border-top: 1px solid rgba(177, 184, 186, .7)
    }

    .economic-calendar-filters__headline {
        display: flex;
        padding: 15px;
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
        text-transform: uppercase;
        color: #12225c;
        border-top: none
    }

    .economic-calendar-filters__headline .icon {
        display: block
    }

    .economic-calendar-filters__headline.open .icon {
        transform: rotate(180deg)
    }

    .economic-calendar-filters__headline.open+.economic-calendar-filters__list {
        display: block
    }

    .economic-calendar-filters__list {
        display: none
    }

    .economic-calendar-filters__list li {
        padding: 15px;
        border-top: 1px solid rgba(177, 184, 186, .7)
    }
}

.economic-calendar-fixed body {
    height: 100vh;
    overflow: hidden
}

.economic-calendar-fixed .economic-calendar-filter,
.economic-calendar-fixed .economic-calendar-filter-views,
.economic-calendar-fixed .economic-calendar-filters {
    background: #fff;
    z-index: 1
}

.economic-calendar-fixed .economic-calendar-filter-views.open,
.economic-calendar-fixed .economic-calendar-filters.open {
    display: block
}

.economic-calendar-fixed .economic-calendar__filter {
    display: flex;
    flex-flow: column;
    position: fixed;
    z-index: 1020;
    top: 50px;
    right: 0;
    bottom: 0;
    width: 320px;
    overflow: auto
}

.economic-calendar-fixed .economic-calendar__filter-overlay {
    display: block
}

.economic-calendar-fixed .economic-calendar-filter {
    border-bottom: none;
    padding: 15px
}

.economic-calendar-fixed .economic-calendar-filter-views__list,
.economic-calendar-fixed .economic-calendar-filters__list {
    background: #f9f9fc;
    box-shadow: 0 10px 5px -5px #00000029 inset
}

.economic-calendar__actions {
    margin: 10px 0 25px;
    display: flex;
    justify-content: space-between;
    position: relative
}

@media (max-width:767px) {
    .economic-calendar__actions {
        margin: 15px 0 20px;
        flex-flow: column
    }
}

.economic-calendar__legend {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start
}

.economic-calendar__legend-title {
    font-weight: 500
}

.economic-calendar__legend-list li,
.economic-calendar__legend-title {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px
}

.economic-calendar__legend-list {
    display: flex;
    flex-flow: row nowrap
}

.economic-calendar__legend-list li {
    display: flex;
    align-items: center;
    margin: 0 15px
}

@media (min-width:768px) {

    .economic-calendar__legend-list li,
    .economic-calendar__legend-title {
        font-size: 14px;
        line-height: 21px;
        font-weight: 500
    }
}

.economic-calendar__timezone-title {
    position: relative;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    text-transform: uppercase;
    color: #12225c;
    cursor: pointer
}

@media (max-width:767px) {
    .economic-calendar__timezone {
        margin-bottom: 15px;
        position: relative
    }

    .economic-calendar__timezone-list {
        opacity: 0;
        position: absolute;
        height: 20px;
        top: 0;
        width: 100%
    }
}

@media (min-width:768px) {
    .economic-calendar__timezone {
        width: 430px
    }

    .economic-calendar__timezone .select2-container,
    .economic-calendar__timezone-list {
        display: none
    }

    .economic-calendar__timezone.open .icon::before {
        transform: rotate(180deg)
    }

    .economic-calendar__timezone-title {
        display: inline-block
    }

    .economic-calendar__timezone.open .economic-calendar__timezone-title::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 17px;
        height: 2px;
        background: #12225c
    }

    .economic-calendar__timezone.open .icon::before {
        transform: rotate(180deg)
    }

    .economic-calendar__timezone.open .select2-container {
        display: block;
        margin-top: 25px
    }
}

.economic-calendar-iframe {
    padding: 30px 0 0;
    margin-bottom: 0
}

.economic-calendar-iframe>.component-content {
    display: flex;
    flex-direction: column
}

.economic-calendar-iframe .iframe {
    margin: 0 -14px 30px;
    height: 500px
}

.economic-calendar-iframe .bottom-link {
    display: flex;
    justify-content: center
}

.economic-calendar {
    padding: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .14);
    background-color: #fff;
    border-radius: 10px
}

.economic-calendar .fxst-calendarpro {
    table-layout: fixed;
    font-size: 14px;
    line-height: 21px
}

.economic-calendar .fxst-calendarhead td,
.economic-calendar .fxst-calendarhead th,
.economic-calendar .fxst-dateRow td,
.economic-calendar .fxst-dateRow th,
.economic-calendar .fxst-tr-event td,
.economic-calendar .fxst-tr-event th {
    border-top: 1px solid #b1b8ba
}

.economic-calendar .fxst-calendarhead td:first-child,
.economic-calendar .fxst-calendarhead th:first-child,
.economic-calendar .fxst-dateRow td:first-child,
.economic-calendar .fxst-dateRow th:first-child,
.economic-calendar .fxst-tr-event td:first-child,
.economic-calendar .fxst-tr-event th:first-child {
    padding-left: 10px
}

.economic-calendar .fxst-thtime {
    width: 17%
}

.economic-calendar .fxst-calendarhead {
    display: none
}

.economic-calendar .fxst-thcountry,
.economic-calendar .fxst-thvolatility {
    width: 6.25%
}

.economic-calendar .fxst-thevent {
    width: 30%
}

.economic-calendar .fxst-thactual,
.economic-calendar .fxst-thconsensus,
.economic-calendar .fxst-thprevious {
    width: 13.5%
}

.economic-calendar .fxit-arrow,
.economic-calendar .fxit-revised,
.economic-calendar .fxst-tharrow,
.economic-calendar .fxst-threvised {
    display: none
}

.economic-calendar .fxst-layout-tabs {
    display: none
}

.economic-calendar .fxst-thevent,
.economic-calendar .fxst-txt-left {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.economic-calendar .fxst-dateRow td {
    font-size: 16px;
    line-height: 90px;
    font-weight: 600;
    opacity: .7
}

.economic-calendar .fxst-tr-event {
    line-height: 70px;
    border-bottom: 1px solid #b1b8ba;
    cursor: pointer
}

.economic-calendar .fxst-tr-detail {
    background-color: #fbfbfb;
    border-bottom: 1px solid #b1b8ba;
    text-align: left
}

.economic-calendar .fxit-eventurl {
    color: #12225c
}

.economic-calendar .fxec_selectedRow {
    background-color: #12225c;
    color: #fff
}

.economic-calendar .fxec_selectedRow a {
    color: #fff
}

.economic-calendar .fxst-eventheadline {
    background-color: #e8e8e8;
    padding: 15px
}

.economic-calendar .fxst-countryheadline {
    font-size: 34px;
    font-weight: 600;
    line-height: 1
}

.economic-calendar .fxst-eventname {
    font-size: 13px;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.economic-calendar .fxst-eventDetails {
    padding: 0
}

.economic-calendar .fxst-eventDetails table {
    table-layout: fixed;
    width: 100%;
    font-size: 14px
}

.economic-calendar .fxst-eventDetails td {
    text-align: center;
    padding: 20px
}

.economic-calendar .fxst-eventDetails td:first-child+td {
    border-left: 1px solid #b1b8ba;
    border-right: 1px solid #b1b8ba
}

.economic-calendar .fxst-eventDetails td>span:first-child {
    font-size: 20px
}

.economic-calendar .fxst-eventDetails .fxst-eventdescription,
.economic-calendar .fxst-eventDetails .fxst-innerlinks {
    padding: 20px
}

.economic-calendar .fxst-i-vol {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    font-size: 0;
    border: solid 1px #b1b8ba;
    border-radius: 50%
}

.economic-calendar .fxst-i-vol.fxst-i-vol1 {
    background: #30b0ea;
    border-color: #30b0ea
}

.economic-calendar .fxst-i-vol.fxst-i-vol2 {
    background: #ffd83b;
    border-color: #ffd83b
}

.economic-calendar .fxst-i-vol.fxst-i-vol3 {
    background: #dc464f;
    border-color: #dc464f
}

.economic-calendar__tile {
    font-size: 14px;
    line-height: 25px;
    border-top: 1px solid rgba(177, 184, 186, .7);
    padding: 15px 10px
}

.economic-calendar__tile>* {
    display: flex;
    align-items: center
}

.economic-calendar__tile-footer,
.economic-calendar__tile-header {
    justify-content: space-between
}

.economic-calendar__tile-footer {
    flex-flow: row wrap
}

.economic-calendar__tile-body {
    margin: 10px 0 0
}

.economic-calendar__tile-body .fxst-flag,
.economic-calendar__tile-body .fxst-i-l {
    margin-right: 10px
}

.economic-calendar__tile-number {
    margin-top: 10px
}

.economic-calendar__tile-number span:first-child {
    font-size: 12px;
    padding-right: 5px
}

.economic-calendar--sidebar .economic-calendar__grid>:not(.economic-calendar__grid-tiles),
.economic-calendar__grid>:not(.economic-calendar__grid-tiles) {
    display: none
}

.economic-calendar--sidebar .economic-calendar__grid-tiles {
    display: block
}

.economic-calendar__title {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-left: 10px;
    color: #12225c
}

.economic-calendar__link {
    border-top: 1px solid rgba(177, 184, 186, .7);
    padding-top: 15px;
    display: flex;
    justify-content: center
}

@media (max-width:767px) {
    .economic-calendar .fxst-tr-event td {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .economic-calendar .fxst-eventheadline {
        overflow: auto
    }

    .economic-calendar .fxst-eventheadline-right {
        float: left;
        width: 70%;
        padding: 0 0 0 20px
    }

    .economic-calendar .fxst-eventheadline-left {
        float: left;
        width: 30%;
        border-right: 1px solid #b1b8ba;
        padding: 0 20px 0 0
    }
}

@media (min-width:768px) {
    .economic-calendar {
        padding: 25px
    }

    .economic-calendar .fxst-calendarpro {
        overflow: hidden
    }

    .economic-calendar .fxst-calendarhead td:first-child,
    .economic-calendar .fxst-calendarhead th:first-child,
    .economic-calendar .fxst-dateRow td:first-child,
    .economic-calendar .fxst-dateRow th:first-child,
    .economic-calendar .fxst-tr-event td:first-child,
    .economic-calendar .fxst-tr-event th:first-child {
        padding-left: 30px
    }

    .economic-calendar .fxst-calendarhead {
        display: table-row
    }

    .economic-calendar .fxst-calendarhead th {
        font-size: 14px;
        line-height: 70px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .economic-calendar .fxst-thtime {
        width: 10%
    }

    .economic-calendar .fxst-thevent {
        width: 40%
    }

    .economic-calendar .fxst-eventheadline {
        width: 170px
    }

    .economic-calendar .fxst-eventheadline-left {
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-bottom: 1px solid #b1b8ba
    }

    .economic-calendar .fxst-eventname {
        font-size: 16px
    }

    .economic-calendar .fxit-eventinfo,
    .economic-calendar .fxst-eventheadline {
        display: table-cell;
        vertical-align: top
    }

    .economic-calendar .fxst-countryheadline {
        font-size: 44px
    }

    .economic-calendar__grid-tiles {
        display: none
    }

    .economic-calendar__grid>:not(.economic-calendar__grid-tiles) {
        display: block
    }
}

.economic-calendar .icon::before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .5s
}

.economic-calendar .icon-chevron::before {
    width: 15px;
    height: 10px;
    background-image: url(../../../images/chevron-down-main.svg)
}

.economic-calendar .icon-filter::before {
    width: 18px;
    height: 15px;
    background-image: url(../../../images/filter-main.svg)
}