h1 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 110%;
    /* or 53px */
    letter-spacing: -0.5px;
    /* #333333 */
    color: #333333;
    margin-bottom:10px;
    margin-top:10px;
    padding-bottom: 5px;
}

.glossary-space {
    margin-top:48px;
    margin-bottom:24px;
}

.finanical-ratio-page-header {
    padding-bottom:35px;
}

#reportTitleDisplay_FinancialRatio {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 110%;
    /* identical to box height, or 40px */
    letter-spacing: -0.5px;
    /* #333333 */
    color: #333333;
}

.report-last-updated {
    /* Retail NEW / H5 */
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    /* identical to box height, or 32px */
    /* 80% Black */
    color: #5A5A61;
}

.page-brand-type {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 110%;
    /* identical to box height, or 40px */
    letter-spacing: -0.5px;
    /* #333333 */
    color: #333333;
}


.report-brand-subtitle {
    padding-top: 30px;
    display: flex;
}

.report-brand-subtitle .text {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #1186C3;
    padding-left: 10px;
}

.ratios-pnl {
    background: #EFEFF2;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    margin-bottom: 32px;
}

.ratios-pnl .ratios-pnl-header {
    padding: 15px 50px;
    background-color: #EFEFF2;
    height: auto;
}
.ratios-pnl .ratios-pnl-header p {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: normal;
    font-size: 18px!important;
    line-height: 150%;
}
#RightSide a {
    color:#c94927;
}

.section-clients a {
    color: #c94927;
    text-decoration: underline;
}

i.ratio-icon {
    color: #c94927;
    float:left;
    font-size: 4rem;
    padding-top:10px;
    padding-left:10px;
    padding-right:15px;
}

#ReportContentPanel {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 10px 25px 10px 25px;
}

#ReportContentPanel h2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 110%;
    /* or 35px */
    letter-spacing: -0.5px;
    color: #000000;
    margin-top:0px;
}


#ReportContentPanel h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    /* identical to box height, or 34px */
    color: #000000;
}

#ReportContentPanel h4 {
    font-family: Roboto;
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    /* identical to box height, or 110% */
    letter-spacing: 0.5px;
    color: #000000;
}
.ratio-asterik {
    font-style:italic;
}

.spacer {
    border-top: 1px solid #A1A7B5;
    margin: 20px 0 20px 0;
}

#RightSide .articles-from-our-blog {
    background: #333333;
    padding: 25px 25px 5px 25px;
    margin-bottom:10px;
    border-radius:3px;
}

#RightSide .articles-from-our-blog span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #FFF;
}

#RightSide .articles-from-our-blog ul {
    color: #FFF;
    padding:10px;
}

#RightSide .articles-from-our-blog li {
    color: #C94927; /* or whatever color you prefer */
    list-style-type:disc;
    padding-bottom:13px;
}

#RightSide .articles-from-our-blog a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    /* or 27px */
    text-decoration-line: underline;
    color: #FFFFFF;
}

#RightSide .benchmark-list {
    padding-top: 15px;
}

#RightSide .benchmark-list span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    /* or 34px */
    color: #000000;
}

#RightSide .benchmark-list ul {
    color: #FFF;
    padding: 10px;
    padding-left:30px;
    padding-bottom:35px;
}

#RightSide .benchmark-list li {
    color: #C94927; /* or whatever color you prefer */
    list-style-type: disc;
    padding-bottom: 13px;
}

#RightSide .benchmark-list p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    /* identical to box height, or 27px */
    /* 80% Black */
    color: #5A5A61;
}

.see-full-list {
    /* 20% Black */
    background: #EFEFF2;
    /* 1 Elevation */
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding:15px;
}

.full-list-margin {
    margin-top:50px;
}

.see-full-list .text {
    /* Retail NEW / H4 */
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    /* or 34px */
    text-align: center;
    /* 90% Black */
    color: #333333;
    padding-bottom: 15px;
    padding-left:10px;
}

.see-full-list p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    /* or 27px */
    text-align: center;
    padding: 10px 0 10px 0;
}

i.see-full-icon {
    color: #c94927;
    display:block;
    font-size:3.5rem;
    text-align:center;
}

.circle-icon {
    background: #1186C3;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
}

.industry-stats-report {
    color: white;
}

.small-icon {
    font-size: 1.1rem;
}

.purchase-panel-header {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(51, 51, 51, 0.15);
    border-radius: 3px 3px 0 0;
}

.purchase-panel-header p {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px!important;
    line-height: 18px;
    /* or 129% */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    /* 90% Black */
    color: #333333;
    padding: 5px 25px 5px 10px; 
    display:inline-block;
}

.purchase-panel-header i {
    color: #1186C3;
    margin-left: 12px;
    font-size: 1.7rem !important
}

#PurchaseAreaRev {
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 2px #eee;
    margin-bottom: 20px;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

#PurchaseAreaRev img {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
}



#PurchaseAreaRev p {
    font-family: Roboto !important;
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 150%;
    /* or 24px */
    text-align: center;
    /* 90% Black */
    color: #333333;
}

.btn-purchase-ratios {
    background-color: #c94927 !important;
    border: none;
    border-radius: 2px;
    color: #fff!important;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
}

.btn-purchase-ratios:hover {
    background-color: #e4551f !important;
    color: #ffffff !important;
}

.btn-purchase-ratios:focus {
    color: #ffffff !important;
}


.tbl-col-first {
    width: 30%
}

.tbl-col {
    width: auto;
}

#financialRatiosTableOne {
    position: relative;
}

#financialRatiosTableOne table{
    position: relative;
}
#financialRatiosTableOne thead th:first-child {
    left: 0;
    z-index: 1;
    text-align:start;
}

#financialRatiosTableOne td {
    padding: 0.4rem;
    display: table-cell;
    text-align: end;
    vertical-align: middle;
    border-radius: 2px;
}

#financialRatiosTableOne td:first-child {
    padding: 0.4rem;
    display: table-cell;
    text-align: end;
    vertical-align: middle;
    border-radius: 2px;
    text-align:start;
}

.tbl-change{
    text-align:center!important;
}

#financialRatiosTableOne td .ratio-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #333333;
    cursor: pointer;

}



#financialRatiosTableOne td a:hover {
    text-decoration:none;
}
#financialRatiosTableTwo td .ratio-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #333333;
    text-align: end;
    cursor: pointer;
}

#financialRatiosTableTwo td .ratio-title:first-child {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #333333;
    text-align: start;
}
#financialRatiosTableTwo td a:hover {
    text-decoration: none;
}

#financialRatiosTableOne thead {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7F7F89;
}

#financialRatiosTableOne thead th {
    padding: 0.8rem;
    display: table-cell;
    text-align: end;
    vertical-align: middle;
    border-radius: 2px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.align-values{
    text-align:end!important;
}

.align-title {
    text-align:center;
}

#financialRatiosTableOne tbody .sectionTitle {
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129%  */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #000000;
}

#financialRatiosTableTwo {
    position: relative;
}

#financialRatiosTableTwo table{
    position: relative;
}
#financialRatiosTableTwo thead th:first-child {
    left: 0;
    z-index: 1;
}

#financialRatiosTableTwo td {
    padding: 0.4rem;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
}

#financialRatiosTableTwo thead {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7F7F89;
}

#financialRatiosTableTwo thead th {
    padding: 0.8rem;
/*   padding: 15px 22px 15px 22px;*/
    text-align: initial;
    vertical-align: middle;
    border-radius: 2px;
    position: -webkit-sticky;
    top: 0;
}

#financialRatiosTableTwo tbody .sectionTitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #000000;
}


#TableContentPanel {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 10px 25px 10px 25px;
}

.blurry {
    width: auto;
    color: rgba(0,0,0,0);
    background-color: rgba(200,200,200,.05);
    text-shadow: 0 0 10px #666;
    cursor: default;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    user-select: none;
    z-index: -1;
    display: inline-block !important;
    text-align:end!important
}

.icon-change {
    font-weight: bold;
    font-size: 28px;
    text-align:center;
}

.table-border {
    border-top: 1px solid #D8DDEA;
}

.sector-green {
    height: 16px;
    width: 16px;
    background-color: #54AA62;
    border-radius: 50%;
    display: inline-block;
}

.sector-orange {
    height: 16px;
    width: 16px;
    background-color: #F58232;
    border-radius: 50%;
    display: inline-block;
}

.sector-red {
    height: 16px;
    width: 16px;
    background-color: #DB1F2C;
    border-radius: 50%;
    display: inline-block;
}

.sector-blue {
    height: 16px;
    width: 16px;
    background-color: #1186C3;
    border-radius: 50%;
    display: inline-block;
}

.sector-white {
    height: 16px;
    width: 16px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #1186C3;
}

.table-key {
    padding:30px;
}

.key-pd {
    padding-top: 15px;
    padding-left:0px;
}
.table-key p {
    font-family: Roboto!important;
    font-style: normal;
    font-weight: normal;
    font-size: 16px!important;
    line-height: 150%;
    /* or 24px */
    /* 80% Black */
    color: #5A5A61;
    display: inline-block;
    padding-left:25px;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-key-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    /* or 27px */
    /* 90% Black */
    color: #333333;
    padding-bottom: 10px;
    border-bottom: 1px solid #D8DDEA;
}

.AccessMoreTrends {
/*background-color: #FF0000;*/
position: relative;
padding: 30px;
background: url(/resources/img/bg/bnr-financial-ratios-access-more.jpg) no-repeat top center;
background-size: cover;
text-align: center !important;
margin-bottom: 20px;
}

.AccessMoreTrends p {
    text-align: center !important;
    margin-bottom: 30px;
    color: #FFFFFF;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px !important;
    line-height: 150%;

}

.AccessMoreTrends div:first-child {
    opacity: 0.99;
    width: 80%;
    display: inline-block;
}

.AccessMoreTrends h2:first-child {
    font-family: Roboto !important;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 110%;
    /* or 35px */
    text-align: center;
    letter-spacing: -0.5px;
    /* White */
    color: #FFFFFF !important;
}

.AccessMoreTrends:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background-image: linear-gradient(#dbd1cc 100%, #cdbbb4 100%);
opacity: .9;*/
}

.EventButton {
    background-color: #fefefe !important;
    border: 2px solid #fefefe;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    min-width: 140px;
    letter-spacing: .75px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    height:42px;
    width:241px;
}

.EventButton:hover {
    
    background-color: #c94927 !important;
    color: #fefefe;
    border: 2px solid #c94927;
    will-change: background, color, border;
    transition: .3s ease-out;
}

.EventButton.inverted {
    border: 2px solid #c94927;
}


.ratios-anchor {
    padding-bottom: 15px;
}

.ratios-anchor span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    /* identical to box height, or 24px */
    /* 90% Black */
    color: #333333;
}

.ratios-anchor span a {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #333333;
    padding: 0px 14px 0px 15px;
}

#PurchaseAreaMobile {
    background-color: #FFFFFF;
    text-align: center;
    position: fixed;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    box-shadow: 0 -5px 5px -5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.14);
}

#PurchaseAreaMobile a {
    color: #C94927;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    padding-top: 12px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    text-align: center;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

#PurchaseAreaMobile {
    display: none;
}

/* clients new */
.section-clients {
padding: 50px 0;
background: url('/resources/img/bg/worldmap.png');
background-repeat: no-repeat;
background-position: 50%;
min-height: 400px;
}

.section-clients .row {
margin-right: 0;
margin-left: 0;
}


.section-clients ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
}

.section-clients ul li {
display: inline-block;
margin: 15px 55px;
vertical-align: middle;
}

.section-clients.extended-de ul li {margin:0;}

.section-clients .heading {
font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
line-height: 45px!important;
font-size: 32px!important;
text-align: center;
letter-spacing: 0.25px;
color: #37070B;
}

.section-clients .subheading {
font-family: Roboto;
line-height: 23px;
font-size: 18px;
text-align: center;
letter-spacing: 0.25px;
color: #37070B;
font-weight: 500;
}

#financialRatiosTableOne tbody .sectionTitle a {
   /* padding-top: 150px;
    margin-top: -150px;*/
    color: #000000
}

#financialRatiosTableTwo tbody .sectionTitle a {
  /*  padding-top: 150px;
    margin-top: -150px;*/
    color: #000000
}


#financialRatiosTableOne tbody .sectionTitle a:hover {
    text-decoration: none;
}

#financialRatiosTableTwo tbody .sectionTitle a:hover {
    text-decoration:none;
}


.report-definition {
    box-shadow:none;
    top: 21%;
    z-index:unset;
}

.definition-content {
    width: 65%;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.definition-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #5A5A61;
}

.definition-header .close {
    color: #FAFAFA;
    background:none;
    border:none;
    opacity:unset;
}

.definition-title {
    color: white;
    margin: 0;
    line-height: 1.42857143;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    /* identical to box height, or 32px */
    color: #FAFAFA;
}

.definition-body {
    position: relative;
    padding: 15px;
}
.definition-body span {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 150%;
    /* identical to box height, or 24px */
    color: #5A5A61;
}
.definition-body p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    /* or 24px */
    color: #5A5A61;
}

.definition-footer { 
    text-align: end;
    padding: 5px 30px 10px 10px;
}

.definition-footer span {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    text-align: right;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    color: #C94927
}


.tbl-right{
    text-align:end!important;
}


/*.fixed-anchor-ratios {
    
}*/
/* tablet - landscape */
@media only screen and (max-width: 1025px) {
    .btn-purchase-ratios  {
        min-width: inherit;
        margin-left: -8px;
    }

}
@media (max-width: 990px) {
    #PurchaseAreaMobile {
        display: block !important;
    }

    #RightSide {
        display: none!important;
    }


}
/* mobile */
@media (max-width:480px) {

    .ratios-anchor{
        display:none;
    }

    .report-definition {
        display: none !important;
    }

    .icon-change {
        text-align: initial
    }

    .img-margin {
        margin-left:-25px;
    }

    .section-clients .heading {
        font-size: 21px !important;
    }

    #financialRatiosTableOne thead th:first-child {
        left:unset;
    }
    #financialRatiosTableTwo thead th:first-child {
        left: unset;
    }

    .table-key p {
        padding-left:10px;
    }

    #reportTitleDisplay_FinancialRatio {
        font-size: 32px;
        color: #000000
    }

    .page-brand-type {
        font-size: 32px;
        color: #000000;
    }

    .report-last-updated {
        font-size: 14px;
        /* identical to box height, or 129% */
        /* 80% Black */
        padding-top:10px;
    }
}