/*
    This file is a placeholder for custom styles for CDN Portal. To customize styles, create your own custom.css and copy it
    to /resources/assets/css/ on your web server replacing the old, blank one. This file should remain blank in source control.
    If the default bootstrap styles are sufficient, do nothing.
*/

/* start global styles */

body {
  background-color: black;
  color: #A8A8A8;
}

body.home {
  background: url(/resources/assets/images/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
  color: #91ca32;
}

a, a:hover, a:visited, .btn, .btn:hover {
  color: #00b9ed;
}

input[type=text].form-control, input[type=password].form-control, input[type=email].form-control, input[type=number].form-control, input[type=search].form-control, input[type=tel].form-control, select.form-control, textarea.form-control {
  font-size: 14.88px;
  line-height: 2;
  outline: 0;
  border: 1px solid #b8b8b8;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0 10px;
  width: 100%;
  background-color: #e5e5e5;
  color: black;
}

input[type=text].form-control, input[type=password].form-control, input[type=email].form-control, input[type=number].form-control, input[type=search].form-control, input[type=tel].form-control, select.form-control, .pagination a {
  height: 40px;
}

input.form-control.filter-input, .input-group-btn.filter-input-group-btn .btn:hover {
  background-color: transparent;
  color: #A8A8A8;
}

table tr.active td {
  background-color:rgba(255, 255, 255, 0.2) !important;
}

legend {
  color: #A8A8A8
}

.navbar.navbar-inverse {
  background-color: black;
}

.nav-shadow {
  background-color: black;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM5MzkzOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
}

.modal-content, .panel-body {
  background-color: black;
  border: 1px solid #A8A8A8;
  border-radius: 0;
}

.modal-content .close, .modal-content .close:hover {
  color: #A8A8A8;
  opacity: 1.0;
}

.input-group-btn .btn {
  line-height: 1.9;
  border-radius: 0;
}

.input-group-btn.form-input-group-btn .btn {
  background-color: #e5e5e5;
  color: black;
}

.input-group-btn.filter-input-group-btn .btn:hover, .btn.apply-btn:hover {
  text-decoration: underline;
}

.btn-default:focus {
  background-color: transparent;
}

.btn-default, .btn-default:active:focus {
  color: #A8A8A8;
}

.panel, .form-control, .list-group-item, .btn-default {
  background-color: transparent;
}


.breadcrumb > .active, .breadcrumb > .active a {
  color: #91ca32;
}

.pagination > li > a {
  color: #A8A8A8;
}

.pagination > .active > a, .pagination > .active > a:hover {
  background-color: #00b9ed;
  border-color: #A8A8A8;
}

.highcharts-loading {
  background-color: black !important;
}

.summary-refresh, .generate-logs, .show-summary, .hide-summary {
  color: #00b9ed;
}

.plotline-95-label {
  color: #A8A8A8
}

.popover-class, .popover-class h3, .datetimepicker {
  color: black !important;
}

.popover-class p, .popover-class li {
  font-size: 14px;
}

.popover-class p {
  margin: 5px 0 5px 0;
}

.nav-pills > li.header {
  background-color: transparent;
}

.nav-pills > li > a:focus {
  text-decoration: none !important;
}

.metrics .header {
  color: #A8A8A8;
}

.action-btn, .action-btn-dropdown {
  padding-left: 22px;
  padding-right: 40px;
  position: relative;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  color: white;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  padding: 8.5px 16px;
  font-size: 15px;
  display: inline-block;
  cursor: pointer;
  background-color: #00b8ec;
}

.action-btn:hover, .action-btn:focus, .action-btn-dropdown:hover, .action-btn-dropdown:focus {
  color: white;
}

.dropdown-menu {
  background-color: #00B9F0;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-menu a {
  color: white;
}

.dropdown.open .action-btn-dropdown {
  -moz-border-radius: 16px 16px 0 0;
  -webkit-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
  padding-bottom: 16px;
}

.datetimepicker .action-btn, .datetimepicker .action-btn:hover, .datetimepicker .active.active {
  background-image: none !important;
  background-color: #00b9ed !important;
  color: white !important;
}

.dropdown-menu .datetimepicker, .datetimepicker-dropdown-menu {
  background-color: white;
}

ul.action-btn-menu, ul.action-btn-dialog {
  position: absolute;
  z-index: 6;
  left: auto;
  top: 100%;
  min-width: 275px;
  margin: -1px 0 0 0;
  display: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top-right-radius: 0;
}

ul.action-btn-menu {
  padding: 17px 20px;
}

ul.action-btn-dialog {
  padding: 0;
}

ul.action-btn-menu a, ul.action-btn-menu a:hover {
  color: white;
}

ul.action-btn-menu a:hover {
  text-decoration: underline;
  background-color: transparent;
}

.action-btn-menu a {
  color: #00b8ec;
}

.panel {
  border: none !important;
}

.panel-default > .panel-heading {
  color: #A8A8A8;
  background-color: transparent;
  border: 1px solid #A8A8A8;
}

.alert {
  font-size: 15px;
  line-height: 1.2;
  padding: 20px 13px 20px 55px;
  background-position: 14px 18px;
  -webkit-background-size: 26px 26px;
  background-size: 26px 26px;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  margin-top: 0;
  min-height: 60px;
  color: white;
  border-radius: 0;
  border: none;
}

.alert a {
  color: white;
}

.alert a:hover {
  text-decoration: underline;
}

.alert-success {
  background-image: url(/resources/assets/images/success.png);
  background-color: #2ca20e;
}

.alert-warning, .alert-info  {
  background-image: url(/resources/assets/images/notice.png);
  background-color: #d28711;
}

.alert-danger {
  background-image: url(/resources/assets/images/error.png);
  background-color: #d3103a;
}

.alert-dismissable .close {
  right: 10px;
  opacity: 0.8;
}

.alert-dismissable .close:hover  {
  color: white;
  opacity: 0.8;
}

/* end global styles */

#header .nav-divider {
  display: none;
}

#header .navbar-header .navbar-brand, #header .navbar-nav .navbar-dropdown, #header .navbar-nav .navbar-btn {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 60px;
  margin: 0;
}

#header .navbar-header .navbar-brand {
  color: white;
  font-size: 30px;
  font-weight: 700;
}

#header .logo {
  display: inline-block;
  margin: 20px 5px 10px 0;
  height: 38px;
  width: 166px;
  background:url(/resources/assets/images/logo.svg) no-repeat top left;
}

#header .navbar-dropdown, #header .navbar-btn {
  position: relative;
  display: inline-block;
}

#header .navbar-dropdown button, #header .navbar-btn button {
  padding-left: 22px;
  padding-right: 40px;
  position: relative;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  color: white;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  padding: 8.5px 16px;
  font-size: 15px;
  display: inline-block;
  cursor: pointer;
  background-color: #868686;
}

#header .navbar-dropdown ul.dropdown-menu, #header .sub-navbar-dropdown ul.dropdown-menu {
  position: absolute;
  z-index: 6;
  left: auto;
  top: 100%;
  padding: 17px 20px;
  min-width: 275px;
  margin: -1px 0 0 0;
  display: none;
}

#header .navbar-dropdown ul.dropdown-menu {
  background: #868686;
}

#header .sub-navbar-dropdown ul.dropdown-menu {
  background: #91ca32;
}

#header .sub-navbar-dropdown ul.dropdown-menu a {
  color: white;
}

#header .navbar-dropdown-left ul.dropdown-menu, #header .sub-navbar-dropdown-left ul.dropdown-menu {
  -webkit-border-radius: 13px 0 13px 13px;
  -moz-border-radius: 13px 0 13px 13px;
  border-radius: 13px 0 13px 13px;
}

#header .navbar-dropdown-right ul.dropdown-menu, #header .sub-navbar-dropdown-right ul.dropdown-menu {
  -webkit-border-radius: 0 13px 13px 13px;
  -moz-border-radius: 0 13px 13px 13px;
  border-radius: 0 13px 13px 13px;
}

#header .navbar-dropdown ul.dropdown-menu li, #header .sub-navbar-dropdown ul.dropdown-menu li {
  padding-left: 0;
  font-size: 16px;
  margin-bottom: 9px;
  line-height: 1.5;
}

#header .navbar-dropdown ul.dropdown-menu li:before, #header .sub-navbar-dropdown ul.dropdown-menu li:before {
  display: none;
}

#header .navbar-dropdown ul.dropdown-menu li:hover a, #header .sub-navbar-dropdown ul.dropdown-menu li:hover a {
  text-decoration: underline;
}

#header .navbar-dropdown ul.dropdown-menu a, #header .navbar-dropdown ul.dropdown-menu a {
  color: white;
  text-decoration: none;
  font-size: inherit;
  display: inline-block;
  padding: 0;
}

#header .navbar-dropdown ul.dropdown-menu a:hover, #header .sub-navbar-dropdown ul.dropdown-menu a:hover {
  background-color: transparent;
}

#header .navbar-dropdown .dropdown.open, #header .sub-navbar-dropdown .dropdown.open {
  margin-bottom: -8.5px;
}

#header .navbar-dropdown .dropdown.open ul.dropdown-menu, #header .sub-navbar-dropdown .dropdown.open ul.dropdown-menu {
  display: block;
}

#header .navbar-dropdown .dropdown.open button {
  -moz-border-radius: 16px 16px 0 0;
  -webkit-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
  padding-bottom: 16px;
}

#header .sub-navbar-dropdown .dropdown.open button {
  text-decoration: none;
  background: #91ca32;
  color: white;
  padding-bottom: 16px;
}

#header #headerUsername {
  margin-bottom: -2px;
}

#header .navbar-right li {
  padding-left: 25px;
}

#header .sub-navbar button {
  font-weight: bold;
  color: #16b6e0;
  text-transform: uppercase;
}

#header .sub-navbar button:hover, #header .sub-navbar button.selected {
  text-decoration: none;
  background: #91ca32;
  color: white;
}

#aboutContainer .selected-topic, #dsChartsContainer .selected-chart, #dsWizardContainer .selected-step {
  color: #A8A8A8;
  border-right: 4px solid #A8A8A8;
}

#cacheGroupsContainer .list-group-item, #cacheGroupsContainer .list-group-item:hover {
  color: #A8A8A8;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #333333;
}

#cacheGroupsOverallHealth .cache-groups-online {
  color: #16b6e0;
  padding-bottom: 20px;
  border-bottom: 2px solid #16b6e0;
}

#cacheGroupsOverallHealth .cache-groups-online small {
  color: #A8A8A8;
}

#chartDatesForm .input-group-addon, #chartDatesForm .date-text, #chartDatesForm .apply-btn, #chartDatesForm .play-btn, #chartDatesForm .pause-btn, #chartDatesForm .chart-range-input  {
  background-color: transparent;
  color: #A8A8A8;
}

#userContainer .ds-panel .list-group-item {
  color: #A8A8A8;
}

#userContainer .ds-panel .list-group-item:hover {
  color: #333333;
}

#purgeFormContainer .list-group-item {
  color: #A8A8A8;
}

#purgeFormContainer .list-group-item:hover {
  color: #333333;
}

#productCollateralContainer .list-group-item {
  color: #A8A8A8;
}

#dsWizardContainer .alias-inputs .input-group-btn {
  padding-top: 27px;
}

#productCollateralContainer .title {
  padding-bottom: 20px;
  border-bottom: 2px solid #16b6e0;
}

#productCollateralContainer .list-group-item {
  color: #A8A8A8;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #333333;
}