body {
    font: 14px/1.5 "circular-std", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.splash-dashboard {
    display: grid;
    /* align-items: center; */
    /* Define Auto Row size */
    /*Define our columns */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 
    grid-gap: 1em;
}
.splash-dashboard > a {
    /* this is the same as grid-template-columns: 1fr 1fr 1fr 1fr; */
    grid-template-columns: repeat(3, 1fr);
    /* this is the same as grid-template-rows: 300px 300px; */
    grid-template-rows: repeat(2, 300px);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
    padding: 25px 15px;
    background: #fdfdfd;
    position: relative;
}

.splash-dashboard .flag {
    /* position: absolute;
    top: 0px;
    right: 20px;
    padding:4px 8px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; */
    display: inline-block;
    margin-left: 8px;
    transform: scale(0);
    padding: 2px 6px;
    border-radius: 5px;
    background: #fb6b67;
    border-top: 0;
    color: #ffffff;
    font-size: 14px;
    vertical-align: text-bottom;
    animation-name: grow;
    animation-delay: 1s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}

.splash-dashboard .flag.purple {
    background: rgb(140, 73, 146);   
}

@keyframes grow {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }

.splash-dashboard > a:hover,
.splash-dashboard > a:focus {
    text-decoration: none;
    background: #f3f3f3;
}

.splash-dashboard h2 {
    /* text-align: center; */
    font-family: "circular-std", sans-serif;
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 24px;
    margin-top: 10px;
    /* margin-top: 1.5rem; */

}

.dashboard-card {
    display: flex;
    flex-direction: row;
}

.dashboard-card p {
    font-size: 16px;
    color: #555555;
    line-height: 1.35;
    /* text-align: center; */
}

.dashboard-card .circle {
    width:55px;
    min-width: 55px;
    height:55px;
    /* margin:0 auto; */
    background:#fedfc7;
    padding:8px;
    border-radius:50%;
    /* border:1px solid #DF7F56; */
    margin-right: 20px;
}

.block-box {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 1px;
    box-shadow: 0px 3px 7px #f1f1f1;
    padding: 10px;
    border-left: 2px solid #5ebbea;
    margin-top: 20px;
}

.block-box.green {
    border-left-color: rgba(82, 191, 158, 0.82);
}

.form-group.error label,
.input-group.error label {
    color: rgba(209, 31, 94, 1);
}

.form-group.error input,
input.error,
.input-group.error input {
    border-color: rgba(209, 31, 94, 1);
}

.input-group.error .input-group-addon {
    border-color: rgba(209, 31, 94, 1);
}

label.error,
input.error {
    color: rgba(209, 31, 94, 1);
}

.error-notice {
    color: rgba(209, 31, 94, 1);
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    animation-delay: 1s;
}

select.error {
    border: 1px solid rgba(209, 31, 94, 1) !important;
}

.alert-msg {
    color: rgba(209, 31, 94, 1);
    padding-top: 7px;
    display: block;
}

/* Override for DataTables Nav */
.dataTables_paginate .pagination > li > a, .dataTables_paginate .pagination > li > span {
    padding: 2px 10px;
}

ul.contact-list {
    width: 320px;
    list-style: none;
    margin: 15px auto;
}

form .quarter-input,
.input-group .quarter-input {
    width: 25%;
    min-width: 135px;
}

form .half-input {
    width: 50%;
    min-width: 135px;
}

.form-control {
    width: 90%;
    height: auto;
    padding: 12px;
    font-size: 16px;
}
select.form-control-plain {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 98% center;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: auto;
    white-space: normal;
    border-radius: 0;
    text-overflow: ellipsis;

}
select.form-control-sm {
    padding: 3px 2px;
}

.form-well {
    width:100%;
    max-width: 500px;
    background: #ffffff;
    border: 1px solid #cecece;
    margin: 0 auto;
    box-shadow: 0px 2px 2px #d8d8d8;
}

.form-well label {
    color: #5F6B7A;
}

.form-well-note {
    margin: 20px -20px;
    padding: 5px 20px;
    background: #dcdcdc;
}

/* Base styles (regardless of theme) */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 2px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}

.bs-callout-warning {
    background-color: #FFFDF5;
    border-color: #f1e7bc;
}

.bs-callout-info {
    border-left-color: #5ebbea;
}

.bs-callout-success {
    border-left-color: #5bde7a;
}

.pet-name-tag {
    color: #fff;
    background: #5ebbea;
    display: inline-block;
    margin: 0;
    line-height: 12px;
    vertical-align: middle;
    font-size: 12px;
    text-shadow: none;
    box-shadow: none;
    font-weight: 500;
    padding: 7px 25px;
    border-radius: 4px;
}

.pet-name-tag.topLeft {
    position: relative;
    top: -1px;
    left: -2px;
    border-radius:0;
    border-bottom-right-radius: 4px;
}

.avatar {
    max-width: 90px;
    max-height: 90px;
}

.img-circle {
    border-radius: 50%;
}

.page-alert {
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
    display: none;
}

.page-alert-inner {
    width: 250px;
    height: auto;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    box-shadow: 0px 0px 7px #E0E0E0;
    padding: 6px;
    margin: 0 auto;
}

.pet-form select {
    padding: 12px;
    font-size: 16px;
    border-radius: 4px;
}

.pet-form .form-group {
    margin-bottom: 10px;
}

.pet-form fieldset legend {
    border-bottom: 1px solid #e5e5e5;
    color: #32a0ee;
}

.p-datepicker {
    background: url('calendar-input-icon-grey.png') no-repeat right center;
    min-width: 90px;

    /* Force "readonly" datepickers to look like they are not readonly */
    /* Remove these lines once all datepickers are updated to new ViewUtil helper function */
    cursor: pointer !important;
    background-color: #FFF !important;
}

.p-datepicker:not(:disabled) {
    cursor: pointer;
}

.p-datepicker:not(:disabled):hover {
    background: url('calendar-input-icon-blue.png') no-repeat right center;
}

#serviceModal .form-group {
    position: relative;
}

#serviceModal .form-group .form-group-disabler {
    position: absolute;
    width: 100%;
    z-index: 100;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF)";
    display: none;
}

.service-request-form {
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    box-shadow: 0px 0px 7px #E0E0E0;
    padding: 10px;
    margin: 25px 0;
}

.service-request-section {
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    box-shadow: 0px 0px 7px #E0E0E0;
    padding: 0;
    margin: 2px 0;
}

.service-request-item {
    min-height: 91px;
    border-right: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    padding: 10px;
}

.service-request-header {
    color: #333333;
    background-color: #f6f6f6;
    border-color: #e9e9e9;
    padding: 7px 0 7px 15px;
    border-radius: 6px 6px 0 0;
    margin-bottom: 0px;
    font-size: 125%;
}

.service-request-section .form-group {
    margin: 5px
}

.service-request-day-container {
    min-width: 230px;
    width: 275px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-bottom: 5px;
}

.service-request-day {
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #ececec;
    margin: 0px;
    width: 95%;
    padding: 10px;
}

.service-request-day h3 {
    margin-top: 5px;
    text-align: center;
}

.service-request-day label {
    font-weight: normal;
}

#globalAlert {
    position: fixed;
    margin: 0px auto;
    right: 0;
    left: 0;
    top: 48px;
    display: none;
    z-index: 1060;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0px 0px 3px #363636;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.03) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.03) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.03) 50%,rgba(255,255,255,.03) 75%,transparent 75%,transparent);
    background-size: 5px 5px;
    padding:15px 25px 15px 15px;
}


#globalAlert.alertSuccess {
    background-color: rgba(4, 133, 94, .8);
}

#globalAlert.alertInfo {
    background-color: rgba(77, 120, 204, 0.95);
}

#globalAlert.alertWarning {
    background-color: rgba(237, 156, 40, .8);
}

#globalAlert.alertError {
    background-color: rgba(204, 0, 0, .8);
}

#globalAlert .globalAlertClose {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3px;
}

.error-msg {
    color: #d11f5e;
    font-weight: bold;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

.btn-borderless {
    display: inline-block;
    margin: 0;
    line-height: 15px;
    vertical-align: middle;
    font-size: 12px;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    border: 0 none;
    color: #626263;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0);
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    padding: 7px 14px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
}

.btn-borderless.sm {
    padding: 7px;
}

.btn-borderless.active, .btn-borderless:hover {

    color: #fff;
    background: #5ba0a3;
    border: 1px solid #5ba0a3;
    text-decoration: none;

}
.btn.btn-xs {
    padding: 2px 8px;
}

.btn-borderless.danger:hover {
    background: #ed5565;
    border-color: #ed5565;

    box-shadow: 0px 2px 0px #c52637;
    color: #fff;
}


.package-redeem-overlay {
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF)";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.package-redeem-overlay img {
    display: block;
    margin: 75px auto 0 auto;

}

.services-close-button {
    position: absolute;
    top: 24px;
    right: 4px;
    z-index: 2;
}

.imprecise-calendar table {
    width: 100%;
}

.imprecise-calendar table > thead > tr > th {
    text-align: center;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.imprecise-calendar table > thead > tr > th:first-child {
    border-left: 1px solid #DDD;
}

.imprecise-calendar table > tbody > tr > td {
    text-align: center;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    height: 300px;
}

.imprecise-calendar table > tbody > tr > td:first-child {
    border-left: 1px solid #DDD;
}

.imprecise-agenda table {
    width: 100%;
}

.imprecise-agenda table.agenda > thead > tr > th {
    font-size: 1.1em;
    background-color: #FAFAFA;
    color: #646464;
    padding: 6px 12px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #D7D7D7;
}

.imprecise-agenda table.agenda > tbody > tr > td {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
}

.imprecise-agenda table.agenda > tbody > tr > td:first-child {
    border-left: 1px solid #DDD;
}

.imprecise-agenda table.agenda > tbody > tr > td.agenda-date-td {
    max-width: 225px;
    min-width: 145px;
    padding: 6px;

    color: #A8A8A8;
}

.imprecise-agenda .agenda-day {
    font-size: 3em;
    float: left;
    color: #32a0ee;
    line-height: 41px;
    margin-right: 12px;
}

.imprecise-agenda .agenda-day-of-week {
    font-size: 1.1em;
    display: block;
}

.imprecise-agenda .agenda-date {
    font-size: 0.8em;
}

.imprecise-agenda .agenda-event {
    padding: 2px;
    border-radius: 2px;
    font-size: 0.8em;
    margin: 3px 15px 3px 5px;
    cursor: pointer;
    position: relative;
}

.imprecise-agenda .agenda-event.has-right-arrow {
    margin-right: 25px;
}

.imprecise-agenda .agenda-event.has-left-arrow {
    margin-left: 25px;
}

.imprecise-agenda .agenda-event .left-arrow {
    position: absolute;
    left: -15px;
    color: #7e91aa;
}
.imprecise-agenda .agenda-event .right-arrow {
    position: absolute;
    right: -15px;
    color: #7e91aa;
}
.imprecise-agenda .agenda-event.Scheduled {
    background-color: #5CA3C7;
    border: 1px solid #3A87AD;
    color: #fff;
}
.imprecise-agenda .agenda-event.Rejected {
    background-color: #2d2d2d;
    border: 1px solid #555;
    color: #fff;
}

.imprecise-agenda .agenda-event.Cancelled {
    background-color: #898989;
    border: 1px solid #555;
    color: #fff;
}

.imprecise-agenda .agenda-event.Completed {
    background-color: #80CD8A;
    border: 1px solid #4BAA57;
    color: #fff;
}

.imprecise-agenda .agenda-event.Pending {
    background-color: #D21E5B;
    border: 1px solid #D21E5B;
    color: #fff;
}

#paymentContainer {
    min-height: 100px;
    position: relative;
}

input[data-card="yes"] {

    background: url('/images/credit-cards/credit-placeholder.png') 98% 0% no-repeat;
    background-size: contain;

}

input[data-card="yes"].visa {
    background-image: url('/images/credit-cards/visa-icon.png');
}

input[data-card="yes"].mastercard {
    background-image: url('/images/credit-cards/mastercard-icon.png');
}

input[data-card="yes"].discover {
    background-image: url('/images/credit-cards/discover-icon.png');
}

input[data-card="yes"].amex {
    background-image: url('/images/credit-cards/amex-icon.png');
}

input[data-card="yes"].jcb {
    background-image: url('/images/credit-cards/jcb-icon.png');
}

input[data-card="yes"].dinersclub {
    background-image: url('/images/credit-cards/dinersclub-icon.png');
}


.greyscale-payment-method {
    background-image: url('/images/credit-cards/all-card-brands-usa.svg');
    overflow: hidden;
    height: 25px;
    display: inline-block;
}

.greyscale-payment-method.visa, .greyscale-payment-method[data-brand="visa"] {
    width: 44px;
}

.greyscale-payment-method.mastercard, .greyscale-payment-method[data-brand="mastercard"] {
    background-position: -48px 0;
    width: 29px;
}

.greyscale-payment-method.amex, .greyscale-payment-method[data-brand="american express"] {
    background-position: -138px 0;
    width: 52px;
}

.greyscale-payment-method.discover, .greyscale-payment-method[data-brand="discover"] {
    background-position: -274px 0;
    width: 56px;
}

.greyscale-payment-method.jcb, .greyscale-payment-method[data-brand="jcb"] {
    background-position: -357px 0;
    width: 28px;
}

.greyscale-payment-method.diners, .greyscale-payment-method[data-brand="diners club"] {
    background-position: -217px 0;
    width: 29px;
}


#paymentContainerProcess .credit-cvc, #add_CardForm .credit-cvc {
    width: 64px;
}
#paymentContainerProcess .stripe-connect.stripe-connect-card-form {
    margin: 0 auto !important;
}

.new-card-form {
    border: 1px solid #EDEDED;
    border-radius: 4px;
    box-shadow: 1px 1px 6px #F0F0F0;
    max-width: 525px;
    margin: 0 auto 15px auto;
    padding: 15px;
}

.fullscreen-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 1031;
    display: none;

}

.fullscreen-overlay-header {
    /* height: 33px; */
    background: #f7f9fa;
    color: #555555;
    font-size: 1.45em;
    padding: 10px;
    border-bottom:1px solid #dddddd;
}

.fullscreen-overlay-subheader {
    margin: -15px -15px 20px -15px;
    padding: 15px;
    background: #f7f9fa;
    border-bottom: 1px solid #E0E0E0;
    box-shadow: 1px 1px 5px #F3F3F3;
}

.fullscreen-overlay-subheader h2 {
    display: inline-block;
    font-size: 120%;
    color: #32a0ee;
    margin: 0;
}

.fullscreen-overlay-close {
    cursor: pointer;
}

.fullscreen-overlay-body {
    padding: 15px;
    position: absolute;
    top:53px;
    bottom: 50px;
    right: 0;
    left: 0;
    overflow-x: scroll;
}

.fullscreen-overlay-footer {
    background: #f5f5f5;
    color: #555555;
    font-size: 1.45em;
    padding: 10px 10px 14px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 40px;
    border-top: 1px solid #dddddd;
}
.fullscreen-overlay-footer .pull-center {
    text-align: center;
}
.fullscreen-overlay-footer .pull-center button {
    padding: 6px 25px;
}

.fullscreen-overlay-footer .color-line.overlay-color-line {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.fullscreen-overlay-footer button {
    font-size: 15px;
}

.fullscreen-overlay-loader {
    display: none;
}

.fullscreen-overlay-overlay {
    background-color: rgba(255, 255, 255, 0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF)";
    z-index: 1032;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.fullscreen-overlay-overlay img {
    display: block;
    margin: 75px auto 0 auto;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

table.dataTable thead tr th {

    border-bottom: none !important;
}

#unpaidInvoicesTable td.not-selected {
    opacity: 0.85;
}

.portal-help-article img {
    max-width: 95%;
    height: auto;
    border: 1px solid #F4F4F4;
    border-radius: 6px;
    box-shadow: 1px 1px 6px #F2F2F2;
    margin: 15px 0;
    display: block;
}

.portal-help-article p {
    font-size: 110%;
}

.portal-help-article h1 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 32px;
    color: #32a0ee;
}

.event-details-group {
    padding: 7px 2px;
    border-bottom: 1px solid #ECECEC;
}

.event-details-group:hover {
    border-bottom: 1px solid #CCC;
}

.icon-large {
    font-size: 14px;
}

.form-horizontal.event-details-form .form-group {
    margin-bottom: 5px;
    margin-left: 0;
}

.conversation-for-event-details img {
    padding: 5px;
    box-shadow: 1px 1px 3px #ccc;
    max-width: 150px;
    display: block;

}

.billing-box {
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    box-shadow: 0px 0px 7px #E0E0E0;
    padding: 10px;
    border-bottom: 3px solid #5BC0DD;
    margin-top: 20px;
    margin-bottom: 25px;
}

.service-request-change-box {
    box-shadow: 1px 1px 6px #ccc;
    padding: 3px;
    border-radius: 3px;
    text-align: center;
    border-bottom: 2px solid #5bc0de !important;
    margin: 5px 0 8px 0;
    border: 1px solid #E4E4E4;
    display: none;
}

.service-request-day-change a {
    display: block;
}

.portal-banner {
    padding: 15px;
    border: 1px solid #eee;
    box-shadow: 0px 2px 4px #eee;
    border-radius: 4px;
    border-left: 4px solid rgba(233, 78, 119, 0.8);
    border-right: 4px solid rgba(233, 78, 119, 0.8);
    margin-top: -15px;
    margin-bottom: 20px;
    word-wrap: break-word;
}
.portal-banner.warning {
    border-left-color: rgba(53, 186, 196, 0.8);
    border-right-color: rgba(53, 186, 196, 0.8);
}

.portal-banner-info {
    padding: 15px;
    background: #f6f6ff;
    border: 1px solid #d9d9ff;
    margin: 10px auto;
}

/* consistent spacing with the mobile app notificaiton */
.portal-banner br {
    content: '';
    margin-top: 10px;
    display: block;
}

.pending-requests-banner {
    padding: 15px;
    border: 1px solid #eee;
    box-shadow: 0px 2px 4px #eee;
    border-radius: 4px;
    border-left: 4px solid rgba(91, 192, 221, 0.8);
    border-right: 4px solid rgba(91, 192, 221, 0.8);
    margin-top: -15px;
    margin-bottom: 20px;
    display: none;
    position: relative;
}

.create-account-form span.highlighted-text {
    display: none;
}

span.highlighted-text {
    position: relative;
    background: #efeff9;
    font-size: 12px;
    margin-left: 4px;
    color: #0f0f5e;
    border: 1px solid #b1b1dd;
    border-radius: 3px;
    padding: 2px 4px;
    top: -2px;
    font-weight: 400;
}

.new-card-form fieldset legend {
    padding: 0;
    margin: -15px 0 15px -5px;
    font-size: 120%;
    color: #32a0ee;
}

.new-card-form form {
    padding: 15px;
}

.form-control.credit-zip {
    width: 80px
}

form#createForm .form-group {
    margin-left: 0;
}

.fc-button {
    padding: 3px 5px;
    cursor: pointer;
}

.when-inputs input {
    display: inline;
    width: 102px;
}

.when-inputs input.date {
    width: 120px;
}

.when-inputs input.error {
    background-color: #FFF0F0;
}

.visit-answers {
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    box-shadow: 0px 0px 7px #E0E0E0;
    margin: 15px 0;
    max-width: 650px;
    width: 90%;
    padding: 0;
}

@media (max-width: 768px) {
    .visit-answers {
        width: 100%;
    }

}

.visit-answers table {
    margin-bottom: 0;
}

.visit-answers table tr.title td {
    border-top: none;
    padding: 6px;
    font-size: 110%;
    font-weight: bold;
    color: #428bca;
    text-align: center;
    background: #f9f9f9;
}

.visit-answers table tr td.visit-answer-icon {
    width: 45px;
    position: relative;
}

.visit-answers table tr td.visit-answer-icon .icon-wrapper {
    width: 36px;
    height: 36px;
    color: #fff;
    background: #d8d8d8;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 8px;
}

.visit-answers table tr td.visit-answer-icon .icon-wrapper i {
    margin-top: 8px;
    margin-left: 9px;
    display: inline-block;
}

.visit-answers table tr td.visit-answer-icon .icon-wrapper i.icon-time {
    margin-top: 8px;
    margin-left: 9px;
    font-size: 165%;
}

.visit-answers table tr td.visit-answer-icon img {
    max-width: 36px;
    margin: 5px;
}

.visit-answers table tr:first-child td:first-child {
    border-top-left-radius: 8px;
}

.visit-answers table tr:first-child td:last-child {
    border-top-right-radius: 8px;
}

.visit-answers table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.visit-answers table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.visit-answers i {
    font-size: 145%;
}

.visit-answers td.visit-report-message {
    padding: 5px;
    height: 52px;
}

.visit-answers td.visit-report-message img {
    max-width: 90%;
}

.visit-answers i.icon-check {
    color: #52bf9e;
}

.visit-answers i.icon-remove-circle {
    color: rgba(209, 31, 94, 1);
}

.visit-answers table tr td.visit-answer-title {
    font-weight: bold;
}

.visit-answers table tr td.visit-answer-answer {

}

.visit-answers table tr td {
    padding: 3px;
}

.visit-question-setup-list {
    padding: 0;
    margin: 10px;
    max-width: 600px;
}

.visit-question-setup-list ul {
    margin-bottom: 0;
    border-radius: 6px;
    border-top: none;
}

.visit-question-setup-list ul li:first-child {
    border-radius: 6px 6px 0 0;
}

.visit-question-setup-list ul li:last-child {
    border-radius: 0 0 6px 6px;
    border-bottom: none;
}

.service-type-box {
    border: 1px solid #CACACA;
    border-radius: 6px;
    padding: 15px 25px;
    cursor: pointer;
    min-height: 125px;
    margin-bottom: 15px;

}

.service-type-box p {
    font-size: 105%;
    color: #6F6F6F;
}

.service-type-box:hover p {
    color: #222;
}

.service-type-box:hover {
    border-color: #52bf9e;
}

.service-type-box:hover h4 {
    color: #52bf9e;
}

.service-type-box h4 {
    text-align: center;
    margin-bottom: 10px;
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    color: #5F5F5F;
}



.nav-tabs {
    border-bottom: 1px solid #e9e9e9;
    margin-top: 10px;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    background: white;
    border-bottom: 1px solid transparent;
    cursor: default;
}

.grandparent-tab.nav-tabs > li {
    margin-bottom: 0;
}

.grandparent-tab.nav-tabs > li > a {
    font-size: 16px;
    background: #ffffff;
    margin-right: 0;
}
.grandparent-tab.nav-tabs > li.active > a, .grandparent-tab.nav-tabs > li.active > a:hover, .grandparent-tab.nav-tabs > li.active > a:focus {
    background: blue;
    color: white;
    font-weight: bold;
}
.grandparent-tab.nav-tabs > li > a:before {
    content: none;
}

.nav-tabs > .active > a {
    position: relative;
    border-top-color: transparent !important;
}

.nav-tabs > .active > a:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    border-top: 2px solid #ed3e49;
}

.nav-tabs > li > a {
    border-radius: 0;
    padding: 10px 30px;
    color: #333333;
    -webkit-transition: all .05s linear;
    -o-transition: all .05s linear;
    transition: all .05s linear;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0;
}

.nav > li > a {
    position: relative;
    display: block;
}

@media (max-width: 768px) {

    #servicesTypeRequest .bs-callout,
    #servicesRequest .bs-callout {
        padding-top: 40px !important;
    }

}

@media (max-width: 991px) {
    .navbar-brand {
        max-width: 70% !important;
    }
}

@media (min-width: 992px) {
    .navbar-header {
        max-width: 35%;
    }
}

.label-survey-neutral {
    background: #7b7b7b;
    color: #fff;
}

.label-survey-positive {
    background: #52bf9e;
    color: #fff;
}

.label-survey-negative {
    background: #dd5a50;
    color: #fff;
}

/* nest in <a> for specifity (to override fontawesome vendor styles) */
a i.portal-header-icon {
    display: inline;
    font-size: 12px;
    opacity: 0.85;
    background: white;
    padding: 3px;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 10px;
    right: 1px;
    border-radius: 50%;
    text-align: center;
}

i.portal-header-error {
    color: #ed3e49;
}

i.portal-header-warning {
    color: rgba(53, 186, 196, 0.8);
}

@media (max-width: 991px) {
    i.portal-header-icon {
        position: static;
    }
}
.text-red {
    color: #ed3e49;
}
.well {
    border: 1px solid #e6e6e6;
    background-color: white;
    box-shadow: 0 4px 7px 0px #f5f5f5;
    border-radius: 3px;
    border-left: 2px solid #d0dde9;
}

.form-block {
    background: #fff;
    box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.05);
    padding: 22px 34px 32px;
    border-radius: 10px;
    margin-bottom: 9px;
}


.well.well-sm {
    padding: 12px;
}
.well.well-inline {
    display: inline-block;
}
.well-aqua {
    border-left: 2px solid #35bac4;
}

.well-blue {
    border-left: 2px solid #7db4e2;
}

.well.well-green {
    border-left: 2px solid rgba(82, 191, 158, 0.82);
}

.well-red {
    border-left: 2px solid rgba(209, 31, 94, 0.65);
}
.well-notice {
    background:#ffeeee;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ffb8b8;
    max-width: 800px;
}

.well-notice h5 {
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 1.4;
}

.well-notice .text-red {
    margin-left: 15px;
}

.color-line {
    background: #f7f9fa;
    height: 4px;
    background-image: linear-gradient(to right, #3b9ff3 0%, #23c6c8 33%, #1bb394 50%, #3b9ff3 100%);
    /*background-image: linear-gradient(to right, #3590ca, #3590ca 25%, #ed5565 25%, #ed5565 35%, #23c6c8 35%, #23c6c8 45%, #1bb394 45%, #1bb394 55%, #f8ac59 55%, #f8ac59 75%, #e74c3c 65%, #e74c3c 100%);*/
    /*background-image: linear-gradient(to right, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);*/
    /*background-image: linear-gradient(to right, #3590ca, #3590ca 25%, #ed5565 25%, #ed5565 50%, #23c6c8 50%, #23c6c8 75%, #1bb394 75%, #1bb394 100%);*/
    /*background-image: linear-gradient(to right, #52be9f, #52be9f 25%, #86d2df 25%, #86d2df 50%, #f6c932 50%, #f6c932 75%, #e31e72 75%, #e31e72 100%);*/
    background-size: 100% 6px;
    background-position: 50% 100%;
    background-repeat: no-repeat;

}

.action-bar {
    padding: 10px 10px 2px 10px;
}

.fullscreen-overlay-footer .action-bar {
    margin-bottom: -8px;
}

.action-bar.no-padding {
    padding: 0;
}

.action-bar > *:not(.action-bar-exclude) {
    margin-bottom: 8px !important;
    margin-right: 8px !important;
    display: inline-block;
    vertical-align: middle !important;
}

.petList { display: inline-block; }

.petList > li {
    margin-top: 15px;    
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #ccc;
}

.petList > li:first-child {
    border-left: 0;
}
.clientResponse {
    padding: 8px 0 4px 8px;
}

.petField {
    margin: 10px 0;
    padding: 8px;
    border-top:1px solid #ccc;
}

.petField + .no-details {
    display: none;
}

.pet-details-item:nth-child(2n+1) {
    clear:left;
}

.pet-details-item > .bs-callout{
    padding:0;
}

.pet-details-item .avatar {
    max-width: 68px;
    max-height: 68px;
}


/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
    padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}
.tabbable-line.with-bottom-border > .nav-tabs {
    border-bottom: 1px solid #e9e9e9;
    margin: 0px;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}

.tabbable-line.contained > .nav-tabs > li {
    margin-right: 3px;
    margin-bottom: 1px;
}

.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #737373;
}

.tabbable-line.contained > .nav-tabs > li > a {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fbfbfb;
    color: #707070;
}

.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}

.tabbable-line.contained > .nav-tabs > li > a > i {
    color: #707070;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #fbcdcf;
}

.tabbable-line.green > .nav-tabs > li.open, .tabbable-line.green > .nav-tabs > li:hover {
    border-bottom: 4px solid rgba(82, 191, 158, 0.26);
}
.tabbable-line.blue > .nav-tabs > li.open, .tabbable-line.blue > .nav-tabs > li:hover {
    border-bottom-color: #5ebbea !important;
}

.tabbable-line.contained > .nav-tabs > li.open, .tabbable-line.green > .nav-tabs > li:hover {
    border-top: 1px solid #52bf9e;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0;
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333333;
}

.tabbable-line.contained > .nav-tabs > li.open, .tabbable-line.green > .nav-tabs > li:hover > a {
    background: #fff;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #f3565d;
    position: relative;
}

.tabbable-line.green > .nav-tabs > li.active {
    border-bottom: 4px solid #52bf9e;
    position: relative;
}

.tabbable-line.blue > .nav-tabs > li.active {
    border-bottom-color: #5ebbea !important;
    position: relative;
}

.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #333333;
}

.tabbable-line.contained > .nav-tabs > li.active > a {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    color: #333333;
}

.tabbable-line.contained > .nav-tabs > li.active > a {
    border-top: 2px solid #52bf9e;
    background: #fff;
    color: #47a689;
}

.tabbable-line > .nav-tabs > li.active > a > i {
    color: #f3565d;
}

.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.tabbable-line.contained > .tab-content {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 0 4px 4px 4px;
}


.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}

.tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf;
}

.tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d;
}

.tabbable-line.contained > .nav-tabs > li.active {
    border-bottom: 1px solid #fff;
    border-top: none;
}

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.tabbable-line .nav-tabs > .active > a:before {
    border-top: none;
}


/*** Button Blue ***/

.btn-light-gray {
    background-color: #e4e4fa;
    color: #333;
    font-weight: 600;
}

.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active {
    border: 1px solid #e4e4fa;
    background-color: #f2f2fe;
}

.btn-gray {
    background-color: #5D5D68;
    color: #fff;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
    background-color: #7D7D87;
    color: #fff;
}

.footer-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: rgba(0, 54, 99, 0.75);
    text-align: center;
    padding: 10px;
    color: #ffffff;
    display: none;
}
.footer-banner i {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    cursor: pointer;
}
.footer-banner a {
    color: #fff;
    text-decoration: underline;
}
.footer-banner a:hover {
    color: #83d2e0;
}
body.has-footer-banner {
    padding-bottom: 25px;
}

.top-buffer-xs {
    margin-top: 5px;
}

ul.show-social li {
    margin-left: 5px;
    margin-top: 8px;
    vertical-align: middle;
}


footer a {
    color: inherit;
    text-decoration: underline;
    font-weight: bold;
}


@media(max-width: 727px) {
    .footer-banner {
        height: 60px;
        padding: 10px 15px;
    }
    body.has-footer-banner {
        padding-bottom: 40px;
    }
}

.portal-policy-text p {
    margin: 0;
}


.navbar-toggle {
    margin-top: 12px;
    margin-bottom: 12px;
}
.hamburger-box {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 24px;
    vertical-align: middle;
    transform: scale(.6);
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 35px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background: #333;
}

.hamburger-inner {
    position: absolute;
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s;
    transition-property: transform;
    width: 35px;
    height: 4px;
    border-radius: 4px;
    background-color: #333;
}

.hamburger-label {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}

@media (max-width: 380px) {
    .hamburger-box {
        display: none;
    }
}

.hamburger.collapsed .hamburger-inner:before {
    top: -10px;
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
}

.hamburger.collapsed .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger:not(.collapsed) .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(45deg);
}

.hamburger:not(.collapsed) .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform: rotate(90deg);
}
.hamburger:not(.collapsed) .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity: 0;
}

.label.label-primary.inverse {
    color: #3d4eac;
    background: #d6ecff;
}
.payment-source-table {
    color: #525f7f;
    font-size: 115%;
}
.payment-source-table .greyscale-payment-method {
    zoom: 0.9;
    margin-bottom: -6px;
    margin-right: 5px;
}
span.highlight {
    border-radius: 4px;
    border: 1px solid #94a6e8;
    background: #eaf3ff;
    padding: 0px 6px;
    box-shadow: 1px 1px 3px #d6d6d6;
    margin: 0 4px;
    font-size: 95%;
    display: inline-block;
}

/** Lets update buttons to be same as Dashboard **/
.btn {
    text-shadow: none !important;
}
.btn .spinner {
    margin: -2px 2px -2px 0;
    height: 14px;
    width: 14px;
    display: inline-block;
}
.btn.btn-success, .btn-flat.success {
    background: #1bb394;
    border-color: #1bb394;
    box-shadow: 0px 2px 0px #0d8e74;
    font-weight: inherit;
}
.btn.btn-success:hover, .btn-flat.success:hover {
    background: #3aa58c;
}
.btn.btn-danger, .btn-flat.danger {
    background: #ed5565;
    border-color: #ed5565;
    box-shadow: 0px 2px 0px #c52637;
    font-weight: inherit;
}
.btn.btn-danger:hover, .btn-flat.danger:hover {
    background: #ea394c;
}


.btn.btn-purple {
    box-shadow: 0px 2px 0px rgb(140, 73, 146);
    color: #fff;
}
.btn.btn-purple, .btn-flat.purple {
    background: rgb(185, 103, 191);
    border-color: rgba(177, 95, 183, 1);
    box-shadow: 0px 2px 0px rgb(140, 73, 146);
    font-weight: inherit;
}
.btn.btn-purple:hover, .btn-flat.purple:hover {
    background: rgb(162, 84, 168);
}


.btn.btn-blue {
    background: #3b9ff3;
    border-color: #3b9ff3;
    box-shadow: 0px 2px 0px #307ec1;
}

.btn.btn-blue:hover {
    background: #3a90e2;
}
.btn.btn-default {
    background: #fbfbfb;
    color: #545454;
    border: 1px solid #d0dde9;
    box-shadow: 0px 2px 0px #d0dde9;
}

.btn.btn-default:hover {
    background: #f7f7f7;
}
.btn.btn-red {
    background: #ed5565;
    border-color: #ed5565;
    box-shadow: 0px 2px 0px #c52637;
}

.btn.btn-red:hover {
    background: #ea394c;
}

.btn.btn-info-ghost {
    border-color: #207f9a;
    background: white;
    color: #207f9a;
}

.btn.btn-info {
    background: #35bac4;
    border-color: #35bac4;
    box-shadow: 0px 2px 0px #18848c;
}

.btn.btn-info:hover {
    background: #34afb9;
}

.btn-portal-login {
    font-size: 18px;
    font-weight: bold;
    width: 90%;
    background: #3b4772;
    color: #fff;
    padding: 13px;
    
}

.btn-portal-login:hover, .btn-portal-login:focus {
    color: white;
    background: #4c5c94;

}

.login-well .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.pwd-reset {
    position: absolute;
    right: 45px;
    top: 0px;
    color: #207f9a;
}

.account-switcher-container {
    margin: 6px 0;
    border: 1px solid #e8e8e8;
    box-shadow: 1px 1px 5px #f3f3f3;
    border-radius: 2px;
    position: relative;
    min-height: 52px;
}
.account-switcher-container:hover,
.account-switcher-container.has-form {
    border-left: 3px solid #ed3e49;
}
.account-switcher-container:hover .account-switcher-container-header,
.account-switcher-container.has-form .account-switcher-container-header {
    margin-left: -2px;
}
.account-switcher-container-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    height: 60px;
    padding: 10px 15px;
    font-size: 120%;
}
.account-switcher-container-open-indicator {
    color: #757575;
    padding-right: 5px;
}
.account-switcher-container-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.account-switcher-container-logo img {
    max-width: 40px;
    max-height: 40px;
}
.account-switcher-container-title {
    flex-grow: 1;
    padding-left: 5px;
}
.account-switcher-container-contents {
    padding: 0 20px;
}
#accountSwich_loginForm_Error {
    display: none;
    margin-top: 10px;
    padding: 6px 12px;
    background-color: rgb(255, 225, 225);
    border: 1px solid #d11f5e;
    border-radius: 2px;
    color: #d11f5e;
    font-weight: bold;
    font-size: 1em;
}

.loading-overlay {
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.loading-overlay img,
.loading-overlay span.spinner {
    display: block;
    margin: 75px auto 0 auto;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;

}

.loading-overlay.no-margin img,
.loading-overlay.no-margin span.spinner {
    margin: 0 auto 0 auto;
}

/* Help Section Style */
.help-article img {
    width: auto;
    max-width: 100%;
    display: block;
}
.help-article {

    box-shadow: -3px 1px 15px #efefef;
    border: 1px solid #e8e8e8;
    padding: 25px;
    margin-left: 15px;
}
.help-article p {
    margin-bottom: 1.5em;
    color: #585858;
}
.help-article img {
    display: block;
    margin: 1em 0 2em;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.help-article h2 {
    margin: 0 0 0.65em;
}

.help-article h3 {
    margin-bottom: 0.65em;
}
.help-sidebar {
    flex:0 0 220px;
}
.help-sidebar li, .help-article .article-list li {
    margin-top: 8px;
    font-size: 1.2em;
}
.help-sidebar li i, .help-article .article-list li i
{
    color: #5f5f5f;
    font-size: 90%;
    margin-right: 3px;
}


.gift-card-container {
    margin: 20px auto 80px auto;
}
.gift-card {
    border-radius: 20px;
    box-shadow: 0 7px 14px 0 rgba(60, 66, 87, 0.10), 0 3px 6px 0 rgba(0, 0, 0, .09);
    border: 1px solid #dedede;
    max-width: 380px;
    min-height: 200px;
    position: relative;
    margin: 0 auto;
}
.gift-card-logo {
    padding: 5px;
}
.gift-card-logo img{
    max-height: 36px;
}
.gift-card-message {
    max-width: 480px;
    text-align: center;
    margin: 0 auto 15px auto;
}
.gift-card-selected-amount {
    padding: 25px 0 35px 0;
    text-align: center;
    font-size: 3em;
}
.gift-card-amount-custom {
    padding: 25px 0 35px 0;
    text-align: center;
    font-size: 2.35em;
    display: none;
}
.gift-card-amount-custom input {
    display: inline-block;
    width: 120px;
    margin-left: 15px;
    text-align: center;
    font-size: 0.75em;
}

.gift-card-options {
    padding: 25px 0 15px 0;
    text-align: center;
}

.gift-card-options .btn.selected {
    box-shadow: 0 2px 0 rgb(140, 73, 146);
    color: rgb(168, 87, 174);
}
.gift-card-buttons {
    padding: 25px 0 10px 0;
    min-height: 45px;
    text-align: right;
    max-width: 520px;
    margin: 0 auto;
}
.gift-card-buttons button:first-child {
    float: left;
}

.gift-card-flag {
    box-shadow: 0 0 0 1px rgba(42, 47, 69, 0), 0 2px 5px 0 rgba(42, 47, 69, .05), 0 1px 1.5px 0 rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 0 transparent;
    background: #fff;
    color: rgb(140, 73, 146);
    border: 1px solid #cacaca;
    padding: .15em .4em .2em;
    border-radius: 4px;
    border-left: 2px solid rgb(185, 103, 191);
}
.credit-balance-flag {
    box-shadow: 0 0 0 1px rgba(42, 47, 69, 0), 0 2px 5px 0 rgba(42, 47, 69, .05), 0 1px 1.5px 0 rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 0 transparent;
    background: #fff;
    color: #0d8e74;
    border: 1px solid #cacaca;
    padding: .15em .4em .2em;
    border-radius: 4px;
    border-left: 2px solid #1bb394;
}
.open-payment-flag {
    box-shadow: 0 0 0 1px rgba(42, 47, 69, 0), 0 2px 5px 0 rgba(42, 47, 69, .05), 0 1px 1.5px 0 rgba(0, 0, 0, .03), 0 1px 2px 0 rgba(0, 0, 0, .04), 0 0 0 0 transparent;
    background: #fff;
    color: #3b9ff3;
    border: 1px solid #cacaca;
    padding: .15em .4em .2em;
    border-radius: 4px;
    border-left: 2px solid #307ec1;
}
.badge.green {
    background-color: #1bb394;
    color: #fff;
}

.block-select.invisible {
    height: 1px;
}

.schedule-blocks-overlay {
    background: rgb(82 82 82 / 80%);
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.numberCircle {
    margin-right: 15px;
    width: 25px;
    font: 18px Arial, sans-serif;
    line-height: 1.3;
    font-weight: bold;
    color: white;
    background: #0075ff;
    border-radius: 50%;
    height: 25px;
    text-align: center;
    padding: 3px;
}

.numberCircle > i {
    vertical-align: top;
}

.numberCircleRed {
    background-color: #F60B32;
}

.calendar-days-container {
    border-bottom: 1px solid #ccc;
}

.calendar-days-container > div:nth-child(even) {
    background: #f1f1f1;
}

.service-request-container {
    background:#f9f9f9;
}

/* .service-request-container .form-control {
    border-color: #666666;
} */

.service-request-container .form-control:focus {
    outline: none;
    box-shadow: 0 0 0 3px #76d6f1;
}

.time-block-selector:focus-within {
    box-shadow: 0 0 0 3px #76d6f1;
}

@media (max-width: 767px) {
    .help-sidebar {
        width: 300px;
        left: -300px;
        transition: all .3s ease-in-out;
        background:white;
        padding: 15px;
        position: fixed;

    }
    body.menu .help-sidebar {
        left: 0;
    }
    .navbar-toggle-help {
        position:fixed;
        top: 70px;
        background: white;
        border: 1px solid #c8c8c8;
    }
    .help-article {
        margin-left: 0;
    }

    .form-options {
        margin-left: 40px;
        margin-top: 15px;
    }
}

@media (max-width: 450px) {
    .numberCircle {
        margin-right: 10px;
        width: 18px;
        font: 12px Arial, sans-serif;
        height: 18px;
    }

    .form-options {
        margin-left: 0px;
    }
}

ul.portal-onboarding-progress-bar {
    list-style-type: none;
    padding: 20px 15px 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}

ul.portal-onboarding-progress-bar li {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
    text-transform: uppercase;
}

ul.portal-onboarding-progress-bar li a,
ul.portal-onboarding-progress-bar li a span {
    text-decoration: none;
}

ul.portal-onboarding-progress-bar li > * > span {
    color: #7d7d7d;
    margin-left: 5px;
}

ul.portal-onboarding-progress-bar li > *:before {
    font-family: 'icomoon';
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 22px;
    border: 1px solid #7d7d7d;
    border-radius: 50%;
    color: #7d7d7d;
    background-color: white;
    font-size: 16px;
}

ul.portal-onboarding-progress-bar li.active > *:before {
    color: #259A81;
    border-color: #259A81;
}

ul.portal-onboarding-progress-bar li.password > *:before {
    content: '\e903';
}

ul.portal-onboarding-progress-bar li.agreement > *:before {
    content: '\e902';
}

ul.portal-onboarding-progress-bar li.info > *:before {
    content: '\e905';
}

ul.portal-onboarding-progress-bar li.pets > *:before {
    content: '\e904';
}

ul.portal-onboarding-progress-bar li.payment > *:before {
    content: '\e900';
}

ul.portal-onboarding-progress-bar li.welcome > *:before {
    content: '\e906';
}

ul.portal-onboarding-progress-bar li.completed > *:before {
    content: '\e901';
    border-color: #259A81;
    color: white;
    background-color: #259A81;
}

ul.portal-onboarding-progress-bar li.completed *,
ul.portal-onboarding-progress-bar li.active * {
    color: #259A81;
    font-weight: bold;
}

.required-fields-list {
    padding-top: 5px;
}

.required-fields-list .btn-default {
    padding: 2px 8px;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 2px;
    box-shadow: none;
    white-space: normal;
}

@media (min-width: 600px) {
    ul.portal-onboarding-progress-bar {
        height: 100px;
        padding-left: 0;
    }

    ul.portal-onboarding-progress-bar li {
        display: list-item;
        float: left;
        font-size: 12px;
        position: relative;
    }

    ul.portal-onboarding-progress-bar li > *:before {
        display: block;
        width: 35px;
        height: 35px;
        font-size: 20px;
        line-height: 32px;
        margin: 0 auto 10px auto;
        border-width: 2px;
        box-shadow: 0px 0px 0px 3px #f6f6f6;
        z-index: 2;
        position: relative;
    }

    ul.portal-onboarding-progress-bar li:not(:first-child):after {
        width: 100%;
        height: 2px;
        content: '';
        position: absolute;
        background-color: #7d7d7d;
        top: 15px;
        left: -50%;
        z-index: 1;
    }

    ul.portal-onboarding-progress-bar li.completed:after,
    ul.portal-onboarding-progress-bar li.completed + li:after {
        background-color: #259A81;
    }

    ul.portal-onboarding-progress-bar li > * > span {
        margin-left: 0;
    }
}

.cookies-blocked::before {
    content: 'You have cookies disabled. Cookies are required to login/register';
    padding: 12px;
    margin-bottom: 10px;
    background-color: rgb(136 19 55);
    color: white;
    text-align: center;
    font-size: 14px;
    display: block;
}

div .service-review:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);;
    padding-top: 20px;
    margin-top: 20px;
}

.no-bullets {
    list-style-type: none;
}