html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  * {
    box-sizing: border-box;
  }
  body {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 16px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  #etp-popup {
    position: absolute;
    width: 200px;
    height: auto;
    background-color: #007fa9;
    color: #e0ffff;
    z-index: 99 !important;
    overflow: hidden;
    padding: 10px;
    font-size: 0.75em;
    font-weight: 300;
    line-height: 1.2em;
  }
  #etp-popup,
  .popover-text {
    display: none;
  }
  #etp-page.ak {
    padding: 20px 15px;
  }
  #etp-page {
    width: 100%;
    height: auto;
    background-color: #fff;
    color: #575757;
    position: relative;
  }
  #etp-page .top-container {
    float: left;
  }
  #etp-page .top-right-container {
    display: none;
    float: right;
    padding-top: 18px;
    font-size: 0.85rem;
  }
  #etp-page .top-right-container div {
    float: left;
    padding-right: 10px;
  }
  #etp-page .top-right-container .print {
    font-size: 0.85rem;
    line-height: 1.15rem;
    padding-top: 3px;
  }
  #etp-page .top-right-container #enlarge-icon {
    display: none;
  }
  #etp-page .top-right-container .icon {
    padding-right: 5px;
  }
  #etp-page [class^="icon"]:before,
  #etp-page [data-icon]:before {
    font-size: 12px;
    margin-top: 0;
  }
  #etp-page i.icon[data-icon="chevron-up"]:before {
    font-size: 23px !important;
    margin-top: -2px;
    margin-right: -6px;
  }
  #etp-page .info-icon:before {
    margin-top: -5px !important;
  }
  #etp-page .clearfix {
    content: " ";
    clear: both;
    display: table;
  }
  #etp-page #top-logo-container {
    display: none;
    float: left;
  }
  #etp-page #top-logo-container img {
    width: 80px;
  }
  #etp-page .main-title {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    float: left;
    margin-top: 8px;
  }
  #etp-page .main-legend {
    float: left;
    padding-left: 20px;
    margin-top: 8px;
    font-size: 0.9rem;
    font-weight: 300;
  }
  #etp-page .main-legend .attack-legend {
    padding-right: 25px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #etp-page .main-legend .attack-legend .square {
    margin-top: 5px;
    width: 30px;
    height: 15px;
    display: inline-block;
    margin-right: 2px;
  }
  #etp-page .main-legend .attack-legend .legend-text {
    display: inline-block;
    padding-top: 8px;
    padding-left: 5px;
  }
  #etp-page .main-legend .phishing .square {
    background-color: #D0343A;
  }
  #etp-page .main-legend .maleware .square {
    background-color: #5B3594;
  }
  #etp-page .main-legend .cc .square {
    background-color: #81BC00;
  }
  #etp-page .etp-map {
    position: relative;
  }
  #etp-page .etp-map i {
    position: absolute;
    top: 0;
    right: 20px;
  }
  #etp-page .info-icon {
    font-size: 0.75em;
    cursor: pointer;
  }
  #etp-page h2,
  #etp-page h3 {
    color: #555;
  }
  #etp-page h2 {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
  }
  #etp-page h3 {
    font-size: 0.8em;
    font-weight: 400;
  }
  #etp-page .threat-log-outer-container {
    float: right;
    width: 50%;
  }
  #etp-page .threat-log-outer-container .request-count {
    text-transform: capitalize;
  }
  #etp-page .threat-log-outer-container .threat-log-time {
    font-size: 0.6em;
    font-weight: 300;
  }
  #etp-page .threat-log-outer-container .threat-log-container {
    width: 100%;
    margin: 10px 0 25px;
    height: 375px;
    padding: 10px;
  }
  #etp-page .threat-log-outer-container .threat-log-container h2 {
    margin-bottom: -6px;
  }
  #etp-page .threat-log-outer-container #log-realtive-conatiner {
    height: 375px;
  }
  #etp-page .threat-log-outer-container .threat-log-container,
  #etp-page
    .threat-log-outer-container
    .threat-log-container
    #log-realtive-conatiner {
    position: relative;
  }
  #etp-page .threat-log-outer-container .threat-log-container .threat-log {
    height: calc(100% - 57px);
    overflow-y: auto;
    margin: 1.2rem auto;
  }
  #etp-page
    .threat-log-outer-container
    .threat-log-container
    .threat-log
    .threat-log-info {
    padding: 0;
  }
  #etp-page
    .threat-log-outer-container
    .threat-log-container
    .threat-log
    .threat-log-info
    p {
    font-size: 0.9rem;
    text-transform: uppercase;
    opacity: 0.75;
    transition: opacity 1s;
    margin-bottom: 1rem;
  }
  #etp-page
    .threat-log-outer-container
    .threat-log-container
    .threat-log
    .threat-log-info
    .threat-log-info-text {
    font-weight: 600;
  }
  #etp-page
    .threat-log-outer-container
    .threat-log-container
    .threat-log
    .threat-log-info
    p:active,
  #etp-page
    .threat-log-outer-container
    .threat-log-container
    .threat-log
    .threat-log-info
    p:hover {
    opacity: 1;
  }
  #etp-page .pie-chart-container {
    float: left;
    width: 50%;
    margin: 10px 0 25px;
    height: 375px;
    padding: 10px 0;
  }
  #etp-page .pie-chart-container .threat-pie-chart-container #threat-pie-chart {
    min-height: 180px;
    margin: 1em auto 0;
  }
  #etp-page .pie-chart-container .threat-pie-chart-text-container table tr td {
    padding: 5px;
    font-size: 0.7em;
  }
  #etp-page
    .pie-chart-container
    .threat-pie-chart-text-container
    table
    tr
    td.percent_count {
    font-weight: 700;
    color: #9b9b9b;
  }
  #etp-page .pie-chart-container .threat-pie-chart-text-container table tr.hide {
    display: none;
  }
  #etp-page .threat-log-outer-container:after,
  #etp-page div.clear {
    content: " ";
    clear: both;
    display: table;
  }
  #etp-page .threat-trend-container {
    position: relative;
    margin-bottom: 1em;
    width: 100%;
  }
  #etp-page .threat-trend-container .threat-trend-title ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #etp-page .threat-trend-container .threat-trend-title ul li {
    display: inline-block;
    font-size: 10px;
    padding: 1px;
    cursor: pointer;
  }
  #etp-page .threat-trend-container .trend-filter {
    color: #8F999B;
    font-weight: 700;
  }
  #etp-page .threat-trend-container .trend-filter.active {
    color: #555;
  }
  #etp-page .threat-trend-container #threat-bar-chart {
    height: 165px;
  }
  #etp-page .threat-trend-container #threat-bar-chart .x-axis-barchart line,
  #etp-page .threat-trend-container #threat-bar-chart .x-axis-barchart path,
  #etp-page .threat-trend-container #threat-bar-chart .y-axis-barchart line,
  #etp-page .threat-trend-container #threat-bar-chart .y-axis-barchart path {
    fill: none;
    stroke: #9b9b9b;
    shape-rendering: crispEdges;
    stroke-width: 1px;
  }
  #etp-page .threat-trend-container #threat-bar-chart .x-axis-barchart .tick text,
  #etp-page
    .threat-trend-container
    #threat-bar-chart
    .y-axis-barchart
    .tick
    text {
    font-size: 0.5em;
    font-weight: 600;
    fill: #9b9b9b;
  }
  #etp-page .threat-trend-container #threat-bar-chart .x-axis-text,
  #etp-page .threat-trend-container #threat-bar-chart .y-axis-text {
    fill: #9b9b9b;
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: 600;
  }
  #etp-page .threat-trend-container #threat-bar-chart .x-axis-text {
    display: none;
  }
  #etp-page .threat-breakdown-outer-container {
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 10px 0;
  }
  #etp-page .threat-breakdown-outer-container .col {
    width: 100%;
  }
  #etp-page .threat-breakdown-outer-container .col:after {
    content: " ";
    clear: both;
    display: table;
  }
  #etp-page .threat-breakdown-outer-container .col-50 {
    float: left;
    width: 50%;
    padding-right: 2em;
  }
  #etp-page .threat-breakdown-outer-container .lb-container .col-50:nth-child(3) {
    padding-right: 0;
  }
  #etp-page .threat-breakdown-outer-container h2 {
    line-height: 1.2em;
    margin-bottom: 2.5px;
  }
  #etp-page .threat-breakdown-outer-container h4 {
    font-weight: 300 !important;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 0.9em;
  }
  #etp-page .threat-breakdown-outer-container h3.threat-breakdown-text {
    text-transform: uppercase;
    margin-bottom: 7px;
    font-weight: 400 !important;
    font-size: 1em;
  }
  #etp-page .threat-breakdown-outer-container .threat-text-heading {
    margin: 0;
    line-height: 2.3em;
    font-size: 0.6em !important;
    text-transform: uppercase;
    font-weight: 700;
  }
  #etp-page .threat-breakdown-outer-container .bullet-count {
    display: none;
  }
  #etp-page .threat-breakdown-outer-container .cc-container,
  #etp-page .threat-breakdown-outer-container .malware-container,
  #etp-page .threat-breakdown-outer-container .phishing-container {
    margin-bottom: 3em;
  }
  #etp-page .threat-breakdown-outer-container .cc-container h3 span,
  #etp-page .threat-breakdown-outer-container .malware-container h3 span,
  #etp-page .threat-breakdown-outer-container .phishing-container h3 span {
    text-transform: capitalize;
    color: #35e384;
  }
  #etp-page .threat-breakdown-outer-container .cc-container h3 span.red,
  #etp-page .threat-breakdown-outer-container .malware-container h3 span.red,
  #etp-page .threat-breakdown-outer-container .phishing-container h3 span.red {
    color: #fe374c;
  }
  #etp-page .threat-breakdown-outer-container .phishing-container rect {
    fill: #D0343A;
  }
  #etp-page
    .threat-breakdown-outer-container
    .phishing-container
    h3.threat-breakdown-text {
    color: #D0343A;
  }
  #etp-page
    .threat-breakdown-outer-container
    .phishing-container
    .phishing-day-container,
  #etp-page
    .threat-breakdown-outer-container
    .phishing-container
    .phishing-month-container,
  #etp-page
    .threat-breakdown-outer-container
    .phishing-container
    .phishing-week-container {
    width: 100%;
  }
  #etp-page .threat-breakdown-outer-container .malware-container rect {
    fill: #5B3594;
  }
  #etp-page
    .threat-breakdown-outer-container
    .malware-container
    h3.threat-breakdown-text {
    color: #5B3594;
  }
  #etp-page
    .threat-breakdown-outer-container
    .malware-container
    .malware-day-container,
  #etp-page
    .threat-breakdown-outer-container
    .malware-container
    .malware-month-container,
  #etp-page
    .threat-breakdown-outer-container
    .malware-container
    .malware-week-container {
    width: 100%;
  }
  #etp-page .threat-breakdown-outer-container .cc-container rect {
    fill: #81BC00;
  }
  #etp-page
    .threat-breakdown-outer-container
    .cc-container
    h3.threat-breakdown-text {
    color: #81BC00;
  }
  #etp-page
    .threat-breakdown-outer-container
    .cc-container
    .phishing-day-container,
  #etp-page
    .threat-breakdown-outer-container
    .cc-container
    .phishing-month-container,
  #etp-page
    .threat-breakdown-outer-container
    .cc-container
    .phishing-week-container {
    width: 100%;
  }
  #etp-page .threat-breakdown-outer-container:after {
    content: " ";
    clear: both;
    display: table;
  }
  #etp-page .etp-bullet .marker {
    stroke: #000;
  }
  #etp-page .etp-bullet .tick line {
    stroke: #666;
  }
  #etp-page .etp-bullet .range.s0,
  #etp-page .etp-bullet .range.s1,
  #etp-page .etp-bullet .range.s2,
  #etp-page .etp-bullet .range.s3 {
    fill: #014167;
  }
  #etp-page .etp-bullet .title {
    font-size: 14px;
    font-weight: 700;
  }
  #etp-page .etp-bullet .subtitle {
    fill: #999;
  }
  #etp-page .etp-bullet {
    font: 10px sans-serif;
  }
  #etp-page .etp-bullet .marker {
    stroke: #e8f9fe;
    stroke-width: 2px;
  }
  #etp-page .etp-bullet .tick line {
    stroke: #fff;
    stroke-width: 0.5px;
  }
  #etp-page .etp-bullet .tick text {
    fill: #9b9b9b;
    font-size: 8px;
    font-weight: 600;
  }
  #etp-page .phishing-container .etp-bullet .measure.s0,
  #etp-page .phishing-container .etp-bullet .measure.s1,
  #etp-page .phishing-container .etp-bullet .measure.s2,
  #etp-page .phishing-container .etp-bullet .measure.s3 {
    fill: #D0343A;
  }
  #etp-page .malware-container .etp-bullet .measure.s0,
  #etp-page .malware-container .etp-bullet .measure.s1,
  #etp-page .malware-container .etp-bullet .measure.s2,
  #etp-page .malware-container .etp-bullet .measure.s3 {
    fill: #5B3594;
  }
  #etp-page .cc-container .etp-bullet .measure.s0,
  #etp-page .cc-container .etp-bullet .measure.s1,
  #etp-page .cc-container .etp-bullet .measure.s2,
  #etp-page .cc-container .etp-bullet .measure.s3 {
    fill: #81BC00;
  }
  #etp-page .line-label {
    fill: #9b9b9b;
    font-size: 8px;
    font-weight: 600;
  }
  #etp-page path.threat-line {
    stroke-width: 2.5;
    fill: none;
  }
  #etp-page .g-threat-line circle.map-circle,
  #etp-page .g-threat-line circle.map-circle-source {
    fill: #ccc;
    stroke-width: 1px;
  }
  #etp-page .g-threat-line circle.map-circle-source {
    stroke: brown;
  }
  #etp-page .g-threat-line circle.map-circle.phishing,
  #etp-page .g-threat-line path.threat-line.phishing {
    stroke: rgba(208, 52, 58, 0.2);
  }
  #etp-page .g-threat-line circle.map-circle.cc,
  #etp-page .g-threat-line path.threat-line.command {
    stroke: rgba(129, 188,0, 0.2);
  }
  #etp-page .g-threat-line circle.map-circle.malware,
  #etp-page .g-threat-line path.threat-line.malware {
    stroke: rgba(91, 53, 148, 0.2);
  }
  #etp-page .g-threat-line path.phishing-marker {
    fill: rgba(208, 52, 58, 0.2);
  }
  #etp-page .g-threat-line path.command-marker {
    fill: rgba(129, 188,0, 0.2);
  }
  #etp-page .g-threat-line path.malware-marker {
    fill: rgba(91, 53, 148, 0.2);
  }
  #etp-page .g-threat-line.active circle.map-circle.phishing,
  #etp-page .g-threat-line.active path.threat-line.phishing {
    stroke: #D0343A;
  }
  #etp-page .g-threat-line.active circle.map-circle.cc,
  #etp-page .g-threat-line.active path.threat-line.command {
    stroke: #81BC00;
  }
  #etp-page .g-threat-line.active circle.map-circle.malware,
  #etp-page .g-threat-line.active path.threat-line.malware {
    stroke: #5B3594;
  }
  #etp-page .g-threat-line.active path.phishing-marker {
    fill: #D0343A;
  }
  #etp-page .g-threat-line.active path.command-marker {
    fill: #81BC00;
  }
  #etp-page .g-threat-line.active path.malware-marker {
    fill: #5B3594;
  }
  #etp-page .clear_1024 {
    display: none;
  }
  #etp-page #wmap {
    margin: 0 auto;
  }
  #etp-page .land {
    fill: #e9e9e9;
  }
  #etp-page .boundary {
    fill: none;
    stroke: #fff;
    stroke-width: 0.2px;
  }
  #etp-page .disputed {
    stroke: #fff;
    fill: none;
    stroke-width: 0.4px;
    stroke-dasharray: 2;
  }
  #etp-page path.route {
    fill: none;
    stroke: #fff;
    stroke-width: 1.5px;
  }
  #etp-page .phishing-text {
    color: #D0343A;
  }
  #etp-page .command-text {
    color: #81BC00;
  }
  #etp-page .malware-text {
    color: #5B3594;
  }
  #etp-page #threat-pie-chart path.phishing {
    fill: #D0343A;
  }
  #etp-page #threat-pie-chart path.command {
    fill: #81BC00;
  }
  #etp-page #threat-pie-chart path.malware {
    fill: #5B3594;
  }
  #etp-page div.bottom-container:after {
    display: table;
    content: "";
    clear: both;
  }
  #etp-page div.bottom-container {
    padding: 0;
  }
  #etp-page div.bottom-container span.bar {
    display: inline-block;
    line-height: 2.1em;
    font-size: 0.8em;
    color: #23b0e5;
    padding: 5px;
  }
  #etp-page div.bottom-container .back-to-top {
    width: 110px;
    cursor: pointer;
    line-height: 2.1em;
    font-size: 0.8em;
    color: #23b0e5;
    margin-right: 10px;
  }
  #etp-page div.bottom-container .back-to-top i {
    padding-right: 0.5em;
  }
  #etp-page div.bottom-container .threat-bottom-text {
    font-size: 0.6em;
    margin-right: 0 !important;
    line-height: 16px;
  }
  #etp-page div.bottom-container .bottom-avg-lead-container {
    list-style-type: none;
    display: block;
    padding: 0;
    padding-left: 8px;
    margin-bottom: 0;
  }
  #etp-page div.bottom-container .bottom-avg-lead-container li {
    float: left;
    margin-right: 5px;
  }
  #etp-page div.bottom-container .bottom-avg-lead-container .legend {
    background-color: #007ea9;
    height: 16px;
    width: 50px;
    position: relative;
  }
  #etp-page div.bottom-container .bottom-avg-lead-container .legend:before {
    content: "";
    border-left: 2px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    height: 15px;
  }
  #etp-page div.bottom-container .bottom-avg-lead-container:after {
    content: " ";
    clear: both;
    display: table;
  }
  #etp-page div.bottom-container .bottom-lead-container {
    display: block;
    list-style-type: none;
    margin-top: 10px;
  }
  #etp-page div.bottom-container .bottom-lead-container li {
    float: left;
    margin-right: 5px;
  }
  #etp-page div.bottom-container .bottom-lead-container .legend {
    background-color: #007ea9;
    height: 16px;
    width: 50px;
  }
  #etp-page div.bottom-container .bottom-lead-container .legend span {
    display: block;
    height: 10px;
    width: 15px;
    float: left;
    margin-left: 7px;
    margin-top: 3px;
  }
  #etp-page div.bottom-container .bottom-lead-container .legend .green {
    background: #35e384;
  }
  #etp-page div.bottom-container .bottom-lead-container .legend .red {
    background: #fe374c;
  }
  #etp-page .print {
    cursor: pointer;
    float: right;
    line-height: 2.1em;
    font-size: 0.8em;
    color: #23b0e5;
  }
  #etp-page .print i {
    padding-right: 0.5em;
  }
  #etp-page .threat-log-title-conatiner {
    position: relative;
  }
  #etp-page .threat-log-title-conatiner #threat-log-title-popup {
    top: -80px;
    left: 0;
    width: 182px;
    background-color: #007fa9;
    color: #e0ffff;
    z-index: 9;
    position: absolute;
    overflow: hidden;
    padding: 10px;
    font-size: 0.8em;
    font-weight: 300;
    opacity: 0;
  }
  body.mobile-device .print {
    display: none !important;
  }
  #etp-page:after {
    content: " ";
    clear: both;
    display: table;
  }
  .pull-right {
    float: right;
  }
  .pull-left {
    float: left;
  }
  #map-hover-popup {
    width: 182px;
    background-color: #fefefe !important;
    border: 2px solid #dedede;
    color: #000;
    z-index: 9;
    position: absolute;
    overflow: hidden;
    padding: 10px;
    top: 0;
    right: 0;
    display: none;
  }
  #map-hover-popup #hover-title {
    padding-top: 0;
  }
  #map-hover-popup #hover-threat-destination,
  #map-hover-popup #hover-threat-source,
  #map-hover-popup #hover-title-span {
    font-size: 0.63em;
    color: #000;
  }
  #map-hover-popup #hover-title-span {
    text-transform: uppercase;
  }
  #map-hover-popup #hover-threat-time {
    font-size: 0.5em;
  }
  #map-hover-popup p {
    line-height: 1.2em;
    padding: 5px;
  }
  #map-hover-popup #hover-threat-color {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
  }
  #map-hover-popup .phishing {
    background-color: #D0343A;
  }
  #map-hover-popup .malware {
    background-color: #5B3594;
  }
  #map-hover-popup .command {
    background-color: #81BC00;
  }
  div.bartooltip {
    position: absolute;
    width: 150px;
    padding: 2px !important;
    padding-left: 5px !important;
    background-color: #007fa9;
    color: #e0ffff;
    border: 0;
    border-radius: none;
    pointer-events: none;
    line-height: 1em !important;
    z-index: 999;
    display: none;
  }
  div.bartooltip p {
    line-height: 1em !important;
    padding-top: 2px !important;
    padding-bottom: 5px !important;
    margin: 0 !important;
  }
  div.bartooltip .bar-threat-count {
    font-size: 0.58em !important;
  }
  div.bartooltip .bar-threat-count span {
    font-size: 1.1em !important;
  }
  div.bartooltip #bar-threat-time {
    font-size: 0.5em;
  }
  .chart-container {
    position: relative;
  }
  .chart-container > .loader,
  .log-realtive-conatiner > .loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0.9;
    background: url(../../images/loader.gif) no-repeat scroll 50% #fff;
  }
  #etp-page.print {
    width: 800px !important;
    margin: 0 auto !important;
  }
  #etp-page.print #wmap,
  #etp-page.print .pie-chart-container,
  #etp-page.print .threat-breakdown-outer-container .col,
  #etp-page.print .threat-trend-container {
    float: none !important;
    width: 100% !important;
  }
  .lb-container {
    max-height: 63px !important;
  }
  .etp-modal-overlay {
    opacity: 0;
    transition: opacity 0.3s ease,
      -webkit-transform 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.3, 0, 0.3, 1),
      -webkit-transform 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 14;
    background-color: rgba(58, 68, 74, 0.4);
    pointer-events: none;
    cursor: pointer;
    box-shadow: -3px 0 3px rgba(23, 26, 27, 0.3);
    display: none;
  }
  .etp-modal {
    display: none;
    width: 50%;
    height: auto;
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    color: #575757;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 230px;
    max-width: 630px;
    z-index: 2000;
    visibility: hidden;
    pointer-events: none;
  }
  .etp-modal #etp-modal-content {
    opacity: 0;
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    transition: all 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    position: relative;
    border-radius: 4px;
    margin: 0 auto;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
  }
  body.etp-modal-show .etp-modal-overlay {
    opacity: 1;
    transition: opacity 0.3s ease,
      -webkit-transform 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.3, 0, 0.3, 1),
      -webkit-transform 0.3s cubic-bezier(0.3, 0, 0.3, 1);
    pointer-events: auto;
    visibility: visible;
    display: block;
  }
  body.etp-modal-show .etp-modal {
    pointer-events: auto;
    transition: visibility 0.3s ease;
    visibility: visible !important;
  }
  body.etp-modal-show .etp-modal #etp-modal-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-overflow-scrolling: touch;
    font-size: 0.75em;
    font-weight: 300;
    line-height: 1.2;
  }
  body.etp-modal-show .etp-modal #etp-modal-content .etp-modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    cursor: pointer;
  }
  body.etp-modal-show .etp-modal #etp-modal-content .etp-modal-close i {
    font-size: 0.9em;
  }
  @media only screen and (max-width: 400px) {
    #map-hover-popup {
      width: 150px;
    }
    #map-hover-popup #hover-title-span {
      font-size: 0.55em;
    }
  }
  .icon-ak-adjust:before,
  .icon-ak-angle-up:before,
  .icon-ak-compress:before,
  .icon-ak-expand:before,
  .icon-ak-info-circle:before,
  .icon-ak-print:before {
    font-size: 0.7em !important;
  }
  #enlarge-icon,
  #theme-changer {
    cursor: pointer;
  }
  #enlarge-icon i.icon[data-icon]:before,
  #theme-changer i.icon[data-icon]:before,
  .etp-modal-close i.icon[data-icon="cancel-circle"]:before {
    font-size: 12px !important;
  }
  body.dark,
  body.dark [class*="-region"].main-region > .region__inner,
  body.dark section.span_12.main-region {
    background-color: #002f3f !important;
  }
  body.dark #etp-page {
    background-color: #002f3f;
    color: #fff;
  }
  body.dark #etp-page h2,
  body.dark #etp-page h3 {
    color: #fff;
  }
  body.dark #etp-page .land {
    fill: #005f7f;
  }
  body.dark #etp-page .boundary,
  body.dark #etp-page .disputed,
  body.dark #etp-page path.route {
    stroke: #000;
  }
  body.dark #etp-page .threat-trend-container .trend-filter.active {
    color: #fff;
  }
  body.dark #etp-page .bullet .tick text,
  body.dark #etp-page .line-label,
  body.dark
    #etp-page
    .threat-trend-container
    #threat-bar-chart
    .x-axis-barchart
    .tick
    text,
  body.dark
    #etp-page
    .threat-trend-container
    #threat-bar-chart
    .y-axis-barchart
    .tick
    text {
    fill: #9b9b9b;
  }
  body.dark #etp-page table tr td.percent_count {
    color: #fff !important;
  }
  body.dark #etp-page div.bottom-container .threat-bottom-text {
    color: #fff;
  }
  body.dark .bullet .marker {
    stroke: #003040 !important;
  }
  @media only screen and (min-width: 37.5em) {
    #etp-page h2 {
      font-size: 1em;
    }
    #etp-page .pie-chart-container .threat-pie-chart-text-container table tr td {
      padding: 5px 20px;
      font-size: 0.85em;
    }
    #etp-page .threat-trend-container .threat-trend-title ul li {
      padding: 5px;
    }
    #etp-page div.bottom-container .threat-bottom-text {
      font-size: 0.7em;
    }
  }
  @media only screen and (min-width: 50em) {
    #etp-page h2 {
      font-size: 1.2em;
    }
    #etp-page .threat-breakdown-outer-container {
      width: 100%;
      height: auto;
    }
    #etp-page .threat-breakdown-outer-container .col {
      width: 33.33%;
      float: left;
      padding-right: 20px;
    }
    #etp-page .threat-breakdown-outer-container .col:after {
      clear: none;
    }
    #etp-page .threat-breakdown-outer-container .col-50,
    #etp-page
      .threat-breakdown-outer-container
      .lb-container
      .col-50:nth-child(3) {
      padding-right: 5px;
    }
    #etp-page .threat-breakdown-outer-container .cc-container,
    #etp-page .threat-breakdown-outer-container .malware-container,
    #etp-page .threat-breakdown-outer-container .phishing-container {
      margin-bottom: 0 !important;
    }
    #etp-page .pie-chart-container,
    #etp-page .threat-log-outer-container #log-realtive-conatiner,
    #etp-page .threat-log-outer-container .threat-log-container {
      height: 303px;
    }
    #etp-page .pie-chart-container .threat-pie-chart-container,
    #etp-page .pie-chart-container .threat-pie-chart-text-container {
      float: left;
    }
    #etp-page .pie-chart-container .threat-pie-chart-container,
    #etp-page .pie-chart-container .threat-pie-chart-text-container {
      width: 50%;
    }
    #etp-page .pie-chart-container .threat-pie-chart-text-container {
      margin-top: 18%;
    }
    #etp-page .pie-chart-container .threat-pie-chart-text-container table tr td {
      padding: 10px 20px 10px 7px;
    }
    #etp-page .threat-pie-chart-text-container table tr td {
      padding: 5px 15px;
      font-size: 0.875em;
    }
  }
  @media only screen and (min-width: 64em) {
    #etp-page {
      margin: 0 auto;
    }
    #etp-page .top-right-container #enlarge-icon {
      display: block;
    }
    #etp-page .etp-map {
      width: calc(100% - 280px);
      float: left;
    }
    #etp-page .etp-map i {
      right: 4.5%;
    }
    #etp-page #wmap {
      width: 100%;
    }
    #etp-page .threat-log-outer-container {
      float: left;
      width: 280px;
    }
    #etp-page .threat-log-outer-container .threat-log-container {
      width: 100%;
      height: 350px;
    }
    #etp-page .threat-log-outer-container .threat-log-container h2 {
      padding-top: 10px;
    }
    #etp-page .threat-log-outer-container #log-realtive-conatiner {
      height: 350px;
    }
    #etp-page .clear_1024 {
      content: " ";
      clear: both;
      display: table;
    }
    #etp-page .pie-chart-container {
      height: 280px;
      width: 35%;
      float: left;
      margin: 10px 0;
    }
    #etp-page .pie-chart-container .threat-pie-chart-container #threat-pie-chart {
      margin: 0.5em auto;
      height: 144px;
    }
    #etp-page .pie-chart-container .threat-pie-chart-text-container {
      margin-top: 18%;
    }
    #etp-page .threat-trend-container {
      float: left;
      width: 65%;
      margin: 10px 0;
      padding: 10px;
    }
    #etp-page .threat-trend-container #threat-bar-chart {
      height: 230px;
    }
    #etp-page div.clear {
      clear: none;
      display: none;
    }
    #etp-page .threat-breakdown-outer-container:before {
      content: " ";
      clear: both;
      display: table;
    }
    body.nocc div#page-wrapper {
      z-index: 2147483646;
    }
    body.nocc #etp-popup,
    body.nocc .etp-modal,
    body.nocc .etp-modal-overlay,
    body.nocc div.bartooltip {
      z-index: 2147483647 !important;
    }
    body.nocc .back-to-top,
    body.nocc .print,
    body.nocc .top-right-container {
      display: none !important;
    }
    body.maximize-etp #top-logo-container {
      display: block !important;
    }
    body.maximize-etp div.inner-wrapper {
      width: 100% !important;
      max-width: 100% !important;
    }
    body.maximize-etp section.span_12.main-region {
      width: 100%;
      background-color: #fff;
      margin-top: -11.5rem;
    }
    body.maximize-etp .sticky-widgets,
    body.maximize-etp div.primary-nav__outer-wrapper,
    body.maximize-etp footer,
    body.maximize-etp footer#global-footer,
    body.maximize-etp footer.span_12.footer-region,
    body.maximize-etp header.global-header,
    body.maximize-etp header.hero-intro-region {
      display: none !important;
    }
    body.maximize-etp .region__inner {
      padding: 2.125rem 0 !important;
    }
    body.maximize-etp #etp-page {
      max-width: 100% !important;
      width: 100%;
      height: 100%;
      min-height: 100%;
      padding: 20px;
      overflow: hidden;
      overflow-y: scroll;
    }
    body.maximize-etp #etp-page .etp-map {
      width: calc(100% - 300px);
      float: left;
      min-height: 250px;
      margin: 0 auto;
    }
    body.maximize-etp #etp-page #wmap {
      width: 100%;
    }
    body.maximize-etp #etp-page #wmap svg {
      display: block;
      margin: 0 auto;
    }
    body.maximize-etp #etp-page .clear_1024 {
      display: none;
    }
    body.maximize-etp #etp-page .threat-log-outer-container {
      float: left;
      width: 300px;
    }
    body.maximize-etp
      #etp-page
      .threat-log-outer-container
      .threat-log-container {
      width: 100%;
      height: 350px;
    }
    body.maximize-etp
      #etp-page
      .threat-log-outer-container
      .threat-log-container
      h2 {
      padding-top: 25px;
    }
    body.maximize-etp
      #etp-page
      .threat-log-outer-container
      .threat-log-container
      .threat-log
      .threat-log-info
      p {
      margin-bottom: 1.5rem;
    }
    body.maximize-etp
      #etp-page
      .threat-log-outer-container
      #log-realtive-conatiner {
      height: 350px;
    }
    body.maximize-etp #etp-page .pie-chart-container {
      float: left;
      width: 300px;
      height: 300px;
    }
    body.maximize-etp
      #etp-page
      .pie-chart-container
      .threat-pie-chart-container
      #threat-pie-chart {
      margin-top: 2em;
    }
    body.maximize-etp #etp-page div.clear {
      content: " ";
      clear: both;
      display: table;
    }
    body.maximize-etp #etp-page .threat-trend-container {
      width: 30%;
      float: left;
      margin-top: -65px;
    }
    body.maximize-etp #etp-page .threat-breakdown-outer-container {
      width: 70%;
      float: left;
      margin-top: -65px;
    }
    body.maximize-etp #etp-page .threat-breakdown-outer-container,
    body.maximize-etp #etp-page .threat-trend-container {
      margin-top: -30px;
    }
    body.maximize-etp #etp-page div.bottom-container {
      padding-left: 30.7%;
    }
    body.maximize-etp #etp-page div.bottom-container div.pull-right {
      display: none !important;
    }
  }
  @media only screen and (min-width: 120em) {
    #etp-page {
      padding: 20px;
      margin: 0 auto;
    }
  }
  
.cmp-container--paddingRightSmall>.cmp-container {
    padding-right: 20px !important;
}

.cmp-container--paddingLeftSmall>.cmp-container {
    padding-left: 20px !important;
}