body{margin: 0 auto;max-width: 1110px;overflow:hidden;}
.bootstrap-iso .mgn-btm-30{margin-bottom: 30px;}
.bootstrap-iso{font-family: Roboto,Helvetica,Arial,sans-serif;}
.bootstrap-iso h2{font-weight: 300;}
.bootstrap-iso h3{font-weight: 400;}
.bootstrap-iso h1, .bootstrap-iso h2, .bootstrap-iso h3, .bootstrap-iso h4, .bootstrap-iso h5{margin-top: 0;} 
.bootstrap-iso .bold-text{font-weight: 500;}
.bootstrap-iso .blue-text{color: #0099cc;}
.bootstrap-iso .chart-area{margin-bottom: 26px;min-height: 400px; position: relative;}
.bootstrap-iso .chart-area .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 center center #FFFFFF;}
.bootstrap-iso .head-desc{color: #444 !important; font-size: 0.8em;}
.bootstrap-iso .group-list{padding: 20px 0; display: none;}
.bootstrap-iso .group-list.show-all{display: block;}
.bootstrap-iso .group-list.active{display: block !important;}
.bootstrap-iso #all-groups-avg.group-list{border-bottom: 1px solid #BBB;}
.bootstrap-iso #all-groups-avg.group-list, .bootstrap-iso #heading.group-list{display: block;}
.bootstrap-iso .server-group-name{font-size: 18px; margin-bottom: 0;}
.bootstrap-iso .root-server-fine-print{font-size: 10px;}
.bootstrap-iso .light-grey-text{color: #999;}
.bootstrap-iso .sub-text{font-size: 12px;}
.bootstrap-iso .stat{font-size: 16px; color: #0099cc; font-weight: 400;}
.bootstrap-iso .main-desc{font-size: 10px; margin-bottom: 10px;}
.bootstrap-iso .month-desc{font-weight: 400; margin-bottom: 10px;}
.bootstrap-iso .stat-desc{color: #0099cc}
.bootstrap-iso .buttons-section{padding: 10px 0 20px; overflow: hidden; clear: both;}
.bootstrap-iso .buttons-section button{float: right; margin-right: 10px; border-radius: 0; background-color: #0099cc; background-image: none; padding: 18px 30px;}
.bootstrap-iso .buttons-section button:hover{opacity: 0.8}
.bootstrap-iso .buttons-section button:focus{border-color: #0099cc; background-color: #0099cc; outline: 0 none;}
.bootstrap-iso .row.group-list .ipv6-section .chart{height:97px; margin: 0 auto}
.bootstrap-iso .row.group-list .ipv6-section .legend .legend-item .label{color:#000;font-weight:400;}
.bootstrap-iso .row.group-list .ipv6-section .legend .legend-item .value{display:inline-block; font-size: 0.75em;width: 32px;height: 32px;border: 3px solid #ddd;border-radius: 16px;text-align: center;padding-top: 7px;}
.bootstrap-iso .row.group-list .ipv6-section .legend .legend-item.ipv4 .value{border-color: #017AC6;}
.bootstrap-iso .row.group-list .ipv6-section .legend .legend-item.ipv6 .value{border-color: #FF9933;}
.bootstrap-iso .row.group-list .ipv6-section .legend .legend-item:first-child {margin-bottom: 10px;margin-top: 10px;}
.bootstrap-iso .btn.btn-md.btn-info.btn-main-next > span[data-icon="chevron-right"]{padding-right: 0 !important;}
.bootstrap-iso .btn.btn-md.btn-info.btn-main-next > span[data-icon="chevron-right"]:before{-webkit-transform: none !important; transform: none !important; right: auto !important; position: static !important; top: auto !important; float: none !important}
.bootstrap-iso span.highcharts-plot-line-label {width: 220px !important; white-space: normal !important;text-align:right;}

h3.heading--underline.section-heading{margin-top:74px;padding-bottom: 32px;position: relative;}
h3.heading--underline.section-heading.overall-trend{margin-top:0 !important;}
h3.heading--underline:before {display: block;width: 50%;max-width: 75px;position: absolute;height: 1px;bottom: 16px;border-bottom: 4px solid #09c;content: "";}
.bootstrap-iso .btn:focus, .bootstrap-iso .btn:active:focus, .bootstrap-iso .btn.active:focus, .bootstrap-iso .btn.focus, .bootstrap-iso .btn:active.focus, .bootstrap-iso .btn.active.focus {outline: none !important;}

@media(max-width: 1200px){
    .bootstrap-iso .stat-col, .bootstrap-iso .bullet-graph-col, .bootstrap-iso .line-graph-col, .bootstrap-iso .line-stats{width: 100%;}
    .bootstrap-iso .stat-col, .bootstrap-iso .line-stats{margin-top: 10px;}
    .bootstrap-iso .line-stats .main-desc, .bootstrap-iso .line-stats .month-desc{float: left;}
    .bootstrap-iso .line-stats .main-desc{margin-top: 4px;}
    .bootstrap-iso .line-stats .month-desc{margin-left: 10px;}
    .bootstrap-iso .line-stats .stat-desc{clear: both;}
}

@media(max-width: 768px){
    .bootstrap-iso #heading.row.group-list{float: left; width: 33.3333333%; margin: 0;} 
    .bootstrap-iso #heading.row.group-list .server-name, .bootstrap-iso #heading.row.group-list .avg-vol-section, .bootstrap-iso #heading.row.group-list .tot-traffic-section, .bootstrap-iso #heading.row.group-list .ipv6-section{padding-left: 0;}
    .bootstrap-iso .all-servers-container .row.group-list .server-name, .bootstrap-iso .all-servers-container .row.group-list .avg-vol-section, .bootstrap-iso .all-servers-container .row.group-list .tot-traffic-section, .bootstrap-iso .all-servers-container .row.group-list .ipv6-section{padding-right: 0;}
    .bootstrap-iso .row.group-list > .col-sm-2, .bootstrap-iso .row.group-list > .col-sm-3, .bootstrap-iso .row.group-list > .col-sm-4{float: none; width: 100%;}
    .bootstrap-iso #all-groups-avg.row.group-list{float: left; width: calc(33.3333333% - 1px); border-right: 1px solid #BBB; border-bottom: 0 none; margin: 0;}
    .bootstrap-iso .all-servers-container{float: left; width: 33.3333333%; margin: 0;}
    .bootstrap-iso .all-servers-container .row.group-list{margin: 0;}
    .bootstrap-iso .all-servers-container .row.group-list.show-all{display: none;}
    .bootstrap-iso .row.group-list .server-name{height: 100px;}
    .bootstrap-iso .row.group-list .avg-vol-section{height: 160px;}
    .bootstrap-iso .row.group-list .tot-traffic-section{height: 230px;}
    .bootstrap-iso .row.group-list .ipv6-section{height: 230px;}
    .bootstrap-iso .buttons-section button.btn-show-all, .bootstrap-iso .buttons-section button.btn-hide-all{display: none !important;}
    .bootstrap-iso .buttons-section button.btn-main-next, .bootstrap-iso .buttons-section button.btn-main-prev{display: inline-block !important;} 
    .bootstrap-iso #heading.row.group-list, .bootstrap-iso #all-groups-avg.row.group-list, .bootstrap-iso .all-servers-container{margin-bottom: 20px;}
}