@import url("https://p.typekit.net/p.css?s=1&k=jaa4rhc&ht=tk&f=15528.15529.15530.17251.17252.17253&a=32242626&app=typekit&e=css");
@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('fonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Eagle-Light';
    src: url('../fonts/Eagle-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Eagle-Light.woff') format('woff'), url('../fonts/Eagle-Light.ttf') format('truetype'), url('../fonts/Eagle-Light.svg#Eagle-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArcaMajora3-Bold';
    src: url('../fonts/ArcaMajora3-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ArcaMajora3-Bold.otf') format('opentype'), url('../fonts/ArcaMajora3-Bold.woff') format('woff'), url('../fonts/ArcaMajora3-Bold.ttf') format('truetype'), url('../fonts/ArcaMajora3-Bold.svg#ArcaMajora3-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "europa";
    src: url("https://use.typekit.net/af/f3ba4f/00000000000000003b9b12fa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/f3ba4f/00000000000000003b9b12fa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/f3ba4f/00000000000000003b9b12fa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-weight: 700;
}

@font-face {
    font-family: "europa";
    src: url("https://use.typekit.net/af/3e64fb/00000000000000003b9b12fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/3e64fb/00000000000000003b9b12fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/3e64fb/00000000000000003b9b12fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "europa";
    src: url("https://use.typekit.net/af/4eabcf/00000000000000003b9b12fd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/4eabcf/00000000000000003b9b12fd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/4eabcf/00000000000000003b9b12fd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "europa";
    src: url("https://use.typekit.net/af/a386b3/00000000000000003b9b12f9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/a386b3/00000000000000003b9b12f9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/a386b3/00000000000000003b9b12f9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: "europa";
    src: url("https://use.typekit.net/af/e32ad9/00000000000000003b9b12fb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/e32ad9/00000000000000003b9b12fb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/e32ad9/00000000000000003b9b12fb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "europa";
    src: url("https://use.typekit.net/af/a6fa4a/00000000000000003b9b12fc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/a6fa4a/00000000000000003b9b12fc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/a6fa4a/00000000000000003b9b12fc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
}

body {
    font-family: "europa", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

a,
img {
    text-decoration: none;
    outline: none;
    border: none;
    transition: all .4s;
}

:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

.btn {
    transition: all .4s;
}

.navbar-brand img {
    max-width: 200px;
    margin-right: 30px;
}

.navbar-brand img:last-child {
    margin-right: 0;
}

.top-navbar {
    position: relative;
    right: auto;
    left: auto;
    margin: auto;
    width: 100%;
    z-index: 3;
    transition: all .4s;
    padding: 35px 30px 90px 30px;
}

.header-scroll {
    position: fixed !important;
    z-index: 999;
    background-color: #fff;
    padding: 20px 30px 20px 30px;
    box-shadow: 0 0 10px -5px;
    transition: all .4s;
}

.top-navbar .navbar {
    padding: 0;
    /*height: 100px;*/
}

header .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    color: #24303f;
    font-weight: 500;
    margin: 0px 20px 0 0;
    text-transform: none;
}

header .navbar-light .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0;
    padding-right: 0;
}

header .navbar-light .navbar-nav .nav-link:hover,
header .navbar-light .navbar-nav .nav-link:focus,
header .navbar-light .navbar-nav .active>.nav-link {
    color: #45747a;
}

header .navbar-light .navbar-nav .nav-link.apply-link {
    margin-right: 0;
    color: #fadf8c;
    font-weight: 700;
}

header .navbar-light .navbar-nav .nav-link.apply-link:hover {
    border: none;
    /*color: #fff;*/
    font-weight: 700;
}

header .navbar-light .navbar-nav .active>.nav-link.apply-link {
    border-bottom: 1px solid #29c7ab;
}

.profile-img {
    margin-bottom: 10px;
}

.profile-img figure {
    position: relative;
    overflow: hidden;
    height: auto;
    background: #fadf8c;
    border-radius: 20px;
}

.green-bullet {
    height: 15px;
    width: 15px;
    display: inline-block;
    margin-right: 5px;
}

.available-text h2 {
    font-size: 16px;
    color: #000000;
}

.share-heart-icon {
    float: right;
    display: inline-block;
}

.share-heart-icon img {
    margin-right: 10px;
    max-width: 25px;
}

.max-width-25 {
    max-width: 29px;
}


/*
.max-width-20 {
    max-width: 20px;
}
*/

.profile-title-area {
    margin-left: 30px;
    padding-left: 20px;
}

.profile-title {
    position: relative;
    margin: 0 0 30px 0;
}

.img-left:before {
    left: -20px!important;
}

.profile-title:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    bottom: 7px;
    width: 7px;
    background: #fadf8c;
}

.profile-title h1 {
    font-size: 28px;
    font-weight: 400;
    text-transform: capitalize;
    color: #24303f;
    line-height: 35px;
}

.profile-title h1 span {
    font-weight: bold;
    display: block;
}

.h2-title {
    font-size: 16px;
    color: #24303f;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 5px;
    line-height: 24px;
}

.health-first-area h2 {
    font-size: 28px;
    color: #24303f;
    font-weight: bold;
    text-transform: capitalize;
}

.yellow-btn {
    font-size: 15px;
    color: #24303f;
    font-weight: 500;
    background: #fadf8c;
    padding: 10px 36px;
    border-radius: 10px;
    margin-top: 24px;
    display: inline-block;
    font-weight: bold;
}

#msform .action-button:hover,
.upload-btn:hover,
.yellow-btn:hover {
    background: #4F7379!important;
    color: #fff!important;
}

.health-first-area {
    margin-bottom: 50px;
}

.pp-profile .social-icon ul li a {
    position: relative;
    top: 0;
    display: inline-block;
}

.pp-profile .social-icon ul li a:hover {
    top: -4px;
}

.social-icon ul {
    padding: 0;
    margin: 0;
}

.social-icon ul li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

.social-icon ul li:last-child {
    margin-right: 0;
}

.social-icon ul li a {
    background: #45747b;
    /*
    width: 48px;
    height: 48px;
    line-height: 45px;
*/
    text-align: center;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    font-size: 24px;
}


/* .social-icon ul li a img {
    transform: scale(1);
    transition: all 0.5s;
} */


/*
.social-icon ul li a:hover {
    background: #fadf8c;
    color: #24303f;
}
*/


/* .social-icon ul li a:hover img {
    transform: scale(1.15);
} */

.h3-title {
    color: #24303f!important;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

.line-left {
    position: relative;
}

.line-left:before {
    content: "";
    position: absolute;
    left: -24px;
    top: 0;
    width: 7px;
    height: 100%;
    background: #fadf8c;
}

.availability-box-area {
    padding: 25px 65px 25px 40px;
    border: 1px solid #ddd;
}

.days-time-li {
    margin: 0;
    padding: 0;
}

.days-time-li li {
    display: inline-block;
    list-style: none;
    width: 30%;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    background: #ebebeb;
    margin-bottom: 20px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.days-time-li li:nth-child(3n+0) {
    margin-right: 0;
}

.days-time-li .title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    background: none;
    color: #24303f;
}

.availability-box-area {
    position: fixed;
    max-width: 100%;
    background: #fff;
    z-index: 3;
    /*    width: 39%;*/
}

.availability-box-area .yellow-btn {
    margin-top: 10px;
}

.yellow-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
}

.about-me-text {
    padding-left: 24px;
}

.about-special-gallery p {
    font-size: 15px;
    color: #24303f;
}

.about-special-gallery-wrapper p:last-child {
    margin-bottom: 0;
}

.profile-wrapper {
    margin-bottom: 50px;
}

.unavailable-opening-area {
    padding: 60px 0px;
    border: 1px solid #ddd;
    margin: 200px -30px 50px 30px;
}

.unavailable-opening-area h3 {
    margin-bottom: 26px;
}

.red-text {
    font-size: 13px;
    color: #ff0000;
    font-weight: 400;
    text-transform: uppercase;
}

.about-me-text {
    margin-bottom: 55px;
}

.list-li {
    padding: 0;
    margin: 0;
}

.special-offer-text .line-left:before {
    content: none;
}

.special-offer-text .line-left {
    position: relative;
}

.special-offer-text .line-left:after {
    content: "\f067";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: -30px;
    right: 0;
    color: #fadf8c;
}

.list-li li:before {
    content: "\f067";
    font-family: FontAwesome;
    position: relative;
    left: -10px;
    color: #fadf8c;
}

.list-li li {
    display: inline-block;
    width: 49%;
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px;
    font-size: 15px;
    color: #24303f;
    font-weight: 500;
}

.text-green {
    font-size: 16px;
    color: #45747a !important;
    margin-top: 10px;
    display: inline-block;
}

.text-green:hover {
    color: #fadf8c;
}

.gallery-area h3 {
    margin-bottom: 30px;
}

.gallery-area .carousel-control-prev {
    left: -80px;
}

.gallery-area .carousel-control-prev-icon {
    background: url(../images/previous-img.png) no-repeat left center;
    width: 32px;
    height: 28px;
}

.gallery-area .carousel-control-next-icon {
    background: url(../images/next-img.png) no-repeat right center;
    width: 32px;
    height: 28px;
}

.gallery-area .carousel-control-next {
    right: -80px;
    z-index: 1;
}

.hours-pricing-area h3 {
    margin-bottom: 50px;
}

.day-time-area {
    margin-bottom: 20px;
}

.day-time-area h4 {
    font-size: 17px;
    color: #24303f;
    text-transform: capitalize;
}

.day-time-area span {
    color: #24303f;
    background: #ebebeb;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 25px;
    display: inline-block;
    float: right;
    min-width: 140px;
    text-align: center;
}

.padd-left {
    padding-left: 30px;
}

.rating-li {
    margin-bottom: 5px;
    padding: 0;
}

.rating-li li {
    display: inline-block;
    margin-right: 10px;
}

.rating-li li:last-child {
    margin-right: 0;
}

.rating-li li a {
    color: #fadf8c;
    /*    font-size: 24px;*/
}

.comment-area {
    margin-bottom: 40px;
}

.comment-area h4 {
    font-size: 20px;
    font-weight: 600;
    color: #24303f;
    margin-bottom: 5px;
}

.comment-area .rating-li li {
    margin-right: 2px;
}

.comment-area .rating-li li a {
    font-size: 16px;
}

.comment-area h5 {
    font-size: 15px;
    font-weight: 600;
    color: #24303f;
    margin-bottom: 5px;
}

.reviw-date {
    color: #24303f;
    font-size: 15px;
    font-weight: 600;
}

.comment-area p {
    color: #24303f;
    font-size: 15px;
    font-weight: 500;
}

.review-post {
    font-size: 16px;
    color: #898989;
}

.grey {
    color: #d2d2d2 !important;
}

.pagination .page-item img {
    max-width: 28px;
}

.pagination .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.pagination .page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.pagination .page-item:last-child .page-link:hover {
    background: none;
}

.pagination .page-link {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    padding: 0;
    border: 0;
    color: #24303f;
    background: transparent;
}

.pagination .page-link.active,
.pagination .page-link:hover {
    background: #3c576e;
    color: #fff;
}

.location-area iframe {
    width: 100%;
    height: 558px;
}

.marg-70 {
    margin-top: 70px;
}

.spacetop {
    margin-top: 100px;
}

.number-text {
    font-weight: 500;
    color: #000000;
    font-size: 20px;
}

.space30 {
    padding: 0 30px;
}

.grey-box-googlearea .profile-title:before {
    width: 3px;
}

.grey-box-googlearea .img-left:before {
    left: -15px!important;
}

.grey-box-googlearea .profile-title-area {
    margin-left: 0;
    padding-left: 10px;
}

.grey-box-googlearea .health-first-area {
    margin-bottom: 15px;
}

.grey-box-googlearea .box-area {
    margin-bottom: 40px;
}

.box-area {
    background: #f7f7f7;
    padding: 40px 30px 30px;
    /*    border: 2px solid transparent;*/
    border-radius: 10px;
    position: relative;
}


/*
.box-area:hover {
    border: 2px solid #fadf8c;
}
*/

.health-first-area h2 {
    font-size: 22px;
}

.grey-box-googlearea iframe {
    height: 100%;
    position: fixed;
    margin-right: 0;
    right: 45px;
    width: 40%;
    padding-left: 45px;
}

.btn-top {
    position: absolute;
    top: -20px;
    padding: 5px 20px;
    background: #fadf8c;
    color: #fff;
    border-radius: 10px;
    font-size: 24px;
    font-weight: bold;
}

.box-area .h2-title {
    font-size: 16px;
    line-height: 24px;
}

.box-area .profile-title:before {
    top: 5px;
    bottom: 5px;
}

.box-area .profile-title h1 {
    font-size: 25px;
    line-height: 25px;
}

.box-area .profile-title h1 span {
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    display: block;
}

.fma-result-area .top-navbar {
    /*padding: 20px 0 !important;
    margin-bottom: 30px;*/
}

.profile-img-area .cavailability-box-area {
    position: relative;
    margin-left: 0;
    background: none;
    max-width: 100%;
    margin-right: 0;
    padding: 0;
    border: 0;
    left: -30px;
    z-index: inherit;
}

.heart-img span {
    position: relative;
    top: -20px;
    float: right;
    right: -40px;
}

.availability-box-area h3 {
    margin-bottom: 5px;
}

.cavailability-box-area .yellow-arrow {
    right: -45px;
}

.cavailability-box-area .yellow-arrow img {
    max-width: 24px;
}

.cavailability-box-area .yellow-btn {
    margin-top: 30px;
}


/*

.cavailability-box-area .width-li {
    width: 100px;
}
*/

.cavailability-box-area .width-li ul {
    padding: 0;
    margin: 0;
}

.cavailability-box-area .days-time-li .title {
    background: none;
}

.cavailability-box-area .days-time-li>li {
    display: inline-block;
    /*    width: 30%;*/
    background: #fff;
}

.cavailability-box-area .days-time-li>li ul li {
    display: block;
    width: 100%;
    background: #fff;
}


/*
.cavailability-box-area .days-time-li li {
    display: inline-block;
    width: 100px;
    background: #fff;
}
*/

.clear {
    clear: both;
}

.add-li {
    display: none !important;
}

.box-area .unavailable-opening-area {
    margin: 50px 0px 0px;
    padding: 50px;
    background: #fff;
}

.box-area .unavailable-opening-area h3 {
    margin-bottom: 0;
}

.cheart-img {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 5;
}

.grey-box-googlearea .health-first-area h3 {
    font-size: 14px;
    font-weight: 400;
}

.footer-area {
    padding-bottom: 50px;
}

.footer-area h4 {
    color: #000;
}

.request-box {
    margin-left: 0;
    padding: 60px 0;
    width: 38%;
}

.hm-profile-wrapper .cavailability-box-area .days-time-li>li ul li {
    background: #ebebeb;
}

.hm-profile-wrapper .cavailability-box-area .days-time-li .title {
    text-align: center;
}

.hm-profile-wrapper .cavailability-box-area .yellow-arrow {
    right: 20px;
    margin-top: -12px;
}

.grey-box-googlearea .availability-box-area {
    width: 100%;
}

.textbox-dropdown-area ul li {
    list-style: none;
}

.textbox-dropdown-area .form-group {
    position: relative;
    padding-left: 0px;
}


/* .textbox-dropdown-area .form-group:before {
    content: "";
    width: 39px;
    height: 37px;
    background: url(../images/search-img.png) no-repeat left center;
    position: absolute;
    left: 20px;
    top: 6px;
    background-size: 25px;
} */

.textbox-dropdown-area .form-control {
    height: 50px;
    box-shadow: none;
}

.box-shadow {
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    border: 1px solid #ced4da;
}

.textbox-dropdown-area .form-control:focus {
    border-color: #ced4da;
    /*-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;*/
}

.login-wrapper {
    /*    margin-bottom: 150px;*/
    padding: 50px 0;
}

.login-wrapper .h3-title {
    font-size: 30px;
    margin-bottom: 50px;
    font-weight: 600;
}

.login-wrapper .line-left:before {
    top: 7px;
    bottom: 7px;
    height: auto;
}

.grey-backg {
    background: #f7f7f7;
    padding: 50px 80px;
    border-radius: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.facebook-btn img {
    max-width: 20px;
}

.facebook-btn {
    background: #3c5997;
    padding: 10px 65px 0px;
    border-radius: 10px;
    margin-bottom: 40px;
    display: inline-block;
}

.facebook-btn:hover {
    background: #24303f;
}

.facebook-btn span {
    font-size: 25px;
    color: #ffffff;
    margin-left: 30px;
    display: inline-block;
}

.or-text {
    position: relative;
    display: table;
    font-size: 30px;
    color: #898989;
    text-align: center;
    margin: 0 auto;
}

.or-text:before {
    content: "-";
    position: absolute;
    top: 0;
    left: -20px;
    bottom: 0;
    align-items: center;
    display: flex;
}

.or-text:after {
    content: "-";
    position: absolute;
    top: 0;
    right: -20px;
    bottom: 0;
    align-items: center;
    display: flex;
}

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

.form-area {
    max-width: 450px;
    margin: 40px auto 0;
}

.form-area label {
    text-align: left;
    display: block;
    color: #24303f;
    font-weight: 500;
    font-size: 14px;
}

.msg-icon {
    position: relative;
}

.msg-icon:before {
    content: "";
    width: 24px;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    background: url(../images/mail-icon.png) no-repeat left center;
}

.lock-icon:before {
    width: 19px;
    background: url(../images/padlock.png) no-repeat left center;
}

.form-area .form-control {
    height: 50px;
    padding: 0 60px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    font-size: 14px;
}

.form-area .form-control:focus {
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    border-color: #ced4da !important;
}

.form-area .yellow-btn {
    border: 0;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 50px;
}

.form-area h4 {
    font-size: 16px;
    color: #24303f;
}

.form-area h4 a {
    color: #45747a;
}

.form-area h4 a:hover {
    text-decoration: underline;
}

.form-area h4 span img {
    max-width: 15px;
    margin-left: 5px;
}

.form-area .form-group {
    margin-bottom: 30px;
}

.about-me-text p {
    /* text-align: justify; */
    color: #24303f;
}


/*
.fma-search-result .days-time-li>li {
    width: 27%;
}
*/

.grey-box-googlearea .days-time-li .title {
    font-size: 14px;
}

.grey-box-googlearea .rating-li li {
    margin-right: 5px;
    vertical-align: bottom;
}

.grey-box-googlearea .rating-li li img {
    max-width: 25px;
}

.form-control {
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    height: 50px;
}

.single-logo img {
    max-width: 60px !important;
}

.grey-box-googlearea .profile-img-area .cavailability-box-area {
    left: 0;
}

.grey-box-googlearea .heart-img span {
    right: 0;
}

.grey-box-googlearea .cavailability-box-area .yellow-arrow {
    right: -10px;
}

.grey-box-googlearea .number-text {
    line-height: 25px;
}

.filter-text {
    margin-top: 5px;
}


/*=========== Popup =============*/

.popup-heading {
    color: #24303f;
    font-size: 24px;
    font-weight: bold;
}

.close-popup {
    position: absolute;
    right: 0;
    top: 0;
    border: 0 !important;
    margin: auto !important;
    font-size: 28px;
    color: #333333 !important;
    opacity: 1 !important;
}

.popup-content {
    padding: 0 50px;
}

.bottom-border {
    border-bottom: 2px solid #aaaaaa;
}

.bottom-top {
    border-top: 1px solid #aaaaaa;
}

.appointment-btn {
    background-color: #fadf8c;
    color: #24303f;
    border: none;
    font-weight: 600;
    margin: 25px 0 15px;
}

.appointment-btn:hover {
    background-color: #24303f;
}

.appointment-btn:active {
    background-color: #24303f !important;
}

.popup-title {
    color: #24303f;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.popup-padding {
    padding: 20px 0 30px;
}

.popup-label {
    padding: 0;
}

.popup-label li img {
    position: relative;
    top: -1px;
}

.popup-label .custom-control-label {
    font-size: 16px;
    color: #24303f;
}

.popup-label .custom-control-label::before {
    border-radius: 0;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
}

.popup-label .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #45747b;
}

.popup-label .custom-control-input:checked~.custom-control-label::before {
    background-color: #45747b;
}

.popup-label .custom-checkbox {
    position: relative;
}

.popup-label .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.popup-label .custom-checkbox::before {
    content: '';
    width: 1rem;
    height: 1rem;
    background-color: #45747b;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
}

.popup-label-right .custom-checkbox::before {
    right: -2px;
    left: auto;
}

.days-list .custom-control {
    padding: 5px 0;
}

.days-list .custom-control-label::before {
    left: auto;
    right: 0;
}

.days-list .custom-control-label::after {
    left: auto;
    right: 0;
}

.popup-text {
    padding-left: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #24303f;
}

.popup-text::-webkit-input-placeholder {
    color: #24303f;
}

.popup-text:-ms-input-placeholder {
    color: #24303f;
}

.popup-text::placeholder {
    color: #24303f;
}


/* switch */

.switch {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 40px;
    margin: 0;
}

.switch input {
    display: none;
}

.switch .slider {
    background-color: #67aeb5;
    bottom: 0;
    cursor: pointer;
    left: -5px;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}

.switch .slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 10px;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 10px;
}

input:checked+.slider {
    background-color: #898989;
}

input:checked+.slider:before {
    transform: translateX(29px);
}

.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

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

.box-shadow-none {
    box-shadow: none;
}

.day-datepicker {
    width: 110px;
    max-width: 110px;
    height: auto;
    padding-right: 0;
}

.day-datepicker::placeholder {
    color: #24303f;
    font-weight: 500;
}

.day-datepicker.custom-select {
    background: none;
    /*background: #fff url("images/dropdown-arrow.png") no-repeat right .75rem center;*/
}

.more-filter-btn {
    color: #24303f;
    font-weight: 500;
    margin-right: 20px;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.2px;
}

.datepicker.dropdown-menu {
    padding: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 5px 10px !important;
}

.datepicker .prev:before,
.datepicker .next:before {
    content: '';
    background: #fff url(../images/previous-img.png);
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 20px;
    background-repeat: no-repeat;
    position: absolute;
}

.datepicker .prev:before {
    left: 35px
}

.datepicker .next:before {
    transform: rotate(180deg);
    right: 35px;
    top: 18px;
}

.datepicker-dropdown.datepicker-orient-top:before,
.datepicker-dropdown.datepicker-orient-top:after {
    content: none;
}

.datepicker.dropdown-menu {
    top: 160px !important;
    /* position: fixed !important; */
    margin-left: -100px!important;
}

.datepicker .removehover:hover {
    background: transparent !important;
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #898989 !important;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.select-styled {
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    bottom: auto;
    /* left: 0; */
    background-color: transparent;
    padding: 0;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #24303f;
    padding-top: 0px;
}

#datepicker-group .select-styled,
.km-dropdown .select-styled {
    color: #000 !important;
}

.select-styled:active,
.select-styled.active {
    background-color: transparent;
}

.select-styled:active:after,
.select-styled.active:after {
    top: 9px;
    border-color: transparent transparent #fff transparent;
}

.custom-sdrop ul.select-options {
    width: 170px!important;
    padding: 15px 15px!important;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: -30px;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #45747a;
    border-radius: 5px;
    width: 250px;
    margin-top: 10px;
    padding: 15px 27px;
}

.select-options li {
    margin: 0;
    padding: 0;
    text-indent: 15px;
    /* border-top: 1px solid #962d22; */
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    color: #24303f;
    text-align: left;
}

.select-options li:hover {
    color: #45747a;
    background: #fff;
}

.select-options li[rel="hide"] {
    display: none;
}

.right-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 4;
    margin-top: -10px;
}

.datepicker-days tfoot th {
    /*border-top: 1px solid #ddd !important;*/
}

.datepicker tfoot tr th.save {
    background: #fadf8c;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background: transparent !important;
}

.time-filter-img .form-group {
    margin: 0 !important;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #fff !important;
    color: #000 !important;
}

.km-dropdown {
    position: relative;
    width: 70px;
}

.km-dropdown:before {
    content: '';
    border-left: 1px solid #45747a;
    position: absolute;
    top: 10px;
    left: -15px;
    display: block;
    width: 2px;
    height: 25px;
    z-index: 6;
}

.km-dropdown .select-styled {
    top: 7px;
    right: 70px;
    left: auto;
    padding-top: 0px;
}

.km-dropdown .right-arrow {
    position: absolute;
    right: 40px;
    /*top: 12px;*/
    margin-top: -12px;
}

.km-dropdown .select-options {
    width: 120px;
    padding: 15px 8px;
    right: 30px;
    left: -10px;
    top: 40px;
}

.textbox-dropdown-area .input-group-text {
    border: 0;
}

.textbox-dropdown-area .form-control {
    border: 0;
}

.km-dropdown .select {
    padding-top: 10px;
    width: 100%;
    z-index: 5;
}

.input-group-text img {
    max-width: 28px;
}

.datepicker .datepicker-days table thead th:hover {
    background: transparent !important;
    color: #000 !important;
}

.datepicker-days .clear {
    color: #186066;
    text-decoration: underline;
}

.datepicker-switch {
    font-size: 16px;
    font-weight: 400;
}

.online-dropdown .select {
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    height: 50px;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    letter-spacing: 1px;
    color: #898989 !important;
}

.online-dropdown .select .select-options {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    left: 0;
    z-index: 5;
}

.online-dropdown .select .select-options li {
    text-align: left;
    text-indent: 0;
}

.filter-modal {
    position: relative;
    width: 100%;
    padding-top: 4px;
    display: flex;
    align-items: center;
}

.spacenone .marg-bttm {
    margin-bottom: 0;
}

.online-dropdown .select-styled {
    color: #24303f !important;
}

.datepicker .old.day,
.datepicker .new.day {
    visibility: hidden;
}

.datepicker.dropdown-menu th {
    font-weight: 400;
}

.filter-dropdown-three img {
    max-width: 33px;
}

.filter-dropdown-three .select-styled {
    padding-top: 0;
}

.right-arrow img {
    max-width: 17px;
}


/* .custom-sdrop {
    position: relative;
}
.custom-sdrop:after{
    content: '';
    background: url(../images/dropdown-arrow.png);
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 17px;
    position: absolute;
    right: 0px;
    top: 8px;
} */

.select-dropdown .select-styled:after {
    content: '';
    background: url(../images/arrow-down.png);
    width: 16px;
    height: 9px;
    background-repeat: no-repeat;
    background-size: 16px;
    position: absolute;
    right: 20px;
    top: 12px;
}

.km-dropdown.select-dropdown .select-styled:after {
    right: 20px;
    top: 16px;
    content: none;
}

.price-distance-area {
    color: #24303f;
    margin-top: 20px;
}

.price-distance-area h4 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
}

.price-distance-area h5 {
    font-size: 20px;
    font-weight: bold;
}

.claim-title h4 {
    margin-top: 5px;
    color: #24303f;
}

.no-profile .profile-title {
    margin-bottom: 10px;
}

.no-profile h3 {
    margin-bottom: 20px;
}

#phone-txt {
    position: relative;
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 20px;
}

#phone-txt img {
    position: relative;
    z-index: 2;
}

#phone-txt span {
    display: none;
    background: rgb(69, 116, 123);
    color: #fff;
    padding: 6px 15px;
    border-radius: 50px;
    z-index: 1;
    transition: all 0.3s ease;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.sort-area .online-dropdown .select-styled {
    padding-left: 15px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    background: url(../images/dropdown-arrow.png) no-repeat right bottom;
    background-size: 15px;
}

.sort-area .select-options {
    width: 325px;
}

.box-toogle {
    width: 170px;
    display: inline!important;
}

.custom-sdrop .select-styled1 {
    min-width: 65px;
    max-width: 75px;
}

.plus-filter,
.calender-area {
    display: flex;
    align-items: center;
}

.sort-area .select-options li {
    text-align: left!important;
}

.spacenone .form-control:focus {
    border: 1px solid #ced4da;
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
}

.filter-modal,
.calender-area .drop-img,
.calender-area input {
    cursor: pointer;
}

.calender-area .form-control:focus {
    box-shadow: none!important;
}

.signup-textarea .profile-title {
    margin-bottom: 0;
    padding-left: 20px;
}

.signup-textarea .profile-title h1 {
    color: #24303f;
    font-weight: bold;
    text-transform: none;
}

.text-bold {
    color: #24303f;
    font-weight: bold;
}

.appointmen-text p {
    color: #24303f;
    font-size: 16px;
}

.signup-textarea {
    margin-bottom: 50px;
}

.work-area {
    margin-bottom: 75px;
}

.no-profile-text .media-body p,
.work-area p {
    text-align: justify;
    color: #24303f;
    font-size: 16px;
}

.fma-px-img {
    margin-bottom: 30px;
}

.no-profile-text .media {
    align-items: center;
}

.no-profile-text .media span {
    -webkit-text-fill-color: #fadf8c;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    display: inline-block;
    color: #807d7d;
    text-shadow: -1px -2px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-size: 90px;
    margin-right: 50px;
    font-family: 'Helvetica Neue';
}

.no-profile-text .media-body p:last-child {
    margin-bottom: 0;
}

.no-profile-text {
    margin-bottom: 50px;
}


/* .fma-result-area-header .header-scroll {
    padding: inherit;
}

.fma-result-area-header .top-navbar {
    padding: 35px 15px;
} */

.fma-result-area-header .top-navbar {
    padding-bottom: 40px;
}

.paddleft {
    padding-left: 0;
}

.fma-result-area-header .grey-box-change-area {
    margin-top: 50px;
}

.header-downarea .online-dropdown .select .select-options li,
.header-downarea .form-control {
    font-size: 14px;
}

.header-downarea .online-dropdown .select-styled {
    font-size: 12px;
    line-height: 24px;
}

.find-appointment-btn .yellow-btn {
    font-size: 13px;
    padding: 10px 5px;
    margin-top: 0;
    display: block;
    text-align: center;
    border-radius: 5px;
}


/*=========11/1/19===========*/

.fma-result-area-header .right-arrow {
    right: 40px;
}

.fma-result-area-header .box-area .unavailable-opening-area {
    margin: 35px 0px 0px;
    padding: 40px;
}

.grey-box-change-area .available-text .yellow-btn {
    font-size: 13px;
}

.grey-box-change-area .number-text,
.grey-box-change-area .available-text h2 {
    font-size: 14px;
}

.grey-box-change-area .rating-li li img {
    max-width: 20px;
}

.grey-box-change-area .profile-title {
    margin: 0 0 20px 0;
}

.grey-box-change-area .price-distance-area {
    margin-top: 10px;
}

.grey-box-change-area .health-first-area {
    margin-bottom: 5px;
}

.grey-box-change-area .days-time-li li {
    height: 30px;
    line-height: 30px;
}

.grey-box-change-area .days-time-li li,
.grey-box-change-area .days-time-li .title {
    font-size: 13px;
}

.grey-box-change-area .yellow-btn {
    font-size: 13px;
    color: #24303f;
    font-weight: 500;
    background: #fadf8c;
    padding: 5px 20px;
}

.grey-box-change-area .btn-top {
    font-size: 16px;
    top: -14px;
    padding: 5px 14px;
}

.grey-box-change-area .box-area .profile-title h1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}

.grey-box-change-area .box-area .profile-title h1 span {
    font-size: 18px;
    margin-top: 0;
    font-weight: 400;
}

.grey-box-change-area .box-area .h2-title {
    font-size: 14px;
    line-height: 20px;
}

.grey-box-change-area .health-first-area h2 {
    font-size: 16px;
    color: #24303f;
}

.grey-box-change-area .h3-title,
.grey-box-change-area .price-distance-area h4,
.grey-box-change-area .price-distance-area h5 {
    font-size: 15px;
}

.grey-box-change-area .claim-title h4 {
    font-size: 20px;
}

.grey-box-change-area .heart-img span {
    top: -10px;
}

.grey-box-change-area .cheart-img img,
.grey-box-change-area .heart-img img {
    max-width: 20px;
}

.grey-box-change-area .yellow-arrow img {
    max-width: 15px;
}

.grey-box-change-area .yellow-btn {
    margin-top: 20px;
}

.grey-box-change-area .claim-title h4 {
    font-size: 13px!important;
}

.unavailable-opening-area h3,
.available-txt {
    font-size: 14px!important;
}

.grey-box-change-area #phone-txt span {
    font-size: 14px!important;
}

.grey-box-change-area .box-area {
    padding: 30px 30px 20px;
}

.fma-result-area-header .rating-li {
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.fma-result-area-header .heart-img span {
    right: -10px;
}

.fma-result-area-header .cavailability-box-area .days-time-li>li ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.fma-result-area-header .green-bullet {
    height: 13px;
    width: 13px;
    position: relative;
    top: -2px;
}

.fma-result-area-header .available-text .yellow-btn {
    margin-top: 10px;
}

.fma-result-area-header .available-text h2 {
    font-size: 13px;
}

.grey-box-change-area .price-distance-area h5 {
    font-size: 14px;
    color: #24303f;
}


/*=========11/1/19===========*/


/* dashboard page*/

.sidebar-menu-blue {
    background: url(../images/sidebar-blue-bg.png) center right / cover!important;
}

.sidebar-menu {
    background: url(../images/sidebar-bg.png) center right / cover;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    position: fixed;
    width: 270px;
    transition: .4s ease all;
}

.sidebar-menu .navbar {
    background: transparent !important;
    padding: 10px 10px 10px 28px;
}

.sidebar-menu .navbar .navbar-nav {
    display: block;
}

.sidebar-menu .navbar .nav-link {
    color: #24303f;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.sidebar-menu .navbar .nav-link.active,
.sidebar-menu .navbar .nav-link:hover {
    color: #ffffff;
    opacity: 1;
}

.sidebar-menu .navbar .nav-link span {
    margin-right: 10px;
}

.progress {
    height: 23px;
    background-color: transparent;
    border-radius: 50px;
    border: 2px solid #24303f;
    padding: 1px;
    margin-left: 40px;
    margin-bottom: 10px;
}

.progress-bar {
    background-color: #24303f;
    border-radius: 50px;
    color: #fadf8c;
}

.sidebar-switch .btn-success,
.sidebar-switch .btn-danger {
    background-color: transparent;
    border-radius: 50px;
    /*border: 1px solid #24303f;*/
    border-color: #24303f;
    padding: 1px;
    color: #24303f;
    font-size: 13px;
    width: 65%;
}

.toggle-handle {
    width: 60px;
    border-width: 0 1px;
    background-color: #24303f !important;
    border: 0;
    border-radius: 50px;
    left: -31px;
    height: 17px;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sidebar-switch .toggle {
    width: 125px !important;
    height: 23px !important;
    min-height: 23px;
    border: 2px solid #24303f;
}

.sidebar-switch .btn-success.toggle-on {
    text-align: left;
    padding-left: 15px;
}

.sidebar-switch .btn-light:hover {
    background-color: #24303f;
}

.sidebar-switch .toggle.off .btn-danger {
    width: 75%;
}

.sidebar-switch .toggle.off .toggle-handle {
    left: 32px;
}

.sidebar-switch .toggle.off label.btn-success {
    border: 0;
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    background: transparent;
    border-color: #24303f;
    color: #24303f;
}

.sidebar-switch {
    margin-left: 40px;
    margin-bottom: 10px;
}

.page-content {
    padding: 15px 45px 15px 340px;
    transition: .4s ease all;
}

.page-title {
    font-size: 25px;
    color: #24303f;
    font-weight: 600;
    margin-bottom: 10px;
}

.top-single-box {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
}

.grey-bg {
    background: #f7f7f7;
}

.top-single-box p {
    margin-bottom: 0;
    color: #9a9a9a;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0.5px;
}

.top-single-box .number {
    font-size: 20px;
    color: #24303f;
    font-weight: 600;
}

.down-arrow,
.up-arrow {
    display: inline-block;
    margin-left: 8px;
}

.shadow-none {
    box-shadow: none;
    height: 40px;
}

.sub-title {
    font-size: 17px;
    color: #24303f;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.appointment-box {
    background: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.appointment-box ul {
    padding: 0;
    margin: 9px 0;
}

.appointment-box ul li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.appointment-box ul li a {
    position: relative;
    top: 0;
    display: inline-block;
}

.appointment-box ul li a:hover {
    top: -4px;
}

.appointment-box p {
    color: #24303f;
    margin-bottom: 0;
    font-size: 17px;
    letter-spacing: 0.5px;
}

.person-name {
    font-weight: 600;
    font-size: 17px;
    display: block;
    color: #24303f;
    letter-spacing: 0.5px;
}

.person-name span {
    float: right;
}

.call-action-slider .carousel-inner {
    max-width: 358px;
    margin: auto;
}

.mt-38 {
    margin-top: 38px;
}

.call-action-slider .carousel-control-next,
.call-action-slider .carousel-control-prev {
    opacity: 1;
    padding-bottom: 63px;
    position: relative;
}

.call-action {
    margin-top: 20px;
}

.call-action p {
    color: #24303f;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 0;
}

.call-action span {
    font-weight: 600;
    letter-spacing: 0.8px;
}

.see-more-link {
    color: #45747a;
    font-size: 17px;
    letter-spacing: 0.5px;
    line-height: 21px;
    font-weight: 400;
}

.see-more-link:hover {
    color: #45747a
}

.see-more-link img {
    max-width: 8px;
}

.follow-up-sectn {
    max-width: 305px;
    margin: 20px auto 0;
}

.follow-box {
    background: #fff;
    border-radius: 10px;
    padding: 15px 30px;
}

.follow-box h5 {
    font-size: 17px;
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.follow-box .media {
    margin-bottom: 20px;
}

.follow-box .media:last-child {
    margin-bottom: 15px;
}

.patient-notification-area .follow-box .media:last-child {
    margin-bottom: 0;
}

.send-btn .yellow-btn {
    padding: 2px 30px;
    margin: 0;
    border-radius: 5px;
    letter-spacing: 0.5px;
    font-size: 17px;
    color: #000;
}

.send-btn .yellow-btn:hover {
    color: #fff;
}

.info-icon {
    position: relative;
    top: -3px;
    max-width: 12px;
}

.follow-number {
    background: #45747a;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 15px;
}

.follow-box-icon {
    position: relative;
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.bottom-switch span {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: -7px;
}

.bottom-switch {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding-bottom: 35px;
}

.sidebar-logo {
    position: absolute;
    bottom: 50px;
    left: 15px;
    right: 0;
}

.sidebar-logo img {
    max-width: 160px;
}

.dashboard-wrapper .input-group-text {
    border-radius: 8px;
}

.dashboard-wrapper .form-control {
    border-radius: 8px;
}

.dashboard-wrapper .form-control::placeholder {
    font-size: 13px;
    color: #9a9a9a;
}

.carousel-control-next img,
.carousel-control-prev img {
    max-width: 24px;
}

.right-section .appointment-box p {
    font-weight: 400;
}

.right-section .appointment-box {
    padding: 15px 15px;
}

.mCSB_container {
    height: 100%;
    display: flex;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.1)!important;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.2);
}

.toggle-group {
    display: flex;
    align-items: center;
}

l,
d
/* signup page*/

.pattern-img {
    background-image: url('../images/pattern-img.png');
    padding: 100px;
    background-repeat: no-repeat;
    background-size: contain;
}

.free-profile-box {
    border: 1px solid #b7b7b7;
    padding: 60px 55px 43px;
    width: 471px;
    right: 107px;
    top: 280px;
    transition: all 0.5s;
}

.line-title {
    color: #24303f;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    position: relative;
    padding-left: 20px;
}

.line-title::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    bottom: 7px;
    width: 7px;
    background: #fadf8c;
}

.common-padd-left-right {
    padding: 0 55px;
}

.common-padding {
    padding: 70px 0;
}

.faq-accrodian .card-header {
    background: transparent;
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.faq-accrodian .card-header .btn-link {
    color: #24303f;
    font-size: 17px;
    text-decoration: none;
    padding: 0 0 20px;
    margin-top: 23px;
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    padding-right: 30px;
    white-space: normal;
}

.faq-accrodian .card-header .btn-link span {
    color: #45747a;
}

.faq-accrodian .card {
    border: 0;
}

.faq-accrodian .card-body {
    padding: 10px 0;
}

.accordion .card-header .btn-link:after {
    content: "";
    /* float: right; */
    background: url(../images/minus-icon.png) no-repeat center;
    width: 20px;
    height: 20px;
    right: 0;
    position: absolute;
    top: 2px;
    /*    bottom: 0;*/
    margin: auto;
}

.accordion .card-header .btn-link.collapsed:after {
    content: "";
    background: url(../images/plus-icon-yellow.png) no-repeat center;
}

.free-profile-box.spacetop {
    margin-top: -100px;
}

.free-profile-box .form-control,
.form-control.small-input {
    border: 0;
    box-shadow: none;
    background: #f7f7f7;
    height: 34px;
    font-size: 12px;
    border-radius: 5px;
}

.mt-30 {
    margin-top: 30px;
}

.green-text {
    color: #45747a;
}

.free-profile-box .custom-checkbox {
    width: 315px;
    margin: auto;
    padding: 0;
}

.free-profile-box .popup-label .custom-control-label {
    font-size: 15px;
}

.mt-50 {
    margin-top: 50px;
}

.free-profile-box .yellow-btn {
    padding: 4px 20px;
    border-radius: 9px;
}

.free-profile-box .line-title {
    font-size: 24px;
    letter-spacing: 1px;
}

.code-input {
    border: 2px solid #45747a;
    height: 63px;
    width: 46px;
    padding: 5px;
    font-size: 26px;
    text-align: center;
    color: #24303f;
    font-weight: bold;
}

.code-input-list {
    text-align: center;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 75px;
}

.code-input-list li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.send-code-btn {
    color: #45747a;
    text-align: left;
}

.verify-modal .popup-content {
    padding: 10px 30px 30px;
}

.mt-40 {
    margin-top: 40px;
}

.verify-btn {
    padding: 5px 30px;
    border-radius: 7px;
}

.mt-35 {
    margin-top: 35px !important;
}

.mb-70 {
    margin-bottom: 70px;
}

.work-profile-wrapper a:hover,
.verify-modal a:hover {
    color: #45747a;
}

.appointmen-text {
    max-width: 540px;
    margin-left: auto;
}

.bttm-droparea {
    position: relative;
    top: 20px!important;
    right: 0!important;
    transform: rotate(450deg);
    margin-bottom: 10px;
}

.brdr {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 40px;
}

.add-icon {
    color: #fadf8c;
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}

.fav-lg-btn .heart-icon {
    width: 23px!important;
    height: 30px!important;
    background-size: 23px!important;
}

.fav-btn .heart-icon {
    background: url(../images/heart-img.png) no-repeat center;
    width: 21px;
    height: 20px;
    background-size: 20px;
    display: inline-block;
}

.fav-btn.fill .heart-icon {
    background: url(../images/heart-img-2.png) no-repeat center;
    background-size: 20px;
}

.arrow-btn .yellow-btn {
    position: relative;
    z-index: 1;
}


/*====== Welcome Modal ========*/

#step1-modal .modal-header,
#edit-profile-modal .modal-header {
    display: block;
    text-align: center;
    border-bottom: 0;
}

.about-you-text .no-profile-text .media span {
    font-size: 56px;
    margin-right: 10px;
    letter-spacing: 2px;
}

.about-you-text h3 {
    font-size: 18px;
    color: #24303f;
    margin-bottom: 5px;
}

.about-you-text .progress {
    width: 110px;
    margin-left: 0;
    height: 22px;
    margin-bottom: 5px;
}

#step1-modal h6 #edit-profile-modal h6 {
    font-size: 14px;
    color: #000000;
    letter-spacing: 1.2px;
}

#step1-modal .popup-heading,
#edit-profile-modal .popup-heading {
    font-size: 18px;
    margin-bottom: 5px;
}

.fontsize10 {
    font-size: 11px!important;
    color: #000000!important;
    font-weight: 400;
    letter-spacing: 1px;
}

.about-you-text .no-profile-text {
    max-width: 100%;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
}

#step2-modal .bottom-border,
#step1-modal .bottom-border {
    border-bottom: 1px solid #cccccc!important;
}

.paratext {
    font-size: 13px;
    color: #000000;
    line-height: 20px;
    margin-top: 20px;
    letter-spacing: 0.6px;
}

.round-righticon-area {
    position: relative;
}

.right-round-icon {
    position: absolute;
    right: -20px;
    top: 5px;
}

.bio-area h2,
.profile-img-area h2 {
    color: #000000;
    font-size: 15px;
    letter-spacing: 0.8px;
    font-weight: 500;
}

.search-result-header .profile-img-area h2 {
    font-weight: 600;
}

.profile-img-area h3 {
    font-size: 13px;
    color: #898989;
}

.browse-img-area {
    border: 2px dashed #9e9c9c;
    padding: 40px;
    margin-top: 15px;
}

.browse-img {
    margin-bottom: 30px;
}

.drag-drop-text {
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
}

.text-or {
    font-size: 14px;
    color: #898989;
}

.browse-img-area .yellow-btn {
    margin-top: 0px;
    padding: 5px 30px;
    font-size: 14px;
    color: #45747a;
    font-weight: 400;
    background: none;
    border: 1px solid #45747a !important;
}

.profile-img-area {
    margin-bottom: 20px;
}

.bio-area .paratext {
    margin-top: 10px;
    margin-bottom: 30px;
}

.bio-area .form-control:focus {
    border: 1px solid #c8c8c8;
}

.bio-area .form-control {
    box-shadow: none;
    resize: none;
    width: 100%;
    height: 400px;
    border: 1px solid #c8c8c8;
    border-radius: 0;
}

.character-txt {
    font-size: 14px;
    color: #898989;
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
}

#step1-modal .modal-footer {
    border-top: 0;
}

.add-bio {
    margin-bottom: 25px;
}

.add-bio .yellow-btn {
    padding: 5px 26px;
    font-size: 14px;
    color: #24303f;
}

.save-btn {
    color: #45747a;
    border: 1px solid #45747a;
    background: none;
    padding: 3px 24px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
}

.continue-txt {
    font-size: 14px;
    color: #45747a!important;
    font-weight: bold;
    margin-top: 3px;
    display: inline-block;
}

.continue-txt:hover {
    color: #000!important;
}

.step-modal-content {
    padding: 20px;
}

.continue-txt img {
    max-width: 12px;
    margin-left: 10px;
}

#fileLoader {
    display: none;
}

.browse-file input[type="button"] {
    border: 0;
    cursor: pointer;
}


/*======== Continue modal ===========*/

.leftspace {
    padding-left: 20px;
}

.continue-modal-txt {
    margin-top: 25px;
}

.continue-modal-txt h1 {
    font-size: 18px;
    color: #24303f;
    font-weight: bold;
}

.continue-modal-txt label {
    font-size: 13px;
    color: #24303f;
}

.continue-modal-txt h5 {
    font-size: 18px;
    color: #24303f;
}

.additiona-services {
    margin-bottom: 40px;
}

.continue-modal-txt .popup-label .custom-control-label {
    font-size: 14px;
    color: #24303f;
}

.header-downarea .online-dropdown.avalable-drop .select-styled {
    margin-left: -20px;
}

.client-wrapper table td a {
    color: #666;
}

.client-wrapper table td a:hover {
    color: #000;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .about-you-text .no-profile-text {
        display: block;
    }
    .about-you-text .no-profile-text .media span {
        -webkit-text-stroke: 1px #fadf8c;
        color: #fadf8c;
    }
    .select2-dropdown {
        background-color: white;
        border: 1px solid #aaa;
        border-radius: 4px;
        box-sizing: border-box;
        display: block;
        position: absolute;
        left: -100000px;
        width: 100%;
        z-index: 1051;
    }
    .select2-search--dropdown {
        display: block;
        padding: 4px;
    }
    .select2-container--default .select2-results>.select2-results__options {
        max-height: 200px;
        overflow-y: auto;
    }
    .select2-container--default .select2-results__option[aria-selected=true] {
        background: none !important;
    }
    .select2-container .select2-results__option {
        background: none;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        color: #24303f;
        font-size: 13px;
        letter-spacing: 1px;
    }
}

.grey-box-googlearea .cavailability-box-area .yellow-arrow {
    right: -10px;
    top: 40%;
}

.no-checkbox .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #fff;
}

.time-dropdown .select-dropdown.custom-sdrop .select-styled:after {
    right: -20px;
}

.padd-left-0 {
    padding-left: 0;
}

.dashboard-wrapper .mt-38 {
    margin-top: 22px;
}

.dashboard-wrapper .mb-30 {
    margin-bottom: 20px;
}

.slider-img {
    max-width: 250px;
}

.steps-modal .bottom-border {
    border-bottom: 1px solid #cccccc;
}

.timefilter-dropdown .header-downareawidth .custom-sdrop .select-styled1,
.timefilter-dropdown .more-filter-btn {
    letter-spacing: 1.2px;
}

.save-btn-bg {
    color: #fff;
    border: 0;
    background: #45747a;
}

.popup-accordian-area {
    margin-bottom: 25px;
}

.popup-accordian-area h2 {
    font-size: 14px;
    color: #24303f;
    font-weight: bold;
    margin-bottom: 10px;
}

.popup-accordian-area .faq-accrodian .card-header .btn-link {
    font-size: 13px;
    padding: 0 0 15px;
    margin-top: 10px;
    font-weight: 400;
}

.popup-accordian-area .card-body {
    font-size: 13px;
}

.popup-accordian-area .faq-accrodian .card-header {
    border-bottom: 1px solid #cccccc;
}

.add-faq-area {
    margin-top: 30px;
}

.add-faq-area label {
    font-size: 14px;
    color: #24303f;
    font-weight: bold;
}

.add-faq-area .yellow-btn {
    padding: 5px 20px;
    border-radius: 5px;
    font-weight: 400;
    color: #000000;
    margin-top: 14px;
}

.popup-accordian-area .accordion .card-header .btn-link.collapsed:after,
.popup-accordian-area .accordion .card-header .btn-link:after {
    background-size: 15px;
}

.congrat-txt {
    margin: 20px 0 45px;
}

.congrat-txt h4 {
    font-size: 18px;
    color: #24303f;
    font-weight: bold;
}

.congrat-txt .paratext {
    margin-top: 10px;
}

.profile-complete-step .yellow-btn {
    padding: 5px 21px;
    margin-top: 0;
    border-radius: 5px;
    letter-spacing: 0.2px;
    font-size: 14px;
    font-weight: 400;
}

.txt-green {
    color: #45747a!important;
}

.use-simplistical-txt .yellow-btn {
    margin-bottom: 30px;
    color: #000000;
}

.use-simplistical-txt span {
    margin-bottom: 35px;
    font-size: 14px;
    color: #898989;
}

.btn-existing-dropdown h3 {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}

.popup-content .modal-footer {
    border-top: none;
}

.top-right-options {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
}

.top-right-options li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.print-btn {
    width: 52px;
    height: 49px;
    border-radius: 8px;
    border: 1px solid #45747a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.print-btn:hover {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.row .page-title {
    margin-bottom: 0;
}

.small-btn {
    padding: 4px 30px;
    margin: 0;
    border-radius: 8px;
    letter-spacing: 0.5px;
    font-size: 17px;
    color: #000;
    text-align: center;
    border: 0;
    cursor: pointer;
}

.top-right-options .small-btn {
    margin-right: 50px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-35 {
    margin-bottom: 35px;
}

.sort-by-dropdown {
    display: flex;
    align-items: center;
}

.sort-by-dropdown label {
    white-space: nowrap;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.sort-by-dropdown .select {
    background-color: #fff;
    box-shadow: none;
    height: 40px;
    border: 0;
    border-radius: 8px;
    width: 73.5%;
    padding-left: 30px;
}

.sort-by-dropdown.select-dropdown .select-styled:after {
    right: 10px;
    top: 11px;
    background-size: 15px;
}

.sort-by-dropdown .select-styled {
    padding-top: 0;
    width: 100%;
}

.sort-by-dropdown .select-options {
    width: 100%;
    left: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #fff;
}

.table td,
.table th {
    border-top: 0;
    border-right: 2px solid #cccccc;
    text-align: center;
    padding: 8px 10px;
    font-size: 17px;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.table td:last-child,
.table th:last-child {
    border-right: 0;
}

.table thead th {
    border-bottom: 0;
    background: #fff;
}

.client-filter {
    max-width: 855px;
}

.client-filter .form-control {
    font-size: 14px;
}

.client-filter .form-control::placeholder {
    font-size: 14px;
}

.client-filter .form-control::-moz-placeholder {
    font-size: 14px;
}

.client-filter .form-control::-webkit-placeholder {
    font-size: 14px;
}

.dashboard-wrapper .pagination {
    margin-top: 0px;
}

.grey-dropdown .select {
    background-color: #f7f7f7;
    box-shadow: none;
    height: 34px;
    border: 0;
    border-radius: 8px;
    width: 100%;
    padding-left: 30px;
    font-size: 13px;
    color: #898989 !important;
    padding-left: 10px;
}

.grey-dropdown .select-styled {
    /*  color: #898989;*/
    padding: 0;
    width: 100%;
}

.grey-dropdown.select-dropdown .select-styled:after {
    top: 13px;
    background-size: 8px;
}

.grey-dropdown .select-options {
    width: 100%;
    left: 0;
    padding: 10px 0;
}

.hide-first-child .select-options li:first-child {
    display: none;
}

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

.mt-20 {
    margin-top: 20px !important;
}

.reminders {
    padding: 0;
}

.reminders li {
    float: left;
    /*width: 33.33%;*/
    list-style: none;
    margin-right: 20px;
}

.reminders li:last-child {
    margin-right: 0;
}

.reminders li .switch {
    width: 55px;
}

.reminder-switch {
    display: flex;
    align-items: center;
}

.reminders li .person-name {
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
}

textarea.form-control {
    /*
    border: 1px solid #787878;
    height: auto;
    border-radius: 0;
    resize: none;
    font-size: 13px;
    box-shadow: none;
*/
    resize: none;
    height: 135px!important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
}

.popup-title {
    font-size: 16px;
    letter-spacing: 0.3px;
}

.mt-50 {
    margin-top: 50px;
}

.steps-modal {
    overflow-y: auto;
    margin-right: -17px !important;
}

.modal-header .close {
    z-index: 5;
}

.small-line-title {
    font-size: 18px;
    color: #24303f;
    position: relative;
    padding-left: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.small-line-title::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #fadf8c;
}

.area-list {
    margin-top: 10px;
    padding-left: 20px;
}

.area-list li {
    position: relative;
    list-style: none;
    display: inline-block;
    width: 49%;
    padding-left: 15px;
    font-size: 12.5px;
    color: #24303f;
    margin-bottom: 5px;
    font-weight: 300;
    letter-spacing: 0.2px;
}

.area-list li:before {
    content: '+';
    color: #fadf8c;
    font-size: 13px;
    font-weight: 600;
    /*
    background: url(../images/plus-icon-yellow.png) no-repeat;
    width: 6px;
    height: 6px;
    background-size: 6px;*/
    position: absolute;
    left: 0;
    top: 0;
}

.show-all-link {
    font-size: 12px;
    display: inline-block;
    padding-left: 20px;
    font-weight: 300;
}

.show-all-link img {
    margin-left: 5px;
    max-width: 7px;
}

.drag-drop-text p {
    letter-spacing: 0.5px;
}

.continue-txt {
    letter-spacing: 0.6px;
}

.profile-img-area h3 {
    letter-spacing: 0.5px;
}

.steps-modal .switch {
    width: 55px;
}

.steps-modal .person-name {
    font-size: 14px;
    letter-spacing: 0.7px;
    font-weight: 500;
}


/*==========12-11-19==============*/

.client-wrapper .select,
.client-wrapper .small-btn,
.client-wrapper .table td,
.table th {
    font-size: 14px;
}

.client-wrapper .print-btn {
    width: 45px;
    height: 45px;
}

.client-wrapper .pagination .page-link {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.grey-box-change-area .profile-img-area h3 {
    color: #24303f;
}

.hm-gallery-wrapper .day-time-area span {
    font-size: 14px;
    min-width: 120px;
}

.hm-gallery-wrapper .text-green .fa {
    position: relative;
    top: 2px;
}

.hm-profile-wrapper .profile-img-area h3 {
    color: #24303f;
}

.hm-profile-wrapper .available-text h2 {
    font-size: 16px;
}

.listing-li li {
    display: block;
    width: 100%;
}

.hm-avalibility-area .bttm-droparea {
    margin-top: 10px!important;
}

.hm-avalibility-area .bttm-droparea .yellow-btn {
    position: relative;
    z-index: 1;
}

.select-two-dropdown .select2-container,
.select-two-dropdown .select2-container--default .select2-search--inline .select2-search__field {
    width: 100%!important;
}

.select-two-dropdown .select2-container .select2-selection--multiple,
.select-two-dropdown .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0;
    box-shadow: none;
    background: #f7f7f7;
    font-size: 12px;
    border-radius: 5px;
}

.select-two-dropdown .select-styled {
    display: none;
}

.select-two-dropdown .select2-container .select2-search--inline .select2-search__field {
    margin-top: 8px;
    letter-spacing: 1.5px;
}

.select-two-dropdown .select2-container .select2-search--inline {
    float: none;
}

.fma-result-area-header .top-navbar.header-scroll {
    padding-bottom: 20px;
}

.header-new-dropdown .more-filter-btn,
.custom-sdrop .select,
.calender-area .form-control {
    letter-spacing: 1.5px;
}

.header-new-dropdown .select-options {
    z-index: 1;
}


/*=============14-11-19=============*/

.checkbox-close-area li {
    list-style: none;
}

.checkbox-close-area li {
    display: inline-block;
}

.checkbox-close-area {
    text-align: right;
}

.client-title-area h5 {
    color: #45747a;
    font-size: 14px;
    font-weight: 600;
}

.client-title-area span {
    font-size: 14px;
    font-weight: 400;
}

.client-title-area {
    font-size: 14px;
    letter-spacing: 0.5px;
}

.referrals-clients-modal .paratext {
    color: #24303f;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 40px;
    letter-spacing: 1.2px;
}

.referrals-clients-modal .modal-header {
    padding: 20px 0 0;
}

.nav-blue {
    color: #24303f;
}

.client-title-area {
    margin-bottom: 10px;
}

.selected-btn .yellow-btn:first-child {
    margin-right: 10px;
}

.selected-btn .save-btn {
    width: 120px;
    padding: 5px 0;
    letter-spacing: 0.5px;
}

.selected-btn .save-btn-bg {
    border: 1px solid #45747a;
}

.referrals-clients-modal .about-you-text h3 {
    font-size: 16px;
    color: #24303f;
}

.referrals-clients-modal .step-modal-content {
    padding: 0 20px 20px;
}

.black-text-area .client-title-area h5 {
    color: #24303f;
}

.fma-result-new-area .profile-img-area {
    margin-bottom: 0px;
}

.fma-result-new-area .bttm-droparea {
    top: 15px!important;
}

.fma-result-new-area .grey-box-change-area .yellow-btn {
    margin-top: 13px;
}

.fma-result-new-area .grey-box-change-area .box-area .profile-title h1 {
    margin-top: -5px;
}

.sub-menu::before {
    background: #ffffff;
}

.sub-menu {
    font-size: 23px;
}


/*=============15-11-19=============*/

.profile-accordian .card-header .btn-link {
    margin-top: 12px;
    padding: 0 0 12px;
    font-size: 14px;
    font-weight: 300;
}

.profile-accordian .card-header .btn-link:after {
    background-size: 16px !important;
    top: 0px;
}

.globe-img {
    max-width: 36px;
    margin-right: 10px;
}

.profile-accordian .card-header {
    border-bottom: 1px solid #cccccc;
}

.free-profile-box .form-control,
.form-control.small-input {
    color: #24303f;
    font-size: 13px;
}

.profile-accordian .card-body {
    padding: 20px !important;
}

.edit-profile-img {
    max-width: 230px;
    margin: 0 auto;
    position: relative;
}

.image-upload>input {
    display: none;
}

.image-upload label span {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: capitalize;
    letter-spacing: 0.3px;
    margin-top: 5px;
}

.image-upload-edit {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
}

.portrait-text {
    color: #898989;
    margin-top: 50px !important;
    font-weight: 500;
    font-size: 13px !important;
}

.profile-accordian .padd-60 {
    padding: 60px 0 !important;
}

.profile-accordian .send-btn .yellow-btn {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 32px;
    border-radius: 8px;
}

#edit-profile-modal .close-popup img {
    max-width: 15px;
}

#edit-profile-modal .popup-profile-heading {
    font-size: 17px;
    color: #24303F;
    font-weight: 600;
}


/*=============15-11-19=============*/


/*=============18/11/19=============*/

.client-txt-color h5 a {
    color: #24303f;
}


/*=============Doctor Profile Wrapper==========*/

.doctor-profile-wrapper .top-navbar {
    padding: 35px 30px 30px;
    background: #fff;
    /* position: fixed; */
    top: 0;
}


/*
.doctor-profile-wrapper .page-content {
    padding-top: 140px;
}
*/

.profile-right-btn-area .save-btn:first-child {
    margin-right: 15px;
}

.profile-right-btn-area .save-btn {
    padding: 6px 30px;
}

.profile-right-btn-area .save-btn-bg {
    border: 1px solid #45747a;
}

.profile-right-btn-area {
    margin-top: 6px;
    margin-bottom: 19px;
}

.score-review-listing-area {
    margin-bottom: 5px;
}

.analaytics-wrapper .person-name,
.score-review-listing-area .appointment-box .person-name {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.mt-25 {
    margin-top: 25px;
    display: inline-block;
}

.score-review-listing-area .appointment-box {
    border-radius: 5px;
    padding: 15px 15px;
    min-height: 380px;
}

.score-review-listing-area .appointment-box ul li a:hover {
    top: 0;
}

.date-format {
    font-size: 13px;
    color: #999999;
    position: relative;
    top: 4px;
    font-weight: 400;
}

.review-date-area {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.review-date-area:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.review-date-area .person-name {
    border-bottom: 0!important;
    margin-bottom: 0;
    padding-bottom: 5px!important;
}

.review-date-area .rating-li li {
    margin-right: 2px;
}

.review-date-area .rating-li li img {
    max-width: 19px;
}

.text-description {
    font-size: 14px!important;
    color: #666666!important;
    font-weight: 400;
}

.review-date-area .see-more-link {
    font-size: 15px;
}

.review-date-area .see-more-link img {
    max-width: 100%;
}

.profile-small-img img {
    border: 1px solid #ddd;
    border-radius: 20px;
}

.imgdrop {
    float: right;
    position: relative;
    top: 2px;
}

.imgdrop img {
    max-width: 7px;
}

.monthly-location-text ul li {
    display: block;
    font-size: 13px;
    color: #24303F;
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #B7B7B7;
    margin-right: 0;
}

.monthly-location-text ul li:last-child {
    margin-bottom: 0;
}

.middle-text {
    position: relative;
    top: 2px;
}

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

.graph-area {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}

.text-no-area {
    margin-bottom: 20px;
}

.text-no-area .top-single-box {
    margin-top: 0;
    padding: 13px;
}

.text-no-area .top-single-box p {
    color: #999999;
    font-size: 12px;
}

.text-no-area .top-single-box .number {
    font-weight: 400;
}

.additional-services-area .media {
    background: #fff;
    padding: 10px;
}

.additional-services-area .media-body h5 {
    font-size: 12px;
    color: #999999;
    font-weight: 400;
    letter-spacing: 1px;
}

.additional-services-area .media-body .number {
    font-size: 24px;
    color: #24303f;
}

.additional-services-area .media img {
    max-width: 40px;
}

.additional-service-box {
    margin-bottom: 20px;
}

.additional-service-box:last-child {
    margin-bottom: 0;
}

.c-up-arrow {
    position: relative;
    top: -3px;
}

.booking-made-request-txt {
    margin-top: 20px;
}

.booking-made-request-txt ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

.booking-made-request-txt ul li {
    display: inline-block;
    color: #457279;
    letter-spacing: 0.5px;
    font-size: 15px;
}

.booking-made-request-txt ul li a {
    color: #457279;
}

.booking-made-request-txt ul li img {
    max-width: 7px;
    margin-left: 5px;
}

.booking-made-request-txt ul li:after {
    content: "|";
    padding: 0 10px;
}

.booking-made-request-txt ul li:last-child:after {
    content: none;
}

.text-none {
    float: left;
}

.txt-show {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 10px 14px;
}

.additional-box:hover .box-hide {
    display: block;
}

.additional-box .box-hide .media {
    padding: 0;
    background: none;
}

.box-hide {
    border: 1px solid #ddd;
    border-radius: 10px;
    position: absolute;
    top: -20px;
    margin-left: 40px;
    width: 180px;
    z-index: 1;
    display: none;
    background: #fff;
    padding: 10px;
}

.box-hide h5 {
    color: #000000!important;
    font-size: 12px!important;
}

.nav-dropdown .dropdown-menu {
    left: -109px;
    padding: 0px 10px!important;
    min-width: 190px;
    border: 1px solid #A3C6CB;
    border-radius: 10px;
    margin-top: 5px;
}

.nav-dropdown .dropdown-menu ul {
    padding: 0;
}

.nav-dropdown .dropdown-menu ul li {
    border-bottom: 1px solid #A3C6CB;
}

.nav-dropdown .dropdown-menu ul li:last-child {
    border-bottom: 0;
}

.nav-dropdown .dropdown-item {
    padding: 5px 10px;
    font-size: 13px;
    color: #45737A;
    font-weight: 600;
    letter-spacing: 0.7px;
    border-bottom: 1px solid #A3C6CB;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
}

.nav-dropdown .dropdown-item:last-child {
    border-bottom: 0;
}

.nav-dropdown .dropdown-item:hover {
    background: #45747B;
    color: #fff;
}

.nav-dropdown .nav-link {
    border: 1px solid #45747B !important;
    border-radius: 10px;
    padding: 3px 10px;
    color: #45747B!important;
}

.nav-dropdown .nav-link img {
    max-width: 11px;
    margin-left: 10px;
}

.nav-dropdown .dropdown-toggle::after {
    content: none;
}

.doctor-profile-wrapper header .navbar-light .navbar-nav .nav-item:last-child .nav-link {
    padding-right: .5rem;
}

.top-round {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background: #D90000;
    display: inline-block;
    border-radius: 50px;
    position: absolute;
    top: -16px;
    right: -6px;
}

.top-round a {
    color: #fff;
}

.header-icon {
    width: 16px;
    height: 17px;
    display: inline-block;
    margin: 0 auto;
    transition: all .3s;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.header-icon-1 {
    background: url(../images/head-icon-1.png) no-repeat;
}

.header-icon-2 {
    background: url(../images/head-icon-2.png) no-repeat;
}

.header-icon-3 {
    background: url(../images/head-icon-3.png) no-repeat;
}

.header-icon-4 {
    background: url(../images/head-icon-4.png) no-repeat;
}

.header-icon-5 {
    background: url(../images/head-icon-5.png) no-repeat;
}

.header-icon-6 {
    background: url(../images/head-icon-6.png) no-repeat;
}

.header-icon-7 {
    background: url(../images/head-icon-7.png) no-repeat;
}

.header-icon-8 {
    background: url(../images/head-icon-8.png) no-repeat;
}

.header-icon-9 {
    background: url(../images/head-icon-9.png) no-repeat;
}

.header-icon-10 {
    background: url(../images/head-icon-10.png) no-repeat;
}

.nav-dropdown ul li:hover .header-icon {
    background-position: 0 -17px;
}

.nav-dropdown .dropdown-menu .top-round {
    width: 15px;
    line-height: 15px;
    text-align: center;
    height: 15px;
    font-size: 12px;
    top: -5px;
}


/*=====================21-11-19=================*/


/*

.image-upload-wrap {
    position: relative;
}

.file-upload-content {
    display: none;
    text-align: center;
}

.file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.file-upload {
    margin-top: 15px;
}

.file-upload-content {
    border: 2px dashed #cccccc;
}

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.file-upload-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.remove-image:active {
    border: 0;
    transition: all .2s ease;
}
*/


/* for single select */


/*
.select-single .select2-container {
    background-color: #f7f7f7;
    box-shadow: none;
    height: 34px;
    border: 0;
    border-radius: 8px;
    width: 100% !important;
    padding-left: 30px;
    font-size: 13px;
    color: #898989 !important;
    padding-left: 5px;
    padding-top: 2px;
}

.select-single .select2-container--default .select2-selection--single, .select-single .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.select-single .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0;
    background: url(../images/dropdown-arrow.png);
    width: 19px;
    height: 23px;
    margin-left: -10px;
    background-repeat: no-repeat;
    background-size: 9px;
}

.select2-results__option {
    padding: 0px 10px !important;
    color: #24303f;
}

.select2-dropdown {
    border: 1px solid#333 !important;
    border-radius: 4px !important;
    margin-top: 10px;
    padding: 10px 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
    color: #45747a !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: transparent !important;
    color: #45747a !important;
}
*/

.click-here-link img {
    max-width: 8px;
}

.spl-btn span {
    font-size: 16px;
}

.spl-btn img {
    max-width: 14px;
}

.spl-btn {
    padding: 10px 25px 0px;
    margin-bottom: 30px;
}

.or-text-bld {
    position: relative;
    display: table;
    font-size: 20px;
    color: #24303f;
    text-align: center;
    margin: 0 auto;
    font-weight: 800;
    text-transform: uppercase;
}


/*=====================21-11-19=================*/

.patient-img-area img {
    border-radius: 50%;
}

.patient-img-box h3 {
    font-size: 13px;
    color: #232F3F;
    letter-spacing: 0.5px;
}

.patient-img-box {
    text-align: center;
    float: left;
}

.appointment-white-card {}

.pateient-invoice-area p {
    font-size: 13px;
    color: #232F3F;
    margin-bottom: 5px;
    font-weight: 500;
    letter-spacing: 0.7px;
}

.pateient-invoice-area .add-format,
.pateient-invoice-area .date-format {
    font-weight: 600!important;
    top: 0;
}

.icon-li li {
    margin-right: 0!important;
    position: relative;
}

.icon-li li img {
    max-width: 22px;
}

.icon-li li a:hover {
    top: 0!important;
}

.icon-li li.location-img:hover .box-hide {
    display: block;
}

.icon-li li .box-hide {
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin-left: -40px;
    top: -42px;
}

.phn-img .box-hide {
    width: 150px!important;
}

.patient-dashboard-slider .carousel-indicators {
    bottom: 80px;
}

.patient-dashboard-slider .carousel-indicators .active {
    background: #43737A;
}

.patient-dashboard-slider .carousel-indicators li {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: none;
    border: 1px solid #43737A;
    cursor: pointer;
}

.patient-dashboard-slider .call-action {
    margin-top: 30px;
}

.patient-dashboard-wrapper .call-action-slider .carousel-inner {
    max-width: 100%;
    margin: inherit;
}

.patient-notification-area {
    max-width: 100%;
}

.patient-notification-area {
    margin: 20px 0px 0px;
}


/*
.patient-notification-area .follow-box {
    background: none;
    padding: 0!important;
}
*/

.update-area {
    position: relative;
}

.update-area .top-round {
    left: 75px;
    right: 0;
    top: -5px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}

.patient-dashboard-slider .follow-box-icon img {
    max-width: 30px;
    display: inline-block;
}

.doctor-profile-wrapper .sidebar-menu {
    height: calc(100vh - 123px);
}

.doctor-profile-wrapper .main-wrapper {
    margin-top: 123px;
}

.green-dropdown .dropdown-toggle::after {
    content: none;
}

.green-dropdown .dropdown-menu {
    left: -40px;
    border-radius: 10px;
    /*
    width: 191px;
    height: 75px;
*/
    border: 1px solid #CDCDCD;
}

.green-dropdown .dropdown-item:hover,
.green-dropdown .dropdown-item.active,
.green-dropdown .dropdown-item:active {
    background: #4E7279;
    color: #fff;
}

.green-dropdown .dropdown-item.active::before,
.green-dropdown .dropdown-item:active::before {
    content: '';
    background-image: url('../images/check.png');
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 15px;
    height: 15px;
    margin: auto;
}

.green-dropdown .dropdown-item {
    color: #4E7279;
    font-size: 16px;
    padding: 5px 30px;
    position: relative;
}

.green-dropdown .dropdown-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.social-link {
    background-color: #fadf8c;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 24px !important;
    border-radius: 50px;
    padding: 0 !important;
}

.social-link:hover {
    background-color: #45747B;
}

.patient-dashboard-wrapper .top-navbar,
.home-header .top-navbar {
    padding: 15px 30px !important;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
}

.banner-section {
    background-image: url('../images/home-banner.jpg');
    height: 828px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    margin-top: 76px;
    color: #ffffff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.proflie-banner-section {
    background-image: url('../images/pract-profile-bg.jpg');
    height: 600px;
    margin-top: 0;
    /* display: flex; */
    align-items: center;
}

.banner-section .container {
    height: 100%;
    display: flex;
    align-items: center;
}

.banner-section h1 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 41px;
    letter-spacing: 1.5px;
}

.banner-section p {
    font-size: 19px;
    letter-spacing: 1px;
    width: 620px;
    line-height: 31px;
}

.appointment-btn-banner {
    font-size: 15px;
    background-color: #fadf8c;
    color: #24303f;
    border: none;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding: 10px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    cursor: pointer;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
}

.appointment-btn-banner:hover {
    background-color: #ffffff;
    color: #45747a;
}

.banner-search .box-shadow {
    margin: 0 !important;
    border: 0;
}

.banner-search .input-group-text {
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
}

.banner-search .form-control {
    border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -ms-border-radius: 0 10px 10px 0;
    -o-border-radius: 0 10px 10px 0;
}

.carousel-section {
    padding: 50px 50px 40px;
    border-bottom: 2px solid #d9d9d9;
}

.carousel-section .bx-wrapper {
    margin: 0 auto;
    max-width: 100%!important;
}

#slide-section .slide {
    display: inline-block;
    max-width: 115px !important;
    margin-right: 75px !important;
    text-align: center;
}

#slide-section .slide:hover .slide-circle {
    border: 3px dashed #45747a;
}

#slide-section .slide:hover span {
    color: #45747a;
}

.bx-viewport {
    height: auto !important;
}

#slide-section .slide img {
    height: 72px;
    padding: 10px;
}

#slide-section .slide span {
    font-size: 17px;
    color: #24303f;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 30px;
    display: block;
}

#slide-section .slide-circle {
    border: 3px dashed #24303f;
    height: 115px;
    width: 115px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.feature-section {
    padding: 60px 0 150px;
    /*    background-image: url('../images/feature-pattern.png');*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: 100%;
}

.centerline-heading {
    font-size: 28px;
    color: #24303f;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
}

.centerline-heading::after {
    content: '';
    border-bottom: 5px solid #f6df97;
    position: absolute;
    width: 100px;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
}

.feature-box {
    background-color: #ffffff;
    box-shadow: 3px 3px 15px 8px rgba(0, 0, 0, 0.2);
    padding: 30px 25px;
    border-radius: 5px;
    border-left: 18px solid #45747a;
    margin-top: 70px;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
}

.feature-box:hover {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}

.feature-list {
    margin-top: 35px;
    color: #24303f;
}

.feature-box .view-profile {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #45747a;
    padding: 5px 13px;
    border-radius: 12px;
    letter-spacing: 0.3px;
    margin-top: 20px;
    display: inline-block;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.feature-box .view-profile:hover {
    background-color: #fadf8c;
    color: #45747a;
}

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

.feature-box h2 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.feature-box .name {
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: 10px;
    display: inline-block;
}

.feature-box .online-status {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 12px;
}

.feature-box p:last-child {
    margin-bottom: 0;
}

.feature-box p {
    font-size: 13px;
    letter-spacing: 0.8px;
}

.feature-box p a {
    color: #45747a;
}

.feature-box .status {
    position: relative;
}

.feature-box .status-icon {
    position: absolute;
    bottom: 5px;
    right: 20px;
}

.feature-list .feature-spacing:nth-child(odd) {
    padding-right: 50px;
}

.feature-list .feature-spacing:nth-child(even) {
    padding-left: 50px;
}

.app-section {
    background-image: url('../images/app-bg.jpg');
    height: 530px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #24303f;
    display: flex;
    align-items: center;
}

.app-section h1 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    position: relative;
    margin-bottom: 35px;
}


/*
.app-section h1::after {
    content: '';
    position: absolute;
    border-bottom: 5px solid #f6df97;
    left: 0;
    bottom: -23px;
    width: 100px;
}
*/

.app-section p {
    font-size: 17px;
    letter-spacing: 0.5px;
}

.store-top {
    margin-top: 50px;
}

.store-top img {
    position: relative;
    top: 0;
    transition: .3s ease all;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
}

.store-top img:hover {
    top: -5px;
}

.store-top img:first-child {
    margin-right: 16px;
}

.app-phone {
    position: absolute;
    right: 0;
    top: -160px;
}

.people-section {
    margin-top: 80px;
    padding: 80px 0 160px;
}

.people-list {
    margin-top: 140px;
    color: #24303f;
}

.people-box p {
    font-size: 17px;
    letter-spacing: 0.5px;
    font-style: italic;
    width: 80%;
    min-height: 100px;
}

.people-name {
    font-size: 15px;
    font-style: italic;
}

.people-top {
    margin-top: 50px;
}

.people-box::before {
    content: '';
    background-image: url('../images/quate.png');
    position: absolute;
    background-size: 138px;
    top: -15px;
    bottom: 0;
    left: 10px;
    width: 138px;
    background-repeat: no-repeat;
    z-index: -1;
}

footer {
    background-color: #f7f7f7;
    padding: 50px 0 10px;
    border-bottom: 16px solid #fadf8c;
}

.footer-link {
    padding: 0;
    margin: 0;
}

.footer-link li {
    margin-bottom: 7px;
}

.footer-link li:last-child {
    margin-bottom: 0;
}

.footer-link a {
    font-size: 17px;
    color: #24303f;
    letter-spacing: 0.8px;
}

.footer-link a:hover {
    color: #45747B;
}

.link-space {
    margin: 25px 0 0 90px;
}

footer h4 {
    color: #24303f;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
}

.footer-social {
    display: flex;
    padding: 0;
    margin: 0;
}

.footer-social li {
    margin: 30px 15px 0 0;
}

.copyright {
    color: #24303f;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: right;
    margin: 40px 0 0 0;
}

.footer-link-left {
    padding-left: 115px;
}

.home-header header .navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    color: #585858;
    font-weight: 600;
    padding: 0;
    margin: 0px 25px 0 0;
}

.home-header header .navbar-light .navbar-nav .nav-link:hover,
.home-header header .navbar-light .navbar-nav .nav-link:focus,
.home-header header .navbar-light .navbar-nav .active>.nav-link {
    color: #45747a;
}

.home-header .nav-dropdown .nav-link {
    padding: 2px 15px !important;
}

.home-header .people-box p {
    font-size: 16px;
}

.home-header .people-top {
    margin-top: 40px;
}

.home-header .people-list {
    margin-top: 120px;
}

.home-header .carousel-section {
    padding: 40px 0px 40px;
}

.home-header .textbox-dropdown-area .form-control {
    height: 42px!important;
}

.home-header .textbox-dropdown-area {
    margin-top: 40px;
}

.service-provider {
    margin-top: 35px;
    letter-spacing: 1px !important;
}

.service-provider a {
    color: #45747a;
}

.service-provider a:hover {
    color: #ffcd34;
}

.home-header .nav-item .social-link {
    float: left;
    margin-right: 15px !important;
    height: 40px;
    width: 40px;
    font-size: 18px !important;
}

.home-header .nav-item .social-link:last-child {
    float: left;
    margin-right: 0px !important;
}

.home-header header .navbar-light .navbar-nav .nav-item:last-child .nav-link {
    border: 0 !important;
}

.home-header .nav-dropdown .nav-link:hover {
    background-color: #45747B;
    color: #ffffff !important;
}

.custom-nav-dropdown .dropdown-menu {
    left: 0;
}

.custom-nav-dropdown .dropdown .nav-link:hover {
    background: transparent;
    color: #45747B!important;
}

.font-16 {
    font-size: 16px!important;
}

.font-12 {
    font-size: 12px!important;
}

.patientdashboard-new-wrapper .main-wrapper {
    margin-top: 90px;
}

.patientdashboard-new-wrapper .sidebar-menu {
    height: calc(100vh - 90px);
}

.home-header .banner-section h1 {
    text-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px;
    font-size: 38px;
    margin-bottom: 25px;
}

.home-header .banner-section p {
    font-size: 18px;
    text-shadow: rgba(0, 0, 0, 0.8) 0px 10px 10px;
    width: inherit !important;
    max-width: 648px;
}

.hm-banner-text {
    padding: 0px;
}

.home-header .textbox-dropdown-area {
    margin-top: 60px;
    margin-bottom: 0px;
}

.hm-banner-text .search-b {
    min-width: 404px;
}

.hm-banner-text li {
    display: inline-block;
    margin-right: 15px;
}

.hm-banner-text .location-b {
    min-width: 262px;
}

.hm-banner-text li {
    display: inline-block;
    margin-right: 15px;
}

.hm-banner-text li:last-child {
    margin-right: 0px;
}

.hm-banner-text li {
    display: inline-block;
    margin-right: 15px;
}

.hm-banner-text li .box-shadow {
    border: 0;
}

.hm-banner-text .appointment-btn-banner {
    position: relative;
    top: -8px;
    border-radius: 5px;
}

.need-help-wrapper h1 {
    font-size: 24px;
    color: rgb(36, 48, 63);
    font-weight: 600;
    margin-bottom: 10px;
}

.need-help-wrapper p {
    font-size: 16px;
    font-weight: 400;
    color: rgb(36, 48, 63);
    margin-bottom: 0px;
}

.need-help-wrapper .centerline-heading::after {
    bottom: -30px;
}

.need-help-wrapper .white-box {
    margin-bottom: 70px;
}

.need-help-wrapper .centerline-heading {
    margin-bottom: 70px;
}

.need-help-wrapper .white-card {
    box-shadow: rgba(0, 0, 0, 0.4) 2px 7px 18px;
    position: relative;
    max-width: 314px;
    min-height: 515px;
    background: rgb(255, 255, 255);
    padding: 24px 30px;
    border-radius: 5px;
    transition: all 0.2s ease 0s;
    margin: 0 auto;
}

.need-help-wrapper .white-card .heart-img .heart-icon {
    position: absolute;
    right: 20px;
    top: 10px;
    background: url(../images/heart-img.png) no-repeat right top;
    width: 32px;
    height: 30px;
    z-index: 2;
}

.need-help-wrapper .white-card .heart-img .heart-icon.iconfill {
    background: url(../images/heart-img-2.png) no-repeat right top;
}

.need-help-wrapper .white-card .heart-icon img {
    max-width: 27px;
}

.need-help-wrapper .white-card .round-img {
    margin-bottom: 10px;
}

.need-help-wrapper .white-card .round-img {
    position: relative;
}

.need-help-wrapper .white-card h2 {
    font-size: 16px;
    color: rgb(36, 48, 63);
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.need-help-wrapper .white-card h3 {
    color: rgb(69, 116, 122);
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    min-height: 40px;
}

.need-help-wrapper .white-card .rating-li {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(220, 220, 220);
}

.need-help-wrapper .white-card .round-img .round-box-img {
    border-radius: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(220, 220, 220);
    border-image: initial;
    padding: 5px;
}

.need-help-wrapper .white-card .rating-li li {
    margin-right: 5px;
}

.need-help-wrapper .white-card .rating-li li img {
    max-width: 20px;
}

.find-appointment-btn .yellow-btn {
    display: inline-block;
}

.need-help-wrapper .white-card h3 {
    color: rgb(69, 116, 122);
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    min-height: 40px;
}

.need-help-wrapper .white-card .green-bullet {
    width: 24px;
    display: inline-block;
    position: absolute;
    bottom: 24px;
    left: 110px;
    right: 0px;
    margin: auto;
}

.green-bttn .yellow-btn {
    display: inline-block;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    padding: 10px 52px;
    background: rgb(69, 116, 122);
}

.myotherapy-wrapper {
    min-height: 676px;
    position: relative;
    display: flex;
    align-items: center;
    background-size: cover !important;
}

.myotherapy-content {
    background: rgba(253, 251, 249, 0.8);
    padding: 40px 50px;
}

.myotherapy-content p {
    color: #24303f;
    font-size: 15px;
}

.myotherapy-wrapper .profile-title {
    margin-bottom: 20px;
}

.app-section {
    color: rgb(36, 48, 63);
    display: flex;
    align-items: center;
    position: relative;
    min-height: 705px;
    background: rgb(247, 247, 247);
    padding: 60px 0px;
}

.my-appoint-img {
    margin-bottom: 40px;
}

.app-section h1 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    position: relative;
    margin-bottom: 25px;
}

.app-section .store-top {
    margin-top: 60px;
}

.home-header .people-section {
    margin-top: 45px;
    padding: 30px 0px 80px;
}

.home-header .navbar-brand img {
    max-width: 160px;
    width: 100%;
}

.home-header footer {
    min-height: 385px;
    background-size: cover !important;
    border-bottom: 0px;
    padding-top: 70px;
}

.home-header footer h4 {
    font-size: 18px;
}

.home-header .copyright {
    color: rgb(255, 255, 255);
}

.home-header .link-space {
    margin-left: 50px;
}

.home-header .footer-link li {
    margin-bottom: 10px;
}

.home-header footer h4,
.home-header .footer-link a {
    color: rgb(255, 255, 255);
}

.home-header .white-logo {
    margin-bottom: 30px;
}

.left-right-padd {
    padding: 40px 30px !important;
}

.need-help-wrapper {
    background: rgb(248, 248, 248);
}

.need-help-wrapper .white-card .white-card-text {
    padding-bottom: 30px;
}

.need-help-wrapper p {
    font-size: 14px;
    font-weight: 400;
    color: rgb(36, 48, 63);
    margin-bottom: 0px;
}

.home-header header .navbar-light .navbar-nav .nav-link {
    font-size: 14px;
    color: rgb(36, 48, 63);
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0px;
    margin: 0px 25px 0px 0px;
}

.need-help-wrapper .white-card .round-img {
    margin-bottom: 10px;
}

.btn-bttm p {
    color: rgb(69, 116, 122);
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.need-help-wrapper .white-card .round-img .round-box-img {
    border-radius: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(220, 220, 220);
    border-image: initial;
    padding: 5px;
}

.need-help-wrapper .white-card .round-img {
    position: relative;
}

.home-header .social-link {
    background: rgb(69, 116, 123) !important;
}

.home-header .social-link:hover {
    background: rgb(250, 223, 140) !important;
}

.btn-bttm {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
}

.need-help-wrapper .white-card .yellow-btn {
    font-size: 12px;
    color: rgb(255, 255, 255);
    margin-top: 0px;
    display: inline-block;
    font-weight: 500;
    min-width: 91px;
    background: rgb(69, 116, 122);
    padding: 4px 18px;
    border-radius: 10px;
    letter-spacing: 0.5px;
}

.myotherapy-wrapper .profile-title h1 {
    font-size: 16px;
    color: rgb(36, 48, 63);
    font-weight: 600;
}

.myotherapy-wrapper .profile-title h1 span {
    font-size: 25px;
}

.myotherapy-wrapper .green-bttn .yellow-btn {
    margin-top: 25px;
    padding: 8px 22px;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.eagle-font {
    font-family: 'Eagle-Light';
}

.arca-font {
    font-family: 'ArcaMajora3-Bold';
}

.my-appoint-img {
    margin-bottom: 30px;
}

.app-section h1 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0.3px;
    position: relative;
    margin-bottom: 20px;
}

.app-section p {
    font-size: 17px;
    letter-spacing: 0.5px;
}

.app-section .store-top {
    margin-top: 50px;
}

.app-section::after {
    content: "";
    width: 754px;
    height: 700px;
    position: absolute;
    right: 0px;
    bottom: -60px;
    background: url(../images/iphone-img.png) no-repeat;
}

.home-footer .social-link {
    color: rgb(12, 78, 78) !important;
    background: rgb(255, 255, 255) !important;
}

.home-header .social-link:hover {
    background: rgb(250, 223, 140) !important;
}

.home-header .top-navbar {
    padding: 27px 30px !important;
}

.white-logo {
    margin-bottom: 40px;
}

.home-header .footer-link a:hover {
    color: rgb(250, 223, 140) !important;
}

.hm-banner-text .form-control {
    font-size: 12px;
    line-height: 42px !important;
}

.hm-banner-text .location-b .form-control {
    padding-left: 10px;
}

.hm-banner-text .location-b .input-group-text {
    padding-right: 0px;
}

.home-header #slide-section .slide {
    margin-right: 60px !important;
}

.need-help-wrapper .white-card:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}

.green-bttn .yellow-btn:hover,
.need-help-wrapper .white-card .yellow-btn:hover {
    color: rgb(0, 0, 0) !important;
    background: rgb(250, 223, 140) !important;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .myotherapy-wrapper {
        height: 706px;
        justify-content: flex-start;
    }
}


/*============  Dashboard ===================*/


/*
.my-appointment-logo img {
    max-width: 200px;
}
*/

.sidebar-blue-area .navbar .nav-link span {
    margin-right: 5px!important;
}

.sidebar-blue-area .navbar-nav li {
    margin-left: 35px;
}

.img-side {
    display: none;
}

.img-side-toggle {
    display: inline-block;
}

.sidebar-blue-area .navbar .nav-link {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    padding-left: 0;
    position: relative;
    left: 0px;
    opacity: 0.5;
}

.my-appointment-logo {
    position: absolute;
    top: 126px;
    left: 15px;
}

.sort-img {
    margin-top: 30px;
    margin-bottom: 100px;
}

.logout-logo {
    width: 100%;
    left: -10px;
}

.logout-txt {
    position: relative;
    left: 10px;
    color: #ffffff;
    font-size: 16px;
    top: 3px;
}

.font-400 {
    font-weight: 400 !important;
}

.dashboard-top-area {
    position: relative;
    float: right;
    display: flex;
    align-items: center;
}

.dashboard-top-area li:last-child {
    margin-right: 0;
}

.dashboard-top-area li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.notification-txt {
    width: 20px;
    height: 20px;
    background: #ff0000;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: -5px;
    top: -8px;
}

.dashboard-top-area .patient-img-area img {
    width: 33px;
}

.dashboard-top-area .green-bullet {
    position: absolute;
    right: -7px;
    bottom: 10px;
    width: 10px;
    height: 10px;
}

.user-title {
    font-size: 13px;
    font-weight: 600;
    color: #24303f;
}

.user-title span {
    font-weight: 400;
}

.brdr-bttm {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}

.brdr-btttm {
    border-bottom: 0 !important;
}

.earning-box .top-single-box {
    background: #e2eced;
    padding: 10px 0 0;
    min-height: 71px;
}

.earning-box .top-single-box p {
    font-size: 13px;
    margin-bottom: 10px;
}

.padd30 {
    padding: 0 30px;
}

.mydashboard-upcoming-area .patient-dashboard-slider .carousel-indicators {
    bottom: 65px;
}

.mydashboard-upcoming-area .carousel-item {
    padding: 10px;
}

.mydashboard-upcoming-area .carousel-item img {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}

.mydashboard-upcoming-area .appointment-box p {
    font-weight: 600;
    font-size: 14px;
}

.mydashboard-upcoming-area .appointment-box ul {
    margin: 0;
}

.mydashboard-upcoming-area .appointment-box ul li {
    margin-right: 5px;
}

.double-text p {
    margin-bottom: 0px!important;
}

.data-right ul li:last-child {
    margin-right: 0;
}

.mydashboard-upcoming-area .appointment-box {
    margin-bottom: 10px;
}

.mydashboard-upcoming-area .patient-dashboard-slider .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin-right: 10px;
}

.mydashboard-upcoming-area .call-action p {
    font-size: 13px;
}

.bttm-brdr {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.mydashboard-upcoming-area .graph-area {
    padding: 0;
    background: none;
    border-radius: 0;
}

.mydashboard-upcoming-area .graph-area img {
    position: relative;
    left: -10px;
}

.mydashboard-upcoming-area .patient-dashboard-slider {
    margin-top: 15px;
}


/*
.mydashboard-upcoming-area .person-name {
    margin-bottom: 10px;
}
*/

#bg {
    display: none;
}

.mydashboard-upcoming-area .mt-38 {
    margin-top: 30px;
}

.mdashboard-client-followuparea .media {
    background: #fff;
    padding: 14px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.5s;
    margin-bottom: 10px;
}

.mdashboard-client-followuparea .media:hover {
    background: #e2eced;
}

.mdashboard-client-followuparea .media:after {
    content: "";
    position: absolute;
    right: 25px;
    background: url(../images/green-arrow.png) no-repeat right center;
    width: 10px;
    height: 18px;
}

.mdashboard-client-followuparea .sub-title {
    margin-bottom: 20px;
}

.mdashboard-client-followuparea .notification-txt {
    right: 0;
    top: 10px;
    left: 48px;
}

.mdashboard-client-followuparea .media h5 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-left: 25px;
}

.img-width {
    min-width: 40px;
    text-align: center;
    max-width: 40px;
}

.todo-list {
    margin-top: 5px;
}

.todo-list .notification-txt {
    /*    top: 8px;*/
    left: 50px;
}

.plusicon-area,
.todo-list {
    margin-bottom: 20px!important;
}

.todo-list:after {
    transform: rotate(90deg);
}

.mdashboard-client-followuparea .bttm-brdr {
    margin-bottom: 20px;
}

.plusicon-area h5 {
    font-size: 13px!important;
    color: #9a9a9a!important;
    font-weight: 400!important;
}

.delete-checkbox-area:after,
.plusicon-area:after {
    content: none!important;
}

.delete-checkbox-area h5 {
    margin-left: 15px!important;
    width: 200px;
    color: #24303f!important;
}

.delete-checkbox-area span {
    margin-top: 5px;
    color: #9a9a9a;
    font-size: 13px;
    font-weight: 400;
}

.delete-checkbox-area {
    padding: 7px 15px;
}

.delete-check-icon ul li {
    margin-right: 20px;
}

.delete-check-icon ul li:last-child {
    margin-right: 0;
}

.delete-check-icon ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.rdio {
    position: relative;
}

.rdio input[type="checkbox"] {
    opacity: 0;
}

.rdio label {
    cursor: pointer;
    margin-bottom: 0px !important;
}

.rdio label:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -2px;
    left: 0;
    content: "";
    display: inline-block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #45747a;
    background: #fff;
}

.rdio input[type="checkbox"] {
    margin: 0px;
}

.rdio input[type="checkbox"]:disabled+label {
    color: #999;
}

.rdio input[type="checkbox"]:disabled+label:before {
    background-color: #fbc52d;
}

.rdio input[type="checkbox"]:checked+label::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 6px;
    display: inline-block;
    font-size: 11px;
    width: 10px;
    height: 10px;
    background-color: #fbc52d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.rdio-default input[type="checkbox"]:checked+label:before {
    border-color: #fbc52d;
}

.rdio-primary input[type="checkbox"]:checked+label:before {
    border-color: #45747a;
}

.rdio-primary input[type="checkbox"]:checked+label::after {
    /*  background-color: #fbc52d;*/
    background: url(../images/tick-img.png) no-repeat center top;
    width: 19px;
    height: 16px;
}

.brdr-left {
    border-left: 1px solid #cccccc;
}


/*========= Search Result ========*/

.search-result-header .top-navbar {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #f1f1f1;
    transition: 0.4s ease all;
}

.search-result-header .textbox-dropdown-area {
    margin-top: 0;
    margin-bottom: 0;
}

.search-result-header .top-navbar {
    box-shadow: none;
}

.search-result-header .nav-dropdown .nav-link {
    padding: 7px 26px!important;
}

.search-result-header .header-down {
    padding: 20px 0;
}

.search-result-header .header-new-dropdown {
    border-bottom: 1px solid #f1f1f1;
    padding-left: 50px;
}

.search-result-header .textbox-dropdown-area .form-control {
    height: 37px;
    padding-left: 0;
}

.search-result-header .textbox-dropdown-area .form-control::placeholder {
    color: #24303f;
    letter-spacing: 0.2px;
}

.search-result-header .profile-img figure {
    border-radius: 0;
    background: none;
}

.search-result-header .profile-img:hover .fav-btn {
    opacity: 1;
}

.search-result-header .profile-img .fav-btn {
    opacity: 0;
    position: absolute;
    right: 38px;
    top: 10px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.search-result-header .profile-img .fav-btn:focus {
    box-shadow: none;
}

.search-result-header .profile-img .fav-btn:hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}

.search-result-header .profile-img {
    position: relative;
}

.search-result-header .profile-img,
.search-result-header .profile-img figure {
    margin-bottom: 0;
}

.search-result-header .profile-img .fav-btn:focus {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)!important;
}

.search-result-header .profile-img .fav-btn .heart-icon {
    width: 13px;
    height: 12px;
    background-size: 13px;
}

.search-result-header .profile-title:before {
    content: none;
}

.search-result-header .box-area .profile-title {
    margin-bottom: 0;
}

.search-result-header .box-area .profile-title h1 {
    font-size: 16px;
    line-height: inherit;
}

.search-result-header .profile-img img {
    max-width: 157px;
    border-radius: 10px;
}

.search-result-header .rating-li li {
    margin-right: 0;
}

.search-result-header .rating-li li img {
    max-width: 15px;
}

.search-result-header .rating-li {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    cx
}

.search-result-header .grey-box-change-area .box-area .h2-title {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: inherit;
}

.search-result-header .grey-box-change-area .price-distance-area {
    margin-top: 7px;
}

.search-result-header .profile-img-area {
    margin-bottom: 0;
}

.search-result-header .grey-box-change-area .price-distance-area h5 {
    font-size: 13px;
    color: #24303f;
    font-weight: 400;
}

.search-result-header .grey-box-change-area .box-area {
    padding: 20px;
}

.white-onlie-btn {
    background: #fff;
    color: #000000;
    font-size: 10px;
    padding: 5px 13px 5px 7px;
    border-radius: 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin-top: 7px;
}

.white-onlie-btn i {
    margin-left: 5px;
}

.white-onlie-btn:hover {
    background: #78adb3;
    color: #ffffff!important;
}

.mr-30 {
    margin-left: -30px;
}

.search-result-header .health-first-area h2 {
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    letter-spacing: inherit;
}

.search-result-header .profile-img-area h3 {
    font-size: 13px!important;
}

.grey-box-change-area .number-text {
    font-size: 10px;
    line-height: 15px;
}

.search-result-header .box-area .profile-title h1 span {
    font-size: 12px;
    font-weight: 400;
}

.search-result-header .grey-box-change-area {
    margin-top: 20px;
}

.sort-filter-area {
    padding: 0;
    margin: 0;
}

.sort-filter-area li img {
    max-width: 25px;
}

.sort-filter-area li:first-child {
    min-width: 57px;
}

.sort-filter-area li:last-child {
    border: 0!important;
}

.brdr-none {
    border: 0!important;
}

.sort-filter-area li {
    border: 1px solid #45747a;
    min-width: 80px;
    display: inline-block;
    border-radius: 10px;
    margin-right: 15px;
    text-align: center;
    min-height: 42px;
    vertical-align: middle;
}

.search-result-header .filter-modal {
    color: #45747a!important;
}

.sort-dropdown .btn,
.sort-filter-area li a {
    color: #45747a;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 10px;
}

.sort-filter-area .appoint-btn {
    background: #78adb3;
    color: #ffffff;
    font-weight: 500;
    padding: 7px 10px;
    border: 1px solid transparent;
}

.sort-filter-area .appoint-btn:hover {
    border: 1px solid #78adb3;
    color: #78adb3;
    background: transparent;
}

.sort-filter-area .dropdown-menu {
    border: 1px solid #45747a;
    top: 10px!important;
    left: -10px!important;
    min-width: 248px;
    border-radius: 10px;
    padding: 8px 15px;
}

.appoint-btn {
    background: #78adb3;
    letter-spacing: 0.8px;
}

.todo-accordian {
    cursor: pointer;
}

.todo-accordian .card {
    border: 0;
}

.todo-accordian .todo-list {
    margin-bottom: 0px!important;
}

.todo-accordian .todo-list:after {
    transform: rotate(360deg);
}

.todo-accordian .collapsed:after {
    transform: rotate(90deg);
}

.todo-accordian .card-header {
    padding: 0;
    border-bottom: none;
}

.todo-listing {
    padding: 0 10px;
    margin-bottom: 0;
}

.todo-listing li {
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

.todo-listing li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.todo-listing li h5 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.todo-listing li h5 span {
    margin-top: 5px;
    color: #9a9a9a;
    font-size: 13px;
    font-weight: 400;
}

.book-white-card h2 {
    font-size: 17px!important;
    margin-bottom: 10px;
}

.book-white-card .days-time-li li {
    height: auto;
    line-height: inherit;
    margin-right: 5px;
}

.book-white-card .days-time-li li:nth-child(3n+0) {
    margin-bottom: 0!important;
}

.book-white-card {
    background: #fff!important;
    padding: 9px 0 0px 9px!important;
    border-radius: 10px;
}

.current-box h2 {
    margin-bottom: 30px;
    font-weight: 600;
    letter-spacing: inherit;
}

.btn-green {
    margin-top: 0!important;
    margin-bottom: 10px!important;
    padding: 4px 12px!important;
    font-size: 13px!important;
    color: #fff!important;
    background: #68afb5!important;
    display: inline-block;
    border-radius: 8px!important;
}

.search-result-header .cavailability-box-area .days-time-li>li ul li {
    font-size: 11px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px;
    cursor: pointer;
}

.appoint-date-box ul li:hover,
.search-result-header .cavailability-box-area .days-time-li>li ul li:hover {
    background: #4F7379;
    color: #fff;
    border: 1px solid #4F7379;
}

.search-result-header .profile-img-area .unavailable-opening-area {
    padding: 16px 0!important;
    margin: 0;
    border: 0;
    min-height: 140px;
}

.search-result-header .grey-box-googlearea .box-area {
    margin-bottom: 20px;
    position: relative;
}

.featured-listing-txt {
    display: block;
    transform: rotate(270deg);
    z-index: 2;
    font-size: 13px;
    color: #45747a;
    font-weight: 600;
    white-space: nowrap;
    /* padding-left: 0; */
    height: 35px;
    width: 37px;
    padding-left: -30px;
    margin-top: 90px;
}

.bg-curve {
    background: url(../images/curve-img.png) no-repeat left center;
    width: 35px;
    height: 167px;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -84px;
}


/*
.curve_area {
    position: relative;
}

.bg-curve:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 20%;
    transform: rotate(360deg);
    bottom: auto;
    background: url(../images/curve-img.png) no-repeat left center;
    width: 35px;
    height: 167px;
}
*/

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

.current-box .btn-green {
    margin-bottom: 0!important;
}

.content-small .rating-li {
    margin-top: 20px;
    margin-bottom: 18px;
}

.claim-box h2 {
    margin-bottom: 0!important;
}

.phn-area li img {
    max-width: 29px!important;
}

.phn-area li {
    padding-bottom: 0!important;
    border-bottom: 0!important;
}

.popup-more-filter .close-popup {
    right: 15px;
}

.popup-more-filter .bottom-border {
    border-bottom: 1px solid #cccccc;
}

.popup-more-filter .popup-text {
    padding-left: 15px;
    font-size: 13px;
    font-weight: 400;
    color: #a6a6a6;
    height: 33px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.popup-more-filter .popup-text:focus {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2)!important;
    outline: inherit;
}

.popup-more-filter .modal-footer {
    padding: 24px 40px!important;
    margin-top: 20px;
    display: block;
}

.popup-more-filter .modal-footer .appointment-btn {
    margin: 0;
}

.popup-more-filter .form-control::placeholder {
    color: #a6a6a6;
}

.popup-more-filter .popup-content {
    padding: 0 0px;
}

.popup-more-filter .modal-content {
    border-radius: 10px;
}

.bttm-brdr-none {
    border-bottom: 0!important;
}

.blue-text {
    font-size: 16px;
    color: #24303f;
    font-weight: 600;
}

.green-lg-btn {
    background: #78adb3;
    color: #ffffff;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 400;
    padding: 6px 20px;
}

.popup-more-filter .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none!important;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    right: 4px;
    top: 8px;
}

.facility-checkboxarea .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    right: 0px!important;
    left: 4px!important;
}

.popup-more-filter .popup-label .custom-checkbox::before {
    content: none;
}

.popup-more-filter .popup-label .custom-control-label {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.popup-more-filter .popup-label .custom-control-label::before {
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #24303f;
}

.popup-more-filter .mCSB_scrollTools {
    top: 20px;
}

.sort-dropdown .btn {
    background: none;
}

.sort-dropdown .dropdown-toggle::after {
    content: none;
}

.sort-dropdown .dropdown-item {
    font-size: 16px;
    color: #898989;
    font-weight: 400;
    padding: 2px 10px;
}

.sort-dropdown .dropdown-item:focus,
.sort-dropdown .dropdown-item:hover {
    background: none;
    color: #45747a;
}

.todo-list-modal .modal-content {
    background: #F7F7F7;
    max-width: 430px;
    margin: 0 auto;
    border-radius: 10px;
}

.todo-list-modal .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

.todo-list-modal .mdashboard-client-followuparea .media h5 {
    margin-left: 15px;
}

.todo-list-modal .plusicon-area {
    margin-bottom: 15px!important;
}

.todo-list-modal .mdashboard-client-followuparea .media {
    margin-bottom: 15px;
}

.login-modal .line-left:before {
    content: none;
}

.login-modal h5 {
    text-align: center;
    display: block;
    width: 100%;
    font-size: 18px;
    color: #24303f;
    font-weight: 600;
}

.login-modal .modal-header {
    padding: 22px 0;
    border-bottom: 1px solid #ccc;
}

.login-modal .facebook-btn {
    height: 33px;
    line-height: 33px;
    padding: 0;
    border-radius: 5px;
}

.login-modal .facebook-btn img {
    max-width: 12px;
    position: relative;
    bottom: -3px;
}

.login-modal .modal-content {
    border-radius: 10px;
    max-width: 400px;
    margin: 0 auto;
    background-color: #f7f7f7;
}

.login-modal .modal-body {
    padding: 40px 50px;
}

.login-modal .facebook-btn {
    display: block;
}

.login-modal .facebook-btn span {
    font-size: 15px;
    letter-spacing: 1px;
}

.login-modal .form-area {
    margin: 20px auto 0;
}

.login-modal .form-area label {
    font-weight: 600;
    font-size: 12px;
}

.login-modal .or-text {
    font-size: 16px;
}

.login-modal .or-text:before {
    left: -15px;
}

.login-modal .or-text:after {
    right: -15px;
}

.login-modal .modal-footer {
    border-top: 1px solid #ccc;
    text-align: center;
    display: block;
    padding: 30px 30px 40px 30px;
}

.login-modal .modal-footer h4 {
    font-size: 14px;
    color: #24303f;
}

.login-modal .form-area .form-control {
    font-size: 13px;
    color: #898989;
    padding: 0 0px 0 45px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.login-modal .form-area .form-control:focus {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2)!important;
}

.login-modal .form-area .form-control {
    height: 33px;
}

.login-modal .form-area .form-control::placeholder {
    letter-spacing: 0.7px;
}

.login-modal .close {
    position: absolute;
    right: 20px;
    top: 10px;
    opacity: 1;
}

.login-modal .msg-icon:before {
    background: url(../images/icon-msg.png) no-repeat left center;
    left: 15px;
}

.login-modal .lock-icon:before {
    background: url(../images/icon-lock.png) no-repeat left center;
}

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

.mb-40 {
    margin-bottom: 40px!important;
}

.mb-15 {
    margin-bottom: 15px!important;
}

.gbtn-width {
    min-width: 77px;
    min-height: 27px;
}

.spaceright {
    margin-right: 10px;
    display: inline-block;
}

.input-box-area p {
    font-size: 12px;
    color: #24303f;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
}

.input-box-area .form-control.small-input {
    background: #ffffff;
    font-size: 12px;
    letter-spacing: 0.1px;
}

.booking-info-area {
    padding: 25px 40px 15px!important;
}

.input-box-area label,
.input-box-area .form-control.small-input::placeholder {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #24303f;
}

.login-modal .modal-footer {
    padding: 15px 15px;
}

.input-box-area .green-lg-btn {
    font-size: 15px;
    color: #fff!important;
    font-weight: 600;
    padding: 6px 15px;
}

.booked-modal .modal-content {
    max-width: 680px;
}

.booked-modal .modal-dialog {
    max-width: 100%;
}

.booked-modal .booking-info-area {
    padding: 25px 70px 15px 20px!important;
}

.booked-area h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #24303f;
    letter-spacing: 0.5px;
}

.booked-area p {
    font-size: 12px;
    color: #24303f;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.booked-modal .close {
    right: 30px;
    z-index: 2;
}

.booked-area {
    margin-top: 10px;
}

.download-link {
    margin-bottom: 25px;
}

.download-link a {
    display: block;
    text-align: center;
    border-radius: 5px;
}

.img-iphone {
    position: absolute;
    top: -50px;
    left: 0;
}

.booked-modal .modal-footer {
    padding: 15px 70px 15px;
}

.boxpadd {
    position: relative;
    right: 20px;
}

.calender-modal .modal-content,
.calender-modal .modal-dialog {
    max-width: 1215px;
}

.online-dropdown .select {
    text-align: left;
}

.calender-modal .online-dropdown .select {
    text-align: left;
}

.calender-modal label {
    font-size: 15px;
    color: #24303f;
    margin-bottom: 20px;
}

.calender-modal .brdr-bttm {
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.calender-modal .online-dropdown .select {
    height: 33px;
    font-size: 13px;
}

.online-dropdown .select {
    height: 33px;
    font-size: 13px;
}

.form-control {
    height: 33px!important;
}

.next-available-text label {
    margin-bottom: 30px;
}

.listing-box {
    padding: 0;
    margin: 0;
}

.listing-box li {
    border: 1px solid #ccc;
    font-size: 13px;
    color: #24303f;
    font-weight: 400;
    display: inline-block;
    background: #fff;
    padding: 8px 24px;
    border-radius: 5px;
    letter-spacing: 0.5px;
}

.appoint-date-box ul li {
    max-width: 96px;
    cursor: pointer;
    background: #fff;
}

.appoint-date-box ul li label {
    width: auto;
    padding: 6px 8px;
}

.appoint-date-box ul li:hover {
    background: #4F7379;
    border: inherit;
}

.appoint-date-box ul li label:hover {
    color: #fff !important;
}

.appoint-date-box .space-bttm-box {
    margin-bottom: 0;
}

.space-bttm-box {
    margin-bottom: 20px;
}

.space-bttm-box:last-child {
    margin-bottom: 0;
}

.calender-modal .close {
    z-index: 2;
}

.white-box-list {
    margin-top: 25px;
}

.white-box-list .img-width {
    min-width: 50px;
    text-align: left;
    max-width: 50px;
    margin-right: 20px;
}

.white-box-list .media {
    align-items: center;
    margin-bottom: 10px;
    padding: 7px;
}

.white-box-list .media:hover {
    background: #fff;
    border-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.white-box-list h5 {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.white-box-list h5 span {
    font-size: 13px;
    margin-top: 5px;
    display: inline-block;
}

.calendar .datepicker .next,
.calendar .datepicker .prev {
    text-indent: -9999px;
    visibility: visible!important;
}

.calendar .datepicker .prev:before,
.calendar .datepicker .next:before {
    background: url(../images/arrow-down.png);
    background-repeat: no-repeat;
}

.calendar .datepicker .prev:before {
    left: 9%;
    transform: rotate(90deg);
    top: 20px;
    background-color: #fff;
    width: 20px;
}

.calendar .datepicker .next:before {
    right: 15%;
    transform: rotate(270deg);
    top: 15px;
    background-color: transparent;
    width: 20px;
}

.my-appoint-footer {
    position: relative;
    margin-top: 30px;
}

.txt-blue {
    color: #24303f;
    font-size: 13px;
    letter-spacing: 0.2px;
    position: absolute;
    right: 10px;
    top: -5px;
}

.app .txt-blue {
    right: 0;
}

.rgt-brdr {
    border-right: 1px solid #ccc;
    padding-right: 40px;
}

.left-brdr {
    padding-left: 40px;
}

.calender-modal .mCustomScrollbar {
    height: 690px;
}

.request-modal .mCSB_container,
.popup-more-filter .mCSB_container,
.calender-modal .mCSB_container {
    display: block;
}

.request-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.popup-more-filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.popup-more-filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #cccccc!important;
}

.request-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.popup-more-filter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.calender-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px!important;
}

.request-modal .mCSB_scrollTools .mCSB_draggerContainer {
    top: 50px;
}

.request-modal .mCSB_scrollTools .mCSB_draggerRail,
.popup-more-filter .mCSB_scrollTools .mCSB_draggerRail,
.calender-modal .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
}

.request-modal .modal-body {
    padding: 0;
}

.request-modal .mCSB_inside>.mCSB_container {
    margin-right: 20px;
    padding: 20px 40px;
}

.request-modal .mCustomScrollbar {
    height: 600px;
}

.popup-more-filter .mCustomScrollbar {
    height: calc(100vh - 250px);
}

.popup-more-filter .mCSB_inside>.mCSB_container {
    margin-right: 20px;
    padding: 0 80px;
}

.cursor-pointer {
    cursor: pointer;
}


/*
body.modal-open {
   overflow: hidden;
}

body.modal-open .modal {
   overflow-y: hidden;
}*/

.booked-modal .modal {
    overflow-y: auto;
}


/*====== Date and Time Picker ==========*/

.sidebarwidth {
    width: 75px;
    background: #68afb5!important;
}

.page-content-space {
    padding-left: 150px;
}

.request-modal .modal-content,
.request-modal .modal-dialog {
    max-width: 800px;
}

.bookign-request-title h2 {
    font-size: 18px;
    letter-spacing: 0.8px;
    font-weight: 600;
    color: #24303f;
}

.bookign-request-title .brdr-bttm {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.appoint-locat-type label {
    margin-bottom: 10px;
}

.brdr-request .brdr-bttm {
    margin-bottom: 20px;
}

.date-cancel-txt p {
    font-size: 13px;
    color: #24303f;
    letter-spacing: 0.5px;
}

.date-cancel-txt img {
    max-width: 10px;
    position: relative;
    left: 10px;
    bottom: 2px;
}

.date-from-area {
    display: flex;
    align-items: center;
}

.date-from-area li {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    color: #24303f;
}

.date-from-area li input {
    min-width: 100px;
    width: 100px;
    height: 33px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0 10px;
    box-shadow: none;
}

.date-from-area li:first-child {
    margin-right: 20px;
}

.date-from-area li:last-child {
    margin-right: 0;
}

.placeholder-txt {
    font-size: 13px;
    color: #898989;
    font-weight: 400;
}

.placeholder-txt:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
}

.text-white:hover,
.text-white {
    color: #fff!important;
}

.request-modal .next-available-text label {
    margin-bottom: 20px;
}


/*========== Client follow Up =============*/

.client-follow-popup .modal-content {
    background: #f7f7f7;
    border-radius: 10px;
}

.client-follow-popup h5 {
    font-size: 18px;
    color: #24303f;
    font-weight: 600;
    letter-spacing: 0.7px;
    display: block;
    margin: 0 auto;
}

.client-follow-popup button.close {
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 10px;
}

.popup-marg {
    margin: 0 25px;
}

.client-follow-popup .modal-header {
    border-bottom: 1px solid #ccc;
}

.rightbox .modal-header {
    padding: 10px 10px;
}

.whitecard {
    background: #fff;
    padding: 15px 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.client-follow-popup .media {
    display: flex;
    align-items: center;
}

.client-follow-popup p {
    color: #24303f;
    font-size: 13px;
}

.client-follow-popup h4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #24303f;
}

.client-follow-popup h3 {
    font-size: 15px;
    font-weight: 400;
    color: #24303f;
    margin-bottom: 15px;
    margin-left: 20px;
}

.client-follow-popup .img-width {
    min-width: 60px;
    max-width: 60px;
    margin-right: 20px;
}

.marg30 {
    margin: 30px 0;
}

.client-follow-popup .modal-dialog {
    max-width: 430px;
}

.msg-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.whitecard .right-round-icon {
    position: relative;
    right: -2px;
    top: -2px;
}

.greytxt {
    font-size: 13px!important;
    color: #959595!important;
}

.popup-titlecheckbox {
    margin-top: 20px;
}

.popup-titlecheckbox .whitecard {
    margin-bottom: 15px;
}

.popup-titlecheckbox h5 {
    font-size: 15px;
    font-weight: 600;
    color: #24303f;
}

.popup-titlecheckbox p {
    font-size: 13px;
    color: #898989;
    margin-top: 2px;
}

.popup-titlecheckbox p span {
    font-size: 13px;
    color: #24303f;
}

.client-follow-popup .modal-footer {
    border-top: 0;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}

.client-follow-popup .save-btn {
    min-width: 130px;
    text-align: center;
    height: 28px;
    line-height: 22px;
    letter-spacing: 0.5px;
}

.client-follow-popup .save-btn-bg {
    background: #68afb5;
}

.btn-filter button {
    color: #45747a;
    font-size: 15px;
    border: 1px solid #45747a;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    background: #f7f7f7;
    cursor: pointer;
}

.btn-filter button:hover {
    background: #fff;
}


/*========== Client follow Up =============*/

.select-filter-area {
    margin: 10px 0;
}

.popup-text {
    padding-left: 15px;
    font-size: 13px;
    font-weight: 400;
    color: #a6a6a6;
    height: 33px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
}

.popup-text:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
}

.send-msg-btn .save-btn {
    min-width: auto;
    text-align: center;
    height: 35px;
    line-height: 30px;
    letter-spacing: 0.5px;
    width: 90%;
    font-size: 15px;
    font-weight: 400;
}

.see-more-txt .save-btn {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    min-width: 100px!important;
    padding: 0;
    line-height: 24px;
}

.sent-msg-card .whitecard {
    box-shadow: none;
    border: 1px solid #ccc;
}

.drop-select2 .select2-container .select2-selection--multiple,
.select-two-dropdown .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #fff;
    font-size: 13px;
    font-weight: 400;
    color: #24303f;
    padding: 5px 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.drop-select2 .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 7px;
    cursor: default;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    padding: 8px 5px;
    font-size: 13px;
    color: #24303f;
}

.drop-select2 .select2-container .select2-search--inline {
    float: left;
    width: 100%;
}

input#calender-content {
    width: 57px;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    cursor: pointer;
}

.sort-filter-area li img {
    position: relative;
    top: 4px;
}

.referal-client .popup-titlecheckbox p span {
    font-weight: 600;
}


/*========= Practioner Profile ========*/

.proflie-banner-section {
    position: relative;
}

.proflie-banner-section .profile-img-area {
    background: #fff;
    padding: 50px;
    border-radius: 5px;
    position: relative;
}

.proflie-banner-section .profile-img img {
    border: 1px solid #ccc;
    padding: 2px;
    border-radius: 10px;
}

.proflie-banner-section .white-onlie-btn img {
    border: 0;
}

.proflie-banner-section .profile-title {
    margin-bottom: 0;
}

.proflie-banner-section .profile-title:before {
    content: none;
}

.proflie-banner-section h1 {
    font-size: 19px!important;
    font-weight: 400!important;
    text-shadow: none!important;
    letter-spacing: 0;
    margin-bottom: -5px!important;
}

.proflie-banner-section h1 span {
    font-weight: bold;
    display: block;
    position: relative;
    top: -5px;
    font-size: 17px!important;
}

.proflie-banner-section .health-first-area h3 {
    font-weight: bold;
    font-size: 17px;
    color: #24303f;
}

.proflie-banner-section .social-icon ul li a {
    width: 30px;
    height: 30px;
    display: flex;
}

.proflie-banner-section .health-first-area {
    margin-bottom: 40px;
    margin-top: 40px;
}

.proflie-banner-section .h2-title {
    font-size: 17px;
    color: #24303f;
    font-weight: 400;
    letter-spacing: 0;
}

.proflie-banner-section .white-onlie-btn {
    font-size: 12.5px;
    padding: 2px 5px 2px 2px;
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.proflie-banner-section .profile-title-area {
    padding-left: 0;
}

.proflie-banner-section .share-heart-icon {
    position: absolute;
    right: 30px;
    top: 50px;
}

.proflie-banner-section .share-heart-icon a {
    display: block;
    margin-bottom: 10px;
}

.pp-about-wrapper .h3-title {
    font-size: 22px;
    color: #24303f;
    margin-bottom: 20px;
}

.pp-about-wrapper .about-me-text p {
    /* text-align: justify; */
    color: #24303f;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
}

.pp-about-wrapper .about-me-text p:last-child {
    margin-bottom: 0;
}

.pp-about-wrapper .about-me-text {
    padding-left: 0!important;
    margin-bottom: 0!important;
}

.pp-about-wrapper .about-me-text .text-green {
    color: #68afb5;
    font-size: 17px;
    font-weight: 600;
}

.pp-about-wrapper .about-me-text .text-green:hover {
    text-decoration: underline;
}

.memeber-txt .list-li li:before {
    content: none;
}

.interest-area .list-li li:before {
    content: "";
    height: 4px;
    width: 4px;
    position: absolute;
    left: 0;
    top: 10px;
    background: #000;
    border-radius: 100%;
}

.memeber-txt .list-li li {
    padding-left: 0;
    margin-bottom: 20px!important;
}

.memeber-txt .list-li li:last-child {
    margin-bottom: 0;
}

.memeber-txt .list-li li img {
    margin-right: 10px;
}

.pp-about-wrapper .brdr-bttm {
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.interest-area .list-li li {
    padding-left: 20px;
    width: 32%;
    margin-bottom: 15px;
}


/*========= Practioner Profile ========*/

.overflow {
    overflow-y: auto;
}

.customscroll .mCustomScrollbar {
    height: auto;
    max-height: calc(100vh - 200px);
}

.lgheight .mCustomScrollbar {
    max-height: calc(100vh - 100px);
}

.customscroll .mCSB_container {
    display: block;
}

.customscroll .mCSB_scrollTools .mCSB_draggerRail {
    border: 1px solid #fff!important;
}

.customscroll .mCSB_scrollTools .mCSB_draggerContainer {
    top: 30px;
    right: 10px;
}

.customscroll .mCSB_inside>.mCSB_container {
    margin-right: 0;
    padding: 0 20px;
}

.customscroll .popup-marg {
    margin: 0;
}

.customscroll .comm-marg {
    margin: 0 10px;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        body.modal-open {
            overflow: hidden !important;
        }
    }
}

.pp-about-wrapper .hours-pricing-area .day-time-area span {
    color: #24303f;
    background: #f7f7f7;
    padding: 5px 15px;
    min-width: 110px;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 110px;
}

.pp-about-wrapper .hours-pricing-area .day-time-area h4 {
    font-weight: 300;
}

.park-li li {
    width: 30%;
    margin-bottom: 0!important;
}

.pp-about-wrapper .accordion .card-header .btn-link:after {
    width: 16px;
    height: 16px;
    top: 5px;
}

.top-header.top-navbar {
    top: 0;
    padding: 0!important;
}

.top-header .header-new-dropdown {
    border-bottom: 0!important;
}

.text-black {
    color: #000!important;
}

.img-camera input {
    opacity: 0;
    width: 51px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 50px;
}

.img-camera img {
    max-width: 32px;
}

.bulk-popup .whitecard {
    position: relative;
}

.online-request h3 {
    margin-left: 0;
}

.online-request .save-btn {
    height: 34px;
    line-height: 28px;
    font-size: 17px;
}

.online-request .availability-box-area {
    padding: 0 !important;
    border: 0!important;
    position: relative !important;
    border-radius: 0 !important;
    background: none !important;
}

.online-request .cavailability-box-area .width-li {
    width: 31.2%;
}

.online-request .cavailability-box-area .days-time-li>li ul li {
    padding: 5px;
}

.online-request .book-white-card h2 {
    margin-bottom: 20px;
}

.online-request .modal-footer {
    padding: 1rem 32px;
}

.online-request .calender-modal .brdr-bttm {
    margin-bottom: 20px;
}

.text-or {
    margin: 15px auto;
    text-align: center;
    position: relative;
}


/* .text-or::before {
    content: "";
    border-top: 1px solid #ddd;
    position: absolute;
    width: 44%;
    top: 10px;
    left: 0;
}

.text-or::after {
    content: "";
    border-top: 1px solid #ddd;
    position: absolute;
    width: 44%;
    top: 10px;
    right: 0;
} */

.text-or {
    font-size: 13px;
    color: #898989;
}

.mb-15 {
    margin-bottom: 15px;
}

.contentshow {
    display: none;
}

.font-bold {
    font-weight: bold!important;
}

.mt-50 {
    margin-bottom: 50px;
}

.review-bttm-area .rating-li li {
    margin-right: 5px;
}

.review-bttm-area .number-text {
    font-size: 12px;
}

.review-bttm-area .rating-li li img {
    max-width: 20px;
}

.review-bttm-area .comment-area h4 {
    font-size: 17px;
}

.review-bttm-area .comment-area {
    margin-bottom: 40px;
}

.review-bttm-area .comment-area .rating-li li img {
    max-width: 15px;
}

.dash-icon li img {
    max-width: 28px;
}

.delete-check-icon li img {
    max-width: 19px;
}

.pp-appointment .book-white-card {
    padding: 50px!important;
    width: 550px;
    transition: 0.4s ease;
}

.pp-appointment .availability-box-area {
    top: 201px;
    border-radius: 5px;
}

.pp-appointment .cavailability-box-area .width-li {
    width: 140px;
}

.pp-appointment .cavailability-box-area .days-time-li>li ul li {
    font-size: 12px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px;
    cursor: pointer;
}

.pp-appointment .book-white-card .days-time-li li:nth-child(3n+0) {
    margin-bottom: 15px!important;
}

.pp-appointment .book-white-card .days-time-li li:nth-child(4n+0) {
    margin-bottom: 0!important;
}

.pp-appointment .book-white-card h2 {
    margin-bottom: 20px;
}

.pp-appointment .max-width295 {
    width: 100%;
}

.pp-appointment .arrow-btn .yellow-btn {
    margin-top: 20px!important;
    display: block;
    border-radius: 5px;
    padding: 5px!important;
    font-size: 17px!important;
}

.pp-appointment .arrow-btn .yellow-btn:hover {
    background: #4F7379!important;
}

.pp-bookarea img {
    max-width: 70px;
    border-radius: 50%;
    border: 2px solid #ccc;
    padding: 3px;
}

.pp-bookarea .proflie-banner-section h1 span {
    top: -10px;
}

.pp-bookarea {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: none;
}

.showbox {
    display: block;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: -50px;
    margin-right: -50px;
    margin-top: -30px;
}

.pp-profile .proflie-banner-section .white-onlie-btn {
    font-size: 11px;
}

.pp-profile .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}

.owl-nav {
    border: none;
    border-radius: 0px;
    display: inline-block !important;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    left: 0;
}

.owl-prev {
    background: url(../images/owl_carousel_arrow_left.png) no-repeat center center !important;
    border: none;
    border-radius: 0px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    position: absolute;
    left: 10px;
    top: 120px;
    right: 0;
    bottom: 0;
    display: none;
}

.owl-next {
    background: url(../images/owl_carousel_arrow_right.png) no-repeat center center !important;
    width: 24px;
    height: 24px;
    border: none;
    float: right;
    border-radius: 0px;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    left: auto;
    top: 120px;
    bottom: 0;
    display: none;
}

.owl-carousel:hover .owl-prev,
.owl-carousel:hover .owl-next {
    display: inline-block;
}

.step-popup .top-title {
    font-weight: 400;
    font-family: 'Eagle-Light';
    font-size: 20px;
}

.step-btn {
    position: relative;
    z-index: 1;
}

.step-btn li {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #cccccc;
    margin-right: 19px;
    display: inline-block;
    position: relative;
}

.step-btn ul:after {
    content: "";
    width: 99%;
    height: 1px;
    background: #ccc;
    top: 10px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

.step-btn li:last-child {
    margin-right: 0;
}

.bullet-green {
    background: #45747a!important;
}

.left-gbrdr:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 70%;
    background: #45747a;
    left: 0;
}

.detail-form .form-control {
    padding-left: 0;
}

.detail-form .form-control::placeholder {
    letter-spacing: 0.5px;
}

.detail-form .form-group {
    border-bottom: 1px solid #ccc;
}

.detail-form .select {
    background: none;
    border: 0;
    box-shadow: none;
    padding-left: 0!important;
}

.detail-form .select-dropdown .select-styled:after {
    right: 0;
}

.detail-form .online-dropdown .select-styled {
    color: #000000 !important;
    letter-spacing: 0.5px;
}

.step-popup .save-btn {
    min-width: 130px;
    text-align: center;
    height: 33px;
    line-height: 25px;
    letter-spacing: 0.5px;
    vertical-align: middle;
    font-size: 17px;
    color: #fff !important;
}

.step-popup .modal-footer {
    border-top: 1px solid #ccc;
    margin-top: 20px;
}

.step-popup .card {
    background: none;
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset .form-card {
    background: none;
    border: 0 none;
    border-radius: 0px;
    box-sizing: border-box;
    position: relative
}

#msform fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 13px;
    position: relative
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

#msform .action-button {
    width: 130px;
    background: #68afb5;
    font-weight: 400;
    color: #fff;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    /* padding: 5px 5px; */
    /* margin: 10px 5px; */
    font-size: 17px;
    height: 33px;
    line-height: 28px;
    border-radius: 5px;
    margin-top: 20px;
}

#msform .action-button-previous {
    background: none;
    color: #45747a;
    font-size: 18px;
    border: none;
    cursor: pointer;
    background: url(../images/green-arrow-left.png) no-repeat left center;
    float: left;
    position: absolute;
    top: auto;
    left: 35px;
    bottom: 15px;
    padding-left: 10px;
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    position: absolute;
    top: -130px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 500;
    font-family: 'Eagle-Light';
    font-size: 20px;
}

#progressbar {
    overflow: hidden;
    padding: 0;
    margin-bottom: 30px;
    margin-left: 30px;
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 43px;
    float: left;
    position: relative
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: ""
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: ""
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: ""
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: ""
}

#progressbar li:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: #ccc;
    border-radius: 50%;
    padding: 2px
}


/* #progressbar li:last-child:after {
    background: none;
} */


/* #progressbar li.active:last-child:after {
    background: none;
} */

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #ccc;
    position: absolute;
    left: -40px;
    top: 10px;
    z-index: -1
}

#progressbar li.active:before {
    background: #45747a;
}

#progressbar li.active:after {
    /* background: #b9c4c5; */
    background: #45747a;
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.nextbttn {
    border-top: 1px solid #ccc;
    margin-top: 20px;
}

.step-popup .customscroll .mCSB_inside>.mCSB_container {
    padding: 0 30px;
}

.step-popup textarea {
    height: 40px !important;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: none!important;
    border: 0;
    font-size: 13px;
    line-height: inherit;
}

.step-popup textarea:focus {
    background: none;
}

.step-popup textarea,
.step-popup .form-control.small-input {
    background: none;
}

.h-userimg {
    background: url(../images/h-user-img.png) no-repeat right center;
}

.h-userimg .marg30 {
    margin-top: 0;
}

.step-popup .customscroll .mCSB_scrollTools .mCSB_draggerContainer {
    top: 0;
}

.step-popup .modal-header {
    height: 60px;
}

.idea-btn .save-btn {
    min-width: 140px!important;
}

.marg-t-30 {
    margin-top: 10px;
}

.upload-btn {
    color: #45747a;
    border: 1px solid #45747a;
    background: none;
    border-radius: 5px;
    padding: 5px 8px;
    display: inline-block;
}

.mb-10 {
    margin-bottom: 10px;
}

.bio-msg-text {
    margin-bottom: 70px;
    padding-bottom: 0;
    border-bottom: none;
}

.m-t-b-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.step-popup .customscroll .mCustomScrollbar {
    max-height: calc(100vh - 300px);
}

#msform .action-button-previous:hover {
    color: #24303f;
}

.back-btn {
    float: left;
    position: relative;
    left: 30px;
    top: 20px;
}

.back-btn img {
    transform: rotate(180deg);
    position: relative;
    top: -3px;
}

.aboutme-img {
    background: url(../images/about-me-img.png) no-repeat right 40px;
}

.about-busin-img {
    background: url(../images/about-my-business.png) no-repeat right 40px;
}

.common-src-area h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.g-list-li {
    margin: 0;
    padding: 0;
}

.g-list-li li {
    display: inline-block;
    color: #737373;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 2px 10px;
    background: #f7f7f7;
    border-radius: 8px;
    margin: 0 0px 7px 0px;
    letter-spacing: 0.5px;
}

.myservice-text {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.myservice-text h3 {
    margin-bottom: 30px;
}

input[type="file"] {
    display: none;
}

.toogle-area {
    margin-bottom: 20px;
}

.toogle-area p {
    font-size: 12px;
    color: #24303f;
}

.my-businessimg {
    background: url(../images/my-business-img.png) no-repeat left 40px;
}

.date-area #datepicker-group {
    width: 57px;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    cursor: pointer;
}

.date-area img {
    left: 15px;
    top: 7px!important;
}


/* .fma-result-area-header .datepicker.dropdown-menu {
    position: fixed;
} */

.time-picker {
    position: relative;
    min-width: 57px!important;
}

.time-picker img {
    top: 8px !important;
}

.mdtp__wrapper {
    top: 50%;
    margin-top: -210px;
    box-shadow: none !important;
}

.time-picker #timepicker {
    width: 57px;
    opacity: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    height: 35px;
    cursor: pointer;
}

.autocomplete,
#autocomplete {
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    font-size: 13px;
    color: #24303f!important;
    padding: inherit;
    height: 33px;
}

.autocomplete-suggestions {
    text-align: left;
    border: 1px solid #999;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 5px 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}

.img-linkedin,
.img-insta,
.img-fb,
.img-web {
    position: relative;
}

.img-linkedin:after,
.img-insta:after,
.img-web:after {
    content: "";
    background: url(../images/img-globe.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    bottom: 5px;
}

.img-fb:after {
    content: "";
    background: url(../images/img-facebook.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    width: 11px;
    height: 21px;
    bottom: 5px;
}

.img-insta:after {
    background: url(../images/img-instagram.png);
}

.img-linkedin:after {
    background: url(../images/img-linkedin.png);
}

.titl-h4 {
    font-size: 15px !important;
    color: #24303f !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px;
}

.add-info p {
    margin-bottom: 0;
    font-size: 13px;
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.add-info .detail-form .online-dropdown .select-styled {
    color: #898989 !important;
}

.day-timearea {
    margin-bottom: 15px;
}

.box-top {
    margin-top: 0 !important;
    top: 10px;
}

.service-price .form-control::placeholder,
.service-price .form-control {
    font-size: 13px;
}

.service-price {
    margin-top: 40px;
}

.popup-checkbox .custom-checkbox {
    position: relative;
    box-shadow: none;
}

.popup-checkbox .custom-control-label {
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #24303f;
}

.popup-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #45747b;
    border-radius: 4px;
}

.popup-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    /* background-image: none!important; */
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    right: 4px;
    top: 8px;
    left: 4px;
}

.popup-checkbox .custom-checkbox .custom-control-label::before {
    background-color: #fff;
    border: 1px solid #24303f;
}

.area-facility span {
    margin-right: 10px;
}

.area-facility p {
    font-size: 13px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
}

.popup-checkbox .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.add-info-img {
    background: url(../images/add-info.png) no-repeat right center;
}

.skip {
    float: right !important;
    position: absolute !important;
    right: 34px !important;
    left: auto !important;
    background: url(../images/green-arrow-right.png) no-repeat 99% center !important;
    padding-right: 20px;
}

.closed-area .select-options {
    display: none!important;
}

.text-grey {
    color: #898989!important;
}

.area-gallery {
    background: url(../images/img-gallery.png) no-repeat right 20px;
}

.area-gallery .drag-drop-text p {
    color: #24303f!important;
    font-weight: 400!important;
}

.font-15 {
    font-size: 15px !important;
}

.m-t-30 {
    margin-top: 30px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.img-review {
    background: url(../images/img-review.png) no-repeat right 10px;
}

.g-review-space {
    margin-bottom: 90px;
}

.green-text .save-btn {
    color: #45747a!important;
    font-weight: 400 !important;
    font-size: 13px;
    min-width: auto;
    height: auto;
    border-radius: 10px;
    line-height: 24px;
}

.green-text .save-btn:hover {
    color: #fff !important;
}

.area-faq .title-review-area {
    margin-bottom: 40px;
}

.area-faq .title-review-area::placeholder {
    width: 90%;
}

.p-lr-20 {
    padding: 0 20px;
}

.area-faq {
    background: url(../images/img-faq.png) no-repeat left 30px;
}

.appoin-logo {
    margin: 20px 0;
}

.appoin-logo img {
    max-width: 200px;
    ;
}

.cong-area {
    background: url(../images/img-congo.png) no-repeat right 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.gallery-box ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.gallery-box ul li:last-child {
    margin-right: 0;
}

.cancel-area {
    background: url(../images/img-cancel.png) no-repeat;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 22px;
    height: 22px;
}

.step-video-area iframe {
    width: 100%;
    height: 225px;
    border: 0;
}

.mystep-popup .whitecard {
    margin: 80px 0;
}

.mystep-popup p {
    margin-left: 15px;
}

.welcome-popup .modal-footer,
.mystep-popup .modal-footer {
    border-top: 1px solid #ccc;
}

.letter-space {
    letter-spacing: 0.5px;
}

.max-width242 {
    max-width: 242px !important;
}

.welcome-popup .whitecard {
    padding-bottom: 30px;
}

.business-listing {
    margin-left: 20px;
    margin-bottom: 30px;
}

.business-listing li {
    display: inline-block;
    margin-right: 15px;
}

.business-listing li:last-child {
    margin-right: 0;
}

.business-listing .custom-control {
    padding-right: 1.5rem;
    padding-left: 0;
}

.business-listing .custom-control-input {
    position: absolute;
    z-index: 1;
    opacity: 0;
    right: 0;
    top: 6px;
}

.business-listing .custom-control-label::before {
    left: auto;
    right: 0;
}

.business-listing .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    left: auto;
    right: 4px;
}

.sidebarcollapse {
    width: 80px;
    background-color: #68afb5!important;
}

.collapse-icon {
    display: none;
    width: 30px;
    height: 30px;
}

.collapse-img {
    background-image: url(../images/collapse-icon-1.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all .4s;
}

.collapse-img:hover {
    background-image: url(../images/collapse-icon-1.png);
    background-position: 0 -30px;
}

.collapse-img2 {
    background-image: url(../images/collapse-icon-2.png);
}

.collapse-img2:hover {
    background-image: url(../images/collapse-icon-2.png);
    background-position: 0 -30px;
}

.collapse-img3 {
    background-image: url(../images/collapse-icon-3.png);
}

.collapse-img3:hover {
    background-image: url(../images/collapse-icon-3.png);
    background-position: 0 -30px;
}

.collapse-img4 {
    background-image: url(../images/collapse-icon-4.png);
}

.collapse-img4:hover {
    background-image: url(../images/collapse-icon-4.png);
    background-position: 0 -30px;
}

.collapse-img5 {
    background-image: url(../images/collapse-icon-5.png);
}

.collapse-img5:hover {
    background-image: url(../images/collapse-icon-5.png);
    background-position: 0 -30px;
}

.collapse-img6 {
    background-image: url(../images/collapse-icon-6.png);
}

.collapse-img6:hover {
    background-image: url(../images/collapse-icon-6.png);
    background-position: 0 -30px;
}

.collapse-img7 {
    background-image: url(../images/collapse-icon-7.png);
}

.collapse-img7:hover {
    background-image: url(../images/collapse-icon-7.png);
    background-position: 0 -30px;
}

.sidebarcollapse .collapse-icon {
    display: block;
}

.sidebarcollapse .web-txt-icon {
    display: none;
}

.sidebarcollapse .navbar-nav li {
    margin-left: 0;
    position: relative;
    margin-bottom: 30px;
}

.sidebarcollapse .navbar-nav li.active span {
    background-position: 0 -30px;
}

.sidebarcollapse .my-appointment-logo {
    position: relative;
    top: -50px;
    left: -12px;
}

.sidebarcollapse .logout-logo {
    left: 25px;
}

.radio-area .custom-control-input:indeterminate~.custom-control-label::before {
    background: none;
}

.radio-area .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: none;
}

#welcomeModal .popup-checkbox .custom-control-label {
    margin-left: 5px;
}

.dashspace-area .page-content {
    padding-left: 130px;
}


/* .business-listing {
    display: none;
} */

.f-500 {
    font-weight: 400 !important;
}

.form-control {
    /* color: #898989!important; */
}

.form-control::placeholder {
    letter-spacing: 1.5px;
    color: #898989;
}

.mystep-popup .modal-footer,
.welcome-popup .modal-footer {
    margin-bottom: 0;
}

.step-popup .select-options {
    border: 1px solid #898989;
    background-color: #f7f5f5;
}

.step-popup .select-options li:hover {
    background: none;
}

.area-interest-img {
    background: url(../images/area-interest-img.png) no-repeat right 20px;
}

.datepicker .prev:before,
.datepicker .next:before {
    background: #fff url(../images/arrow-down.png) no-repeat;
    transform: rotate(90deg);
}

.datepicker-years .prev:before,
.datepicker-months .prev:before {
    left: 24px !important;
}

.datepicker-years .next:before {
    right: 24px !important;
}

.datepicker .prev {
    visibility: visible !important;
}

.datepicker .prev:before {
    left: 14px;
    top: 35px;
}

.datepicker .next:before {
    transform: rotate(270deg);
    right: 15px;
    top: 20px;
}

.text-bttm {
    position: relative;
    bottom: -5px;
}

.from-to-spacaearea .form-group {
    margin-bottom: 10px !important;
}

.from-to-spacaearea .form-control {
    height: 24px !important;
}

.from-to-spacaearea .detail-form .form-control {
    text-transform: lowercase;
}

.from-to-spacaearea .detail-form p {
    color: #898989;
}

.mdtp__button.cancel:hover {
    background: url(../images/close-blue-img.png) no-repeat center center;
}

.mdtp__button.cancel {
    background: url(../images/close-blue-img.png) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -85px;
    right: 5px;
    z-index: 1;
    border-radius: 100%;
    min-width: auto;
    min-height: auto;
    padding: 0;
    text-align: center;
    line-height: 30px;
    text-indent: -999px;
}

.ok {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}

.bootstrap-tagsinput {
    padding: 4px 0px !important;
    border: 0 !important;
    box-shadow: none !important;
}

.bootstrap-tagsinput input {
    padding: 0 !important;
}

.bootstrap-tagsinput .tag {
    color: #737373 !important;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 2px 10px;
    background: #f7f7f7;
    border-radius: 8px;
    margin: 0 0px 7px 0px;
    letter-spacing: 0.5px;
    display: inline-block;
}

.text-blue {
    color: #24303f !important;
}

.blue-h:hover {
    color: #68afb5 !important;
}

.business-modal-popup .bio-msg-text {
    margin-bottom: 50px;
}

.your-logo-here {
    border: 2px solid #ccc;
    width: 162px;
    height: 192px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    position: relative;
}

.business-modal-popup #progressbar {
    margin-left: 75px !important;
}

.green-btn-radius {
    width: 130px;
    background: #68afb5;
    font-weight: 400;
    color: #fff;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block;
}

.green-btn-radius:hover {
    background: #4F7379!important;
    color: #fff!important;
}

.y-logo-icon {
    position: absolute;
    right: -18px;
    bottom: 20px;
}

.team-img {
    background: url(../images/m-user-img.png) no-repeat right 20px;
}

.business-profile-modal #progressbar {
    margin-left: 95px !important;
}

.your-logo-mob .ml-5 {
    margin-left: 1rem!important;
    font-size: 12px;
}

.pos-relative {
    position: relative;
}

#business-threeModal .box-top {
    margin-top: 40px !important;
}

#business-threeModal .my-businessimg {
    background: url(../images/my-business-img.png) no-repeat left 80px;
}

#business-threeModal .form-control.small-input {
    background: none;
}

#business-threeModal .modal-footer {
    border-top: 1px solid #ccc !important;
}

.messg-popup .modal-content {
    background: none !important;
    box-shadow: none;
    border: 0;
}

.messg-popup .modal-header {
    border-bottom: 0 !important;
}

.messg-popup button.close {
    right: 30px;
    top: 120px;
}

.messg-popup .whitecard {
    padding: 30px 0 50px;
}

.marg-bttm-65 {
    margin-bottom: 60px;
}

.fc-widget-header th span {
    font-size: 17px;
    font-weight: 400 !important;
    color: #24303f !important;
}

.fc-toolbar h2 {
    font-size: 25px;
    color: #24303f;
    top: 5px;
    position: relative;
}

.fc-toolbar h2 {
    float: left;
    font-size: 25px!important;
}

.fc-prev-button {
    margin-right: 10px !important;
}

.fc-button-primary {
    background: none !important;
    border: 1px solid #45747a !important;
    padding: 2px 10px !important;
    margin-right: 10px;
    color: #45747a !important;
    text-transform: capitalize !important;
    font-size: 17px !important;
    height: 33px;
    cursor: pointer;
}

.fc-icon-chevron-right:before,
.fc-icon-chevron-left:before {
    color: #45747a !important;
}

.fc th {
    padding: 15px !important;
    vertical-align: middle !important;
    font-size: 17px !important;
    color: #24303f !important;
    font-weight: 400 !important;
}

.fc-time-grid tr:nth-child(2n) td {
    color: #898989 !important;
}

.fc-datepickericon-button {
    background: url(../images/calender-new.png) no-repeat center center !important;
    text-indent: -9999px;
    width: 40px;
}

.fc-datepickericon-button-m {
    background: url(../images/date-icon.svg) no-repeat center center !important;
    text-indent: -9999px;
    width: 25px;
    background-size: cover !important;
    height: 25px;
}

.fc-searchicon-button {
    background: url(../images/searchicon.png) no-repeat center center !important;
    text-indent: -9999px;
    width: 40px;
}

.fc-chaticon-button {
    background: url(../images/chaticon.png) no-repeat center center !important;
    text-indent: -9999px;
    width: 40px;
}

.fc-printicon-button {
    background: url(../images/print-img.png) no-repeat center center !important;
    text-indent: -9999px;
    width: 40px;
}

.fc-button:disabled {
    opacity: 1 !important;
}

.fc-content .fc-time span {
    font-size: 13px;
    color: #24303f;
    font-weight: 600;
}

.fc-time-grid-event .o-status {
    border: 0 !important;
    /* background: #826fa9 !important; */
    width: 85% !important;
    color: #fff !important;
    border-radius: 5px;
    margin: 0 10px;
    font-size: 13px;
    position: absolute;
    bottom: 5px;
    top: auto;
    text-transform: capitalize;
}

.fc-time-grid-event .o-status.c-status {
    background: #7ecfc9 !important;
}

.fc-event .fc-content {
    position: unset !important;
}

.fc-content .avtar,
.fc-content .round-img {
    position: absolute;
    top: 35px;
    left: 7px;
}

.fc-time-grid-event .fc-time {
    padding: 5px !important;
}

.fc-title {
    position: absolute;
    left: 39px;
    font-size: 17px;
    /* word-wrap: break-word; */
    font-size: 13px;
    color: #24303f;
    font-weight: 600;
    top: 40px;
    text-transform: capitalize;
    /* width: 76px; */
}

.checked-bttn {
    position: absolute;
    right: 2px;
    top: 5px;
}

.custom-content .round-img {
    top: 5px !important;
}

.custom-title {
    top: 15px !important;
}

.blue-line-left {
    position: relative;
}


/* .blue-line-left:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3fa0b8;
    width: 5px;
    height: 100%;
} */

.fc-event {
    border-radius: 0 !important;
}

.long-title {
    top: 38px !important;
}

.messg-popup p {
    padding: 0 40px;
    margin: 0;
}

.calender-drpdown .dropdown-toggle::after {
    content: none !important;
}

.fwaitlist.fwiatlist-m .dropdown-item {
    padding: 5px 15px 0px !important;
}

.calender-drpdown .dropdown-item {
    padding: 5px 15px 0px;
}

.servie-btttn .dropdown-item {
    min-width: 100px;
    font-size: 14px;
    background: none !important;
    padding: 4px 10px !important;
    border-bottom: 0 !important;
}

.servie-btttn .dropdown-menu {
    position: relative;
    top: 10px !important;
    background: #f7f7f7 !important;
}

.dropdown-menu.view-dropdown {
    padding: 0 !important;
}

.view-dropdown .dropdown-item {
    padding: 5px 10px !important;
}

.calender-drpdown .dropdown-menu {
    left: 0px !important;
    top: 10px !important;
    min-width: 100px;
    font-size: 17px;
    background: #f7f7f7 !important;
}

.servie-btttn .dropdown-item:hover,
.servie-btttn .dropdown-item:focus,
.calender-drpdown .dropdown-item:focus,
.calender-drpdown .dropdown-item:hover {
    background: none !important;
    color: #45747a !important;
}

.waitlist-drop-box .media {
    background: #fff;
    border-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 2px 6px 5px;
}

.waitlist-drop-box button {
    background: none;
}

.waitlist-drop-box .img-width {
    margin-right: 10px;
}

.waitlist-drop-box .dropdown-toggle::after {
    content: none;
}

.waitlist-drop-box h5 {
    font-size: 13px !important;
}

.waitlist-drop-box h5 span {
    font-size: 12px;
    font-weight: 400 !important;
}

.waitlist-drop-box .dropdown-item:focus,
.waitlist-drop-box .dropdown-item:hover {
    background: none !important;
}

.waitlist-modal .modal-dialog {
    max-width: 500px;
}

.waitlist-btn {
    padding: 0;
    margin-left: 15px;
    margin-bottom: 0;
}

.waitlist-btn li {
    display: inline-block;
    margin-right: 5px;
}

.waitlist-drop-box .dropdown-menu {
    background: #f7f7f7;
    padding: 0;
    border-radius: 10px;
    border-radius: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.waitlist-drop-box .dropdown-item {
    position: relative;
}

.waitlist-drop-box .dropdown-menu .media {
    background: none;
}

.waitlist-drop-box .dropdown-menu .checkedbox {
    top: 20px;
}

.waitlist-drop-box .dropdown-menu .media h6 {
    font-size: 12px;
    font-weight: 400;
}

.waitlist-drop-box .dropdown-menu .media img {
    max-width: 37px;
}

.waitlist-drop-box .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.waitlist-drop-box .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.waitlist-modal .save-btn {
    height: 30px !important;
}

.waitlist-btn .save-btn {
    min-width: auto !important;
    padding: 3px 20px !important;
}

.waitlist-abox .delete-check-icon ul li:last-child,
.waitlist-btn li:last-child {
    margin-right: 0;
}

.waitlist-abox h6 {
    margin-top: 5px;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    font-weight: 500;
}

.waitlist-abox .delete-check-icon ul li {
    margin-right: 10px;
}

.openchat-icon li a,
.waitlist-abox .delete-check-icon ul li a {
    position: relative;
    top: 0;
    transition: all 0.4s ease;
}

.openchat-icon li a:hover,
.waitlist-abox .delete-check-icon ul li a:hover {
    top: -4px;
}

.waitlist-abox .delete-check-icon ul li img {
    max-width: 30px !important;
}

.waitlist-abox .brdr-bttm {
    padding-bottom: 10px;
    margin-bottom: 10px !important;
}

.waitlist-abox {
    position: relative;
}

#waitlistMenuButton .media .img-width,
.waitlist-abox .media .img-width {
    margin-right: 10px !important;
}

.waitlist-menu.multi-pract .media .img-width {
    margin-right: 10px !important;
    margin-left: 25px !important;
}

.waitlist-menu.multi-pract .rdio {
    top: 5px;
}

.waitlist-menu .media .img-width {
    margin-right: 0px !important;
}

.checkedbox {
    position: absolute;
    top: 10px;
    left: 10px;
}

.marg25 {
    margin-left: 25px;
}

.waitlist-drop-box {
    padding: 0 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.waitlist-modal .mCustomScrollbar {
    max-height: calc(100vh - 300px);
}


/* .fc-myCustomButton3-button  {
    position: relative;
    right: 10px;
} */

.waitnotif {
    position: relative;
    right: -8px;
    top: -15px;
    background: #f00;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    margin-left: -20px !important;
}

.fc-myCustomButton4-button {
    border: 0 !important;
    position: relative;
    top: -10px;
}

#calendar .fc-left .dropdown {
    display: inline-block;
}

.fc-widget-header tr th {
    background: #fff;
}

.fc-time-grid .fc-slats td:first-child {
    background: #fff;
}

#calendericon {
    margin: 0;
}

.fwaitlist {
    padding: 0;
    position: relative;
    top: 0px;
    border-bottom: 0;
    margin-left: 0 !important;
}

.fwaitlist .img-width {
    min-width: 40px;
    max-width: 40px;
}

.fwaitlist .dropdown-menu {
    top: 30px !important;
    left: 10px !important;
}

.fwaitlist .dropdown-item {
    padding: 0 !important;
}

.fwaitlist .dropdown-item .media {
    padding: 10px 10px !important;
}

.popover {
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    max-width: 175px;
    z-index: 2;
}

.popover .media {
    padding: 15px 20px 0;
}

.popover.fc-time {
    padding: 7px 7px 7px 10px;
    border-bottom: 1px solid #ccc;
}

.popover h3 {
    font-size: 14px;
    color: #ffffff;
    background: #826fa9;
    padding: 5px 0;
    text-align: center;
    margin: 15px 0;
}

.blue-line-left .fc-title.custom-title {
    top: 2px !important;
    line-height: 18px;
}

.popover .confirm-arrived-text {
    padding-bottom: 20px;
    position: relative;
    right: 15px;
}

.popover .confirm-arrived-text li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #24303f;
}

.popover .fc-time {
    padding: 5px !important;
    border-bottom: 1px solid #ccc;
}

.popover .fc-time span {
    font-size: 13px;
    color: #24303f;
    font-weight: 600;
}

.popover .right-icon {
    margin-bottom: 0px;
    padding-left: 0;
    margin-left: 0;
}

.popover .right-icon li {
    display: inline-block;
    margin-right: 0px;
}

.popover .right-icon li:last-child {
    margin-right: 0;
}

.popover .right-icon li img {
    max-width: 25px !important;
}

.edit-msg-txt {
    padding: 7px 7px 7px 10px;
    border-top: 1px solid #ccc;
}

.popover .img-width {
    min-width: 50px;
    max-width: 50px;
}

.popover .popover-body {
    padding: 0;
}

.waitlist-modal .rdio-primary input[type="checkbox"]:checked+label:before {
    background: #45747b;
}


/* .waitlist-abox .rdio label:before {
    width: 20px;
    height: 20px;
} */

.multi-pract .rdio-primary input[type="checkbox"]:checked+label::after {
    background: url(../images/tick-img-white.png) no-repeat center top !important;
    background-size: 8px !important;
    left: -2px !important;
    top: 2px !important;
}

.waitlist-modal .rdio-primary input[type="checkbox"]:checked+label::after {
    background: url(../images/tick-img-white.png) no-repeat center top;
    background-size: 10px;
    left: 0px;
    top: 4px;
}

.waitlist-modal h5.modal-title {
    font-family: 'Eagle-Light';
}

#waitlistMenuButton .img-width {
    min-width: 40px;
    max-width: 40px;
}

.image {
    background: none !important;
}

.image,
.text-round-img {
    background: #45747a;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 100%;
    font-size: 12px;
    color: #ffffff;
}

.sms-whitecard .media-body h5:hover {
    color: #68afb5;
}

.sms-whitecard .media-body h5 {
    color: #24303f;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-bottom: 5px;
}

.sms-whitecard .media {
    position: relative;
}

.sms-whitecard .media-body p {
    font-size: 13px;
    color: #898989;
    font-weight: 500;
    letter-spacing: 0.2px;
    word-break: break-all;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sms-whitecard .dropdown-menu {
    width: 265px;
    padding: 0;
    border: 1px solid #ccc;
}

.sms-whitecard .dropdown-item {
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid #ccc;
    margin-left: 10px;
    width: 92%;
}

.sms-whitecard .dropdown-item:focus,
.sms-whitecard .dropdown-item:hover {
    background: none;
}

.sms-whitecard .dropdown-item:last-child {
    border-bottom: 0;
}

.toparrow {
    right: -8px;
    top: 8px;
    transform: rotate(265deg);
    position: absolute;
}

.list-business .proflie-banner-section,
.list-business header {
    /*background: #99c9cd !important;*/
    background-color: #98C9CD !important;
    box-shadow: none !important;
}

.list-business header .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

.list-business .nav-dropdown .nav-link {
    border: 1px solid #fff !important;
}

.list-business .nav-dropdown .nav-link:hover {
    color: #fff !important;
    background: none !important;
}

.list-business .social-link {
    background: #fff !important;
}

.list-business .social-link:hover {
    background: #45747a !important;
}

.list-business header .social-link .fa {
    color: #99c9cd !important;
}

.list-business header .navbar-light .navbar-nav .nav-link:hover {
    color: #45747a !important;
}

.list-business .proflie-banner-section h2 {
    font-size: 52px;
    color: #ffffff;
    letter-spacing: 2px;
    font-weight: 300 !important;
}

.list-business .proflie-banner-section p {
    font-size: 30px;
    color: #ffffff;
    text-shadow: none !important;
    font-weight: 300 !important;
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 35px;
}

.list-business .about-me-text p {
    letter-spacing: 0.8px;
}

.my-profile-form {
    border: 1px solid #cccccc;
    position: relative;
    left: 100px;
}

.find-my-logo {
    border-bottom: 1px solid #cccccc;
    padding: 20px 0;
}

.create-profile-padd {
    padding: 30px 40px;
}

.create-profile-padd .form-group {
    margin-bottom: 20px !important;
}

.create-profile-padd .form-control.small-input {
    font-size: 12px !important;
}

.create-profile-padd .form-control.small-input::placeholder {
    letter-spacing: 0 !important;
}

.font-20 {
    font-size: 20px;
}

.checkbox-alignment {
    display: flex;
    justify-content: center;
}

.checkbox-alignment .custom-checkbox {
    margin-left: 10px;
}

.create-profile-padd .save-btn {
    padding: 6px 24px;
    background: #45747a !important;
    color: #fff !important;
    font-size: 17px !important;
}

.create-profile-padd .save-btn:hover {
    background: none !important;
    color: #45747a !important;
    border: 1px solid #45747a !important;
    ;
}

.m-t-b-20 {
    margin: 20px 0;
}

.business-video {
    background: #68afb5;
}

.pp-pc-area p {
    font-size: 19px;
    color: #24303f;
}

.greentext {
    color: #45747a !important;
}

.list-text-area ul {
    text-align: center;
    margin: 30px 0 50px;
    padding: 0;
    display: table;
}

.list-text-area ul li {
    margin-bottom: 30px;
    font-size: 19px;
    color: #24303f;
    text-align: left;
    display: flex;
}

.list-text-area ul li p {
    margin-bottom: 0;
    line-height: normal;
}

.list-text-area ul li span {
    /*max-width: 36px;
    min-width: 36px;
    width: 36px;*/
    display: inline-block;
    margin-right: 25px;
}

.list-text-area ul li span img {
    height: 32px;
    width: 32px;
}

.list-text-area ul li span.img-bigger {
    margin-right: 12px;
}

.list-text-area ul li span.img-bigger img {
    width: 45px;
    position: relative;
    right: 8px;
}

.list-text-area ul li span.img-ok {
    margin-right: 20px;
}

.list-text-area ul li span.img-ok img {
    width: 36px;
    position: relative;
    right: 3px;
}

.m-t-100 {
    margin-top: 100px;
}

.pp-pc-area .h3-title {
    font-size: 19px;
    margin-bottom: 40px;
}

.industry-supporter h3 {
    margin-bottom: 70px;
}

.small-bullet .rdio label:before {
    width: 15px;
    height: 15px;
    border: 1px solid #24303f;
    background: none;
}

.small-bullet .rdio-primary input[type="checkbox"]:checked+label:before {
    border: 1px solid #24303f;
    background: #24303f;
}

.small-bullet .rdio-primary input[type="checkbox"]:checked+label::after {
    background-size: 8px;
    left: -2px;
    top: 2px;
}


/* 
.container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
  
    border: 2px dashed rgba(114, 186, 94, 0.35);
    height: 400px;
    background: rgba(114, 186, 94, 0.05);
  } */

.pirate {
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
}

.police {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.doctor {
    position: -webkit-sticky;
    position: sticky;
    bottom: 1rem;
    align-self: flex-end;
}

.rightbox-fixed .pp-appointment .book-white-card {
    right: 300px !important;
}

.rightbox-fixed .pp-appointment .availability-box-area {
    position: fixed !important;
    top: 100px !important;
}

.list-business .pp-appointment .availability-box-area {
    top: -12px;
    position: relative;
}

.list-business .pp-appointment .book-white-card {
    right: -120px;
}

.add-filter-dropdown .dropdown-item {
    width: 350px;
    padding: 30px 20px 10px !important;
}

.add-filter-dropdown .dropdown-menu {
    left: auto !important;
    right: 140px;
}

.add-filter-dropdown .detail-form {
    width: 100%;
}

.add-filter-dropdown .detail-form .small-input {
    background: none !important;
}

.add-filter-dropdown .detail-form label {
    font-size: 13px;
    font-weight: bold;
    color: #24303f;
}


/* .add-filter-dropdown .detail-form .select {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    padding-left: 10px!important;
    border-bottom: 0;
} */


/* .add-filter-dropdown .detail-form .select-dropdown .select-styled:after {
    right: 10px;
} */

.add-filter-dropdown .save-btn-space {
    margin-bottom: 20px;
}

.add-filter-dropdown button.close {
    top: 5px !important;
}

#addModal .modal-header {
    border-bottom: 0 !important;
}

#addModal .close {
    opacity: 1 !important;
    position: absolute;
    right: 20px;
    top: 10px;
}

.light-bg {
    background: #68afb5 !important;
    border: 1px solid #68afb5 !important;
    color: #fff !important;
    font-size: 16px;
}

#addModal .modal-content {
    background: #f7f7f7;
}

.fc-day-grid-event {
    position: relative;
}

.fc-day-grid-event .fc-content {
    margin-left: 2px;
}

.fc-day-grid-event::before {
    /* content: "";
    background: #eda745;
    width: 6px;
    height: 18px;
    position: absolute;
    left: 0; */
}

.fc-day-grid-event .fc-title:before {
    content: "|";
    padding: 0 10px;
    color: #ccc;
    margin-left: 20px;
    position: relative;
    top: -2px;
}

.fc-day-grid-event .fc-title {
    top: 4px;
    font-size: 11px;
    color: #24303f;
    font-weight: 400;
    /* margin-left: 20px; */
}

.fc-right {
    display: flex;
}

.gray-brdr .select-options {
    border: 1px solid rgba(0, 0, 0, .15);
}

.add-filter-dropdown .select-options {
    border: 1px solid #a9a9a9;
    background: #f7f7f7 !important;
}

.add-filter-dropdown .select-options li:hover {
    background: #f7f7f7 !important;
}

.fc-day-grid-event {
    padding: 2px 1px !important;
}

.mob-download {
    max-width: 289px;
    position: relative;
    left: 25px;
}

.red-text {
    color: #ff0000;
}

.openclickmodal .media {
    align-items: start;
    justify-content: start;
}

.mediabox p {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 7px;
}

.fc-widget-header tr th {
    background: #fff;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.openchat-icon li img {
    max-width: 33px;
}

.openchat-icon {
    margin-top: 50px;
    padding-left: 0;
}

.openchat-icon li {
    display: inline-block;
    margin-right: 5px;
}

.openchat-icon li:last-child {
    margin-right: 0;
}

.multi-btn a {
    margin-bottom: 30px;
}

.multi-btn .save-btn {
    line-height: 26px;
    height: 36px;
    font-size: 15px;
    letter-spacing: 0.8px;
}

.openclickmodal .modal-footer {
    background: #d7d7d7;
    margin-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.openclickmodal h5 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
}

.openclickmodal .modal-dialog {
    max-width: 380px;
}

.no-brdr {
    border: 0 !important;
    font-size: 15px;
    color: #24303f !important;
    letter-spacing: 0.8px;
    font-weight: 500;
}

.no-brdr:hover {
    background: none !important;
    color: #4F7379 !important;
}

.note-appoint {
    margin-top: 30px;
}

.note-appoint label {
    letter-spacing: 0.5px;
}

.autosize {
    resize: none;
    overflow: hidden;
}

.note-appoint textarea {
    display: block;
    box-sizing: padding-box;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important;
    border: 0;
    resize: none;
}

.note-appoint textarea.form-control {
    height: 90px !important;
}

.note-appoint .form-group {
    margin-bottom: 40px;
    position: relative;
}

.note-appoint .form-group .save-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #fff;
}

.process-wrapper {
    position: relative
}

.process-line {
    position: absolute;
    border-right: 2px solid #46757b;
    width: 2px;
    height: 60%;
    margin: auto;
    left: -280px;
    right: 0;
    top: auto;
}

.process-line:before {
    top: -25px
}

.process-line:after {
    bottom: -25px
}

.process-main {
    padding-bottom: 30px
}

.work-with-us-thumbs {
    position: relative;
    padding-right: 0px
}

.work-with-us-thumbs h1 {
    color: #e5f3fb;
    font-size: 80px;
    font-weight: 600
}

.work-with-us-thumbs.right {
    padding-left: 0px;
    padding-right: 0
}

.work-with-us-thumbs img {
    border-radius: 100%;
    border: 8px solid #a6efff;
    box-shadow: 0 0 10px #aaa
}

.work-with-us-thumbs img:hover {
    border: 8px solid #fff;
    box-shadow: 0 0 20px #aaa;
    opacity: .8;
    transform: scale(.9)
}

.work-with-us-single {
    font-size: 14px;
    padding-right: 20px
}

.work-with-us-single.left {
    padding-right: 60px;
    padding-left: 0
}

.work-with-us-single h5 {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #24303f;
    font-weight: 500;
    letter-spacing: 1px
}

.work-with-us-single p {
    font-size: 13px
}

.work-with-us-icon-main {
    width: 18px;
    height: 18px;
    position: absolute;
    right: -24px;
    top: 0;
    margin-top: 0;
    background-color: #fff;
    border: 2px solid #dfe7e9;
    border-radius: 100%;
    transition: all .4s;
    z-index: 1
}

.work-with-us-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .4s;
    background-color: #46757b;
    border-radius: 100%
}


/* .work-with-us-icon-main:hover {
    background-color: #01b1d7;
    border: 2px solid #01b1d7
} */

.work-with-us-icon-main:hover .work-with-us-icon {
    background-position: 0 -51px
}

.work-with-us-thumbs.right .work-with-us-icon-main {
    left: -40px;
    right: auto;
}

.progresswhite-box {
    border: 1px solid #ccc;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    top: -20px;
}

.grey-white-text h3 {
    color: #898989;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-left: 0;
}

.grey-white-text p,
.grey-white-text h4 {
    color: #898989;
    font-size: 14px;
    font-weight: 400;
}

.grey-white-text {
    margin-bottom: 20px;
}

.note-appointment-popup .modal-dialog {
    max-width: 530px;
}

.note-appointment-popup .modal-footer {
    border-top: 1px solid #ccc;
}

.note-appointment-popup .multi-btn a {
    margin-bottom: 0px;
}

.archive-box-area {
    width: 100px !important;
    left: 30px !important;
    text-align: center !important;
    height: 40px !important;
    top: -50px !important;
    right: 0 !important;
}

.archive-box-area,
.send-btn-repeat {
    position: relative;
}

.send-client-box-geo {
    width: 210px !important;
    top: -130px !important;
    right: 50px !important;
}

.archive-box-area,
.send-btn-repeat-box,
.send-client-box-geo,
.send-client-box {
    display: none;
    width: 170px;
    height: 125px;
    position: absolute;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    top: -60px;
    right: 10px;
    border-radius: 5px;
}

.archive-box-area h5,
.send-client-box-geo h5,
.send-client-box h5 {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}

.note-invoice-popup .form-group {
    margin-bottom: 0px;
}

.note-invoice-popup .form-group .form-control {
    background: #fff;
    border: 1px solid #ccc;
}

.note-invoice-popup .form-group .form-control::placeholder {
    color: #24303F !important;
}

.note-invoice-popup label {
    font-size: 15px;
    color: #24303f;
}

.spaceinput {
    margin-bottom: 30px;
}

.note-invoice-popup .brdr-bttm {
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.note-invoice-popup .day-datepicker {
    width: 100%;
    max-width: 100%;
    border: 1px solid #ccc !important;
    font-size: 13px;
    color: #24303f;
}

.note-invoice-popup .day-datepicker::placeholder {
    font-size: 13px;
    color: #24303f;
}

.note-invoice-popup .input-group {
    position: relative;
}

.rightimg {
    position: absolute;
    right: 10px;
    top: 4px;
    cursor: pointer;
}

.appentable .table .table {
    background: none;
    margin-bottom: 0;
}

.appentable tfoot .table th,
.appentable table tr td,
.appentable table {
    border: 0;
}

.appentable table tr td:first-child {
    padding-left: 0;
}

#btnAdd {
    background: none;
    border: 0;
    margin-top: 10px;
}

.appentable .btn-danger {
    color: #fff;
    background-color: #45747b;
    border-color: #45747b;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.appentable .btn-danger .fa {
    position: relative;
    left: -2.5px;
    top: -2px;
}

.invoice-bala-text label {
    float: right;
}

.cremove {
    background: none;
    position: relative;
}

.cremove img {
    position: absolute;
    top: 5px;
    max-width: 10px;
}

.afternone .select-styled:after {
    content: none;
}

.dollar {
    position: relative;
}

.dollar:before {
    content: "$";
    position: absolute;
    top: 7px;
    left: 10px;
    color: #24303f;
    font-size: 13px;
}

.dollar .form-control {
    padding-left: 20px !important;
}

.afternone select {
    font-size: 13px;
    letter-spacing: 0.8px;
}

.note-popup-top .modal-footer {
    border-top: 0 !important;
}

.send-client-btn {
    min-width: auto !important;
    padding: 3px 15px !important;
    background: #fff;
    width: 30px;
    height: 30px !important;
    border-radius: 10px;
}

.send-client-btn:hover {
    background: none !important;
}

.send-client-btn img {
    position: relative;
    top: -1px;
    width: 15px;
    height: 15px;
    right: 7px;
    max-width: 20px;
}

.o-status {
    display: none;
}

.customdayview .fc-popover {
    border-radius: 10px;
}

.customdayview .fc-widget-header {
    background: none !important;
}

.customdayview .fc-title {
    display: block;
    position: absolute;
    top: 10px !important;
    left: 24px !important;
    right: 0 !important;
    text-align: left;
}

.customdayview .fc-close {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 1 !important;
}

.customdayview .fc-body {
    margin-top: 15px;
}


/* .customdayview .fc-more-popover .fc-title {
    left: 0 !important;
    text-align: center !important;
} */

.fc-popover .fc-header .fc-title {
    text-align: center;
    left: 0 !important;
}

.note-appointment-box .note-appoint .form-group {
    margin-bottom: 30px;
}

.fc-content .fc-time {
    font-weight: 400 !important;
    color: #24303f;
}


/* .fc-view-container {
    width: 70%;
} */


/* ======== Day View Css ========= */

.dayView .fc-content .fc-time span {
    font-size: 17px;
    font-weight: 500 !important;
}

.dayView .round-img {
    max-width: 50px !important;
    max-height: 50px !important;
    top: 45px !important;
}

.dayView .fc-title {
    left: 45px;
    top: 45px !important;
    font-size: 17px !important;
}

.rightbox {
    width: 25%;
    float: right;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    display: none;
    top: 163px;
    right: 0;
}

.rightbox .media {
    background: #f7f7f7;
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.rightbox .comm-marg {
    margin: 0 20px !important;
}

.rightbox .openchat-icon {
    margin-top: 15px;
}

.rightbox .modal-footer {
    border-top: 1px solid #ccc !important;
    background: none;
    padding: 7px 0 !important;
    position: relative;
}


/* .rightbox .modal-footer:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    top: 0px;
    left: 7px;
    box-sizing: border-box;
    border: 10px solid #ccc;
    border-color: transparent transparent #ffffff #ffffff;
    transform-origin: 0 0;
    transform: rotate(45deg);
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
} */

.rightbox .modal-footer .save-btn {
    border: 0 !important;
    font-size: 15px;
    font-weight: 400;
}

.rightbox .modal-footer .save-btn:hover {
    background: none !important;
    color: #000 !important;
}

.h5-first {
    font-size: 17px !important;
    margin: inherit !important;
    font-weight: 400 !important;
}

.pos-rel .checkedbox {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 10px;
}

.labelcheck {
    position: relative;
    top: -4px;
    left: 15px;
    font-size: 17px;
    color: #24303f;
}

.waitlist-modal .rdio-primary.confirm input[type="checkbox"]:checked+label::after {
    background: url(../images/c-img.svg) no-repeat center top;
    background-size: 10px;
    left: 0px;
    top: 4px;
}

.titlep {
    position: absolute;
    left: 52px;
    top: 70px;
    font-size: 13px;
    color: #24303f;
}

.dayView .checked-bttn {
    right: 5px;
    top: 10px;
}

.carddrop .select-options,
.appentable .select-options {
    border: 1px solid rgba(0, 0, 0, .15);
}

.carddrop .select,
.appentable .select {
    box-shadow: none !important;
}

.fiftenmin .round-img {
    top: 8px !important;
    max-width: 25px !important;
    max-height: 25px !important;
}

.fiftenmin .fc-title {
    top: 8px !important;
    left: 35px !important;
}


/* .fc-timeGrid-view .fc-content .round-img {
    top: 8px !important;
} */

.confirmimgbtn {
    position: absolute;
    right: 30px;
    top: 10px;
}


/* ======== Day View Css ========= */

.calender-multiple-drop .titlep {
    left: 45px;
    top: 56px;
}

.calender-multiple-drop .checked-bttn,
.calender-multiple-drop .confirmimgbtn {
    top: 7px;
}

.calender-multiple-drop .fc-event,
.calender-multiple-drop .fc-event-dot {
    margin: 8px -3px 6px 5px !important;
}

.dayView .fc-time-grid .fc-event,
.dayView .fc-time-grid .fc-bgevent {
    width: 100% !important;
}


/* ===== Sms Replies ======*/

.sms-replie-area h6 {
    font-size: 15px;
    color: #24303f;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.sms-replie-area .media {
    align-items: center;
}

.sms-replie-area .media-body p {
    max-width: 100% !important;
    color: #24303f;
}

.sms-replie-area .media-body .form-control {
    height: 40px !important;
    border-radius: 5px !important;
    color: #24303f;
}

.sms-replie-area .media-body .form-control::placeholder {
    font-size: 13px !important;
    font-family: "europa", sans-serif;
}

.blueplac .form-control::placeholder {
    color: #24303f !important;
}

.sms-replie-area .media-body .form-control:focus {
    border: 1px solid #ccc;
}

.sms-replie-area .dropdown-item {
    margin-left: 0px;
    width: 100%;
    border-bottom: 0 !important;
    padding-bottom: 10px;
}

.sms-replie-area .dropdown-item span {
    color: #a1a1a1;
    font-size: 12px;
    position: relative;
    top: 5px;
}


/*========*/

.reply-modal h5 {
    font-size: 15px;
    color: #24303f;
    padding: 10px 0;
    text-align: center;
}

.reply-modal .send-input-box {
    padding: 6px 7px;
}

.reply-modal .send-input-box button {
    padding: 0;
    background: none;
    border: 0;
}

.reply-modal .modal-content {
    background: #f7f7f7;
}

.reply-modal .modal-header {
    margin: 0 auto;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.reply-modal .media-body p {
    max-width: 100% !important;
    color: #24303f;
}

.reply-modal .media-body .form-control {
    height: 40px !important;
    border-radius: 5px !important;
    color: #24303f;
    box-shadow: none;
    letter-spacing: 0;
    font-size: 13px;
}

.reply-modal .media-body .form-control::placeholder {
    font-size: 13px !important;
    font-family: "europa", sans-serif;
    color: #24303f !important;
    letter-spacing: 0;
}

.reply-modal span {
    color: #a1a1a1;
    font-size: 12px;
    position: relative;
    top: 5px;
}

.reply-modal .green-drop .form-control::placeholder {
    color: #fff !important;
}

.close-h-img .close {
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 10px;
    padding: 0;
}

.close-h-img .close img {
    max-width: 10px;
}

.spacebt-media {
    margin-bottom: 20px;
}

.reply-modal .modal-footer {
    border-top: 1px solid #ccc;
}

.reply-modal .modal-footer .send-input {
    padding: 0;
    border-top: 0;
    margin-top: 0;
}

.green-drop .form-control {
    background: #45747a;
    color: #fff !important;
}

.green-drop .form-control::placeholder,
.green-drop p {
    color: #fff !important;
}

.send-input {
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

.send-input-box {
    border: 1px solid #45747a;
    padding: 5px 7px;
    border-radius: 5px;
}

.send-input img {
    width: 22px;
    height: 22px;
}

.sms-replie-area {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) !important;
}

.quickaddModal h5 {
    font-size: 18px !important;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.quickaddModal .media {
    width: 230px;
    text-align: center;
    margin: 20px auto 20px;
    align-items: center;
}

.quickaddModal .media .img-width {
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 5px;
}

.quickaddModal .media h5 {
    margin-bottom: 0 !important;
}

.quickaddModal .media label {
    margin-bottom: 0;
}

.quickaddModal .online-dropdown .select,
.quickaddModal .form-control {
    font-size: 12px;
    color: #24303f;
    border: 0 !important;
    box-shadow: none !important;
    letter-spacing: 0;
}

.quickaddModal .form-control::placeholder {
    color: #24303f;
    font-size: 12px !important;
    letter-spacing: 0 !important;
}

.quickaddModal .label-form {
    margin-bottom: 15px;
}

.quickaddModal .label-form label {
    margin-bottom: 0 !important;
}

.quickaddModal .mb-50 {
    margin-bottom: 50px !important;
}

.quickaddModal .modal-footer {
    background: none !important;
    border-top: 1px solid #ccc;
}

.quickaddModal .online-dropdown .select {
    border: 0 !important;
}

.quickaddModal .yellow-btn {
    padding: 8px 36px;
    width: 90%;
    border-radius: 5px;
}


/* ===== Sms Replies ======*/

.maxw-25 {
    max-width: 25px;
}

.new-checkbox .rdio label:before {
    top: 4px !important;
}

.new-checkbox .rdio input[type="checkbox"]:checked+label::after {
    top: 3px !important;
}

#participantTable tr td {
    padding: 0;
    text-align: left;
    border-right: 0;
}

#participantTable tr td:first-child {
    width: 37%;
}

#participantTable tr td label {
    font-size: 15px;
}

.calender-multiple-drop .confirmimgbtn {
    right: 25px;
}

.client-name::-webkit-input-placeholder {
    /* Edge */
    color: #898989 !important;
}

.client-name:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989 !important;
}

.client-name::placeholder {
    color: #898989 !important;
}

#rs-calendar,
#bs-calendar {
    position: relative;
}

#rs-calendar .datepicker-inline,
#bs-calendar .datepicker-inline {
    width: 318px !important;
}

#rs-calendar .datepicker .prev:before,
#bs-calendar .datepicker .prev:before {
    left: 10px;
    top: 20px;
}

#rs-calendar .datepicker .next:before,
#bs-calendar .datepicker .next:before {
    right: 10px;
    top: 15px;
}

#appcalendar table tr:first-child,
#rs-calendar table tr:first-child,
#bs-calendar table tr:first-child {
    display: contents !important;
}

#rs-calendar .clear,
#bs-calendar .clear {
    display: block !important;
    text-indent: inherit;
    background: none !important;
    position: absolute;
    bottom: 0;
    right: 30px !important;
    top: auto !important;
    font-weight: 500;
}

.customised-drop .drop-down {
    position: relative;
}

.customised-drop .drop-down .selected a {
    background: #fff no-repeat scroll right center;
    display: block;
    border: 1px solid #d7d7d7;
    width: auto;
    border-radius: 2px;
    text-decoration: none;
    color: #3179ac;
}

.customised-drop .drop-down .selected a span {
    cursor: pointer;
    display: block;
    padding: 5px;
}

.customised-drop .drop-down .option {
    position: relative;
}

.customised-drop .drop-down .options ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 0px 0px;
    position: absolute;
    left: 0px;
    top: 32px;
    width: auto;
    min-width: 170px;
    border: 1px solid #d7d7d7;
}

.customised-drop .drop-down .selected span.value,
.customised-drop .drop-down .options span.value {
    display: none;
}

.customised-drop .drop-down .options ul li a {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #3179ac;
}

.customised-drop .drop-down .options ul li a:hover {
    background: #3179ac;
    color: #fff;
    transition: 0.2s ease;
}

.gray-brdr .online-dropdown .select .select-options {
    left: 1px;
}


/* .dayview-m #weekChange {
      display: none;
  } */

.box-li {
    padding: 0;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-li li {
    display: inline-block;
    margin-right: 10px;
}

.box-li li:first-child {
    font-size: 15px;
    color: #24303f;
    font-weight: bold;
}

.box-li li.customised-drop ul li {
    display: block;
}

.box-li .select-dropdown .select-styled:after {
    content: none;
}

.box-li .online-dropdown .select {
    box-shadow: none !important;
    height: 25px;
    font-size: 13px;
    vertical-align: middle;
    display: inline-flex;
}

.bookappModal h5 {
    letter-spacing: 0.5px;
}

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

.fc-content-skeleton-month .fc-more {
    display: none;
}

.appcalender .modal-title {
    position: relative;
    top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    letter-spacing: 0.7px;
}

.appcalender .appoint-date-box ul li {
    max-width: 88px;
}

.appcalender .listing-box li {
    padding: 8px 16px;
}

.appcalender .form-group {
    margin-bottom: 30px;
}

.appcalender .plus-bullet-img {
    position: relative;
    top: 5px;
}

.confirm-bttn {
    background: #68afb5;
    color: #fff;
    padding: 7px 20px;
    letter-spacing: 0.5px;
    position: relative;
    right: 25px;
    float: right !important;
}

.appcalender .modal-footer {
    padding: 25px 15px;
}

.confirm-bttn:hover {
    color: #fff;
    background: #4F7379;
}

.tran-plus {
    bottom: 0 !important;
}

.tran-plus button {
    background: none !important;
    border: 0 !important;
    padding: 0;
}

.tran-plus .dropdown-item {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px 10px !important;
}

.tran-plus .dropdown-menu {
    padding: 0 10px !important;
    left: -60px !important;
}

.tran-plus .dropdown-item:last-child {
    border-bottom: 0;
}

.appcalender .modal-body {
    padding-bottom: 0 !important;
}

.addquick .switch {
    float: right;
}

.addquick .detail-form .toogle-area {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.addquick .modal-footer {
    border-top: 1px solid #ccc;
}

.addquick .save-btn {
    height: 34px;
    line-height: 26px;
}

.addquick .send-client-btn {
    padding: 10px !important;
}

.addquick .send-client-box {
    height: 95px !important;
    top: -100px !important;
}

.appchk-form {
    margin-top: -10px;
    margin-bottom: -10px;
}

.appchk-form .send-client-btn {
    padding: 0;
    width: auto;
    height: auto;
    background: none;
}

.addquick .step-popup .select-options {
    background: #fff;
}

.appchk-form .right-round-icon {
    right: 10px;
    top: -15px;
}

.appchk-form h3 {
    margin-bottom: -15px !important;
}

.custom123 {
    background: #68afb5;
    width: fit-content;
    height: 20px;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    position: relative;
    top: 20px;
    left: 10px;
    line-height: 20px;
    padding: 2px 10px 4px;
}

.notifictop,
.transplus {
    max-width: 30px;
    height: 30px;
}

.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

.clients-area .checkedbox {
    left: -40px;
    top: 18px;
}

.clients-area .waitlist-abox {
    margin-left: 40px;
}

.clients-area .delete-check-icon {
    float: right;
}

.clients-area .whitecard {
    padding: 5px 10px;
    margin-bottom: 10px;
    box-shadow: none;
    border: 1px solid #ccc;
}

.clients-area .whitecard .media {
    align-items: center;
}

.clients-area .whitecard .media h4 {
    color: #24303f;
}

.clients-area table tr th {
    font-size: 14px;
    color: #24303f;
    font-weight: 600;
}

.clients-area-table table tr th,
.clients-area-table table tr td {
    border-right: 0;
}

.clients-area-table table tr td {
    background: #ffffff;
    color: #24303f;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 52px;
    vertical-align: middle;
    font-size: 15px;
}

.clients-area-table table {
    border-spacing: 10px;
    border-collapse: separate;
    /* position: absolute;
    top: -37px; */
}

.clients-area-table {
    position: relative;
    top: -37px;
    left: -15px;
}

.clients-area-table table tr td:last-child {
    border-right: 1px solid #ccc;
}

.client-top-area {
    position: relative;
    z-index: 2;
}

.client-top-area ul {
    padding: 0;
    margin: 0;
}

.client-top-area .checkedbox {
    left: 0 !important;
    top: 10px !important;
}

.client-top-area .delete-check-icon li {
    border: 0;
}

.client-top-area ul li {
    border: 1px solid #45747b;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 5px;
}

.client-top-area ul li a {
    padding: 5px 10px;
    display: inline-block;
}

.txt-filter {
    padding: 5px 25px !important;
    font-size: 16px;
    color: #45747b;
}

.txt-filter:hover {
    color: #45747b;
}

.g-btn {
    background: rgba(48, 174, 73, 1);
    background: -moz-linear-gradient(left, rgba(48, 174, 73, 1) 0%, rgba(48, 174, 73, 1) 50%, rgba(131, 197, 99, 1) 50%, rgba(131, 197, 99, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(48, 174, 73, 1)), color-stop(50%, rgba(48, 174, 73, 1)), color-stop(50%, rgba(131, 197, 99, 1)), color-stop(100%, rgba(131, 197, 99, 1)));
    background: -webkit-linear-gradient(left, rgba(48, 174, 73, 1) 0%, rgba(48, 174, 73, 1) 50%, rgba(131, 197, 99, 1) 50%, rgba(131, 197, 99, 1) 100%);
    background: -o-linear-gradient(left, rgba(48, 174, 73, 1) 0%, rgba(48, 174, 73, 1) 50%, rgba(131, 197, 99, 1) 50%, rgba(131, 197, 99, 1) 100%);
    background: -ms-linear-gradient(left, rgba(48, 174, 73, 1) 0%, rgba(48, 174, 73, 1) 50%, rgba(131, 197, 99, 1) 50%, rgba(131, 197, 99, 1) 100%);
    background: linear-gradient(to right, rgba(48, 174, 73, 1) 0%, rgba(48, 174, 73, 1) 50%, rgba(131, 197, 99, 1) 50%, rgba(131, 197, 99, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#30ae49', endColorstr='#83c563', GradientType=1);
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    width: 72px;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    color: #fff;
}

.o-btn {
    background: rgba(239, 78, 34, 1);
    background: -moz-linear-gradient(left, rgba(239, 78, 34, 1) 0%, rgba(239, 78, 34, 1) 50%, rgba(244, 127, 80, 1) 50%, rgba(244, 127, 80, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239, 78, 34, 1)), color-stop(50%, rgba(239, 78, 34, 1)), color-stop(50%, rgba(244, 127, 80, 1)), color-stop(100%, rgba(244, 127, 80, 1)));
    background: -webkit-linear-gradient(left, rgba(239, 78, 34, 1) 0%, rgba(239, 78, 34, 1) 50%, rgba(244, 127, 80, 1) 50%, rgba(244, 127, 80, 1) 100%);
    background: -o-linear-gradient(left, rgba(239, 78, 34, 1) 0%, rgba(239, 78, 34, 1) 50%, rgba(244, 127, 80, 1) 50%, rgba(244, 127, 80, 1) 100%);
    background: -ms-linear-gradient(left, rgba(239, 78, 34, 1) 0%, rgba(239, 78, 34, 1) 50%, rgba(244, 127, 80, 1) 50%, rgba(244, 127, 80, 1) 100%);
    background: linear-gradient(to right, rgba(239, 78, 34, 1) 0%, rgba(239, 78, 34, 1) 50%, rgba(244, 127, 80, 1) 50%, rgba(244, 127, 80, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ef4e22', endColorstr='#f47f50', GradientType=1);
}

.g-btn:hover {
    color: #fff;
}

.lg-btn {
    background: rgba(86, 146, 154, 1);
    background: -moz-linear-gradient(left, rgba(86, 146, 154, 1) 0%, rgba(86, 146, 154, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(104, 174, 181, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(86, 146, 154, 1)), color-stop(50%, rgba(86, 146, 154, 1)), color-stop(50%, rgba(104, 174, 181, 1)), color-stop(100%, rgba(104, 174, 181, 1)));
    background: -webkit-linear-gradient(left, rgba(86, 146, 154, 1) 0%, rgba(86, 146, 154, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(104, 174, 181, 1) 100%);
    background: -o-linear-gradient(left, rgba(86, 146, 154, 1) 0%, rgba(86, 146, 154, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(104, 174, 181, 1) 100%);
    background: -ms-linear-gradient(left, rgba(86, 146, 154, 1) 0%, rgba(86, 146, 154, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(104, 174, 181, 1) 100%);
    background: linear-gradient(to right, rgba(86, 146, 154, 1) 0%, rgba(86, 146, 154, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(104, 174, 181, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#56929a', endColorstr='#68aeb5', GradientType=1);
}

.b-btn {
    background: rgba(69, 130, 230, 1);
    background: -moz-linear-gradient(left, rgba(69, 130, 230, 1) 0%, rgba(69, 130, 230, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(121, 174, 238, 1) 50%, rgba(121, 174, 238, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69, 130, 230, 1)), color-stop(50%, rgba(69, 130, 230, 1)), color-stop(50%, rgba(104, 174, 181, 1)), color-stop(50%, rgba(121, 174, 238, 1)), color-stop(100%, rgba(121, 174, 238, 1)));
    background: -webkit-linear-gradient(left, rgba(69, 130, 230, 1) 0%, rgba(69, 130, 230, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(121, 174, 238, 1) 50%, rgba(121, 174, 238, 1) 100%);
    background: -o-linear-gradient(left, rgba(69, 130, 230, 1) 0%, rgba(69, 130, 230, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(121, 174, 238, 1) 50%, rgba(121, 174, 238, 1) 100%);
    background: -ms-linear-gradient(left, rgba(69, 130, 230, 1) 0%, rgba(69, 130, 230, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(121, 174, 238, 1) 50%, rgba(121, 174, 238, 1) 100%);
    background: linear-gradient(to right, rgba(69, 130, 230, 1) 0%, rgba(69, 130, 230, 1) 50%, rgba(104, 174, 181, 1) 50%, rgba(121, 174, 238, 1) 50%, rgba(121, 174, 238, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4582e6', endColorstr='#79aeee', GradientType=1);
}

.filterform ul {
    padding: 0;
}

.single-tittle li {
    display: inline-block;
}

.single-tittle li input {
    width: 55px;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
}

.single-tittle {
    border-bottom: 1px solid #ccc;
    margin-bottom: 17px;
}

.filterform label {
    font-size: 14px;
    color: #24303f;
}

.age-title li {
    margin-right: 7px;
}

.age-title li input {
    width: 36px;
    color: #24303f !important;
    font-size: 14px;
}

.locan-title li input {
    width: 85px;
    color: #24303f !important;
}

.appn-li li {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 5px;
}

.appn-li a {
    color: #898989;
    padding: 5px 10px;
    font-size: 14px;
}

.locan-title li a:hover,
.locan-title li a.active {
    color: #24303f;
}

.cilent-popup .modal-footer {
    border-top: 0;
    margin-top: -20px;
    color: #ffffff;
}

.cilent-popup .modal-footer .btn {
    display: block;
    width: 100%;
    border-radius: 12px;
    color: #ffff;
    background: #cccccc;
}

.cilent-popup .modal-header {
    border-bottom: 0;
    position: absolute;
    right: 15px;
    top: 5px;
    padding: 0;
}

.cilent-popup .close {
    opacity: 1;
}

.age-title input[type="radio"] {
    display: none;
}

.age-title label {
    padding: 2px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #898989 !important;
    margin-bottom: 0;
    border-radius: 5px;
}

.age-title .blank-label {
    display: none;
}

.age-title input[type="radio"]:checked+label {
    background: none;
    color: #24303f !important;
}


/*========== ML ==============*/

#myclientModal .modal-body {
    padding: 0;
}

.client-modal-tab {
    padding: 0 50px 60px;
    border-right: 2px solid #d6d6d6;
    height: 100%;
}


/*new change*/

.client-pic {
    width: 160px !important;
    height: 160px !important;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    padding: 6px;
    margin: auto;
}


/*new change*/

.client-pic-inner {
    background-color: #b3b3b3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #fff;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    overflow: hidden;
}

.client-pic-inner img {
    border-radius: 50%;
    border-radius: 50%;
    min-height: 144px;
    max-height: 144px;
    overflow: hidden;
    object-fit: contain;
}

.client-name {
    color: #24303f;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 15px 0 15px;
}

.client-name span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}

.client-icons {
    margin-bottom: 20px;
    text-align: center;
}

.client-icons .list-inline-item:not(:last-child) {
    margin-right: 18px;
}

.client-icons img {
    max-width: 33px;
    width: 33px;
}

.client-modal-tab .nav-pills .nav-link {
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    color: #24303f;
    margin-bottom: 10px;
    font-weight: 600;
}

.client-modal-tab .nav-pills .nav-link:hover,
.client-modal-tab .nav-pills .nav-link.active,
.client-modal-tab .nav-pills .show>.nav-link {
    background: #45747b;
    color: #fff;
    border: 1px solid #45747b;
}


/*========== ML ==============*/

.boxwhite {
    background: #fff;
    /* position: relative;
    top: 50px;
    left: -30px; */
    padding: 10px 20px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.boxwhite .form-group {
    margin-bottom: 30px;
}

.boxwhite h3 {
    font-size: 20px;
    color: #24303f;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.boxwhite .single-tittle {
    margin-top: 20px;
    margin-bottom: 30px;
    border-bottom: 0;
}

.customdroppdown .select-dropdown .select-styled:after {
    content: none;
}

.customdroppdown .online-dropdown .select {
    box-shadow: none;
}

.custom-single-tittle li input::placeholder {
    color: #24303f;
}

.custom-single-tittle li a {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 6px 10px;
    color: #24303f;
    display: inline-block;
    font-size: 13px;
}

.family-memberarea .media {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
}

.family-memberarea .media h4 {
    font-size: 13px;
    color: #24303f;
}

.family-memberarea .img-width img {
    max-width: 33px;
}

.maxw-30 {
    max-width: 30px;
}

.clientabpopup .confirm-bttn {
    right: 0;
    float: none !important;
    margin-top: 30px;
    display: inline-block;
    height: auto;
    min-width: auto;
}

.clientabpopup .tab-content {
    padding: 0px 30px 50px 0;
}

.clientabpopup .img-width {
    max-width: 30px;
    min-width: 30px;
}


/* 
.brdrlr {
    border-left: 2px solid #d6d6d6;
} */

.custom-autocomplete .bootstrap-tagsinput .tag {
    background: none;
    border: 1px solid #ccc;
    color: #898989 !important;
    border-radius: 5px;
    font-size: 13px;
}


/* .custom-autocomplete .select {
    padding-left: 0 !important;
}

.custom-autocomplete .select2-selection--multiple {
   background: none !important;
   box-shadow: none !important;
   padding-left: 0 !important;
}

.custom-autocomplete.select-two-dropdown .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
} */

.clientabpopup .modal-header {
    border-bottom: 0 !important;
}

.clientabpopup .modal-content,
.clientabpopup .modal-dialog {
    max-width: 1210px;
}

.gtop-arrow {
    float: right;
}

.title-health-box {
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 7px;
}

.title-health-box .media {
    display: block;
}

.title-health-box h5 {
    text-align: left;
}

.title-health-box p {
    color: #898989;
    font-size: 11px;
    margin-bottom: 10px;
}

.font-13 {
    font-size: 13px !important;
}

.title-health-box {
    margin-bottom: 20px;
}

.title-health-box:last-child {
    margin-bottom: 0;
}

.health-history-checkbox {
    margin-bottom: 30px;
}

.health-history-checkbox .small-bullet .rdio label:before {
    top: 4px;
}

.health-history-checkbox .checkedbox {
    position: relative;
    top: 0;
    left: 0;
}

.health-history-checkbox .multi-pract .rdio-primary input[type="checkbox"]:checked+label::after {
    top: 8px !important;
    background-size: 10px !important;
    left: -1px !important;
}

.health-history-checkbox .small-bullet .rdio label:before {
    width: 18px;
    height: 18px;
}

.health-history-checkbox .delete-check-icon ul li {
    margin-bottom: 10px;
}

.health-history-checkbox .rdio label {
    padding-left: 10px;
    color: #24303f;
}

.panel-title a:after {
    font-family: Fontawesome;
    content: '\f077';
    float: right;
    font-size: 10px;
    font-weight: 300;
}

.panel-title a.collapsed:after {
    font-family: Fontawesome;
    content: '\f078';
}

.bggrey {
    background: #b7b7b7;
    height: 730px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.paddbrdr {
    border: 1px solid #fff;
    padding: 50px;
    margin: 0 auto;
    width: 525px;
    border-radius: 5px;
}

.paddbrdr h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.paddbrdr .save-btn-bg {
    max-width: 156px;
    font-size: 15px;
    color: #24303F;
    background: #fff !important;
    font-weight: 400;
}

.paddbrdr .save-btn-bg:hover {
    background: #45747b !important;
    color: #fff !important;
}

.clientd-wrapper .page-title {
    position: relative !important;
    z-index: -1 !important;
}

.right-brd {
    border-right: 1px solid #ccc;
}

.type-date-area .client-top-area ul li {
    border: 0;
}

.type-date-area .client-top-area ul li a {
    color: #000000;
    font-weight: 600;
}

.type-date-area {
    margin-bottom: 10px;
    margin-top: 15px;
}

.test-result-box {
    margin-bottom: 20px;
}

.test-result-box .client-top-area .waitlist-abox {
    margin-left: 0;
    float: right;
}

.test-result-box .whitecard {
    border-radius: 5px;
    padding: 9px 10px;
}

.test-result-box .clients-area .whitecard {
    padding: 8px 10px;
}

.test-result-box .client-top-area ul li a {
    padding: 1px 5px 3px;
}

.test-result-box .checkedbox {
    top: 18px;
}

.sentmodal .modal-content {
    background: #fff;
    max-width: 370px;
}

.sentmodal .modal-header {
    padding: 0;
    position: relative;
}

.sentmodal .modal-header .close {
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 25px;
    padding: 0;
}

.sentmodal .modal-body {
    padding: 50px 50px;
    text-align: center;
}

.sentmodal .confirm-bttn {
    float: none !important;
    right: 0;
    padding: 5px 35px;
}

.testresult .testresult-li li {
    border: 1px solid #9C9C9C !important;
    margin-right: 10px !important;
}

.testresult .testresult-li {
    padding-left: 0 !important;
}

.testresult-li li {
    border: 0 !important;
}

.testresult-li li a {
    padding: 0 !important;
}

.nextappoint-area .form-group {
    margin-bottom: 0;
}

.nextappoint-area {
    margin-bottom: 50px;
}

.nextappoint-area .form-control {
    font-size: 13px;
    color: #24303f;
    box-shadow: none;
    letter-spacing: 0;
    text-align: center;
    height: 42px !important;
}

.nextappoint-area .form-control::placeholder {
    font-size: 13px;
    color: #24303f;
    letter-spacing: 0;
}

.appointbox-img .form-control {
    border: 0;
    text-align: left;
    letter-spacing: 0px;
}

.appointbox-img .media {
    border: 1px solid #ced4da;
    padding-left: 5px;
    border-radius: 5px;
}

.appointment-collapse-menu .accordion .card {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 5px;
}

.appointment-collapse-menu .save-btn {
    min-width: 145px !important;
}

.appointment-collapse-menu .accordion .card h2 {
    background: url(../images/g-up-arrow.png) no-repeat right center;
    /* width: 22px;
    height: 12px; */
    background-size: 22px;
    cursor: pointer;
    font-size: 15px;
}

.accordion .card h2.collapsed {
    background: url(../images/g-arrow.png) no-repeat right center;
}

.accordion .card-body {
    padding-left: 0;
    padding-right: 0;
}

.brdrrihgt {
    position: relative;
}

.brdrrihgt::after {
    content: "";
    position: absolute;
    right: 40px;
    border-right: 2px solid #ccc;
    height: 100%;
    top: 0;
}

.phonecall .form-group {
    margin-bottom: 0;
}

.phonecall .select-options {
    border: 0;
}

.phonecall .online-dropdown .select {
    padding: 0;
    border: 0;
    letter-spacing: 0;
    font-weight: bold;
    height: auto;
}

.phonecall .online-dropdown .select .select-options {
    top: 25px;
    background: #FFF;
    margin-top: 0;
    width: 120px;
    border: 1px solid #ccc;
    left: -11px;
}

.phonecall .online-dropdown .select .select-options li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 7px;
    padding-bottom: 5px;
}

.phonecall .online-dropdown .select .select-options li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* .invoice-table-area .test-result-box .checkedbox {
    position: relative;
    left: 0;
    top: 0;
}

.invoice-table-area .test-result-box table tr th {
    border-right: 0;
} */

.td-brdr table tr td {
    font-size: 13px;
    color: #24303F;
}

.th-brdr .whitecard {
    border-radius: 0;
    padding: 0;
    border: 0;
}

.td-brdr table tr td {
    padding-bottom: 0;
    font-size: 13px;
    color: #24303f;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.td-brdr table tr td:first-child {
    padding-left: 0;
}

.td-brdr table tr td:last-child {
    padding-right: 0;
}

.td-brdr table,
.th-brdr table {
    margin-bottom: 0;
}

.td-brdr .test-result-box .whitecard {
    padding: 7px 10px;
}

.th-brdr .whitecard table tr th:first-child {
    padding-left: 0;
}

.th-brdr .whitecard table tr th:last-child {
    padding-right: 0;
}

.th-brdr .whitecard table tr th {
    border-right: 0;
}

.reply-modal .modal-dialog {
    width: 256px;
    margin: auto;
}

.no-bg-text {
    background: none;
}

.no-bg-text img {
    width: 34px;
    height: 34px;
    line-height: 34px;
}


/*========Pres ========= */

.taking-box {
    border: 1px solid #dfdfdf !important;
    border-radius: 5px;
    padding: 20px;
}

.taking-box h5 {
    color: #24303f;
    font-size: 13px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 4px;
}

.taking-box p {
    font-size: 11px;
    margin: 0;
    color: #898989;
}

.recomendation-table td,
.recomendation-table th {
    border: 0;
    padding: 7px 5px;
    vertical-align: middle;
}

.recomendation-table th {
    color: #000000;
    font-weight: 600;
    text-align: left;
    padding-left: 10px;
}

.recomendation-table .form-control {
    height: 47px !important;
    border: 1px solid #dfdfdf !important;
    box-shadow: none;
    font-size: 13px;
    color: #24303F;
}

.recomendation-table .form-group {
    margin: 0;
}

.radio-col {
    width: 50px;
    min-width: 50px;
}

.date-col {
    width: 90px;
    min-width: 90px;
}

.type-col {
    width: 250px;
    min-width: 250px;
}

.dosage-col {
    width: 220px;
    min-width: 220px;
}

.repeat-col {
    width: 50px;
    min-width: 50px;
}

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

.table thead th:first-child {
    padding: 3px 5px;
}

.grey-filter {
    padding-left: 55px !important;
    margin-bottom: 20px !important;
}

.client-top-area ul.grey-filter li {
    border: 1px solid #9C9C9C;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px;
    border-radius: 5px;
    width: 38px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.collapse-arrow.collapsed .gtop-arrow {
    transform: rotate(180deg);
}

.collapse-arrow .gtop-arrow {
    transform: rotate(0deg);
}

.archive-box {
    border: 1px solid #dfdfdf;
    padding: 12px 20px;
    border-radius: 5px;
    margin-top: 60px;
}

.archive-box .grey-filter {
    margin-top: 30px;
}


/* .customscroll .mCSB_inside>.mCSB_container{
    padding: 0;
} */

.client-top-area ul.grey-filter li a {
    padding: 0 !important;
}

.send-btn-repeat-box {
    width: 170px;
    height: 75px;
    top: 450px;
    right: 50px;
}

.send-btn-repeat-box h5 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}

.areafilter {
    width: auto;
    line-height: initial;
}

.areafilter a {
    font-size: 17px;
    color: #969696;
}

.areafilter {
    width: 84px !important;
}

.balance-area {
    margin-bottom: 0;
    padding-left: 0;
}

.balance-area li {
    border: 1px solid #24303f;
    border-radius: 5px;
    text-align: center;
}

.balance-area li a {
    color: #24303f;
    font-size: 17px;
    font-weight: 600;
    display: block;
    padding: 3px 0;
}

.balance-area li:hover a {
    background: #24303f;
    color: #fff;
}

.widthtable {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* .td-brdr table tr td:nth-child(5) {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    text-overflow: inherit;
} */

.drop-height .online-dropdown .select {
    height: 47px;
    font-size: 13px;
    line-height: 35px;
}

.recomed-table table tr td:first-child,
.recomed-table table tr th:first-child {
    width: 20px;
    min-width: 20px;
}

.padd-35 {
    padding-left: 35px !important;
}

.invoicetab-area .save-btn {
    padding: 6px 24px;
    font-weight: bold;
    border-radius: 10px;
    background: none;
    color: #45747a;
    margin-top: 10px;
}

.invoicetab-area .save-btn:hover {
    background: #45747a;
    color: #fff;
}

.invoicefilterpop .age-title li input {
    width: 85px;
}

.invoicefilterpop .toplabel {
    font-size: 15px;
    color: #24303f;
    font-weight: 600;
}

.invoicefilterpop .appn-li li {
    width: 130px;
    height: 26px;
    text-align: center;
}

.nonebrdr {
    border-bottom: 0;
    margin-bottom: 0;
}

.paymentmethod-area table tr td {
    color: #24303f;
}

.paymentmethod-area .save-btn {
    height: auto;
    line-height: 24px;
    border-radius: 10px;
    text-align: center;
    padding: 4px 4px;
    display: block;
    height: auto;
    min-width: auto;
}

.paymentmethod-area .form-control::placeholder {
    letter-spacing: 0;
}

.paymentmethod-area .form-control {
    box-shadow: none;
    height: 34px;
    font-size: 15px;
    letter-spacing: 0;
}

.paymentmethod-area .online-dropdown .select {
    box-shadow: none;
    font-size: 15px;
    letter-spacing: 0;
    height: 34px;
    line-height: 20px;
}

.claimsmethod-area .form-control {
    box-shadow: none;
    font-size: 15px;
}

.claimsmethod-area .form-control {
    font-size: 13px;
    color: #898989;
}

.typearea .form-control::placeholder,
.typearea .form-control {
    color: #24303f !important;
}

.claimsmethod-area .form-control::placeholder {
    font-size: 13px;
    color: #898989;
    letter-spacing: 0;
}

.claimsmethod-area label {
    margin-bottom: 20px;
}

.claims-area {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.claims-area .form-group {
    margin-bottom: 0;
}

.referring-area .form-group {
    margin-bottom: 30px !important;
}

.claims-area textarea {
    height: 120px !important;
}

.claims-area textarea.form-control {
    box-shadow: none !important;
}

.bttm-brdr-n {
    border-bottom: 0;
}

.max-24 {
    max-width: 24px;
    position: relative;
    top: 10px;
}

.medical-fund-area .card {
    margin-bottom: 0 !important;
    padding: 7px 20px !important;
}

.mf-area .card-body {
    padding-bottom: 0;
}

.clientcollapse-area .boxwhite {
    margin-bottom: 30px;
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.notesprogress-wrapper .process-line {
    left: -398px;
    height: 83%;
}

.notesprogress-wrapper .grey-white-text h2 {
    font-size: 14px;
    color: #24303f;
    font-weight: 600;
    margin-bottom: 10px;
}

.notesprogress-wrapper .grey-white-text h3 {
    color: #898989 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.notesprogress-wrapper .grey-white-text p {
    font-size: 13px !important;
}

.notesprogress-wrapper .progresswhite-box {
    padding: 15px;
}

.notesprogress-wrapper .progresswhite-box .process-main {
    padding-bottom: 20px;
}

.notesprogress-wrapper .work-with-us-single h5 {
    padding: 12px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 90%;
    position: relative;
    left: -6px;
    top: -17px;
}

.dg-bg {
    position: relative;
}

.dg-bg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    bottom: 0;
    background: #45747a;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.lg-bg:after {
    content: "";
    background: #68afb5 !important;
}

.filter-dropdown {
    width: auto !important;
    padding: 5px 20px;
    font-size: 17px;
}

.filter-dropdown .dropdown {
    width: auto;
    border: 0 !important;
}

.filter-dropdown .dropdown a {
    background: none;
    color: #969696;
    display: inline-block;
    border: 0 !important;
    line-height: 30px;
}

.filter-dropdown .dropdown a:hover {
    background: none !important;
    color: #969696 !important;
}

.filter-dropdown .btn-secondary:not(:disabled):not(.disabled).active,
.filter-dropdown .btn-secondary:not(:disabled):not(.disabled):active,
.filter-dropdown .show>.btn-secondary.dropdown-toggle {
    background: none !important;
    color: #969696 !important;
}

.add_active {
    background: #45747b !important;
    color: #fff !important;
    border: 1px solid #45747b !important;
}

.filter-dropdown .dropdown-toggle::after {
    content: none;
}

.filter-dropdown .dropdown-item .dropinner-text {
    border: 1px solid #fff;
}

.notesfilterpop .modal-body {
    padding: 20px 28px;
}

.notesfilterpop .single-tittle {
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.notesfilterpop .appn-li li {
    min-width: 130px;
}

.notesfilterpop .appn-li a {
    padding: 5px 20px;
    display: inline-block;
}

.clients-area .rdio label:before {
    background: transparent;
}

.lb-bg:after {
    background: #6384ac;
}

.max-34 {
    max-width: 34px;
}

.icon-grey li img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.search-gicon {
    transform: rotate(90deg);
}

.appointment-history-area .grey-filter {
    padding-left: 0 !important;
}

.appointment-history-area .table tr td {
    font-size: 13px;
    color: #24303f;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.tickbg-area {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.appointment-history-area .th-brdr .whitecard table tr th:first-child {
    padding-left: 10px;
}

.appointment-history-area .th-brdr .whitecard table tr th:last-child {
    padding-right: 10px;
    min-width: 52px;
}

.cancell-h-text,
.misssedd-h-text,
.attend-h-text {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    padding: 4px 9px;
    top: -25px;
    right: 0;
    font-size: 13px;
    color: #24303f;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.stat-miss-li li img {
    max-width: 13px;
    position: relative;
    top: -2px;
}

.stat-miss-li li {
    border: 1px solid #ccc;
    padding: 2px 6px;
    border-radius: 5px
}

.stat-miss-li li a {
    color: #24303f;
    font-size: 13px;
}

.clienttop-img ul li img {
    position: relative;
    top: 0;
    max-width: 20px;
}

.tick-bg-img img {
    max-width: 25px;
}

.clientintakeModal .modal-content {
    max-width: 820px;
}

.clientintakeModal .modal-header {
    border-bottom: 1px solid #ccc !important;
}

.clientintakeModal .mCSB_inside>.mCSB_container {
    padding: 0 40px !important;
}

.clientintakeModal .boxwhite h3 {
    margin-bottom: 10px;
}

.clientintakeModal .boxwhite {
    padding: 20px 30px;
}

.no-permssion {
    padding: 0;
    background: none !important;
    border: 0 !important;
}

.white-bg .form-control {
    background: none;
    border: 1px solid #ccc;
    letter-spacing: 0;
}

.clientintakeModal .form-control::placeholder,
.clientintakeModal .form-control {
    letter-spacing: 0;
}


/* .w-brdr {
    border: 0;
} */

.healthhistory-intake .media h4 {
    margin-bottom: 20px;
}

.healthhistory-intake .media p {
    font-size: 14px;
}

.form-group-customisable .form-group,
.healthhistory-intake .form-group {
    margin-bottom: 10px;
}

.form-group-customisable .form-control::placeholder,
.healthhistory-intake .form-control::placeholder {
    letter-spacing: 0;
}

.form-group-customisable .form-control,
.form-group-customisable .form-control::placeholder {
    color: #24303f !important;
    font-size: 13px !important;
}

.form-group-customisable .form-control,
.healthhistory-intake .form-control {
    padding: 0;
    box-shadow: none;
    border: 0;
    letter-spacing: 0;
    height: auto !important;
    font-size: 14px;
}

.label-input {
    margin-bottom: 20px;
}

.label-input label {
    margin-bottom: 0;
    font-size: 14px;
    color: #24303f;
}

.label-input .form-group {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    position: relative;
    top: -8px;
}

.label-input .form-control {
    border: 0;
    box-shadow: none;
    font-size: 13px;
    color: #24303f;
}


/* .m-20 {
    margin: 20px;
} */

.textbox-radio .age-title label {
    padding: 4px 20px;
}

.client-upload-file .browse-img-area {
    border: 1px dashed #9e9c9c;
    border-radius: 5px;
}

.client-upload-file .yellow-btn {
    border-radius: 5px;
}

.claims-intake-area .boxwhite {
    padding: 10px 20px 0 !important;
    margin-bottom: 30px;
}

.claims-intake-area .boxwhite h3 {
    margin-bottom: 0;
}

.claims-intake-area .tab-content {
    padding: 0 !important;
}

.contest-area .age-title label {
    padding: 4px 15px;
}

.clientintakeModal .boxwhite h3 {
    font-size: 16px;
}

.clientintakeModal .collapse-arrow.collapsed .gtop-arrow {
    transform: rotate(0deg);
}

.clientintakeModal .collapse-arrow .gtop-arrow {
    transform: rotate(180deg);
}

.white-back {
    background: #fff;
    padding: 0 20px;
}

.zero-brdr {
    border: 0;
    margin: 0 -30px;
}

.ximg {
    position: relative;
    right: -20px;
}

.toogle-x {
    position: relative;
    top: -5px;
}

.health-history-cintake .rdio label {
    font-size: 12px;
}

.health-history-cintake .toogle-x {
    top: 0;
}

.add-list-text h5 {
    text-align: left;
    font-size: 13px;
    color: #24303f;
    font-weight: 400;
    padding-left: 8px;
}

.add-list-text h5 a {
    color: #24303f;
}

.title-health-toogle {
    float: right;
}

.title-health-toogle .toogle-x {
    top: 0;
}

.g-p-box-open {
    display: none;
}

.toogle-title {
    float: right;
}

.current-complaint-customise .toogle-x {
    float: right;
    top: 0;
}

.innerpadd-20 {
    padding: 20px 20px !important;
}

.w-30 {
    width: 30px;
}

.customise-title-box .form-group {
    margin-bottom: 20px;
}

.customise-title-box .form-control {
    font-size: 14px !important;
}

.add-sect-open {
    display: none;
}

.businessdetails .modal-footer,
#customiseintakeModal .modal-footer {
    border-top: 1px solid #ccc;
    padding: 20px 40px !important;
    margin-top: 20px;
}

.businessdetails .tab-content {
    padding: 0 !important;
}

.health-history-h4space .title-health-box h4 {
    margin-bottom: 10px;
}

#accordion-client .online-dropdown .select .select-options li,
#accordion-client .online-dropdown .select-styled {
    letter-spacing: 0 !important;
}

.update-smll-btn .save-btn {
    display: inline-block;
    border-radius: 5px !important;
    padding: 7px 20px;
    margin-bottom: 0 !important;
}

.cautocomplete .bootstrap-tagsinput .tag {
    float: left;
    margin-bottom: 0;
}

.mastercard-visa-area .media {
    align-items: start;
}

.brdr-top {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.line-dropdown .online-dropdown .select .select-options li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.line-dropdown .online-dropdown .select .select-options li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.coming-soon {
    background: #b6b7b7 !important;
    height: 400px !important;
}

.coming-soon .confirm-bttn {
    text-align: center;
    margin: 0 auto;
    background: none;
    border: 1px solid #fff;
    font-size: 15px;
}

.coming-soon .confirm-bttn:hover {
    background: #fff;
    color: #4F7379;
}

.upload-img-text {
    text-align: center;
    display: block;
    margin-bottom: 30px;
}

.switch-custom .custom-control-label {
    cursor: pointer;
}

.switch-custom .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 45px;
    height: 15px;
    pointer-events: all;
    border-radius: .5rem;
}

.switch-custom .custom-control {
    padding-left: 0;
    float: right;
}

.switch-custom .custom-control-label::before,
.switch-custom .custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.switch-custom .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #898989;
    border: #adb5bd solid 1px;
}

.switch-custom .custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 3px);
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.switch-custom .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.switch-custom .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(27px);
    transform: translateX(27px);
}

.switch-custom .custom-control-input:checked~.custom-control-label::before {
    background-color: #67aeb5;
}

.switch-custom .custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important;
}


/*========== list businesss css start ========*/

#sidebarWrap {
    height: 550px;
    width: 550px;
    float: right;
    /*position: relative;*/
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
    /*right:-175px;*/
    margin-right: -175px;
    /* margin-right: -68px; */
}

#sidebar {
    width: 550px;
    max-height: 675px;
    height: min-content;
    min-height: 580px;
    position: absolute;
    z-index: 1;
    max-width: 100%;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    transition: all .4s;
}

#sidebar.fixed {
    position: fixed;
    top: 150px;
}

.credits-text {
    color: #24303f;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid #24303f;
    border-radius: 5px;
    padding: 2px 8px;
    position: relative;
    top: -5px;
}

.credits-text:hover {
    background: #24303f;
    color: #fff;
}

.comm-box h3 {
    color: #24303f;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
}

.comm-box {
    background: #fff;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px 10px;
    width: 153px;
}

.settingbox {
    padding: 20px;
    border: 1px solid #dddddd;
    background: #fff;
    border-radius: 8px;
    margin: 0 50px 30px;
    width: 293px;
    position: relative;
    top: 0;
    transition: all 0.5s ease;
}

.settingbox ul {
    margin-bottom: 0;
}

.settingbox:hover {
    position: relative;
    top: -10px;
}

.settingbox img {
    margin-bottom: 20px;
}

.settingbox h3 {
    font-size: 17px;
    color: #24303f;
    font-weight: 600;
    margin-bottom: 15px;
}

.settingbox ul li {
    margin-bottom: 10px;
}

.settingbox ul li:last-child {
    margin-bottom: 0;
}

.settingbox ul li a {
    color: #45747a !important;
    text-decoration: underline !important;
}


/* .setting-box-area {
    margin-top: 65px;
} */

.coming-txt {
    color: #24303f !important;
    text-decoration: none !important;
}

.comminication-box-area {
    margin-top: 40px;
    margin-bottom: 50px;
}

.plusdropdown {
    float: right;
}

.plusdropdown .tran-plus .dropdown-menu {
    left: -40px !important;
}


/*=============== 22-5-20 ===============*/

.gallery-box ul li {
    margin-right: 5px !important;
    margin-bottom: 10px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    text-transform: capitalize;
}

.textblock .detail-form .select {
    display: block;
}

.select_custom .select2-container {
    width: 100% !important;
}

.select_custom .select-styled {
    text-indent: -99999px;
}

.select_custom .select2-container--default .select2-selection--multiple {
    border: 0!important;
    background: none !important;
}

.msform .action-button-previous:hover {
    color: #24303f;
}

.msform .action-button:hover,
.upload-btn:hover,
.yellow-btn:hover {
    background: #4F7379!important;
    color: #fff!important;
}

.msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.msform fieldset .form-card {
    background: none;
    border: 0 none;
    border-radius: 0px;
    box-sizing: border-box;
    position: relative
}

.msform fieldset {
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 13px;
    position: relative
}

.msform fieldset:not(:first-of-type) {
    display: none
}

.msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E
}

.msform .action-button {
    width: 130px;
    background: #68afb5;
    font-weight: 400;
    color: #fff;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    /* padding: 5px 5px; */
    /* margin: 10px 5px; */
    font-size: 17px;
    height: 33px;
    line-height: 28px;
    border-radius: 5px;
    margin-top: 20px;
}

.msform .action-button-previous {
    background: none;
    color: #45747a;
    font-size: 18px;
    border: none;
    cursor: pointer;
    background: url(../images/green-arrow-left.png) no-repeat left center;
    float: left;
    position: absolute;
    top: auto;
    left: 35px;
    bottom: 15px;
    padding-left: 16px;
}

.credits-text {
    color: #24303f;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #24303f;
    border-radius: 5px;
    padding: 3px 12px;
    position: relative;
    /* top: -7px; */
    top: 0;
}

.credits-text:hover {
    background: #24303f;
    color: #fff;
}

.comm-box h3 {
    color: #24303f;
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
}

.comm-box {
    background: #fff;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 30px 10px;
    width: 153px;
}

.no-bg-btn {
    background: none;
    border: 0;
    cursor: pointer;
}


/*=============== 22-5-20 ===============*/

.commun-areatab ul {
    padding-left: 0;
    margin-bottom: 0;
}

.commun-areatab ul li {
    display: inline-block;
    border-right: 1px solid #ccc;
    color: #24303f;
    padding: 0 10px;
}

.commun-areatab ul li:nth-child(6) {
    border-right: 0;
}

.commun-areatab ul li:first-child {
    padding-right: 20px;
}

.commun-areatab ul li:last-child {
    border-right: 0;
    padding-right: 0;
}

.commun-areatab .checkedbox li {
    padding: 0;
    border-right: 0;
    padding-left: 0px !important;
}

.commun-areatab .whitecard {
    padding: 12px 10px;
}

.replycurve-img {
    border: 1px solid #45747b;
    border-radius: 5px;
    padding: 1px 5px 3px;
}

.sm-width {
    width: 50px;
}

.mm-width {
    width: 150px;
    text-align: left;
}

.lm-width {}

.textdark-no-brdr {
    margin-bottom: 15px;
    margin-top: 20px;
}

.textdark-no-brdr .whitecard {
    background: transparent;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.textdark-no-brdr ul li {
    border-right: 0;
    font-weight: 700;
    font-size: 17px;
}

.textdark-no-brdr ul li:last-child {
    float: none;
    padding-left: 10px;
}

.floatright {
    float: right;
}


/* .popover  {
    display: none;
} */

.customdroppdown .online-dropdown .select .select-options li {
    text-transform: capitalize;
}

.bluetext .form-control::placeholder,
.bluetext .form-control {
    color: #24303f;
}

.textgray {
    color: #898989 !important;
}

.smsimg {
    max-width: 32px;
}

.appointment-history-area table tr th {
    text-align: left;
}

.lgheight button.close {
    right: 40px;
    top: 20px;
    padding: 0;
}

.green-filter {
    background: #68afb5 !important;
}

.green-filter:hover {
    background: #45747a !important;
}

.find-my-appt {
    border-radius: 10px;
    font-size: 17px;
}

.custom-sort-dropdown .select-dropdown .select-styled:after {
    content: none;
}

.custom-sort-dropdown .online-dropdown .select {
    box-shadow: none;
}

.custom-sort-dropdown .form-group {
    margin-bottom: 0;
}

.custom-sort-dropdown .online-dropdown.avalable-drop .select-styled {
    margin-left: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 17px !important;
}

.custom-sort-dropdown .online-dropdown .select {
    height: 40px;
    border-radius: 10px;
    letter-spacing: 0;
}

.custom-sort-dropdown .online-dropdown .select-styled {
    color: #45747a !important;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    border-radius: 10px;
}

.custom-sort-dropdown .select-options {
    min-width: 230px;
}

.custom-sort-dropdown .select-options li {
    border: 0;
    padding: 0;
    margin-right: 0;
    display: block;
    min-height: auto;
    font-size: 16px !important;
    color: #898989;
    font-weight: 400;
    padding: 2px 10px;
}

.custom-sort-dropdown .select-options li:hover {
    color: #45747a;
    ;
}

.custom-sort-dropdown .select-options li:hover {
    background: none;
}

.businessdetails .mCSB_inside>.mCSB_container {
    padding: 0 20px 0 40px;
}

.businessdetails .modal-header {
    padding: 22px 0 !important;
    border-bottom: 1px solid #ccc !important;
}

.businessdetails button.close {
    top: 20px;
}

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

.radiocustom-li li {
    font-size: 11px;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 0px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}

.radiocustom-li label {
    color: #24303f !important;
    padding: 2px 18px;
}

.radiocustom-li input[type="radio"]:checked+label {
    background: #4F7379 !important;
    color: #fff !important;
    border: 1px solid #4F7379 !important;
}

.custom-seemore {
    border: 0;
}

.custom-seemore:hover {
    background: #4F7379!important;
    color: #fff!important;
}

.listingli li {
    display: inline-block;
    width: 62px;
}

.businessdetails .age-title label {
    padding: 2px 20px;
}

.brdrfull {
    border-bottom: 0 !important;
}

.brdrfull .form-control {
    border: 1px solid #c7c7c7;
    text-align: center;
}

.brdrfull .form-control::placeholder {
    color: #24303f;
}

.label-input .text-blue {
    position: relative;
    top: -4px;
    left: -6px;
}

.setting-business-box {
    margin-bottom: 40px;
}

.boxyes-show {
    display: none;
}

.businessdetails .boxwhite {
    padding: 15px 20px 5px;
}

.businessdetails .boxwhite h3 {
    margin-bottom: 0;
}

.top10 {
    position: relative;
    top: -5px;
}

.daymodal .modal-content {
    width: 180px;
    text-align: center;
    margin: 0 auto;
}

.daymodal .modal-header {
    padding: 0;
    border-bottom: 0;
}

.daymodal .modal-body .delete-check-icon ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block;
    text-align: left;
    padding-bottom: 10px;
}

.daymodal .modal-body {
    padding-bottom: 0;
}

.daymodal .btn-green {
    display: block;
    width: 100%;
}

.daymodal .modal-header .close {
    position: absolute;
    right: 10px;
}

.invoicemodal h3 {
    margin-left: 0;
    font-size: 15px;
}

.h3title-text {
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 20px;
}

.h3title-text p {
    font-size: 14px;
}

.h3title-text .switch {
    float: right;
}

.invoice-toogletext {
    margin-bottom: 20px;
}

.invoice-toogletext .toogle-area {
    margin-bottom: 0;
}

.subjecline .form-control {
    box-shadow: none !important;
    color: #898989;
    font-size: 14px;
}

.h3title-text .label-input {
    margin-bottom: 0;
}

.invoicemodal .save-btn {
    padding: 5px 60px;
    height: auto;
    min-width: auto;
}

.invoice-toogletext {
    margin-bottom: 0;
}

.invoice-toogletext .col-lg-6 {
    margin-bottom: 20px;
}

.businessdetails .collapse-arrow.collapsed .gtop-arrow {
    transform: rotate(180deg);
}

.businessdetails .collapse-arrow .gtop-arrow {
    transform: rotate(0deg);
}

.labeltop .label-input label {
    position: relative;
    top: -8px;
}

.mtop {
    margin-top: 20px;
}

.health-firstinvoice {
    float: right;
    text-align: right;
}

.health-firstinvoice h2 {
    font-size: 18px;
    color: #24303f;
}

.health-space-box p {
    font-size: 14px;
    color: #24303f;
    margin-bottom: 5px;
}

.health-space-box .form-group {
    margin-bottom: 20px;
}

.health-firstlogo {
    margin-bottom: 20px;
}

.health-first-clinic {
    text-align: center;
}

.health-space-box {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 30px;
    padding-bottom: 20px;
}


/* .health-invoice-nobox {
    float: right;
    position: relative;
    right: 20px;
} */

.health-invoice-nobox h2 {
    color: #24303f;
    font-weight: 600;
    font-size: 14px;
    text-align: right;
}

.health-space-table table tr th {
    background: #68afb5;
    color: #fff;
    border-right: 0;
}

.health-space-table table tr td {
    color: #24303f;
    border-right: 0;
    font-size: 14px;
}

.health-space-table {
    margin-top: 35px;
}

.invoice-notes {
    border: 1px solid #ccc;
    padding: 30px;
    border-radius: 5px;
}

.invoice-notes h3 {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.invoice-rtext p {
    text-align: right;
}

.nomarg-brdr {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.paynow-btn {
    font-size: 22px;
    color: #45747a;
    font-weight: 600;
    float: right;
    border-radius: 5px;
    border: 4px double #68AFB5;
    padding: 5px 30px;
    background: transparent;
    cursor: pointer;
    margin-top: 30px;
    text-transform: uppercase;
}

.paynow-btn:hover {
    background: #45747a;
    color: #fff;
}

.mt75 {
    margin-top: 75px;
}

.nextper {
    position: relative;
}

.nextper::after {
    content: "%";
    position: absolute;
    right: -20px;
    top: 5px;
}

.maxw-56 {
    width: 56px;
    height: 55px;
}

.maxw-87 {
    width: 87px;
    height: 87px;
}

.payment-gateway-icon {
    padding: 15px 0 30px;
}

.paymentgateway-modal .modal-content {
    max-width: 530px;
    margin: 0 auto;
}

.calenderinterval-modal .modal-content {
    max-width: 610px;
    margin: 0 auto;
}

.paymentgateway-modal .label-input {
    padding: 22px 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.ptext h6 {
    margin-bottom: 30px;
}

.ptext {
    padding: 0 30px;
}

.calenderinterval-modal .mCSB_inside>.mCSB_container,
.paymentgateway-modal .mCSB_inside>.mCSB_container {
    padding: 0 30px;
}

.ptext p {
    font-size: 14px;
}

.wsms {
    max-width: 34px;
}

.listingli li {
    width: auto;
}

.calenderinterval-modal .label-input ul {
    text-align: center;
}

.calenderinterval-modal .listingli li {
    width: auto;
}

#holidaysModal .boxwhite {
    padding: 30px 20px;
}

#importexportmodal .form-control,
#holidaysModal .form-control {
    font-size: 14px;
}

#videoconsultationmodal .form-control::placeholder,
#importexportmodal .form-control::placeholder,
#holidaysModal .form-control::placeholder {
    letter-spacing: 0;
}

.holidaymul-modal h4 {
    font-size: 14px;
    color: #24303F;
}

.holidaymul-modal h6 {
    font-size: 14px;
    color: #24303F;
}

.holidaymul-modal .media-body {
    margin-left: 10px;
}

.holidaymul-modal .media {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.holidaymul-modal .media:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* 
#businessdetailsModal .label-input .form-group {
    border-bottom: 0;
} */

.importp-text {
    margin: 10px 0 40px;
}

.importp-text p {
    margin-left: 20px;
    font-size: 14px;
}

.uploadOuter {
    border: 2px dashed #979797;
    width: 460px;
    padding: 70px 0;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 40px;
}

.dragBox {
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-weight: 400;
    color: #24303f;
    ;
    display: inline-block;
    transition: transform 0.3s;
}

.dragBox input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.draging {
    transform: scale(1.1);
}

#preview {
    text-align: center;
    margin-bottom: 30px;
}

#preview img {
    max-width: 100%;
}

.browsebox {
    margin-bottom: 30px;
}

.textor {
    margin: 20px 0;
}

.brdrbttm-0 {
    border-bottom: 0 !important;
}

.no-shadow-box .select {
    background: #fff;
    border: 0;
    box-shadow: none;
}

.hrsli,
.yesno-right ul {
    float: right;
}

.hrsli {
    padding: 0;
    margin: 0;
}

.hrsli li {
    display: inline-block;
    margin-right: 14px;
    padding: 2px 20px;
}

.hrsli li:last-child {
    margin-right: 0;
}

.hrsli .select {
    float: right;
    height: auto;
    padding: 2px 20px;
    min-width: 58px;
}

.nopaddmarg {
    padding: 0 !important;
    margin-right: 0 !important;
}

.texttop {
    position: relative;
    top: -8px;
    color: #24303f;
}

.bookingonline .label-input .form-group {
    top: 0;
}

.intialconsult-box {
    width: 135px;
    right: -8px;
    position: relative;
}

.bookingonline .send-client-box-geo {
    height: auto;
    padding: 15px !important;
    top: -110px !important;
}

.bookingonline .booking-leadtime-geo {
    display: none;
    top: -140px !important;
    width: 210px !important;
    right: 50px !important;
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.bookingonline .booking-leadtime-geo h5 {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}

.bookingonline .select-options li {
    display: block;
    padding: inherit;
    margin-right: 0;
}

.settingwaitlist .modal-content {
    width: 400px;
    margin: auto;
}

.settingwaitlist .modal-content h3 {
    font-size: 15px;
    color: #24303f;
}

.settingwaitlist .listingli li {
    width: 100%;
}

.settingwaitlist .boxwhite {
    padding: 15px 40px 5px;
}

.settingwaitlist .age-title label {
    text-align: center;
    display: block;
}

.videoconsultationmodal .listingli li {
    width: 100%;
}

.videoconsultationmodal .label-input label {
    display: block;
}

.consult-videotext .modal-content {
    width: 200px;
}

.consult-videotext .modal-header .close {
    right: 30px;
}

#embededcalender textarea {
    height: 70px !important;
    box-shadow: none !important;
}

.tableservice tr td,
.tableservice tr th {
    border-right: 0;
    padding-left: 0;
    white-space: inherit;
}

.tableservice tr th {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    vertical-align: middle;
    color: #24303f;
    font-weight: 500;
}

.tableservice .form-control {
    font-size: 14px;
    box-shadow: none;
    color: #24303f;
}

.tableservice .form-control::placeholder {
    letter-spacing: 0;
    color: #24303f;
}

.round-color {
    width: 28px;
    height: 28px;
    background: #f8de74;
    border-radius: 100%;
    display: inline-block;
    border: 1px solid #ddd;
}

.purple-color {
    background-color: #826fa9;
}

.pink-color {
    background-color: #f3bdaa;
}

.blue-color {
    background-color: #9eceea;
}

.green-color {
    background-color: #76c670;
}

.widh120 {
    width: 120px;
}

.width130 {
    width: 130px;
}

.tableservice .switch {
    top: 5px;
}

.t-brdr {
    border: 1px solid #45747b;
    border-radius: 5px;
    padding: 2px 6px;
}

.tableservice .send-client-box-geo {
    top: 100px !important;
    right: 150px !important;
}

.tablecus-drop {
    overflow: inherit;
}

.tablecus-drop .waitlist-menu .img-width {
    margin-right: 20px !important;
}

.tablecus-drop .dropdown-toggle {
    border: 0;
    color: #24303F;
    font-size: 14px;
}

.tablecus-drop button:focus,
.tablecus-drop button:hover {
    background: none;
    color: #24303f;
}

.tablecus-drop .dropdown-menu {
    background: #fff;
    border-radius: 5px;
}

.tablecus-drop .health-history-checkbox {
    padding: 0 10px;
    margin: 0;
}

.tablecus-drop .checkedbox {
    top: 0;
}

.tablecus-drop .health-history-checkbox .delete-check-icon ul li {
    margin-bottom: 0;
    font-size: 14px;
}

.service-prov-drop .dropdown-item:hover {
    background: none;
}

.service-prov-drop .dropdown-item {
    padding: 10px 5px;
    border-bottom: 1px solid #ddd;
}

.service-prov-drop .dropdown-item:last-child {
    border-bottom: 0;
}

.service-prov-drop .btn-green {
    margin-top: 10px !important;
}

.service-prov-drop .dropdown-item:last-child {
    border-bottom: 0;
}

.service-prov-drop button {
    background: none;
}

.service-prov-drop .dropdown-toggle::after {
    content: none;
}

.bbtm-brdr {
    border-bottom: 0 !important;
}

.tablecus-drop.waitlist-drop-box .btn-green {
    width: 90%;
    margin-top: 10px !important;
    text-align: center;
    margin: auto;
    display: block;
}

.tablecus-drop .dropdown-menu.waitlist-menu {
    transform: translate3d(17px, 0px, 0px) !important;
    top: auto !important;
}

.classeseventsModal .boxwhite {
    padding: 10px !important;
}

.h6-title {
    text-align: center;
    padding: 20px 30px 10px;
}

.h6-title h6 {
    margin-bottom: 10px;
    color: #24303F;
}

.h6-title p {
    margin-bottom: 0;
    font-size: 14px;
}

.classeseventsModal .modal-body {
    padding: 0px 50px 40px!important;
}

.settingintakeModal .clients-area .delete-check-icon {
    float: none;
}

.settingintakeModal .healthhistory-intake .switch-custom {
    position: relative;
    top: -40px;
}

.brdrtable table tr td .whitecard {
    padding: 0;
    box-shadow: none;
}

.brdrtable table tr td h4 {
    text-align: left;
}

.brdrtable table tr th {
    color: #24303F;
}

.brdrtable .delete-check-icon {
    float: right;
}

.brdrtable table tr td .whitecard .media {
    align-items: center;
    justify-content: center;
}

.brdrtable table tr td:first-child {
    background: none;
    border: 0;
}

.brdrtable table tr td .client-area-bullet-first {
    position: relative;
}


/*===============*/

.width720 {
    width: 720px;
}

.brdrtable .checkedbox {
    position: absolute;
    top: -5px;
    left: 0;
}

.clientd-wrapper .client-top-area .checkedbox {
    left: 5px !important;
    top: 12px !important;
}

.settingintakeModal h5 {
    letter-spacing: 0;
}

.settingintakeModal .modal-title {
    letter-spacing: 0.7px !important;
}

.settingintakeModal .save-btn {
    height: auto;
    padding: 5px 0;
}

.settingintakeModal textarea {
    box-shadow: none !important;
    font-size: 14px;
    height: 100px !important;
    margin-top: 30px;
}

.drodown-window-option .form-control {
    box-shadow: none;
    color: #898989;
    font-size: 14px;
}

.drodown-window-option h4 {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 500;
}

.drodown-window-option .toogle-x {
    top: 0;
}

.drodown-window-option .form-group {
    margin-bottom: 10px;
}

.visiblity-hidden {
    visibility: hidden;
}

.settingintakeModal .send-client-box-geo {
    right: 0px !important;
    left: 10px;
}

.sendintake-text .switch-custom {
    position: relative;
    top: -30px;
}

.credit-sms-text p,
.credit-sms-text h7 {
    color: #24303f;
    font-size: 14px;
}

.sms-video-box {
    text-align: center;
}

.sms-video-box h6,
.sms-video-box img {
    margin-bottom: 30px;
    color: #24303f;
    font-weight: 600;
}

.addcreditsmodal .mCSB_inside>.mCSB_container,
.paymentgateway-modal .mCSB_inside>.mCSB_container {
    padding: 0 60px;
}

.addcreditsmodal .boxwhite {
    padding: 30px 50px;
}

.credit-sms-text {
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
}

.credit-sms-text p:last-child {
    margin-bottom: 0;
}

.credit-sms-text h7 {
    font-weight: 700;
}

.addcreditsmodal .labeltop .label-input label,
.addcreditsmodal .form-group {
    top: 0;
}

.remindersModal .form-control::placeholder {
    letter-spacing: 0;
}

.remindersModal .form-control {
    text-align: left !important;
}

.remindersModal textarea.form-control {
    height: 90px !important;
    box-shadow: none !important;
    text-align: left !important;
}

.remindersModal .send-client-box-geo {
    top: 20px !important;
    right: auto !important;
    left: 0;
    z-index: 2;
}

.noneconsultModal .modal-content {
    width: 200px;
}

.remindersModal .select .select-options li {
    text-transform: none!important;
}

.mr-li li {
    margin-right: 0;
}

.color-dropdown button {
    border: 0;
    background: none;
    cursor: pointer;
}

.color-dropdown .dropdown-toggle::after {
    content: none;
}

.color-dropdown .dropdown-menu {
    min-width: 50px;
    transform: translate3d(17px, 0px, 0px) !important;
    top: auto !important;
    left: -20px !important
}

.dropdown-services .select {
    text-align: center;
}

.dropdown-services .select .select-options li {
    text-align: left;
}

.select-services select {
    font-size: 14px;
    box-shadow: none;
    color: #24303f;
    border: 1px solid #ced4da;
    padding: 5px 13px;
    border-radius: 4px;
}

.select-services select::-ms-expand {
    display: none;
}

.select-services select {
    -webkit-appearance: none;
    appearance: none;
}

#addcreditsmodal .form-control::placeholder {
    letter-spacing: 0;
}

.gray-color::placeholder,
.gray-color {
    color: #898989 !important;
}

.max-21 {
    width: 21px;
}

.font-18 {
    font-size: 18px !important;
}

.font-500 {
    font-weight: 500 !important;
}

.custom-textarea textarea {
    overflow: hidden;
    padding: 10px;
    width: 100%;
    min-height: 40px;
    font-size: 13px;
    display: block;
    border: 1px solid #ced4da;
    resize: none;
    color: #24303f;
    border-radius: 4px;
    letter-spacing: 0.7px;
    font-weight: 500;
}

.custom-textarea .form-control::placeholder {
    color: #898989 !important;
    font-weight: 500 !important;
}

.customformcontrol-form .form-control {
    color: #898989 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 500 !important;
}

.customformcontrol-form .form-control::placeholder {
    color: #898989 !important;
    letter-spacing: 0.7px !important;
}

.h40 {
    height: 40px !important;
}

.credit-box-geo {
    display: none;
    height: 110px;
    position: absolute;
    font-size: 14px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 10px;
    top: 10px !important;
    border-radius: 5px;
    color: #24303f;
    left: auto;
    width: 172px;
    right: 20px;
}

.credit-box-geo h5 {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}

.light-grey {
    color: #898989;
}

.current-holidaytext {
    text-align: left !important;
    position: relative;
    left: 20px;
}

#holidaysModal .online-dropdown .select-styled {
    letter-spacing: 0;
}

.invoice-tax .age-title label {
    padding: 5px 20px;
}

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

.no-brdr-radius {
    border-radius: 0;
}

#invoicetemplatemodal .boxwhite {
    padding: 0;
}

.innerpadd {
    padding: 0 30px;
}

.remindersModal .sms-reminder-box-geo {
    top: -20px !important;
    right: 10px !important;
    left: auto;
    height: 100px;
}

.dropdownchat button {
    padding: 0 !important;
    border: 0 !important;
    margin-right: 0;
}

.c-reply-modal .modal-dialog {
    width: 400px;
}

.c-reply-modal .modal-body {
    padding: 20px;
}

.c-reply-modal h5 {
    font-size: 18px;
    color: #24303f;
    font-weight: 500;
    padding: 22px 10px;
}

.lefttext {
    left: 55px;
}

.width254 .form-control {
    width: 254px;
}

.width256 .form-control {
    width: 256px;
    float: right;
    text-align: right;
}

.c-reply-modal .green-drop .form-control {
    background: #68afb5;
}

.c-reply-modal .media-body .form-control {
    height: 90px !important;
    box-shadow: none !important;
}

.c-reply-modal .modal-footer .confirm-bttn {
    display: block;
    right: 0;
}

.dropdownchat .confirm-bttn {
    right: 0;
}

.dropdownchat .dropdown-item {
    margin-left: 0;
}

.dropdownchat .dropdown-item:last-child {
    border-bottom: 0;
}

.dropdownchat .dropdown-menu {
    padding: 20px 15px;
}

.arrived-confirm-popover .rdio-primary input[type="checkbox"] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.arrived-confirm-popover .labelcheck {
    font-size: 14px;
    font-weight: 600;
}

.arrived-confirm-popover {
    position: relative;
    right: -55px;
}

.missapptmodal .modal-content {
    max-width: 320px !important;
}

.missapptmodal .modal-body {
    padding: 20px 50px !important;
}

.missapptmodal .confirm-bttn {
    padding: 5px 60px !important;
}

.familiy-dahboard-area .rightbox {
    margin-bottom: 20px;
}

.form-control-g .form-control {
    color: #24303f !important;
}

.form-control-g .form-control::placeholder {
    color: #898989 !important;
}


/*======= Notification Dropdown Area Start =====*/

.notifi-dropdown-area button {
    border: 0;
    background: none;
}

.notifi-dropdown-area .dropdown-toggle::after {
    content: none;
}

.notifi-dropdown-area .dropdown-menu {
    padding: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.notifi-dropdown-area .dropdown-item {
    border-bottom: 1px solid #ccc;
}

.notifi-dropdown-area .dropdown-item:hover {
    background: #68afb5;
    color: #fff;
}

.notifi-dropdown-area .dropdown-item:last-child:hover {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.notifi-dropdown-area .dropdown-item:last-child {
    border-bottom: 0;
}

.notifi-dropdown-area .notification-txt {
    right: 0;
}


/*======= Notification Dropdown Area Start =====*/

.cremoveimg {
    background: none;
}

.cremoveimg img {
    width: 10px;
    height: 10px;
    position: relative;
    max-width: 10px;
}

.chatunfill-bg p {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    font-size: 13px;
    width: 254px;
    margin-bottom: 0;
}

.chatunfill-bg .lefttext {
    left: 0;
}

.chatfill-bg p {
    background: #68afb5;
    color: #fff !important;
    width: 256px;
    float: right;
    padding: 10px;
    text-align: right;
    border-radius: 5px;
    font-size: 13px;
    margin-bottom: 0;
}

.angelafrost-chatmodal .mCSB_scrollTools .mCSB_draggerContainer {
    top: 0;
    right: -10px;
}

.angelafrost-chatmodal .mCSB_inside>.mCSB_container {
    padding-left: 0;
}

#sign-up-content {
    max-width: 645px;
}

#sign-up-content h5 {
    /* font-size: 40px;
    line-height: 45px;
    font-weight: 400; */
    margin-bottom: 15px;
    font-size: 35px;
    letter-spacing: 2px;
    line-height: 45px;
    color: #ffffff;
}

#sign-up-content span {
    line-height: 35px;
    font-size: 30px;
    line-height: 35px;
}

#sign-up-content a {
    background-color: #FFFFFF;
    color: #99C9CC;
    max-width: 180px;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 18px;
    margin-top: 48px;
}

#sidebarWrap .select2-container--default .select2-selection--single {
    border: none;
    height: 33px;
    background-color: #f7f7f7;
    border-radius: 4px;
}

#sidebarWrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    align-items: center;
    display: flex;
    padding: .375rem .75rem;
    font-size: 12px;
    color: #24303f;
}

#sidebarWrap input {
    height: 37px !important;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #68AFB6;
    color: white;
}

#sidebarWrap h5 {
    margin-bottom: 24px;
    line-height: 20px;
}

#sidebarWrap p {
    /* font-size: 12px; */
    font-size: 16px;
    color: #232F3F;
}

#sidebarWrap p a {
    /* font-size: 12px; */
    font-size: 16px;
}

.terms-privacy-check.popup-checkbox .custom-checkbox .custom-control-label::before {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.terms-privacy-check.popup-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-radius: 100%;
    background-color: #24303F;
}


/*.terms-privacy-check .custom-checkbox .custom-control-label{
        width: 18px;
    height: 18px;
    margin: 0;
    position: relative;
    left: -15px;
    right: auto;
}*/

.terms-privacy-check.popup-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url('../images/tick-img-white_oldd.png') !important;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    z-index: 2;
    background-size: contain;
}

.pp-pc-area img.logo {
    max-width: 515px;
    width: 100%;
}

.pp-pc-area p {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 40px;
}

.pp-pc-area img.logo~p {
    margin-bottom: 25px;
}

#industry-supporter {
    clear: both;
    background-color: #f7f7f7;
}

#industry-supporter h2 {
    font-size: 45px;
    font-weight: bold;
    color: #24303f;
    margin-bottom: 20px;
}

#industry-supporter p {
    font-size: 22px;
    font-weight: bold;
    color: #24303f;
    margin-bottom: 40px;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 30px;
    text-align: center;
}

.supporter-log {
    background-color: #FFFFFF;
    height: 100px;
    margin-bottom: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-footer .logo img {
    max-width: 335px;
    width: 100%;
    padding: 20px 0;
}

.home-footer .logo {
    position: relative;
}

.home-footer .logo::after {
    content: '';
    width: 1px;
    height: 150px;
    background-color: white;
    right: 0;
    top: -10%;
    position: absolute;
}

.home-header footer {
    min-height: 300px;
}

.slider-content {
    padding-bottom: 40px;
}

.owl-slide-item {
    max-width: 380px;
    /* height: 290px; */
    background-color: white;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}

.description-content {
    width: 100%;
    height: 100%;
    height: 230px;
    padding: 36px 45px 36px 38px;
}

.footer-content {
    padding: 10px 36px;
    background-color: #E5F8FA;
}

.footer-content h5 {
    font-size: 18px;
    line-height: 21px;
    color: #232F3F;
    font-weight: bold;
}

.footer-content span {
    font-size: 12px;
    color: #232F3F;
    white-space: nowrap;
}

.footer-content .user-img {
    float: right;
    border-radius: 100%;
    /*padding: 5px;*/
    position: absolute;
    top: -50px;
    overflow: hidden;
}

.footer-content .user-img img {
    background-color: #E5F8FA;
    width: 79px;
    height: 79px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center center;
    border: 5px solid #E5F8FA;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #47747b;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    border: 1px solid #47747b;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-stage-outer {
    padding-bottom: 5px;
}

#login-menu li a.dropdown-toggle {
    font-size: 25px;
    font-weight: 300;
    margin-top: -40px;
}

#login-menu li.green-dropdown .dropdown-menu {
    left: -85px;
}

.home-header #login-menu .navbar-brand img {
    max-width: 365px;
}

.footer-wrapper .footer-social li {
    margin: 0 15px 0 0;
}

.find-my-logo img {
    max-width: 356px;
    width: 100%;
}

.formtopfixed {
    position: fixed;
    top: 80%;
}

.forminherit {
    position: inherit;
    top: inherit;
    bottom: inherit;
}

.formbottomabsolute {
    position: absolute;
    top: auto;
    bottom: 1900px;
}

.text-navy {
    color: #24303f;
}

#formFmaRegistration .custom-control-label {
    padding-left: 35px;
}

#formFmaRegistration .custom-control-label .custom-control-label:before,
#formFmaRegistration .custom-control-label .custom-control-label:after {
    left: 0 !important;
}

.contact-form .custom-checkbox .custom-control-label::after {
    background-image: url('../images/tick-img-for-days.png') !important;
}

.signup-form input::placeholder {
    font-size: 12px !important;
}

.contact-form.otp-content h1 {
    margin-bottom: 40px;
}

.contact-form.otp-content {
    margin-bottom: 30px;
}

.otp-content h4 {
    color: #24303f;
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.otp-content #editMobileNumber {
    font-size: 17px;
    color: #2f757b;
}

.otp-content #edittab2 {
    font-size: 17px;
    color: #24303f;
}

.otp-content .text-center label {
    margin-bottom: 30px;
}

.otp-content .digit-group input:focus,
.otp-content .digit-group input {
    box-shadow: none !important;
    border-radius: 5px;
    border: 0.5px solid #afd4d7 !important;
    width: 45px;
    height: 62px;
}

.verifyotpphone {
    width: 200px;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    box-shadow: none;
    border: 0.5px solid #afd4d7 !important;
}
.contactus-form {
    position: relative;
    margin: 80px auto;
    padding: 38px 48px;
}

@media (max-width:1599px) {
    #sidebarWrap {
        /* margin-right: -175px; */
        margin-right: -199px;
    }
    #sidebar,
    #sidebarWrap {
        width: 460px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    /* .leftspace>div img {
        width: 80%;
        left: -50%;
    } */
    .cs-video {
        max-width: 562px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    #sidebarWrap {
        margin-right: -150px !important;
    }
    #owl-carousel {
        margin-left: -35px;
    }
}

@media (max-width:1199px) {
    #sign-up-content h5 {
        font-size: 34px;
    }
    .list-business .proflie-banner-section p {
        font-size: 24px;
    }
    .description-content {
        padding: 15px 15px 20px;
    }
    .footer-content {
        padding: 10px 15px;
    }
    .footer-content .user-img {
        right: 0;
    }
    .footer-content h5 {
        font-size: 15px;
    }
}

@media (max-width:767px) {
    .copyright {
        text-align: left;
    }
    .home-footer .logo::after {
        display: none;
    }
    .business-img {
        text-align: center;
        margin: auto;
    }
    #industry-supporter h2 {
        font-size: 34px;
    }
    #industry-supporter p {
        font-size: 18px;
    }
    .list-text-area ul li span {
        min-width: 25px;
        width: 25px;
        margin-right: 10px;
    }
    .list-text-area ul li span.img-bigger {
        min-width: 35px;
        margin-right: 0PX;
    }
    .list-text-area ul li span.img-ok {
        margin-right: 10px;
    }
    .list-text-area ul li {
        margin-bottom: 20px;
    }
    .pp-pc-area img.logo~p {
        margin-bottom: 18px;
    }
    .pp-pc-area .h3-title {
        margin-bottom: 18px;
    }
    #sign-up-content {
        max-width: 100%;
    }
    #sign-up-content h5 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 18px;
    }
    #sign-up-content a {
        max-width: 150px;
        height: 45px;
        font-size: 18px;
        margin-top: 28px;
    }
    .common-padding {
        padding: 30px 0;
    }
    .pp-pc-area p,
    .pp-about-wrapper .about-me-text p {
        font-size: 16px;
    }
    .m-t-100 {
        margin-top: 30px;
    }
}

@media (max-width:575px) {
    .list-text-area ul {
        margin: 30px 0 15px
    }
    #industry-supporter h2 {
        font-size: 28px;
    }
    /* #industry-supporter p {
        font-size: 18px;
    } */
    .supporter-log {
        margin-bottom: 15px;
    }
    .business-img img {
        max-width: 50%;
        margin-bottom: 30px;
    }
    .footer-content {
        padding: 10px 15px;
    }
    .footer-content .user-img {
        right: 10px;
    }
    /*  .list-business .pp-profile .proflie-banner-section {
        margin-top: 30px !important;
    }*/
    .home-header .navbar-brand img {
        max-width: 160px !important;
    }
    /*#sign-up-content a {
        display: inline-flex;
    }*/
    .checkbox-alignment .custom-checkbox {
        padding-left: 0;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .find-my-logo img {
        max-width: 200px !important;
    }
}

.description-content p {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
}

.footer-content span {
    text-transform: capitalize;
}

.footer-content h5 {
    font-weight: bold;
}

#sidebarWrap p {
    font-size: 12.5px;
}

#sidebarWrap p a {
    font-size: 12.5px !important;
}

@media(max-width: 575px) {
    .contact-form .close {
        position: absolute;
        width: 33px;
        right: -7px;
        top: -10px;
        opacity: 1;
    }
}

.contact-bg {
    background-image: url('../images/FMA-contact-page-BG-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-section {
    max-width: 1240px;
    width: 100%;
    background-color: white;
    margin: auto;
    border: 0.5px solid #cccccc;
    border-radius: 5px;
    margin-bottom: 100px;
}


/* 
CSS ADDED ON 18-07-2022
coming-soon page css start */

.contact-bg {
    background-image: url('../images/FMA-contact-page-BG-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-section {
    max-width: 1240px;
    width: 100%;
    background-color: white;
    margin: auto;
    border: 0.5px solid #cccccc;
    border-radius: 5px;
}

.coming-soon-nav .navbar-brand img {
    width: 280px;
    height: 70px;
}

.coming-soon-nav .dropdown a {
    font-size: 20px;
}

#dropdownMenuButton:hover{color: #24303F;}

.coming-soon-section {
    background-image: url('../images/coming-soon-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.coming-soon-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 28%);
    left: 0;
    top: 0;
    z-index: -1;
}

.coming-soon-content {
    max-width: 825px;
    width: 100%;
    margin: auto;
    /* padding: 230px 0 165px; */
    padding: 165px 0 130px;
}

.coming-soon-section h1 {
    font-size: 60px;
    color: white;
    font-weight: bold;
    /* line-height: 24px; */
    letter-spacing: 0.5px;
    margin-bottom: 40px;
}

.cs-serch-box {
    max-width: 525px;
    margin-bottom: 45px;
}


/* .cs-serch-box .input-group {
    border: 0.5px solid #cccccc;
    border-radius: 100px;
} */

.cs-serch-box input {
    height: 55px !important;
    font-size: 23px;
    color: #24303F;
    border-radius: 100px;
    border: 0.5px solid #cccccc;
    border-left: none;
    padding: 8px 30px 10px;
}

.cs-serch-box .input-group-prepend {
    width: 65px;
    background-color: #68afb5;
    border-radius: 100px 0 0 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.5px solid #cccccc;
}

.cs-serch-box .input-group-prepend img {
    width: 30px;
}

.coming-soon-section h3 {
    font-size: 30px;
    color: white;
    line-height: 35px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
}

.coming-soon-section p {
    color: white;
    font-size: 25px;
    letter-spacing: 0.5px;
    line-height: 31px;
    font-weight: normal;
}

.service-provider-client-selecter {
    padding: 85px 0 90px;
}

.service-provider-client-selecter .card {
    border: 0.5px solid #cccccc;
    border-radius: 5px;
    padding: 55px 120px 50px;
    text-align: center;
    max-width: 605px;
    color: #24303F;
}

.service-provider-client-selecter .card h3 {
    font-size: 30px;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
}

.service-provider-client-selecter .card p {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.5px;
    margin-bottom: 50px;
}

.service-provider-client-selecter .card a {
    width: 338px;
    height: 55px;
    color: white;
    border-radius: 100px;
    border: 0.5px solid;
    background-color: #68afb5;
    font-size: 26px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.service-provider-client-selecter .card a:hover {
    border-color: #45747a;
    color: white;
    background-color: #45747a;
}

@media (max-width:1599px) {
    #sidebarWrap {
        /* margin-right: -175px; */
        margin-right: -199px;
    }
    #sidebar,
    #sidebarWrap {
        width: 460px;
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    /* .leftspace>div img {
        width: 80%;
        left: -50%;
    } */
    .cs-video {
        max-width: 562px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {
    #sidebarWrap {
        margin-right: -150px !important;
    }
    #owl-carousel {
        margin-left: -35px;
    }
}

@media (max-width:1399px) {
    .service-provider-client-selecter .card {
        max-width: 550px;
        padding: 55px 90px 50px;
    }
}

@media (max-width:1199px) {
    #sign-up-content h5 {
        font-size: 34px;
    }
    .list-business .proflie-banner-section p {
        font-size: 24px;
    }
    .description-content {
        padding: 15px 15px 20px;
    }
    .footer-content {
        padding: 10px 15px;
    }
    .footer-content .user-img {
        right: 0;
    }
    .footer-content h5 {
        font-size: 15px;
    }
    .service-provider-client-selecter .card {
        max-width: 48%;
        padding: 40px 40px 40px;
    }
}

@media (max-width:991px) {
    .service-provider-client-selecter .card {
        max-width: 90%;
        padding: 40px 90px 40px;
        margin: 0 auto 30px;
    }
    .coming-soon-content {
        padding: 100px 0;
        max-width: 90%;
    }
    .coming-soon-section h1 {
        font-size: 45px;
    }
    .coming-soon-section h3 {
        font-size: 24px;
    }
    .coming-soon-section p {
        font-size: 18px;
    }
}

@media (max-width:767px) {
    .copyright {
        text-align: left;
    }
    .home-footer .logo::after {
        display: none;
    }
    .business-img {
        text-align: center;
        margin: auto;
    }
    #industry-supporter h2 {
        font-size: 34px;
    }
    #industry-supporter p {
        font-size: 18px;
    }
    .list-text-area ul li span {
        min-width: 25px;
        width: 25px;
        margin-right: 10px;
    }
    .list-text-area ul li span.img-bigger {
        min-width: 35px;
        margin-right: 0PX;
    }
    .list-text-area ul li span.img-ok {
        margin-right: 10px;
    }
    .list-text-area ul li {
        margin-bottom: 20px;
    }
    .pp-pc-area img.logo~p {
        margin-bottom: 18px;
    }
    .pp-pc-area .h3-title {
        margin-bottom: 18px;
    }
    #sign-up-content {
        max-width: 100%;
    }
    #sign-up-content h5 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 18px;
    }
    #sign-up-content a {
        max-width: 150px;
        height: 45px;
        font-size: 18px;
        margin-top: 28px;
    }
    .common-padding {
        padding: 30px 0;
    }
    .pp-pc-area p,
    .pp-about-wrapper .about-me-text p {
        font-size: 16px;
    }
    .m-t-100 {
        margin-top: 30px;
    }
    .service-provider-client-selecter .card {
        max-width: 100%;
        padding: 40px 40px 40px;
    }
    .coming-soon-section h1 {
        font-size: 40px;
    }
    .coming-soon-content {
        padding: 60px 0;
    }
}

@media (max-width:575px) {
    .list-text-area ul {
        margin: 30px 0 15px
    }
    #industry-supporter h2 {
        font-size: 28px;
    }
    /* #industry-supporter p {
        font-size: 18px;
    } */
    .supporter-log {
        margin-bottom: 15px;
    }
    .business-img img {
        max-width: 50%;
        margin-bottom: 30px;
    }
    .footer-content {
        padding: 10px 15px;
    }
    .footer-content .user-img {
        right: 10px;
    }
    /*  .list-business .pp-profile .proflie-banner-section {
        margin-top: 30px !important;
    }*/
    .home-header .navbar-brand img {
        max-width: 160px !important;
    }
    /*#sign-up-content a {
        display: inline-flex;
    }*/
    .checkbox-alignment .custom-checkbox {
        padding-left: 0;
        margin-left: 0;
    }
    .service-provider-client-selecter .card {
        padding: 20px 15px 20px;
    }
    .service-provider-client-selecter .card h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .service-provider-client-selecter .card p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .service-provider-client-selecter .card a {
        width: auto;
        padding: 0 20px;
        height: 48px;
        font-size: 18px;
    }
    .coming-soon-section h1 {
        font-size: 34px;
    }
    .coming-soon-nav .dropdown a {
        font-size: 18px;
    }
    .coming-soon-content {
        padding: 40px 0;
    }
    .coming-soon-section h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .coming-soon-section p {
        font-size: 18px;
        line-height: 24px;
    }
    .cs-serch-box .input-group-prepend {
        width: 45px;
    }
    .cs-serch-box .input-group-prepend img {
        width: 20px;
    }
    .cs-serch-box input {
        height: 45px !important;
        font-size: 14px;
        padding: 8px 8px 8px;
    }
}

@media (max-width: 480px) {
    .find-my-logo img {
        max-width: 200px !important;
    }
}

.description-content p {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
}

.footer-content span {
    text-transform: capitalize;
}

.footer-content h5 {
    font-weight: bold;
}

#sidebarWrap p {
    font-size: 12.5px;
}

#sidebarWrap p a {
    font-size: 12.5px !important;
}

@media(max-width: 575px) {
    .contact-form .close {
        position: absolute;
        width: 33px;
        right: -7px;
        top: -10px;
        opacity: 1;
    }
}

.cs-serch-box input::placeholder {
    color: #24303f;
}

/* 25-01-2023 */

.offer-box-banner h5 {
    background-color: #24303f;
    width: fit-content;
    padding: 0px 10px;
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 35px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
#sign-up-content .offer-box-banner .offer-box-banner-title {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 35px;
    margin-bottom: 15px;
}
#sign-up-content .offer-box-banner p{
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
}

h4.fandp-price {
    font-size: 35px;
    line-height: 45px;
    color: #24303f;
    font-weight: bold;
}
.features-and-pricing-outer>ul>li {

    max-width: 381px;
    width: 48%;
}
.f-and-p-box-inner {
    border-radius: 5px;
    background-color: #f7f7f7;
    border: 0.5px solid #cccccc;
    padding: 30px 20px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    min-height: 395px;
}
.s-p-f-text {
    font-size: 19px;
    line-height: 20px;
    color: #24303f;
    font-weight: bold;
    margin-bottom: 20px;
}
.f-and-p-box-inner .fandp-description {
    font-size: 15px;
    line-height: 20px;
    color: #24303f;
    padding-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 0px;
}
.features-and-pricing-outer>ul {

    display: flex;
    justify-content: space-between;
}
.features-and-pricing-outer ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.f-and-p-box-inner .ligh-gray-t {
    color: #898989;
}
.ptb-10{padding: 10px 0px;}
.fandp-btn-outer a {
    background: none !important;
    border-radius: 5px;
    background-color: #45747a !important;
    border: 1px solid #45747a !important;
    min-height: 35px;
    color: #ffffff;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.fandp-btn p {
    text-align: center;
    margin-bottom: 0;
}
.fandp-btn p a {
    font-size: 13px;
    line-height: 20px;
    color: #898989;
    text-align: center;
}
span.svg-tik-icon {
    margin-right: 8px;
}
.stan-plan-fu-outer ul {margin-bottom: 20px;}
.stan-plan-fu-outer ul li {
    font-size: 15px;
    line-height: 28px;
    color: #24303f;
}
.feature-plan-image {
    border-radius: 5px;
    overflow: hidden;    
    margin-top: 50px;
}
.f-and-p-box-inner .ligh-gray-t:after {
    content: '';
    background-color: #cccccc;
    width: 152px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.f-and-p-box-inner .ligh-gray-t{
    position: relative;
}
.fandp-price.fandp-price-text{
    font-size: 22px;
    line-height: 20px;
    margin-top: 15px;
}
.stan-plan-fu-outer svg#Layer_1 {
    width: 14px;
}
.fandp-btn-outer {
    margin-bottom: 10px;
}
.navbar-brand img {height: auto !important; width: auto !important;}

.after-video-text-title {
    font-size: 22px;
    line-height: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}
.view-plan-link ,.view-plan-link a {
    text-align: right;
    color: #457379;
}

.doctor-profile-wrapper.doctor-profile-sidearea.home-header .select2-container--open .select2-dropdown--below ,.doctor-profile-wrapper span.select2-dropdown.select2-dropdown--above {
    border: 1px solid #cccccc00 !important;
}
.doctor-profile-wrapper.doctor-profile-sidearea.home-header .select2-results__option {
    background-color: #F6F6F6;
}
.doctor-profile-wrapper.doctor-profile-sidearea.home-header .select2-results__option[aria-selected=true],.doctor-profile-wrapper.doctor-profile-sidearea.home-header .select2-results__option--highlighted[aria-selected] {
    background-color: #68AFB6;
    color: white;
}
.a-tag-li {color: #24303f;}