@media (min-width: 992px) {
  .ss-app .ss-page-landing .ss-panel-content,
  .ss-screen-cover .ss-page-landing .ss-panel-content {
    max-height: 160px;
    height: 160px;
  }
}
.ss-app .ss-page-landing .ss-panel-content .ss-landing-title .ss-hp-data-pass-img,
.ss-screen-cover .ss-page-landing .ss-panel-content .ss-landing-title .ss-hp-data-pass-img {
  display: none;
}
@media (min-width: 992px) {
  .ss-app .ss-page-landing .ss-panel-content .ss-landing-title .ss-hp-data-pass-img,
  .ss-screen-cover .ss-page-landing .ss-panel-content .ss-landing-title .ss-hp-data-pass-img {
    display: block;
    float: right;
    height: 80px;
    margin-top: 20px;
    margin-right: 20px;
    width: auto;
  }
}
.ss-app .thumbnail,
.ss-screen-cover .thumbnail {
  border-color: #cccccc;
}
.ss-app .thumbnail:hover,
.ss-screen-cover .thumbnail:hover {
  background-color: #f2f2f2;
}
.ss-app .form-control,
.ss-screen-cover .form-control {
  border: 1px solid #767676;
  border-radius: 0px;
}
.ss-app .form-control:focus,
.ss-screen-cover .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ss-app .input-group-addon,
.ss-screen-cover .input-group-addon {
  border-top: 1px solid #767676;
  border-right: 1px solid #767676;
  border-bottom: 1px solid #767676;
}
.ss-app .dropdown-toggle,
.ss-screen-cover .dropdown-toggle {
  border: 1px solid #767676;
}
.ss-app a,
.ss-screen-cover a {
  color: #00a5e0;
}
.ss-app .ss-offer-summary .thumbnail,
.ss-screen-cover .ss-offer-summary .thumbnail {
  border-radius: 0 15px 0 15px;
}
.ss-app .ss-circle-graph .ss-circle .ss-circle-color-outer-fill,
.ss-screen-cover .ss-circle-graph .ss-circle .ss-circle-color-outer-fill {
  color: #00a5e0;
}
.ss-app .ss-circle-graph .ss-circle .ss-circle-color-inner-fill,
.ss-screen-cover .ss-circle-graph .ss-circle .ss-circle-color-inner-fill {
  color: #fe3900;
}
.ss-app .ss-data-used-line .ss-data-used-line-fill-overlay,
.ss-screen-cover .ss-data-used-line .ss-data-used-line-fill-overlay {
  color: #000000;
}
.ss-app .ss-app-background,
.ss-screen-cover .ss-app-background {
  background: #f2f2f2;
}
.ss-app .ss-panel,
.ss-screen-cover .ss-panel {
  background-color: #ffffff;
  border-color: #ffffff;
  box-shadow: none;
  border-radius: 0 15px 0 15px;
}
.ss-app .ss-panel .ss-panel-title,
.ss-screen-cover .ss-panel .ss-panel-title {
  border: none;
}
.ss-app .ss-panel .ss-panel-title h2,
.ss-screen-cover .ss-panel .ss-panel-title h2 {
  color: #0096d6;
}
.ss-app .ss-panel .ss-side-navigation-button-darker,
.ss-screen-cover .ss-panel .ss-side-navigation-button-darker {
  background-color: #ffffff;
  border-color: #ffffff;
}
.ss-app .ss-panel .ss-side-navigation-button-darker .ss-side-navigation-button-icon,
.ss-screen-cover .ss-panel .ss-side-navigation-button-darker .ss-side-navigation-button-icon {
  fill: #00a5e0;
}
.ss-app .ss-panel .ss-side-navigation-button-darker .ss-side-navigation-button-text,
.ss-screen-cover .ss-panel .ss-side-navigation-button-darker .ss-side-navigation-button-text {
  color: #00a5e0;
}
.ss-app .ss-panel .ss-side-navigation-button,
.ss-screen-cover .ss-panel .ss-side-navigation-button {
  border-color: #ffffff;
}
.ss-app .ss-panel .ss-side-navigation-button:hover,
.ss-screen-cover .ss-panel .ss-side-navigation-button:hover {
  background: none;
}
.ss-app .ss-panel .ss-side-navigation-button:hover .ss-side-navigation-button-icon,
.ss-screen-cover .ss-panel .ss-side-navigation-button:hover .ss-side-navigation-button-icon {
  fill: #00a5e0;
}
.ss-app .ss-panel .ss-side-navigation-button:hover .ss-side-navigation-button-text,
.ss-screen-cover .ss-panel .ss-side-navigation-button:hover .ss-side-navigation-button-text {
  color: #00a5e0;
}
.ss-app .ss-top-navigation .ss-top-navigation-container .ss-top-navigation-logo,
.ss-screen-cover .ss-top-navigation .ss-top-navigation-container .ss-top-navigation-logo {
  height: 50px;
  width: auto;
  margin-top: 15px;
}
.ss-app .ss-panel-container h3,
.ss-screen-cover .ss-panel-container h3,
.ss-app .ss-panel-container h4,
.ss-screen-cover .ss-panel-container h4 {
  color: #0096d6;
  font-weight: 700;
  text-transform: uppercase;
}
.ss-app .ss-panel-container .ss-panel-title .ss-offer-type,
.ss-screen-cover .ss-panel-container .ss-panel-title .ss-offer-type {
  color: #767676;
}
.ss-app .ss-panel-container .ss-my-data-info-table .ss-purchased-volume,
.ss-screen-cover .ss-panel-container .ss-my-data-info-table .ss-purchased-volume,
.ss-app .ss-panel-container .ss-my-data-info .ss-purchased-volume,
.ss-screen-cover .ss-panel-container .ss-my-data-info .ss-purchased-volume {
  color: #00a5e0;
}
.ss-app .ss-panel-container .ss-my-data-info-table .ss-throttling-volume,
.ss-screen-cover .ss-panel-container .ss-my-data-info-table .ss-throttling-volume,
.ss-app .ss-panel-container .ss-my-data-info .ss-throttling-volume,
.ss-screen-cover .ss-panel-container .ss-my-data-info .ss-throttling-volume {
  color: #fe3900;
}
.ss-app .ss-offer-summary .ss-offer-right-part .ss-offer-title,
.ss-screen-cover .ss-offer-summary .ss-offer-right-part .ss-offer-title {
  color: #767676;
}
.ss-app .ss-offer-summary .ss-active,
.ss-screen-cover .ss-offer-summary .ss-active {
  border-color: #00a5e0;
  background: #f2f2f2;
}
.ss-app .ss-offer-summary .ss-offer-next,
.ss-screen-cover .ss-offer-summary .ss-offer-next {
  border-color: #fe3900;
  background: none;
}
.ss-app .btn:not(.dropdown-toggle),
.ss-screen-cover .btn:not(.dropdown-toggle) {
  border-radius: 0 4px;
  font-weight: 700;
}
.ss-app .btn:not(.dropdown-toggle).btn-primary,
.ss-screen-cover .btn:not(.dropdown-toggle).btn-primary {
  background-color: #00a5e0;
  border-color: #00a5e0;
  color: #ffffff;
}
.ss-app .btn:not(.dropdown-toggle).btn-primary:hover,
.ss-screen-cover .btn:not(.dropdown-toggle).btn-primary:hover {
  background-color: #00a5e0;
  border-color: #00a5e0;
}
.ss-app .btn:not(.dropdown-toggle).btn-default,
.ss-screen-cover .btn:not(.dropdown-toggle).btn-default {
  background: #ffffff;
  border-color: #000000;
  color: #000000;
  text-decoration: none;
}
.ss-app .btn:not(.dropdown-toggle).btn-default:hover,
.ss-screen-cover .btn:not(.dropdown-toggle).btn-default:hover {
  text-decoration: underline;
}
.ss-app .ss-footer .ss-connected,
.ss-screen-cover .ss-footer .ss-connected {
  margin-right: 10px;
}
.ss-app .ss-footer .ss-footer-social .ss-hp-footer,
.ss-screen-cover .ss-footer .ss-footer-social .ss-hp-footer {
  width: auto;
  height: 30px;
  margin-right: 6px;
}
.ss-app .ss-footer .ss-footer-social .ss-fogg-footer,
.ss-screen-cover .ss-footer .ss-footer-social .ss-fogg-footer {
  width: auto;
  height: 30px;
  margin-left: 6px;
}
