pcpd.css 1.91 KB
div.col-md-6 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .main-panel {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
    font-weight: bold;
    --tw-bg-opacity: 1 !important;
    background: #00D4FF;
    background: linear-gradient(90deg, rgba(0, 212, 255, 1) 0%, rgba(23, 115, 207, 1) 53%, rgba(0, 212, 255, 1) 100%);
    border-radius: 10px;
  }

  .panel,
  .panel-heading {
    border-radius: 10px;
  }

  .primary {
    color: #1976d2;
  }

  .bold {
    font-weight: bold;
  }

  .panel-default>.panel-heading {
    color: #333;
    background-color: white;
    border-color: white;
  }

  .icon-color {
    color: transparent;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #03c5f8;
    font-size: 22px;
  }

  .top-0 {
    top: 68px !important;
  }

  .left-0 {
    left: 8px !important;
  }

  .z-0 {
    z-index: 0 !important;
  }

  .absolute {
    position: absolute !important;
  }

  .bottom-0 {
    bottom: 0 !important;
  }

  .right-0 {
    right: 0 !important;
  }

  h1 {
    font-size: 36px;
  }

  .main-panel .panel-body .odometer-formatting-mark {
    color: #648baf;
  }

  .icon-rounded {
    display: block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    padding-right: 10px;
  }
  .rounded{
    border-radius: 7px !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }

  .odoometer-head {
    font-size: 4.0em;
  }
  .sub-odometer {
    font-size: 2.5em;
  }

  .padding-top-sm { padding-top: .5em; }


    @media only screen and (max-width: 640px){
        h1 {
            font-size: 30px !important;
        }

        .odoometer-head {
            font-size: 2.0em !important;
            font-weight: bold !important;
        }
        
        .odoometer-sub {
            font-size: 1.5em !important;
            font-weight: bold !important;
        }
    }