@font-face {
  font-family: 'Open Sans';
  src: url('/vendor/fonts/opensans/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('/vendor/fonts/opensans/OpenSans-Regular.woff') format('woff'); /* Modern Browsers */
}
@font-face {
  font-family: 'Raleway';
  src: url('/vendor/fonts/raleway/Raleway-Regular.eot'); /* IE9 Compat Modes */
  src: url('/vendor/fonts/raleway/Raleway-Regular.woff') format('woff'); /* Modern Browsers */
}

html {
    min-height:100%;
    position:relative;
}
body{
    font-family: 'Open Sans';
    margin:0;
    padding:0;
    min-height:100%;
    color:#666;
    background-color:#fff;
    /*background-image: url(../images/nav-bkgrnd.png);*/
    background-position: top left;
    background-repeat:repeat-y;
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -ms-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    -o-fong-feature-settings: "lnum";
    font-feature-settings: "lnum";
}
/* add class .no-bkgrnd when dimension menu is collapsed */
body.no-bkgrnd {
    background-image:none;
}
body.bkgrnd {
  background-image: url(../images/nav-bkgrnd.png);
}


/* OVERALL WIDGET CONTENT COLOR*/
.ui-widget-content {
  border: none;
  color: #666;
  margin-bottom: 16px;
}

/* MOD: Added this for grid links in cells */
.ui-widget-content a {
    color: #2bbed8;
}

.ui-slider-horizontal {
    border: 1px solid #999;
}

/* HEADERBAR */

.masthead {
  height: 48px;
  background: #333;
  padding:0;
  font: normal 16px/48px 'Open Sans';
}

.masthead .app_title {
  margin: 0px;
  margin-left: 20px;
  font: normal 16px/46px 'Open Sans';
  color: #fff;
}

.masthead .app_logo{
  background-color: #B22725;
  background-image: radial-gradient(circle at center, #e10000 0%, #b32317 100%);
  padding:0;
  height: 48px;
  width: 234px;
  position: relative;
  vertical-align: middle;
}

.masthead .logo_generic {
  margin-left: auto;
  margin-right: auto;
  width:100%;
  height:100%;
  background: transparent url('../images/wg_logo_white.png') no-repeat center center;
}

.masthead .headerLinks, .masthead #helpLinks{
  margin-right: 0;
  padding: 0;
  background: none;
  font-family: 'Open Sans';
  font-size: 12px;
  height: 48px;
}

.masthead #helpLinks span, .masthead #helpLinks a{
  margin-right: 15px;
  color: #fff;
  border-bottom:none;
  cursor:pointer;
}
.masthead .help_link{
  background-image: url('../images/icon_help.png');
  width:32px;
  height:32px;
  display: inline-block;
  position: relative;
  top:8px;
  border-bottom:none;
}

.masthead .profile_link{
  background-image: url('../images/icon_user.png');
  width:32px;
  height:32px;
  display: inline-block;
  position: relative;
  top:8px;
}

.masthead .admin_link{
  background-image: url('../images/icon_gear.png');
  width:32px;
  height:32px;
  display: inline-block;
  position: relative;
  top:8px;
}

.masthead .anonymization_link{
  background-image: url('../images/icon_glass.png');
  width:32px;
  height:32px;
  display: inline-block;
  position: relative;
  top:8px;
}

.masthead .help_link_webui{
  background-image: url('../images/icon_help.png');
  width:32px;
  height:32px;
  display: inline-block;
  position: relative;
  top:8px;
  border-bottom:none;
  margin-right:10px;
  
}
.masthead .close_link{
  background-image: url('../images/icon_x.png');
  width:32px;
  height:32px;
  margin-right:30px;
  display: inline-block;
  position: relative;
  top:8px;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  font-family: "Open Sans";
  font-size: 12px;
  border-bottom: none;
}

#close_webui {
  line-height:40px;
}

.masthead .headerLinks a{
  padding:0;
}

/*-- HELP LINKS --*/
#helpLinks .profile {
  display:inline-block;
  position:relative;
}
#helpLinks .profile:hover .dropdown-menu {
  display:block;
}
/* MOD: removed height */
#helpLinks .dropdown-menu {
  top:46px;
  left:-110px;
  z-index: 1000;
  min-width: 149px;
  list-style: none;
  background-color: #666;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding:11px 15px;
  box-sizing: border-box;  
}

#helpLinks .dropdown-menu:after { /* caret */
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color:  transparent transparent #666;
  top: -20px;
  left: 117px;
}
#helpLinks .dropdown-menu .divider{
  height:0;
  border-color: #999;
}
#helpLinks .dropdown-menu li a{
  color: #fff;
  font-family: 'Open Sans';
  font-size: 12px;
  font-weight: bold;
  line-height:16px;
}
#helpLinks .dropdown-menu li a:hover{
  background: none;
}
#helpLinks .dropdown-menu li .dotted-underline:hover {
    border-bottom: 1px dotted;
}

/*-- DASHBOARD CSS OVERRIDES --*/
.frontpanelUnitHeader {
    display: block;
    font-weight: normal;
    color: #666;
    text-shadow: none;
    background: transparent;
    filter: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: none;
    font-size: 18px;
    line-height: 2.0em;
    text-transform: none;
    padding: 0.25em .75em;
    margin-bottom: 0px; 
    font-family: "Raleway";
}
.drilldown_link {
    text-decoration:none!important;
}
td[aria-describedby*="grid_area_"]
 {
    font-size:14px;
}
td[aria-describedby*="report_table_"]
 {
    font-size:12px;
}
.dash-widget {
    border-radius:0;
    box-shadow:none;
}
div.frontpanelUnitMini {
    height:875px;
}

/*-- TABLES --*/

thead {
    border-top:1px solid #ccc;
}
.table th {
    background-color:#e1e1e1;
    text-transform:uppercase;
    padding:3px 8px;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #eaf6fa;
}
.table-noborder td, th {
    border-top: 0px;
    padding-left: 8px;
}

/* JQGRIDS */
/* Remove ".borders" to add this to every grid */ 
.ui-jqgrid.borders {
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
}
.grid-borders {
    border-left:1px solid #e1e1e1;
    border-right:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1;
}

.ui-jqgrid .ui-pg-input {
	padding: 0px;
}

.ui-jqgrid-ftable {
    border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.ui-jqgrid tr.footrow-ltr td {
    border-right: none;
}

/* TABLE HEADER COLOR */
.ui-jqgrid-labels .ui-state-default {
  background: #ececec;
}

/* TABLE HEADER */

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column{
  border-top: 1px solid #dadada;
  border-right: 1px solid #999;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  height:18px;
  line-height: 19px;
  font-size: 11px;
  text-shadow: none;
  padding: 0;
}

.ui-jqgrid .ui-jqgrid-htable th div {
      padding-left:5px;
}

.ui-jqgrid .ui-jqgrid-htable th:first-child div {
      padding-left:15px;
}

.ui-jqgrid .ui-jqgrid-htable th:last-child div {
      padding-right:18px;
}

.ui-jqgrid .ui-jqgrid-htable th:first-child input{
      margin-left:-10px;
}

/*HOVER TABLE HEADER COLOR*/
.ui-widget-content th.ui-state-hover {
  color: #28b1cf;
}

/* MAIN ROWS */

.ui-jqgrid tr.jqgrow td{
  height: 22px;
  border:none;
  border-bottom: 1px solid #ccc;
  padding: 5px 0px 5px 5px;
}
.ui-jqgrid tr.jqgrow td:first-child {
    padding-left:18px;
}
.ui-jqgrid tr.jqgrow td:last-child {
    padding-right:18px;
}
.ui-jqgrid tr.jqgrow td:first-child input{
    margin-left:-20px;
}
/* REMOVED to bring back column resize handle */
/* This hides the resize handles on the grid headers*/
/*.ui-jqgrid .ui-jqgrid-htable th div{
  overflow: visible;
  height: auto;
}*/

.ui-jqgrid tr.jqgrow:hover{
  background: #eaf6fa;
}

/* TABLE ROW HOVER STATE */
tr.ui-state-highlight {
  background: #e4f5fa;
}

/* TABLE ROW SELECTED STATE */
.ui-widget-content tr.ui-state-highlight{
  background: #2bbfd9;
  color: #fff;
}
.ui-widget-content tr.ui-state-highlight:hover td {
    color:#666;
}


/*-- BREADCRUMB --*/
.breadcrumb{
  height: 40px;
  line-height: 40px;
  padding: 0;
  background: none;
  font-family: 'Open Sans';
  font-size:  12px;
  color: #666;
  margin-bottom: 1px;
}

.breadcrumb>li {
   color: #666 !important;
}

.breadcrum-link{
  color: #666 !important;
}

.xtmwebui_breadcrumb {
    padding-left:20px;
    padding-right:20px;
}

/*-- LEFT MENUS --*/



/*-- .reports_toolbar #daily_desktop is the expand/collapse left menu --*/
#wgrd_nav, .reports_toolbar #daily_desktop {
  z-index: 2;
  top:0;
  bottom:0;
  padding-top: 0px;
  width:234px;
  background-color:#333;
  min-height:100%;
}
.reports_toolbar #daily_desktop {
    padding-top:30px;
}

#wgrd_nav .well, .reports_toolbar #daily_desktop .well {
  border: none;
  padding: 17px 0;
  background-color:transparent;
}
.nav-list{
  background: none;
  color: #fff;
}
.nav-list>li>a, .nav-list .nav-header {
    text-shadow:none;
}

#webui_nav_list .nav-header, .reports_toolbar #daily_desktop .nav-header {
  text-shadow: none;
  font-size: 14px;
  font-family: 'Open Sans';
  color: #999;
  line-height: 26px;
  padding-left: 34px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  box-sizing: border-box;
  width: 234px;
}

.reports_toolbar #daily_desktop .nav-header {
    padding-left:20px;
}

#webui_nav_list .nav-header:hover, .reports_toolbar #daily_desktop .nav-header:hover {
  color:#fff;
}

#webui_nav_list li, .reports_toolbar #daily_desktop li {
  line-height: 24px;
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child,
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle {
    border-radius:0;
    background:#eaf6fa;
    text-shadow:none;
    border:1px solid #97dfeb;
    padding:6px;
}
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child,
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child,
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span,
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span,
.pager li>a, .pager li>span,
.well,
.btn-group>.btn:first-child, .btn-group>.btn:last-child,
.btn-group>.btn:last-child, .btn-group>.dropdown-toggle,
.input-prepend.input-append input+.btn-group .btn, 
.input-prepend.input-append select+.btn-group .btn, 
.input-prepend.input-append .uneditable-input+.btn-group .btn,
.form-search .input-append .search-query,
.form-search .input-prepend .search-query,
.nav-tabs .dropdown-menu {
    border-radius:0;
}
#div_end_time,
#div_start_time {
    margin-left:20px;
}
.date_navbar_daterange {
    color:#ccc;
    font-size:10px;
    margin-left:20px;
}
.reports_toolbar #daily_desktop li.active a {
  background-color:transparent;
  color:#fff;
}

#webui_nav_list li a, .reports_toolbar #daily_desktop li a {
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 12px;
  color: #2BBED8;
  border-bottom:none;
}

#webui_nav_list li a:hover, .reports_toolbar #daily_desktop li a:hover {
  color: #fff;
  text-decoration: none!important;
}

#webui_nav_list a, .reports_toolbar #daily_desktop a{
  padding-left: 20px;
}

.reports_toolbar #daily_desktop .tab-content {
    overflow:hidden;
}

#report_tabs .nav-tabs{
  border: none;
  background: transparent;
  margin: 30px 0px 20px 0px;
  border-bottom: 1px solid #666;
  padding:0;
  width:auto;
}

#report_tabs .nav-tabs li a {
  color:#ccc;
  font-family:'Open Sans';
  font-size: 12px;
  padding-left:20px;
  padding-right: 20px;
  border-left: none;
  line-height: 14px;
  border-radius: 0;
  border: none;
  border-top: none;
  margin-right: 0;
  text-shadow:none;
}

#report_tabs .nav-tabs li {
  border-right: none;
}
#report_tabs .nav-tabs li.active {
  background:#666;
}

#report_tabs .nav-tabs a:hover {
  color:#2bbed8;
  background: none;
}

#report_tabs .nav>li>a:hover{
  background: none;
  color: #fff;
  text-decoration: underline;
}

#report_tabs .nav-tabs>.active>a, #report_tabs .nav-tabs>.active>a:hover{
  color:#2bbed8;
  background:#fff;
  border:transparent;
}
a#show_hide_reps {
    color:#2BBED8;
    margin-left:15px;
    margin-right:32px;
}
.reports_toolbar #daily_desktop a#show_hide_reps{
  padding-left: 0;
}
#available_reports {
  margin-top: 47px;
}
/*-- MENU COLLAPSE/EXPAND ICONS --*/
a.mobile_datenav_btn.btn {
  top: 235px;
  right:-21px;
  border:none;
  background-color:transparent;
  position:absolute;
  z-index: 2;
  background-image: url(../images/icon_close.png);
  background-repeat:no-repeat;
  width: 26px;
  min-width:0;
  height: 54px;
  margin:0;
  padding:0;
  z-index: 99;
}
/* When menu is collapsed add class .close to the btn to swap the half moon icon */
a.mobile_datenav_btn.btn.closed {
    background-image: url(../images/icon_open.png);
    right:-26px;
}

#main_div.nav-closed {
    margin-left:10px;
    transition: all 0.7s ease;
}

.mobile_date_navbar_daterange.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    background-color:#eaf6fa;
    color:#333;
    border:1px solid #97dfeb;
    padding:3px 15px 3px 20px;
    position:absolute;
    top:106px;
    left:111px;
    margin-left:0;
    width:100%;
    display:none;
    font-size:10px;
}

.date_navbar_daterange.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    background-color:#eaf6fa;
    color:#333;
    border:1px solid #97dfeb;
    padding:3px 15px 3px 20px;
    position:absolute;
    top:106px;
    left:111px;
    margin-left:0;
    width:100%;
    display:none;
}

.icon-chevron-left {
    display:none;
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
  padding:0;
}

.navbar-fixed-top{
  position: fixed;
}


/*-- COLLAPSED MENU SMALL DEVICE (HAMBURGER) --*/
.nav-collapse {
    background:#333;
}
.nav-collapse>ul>li>a {
    margin-left:25px;
    border-bottom:none;
    font-size:12px;
}
.nav-collapse .dropdown-menu li > a:hover, 
.nav-collapse .dropdown-menu li > a:focus, 
.nav-collapse .dropdown-submenu:hover > a {
    background-color:transparent;
    color:#fff;
    background-image:none;

}
.nav-collapse .dropdown-menu li > a {
    line-height:normal;
    border:none;
    color:#666;
    font-size:12px;
    margin-left:20px;
}
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color:transparent;
}


/*-- MAIN CONTENT AREA --*/
#main_div{
  padding-left: 32px;
  padding-right: 32px;
  transition: all 0.3s ease;
  box-sizing: border-box;
  margin-left:234px;
  margin-top:53px;
}

.no_wgrd_nav {
    margin-left:0px !important;
}


/*-- ALERTS --*/
.alert {
    border:none;
    border-radius:0;
    text-shadow:none;
}

/*-- GENERIC STYLES --*/
.container {
    margin-right:30px;
    margin-left:20px;
}
.tab-content {
    overflow:visible;
}
.small {
    font-size:10px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 8px 0;
  font-family:'Raleway';
  font-weight: normal;
  line-height: 16px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: inherit;
}
h1,
h2,
h3 {
  line-height: 32px;
}
h1 {
  font-size: 27px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 10.2px;
}
h1 small {
  font-size: 21px;
}
h2 small {
  font-size: 15px;
}
h3 small {
  font-size: 12px;
}
h4 small {
  font-size: 12px;
}

#error_container + h5 { /* purpose of this style is to set the top padding for the h5 that sits at the top of the page as it's padding is different than the h5's on the rest of the page. Need to check if there is always an error_container */
    padding:0 30px 0 0;
}


/*-- DROPDOWN -- */

.dropdown-menu {
  display:none;
  position: absolute;
  border-radius: 0;
  left: 0;
  border:1px solid #999;

}
.dropdown-menu li > a:hover, 
.dropdown-menu li > a:focus, 
.dropdown-submenu:hover > a {
    background-color:#eaf6fa;
    color:#666;
    background-image:none;
}
.dropdown-menu li > a {
    line-height:30px;
    border:none;
      color:#666;
}



/*-- DASHBOARD --*/

.frontpanelUnit {
  border: none !important;
}

.frontpanelUnit table{
  font-family: 'Open Sans';
}

.frontpanelUnit a {
  font-family: 'Open Sans';
  color: #666;
  font-weight: 100;
  font-size: 12px;
}


.ui-jqgrid-htable th{
  padding: 0 30px;
}


.frontpanelUnit .table-text{
  font-family: 'Open Sans';
  font-size: 12px;
}

.frontpanelUnit .table-number{
  font-family: 'Open Sans';
  font-size:16px;
}

.frontpanelUnit .table-small{
  font-family: 'Open Sans';
  font-size:10px;
}
/* MOD: updated for GWC AP grid also */
.pctbar {
  background-color: #e1e2e3;
  border:none;
  border-radius: 6px;
  box-shadow: none;
  float:left;
  margin-right: 10px;
  font-size: 20px;
  height: 8px;
}

.frontpanelUnit .pctbar, 
#waps_grid_div .pctbar,
#wireless_clients_tab .pctbar {
  margin-top: 6px;
}

#tabDevices .pctbar,
.popup_table .pctbar {
  margin-top: 4px;
}

.frontpanelUnit .pctbar-bar{
  box-shadow: none;
  border: none;
}

.frontpanelUnit .pctbar-circle{
  width:10px;
  height:10px;
  margin-top:3px;
}

.threat-high{
  background: #fc000a;
  width:100%;
}

.threat-med{
  background: #f6972b;
  width:100%;
}

.threat-low{
  background: #4faf53;
  width:100%;
}

.pctbar .pctbar_hits {
  background: #2cbed8;
}
.pctbar .pctbar_byte {
  background: #8c83b5;
}
.pctbar .pctbar_cpumem {
  background: #2382AB;
}

td .large-content{
  font-size: 20px;
  font-weight: 100;
  color: #666;
}

.bignum_row h1{
  font-family:'Open Sans';
}

/*-- SECONDARY NAV --*/
.nav-tabs-container {
    min-width:100%;
    overflow:hidden;
    margin-left:-32px;
    margin-right:-32px;
    position:relative;
}
.nav-tabs{
  border: none;
  background: #2bbed8;
  margin-top: 10px;
  border-bottom: none;
  padding-left:10px;
  overflow:hidden;
  /* Commented out so tabs will wrap.*/
  /*height:30px;
  width:9999px;*/
}
.nav-tabs>li{
  border-right: 1px solid #fff;
}

.nav-tabs>li>a{
  color:#fff;
  font-family:'Open Sans';
  font-size: 12px;
  padding-left:20px;
  padding-right: 20px;
  border-left: none;
  line-height: 14px;
  border-radius: 0;
  border: none;
  margin-right: 0;
  height:100%;
}

.nav-tabs a:hover{
  color:#2bbed8;
  background: none;
}

#btn_wifi_tabs{
  background: #2bbed8;
  text-decoration: none;
  height: 32px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  color:#fff;
  outline:none;
}
#btn_wifi_tabs:hover .btn_wifi_text{
  text-decoration: underline;
}

.caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.nav>li>a:hover{
  background: none;
  color: #fff;
  text-decoration: underline;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover{
  color:#2bbed8;
  background:#fff;
  border-top: 1px solid #2BBED8;
  border-left:transparent;
  border-right:transparent;
  font-weight:normal;
}
.nav-tabs>li.active {
    border-right:transparent;
}

.nav-tabs .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover {
    color:#fff;
    background-color:#2BBED8;

}
.btn-group>.btn+.dropdown-toggle:hover .caret,
.nav .dropdown-toggle .caret, .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, 
.nav li.dropdown.open a:hover .caret, 
.nav .active .dropdown-toggle .caret,
.nav-tabs>li>a.dropdown-toggle:hover .caret {
    border-top-color:#fff;
    border-bottom-color:#fff;
}

/*-- left and right arrows to be used when there are too many nav items to fit on the screen --*/
.arrow-previous,
.arrow-next {
    background-color:#0597b0;
    background-repeat:no-repeat;
    background-position:center center;
    height:30px;
    display:none;
    position:absolute;
}

.arrow-previous {
    background-image:url(../images/scroll-left-white.png);
    width:50px;
    top:10px;
    left:0;
    border-right:1px solid #fff;
}
.arrow-next {
    background-image:url(../images/scroll-right-white.png);
    width:90px;
    top:10px;
    right:0;
    border-right:transparent;
}


/*-- TERTIARY NAV --*/

.nav.nav-pills{
  border: none;
  background: #fff;
  margin-top: 10px;
  border-bottom: none;
  padding-left:10px;
}

.nav.nav-pills>li{
  border-right: 1px solid #ccc;
}

.nav.nav-pills li a {
  color:#666;
  font-family:'Open Sans';
  font-size: 12px;
  padding-left:15px;
  padding-right: 15px;
  border-left: none;
  border-radius: 0;
  border: none;
  background:transparent;
}

.nav.nav-pills>li:first-child a {
  padding-left:0;
}

.nav.nav-pills>li>a:hover{
  background: none;
  color: #2bbed8;
}

.nav.nav-pills>.active>a {
  font-weight: bold;
}
.nav.nav-pills>li>a:hover{
  color:#2BBED8!important;
  text-decoration:none!important;
}

.nav.nav-pills .open .dropdown-toggle{
  background: none;
  border:none;
}

.nav.nav-pills .dropdown-menu{
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding-top: 10px;
}

.nav.nav-pills .dropdown-menu a:hover {
  background: #eaf6fa;
}

.nav.nav-pills .dropdown-menu li>a{
  padding-left: 15px;
  line-height: 32px;
}
.nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover
{
    color:#666;
}

.nav.nav-pills .dropdown-toggle .caret,
.nav.nav-pills .dropdown.open .dropdown-toggle .caret  {
    border-top-color:#666;
    border-bottom-color:#666;
}


/*-- FORM CONTROLS --*/
.form-horizontal {
    padding-bottom:6px;
}

/*-- CHECKBOX --*/
/* MOD: Checkbox style is turned off for now. 
   Also, commented out is the js changes to main.js
.checkbox {
    padding-left:0;
}
.check-column, label.checkbox  {
	position: relative;
}

th .check-column{
  top:2px;
}

input[type=checkbox]{
  display:none;
}

input[type=checkbox] + label {
	cursor: pointer;
	width: 16px;
	height: 16px;
    margin-right:5px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	box-sizing: border-box;
    float:left;
}

input[type=checkbox][disabled=disabled] + label {
    background: #fafafa;
    border: 1px solid #e5e5e5;
    cursor:default;
}

td:first-child input[type=checkbox] + label {
    margin-bottom:0;
}

input[type=checkbox] + label:focus{
  outline: none;
}

input[type=checkbox] + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 4px;
	background: transparent;
	top: 3px;
	left: 3px;
	border: 3px solid #666;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
label.checkbox input[type=checkbox] + label:after  {
    top: 3px;
	left: 3px;
}
th .check-column input[type=checkbox] + label:after {
    top: 3px;
	left: 18px;
}
td.check-column input[type=checkbox] + label:after {
    top: 7px;
	left: 8px;
}
td:first-child.check-column input[type=checkbox] + label:after {
    top: 12px;
	left: 21px;
}
label.checkbox.inline input[type=checkbox] + label:after {
    top: 8px;
	left: 3px;
}

input[type=checkbox] + label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

input[type=checkbox][disabled=disabled] + label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity:0;
}

input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
*/
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-inputv {
    border-radius: 0;
    border: 1px solid #97dfeb;
    color:#666;
    padding:6px;
}
select {
    height:30px;
}
label {
    font-family: sans-serif;
    color:#666;
}
select:focus, 
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {   
border-color: rgba(0, 0, 0, 0.2); 
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 0 5px rgba(0, 0, 0, 0.2);
outline: 0 none;}

.wg-form label{
  display: inline-block;
  font-size:12px;
  font-weight: bold;
  color: #666;
  vertical-align: super;
}

.wg-form input, .wg-form select{
  height:30px !important;
  box-sizing: border-box;
  border: 1px solid #3bbed8;
  border-radius: 0px;
  margin-right:5px;
  margin-bottom:15px;
  box-shadow: none;

}

.wg-form select{
  position:relative !important;
  display:none !important;
}

.wg-form input:focus, .wg-form select:focus{
  box-shadow: none;
  outline: none;
}
.wg-form input[type=text]{
  font-size: 12px;
  font-family: 'Open Sans';
}

.wg-form .input-group{
  display:inline;
  margin-right:30px;
}



/*-- BUTTON CONTROLS --*/

.btn{
  background:#fff;
  border-radius: 0;
  text-shadow: none;
  color:#3bbed8;
  text-transform: uppercase;
  font-size:12px;
  font-weight:bold;
  height: 30px;
  box-shadow: none;
  border: 1px solid #97dfeb;
  font-family: 'Open Sans';
}
.btn-large, .btn-small, .btn-mini {
    height:auto;
}

.btn-primary {
    background: #2bbed8;
    color: #fff;
    border: 1px solid #2bbed8;
}

.btn:active{
  box-shadow: none;
}

.btn:hover{
  background: #eaf6fa;
  color: #3bbed8;
}

.btn.disabled, .btn-primary.disabled, .btn-primary[disabled] {
  background:#e1e1e1;
  color:#666;
  border: 1px solid #ccc;
}
.btn .caret, 
.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret{
    border-top-color:#2BBED8;
    border-bottom-color:#2BBED8;
}
.btn-primary .caret,
.btn-group.open .caret,
.btn-group.open .btn-primary.dropdown-toggle .caret  {
    border-top-color:#fff;
    border-bottom-color:#fff;
}
.btn-primary:hover .caret
{
    border-top-color:#2BBED8;
    border-bottom-color:#2BBED8;
}
.btn-group.open .btn.dropdown-toggle,
.btn-group.open .btn-primary.dropdown-toggle {
    background-color:#2BBED8;
    color:#fff;
    box-shadow:none;
}
.btn-group>.btn+.dropdown-toggle {
    background-color:#eaf6fa;
}
.btn-group>.btn-primary+.dropdown-toggle {
    background-color:#2BBED8;
    
}
.btn-group>.btn+.dropdown-toggle:hover {
    background-color:#97dfeb;
}


.navbar-inverse .btn-navbar{
  background:none;
  border:none;
  padding: 0;
  margin-right: 30px;
  margin: 0;
  margin-left: 40px;
  margin-top: 16px;
  float:left;
}

.navbar-inverse .btn-navbar:hover{
    border:none;
    background:none;
    color:#333;
}

.group-container{
  margin-left:30px;
}


.header{
  font-size:18px;
  font-family:'Raleway';
  padding-left:30px;
  color:#666;
  margin-bottom: 10px;
}

.hidden {
  display: none !important;
}

.block {
  display: block;
}

a, a:hover {
    text-decoration: none; 
    border-bottom:1px dotted;
    color:#2BBED8;
}

.dashboard-progress {
    min-height:10px !important;
    min-width:100px;
    max-width:100px;
    margin-top:13px;
    margin-bottom:0px;
    margin-right:4px;
}

.dashboard-progress .bar {
    background-image: none;
    background-color: #2cbed8;
}

/* MOD: remove underlines for vpn stats accordion */
.accordion-toggle, .accordion-toggle:hover{
    border-bottom: none;
}

/* MEDIA QUERY FOR TABLET SIZE ROW HEIGHT */
@media (max-width: 900px) {
	.ui-jqgrid tr.jqgrow td{
    height: 28px;
  }
}
@media (max-width: 767px) {
	body {
    background-image:none;
  }

  .masthead .help_link, .masthead .profile_link {
    background-image:none;
    width:100%;
    top:0;
    height:auto;
  }
}