.text-center {
    text-align: center
}

.right-link {
    float: right;
    margin-right: 20px;
    margin-top: 1px;
    margin-bottom: 5px
}

.terms-of-service-modal {
    width: 570px
}

.terms-of-service-modal .terms-of-service-footer {
    text-align: right
}

.terms-of-service-modal .terms-of-service-footer button {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 13px
}

.terms-of-service-modal .terms-of-service-footer button#no-dont-send {
    color: #333;
    background-image: linear-gradient(top, #F4F4F4, #DEDEDE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF4F4F4, endColorstr=#FFDEDEDE, GradientType=0)
}

.terms-of-service-modal .terms-of-service-footer button#no-dont-send:hover {
    border-color: #aaa
}

.terms-of-service-modal .terms-of-service-footer button#agree {
    color: #eee;
    background-color: #000;
    border-color: #000;
    background-image: linear-gradient(top, #4D4D4D, #1F1F1F);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF4D4D4D, endColorstr=#FF1F1F1F, GradientType=0)
}

.terms-of-service-modal .terms-of-service-footer button#agree:hover {
    color: white
}

.onboarding-video-modal {
    width: 990px;
    margin-left: -496px
}

.onboarding-video-modal .modal-body {
    max-height: none
}

.onboarding-video-modal .modal-footer {
    display: none
}

.bordered .pane.section {
    background: #F8F8F8
}

.bordered .widget {
    background: white;
    border-radius: 10px
}

.bordered .widget .widget-padding {
    border: 1px solid #D9D9D9;
    border-radius: 10px
}

.bordered .widget .widget-container {
    padding-left: 20px;
    padding-right: 20px
}

.horizontally-padded {
    padding-left: 20px;
    padding-right: 20px
}

.bordered .widget .widget-container.horizontally-flush {
    padding-left: 0;
    padding-right: 0
}

.bordered .widget-header-container {
    border: none;
    background: transparent
}

.bordered .widget .header {
    padding-left: 20px;
    padding-right: 20px
}

.bordered .stat-set:last-child {
    border-right: none !important
}

.modal-enable-gooddata, .modal-first-time, .modal-no-upgrade-access {
    width: 520px
}

.modal-enable-gooddata h3, .modal-first-time h3, .modal-no-upgrade-access h3 {
    padding: 0px 15px
}

.modal-enable-gooddata .modal-body, .modal-first-time .modal-body, .modal-no-upgrade-access .modal-body {
    padding: 25px 30px
}

.modal-enable-gooddata .modal-footer, .modal-first-time .modal-footer, .modal-no-upgrade-access .modal-footer {
    text-align: center
}

.modal-enable-gooddata .modal-footer button, .modal-first-time .modal-footer button, .modal-no-upgrade-access .modal-footer button {
    padding: 5px 30px
}

.send_test_survey {
    width: 375px;
    left: 552px
}

.send_test_survey .zd-tag-editor, .send_test_survey .zd-tag-editor:focus {
    border: none;
    outline: none !important;
    box-shadow: none !important;
    width: 96%;
    max-width: none
}

.send_test_survey label {
    padding: 12px 0px
}

.send_test_survey textarea {
    border-radius: 4px;
    width: 353px;
    margin-bottom: 20px;
    padding: 10px;
    resize: none
}

.modal-first-time, .modal-no-upgrade-access {
    width: 440px
}

.insight-video-modal {
    width: 990px;
    overflow-y: hidden;
    left: calc(50% - 170px)
}

.insight-video-modal .modal-header {
    border: none;
    padding-bottom: 0px
}

.insight-video-modal .modal-body {
    max-height: none
}

.insight-video-modal .modal-footer {
    display: none
}

.main_panes.reporting .notice {
    background-image: url(/agent/assets/reporting/ico-success-16px-33b0a305b63ea9a38334d41a7bc177c0.png);
    background-repeat: no-repeat;
    background-position: 15px 15px;
    margin: 0.78125%;
    border: 1px solid #E5E5E5;
    padding: 6px 25px 20px 43px;
    border-radius: 6px;
    color: #575757;
    display: none
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .notice {
        background-image: url(/agent/assets/reporting/ico-success-16px_2X-04a1b7e5dde4f4e0864287f916b400c4.png);
        background-size: 16px 16px
    }
}

.main_panes.reporting .notice.show {
    display: block
}

.main_panes.reporting .notice h1 {
    font-size: 14px;
    margin-bottom: 5px
}

.main_panes.reporting .notice button {
    background-color: #fff;
    border: 1px solid #DFDFDF;
    padding: 8px 26px;
    display: inline-block;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: 0.04em
}

.main_panes.reporting .sub-nav {
    background-color: #f8f8f8;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    outline: none;
    height: 100px;
    padding: 0 30px
}

.main_panes.reporting .sub-nav h1 {
    font-weight: bold;
    font-size: 20px;
    padding: 30px 0
}

.main_panes.reporting .sub-nav .learn_more {
    position: absolute;
    right: 37px;
    bottom: 10px
}

.main_panes.reporting .sub-nav .nav {
    position: absolute;
    bottom: 0;
    left: 30px;
    margin-bottom: 0
}

.main_panes.reporting .sub-nav .nav a {
    float: left;
    font-weight: normal;
    /*font-family: 'Open Sans', 'Sans-Serif';*/
    font-size: 13px;
    padding: 7px 15px;
    margin: 0 0px;
    color: #555;
    text-align: center;
    position: relative;
    /*border-bottom: 3px solid #f8f8f8;*/
}

.main_panes.reporting .sub-nav .nav a::after {
    display: block;
    content: attr(data-title-value);
    font-weight: bold;
    visibility: hidden;
    overflow: hidden;
    height: 1px
}

.main_panes.reporting .sub-nav .nav a:first-child {
    margin-left: 0
}

.main_panes.reporting .sub-nav .nav a:hover {
    /*border-bottom: 3px solid #ebebeb*/
}

.main_panes.reporting .sub-nav .nav a.active {
    border-bottom: 3px solid #659800;
    /*color: #215d0e;*/
    font-weight: bold;
    /*background: white;*/
}

.main_panes.reporting .sub-nav .nav a .beta_marker {
    font-size: 9px;
    font-weight: bold;
    color: #8d8d8d;
    padding-left: 5px
}

.main_panes.reporting .pane {
    top: 140px
}

.main_panes.reporting .pane.section.parent {
    padding: 20px 20px 20px 20px;
    border-top: none
}

.main_panes.reporting .pane.right.section {
    left: 330px;
    padding: 10px 20px 20px 20px;
    background: #FFFFFF;
    border-left: 1px solid #D4D4D4
}

.main_panes.reporting .benchmark.legend-container .table {
    display: table;
    margin: 0 auto
}

.main_panes.reporting .benchmark.legend-container .legend {
    color: #333333;
    font-size: 13px;
    text-align: center;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    margin-bottom: 15px
}

.main_panes.reporting .benchmark.legend-container .legend li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11px;
    text-align: left;
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main_panes.reporting .benchmark.legend-container .legend .color {
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin-top: 2px;
    margin-right: 5px
}

.main_panes.reporting .benchmark.legend-container .legend .your-help-desk .color {
    background: #A5E0F8
}

.main_panes.reporting .benchmark.legend-container .legend .industry-average .color {
    background: #FDF4A7
}

.main_panes.reporting .main-title {
    width: 100%;
    border-top: solid #E3E3E3 1px;
    height: 60px;
    padding-top: 20px
}

.main_panes.reporting .account-title {
    float: left;
    margin-left: 20px;
    font-weight: normal
}

.main_panes.reporting .main-nav {
    float: right;
    margin-top: 10px;
    margin-right: 20px
}

.main_panes.reporting .leaderboard .header-nav {
    float: right
}

.main_panes.reporting .leaderboard .header-title {
    max-width: 50%;
    display: inline-block
}

.main_panes.reporting .chart-container {
    margin-top: 20px;
    width: 100%;
    position: relative
}

.main_panes.reporting .fixed-widget .chart-placeholder {
    width: 260px;
    margin: 0 auto
}

.main_panes.reporting .maximum-widget .chart-placeholder {
    max-width: 500px;
    margin: 0 auto
}

.main_panes.reporting .widget-container {
    height: 280px
}

.main_panes.reporting .highcharts-container {
    float: left !important
}

.main_panes.reporting .widget-container.shorter {
    height: 255px
}

.main_panes.reporting .widget-container.full {
    height: auto
}

.main_panes.reporting .widget {
    margin: 0.78125%
}

.main_panes.reporting .widget.third {
    width: 31.7708333%;
    min-width: 290px;
    float: left
}

.main_panes.reporting .widget .header {
    padding-bottom: 15px;
    font-size: 12px
}

.main_panes.reporting .widget .header.border-bottom {
    border-bottom: solid #E3E3E3 1px
}

.main_panes.reporting .widget .header h4 {
    font-size: 12px
}

.main_panes.reporting .widget .main {
    float: left
}

.main_panes.reporting .widget .header.bordered {
    border-bottom: 1px solid #D9D9D9
}

.main_panes.reporting .widget .header.bordered span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main_panes.reporting .widget .empty {
    height: 20px
}

.main_panes.reporting .widget .csv {
    float: right
}

.main_panes.reporting .widget-header-container {
    position: relative;
    z-index: 3;
    margin-bottom: 20px
}

.main_panes.reporting .widget-padding {
    padding-top: 15px;
    padding-bottom: 20px;
    position: relative
}

.main_panes.reporting.bordered .pane.section {
    background: #F8F8F8
}

.main_panes.reporting.bordered .widget {
    background: white;
    border-radius: 10px
}

.main_panes.reporting.bordered .widget .widget-padding {
    border: 1px solid #D9D9D9;
    border-radius: 10px
}

.main_panes.reporting.bordered .widget .widget-container {
    padding-left: 20px;
    padding-right: 20px
}

.main_panes.reporting.bordered .widget .widget-container.nospacing {
    padding-left: 0;
    padding-right: 0
}

.main_panes.reporting.bordered .widget .widget-container.horizontally-flush {
    padding-left: 0;
    padding-right: 0
}

.main_panes.reporting.bordered .widget .header {
    padding-left: 20px;
    padding-right: 20px
}

.main_panes.reporting.bordered .widget-header-container {
    border: none;
    background: transparent
}

.main_panes.reporting .horizontally-padded {
    padding-left: 20px;
    padding-right: 20px
}

.main_panes.reporting.bordered .stat-set:last-child {
    border-right: none !important
}

.main_panes.reporting .stat-row {
    position: relative;
    width: 100%;
    z-index: 2;
    margin-bottom: 10px;
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    background: #ffffff;
    background-image: linear-gradient(top, #fff, #f7f7f7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFF7F7F7, GradientType=0)
}

.main_panes.reporting .stat-row .loading {
    background: url(/agent/assets/reporting/dotted_bar-8bfc80636ba5c9ff9b7e2900b78e568b.gif) no-repeat 50%/16px;
    height: 25px;

}

.main_panes.reporting .no-click {
    border-top: none;
    background: #fff !important;
    border-bottom: none
}

.main_panes.reporting .stat-set {
    text-align: center;
    border-left: 1px solid #E3E3E3;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    width: 16.666666667% !important;
    margin-left: -1px;
    margin-right: -1px;
    float: left;
    min-height: 36px;
    height: 46px;

}

.main_panes.reporting .stat-set.selected {
    background: #efefef;
    background-image: linear-gradient(top, #efefef, #fbfbfb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEFEFEF, endColorstr=#FFFBFBFB, GradientType=0)
}

.main_panes.reporting .stat-set::first-child {
    border-left-color: #D9D9D9
}

.main_panes.reporting .stat-set::last-child {
    border-right: 1px solid #E3E3E3
}

.main_panes.reporting .stat-set .value {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

.main_panes.reporting .stat-set .title {
    font-size: 11px;
    color: #777;
    display: block;
    line-height: 17px;
    margin: 0;
}

.main_panes.reporting .stat-set .units {
    font-size: 11px;
    color: #BBB;
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main_panes.reporting .forum-tab {
    width: 20% !important
}

.main_panes.reporting .knowledgebase-tab {
    width: 20% !important
}

.main_panes.reporting .community-tab {
    width: 20% !important
}

.main_panes.reporting .search-tab {
    width: 25% !important
}

.main_panes.reporting .leaderboard-tab {
    width: 25% !important
}

.main_panes.reporting .tooltip-date {
    width: 60px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    color: #888
}

.main_panes.reporting .widget-list {
    padding: 0;
    margin: 0
}

.main_panes.reporting .widget-list .widget-item {
    height: 21px;
    border-bottom: 1px dashed #D7D7D7;
    padding-top: 6px;
    padding-bottom: 5px;
    font-size: 12px;
    list-style: none;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px
}

.main_panes.reporting .widget-list .widget-item a {
    color: #5292B4;
    cursor: pointer;
    line-height: 21px;
    height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    float: left
}

.main_panes.reporting .widget-list .widget-item a:hover {
    color: black
}

.main_panes.reporting .articles .article {
    height: 21px
}

.main_panes.reporting .article_title {
    height: 21px
}

.main_panes.reporting .top_article {
    height: 60px !important
}

.main_panes.reporting .agents .agent .count {
    float: right;
    color: #333
}

.main_panes.reporting .by-categories {
    display: block;
    float: left;
    margin-bottom: 15px;
    padding-top: 15px
}

.main_panes.reporting .by-categories a {
    display: block;
    float: left;
    text-align: center;
    padding: 4px 13px;
    font-size: 11px;
    margin-right: 10px;
    color: #5292B4
}

.main_panes.reporting .by-categories a.active, .main_panes.reporting .by-categories a:hover {
    background: #F6F6F6;
    color: #333333;
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2)
}

.main_panes.reporting .by-actions {
    text-align: right;
    font-size: 12px
}

.main_panes.reporting .by-actions a {
    color: #5292B4;
    cursor: pointer;
    display: block;
    margin-top: 10px
}

.main_panes.reporting .widget-table {
    padding-top: 15px
}

.main_panes.reporting .widget-table a {
    color: #5292B4
}

.main_panes.reporting .widget-table table {
    width: 100%;
    table-layout: fixed
}

.main_panes.reporting .widget-table table thead tr td {
    font-weight: bold;
    padding-bottom: 15px
}

.main_panes.reporting .widget-table table tbody tr td {
    width: 100%;
    height: 21px;
    padding: 11px 20px 5px 20px;
    font-size: 12px;
    margin-top: 5px
}

.main_panes.reporting .widget-table table:first-child {
    padding-left: 20px
}

.main_panes.reporting .widget-table table:last-child {
    padding-right: 20px
}

.main_panes.reporting .widget-table table .truncates {
    position: relative
}

.main_panes.reporting .widget-table table .truncates div {
    position: relative;
    height: 100%
}

.main_panes.reporting .widget-table table .truncates .truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.main_panes.reporting .widget-table table .key-col {
    width: calc(100% - $widget_table_value_width);
}

.main_panes.reporting .widget-table table .value-col {
    width: 50px;
    text-align: right
}

.main_panes.reporting .reporting-votetype-view {
    float: left;
    width: 163px;
    margin-left: 20px;
    margin-top: 5px
}

.main_panes.reporting .reporting-votetype-view li a span, .main_panes.reporting .reporting-votetype-view button span span {
    color: #1A74B0
}

.main_panes.reporting .overview-benchmark .widget {
    position: relative
}

.main_panes.reporting .overview-benchmark .left {
    float: left;
    width: 25%
}

.main_panes.reporting .overview-benchmark .right {
    float: right;
    width: 75%
}

.main_panes.reporting .overview-benchmark .relative {
    position: relative
}

.main_panes.reporting .overview-benchmark .industry-filter-view {
    position: absolute;
    right: -7px;
    top: -3px;
    left: 30px;
    font-size: 10px
}

.main_panes.reporting .overview-benchmark .industry-filter-view span, .main_panes.reporting .overview-benchmark .industry-filter-view a {
    font-size: 10px
}

.main_panes.reporting .overview-benchmark .industry-filter-view .zd-selectmenu button {
    width: 100% !important
}

.main_panes.reporting .overview-benchmark .global-info {
    position: absolute;
    right: 20px;
    top: 17px;
    height: 18px;
    line-height: 18px
}

.main_panes.reporting .overview-benchmark .title {
    display: block;
    float: left
}

.main_panes.reporting .overview-benchmark .external-link {
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: -19px;
    width: 9px;
    height: 8px;
    margin: 4px;
    padding: 0
}

.main_panes.reporting .overview-helpcenter .widget {
    position: relative
}

.main_panes.reporting .overview-helpcenter .left {
    float: left;
    width: 40%
}

.main_panes.reporting .overview-helpcenter .right {
    float: right;
    width: 60%
}

.main_panes.reporting .overview-helpcenter .relative {
    position: relative
}

.main_panes.reporting .overview-helpcenter .area-filter-view {
    position: absolute;
    right: -7px;
    top: -3px;
    left: 30px;
    font-size: 10px
}

.main_panes.reporting .overview-helpcenter .area-filter-view span, .main_panes.reporting .overview-helpcenter .area-filter-view a {
    font-size: 10px
}

.main_panes.reporting .overview-helpcenter .area-filter-view .zd-selectmenu button {
    width: 100% !important
}

.main_panes.reporting .overview-helpcenter .global-info {
    position: absolute;
    right: 20px;
    top: 17px;
    height: 18px;
    line-height: 18px
}

.main_panes.reporting .overview-helpcenter .title {
    display: block;
    float: left
}

.main_panes.reporting .report-display {
    visibility: hidden
}

.main_panes.reporting .hide-count .count {
    display: none
}

.main_panes.reporting .stats-list-articles li {
    position: relative;
    padding: 16px 20px;
    border-top: 1px solid #D9D9D9
}

.main_panes.reporting .stats-list-articles li:first-of-type {
    border-top: 1px solid transparent
}

.main_panes.reporting .stats-list-articles li:nth-child(even) {
    background: #fafafa
}

.main_panes.reporting .stats-list-articles li .item-title a, .main_panes.reporting .stats-list-articles li .count {
    font-size: 13px;
    line-height: normal
}

.main_panes.reporting .stats-list-articles li .item-title {
    margin-right: 60px
}

.main_panes.reporting .stats-list-articles li .count {
    position: absolute;
    top: 16px;
    right: 20px
}

.main_panes.reporting .statsTable .link {
    color: #1A74B0
}

.main_panes.reporting .statsTable .link:hover {
    color: #333
}

.main_panes.reporting .statsTable tr {
    height: 40px
}

.main_panes.reporting .statsTable tr td, .main_panes.reporting .statsTable tr th {
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px
}

.main_panes.reporting .statsTable tr td.no-padding, .main_panes.reporting .statsTable tr th.no-padding {
    padding: 0
}

.main_panes.reporting .statsTable tr th a {
    color: #333
}

.main_panes.reporting .statsTable tr .pagination li.fetching a {
    color: transparent;
    background: #f5f5f5 url(/agent/assets/reporting/dotted_bar-8bfc80636ba5c9ff9b7e2900b78e568b.gif) no-repeat 50%/16px
}

.main_panes.reporting .statsTable tr td:first-of-type, .main_panes.reporting .statsTable tr th:first-child {
    padding-left: 20px
}

.main_panes.reporting .statsTable tr th:first-child {
    text-align: left
}

.main_panes.reporting .statsTable tr td:last-child, .main_panes.reporting .statsTable tr th:last-child {
    padding-right: 20px
}

.main_panes.reporting .statsTable thead tr {
    background: #EBEBEB;
    background-image: linear-gradient(top, #F4F4F4, #EBEBEB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF4F4F4, endColorstr=#FFEBEBEB, GradientType=0);
    color: #333;
    font-size: 11px;
    border-top: solid 1px white
}

.main_panes.reporting .statsTable tbody tr:nth-child(even) {
    background: #F7F7F6
}

.main_panes.reporting .statsTable tbody tr.row-pagination {
    height: inherit;
    background: transparent
}

.main_panes.reporting .leaderboard-item {
    height: 50px;
    font-size: 12px;
    list-style: none;
    overflow: hidden
}

.main_panes.reporting .percentage {
    float: left;
    border: 1px solid #D4D4D4;
    border-radius: 5px;
    margin-bottom: 20px
}

.main_panes.reporting .feedbackTabOnly {
    float: left;
    margin-left: 20px
}

.main_panes.reporting .feedbackTabOnly input {
    display: inline
}

.main_panes.reporting .feedbackTabOnly span {
    display: inline !important;
    vertical-align: top;
    line-height: 19px;
    margin-left: 1px
}

.main_panes.reporting .brand-view, .main_panes.reporting .channel-view {
    display: inline-block
}

.main_panes.reporting .brand-view .dropdown-container, .main_panes.reporting .channel-view .dropdown-container {
    border: none;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-top: 0px
}

.main_panes.reporting .brand-view .dropdown-container .dropdown-menu, .main_panes.reporting .channel-view .dropdown-container .dropdown-menu {
    margin-left: 9px;
    top: 200%
}

.main_panes.reporting .period-view {
    display: inline-block
}

.main_panes.reporting .period-view .reporting-period-label {
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    margin-right: 5px
}

.main_panes.reporting .period-view .widget-header-container {
    display: inline-block;
    margin: 0px
}

.main_panes.reporting .period-view .widget-header-container .reporting-period-view {
    display: inline-block;
    margin-right: 7px;
    width: 160px
}

.main_panes.reporting .period-view .widget-header-container .reporting-period-view .zd-selectmenu .zd-menu-root {
    left: auto !important;
    top: auto !important
}

.main_panes.reporting .period-view .custom-period {
    display: none
}

.main_panes.reporting .period-view .custom-period.visible {
    display: inline-block
}

.main_panes.reporting .period-view .datepicker-field {
    height: 16px;
    margin-bottom: 0px
}

.main_panes.reporting .period-view .left-space {
    margin-left: 10px
}

.main_panes.reporting .period-view #update-custom-period {
    height: 28px;
    margin-bottom: 0px
}

.main_panes.reporting .period-view #custom-period-error {
    color: red
}

.main_panes.reporting #analytics .widget-container {
    padding: 0px
}

.main_panes.reporting .menus {
    margin-left: 0;
    padding-top: 30px
}

.main_panes.reporting .menus .dropdown {
    position: relative;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    padding-right: 18px;
    display: inline-block
}

.main_panes.reporting .menus .dropdown .active_option {
    display: inline-block
}

.main_panes.reporting .menus .dropdown .active_option .karet {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    background: url(/agent/assets/sprites/components/ico_arrow-a4746d8f0697ea16f4f5387efbb687a6.png) 0px 2px no-repeat
}

.main_panes.reporting .menus .dropdown.result_types .active_option {
    font-weight: 600
}

.main_panes.reporting .menus .dropdown.reasons .active_option .title {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom
}

.main_panes.reporting .menus .dropdown .dropdown-menu {
    position: absolute;
    margin: -14px 0px;
    top: 37px;
    left: 0px;
    padding: 2px 0px;
    display: none;
    background-color: #ffffff;
    color: #888888;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2)
}

.main_panes.reporting .menus .dropdown .dropdown-menu .option {
    white-space: nowrap;
    font-size: 11px;
    padding: 0px;
    line-height: 34px
}

.main_panes.reporting .menus .dropdown .dropdown-menu .option:hover {
    background-color: #f5f5f5 !important
}

.main_panes.reporting .menus .dropdown .dropdown-menu .option .name {
    margin-left: 16px;
    margin-right: 30px;
    font-weight: normal
}

.main_panes.reporting .menus .dropdown.open .dropdown-menu {
    display: inline-block
}

.main_panes.reporting .satisfaction-ratings-table .good {
    color: #80A71D
}

.main_panes.reporting .satisfaction-ratings-table .bad {
    color: #BF4400
}

.main_panes.reporting .satisfaction-ratings-table tbody tr {
    height: 0px
}

.main_panes.reporting .satisfaction-ratings-table tbody tr td {
    height: 30px;
    padding: 10px 0;
    background-color: #ffffff
}

.main_panes.reporting .satisfaction-ratings-table .comment_row {
    position: relative;
    cursor: pointer
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .truncated_comment {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 710px
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box {
    display: none;
    position: absolute;
    z-index: 100;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 1px 2px 5px rgba(50, 50, 50, 0.1);
    padding: 30px;
    background-color: #ffffff;
    top: 50px;
    width: 470px
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box .avatar {
    float: left;
    height: 40px;
    width: 40px
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box .avatar img {
    max-height: 40px;
    max-width: 40px;
    border-radius: 4px
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box .content {
    margin-left: 58px
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box .content .date {
    float: right;
    color: #bbb;
    font-size: 13px
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box .content .author {
    font-size: 13px;
    font-weight: 600
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box .content .sentiment {
    font-size: 13px;
    font-weight: 600;
    line-height: 25px
}

.main_panes.reporting .satisfaction-ratings-table .comment_row .comment_box .content .comment {
    margin-top: 17px;
    color: #555;
    white-space: pre-wrap
}

.main_panes.reporting .satisfaction_overview {
    min-height: 197px;
    padding-top: 30px
}

.main_panes.reporting .satisfaction_overview .zero-state-message {
    text-align: center;
    width: 653px;
    color: #999999;
    margin: 0px auto;
    line-height: 20px;
    background-image: url(/agent/assets/reporting/inbox_illustration-62bb7fcae5169fb01af76278e84c5140.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 110px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .satisfaction_overview .zero-state-message {
        background-image: url(/agent/assets/reporting/inbox_illustration_2X-8a2d5b29528208c8ca19539d4982a655.png);
        background-size: 121px 80px
    }
}

.main_panes.reporting .satisfaction_overview .zero-state-message h1 {
    font-size: 15px;
    font-weight: 600
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container {
    text-align: center;
    min-width: 720px
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container.intro {
    margin-top: 60px;
    margin-bottom: 60px
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container .score {
    color: #78A300;
    font-size: 60px
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container .metrics {
    margin: 0;
    margin-top: 25px;
    color: #555;
    min-width: 500px
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container .metrics li {
    display: inline-block;
    width: 155px;
    border-right: 1px solid #D9D9D9
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container .metrics li:last-of-type {
    border-right: none
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container .metrics li .metric-score {
    font-size: 17px;
    margin-bottom: 5px
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container .metrics li .metric {
    color: #8D8C8D
}

.main_panes.reporting .satisfaction_overview .satisfaction-ratings-container .metrics li .metric-description {
    color: #D4D4D4;
    font-size: 11px
}

.main_panes.reporting .call-to-action-btn {
    font-size: 13px;
    background-color: #FDA129;
    border-radius: 5px;
    margin: 50px 0 30px 0;
    padding: 20px 40px;
    color: #fff
}

.main_panes.reporting .call-to-action-btn:hover {
    background-color: #ef9701
}

.main_panes.reporting .email-preview {
    width: 420px;
    margin: 0 auto 80px auto;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid #E3E3E3;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
    text-align: left;
    font-size: 13px
}

.main_panes.reporting .email-preview .email-subject {
    color: #AEAEAE;
    border-bottom: 1px solid #E3E3E3;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 10px;
    margin: 0;
    margin-bottom: 15px;
    margin-left: -20px;
    margin-right: -20px
}

.main_panes.reporting .email-preview p {
    margin-bottom: 15px
}

.main_panes.reporting .email-preview .link {
    display: block;
    color: #146EAA
}

.main_panes.reporting .email-preview-bottom-line {
    border: 0;
    height: 0;
    border-top: 2px solid #E3E3E3;
    width: 488px;
    margin: 0 auto -15px -34px
}

.main_panes.reporting .nps-reporting {
    cursor: default;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: -5px;
    margin: auto;
    padding-top: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.main_panes.reporting .nps-reporting#nps {
    background-color: transparent
}

.main_panes.reporting .nps-reporting iframe[seamless] {
    height: 100%;
    width: 100%
}

.main_panes.reporting .gooddata {
    cursor: default
}

.main_panes.reporting .gooddata hr {
    width: 40%
}

.main_panes.reporting .gooddata h2 {
    font-weight: normal;
    font-size: 28px;
    color: #333;
    letter-spacing: 1px
}

.main_panes.reporting .gooddata h3 {
    color: #78a300;
    font-weight: normal
}

.main_panes.reporting .gooddata h4 {
    line-height: 30px
}

.main_panes.reporting .gooddata p {
    clear: both;
    margin-top: 5px
}

.main_panes.reporting .gooddata .error {
    padding: 80px 0px;
    text-align: center
}

.main_panes.reporting .gooddata .error h3 {
    color: #c55200
}

.main_panes.reporting .gooddata .enable-gd {
    background-color: #F8F8F8;
    border-bottom: 1px solid #EEE;
    border-radius: 9px 9px 0px 0px;
    padding: 25px 20px 10px 20px;
    margin: -15px 0px 0px 0px;
    text-align: center
}

.main_panes.reporting .gooddata .enable-gd hr {
    margin: 20px auto;
    background-color: #777;
    border: none
}

.main_panes.reporting .gooddata .enable-gd p {
    width: 50%;
    margin: 0px auto 20px auto;
    font-size: 16px;
    line-height: 28px
}

.main_panes.reporting .gooddata .enable-gd button {
    padding: 10px 60px;
    margin: 0px auto 10px auto;
    font-size: 16px
}

.main_panes.reporting .gooddata .sample-image {
    background-image: url(/agent/assets/reporting/gooddata-sample-4d04f9163a652784ba5c5c1e69d83e04.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 640px;
    width: 100%
}

.main_panes.reporting .gooddata .sample-image h1 {
    color: #777;
    opacity: 0.4;
    font-size: 75px;
    position: relative;
    left: 40%;
    top: 50%;
    display: inline-block;
    transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg)
}

.main_panes.reporting .gooddata .interm-message {
    text-align: left;
    background-color: white;
    color: #555;
    top: 300px;
    width: 450px;
    margin: auto;
    position: relative;
    padding: 25px 55px 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 70px #777;
    border: 1px solid #AAA
}

.main_panes.reporting .gooddata .interm-message h3, .main_panes.reporting .gooddata .interm-message p {
    margin-left: 110px
}

.main_panes.reporting .gooddata .interm-message h3 {
    color: #333
}

.main_panes.reporting .gooddata .interm-message p {
    margin-top: 15px
}

.main_panes.reporting .gooddata .interm-message .spinner {
    background: url("icons/spinners/spinner_lotus_green.gif") 3px 5px no-repeat;
    background-size: 60px;
    width: 65px;
    height: 65px;
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -30px
}

.main_panes.reporting .gooddata.controls {
    margin: 10px 0 -5px 15px;
    height: 30px;
    z-index: 999
}

.main_panes.reporting .gooddata .sync-time, .main_panes.reporting .gooddata .dashboards {
    margin-right: 15px;
    float: right
}

.main_panes.reporting .gooddata .sync-time strong, .main_panes.reporting .gooddata .dashboards strong {
    line-height: 30px;
    margin-right: 5px
}

.main_panes.reporting .gooddata .sync-time button, .main_panes.reporting .gooddata .sync-time li, .main_panes.reporting .gooddata .dashboards button, .main_panes.reporting .gooddata .dashboards li {
    padding: 0px 10px
}

.main_panes.reporting .gooddata .sync-time .time-selection, .main_panes.reporting .gooddata .sync-time .time-selection + div, .main_panes.reporting .gooddata .sync-time .time-selection button, .main_panes.reporting .gooddata .dashboards .time-selection, .main_panes.reporting .gooddata .dashboards .time-selection + div, .main_panes.reporting .gooddata .dashboards .time-selection button {
    display: inline-block;
    width: 110px;
    vertical-align: top
}

.main_panes.reporting .gooddata .dashboards {
    float: left
}

.main_panes.reporting .gooddata .dashboards .dashboard-selection, .main_panes.reporting .gooddata .dashboards .dashboard-selection + div, .main_panes.reporting .gooddata .dashboards .dashboard-selection button {
    display: inline-block;
    width: 210px;
    vertical-align: top
}

.main_panes.reporting .gooddata .dashboards label, .main_panes.reporting .gooddata .sync-time label {
    display: inline;
    margin-right: 5px;
    line-height: 27px;
    cursor: default
}

.main_panes.reporting .gooddata iframe {
    height: 750px;
    width: 100%;
    margin-top: -15px;
    margin-bottom: -23px;
    border: 1px solid transparent;
    border-left: none;
    border-radius: 12px
}

.main_panes.reporting .gooddata .widget-padding {
    padding-right: 1px
}

.main_panes.reporting .insights .loading .icon-loading-spinner, .main_panes.reporting .zero-state .loading .icon-loading-spinner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.main_panes.reporting .insights .account_integration_in_progress .science_table_wrapper, .main_panes.reporting .insights .account_data_load_in_progress .science_table_wrapper, .main_panes.reporting .zero-state .account_integration_in_progress .science_table_wrapper, .main_panes.reporting .zero-state .account_data_load_in_progress .science_table_wrapper {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    background-repeat: no-repeat;
    padding: 20px 0
}

@media screen and (max-width: 820px) {
    .main_panes.reporting .insights .account_integration_in_progress .science_table_wrapper, .main_panes.reporting .insights .account_data_load_in_progress .science_table_wrapper, .main_panes.reporting .zero-state .account_integration_in_progress .science_table_wrapper, .main_panes.reporting .zero-state .account_data_load_in_progress .science_table_wrapper {
        opacity: 0
    }
}

.main_panes.reporting .insights .account_integration_in_progress .science_table, .main_panes.reporting .insights .account_data_load_in_progress .science_table, .main_panes.reporting .zero-state .account_integration_in_progress .science_table, .main_panes.reporting .zero-state .account_data_load_in_progress .science_table {
    background-image: url(/agent/assets/reporting/activation_in_progress-eb1e75bed53c40bf9f82f36b7363cd7c.gif);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 609px 228px;
    height: 227px;
    width: 663px;
    margin: 20px auto 0;
    position: relative
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .account_integration_in_progress .science_table, .main_panes.reporting .insights .account_data_load_in_progress .science_table, .main_panes.reporting .zero-state .account_integration_in_progress .science_table, .main_panes.reporting .zero-state .account_data_load_in_progress .science_table {
        background-image: url(/agent/assets/reporting/activation_in_progress_2X-a14a1117156fe26b4a2fa07dd48ebe6e.gif);
        background-size: 609px 228px
    }
}

.main_panes.reporting .insights .account_integration_in_progress .table_border, .main_panes.reporting .insights .account_data_load_in_progress .table_border, .main_panes.reporting .zero-state .account_integration_in_progress .table_border, .main_panes.reporting .zero-state .account_data_load_in_progress .table_border {
    height: 22px;
    width: 100%;
    border-top: 4px solid #d3d3d3;
    border-bottom: 4px solid #d3d3d3
}

.main_panes.reporting .insights .sub-heading, .main_panes.reporting .zero-state .sub-heading {
    font-weight: 600;
    color: #333;
    padding-top: 70px;
    font-size: 15px
}

.main_panes.reporting .insights .body-text, .main_panes.reporting .zero-state .body-text {
    display: inline-block;
    text-align: center;
    max-width: 790px
}

.main_panes.reporting .insights h1, .main_panes.reporting .zero-state h1 {
    font-weight: 100;
    font-size: 50px;
    line-height: 50px;
    padding: 25px 0;
    color: #333
}

.main_panes.reporting .insights h4, .main_panes.reporting .zero-state h4 {
    font-weight: 400;
    font-size: 16px
}

.main_panes.reporting .insights a, .main_panes.reporting .zero-state a {
    white-space: normal
}

.main_panes.reporting .insights p, .main_panes.reporting .zero-state p {
    font-weight: 400;
    font-size: 15px;
    color: #555;
    line-height: 150%
}

.main_panes.reporting .insights .subtext, .main_panes.reporting .zero-state .subtext {
    font-size: 15px;
    cursor: default;
    color: #999
}

.main_panes.reporting .insights .video, .main_panes.reporting .zero-state .video {
    margin: 40px auto;
    width: 140px;
    position: relative
}

.main_panes.reporting .insights .video > a, .main_panes.reporting .zero-state .video > a {
    display: inline-block;
    width: 130px
}

.main_panes.reporting .insights .video .mask-wrapper, .main_panes.reporting .zero-state .video .mask-wrapper {
    height: 140px;
    width: 130px;
    position: relative;
    margin: 0px auto;
    overflow: hidden
}

.main_panes.reporting .insights .video .video-btn, .main_panes.reporting .zero-state .video .video-btn {
    background: url(/agent/assets/reporting/play_btn-808cc7e919352d32e1160b09011e13a6.png) center center no-repeat;
    width: 43px;
    height: 43px;
    top: 51px;
    left: 43px;
    z-index: 13;
    position: absolute
}

.main_panes.reporting .insights .video .mask, .main_panes.reporting .zero-state .video .mask {
    background-image: url(/agent/assets/reporting/thumbnail_analytics_mask_white-5c116cd6d8cd1d80a928868d88931de7.png);
    height: 140px;
    width: 130px;
    position: absolute
}

.main_panes.reporting .insights .btn, .main_panes.reporting .zero-state .btn {
    line-height: 50px;
    min-width: 180px;
    padding: 0px;
    font-size: 15px
}

.main_panes.reporting .insights .btn.btn-small, .main_panes.reporting .zero-state .btn.btn-small {
    min-width: 150px;
    line-height: 35px
}

.main_panes.reporting .insights .learn_more, .main_panes.reporting .zero-state .learn_more {
    margin-top: 30px;
    margin-bottom: 50px
}

.main_panes.reporting .insights .actions, .main_panes.reporting .zero-state .actions {
    clear: both;
    display: block;
    position: relative;
    padding-bottom: 30px
}

.main_panes.reporting .insights .actions .left, .main_panes.reporting .zero-state .actions .left {
    float: left;
    text-align: right;
    width: calc(50% - 80px / 2)
}

.main_panes.reporting .insights .actions .middle, .main_panes.reporting .zero-state .actions .middle {
    width: 80px;
    float: left;
    margin-top: 15px
}

.main_panes.reporting .insights .actions .right, .main_panes.reporting .zero-state .actions .right {
    float: right;
    text-align: left;
    width: calc(50% - 80px / 2)
}

.main_panes.reporting .insights .actions .contact_admin, .main_panes.reporting .insights .actions .contact_owner, .main_panes.reporting .zero-state .actions .contact_admin, .main_panes.reporting .zero-state .actions .contact_owner {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.main_panes.reporting .insights .actions .contact_admin .subtext, .main_panes.reporting .insights .actions .contact_owner .subtext, .main_panes.reporting .zero-state .actions .contact_admin .subtext, .main_panes.reporting .zero-state .actions .contact_owner .subtext {
    margin: 0 auto;
    width: 160px
}

.main_panes.reporting .insights .actions .single, .main_panes.reporting .zero-state .actions .single {
    width: 100%;
    float: left;
    text-align: center
}

.main_panes.reporting .insights .actions .admin_buttons .or, .main_panes.reporting .zero-state .actions .admin_buttons .or {
    font-weight: 300;
    font-size: 15px
}

.main_panes.reporting .insights .actions .admin_buttons .get_started, .main_panes.reporting .zero-state .actions .admin_buttons .get_started {
    display: inline-block
}

.main_panes.reporting .insights .actions .admin_buttons .get_started label, .main_panes.reporting .zero-state .actions .admin_buttons .get_started label {
    display: block;
    padding-top: 15px
}

.main_panes.reporting .insights .actions .admin_buttons .get_started input, .main_panes.reporting .zero-state .actions .admin_buttons .get_started input {
    display: inline
}

.main_panes.reporting .insights .actions .admin_buttons .get_started .tos, .main_panes.reporting .zero-state .actions .admin_buttons .get_started .tos {
    font-weight: 400;
    color: #555;
    font-size: 15px
}

.main_panes.reporting .insights .actions .admin_buttons .get_started .tos input[type="checkbox"], .main_panes.reporting .zero-state .actions .admin_buttons .get_started .tos input[type="checkbox"] {
    position: relative;
    top: -2px
}

.main_panes.reporting .insights .actions .admin_buttons .subtext, .main_panes.reporting .zero-state .actions .admin_buttons .subtext {
    width: 180px;
    text-align: center;
    font-weight: 400;
    color: #999
}

.main_panes.reporting .insights .actions .admin_buttons .upgrade_btn, .main_panes.reporting .zero-state .actions .admin_buttons .upgrade_btn {
    text-color: #fff;
    display: none
}

.main_panes.reporting .insights .actions .admin_buttons .upgrade_btn.visible, .main_panes.reporting .zero-state .actions .admin_buttons .upgrade_btn.visible {
    display: inline-block
}

.main_panes.reporting .insights .keyboard, .main_panes.reporting .zero-state .keyboard {
    background-image: url(/agent/assets/reporting/keyboard-404ee67b20e9b2533c7f8deb9679c626.png);
    width: 211px;
    height: 169px;
    float: left;
    display: block;
    position: absolute;
    left: -1px;
    bottom: 390px;
    background-repeat: no-repeat
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .keyboard, .main_panes.reporting .zero-state .keyboard {
        background-image: url(/agent/assets/reporting/keyboard_2X-e969aaeefe1604b147377e9907a853d9.png);
        background-size: 100% 100%
    }
}

.main_panes.reporting .insights .goggles, .main_panes.reporting .zero-state .goggles {
    background-image: url(/agent/assets/reporting/goggle-f1815c45e51ef98e88aca2067a357acb.png);
    opacity: 1;
    transition: opacity .25s ease-in-out;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    width: 153px;
    height: 82px;
    float: right;
    display: block;
    position: absolute;
    right: 50px;
    bottom: 380px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .goggles, .main_panes.reporting .zero-state .goggles {
        background-image: url(/agent/assets/reporting/goggle_2X-ea7220f8f029707f2a66d9a122e3dd95.png);
        background-size: 100% 100%
    }
}

@media screen and (max-width: 950px) {
    .main_panes.reporting .insights .goggles, .main_panes.reporting .zero-state .goggles {
        opacity: 0
    }
}

.main_panes.reporting .insights .science, .main_panes.reporting .zero-state .science {
    display: block;
    height: 356px;
    width: 100%;
    position: relative;
    bottom: -21px;
    margin-top: 100px
}

.main_panes.reporting .insights .science .left_table, .main_panes.reporting .zero-state .science .left_table {
    background-image: url(/agent/assets/reporting/small_table-1b67a3c2517dd19371d3fee64f652a8e.png);
    float: left;
    display: block;
    position: absolute;
    bottom: 0px;
    left: -20px;
    width: 131px;
    height: 279px;
    background-repeat: no-repeat
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .science .left_table, .main_panes.reporting .zero-state .science .left_table {
        background-image: url(/agent/assets/reporting/small_table_2X-d1bb800813abc82cdc699d01c5c96730.png);
        background-size: 100% 100%
    }
}

.main_panes.reporting .insights .science .power_point, .main_panes.reporting .zero-state .science .power_point {
    background-image: url(/agent/assets/reporting/power_point-277259e231212e3a6e7db76a9f2a00e9.png);
    opacity: 1;
    transition: opacity .25s ease-in-out;
    background-repeat: no-repeat;
    float: left;
    display: block;
    position: absolute;
    bottom: 0px;
    left: calc((100% - 866px + 20px) / 2 + (131px - 140px / 2));
    width: 140px;
    height: 136px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .science .power_point, .main_panes.reporting .zero-state .science .power_point {
        background-image: url(/agent/assets/reporting/power_point_2X-2c73bb5010c0fd9bf44544941468f364.png);
        background-size: 100% 100%
    }
}

@media screen and (max-width: 1110px) {
    .main_panes.reporting .insights .science .power_point, .main_panes.reporting .zero-state .science .power_point {
        opacity: 0
    }
}

.main_panes.reporting .insights .science .right_table, .main_panes.reporting .zero-state .science .right_table {
    background-image: url(/agent/assets/reporting/big_table-a3555b1e538cf8cdeecd1cbf325c3925.png);
    opacity: 1;
    transition: opacity .25s ease-in-out;
    background-repeat: no-repeat;
    float: right;
    display: block;
    position: absolute;
    right: -21px;
    width: 735px;
    height: 357px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .science .right_table, .main_panes.reporting .zero-state .science .right_table {
        background-image: url(/agent/assets/reporting/big_table_2X-974603d86725fa1a88698db7ac53e4e0.png);
        background-size: 100% 100%
    }
}

@media screen and (max-width: 990px) {
    .main_panes.reporting .insights .science .right_table, .main_panes.reporting .zero-state .science .right_table {
        opacity: 0
    }
}

.main_panes.reporting .insights .science_not_provisioned > div, .main_panes.reporting .zero-state .science_not_provisioned > div {
    height: 228px;
    position: absolute;
    top: 293px;
    width: calc(50% - 200px);
    border-bottom: 4px solid #d3d3d3;
    background-repeat: no-repeat;
    opacity: 0.5
}

.main_panes.reporting .insights .science_not_provisioned .magnifying_glass, .main_panes.reporting .zero-state .science_not_provisioned .magnifying_glass {
    background-image: url(/agent/assets/reporting/not_provisioned_magnifying_glass-0f5a0a86fe25944985e0668341682557.png);
    background-position: top right;
    left: 0
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .science_not_provisioned .magnifying_glass, .main_panes.reporting .zero-state .science_not_provisioned .magnifying_glass {
        background-image: url(/agent/assets/reporting/not_provisioned_magnifying_glass_2X-ce0ef9da112e6d4f84fad6b2aa8b0fce.png);
        background-size: 331px 240px
    }
}

.main_panes.reporting .insights .science_not_provisioned .beakers, .main_panes.reporting .zero-state .science_not_provisioned .beakers {
    background-image: url(/agent/assets/reporting/not_provisioned_beakers-02975405d6f8fffda749ebe54d8f91ef.png);
    background-position: top left;
    right: 0
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .science_not_provisioned .beakers, .main_panes.reporting .zero-state .science_not_provisioned .beakers {
        background-image: url(/agent/assets/reporting/not_provisioned_beakers_2X-f21b2bf53c547d5a498724a102011e43.png);
        background-size: 331px 240px
    }
}

.main_panes.reporting .insights .admin_status_not_provisioned, .main_panes.reporting .zero-state .admin_status_not_provisioned {
    padding: 15px;
    border: 1px solid #D9D9D9;
    background: none;
    position: relative
}

.main_panes.reporting .insights .admin_status_not_provisioned .ok, .main_panes.reporting .zero-state .admin_status_not_provisioned .ok {
    background: url(/agent/assets/reporting/icon_ok-675c8627b6232306f8e7cc388de6504d.png) center center;
    background-size: 80%;
    background-repeat: no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #89B400;
    position: absolute;
    top: 15px;
    left: 17px
}

.main_panes.reporting .insights .admin_status_not_provisioned p, .main_panes.reporting .zero-state .admin_status_not_provisioned p {
    margin-left: 40px;
    line-height: none
}

.main_panes.reporting .insights .currently_provisioning, .main_panes.reporting .zero-state .currently_provisioning {
    height: 15px;
    width: 100px;
    margin: 0 auto;
    position: relative;
    top: 20px
}

.main_panes.reporting .insights .currently_provisioning i, .main_panes.reporting .zero-state .currently_provisioning i {
    display: block;
    margin: 0 auto
}

.main_panes.reporting .insights .explanations, .main_panes.reporting .zero-state .explanations {
    margin: 80px auto 0;
    overflow: hidden
}

.main_panes.reporting .insights .explanations li, .main_panes.reporting .zero-state .explanations li {
    width: 32%;
    min-width: 250px;
    max-width: 318px;
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.main_panes.reporting .insights .explanations li:last-of-type, .main_panes.reporting .zero-state .explanations li:last-of-type {
    margin-right: 0
}

.main_panes.reporting .insights .explanations li .icon, .main_panes.reporting .zero-state .explanations li .icon {
    margin-bottom: 30px;
    height: 160px;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: top center
}

.main_panes.reporting .insights .explanations li .icon.pillar-1, .main_panes.reporting .zero-state .explanations li .icon.pillar-1 {
    background-image: url(/agent/assets/reporting/pillars_1-0531d2537cbc48117a8a35d91da05cee.png)
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .explanations li .icon.pillar-1, .main_panes.reporting .zero-state .explanations li .icon.pillar-1 {
        background-image: url(/agent/assets/reporting/pillars_1_2X-46191face433bb0cdce0ca9ade43d9fb.png);
        background-size: 160px 160px
    }
}

.main_panes.reporting .insights .explanations li .icon.pillar-2, .main_panes.reporting .zero-state .explanations li .icon.pillar-2 {
    background-image: url(/agent/assets/reporting/pillars_2-1802af266258f945a2cb66349b413338.png)
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .explanations li .icon.pillar-2, .main_panes.reporting .zero-state .explanations li .icon.pillar-2 {
        background-image: url(/agent/assets/reporting/pillars_2_2X-8f3982f34adfae34002b4a2717313cf9.png);
        background-size: 160px 160px
    }
}

.main_panes.reporting .insights .explanations li .icon.pillar-3, .main_panes.reporting .zero-state .explanations li .icon.pillar-3 {
    background-image: url(/agent/assets/reporting/pillars_3-9e65f142b27abbc4633f999b133332a6.png)
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .main_panes.reporting .insights .explanations li .icon.pillar-3, .main_panes.reporting .zero-state .explanations li .icon.pillar-3 {
        background-image: url(/agent/assets/reporting/pillars_3_2X-c7928fcf9ffc56a8d9218169b757987c.png);
        background-size: 160px 160px
    }
}

.main_panes.reporting .insights .explanations li p, .main_panes.reporting .zero-state .explanations li p {
    margin-top: 9px;
    font-size: 13px;
    line-height: 20px
}

.main_panes.reporting .insights .tour_showing, .main_panes.reporting .zero-state .tour_showing {
    text-align: left
}

.main_panes.reporting .insights .tour_showing .actions, .main_panes.reporting .zero-state .tour_showing .actions {
    position: absolute;
    top: 70px;
    right: 30px;
    width: auto !important;
    margin: auto !important;
    left: auto !important
}

.main_panes.reporting .insights .tour_showing .actions .or, .main_panes.reporting .zero-state .tour_showing .actions .or {
    display: none
}

.main_panes.reporting .insights .tour_showing .actions .right, .main_panes.reporting .zero-state .tour_showing .actions .right {
    width: 70%
}

.main_panes.reporting .insights .tour_showing .actions .get_started, .main_panes.reporting .zero-state .tour_showing .actions .get_started {
    width: 200px
}

.main_panes.reporting .insights .tour_heading, .main_panes.reporting .zero-state .tour_heading {
    margin-right: 350px;
    padding-left: 25px;
    padding-bottom: 20px
}

.main_panes.reporting .insights .tour, .main_panes.reporting .zero-state .tour {
    vertical-align: top
}

.main_panes.reporting .insights .end_tour_btn, .main_panes.reporting .zero-state .end_tour_btn {
    margin-top: 10px
}

.main_panes.reporting .insights .fully_provisioned .sync-time, .main_panes.reporting .zero-state .fully_provisioned .sync-time {
    display: inline-block;
    margin-left: -10px
}

.main_panes.reporting .insights .fully_provisioned .sync-time label, .main_panes.reporting .zero-state .fully_provisioned .sync-time label {
    display: inherit
}

.main_panes.reporting .insights .fully_provisioned .sync-time .dropdown-container, .main_panes.reporting .zero-state .fully_provisioned .sync-time .dropdown-container {
    padding-left: 0
}

.main_panes.reporting .insights .fully_provisioned .sync-time .dropdown-container ul, .main_panes.reporting .zero-state .fully_provisioned .sync-time .dropdown-container ul {
    margin-left: 0
}

.main_panes.reporting .insights .fully_provisioned .has_personal_dashboards .dropdown-container a, .main_panes.reporting .zero-state .fully_provisioned .has_personal_dashboards .dropdown-container a {
    padding-left: 30px
}

.main_panes.reporting .insights .fully_provisioned .dropdown-container, .main_panes.reporting .zero-state .fully_provisioned .dropdown-container {
    padding-top: 0;
    padding-left: 0;
    border-bottom: 0
}

.main_panes.reporting .insights .fully_provisioned .dropdown-container .personal ::after, .main_panes.reporting .zero-state .fully_provisioned .dropdown-container .personal ::after {
    background: url(/agent/assets/sprites/globals/icon_agent_viewing-137b465ce8a070586ba5a78026594e92.png) no-repeat;
    background-size: 13px 10px;
    content: '';
    display: inline-block;
    position: absolute;
    margin: 0 1px;
    width: 13px;
    height: 10px;
    top: 10px;
    left: 8px
}

.main_panes.reporting .insights .fully_provisioned .dropdown-container .personal .selected::after, .main_panes.reporting .zero-state .fully_provisioned .dropdown-container .personal .selected::after {
    background: url(/agent/assets/sprites/globals/icon_agent_viewing-137b465ce8a070586ba5a78026594e92.png), url(../images/ico_check.png);
    background-size: 13px 10px, 10px 10px;
    background-repeat: no-repeat, no-repeat;
    background-position: left, right;
    width: 90%
}

.main_panes.reporting .insights .fully_provisioned .subnav-dropdown, .main_panes.reporting .zero-state .fully_provisioned .subnav-dropdown {
    display: inline-block;
    padding-right: 10px
}

.main_panes.reporting .insights .fully_provisioned .subnav-dropdown ul, .main_panes.reporting .zero-state .fully_provisioned .subnav-dropdown ul {
    max-height: 320px;
    overflow: auto;
    margin-left: 0px
}

.main_panes.reporting .insights .fully_provisioned .subnav-dropdown ul a, .main_panes.reporting .zero-state .fully_provisioned .subnav-dropdown ul a {
    min-width: 180px;
    max-width: 300px;
    white-space: normal
}

.main_panes.reporting .insights .fully_provisioned > .header, .main_panes.reporting .zero-state .fully_provisioned > .header {
    border-bottom: 1px solid #e6e6e6;
    margin: 10px 0.78125% 20px;
    position: relative
}

.main_panes.reporting .insights .fully_provisioned > .header .select_gooddata_dashboard, .main_panes.reporting .zero-state .fully_provisioned > .header .select_gooddata_dashboard {
    margin-bottom: 10px
}

.main_panes.reporting .insights .fully_provisioned > .header .gooddata_portal_link, .main_panes.reporting .zero-state .fully_provisioned > .header .gooddata_portal_link {
    bottom: 10px;
    position: absolute;
    right: 0
}

.main_panes.reporting .insights .tour_visible, .main_panes.reporting .zero-state .tour_visible {
    visibility: visible;
    position: static;
    top: auto;
    left: auto
}

.main_panes.reporting .insights .tour_hidden, .main_panes.reporting .zero-state .tour_hidden {
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px
}

.main_panes.reporting .insights .gooddata_iframe iframe, .main_panes.reporting .zero-state .gooddata_iframe iframe {
    width: 100%;
    height: 750px;
    border: 1px solid #D9D9D9;
    border-radius: 10px
}

.reportCs {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 280px;
    text-align: left;
    line-height: normal;
    z-index: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    font-size: 12px;
}

/**
Rico nguyen update addtion style sheet
*/

.main_panes.reporting .wrapper-addition-settings {
    display: inline-block;
    margin: 10px 0px;

}

.main_panes.reporting .wrapper-addition-settings .addition-settings-item {
    display: inline-block;
    margin-right: 7px;
    width: 160px;

}

.main_panes.reporting .wrapper-addition-settings .title-settings {
    display: inline-block;
    font-size: 12px;
    line-height: 25px;

}

.addition-widget-filter {
    display: inline-block;
    margin: 0px 0px 10px;
}

.addition-widget-filter .title-settings {
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    margin-right: 5px;
    width: 76px;
}

.addition-widget-filter .addition-settings-item {
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: 12px;
    width: 160px;
}

/**
BUTTON SELETED
BTN Rendering source http://blog.koalite.com/bbg/
*/
.btn-selected {
    color: #FFFFFF;
    background-color: #1DAB13;
    border-color: #A3A3A3;
}

.btn-selected:hover,
.btn-selected:focus,
.btn-selected:active,
.btn-selected.active,
.open .dropdown-toggle.btn-selected {
    color: #FFFFFF;
    background-color: #409911;
    border-color: #A3A3A3;
}

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

.btn-selected.disabled,
.btn-selected[disabled],
fieldset[disabled] .btn-selected,
.btn-selected.disabled:hover,
.btn-selected[disabled]:hover,
fieldset[disabled] .btn-selected:hover,
.btn-selected.disabled:focus,
.btn-selected[disabled]:focus,
fieldset[disabled] .btn-selected:focus,
.btn-selected.disabled:active,
.btn-selected[disabled]:active,
fieldset[disabled] .btn-selected:active,
.btn-selected.disabled.active,
.btn-selected[disabled].active,
fieldset[disabled] .btn-selected.active {
    background-color: #1DAB13;
    border-color: #A3A3A3;
}

.btn-selected .badge {
    color: #1DAB13;
    background-color: #FFFFFF;
}

.cs-btn-intro {
    float: right;
    padding-top: 4px;
    cursor: pointer;
    position: relative;

}

.cs-btn-introTip {
    float: right;
    padding-top: 4px;
    cursor: pointer;
    position: relative;

}

.report-filters-group {
    position: absolute;
    top: 4px;
    right: 20px
}

.col-md-4 {
    width: 31.6%;
    float: left;

    min-width: 290px;

}

/*REPORT NAV */
.sub-detail-report-title {
    padding: 10px 0px;
    color: #8a6d3b;
    font-weight: normal;
    font-size: 12px;
}

.report-nav {
    list-style-type: none;

    padding: 0px;
    margin: 0px
}

ul.report-nav li + li:before {
    color: black;
    content: "/\00a0";
}

.report-nav li:first-child {
    padding: 1px 7px 1px 0px;
}

.report-nav li {
    padding: 1px 7px;
    float: left;
    display: block;
}

.report-nav li:last-child {
    border-right: none;
    font-weight: bold
}

.main_panes.reporting .widget.second {
    width: 48%;
    min-width: 290px;

    float: left
}

.main_panes.reporting.bordered .widget .header {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 3px;
    min-height: 30px;

}

/*Stat set V2*/

.main_panes.reporting .stat-setV2 {
    text-align: center;
    border-left: 1px solid #E3E3E3;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    /*width: 16.666666667% !important;*/
    margin-left: -1px;
    margin-right: -1px;
    float: left;
    background: #fff;

}

.main_panes.reporting .stat-setV2.selected {
    background: #e3fcff;


    background-image: linear-gradient(top, #efefef, #fbfbfb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEFEFEF, endColorstr=#FFFBFBFB, GradientType=0)
}

.main_panes.reporting .stat-setV2::first-child {
    border-left-color: #D9D9D9
}

.main_panes.reporting .stat-setV2::last-child {
    border-right: 1px solid #D9D9D9
}

.main_panes.reporting .stat-setV2 .value {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px
}

.main_panes.reporting .stat-setV2 .title {
    font-size: 11px;
    color: #777;
    display: block;
    line-height: 17px;
    margin: 0;
}

.main_panes.reporting .stat-setV2.selected .title {
    font-size: 11px;
    font-weight: bold;
    color: green
}

.main_panes.reporting .stat-setV2 .units {
    font-size: 11px;
    color: #BBB;
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

#main_navigation .toolbar_link.reportingV2 {
    background-position: 0 -555px;
}

#main_navigation .toolbar_link.reportingV2:hover, #main_navigation .toolbar_link.reportingV2:focus {
    background-position: 0 -531px;
}

/*Tool tip  by RIco TODO NOW */

.scroll::-webkit-scrollbar-track {

    border-radius: 2px;

}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cbcbcb;

    -webkit-box-shadow: inset 0 0 2px #E0E0E0;
}

.scrollEd::-webkit-scrollbar {
    width: 4px;
    background: white;

}

.scrollEd::-webkit-scrollbar-track {
    border-radius: 2px;
}

.scrollEd::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cbcbcb;
    -webkit-box-shadow: inset 0 0 2px #E0E0E0;
}

.reportV2 .addition-widget-filter .title-settings {
    position: relative;
    bottom: 12px;
    width: 96px;
}

.reportV2 .period-view .reporting-period-label {
    position: relative;
    width: 96px;
}

.reportV2 .addition-widget-filter .addition-settings-item {
    top: 0px;
}

.reportV2 .period-view {
    padding: 0px 10px;
    width: 100%;
    max-width: 98%;
}

.reportV2 .reportV2-actionbtn {
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* border-top: 0; */
}

.reportV2 .reportV2-filteritem {
    margin-right: 10px;
    float: left;
}

.report-filters-group .label-showby {
    float: left;
    margin: 3px 15px 6px 6px;
    font-size: 13px;
}

.chart-info {
    color: #3131ea;
    font-size: 16px;
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.reportV2-filteritem .filter-peakhour {
    bottom: 12px;
}

.reportv2-wrapper .main_panes.reporting .sub-nav {
    height: 35px;
    min-height: 35px
}

.reportv2-wrapper .main_panes.reporting .pane {
    top: 75px;
}

.reportv2-wrapper .main_panes.reporting .period-view .widget-header-container {
    background: white;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 0;
    padding: 20px 10px 10px 10px;

}

.reportV2-actionbtn .btn.btn-addition-settings {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.reportV2-actionbtn .btn.btn-addition-settings:hover {
    color: #fff;
    background-color: #3398b5;
    border-color: #269abc;
    box-shadow: none;
}

.reportv2-wrapper .main_panes.reporting .pane.section.parent {
    padding-top: 0px;
}

.reportv2-wrapper .report-filters-group {
    z-index: 1;
    top: 7px;
    right: 42px;
}

.reportv2-wrapper .main_panes.reporting .widget-padding {
    padding-top: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.reportV2-actionbtn .btn.btn-updateReportV2 {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.reportV2-actionbtn .btn.btn-updateReportV2:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    box-shadow: none;
}

.reportv2-wrapper .main_panes.reporting .reportSummary .widget-padding {
    padding-top: 15px;
}

.reportv2-wrapper .main_panes.reporting .widget .sub-report-nav {
    border: 1px solid silver;
}

.reportv2-wrapper .main_panes.reporting .widget.sub-report-nav .widget-padding {
    padding: 0;
    border: none;
    border-radius: 0;
}

.reportv2-wrapper .main_panes.reporting .widget.sub-report-nav .widget-padding .stat-setV2 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.reportv2-wrapper .main_panes.reporting .stat-row{
    border:none;
}
.reportv2-wrapper .main_panes.reporting .stat-setV2{
    width: 16.666666667%;
}

.reportV2 .reportV2-filteritem .reporting-period-label{
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    margin-right: 5px;
    position: relative;
    width: 96px;
}
.reportV2 .reportV2-filteritem .reporting-period-view{
    display: inline-block;
    margin-right: 7px;
    width: 160px;
}
.reportV2-period-wrap .period_view{
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
}
.main_panes.reporting .reportV2-period-wrap{
    margin-top: -1px;
}
h5.header,h3.header{
    padding-top: 15px;  
    padding-bottom: 10px;
}
.main_panes.reporting.bordered .widget.sub-nav-wrap{
    border-radius: unset;    border: none;    margin-top: 3px;    min-height: 20px;    line-height: 20px;    margin-bottom: 1px;    border-top: 2px solid #618658;
}


.main_panes.reporting .sub-nav .nav-2{
    position: absolute;
    bottom: 10px;
    right: 50px;
    margin-bottom: 0
}


.reporting-period-view input.input-text-only {
    width:148px;
}
.reportv2-wrapper .main_panes.reporting .sub-nav .nav a {
    font-family: 'Open Sans', 'Sans-Serif';
    padding: 7px 10px;
}
.reportv2-wrapper .main_panes.reporting .sub-nav .nav a.active {
    border-bottom: none;
    color: #215d0e;
    background: white;
}
.dropdown-filter .reporting-period-label,.dropdown-filter .reporting-period-view{
    top:5px;
}
.navv2{
    float: left;
    margin: 0;
}
.navv2.dropdown:hover > div.dropdown-menu{
    display:block;
}
.navv2:hover {
    border-bottom: none;
    color: #215d0e;
    background: white;
}
.navv2 .dropdown-menu{
    margin: 0;
}
.navv2 .dropdown-toggle span.glyphicon-chevron-down{
    font-size: 9px;
}