body {
   margin: 0;
   padding: 0;

   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.ui-focus {
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
}

.ui-page { 
   background: #FFF;
}

.ui-header {
   height: 168px;
   text-align: center;
   padding-top:0px;
   padding-bottom: 0px;
}

.ui-header img {
   max-width: 100%;
   max-height: 100%;
}

.ui-header .header-right-button {
   position: absolute; 
   right: 8px; 
   top: -3px; 
   width: 42px;
}


.ui-content {
   max-width: 767px;
   padding-left: 16px;
   padding-right: 16px;
   margin:auto;
}

.footer {
   font-size: 0.9em;
   font-weight: normal;
   text-align: right;
   width: 100%;
   padding-top:8px;
   padding-bottom: 8px;
   position: absolute;
   color: gray;
   bottom:0px;
}

/* public class */

hr {
   background: #ccc;
   margin-top: 18px;
   border: none;
   height: 1px;
}

.ui-input-text {
   box-shadow: none;
}


.smaller-button {
   font-size: 0.85em;
   color: gray !important;
}

.bottomBackButton {
   max-width: 767px;
   padding-left: 16px;
   padding-right: 16px;
   margin:auto;
   left: 0;
   right: 0;
   position: absolute;
   bottom: 32px;
}

.demographic-div {
   text-align: center;
   font-weight: bold;
   padding-top: 16px;
   padding-bottom: 16px;
   color: gray;
}

.form-group {
   margin-top: 16px;
   margin-bottom: 16px;
}

.twoCol {
   width: 100%;
   overflow: hidden;
}

.RadioGroup .ui-controlgroup {
   margin: 0em;
}

.form-group .ui-select {
   margin: 0em;
}

.form-group .ui-input-text {
   margin: 0em;
}

.form-group .ui-controlgroup-controls {
   width: 100%;
}

@media(max-width: 479px) {
   .twoCol .ui-block-a {
      display: block;
      width: 100%;
   }
   .twoCol .ui-block-b {
      display: block;
      width: 100%;
   }

   .twoCol .inputLabel {
      color: gray;
   }
}

@media(min-width: 480px) {

   

   .twoCol .ui-block-a {
      width: 49%;
   }

   .twoCol .ui-block-b {
      width: 49%;
      float: right;
   }

   .twoCol .inputLabel {
      text-align: right;
      padding-top: 10px;
      color: gray;
   }
}

.twoCol .ui-block-b input{
   text-shadow: none;
   color: gray !important;
}



.RadioGroup .ui-controlgroup-controls .ui-radio:first-child {
   width: 49%;
   float: left;
}
.RadioGroup .ui-controlgroup-controls .ui-radio:last-child {
   width: 49%;
   float: right;
}

.ui-controlgroup-horizontal .ui-btn {
   text-align: center;
   font-size: 0.85em;
   text-shadow: none;
   color: gray;
}

.RadioGroup .ui-controlgroup-horizontal .ui-btn {
   border-right-width: 1px;
   padding: .7em .5em;
   border-radius: .3125em;
}

.greytext-select {
   text-align: center;
   font-size: 0.85em;
   text-shadow: none;
   color: gray !important;
}

/****************************************
 *            password page             *
 ****************************************/
.page-password-logo {
   text-align: center;
   height: 120px; 
   margin-top: 48px;
   margin-bottom: 20px;
}

.page-password-logo img{
   max-width: 100%;
   max-height: 100%;
}

.page-password-error-span {
   height: 24px;
   color: red;
}

.page-password-login-button {
   margin-top: 16px;
}


/****************************************
 *             result page              *
 ****************************************/
.top-details,
.data-table {
    font-family: none;
    font-weight: bold;
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
}
.top-details td {
   padding: 0 8px 0;
}
.top-details tr td:last-child {
   text-align: right;
}
.data-table tr:nth-child(odd) td {
   background: #dedddd;
}
.data-table td {
   text-align: center;
   font-weight: normal;
}
.data-table th {
   border-bottom: 1px solid #000;
}
.ui-navbar ul {
   margin-bottom: 20px;
}

.popup {
   position: fixed;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   padding: 16px;
   color: #9F6000;
   background-color: #FEEFB3;
   text-shadow: none;
   border: 1px solid black;
   z-index:999;
}

.result-table {
   font-size:  1.08em;
   text-align: center;
   padding-top: 12px;
   padding-bottom: 2px;
   border: gray solid 2px;
   border-radius: 0.5em;
}


.result-div {
   font-weight: bold;
   color: #444;
}


.header-accordion {
   background: #fff;
   border: 2px solid #ddd;
   padding: 0.5em;
}
.header-accordion h4 {
   border: none;
}
.header-accordion h4 .ui-collapsible-heading-toggle {
   width: 100%;
   padding: 7px 0;
   text-align: center;
   border: none;
   background: transparent;
   font-size: 17px;
   color: gray;
   letter-spacing: 1px;
}
.ui-collapsible-collapsed .final_expense {
   display: block;
}
.final_expense {
   color: #444;
   display: none;
   letter-spacing: 0;
   margin-bottom: 0;
   font-size: 1.0em;
}
.header-accordion .ui-collapsible-heading-toggle .ui-btn-icon-left:after {
   top: 18px;
}
.header-accordion h4 .ui-collapsible-heading-toggle:hover,
.header-accordion h4 .ui-collapsible-heading-toggle:focus {
   background: transparent;
   box-shadow: none;
}
.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
   border: none;
   padding: .5em 0;
}

.head_amount {
   color: gray;
   display: block;
   text-align: center;
}
.head_amount + hr {
   margin-bottom: 10px;
}
.header-accordion .ui-input-text {
   padding-right: 16px;
   margin-bottom: 0;
}
.header-accordion .ui-input-text a {
   font-size: 8px;
}
.header-accordion .ui-input-text input[type="text"] {
   font-size: 12px;
   min-height: 25px;
   padding: 0 0 0 4px;
}
.header-accordion .ui-input-text + small {
   font-size: 12px;
}
.header-accordion .ui-input-text + small {
   color: gray;
   font-size: 11px;
   font-weight: normal;
}
.header-accordion h4 .ui-collapsible-heading-toggle:after {
   top: 0;
   margin: 0;
}
.header-accordion .ui-collapsible-content .ui-btn-icon-left {
   border: none;
   background: transparent;
   margin: 0 auto;
   box-shadow: none;
   width: 40px;
   height: 40px;
   padding: 0;
   display: block;
}
.header-accordion .ui-collapsible-content .ui-btn-icon-left:after {
   width: 40px;
   height: 40px;
   border-radius: 100%;
   left: 0;
   top: 0;
   margin: 0 auto;
   background-size: 27px;
}
.ui-collapsible-content .ui-input-text.ui-input-has-clear .ui-icon-delete {
   margin: 0;
   top: 4px;
   width: 19px;
   height: 19px;
   right: 2px;
   border-radius: 100%;
}
.ui-collapsible-content .ui-input-text.ui-input-has-clear .ui-icon-delete:after {
   top: 0;
   left: 0;
   margin: 0;
   background-size: 7px;
   width: 16px;
   height: 16px;
}


.faceLabel {
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-width: 1px !important;
   border-bottom: solid;
}


.icon-div {
   width: 50%; 
   display: inline-block; 
   text-align: center;
}


.cost-message {
   text-align: right; 
   font-size: 0.75em; 
   padding-right: 4px;
}