/*
html, body, .container {
    height: 100%;
    background-color: #106da7;
}

body {
    background-color: #106da7;
}

.container:before{
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    background-color: #ffffff;
    background: url('/chamilton/sp/static/img/clientPortal/side-left.png') repeat-y;
    top: 0;
    left: -16px;
    height: 100%;
}

.container:after{
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    background-color: #ffffff;
    background: url('/chamilton/sp/static/img/clientPortal/side-right.png') repeat-y;
    top: 0;
    right: -16px;
    height: 100%;
    content: "\0020"; clear: both; visibility: visible;
}
*/

.container .offset-by-negative-one { margin-left: -60px;  }

form {
    margin:0px;
}

select:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2);
}

.sp_recaptchaRow {
    padding-top:2px;
    padding-bottom:4px;
}

.sp_form select {
    margin-bottom: 4px;
    padding: 6px 4px;
}

.sp_form .sp_fieldData .error {
    font-weight:bold;
    color:#dd0000;
}

.sp_form .sp_fieldData .required {
    font-weight:bold;
    color:#dd0000;
}

.sp_form .sp_fieldData.sp_displayType_display {
    margin-top:5px;
    margin-bottom:5px;
}

.sp_form .sp_fieldData.sp_displayType_displayNoMargin {
    margin-top:0px;
    margin-bottom:0px;
}

.sp_form input[type="text"],
.sp_form input[type="password"],
.sp_form input[type="email"],
.sp_form textarea,
.sp_form select {
    color: #444;
}

.sp_form input.responsiveForm_inputError[type="text"],
.sp_form input.responsiveForm_inputError[type="password"],
.sp_form input.responsiveForm_inputError[type="email"],
.sp_form textarea.responsiveForm_inputError,
.sp_form select.responsiveForm_inputError {
    background-color: #ffcccc;
}

.sp_form input[type="text"].noFixedWidth,
.sp_form input[type="password"].noFixedWidth,
.sp_form input[type="email"].noFixedWidth,
.sp_form textarea.noFixedWidth,
.sp_form select.noFixedWidth {
    width: auto;
}

a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #106da7; }
p a, p a:visited { line-height: inherit; }

.sp_footer a, .sp_footer a:visited { color: #aaaaaa; text-decoration: none; outline: 0; }
.sp_footer a:hover, .sp_footer a:focus { color: #106da7; }

a.sp_link_blue, a.sp_link_blue:visited {
    color:#106da7;
    text-decoration: none;
}

a.sp_link_blue:hover, a.sp_link_blue:focus {
    color: #0489DE;
    text-decoration: none;
}

a.sp_link_red, a.sp_link_red:visited {
    color:#dd0000;
}

a.sp_link_red:hover, a.sp_link_red:focus {
    color: #ff0000;
}

.sp_content {

}

.sp_content-title {
    margin-bottom:20px;
}

div.sp_message {
    padding:4px;
    font-size:16px;
}

div.sp_message_info {
    color:#106da7;
    border:1px solid #106da7;
}

div.sp_message_error {
    color:#dd0000;
    border:1px solid #dd0000;
}

div.sp_message_warn {
    color:#dd5500;
    border:1px solid #dd5500;
}

.sp_message_text {
    color:#106da7;
}

.sp_color-title {
    color: #106da7;
}

.sp_menu {
    border: 1px solid #dddddd;
    border-radius: 8px;
    margin-bottom: 20px;
}

.sp_menu ul {
    margin:0px;
}

.sp_menu li {
    width:100%;
    border-bottom:1px solid #dddddd;
    margin:0px;
    line-height:inherit;
    text-align:center;
    font-size:16px;
}

.sp_menu li.first {

}

.sp_menu li.last {
    border-bottom:0px;
}

.sp_noBottomMargin,
input.sp_noBottomMargin,
.button.sp_noBottomMargin {
    margin-bottom:0px;
}

.sp_menu a,
.sp_menu a:visited {
    padding-top:6px;
    padding-bottom:6px;
    color: #333;
    text-decoration: none;
    outline: 0;
    display:inline-block;
    height: 100%;
    width: 100%;

    -khtml-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;

}

.sp_menu li.first a {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.sp_menu li.last a {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.sp_menu a:hover
/* ,.sp_menu a:focus */
{
    background-color: #106da7;
    color: #dddddd;
}

.sp_menu p a,
.sp_menu p a:visited {
    line-height: inherit;
}

.sp_menu li.first a:hover
./* ,.sp_menu a:focus */
{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.sp_menu li.last a:hover
/* ,.sp_menu a:focus */
{
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.hidden,
.container .hidden {
    display:none;
}

.sp_form {

}

.sp_form .row.hidden-row,
.row.hidden-row {
    display:none;
}

.sp_form .row {
    margin-bottom:0px;
}

.sp_form .sp_fieldData.sp_fieldLabel {
    font-weight:bold;
}

.sp_form .sp_fieldData input {
    margin-bottom:4px;
}

.sp_form .sp_fieldData input[type="radio"] {
    margin-top:4px;
}

.sp_form .sp_fieldData.sp_fieldLabel_input {
    text-align:right;
}

.sp_form .sp_fieldData.sp_fieldLabel_input.radio,
.sp_form .sp_fieldData.sp_fieldLabel_input.textbox,
.sp_form .sp_fieldData.sp_fieldLabel_input.password,
.sp_form .sp_fieldData.sp_fieldLabel_input.select {
    margin-top:5px;
}

.sp_form .radio_container {
    margin-top:5px;
}

.confirmation_method_preview {
    font-style: italic;
    color: #666;
}

.sp_form .radio_item {
    vertical-align:top;
}

.sp_table {
    font-size:12px;
}

.sp_table .row {
    margin-bottom:0px;
}

.sp_table .row.no-results {
    text-align:center;
    font-style:italic;
}

.sp_table .table-cell {
    margin-left:2px;
    margin-right:2px;
}

.sp_table-mobile-label {
    font-weight:bold;
}

.sp_table .sp_table-row {

}

.sp_table .sp_table-row .row.sp_has-detail:hover {
    background-color:#aaaaaa;
    cursor:pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; /* IE10+ */
    user-select: none;
}

.sp_table .hidden-row {

}

.sp_table .hidden-row.is-hidden {
    display:none;
}

.sp_table .sp_table-row-odd {

}

.sp_table .sp_table-row-even {
    background-color:#dddddd;
}

.sp_table .balanceTotalRow .sp_table-row-odd,
.sp_table .balanceTotalRow .sp_table-row-even {
    background-color:transparent;
}

.sp_table .sp_table-header {
    font-weight:bold;
    margin-bottom:2px;
}

.sp_table.sp_table-invoice-line {
    font-size:12px;
}

.sp_table .sp_table-header div.column,
.sp_table .sp_table-header div.columns {
    border-bottom:1px solid #dddddd;
}

.sp_table .sp_table-header div.no-header {
    border:0;
}

.sp_table div.sp_table-pagination {
    margin-top:5px;
    font-size:12px;
    color:#777;
}

.sp_table div.sp_table-pagination.sp_table-pagination-results {
    text-align:center;
}

.sp_table div.sp_table-pagination.sp_table-pagination-link-prev {
    text-align:left;
}

.sp_table div.sp_table-pagination.sp_table-pagination-link-next {
    text-align:right;
}

.sp_table.sp_table-invoice .sp_table-row {
    line-height:30px;
}

.sp_left {
    text-align:left;
}

.sp_right {
    text-align:right;
}

.sp_float-left {
    float:left;
}

.sp_float-right {
    float:right;
}

.sp_form.invoice-totals {
    font-size: 12px;
}

.sp_form-input-left {
    text-align:left;
}

.sp_form-input-right {
    text-align:right;
}

.sp_center-full-only {
    text-align:center;
}

.sp_left-full-only {
    text-align:left;
}

.sp_right-full-only {
    text-align:right;
}

.sp_form .sp_form-row-odd {

}

.sp_form .sp_form-row-even {
    background-color:#dddddd;
}

.sp_bottom {
    position: absolute;
    bottom: 0px;
}

.sp_single-container {
    position: relative;
}

.sp_header {
    margin-top: 20px;
}

.sp_header .row {
    margin-bottom: 0px;
}

.sp_header-bottom-left {
    position:absolute;
    bottom:0px;
    left:0px;
    text-align:left;
}

.sp_header-bottom-right {
    position:absolute;
    bottom:0px;
    right:0px;
    text-align:right;
}

.sp_center {
    text-align:center;
}

.sp_footer {
    background-color:#3a3a3a;
    padding:10px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top:50px;
    text-align:center;
}

.sp_footer h1,
.sp_footer h2,
.sp_footer h3,
.sp_footer h4,
.sp_footer h5,
.sp_footer p {
    color:#aaaaaa;
}

.sp_full-only        { display:block; }
.sp_full-only-inline { display:inline; }
.sp_full-only-block  { display:block; }

.sp_mobile-only        { display:none; }
.sp_mobile-only-inline { display:none; }
.sp_mobile-only-block  { display:none; }


.sp_tiny {
    font-size:11px;
}

.sp_form-label {
    margin-top:4px;
    margin-bottom:0px;
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.sp_form-bold-display {
    font-weight: bold;
    font-size: 16px;
}

.invoice_invoiceStatus_Default {

}

.invoice_invoiceStatus_Draft {
    color:#777777;
}

.invoice_invoiceStatus_Unpaid {
    color:#0000dd;
}

.invoice_invoiceStatus_PastDue {
    color:#DD0000;
}

.invoice_invoiceStatus_Paid {
    color:#009900;
}

.invoice_invoiceStatus_Closed {
    color:#000000;
}

.transaction_transactionStatus_Pending {
    color:#777777;
}

.transaction_transactionStatus_ChargeBackPending {
    color:#777777;
}

.transaction_transactionStatus_Success {
    color:#009900;
}

.transaction_transactionStatus_Captured {
    color:#009900;
}

.transaction_transactionStatus_Refunded {
    color:#777777;
}

.transaction_transactionStatus_Failure {
    color:#DD0000;
}

.transaction_transactionStatus_bulkMixedStatus {
    color:#DD5500;
}

.inlineNote {
    color:#666666;
    font-size:10px;
    white-space:nowrap;
    display:inline-block;
    vertical-align:top;
}

.sp_invoice-right {
    text-align:right;
}

    .button.blueButton,
    button.blueButton,
    input[type="submit"].blueButton,
    input[type="reset"].blueButton,
    input[type="button"].blueButton,
    input[type="button"].zero-copy-button {
        background: #00e; /* Old browsers */
        background: #00e -moz-linear-gradient(top, #3093C7 0%, #1C5A85 100%); /* FF3.6+ */
        background: #00e -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3093C7), color-stop(100%,#1C5A85)); /* Chrome,Safari4+ */
        background: #00e -webkit-linear-gradient(top, #3093C7 0%,rgb(#1C5A85) 100%); /* Chrome10+,Safari5.1+ */
        background: #00e -o-linear-gradient(top, #3093C7 0%,#1C5A85 100%); /* Opera11.10+ */
        background: #00e -ms-linear-gradient(top, #3093C7 0%,#1C5A85 100%); /* IE10+ */
        background: #00e linear-gradient(top, #3093C7 0%,#1C5A85 100%); /* W3C */
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093C7, endColorstr=#1C5A85);
        border: 1px solid #25729a;
        color: #fff;
        text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

    .button.blueButton:hover,
    button.blueButton:hover,
    input[type="submit"].blueButton:hover,
    input[type="reset"].blueButton:hover,
    input[type="button"].blueButton:hover,
    input[type="button"].zeroclipboard-is-hover,
    input[type="button"].zeroclipboard-is-active {
        background: #00e; /* Old browsers */
        background: #00e -moz-linear-gradient(top, #2867CE 0%, #17318A 100%); /* FF3.6+ */
        background: #00e -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2867CE), color-stop(100%,#17318A)); /* Chrome,Safari4+ */
        background: #00e -webkit-linear-gradient(top, #2867CE 0%,rgb(#17318A) 100%); /* Chrome10+,Safari5.1+ */
        background: #00e -o-linear-gradient(top, #2867CE 0%,#17318A 100%); /* Opera11.10+ */
        background: #00e -ms-linear-gradient(top, #2867CE 0%,#17318A 100%); /* IE10+ */
        background: #00e linear-gradient(top, #2867CE 0%,#17318A 100%); /* W3C */
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2867CE, endColorstr=#17318A);
        border: 1px solid #25729a;
        color: #fff;
        text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    }

    .button.blueButton:active,
    button.blueButton:active,
    input[type="submit"].blueButton:active,
    input[type="reset"].blueButton:active,
    input[type="button"].blueButton:active {
        background: #00e; /* Old browsers */
        background: #00e -moz-linear-gradient(top, #2125D6 0%, #142B78 100%); /* FF3.6+ */
        background: #00e -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2125D6), color-stop(100%,#142B78)); /* Chrome,Safari4+ */
        background: #00e -webkit-linear-gradient(top, #2125D6 0%,rgb(#142B78) 100%); /* Chrome10+,Safari5.1+ */
        background: #00e -o-linear-gradient(top, #2125D6 0%,#142B78 100%); /* Opera11.10+ */
        background: #00e -ms-linear-gradient(top, #2125D6 0%,#142B78 100%); /* IE10+ */
        background: #00e linear-gradient(top, #2125D6 0%,#142B78 100%); /* W3C */
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2125D6, endColorstr=#142B78);
        border: 1px solid #25729a;
    }

    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        outline: none;
    }

.button:disabled,
button:disabled,
.button.blueButton:disabled,
button.blueButton:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="button"]:disabled,
input[type="submit"].blueButton:disabled,
input[type="reset"].blueButton:disabled,
input[type="button"].blueButton:disabled {
    background: #fff; /* Old browsers */
    background: #fff -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: #fff -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #fff -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: #fff -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: #fff linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #aaa;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: default;
}

.portalAjaxResults-wrapper-loading {
    text-align: center;
}

div#balanceHistory-data .sp_table div.table-cell input[type="text"] {
    margin:0px;
    margin-top:0px;
    padding:1px;
    display:inline-block;
}

div#balanceHistory-data .sp_table div.table-cell {
    margin-top:4px;
}

.sp_table #patientHistory-totalAmountDue,
.sp_table .patientHistory_totalAmountDue_label,
.sp_table #patientHistory-totalAmountOwed,
.sp_table .patientHistory_totalAmountOwed_label {
    font-size: 16px;
}

.sp_table#patientHistory-data .sp_table-row.locationUnavailable,
.sp_table#patientHistory-data .sp_table-row.locationUnavailable .sp_table-row-even,
.sp_table#patientHistory-data .sp_table-row.locationUnavailable .sp_table-row-odd
{
    color: #cccccc;
    background-color: #888888;
}

.sp_table#patientHistory-data .sp_table-row.locationUnavailable input[type="text"],
.sp_table#patientHistory-data .sp_table-row.locationUnavailable input[type="password"],
.sp_table#patientHistory-data .sp_table-row.locationUnavailable input[type="email"]
{
    color: #cccccc;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .sp_full-only          { display:block; }
    .sp_full-only-inline   { display:inline; }
    .sp_full-only-block    { display:block; }
    .sp_mobile-only        { display:none; }
    .sp_mobile-only-inline { display:none; }
    .sp_mobile-only-block  { display:none; }

    .sp_table div.sp_table-header .columns { display:block; }

    .sp_table.sp_table-invoice .sp_table-row { line-height:30px; }

    .sp_invoice-right { text-align: right; }

    .sp_center-full-only { text-align: center; }
    .sp_left-full-only   { text-align: left; }
    .sp_right-full-only  { text-align: right; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sp_full-only          { display:block; }
    .sp_full-only-inline   { display:inline; }
    .sp_full-only-block    { display:block; }
    .sp_mobile-only        { display:none; }
    .sp_mobile-only-inline { display:none; }
    .sp_mobile-only-block  { display:none; }

    .sp_table div.sp_table-header .columns { display:block; }

    .sp_table.sp_table-invoice .sp_table-row { line-height:30px; }

    .sp_invoice-right { text-align: right; }

    .sp_center-full-only { text-align: center; }
    .sp_left-full-only   { text-align: left; }
    .sp_right-full-only  { text-align: right; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .sp_full-only          { display:none; }
    .sp_full-only-inline   { display:none; }
    .sp_full-only-block    { display:none; }
    .sp_mobile-only        { display:block; }
    .sp_mobile-only-inline { display:inline; }
    .sp_mobile-only-block  { display:block; }

    .sp_form-input-left  { text-align:center; }
    .sp_form-input-right { text-align:center; }
    .sp_form-input-left .sp_form-textbox { width:100%; }

    .sp_table div.sp_table-header .columns,
    .sp_table div.sp_table-header .row      { display:none; }

    .sp_table .table-cell { margin-left: 4px; margin-right: 4px; }

    div.sp_table-pagination.sp_table-pagination-link-prev.columns,
    div.sp_table-pagination.sp_table-pagination-link-next.columns { width: 50%; }

    .sp_table.sp_table-invoice .sp_table-row { line-height:inherit; }

    .sp_form .sp_fieldData.sp_fieldLabel_input { text-align:left; }
    .sp_form .sp_fieldData.sp_fieldLabel_input.textbox { margin-top:0px; }

    .sp_invoice-right { text-align: left; }

    .sp_center-full-only { text-align: left; }
    .sp_left-full-only   { text-align: left; }
    .sp_right-full-only  { text-align: left; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .sp_full-only          { display:none; }
    .sp_full-only-inline   { display:none; }
    .sp_full-only-block    { display:none; }
    .sp_mobile-only        { display:block; }
    .sp_mobile-only-inline { display:inline; }
    .sp_mobile-only-block  { display:block; }

    .sp_form-input-left  { text-align:center; }
    .sp_form-input-right { text-align:center; }
    .sp_form-input-left .sp_form-textbox { width:100%; }

    .sp_table div.sp_table-header .columns,
    .sp_table div.sp_table-header .row      { display:none; }

    .sp_table .table-cell { margin-left: 4px; margin-right: 4px; }

    div.sp_table-pagination.sp_table-pagination-link-prev.columns,
    div.sp_table-pagination.sp_table-pagination-link-next.columns { width: 50%; }

    .sp_table.sp_table-invoice .sp_table-row { line-height:inherit; }

    .sp_form .sp_fieldData.sp_fieldLabel_input { text-align:left; }
    .sp_form .sp_fieldData.sp_fieldLabel_input.textbox { margin-top:0px; }

    .sp_invoice-right { text-align: left; }

    .sp_center-full-only { text-align: left; }
    .sp_left-full-only   { text-align: left; }
    .sp_right-full-only  { text-align: left; }
}

.print-only {
    display:none;
}

@media print
{
    .no-print,
    .no-print *,
    .sp_menu
    {
        display: none !important;
    }

    .print-only {
        display: block;
    }
}

/* ************************************************************************** */
/* Code */

pre {
    margin:0px;
}

code,
.code {
  font-size: 12px;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  background-color: #eeeeee;
/*  padding: 0px 3px; */
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
/*  margin: 4px; */
}

pre code {
  border: 1px solid #cacaca;
  line-height: 1.2em;
  font: 12px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  padding: 3px;
  overflow:auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #eeeeee;
  color: #333333;
  margin: 4px;
  white-space: pre;
  word-wrap: normal;
  width: 100%;
}

code.codeHeading {
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding: 3px;
}

textarea.code {
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.telecheckEndorsement {
    width: 50px;
    height: 32px;
}

/* ************************************************************************** */