
.is-date {
  width: 8rem;
  max-width: 8rem; }

#skinny li .thickItem-row > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

#skinny li .thickItem:active {
    color: #fff;
}

#skinny li .thickItem-topLeft,
#skinny li .thickItem-topRight {
    font-size: 1.4rem;
}

.thickItems {
  padding: 0;
  margin: 0;
  list-style: outside none none; }
  .thickItems.no-padding .thickItem-row > div {
    padding: 0; }

.thickItems .thickItem:last-of-type {
  border-bottom: none; }

.thickItem {
  font-size: 1.4rem;
  line-height: 1.2;
  width: 100%;
  padding: 0.6rem 0px;
  border-bottom: 0.1rem solid #CCC; }

#skinny li .thickItem {
    border: none;
    padding: 0; }

.thickItem-table {
  width: 100%;
  display: table; }

.thickItem-row {
  display: table-row; }
  .thickItem-row > div {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal; }

.thickItem-topLeft {
    font-size: 1.6rem;
    /*color: #000;*/
    line-height: 2.5rem;
    font-weight: 600;
    vertical-align: top;
    padding: 0px 0.6rem;
    display: table-cell;
}
  #skinny li .thickItem-topLeft {
    font-weight: 500; }

.thickItem-topRight {
    font-size: 1.6rem;
    line-height: 2.5rem;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    padding: 0px 0.6rem 0px 0px;
    display: table-cell;
}

.thickItem-bottomLeft {
    font-size: 1.4rem;
    font-weight: 400;
    font-style: italic;
    line-height: 2.5rem;
    vertical-align: top;
    padding: 0px 0.6rem;
    display: table-cell;
}

.thickItem-bottomRight {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1rem;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    padding: 0px 0.6rem 0px 0px;
    display: table-cell;
}

p.field-validation-error {
  background-clip: padding-box;
  background-color: #F6D8A4;
  border-radius: 5px;
  color: #666666;
  overflow: hidden;
  padding: 1em 1.5em; }

.ajax-loader {
  background-color: #FFF;
  background-image: url(img/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.4;
  -moz-transition: opacity 0.4s 0, top 0 0.4s;
  -webkit-transition: opacity 0.4s 0, top 0 0.4s;
  -o-transition: opacity 0.4s 0, top 0 0.4s;
  transition: opacity 0.4s 0, top 0 0.4s; }

.skinny-overflow {
  overflow: auto; }

#registration-input-required #disclaimer-text {
  height: 75px; }

.detail-ccd-report {
  overflow-y: inherit;
  width: 100%;
  height: 700px; }

.ccd-alert {
  width: 100%; }

@media all and (max-width: 1000px) {
  .detail-ccd-report {
    overflow-y: visible;
    width: auto;
    height: auto; }

  .ccd-alert {
    width: 100%;
    overflow-y: visible;
    width: auto;
    height: auto; } 
}


#header-text {
  background: none repeat scroll 0 0 #D3D3D3;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  height: 2em;
  color: #484848;
  text-align: left;
  vertical-align: middle;
  padding-left: 15px; }

#btn-popup {
  float: right;
  margin-top: 15px;
  display: inline; }

#download-data-popup {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D9D9D9;
  color: #666666;
  height: 250px;
  width: 400px;
  display: none;
  z-index: 502;
  font-size: 16px;
  box-shadow: 10px 10px 5px #999999; }

.details-button--download {
    padding: .25em 1em .25em 3em;
    border: 1px solid #cccccc;
    background-clip: padding-box;
    background: #fff url(../../Styles/Images/icons/gray-download.png) no-repeat 10px 8px;
    background-size: 24px 24px;
    line-height: 1.2;
    color: #5f5f5f;
    height: 4rem;
    font-style: italic;
    margin-right: 1rem;
    font-size: 1.5rem;
    height: 4.1rem;
    width: auto;
    line-height: 3.4rem;
    text-align: center;
    border-radius: 5px;
    cursor:pointer;
}

.details-button--download a {
    color: #5f5f5f;
}

.details-button--print {
    padding: .25em 1em .25em 3em;
    border: 1px solid #cccccc;
    background-clip: padding-box;
    background: #fff url(../../Styles/Images/icons/print.png) no-repeat 10px 8px;
    background-size: 24px 24px;
    line-height: 1.2;
    color: #5f5f5f;
    font-style: italic;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    height: 4.1rem;
    width: 9rem;
    line-height: 3.4rem;
    text-align: center;
    border-radius: 5px;
}

.details-button--download:hover,
.details-button--download:active,
.details-button--download:focus,
.details-button--print:hover,
.details-button--print:active,
.details-button--print:focus {
        background-color: #e7e7e7!important;
}

@media only screen and (min-device-width: 240px) and (max-device-width: 640px) {
    #download-data-popup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #666666;
    height: 250px;
    width: 300px;
    display: none;
    z-index: 502;
    font-size: 14px;
    box-shadow: 10px 10px 5px #999999; }

  #lblResetSession {
    font-size: 1.4rem;
    margin-top: 2.7rem; }
}

#registration-disclaimer {
  height: 260px;
  width: 400px; }

#registration-input-required {
  height: 210px;
  width: 230px; }

#registration-declined-disclaimer {
  height: 260px;
  width: 400px; }

.popup-dialog {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D9D9D9;
  color: #666666;
  display: none;
  z-index: 502;
  font-size: 16px;
  box-shadow: 10px 10px 5px #999999; }

@media only screen and (min-device-width: 240px) and (max-device-width: 640px) {
  #registration-disclaimer {
    height: 260px;
    width: 300px; }

  #registration-input-required {
    height: 200px;
    width: 310px; }

  #registration-declined-disclaimer {
    height: 260px;
    width: 300px; }

  .popup-dialog {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #666666;
    display: none;
    z-index: 502;
    font-size: 14px;
    box-shadow: 10px 10px 5px #999999; }

}

#popup-text {
  text-align: left; }

#btnAccept {
  display: inline;
  width: 100px; }

#btnCancel {
  display: inline;
  width: 100px; }

#appointment-cancel-search {
    display: inline;
    width: 100px;
    border: 1px solid #ccc;
    background-color: transparent;
}

#appointment-cancel-search:hover {
    background-color: #e7e7e7;
}

#appointment-cancel-search:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    text-shadow: none;
    color: #fff;
}

#btnOk {
  display: inline;
  width: 90px; }

#radio-popup {
  float: left;
  margin-top: 15px;
  display: inline; }

#disclaimer-text {
  line-height: normal;
  height: 110px;
  overflow-y: auto; }

#popup-border {
  border-bottom: 1px solid #999999;
  margin-top: 20px; }

#lblResetSession {
  font-size: 1.6rem;
  margin-top: 3rem;
  line-height: 2rem; }

#divSessionAlert {
  margin-left: 5%;
  margin-right: 5%;
  text-align: center; }

.unread-message td {
  font-weight: bold; }

.skinny-empty-content {
  font-style: italic;
  margin-top: 0.5em;
  margin-left: 1.5em; }

[data-notifications] {
  position: relative; }

[data-notifications]:after {
  content: attr(data-notifications);
  position: absolute;
  background: red;
  border-radius: 50%;
  display: inline-block;
  padding: 0.3em;
  color: #f2f2f2;
  right: -5px;
  top: -5px; }

#disclaimer-popup {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D9D9D9;
  color: #666666;
  height: 250px;
  width: 400px;
  display: none;
  z-index: 502;
  font-size: 16px;
  box-shadow: 10px 10px 5px #999999; }

.layout-copyright {
  line-height: normal; }

.padding-top--tight {
  padding-top: 0.6rem; }

.padding-top {
  padding-top: 1rem; }

.textArea-sendHealthRecord {
  font-size: 13px;
  font-size: 1.3rem;
  resize: vertical;
  width: 100%; }

.u-floatLeft {
  float: left !important; }

.u-floatRight {
  float: right !important; }

.border-black--lighter {
  border-top: solid 0.1rem rgba(0, 0, 0, 0.1); }

.border-bottom {
    border-bottom: solid .1rem #ccc;
    padding-bottom: 10px;
}

.border-top {
    border-top: solid .1rem #EEE;
}

.border-top {
    border-top: solid .1rem #EEE;
}

.margin-bottom--large {
  margin-bottom: 2rem; }

.margin-bottom--larger {
  margin-bottom: 3.5rem; }

.margin-topBottom {
  margin: 1rem 0; }

.margin-topBottom--tight {
  margin: 0.5rem 0; }

.margin-left--tight {
  margin-left: 0.6rem; }

.public.stacked-details.has-banner .layout-details {
  top: 6rem; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  color: #333;
  cursor: pointer; }

.selectable-list {
  padding: 0; }

.selectable-list li {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5rem;
  white-space: normal; }

.selectable-list label {
  padding-top: 0.5rem;
  display: inline-block;
  font-weight: 600; }

.selectableItem {
  position: relative; }

.selectableItem input[type="checkbox"],
.selectableItem input[type="radio"] {
  position: absolute;
  top: 0.75rem; }

.selectableItem label {
  margin: 0;
  padding-left: 2rem; }

.security-question-label {
  margin: 0; }

.SecurityQuestionFields {
  padding: 1rem 0 2rem 0rem; }

.pageHeader-section {
  margin-bottom: 3.5rem; }

.dynamicRow {
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex-flow: row nowrap;
  -moz-box-flex-flow: row nowrap;
  -ms-box-flex-flow: row nowrap;
  box-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap; }

.dynamicRow--wrap {
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex-flow: row wrap;
  -moz-box-flex-flow: row wrap;
  -ms-box-flex-flow: row wrap;
  box-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.dynamicColumn {
  -webkit-box-display: flex;
  -moz-box-display: flex;
  -ms-box-display: flex;
  box-display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-flex-flow: column nowrap;
  -moz-box-flex-flow: column nowrap;
  -ms-box-flex-flow: column nowrap;
  box-flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.u-preserve:not(:required) {
  min-width: 0;
  overflow: visible;
  text-overflow: inherit;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.u-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.u-fill {
  flex-grow: 1; }

.u-fill--even > .u-fill {
  width: 100%; }

.u-bold {
  font-weight: 600; }

.u-italic {
  font-style: italic; }

.u-light {
  opacity: 0.7; }

.border-color--light {
  border-color: rgba(0, 0, 0, 0.1); }

a.thickItem {
  display: block;
  color: initial;
  text-decoration: none; }

a.thickItem .u-primary {
    color: #3399ff;
}

a.thickItem:hover .u-primary {
  text-decoration: underline; }

.details-buttons--toggle {
  width: 4.4rem;
  height: 4.4rem;
  cursor: pointer;
  display: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32'   width='32' height='32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill= ' %2352a941' d=' M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M9,18c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2 s2,0.9,2,2C11,17.1,10.1,18,9,18z M16,18c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2s2,0.9,2,2C18,17.1,17.1,18,16,18z M23,18 c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2s2,0.9,2,2C25,17.1,24.1,18,23,18z'/%3E%3C/svg%3E"); }

.details-headerWrapper {
  position: relative; }

.dateFilter--select select {
  margin: 0;
  height: 3.2rem;
  padding: 0 1rem 0;
  line-height: 3.2rem;
  border-color: #ccc; }

.details-button--send {
  margin-right: 1rem; }

.ccd-actions {
  align-items: flex-end;
  flex-grow: 1;
  position: relative;
}

.ccd-actions h4.subtle {
color: rgba(0, 0, 0, 0.65);
font-size: 80%;
text-transform: uppercase;
margin-bottom: .5rem;
}

.ccd-actions.filter--enabled {
  flex-basis: 80rem;
  border-top: solid .1rem #dcdcdc;
  border-bottom: solid .1rem #dcdcdc;
  padding: 1rem 0;
  margin-bottom: 1rem; }

.details-button--close {
  border-top: solid .1rem #DDD;
  justify-content: flex-end;
  padding: 1rem; }

.details-button--close button {
margin: 0; }


@media screen and (min-width: 700px) {
    .details-button--close {
        display: none;
    }

    .send-health-data-form {
        top: 6rem;
    }
}

@media screen and (max-width: 700px) {
    .details-buttons--toggle {
        display: inline-block;
    }

    .send-health-data-wrapper .send-health-data-form {
        top: 5rem;
    }

    .send-health-data-wrapper .form-header-clicked {
        z-index: 100;
        position: relative;
        border-bottom: 0;
    }

    .details-buttons {
        background-color: #FFF;
        position: absolute;
        right: 0;
        top: 6rem;
        width: 20rem;
        z-index: 1000;
        min-height: 12rem;
        border: 1px solid #666;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-clip: padding-box;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        -webkit-box-display: flex;
        -moz-box-display: flex;
        -ms-box-display: flex;
        box-display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-flex-flow: column nowrap;
        -moz-box-flex-flow: column nowrap;
        -ms-box-flex-flow: column nowrap;
        box-flex-flow: column nowrap;
        -webkit-flex-flow: column nowrap;
        -moz-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }

    .details-buttons:after, .details-buttons:before {
        bottom: 100%;
        left: 90%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .details-buttons:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #FFF;
        border-width: 10px;
        margin-left: -10px;
    }

    .details-buttons:before {
        border-color: rgba(102, 102, 6, 0);
        border-bottom-color: #666;
        border-width: 11px;
        margin-left: -11px;
    }

    .details-buttons:not(.is-visible) {
        display: none;
    }

    .details-buttons .details-button--filter,
    .details-buttons .details-button--send,
    .details-buttons .details-button--download {
        margin-bottom: 1rem;
    }

    .details-buttons .dateFilter--select select {
        width: 100%;
        margin: 0;
    }

    .details-buttons .send-health-data-wrapper.ccd-top {
        width: auto;
        padding: 1rem 1rem 1.8rem 1rem;
    }

    .details-buttons .send-health-data-wrapper.ccd-top .details-button--download,
    .details-buttons .send-health-data-wrapper.ccd-top .details-button--download > div {
        width: 100%;
    }

    .details-buttons .send-health-data-wrapper.ccd-top .details-button--send,
    .details-buttons .send-health-data-wrapper.ccd-top .details-button--send > div {
        width: 100%;
    }
}

#call-us-modal {
    background-color: rgba(150, 150, 150, 0.4);
    height: 100vh;
    display: flex;
    align-items: center;
}

#call-us-modal .modal-title {
    font-weight: bold;
}

#call-us-modal .modal-content {
    border-radius: unset;
}

#call-us-modal .modal-footer {
    background: rgb(238,238,238);
    border: none;
}

#divSessionExpired {
    z-index: 3001;
}

.email-address-semicolon-note {
    margin: 1px;
    color: #666666
}

/*# sourceMappingURL=custom.css.map */
