/** FDP landing SCSS here **/
body {
  /*background-color: black;*/
  font-family: "Source Sans Pro", sans-serif; }

.login-link {
  color: #3a3742; }

.system-body {
  background-color: #f9f9f9; }

.info-tile {
  background-color: white;
  border: 1px solid #e0e0e0; }

.login-button {
  margin: 20px 20px 20px 0px;
  text-transform: uppercase;
  color: #3a3742;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  padding: 10px 30px;
  border: 1px solid #3a3742; }
  .login-button:hover {
    margin: 20px 20px 20px 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    padding: 10px 30px;
    background-color: #3a3742;
    border: 1px solid #3a3742;
    text-decoration: none; }

.form-actions {
  border-top: 1px #ddd dashed;
  padding: 15px 30px;
  margin: 25px -30px 0 -30px; }

.form-group {
  margin-bottom: 25px; }

.form-group .inline-label {
  margin-right: 0.7em;
  display: inline-block; }

.form-group label.block {
  display: block; }

.form-control {
  border: 1px solid #dedede;
  color: #525252;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0; }

.form-control.sender-email {
  margin: 0 1.3em 0 0.5em;
  display: inline-block;
  width: 20em; }

.form-control[type='checkbox'] {
  width: auto; }

.form-control:focus {
  -webkit-box-shadow: 0 0 2px rgba(82, 82, 82, 0.2);
          box-shadow: 0 0 2px rgba(82, 82, 82, 0.2);
  border: 1px solid #dedede; }

.checkbox {
  padding-left: 28px;
  margin: 5px 0; }

.checkbox .icheck-button {
  margin-left: -28px; }

.checkbox-inline input {
  width: auto;
  height: auto; }

.radio {
  padding-left: 28px;
  margin: 5px 0; }

.errorMessage {
  color: #E1422A; }

/* topheader
*******************************************************************************/
.topheader-wrapper .topheader {
  position: relative;
  -webkit-box-shadow: 0px 0px 3px #888;
          box-shadow: 0px 0px 3px #888;
  padding: 0 5px; }
  .topheader-wrapper .topheader div.logo_wrapper {
    margin: -5px;
    height: 100px; }
    .topheader-wrapper .topheader div.logo_wrapper div {
      height: 100%; }
      .topheader-wrapper .topheader div.logo_wrapper div.bg-berta {
        background: #3a3742 !important; }
        .topheader-wrapper .topheader div.logo_wrapper div.bg-berta .logo {
          margin-top: 15px; }
      .topheader-wrapper .topheader div.logo_wrapper div.bg-brand {
        background: #074ea1; }
        .topheader-wrapper .topheader div.logo_wrapper div.bg-brand .logo {
          width: 100%;
          height: 65%;
          margin-top: 20px;
          background-size: contain !important;
          background-repeat: no-repeat !important;
          background-position: center center !important; }
  .topheader-wrapper .topheader .logo {
    padding-top: 6px;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Agipo', sans-serif; }
    .topheader-wrapper .topheader .logo:hover, .topheader-wrapper .topheader .logo:active, .topheader-wrapper .topheader .logo:focus {
      text-decoration: none;
      outline: none; }
    .topheader-wrapper .topheader .logo .berta {
      color: #fffdfe; }
    .topheader-wrapper .topheader .logo .digital {
      color: #aca9b0; }
  .topheader-wrapper .topheader .nav-pills > li {
    margin-left: 10px; }
    .topheader-wrapper .topheader .nav-pills > li > a {
      padding: 8px;
      color: #fff;
      border-radius: 0; }
    .topheader-wrapper .topheader .nav-pills > li > a:hover,
    .topheader-wrapper .topheader .nav-pills > li > a:focus,
    .topheader-wrapper .topheader .nav-pills > li.open > a {
      background-color: rgba(255, 255, 255, 0.2); }
    .topheader-wrapper .topheader .nav-pills > li:first-of-type {
      margin-left: 0; }
    .topheader-wrapper .topheader .nav-pills > li .dropdown-menu {
      min-width: 300px;
      border-radius: 0;
      margin: 0;
      padding: 5px 0; }
      .topheader-wrapper .topheader .nav-pills > li .dropdown-menu li.divider {
        margin: 0 !important; }
      .topheader-wrapper .topheader .nav-pills > li .dropdown-menu li a {
        padding: 10px 20px; }
    .topheader-wrapper .topheader .nav-pills > li .navbar-toggle {
      margin: 5px 0;
      padding: 5px 8px;
      background: none;
      float: none;
      border: 1px solid #fff !important; }
      .topheader-wrapper .topheader .nav-pills > li .navbar-toggle:hover {
        background: rgba(255, 255, 255, 0.4); }
      .topheader-wrapper .topheader .nav-pills > li .navbar-toggle .icon-bar {
        background: #fff;
        width: 18px; }
  .topheader-wrapper .topheader .nav-pills > .notifications .notification-count {
    position: relative;
    padding-right: 20px; }
    .topheader-wrapper .topheader .nav-pills > .notifications .notification-count .value {
      position: absolute;
      top: 4px;
      right: 8px;
      background: #f0ae4f;
      font-size: 10px;
      width: 12px;
      height: 12px;
      text-align: center;
      line-height: 11px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
  .topheader-wrapper .topheader .nav-pills > .notifications .header > a {
    font-weight: bold; }
  .topheader-wrapper .topheader .nav-pills > .notifications .dropdown-menu li > span {
    padding: 10px 20px;
    display: block; }
  .topheader-wrapper .topheader .nav-pills > .messages .message-count {
    position: relative;
    padding-right: 20px; }
    .topheader-wrapper .topheader .nav-pills > .messages .message-count .value {
      position: absolute;
      top: 4px;
      right: 8px;
      padding: 0 2px;
      background: #FF775A;
      font-size: 10px;
      min-width: 12px;
      height: 12px;
      text-align: center;
      line-height: 11px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px; }
  .topheader-wrapper .topheader .nav-pills > .messages .header > a {
    font-weight: bold; }
  .topheader-wrapper .topheader .nav-pills > .messages .dropdown-menu li > span {
    padding: 10px 20px;
    display: block; }

/* Information
*******************************************************************************/
.abo-information-container {
  max-width: 500px;
  margin: auto;
  margin-top: 100px !important; }
  .abo-information-container h3, .abo-information-container h4 {
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: bold; }
  .abo-information-container h3 {
    font-size: 31px;
    line-height: 35px; }
  .abo-information-container h4 {
    font-size: 22px;
    margin-bottom: 5px;
    line-height: 41px; }
  .abo-information-container .red {
    color: #FF775A; }
  .abo-information-container .gray {
    color: #b2b0b5; }
  .abo-information-container .black {
    color: #3a3742; }
  .abo-information-container .gear-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: 1.3; }
    .abo-information-container .gear-list.margin-bottom {
      margin-bottom: 20px; }
    .abo-information-container .gear-list li {
      background: url("../../../../uploads/assets/images/bertadigital/gear.png") no-repeat top 3px left;
      padding-left: 25px;
      padding-bottom: 10px;
      font-weight: 400; }
    .abo-information-container .gear-list p {
      margin-top: 10px; }
  .abo-information-container .bill-icon {
    margin-top: 25px;
    background: url("../../../../uploads/assets/images/bertadigital/bill.png") no-repeat;
    background-size: cover;
    height: 150px;
    width: 150px;
    float: left; }
  .abo-information-container .price-container {
    width: 55%;
    float: right;
    margin-top: 50px; }
    .abo-information-container .price-container p.per-month {
      line-height: 1.2 !important;
      display: inline-block; }
    .abo-information-container .price-container h3 {
      margin-top: 5px;
      float: right; }
    .abo-information-container .price-container a:hover {
      color: #FF775A; }