body {
}

/*
    Badges
 */
.badge-white {
    background-color: #fff;
    color: #033c73;
}

.badge-danger {
    background-color: #d43f3a;
}

.badge-warning {
    background-color: #d58512;
}

.badge-success {
    background-color: #398439;
}

.badge-info {
    background-color: #269abc;
}

.badge-inverse {
    background-color: #333333;
}

.sticky {
    position: fixed;
    top: 0;
}

/* Main site menu */
.large-12 {
    width: 100%;
}

.column, .columns {
    float: left;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    position: relative;
}

.site-header {
    position: relative;
    z-index: 50;
}

    .site-header .primary-header {
        display: block;
    }

    .site-header .top-bar-container {
        background-color: #fff;
    }

    .site-header .top-bar ul,
    .site-header .top-mob-bar ul {
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 0.8em;
    }

    .site-header .top-bar ul,
    .site-header .top-mob-bar ul {
        float: right;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .site-header .top-bar ul li.portal {
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            -moz-border-right-colors: none;
            -moz-border-top-colors: none;
            border-bottom-left-radius: 3px;
            border-color: #00623b -moz-use-text-color #00623b #00623b;
            border-image: none;
            border-style: solid none solid solid;
            border-top-left-radius: 3px;
            border-width: 1px 0 1px 1px;
        }

        .site-header .top-bar ul li.portal,
        .site-header .top-mob-bar ul li.portal {
            background: none repeat scroll 0 0 #fff;
            margin-left: 1rem;
            padding: 5px 5px 5px 7px;
        }

            .site-header .top-bar ul li.portal a.selected,
            .site-header .top-mob-bar ul li.portal a.selected {
                background: none repeat scroll 0 0 #033c73;
                border-radius: 3px;
                color: #fff;
                margin-left: 0;
                margin-right: 0;
                padding: 2px 7px;
            }

        .site-header .top-bar ul li {
            display: inline-block;
            float: left;
            margin-bottom: 0;
            padding: 5px 5px 7px;
        }

ul li {
    list-style: outside none none;
}

.site-header .top-bar ul li.business {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-right-radius: 3px;
    border-color: #00623b #00623b #00623b -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-top-right-radius: 3px;
    border-width: 1px 1px 1px 0;
}

.site-header .top-bar ul li.business {
    background: none repeat scroll 0 0 #fff;
    margin: 0px;
    padding: 5px 7px 5px 7px;
}

.site-header .top-bar ul:after {
    clear: both;
    content: "";
    display: table;
}

.top-bar-container .row {
    margin: 0 auto;
    max-width: 90rem;
    width: 100%;
}

/* Mobile site menu */
.site-header .top-mob-bar ul li {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    padding: 5px 5px 7px;
}
/* Daily News Bulletin Button */
.dnbt {
    border-bottom-left-radius: 13px;
    border-top-left-radius: 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #8C2A29;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    margin: 0px;
    background-color: red;
    font-size: 1.2em;
    float: left;
    padding: 2px 20px 2px 5px;
}

.dnbg {
    border-image: none;
    background-color: #8C2A29;
    font-size: 1.5em;
    float: right;
    padding: 8px 5px 2px 5px;
    vertical-align: middle;
}

.dnbBtn {
    margin: 0;
    border: 0;
    padding: 0;
    border-radius: 13px;
    vertical-align: middle;
}

.dnbTbl, .mob-dnbTbl {
    border-collapse: separate;
    border-radius: 13px;
    border-color: #8C2A29 #8C2A29 #8C2A29 #8C2A29;
    border-image: none;
    border-style: solid;
    background-color: #8C2A29;
    vertical-align: middle;
    color: white;
    vertical-align: middle;
}

.statistics {
    font-size: 0.8em;
}

#aDailyBulletin {
    padding: 5px 15px 5px 15px;
}


/* Section Adjustments */
.sectionImg {
    padding-left: 5px;
}

.centeredImage {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.mob-menu-row {
    background-color: white;
}

.well {
    box-sizing: border-box;
}

/* Mobile menu */


.mob-menu-btn-lf {
    color: #777;
    font-size: 1.5em;
    padding: 0px 10px 0px 10px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.mob-dnbTbl {
    margin: 0px 15px 0px 10px;
}

.mob-dnbt {
    border-radius: 13px;
    border-color: #8C2A29;
    border-image: none;
    border-style: solid;
    border-width: 3px;
    margin: 0px;
    background-color: red;
    font-size: 1.2em;
    padding: 2px 20px 2px 5px;
}

/* Show menu item on hover */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.mob-section-label {
    padding: 15px 15px 10px 15px;
    margin-left: 20px;
    color: #777;
    font-size: 1.5em;
}

/* Filter page */
.row-top-margin-5 {
    margin-top: 5px;
}

.label-datepicker {
    width: 60px;
}

.label-datepicker-icon {
    width: 40px;
}

.table-text-sm {
    font-size: 0.8em;
}

.btn-panel-end {
    margin-bottom: 5px;
    margin-right: 3px;
}

.close-dropdown {
    opacity: initial;
    color: #00FF00;
    text-shadow: none;
}

.popover-title {
    background: #fff;
}

.popover-content {
    /*background:#54b4eb;*/
}

.btn-panel-header {
    padding: 0px 0px 8px 12px;
    float: right;
    font-size: 1.3em;
}

    .btn-panel-header i {
        padding: 2px 0px 2px 0px;
    }

.margin-top-3 {
    margin-top: 3px;
}

.panel-maximized {
    top: 0;
    left: 15%;
    height: 100%;
    width: 70%;
    position: fixed;
    z-index: 999;
    float: left;
}

.panel-minimized {
}

.modal-dialog-large {
    width: 850px;
}

#ContactUsModal .modal-dialog {
    /*width: 850px;*/
}

.multi-device-pic {
    margin: 0px 20px 20px 40px;
}

.slider-next-bt {
    height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
    background: url("images/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
    */ right: 10px;
    float: right;
}

.slider-prev-bt {
    height: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
    background: url("images/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
    left: 10px;
    float: left;
}

.italicBlue {
    color: #369;
    font-size: 7pt;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 4px;
    margin-top: 0;
}

.field-validation-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}


/* Login Page */
.login-header {
    padding: 10px 0;
    margin-bottom: 5px;
}

    .login-header.bordered {
        text-align: left;
        border-left: 4px solid #317eac;
        padding-left: 15px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

.tooltip {
    background-color: #000000;
}

/****************************************
* Boxes Icons         					*
****************************************/
.oldbox-icon, .oldbox-icon-small {
    background: transparent url(~/Content/Images/Icon/home_sprite.gif) no-repeat 0 0;
    display: inline-block;
    float: left;
    width: 60px;
    height: 74px;
    padding: 3px;
}

.oldbox-icon-small {
    width: 40px;
    height: 44px;
}

.oldbox-icon-thumbup {
    background-position: -88px -170px;
}

.box-icon-quartile {
    background-position: -157px 4px;
}

.box-icon-changes {
    background-position: -157px -85px;
}

.box-icon-report {
    background-position: -4px 0;
}

.box-icon-quickreport {
    background-position: -84px 0px;
}

.box-icon-calc {
    background-position: -84px -85px;
}

.box-icon-favourite {
    background-position: -161px -185px;
}

.box-icon-calendar {
    background-position: -208px -185px;
}

.box-icon-graph {
    background-position: -4px -85px;
}

.oldbox-icon-percent {
    background-position: -227px -85px;
}

.box-icon-pound {
    background-position: -229px 4px;
}

.nav-stacked {
    line-height: 0.45;
}

.mfMessageSuccessPadding {
    background-color: #d9edf7;
    color: #3a87ad;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mfMessageSuccess {
    background-color: #d9edf7;
    color: #3a87ad;
}

.mfTextBold {
    font-weight: 300;
    line-height: 1.4;
    font-size: 18px;
}

/*
    *, *:before, *:after {
    box-sizing: border-box;
}

* {
    color: inherit;
    margin: 0;
    padding: 0;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #5b90bf;
    color: #dfe1e8;
}

.line-legend li {
    cursor: default;
    font-size: 14px;
}

.line-legend{
    list-style: outside none none;
    position: absolute;
    right: 8px;
    top: 0;
    font-family: "proxima-nova","Helvetica Neue","Helvetica","sans-serif";
}

.line-legend li span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 5px;
    box-sizing: border-box;
}

.labeled-chart-container {
    min-height: 180px;
    padding-right: 150px;
    position: relative;
}*/
*:before, *:after {
    box-sizing: border-box;
}

.info-legend, .chart-legend {
    list-style-type: none;
    margin-top: 5px;
}

.info-RateTracking, .info-OwnProducts {
    list-style-type: none;
    border-radius: 5px;
    cursor: default;
    display: block;
    font-size: smaller;
    margin-bottom: 4px;
    padding: 2px 8px 2px 28px;
    position: relative;
    white-space: nowrap;
}

ul, ol {
    margin-bottom: 10px;
    margin-top: 0;
}

.chart-legend li, info-OwnProducts li, info-RateTracking li, .bar-legend li, .line-legend li, .pie-legend li, .radar-legend li, .polararea-legend li, .doughnut-legend li {
    border-radius: 5px;
    cursor: default;
    display: block;
    font-size: smaller;
    margin-bottom: 4px;
    padding: 2px 8px 2px 28px;
    position: relative;
    white-space: nowrap;
}


.chart-legend, info-OwnProducts, info-RateTracking, .bar-legend, .line-legend, .pie-legend, .radar-legend, .polararea-legend, .doughnut-legend {
    list-style-type: none;
}

.chart-legend li span, .bar-legend li span, .line-legend li span, .pie-legend li span, .radar-legend li span, .polararea-legend li span, .doughnut-legend li span, .info-legend li span {
    border-radius: 50%;
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
    color:black;
}

.info-OwnProducts li span, .bar-legend li span, .line-legend li span, .pie-legend li span, .radar-legend li span, .polararea-legend li span, .doughnut-legend li span, .info-legend li span {

        border-radius: 0px;
        display: block;
        height: 16px;
        left: 0;
        position: absolute;
        top: 0;
        width: 16px;
        color:white;          
        border: 2px solid black;
}

.contact-legend-info {
    list-style-type: none;
    margin-top: 5px;
}

.contact-legend-info li span {
    border-radius: 5px;
    height: 20px;
    left: 0;
    margin-right:10px;
    position: relative;
    top: 5px;
    width: 20px;    
    display:inline-block;
}


.outerLegendTriangle {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid black;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

.innerLegendTriangle {
    position: relative;
    left: -5px;
    top: 4px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid white;
}

.panel-info-favourite {
    border-color: #446e9b;
}

.panel-info-selected {
    border-color: #ffe270;
    border-width: 0.5em;
}

.panel-info-selectedB {
    border-color: #ffe270;
    border-width: 0.5em;
}


.badge-danger {
    background-color: #d43f3a;
}

.badge-warning {
    background-color: #d58512;
}

.badge-success {
    background-color: #398439;
}

.badge-info {
    background-color: #269abc;
}

.badge-inverse {
    background-color: #333333;
}

.panel-info > .panel-heading .badge-warning {
    background-color: #d58512;
}

.pageDataSwitch {
    margin-bottom: 20px;
}

#quartileData {
    margin-bottom: 20px;
}
/*#legendDiv{
    margin-bottom:30px; 
    margin-left:-10px;
}*/
.tableInfoRow {
    font-weight: bold;
}

.tableDataQBB {
    font-size: smaller;
    vertical-align: middle !important;
}

.productNewsNotes {
    font-size: smaller;
    margin-top: -8px;
}

.newsItem {
    margin-bottom: 0;
    padding: 5px;
}

.customformheader {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #666666;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
/*Home*/

.QBBTable td {
    padding: 2px 10px 2px 10px !important;
}

.QBBTable th {
    vertical-align: middle !important;
    padding: 2px 10px 2px 10px !important;
}

/*** NewsTicker Home Page Styles ***/
.panel ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.panel-body{
    overflow: hidden;
}

.news-item {
    padding: 4px 4px;
    margin: 0px;
    border-bottom: 1px dotted #555;
}

.newsPopover {
    min-width: 250px;
}
/*Stops the DNB button from backgrounding to white*/
.navbuttonHover:hover,
.navbuttonHover:focus {
    background-color: #cb171e !important;
}

.tableFloatingHeaderOriginal th {
    background-color: #fff;
    border-bottom: 1px solid #DDD;
}

/*** Styles for positioning view report ***/
.positioningViewGrid.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.positioningViewGrid.k-grid .k-grid-header .k-header {
    white-space: normal;
}
/* QUARTILES PAGE*/
.tableDataTitleQuartiles {
    font-size: small;
    text-align: center;
    background-color: #fff;
    color: #333333;
}

.tableDataQuartiles {
    text-align: center;
    font-size: medium;
    background-color: #fff;
    color: #333333;
}

.tableInfoTitle {
    text-align: center;
    vertical-align: auto;
    font-size: small;
    background-color: rgba(234, 234,234, 1);
    color: #333333;
}

.tableSelectAccountQuartiles {
    display: inline-block;
    color: #333333;
    padding-top: 5px;
    padding-bottom: 5px;
}

.reportQuartiles {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.default tableInfoRow {
    background-color: #808080;
    color: #333333;
}

.panel-primary > .panel-heading table {
    color: #666666;
}

/*Details Style*/

.detailsHeader {
    color: #1D1C22;
    border-color: #94c0d2;
}

.detailHeaddingStyle {
    background-color: #DDD;
    font-weight: bold;
    color: #1D1C22;
}

.panelGrey {
    border-color: #DDD;
}

.detailsBody {
}

.detailsCellHeader {
    background-color: #DDD;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    width: 25%;
}

.hiddenDetails {
    visibility: hidden;
    position: absolute;
}

/* Bespoke zTree styling to make it look like the bootstrap treeview*/

.zTree span.button {
    cursor: pointer;
}

.zTree .list-group-item a {
    cursor: pointer;
    color: #666;
    padding: 5px 5px 5px 5px;
}

.zTree span.switch {
    margin-right: 5px;
}

.zTree .list-group-item {
    border: none;
}

.zTree a.curSelectedNode {
    color: #FFF;
    background-color: #428bca;
}

.zTree ul {
    margin-bottom: 0px;
}

.zTree li {
    margin-left: 10px;
}

/*Highlighting*/
.highlight {
    background-color: yellow;
}

.schedulerReportInfoPanel {
    background: #1f2f5f;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    margin-left: 0px !important;
    border: none;
    height: 20px;
    width: 100%;
}

/* Override bootstrap styling for nav tabs*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #3399f3;
    background-color: #eeeeee;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: #666666;
}

/* Grid view full screen*/
.fullscreen {
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
}

#chart_div {
height:450px;
width:90%;

}



/*.fullscreenGraph {
    z-index: 9999;
    width: $(window).width(),
    height: $(window).height(),
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
}*/

.summaryIndent {
    padding-left: 10px;
}

.summaryHeading {
    margin-bottom: 10px;
    margin-top: 10px;
}

.criteriaCell {
    padding: 10px;
}

.criteriaManagement {
    color: #fff !important;
}

.validationInvalid {
    border-color: #ff1d1b;
    border-width: 0.2em;
}

.validationInvalidMessage {
    color: #ff1d1b;
    font-weight: bold;
    padding-top: 9px;
}

.btn-HelpSection {
    /*font-family: arial;*/
    color: #FFFFFF !important;
    /*font-size: 17px;*/
    box-shadow: 1px 1px 1px #C2C2C2;
    padding: 10px 25px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid #3866A3;
    background: #208C27;
    background: linear-gradient(top, #40A52A, #10A310);
    background: -ms-linear-gradient(top, #40A52A, #10A310);
    background: -webkit-gradient(linear, left top, left bottom, from(#40A52A), to(#10A310));
    background: -moz-linear-gradient(top, #40A52A, #10A310);
}

    .btn-HelpSection:hover {
        color: #FFFFFF !important;
        background: #468CCF;
        background: linear-gradient(top, #3DB822, #47AD47);
        background: -ms-linear-gradient(top, #3DB822, #47AD47);
        background: -webkit-gradient(linear, left top, left bottom, from(#3DB822), to(#47AD47));
        background: -moz-linear-gradient(top, #3DB822, #47AD47);
    }

.panel-title-HelpInformation {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #ffffff;
}

.panel-heading-HelpInformation {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #FFFFFF;
    background-color: #45902c;
    border-color: #45902c;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #bbb !important;
}

.table-bordered {
    border: 1px solid #bbbbbb;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #bbbbbb;
    }

/* Style for placholder IE8 workaround*/
input.placeholder {
    color: #aaaaaa;
}

/* Create style for btn Default white (as it is in Cerulean) */
.btn-whiteDefault {
    background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
    background-repeat: no-repeat;
    border-bottom: 1px solid #e6e6e6;
    filter: none;
}

    .btn-whiteDefault:focus, .btn-whiteDefault.focus {
        background-color: #e6e6e6;
        border-color: rgba(0, 0, 0, 0.1);
        color: #555555;
    }

    .btn-whiteDefault:hover {
        background-color: #e6e6e6;
        border-color: rgba(0, 0, 0, 0.1);
        color: #555555;
    }

    .btn-whiteDefault:active, .btn-whiteDefault.active, .open > .dropdown-toggle.btn-whiteDefault {
        background-color: #345578;
        border-color: #315070;
        color: #ffffff;
    }

        .btn-whiteDefault:active:hover, .btn-whiteDefault.active:hover, .open > .dropdown-toggle.btn-whiteDefault:hover, .btn-whiteDefault:active:focus, .btn-whiteDefault.active:focus, .open > .dropdown-toggle.btn-whiteDefault:focus, .btn-whiteDefault.focus:active, .btn-whiteDefault.active.focus, .open > .dropdown-toggle.btn-whiteDefault.focus {
            background-color: #345578;
            border-color: #315070;
            color: #ffffff;
        }

    .btn-whiteDefault:active, .btn-whiteDefault.active, .open > .dropdown-toggle.btn-whiteDefault {
        background-image: none;
    }

        .btn-whiteDefault.disabled, .btn-whiteDefault[disabled], fieldset[disabled] .btn-whiteDefault, .btn-whiteDefault.disabled:hover, .btn-whiteDefault[disabled]:hover, fieldset[disabled] .btn-whiteDefault:hover, .btn-whiteDefault.disabled:focus, .btn-whiteDefault[disabled]:focus, fieldset[disabled] .btn-whiteDefault:focus, .btn-whiteDefault.disabled.focus, .btn-whiteDefault.focus[disabled], fieldset[disabled] .btn-whiteDefault.focus, .btn-whiteDefault.disabled:active, .btn-whiteDefault[disabled]:active, fieldset[disabled] .btn-whiteDefault:active, .btn-whiteDefault.disabled.active, .btn-whiteDefault.active[disabled], fieldset[disabled] .btn-whiteDefault.active {
            background-color: #ffffff;
            border-color: rgba(0, 0, 0, 0.1);
        }

    .btn-whiteDefault .badge {
        background-color: #555555;
        color: #ffffff;
    }

.rowGreyAlt, .k-alt {
    background-color: #f2f2f2 !important;
}

    .rowGreyAlt.k-state-selected {
        color: #13688c;
    }

.mf-k-grid-header {
    font-weight: bold !important;
}

.iconAnalyserColour {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #EA4E01;
}

.roundedButton {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 20px 4px 20px;
    background-color: #E6E7E4;
    margin: 2px 0px 2px 0px;
    color: #1D1C22;
    font-size: x-small;
    font-weight: bold;
}

    .roundedButton:hover {
        background-color: #1D1C22 !important;
        color: #fff !important;
        outline: none !important;
    }

    .roundedButton:active {
        outline: none !important;
        color: #fff !important;
    }

    .roundedButton:focus {
        outline: none !important;
        color: #1D1C22;
    }

.roundedButtonBlack {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 20px 4px 20px;
    background-color: #000;
    margin: 2px 0px 2px 0px;
    color: #fff;
    font-size: x-small;
    font-weight: bold;
}

    .roundedButtonBlack:hover {
        background-color: #fff !important;
        color: #000 !important;
        outline: none !important;
    }

    .roundedButtonBlack:active {
        outline: none !important;
        color: #000 !important;
    }

    .roundedButtonBlack:focus {
        outline: none !important;
        color: #fff;
    }

.roundedButtonPrimary {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 20px 4px 20px;
    background-color: #EA4E01;
    margin: 2px 0px 2px 0px;
    color: #fff;
    font-size: x-small;
}

    .roundedButtonPrimary:hover {
        background-color: #fff !important;
        color: #EA4E01 !important;
        outline: none !important;
    }

    .roundedButtonPrimary:active {
        outline: none !important;
        color: #EA4E01 !important;
    }

    .roundedButtonPrimary:focus {
        outline: none !important;
        color: #fff;
    }

.exportButton {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 8px 4px 8px;
    background-color: #E6E7E4;
    margin: 2px 0px 2px 0px;
    color: #1D1C22;
    font-size: x-small;
}

    .exportButton:hover {
        background-color: #1D1C22 !important;
        color: #E6E7E4 !important;
        outline: none !important;
    }

    .exportButton:active {
        outline: none !important;
        color: #E6E7E4 !important;
    }

    .exportButton:focus {
        outline: none !important;
        color: #1D1C22;
    }

.panelButton {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 13px 8px 13px 8px;
    background-color: #E6E7E4;
    margin: 2px 0px 2px 0px;
    color: #1D1C22;
    font-size: x-small;
}

    .panelButton:hover {
        background-color: #1D1C22 !important;
        color: #E6E7E4 !important;
        outline: none !important;
    }

    .panelButton:active {
        background-color: #1D1C22;
        color: #E6E7E4;
        outline: none !important;
        border: none !important;
    }

.panelButtonPanel {
    margin-top: 30px;
    vertical-align: central;
}

.panelButtonArrows {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 2px 5px 2px;
    background-color: #E6E7E4;
    /*margin: 2px 0px 0px 0px;*/
    color: #1D1C22;
    font-size: x-small;
}

.exportButtonWhite {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 8px 4px 8px;
    background-color: #fff;
    margin: 2px 0px 2px 0px;
    color: #1D1C22;
    font-size: x-small;
}

    .exportButtonWhite:hover {
        background-color: #1D1C22 !important;
        color: #fff !important;
        outline: none !important;
    }

    .exportButtonWhite:active {
        outline: none !important;
        color: #fff !important;
    }

    .exportButtonWhite:focus {
        outline: none !important;
        color: #1D1C22;
    }

.nonroundedButton {
    padding: 10px 15px 10px 15px;
    background-color: #E6E7E4;
    margin: 2px 0px 2px 0px;
    color: #1D1C22;
    font-size: x-small;
}

    .nonroundedButton:hover {
        background-color: #1D1C22 !important;
        color: #E6E7E4 !important;
        outline: none !important;
    }

    .nonroundedButton:active {
        outline: none !important;
        color: #E6E7E4 !important;
    }

    .nonroundedButton:focus {
        outline: none !important;
        color: #1D1C22;
    }

.greyButton {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    border: none;
    width:90%;
    border-style: solid;
    border: 1px;
    border-color: #cccccc;
    margin-bottom: 5px;
}
.greyButtonDeleteList {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    /*border: none;*/
    /*width:90%;*/
    border-style: solid;
    border: 1px;
    border-color: #cccccc;
    width: 115px;
    margin-bottom: 5px;
}

.greyButtonCriteria {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    border-style: solid;
    border-color: #cccccc;
    min-width: 150px;
    font-size: 12px;
    margin: 0px 15px 10px 15px;
    width: 75%;
    height: 38px;
}

.greyButtonFolder {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    border: none;
    /*width:90%;*/
    width: 200px;
    margin-bottom: 5px;
}

.greyFilterReport {
    border: 1px;
    border-color: #cccccc;
    border-style: solid;
    width: 75%;
    height: 38px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

.greyButtonReport {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    border-style: solid;
    border: 1px;
    border-color: #cccccc;
    border-style: solid;
    width: 90%;
    /*width:200px;*/
    margin: 0px 15px 10px 15px;
}

.greyButton:hover {
    background-color: #1D1C22 !important;
    color: #E6E7E4 !important;
    outline: none !important;
}

.greyButton:active {
    color: #E6E7E4 !important;
    outline: none !important;
}

.greyButton:focus {
    color: #1D1C22;
    outline: none !important;
}


.greyButtonNoWidth {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    border-style: solid;
    border: 1px;
    border-color: #cccccc;
    margin-bottom: 5px;
}

    .greyButtonNoWidth:hover {
        background-color: #1D1C22 !important;
        color: #E6E7E4 !important;
        outline: none !important;
    }

    .greyButtonNoWidth:active {
        color: #E6E7E4 !important;
        outline: none !important;
    }

    .greyButtonNoWidth:focus {
        color: #1D1C22;
        outline: none !important;
    }


.greyButtonBackground {
    background-color: #E6E7E4 !important;
}

.navButton {
    background-color: #fff !important;
    color: #1D1C22 !important;
    font-weight: 600;
    border: none;
}

    .navButton:hover {
        background-color: #1D1C22 !important;
        color: #fff !important;
        outline: none !important;
    }

    .navButton:active {
        outline: none !important;
        color: #fff !important;
    }

    .navButton:focus {
        outline: none !important;
        color: #1D1C22;
    }

    /******  MENU REPORT - Descktop and Responsive design  **********/
    .navButtonQuickReportRD {
        background-color: #fff !important;
        color: #1D1C22 !important;
        font-weight: 600;
        border: none;
        text-align: center;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navButtonQuickReportRD:hover {
        background-color: #1D1C22 !important;
        color: #fff !important;
        outline: none !important;
    }

    .navButtonQuickReportRD:active {
        outline: none !important;
        color: #fff !important;
    }

    .navButtonQuickReportRD:focus {
        outline: none !important;
        color: #1D1C22;
    }

    /****** END MENU REPORT - Descktop and Responsive design  **********/

.nav-justified > li > .navButton {
    border: 1px solid #dddddd !important;
}

.navButtonDropdown {
    background-color: #fff !important;
    color: #1D1C22 !important;
    font-weight: 600 !important;
}

    .navButtonDropdown:hover {
        background-color: #1D1C22 !important;
        color: #fff !important;
        outline: none !important;
    }

    .navButtonDropdown:active {
        color: #fff !important;
        outline: none !important;
    }

    .navButtonDropdown:focus {
        color: #1D1C22;
        outline: none !important;
    }

 .navButtonPrimary {
    background-color: #EA4E01 !important;
    color: #fff !important;
    font-weight: 600;
    border: none;
}

    .navButtonPrimary:hover {
        background-color: #fff !important;
        color: #EA4E01 !important;
        outline: none !important;
    }

    .navButtonPrimary:active {
        background-color: #fff !important;
        color: #EA4E01 !important;
        outline: none !important;
    }

    .navButtonPrimary:focus {
        color: #fff;
        outline: none !important;
    }

    .navButtonPrimaryQuickReportRD {
    background-color: #EA4E01 !important;
    color: #fff !important;
    font-weight: 600;
    border: none;
}
     /******  MENU REPORT - Descktop and Responsive design  **********/
    .navButtonPrimaryQuickReportRD:hover {
        background-color: #fff !important;
        color: #EA4E01 !important;
        outline: none !important;
        text-align: center;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .navButtonPrimaryQuickReportRD:active {
        background-color: #fff !important;
        color: #EA4E01 !important;
        outline: none !important;
    }

    .navButtonPrimaryQuickReportRD:focus {
        color: #fff;
        outline: none !important;
    }
     /****** END MENU REPORT - Descktop and Responsive design  **********/
    
    .navButtonDropDownPrimary {
        background-color: #EA4E01;
        color: #fff !important;
        font-weight: 600;
        border: none;
    }

    .navButtonDropDownPrimary option {
        background-color: #fff !important;
        color: #EA4E01 !important;
    }

    .navButtonDropDownPrimary:hover {
        background-color: #fff !important;
        color: #EA4E01 !important;
        outline: none;
    }

    .navButtonDisabled {
        background-color: rgb(245,245,245) !important;
        color: #1D1C22 !important;
        border: 1px solid #dddddd !important;
        pointer-events: none;
    }

    .navButtonBlack {
        background-color: #000 !important;
        color: #fff !important;
        font-weight: 600;
        border: none;
 
    }

    .navButtonBlack:hover {
        background-color: #fff !important;
        color: #000 !important;
        outline: none !important;
    }

    .navButtonBlack:active {
        color: #000 !important;
        outline: none !important;
    }

    .navButtonBlack:focus {
        color: #fff !important;
        outline: none !important;
    }



.aPrimaryTextButton {
    color: #EA4E01 !important;
}

    .aPrimaryTextButton:hover, .aPrimaryTextButton:focus, .aPrimaryTextButton:active {
        color: #EA4E01 !important;
        outline: none !important;
    }

.infoButton {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 2px 8px 2px 8px;
    background-color: #EA4E01;
    color: #fff;
    margin: 1px 3px 2px 0px;
    font-size: x-small;
}

    .infoButton:hover {
        background-color: #fff;
        color: #EA4E01;
        outline: none !important;
    }

    .infoButton:focus, .infoButton:active {
        outline: none !important;
    }

.quartileButton {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 2px 5px 2px 5px;
    background-color: #EA4E01;
    color: #fff;
    margin: 1px 3px 2px 0px;
    font-size: x-small;
}

    .quartileButton:hover {
        background-color: #fff;
        color: #EA4E01;
    }

    .quartileButton:active {
        outline: none !important;
        color: #EA4E01;
    }

    .quartileButton:focus {
        outline: none !important;
        color: #fff;
    }


.helpInfoButton {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 2px 5px 2px 5px;
    background-color: #EA4E01;
    color: #fff;
    margin: 1px 3px 2px 0px;
    float: right;
    padding: 2px 11px 2px 11px;
    font-size: 18px;
}

    .helpInfoButton:hover {
        background-color: #fff;
        color: #EA4E01;
    }

    .helpInfoButton:active, {
        outline: none !important;
        color: #EA4E01;
    }

    .helpInfoButton:focus {
        outline: none !important;
        color: #fff;
    }

.dnbButton {
    color: #fff;
    padding: 10px 15px 10px 15px !important;
}

    .dnbButton:hover {
        color: #9CB303 !important;
    }

body {
    margin: 0px auto;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.news-item {
    border-bottom: 1px solid #fff;
}

.newsTicker {
    height: 100% !important;
    max-height: 536px;
}

.newsBoxAlt {
    height: 100%;
    max-height: 670px;
}

.newsHomeColor {
    background-color: #4B4B4E;
}

.newsProductChangeColor {
    background-color: #fff;
}

.newsBoxAlt > .panel-footer {
    background-color: #4B4B4E;
    border-top: none;
    margin: 0px -1px -1px -1px !important;
}

    .newsBoxAlt > .panel-footer > ul > li > a {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        color: #4B4B4E;
        padding: 8px 8px 4px 10px;
        margin: 0px 0px 0px 10px;
    }


.headerLayoutContainer {
    display: table;
    width: 100%;
    padding: 0px;
}

.tableDisplay {
    display: table;
}

.tableDisplayRow {
    display: table-row;
}

.tableDisplayCell {
    display: table-cell;
}

.positionAbs {
    position: absolute;
}

.headerInfoBox {
    width: 276.5px;
    position: relative;
}

.aPrimary {
    background-color: #EA4E01;
}

.aDarkPrimary {
    background-color: #9CB303;
}

.noMargin {
    margin: 0px;
}

.noPadding {
    padding: 0px;
}

.paddedDiv {
    padding: 10px;
}

.whiteBack {
    background-color: #fff;
}

.whiteText {
    color: #fff;
}

.greyNavBackground {
    background-color: #DDDED9;
}

.fullWidth {
    width: 100%;
}

.paddedSection {
    padding: 15px 15px 10px 15px;
}

.mobileSectionName {
    font-size: 1.5em;
    margin-left: 15px;
}

.buttonBorder {
    border-color: #777;
}

.buttonIcon {
    background-color: #777;
}

.dnbBox {
    width: 276.5px;
    position: relative;
}

.dnbText {
    font-weight: bold;
    padding: 4px 0px 0px 5px;
}

.boldText {
    font-weight: bold;
}

.mainBody {
    background-color: #E8E9E3;
    width: 100%;
    min-height: 86vh;
    padding-top: 40px;
}

.noMenuPadding {
    margin: 0px -10px 0px -10px;
}

.mainMenuItem {
    color: #1D1C22 !important;
    padding: 13px 15px 14px 15px;
}

.mainMenuItemSelected {
    background-color: #eeeeee;
}

.dnbMiniMenu {
    padding: 12px 15px 8px 15px !important;
}

.dnbMiniMenuText {
    font-weight: bold;
    padding-left: 5px;
}

.panelHeaderWhite {
    font-size: large;
    /*padding-top: 20px;*/
    font-weight: 700;
}

.panelHeaderWhiteSmall {
    font-size: larger;
    color: #EA4E01;
    padding: 10px 5px 10px 0px;
    font-weight: 700;
}

.panelSmall {
    padding: 20px;
    height: 100%;
}

.panelSubHeaderWhite {
    font-size: larger;
    font-weight: 700;
}

.newHR {
    height: 1px;
    border: none;
    color: #DDDED9;
    background-color: #DDDED9;
    margin-top:10px;
    margin-bottom:10px;
}

.fontSmall {
    font-size: small;
}

.menuRelative {
    position: relative;
    border: none;
}

.paddedSide {
    padding: 10px 0px 10px 0px;
}

.iconLeft {
    margin-left: -15px;
}

.panelHomeNews {
    height: 100%;
}

.headerLargeText {
    font-size: 16px;
    padding: 20px 20px 10px 20px;
    font-weight: 400;
}

.bodyTextPadding {
    padding: 0px 20px 10px 20px;
}

.mediumText {
    font-size: medium;
}

.modalFontSize {
    font-size: 12px;
    font-weight: 600;
}

.modalHeaderFont {
    font-size: 14px;
    font-weight: 600;
}

.aPrimaryText {
    color: #EA4E01;
}

.newTableHeader {
    border-top: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
}

.newTableCell {
    border: none !important;
}

.tableBodyPadding {
    padding: 0px 20px 10px 20px;
}

.bottomPadding10 {
    padding-bottom: 10px;
}

.paddingSide5 {
    padding-left: 5px;
    padding-right: 5px;
}


.ms-container {
    background: transparent url(Images/ArrowsSwitch.jpg) no-repeat 50% 50% !important;
}

.ms-selection > div {
    background-color: #DDDED9 !important;
}

.ms-selectable > div {
    background-color: #DDDED9 !important;
}

.ms-selection > div > .control-label {
    color: #1D1C22;
    margin-top: -10px;
    padding-bottom: 10px;
}

.ms-selectable > div > .control-label {
    color: #1D1C22;
    margin-top: -10px;
    padding-bottom: 10px;
}

.formTextDark {
    color: #1D1C22;
}

.ms-list > li {
    background-color: white;
    color: #1D1C22;
    font-size: 12px !important;
    padding: 2px 15px 2px 15px !important;
}

/*.ms-hover{
    background-color:#1D1C22 !important;
    color:#fff !important;
}*/

.paddedPanel {
    padding: 20px;
}

.paddedPanelNoBottom {
    padding: 20px 20px 0px 20px;
}

.unpaddedArea {
    padding: 0px;
    margin-bottom: 10px;
}

.showhideAreaButton {
    background-color: #fff;
    font-size: 14px;
    color: #1D1C22;
}

    .showhideAreaButton:focus, .showhideAreaButton:active, .showhideAreaButton:hover {
        background-color: #fff !important;
        font-size: 14px !important;
        color: #1D1C22 !important;
        outline: none !important;
    }

.node-selected {
    background-color: #DDDED9 !important;
}

.node-tree {
    color: #1D1C22 !important;
    font-size: 14px;
    font-weight: 600;
}

.node-treeResults {
    color: #1D1C22 !important;
    font-size: 14px;
    font-weight: 600;
}

.showHideText {
    font-weight: 500;
    margin-left: 10px;
}

.subPanelHeading {
    font-size: 18px;
    font-weight: 600;
}

.subPanelText {
    font-size: 14px;
    font-weight: 600;
}

.folderManagementButton {
    width: 78px;
    font-size: 11px;
    padding: 5px;
}

.cancelButton {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: none;
}

.ms-focus {
    border: none !important;
    box-shadow: none !important;
}

.rowMarginBottom {
    margin: 0px 0px 15px 0px;
}

.input-sm:focus, .input-sm:active {
    border: 1px solid #cccccc !important;
}

.blackPanel {
    border: 1px solid #000;
}

    .blackPanel > .panel-heading {
        background-color: #000;
        color: #fff;
    }

.form-control:focus {
    border-color: #cccccc !important;
    outline: 0;
}

.mf-widget, .k-widget {
    background-color: #fff !important;
    color: #666666 !important;
    border-color: #cccccc !important;
}

.mf-link, .k-link {
    background-color: #fff !important;
    color: #666666 !important;
}

.mf-pager-nav, .k-pager-nav {
    border-color: #cccccc !important;
}

.mf-state-selected, .k-state-selected {
    background-color: #666666 !important;
    color: #fff !important;
    border-color: #cccccc !important;
}

.mf-header, .k-header, .mf-grid, .k-grid-header {
    background-color: #fff !important;
    color: #666666 !important;
    border-color: #cccccc !important;
}

a > .sortIcon {
    color: #EA4E01;
}

.sortActive > .sortIcon {
    color: #666666 !important;
}

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input {
    color: #1D1C22 !important;
}

/*Responsive height til thead box news has thead fixed Height form laptos command computers, height < 769px */
.newsBox {
    height: auto;
}
/* CALCULATORS PROVIDERS GROUP IN CALCULATORS */
.buttonProviderGroup {
    width: 90%;
    margin: 5px 0px 5px 0px;
}

.buttonCategoryGroup {
    width: 90%;
}


/* SIZES BUTTONS FOR THE LAST BEST BUYS*/
.buttonNavBestBuys {
    width: 95%;
    margin: 5px 0px 5px 0px;
}

.buttonNavQuartiles {
    width: 95%;
    margin: 5px 0px 5px 0px;
}

.buttonNavCalculators {
    width: 95%;
    margin: 5px 0px 5px 0px;
}

.formOverdraftReturn {
    padding-left: 5px;
    padding-right: 5px;
}
/* ::::::::  User Updates Section :::::::::::::::*/
.userUpdatedTable {
    text-align: left;
    /*padding:0px;*/
    color: black;
    border-top: 1px solid #DDDED9;
    border-bottom: 1px solid #DDDED9;
}

.userUpdatedTable tr td:last-child{
    width:1%;
    white-space:nowrap;
}

.userUpdatedReleaseDate {
    width:100%;
}
/* :::::::::  END User Updates Section ::::::::::::*/
/* ::::::::  Product Changes :::::::::::::::*/
.buttonSelectedButtonRange {
    width: 90%;
    margin-bottom: 5px;
}

.buttonSelectTime {
    width: 90%;
    margin-bottom: 5px;
}
/* TO CENTER THE TABLES DATE SELECTOR IN THE MOBILE SITE*/
.centerDateTable {
    margin: 0 auto !important;
    float: none !important;
}
/* :::::::::  END User Updates Section ::::::::::::*/
/* :::::::::  Home Page Icons / Column News ::::::::::::*/
.iconBigHome {
    height: 95px;
    width: 95px;
    margin: 10px 0px 0px -25px !important;
}

.iconSmallHome {
    margin: 10px 0px 0px -25px !important;
    height: 70px;
    width: 70px;
}

.productChangeHomeIcon {
    height: 60px;
    margin-top: 19%;
    margin-left: 19%;
}

.bestBuyHomeIcon {
    height: 52px;
    margin-top: 23%;
    margin-left: 23%;
}

.quartileHomeIcon {
    height: 60px;
    margin-top: 19%;
    margin-left: 19%;
}

.calculatorHomeIcon {
    height: 48px;
    margin-top: 25%;
    margin-left: 25%;
}

.columnLeftNewsReg {
    visibility: hidden;
    height: 0px;
    width: 0px;
}

.homeResp {
    padding: 0px;
}

.homeRespNews {
    margin-left: -15px;
    margin-right: -15px;
}

.columnReportHome {
    height: 100%;
}

.panelHomeAnaUpdatespadding {
    height: 100%;
}

.navbarWide {
    width: 100%;
}

.navAlt {
    width: 100%;
}

.noneButton {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    border-style: solid;
    border: 1px;
    border-color: #cccccc;
    margin-bottom: 5px;
}

/* CREATE REPORT Add Folder Button*/
.addFolderbutton {
    background-color: #E6E7E4 !important;
    color: #1D1C22 !important;
    font-weight: 600;
    /* border: none; */
    width: 90%;
    border-style: solid;
    border: 1px;
    border-color: #cccccc;
    max-width width: 200px;
    margin-bottom: 5px;
}

.homeRespLeft {
    padding-right: 0px;
}

.homeRespRight {
    padding-left: 0px;
}

.productChangeLeft {
    overflow: auto;
    height: 980px;
    overflow-x: hidden;
}

/* Feature view styling */

.reportFeatureView .mf-simple-grid#lockedRowsDiv table.gridTable > tbody > tr > td {
    border: 0px;
}

.reportFeatureView .mf-simple-grid#lockedRowsDiv table.gridTable > tbody > tr{
    border-left: 1px solid #ccc !important;
}

.reportFeatureView .mf-simple-grid table.gridTable > tbody > tr > td, .reportFeatureView #completeDiv table.gridTable, .reportFeatureView #lockedHeadersDiv, .reportFeatureView #unlockedHeadersDiv table.gridTable, .reportFeatureView #lockedRowsDiv {
    border-color: #ccc !important;
}

/* This is to reduce the unlocked column width*/
.reportFeatureView #grid .mf-simple-grid th, .mf-simple-grid table.gridTable > tbody > tr > td {
    white-space:normal !important;
    border-bottom: 0px;
}
    .reportFeatureView #grid .mf-simple-grid th div.text-center{
        width:100px;
    }

.reportFeatureView #unlockedHeadersDiv table.gridTable .mf-simple-grid th {
        border-bottom: 0px;
    }

.reportFeatureView #unlockedHeadersDiv table.gridTable, .reportFeatureView #lockedHeadersDiv table.gridTable {
    border-bottom: 1px solid #ccc;
    position: relative;
    z-index: 10;
}

.reportFeatureViewNav ul.nav li a {
    padding: 10px 2px !important;
}

.featureTableHeader {
    width: 150px !important;
    margin: 0 auto;
}

    .featureTableHeader table{
        margin: 0 auto;
    }

.reportFeatureViewTick {
    background-image: url('Images/FeatureViewTickIcon.png');
    width:25px;
    height:25px;
    margin:0 auto;
}

/* ::::::::: END  Icons Home Page ::::::::::::*/

.bestBuy.panel-heading.headerLargeText {
    min-height: 78px;
}

.bestBuy .aPrimaryText {
    margin-top: 5px;
}

.bestBuy .bestBuyLogo {
    position: absolute;
    margin-top: -10px;
}

.bestBuy .bestBuyTitle {
    margin-left: 70px;
}

@media(min-width: 300px) {
    .userUpdatedReleaseDate {
        width: 120px;
    }
}

@media(min-width: 768px) {


    .columnLeftNewsReg {
        visibility: visible;
        height: 100%;
        width: 100%;
    }

    .panelHomeAnaUpdatespadding {
        height: 355px;
        border: none;
    }

    .navHeader {
        width: 750px;
    }

    .headerLogo {
        width: 400px;
    }
    /* CALCULATORS PROVIDERS GROUP IN CALCULATORS */
    .buttonProviderGroup {
        width: 128px;
    }
}

@media(min-width: 992px) {

    .greyButton ContactUS {
        width: 200px;
    }

    .panelAnalyserUpdated {
        height: 318px;
    }

    .columnReportHome {
        height: 595px;
    }


    .homeRespLeft {
        padding-left: 0px;
        padding-right: 8px;
    }

    .homeRespRight {
        padding-right: 0px;
        padding-left: 8px;
    }

    /* PANEL FOR NEWS FIXED HEIGHT*/
    .panelHomeNews {
        height: 670px;
    }

    .newsBox {
        height: 450px;
    }

    .columnReportHome {
        height: 600px;
    }       
    
    .newsBoxAlt{
        height: 670px;
    }

    .newsBoxAlt2 {
        height: 1085px !important;
    }

    .columnLeftNewsReg {
        height: 450px;
        width: 242.5px;
    }

    .newsTicker {
        height: 536px !important;
    }
    /*TO FIX THE FOOTER ON THE BOTTON ON NEWS BOX*/
    .footerNewsBox {
        height: 309px;
    }

    .spaceNewsBox {
        height: 302px;
    }

    .homeResColumnLeft {
        padding-left: 0px;
        padding-right: 15px;
    }

    .homeRespColumnRight {
        padding-right: 0px;
        padding-left: 15px;
    }

    .navHeader {
        width: 970px;
    }

    .headerLogo {
        width: 893.5px;
    }

    .navAlt {
        width: 893.5px;
    }
    /* Product Changes*/
    .divFromDate {
        padding-right: 3px;
        display: block;
    }

    .divToDate {
        padding-left: 3px;
        display: block;
    }
    /* SELECTED PROVIDER IN CALCULATORS*/
    .ms-container {
        width: 370px !important;
    }

    #calculatorSelect > .ms-container {
        width: 392px !important;
    }

    #productChangeSelect > .ms-container {
        width: 438px !important;
    }
    /*Contact Us Buttons*/
    /*.greyButton {
        width:200px;
    }*/
    /* :::::::::  Icons Home Page ::::::::::::*/
    .iconBigHome {
        height: 70px;
        width: 70px;
        margin: 10px 0px 0px -25px !important;
        float:right;
    }

    .productChangeHomeIcon {
        margin-top: 7%;
        margin-left: 7%;
    }

    .bestBuyHomeIcon {
        margin-top: 13%;
        margin-left: 13%;
    }

    .quartileHomeIcon {
        margin-top: 7%;
        margin-left: 7%;
    }

    .calculatorHomeIcon {
        margin-top: 16%;
        margin-left: 16%;
    }

    .panelSmall {
        padding: 15px;
        /*height: 179px;*/
    }

    .panelHeaderWhiteSmall {
        font-size: inherit !important;
    }

    .mainMenuItem {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    /* The fontsize for the report menu must be reduce for the responsive design for the small sizes*/
    .menuReportSmallSize {
        font-size: 13px;
        height:58px;
    }

    /*.navButtonQuickReportRD {
        height:58px !important;
    }
    .navButtonPrimaryQuickReportRD {
         height:58px !important;
    }*/

    .navButtonQuickReportRD {
        height:58px !important;
    }
    .navButtonPrimaryQuickReportRD {
         height:58px !important;
    }
}

@media(min-width: 1200px) {

    .newHR {
        margin-top:20px !important;
        margin-bottom:20px !important;
    }

    .navButtonQuickReportRD {
        height:auto !important;
    }
    .navButtonPrimaryQuickReportRD {
         height:auto !important;
    }


    .greyButtonReport {
        width: 257px;
    }

    .panelAnalyserUpdated {
        height: 328px !important;
        /*border: none;*/
    }

    .navHeader {
        width: 1170px;
    }

    .headerLogo {
        width: 893.5px;
    }

    .columnLeftNewsReg {
        width: 292px;
    }
    /* The fontsize for the report menu must be reduce for the responsive design for the small sizes*/
    .iconBigHome {
        height: 95px;
        width: 95px;
        margin: 10px 0px 0px -25px !important;
        float:right;
    }

    .productChangeHomeIcon {
        margin-top: 19%;
        margin-left: 19%;
    }

    .bestBuyHomeIcon {
        margin-top: 23%;
        margin-left: 23%;
    }

    .quartileHomeIcon {
        margin-top: 19%;
        margin-left: 19%;
    }

    .calculatorHomeIcon {
        margin-top: 25%;
        margin-left: 25%;
    }

    .columnReportHome {
        height: 670px;
    }

    .buttonNavBestBuys {
        width: 210px;
        margin: 0px 15px 10px 15px;
        margin-left: 15px !important;
        font-size: 12px;
    }

    .buttonNavQuartiles {
        width: 210px;
        margin: 0px 15px 10px 15px;
    }

    .buttonNavCalculators {
        width: 360px;
        margin: 0px 15px 10px 15px;
    }

    .buttonSelectedButtonRange {
        width: 210px;
    }

    .buttonSelectTime {
        width: 82px;
        margin-bottom: 5px;
    }

    .greyButtonManagementFolder {
        background-color: #E6E7E4 !important;
        color: #1D1C22 !important;
        font-weight: 600;
        /*border: none;*/
        /*width:90%;*/
        border-style: solid;
        border:1px;
        border-color:#cccccc; 
        width:78px;
        margin-bottom:5px;
        padding: 5px 5px 5px 5px;
        font-size: 12px;
    }
    .greyButtonManagementFolder:hover {
        background-color: #1D1C22 !important;
        color: #E6E7E4 !important;
        outline: none !important;
    }

    .greyButtonManagementFolder:active {
        color: #E6E7E4 !important;
        outline: none !important;
    }

    .greyButtonManagementFolder:focus {
        color: #1D1C22;
        outline: none !important;
    }
     .greyButtonManagementFolderBackground {
        background-color: #E6E7E4 !important;
    }
}