@font-face {
    font-family: 'MontserratWeb';
    src: url('montserrat400.eot');
    src: local('montserrat400'), local('montserrat400'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.eot?#iefix') format('embedded-opentype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.woff') format('woff'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.ttf') format('truetype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.svg#montserrat400') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-2212;
}

@font-face {
    font-family: 'MontserratWeb';
    src: url('montserrat700.eot');
    src: local('montserrat700'), local('montserrat700'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.eot?#iefix') format('embedded-opentype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.woff') format('woff'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.ttf') format('truetype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.svg#montserrat700') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-2212;
}

.ll_sidebar-outter-wrapper {
    text-align: center
}

.ll_sidebar-outter-wrapper .sidebar-wrapper {
    width: 90%;
    background-color: #fff;

    color: #ffffff;
    font-family: "MontserratWeb,Open Sans";
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    display: inline-block;
    border: black solid 1px;
    margin: 50px auto;

}

.ll_sidebar-outter-wrapper .sidebar-reportdate {
    width: 100%;
    float: left;
    display: block;

}

.ll_sidebar-outter-wrapper .sidebar-reportdate .sidebar-reportdate-label {
    width: 100%;
    text-align: right;
    color: #000;
    margin-top: -26px;
}

.ll_sidebar-outter-wrapper .sidebar-header {
    width: 100%;
    float: left;
    border-bottom: #e62b21 solid 2px;
    display: block;
}

.ll_sidebar-outter-wrapper .sidebar-header-left {
    color: #fff;
    background-color: #e62b21;
    font-size: 12px;
    line-height: 38px;
    float: left;
    padding: 0 15px;
    width: 140px;
}

.ll_sidebar-outter-wrapper .sidebar-header-right {
    float: right;
    color: #000;
    font-weight: 700;
    font-size: 10px;
    margin-top: 5px;
    margin-right: 4px;
    line-height: 23px;
}

.ll_sidebar-outter-wrapper .sidebar-header-right img {
    width: 85px;
    margin-left: 10px;
}

.ll_sidebar-outter-wrapper .sidebar-selection-wrapper {
    width: 100%;
    border-bottom: #aaaaaa solid 1px;
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-location {
    float: left;
    display: block;
    text-align: left;
    border-right: #aaaaaa solid 1px;
    padding-left: 10px;
}

.ll_sidebar-outter-wrapper .sidebar-location-label {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
}

.ll_sidebar-outter-wrapper .sidebar-location-label .sidebar-location-changedma-button {
    cursor: pointer;
    color: #DE2424;
    font-size: 8px;
    font-weight: 400;
    text-decoration: underline;
    vertical-align: middle;
    margin-right: 10px;
    white-space: nowrap;
}

.ll_sidebar-outter-wrapper .sidebar-brand {
    float: left;
    display: block;
    text-align: left;
    padding-left: 10px;
    border-right: #aaaaaa solid 1px;
}

.ll_sidebar-outter-wrapper .sidebar-brand-label {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
}

.ll_sidebar-outter-wrapper .sidebar-brand-label .sidebar-brand-changebrand-button {
    cursor: pointer;
    color: #ea2b16;
    font-size: 8px;
    font-weight: 400;
    text-decoration: underline;
    vertical-align: middle;
    margin-right: 10px;
    white-space: nowrap;
}

.ll_sidebar-outter-wrapper .sidebar-condition {
    float: left;
    display: block;
    text-align: left;
    padding-left: 10px;
}

.ll_sidebar-outter-wrapper .sidebar-condition-label {
    color: #111111;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
}

.ll_sidebar-outter-wrapper .sidebar-condition-label .sidebar-condition-changecondition-button {
    cursor: pointer;
    color: #ea2b16;
    font-size: 8px;
    font-weight: 400;
    text-decoration: underline;
    vertical-align: middle;
    white-space: nowrap;
}

.ll_sidebar-outter-wrapper .sidebar-breadcrumbs {
    width: 100%;
    float: left;
    display: block;
    text-align: left;
}

.ll_sidebar-outter-wrapper .sidebar-breadcrumbs-item {
    padding-right: 15px;
    float: left;
    color: #000;
    font-size: 10px;
    font-weight: 400;
    margin: 0 5px;
}

.ll_sidebar-outter-wrapper .sidebar-breadcrumbs-item span {
    cursor: pointer;
    padding-left: 5px;
    color: #e62b21;
}

.ll_sidebar-outter-wrapper .sidebar-menu {
    width: 100%;
    float: left;
    display: block;
    text-align: left;
    border-bottom: #aaaaaa solid 1px;
}

.ll_sidebar-outter-wrapper .sidebar-menu-options {
    margin: 10px 0;
    color: #aaaaaa;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.ll_sidebar-outter-wrapper .sidebar-menu-options span {
    margin: 0 5px;
    cursor: pointer;
}

.ll_sidebar-outter-wrapper .sidebar-menu-options .sidebar-menu-active {
    color: #111111;
    text-decoration: underline;
}

.ll_sidebar-outter-wrapper .sidebar-menu-options .sidebar-menu-saar {
    color: #DE2424;
    font-weight: 700;
    font-size: 12px;
}

.ll_sidebar-outter-wrapper .sidebar-chart {
    width: 100%;
    float: left;
    display: block;
    text-align: left;
    position: relative;
}

.ll_sidebar-outter-wrapper .sidebar-chart .chart_cont {
    background-color: #ffffff;
    /* display: inline-block;*/
    position: relative;
    width: 99%;
    padding-bottom: 31%;

    vertical-align: middle;
    display: none;
}

.ll_sidebar-outter-wrapper .sidebar-chart .chart_loading {
    background-color: #fbfbfb;
    display: inline-block;
    position: relative;
    width: 99%;
    padding-bottom: 31%;

    vertical-align: middle;
    text-align: center;
}

.ll_sidebar-outter-wrapper .sidebar-chart .chart_loading span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ll_sidebar-outter-wrapper .sidebar-chart .chart_loading img {
    width: 200px;
    height: 200px;
    vertical-align: middle;

}

.ll_sidebar-outter-wrapper .sidebar-chart .chart_cont svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ll_sidebar-outter-wrapper .sidebar-chart .chart_cont svg .area {
    fill: #eaeaea;
    opacity: 0.5;
}

.ll_sidebar-outter-wrapper .sidebar-chart .data-request-message-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    display: none;
}

.ll_sidebar-outter-wrapper .sidebar-chart .data-request-message {

    width: 100%;
    text-align: center;
    margin: 5% 0;
}

.ll_sidebar-outter-wrapper .sidebar-timeline {
    width: 100%;
    float: left;
    border-bottom: #aaaaaa solid 1px;
    display: block;
    text-align: left;
}

.ll_sidebar-outter-wrapper .sidebar-timeline-options {
    margin: 10px 0;
    color: #777777;
    font-size: 10px;
    font-weight: 700;
    line-height: 26px;
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-timeline-options span {
    margin: 0 5px;
    padding: 5px;
    cursor: pointer;
}

.ll_sidebar-outter-wrapper .sidebar-timeline-options .sidebar-timeline-active {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.ll_sidebar-outter-wrapper .sidebar-data-options {
    float: right;
    margin: 10px 0;
    color: #777777;
    font-size: 10px;
    font-weight: 700;
    line-height: 26px;

}

.ll_sidebar-outter-wrapper .sidebar-data-options span {
    margin: 0 5px;
    padding: 5px;
    cursor: pointer;
}

.ll_sidebar-outter-wrapper .sidebar-data-options .sidebar-data-option-active {
    color: #111111;
}

.ll_sidebar-outter-wrapper .sidebar-table {
    width: 50%;
    float: left;
    display: block;
    text-align: left;
    border-right: #aaaaaa solid 1px;
    min-height: 140px;
    height: 140px;
    overflow-y: auto;
}

.ll_sidebar-outter-wrapper .sidebar-table table {
    width: 98%;
    color: #111111;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    margin: 1%;
}

.ll_sidebar-outter-wrapper .sidebar-table table tr {
    cursor: pointer;
}

.ll_sidebar-outter-wrapper .sidebar-table table .trnotclickable {
    cursor: unset;
    opacity: 0.2;
}

.ll_sidebar-outter-wrapper .sidebar-table table .trhidden {
    display: none;
}

.ll_sidebar-outter-wrapper .sidebar-table table thead {
}

.ll_sidebar-outter-wrapper .sidebar-table table thead th {
    background: url(../images/sort_both.jpg) no-repeat center right;
    text-decoration: underline;
}

.ll_sidebar-outter-wrapper .sidebar-table table .selected {
    width: 98%;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    margin: 1%;
    background-color: #f5f5f5;

}

.ll_sidebar-outter-wrapper .sidebar-table .sidebar-table-arrow {
    width: 0;
    height: 0;
    float: left;
    padding: 0 1px;
    margin: 11px 5px 0 3px;
}

.ll_sidebar-outter-wrapper .sidebar-table .sidebar-table-arrow-up {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;

    border-bottom: 6px solid #32dd1c;
}

.ll_sidebar-outter-wrapper .sidebar-table .sidebar-table-arrow-down {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;

    border-top: 6px solid #dd1c22;
    margin: 9px 5px 0 3px;
}

.ll_sidebar-outter-wrapper .sidebar-table .sidebar-table-arrow-right {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;

    border-left: 6px solid #dd1c22;
    margin: 10px 5px -2px 3px;
}

.ll_sidebar-outter-wrapper .sidebar-table table .table-group-name {
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-table table .table-group-name span {
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-legend {
    width: 50%;
    float: left;
    display: block;
    text-align: left;
    min-height: 140px;
}

.ll_sidebar-outter-wrapper .sidebar-legend table {
    width: 98%;
    color: #111111;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    margin: 1%;
    height: 99px;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-legend-item {
    width: 95%;
    margin: 0 2.5%;
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-legend-item .sidebar-legend-item-color {
    width: 19px;
    height: 7px;
    float: left;
    margin-top: 9px;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-legend-item .sidebar-legend-shopper-color {
    background-image: linear-gradient(to right, #cb9c1d 0%, #ea6d03 100%);
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-legend-item .sidebar-legend-shoppereng-color {
    background-image: linear-gradient(to right, #1e622b 0%, #82ad2c 100%);
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-legend-item .sidebar-legend-salesvol-color {
    background-image: linear-gradient(to right, #1da3cb 0%, #0376ea 100%);
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-legend-item .sidebar-legend-item-label {
    color: #2c2c2c;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    float: left;
    margin: 0 7px;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-legend-item .sidebar-legend-item-direction {
    color: #909090;
    font-size: 10px;
    font-weight: 400;
    line-height: 26px;
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-table-arrow {
    width: 0;
    height: 0;
    float: left;
    padding: 0 1px;
    margin: 11px 5px 0 3px;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-table-arrow-up {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;

    border-bottom: 6px solid #32dd1c;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-table-arrow-down {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;

    border-top: 6px solid #dd1c22;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks {
    width: 100%;
    height: 30px;
    background-color: #ff0000;
    font-size: 14px;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks .sidebar-reportlinks-label {
    width: 50%;
    height: 30px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks .sidebar-reportlinks-button {
    height: 24px;
    background-color: #ffffff;
    color: #dd1c22;
    text-align: center;
    font-weight: 700;
    float: left;
    cursor: pointer;
    border-radius: 5px;
    margin: 3px 1%;
    padding: 0 5px;
}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks .sidebar-reportlinks-button-competitors {

    background-color: #ffffff;
    color: #dd1c22;

}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks .sidebar-reportlinks-button-marketmovers {

    background-color: #fb4c50;
    color: #ffffff;

}

.ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks .sidebar-reportlinks-button-marketmovers span {

    width: 100%;
    text-align: center;
    color: #ffffff;

}


.ll_sidebar-outter-wrapper .sidebar-changeDMA {
    width: 100%;
    float: left;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    display: none;
    text-align: left;
}

.ll_sidebar-outter-wrapper .sidebar-changeDMA .sidebar-changeDMA-left {
    float: left;
    width: 35%;
    max-height: 600px;
    overflow-x: auto;
}

.ll_sidebar-outter-wrapper .sidebar-changeDMA .sidebar-changeDMA-left .sidebar-changeDMA-state {
    width: 100%;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    padding-left: 7px;
}

.ll_sidebar-outter-wrapper .sidebar-changeDMA .sidebar-changeDMA-left .sidebar-changeDMA-state-active {
    font-weight: 700;
}

.ll_sidebar-outter-wrapper .sidebar-changeDMA .sidebar-changeDMA-right {
    float: left;
    width: 65%;
    max-height: 600px;
    overflow: hidden;
}

.ll_sidebar-outter-wrapper .sidebar-changeDMA .sidebar-changeDMA-right .sidebar-changeDMA-city {
    cursor: pointer;
    white-space: nowrap;
    margin-left: 7px;
}

.ll_sidebar-outter-wrapper .sidebar-changeDMA .sidebar-changeDMA-right .dma-inactive {
    cursor: unset;
    opacity: 0.2;
}

.ll_sidebar-outter-wrapper .sidebar-changeBrand {
    width: 100%;
    float: left;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    display: none;
    text-align: left;
}

.ll_sidebar-outter-wrapper .sidebar-changeBrand .sidebar-changeBrand-left {
    float: left;
    width: 35%;
    max-height: 600px;
    overflow-x: auto;
}

.ll_sidebar-outter-wrapper .sidebar-changeBrand .sidebar-changeBrand-left .sidebar-changeBrand-brand {
    width: 100%;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    padding-left: 7px;
}

.ll_sidebar-outter-wrapper .sidebar-changeBrand .sidebar-changeBrand-left .brand-inactive {
    cursor: unset;
    opacity: 0.2;
}

.ll_sidebar-outter-wrapper .sidebar-changeBrand .sidebar-changeBrand-left .sidebar-changeBrand-brand-active {
    font-weight: 700;
}

.ll_sidebar-outter-wrapper .sidebar-changeCondition {
    width: 100%;
    float: left;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    display: none;
    text-align: left;
}

.ll_sidebar-outter-wrapper .sidebar-changeCondition .sidebar-changeCondition-left {
    float: left;
    width: 35%;
    max-height: 600px;
    overflow-x: auto;
}

.ll_sidebar-outter-wrapper .sidebar-changeCondition .sidebar-changeCondition-left .sidebar-changeCondition-condition {
    width: 100%;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    padding-left: 7px;
}

.ll_sidebar-outter-wrapper .sidebar-changeCondition .sidebar-changeCondition-left .sidebar-changeCondition-condition-active {
    font-weight: 700;
}

.ll_sidebar-outter-wrapper .sidebar-fullreportlink {
    width: 100%;
    float: left;
    background-color: #de2424;
    color: #ffffff;
    display: none;
}

.ll_sidebar-outter-wrapper .sidebar-fullreportlink .sidebar-fullreportlink-label {
    width: 100%;
    text-align: center;
    line-height: 38px;
    font-size: 11px;
}

.ll_sidebar-outter-wrapper .sidebar-fullreportlink .sidebar-fullreportlink-label a {
    color: #ffffff;
    text-decoration: underline;
    font-size: 11px;
}

.ll_sidebar-outter-wrapper .sidebar-fullreportlink .sidebar-fullreportlink-label a:hover {
    color: #ffffff !important;
}

.ll_sidebar-outter-wrapper .sidebar-poweredby {
    width: 100%;
    float: left;
    background-color: #030714;
    color: #ffffff;
    display: none;
    padding: 20px 0;
}

.ll_sidebar-outter-wrapper .sidebar-poweredby .sidebar-poweredby-label {
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

.ll_sidebar-outter-wrapper .sidebar-customactionbuttons {
    float: left;
    width: 100%;
    display: none;
}

.ll_sidebar-outter-wrapper .sidebar-customactionbuttons .sidebar-customactionsbuttons-btn {
    width: 50%;
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-customactionbuttons .sidebar-customactionsbuttons-btn .sidebar-img-left {
    float: left;
}

.ll_sidebar-outter-wrapper .sidebar-customactionbuttons .sidebar-customactionsbuttons-btn .sidebar-img-right {
    float: right;
}

@media screen and (max-width: 1170px) {
    .ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks {
        font-size: 12px;
    }
}

@media screen and (max-width: 875px) {
    .ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks {
        font-size: 10px;
    }
}

@media screen and (max-width: 765px) {
    .ll_sidebar-outter-wrapper .sidebar-legend .sidebar-reportlinks {
        font-size: 10px;
    }

    .ll_sidebar-outter-wrapper .sidebar-legend {
        width: 100%;
    }

    .ll_sidebar-outter-wrapper .sidebar-table {
        width: 100%;
        border-right: none;
        border-bottom: #aaaaaa solid 1px;
    }

    .ll_sidebar-outter-wrapper .sidebar-table table {
        font-size: 10px;
    }

    .ll_sidebar-outter-wrapper .sidebar-location {
        width: 100%;
        border-right: none;
        border-bottom: #aaaaaa solid 1px;
    }

    .ll_sidebar-outter-wrapper .sidebar-location .sidebar-location-label {
        font-size: 13px;
    }

    .ll_sidebar-outter-wrapper .sidebar-brand {
        width: 100%;
        border-right: none;
        border-bottom: #aaaaaa solid 1px;

    }

    .ll_sidebar-outter-wrapper .sidebar-brand .sidebar-brand-label {
        font-size: 13px;
    }

    .ll_sidebar-outter-wrapper .sidebar-condition {
        width: 100%;
        border-right: none;
        border-bottom: #aaaaaa solid 1px;
        font-size: 13px;
    }

    .ll_sidebar-outter-wrapper .sidebar-condition .sidebar-condition-label {
        font-size: 13px;
    }
}