html, body {
    width: 100%;
    height: 100%;
    background: white;
}

.ui-content, .ui-page {
    width: 100%;
    height: 100%;
    background: white;
    overflow: visible;
}

.AjaxLoader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; /* presto! */
  z-index: 1;
}

 .ui-navbar > ul > li > a > .ui-btn-inner > .ui-btn-text
 {
 	font-size:20px;
 }

 .wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
   word-break: break-word;
}

.oval {
    width: 160px;
    height: 80px;
    background: #a84909;
    border-radius: 20px;
}

  .badge {
          display: block;
          position: relative;
          top: -1px;
          right: 1px;
          line-height: 16px;
          height: 16px;
          padding: 0 5px;
          font-family: Arial, sans-serif;
          font-size:12px;
          color: white;
          text-shadow: 0 1px rgba(0, 0, 0, 0.25);
          border: 1px solid;
          border-radius: 10px;
          -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
        }

         .badge {
          background: #67c1ef;
          border-color: #30aae9;
          background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
          background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
          background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
          background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
        }

        .badge.green {
          background: #77cc51;
          border-color: #59ad33;
          background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51);
          background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51);
          background-image: -o-linear-gradient(top, #a5dd8c, #77cc51);
          background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);
        }

        .badge.yellow {
          background: #faba3e;
          border-color: #f4a306;
          background-image: -webkit-linear-gradient(top, #fcd589, #faba3e);
          background-image: -moz-linear-gradient(top, #fcd589, #faba3e);
          background-image: -o-linear-gradient(top, #fcd589, #faba3e);
          background-image: linear-gradient(to bottom, #fcd589, #faba3e);
        }

        .badge.red {
          background: #fa623f;
          border-color: #fa5a35;
          background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
          background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
          background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
          background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
        }

        .badge.red.dot {
            height: 6px;
            width: 6px;
            padding: 0px;
            background: #fa623f;
            border-color: #fa5a35;
            background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
            background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
            background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
            background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
        }

            .badge.blue.dot {
                height: 6px;
                width: 6px;
                padding: 0px;
                background: #3ca4d8;
                border-color: #30aae9;
                background-image: -webkit-linear-gradient(top, #acddf6, #3ca4d8);
                background-image: -moz-linear-gradient(top, #acddf6, #3ca4d8);
                background-image: -o-linear-gradient(top, #acddf6, #3ca4d8);
                background-image: linear-gradient(to bottom, #acddf6, #3ca4d8);
            }


@keyframes shrink {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.2)
    }
}