/*theme-greensea.css:4199*/
    a {
        color: #238b53;
        font-weight: normal;
    }
    input[type], textarea, select {
        border-radius: 2px;
        border: 1px solid #ceecdb;
    }
    .cursor-pointer {
        user-select: none;
        cursor: pointer;
    }
    .form-conytol:focus {
        border-color: #73ad8b;
        box-shadow: 0 0 0 0.2rem rgba(0, 255, 90, 0.05);
    }
    h5:not(:last-child), .h5:not(:last-child) {
        margin-bottom: 0.85em;
    }
    .affix {
        width: 100%;
        top: 0;
        background: white;
        box-shadow: 0px 1px 7px -2px #bbbbbb;
        z-index: 999;
    }
    .bar-sticky-top {
        background: white;
        top: -3px;
        z-index: 3;
        height: 44px;
        border-bottom: 1px solid #EEEE;
        margin-top: -46px;
        box-shadow: -11px -9px 10px 6px #444;
    }
    .nav-container {
        transition: background-color 1s ease;
    }
    /*.nav-container.affix-top .bar {
        position: absolute;
        width: 100%;
        z-index: 99;
        border-bottom: 1px solid #28a745;
        background: white;
    }
    .nav-container.affix {
        width: 100%;
        background: #fafafa;
        z-index: 1;

    }
    .nav-container.affix .bar {
        padding: 0.5em 0 1.5em;
        border-bottom: 1px solid #ebebeb;
    }
    .nav-container.affix .bar .container {
        width: 100%;
    }
    .nav-container .bar .navbar-brand .logo {
        display: none;
    }
    .nav-container.affix .bar .navbar-brand .logo {
        position: relative;
        display: block;
    }
    .nav-container.affix .bar .navbar-brand .logo img {
        max-height: 100%;
        height: 76px;
    }*/
    .nav .nav-pills a {
        color: #444;
        opacity: 0.5;
    }
    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background-color: #28c857;
        opacity: 1;
        border-radius: 0;
    }
    .bar:not([class*='visible-']) + .bar {
        margin-top: 0;
    }
    @media only screen and (max-width: 757px) {
        .nav-container .bar .navbar-brand .logo {
            display: block;
        }
        .nav-container.affix .bar .navbar-brand .logo img {
            height: auto;
            width: 100%;
        }
        .bar-2 .logo {
            left: 0%;
        }
        .bar-2 .list-inline li:not(:last-child) {
            margin-right: 1.3em;
        }

    }
    .dropdown.open .dropdown-menu {
        display: block !important;
        border: none;
        border-radius: 0;
        padding: 10px;
        left: -10px;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.18);
    }
    .sidenav-handle {
        font-size: 1.8em;
    }
    .sidenav {
        height: 100%;
        min-height: 100vh;
        width: 260px;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: -260px;
        background-color: #FFF;
        overflow-x: hidden;
        transition: 0.4s;
    }
    .sidenav .menu-content {
        visibility: hidden;
    }
    .sidenav.open .menu-content {
        visibility: visible;
    }
    .sidenav.open {
        left: 0px;
        box-shadow: -5px -1px 13px 2px black;
    }
    .sidenav-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 0;
        height: 100%;
        min-height: 100vh;
        background: rgba(0, 0, 0, 0.2);
        z-index: 9998;
    }
    .sidenav-backdrop.open {
        width: 100%;
        min-width: 100vw;
    }


    @media screen and (max-height: 450px) {
        .sidenav {padding-top: 15px;}
    }
    .sidebar-menu {

    }

    .sidebar-menu li {
        padding-left: 15px;
    }
    .sidebar-menu li a {
        color: #444;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: background-color;
        transition-property: background-color;
        display: block;
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        text-oveflow: ellipsis;
        max-width: 100%;
        height: 44px;
        color: inherit;
        background-size: 8px 13px;
        background-repeat: no-repeat;
        background-position: 95% center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'8px'%20height%3D'13px'%20viewBox%3D'0%200%208%2013'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolygon%20fill%3D'%23c7c7cc'%20transform%3D'translate(1.500000%2C%206.500000)%20rotate(-45.000000)%20translate(-1.500000%2C%20-6.500000)%20'%20points%3D'6%2011%206%202%204%202%204%209%20-3%209%20-3%2011%205%2011'%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");

    }
    .sidebar-menu li a:after {
        content: '';
        position: absolute;
        background-color: #c8c7cc;
        display: block;
        z-index: 15;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    .sidebar-menu li:hover {
        background: #CCC;
    }

    /** equalivalent of height-100 **/
    .section-page {
        min-height: 80vh;
    }

    .main-container {
        background: #f4f7f5;
        flex: auto;
    }
    .main-container.home {
        background: #FFF;
    }

    .main-container.home .banner-item button {
        font-size: 1.4rem;
        height: 3rem;
        line-height: 1rem;
        border-radius: 6px;
    }

    .main-container.home .tagline {
        font-size: 2em;
        line-height: 2em;
    }

    .main-container.home .carousel-control-next,
    .main-container.home .carousel-control-prev {
        width: 6%;
        overflow: hidden;
    }
    @media (max-width: 767px) {
        .cover .pos-bottom.pos-absolute {
            position: absolute;
        }
        .height-100 {
            height: 100vh;
        }
        .height-90 {
            height: 90vh;
        }
        .height-80 {
            height: 80vh;
        }
        .height-70 {
            height: 70vh;
        }
        .height-60 {
            height: 60vh;
        }
        .height-50{
            height: 50vh;
        }
        .height-40 {
            height: 40vh;
        }
        .height-30 {
            height: 30vh;
        }
        .height-20 {
            height: 20vh;
        }
        .height-10 {
            height: 10vh;
        }
        div[class*='col-'][class*='height-'] {
           /* padding-top: 2.57142857em !important;
            padding-bottom: 2.57142857em !important;*/
        }
        section,
        footer,
        section.section--even {
            padding: 3.57142857em 0;
        }
        .tabs li {
            display: inherit;
        }
        .main-container.home .tagline {
            font-size: 1.25em;
            line-height: 2em;
            font-weight: 400;
        }
    }
    @media (min-width: 768px) {
        .cover .row .row:last-child {
            margin-top: 0;
        }
    }
    /** overriding theme green **/
    @media all and (max-width: 990px) {
        button {
          margin-top: 0;
        }
    }
    .media-icon-list {
        position: relative;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .media-icon-list .col {
        padding-left: 4px;
        padding-right: 4px;
    }
    .media-icon-list .col img {
        max-height: 4em;
    }
    .media-icon-list .col:after {
        position: absolute;
        left: 0;
        top:0;
        bottom: 0;
        right: 0;
        background: rgba(255,255,255,0.1);
        display: none;
        z-index: 2;
        content: " ";
    }
    section.landing .bottom-button .btn.btn--transparent {
        background: transparent;
    }
    section.landing .bottom-button .btn.btn--transparent span:after {
        font-family: "stack-interface";
        content: '\e80a';
        display: block;
        font-size: 2em;
    }
    .app-store-links .col-auto img {
        height: 3.5em;
        width: auto;
    }
    .app-store-links .col-auto .btn {
        background: transparent;
        border: none;
    }
    .boxed {
        padding: 1.25714286em;
    }
    #section-services {
        position: relative;
    }
    .btn {
        border-radius: 2px;
    }
    .btn-close {
        font-size: 1.5em;
        line-height: 1.4em;
        color: #b9b9b9;
        cursor: pointer;
    }
    .btn-close:active {
        color: #999999;
    }
    .btn.focus, .btn:focus,
    .btn-success:not(:disabled):not(.disabled).active:focus,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-success.dropdown-toggle:focus {
        box-shadow: none;
    }
    .app-store-links .btn-primary:not([disabled]):not(.disabled).active,
    .app-store-links .btn-primary:not([disabled]):not(.disabled):active,
    .app-store-links .show>.btn-primary.dropdown-toggle {
        background: transparent;
        border: none;
        box-shadow: none;
    }

    .hr-text {
        line-height: 1em;
        position: relative;
        outline: 0;
        border: 0;
        color: black;
        text-align: center;
        height: 1.5em;
    }
    .hr-text.text-left {
        height: 1.7em;
    }
    .hr-text:before {
        content: '';
        background: linear-gradient(to right, #d8d8d8, #e9e9e9, #f3f3f3);
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }
    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        color: black;
        padding: 0 .5em;
        line-height: 1.5em;
        color: #21211f;
        background-color: #fcfcfa;
        font-size: 0.9em;
    }
    /** helper styles **/

    .rotate-45 {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(40deg);
    }
    i[class*="rotate-"] {
        display: block;
    }
    /** **/
    .form-service-filter {

    }
    .week-day-selector .custom-control {

    }
    .week-day-selector .custom-control-indicator {
        width: 100%;
        height: 100%;
    }
    .form-service-filter *:focus {
        box-shadow: none;
        outline: none;
    }
    .week-day-selector .custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
        background: #238b53;
    }
    .week-day-selector .custom-checkbox .custom-control-input:indeterminate~.custom-control-description {
        color: white;
    }
    .week-day-selector .custom-control-input:checked~.custom-control-indicator {
        background: #238b53;
    }
    .week-day-selector .custom-control-description {
        position: absolute;
        left: 0;
        right: 0;
    }
    .week-day-selector .custom-control-input:checked~.custom-control-description {
        color: white;
    }
    @media (max-width: 767px) {
        .week-day-selector .custom-control {
            margin-right: 0.3em;
        }
    }

    .service-book-filters .btn-success {
        color: white !important;
    }
    /** Signup **/
    .imagebg:not(.image--light) .bg--white .bg--facebook i,
    .imagebg:not(.image--light) .bg--white .bg--facebook span {
        color: #FFFFFF;
    }


    /** service **/


    .service-item {
        margin: 0 0 10px;
        position: relative;
        box-shadow: none;
    }
    .service-item .item-profile-icon {
        max-width: 94px;
        padding: 8px;
    }
    .service-item .item-profile-icon div.icon-image {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-size: contain;
        overflow: hidden;
        margin: auto;
    }
    .service-item .item-profile-icon img {
        background-color: #FFF;
        background-size: contain;
        width: 100px;
    }
    .service-item .info-main .btn:not(.dropdown-toggle) {
        /*padding-left: 3em;
        padding-right: 1.2em;*/
    }
    .service-item .service-item-details {
        border: 1px solid rgba(0,0,0,0.125);
    }
    .service-item.map-marker {
        min-width: 300px;
        min-height: 100px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: none;
    }
    .service-item.map-marker .item-inner {
        min-width: auto;
    }
    @media only screen and (max-width: 757px) {
        .service-item .item-profile-icon {
            border-radius: 50%;
            padding: 5px;
        }
        .service-item .item-profile-icon img {
            width: 50px;
            height: 50px;
        }
    }
    @media only screen and (max-width: 330px) {
        .service-item .item-profile-icon {
            padding: 4px;
        }
        .service-item .item-profile-icon img {
            width: 60px;
            height: 60px;
        }
    }


    /*.service-item .item-inner {
        -webkit-flex-direction: column;
        flex-direction: column;
        flex: 1 1 auto;
        -webkit-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        align-self: flex-start;
        -webkit-align-self: flex-start;
        min-width: 72%;
        padding-right: 0;
        display: block;
    }
    .service-item .item-inner::after {
        background-color: transparent;
    }
    .service-item .item-inner h4 {
        margin-top: 4px;
        white-space: nowrap;
        max-width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 4px;
        font-weight: 500;
    }
    .service-item .item-info {
        width: 100%;
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .service-item .location {
        overflow: hidden;
        text-overflow: ellipsis;
        color: rgb(119,119,119);
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .service-item .item-pricing {
        white-space: pre;
        color: #545454;
        font-weight: 400;
        font-size: 0.8em;
        background: #FFF url(../img/icon/rupee.svg) no-repeat left center / 0.55em;
        padding-left: 0.65em;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
    }*/

    .service-item .pet-preference {

    }
    .service-item .pet-preference .pet-types span {
        min-width: 50px;
        height: 26px;
        display: inlune-block;
        text-transform: capitalize;
    }
    .service-item .pet-preference .pet-sizes span {
        background: transparent url(../img/icons/dog.svg) no-repeat center / contain;
        width: 64px;
        height: 26px;
        display: inline-block;
        position: relative;
    }
    .service-item .pet-preference .pet-sizes span:after {
        content: attr(title);
        position: absolute;
        bottom: -2.8em;
        width: 100%;
        text-align: center;
        font-size: 0.8em;
        color: #6f6f6f;
        line-height: 1.4em;
        white-space: pre;
    }
    .service-item .pet-preference .pet-sizes span.pet-small {
        background-size: 30%;
    }
    .service-item .pet-preference .pet-sizes span.pet-medium {
        background-size: 40%;
    }
    .service-item .pet-preference .pet-sizes span.pet-large {
        background-size: 50%;
    }
    .service-item .pet-preference .pet-sizes span.pet-xlarge {
        background-size: 60%;
    }

    /** service timing wrap **/
    .service-item .timing-wrap .weekday-window {
        text-transform: capitalize;
    }
    .service-item .timing-wrap .timing-slot {
        white-space: nowrap;
        display: inline-block;
        border: 1px solid #E2E2E2;
        font-size: 0.9em;
    }
    .service-item .timing-wrap .card-title i {
        vertical-align: middle;
    }

    .service-tem.loading-box {

    }
    .service-item.item-loading-box .item-media img,
    .service-item.item-loading-box h4,
    .service-item.item-loading-box .location {
        background: #D9D9D9;
    }
    .service-item.item-loading-box h4 {
        width: 65%;
        height: 0.8em;
    }
    .service-item.item-loading-box .location {
        width: 50%;
        height: 0.6em;
    }

    /*** service list ***/
    @media only screen and (min-width: 758px) {

    }
    /*
    .service-filter-wrap .tabs li {
        padding: 0.928571em 0.85714286em 0.3em;
    }*/
    .service-flter-box .service-filter-wrap .tabs li {
        border-bottom: 2px solid transparent;
    }
    .service-filter-wrap .tabs li.active {
        border-bottom: 2px solid #379461;
    }
    .service-filter-wrap .tabs img {
        height: 26px;
        display: inline-block;
    }

    /*.
    .service-flter-box .service-filter-wrap .tabs {
        border-radius: 6px 6px 0 0;
        border-width: 1px 1px 0 1px;
        margin: auto;
    }

    .service-flter-box .service-filter-wrap,
    .service-flter-box .service-filter-wrap .filter-form-wrap {
        border: none;
    }
*/
    /** service listing **/
    .service-list {
        background: white;
        padding-top: 0;
        border: 1px solid #e2e2e2;
    }
    .service-list .list-block {
        border-right: 1px solid #dedede;
    }
    .service-list .list-block .list-location-infobar {
        padding: 5px 15px;
    }
    .service-list .list-block ul {
        background-color: transparent;
        padding: 0 15px;
    }
    .service-list .google-map-wrapper {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        bottom:0;
        right: 0;
        margin: auto;
    }
    .service-list .google-map-viewer {
        position: absolute;
        left: 3px;
        top: 3px;
        bottom:3px;
        right: 3px;
        margin:auto;
        border: 1px solid #dedede;
    }
    .service-list .list-block li.no-search-results,
    .service-list .list-block li.no-more-results {
        background: #dadada;
        color: #545454;
        border-radius: 0px;
        margin: 15px 15px 0;
        line-height: 0;
    }
    .service-list .list-block ul {
        padding-left: 0;
        padding-right: 0;
    }
    .service-list .service-item {
        background: #FFFFFF;
        margin: 0;
        border-width: 0 0 1px 0;
        border-radius: 0;
        padding: 3px 3px;
    }
    .service-list .service-item h4 {
        font-size: 1.15em;
    }
    .service-list .service-item.highlighted {
        background-color: #f1f1f1;
        border-bottom: 2px solid #79e654;
    }
    .service-list .service-item .item-profile-icon img {
        width: 74px;
    }
    .service-list .service-item .location {
        width: 75%;
    }
    .page-service-list .item-content.no-results .searchbar-show {
        display: none;
    }
    .page-service-list .list-block ul li.list-location-infobar ~ li.list-location-infobar,
    .page-service-list .list-block ul li.no-more-results ~ li.no-more-results {
        /*.page-service-list .list-block ul li.list-location-infobar ~ li.no-results {*/
        display: none;
    }
    /** service categories **/
    .category-vet .item-media img {
        background: #FFF url('../img/icons/icon-vet.png') no-repeat center;
        background-size: 75%;
    }
    .category-grooming .item-media img {
        background: #FFF url('../img/icons/icon-grooming.png') no-repeat center;
        background-size: 75%;
    }
    .category-pet-supplies .item-media img {
        background: #FFF url('../img/icons/icon-pet-supplies.png') no-repeat center;
        background-size: 75%;
    }
    .category-day-care .item-media img {
        background: #FFF url('../img/icons/icon-day-care.png') no-repeat center;
        background-size: 75%;
    }
    .category-tips-tricks .item-media img {
        background: #FFF url('../img/icons/icon-tips-tricks.png') no-repeat center;
        background-size: 75%;
    }
    .category-adoption .item-media img {
        background: #FFF url('../img/icons/icon-adoption.png') no-repeat center;
        background-size: 75%;
    }
    .category-pet-outing .item-media img {
        background: #FFF url('../img/icons/icon-pet-outing.png') no-repeat center;
        background-size: 75%;
    }

    .service-view-page {

    }

    .service-item .header {
        background: #ffffff;
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .service-item .header .content-header.with-image {
        overflow: hidden;
        padding-left: 0;
    }
    .service-item .header .content-header.with-image img {
        width: 100%;
    }
    .service-item .header .content-header.with-image .item-image {
        height: 100%;
        min-height: 200px;
    }
    .service-item .item-details-main h2 {
        font-size: 1.5em;
        margin-bottom: 0.2em;
        margin-top: 0.2em;
    }
    .service-item .item-details-main .location {
        font-size: 0.9em;
        width: 100%;
    }
    .service-item .service-item-header-box .item-profile-icon {
        position: absolute;
        top: 0px;
    }
    .service-item .service-item-header-box .item-details-main {
        margin-left: 33.33%;
    }
    @media only screen and (min-width: 768px) {
        .service-item .header {
            box-shadow: 0px 1px 7px 1px #d2d2d2;
        }
        .service-item .service-item-header-box .item-profile-icon {
            position: relative;
            top: 0;
        }
        .service-item .service-item-header-box .item-details-main {
            margin-left: 7.5%;
        }
        .service-item .item-details-main h2 {
            font-size: 1.8em;
            margin-bottom: 0.1em;
            margin-top: 0.4em;
        }
    }


    ** icon styles and tweaks **/
    i.icon-arrow-left {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/arrow-left.svg') no-repeat center / contain;
    }
    i.icon-arrow-left-light {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/arrow-left-white.svg') no-repeat center / contain;
    }
    i.icon-arrow-right {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/arrow-right.svg') no-repeat center / contain;
    }
    i.icon-arrow-right-light {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/arrow-right-white.svg') no-repeat center / contain;
    }
    i.icon-call {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/call.svg') no-repeat center / contain;
    }
    i.icon-call-light {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icon/call-light.svg') no-repeat center / contain;
    }
    i.icon-clock {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/clock.svg') no-repeat center / contain;
    }
    i.icon-location {
        width: 20px;
        height: 20px;
        background: transparent url('../img/icons/location.svg') no-repeat center / contain;
    }
    i.icon-search {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/search.svg') no-repeat center / contain;
    }
    i.icon-search-light {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/search-white.svg') no-repeat center / contain;
    }
    i.icon-edit {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/edit.svg') no-repeat center / contain;
    }
    i.icon-edit-white {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/edit-white.svg') no-repeat center / contain;
    }
    i.icon-share {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/share.svg') no-repeat center / contain;
    }
    i.icon-share-light {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icon/share.svg') no-repeat center / contain;
    }
    i.icon-share-app {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icon/share.svg') no-repeat center / contain;
    }
    i.icon-comment {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/comment.svg') no-repeat center / contain;
    }
    i.icon-heart {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/heart.svg') no-repeat center / contain;
    }
    i.icon-heart-active {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/heart-red.svg') no-repeat center / contain;
    }
    i.icon.icon-camera {
        width: 22px;
        height: 22px;
        background: transparent url('../img/icons/camera.svg') no-repeat center / contain;
    }
    i.icon-radio-button-on {
        width: 16px;
        height: 16px;
        background: transparent url('../img/icons/radio-selected.svg') no-repeat center / contain;
    }
    i.icon-radio-button-off {
        width: 16px;
        height: 16px;
        background: transparent url('../img/icons/radio-unselected.svg') no-repeat center / contain;
    }
    i.icon-card {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/checkout-card.svg') no-repeat center / contain;
    }
    i.icon-netbanking {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/checkout-netbanking.svg') no-repeat center / contain;
    }
    i.icon-cod {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/checkout-cod.svg') no-repeat center / contain;
    }
    i.icon-wallet {
        width: 26px;
        height: 26px;
        background: transparent url('../img/icons/checkout-wallet.svg') no-repeat center / contain;
    }
    i.icon-pet-profile {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/petprofile.svg') no-repeat center / contain;
    }
    i.icon.icon-mobile {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/mobile.svg') no-repeat center / contain;
    }
    i.icon.icon-help {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/help.svg') no-repeat center / contain;
    }
    i.icon.icon-logout {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/logout.svg') no-repeat center / contain;
    }
    i.icon-add {
        width: 20px;
        height: 20px;
        background: transparent url('../img/icons/add.svg') no-repeat center / contain;
    }
    i.icon-booking {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/booking.svg') no-repeat center / contain;
    }
    i.icon.ion-navigate {
        font-size: 2em;
    }
    i.icon-service-vet {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/service-vet-dark.svg') no-repeat center / contain;
    }
    i.icon-service-grooming {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/service-grooming-dark.svg') no-repeat center / contain;
    }
    i.icon-service-boarding {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/service-boarding-dark.svg') no-repeat center / contain;
    }
    i.icon-forum-create {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/forum-dark.svg') no-repeat center / contain;
    }
    i.icon-store-product {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/store-food.svg') no-repeat center / contain;
    }
    i.icon-store-product-dark {
        width: 24px;
        height: 24px;
        background: transparent url('../img/icons/store-food-dark.svg') no-repeat center / contain;
    }

    /** Rating stars selection and display **/

    .item-reviews-overview > div {
        color: #169027;
        display: inline-block;
        font-size: 0.8em;
    }
    .item-reviews-overview .review-count {
        color: grey;
    }
    .item-reviews-overview .review-count:before {
        content: "(";
    }
    .item-reviews-overview .review-count:after {
        content: ")";
    }
    .item-reviews-overview .button {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        background: #545454;
        border-color: transparent;
    }
    .item-reviews-overview.absolute-bottom {
        position: absolute;
        bottom: 2px;
        right: 16px;
    }
    .item-reviews-overview.absilute-left {
        position: absolute;
        bottom: 2px;
        right: 4px;
    }
    .rating-wrap .rating-text {
        margin-right: 3px;
    }
    .rating-wrap .rating-range {
        display: inline-block;
        font-family: "tailslife";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        height: 1em;
        width: auto;
        background: transparent;
        position: relative;
        font-size: 1.2em;
        letter-spacing: 0.3em;
    }
    .rating-wrap .rating-range:before {
        content: "\e813 \e813 \e813 \e813 \e813";
    }
    .rating-wrap .rating-range:after {
        content: "\e814 \e814 \e814 \e814 \e814";
        position: absolute;
        z-index: 2;
        width: 0%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .list-block .rating-wrap .rating-range:before {
        content: "\e814";
    }
    .list-block .item-reviews-overview .review-count {
        display: none;
    }
    .rating-wrap .rating-range.rating-0:after {
        width: 0%;
    }
    .rating-wrap .rating-range.rating-5:after {
        width: 7.2%;
    }
    .rating-wrap .rating-range.rating-10:after {
         width: 20%;
     }
    .rating-wrap .rating-range.rating-15:after {
        width: 27.6%;
    }
    .rating-wrap .rating-range.rating-20:after {
        width: 40%;
    }
    .rating-wrap .rating-range.rating-25:after {
         width: 47.1%;
     }
    .rating-wrap .rating-range.rating-30:after {
        width: 60%;
    }
    .rating-wrap .rating-range.rating-35:after {
        width: 68%;
    }
    .rating-wrap .rating-range.rating-40:after {
        width: 80%;
    }
    .rating-wrap .rating-range.rating-45:after {
         width: 88%;
    }
    .rating-wrap .rating-range.rating-50:after {
        width: 100%;
    }

    .rating-selector {

    }
    .rating-selector ul {
        list-style: none;
        list-style-position: inside;
        list-style-type: none;
    }
    .rating-selector ul li {
        display: inline-block;
        font-size: 2.5em;
        margin-right: 4px;
        padding: 4px !important;
        color: #c7eabc;
    }
    .rating-selector ul li:before {
        content: "\e813";
        font-family: "tailslife";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        line-height: 1;
        -webkit-font-smoothing: antialiased;

    }
    .rating-selector ul li.selected {
        color: #169027;
    }
    .rating-selector ul li.selected:before {
        content: "\e814";
    }

    /** end of rating stars selection and display **/

    /** service booking **/
    .time-slector .time-item {
        border: 1px solid #AAAAAA;
        margin-left: 0.3em;
        margin-right: 0.3em;
        padding-left: 0.7em;
        padding-right: 0.7em;
        font-size: 0.9em;
        cursor: pointer;
    }

    .time-slector .time-item.disabled {
        background-color: #BBBBBB;
    }
    .React-Select.form-control:hover {
        box-shadow: none;
    }
    .React-Select__control {
        border-radius: 2px;
        border: 1px solid #ceecdb;
        height: 26px !important;
        min-height: 26px !important;
        border-radius: 3px !important;
    }
    .React-Select__control:hover,
    .React-Select__control--is-focused {
        border: 1px solid #ceecdb !important;
        box-shadow: none !important;
    }
    .React-Select__input,
    .React-Select__indicators {
        height: 26px;
    }
    .React-Select__value-container {
        line-height: 24px;
        height: 26px;
        padding-top: 0 !important;
    }
    .React-Select__placeholder {
        line-height: 24px;
        height: 26px;
        margin-top: 2px;
    }
    .React-Select__single-value {
        margin-top: 4px;
    }
    .React-Select__control  input {
        height: 22px !important;
        line-height: 22px !important;
        padding: 2px 0 12px !important;
    }
    .React-Select__indicator-separator {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
    .React-Select__indicator {
        padding: 1px 4px !important;
    }
    .React-Select.is-open > .React-Select__control {
        border-color: #ceecdb #cbecdb #ceecdb;
    }
    .React-Select.is-focused:not(.is-open) > .React-Select__control {
        border-color: #73ad8b #73ad8b #73ad8b;
    }
    .React-Select__menu {
        color: black;
    }

    /** service booking page **/
    .service-book-filters {
        background: white;
        border-bottom: 1px solid rgba(0,0,0,.125);
    }
    @media all and (min-width: 768px) {
        .service-book-filters {
            border: 1px solid rgba(0,0,0,.125);
            border-radius: .25rem;
        }
    }
    .service-book-filters .service-option-item.card,
    .service-book-automatic .service-option-item.card {
        border-radius: 2px;
    }
    .service-book-filters .service-option-item.selected,
    .service-book-automatic  .service-option-item.selected {
        background: #46bf75;
        color: white;
    }
    .service-book-filters .pet-select-box,
    .service-book-automatic .pet-select-box {
        margin-bottom: 0.5em;
    }
    .service-book-filters .pet-select-box,
    .service-book-automatic .pet-select-box,
    .service-book-filters .weekday-select-box,
    .service-book-automatic .weekday-select-box,
    .service-book-filters .time-slector .time-item,
    .service-book-automatic .time-slector .time-item {
        border: 1px solid #E2E2E2;
    }
    .service-book-filters .pet-select-box.disabled,
    .service-book-automatic .pet-select-box.disabled,
    .service-book-filters .weekday-select-box.disabled,
    .service-book-automatic .weekday-select-box.disabled,
    .service-book-filters .time-slector .time-item.disabled,
    .service-book-automatic .time-slector .time-item.disabled {
        opacity: 0.5;
    }
    .service-book-filters .card.selected,
    .service-book-filters .time-item.selected,
    .CalendarDay__selected,
    .CalendarDay__selected:active,
    .CalendarDay__selected:hover,
    .service-book-filters .pet-select-box.selected,
    .service-book-automatic .pet-select-box.selected,
    .service-book-filters .weekday-select-box.selected,
    .service-book-automatic .weekday-select-box.selected,
    .service-book-automatic .time-item.selected,
    .CalendarDay__selected_span,
    .CalendarDay__selected_span:active,
    .CalendarDay__selected_span:hover,
    .CalendarDay__selected_span {
        background: #46bf76 !important;
        border: 1px solid #62ce8c !important;
        color: #fff;
    }
    .CalendarDay__selected:active,
    .CalendarDay__selected:hover,
    .CalendarDay__selected_span:active,
    .CalendarDay__selected_span:hover {
        background: #5ed68d !important;
    }

    .service-book-automatic .pet-form {
        font-size: 90%;
    }
    .service-book-automatic .pet-form .form-group {
        margin-bottom: 0.5em;
    }
    .service-book-automatic .pet-form label {
        line-height: 1.5em;
    }
    .service-book-automatic .service-find-items .carousel-control.right {
        position: absolute;
        top: 0;
        right: 2px;
    }

    .pet-form.simple label {
        line-height: 1.6em;
    }


    /** Calendar react-dates plugin **/
    .DateRangePicker,
    .SingleDatePicker {
        display: block !important;
        line-height: 1.5em
    }
    .DateInput_input {
        font-size: 1em !important;
    }
    .DateRangePickerInput_arrow {
        padding: 0 6px;
    }
    .DateRangePicker_picker__portal,
    .SingleDatePicker_picker__portal {
        z-index: 5 !important;
    }
    .DayPicker_weekHeader_li {
        line-height: 1em;
    }
    .CalendarMonthGrid table th,
    .CalendarMonthGrid table td {
        padding: 0;
    }
    .DayPicker_weekHeader_li small {
        font-size: 100%;
    }
    .DateInput:not([class*='_sm']) {
        width: 110px !important;
    }
    .DateInput.DateInput__small {
        width: 76px !important;
    }
    .DateRangePickerInput_arrow .DateRangePickerInput_arrow_svg__small {
        width: 8px !important;
    }
    @media all and (min-width: 768px) {
        .DateInput.DateInput__small {
            width: 82px !important;
        }
        .DateRangePickerInput_arrow .DateRangePickerInput_arrow_svg__small {
            width: 19px !important;
        }
    }
    .DateInput.DateInput__small .DateInput_input {
        padding: .3rem .4rem .25em;
        font-size: .875rem !important;
        line-height: 1.5;
        height: auto;
    }
    .DateInput.DateInput__small  + .DateRangePickerInput_arrow {
        padding: 0 1px;
    }
    .CalendarMonth_caption.CalendarMonth_caption_1 {
        font-size: 0.85em !important;
    }

    table.responsive {

    }

@media only screen and (max-width: 760px) {

	/* Force table to not be like tables anymore */
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr {
        display: block;

    }

    table.responsive {
        border: none;
    }
    table.responsive tr {
        margin: 10px 0;
    }

	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.responsive tr { border: 1px solid #ccc; }

	table.responsive td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
        padding: 0.5em 0 0.5em 50%;
        margin: 0;
	}

	table.responsive td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
        white-space: nowrap;
        content: attr(data-label);
	}
}


.food-subscription-page {
    background: white;
}

.food-subscription-page section .section-headding {
    font-weight: 700;
    font-family: 'Rubik';
    text-transform: uppercase;
}
.food-subscription-page .underlined-blue {
    border-bottom: 5px solid #04d5c9;
}
.food-subscription-page .bg-blue {
    background-color: #24bbb6;
}
.food-subscription-page .colored-blue {
    color: #04d5c9;
}
.food-subscription-page .colored-red {
    color: #ed1c24;
}
.food-subscription-page .form-group{
    font-size: 1.2em;
}
.food-subscription-page .btn.btn-tl {
    font-size: 1.2em;
    padding: 6px 24px;
    line-height: 1.1em;
    height: auto;
    border-radius: 18px;
}
.food-subscription-page .btn-tl.btn-yellow {
    border-radius: 4px;
    background: #fff54e;
    color: black;
    font-weight: 700;
    border-color: #efe43c;
    padding: 4px 26px;
    font-size: 1.5em;
    font-weight: bolder;
}
@media only screen and (max-width: 757px) {
    .food-subscription-page .btn-tl.btn-yellow {
        font-size: 1.1em;
    }
}
.food-subscription-page .btn-tl.btn-yellow.btn-wide {
    padding: 4px 60px;
}
.food-subscription-page .form-control {
  background: #39b54a;
  color: white;
  font-size: 1em;
}
.food-subscription-page.page-address .form-control {
    background: #fcfcfc;;
    color: #495057;
    font-size: 0.8em;
}
.food-subscription-page .form-control-radio .custom-control {
    padding-left: 0;
    margin-right: 0;
    border: 1px solid #53bf62;
    border-right-width: 0px;
    font-size: 0.9em;
}
.food-subscription-page .form-control-radio .custom-control:last-child {
    border-right-width: 1px;
}
.food-subscription-page .form-control-radio .custom-control .custom-control-label {
    background:transparent;
    padding: 4px 10px;
}
.food-subscription-page .form-control-radio .custom-control .custom-control-label::before,
.food-subscription-page .form-control-radio .custom-control .custom-control-label::after {
    display: none;
}
.food-subscription-page .custom-radio .custom-control-input:checked~.custom-control-label {
    background: #39b54a;
    color: white;
}

.sidenav.cart-sidebar {
    left: auto;
    right: -392px;
    width: 380px;
}
.sidenav.cart-sidebar.open {
    right: 0;
    box-shadow: 6px 0px 9px 5px black;
}
.sidenav.cart-sidebar .cart-item {
    right: 0;

}
.popover.cart-callout {
    background-color: #01cc66;
    border-color: #03bd60;
}

.popover.cart-callout > .arrow::after {
    border-bottom-color: #01cc66;
}
@media all and (max-width: 767px) {
    .cart-category-header {
        position: sticky;
        top: 42px;
        z-index: 1;
    }
}