a {
    cursor: pointer;
}

body {
    color: #425864;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    padding-top: 70px;
    text-rendering: optimizeLegibility;
}

body#home {
    padding-top: 0;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
}

body#zwitserleven {
    color: #333333;
    padding-top: 0;
    font-family: "Quadraat Sans", sans-serif, FontAwesome;
}

body#listing {
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
}

body#landing {
    padding-top: 0px
}

select2-search {
    padding: 10px
}

.floating-container {
    position: fixed;
    width: 100px;
    height: 100px;
    bottom: 0px;
    right: 100px;
    margin: 35px 25px;
    z-index: 10;
}

.floating-container:hover .floating-button {
    box-shadow: 0 10px 25px rgba(44, 179, 240, 0.6);
    -webkit-transform: translatey(5px);
    transform: translatey(5px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.select2-dropdown {
    z-index: 90 !important;
}

.floating-container .floating-button {
    position: absolute;
    width: 65px;
    height: 65px;
    background: #e5573f;
    bottom: 0;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    color: white;
    line-height: 65px;
    text-align: center;
    font-size: 23px;
    z-index: 100;
    box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.floating-container a {
    text-decoration: none;
}

#header-boarding a.navbar-brand,
#header-walking-demand a.navbar-brand,
#header-walking a.navbar-brand,
#header-doggy-day-care a.navbar-brand {
    text-shadow: 1px 1px 2px #000;
    padding: 30px;
    z-index: 80;
}

#header-boarding a.navbar-brand.logo,
#header-walking-demand a.navbar-brand.log,
#header-walking a.navbar-brand.logo,
#header-doggy-day-care a.navbar-brand.logo {
    color: #FFF !important;
}

#header-boarding a.navbar-brand.logo,
#header-walking a.navbar-brand.logo,
#header-doggy-day-care a.navbar-brand.logo {
    font-size: 36px;
    color: #353a3d;
}

#cc-main {
    /** Change font **/
    --cc-font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;

    /** Change button primary color to black **/
    --cc-btn-primary-bg: #e5573f;
    --cc-btn-primary-border-color: #e5573f;
    --cc-btn-primary-hover-bg: #e5573f;
    --cc-btn-primary-hover-border-color: #e5573f;

    /** Also make toggles the same color as the button **/
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);

    /** Make the buttons a bit rounder **/
    --cc-btn-border-radius: 5px;
}

#cc-main .cm__btn {
    font-weight: 400 !important;
}

#cc-main .cm {
    max-width: 65rem !important;
}

#header-walking-demand a.navbar-brand.logo {
    font-size: 36px;
    color: #FFF !important;
}

.insurance-container .panel-heading a:after {
    display: none;
}

.job-panel-heading {
    border-bottom: 1px solid #eee;
}

#home .walkies-search-card:not(.horizontal) .promo-flag {
    position: absolute;
    left: 10px;
    top: -10px;
}

.apple-logo {
    display: block;
    margin: 0 auto;
}

.forbidden-access-img {
    margin: 0 auto;
    display: block;
}

.alert-petbnb-green,
.alert-petbnb-green a {
    color: #FFF !important;
    background: #519b7a;
    font-size: 16px;
    margin-top: 70px;
    margin-bottom: 0;
    border-radius: 0;

}

#suggestion-box,
#street-suggestion-box,
#city-suggestion-box {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px 0px 10px 10px;
    margin-top: -20px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: none;
    background: #FFF;
    box-shadow: 5px 5px 5px #CDCDCD;
}

#suggestion-box ul,
#street-suggestion-box ul,
#city-suggestion-box ul {
    margin-bottom: 0 !important;
}

#suggestion-box ul li:hover,
#street-suggestion-box ul li:hover,
#city-suggestion-box ul li:hover {
    background-color: #519b7a;
    color: #FFF;
}

#suggestion-box ul li,
#street-suggestion-box ul li,
#city-suggestion-box ul li {
    padding: 0px 5px;
}

.suggestion-wrapper,
.suggestion-street-wrapper,
.suggestion-city-wrapper {
    position: absolute;
    width: 100%;
    padding-right: 10px;
}

#suggestion-box-booking,
#street-suggestion-box-booking,
#city-suggestion-box-booking {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px 0px 10px 10px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: none;
    background: #FFF;
    box-shadow: 5px 5px 5px #CDCDCD;
}

#suggestion-box-booking ul,
#street-suggestion-box-booking ul,
#city-suggestion-box-booking ul {
    margin-bottom: 0 !important;
}

#suggestion-box-booking ul li:hover,
#street-suggestion-box-booking ul li:hover,
#city-suggestion-box-booking ul li:hover {
    background-color: #519b7a;
    color: #FFF;
}

#suggestion-box-booking ul li,
#street-suggestion-box-booking ul li,
#city-suggestion-box-booking ul li {
    padding: 0px 5px;
}

.suggestion-wrapper,
.suggestion-street-wrapper,
.suggestion-city-wrapper {
    position: absolute;
    width: 100%;
    padding-right: 10px;
}

.alert-petbnb-green a {
    text-decoration: underline;
}

.grecaptcha-badge {
    visibility: hidden;
}

.error-gif-img {
    margin: 0 auto;
    display: block;
    width: 60%;
    border-radius: 50%;
}

.btn-group.walking-dashboard .btn {
    font-size: 14px;
}

.circle-icon {
    background: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    vertical-align: middle;
    border: 1px solid #e5573f;
}

.ohgdf {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.circle-icon-done {
    background: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    vertical-align: middle;
    border: 1px solid #519b7a;
}

.intl-tel-input {
    display: block !important;
}

.job-description {
    border-right: 1px solid #eee;
    margin-top: 30px;
}

#home .hero .hero-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

.btn-checkbox-walking.inactive.disabled,
.btn-checkbox-walking.inactive:disabled,
.btn-checkbox-walking.inactive[disabled] {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #519b7a 3px, #519b7a 4px) !important;
    color: #519b7a !important;
}

.btn-checkbox-walking:disabled,
.btn-checkbox-walking[disabled] {
    border: 1px solid rgb(221, 221, 221) !important;
    color: rgb(187, 187, 187);
}

.btn-checkbox-walking {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin: 8px 8px 8px 0;
    border-radius: 16px !important;
    background: rgb(255, 255, 255) !important;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 15px;
    border: 1px solid #519b7a !important;
    color: #519b7a !important;
    line-height: 10px !important;
    box-shadow: none !important;
}


.speech-wrapper {
    padding: 0;
}

.speech-wrapper .bubble {
    width: 100%;
    height: auto;
    display: block;
    background: #dcf8c6;
    border-radius: 4px;
    position: relative;
    margin: 0 0 25px;
}

.speech-wrapper .bubble.alt {
    margin: 0;
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
}

.speech-wrapper .bubble .txt {
    padding: 8px 8px 8px 14px;
}

.speech-wrapper .bubble .txt .name {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 4px;
    color: #3498db;
}

.speech-wrapper .bubble .txt .name span {
    font-weight: normal;
    color: #b3b3b3;
}

.speech-wrapper .bubble .txt .name.alt {
    color: #2ecc71;
}

.speech-wrapper .bubble .txt .message {
    font-size: 16px;
    margin: 0;
    color: #425864;
}

.too-late-hourglass {
    height: 300px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.speech-wrapper .bubble .txt .timestamp {
    font-size: 11px;
    position: absolute;
    bottom: 8px;
    right: 10px;
    text-transform: uppercase;
    color: #999;
}

.speech-wrapper .bubble .bubble-arrow {
    position: absolute;
    width: 0;
    bottom: 42px;
    left: -16px;
    height: 0;
}

.speech-wrapper .bubble .bubble-arrow.alt {
    right: -2px;
    bottom: 40px;
    left: auto;

}

.speech-wrapper .bubble .bubble-arrow:after {
    content: "";
    position: absolute;
    border: 0 solid transparent;
    border-top: 9px solid #dcf8c6;
    border-radius: 0 20px 0;
    width: 15px;
    height: 30px;
    transform: rotate(145deg);
}

.speech-wrapper .bubble .bubble-arrow.alt:after {
    transform: rotate(45deg) scaleY(-1);
    border-top: 9px solid #e8e8e8;
}

.btn-checkbox-walking.active {
    color: #FFF !important;
    background: #519b7a !important;

}

#home .hero .hero-wrapper .hero-content-wrapper .hero-content-searchbox {
    margin-top: 30px;
    max-width: 850px;

}

#home .hero .hero-wrapper .hero-content-wrapper .search-form-home {
    -webkit-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
    border-radius: 4px;
    background-color: #fff;
    padding: 15px 25px;
    min-width: 880px;
}


#home .hero .hero-wrapper .hero-content-wrapper .home-broadcast {
    background-color: transparent;
    padding: 0;
    min-width: 880px;
}


.remember-summary,
.careful-summary {
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: #f5f5f5;
    border: 1px solid rgb(221, 221, 221);


}

.remember-summary-content,
.careful-summary-content {
    padding: 24px;
    word-break: break-all;
    word-wrap: break-word;
    color: #333 !important;
    font-size: 1em;
}

.phone-validate-error-block,
.phone-verify-error-block {
    color: #a94442;

}

.btn-outline-petbnb,
.btn-outline-petbnb-pets {
    display: inline-block;
    padding: 10px;
    border: 1px solid #dbdbdb !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    overflow-wrap: break-word;
    height: 90px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none !important;
    border-radius: 4px;
    background: #FFF;
    color: #519b7a;
}

.btn-outline-petbnb.active,
.btn-outline-petbnb-pets.active {
    color: #FFF;
    background: #519b7a;
}

.active .paw-white {
    color: #519b7a;
}

.active #boarding-li .paw-white {
    color: #FFF;
}

.active #boarding-li:hover .paw-white {
    color: #519b7a;
}

.btn-outline-petbnb .paw-right {
    margin-top: -8px;
    position: absolute;
    left: 15px;
}

.btn-no-outline-petbnb {
    display: inline-block;
    padding: 10px 17px;
    border: none !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none !important;
    border-radius: 4px;
    background: #FFF;
    color: #555 !important;
}

.btn-feint-outline-petbnb {
    display: inline-block;
    padding: 10px 17px;
    border: 1px solid #ccc !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none !important;
    border-radius: 4px;
    background: #FFF;
    color: #555 !important;
}


.sitter-card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -.625rem;
    margin-left: -.625rem;
}

.sitter-card-deck .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-right: 3px;
    margin-left: 3px;
}

.card-img-top {
    border-radius: 4px 4px 0 0 !important;
}

.img-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.datepicker table tr td.disabled.booked,
.datepicker table tr td.disabled.booked:hover {
    background: #f9d8d2 !important;
    color: #e5573f !important;

}

.calendar-dot.booked {
    border: 1px solid #e5573f;
    background-color: #f9d8d2;
}

#affix-form .img-circle-host-listing {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 100px !important;
    height: 100px !important;
}

#reviews-inner-container .pagination {
    display: flex;
    justify-content: center;
}

.btn-outline-petbnb .paw-left {
    margin-top: 4px;
    position: absolute;
    right: 19px;
}

#areasearch .pac-item-query,
#areasearchmob .pac-item-query {
    font-size: 16px;
    color: #519b7a !important;
    line-height: 40px;
}

#areasearch:hover .pac-item-query,
#areasearchmob:hover .pac-item-query {
    color: #fff !important;
}

#areasearch,
#areasearchmob {
    font-size: 16px;
}

#areasearch .pac-icon,
#areasearchmob .pac-icon {
    font-size: 16px;
    color: #519b7a;
    background: none !important;

}

#areasearch:hover .pac-icon,
#areasearchmob:hover .pac-icon {
    color: #FFF !important;
}

#reassurance {
    margin: 60px 0;
}

.time-container {
    display: flex;
    overflow: scroll;
    width: 100%;
    position: relative;
    white-space: nowrap;
}

button[class^="left-paddle-"] {
    position: absolute;
    bottom: 25px;
    left: 0;
    background: #FFF !important;
    border: 1px solid #FFF;
}

button[class^="right-paddle-"] {
    position: absolute;
    bottom: 25px;
    right: 0;
    background: #FFF !important;
    border: 1px solid #FFF;
}

.time-container .form-control {
    margin-bottom: 0 !important;
    height: 0;
}

.time-container.btn-group>.btn {
    display: inline-block;

}

.time-container::-webkit-scrollbar {
    display: none;
}


.time-select.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}


#header-sitter h1,
#header-sitter-cat h1 {
    color: #FFF;
}

h1 {
    font-size: 30px;
}

h2 {
    color: #e5573f;
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

.rating-wlaking {
    margin-left: -3px;
}

.rating-walking span {
    color: #555;
    font-weight: 700;
    font-size: 14px
}

.rating .paw-icon,
.rating-walking .paw-icon {
    color: #ffcc33;
    font-size: 16px;
    letter-spacing: 3px;
    position: relative;
}

.rating .paw-icon-disabled,
.rating-walking .paw-icon-disabled {
    color: #e8e8e8;
    font-size: 16px;
    letter-spacing: 3px;
    position: relative;
}

.rating .icon-paw,
.rating-walking .icon-paw {
    color: #ffcc33;
    font-size: 18px;
    letter-spacing: -3px;
    position: relative;
    top: 4px
}

.rating .icon-paw.disabled,
.rating-walking .icon-paw.disabled {
    color: #e8e8e8;
    font-size: 18px;
    letter-spacing: 0;
    position: relative;
    top: 4px
}

.rating span {
    color: #555;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0 !important
}

.rating a {
    font-size: 14px;
    letter-spacing: 0;
    left: 5px;
    position: relative;
}

.rating strong {
    letter-spacing: 0;
    position: relative;
}

select.custom {
    background: #f8f8f8;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    height: 46px;
    width: 230px;
    text-indent: 10px;
}

.top-bar {
    height: 40px;
}

#overall-rating span {
    font-size: 18px
}

#overall-rating .rating .paw-icon {
    font-size: 22px
}

.top-bar-search {
    width: 50%;
    border-radius: 5px 0px 0px 5px;
    height: 40px;
}

#verifications p {
    font-size: 16px;
}

.datepicker-dropdown {
    display: none;
}

.expandable {
    height: 8em;
    position: relative;
    overflow: hidden;
}

.desktop-search-button {
    border: 1px solid #e5573f;
    position: absolute;
    right: 6px;
    top: 4px;
    background: #e5573f;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #FFF;
}

.modal-fee-levels {
    z-index: 9999;
}

#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
#referral-credits.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td,
#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td,
#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
#referral-credits.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td,
#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
#referral-credits.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td {
    padding: 20px 10px;
}

.share-buttons {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.button-favourite-wrapper {
    position: absolute !important;
    top: 24px !important;
    right: 120px !important;
}

.remove-spaces {
    width: 100%;
    color: #425864;
}

#image-gallery-lightbox.btn,
#image-gallery-lightbox:hover.btn,
.share-profile-button,
.add-favourite-desk,
.add-remove-favourite-desk {
    -webkit-transition: background 0.3s, border-color 0.3s !important;
    -moz-transition: background 0.3s, border-color 0.3s !important;
    transition: background 0.3s, border-color 0.3s !important;
    position: relative !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    width: auto !important;
    font-size: 15px !important;
    line-height: 18px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    color: #484848 !important;
    font-weight: normal !important;
    border: 1px solid transparent !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    min-width: 51.77708763999664px !important;
    background: #ffffff !important;
    box-shadow: none;
    outline: none !important;
}

.share-link-button {
    border-bottom: 1px solid #DBDBDB !important;
    border-top: 1px solid #DBDBDB !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    list-style: none;
    margin-top: 20px;
}

.share-link-button-next {
    border-bottom: 1px solid #DBDBDB !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    list-style: none;
}

a#insurance-pop {
    color: #519b7a;
}

.modal-share ul {
    padding: 0
}

.modal-share .modal-header {
    padding: 0;
}

.other-options {
    padding: 0;
}

.other-options li {
    list-style: none;
    font-size: 12px;
}

.other-options li a,
.related-areas-links a {
    color: #999;
}

.message-only,
#bookingsubmitOne {
    height: 46px;
}

#custom-quote #service-dd {
    margin-bottom: 35px;
}

.calendar-loading-start,
.start-modal-host-loading,
.start-modal-cal-loading {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.7;
    z-index: 30;

}

.calendar-loading-end,
.end-modal-host-loading,
.end-modal-cal-loading {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.7;
    z-index: 30;

}

.calendar-loading-day,
.daycare-calendar-host-loading,
.daycare-calendar-modal-loading {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.7;
    z-index: 30;

}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: #519b7a;
    border: 1px solid #519b7a;
}

.booking-summary-panel {
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.full-width-image {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

#maps {
    margin-top: 20px;
}

#stay-pics-1 img,
#stay-pics-2 img,
#stay-pics-3 img,
#stay-pics-4 img,
.stay-pics-overlay {
    border-radius: 3px;
    border: 1px solid transparent;
    max-width: 100%;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 180px;
    object-fit: cover;
}

#stay-pics-1:hover img,
#stay-pics-2:hover img,
#stay-pics-3:hover img,
#stay-pics-4:hover img,
.stay-pics-overlay:hover {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    cursor: pointer;
}

#stay-pics-4 {
    position: relative;
}

.stay-pics-overlay {
    position: absolute;
    border: 1px solid transparent;
    padding: 0 5px;
    top: 0;
    bottom: 0;
    right: 5px;
    left: 5px;
    background: rgba(0, 0, 0, .7);
    z-index: 20;
}

.stay-pics-overlay .stay-photo-overlay-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    left: 0;
}

.text-center {
    text-align: center;
}

.text-contrast,
.text-contrast-muted,
.text-contrast-muted:active,
.text-contrast-muted:hover,
.text-contrast-muted:link,
.text-contrast-muted:visited,
.text-contrast:active,
.text-contrast:hover,
.text-contrast:link,
.text-contrast:visited {
    color: #fff !important;
}

.large-text {
    font-size: 16px;
    line-height: 1.6;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
}

#footer a {
    text-decoration: none;
}

#photos .asyncImg {
    background-repeat: no-repeat;
    background-size: cover;
}

#photos .asyncImg:after {
    content: "\f03e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 400px;
    color: #A8D6C1;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -200px;
    z-index: 1;
}

.placeholder-svg {
    fill: #ccc;
    height: 100%;
    width: 100%;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #519b7a;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ccc;
}

.btn-register-host {
    height: 100px;
    white-space: normal;
}

.barWrapper .progress-bar .tooltip {
    position: relative;
    float: right;
    margin-left: 5px;
    min-width: 90px;
    z-index: 9;
}

.progress-bar .tooltip>.tooltip-inner {
    background-color: #e5573f;
    padding: 5px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    margin-top: 62px;
}

.popOver+.tooltip>.tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e5573f;
}

.progress {
    border-radius: 0;
    overflow: visible;
}

.progress-bar.progress-striped,
.legend-striped {
    background-color: #79c8a9;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}


.latest-fee-update {
    font-style: italic;
    font-size: 12px;
}



#nav-icon {
    width: 25px;
    height: 40px;
    position: relative;
    margin: 21px 5px 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: left;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #e5573f;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.petbnb-services h1,
h1.experiences {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 30px;
    color: #425864;

}

.walking-review-carousel {
    margin-bottom: 40px;
}



#js-review-block-text {
    margin-top: 0 !important;
}

#experiences h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;
}

#landing-intro h3,
#how-it-works h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;
}

#how-it-works h1 {
    margin-top: 40px;
    margin-bottom: 80px;
    text-align: center;
    font-size: 30px;
    color: #425864;
}

#landing-intro,
#services {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

#how-it-works {
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

#how-it-works h3 {
    margin-top: 40px;
    margin-bottom: 80px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;

}

#helped-thousands h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
}

.ideal-icon {
    height: 70px;
    width: 70px;
}

#landing-intro h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;
}


.petbnb-services .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.petbnb-services .panel-heading {
    color: #425864 !important;
    padding: 20px;
}

.petbnb-services .panel .panel-body .checklist-row {
    padding: 5px;
    font-size: 16px;
}

.petbnb-services .panel .panel-heading .panel-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.petbnb-services .panel .panel-heading .panel-title .shield-icon {
    height: 28px;
    width: 28px;
    background-image: url(/img/shield-home.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: relative;
}

.petbnb-services .panel .panel-body .checklist-row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.petbnb-services .panel .panel-body .checklist-row .petbnb-icon {
    font-size: 16px;
    color: #519b7a;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

#how-it-works.walking-works {
    margin-top: 100px
}

.paw-left {
    margin-top: 23px;
    position: absolute;
    right: 45px;

}

.paw-right {
    margin-top: 10px;
    position: absolute;
    left: 50px;
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 10px;
}

#nav-icon span:nth-child(4) {
    top: 20px;
}

#nav-icon.cross span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.mobile-main-menu-button.dropdown .mobile-menu-caret,
.mobile-main-menu-button.dropdown .mobile-menu-caret::after {
    display: inline-block;
    margin-left: 0px;
    height: 100%;
    float: left;
    vertical-align: middle;
    font-family: "FontAwesome" !important;
    font-size: 25px;
    margin-right: 3px;
    line-height: 60px;
    content: "\f0c9" !important;
    color: #FFF;
    margin-top: 3px;
}

.mobile-main-menu-button.dropdown.open .mobile-menu-caret,
.mobile-main-menu-button.dropdown.open .mobile-menu-caret::after {
    display: inline-block;
    margin-left: 0px;
    height: 100%;
    float: left;
    vertical-align: middle;
    font-family: "FontAwesome" !important;
    font-size: 25px;
    margin-right: 4px;
    line-height: 60px;
    content: "\f00d" !important;
    color: #FFF;
    margin-top: 3px;
}


.home-services,
#search-bar-home-container,
.search-location-magnify {
    color: #425864;
    text-shadow: none !important;
}


#nav-icon.cross span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.cross span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.cross span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.service-switch-label {
    min-width: 50px;
}

.progress-bar {
    background: #519b7a;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}

.nearby-cities a,
.area-neighbourhoods a,
.city-areas-nearby a,
.city-areas a {
    color: #999;
}

.rc-swipeout {
    overflow: hidden;
    position: relative;
}

.rc-swipeout-cover {
    position: absolute;
    z-index: 2;
    background: transparent;
    height: 100%;
    width: 100%;
    top: 0;
    display: none;
}

.rc-swipeout .rc-swipeout-content,
.rc-swipeout .rc-swipeout-actions {
    transition: all 250ms;
}

.rc-swipeout-actions-left {
    left: 0;
}

.rc-swipeout-actions {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.rc-swipeout-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    -moz-box-shadow: inset 1px 1px 3px 0px #000000;
    -webkit-box-shadow: inset 1px 1px 3px 0px #000000;
    box-shadow: inset 1px 1px 3px 0px #000000;
}


.rc-swipeout-content {
    position: relative;
    background-color: #fff;
}

.rc-swipeout-actions-right {
    right: 0;
}

#host #sidebar-wrap .popover {
    height: 250px !important;
    z-index: 1000000;
}

#host #mobile-book-panel .popover {
    height: 250px !important;
    z-index: 1000000;
}

.rc-swipeout-actions-left {
    left: 0;
}

.rc-swipeout-btn-text {
    padding: 0 12px;
}

.petbnb-btn-red {
    display: block;
    padding: 10px !important;
    color: #FFF;
    background: #e5573f;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
}

.petbnb-btn-md {
    height: 62px !important;
    white-space: normal;

}

#location-input-container-mob .pac-container {
    position: absolute !important;
    top: 48px !important;
    left: 0 !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3) !important;
    border-radius: 0 0 3px 3px;
}

.modal-petbnb-value,
.modal-extended-stay {
    z-index: 9999999;
}

.pac-container {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

.search-calendar-updated {
    margin: 0 auto;
    background-color: #f9d8d2;
    width: 250px;
    color: #e5573f;
    padding: 3px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #e5573f;
    font-size: 13px;
}

.petbnb-btn-red-agenda,
.petbnb-btn-red-agenda:hover,
.petbnb-btn-red-agenda:focus {
    display: block;
    padding: 10px !important;
    color: #FFF;
    background: #e5573f;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    white-space: normal !important;

}

.petbnb-btn-left {
    float: left !important;
    margin: 10px 10px 10px 0;
}

.petbnb-btn-right {
    float: right !important;
    margin: 10px 0 10px 10px;
}

.shrink-padding-xs-20-10 {
    padding: 20px;
}

#payment-summary td {
    height: 40px;
}

.modal-share ul {
    padding: 0
}

.modal-share .modal-header {
    padding: 0;
}

.petbnb-btn-white-red-outline,
.petbnb-btn-white-red-outline:hover {
    border: 1px solid #e5573f !important;
    background: white !important;
    color: #e5573f !important;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-transparent-white-outline,
.petbnb-btn-transparent-white-outline:hover {
    border: 1px solid #FFF !important;
    background: transparent !important;
    color: #FFF !important;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-white-grey-outline,
.petbnb-btn-white-grey-outline:hover {
    border: 1px solid #425864 !important;
    background: white !important;
    color: #425864 !important;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-white {
    border: 1px solid #c4c4c4 !important;
    background: white;
    color: #555;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-white-agenda {
    border: 1px solid #c4c4c4 !important;
    background: white;
    color: #555;
    white-space: normal !important;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    outline: none;
    touch-action: manipulation;
}

.btn-circle.disabled,
.btn-circle[disabled] {
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-circle.btn-md {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 20px;
    outline: none;

}

.btn-green-outline {
    border: 1px solid #519b7a !important;
    color: #519b7a;
    box-shadow: none;
    background: #FFF;
}

.btn-right {
    float: right;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
    outline: none;

}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
    outline: none;

}

.fc-scroller {
    overflow-y: auto !important;
    overflow-x: auto !important;
    height: auto !important;
}

.fc-today-button {
    border: 1px solid #c4c4c4 !important;
    background: white !important;
    color: #555 !important;
    height: 40px !important;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    border-radius: 5px 5px 5px 5px !important;
}

.fc-next-button,
.fc-prev-button {
    border: none !important;
    background: white !important;
    color: #555 !important;
    height: 40px !important;
    padding: 5px 10px !important;
    box-shadow: none !important;
    font-size: 20px !important;
    outline: none !important;
}

.fc-icon-left-single-arrow:after {
    font-family: "FontAwesome" !important;
    content: "\f053" !important;
    font-weight: bold;
    font-size: 100% !important;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    font-family: "FontAwesome" !important;
    content: "\f054" !important;
    font-weight: bold;
    font-size: 100% !important;
    top: -7%;
}

.fc-icon {
    display: inline-block;
    height: 35px !important;
    line-height: 35px !important;
}

.fc-icon-right-single-arrow {
    height: 100%
}

.fc-icon-left-single-arrow {
    height: 100%
}

.petbnb-btn-white:hover,
.petbnb-btn-white:focus {
    color: #555;
}

.petbnb-btn-primary {
    display: block;
    padding: 10px !important;
    color: #FFF;
    background: #519b7a;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
}

.button-as-link {
    background-color: transparent;
    border: none;
    color: #999;
    cursor: pointer;
    display: inline;
    outline-offset: 0;
    outline: none;
    text-decoration: none;
    height: 40px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    box-shadow: none !important;
    font-size: 14px;
}

.other-options {
    padding: 0;
}

.other-options li {
    list-style: none;
    font-size: 12px;
}

.other-options li a,
.related-areas-links a {
    color: #999;
    font-size: 12px;
}

.button-as-link-booking {
    background-color: transparent;
    border: none;
    color: #337ab7;
    cursor: pointer;
    display: inline;
    width: 100%;
    text-align: right;
    outline-offset: 0;
    font-weight: 700;
    outline: none;
    text-decoration: none;
    padding: 0;
    margin-top: 5px;
    box-shadow: none !important;
    font-size: 16px;
}

.button-as-link-agenda {
    background-color: transparent !important;
    border: none !important;
    color: #337ab7;
    cursor: pointer;
    display: inline;
    outline-offset: 0;
    outline: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.bg-grey {
    background: #dedede !important;
    border-radius: 4px;
}


.excluding-fees {
    color: #999;
    margin-top: -3px;
    font-size: 11px;
}

.circle-loader {
    margin: 0 0 30px 10px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-left-color: #519b7a;
    animation-name: loader-spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.circle-loader,
.circle-loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    margin: 30px auto;
    display: block;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #519b7a;
    transition: border 500ms ease-out;
    margin: 30px auto;
    display: block;
}

.checkmark {
    display: block;
}

.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
    opacity: 1;
    height: 4em;
    width: 2em;
    transform-origin: left top;
    border-right: 4px solid #519b7a;
    border-top: 4px solid #519b7a;
    content: '';
    left: 2em;
    top: 4em;
    position: absolute;
}


@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 2em;
        opacity: 1;
    }

    40% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }

    100% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }
}

.petbnb-btn-red:hover,
.petbnb-btn-red:focus {
    color: #FFF;
}

.petbnb-btn-primary:hover,
.petbnb-btn-primary:focus {
    color: #FFF;
}

.left-paw-booking {
    margin-top: 24px;
    position: absolute;
    left: 35px;
}

.right-paw-booking {
    margin-top: 14px;
    position: absolute;
    right: 30px;
}

.toast-success {
    background-color: #519b7a;
}

.dates-services-panel {
    padding: 15px 30px;
}

.fc-past {
    background-color: #ccc;
    color: #999;
    border: 1px solid #FFF;
    cursor: not-allowed;
    border-color: transparent;

}

.fc-past .fc-day-number {
    text-decoration: line-through !important;
}

.fc-today,
.fc td.fc-today {
    background: transparent !important;
    color: #425864 !important;
    border-color: #ddd !important;
}

.fc-today.fc-day-number {
    color: #FFF !important;
}

.margin-bottom-10 {
    margin-bottom: 30px !important;

}

.margin-no-top-10 {
    margin-bottom: 10px !important;

}

.calendar-dot {
    margin: 0 2px;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 10px;
}

.calendar-pay,
.legend-striped {
    margin: 0 2px;
    display: inline-block;
    height: 10px;
    width: 15px;
    border-radius: 3px;
}

.fc-highlight {
    background: #79c8a9 !important;
    opacity: .3;
}

#fb-testimonial-share {
    padding: 10px 20px;
    font-size: 20px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    border-radius: 4px;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    background: #4063b3;
    border-color: #4063b3;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

#photo-updates {
    border-bottom: 1px solid #EEE;
    padding-bottom: 20px;
}

.fluid-row {
    display: table;
    width: 100%;
}

.fluid-row.v-bottom,
.fluid-row.v-center {
    height: 100%;
}

.fluid-row.v-center .fluid-col {
    vertical-align: middle;
}

.fluid-row .fluid-col {
    display: table-cell;
    vertical-align: top;
}

.margin-v-x0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.h3 {
    font-family: inherit;
    color: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.host-summary-details-level {
    margin: 0;
}

.faux-radio {
    display: block !important;
    font-weight: normal !important;
}

.sidebar-description {
    font-size: 12px;
}

.intl-tel-input {
    width: 100% !important;
}

.fixed-height-dd-li {
    height: 80px;
    cursor: pointer;
}

.fixed-height-dd-broadcast {
    cursor: pointer;
}

.fixed-height-dd-li-host {
    height: 90px;
    cursor: pointer;
}

.sidebar-description {
    color: #777
}

.fixed-height-dd-broadcast:hover,
.fixed-height-dd-li:hover,
.fixed-height-dd-li-host:hover,
.fixed-height-dd-li:hover .sidebar-description,
.fixed-height-dd-li-host:hover .sidebar-description {
    background-color: #519b7a;
    color: #FFF !important;
}

fixed-height-dd-broadcast:hover,
.fixed-height-dd-li:hover .paw-white,
.fixed-height-dd-li-host:hover .paw-white {
    color: #519b7a !important;
}

.mobile-search-radio input {
    visibility: hidden;
    position: absolute;
    left: -30px;
}

.dropdown-radio input,
.dropdown-radio-search input {
    visibility: hidden;
    position: absolute;
    left: -30px;
}

.booking-modal-radio input {
    visibility: hidden;
    position: absolute;
    left: -30px;
}

.h5 {
    font-family: inherit;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

#whatsapp-testimonial-share {
    margin-top: 15px;
    padding: 10px 20px;
    font-size: 20px;
    width: 100%;
    white-space: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    background: #25d366;
    border-color: #25d366;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

#host .popover {
    width: 400px;
    height: 400px;
}

#start-date-dropdown-agenda {
    min-width: 330px;
}

#end-date-dropdown-agenda {
    min-width: 330px;

}

.margin-top-x5 {
    margin-top: 25px !important;
}

.margin-top-neg-circle-md {
    margin-top: -7px !important;
}

.margin-top-plus-circle-md {
    margin-top: 14px !important;
}

.margin-top-neg-circle-md-10 {
    margin-top: -10px !important;
}

.fc-day.fc-past:hover {
    cursor: default !important;

}

.fc-day:hover {
    cursor: pointer;
    cursor: hand;
}

.fc-petbnb {
    pointer-events: none !important;
    cursor: pointer;
    cursor: hand;
}

.petbnb-mobile-availability {
    pointer-events: none !important;
    cursor: pointer;
    cursor: hand;
}

.fc-event-container:hover {
    cursor: pointer !important;
    cursor: hand !important;
}

.fc-future:hover {
    cursor: pointer;
    cursor: hand;
}

.edit-availability-row {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 2em;
    margin: 0px !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left !important;
}

.dog-booking {
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 20px;
}

.text-center {
    text-align: center;
}

::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 1px;
    right: 6px;
    font-size: 18px;
}

.form-control-clear-mob {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 5px;
    right: 6px;
    font-size: 20px;
}

.form-control-clear-jobs {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 1px;
    right: 35px;
    font-size: 18px;
}

.form-control-clear-mob-jobs {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 5px;
    right: 6px;
    font-size: 20px;
}

#location-input-container-home .form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 12px;
    right: 6px;
    font-size: 20px;
}

#search_query {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 193px;
    outline: none;
    margin-bottom: 0px !important;
    border: none;
    padding-left: 10px;
    padding-right: 40px;
    width: 100%;
    height: 40px;
}

.cookies-banner-container {
    padding-left: 80px !important;
    padding-right: 80px !important;
    width: 100% !important;
    left: 0px !important;
    bottom: 0px !important;
    z-index: 2000 !important;
    position: fixed !important;
    -webkit-box-align: center !important;
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    margin-bottom: 28px !important;
    display: none;
}

.cookie-description {
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 16px !important;
    overflow: hidden !important;
    background-color: rgb(255, 255, 255) !important;
    box-shadow: rgb(0 0 0 / 28%) 0px 8px 28px !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    margin-bottom: 28px !important;
}

.cookie-description-wrapper {
    margin: 8px !important;
    flex: 1 1 0% !important;
    min-width: 65% !important;
}

.cookie-title-wrapper {
    -webkit-box-align: center !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;

}

.cookie-title {
    font-size: 18px !important;
    font-weight: 700;
}

.cookie-text {
    margin: 0px 0px 8px !important;
}

.cookie-button-wrapper-inner {
    margin: 0px !important;
    white-space: nowrap !important;
}

.cookie-button-wrapper {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    flex-direction: row !important;
    margin: auto 8px !important;
}

.cookie-banner-close {
    margin: auto;
    white-space: nowrap !important;
    cursor: pointer !important;
    display: inline-block !important;
    margin: 0px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    touch-action: manipulation !important;
    outline: none !important;
    padding: 14px 24px !important;
    transition: box-shadow 0.2s ease 0s, -ms-transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s, transform 0.1s ease 0s !important;
    -webkit-tap-highlight-color: transparent !important;
    border: none !important;
    background: #e5573f !important;
    color: #FFF !important;
    contain: paint !important;
    border-radius: 4px;
    width: 100% !important;
}

.bookit-message-friendly-booking {
    padding: 10px 0;
    height: 40px;
    overflow: hidden;
    position: fixed;
    font-size: 15px;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #FFF;
    border-top: 1px solid #CCC;
    transition: top .5s;

}

#mobile-book-panel {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 0;
    width: 100%;
    position: fixed;
    /* Stay in place */
    z-index: 1049;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: #FFF;
    /* Black fallback color */
    background-color: #FFF;
    /* Black w/opacity */
    overflow-x: hidden;
    overflow-y: scroll;
    /* Disable horizontal scroll */
}

.mobile-screen-heading {
    position: relative;
    border-bottom: 1px solid #DDD;
}

.mobile-container {
    margin-top: 20px;
    position: relative;
}

.mobile-spacing {
    margin: 20px 0;
}

.close-register {
    background: transparent;
    border: transparent;
}

.close-search-bar {
    float: left;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #425864;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=1);
    opacity: 1;
    background: transparent;
    box-shadow: none !important;
    border: none !important;
}

#host-services-boarding-dates-search-mobile,
#host-services-owner-breed,
#host-location-dd-mobile-search,
#host-services-dd-mobile,
#host-services-dd-mobile-search,
#host-services-boarding-dates,
#host-services-payment-dates,
#check-in-check-out-form-modal,
#booking-summary-modal,
#host-services-daycare-dates,
#host-services-owner-with-dogs,
#host-services-owner-without-dogs,
#host-pets-job-search-mobile,
#host-radius-job-search-mobile,
#host-services-daycare-dates-search-mobile,
#host-services-owner-with-dogs-search-mobile,
#host-services-owner-without-dogs-search-mobile {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 100000;
    display: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    overflow-y: scroll;
}

#host-services-form-modal,
#host-services-form-boarding-dates,
#host-pets-job-search {
    list-style: none;
}

.booking-modal-li {
    margin: 10px;
    list-style: none;
}

.close-mobile {
    position: absolute;
    right: 20px;
    font-size: 20px;
    bottom: 15px;
}

.close-register {
    right: 20px;
    font-size: 25px;
    bottom: 15px;
}

.modal-login .modal-footer,
.modal-taxes .modal-footer {
    text-align: center;
}

.mobile-screen-heading h2 {
    margin: 20px;
}

#reviews .item-review-reply {
    border-bottom: 1px solid #efefef;
    padding: 20px 0px;
    border-left: 0px;
}

.thumb-lg {
    width: 110px;
    max-height: 110px;
}

.reviewer-name-review-reply {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
}

.rating-review-reply {
    letter-spacing: -3px;
    font-size: 28px;
}

.rating-review-reply .icon-paw {
    color: #ffcc33;
}

.rating-review-reply .icon-paw.disabled {
    color: #e8e8e8;
}

.toast-success {
    background-color: #519b7a;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.starrating>input {
    display: none;
}

/* Remove radio buttons */

.starrating>label:before {
    content: "\f005";
    /* Star */
    margin: 2px;
    font-size: 4em;
    font-family: FontAwesome;
    display: inline-block;
}

.starrating>label {
    color: #222222;
    /* Start color when not clicked */
}

.starrating>input:checked~label {
    color: #ffca08;
}

/* Set yellow color when star checked */

.starrating>input:hover~label {
    color: #ffca08;
}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.margin-bottom-x5 {
    margin-bottom: 25px !important;
}

#col2 a {
    color: #425864;
    text-decoration: none;
}

.delete-chat {
    background: transparent !important;
    box-shadow: none !important;
    color: #FFF;
    margin-top: 25px;
    font-size: 18px !important;
    padding: 10px 10px !important;
}

.delete-chat:hover {
    color: #B8B8B8 !important;
}

.manual-change {
    position: relative;
    color: #425864 !important;
    background-color: #DDD !important;
}

.price-legend-accept {
    float: right;
}

.manual-change:after {
    font-family: "FontAwesome";
    content: "\f005";
    position: absolute;
    font-size: 10px;
    top: 3px;
    right: 15px;
    width: 0;
    height: 0;
    display: block;
}

.fc-petbnb-mobile-available {
    display: none !important;
    height: 0;
}

.fc-body .fc-row {
    min-height: 150px;
}

.feint-overlay {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.8;
    -moz-opacity: 0.8;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

#walk-days .help-block,
#walk-weekdays .help-block,
#repeat-start-date .help-block,
.select-days .help-block {
    color: #a94442 !important;
}

#search-overlay {
    position: fixed;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 120px;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.9;
    -moz-opacity: 0.9;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

#metro-home {
    margin-top: -20px
}

.unread {
    color: #425864;
}

#sitter-profile-breadcrumb {
    background: #FFF;
    padding: 8px 0;
    margin-left: 0;
}

#toast-container>div {
    opacity: 0.9
}

#friends-close {
    position: absolute;
    top: -3px;
    right: 0px;
    color: #519b7a;
    opacity: 1;
}

.alert-refer {
    background-color: #519b7a !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #DDD;
    color: #fff;
    margin: 0 0px 20px 0px;
}

.alert-refer input {
    color: #425864 !important;
}

.alert-refer .share-button-wrapper {
    border-bottom: none !important;
}

.alert-refer .twitter-share,
.alert-refer .fb-share,
.alert-refer .whatsapp-share {
    background: transparent !important;
    border: 1px solid #FFF;
}

.alert-refer .panel-body {
    padding: 15px 15px 0 15px !important;
}

.alert-refer .balance-row {
    border-radius: 0 0 4px 4px;
    background: #f8f8f8 !important;
    color: #425864;
    padding-bottom: 15px;
}

.alert-refer .balance-row h1 {
    font-size: 50px;
    color: #e5573f;
}

.alert-new {
    border: 1px solid #DDD;
    background-color: #f8f8f8;
    position: relative;
    padding-left: 90px;
    margin: 0;
}

#no-results-filters,
#no-results-filters-desk {
    height: 46px;
}

.alert-message-btn,
.alert-message-btn:hover {
    color: #FFF !important;
    box-shadow: none !important;
    margin: 0px;
    background: #e5573f;
}

#alert-top-menu {
    min-width: 300px;
}

.alert-preview {
    color: #FFF;
    background-color: #e5573f;
    border-color: #e5573f;
    position: fixed;
    top: 100px;
    height: 50px;
    left: 0;
    right: 0;
    width: 450px;
    text-align: center;
    margin: 0 auto;
    z-index: 4;
    box-shadow: 0px 2px 2px -1px #0f0f0f;
}

.friend-invite-button-wrapper {
    margin-top: 10px;
}

.alert-money-icon {
    position: absolute;
    left: 20px;
    top: 20px;
}

.button-container-right {
    padding-right: 0px;
    padding-left: 5px;
}

.margin-top-x10 {
    margin-top: 50px !important;
}

.horizontal-progress {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.text-center {
    text-align: center;
}

.horizontal-progress__step.active,
.horizontal-progress__step.active a {
    color: #519b7a;
    text-decoration: none;

}

.horizontal-progress__step__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    width: 32px;
    text-align: center;
    border: 1px solid;
    border-color: inherit;
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    background-color: #fff;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 0 1px 0 #999 inset, 0 0 1px 0 #999;
    box-shadow: inset 0 0 1px 0 #999, 0 0 1px 0 #999;
}

.horizontal-progress__step__number.done {
    background-color: #519b7a;
    color: #fff !important;
}

.horizontal-progress__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ddd;
    position: relative;
    z-index: 1;
}

.padding-left-lg,
.padding-left-md {
    padding-left: 10px;
    padding-right: 0;
}

.padding-right-lg,
.padding-right-md {
    padding-left: 0;
    padding-right: 10px;
}

.padding-left-right-lg,
.padding-left-right-md {
    padding-left: 10px;
    padding-right: 10px;
}

.horizontal-progress__step__line:after,
.horizontal-progress__step__line:before {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.horizontal-progress__step__line:after {
    right: 0;
}

.horizontal-progress__step.active a {
    color: #519b7a;
    text-decoration: none;
}

.horizontal-progress__step a {
    display: block;
    width: 100%;
    text-decoration: none;

}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.black-picture-overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, .2);
}

.picture-overlay-walk {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
}

.picture-overlay-walk a.logo,
.picture-overlay-walk a.logo span {
    color: #FFF !important;
    font-size: 36px;
    text-shadow: 0 1px 3px #0f0f0f;
}

.picture-overlay-walk a.logo {
    padding: 20px;
}

.black-picture-overlay-404 {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, .3);
}

.black-picture-overlay-about {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, .2);
}

.hero-row-container {
    border-collapse: collapse;
}

.hero-row-container .hero-row {
    padding-top: 10px;
    border: 1px solid #ddd;
}

.hero-row-container .hero-row:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.hero-row-container .hero-row:only-child {
    border-radius: 4px;
    border: 1px solid #ddd;
}

.hero-row-container .hero-row div.hero-image.hero-inactive,
#walking-image.hero-inactive,
#dog-boarding-image.hero-inactive,
#drop-in-image.hero-inactive,
#dog-boarding-image.hero-inactive,
#house-sitting-image.hero-inactive {
    background-color: #ddd;
}

#dog-walking-inactive,
#dog-daycare-inactive,
#dog-boarding-inactive,
#drop-in-inactive,
#house-sitting-inactive,
.paw-inactive {
    color: #ddd;
}

.paw-active {
    color: #519b7a;

}

.paw-white {
    color: #FFF;

}

#price-wrap .service-price {
    display: block;
    font-size: 25px;
    line-height: 18px;
}

#price-wrap .service-unit {
    display: block;
    font-size: 8px;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 3px;
}

.host-profile-section {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE;
}

.margin-x2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.padding-x2 {
    padding: 10px 0;
}

.margin-bottom-x2 {
    margin-bottom: 10px !important;
}

.margin-bottom-x4 {
    margin-bottom: 20px !important;
}

.hero-row-container .hero-row div.hero-image {
    text-align: center;
    background-color: #519b7a;
    color: #fff;
    border-radius: 28px;
    width: 56px;
    height: 56px;
}

.hero-row-container .hero-row .hero-image {
    position: absolute;
    left: -2em;
}

.petbnb-text-badge.petbnb-text-badge-muted {
    background: #eee;
    color: #999;
    float: right;
}

.petbnb-text-badge {
    font-size: 12px;
    line-height: 1.6;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    background: #00bd70;
    padding: 2px 6px;
    text-transform: uppercase;
}

.hero-row-container .hero-row .petbnb-header-group .petbnb-header-title {
    font-weight: 700;
}

.petbnb-header-group .petbnb-header-subtitle {
    color: #999;
    margin-bottom: 0;
    margin-top: 5px;
}

.padding-bottom-x3 {
    padding-bottom: 20px !important;
}

.padding-top-x3 {
    padding-top: 20px !important;
}

.padding-top-x2 {
    padding-top: 10px !important;
}

.margin-bottom-x4 {
    margin-bottom: 30px !important;
}

.petbnb-header-group {
    margin-bottom: 20px;
}

.hero-row-container .hero-row .petbnb-header-group {
    margin-left: 2em;
}

.services-page .petbnb-header-group {
    margin-bottom: 10px;
}

.hero-row-container .hero-row .petbnb-header-group {
    padding-top: 5px;
    padding-bottom: 5px;
}

.active .horizontal-progress__step__heading {
    font-weight: 600;
}

.anchor .horizontal-progress__step__heading {
    color: #519b7a;
}

.horizontal-progress__step__heading {
    font-size: 12px;
    line-height: 1.25;
    color: #555;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 120%;
}

#no-results-map,
#no-results-boarding,
#no-results-boarding-desk {
    height: 46px;
}

.horizontal-progress__step__line {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
}

.margin-left-x8 {
    margin-left: 45px !important;
}

.account-profile-section-header {
    margin: 40px 0;
    text-align: center;
}

.padding-right-x6 {
    padding-right: 30px !important;
}

.text-muted {
    color: #999;
}

.text-muted-agenda {
    color: #999 !important;
}

#host-menu-ul li.active {
    border-bottom: 5px solid #519b7a;
}

.btn-signup-wrapper {
    margin-top: 30px;
    text-align: center;
}

.btn-signup-credit-wrapper {
    margin-top: 10px;
    text-align: center;
}

#friends-invited {
    margin-top: 100px;
}

.btn-later,
.btn-later:hover,
.btn-later:focus {
    border: 1px solid #519b7a;
    color: #519b7a;
    background: #FFF;
    display: inline-block;
    padding: 9px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none;
    text-decoration: none;
    width: 100%;
}

.amount-given {
    color: #519b7a;
}

#manual-email-input-wrapper .help-block {
    color: #a94442;
}

#payment-cmn .help-block,
#payment-cmn .error-message {
    color: #a94442;
}

#friends-invited h2 {
    text-align: center;
}

.friend-signed-up-row:first-child {
    border-top: 0;
}

.friend-signed-up-row {
    padding: 10px 0;
    border-top: 1px solid #CCC;
}

.btn-sign-up,
.btn-sign-up:hover,
.btn-sign-up:focus {
    margin: 0 auto;
    font-size: 20px;
    border: 1px solid #519b7a;
    color: #519b7a;
    background: #FFF;
    display: inline-block;
    padding: 10px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 3px;
    box-shadow: none;
    text-decoration: none;

}

#host-refer-signup {
    white-space: nowrap;
    padding: 10px;
}

#drop-off-time,
#drop-off-time-modal,
#pick-up-time,
#pick-up-time-modal {
    height: 40px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCC;
}

#search-dog-toggle .existing-dog-legend {
    float: left;
    overflow: hidden;
    padding-right: 0px;
    text-align: center;
    width: auto;
}

#number-of-dogs,
#frequency-service,
#frequency-service-modal,
#dogs-xl,
#dogs-l,
#dogs-m,
#dogs-s,
#dogs-xl-modal,
#cats-modal,
#dogs-s-modal,
#dogs-l-modal,
#dogs-m-modal,
#dogs-s-mobile-search,
#cats-desk-search,
#cats-mobile-search,
#dogs-xl-mobile-search,
#dogs-l-mobile-search,
#dogs-m-mobile-search,
#dogs-s-mobile-search {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    line-height: 16px;
    font-size: 16px;
    padding: 0px;
    width: 30px;
}

.search-dog-sizes-no-dogs-yet-svg {
    fill: #ccc;
    height: 40px;
    width: 80px;
}

button.close-mobile {
    border: none !important;
    background: transparent;
}

#modal-button-container-fixed {
    padding: 0;
    height: 0;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: top .5s;
    margin-left: -15px;
}

#header-zwitserleven .btn-group {
    width: 100%;

}

#booking-form-button-modal,
#booking-form-search-modal {
    bottom: 0;
    position: absolute;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    width: 100%
}

#number-of-dogs-modal {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    line-height: 16px;
    padding: 0px;
    width: 9px;
}

.dog-existing-toggle-mobile-search,
.dog-existing-toggle,
.dog-existing-toggle-modal,
.dog-existing-toggle-mobile-search {
    padding: 10px;
}

.dog-existing-toggle-mobile-search,
.dog-existing-toggle-modal,
.service-toggle,
.service-toggle-modal,
.service-toggle-mob,
.dog-existing-toggle,
.dog-not-existing-toggle,
.dog-not-existing-toggle-modal {
    width: 100%;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding-top: 10px;
    height: 40px;
}

.service-toggle:hover,
.service-toggle:focus,
.service-toggle-modal:hover,
.service-toggle-modal:focus,
.service-toggle-mob:hover,
.dog-existing-toggle-mob:focus {
    color: #425864;

}

.dog-existing-toggle-mob {
    width: 100%;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding-top: 5px;
    height: 40px;
}

.dog-existing-toggle-mobile-search:hover,
.dog-existing-toggle-mobile-search:focus,
.dog-existing-toggle:hover,
.dog-existing-toggle:focus,
.dog-existing-toggle-modal:hover,
.dog-existing-toggle-modal:focus,
.dog-existing-toggle-mob:hover,
.dog-existing-toggle-mob:focus {
    color: #425864;

}

.logo-emerce-container {
    margin: 0 auto;
}

.logo-volksrant-container {
    margin: 10px auto;
    height: 100px;
}

.logo-volksrant {
    height: auto;
    display: block;
    margin: 10px 0 auto;
    width: 100%;
}

#logo-emerce-svg {
    height: 44px;
    display: block;
    margin: 0 auto;
    width: 100%;
}


.dogs-not-existing-host .caret,
.dogs-not-existing .caret,
.dogs-not-existing-mobile-search .caret,
.dog-existing-toggle-mobile-search .caret,
.dog-existing-toggle-modal .caret,
#dogs-dd-modal .caret,
#dogs-dd-mob .caret,
#service-dd-collapse .caret,
#lang-select-js .caret,
#service-dd-collapse-modal .caret,
.dog-existing-toggle-mobile-search .caret,
#service-dd-collapse-mobile-search .caret,
#payment-date-collapse .caret,
#payment-collapse-modal .caret,
#daycare-collapse .caret,
#daycare-collapse-search .caret,
#daycare-collapse-modal .caret,
#daycare-collapse-mobile .caret,
#booking-2 #dogs-dd .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0px;
    float: right;
    margin-top: -3px;
    border: none;
}

.dogs-not-existing .caret,
#dogs-dd .caret,
#single-client-dd-button .caret,
#dog-breed-dropdown .caret,
#no-dogs-dd-button .caret,
#price-slider-dropdown-button .caret,
#time-select-dropdown-button .caret {
    display: none;
}

#responsive-menu-button .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 3px;
    float: right;
    margin-top: -38px;
    border: none;

}

.promo-flag {
    display: inline-block;
    padding: 7px 10px 6px;
    text-transform: uppercase;
    background-color: #ffcc33;
    color: #000;
    font-size: 14px;
    font-weight: 900;
    line-height: 24px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
}

.promo-flag-mobile-menu {
    display: inline-block;
    padding: 4px;
    text-transform: uppercase;
    background-color: #ffcc33;
    color: #000;
    font-size: 14px;
    font-weight: 900;
    line-height: 24px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    position: absolute;
    right: auto;
    top: -5px;
    left: 245px;
}

.promo-flag-menu {
    display: inline-block;
    padding: 2px;
    text-transform: uppercase;
    background-color: #ffcc33;
    color: #000;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    position: absolute;
    right: -50px;
    top: -4px;
    /* left: 200px; */
}

#home .walkies-search-card {
    position: relative;
    padding: 30px;
    -webkit-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
}

.card {
    position: relative;
    display: block;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

#responsive-menu-button .caret::after {
    display: none !important;
}


.no-dogs-chosen,
.no-dogs-chosen-modal {
    color: #a94442;
}

.caret-right {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f;
}

#day-care .form-control-feedback {
    right: 20px;
    top: 4px;
}

a {
    cursor: pointer;
}

body {
    color: #425864;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    padding-top: 70px;
    text-rendering: optimizeLegibility;
}

body#home {
    padding-top: 0;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
}

body#zwitserleven {
    color: #333333;
    padding-top: 0;
    font-family: "Quadraat Sans", sans-serif, FontAwesome;
}

body#listing {
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
}

body#landing {
    padding-top: 0px
}

select2-search {
    padding: 10px
}

.floating-container {
    position: fixed;
    width: 100px;
    height: 100px;
    bottom: 0px;
    right: 100px;
    margin: 35px 25px;
    z-index: 10;
}

.floating-container:hover .floating-button {
    box-shadow: 0 10px 25px rgba(44, 179, 240, 0.6);
    -webkit-transform: translatey(5px);
    transform: translatey(5px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.select2-dropdown {
    z-index: 90 !important;
}

.floating-container .floating-button {
    position: absolute;
    width: 65px;
    height: 65px;
    background: #e5573f;
    bottom: 0;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    color: white;
    line-height: 65px;
    text-align: center;
    font-size: 23px;
    z-index: 100;
    box-shadow: 0 10px 25px -5px rgba(44, 179, 240, 0.6);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.floating-container a {
    text-decoration: none;
}

#header-boarding a.navbar-brand,
#header-walking-demand a.navbar-brand,
#header-walking a.navbar-brand,
#header-doggy-day-care a.navbar-brand {
    text-shadow: 1px 1px 2px #000;
    padding: 30px;
    z-index: 80;
}

#header-boarding a.navbar-brand.logo,
#header-walking-demand a.navbar-brand.log,
#header-walking a.navbar-brand.logo,
#header-doggy-day-care a.navbar-brand.logo {
    color: #FFF !important;
}

#header-boarding a.navbar-brand.logo,
#header-walking a.navbar-brand.logo,
#header-doggy-day-care a.navbar-brand.logo {
    font-size: 36px;
    color: #353a3d;
}

#cc-main {
    /** Change font **/
    --cc-font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;

    /** Change button primary color to black **/
    --cc-btn-primary-bg: #e5573f;
    --cc-btn-primary-border-color: #e5573f;
    --cc-btn-primary-hover-bg: #e5573f;
    --cc-btn-primary-hover-border-color: #e5573f;

    /** Also make toggles the same color as the button **/
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);

    /** Make the buttons a bit rounder **/
    --cc-btn-border-radius: 5px;
}

#cc-main .cm__btn {
    font-weight: 400 !important;
}

#cc-main .cm {
    max-width: 65rem !important;
}

#header-walking-demand a.navbar-brand.logo {
    font-size: 36px;
    color: #FFF !important;
}

.insurance-container .panel-heading a:after {
    display: none;
}

.job-panel-heading {
    border-bottom: 1px solid #eee;
}

#home .walkies-search-card:not(.horizontal) .promo-flag {
    position: absolute;
    left: 10px;
    top: -10px;
}

.apple-logo {
    display: block;
    margin: 0 auto;
}

.forbidden-access-img {
    margin: 0 auto;
    display: block;
}

.alert-petbnb-green,
.alert-petbnb-green a {
    color: #FFF !important;
    background: #519b7a;
    font-size: 16px;
    margin-top: 70px;
    margin-bottom: 0;
    border-radius: 0;

}

#suggestion-box,
#street-suggestion-box,
#city-suggestion-box {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px 0px 10px 10px;
    margin-top: -20px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: none;
    background: #FFF;
    box-shadow: 5px 5px 5px #CDCDCD;
}

#suggestion-box ul,
#street-suggestion-box ul,
#city-suggestion-box ul {
    margin-bottom: 0 !important;
}

#suggestion-box ul li:hover,
#street-suggestion-box ul li:hover,
#city-suggestion-box ul li:hover {
    background-color: #519b7a;
    color: #FFF;
}

#suggestion-box ul li,
#street-suggestion-box ul li,
#city-suggestion-box ul li {
    padding: 0px 5px;
}

.suggestion-wrapper,
.suggestion-street-wrapper,
.suggestion-city-wrapper {
    position: absolute;
    width: 100%;
    padding-right: 10px;
}

#suggestion-box-booking,
#street-suggestion-box-booking,
#city-suggestion-box-booking {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px 0px 10px 10px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: none;
    background: #FFF;
    box-shadow: 5px 5px 5px #CDCDCD;
}

#suggestion-box-booking ul,
#street-suggestion-box-booking ul,
#city-suggestion-box-booking ul {
    margin-bottom: 0 !important;
}

#suggestion-box-booking ul li:hover,
#street-suggestion-box-booking ul li:hover,
#city-suggestion-box-booking ul li:hover {
    background-color: #519b7a;
    color: #FFF;
}

#suggestion-box-booking ul li,
#street-suggestion-box-booking ul li,
#city-suggestion-box-booking ul li {
    padding: 0px 5px;
}

.suggestion-wrapper,
.suggestion-street-wrapper,
.suggestion-city-wrapper {
    position: absolute;
    width: 100%;
    padding-right: 10px;
}

.alert-petbnb-green a {
    text-decoration: underline;
}

.grecaptcha-badge {
    visibility: hidden;
}

.error-gif-img {
    margin: 0 auto;
    display: block;
    width: 60%;
    border-radius: 50%;
}

.btn-group.walking-dashboard .btn {
    font-size: 14px;
}

.circle-icon {
    background: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    vertical-align: middle;
    border: 1px solid #e5573f;
}

.ohgdf {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.circle-icon-done {
    background: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 23px;
    vertical-align: middle;
    border: 1px solid #519b7a;
}

.intl-tel-input {
    display: block !important;
}

.job-description {
    border-right: 1px solid #eee;
    margin-top: 30px;
}

#home .hero .hero-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

.btn-checkbox-walking.inactive.disabled,
.btn-checkbox-walking.inactive:disabled,
.btn-checkbox-walking.inactive[disabled] {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #519b7a 3px, #519b7a 4px) !important;
    color: #519b7a !important;
}

.btn-checkbox-walking:disabled,
.btn-checkbox-walking[disabled] {
    border: 1px solid rgb(221, 221, 221) !important;
    color: rgb(187, 187, 187);
}

.btn-checkbox-walking {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin: 8px 8px 8px 0;
    border-radius: 16px !important;
    background: rgb(255, 255, 255) !important;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 15px;
    border: 1px solid #519b7a !important;
    color: #519b7a !important;
    line-height: 10px !important;
    box-shadow: none !important;
}

.alert-error,
.alert-site {
    color: #FFF;
    background-color: #519b7a;
    border-color: #519b7a;
    border: 1px solid #519b7a;
    border-radius: 4px;
    margin-top: 20px;
    text-align: center;
}

.speech-wrapper {
    padding: 0;
}

.speech-wrapper .bubble {
    width: 100%;
    height: auto;
    display: block;
    background: #dcf8c6;
    border-radius: 4px;
    position: relative;
    margin: 0 0 25px;
}

.speech-wrapper .bubble.alt {
    margin: 0;
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
}

.speech-wrapper .bubble .txt {
    padding: 8px 8px 8px 14px;
}

.speech-wrapper .bubble .txt .name {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 4px;
    color: #3498db;
}

.speech-wrapper .bubble .txt .name span {
    font-weight: normal;
    color: #b3b3b3;
}

.speech-wrapper .bubble .txt .name.alt {
    color: #2ecc71;
}

.speech-wrapper .bubble .txt .message {
    font-size: 16px;
    margin: 0;
    color: #425864;
}

.too-late-hourglass {
    height: 300px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.speech-wrapper .bubble .txt .timestamp {
    font-size: 11px;
    position: absolute;
    bottom: 8px;
    right: 10px;
    text-transform: uppercase;
    color: #999;
}

.speech-wrapper .bubble .bubble-arrow {
    position: absolute;
    width: 0;
    bottom: 42px;
    left: -16px;
    height: 0;
}

.speech-wrapper .bubble .bubble-arrow.alt {
    right: -2px;
    bottom: 40px;
    left: auto;

}

.speech-wrapper .bubble .bubble-arrow:after {
    content: "";
    position: absolute;
    border: 0 solid transparent;
    border-top: 9px solid #dcf8c6;
    border-radius: 0 20px 0;
    width: 15px;
    height: 30px;
    transform: rotate(145deg);
}

.speech-wrapper .bubble .bubble-arrow.alt:after {
    transform: rotate(45deg) scaleY(-1);
    border-top: 9px solid #e8e8e8;
}

.btn-checkbox-walking.active {
    color: #FFF !important;
    background: #519b7a !important;

}

#home .hero .hero-wrapper .hero-content-wrapper .hero-content-searchbox {
    margin-top: 30px;
    max-width: 850px;

}

#home .hero .hero-wrapper .hero-content-wrapper .search-form-home {
    -webkit-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
    border-radius: 4px;
    background-color: #fff;
    padding: 15px 25px;
    min-width: 880px;
}


#home .hero .hero-wrapper .hero-content-wrapper .home-broadcast {
    background-color: transparent;
    padding: 0;
    min-width: 880px;
}


.remember-summary,
.careful-summary {
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: #f5f5f5;
    border: 1px solid rgb(221, 221, 221);


}

.remember-summary-content,
.careful-summary-content {
    padding: 24px;
    word-break: break-all;
    word-wrap: break-word;
    color: #333 !important;
    font-size: 1em;
}

.phone-validate-error-block,
.phone-verify-error-block {
    color: #a94442;

}

.btn-outline-petbnb,
.btn-outline-petbnb-pets {
    display: inline-block;
    padding: 10px;
    border: 1px solid #dbdbdb !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    overflow-wrap: break-word;
    height: 90px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none !important;
    border-radius: 4px;
    background: #FFF;
    color: #519b7a;
}

.btn-outline-petbnb.active,
.btn-outline-petbnb-pets.active {
    color: #FFF;
    background: #519b7a;
}

.active .paw-white {
    color: #519b7a;
}

.active #boarding-li .paw-white {
    color: #FFF;
}

.active #boarding-li:hover .paw-white {
    color: #519b7a;
}

.btn-outline-petbnb .paw-right {
    margin-top: -8px;
    position: absolute;
    left: 15px;
}

.btn-no-outline-petbnb {
    display: inline-block;
    padding: 10px 17px;
    border: none !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none !important;
    border-radius: 4px;
    background: #FFF;
    color: #555 !important;
}

.btn-feint-outline-petbnb {
    display: inline-block;
    padding: 10px 17px;
    border: 1px solid #ccc !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none !important;
    border-radius: 4px;
    background: #FFF;
    color: #555 !important;
}


.sitter-card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -.625rem;
    margin-left: -.625rem;
}

.sitter-card-deck .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    margin-right: 3px;
    margin-left: 3px;
}

.card-img-top {
    border-radius: 4px 4px 0 0 !important;
}

.img-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.datepicker table tr td.disabled.booked,
.datepicker table tr td.disabled.booked:hover {
    background: #f9d8d2 !important;
    color: #e5573f !important;

}

.calendar-dot.booked {
    border: 1px solid #e5573f;
    background-color: #f9d8d2;
}

#affix-form .img-circle-host-listing {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 100px !important;
    height: 100px !important;
}

#reviews-inner-container .pagination {
    display: flex;
    justify-content: center;
}

.btn-outline-petbnb .paw-left {
    margin-top: 4px;
    position: absolute;
    right: 19px;
}

#areasearch .pac-item-query,
#areasearchmob .pac-item-query {
    font-size: 16px;
    color: #519b7a !important;
    line-height: 40px;
}

#areasearch:hover .pac-item-query,
#areasearchmob:hover .pac-item-query {
    color: #fff !important;
}

#areasearch,
#areasearchmob {
    font-size: 16px;
}

#areasearch .pac-icon,
#areasearchmob .pac-icon {
    font-size: 16px;
    color: #519b7a;
    background: none !important;

}

#areasearch:hover .pac-icon,
#areasearchmob:hover .pac-icon {
    color: #FFF !important;
}

#reassurance {
    margin: 60px 0;
}

.time-container {
    display: flex;
    overflow: scroll;
    width: 100%;
    position: relative;
    white-space: nowrap;
}

button[class^="left-paddle-"] {
    position: absolute;
    bottom: 25px;
    left: 0;
    background: #FFF !important;
    border: 1px solid #FFF;
}

button[class^="right-paddle-"] {
    position: absolute;
    bottom: 25px;
    right: 0;
    background: #FFF !important;
    border: 1px solid #FFF;
}

.time-container .form-control {
    margin-bottom: 0 !important;
    height: 0;
}

.time-container.btn-group>.btn {
    display: inline-block;

}

.time-container::-webkit-scrollbar {
    display: none;
}


.time-select.disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}


#header-sitter h1,
#header-sitter-cat h1 {
    color: #FFF;
}

h1 {
    font-size: 30px;
}

h2 {
    color: #e5573f;
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

.rating-wlaking {
    margin-left: -3px;
}

.rating-walking span {
    color: #555;
    font-weight: 700;
    font-size: 14px
}

.rating .paw-icon,
.rating-walking .paw-icon {
    color: #ffcc33;
    font-size: 16px;
    letter-spacing: 3px;
    position: relative;
}

.rating .paw-icon-disabled,
.rating-walking .paw-icon-disabled {
    color: #e8e8e8;
    font-size: 16px;
    letter-spacing: 3px;
    position: relative;
}

.rating .icon-paw,
.rating-walking .icon-paw {
    color: #ffcc33;
    font-size: 18px;
    letter-spacing: -3px;
    position: relative;
    top: 4px
}

.rating .icon-paw.disabled,
.rating-walking .icon-paw.disabled {
    color: #e8e8e8;
    font-size: 18px;
    letter-spacing: 0;
    position: relative;
    top: 4px
}

.rating span {
    color: #555;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0 !important
}

.rating a {
    font-size: 14px;
    letter-spacing: 0;
    left: 5px;
    position: relative;
}

.rating strong {
    letter-spacing: 0;
    position: relative;
}

select.custom {
    background: #f8f8f8;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    height: 46px;
    width: 230px;
    text-indent: 10px;
}

.top-bar {
    height: 40px;
}

#overall-rating span {
    font-size: 18px
}

#overall-rating .rating .paw-icon {
    font-size: 22px
}

.top-bar-search {
    width: 50%;
    border-radius: 5px 0px 0px 5px;
    height: 40px;
}

#verifications p {
    font-size: 16px;
}

.datepicker-dropdown {
    display: none;
}

.expandable {
    height: 8em;
    position: relative;
    overflow: hidden;
}

.desktop-search-button {
    border: 1px solid #e5573f;
    position: absolute;
    right: 6px;
    top: 4px;
    background: #e5573f;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #FFF;
}

.modal-fee-levels {
    z-index: 9999;
}

#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
#referral-credits.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td,
#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td,
#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
#referral-credits.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td,
#referral-credits.table-condensed>thead>tr>th,
#referral-credits.table-condensed>tbody>tr>th,
#referral-credits.table-condensed>tfoot>tr>th,
#referral-credits.table-condensed>thead>tr>td,
#referral-credits.table-condensed>tbody>tr>td,
#referral-credits.table-condensed>tfoot>tr>td {
    padding: 20px 10px;
}

.share-buttons {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.button-favourite-wrapper {
    position: absolute !important;
    top: 24px !important;
    right: 120px !important;
}

.remove-spaces {
    width: 100%;
    color: #425864;
}

#image-gallery-lightbox.btn,
#image-gallery-lightbox:hover.btn,
.share-profile-button,
.add-favourite-desk,
.add-remove-favourite-desk {
    -webkit-transition: background 0.3s, border-color 0.3s !important;
    -moz-transition: background 0.3s, border-color 0.3s !important;
    transition: background 0.3s, border-color 0.3s !important;
    position: relative !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    width: auto !important;
    font-size: 15px !important;
    line-height: 18px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    color: #484848 !important;
    font-weight: normal !important;
    border: 1px solid transparent !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    min-width: 51.77708763999664px !important;
    background: #ffffff !important;
    box-shadow: none;
    outline: none !important;
}

.share-link-button {
    border-bottom: 1px solid #DBDBDB !important;
    border-top: 1px solid #DBDBDB !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    list-style: none;
    margin-top: 20px;
}

.share-link-button-next {
    border-bottom: 1px solid #DBDBDB !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    list-style: none;
}

a#insurance-pop {
    color: #519b7a;
}

.modal-share ul {
    padding: 0
}

.modal-share .modal-header {
    padding: 0;
}

.other-options {
    padding: 0;
}

.other-options li {
    list-style: none;
    font-size: 12px;
}

.other-options li a,
.related-areas-links a {
    color: #999;
}

.message-only,
#bookingsubmitOne {
    height: 46px;
}

#custom-quote #service-dd {
    margin-bottom: 35px;
}

.calendar-loading-start,
.start-modal-host-loading,
.start-modal-cal-loading {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.7;
    z-index: 30;

}

.calendar-loading-end,
.end-modal-host-loading,
.end-modal-cal-loading {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.7;
    z-index: 30;

}

.calendar-loading-day,
.daycare-calendar-host-loading,
.daycare-calendar-modal-loading {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.7;
    z-index: 30;

}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: #519b7a;
    border: 1px solid #519b7a;
}

.booking-summary-panel {
    border: 1px solid #CCC;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.full-width-image {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

#maps {
    margin-top: 20px;
}

#stay-pics-1 img,
#stay-pics-2 img,
#stay-pics-3 img,
#stay-pics-4 img,
.stay-pics-overlay {
    border-radius: 3px;
    border: 1px solid transparent;
    max-width: 100%;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 180px;
    object-fit: cover;
}

#stay-pics-1:hover img,
#stay-pics-2:hover img,
#stay-pics-3:hover img,
#stay-pics-4:hover img,
.stay-pics-overlay:hover {
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    cursor: pointer;
}

#stay-pics-4 {
    position: relative;
}

.stay-pics-overlay {
    position: absolute;
    border: 1px solid transparent;
    padding: 0 5px;
    top: 0;
    bottom: 0;
    right: 5px;
    left: 5px;
    background: rgba(0, 0, 0, .7);
    z-index: 20;
}

.stay-pics-overlay .stay-photo-overlay-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    left: 0;
}

.text-center {
    text-align: center;
}

.text-contrast,
.text-contrast-muted,
.text-contrast-muted:active,
.text-contrast-muted:hover,
.text-contrast-muted:link,
.text-contrast-muted:visited,
.text-contrast:active,
.text-contrast:hover,
.text-contrast:link,
.text-contrast:visited {
    color: #fff !important;
}

.large-text {
    font-size: 16px;
    line-height: 1.6;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
}

#footer a {
    text-decoration: none;
}

#photos .asyncImg {
    background-repeat: no-repeat;
    background-size: cover;
}

#photos .asyncImg:after {
    content: "\f03e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 400px;
    color: #A8D6C1;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -200px;
    z-index: 1;
}

.placeholder-svg {
    fill: #ccc;
    height: 100%;
    width: 100%;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #519b7a;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ccc;
}

.btn-register-host {
    height: 100px;
    white-space: normal;
}

.barWrapper .progress-bar .tooltip {
    position: relative;
    float: right;
    margin-left: 5px;
    min-width: 90px;
    z-index: 9;
}

.progress-bar .tooltip>.tooltip-inner {
    background-color: #e5573f;
    padding: 5px 15px;
    color: #FFF;
    font-weight: bold;
    font-size: 13px;
    margin-top: 62px;
}

.popOver+.tooltip>.tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e5573f;
}

.progress {
    border-radius: 0;
    overflow: visible;
}

.progress-bar.progress-striped,
.legend-striped {
    background-color: #79c8a9;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}


.latest-fee-update {
    font-style: italic;
    font-size: 12px;
}



#nav-icon {
    width: 25px;
    height: 40px;
    position: relative;
    margin: 21px 5px 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: left;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #e5573f;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.petbnb-services h1,
h1.experiences {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 30px;
    color: #425864;

}

.walking-review-carousel {
    margin-bottom: 40px;
}



#js-review-block-text {
    margin-top: 0 !important;
}

#experiences h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;
}

#landing-intro h3,
#how-it-works h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;
}

#how-it-works h1 {
    margin-top: 40px;
    margin-bottom: 80px;
    text-align: center;
    font-size: 30px;
    color: #425864;
}

#landing-intro,
#services {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

#how-it-works {
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

#how-it-works h3 {
    margin-top: 40px;
    margin-bottom: 80px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;

}

#helped-thousands h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
}

.ideal-icon {
    height: 70px;
    width: 70px;
}

#landing-intro h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 24px;
    color: #e5573f;
}


.petbnb-services .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.petbnb-services .panel-heading {
    color: #425864 !important;
    padding: 20px;
}

.petbnb-services .panel .panel-body .checklist-row {
    padding: 5px;
    font-size: 16px;
}

.petbnb-services .panel .panel-heading .panel-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.petbnb-services .panel .panel-heading .panel-title .shield-icon {
    height: 28px;
    width: 28px;
    background-image: url(/img/shield-home.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    position: relative;
}

.petbnb-services .panel .panel-body .checklist-row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.petbnb-services .panel .panel-body .checklist-row .petbnb-icon {
    font-size: 16px;
    color: #519b7a;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

#how-it-works.walking-works {
    margin-top: 100px
}

.paw-left {
    margin-top: 23px;
    position: absolute;
    right: 45px;

}

.paw-right {
    margin-top: 10px;
    position: absolute;
    left: 50px;
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 10px;
}

#nav-icon span:nth-child(4) {
    top: 20px;
}

#nav-icon.cross span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.mobile-main-menu-button.dropdown .mobile-menu-caret,
.mobile-main-menu-button.dropdown .mobile-menu-caret::after {
    display: inline-block;
    margin-left: 0px;
    height: 100%;
    float: left;
    vertical-align: middle;
    font-family: "FontAwesome" !important;
    font-size: 25px;
    margin-right: 3px;
    line-height: 60px;
    content: "\f0c9" !important;
    color: #FFF;
    margin-top: 3px;
}

.mobile-main-menu-button.dropdown.open .mobile-menu-caret,
.mobile-main-menu-button.dropdown.open .mobile-menu-caret::after {
    display: inline-block;
    margin-left: 0px;
    height: 100%;
    float: left;
    vertical-align: middle;
    font-family: "FontAwesome" !important;
    font-size: 25px;
    margin-right: 4px;
    line-height: 60px;
    content: "\f00d" !important;
    color: #FFF;
    margin-top: 3px;
}


.home-services,
#search-bar-home-container,
.search-location-magnify {
    color: #425864;
    text-shadow: none !important;
}


#nav-icon.cross span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.cross span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.cross span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.service-switch-label {
    min-width: 50px;
}

.progress-bar {
    background: #519b7a;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}

.nearby-cities a,
.area-neighbourhoods a,
.city-areas-nearby a,
.city-areas a {
    color: #999;
}

.rc-swipeout {
    overflow: hidden;
    position: relative;
}

.rc-swipeout-cover {
    position: absolute;
    z-index: 2;
    background: transparent;
    height: 100%;
    width: 100%;
    top: 0;
    display: none;
}

.rc-swipeout .rc-swipeout-content,
.rc-swipeout .rc-swipeout-actions {
    transition: all 250ms;
}

.rc-swipeout-actions-left {
    left: 0;
}

.rc-swipeout-actions {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}

.rc-swipeout-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    -moz-box-shadow: inset 1px 1px 3px 0px #000000;
    -webkit-box-shadow: inset 1px 1px 3px 0px #000000;
    box-shadow: inset 1px 1px 3px 0px #000000;
}


.rc-swipeout-content {
    position: relative;
    background-color: #fff;
}

.rc-swipeout-actions-right {
    right: 0;
}

#host #sidebar-wrap .popover {
    height: 250px !important;
    z-index: 1000000;
}

#host #mobile-book-panel .popover {
    height: 250px !important;
    z-index: 1000000;
}

.rc-swipeout-actions-left {
    left: 0;
}

.rc-swipeout-btn-text {
    padding: 0 12px;
}

.petbnb-btn-red {
    display: block;
    padding: 10px !important;
    color: #FFF;
    background: #e5573f;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
}

.petbnb-btn-md {
    height: 62px !important;
    white-space: normal;

}

#location-input-container-mob .pac-container {
    position: absolute !important;
    top: 48px !important;
    left: 0 !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3) !important;
    border-radius: 0 0 3px 3px;
}

.modal-petbnb-value,
.modal-extended-stay {
    z-index: 9999999;
}

.pac-container {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

.search-calendar-updated {
    margin: 0 auto;
    background-color: #f9d8d2;
    width: 250px;
    color: #e5573f;
    padding: 3px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #e5573f;
    font-size: 13px;
}

.petbnb-btn-red-agenda,
.petbnb-btn-red-agenda:hover,
.petbnb-btn-red-agenda:focus {
    display: block;
    padding: 10px !important;
    color: #FFF;
    background: #e5573f;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    white-space: normal !important;

}

.petbnb-btn-left {
    float: left !important;
    margin: 10px 10px 10px 0;
}

.petbnb-btn-right {
    float: right !important;
    margin: 10px 0 10px 10px;
}

.shrink-padding-xs-20-10 {
    padding: 20px;
}

#payment-summary td {
    height: 40px;
}

.modal-share ul {
    padding: 0
}

.modal-share .modal-header {
    padding: 0;
}

.petbnb-btn-white-red-outline,
.petbnb-btn-white-red-outline:hover {
    border: 1px solid #e5573f !important;
    background: white !important;
    color: #e5573f !important;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-transparent-white-outline,
.petbnb-btn-transparent-white-outline:hover {
    border: 1px solid #FFF !important;
    background: transparent !important;
    color: #FFF !important;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-white-grey-outline,
.petbnb-btn-white-grey-outline:hover {
    border: 1px solid #425864 !important;
    background: white !important;
    color: #425864 !important;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-white {
    border: 1px solid #c4c4c4 !important;
    background: white;
    color: #555;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.petbnb-btn-white-agenda {
    border: 1px solid #c4c4c4 !important;
    background: white;
    color: #555;
    white-space: normal !important;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    outline: none;
    touch-action: manipulation;
}

.btn-circle.disabled,
.btn-circle[disabled] {
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn-circle.btn-md {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 20px;
    outline: none;

}

.btn-green-outline {
    border: 1px solid #519b7a !important;
    color: #519b7a;
    box-shadow: none;
    background: #FFF;
}

.btn-right {
    float: right;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
    outline: none;

}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
    outline: none;

}

.fc-scroller {
    overflow-y: auto !important;
    overflow-x: auto !important;
    height: auto !important;
}

.fc-today-button {
    border: 1px solid #c4c4c4 !important;
    background: white !important;
    color: #555 !important;
    height: 40px !important;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    border-radius: 5px 5px 5px 5px !important;
}

.fc-next-button,
.fc-prev-button {
    border: none !important;
    background: white !important;
    color: #555 !important;
    height: 40px !important;
    padding: 5px 10px !important;
    box-shadow: none !important;
    font-size: 20px !important;
    outline: none !important;
}

.fc-icon-left-single-arrow:after {
    font-family: "FontAwesome" !important;
    content: "\f053" !important;
    font-weight: bold;
    font-size: 100% !important;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    font-family: "FontAwesome" !important;
    content: "\f054" !important;
    font-weight: bold;
    font-size: 100% !important;
    top: -7%;
}

.fc-icon {
    display: inline-block;
    height: 35px !important;
    line-height: 35px !important;
}

.fc-icon-right-single-arrow {
    height: 100%
}

.fc-icon-left-single-arrow {
    height: 100%
}

.petbnb-btn-white:hover,
.petbnb-btn-white:focus {
    color: #555;
}

.petbnb-btn-primary {
    display: block;
    padding: 10px !important;
    color: #FFF;
    background: #519b7a;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    height: 40px;
}

.button-as-link {
    background-color: transparent;
    border: none;
    color: #999;
    cursor: pointer;
    display: inline;
    outline-offset: 0;
    outline: none;
    text-decoration: none;
    height: 40px;
    padding: 10px;
    margin: 10px 10px 10px 0;
    box-shadow: none !important;
    font-size: 14px;
}

.other-options {
    padding: 0;
}

.other-options li {
    list-style: none;
    font-size: 12px;
}

.other-options li a,
.related-areas-links a {
    color: #999;
    font-size: 12px;
}

.button-as-link-booking {
    background-color: transparent;
    border: none;
    color: #337ab7;
    cursor: pointer;
    display: inline;
    width: 100%;
    text-align: right;
    outline-offset: 0;
    font-weight: 700;
    outline: none;
    text-decoration: none;
    padding: 0;
    margin-top: 5px;
    box-shadow: none !important;
    font-size: 16px;
}

.button-as-link-agenda {
    background-color: transparent !important;
    border: none !important;
    color: #337ab7;
    cursor: pointer;
    display: inline;
    outline-offset: 0;
    outline: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.bg-grey {
    background: #dedede !important;
    border-radius: 4px;
}


.excluding-fees {
    color: #999;
    margin-top: -3px;
    font-size: 11px;
}

.circle-loader {
    margin: 0 0 30px 10px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-left-color: #519b7a;
    animation-name: loader-spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.circle-loader,
.circle-loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    margin: 30px auto;
    display: block;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #519b7a;
    transition: border 500ms ease-out;
    margin: 30px auto;
    display: block;
}

.checkmark {
    display: block;
}

.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
    opacity: 1;
    height: 4em;
    width: 2em;
    transform-origin: left top;
    border-right: 4px solid #519b7a;
    border-top: 4px solid #519b7a;
    content: '';
    left: 2em;
    top: 4em;
    position: absolute;
}


@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 2em;
        opacity: 1;
    }

    40% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }

    100% {
        height: 4em;
        width: 2em;
        opacity: 1;
    }
}

.petbnb-btn-red:hover,
.petbnb-btn-red:focus {
    color: #FFF;
}

.petbnb-btn-primary:hover,
.petbnb-btn-primary:focus {
    color: #FFF;
}

.left-paw-booking {
    margin-top: 24px;
    position: absolute;
    left: 35px;
}

.right-paw-booking {
    margin-top: 14px;
    position: absolute;
    right: 30px;
}

.toast-success {
    background-color: #519b7a;
}

.dates-services-panel {
    padding: 15px 30px;
}

.fc-past {
    background-color: #ccc;
    color: #999;
    border: 1px solid #FFF;
    cursor: not-allowed;
    border-color: transparent;

}

.fc-past .fc-day-number {
    text-decoration: line-through !important;
}

.fc-today,
.fc td.fc-today {
    background: transparent !important;
    color: #425864 !important;
    border-color: #ddd !important;
}

.fc-today.fc-day-number {
    color: #FFF !important;
}

.margin-bottom-10 {
    margin-bottom: 30px !important;

}

.margin-no-top-10 {
    margin-bottom: 10px !important;

}

.calendar-dot {
    margin: 0 2px;
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 10px;
}

.calendar-pay,
.legend-striped {
    margin: 0 2px;
    display: inline-block;
    height: 10px;
    width: 15px;
    border-radius: 3px;
}

.fc-highlight {
    background: #79c8a9 !important;
    opacity: .3;
}

#fb-testimonial-share {
    padding: 10px 20px;
    font-size: 20px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    border-radius: 4px;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    background: #4063b3;
    border-color: #4063b3;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

#photo-updates {
    border-bottom: 1px solid #EEE;
    padding-bottom: 20px;
}

.fluid-row {
    display: table;
    width: 100%;
}

.fluid-row.v-bottom,
.fluid-row.v-center {
    height: 100%;
}

.fluid-row.v-center .fluid-col {
    vertical-align: middle;
}

.fluid-row .fluid-col {
    display: table-cell;
    vertical-align: top;
}

.margin-v-x0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.h3 {
    font-family: inherit;
    color: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

.host-summary-details-level {
    margin: 0;
}

.faux-radio {
    display: block !important;
    font-weight: normal !important;
}

.sidebar-description {
    font-size: 12px;
}

.intl-tel-input {
    width: 100% !important;
}

.fixed-height-dd-li {
    height: 80px;
    cursor: pointer;
}

.fixed-height-dd-broadcast {
    cursor: pointer;
}

.fixed-height-dd-li-host {
    height: 90px;
    cursor: pointer;
}

.sidebar-description {
    color: #777
}

.fixed-height-dd-broadcast:hover,
.fixed-height-dd-li:hover,
.fixed-height-dd-li-host:hover,
.fixed-height-dd-li:hover .sidebar-description,
.fixed-height-dd-li-host:hover .sidebar-description {
    background-color: #519b7a;
    color: #FFF !important;
}

fixed-height-dd-broadcast:hover,
.fixed-height-dd-li:hover .paw-white,
.fixed-height-dd-li-host:hover .paw-white {
    color: #519b7a !important;
}

.mobile-search-radio input {
    visibility: hidden;
    position: absolute;
    left: -30px;
}

.dropdown-radio input,
.dropdown-radio-search input {
    visibility: hidden;
    position: absolute;
    left: -30px;
}

.booking-modal-radio input {
    visibility: hidden;
    position: absolute;
    left: -30px;
}

.h5 {
    font-family: inherit;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

#whatsapp-testimonial-share {
    margin-top: 15px;
    padding: 10px 20px;
    font-size: 20px;
    width: 100%;
    white-space: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    -webkit-transition: background .1s linear;
    transition: background .1s linear;
    background: #25d366;
    border-color: #25d366;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

#host .popover {
    width: 400px;
    height: 400px;
}

#start-date-dropdown-agenda {
    min-width: 330px;
}

#end-date-dropdown-agenda {
    min-width: 330px;

}

.margin-top-x5 {
    margin-top: 25px !important;
}

.margin-top-neg-circle-md {
    margin-top: -7px !important;
}

.margin-top-plus-circle-md {
    margin-top: 14px !important;
}

.margin-top-neg-circle-md-10 {
    margin-top: -10px !important;
}

.fc-day.fc-past:hover {
    cursor: default !important;

}

.fc-day:hover {
    cursor: pointer;
    cursor: hand;
}

.fc-petbnb {
    pointer-events: none !important;
    cursor: pointer;
    cursor: hand;
}

.petbnb-mobile-availability {
    pointer-events: none !important;
    cursor: pointer;
    cursor: hand;
}

.fc-event-container:hover {
    cursor: pointer !important;
    cursor: hand !important;
}

.fc-future:hover {
    cursor: pointer;
    cursor: hand;
}

.edit-availability-row {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 2em;
    margin: 0px !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left !important;
}

.dog-booking {
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 20px;
}

.text-center {
    text-align: center;
}

::-ms-clear {
    display: none;
}

.form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 1px;
    right: 6px;
    font-size: 18px;
}

.form-control-clear-mob {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 5px;
    right: 6px;
    font-size: 20px;
}

.form-control-clear-jobs {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 1px;
    right: 35px;
    font-size: 18px;
}

.form-control-clear-mob-jobs {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 5px;
    right: 6px;
    font-size: 20px;
}

#location-input-container-home .form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 12px;
    right: 6px;
    font-size: 20px;
}

#search_query {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 193px;
    outline: none;
    margin-bottom: 0px !important;
    border: none;
    padding-left: 10px;
    padding-right: 40px;
    width: 100%;
    height: 40px;
}

.cookies-banner-container {
    padding-left: 80px !important;
    padding-right: 80px !important;
    width: 100% !important;
    left: 0px !important;
    bottom: 0px !important;
    z-index: 2000 !important;
    position: fixed !important;
    -webkit-box-align: center !important;
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    margin-bottom: 28px !important;
    display: none;
}

.cookie-description {
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 16px !important;
    overflow: hidden !important;
    background-color: rgb(255, 255, 255) !important;
    box-shadow: rgb(0 0 0 / 28%) 0px 8px 28px !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    margin-bottom: 28px !important;
}

.cookie-description-wrapper {
    margin: 8px !important;
    flex: 1 1 0% !important;
    min-width: 65% !important;
}

.cookie-title-wrapper {
    -webkit-box-align: center !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;

}

.cookie-title {
    font-size: 18px !important;
    font-weight: 700;
}

.cookie-text {
    margin: 0px 0px 8px !important;
}

.cookie-button-wrapper-inner {
    margin: 0px !important;
    white-space: nowrap !important;
}

.cookie-button-wrapper {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    flex-direction: row !important;
    margin: auto 8px !important;
}

.cookie-banner-close {
    margin: auto;
    white-space: nowrap !important;
    cursor: pointer !important;
    display: inline-block !important;
    margin: 0px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    touch-action: manipulation !important;
    outline: none !important;
    padding: 14px 24px !important;
    transition: box-shadow 0.2s ease 0s, -ms-transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s, transform 0.1s ease 0s !important;
    -webkit-tap-highlight-color: transparent !important;
    border: none !important;
    background: #e5573f !important;
    color: #FFF !important;
    contain: paint !important;
    border-radius: 4px;
    width: 100% !important;
}

.bookit-message-friendly-booking {
    padding: 10px 0;
    height: 40px;
    overflow: hidden;
    position: fixed;
    font-size: 15px;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #FFF;
    border-top: 1px solid #CCC;
    transition: top .5s;

}

#mobile-book-panel {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 0;
    width: 100%;
    position: fixed;
    /* Stay in place */
    z-index: 1049;
    /* Sit on top */
    left: 0;
    top: 0;
    background-color: #FFF;
    /* Black fallback color */
    background-color: #FFF;
    /* Black w/opacity */
    overflow-x: hidden;
    overflow-y: scroll;
    /* Disable horizontal scroll */
}

.mobile-screen-heading {
    position: relative;
    border-bottom: 1px solid #DDD;
}

.mobile-container {
    margin-top: 20px;
    position: relative;
}

.mobile-spacing {
    margin: 20px 0;
}

.close-register {
    background: transparent;
    border: transparent;
}

.close-search-bar {
    float: left;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #425864;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=1);
    opacity: 1;
    background: transparent;
    box-shadow: none !important;
    border: none !important;
}

#host-services-boarding-dates-search-mobile,
#host-services-owner-breed,
#host-location-dd-mobile-search,
#host-services-dd-mobile,
#host-services-dd-mobile-search,
#host-services-boarding-dates,
#host-services-payment-dates,
#check-in-check-out-form-modal,
#booking-summary-modal,
#host-services-daycare-dates,
#host-services-owner-with-dogs,
#host-services-owner-without-dogs,
#host-pets-job-search-mobile,
#host-radius-job-search-mobile,
#host-services-daycare-dates-search-mobile,
#host-services-owner-with-dogs-search-mobile,
#host-services-owner-without-dogs-search-mobile {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 100000;
    display: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    overflow-y: scroll;
}

#host-services-form-modal,
#host-services-form-boarding-dates,
#host-pets-job-search {
    list-style: none;
}

.booking-modal-li {
    margin: 10px;
    list-style: none;
}

.close-mobile {
    position: absolute;
    right: 20px;
    font-size: 20px;
    bottom: 15px;
}

.close-register {
    right: 20px;
    font-size: 25px;
    bottom: 15px;
}

.modal-login .modal-footer,
.modal-taxes .modal-footer {
    text-align: center;
}

.mobile-screen-heading h2 {
    margin: 20px;
}

#reviews .item-review-reply {
    border-bottom: 1px solid #efefef;
    padding: 20px 0px;
    border-left: 0px;
}

.thumb-lg {
    width: 110px;
    max-height: 110px;
}

.reviewer-name-review-reply {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
}

.rating-review-reply {
    letter-spacing: -3px;
    font-size: 28px;
}

.rating-review-reply .icon-paw {
    color: #ffcc33;
}

.rating-review-reply .icon-paw.disabled {
    color: #e8e8e8;
}

.toast-success {
    background-color: #519b7a;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.starrating>input {
    display: none;
}

/* Remove radio buttons */

.starrating>label:before {
    content: "\f005";
    /* Star */
    margin: 2px;
    font-size: 4em;
    font-family: FontAwesome;
    display: inline-block;
}

.starrating>label {
    color: #222222;
    /* Start color when not clicked */
}

.starrating>input:checked~label {
    color: #ffca08;
}

/* Set yellow color when star checked */

.starrating>input:hover~label {
    color: #ffca08;
}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.margin-bottom-x5 {
    margin-bottom: 25px !important;
}

#col2 a {
    color: #425864;
    text-decoration: none;
}

.delete-chat {
    background: transparent !important;
    box-shadow: none !important;
    color: #FFF;
    margin-top: 25px;
    font-size: 18px !important;
    padding: 10px 10px !important;
}

.delete-chat:hover {
    color: #B8B8B8 !important;
}

.manual-change {
    position: relative;
    color: #425864 !important;
    background-color: #DDD !important;
}

.price-legend-accept {
    float: right;
}

.manual-change:after {
    font-family: "FontAwesome";
    content: "\f005";
    position: absolute;
    font-size: 10px;
    top: 3px;
    right: 15px;
    width: 0;
    height: 0;
    display: block;
}

.fc-petbnb-mobile-available {
    display: none !important;
    height: 0;
}

.fc-body .fc-row {
    min-height: 150px;
}

.feint-overlay {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.8;
    -moz-opacity: 0.8;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

#walk-days .help-block,
#walk-weekdays .help-block,
#repeat-start-date .help-block,
.select-days .help-block {
    color: #a94442 !important;
}

#search-overlay {
    position: fixed;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 120px;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.9;
    -moz-opacity: 0.9;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

#metro-home {
    margin-top: -20px
}

.unread {
    color: #425864;
}

#sitter-profile-breadcrumb {
    background: #FFF;
    padding: 8px 0;
    margin-left: 0;
}

#toast-container>div {
    opacity: 0.9
}

#friends-close {
    position: absolute;
    top: -3px;
    right: 0px;
    color: #519b7a;
    opacity: 1;
}

.alert-refer {
    background-color: #519b7a !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #DDD;
    color: #fff;
    margin: 0 0px 20px 0px;
}

.alert-refer input {
    color: #425864 !important;
}

.alert-refer .share-button-wrapper {
    border-bottom: none !important;
}

.alert-refer .twitter-share,
.alert-refer .fb-share,
.alert-refer .whatsapp-share {
    background: transparent !important;
    border: 1px solid #FFF;
}

.alert-refer .panel-body {
    padding: 15px 15px 0 15px !important;
}

.alert-refer .balance-row {
    border-radius: 0 0 4px 4px;
    background: #f8f8f8 !important;
    color: #425864;
    padding-bottom: 15px;
}

.alert-refer .balance-row h1 {
    font-size: 50px;
    color: #e5573f;
}

.alert-new {
    border: 1px solid #DDD;
    background-color: #f8f8f8;
    position: relative;
    padding-left: 90px;
    margin: 0;
}

#no-results-filters,
#no-results-filters-desk {
    height: 46px;
}

.alert-message-btn,
.alert-message-btn:hover {
    color: #FFF !important;
    box-shadow: none !important;
    margin: 0px;
    background: #e5573f;
}

#alert-top-menu {
    min-width: 300px;
}

.alert-preview {
    color: #FFF;
    background-color: #e5573f;
    border-color: #e5573f;
    position: fixed;
    top: 100px;
    height: 50px;
    left: 0;
    right: 0;
    width: 450px;
    text-align: center;
    margin: 0 auto;
    z-index: 4;
    box-shadow: 0px 2px 2px -1px #0f0f0f;
}

.friend-invite-button-wrapper {
    margin-top: 10px;
}

.alert-money-icon {
    position: absolute;
    left: 20px;
    top: 20px;
}

.button-container-right {
    padding-right: 0px;
    padding-left: 5px;
}

.margin-top-x10 {
    margin-top: 50px !important;
}

.horizontal-progress {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.text-center {
    text-align: center;
}

.horizontal-progress__step.active,
.horizontal-progress__step.active a {
    color: #519b7a;
    text-decoration: none;

}

.horizontal-progress__step__number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    width: 32px;
    text-align: center;
    border: 1px solid;
    border-color: inherit;
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    background-color: #fff;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 0 1px 0 #999 inset, 0 0 1px 0 #999;
    box-shadow: inset 0 0 1px 0 #999, 0 0 1px 0 #999;
}

.horizontal-progress__step__number.done {
    background-color: #519b7a;
    color: #fff !important;
}

.horizontal-progress__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ddd;
    position: relative;
    z-index: 1;
}

.padding-left-lg,
.padding-left-md {
    padding-left: 10px;
    padding-right: 0;
}

.padding-right-lg,
.padding-right-md {
    padding-left: 0;
    padding-right: 10px;
}

.padding-left-right-lg,
.padding-left-right-md {
    padding-left: 10px;
    padding-right: 10px;
}

.horizontal-progress__step__line:after,
.horizontal-progress__step__line:before {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}

.horizontal-progress__step__line:after {
    right: 0;
}

.horizontal-progress__step.active a {
    color: #519b7a;
    text-decoration: none;
}

.horizontal-progress__step a {
    display: block;
    width: 100%;
    text-decoration: none;

}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.black-picture-overlay {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, .2);
}

.picture-overlay-walk {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
}

.picture-overlay-walk a.logo,
.picture-overlay-walk a.logo span {
    color: #FFF !important;
    font-size: 36px;
    text-shadow: 0 1px 3px #0f0f0f;
}

.picture-overlay-walk a.logo {
    padding: 20px;
}

.black-picture-overlay-404 {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, .3);
}

.black-picture-overlay-about {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    background: rgba(0, 0, 0, .2);
}

.hero-row-container {
    border-collapse: collapse;
}

.hero-row-container .hero-row {
    padding-top: 10px;
    border: 1px solid #ddd;
}

.hero-row-container .hero-row:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.hero-row-container .hero-row:only-child {
    border-radius: 4px;
    border: 1px solid #ddd;
}

.hero-row-container .hero-row div.hero-image.hero-inactive,
#walking-image.hero-inactive,
#dog-boarding-image.hero-inactive,
#drop-in-image.hero-inactive,
#dog-boarding-image.hero-inactive,
#house-sitting-image.hero-inactive {
    background-color: #ddd;
}

#dog-walking-inactive,
#dog-daycare-inactive,
#dog-boarding-inactive,
#drop-in-inactive,
#house-sitting-inactive,
.paw-inactive {
    color: #ddd;
}

.paw-active {
    color: #519b7a;

}

.paw-white {
    color: #FFF;

}

#price-wrap .service-price {
    display: block;
    font-size: 25px;
    line-height: 18px;
}

#price-wrap .service-unit {
    display: block;
    font-size: 8px;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 3px;
}

.host-profile-section {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEE;
}

.margin-x2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.padding-x2 {
    padding: 10px 0;
}

.margin-bottom-x2 {
    margin-bottom: 10px !important;
}

.margin-bottom-x4 {
    margin-bottom: 20px !important;
}

.hero-row-container .hero-row div.hero-image {
    text-align: center;
    background-color: #519b7a;
    color: #fff;
    border-radius: 28px;
    width: 56px;
    height: 56px;
}

.hero-row-container .hero-row .hero-image {
    position: absolute;
    left: -2em;
}

.petbnb-text-badge.petbnb-text-badge-muted {
    background: #eee;
    color: #999;
    float: right;
}

.petbnb-text-badge {
    font-size: 12px;
    line-height: 1.6;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    background: #00bd70;
    padding: 2px 6px;
    text-transform: uppercase;
}

.hero-row-container .hero-row .petbnb-header-group .petbnb-header-title {
    font-weight: 700;
}

.petbnb-header-group .petbnb-header-subtitle {
    color: #999;
    margin-bottom: 0;
    margin-top: 5px;
}

.padding-bottom-x3 {
    padding-bottom: 20px !important;
}

.padding-top-x3 {
    padding-top: 20px !important;
}

.padding-top-x2 {
    padding-top: 10px !important;
}

.margin-bottom-x4 {
    margin-bottom: 30px !important;
}

.petbnb-header-group {
    margin-bottom: 20px;
}

.hero-row-container .hero-row .petbnb-header-group {
    margin-left: 2em;
}

.services-page .petbnb-header-group {
    margin-bottom: 10px;
}

.hero-row-container .hero-row .petbnb-header-group {
    padding-top: 5px;
    padding-bottom: 5px;
}

.active .horizontal-progress__step__heading {
    font-weight: 600;
}

.anchor .horizontal-progress__step__heading {
    color: #519b7a;
}

.horizontal-progress__step__heading {
    font-size: 12px;
    line-height: 1.25;
    color: #555;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 120%;
}

#no-results-map,
#no-results-boarding,
#no-results-boarding-desk {
    height: 46px;
}

.horizontal-progress__step__line {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    width: 100%;
}

.margin-left-x8 {
    margin-left: 45px !important;
}

.account-profile-section-header {
    margin: 40px 0;
    text-align: center;
}

.padding-right-x6 {
    padding-right: 30px !important;
}

.text-muted {
    color: #999;
}

.text-muted-agenda {
    color: #999 !important;
}

#host-menu-ul li.active {
    border-bottom: 5px solid #519b7a;
}

.btn-signup-wrapper {
    margin-top: 30px;
    text-align: center;
}

.btn-signup-credit-wrapper {
    margin-top: 10px;
    text-align: center;
}

#friends-invited {
    margin-top: 100px;
}

.btn-later,
.btn-later:hover,
.btn-later:focus {
    border: 1px solid #519b7a;
    color: #519b7a;
    background: #FFF;
    display: inline-block;
    padding: 9px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: none;
    text-decoration: none;
    width: 100%;
}

.amount-given {
    color: #519b7a;
}

#manual-email-input-wrapper .help-block {
    color: #a94442;
}

#payment-cmn .help-block,
#payment-cmn .error-message {
    color: #a94442;
}

#friends-invited h2 {
    text-align: center;
}

.friend-signed-up-row:first-child {
    border-top: 0;
}

.friend-signed-up-row {
    padding: 10px 0;
    border-top: 1px solid #CCC;
}

.btn-sign-up,
.btn-sign-up:hover,
.btn-sign-up:focus {
    margin: 0 auto;
    font-size: 20px;
    border: 1px solid #519b7a;
    color: #519b7a;
    background: #FFF;
    display: inline-block;
    padding: 10px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 3px;
    box-shadow: none;
    text-decoration: none;

}

#host-refer-signup {
    white-space: nowrap;
    padding: 10px;
}

#drop-off-time,
#drop-off-time-modal,
#pick-up-time,
#pick-up-time-modal {
    height: 40px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #CCC;
}

#search-dog-toggle .existing-dog-legend {
    float: left;
    overflow: hidden;
    padding-right: 0px;
    text-align: center;
    width: auto;
}

#number-of-dogs,
#frequency-service,
#frequency-service-modal,
#dogs-xl,
#dogs-l,
#dogs-m,
#dogs-s,
#dogs-xl-modal,
#cats-modal,
#dogs-s-modal,
#dogs-l-modal,
#dogs-m-modal,
#dogs-s-mobile-search,
#cats-desk-search,
#cats-mobile-search,
#dogs-xl-mobile-search,
#dogs-l-mobile-search,
#dogs-m-mobile-search,
#dogs-s-mobile-search {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    line-height: 16px;
    font-size: 16px;
    padding: 0px;
    width: 30px;
}

.search-dog-sizes-no-dogs-yet-svg {
    fill: #ccc;
    height: 40px;
    width: 80px;
}

button.close-mobile {
    border: none !important;
    background: transparent;
}

#modal-button-container-fixed {
    padding: 0;
    height: 0;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: top .5s;
    margin-left: -15px;
}

#header-zwitserleven .btn-group {
    width: 100%;

}

#booking-form-button-modal,
#booking-form-search-modal {
    bottom: 0;
    position: absolute;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    width: 100%
}

#number-of-dogs-modal {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    line-height: 16px;
    padding: 0px;
    width: 9px;
}

.dog-existing-toggle-mobile-search,
.dog-existing-toggle,
.dog-existing-toggle-modal,
.dog-existing-toggle-mobile-search {
    padding: 10px;
}

.dog-existing-toggle-mobile-search,
.dog-existing-toggle-modal,
.service-toggle,
.service-toggle-modal,
.service-toggle-mob,
.dog-existing-toggle,
.dog-not-existing-toggle,
.dog-not-existing-toggle-modal {
    width: 100%;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding-top: 10px;
    height: 40px;
}

.service-toggle:hover,
.service-toggle:focus,
.service-toggle-modal:hover,
.service-toggle-modal:focus,
.service-toggle-mob:hover,
.dog-existing-toggle-mob:focus {
    color: #425864;

}

.dog-existing-toggle-mob {
    width: 100%;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding-top: 5px;
    height: 40px;
}

.dog-existing-toggle-mobile-search:hover,
.dog-existing-toggle-mobile-search:focus,
.dog-existing-toggle:hover,
.dog-existing-toggle:focus,
.dog-existing-toggle-modal:hover,
.dog-existing-toggle-modal:focus,
.dog-existing-toggle-mob:hover,
.dog-existing-toggle-mob:focus {
    color: #425864;

}

.logo-emerce-container {
    margin: 0 auto;
}

.logo-volksrant-container {
    margin: 10px auto;
    height: 100px;
}

.logo-volksrant {
    height: auto;
    display: block;
    margin: 10px 0 auto;
    width: 100%;
}

#logo-emerce-svg {
    height: 44px;
    display: block;
    margin: 0 auto;
    width: 100%;
}


.dogs-not-existing-host .caret,
.dogs-not-existing .caret,
.dogs-not-existing-mobile-search .caret,
.dog-existing-toggle-mobile-search .caret,
.dog-existing-toggle-modal .caret,
#dogs-dd-modal .caret,
#dogs-dd-mob .caret,
#service-dd-collapse .caret,
#lang-select-js .caret,
#service-dd-collapse-modal .caret,
.dog-existing-toggle-mobile-search .caret,
#service-dd-collapse-mobile-search .caret,
#payment-date-collapse .caret,
#payment-collapse-modal .caret,
#daycare-collapse .caret,
#daycare-collapse-search .caret,
#daycare-collapse-modal .caret,
#daycare-collapse-mobile .caret,
#booking-2 #dogs-dd .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0px;
    float: right;
    margin-top: -3px;
    border: none;
}

.dogs-not-existing .caret,
#dogs-dd .caret,
#single-client-dd-button .caret,
#dog-breed-dropdown .caret,
#no-dogs-dd-button .caret,
#price-slider-dropdown-button .caret,
#time-select-dropdown-button .caret {
    display: none;
}

#responsive-menu-button .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 3px;
    float: right;
    margin-top: -38px;
    border: none;

}

.promo-flag {
    display: inline-block;
    padding: 7px 10px 6px;
    text-transform: uppercase;
    background-color: #ffcc33;
    color: #000;
    font-size: 14px;
    font-weight: 900;
    line-height: 24px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
}

.promo-flag-mobile-menu {
    display: inline-block;
    padding: 4px;
    text-transform: uppercase;
    background-color: #ffcc33;
    color: #000;
    font-size: 14px;
    font-weight: 900;
    line-height: 24px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    position: absolute;
    right: auto;
    top: -5px;
    left: 245px;
}

.promo-flag-menu {
    display: inline-block;
    padding: 2px;
    text-transform: uppercase;
    background-color: #ffcc33;
    color: #000;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .24);
    position: absolute;
    right: -50px;
    top: -4px;
    /* left: 200px; */
}

#home .walkies-search-card {
    position: relative;
    padding: 30px;
    -webkit-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
}

.card {
    position: relative;
    display: block;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

#responsive-menu-button .caret::after {
    display: none !important;
}


.no-dogs-chosen,
.no-dogs-chosen-modal {
    color: #a94442;
}

.caret-right {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f;
}

#day-care .form-control-feedback {
    right: 20px;
    top: 4px;
}

.dropdown .caret::after,
.dropup .caret::after {
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

.dropdown.open .caret::after,
.dropup.open .caret::after {
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f;
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#daycare-date-dropdown-search {
    left: 0;
    right: auto;
}

.tool .down-caret-dogs,
.up-caret-dogs,
.down-caret-dogs-modal,
.up-caret-dogs-modal {
    float: right;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f;
}

.dog-guests {
    margin-left: 0px;
}

.text-center-xs,
.text-center-sm {
    text-align: left;
}

.dog-guests-modal {
    margin-left: 0px;
}

.existing-dog-legend {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98%;
    padding-right: 20px;
    text-align: left;
}

.invite-contact-search-wrapper {
    position: relative;
    padding: 15px;
    background: #edefed;
}

.invite-contact-search-icon {
    position: absolute;
    top: 5px;
    left: 23px;
    font-size: 21px;
    color: #aaa;
}

#fee-price a,
#extra-price a {
    color: rgb(81, 155, 122);
}

#contactsModal .modal-body {
    padding: 0px;
}

#contactsModal .modal-header {
    background: #edefed;
    border-radius: 5px 5px 0px 0px;
}

#contactsModal .modal-footer {
    border-radius: 0px 0px 5px 5px;
}

.invite-contact-search {
    padding: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 3px;
    padding-left: 37px;
    width: 100%;
}


.contacts-pull {
    padding-top: 10px;
}

.contacts-email-li {
    list-style: none;
}

.messenger-li {
    position: relative;
}

.warning-li {
    position: relative;
}

.messenger-li-header {
    position: relative;
    margin-top: 0px;
}

.message-badge {
    position: absolute;
    top: -2px;
    right: 15px;
    background: #e5573f;
}

.warning-badge {
    position: absolute;
    top: -2px;
    right: 20px;
    background: #e5573f;
}

.message-badge-header {
    position: absolute;
    top: 10px;
    right: 7px;
    background: #FFF;
}

.message-badge-header.badge {

    color: #519b7a;
}

/* Alert badge styles - consolidated alerts */
.alert-badge-danger,
.alert-badge-warning {
    position: absolute;
    top: 8px;
    right: 5px;
    background: #e5573f;
    color: #fff;
    font-size: 11px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    font-weight: 600;
}

#alert-top-menu {
    min-width: 320px;
    max-width: 350px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    border: 1px solid #e5e7eb;
}

#alert-top-menu .alert-item {
    list-style: none;
}

#alert-top-menu .alert-item:first-child {
    border-radius: 8px 8px 0 0;
}

#alert-top-menu .alert-item:last-child {
    border-radius: 0 0 8px 8px;
}

#alert-top-menu .alert-item:only-child {
    border-radius: 8px;
}

.lightbox-download,
.lightbox-download:hover,
.lightbox-download:focus {
    background: transparent;
    outline: none;
    box-shadow: none;
    border: none;
    color: #FFF;
    font-size: 25px;
    margin-top: 2px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.drop-off-time-messenger {
    margin-right: 10px;
}

.bottom-mobile-menu {
    width: 20%;
    padding: 2px;
    text-align: center;
    float: left;
}

.bottom-mobile-menu-not-logged {
    width: 25%;
    padding: 2px;
    text-align: center;
    float: left;
}

.clearable {
    background: url('/img/times.png') no-repeat right -10px center;
    border: 1px solid #999;
    padding: 6px 12px;
    /* USE the same right padding in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
    /*REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN Chrome (Bug 02.2014)*/
}

.clearable.x {
    background-position: right 5px center;
}

.clearable.onX {
    cursor: pointer;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.parool-image {
    height: 40px;
    width: 100%;
    margin-top: 20px;
}

.parool-image-press {
    height: 40px;
    width: 100%;
    margin-top: 0px;
}

.sidr {
    box-shadow: none;
}

#error-messages .help-block {
    color: #a94442;
}

#press-wrapper {
    background-color: #f5f5f5;
}

.press-section {
    padding-top: 10px;
}

.press-logo-home {
    display: block;
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
}

.press-logo-press {
    display: block;
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
}

.only-button {
    margin: 0 auto;
}

.chat-video {
    width: 320px;
    height: 240px;
}

body.fixed-body {
    overflow: hidden;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.navbar-brand {
    padding: 15px 0;
}

.react-row {
    margin-left: 0px;
    margin-right: 0px;
}

.msg-conversation-card .msg-conversation-card__presence-entity .presence-indicator--size-4 {
    bottom: 21px;
    right: 2px;
}

.presence-indicator--is-online {
    background: #469a1f !important;
}

.chat-contact {
    position: relative;
}

.presence-indicator--size-4 {
    width: 12px;
    height: 12px;
}

.presence-indicator {
    border-radius: 50%;
    background: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: background 167ms ease-in-out;
    box-sizing: border-box;
    -webkit-animation: fade-in 167ms ease-in;
    animation: fade-in 167ms ease-in;
}

.presence-entity__indicator--size-4 {
    bottom: -20px;
    right: 0;
}

.presence-entity__indicator {
    position: absolute;
    box-shadow: 0 0 0 2px #fff;
}

.contact-img {
    width: 50px;
}

.inbox-wrapper {
    border: 1px solid #DEDEDE;
    height: 100%;
}

#contacts-column {
    height: 100%;
    border-right: 1px solid #cdcdcd;
    height: 100%;
}

.contacts-column-div {
    background: #eee;
    border-bottom: 1px solid #cdcdcd;
    padding: 0;
}

#bookings-tab,
#contacts-tab {
    padding-left: 0px;
    padding-right: 0px;
}

#tab-choice {
    margin-bottom: 20px;
}

.conversations-with {
    margin-top: 0px;
}

.chevron-back {
    height: 30px;
}

.chevron-back:hover {
    cursor: pointer;
}

h3.contact-search {
    margin-top: 0px;
}

#back-chevron {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}

#contact-submit-search,
#contact-submit-search:hover,
#contact-submit-search:focus {
    width: 100%;
    border-radius: 0px 5px 5px 0px;
    color: #FFF;
    background: #CCC
}

.chat-contact {
    height: 55px;
}

.chat-contact-div {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    background: #FFF;
}

.chat-contact-div:hover {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    cursor: pointer;
    background: #f4f5f5;
}

.message-text-item {
    word-wrap: break-word;
}

.chat-contact-div,
.chat-contact-booking-div,
.chat-contact-booking {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
}

.chat-contact-booking:hover {
    background: #f4f5f5;
}

.chevron-back-bookings {
    cursor: pointer;
}

.chat-contact-booking-link {
    color: #425864;
}

.open-booking {
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #cdcdcd;
    z-index: 7;
}

.padding-left-only {
    padding: 0px 5px 0px 0px;
}

.padding-right-only {
    padding: 0 0 0px 5px;
}

.open-chat-div,
.open-booking-contact {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    background: #FFF;
}

#col3 {
    padding: 0px;
    position: absolute;
    top: 45px;
    overflow-y: scroll;
    overflow-x: hidden;
    bottom: 0;
}

#col4 {
    padding: 0px;
}

.open-booking-contact:hover,
.chat-contact-div:hover,
.chat-contact-booking-div:hover,
.chat-contact-booking:hover {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    cursor: pointer;
    background: #f4f5f5;
}

.new-booking-btn {
    margin: auto;
    display: block;
}

.open-chat-div {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
}

.open-booking-contact {
    height: 130px;
}

.message-div {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    background: #FFF;
    height: 110px;
}

.message-div:hover {
    background: #f4f5f5;
}

.message-div:hover .delete-chat,
.message-div.highlight:hover .delete-chat {
    color: #BBB;
}

.message-div.highlight .delete-chat {
    color: #f4f5f5;
}

.conversation-back-div {
    float: left;
    margin-top: 25px;
    margin-right: 7px;
    margin-left: 10px;
}

.chat-header {
    padding-top: 10px;
    position: relative;
    border-bottom: 1px solid #cdcdcd;
    background: #eee;
    z-index: 53;
    height: 100px;
}

.mobile-buttons {
    padding-top: 0;
    background: #519b7a;
    z-index: 2;
    height: 50px;
    position: fixed;
    top: 60px;
    border: 1px solid #519b7a;
    margin-left: -1px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75)
}

.booking-status {
    color: #e5573f;
    margin: 2px;
    font-size: 12px;
}

.booking-status-dash {
    color: #425864;
    margin: 2px;
    font-size: 10px;
    text-align: right;
}

.right-open {
    display: block;
    left: -99px;
}

.right-open-botton {
    left: -99px;
}

#url-form .form-control-feedback {
    position: absolute;
    top: 0;
    right: 10px;
}

#url-form .help-block {
    color: #a94442;
}

#editable-content,
#editable-content-other {
    background-color: #f8f8f8;
    padding: 6px 12px;
    border: 1px solid #CCC;
    border-radius: 4px;
    height: 180px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

#block2,
#block3 {
    outline: none;
}

.booking-summary {
    position: relative;
    padding-right: 0px;
    padding-left: 5px;
}

#btn-send,
#btn-camera {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 15px;
    margin: auto;
    display: block;
    padding: 10px;
}

.text-unread {
    color: #ababab;
}

.city-links-list {
    padding-left: 0px;
}

.city-links-heading {
    text-align: left;
}

.city-links-list li {
    text-align: left;
}

.overlay-no-chats-selected {
    position: absolute;
    z-index: 998;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #EEE;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-loading {
    position: fixed;
    right: 0;
    top: 0;
    background-color: #EEE;
    z-index: 20000;
}

.center {
    padding: 20%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
    font-size: 16px;
}

.center-calendar {
    padding: 30%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
    font-size: 20px;
}

.center-payments {
    padding: 30px;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
    font-size: 20px;
}

.center-agenda {
    padding: 40%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
    font-size: 16px;
}

.center-payments {
    height: 300px;
    padding: 30px 0;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    background: #FFF;
    color: #519b7a;
}

.has-error,
.has-error:focus {
    border-color: #a94442;

}

.has-success,
.has-success:focus {
    border-color: #2b542c;

}


.center-agenda.owner-dashboard {
    padding-top: 100px;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
    font-size: 16px;
}

.center-messenger {
    padding: 10%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
    font-size: 16px;
}

.large-font {
    font-size: 16px;
    color: #425864 !important;
}

.insurance-container h2,
.insurance-container h4,
.insurance-container h3 {
    color: #555 !important;
    font-weight: 700 !important;
}

.center-messenger-refresh {
    padding: 5%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    font-size: 16px;
}

.center-disabled {
    padding: 20%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
    font-size: 16px;
}

#accordion .panel-contact {
    padding: 10px;
}

#accordion .panel-heading-chat {
    padding: 0
}

.panel-heading-chat a:after {
    margin: 20px 0;
}

.panel-contact-host {
    margin: 20px 0 0 0;
}

h5.panel-contact-host {
    margin: 0 !important;
}

.success-petbnb {
    background-color: #519b7a;
}

.rendered-messenger .chat div.wrap .date {
    color: #425864;
    bottom: 0px;
}

.rover-content-block {
    border-radius: 4px;
}

.insurance-banner .panel {
    border-radius: 4px;
    border: 1px solid #DBDBDB !important;
    margin: 20px;
    font-size: 16px;
}

.large-text {
    font-size: 16px;
    line-height: 1.6;
}

.selectable {
    cursor: move;
    /* fallback: no `url()` support or images disabled */
    cursor: -webkit-grab;
    /* Chrome 1-21, Safari 4+ */
    cursor: -moz-grab;
    /* Firefox 1.5-26 */
    cursor: grab;
    /* W3C standards syntax, should come least */
}

.selectable:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.chat-date {
    margin-left: 10px;
}

#begin-chat {
    padding: 20px;
    height: calc(100% - 0px);

}

.contact-query-search {
    border-radius: 5px 0 0 5px;
    width: 100%;
    float: left;
    background: #FFF;
    height: 40px;
}

.top {
    height: 100px;
    position: absolute;
}

.bottom {
    height: 65px;
}

.bookings-list {
    overflow-y: scroll;
    overflow-x: hidden;
    background: #FFF;
}

.chat-contacts {
    overflow-y: scroll;
    overflow-x: hidden;

    background: #FFF;
}

.favourites-filter {
    margin-top: 10px;
}

.chat-contact img {
    border-radius: 50%;
}

.scroll-area {
    margin-top: 100px;
    height: 800px;
    position: absolute;
    overflow: auto;
}

.btn-green {
    margin: auto;
    text-align: center;
    display: block;
}

#header-about-us {
    background: #3C3049 url(/img/stroke.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
}

#header-corona {
    background: #3C3049 url(/img/walkie-foto.jpg) no-repeat;
    background-size: cover;
    background-position: 35% 36%;
    position: relative;
}

.button-wrapper {
    text-align: center;
}

.chat-look {
    float: left;
}

#header-accept,
#header-edit,
#header-reject {
    width: 100%;
    text-align: center;
}

.fixed-contact-bar-options {
    box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
    padding: 5px 0;
    overflow: hidden;
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: top .5s;
}

.read {
    background-color: #eee;
    color: #ababab;
}

.modal-from-button {
    margin-top: 0px;
}

.highlight {
    background: #f4f5f5;
}

.typing-indicator-panel {
    margin-left: 10px;
    margin-bottom: 30px;
}

.user-avatar-typing {
    margin-right: 5px;
}

@media (max-width:360px) {
    .timer-text-div {
        display: none;
    }

    .btn-checkbox {
        padding: 9px;
    }

    .dog-details-section .img-circle {
        width: 70px !important;
        height: 70px !important;
    }
}

@media (max-width:768px) {
    .floating-container {
        position: fixed;
        width: 100px;
        height: 100px;
        bottom: 50px;
        right: 0;
        margin: 35px 25px;
        z-index: 10;
    }

    .suggestion-wrapper,
    .suggestion-street-wrapper,
    .suggestion-city-wrapper {
        position: absolute;
        width: 100%;
        padding-right: 0px;
    }

    .cookies-banner-container {
        padding-left: 40px !important;
        padding-right: 40px !important;
        position: fixed !important;
        width: 100% !important;
        left: 0px !important;
        bottom: 0px !important;
        z-index: 2000 !important;
    }

    .cookie-button-wrapper {
        width: 100%;
    }

    .cookie-banner-close {
        width: 40% !important;
    }

    .btn-group.walking-dashboard .btn {
        font-size: 11px !important;
    }

    .no-padding-mobile {
        padding: 0px;
    }

    .walking-how-it-works .panel-default {
        margin-left: -16px;
        margin-right: -16px;
        border-radius: 0;
    }

    #photos {
        padding: 0;
    }

    .job-description {
        border-right: none;
        margin-top: 30px;
    }

    .landing-title-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #informationmodal .modal-dialog,
    .modal-fee-levels .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #informationmodal .modal-content,
    .modal-fee-levels .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
    }

    #informationmodal .panel {
        background: #FFF;
    }

    body#other {
        padding-top: 65px
    }

    body#signup {
        padding-top: 65px
    }

    .navbar-default {
        height: 65px !important;
    }

    #btn-send {
        border-radius: 50%;
        height: 48px;
        width: 48px;
        font-size: 20px;
        margin: auto;
        display: block;
        padding: 10px;
    }

    #btn-camera {
        margin: 0 -15px;
    }

    #dash-bookings {
        margin: 0 !important;
    }

    #dash-bookings .container {
        padding: 0 !important;
    }

    #mobile-buttons {
        padding: 0px;
    }

    .chat-look {
        float: none;
    }

    #header-accept,
    #header-edit,
    #header-reject,
    #header-view {
        padding: 4px;
        font-size: 12px;
        margin: .3em;
        color: white;
        text-decoration: none;
        text-align: center;
        border: 2px solid #FFF;
        border-radius: 4px;
        background: #519b7a;
        box-shadow: none;
    }

    #header-accept {
        background-color: #519b7a;
    }

    .round-button-reject {
        padding-right: 0px;
    }

    .round-button-accept {
        padding: 0px 10px;
    }
}

#edit-panel {
    display: none;
    background-color: #DDD;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #859096;
    padding: 20px;
    text-align: left;
}

#edit-panel .form-control-feedback {
    padding-right: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.react-datepicker {
    background: #FFF !important;
    border: 1px solid #DDD;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle,
.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
}

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae;
}

#collapsedatedaycare-desktop .react-datepicker {
    background-color: #eee;
}

#collapsedatedaycare-modal .react-datepicker {
    background-color: #f6f6f6;
}

.react-datepicker {
    font-size: 14px;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
    width: 220px;
    color: #8e9396;
}

.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
    margin-top: -20px;
}

#collapsedatedaycare-desktop .react-datepicker__header {
    background-color: #eee;
}

#collapsedatedaycare-modal .react-datepicker__header {
    background-color: #f6f6f6;
}

.react-datepicker__header {
    text-align: center;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    padding-top: 8px;
    position: relative;
}

.react-datepicker__header__dropdown--select {
    margin-top: -16px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select {
    display: inline-block;
    margin: 0 2px;
}

.react-datepicker__current-month {
    margin-top: 0;
    font-weight: bold;
    font-size: 14px;
}

.react-datepicker__current-month--hasYearDropdown {
    margin-bottom: 16px;
}

.react-datepicker__navigation {
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
}

.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}

.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
}

.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
    display: inline;
    float: none;
    width: 220px;
}

#collapsedatedaycare-modal .react-datepicker__month,
#collapsedatedaycare-desktop .react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
    pointer-events: none;
}



.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.428571;
    text-align: center;
    margin: 0.166rem;
}

.react-datepicker__day-name,
.react-datepicker__day {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 5px;
    line-height: 1.428571;
}

.hide-pw .unmask-pw,
.hide-pw .unmask-pw-signup {
    margin: 0 0 10px 0;
    float: right;
    border: none;
    background: transparent;
    outline: none;
}

input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s;
}

input:not(:-webkit-autofill) {
    animation-name: onAutoFillCancel;
}

@keyframes onAutoFillStart {
    from {
        /**/
    }

    to {
        /**/
    }
}

@keyframes onAutoFillCancel {
    from {
        /**/
    }

    to {
        /**/
    }
}

.react-datepicker__day {
    cursor: pointer;
    background-color: #FFF;
    color: #425864
}

.react-datepicker__day:hover {
    border-radius: 0.3rem;
    background-color: #FFF;
}

.react-datepicker__day--today {
    font-weight: bold;
}

.react-datepicker__day--highlighted {
    background-color: #519b7a !important;
    color: #fff;
}

.react-datepicker__day--highlighted:hover {
    background-color: #e5573f;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
    background-color: #519b7a;
    color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
    background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
    background-color: #f0f0f0;
}

.react-datepicker__input-container input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.avatar {
    position: relative
}

.react-datepicker__day--disabled {
    color: #dce0e0 !important;
    cursor: not-allowed;
    background: #eeeeef !important;
}

.react-datepicker__day--disabled:hover {
    color: #dce0e0 !important;
    cursor: not-allowed;
    background: #eeeeef !important;
}

.react-datepicker__input-container {
    position: relative;
    display: block;
}

.react-datepicker__year-read-view {
    width: 50%;
    left: 25%;
    position: absolute;
    bottom: 25px;
    border: 1px solid transparent;
    border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover {
    cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    margin-bottom: 3px;
    left: 5px;
    top: 9px;
    position: relative;
    border-width: 0.45rem;
}

.react-datepicker__year-read-view--selected-year {
    right: 0.45rem;
    position: relative;
}

.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover {
    cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}

.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.react-datepicker__year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover {
    background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected {
    position: absolute;
    left: 30px;
}

.react-datepicker__close-icon {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 0;
    outline: 0;
    padding: 0;
    vertical-align: middle;
}

.react-datepicker__close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%;
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

.react-datepicker__tether-element {
    z-index: 2147483647;
}

.hide-clock {
    display: none;
}

.invite-friends-fixed {
    overflow-x: hidden;
    height: 400px;
    width: 100%;
    padding: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

a.referrer-terms-link {
    color: #FFF;
    text-decoration: underline;
}

input {
    font-size: 13px;
    border-radius: 4px;
    box-shadow: inset 0 2px 2px #e9e9e9;
    border: 1px solid #aeaeae;
    line-height: 16px;
    padding: 6px 10px 5px;
}

input:focus {
    outline: none;
    border-color: #aeaeae;
    box-shadow: inset 0 2px 2px #e9e9e9, 0 0 10px 0 rgba(73, 107, 125, 0.3);
}

.btn-dark-blue:hover {
    color: #fff;
}

.tri-right.border.right-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -40px;
    top: 30px;
    bottom: auto;
    border: 20px solid;
    border-color: #dcf8c6 transparent transparent #dcf8c6;
}

.tri-right.right-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 100%;
    right: 0px;
    top: 15px;
    bottom: auto;
    border: 8px solid;
    border-color: transparent transparent transparent #dcf8c6;
}

#search_query.home-search {
    border-radius: 5px;
}

#dog-genders-zwits #dog-male-him {
    margin-right: 10px;
}

#dog-genders-zwits #dog-female-him {
    margin-left: 20px
}

.tri-left.left-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -16px;
    right: auto;
    top: 15px;
    bottom: auto;
    border: 1px solid;
    border-color: #f3f3f3 #f3f3f3 transparent transparent;
}

.tri-left.left-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -16px;
    right: auto;
    top: 15px;
    bottom: auto;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.thumb-dog-dashboard img {
    width: 35px;
}

.thumb-dog-booking img {
    width: 60px;
}

#contacts-column .nav-tabs>li.active>a,
#contacts-column .nav-tabs>li.active>a:hover,
#contacts-column .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #eee;
    border: none;
    border-bottom: 5px solid #79c8a9;
}

.signup-wizard-header {
    background: #f8f8f8;
}

.wizard-section-link a {
    color: #555;
    text-decoration: none;
}

.signup-wizard-header .signup-wizard-header-container {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.signup-wizard-header .wizard-section-link.active {
    border-bottom: 5px solid #79c8a9;
}

.signup-wizard-header .wizard-section-link.disabled {
    color: #bbb;
}

.signup-wizard-header .wizard-section-link.enabled {
    color: #555;
}

[data-fv-icon-for="dog_ids_check"].glyphicon-ok {
    display: none !important;
}

[data-fv-icon-for="in_range"] {
    display: none !important;
}

#dash-bookings-payments .panel {
    margin-bottom: 0;
}

#dash-bookings-payments hr {
    border-top: 1px solid #eee
}

#dash-bookings-payments .dates-and-services-heading,
#dash-bookings-payments .message-heading {
    padding: 10px 15px;
}

.signup-wizard-header .wizard-section-link {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-family: inherit;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.text-center {
    text-align: center;
}

#contacts-column .nav-tabs>li>a {
    color: #555;
    background-color: #eee;
    text-align: center;
    margin-right: 0px;

}

#contacts-column .nav {
    margin-top: 0px;
}

#contacts-column ul {
    padding-left: 0px;
}

.btn-dark-blue {
    background: #337ab7;
}

.bar-step {
    position: absolute;
    margin-top: -30px;
    z-index: 1;
    font-size: 12px;
}

.bar-step-bottom {
    position: absolute;
    margin-top: 0px;
    z-index: 1;
    font-size: 12px;
}

#fee-progress {
    border-radius: 0px;
}

.label-txt {
    margin-left: 5px;
    float: right;
    color: #999
}

.left-align-col {
    text-align: left;
}

.bell-menu {
    width: 300px;
}

.label-line {
    float: left;
    background: #999;
    height: 30px;
    width: 2px;
    margin-left: 0px;
}

.label-percent {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    color: #999;
}

.label-txt-bottom {
    margin-left: 5px;
    float: right;
    margin-top: 40px;
    color: #999;
}

.label-line-bottom {
    float: left;
    background: #999;
    height: 30px;
    margin-top: 20px;
    width: 2px;
    margin-left: 0px;
    color: #999;
}

.copyrights-text {
    text-align: left;
}

#dog-breed-js .select2-container .select2-selection--single,
#lang-select-js button,
#cat-breed-js .select2-container .select2-selection--single,
#lang-select-js button:hover {
    height: 40px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    outline: none !important;
    padding: 10px;
}

#lang-select-js button,
#lang-select-js button:hover {
    background: #FFF;
    color: #425864 !important;
    text-align: left !important;
}

#lang-select-js li a {
    color: #425864 !important;
}

#lang-select-js li a:hover {
    color: #FFF !important;
    background: #519b7a;
}

#cat-breed-js .select2-container .select2-selection--single .select2-selection__rendered,
#dog-breed-js .select2-container .select2-selection--single .select2-selection__rendered {
    color: #425864 !important;
    text-align: left !important;
    line-height: 20px !important;
}

#cat-breed-js .select2-container .select2-selection--single .select2-selection__arrow,
#dog-breed-js .select2-container .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #519b7a;
    color: #fff;
}

.label-percent-bottom {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 40px;
    color: #999;

}

#dog-name-booking {
    margin-left: 10px;
    padding-top: 15px;
}

#dog-details-booking {
    margin-left: 3px;
    padding-top: 16px;
}

.rendered-messenger .chat div.wrap.me {
    background: #dcf8c6;
    margin-left: 0;
    margin-right: 70px;
    color: #425864;
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13);
}

.rendered-messenger .chat div.wrap.him {
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13);
}

.header-view {
    background-color: #6ba9d1;
    border-radius: 50%;
}

.url-wrapper {
    text-align: right;
}

.overlay-loading-chat {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
    color: #519b7a;
}

.assessment {
    margin-bottom: 10px;
}

.price-change-warning {
    font-size: 11px;
    color: #777;
    text-align: left;
    margin-top: 15px;
}

#booking-notice,
#booking-notice:hover,
#booking-notice:focus {
    background: #FFF;
    box-shadow: none;
    border: 1px solid #ccc;
}

.expandable .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0px;
    height: 4em;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);

}

.about-me-description[data-readmore] {
    margin-bottom: 20px;
}

#about-me+[data-readmore-toggle],
#about-me[data-readmore] a {
    font-size: 17px !important;
    color: #519b7a;
    margin-left: 15px;
}

.read-even-more-link {
    font-size: 17px;
    margin-top: 20px;
}

#availability .datepicker table tr td.disabled {
    background: #a6dac5 !important;
    color: #FFF !important;
    box-shadow: none !important;
}

#host {
    padding-top: 0px;
}

#host .navbar-fixed-top {
    position: fixed;
    margin-bottom: 0px;
}

#not-yet-sitter {
    margin-top: 10px;
    margin-right: 15px;
}



#daycare-days-calendar .datepicker table tr td.available {
    background: #a6dac5 !important;
    color: #FFF !important;
    box-shadow: none !important;
}

#daycare-days-calendar .datepicker table tr td.unavailable {
    background: #f66f6e !important;
    color: #FFF !important;
    box-shadow: none !important;
}

#daycare-days-calendar .datepicker table tr td.disabled {
    background: #f8f8f8 !important;
    color: #8e9396 !important;
    box-shadow: none !important;
}

#daycare-days-calendar .datepicker table tr td.day {
    cursor: default;
}



.datepicker table tr td.day {
    background: #FFF !important;
    color: #425864 !important;
    box-shadow: none !important;
}

.daterangepicker td {
    border-radius: 0;
}

.daterangepicker .calendar {
    border: none !important;
    background-color: #FFF !important;
    box-shadow: none !important;
}

.daterangepicker td.disabled {
    color: #dce0e0 !important;
    cursor: not-allowed;
    background: #eeeeef !important;
}

.center-btn {
    margin: 0 auto;
    display: block !important;
}

.datepicker table tr td.active {
    background: #519b7a !important;
    color: #FFF !important;
    box-shadow: none !important;

}

.datepicker table tr td.disabled {
    color: #dce0e0 !important;
    cursor: not-allowed;
    background: #eeeeef !important;
}

#dog-boarding,
#day-care {
    display: none;
}

div.shown {
    display: block;
}

.sticky-menu {
    position: fixed;
    top: 130px;
    background-color: #FFF;
    z-index: 20;
    border: 1px solid #79c8a9;
}

.verified-badge .fa-stack {
    height: 24px;
    width: 18px;
}

.verified-badge-dash .fa-stack {
    height: 24px;
    width: 35px;
}

.affix-bottom {
    position: absolute;
}

#listWithHandle .list-group {
    padding: 0 10px;
    margin: 10px 0px;
    position: relative;
}

.error-msg-delete-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.dog-form-delete-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    padding: 5px 10px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;
}

.dog-form-delete-btn-walking {

    z-index: 1;
    border: 0;
    width: 30px;
    float: right;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 10px;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #999;
}

.dog-form-delete-btn-walking .fa {
    font-size: 18px;
}

#agenda-days label {
    color: #425864;
}

.error-msg-delete-btn:hover,
.dog-form-delete-btn:hover {
    background-color: #e5573f;
}

.error-msg-delete-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 50%;
    padding: 5px 7px;
    line-height: 15px;
    width: 30px;
    height: 30px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;
}

.photo-preview-delete-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 50%;
    padding: 7px 9px;
    line-height: 15px;
    width: 30px;
    height: 30px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;
}

.photo-preview-delete-btn:hover {
    background-color: #e5573f;
    cursor: pointer !important;

}

#listWithHandle .photo-preview-edit-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 7px 9px;
    line-height: 15px;
    width: 55px;
    height: 30px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;
}

#listWithHandle .photo-preview-edit-btn:hover {
    background-color: #e5573f;
    cursor: pointer !important;
}

.photo-preview-edit-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 50%;
    padding: 7px 9px;
    line-height: 15px;
    width: 30px;
    height: 30px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;
}

.price-error {
    margin: 10px 0;
    color: #a94442;
}

.last-seen {
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
}

.photo-preview-edit-btn:hover {
    background-color: #e5573f;
    cursor: pointer !important;
}

#photos .cover-img {
    background-size: cover;
    background-color: rgb(245, 245, 245);
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#birth-day,
#birth-month,
#birth-year {
    padding-right: 0px;
}

.photo-preview-delete-btn-cover {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 10px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;
}

.photo-preview-delete-btn-cover:hover {
    background-color: #e5573f;
    cursor: pointer !important;

}

.photos-list-canvas {
    height: 200px;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #DDD;
}

.photos-list-canvas-drag {
    max-width: 300px;
    height: 200px;
    background: #FFF;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.photos-list-canvas-drag img {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3);
    object-fit: cover;
    border-radius: 4px;

}

.photos-list-canvas-drag .img-responsive {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 4px;
}


.modal-container {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-transform: translate3d(0, 0, 0);
}

.modal-table {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.modal-cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 50px;
}

.preview-modal-container .modal-content {
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
}

.preview-modal-container .modal-content button.close {
    float: right;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    color: #FFF;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 22px;
    height: 22px;
}


.booking-compete-button-row {
    margin-top: 40px;
}

.overlay-loading-initial,
.overlay-loading-initial-booking {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 3s ease-in-out;
    -moz-transition: opacity 3s ease-in-out;
    -webkit-transition: opacity 3s ease-in-out;
}


@media (min-width: 1128px) {
    .page-container-responsive {
        width: 1080px;
    }
}

@media (max-width:1180px) {

    #home .hero .hero-wrapper .hero-content-wrapper .search-form-home,
    #home .hero .hero-wrapper .hero-content-wrapper .home-broadcast {
        min-width: 800px !important;

    }
}

#pic-preview {
    margin: auto;
    display: block;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
    background: transparent;
    border: 0;
    color: #fff;
    display: inline;
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    text-decoration: none;
    outline: none;
}

#host-form-button-multiselect-calendar {
    padding: 0px !important;
    height: 20px !important;
}

.photo-preview-title-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 15px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #ffd980;
}

.text-cover-photo {
    color: #ffd980;
}

.cover-image-list-item {
    position: relative;
    border-radius: 4px;
    border: 1px solid #DDD;
}

.cover-wrapper img {
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3);
    object-fit: cover;
    border-radius: 4px;
}

.cover-resize-wrapper {
    position: relative;
    width: 100%;
    height: 368.830555556px !important;
    overflow: hidden;
    display: none;
}

.cover-resize-wrapper img {
    position: absolute;
    width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3);
    border-radius: 4px;
}

.cover-resize-wrapper .drag-div {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    color: white;
    font-weight: 500;
    padding: 7px;
}

.cover-progress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    text-align: center;
}

.cover-wrapper {
    overflow: hidden;
    width: 100%;
    height: 368.830555556px;
    position: relative;
}

.timeline-buttons {
    margin-bottom: 5px;
}

.timeline-buttons a {
    display: block;
    width: 96%;
    background: #f9fafb;
    background: linear-gradient(#f5f6f7 1%, #ffffff 2%, #ffffff 70%, #f5f6f7 100%);
    color: #4e5665;
    text-align: center;
    font-weight: 500;
    margin: 0 0 5px 0;
    padding: 7px 0;
    border: 1px solid #d4d5d6;
    border-radius: 3px;
    cursor: pointer;
}

.timeline-buttons a i {
    margin-right: 3px;
}

.timeline-buttons .active {
    background: #527dbb;
    background: linear-gradient(#5791d4, #5571ac);
    color: white;
    border-color: #3a558e;
}

.cover-resize-buttons {
    display: none;
}

.chat-buttons {
    width: 80%;
}

.buttons-inchat {
    margin: 20px;
}

.img-container>img {
    max-width: 100%;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.fileUpload {
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    height: 100%;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 0px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.close-button input[type=reset] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 0px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.edit-service-panel,
.edit-dogs-heading,
.edit-booking-panel {
    color: #425864;
    font-size: 24px !important;

}

#message {
    height: 200px;
}

.slide-number-overlay {
    cursor: pointer;
    height: 40px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: #fff;
    z-index: 3;
    text-align: center;
    text-shadow: 0 1px 3px #0f0f0f;
}

.signup-switch,
.signup-switch:hover,
.signup-switch:focus {
    box-shadow: none;
    border: 1px solid #e5573f;
    color: #e5573f;
    font-weight: normal;
    padding: 12px 10px;

}

.signup-login-form__switch-copy {
    float: left;
    line-height: 46px;
    vertical-align: middle;
}

input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

.edit-functions {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    display: none;
}

.edit-functions.active {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    display: block;
}

.carousel-control {
    position: absolute;

}

.overlay-loading-host {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.9;
    -moz-opacity: 0.9;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-foreign-search {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 1;

    -moz-opacity: 1;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-sending-booking,
.overlay-adding-dog {
    position: fixed;
    z-index: 2000;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-next {
    position: fixed;
    z-index: 2000;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 70px;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-payments {
    position: absolute;
    display: block;
    height: 300px;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-searching-jobs {
    position: absolute;
    z-index: 5;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=95);
    opacity: 0.95;
    -moz-opacity: 0.95;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-searching {
    position: fixed;
    z-index: 999;
    display: block;
    height: 100%;
    width: 60%;
    left: 0;
    top: 120px;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=95);
    opacity: 0.95;
    -moz-opacity: 0.95;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-searching-map {
    position: fixed;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 65px;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.95;
    -moz-opacity: 0.95;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-disabled-host,
.overlay-ie {
    position: fixed;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.sending-requests,
.sending-request,
.editing-request,
.saving-dog {
    font-size: 25px;
    margin-top: 20px;
}

.fa-stack-cal {

    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1em;
    vertical-align: middle;

}

.overlay-loading-calendar {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.9;
    -moz-opacity: 0.9;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-loading {
    position: absolute;
    z-index: 999;
    display: block;
    height: 250px;
    width: 250px;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.9;
    -moz-opacity: 0.9;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-loading-edit {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #2d2d2d;
    filter: alpha(opacity=60);
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-loading-listing-pics {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-loading-walk-pics {
    position: absolute;
    z-index: 999;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.rotate-right,
.rotate-right-dog {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 10px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;

}

.rotate-right:hover,
.rotate-right-dog:hover {
    background-color: #6ba9d1;
}

.close-button,
.close-button-fake-save,
.close-button-dog {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 10px;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
    color: #FFF;

}

.close-button:hover,
.close-button-fake-save:hover,
.close-button-dog:hover {
    background-color: #e5573f;
}



.center {
    padding: 15%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
}

.center-foreign-search {
    padding: 10%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

.overlay-error {
    position: absolute;
    z-index: 999;
    display: block;
    height: 250px;
    width: 250px;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 0.9;
    -moz-opacity: 0.9;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.overlay-error-listing-pics,
.upload-error-listing-pics {
    position: absolute;
    z-index: 999;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #FFF;
    filter: alpha(opacity=60);
    opacity: 1.0;
    -moz-opacity: 1.0;
    transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
}

.autocomplete-clear {
    position: absolute;
    top: 1px;
    bottom: 1px;
    height: 40px;
    right: 10px;
    border: 0px;
    box-shadow: none;
    background: transparent;
    font-size: 22px;
    outline: none;
    color: #555;
}

#search-header-form .autocomplete-clear-top {
    height: 40px;

}

.autocomplete-clear-top {
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 60px;
    right: 10px;
    border: 0px;
    box-shadow: none;
    background: transparent;
    font-size: 20px;
    outline: none;
    padding: 0px;
    color: #555;
}


.center-error {
    padding: 25%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
}

.image-error-warning {
    text-align: center;
}

.center-error-upload {
    padding: 2px;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    font-size: 15px;
}

#availability .datepicker table tr td.disabled {
    background: #a6dac5 !important;
    color: #FFF !important;
    box-shadow: none !important;
}

.noUi-base {
    background: #f1f1f1;
}



.logo {
    color: #353a3d;
    font-family: 'nautilus';
    font-weight: normal !important;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -moz-font-feature-settings: "liga", "dlig";
    /* EDIT: new syntax for FF 15+ */
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}

.switch {
    position: relative;
    display: inline-block;
    height: 30px;
    width: 50px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 0px 0px rgba(0, 0, 0, .2);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;

}

#share-link-button,
#share-link-button:hover,
#share-link-button:focus,
#share-link-btn-refer,
#share-link-btn-refer:hover,
#share-link-btn-refer:focus {
    background: #f8f8f8;
    background-image: linear-gradient(#fcfcfc, #eee);
    color: #425864;
    border: 1px solid #aeaeae;
    box-shadow: none;
    border-radius: 0px 3px 3px 0px;
    margin-left: -7px;
}

.refer-walk-left {
    padding-left: 0;
    padding-right: 5px;
}

.refer-walk-right {
    padding-left: 5px;
    padding-right: 0;
}

#share-walk-text,
#share-walk-text:hover,
#share-walk-text:focus,
#share-walk-image,
#share-walk-image:hover,
#share-walk-image:focus {
    background: #f8f8f8;
    background-image: linear-gradient(#fcfcfc, #eee);
    color: #425864;
    border: 1px solid #aeaeae;
    box-shadow: none;
    border-radius: 0px 3px 3px 0px;
    white-space: normal;
}

#share-link {
    width: 100%;
    height: 42px;
    border-radius: 3px 0px 0px 3px;
}

.results-list>.item>p.price {
    text-align: center
}

.lightbox-open {
    border: none;
    background: transparent;
    margin: 0 auto;
    display: block;
    outline: none;
    z-index: 1000;
}


#pet-location,
#key-location,
#other-comments {
    margin-bottom: 0 !important;
    height: 200px;
}

.featured-walker-card {
    width: 95% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    background-color: rgb(248, 248, 248);
    border: 1px solid #ccc;
    color: initial;
    margin: 10px !important;
}

.featured-walker-pic {
    height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    width: 100%;
}


.featured-walker-text-card {
    width: 100%;
    height: 216px;
    background-color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-top-width: 1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.featured-walker-city {
    font-size: 12px;
    color: #425864;
}

.featured-walker-name {
    font-weight: 700;
    font-size: 16px;
    color: #425864;
    margin-top: 16px;
}

.featured-walker-reviews {
    font-size: 12px;
}

.featured-walker-review-count {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}


.featured-latest-review {
    font-size: 12px;
    color: #748189;
    font-style: italic;
    margin-bottom: 8px;
}

.featured-latest-reviewer {
    font-size: 12px;
    color: #425864;
    margin-bottom: 8px;
}

#walking-testimonials {
    background: #f5f5f5;
}

#availability-calendar {
    position: relative;
}

#availability-calendar .table-condensed {
    width: 100%;
}

#availability-calendar .datepicker {
    cursor: pointer !important;
}

#availability-calendar .datepicker table tr td.day {
    background: #eef6f3 !important;
    color: #519b7a !important;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 7px;
    padding: 0px;
    height: 38px;
    width: 38px;

}

#availability-calendar .datepicker table tr td.disabled {
    background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px) !important;
    color: #dce0e0 !important;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 7px;
    padding: 0px;
    height: 38px;
    width: 38px;
    cursor: pointer !important;
}

#availability-calendar .datepicker table tr td.disabled:hover {
    background: repeating-linear-gradient(-45deg, rgb(245, 245, 245), rgb(245, 245, 245) 3px, rgb(225, 225, 225) 3px, rgb(225, 225, 225) 4px) !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}


input#make-favourite[type="checkbox"] {
    display: none;
}

/* to hide the checkbox itself */
input#make-favourite[type="checkbox"]+label:before {
    font-family: FontAwesome;
    display: inline-block;
}

input#make-favourite[type="checkbox"]+label:before {
    content: "\f08a";
    color: #e5573f;
}

/* unchecked icon */

input#make-favourite[type="checkbox"] :checked+label:before {
    content: "\f004";
    color: #e5573f;
}

/* checked icon */




input[id^="dog-search-name-"] {
    max-height: 0;
    max-width: 0;
    opacity: 0;
}

input[id^="dog-search-name-"]+label {
    display: block;
    position: relative;
    box-shadow: inset 0 0 0px 1px #d5d5d5;
    text-indent: -5000px;
    height: 30px;
    width: 50px;
    border-radius: 15px;
}

input[id^="dog-search-name-"]+label:before {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    border-radius: 15px;
    background: rgba(19, 191, 17, 0);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

input[id^="dog-search-name-"]+label:after {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0px;
    border-radius: 15px;
    background: white;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

input[id^="dog-search-name-"]:checked+label:before {
    width: 50px;
    background: #519b7a;
}

input[id^="dog-search-name-"]:checked+label:after {
    left: 20px;
    box-shadow: inset 0 0 0 1px #519b7a, 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[id^="dog-search-name-"]:checked:disabled+label:before {
    background: #EEE;
}

input[id^="dog-search-name-"]:checked:disabled+label:after {
    box-shadow: inset 0 0 0 1px #EEE, 0 2px 4px rgba(0, 0, 0, 0.2);
}


input[id="anonymous-review"]:checked+.slider,
input[id="send-again"]:checked+.slider,
input[id="preferred-walker"]:checked+.slider,
input[id="door-locked"]:checked+.slider,
input[id^="food-"]:checked+.slider,
input[id^="water-"]:checked+.slider,
input[id="hide-photo-updates"]:checked+.slider,
input[id="dangerous-dogs-toggle"]:checked+.slider,
input[id="new-sitter-email-toggle"]:checked+.slider,
input[id="single-client-toggle-mob"]:checked+.slider,
input[id="single-client-toggle"]:checked+.slider,
input[id^="drop-in"]:checked+.slider,
input[id^="dog-boarding"]:checked+.slider,
input[id^="dog-daycare"]:checked+.slider,
input[id^="house-sitting"]:checked+.slider,
input[id^="dog-walking"]:checked+.slider,
input[id^="marketing-partner"]:checked+.slider,
input[id^="no-search"]:checked+.slider,
input[name="on_vacation"]:checked+.slider,
input[id^="listing-live"]:checked+.slider,
input[id^="marketing-"]:checked+.slider,
input[id^="booking-status-"]:checked+.slider,
input[id^="new-message-"]:checked+.slider,
input[id^="sitting-jobs"]:checked+.slider,
input[id^="sitting-jobs-mob"]:checked+.slider {
    background-color: #519b7a;
    box-shadow: inset 0 0 0 1px #519b7a, 0 0px 0px rgba(0, 0, 0, 0.2);
}

input[id="anonymous-review"]:focus+.slider,
input[id="send-again"]:focus+.slider,
input[id="preferred-walker"]:focus+.slider,
input[id="door-locked"]:focus+.slider,
input[id^="food-"]:focus+.slider,
input[id^="water-"]:focus+.slider,
input[id="hide-photo-updates"]:focus+.slider,
input[id="dangerous-dogs-toggle"]:focus+.slider,
input[id="new-sitter-email-toggle"]:focus+.slider,
input[id="single-client-toggle-mob"]:focus+.slider,
input[id="single-client-toggle"]:focus+.slider,
input[id^="drop-in"]:focus+.slider,
input[id^="dog-boarding"]:focus+.slider,
input[id^="dog-daycare"]:focus+.slider,
input[id^="house-sitting"]:focus+.slider,
input[id^="dog-walking"]:focus+.slider,
input[id^="marketing-partner"]:focus+.slider,
input[id^="no-search"]:focus+.slider,
input[name="on_vacation"]:focus+.slider,
input[id^="listing-live"]:focus+.slider,
input[id^="marketing-"]:focus+.slider,
input[id^="booking-status-"]:focus+.slider,
input[id^="new-message-"]:focus+.slider,
input[id^="sitting-jobs"]:focus+.slider,
input[id^="sitting-jobs-mob"]:focus+.slider {
    box-shadow: 0 0 1px #519b7a;
}

input[id="anonymous-review"]:checked+.slider:before,
input[id="send-again"]:checked+.slider:before,
input[id="preferred-walker"]:checked+.slider:before,
input[id="door-locked"]:checked+.slider:before,
input[id^="food-"]:checked+.slider:before,
input[id^="water-"]:checked+.slider:before,
input[id="hide-photo-updates"]:checked+.slider:before,
input[id="dangerous-dogs-toggle"]:checked+.slider:before,
input[id="new-sitter-email-toggle"]:checked+.slider:before,
input[id="single-client-toggle-mob"]:checked+.slider:before,
input[id="single-client-toggle"]:checked+.slider:before,
input[id^="drop-in"]:checked+.slider:before,
input[id^="dog-boarding"]:checked+.slider:before,
input[id^="no-search"]:checked+.slider:before,
input[id^="dog-daycare"]:checked+.slider:before,
input[id^="house-sitting"]:checked+.slider:before,
input[id^="dog-walking"]:checked+.slider:before,
input[id^="listing-live"]:checked+.slider:before,
input[name^="on_vacation"]:checked+.slider:before,
input[id^="marketing-"]:checked+.slider:before,
input[id^="booking-status-"]:checked+.slider:before,
input[id^="new-message-"]:checked+.slider:before,
input[id^="sitting-jobs"]:checked+.slider:before,
input[id^="sitting-jobs-mob"]:checked+.slider:before {

    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    box-shadow: inset 0 0 0 1px #519b7a, 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[id="anonymous-review"]:checked:disabled+.slider,
input[name="on_vacation"]:checked:disabled+.slider,
input[id="send-again"]:checked:disabled+.slider,
input[id="preferred-walker"]:checked:disabled+.slider,
input[id="door-locked"]:checked:disabled+.slider,
input[id^="food-"]:checked:disabled+.slider,
input[id^="water-"]:checked:disabled+.slider,
input[id="dangerous-dogs-toggle"]:checked:disabled+.slider,
input[id="hide-photo-updates"]:checked:disabled+.slider,
input[id="new-sitter-email-toggle"]:checked:disabled+.slider,
input[id="single-client-toggle-mob"]:checked:disabled+.slider,
input[id="single-client-toggle"]:checked:disabled+.slider,
input[id^="drop-in"]:checked:disabled+.slider,
input[id^="dog-boarding"]:checked:disabled+.slider,
input[id^="no-search"]:checked:disabled+.slider,
input[id^="dog-daycare"]:checked:disabled+.slider,
input[id^="house-sitting"]:checked:disabled+.slider,
input[id^="dog-walking"]:checked:disabled+.slider,
input[id^="marketing-"]:checked:disabled+.slider,
input[id^="new-message-"]:checked:disabled+.slider,
input[id^="booking-status-"]:checked:disabled+.slider,
input[id^="sitting-jobs"]:checked:disabled+.slider,
input[id^="sitting-jobs-mob"]:checked:disabled+.slider {

    background: #b3e0ce;
    box-shadow: inset 0 0 0 1px #b3e0ce, 0 0px 0px rgba(0, 0, 0, 0.2);

}

input[id="anonymous-review"]:checked:disabled+.slider:before,
input[name="on_vacation"]:checked:disabled+.slider:before,
input[id="send-again"]:checked:disabled+.slider:before,
input[id="preferred-walker"]:checked:disabled+.slider:before,
input[id="door-locked"]:checked:disabled+.slider:before,
input[id^="food-"]:checked:disabled+.slider:before,
input[id^="water-"]:checked:disabled+.slider:before,
input[id="dangerous-dogs-toggle"]:checked:disabled+.slider:before,
input[id="hide-photo-updates"]:checked:disabled+.slider:before,
input[id="new-sitter-email-toggle"]:checked:disabled+.slider:before,
input[id="single-client-toggle-mob"]:checked:disabled+.slider:before,
input[id="single-client-toggle"]:checked:disabled+.slider:before,
input[id^="drop-in"]:checked:disabled+.slider:before,
input[id^="no-search"]:checked:disabled+.slider:before,
input[id^="dog-boarding"]:checked:disabled+.slider:before,
input[id^="dog-daycare"]:checked:disabled+.slider:before,
input[id^="house-sitting"]:checked:disabled+.slider:before,
input[id^="dog-walking"]:checked:disabled+.slider:before,
input[id^="marketing-"]:checked:disabled+.slider:before,
input[id^="new-message-"]:checked:disabled+.slider:before,
input[id^="booking-status-"]:checked:disabled+.slider:before,
input[id^="sitting-jobs"]:checked:disabled+.slider:before,
input[id^="sitting-jobs-mob"]:checked:disabled+.slider:before {
    box-shadow: inset 0 0 0 1px #b3e0ce, 0 0px 0px rgba(0, 0, 0, 0.2);

}

input[id="anonymous-review"]:focus:disabled+.slider,
input[name="on_vacation"]:focus:disabled+.slider,
input[id="send-again"]:focus:disabled+.slider,
input[id="preferred-walker"]:focus:disabled+.slider,
input[id="door-locked"]:focus:disabled+.slider,
input[id^="food-"]:focus:disabled+.slider,
input[id^="water-"]:focus:disabled+.slider,
input[id="dangerous-dogs-toggle"]:focus:disabled+.slider,
input[id="hide-photo-updates"]:focus:disabled+.slider,
input[id="new-sitter-email-toggle"]:focus:disabled+.slider,
input[id="single-client-toggle-mob"]:focus:disabled+.slider,
input[id="single-client-toggle"]:focus:disabled+.slider,
input[id^="drop-in"]:focus:disabled+.slider,
input[id^="no-search"]:focus:disabled+.slider,
input[id^="dog-boarding"]:focus:disabled+.slider,
input[id^="dog-daycare"]:focus:disabled+.slider,
input[id^="house-sitting"]:focus+.slider,
input[id^="dog-walking"]:focus:disabled+.slider,
input[id^="marketing-"]:focus:disabled+.slider,
input[id^="new-message-"]:focus:disabled+.slider,
input[id^="booking-status-"]:focus:disabled+.slider,
input[id^="sitting-jobs"]:focus:disabled+.slider,
input[id^="sitting-jobs-mob"]:focus:disabled+.slider {

    box-shadow: inset 0 0 0 1px #EEE, 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[id="local-jobs-email-toggle"]:focus:disabled+.slider {
    box-shadow: inset 0 0 0 1px #EEE, 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[id="local-jobs-email-toggle"]:checked:disabled+.slider:before {
    box-shadow: inset 0 0 0 1px #b3e0ce, 0 0px 0px rgba(0, 0, 0, 0.2);
}

input[id="local-jobs-email-toggle"]:checked:disabled+.slider {
    background: #b3e0ce;
    box-shadow: inset 0 0 0 1px #b3e0ce, 0 0px 0px rgba(0, 0, 0, 0.2);
}

input[id="local-jobs-email-toggle"]:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    box-shadow: inset 0 0 0 1px #519b7a, 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[id="local-jobs-email-toggle"]:focus+.slider {
    box-shadow: 0 0 1px #519b7a;
}

input[id="local-jobs-email-toggle"]:checked+.slider {
    background-color: #519b7a;
    box-shadow: inset 0 0 0 1px #519b7a, 0 0px 0px rgba(0, 0, 0, 0.2);
}

/* Rounded sliders */
.slider.round {
    border-radius: 15px;
}

.slider.round:before {
    border-radius: 15px;


}

.slider:before {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    border-radius: 15px;
    box-shadow: inset 0 0 0 1px #d5d5d5, 0 0px 0px #d5d5d5;
    background: #FFF;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    content: "";

}

.spaced-out-block {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.landing-review-block__review:after {
    content: " ";
    bottom: 100%;
    right: 80%;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px;
    border-color: transparent transparent #79c8a9;
}

.landing-review-block__review p {
    font-size: 1.8rem;
    text-align: left;
    padding-right: 30px;
}

.landing-review-block__thumbs {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    float: left;
    width: 100%;
    height: 100%;
    min-height: 1px;
}

.landing-review-block__thumbs .thumb-individual {
    position: relative;
    float: left;
    width: 20%;
    overflow: hidden;
    transition: all 1s ease;

}

#daycare-collapse-mobile .caret::after,
.dog-existing-toggle-mobile-search .caret::after,
.dogs-not-existing-mobile-search .caret::after,
#service-dd-collapse-mobile-search .caret::after {
    content: '\f106' !important;
}

#search-dropdown-open-no-click-background-overlay {
    top: 170px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 4;
    opacity: 0.8;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
    width: 60%;
}

#search-dropdown-open-no-click-background-overlay-jobs {
    top: 0px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 4;
    opacity: 0.8;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
    width: 100%;
}

.landing-review-block__thumbs .thumb-individual img {
    width: 100%;
}

.filter-count,
.filter-count-client,
.filter-count-dogs,
.filter-count-mob,
.filter-count-map {
    float: left;
    text-align: center;
}

.no-dogs-dd-open {
    padding: 0 10px;
}

#filters-collapse .filter-count-text {
    background: #519b7a;
    color: #ffffff;
    border: none !important;
    border-radius: 50%;
    width: 24px;
    font-size: 14px !important;
    margin-left: 0px !important;
    float: left;
}

.filter-count-text,
.filter-count-client-text,
.filter-count-dogs-text {
    background: #e5573f;
    color: #ffffff;
    border: 1px solid #e5573f;
    border-radius: 50%;
    width: 18px;
    font-size: 12px;
    margin-left: 8px;
    float: left;
}

.filter-count-mob-text,
.filter-count-map-text {
    background: #e5573f;
    color: #ffffff;
    border: 1px solid #e5573f;
    border-radius: 50%;
    width: 18px;
    font-size: 12px;
    margin-left: 1px;
    margin-right: 3px;
    float: left;
}

.landing-review-block__user-summary {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 30px;
}

.landing-review-block__review {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    float: left;
    width: 100%;
    background: url(/img/quotes.png) 20px 20px no-repeat #79c8a9;
    font-style: italic;
    padding: 30px;
    margin-top: 15px;
}


.notifications-table>tbody>tr>td {
    line-height: 1.0;
}

.notification-type-label {
    height: 60px;
}

.notification-type-label,
.notification-type {
    font-size: 15px;
}

.notification-type-label a {
    color: #425864
}

h4.no-notifications {
    color: #e5573f;
}

#checkin-modal,
#checkout-modal,
#checkin-modal-select,
#checkout-modal-select {
    width: 100%;
}

#clockpicker-holder .clockpicker-popover {
    border: none !important;
    box-shadow: none !important;
    background: #FFF !important;
}

#clockpicker-holder .clockpicker-popover .popover-content {
    background: #FFF !important;
}

#start-modal,
#start-modal-button,
#checkin-modal,
#checkout-modal,
#checkin-modal-select,
#checkout-modal-select,
#end-modal,
#end-modal-button,
.show-daycare-calendar,
.show-daycare-calendar-modal {
    height: 40px;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
    text-indent: 0px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
}

#start-modal-button-agenda,
#end-modal-button-agenda {
    height: 46px;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
    text-indent: 0px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
}

#start-modal-calendar,
#end-modal-calendar {
    text-align: center;

}

#host-services-form-boarding-dates {
    list-style: none;
}

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

#datepicker5 .table-condensed,
#payment-calendar-modal .table-condensed,
#datepicker4 .table-condensed,
#datepicker3 .table-condensed,
#start-modal-calendar .table-condensed,
#end-modal-calendar .table-condensed,
#daycare-calendar-modal .table-condensed {
    margin: 0 auto;
}

#datepicker4 .table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td,
#datepicker3 .table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td,
#datepicker5 .table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td,
#start-modal-calendar .table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td,
#end-modal-calendar .table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td,
#daycare-calendar-modal .table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px 10px;
}

#start-modal-host::-webkit-input-placeholder,
#end-modal-host::-webkit-input-placeholder,
#start-modal-calendar::-webkit-input-placeholder,
#end-modal-calendar::-webkit-input-placeholder {
    color: #425864 !important;
}

#start-modal-host::-moz-placeholder,
#end-modal-host::-moz-placeholder,
#start-modal-calendar::-moz-placeholder,
#end-modal-calendar::-moz-placeholder {
    color: #425864 !important;
}

#start-modal-host:-ms-input-placeholder,
#end-modal-host:-ms-input-placeholder,
#start-modal-calendar:-ms-input-placeholder,
#end-modal-calendar:-ms-input-placeholder {
    color: #425864 !important;
}

.show-daycare-calendar-modal {
    margin: 0;
}

#addDog input[type="text"] {
    background-color: #FFF;
}

.today,
a.today:hover,
.today:focus,
.today a {
    background-color: #f9f9f9;
    color: #f9f9f9;
    cursor: default;
}

#calendar .datepicker tfoot tr th:hover {
    background-color: #f9f9f9;
    color: #f9f9f9
}

.datepicker thead tr th.next,
.datepicker thead tr th.prev {
    cursor: pointer;
}

.logo span {
    color: #FFF;
}

.logo.invert,
.logo.white,
.logo.white span {
    color: #FFF;
}

.navbar-default {
    height: 70px;
    box-shadow: 0px 3px 5px -5px rgba(0, 0, 0, 0.75);
}

.navbar-default .logo {
    margin-top: -5px;
    padding: 0;
}

.boarding-btn {
    background-color: #FFF;
    color: #519b7a
}

.daycare-btn {
    background-color: #FFF;
    color: #519b7a
}

.btn-radio-home,
.btn-radio-partial {
    background-color: #FFF;
}

#footer {
    background: #519b7a;
    padding: 30px 0 0 0;
    text-align: center;
}

#footer .logo {
    font-size: 36px;
}

#footer a {
    color: #FFF;
}

#footer p {
    font-size: 18px;
    margin: 20px 0;
}

#footer p a {
    margin: 0 15px;
}

#footer p a.icon {
    margin: 0 5px;
}

#footer p a.icon span {
    font-size: 30px;
    position: relative;
    top: 8px;
}

#footer h6 {
    color: #FFF;
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#footer ul {
    list-style: none;
    margin-bottom: 0;
}

#footer ul li {
    padding: 7px 0;
}

#footer .copyrights {
    border-top: 1px solid #6aa588;
    color: #FFF;
    font-size: 14px;
    margin: 30px 0 0;
    padding: 25px 20px 0;
}

#footer .copyrights span {
    color: #6aa588;
    margin: 0 10px;
}

#footer .copyrights a {
    margin: 0;
}

#home .navbar-default,
#zwitserleven .navbar-default {
    -webkit-transition: 1s;
    transition: 1s;
}

#home .navbar-default.no-scrolled .logo,
#zwitserleven .navbar-default.no-scrolled .logo {
    color: #FFF;
}

#home .navbar-default.no-scrolled .navbar-right .header-register a {
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}

#home .navbar-default.no-scrolled .navbar-right .header-login a {
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}

#home .navbar-default.no-scrolled .navbar-right .messenger-li-header a {
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}

#home .navbar-default.no-scrolled .navbar-right .header-sitter .petbnb-home-btn-sitter {
    border: 1px solid #FFF !important;
    background: transparent;
    color: #FFF !important;
    height: 40px;
    padding: 10px !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
    text-shadow: 1px 1px 2px #000;

}

#home .navbar-default.no-scrolled .navbar-right .header-sitter .petbnb-home-btn-sitter:hover {
    background-color: hsla(0, 0%, 100%, .3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    color: #fff;
}

#home .navbar-default .navbar-right .header-sitter .petbnb-home-btn-sitter {
    border: 1px solid #FFF !important;
    background: transparent;
    color: #FFF !important;
    height: 40px;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;

}

#home .navbar-default.no-scrolled .navbar-header a.navbar-brand {
    text-shadow: 1px 1px 2px #000;

}

#zwitserleven .navbar-default {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#zwitserleven .navbar-header {
    margin-top: 12px;
}

.navbar-default .logo {
    font-size: 36px;
    color: #FFF;
}

#logo-span.logo {
    font-size: 24px;
}

.navbar-default .logo:hover {
    color: #FFF;
}

.navbar-default .dropdown-menu {
    top: 100%;
    border: 1px solid #FFF
}

.navbar-default .navbar-collapse.in,
.navbar-default .navbar-collapse.collapsing {
    background: #FFF;
    box-shadow: 0 3px 0px 0px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #DDD;
}

.host-navbar-left {
    width: 60%;
}

#home .navbar-default.no-scrolled {
    background: transparent;
    border: none;
    text-shadow: 0 1px 3px #0f0f0f;
    padding-top: 17px;
    box-shadow: none;
    border-bottom: 0px;
}

#mobile-header .no-scrolled a {
    text-shadow: 0 1px 3px #000;
}

#mobile-header.scrolled {
    margin-top: 0;
    height: 65px;
    border-bottom: 1px solid #519b7a !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;
}

.top-filter-button-container {
    background: #ffffff !important;
    position: fixed !important;
    z-index: 9 !important;
    height: 45px !important;
    border-bottom: 1px solid #DBDBDB !important;
    overflow: auto
}

.top-filter-button-container-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.top-filter-button-container-inner-row {
    margin-right: -24px !important;
    margin-left: -24px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

.top-filter-button-container-inner-row-div {
    -webkit-overflow-scrolling: touch !important;
    height: 100% !important;
    width: 100% !important;
    overflow-y: hidden !important;
}

.top-filter-button-container-inner-row-div-inner {
    height: 100% !important;
    overflow-y: auto !important;
    white-space: nowrap !important;
    overflow-x: scroll !important;
    padding-bottom: 30px !important;
    margin-bottom: -30px !important;
    padding-top: 5px;
}

.add-favourite,
.add-remove-favourite {
    width: auto !important;
    font-size: 30px !important;
    color: #ffffff !important;
    font-weight: normal !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    background: transparent !important;
    box-shadow: none;
    border: none;
    outline: none !important;
}

.top-filter-button-wrapper:first-child {
    margin-left: 24px !important;
}

.top-filter-button-wrapper {
    display: inline-block !important;
    margin-right: 4px !important;
    margin-left: 4px !important;
}

.top-filter-button-wrapper:last-child {
    margin-right: 24px !important;
}

.top-filter-button-location.active,
.top-filter-button-service.active,
.top-filter-button-breed-experience.active,
.top-filter-button-dogs.active,
.top-filter-button-radius.active,
.top-filter-button-dates-range.active,
.top-filter-button-dates-multi.active {
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    color: #FFF !important;
    border-radius: 16px !important;
    cursor: pointer !important;
    display: inline-block;
    outline: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-transition: background 0.3s, border-color 0.3s !important;
    -moz-transition: background 0.3s, border-color 0.3s !important;
    transition: background 0.3s, border-color 0.3s !important;
    width: auto !important;
    background: #519b7a !important;
    border: 1px solid #519b7a !important;
}

.top-filter-button-location,
.top-filter-button-service,
.top-filter-button-dogs,
.top-filter-button-radius,
.top-filter-button-breed-experience,
.top-filter-button-dates-range,
.top-filter-button-dates-multi {
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    color: #425864 !important;
    background: none !important;
    border: 1px solid #dce0e0 !important;
    border-radius: 16px !important;
    cursor: pointer !important;
    display: inline-block;
    outline: none !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    -webkit-transition: background 0.3s, border-color 0.3s !important;
    -moz-transition: background 0.3s, border-color 0.3s !important;
    transition: background 0.3s, border-color 0.3s !important;
    width: auto !important;
}

.search-container #mobile-header.scrolled {
    margin-top: 0;
    height: 65px;
    border-bottom: 1px solid #e4e4e4 !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) !important;
}

.mobile-location-container {
    display: table-cell !important;
    vertical-align: middle !important;
    position: relative !important;
    -webkit-transition: width 0.3s !important;
    -moz-transition: width 0.3s !important;
    transition: width 0.3s !important;
    padding-left: 0px;
    padding-right: 10px;
}

#home .navbar-default.no-scrolled .navbar-nav .dropdown-menu li a {
    color: #555;
}

#home .navbar-default .navbar-nav>.open>a:hover,
#home .navbar-default .navbar-nav>.open>a:focus {
    text-shadow: none;
}

#home .navbar-default .navbar-nav>.open>a,
#home .navbar-default .navbar-nav>.open>a:hover,
#home .navbar-default .navbar-nav>.open>a:focus {
    color: #555;
}

#home .navbar-default.no-scrolled .navbar-toggle {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
}

#home .navbar-default.no-scrolled .navbar-toggle .icon-bar {
    background-color: #FFF;
}

#search-header-search {
    border-radius: 5px 0px 0px 5px;
    float: left;
    width: 40%;
    border-right: 1px solid #F2DEDE;
    margin-bottom: 20px;
    background-color: #FFF
}

#search_query {
    float: left;
    margin-bottom: 20px;
    background-color: #FFF;
    border-radius: 20px;
}

#search_query .home-search {
    border-radius: 5px;
}

#search_query .top-bar-search {
    border-radius: 5px 0px 0px 0px
}

#search-query {
    border-radius: 3px;
    float: left;
    background-color: #FFF;
    height: 46px;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 30px;
    padding-left: 26px;
    font-size: 16px !important;
}

.mobile-location-container-landing {
    display: table-cell !important;
    vertical-align: middle !important;
    position: relative !important;
    -webkit-transition: width 0.3s !important;
    -moz-transition: width 0.3s !important;
    transition: width 0.3s !important;
    padding: 0 10px;
}

#datepicker1,
#start-calendar-button {
    border-radius: 5px 0px 0px 5px;
    float: left;
    margin-bottom: 20px;
    background-color: #FFF;
}

#daycare-calendar-host,
#start-modal-host,
#end-modal-host {
    background-color: #FFF;
    width: 100%
}

#daycare-calendar-host .datepicker table,
#start-modal-host .datepicker table,
#end-modal-host .datepicker table {
    margin: 0 auto;
}

#daycare-calendar {
    border-radius: 5px;
    float: left;
    background-color: #FFF;
}

#start {
    border-radius: 5px 0px 0px 5px;
    float: left;
    margin-bottom: 20px;
    background-color: #FFF
}

#datepicker2,
#end-calendar-button {
    border-radius: 0px 5px 5px 0px;
    float: left;
    margin-bottom: 20px;
    background-color: #FFF;
    margin-left: -1px;
}

#end {
    border-radius: 0px 5px 5px 0px;
    float: left;
    margin-bottom: 20px;
    background-color: #FFF;
}

#home-submit-search {
    float: left;
    height: 60px;
    border-radius: 0 3px 3px 0;
    padding: 10px !important;
    box-shadow: none !important;
    width: 100%;
    color: #FFF;
    font-size: 16px !important;

}

#search_query_home {
    width: 100%;
    font-size: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 60px !important;
    border-radius: 3px 0 0 3px;
    padding: 0 26px;
    outline: none;
    border: 1px solid #dbdbdb !important;
}

#search_query_home:focus {
    outline: none;
}

#search-submit {
    border-radius: 5px;
    height: 46px;
    margin-bottom: 20px;
    width: 100%;
}

.btn-transparent-wrapper {
    text-align: center;
}

.btn-semi-transparent {
    background: transparent;
    border: 1px solid #FFF !important;
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}

.btn-semi-transparent:hover {
    background-color: hsla(0, 0%, 100%, .3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    color: #fff;
}

.btn-contrast:hover,
.btn-contrast:focus {
    background-color: hsla(0, 0%, 100%, .3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    color: #fff;
}

.btn-green:hover,
.btn-green:focus {
    color: #FFF
}

.middle-text-align {
    text-align: center;
}

#header-submit-search,
#header-submit-search:hover,
#header-submit-search:focus {
    border-radius: 0px;
    float: left;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 0px 5px 5px 0px;
    color: #FFF;
}

.btn {
    display: inline-block;
    padding: 10px 17px;
    border: none;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 5px;
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.15);
}

.btn-red:hover,
.btn-red:focus {
    color: #FFF;
}

.navbar-default .nav li .btn:hover,
.navbar-default .nav li .btn:focus {
    color: #FFF;
    background-color: #6ba9d1;
}

#message {
    background-color: #FFF;
    margin: 20px 0px;
}

.search-form-wrapper {
    width: 80%;
    margin: auto;
}

.search-form-wrapper-search,
.search-form-wrapper-header {
    width: 100%;
    margin: auto;
}

.navbar-default .nav li a,
navbar-default .nav li a:hover {
    color: #FFF !important;
    cursor: pointer;
}

.navbar-default .nav li .btn {
    color: #FFF;
    margin: 5px 0 0 10px;
    padding: 10px 15px;
}

.navbar-default .nav li .navbar-form {
    margin: 5px 0 0 0;
    border: 0;
}

.navbar-default .nav li .navbar-form input.form-control {
    background: #FFF;
    border-color: #e9e9e9;
    border-right: none;
}

.navbar-default .nav li .navbar-form button {
    margin: 0;
}

.navbar-default .navbar-collapse.collapsing .nav li,
.navbar-default .navbar-collapse.in .nav li {}

.navbar-default .navbar-collapse.collapsing .nav li a,
.navbar-default .navbar-collapse.in .nav li a {
    padding: 0;
    text-align: center;
}

.navbar-default .navbar-collapse.collapsing .nav li .btn,
.navbar-default .navbar-collapse.in .nav li .btn {
    margin-right: 10px;
    padding: 10px 0;
}

.navbar-default .navbar-collapse.in .nav li .navbar-form {
    border-bottom: 0;
    margin: 0;
    padding: 15px 15px 0;
}

.navbar-default .navbar-collapse.in .nav li .navbar-form button {
    margin-right: 0;
    padding: 10px 15px;
}

.search-header .btn-light-green:hover,
.search-header .btn-light-green:focus {
    background-color: #a6dac5;
}

.btn-light-green {
    background-color: #a6dac5;
    padding: 8px 13px 5px 12px;
}

#navbar-collapse-2 {
    width: 70%;
}

#pay_button {
    padding: 10px 50px;
}

#search-error {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    left: 127px;
    top: 0px;
    width: 100%;
    padding: 0px 10px;
}

#search-error .help-block {
    color: #a94442;
}

.drag-text {
    text-align: center;
}

.fileUpload {
    margin: 0 auto;
}

.close {
    margin: 10px;
}

.review-guide {
    margin-top: 20px;
}

.rendered-messenger {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    left: 0px;
    right: 0px;
}

.with-header {
    top: 70px;
}

.without-header {
    top: 70px;
}

#zwitserleven .form-group {
    margin-bottom: 0;
}

#zwitserleven .pac-icon,
.hdpi .pac-icon {
    background: none;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

#zwitserleven .pac-container {
    z-index: 100000 !important;
    font-family: 'Quadraat Sans', sans-serif;
}

#zwitserleven .pac-item:hover {
    color: #FFF;
    background: #CC0000;
    font-family: 'Quadraat Sans', sans-serif;
}

#zwitserleven .pac-matched,
#zwitserleven .pac-item-query,
#zwitserleven .pac-item {
    font-family: 'Quadraat Sans', sans-serif !important;
}

#zwitserleven .pac-item:hover .pac-matched,
#zwitserleven .pac-item:hover .pac-item-query {
    color: #FFF;
    background: #CC0000;
    font-family: 'Quadraat Sans', sans-serif;
}


#zwitserleven .form-control-feedback.glyphicon.glyphicon-ok {
    display: none !important;
}

.modal-date input[type="text"] {
    color: transparent;
    text-shadow: 0 0 0 #425864;

}



.pac-icon,
.hdpi .pac-icon {
    background: url(/img/pin3.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.pac-container {
    z-index: 100000 !important;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
}

.pac-item:hover {
    color: #FFF;
    background: #519b7a;
}

.pac-item:hover .pac-matched,
.pac-item:hover .pac-item-query {
    color: #FFF;
    background: #519b7a;
}

.modal-date input[type="text"] {
    color: transparent;
    text-shadow: 0 0 0 #425864;
}

.modal-date input[type="text"]:focus {
    outline: none;
}

#profile-first_name {
    margin-top: 20px;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#responsive-menu-button {
    background: transparent;
    box-shadow: none;
    border: none;
    display: inline-block;
    padding: 0 0 0 10px;
    text-indent: 0px;
    text-align: left;
    position: relative;
    height: 60px;
    border-radius: 0px;

}



.daycare-placeholder {
    margin-left: 8px;
}

.daycare-placeholder-mobile-search,
.daycare-placeholder-mobile-search-select {
    font-size: 16px;
}

#start-mobile-search-datepicker-button-modal,
#end-mobile-search-datepicker-button-modal,
#start-mobile-search-datepicker-button,
#end-mobile-search-datepicker-button,
#start-modal-calendar-button,
#end-modal-calendar-button,
#start-modal-calendar-button-select,
#end-modal-calendar-button-select,
#start-modal-button,
#end-modal-button {
    height: 40px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #FFF;
    width: 100%;
    text-align: left;
    outline: none;
}


#datepicker6 .datepicker table tr td.active,
#datepicker7 .datepicker table tr td.active {
    background: #CC0000 !important;
}

.email-zwitserleven h2 {
    height: auto !important;
    line-height: 36px !important;
}

#end-mobile-search-datepicker-zwitserleven {
    height: 40px;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #FFF;
    width: 100%;
    text-align: left;
    outline: none;
}

#start-mobile-search-datepicker-zwitserleven {
    height: 40px;
    border: 2px solid #CC0000;
    border-radius: 3px;
    background: #FFF;
    width: 100%;
    text-align: left;
    outline: none;
}

.close-daycare {
    text-align: right;
}

.filter-last-row {
    margin: 20px 0;
}

#daycare-calendar-button,
#daycare-calendar-button-partial {
    width: 100%;
    height: 46px;
    background: #FFF;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    border-radius: 5px;
    overflow: hidden;
    color: #555;
    text-align: left;
}

.rating-host-fixed {
    font-size: 21px;
    letter-spacing: -3px;
    padding-right: 5px;
}

#availability-button {
    padding: 10px 5px;
    font-size: 15px;
    white-space: normal;
}

.rating-host-fixed .icon-paw {
    color: #ffcc33;
}

.rating-host-fixed .icon-paw.disabled {
    color: #e8e8e8;
}

.review-count-fixed {
    position: absolute;
    top: 3px;
    font-size: 15px;
}

#start-date-dropdown {
    height: 365px;
    width: 310px;
}

#daycare-date-dropdown {
    height: 365px;
    width: 310px;
}

#payment-date-dropdown {
    height: 340px;
    width: 310px;
}

#end-date-dropdown {
    height: 365px;
    width: 310px;
}

#no-dogs-dropdown {
    height: 440px;
    width: 400px;
    margin: 6px 0 0;
}

#no-dogs-dropdown-host {
    height: 370px;
    margin: 0;
}

#start-date-search-dropdown {
    height: 300px;
    width: 240px;
    left: auto !important;
    padding: 10px 0;
    margin: 6px 0 0;
}

#end-date-search-dropdown {
    height: 300px;
    width: 240px;
    padding: 10px 0;
    margin: 6px 0 0;
}

#start-calendar-button-partial,
#start-calendar-button {
    width: 100%;
    height: 46px;
    box-shadow: none;
    border: 1px solid #CCC;
    color: #555;
    background: #FFF;
}

#end-calendar-button,
#end-calendar-button-partial {
    width: 100%;
    height: 46px;
    box-shadow: none;
    border: 1px solid #CCC;
    color: #555;
    background: #FFF;

}

.navbar-default {
    background-color: #519b7a;
    border-color: #519b7a
}

.no-scrolled .mobile-button a {
    color: #FFF;
    text-shadow: 0 1px 3px #000;
}

.scrolled {
    margin-top: 5px;
}

.scrolled-home {
    margin-top: 5px;
}

.home-header {
    margin-top: 10px;
}

#mobile-header .navbar-brand {
    padding-top: 25px;
    text-align: left;
}

#mobile-header .navbar-brand:hover {
    color: #FFF;
}

.scrolled .mobile-button a {
    text-shadow: none;
    color: #e5573f;
}

.mobile-button {
    padding: 0px;
}

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

.button-left {
    text-align: left;
}

.center {
    text-align: center;
}

.mobile-button a {
    color: #e5573f;
}

.my-dashboard:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f015";
}

.my-messages:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f0e6";
}

.my-offers:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f145";
    float: left;
}

.my-listing:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f044";
}

.my-calendar:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f073";
}

.my-settings:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f1fa";
}

.my-dogs:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f1b0";
}

.my-favourites:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f08a";
}

.my-broadcast:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f0a1";
    float: left;
}

.broadcast-search:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f0b1";
    float: left;
}

.my-broadcast-offers:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f1d9";
    float: left;
}

.my-vet:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 25px;
    content: "\f0fa";
}

.my-friends:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 31px;
    content: "\f06b";
}

.my-account:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 33px;
    content: "\f2c0";
}

.my-settings:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 33px;
    content: "\f013";
}

.log-out:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 30px;
    content: "\f08b";
}

.my-settlements:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 37px;
    content: "\f153";
}

.walkies:before {
    font-family: FontAwesome;
    top: 0;
    left: -5px;
    padding-right: 37px;
    content: "\f0e7";
}

#referal-personalised-url-container,
#credit-container {
    top: 40%;
    left: 50%;
    position: fixed;
    margin-top: -15%;
    margin-left: -23%;
    z-index: 9999999999;
    height: 430px;
    width: 500px;
    background: #FFF;
    text-indent: 5px;
    outline: none;
    overflow: hidden;
    border-radius: 3px;
    padding: 20px;
}

#mobile-dropdown-menu.dropdown-menu>li>a {
    text-shadow: none;
    color: #425864;
    font-size: 19px;
    margin-bottom: 20px;
}

#mobile-dropdown-menu.dropdown-menu>li>a:hover {
    background-color: #FFF;
}

.mobile-menu-li {
    margin-bottom: 20px
}

.overlay-body {
    background-color: #000 !important;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
}

.overlay-refer-modal {
    background-color: #000 !important;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
}

#otherSitters .modal-footer {
    border-top: none;
}

.fixed-booking-bar {
    padding: 0;
    background: #FFF;
    border: none;
}

.seo-links-pages {
    padding-bottom: 20px
}

.sidr-class-thumb {
    background-color: #519b7a;
    padding-bottom: 20px;
}

#loginform-username,
#loginform-password,
#profile-first_name,
#profile-last_name,
#signupform-email,
#signupform-password_repeat-modal,
#signupform-email-modal,
#signupform-password-modal,
#signupform-password,
#signupform-password_repeat {
    height: 46px;
}

.btn-white,
.btn-white:hover,
.btn-white:focus {
    height: 46px;
    border: 1px solid #e5573f;
    border-radius: 3px;
    box-shadow: none;
    color: #e5573f;
    font-weight: normal;
    padding: 12px 10px;
}

.help-block {
    font-size: 13px;
}


/*

  PONER ESTO EN MEDIA QUERIES PARA
  QUE SOLO SE CARGUE EL QUE TOCA
  AGREGAR RETINA

*/
#header-walking {
    background: #3C3049 url(/img/Walking-Dog-On-A-Lead.jpg) no-repeat bottom center;
    background-size: cover;
    background-position: 35% 40%;
}

#header-walking-demand {
    background: #3C3049 url(/img/book-dog-walk-placeholder.jpeg) no-repeat bottom center;
    background-size: cover;
    background-position: 35% 40%;
}

#header-boarding {
    background: #3C3049 url(/img/doggy-day-care.jpeg) no-repeat bottom center;
    background-size: cover;
    background-position: 35% 40%;
}

#header-doggy-day-care {
    background: #3C3049 url(/img/cat-dog-home-desk.jpg) no-repeat bottom center;
    background-size: cover;
    background-position: 35% 40%;
}

#header {
    background: #3C3049 url(/img/cat-dog-home-desk.jpg) no-repeat bottom center;
    background-size: cover;
    background-position: 64%;
}

#header-zwitserleven {
    background: #3C3049 url(/img/zwitserleven-background.png) no-repeat bottom center;
    background-size: cover;
    background-position: 35% 40%;
}

#zwitserleven-search-body {
    background: url(/img/zwitserleven-background.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 0;
}

#header-walking-demand .hero-walk {
    height: 300px;
    position: relative;
}

#walking-calendar .datepicker table {
    margin: 0 auto !important;
}

.walkies-card {
    padding: 20px !important;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 20px 0;
}

.walkies-card .petbnb-icon {
    color: #519b7a;
}

#walk-days li,
#walk-weekdays li {
    list-style: none;
    position: relative;
    display: block;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}

#walk-days li .card-block,
#walk-weekdays li .card-block {
    padding: 20px 40px 20px 20px;
}

#walk-days li .card-title,
#walk-weekdays li .card-title {
    font-weight: 700;
    margin-bottom: 20px;
}

.walk-type {
    color: #425864;
}

.walk-explain {
    color: #999 !important;
}

.walk-type-large-right.active .walk-type,
.walk-type-large-right.active .walk-explain,
.walk-type-large-left.active .walk-type,
.walk-type-large-left.active .walk-explain,
.walking-large-right.active .walk-type,
.walking-large-right.active .walk-explain,
.walking-large-left.active .walk-type,
.walking-large-left.active .walk-explain {
    color: #FFF !important;
}

.walking-large-left {
    padding-top: 10px;
    width: 48%;
    font-size: 16px;
    border-radius: 4px !important;
    margin: 0 2% 0 0;

}

h5.walk-summary {
    text-align: left !important;
    color: #425864 !important;
    font-size: 20px !important;
    margin-bottom: 8px;
}

h6.walk-summary {
    text-align: left !important;
    color: #425864 !important;
    font-size: 18px !important;
    margin-bottom: 8px;
}


#walking-intro {
    border-bottom: 0;
    padding-bottom: 30px;
}

.walking-how-it-works .panel-default {
    border: none;
    border-radius: 4px;
    margin-top: 30px;
}

.walking-how-it-works .panel-heading {
    font-size: 30px;
    color: #425864;
    text-align: center;
    border-bottom: none;
    background: #f5f5f5;
}

.walking-how-it-works .panel-body {
    background: #f5f5f5;
}

.walking-how-it-works .panel-title {
    font-size: 30px;
    color: #425864;
}

.walking-large-right {
    padding-top: 10px;
    width: 48%;
    font-size: 16px;
    border-radius: 4px !important;
    margin: 0 0 2%;
}

.walk-type-large-right {
    padding-top: 30px !important;
    width: 48%;
    font-size: 16px;
    border-radius: 4px !important;
    margin: 0 0 2%;
}

.walk-type-large-left {
    padding-top: 30px !important;
    width: 48%;
    font-size: 16px;
    border-radius: 4px !important;
    margin: 0 2% 0 0;

}

.walk-type-large-right.no-no-home {
    padding-top: 50px !important;
    width: 48%;
    font-size: 16px;
    border-radius: 4px !important;
    margin: 0 0 2%;
}

.walk-type-large-left.yes-home {
    padding-top: 50px !important;
    width: 48%;
    font-size: 16px;
    border-radius: 4px !important;
    margin: 0 2% 0 0;

}

.on-demand-walking {
    padding: 0 24px 48px 24px;
    text-align: center;
    max-width: 750px;
    margin: 20px auto;

}


#zwitserleven-sign-up .has-error .form-control,
#zwitserleven-sign-up .has-error .select2-container--default .select2-selection--single {
    border-color: #CC0000 !important;

}

#header-zwitserleven .help-block {
    color: #CC0000;
}


#zwitserleven-sign-up h2,
#zwitserleven-search h2 {
    color: #333333;
    font-family: Bodoni;
    font-size: 36px;
    text-align: left !important;
    margin-bottom: 23px;
}

#zwitserleven-sign-up .row {
    margin: 20px 0 0;
}

#zwitserleven-sign-up .select2-container--default .select2-selection--single {
    height: 48px !important;
    line-height: 48px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #FFFFFF;
    font-family: Quadraat Sans;
    outline: none !important;
}

#zwitserleven-sign-up .select2-results__option {
    font-family: Quadraat Sans;
}

#zwitserleven .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333333;
}

#zwitserleven-sign-up .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
}

#zwitserleven .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #CC0000 !important;
    color: #fff;
}

#zwitserleven-search {
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-top: 100px;
    font-family: Quadraat Sans;
    font-weight: normal;
    padding: 30px;

}

#zwitserleven-sign-up {
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    background-color: #FFFFFF;
    margin-top: 100px;
    font-family: Quadraat Sans;
    font-weight: normal;
    padding: 30px;
}

a.zwitserleven-inverse {
    text-align: center;
    margin: 10px auto;
    text-decoration: none !important;
    font-weight: bold
}

.zwitserleven-inverse,
.zwitserleven-inverse:hover,
.zwitserleven-inverse:focus {
    height: 36px;
    border: 1px solid #CC0000;
    border-radius: 5px;
    color: #CC0000;
    background-color: #FFFFFF;
    font-family: Quadraat Sans;
    box-shadow: none !important;
    width: 204px;
    display: block;
    padding: 7px 0;
}

#zwitserleven-sign-up .btn-zwitserleven {
    font-family: Quadraat Sans;
    font-size: 18px;
    width: 225px;
}

#zwitserleven-sign-up input {
    height: 48px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #FFFFFF;
    font-family: Quadraat Sans;
}

#zwitserleven-sign-up a,
#zwitserleven-sign-up a:hover {
    line-height: 48px;
    text-decoration: underline;
    color: #CC0000 !important;
    font-family: Quadraat Sans;
}

.find-perfect-sitter {
    height: 24px;
    width: 100%;
    color: #333333;
    font-family: Quadraat Sans;
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
}

.divider {
    background-color: #E6E6E6;
    height: 1px;
    width: 100%
}

#header-refer {
    background: #79c8a9 url(/img/backgroundrefer.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    color: #FFF;
}

.hero-background {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.share-box {
    position: relative;
    top: 20px;
    padding: 45px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #425864;
}

.referral-email-list {
    width: 100%;
    height: 40px;
    border-radius: 3px 0px 0px 3px;
}

#share-link-refer {
    border-radius: 3px 0px 0px 3px;
    width: 100%;
    height: 40px;
}

#share-link-refer-mobile {
    border-radius: 3px 0px 0px 3px;
    width: 100%;
    height: 40px;
}

#share-link-btn-refer {
    border-radius: 0px 3px 3px 0px;
    height: 40px
}

.btn-send-email {
    border-radius: 0px 3px 3px 0px;
}

.messenger-vector {
    width: 20px;
    height: 20px;
}

.btn-fb-messenger,
.btn-fb-messenger:hover,
.btn-fb-messenger:focus {
    border-color: #0084ff;
    background-color: #0084ff;
    color: #fff;
    height: 40px;
    padding: 10px;
}

.btn-whatsapp-refer,
.btn-whatsapp-refer:focus,
.btn-whatsapp-refer:hover {
    border-color: #25D366;
    background-color: #25D366;
    color: #fff;
    height: 40px;
    padding: 10px;

}

.btn-sms-refer,
.btn-sms-refer:focus,
.btn-sms-refer:hover {
    border: 1px solid #555;
    background-color: #FFF;
    color: #555;
    height: 40px;
    padding: 10px;
    box-shadow: none;
}

.btn-fb-refer,
.btn-fb-refer:focus,
.btn-fb-refer:hover {
    border-color: #3B5998;
    background-color: #3B5998;
    color: #fff;
    height: 40px;
    padding: 10px;

}

.contact-importer-row {
    color: #425864;
    margin-top: 10px;
    padding: 0px;
}

.contact-importer-disclaimer-row {
    color: #425864;
    margin-top: 5px;
    padding: 0px;
}

.windowslive-icon {
    background: url(/img/windowslive.png) left center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.gmail-icon {
    background: url(/img/gmail.png) left center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.email-import-btn {
    color: #425864;
    padding-left: 22px;
}

.mini-divider {
    width: 0;
    border-left: 1px solid #ccc;
    height: 1em;
    margin: 0 10px;
}

.invite-img {
    border-radius: 50%;
    width: 120px;
    margin: 0 auto;
    display: block;
}

#header h1,
#header h4 {
    color: #FFF;
    text-shadow: 0 1px 3px #0f0f0f;
}

#header-corona h1,
#header-corona h4 {
    color: #FFF;
    text-shadow: 0 1px 3px #0f0f0f;
}

#header h1 {
    font-weight: bold;
    margin-bottom: 5px;
}

#header h4 {
    margin: 0 0 15px;
}

#header h4.h5 {
    text-shadow: none;
}

#header h4.service:hover {
    color: #FFF !important;
}

#header-insurance {
    background: #3C3049 url(/img/spring.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    min-height: 400px
}

#header-sitter {
    background: #3C3049 url(/img/dog-winter-cute.jpg) no-repeat;
    background-size: cover;
    background-position: 10% 20%;
}

#header-sitter-cat {
    background: #3C3049 url(/img/cat-sitter.jpg) no-repeat;
    background-size: cover;
    background-position: 10% 20%;
}

#header-safety {
    background: #3C3049 url(/img/leontien.jpg) no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    min-height: 400px;
}

#header-sitters {
    background: #fff url(/img/sitterMapNL2.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    min-height: 400px;
}

#header-press {
    background: #3C3049 url(/img/press-pic.jpg) no-repeat;
    background-size: cover;
    background-position: 10% 75%;
    position: relative;
    min-height: 400px;
}

#header-jobs {
    background: #3C3049 url(/img/petbnb-office.jpg) no-repeat;
    background-size: cover;
    background-position: 10% 50%;
    position: relative;
    min-height: 400px;
}

#header-reviews {
    background: #3C3049 url(/img/home-training.jpeg) no-repeat;
    background-size: cover;
    background-position: 10% 50%;
    position: relative;
    height: 300px;
}

#header-404 {
    background: #3C3049 url(/img/404-image.jpg) no-repeat;
    background-size: cover;
    background-position: 10% 40%;
}

#header h1,
#header h4,
#header-boarding h1,
#header-boarding h4,
#header-doggy-day-care h1,
#header-doggy-day-care h4,
#header-walking-demand h1,
#header-walking-demand h4,
#header-walking h1,
#header-walking h4 {
    color: #FFF;
    text-shadow: 0 1px 3px #0f0f0f;
}

#header-404 h1,
#header-404 h3 {
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

#header-sitter h1,
#header-sitter-cat h1 {
    font-weight: bold;
    margin-bottom: 5px;
}

#header-sitter h4,
#header-sitter-cat h4 {
    margin: 0 0 15px;
}

#header .as-seen-in h4 {
    color: #000;
    text-shadow: none;
}

#header-safety .background-caption {
    position: absolute;
    display: block;
    color: #fff;
    right: 16px;
    bottom: 0;
    text-align: right;
}

.sitter-dots {
    width: 350px;
    margin: auto;
    color: #FFF;
    padding: 0;
    font-size: 1.5em;
    margin-bottom: 30px;
    text-shadow: 0 1px 3px #0f0f0f;
}

.sitter-dots li {
    list-style: none;
    position: relative;
    padding-left: 10px;
    text-align: left;
}

.sitter-dots li:before {
    position: absolute;
    left: -20px;
    padding-right: 7.5px;
    top: 5px;
}

.career-hr {
    width: 70px;
    height: 3px;
    background-color: #519b7a;
    margin: 0 0 20px;
    border: 0;
}

.landing-title-container {
    padding-left: 160px;
    padding-right: 160px;
}

.insurance-dots {
    color: #555;
    padding: 0;
    margin-bottom: 10px;
    margin-left: 20px;
}

.insurance-dots li {
    list-style: none;
    position: relative;
    padding-left: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.insurance-dots li:before {
    position: absolute;
    left: -20px;
    padding-right: 7.5px;
    top: 5px;
    color: #519b7a;
}

#sitter-btn,
#sitter-btn-sign-up {
    font-size: 1.5em;
    width: 330px;
    margin: 0 auto;
}

#search-index .form-control,
#search .form-control {
    padding: 12px 20px 12px 15px;
    height: 46px;
}

#search-index .form-control::-webkit-input-placeholder,
#search .form-control::-webkit-input-placeholder {
    color: #425864 !important;
}

#search-index .form-control::-moz-placeholder,
#search .form-control::-moz-placeholder {
    color: #425864 !important;
}

#search-index .form-control::-moz-placeholder,
#search .form-control::-moz-placeholder {
    color: #425864 !important;
}

#search-index .form-control:-ms-input-placeholder,
#search .form-control:-ms-input-placeholder {
    color: #425864 !important;
}

#search-index .icon-marker,
#search .icon-marker {
    color: #cdced0;
    font-size: 30px;
    left: 10px;
    position: absolute;
    top: 9px;
    z-index: 3;
}

#search-index .input-group .form-control,
#search .input-group .form-control {
    font-size: 18px;
    padding: 15px 20px 15px 50px;
    margin-bottom: 20px;
}

#search-index .input-group .btn,
#search .input-group .btn {
    font-size: 18px;
    padding: 15px 20px 15px;
    margin-bottom: 20px;
}

#search-index .date,
#search .date {
    position: relative;
    margin-right: 20px;
    margin-left: 0px;
}

#search-index .date .form-control,
#search .date .form-control {
    width: 170px;
}

#search-index .date:last-child,
#search .date:last-child {
    margin-right: 0;
}

#search-index .date input,
#search .date input {
    cursor: pointer;
}

.search-map {
    position: fixed;
    top: 70px;
    width: 40%;
    left: 60%;
    bottom: 0;
}

#search-index .date .icon-calendar,
#search .date .icon-calendar {
    color: #cdced0;
    font-size: 20px;
    left: 10px;
    position: absolute;
    top: 11px;
    z-index: 3;
}

#search-dog-toggle,
#single-client-dd-button,
#dog-breed-dd-button,
#no-dogs-dd-button,
#price-slider-dropdown-button,
#price-slider-dropdown-button,
#time-select-dropdown-button {
    box-shadow: none !important;
    outline: none;
    color: #425864;
    display: inline-block;
    padding: 15px;
    text-indent: 0px;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background: none !important;
    border: 1px solid #dce0e0 !important;
    width: auto !important;
    height: auto;
    border-radius: 16px;
}

#daycare-collapse-search.active,
#daycare-collapse-search.active:hover,
#start-date-search-dropdown-button.active,
#start-date-search-dropdown-button.active:hover,
#service-dd-search-collapse.active,
#service-dd-search-collapse.active:hover,
#search-dog-toggle.active,
#search-dog-toggle.active:hover,
#single-client-dd-button.active,
#single-client-dd-button.active:hover,
#dog-breed-dd-button.active,
#dog-breed-dd-button.active:hover,
#no-dogs-dd-button.active,
#no-dogs-dd-button.active:hover,
#price-slider-dropdown-button.active,
#price-slider-dropdown-button.active:hover,
#time-select-dropdown-button.active,
#time-select-dropdown-button.active:hover {
    box-shadow: none !important;
    outline: none;
    color: #fff;
    display: inline-block;
    padding: 15px;
    text-indent: 0px;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    -webkit-transition: background 0.3s, border-color 0.3s !important;
    -moz-transition: background 0.3s, border-color 0.3s !important;
    transition: background 0.3s, border-color 0.3s !important;
    background: #519b7a !important;
    border: 1px solid #519b7a !important;
    width: auto !important;
    height: auto;
    border-radius: 16px;
}

#single-client-dropdown,
#dog-breed-dropdown {
    min-width: 350px;
    margin: 7px 0 !important
}

#filters-collapse:hover,
#search-dog-toggle:hover,
#price-slider-dropdown-button:hover,
#time-select-dropdown-button:hover,
.toggle-filters-button:hover,
#no-dogs-dd-button:hover,
#single-client-dd-button:hover,
#dog-breed-dd-button:hover {
    background: #F2F2F2 !important;
}

#search-dog-toggle .existing-dog-legend {
    text-align: center;
}

#existing-dog-form-desk.dropdown-menu {
    min-width: 400px !important;
    margin: 7px 10px 0 !important;
}

#how-it-works {
    margin-bottom: 0px;
}

#how-it-works h2,
#reassurance h2 {
    font-size: 24px;
    margin-top: 60px;
    text-align: center;
}

#how-it-works-referral-header h2 {
    font-size: 24px;
    margin-top: 60px;
    text-align: center;
}

#how-it-works p,
#reassurance p {
    font-size: 16px;
    margin: 0 40px;
    text-align: center;
}

#how-it-works-referral {
    margin-bottom: 0px;
}

#friends-invited .gift-amount h2 {
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    color: #555;
}

#how-it-works-referral-landing h2 {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 70px;
    text-align: center;
}

#how-it-works-referral h2 {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 70px;
    text-align: center;
}

#how-it-works-referral p {
    font-size: 16px;
    margin: 70px 0 0 0;
    text-align: center;
}

#registration-complete p {
    margin: 70px auto;
    width: 250px;
}

#how-it-work-referrals p a {
    text-decoration: underline;
}

#how-it-works p a {
    text-decoration: underline;
}

#signup-host-completed h4 {
    text-align: center;
}

#how-it-works-referral .read-more {
    font-size: 16px;
    margin: 40px 0;
    text-align: center;
}

#how-it-works-referral .read-more a {
    text-decoration: underline;
}

#how-it-works-referral .icon {
    background: #79c8a9;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#how-it-works .read-more {
    font-size: 16px;
    margin: 40px 0;
    text-align: center;
}

#how-it-works .read-more a {
    text-decoration: underline;
}

#how-it-works .icon-landing,
#reassurance .icon-landing {
    background: #fff;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#how-it-works .icon,
#reassurance .icon {
    background: #79c8a9;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#registration-complete {
    margin-top: 70px;
}

#registration-complete .icon {
    background: #79c8a9;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#how-it-works-referral .icon span {
    color: #FFF;
    font-size: 45px;
    display: block;
    line-height: 85px;
    padding-left: 3px;
}

.walkies-search-card h5 {
    font-size: 16px;
}

#how-it-works .icon-landing span,
#reassurance .icon-landing span {
    font-size: 45px;
    display: block;
    line-height: 85px;
    padding-left: 3px;
}

.prevent-break {
    white-space: nowrap;
}

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

a.walkies-link {
    color: #425864 !important;
}

#how-walking-works,
#walking-testimonials {
    padding: 40px 0
}

.featured-walker-card {
    width: 95% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    background-color: rgb(248, 248, 248);
    border: 1px solid #ccc;
    color: initial;
    margin: 10px !important;
}

.search-form-wrapper-header-jobs {
    float: left;
    max-width: 300px;
    height: 32px;
}

#search-form-wrapper-header-jobs {
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
    background-color: #FFF;
    border-radius: 20px;
    height: 32px;
}


#search-header-form-jobs {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #425864 !important;
    border-radius: 20px !important;
    padding: 0px !important;
    display: table !important;
    table-layout: fixed !important;
    width: 100%;
    height: 32px;
    position: relative !important;
}

#search_query_jobs {
    border-radius: 16px;
    border: 1px solid #dce0e0 !important;
    height: 32px;
}

#search-header-form-jobs .form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    top: 0px !important;
    right: 30px !important;
    font-size: 18px;
}

.desktop-search-button-jobs {
    border: none !important;
    position: absolute;
    right: 1px;
    top: 1px;
    background: #e5573f;
    border-radius: 0 50% 50% 0;
    width: 35px;
    height: 30px;
    color: #FFF;
}

.featured-walker-pic {
    height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    width: 100%;
}

#location-input-container-jobs .pac-container {
    top: 35px !important;
    left: 0 !important;
}

#date-input-container-jobs .dropdown {
    left: auto !important;
}

.featured-walker-text-card {
    width: 100%;
    height: 216px;
    background-color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-top-width: 1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.featured-walker-name {
    font-weight: 700;
    font-size: 16px;
    color: #425864;
    margin-top: 16px;
}

.featured-walker-reviews {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}

.chat-header-warning {
    z-index: 20;
    width: 100%;
    background-color: #333;
    padding: 5px 10px;
    color: white;
    font-size: 16px;

}


.featured-latest-review {
    font-size: 12px;
    color: #425864;
    margin-bottom: 8px;
}

.broadcast-job-card {
    width: 95% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 6px;
    color: initial;
    margin: 10px !important;
    min-height: 520px;
    position: relative;
}

.broadcast-inner-wrapper {
    position: absolute;
    top: 0;
}

.broadcast-job-card-pic {
    height: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    width: 100%;
    border-radius: 16px;
}

.fluid-row-flag {
    display: inline-flex;
}

.broadcast-job-card-text {
    width: 100%;
    height: 216px;
    font-size: 15px;
    font-weight: normal !important;
    color: #425864;
    background-color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.broadcast-job-card-city {
    font-size: 15px;
    font-weight: normal !important;
    color: #425864;
}

.broadcast-job-card-status {
    font-size: 15px;
    font-weight: normal !important;
    color: #425864;
}

.broadcast-job-card-status .h5,
.broadcast-job-card-city .h5,
.broadcast-job-card-text .h5 {
    font-weight: normal !important;
}

.broadcast-job-card-flag {
    padding: 4px;
    text-transform: uppercase;
    background-color: #e5573f;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    right: auto;

}

.broadcast-job-card-flag-offers {
    padding: 4px;
    text-transform: uppercase;
    background-color: #519b7a;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    right: auto;

}

#walking-testimonials {
    background: #f5f5f5;
}

#how-it-works .icon span {
    color: #FFF;
    font-size: 45px;
    display: block;
    line-height: 85px;
    padding-left: 3px;
}

#how-it-works .icon span,
#reassurance .icon span {
    color: #FFF;
    font-size: 45px;
    display: block;
    line-height: 85px;
    padding-left: 3px;
}

#registration-complete .icon span {
    color: #FFF;
    font-size: 45px;
    display: block;
    line-height: 85px;
    padding-left: 3px;
}

#how-it-works-referral .icon span.icon-heart {
    line-height: 105px;
}

#how-it-works .icon span.icon-heart {
    line-height: 105px;
}

#how-it-works-modal {
    margin-bottom: 0px;
    margin-top: 30px;
}

#how-it-works-modal h2 {
    font-size: 20px;
    margin-top: 60px;
    text-align: center;
}

#how-it-works-modal p {
    font-size: 14px;
    margin: 0 10px;
}

#how-it-works-modal p a {
    text-decoration: underline;
}

#how-it-works-modal .read-more {
    font-size: 14px;
    margin: 30px 0;
    text-align: center;
}

#how-it-works-modal .read-more a {
    text-decoration: underline;
}

#how-it-works-modal .icon-landing,
#why-sit .icon-landing {
    background: transparent;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#how-it-works-modal .icon {
    background: #79c8a9;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#how-it-works-modal .icon span {
    color: #FFF;
    font-size: 45px;
    display: block;
    line-height: 85px;
    padding-left: 3px;
}

.block-composer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 10px;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #eee;
    position: relative;
    z-index: 2;
}

.block-composer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #eee;
    position: relative;
    z-index: 2;
}

.block-composer .input-container {
    border-radius: 3px;
    background-clip: padding-box;
    width: inherit;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    padding-right: 16px;
}

#messaging-input-wrapper {
    margin-bottom: 0px;
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    /* For Firefox */
    color: #999;
}

.messaging-input-div {
    word-wrap: break-word;
    white-space: pre-wrap;
    padding: 10px 12px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    z-index: 1;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 20px;
    font-size: 15px;
    width: 100%;
    outline: none;
    resize: none;

}

.messaging-input-div:focus {
    outline: none;
}

.cam-btn-div {
    padding: 0 5px
}

.send-btn-div {
    padding: 0 5px
}

#how-it-works-modal .icon span.icon-heart {
    line-height: 105px;
}

#why-sit {
    margin-bottom: 40px;
    margin-top: 50px;
}

#why-sit h2 {
    font-size: 24px;
    margin-top: 60px;
    text-align: center;
    color: #e5573f;
}

#why-sit p {
    font-size: 18px;
    margin: 0 40px;
    text-align: center;
}

#why-sit p a {
    text-decoration: underline;
}

#why-sit .icon-landing {
    background: #FFF;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#why-sit .icon-landing span {
    font-size: 60px;
    display: block;
    line-height: 85px;
}

#why-sit .icon {
    background: #79c8a9;
    border-radius: 50%;
    height: 85px;
    position: absolute;
    margin-left: -42px;
    left: 50%;
    text-align: center;
    top: -45px;
    width: 85px;
}

#why-sit .icon span {
    color: #FFF;
    font-size: 48px;
    display: block;
    line-height: 85px;
}

#why-sit .icon span.icon-heart {
    line-height: 105px;
}

#featured {
    background: #e5573f;
    margin-bottom: 20px;
    padding: 20px 0;
}

#featured .container {
    position: relative;
}

#featured h3 {
    color: #FFF;
    margin: 0 0 15px;
    text-align: center;
}

#featured .row {}

#featured .item {
    background-color: #FFF;
    display: block;
    margin: 0 10px;
    overflow: hidden;
    padding: 5px;
}

#featured .item:hover {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
}

#featured .item:first-child {
    margin-left: 5%;
}

#featured .item .img {
    display: block;
    margin-bottom: 10px;
    min-height: 130px;
}

#featured .item img {}

#featured .item .name {
    display: block;
    margin: 0 0 10px 5px;
    text-decoration: underline;
}

#featured .item .price {
    margin-bottom: 0;
    padding-right: 5px;
}

#featured .item .price strong {
    color: #e5573f;
    float: left;
    font-size: 21px;
    line-height: 21px;
}

#featured .item .price em {
    color: #425864;
    float: left;
    font-size: 9px;
    font-style: normal;
    margin-left: 3px;
    line-height: 9px;
    width: 20px;
}

#featured .item .rating {
    margin-bottom: 0;
}

#featured .item .rating {
    padding-left: 5px;
}

#featured nav a {
    background: #ad2913;
    border-radius: 50%;
    color: #FFF;
    height: 35px;
    left: 0;
    position: absolute;
    width: 35px;
    top: 120px;
}

#featured nav a.disabled {
    cursor: default;
    opacity: 0.5;
}

#featured nav a:hover {
    background: #FFF;
    color: #ad2913;
    text-decoration: none;
}

#featured nav a.next {
    left: auto;
    right: 0;
}

#featured nav a span {
    display: block;
    line-height: 42px;
    text-align: center;
}

#experiences {
    padding-bottom: 30px;
    text-align: center;
}

#experiences .row {
    margin: 0px;
}

.pull-left {
    float: left !important;
    margin-left: 15px;
}

.pull-left-home {
    float: left !important;
    margin-left: 0px;
}

.image-inset,
.image-inset-wide {
    border-radius: 3px;
    text-align: center;
    color: white;
    padding: 15px;
    right: 15px;
    top: 20%;
    width: 40%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
}

/* Listing */
.sub-header .title {
    background: #519b7a;
    height: 85px;
    padding-top: 20px;
    position: relative;
    text-align: center;
}

.sub-header .title h1 {
    margin: 0;
}

.sub-header .title h1 em {
    display: block;
    font-style: normal;
    font-size: 18px;
}

#search-collapse {
    background: #FFF;
    border-radius: 5px;
    color: #79c8a9;
    display: inline-block;
    margin-top: 5px;
    padding: 6px 10px 5px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-shadow: none;
}

#search-collapse:hover {
    background: #79c8a9;
    color: #FFF;
}

#search-collapse.collapsed {
    background: #79c8a9;
    color: #FFF;
}

#search-wrap.visible {
    display: block !important;
}

#search-img {
    background-size: cover;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

#search-footer {
    width: 100%;
}

#search-header,
#search-header-form-header {
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
    background-color: #FFF;
    border-radius: 20px;
}

#search-header-form-home-form {
    margin-bottom: 20px !important;
}

.search-wrapper {
    margin-top: 0px;
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
}

.search-map {
    position: fixed;
    width: 40%;
}

#listing .sub-header {
    background: #EFEFEF;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    width: 100%;
    z-index: 1000;
    top: 70px;
}

.search-form-results {
    width: 60%;
    padding: 0px;
    position: fixed;
    top: 135px;
    overflow-y: scroll;
    left: 0;
    bottom: 0;
}

#listing .sub-header #search {
    padding: 15px;
    text-shadow: none;
}

#listing .sub-header #search-index .col,
#listing .sub-header #search .col {
    padding-right: 0;
}

#listing .sub-header #search-index .location,
#listing .sub-header #search .location {
    padding-left: 0px;
    padding-right: 10px;
}

#listing .sub-header #search-index .form-control,
#listing .sub-header #search .form-control {
    background: #FFF;
    padding: 12px 0 12px 0;
    text-indent: 10px;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
}

#listing .sub-header #search-index .query,
#listing .sub-header #search .query {
    padding: 0;
    display: inline-block;
    position: relative;
    margin-right: 0;
    width: 100%;
}

#listing .sub-header #search-index .icon-marker,
#listing .sub-header #search .icon-marker {
    font-size: 20px;
    left: 10px;
    position: absolute;
    top: 11px;
    z-index: 3;
}

#listing .sub-header #search-index .date,
#listing .sub-header #search .date {
    display: inline-block;
    margin-right: 0;
    padding: 0;
    width: 100%;
}

#listing .sub-header #search-index .date .form-control,
#listing .sub-header #search .date .form-control {
    width: 100%;
}

#listing .sub-header #search-index .date:last-child,
#listing .sub-header #search .date:last-child {
    margin-right: 20px;
}

#listing .sub-header #search-index .btn,
#listing .sub-header #search .btn {
    font-size: 14px;
    padding: 12px 0;
}

.thumb-dog-booking img {
    width: 60px;
    border-radius: 50%;
    margin: 0px;
}

.thumb-dog-dashboard img {
    width: 35px;
    border-radius: 50%;
    margin: 0px;
}

.dog-warning {
    margin-top: 14px;
}

.dog-warning-img {
    margin-top: 9px;
}

#progress-wrp {

    padding: 1px;
    position: relative;
    border-radius: 3px;
    margin: 10px;
    text-align: left;

}

#search-result-entry {
    text-decoration: none;

}

#search-result-entry .price {
    text-align: center;
}

.search-alternatives {
    background: #FFF;
}

.results-list-inner {
    background: #FFF !important;
}

#progress-wrp .red-bar {
    height: 25px;
    border-radius: 3px;
    background-color: #e5573f;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    position: relative;
}



.overlay-loading-edit #progress-wrp .status {
    top: 3px;
    left: 50%;
    position: absolute;
    font-size: 15px;
    display: inline-block;
    color: #FFF;
}

.overlay-loading-edit #progress-initial {
    color: #FFF;
}

.listing-tip {
    color: #F48024;
    font-size: 20px;
}

#progress-wrp .status {
    top: 3px;
    left: 50%;
    position: absolute;
    font-size: 15px;
    display: inline-block;
    color: #FFF;
    text-shadow: 1px 1px #000;
}

#booking-service-icons {
    margin-left: -9px;
}

#host-review {
    margin-left: -3px;
}

#map {
    margin-bottom: 10px;
    position: relative;
}

#map #map-canvas {
    background: #e9e5dc;
}

#map {
    position: relative;
}

#map #map-canvas {
    background: #e9e5dc;
}

#map #map-controls {
    background: #FFF;
    bottom: 10px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.10);
    font-size: 12px;
    padding: 5px 10px 2px 27px;
    position: absolute;
    right: -5px;
}

#map #map-controls input {
    margin: 0 5px 0 0;
}

#map #map-controls label {
    margin: 0;
}

#map-host {
    margin-bottom: 10px;
    position: relative;
}

#map-host #map-canvas {
    background: #e9e5dc;
    margin: 0 -15px;
    height: 500px;
    padding: 0px;
}

#search-filters-overlay-desk {
    top: 170px;
    bottom: 0;
    position: absolute;
    left: 60%;
    right: 0;
    background: #FFF;
    z-index: 4;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
}

#filters {
    position: fixed !important;
    left: 0px !important;
    z-index: 10 !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;
    padding: 24px !important;
    overflow-y: auto !important;
    visibility: visible !important;
    white-space: normal !important;
    right: 0px !important;
    width: 60%;
    bottom: 0px !important;
    height: calc(100% - 170px);
}

#filters-search {
    position: fixed !important;
    top: 120px !important;
    left: 0px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;
    padding: 24px !important;
    overflow-y: auto !important;
    visibility: visible !important;
    white-space: normal !important;
    right: 0px !important;
    bottom: 0px !important;
    height: initial !important;
}

#filters h3,
#filters-search h3 {
    color: #425864;
    margin: 20px 0;
    text-align: left;
}

#filters #price-slider,
#filters-search #price-slider {
    height: 35px;
}

#filters #slider-handles-mob {
    float: left;
    margin: 4px 20px 10px 35px;
    width: 68%;
}

#filters #slider-lower-value-mob,
#filters-search #slider-lower-value {
    float: left;
    position: absolute;
}

#filters #slider-upper-value-mob,
#filters-search #slider-upper-value {
    float: left;
}

#price-slider-dropdown {
    height: 165px;
    width: 370px;
    padding: 10px 0;
    margin: 6px 0 0;

}

#time-select-dropdown {
    height: 190px;
    width: 350px;
    padding: 10px 0;
    margin: 6px 0 0;

}

#price-slider-dropdown #price-slider {
    height: 35px;
}

#price-slider-dropdown #slider-handles {
    float: left;
    margin: 2px 20px 10px 35px;
    width: 75%;
}

#price-slider-dropdown #slider-lower-value {
    float: left;
    position: absolute;
}

#price-slider-dropdown #slider-upper-value {
    float: left;
}

#filters h4,
#filters-search h4 {
    margin-bottom: 15px;
    color: #e5573f;
}

#filters ul,
#filters-search ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

#filters li,
#filters-search li {
    padding-left: 20px;
}

#filters li input,
#filters-search li input {
    margin-right: 5px;
}

#filters li label,
#filters-search li label {
    font-weight: normal;
}

#filters form li a,
#filters-search form li a {
    margin-left: 5px;
}

#payment-collapse-modal,
#payment-date-collapse,
#daycare-collapse,
#daycare-collapse-modal,
#daycare-collapse-mobile,
#daycare-collapse:hover,
#daycare-collapse-modal:hover,
#daycare-collapse-mobile:hover {
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
    background: #fff !important;

}

#payment-date-collapse,
#payment-collapse-modal {
    height: 46px;
}

#daycare-collapse-search.show-calendars-home {
    height: 60px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    border: 1px solid #dbdbdb;
    margin-left: -1px;
    margin-right: -1px;
}

#daycare-collapse-modal-select,
#payment-collapse-modal-select {
    background: #fff;
    box-shadow: none;
    border: 2px solid #519b7a;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
}

.dogs-not-existing-host,
.dogs-not-existing,
.dogs-not-existing-mobile-search {
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
    width: 100%;
    outline: none;
}

#location-dd-collapse-mobile-search,
#service-dd-collapse-mobile-search,
#service-dd-collapse,
#service-dd-collapse-modal {
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
}

#location-dd-collapse-mobile-search {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 20px;
}

#service-dd-search-collapse,
#start-date-search-dropdown-button,
#daycare-collapse-search {
    box-shadow: none !important;
    outline: none;
    color: #425864;
    display: inline-block;
    padding: 15px;
    text-indent: 0px;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background: none !important;
    border: 1px solid #dce0e0 !important;
    width: auto !important;
    height: auto;
    border-radius: 16px;
}

#service-dd-search-collapse .caret {
    display: none !important;
}

#dog-breed-dd-button .caret {
    display: none !important;
}

#service-dd-search-collapse:hover,
#start-date-search-dropdown-button:hover,
#daycare-collapse-search:hover {
    background: #F2F2F2 !important;
}

#service-dd-search-collapse.service-home-search {
    height: 60px !important;
    font-size: 16px !important;
    border-radius: 0;
}

.service-legend-search {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.boarding-placeholder-search {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
}

.boarding-service-date-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;

}

.service-description-search,
.service-description-search-mobile {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daycare-placeholder-search {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daterangepicker.dropdown-menu {
    margin-top: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active.start-date,
.daterangepicker td.active.end-date,
.daterangepicker td.active:hover {
    background: #519b7a;
    border-radius: 0;
}

.daterangepicker {
    border: 1px solid #DBDBDB !important;
}

.daterangepicker:before,
.daterangepicker:after {
    border: none;
}


.daterangepicker .input-mini.active {
    border: 1px solid #519b7a;
}

.daterangepicker td.in-range,
.daterangepicker td.in-range:hover {
    background: #79c8a9;
}

.end-date-search-open {
    float: left;
}

.start-date-search-open {
    float: left;
}

.calendars-panel-heading {
    color: #425864 !important;
    font-size: 14px !important;
    background: #FFF !important;
    border: none !important;
    cursor: pointer;
}

.calendars-panel-title {
    font-size: 14px !important;
}

.calendars-panel-body {
    border: none !important;
}

.panel-heading.accordion-toggle:after {
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-top: -22px;
    /* adjust as needed */
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;

}

ul .why-book {
    padding: 0;

}

.why-book li {
    list-style: none;
    min-height: 30px;
    padding-top: 10px;
}

.why-book-svg {
    width: 30px;
    height: 30px;
    fill: rgb(81, 155, 122);
}

.why-book-reason {
    padding-top: 5px;
}

.panel-heading.accordion-toggle.collapsed:after {
    /* symbol for "opening" panels */
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

#start-date-search-dropdown-button {
    background: #fff;
    box-shadow: none;
    border: none;
    color: #425864;
    display: inline-block;
    padding: 10px 10px 10px 8px;
    text-indent: 0px;
    text-align: left;
    outline: none;
}

#start-date-search-dropdown-button-home {
    background: #fff;
    box-shadow: none;
    border: 1px solid #dbdbdb;
    color: #425864;
    display: inline-block;
    padding: 10px 10px 10px 8px;
    text-indent: 0px;
    text-align: left;
    outline: none;
    height: 60px;
    border-radius: 0;
    width: 100% !important;
    font-size: 16px !important;
    margin-left: -1px;
}

#search-header-form {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #425864 !important;
    border-radius: 20px !important;
    border: 1px solid #519b7a !important;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08) !important;
    padding: 0px !important;
    display: table !important;
    table-layout: fixed !important;
    width: 100%;
    position: relative !important;
    margin-top: 10px;
}


#no-dogs-dd-button,
#no-dogs-dd-button:focus {
    background: #fff;
    box-shadow: none !important;
    outline: none;
    color: #425864;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background: none !important;
    border: 1px solid #dce0e0 !important;
    width: auto !important;
    height: auto;
    border-radius: 16px;
}

#filters-collapse {
    background: #fff;
    box-shadow: none !important;
    outline: none;
    color: #425864;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background: none !important;
    border: 1px solid #dce0e0 !important;
    width: auto !important;
    height: 32px;
    border-radius: 16px;
    margin-left: 10px;
}



#filters-collapse.active,
#filters-collapse.active:hover {
    box-shadow: none !important;
    outline: none;
    color: #fff;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 18px !important;
    letter-spacing: -0.2px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    -webkit-transition: background 0.3s, border-color 0.3s !important;
    -moz-transition: background 0.3s, border-color 0.3s !important;
    transition: background 0.3s, border-color 0.3s !important;
    background: #519b7a !important;
    border: 1px solid #519b7a !important;
    width: auto !important;
    height: auto;
    border-radius: 16px;
}

#end-date-search-dropdown-button {
    background: #fff;
    box-shadow: none;
    border: none;
    color: #425864;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
    outline: none;

}

#host-services-form-search.dropdown-menu {
    min-width: 300px;
    margin-top: 4px;
    border: 1px solid #DBDBDB !important;

}

#home #host-services-form-search.dropdown-menu {
    min-width: 300px;
    margin-top: 0px;
    border: 1px solid #DBDBDB !important;
    border-radius: 0 0 3px 3px;

}

#daycare-date-dropdown-search-jobs {
    min-width: 200px;
    left: auto !important;
    border: 1px solid #DBDBDB !important;
    margin-top: 4px;
}



#daycare-date-dropdown-search {
    min-width: 390px;
    left: auto !important;
    border: 1px solid #DBDBDB !important;
    margin-top: 4px;
}

#home #daycare-date-dropdown-search {
    min-width: 390px;
    border: 1px solid #DBDBDB !important;
    margin-top: 0px;
    border-radius: 0 0 3px 3px;
    right: 0;
    left: auto;
}

#landing #daycare-collapse-search,
#landing #daycare-collapse-search:hover,
#landing #daycare-collapse-search:focus,
#home #daycare-collapse-search,
#home #daycare-collapse-search:hover,
#home #daycare-collapse-search:focus {
    background: #fff !important;
    box-shadow: none !important;
    border: 1px solid #dbdbdb !important;
    color: #425864;
    display: inline-block;
    padding: 10px 10px 10px 8px !important;
    text-indent: 0px !important;
    text-align: left !important;
    outline: none;
    height: 60px !important;
    border-radius: 0;
    width: 100% !important;
    font-size: 16px !important;
    margin-left: -1px;
}

#home .daterangepicker.dropdown-menu,
#landing .daterangepicker.dropdown-menu {
    border: 1px solid #DBDBDB !important;
    margin-top: 0px;
    border-radius: 0 0 3px 3px;
}

#daycare-collapse-modal.toggle-filters-button.collapsed:after {
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f
}

#daycare-collapse-mobile.toggle-filters-button:after,
#daycare-collapse-modal.toggle-filters-button:after {
    content: '\f106';
    font-family: FontAwesome;
    float: right;
    font-size: 18px;
    font-weight: 900;
    color: #e5573f
}

#daycare-collapse-modal {
    background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
    color: #425864;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    text-indent: 0px;
    text-align: left;
}



#filters-collapse .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

#filters-collapse .icon-bar+.icon-bar {
    margin-top: 4px;
}

#filters-collapse .icon-bar {
    background: #FFF;
}

#filters-wrap.visible {
    display: block !important;
}

#filters .nearby {
    margin-bottom: 30px;
}

#filters .nearby li {
    color: #CCC;
    margin-bottom: 5px;
}

#list-head {
    position: relative;
    background-color: #FFF;
}

#list-head #order-by {
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 25px;
    float: right;
}

#list-head #order-by select {
    background: #FFF;
    border: 1px solid #FFF;
    color: #425864;
}

#list-head h3 {
    color: #e5573f;
    margin: 0 170px 0 0;
    padding: 5px 5px 0;
}

#reviews .item-review {
    border-top: 1px solid #efefef;
    padding: 20px 0;
    border-left: 0px;
}

#reviews .item-review img {
    float: left;
    width: 60px;
    border-radius: 50%;
    margin: 0 auto;
}

#reviews .item-review-reply img,
#reviews .item-review-reply-host img {
    float: none;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
}

#reviews .item-review h4,
#reviews .item-review-reply h4,
#reviews .item-review-reply-host h4 {
    margin: 0 0 5px;
}

#reviews .item-review h4 a,
#reviews .item-review-reply h4 a {
    color: #519b7a;
}

#reviews .item-review p,
#reviews .item-review-reply-host p {
    margin: 0 0 2px;
}

#reviews .item-review-reply p {
    padding: 0 0 20px;
    border-bottom: 1px solid #efefef;
}

#reviews .item-review-reply p.rating {
    margin: 0;
}

#reviews .item-review p.place {
    color: #abb5be;
}

#reviews .item-review .photo,
#reviews .item-review-reply .photo,
#reviews .item-review-reply-host .photo {
    text-align: center;
}

#reviews .item-review .photo img,
#reviews .item-review-reply .photo img,
#reviews .item-review-reply-host .photo img {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 50%;
}

#reviews .item-review .photo .pet img,
#reviews .item-review-reply .photo .pet img {
    border: 2px solid #FFF
}

#reviews .thumbnail-container-inset {
    position: absolute;
    bottom: 10px;
    right: 10px;
    top: 30px;
}

#reviews .thumbnail-container.double-thumbnail {
    padding-right: 15px;
    padding-bottom: 15px;
    max-width: 100%;
}

#listing .item {
    border: 1px solid #efefef;
    padding: 19px;
    margin-bottom: 15px;
    border-radius: 3px;
}

#listing .item .review {
    border-left: 0px;
    border-bottom: 1px solid #efefef;
    padding: 0px;
}

#listing .item:hover {
    border: 2px solid #e5573f;
    padding: 18px;
}

#listing .item-pagination {
    border-bottom: 1px solid #efefef;
    padding: 20px;
}

#listing .item h4 {
    margin: 0 0 5px;
}

#listing .item h4 a {
    color: #519b7a;
}

#listing .item p {
    margin: 0 0 2px;
}

#listing .item p.rating {
    margin: 0;
}

#listing .item p.place {
    color: #abb5be;
}

#listing .item .photo {
    text-align: center;
    border-right: 1px solid #efefef;
}

#listing .item .photo img {
    margin-bottom: 10px;
    width: 70%;
    border-radius: 50%;
}

#listing .item .photo .pet img {
    border: 2px solid #FFF
}

#listing .results-list .item .info img.review-avatar {
    width: 30px;
    height: 30px
}

#listing .item img {
    float: none;
    width: 110px;
    border-radius: 50%;
    margin: 0 auto;
}

#listing .item img.sitter-avatar {
    height: 110px;
}

#listing-fav .item img {
    float: none;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
}

#listing-fav .item img.sitter-avatar {
    height: 100px;
}

#listing .item .review img {
    float: none;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
}

#listing .item .review img {
    float: none;
    width: 80%;
    border-radius: 50%;
    max-width: 100px;
}

#listing .item .pet img {
    border: 2px solid #FFF;
    width: 70%;
    border-radius: 50%;
}

#listing .item .price strong {
    color: #e5573f;
    display: block;
    font-size: 30px;
    line-height: 24px;
}

#listing .item .price em {
    color: #425864;
    display: block;
    font-size: 11px;
    font-style: normal;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase;
}

#listing .item .price .btn {
    padding: 6px 12px;
}

#listing .results-list {
    padding: 15px;
    background-color: #FFF;
}

#listing .item-review h4 {
    margin: 0 0 5px;
}

#listing .item-review h4 a {
    color: #519b7a;
}

#listing .item-review p {
    margin: 0 0 2px;
}

#listing .item-review p.rating {
    margin: 0;
}

#listing .item-review p.place {
    color: #abb5be;
}

#listing .item-review .review img {
    float: none;
    width: 80%;
    border-radius: 50%;
    max-width: 100px;
}

#zwitserleven-search a {
    color: #CC0000;
    text-decoration: underline;
}

#zwitserleven-search .item {
    border: 1px solid #E6E6E6;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
}

#zwitserleven-search .item .review {
    border-left: 0px;
    border-bottom: 1px solid #efefef;
    padding: 0px;
}

#zwitserleven-search .item:hover {
    border: 2px solid #CC0000;
    padding: 19px;
}

#zwitserleven-search .item-pagination {
    border-bottom: 1px solid #efefef;
    padding: 20px;
}

#zwitserleven-search .item h4 {
    margin: 0;
}

#zwitserleven-search .item h4 a {
    color: #CC0000;
}

#zwitserleven-search .item p {
    margin: 0 0 2px;
}

#zwitserleven-search .item p.rating {
    margin: 0;
}

#zwitserleven-search .item p.place {
    color: #999999;
    font-size: 15px;
}

#zwitserleven-search .item .photo {
    text-align: center;
    border-right: 1px solid #efefef;
}

#zwitserleven-search .item .photo img {
    margin-bottom: 10px;
    width: 70%;
    border-radius: 50%;
}

#zwitserleven-search .item .photo .pet img {
    border: 2px solid #FFF
}

#zwitserleven-search .item img {
    float: none;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
}

#zwitserleven-search .item img {
    height: 100px;
}

#zwitserleven-search .item .review img {
    float: none;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
}

#zwitserleven-search .item .review img {
    float: none;
    width: 80%;
    border-radius: 50%;
    max-width: 100px;
}

#zwitserleven-search .item .pet img {
    border: 2px solid #FFF;
    width: 70%;
    border-radius: 50%;
}

#zwitserleven-search .item .price strong {
    color: #CC0000;
    display: block;
    font-size: 22px;
    line-height: 26px;
}

#zwitserleven-search .item .price em {
    color: #000000;
    display: block;
    font-size: 15px;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
}

#zwitserleven-search .item .price .btn {
    padding: 6px 12px;
}

#zwitserleven-search .results-list {
    padding: 15px;
    background-color: #FFF;
}

#zwitserleven-search .item-review h4 {
    margin: 0 0 5px;
}

#zwitserleven-search .item-review h4 a {
    color: #CC0000;
}

#zwitserleven-search .item-review p {
    margin: 0 0 2px;
}

#zwitserleven-search .item-review p.rating {
    margin: 0;
}

#zwitserleven-search .item-review p.place {
    color: #999999;
}

#zwitserleven-search .item-review .review img {
    float: none;
    width: 80%;
    border-radius: 50%;
    max-width: 100px;
}

.pager {
    margin: 30px 0 35px;
}

.pager li a,
.pager li span {
    border: none;
}

.pager li a {
    border-radius: 10px;
    padding: 5px 11px;
}

.pager li a:hover,
.pager li.active span {
    background: #e5573f;
    color: #FFF;
}

.noUi-handle {
    border: 0px;
    outline: none;
}

#slider-handles .noUi-handle-lower,
#slider-handles-mob .noUi-handle-lower {
    background: url("/img/back-legs.png") center center no-repeat;
    outline: none;
}

#slider-handles .noUi-handle-upper,
#slider-handles-mob .noUi-handle-upper {
    background: url("/img/front-legs.png") center center no-repeat;
    outline: none;
}

#slider-contrast.noUi-horizontal,
#slider-zoom.noUi-horizontal,
#slider-bright.noUi-horizontal {
    height: 2px !important;
}

#slider-contrast .noUi-handle,
#slider-zoom .noUi-handle,
#slider-bright .noUi-handle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    left: -10px;
    top: -10px;
}

#slider-contrast .noUi-base,
#slider-zoom .noUi-base,
#slider-bright .noUi-base {
    background: rgb(144, 144, 144);
}

.zoom-controls {
    line-height: 62px;
    vertical-align: middle;
}

.bright-controls {
    vertical-align: middle;
}

.save-and-replace {
    background-color: #e5573f;
}

.save-and-replace:hover {
    color: #FFF;
}

.zoom-controls span,
.bright-controls span {
    color: #FFF;
}

#slider-zoom,
#slider-bright,
#slider-contrast {
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
    width: 50%;
}

.preview-modal-container .controls .slider-group {
    line-height: 31px;
    color: #FFF;
}

.preview-modal-container .controls .save-buttons .btn {
    border: 2px solid white;
    background: white;
    margin-left: 10px;
    color: #484848;
    box-shadow: none;
}

.preview-modal-container .controls .save-buttons .btn-inverted-outline {
    color: white;
    background: transparent;
}

.preview-modal-container .controls .save-buttons .btn {
    border: 2px solid white;
    margin-left: 10px;
}

.noUi-horizontal {
    height: 14px;
}

.noUi-horizontal .noUi-handle {
    border-radius: 0px;
    width: 30px;
    height: 35px;
    left: -10px;
    top: -13px;
}

.noUi-target {
    border: 0px;
}

.noUi-connect {
    background: #e5573f;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.back-legs {
    background: url("/img/back-legs.png") center center no-repeat;
    height: 40px;
    position: absolute;
    left: -15px;
    top: -15px;
    float: left;
    width: 30px;
}

.red-bar::after {
    background: url("/img/front-legs.png") center center no-repeat;
    height: 40px;
    position: absolute;
    left: -5px;
    top: -15px;
    width: 30px;
}

#listing .highlight {
    border: 2px solid #e5573f;
    padding: 18px;
    background: #FFF;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: 5px solid #79c8a9;
}

.nav-tabs>li>a:hover,
.nav>li>a:focus {
    border: none;
    text-decoration: none;
    background-color: #FFF;
}

.no-margin-row {
    margin: 0px;
}

.dog-toggle-row {
    background-color: #EFEFEF;
    padding-left: 15px;
    padding-right: 15px;
    color: #666;
}

.reposition-hover {
    background: #519b7a;
    color: #FFF
}

.fixed-contact-bar {
    background: #FFF;
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.75);
    padding: 10px 0;
    height: 80px;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: top .5s;
}

.fixed-contact-bar-host {
    padding: 0;
    height: 70px;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 100;
    transition: top .5s;
    background: #FFF;
    border-top: 1px solid #CCC;
}

.fixed-submit-bar {
    background: #FFF;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding-top: 10px;
    z-index: 300;
    transition: top .5s;
    width: 60%;
}

#search-filters-button,
#search-filters-cancel {
    height: 46px !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;

}

#custom-quote #total-cost {
    height: 40px !important;
    border: 1px solid #CCC !important;
    border-radius: 3px !important;
    background: #FFF !important;
    width: 150px !important;
    text-align: right;
    font-size: 16px;
    padding-right: 30px;
}

#search-filters-cancel-desk {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline;
    outline-offset: 0;
    outline: none;
    text-decoration: none;
    height: 46px;
    padding: 10px 17px
}

.upload-error-walking-pics {
    height: 200px;
    position: relative;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 4px;
}

.image-error-warning-walking {
    padding-top: 10px;
    text-align: center;
}

#upload-warning-walking {
    padding: 20px;
    color: #a94442;
}


.fixed-mobile-menu {
    background: #FFF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75);
    padding: 10px 0px;
    height: 70px;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 200;
    transition: top .5s;
    font-size: 12px;
    color: #425864;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}

.fixed-mobile-menu a {
    color: #425864;
}



.mobile-menu--hidden {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}


.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}

@media all and (min-width: 768px) {



    #home .normal-browse-form {
        padding: 30px 35px;
    }

    #header-corona .hero .hero-tagline {
        width: 100%;
        padding-top: 155px;
        padding-bottom: 20px;
    }

    #home .normal-browse-form {
        -webkit-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
        box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .15);
        border-radius: 4px;
        background-color: #fff;
        padding: 15px 25px;
    }

    #home .hero .hero-wrapper {
        min-height: 774px;
        width: 720px;
    }

    #home .hero .hero-wrapper .hero-content-wrapper {
        width: 100%;
        padding-top: 100px;
        padding-bottom: 20px;
    }

    #home .hero .hero-wrapper .hero-content-wrapper .hero-tagline {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        text-shadow: 0 1px 5px rgba(0, 0, 0, .6);
        margin-bottom: 15px;

    }

    #home .hero .hero-wrapper .hero-content-wrapper h1 {
        font-size: 50px;
    }

    #home .hero .hero-wrapper .hero-content-wrapper h4 {
        font-size: 22px;
    }

    .fc-widget-content {
        min-height: 117px !important;
    }

    .fc-scroller {
        overflow-y: hidden !important;
    }

    .carousel-showmanymoveone .carousel-inner>.active.left,
    .carousel-showmanymoveone .carousel-inner>.prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner>.active.right,
    .carousel-showmanymoveone .carousel-inner>.next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner>.left,
    .carousel-showmanymoveone .carousel-inner>.prev.right,
    .carousel-showmanymoveone .carousel-inner>.active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {

    .carousel-showmanymoveone .carousel-inner>.item.active.right,
    .carousel-showmanymoveone .carousel-inner>.item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner>.item.active.left,
    .carousel-showmanymoveone .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner>.item.left,
    .carousel-showmanymoveone .carousel-inner>.item.prev.right,
    .carousel-showmanymoveone .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

@media all and (min-width: 992px) {
    #home .hero .hero-wrapper {
        width: 850px;
    }

    .carousel-showmanymoveone .carousel-inner>.active.left,
    .carousel-showmanymoveone .carousel-inner>.prev {
        left: -33.33%;
    }

    .carousel-showmanymoveone .carousel-inner>.active.right,
    .carousel-showmanymoveone .carousel-inner>.next {
        left: 33.33%;
    }

    .carousel-showmanymoveone .carousel-inner>.left,
    .carousel-showmanymoveone .carousel-inner>.prev.right,
    .carousel-showmanymoveone .carousel-inner>.active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {

    .carousel-showmanymoveone .carousel-inner>.item.active.right,
    .carousel-showmanymoveone .carousel-inner>.item.next {
        -webkit-transform: translate3d(33.33%, 0, 0);
        transform: translate3d(33.33%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner>.item.active.left,
    .carousel-showmanymoveone .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-33.33%, 0, 0);
        transform: translate3d(-33.33%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner>.item.left,
    .carousel-showmanymoveone .carousel-inner>.item.prev.right,
    .carousel-showmanymoveone .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

.ad-identity {
    margin-left: auto;
    margin-right: auto;
    margin-top: -15px;
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    background-color: #d10a10;
}

.ad-identity-press {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    background-color: #d10a10;
}

#bottom-menu a {
    padding: 0;
}

#bottom-menu {
    margin-top: 0px !important;
    padding: 0 !important;
    border-bottom: 0px !important;
}

#bottom-menu li.active>a {
    color: #e5573f !important;
    border-bottom: none !important;
}

.message-header {
    padding: 10px;
    background-color: #DEDEDE;
}

.booking-panel-dashboard {
    margin: 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 2px 3px 2px -2px #BBB;
}

.dog-price-slider {
    padding: 0px;
}

.dog-price-slider-menu {
    padding: 20px 10px;
}

.related-sitter a {
    color: #425864;
}

/* Host */
#host .sub-header img {
    margin: 25px 20px 15px 0;
}

#host .sub-header h1 {
    display: inline-block;
    margin: 25px 0 5px;
}

#host .sub-header h3 {
    color: #788084;
    font-size: 16px;
    line-height: 1.3;
    margin: 0px;
}

#host .sub-header .rating {
    margin: 0px;
}

#green-bg {
    background: #79c8a9;
    height: 285px;
}

#host #content {
    position: relative;
    margin-top: -285px;
}

.service-types-affix-header {
    margin-top: -50px;
    position: relative;
}

.fixed-top {
    position: fixed;
    top: 50px;
    z-index: 1001;
}

#host-menu {
    background: #FFF;
    height: 50px;
    margin: 0;
    padding: 0;
    transition: 0s;
    position: absolute;
    opacity: 0
}

#host-menu .inner.affix {
    margin: 0;
    width: 100%;
    top: 0;
    z-index: 1000;
}

#host-menu .inner.affix .fix {
    background: #FFF;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 0 rgba(0, 0, 0, 0.025);
    margin: 0;
    padding: 0;
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
    height: 50px;
}

#host-menu .inner.affix.affix-bottom {
    position: absolute;
}

#host-menu ul {
    height: 50px;
    margin: 0;
    padding: 0 15px;
    -webkit-backface-visibility: hidden;
}

#host-menu li {
    display: inline-block;
    padding: 15px 0;
    -webkit-backface-visibility: hidden;
    height: 50px;
    text-align: center;
}

#host-menu li:last-child {
    margin-right: 0;
}

#host-menu li a {
    color: #555;
    font-size: 14px;
    text-shadow: none;
    text-transform: uppercase;
    text-decoration: none;
}

#host-menu li a:hover,
#host-menu li a:focus {
    color: #555;
    text-decoration: none;
}

#photos #main-photo {
    background: #000;
    border: 5px solid #FFF;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

#photos #main-photo nav {
    bottom: 15px;
    position: absolute;
    right: 10px;
}

#photos #main-photo nav a {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    color: #FFF;
    float: left;
    height: 34px;
    margin: 0 5px;
    width: 34px;
}

#photos #main-photo nav a span {
    display: block;
    line-height: 41px;
    text-align: center;
}

#photos #more-photos {
    overflow: hidden;
    margin-right: 5px;
}

#photos #more-photos .inner {
    width: 2000px;
}

#photos #more-photos img {
    position: relative;
    z-index: -2
}

#photos #more-photos a {
    float: left;
    margin-left: 5px;
}

#photos #more-photos a:hover {
    box-shadow: inset 0 0 0 2px #e5573f;
}

#about-me p {
    font-size: 16px;
}

.calendar-update {
    padding: 10px 0px;
}

#details .details-wrap {
    border: none;
    border-width: 0px;
}

#details .details-wrap .data {
    color: #b1b7bb;
}

#details .details-wrap .value {
    font-weight: 500;
}

#details ul {
    float: left;
    list-style: none;
    margin-left: 0;
    padding: 0;
    width: 100%;
}

#details ul li {
    font-size: 13px;
    overflow: hidden;
    padding: 10px 0;
    white-space: nowrap;
}

#details ul li span {
    color: #b1b7bb;
    float: left;
    text-indent: 10px;
    width: 50%;
}

#details ul li strong {
    float: left;
    width: 50%;
}

#reviews {
    margin-bottom: 20px;
}

#reviews #overall-rating {
    overflow: hidden;
    margin-bottom: 10px;
}

#reviews #overall-rating .paw-wrap {
    background: #519b7a;
    font-size: 25px;
    height: 32px;
    line-height: 36px;
    margin-right: 10px;
    text-align: center;
    width: 32px;
}

#reviews #overall-rating strong {
    margin-right: 5px;
    text-transform: uppercase;
}

#reviews #overall-rating .icon-paw {
    font-size: 22px;
    letter-spacing: -2px;
    position: relative;
    top: 4px;
    margin-right: 3px;
}

#reviews #overall-rating .rating-caption {
    font-size: 18px;
}

#affix-form,
#affix-form-single {
    border: 1px solid #DBDBDB !important;
    border-top: none;
    background: #FFF;
    margin-top: 0px;
    padding-top: 0px;
    border-radius: 0px 0px 3px 3px;
}

#affix-form.affix {
    background: #FFF;
    top: 50px;
}

#affix-form.affix-top {
    position: absolute;
}

#affix-form.affix-bottom {
    position: absolute;
}

#affix-form-single.affix {
    background: #FFF;
    top: 50px;
}

#affix-form-single.affix-top {
    position: absolute;
}

#affix-form-single.affix-bottom {
    position: absolute;
}

#affix-form.date {
    position: relative;
    z-index: 1000 !important;
}

#price {
    background: #519b7a;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    height: 50px;
    margin-bottom: 20px;
    padding: 5px 15px;
}

#price strong {
    font-size: 30px;
}

#price em {
    font-size: 12px;
    font-style: normal;
    margin-left: 5px;
    position: relative;
    text-transform: uppercase;
    top: -6px;
}

.sidebar .col {
    margin-bottom: 10px;
}

.date {
    position: relative;
}

.date .form-control,
.modal-date .form-control {
    background: #f8f8f8;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    color: #666;
    padding-top: 10px;
    padding-bottom: 10px;
    text-indent: 20px;
    cursor: pointer;
}

.date input,
.modal-date input {
    cursor: pointer;
}

.date .icon-calendar,
.modal-date .icon-calendar {
    color: #cdced0;
    font-size: 20px;
    left: 10px;
    position: absolute;
    top: 6px;
    z-index: 3;
}

.daycare-calendar-before {
    color: #cdced0;
    font-size: 20px;
    z-index: 3;
    left: 0px;
    top: 8px;
}

#daycare-calendar-show tbody {
    pointer-events: none;
}

#booking-form-button {
    display: block;
    width: 100%;
}

.sidebar .rating {
    margin-top: 5px;
    text-align: center;
}

.sidebar .rating strong {
    font-size: 14px;
    font-weight: normal;
}

.or {
    clear: both;
    border-bottom: 1px solid #e9e9e9;
    margin: 15px;
    height: 9px;
    text-align: center;
}

.or span {
    background: #FFF;
    color: #79c8a9;
    padding: 5px;
    text-transform: uppercase;
}

.or-booking-request,
.or-booking-request-extra {
    clear: both;
    border-bottom: 1px solid #e9e9e9;
    margin: 25px 0px;
    height: 9px;
    text-align: center;
}

.or-booking-request span,
.or-booking-request-extra span {
    background: #FFF;
    color: #79c8a9;
    padding: 5px;
    text-transform: uppercase;
}

.sidebar .ask {
    display: block;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.sidebar img {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

#affix-form img {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    width: 70px;
}

.data td {
    line-height: 48px;
}

[data-fv-for="opened"] {
    color: #a94442;
}

.bank-error .help-block {
    color: #a94442;
}

[data-fv-validator="greaterThan"] {
    color: #a94442 !important;
}

[data-fv-validator="notEmpty"] {
    color: #a94442 !important;
}

[data-fv-for="host_pics"] {
    color: #a94442;
}

[data-fv-for="drop_off_time_modal"] {
    color: #a94442;
    margin-top: 10px;
}

[data-fv-for="pick_up_time_modal"] {
    color: #a94442;
    margin-top: 10px;
}

[data-fv-for="drop_off_time_check"] {
    color: #a94442;
    margin-top: 10px;
}

[data-fv-for="pick_up_time_check"] {
    color: #a94442;
    margin-top: 10px;
}

[data-fv-icon-for="price"] {
    margin-top: 6px;
    right: 4px;
}

[data-fv-for="price"] {
    text-align: left;
}

[data-fv-icon-for="drop_off_time_modal"] {
    margin-right: 10px;
}

#custom-quote [data-fv-icon-for="service"] {
    margin-top: -37px !important;
}

#custom-quote [data-fv-for="service"] {
    color: #a94442 !important;
}

#custom-quote [data-fv-for="pick_up_time_check"],
#custom-quote [data-fv-for="drop_off_time_check"] {
    margin-top: 10px;
}

[data-fv-icon-for="host_pics"] {
    line-height: 26px !important;
}

[data-fv-for="comment"] {
    color: #a94442 !important;
}

[data-fv-icon-for="booking_dogs"] {
    display: none !important;
}

[data-fv-icon-for="service"] {
    margin-right: 20px;
}

[data-fv-icon-for="user_birth_day"] {
    margin-top: 10px;
    margin-right: 20px;
}

[data-fv-icon-for="user_birth_month"] {
    margin-top: 10px;
    margin-right: 20px;
}

[data-fv-icon-for="user_birth_year"] {
    margin-top: 10px;
    margin-right: 5px;
}

[data-fv-icon-for="service_type"] {
    margin-top: 2px;
    margin-right: 30px;
}

[data-fv-for="word_count_description"] {
    text-align: left;
}

[data-fv-for="starting_date_check"],
[data-fv-for="ending_date_check"],
[data-fv-for="dog_day_care_dates_check"] {
    margin-top: -10px;
}

[data-fv-icon-for="starting_date_check"],
[data-fv-icon-for="ending_date_check"],
[data-fv-icon-for="dog_day_care_dates_check"] {
    margin-top: -60px;
}

[data-fv-icon-for="starting_date_check"] {
    margin-right: 10px;
}

[data-fv-icon-for="drop_off_time_check"],
[data-fv-icon-for="pick_up_time_check"] {
    margin-top: -40px;
}

[data-fv-icon-for="drop_off_time_check"] {
    margin-right: 10px;
}

[data-fv-icon-for="drop_off_time"] {
    right: 10px;
}



[data-fv-for="character_count"] {
    text-align: left;
}

[data-fv-icon-for="dog_day_care_dates_check"] {
    top: 0px !important;
    right: 40px !important;
}

[data-fv-icon-for="service_check"] {
    top: -60px;
    right: 40px
}

[data-fv-for="service_check"] {
    margin-top: -10px;
    color: #a94442;
}

[data-fv-icon-for="user_birth_age"].glyphicon-ok {
    display: none !important;
}

[data-fv-for="message"] {
    color: #a94442 !important;
}

[data-fv-icon-for="message"] {
    margin-top: 30px;
}

#book-form-edit {
    position: relative;
}

.nav-pills li a,
.nav-pills li a:hover,
.nav-pills li a:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #519b7a;
    text-decoration: none;
    background-color: #fcfcfc;
    padding: 10px 0;
    margin-left: 0;
}

.nav-pills>li+li {
    margin-left: 0;

}

.nav>li.disabled>a,
.nav>li.disabled {
    color: #999;
}

.nav-pills li a:hover {
    text-decoration: underline;
}

.sidebar-image-wrapper {
    margin: 0 auto;
}

#affix-form h2 {
    margin-bottom: 0;
    text-align: center;
    text-transform: none;
    color: #425864
}

#affix-form p {
    margin: 0px;
    text-align: center;
    font-size: 14px;
}

#affix-form .sidebar-container,
#affix-form-single .sidebar-container {
    margin: 20px 0px;
    padding: 0px;
}

.sidebar h3 {
    color: #e5573f;
    margin-bottom: 20px;
    text-align: center;
}

.sidebar h2.intro {
    color: #e5573f !important;
    margin-bottom: 20px !important;
    margin-left: 15px !important;
    text-align: left !important;
}

#dashboard-sidebar {
    color: #FFF;
    text-align: left;
}

/*#summary { background: #f9f9f9; border-top:1px solid #efefef; list-style: none; margin:0; padding: 10px 0 0;  }
#summary li { color: #748189;  line-height: 32px; padding: 5px 5px 5px 15px; }
#summary li .icon-wrap { background: #8f969e; border-radius: 50%; color: #FFF; height: 32px; float: left; font-size: 20px; line-height: 40px; margin-right: 10px; text-align: center; width: 32px; }
#summary li .icon-graph-pie { margin-left: 2px; }
#summary li.verify { background: #f1ca29; color: #FFF; margin-top: 10px; padding: 15px 5px 15px 15px; }
#summary li.verify strong { display: block;}
#summary li.verify .icon-wrap { background: #FFF; color: #e5573f; }*/
.availability-wrap {
    background: #f9f9f9;
    border-top: 1px solid #efefef;
    margin-bottom: 20px;
    padding: 0 22px;
}

#availability .datepicker-switch {
    font-size: 14px;
    text-transform: uppercase;
}

#availability .datepicker-inline,
#availability .datepicker table {
    border-radius: 0;
    font-size: 12px;
    width: 100%;
}

#availability .day {
    background: #FFF;
    color: #c5cbd1;
    box-shadow: inset 1px 1px 0 0 #f9f9f9;
    padding: 8px 5px;
}

.legend {
    font-size: 12px;
    padding: 10px 0 5px;
}

.legend span {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 3px 0 10px;
    width: 10px;
}

.legend span.available {
    background: #a6dac5;
}

.legend span.booked {
    background: #f66f6e;
}

.legend span.unavailable {
    background: #dfdfdf;
}

#daycare-calendar .datepicker table tr td.active,
#daycare-calendar-host .datepicker table tr td.active {
    background-color: #f66f6e;
    color: #FFF;
}


.slider-size {
    display: block;
    height: 430px;
    margin-right: auto;
    margin-left: auto;
}

.default-container-slider {
    position: relative;
    height: 100%;
    padding: 170px 0;
    text-align: center;
}

.text-container {
    color: #b1b7bb;
}

.cropper-image-container,
.list-cover-div .box {
    height: 300px;
}

.list-cover-div .box__input {
    padding: 15%;
}

.cropper-image-container,
.box {
    height: 200px;
}

.cropper-container {
    height: 200px;
}

.cropper-bg {
    background-image: none;
}

.cropper-line.cropper-hidden {
    background-color: #fff !important;
    display: block !important;
}

.cropper-modal {
    background-color: #f5f5f5;
}


.carousel {
    width: 100%;
    margin: 0 auto;
    /* center your carousel if other than 100% */
}

.carousel-control .icon-prev:before {
    content: none;
}

.carousel-control .icon-next:before {
    content: none;
}

.booking-back {
    color: #428bca;
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
}

.payment-button .icon-paw {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 35px;
    color: #e8e8e8;
}

.payment-button .icon-paw-filled {
    color: #ffcc33;
}

.payment-button .icon-paw-empty {
    color: #d3d3d3;
}

.walking-rating .icon-paw {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 35px;
    color: #ffcc33;
}

.walking-rating .icon-paw.disabled {
    display: inline-block;
    width: 36px;
    height: 36px;
    font-size: 35px;
    color: #e8e8e8;
}

.share-button-wrapper {
    width: 100%;
    padding: 0 50px;
    height: 50px;
    margin-top: 10px;
}

.reviewer-name {
    text-align: left;
    font-weight: 700;
}

.reviewer {
    text-align: left;
}

.fb-share-wrapper {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

.fb-share,
.fb-press {
    margin: auto;
    width: 40px;
    height: 40px;
    background-color: #3a5795;
    border-radius: 50%;
}

.fb-share-wrapper a,
.fb-share a,
.fb-press a {
    color: #FFF
}

.fb-share .fa {
    padding-top: 13px;
}

.fb-press .fa {
    padding-top: 7px;
}

.twitter-share-wrapper {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

.twitter-share,
.twitter-press {
    margin: auto;
    width: 40px;
    height: 40px;
    background-color: #55acee;
    border-radius: 50%;
}

.twitter-share-wrapper a,
.twitter-share a,
.twitter-press a {
    color: #FFF
}

.twitter-share .fa {
    padding-top: 13px;
}

.twitter-press .fa {
    padding-top: 7px
}

.instagram-share {
    margin: auto;
    width: 40px;
    height: 40px;
    background-color: #3f6a8c;
    border-radius: 50%;
}

.instagram-share-wrapper a,
.instagram-share a {
    color: #FFF
}

.instagram-share .fa {
    padding-top: 5px;
}

.whatsapp-share {
    margin: auto;
    width: 40px;
    height: 40px;
    background-color: #43d854;
    border-radius: 50%;
}

.whatsapp-share a {
    color: #FFF
}

.whatsapp-share .fa {
    padding-top: 13px;
}

#dropdown-header-menu {
    padding-top: 0px;
    height: 65px;
}

#dropdown-header-menu .dropdown-menu>li>a:hover,
#dropdown-header-menu .dropdown-menu>li>a {
    color: #425864 !important;
    background-color: #FFF;
}

#top-right-username {
    float: right;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 15px;
}

#header-menu {
    border: 1px solid #FFF;
    height: 50px;
    border-radius: 35px;
    margin-top: 5px;
    padding-top: 10px;
}

.thumb-header {
    width: 30px;
    max-height: 30px;
    float: left;
}

.thumb-header img {
    width: 30px;
}

.dropdown-menu-right {
    min-width: 300px;
    text-shadow: none;
}

.btn-checkbox-active input {
    border: 1px solid #519b7a;
    box-shadow: none;
}

.btn-checkbox input {
    border: none;
    box-shadow: none;
}

.btn-checkbox,
.btn-checkbox:hover,
.btn-checkbox:focus {
    background-color: #f66f6e;
    color: #FFF;
    border: 1px solid #f66f6e;
    box-shadow: none;
    border-radius: 3px;
    margin-left: -2px;
}

.btn-checkbox.active:hover,
.btn-checkbox.active {
    box-shadow: none;
    color: #FFF;
    background: #a6dac5;
    margin-left: -1px;
    border: 1px solid #a6dac5;
}

.btn-radio,
.btn-radio:hover,
.btn-checkbox-host,
.btn-checkbox-host:hover,
.btn-checkbox-host:focus {
    background: #fff;
    padding: 10px 0px;
    color: #519b7a;
    border: 1px solid #519b7a;
    box-shadow: none;
    border-radius: 3px;
    margin-left: -1px;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-radio:active,
.btn-radio.active,
.btn-checkbox-host:active,
.btn-checkbox-host.active {
    box-shadow: none;
    color: #FFF;
    background: #519b7a;
    margin-left: -1px;
}

.btn-checkbox-calendar,
.btn-checkbox-calendar:hover,
.btn-checkbox-calendar:focus {
    background: #fff;
    padding: 6px;
    color: #519b7a;
    border: 1px solid #519b7a;
    box-shadow: none;
    border-radius: 3px;
    margin-left: -1px;
}

.btn-checkbox-calendar:active,
.btn-checkbox-calendar.active {
    box-shadow: none;
    color: #FFF;
    background: #519b7a;
    margin-left: -1px;
}

.btn-register-zwitserleven {
    background: #fff;
    padding: 10px 0px;
    color: #CCCCCC;
    border: 1px solid #F2F2F2;
    box-shadow: none;
    border-radius: 5px !important;
    width: 146px;
    height: 143px;
    margin: 0 5px;
}

.btn-register-zwitserleven:hover,
.btn-register-zwitserleven:focus {
    padding: 10px 0px;
    color: #333333;
    border: 2px solid #CC0000;
    box-shadow: none;
    border-radius: 5px !important;
    width: 146px;
    height: 143px;
    margin: 0 5px;
}

.btn-register-zwitserleven.active {
    background: #fff !important;
    padding: 9px 0px;
    color: #333333;
    border: 2px solid #CC0000;
    box-shadow: none;
    border-radius: 5px !important;
    width: 146px;
    height: 143px;
    margin: 0 5px;
}

.btn-register-zwitserleven-large {
    background: #fff;
    padding: 10px 0px;
    color: #CCCCCC;
    border: 1px solid #F2F2F2;
    box-shadow: none;
    border-radius: 5px !important;
    width: 285px;
    height: 142px;
}

.btn-register-zwitserleven-large:hover,
.btn-register-zwitserleven-large:focus {
    padding: 10px 0px;
    color: #333333;
    border: 2px solid #CC0000;
    box-shadow: none;
    border-radius: 5px !important;
    width: 285px;
    height: 143px;
}

.btn-register-zwitserleven-large.active {
    background: #fff !important;
    padding: 9px 0px;
    color: #333333;
    border: 2px solid #CC0000;
    box-shadow: none;
    border-radius: 5px !important;
    width: 285px;
    height: 143px;
}

.btn-register-zwitserleven-large .left-button {
    margin-left: 10px !important;
}

.btn-register-zwitserleven-large .right-button {
    margin-right: 10px !important;
}


.profile-contact {
    padding: 20px;
}

#host .sub-header img {
    margin: 25px 20px 15px 0;
    width: 100px;
}

#sidebar-affixed {
    padding-right: 30px;
    background: #f6f6f6;
    border-radius: 0 0 10px 10px;
    padding-top: 0px;
    padding-bottom: 15px;
    text-align: center;

}

.btn-radio-home,
.btn-radio-partial {
    color: #519b7a
}

.dog-toggle {
    padding: 0px;
}

.saved-dog-overlay,
.saved-change-overlay {
    display: block;
    padding: 10px 0;
    top: 70px;
    background-color: #519b7a;
    z-index: 5;
    color: #FFF;
    text-align: center;
    position: fixed;
}

.other-sit {
    font-weight: 700;
}

/* Signup */
.main-signup {
    padding: 10px 20px 20px;
}

.main-signup h2 {
    margin-bottom: 15px;
    text-transform: none;
    font-size: 21px;
    text-align: center;
}

.main-signup {
    background: #fff;
    border-top: none;
    top: -1px;
}

.main-signup .not-publish {
    color: #8e9396;
    clear: both;
    margin: 0 0 20px;
    padding-top: 10px;
    text-align: center;
}

.main-signup .or span {
    background-color: #fff;
}

.main-signup .inputs {
    padding: 0px;
}

.main-signup .form-control {
    background: #FFF;
    margin-bottom: 15px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.main-signup .btn-facebook,
.main-signup .btn-facebook:hover {
    display: block;
    padding: 12px 0 12px;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.main-signup .btn-google,
.main-signup .btn-google:hover {
    display: block;
    padding: 12px 0 12px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #425864;
}

.main-signup .btn-apple,
.main-signup .btn-apple:hover {
    display: block;
    padding: 12px 0 12px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
}

.google-icon {
    display: inline-block;
    vertical-align: middle;
}

.main-signup .btn-facebook .icon {
    font-size: 2em;
    line-height: 0;
    margin-right: 5px;
    float: none;
    vertical-align: middle;
}

.main-signup .btn-red {
    display: block;
    padding: 12px 0 12px;
    width: 100%;
    border: 1px solid #e5573f;
    font-size: 18px;
}

.no-account-yet {
    font-size: 18px;
}

.main-signup .tos {
    color: #8e9396;
    clear: both;
    font-size: 12px;
    margin: 0 0 20px;
    padding-top: 10px;
    text-align: center;
}

.main-signup .tos a {
    color: #8e9396;
    text-decoration: underline;
}

.main-signup .forgot-pw {
    text-align: center;
    padding: 10px;
}

.main-signup .news-update {
    color: #8e9396;
    clear: both;
    font-size: 12px;
    margin: 0;
    padding-top: 0px;
}

.main-signup .no-ac {
    text-align: center;
    padding: 10px;
}

.main-signup .intro {
    padding: 0px 0px 10px 0px;
}

.benefits {
    margin-top: 20px;
}

.benefits h4 {
    color: #e5573f;
    font-size: 14px;
    margin-left: 30px;
    margin-bottom: 15px;
}

.benefits ul {
    list-style: none;
    margin: 0 0 25px;
    margin-left: 30px;
    padding: 0;
}

.benefits li {
    margin-bottom: 13px;
    padding-left: 30px;
    position: relative;
}

.benefits .icon-paw {
    background: #a6dac5;
    border-radius: 50%;
    color: #FFF;
    display: inline-block;
    line-height: 25px;
    height: 21px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 21px;
}

.file-wrap {
    background: #FFF;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 20px;
}

.file-wrap input {
    border: none;
    border-radius: 0;
    background: transparent;
    color: #8e9396;
    display: inline;
    line-height: 1;
    width: 200px;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.file-wrap input:focus {
    border: none;
    box-shadow: none !important;
}

.file-wrap label {
    color: #8e9396;
    display: inline;
    font-weight: normal;
}

#steps form {
    padding: 30px 0 50px;
    text-align: center;
}

#steps fieldset {
    display: none;
}

#steps fieldset.visible {
    display: block;
}

#steps h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: none;
}

#steps .inputs {
    font-size: 24px;
    display: block;
    margin: 0 auto 30px;
    width: 34%;
}

#steps .wrap {
    text-align: left;
}

#steps .btn-red {
    font-size: 18px;
    text-transform: uppercase;
}

#steps .go_back {
    margin-left: 15px;
    text-decoration: underline;
}

#steps.on-step-1 .go_back {
    display: none;
}

#steps select {
    background: #f8f8f8;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    height: 46px;
    width: 230px;
    font-size: 19px;
    text-indent: 10px;
}

#steps .radio label::before {
    height: 22px;
    left: -2px;
    top: 4px;
    width: 22px;
}

#steps .radio label::after {
    width: 16px;
    height: 16px;
    left: 1px;
    top: 7px;
}

#steps .error {
    color: #e5573f;
    display: none;
    position: relative;
    top: -15px;
}

#steps .error span {
    color: #e5573f;
    font-size: 24px;
    position: relative;
    top: 7px;
}

#steps .step-3 .inputs {
    width: 50%;
}

#steps .step-3 .wrap {
    float: left;
    width: 25%;
}

#steps .step-4 .wrap {
    float: left;
    width: 50%;
}

#steps .step-4 img,
#steps .step-3 img {
    border-radius: 50%;
    display: block;
    margin: 0 auto 35px;
}

#steps .step-4 label small,
#steps .step-3 label small {
    display: block;
    font-size: 14px;
}

#steps .step-4 label,
#steps .step-3 label {
    display: block;
    text-align: center;
}

#steps .step-4 label::before,
#steps .step-3 label::before {
    left: 50%;
    margin-left: -11px;
    top: -23px;
}

#steps .step-4 label::after,
#steps .step-3 label::after {
    left: 50%;
    margin-left: -8px;
    top: -20px;
}

#steps .step-5 .form-control {
    display: inline-block;
    position: relative;
    margin-right: 35px;
    top: -3px;
    width: 30%;
}

#steps .step-5 .radio {
    display: inline;
    padding-right: 40px;
}

#steps .step-6 .inputs {
    width: 50%;
}

#steps .step-6 .form-control {
    display: inline-block;
    width: 40%;
}

#steps .file-wrap {
    background: #f8f8f8;
    padding: 20px;
}

.steps {
    background: #79c8a9;
    margin: 0;
    padding: 20px 0;
    text-align: center;
}

.steps strong {
    background: #519b7a;
    border-radius: 50%;
    color: #b8e3d2;
    display: inline-block;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    margin: 0 5px;
    text-align: center;
    width: 28px;
}

.steps strong.active {
    background: #FFF;
    color: #e5573f;
}

.main-signup.owners h2 {
    color: #425864;
    margin-bottom: 10px;
}

.main-signup.owners p {
    margin-bottom: 15px;
}

.main-signup.owners .inputs {
    padding: 0 15px;
}

.main-signup.owners .btn-red {}

.main-signup.owners .step-2 .rate-wrap {
    margin-bottom: 15px;
}

.main-signup.owners .step-2 .rate-wrap label {
    display: block;
}

.main-signup.owners .step-2 .rate-wrap .file-wrap {
    float: left;
    padding: 15px 20px;
    width: 50%;
}

.main-signup.owners .step-2 .rate-wrap p {
    color: #8e9396;
    font-size: 12px;
    float: right;
    padding-top: 12px;
    width: 45%;
}

.main-signup.owners .step-2 .file-wrap input {
    border-bottom: 1px dotted #e3e3e3;
    margin: 0 5px;
    width: 50px;
}

.fake-select {
    margin-bottom: 20px;
}

.fake-select button {
    background: #f8f8f8;
    border-left: 1px solid #d3d3d3;
    color: #8e9396;
    padding-top: 15px;
    padding-bottom: 15px;
}

.fake-select button.active {
    background: #CCC;
    box-shadow: inset 0 2px 1px 0 #AAA, 0 1px 0 0 #FFF;
    color: #FFF;
}

.fake-select button:hover {
    font-weight: normal;
}

.fake-select button.active:hover {
    font-weight: bold;
}

.fake-select button small {
    color: #CCC;
    display: block;
    font-size: 11px;
}

.fake-select button.active small {
    color: #EEE;
}

.fake-select .btn-group:first-child button {
    border-left: none;
}

#steps-host form {
    padding: 30px 0 50px;
    text-align: center;
}

#steps-host fieldset {
    display: none;
}

#steps-host fieldset.visible {
    display: block;
}

#steps-host h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: none;
}

#steps-host .inputs {
    font-size: 24px;
    display: block;
    margin: 0 auto 30px;
    width: 34%;
}

#steps-host .inputs p {
    font-size: 18px;
}

#steps-host .inputs p small {
    color: #8e9396;
    display: block;
    font-size: 15px;
}

#steps-host .wrap {
    text-align: left;
}

#steps-host .btn-red {
    font-size: 18px;
    text-transform: uppercase;
}

#steps-host .go_back {
    margin-left: 15px;
    text-decoration: underline;
}

#steps-host.on-step-1 .go_back {
    display: none;
}

#steps-host select {
    background: #f8f8f8;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    height: 46px;
    width: 230px;
    font-size: 19px;
    text-indent: 10px;
}

#steps-host .checkboxes {
    margin-bottom: 20px;
}

#steps-host .checkboxes p {
    text-align: left;
}

#steps-host .checkboxes p small {
    color: #8e9396;
    display: block;
}

#steps-host .checkboxes ul {
    padding-left: 21px;
}

#steps-host .checkbox {
    text-align: left;
}

#steps-host .checkbox label {
    font-size: 15px;
}

#steps-host .error {
    clear: both;
    color: #e5573f;
    display: none;
    position: relative;
    top: -15px;
}

#steps-host .error span {
    color: #e5573f;
    font-size: 24px;
    position: relative;
    top: 7px;
}

#steps-host .file-wrap {
    background: #f8f8f8;
    padding: 20px;
}

#steps-host .photos .icon-wrap {
    background: #e5e5e5;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 27px;
    margin-right: 10px;
    padding: 10px;
    text-align: center;
    width: 40px;
}

#steps-host .photos em {
    color: #8e9396;
    font-size: 12px;
    font-style: normal;
    position: relative;
    top: -4px;
}

#steps-host .step-1 .form-control {
    display: inline-block;
    width: 48%;
}

#steps-host .step-3 .form-control {
    margin-bottom: 20px;
}

#steps-host .step-5 .rate-wrap {
    margin-bottom: 15px;
}

#steps-host .step-5 .rate-wrap .file-wrap {
    padding: 15px 20px;
    margin: 0 auto 15px;
    width: 70%;
}

#steps-host .step-5 .rate-wrap p {
    clear: both;
    color: #8e9396;
    font-size: 12px;
    margin-bottom: 0;
    padding-top: 12px;
}

#steps-host .step-5 .file-wrap input {
    border-bottom: 1px dotted #e3e3e3;
    margin: 0 5px;
    width: 70px;
}

#property-edit {
    width: 100%;
    margin: auto;
}

.ad-edit {
    width: 100%;
    margin: auto;
}

.dog-edit {
    padding-top: 20px;
}

#tariff-edit {
    width: 40%;
    margin: auto;
}

.flexible {
    max-width: 100%;
    height: 100px;
}

#dog-pic-edit .edit-preview-frame,
#host-pic-edit .edit-preview-frame {
    display: table;
    margin: 0px;
    height: 120px;
    border: 0px;
    box-shadow: none;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.thumb-dog-cancel img {
    width: 50px;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}

#dog-pic-edit .add-pic,
#host-pic-edit .add-pic {
    margin: 20px 10px;
}

#dog-pic-edit .file-preview-frame,
#dog-pic .file-preview-frame,
#host-pic .file-preview-frame,
#host-pic-edit .file-preview-frame,
#pic0 .file-preview-frame,
#pic1 .file-preview-frame,
#pic2 .file-preview-frame,
#pic3 .file-preview-frame,
#pic4 .file-preview-frame,
#pic5 .file-preview-frame,
#pic6 .file-preview-frame,
#pic7 .file-preview-frame,
#pic8 .file-preview-frame,
#pic9 .file-preview-frame,
#pic10 .file-preview-frame #pics0 .file-preview-frame,
#pics1 .file-preview-frame,
#pics2 .file-preview-frame,
#pics3 .file-preview-frame,
#pics4 .file-preview-frame,
#pics5 .file-preview-frame,
#pics6 .file-preview-frame,
#pics7 .file-preview-frame,
#pics8 .file-preview-frame,
#pics9 .file-preview-frame,
#pics10 .file-preview-frame {
    display: table;
    margin: 0px;
    height: 120px;
    border: 0px;
    box-shadow: none;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.alert-dog-edit {
    background-color: #c9e9dc;
    border: 1px solid #79c8a9;
    color: #519b7a;
}

.alert-dog-warning {
    background-color: #f9d8d2;
    color: #e5573f;
    border: 1px solid #e5573f;
}

#dog-pic .file-preview-frame:hover,
#host-pic .file-preview-frame:hover,
#host-pic-edit .file-preview-frame:hover,
#pic0 .file-preview-frame:hover,
#pic1 .file-preview-frame:hover,
#pic2 .file-preview-frame:hover,
#pic3 .file-preview-frame:hover,
#pic4 .file-preview-frame:hover,
#pic5 .file-preview-frame:hover,
#pic6 .file-preview-frame:hover,
#pic7 .file-preview-frame:hover,
#pic8 .file-preview-frame:hover,
#pic9 .file-preview-frame:hover,
#pic10 .file-preview-frame:hover,
#pics0 .file-preview-frame:hover,
#pics1 .file-preview-frame:hover,
#pics2 .file-preview-frame:hover,
#pics3 .file-preview-frame:hover,
#pics4 .file-preview-frame:hover,
#pics5 .file-preview-frame:hover,
#pics6 .file-preview-frame:hover,
#pics7 .file-preview-frame:hover,
#pics8 .file-preview-frame:hover,
#pics9 .file-preview-frame:hover,
#pics10 .file-preview-frame:hover {
    box-shadow: none;
}

.dog-image-wrapper {
    position: relative;
}

.prof-image-wrapper {
    position: relative;
}

#host-pic .close,
#dog-pic .close,
#host-pic-edit .close,
#pic0 .close,
#pic1 .close,
#pic2 .close,
#pic3 .close,
#pic4 .close,
#pic6 .close,
#pic7 .close,
#pic8 .close,
#pic9 .close,
#pic10 .close,
#pics0 .close,
#pics1 .close,
#pics2 .close,
#pics3 .close,
#pics4 .close,
#pics5 .close,
#pics6 .close,
#pics7 .close,
#pics8 .close,
#pics9 .close,
#pics10 .close {
    background: #e5573f;
}

#dog-pic-edit .file-thumbnail-footer,
#dog-pic .file-thumbnail-footer,
#host-pic .file-thumbnail-footer,
#host-pic-edit .file-thumbnail-footer,
#pics0 .file-thumbnail-footer,
#pics1 .file-thumbnail-footer,
#pics2 .file-thumbnail-footer,
#pics3 .file-thumbnail-footer,
#pics4 .file-thumbnail-footer,
#pics5 .file-thumbnail-footer,
#pics6 .file-thumbnail-footer,
#pics7 .file-thumbnail-footer,
#pics8 .file-thumbnail-footer,
#pics9 .file-thumbnail-footer,
#pics10 .file-thumbnail-footer,
#pic0 .file-thumbnail-footer,
#pic1 .file-thumbnail-footer,
#pic2 .file-thumbnail-footer,
#pic3 .file-thumbnail-footer,
#pic4 .file-thumbnail-footer,
#pic5 .file-thumbnail-footer,
#pic6 .file-thumbnail-footer,
#pic7 .file-thumbnail-footer,
#pic8 .file-thumbnail-footer,
#pic9 .file-thumbnail-footer,
#pic10 .file-thumbnail-footer {
    display: none;
}

.photos-edit {
    width: 300px;
    margin: auto;
}

#dog-pic.file-input-new .file-preview,
#host-pic.file-input-new .file-preview,
#host-pic-edit.file-input-new .file-preview,
#pics0 .file-input-new .file-preview,
#pics1 .file-input-new .file-preview,
#pics2 .file-input-new .file-preview,
#pics3 .file-input-new .file-preview,
#pics4 .file-input-new .file-preview,
#pics5 .file-input-new .file-preview,
#pics6 .file-input-new .file-preview,
#pics7 .file-input-new .file-preview,
#pics8 .file-input-new .file-preview,
#pics9 .file-input-new .file-preview,
#pics10 .file-input-new .file-preview,
#pic0 .file-input-new .file-preview,
#pic1 .file-input-new .file-preview,
#pic2 .file-input-new .file-preview,
#pic3 .file-input-new .file-preview,
#pic4 .file-input-new .file-preview,
#pic5 .file-input-new .file-preview,
#pic6 .file-input-new .file-preview,
#pic7 .file-input-new .file-preview,
#pic8 .file-input-new .file-preview,
#pic9 .file-input-new .file-preview,
#pic10 .file-input-new .file-preview {
    display: block;
}

#pic0 .file-input-new .file-preview,
#pic1 .file-input-new .file-preview,
#pic2 .file-input-new .file-preview,
#pic3 .file-input-new .file-preview,
#pic4 .file-input-new .file-preview,
#pic5 .file-input-new .file-preview,
#pic6 .file-input-new .file-preview,
#pic7 .file-input-new .file-preview,
#pic8 .file-input-new .file-preview,
#pic9 .file-input-new .file-preview,
#pic10 .file-input-new .file-preview {
    border: none;
}

#dog-pic-edit .file-preview,
#host-pic-edit .file-preview,
#pics0 .file-preview,
#pics1 .file-preview,
#pics2 .file-preview,
#pics3 .file-preview,
#pics4 .file-preview,
#pics5 .file-preview,
#pics6 .file-preview,
#pics7 .file-preview,
#pics8 .file-preview,
#pics9 .file-preview,
#pics10 .file-preview {
    height: 150px;
}

#dog-pic-edit .file-preview,
#host-pic-edit .file-preview {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
}

#mobile-dropdown-menu {
    left: 0;
    right: 0;
    top: 65px !important;
    position: fixed !important;
    border-radius: 0 !important;
    z-index: 3000 !important;
    margin-top: 0px !important;
    overflow-y: scroll;
    height: calc(100% - 65px);
    overflow: hidden !important;
    list-style-type: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#mobile-dropdown-search-menu {
    left: 0;
    right: 0;
    top: 0px !important;
    bottom: 0px !important;
    position: fixed !important;
    padding: 10px;
    border-radius: 0 !important;
    z-index: 3100 !important;
    margin-top: 0px !important;
    overflow-y: scroll;
    overflow: hidden !important;
    list-style-type: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    font-size: 16px;
}

#mobile-dropdown-menu ul li {
    overflow-y: scroll;
}

.edit-preview-frame {
    padding: 6px;
    height: 120px;
}

#dog-pic-edit .edit-uploaded,
#host-pic-edit .edit-uploaded {
    padding-top: 32px;
}

.edit-uploaded {
    padding-top: 32px;
}

#remove-img .btn-red {
    padding: 10px;
    width: 100%;
    margin: 0px;
}

#addButton1,
#addButton2,
#addButton3,
#addButton4,
#addButton5,
#addButton6,
#addButton7,
#addButton8,
#addButton9 {
    background-color: #5cb85c;
    border-color: #4cae4c;
    margin-top: 15px;
}

#no-status .or {
    margin: 30px;
}

#no-status .no-status-choice {
    text-align: center;
}

.panel {
    box-shadow: none;
}

.services {
    padding: 0px;
}

.panel-services {
    border: 1px solid #DDD;
    padding: 0px 30px;
}

#services-offered .panel-heading {
    padding: 0px;
}

#service-selection {
    text-align: left;
    font-weight: normal;
}

#service-selection label {
    font-weight: 400;
}

.account .container {
    padding: 0px;
}

#account-links h5 {
    margin: 0;
    padding: 15px 0;
}

#account-links .panel-account,
#accordion .panel-listing {
    border-top: 1px solid #ddd;
    color: #555;
}

#accordion-booking .panel-heading {
    padding: 10px 0px;
}

#accordion-booking .panel-listing {
    border-bottom: 1px solid #ddd;
    color: #555;
    border-radius: 0px;
}

#accordion-booking .panel-body {
    border-top: 0px !important;
}

#account-links .panel-heading,
#accordion .panel-listing,
#accordion-booking .panel-listing {
    padding: 5px 15px;
}

#account-links .panel-heading h5,
#accordion-booking .panel-listing h5,
#services-offered .panel-heading h5,
#account-links .panel-heading h5 a,
#account-links .panel-heading h5 a:after,
#accordion .panel-listing h5,
#accordion .panel-listing h5 a,
#accordion .panel-listing h5 a:after {
    color: #555;
    text-decoration: none;
    font-weight: 600;
}

#accordion .panel-listing .panel-body {
    border-top: 0px;
}

.content-middle-narrow {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 25%;
}

.content-middle-narrow-payment {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 5% 25%;
}

.content-middle-narrow-referral {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 10%;
}

.content-middle-narrow-home {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 15%;
}

.content-middle-narrow-press {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 15%;
}

.content-booking-narrow {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 5%;
    margin-top: 50px;

}

.content-booking-narrow-cancel {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 25%;

}

.panel-block-list {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.calendar-reveal {
    color: #428bca;
    background-color: #FFF;
    border: none;
}

#host-pic-edit .profile-pic {
    width: 300px;
    margin: 0 auto;
}

#dog-pic-edit .profile-pic {
    width: 250px;
    margin: 0 auto;
}

.main-photo-preview {
    width: 100%;
    height: 288px;
    overflow: hidden;
    margin: 0 auto;
}

.main-photo-preview img {
    max-width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

.panel-default>.upload-pictures {
    background-color: #FFF;
    border-color: #FFF;
    padding: 0px;
}

.list-group {
    margin: 10px 0px;
}

.show-edit {
    display: none;
}

.selectable.active .show-edit {
    display: block;
}

.progress-meter {
    padding: 0;
}

#zwitserleven #birth-day,
#zwitserleven #birth-month,
#zwitserleven #birth-year {
    outline: none !important;
}

ul#zwitserleven-progress.nav-pills li a,
ul#zwitserleven-progress.nav-pills li a:hover,
ul#zwitserleven-progress.nav-pills li a:focus,
ul#zwitserleven-progress.nav-pills>li.active>a,
ul#zwitserleven-progress.nav-pills>li.active>a:hover,
ul#zwitserleven-progress.nav-pills>li.active>a:focus {
    color: #FFF;
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    margin-left: 0;
}

ul#zwitserleven-progress {
    width: 100%;
    list-style: none;
    list-style-image: none;
    margin: 20px 0 20px 0;
    padding: 0;
}

ul#zwitserleven-progress li {
    float: left;
    text-align: center;
    position: relative;
    width: 11%;
}

#left-arrow-zwits {
    transform: rotate(90deg);
    transform-origin: center center;
}

ul#zwitserleven-progress li a .step {
    color: #FFF;
    border: 3px solid silver;
    background-color: silver;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    z-index: 0;
    line-height: 20px;
}

ul#zwitserleven-progress li a .step span {
    opacity: 0.3;
}

ul#zwitserleven-progress .active .step span {
    opacity: 1;
}

ul#zwitserleven-progress li a .step:before {
    content: "";
    display: block;
    background-color: silver;
    height: 2px;
    width: 50%;
    position: absolute;
    bottom: 41%;
    left: 0;
    z-index: -1;
}

ul#zwitserleven-progress li a .step:after {
    content: "";
    display: block;
    background-color: silver;
    height: 2px;
    width: 50%;
    position: absolute;
    bottom: 41%;
    right: 0;
    z-index: -1;
}

ul#zwitserleven-progress li:first-of-type .step:before {
    display: none;
}

ul#zwitserleven-progress li:last-of-type .step:after {
    display: none;
}

ul#zwitserleven-progress .done .step,
ul#zwitserleven-progress .done .step:before,
ul#zwitserleven-progress .done .step:after,
ul#zwitserleven-progress .active .step,
ul#zwitserleven-progress .active .step:before {
    background-color: #CC0000;
}

ul#zwitserleven-progress .done .step,
ul#zwitserleven-progress .active .step {
    border: 3px solid #CC0000;
}

ol.progress-meter {
    padding-bottom: 9.5px;
    list-style-type: none;
}

ol.progress-meter li {
    display: inline-block;
    text-align: center;
    text-indent: -19px;
    height: 36px;
    width: 33.33%;
    font-size: 12px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

ol.progress-meter li:before {
    position: relative;
    float: left;
    text-indent: 0;
    left: -webkit-calc(50% - 9.5px);
    left: -moz-calc(50% - 9.5px);
    left: -ms-calc(50% - 9.5px);
    left: -o-calc(50% - 9.5px);
    left: calc(50% - 9.5px);
}

ol.progress-meter li.done {
    font-size: 12px;
}

ol.progress-meter li.done:before {
    height: 26px;
    width: 26px;
    line-height: 25px;
    bottom: -22.175px;
    border: none;
    border-radius: 19px;
    font-size: 15px;
}

ol.progress-meter li.todo {
    font-size: 12px;
}

ol.progress-meter li.todo:before {
    font-size: 24px;
    height: 26px;
    width: 26px;
    line-height: 25px;
    bottom: -22.175px;
    border: none;
    border-radius: 19px;
    font-size: 15px;
}

ol.progress-meter li.done {
    color: black;
    border-bottom-color: #519b7a;
}

ol.progress-meter li.done:before {
    color: white;
    background-color: #519b7a;
}

ol.progress-meter li.todo {
    color: silver;
    border-bottom-color: silver;
}

ol.progress-meter li.todo:before {
    color: white;
    background-color: silver;
}

#dash-bookings .progress-meter {
    padding: 0;
}

#dash-bookings ol.progress-meter {
    padding-bottom: 9.5px;
    list-style-type: none;
}

#dash-bookings ol.progress-meter li {
    display: inline-block;
    text-align: center;
    text-indent: -19px;
    height: 36px;
    width: 20%;
    font-size: 12px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

#dash-bookings ol.progress-meter li:before {
    position: relative;
    float: left;
    text-indent: 0;
    left: -webkit-calc(50% - 9.5px);
    left: -moz-calc(50% - 9.5px);
    left: -ms-calc(50% - 9.5px);
    left: -o-calc(50% - 9.5px);
    left: calc(50% - 9.5px);
    font-family: 'FontAwesome';
}

#dash-bookings ol.progress-meter li.done {
    font-size: 12px;
}

#dash-bookings ol.progress-meter li.done:before {
    height: 26px;
    width: 26px;
    line-height: 25px;
    bottom: -22.175px;
    border: none;
    border-radius: 19px;
    font-size: 15px;
}

#dash-bookings ol.progress-meter li.todo {
    font-size: 12px;
}

#dash-bookings ol.progress-meter li.todo:before {
    font-size: 24px;
    height: 26px;
    width: 26px;
    line-height: 25px;
    bottom: -22.175px;
    border: none;
    border-radius: 19px;
    font-size: 15px;
}

#dash-bookings ol.progress-meter li.done {
    color: black;
    border-bottom-color: #519b7a;
}

#dash-bookings ol.progress-meter li.done:before {
    color: white;
    background-color: #519b7a;

}

#dash-bookings ol.progress-meter li.todo {
    color: silver;
    border-bottom-color: silver;
}

#dash-bookings ol.progress-meter li.todo:before {
    color: white;
    background-color: silver;
    font-family: 'FontAwesome';
}

.progress-meter-payments {
    padding: 0;
}

ol.progress-meter-payments {
    padding-bottom: 9.5px;
    list-style-type: none;
}

ol.progress-meter-payments li {
    display: inline-block;
    text-align: center;
    text-indent: -35px;
    height: 44px;
    width: 33.33%;
    font-size: 12px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

ol.progress-meter-payments li:before {
    position: relative;
    float: left;
    text-indent: 0;
    left: -webkit-calc(50% - 17.5px);
    left: -moz-calc(50% - 17.5px);
    left: -ms-calc(50% - 17.5px);
    left: -o-calc(50% - 17.5px);
    left: calc(50% - 17.5px);
    font-family: 'FontAwesome';

}

ol.progress-meter-payments li.done {
    font-size: 12px;
}

ol.progress-meter-payments li.done:before {
    height: 40px;
    width: 40px;
    line-height: 40px;
    bottom: -22.175px;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    font-family: 'FontAwesome';

}

ol.progress-meter-payments li.todo {
    font-size: 12px;
}

ol.progress-meter-payments li.todo:before {
    font-size: 24px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    bottom: -22.175px;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    font-family: 'FontAwesome';

}

ol.progress-meter-payments li.done {
    color: black;
    border-bottom-color: #519b7a;
}

ol.progress-meter-payments li.done:before {
    color: white;
    background-color: #519b7a;
    font-family: 'FontAwesome';

}

ol.progress-meter-payments li.todo {
    color: silver;
    border-bottom-color: silver;
}

ol.progress-meter-payments li.todo:before {
    color: white;
    background-color: silver;
    font-family: 'FontAwesome';

}

#dash-bookings-payments .progress-meter {
    padding: 0;
}

#dash-bookings-payments ol.progress-meter {
    padding-bottom: 9.5px;
    list-style-type: none;
}

#dash-bookings-payments ol.progress-meter li {
    display: inline-block;
    text-align: center;
    text-indent: -35px;
    height: 44px;
    width: 33.33%;
    font-size: 20px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    font-family: 'FontAwesome';
}

#dash-bookings-payments ol.progress-meter li:before {
    position: relative;
    float: left;
    text-indent: 0;
    left: -webkit-calc(50% - 18px);
    left: -moz-calc(50% - 18px);
    left: -ms-calc(50% - 18px);
    left: -o-calc(50% - 18px);
    left: calc(50% - 18px);
    font-family: 'FontAwesome';
}

#dash-bookings-payments ol.progress-meter li.done {
    font-size: 12px;
}

#dash-bookings-payments ol.progress-meter li.done:before {
    height: 40px;
    width: 40px;
    line-height: 40px;
    bottom: -22.175px;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    font-family: 'FontAwesome';

}

#dash-bookings-payments ol.progress-meter li.todo {
    font-size: 12px;
}

#dash-bookings-payments ol.progress-meter li.todo:before {
    font-size: 24px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    bottom: -22.175px;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    font-family: 'FontAwesome';

}

#dash-bookings-payments ol.progress-meter li.done {
    color: black;
    border-bottom-color: #519b7a;
}

#dash-bookings-payments ol.progress-meter li.done:before {
    color: white;
    background-color: #519b7a;
    font-family: 'FontAwesome';


}

#dash-bookings-payments ol.progress-meter li.todo {
    color: silver;
    border-bottom-color: silver;
}

#dash-bookings-payments ol.progress-meter li.todo:before {
    color: white;
    background-color: silver;
    font-family: 'FontAwesome';
}

.meet-icon:before {
    font-family: 'FontAwesome';
    content: "\f0e6";
}

.send-icon:before {
    font-family: 'FontAwesome';
    content: "\f064";
}

.pay-icon:before {
    font-family: 'FontAwesome';
    content: "\f09d";
}

.review-icon:before {
    font-family: 'FontAwesome';
    content: "\f185";
}

.icon-no {
    background: #e5573f;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 60px;
    height: 100px;
    line-height: 100px;
    margin: auto;
    text-align: center;
    width: 100px;
}

.ages-icons {
    margin-top: 20px;
    padding: 0px;
}

.genders-icons {
    margin-top: 20px;
}

#why-petbnb-booking {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 10px;
}

.booking-reasons {
    font-size: 35px;
    color: #519b7a;
    text-align: center;
}

h5.icon-text {
    text-align: center;
}

.booking-reasons-container {
    text-align: center;
}

h5.reservation-guarantee {
    text-align: left;
}

h5.reservation-warning {
    text-align: left;
    margin-left: 10px;
}

.guarantee-edit {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 10px;
    border-left: 5px solid #519b7a;
    margin-bottom: 10px;
}

.no-obligations,
.no-obligations-modal {
    font-size: 12px;
    color: #ccc;
    margin: 5px auto;
}

a.explanation-popover,
.explanation-popover a:hover,
.explanation-popover a:focus {
    text-decoration: none;
    color: #425864;
}

a.booking-popover,
.booking-popover a:hover,
.booking-popover a:focus {
    color: #e5573f;
    text-decoration: none;
}

.photos-list-canvas .img-responsive {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 4px;
}

#photo-upload-div.list-cover-div .box canvas {
    height: 300px;
    width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
}

#photo-upload-div .box canvas {
    height: 200px;
    width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 90;

}

#photo-upload-div.list-cover-div .box.has-advanced-upload.hide-border,
#photo-upload-div .box.has-advanced-upload.hide-border {
    border: none;
}

.bullet-icon {
    font-size: 35px;
    text-align: center;
    margin-top: -10px;
}

.bullet-icon-small-margin {
    font-size: 35px;
    text-align: center;
    margin-top: -5px;
}

.bullet-icon-large-margin {
    font-size: 35px;
    text-align: center;
    margin-top: -10px;
}

#certificate {
    font-size: 40px;
    top: 5px;
    left: -4px;
}

#certificate-check {
    font-size: 20px;
    top: -12px;
    left: -4px;
}

.mobile-bottom-menu-search {
    padding: 0px;
    margin-top: 0px;
    width: 100%;
    outline: none;
    background: transparent;
    border: none;
}

#mobile-filters-header {
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    display: table !important;
    vertical-align: top !important;
    background: #FFF;
    z-index: 300;
    width: 100% !important;
    border-bottom: 1px solid #DBDBDB !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

.walk-report-share-pic {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    float: left;
    justify-content: center;
    display: flex;
    flex-direction: row;
}

.walk-report-title-block {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    height: 100%;
    width: 100%;
    z-index: 5;
    opacity: 0.1
}

.walk-report-share-pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.walk-report-walk-title-div {
    border: 0 !important;
    background: #519b7a;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 100px);
    padding-right: 20px;
    height: 50px;
}

.walk-report-walk-title-div h2 {
    color: #fff;
    margin-right: 10px;
    font-size: 18px;
    text-align: right;
}

.walk-report-share-pic h4 {
    color: #FFF;
    text-align: center;
    position: absolute;
    top: 30px;
    z-index: 30;
    width: 100%;
    text-shadow: 0 1px 3px #0f0f0f;
    font-size: 26px;
}

.walk-report-right-half {
    border: 0 !important;
    width: 100%;
    height: 150px;
    float: left;
    background: #21618C;
    padding-top: 30px;
    position: relative;
}

.walk-report-right-half .walkies-icon {
    height: 50px;
    width: 50px;
    margin: 0 auto;
    display: block;
}

.walk-report-right-half .walkies-icon-img {
    display: block;
    height: 40px;
    margin: 0 auto;
}

.walk-report-right-half .walkies-icon-img-pee {
    display: block;
    height: 60px;
    margin: 0 auto;

}

.walk-report-right-half .walk-description {
    color: #FFF;
    font-size: 14px;
    text-align: center;
    width: 100%;
}

.walk-report-walk-title-icon {
    border: 3px solid #519b7a !important;
    background: #DDD;
    position: absolute;
    top: 0;
    right: 20px;
    width: 100px;
    border-radius: 50%;
    z-index: 10;
    height: 100px;
    margin-top: -75px
}

.walk-report-walk-icon {
    display: block;
    height: 100px;
    margin: 0 auto;
}

.preview-frame .img-responsive,
.thumbnail>img {
    width: 100%;
}

#list-head h1 {
    font-size: 25px;
}

.notification-alert {
    padding: 0px;
}

#dashboard {
    margin-bottom: 20px;
}

#dashboard .nav {
    margin-top: 20px;
}

#dashboard .nav>li {
    padding: 0;
}

#dashboard .nav-tabs {
    border-color: #e7e7e7;
}

#dashboard .nav-tabs>li.active>a,
#dashboard .nav-tabs>li.active>a:hover,
#dashboard .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom: 5px solid #79c8a9;
}

#dashboard .form-control {
    margin-bottom: 20px;
}

#dashboard h2 {
    clear: both;
    padding-bottom: 20px;
    text-align: center;
}

.your-listing-edit {
    padding-bottom: 10px;
    margin-top: 0px;
}

#dashboard.your-listing.main h2 {
    clear: both;
    padding-bottom: 0px;
    text-align: center;
}

#dashboard .btn-red {
    display: block;
    margin: 20px auto 10px;
    padding: 15px;
    width: 50%;
    white-space: normal;
    height: 46px;
}

#dashboard .btn-white,
#dashboard .btn-white:hover {
    display: block;
    margin: 20px auto 10px;
    padding: 15px;
    width: 30%;
    color: #e5573f;
    border: 1px solid #e5573f;
    font-weight: normal;
    box-shadow: none;
}

#dashboard .rate-wrap label {
    margin-bottom: 10px;
}

#dashboard .file-wrap {
    padding: 14px;
}

#dashboard .file-wrap input {
    width: 60%;
}

#dashboard .main-signup.owners p {
    margin-bottom: 8px;
}

#dashboard .years-old .form-control {
    display: inline-block;
    width: 100px;
}

#dashboard .years-old .radio {
    display: inline-block;
    margin-left: 30px;
}

#dashboard #t-dogs #continue {
    display: inline-block;
    width: 25%;
}

#dashboard #t-dogs #add-other {
    display: inline-block;
    float: right;
    margin-top: 38px;
}

#dashboard #t-dogs .after {
    border-top: 1px dotted #e5e5e5;
    margin-top: 25px;
    padding-top: 25px;
}

#dashboard #t-dogs .dogs .item {
    border: 1px solid #efefef;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 13px 0 10px;
}

#dashboard #t-dogs .dogs img {
    margin-right: 5px;
    height: 60px;
    width: 60px;
}

#dashboard #t-dogs .dogs .info img {
    margin-right: 10px;
}

#dashboard #t-dogs .dogs .info p {
    padding-top: 5px;
}

#dashboard #t-dogs .dogs .info p strong {
    display: block;
}

#dashboard #t-dogs .dogs .info p span {
    color: #abb5be;
}

#dashboard #t-dogs .dogs .buttons a {
    margin-top: 5px;
    width: auto;
}

#dashboard p small {
    color: #c0c4c6;
    display: block;
    font-size: 12px;
}

#dash-bookings ul {
    margin-bottom: 20px;
    padding-left: 21px;
}

#dashboard ul {
    margin-bottom: 20px;
    padding-left: 21px;
}

#dashboard ul label {
    color: #8e9396;
}

#dashboard ul .agenda-days {
    color: #425864;
}

#dashboard ul .agenda-days:before {
    border: 1px solid #aaa;
}

#dashboard .col-right {
    border-left: 1px dotted #e5e5e5;
}

#dashboard .photos .icon-wrap {
    background: #e5e5e5;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 27px;
    margin-right: 10px;
    padding: 10px;
    text-align: center;
    width: 40px;
}

#dashboard .photos em {
    color: #8e9396;
    font-size: 12px;
    font-style: normal;
    position: relative;
    top: -4px;
}

#dashboard .main-signup.owners .file-wrap {
    padding: 10px;
}

#dashboard .col-right {
    border-left: 1px dotted #e5e5e5;
}

#dashboard h3 {
    color: #e5573f;
    text-align: center;
}

#dashboard .step .intro {
    margin-bottom: 30px;
    text-align: center;
}

#dashboard .dont-have {
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    margin-bottom: 30px;
    padding: 20px 0;
    text-align: center;
}

#dashboard .step p {
    margin-bottom: 5px;
}

#dashboard .error {
    clear: both;
    color: #e5573f;
    display: none;
    position: relative;
    top: -5px;
}

#dashboard .step-3 .error,
#dashboard .step-4 .error {
    text-align: center;
    margin-bottom: 0;
    top: 0;
}

#dashboard .error span {
    color: #e5573f;
    font-size: 24px;
    position: relative;
    top: 7px;
}

#dashboard .go_back {
    display: block;
    margin-top: 15px;
    text-align: center;
    text-decoration: underline;
}

#dashboard .calendar-wrap {
    position: relative;
}

#dashboard.calendar h1 {
    margin-bottom: 20px;
}

#dashboard.calendar #calendar {
    background: #FFF;
    border-top: none;
    margin-bottom: 20px;
    padding: 10px;
}

#dashboard.calendar #calendar .datepicker-switch {
    font-size: 14px;
    text-transform: uppercase;
}

#dashboard.calendar #calendar .datepicker-inline,
#dashboard.calendar #calendar .datepicker table {
    border-radius: 0;
    font-size: 12px;
    width: 100%;
}

#dashboard.calendar #calendar .datepicker table tr td.day.booked.disabled {
    background: #F2CB00 !important;
    color: #FFF !important;
    box-shadow: inset 1px 1px 0 0 #f9f9f9;
}

#dashboard.calendar #calendar .datepicker table tr td.disabled.day {
    background: #f9f9f9;
}

#dashboard.calendar #calendar .day .active {
    background: #f66f6e;
    box-shadow: inset 1px 1px 0 0 #f9f9f9;
    padding: 15px 5px;
}

.datepicker table tr td.day.highlighting1,
.datepicker table tr td.day.highlighting2,
.datepicker table tr td.day.highlighting3,
.datepicker table tr td.day.not-paid2,
.datepicker table tr td.day.not-paid1,
.datepicker table tr td.day.not-paid3,
.datepicker table tr td.day.not-paid2highlighting1,
.datepicker table tr td.day.not-paid1highlighting2,
.datepicker table tr td.day.not-paid3highlighting2,
.datepicker table tr td.day.not-paid1highlighting1,
.datepicker table tr td.day.not-paid4highlighting1,
.datepicker table tr td.day.not-paid2highlighting3,
.datepicker table tr td.day.not-paid1highlighting4,
.datepicker table tr td.day.not-paid4,
.datepicker table tr td.day.not-paid5,
.datepicker table tr td.day.highlighting4,
.datepicker table tr td.day.highlighting5,
.datepicker table tr td.day.not-paid2highlighting2 {
    position: relative;
}

.datepicker table tr td.day.highlighting1:after,
.datepicker table tr td.day.not-paid2highlighting1:after,
.datepicker table tr td.day.not-paid1highlighting1:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.highlighting2:after,
.datepicker table tr td.day.not-paid1highlighting2:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid1highlighting2:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 33px;
    width: 0;
    height: 0;
    display: block;
}

.datepicker table tr td.day.not-paid2highlighting1:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 20px;
    width: 0;
    height: 0;
    display: block;
}

.datepicker table tr td.day.not-paid1highlighting1:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 18px;
    width: 0;
    height: 0;
    display: block;
}

.booked-accepted {
    color: #b35919;
}

.datepicker table tr td.day.highlighting3:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.highlighting4:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.highlighting4:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0";
    position: absolute;
    font-size: 12px;
    bottom: 16px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.highlighting5:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.highlighting5:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    bottom: 16px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid4highlighting1:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0\00a0\f1b0\00a0\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid4highlighting1:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0";
    position: absolute;
    font-size: 12px;
    bottom: 16px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid1highlighting4:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0\00a0\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid1highlighting4:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0";
    position: absolute;
    font-size: 12px;
    bottom: 16px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid2highlighting3:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid2highlighting3:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    bottom: 16px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid2highlighting2:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #425864;
    content: "\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid2highlighting2:before {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    bottom: 16px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid1:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid2:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;

}

.datepicker table tr td.day.not-paid3:after {
    /* Magic Happens Here!!! */
    font-family: "FontAwesome";
    color: #b35919;
    content: "\f1b0\00a0\f1b0\00a0\f1b0";
    position: absolute;
    font-size: 12px;
    top: 1px;
    left: 5px;
    width: 0;
    height: 0;
    display: block;
}

#dashboard.calendar #calendar .day {
    background: #a6dac5;
    box-shadow: inset 1px 1px 0 0 #f9f9f9;
    padding: 15px 5px;
}

#dashboard.calendar #calendar .datepicker table tr td.active {
    background: #f66f6e;
}

#dashboard.calendar #calendar .datepicker table tr td.clicked {
    background: #a6dac5;
}

#dashboard.calendar .legend {
    font-size: 12px;
    padding: 10px 0 5px;
}

#dashboard.calendar .legend span {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 3px 0 10px;
    width: 10px;
}

#dashboard.calendar .legend span.available-2 {
    background: #a6dac5;
}

#dashboard.calendar .legend span.available-1 {
    background: #F2CB00;
}

#dashboard.calendar .legend span.available-0 {
    background: #f66f6e;
}

#dashboard.calendar #change {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: none;
    padding: 40px 0;
    position: absolute;
    text-align: center;
    bottom: 0;
    top: 0;
    width: 100%;
}

#dashboard.calendar #change p {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
    margin: auto;
    padding: 30px 0;
    text-align: center;
    width: 90%;
}

#dashboard.calendar #change p span {
    display: block;
    margin-bottom: 20px;
}

#dashboard.calendar #change .btn-red {
    display: inline-block;
    margin: 0;
    padding: 10px 17px;
    width: auto;
}

#dashboard.calendar .item {
    border-top: 1px solid #efefef;
    margin-bottom: 0;
    padding: 15px 0 10px 0;
}

#dashboard.calendar .item:nth-child(odd) {}

#dashboard.calendar .item img {
    float: left;
    margin-right: 10px;
    height: 50px;
    position: relative;
    top: -4px;
    width: 50px;
}

#dashboard.calendar .item strong {
    display: block;
}

.popover-title {
    display: none;
}

#dash-bookings .go-back {
    display: block;
    padding-top: 20px;
}

#dash-bookings .filters {
    margin-bottom: 20px;
}

#dash-bookings .filters select {
    background: #f8f8f8;
    border: none;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    height: 36px;
    width: 230px;
    font-size: 12px;
    text-indent: 10px;
}

#dash-bookings .item {
    border: 1px solid #efefef;
    margin-bottom: 20px;
    padding: 20px 0 0;
}

#dash-bookings .item img {
    margin-right: 5px;
    height: 50px;
    width: 50px;
}

#dash-bookings .item .date {
    line-height: 50px;
    text-align: right;
}

#dash-bookings .item .meta {
    background: #f8f8f8;
    border-top: 1px solid #efefef;
    margin-top: 20px;
    padding: 5px 0 10px;
    text-align: center;
}

#dash-bookings .item.details .meta {
    border-bottom: 1px solid #efefef;
}

#dash-bookings .item .meta strong {
    color: #425864;
}

#dash-bookings .item .meta h6 {
    color: #425864;
    margin-top: 16px;
}

#dash-bookings .item .meta .rating {
    margin-bottom: 0;
}

#dash-bookings .item .meta .comments {
    padding-top: 13px;
    text-align: right;
}

#dash-bookings .item .meta .comments .btn {
    font-size: 12px;
}

#dash-bookings .item h6 {
    color: #BBB;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#dash-bookings .item .review-text {
    padding: 0 20px 10px;
}

#dash-bookings .respond {
    overflow: hidden;
    margin-bottom: 20px;
}

#dash-bookings .respond .btn {
    float: right;
    margin-top: 10px;
}

#dash-bookings .rating.add-rating .icon-star {
    color: #e8e8e8;
    cursor: pointer;
    font-size: 30px;
}

#dash-bookings .rating.add-rating.i1 .i1,
#dash-bookings .rating.add-rating.i2 .i1,
#dash-bookings .rating.add-rating.i2 .i2,
#dash-bookings .rating.add-rating.i3 .i1,
#dash-bookings .rating.add-rating.i3 .i2,
#dash-bookings .rating.add-rating.i3 .i3,
#dash-bookings .rating.add-rating.i4 .i1,
#dash-bookings .rating.add-rating.i4 .i2,
#dash-bookings .rating.add-rating.i4 .i3,
#dash-bookings .rating.add-rating.i4 .i4,
#dash-bookings .rating.add-rating.i5 .i1,
#dash-bookings .rating.add-rating.i5 .i2,
#dash-bookings .rating.add-rating.i5 .i3,
#dash-bookings .rating.add-rating.i5 .i4,
#dash-bookings .rating.add-rating.i5 .i5 {
    color: #ffcc33;
}

#dash-bookings .item.details .write-review {
    padding: 0 20px 20px;
    overflow: hidden;
}

#dash-bookings .item.details .write-review textarea {}

#dash-bookings .item.details .write-review .btn {
    float: right;
    margin-top: 10px;
}

#upcoming-booking-calendar .info {
    padding: 10px 0;
    border-bottom: 1px solid #EEE;
}

.booking-list {
    height: 320px;
    overflow-y: scroll;
}

.paid-booking-info {
    border-radius: 3px;
    border: 1px solid #EEE;
}

.one-edge-shadow {
    -webkit-box-shadow: 0 6px 6px -9px black;
    -moz-box-shadow: 0 6px 6px -9px black;
    box-shadow: 0 6px 6px -9px black;
}

#dash-bookings .home {
    padding-top: 0px;
}

#dash-bookings .user-info {
    text-align: center;
}

#share-link-button img,
#share-link-refer img #dash-bookings .listing-url-promote img {
    width: 13px;
}

#dash-bookings .user-info .user-pic img {
    width: 100px;
}

#dash-bookings.home .main h3 {
    clear: both;
    margin-top: 20px;
}

#dash-bookings.home .see-all {
    float: right;
    margin: 10px;
    text-decoration: underline;
}

#dash-bookings.home .upcoming-bookings a {
    color: #425864;
}

#dash-bookings.home .upcoming-bookings {
    box-shadow: 2px 3px 2px -2px #BBB
}

#dash-bookings.home .bookings .upcoming-booking {
    padding: 13px 0 10px;
    background-color: #FFF;
    border-top: 1px solid #CCC;
}

#dash-bookings.home .bookings .item {
    border-top: 0;
    overflow: hidden;
    margin-bottom: 0;
    padding: 13px 0 10px;
}

#dash-bookings.home .bookings .item:first-child {
    border-top: 1px solid #efefef;
}

#dash-bookings .nav {
    margin-top: 20px;
}

#dash-bookings .nav-tabs>li {
    padding: 0px;
}

#dash-bookings.home .bookings .info img {
    margin-right: 10px;
}

#dash-bookings.home .bookings .info p {
    padding-top: 5px;
}

#dash-bookings.home .bookings .info p strong {
    display: block;
}

#dash-bookings.home .bookings .info p span {
    color: #abb5be;
}

#dash-bookings.home .bookings .date {
    line-height: 1.5;
    text-align: left;
}

#dash-bookings.home .bookings .date strong {
    margin-right: 35px;
    padding-top: 5px;
}

#dash-bookings.home .bookings .buttons a {
    margin-top: 5px;
}

#dash-bookings.home .bookings .date strong span {
    color: #abb5be;
    display: block;
    font-weight: normal;
}

#dash-bookings.home.list a.conversation-snippet.unread {
    padding-top: 10px;
    color: #425864;
    background: #FFF;
}

#dash-bookings.home .list a.conversation-snippet.read .message {
    padding-top: 10px;
    color: #ababab;
    background: #f5f5f5;
}

#dash-bookings.home.list a.conversation-snippet.read .message:hover {
    padding-top: 10px;
    color: #ababab;
    background: #dedede;
}

#dash-bookings.home .list a.conversation-snippet.read .message h4 {
    color: #ababab
}

#dash-bookings.home .messages .message-non-active {
    padding: 10px 0;
    border-top: 1px solid #CCC;
    color: #bcbcbc;
    background: #f5f5f5;
}

#dash-bookings.home .messages .message,
#dash-bookings.home .messages .message a {
    padding: 10px 0;
    border-top: 1px solid #CCC;
    background: #FFF;
    color: #425864;
}

#dash-bookings.home .messages .message:hover {
    background: #efefef;
}

#dash-bookings.home .messages .message .photo {
    text-align: center;
    border-right: none;
}

#dash-bookings.home .messages .message .photo img {
    margin-bottom: 10px;
    width: 40px;
    border-radius: 50%;
}

#dash-bookings.home .messages .message .photo .pet img {
    border: 2px solid #FFF
}

#dash-bookings.home .messages .message-non-active h4 {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #bcbcbc;
}

#dash-bookings.home .messages .message-non-active h4 a {
    color: #bcbcbc;
    text-decoration: none;
}

#dash-bookings.home .messages .message h4 {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #425864;
}

#dash-bookings.home .messages .message h4 a {
    color: #425864;
    text-decoration: none;
}

#dash-bookings.home .messages .message-status h4 {
    color: #e5573f;
    text-decoration: none;
}

#dash-bookings.home .messages .message p {
    margin: 0;
    color: #abb5be;
}

#dash-bookings.home .messages .message .message-snippet-container {
    border: none;
}

#dash-bookings.messages.inbox {
    padding-top: 0px;
}

#message-status-filter-wrapper {
    padding-bottom: 30px;
}

#message-status-filter {
    background-color: #FFF;
    border-radius: 3px;
}

a.btn-blue {
    text-shadow: none;
}

#booking-form-search-dogs {
    height: 46px !important;
}

.not-available-dogs-left {
    padding-left: 0;
    padding-right: 10px;
}

.not-available-dogs-right {
    padding-left: 10px;
    padding-right: 0;
}

.btn-blue:hover,
.btn-blue:focus {
    color: #FFF
}

#dash-bookings.messages.inbox a.conversation-snippet.unread {
    padding-top: 10px;
    color: #425864;
}

#dash-bookings.messages.inbox a.conversation-snippet.read .message {
    padding-top: 10px;
    color: #ababab;
    background: #f5f5f5;
}

#dash-bookings.messages.inbox a.conversation-snippet.read .message:hover {
    padding-top: 10px;
    color: #ababab;
    background: #dedede;
}

#dash-bookings.messages.inbox a.conversation-snippet.read .message h4 {
    color: #ababab
}

#dash-bookings.messages h2,
#dash-bookings.home h2 {
    text-align: center;
    text-transform: none;
    margin-bottom: 30px;
}

#dash-bookings.home h2,
#dash-bookings.calendar h2 {
    margin-top: 0px;
}

#dash-bookings.messages .messages .message {
    border: 1px solid #dedede;
    border-top: none;
    padding: 18px 0 15px;
}

#dash-bookings.home .messages .message:hover {
    background: #efefef;
}

#dash-bookings.messages .messages .message:first-child {
    border-top: 1px solid #efefef;
}

#dash-bookings.messages .messages .message .photo {
    text-align: center;
    border-right: 1px solid #efefef;
}

#dash-bookings.messages .messages .message .photo img {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 50%;
}

#dash-bookings.messages .messages .message .photo .pet img {
    border: 2px solid #FFF
}

#dash-bookings.messages .messages .message .when {
    color: #758d9a;
    padding-top: 5px;
    text-align: right;
}

#dash-bookings.messages .messages .message h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
    color: #e5573f;
}

#dash-bookings.messages .messages .message h4 a {
    color: #425864;
    text-decoration: none;
}

#dash-bookings.messages .messages .message-status h4 {
    color: #e5573f;
    text-decoration: none;
}

#dash-bookings.messages .messages .message p {
    margin: 0;
}

#dash-bookings.messages .messages .message .text p a {
    margin: 0;
    color: #abb5be;
    display: block;
}

#dash-bookings.messages .messages .message .text p a:hover,
#dash-bookings.messages .messages .message:hover .text p a {
    color: #425864;
    text-decoration: none;
}

#dash-bookings.messages .respond {
    margin: 0px;
    overflow: visible;
    position: relative;
}

#dash-bookings.messages .respond img {
    right: -60px;
    position: absolute;
    top: 0;
}

#dash-bookings.messages .respond .btn {
    float: left;
}

#dash-bookings.messages .respond textarea {
    background: #fff;
    padding-right: 150px;
}

#chat-column {
    position: relative;
    background-color: #ECE5DD;
    fill-opacity: 0.6;
}

.rendered-messenger .chat {
    clear: both;
    overflow: hidden;
}

.rendered-messenger .chat div.wrap {
    background: #fff;
    border-radius: 5px;
    clear: both;
    margin-bottom: 40px;
    margin-left: 70px;
    padding: 20px;
    position: relative;
}

.rendered-messenger .chat div.wrap.him .user-avatar {
    left: -60px;
    position: absolute;
    top: 0;
}

.rendered-messenger .chat div.wrap p {
    margin: 0 0 15px;
    white-space: pre-wrap;
}

.rendered-messenger .chat div.wrap p::after {
    content: " \00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
    display: inline;
}

.rendered-messenger .chat div.wrap .date {
    color: #425864;
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    right: 10px;
}

.rendered-messenger .chat div.wrap .uploaded-image {
    left: 10px;
    max-height: 300px;
    width: auto;
    display: block;
    margin: 0 auto;
    position: relative;
}

.rendered-messenger .chat div.wrap.me {
    background: #dcf8c6;
    margin-left: 0;
    margin-right: 70px;
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13);
}

.rendered-messenger .chat div.wrap.me .user-avatar {
    left: auto;
    right: -60px;
    position: absolute;
    top: 0;
}

.rendered-messenger .chat div.wrap.system {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    box-shadow: 0 1px .5px rgba(0, 0, 0, .13);
    margin-right: 0px;
    margin-left: 0px;

}

.chat-container-messages:before {
    background-image: url(/img/doggies.png);
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
    background-size: contain;
}

.rendered-messenger .chat div.wrap.me .date .fa-inverse {
    color: #dcf8c6;
}

.rendered-messenger .chat div.system h2 {
    border-bottom: 1px dotted #f1f1f1;
    margin: 0 0 10px;
    padding-bottom: 10px;
    text-align: left;
}

.rendered-messenger .chat div.system h4 {
    color: #519b7a;
    margin: 20px 0 5px;
}

.rendered-messenger .chat div.system img {
    position: static;
}

.rendered-messenger .chat div.system a {
    text-decoration: underline;
}

.rendered-messenger .chat div.system .photo-name {
    clear: both;
    overflow: hidden;
}

.rendered-messenger .chat div.system .photo-name span {
    color: #999;
    float: left;
    margin-left: 3px;
}

.rendered-messenger .chat div.system .photo-name span strong {
    color: #333;
}

.messenger-checkin {
    margin-right: 3px;
}

#dash-bookings.messages .chat {
    clear: both;
    overflow: hidden;
}

#dash-bookings.messages .chat div.wrap {
    background: #f3f3f3;
    border-radius: 10px;
    clear: both;
    margin-bottom: 40px;
    margin-left: 70px;
    padding: 20px 20px 10px;
    position: relative;
}

#dash-bookings.messages .chat div.wrap .date {
    color: #BBB;
    font-size: 11px;
    position: absolute;
    bottom: -20px;
    right: 10px;
}

#dash-bookings.messages .chat div.wrap img {
    left: -60px;
    position: absolute;
    top: 0;
}

#dash-bookings.messages .chat div.wrap.me {
    background: #ecfce0;
    margin-left: 0;
    margin-right: 70px;
}

#dash-bookings.messages .chat div.wrap.me img {
    left: auto;
    right: -60px;
}

#dash-bookings.messages .chat div.wrap.system {
    border: 1px solid #e0e0e0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
    margin-right: 70px;
}

#dash-bookings.messages .chat div.system h2 {
    border-bottom: 1px dotted #f1f1f1;
    margin: 0 0 10px;
    padding-bottom: 10px;
    text-align: left;
}

#dash-bookings.messages .chat div.system h4 {
    color: #519b7a;
    margin: 20px 0 5px;
}

#dash-bookings.messages .chat div.system img {
    position: static;
}

#dash-bookings.messages .chat div.system a {
    text-decoration: underline;
}

#dash-bookings.messages .chat div.system .photo-name {
    clear: both;
    overflow: hidden;
}

#dash-bookings.messages .chat div.system .photo-name span {
    color: #999;
    float: left;
    margin-left: 10px;
    padding-top: 15px;
}

#dash-bookings.messages .chat div.system .photo-name span strong {
    color: #333;
}

#dash-bookings.messages .details h3 {
    margin-top: 0;
}

#dash-bookings.messages .sidebar {
    background: #f6f6f6;
    border-radius: 0 0 10px 10px;
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
}

#dash-bookings.messages .sidebar h3 {
    color: #425864;
    font-size: 16px;
    margin: 10px 0;
}

#dash-bookings.messages .sidebar h3 strong {
    color: #e5573f;
}

#dash-bookings.messages .sidebar h3 .icon-info {
    color: #859096;
    left: 2px;
    position: relative;
    text-decoration: none;
    top: 3px;
}

#dash-bookings.messages .sidebar h4 {
    margin: 5px 0 0;
}

#dash-bookings.messages .sidebar .btn {
    display: inline-block;
    width: auto;
}

#dash-bookings.messages .sidebar ul.info {
    list-style: none;
    margin: 0;
    padding: 0;
}

#dash-bookings.messages .sidebar ul.info li {
    padding: 10px 0;
}

#dash-bookings.messages .sidebar ul.info li strong {
    font-size: 24px;
}

#dash-bookings.messages .sidebar ul.info li img {
    display: inline;
    margin-right: 5px;
}

#dash-bookings.messages .sidebar ul.info li.owner-dog span {
    color: #CCC;
    margin: 0 10px;
}

#dash-bookings.messages .sidebar .buttons {
    margin-bottom: 20px;
}

#dash-bookings.messages .sidebar .buttons .btn {
    margin: 0 5px;
}

#dash-bookings.messages .sidebar .cancel-wrap {
    margin-top: 10px;
    position: relative;
}

#dash-bookings.messages .sidebar .cancel-wrap span {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    display: none;
    font-size: 12px;
    left: 0;
    min-width: 250px;
    padding: 20px 20px 10px;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 200;
}

#dash-bookings.messages .sidebar .buttons .cancel-wrap span .btn {
    display: block;
    margin: 10px 0;
}

#dash-bookings.messages .sidebar .warning {
    background: #FFF;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #859096;
    font-size: 12px;
    padding: 20px;
    text-align: center;
}

#dash-bookings.payment .arrangement {
    border: 1px solid #efefef;
    margin-bottom: 0px;
    padding: 20px 0 0;
}

#dash-bookings.payment .user {
    padding: 0 30px 20px;
}

#dash-bookings.payment .user img {
    height: 70px;
    width: 70px;
    margin-right: auto;
}

#dash-bookings.payment .user .payment-names {
    text-align: center;
    margin-top: 10px;
}

#dash-bookings.payment .icon-chevron-right {
    color: #76c9a8;
    font-size: 24px;
    margin: 0px;
    position: relative;
    top: 20px;
    text-align: center;
}

#dash-bookings.payment .concepts {
    border-top: 1px solid #efefef;
    list-style: none;
    margin: 0;
    padding: 10px 0px;
}

#dash-bookings.payment .concepts li {
    border-top: 1px dotted #DDD;
    padding: 10px;
}

#dash-bookings.payment .concepts li:first-child {
    border-top: 1px #efefef;
}

#dash-bookings.payment .concepts li.total {
    background: #FFF;
    border-bottom: 1px dotted #DDD;
    color: #e5573f;
    font-size: 18px;
}

.credit-discount {
    color: #e5573f;
}

#dash-bookings.payment .concepts li p {
    font-size: 12px;
}

#dash-bookings.payment .payment-button-edit {
    padding: 10px 30px;
    border: 1px solid #efefef;
    margin-bottom: 0px;
}

#dash-bookings.payment .booking-details {
    padding: 10px;
    margin-bottom: 0px;
}

#dash-bookings.payment .payment-button {
    margin-bottom: 20px;
}

#dash-bookings.payment .payment-button .checkbox {
    border-bottom: 1px dotted #DDD;
    display: block;
    margin-bottom: 20px;
    padding: 0 0 15px 0px;
}

#dash-bookings.payment .payment-button .checkbox label {
    padding-left: 20px;
}

#dash-bookings.payment .payment-button .button {
    text-align: center;
}

#dash-bookings.payment .payment-button .button .btn {
    font-size: 18px;
    text-align: center;
}

#dash-bookings.payment .payment-button .form-control {
    background-color: #FFF;
}

#bank.form-control select {
    padding: 9px 10px;
}

#dash-bookings.payment .payment-button a {
    cursor: pointer;
}

#dash-bookings.payment .payment-button .date {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#dash-bookings.payment .payment-button .date .form-control {
    background-color: #f8f8f8;
}

#dash-bookings.payment.modify .item {
    padding: 20px 0 0;
    margin-bottom: 0px;
}

#dash-bookings.payment.modify .concepts {
    background: #f6f6f6;
    border-bottom: 1px dotted #efefef;
    border-top: 1px dotted #efefef;
    list-style: none;
    margin: 0;
    padding: 30px;
}

#dash-bookings.payment.modify .concepts li {
    border-top: 1px dotted #DDD;
    padding: 10px;
}

#dash-bookings.payment.modify .concepts li:first-child {
    border-top: none;
}

#dash-bookings.payment.modify .concepts li img {
    margin-bottom: 10px;
}

#dash-bookings.payment.modify .concepts li p {
    color: #abb5be;
    font-size: 12px;
}

#dash-bookings.payment.modify .payment-button .button {
    text-align: center;
}

#dash-bookings.payment.modify .payment-button .button {
    border-top: 1px dotted #EEE;
    margin-top: 15px;
    padding-top: 15px;
}

#dash-bookings.payment.modify .payment-button .button .btn {
    font-size: 16px;
    padding: 10px 20px;
}

#dash-bookings.payment.modify select {
    background: #f8f8f8;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    height: 40px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-indent: 10px;
    width: 100%;
}

#dash-bookings.payment.modify .input-daterange input {
    margin-bottom: 10px;
    color: #425864;
}

#dash-bookings.payment.modify .input-daterange .icon-calendar {
    top: 10px;
}

#dash-bookings.payment.modify .payment-button h3 {
    color: #abb5be;
}

#dash-bookings.payment.modify .payment-button ul {
    background: #ecfce0;
    border: 1px solid #e1fad0;
    border-radius: 10px;
    list-style: none;
    margin-top: 15px;
    padding: 20px;
}

#dash-bookings.payment.modify .payment-button ul li {
    padding: 5px;
}

#dashboard.account h2 {
    margin-top: 30px;
}

#dashboard.account form {
    border: 1px solid #f1f1f1;
    margin-bottom: 20px;
    padding: 20px;
}

#dashboard.account form h4 {
    margin-top: 0;
}

#dashboard.account form.social,
#dashboard.account form.social .btn-facebook {
    text-align: center;
}

#dashboard.account form.social .btn-facebook {
    margin: auto;
    padding: 7px 17px 14px;
    width: 80%;
}

#dashboard.account form.social .btn-facebook .icon {
    float: none;
    position: relative;
    top: 10px;
}

#dashboard.account form .btn-red {
    margin: 0;
    width: auto;
}

.service-icons-sun {
    top: -2em;
    font-size: 150%;
    left: 10px;
}

.service-icons-moon {
    top: -2em;
    font-size: 150%;
}

.service-home {
    font-size: 5em;
}

#dashboard .calendar {
    border: none;
    background: #FFF;
    box-shadow: none;
}

#send-message {
    padding: 20px;
    margin-bottom: 5px;
    background-color: #f6f6f6;
    border-radius: 5px;
    margin-bottom: 25px;
}

.message-guidance {
    width: 100%;
    font-size: 11px;
    color: #859096;
    margin-bottom: 10px;
    margin-top: 5px;
}

#signup-host-completed h2 {
    background: #79c8a9;
    color: #FFF;
    font-size: 30px;
    margin: 0;
    padding: 25px;
    text-align: center;
    text-shadow: 0 1px 0 #64ab8e;
    text-transform: none;
}

#signup-host-completed h3 {
    color: #e5573f;
    margin-bottom: 15px;
    text-align: center;
}

#signup-host-completed .info {
    background: #f8f8f8;
    border-top: 1px solid #efefef;
    margin-bottom: 20px;
    padding: 30px;
}

#signup-host-completed .info p {
    margin-bottom: 20px;
}

#message-sended {
    padding: 40px 0 60px;
    text-align: center;
}

#message-sended .icon-check {
    background: #79c8a9;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 60px;
    height: 100px;
    line-height: 120px;
    margin: auto;
    text-align: center;
    width: 100px;
}

#message-sended h4 {
    margin-bottom: 20px;
}

#message-sended .or {
    margin: 20px 30px 30px;
}

#booking-edited {
    padding: 40px 0 60px;
    text-align: center;
}

#booking-edited .warning-icon {
    background: #e5573f;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 60px;
    height: 100px;
    line-height: 120px;
    margin: auto;
    text-align: center;
    width: 100px;
}

#booking-edited h4 {
    margin-bottom: 20px;
}

#booking-edited .or {
    margin: 20px 30px 30px;
}

#booking-edited .edit-sitter-p {
    text-align: left;
}

.account-profile-section-header .icon-check {
    background: #79c8a9;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 60px;
    height: 100px;
    line-height: 120px;
    margin: auto;
    text-align: center;
    width: 100px;
}

.modal-login .modal-dialog,
.modal-taxes .modal-dialog {
    width: 380px;
}

.login-form {
    padding: 10px 20px 0;
}

.login-form h2 {
    margin-bottom: 15px;
    text-transform: none;
    margin-top: 10px;
}

.login-form .not-publish {
    color: #8e9396;
    clear: both;
    margin: 0 0 20px;
    padding-top: 10px;
    text-align: center;
}

.login-form .or span {}

.login-form .inputs {
    padding: 20px;
}

.login-form .form-control {
    background: #f8f8f8;
    margin-bottom: 15px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.login-form .btn-red {
    display: block;
    padding: 12px 0 12px;
    width: 100%;
}

.login-form .forget {
    padding: 15px 0 5px;
    text-align: center;
}

.login-form .new-user {
    border-top: 1px solid #e9e9e9;
    font-size: 18px;
    padding: 20px 0 0;
    text-align: center;
    text-decoration: underline;
}

.modal-book .modal-dialog {
    width: 430px;
}

.book-form {
    padding: 10px 20px 20px;
}

.book-form .inputs {
    padding: 20px 0px;
}

.book-form .form-control {
    background: #f8f8f8;
    margin-bottom: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.modal-book h2 {
    margin-bottom: 20px;
    margin-top: 10px;
}

.modal-book h3 {
    margin: 5px 0 14px;
}

.modal-book .input-daterange {
    margin-bottom: 10px;
    z-index: 4 !important;
}

.modal-book .date {
    z-index: 10000 !important;
}

.modal-book .date .icon-calendar {
    top: 6px;
}

.modal-book .dog-info {
    margin-bottom: 10px;
}

.modal-book .fake-select {
    margin-bottom: 10px;
}

.modal-book .fake-select button {
    background: #f8f8f8;
    padding-top: 8px;
    padding-bottom: 8px;
}

.modal-book .fake-label {
    color: #8e9396;
    line-height: 0;
    padding-top: 17px;
}

.modal-book h4 {
    color: #8e9396;
    font-size: 14px;
    margin-top: 13px;
}

.modal-book #new-dog {
    text-decoration: underline;
}

.modal-book .btn-red {
    display: block;
    padding: 12px 0 12px;
    width: 100%;
}

.modal-book ul {
    padding-left: 20px;
}

.modal-question .modal-dialog {
    width: 400px;
}

.modal-question h2 {
    margin: 10px 0 5px;
}

.modal-question h3 {
    font-size: 16px;
    line-height: 1.2;
    margin-top: 0;
}

.modal-question .date {
    z-index: 10000 !important;
}

.modal-question .book-form textarea.form-control {
    margin-bottom: 20px;
}

.modal-question .book-form .form-control {
    padding-bottom: 12px;
    padding-top: 12px;
}

.modal-question .input-daterange {
    margin-bottom: 10px;
}

.modal-question .btn-red {
    display: block;
    padding: 12px 0 12px;
    width: 100%;
}

.sender-name {
    padding-right: 7.5px;
}

.message-snippet-container {
    border-right: 1px solid #efefef;
}

.vertical-center {
    display: table-cell;
    vertical-align: middle;
    float: none;
    border-right: 1px solid #efefef;
    padding-right: 10px;
}

.vertical-center-ib-wrapper {
    width: 100%;
    display: block;
}

.vertical-center-ib,
.vertical-center-ib-wrapper>div,
.vertical-center-ib-wrapper a {
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    float: none;
}

.thumbnail-container.double-thumbnail {
    max-width: 100%;
}

.thumbnail-container {
    position: relative;
    float: left;
}

.thumb {
    overflow: hidden;
    max-width: 100%;
    position: relative;
    border-radius: 50%;
    display: inline-block;
}

.thumb-sm {
    width: 60px;
    max-height: 60px
}

.thumb-sm-reply-host {
    width: 40px;
    max-height: 40px
}

.thumb-sm-pet {
    width: 60px;
    max-height: 60px
}

.thumb-md {
    width: 80px;
    max-height: 80px
}

.thumb-xs {
    width: 35px;
    max-height: 35px
}

.thumbnail-container-inset {
    position: absolute;
    bottom: 10px;
    right: 20px;
    top: 30px;
    max-width: 80%;
}

.thumbnail-container-inset-sm {
    position: absolute;
    bottom: 10px;
    right: 5px;
    top: 55px;
    max-width: 80%;
}

.thumbnail-container-inset-message {
    position: absolute;
    bottom: 10px;
    right: 20px;
    top: 30px;
    max-width: 80%;
}

.toggle-email-fields-button,
.toggle-email-fields-button:hover,
.toggle-email-fields-button:focus {
    width: 100%;
    box-shadow: none;
    border: 1px solid #e5573f;
    color: #FFF;
    font-weight: normal;
}

.btn-white,
.btn-white:hover,
.btn-white:focus {
    height: 46px;
    border: 1px solid #e5573f;
    border-radius: 5px;
}

.profile-pet-requirements .dv-twin-column__section {
    padding: 0;
}

.profile-pet-requirements__pet-size {
    padding: 0;
    height: 105px;
}

.profile-pet-requirements__tile {
    color: #519b7a;
    fill: #0f748c;
    float: left;
    list-style: none;
    text-align: center;
    width: 20%;
}

.profile-pet-requirements__tile__item-zwitserleven {
    margin-left: 0;
    height: 105px;
}

.profile-pet-requirements__tile__item {
    margin-left: 0;
    height: 55px;
}

.profile-preferences-requirements__tile__image {
    fill: #ccc;
    height: 25px;
    width: 74px;
}

.profile-preferences-requirements__tile__allowed {
    color: #425864;
    fill: #519b7a;
}

.profile-preferences-requirements__tile__selected {
    color: #FFF;
    fill: #FFF;
}

.profile-pet-requirements__tile__allowed-zwitserleven {
    color: #979797;
    fill: #979797;
}

.profile-pet-requirements__tile__selected-zwitserleven,
.hover-zwitserleven {
    color: #333333;
    fill: #333333;
}

.profile-pet-requirements__tile__allowed {
    color: #425864;
    fill: #519b7a;
}

.profile-pet-requirements__tile__selected {
    color: #FFF;
    fill: #FFF;
}

.profile-pet-requirements__text {
    color: #425864;
}


.profile-pet-requirements_allowed {
    color: #519b7a;
    font-size: 18px;
}

.profile-pet-requirements_not-allowed {
    color: #ddd;
    font-size: 18px;
}

.map-wrap {
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;

}

.fixed-filters {
    position: fixed;
    top: 48px;
}

.fixed-sort {
    position: fixed;
    top: 48px;

}

.fixed-map {
    position: fixed;
    top: 70px;
    float: left;
    width: 475px;
    height: 1100px;

}

.fixed-height {
    margin-top: 700px;
    float: left;
    width: 475px;
    height: 1100px;
}

#service-types-choice {
    border: none;
    background-color: #FFF;
}

.panel-default>.panel-heading {
    color: #e5573f;
}

#accordion-booking .panel-title {
    padding: 20px 0;
    border-radius: 0px;
}

#accordion-booking .panel-heading a {
    padding: 20px 0;
    color: #337ab7;
}

#accordion-booking .panel-heading a:after {
    display: none
}

.booking-edit-link {
    color: #337ab7;
    font-weight: 500;
}

.dog-edit-link,
.service-edit-link {
    color: #337ab7;
    font-weight: 500;
}

.hosts-edit-link {
    color: #337ab7;
    font-weight: 500;
}

.other-host-edit-link {
    color: #337ab7;
    font-weight: 500;
}


.extra-hosts-link {
    color: #337ab7;
    font-weight: 500;
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #e5573f;
}

.panel-default {
    border-color: #FFF;
}

.search-service-label {
    margin-top: 5px;
    margin-right: 5px;
    float: left;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #519b7a;
}

.btn-white.disabled {
    filter: alpha(opacity=15);
    opacity: 0.15;
    -moz-opacity: 0.15;
    background-color: #FFF;
}

.panel-heading {
    color: #e5573f;
}

.panel-heading .service-types-choice {
    border: none;
    background-color: #FFF;
}

.panel-heading a.collapsed:after {
    content: "\e080";
}

#accordion-booking .panel-heading a.collapsed:after {
    display: none
}

#edit-panel {
    display: none;
    background-color: #DDD;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #859096;
    padding: 20px;
    text-align: left;
}


#edit-panel .form-control-feedback {
    padding-right: 30px;
}

#about-me a {
    color: #519b7a;
    text-decoration: none;
    font-weight: 700;
    margin-top: 20px;
}

#about-me a:hover {
    text-decoration: underline;
}

.tips-highlight {
    background-color: #EFEFEF;
}

.resident-dog {
    border-top: 1px solid #DDD;
}

#edit-checkbox label::before {
    height: 25px;
    width: 25px;
    margin-left: -5px;
}

#edit-checkbox label::after {
    font-size: 16px;
    margin-left: -5px;
}

.related-sitter:hover {
    background-color: #fffbec;
}

.post-booking-sitters {
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #DDD;
}

.post-booking-sitter img {
    width: 60%;
    border-radius: 50%
}

.post-booking-sitter-edit img {
    width: 100%;
    border-radius: 50%
}

.post-booking-sitters .checkbox label::before {
    height: 25px;
    width: 25px;
}

.post-booking-sitters .checkbox label::after {
    font-size: 16px;
}

.similar-sitters-booking-edit a {
    text-decoration: none;
    color: #425864;
}

.similar-sitters-booking-edit .rating {
    text-align: left;
}

.similar-sitters-booking-edit .rating a {
    left: 0px;
}

.similar-sitters-booking-edit .price .price-wrap {
    color: #e5573f;
}

.similar-sitters-booking-edit .price em {
    color: #c2c9cf;
    display: block;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}

.similar-sitters-booking-edit hr {
    margin-bottom: 0px;
}

.similar-sitters {
    border: 1px solid #DBDBDB !important;
    margin: 20px;
}

.similar-sitters a {
    text-decoration: none;
    color: #425864;
}

.similar-sitters img {
    width: 80%;
    border-radius: 50%
}

.similar-sitters .rating {
    text-align: left;
}

.similar-sitters .rating a {
    left: 0px;
}

.similar-sitters .price .price-wrap {
    color: #e5573f;
}

.similar-sitters .price em {
    color: #c2c9cf;
    display: block;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}

.similar-sitters hr {
    margin-bottom: 0px;
}

.similar-sitters-booking-container {
    border: 1px solid #DDD;
    padding: 10px;
}

.edit-sitters-booking-container {
    border: 1px solid #DDD;
    padding: 20px;
}

.similar-sitters-booking a {
    text-decoration: none;
    color: #425864;
}

.similar-sitters-booking .rating {
    text-align: left;
}

.similar-sitters-booking .rating a {
    left: 0px;
}

.similar-sitters-booking .price .price-wrap {
    color: #e5573f;
}

.similar-sitters-booking .price em {
    color: #c2c9cf;
    display: block;
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}

.listing-warning {
    color: #a94442;
}

.listing-success {
    color: #3c763d;
}

.checkbox input[type="checkbox"] {
    display: block !important;
    opacity: 0;
}

#daycare-calendar {
    box-shadow: none;
}

#daycare-calendar-host {
    box-shadow: none;
}

#booking-form {
    padding: 10px 20px 20px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 0px;
}

#booking-form .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

#search .form-group {
    margin-bottom: 0px;
}

#search-index .form-group {
    margin-bottom: 0px;
}

.glyphicon-remove {
    color: #a94442;
}

.glyphicon-ok {
    color: #3c763d;
}

.input-daterange .help-block {
    color: #a94442;
}

.other-services-search {
    border: 1px solid #79c8a9;
    border-radius: 5px;
    color: #79c8a9;
    padding: 5px;
}

body {
    background-color: #fff;
}

#nights-calendar-rule {
    box-shadow: none;
    color: #425864;
}

#house-sitting-nights-calendar-rule {
    box-shadow: none;
    color: #425864;
    box-shadow: none !important;
}

#send-multiple-enquiries {
    display: inline-block;
    height: 46px;
}

#daycare-calendar,
#daycare-calendar-host,
#daycare-calendar-modal {
    height: 100%;
}

.edit-booking-img {
    margin: 0 auto;
    display: block;
    width: 80px;
}

.sidebar-edit {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 20px;
}

.sidebar-edit h5,
.sidebar-edit h3 {
    text-align: center;
}

.edit-booking-details h2 {
    margin-top: 20px;
}

.edit-booking-details {
    padding: 10px 0px;
}

.pay-booking-details {
    padding: 10px 0px;
    border-top: 1px solid #EFEFEF;
}

.dog-details-section {
    padding: 0px;
}

.no-margin {
    margin-left: 0px;
    margin-right: 0px
}

.edit-booking-details .service-home {
    font-size: 3em;
}

.edit-booking-details .service-icons-moon,
.edit-booking-details .service-icons-sun {
    font-size: 100%;
}

#payment-cmn #daycare-days-calendar .datepicker-inline,
#payment-cmn #daycare-days-calendar .datepicker-inline .datepicker-days {
    width: 300px;
}

#daycare-days-calendar .datepicker-inline {
    width: 250px;
}

#daycare-days-calendar .datepicker table {
    margin: auto;
}

#daycare-days-calendar .datepicker table tr td.disabled.day.available {
    background: #f66f6e !important;
    color: #FFF;
}

#daycare-days-calendar .datepicker table tr td.disabled.day.available {
    background: #a6dac5 !important;
    color: #FFF;
}

#stay-calculation {
    font-size: 20px;
    text-align: center;
}

#stay-calculation table,
#stay-calculation-days table {
    margin-bottom: 0px;
}

#stay-calculation-days {
    font-size: 20px;
    text-align: center;
}

#results {
    font-size: 20px;
    text-align: center;
}

#results-day {
    font-size: 20px;
    text-align: center;
}

#extra-dog {
    font-size: 20px;
    text-align: center;
}

#extra-dog-day {
    font-size: 20px;
    text-align: center;
}

#bookingsubmit,
#dogsubmit {
    width: 100%;
    white-space: normal;
}

#bookingsubmit {
    margin-bottom: 20px;
}

#panel-date .panel-heading .panel-title {
    color: #425864;
    font-size: 14px;
    padding: 0px;
}

#panel-date .panel-heading {
    padding: 0px;
}

#payment-summary #date-accordion {
    margin-bottom: 0px;
}

#date-accordion a {
    color: #428bca;
}

.panel-payment {
    background-color: transparent;
}

#panel-date .panel-heading a:after {
    color: transparent;
}

.too-many-dogs,
.too-many-dogs-modal,
.not-available-missing,
.not-available,
.not-available-dogs,
.not-available-modal {
    text-shadow: none;
    margin-bottom: 15px;
    padding: 10px;
    border: none;
    border-radius: 3px;
}

.warning-alert-style {
    text-shadow: none;
    margin-bottom: 0px;
    padding: 10px;
    border: 1px transparent;
    border-radius: 4px;
}

.contact-details {
    color: #a94442;
    text-shadow: none;
    padding: 7px;
    border-radius: 5px;
}

#no-dates-yet-checkbox {
    margin-top: 20px;
    margin-left: 5px;
    color: #425864;
}

#side-form {
    margin-bottom: 0px;
}

#affix-form .help-block {
    margin-bottom: 0px;
}

.clock-padding {
    font-size: 15px;
}

.bottom-border {
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
}

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

.right-align-padding {
    text-align: right;
    padding: 0px 5px 0px 0px;
}

a.go-to-search {
    text-decoration: underline;
    color: #428bca;
}

#clockdiv {
    display: inline-block;
    font-weight: 700;
    text-align: left;
    font-size: 16px;
}

.addDog-link {
    color: #337ab7 !important;
    font-weight: 700;
}

#clockdiv>div {

    display: inline-block;
}

#addDog .collapsing {
    -webkit-transition: none;
    transition: none;
}

.new-dog-added {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

#clockdiv div>span {


    display: inline-block;
    color: #425864;

}

#notifications-header {
    background-color: #e5573f;
}

.smalltext {
    padding-top: 5px;
    font-size: 13px;
}

#apartment-host .help-block {
    color: #a94442;
}

.search-radio.active {
    background-color: #519b7a;
}

.search-radio:hover {
    background-color: #519b7a;
    color: #FFF;
}

.pagination {
    font-size: 20px;
}

.profile-pet-requirements .dv-twin-column__section {
    padding: 0;
}

.profile-pet-requirements__pet-size {
    padding: 0;
    height: 105px;
}

.profile-pet-requirements__tile {
    color: #519b7a;
    fill: #0f748c;
    float: left;
    list-style: none;
    text-align: center;
    width: 20%;
}

.profile-pet-requirements__tile__item {
    margin-left: 0;
    height: 55px;
    position: relative;
}

.profile-pet-requirements__tile__image-gender-female {
    height: 60px;
    width: 38px;
    margin-top: 23px;
}

.profile-pet-requirements__tile__image-gender-male {
    height: 47px;
    width: 47px;
    margin-top: 30px;
}

.profile-pet-requirements__tile__image {
    fill: #ddd;
    height: 55px;
    width: 74px;
}

.profile-pet-requirements__tile__image-small {
    height: 25px;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
}

#Rectangle:hover {
    fill: #333333 !important;
}

.profile-pet-requirements__tile__image-medium {
    height: 37px;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.profile-pet-requirements__tile__image-large {
    height: 61px;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.profile-pet-requirements__tile__image-xlarge {
    height: 81px;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.profile-pet-requirements__tile__allowed {
    color: #425864;
    fill: #519b7a;
}

.profile-pet-requirements__tile__selected {
    color: #FFF;
    fill: #FFF;
}

.profile-pet-requirements-not-allowed-extra-img {
    height: 18px;
    width: 30px;
    color: #425864;
    fill: #519b7a;

}

.profile-pet-requirements-allowed-extra-img {
    height: 18px;
    width: 30px;
    color: #425864;
    fill: #519b7a;

}

.profile-pet-requirements-housing-no-ban {
    height: 22px;
    width: 30px;
    color: #425864;
    fill: #519b7a;
    position: absolute;
}

.additional-skills,
.additional-preferences,
.additional-preferences-neutered {
    font-size: 16px;
}

.in-home-option {
    padding: 0px;
    font-size: 16px;
    margin-bottom: 5px;
}

.icon-wrap-extra-skills {
    width: 30px;
    text-align: center;
    float: left;
    font-size: 18px;
    margin-top: -3px;
}

.icon-wrap-property {
    width: 30px;
    text-align: center;
    float: left;
    font-size: 18px;
    margin-top: -3px;
}

.icon-wrap-property-double {
    width: 44px;
    text-align: center;
    float: left;
    font-size: 18px;
    margin-top: -3px;
}

.enabled {
    color: #519b7a;
}

.not-enabled {
    color: #eee;
}

.profile-pet-requirements__text_allowed {
    color: #519b7a;
}

.profile-pet-requirements__text_not_allowed {
    color: #CCC;
}

.profile-pet-requirements_allowed {
    color: #519b7a;
    font-size: 18px;
}

.profile-pet-requirements_not-allowed {
    color: #CCC;
    font-size: 18px;
}

#alert-top-menu .btn,
#alert-top-menu .btn:hover {
    background: #e5573f !important;
    border-color: #e5573f !important;
}

#review-count-search {
    letter-spacing: 0;
    position: relative;
    top: 0px;
    font-size: 14px;
}

#dates-services .help-block,
#dates-services-modal .help-block {
    color: #a94442;
}

.text-area-error-div .help-block,
.pics-error .help-block {
    color: #a94442;
}

.checkbox label::before {
    width: 25px;
    height: 25px;
}

.checkbox label::after {
    font-size: 16px;
}

.checkbox label {
    padding-left: 10px;
}

.guarantee-icons,
.guarantee-icons-modal {
    color: #519b7a;
    padding: 0px;
    height: 50px;
}

.guarantee-text,
.guarantee-text-modal {
    color: #abb5be;
    padding: 0px;
}

.guarantee-list,
.guarantee-list-modal {
    padding-left: 15px;
    font-size: 14px;
}

.guarantee-list-pay-edit {
    padding-left: 15px;
    font-size: 14px;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.padding-mobile {
    padding-left: 0px;
    padding-right: 0px;
}

.no-dates-yet-label,
.no-dates-yet-label {
    color: #8e9396;
}

.date input[readonly],
.modal-date input[readonly] {
    background-color: #fff !important;
}

.fa-down {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: 20px;
}

.fa-left {
    position: absolute;
    width: 100%;
    left: 0px;
    text-align: center;
    top: 10px;

}

.guarantee-edit {
    margin-top: 10px;
}

.centre-text {
    text-align: center;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

.progress {
    display: block;
    text-align: center;
    background: #EEE;
    transition: width .3s;
}

.next-button {
    padding: 15px 17px !important;
}

.booking-edit-pop-up-link {
    font-size: 12px;
    font-weight: 700;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #337ab7;
    display: inline;
    outline-offset: 0;
    outline: none;
    text-decoration: none;
    padding: 0;
    margin-top: 0;
}


.progress.hide {
    opacity: 0;
    transition: opacity 1.3s;
}

#progress-wrp .progress-bar {

    height: 25px !important;
    border-radius: 3px !important;
    background-color: rgb(81, 155, 122) !important;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    position: relative !important;
}

.overlay-loading-edit #progress-wrp .progress-bar {

    height: 25px !important;
    border-radius: 3px !important;
    background-color: #bbb !important;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    position: relative !important;
}

.overlay-loading-listing-pics #progress-wrp .progress-bar {

    height: 25px !important;
    border-radius: 3px !important;
    background-color: #e5573f !important;
    width: 0;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    border: 1px solid #FFF;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    position: relative !important;
}

.dz-message {
    width: 100%;
    text-align: center;
    padding-top: 20%;
    font-size: 18px;
    color: #C0C0C0;
}

.overlay-loading-edit #progress-wrp .progress-bar {

    height: 25px !important;
    border-radius: 3px !important;
    background-color: #bbb !important;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    position: relative !important;
}

#progress-wrp .progress-bar {

    height: 25px !important;
    border-radius: 3px !important;
    background-color: rgb(81, 155, 122) !important;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
    position: relative !important;
}

#myCarousel {
    position: relative;
}




.center {
    padding: 15%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    color: #519b7a;
}

.center-error {
    padding: 25%;
    z-index: 1000;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    filter: alpha(opacity=100);
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
}

.box-dog,
.box-user-profile-pic {
    font-size: 20px;
    /* 20 */
    background-color: #FFF;
    position: relative;
    height: 250px;
    width: 250px;
    margin: 0 auto;

}

.popover {
    height: 100px;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}

.box {
    font-size: 20px;
    /* 20 */
    background-color: #FFF;
    position: relative;

}

.box.has-advanced-upload,
.box-dog.has-advanced-upload,
.box-user-profile-pic.has-advanced-upload {
    border: 2px dashed #519b7a;
    border-radius: 5px;

}

.box.is-dragover,
.box-user-profile-pic.is-dragover {
    border: 2px dashed #519b7a;
    border-radius: 5px;
    background-color: #fff;
}

.box__dragndrop,
.box__icon {
    display: none;
}

.box.has-advanced-upload .box__dragndrop,
.box-user-profile-pic.has-advanced-upload .box__dragndrop {
    display: inline;
}

li.ui-sortable-placeholder,
li.drop-placeholder {
    min-height: 200px;
    border: 3px dashed #bbb !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background-color: #f5f5f5 !important;
    list-style: none;
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;

    margin-bottom: 0;
}

#photo-upload-div.list-group {
    padding: 0 10px;
    margin: 10px 0px;
    position: relative;
}

.cover-wrapper-sort img {
    width: 50% !important;
}

.box.has-advanced-upload .box__icon,
.box-user-profile-pic.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
}

.nolist {
    list-style: none;
    text-align: left;
    padding-left: 0px;
    color: #FFF;
}

.centerlist {
    padding-left: 0px;
    margin: 0 auto;
}

.list-wrapper {
    margin: 20px auto;
}

.footer-heading {
    text-align: left;
    color: #FFF;
}

.box-dog.box__input {
    padding-top: 20%
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
    visibility: hidden;
}

.box-dog.is-dragover {
    border: 2px dashed #519b7a;
    border-radius: 5px;
    background-color: #fff;
}

.box__dragndrop,
.box__icon {
    display: none;
}

.box-dog.has-advanced-upload .box__dragndrop {
    display: inline;
}

.box-dog.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
}

.box-dog.is-uploading .box__input,
.box-dog.is-success .box__input,
.box-dog.is-error .box__input {
    visibility: hidden;
}

.box__uploading,
.box__success,
.box__error {
    display: none;
}

.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
}

@-webkit-keyframes appear-from-inside {
    from {
        -webkit-transform: translateY(-50%) scale(0);
    }

    75% {
        -webkit-transform: translateY(-50%) scale(1.1);
    }

    to {
        -webkit-transform: translateY(-50%) scale(1);
    }
}

@keyframes appear-from-inside {
    from {
        transform: translateY(-50%) scale(0);
    }

    75% {
        transform: translateY(-50%) scale(1.1);
    }

    to {
        transform: translateY(-50%) scale(1);
    }
}

.box__input {
    color: #bdbdbd;
    padding-top: 30%;
    height: 100%;
}

.list-group .box__input {
    padding-top: 15% !important;
}

.box__restart {
    font-weight: 700;
}

.box__restart:focus,
.box__restart:hover {
    color: #39bfd3;
}

.js .box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.js .box__file+label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.js .box__file+label:hover strong,
.box__file:focus+label strong,
.box__file.has-focus+label strong {
    color: #39bfd3;
}

.js .box__file:focus+label,
.js .box__file.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.js .box__file+label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.no-js .box__file+label {
    display: none;
}

.no-js .box__button {
    display: block;
}

.box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #39bfd3;
    display: block;
    padding: 8px 16px;
    margin: 40px auto 0;
}

.box__button:hover,
.box__button:focus {
    background-color: #0f3c4b;
}

p.landing-speech-walker {
    position: relative;
    max-width: 30em;
    background-color: #fff;
    padding: 1.125em 1.5em;
    font-size: 1.25em;
    border-radius: 1rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}

p.landing-speech-walker::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 2em;
    border: .75rem solid transparent;
    border-top: none;
    border-bottom-color: #fff;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}

p.landing-speech-owner {
    position: relative;
    max-width: 30em;
    background-color: #dcf8c6;
    padding: 1.125em 1.5em;
    font-size: 1.25em;
    border-radius: 1rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);
}

p.landing-speech-owner::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    right: 3em;
    border: .75rem solid transparent;
    border-top: none;
    border-bottom-color: #dcf8c6;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}

.img-circle-host-listing {
    margin-top: 20px;
    width: 120px;
    border-radius: 50%;
    display: block;
}

.img-circle-walker {
    width: 120px;
    border-radius: 50%;
    display: block;
}

.img-circle-host {
    margin-top: 20px;
    width: 100px;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-circle-friend {
    margin-top: 0px;
    width: 40px;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

h3.host-name {
    margin-top: 25px;
    text-align: center;
}

.host-name-listing {
    width: 120px;
}

.host-image-container {
    position: relative;
}

.host-image-block {
    padding-right: 10px;
    padding-left: 0px;
}

.service-icons-sun-large {
    top: 30px;
    left: -27px;
    font-size: 20px;
}

.service-icons-moon-large {
    top: -95px;
    left: 32px;
    font-size: 20px;
}

.service-icons-sun-large-single {
    top: -50px;
    left: 18px;
    font-size: 20px;
}

.service-icons-moon-large-single {
    top: -51px;
    left: -8px;
    font-size: 20px;
}

.services-block {
    padding: 0px;
}

.single-service {
    padding-top: 20px;
}

h1.host-ad-title {
    font-size: 26px;
}

#daycare-calendar-host {
    text-indent: 3px;
}

.required {
    color: #e5573f;
    font-size: 11px;
}

#verify-button {
    width: 250px;
    text-align: center;
    margin: 0 auto;
}

#dashboard-button {
    width: 250px;
    text-align: center;
    margin: 0 auto;
}

#registration-complete .partner-verify {
    margin: 20px auto;
}

#assessment-container {
    padding: 0 150px;
}

.reservation-block {
    background-color: #FFF;
    z-index: 3;
    border-radius: 0 0 3px 3px;
}

.message-div-background {
    padding: 20px 10px;
    position: absolute;
    top: 125px;
    bottom: 65px;
    overflow-y: scroll;
}

#btn-send,
#btn-camera,
#btn-send:hover,
#btn-camera:hover,
#btn-send:focus,
#btn-camera:focus {
    background: #519b7a;
    color: #FFF;
}

#btn-video-mobile,
#btn-video-mobile:hover,
#btn-video-mobile:focus,
#btn-video-mobile:visited,
#btn-camera-mobile,
#btn-camera-mobile:hover,
#btn-camera-mobile:focus,
#btn-file-mobile,
#btn-file-mobile:focus,
#btn-file-mobile:hover,
#btn-file-mobile:focus {
    background: #FFF;
    color: #dddddd;
}


@media only screen and (max-width:330px) {
    #reviews .thumbnail-container-inset {
        position: absolute;
        bottom: 10px;
        right: 0px;
        top: 30px;
        max-width: 80%;
    }

    #search-img {
        background-size: cover;
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

    #why-sit .icon-landing span {
        font-size: 60px;
        display: block;
        line-height: 60px;
    }

    #why-sit .icon span {
        color: #FFF;
        font-size: 45px;
        display: block;
        line-height: 60px;
    }

    .image-inset,
    .image-inset-wide {
        border-radius: 3px;
        text-align: center;
        color: white;
        right: 0px;
        padding: 15px;
        top: 20%;
        width: 90%;
        background-color: rgba(0, 0, 0, 0.4);
        margin: auto;
        position: relative;
    }

    #dash-bookings.messages .messages .message .btn-red {
        padding: 10px 7px;
        font-size: 13px;
    }

    #property-edit {
        width: 100%;
        margin: auto;
    }

    .ad-edit {
        width: 100%;
        margin: auto;
    }

    .photos-edit {
        width: 100%;
        margin: auto;
    }

    #tariff-edit {
        width: 100%;
        margin: auto;
    }

    #host-menu ul {
        padding: 0
    }

}

@media only screen and (min-width:331px) and (max-width:550px) {
    .cookies-banner-container {
        padding-left: 24px !important;
        padding-right: 24px !important;
        margin-bottom: 0 !important;
    }

    #reviews .thumbnail-container-inset {
        position: absolute;
        bottom: 10px;
        right: -6px;
        top: 30px;
        max-width: 80%;
    }

    .slider-size {
        display: block;
        height: 250px;
        margin-right: auto;
        margin-left: auto;
    }

    .default-container-slider {
        position: relative;
        height: 100%;
        padding: 100px 0;
        text-align: center;
    }

    .list-cover-div .box {
        height: 200px;
    }

    .cropper-image-container,
    .box {
        height: 200px;
    }

    .box__input {
        padding-top: 20%;
    }

    .fileUpload {
        padding: 15px;
        text-align: center;
        border-radius: 5px;
        color: #FFF;
    }
}

@media only screen and (max-width:550px) {
    .rating {
        font-size: 17px;
        letter-spacing: -3px;
    }

    .rating-walking {
        font-size: 17px;
        margin-left: -3px;
    }

    #reviews #overall-rating {
        overflow: hidden;
        margin-bottom: 10px;
    }

    #host-menu ul {
        padding: 0
    }

    .photos-edit {
        width: 100%;
        margin: auto;
    }

    #tariff-edit {
        width: 90%;
        margin: auto;
    }

    .date-edit {
        padding-right: 0px;
    }

    #dash-bookings.messages .respond textarea {
        background: #ffffff;
        padding-right: 0px;
    }

    #dash-bookings.messages .respond {
        margin: 0 0px 10px 0;
        overflow: visible;
        position: relative;
    }

    .content-middle-narrow,
    .content-booking-narrow {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding: 0;
    }

    #dog-pic-edit .add-pic,
    #host-pic-edit .add-pic {
        margin: 20px 0px;
    }

    #host-pic-edit .profile-pic,
    #host-pic-edit .profile-pic img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #dog-pic-edit .dog-pic img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #review .rating strong {
        letter-spacing: 0;
        position: relative;
        top: -3px;
        font-size: 13px;
    }

    .cropper-image-container,
    .box {
        height: 200px;
    }

    .box__input {
        padding-top: 20%;
    }

    .fileUpload {
        padding: 15px;
        text-align: center;
        border-radius: 5px;
        color: #FFF;
    }

}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .chat-header-warning {
        z-index: 20;
        width: 100%;
        background-color: #333;
        padding: 5px 10px;
        color: white;
        font-size: 16px;
        top: 50px;
    }

    .floating-container {
        position: fixed;
        width: 100px;
        height: 100px;
        bottom: 50px;
        right: 0;
        margin: 35px 25px;
        z-index: 10;
    }

    .button-container-right {
        color: #FFF !important;
    }

    #mobile-buttons {
        width: 50%;
        float: right;
    }

    #home .walkies-search-card {
        width: 100%;
        margin: 20px 0 0;
    }

    #header-boarding .tagline-middle,
    #header-doggy-day-care .tagline-middle,
    #header-walking .tagline-middle,
    #header-walking-demand .tagline-middle {
        vertical-align: middle;
        padding-top: 70px;
        height: 200px;
        width: 100%;
    }

    .landing-review-block__review:after {
        position: absolute;
        left: 40px;
        border-width: 15px 7.5px;
    }

    .share-box {
        position: relative;
        top: 120px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #425864;
    }

    #dashboard.on-step-photos,
    #dashboard.on-step-6,
    #dashboard.on-step-7 {
        margin-top: 65px;
    }

    .chat-header {
        padding-top: 10px;
        background: #519b7a;
        z-index: 3;
        height: 70px;
        position: fixed;
        top: 0;
        border: 1px solid #519b7a;
        margin-left: -1px;
    }

    .mobile-buttons {
        padding-top: 0px;
        background: #519b7a;
        z-index: 2;
        height: 50px;
        position: fixed;
        top: 70px;
        border: 1px solid #519b7a;
        margin-left: -1px;
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75)
    }

    #header-accept,
    #header-edit,
    #header-reject,
    #header-view {
        padding: 6px;
        font-size: 14px;
        margin: .3em;
        color: white;
        text-decoration: none;
        text-align: center;
        border: 2px solid #FFF;
        border-radius: 17px;
        background: #519b7a;
        box-shadow: none;
    }

    .chat-header a,
    .chat-header .booking-status h5 {
        color: #FFF;
    }

    .booking-status {
        color: #FFF;
    }

    .message-div-background {
        padding: 5px 10px 0px 10px;
        position: fixed;
        top: 140px;
        bottom: 65px;
        overflow-y: scroll;
    }

    .rendered-messenger .chat div.wrap.system {
        margin-top: 10px;
    }

    .block-composer {
        background-color: #e5ddd5;
        border-top: none;

    }

    .block-composer .input-container {
        border-radius: 25px;

    }

    #btn-video-mobile,
    #btn-video-mobile:hover,
    #btn-video-mobile:focus,
    #btn-video-mobile:visited,
    #btn-camera-mobile,
    #btn-camera-mobile:hover,
    #btn-camera-mobile:focus,
    #btn-file-mobile,
    #btn-file-mobile:focus,
    #btn-file-mobile:hover,
    #btn-file-mobile:focus {
        background: #FFF;
        color: #dddddd;
        padding: 10px !important;
        box-shadow: none !important;
        font-size: 20px;
    }

    .block-composer::before {
        background-image: url(/img/doggies.png);
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0.05;
        background-size: 320px;
    }

    .conversation-back-div {
        margin-top: 15px;
    }

    .btn-register-zwitserleven {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 146px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven:hover,
    .btn-register-zwitserleven:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 146px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 146px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven-large {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 142px;
    }

    .btn-register-zwitserleven-large:hover,
    .btn-register-zwitserleven-large:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 143px;
    }

    .btn-register-zwitserleven-large.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 143px;
    }

    .btn-register-zwitserleven-large .left-button {
        margin-left: 10px !important;
    }

    .btn-register-zwitserleven-large .right-button {
        margin-right: 10px !important;
    }

    #header-404 {
        background: #3C3049 url(/img/404-image.jpg) no-repeat;
        background-size: cover;
        background-position: 50%;
    }

    .search-form-results {
        overflow-y: auto;
        height: 100%;
        bottom: 0px;
        opacity: 1;
        top: 105px;
        position: absolute;
    }

    .share-box {
        padding: 30px !important;
    }

    .content-middle-narrow-referral {
        padding: 0px !important;
    }

    #search-bar-home-container {
        margin-top: 15px;
    }

    .petbnb-btn-large {
        height: 100px !important;
        white-space: normal;

    }

    #booking-complete {
        margin-top: 70px;
    }

    .form-control#daycare-calendar-host {
        text-indent: -3px !important;
    }

    #daycare-date-dropdown,
    #payment-date-dropdown {
        width: 330px;
    }

    .img-circle-host-listing {
        margin-top: 20px;
        width: 120px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .host-name-listing {
        width: 100%;
    }

    #dashboard.host-sign-up {
        margin-top: 70px;
    }

    #metro-home {
        margin-top: -10px
    }

    #listing .item img {
        float: none;
        width: 110px;
        border-radius: 50%;
        margin: 0 auto;
    }

    #listing .item img.sitter-avatar {
        height: 110px;
    }

    #listing-fav .item img {
        float: none;
        width: 100px;
        border-radius: 50%;
        margin: 0 auto;
    }

    #listing-fav .item img.sitter-avatar {
        height: 100px;
    }

    .alert-preview {
        color: #FFF;
        background-color: #e5573f;
        border-color: #e5573f;
        position: fixed;
        top: 120px;
        height: 60px;
        left: 0;
        right: 0;
        width: 350px;
        text-align: center;
        margin: 0 auto;
        z-index: 4;
        box-shadow: 0px 2px 2px -1px #0f0f0f;
    }

    #filters-search {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        background: #ffffff !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09) !important;
        padding: 24px !important;
        overflow-y: auto !important;
        visibility: visible !important;
        white-space: normal !important;
        right: 0px !important;
        bottom: 0px !important;
        height: initial !important;
    }

    .friend-status-span {
        height: 40px;
    }

    .link-for-edit {
        margin-top: 10px;
    }

    .booking-status-dash {
        text-align: left;
    }

    .booking-status-chevron-container {
        padding: 0px;
    }

    #share-link-button.btn {
        padding: 9px 10px;
    }

    #affix-form {
        margin-top: 0;
    }

    #affix-form.affix,
    #affix-form.affix-top,
    #affix-form.affix-bottom {
        position: static;
    }

    .box__input {
        padding: 10%;
    }

    .center {
        padding: 8%;
    }


    #affix-form-single.affix,
    #affix-form-single.affix-top,
    #affix-form-single.affix-bottom,
    .service-types-affix-header {
        position: static;
    }

    .img-circle-host {
        margin-top: 20px;
        width: 85px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .img-circle-friend {
        margin-top: 0px;
        width: 40px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    h3.host-name {
        margin-top: 25px;
        text-align: center;
    }

    .host-image-block {
        padding-right: 10px;
        padding-left: 0px;
    }

    .host-ad-title {
        text-align: center;
        margin-top: 0px;
    }

    .host-summary-details {
        text-align: center;
    }

    #boarding-icons {
        font-size: 16px;
        text-align: center;
    }

    #day-care-icons {
        font-size: 16px;
        text-align: center;
    }

    .reservation-block {
        margin-bottom: 40px;
        border-bottom: 1px solid #eee;
        background-color: #FFF;
    }

    .services-block {
        padding-top: 20px;
    }

    #friends-invited {
        margin-top: 40px;
    }

}

@media only screen and (max-width:767px) {


    .no-margin-xs {
        margin: 0 !important;
    }

    #header-doggy-day-care {
        background: #3C3049 url(/img/cat-dog-home-mobile.jpg) no-repeat bottom center;
        background-size: cover;
        background-position: 35% 40%;
    }

    #header {
        background: #3C3049 url(/img/cat-dog-home-mobile.jpg) no-repeat bottom center;
        background-size: cover;
        background-position: 64%;
    }

    .alert-petbnb-green,
    .alert-petbnb-green a {
        color: #FFF !important;
        background: #519b7a;
        font-size: 16px;
        margin-top: 20px;

    }

    .forbidden-access-img {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .too-late-hourglass {
        height: 200px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .excluding-fees {
        color: #FFF;
    }

    .walk-report-share-pic {
        width: 100%;
        height: 400px;
        position: relative;
        overflow: hidden;
        float: left;
        justify-content: center;
        display: flex;
        flex-direction: row;
    }

    .sub-header.walk-report .circle-icon {
        background: #FFF;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 13px;
        vertical-align: middle;
        border: 1px solid #e5573f;
    }

    .sub-header.walk-report .circle-icon-done {
        background: #FFF;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 13px;
        vertical-align: middle;
        border: 1px solid #519b7a;
    }

    .walk-report-title-block {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: #000;
        height: 100%;
        width: 100%;
        z-index: 5;
        opacity: 0.1
    }

    .walk-report-share-pic img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .walk-report-walk-title-div {
        border: 0 !important;
        background: #519b7a;
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(100% - 100px);
        padding-right: 20px;
        height: 50px;
    }

    .walk-report-walk-title-div h2 {
        color: #fff;
        margin-right: 10px;
        font-size: 14px;
        text-align: right;
    }

    .walk-report-share-pic h4 {
        color: #FFF;
        text-align: center;
        position: absolute;
        top: 30px;
        z-index: 30;
        width: 100%;
        text-shadow: 0 1px 3px #0f0f0f;
        font-size: 18px;
    }

    .walk-report-right-half {
        border: 0 !important;
        width: 100%;
        height: 120px;
        float: left;
        background: #21618C;
        padding-top: 20px;
        position: relative;
    }

    .walk-report-right-half .walk-description {
        color: #FFF;
        font-size: 10px;
        text-align: center;
        width: 100%;
    }

    .featured-walker-text-card {
        width: 100%;
        height: 272px;
        background-color: #FFF;
        padding-left: 15px;
        padding-right: 15px;
        border-top-style: solid;
        border-top-color: rgb(221, 221, 221);
        border-top-width: 1px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .featured-walker-text-card a {
        white-space: normal;
    }

    .error-gif-img {
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .walkies-card h1 {
        margin-top: 35px;
    }

    .refer-walk-left {
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }

    .refer-walk-right {
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }

    .walking-dashboard .btn-radio {
        height: 65px;
    }

    .edit-dogs-heading.owner-dashboard {
        margin-top: 30px;
    }

    .btn-cancel-unsub.walk-dash,
    .btn-cancel-unsub:hover.walk-dash,
    .btn-cancel-unsub:active.walk-dash,
    .btn-cancel-unsub:focus.walk-dash {
        border: 1px solid #c4c4c4;
        background: white;
        color: #555;
        width: 100%;
        min-height: 46px;
        padding: 10px;
        margin: 0px;
        box-shadow: none;
        font-size: 16px;
        border-radius: 5px 5px 5px 5px;
        white-space: normal;
        word-wrap: break-word;
    }

    .walk-select {
        margin-top: 0 !important;
    }

    .overlay-next {
        top: 65px;
    }

    #how-it-works.walking-works {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        font-size: 30px;
        color: #425864;
    }

    #how-it-works h1 {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        font-size: 30px;
        color: #425864;
    }

    #affix-form {
        width: 100% !important;
    }

    #affix-form,
    #affix-form-single {
        border: none !important;
        margin-top: 0;
    }

    #photos .asyncImg:after {
        content: "\f03e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 200px;
        color: #A8D6C1;
        top: 50%;
        left: 50%;
        margin: -150px 0 0 -100px;
        z-index: 1;
    }

    #photo-upload-div.list-cover-div .box canvas {
        height: 200px;
        width: 100%;
        display: block;
        margin: 0 auto;
        object-fit: cover;
        border-radius: 4px;
    }

    .petbnb-services .panel .panel-heading .panel-title .shield-icon {
        height: 60px;
        width: 60px;
        background-image: url(/img/shield-home.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
        position: relative;
    }

    .assessment-container {
        margin-top: 70px;
    }

    .copyrights-text {
        text-align: center;
    }

    #lang-select-js {
        margin-top: 20px;
    }

    .block-composer .input-container {
        background-clip: padding-box;
        width: inherit;
        background-color: #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-width: 0;
        border-color: #fff;
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box;
        padding-right: 0;
        border-radius: 25px !important;
        min-height: 48px;
    }

    .modal-share .modal-dialog {
        margin: 0 !important;
    }

    .modal-share .modal-content {
        border-radius: 0 !important;
    }

    .share-profile-button,
    .add-remove-favourite-desk {
        width: auto !important;
        font-size: 30px !important;
        color: #425864 !important;
        font-weight: normal !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: #ffffff !important;
        box-shadow: none;
        border-radius: 50% !important;
        border: 1px solid #FFF;
        outline: none !important;
    }

    .add-favourite,
    .add-remove-favourite {
        width: auto !important;
        font-size: 30px !important;
        color: #ffffff !important;
        font-weight: normal !important;
        padding-right: 16px !important;
        padding-left: 16px !important;
        background: transparent !important;
        box-shadow: none;
        border: none;
        outline: none !important;
    }

    .button-favourite-wrapper {
        position: absolute !important;
        top: 24px !important;
        right: 90px !important;
    }

    body.modal-open {
        position: fixed;
        width: 100%;
    }

    #dashboard.settings-tabs ul {
        margin-bottom: 20px;
        padding-left: 0px;
    }

    #settings-tabs {
        padding-left: 0;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        gap: 0;
        border-bottom: 1px solid #ddd;
    }

    #settings-tabs::-webkit-scrollbar {
        display: none;
    }

    #settings-tabs > li {
        flex: 0 0 auto;
    }

    #settings-tabs.nav>li>a {
        position: relative;
        display: block;
        padding: 8px 12px;
        font-size: 13px;
        white-space: nowrap;
    }

    /* Ensure tab panes are properly hidden on mobile */
    #settings-tabs ~ .tab-content > .tab-pane,
    #settings-tabs ~ .tab-content > #tax,
    #settings-tabs ~ .tab-content > #financial,
    #settings-tabs ~ .tab-content > #sitter,
    #settings-tabs ~ .tab-content > #account,
    #settings-tabs ~ .tab-content > #notifications {
        display: none !important;
    }

    #settings-tabs ~ .tab-content > .tab-pane.active,
    #settings-tabs ~ .tab-content > .active#tax,
    #settings-tabs ~ .tab-content > .active#financial,
    #settings-tabs ~ .tab-content > .active#sitter,
    #settings-tabs ~ .tab-content > .active#account,
    #settings-tabs ~ .tab-content > .active#notifications {
        display: block !important;
    }

    #dashboard.on-step-photos,
    #dashboard.on-step-6,
    #dashboard.on-step-7 {
        margin-top: 65px;
    }

    #header-zwitserleven .hero.full-length {
        height: auto;
    }

    .laptop-header-zwitserleven {
        background: #3C3049 url(/img/zwitserleven-background2.jpg) no-repeat top center;
        background-size: cover;
        background-position: 3% 34%;
        padding: 25px;
    }

    .laptop-header-zwitserleven svg {
        display: block;
        margin: 0 auto;
    }

    #zwitserleven-search-body {
        background: #FFF !important;
    }

    #dog-genders-zwits {
        width: 100%;
    }

    #zwitserleven-sign-up .button-previous {
        font-family: FontAwesome, "Quadraat Sans";
        margin: 0 auto;
        display: block;
        text-decoration: none;
    }

    #zwitserleven-search {
        border: 1px solid #E6E6E6;
        border-radius: 0;
        background-color: #FFFFFF;
        margin-top: 0;
        font-family: Quadraat Sans;
        font-weight: normal;
        padding: 30px;
    }

    #zwitserleven-search .item {
        padding: 10px;
    }

    #zwitserleven-search-body .fa-check {
        top: -8px !important;
    }

    #zwitserleven-search .item .name-badge-header {
        font-size: 20px;
    }

    .search-zwits-container {
        padding-bottom: 0 !important;
    }

    .zwits-birth {
        margin-bottom: 10px;
        padding: 0 !important;
    }

    #zwitserleven #datepicker6,
    #zwitserleven #datepicker7 {
        margin-left: 10% !important;
    }

    #zwitserleven-search .item img {
        width: 70px;
        height: 70px;
    }

    #dog-genders-zwits #dog-male-him {
        margin-right: 0px;
    }

    #dog-genders-zwits #dog-female-him {
        margin-left: 0px
    }

    .btn-register-zwitserleven {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 47%;
        height: 140px;
        margin: 5px 9px;
    }

    .btn-register-zwitserleven-large {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 100%;
        height: 143px;
        margin-bottom: 10px;
    }

    .btn-register-zwitserleven-large.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 100%;
        height: 143px;
        margin-bottom: 10px;
    }

    .btn-register-zwitserleven.active,
    .btn-register-zwitserleven:focus,
    .btn-register-zwitserleven:hover {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 47%;
        height: 140px;
        margin: 5px 9px;
    }

    #zwitserleven-sign-up {
        border-bottom: 1px solid #E6E6E6;
        border-radius: 0;
        background-color: #FFFFFF;
        margin-top: 0;
        font-family: Quadraat Sans;
        font-weight: normal;
        padding: 30px;
    }

    .zwitserleven-signup .container {
        padding: 0;
    }

    .next-wrapper,
    previous-wrapper {
        width: 100%
    }

    #zwitserleven-sign-up .btn-zwitserleven {
        width: 100%;
    }

    #header-zwitserleven {
        background: #FFF;
    }

    #landing-intro h3,
    #how-it-works h3 {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        font-size: 24px;
        color: #e5573f;
    }

    .paw-left {
        margin-top: 23px;
        position: absolute;
        right: 25px;

    }

    .paw-right {
        margin-top: 10px;
        position: absolute;
        left: 32px;
    }

    #custom-quote #service-dd {
        margin-bottom: 0px;
    }

    #custom-quote [data-fv-icon-for="service"] {
        margin-top: -60px !important;
    }



    .booking-form .container {
        padding: 0
    }

    .modal-login.modal,
    .modal-taxes.modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    .modal-login .modal-dialog,
    .modal-taxes .modal-dialog {
        position: fixed;
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .modal-login .modal-content,
    .modal-taxes .modal-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .modal-login .modal-body,
    .modal-taxes .modal-body {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        font-weight: 300;
        overflow: auto;
    }

    #signup-hosts-testimonial {
        padding-top: 100px;
    }

    #no-results-map {
        white-space: normal;
        height: 60px;
    }

    .save-and-replace {
        margin-top: 20px;
    }

    .logo-volksrant {
        margin: 0 auto;
        width: 90%;
        height: auto;
        display: block;
    }

    .logo-elle {
        height: 60px;
        display: block;
        margin: 0 auto;
    }

    #header-404 {
        background: #3C3049 url(/img/404-image.jpg) no-repeat;
        background-size: cover;
        background-position: 50%;
    }

    .page-sign-up {
        margin-top: 50px;
    }

    .overlay-error-listing-pics,
    .upload-error-listing-pics {
        height: 100%;
        width: 100%;
    }

    .upload-error-walking-pics {
        height: 200px;
        position: relative;
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        border-radius: 4px;
    }

    .image-error-warning-walking {
        padding-top: 10px;
        text-align: center;
    }

    #upload-warning-walking {
        padding: 20px;
        color: #a94442;
    }

    .center-error-upload,
    .center-error {
        padding: 2px;
    }

    #signup .main-signup {
        padding: 0px;
    }

    #signup .main-signup .btn-facebook {
        white-space: normal;

    }

    #signup .main-signup .btn-google,
    #signup .main-signup .btn-apple {
        white-space: normal;

    }

    .toggle-email-fields-button {
        white-space: normal;
    }

    .toggle-email-fields-button {
        white-space: normal;
    }

    #listing .results-list {
        padding: 10px;
        background-color: #FFF;
    }

    #listing .item {
        margin-bottom: 10px;
    }

    .extra-top-fix {
        top: 113px !important;
    }


    #listing .item {
        border: 1px solid #efefef;
        padding: 10px;
        border-radius: 3px;
    }

    #listing .item:hover {
        padding: 9px;
        border-radius: 3px;
    }

    body#other {
        padding-top: 65px
    }

    body#signup {
        padding-top: 65px
    }

    body#flow {
        padding-top: 65px
    }

    body#landing {
        padding-top: 0px
    }

    .sitter-dots {
        width: 220px;
        margin: auto;
        color: #FFF;
        padding: 0;
        font-size: 16px;
        margin-bottom: 30px;
        text-shadow: 0 1px 3px #0f0f0f;
    }

    .btn-register-host {
        height: 125px;
        white-space: normal;
    }

    #otherSitters .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #otherSitters .modal-content {

        height: auto;
        min-height: 100%;
        border-radius: 0;
    }

    #no-thanks,
    #no-thanks-extra,
    #extra-sitters,
    .alt-hosts-too {
        height: 62px !important;
        white-space: normal;
    }

    #header-zwitserleven .hero {
        height: auto;
    }


    #home .hero .or h4 {
        overflow: hidden;
        text-align: center;
        font-size: 25px;

    }

    #home .hero .or h4::before,
    #home .hero .or h4::after {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 50%;

    }

    #home .hero .or h4::before {
        right: 0.5em;
        margin-left: -50%;
    }

    #home .hero .or h4::after {
        left: 0.5em;
        margin-right: -50%;
    }

    #home .hero .or {
        clear: both;
        border-bottom: none !important;
        margin: 15px;
        min-height: 30px !important;
        text-align: center;
    }

    #home .hero {
        height: 500px;
        position: relative;
    }

    .hero {
        height: 400px;
        position: relative;
    }

    #header-walking-demand .hero-walk {
        height: 200px;
        position: relative;
    }

    #header-sitter .hero-container {
        height: 400px;
        padding-top: 50px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-container {
        height: 400px;
        padding-top: 70px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }


    .hero-container.jobs {
        height: 400px;
        padding-top: 70px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    #mobile-cta-find {
        font-size: 1.5em;
    }

    #home .navbar-default.no-scrolled .logo {
        color: #519b7a;
    }

    .petbnb-btn-large {
        height: 100px !important;
        white-space: normal;
    }

    #booking-complete {
        margin-top: 70px;
    }

    .booking-compete-button-row {
        margin: 40px 0;
    }

    .fixed-submit-bar {
        width: 100% !important;
        border-top: 1px solid #DBDBDB;
    }

    .filters-close {
        float: left !important;
        width: 30%;
    }

    .mobile-filters-heading {
        float: left !important;
        width: 40%;
        text-align: center;
        word-wrap: break-word !important;
        font-size: 15px !important;
        line-height: 18px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700;
    }

    .filters-remove {
        float: left !important;
        width: 30%;
        text-align: right;
    }

    #filters {
        width: 100% !important;
        height: 100% !important;
    }

    #mobile-dropdown-menu {
        top: 65px !important;
        height: calc(100% - 65px);
    }

    #home .navbar-default.no-scrolled {
        background: transparent;
        border: none;
        text-shadow: 0 1px 3px #0f0f0f;
        padding-top: 0px !important;
        box-shadow: none;
        border-bottom: 0px;
    }

    body#home {
        padding-top: 45px;
    }

    #home .current-location,
    #landing .current-location,
    #host .current-location {
        position: absolute;
        left: 20px;
        top: 80px;
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        min-width: 766px;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
    }

    #home .hero-content-wrapper {
        padding-top: 100px;
    }

    .my-datepicker-input input {
        font-family: 'Museo', sans-serif;
        font-size: 16px;
        padding: 8px 12px;
        border-radius: 8px;
        border: 1px solid #e0e0e0;
        background: #fff;
        cursor: pointer;
    }

    .my-datepicker-input .MuiOutlinedInput-notchedOutline {
        border: none;
    }

    /* Calendar popup styling */
    .MuiPickersDay-root,
    .MuiPickersCalendarHeader-root,
    .MuiPickersYear-yearButton,
    .MuiPickersMonth-monthButton {
        font-family: 'Museo', sans-serif !important;
    }

    .MuiPickersDay-root {
        border-radius: 50% !important;
        font-weight: 600;
    }

    .MuiPickersDay-root.Mui-selected {
        background-color: #519b7a !important;
        color: #fff !important;
    }

    .messenger .reaction-button-transparent {
        background-color: transparent !important;
        border: 1px solid transparent !important;
    }

    #home .current-location-mobile,
    .current-location-mobile {
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        width: calc(100% - 2px);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #home .current-location:hover,
    .current-location:hover {
        background: #519b7a;
        height: 40px;
        color: #FFF;
    }

    #home .pac-container,
    #landing .pac-container,
    #host .pac-container,
    .pac-container {
        border: 1px solid #FFF;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
        border-radius: 0 0 3px 3px;
    }

    .pac-item-query {
        font-size: 16px;
    }

    .pac-item {
        height: 46px !important;
        font-size: 14px;
    }

    .navbar-default {
        height: 65px;
        box-shadow: 0px 3px 5px -5px rgba(0, 0, 0, 0.75);
    }

    .navbar-default .logo:hover {
        color: #FFF;
    }

    .not-available-dogs-left {
        margin: 10px 0;
        padding: 0;
    }

    .not-available-dogs-right {
        margin: 10px 0;
        padding: 0;
    }

    #check-in-check-out [data-fv-for="drop_off_time_check"],
    [data-fv-for="pick_up_time_check"] {
        margin-top: 10px !important;
    }

    [data-fv-for="drop_off_time_check"],
    [data-fv-for="pick_up_time_check"] {
        margin-top: -10px;
    }

    [data-fv-icon-for="drop_off_time_check"] {
        margin-right: 10px;
    }

    [data-fv-icon-for="service_modal"] {
        margin-right: 20px;
    }

    [data-fv-icon-for="dog_day_care_dates_modal"] {
        margin-right: 20px;
    }

    [data-fv-for="service_modal"] {
        color: #a94442;
    }


    .fixed-booking-bar {
        padding-top: 10px;
        height: 90px;
        background: #FFF;
        border-top: 1px solid #CCC;
    }

    .padding-left-lg,
    .padding-left-md {
        padding: 0
    }

    .padding-right-lg,
    .padding-right-md {
        padding: 0
    }

    .padding-left-right-lg,
    .padding-left-right-md {
        padding: 0
    }

    .img-circle-host-listing {
        margin-top: 20px;
        width: 120px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .host-name-listing {
        width: 100%;
    }

    .text-center-xs {
        text-align: center;
    }

    .fc-today-button {
        display: none !important;
    }

    .shrink-padding-xs-20-10 {
        padding: 10px;
    }

    .fc-petbnb-mobile-available {
        display: block !important;
    }

    .fc-petbnb {
        display: none !important;
    }

    #dashboard.host-sign-up {
        margin-top: 70px;
    }

    .margin-top-x10 {
        margin-top: 40px !important;
    }

    .left-paw-booking {
        margin-top: 24px;
        position: absolute;
        left: 23px;
    }

    .right-paw-booking {
        margin-top: 14px;
        position: absolute;
        right: 12px;
    }

    .content-middle-narrow-payment {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding: 20px;
    }

    .profile-pet-requirements__tile__image {
        height: 75% !important;
    }

    .account-profile-section-header {
        margin-top: 32px;
        margin-bottom: 32px;
        margin-left: 0;
        margin-right: 0;
    }

    .no-padding-xs {
        padding: 0;
    }

    .margin-left-x8 {
        margin-left: 30px !important;
    }

    .padding-top-x2 {
        padding-top: 0 !important;
    }

    .hero-row-container .hero-row .hero-image {
        display: none;
    }

    .hero-row-container .hero-row .petbnb-header-group {
        margin-left: 1em;
    }

    .button-as-link {
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: inline;
        outline-offset: 0;
        outline: none;
        text-decoration: none;
        padding: 0;
        margin-top: 10px;
    }

    .button-as-link-agenda {
        background-color: transparent !important;
        border: none !important;
        color: #337ab7;
        cursor: pointer;
        display: inline;
        outline-offset: 0;
        outline: none;
        text-decoration: none;
        padding: 0;
        margin: 0;
    }



    .reviewer-name-review-reply {
        text-align: left;
        font-size: 17px;
        font-weight: 700;
    }

    .thumbnail-container-inset-sm {
        position: absolute;
        bottom: 10px;
        right: -10px;
        top: 45px;
        max-width: 80%;
    }

    .thumb-lg {
        width: 80px;
        max-height: 80px
    }

    .thumb-sm-pet {
        width: 45px;
        max-height: 45px
    }

    .rating-review-reply {
        letter-spacing: -3px;
        font-size: 20px;
    }

    .bar-step,
    .bar-step-bottom {
        font-size: 8px;
    }

    #metro-home {
        margin-top: -10px
    }

    .alert-preview {
        color: #FFF;
        background-color: #519b7a;
        border-color: #519b7a;
        position: fixed;
        top: 120px;
        height: 60px;
        left: 0;
        right: 0;
        width: 85%;
        text-align: center;
        margin: 0 auto;
        z-index: 4;
        box-shadow: 0px 2px 2px -1px #0f0f0f;
    }

    .popover {
        height: 180px;
    }

    #daycare-calendar-button,
    #daycare-calendar-button-partial {
        text-align: center;
    }

    .small-padding-mob {
        padding: 0 5px;
    }

    #dashboard.calendar #calendar {
        padding: 0;
    }

    .filter-last-row {
        margin-bottom: 100px;
    }

    .padding-mobile {
        padding-left: 10px;
        padding-right: 10px;
    }

    #filters,
    #filters-search {
        top: 0px !important;
    }

    .search-map {
        position: fixed;
        top: 110px;
        width: 100%;
        left: 0;
        bottom: 0;
    }

    .mobile-margin-top {
        margin-top: 20px;
    }

    .datepicker table tr td.day.highlighting1:after,
    .datepicker table tr td.day.not-paid1highlighting1:after,
    .datepicker table tr td.day.not-paid2highlighting1:after {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 3px;

    }

    .datepicker table tr td.day.highlighting2:after,
    .datepicker table tr td.day.not-paid1highlighting2:after {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 3px;

    }

    .datepicker table tr td.day.not-paid1highlighting2:before {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 22px;

    }

    .datepicker table tr td.day.highlighting3:after,
    .datepicker table tr td.day.highlighting4:after,
    .datepicker table tr td.day.highlighting5:after,
    .datepicker table tr td.day.highlighting4:before,
    .datepicker table tr td.day.highlighting5:before {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 3px;

    }

    .datepicker table tr td.day.not-paid3:after {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 3px;

    }

    .datepicker table tr td.day.not-paid2:after {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 3px;

    }

    .datepicker table tr td.day.not-paid1:after {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 3px;

    }

    .datepicker table tr td.day.not-paid2highlighting1:before,
    .datepicker table tr td.day.not-paid2highlighting3:before,
    .datepicker table tr td.day.not-paid2highlighting3:after,
    .datepicker table tr td.day.not-paid2highlighting2:before,
    .datepicker table tr td.day.not-paid2highlighting2:after,
    .datepicker table tr td.day.not-paid1highlighting4:before,
    .datepicker table tr td.day.not-paid4highlighting1:before,
    .datepicker table tr td.day.not-paid1highlighting4:after,
    .datepicker table tr td.day.not-paid4highlighting1:after {
        /* Magic Happens Here!!! */
        font-size: 8px;
        left: 13px;

    }

    .datepicker table tr td.day.not-paid1highlighting1:before {
        font-size: 8px;
        left: 13px;
    }

    .btn-checkbox {
        padding: 12px;
    }

    .btn-signup-wrapper {
        padding: 0px;
    }

    .center,
    .center-agenda {
        padding: 30% 10%;
        z-index: 1000;
        height: 100%;
        width: 100%;
        border-radius: 10px;
        filter: alpha(opacity=100);
        text-align: center;
        opacity: 1;
        -moz-opacity: 1;
        color: #519b7a;
    }

    .center-payments {
        height: 300px;
        width: 100%;
        border-radius: 10px;
        filter: alpha(opacity=100);
        text-align: center;
        opacity: 1;
        -moz-opacity: 1;
        background: #FFF;
        color: #519b7a;
    }

    .center-disabled {
        padding: 30% 10%;
        z-index: 1000;
        height: 100%;
        width: 100%;
        border-radius: 10px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
        color: #519b7a;
        font-size: 16px;
    }

    .dog-edit-link,
    .booking-edit-link,
    .service-edit-link {
        margin: 0px 10px 0px 0px;
    }

    .overlay-loading-chat {
        color: #FFF;
    }

    .photo-name h3 {
        color: #FFF;
    }

    #request-password-reset-form .row {
        margin: 0px;
    }

    #form-signup .row {
        margin: 0px;
        padding: 10px;
    }

    #header-accept,
    #header-edit,
    #header-reject,
    #header-view {
        padding: 4px 10px;
        font-size: 13px;
        margin: 0.3em 4px;
        color: white;
        text-decoration: none;
        text-align: center;
        border: 2px solid #FFF;
        border-radius: 17px;
        background: #519b7a;
        box-shadow: none;
    }

    .chat-header-warning {
        z-index: 20;
        width: 100%;
        background-color: #333;
        padding: 5px 10px;
        color: white;
        font-size: 16px;
        top: 105px;
    }

    #mobile-buttons {
        padding: 0px;
    }

    .round-button-reject {
        padding: 0px;
    }

    .round-button-accept {
        padding: 0px;
    }

    .button-container-right {
        padding: 0px;
        color: #FFF;
    }

    #credit-container {
        top: 50%;
        left: 50%;
        position: fixed;
        margin-top: -63%;
        margin-left: -47%;
        margin-right: 3px;
        z-index: 9999999999;
        height: 450px;
        width: 94%;
        background: #FFF;
        text-indent: 5px;
        outline: none;
        overflow: hidden;
        border-radius: 3px;
        padding: 5px;
    }

    #referal-personalised-url-container {
        top: 50%;
        left: 50%;
        position: fixed;
        margin-top: -63%;
        margin-left: -47%;
        margin-right: 3px;
        z-index: 9999999999;
        height: 435px;
        width: 94%;
        background: #FFF;
        text-indent: 5px;
        outline: none;
        overflow: hidden;
        border-radius: 3px;
        padding: 5px;
    }

    #referal-personalised-url-container h1 {
        font-size: 30px;
    }

    .btn-signup-credit-wrapper {
        padding: 0px;
    }

    .btn-signup-wrapper {
        margin-top: 30px;
        text-align: center;
        margin-bottom: 30px;
    }

    .header-landing {
        margin-top: 20px;
        text-align: center;
    }

    .content-booking-narrow-cancel {
        padding: 0px
    }

    .message-div-background {
        padding: 5px 10px 0px 10px;
        position: fixed;
        top: 140px;
        bottom: 60px;
        overflow-y: scroll;
    }

    #btn-send,
    #btn-camera {
        background: #519b7a;
    }

    .block-composer {
        padding: 0px 5px 7px 0px;
    }

    .conversation-back-div {
        margin-top: 10px;
    }

    .share-box {
        padding: 20px;
    }

    .content-middle-narrow-referral {
        padding: 0;
    }

    .tagline-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .refer-row {
        margin: 10px 0
    }

    #payment-cmn {
        padding: 0 10px;
    }

    .chat-header {
        padding-top: 10px;
        background: #519b7a;
        z-index: 3;
        height: 60px;
        position: fixed;
        top: 0;
        border: 1px solid #519b7a;
        margin-left: -1px;
    }

    .mobile-buttons {
        padding-top: 0;
        background: #519b7a;
        z-index: 2;
        height: 45px;
        position: fixed;
        top: 60px;
        border: 1px solid #519b7a;
        margin-left: -1px;
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75)
    }

    .buttons-mobile-buttons {
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
        max-width: 90%;
    }

    .with-header {
        position: absolute;
        top: 65px;
    }

    .chat-header a,
    .chat-header .booking-status h5 {
        color: #FFF;
    }

    .booking-status {
        color: #FFF;
    }

    .without-header {
        position: absolute;
        top: 0px;
    }

    .parool-image {
        height: 35px;
        width: 100%;
        margin-top: 20px;
    }

    .parool-image-press {
        height: 35px;
        width: 100%;
        margin-top: 0px;
    }

    .content-middle-narrow-home {
        padding: 0px;
    }

    .contact-img {
        width: 40px;
    }

    .press-section {
        padding-bottom: 10px;
    }

    .press-logo-home {
        display: block;
        margin: 0 auto;
        width: 70%;
        background: #f5f5f5;
        vertical-align: middle;
    }

    .messaging-input-div {
        padding: 13px 0 0;
        font-size: 16px;
    }

    .press-logo-press {
        display: block;
        margin: 0 auto;
        width: 100%;
        vertical-align: middle;
    }

    .url-wrapper {
        margin-left: 15px;
        text-align: justify;
    }

    .chat-container-messages:before {
        background-image: url(/img/doggies.png);
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.05;
        background-size: 320px;
    }

    .link-for-edit {
        margin-top: 10px;
    }

    .message-outer-wrapper {
        background-color: #e5ddd5;
    }

    .block-composer {
        background-color: #e5ddd5;
        border-top: none;
        padding-left: 5px !important;
    }

    .block-composer::before {
        background-image: url(/img/doggies.png);
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0.05;
        background-size: 320px;
    }

    .input-container {
        position: relative;
    }

    .cam-btn-div {
        margin: 0;
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    #btn-file-mobile,
    #btn-video-mobile,
    #btn-camera-mobile {
        font-size: 20px;
        box-shadow: none !important;
        color: #BBB;
        background: transparent !important;
        padding: 8px !important;
    }

    .send-btn-div {
        margin: 0 15px 0 10px;
        height: 48px;
    }

    #btn-send {
        border-radius: 50%;
        height: 48px;
        width: 48px;
        font-size: 15px;
        margin: auto;
        display: block;
        padding: 0;
    }

    .similar-sitters-booking-edit {
        margin: 0px;
    }

    #dash-bookings.home .messages .message h4 {
        margin-top: 5px;
    }

    #booking-form-container {
        padding: 0px;
    }

    .no-padding-mobile {
        padding: 0px;
    }

    .dates-services-panel {
        padding: 0;
    }

    .mobile-margin-bottom-20 {
        margin-bottom: 20px;
    }

    #certificate {
        font-size: 40px;
        top: 5px;
        left: 5px;
    }

    #certificate-check {
        font-size: 20px;
        top: -12px;
        left: 5px;
    }

    #post-booking-sitter {
        padding: 0px;
    }

    .rendered-messenger .chat div.wrap .uploaded-image {
        left: 10px;
        max-width: 190px;
        height: auto;
        display: block;
        margin: 0 auto;
        position: relative;
    }

    .chat-video {
        width: 240px;
        height: 240px;
    }

    #dash-bookings .payment {
        padding: 10px;
    }

    #assessment-container {
        padding: 0px;
    }

    #sitter-choice-complete {
        float: right
    }

    .cover-wrapper {
        height: 200px;
    }

    .cover-wrapper img {
        height: 200px;
        border-radius: 4px;
    }

    .bullet-icon {
        font-size: 35px;
        text-align: left;
        margin-top: -10px;
    }

    .bullet-icon-small-margin {
        font-size: 35px;
        text-align: left;
        margin-top: -5px;
    }

    .bullet-icon-large-margin {
        font-size: 35px;
        margin-top: -10px;
    }

    #how_it_works_link_mobile {
        text-align: center;
        width: 150px;
        margin: 0 auto;
    }

    #daycare-calendar-home {
        margin-bottom: 20px;
    }

    #no-email-verify {
        text-align: left;
    }

    .increment-btn__decrementer,
    .increment-btn__incrementer {
        width: 16.6666667%;
        background: #FFF;
        border-radius: 5px;
        border: 2px solid #dce0e0;
    }

    .timeline-buttons {
        display: none;
    }

    .navbar-fixed-top {
        position: fixed;
        margin-bottom: 0px;
    }

    .container-shrink {
        padding-left: 0px;
        padding-right: 0px;
    }

    #host-menu {
        background: #FFF;
        height: 50px;
        margin: 0;
        padding: 0;
        transition: 0s;
        position: absolute;
        opacity: 0;
    }

    #host-menu .inner.affix .fix {
        background: #FFF;
        box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 0 rgba(0, 0, 0, 0.025);
        margin: 0;
        padding: 0;
        position: absolute;
        top: 65px;
        width: 100%;
        z-index: 1002;
        -webkit-backface-visibility: hidden;
        height: 50px;
    }

    [data-fv-for="opened"],
    [data-fv-for="message"] {
        color: #a94442 !important;
    }

    .modal-book .modal-dialog {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .booking-modal-mobile {
        height: 700px;
    }

    .modal-book .modal-dialog.booking-modal-mobile {
        height: 100%;
        min-height: 100%;
        border-radius: 0;
    }

    ol.progress-meter-payments li,
    ol.progress-meter-payments li.done,
    ol.progress-meter-payments li.todo {
        text-indent: -40px;
        font-size: 8px;
    }

    .genders-care {
        padding-left: 0;
        padding-right: 10px;
    }

    .ages-care {
        padding-left: 10px;
        padding-right: 0;
    }

    .max-dogs {
        padding: 20px 10px;
    }

    .genders-ages {
        padding: 0;
    }

    .booking-form {
        padding: 0 10px;
        height: 100%;
        top: 70px;
        left: 0;
        background: #FFF;
        z-index: 99999;
        width: 100%;
        overflow-y: scroll;
    }

    .dates-and-services-heading,
    .dogs-heading,
    .message-heading {
        margin: 0 -15px;
        padding: 20px 15px;
    }

    .edit-service-panel,
    .edit-dogs-heading,
    .edit-booking-panel {
        font-size: 22px !important;

    }

    .edit-dogs-walking {
        font-size: 18px !important;

    }

    #message {
        height: 300px;
    }

    .dog-details-section {
        padding: 10px 0;
    }

    .modal-1-2-3 {
        margin-bottom: 50px;
    }

    #accordion .panel-listing {
        padding: 5px
    }

    #accordion-booking .panel-listing {
        padding: 0 0 20px 0
    }

    .chat-buttons {
        width: 100%;
    }

    .image-upload {
        padding: 0px;
    }

    .landing-review-block__review {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        float: left;
        width: 100%;
        background: url(/img/quotes.png) 20px 20px no-repeat #79c8a9;
        font-style: italic;
        padding: 30px;
        margin-top: 15px;
        border-radius: 5px;
    }

    .carousel-control {
        position: absolute;
        top: 60px;
        bottom: 120px;
    }

    .overlay-loading,
    .overlay-loading-initial,
    .overlay-loading-calendar {
        position: absolute;
        z-index: 999;
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        background-color: #FFF;
        filter: alpha(opacity=60);
        opacity: 0.9;
        -moz-opacity: 0.9;
        transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -webkit-transition: opacity 2s ease-in-out;
    }

    .overlay-loading-initial-booking {
        position: absolute;
        z-index: 999;
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        background-color: #FFF;
        filter: alpha(opacity=60);
        opacity: 1;
        -moz-opacity: 1;
        transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -webkit-transition: opacity 2s ease-in-out;
    }

    .overlay-error {
        position: absolute;
        z-index: 999;
        display: block;
        height: 100%;
        width: 100%;
        left: 0;
        background-color: #FFF;
        filter: alpha(opacity=95);
        opacity: 0.95;
        -moz-opacity: 0.95;
        transition: opacity 2s ease-in-out;
        -moz-transition: opacity 2s ease-in-out;
        -webkit-transition: opacity 2s ease-in-out;
    }

    .search-form-results {
        width: 100%;
    }

    .overlay-searching {
        width: 100%;
        top: 65px;
    }

    .navbar-default .logo {
        margin-top: 2px;
        text-align: left;
    }

    .booking-sidebar__header {
        background: #fff;
        text-align: center;
        padding: 0px;
        border-radius: 5px;
    }

    .booking-sidebar__header i {
        position: relative;
        border-radius: 50%;
        background: #fff;
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
        text-align: center;
        line-height: 3rem;

    }

    .booking-sidebar__header__icon {
        display: inline-block;
        position: relative;
        opacity: 1.0;
        padding: 10px 0px;
    }

    .booking-sidebar__header__icon.active {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: none;
        text-decoration: none;
        border-bottom: 5px solid #79c8a9;
    }

    .booking-sidebar__header i {
        position: relative;
        border-radius: 50%;
        background: #fff;

        width: 3rem;
        height: 3rem;
        font-size: 2rem;
        text-align: center;
        line-height: 3rem;

    }

    #send-message {
        padding: 20px;
        margin-top: 20px;
        background-color: #f6f6f6;
        border-radius: 5px;
        margin-bottom: 25px;
    }

    .search-checkbox {
        margin-bottom: 20px;
        margin-left: 5px;
    }

    #dash-bookings.messages .sidebar .buttons {
        position: absolute;
        top: 120px;
    }

    .top-data {
        height: 150px;
    }

    .no-margin-row {
        background-color: #EFEFEF;
        margin-left: -15px;
        margin-right: -15px;
    }

    .no-padding-mobile {
        padding: 0px;
    }

    #dash-bookings.fixed-booking-buttons .sidebar .buttons {
        position: fixed;
        top: 70px;
        z-index: 1000;
        padding: 15px 0px;
        right: 10px;
        left: 0px;
        background: #FFF;
        margin-right: 14px;
        border-bottom: 1px solid #DDD;
    }

    #search_query {
        border-radius: 5px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    #datepicker1,
    #start-calendar-button,
    #start-calendar-button-partial {
        border-radius: 5px 0px 0px 5px;
        float: left;
        margin-bottom: 20px;
    }

    #start {
        border-radius: 5px 0px 0px 5px;
        float: left;
        margin-bottom: 20px;
    }

    #datepicker2,
    #end-calendar-button,
    #end-calendar-button-partial {
        border-radius: 0px 5px 5px 0px;
        float: left;
        margin-bottom: 20px;
    }

    .boarding-btn {
        background-color: #FFF;
        color: #519b7a
    }

    .daycare-btn {
        background-color: #FFF;
        color: #519b7a
    }

    .btn-radio-home,
    .btn-radio-partial {
        background-color: #FFF;
    }

    .btn-radio-home,
    .btn-radio-home:hover,
    .btn-radio-partial,
    .btn-radio-partial:hover {
        height: 46px;
        padding-top: 14px;
        border-radius: 5px;
        margin-bottom: 20px;
        margin-left: -1px;
    }

    .search-form {
        color: #666;
    }

    #end {
        border-radius: 0px 5px 5px 0px;
        float: left;
        margin-bottom: 20px;
    }

    #home-submit-search,
    #search-submit {
        border-radius: 0px;
        float: left;
        width: 100%;
        height: 46px;
        margin-bottom: 20px;
        border-radius: 5px 5px 5px 5px;
    }

    .search-form-wrapper,
    .search-form-wrapper-search {
        width: 100%;
        margin: auto;
    }

    #stay-calculation {
        font-size: 18px;
        text-align: center;
    }

    #stay-calculation-days {
        font-size: 18px;
        text-align: center;
    }

    #results {
        font-size: 18px;
        text-align: center;
    }

    #results-day {
        font-size: 18px;
        text-align: center;
    }

    #extra-dog {
        font-size: 18px;
        text-align: center;
    }

    #extra-dog-day {
        font-size: 18px;
        text-align: center;
    }

    #reviews .thumbnail-container.double-thumbnail {
        padding-right: 0px;
        padding-bottom: 15px;
        max-width: 100%;
    }

    .no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    #boarding-icons {
        font-size: 16px;
        text-align: center;
    }

    #day-care-icons {
        font-size: 16px;
        text-align: center;
    }

    .edit-booking-img {
        margin: 0 auto;
        display: block;
        width: 80px;
    }

    .slider-size {
        display: block;
        height: 250px;
        margin-right: auto;
        margin-left: auto;
    }

    .default-container-slider {
        position: relative;
        height: 100%;
        padding: 100px 0;
        text-align: center;
    }

    #search-index-mobile {
        font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif, FontAwesome;
    }

    .cropper-image-container,
    .box {
        height: 200px;
    }

    .box__input {
        padding-top: 20%;
    }

    .fileUpload {
        padding: 15px;
        text-align: center;
        border-radius: 5px;
        color: #FFF;
    }

    .vertical-center-ib,
    .vertical-center-ib-wrapper>div,
    .vertical-center-ib-wrapper a {
        display: block;
        vertical-align: middle;
        margin-right: -4px;
        float: none;
    }

    #day-care .date .form-control {
        text-indent: 7px;
    }

    #listing .sub-header #search .location {
        padding-left: 0px;
        padding-right: 0px;
    }

    #listing .sub-header #search .date .form-control {
        width: 100%;
    }

    #listing .sub-header #search-index .location {
        padding-left: 0px;
        padding-right: 0px;
    }

    #listing .sub-header #search-index .date .form-control {
        width: 100%;
    }

    .search-date-range {
        padding: 10px 0px 0px 0px;
    }

    .from-search-date {
        padding: 0px 10px 0px 0px;
    }

    .to-search-date {
        padding: 0px 0px 10px 0px;
    }

    #header h1 {
        font-size: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    #header h4 {
        font-size: 18px;
        margin-bottom: 25px;
        text-align: center;
    }

    #search .date .form-control {
        width: 130px;
    }

    #search-index .date .form-control {
        width: 130px;
    }

    #search-wrap.visible {
        display: block !important;
        height: 250px;
    }

    #how-it-works {
        margin-top: 20px;
    }

    #how-it-works .item,
    #reassurance .item {
        padding: 20px 0 0;
    }

    #how-it-works h2,
    #reassurance h2 {
        font-size: 22px;
        margin: 0 20px 0 100px;
        padding-top: 0px;
        text-align: left;
    }

    #how-it-works-referral-header h2 {
        font-size: 22px;
        margin: 0 20px 0 100px;
        padding-top: 0px;
        text-align: left;
    }

    #how-it-works p,
    #reassurance p {
        font-size: 14px;
        margin: 0 0 0 100px;
        text-align: left;
    }

    #how-it-works .icon,
    #how-it-works .icon-landing,
    #reassurance .icon-landing {
        position: static;
        float: left;
        height: 75px;
        margin-left: 0;
        width: 75px;
    }

    #how-it-works .icon-landing span,
    #reassurance .icon-landing span {
        font-size: 45px;
        display: block;
        line-height: 72px;
        padding-left: 3px;
        text-align: center;
        vertical-align: middle;
    }

    #how-it-works .icon span {
        color: #FFF;
        font-size: 45px;
        display: block;
        line-height: 72px;
        padding-left: 3px;
        text-align: center;
        vertical-align: middle;
    }

    #how-it-works-referral .icon span.icon-heart {
        line-height: 95px;
    }

    #how-it-works-referral {
        margin-top: 20px;
    }

    #how-it-works-referral .item {
        padding: 20px 0 0;
    }

    #friends-invited .gift-amount h2 {
        font-size: 22px;
        ;
        padding-top: 0px;
        text-align: center;
        color: #555;
    }

    #how-it-works-referral h2 {
        font-size: 22px;
        margin: 40px 0px 10px 0px;
        padding-top: 0px;
        text-align: center;
    }

    #how-it-works-referral-landing h2 {
        font-size: 22px;
        margin: 40px 0px 10px 0px;
        padding-top: 0px;
        text-align: center;
    }

    #how-it-works-referral p {
        font-size: 14px;
        margin: 0 0 0 100px;
        text-align: left;
    }

    #how-it-works-referral .icon {
        position: static;
        float: left;
        height: 75px;
        margin-left: 0;
        width: 75px;
    }

    #how-it-works-referral .icon span {
        color: #FFF;
        font-size: 45px;
        display: block;
        line-height: 72px;
        padding-left: 3px;
        text-align: center;
        vertical-align: middle;
    }

    #how-it-works-referral .icon span.icon-heart {
        line-height: 95px;
    }

    #why-sit {
        margin-bottom: 30px;
        margin-top: 0px
    }

    #why-sit .item {
        padding: 20px 0 0;
    }

    #why-sit h2 {
        font-size: 22px;
        margin: 0 20px 0 100px;
        padding-top: 10px;
        text-align: left;
        color: #e5573f;
    }

    #why-sit p {
        font-size: 14px;
        margin: 0 0 0 100px;
        text-align: left;
    }

    #why-sit .icon-landing {
        position: static;
        float: left;
        height: 75px;
        margin-left: 0;
        width: 75px;
    }

    #why-sit .icon-landing span {
        font-size: 60px;
        display: block;
        line-height: 70px;
    }

    #why-sit .icon {
        position: static;
        float: left;
        height: 75px;
        margin-left: 0;
        width: 75px;
    }

    #why-sit .icon span {
        color: #FFF;
        font-size: 45px;
        display: block;
        line-height: 70px;
    }

    #why-sit .icon span.icon-heart {
        line-height: 95px;
    }

    #featured .item {
        margin: 0 60px;
    }

    #featured .item:first-child {
        margin-left: 60px;
    }

    #featured .item .img {
        display: block;
        overflow: hidden;
        max-height: 150px;
    }

    #featured .item img {
        margin-top: -10%;
        width: 100%;
    }

    #featured nav a {
        left: 10px;
    }

    #filters #slider-handles,
    #filters-search #slider-handles {
        float: left;
        margin: 4px 20px 10px 30px;
        width: 70%;
    }

    #featured nav a.next {
        right: 10px;
    }

    #experiences p {
        font-size: 16px;
    }

    #experiences p strong {
        font-size: 21px;
        margin: 10px 0 30px;
    }

    #footer p a {
        display: block;
        margin-top: 15px;
        text-transform: uppercase;
    }

    #footer p a.icon {
        display: inline;
    }

    #footer .copyrights a {
        margin: 10px 0 0;
    }

    #listing .item .price {
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center
    }

    #listing .item .price .btn {
        float: right;
    }

    #listing .item .price strong {
        font-size: 22px;
    }

    #listing .item .img {
        float: right;
    }

    #listing .item .img img {
        float: right;
        width: auto;
    }

    #listing .item .review {
        padding: 0px;
    }

    #listing .sub-header {
        background: #EFEFEF;
        color: #FFF;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    }

    #listing .sub-header #search #search-button {
        padding: 0px;
    }

    #listing .sub-header #search .col {
        padding-right: 15px;
    }

    .sub-header .title {
        height: auto;
        padding-bottom: 20px;
        text-align: left;
    }

    .sub-header #search {
        height: auto;
        padding-top: 20px;
        text-shadow: none;
    }

    .sub-header #search .col {
        padding-right: 15px;
        padding-left: 15px
    }

    .sub-header #search .form-control {
        margin-bottom: 20px;
    }

    .sub-header #search .btn {
        margin-bottom: 20px;
    }

    #listing .sub-header #search-index #search-button {
        padding: 0px;
    }

    #listing .sub-header #search-index .col {
        padding-right: 15px;
    }

    .sub-header #search-index {
        height: auto;
        padding-top: 20px;
        text-shadow: none;
    }

    .sub-header #search-index .col {
        padding-right: 15px;
        padding-left: 15px
    }

    .sub-header #search-index .form-control {
        margin-bottom: 20px;
    }

    .sub-header #search-index .btn {
        margin-bottom: 20px;
    }

    #list-head #order-by {
        margin-left: 5px;
        position: static;
    }

    #list-head h3 {
        margin: 0 0 10px;
    }

    #host .sub-header h1 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    #host .sub-header h3 {
        font-size: 14px;
    }

    #host .sub-header .rating {
        margin: 0 0 0;
    }

    .rating a {
        font-size: 13px;
    }

    #host-menu li {
        margin-right: 0px;
    }

    #host-menu li a {
        font-size: 11px;
        text-decoration: none;
    }

    #details ul {
        width: 100%;
    }

    #affix-form {
        margin-top: 0;
    }

    .sidebar .btn {
        margin: 0;
    }

    #availability .day {
        padding: 10px 5px;
    }

    #steps h2,
    #steps-host h2 {
        font-size: 26px;
    }

    #steps .inputs,
    #steps-host .inputs {
        font-size: 20px;
        width: 90%;
    }

    #steps .step-4 .inputs {
        width: 100%;
    }

    #steps .step-4 .wrap {
        margin-bottom: 20px;
        width: 50%;
    }

    #steps .step-7 .inputs {
        width: 100%;
    }

    #steps .step-3 .inputs {
        width: 80%;
    }

    #steps .step-3 .wrap {
        clear: both;
        float: left;
        width: 100%;
    }

    #steps .step-3 .wrap img {
        float: left;
        margin: 0 15px 10px 0;
        width: 50px;
    }

    #steps .step-3 .wrap label {
        float: left;
        font-size: 20px;
        padding-left: 30px;
        margin-top: 13px;
        text-align: left;
    }

    #steps .step-3 label small {
        display: inline;
    }

    #steps .step-3 label::before {
        left: 0;
        margin-left: 0;
        top: 0;
    }

    #steps .step-3 label::after {
        left: 0;
        margin-left: 3px;
        top: 3px;
    }

    #steps .step-6 .inputs {
        width: 100%;
    }

    .benefits h4 {
        font-size: 16px;
        font-weight: bold;
    }

    .login-form .btn-facebook {
        margin: 0 auto;
        width: 85%;
    }

    .login-form .btn-twitter {
        margin: 0 auto;
        width: 85%;
    }

    .modal-book .modal-dialog,
    .modal-question .modal-dialog {
        width: auto;
    }

    .benefits h4,
    .benefits ul {
        margin-left: 0;
    }

    #dashboard .col-right {
        border-left: none;
    }

    #affix-form.affix,
    #affix-form.affix-top,
    #affix-form.affix-bottom {
        position: static;
    }

    #affix-form-single.affix,
    #affix-form-single.affix-top,
    #affix-form-single.affix-bottom,
    .service-types-affix-header {
        position: static;
    }

    #dash-bookings {
        background-color: #FFF;
    }

    #dash-bookings .item .user {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #dash-bookings .item .dog {
        border-bottom: 1px dotted #e7e7e7;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #dash-bookings .item .date {
        line-height: normal;
        padding-top: 15px;
        text-align: center;
    }

    #dash-bookings .item .rating-wrap {
        clear: both;
        padding-top: 10px;
    }

    #dashboard.calendar #change .btn {
        display: block;
        margin: 0 auto 15px;
    }

    #dash-bookings.home {
        padding-top: 10px;
    }

    #dash-bookings.home h2 {
        margin-top: 10px;
    }

    .your-listing-edit {
        padding-bottom: 10px;
        margin-top: 20px;
    }

    #dash-bookings.home .messages .message .photo {
        text-align: center;
        border-right: none;
    }

    #dash-bookings.home .messages .message .buttons {
        clear: both;
        padding-top: 10px;
    }

    #dash-bookings.home .bookings .item {
        padding-bottom: 0;
    }

    #dash-bookings.home .bookings .dog {
        overflow: hidden;
        margin-bottom: 0;
    }

    #dash-bookings.home .bookings .date {
        clear: both;
    }

    #dash-bookings.home .bookings .date {
        background: #f3f3f3;
        border-bottom: 1px dotted #efefef;
        border-top: 1px dotted #efefef;
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0 15px 5px;
        text-align: center;
    }

    #dash-bookings.home .bookings .date strong {
        float: none;
    }

    #dash-bookings.home .bookings .date strong span {
        display: inline;
    }

    #dash-bookings.home .bookings .buttons {
        background: #f3f3f3;
        margin: 0;
        padding: 0 15px 10px 15px;
    }

    #dash-bookings.home .bookings .buttons a {
        float: none !important;
    }

    #dash-bookings.home .item .user,
    #dash-bookings.home .item .dog {
        border: none;
    }

    #dash-bookings.messages .item .dog {
        border: none;
    }

    #dash-bookings.messages .respond textarea {
        height: 200px;
    }

    #dash-bookings.messages .messages .message .when {
        clear: both;
        padding-top: 10px;
    }

    #dash-bookings.messages .chat div.wrap.system {
        margin-left: 0;
        margin-right: 0;
    }

    #dash-bookings.messages .messages .message .photo {
        text-align: center;
        border-right: none;
    }

    #dash-bookings.payment .col-xs-4,
    #dash-bookings.payment .col-sm-4,
    #dash-bookings.payment .col-md-4,
    #dash-bookings.payment .col-lg-4 {
        padding: 0px;
    }

    #dash-bookings.payment .col-xs-12,
    #dash-bookings.payment .col-sm-12,
    #dash-bookings.payment .col-md-12,
    #dash-bookings.payment .col-lg-12 {
        padding: 0px;
    }

    #dash-bookings.payment.modify .col-xs-4,
    #dash-bookings.payment.modify .col-sm-4,
    #dash-bookings.payment.modify .col-md-4,
    #dash-bookings.payment.modify .col-lg-4 {
        padding: 0px;
    }

    #dash-bookings.payment.modify .col-xs-12,
    #dash-bookings.payment.modify .col-sm-12,
    #dash-bookings.payment.modify .col-md-12,
    #dash-bookings.payment.modify .col-lg-12 {
        padding: 0px;
    }

    #dash-bookings.payment .payment-button .pay-options {
        padding: 9px 5px;
        font-size: 12px;
    }

    #host-menu li a {
        color: #555;
        font-size: 10px;
        text-shadow: none;
        text-transform: uppercase;
        text-decoration: none;
    }

    .search-form-wrapper {
        margin-left: 10px;
        width: 100%;
        float: none;
        margin-top: 0px;
    }

    .nav-host {
        display: none;
    }

    #search-nav .form-control {
        display: none;
    }

    #search-nav .input-group-btn {
        float: right;
    }

    #search-nav .input-group .btn {
        font-size: 18px;
        border-radius: 10px;
        margin-top: 10px;
    }

    #dash-bookings.payment.modify .input-daterange .icon-calendar {
        top: 10px;
    }

    .image-inset,
    .image-inset-wide {
        border-radius: 3px;
        text-align: center;
        color: white;
        right: 0px;
        padding: 15px;
        top: 20%;
        width: 90%;
        background-color: rgba(0, 0, 0, 0.4);
        margin: auto;
        position: relative;
    }

    .cropper-image-container,
    .box {
        height: 200px;
    }

    .box__input {
        padding-top: 20%;
    }

    .fileUpload {
        padding: 15px;
        text-align: center;
        border-radius: 5px;
        color: #FFF;
    }

    .sender-name {
        border-right: none;
        width: 100%;
        padding-right: 7.5px;
        padding-top: 10px;
    }

    .message-status {
        color: #e5573f;
    }

    .shrink {
        padding-left: 25px;
    }

    .search-wrapper {
        width: 100%;
        padding-left: 0px;
        padding-top: 0px;
    }

    #filters-wrap {
        padding: 0px;
    }

    #property-edit {
        width: 100%;
        margin: auto;
    }

    .ad-edit {
        width: 100%;
        margin: auto;
    }

    .navigation-bar {
        padding-left: 0px;
        padding-right: 0px;
    }

    #navbar-collapse-2 {
        width: 100%;
    }

    .content-middle-narrow,
    .content-booking-narrow,
    .content-middle-narrow-press {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding: 0;
    }

    .host-ad-title {
        text-align: center;
        margin-top: 0px;
    }

    .host-summary-details {
        text-align: center;
    }

    .btn-block {
        width: 100%
    }

    .post-booking-sitter img {
        width: 100%;
        border-radius: 50%
    }

    .other-services-search {
        display: block;
    }

    #listing .item img {
        float: none;
        width: 80px;
        border-radius: 50%;
        margin: 0 auto;
    }

    #listing .item img.sitter-avatar {
        height: 80px;
    }

    #listing-fav .item img {
        float: none;
        width: 80px;
        border-radius: 50%;
        margin: 0 auto;
    }

    #listing-fav .item img.sitter-avatar {
        height: 80px;
    }

    .share-button-wrapper,
    .share-button-wrapper-modal {
        width: 100%;
        padding: 0px;
        height: 50px;
        margin-top: 10px;
        border-bottom: 1px solid #f1f1f1;
    }

    #host .sub-header img {
        margin: 25px 20px 15px 0;
        width: 100%;
    }

    .profile-contact {
        padding: 0px;
    }

    #search-error {
        background: none;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        margin-top: -1px;
        position: absolute;
        left: 20px;
        top: 42px;
        width: 90%;
        padding: 0px 10px;
    }

    #search-error-mobile,
    #search-error-mobile .help-block {
        color: #a94442;
    }

    #search-error .help-block {
        color: #FFF;
        text-shadow: 0 1px 3px #0f0f0f;
    }

    .search-form-wrapper {
        width: 100%;
        margin: auto;
    }

    #list-head h1 {
        font-size: 21px;
    }

    .thumb-dog {
        margin: 0 30%;
    }

    .thumb-dog-dashboard {
        margin: 0;
    }

    .dog-warning {
        margin-top: 0px;
    }

    .dog-warning-img {
        margin-top: 0px;
    }

    .thumb-dog-dashboard img {
        width: 40px;
        border-radius: 50%;
        margin: 0 auto;
        display: block;
    }

    .thumb-dog-booking img {
        width: 40px;
        border-radius: 50%;
        margin: 0 auto;
        display: block;
    }

    .thumbnail-container-inset {
        position: absolute;
        bottom: 0px;
        right: 10px;
        top: 30px;
        max-width: 35px;
    }

    .thumbnail-container-inset-message {
        position: absolute;
        bottom: 0px;
        right: 10px;
        top: 30px;
        max-width: 35px;
    }

    .thumb-xs {
        width: 35px;
        max-height: 35px
    }

    .image-owner {
        width: 60px;
        max-height: 60px
    }

    .search-form-results {
        overflow-y: auto;
        height: 100%;
        bottom: 0px;
        opacity: 1;
        top: 105px;
        position: absolute;
    }

    #dash-bookings.home .messages .message .photo .pet img {
        border: 2px solid #FFF;
        width: 100%;
    }

    #dash-bookings.messages .messages .message .photo img {
        width: 100%;
    }
}




@media only screen and (min-width:769px) {

    #host {
        padding-top: 0px;
    }

    #host .navbar-fixed-top {
        position: relative;
        margin-bottom: 0px;
    }

    #host-menu .inner.affix .fix {
        background: #FFF;
        box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 0 rgba(0, 0, 0, 0.025);
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 1000;
        -webkit-backface-visibility: hidden;
        height: 50px;
    }

    .navbar-right {
        margin-right: 10px;
    }

    .navbar-header {
        float: none;
    }

    .landing-review-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .landing-review-block__thumbs {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 60%;
    }

    .landing-review-block__thumbs .thumb-individual:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: .4;
        z-index: 10;
        background-color: #5B555C;
    }

    .thumb-individual:hover:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0.0;

    }

    .section-subtitle {
        font-size: 16px;
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .landing-review-block__review {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 40%;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        margin-top: auto;
        min-height: 350px;
    }

    .landing-review-block__review p {
        font-size: 2.8rem;
    }

    .landing-review-block__review:after {
        position: absolute;
        top: 296px;
        left: 456px;
        border-width: 7.5px 0 7.5px 15px;
        border-color: transparent transparent transparent #79c8a9;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .timer-text-div,
    .excluding-fees,
    .chat-header #clockdiv,
    .chat-header #clockdiv .seconds,
    .chat-header #clockdiv .hours,
    .chat-header #clockdiv .minutes {
        color: #FFF !important;
    }

    .buttons-mobile-buttons {
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: nowrap;
        max-width: 90%;
    }

    .edit-dogs-heading.owner-dashboard {
        margin-top: 30px;
    }

    #affix-form {
        width: 100% !important;
    }

    #affix-form,
    #affix-form-single {
        border: none !important;
        margin-top: 0;
    }

    .home-how-it-works-block {
        margin-top: 40px;
    }

    .assessment-container {
        margin-top: 70px;
    }

    .btn-register-zwitserleven {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 130px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven:hover,
    .btn-register-zwitserleven:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 130px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 130px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven-large {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 253px;
        height: 142px;
    }

    .btn-register-zwitserleven-large:hover,
    .btn-register-zwitserleven-large:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 253px;
        height: 143px;
    }

    .btn-register-zwitserleven-large.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 253px;
        height: 143px;
    }

    .btn-register-zwitserleven-large .left-button {
        margin-left: 10px !important;
    }

    .btn-register-zwitserleven-large .right-button {
        margin-right: 10px !important;
    }

    #how-it-works h3 {
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        font-size: 24px;
        color: #e5573f;
    }

    .paw-left {
        margin-top: 23px;
        position: absolute;
        right: 60px;

    }

    .paw-right {
        margin-top: 10px;
        position: absolute;
        left: 67px;
    }

    .booking-form .container {
        padding: 0
    }

    #custom-quote #service-dd {
        margin-bottom: 0px;
    }

    #custom-quote [data-fv-icon-for="service"] {
        margin-top: -60px !important;
    }

    #signup-hosts-testimonial {
        padding-top: 100px;
    }

    .logo-volksrant {
        margin: 0 auto;
        width: 90%;
        height: auto;
        display: block;
    }

    .logo-elle {
        height: 60px;
        display: block;
        margin: 0 auto;
    }

    .page-sign-up {
        margin-top: 50px;
    }

    .with-header {
        top: 65px;
    }

    .booking-compete-button-row {
        margin: 40px 0;
    }

    #daycare-calendar-host {
        text-indent: -3px !important;
    }

    .fixed-submit-bar {
        width: 100% !important;
        border-top: 1px solid #DBDBDB;
    }

    .filters-close {
        float: left !important;
        width: 20%;
    }

    .mobile-filters-heading {
        float: left !important;
        width: 60%;
        text-align: center;
        word-wrap: break-word !important;
        font-size: 15px !important;
        line-height: 18px !important;
        letter-spacing: 0.2px !important;
        font-weight: 700;
    }

    .filters-remove {
        float: left !important;
        width: 20%;
        text-align: right;
    }

    #filters {
        width: 100% !important;
        height: 100% !important;
    }

    #home .navbar-default.no-scrolled {
        background: transparent;
        border: none;
        padding-top: 0 !important;
        box-shadow: none;
        border-bottom: 0px;
    }

    #mobile-dropdown-menu {
        top: 65px !important;
        height: calc(100% - 65px);
    }

    body#home {
        padding-top: 65px;
    }

    #home .current-location,
    #landing .current-location {
        position: absolute;
        left: 30px;
        top: 90px;
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        min-width: 482px;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
    }

    #home .current-location:hover,
    .current-location-mobile:hover {
        background: #519b7a;
        height: 40px;
        color: #FFF;
    }

    #home .pac-container,
    .pac-container {
        border: 1px solid #FFF;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
        border-radius: 0 0 3px 3px;
    }

    .current-location-mobile {
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        width: calc(100% - 2px);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #home .current-location:hover,
    .current-location:hover {
        background: #519b7a;
        height: 40px;
        color: #FFF;
    }

    .pac-item-query {
        font-size: 16px;
    }

    .pac-item {
        height: 46px !important;
        font-size: 14px;
    }

    .padding-left-lg,
    .padding-left-md {
        padding: 0
    }

    .padding-right-lg,
    .padding-right-md {
        padding: 0
    }

    .padding-left-right-lg,
    .padding-left-right-md {
        padding: 0
    }

    .text-center-xs,
    .text-center-sm {
        text-align: center;
    }

    .padding-mobile {
        padding-left: 10px;
        padding-right: 10px;
    }

    .margin-top-x10 {
        margin-top: 100px !important;
    }

    .content-middle-narrow-payment {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding: 5% 25%
    }

    .overlay-searching,
    .overlay-searching-map {
        top: 70px;
    }

    #filters-search #slider-handles {
        float: left;
        margin: 4px 20px 10px 35px;
        width: 85%;
    }

    #daycare-calendar-button,
    #daycare-calendar-button-partial {
        text-align: center;
    }

    #start-calendar-button-partial,
    #end-calendar-button-partial {
        margin-bottom: 20px;
    }

    .center {
        padding: 30% 10%;
        z-index: 1000;
        height: 100%;
        width: 100%;
        border-radius: 10px;
        filter: alpha(opacity=100);
        text-align: center;
        opacity: 1;
        -moz-opacity: 1;
        color: #519b7a;
    }

    .center-disabled {
        padding: 30% 10%;
        z-index: 1000;
        height: 100%;
        width: 100%;
        border-radius: 10px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
        color: #519b7a;
        font-size: 16px;
    }

    #referal-personalised-url-container,
    #credit-container {
        top: 40%;
        left: 41%;
        position: fixed;
        margin-top: -15%;
        margin-left: -23%;
        z-index: 9999999999;
        height: 430px;
        width: 500px;
        background: #FFF;
        text-indent: 5px;
        outline: none;
        overflow: hidden;
        border-radius: 3px;
        padding: 20px;

    }

    .content-booking-narrow-cancel {
        padding: 0 15%
    }

    #daycare-calendar-search {
        margin-bottom: 20px;
    }

    .message-badge {
        position: absolute;
        top: -2px;
        right: 55px;
        background: #e5573f;
    }

    .navbar-default .logo {
        margin-top: 3px;
    }

    .press-logo-home {
        display: block;
        margin: 0 auto;
        width: 60%;
        vertical-align: middle;
    }

    .press-logo-press {
        display: block;
        margin: 0 auto;
        width: 100%;
        vertical-align: middle;
    }

    .ad-identity {
        margin-left: auto;
        margin-right: auto;
        margin-top: -10px;
        width: 70px;
        height: 70px;
        border: 2px solid #fff;
        background-color: #d10a10;
    }

    .ad-identity-press {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        width: 70px;
        height: 70px;
        border: 2px solid #fff;
        background-color: #d10a10;
    }

    .cam-btn-div {
        margin: 0px;
    }

    .send-btn-div {
        margin: 0 20px;
    }

    .search-wrapper {
        margin-top: 0px;
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
    }

    .search-form-results,
    .overlay-searching {
        width: 100%;
        padding: 0px;
    }

    #filters {
        top: 0px !important;
    }

    .search-map {
        position: fixed;
        top: 110px;
        width: 100%;
        left: 0;
        bottom: 0;
    }


    #search-submit {
        float: left;
        width: 100%;
        height: 46px;
        margin: 0px;
        border-radius: 5px 5px 5px 5px;
    }

    .btn-radio-home,
    .btn-radio-home:hover,
    .btn-radio-partial,
    .btn-radio-partial:hover {
        height: 46px;
        padding-top: 14px;
        border-radius: 5px;
        margin-bottom: 20px;
        margin-left: -1px;
    }

    .search-query-input-div {
        height: 46px
    }

    #home .current-location-mobile,
    .current-location-mobile {
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        width: calc(100% - 2px);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #home-submit-search {
        float: left;
        height: 60px;
        margin-bottom: 20px;
        border-radius: 0 5px 5px 0;
        width: 100%;
    }

    #home .navbar-default.no-scrolled .logo {
        color: #353a3d;
    }

    #header-zwitserleven .hero {
        height: 92vh;
    }

    #header-zwitserleven .hero.full-length {
        height: 955px;

    }

    .hero-about {
        height: 450px;
        position: relative;
    }

    .hero {
        position: relative;
    }

    #header-walking-demand .hero-walk {
        height: 300px;
        position: relative;
    }

    .hero-container.press {
        height: 300px;
        padding-bottom: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-container.jobs {
        height: 300px;
        padding-bottom: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    #header-boarding .hero-container,
    #header-walking-demand .hero-container,
    #header-walking .hero-container,
    #header-doggy-day-care .hero-container {
        height: 100%;
        padding-bottom: 70px;
        top: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-container {
        height: 100%;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-refer {
        height: 410px;
    }

    .hero-refer-landing {
        height: 410px;
    }

    .hero-container-refer {
        height: 680px;
        padding-bottom: 70px;
        top: 20px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    #how-it-works-referral {
        margin-top: 130px;
    }

    #header-boarding .hero-content-footer,
    #header-walking .hero-content-footer,
    #header-walking-demand .hero-content-footer,
    #header-doggy-day-care .hero-content-footer {
        background-color: #FFF;
        bottom: 30px;
        left: 0;
        padding-bottom: 15px;
        padding-top: 15px;
        position: absolute;
        right: 0;
        margin-bottom: 100px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 3px;
    }

    .hero-content-footer {
        background-color: #FFF;
        bottom: 0;
        left: 0;
        padding-bottom: 15px;
        padding-top: 15px;
        position: absolute;
        right: 0;
        margin-bottom: 100px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 3px;
    }
}

@media only screen and (min-width:979px) and (max-width:1024px) {
    .landing-review-block__review:after {
        position: absolute;
        top: 247px;
        left: 375px;
        border-width: 7.5px 0 7.5px 15px;
    }



    .btn-register-zwitserleven {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 114px;
        height: 143px;
        margin: 0 7px;
    }

    .btn-register-zwitserleven:hover,
    .btn-register-zwitserleven:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 114px;
        height: 143px;
        margin: 0 7px;
    }

    .btn-register-zwitserleven.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 114px;
        height: 143px;
        margin: 0 7px;
    }

    .btn-register-zwitserleven-large {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 142px;
    }

    .btn-register-zwitserleven-large:hover,
    .btn-register-zwitserleven-large:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 143px;
    }

    .btn-register-zwitserleven-large.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 143px;
    }

    .btn-register-zwitserleven-large .left-button {
        margin-left: 10px !important;
    }

    .btn-register-zwitserleven-large .right-button {
        margin-right: 10px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    #start-date-search-dropdown-button {
        max-width: 160px;
    }

    #search-header-form {
        width: 100%;
        margin-bottom: 0 !important;
    }

    #search_query {
        width: 100%;
    }




    #areasearch .pac-item-query,
    #areasearchmob .pac-item-query {
        font-size: 16px;
        color: #519b7a;
        line-height: 40px;
    }

    #areasearch:hover .pac-item-query,
    #areasearchmob:hover .pac-item-query {
        color: #fff;
    }

    #areasearch,
    #areasearchmob {
        font-size: 16px;
    }

    #areasearch .pac-icon,
    #areasearchmob .pac-icon {
        font-size: 16px;
        color: #519b7a;
        background: none !important;

    }

    #areasearch:hover .pac-icon,
    #areasearchmob:hover .pac-icon {
        color: #FFF;
    }

    .left-paw-booking {
        margin-top: 24px;
        position: absolute;
        left: 25px;
    }

    .right-paw-booking {
        margin-top: 14px;
        position: absolute;
        right: 20px;
    }

    .message-badge-header {
        position: absolute;
        top: 10px;
        right: 0px;
        background: #FFF;
    }

    .message-badge-header.badge {

        color: #519b7a;
    }

    .parool-image {
        height: 40px;
        width: 100%;
        margin-top: 25px;
    }

    .parool-image-press {
        height: 40px;
        width: 100%;
        margin-top: 0px;
    }

    .content-middle-narrow-home {
        padding: 0px;
    }

    .press-section {
        padding-bottom: 10px;
    }

    #header-sitter {
        background-position: 36% 20%;
    }

    .url-wrapper {
        text-align: justify;
    }

    .radio+.radio,
    .checkbox+.checkbox {
        margin-top: 0px;
    }


    .radio,
    .checkbox {
        margin-top: 0px;
    }

    ul.navbar-right>li {
        padding: 0 10px;
    }

    #how-it-works-referral {
        margin-top: 130px;
    }

    .btn-radio-home,
    .btn-radio-home:hover,
    .btn-radio-partial,
    .btn-radio-partial:hover {
        height: 46px;
        padding-top: 14px;
        border-radius: 5px;
        margin-left: -1px;
    }

    .tagline-container {
        height: 100%;
        width: 100%;
    }

    .tagline-container h1 {
        font-size: 35px;
    }

    .tagline-container h4 {
        font-size: 20px;
    }

    .results-list>.item>p.price {
        text-align: center
    }

    .tagline-middle,
    .tagline-middle-insurance {
        vertical-align: middle;
        padding-top: 100px;
        height: 400px;
        width: 100%;
    }

    .tagline-middle-refer {
        vertical-align: middle;
        width: 100%;
    }

    .tagline-middle-refer-landing {
        vertical-align: middle;
        width: 100%;
        padding: 0 10%;
    }

    .thumbnail-container-inset {
        position: absolute;
        bottom: 10px;
        right: 15px;
        top: 30px;
        max-width: 80%;
    }

    .similar-sitters img {
        width: 50%;
    }

    #search-query {
        border-radius: 5px 5px 5px 5px;
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    #start {
        border-radius: 5px 0px 0px 5px;
        margin-bottom: 20px;
    }

    #end {
        border-radius: 0px 5px 5px 0px;
        margin-bottom: 20px;
    }

    #listing .results-list .item .info img.review-avatar {
        width: 20px;
        height: 20px
    }

    #listing .item img.sitter-avatar {
        width: 110px;
    }

    #listing .item img {
        width: 70px;
    }

    #listing .item img.sitter-avatar {
        width: 90px;
        height: 90px
    }

    #listing .item img {
        width: 70px;
    }

    #listing .item .price strong {
        font-size: 21px;
    }

    #listing .item .price em {
        font-size: 10px;
    }

    #list-head h1 {
        font-size: 23px;
    }

    #search_query .home-search {
        border-radius: 5px;
        float: left;
        margin-bottom: 20px;
    }

    #search_query .top-bar-search {
        border-radius: 5px 0px 0px 5px;
        float: left;
        margin-bottom: 20px;
    }

    #datepicker1,
    #start-calendar-button {
        border-radius: 5px 0px 0px 5px;
        float: left;
        margin-bottom: 20px;
    }

    #datepicker2,
    #end-modal-calendar-button {
        border-radius: 0px 5px 5px 0px;
        float: left;
        margin-bottom: 20px;
    }

    #how-it-works-referral p {
        font-size: 16px;
        margin: 70px 0 0 0;
        ;
    }

    #how-it-works p {
        font-size: 16px;
        margin: 0;
    }

    #why-sit p {
        font-size: 14px;
        margin: 0;
    }

    #featured .item {
        margin: 0 10px;
    }

    #featured .item:first-child {
        margin-left: 50px;
    }

    #featured .item .img {
        display: block;
        overflow: hidden;
        height: 175px;
    }

    #featured .item img {
        margin-top: -10%;
        width: 100%;
    }

    #experiences p {
        font-size: 15px;
    }

    #experiences p strong {
        font-size: 18px;
    }

    #list-head {
        padding-top: 0;
    }

    #list-head #order-by {
        top: 5px;
    }

    .sidebar .btn {
        margin: 0;
    }

    #availability .day {
        padding: 15px 5px;
    }

    #steps .inputs {
        width: 60%;
    }

    #steps .step-4 .inputs {
        width: 100%;
    }

    #steps .step-7 .inputs {
        width: 80%;
    }

    #steps-host .step-3 .inputs {
        width: 65%;
    }

    #steps .step-4 .inputs {
        width: 65%;
    }

    #steps .step-3 .wrap {
        float: left;
        width: 25%;
    }

    #steps .step-3 .wrap img {
        width: 80%;
    }

    #steps .step-3 .wrap label {
        font-size: 20px;
    }

    .benefits h4 {
        font-size: 16px;
        font-weight: bold;
        margin-left: 10px;
    }

    .benefits ul {
        margin: 0 0 35px;
        margin-left: 10px;
    }

    .benefits li {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .main-signup.owners .step-2 .rate-wrap .file-wrap {
        padding: 15px 10px;
    }

    #steps-host .step-5 .rate-wrap .file-wrap {
        width: 90%;
    }

    .navbar-nav>li>a {
        padding-left: 5px;
        padding-right: 5px;
    }

    #dash-bookings.home .bookings .date strong span {
        display: inline;
    }

    #dash-bookings.messages .chat div.wrap.system {
        margin-left: 0;
    }

    #dash-bookings.messages .messages .message .btn-red {
        padding: 10px 7px;
        font-size: 13px;
    }

    #host-menu li a {
        color: #555;
        font-size: 10px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .navbar-form .input-group>.form-control {
        width: auto;
    }

    .image-inset,
    .image-inset-wide {
        border-radius: 3px;
        text-align: center;
        right: 0px;
        color: white;
        padding: 15px;
        top: 50%;
        right: 25%;
        width: 50%;
        background-color: rgba(0, 0, 0, 0.4);
        margin: auto;
        position: absolute;
    }

    .sender-name {
        border-right: none;
        width: 100%;
        padding-right: 7.5px;
    }

    #navbar-collapse-2 {
        width: 60%;
    }

    #search-error {
        background: none;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        margin-top: -1px;
        position: absolute;
        left: 0px;
        top: 45px;
        width: 90%;
        padding: 0px 10px;
    }

    #search-error .help-block {
        color: #FFF;
        text-shadow: 0 1px 3px #0f0f0f;
    }

    .search-form-wrapper {
        width: 100%;
        margin: auto;
    }

    #daycare-calendar-modal .form-control {
        text-indent: 4px;
    }

    .service-icons-sun-large {
        top: -38px;
        left: 14px;
        font-size: 20px;
    }

    .service-icons-moon-large {
        top: -77px;
        left: 42px;
        font-size: 20px;
    }

    .service-icons-sun-large-single {
        top: -2em;
        left: 18px;
        font-size: 20px;
    }

    .service-icons-moon-large-single {
        top: -42px;
        left: -6px;
        font-size: 20px;
    }

    .services-block {
        padding-top: 20px;
    }

    .single-service {
        padding-top: 0px;
    }

    .img-circle-host {
        margin-top: 20px;
        width: 80px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .img-circle-friend {
        margin-top: 0px;
        width: 30px;
        border-radius: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #home .current-location,
    #landing .current-location {
        position: absolute;
        left: 106px;
        top: 80px;
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        min-width: 482px;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
    }

    .current-location-header {
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        width: 482px;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
    }

    #home .current-location:hover,
    #landing .current-location:hover,
    .current-location-mobile:hover,
    .current-location-header:hover {
        background: #519b7a;
        height: 40px;
        color: #FFF;
    }

    #home .pac-container,
    .pac-container {
        border: 1px solid #FFF;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
    }

    #search-header-form .pac-container {
        position: absolute !important;
        top: 41px !important;
        left: 0 !important;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3) !important;
        border-radius: 0 0 3px 3px;
    }

    .current-location-mobile {
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
        width: calc(100% - 2px);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

}


@media only screen and (min-width:992px) and (max-width:1199px) {
    #home .walkies-search-card {
        width: 100%;
        margin: 20px 0 0;
    }

    #header-boarding .tagline-middle,
    #header-doggy-day-care .tagline-middle,
    #header-walking .tagline-middle,
    #header-walking-demand .tagline-middle {
        vertical-align: middle;
        padding-top: 35px;
        height: 200px;
        width: 100%;
    }

    .btn-register-zwitserleven {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 116px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven:hover,
    .btn-register-zwitserleven:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 116px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 116px;
        height: 143px;
        margin: 0 5px;
    }

    .btn-register-zwitserleven-large {
        background: #fff;
        padding: 10px 0px;
        color: #CCCCCC;
        border: 1px solid #F2F2F2;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 142px;
    }

    .btn-register-zwitserleven-large:hover,
    .btn-register-zwitserleven-large:focus {
        padding: 10px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 143px;
    }

    .btn-register-zwitserleven-large.active {
        background: #fff !important;
        padding: 9px 0px;
        color: #333333;
        border: 2px solid #CC0000;
        box-shadow: none;
        border-radius: 5px !important;
        width: 225px;
        height: 143px;
    }

    .btn-register-zwitserleven-large .left-button {
        margin-left: 10px !important;
    }

    .btn-register-zwitserleven-large .right-button {
        margin-right: 10px !important;
    }

    .navbar-default .logo {
        font-size: 28px !important;
    }

    .search-map {
        top: 135px;
    }

    #how-it-works-referral {
        margin-top: 170px;
    }

    .friend-status-span {
        height: 40px;
    }

    #header-zwitserleven .hero {
        height: 92vh;
    }

    #header-zwitserleven .hero.full-length {
        height: 800px;
    }

    .hero {
        height: 520px;
        position: relative;
    }

    #home .hero {
        height: 820px;
        position: relative;
    }

    .hero-container {
        height: 100%;
        padding-bottom: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-container.jobs {
        height: 450px;
        padding-bottom: 70px;
        top: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-refer {
        height: 520px;
    }

    .hero-refer-landing {
        height: 450px;
    }

    .hero-container-refer {
        height: 450px;
        padding-bottom: 70px;
        top: 70px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    #header-boarding .landing-title-container,
    #header-doggy-day-care .landing-title-container,
    #header-walking-demand .landing-title-container,
    #header-walking .landing-title-container {
        padding-left: 0;
        padding-right: 0;
    }

    #header-boarding .hero-content-footer,
    #header-walking-demand .hero-content-footer,
    #header-walking .hero-content-footer,
    #header-doggy-day-care .hero-content-footer {
        background-color: #fff;
        bottom: 20px;
        left: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 0;
        border-radius: 3px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .hero-content-footer {
        background-color: #fff;
        bottom: 20px;
        left: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 0;
        border-radius: 3px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .btn-radio-home,
    .btn-radio-home:hover,
    .btn-radio-partial,
    .btn-radio-partial:hover {
        height: 46px;
        padding-top: 14px;
        border-radius: 5px;
        margin-left: -1px;
    }

    #how-it-works,
    #helped-thousands {
        margin-top: 90px;
    }

    #how-it-works-referral {
        margin-top: 90px;
    }

    .tagline-container {
        height: 100%;
        width: 100%;
    }

    .tagline-container h1 {
        font-size: 50px;
    }

    .tagline-container h4 {
        font-size: 20px;
    }

    .tagline-middle,
    .tagline-middle-insurance {
        vertical-align: middle;
        padding-top: 70px;
        height: 200px;
        width: 100%;
    }

    .tagline-middle-refer {
        vertical-align: middle;
        width: 100%;
    }

    .tagline-middle-refer-landing {
        vertical-align: middle;
        width: 100%;
        padding: 0 10%;
    }

    #dash-bookings.messages .messages .message .btn-red {
        padding: 10px 7px;
        font-size: 13px;
    }

    #how-it-works-referral p {
        margin: 70px 0 0 0;
    }

    #how-it-works p,
    #helped-thousands p {
        margin: 0 10px;
    }

    #why-sit p {
        margin: 0 10px;
    }

    #featured .item {
        margin: 0 8px;
    }

    #featured .item:first-child {
        margin-left: 5%;
    }

    #featured .item .name {
        font-size: 13px;
        font-weight: normal;
    }

    #featured .item .rating {
        font-size: 16px;
    }

    #steps .step-3 .wrap img {
        width: 90%;
    }

    .fake-select button {
        padding-left: 5px;
        padding-right: 5px;
    }

    #dash-bookings.home .messages .message .photo img {
        width: 50%;
    }

    .btn-file {
        font-size: 10px;
    }

    .image-inset,
    .image-inset-wide {
        border-radius: 3px;
        right: 15px;
        text-align: center;
        color: white;
        padding: 15px;
        position: absolute;
        top: 20%;
        width: 40%;
        background-color: rgba(0, 0, 0, 0.4);
        margin: auto;
    }

    #navbar-collapse-2 {
        width: 50%;
    }

    .service-icons-sun {
        top: -2em;
        font-size: 120%;
        left: 10px;
    }

    .service-icons-moon {
        top: -2em;
        font-size: 120%;
    }

    .service-home {
        font-size: 4em;
    }

    #search-error {
        background: none;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        margin-top: -1px;
        position: absolute;
        left: 0px;
        top: 45px;
        width: 90%;
        padding: 0px 10px;
    }

    #search-error .help-block {
        color: #FFF;
        text-shadow: 0 1px 3px #0f0f0f;
    }

    .search-form-wrapper {
        width: 100%;
        margin: auto;
    }
}

@media (min-width:1200px) {
    #home .normal-browse-form {
        width: 580px;
    }

    #home .walkies-search-card:not(.horizontal) .promo-flag {
        position: absolute;
        right: -20px;
        top: px;
        left: auto;
    }

    #home .walkies-search-card {
        width: 250px;
        margin: 0 0 0 20px;
    }

    .host-main {
        padding-top: 10px;
    }

    #photos {
        padding: 0 10px;
    }

    .insurance-banner .panel {
        line-height: 36px;
    }

    .share-box {
        position: relative;
        top: 120px;
        padding: 45px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #425864;
    }

    #search-header-form.form-group {
        margin-bottom: 0 !important;
    }

    .current-location-header {
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        width: 580px;
        min-width: 580px;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        margin-left: 1px;
    }

    #home .current-location,
    #landing .current-location {
        position: absolute;
        left: 20px;
        top: 80px;
        line-height: 30px;
        font-size: 16px;
        color: #519b7a;
        height: 40px;
        background: #FFF;
        min-width: 766px;
        padding: 5px 10px;
        border-top: 1px solid #d9d9d9;
    }

    #home .current-location:hover,
    #landing .current-location:hover,
    .current-location-header:hover {
        background: #519b7a;
        height: 40px;
        color: #FFF;
    }

    #home .pac-container,
    #landing .pac-container {
        border: 1px solid #FFF;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
        border-radius: 0 0 3px 3px;
    }

    #host-location-dd-mobile-search .pac-container {
        border: 1px solid #FFF;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
        border-radius: 0 0 3px 3px;
    }

    #home .pac-container,
    #home .pac-item,
    #landing .pac-container,
    #landing .pac-item {
        min-width: 766px !important;
    }

    #search-header-form .form-group {
        margin-bottom: 0;
    }

    #search-header-form .pac-container {
        position: absolute !important;
        top: 41px !important;
        left: 0 !important;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3) !important;
        border-radius: 0 0 3px 3px;
    }




    #home .pac-item-query,
    #landing .pac-item-query {
        font-size: 16px;
        color: #425864;
    }

    #home .pac-item,
    #landing .pac-item {
        height: 40px !important;
    }





    #zwitserleven .pac-item-query {
        font-size: 16px;
        color: #333333;
    }


    .btn-sign-up,
    .btn-sign-up:hover,
    .btn-sign-up:focus {
        width: 430px;
    }

    #header-refer {
        margin-bottom: 0;
    }

    .friend-status-span {
        height: 40px;
    }

    #header-zwitserleven .hero {
        height: 92vh;
    }

    #header-zwitserleven .hero.full-length {
        height: 774px;
    }

    .hero {
        height: 830px;
        position: relative;
    }

    #header-boarding .hero-container,
    #header-walking-demand .hero-container,
    #header-walking .hero-container,
    #header-doggy-day-care .hero-container {
        height: 100%;
        padding-bottom: 70px;
        top: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-container.press {
        height: 450px;
        padding-bottom: 70px;
        top: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-container.jobs {
        height: 450px;
        padding-bottom: 70px;
        top: 0px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-container {
        height: 100%;
        padding-bottom: 70px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    .hero-refer {
        height: 520px;
    }

    .hero-refer-landing {
        height: 450px;
    }

    .hero-container-refer {
        height: 450px;
        padding-bottom: 70px;
        top: 70px;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px;
    }

    #header-boarding .hero-content-footer,
    #header-walking-demand .hero-content-footer,
    #header-walking .hero-content-footer,
    #header-doggy-day-care .hero-content-footer {
        background: #FFF;
        border-radius: 3px;
        bottom: 200px;
        left: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 0;
        margin-left: 160px;
        margin-right: 160px;
    }

    #home .tagline-middle {
        margin-top: 150px;
    }

    #home .hero-content-footer {
        background: #FFF;
        border-radius: 3px;
        bottom: 200px;
        left: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 0;
        margin-left: 160px;
        margin-right: 160px;
    }

    .hero-content-footer {
        background: #FFF;
        border-radius: 3px;
        bottom: 20px;
        left: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        position: absolute;
        right: 0;
        margin-left: 160px;
        margin-right: 160px;
    }

    .hero-content-footer .container {
        padding: 0px 5px;
    }

    #how-it-works-referral {
        margin-top: 70px;
    }

    .boarding-btn {
        background-color: #FFF;
    }

    .daycare-btn {
        background-color: #FFF;
    }

    .btn-radio-home,
    .btn-radio-partial,
    .btn-radio-partial:hover {
        background-color: #FFF;
        height: 46px;
        padding-top: 14px;
        border-radius: 5px;
        margin-left: -1px;
    }

    .btn-radio-home:hover,
    .btn-radio-home:focus,
    .btn-radio-partial,
    .btn-radio-partial:hover {
        height: 46px;
        padding-top: 14px;
        border-radius: 5px;
        margin-left: -1px;
    }

    #header-sitter .tagline-container,
    #header-sitter-cat .tagline-container {
        height: 100%;
        width: 100%;
        margin-top: 200px;
    }

    .tagline-container {
        height: 100%;
        width: 100%;
    }

    .tagline-container h1 {
        font-size: 50px;
    }

    .tagline-container h4 {
        font-size: 20px;
    }

    #header-boarding .tagline-middle,
    #header-walking-demand .tagline-middle,
    #header-walking .tagline-middle,
    #header-doggy-day-care .tagline-middle {
        vertical-align: middle;
        padding-top: 100px;
        height: 200px;
        width: 100%;
    }

    .tagline-middle {
        vertical-align: middle;
        height: 200px;
        width: 100%;
    }

    .tagline-middle-insurance {
        vertical-align: middle;
        padding-top: 100px;
        width: 100%;
    }

    .tagline-middle-refer {
        vertical-align: middle;
        width: 100%;
    }

    .tagline-middle-refer-landing {
        vertical-align: middle;
        width: 100%;
        padding: 0 20%;
    }

    .image-inset,
    .image-inset-wide {
        border-radius: 3px;
        right: 15px;
        text-align: center;
        color: white;
        padding: 15px;
        position: absolute;
        top: 20%;
        width: 40%;
        background-color: rgba(0, 0, 0, 0.4);
        margin: auto;
    }

    .search-wrapper {
        margin-top: 0px;
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
    }

    .search-form-results,
    .overlay-searching {
        width: 60%;
        padding: 0px;
    }

    .search-map {
        position: fixed;
        width: 40%;
        top: 135px;
    }

    .radio+.radio,
    .checkbox+.checkbox {
        margin-top: 0px;
    }

    .radio,
    .checkbox {
        margin-top: 0px;
    }

}

.btn-red,
.btn-green,
.btn-blue {
    border: none;
    display: block;
}

.btn-facebook:hover,
.btn-facebook:focus {
    color: #FFF;
    padding: 10px;
}

.btn-petbnb-green {
    background-color: #519b7a;
    color: #fff;
    border-radius: 6px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {

    select,
    textarea,
    input {
        font-size: 16px;
    }
}

@media (min-width: 979px) {
    #dropdown-header-menu:hover>.dropdown-menu {
        display: block;
    }

    .messenger-li-header:hover>.dropdown-menu {
        display: block;
    }

    .host-header-block {
        margin-top: 20px;
    }

    .host-ad-title {
        margin-bottom: 0px;
    }

    [data-fv-icon-for="zipcode"] {
        margin-right: 10px;
    }

    [data-fv-icon-for="housenumber"] {
        margin-right: 10px;
    }
}

#dropdown-header-menu>.dropdown-menu-right:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 29px;
    bottom: auto;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

#dropdown-header-menu>.dropdown-menu-right:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    right: 30px;
    bottom: auto;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

.messenger-li-header>.dropdown-menu-right:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 18px;
    bottom: auto;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.messenger-li-header>.dropdown-menu-right:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    right: 19px;
    bottom: auto;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

.datepicker.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 14px;
    bottom: auto;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

.datepicker.dropdown-menu:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 15px;
    bottom: auto;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}



#start-date-dropdown:before,
#start-date-search-dropdown:before,
#start-date-dropdown-agenda:before,
#end-date-search-dropdown:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 14px;
    bottom: auto;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

#start-date-dropdown:after,
#start-date-search-dropdown:after,
#start-date-dropdown-agenda:after,
#end-date-search-dropdown:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 15px;
    bottom: auto;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

#daycare-date-dropdown:before,
#end-date-dropdown:before,
#end-date-dropdown-agenda:before,
#payment-date-dropdown:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 14px;
    bottom: auto;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

#daycare-date-dropdown:after,
#end-date-dropdown:after,
#end-date-dropdown-agenda:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    right: 15px;
    bottom: auto;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

#no-dogs-dropdown-host:before,
#payment-date-dropdown:before,
#daycare-date-dropdown:before,
#host-services-form:before,
#existing-dog-form:before,
#existing-dog-form-modal:before,
#existing-dog-form-mob:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 14px;
    bottom: auto;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

#no-dogs-dropdown-host:after,
#payment-date-dropdown:after,
#daycare-date-dropdown:after,
#host-services-form:after,
#existing-dog-form:after,
#existing-dog-form-modal:after,
#existing-dog-form-mob:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -9px;
    right: 15px;
    bottom: auto;
    border: 9px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

.btn-cancel-unsub,
.btn-cancel-unsub:hover,
.btn-cancel-unsub:active,
.btn-cancel-unsub:focus {
    border: 1px solid #c4c4c4;
    background: white;
    color: #555;
    width: 100%;
    min-height: 46px;
    padding: 10px;
    margin: 0px;
    box-shadow: none;
    font-size: 16px;
    border-radius: 5px 5px 5px 5px;
    word-wrap: break-word;
    white-space: normal;
}

.btn-try-also {
    border: 1px solid #519b7a;
    background: white;
    color: #519b7a;
    height: 46px;
    padding: 10px;
    margin: 0px;
    box-shadow: none;
    font-size: 16px;
    border-radius: 5px 5px 5px 5px;
}

.btn-cancel-search,
.btn-cancel-search:hover,
.btn-cancel-search:active,
.btn-cancel-search:focus {
    border: 1px solid #c4c4c4;
    background: white;
    color: #555;
    width: 100%;
    height: 40px;
    padding: 10px;
    margin: 0px;
    box-shadow: none;
    font-size: 14px;
    border-radius: 5px 5px 5px 5px;
}

.btn-unsub {
    min-height: 46px;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
}

.referral-credit-link {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

#lc_chat_layout {
    z-index: 200 !important;
}

.show-filters {
    position: fixed;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 200;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0.4px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #425864 !important;
    margin: 0px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14) !important;
    border-radius: 80px !important;
    background-color: #ffffff !important;
    float: left !important;
}

.show-map-filters {
    position: fixed;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2000;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0.4px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #425864 !important;
    margin: 0px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.14) !important;
    border-radius: 80px !important;
    background-color: #ffffff !important;
    float: left !important;
}

.component-split-flat-button {
    white-space: nowrap;
    text-transform: uppercase;
    background: #519b7a !important;
    height: 42px;
}

.component-split-flat-button .left {
    font-size: 12px !important;
    line-height: 26px !important;
    letter-spacing: 0.4px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    color: #FFF !important;
    margin: 0px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    border: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    padding-left: 16px !important;
    padding-right: 8px !important;
    outline: none;
}

.component-split-flat-button .left,
.component-split-flat-button .right {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.component-split-flat-button .right {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0.4px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    color: #FFF !important;
    margin: 0px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
    border: none !important;
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    padding-right: 16px;
    padding-left: 8px !important;
    outline: none;
}

.divider_outer {
    display: inline !important;
    vertical-align: middle !important;
}

.divider-search {
    display: inline !important;
    height: 100% !important;
    border-left: 1px solid #FFF !important;
}

.divider {
    margin: 20px 0 !important;
}

.prop-item .thumb-media {
    background-color: #fff;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.prop-item .item-info {

    padding: .5em .75em .5em .75em;
    height: 80px;
}

.prop-item .item-info p,
a.prop-item .object-item-info span {
    margin-bottom: 0;
    line-height: 1.33;
}

.prop-item .item-info p,
a.prop-item .object-item-info span {
    margin-bottom: 0;
    line-height: 1.33;
}

.item-address {
    color: #519b7a;
}

.item-specs {
    color: #abb5be;
}

.prop-item .price {
    color: #748189;
}

.results-list-mob {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ddd;
    box-shadow: 0 0 3px #666;
    background-color: #fff;
    width: 100%;
    max-height: 40%;
    opacity: 0;
    height: 0px;
    overflow-y: auto;
}

.in-view {
    position: fixed;
    opacity: 1;
    z-index: 200;
}

.out-view {
    opacity: 0;
}

.container-search-desktop {
    height: 64px !important;
    width: 100% !important;
    position: fixed !important;
    white-space: nowrap !important;
    background: #f4f4f4 !important;
    border-bottom: 1px solid #dce0e0 !important;
    z-index: 10;
}

.search-desktop-menu-bar {
    background: #fff !important;
    height: 64px !important;
    border-bottom: 1px solid #dce0e0 !important;
    width: 100% !important;
    z-index: 4 !important;
    position: relative !important;
    display: flex;
    padding: 16px;
}

.search-input-desktop-search {
    display: flex;
    position: relative !important;
    z-index: 5 !important;
}

.super-visible {
    display: block;
}

.super-visible-search {
    display: block;
    z-index: 999 !important;
}

#location-input-container-home {
    border-radius: 3px 0 0 3px;
    background: #FFF;
    height: 60px;
}



#mobile-location-button {
    font-size: 19px !important;
    line-height: 24px !important;
    color: #484848 !important;
    border-radius: 21px !important;
    border: 1px solid #519b7a !important;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08) !important;
    padding-left: 32px;
    display: table !important;
    table-layout: fixed !important;
    height: 42px !important;
    width: 100% !important;
    background: #FFF;
    margin-top: 12px;
    position: relative !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.daycare-placeholder-search {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.location-magnify {

    font-size: 25px;
    font-weight: 900;
    position: absolute;
    top: 5px;
    right: 5px;
}

.location-button-text {
    font-size: 19px;
    text-align: left;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.filters-close {
    float: right;
    margin: 0;
}

#search-filters-button-desk {
    height: 46px;
}

.fa-angle-down {
    transform: rotate(0deg);
    font-weight: 900;
    transition: transform 200ms linear;
}

.fa-angle-down.open {
    transform: rotate(180deg);
    font-weight: 900;
    transition: transform 200ms linear;
}

.map-refresh-controls.google {
    position: absolute;
    top: 10px;
    left: 50px;
}

.map-location-button.google {
    position: absolute;
    top: 10px;
    right: 50px;
    background-image: url('https://maps.gstatic.com/tactile/mylocation/mylocation-sprite-1x.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.related-areas {
    font-size: 14px;
    font-weight: 700;
}

.discount-offer {
    color: white;
    font-weight: 400;
    vertical-align: middle;
    line-height: 3.5em;
    text-align: center;
}

.map-auto-refresh {
    border: 1px solid #fff;
    background-color: #519b7a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 6px;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 10px;
    height: 45px;
    color: white;
}

#login-form .help-block {
    color: #a94442;
}

.results-for-map {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ddd;
    box-shadow: 0 0 3px #666;
    background-color: #fff;
    width: 100%;
    max-height: 40%;
    opacity: 0;
    height: 0px;
    overflow-y: auto;
}

@media only screen and (max-width:320px) {


    #listing .item img {
        float: none;
        width: 70px;
        border-radius: 50%;
        margin: 0 auto;
    }

    #listing .item img.sitter-avatar {
        height: 70px;
    }

    #listing-fav .item img {
        float: none;
        width: 70px;
        border-radius: 50%;
        margin: 0 auto;
    }

    #listing-fav .item img.sitter-avatar {
        height: 70px;
    }

    #mobile-header svg {
        margin-top: 25px !important;
        width: 60px
    }

    #logo-span.mobile-logo {
        font-size: 22px;
    }
}

.modal-delete {
    margin-top: 200px;
}

/* React Toastify Styles - Global */
/* Essential styles to make toasts visible */
.Toastify__toast-container {
    z-index: 999999999999 !important;
    position: fixed !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.Toastify__toast {
    background: #ffffff !important;
    color: #333333 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    font-family: 'museo', 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
    margin: 8px !important;
    padding: 12px 16px !important;
    min-height: 64px !important;
    max-width: 350px !important;
    width: auto !important;
    position: relative !important;
    overflow: hidden !important;
}

.Toastify__toast--success {
    border-left: 4px solid #07bc0c !important;
}

.Toastify__toast--error {
    border-left: 4px solid #e74c3c !important;
}

.Toastify__toast--warning {
    border-left: 4px solid #f1c40f !important;
}

.Toastify__toast--info {
    border-left: 4px solid #3498db !important;
}

.Toastify__toast-body {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.Toastify__close-button {
    color: #666666 !important;
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

.Toastify__close-button:hover {
    color: #333333 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 50% !important;
}

/* Fix icon sizing */
.Toastify__toast-icon {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* Progress bar - essential for auto-close */
.Toastify__progress-bar {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55) !important;
    transform-origin: left !important;
    z-index: 2 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    border-radius: 0 0 8px 8px !important;
}

/* Force toast positioning and visibility */
.Toastify__toast-container--bottom-left {
    bottom: 1em !important;
    left: 1em !important;
    position: fixed !important;
    z-index: 999999999999 !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Force toast visibility on all screen sizes */
@media (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw !important;
        left: 0 !important;
        right: 0 !important;
    }
}

.messenger .header-btn {
    border: 1.5px solid #fff;
    border-radius: 24px;
    padding: 7px 22px;
    background: transparent;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    text-align: center;
}

.messenger a.header-btn {
    text-decoration: none !important;
}

/* --- Chat Composer Responsive Layout Fixes --- */

/* Default: Desktop/tablet/large screens (including iPad landscape) */
.message-composer,
.composer-container {
    background: #fff !important;
    min-height: 90px !important;
    max-height: 100vh !important;
    border-top: 1px solid #e0e0e0 !important;
    position: relative !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 100% !important;
}

/* Mobile/Small screens: Use mobile styles */
@media (max-width: 899px) {

    .message-composer,
    .composer-container {
        background: #ECE5DD !important;
        background-image: linear-gradient(rgba(236, 229, 221, 0.95), rgba(236, 229, 221, 0.95)), url(/img/chatbackground.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        min-height: 60px !important;
        max-height: 60vh !important;
        border-top: none !important;
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10000 !important;
        width: 100vw !important;
        border-radius: 0 !important;
    }
}



/* Force desktop style for iPads/tablets */
@media (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: portrait),
(min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape) {

    .message-composer,
    .composer-container {
        min-height: 90px !important;
        max-height: 100vh !important;
        border-top: 1px solid #e0e0e0 !important;
        position: relative !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        width: 100% !important;
    }
}

/* Override for 13-inch iPad in conversation view - must come after the above rule */
@media (min-device-width: 1024px) and (max-device-width: 1366px) and (max-height: 1024px) {

    .conversation-view-active .message-composer,
    .conversation-view-active .composer-container {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 100 !important;
        background: #fff !important;
        border-top: 1px solid #e0e0e0 !important;
        min-height: 100px !important;
        max-height: 100vh !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Hide navbar only on mobile/tablet in portrait view when in conversation view */
@media (max-width: 899px) and (orientation: portrait) {
    .conversation-view-active .navbar-fixed-top {
        display: none !important;
    }

    .conversation-view-active #other {
        padding-top: 0 !important;
    }
}

/* For tablets in portrait mode */
@media (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: portrait) {
    .conversation-view-active .navbar-fixed-top {
        display: none !important;
    }

    .conversation-view-active #other {
        padding-top: 0 !important;
    }
}

/* Specific rule for 13-inch iPad in portrait mode */
@media (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
    .conversation-view-active .navbar-fixed-top {
        display: none !important;
    }

    .conversation-view-active #other {
        padding-top: 0 !important;
    }
}

/* --- Conversation View Layout Fixes for Tablets/iPads --- */

/* Fix composer for tablets (iPad) in both orientations when in conversation view */
@media (min-device-width: 768px) and (max-device-width: 1366px) {

    .conversation-view-active .composer-container,
    .conversation-view-active .message-composer {
        position: absolute !important;
        /* Use absolute instead of fixed to stay within chat column */
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 100 !important;
        background: #fff !important;
        border-top: 1px solid #e0e0e0 !important;
        min-height: 90px !important;
        max-height: 100vh !important;
    }

    .conversation-view-active .message-list-container {
        padding-bottom: 90px !important;
        /* Height of composer */
    }

    /* Ensure chat column has relative positioning for absolute composer */
    .conversation-view-active #chat-column {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Additional rule for iPad Pro and larger tablets */
@media (min-device-width: 1024px) and (max-device-width: 1366px) {

    .conversation-view-active .composer-container,
    .conversation-view-active .message-composer {
        min-height: 100px !important;
    }

    .conversation-view-active .message-list-container {
        padding-bottom: 100px !important;
    }
}


.left-panel {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
}

/* Fallback rule for any tablet-like device in conversation view */
@media (min-width: 768px) and (max-width: 1024px) {

    .conversation-view-active .composer-container,
    .conversation-view-active .message-composer {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 100 !important;
        background: #fff !important;
        border-top: 1px solid #e0e0e0 !important;
        min-height: 90px !important;
        max-height: 100vh !important;
    }

    .conversation-view-active .message-list-container {
        padding-bottom: 90px !important;
    }

    .conversation-view-active #chat-column {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .left-panel {
        width: 100%;
        min-width: auto;
        max-width: auto;
    }
}

/* Additional fixes for iPad Pro and larger tablets */
@media (min-device-width: 1024px) and (max-device-width: 1366px) {

    .conversation-view-active .composer-container,
    .conversation-view-active .message-composer {
        min-height: 100px !important;
    }

    .conversation-view-active .message-list-container {
        padding-bottom: 100px !important;
    }
}



.attach-button {
    color: #519b7a;
    border-radius: 0;
    width: auto;
    height: auto;
    display: block;
    border: none !important;
    background: transparent;
    align-items: initial;
    justify-content: initial;
    opacity: 1;
}

.send-button {
    color: #519b7a;
    border-radius: 0;
    width: auto;
    border: none !important;
    background: transparent;
    height: auto;
    display: block;
    align-items: initial;
    justify-content: initial;
    opacity: 1;
}

@media (max-device-width: 768px) {
    .attach-button {
        color: #fff;
        background: #519b7a;
        border-radius: 50% !important;
        width: 36px;
        border: none !important;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;
    }

    .send-button {
        color: #fff;
        background: #519b7a;
        border-radius: 50% !important;
        width: 36px;
        border: none !important;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 1;

    }
}